@fpkit/acss 0.5.12 → 0.6.0

package/libs/heading-7446cb46.d.ts

@@ -0,0 +1,250 @@
+import React from 'react';
+import { U as UI } from './ui-d01b50d4.js';
+
+/**
+ * Valid HTML heading levels for semantic document structure.
+ *
+ * @remarks
+ * Heading levels establish the document outline and hierarchy for screen readers.
+ * Always maintain proper heading order (don't skip levels) for WCAG 2.1 compliance.
+ *
+ * @example
+ * // ✅ GOOD: Proper heading hierarchy
+ * <Title level="h1">Main Page Title</Title>
+ * <Title level="h2">Section Heading</Title>
+ * <Title level="h3">Subsection Heading</Title>
+ *
+ * @example
+ * // ❌ BAD: Skipping heading levels
+ * <Title level="h1">Main Title</Title>
+ * <Title level="h4">Skipped h2 and h3</Title>
+ */
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+/**
+ * Props for the Title component.
+ *
+ * @typeParam TLevel - The heading level to render (h1-h6)
+ *
+ * @property {HeadingLevel} level - The semantic heading level (h1-h6). Defaults to "h2".
+ * @property {React.ReactNode} children - The text or elements to render inside the heading.
+ * @property {string} [id] - Unique identifier for the heading, useful for anchor links.
+ * @property {React.CSSProperties} [styles] - Inline styles to apply to the heading.
+ * @property {string} [ui] - Data attribute for UI framework styling hooks.
+ * @property {string} [className] - CSS class names to apply.
+ *
+ * @remarks
+ * This interface extends the polymorphic UI component props, providing full access
+ * to native HTML heading attributes and ARIA properties for accessibility.
+ *
+ * For AI assistants: This component ensures semantic HTML structure for document
+ * outlines, which is critical for screen reader navigation and SEO.
+ */
+type TitleProps$1 = {
+    /**
+     * The semantic heading level to render.
+     *
+     * @default "h2"
+     *
+     * @remarks
+     * Choose the appropriate level based on your document structure:
+     * - h1: Page title (typically one per page)
+     * - h2: Major sections
+     * - h3-h6: Subsections and nested content
+     *
+     * WCAG 2.1 requires proper heading hierarchy for screen reader users.
+     */
+    level?: HeadingLevel;
+    /**
+     * The content to display in the heading.
+     *
+     * @remarks
+     * Can be text, elements, or a combination. Ensure text content is meaningful
+     * and descriptive for users navigating with screen readers.
+     */
+    children: React.ReactNode;
+    /**
+     * Unique identifier for the heading element.
+     *
+     * @remarks
+     * Useful for:
+     * - Creating anchor links to sections
+     * - ARIA relationships (aria-labelledby, aria-describedby)
+     * - Testing and automation
+     */
+    id?: string;
+    /**
+     * Data attribute for UI framework styling hooks.
+     *
+     * @remarks
+     * Used by fpkit's CSS system to apply component-specific styles.
+     * Automatically prefixed with "data-ui" when rendered.
+     */
+    ui?: string;
+    /**
+     * CSS class names to apply to the heading.
+     *
+     * @remarks
+     * Prefer using the `ui` prop for fpkit styling, and this for
+     * utility classes or custom overrides.
+     */
+    className?: string;
+} & React.ComponentPropsWithoutRef<typeof UI>;
+/**
+ * Title - A semantic heading component for document structure and hierarchy.
+ *
+ * The Title component renders semantic HTML headings (h1-h6) with proper
+ * accessibility support. It ensures WCAG 2.1 AA compliance by maintaining
+ * semantic document structure for screen readers and assistive technologies.
+ *
+ * ## Key Features
+ *
+ * - **Semantic HTML**: Renders actual heading elements (h1-h6) for proper document outline
+ * - **Accessibility**: Full ARIA support and keyboard navigation
+ * - **Flexible Styling**: Supports fpkit's UI system, custom classes, and inline styles
+ * - **Type Safety**: Fully typed with TypeScript for developer experience
+ * - **Performance**: Memoized to prevent unnecessary re-renders
+ *
+ * ## Accessibility Considerations
+ *
+ * ### WCAG 2.1 AA Compliance
+ *
+ * - **1.3.1 Info and Relationships (Level A)**: Semantic heading elements preserve
+ *   document structure for screen readers
+ * - **2.4.6 Headings and Labels (Level AA)**: Headings should be descriptive and
+ *   properly ordered
+ * - **2.4.10 Section Headings (Level AAA)**: Use headings to organize content
+ *
+ * ### Best Practices
+ *
+ * 1. **Maintain Heading Hierarchy**: Don't skip levels (e.g., h1 → h3)
+ * 2. **One h1 Per Page**: Use h1 for the main page title only
+ * 3. **Descriptive Text**: Headings should clearly describe the following content
+ * 4. **Avoid Empty Headings**: Always provide meaningful text content
+ *
+ * ## Usage Examples
+ *
+ * @example
+ * // Basic usage with default h2
+ * <Title>Section Heading</Title>
+ *
+ * @example
+ * // Page title with explicit h1
+ * <Title level="h1">Welcome to Our Application</Title>
+ *
+ * @example
+ * // Subsection with custom styling
+ * <Title
+ *   level="h3"
+ *   id="getting-started"
+ *   className="text-primary"
+ * >
+ *   Getting Started
+ * </Title>
+ *
+ * @example
+ * // With fpkit UI data attribute
+ * <Title level="h2" ui="section-title">
+ *   Features Overview
+ * </Title>
+ *
+ * @example
+ * // Accessible heading with aria-label for context
+ * <Title level="h2" aria-label="User dashboard overview">
+ *   Dashboard
+ * </Title>
+ *
+ * @example
+ * // Complex heading with mixed content
+ * <Title level="h2" id="stats">
+ *   <Icon name="chart" aria-hidden="true" />
+ *   <span>Statistics</span>
+ * </Title>
+ *
+ * @example
+ * // ✅ GOOD: Proper heading hierarchy
+ * <Title level="h1">Page Title</Title>
+ * <Title level="h2">Main Section</Title>
+ * <Title level="h3">Subsection</Title>
+ *
+ * @example
+ * // ❌ BAD: Skipping heading levels (accessibility violation)
+ * <Title level="h1">Page Title</Title>
+ * <Title level="h4">Skipped h2 and h3</Title>
+ *
+ * @param {TitleProps} props - Component props
+ * @returns {React.ReactElement} A semantic heading element
+ *
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/info-and-relationships.html WCAG 1.3.1}
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/headings-and-labels.html WCAG 2.4.6}
+ */
+declare const Title: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TitleProps$1, "ref"> & React.RefAttributes<HTMLHeadingElement>>>;
+
+/**
+ * @deprecated Use `Title` component instead. This component will be removed in v3.0.0.
+ *
+ * @remarks
+ * The `Heading` component has been deprecated in favor of the new `Title` component
+ * which offers improved API design and better accessibility features.
+ *
+ * **Migration Guide:**
+ * - Rename `Heading` → `Title`
+ * - Rename prop `type` → `level`
+ * - Default level changed from `h3` → `h2` (update if you relied on the default)
+ *
+ * @example
+ * // Before (deprecated):
+ * <Heading type="h2">Section Title</Heading>
+ *
+ * // After:
+ * <Title level="h2">Section Title</Title>
+ *
+ * @see {@link Title} for the new component
+ */
+type TitleProps = {
+    /**
+     * @deprecated Use `level` prop on the `Title` component instead.
+     */
+    children: React.ReactNode;
+    /**
+     * @deprecated Use `level` prop on the `Title` component instead.
+     */
+    type?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    /**
+     * @deprecated Use `ui` prop on the `Title` component.
+     */
+    ui?: string;
+} & Omit<React.ComponentPropsWithoutRef<typeof Title>, 'level'>;
+/**
+ * Heading - Deprecated component wrapper for Title.
+ *
+ * @deprecated Use {@link Title} component instead. Will be removed in v3.0.0.
+ *
+ * This component provides backwards compatibility for existing code using
+ * the old `Heading` component API. It forwards all props to the new `Title`
+ * component with appropriate prop name mapping.
+ *
+ * **Breaking Changes in v3.0.0:**
+ * - This component will be removed
+ * - Migrate to `Title` component before upgrading
+ *
+ * **Migration Steps:**
+ * 1. Replace all `<Heading>` imports with `<Title>`
+ * 2. Rename `type` prop to `level`
+ * 3. Review default behavior (default changed from h3 to h2)
+ *
+ * @example
+ * // Old API (still works but deprecated):
+ * import { Heading } from '@fpkit/acss';
+ * <Heading type="h2">Section</Heading>
+ *
+ * @example
+ * // New API (recommended):
+ * import { Title } from '@fpkit/acss';
+ * <Title level="h2">Section</Title>
+ *
+ * @param {TitleProps} props - Component props (maps old API to new)
+ * @returns {React.ReactElement} The rendered Title component
+ */
+declare const Heading: React.ForwardRefExoticComponent<Omit<TitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+
+export { HeadingLevel as H, Title as T, TitleProps$1 as a, Heading as b, TitleProps as c };

package/libs/hooks.cjs

@@ -1,12 +1,24 @@
 'use strict';
 
+var chunkT4T6GWYQ_cjs = require('./chunk-T4T6GWYQ.cjs');
 var chunkPDD4N5P5_cjs = require('./chunk-PDD4N5P5.cjs');
+var chunkTON2YGMD_cjs = require('./chunk-TON2YGMD.cjs');
+require('./chunk-33PNJ4LO.cjs');
+require('./chunk-ENTCUJ3A.cjs');
 
 
 
+Object.defineProperty(exports, 'useBreadcrumbSegments', {
+	enumerable: true,
+	get: function () { return chunkT4T6GWYQ_cjs.a; }
+});
 Object.defineProperty(exports, 'usePopover', {
 	enumerable: true,
 	get: function () { return chunkPDD4N5P5_cjs.a; }
 });
+Object.defineProperty(exports, 'useDisabledState', {
+	enumerable: true,
+	get: function () { return chunkTON2YGMD_cjs.a; }
+});
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=hooks.cjs.map

package/libs/hooks.d.cts

@@ -1,3 +1,8 @@
+export { useBreadcrumbSegments } from './components/breadcrumbs/breadcrumb.cjs';
+import 'react';
+import './ui-d01b50d4.js';
+import './link-5192f411.js';
+
 type Position = {
     /**
      * @description This is the top position of the popover.
@@ -29,4 +34,138 @@ declare const usePopover: (elementRef: React.RefObject<HTMLElement | HTMLDivElem
     handlePointerLeave: () => void;
 };
 
-export { usePopover };
+/**
+ * Event handler mapping type for disabled state management.
+ * Maps event names to their handler functions for any HTML element.
+ *
+ * @template T - The HTML element type (e.g., HTMLButtonElement, HTMLInputElement)
+ */
+type DisabledEventHandlers<T extends HTMLElement> = {
+    onClick?: (event: React.MouseEvent<T>) => void;
+    onChange?: (event: React.ChangeEvent<T>) => void;
+    onBlur?: (event: React.FocusEvent<T>) => void;
+    onFocus?: (event: React.FocusEvent<T>) => void;
+    onPointerDown?: (event: React.PointerEvent<T>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<T>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<T>) => void;
+    onMouseDown?: (event: React.MouseEvent<T>) => void;
+    onMouseUp?: (event: React.MouseEvent<T>) => void;
+    onTouchStart?: (event: React.TouchEvent<T>) => void;
+    onTouchEnd?: (event: React.TouchEvent<T>) => void;
+};
+/**
+ * Props returned by the useDisabledState hook containing ARIA attributes and styling.
+ */
+interface DisabledProps {
+    /** ARIA attribute indicating disabled state */
+    'aria-disabled': boolean;
+    /** CSS class name for disabled state styling */
+    className: string;
+    /** Optional tabIndex to remove element from tab order when disabled */
+    tabIndex?: -1;
+}
+/**
+ * Configuration options for useDisabledState hook.
+ *
+ * @template T - The HTML element type
+ */
+interface UseDisabledStateOptions<T extends HTMLElement> {
+    /** Event handlers to wrap with disabled logic */
+    handlers?: Partial<DisabledEventHandlers<T>>;
+    /** Existing className to merge with disabled class */
+    className?: string;
+    /** Custom disabled className (default: 'is-disabled') */
+    disabledClassName?: string;
+    /** Whether to call preventDefault on disabled events (default: true) */
+    preventDefault?: boolean;
+    /** Whether to call stopPropagation on disabled events (default: true) */
+    stopPropagation?: boolean;
+    /** Make element non-focusable when disabled via tabIndex=-1 (default: false for a11y) */
+    removeFromTabOrder?: boolean;
+}
+/**
+ * Return type for the useDisabledState hook.
+ *
+ * @template T - The HTML element type
+ */
+interface UseDisabledStateReturn<T extends HTMLElement> {
+    /** Props to spread on the element for disabled state */
+    disabledProps: DisabledProps;
+    /** Wrapped event handlers that respect disabled state */
+    handlers: Partial<DisabledEventHandlers<T>>;
+}
+/**
+ * Manages accessible disabled state for form elements using aria-disabled pattern.
+ *
+ * This hook implements WCAG 2.1 Level AA compliant disabled state management by:
+ * - Using `aria-disabled` instead of native `disabled` attribute (keeps elements focusable)
+ * - Preventing all interaction events when disabled
+ * - Applying accessible styling via `.is-disabled` class
+ * - Maintaining keyboard focusability for screen reader discovery
+ *
+ * **Why aria-disabled instead of disabled attribute?**
+ * - Elements remain in keyboard tab order (WCAG 2.1.1 - Keyboard)
+ * - Screen readers can discover and announce disabled state
+ * - Enables tooltips and contextual help on disabled elements
+ * - Better visual styling control for WCAG contrast compliance
+ *
+ * **Performance Optimizations:**
+ * - Single memoization pass for all handlers and props
+ * - Stable handler references using refs (only recreate on disabled state change)
+ * - Automatic className merging to reduce consumer boilerplate
+ *
+ * @template T - The HTML element type (e.g., HTMLButtonElement, HTMLInputElement)
+ *
+ * @param {boolean | undefined} disabled - Whether the element should be disabled. Undefined treated as false.
+ * @param {Partial<DisabledEventHandlers<T>> | UseDisabledStateOptions<T>} handlersOrOptions -
+ *   Event handlers to wrap OR configuration options object (for backward compatibility)
+ *
+ * @returns {UseDisabledStateReturn<T>} Object containing disabledProps and wrapped handlers
+ *
+ * @example
+ * // Basic button usage (legacy API - still supported)
+ * const MyButton = ({ disabled, onClick, children }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, { onClick });
+ *   return <button {...disabledProps} {...handlers}>{children}</button>;
+ * };
+ *
+ * @example
+ * // Enhanced API with className merging
+ * const MyButton = ({ disabled, onClick, className, children }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, {
+ *     handlers: { onClick },
+ *     className,
+ *   });
+ *   return <button {...disabledProps} {...handlers}>{children}</button>;
+ * };
+ *
+ * @example
+ * // Custom configuration
+ * const MyInput = ({ disabled, onChange, className }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, {
+ *     handlers: { onChange },
+ *     className,
+ *     disabledClassName: 'custom-disabled',
+ *     preventDefault: true,
+ *     stopPropagation: false,
+ *   });
+ *   return <input {...disabledProps} {...handlers} />;
+ * };
+ *
+ * @example
+ * // Remove from tab order when disabled
+ * const MyButton = ({ disabled, onClick }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, {
+ *     handlers: { onClick },
+ *     removeFromTabOrder: true, // Adds tabIndex=-1 when disabled
+ *   });
+ *   return <button {...disabledProps} {...handlers}>Click me</button>;
+ * };
+ *
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/keyboard WCAG 2.1.1 - Keyboard}
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/name-role-value WCAG 4.1.2 - Name, Role, Value}
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum WCAG 1.4.3 - Contrast (Minimum)}
+ */
+declare function useDisabledState<T extends HTMLElement = HTMLElement>(disabled: boolean | undefined, handlersOrOptions?: Partial<DisabledEventHandlers<T>> | UseDisabledStateOptions<T>): UseDisabledStateReturn<T>;
+
+export { DisabledEventHandlers, DisabledProps, UseDisabledStateReturn, useDisabledState, usePopover };

package/libs/hooks.d.ts

@@ -1,3 +1,8 @@
+export { useBreadcrumbSegments } from './components/breadcrumbs/breadcrumb.js';
+import 'react';
+import './ui-d01b50d4.js';
+import './link-5192f411.js';
+
 type Position = {
     /**
      * @description This is the top position of the popover.
@@ -29,4 +34,138 @@ declare const usePopover: (elementRef: React.RefObject<HTMLElement | HTMLDivElem
     handlePointerLeave: () => void;
 };
 
-export { usePopover };
+/**
+ * Event handler mapping type for disabled state management.
+ * Maps event names to their handler functions for any HTML element.
+ *
+ * @template T - The HTML element type (e.g., HTMLButtonElement, HTMLInputElement)
+ */
+type DisabledEventHandlers<T extends HTMLElement> = {
+    onClick?: (event: React.MouseEvent<T>) => void;
+    onChange?: (event: React.ChangeEvent<T>) => void;
+    onBlur?: (event: React.FocusEvent<T>) => void;
+    onFocus?: (event: React.FocusEvent<T>) => void;
+    onPointerDown?: (event: React.PointerEvent<T>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<T>) => void;
+    onKeyUp?: (event: React.KeyboardEvent<T>) => void;
+    onMouseDown?: (event: React.MouseEvent<T>) => void;
+    onMouseUp?: (event: React.MouseEvent<T>) => void;
+    onTouchStart?: (event: React.TouchEvent<T>) => void;
+    onTouchEnd?: (event: React.TouchEvent<T>) => void;
+};
+/**
+ * Props returned by the useDisabledState hook containing ARIA attributes and styling.
+ */
+interface DisabledProps {
+    /** ARIA attribute indicating disabled state */
+    'aria-disabled': boolean;
+    /** CSS class name for disabled state styling */
+    className: string;
+    /** Optional tabIndex to remove element from tab order when disabled */
+    tabIndex?: -1;
+}
+/**
+ * Configuration options for useDisabledState hook.
+ *
+ * @template T - The HTML element type
+ */
+interface UseDisabledStateOptions<T extends HTMLElement> {
+    /** Event handlers to wrap with disabled logic */
+    handlers?: Partial<DisabledEventHandlers<T>>;
+    /** Existing className to merge with disabled class */
+    className?: string;
+    /** Custom disabled className (default: 'is-disabled') */
+    disabledClassName?: string;
+    /** Whether to call preventDefault on disabled events (default: true) */
+    preventDefault?: boolean;
+    /** Whether to call stopPropagation on disabled events (default: true) */
+    stopPropagation?: boolean;
+    /** Make element non-focusable when disabled via tabIndex=-1 (default: false for a11y) */
+    removeFromTabOrder?: boolean;
+}
+/**
+ * Return type for the useDisabledState hook.
+ *
+ * @template T - The HTML element type
+ */
+interface UseDisabledStateReturn<T extends HTMLElement> {
+    /** Props to spread on the element for disabled state */
+    disabledProps: DisabledProps;
+    /** Wrapped event handlers that respect disabled state */
+    handlers: Partial<DisabledEventHandlers<T>>;
+}
+/**
+ * Manages accessible disabled state for form elements using aria-disabled pattern.
+ *
+ * This hook implements WCAG 2.1 Level AA compliant disabled state management by:
+ * - Using `aria-disabled` instead of native `disabled` attribute (keeps elements focusable)
+ * - Preventing all interaction events when disabled
+ * - Applying accessible styling via `.is-disabled` class
+ * - Maintaining keyboard focusability for screen reader discovery
+ *
+ * **Why aria-disabled instead of disabled attribute?**
+ * - Elements remain in keyboard tab order (WCAG 2.1.1 - Keyboard)
+ * - Screen readers can discover and announce disabled state
+ * - Enables tooltips and contextual help on disabled elements
+ * - Better visual styling control for WCAG contrast compliance
+ *
+ * **Performance Optimizations:**
+ * - Single memoization pass for all handlers and props
+ * - Stable handler references using refs (only recreate on disabled state change)
+ * - Automatic className merging to reduce consumer boilerplate
+ *
+ * @template T - The HTML element type (e.g., HTMLButtonElement, HTMLInputElement)
+ *
+ * @param {boolean | undefined} disabled - Whether the element should be disabled. Undefined treated as false.
+ * @param {Partial<DisabledEventHandlers<T>> | UseDisabledStateOptions<T>} handlersOrOptions -
+ *   Event handlers to wrap OR configuration options object (for backward compatibility)
+ *
+ * @returns {UseDisabledStateReturn<T>} Object containing disabledProps and wrapped handlers
+ *
+ * @example
+ * // Basic button usage (legacy API - still supported)
+ * const MyButton = ({ disabled, onClick, children }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, { onClick });
+ *   return <button {...disabledProps} {...handlers}>{children}</button>;
+ * };
+ *
+ * @example
+ * // Enhanced API with className merging
+ * const MyButton = ({ disabled, onClick, className, children }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, {
+ *     handlers: { onClick },
+ *     className,
+ *   });
+ *   return <button {...disabledProps} {...handlers}>{children}</button>;
+ * };
+ *
+ * @example
+ * // Custom configuration
+ * const MyInput = ({ disabled, onChange, className }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, {
+ *     handlers: { onChange },
+ *     className,
+ *     disabledClassName: 'custom-disabled',
+ *     preventDefault: true,
+ *     stopPropagation: false,
+ *   });
+ *   return <input {...disabledProps} {...handlers} />;
+ * };
+ *
+ * @example
+ * // Remove from tab order when disabled
+ * const MyButton = ({ disabled, onClick }) => {
+ *   const { disabledProps, handlers } = useDisabledState(disabled, {
+ *     handlers: { onClick },
+ *     removeFromTabOrder: true, // Adds tabIndex=-1 when disabled
+ *   });
+ *   return <button {...disabledProps} {...handlers}>Click me</button>;
+ * };
+ *
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/keyboard WCAG 2.1.1 - Keyboard}
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/name-role-value WCAG 4.1.2 - Name, Role, Value}
+ * @see {@link https://www.w3.org/WAI/WCAG21/Understanding/contrast-minimum WCAG 1.4.3 - Contrast (Minimum)}
+ */
+declare function useDisabledState<T extends HTMLElement = HTMLElement>(disabled: boolean | undefined, handlersOrOptions?: Partial<DisabledEventHandlers<T>> | UseDisabledStateOptions<T>): UseDisabledStateReturn<T>;
+
+export { DisabledEventHandlers, DisabledProps, UseDisabledStateReturn, useDisabledState, usePopover };

package/libs/hooks.js

@@ -1,3 +1,7 @@
+export { a as useBreadcrumbSegments } from './chunk-X5LGFCWG.js';
 export { a as usePopover } from './chunk-GCGKYLDG.js';
+export { a as useDisabledState } from './chunk-75QHTLFO.js';
+import './chunk-UEPAWMDF.js';
+import './chunk-HHLNOC5T.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=hooks.js.map

package/libs/icons.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkKKLTUJFB_cjs = require('./chunk-KKLTUJFB.cjs');
-require('./chunk-6TE5QEVE.cjs');
+var chunk6WTC4JXH_cjs = require('./chunk-6WTC4JXH.cjs');
+require('./chunk-ENTCUJ3A.cjs');
 
 
 
 Object.defineProperty(exports, 'Icon', {
 	enumerable: true,
-	get: function () { return chunkKKLTUJFB_cjs.a; }
+	get: function () { return chunk6WTC4JXH_cjs.a; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=icons.cjs.map

package/libs/icons.d.cts

@@ -1,4 +1,4 @@
 export { default as Icon, IconProps } from './components/icons/icon.cjs';
-import './component-props-a8a2f97e.js';
+import './component-props-67d978a2.js';
 import 'react';
-import './ui-9a6f9f8d.js';
+import './ui-d01b50d4.js';

package/libs/icons.d.ts

@@ -1,4 +1,4 @@
 export { default as Icon, IconProps } from './components/icons/icon.js';
-import './component-props-a8a2f97e.js';
+import './component-props-67d978a2.js';
 import 'react';
-import './ui-9a6f9f8d.js';
+import './ui-d01b50d4.js';

package/libs/icons.js

@@ -1,4 +1,4 @@
-export { a as Icon } from './chunk-O6QZBB6G.js';
-import './chunk-NE6YXTMC.js';
+export { a as Icon } from './chunk-5QD3DWFI.js';
+import './chunk-HHLNOC5T.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=icons.js.map