@fpkit/acss 0.5.13 → 0.6.1

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

@@ -1,6 +1,6 @@
-import { C as ComponentProps } from '../../component-props-a8a2f97e.js';
-import React__default from 'react';
-import { U as UI } from '../../ui-645f95b5.js';
+import { C as ComponentProps } from '../../component-props-67d978a2.js';
+import React from 'react';
+import { U as UI } from '../../ui-d01b50d4.js';
 
 /**
  * Props for individual icon SVG components (e.g., Icon.Code, Icon.Home).
@@ -60,12 +60,12 @@ interface IconProps$1 extends Partial<ComponentProps> {
     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 function Star({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'>): React.JSX.Element;
 declare namespace Star {
     var displayName: string;
 }
 
-type IconProps = React__default.ComponentProps<typeof UI> & {
+type IconProps = React.ComponentProps<typeof UI> & {
     /**
      * Controls screen reader visibility.
      * - `true` (default): Hides icon from screen readers (decorative icon)
@@ -149,10 +149,10 @@ type IconProps = React__default.ComponentProps<typeof UI> & {
  * </button>
  */
 declare const Icon: {
-    ({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React__default.JSX.Element;
+    ({ id, classes, children, styles, "aria-hidden": ariaHidden, "aria-label": ariaLabel, role, ...props }: IconProps): React.JSX.Element;
     displayName: string;
     Add: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         styles: {
             fill: string;
             display: string;
@@ -162,7 +162,7 @@ declare const Icon: {
         displayName: string;
     };
     ArrowDown: {
-        ({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles">): React__default.JSX.Element;
+        ({ fill, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size">): React.JSX.Element;
         styles: {
             display: string;
             alignItems: string;
@@ -171,7 +171,7 @@ declare const Icon: {
         displayName: string;
     };
     ArrowLeft: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         styles: {
             display: string;
             alignItems: string;
@@ -180,11 +180,11 @@ declare const Icon: {
         displayName: string;
     };
     ArrowRight: {
-        ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
     };
     ArrowUp: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -195,7 +195,7 @@ declare const Icon: {
         };
     };
     Chat: {
-        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         styles: {
             display: string;
             alignItems: string;
@@ -204,7 +204,7 @@ declare const Icon: {
         displayName: string;
     };
     Code: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, fill, size, styles, role, alt, ...props }?: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         styles: {
             fill: string;
             stroke: string;
@@ -214,7 +214,7 @@ declare const Icon: {
         };
     };
     Copy: {
-        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ size, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
         styles: {
             stroke: string;
@@ -224,7 +224,7 @@ declare const Icon: {
         };
     };
     Down: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             display: string;
@@ -233,7 +233,7 @@ declare const Icon: {
         };
     };
     Home: {
-        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
@@ -244,19 +244,19 @@ declare const Icon: {
         };
     };
     Info: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     InfoSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     AlertSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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;
+        ({ fill, size, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
@@ -266,14 +266,14 @@ declare const Icon: {
         };
     };
     Minus: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.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;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -284,7 +284,7 @@ declare const Icon: {
         };
     };
     PauseSolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -295,7 +295,7 @@ declare const Icon: {
         };
     };
     Play: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -306,7 +306,7 @@ declare const Icon: {
         };
     };
     PlaySolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -317,14 +317,14 @@ declare const Icon: {
         };
     };
     Remove: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.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;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -335,7 +335,7 @@ declare const Icon: {
         };
     };
     ResumeSolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -346,7 +346,7 @@ declare const Icon: {
         };
     };
     Right: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;
@@ -354,7 +354,7 @@ declare const Icon: {
     };
     Star: typeof Star;
     Stop: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -380,7 +380,7 @@ declare const Icon: {
          */
     };
     StopSolid: {
-        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -391,7 +391,7 @@ declare const Icon: {
         };
     };
     Up: {
-        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             display: string;
@@ -400,7 +400,7 @@ declare const Icon: {
         };
     };
     User: {
-        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): React__default.JSX.Element;
+        ({ size, fill, strokeColor, styles, alt, role, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         styles: {
             fill: string;
             stroke: string;
@@ -418,23 +418,23 @@ declare const Icon: {
         width: string;
     };
     QuestionSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     WarnSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     SuccessSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): JSX.Element;
         displayName: string;
     };
     AlertSquareSolid: {
-        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "role" | "fill" | "alt" | "size" | "styles" | "strokeColor">): JSX.Element;
+        ({ fill, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "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;
+        ({ size, fill, styles, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         styles: {
             fill: string;

package/libs/components/icons/icon.js

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

package/libs/components/link/link.cjs

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

package/libs/components/link/link.css

@@ -1 +1 @@
-a[href]{--link-decoration: none;--link-color: #085ab7;--link-bg: transparent;--link-px: 0;--link-py: 0;--link-transition: all 0.75s ease-in-out;--link-fs: 1rem;--link-radius: 0.25rem;--link-skip-ink: auto;--link-decoration-offset: 1.5px;--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);color:var(--link-color);font-size:var(--link-fs);text-decoration:var(--link-decoration);text-underline-offset:var(--link-decoration-offset);text-decoration-skip-ink:var(--link-skip-ink);background-color:var(--link-bg);border-radius:var(--link-radius);background-color:var(--link-bg);border-radius:var(--link-radius);font-weight:var(--link-weight)}a[href]>i,a[href]>b{font-weight:var(--link-weight);font-style:normal}a[href]:hover{--link-decoration: underline}a[href]:focus{outline:none;--link-decoration: underline}a[href]:visited,a[href]:active{--link-color: currentColor}a[href]:has(>b),a[href][data-link~=btn],a[href]:has(>i){--link-button-color: var(--link-color);--link-bg: transparent;--link-decoration: none;--link-border: 2px currentColor solid;--link-fs: 0.9rem;background-color:var(--link-bg);font-style:normal;font-size:var(--link-fs);color:var(--link-button-color);padding-inline:var(--link-fs);padding-block:calc(var(--link-fs) - .4rem);border-radius:var(--link-radius, 99rem);display:inline-flex;outline:var(--link-border);--scale-transition: transform 0.25s ease;--scale: scale(1);--scale-to: scale(1.05);transform:var(--scale);transition:var(--scale-transition)}a[href]:has(>b):focus,a[href][data-link~=btn]:focus,a[href]:has(>i):focus{outline:var(--link-border);--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{transform:var(--scale-to)}a[href][data-link~=pill],a[href]:has(>i){--link-radius: 99rem;--link-decoration: none;font-style:normal}a[href][data-link~=pill]:hover,a[href][data-link~=pill]:focus,a[href]:has(>i):hover,a[href]:has(>i):focus{--link-decoration: none}header>section{width:auto}/*# sourceMappingURL=link.css.map */
+a[href]{--link-color: #085ab7;--link-weight: 400;--link-fs: 1rem;--link-decoration: none;--link-decoration-offset: 0.09375rem;--link-decoration-thickness: 0.0625rem;--link-skip-ink: auto;--link-bg: transparent;--link-radius: 0.25rem;--link-px: 0;--link-py: 0;--link-transition: all 0.75s ease-in-out;--link-focus-color: currentColor;--link-focus-width: 0.125rem;--link-focus-offset: 0.125rem;--link-focus-style: solid;color:var(--link-color);font-size:var(--link-fs);font-weight:var(--link-weight);text-decoration:var(--link-decoration);text-underline-offset:var(--link-decoration-offset);text-decoration-thickness:var(--link-decoration-thickness);text-decoration-skip-ink:var(--link-skip-ink);background-color:var(--link-bg);border-radius:var(--link-radius);transition:var(--link-transition)}a[href]>i,a[href]>b{font-weight:var(--link-weight);font-style:normal}a[href]:hover{--link-decoration: underline}a[href]:focus{outline:var(--link-focus-width) var(--link-focus-style) var(--link-focus-color);outline-offset:var(--link-focus-offset);--link-decoration: underline}a[href]:focus-visible{outline:var(--link-focus-width) var(--link-focus-style) var(--link-focus-color);outline-offset:var(--link-focus-offset)}a[href]:visited,a[href]:active{--link-color: currentColor}a[href]:has(>b),a[href][data-btn],a[href]:has(>i){--link-button-color: var(--link-color);--link-bg: transparent;--link-decoration: none;--link-border-width: 0.125rem;--link-border-color: currentColor;--link-border-style: solid;--link-fs: 0.9rem;color:var(--link-button-color);background-color:var(--link-bg);font-style:normal;font-size:var(--link-fs);padding-inline:var(--link-fs);padding-block:calc(var(--link-fs) - .4rem);border-radius:var(--link-radius, 99rem);display:inline-flex;align-items:center;justify-content:center;outline:var(--link-border-width) var(--link-border-color) var(--link-border-style);--scale-transition: transform 0.25s ease;--scale: scale(1);--scale-to: scale(1.05);transform:var(--scale);transition:var(--scale-transition)}a[href]:has(>b):focus,a[href]:has(>b):focus-visible,a[href][data-btn]:focus,a[href][data-btn]:focus-visible,a[href]:has(>i):focus,a[href]:has(>i):focus-visible{outline:var(--link-border-width) var(--link-border-color) var(--link-border-style);outline-offset:var(--link-focus-offset);--link-decoration: none}a[href]:has(>b):hover,a[href][data-btn]:hover,a[href]:has(>i):hover{--link-decoration: none}a[href]:has(>b):hover,a[href][data-btn]:hover,a[href]:has(>i):hover{transform:var(--scale-to)}a[href][data-link~=pill],a[href]:has(>i){--link-radius: 99rem;--link-decoration: none;font-style:normal}a[href][data-link~=pill]:hover,a[href][data-link~=pill]:focus,a[href][data-link~=pill]:focus-visible,a[href]:has(>i):hover,a[href]:has(>i):focus,a[href]:has(>i):focus-visible{--link-decoration: none}/*# sourceMappingURL=link.css.map */

package/libs/components/link/link.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../src/components/link/link.scss","../../../src/sass/_mixins.scss"],"names":[],"mappings":"AAEA,QACE,wBACA,sBACA,uBACA,aACA,aACA,yCACA,gBACA,uBACA,sBACA,gCACA,iCACA,gIAEA,iCACA,gIAGA,wBACA,yBACA,uCACA,oDACA,8CACA,gCACA,iCACA,gCACA,iCACA,+BAEA,oBAEE,+BACA,kBAGF,cACE,6BAGF,cACE,aACA,6BAGF,+BAEE,2BAGF,wDAGE,uCACA,uBACA,wBACA,sCACA,kBACA,gCACA,kBACA,yBACA,+BACA,8BACA,2CACA,wCACA,oBACA,2BClEF,yCACA,kBACA,wBACA,uBACA,mCD+DE,0EACE,2BACA,wBAEF,0EACE,wBCnEJ,0EACE,0BDsEF,yCAEE,qBACA,wBACA,kBACA,0GAEE,wBAKN,eACE","file":"link.css"}
+{"version":3,"sourceRoot":"","sources":["../../../src/components/link/link.scss","../../../src/sass/_mixins.scss"],"names":[],"mappings":"AAcA,QAEE,sBACA,mBACA,gBAGA,wBACA,qCACA,uCACA,sBAGA,uBACA,uBAGA,aACA,aAGA,yCAGA,iCACA,6BACA,8BACA,0BAGA,wBACA,yBACA,+BACA,uCACA,oDACA,2DACA,8CACA,gCACA,iCACA,kCAGA,oBAEE,+BACA,kBAIF,cACE,6BAIF,cACE,gFAEA,wCACA,6BAIF,sBACE,gFAEA,wCAIF,+BAEE,2BAIF,kDAGE,uCACA,uBACA,wBACA,8BACA,kCACA,2BACA,kBAEA,+BACA,gCACA,kBACA,yBACA,8BACA,2CACA,wCACA,oBACA,mBACA,uBACA,mFC7GF,yCACA,kBACA,wBACA,uBACA,mCD6GE,gKAEE,mFAEA,wCACA,wBAIF,oEACE,wBCtHJ,oEACE,0BD6HF,yCAEE,qBACA,wBACA,kBAEA,+KAGE","file":"link.css"}

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

@@ -1,19 +1,3 @@
-import { U as UI } from '../../ui-645f95b5.js';
-import React__default from 'react';
-
-type LinkProps = {
-    href?: string;
-    target?: string;
-    rel?: string;
-    children: React__default.ReactNode;
-    styles?: React__default.CSSProperties;
-    prefetch?: boolean;
-    btnStyle?: string;
-    onPointerDown?: (event: React__default.PointerEvent<HTMLAnchorElement>) => void;
-} & 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;
-};
-
-export { Link, LinkProps, Link as default };
+import 'react';
+export { L as Link, L as default } from '../../link-5192f411.js';
+import '../../ui-d01b50d4.js';

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

@@ -1,19 +1,3 @@
-import { U as UI } from '../../ui-645f95b5.js';
-import React__default from 'react';
-
-type LinkProps = {
-    href?: string;
-    target?: string;
-    rel?: string;
-    children: React__default.ReactNode;
-    styles?: React__default.CSSProperties;
-    prefetch?: boolean;
-    btnStyle?: string;
-    onPointerDown?: (event: React__default.PointerEvent<HTMLAnchorElement>) => void;
-} & 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;
-};
-
-export { Link, LinkProps, Link as default };
+import 'react';
+export { L as Link, L as default } from '../../link-5192f411.js';
+import '../../ui-d01b50d4.js';

package/libs/components/link/link.js

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

package/libs/components/link/link.min.css

@@ -1,3 +1,3 @@
-a[href]{--link-decoration: none;--link-color: #085ab7;--link-bg: transparent;--link-px: 0;--link-py: 0;--link-transition: all 0.75s ease-in-out;--link-fs: 1rem;--link-radius: 0.25rem;--link-skip-ink: auto;--link-decoration-offset: 1.5px;--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);--link-decoration-thickness: 3px;--link-decoration: color: var(--link-color) var(--link-decoration-offset) var(--link-decoration-thickness) var(--link-skip-ink);color:var(--link-color);font-size:var(--link-fs);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration);text-underline-offset:var(--link-decoration-offset);-webkit-text-decoration-skip-ink:var(--link-skip-ink);text-decoration-skip-ink:var(--link-skip-ink);background-color:var(--link-bg);border-radius:var(--link-radius);background-color:var(--link-bg);border-radius:var(--link-radius);font-weight:var(--link-weight)}a[href]>i,a[href]>b{font-weight:var(--link-weight);font-style:normal}a[href]:hover{--link-decoration: underline}a[href]:focus{outline:none;--link-decoration: underline}a[href]:visited,a[href]:active{--link-color: currentColor}a[href]:has(>b),a[href][data-link~=btn],a[href]:has(>i){--link-button-color: var(--link-color);--link-bg: transparent;--link-decoration: none;--link-border: 2px currentColor solid;--link-fs: 0.9rem;background-color:var(--link-bg);font-style:normal;font-size:var(--link-fs);color:var(--link-button-color);padding-inline:var(--link-fs);padding-block:calc(var(--link-fs) - .4rem);border-radius:var(--link-radius, 99rem);display:inline-flex;outline:var(--link-border);--scale-transition: transform 0.25s ease;--scale: scale(1);--scale-to: scale(1.05);transform:var(--scale);transition:var(--scale-transition)}a[href]:has(>b):focus,a[href][data-link~=btn]:focus,a[href]:has(>i):focus{outline:var(--link-border);--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{--link-decoration: none}a[href]:has(>b):hover,a[href][data-link~=btn]:hover,a[href]:has(>i):hover{transform:var(--scale-to)}a[href][data-link~=pill],a[href]:has(>i){--link-radius: 99rem;--link-decoration: none;font-style:normal}a[href][data-link~=pill]:hover,a[href][data-link~=pill]:focus,a[href]:has(>i):hover,a[href]:has(>i):focus{--link-decoration: none}header>section{width:auto}
+a[href]{--link-color: #085ab7;--link-weight: 400;--link-fs: 1rem;--link-decoration: none;--link-decoration-offset: 0.09375rem;--link-decoration-thickness: 0.0625rem;--link-skip-ink: auto;--link-bg: transparent;--link-radius: 0.25rem;--link-px: 0;--link-py: 0;--link-transition: all 0.75s ease-in-out;--link-focus-color: currentColor;--link-focus-width: 0.125rem;--link-focus-offset: 0.125rem;--link-focus-style: solid;color:var(--link-color);font-size:var(--link-fs);font-weight:var(--link-weight);-webkit-text-decoration:var(--link-decoration);text-decoration:var(--link-decoration);text-underline-offset:var(--link-decoration-offset);text-decoration-thickness:var(--link-decoration-thickness);-webkit-text-decoration-skip-ink:var(--link-skip-ink);text-decoration-skip-ink:var(--link-skip-ink);background-color:var(--link-bg);border-radius:var(--link-radius);transition:var(--link-transition)}a[href]>i,a[href]>b{font-weight:var(--link-weight);font-style:normal}a[href]:hover{--link-decoration: underline}a[href]:focus{outline:var(--link-focus-width) var(--link-focus-style) var(--link-focus-color);outline-offset:var(--link-focus-offset);--link-decoration: underline}a[href]:focus-visible{outline:var(--link-focus-width) var(--link-focus-style) var(--link-focus-color);outline-offset:var(--link-focus-offset)}a[href]:visited,a[href]:active{--link-color: currentColor}a[href]:has(>b),a[href][data-btn],a[href]:has(>i){--link-button-color: var(--link-color);--link-bg: transparent;--link-decoration: none;--link-border-width: 0.125rem;--link-border-color: currentColor;--link-border-style: solid;--link-fs: 0.9rem;color:var(--link-button-color);background-color:var(--link-bg);font-style:normal;font-size:var(--link-fs);padding-inline:var(--link-fs);padding-block:calc(var(--link-fs) - .4rem);border-radius:var(--link-radius, 99rem);display:inline-flex;align-items:center;justify-content:center;outline:var(--link-border-width) var(--link-border-color) var(--link-border-style);--scale-transition: transform 0.25s ease;--scale: scale(1);--scale-to: scale(1.05);transform:var(--scale);transition:var(--scale-transition)}a[href]:has(>b):focus,a[href]:has(>b):focus-visible,a[href][data-btn]:focus,a[href][data-btn]:focus-visible,a[href]:has(>i):focus,a[href]:has(>i):focus-visible{outline:var(--link-border-width) var(--link-border-color) var(--link-border-style);outline-offset:var(--link-focus-offset);--link-decoration: none}a[href]:has(>b):hover,a[href][data-btn]:hover,a[href]:has(>i):hover{--link-decoration: none}a[href]:has(>b):hover,a[href][data-btn]:hover,a[href]:has(>i):hover{transform:var(--scale-to)}a[href][data-link~=pill],a[href]:has(>i){--link-radius: 99rem;--link-decoration: none;font-style:normal}a[href][data-link~=pill]:hover,a[href][data-link~=pill]:focus,a[href][data-link~=pill]:focus-visible,a[href]:has(>i):hover,a[href]:has(>i):focus,a[href]:has(>i):focus-visible{--link-decoration: none}
 
-/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsvbGluay5zY3NzIiwiLi4vLi4vLi4vc3JjL3Nhc3MvX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLFFBQ0UsdUJBQUEsQ0FDQSxxQkFBQSxDQUNBLHNCQUFBLENBQ0EsWUFBQSxDQUNBLFlBQUEsQ0FDQSx3Q0FBQSxDQUNBLGVBQUEsQ0FDQSxzQkFBQSxDQUNBLHFCQUFBLENBQ0EsK0JBQUEsQ0FDQSxnQ0FBQSxDQUNBLCtIQUFBLENBRUEsZ0NBQUEsQ0FDQSwrSEFBQSxDQUdBLHVCQUFBLENBQ0Esd0JBQUEsQ0FDQSw4Q0FBQSxDQUFBLHNDQUFBLENBQ0EsbURBQUEsQ0FDQSxxREFBQSxDQUFBLDZDQUFBLENBQ0EsK0JBQUEsQ0FDQSxnQ0FBQSxDQUNBLCtCQUFBLENBQ0EsZ0NBQUEsQ0FDQSw4QkFBQSxDQUVBLG9CQUVFLDhCQUFBLENBQ0EsaUJBQUEsQ0FHRixjQUNFLDRCQUFBLENBR0YsY0FDRSxZQUFBLENBQ0EsNEJBQUEsQ0FHRiwrQkFFRSwwQkFBQSxDQUdGLHdEQUdFLHNDQUFBLENBQ0Esc0JBQUEsQ0FDQSx1QkFBQSxDQUNBLHFDQUFBLENBQ0EsaUJBQUEsQ0FDQSwrQkFBQSxDQUNBLGlCQUFBLENBQ0Esd0JBQUEsQ0FDQSw4QkFBQSxDQUNBLDZCQUFBLENBQ0EsMENBQUEsQ0FDQSx1Q0FBQSxDQUNBLG1CQUFBLENBQ0EsMEJBQUEsQ0NsRUYsd0NBQUEsQ0FDQSxpQkFBQSxDQUNBLHVCQUFBLENBQ0Esc0JBQUEsQ0FDQSxrQ0FBQSxDRCtERSwwRUFDRSwwQkFBQSxDQUNBLHVCQUFBLENBRUYsMEVBQ0UsdUJBQUEsQ0NuRUosMEVBQ0UseUJBQUEsQ0RzRUYseUNBRUUsb0JBQUEsQ0FDQSx1QkFBQSxDQUNBLGlCQUFBLENBQ0EsMEdBRUUsdUJBQUEsQ0FLTixlQUNFLFVBQUEiLCJmaWxlIjoibGluay5taW4uY3NzIn0= */
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL2xpbmsvbGluay5zY3NzIiwiLi4vLi4vLi4vc3JjL3Nhc3MvX21peGlucy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNBLFFBRUUscUJBQUEsQ0FDQSxrQkFBQSxDQUNBLGVBQUEsQ0FHQSx1QkFBQSxDQUNBLG9DQUFBLENBQ0Esc0NBQUEsQ0FDQSxxQkFBQSxDQUdBLHNCQUFBLENBQ0Esc0JBQUEsQ0FHQSxZQUFBLENBQ0EsWUFBQSxDQUdBLHdDQUFBLENBR0EsZ0NBQUEsQ0FDQSw0QkFBQSxDQUNBLDZCQUFBLENBQ0EseUJBQUEsQ0FHQSx1QkFBQSxDQUNBLHdCQUFBLENBQ0EsOEJBQUEsQ0FDQSw4Q0FBQSxDQUFBLHNDQUFBLENBQ0EsbURBQUEsQ0FDQSwwREFBQSxDQUNBLHFEQUFBLENBQUEsNkNBQUEsQ0FDQSwrQkFBQSxDQUNBLGdDQUFBLENBQ0EsaUNBQUEsQ0FHQSxvQkFFRSw4QkFBQSxDQUNBLGlCQUFBLENBSUYsY0FDRSw0QkFBQSxDQUlGLGNBQ0UsK0VBQUEsQ0FFQSx1Q0FBQSxDQUNBLDRCQUFBLENBSUYsc0JBQ0UsK0VBQUEsQ0FFQSx1Q0FBQSxDQUlGLCtCQUVFLDBCQUFBLENBSUYsa0RBR0Usc0NBQUEsQ0FDQSxzQkFBQSxDQUNBLHVCQUFBLENBQ0EsNkJBQUEsQ0FDQSxpQ0FBQSxDQUNBLDBCQUFBLENBQ0EsaUJBQUEsQ0FFQSw4QkFBQSxDQUNBLCtCQUFBLENBQ0EsaUJBQUEsQ0FDQSx3QkFBQSxDQUNBLDZCQUFBLENBQ0EsMENBQUEsQ0FDQSx1Q0FBQSxDQUNBLG1CQUFBLENBQ0Esa0JBQUEsQ0FDQSxzQkFBQSxDQUNBLGtGQUFBLENDN0dGLHdDQUFBLENBQ0EsaUJBQUEsQ0FDQSx1QkFBQSxDQUNBLHNCQUFBLENBQ0Esa0NBQUEsQ0Q2R0UsZ0tBRUUsa0ZBQUEsQ0FFQSx1Q0FBQSxDQUNBLHVCQUFBLENBSUYsb0VBQ0UsdUJBQUEsQ0N0SEosb0VBQ0UseUJBQUEsQ0Q2SEYseUNBRUUsb0JBQUEsQ0FDQSx1QkFBQSxDQUNBLGlCQUFBLENBRUEsK0tBR0UsdUJBQUEiLCJmaWxlIjoibGluay5taW4uY3NzIn0= */

package/libs/components/list/list.cjs

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

package/libs/components/list/list.css

@@ -0,0 +1 @@
+ul,ol,dl{--list-margin-top: 0;--list-margin-bottom: 1rem;--list-margin-inline: 0;--list-padding-inline: 2.5rem;--list-gap: 0.5rem;--list-marker-color: currentColor;--list-marker-size: 1em;--list-marker-offset: 0.5rem;--list-font-size: 1rem;--list-line-height: 1.5;--list-font-family: inherit;--list-color: inherit;--list-item-margin-bottom: 0.5rem;--list-item-padding-inline: 0;--list-item-padding-block: 0;--dt-font-weight: 600;--dt-margin-bottom: 0.25rem;--dd-margin-inline-start: 2rem;--dd-margin-bottom: 1rem}ul,ol,dl{margin-block-start:var(--list-margin-top);margin-block-end:var(--list-margin-bottom);margin-inline:var(--list-margin-inline);padding-inline-start:var(--list-padding-inline);font-size:var(--list-font-size);line-height:var(--list-line-height);font-family:var(--list-font-family);color:var(--list-color)}ul ul,ul ol,ul dl,ol ul,ol ol,ol dl,dl ul,dl ol,dl dl{margin-block-start:var(--list-gap);margin-block-end:var(--list-gap)}ul{list-style-type:disc}ul::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ul ul{list-style-type:circle}ul ul ul{list-style-type:square}ol{list-style-type:decimal}ol::marker{color:var(--list-marker-color);font-size:var(--list-marker-size)}ol ol{list-style-type:lower-alpha}ol ol ol{list-style-type:lower-roman}li{margin-block-end:var(--list-item-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block);padding-inline-start:var(--list-marker-offset)}li:last-child{margin-block-end:0}dl{padding-inline-start:0}dt{font-weight:var(--dt-font-weight);margin-block-end:var(--dt-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd{margin-inline-start:var(--dd-margin-inline-start);margin-block-end:var(--dd-margin-bottom);padding-inline:var(--list-item-padding-inline);padding-block:var(--list-item-padding-block)}dd:last-child{margin-block-end:0}ul[data-variant=none],ol[data-variant=none],dl[data-variant=none]{list-style-type:none;padding-inline-start:0}ul[data-variant=none] li,ol[data-variant=none] li,dl[data-variant=none] li{padding-inline-start:0}ul[data-variant=inline],ol[data-variant=inline],dl[data-variant=inline]{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--list-gap);padding-inline-start:0;list-style-type:none}ul[data-variant=inline] li,ol[data-variant=inline] li,dl[data-variant=inline] li{padding-inline-start:0;margin-block-end:0}ul[data-variant=custom],ol[data-variant=custom],dl[data-variant=custom]{list-style-type:none;padding-inline-start:0}ul[data-variant=custom] li,ol[data-variant=custom] li,dl[data-variant=custom] li{position:relative;padding-inline-start:calc(var(--list-marker-size) + var(--list-marker-offset))}ul[data-variant=custom] li::before,ol[data-variant=custom] li::before,dl[data-variant=custom] li::before{content:var(--list-marker-content, "•");color:var(--list-marker-color);font-size:var(--list-marker-size);position:absolute;left:0}ul[data-variant=compact],ol[data-variant=compact],dl[data-variant=compact]{--list-gap: 0.25rem;--list-item-margin-bottom: 0.25rem;--list-margin-bottom: 0.5rem}ul[data-variant=spaced],ol[data-variant=spaced],dl[data-variant=spaced]{--list-gap: 1rem;--list-item-margin-bottom: 1rem}li:has(a:focus-visible),li:has(button:focus-visible){outline:.0625rem solid rgba(0,0,0,0)}li:has(>a),li:has(>button){margin-block-end:0}@media print{ul,ol,dl{--list-margin-bottom: 0.5rem;--list-item-margin-bottom: 0.25rem}ul,ol{list-style-position:inside}}@media(prefers-reduced-motion: reduce){ul,ol,dl,li,dt,dd{animation:none;transition:none}}/*# sourceMappingURL=list.css.map */

package/libs/components/list/list.css.map

@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../src/components/list/list.scss"],"names":[],"mappings":"CAaA,SAIE,qBACA,2BACA,wBACA,8BACA,mBAGA,kCACA,wBACA,6BAGA,uBACA,wBACA,4BACA,sBAGA,kCACA,8BACA,6BAGA,sBACA,4BACA,+BACA,yBAOF,SAGE,0CACA,2CACA,wCACA,gDACA,gCACA,oCACA,oCACA,wBAGA,sDAGE,mCACA,iCAQJ,GACE,qBAGA,WACE,+BACA,kCAIF,MACE,uBAEA,SACE,uBASN,GACE,wBAGA,WACE,+BACA,kCAIF,MACE,4BAEA,SACE,4BASN,GACE,gDACA,+CACA,6CAQA,+CALA,cACE,mBAWJ,GACE,uBAIF,GACE,kCACA,yCACA,+CACA,6CAIF,GACE,kDACA,yCACA,+CACA,6CAEA,cACE,mBAYF,kEACE,qBACA,uBAEA,2EACE,uBAKJ,wEACE,aACA,mBACA,eACA,oBACA,uBACA,qBAEA,iFACE,uBACA,mBAKJ,wEACE,qBACA,uBAEA,iFACE,kBACA,+EAKA,yGACE,wCACA,+BACA,kCACA,kBACA,OAMN,2EACE,oBACA,mCACA,6BAIF,wEACE,iBACA,gCASJ,qDAGE,qCAIF,2BAGE,mBAOF,aACE,SAIE,6BACA,mCAIF,MAEE,4BAQJ,uCAEE,kBAME,eACA","file":"list.css"}

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

@@ -1,39 +1,126 @@
-import * as React from 'react';
-import { U as UI } from '../../ui-645f95b5.js';
+import React from 'react';
+import { L as ListItemProps, a as ListProps } from '../../list.types-d26de310.js';
+import '../../ui-d01b50d4.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 UI>;
-type ListItemProps = {
-    /** Type of list item to render (default: 'li') */
-    type?: 'li' | 'dt' | 'dd';
-} & React.ComponentProps<typeof UI>;
 /**
- * ListItem component
- * @param type - HTML tag type for the list item (default: 'li')
- * @param styles - CSS styles object
- * @param children - Child elements to be rendered inside the list item
- * @param props - Additional props to be passed to the underlying HTML element
- * @returns A React component that renders a list item
+ * ListItem - A flexible list item component for ul, ol, and dl lists.
+ *
+ * This component renders different HTML elements (li, dt, dd) based on the parent
+ * list type, maintaining semantic HTML and accessibility best practices.
+ *
+ * ## Key Features:
+ * - **Semantic HTML**: Renders appropriate element type (li, dt, dd)
+ * - **Type-Safe**: Full TypeScript support with comprehensive props
+ * - **Ref Forwarding**: Enables direct DOM access for focus management
+ * - **Customizable**: Supports custom styles and CSS classes
+ *
+ * ## Accessibility:
+ * - ✅ Uses semantic HTML elements
+ * - ✅ Works with screen readers out of the box
+ * - ✅ Supports all native HTML attributes
+ * - ✅ Ref forwarding for programmatic focus
+ *
+ * @example
+ * ```tsx
+ * // Standard list item
+ * <ListItem>Item content</ListItem>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Definition term
+ * <ListItem type="dt">Term to define</ListItem>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Definition description
+ * <ListItem type="dd">The definition text</ListItem>
+ * ```
+ *
+ * @param {ListItemProps} props - Component props
+ * @param {React.Ref} ref - Forwarded ref for DOM access
+ * @returns {React.ReactElement} A list item element
  */
-declare const ListItem: ({ type, id, styles, children, classes, ...props }: ListItemProps) => React.JSX.Element;
+declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLElement | HTMLLIElement>>;
 /**
- * List component renders a list element with provided props
- * @param children - Child elements to render inside the list
- * @param classes - CSS classes to apply
- * @param type - Type of list element (default: 'ul')
- * @param variant - Variant for styling purposes
- * @param styles - Inline styles object
- * @param role - ARIA role
- * @param props - Additional props to pass to underlying element
+ * List - A flexible, accessible list component for creating ul, ol, and dl lists.
+ *
+ * This component provides a type-safe, accessible way to create different types of lists
+ * with built-in support for custom styling, variants, and WCAG 2.1 AA compliance.
+ *
+ * ## Key Features:
+ * - **Multiple List Types**: Supports ul (unordered), ol (ordered), and dl (definition) lists
+ * - **Semantic HTML**: Uses native HTML list elements for proper accessibility
+ * - **Customizable Styling**: CSS custom properties and variant support
+ * - **Type-Safe**: Comprehensive TypeScript types with JSDoc
+ * - **Ref Forwarding**: Direct DOM access for scroll positioning and focus management
+ * - **WCAG 2.1 AA**: Meets accessibility standards with proper semantic structure
+ *
+ * ## Accessibility:
+ * - ✅ WCAG 2.1 AA compliant using semantic HTML
+ * - ✅ Screen reader compatible (announced as "list" with item count)
+ * - ✅ Supports role="list" override for styled lists (Safari/VoiceOver compatibility)
+ * - ✅ Keyboard navigation works naturally with focusable children
+ * - ✅ Ref forwarding for programmatic focus management
+ *
+ * ## Common Use Cases:
+ * - **Navigation menus** - Use ul with variant="inline" or "none"
+ * - **Sequential steps** - Use ol for numbered instructions
+ * - **Glossaries** - Use dl for term-definition pairs
+ * - **Feature lists** - Use ul for product features
+ *
+ * @example
+ * ```tsx
+ * // Basic unordered list
+ * <List>
+ *   <List.ListItem>First item</List.ListItem>
+ *   <List.ListItem>Second item</List.ListItem>
+ * </List>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Ordered list with custom styling
+ * <List
+ *   type="ol"
+ *   variant="numbered"
+ *   styles={{ '--list-marker-color': '#0066cc' }}
+ * >
+ *   <List.ListItem>Step one</List.ListItem>
+ *   <List.ListItem>Step two</List.ListItem>
+ * </List>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Unstyled list with role restoration for accessibility
+ * // IMPORTANT: Use role="list" when removing list styling
+ * <List variant="none" role="list">
+ *   <List.ListItem>Navigation link</List.ListItem>
+ *   <List.ListItem>Another link</List.ListItem>
+ * </List>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Definition list
+ * <List type="dl">
+ *   <List.ListItem type="dt">React</List.ListItem>
+ *   <List.ListItem type="dd">A JavaScript library for building UIs</List.ListItem>
+ *   <List.ListItem type="dt">TypeScript</List.ListItem>
+ *   <List.ListItem type="dd">JavaScript with syntax for types</List.ListItem>
+ * </List>
+ * ```
+ *
+ * @param {ListProps} props - Component props
+ * @param {React.Ref} ref - Forwarded ref for DOM access
+ * @returns {React.ReactElement} A list element (ul, ol, or dl)
  */
-declare const List: {
-    ({ children, classes, type, variant, styles, role, ...props }: ListProps): React.JSX.Element;
-    displayName: string;
-    ListItem: ({ type, id, styles, children, classes, ...props }: ListItemProps) => React.JSX.Element;
-};
+declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLDListElement | HTMLOListElement | HTMLUListElement>>;
+interface ListComponent extends React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement | HTMLOListElement | HTMLDListElement>> {
+    ListItem: typeof ListItem;
+}
+declare const _default: ListComponent;
 
-export { List, ListItem, ListItemProps, List as default };
+export { List, ListComponent, ListItem, ListItemProps, ListProps, _default as default };