@askrjs/themes 0.0.3 → 0.0.4

package/templates/theme/styles/shell/theme.css

@@ -14,16 +14,18 @@
 
 :where([data-slot="theme-picker"]) {
   display: inline-flex;
-  min-height: 2.5rem;
-  min-width: 8rem;
-  padding-inline: 0.85rem 2.1rem;
-  border: 1px solid color-mix(in srgb, var(--ak-color-border) 84%, white 16%);
+  min-block-size: var(--ak-density-control-height-md);
+  min-inline-size: min(8rem, 100%);
+  max-inline-size: 100%;
+  padding-inline: var(--ak-density-control-padding-x-md) 2.1rem;
+  border: 1px solid color-mix(in srgb, var(--ak-color-border) 84%, var(--ak-color-surface) 16%);
   border-radius: var(--ak-radius-md);
   background: var(--ak-color-surface);
   color: var(--ak-color-text);
   font: inherit;
   font-size: var(--ak-font-size-sm);
   line-height: 1;
+  text-overflow: ellipsis;
   box-shadow: var(--ak-shadow-sm);
 }
 
@@ -31,5 +33,5 @@
   outline: none;
   box-shadow:
     0 0 0 1px var(--ak-color-surface),
-    0 0 0 4px var(--ak-color-focus-ring);
+    0 0 0 calc(var(--ak-focus-ring-width) + 1px) var(--ak-color-focus-ring);
 }

package/templates/theme/tokens.css

@@ -18,8 +18,8 @@
   --ak-font-size-xl: 1.25rem;
   --ak-font-size-2xl: 1.5rem;
   --ak-font-size-3xl: 1.75rem;
-  --ak-font-size-heading: clamp(1.2rem, 1.05rem + 0.72vw, 1.75rem);
-  --ak-font-size-display: clamp(2.2rem, 1.55rem + 2.35vw, 3.55rem);
+  --ak-font-size-heading: clamp(1.25rem, 1.08rem + 0.62vw, 1.75rem);
+  --ak-font-size-display: clamp(2.35rem, 1.7rem + 2.05vw, 3.65rem);
 
   --ak-font-weight-light: 300;
   --ak-font-weight-regular: 400;
@@ -28,8 +28,8 @@
   --ak-font-weight-bold: 700;
 
   --ak-line-height-tight: 1.15;
-  --ak-line-height-normal: 1.55;
-  --ak-line-height-relaxed: 1.7;
+  --ak-line-height-normal: 1.5;
+  --ak-line-height-relaxed: 1.68;
 
   --ak-type-1-size: 0.75rem;
   --ak-type-1-line-height: 1rem;
@@ -52,13 +52,14 @@
   --ak-type-7-size: 2rem;
   --ak-type-7-line-height: 2.35rem;
   --ak-type-7-letter-spacing: -0.03em;
-  --ak-type-8-size: 2.75rem;
-  --ak-type-8-line-height: 2.95rem;
-  --ak-type-8-letter-spacing: -0.04em;
-  --ak-type-9-size: 4.75rem;
-  --ak-type-9-line-height: 4.65rem;
-  --ak-type-9-letter-spacing: -0.055em;
-
+  --ak-type-8-size: 2.625rem;
+  --ak-type-8-line-height: 2.85rem;
+  --ak-type-8-letter-spacing: -0.032em;
+  --ak-type-9-size: 4.25rem;
+  --ak-type-9-line-height: 4.2rem;
+  --ak-type-9-letter-spacing: -0.045em;
+
+  /* Semantic spacing is the authored scale. Numeric steps are compatibility aliases. */
   --ak-space-xs: 0.25rem;
   --ak-space-sm: 0.5rem;
   --ak-space-md: 0.875rem;
@@ -66,28 +67,29 @@
   --ak-space-xl: 1.5rem;
   --ak-space-2xl: 2.25rem;
   --ak-space-3xl: 3.5rem;
-  --ak-space-1: 0.25rem;
-  --ak-space-2: 0.5rem;
+  --ak-space-1: var(--ak-space-xs);
+  --ak-space-2: var(--ak-space-sm);
   --ak-space-3: 0.75rem;
-  --ak-space-4: 1rem;
-  --ak-space-5: 1.5rem;
-  --ak-space-6: 2rem;
+  --ak-space-4: var(--ak-space-md);
+  --ak-space-5: var(--ak-space-xl);
+  --ak-space-6: var(--ak-space-2xl);
   --ak-space-7: 2.5rem;
-  --ak-space-8: 3rem;
+  --ak-space-8: var(--ak-space-3xl);
   --ak-space-9: 4rem;
 
   --ak-radius-sm: 6px;
   --ak-radius-md: 8px;
-  --ak-radius-lg: 12px;
-  --ak-radius-xl: 18px;
+  --ak-radius-lg: 10px;
+  --ak-radius-xl: 14px;
   --ak-radius-round: 9999px;
 
   --ak-border-width-sm: 1px;
   --ak-border-width-md: 2px;
-  --ak-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04), 0 0 0 1px rgba(15, 23, 42, 0.03);
-  --ak-shadow-md: 0 10px 30px -18px rgba(15, 23, 42, 0.18), 0 2px 8px rgba(15, 23, 42, 0.06);
-  --ak-shadow-lg: 0 24px 64px -32px rgba(15, 23, 42, 0.24), 0 8px 24px rgba(15, 23, 42, 0.08);
-  --ak-focus-ring-width: 3px;
+  --ak-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.08), 0 1px 1px rgba(15, 23, 42, 0.04);
+  --ak-shadow-md: 0 16px 36px -24px rgba(15, 23, 42, 0.36), 0 4px 12px -8px rgba(15, 23, 42, 0.18);
+  --ak-shadow-lg:
+    0 28px 72px -36px rgba(15, 23, 42, 0.48), 0 12px 30px -18px rgba(15, 23, 42, 0.28);
+  --ak-focus-ring-width: 2px;
   --ak-focus-ring-offset: 2px;
   --ak-duration-fast: 160ms;
   --ak-duration-normal: 220ms;
@@ -113,16 +115,18 @@
   --ak-layout-sidebar-width-lg: 20rem;
   --ak-layout-sidebar-width-xl: 23rem;
   --ak-layout-sidebar-width: 17rem;
+  --ak-layout-sidebar-rail-width: 4.5rem;
+  --ak-layout-mobile-drawer-width: 22rem;
   --ak-layout-content-max-width: 80rem;
   --ak-layout-page-gutter: clamp(1rem, 0.7rem + 1.25vw, 1.75rem);
-  --ak-layout-panel-padding: clamp(1rem, 0.88rem + 0.55vw, 1.35rem);
+  --ak-layout-panel-padding: clamp(0.9rem, 0.78rem + 0.45vw, 1.2rem);
   --ak-container-inline-size: 100%;
   --ak-density-control-height-sm: 2rem;
-  --ak-density-control-height-md: 2.5rem;
-  --ak-density-control-height-lg: 2.9rem;
-  --ak-density-control-padding-x-sm: 0.8rem;
-  --ak-density-control-padding-x-md: 1rem;
-  --ak-density-control-padding-x-lg: 1.15rem;
+  --ak-density-control-height-md: 2.375rem;
+  --ak-density-control-height-lg: 2.75rem;
+  --ak-density-control-padding-x-sm: 0.75rem;
+  --ak-density-control-padding-x-md: 0.95rem;
+  --ak-density-control-padding-x-lg: 1.1rem;
   --ak-container-1: 30rem;
   --ak-container-2: 42rem;
   --ak-container-3: 58rem;
@@ -140,6 +144,57 @@
   --ak-z-popover: 1500;
   --ak-z-toast: 1550;
   --ak-z-tooltip: 1600;
+
+  --ak-dark-color-primary: #60a5fa;
+  --ak-dark-color-primary-hover: #7ab8ff;
+  --ak-dark-color-primary-active: #4d92ef;
+  --ak-dark-color-primary-soft: rgba(96, 165, 250, 0.2);
+  --ak-dark-color-primary-ink: #dcedff;
+
+  --ak-dark-color-text: #edf3ff;
+  --ak-dark-color-text-muted: #a9b7cc;
+  --ak-dark-color-text-subtle: #8090a8;
+  --ak-dark-color-text-inverse: #0e1320;
+
+  --ak-dark-color-bg: #0f1420;
+  --ak-dark-color-surface: #171d2b;
+  --ak-dark-color-surface-muted: #20283a;
+  --ak-dark-color-surface-raised: #263249;
+  --ak-dark-color-surface-overlay: rgba(23, 29, 43, 0.88);
+
+  --ak-dark-color-border-subtle: #2a3449;
+  --ak-dark-color-border: #38445c;
+  --ak-dark-color-border-strong: #59698a;
+
+  --ak-dark-color-success: #4ade80;
+  --ak-dark-color-success-soft: rgba(74, 222, 128, 0.18);
+  --ak-dark-color-success-ink: #dcfce7;
+  --ak-dark-color-warning: #fbbf24;
+  --ak-dark-color-warning-soft: rgba(251, 191, 36, 0.18);
+  --ak-dark-color-warning-ink: #fef3c7;
+  --ak-dark-color-danger: #fb7185;
+  --ak-dark-color-danger-soft: rgba(251, 113, 133, 0.18);
+  --ak-dark-color-danger-ink: #ffe4e6;
+  --ak-dark-color-info: #38bdf8;
+  --ak-dark-color-info-soft: rgba(56, 189, 248, 0.18);
+  --ak-dark-color-info-ink: #e0f2fe;
+
+  --ak-dark-color-link: var(--ak-dark-color-primary);
+  --ak-dark-color-link-hover: var(--ak-dark-color-primary-hover);
+  --ak-dark-color-focus-ring: rgba(96, 165, 250, 0.22);
+  --ak-dark-color-disabled-bg: #1e2737;
+  --ak-dark-color-disabled-surface: #171d2b;
+  --ak-dark-color-disabled-border: #2f3b50;
+  --ak-dark-color-disabled-text: #74849d;
+  --ak-dark-color-selected: rgba(110, 168, 254, 0.15);
+  --ak-dark-color-selected-border: #60a5fa;
+  --ak-dark-color-hover: rgba(237, 243, 255, 0.06);
+  --ak-dark-color-active: rgba(237, 243, 255, 0.12);
+  --ak-dark-color-backdrop: rgba(2, 6, 12, 0.66);
+
+  --ak-dark-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.32), 0 0 0 1px rgba(255, 255, 255, 0.03);
+  --ak-dark-shadow-md: 0 16px 40px -24px rgba(0, 0, 0, 0.64), 0 4px 14px -8px rgba(0, 0, 0, 0.42);
+  --ak-dark-shadow-lg: 0 30px 78px -38px rgba(0, 0, 0, 0.72), 0 14px 34px -20px rgba(0, 0, 0, 0.52);
 }
 
 :root,
@@ -178,8 +233,8 @@
   --ak-color-info-soft: rgba(14, 165, 233, 0.16);
   --ak-color-info-ink: #0c4a6e;
 
-  --ak-color-link: var(--ak-color-primary);
-  --ak-color-link-hover: var(--ak-color-primary-hover);
+  --ak-color-link: #1d4ed8;
+  --ak-color-link-hover: #1e40af;
   --ak-color-focus-ring: rgba(37, 99, 235, 0.18);
   --ak-color-disabled-bg: #ecf0f7;
   --ak-color-disabled-surface: #f7f9fc;
@@ -198,52 +253,56 @@
 }
 
 [data-theme="dark"] {
-  --ak-color-primary: #60a5fa;
-  --ak-color-primary-hover: #7ab8ff;
-  --ak-color-primary-active: #4d92ef;
-  --ak-color-primary-soft: rgba(96, 165, 250, 0.2);
-  --ak-color-primary-ink: #dcedff;
-
-  --ak-color-text: #edf3ff;
-  --ak-color-text-muted: #a9b7cc;
-  --ak-color-text-subtle: #8090a8;
-  --ak-color-text-inverse: #0e1320;
-
-  --ak-color-bg: #0f1420;
-  --ak-color-surface: #171d2b;
-  --ak-color-surface-muted: #20283a;
-  --ak-color-surface-raised: #263249;
-  --ak-color-surface-overlay: rgba(23, 29, 43, 0.88);
-
-  --ak-color-border-subtle: #2a3449;
-  --ak-color-border: #38445c;
-  --ak-color-border-strong: #59698a;
-
-  --ak-color-success: #4ade80;
-  --ak-color-success-soft: rgba(74, 222, 128, 0.18);
-  --ak-color-success-ink: #dcfce7;
-  --ak-color-warning: #fbbf24;
-  --ak-color-warning-soft: rgba(251, 191, 36, 0.18);
-  --ak-color-warning-ink: #fef3c7;
-  --ak-color-danger: #fb7185;
-  --ak-color-danger-soft: rgba(251, 113, 133, 0.18);
-  --ak-color-danger-ink: #ffe4e6;
-  --ak-color-info: #38bdf8;
-  --ak-color-info-soft: rgba(56, 189, 248, 0.18);
-  --ak-color-info-ink: #e0f2fe;
-
-  --ak-color-link: var(--ak-color-primary);
-  --ak-color-link-hover: var(--ak-color-primary-hover);
-  --ak-color-focus-ring: rgba(96, 165, 250, 0.22);
-  --ak-color-disabled-bg: #1e2737;
-  --ak-color-disabled-surface: #171d2b;
-  --ak-color-disabled-border: #2f3b50;
-  --ak-color-disabled-text: #74849d;
-  --ak-color-selected: rgba(110, 168, 254, 0.15);
-  --ak-color-selected-border: #60a5fa;
-  --ak-color-hover: rgba(237, 243, 255, 0.06);
-  --ak-color-active: rgba(237, 243, 255, 0.12);
-  --ak-color-backdrop: rgba(2, 6, 12, 0.66);
+  --ak-color-primary: var(--ak-dark-color-primary);
+  --ak-color-primary-hover: var(--ak-dark-color-primary-hover);
+  --ak-color-primary-active: var(--ak-dark-color-primary-active);
+  --ak-color-primary-soft: var(--ak-dark-color-primary-soft);
+  --ak-color-primary-ink: var(--ak-dark-color-primary-ink);
+
+  --ak-color-text: var(--ak-dark-color-text);
+  --ak-color-text-muted: var(--ak-dark-color-text-muted);
+  --ak-color-text-subtle: var(--ak-dark-color-text-subtle);
+  --ak-color-text-inverse: var(--ak-dark-color-text-inverse);
+
+  --ak-color-bg: var(--ak-dark-color-bg);
+  --ak-color-surface: var(--ak-dark-color-surface);
+  --ak-color-surface-muted: var(--ak-dark-color-surface-muted);
+  --ak-color-surface-raised: var(--ak-dark-color-surface-raised);
+  --ak-color-surface-overlay: var(--ak-dark-color-surface-overlay);
+
+  --ak-color-border-subtle: var(--ak-dark-color-border-subtle);
+  --ak-color-border: var(--ak-dark-color-border);
+  --ak-color-border-strong: var(--ak-dark-color-border-strong);
+
+  --ak-color-success: var(--ak-dark-color-success);
+  --ak-color-success-soft: var(--ak-dark-color-success-soft);
+  --ak-color-success-ink: var(--ak-dark-color-success-ink);
+  --ak-color-warning: var(--ak-dark-color-warning);
+  --ak-color-warning-soft: var(--ak-dark-color-warning-soft);
+  --ak-color-warning-ink: var(--ak-dark-color-warning-ink);
+  --ak-color-danger: var(--ak-dark-color-danger);
+  --ak-color-danger-soft: var(--ak-dark-color-danger-soft);
+  --ak-color-danger-ink: var(--ak-dark-color-danger-ink);
+  --ak-color-info: var(--ak-dark-color-info);
+  --ak-color-info-soft: var(--ak-dark-color-info-soft);
+  --ak-color-info-ink: var(--ak-dark-color-info-ink);
+
+  --ak-color-link: var(--ak-dark-color-link);
+  --ak-color-link-hover: var(--ak-dark-color-link-hover);
+  --ak-color-focus-ring: var(--ak-dark-color-focus-ring);
+  --ak-color-disabled-bg: var(--ak-dark-color-disabled-bg);
+  --ak-color-disabled-surface: var(--ak-dark-color-disabled-surface);
+  --ak-color-disabled-border: var(--ak-dark-color-disabled-border);
+  --ak-color-disabled-text: var(--ak-dark-color-disabled-text);
+  --ak-color-selected: var(--ak-dark-color-selected);
+  --ak-color-selected-border: var(--ak-dark-color-selected-border);
+  --ak-color-hover: var(--ak-dark-color-hover);
+  --ak-color-active: var(--ak-dark-color-active);
+  --ak-color-backdrop: var(--ak-dark-color-backdrop);
+
+  --ak-shadow-sm: var(--ak-dark-shadow-sm);
+  --ak-shadow-md: var(--ak-dark-shadow-md);
+  --ak-shadow-lg: var(--ak-dark-shadow-lg);
 
   --ak-color-fg: var(--ak-color-text);
   --ak-color-muted: var(--ak-color-text-muted);
@@ -261,52 +320,56 @@
 
 @media (prefers-color-scheme: dark) {
   :root:not([data-theme]) {
-    --ak-color-primary: #60a5fa;
-    --ak-color-primary-hover: #7ab8ff;
-    --ak-color-primary-active: #4d92ef;
-    --ak-color-primary-soft: rgba(96, 165, 250, 0.2);
-    --ak-color-primary-ink: #dcedff;
-
-    --ak-color-text: #edf3ff;
-    --ak-color-text-muted: #a9b7cc;
-    --ak-color-text-subtle: #8090a8;
-    --ak-color-text-inverse: #0e1320;
-
-    --ak-color-bg: #0f1420;
-    --ak-color-surface: #171d2b;
-    --ak-color-surface-muted: #20283a;
-    --ak-color-surface-raised: #263249;
-    --ak-color-surface-overlay: rgba(23, 29, 43, 0.88);
-
-    --ak-color-border-subtle: #2a3449;
-    --ak-color-border: #38445c;
-    --ak-color-border-strong: #59698a;
-
-    --ak-color-success: #4ade80;
-    --ak-color-success-soft: rgba(74, 222, 128, 0.18);
-    --ak-color-success-ink: #dcfce7;
-    --ak-color-warning: #fbbf24;
-    --ak-color-warning-soft: rgba(251, 191, 36, 0.18);
-    --ak-color-warning-ink: #fef3c7;
-    --ak-color-danger: #fb7185;
-    --ak-color-danger-soft: rgba(251, 113, 133, 0.18);
-    --ak-color-danger-ink: #ffe4e6;
-    --ak-color-info: #38bdf8;
-    --ak-color-info-soft: rgba(56, 189, 248, 0.18);
-    --ak-color-info-ink: #e0f2fe;
-
-    --ak-color-link: var(--ak-color-primary);
-    --ak-color-link-hover: var(--ak-color-primary-hover);
-    --ak-color-focus-ring: rgba(96, 165, 250, 0.22);
-    --ak-color-disabled-bg: #1e2737;
-    --ak-color-disabled-surface: #171d2b;
-    --ak-color-disabled-border: #2f3b50;
-    --ak-color-disabled-text: #74849d;
-    --ak-color-selected: rgba(110, 168, 254, 0.15);
-    --ak-color-selected-border: #60a5fa;
-    --ak-color-hover: rgba(237, 243, 255, 0.06);
-    --ak-color-active: rgba(237, 243, 255, 0.12);
-    --ak-color-backdrop: rgba(2, 6, 12, 0.66);
+    --ak-color-primary: var(--ak-dark-color-primary);
+    --ak-color-primary-hover: var(--ak-dark-color-primary-hover);
+    --ak-color-primary-active: var(--ak-dark-color-primary-active);
+    --ak-color-primary-soft: var(--ak-dark-color-primary-soft);
+    --ak-color-primary-ink: var(--ak-dark-color-primary-ink);
+
+    --ak-color-text: var(--ak-dark-color-text);
+    --ak-color-text-muted: var(--ak-dark-color-text-muted);
+    --ak-color-text-subtle: var(--ak-dark-color-text-subtle);
+    --ak-color-text-inverse: var(--ak-dark-color-text-inverse);
+
+    --ak-color-bg: var(--ak-dark-color-bg);
+    --ak-color-surface: var(--ak-dark-color-surface);
+    --ak-color-surface-muted: var(--ak-dark-color-surface-muted);
+    --ak-color-surface-raised: var(--ak-dark-color-surface-raised);
+    --ak-color-surface-overlay: var(--ak-dark-color-surface-overlay);
+
+    --ak-color-border-subtle: var(--ak-dark-color-border-subtle);
+    --ak-color-border: var(--ak-dark-color-border);
+    --ak-color-border-strong: var(--ak-dark-color-border-strong);
+
+    --ak-color-success: var(--ak-dark-color-success);
+    --ak-color-success-soft: var(--ak-dark-color-success-soft);
+    --ak-color-success-ink: var(--ak-dark-color-success-ink);
+    --ak-color-warning: var(--ak-dark-color-warning);
+    --ak-color-warning-soft: var(--ak-dark-color-warning-soft);
+    --ak-color-warning-ink: var(--ak-dark-color-warning-ink);
+    --ak-color-danger: var(--ak-dark-color-danger);
+    --ak-color-danger-soft: var(--ak-dark-color-danger-soft);
+    --ak-color-danger-ink: var(--ak-dark-color-danger-ink);
+    --ak-color-info: var(--ak-dark-color-info);
+    --ak-color-info-soft: var(--ak-dark-color-info-soft);
+    --ak-color-info-ink: var(--ak-dark-color-info-ink);
+
+    --ak-color-link: var(--ak-dark-color-link);
+    --ak-color-link-hover: var(--ak-dark-color-link-hover);
+    --ak-color-focus-ring: var(--ak-dark-color-focus-ring);
+    --ak-color-disabled-bg: var(--ak-dark-color-disabled-bg);
+    --ak-color-disabled-surface: var(--ak-dark-color-disabled-surface);
+    --ak-color-disabled-border: var(--ak-dark-color-disabled-border);
+    --ak-color-disabled-text: var(--ak-dark-color-disabled-text);
+    --ak-color-selected: var(--ak-dark-color-selected);
+    --ak-color-selected-border: var(--ak-dark-color-selected-border);
+    --ak-color-hover: var(--ak-dark-color-hover);
+    --ak-color-active: var(--ak-dark-color-active);
+    --ak-color-backdrop: var(--ak-dark-color-backdrop);
+
+    --ak-shadow-sm: var(--ak-dark-shadow-sm);
+    --ak-shadow-md: var(--ak-dark-shadow-md);
+    --ak-shadow-lg: var(--ak-dark-shadow-lg);
 
     --ak-color-fg: var(--ak-color-text);
     --ak-color-muted: var(--ak-color-text-muted);

package/dist/_internal/box-layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"box-layout.js","names":[],"sources":["../../src/components/_internal/box-layout.ts"],"sourcesContent":["import { mergeLayoutStyles, resolveSpaceValue, setResponsiveStyleVar } from \"./layout\";\nimport type { BoxLayoutOwnProps } from \"../box/box.types\";\n\nconst SPACE_PROP_KEYS = new Set([\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"inset\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n  \"left\",\n]);\n\nconst BOX_PROP_KEYS = new Set<keyof BoxLayoutOwnProps>([\n  \"display\",\n  \"m\",\n  \"mx\",\n  \"my\",\n  \"mt\",\n  \"mr\",\n  \"mb\",\n  \"ml\",\n  \"p\",\n  \"px\",\n  \"py\",\n  \"pt\",\n  \"pr\",\n  \"pb\",\n  \"pl\",\n  \"width\",\n  \"minWidth\",\n  \"maxWidth\",\n  \"height\",\n  \"minHeight\",\n  \"maxHeight\",\n  \"position\",\n  \"inset\",\n  \"top\",\n  \"right\",\n  \"bottom\",\n  \"left\",\n  \"overflow\",\n  \"overflowX\",\n  \"overflowY\",\n  \"flexBasis\",\n  \"flexGrow\",\n  \"flexShrink\",\n  \"gridArea\",\n  \"gridColumn\",\n  \"gridColumnStart\",\n  \"gridColumnEnd\",\n  \"gridRow\",\n  \"gridRowStart\",\n  \"gridRowEnd\",\n]);\n\nfunction variableNameForProp(prop: keyof BoxLayoutOwnProps): string {\n  switch (prop) {\n    case \"overflowX\":\n      return \"overflow-x\";\n    case \"overflowY\":\n      return \"overflow-y\";\n    case \"minWidth\":\n      return \"min-width\";\n    case \"maxWidth\":\n      return \"max-width\";\n    case \"minHeight\":\n      return \"min-height\";\n    case \"maxHeight\":\n      return \"max-height\";\n    case \"flexBasis\":\n      return \"flex-basis\";\n    case \"flexGrow\":\n      return \"flex-grow\";\n    case \"flexShrink\":\n      return \"flex-shrink\";\n    case \"gridArea\":\n      return \"grid-area\";\n    case \"gridColumn\":\n      return \"grid-column\";\n    case \"gridColumnStart\":\n      return \"grid-column-start\";\n    case \"gridColumnEnd\":\n      return \"grid-column-end\";\n    case \"gridRow\":\n      return \"grid-row\";\n    case \"gridRowStart\":\n      return \"grid-row-start\";\n    case \"gridRowEnd\":\n      return \"grid-row-end\";\n    default:\n      return prop;\n  }\n}\n\nexport function splitBoxLayoutProps<T extends Record<string, unknown>>(\n  props: T,\n): {\n  boxProps: Partial<BoxLayoutOwnProps>;\n  rest: Omit<T, keyof BoxLayoutOwnProps>;\n} {\n  const boxProps: Partial<BoxLayoutOwnProps> = {};\n  const rest: Record<string, unknown> = {};\n\n  for (const [key, value] of Object.entries(props)) {\n    if (BOX_PROP_KEYS.has(key as keyof BoxLayoutOwnProps)) {\n      (boxProps as Record<string, unknown>)[key] = value;\n    } else {\n      rest[key] = value;\n    }\n  }\n\n  return { boxProps, rest: rest as Omit<T, keyof BoxLayoutOwnProps> };\n}\n\nexport function applyBoxLayoutStyles(\n  styles: Record<string, string | number>,\n  boxProps: Partial<BoxLayoutOwnProps>,\n) {\n  for (const key of BOX_PROP_KEYS) {\n    const value = boxProps[key];\n    if (value === undefined) continue;\n\n    const variable = variableNameForProp(key);\n    if (SPACE_PROP_KEYS.has(key)) {\n      setResponsiveStyleVar(styles, variable, value as string | number, resolveSpaceValue);\n      continue;\n    }\n\n    setResponsiveStyleVar(\n      styles,\n      variable,\n      value as string | number,\n      (input) => input as string | number,\n    );\n  }\n}\n\nexport function withBoxLayoutStyle(\n  styles: Record<string, string | number>,\n  userStyle: unknown,\n): string | undefined {\n  return mergeLayoutStyles(styles, userStyle);\n}\n"],"mappings":";;AAGA,MAAM,kBAAkB,IAAI,IAAI;CAC9B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,MAAM,gBAAgB,IAAI,IAA6B;CACrD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,CAAC;AAEF,SAAS,oBAAoB,MAAuC;AAClE,SAAQ,MAAR;EACE,KAAK,YACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,YACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,KAAK,kBACH,QAAO;EACT,KAAK,gBACH,QAAO;EACT,KAAK,UACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,aACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAgB,oBACd,OAIA;CACA,MAAM,WAAuC,EAAE;CAC/C,MAAM,OAAgC,EAAE;AAExC,MAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,MAAM,CAC9C,KAAI,cAAc,IAAI,IAA+B,CAClD,UAAqC,OAAO;KAE7C,MAAK,OAAO;AAIhB,QAAO;EAAE;EAAgB;EAA0C;;AAGrE,SAAgB,qBACd,QACA,UACA;AACA,MAAK,MAAM,OAAO,eAAe;EAC/B,MAAM,QAAQ,SAAS;AACvB,MAAI,UAAU,KAAA,EAAW;EAEzB,MAAM,WAAW,oBAAoB,IAAI;AACzC,MAAI,gBAAgB,IAAI,IAAI,EAAE;AAC5B,yBAAsB,QAAQ,UAAU,OAA0B,kBAAkB;AACpF;;AAGF,wBACE,QACA,UACA,QACC,UAAU,MACZ;;;AAIL,SAAgB,mBACd,QACA,WACoB;AACpB,QAAO,kBAAkB,QAAQ,UAAU"}

package/dist/_internal/classes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"classes.js","names":[],"sources":["../../src/components/_internal/classes.ts"],"sourcesContent":["export function classes(...values: Array<unknown>): string | undefined {\n  const value = values.filter((item) => typeof item === \"string\" && item.trim()).join(\" \");\n\n  return value || undefined;\n}\n"],"mappings":";AAAA,SAAgB,QAAQ,GAAG,QAA4C;AAGrE,QAFc,OAAO,QAAQ,SAAS,OAAO,SAAS,YAAY,KAAK,MAAM,CAAC,CAAC,KAAK,IAExE,IAAI,KAAA"}

package/dist/_internal/jsx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsx.js","names":[],"sources":["../../src/components/_internal/jsx.ts"],"sourcesContent":["import type { JSXElement } from \"@askrjs/askr/foundations\";\n\nexport function isJsxElement(value: unknown): value is JSXElement {\n  return typeof value === \"object\" && value !== null && \"$$typeof\" in value && \"props\" in value;\n}\n\nexport function hasJsxIntrinsicType(value: unknown, expectedType: string): value is JSXElement {\n  return isJsxElement(value) && value.type === expectedType;\n}\n\nexport function toChildArray(children: unknown): unknown[] {\n  if (Array.isArray(children)) {\n    return children;\n  }\n\n  return children === undefined || children === null ? [] : [children];\n}\n\nexport function mapJsxTree(children: unknown, mapper: (element: JSXElement) => unknown): unknown {\n  if (Array.isArray(children)) {\n    return children.map((child) => mapJsxTree(child, mapper));\n  }\n\n  if (!isJsxElement(children)) {\n    return children;\n  }\n\n  const mapped = mapper(children);\n\n  if (!isJsxElement(mapped)) {\n    return mapped;\n  }\n\n  const currentChildren = mapped.props?.children;\n  const nextChildren = mapJsxTree(currentChildren, mapper);\n\n  if (nextChildren === currentChildren) {\n    return mapped;\n  }\n\n  return {\n    ...mapped,\n    props: {\n      ...mapped.props,\n      children: nextChildren,\n    },\n  };\n}\n\nexport function collectJsxElements(\n  children: unknown,\n  predicate?: (element: JSXElement) => boolean,\n): JSXElement[] {\n  const result: JSXElement[] = [];\n\n  const visit = (value: unknown) => {\n    if (Array.isArray(value)) {\n      value.forEach(visit);\n      return;\n    }\n\n    if (!isJsxElement(value)) {\n      return;\n    }\n\n    if (!predicate || predicate(value)) {\n      result.push(value);\n    }\n\n    visit(value.props?.children);\n  };\n\n  visit(children);\n\n  return result;\n}\n\nexport function extractTextContent(value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map((entry) => extractTextContent(entry)).join(\"\");\n  }\n\n  if (\n    value === undefined ||\n    value === null ||\n    typeof value === \"boolean\" ||\n    typeof value === \"function\"\n  ) {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    return extractTextContent(value.props?.children);\n  }\n\n  return \"\";\n}\n\nexport function serializeForId(value: unknown): string {\n  if (Array.isArray(value)) {\n    return value.map((item) => serializeForId(item)).join(\"|\");\n  }\n\n  if (value === undefined || value === null || typeof value === \"boolean\") {\n    return \"\";\n  }\n\n  if (typeof value === \"string\" || typeof value === \"number\") {\n    return String(value);\n  }\n\n  if (isJsxElement(value)) {\n    const typeName =\n      typeof value.type === \"string\"\n        ? value.type\n        : typeof value.type === \"function\"\n          ? value.type.name || \"component\"\n          : \"component\";\n    const propEntries = Object.entries(value.props ?? {})\n      .filter(\n        ([key, entryValue]) =>\n          key !== \"children\" &&\n          key !== \"ref\" &&\n          !key.startsWith(\"on\") &&\n          (typeof entryValue === \"string\" ||\n            typeof entryValue === \"number\" ||\n            typeof entryValue === \"boolean\"),\n      )\n      .sort(([left], [right]) => left.localeCompare(right))\n      .map(([key, entryValue]) => `${key}:${String(entryValue)}`)\n      .join(\",\");\n\n    return `${typeName}[${propEntries}](${serializeForId(value.props?.children)})`;\n  }\n\n  return typeof value;\n}\n"],"mappings":";AAEA,SAAgB,aAAa,OAAqC;AAChE,QAAO,OAAO,UAAU,YAAY,UAAU,QAAQ,cAAc,SAAS,WAAW;;AAO1F,SAAgB,aAAa,UAA8B;AACzD,KAAI,MAAM,QAAQ,SAAS,CACzB,QAAO;AAGT,QAAO,aAAa,KAAA,KAAa,aAAa,OAAO,EAAE,GAAG,CAAC,SAAS"}

package/dist/_internal/layout.d.ts

@@ -1,9 +0,0 @@
-//#region src/components/_internal/layout.d.ts
-/**
- * Layout helpers shared by headless layout primitives.
- */
-type LayoutBreakpoint = "initial" | "sm" | "md" | "lg" | "xl";
-type ResponsiveValue<T> = T | Partial<Record<LayoutBreakpoint, T>>;
-//#endregion
-export { ResponsiveValue };
-//# sourceMappingURL=layout.d.ts.map

package/dist/_internal/layout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.js","names":[],"sources":["../../src/components/_internal/layout.ts"],"sourcesContent":["/**\n * Layout helpers shared by headless layout primitives.\n */\n\nexport type LayoutBreakpoint = \"initial\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type ResponsiveValue<T> = T | Partial<Record<LayoutBreakpoint, T>>;\n\nconst BREAKPOINTS: readonly LayoutBreakpoint[] = [\"initial\", \"sm\", \"md\", \"lg\", \"xl\"];\n\n/** Units and patterns that identify a concrete CSS length value. */\nconst CSS_UNIT_RE =\n  /^-?[\\d.]+(%|px|em|rem|ex|ch|ic|lh|rlh|vw|vh|vmin|vmax|svw|svh|dvw|dvh|cqw|cqh|cqi|cqb|fr|cm|mm|in|pt|pc|Q)$/;\n\nconst SPACE_TOKEN_MAP: Record<string, string> = {\n  \"1\": \"var(--ak-space-1)\",\n  \"2\": \"var(--ak-space-2)\",\n  \"3\": \"var(--ak-space-3)\",\n  \"4\": \"var(--ak-space-4)\",\n  \"5\": \"var(--ak-space-5)\",\n  \"6\": \"var(--ak-space-6)\",\n  \"7\": \"var(--ak-space-7)\",\n  \"8\": \"var(--ak-space-8)\",\n  \"9\": \"var(--ak-space-9)\",\n  xs: \"var(--ak-space-xs)\",\n  sm: \"var(--ak-space-sm)\",\n  md: \"var(--ak-space-md)\",\n  lg: \"var(--ak-space-lg)\",\n  xl: \"var(--ak-space-xl)\",\n  \"2xl\": \"var(--ak-space-2xl)\",\n  \"3xl\": \"var(--ak-space-3xl)\",\n};\n\nconst CONTAINER_SIZE_MAP: Record<string, string> = {\n  \"1\": \"var(--ak-container-1)\",\n  \"2\": \"var(--ak-container-2)\",\n  \"3\": \"var(--ak-container-3)\",\n  \"4\": \"var(--ak-container-4)\",\n  sm: \"var(--ak-container-1)\",\n  md: \"var(--ak-container-2)\",\n  lg: \"var(--ak-container-3)\",\n  xl: \"var(--ak-container-4)\",\n};\n\nconst SECTION_SIZE_MAP: Record<string, string> = {\n  \"1\": \"var(--ak-section-1)\",\n  \"2\": \"var(--ak-section-2)\",\n  \"3\": \"var(--ak-section-3)\",\n  \"4\": \"var(--ak-section-4)\",\n};\n\n/**\n * Returns true when `value` is a concrete CSS length/size that can be applied\n * directly as an inline style.\n */\nexport function isCssLength(value: unknown): value is string {\n  if (typeof value !== \"string\") return false;\n  const v = value.trim();\n  if (v === \"0\") return true;\n  if (CSS_UNIT_RE.test(v)) return true;\n  // CSS functions: calc(), min(), max(), clamp(), fit-content(), env(), var()\n  if (/^[a-z][a-z-]*\\(/.test(v)) return true;\n  return false;\n}\n\nexport function isResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): value is Partial<Record<LayoutBreakpoint, T>> {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) return false;\n  return BREAKPOINTS.some((breakpoint) => breakpoint in value);\n}\n\nexport function normalizeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): Partial<Record<LayoutBreakpoint, T>> | undefined {\n  if (value === undefined) return undefined;\n  if (isResponsiveValue(value)) return value;\n  return { initial: value };\n}\n\nexport function serializeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): string | undefined {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return undefined;\n\n  return BREAKPOINTS.map((breakpoint) => {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) return \"\";\n    return `${breakpoint}:${String(breakpointValue)}`;\n  })\n    .filter(Boolean)\n    .join(\"|\");\n}\n\nexport function serializeResponsiveValueIf<T>(\n  value: ResponsiveValue<T> | undefined,\n  predicate: (value: T) => boolean,\n): string | undefined {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return undefined;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) continue;\n    if (!predicate(breakpointValue)) return undefined;\n  }\n\n  return serializeResponsiveValue(value);\n}\n\nexport function serializeValueIf<T>(\n  value: T | undefined,\n  predicate: (value: T) => boolean,\n): string | undefined {\n  if (value === undefined || !predicate(value)) return undefined;\n  return String(value);\n}\n\nexport function setResponsiveStyleVar<T>(\n  styles: Record<string, string | number>,\n  variable: string,\n  value: ResponsiveValue<T> | undefined,\n  resolve: (value: T) => string | number | undefined = (input) =>\n    input as string | number | undefined,\n) {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) continue;\n    const resolved = resolve(breakpointValue);\n    if (resolved === undefined || resolved === null || resolved === \"\") continue;\n    styles[`--ak-${variable}-${breakpoint}`] = resolved;\n  }\n}\n\nexport function resolveSpaceValue(value: string | number): string | number {\n  if (typeof value === \"number\") return String(value);\n  const trimmed = value.trim();\n  return SPACE_TOKEN_MAP[trimmed] ?? trimmed;\n}\n\nexport function resolveContainerSizeValue(value: string): string {\n  const trimmed = value.trim();\n  return CONTAINER_SIZE_MAP[trimmed] ?? trimmed;\n}\n\nexport function resolveSectionSizeValue(value: string): string {\n  const trimmed = value.trim();\n  return SECTION_SIZE_MAP[trimmed] ?? trimmed;\n}\n\nexport function resolveGridTrackValue(value: string | number): string {\n  if (typeof value === \"number\") {\n    return `repeat(${value}, minmax(0, 1fr))`;\n  }\n\n  const trimmed = value.trim();\n  if (/^\\d+$/.test(trimmed)) {\n    return `repeat(${trimmed}, minmax(0, 1fr))`;\n  }\n\n  return trimmed;\n}\n\nexport function resolveJustifyValue(value: string): string {\n  const trimmed = value.trim();\n  if (trimmed === \"between\") return \"space-between\";\n  if (trimmed === \"start\") return \"flex-start\";\n  if (trimmed === \"end\") return \"flex-end\";\n  return trimmed;\n}\n\nexport function resolveAlignValue(value: string): string {\n  const trimmed = value.trim();\n  if (trimmed === \"start\") return \"flex-start\";\n  if (trimmed === \"end\") return \"flex-end\";\n  return trimmed;\n}\n\nexport function resolveInlineAlignValue(value: \"left\" | \"center\" | \"right\"): {\n  marginLeft?: string;\n  marginRight?: string;\n} {\n  if (value === \"left\") return { marginLeft: \"0\", marginRight: \"auto\" };\n  if (value === \"right\") return { marginLeft: \"auto\", marginRight: \"0\" };\n  return { marginLeft: \"auto\", marginRight: \"auto\" };\n}\n\n/**\n * Merges a record of computed layout styles with a user-supplied `style` prop.\n * The user's styles take precedence for conflicting keys.\n */\nexport function mergeLayoutStyles(\n  layout: Record<string, string | number>,\n  user: unknown,\n): string | undefined {\n  const merged: Record<string, unknown> = { ...layout };\n\n  if (user !== null && user !== undefined && typeof user === \"object\") {\n    Object.assign(merged, user as Record<string, unknown>);\n  }\n\n  const mergedString = objectToCssString(merged);\n\n  if (typeof user === \"string\" && user.trim()) {\n    return mergedString ? `${mergedString};${user.trim()}` : user.trim();\n  }\n\n  return mergedString || undefined;\n}\n\nfunction camelToKebab(s: string): string {\n  return s.replace(/([A-Z])/g, (c) => `-${c.toLowerCase()}`);\n}\n\nfunction objectToCssString(styles: Record<string, unknown>): string {\n  return Object.entries(styles)\n    .filter(([, value]) => value !== undefined && value !== null)\n    .map(([key, value]) => `${camelToKebab(key)}:${String(value)}`)\n    .join(\";\");\n}\n"],"mappings":"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"}

package/dist/_internal/merge-props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"merge-props.js","names":[],"sources":["../../src/components/_internal/merge-props.ts"],"sourcesContent":["type Handler = (...args: readonly unknown[]) => void;\ntype Ref<T> = { current: T | null } | ((value: T | null) => void) | null | undefined;\n\nfunction isEventHandlerKey(key: string): boolean {\n  return key.startsWith(\"on\");\n}\n\nfunction isDefaultPrevented(value: unknown): value is { defaultPrevented: true } {\n  return (\n    typeof value === \"object\" &&\n    value !== null &&\n    \"defaultPrevented\" in value &&\n    (value as { defaultPrevented?: boolean }).defaultPrevented === true\n  );\n}\n\nfunction composeHandlers(first: Handler, second: Handler): Handler {\n  return (...args) => {\n    first(...args);\n\n    if (isDefaultPrevented(args[0])) {\n      return;\n    }\n\n    second(...args);\n  };\n}\n\nfunction setRef<T>(ref: Ref<T>, value: T | null): void {\n  if (!ref) return;\n\n  if (typeof ref === \"function\") {\n    ref(value);\n    return;\n  }\n\n  if (Object.isExtensible(ref)) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\nfunction composeRefs<T>(...refs: Array<Ref<T>>): (value: T | null) => void {\n  return (value: T | null) => {\n    for (const ref of refs) {\n      setRef(ref, value);\n    }\n  };\n}\n\nexport function mergeProps<TBase extends object, TInjected extends object>(\n  base: TBase,\n  injected: TInjected,\n): TInjected & TBase {\n  const baseKeys = Object.keys(base);\n  if (baseKeys.length === 0) {\n    return injected as TInjected & TBase;\n  }\n\n  const out = { ...(injected as object) } as TInjected & TBase;\n\n  for (const key of baseKeys as Array<Extract<keyof TBase, string>>) {\n    const baseValue = (base as Record<string, unknown>)[key];\n    const injectedValue = (injected as Record<string, unknown>)[key];\n\n    if (key === \"ref\") {\n      (out as Record<string, unknown>)[key] = composeRefs(\n        injectedValue as Ref<unknown>,\n        baseValue as Ref<unknown>,\n      );\n      continue;\n    }\n\n    if (\n      isEventHandlerKey(key) &&\n      typeof baseValue === \"function\" &&\n      typeof injectedValue === \"function\"\n    ) {\n      (out as Record<string, unknown>)[key] = composeHandlers(\n        injectedValue as Handler,\n        baseValue as Handler,\n      );\n      continue;\n    }\n\n    (out as Record<string, unknown>)[key] = baseValue;\n  }\n\n  return out;\n}\n"],"mappings":";AAGA,SAAS,kBAAkB,KAAsB;AAC/C,QAAO,IAAI,WAAW,KAAK;;AAG7B,SAAS,mBAAmB,OAAqD;AAC/E,QACE,OAAO,UAAU,YACjB,UAAU,QACV,sBAAsB,SACrB,MAAyC,qBAAqB;;AAInE,SAAS,gBAAgB,OAAgB,QAA0B;AACjE,SAAQ,GAAG,SAAS;AAClB,QAAM,GAAG,KAAK;AAEd,MAAI,mBAAmB,KAAK,GAAG,CAC7B;AAGF,SAAO,GAAG,KAAK;;;AAInB,SAAS,OAAU,KAAa,OAAuB;AACrD,KAAI,CAAC,IAAK;AAEV,KAAI,OAAO,QAAQ,YAAY;AAC7B,MAAI,MAAM;AACV;;AAGF,KAAI,OAAO,aAAa,IAAI,CACzB,KAA8B,UAAU;;AAI7C,SAAS,YAAe,GAAG,MAAgD;AACzE,SAAQ,UAAoB;AAC1B,OAAK,MAAM,OAAO,KAChB,QAAO,KAAK,MAAM;;;AAKxB,SAAgB,WACd,MACA,UACmB;CACnB,MAAM,WAAW,OAAO,KAAK,KAAK;AAClC,KAAI,SAAS,WAAW,EACtB,QAAO;CAGT,MAAM,MAAM,EAAE,GAAI,UAAqB;AAEvC,MAAK,MAAM,OAAO,UAAiD;EACjE,MAAM,YAAa,KAAiC;EACpD,MAAM,gBAAiB,SAAqC;AAE5D,MAAI,QAAQ,OAAO;AAChB,OAAgC,OAAO,YACtC,eACA,UACD;AACD;;AAGF,MACE,kBAAkB,IAAI,IACtB,OAAO,cAAc,cACrB,OAAO,kBAAkB,YACzB;AACC,OAAgC,OAAO,gBACtC,eACA,UACD;AACD;;AAGD,MAAgC,OAAO;;AAG1C,QAAO"}

package/dist/accessible-icon/accessible-icon.d.ts

@@ -1,7 +0,0 @@
-import { AccessibleIconProps } from "./accessible-icon.types.js";
-
-//#region src/components/accessible-icon/accessible-icon.d.ts
-declare function AccessibleIcon(props: AccessibleIconProps): JSX.Element;
-//#endregion
-export { AccessibleIcon };
-//# sourceMappingURL=accessible-icon.d.ts.map

package/dist/accessible-icon/accessible-icon.js

@@ -1,20 +0,0 @@
-import { jsx, jsxs } from "@askrjs/askr/jsx-runtime";
-//#region src/components/accessible-icon/accessible-icon.tsx
-function AccessibleIcon(props) {
-	const { children, label, decorative = label ? false : true } = props;
-	return /* @__PURE__ */ jsxs("span", {
-		"data-slot": "accessible-icon",
-		"data-decorative": decorative ? "true" : void 0,
-		role: decorative ? void 0 : "img",
-		"aria-hidden": decorative ? "true" : void 0,
-		"aria-label": decorative ? void 0 : label,
-		children: [children, !decorative && label ? /* @__PURE__ */ jsx("span", {
-			class: "sr-only",
-			children: label
-		}) : null]
-	});
-}
-//#endregion
-export { AccessibleIcon };
-
-//# sourceMappingURL=accessible-icon.js.map

package/dist/accessible-icon/accessible-icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"accessible-icon.js","names":[],"sources":["../../src/components/accessible-icon/accessible-icon.tsx"],"sourcesContent":["import type { AccessibleIconProps } from \"./accessible-icon.types\";\n\nexport function AccessibleIcon(props: AccessibleIconProps): JSX.Element {\n  const { children, label, decorative = label ? false : true } = props;\n\n  return (\n    <span\n      data-slot=\"accessible-icon\"\n      data-decorative={decorative ? \"true\" : undefined}\n      role={decorative ? undefined : \"img\"}\n      aria-hidden={decorative ? \"true\" : undefined}\n      aria-label={decorative ? undefined : label}\n    >\n      {children}\n      {!decorative && label ? <span class=\"sr-only\">{label}</span> : null}\n    </span>\n  );\n}\n"],"mappings":";;AAEA,SAAgB,eAAe,OAAyC;CACtE,MAAM,EAAE,UAAU,OAAO,aAAa,QAAQ,QAAQ,SAAS;AAE/D,QACE,qBAAC,QAAD;EACE,aAAU;EACV,mBAAiB,aAAa,SAAS,KAAA;EACvC,MAAM,aAAa,KAAA,IAAY;EAC/B,eAAa,aAAa,SAAS,KAAA;EACnC,cAAY,aAAa,KAAA,IAAY;YALvC,CAOG,UACA,CAAC,cAAc,QAAQ,oBAAC,QAAD;GAAM,OAAM;aAAW;GAAa,CAAA,GAAG,KAC1D"}

package/dist/accessible-icon/accessible-icon.types.d.ts

@@ -1,9 +0,0 @@
-//#region src/components/accessible-icon/accessible-icon.types.d.ts
-type AccessibleIconProps = {
-  children?: unknown;
-  label?: string;
-  decorative?: boolean;
-};
-//#endregion
-export { AccessibleIconProps };
-//# sourceMappingURL=accessible-icon.types.d.ts.map

package/dist/aspect-ratio/aspect-ratio.d.ts

@@ -1,8 +0,0 @@
-import { AspectRatioAsChildProps, AspectRatioProps } from "./aspect-ratio.types.js";
-
-//#region src/components/aspect-ratio/aspect-ratio.d.ts
-declare function AspectRatio(props: AspectRatioProps): JSX.Element;
-declare function AspectRatio(props: AspectRatioAsChildProps): JSX.Element;
-//#endregion
-export { AspectRatio };
-//# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/aspect-ratio/aspect-ratio.js

@@ -1,36 +0,0 @@
-import { mergeProps } from "../_internal/merge-props.js";
-import { jsx } from "@askrjs/askr/jsx-runtime";
-import { Slot } from "@askrjs/askr/foundations";
-//#region src/components/aspect-ratio/aspect-ratio.tsx
-function serializeStyle(base, user) {
-	const merged = { ...base };
-	if (user && typeof user === "object") Object.assign(merged, user);
-	if (typeof user === "string" && user.trim()) return `${Object.entries(merged).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => key.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + String(value)).join(";")};${user.trim()}`;
-	return Object.entries(merged).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => key.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + String(value)).join(";");
-}
-function AspectRatio(props) {
-	const { asChild, children, ratio = 1, ref, style, ...rest } = props;
-	const finalProps = mergeProps(rest, {
-		ref,
-		"data-slot": "aspect-ratio",
-		style: serializeStyle({
-			display: "block",
-			width: "100%",
-			aspectRatio: String(ratio),
-			overflow: "hidden"
-		}, style)
-	});
-	if (asChild) return /* @__PURE__ */ jsx(Slot, {
-		asChild: true,
-		...finalProps,
-		children
-	});
-	return /* @__PURE__ */ jsx("div", {
-		...finalProps,
-		children
-	});
-}
-//#endregion
-export { AspectRatio };
-
-//# sourceMappingURL=aspect-ratio.js.map

package/dist/aspect-ratio/aspect-ratio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { AspectRatioAsChildProps, AspectRatioProps } from \"./aspect-ratio.types\";\n\nfunction serializeStyle(base: Record<string, string | number>, user: unknown): string {\n  const merged: Record<string, unknown> = { ...base };\n\n  if (user && typeof user === \"object\") {\n    Object.assign(merged, user as Record<string, unknown>);\n  }\n\n  if (typeof user === \"string\" && user.trim()) {\n    return `${Object.entries(merged)\n      .filter(([, value]) => value !== undefined && value !== null)\n      .map(([key, value]) => key.replace(/([A-Z])/g, \"-$1\").toLowerCase() + \":\" + String(value))\n      .join(\";\")};${user.trim()}`;\n  }\n\n  return Object.entries(merged)\n    .filter(([, value]) => value !== undefined && value !== null)\n    .map(([key, value]) => key.replace(/([A-Z])/g, \"-$1\").toLowerCase() + \":\" + String(value))\n    .join(\";\");\n}\n\nexport function AspectRatio(props: AspectRatioProps): JSX.Element;\nexport function AspectRatio(props: AspectRatioAsChildProps): JSX.Element;\nexport function AspectRatio(props: AspectRatioProps | AspectRatioAsChildProps) {\n  const { asChild, children, ratio = 1, ref, style, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"aspect-ratio\",\n    style: serializeStyle(\n      {\n        display: \"block\",\n        width: \"100%\",\n        aspectRatio: String(ratio),\n        overflow: \"hidden\",\n      },\n      style,\n    ),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAIA,SAAS,eAAe,MAAuC,MAAuB;CACpF,MAAM,SAAkC,EAAE,GAAG,MAAM;AAEnD,KAAI,QAAQ,OAAO,SAAS,SAC1B,QAAO,OAAO,QAAQ,KAAgC;AAGxD,KAAI,OAAO,SAAS,YAAY,KAAK,MAAM,CACzC,QAAO,GAAG,OAAO,QAAQ,OAAO,CAC7B,QAAQ,GAAG,WAAW,UAAU,KAAA,KAAa,UAAU,KAAK,CAC5D,KAAK,CAAC,KAAK,WAAW,IAAI,QAAQ,YAAY,MAAM,CAAC,aAAa,GAAG,MAAM,OAAO,MAAM,CAAC,CACzF,KAAK,IAAI,CAAC,GAAG,KAAK,MAAM;AAG7B,QAAO,OAAO,QAAQ,OAAO,CAC1B,QAAQ,GAAG,WAAW,UAAU,KAAA,KAAa,UAAU,KAAK,CAC5D,KAAK,CAAC,KAAK,WAAW,IAAI,QAAQ,YAAY,MAAM,CAAC,aAAa,GAAG,MAAM,OAAO,MAAM,CAAC,CACzF,KAAK,IAAI;;AAKd,SAAgB,YAAY,OAAmD;CAC7E,MAAM,EAAE,SAAS,UAAU,QAAQ,GAAG,KAAK,OAAO,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,OAAO,eACL;GACE,SAAS;GACT,OAAO;GACP,aAAa,OAAO,MAAM;GAC1B,UAAU;GACX,EACD,MACD;EACF,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}

package/dist/aspect-ratio/aspect-ratio.types.d.ts

@@ -1,20 +0,0 @@
-import { JSXElement, Ref } from "@askrjs/askr/foundations";
-
-//#region src/components/aspect-ratio/aspect-ratio.types.d.ts
-type AspectRatioOwnProps = {
-  children?: unknown;
-  ratio?: number | string;
-  style?: unknown;
-};
-type AspectRatioProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & AspectRatioOwnProps & {
-  asChild?: false;
-  ref?: Ref<HTMLDivElement>;
-};
-type AspectRatioAsChildProps = AspectRatioOwnProps & {
-  asChild: true;
-  children: JSXElement;
-  ref?: Ref<unknown>;
-};
-//#endregion
-export { AspectRatioAsChildProps, AspectRatioProps };
-//# sourceMappingURL=aspect-ratio.types.d.ts.map

package/dist/aspect-ratio/index.d.ts

@@ -1,2 +0,0 @@
-import { AspectRatioAsChildProps, AspectRatioProps } from "./aspect-ratio.types.js";
-import { AspectRatio } from "./aspect-ratio.js";

package/dist/badge/badge.d.ts

@@ -1,8 +0,0 @@
-import { BadgeAsChildProps, BadgeProps } from "./badge.types.js";
-
-//#region src/components/badge/badge.d.ts
-declare function Badge(props: BadgeProps): JSX.Element;
-declare function Badge(props: BadgeAsChildProps): JSX.Element;
-//#endregion
-export { Badge };
-//# sourceMappingURL=badge.d.ts.map

package/dist/badge/badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { BadgeAsChildProps, BadgeProps } from \"./badge.types\";\n\nexport function Badge(props: BadgeProps): JSX.Element;\nexport function Badge(props: BadgeAsChildProps): JSX.Element;\nexport function Badge(props: BadgeProps | BadgeAsChildProps) {\n  const { asChild, children, variant, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"badge\",\n    \"data-badge\": \"true\",\n    \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;AAMA,SAAgB,MAAM,OAAuC;CAC3D,MAAM,EAAE,SAAS,UAAU,SAAS,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,cAAc;EACd,gBAAgB,WAAW,YAAY,YAAY,UAAU,KAAA;EAC9D,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA"}