@womp/kookie-ui 0.25.2 → 0.26.0

package/tokens/base.css

@@ -62,6 +62,19 @@
   --color-overlay: var(--black-a6);
   --color-surface: white;
   --color-ground: var(--neutral-1, var(--gray-1));
+  --field-fill: var(--color-surface);
+  --field-fill-hover: var(--neutral-2);
+  --field-fill-disabled: var(--neutral-2);
+  --field-edge: var(--neutral-a3);
+  --field-edge-disabled: var(--neutral-a2);
+  --color-track: var(--neutral-4);
+  --color-track-hover: var(--neutral-5);
+  --color-track-active: var(--neutral-6);
+  --color-thumb: var(--color-surface);
+  --color-mark: var(--neutral-4);
+  --color-mark-hover: var(--neutral-5);
+  --color-mark-active: var(--neutral-6);
+  --color-mark-edge: var(--neutral-a7);
   --color-text: var(--neutral-12);
   --neutral-1: var(--gray-1);
   --neutral-2: var(--gray-2);
@@ -97,12 +110,19 @@
   --solid-gray-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
   --solid-gray-active-filter: brightness(0.92);
   --solid-gray-open-filter: brightness(0.96);
-  --shadow-1: 0 0 0 0.25px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a2);
-  --shadow-2: 0 0 0 0.25px var(--neutral-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
-  --shadow-3: 0 0 0 0.25px var(--neutral-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
-  --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-  --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-  --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
+  --shadow-1: inset 0 1px 1px rgb(0 0 0 / 0.12), inset 0 2px 4px rgb(0 0 0 / 0.06);
+  --shadow-2: 0 1px 2px rgb(0 0 0 / 0.1), 0 5px 14px -4px rgb(0 0 0 / 0.1), 0 12px 30px -8px rgb(0 0 0 / 0.09);
+  --shadow-3: 0 1px 2px rgb(0 0 0 / 0.1), 0 8px 22px -6px rgb(0 0 0 / 0.1), 0 18px 48px -14px rgb(0 0 0 / 0.09);
+  --shadow-4: 0 1px 2px rgb(0 0 0 / 0.1), 0 24px 64px -12px rgb(0 0 0 / 0.11);
+  --shadow-5: 0 1px 2px rgb(0 0 0 / 0.1), 0 12px 32px -8px rgb(0 0 0 / 0.11), 0 32px 80px -16px rgb(0 0 0 / 0.1);
+  --shadow-6: 0 1px 2px rgb(0 0 0 / 0.1), 0 16px 40px -10px rgb(0 0 0 / 0.12), 0 40px 100px -20px rgb(0 0 0 / 0.12);
+  --surface-chrome: var(--shadow-4);
+  --control-chrome: inset 0 0 0 1px rgb(0 0 0 / 0.08), 0 1px 2px rgb(0 0 0 / 0.04), 0 4px 14px -4px rgb(0 0 0 / 0.08);
+  --control-chrome-active: inset 0 0 0 1px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.04);
+  --control-light: none;
+  --grip-chrome: 0 1px 2px rgb(0 0 0 / 0.16), 0 2px 6px -1px rgb(0 0 0 / 0.18);
+  --floating-chrome: var(--shadow-3);
+  --dialog-chrome: var(--surface-chrome);
 }
 :is(.dark, .dark-theme),
 :is(.dark, .dark-theme) :where(.kui-theme:not(.light, .light-theme)) {
@@ -110,18 +130,30 @@
   --color-overlay: var(--black-a8);
   --color-surface: var(--neutral-2, var(--gray-2));
   --color-ground: var(--neutral-1, var(--gray-1));
+  --field-edge: var(--neutral-a4);
+  --color-thumb: var(--neutral-12, var(--gray-12));
+  --color-mark: var(--neutral-5, var(--gray-5));
+  --color-mark-hover: var(--neutral-6, var(--gray-6));
+  --color-mark-active: var(--neutral-7, var(--gray-7));
   --solid-chroma-hover-filter: none;
   --solid-chroma-active-filter: brightness(0.88) contrast(1.03);
   --solid-chroma-open-filter: brightness(0.95) contrast(1.02);
   --solid-gray-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
   --solid-gray-active-filter: brightness(0.9);
   --solid-gray-open-filter: brightness(0.95);
-  --shadow-1: inset 0 0 0 0.5px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a3);
-  --shadow-2: 0 0 0 0.5px var(--neutral-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
-  --shadow-3: 0 0 0 0.5px var(--neutral-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
-  --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-  --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-  --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
+  --shadow-1: inset 0 1px 1px rgb(0 0 0 / 0.5), inset 0 2px 4px rgb(0 0 0 / 0.25);
+  --shadow-2: 0 1px 2px rgb(0 0 0 / 0.4), 0 5px 14px -4px rgb(0 0 0 / 0.36), 0 12px 30px -8px rgb(0 0 0 / 0.3);
+  --shadow-3: 0 1px 2px rgb(0 0 0 / 0.4), 0 8px 22px -6px rgb(0 0 0 / 0.36), 0 18px 48px -14px rgb(0 0 0 / 0.3);
+  --shadow-4: 0 1px 2px rgb(0 0 0 / 0.4), 0 24px 64px -12px rgb(0 0 0 / 0.45);
+  --shadow-5: 0 1px 2px rgb(0 0 0 / 0.4), 0 12px 32px -8px rgb(0 0 0 / 0.4), 0 32px 80px -16px rgb(0 0 0 / 0.34);
+  --shadow-6: 0 1px 2px rgb(0 0 0 / 0.4), 0 16px 40px -10px rgb(0 0 0 / 0.45), 0 40px 100px -20px rgb(0 0 0 / 0.4);
+  --surface-chrome: var(--shadow-4);
+  --control-chrome: inset 0 0 0 1px rgb(255 255 255 / 0.08), 0 1px 2px rgb(0 0 0 / 0.35), 0 4px 14px -4px rgb(0 0 0 / 0.45);
+  --control-chrome-active: inset 0 0 0 1px rgb(255 255 255 / 0.1), 0 1px 1px rgb(0 0 0 / 0.4);
+  --control-light: none;
+  --grip-chrome: 0 1px 2px rgb(0 0 0 / 0.5), 0 2px 6px -1px rgb(0 0 0 / 0.4);
+  --floating-chrome: inset 0 1px 0 rgb(255 255 255 / 0.05), var(--shadow-3);
+  --dialog-chrome: var(--surface-chrome);
 }
 .kui-theme:where(.light,.light-theme),:root:where(:has([data-is-root-theme='true']:is(.kui-theme:where(.light,.light-theme)))) {
   color-scheme: light;
@@ -148,7 +180,7 @@
   --accent-solid-selection: var(--accent-7);
   --accent-solid-selection-contrast: var(--accent-12);
   --accent-solid-indicator: var(--accent-indicator);
-  --accent-solid-thumb: white;
+  --accent-solid-thumb: var(--color-thumb);
   --accent-solid-badge: var(--accent-12);
   --accent-solid-badge-contrast: var(--accent-1);
   --accent-solid-hover-filter: var(--solid-chroma-hover-filter);
@@ -1549,27 +1581,6 @@
 :where(.kui-SurfaceNest) .kui-SurfaceNest {
   --kui-sf-r: min(var(--kui-nest, var(--kui-sf-radius, var(--radius-surface-2))), var(--kui-sf-radius, var(--radius-surface-2)));
 }
-@supports (color: color-mix(in oklab, white, black)) {
-  :where(.kui-theme) {
-    --shadow-1: 0 0 0 0.25px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a2);
-    --shadow-2: 0 0 0 0.25px var(--neutral-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
-    --shadow-3: 0 0 0 0.25px var(--neutral-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
-    --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-    --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-    --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
-  }
-}
-@supports (color: color-mix(in oklab, white, black)) {
-  :is(.dark, .dark-theme),
-  :is(.dark, .dark-theme) :where(.kui-theme:not(.light, .light-theme)) {
-    --shadow-1: inset 0 0 0 0.5px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a3);
-    --shadow-2: 0 0 0 0.5px var(--neutral-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
-    --shadow-3: 0 0 0 0.5px var(--neutral-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
-    --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-    --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-    --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
-  }
-}
 [data-font-family='sans'] {
   --font-body: var(--font-sans);
 }

package/tokens.css

@@ -3378,6 +3378,19 @@
   --color-overlay: var(--black-a6);
   --color-surface: white;
   --color-ground: var(--neutral-1, var(--gray-1));
+  --field-fill: var(--color-surface);
+  --field-fill-hover: var(--neutral-2);
+  --field-fill-disabled: var(--neutral-2);
+  --field-edge: var(--neutral-a3);
+  --field-edge-disabled: var(--neutral-a2);
+  --color-track: var(--neutral-4);
+  --color-track-hover: var(--neutral-5);
+  --color-track-active: var(--neutral-6);
+  --color-thumb: var(--color-surface);
+  --color-mark: var(--neutral-4);
+  --color-mark-hover: var(--neutral-5);
+  --color-mark-active: var(--neutral-6);
+  --color-mark-edge: var(--neutral-a7);
   --color-text: var(--neutral-12);
   --neutral-1: var(--gray-1);
   --neutral-2: var(--gray-2);
@@ -3413,12 +3426,19 @@
   --solid-gray-hover-filter: contrast(0.88) saturate(1.1) brightness(1.1);
   --solid-gray-active-filter: brightness(0.92);
   --solid-gray-open-filter: brightness(0.96);
-  --shadow-1: 0 0 0 0.25px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a2);
-  --shadow-2: 0 0 0 0.25px var(--neutral-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
-  --shadow-3: 0 0 0 0.25px var(--neutral-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
-  --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-  --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-  --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
+  --shadow-1: inset 0 1px 1px rgb(0 0 0 / 0.12), inset 0 2px 4px rgb(0 0 0 / 0.06);
+  --shadow-2: 0 1px 2px rgb(0 0 0 / 0.1), 0 5px 14px -4px rgb(0 0 0 / 0.1), 0 12px 30px -8px rgb(0 0 0 / 0.09);
+  --shadow-3: 0 1px 2px rgb(0 0 0 / 0.1), 0 8px 22px -6px rgb(0 0 0 / 0.1), 0 18px 48px -14px rgb(0 0 0 / 0.09);
+  --shadow-4: 0 1px 2px rgb(0 0 0 / 0.1), 0 24px 64px -12px rgb(0 0 0 / 0.11);
+  --shadow-5: 0 1px 2px rgb(0 0 0 / 0.1), 0 12px 32px -8px rgb(0 0 0 / 0.11), 0 32px 80px -16px rgb(0 0 0 / 0.1);
+  --shadow-6: 0 1px 2px rgb(0 0 0 / 0.1), 0 16px 40px -10px rgb(0 0 0 / 0.12), 0 40px 100px -20px rgb(0 0 0 / 0.12);
+  --surface-chrome: var(--shadow-4);
+  --control-chrome: inset 0 0 0 1px rgb(0 0 0 / 0.08), 0 1px 2px rgb(0 0 0 / 0.04), 0 4px 14px -4px rgb(0 0 0 / 0.08);
+  --control-chrome-active: inset 0 0 0 1px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.04);
+  --control-light: none;
+  --grip-chrome: 0 1px 2px rgb(0 0 0 / 0.16), 0 2px 6px -1px rgb(0 0 0 / 0.18);
+  --floating-chrome: var(--shadow-3);
+  --dialog-chrome: var(--surface-chrome);
 }
 @supports (color: color(display-p3 1 1 1)) {
   @media (color-gamut: p3) {
@@ -3456,18 +3476,30 @@
   --color-overlay: var(--black-a8);
   --color-surface: var(--neutral-2, var(--gray-2));
   --color-ground: var(--neutral-1, var(--gray-1));
+  --field-edge: var(--neutral-a4);
+  --color-thumb: var(--neutral-12, var(--gray-12));
+  --color-mark: var(--neutral-5, var(--gray-5));
+  --color-mark-hover: var(--neutral-6, var(--gray-6));
+  --color-mark-active: var(--neutral-7, var(--gray-7));
   --solid-chroma-hover-filter: none;
   --solid-chroma-active-filter: brightness(0.88) contrast(1.03);
   --solid-chroma-open-filter: brightness(0.95) contrast(1.02);
   --solid-gray-hover-filter: contrast(0.88) saturate(1.3) brightness(1.18);
   --solid-gray-active-filter: brightness(0.9);
   --solid-gray-open-filter: brightness(0.95);
-  --shadow-1: inset 0 0 0 0.5px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a3);
-  --shadow-2: 0 0 0 0.5px var(--neutral-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
-  --shadow-3: 0 0 0 0.5px var(--neutral-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
-  --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-  --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-  --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
+  --shadow-1: inset 0 1px 1px rgb(0 0 0 / 0.5), inset 0 2px 4px rgb(0 0 0 / 0.25);
+  --shadow-2: 0 1px 2px rgb(0 0 0 / 0.4), 0 5px 14px -4px rgb(0 0 0 / 0.36), 0 12px 30px -8px rgb(0 0 0 / 0.3);
+  --shadow-3: 0 1px 2px rgb(0 0 0 / 0.4), 0 8px 22px -6px rgb(0 0 0 / 0.36), 0 18px 48px -14px rgb(0 0 0 / 0.3);
+  --shadow-4: 0 1px 2px rgb(0 0 0 / 0.4), 0 24px 64px -12px rgb(0 0 0 / 0.45);
+  --shadow-5: 0 1px 2px rgb(0 0 0 / 0.4), 0 12px 32px -8px rgb(0 0 0 / 0.4), 0 32px 80px -16px rgb(0 0 0 / 0.34);
+  --shadow-6: 0 1px 2px rgb(0 0 0 / 0.4), 0 16px 40px -10px rgb(0 0 0 / 0.45), 0 40px 100px -20px rgb(0 0 0 / 0.4);
+  --surface-chrome: var(--shadow-4);
+  --control-chrome: inset 0 0 0 1px rgb(255 255 255 / 0.08), 0 1px 2px rgb(0 0 0 / 0.35), 0 4px 14px -4px rgb(0 0 0 / 0.45);
+  --control-chrome-active: inset 0 0 0 1px rgb(255 255 255 / 0.1), 0 1px 1px rgb(0 0 0 / 0.4);
+  --control-light: none;
+  --grip-chrome: 0 1px 2px rgb(0 0 0 / 0.5), 0 2px 6px -1px rgb(0 0 0 / 0.4);
+  --floating-chrome: inset 0 1px 0 rgb(255 255 255 / 0.05), var(--shadow-3);
+  --dialog-chrome: var(--surface-chrome);
 }
 .kui-theme:where(.light,.light-theme),:root:where(:has([data-is-root-theme='true']:is(.kui-theme:where(.light,.light-theme)))) {
   color-scheme: light;
@@ -3494,7 +3526,7 @@
   --accent-solid-selection: var(--accent-7);
   --accent-solid-selection-contrast: var(--accent-12);
   --accent-solid-indicator: var(--accent-indicator);
-  --accent-solid-thumb: white;
+  --accent-solid-thumb: var(--color-thumb);
   --accent-solid-badge: var(--accent-12);
   --accent-solid-badge-contrast: var(--accent-1);
   --accent-solid-hover-filter: var(--solid-chroma-hover-filter);
@@ -4895,27 +4927,6 @@
 :where(.kui-SurfaceNest) .kui-SurfaceNest {
   --kui-sf-r: min(var(--kui-nest, var(--kui-sf-radius, var(--radius-surface-2))), var(--kui-sf-radius, var(--radius-surface-2)));
 }
-@supports (color: color-mix(in oklab, white, black)) {
-  :where(.kui-theme) {
-    --shadow-1: 0 0 0 0.25px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a2);
-    --shadow-2: 0 0 0 0.25px var(--neutral-a3), 0 1px 3px 0 var(--black-a2), 0 1px 2px -1px var(--black-a2);
-    --shadow-3: 0 0 0 0.25px var(--neutral-a6), 0 4px 6px -1px var(--black-a2), 0 2px 4px -2px var(--black-a2);
-    --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-    --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-    --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
-  }
-}
-@supports (color: color-mix(in oklab, white, black)) {
-  :is(.dark, .dark-theme),
-  :is(.dark, .dark-theme) :where(.kui-theme:not(.light, .light-theme)) {
-    --shadow-1: inset 0 0 0 0.5px var(--neutral-a6), inset 0 1px 1px 0 var(--black-a3);
-    --shadow-2: 0 0 0 0.5px var(--neutral-a6), 0 1px 3px 0 var(--black-a3), 0 1px 2px -1px var(--black-a3);
-    --shadow-3: 0 0 0 0.5px var(--neutral-a6), 0 4px 6px -1px var(--black-a3), 0 2px 4px -2px var(--black-a3);
-    --shadow-4: 0 0 0 0.5px var(--neutral-a6), 0 10px 15px -3px var(--black-a3), 0 4px 6px -4px var(--black-a3);
-    --shadow-5: 0 0 0 0.5px var(--neutral-a6), 0 20px 25px -5px var(--black-a3), 0 8px 10px -6px var(--black-a3);
-    --shadow-6: 0 0 0 0.5px var(--neutral-a6), 0 25px 50px -12px var(--black-a5);
-  }
-}
 [data-font-family='sans'] {
   --font-body: var(--font-sans);
 }

package/dist/esm/chunk-2Z2I27ZS.js

@@ -1,3 +0,0 @@
-"use client";
-import{c as e}from"./chunk-HBWBPBSA.js";var s=["1","2","3","4"],a=["raised","solid","soft","outline","surface"],r={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:a,default:"raised"},...e};export{r as a};
-//# sourceMappingURL=chunk-2Z2I27ZS.js.map

package/dist/esm/chunk-2Z2I27ZS.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/_internal/base-radio.props.ts"],
-  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'solid', 'soft', 'outline', 'surface'] as const;\n\nconst baseRadioPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { baseRadioPropDefs };\n"],
-  "mappings": ";wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,SAAS,EAE3DC,EAAoB,CACxB,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EACvF,GAAGE,CACL",
-  "names": ["sizes", "variants", "baseRadioPropDefs", "colorPropDef"]
-}

package/dist/esm/chunk-AZHSPPBV.js

@@ -1,3 +0,0 @@
-"use client";
-import{c as e}from"./chunk-HBWBPBSA.js";var s=["1","2","3","4"],r=["surface","soft","outline"],o={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:r,default:"surface"},...e};export{o as a};
-//# sourceMappingURL=chunk-AZHSPPBV.js.map

package/dist/esm/chunk-AZHSPPBV.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/switch.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['surface', 'soft', 'outline'] as const;\n\nconst switchPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { switchPropDefs };\n"],
-  "mappings": ";wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,SAAS,EAExCC,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,SAAU,EACxF,GAAGE,CACL",
-  "names": ["sizes", "variants", "switchPropDefs", "colorPropDef"]
-}

package/dist/esm/chunk-BMKUGZ4I.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as r}from"./chunk-FM3GBCX5.js";import{a as o}from"./chunk-CLJ6SEGP.js";var f={...o,...r};export{f as a};
-//# sourceMappingURL=chunk-BMKUGZ4I.js.map

package/dist/esm/chunk-FFJE25TJ.js

@@ -1,3 +0,0 @@
-"use client";
-import{b as s}from"./chunk-XU74PNM2.js";import{c as e}from"./chunk-HBWBPBSA.js";var o=["1","2","3","4"],a=["surface","soft","outline"],p={size:{type:"enum",className:"kui-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:a,default:"surface"},showTickLabels:{type:"boolean"},snapToTicks:{type:"boolean"},...e,...s};export{p as a};
-//# sourceMappingURL=chunk-FFJE25TJ.js.map

package/dist/esm/chunk-FFJE25TJ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/slider.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['surface', 'soft', 'outline'] as const;\n\nconst sliderPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'surface' },\n  showTickLabels: { type: 'boolean' },\n  snapToTicks: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  showTickLabels: PropDef<boolean>;\n  snapToTicks: PropDef<boolean>;\n};\n\nexport { sliderPropDefs };\n"],
-  "mappings": ";gFAKA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,SAAS,EAExCC,EAAiB,CACrB,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,SAAU,EACxF,eAAgB,CAAE,KAAM,SAAU,EAClC,YAAa,CAAE,KAAM,SAAU,EAC/B,GAAGE,EACH,GAAGC,CACL",
-  "names": ["sizes", "variants", "sliderPropDefs", "colorPropDef", "radiusPropDef"]
-}

package/dist/esm/chunk-FM3GBCX5.js

@@ -1,3 +0,0 @@
-"use client";
-import{c as e}from"./chunk-HBWBPBSA.js";var s=["1","2","3","4"],o=["raised","solid","soft","outline","surface"],a={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:o,default:"raised"},...e};export{a};
-//# sourceMappingURL=chunk-FM3GBCX5.js.map

package/dist/esm/chunk-FM3GBCX5.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/_internal/base-checkbox.props.ts"],
-  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'solid', 'soft', 'outline', 'surface'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { baseCheckboxPropDefs };\n"],
-  "mappings": ";wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,SAAS,EAE3DC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EACvF,GAAGE,CACL",
-  "names": ["sizes", "variants", "baseCheckboxPropDefs", "colorPropDef"]
-}

package/dist/esm/chunk-N5H7C3PZ.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as R}from"./chunk-ZFDHZEWN.js";import{a as f}from"./chunk-6UZT3ZLO.js";import{b as G}from"./chunk-5ON3XLRD.js";import{c as n}from"./chunk-OKQAVYW4.js";import{a as S}from"./chunk-VQPANPMI.js";var _={};S(_,{Item:()=>x,Root:()=>y});import*as o from"react";import c from"classnames";import{Context as v}from"radix-ui/internal";import{RadioGroup as d}from"radix-ui";var l="RadioGroup",[h]=v.createContextScope(l,[d.createRadioGroupScope]),P=d.createRadioGroupScope(),[E,I]=h(l),y=o.forwardRef(({color:a=R.color.default,size:e,variant:t=R.variant.default,...r},i)=>{let s=G(e,R.size),{__scopeRadioGroup:p,className:m,...C}=r,N=P(p);return o.createElement(E,{scope:p,color:a,size:s,variant:t},o.createElement(d.Root,{...N,...C,ref:i,className:c("kui-RadioGroupRoot",m)}))});y.displayName="RadioGroup.Root";var x=o.forwardRef((a,e)=>{let{__scopeRadioGroup:t,children:r,className:i,style:s,...p}=a,{size:m}=I("RadioGroupItem",t);return r?o.createElement(f,{as:"label",size:m,className:c("kui-RadioGroupItem",i),style:s},o.createElement(u,{__scopeRadioGroup:t,...p,ref:e}),r&&o.createElement("span",{className:"kui-RadioGroupItemInner"},r)):o.createElement(u,{__scopeRadioGroup:t,...p,ref:e,className:i,style:s})});x.displayName="RadioGroup.Item";var u=o.forwardRef(({__scopeRadioGroup:a,...e},t)=>{let r=I("RadioGroupItemRadio",a),i=P(a),{color:s,className:p}=n({...e,...r},R);return o.createElement(d.Item,{...i,"data-accent-color":s,...e,asChild:!1,ref:t,className:c("kui-reset","kui-BaseRadioRoot",p)})});u.displayName="RadioGroup.ItemRadio";export{y as a,x as b,_ as c};
-//# sourceMappingURL=chunk-N5H7C3PZ.js.map

package/dist/esm/chunk-N5H7C3PZ.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/radio-group.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioGroupRootPropDefs } from './radio-group.props.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\nconst RADIO_GROUP_NAME = 'RadioGroup';\n\ntype ScopedProps<P> = P & { __scopeRadioGroup?: Context.Scope };\nconst [createRadioGroupContext] = Context.createContextScope(RADIO_GROUP_NAME, [\n  RadioGroupPrimitive.createRadioGroupScope,\n]);\nconst useRadioGroupScope = RadioGroupPrimitive.createRadioGroupScope();\n\ntype RadioGroupRootOwnProps = GetPropDefTypes<typeof radioGroupRootPropDefs>;\ntype RadioGroupContextValue = RadioGroupRootOwnProps;\n\nconst [RadioGroupProvider, useRadioGroupContext] =\n  createRadioGroupContext<RadioGroupContextValue>(RADIO_GROUP_NAME);\n\ntype RadioGroupRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ninterface RadioGroupRootProps\n  extends ComponentPropsWithout<\n      typeof RadioGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    RadioGroupRootOwnProps {}\nconst RadioGroupRoot = React.forwardRef<RadioGroupRootElement, RadioGroupRootProps>(\n  (\n    {\n      color = radioGroupRootPropDefs.color.default,\n      size: sizeProp,\n      variant = radioGroupRootPropDefs.variant.default,\n      ...props\n    }: ScopedProps<RadioGroupRootProps>,\n    forwardedRef\n  ) => {\n    const size = useThemeSize(sizeProp, radioGroupRootPropDefs.size);\n    const { __scopeRadioGroup, className, ...rootProps } = props;\n    const radioGroupScope = useRadioGroupScope(__scopeRadioGroup);\n    return (\n      <RadioGroupProvider\n        scope={__scopeRadioGroup}\n        color={color}\n        size={size}\n        variant={variant}\n      >\n        <RadioGroupPrimitive.Root\n          {...radioGroupScope}\n          {...rootProps}\n          ref={forwardedRef}\n          className={classNames('kui-RadioGroupRoot', className)}\n        />\n      </RadioGroupProvider>\n    );\n  }\n);\nRadioGroupRoot.displayName = 'RadioGroup.Root';\n\ntype RadioGroupItemElement = React.ElementRef<typeof RadioGroupItemRadio>;\ninterface RadioGroupItemProps\n  extends ComponentPropsWithout<typeof RadioGroupItemRadio, RemovedProps> {}\nconst RadioGroupItem = React.forwardRef<RadioGroupItemElement, RadioGroupItemProps>(\n  (_props: ScopedProps<RadioGroupItemProps>, forwardedRef) => {\n    const { __scopeRadioGroup, children, className, style, ...props } = _props;\n    const { size } = useRadioGroupContext('RadioGroupItem', __scopeRadioGroup);\n\n    // Render `<Text as=\"label\">` if children\u00A0are provided, otherwise render\n    // the solo radio button to allow building out your custom layouts with it.\n    if (children) {\n      return (\n        <Text\n          as=\"label\"\n          size={size}\n          className={classNames('kui-RadioGroupItem', className)}\n          style={style}\n        >\n          <RadioGroupItemRadio\n            __scopeRadioGroup={__scopeRadioGroup}\n            {...props}\n            ref={forwardedRef}\n          />\n          {children && <span className=\"kui-RadioGroupItemInner\">{children}</span>}\n        </Text>\n      );\n    }\n\n    return (\n      <RadioGroupItemRadio\n        __scopeRadioGroup={__scopeRadioGroup}\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        style={style}\n      />\n    );\n  }\n);\nRadioGroupItem.displayName = 'RadioGroup.Item';\n\ntype RadioGroupItemRadioElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioGroupItemRadioProps\n  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {}\nconst RadioGroupItemRadio = React.forwardRef<\n  RadioGroupItemRadioElement,\n  ScopedProps<RadioGroupItemRadioProps>\n>(({ __scopeRadioGroup, ...props }, forwardedRef) => {\n  const context = useRadioGroupContext('RadioGroupItemRadio', __scopeRadioGroup);\n  const radioGroupScope = useRadioGroupScope(__scopeRadioGroup);\n  const { color, className } = extractProps(\n    { ...props, ...context },\n    radioGroupRootPropDefs\n  );\n  return (\n    <RadioGroupPrimitive.Item\n      {...radioGroupScope}\n      data-accent-color={color}\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-BaseRadioRoot', className)}\n    />\n  );\n});\nRadioGroupItemRadio.displayName = 'RadioGroup.ItemRadio';\n\nexport { RadioGroupRoot as Root, RadioGroupItem as Item };\nexport type { RadioGroupRootProps as RootProps, RadioGroupItemProps as ItemProps };\n"],
-  "mappings": ";wMAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBACxB,OAAS,cAAcC,MAA2B,WAUlD,IAAMC,EAAmB,aAGnB,CAACC,CAAuB,EAAIC,EAAQ,mBAAmBF,EAAkB,CAC7EG,EAAoB,qBACtB,CAAC,EACKC,EAAqBD,EAAoB,sBAAsB,EAK/D,CAACE,EAAoBC,CAAoB,EAC7CL,EAAgDD,CAAgB,EAS5DO,EAAuB,aAC3B,CACE,CACE,MAAAC,EAAQC,EAAuB,MAAM,QACrC,KAAMC,EACN,QAAAC,EAAUF,EAAuB,QAAQ,QACzC,GAAGG,CACL,EACAC,IACG,CACH,IAAMC,EAAOC,EAAaL,EAAUD,EAAuB,IAAI,EACzD,CAAE,kBAAAO,EAAmB,UAAAC,EAAW,GAAGC,CAAU,EAAIN,EACjDO,EAAkBf,EAAmBY,CAAiB,EAC5D,OACE,gBAACX,EAAA,CACC,MAAOW,EACP,MAAOR,EACP,KAAMM,EACN,QAASH,GAET,gBAACR,EAAoB,KAApB,CACE,GAAGgB,EACH,GAAGD,EACJ,IAAKL,EACL,UAAWO,EAAW,qBAAsBH,CAAS,EACvD,CACF,CAEJ,CACF,EACAV,EAAe,YAAc,kBAK7B,IAAMc,EAAuB,aAC3B,CAACC,EAA0CT,IAAiB,CAC1D,GAAM,CAAE,kBAAAG,EAAmB,SAAAO,EAAU,UAAAN,EAAW,MAAAO,EAAO,GAAGZ,CAAM,EAAIU,EAC9D,CAAE,KAAAR,CAAK,EAAIR,EAAqB,iBAAkBU,CAAiB,EAIzE,OAAIO,EAEA,gBAACE,EAAA,CACC,GAAG,QACH,KAAMX,EACN,UAAWM,EAAW,qBAAsBH,CAAS,EACrD,MAAOO,GAEP,gBAACE,EAAA,CACC,kBAAmBV,EAClB,GAAGJ,EACJ,IAAKC,EACP,EACCU,GAAY,gBAAC,QAAK,UAAU,2BAA2BA,CAAS,CACnE,EAKF,gBAACG,EAAA,CACC,kBAAmBV,EAClB,GAAGJ,EACJ,IAAKC,EACL,UAAWI,EACX,MAAOO,EACT,CAEJ,CACF,EACAH,EAAe,YAAc,kBAK7B,IAAMK,EAA4B,aAGhC,CAAC,CAAE,kBAAAV,EAAmB,GAAGJ,CAAM,EAAGC,IAAiB,CACnD,IAAMc,EAAUrB,EAAqB,sBAAuBU,CAAiB,EACvEG,EAAkBf,EAAmBY,CAAiB,EACtD,CAAE,MAAAR,EAAO,UAAAS,CAAU,EAAIW,EAC3B,CAAE,GAAGhB,EAAO,GAAGe,CAAQ,EACvBlB,CACF,EACA,OACE,gBAACN,EAAoB,KAApB,CACE,GAAGgB,EACJ,oBAAmBX,EAClB,GAAGI,EACJ,QAAS,GACT,IAAKC,EACL,UAAWO,EAAW,YAAa,oBAAqBH,CAAS,EACnE,CAEJ,CAAC,EACDS,EAAoB,YAAc",
-  "names": ["radio_group_exports", "__export", "RadioGroupItem", "RadioGroupRoot", "React", "classNames", "Context", "RadioGroupPrimitive", "RADIO_GROUP_NAME", "createRadioGroupContext", "Context", "RadioGroupPrimitive", "useRadioGroupScope", "RadioGroupProvider", "useRadioGroupContext", "RadioGroupRoot", "color", "radioGroupRootPropDefs", "sizeProp", "variant", "props", "forwardedRef", "size", "useThemeSize", "__scopeRadioGroup", "className", "rootProps", "radioGroupScope", "classNames", "RadioGroupItem", "_props", "children", "style", "Text", "RadioGroupItemRadio", "context", "extractProps"]
-}

package/dist/esm/chunk-RB5VHWAW.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as u,e as G,f as P,g as f}from"./chunk-2VSRZ4IT.js";import{a as x}from"./chunk-BMKUGZ4I.js";import{a as n}from"./chunk-6UZT3ZLO.js";import{b as a}from"./chunk-GKDGNPBD.js";import{b}from"./chunk-5ON3XLRD.js";import{c as k}from"./chunk-OKQAVYW4.js";import{a as E}from"./chunk-VQPANPMI.js";var T={};E(T,{Item:()=>y,Root:()=>d});import*as o from"react";import h from"classnames";import{Context as S}from"radix-ui/internal";var l="CheckboxGroup",[_]=S.createContextScope(l,[u]),R=u(),[z,I]=_(l),d=o.forwardRef(({color:s=x.color.default,size:e,variant:t=x.variant.default,...r},p)=>{let m=b(e,x.size),{__scopeCheckboxGroup:c,className:i,...v}=r,N=R(c);return o.createElement(z,{scope:c,color:s,size:m,variant:t},o.createElement(G,{...N,...v,ref:p,className:h("kui-CheckboxGroupRoot",i)}))});d.displayName="CheckboxGroup.Root";var y=o.forwardRef((s,e)=>{let{__scopeCheckboxGroup:t,children:r,className:p,style:m,...c}=s,{size:i}=I("CheckboxGroupItem",t);return r?o.createElement(n,{as:"label",size:i,className:h("kui-CheckboxGroupItem",p),style:m},o.createElement(C,{__scopeCheckboxGroup:t,...c,ref:e}),r&&o.createElement("span",{className:"kui-CheckboxGroupItemInner"},r)):o.createElement(C,{__scopeCheckboxGroup:t,...c,ref:e,className:p,style:m})});y.displayName="CheckboxGroup.Item";var C=o.forwardRef(({__scopeCheckboxGroup:s,...e},t)=>{let r=I("CheckboxGroupItemCheckbox",s),p=R(s),{color:m,className:c}=k({...e,...r},x);return o.createElement(P,{...p,"data-accent-color":m,...e,ref:t,className:h("kui-reset","kui-BaseCheckboxRoot","kui-CheckboxGroupItemCheckbox",c)},o.createElement(f,{...p,asChild:!0,className:"kui-BaseCheckboxIndicator"},o.createElement(a,null)))});C.displayName="CheckboxGroup.ItemCheckbox";export{d as a,y as b,T as c};
-//# sourceMappingURL=chunk-RB5VHWAW.js.map

package/dist/esm/chunk-RB5VHWAW.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/checkbox-group.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxGroupRootPropDefs } from './checkbox-group.props.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext] = Context.createContextScope(CHECKBOX_GROUP_NAME, [\n  createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxGroupRootOwnProps = GetPropDefTypes<typeof checkboxGroupRootPropDefs>;\ntype CheckboxGroupContextValue = CheckboxGroupRootOwnProps;\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ninterface CheckboxGroupRootProps\n  extends ComponentPropsWithout<\n      typeof CheckboxGroupPrimitive.Root,\n      'asChild' | 'color' | 'defaultChecked'\n    >,\n    CheckboxGroupRootOwnProps {}\nconst CheckboxGroupRoot = React.forwardRef<CheckboxGroupRootElement, CheckboxGroupRootProps>(\n  (\n    {\n      color = checkboxGroupRootPropDefs.color.default,\n      size: sizeProp,\n      variant = checkboxGroupRootPropDefs.variant.default,\n      ...props\n    }: ScopedProps<CheckboxGroupRootProps>,\n    forwardedRef,\n  ) => {\n    const size = useThemeSize(sizeProp, checkboxGroupRootPropDefs.size);\n    const { __scopeCheckboxGroup, className, ...rootProps } = props;\n    const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxGroup);\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        color={color}\n        size={size}\n        variant={variant}\n      >\n        <CheckboxGroupPrimitive.Root\n          {...checkboxGroupScope}\n          {...rootProps}\n          ref={forwardedRef}\n          className={classNames('kui-CheckboxGroupRoot', className)}\n        />\n      </CheckboxGroupProvider>\n    );\n  },\n);\nCheckboxGroupRoot.displayName = 'CheckboxGroup.Root';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxGroupItemProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps> {}\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (_props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, children, className, style, ...props } = _props;\n    const { size } = useCheckboxGroupContext('CheckboxGroupItem', __scopeCheckboxGroup);\n\n    // Render `<Text as=\"label\">` if children\u00A0are provided, otherwise render\n    // the solo checkbox to allow building out your custom layouts with it.\n    if (children) {\n      return (\n        <Text\n          as=\"label\"\n          size={size}\n          className={classNames('kui-CheckboxGroupItem', className)}\n          style={style}\n        >\n          <CheckboxGroupItemCheckbox\n            __scopeCheckboxGroup={__scopeCheckboxGroup}\n            {...props}\n            ref={forwardedRef}\n          />\n          {children && <span className=\"kui-CheckboxGroupItemInner\">{children}</span>}\n        </Text>\n      );\n    }\n\n    return (\n      <CheckboxGroupItemCheckbox\n        __scopeCheckboxGroup={__scopeCheckboxGroup}\n        {...props}\n        ref={forwardedRef}\n        className={className}\n        style={style}\n      />\n    );\n  },\n);\nCheckboxGroupItem.displayName = 'CheckboxGroup.Item';\n\ntype CheckboxGroupItemCheckboxElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxGroupItemCheckboxProps\n  extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps> {}\nconst CheckboxGroupItemCheckbox = React.forwardRef<\n  CheckboxGroupItemCheckboxElement,\n  ScopedProps<CheckboxGroupItemCheckboxProps>\n>(({ __scopeCheckboxGroup, ...props }, forwardedRef) => {\n  const context = useCheckboxGroupContext('CheckboxGroupItemCheckbox', __scopeCheckboxGroup);\n  const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxGroup);\n  const { color, className } = extractProps(\n    { ...props, ...context },\n    checkboxGroupRootPropDefs,\n  );\n  return (\n    <CheckboxGroupPrimitive.Item\n      {...checkboxGroupScope}\n      data-accent-color={color}\n      {...props}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-reset',\n        'kui-BaseCheckboxRoot',\n        'kui-CheckboxGroupItemCheckbox',\n        className,\n      )}\n    >\n      <CheckboxGroupPrimitive.Indicator\n        {...checkboxGroupScope}\n        asChild\n        className=\"kui-BaseCheckboxIndicator\"\n      >\n        <ThickCheckIcon />\n      </CheckboxGroupPrimitive.Indicator>\n    </CheckboxGroupPrimitive.Item>\n  );\n});\nCheckboxGroupItemCheckbox.displayName = 'CheckboxGroup.ItemCheckbox';\n\nexport { CheckboxGroupRoot as Root, CheckboxGroupItem as Item };\nexport type { CheckboxGroupRootProps as RootProps, CheckboxGroupItemProps as ItemProps };\n"],
-  "mappings": ";wSAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAaxB,IAAMC,EAAsB,gBAGtB,CAACC,CAA0B,EAAIC,EAAQ,mBAAmBF,EAAqB,CACnFG,CACF,CAAC,EACKC,EAAwBD,EAAyB,EAKjD,CAACE,EAAuBC,CAAuB,EACnDL,EAAsDD,CAAmB,EASrEO,EAA0B,aAC9B,CACE,CACE,MAAAC,EAAQC,EAA0B,MAAM,QACxC,KAAMC,EACN,QAAAC,EAAUF,EAA0B,QAAQ,QAC5C,GAAGG,CACL,EACAC,IACG,CACH,IAAMC,EAAOC,EAAaL,EAAUD,EAA0B,IAAI,EAC5D,CAAE,qBAAAO,EAAsB,UAAAC,EAAW,GAAGC,CAAU,EAAIN,EACpDO,EAAqBf,EAAsBY,CAAoB,EACrE,OACE,gBAACX,EAAA,CACC,MAAOW,EACP,MAAOR,EACP,KAAMM,EACN,QAASH,GAET,gBAAwBS,EAAvB,CACE,GAAGD,EACH,GAAGD,EACJ,IAAKL,EACL,UAAWQ,EAAW,wBAAyBJ,CAAS,EAC1D,CACF,CAEJ,CACF,EACAV,EAAkB,YAAc,qBAKhC,IAAMe,EAA0B,aAC9B,CAACC,EAA6CV,IAAiB,CAC7D,GAAM,CAAE,qBAAAG,EAAsB,SAAAQ,EAAU,UAAAP,EAAW,MAAAQ,EAAO,GAAGb,CAAM,EAAIW,EACjE,CAAE,KAAAT,CAAK,EAAIR,EAAwB,oBAAqBU,CAAoB,EAIlF,OAAIQ,EAEA,gBAACE,EAAA,CACC,GAAG,QACH,KAAMZ,EACN,UAAWO,EAAW,wBAAyBJ,CAAS,EACxD,MAAOQ,GAEP,gBAACE,EAAA,CACC,qBAAsBX,EACrB,GAAGJ,EACJ,IAAKC,EACP,EACCW,GAAY,gBAAC,QAAK,UAAU,8BAA8BA,CAAS,CACtE,EAKF,gBAACG,EAAA,CACC,qBAAsBX,EACrB,GAAGJ,EACJ,IAAKC,EACL,UAAWI,EACX,MAAOQ,EACT,CAEJ,CACF,EACAH,EAAkB,YAAc,qBAKhC,IAAMK,EAAkC,aAGtC,CAAC,CAAE,qBAAAX,EAAsB,GAAGJ,CAAM,EAAGC,IAAiB,CACtD,IAAMe,EAAUtB,EAAwB,4BAA6BU,CAAoB,EACnFG,EAAqBf,EAAsBY,CAAoB,EAC/D,CAAE,MAAAR,EAAO,UAAAS,CAAU,EAAIY,EAC3B,CAAE,GAAGjB,EAAO,GAAGgB,CAAQ,EACvBnB,CACF,EACA,OACE,gBAAwBqB,EAAvB,CACE,GAAGX,EACJ,oBAAmBX,EAClB,GAAGI,EACJ,IAAKC,EACL,UAAWQ,EACT,YACA,uBACA,gCACAJ,CACF,GAEA,gBAAwBc,EAAvB,CACE,GAAGZ,EACJ,QAAO,GACP,UAAU,6BAEV,gBAACa,EAAA,IAAe,CAClB,CACF,CAEJ,CAAC,EACDL,EAA0B,YAAc",
-  "names": ["checkbox_group_exports", "__export", "CheckboxGroupItem", "CheckboxGroupRoot", "React", "classNames", "Context", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "Context", "createCheckboxGroupScope", "useCheckboxGroupScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroupRoot", "color", "checkboxGroupRootPropDefs", "sizeProp", "variant", "props", "forwardedRef", "size", "useThemeSize", "__scopeCheckboxGroup", "className", "rootProps", "checkboxGroupScope", "Root", "classNames", "CheckboxGroupItem", "_props", "children", "style", "Text", "CheckboxGroupItemCheckbox", "context", "extractProps", "Item", "Indicator", "ThickCheckIcon"]
-}

package/dist/esm/chunk-ZFDHZEWN.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as e}from"./chunk-CLJ6SEGP.js";import{a as s}from"./chunk-2Z2I27ZS.js";import{c as r}from"./chunk-HBWBPBSA.js";var o=["1","2","3","4"],a=s.variant.values,f={...e,size:{type:"enum",className:"kui-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:a,default:"raised"},...r};export{f as a};
-//# sourceMappingURL=chunk-ZFDHZEWN.js.map

package/dist/esm/chunk-ZFDHZEWN.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/radio-group.props.tsx"],
-  "sourcesContent": ["import { baseRadioPropDefs } from './_internal/base-radio.props.js';\nimport { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\n// The same list as Radio: a group offers exactly what its items can draw.\nconst variants = baseRadioPropDefs.variant.values;\n\nconst radioGroupRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { radioGroupRootPropDefs };\n"],
-  "mappings": ";wHAMA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAWC,EAAkB,QAAQ,OAErCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EACvF,GAAGI,CACL",
-  "names": ["sizes", "variants", "baseRadioPropDefs", "radioGroupRootPropDefs", "asChildPropDef", "colorPropDef"]
-}