@cloudflare/kumo 1.4.0 → 1.5.0

package/dist/primitives/avatar.js

@@ -1,5 +1,5 @@
 "use client";
-import { d as r } from "../vendor-base-ui-kX0wjdav.js";
+import { d as r } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   r as Avatar
 };

package/dist/primitives/button.js

@@ -1,5 +1,5 @@
 "use client";
-import { B as o } from "../vendor-base-ui-kX0wjdav.js";
+import { B as o } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   o as Button
 };

package/dist/primitives/checkbox-group.js

@@ -1,5 +1,5 @@
 "use client";
-import { C as r } from "../vendor-base-ui-kX0wjdav.js";
+import { C as r } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   r as CheckboxGroup
 };

package/dist/primitives/checkbox.js

@@ -1,5 +1,5 @@
 "use client";
-import { e as c } from "../vendor-base-ui-kX0wjdav.js";
+import { e as c } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   c as Checkbox
 };

package/dist/primitives/collapsible.js

@@ -1,5 +1,5 @@
 "use client";
-import { f as o } from "../vendor-base-ui-kX0wjdav.js";
+import { f as o } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   o as Collapsible
 };

package/dist/primitives/combobox.js

@@ -1,5 +1,5 @@
 "use client";
-import { g as b } from "../vendor-base-ui-kX0wjdav.js";
+import { g as b } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   b as Combobox
 };

package/dist/primitives/context-menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { h as n } from "../vendor-base-ui-kX0wjdav.js";
+import { h as n } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   n as ContextMenu
 };

package/dist/primitives/dialog.js

@@ -1,5 +1,5 @@
 "use client";
-import { j as a } from "../vendor-base-ui-kX0wjdav.js";
+import { j as a } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   a as Dialog
 };

package/dist/primitives/direction-provider.js

@@ -1,5 +1,5 @@
 "use client";
-import { D as r, u as o } from "../vendor-base-ui-kX0wjdav.js";
+import { D as r, u as o } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   r as DirectionProvider,
   o as useDirection

package/dist/primitives/field.js

@@ -1,5 +1,5 @@
 "use client";
-import { k as l } from "../vendor-base-ui-kX0wjdav.js";
+import { k as l } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   l as Field
 };

package/dist/primitives/fieldset.js

@@ -1,5 +1,5 @@
 "use client";
-import { l as s } from "../vendor-base-ui-kX0wjdav.js";
+import { l as s } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   s as Fieldset
 };

package/dist/primitives/form.js

@@ -1,5 +1,5 @@
 "use client";
-import { F as r } from "../vendor-base-ui-kX0wjdav.js";
+import { F as r } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   r as Form
 };

package/dist/primitives/input.js

@@ -1,5 +1,5 @@
 "use client";
-import { I as n } from "../vendor-base-ui-kX0wjdav.js";
+import { I as n } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   n as Input
 };

package/dist/primitives/menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { m as n } from "../vendor-base-ui-kX0wjdav.js";
+import { m as n } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   n as Menu
 };

package/dist/primitives/menubar.js

@@ -1,5 +1,5 @@
 "use client";
-import { M as a } from "../vendor-base-ui-kX0wjdav.js";
+import { M as a } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   a as Menubar
 };

package/dist/primitives/meter.js

@@ -1,5 +1,5 @@
 "use client";
-import { n as t } from "../vendor-base-ui-kX0wjdav.js";
+import { n as t } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   t as Meter
 };

package/dist/primitives/navigation-menu.js

@@ -1,5 +1,5 @@
 "use client";
-import { o as a } from "../vendor-base-ui-kX0wjdav.js";
+import { o as a } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   a as NavigationMenu
 };

package/dist/primitives/number-field.js

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

package/dist/primitives/popover.js

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

package/dist/primitives/preview-card.js

@@ -1,5 +1,5 @@
 "use client";
-import { r as a } from "../vendor-base-ui-kX0wjdav.js";
+import { r as a } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   a as PreviewCard
 };

package/dist/primitives/progress.js

@@ -1,5 +1,5 @@
 "use client";
-import { s as r } from "../vendor-base-ui-kX0wjdav.js";
+import { s as r } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   r as Progress
 };

package/dist/primitives/radio-group.js

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

package/dist/primitives/radio.js

@@ -1,5 +1,5 @@
 "use client";
-import { t } from "../vendor-base-ui-kX0wjdav.js";
+import { t } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   t as Radio
 };

package/dist/primitives/scroll-area.js

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

package/dist/primitives/select.js

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

package/dist/primitives/separator.js

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

package/dist/primitives/slider.js

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

package/dist/primitives/switch.js

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

package/dist/primitives/tabs.js

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

package/dist/primitives/toast.js

@@ -1,5 +1,5 @@
 "use client";
-import { i as s } from "../vendor-base-ui-kX0wjdav.js";
+import { i as s } from "../vendor-base-ui-CQ6wEonS.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-kX0wjdav.js";
+import { T as r } from "../vendor-base-ui-CQ6wEonS.js";
 export {
   r as ToggleGroup
 };

package/dist/primitives/toggle.js

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

package/dist/primitives/toolbar.js

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

package/dist/primitives/tooltip.js

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

package/dist/primitives.js

@@ -1,5 +1,5 @@
 "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-kX0wjdav.js";
+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-CQ6wEonS.js";
 export {
   o as Accordion,
   e as AlertDialog,

package/dist/{radio-CYejLANA.js → radio-CKn09bGo.js}

@@ -2,7 +2,7 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { forwardRef as h, createContext as N, useContext as b } from "react";
 import { c as t } from "./cn-Bhsu1vx2.js";
-import { R as k, N as I, O as w, b6 as A, b7 as y } from "./vendor-base-ui-kX0wjdav.js";
+import { R as k, N as I, O as w, b6 as A, b7 as y } from "./vendor-base-ui-CQ6wEonS.js";
 const j = {
   variant: {
     default: {
@@ -122,4 +122,4 @@ export {
   G as b,
   V as r
 };
-//# sourceMappingURL=radio-CYejLANA.js.map
+//# sourceMappingURL=radio-CKn09bGo.js.map

package/dist/{radio-CYejLANA.js.map → radio-CKn09bGo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"radio-CYejLANA.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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"}
+{"version":3,"file":"radio-CKn09bGo.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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"}

package/dist/{schemas-DCw6TIy0.js → schemas-B-D2OT-O.js}

@@ -3030,18 +3030,15 @@ const g = k([
   className: c().optional()
   // Additional CSS classes merged via `cn()`.
 }), Sa = b({
+  shape: v(["base", "square", "circle"]).optional(),
+  size: v(["xs", "sm", "base", "lg"]).optional(),
+  variant: v(["primary", "secondary", "ghost", "destructive", "secondary-destructive", "outline"]).optional(),
   children: k([c(), y(), h(), w(), g]).optional(),
   className: c().optional(),
   icon: k([c(), y(), h(), w(), g]).optional(),
   // Icon from `@phosphor-icons/react` or a React element. Rendered before children.
   loading: h().optional(),
   // Shows a loading spinner and disables interaction.
-  shape: v(["base", "square", "circle"]).optional(),
-  // Button shape. - `"base"` — Default rectangular button - `"square"` — Square button for icon-only actions - `"circle"` — Circular button for icon-only actions
-  size: v(["xs", "sm", "base", "lg"]).optional(),
-  // Button size. - `"xs"` — Extra small for compact UIs - `"sm"` — Small for secondary actions - `"base"` — Default size - `"lg"` — Large for primary CTAs
-  variant: v(["primary", "secondary", "ghost", "destructive", "secondary-destructive", "outline"]).optional(),
-  // Visual style of the button. - `"primary"` — High-emphasis, brand-colored for primary actions - `"secondary"` — Default style with border for most actions - `"ghost"` — Minimal, no background for tertiary actions - `"destructive"` — Danger button for destructive actions - `"secondary-destructive"` — Secondary style with destructive text - `"outline"` — Bordered with transparent background
   id: c().optional(),
   lang: c().optional(),
   title: c().optional(),
@@ -3475,8 +3472,10 @@ const g = k([
   // Tooltip content displayed next to the label via an info icon.
   className: c().optional(),
   // Additional CSS classes merged via `cn()`.
+  htmlFor: c().optional(),
+  // The id of the form element this label is associated with
   asContent: h().optional()
-  // When `true`, only renders the inline content (indicators, tooltip) without the outer span with font styling. Useful when composed inside another label element that already provides the text styling.
+  // When true, only renders the inline content (indicators, tooltip) without the outer label element with font styling. Useful when composed inside another label element that already provides the text styling.
 }), Ma = b({
   children: k([c(), y(), h(), w(), g]).optional(),
   className: c().optional()
@@ -3856,4 +3855,4 @@ export {
   ls as validateElementProps,
   ps as validateUITree
 };
-//# sourceMappingURL=schemas-DCw6TIy0.js.map
+//# sourceMappingURL=schemas-B-D2OT-O.js.map