@fpkit/acss 0.5.12 → 0.6.0

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

@@ -1,29 +1,158 @@
-import { C as ComponentProps } from '../../component-props-a8a2f97e.js';
-import React__default from 'react';
-import { F as FP } from '../../ui-9a6f9f8d.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).
+ *
+ * These props control the visual presentation of SVG icons. Icon components
+ * are decorative by default and should be wrapped in the `Icon` container
+ * component which handles accessibility concerns.
+ *
+ * @property {string} [fill] - SVG fill color (CSS color value)
+ * @property {number} [size] - Icon size in pixels (sets both width and height)
+ * @property {string} [strokeColor] - SVG stroke color (CSS color value)
+ * @property {string} [strokeWidth] - SVG stroke width (e.g., '2px', '1.5')
+ * @property {string} [role] - ARIA role (use 'img' for semantic icons)
+ * @property {string} [aria-label] - Accessible label for standalone icons
+ * @property {boolean} [aria-hidden] - Hide from screen readers (default: true via Icon wrapper)
+ * @property {string} [alt] - @deprecated Use aria-label instead. Legacy prop for accessible label.
+ * @property {number} [width] - Explicit width in pixels (overrides size)
+ * @property {number} [height] - Explicit height in pixels (overrides size)
+ *
+ * @example
+ * ```tsx
+ * // Decorative icon with custom styling
+ * <Icon>
+ *   <Icon.Code size={24} fill="blue" />
+ *   View Code
+ * </Icon>
+ *
+ * // Standalone semantic icon
+ * <Icon aria-hidden={false} aria-label="Code snippet">
+ *   <Icon.Code size={20} />
+ * </Icon>
+ * ```
+ */
 interface IconProps$1 extends Partial<ComponentProps> {
+    /** SVG fill color */
     fill?: string;
+    /** Icon size in pixels (sets both width and height) */
     size?: number;
+    /** SVG stroke color */
     strokeColor?: string;
+    /** SVG stroke width */
     strokeWidth?: string;
+    /** ARIA role (use 'img' for semantic icons) */
     role?: string;
+    /** Accessible label (required for standalone icons) */
+    'aria-label'?: string;
+    /** Hide from screen readers (default: true) */
+    'aria-hidden'?: boolean;
+    /**
+     * @deprecated Use aria-label instead. This prop exists for backward compatibility.
+     * The alt attribute is only valid for img elements, not SVG.
+     */
     alt?: string;
+    /** Explicit width in pixels */
     width?: number;
+    /** Explicit height in pixels */
     height?: number;
 }
 
-declare function Star({ size, fill, strokeColor, styles, role, alt, ...props }: Pick<IconProps$1, 'strokeColor' | 'fill' | 'styles' | 'size' | 'role' | 'alt'>): React__default.JSX.Element;
+declare 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 FP>;
+type IconProps = React.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.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;
@@ -33,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;
@@ -42,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;
@@ -51,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;
@@ -66,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;
@@ -75,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;
@@ -85,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;
@@ -95,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;
@@ -104,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;
@@ -115,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;
@@ -137,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;
@@ -155,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;
@@ -166,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;
@@ -177,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;
@@ -188,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;
@@ -206,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;
@@ -217,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;
@@ -225,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;
@@ -233,10 +362,25 @@ 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;
+        ({ strokeColor, styles, size, role, alt, ...props }: Pick<IconProps$1, "styles" | "role" | "fill" | "alt" | "size" | "strokeColor">): React.JSX.Element;
         displayName: string;
         style: {
             fill: string;
@@ -247,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;
@@ -256,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;
@@ -274,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-O6QZBB6G.js';
-import '../../chunk-NE6YXTMC.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/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 chunk33PNJ4LO_cjs = require('../../chunk-33PNJ4LO.cjs');
+require('../../chunk-ENTCUJ3A.cjs');
 
 
 
 Object.defineProperty(exports, 'Link', {
 	enumerable: true,
-	get: function () { return chunkX3EVB7VS_cjs.a; }
+	get: function () { return chunk33PNJ4LO_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkX3EVB7VS_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 { F as FP } from '../../ui-9a6f9f8d.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 FP> & 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 { F as FP } from '../../ui-9a6f9f8d.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 FP> & 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-5ZM4XL44.js';
-import '../../chunk-NE6YXTMC.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 chunkQVV34QEH_cjs = require('../../chunk-QVV34QEH.cjs');
-require('../../chunk-6TE5QEVE.cjs');
+var chunkGUJSMQ3V_cjs = require('../../chunk-GUJSMQ3V.cjs');
+require('../../chunk-ENTCUJ3A.cjs');
 
 
 
 Object.defineProperty(exports, 'List', {
 	enumerable: true,
-	get: function () { return chunkQVV34QEH_cjs.b; }
+	get: function () { return chunkGUJSMQ3V_cjs.b; }
 });
 Object.defineProperty(exports, 'ListItem', {
 	enumerable: true,
-	get: function () { return chunkQVV34QEH_cjs.a; }
+	get: function () { return chunkGUJSMQ3V_cjs.a; }
 });
 Object.defineProperty(exports, 'default', {
 	enumerable: true,
-	get: function () { return chunkQVV34QEH_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 */