@cloudflare/kumo 1.8.0 → 1.9.0

package/dist/primitives/navigation-menu.js

@@ -1,6 +1,6 @@
 "use client";
-import { o as a } from "../vendor-base-ui-B61LL9jT.js";
+import { q as i } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
-  a as NavigationMenu
+  i as NavigationMenu
 };
 //# sourceMappingURL=navigation-menu.js.map

package/dist/primitives/number-field.js

@@ -1,5 +1,5 @@
 "use client";
-import { p as i } from "../vendor-base-ui-B61LL9jT.js";
+import { r as i } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   i as NumberField
 };

package/dist/primitives/popover.js

@@ -1,5 +1,5 @@
 "use client";
-import { q as r } from "../vendor-base-ui-B61LL9jT.js";
+import { s as r } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as Popover
 };

package/dist/primitives/preview-card.js

@@ -1,6 +1,6 @@
 "use client";
-import { r as a } from "../vendor-base-ui-B61LL9jT.js";
+import { t } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
-  a as PreviewCard
+  t as PreviewCard
 };
 //# sourceMappingURL=preview-card.js.map

package/dist/primitives/progress.js

@@ -1,6 +1,6 @@
 "use client";
-import { s as r } from "../vendor-base-ui-B61LL9jT.js";
+import { v as s } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
-  r as Progress
+  s as Progress
 };
 //# sourceMappingURL=progress.js.map

package/dist/primitives/radio-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { R as r } from "../vendor-base-ui-B61LL9jT.js";
+import { R as r } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as RadioGroup
 };

package/dist/primitives/radio.js

@@ -1,6 +1,6 @@
 "use client";
-import { t } from "../vendor-base-ui-B61LL9jT.js";
+import { w as a } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
-  t as Radio
+  a as Radio
 };
 //# sourceMappingURL=radio.js.map

package/dist/primitives/scroll-area.js

@@ -1,5 +1,5 @@
 "use client";
-import { v as l } from "../vendor-base-ui-B61LL9jT.js";
+import { x as l } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   l as ScrollArea
 };

package/dist/primitives/select.js

@@ -1,5 +1,5 @@
 "use client";
-import { w as c } from "../vendor-base-ui-B61LL9jT.js";
+import { y as c } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   c as Select
 };

package/dist/primitives/separator.js

@@ -1,5 +1,5 @@
 "use client";
-import { S as a } from "../vendor-base-ui-B61LL9jT.js";
+import { S as a } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   a as Separator
 };

package/dist/primitives/slider.js

@@ -1,5 +1,5 @@
 "use client";
-import { x as i } from "../vendor-base-ui-B61LL9jT.js";
+import { z as i } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   i as Slider
 };

package/dist/primitives/switch.js

@@ -1,5 +1,5 @@
 "use client";
-import { y as c } from "../vendor-base-ui-B61LL9jT.js";
+import { A as c } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   c as Switch
 };

package/dist/primitives/tabs.js

@@ -1,5 +1,5 @@
 "use client";
-import { z as a } from "../vendor-base-ui-B61LL9jT.js";
+import { E as a } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   a as Tabs
 };

package/dist/primitives/toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as s } from "../vendor-base-ui-B61LL9jT.js";
+import { i as s } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   s as Toast
 };

package/dist/primitives/toggle-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { T as r } from "../vendor-base-ui-B61LL9jT.js";
+import { T as r } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as ToggleGroup
 };

package/dist/primitives/toggle.js

@@ -1,5 +1,5 @@
 "use client";
-import { A as g } from "../vendor-base-ui-B61LL9jT.js";
+import { G as g } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   g as Toggle
 };

package/dist/primitives/toolbar.js

@@ -1,5 +1,5 @@
 "use client";
-import { E as r } from "../vendor-base-ui-B61LL9jT.js";
+import { H as r } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   r as Toolbar
 };

package/dist/primitives/tooltip.js

@@ -1,5 +1,5 @@
 "use client";
-import { G as t } from "../vendor-base-ui-B61LL9jT.js";
+import { J as t } from "../vendor-base-ui-Bsg5ebHI.js";
 export {
   t as Tooltip
 };

package/dist/primitives.js

@@ -1,43 +1,45 @@
 "use client";
-import { a as o, b as e, c as r, d as i, B as t, e as l, C as u, f as n, g as c, h as p, j as b, D as d, k as g, l as C, F as T, I as m, m as v, M as x, n as A, o as M, p as S, q as D, r as F, s as h, t as G, R as P, v as k, w, S as R, x as f, y as B, z as I, i as N, A as j, T as q, E as y, G as z, u as E } from "./vendor-base-ui-B61LL9jT.js";
+import { a as e, b as o, c as r, d as i, B as t, j as l, e as u, C as n, f as c, g as d, h as p, k as b, D as g, l as v, m as C, n as P, F as S, I as T, o as m, M as x, p as A, q as D, r as M, s as w, t as F, v as h, w as G, R as k, x as R, y as f, S as B, z as I, A as N, E as j, i as q, G as y, T as z, H as E, J as H, u as J } from "./vendor-base-ui-Bsg5ebHI.js";
 export {
-  o as Accordion,
-  e as AlertDialog,
+  e as Accordion,
+  o as AlertDialog,
   r as Autocomplete,
   i as Avatar,
   t as Button,
-  l as Checkbox,
-  u as CheckboxGroup,
-  n as Collapsible,
-  c as Combobox,
+  l as CSPProvider,
+  u as Checkbox,
+  n as CheckboxGroup,
+  c as Collapsible,
+  d as Combobox,
   p as ContextMenu,
   b as Dialog,
-  d as DirectionProvider,
-  g as Field,
-  C as Fieldset,
-  T as Form,
-  m as Input,
-  v as Menu,
+  g as DirectionProvider,
+  v as DrawerPreview,
+  C as Field,
+  P as Fieldset,
+  S as Form,
+  T as Input,
+  m as Menu,
   x as Menubar,
   A as Meter,
-  M as NavigationMenu,
-  S as NumberField,
-  D as Popover,
+  D as NavigationMenu,
+  M as NumberField,
+  w as Popover,
   F as PreviewCard,
   h as Progress,
   G as Radio,
-  P as RadioGroup,
-  k as ScrollArea,
-  w as Select,
-  R as Separator,
-  f as Slider,
-  B as Switch,
-  I as Tabs,
-  N as Toast,
-  j as Toggle,
-  q as ToggleGroup,
-  y as Toolbar,
-  z as Tooltip,
-  E as useDirection
+  k as RadioGroup,
+  R as ScrollArea,
+  f as Select,
+  B as Separator,
+  I as Slider,
+  N as Switch,
+  j as Tabs,
+  q as Toast,
+  y as Toggle,
+  z as ToggleGroup,
+  E as Toolbar,
+  H as Tooltip,
+  J as useDirection
 };
 //# sourceMappingURL=primitives.js.map

package/dist/{radio-B8Jk1PFe.js → radio-ibVa4Y8a.js}

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as h, createContext as N, useContext as b } from "react";
+import { forwardRef as v, createContext as b, useContext as k } from "react";
 import { c as t } from "./cn-Bhsu1vx2.js";
-import { R as k, N as I, O as w, bd as A, be as y } from "./vendor-base-ui-B61LL9jT.js";
+import { R as N, P as I, Q as w, bg as A, bh as y } from "./vendor-base-ui-Bsg5ebHI.js";
 const j = {
   variant: {
     default: {
@@ -17,16 +17,16 @@ const j = {
 }, G = {
   variant: "default"
 };
-function V({
+function P({
   variant: r = G.variant
 } = {}) {
   return t(j.variant[r].classes);
 }
-const d = N({
+const u = b({
   controlPosition: "start"
-}), u = h(
+}), d = v(
   ({ className: r, disabled: a, variant: i = "default", label: o, value: s }, n) => {
-    const { controlPosition: l } = b(d);
+    const { controlPosition: l } = k(u);
     return /* @__PURE__ */ c(
       "label",
       {
@@ -60,7 +60,7 @@ const d = N({
     );
   }
 );
-u.displayName = "Radio.Item";
+d.displayName = "Radio.Item";
 function m({
   legend: r,
   children: a,
@@ -71,18 +71,18 @@ function m({
   value: l,
   onValueChange: f,
   disabled: p,
-  controlPosition: x = "start",
-  name: g,
+  controlPosition: g = "start",
+  name: x,
   className: R
 }) {
-  return /* @__PURE__ */ e(d.Provider, { value: { controlPosition: x }, children: /* @__PURE__ */ e(
-    k,
+  return /* @__PURE__ */ e(u.Provider, { value: { controlPosition: g }, children: /* @__PURE__ */ e(
+    N,
     {
       defaultValue: n,
       value: l,
-      onValueChange: (v) => f?.(v),
+      onValueChange: (h) => f?.(h),
       disabled: p,
-      name: g,
+      name: x,
       children: /* @__PURE__ */ c(
         I,
         {
@@ -111,15 +111,15 @@ function m({
   ) });
 }
 m.displayName = "Radio.Group";
-const F = {
-  Item: u,
+const V = {
+  Item: d,
   Group: m
 };
 export {
   j as K,
-  F as R,
+  V as R,
   m as a,
   G as b,
-  V as r
+  P as r
 };
-//# sourceMappingURL=radio-B8Jk1PFe.js.map
+//# sourceMappingURL=radio-ibVa4Y8a.js.map

package/dist/{radio-B8Jk1PFe.js.map → radio-ibVa4Y8a.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-B8Jk1PFe.js","sources":["../src/components/radio/radio.tsx"],"sourcesContent":["import { forwardRef, createContext, useContext, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Fieldset } from \"@base-ui/react/fieldset\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\n\n/** Radio variant definitions mapping variant names to their Tailwind classes. */\nexport const KUMO_RADIO_VARIANTS = {\n  variant: {\n    default: {\n      classes: \"ring-kumo-line\",\n      description: \"Default radio appearance\",\n    },\n    error: {\n      classes: \"ring-destructive\",\n      description: \"Error state for validation failures\",\n    },\n  },\n} as const;\n\nexport const KUMO_RADIO_DEFAULT_VARIANTS = {\n  variant: \"default\",\n} as const;\n\n// Derived types from KUMO_RADIO_VARIANTS\nexport type KumoRadioVariant = keyof typeof KUMO_RADIO_VARIANTS.variant;\n\nexport interface KumoRadioVariantsProps {\n  /**\n   * Visual variant.\n   * - `\"default\"` — Standard radio appearance\n   * - `\"error\"` — Error state for validation failures\n   * @default \"default\"\n   */\n  variant?: KumoRadioVariant;\n}\n\nexport function radioVariants({\n  variant = KUMO_RADIO_DEFAULT_VARIANTS.variant,\n}: KumoRadioVariantsProps = {}) {\n  return cn(KUMO_RADIO_VARIANTS.variant[variant].classes);\n}\n\n// Legacy type alias for backwards compatibility\nexport type RadioVariant = KumoRadioVariant;\n\n/** Position of the radio control relative to its label */\nexport type RadioControlPosition = \"start\" | \"end\";\n\n// Context for passing controlPosition from Group to Items\nconst RadioGroupContext = createContext<{\n  controlPosition: RadioControlPosition;\n}>({\n  controlPosition: \"start\",\n});\n\n/**\n * Radio group component props (with built-in Fieldset and RadioGroup)\n *\n * @example\n * // Basic usage\n * ```tsx\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Horizontal layout\n * ```tsx\n * <Radio.Group legend=\"Size\" orientation=\"horizontal\" defaultValue=\"md\">\n *   <Radio.Item label=\"Small\" value=\"sm\" />\n *   <Radio.Item label=\"Medium\" value=\"md\" />\n *   <Radio.Item label=\"Large\" value=\"lg\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // With error and description\n * ```tsx\n * <Radio.Group\n *   legend=\"Payment method\"\n *   error=\"Please select a payment method\"\n *   description=\"Choose how you'd like to pay\"\n * >\n *   <Radio.Item label=\"Credit Card\" value=\"card\" />\n *   <Radio.Item label=\"PayPal\" value=\"paypal\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Controlled\n * ```tsx\n * const [value, setValue] = useState(\"email\");\n * <Radio.Group legend=\"Contact\" value={value} onValueChange={setValue}>\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"Phone\" value=\"phone\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Label before radio (controlPosition=\"end\")\n * ```tsx\n * <Radio.Group legend=\"Options\" controlPosition=\"end\" defaultValue=\"a\">\n *   <Radio.Item label=\"Option A\" value=\"a\" />\n *   <Radio.Item label=\"Option B\" value=\"b\" />\n * </Radio.Group>\n * ```\n */\nexport interface RadioGroupProps {\n  /** Legend text for the group (required for accessibility) */\n  legend: string;\n  /** Child Radio.Item components */\n  children: ReactNode;\n  /** Layout direction of the radio items */\n  orientation?: \"vertical\" | \"horizontal\";\n  /** Error message for the group */\n  error?: string;\n  /** Helper text for the group */\n  description?: ReactNode;\n  /** Value of the radio that should be initially selected (uncontrolled) */\n  defaultValue?: string;\n  /** Value of the radio that should be selected (controlled) */\n  value?: string;\n  /** Event handler called when radio value changes */\n  onValueChange?: (value: string) => void;\n  /** Whether all radios in the group are disabled */\n  disabled?: boolean;\n  /** Position of radio control relative to label: \"start\" (default) puts radio before label, \"end\" puts label before radio */\n  controlPosition?: RadioControlPosition;\n  /** Form submission name for the radio group */\n  name?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Individual radio item within a group\n *\n * @example\n * ```tsx\n * <Radio.Item label=\"Option A\" value=\"a\" />\n * ```\n *\n * @example\n * // Disabled item\n * ```tsx\n * <Radio.Item label=\"Unavailable\" value=\"unavailable\" disabled />\n * ```\n */\nexport type RadioItemProps = {\n  /** Visual variant: \"default\" or \"error\" for validation failures */\n  variant?: RadioVariant;\n  /** Label text displayed next to radio (required) */\n  label: string;\n  /** Value of the radio (required) */\n  value: string;\n  /** Additional CSS classes for the label wrapper */\n  className?: string;\n  /** Whether the radio is disabled */\n  disabled?: boolean;\n};\n\n// Radio.Item for use within Radio.Group\nconst RadioItem = forwardRef<HTMLButtonElement, RadioItemProps>(\n  ({ className, disabled, variant = \"default\", label, value }, ref) => {\n    const { controlPosition } = useContext(RadioGroupContext);\n\n    return (\n      <label\n        className={cn(\n          \"group relative inline-flex items-center gap-2\",\n          // \"start\" (default): radio before label\n          // \"end\": label before radio using flex-row-reverse\n          controlPosition === \"end\" && \"flex-row-reverse justify-end\",\n          disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\",\n          className,\n        )}\n      >\n        <BaseRadio.Root\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          className={cn(\n            \"flex h-4 w-4 items-center justify-center rounded-full border-0 bg-kumo-base ring\",\n            variant === \"error\" ? \"ring-kumo-danger\" : \"ring-kumo-line\",\n            !disabled &&\n              \"group-hover:ring-kumo-ring focus-visible:ring-kumo-ring focus-visible:outline-offset-3\",\n            \"data-checked:bg-kumo-contrast\",\n          )}\n        >\n          <BaseRadio.Indicator className=\"flex items-center justify-center\">\n            <span className=\"h-2 w-2 rounded-full bg-kumo-base\" />\n          </BaseRadio.Indicator>\n        </BaseRadio.Root>\n        <span className=\"text-base font-medium text-kumo-default\">{label}</span>\n      </label>\n    );\n  },\n);\n\nRadioItem.displayName = \"Radio.Item\";\n\n// Radio.Group with built-in Fieldset and RadioGroup\nfunction RadioGroup({\n  legend,\n  children,\n  orientation = \"vertical\",\n  error,\n  description,\n  defaultValue,\n  value,\n  onValueChange,\n  disabled,\n  controlPosition = \"start\",\n  name,\n  className,\n}: RadioGroupProps) {\n  return (\n    <RadioGroupContext.Provider value={{ controlPosition }}>\n      <BaseRadioGroup\n        defaultValue={defaultValue}\n        value={value}\n        onValueChange={(newValue) => onValueChange?.(newValue as string)}\n        disabled={disabled}\n        name={name}\n      >\n        <Fieldset.Root\n          className={cn(\n            \"flex flex-col gap-4 rounded-lg border border-kumo-line p-4\",\n            className,\n          )}\n        >\n          <Fieldset.Legend className=\"text-lg font-medium text-kumo-default\">\n            {legend}\n          </Fieldset.Legend>\n          <div\n            className={cn(\n              \"flex gap-2\",\n              orientation === \"vertical\" ? \"flex-col\" : \"flex-row flex-wrap\",\n            )}\n          >\n            {children}\n          </div>\n          {error && <p className=\"text-sm text-kumo-danger\">{error}</p>}\n          {description && <p className=\"text-sm text-kumo-subtle\">{description}</p>}\n        </Fieldset.Root>\n      </BaseRadioGroup>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroup.displayName = \"Radio.Group\";\n\n// Export RadioGroup directly for external usage\nexport { RadioGroup };\n\n/**\n * Radio — radio button group for single-select choices.\n *\n * Compound component: `Radio.Group` (with built-in Fieldset) and `Radio.Item`.\n * Built on `@base-ui/react/radio-group` + `@base-ui/react/radio`.\n *\n * @example\n * ```tsx\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n * ```\n */\nexport const Radio = {\n  Item: RadioItem,\n  Group: RadioGroup,\n};\n"],"names":["KUMO_RADIO_VARIANTS","KUMO_RADIO_DEFAULT_VARIANTS","radioVariants","variant","cn","RadioGroupContext","createContext","RadioItem","forwardRef","className","disabled","label","value","ref","controlPosition","useContext","jsxs","jsx","BaseRadio.Root","BaseRadio.Indicator","RadioGroup","legend","children","orientation","error","description","defaultValue","onValueChange","name","BaseRadioGroup","newValue","Fieldset.Root","Fieldset.Legend","Radio"],"mappings":";;;;;AAOO,MAAMA,IAAsB;AAAA,EACjC,SAAS;AAAA,IACP,SAAS;AAAA,MACP,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,IAEf,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IAAA;AAAA,EACf;AAEJ,GAEaC,IAA8B;AAAA,EACzC,SAAS;AACX;AAeO,SAASC,EAAc;AAAA,EAC5B,SAAAC,IAAUF,EAA4B;AACxC,IAA4B,IAAI;AAC9B,SAAOG,EAAGJ,EAAoB,QAAQG,CAAO,EAAE,OAAO;AACxD;AASA,MAAME,IAAoBC,EAEvB;AAAA,EACD,iBAAiB;AACnB,CAAC,GAgHKC,IAAYC;AAAA,EAChB,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAP,IAAU,WAAW,OAAAQ,GAAO,OAAAC,EAAA,GAASC,MAAQ;AACnE,UAAM,EAAE,iBAAAC,EAAA,IAAoBC,EAAWV,CAAiB;AAExD,WACE,gBAAAW;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWZ;AAAA,UACT;AAAA;AAAA;AAAA,UAGAU,MAAoB,SAAS;AAAA,UAC7BJ,IAAW,kCAAkC;AAAA,UAC7CD;AAAA,QAAA;AAAA,QAGF,UAAA;AAAA,UAAA,gBAAAQ;AAAA,YAACC;AAAAA,YAAA;AAAA,cACC,KAAAL;AAAA,cACA,OAAAD;AAAA,cACA,UAAAF;AAAA,cACA,WAAWN;AAAA,gBACT;AAAA,gBACAD,MAAY,UAAU,qBAAqB;AAAA,gBAC3C,CAACO,KACC;AAAA,gBACF;AAAA,cAAA;AAAA,cAGF,UAAA,gBAAAO,EAACE,GAAA,EAAoB,WAAU,oCAC7B,UAAA,gBAAAF,EAAC,QAAA,EAAK,WAAU,oCAAA,CAAoC,EAAA,CACtD;AAAA,YAAA;AAAA,UAAA;AAAA,UAEF,gBAAAA,EAAC,QAAA,EAAK,WAAU,2CAA2C,UAAAN,EAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGvE;AACF;AAEAJ,EAAU,cAAc;AAGxB,SAASa,EAAW;AAAA,EAClB,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAd;AAAA,EACA,eAAAe;AAAA,EACA,UAAAjB;AAAA,EACA,iBAAAI,IAAkB;AAAA,EAClB,MAAAc;AAAA,EACA,WAAAnB;AACF,GAAoB;AAClB,2BACGJ,EAAkB,UAAlB,EAA2B,OAAO,EAAE,iBAAAS,KACnC,UAAA,gBAAAG;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,cAAAH;AAAA,MACA,OAAAd;AAAA,MACA,eAAe,CAACkB,MAAaH,IAAgBG,CAAkB;AAAA,MAC/D,UAAApB;AAAA,MACA,MAAAkB;AAAA,MAEA,UAAA,gBAAAZ;AAAA,QAACe;AAAAA,QAAA;AAAA,UACC,WAAW3B;AAAA,YACT;AAAA,YACAK;AAAA,UAAA;AAAA,UAGF,UAAA;AAAA,YAAA,gBAAAQ,EAACe,GAAA,EAAgB,WAAU,yCACxB,UAAAX,GACH;AAAA,YACA,gBAAAJ;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWb;AAAA,kBACT;AAAA,kBACAmB,MAAgB,aAAa,aAAa;AAAA,gBAAA;AAAA,gBAG3C,UAAAD;AAAA,cAAA;AAAA,YAAA;AAAA,YAEFE,KAAS,gBAAAP,EAAC,KAAA,EAAE,WAAU,4BAA4B,UAAAO,GAAM;AAAA,YACxDC,KAAe,gBAAAR,EAAC,KAAA,EAAE,WAAU,4BAA4B,UAAAQ,EAAA,CAAY;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACvE;AAAA,EAAA,GAEJ;AAEJ;AAEAL,EAAW,cAAc;AAoBlB,MAAMa,IAAQ;AAAA,EACnB,MAAM1B;AAAA,EACN,OAAOa;AACT;"}
+{"version":3,"file":"radio-ibVa4Y8a.js","sources":["../src/components/radio/radio.tsx"],"sourcesContent":["import { forwardRef, createContext, useContext, type ReactNode } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { Fieldset } from \"@base-ui/react/fieldset\";\nimport { RadioGroup as BaseRadioGroup } from \"@base-ui/react/radio-group\";\nimport { Radio as BaseRadio } from \"@base-ui/react/radio\";\n\n/** Radio variant definitions mapping variant names to their Tailwind classes. */\nexport const KUMO_RADIO_VARIANTS = {\n  variant: {\n    default: {\n      classes: \"ring-kumo-line\",\n      description: \"Default radio appearance\",\n    },\n    error: {\n      classes: \"ring-destructive\",\n      description: \"Error state for validation failures\",\n    },\n  },\n} as const;\n\nexport const KUMO_RADIO_DEFAULT_VARIANTS = {\n  variant: \"default\",\n} as const;\n\n// Derived types from KUMO_RADIO_VARIANTS\nexport type KumoRadioVariant = keyof typeof KUMO_RADIO_VARIANTS.variant;\n\nexport interface KumoRadioVariantsProps {\n  /**\n   * Visual variant.\n   * - `\"default\"` — Standard radio appearance\n   * - `\"error\"` — Error state for validation failures\n   * @default \"default\"\n   */\n  variant?: KumoRadioVariant;\n}\n\nexport function radioVariants({\n  variant = KUMO_RADIO_DEFAULT_VARIANTS.variant,\n}: KumoRadioVariantsProps = {}) {\n  return cn(KUMO_RADIO_VARIANTS.variant[variant].classes);\n}\n\n// Legacy type alias for backwards compatibility\nexport type RadioVariant = KumoRadioVariant;\n\n/** Position of the radio control relative to its label */\nexport type RadioControlPosition = \"start\" | \"end\";\n\n// Context for passing controlPosition from Group to Items\nconst RadioGroupContext = createContext<{\n  controlPosition: RadioControlPosition;\n}>({\n  controlPosition: \"start\",\n});\n\n/**\n * Radio group component props (with built-in Fieldset and RadioGroup)\n *\n * @example\n * // Basic usage\n * ```tsx\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Horizontal layout\n * ```tsx\n * <Radio.Group legend=\"Size\" orientation=\"horizontal\" defaultValue=\"md\">\n *   <Radio.Item label=\"Small\" value=\"sm\" />\n *   <Radio.Item label=\"Medium\" value=\"md\" />\n *   <Radio.Item label=\"Large\" value=\"lg\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // With error and description\n * ```tsx\n * <Radio.Group\n *   legend=\"Payment method\"\n *   error=\"Please select a payment method\"\n *   description=\"Choose how you'd like to pay\"\n * >\n *   <Radio.Item label=\"Credit Card\" value=\"card\" />\n *   <Radio.Item label=\"PayPal\" value=\"paypal\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Controlled\n * ```tsx\n * const [value, setValue] = useState(\"email\");\n * <Radio.Group legend=\"Contact\" value={value} onValueChange={setValue}>\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"Phone\" value=\"phone\" />\n * </Radio.Group>\n * ```\n *\n * @example\n * // Label before radio (controlPosition=\"end\")\n * ```tsx\n * <Radio.Group legend=\"Options\" controlPosition=\"end\" defaultValue=\"a\">\n *   <Radio.Item label=\"Option A\" value=\"a\" />\n *   <Radio.Item label=\"Option B\" value=\"b\" />\n * </Radio.Group>\n * ```\n */\nexport interface RadioGroupProps {\n  /** Legend text for the group (required for accessibility) */\n  legend: string;\n  /** Child Radio.Item components */\n  children: ReactNode;\n  /** Layout direction of the radio items */\n  orientation?: \"vertical\" | \"horizontal\";\n  /** Error message for the group */\n  error?: string;\n  /** Helper text for the group */\n  description?: ReactNode;\n  /** Value of the radio that should be initially selected (uncontrolled) */\n  defaultValue?: string;\n  /** Value of the radio that should be selected (controlled) */\n  value?: string;\n  /** Event handler called when radio value changes */\n  onValueChange?: (value: string) => void;\n  /** Whether all radios in the group are disabled */\n  disabled?: boolean;\n  /** Position of radio control relative to label: \"start\" (default) puts radio before label, \"end\" puts label before radio */\n  controlPosition?: RadioControlPosition;\n  /** Form submission name for the radio group */\n  name?: string;\n  /** Additional CSS classes */\n  className?: string;\n}\n\n/**\n * Individual radio item within a group\n *\n * @example\n * ```tsx\n * <Radio.Item label=\"Option A\" value=\"a\" />\n * ```\n *\n * @example\n * // Disabled item\n * ```tsx\n * <Radio.Item label=\"Unavailable\" value=\"unavailable\" disabled />\n * ```\n */\nexport type RadioItemProps = {\n  /** Visual variant: \"default\" or \"error\" for validation failures */\n  variant?: RadioVariant;\n  /** Label text displayed next to radio (required) */\n  label: string;\n  /** Value of the radio (required) */\n  value: string;\n  /** Additional CSS classes for the label wrapper */\n  className?: string;\n  /** Whether the radio is disabled */\n  disabled?: boolean;\n};\n\n// Radio.Item for use within Radio.Group\nconst RadioItem = forwardRef<HTMLButtonElement, RadioItemProps>(\n  ({ className, disabled, variant = \"default\", label, value }, ref) => {\n    const { controlPosition } = useContext(RadioGroupContext);\n\n    return (\n      <label\n        className={cn(\n          \"group relative inline-flex items-center gap-2\",\n          // \"start\" (default): radio before label\n          // \"end\": label before radio using flex-row-reverse\n          controlPosition === \"end\" && \"flex-row-reverse justify-end\",\n          disabled ? \"cursor-not-allowed opacity-50\" : \"cursor-pointer\",\n          className,\n        )}\n      >\n        <BaseRadio.Root\n          ref={ref}\n          value={value}\n          disabled={disabled}\n          className={cn(\n            \"flex h-4 w-4 items-center justify-center rounded-full border-0 bg-kumo-base ring\",\n            variant === \"error\" ? \"ring-kumo-danger\" : \"ring-kumo-line\",\n            !disabled &&\n              \"group-hover:ring-kumo-ring focus-visible:ring-kumo-ring focus-visible:outline-offset-3\",\n            \"data-checked:bg-kumo-contrast\",\n          )}\n        >\n          <BaseRadio.Indicator className=\"flex items-center justify-center\">\n            <span className=\"h-2 w-2 rounded-full bg-kumo-base\" />\n          </BaseRadio.Indicator>\n        </BaseRadio.Root>\n        <span className=\"text-base font-medium text-kumo-default\">{label}</span>\n      </label>\n    );\n  },\n);\n\nRadioItem.displayName = \"Radio.Item\";\n\n// Radio.Group with built-in Fieldset and RadioGroup\nfunction RadioGroup({\n  legend,\n  children,\n  orientation = \"vertical\",\n  error,\n  description,\n  defaultValue,\n  value,\n  onValueChange,\n  disabled,\n  controlPosition = \"start\",\n  name,\n  className,\n}: RadioGroupProps) {\n  return (\n    <RadioGroupContext.Provider value={{ controlPosition }}>\n      <BaseRadioGroup\n        defaultValue={defaultValue}\n        value={value}\n        onValueChange={(newValue) => onValueChange?.(newValue as string)}\n        disabled={disabled}\n        name={name}\n      >\n        <Fieldset.Root\n          className={cn(\n            \"flex flex-col gap-4 rounded-lg border border-kumo-line p-4\",\n            className,\n          )}\n        >\n          <Fieldset.Legend className=\"text-lg font-medium text-kumo-default\">\n            {legend}\n          </Fieldset.Legend>\n          <div\n            className={cn(\n              \"flex gap-2\",\n              orientation === \"vertical\" ? \"flex-col\" : \"flex-row flex-wrap\",\n            )}\n          >\n            {children}\n          </div>\n          {error && <p className=\"text-sm text-kumo-danger\">{error}</p>}\n          {description && <p className=\"text-sm text-kumo-subtle\">{description}</p>}\n        </Fieldset.Root>\n      </BaseRadioGroup>\n    </RadioGroupContext.Provider>\n  );\n}\n\nRadioGroup.displayName = \"Radio.Group\";\n\n// Export RadioGroup directly for external usage\nexport { RadioGroup };\n\n/**\n * Radio — radio button group for single-select choices.\n *\n * Compound component: `Radio.Group` (with built-in Fieldset) and `Radio.Item`.\n * Built on `@base-ui/react/radio-group` + `@base-ui/react/radio`.\n *\n * @example\n * ```tsx\n * <Radio.Group legend=\"Notification preference\" defaultValue=\"email\">\n *   <Radio.Item label=\"Email\" value=\"email\" />\n *   <Radio.Item label=\"SMS\" value=\"sms\" />\n *   <Radio.Item label=\"Push\" value=\"push\" />\n * </Radio.Group>\n * ```\n */\nexport const Radio = {\n  Item: RadioItem,\n  Group: RadioGroup,\n};\n"],"names":["KUMO_RADIO_VARIANTS","KUMO_RADIO_DEFAULT_VARIANTS","radioVariants","variant","cn","RadioGroupContext","createContext","RadioItem","forwardRef","className","disabled","label","value","ref","controlPosition","useContext","jsxs","jsx","BaseRadio.Root","BaseRadio.Indicator","RadioGroup","legend","children","orientation","error","description","defaultValue","onValueChange","name","BaseRadioGroup","newValue","Fieldset.Root","Fieldset.Legend","Radio"],"mappings":"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"}