@pithyjs/ui-kit 0.1.0-beta.0

package/dist/shared/grid.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Grid-specific utility class maps.
+ *
+ * Full class strings are written out explicitly so the design-system JIT
+ * scanner detects them on startup — dynamic template literals like
+ * `u-grid-cols-${bp}-${n}` produce incomplete fragments the scanner can't match.
+ */
+export declare const GRID_COLS_CLASS: Record<number, string>;
+/** Breakpoint name → column count → class name */
+export declare const RESPONSIVE_GRID_COLS: Record<string, Record<number, string>>;
+export declare const GRID_ROWS_CLASS: Record<number, string>;
+export declare const COL_SPAN_CLASS: Record<number, string>;
+export declare const COL_START_CLASS: Record<number, string>;
+export declare const COL_END_CLASS: Record<number, string>;
+export declare const ROW_SPAN_CLASS: Record<number, string>;
+export declare const ROW_START_CLASS: Record<number, string>;
+export declare const ROW_END_CLASS: Record<number, string>;
+export declare const PLACE_SELF_ITEMS: readonly ["auto", "start", "end", "center", "stretch"];
+export type PlaceSelf = (typeof PLACE_SELF_ITEMS)[number];
+export declare const PLACE_SELF_CLASS: Record<PlaceSelf, string>;
+//# sourceMappingURL=grid.d.ts.map

package/dist/shared/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/shared/grid.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAalD,CAAC;AAgEF,kDAAkD;AAClD,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAKvE,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOlD,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAajD,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAclD,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAchD,CAAC;AAIF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAOjD,CAAC;AAIF,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQlD,CAAC;AAIF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAQhD,CAAC;AAIF,eAAO,MAAM,gBAAgB,wDAMnB,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE1D,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAMtD,CAAC"}

package/dist/shared/grid.js

@@ -0,0 +1,187 @@
+/**
+ * Grid-specific utility class maps.
+ *
+ * Full class strings are written out explicitly so the design-system JIT
+ * scanner detects them on startup — dynamic template literals like
+ * `u-grid-cols-${bp}-${n}` produce incomplete fragments the scanner can't match.
+ */
+// -- Grid column classes (1-12) ---------------------------------------------
+export const GRID_COLS_CLASS = {
+    1: 'u-grid-cols-1',
+    2: 'u-grid-cols-2',
+    3: 'u-grid-cols-3',
+    4: 'u-grid-cols-4',
+    5: 'u-grid-cols-5',
+    6: 'u-grid-cols-6',
+    7: 'u-grid-cols-7',
+    8: 'u-grid-cols-8',
+    9: 'u-grid-cols-9',
+    10: 'u-grid-cols-10',
+    11: 'u-grid-cols-11',
+    12: 'u-grid-cols-12',
+};
+// -- Responsive grid column classes (sm/md/lg/xl × 1-12) --------------------
+const GRID_COLS_SM_CLASS = {
+    1: 'u-grid-cols-sm-1',
+    2: 'u-grid-cols-sm-2',
+    3: 'u-grid-cols-sm-3',
+    4: 'u-grid-cols-sm-4',
+    5: 'u-grid-cols-sm-5',
+    6: 'u-grid-cols-sm-6',
+    7: 'u-grid-cols-sm-7',
+    8: 'u-grid-cols-sm-8',
+    9: 'u-grid-cols-sm-9',
+    10: 'u-grid-cols-sm-10',
+    11: 'u-grid-cols-sm-11',
+    12: 'u-grid-cols-sm-12',
+};
+const GRID_COLS_MD_CLASS = {
+    1: 'u-grid-cols-md-1',
+    2: 'u-grid-cols-md-2',
+    3: 'u-grid-cols-md-3',
+    4: 'u-grid-cols-md-4',
+    5: 'u-grid-cols-md-5',
+    6: 'u-grid-cols-md-6',
+    7: 'u-grid-cols-md-7',
+    8: 'u-grid-cols-md-8',
+    9: 'u-grid-cols-md-9',
+    10: 'u-grid-cols-md-10',
+    11: 'u-grid-cols-md-11',
+    12: 'u-grid-cols-md-12',
+};
+const GRID_COLS_LG_CLASS = {
+    1: 'u-grid-cols-lg-1',
+    2: 'u-grid-cols-lg-2',
+    3: 'u-grid-cols-lg-3',
+    4: 'u-grid-cols-lg-4',
+    5: 'u-grid-cols-lg-5',
+    6: 'u-grid-cols-lg-6',
+    7: 'u-grid-cols-lg-7',
+    8: 'u-grid-cols-lg-8',
+    9: 'u-grid-cols-lg-9',
+    10: 'u-grid-cols-lg-10',
+    11: 'u-grid-cols-lg-11',
+    12: 'u-grid-cols-lg-12',
+};
+const GRID_COLS_XL_CLASS = {
+    1: 'u-grid-cols-xl-1',
+    2: 'u-grid-cols-xl-2',
+    3: 'u-grid-cols-xl-3',
+    4: 'u-grid-cols-xl-4',
+    5: 'u-grid-cols-xl-5',
+    6: 'u-grid-cols-xl-6',
+    7: 'u-grid-cols-xl-7',
+    8: 'u-grid-cols-xl-8',
+    9: 'u-grid-cols-xl-9',
+    10: 'u-grid-cols-xl-10',
+    11: 'u-grid-cols-xl-11',
+    12: 'u-grid-cols-xl-12',
+};
+/** Breakpoint name → column count → class name */
+export const RESPONSIVE_GRID_COLS = {
+    sm: GRID_COLS_SM_CLASS,
+    md: GRID_COLS_MD_CLASS,
+    lg: GRID_COLS_LG_CLASS,
+    xl: GRID_COLS_XL_CLASS,
+};
+// -- Grid row classes (1-6) -------------------------------------------------
+export const GRID_ROWS_CLASS = {
+    1: 'u-grid-rows-1',
+    2: 'u-grid-rows-2',
+    3: 'u-grid-rows-3',
+    4: 'u-grid-rows-4',
+    5: 'u-grid-rows-5',
+    6: 'u-grid-rows-6',
+};
+// -- Column span classes (1-12) ---------------------------------------------
+export const COL_SPAN_CLASS = {
+    1: 'u-col-span-1',
+    2: 'u-col-span-2',
+    3: 'u-col-span-3',
+    4: 'u-col-span-4',
+    5: 'u-col-span-5',
+    6: 'u-col-span-6',
+    7: 'u-col-span-7',
+    8: 'u-col-span-8',
+    9: 'u-col-span-9',
+    10: 'u-col-span-10',
+    11: 'u-col-span-11',
+    12: 'u-col-span-12',
+};
+// -- Column start classes (1-13) --------------------------------------------
+export const COL_START_CLASS = {
+    1: 'u-col-start-1',
+    2: 'u-col-start-2',
+    3: 'u-col-start-3',
+    4: 'u-col-start-4',
+    5: 'u-col-start-5',
+    6: 'u-col-start-6',
+    7: 'u-col-start-7',
+    8: 'u-col-start-8',
+    9: 'u-col-start-9',
+    10: 'u-col-start-10',
+    11: 'u-col-start-11',
+    12: 'u-col-start-12',
+    13: 'u-col-start-13',
+};
+// -- Column end classes (1-13) ----------------------------------------------
+export const COL_END_CLASS = {
+    1: 'u-col-end-1',
+    2: 'u-col-end-2',
+    3: 'u-col-end-3',
+    4: 'u-col-end-4',
+    5: 'u-col-end-5',
+    6: 'u-col-end-6',
+    7: 'u-col-end-7',
+    8: 'u-col-end-8',
+    9: 'u-col-end-9',
+    10: 'u-col-end-10',
+    11: 'u-col-end-11',
+    12: 'u-col-end-12',
+    13: 'u-col-end-13',
+};
+// -- Row span classes (1-6) -------------------------------------------------
+export const ROW_SPAN_CLASS = {
+    1: 'u-row-span-1',
+    2: 'u-row-span-2',
+    3: 'u-row-span-3',
+    4: 'u-row-span-4',
+    5: 'u-row-span-5',
+    6: 'u-row-span-6',
+};
+// -- Row start classes (1-7) ------------------------------------------------
+export const ROW_START_CLASS = {
+    1: 'u-row-start-1',
+    2: 'u-row-start-2',
+    3: 'u-row-start-3',
+    4: 'u-row-start-4',
+    5: 'u-row-start-5',
+    6: 'u-row-start-6',
+    7: 'u-row-start-7',
+};
+// -- Row end classes (1-7) --------------------------------------------------
+export const ROW_END_CLASS = {
+    1: 'u-row-end-1',
+    2: 'u-row-end-2',
+    3: 'u-row-end-3',
+    4: 'u-row-end-4',
+    5: 'u-row-end-5',
+    6: 'u-row-end-6',
+    7: 'u-row-end-7',
+};
+// -- Place-self classes -----------------------------------------------------
+export const PLACE_SELF_ITEMS = [
+    'auto',
+    'start',
+    'end',
+    'center',
+    'stretch',
+];
+export const PLACE_SELF_CLASS = {
+    auto: 'u-place-self-auto',
+    start: 'u-place-self-start',
+    end: 'u-place-self-end',
+    center: 'u-place-self-center',
+    stretch: 'u-place-self-stretch',
+};
+//# sourceMappingURL=grid.js.map

package/dist/shared/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sourceRoot":"","sources":["../../src/shared/grid.ts"],"names":[],"mappings":"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"}

package/dist/shared/icon-slot.d.ts

@@ -0,0 +1,22 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.icon-slot",
+  "title": "Section Row Icon Slot",
+  "category": "runtime"
+}
+*/
+import type { IconSizeLevel } from '@pithyjs/design-system/iconography';
+/** @codexApi {"parent":"pithy.ui-kit.icon-slot","name":"IconSlot","stability":"stable","signature":"interface IconSlot"} */
+export interface IconSlot {
+    /** Mount, swap, or remove the decorative icon for `name`; no-op when unchanged. */
+    set: (name: string | undefined) => void;
+    destroy: () => void;
+}
+/**
+ * A single decorative icon position inside an imperatively-built row.
+ * Shared by section renderRows so add/swap/remove lives in one place.
+ * `before` is read on each mount so it tracks the row's current first child.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.icon-slot","name":"createIconSlot","stability":"stable","signature":"(parent: HTMLElement, size: IconSizeLevel, before: () => Node | null) => IconSlot"} */
+export declare function createIconSlot(parent: HTMLElement, size: IconSizeLevel, before: () => Node | null): IconSlot;
+//# sourceMappingURL=icon-slot.d.ts.map

package/dist/shared/icon-slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-slot.d.ts","sourceRoot":"","sources":["../../src/shared/icon-slot.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAGF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAExE,4HAA4H;AAC5H,MAAM,WAAW,QAAQ;IACvB,mFAAmF;IACnF,GAAG,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACxC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,iMAAiM;AACjM,wBAAgB,cAAc,CAC5B,MAAM,EAAE,WAAW,EACnB,IAAI,EAAE,aAAa,EACnB,MAAM,EAAE,MAAM,IAAI,GAAG,IAAI,GACxB,QAAQ,CAuBV"}

package/dist/shared/icon-slot.js

@@ -0,0 +1,38 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.icon-slot",
+  "title": "Section Row Icon Slot",
+  "category": "runtime"
+}
+*/
+import { Icon } from '../atoms/content/icon/Icon';
+/**
+ * A single decorative icon position inside an imperatively-built row.
+ * Shared by section renderRows so add/swap/remove lives in one place.
+ * `before` is read on each mount so it tracks the row's current first child.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.icon-slot","name":"createIconSlot","stability":"stable","signature":"(parent: HTMLElement, size: IconSizeLevel, before: () => Node | null) => IconSlot"} */
+export function createIconSlot(parent, size, before) {
+    let comp;
+    let current;
+    return {
+        set(name) {
+            if (name === current)
+                return;
+            current = name;
+            if (comp) {
+                comp.destroy();
+                comp.el.remove();
+                comp = undefined;
+            }
+            if (name) {
+                comp = Icon({ name, decorative: true, size });
+                parent.insertBefore(comp.el, before());
+            }
+        },
+        destroy() {
+            comp?.destroy();
+        },
+    };
+}
+//# sourceMappingURL=icon-slot.js.map

package/dist/shared/icon-slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-slot.js","sourceRoot":"","sources":["../../src/shared/icon-slot.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAEF,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAUlD;;;;GAIG;AACH,iMAAiM;AACjM,MAAM,UAAU,cAAc,CAC5B,MAAmB,EACnB,IAAmB,EACnB,MAAyB;IAEzB,IAAI,IAES,CAAC;IACd,IAAI,OAA2B,CAAC;IAChC,OAAO;QACL,GAAG,CAAC,IAAI;YACN,IAAI,IAAI,KAAK,OAAO;gBAAE,OAAO;YAC7B,OAAO,GAAG,IAAI,CAAC;YACf,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,OAAO,EAAE,CAAC;gBACd,IAAI,CAAC,EAAkB,CAAC,MAAM,EAAE,CAAC;gBAClC,IAAI,GAAG,SAAS,CAAC;YACnB,CAAC;YACD,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,GAAG,IAAI,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;gBAC9C,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,CAAC;YACzC,CAAC;QACH,CAAC;QACD,OAAO;YACL,IAAI,EAAE,OAAO,EAAE,CAAC;QAClB,CAAC;KACF,CAAC;AACJ,CAAC"}

package/dist/shared/icon.d.ts

@@ -0,0 +1,17 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.icon-constants",
+  "title": "Icon Shared Constants",
+  "category": "types"
+}
+*/
+/**
+ * Shared constants for Icon component.
+ *
+ * Size levels derive from @pithyjs/design-system/iconography (single source of truth).
+ * Colors reuse text color tokens for consistency.
+ */
+import { type IconSizeLevel } from '@pithyjs/design-system/iconography';
+/** @codexApi {"parent":"pithy.ui-kit.icon-constants","name":"ICON_SIZE_CLASS","stability":"stable","signature":"Record<IconSizeLevel, string>"} */
+export declare const ICON_SIZE_CLASS: Record<IconSizeLevel, string>;
+//# sourceMappingURL=icon.d.ts.map

package/dist/shared/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../src/shared/icon.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAEF;;;;;GAKG;AAEH,OAAO,EAEL,KAAK,aAAa,EACnB,MAAM,oCAAoC,CAAC;AAI5C,mJAAmJ;AACnJ,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAIvD,CAAC"}

package/dist/shared/icon.js

@@ -0,0 +1,18 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.icon-constants",
+  "title": "Icon Shared Constants",
+  "category": "types"
+}
+*/
+/**
+ * Shared constants for Icon component.
+ *
+ * Size levels derive from @pithyjs/design-system/iconography (single source of truth).
+ * Colors reuse text color tokens for consistency.
+ */
+import { ICON_SIZE_LEVELS, } from '@pithyjs/design-system/iconography';
+// -- Size → class mapping (icon sizing utilities) -----------------------------
+/** @codexApi {"parent":"pithy.ui-kit.icon-constants","name":"ICON_SIZE_CLASS","stability":"stable","signature":"Record<IconSizeLevel, string>"} */
+export const ICON_SIZE_CLASS = Object.fromEntries(ICON_SIZE_LEVELS.map(s => [s, `u-icon-${s}`]));
+//# sourceMappingURL=icon.js.map

package/dist/shared/icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.js","sourceRoot":"","sources":["../../src/shared/icon.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAEF;;;;;GAKG;AAEH,OAAO,EACL,gBAAgB,GAEjB,MAAM,oCAAoC,CAAC;AAE5C,gFAAgF;AAEhF,mJAAmJ;AACnJ,MAAM,CAAC,MAAM,eAAe,GAC1B,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC,CAG/D,CAAC"}

package/dist/shared/icons.d.ts

@@ -0,0 +1,19 @@
+/** @codex { "id": "pithy.ui-kit.shared-icons", "title": "Shared Inline SVG Icons", "category": "types" } */
+/**
+ * Inline SVG icon constants shared across UI Kit form components.
+ * No icon dependency — sized via CSS tokens, uses currentColor for theming.
+ */
+/** Checkmark icon for success state */
+export declare const CHECK_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"20 6 9 17 4 12\"/></svg>";
+/** Triangle alert icon for error state */
+export declare const ALERT_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\"/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"/></svg>";
+/** Chevron down icon for select trigger */
+export declare const CHEVRON_DOWN_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><polyline points=\"6 9 12 15 18 9\"/></svg>";
+/** Eye icon for password visibility toggle (show) */
+export declare const EYE_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z\"/><circle cx=\"12\" cy=\"12\" r=\"3\"/></svg>";
+/** Eye-off icon for password visibility toggle (hide) */
+export declare const EYE_OFF_ICON = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9.88 9.88a3 3 0 1 0 4.24 4.24\"/><path d=\"M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68\"/><path d=\"M6.61 6.61A13.53 13.53 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61\"/><line x1=\"2\" x2=\"22\" y1=\"2\" y2=\"22\"/></svg>";
+/** Hamburger icon — three lines morph to an X via CSS when aria-expanded="true" */
+export declare const HAMBURGER_ICON = "<svg class=\"ui-navbar-hamburger\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" aria-hidden=\"true\" focusable=\"false\"><line class=\"ui-navbar-hamburger-line\" data-line=\"top\" x1=\"4\" y1=\"7\" x2=\"20\" y2=\"7\"/><line class=\"ui-navbar-hamburger-line\" data-line=\"mid\" x1=\"4\" y1=\"12\" x2=\"20\" y2=\"12\"/><line class=\"ui-navbar-hamburger-line\" data-line=\"bot\" x1=\"4\" y1=\"17\" x2=\"20\" y2=\"17\"/></svg>";
+export declare const CLOSE_ICON = "<svg class=\"ui-navbar-close-icon\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.25\" stroke-linecap=\"round\"><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"/><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"/></svg>";
+//# sourceMappingURL=icons.d.ts.map

package/dist/shared/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../src/shared/icons.ts"],"names":[],"mappings":"AAAA,4GAA4G;AAE5G;;;GAGG;AAIH,uCAAuC;AACvC,eAAO,MAAM,UAAU,kRAA4P,CAAC;AAEpR,0CAA0C;AAC1C,eAAO,MAAM,UAAU,ibAA2Y,CAAC;AAIna,2CAA2C;AAC3C,eAAO,MAAM,iBAAiB,gRAA0P,CAAC;AAIzR,qDAAqD;AACrD,eAAO,MAAM,QAAQ,0UAA8S,CAAC;AAEpU,yDAAyD;AACzD,eAAO,MAAM,YAAY,gfAA8c,CAAC;AAExe,mFAAmF;AACnF,eAAO,MAAM,cAAc,0bAA0Y,CAAC;AAEta,eAAO,MAAM,UAAU,6RAA6P,CAAC"}

package/dist/shared/icons.js

@@ -0,0 +1,22 @@
+/** @codex { "id": "pithy.ui-kit.shared-icons", "title": "Shared Inline SVG Icons", "category": "types" } */
+/**
+ * Inline SVG icon constants shared across UI Kit form components.
+ * No icon dependency — sized via CSS tokens, uses currentColor for theming.
+ */
+// -- State icons — used by Input, Select, Textarea --------------------------
+/** Checkmark icon for success state */
+export const CHECK_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="20 6 9 17 4 12"/></svg>`;
+/** Triangle alert icon for error state */
+export const ALERT_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>`;
+// -- Select-specific icons --------------------------------------------------
+/** Chevron down icon for select trigger */
+export const CHEVRON_DOWN_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><polyline points="6 9 12 15 18 9"/></svg>`;
+// -- Input-specific icons ---------------------------------------------------
+/** Eye icon for password visibility toggle (show) */
+export const EYE_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/></svg>`;
+/** Eye-off icon for password visibility toggle (hide) */
+export const EYE_OFF_ICON = `<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9.88 9.88a3 3 0 1 0 4.24 4.24"/><path d="M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68"/><path d="M6.61 6.61A13.53 13.53 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61"/><line x1="2" x2="22" y1="2" y2="22"/></svg>`;
+/** Hamburger icon — three lines morph to an X via CSS when aria-expanded="true" */
+export const HAMBURGER_ICON = `<svg class="ui-navbar-hamburger" viewBox="0 0 24 24" fill="none" stroke="currentColor" aria-hidden="true" focusable="false"><line class="ui-navbar-hamburger-line" data-line="top" x1="4" y1="7" x2="20" y2="7"/><line class="ui-navbar-hamburger-line" data-line="mid" x1="4" y1="12" x2="20" y2="12"/><line class="ui-navbar-hamburger-line" data-line="bot" x1="4" y1="17" x2="20" y2="17"/></svg>`;
+export const CLOSE_ICON = `<svg class="ui-navbar-close-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false" fill="none" stroke="currentColor" stroke-width="2.25" stroke-linecap="round"><line x1="6" y1="6" x2="18" y2="18"/><line x1="18" y1="6" x2="6" y2="18"/></svg>`;
+//# sourceMappingURL=icons.js.map

package/dist/shared/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../src/shared/icons.ts"],"names":[],"mappings":"AAAA,4GAA4G;AAE5G;;;GAGG;AAEH,8EAA8E;AAE9E,uCAAuC;AACvC,MAAM,CAAC,MAAM,UAAU,GAAG,yPAAyP,CAAC;AAEpR,0CAA0C;AAC1C,MAAM,CAAC,MAAM,UAAU,GAAG,wYAAwY,CAAC;AAEna,8EAA8E;AAE9E,2CAA2C;AAC3C,MAAM,CAAC,MAAM,iBAAiB,GAAG,uPAAuP,CAAC;AAEzR,8EAA8E;AAE9E,qDAAqD;AACrD,MAAM,CAAC,MAAM,QAAQ,GAAG,2SAA2S,CAAC;AAEpU,yDAAyD;AACzD,MAAM,CAAC,MAAM,YAAY,GAAG,2cAA2c,CAAC;AAExe,mFAAmF;AACnF,MAAM,CAAC,MAAM,cAAc,GAAG,uYAAuY,CAAC;AAEta,MAAM,CAAC,MAAM,UAAU,GAAG,0PAA0P,CAAC"}

package/dist/shared/image.d.ts

@@ -0,0 +1,35 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.image-constants",
+  "title": "Image Shared Constants",
+  "category": "types"
+}
+*/
+/**
+ * Shared constants for Image component.
+ *
+ * Object-fit values, aspect ratio presets, loading strategies, decoding strategies, and fetch priority.
+ */
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_FIT_VALUES","stability":"stable","signature":"readonly [\"contain\", \"cover\", \"fill\", \"none\", \"scale-down\"]"} */
+export declare const IMAGE_FIT_VALUES: readonly ["contain", "cover", "fill", "none", "scale-down"];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"ImageFit","stability":"stable","signature":"type ImageFit = \"contain\" | \"cover\" | \"fill\" | \"none\" | \"scale-down\""} */
+export type ImageFit = (typeof IMAGE_FIT_VALUES)[number];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_LOADING_VALUES","stability":"stable","signature":"readonly [\"lazy\", \"eager\"]"} */
+export declare const IMAGE_LOADING_VALUES: readonly ["lazy", "eager"];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"ImageLoading","stability":"stable","signature":"type ImageLoading = \"lazy\" | \"eager\""} */
+export type ImageLoading = (typeof IMAGE_LOADING_VALUES)[number];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_DECODING_VALUES","stability":"stable","signature":"readonly [\"async\", \"sync\", \"auto\"]"} */
+export declare const IMAGE_DECODING_VALUES: readonly ["async", "sync", "auto"];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"ImageDecoding","stability":"stable","signature":"type ImageDecoding = \"async\" | \"sync\" | \"auto\""} */
+export type ImageDecoding = (typeof IMAGE_DECODING_VALUES)[number];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_FETCH_PRIORITY_VALUES","stability":"stable","signature":"readonly [\"high\", \"low\", \"auto\"]"} */
+export declare const IMAGE_FETCH_PRIORITY_VALUES: readonly ["high", "low", "auto"];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"ImageFetchPriority","stability":"stable","signature":"type ImageFetchPriority = \"high\" | \"low\" | \"auto\""} */
+export type ImageFetchPriority = (typeof IMAGE_FETCH_PRIORITY_VALUES)[number];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_SIZING_VALUES","stability":"stable","signature":"readonly [\"auto\", \"fill\"]"} */
+export declare const IMAGE_SIZING_VALUES: readonly ["auto", "fill"];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"ImageSizing","stability":"stable","signature":"type ImageSizing = \"auto\" | \"fill\""} */
+export type ImageSizing = (typeof IMAGE_SIZING_VALUES)[number];
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"ASPECT_RATIO_PRESETS","stability":"stable","signature":"Record<string, string>"} */
+export declare const ASPECT_RATIO_PRESETS: Record<string, string>;
+//# sourceMappingURL=image.d.ts.map

package/dist/shared/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../src/shared/image.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAEF;;;;GAIG;AAIH,6LAA6L;AAC7L,eAAO,MAAM,gBAAgB,6DAMnB,CAAC;AACX,8LAA8L;AAC9L,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAIzD,0JAA0J;AAC1J,eAAO,MAAM,oBAAoB,4BAA6B,CAAC;AAC/D,4JAA4J;AAC5J,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;AAIjE,qKAAqK;AACrK,eAAO,MAAM,qBAAqB,oCAAqC,CAAC;AACxE,yKAAyK;AACzK,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;AAInE,yKAAyK;AACzK,eAAO,MAAM,2BAA2B,kCAAmC,CAAC;AAC5E,iLAAiL;AACjL,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,2BAA2B,CAAC,CAAC,MAAM,CAAC,CAAC;AAI9E,wJAAwJ;AACxJ,eAAO,MAAM,mBAAmB,2BAA4B,CAAC;AAC7D,yJAAyJ;AACzJ,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAI/D,kJAAkJ;AAClJ,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CASvD,CAAC"}

package/dist/shared/image.js

@@ -0,0 +1,46 @@
+/** @codex
+{
+  "id": "pithy.ui-kit.image-constants",
+  "title": "Image Shared Constants",
+  "category": "types"
+}
+*/
+/**
+ * Shared constants for Image component.
+ *
+ * Object-fit values, aspect ratio presets, loading strategies, decoding strategies, and fetch priority.
+ */
+// -- Object-fit values --------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_FIT_VALUES","stability":"stable","signature":"readonly [\"contain\", \"cover\", \"fill\", \"none\", \"scale-down\"]"} */
+export const IMAGE_FIT_VALUES = [
+    'contain',
+    'cover',
+    'fill',
+    'none',
+    'scale-down',
+];
+// -- Loading strategies -------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_LOADING_VALUES","stability":"stable","signature":"readonly [\"lazy\", \"eager\"]"} */
+export const IMAGE_LOADING_VALUES = ['lazy', 'eager'];
+// -- Decoding strategies ------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_DECODING_VALUES","stability":"stable","signature":"readonly [\"async\", \"sync\", \"auto\"]"} */
+export const IMAGE_DECODING_VALUES = ['async', 'sync', 'auto'];
+// -- Fetch priority -----------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_FETCH_PRIORITY_VALUES","stability":"stable","signature":"readonly [\"high\", \"low\", \"auto\"]"} */
+export const IMAGE_FETCH_PRIORITY_VALUES = ['high', 'low', 'auto'];
+// -- Sizing -------------------------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"IMAGE_SIZING_VALUES","stability":"stable","signature":"readonly [\"auto\", \"fill\"]"} */
+export const IMAGE_SIZING_VALUES = ['auto', 'fill'];
+// -- Common aspect ratios -----------------------------------------------------
+/** @codexApi {"parent":"pithy.ui-kit.image-constants","name":"ASPECT_RATIO_PRESETS","stability":"stable","signature":"Record<string, string>"} */
+export const ASPECT_RATIO_PRESETS = {
+    '1/1': '1 / 1',
+    '4/3': '4 / 3',
+    '3/2': '3 / 2',
+    '16/9': '16 / 9',
+    '21/9': '21 / 9',
+    '3/4': '3 / 4',
+    '2/3': '2 / 3',
+    '9/16': '9 / 16',
+};
+//# sourceMappingURL=image.js.map

package/dist/shared/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../../src/shared/image.ts"],"names":[],"mappings":"AAAA;;;;;;EAME;AAEF;;;;GAIG;AAEH,gFAAgF;AAEhF,6LAA6L;AAC7L,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,SAAS;IACT,OAAO;IACP,MAAM;IACN,MAAM;IACN,YAAY;CACJ,CAAC;AAIX,gFAAgF;AAEhF,0JAA0J;AAC1J,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAM,EAAE,OAAO,CAAU,CAAC;AAI/D,gFAAgF;AAEhF,qKAAqK;AACrK,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,CAAU,CAAC;AAIxE,gFAAgF;AAEhF,yKAAyK;AACzK,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAI5E,gFAAgF;AAEhF,wJAAwJ;AACxJ,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAM,EAAE,MAAM,CAAU,CAAC;AAI7D,gFAAgF;AAEhF,kJAAkJ;AAClJ,MAAM,CAAC,MAAM,oBAAoB,GAA2B;IAC1D,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAC"}

package/dist/shared/input.d.ts

@@ -0,0 +1,12 @@
+/** @codex { "id": "pithy.ui-kit.shared-input", "title": "Shared Input Constants", "category": "types" } */
+/**
+ * Shared constants for form Input component (and future form atoms).
+ * Single source of truth for input types and ID generation.
+ */
+export declare const INPUT_TYPES: readonly ["text", "email", "password", "number", "tel", "url"];
+export type InputType = (typeof INPUT_TYPES)[number];
+/** @codexApi {"parent":"pithy.ui-kit.shared-input","name":"generateInputId","stability":"stable","signature":"() => string"} */
+export declare function generateInputId(): string;
+/** @codexApi {"parent":"pithy.ui-kit.shared-input","name":"resetInputIdCounter","stability":"stable","signature":"() => void"} */
+export declare function resetInputIdCounter(): void;
+//# sourceMappingURL=input.d.ts.map

package/dist/shared/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/shared/input.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAE3G;;;GAGG;AAMH,eAAO,MAAM,WAAW,gEAOd,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAQrD,gIAAgI;AAChI,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,kIAAkI;AAClI,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C"}

package/dist/shared/input.js

@@ -0,0 +1,29 @@
+/** @codex { "id": "pithy.ui-kit.shared-input", "title": "Shared Input Constants", "category": "types" } */
+/**
+ * Shared constants for form Input component (and future form atoms).
+ * Single source of truth for input types and ID generation.
+ */
+// ---------------------------------------------------------------------------
+// Input types — standard text-like HTML input types
+// ---------------------------------------------------------------------------
+export const INPUT_TYPES = [
+    'text',
+    'email',
+    'password',
+    'number',
+    'tel',
+    'url',
+];
+// ---------------------------------------------------------------------------
+// Auto-generated IDs — enables FormField <label for=""> association
+// ---------------------------------------------------------------------------
+let inputIdCounter = 0;
+/** @codexApi {"parent":"pithy.ui-kit.shared-input","name":"generateInputId","stability":"stable","signature":"() => string"} */
+export function generateInputId() {
+    return `ui-input-${++inputIdCounter}`;
+}
+/** @codexApi {"parent":"pithy.ui-kit.shared-input","name":"resetInputIdCounter","stability":"stable","signature":"() => void"} */
+export function resetInputIdCounter() {
+    inputIdCounter = 0;
+}
+//# sourceMappingURL=input.js.map

package/dist/shared/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/shared/input.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAE3G;;;GAGG;AAEH,8EAA8E;AAC9E,oDAAoD;AACpD,8EAA8E;AAE9E,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM;IACN,OAAO;IACP,UAAU;IACV,QAAQ;IACR,KAAK;IACL,KAAK;CACG,CAAC;AAIX,8EAA8E;AAC9E,oEAAoE;AACpE,8EAA8E;AAE9E,IAAI,cAAc,GAAG,CAAC,CAAC;AAEvB,gIAAgI;AAChI,MAAM,UAAU,eAAe;IAC7B,OAAO,YAAY,EAAE,cAAc,EAAE,CAAC;AACxC,CAAC;AAED,kIAAkI;AAClI,MAAM,UAAU,mBAAmB;IACjC,cAAc,GAAG,CAAC,CAAC;AACrB,CAAC"}

package/dist/shared/radio.d.ts

@@ -0,0 +1,10 @@
+/** @codex { "id": "pithy.ui-kit.shared-radio", "title": "Shared Radio Constants", "category": "types" } */
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"generateRadioId","stability":"stable","signature":"() => string"} */
+export declare function generateRadioId(): string;
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"resetRadioIdCounter","stability":"stable","signature":"() => void"} */
+export declare function resetRadioIdCounter(): void;
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"generateRadioGroupId","stability":"stable","signature":"() => string"} */
+export declare function generateRadioGroupId(): string;
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"resetRadioGroupIdCounter","stability":"stable","signature":"() => void"} */
+export declare function resetRadioGroupIdCounter(): void;
+//# sourceMappingURL=radio.d.ts.map

package/dist/shared/radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/shared/radio.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAc3G,gIAAgI;AAChI,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,kIAAkI;AAClI,wBAAgB,mBAAmB,IAAI,IAAI,CAE1C;AAID,qIAAqI;AACrI,wBAAgB,oBAAoB,IAAI,MAAM,CAE7C;AAED,uIAAuI;AACvI,wBAAgB,wBAAwB,IAAI,IAAI,CAE/C"}

package/dist/shared/radio.js

@@ -0,0 +1,29 @@
+/** @codex { "id": "pithy.ui-kit.shared-radio", "title": "Shared Radio Constants", "category": "types" } */
+/**
+ * Shared constants for the Radio / RadioGroup atoms.
+ * Single source of truth for ID generation.
+ *
+ * These counters are module-level state. In SSR environments, generated IDs can
+ * become non-deterministic across requests unless the counters are reset between
+ * requests. Call `resetRadioIdCounter()` and `resetRadioGroupIdCounter()`
+ * between SSR requests when deterministic IDs are required.
+ */
+let radioIdCounter = 0;
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"generateRadioId","stability":"stable","signature":"() => string"} */
+export function generateRadioId() {
+    return `ui-radio-${++radioIdCounter}`;
+}
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"resetRadioIdCounter","stability":"stable","signature":"() => void"} */
+export function resetRadioIdCounter() {
+    radioIdCounter = 0;
+}
+let radioGroupIdCounter = 0;
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"generateRadioGroupId","stability":"stable","signature":"() => string"} */
+export function generateRadioGroupId() {
+    return `ui-radio-group-${++radioGroupIdCounter}`;
+}
+/** @codexApi {"parent":"pithy.ui-kit.shared-radio","name":"resetRadioGroupIdCounter","stability":"stable","signature":"() => void"} */
+export function resetRadioGroupIdCounter() {
+    radioGroupIdCounter = 0;
+}
+//# sourceMappingURL=radio.js.map

package/dist/shared/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../src/shared/radio.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAE3G;;;;;;;;GAQG;AAEH,IAAI,cAAc,GAAG,CAAC,CAAC;AAEvB,gIAAgI;AAChI,MAAM,UAAU,eAAe;IAC7B,OAAO,YAAY,EAAE,cAAc,EAAE,CAAC;AACxC,CAAC;AAED,kIAAkI;AAClI,MAAM,UAAU,mBAAmB;IACjC,cAAc,GAAG,CAAC,CAAC;AACrB,CAAC;AAED,IAAI,mBAAmB,GAAG,CAAC,CAAC;AAE5B,qIAAqI;AACrI,MAAM,UAAU,oBAAoB;IAClC,OAAO,kBAAkB,EAAE,mBAAmB,EAAE,CAAC;AACnD,CAAC;AAED,uIAAuI;AACvI,MAAM,UAAU,wBAAwB;IACtC,mBAAmB,GAAG,CAAC,CAAC;AAC1B,CAAC"}