@fpkit/acss 1.0.0-beta.1 → 2.0.0

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

@@ -152,7 +152,7 @@ declare const Icon: {
     ({ 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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "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, "alt" | "size" | "role" | "styles" | "fill" | "strokeColor">): React.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/link/link.cjs

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

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

@@ -1,3 +1,131 @@
-import 'react';
-export { L as Link, L as default } from '../../link-5192f411.js';
-import '../../ui-d01b50d4.js';
+import React from 'react';
+
+/**
+ * Link - A semantic, accessible anchor component with enhanced security and styling.
+ *
+ * The Link component renders accessible `<a>` elements with automatic security
+ * attributes for external links, customizable styling variants, and full WCAG 2.1
+ * AA compliance. It supports traditional text links, button-styled links, and
+ * programmatic focus management via ref forwarding.
+ *
+ * ## Features
+ *
+ * - 🔒 **Automatic Security**: External links get `rel="noopener noreferrer"`
+ * - ♿ **WCAG 2.1 AA Compliant**: Accessible focus indicators and semantic HTML
+ * - 🎨 **Flexible Styling**: Text links, button links, and pill variants
+ * - ⚡ **Performance**: Optional prefetch hints for faster navigation
+ * - 🎯 **Ref Forwarding**: Direct DOM access for focus management and scroll
+ * - 🧪 **Type-Safe**: Full TypeScript support with comprehensive prop types
+ *
+ * ## Accessibility
+ *
+ * - ✅ Semantic `<a>` element for proper keyboard navigation
+ * - ✅ Focus indicators meet WCAG 2.4.7 (3:1 contrast ratio)
+ * - ✅ Screen readers announce link purpose and destination
+ * - ✅ External links include security attributes automatically
+ * - ✅ Supports `aria-label` for icon-only or ambiguous links
+ * - ✅ Ref forwarding enables skip-link patterns
+ *
+ * @example
+ * // Basic internal link
+ * <Link href="/about">About Us</Link>
+ *
+ * @example
+ * // External link with automatic security
+ * <Link href="https://example.com" target="_blank">
+ *   Visit Example
+ * </Link>
+ *
+ * @example
+ * // Button-styled call-to-action link
+ * <Link href="/signup">
+ *   <b>Get Started</b>
+ * </Link>
+ *
+ * @example
+ * // Icon-only link with accessible label
+ * <Link href="/settings" aria-label="Open settings">
+ *   <SettingsIcon aria-hidden="true" />
+ * </Link>
+ *
+ * @example
+ * // Analytics tracking with onClick (includes keyboard users)
+ * <Link
+ *   href="/products"
+ *   onClick={(e) => trackEvent('link_click', { href: '/products' })}
+ * >
+ *   Browse Products
+ * </Link>
+ *
+ * @example
+ * // Skip link with ref forwarding for focus management
+ * const mainRef = useRef<HTMLAnchorElement>(null);
+ *
+ * <Link ref={mainRef} href="#main-content">
+ *   Skip to main content
+ * </Link>
+ *
+ * @example
+ * // Custom styled link with CSS variables
+ * <Link
+ *   href="/products"
+ *   styles={{
+ *     '--link-color': '#0066cc',
+ *     '--link-decoration': 'underline',
+ *   }}
+ * >
+ *   Browse Products
+ * </Link>
+ *
+ * @example
+ * // ✅ GOOD: Descriptive link text
+ * <Link href="/docs/installation">
+ *   Read installation guide
+ * </Link>
+ *
+ * @example
+ * // ❌ BAD: Generic link text (poor for screen readers)
+ * <Link href="/docs/installation">
+ *   Click here
+ * </Link>
+ *
+ * @see {@link LinkProps} for complete prop documentation
+ */
+declare const Link: React.ForwardRefExoticComponent<{
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+    prefetch?: boolean | undefined;
+    btnStyle?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
+    onPointerDown?: ((event: React.PointerEvent<HTMLAnchorElement>) => void) | undefined;
+    icon?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "style"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const IconLink: React.ForwardRefExoticComponent<{
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+    prefetch?: boolean | undefined;
+    btnStyle?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
+    onPointerDown?: ((event: React.PointerEvent<HTMLAnchorElement>) => void) | undefined;
+    icon?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "style"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const LinkButton: React.ForwardRefExoticComponent<{
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+    prefetch?: boolean | undefined;
+    btnStyle?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
+    onPointerDown?: ((event: React.PointerEvent<HTMLAnchorElement>) => void) | undefined;
+    icon?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "style"> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { IconLink, Link, LinkButton, Link as default };

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

@@ -1,3 +1,131 @@
-import 'react';
-export { L as Link, L as default } from '../../link-5192f411.js';
-import '../../ui-d01b50d4.js';
+import React from 'react';
+
+/**
+ * Link - A semantic, accessible anchor component with enhanced security and styling.
+ *
+ * The Link component renders accessible `<a>` elements with automatic security
+ * attributes for external links, customizable styling variants, and full WCAG 2.1
+ * AA compliance. It supports traditional text links, button-styled links, and
+ * programmatic focus management via ref forwarding.
+ *
+ * ## Features
+ *
+ * - 🔒 **Automatic Security**: External links get `rel="noopener noreferrer"`
+ * - ♿ **WCAG 2.1 AA Compliant**: Accessible focus indicators and semantic HTML
+ * - 🎨 **Flexible Styling**: Text links, button links, and pill variants
+ * - ⚡ **Performance**: Optional prefetch hints for faster navigation
+ * - 🎯 **Ref Forwarding**: Direct DOM access for focus management and scroll
+ * - 🧪 **Type-Safe**: Full TypeScript support with comprehensive prop types
+ *
+ * ## Accessibility
+ *
+ * - ✅ Semantic `<a>` element for proper keyboard navigation
+ * - ✅ Focus indicators meet WCAG 2.4.7 (3:1 contrast ratio)
+ * - ✅ Screen readers announce link purpose and destination
+ * - ✅ External links include security attributes automatically
+ * - ✅ Supports `aria-label` for icon-only or ambiguous links
+ * - ✅ Ref forwarding enables skip-link patterns
+ *
+ * @example
+ * // Basic internal link
+ * <Link href="/about">About Us</Link>
+ *
+ * @example
+ * // External link with automatic security
+ * <Link href="https://example.com" target="_blank">
+ *   Visit Example
+ * </Link>
+ *
+ * @example
+ * // Button-styled call-to-action link
+ * <Link href="/signup">
+ *   <b>Get Started</b>
+ * </Link>
+ *
+ * @example
+ * // Icon-only link with accessible label
+ * <Link href="/settings" aria-label="Open settings">
+ *   <SettingsIcon aria-hidden="true" />
+ * </Link>
+ *
+ * @example
+ * // Analytics tracking with onClick (includes keyboard users)
+ * <Link
+ *   href="/products"
+ *   onClick={(e) => trackEvent('link_click', { href: '/products' })}
+ * >
+ *   Browse Products
+ * </Link>
+ *
+ * @example
+ * // Skip link with ref forwarding for focus management
+ * const mainRef = useRef<HTMLAnchorElement>(null);
+ *
+ * <Link ref={mainRef} href="#main-content">
+ *   Skip to main content
+ * </Link>
+ *
+ * @example
+ * // Custom styled link with CSS variables
+ * <Link
+ *   href="/products"
+ *   styles={{
+ *     '--link-color': '#0066cc',
+ *     '--link-decoration': 'underline',
+ *   }}
+ * >
+ *   Browse Products
+ * </Link>
+ *
+ * @example
+ * // ✅ GOOD: Descriptive link text
+ * <Link href="/docs/installation">
+ *   Read installation guide
+ * </Link>
+ *
+ * @example
+ * // ❌ BAD: Generic link text (poor for screen readers)
+ * <Link href="/docs/installation">
+ *   Click here
+ * </Link>
+ *
+ * @see {@link LinkProps} for complete prop documentation
+ */
+declare const Link: React.ForwardRefExoticComponent<{
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+    prefetch?: boolean | undefined;
+    btnStyle?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
+    onPointerDown?: ((event: React.PointerEvent<HTMLAnchorElement>) => void) | undefined;
+    icon?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "style"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const IconLink: React.ForwardRefExoticComponent<{
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+    prefetch?: boolean | undefined;
+    btnStyle?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
+    onPointerDown?: ((event: React.PointerEvent<HTMLAnchorElement>) => void) | undefined;
+    icon?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "style"> & React.RefAttributes<HTMLAnchorElement>>;
+declare const LinkButton: React.ForwardRefExoticComponent<{
+    href?: string | undefined;
+    target?: string | undefined;
+    rel?: string | undefined;
+    children: React.ReactNode;
+    styles?: React.CSSProperties | undefined;
+    prefetch?: boolean | undefined;
+    btnStyle?: string | undefined;
+    onClick?: ((event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void) | undefined;
+    onPointerDown?: ((event: React.PointerEvent<HTMLAnchorElement>) => void) | undefined;
+    icon?: React.ReactNode;
+} & Omit<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "style"> & React.RefAttributes<HTMLAnchorElement>>;
+
+export { IconLink, Link, LinkButton, Link as default };

package/libs/components/link/link.js

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

package/libs/components/list/list.css

@@ -1 +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 */
+ul,ol,dl{--list-margin-top: 0;--list-margin-bottom: 1rem;--list-margin-inline: 0;--list-padding-inline: 0.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.min.css

@@ -1,3 +1,3 @@
-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}}
+ul,ol,dl{--list-margin-top: 0;--list-margin-bottom: 1rem;--list-margin-inline: 0;--list-padding-inline: 0.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=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImxpc3QuY3NzIiwiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvbGlzdC9saXN0LnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsU0NhQSxvQkFJRSxDQUFBLDBCQUNBLENBQUEsdUJBQ0EsQ0FBQSw2QkFDQSxDQUFBLGtCQUNBLENBQUEsaUNBR0EsQ0FBQSx1QkFDQSxDQUFBLDRCQUNBLENBQUEsc0JBR0EsQ0FBQSx1QkFDQSxDQUFBLDJCQUNBLENBQUEscUJBQ0EsQ0FBQSxpQ0FHQSxDQUFBLDZCQUNBLENBQUEsNEJBQ0EsQ0FBQSxxQkFHQSxDQUFBLDJCQUNBLENBQUEsOEJBQ0EsQ0FBQSx3QkFDQSxDQUFBLFNBT0YseUNBR0UsQ0FBQSwwQ0FDQSxDQUFBLHVDQUNBLENBQUEsK0NBQ0EsQ0FBQSwrQkFDQSxDQUFBLG1DQUNBLENBQUEsbUNBQ0EsQ0FBQSx1QkFDQSxDQUFBLHNEQUdBLGtDQUdFLENBQUEsZ0NBQ0EsQ0FBQSxHQVFKLG9CQUNFLENBQUEsV0FHQSw4QkFDRSxDQUFBLGlDQUNBLENBQUEsTUFJRixzQkFDRSxDQUFBLFNBRUEsc0JBQ0UsQ0FBQSxHQVNOLHVCQUNFLENBQUEsV0FHQSw4QkFDRSxDQUFBLGlDQUNBLENBQUEsTUFJRiwyQkFDRSxDQUFBLFNBRUEsMkJBQ0UsQ0FBQSxHQVNOLCtDQUNFLENBQUEsOENBQ0EsQ0FBQSw0Q0FDQSxDQUFBLDhDQVFBLENBQUEsY0FMQSxrQkFDRSxDQUFBLEdBV0osc0JBQ0UsQ0FBQSxHQUlGLGlDQUNFLENBQUEsd0NBQ0EsQ0FBQSw4Q0FDQSxDQUFBLDRDQUNBLENBQUEsR0FJRixpREFDRSxDQUFBLHdDQUNBLENBQUEsOENBQ0EsQ0FBQSw0Q0FDQSxDQUFBLGNBRUEsa0JBQ0UsQ0FBQSxrRUFZRixvQkFDRSxDQUFBLHNCQUNBLENBQUEsMkVBRUEsc0JBQ0UsQ0FBQSx3RUFLSixZQUNFLENBQUEsa0JBQ0EsQ0FBQSxjQUNBLENBQUEsbUJBQ0EsQ0FBQSxzQkFDQSxDQUFBLG9CQUNBLENBQUEsaUZBRUEsc0JBQ0UsQ0FBQSxrQkFDQSxDQUFBLHdFQUtKLG9CQUNFLENBQUEsc0JBQ0EsQ0FBQSxpRkFFQSxpQkFDRSxDQUFBLDhFQUNBLENBQUEseUdBS0EsdUNBQ0UsQ0FBQSw4QkFDQSxDQUFBLGlDQUNBLENBQUEsaUJBQ0EsQ0FBQSxNQUNBLENBQUEsMkVBTU4sbUJBQ0UsQ0FBQSxrQ0FDQSxDQUFBLDRCQUNBLENBQUEsd0VBSUYsZ0JBQ0UsQ0FBQSwrQkFDQSxDQUFBLHFEQVNKLG9DQUdFLENBQUEsMkJBSUYsa0JBR0UsQ0FBQSxhQU9GLFNBQ0UsNEJBSUUsQ0FBQSxrQ0FDQSxDQUFBLE1BSUYsMEJBRUUsQ0FBQSxDQUFBLHVDQVFKLGtCQUVFLGNBTUUsQ0FBQSxlQUNBLENBQUEiLCJmaWxlIjoibGlzdC5taW4uY3NzIn0= */

package/libs/components/modal.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkDKTHCQ5P_cjs = require('../chunk-DKTHCQ5P.cjs');
-require('../chunk-GT77BX4L.cjs');
+var chunkX5RKCLDC_cjs = require('../chunk-X5RKCLDC.cjs');
+require('../chunk-E4OSROCA.cjs');
 require('../chunk-PNWIRCG3.cjs');
 require('../chunk-TON2YGMD.cjs');
 require('../chunk-ENTCUJ3A.cjs');
@@ -10,7 +10,7 @@ require('../chunk-ENTCUJ3A.cjs');
 
 Object.defineProperty(exports, 'Modal', {
 	enumerable: true,
-	get: function () { return chunkDKTHCQ5P_cjs.a; }
+	get: function () { return chunkX5RKCLDC_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-7XPFW7CB.js';
-import '../chunk-OVWLQYMK.js';
+export { a as Modal } from '../chunk-43TK2ICH.js';
+import '../chunk-KVKQLRJG.js';
 import '../chunk-BFK62VX5.js';
 import '../chunk-75QHTLFO.js';
 import '../chunk-HHLNOC5T.js';