import { Meta, StoryObj } from '@storybook/web-components-vite';
/**
 * Icons are used throughout the design system to provide visual cues and improve usability.
 * This showcase demonstrates the available icon set with consistent sizing and styling.
 *
 * ## Usage
 *
 * Icons can be used with the `lukso-icon` component:
 *
 * ```html
 * <lukso-icon name="icon-name" size="medium"></lukso-icon>
 * ```
 *
 * ## Available Sizes
 *
 * - `small` (16x16px)
 * - `medium` (24x24px)
 * - `large` (32x32px)
 * - `x-large` (40x40px)
 * - `2x-large` (64x64px)
 */
declare const meta: Meta;
export default meta;
type Story = StoryObj;
/** Essential utility icons for common actions and navigation */
export declare const UtilityIcons: Story;
/** Colored icons with brand colors and unique styling */
export declare const ColoredIcons: Story;
/** Monochromatic icons including browser logos and social media logos that support secondary color customization */
export declare const MonochromaticIcons: Story;
/** Round icons for showcasing circular design elements */
export declare const RoundIcons: Story;
/** Animated icons with built-in animations */
export declare const AnimatedIcons: Story;
//# sourceMappingURL=Icons.stories.d.ts.map