@fpkit/acss 0.5.11 → 0.5.13

package/libs/{icons-31ace3de.d.ts → components/icons/icon.d.cts}

@@ -1,69 +1,62 @@
-import React__default, { ReactNode } from 'react';
-
-type PolymorphicRef<C extends React__default.ElementType> = React__default.ComponentPropsWithRef<C>["ref"];
-type AsProp<C extends React__default.ElementType> = {
-    as?: C;
-};
-type PropsToOmit<C extends React__default.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React__default.ElementType, Props = {}> = React__default.PropsWithChildren<Props & AsProp<C>> & Omit<React__default.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-type PolymorphicComponentPropWithRef<C extends React__default.ElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
-    ref?: PolymorphicRef<C>;
-};
-type FPProps<C extends React__default.ElementType> = PolymorphicComponentPropWithRef<C, {
-    renderStyles?: boolean;
-    styles?: React__default.CSSProperties;
-    classes?: string;
-    id?: string;
-    children?: React__default.ReactNode;
-}>;
-type FPComponent = <C extends React__default.ElementType = "span">(props: FPProps<C>) => React__default.ReactElement | (any & {
-    displayName?: String;
-});
-declare const FP: FPComponent;
-
-interface ComponentProps {
-    /**
-     * The default child content/component to render.
-     */
-    children?: ReactNode;
-    /**
-     * Use default component styles
-     */
-    renderStyles?: boolean;
-    /**
-     * Component id attribute
-     */
-    id?: string;
-    /**
-     * Styles object
-     */
-    styles?: React__default.CSSProperties;
-    /**
-     * Default styles object
-     */
-    defaultStyles?: React__default.CSSProperties;
-    /**
-     * Component class attribute
-     */
-    classes?: string;
-    /**
-     * Style value for [data-style] attribute
-     */
-    dataStyle?: string;
-    /**
-     * Component ref attribute
-     */
-    ref?: React__default.Ref<any>;
-}
+import { C as ComponentProps } from '../../component-props-a8a2f97e.js';
+import React__default from 'react';
+import { U as UI } from '../../ui-645f95b5.js';
 
+/**
+ * Props for individual icon SVG components (e.g., Icon.Code, Icon.Home).
+ *
+ * These props control the visual presentation of SVG icons. Icon components
+ * are decorative by default and should be wrapped in the `Icon` container
+ * component which handles accessibility concerns.
+ *
+ * @property {string} [fill] - SVG fill color (CSS color value)
+ * @property {number} [size] - Icon size in pixels (sets both width and height)
+ * @property {string} [strokeColor] - SVG stroke color (CSS color value)
+ * @property {string} [strokeWidth] - SVG stroke width (e.g., '2px', '1.5')
+ * @property {string} [role] - ARIA role (use 'img' for semantic icons)
+ * @property {string} [aria-label] - Accessible label for standalone icons
+ * @property {boolean} [aria-hidden] - Hide from screen readers (default: true via Icon wrapper)
+ * @property {string} [alt] - @deprecated Use aria-label instead. Legacy prop for accessible label.
+ * @property {number} [width] - Explicit width in pixels (overrides size)
+ * @property {number} [height] - Explicit height in pixels (overrides size)
+ *
+ * @example
+ * ```tsx
+ * // Decorative icon with custom styling
+ * <Icon>
+ *   <Icon.Code size={24} fill="blue" />
+ *   View Code
+ * </Icon>
+ *
+ * // Standalone semantic icon
+ * <Icon aria-hidden={false} aria-label="Code snippet">
+ *   <Icon.Code size={20} />
+ * </Icon>
+ * ```
+ */
 interface IconProps$1 extends Partial<ComponentProps> {
+    /** SVG fill color */
     fill?: string;
+    /** Icon size in pixels (sets both width and height) */
     size?: number;
+    /** SVG stroke color */
     strokeColor?: string;
+    /** SVG stroke width */
     strokeWidth?: string;
+    /** ARIA role (use 'img' for semantic icons) */
     role?: string;
+    /** Accessible label (required for standalone icons) */
+    'aria-label'?: string;
+    /** Hide from screen readers (default: true) */
+    'aria-hidden'?: boolean;
+    /**
+     * @deprecated Use aria-label instead. This prop exists for backward compatibility.
+     * The alt attribute is only valid for img elements, not SVG.
+     */
     alt?: string;
+    /** Explicit width in pixels */
     width?: number;
+    /** Explicit height in pixels */
     height?: number;
 }
 
@@ -72,9 +65,91 @@ declare namespace Star {
     var displayName: string;
 }
 
-type IconProps = React__default.ComponentProps<typeof FP>;
+type IconProps = React__default.ComponentProps<typeof UI> & {
+    /**
+     * Controls screen reader visibility.
+     * - `true` (default): Hides icon from screen readers (decorative icon)
+     * - `false`: Makes icon visible to screen readers (semantic icon)
+     *
+     * **When to use decorative (aria-hidden="true", default):**
+     * - Icon accompanies visible text (e.g., button with icon + label)
+     * - Icon is purely visual decoration
+     *
+     * **When to use semantic (aria-hidden="false"):**
+     * - Icon is the only content (e.g., icon-only button)
+     * - Must provide `aria-label` or `aria-labelledby` for accessible name
+     *
+     * @default true
+     * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html
+     */
+    "aria-hidden"?: boolean;
+    /**
+     * Accessible label for semantic icons.
+     * Required when icon is standalone (not accompanied by visible text).
+     *
+     * @example
+     * ```tsx
+     * // ✅ GOOD: Icon-only button with accessible name
+     * <button>
+     *   <Icon aria-hidden={false} aria-label="Close dialog">
+     *     <Icon.Remove />
+     *   </Icon>
+     * </button>
+     *
+     * // ✅ GOOD: Icon with visible text (default decorative)
+     * <button>
+     *   <Icon><Icon.Add /></Icon>
+     *   Add Item
+     * </button>
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Semantic role override.
+     * Use `role="img"` when icon conveys meaning and is not decorative.
+     *
+     * @default undefined (no role for decorative icons)
+     */
+    role?: string;
+};
+/**
+ * Icon wrapper component that enforces accessibility best practices.
+ *
+ * **Default behavior (decorative icon):**
+ * - Hidden from screen readers (`aria-hidden="true"`)
+ * - Used when icon accompanies visible text
+ *
+ * **Semantic icon pattern:**
+ * - Set `aria-hidden={false}` to expose to screen readers
+ * - Must provide `aria-label` for accessible name
+ * - Consider `role="img"` for complex SVG icons
+ *
+ * @param {IconProps} props - Component props
+ * @returns {React.ReactElement} Accessible icon wrapper
+ *
+ * @example
+ * // ✅ Decorative icon with text (default)
+ * <button>
+ *   <Icon><Icon.Save /></Icon>
+ *   Save Changes
+ * </button>
+ *
+ * @example
+ * // ✅ Semantic icon-only button
+ * <button aria-label="Close dialog">
+ *   <Icon aria-hidden={false}>
+ *     <Icon.Remove />
+ *   </Icon>
+ * </button>
+ *
+ * @example
+ * // ❌ BAD: Icon-only button without accessible name
+ * <button>
+ *   <Icon><Icon.Remove /></Icon>
+ * </button>
+ */
 declare const Icon: {
-    ({ id, classes, children, styles, ...props }: IconProps): React__default.JSX.Element;
+    ({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React__default.JSX.Element;
     displayName: string;
     Add: {
         ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
@@ -287,7 +362,22 @@ declare const Icon: {
             display: string;
             alignItems: string;
             width: string;
-        };
+        }; /**
+         * Controls screen reader visibility.
+         * - `true` (default): Hides icon from screen readers (decorative icon)
+         * - `false`: Makes icon visible to screen readers (semantic icon)
+         *
+         * **When to use decorative (aria-hidden="true", default):**
+         * - Icon accompanies visible text (e.g., button with icon + label)
+         * - Icon is purely visual decoration
+         *
+         * **When to use semantic (aria-hidden="false"):**
+         * - Icon is the only content (e.g., icon-only button)
+         * - Must provide `aria-label` or `aria-labelledby` for accessible name
+         *
+         * @default true
+         * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html
+         */
     };
     StopSolid: {
         ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
@@ -352,4 +442,4 @@ declare const Icon: {
     };
 };
 
-export { ComponentProps as C, FP as F, Icon as I, IconProps as a };
+export { Icon, IconProps, Icon as default };

package/libs/components/icons/icon.d.ts

@@ -0,0 +1,445 @@
+import { C as ComponentProps } from '../../component-props-a8a2f97e.js';
+import React__default from 'react';
+import { U as UI } from '../../ui-645f95b5.js';
+
+/**
+ * Props for individual icon SVG components (e.g., Icon.Code, Icon.Home).
+ *
+ * These props control the visual presentation of SVG icons. Icon components
+ * are decorative by default and should be wrapped in the `Icon` container
+ * component which handles accessibility concerns.
+ *
+ * @property {string} [fill] - SVG fill color (CSS color value)
+ * @property {number} [size] - Icon size in pixels (sets both width and height)
+ * @property {string} [strokeColor] - SVG stroke color (CSS color value)
+ * @property {string} [strokeWidth] - SVG stroke width (e.g., '2px', '1.5')
+ * @property {string} [role] - ARIA role (use 'img' for semantic icons)
+ * @property {string} [aria-label] - Accessible label for standalone icons
+ * @property {boolean} [aria-hidden] - Hide from screen readers (default: true via Icon wrapper)
+ * @property {string} [alt] - @deprecated Use aria-label instead. Legacy prop for accessible label.
+ * @property {number} [width] - Explicit width in pixels (overrides size)
+ * @property {number} [height] - Explicit height in pixels (overrides size)
+ *
+ * @example
+ * ```tsx
+ * // Decorative icon with custom styling
+ * <Icon>
+ *   <Icon.Code size={24} fill="blue" />
+ *   View Code
+ * </Icon>
+ *
+ * // Standalone semantic icon
+ * <Icon aria-hidden={false} aria-label="Code snippet">
+ *   <Icon.Code size={20} />
+ * </Icon>
+ * ```
+ */
+interface IconProps$1 extends Partial<ComponentProps> {
+    /** SVG fill color */
+    fill?: string;
+    /** Icon size in pixels (sets both width and height) */
+    size?: number;
+    /** SVG stroke color */
+    strokeColor?: string;
+    /** SVG stroke width */
+    strokeWidth?: string;
+    /** ARIA role (use 'img' for semantic icons) */
+    role?: string;
+    /** Accessible label (required for standalone icons) */
+    'aria-label'?: string;
+    /** Hide from screen readers (default: true) */
+    'aria-hidden'?: boolean;
+    /**
+     * @deprecated Use aria-label instead. This prop exists for backward compatibility.
+     * The alt attribute is only valid for img elements, not SVG.
+     */
+    alt?: string;
+    /** Explicit width in pixels */
+    width?: number;
+    /** Explicit height in pixels */
+    height?: number;
+}
+
+declare function Star({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'>): React__default.JSX.Element;
+declare namespace Star {
+    var displayName: string;
+}
+
+type IconProps = React__default.ComponentProps<typeof UI> & {
+    /**
+     * Controls screen reader visibility.
+     * - `true` (default): Hides icon from screen readers (decorative icon)
+     * - `false`: Makes icon visible to screen readers (semantic icon)
+     *
+     * **When to use decorative (aria-hidden="true", default):**
+     * - Icon accompanies visible text (e.g., button with icon + label)
+     * - Icon is purely visual decoration
+     *
+     * **When to use semantic (aria-hidden="false"):**
+     * - Icon is the only content (e.g., icon-only button)
+     * - Must provide `aria-label` or `aria-labelledby` for accessible name
+     *
+     * @default true
+     * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html
+     */
+    "aria-hidden"?: boolean;
+    /**
+     * Accessible label for semantic icons.
+     * Required when icon is standalone (not accompanied by visible text).
+     *
+     * @example
+     * ```tsx
+     * // ✅ GOOD: Icon-only button with accessible name
+     * <button>
+     *   <Icon aria-hidden={false} aria-label="Close dialog">
+     *     <Icon.Remove />
+     *   </Icon>
+     * </button>
+     *
+     * // ✅ GOOD: Icon with visible text (default decorative)
+     * <button>
+     *   <Icon><Icon.Add /></Icon>
+     *   Add Item
+     * </button>
+     * ```
+     */
+    "aria-label"?: string;
+    /**
+     * Semantic role override.
+     * Use `role="img"` when icon conveys meaning and is not decorative.
+     *
+     * @default undefined (no role for decorative icons)
+     */
+    role?: string;
+};
+/**
+ * Icon wrapper component that enforces accessibility best practices.
+ *
+ * **Default behavior (decorative icon):**
+ * - Hidden from screen readers (`aria-hidden="true"`)
+ * - Used when icon accompanies visible text
+ *
+ * **Semantic icon pattern:**
+ * - Set `aria-hidden={false}` to expose to screen readers
+ * - Must provide `aria-label` for accessible name
+ * - Consider `role="img"` for complex SVG icons
+ *
+ * @param {IconProps} props - Component props
+ * @returns {React.ReactElement} Accessible icon wrapper
+ *
+ * @example
+ * // ✅ Decorative icon with text (default)
+ * <button>
+ *   <Icon><Icon.Save /></Icon>
+ *   Save Changes
+ * </button>
+ *
+ * @example
+ * // ✅ Semantic icon-only button
+ * <button aria-label="Close dialog">
+ *   <Icon aria-hidden={false}>
+ *     <Icon.Remove />
+ *   </Icon>
+ * </button>
+ *
+ * @example
+ * // ❌ BAD: Icon-only button without accessible name
+ * <button>
+ *   <Icon><Icon.Remove /></Icon>
+ * </button>
+ */
+declare const Icon: {
+    ({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React__default.JSX.Element;
+    displayName: string;
+    Add: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        styles: {
+            fill: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+        displayName: string;
+    };
+    ArrowDown: {
+        ({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles">): React__default.JSX.Element;
+        styles: {
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+        displayName: string;
+    };
+    ArrowLeft: {
+        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        styles: {
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+        displayName: string;
+    };
+    ArrowRight: {
+        ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+    };
+    ArrowUp: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Chat: {
+        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        styles: {
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+        displayName: string;
+    };
+    Code: {
+        ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        styles: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Copy: {
+        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+        styles: {
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Down: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Home: {
+        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Info: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    InfoSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    AlertSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    Left: {
+        ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Minus: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
+        };
+    };
+    Pause: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    PauseSolid: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Play: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    PlaySolid: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Remove: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
+        };
+    };
+    Resume: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    ResumeSolid: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Right: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
+        };
+    };
+    Star: typeof Star;
+    Stop: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        }; /**
+         * Controls screen reader visibility.
+         * - `true` (default): Hides icon from screen readers (decorative icon)
+         * - `false`: Makes icon visible to screen readers (semantic icon)
+         *
+         * **When to use decorative (aria-hidden="true", default):**
+         * - Icon accompanies visible text (e.g., button with icon + label)
+         * - Icon is purely visual decoration
+         *
+         * **When to use semantic (aria-hidden="false"):**
+         * - Icon is the only content (e.g., icon-only button)
+         * - Must provide `aria-label` or `aria-labelledby` for accessible name
+         *
+         * @default true
+         * @see https://www.w3.org/WAI/WCAG21/Understanding/non-text-content.html
+         */
+    };
+    StopSolid: {
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        style: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    Up: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+    };
+    User: {
+        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        styles: {
+            fill: string;
+            stroke: string;
+            display: string;
+            alignItems: string;
+            width: string;
+        };
+        displayName: string;
+    };
+    styles: {
+        display: string;
+        direction: string;
+        gap: string;
+        placeItems: string;
+        width: string;
+    };
+    QuestionSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    WarnSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    SuccessSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    AlertSquareSolid: {
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        displayName: string;
+    };
+    Close: {
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        displayName: string;
+        styles: {
+            fill: string;
+        };
+    };
+};
+
+export { Icon, IconProps, Icon as default };

package/libs/components/icons/icon.js

@@ -0,0 +1,4 @@
+export { a as Icon, b as default } from '../../chunk-772NRB75.js';
+import '../../chunk-KUKIVRC2.js';
+//# sourceMappingURL=out.js.map
+//# sourceMappingURL=icon.js.map

package/libs/components/icons/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}