@fpkit/acss 0.5.12 → 0.5.13

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

@@ -1,15 +1,62 @@
 import { C as ComponentProps } from '../../component-props-a8a2f97e.js';
 import React__default from 'react';
-import { F as FP } from '../../ui-9a6f9f8d.js';
+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;
 }
 
@@ -18,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;
@@ -233,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;

package/libs/components/icons/icon.js

@@ -1,4 +1,4 @@
-export { a as Icon, b as default } from '../../chunk-O6QZBB6G.js';
-import '../../chunk-NE6YXTMC.js';
+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/images/img.css

@@ -1 +1 @@
-img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);object-fit:var(--img-object-fit);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);display:var(--img-display);vertical-align:middle;font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-p: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-w: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-p);background-color:var(--fig-bg);max-width:var(--fig-w)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-p));left:var(--fig-left, var(--fig-p));right:var(--fig-right, var(--fig-p));padding:var(--caption-p, var(--spc-3));background-color:var(--fig-bg)}/*# sourceMappingURL=img.css.map */
+img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);display:var(--img-display);vertical-align:middle;object-fit:var(--img-object-fit);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-p: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-w: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-p);background-color:var(--fig-bg);max-width:var(--fig-w)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-p));left:var(--fig-left, var(--fig-p));right:var(--fig-right, var(--fig-p));padding:var(--caption-p, var(--spc-3));background-color:var(--fig-bg)}/*# sourceMappingURL=img.css.map */

package/libs/components/images/img.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/images/img.scss"],"names":[],"mappings":"AAAA,SACE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAEA,+BACA,qCACA,6BACA,iCACA,2CACA,qCACA,2BACA,sBACA,kBACA,sBACA,4BACA,0BAIA,qBACE,oBACA,gBACA,qCACA,qBACA,2BACA,kBACA,qBACA,+BACA,uBACA,gCACE,kBACA,uCACA,mCACA,qCACA,uCACA","file":"img.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/images/img.scss"],"names":[],"mappings":"AAMA,SAEE,sBACA,mBACA,wBACA,8BACA,6BACA,4BAGA,+BACA,qCACA,6BACA,2BACA,sBAGA,iCACA,2CACA,qCAGA,kBAGA,sBACA,4BAGA,0BAIA,qBACE,oBACA,gBACA,qCACA,qBACA,2BACA,kBACA,qBACA,+BACA,uBACA,gCACE,kBACA,uCACA,mCACA,qCACA,uCACA","file":"img.css"}

package/libs/components/images/img.min.css

@@ -1,3 +1,3 @@
-img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);-o-object-fit:var(--img-object-fit);object-fit:var(--img-object-fit);-o-object-position:var(--img-object-position);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);display:var(--img-display);vertical-align:middle;font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-p: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-w: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-p);background-color:var(--fig-bg);max-width:var(--fig-w)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-p));left:var(--fig-left, var(--fig-p));right:var(--fig-right, var(--fig-p));padding:var(--caption-p, var(--spc-3));background-color:var(--fig-bg)}
+img[alt]{--img-max-width: 100%;--img-height: auto;--img-object-fit: cover;--img-object-position: center;--img-aspect-ratio: auto 2/3;--img-display: inline-block;max-width:var(--img-max-width);max-inline-size:var(--img-max-width);block-size:var(--img-height);display:var(--img-display);vertical-align:middle;-o-object-fit:var(--img-object-fit);object-fit:var(--img-object-fit);-o-object-position:var(--img-object-position);object-position:var(--img-object-position);aspect-ratio:var(--img-aspect-ratio);font-style:italic;background-size:cover;background-repeat:no-repeat;shape-margin:var(--spc-3)}figure:has(img[alt]){--fig-display: flex;--fig-p: 0.5rem;--fig-bg: rgba(245, 245, 245, 0.683);--fig-w: fit-content;display:var(--fig-display);position:relative;padding:var(--fig-p);background-color:var(--fig-bg);max-width:var(--fig-w)}figure:has(img[alt])>figcaption{position:absolute;bottom:var(--fig-bottom, var(--fig-p));left:var(--fig-left, var(--fig-p));right:var(--fig-right, var(--fig-p));padding:var(--caption-p, var(--spc-3));background-color:var(--fig-bg)}
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ltYWdlcy9pbWcuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxTQUNFLHFCQUFBLENBQ0Esa0JBQUEsQ0FDQSx1QkFBQSxDQUNBLDZCQUFBLENBQ0EsNEJBQUEsQ0FDQSwyQkFBQSxDQUVBLDhCQUFBLENBQ0Esb0NBQUEsQ0FDQSw0QkFBQSxDQUNBLG1DQUFBLENBQUEsZ0NBQUEsQ0FDQSw2Q0FBQSxDQUFBLDBDQUFBLENBQ0Esb0NBQUEsQ0FDQSwwQkFBQSxDQUNBLHFCQUFBLENBQ0EsaUJBQUEsQ0FDQSxxQkFBQSxDQUNBLDJCQUFBLENBQ0EseUJBQUEsQ0FJQSxxQkFDRSxtQkFBQSxDQUNBLGVBQUEsQ0FDQSxvQ0FBQSxDQUNBLG9CQUFBLENBQ0EsMEJBQUEsQ0FDQSxpQkFBQSxDQUNBLG9CQUFBLENBQ0EsOEJBQUEsQ0FDQSxzQkFBQSxDQUNBLGdDQUNFLGlCQUFBLENBQ0Esc0NBQUEsQ0FDQSxrQ0FBQSxDQUNBLG9DQUFBLENBQ0Esc0NBQUEsQ0FDQSw4QkFBQSIsImZpbGUiOiJpbWcubWluLmNzcyJ9 */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2ltYWdlcy9pbWcuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSxTQUVFLHFCQUFBLENBQ0Esa0JBQUEsQ0FDQSx1QkFBQSxDQUNBLDZCQUFBLENBQ0EsNEJBQUEsQ0FDQSwyQkFBQSxDQUdBLDhCQUFBLENBQ0Esb0NBQUEsQ0FDQSw0QkFBQSxDQUNBLDBCQUFBLENBQ0EscUJBQUEsQ0FHQSxtQ0FBQSxDQUFBLGdDQUFBLENBQ0EsNkNBQUEsQ0FBQSwwQ0FBQSxDQUNBLG9DQUFBLENBR0EsaUJBQUEsQ0FHQSxxQkFBQSxDQUNBLDJCQUFBLENBR0EseUJBQUEsQ0FJQSxxQkFDRSxtQkFBQSxDQUNBLGVBQUEsQ0FDQSxvQ0FBQSxDQUNBLG9CQUFBLENBQ0EsMEJBQUEsQ0FDQSxpQkFBQSxDQUNBLG9CQUFBLENBQ0EsOEJBQUEsQ0FDQSxzQkFBQSxDQUNBLGdDQUNFLGlCQUFBLENBQ0Esc0NBQUEsQ0FDQSxrQ0FBQSxDQUNBLG9DQUFBLENBQ0Esc0NBQUEsQ0FDQSw4QkFBQSIsImZpbGUiOiJpbWcubWluLmNzcyJ9 */

package/libs/components/link/link.cjs

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkX3EVB7VS_cjs = require('../../chunk-X3EVB7VS.cjs');
-require('../../chunk-6TE5QEVE.cjs');
+var chunk5S4ORA4C_cjs = require('../../chunk-5S4ORA4C.cjs');
+require('../../chunk-L75OQKEI.cjs');
 
 
 
 Object.defineProperty(exports, 'Link', {
 	enumerable: true,
-	get: function () { return chunkX3EVB7VS_cjs.a; }
+	get: function () { return chunk5S4ORA4C_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkX3EVB7VS_cjs.b; }
+	get: function () { return chunk5S4ORA4C_cjs.b; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=link.cjs.map

package/libs/components/link/link.d.cts

@@ -1,4 +1,4 @@
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 import React__default from 'react';
 
 type LinkProps = {
@@ -10,7 +10,7 @@ type LinkProps = {
     prefetch?: boolean;
     btnStyle?: string;
     onPointerDown?: (event: React__default.PointerEvent<HTMLAnchorElement>) => void;
-} & React__default.ComponentProps<typeof FP> & React__default.ComponentProps<"a">;
+} & React__default.ComponentProps<typeof UI> & React__default.ComponentProps<"a">;
 declare const Link: {
     ({ href, target, rel, children, styles, prefetch, btnStyle, onPointerDown, ...props }: LinkProps): React__default.JSX.Element;
     displayName: string;

package/libs/components/link/link.d.ts

@@ -1,4 +1,4 @@
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 import React__default from 'react';
 
 type LinkProps = {
@@ -10,7 +10,7 @@ type LinkProps = {
     prefetch?: boolean;
     btnStyle?: string;
     onPointerDown?: (event: React__default.PointerEvent<HTMLAnchorElement>) => void;
-} & React__default.ComponentProps<typeof FP> & React__default.ComponentProps<"a">;
+} & React__default.ComponentProps<typeof UI> & React__default.ComponentProps<"a">;
 declare const Link: {
     ({ href, target, rel, children, styles, prefetch, btnStyle, onPointerDown, ...props }: LinkProps): React__default.JSX.Element;
     displayName: string;

package/libs/components/link/link.js

@@ -1,4 +1,4 @@
-export { a as Link, b as default } from '../../chunk-5ZM4XL44.js';
-import '../../chunk-NE6YXTMC.js';
+export { a as Link, b as default } from '../../chunk-TYRCEX2L.js';
+import '../../chunk-KUKIVRC2.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=link.js.map

package/libs/components/list/list.cjs

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkQVV34QEH_cjs = require('../../chunk-QVV34QEH.cjs');
-require('../../chunk-6TE5QEVE.cjs');
+var chunkXTQKWY7W_cjs = require('../../chunk-XTQKWY7W.cjs');
+require('../../chunk-L75OQKEI.cjs');
 
 
 
 Object.defineProperty(exports, 'List', {
 	enumerable: true,
-	get: function () { return chunkQVV34QEH_cjs.b; }
+	get: function () { return chunkXTQKWY7W_cjs.b; }
 });
 Object.defineProperty(exports, 'ListItem', {
 	enumerable: true,
-	get: function () { return chunkQVV34QEH_cjs.a; }
+	get: function () { return chunkXTQKWY7W_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkQVV34QEH_cjs.c; }
+	get: function () { return chunkXTQKWY7W_cjs.c; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=list.cjs.map

package/libs/components/list/list.d.cts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 
 type ListProps = {
     /** Type of list to render (default: 'ul') */
     type?: 'ul' | 'ol' | 'dl';
     /** variant of list to render (default: 'none') */
     variant?: string;
-} & React.ComponentProps<typeof FP>;
+} & React.ComponentProps<typeof UI>;
 type ListItemProps = {
     /** Type of list item to render (default: 'li') */
     type?: 'li' | 'dt' | 'dd';
-} & React.ComponentProps<typeof FP>;
+} & React.ComponentProps<typeof UI>;
 /**
  * ListItem component
  * @param type - HTML tag type for the list item (default: 'li')

package/libs/components/list/list.d.ts

@@ -1,16 +1,16 @@
 import * as React from 'react';
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 
 type ListProps = {
     /** Type of list to render (default: 'ul') */
     type?: 'ul' | 'ol' | 'dl';
     /** variant of list to render (default: 'none') */
     variant?: string;
-} & React.ComponentProps<typeof FP>;
+} & React.ComponentProps<typeof UI>;
 type ListItemProps = {
     /** Type of list item to render (default: 'li') */
     type?: 'li' | 'dt' | 'dd';
-} & React.ComponentProps<typeof FP>;
+} & React.ComponentProps<typeof UI>;
 /**
  * ListItem component
  * @param type - HTML tag type for the list item (default: 'li')

package/libs/components/list/list.js

@@ -1,4 +1,4 @@
-export { b as List, a as ListItem, c as default } from '../../chunk-NHYXGV3L.js';
-import '../../chunk-NE6YXTMC.js';
+export { b as List, a as ListItem, c as default } from '../../chunk-SMYRLO3E.js';
+import '../../chunk-KUKIVRC2.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=list.js.map

package/libs/components/modal.cjs

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkICCKQ2GC_cjs = require('../chunk-ICCKQ2GC.cjs');
-require('../chunk-LHVJKDMA.cjs');
-require('../chunk-6TE5QEVE.cjs');
+var chunkROZI23GS_cjs = require('../chunk-ROZI23GS.cjs');
+require('../chunk-J32EZPYD.cjs');
+require('../chunk-L75OQKEI.cjs');
 
 
 
 Object.defineProperty(exports, 'Modal', {
 	enumerable: true,
-	get: function () { return chunkICCKQ2GC_cjs.a; }
+	get: function () { return chunkROZI23GS_cjs.a; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=modal.cjs.map

package/libs/components/modal.js

@@ -1,5 +1,5 @@
-export { a as Modal } from '../chunk-YWOYVRFT.js';
-import '../chunk-QCMV4VQZ.js';
-import '../chunk-NE6YXTMC.js';
+export { a as Modal } from '../chunk-ZANSFMTD.js';
+import '../chunk-QLZWHAMK.js';
+import '../chunk-KUKIVRC2.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=modal.js.map

package/libs/components/nav/nav.cjs

@@ -2,27 +2,27 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkDV56L5YX_cjs = require('../../chunk-DV56L5YX.cjs');
-require('../../chunk-QVV34QEH.cjs');
-require('../../chunk-6TE5QEVE.cjs');
+var chunk2LTJ7HHX_cjs = require('../../chunk-2LTJ7HHX.cjs');
+require('../../chunk-XTQKWY7W.cjs');
+require('../../chunk-L75OQKEI.cjs');
 
 
 
 Object.defineProperty(exports, 'Nav', {
 	enumerable: true,
-	get: function () { return chunkDV56L5YX_cjs.c; }
+	get: function () { return chunk2LTJ7HHX_cjs.c; }
 });
 Object.defineProperty(exports, 'NavItem', {
 	enumerable: true,
-	get: function () { return chunkDV56L5YX_cjs.b; }
+	get: function () { return chunk2LTJ7HHX_cjs.b; }
 });
 Object.defineProperty(exports, 'NavList', {
 	enumerable: true,
-	get: function () { return chunkDV56L5YX_cjs.a; }
+	get: function () { return chunk2LTJ7HHX_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkDV56L5YX_cjs.d; }
+	get: function () { return chunk2LTJ7HHX_cjs.d; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=nav.cjs.map

package/libs/components/nav/nav.d.cts

@@ -1,4 +1,4 @@
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 import List from '../list/list.cjs';
 import React__default from 'react';
 
@@ -6,7 +6,7 @@ type NavListProps = React__default.ComponentProps<typeof List> & {
     isBlock?: boolean;
 };
 type NavItemProps = React__default.ComponentProps<typeof List.ListItem>;
-type NavProps = React__default.ComponentProps<typeof FP>;
+type NavProps = React__default.ComponentProps<typeof UI>;
 /**
  * Renders a NavList component.
  * @param {Object} props - The props for the component.

package/libs/components/nav/nav.d.ts

@@ -1,4 +1,4 @@
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 import List from '../list/list.js';
 import React__default from 'react';
 
@@ -6,7 +6,7 @@ type NavListProps = React__default.ComponentProps<typeof List> & {
     isBlock?: boolean;
 };
 type NavItemProps = React__default.ComponentProps<typeof List.ListItem>;
-type NavProps = React__default.ComponentProps<typeof FP>;
+type NavProps = React__default.ComponentProps<typeof UI>;
 /**
  * Renders a NavList component.
  * @param {Object} props - The props for the component.

package/libs/components/nav/nav.js

@@ -1,5 +1,5 @@
-export { c as Nav, b as NavItem, a as NavList, d as default } from '../../chunk-EQ67LF46.js';
-import '../../chunk-NHYXGV3L.js';
-import '../../chunk-NE6YXTMC.js';
+export { c as Nav, b as NavItem, a as NavList, d as default } from '../../chunk-2Y7W75TT.js';
+import '../../chunk-SMYRLO3E.js';
+import '../../chunk-KUKIVRC2.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=nav.js.map

package/libs/components/text/text.cjs

@@ -2,22 +2,22 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkE3XP6BEX_cjs = require('../../chunk-E3XP6BEX.cjs');
-require('../../chunk-6TE5QEVE.cjs');
+var chunkB7F5FS6D_cjs = require('../../chunk-B7F5FS6D.cjs');
+require('../../chunk-L75OQKEI.cjs');
 
 
 
 Object.defineProperty(exports, 'Text', {
 	enumerable: true,
-	get: function () { return chunkE3XP6BEX_cjs.a; }
+	get: function () { return chunkB7F5FS6D_cjs.a; }
 });
 Object.defineProperty(exports, 'Title', {
 	enumerable: true,
-	get: function () { return chunkE3XP6BEX_cjs.b; }
+	get: function () { return chunkB7F5FS6D_cjs.b; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkE3XP6BEX_cjs.c; }
+	get: function () { return chunkB7F5FS6D_cjs.c; }
 });
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=text.cjs.map

package/libs/components/text/text.d.cts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 
-type InheritedProps = React__default.ComponentProps<typeof FP>;
+type InheritedProps = React__default.ComponentProps<typeof UI>;
 type TextElements = 'a' | 'b' | 'blockquote' | 'b' | 'blockquote' | 'cite' | 'code' | 'em' | 'i' | 'em' | 'i' | 'kbd' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'time' | 'u';
 type TextProps = {
     /**

package/libs/components/text/text.d.ts

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { F as FP } from '../../ui-9a6f9f8d.js';
+import { U as UI } from '../../ui-645f95b5.js';
 
-type InheritedProps = React__default.ComponentProps<typeof FP>;
+type InheritedProps = React__default.ComponentProps<typeof UI>;
 type TextElements = 'a' | 'b' | 'blockquote' | 'b' | 'blockquote' | 'cite' | 'code' | 'em' | 'i' | 'em' | 'i' | 'kbd' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'mark' | 'p' | 's' | 'small' | 'span' | 'span' | 'strong' | 'sub' | 'sup' | 'time' | 'time' | 'u';
 type TextProps = {
     /**

package/libs/components/text/text.js

@@ -1,4 +1,4 @@
-export { a as Text, b as Title, c as default } from '../../chunk-LIQJ7ZZR.js';
-import '../../chunk-NE6YXTMC.js';
+export { a as Text, b as Title, c as default } from '../../chunk-NGTJDDFO.js';
+import '../../chunk-KUKIVRC2.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=text.js.map