@womp/kookie-ui 0.24.0 → 0.25.1

package/dist/esm/{chunk-3XHTJZNP.js.map → chunk-I6SMGWS5.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/_internal/base-menu.props.ts"],
   "sourcesContent": ["import { 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 contentSizes = ['1', '2', '3', '4'] as const;\nconst submenuBehaviors = ['cascade', 'drill-down'] as const;\n\n// Base props shared between Content and SubContent\nconst baseMenuSharedPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'kui-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n};\n\n// Content-specific props (includes submenuBehavior)\nconst baseMenuContentPropDefs = {\n  ...baseMenuSharedPropDefs,\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior: {\n    type: 'enum',\n    values: submenuBehaviors,\n    default: 'cascade',\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  submenuBehavior: PropDef<(typeof submenuBehaviors)[number]>;\n};\n\n// SubContent props (no submenuBehavior)\nconst baseMenuSubContentPropDefs = baseMenuSharedPropDefs;\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuSubContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n  submenuBehaviors,\n};\n"],
-  "mappings": "gFAKA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,UAAW,YAAY,EAG3CC,EAAyB,CAC7B,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,GAAGG,CACL,EAKMC,EAA0B,CAC9B,GAAGF,EAOH,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,UACT,WAAY,EACd,CACF,EAMMI,EAA6BH,EAE7BI,EAAuB,CAC3B,GAAGC,EACH,GAAGJ,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMK,EAA+B,CACnC,GAAGL,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMM,EAA4B,CAChC,GAAGN,CACL",
+  "mappings": ";gFAKA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAClCC,EAAmB,CAAC,UAAW,YAAY,EAG3CC,EAAyB,CAC7B,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,GAAGG,CACL,EAKMC,EAA0B,CAC9B,GAAGF,EAOH,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,UACT,WAAY,EACd,CACF,EAMMI,EAA6BH,EAE7BI,EAAuB,CAC3B,GAAGC,EACH,GAAGJ,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMK,EAA+B,CACnC,GAAGL,EACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMM,EAA4B,CAChC,GAAGN,CACL",
   "names": ["contentSizes", "submenuBehaviors", "baseMenuSharedPropDefs", "colorPropDef", "baseMenuContentPropDefs", "baseMenuSubContentPropDefs", "baseMenuItemPropDefs", "asChildPropDef", "baseMenuCheckboxItemPropDefs", "baseMenuRadioItemPropDefs"]
 }

package/dist/esm/chunk-ILWS2JUE.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as o}from"./chunk-TGUWRU7N.js";import{a}from"./chunk-WZKSLTBH.js";import{c as i}from"./chunk-OKQAVYW4.js";import*as e from"react";import u from"classnames";var c=e.forwardRef((t,l)=>{let{className:m,children:s,loading:f,...n}=i(t,o);if(!f)return s;let p=n["aria-label"]!==void 0||n["aria-labelledby"]!==void 0,r=e.createElement("span",{role:p?"status":void 0,"aria-hidden":p?void 0:!0,...n,ref:l,className:u("kui-Spinner",m)},e.createElement("span",{className:"kui-SpinnerWheel"},e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"})),typeof n["aria-label"]=="string"?e.createElement("span",{className:"kui-sr-only"},n["aria-label"]):null);return s===void 0?r:e.createElement(a,{asChild:!0,position:"relative",align:"center",justify:"center"},e.createElement("span",{"aria-busy":"true"},e.createElement("span",{"aria-hidden":!0,className:"kui-SpinnerHiddenChildren"},s),e.createElement(a,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,r))))});c.displayName="Spinner";export{c as a};
+//# sourceMappingURL=chunk-ILWS2JUE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/spinner.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Flex } from './flex.js';\nimport { spinnerPropDefs } from './spinner.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SpinnerElement = React.ElementRef<'span'>;\ntype SpinnerOwnProps = GetPropDefTypes<typeof spinnerPropDefs>;\ninterface SpinnerProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    SpinnerOwnProps {}\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>((props, forwardedRef) => {\n  const { className, children, loading, ...spinnerProps } = extractProps(\n    props,\n    spinnerPropDefs\n  );\n\n  if (!loading) return children;\n\n  // Decorative unless named: a named spinner is a status message, an unnamed one is hidden.\n  const named =\n    spinnerProps['aria-label'] !== undefined || spinnerProps['aria-labelledby'] !== undefined;\n\n  const spinner = (\n    <span\n      role={named ? 'status' : undefined}\n      aria-hidden={named ? undefined : true}\n      {...spinnerProps}\n      ref={forwardedRef} className={classNames('kui-Spinner', className)}>\n      <span className=\"kui-SpinnerWheel\">\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n      </span>\n      {/* A live region reads its text, not its aria-label, so the name is also its content. */}\n      {typeof spinnerProps['aria-label'] === 'string' ? (\n        <span className=\"kui-sr-only\">{spinnerProps['aria-label']}</span>\n      ) : null}\n    </span>\n  );\n\n  if (children === undefined) return spinner;\n\n  return (\n    <Flex asChild position=\"relative\" align=\"center\" justify=\"center\">\n      <span aria-busy=\"true\">\n        {/**\n         * `display: contents` removes the content from the accessibility tree in some browsers,\n         * so we force remove it with `aria-hidden`\n         */}\n        <span aria-hidden className=\"kui-SpinnerHiddenChildren\">\n          {children}\n        </span>\n\n        <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n          <span>{spinner}</span>\n        </Flex>\n      </span>\n    </Flex>\n  );\n});\nSpinner.displayName = 'Spinner';\n\nexport { Spinner };\nexport type { SpinnerProps };\n"],
+  "mappings": ";mHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAcvB,IAAMC,EAAgB,aAAyC,CAACC,EAAOC,IAAiB,CACtF,GAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAa,EAAIC,EACxDN,EACAO,CACF,EAEA,GAAI,CAACH,EAAS,OAAOD,EAGrB,IAAMK,EACJH,EAAa,YAAY,IAAM,QAAaA,EAAa,iBAAiB,IAAM,OAE5EI,EACJ,gBAAC,QACC,KAAMD,EAAQ,SAAW,OACzB,cAAaA,EAAQ,OAAY,GAChC,GAAGH,EACJ,IAAKJ,EAAc,UAAWS,EAAW,cAAeR,CAAS,GACjE,gBAAC,QAAK,UAAU,oBACd,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,CACpC,EAEC,OAAOG,EAAa,YAAY,GAAM,SACrC,gBAAC,QAAK,UAAU,eAAeA,EAAa,YAAY,CAAE,EACxD,IACN,EAGF,OAAIF,IAAa,OAAkBM,EAGjC,gBAACE,EAAA,CAAK,QAAO,GAAC,SAAS,WAAW,MAAM,SAAS,QAAQ,UACvD,gBAAC,QAAK,YAAU,QAKd,gBAAC,QAAK,cAAW,GAAC,UAAU,6BACzBR,CACH,EAEA,gBAACQ,EAAA,CAAK,QAAO,GAAC,MAAM,SAAS,QAAQ,SAAS,SAAS,WAAW,MAAM,KACtE,gBAAC,YAAMF,CAAQ,CACjB,CACF,CACF,CAEJ,CAAC,EACDV,EAAQ,YAAc",
+  "names": ["React", "classNames", "Spinner", "props", "forwardedRef", "className", "children", "loading", "spinnerProps", "extractProps", "spinnerPropDefs", "named", "spinner", "classNames", "Flex"]
+}

package/dist/esm/{chunk-QWDCLL6R.js → chunk-IN2WND4B.js}

@@ -1,2 +1,3 @@
-import{a as s}from"./chunk-GBQZ4Z2H.js";import{z as r}from"zod";var l=s.extend({pressed:r.boolean().optional().describe("Controlled pressed state"),onPressedChange:r.function().optional().describe("Callback when pressed state changes"),defaultPressed:r.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(e=>!e.iconOnly||!!(e["aria-label"]||e["aria-labelledby"]),{message:"An iconOnly Toggle must have either 'aria-label' or 'aria-labelledby' for accessibility",path:["aria-label"]}).refine(e=>!(e.pressed!==void 0&&e.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(e=>!(e.pressed!==void 0&&e.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function a(e){return e}export{l as a,a as b};
-//# sourceMappingURL=chunk-QWDCLL6R.js.map
+"use client";
+import{a as s}from"./chunk-WN3WMFAM.js";import{z as r}from"zod";var l=s.extend({pressed:r.boolean().optional().describe("Controlled pressed state"),onPressedChange:r.function().optional().describe("Callback when pressed state changes"),defaultPressed:r.boolean().optional().describe("Default pressed state for uncontrolled usage")}).refine(e=>!e.iconOnly||!!(e["aria-label"]||e["aria-labelledby"]),{message:"An iconOnly Toggle must have either 'aria-label' or 'aria-labelledby' for accessibility",path:["aria-label"]}).refine(e=>!(e.pressed!==void 0&&e.onPressedChange===void 0),{message:"When using controlled mode (pressed prop), onPressedChange must also be provided",path:["onPressedChange"]}).refine(e=>!(e.pressed!==void 0&&e.defaultPressed!==void 0),{message:"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together",path:["pressed","defaultPressed"]});function a(e){return e}export{l as a,a as b};
+//# sourceMappingURL=chunk-IN2WND4B.js.map

package/dist/esm/{chunk-QWDCLL6R.js.map → chunk-IN2WND4B.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/schemas/toggle.schema.ts"],
   "sourcesContent": ["import { z } from 'zod';\nimport { ButtonObjectSchema } from './button.schema.js';\n\n/**\n * Toggle Zod schema - Single source of truth for Toggle component props\n *\n * Toggle is a Button that stays pressed, built on Radix UI's Toggle primitive. Set `iconOnly`\n * for a square toggle holding only an icon; it then needs `aria-label` or `aria-labelledby`.\n *\n * @example\n * ```tsx\n * const props = ToggleSchema.parse({ defaultPressed: false, variant: 'outline' });\n *\n * const iconProps = ToggleSchema.parse({ iconOnly: true, 'aria-label': 'Bold' });\n * ```\n */\nexport const ToggleSchema = ButtonObjectSchema.extend({\n  /**\n   * Controlled pressed state\n   * When provided, the component is controlled and the pressed state is managed externally\n   */\n  pressed: z.boolean().optional().describe('Controlled pressed state'),\n\n  /**\n   * Callback when pressed state changes\n   * Called with the new pressed state when the toggle is activated\n   */\n  onPressedChange: z.function().optional().describe('Callback when pressed state changes'),\n\n  /**\n   * Default pressed state for uncontrolled usage\n   * Used as the initial pressed state when the component is uncontrolled\n   */\n  defaultPressed: z.boolean().optional().describe('Default pressed state for uncontrolled usage'),\n})\n  .refine((data) => !data.iconOnly || Boolean(data['aria-label'] || data['aria-labelledby']), {\n    message: \"An iconOnly Toggle must have either 'aria-label' or 'aria-labelledby' for accessibility\",\n    path: ['aria-label'],\n  })\n  .refine(\n    (data) => {\n      // If pressed is provided, onPressedChange should also be provided for controlled usage\n      if (data.pressed !== undefined && data.onPressedChange === undefined) {\n        return false;\n      }\n      return true;\n    },\n    {\n      message: 'When using controlled mode (pressed prop), onPressedChange must also be provided',\n      path: ['onPressedChange'],\n    },\n  )\n  .refine(\n    (data) => {\n      // Cannot have both controlled and uncontrolled props\n      if (data.pressed !== undefined && data.defaultPressed !== undefined) {\n        return false;\n      }\n      return true;\n    },\n    {\n      message:\n        'Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together',\n      path: ['pressed', 'defaultPressed'],\n    },\n  );\n\n/**\n * Type derived from Toggle Zod schema\n * This ensures type safety and consistency with the schema\n */\nexport type ToggleProps = z.infer<typeof ToggleSchema>;\n\n/**\n * Development-only helper to validate and normalize Toggle props\n * This function should only be used in development mode\n *\n * @param props - Props to validate and normalize\n * @returns Validated and normalized props\n *\n * @example\n * ```tsx\n * // In development, this will validate props and show helpful errors\n * const invalidProps = parseToggleProps({\n *   pressed: true,\n *   defaultPressed: false\n *   // Missing onPressedChange and conflicting controlled/uncontrolled\n * });\n * // Throws: \"Cannot use both controlled (pressed) and uncontrolled (defaultPressed) props together\"\n *\n * const validProps = parseToggleProps({\n *   pressed: true,\n *   onPressedChange: (pressed) => setPressed(pressed)\n * });\n * ```\n */\nexport function parseToggleProps(props: unknown): ToggleProps {\n  if (process.env.NODE_ENV === 'development') {\n    return ToggleSchema.parse(props);\n  }\n  return props as ToggleProps;\n}\n"],
-  "mappings": "wCAAA,OAAS,KAAAA,MAAS,MAgBX,IAAMC,EAAeC,EAAmB,OAAO,CAKpD,QAASC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,0BAA0B,EAMnE,gBAAiBA,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qCAAqC,EAMvF,eAAgBA,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,8CAA8C,CAChG,CAAC,EACE,OAAQC,GAAS,CAACA,EAAK,UAAY,GAAQA,EAAK,YAAY,GAAKA,EAAK,iBAAiB,GAAI,CAC1F,QAAS,0FACT,KAAM,CAAC,YAAY,CACrB,CAAC,EACA,OACEA,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,kBAAoB,QAK7D,CACE,QAAS,mFACT,KAAM,CAAC,iBAAiB,CAC1B,CACF,EACC,OACEA,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,iBAAmB,QAK5D,CACE,QACE,wFACF,KAAM,CAAC,UAAW,gBAAgB,CACpC,CACF,EA+BK,SAASC,EAAiBC,EAA6B,CAI5D,OAAOA,CACT",
+  "mappings": ";wCAAA,OAAS,KAAAA,MAAS,MAgBX,IAAMC,EAAeC,EAAmB,OAAO,CAKpD,QAASC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,0BAA0B,EAMnE,gBAAiBA,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,qCAAqC,EAMvF,eAAgBA,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,8CAA8C,CAChG,CAAC,EACE,OAAQC,GAAS,CAACA,EAAK,UAAY,GAAQA,EAAK,YAAY,GAAKA,EAAK,iBAAiB,GAAI,CAC1F,QAAS,0FACT,KAAM,CAAC,YAAY,CACrB,CAAC,EACA,OACEA,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,kBAAoB,QAK7D,CACE,QAAS,mFACT,KAAM,CAAC,iBAAiB,CAC1B,CACF,EACC,OACEA,GAEK,EAAAA,EAAK,UAAY,QAAaA,EAAK,iBAAmB,QAK5D,CACE,QACE,wFACF,KAAM,CAAC,UAAW,gBAAgB,CACpC,CACF,EA+BK,SAASC,EAAiBC,EAA6B,CAI5D,OAAOA,CACT",
   "names": ["z", "ToggleSchema", "ButtonObjectSchema", "z", "data", "parseToggleProps", "props"]
 }

package/dist/esm/chunk-IO43RGNR.js

@@ -0,0 +1,3 @@
+"use client";
+var e=["left","center","right"],s={align:{type:"enum",className:"kui-r-ta",values:e,responsive:!0}};var t=["sans","mono","serif"],n={font:{type:"enum",className:"kui-r-ff",values:t}};export{s as a,n as b};
+//# sourceMappingURL=chunk-IO43RGNR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/text-align.prop.ts", "../../src/props/font-family.prop.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst textAlignValues = ['left', 'center', 'right'] as const;\n\nconst textAlignPropDef = {\n  align: {\n    type: 'enum',\n    className: 'kui-r-ta',\n    values: textAlignValues,\n    responsive: true,\n  },\n} satisfies {\n  align: PropDef<(typeof textAlignValues)[number]>;\n};\n\nexport { textAlignPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\n\nconst fontFamilyPropDef = {\n  font: {\n    type: 'enum',\n    className: 'kui-r-ff',\n    values: fontFamilies,\n  },\n} satisfies {\n  font: PropDef<(typeof fontFamilies)[number]>;\n};\n\nexport { fontFamilyPropDef };\n"],
+  "mappings": ";AAEA,IAAMA,EAAkB,CAAC,OAAQ,SAAU,OAAO,EAE5CC,EAAmB,CACvB,MAAO,CACL,KAAM,OACN,UAAW,WACX,OAAQD,EACR,WAAY,EACd,CACF,ECTA,IAAME,EAAe,CAAC,OAAQ,OAAQ,OAAO,EAEvCC,EAAoB,CACxB,KAAM,CACJ,KAAM,OACN,UAAW,WACX,OAAQD,CACV,CACF",
+  "names": ["textAlignValues", "textAlignPropDef", "fontFamilies", "fontFamilyPropDef"]
+}

package/dist/esm/{chunk-DCNHG6VN.js → chunk-IZIDRDQW.js}

@@ -1,2 +1,3 @@
-import{a}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";import{a as o,b as r}from"./chunk-CUNKWFKA.js";var p=["inherit","light","dark"],t=["sans","mono","serif"],s=["1","2","3","4"],l={...e,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:p,default:"inherit"},accentColor:{type:"enum",values:o,default:"gray"},grayColor:{type:"enum",values:r,default:"gray"},radius:{type:"enum",values:a,default:"full"},fontFamily:{type:"enum",values:t,default:"sans"},headingFontFamily:{type:"enum",values:t},size:{type:"enum",values:s,default:"2"}};export{l as a};
-//# sourceMappingURL=chunk-DCNHG6VN.js.map
+"use client";
+import{a}from"./chunk-XU74PNM2.js";import{a as e}from"./chunk-CLJ6SEGP.js";import{a as o,b as r}from"./chunk-HBWBPBSA.js";var p=["inherit","light","dark"],t=["sans","mono","serif"],s=["1","2","3","4"],l={...e,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:p,default:"inherit"},accentColor:{type:"enum",values:o,default:"gray"},grayColor:{type:"enum",values:r,default:"gray"},radius:{type:"enum",values:a,default:"full"},fontFamily:{type:"enum",values:t,default:"sans"},headingFontFamily:{type:"enum",values:t},size:{type:"enum",values:s,default:"2"}};export{l as a};
+//# sourceMappingURL=chunk-IZIDRDQW.js.map

package/dist/esm/{chunk-DCNHG6VN.js.map → chunk-IZIDRDQW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/theme.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { accentColors, grayColors } from '../props/color.prop.js';\nimport { radii } from '../props/radius.prop.js';\n\nimport type { GetPropDefTypes, PropDef } from '../props/prop-def.js';\n\nconst appearances = ['inherit', 'light', 'dark'] as const;\nconst fontFamilies = ['sans', 'mono', 'serif'] as const;\nconst sizes = ['1', '2', '3', '4'] as const;\n\nconst themePropDefs = {\n  ...asChildPropDef,\n  /**\n   * Whether to apply background color to the Theme element.\n   *\n   * Defaults to true for the root Theme and for Theme elements that\n   * have an explicit light or dark appearance prop.\n   */\n  hasBackground: { type: 'boolean', default: true },\n  /**\n   * Sets the color scheme of the theme, typcially referred to as light and dark mode.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/dark-mode\n   */\n  appearance: { type: 'enum', values: appearances, default: 'inherit' },\n  /**\n   * Selects one of the accent color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  accentColor: { type: 'enum', values: accentColors, default: 'gray' },\n  /**\n   * Selects one of the gray color options to use in the Theme.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/color\n   */\n  grayColor: { type: 'enum', values: grayColors, default: 'gray' },\n  /**\n   * Sets the default radius of the components.\n   *\n   * @link\n   * https://www.radix-ui.com/themes/docs/theme/visual-style\n   */\n  radius: { type: 'enum', values: radii, default: 'full' },\n  /**\n   * Sets the font family used for body text in the theme.\n   *\n   * Headings follow this unless `headingFontFamily` (or the `--font-heading`\n   * token) says otherwise.\n   *\n   * @default 'sans'\n   */\n  fontFamily: { type: 'enum', values: fontFamilies, default: 'sans' },\n  /**\n   * Sets the font family used for `Heading`, independently of body text.\n   *\n   * Deliberately has no default: when it is left unset no attribute is\n   * emitted and `--font-heading` keeps following `--font-body`, so a\n   * `--font-heading` override in your own CSS survives a `fontFamily` switch.\n   */\n  headingFontFamily: { type: 'enum', values: fontFamilies },\n  /**\n   * The app-wide size index. Every component on the 1-4 control and surface\n   * scale that states no `size` of its own takes this one; an explicit\n   * `size` always wins. Nested Themes override it for their subtree.\n   *\n   * @default '2'\n   */\n  size: { type: 'enum', values: sizes, default: '2' },\n} satisfies {\n  hasBackground: PropDef<boolean>;\n  appearance: PropDef<(typeof appearances)[number]>;\n  accentColor: PropDef<(typeof accentColors)[number]>;\n  grayColor: PropDef<(typeof grayColors)[number]>;\n  radius: PropDef<(typeof radii)[number]>;\n  fontFamily: PropDef<(typeof fontFamilies)[number]>;\n  headingFontFamily: PropDef<(typeof fontFamilies)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n};\n\ntype ThemeOwnProps = GetPropDefTypes<typeof themePropDefs & typeof asChildPropDef>;\n\nexport { themePropDefs };\nexport type { ThemeOwnProps };\n"],
-  "mappings": "0HAMA,IAAMA,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAe,CAAC,OAAQ,OAAQ,OAAO,EACvCC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAgB,CACpB,GAAGC,EAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQJ,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQK,EAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,EAAY,QAAS,MAAO,EAO/D,OAAQ,CAAE,KAAM,OAAQ,OAAQC,EAAO,QAAS,MAAO,EASvD,WAAY,CAAE,KAAM,OAAQ,OAAQN,EAAc,QAAS,MAAO,EAQlE,kBAAmB,CAAE,KAAM,OAAQ,OAAQA,CAAa,EAQxD,KAAM,CAAE,KAAM,OAAQ,OAAQC,EAAO,QAAS,GAAI,CACpD",
+  "mappings": ";0HAMA,IAAMA,EAAc,CAAC,UAAW,QAAS,MAAM,EACzCC,EAAe,CAAC,OAAQ,OAAQ,OAAO,EACvCC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAgB,CACpB,GAAGC,EAOH,cAAe,CAAE,KAAM,UAAW,QAAS,EAAK,EAOhD,WAAY,CAAE,KAAM,OAAQ,OAAQJ,EAAa,QAAS,SAAU,EAOpE,YAAa,CAAE,KAAM,OAAQ,OAAQK,EAAc,QAAS,MAAO,EAOnE,UAAW,CAAE,KAAM,OAAQ,OAAQC,EAAY,QAAS,MAAO,EAO/D,OAAQ,CAAE,KAAM,OAAQ,OAAQC,EAAO,QAAS,MAAO,EASvD,WAAY,CAAE,KAAM,OAAQ,OAAQN,EAAc,QAAS,MAAO,EAQlE,kBAAmB,CAAE,KAAM,OAAQ,OAAQA,CAAa,EAQxD,KAAM,CAAE,KAAM,OAAQ,OAAQC,EAAO,QAAS,GAAI,CACpD",
   "names": ["appearances", "fontFamilies", "sizes", "themePropDefs", "asChildPropDef", "accentColors", "grayColors", "radii"]
 }

package/dist/esm/{chunk-7FTUTUMD.js → chunk-IZXML75Y.js}

@@ -1,2 +1,2 @@
-import{a as r}from"./chunk-P7VSZYG3.js";import{a as o}from"./chunk-NUVUXNHF.js";import{a as t}from"./chunk-EKTVL6SS.js";var s=["visible","hidden","clip","scroll","auto"],i=["static","relative","absolute","fixed","sticky"],e=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],p=["0","1"],u=["0","1"],n=["start","center","end","baseline","stretch"],a=["start","center","end","baseline","stretch"],g={...r,...t,...o,position:{type:"enum",className:"kui-r-position",values:i,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:e,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:e,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:e,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:e,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:e,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:s,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:s,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:s,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:p,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:u,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:n,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:a,responsive:!0}};export{g as a};
-//# sourceMappingURL=chunk-7FTUTUMD.js.map
+import{a as t}from"./chunk-EKTVL6SS.js";import{a as r}from"./chunk-NUVUXNHF.js";import{a as o}from"./chunk-P7VSZYG3.js";var s=["visible","hidden","clip","scroll","auto"],i=["static","relative","absolute","fixed","sticky"],e=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9"],p=["0","1"],u=["0","1"],n=["start","center","end","baseline","stretch"],a=["start","center","end","baseline","stretch"],g={...o,...t,...r,position:{type:"enum",className:"kui-r-position",values:i,responsive:!0},inset:{type:"enum | string",className:"kui-r-inset",customProperties:["--inset"],values:e,responsive:!0},top:{type:"enum | string",className:"kui-r-top",customProperties:["--top"],values:e,responsive:!0},right:{type:"enum | string",className:"kui-r-right",customProperties:["--right"],values:e,responsive:!0},bottom:{type:"enum | string",className:"kui-r-bottom",customProperties:["--bottom"],values:e,responsive:!0},left:{type:"enum | string",className:"kui-r-left",customProperties:["--left"],values:e,responsive:!0},overflow:{type:"enum",className:"kui-r-overflow",values:s,responsive:!0},overflowX:{type:"enum",className:"kui-r-ox",values:s,responsive:!0},overflowY:{type:"enum",className:"kui-r-oy",values:s,responsive:!0},flexBasis:{type:"string",className:"kui-r-fb",customProperties:["--flex-basis"],responsive:!0},flexShrink:{type:"enum | string",className:"kui-r-fs",customProperties:["--flex-shrink"],values:p,responsive:!0},flexGrow:{type:"enum | string",className:"kui-r-fg",customProperties:["--flex-grow"],values:u,responsive:!0},gridArea:{type:"string",className:"kui-r-ga",customProperties:["--grid-area"],responsive:!0},gridColumn:{type:"string",className:"kui-r-gc",customProperties:["--grid-column"],responsive:!0},gridColumnStart:{type:"string",className:"kui-r-gcs",customProperties:["--grid-column-start"],responsive:!0},gridColumnEnd:{type:"string",className:"kui-r-gce",customProperties:["--grid-column-end"],responsive:!0},gridRow:{type:"string",className:"kui-r-gr",customProperties:["--grid-row"],responsive:!0},gridRowStart:{type:"string",className:"kui-r-grs",customProperties:["--grid-row-start"],responsive:!0},gridRowEnd:{type:"string",className:"kui-r-gre",customProperties:["--grid-row-end"],responsive:!0},alignSelf:{type:"enum",className:"kui-r-as",values:n,responsive:!0},justifySelf:{type:"enum",className:"kui-r-js",values:a,responsive:!0}};export{g as a};
+//# sourceMappingURL=chunk-IZXML75Y.js.map

package/dist/esm/chunk-J3QIUJ6F.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-J3QIUJ6F.js.map

package/dist/esm/{chunk-PBFSBHBS.js → chunk-JUY7CBSL.js}

@@ -1,2 +1,2 @@
-import{b as c}from"./chunk-WRWNN2NW.js";import{a as m}from"./chunk-RZCX6IBE.js";import{a as l}from"./chunk-QM3RCK5P.js";function g(i,n,e){return n!==void 0?n.has(e):i.includes(e)}function h({className:i,customProperties:n,...e}){let f=y({allowArbitraryValues:!0,className:i,...e}),r=v({customProperties:n,...e});return[f,r]}function y({allowArbitraryValues:i,value:n,className:e,propValues:f,propValueSet:r,parseValue:s=o=>o}){if(n){if(typeof n=="string")return g(f,r,n)?R(e,n,s):i?e:void 0;if(m(n)){let o=n,t=[];for(let p in o){if(!l(o,p)||!c.has(p))continue;let d=o[p];if(d!==void 0){if(g(f,r,d)){let u=R(e,d,s),a=p==="initial"?u:`${p}:${u}`;t.push(a)}else if(i){let u=p==="initial"?e:`${p}:${e}`;t.push(u)}}}return t.length>0?t.join(" "):""}if(i)return e}}function R(i,n,e){let f=i?"-":"",r=e(n),s=r?.startsWith("-"),o=s?"-":"",t=s?r?.substring(1):r;return`${o}${i}${f}${t}`}function v({customProperties:i,value:n,propValues:e,propValueSet:f,parseValue:r=s=>s}){if(!n||typeof n=="string"&&g(e,f,n))return;let s;if(typeof n=="string"){let o=r(n);s={};for(let t of i)s[t]=o;return s}if(m(n)){let o=n;for(let t in o){if(!l(o,t)||!c.has(t))continue;let p=o[t];if(p===void 0||g(e,f,p))continue;let d=r(p);s??(s={});for(let u of i){let a=t==="initial"?u:`${u}-${t}`;s[a]=d}}}return s??{}}export{h as a,y as b,v as c};
-//# sourceMappingURL=chunk-PBFSBHBS.js.map
+import{b as c}from"./chunk-WRWNN2NW.js";import{a as l}from"./chunk-QM3RCK5P.js";import{a as m}from"./chunk-RZCX6IBE.js";function g(i,n,e){return n!==void 0?n.has(e):i.includes(e)}function h({className:i,customProperties:n,...e}){let f=y({allowArbitraryValues:!0,className:i,...e}),r=v({customProperties:n,...e});return[f,r]}function y({allowArbitraryValues:i,value:n,className:e,propValues:f,propValueSet:r,parseValue:s=o=>o}){if(n){if(typeof n=="string")return g(f,r,n)?R(e,n,s):i?e:void 0;if(m(n)){let o=n,t=[];for(let p in o){if(!l(o,p)||!c.has(p))continue;let d=o[p];if(d!==void 0){if(g(f,r,d)){let u=R(e,d,s),a=p==="initial"?u:`${p}:${u}`;t.push(a)}else if(i){let u=p==="initial"?e:`${p}:${e}`;t.push(u)}}}return t.length>0?t.join(" "):""}if(i)return e}}function R(i,n,e){let f=i?"-":"",r=e(n),s=r?.startsWith("-"),o=s?"-":"",t=s?r?.substring(1):r;return`${o}${i}${f}${t}`}function v({customProperties:i,value:n,propValues:e,propValueSet:f,parseValue:r=s=>s}){if(!n||typeof n=="string"&&g(e,f,n))return;let s;if(typeof n=="string"){let o=r(n);s={};for(let t of i)s[t]=o;return s}if(m(n)){let o=n;for(let t in o){if(!l(o,t)||!c.has(t))continue;let p=o[t];if(p===void 0||g(e,f,p))continue;let d=r(p);s??(s={});for(let u of i){let a=t==="initial"?u:`${u}-${t}`;s[a]=d}}}return s??{}}export{h as a,y as b,v as c};
+//# sourceMappingURL=chunk-JUY7CBSL.js.map

package/dist/esm/chunk-JZ5Z53MN.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-JZ5Z53MN.js.map

package/dist/esm/{chunk-IWCFJJBI.js → chunk-KOAWATCI.js}

@@ -1,2 +1,3 @@
+"use client";
 import*as a from"react";function p(){let[t,e]=a.useState(null);return a.useEffect(()=>{let r=t?.parentElement;if(!t||!r)return;let o=0,u=()=>{o=0;for(let n of r.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let s=n.parentElement,l=getComputedStyle(s);if(s.dataset.orientation==="horizontal"){let c=s.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),i=m(t.scrollLeft,t.scrollWidth-t.offsetWidth,c-n.offsetWidth);n.style.transform=`translate3d(${i}px, 0, 0)`}else{let c=s.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),i=m(t.scrollTop,t.scrollHeight-t.offsetHeight,c-n.offsetHeight);n.style.transform=`translate3d(0, ${i}px, 0)`}}},f=()=>{o||(o=requestAnimationFrame(u))};return t.addEventListener("scroll",f,{passive:!0}),()=>{o&&cancelAnimationFrame(o),t.removeEventListener("scroll",f)}},[t]),e}function m(t,e,r){return e<=0||r<=0?0:Math.min(Math.max(t,-e),e)/e*r}export{p as a};
-//# sourceMappingURL=chunk-IWCFJJBI.js.map
+//# sourceMappingURL=chunk-KOAWATCI.js.map

package/dist/esm/{chunk-IWCFJJBI.js.map → chunk-KOAWATCI.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/hooks/use-thumb-sync.ts"],
   "sourcesContent": ["import * as React from 'react';\n\n/**\n * Keeps a Radix ScrollArea's thumbs on the scroll position on every scroll.\n *\n * Radix moves a thumb from a requestAnimationFrame loop it starts on the first scroll event of a\n * burst. Next's production minifier compiles that self-calling loop away, so in a production\n * build the thumb moves once, sits while the content scrolls, and jumps when the next burst\n * starts. This writes the transform Radix would, at most once per frame. Nothing re-renders.\n *\n * Pass the hook's setter as a ref on `ScrollArea.Viewport`; the scrollbars are its siblings.\n */\nexport function useThumbSync<T extends HTMLElement>() {\n  const [viewport, setViewport] = React.useState<T | null>(null);\n\n  React.useEffect(() => {\n    const root = viewport?.parentElement;\n    if (!viewport || !root) return;\n    let frame = 0;\n    const write = () => {\n      frame = 0;\n      for (const thumb of root.querySelectorAll<HTMLElement>(':scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb')) {\n        const scrollbar = thumb.parentElement as HTMLElement;\n        const style = getComputedStyle(scrollbar);\n        if (scrollbar.dataset.orientation === 'horizontal') {\n          const track = scrollbar.clientWidth - parseFloat(style.paddingLeft) - parseFloat(style.paddingRight);\n          const offset = thumbOffset(viewport.scrollLeft, viewport.scrollWidth - viewport.offsetWidth, track - thumb.offsetWidth);\n          thumb.style.transform = `translate3d(${offset}px, 0, 0)`;\n        } else {\n          const track = scrollbar.clientHeight - parseFloat(style.paddingTop) - parseFloat(style.paddingBottom);\n          const offset = thumbOffset(viewport.scrollTop, viewport.scrollHeight - viewport.offsetHeight, track - thumb.offsetHeight);\n          thumb.style.transform = `translate3d(0, ${offset}px, 0)`;\n        }\n      }\n    };\n    const schedule = () => {\n      if (!frame) frame = requestAnimationFrame(write);\n    };\n    viewport.addEventListener('scroll', schedule, { passive: true });\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      viewport.removeEventListener('scroll', schedule);\n    };\n  }, [viewport]);\n\n  return setViewport;\n}\n\n/** Radix's mapping: scroll position over its range, onto the room the thumb has to travel. */\nfunction thumbOffset(position: number, range: number, travel: number) {\n  if (range <= 0 || travel <= 0) return 0;\n  // Right-to-left scrolls run from -range to 0; the thumb then travels from -travel to 0.\n  const clamped = Math.min(Math.max(position, -range), range);\n  return (clamped / range) * travel;\n}\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QAYhB,SAASC,GAAsC,CACpD,GAAM,CAACC,EAAUC,CAAW,EAAU,WAAmB,IAAI,EAE7D,OAAM,YAAU,IAAM,CACpB,IAAMC,EAAOF,GAAU,cACvB,GAAI,CAACA,GAAY,CAACE,EAAM,OACxB,IAAIC,EAAQ,EACNC,EAAQ,IAAM,CAClBD,EAAQ,EACR,QAAWE,KAASH,EAAK,iBAA8B,0DAA0D,EAAG,CAClH,IAAMI,EAAYD,EAAM,cAClBE,EAAQ,iBAAiBD,CAAS,EACxC,GAAIA,EAAU,QAAQ,cAAgB,aAAc,CAClD,IAAME,EAAQF,EAAU,YAAc,WAAWC,EAAM,WAAW,EAAI,WAAWA,EAAM,YAAY,EAC7FE,EAASC,EAAYV,EAAS,WAAYA,EAAS,YAAcA,EAAS,YAAaQ,EAAQH,EAAM,WAAW,EACtHA,EAAM,MAAM,UAAY,eAAeI,CAAM,WAC/C,KAAO,CACL,IAAMD,EAAQF,EAAU,aAAe,WAAWC,EAAM,UAAU,EAAI,WAAWA,EAAM,aAAa,EAC9FE,EAASC,EAAYV,EAAS,UAAWA,EAAS,aAAeA,EAAS,aAAcQ,EAAQH,EAAM,YAAY,EACxHA,EAAM,MAAM,UAAY,kBAAkBI,CAAM,QAClD,CACF,CACF,EACME,EAAW,IAAM,CAChBR,IAAOA,EAAQ,sBAAsBC,CAAK,EACjD,EACA,OAAAJ,EAAS,iBAAiB,SAAUW,EAAU,CAAE,QAAS,EAAK,CAAC,EACxD,IAAM,CACPR,GAAO,qBAAqBA,CAAK,EACrCH,EAAS,oBAAoB,SAAUW,CAAQ,CACjD,CACF,EAAG,CAACX,CAAQ,CAAC,EAENC,CACT,CAGA,SAASS,EAAYE,EAAkBC,EAAeC,EAAgB,CACpE,OAAID,GAAS,GAAKC,GAAU,EAAU,EAEtB,KAAK,IAAI,KAAK,IAAIF,EAAU,CAACC,CAAK,EAAGA,CAAK,EACxCA,EAASC,CAC7B",
+  "mappings": ";AAAA,UAAYA,MAAW,QAYhB,SAASC,GAAsC,CACpD,GAAM,CAACC,EAAUC,CAAW,EAAU,WAAmB,IAAI,EAE7D,OAAM,YAAU,IAAM,CACpB,IAAMC,EAAOF,GAAU,cACvB,GAAI,CAACA,GAAY,CAACE,EAAM,OACxB,IAAIC,EAAQ,EACNC,EAAQ,IAAM,CAClBD,EAAQ,EACR,QAAWE,KAASH,EAAK,iBAA8B,0DAA0D,EAAG,CAClH,IAAMI,EAAYD,EAAM,cAClBE,EAAQ,iBAAiBD,CAAS,EACxC,GAAIA,EAAU,QAAQ,cAAgB,aAAc,CAClD,IAAME,EAAQF,EAAU,YAAc,WAAWC,EAAM,WAAW,EAAI,WAAWA,EAAM,YAAY,EAC7FE,EAASC,EAAYV,EAAS,WAAYA,EAAS,YAAcA,EAAS,YAAaQ,EAAQH,EAAM,WAAW,EACtHA,EAAM,MAAM,UAAY,eAAeI,CAAM,WAC/C,KAAO,CACL,IAAMD,EAAQF,EAAU,aAAe,WAAWC,EAAM,UAAU,EAAI,WAAWA,EAAM,aAAa,EAC9FE,EAASC,EAAYV,EAAS,UAAWA,EAAS,aAAeA,EAAS,aAAcQ,EAAQH,EAAM,YAAY,EACxHA,EAAM,MAAM,UAAY,kBAAkBI,CAAM,QAClD,CACF,CACF,EACME,EAAW,IAAM,CAChBR,IAAOA,EAAQ,sBAAsBC,CAAK,EACjD,EACA,OAAAJ,EAAS,iBAAiB,SAAUW,EAAU,CAAE,QAAS,EAAK,CAAC,EACxD,IAAM,CACPR,GAAO,qBAAqBA,CAAK,EACrCH,EAAS,oBAAoB,SAAUW,CAAQ,CACjD,CACF,EAAG,CAACX,CAAQ,CAAC,EAENC,CACT,CAGA,SAASS,EAAYE,EAAkBC,EAAeC,EAAgB,CACpE,OAAID,GAAS,GAAKC,GAAU,EAAU,EAEtB,KAAK,IAAI,KAAK,IAAIF,EAAU,CAACC,CAAK,EAAGA,CAAK,EACxCA,EAASC,CAC7B",
   "names": ["React", "useThumbSync", "viewport", "setViewport", "root", "frame", "write", "thumb", "scrollbar", "style", "track", "offset", "thumbOffset", "schedule", "position", "range", "travel"]
 }

package/dist/esm/chunk-KRFXTPEW.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as e}from"./chunk-4J7QDLKI.js";import{a as p,b as s}from"./chunk-7N2Q5WOM.js";import{b as t}from"./chunk-5KMEUZWN.js";import{c as o}from"./chunk-OKQAVYW4.js";import*as r from"react";import f from"classnames";var G=r.forwardRef((i,m)=>{let{className:a,asChild:d,as:n="div",...P}=o(i,e,p,s);return r.createElement(d?t:n,{...P,ref:m,className:f("kui-Grid",a)})});G.displayName="Grid";export{G as a};
+//# sourceMappingURL=chunk-KRFXTPEW.js.map

package/dist/esm/{chunk-63PQNLFJ.js.map → chunk-KRFXTPEW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/grid.tsx"],
   "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Slot } from './slot.js';\nimport { gridPropDefs } from './grid.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { layoutPropDefs } from '../props/layout.props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { LayoutProps } from '../props/layout.props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GridOwnProps } from './grid.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype GridElement = React.ElementRef<'div'>;\ninterface CommonGridProps extends MarginProps, LayoutProps, GridOwnProps {}\ntype GridDivProps = { as?: 'div' } & ComponentPropsWithout<'div', RemovedProps>;\ntype GridSpanProps = { as: 'span' } & ComponentPropsWithout<'span', RemovedProps>;\ntype GridProps = CommonGridProps & (GridSpanProps | GridDivProps);\n\nconst Grid = React.forwardRef<GridElement, GridProps>((props, forwardedRef) => {\n  const {\n    className,\n    asChild,\n    as: Tag = 'div',\n    ...gridProps\n  } = extractProps(props, gridPropDefs, layoutPropDefs, marginPropDefs);\n  const Comp = asChild ? Slot : Tag;\n  return <Comp {...gridProps} ref={forwardedRef} className={classNames('kui-Grid', className)} />;\n});\nGrid.displayName = 'Grid';\n\nexport { Grid };\nexport type { GridProps };\n"],
-  "mappings": "wMAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAmBvB,IAAMC,EAAa,aAAmC,CAACC,EAAOC,IAAiB,CAC7E,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,MACV,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAAcC,EAAgBC,CAAc,EAEpE,OAAO,gBADMN,EAAUO,EAAON,EACtB,CAAM,GAAGC,EAAW,IAAKJ,EAAc,UAAWU,EAAW,WAAYT,CAAS,EAAG,CAC/F,CAAC,EACDH,EAAK,YAAc",
+  "mappings": ";uKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAmBvB,IAAMC,EAAa,aAAmC,CAACC,EAAOC,IAAiB,CAC7E,GAAM,CACJ,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,MACV,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAAcC,EAAgBC,CAAc,EAEpE,OAAO,gBADMN,EAAUO,EAAON,EACtB,CAAM,GAAGC,EAAW,IAAKJ,EAAc,UAAWU,EAAW,WAAYT,CAAS,EAAG,CAC/F,CAAC,EACDH,EAAK,YAAc",
   "names": ["React", "classNames", "Grid", "props", "forwardedRef", "className", "asChild", "Tag", "gridProps", "extractProps", "gridPropDefs", "layoutPropDefs", "marginPropDefs", "Slot", "classNames"]
 }

package/dist/esm/chunk-KSYHZCLD.js

@@ -0,0 +1,3 @@
+"use client";
+import{b as e}from"./chunk-XU74PNM2.js";var o=["cover","contain","fill","scale-down","none"],s={...e,fit:{type:"enum",className:"kui-r-fit",values:o,default:"cover"}};export{s as a};
+//# sourceMappingURL=chunk-KSYHZCLD.js.map

package/dist/esm/{chunk-EZYXYLR2.js.map → chunk-KSYHZCLD.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/image.props.ts"],
   "sourcesContent": ["import { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst imagePropDefs = {\n  ...radiusPropDef,\n  /**\n   * How the picture fills its box, as CSS `object-fit`.\n   * @link https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit\n   */\n  fit: { type: 'enum', className: 'kui-r-fit', values: objectFitValues, default: 'cover' },\n} satisfies {\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { imagePropDefs };\n"],
-  "mappings": "wCAIA,IAAMA,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAEnEC,EAAgB,CACpB,GAAGC,EAKH,IAAK,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAiB,QAAS,OAAQ,CACzF",
+  "mappings": ";wCAIA,IAAMA,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAEnEC,EAAgB,CACpB,GAAGC,EAKH,IAAK,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQF,EAAiB,QAAS,OAAQ,CACzF",
   "names": ["objectFitValues", "imagePropDefs", "radiusPropDef"]
 }

package/dist/esm/{chunk-VW46DG7H.js → chunk-L4NF3Q2T.js}

@@ -1,2 +1,3 @@
-import{a as t}from"./chunk-NUVUXNHF.js";import{a as e}from"./chunk-EKTVL6SS.js";import{a as o}from"./chunk-NZJGC6ZW.js";var p=["1","2","3","4"],f={...o,size:{type:"enum",className:"kui-r-size",values:p,default:"2",responsive:!0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{f as a};
-//# sourceMappingURL=chunk-VW46DG7H.js.map
+"use client";
+import{a as t}from"./chunk-LPLW7OWA.js";import{a as e}from"./chunk-L54FWKJE.js";import{a as o}from"./chunk-CLJ6SEGP.js";var p=["1","2","3","4"],f={...o,size:{type:"enum",className:"kui-r-size",values:p,default:"2",responsive:!0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{f as a};
+//# sourceMappingURL=chunk-L4NF3Q2T.js.map

package/dist/esm/{chunk-VW46DG7H.js.map → chunk-L4NF3Q2T.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/popover.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3', '4'] as const;\n\nconst popoverContentPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'kui-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n  size: PropDef<(typeof contentSizes)[number]>;\n};\n\ntype PopoverContentOwnProps = GetPropDefTypes<\n  typeof popoverContentPropDefs &\n    typeof asChildPropDef &\n    typeof widthPropDefs &\n    typeof heightPropDefs\n>;\n\nexport { popoverContentPropDefs };\nexport type { PopoverContentOwnProps };\n"],
-  "mappings": "wHAMA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAElCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
+  "mappings": ";wHAMA,IAAMA,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAElCC,EAAyB,CAC7B,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,aACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
   "names": ["contentSizes", "popoverContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs"]
 }

package/dist/esm/chunk-L54FWKJE.js

@@ -0,0 +1,3 @@
+"use client";
+var t={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};export{t as a};
+//# sourceMappingURL=chunk-L54FWKJE.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/width.props.ts"],
+  "sourcesContent": ["import type { GetPropDefTypes, PropDef } from './prop-def.js';\n\nconst widthPropDefs = {\n  /**\n   * Sets the CSS **width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * width=\"100px\"\n   * width={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/width\n   */\n  width: {\n    type: 'string',\n    className: 'kui-r-w',\n    customProperties: ['--width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minWidth=\"100px\"\n   * minWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-width\n   */\n  minWidth: {\n    type: 'string',\n    className: 'kui-r-min-w',\n    customProperties: ['--min-width'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-width** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxWidth=\"100px\"\n   * maxWidth={{ md: '100vw', xl: '1400px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\n   */\n  maxWidth: {\n    type: 'string',\n    className: 'kui-r-max-w',\n    customProperties: ['--max-width'],\n    responsive: true,\n  },\n} satisfies {\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\ntype WidthProps = GetPropDefTypes<typeof widthPropDefs>;\n\nexport { widthPropDefs };\nexport type { WidthProps };\n"],
+  "mappings": ";AAEA,IAAMA,EAAgB,CAYpB,MAAO,CACL,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,SAAS,EAC5B,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,cACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,EAYA,SAAU,CACR,KAAM,SACN,UAAW,cACX,iBAAkB,CAAC,aAAa,EAChC,WAAY,EACd,CACF",
+  "names": ["widthPropDefs"]
+}

package/dist/esm/{chunk-XTDXXQTB.js → chunk-L66IUPDW.js}

@@ -1,2 +1,3 @@
-import{a as o}from"./chunk-MJJ7XDIP.js";import*as e from"react";import m from"classnames";import{Slot as R}from"radix-ui";var a=e.forwardRef(({className:t,children:r,...s},p)=>e.createElement(R.Root,{...s,ref:p,className:m("kui-reset",t)},o(r)));a.displayName="Reset";export{a};
-//# sourceMappingURL=chunk-XTDXXQTB.js.map
+"use client";
+import{a as o}from"./chunk-TGRHRMQI.js";import*as e from"react";import m from"classnames";import{Slot as R}from"radix-ui";var a=e.forwardRef(({className:t,children:r,...s},p)=>e.createElement(R.Root,{...s,ref:p,className:m("kui-reset",t)},o(r)));a.displayName="Reset";export{a};
+//# sourceMappingURL=chunk-L66IUPDW.js.map

package/dist/esm/{chunk-XTDXXQTB.js.map → chunk-L66IUPDW.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/reset.tsx"],
   "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ninterface ResetProps extends ComponentPropsWithout<typeof Slot.Root, RemovedProps> {}\nconst Reset = React.forwardRef<HTMLElement, ResetProps>(\n  ({ className, children, ...props }, forwardedRef) => {\n    return (\n      <Slot.Root {...props} ref={forwardedRef} className={classNames('kui-reset', className)}>\n        {requireReactElement(children)}\n      </Slot.Root>\n    );\n  }\n);\nReset.displayName = 'Reset';\n\nexport { Reset };\nexport type { ResetProps };\n"],
-  "mappings": "wCAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAOrB,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAEhC,gBAACC,EAAK,KAAL,CAAW,GAAGF,EAAO,IAAKC,EAAc,UAAWE,EAAW,YAAaL,CAAS,GAClFM,EAAoBL,CAAQ,CAC/B,CAGN,EACAF,EAAM,YAAc",
+  "mappings": ";wCAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAOrB,IAAMC,EAAc,aAClB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAEhC,gBAACC,EAAK,KAAL,CAAW,GAAGF,EAAO,IAAKC,EAAc,UAAWE,EAAW,YAAaL,CAAS,GAClFM,EAAoBL,CAAQ,CAC/B,CAGN,EACAF,EAAM,YAAc",
   "names": ["React", "classNames", "Slot", "Reset", "className", "children", "props", "forwardedRef", "Slot", "classNames", "requireReactElement"]
 }

package/dist/esm/chunk-LPLW7OWA.js

@@ -0,0 +1,3 @@
+"use client";
+var e={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};export{e as a};
+//# sourceMappingURL=chunk-LPLW7OWA.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/height.props.ts"],
+  "sourcesContent": ["import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\nconst heightPropDefs = {\n  /**\n   * Sets the CSS **height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * height=\"100px\"\n   * height={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/height\n   */\n  height: {\n    type: 'string',\n    className: 'kui-r-h',\n    customProperties: ['--height'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **min-height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * minHeight=\"100px\"\n   * minHeight={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/min-height\n   */\n  minHeight: {\n    type: 'string',\n    className: 'kui-r-min-h',\n    customProperties: ['--min-height'],\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **max-height** property.\n   * Supports CSS strings and responsive objects.\n   *\n   * @example\n   * maxHeight=\"100px\"\n   * maxHeight={{ md: '100vh', xl: '600px' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/max-height\n   */\n  maxHeight: {\n    type: 'string',\n    className: 'kui-r-max-h',\n    customProperties: ['--max-height'],\n    responsive: true,\n  },\n} satisfies {\n  height: PropDef<string>;\n  minHeight: PropDef<string>;\n  maxHeight: PropDef<string>;\n};\n\ntype HeightProps = GetPropDefTypes<typeof heightPropDefs>;\n\nexport { heightPropDefs };\nexport type { HeightProps };\n"],
+  "mappings": ";AAEA,IAAMA,EAAiB,CAYrB,OAAQ,CACN,KAAM,SACN,UAAW,UACX,iBAAkB,CAAC,UAAU,EAC7B,WAAY,EACd,EAYA,UAAW,CACT,KAAM,SACN,UAAW,cACX,iBAAkB,CAAC,cAAc,EACjC,WAAY,EACd,EAYA,UAAW,CACT,KAAM,SACN,UAAW,cACX,iBAAkB,CAAC,cAAc,EACjC,WAAY,EACd,CACF",
+  "names": ["heightPropDefs"]
+}

package/dist/esm/chunk-M37GE2TE.js

@@ -0,0 +1,3 @@
+"use client";
+import{b as r}from"./chunk-XU74PNM2.js";import{a as o}from"./chunk-CLJ6SEGP.js";var e=["vertical","horizontal","both"],l={...o,...r,scrollbars:{type:"enum",values:e,default:"both"},fade:{type:"boolean",default:!1}};export{l as a};
+//# sourceMappingURL=chunk-M37GE2TE.js.map

package/dist/esm/{chunk-UONSKZQT.js.map → chunk-M37GE2TE.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/scroll-area.props.tsx"],
   "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n  /**\n   * Fades the content toward the top and bottom edges while there is more content past them.\n   * An edge with nothing hidden past it does not fade. A floating band over an edge can set\n   * `--scroll-fade-start` or `--scroll-fade-end` to its height, so content fades as it passes\n   * under the band.\n   */\n  fade: { type: 'boolean', default: false },\n} satisfies {\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n  fade: PropDef<boolean>;\n};\n\nexport { scrollAreaPropDefs };\n"],
-  "mappings": "gFAKA,IAAMA,EAAmB,CAAC,WAAY,aAAc,MAAM,EAEpDC,EAAqB,CACzB,GAAGC,EACH,GAAGC,EACH,WAAY,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAO,EAOtE,KAAM,CAAE,KAAM,UAAW,QAAS,EAAM,CAC1C",
+  "mappings": ";gFAKA,IAAMA,EAAmB,CAAC,WAAY,aAAc,MAAM,EAEpDC,EAAqB,CACzB,GAAGC,EACH,GAAGC,EACH,WAAY,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAO,EAOtE,KAAM,CAAE,KAAM,UAAW,QAAS,EAAM,CAC1C",
   "names": ["scrollbarsValues", "scrollAreaPropDefs", "asChildPropDef", "radiusPropDef"]
 }

package/dist/esm/{chunk-5YLKKQFK.js → chunk-MAA6LEE2.js}

@@ -1,2 +1,3 @@
+"use client";
 var e={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},t=["initial","xs","sm","md","lg","xl"];export{e as a,t as b};
-//# sourceMappingURL=chunk-5YLKKQFK.js.map
+//# sourceMappingURL=chunk-MAA6LEE2.js.map

package/dist/esm/{chunk-5YLKKQFK.js.map → chunk-MAA6LEE2.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/shell.types.ts"],
   "sourcesContent": ["import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\n/**\n * Why a pane's open state changed. Since 0.8.0 only a user action is reported:\n * `toggle` for a Trigger, a handle double-click or a drag past\n * `collapseThreshold`, and `dismiss` for Escape or a press on the scrim.\n * `init`, `responsive`, `panel` and `left` are kept in the types for\n * compatibility and are never sent.\n */\nexport type PaneOpenChangeReason = 'toggle' | 'dismiss' | 'init' | 'responsive';\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onExpand?: () => void;\n  /** @deprecated Use `onOpenChange`. Still called when a user's toggle or a controlled prop changes whether the pane is shown; never on mount or when the window crosses a breakpoint. */\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  /** @deprecated Removed in 1.0. Snap in your own `onSizeChange` and pass `size`. */\n  snapPoints?: number[];\n  /** @deprecated Removed in 1.0, with `snapPoints`. */\n  snapTolerance?: number;\n  /** @deprecated Removed in 1.0. Close the pane from your own `onResizeEnd`. */\n  collapseThreshold?: number;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  paneId?: string;\n  /** @deprecated Removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`. */\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\n/** Every breakpoint, smallest first. The stylesheet's @media blocks follow this order. */\nexport const SHELL_BREAKPOINTS: readonly Breakpoint[] = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'];\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/** The panes a Trigger can drive. `left` is the deprecated name for `rail`. */\nexport type PaneName = Exclude<PaneTarget, 'left'>;\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
-  "mappings": "AAuDO,IAAMA,EAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EAKaC,EAA2C,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI",
+  "mappings": ";AAuDO,IAAMA,EAAe,CAC1B,GAAI,qBACJ,GAAI,qBACJ,GAAI,sBACJ,GAAI,sBACJ,GAAI,qBACN,EAKaC,EAA2C,CAAC,UAAW,KAAM,KAAM,KAAM,KAAM,IAAI",
   "names": ["_BREAKPOINTS", "SHELL_BREAKPOINTS"]
 }

package/dist/esm/chunk-MQEWEAH5.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as u}from"./chunk-I3SRUPUP.js";import{c as S}from"./chunk-5ON3XLRD.js";import{c as R}from"./chunk-OKQAVYW4.js";import{a as K}from"./chunk-VQPANPMI.js";var W={};K(W,{Item:()=>x,Root:()=>h});import*as e from"react";import y from"classnames";import{ToggleGroup as v}from"radix-ui";import{useComposedRefs as M,useControllableState as O,useLayoutEffect as F}from"radix-ui/internal";var I=e.createContext(null),H=new Set(["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"]),h=e.forwardRef((n,s)=>{let a=S(n,u.size),{className:l,children:t,radius:m,value:d,defaultValue:i,onValueChange:w,style:b,disabled:c,onKeyDown:N,onPointerDown:k,...T}=R(a,u),[g,p]=O({prop:d,onChange:w,defaultProp:i??""}),r=e.useRef(!1),A=e.useMemo(()=>({selectFromKeyboard(o){r.current&&(r.current=!1,p(o))}}),[p]),f=e.useRef(null),D=M(s,f),C=e.Children.toArray(t).filter(e.isValidElement),V=C.length,G=Math.max(0,C.findIndex(o=>o.props.value===g));return F(()=>{let o=f.current;if(!o)return;let P=Array.from(o.querySelectorAll(":scope > .kui-SegmentedControlItem")),L=P.findIndex(E=>E.getAttribute("data-state")==="on");o.style.setProperty("--segmented-control-count",String(P.length||1)),o.style.setProperty("--segmented-control-index",String(Math.max(0,L)))}),e.createElement(I.Provider,{value:A},e.createElement(v.Root,{"data-disabled":c||void 0,"data-radius":m,ref:D,style:{"--segmented-control-count":V||1,"--segmented-control-index":G,...b},className:y("kui-SegmentedControlRoot",l),onValueChange:o=>{o&&p(o)},onKeyDown:o=>{N?.(o),r.current=H.has(o.key)},onPointerDown:o=>{k?.(o),r.current=!1},...T,type:"single",value:g,asChild:!1,disabled:!!c},t,e.createElement("div",{className:"kui-SegmentedControlIndicator"})))});h.displayName="SegmentedControl.Root";var x=e.forwardRef(({children:n,className:s,iconOnly:a,onFocus:l,...t},m)=>{let d=e.useContext(I);return e.createElement(v.Item,{ref:m,className:y("kui-reset","kui-SegmentedControlItem",s),"data-icon-only":a||void 0,onFocus:i=>{l?.(i),d?.selectFromKeyboard(t.value)},...t,asChild:!1},e.createElement("span",{className:"kui-SegmentedControlItemSeparator"}),e.createElement("span",{className:"kui-SegmentedControlItemLabel"},e.createElement("span",{className:"kui-SegmentedControlItemLabelActive"},n),e.createElement("span",{className:"kui-SegmentedControlItemLabelInactive","aria-hidden":!0},n)))});x.displayName="SegmentedControl.Item";export{h as a,x as b,W as c};
+//# sourceMappingURL=chunk-MQEWEAH5.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/segmented-control.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { useComposedRefs, useControllableState, useLayoutEffect } from 'radix-ui/internal';\n\nimport { segmentedControlRootPropDefs } from './segmented-control.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlRootPropDefs>;\n\ninterface SegmentedControlRootProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, SegmentedControlRootOwnProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n}\n\n// Arrow keys select as they move focus, as in a radio group. The root marks a key press, and the\n// item that takes focus from it selects itself. A click or Tab focuses without selecting.\nconst SegmentedControlContext = React.createContext<{ selectFromKeyboard(value: string): void } | null>(null);\n\nconst NAVIGATION_KEYS = new Set(['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End']);\n\nconst SegmentedControlRoot = React.forwardRef<HTMLDivElement, SegmentedControlRootProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, segmentedControlRootPropDefs.size);\n  const {\n    className,\n    children,\n    radius,\n    value: valueProp,\n    defaultValue: defaultValueProp,\n    onValueChange: onValueChangeProp,\n    style,\n    disabled,\n    onKeyDown,\n    onPointerDown,\n    ...rootProps\n  } = extractProps(props, segmentedControlRootPropDefs);\n\n  const [value, setValue] = useControllableState({\n    prop: valueProp,\n    onChange: onValueChangeProp,\n    defaultProp: defaultValueProp ?? '',\n  });\n\n  // The indicator is sized and placed from the item count and the selected index, written\n  // as custom properties. They are read from the children on render, so the server markup\n  // is right, then corrected from the DOM, which also sees items inside fragments or\n  // wrapper components.\n  const keyboardNavigationRef = React.useRef(false);\n  const context = React.useMemo(\n    () => ({\n      selectFromKeyboard(itemValue: string) {\n        if (!keyboardNavigationRef.current) return;\n        keyboardNavigationRef.current = false;\n        setValue(itemValue);\n      },\n    }),\n    [setValue],\n  );\n\n  const rootRef = React.useRef<HTMLDivElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const items = React.Children.toArray(children).filter(React.isValidElement);\n  const renderedCount = items.length;\n  const renderedIndex = Math.max(\n    0,\n    items.findIndex((child) => (child.props as { value?: unknown }).value === value),\n  );\n  useLayoutEffect(() => {\n    const root = rootRef.current;\n    if (!root) return;\n    const domItems = Array.from(root.querySelectorAll(':scope > .kui-SegmentedControlItem'));\n    const index = domItems.findIndex((item) => item.getAttribute('data-state') === 'on');\n    root.style.setProperty('--segmented-control-count', String(domItems.length || 1));\n    root.style.setProperty('--segmented-control-index', String(Math.max(0, index)));\n  });\n\n  return (\n    <SegmentedControlContext.Provider value={context}>\n      <ToggleGroupPrimitive.Root\n        data-disabled={disabled || undefined}\n        data-radius={radius}\n        ref={composedRef}\n        style={\n          {\n            '--segmented-control-count': renderedCount || 1,\n            '--segmented-control-index': renderedIndex,\n            ...style,\n          } as React.CSSProperties\n        }\n        className={classNames('kui-SegmentedControlRoot', className)}\n        onValueChange={(value) => {\n          if (value) {\n            setValue(value);\n          }\n        }}\n        onKeyDown={(event) => {\n          onKeyDown?.(event);\n          keyboardNavigationRef.current = NAVIGATION_KEYS.has(event.key);\n        }}\n        onPointerDown={(event) => {\n          onPointerDown?.(event);\n          keyboardNavigationRef.current = false;\n        }}\n        {...rootProps}\n        type=\"single\"\n        value={value}\n        asChild={false}\n        disabled={!!disabled}\n      >\n        {children}\n        <div className=\"kui-SegmentedControlIndicator\" />\n      </ToggleGroupPrimitive.Root>\n    </SegmentedControlContext.Provider>\n  );\n});\n\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ninterface SegmentedControlItemOwnProps {\n  value: string;\n  /** When true, this segment can't be selected. */\n  disabled?: boolean;\n  /** When true, applies fixed square width for icon-only segments */\n  iconOnly?: boolean;\n}\n\ninterface SegmentedControlItemProps extends ComponentPropsWithout<typeof ToggleGroupPrimitive.Item, RemovedProps | 'type' | 'value'>, SegmentedControlItemOwnProps {}\n\nconst SegmentedControlItem = React.forwardRef<HTMLButtonElement, SegmentedControlItemProps>(({ children, className, iconOnly, onFocus, ...props }, forwardedRef) => {\n  const context = React.useContext(SegmentedControlContext);\n  return (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-SegmentedControlItem', className)}\n      data-icon-only={iconOnly || undefined}\n      onFocus={(event) => {\n        onFocus?.(event);\n        context?.selectFromKeyboard(props.value);\n      }}\n      {...props}\n      asChild={false}\n    >\n      <span className=\"kui-SegmentedControlItemSeparator\" />\n      <span className=\"kui-SegmentedControlItemLabel\">\n        <span className=\"kui-SegmentedControlItemLabelActive\">{children}</span>\n        <span className=\"kui-SegmentedControlItemLabelInactive\" aria-hidden>\n          {children}\n        </span>\n      </span>\n    </ToggleGroupPrimitive.Item>\n  );\n});\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport { SegmentedControlRoot as Root, SegmentedControlItem as Item };\nexport type { SegmentedControlRootProps as RootProps, SegmentedControlItemProps as ItemProps };\n"],
+  "mappings": "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",
+  "names": ["segmented_control_exports", "__export", "SegmentedControlItem", "SegmentedControlRoot", "React", "classNames", "ToggleGroupPrimitive", "useComposedRefs", "useControllableState", "useLayoutEffect", "SegmentedControlContext", "NAVIGATION_KEYS", "SegmentedControlRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "segmentedControlRootPropDefs", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "style", "disabled", "onKeyDown", "onPointerDown", "rootProps", "extractProps", "value", "setValue", "useControllableState", "keyboardNavigationRef", "context", "itemValue", "rootRef", "composedRef", "useComposedRefs", "items", "renderedCount", "renderedIndex", "child", "useLayoutEffect", "root", "domItems", "index", "item", "ToggleGroupPrimitive", "classNames", "event", "SegmentedControlItem", "iconOnly", "onFocus"]
+}

package/dist/esm/chunk-MXIVYALY.js

@@ -0,0 +1,3 @@
+"use client";
+var e=["loud","medium","quiet"],s={emphasis:{type:"enum",className:"kui-emphasis",values:e,default:void 0}};export{s as a};
+//# sourceMappingURL=chunk-MXIVYALY.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/emphasis.prop.ts"],
+  "sourcesContent": ["import type { PropDef } from './prop-def.js';\n\nconst emphases = ['loud', 'medium', 'quiet'] as const;\n\n// Text-first components only (Text, Heading, Blockquote, Code).\n// No colour + emphasis reads the gray ink ladder; colour + emphasis reads the accent ink ladder.\n// Components that need a different default spread this def and override `default`.\nconst emphasisPropDef = {\n  emphasis: {\n    type: 'enum',\n    className: 'kui-emphasis',\n    values: emphases,\n    default: undefined,\n  },\n} satisfies {\n  emphasis: PropDef<(typeof emphases)[number]>;\n};\n\nexport { emphasisPropDef, emphases };\n"],
+  "mappings": ";AAEA,IAAMA,EAAW,CAAC,OAAQ,SAAU,OAAO,EAKrCC,EAAkB,CACtB,SAAU,CACR,KAAM,OACN,UAAW,eACX,OAAQD,EACR,QAAS,MACX,CACF",
+  "names": ["emphases", "emphasisPropDef"]
+}

package/dist/esm/chunk-N3QLHFHB.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as r}from"./chunk-GHUAUFG7.js";import{a as e}from"./chunk-IZIDRDQW.js";import{a as S}from"./chunk-5ON3XLRD.js";import*as a from"react";import B from"classnames";import{Direction as D,Slot as E}from"radix-ui";function H(o){switch(o){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var t=()=>{},N={appearance:e.appearance.default,accentColor:e.accentColor.default,grayColor:e.grayColor.default,resolvedGrayColor:e.grayColor.default,radius:e.radius.default,fontFamily:e.fontFamily.default,headingFontFamily:void 0,size:e.size.default,onAppearanceChange:t,onAccentColorChange:t,onGrayColorChange:t,onRadiusChange:t,onFontFamilyChange:t,onHeadingFontFamilyChange:t,onSizeChange:t},A=a.createContext(void 0);function L(){return a.useContext(A)??N}var j=a.forwardRef((o,i)=>{let n=a.useContext(A),s=D.useDirection();return n===void 0?a.createElement(D.Provider,{dir:s},a.createElement(w,{...o,ref:i})):a.createElement(I,{...o,ref:i})});j.displayName="Theme";var w=a.forwardRef((o,i)=>{let{appearance:n=e.appearance.default,accentColor:s=e.accentColor.default,grayColor:d=e.grayColor.default,radius:g=e.radius.default,fontFamily:l=e.fontFamily.default,headingFontFamily:c,size:m=e.size.default,hasBackground:h=e.hasBackground.default,...p}=o,[u,C]=r(n),[f,F]=r(s),[T,P]=r(d),[v,R]=r(g),[x,z]=r(l),[b,y]=r(c),[G,k]=r(m);return a.createElement(I,{...p,ref:i,isRoot:!0,hasBackground:h,appearance:u,accentColor:f,grayColor:T,radius:v,fontFamily:x,headingFontFamily:b,size:G,onAppearanceChange:C,onAccentColorChange:F,onGrayColorChange:P,onRadiusChange:R,onFontFamilyChange:z,onHeadingFontFamilyChange:y,onSizeChange:k})});w.displayName="ThemeRoot";var I=a.forwardRef((o,i)=>{let n=a.useContext(A),{asChild:s,isRoot:d,hasBackground:g,appearance:l=o.appearance??n?.appearance??e.appearance.default,accentColor:c=o.accentColor??n?.accentColor??e.accentColor.default,grayColor:m=o.grayColor??n?.resolvedGrayColor??e.grayColor.default,radius:h=o.radius??n?.radius??e.radius.default,fontFamily:p=o.fontFamily??n?.fontFamily??e.fontFamily.default,headingFontFamily:u=o.headingFontFamily??n?.headingFontFamily,size:C=o.size??n?.size??e.size.default,onAppearanceChange:f=n?.onAppearanceChange??t,onAccentColorChange:F=n?.onAccentColorChange??t,onGrayColorChange:T=n?.onGrayColorChange??t,onRadiusChange:P=n?.onRadiusChange??t,onFontFamilyChange:v=n?.onFontFamilyChange??t,onHeadingFontFamilyChange:R=n?.onHeadingFontFamilyChange??t,onSizeChange:x=n?.onSizeChange??t,...z}=o,b=s?E.Root:"div",y=m==="auto"?H(c):m,G=o.appearance==="light"||o.appearance==="dark",k=g===void 0?d||G:g;return a.createElement(A.Provider,{value:a.useMemo(()=>({appearance:l,accentColor:c,grayColor:m,resolvedGrayColor:y,radius:h,fontFamily:p,headingFontFamily:u,size:C,onAppearanceChange:f,onAccentColorChange:F,onGrayColorChange:T,onRadiusChange:P,onFontFamilyChange:v,onHeadingFontFamilyChange:R,onSizeChange:x}),[l,c,m,y,h,p,u,C,f,F,T,P,v,R,x])},a.createElement(S.Provider,{value:C},a.createElement(b,{"data-is-root-theme":d?"true":"false","data-accent-color":c,"data-gray-color":y,"data-has-background":k?"true":"false","data-radius":h,"data-font-family":p,"data-heading-font-family":u,ref:i,...z,className:B("kui-theme",{light:l==="light",dark:l==="dark"},z.className)})))});I.displayName="ThemeImpl";export{A as a,L as b,j as c};
+//# sourceMappingURL=chunk-N3QLHFHB.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/theme.tsx", "../../src/helpers/get-matching-gray-color.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot } from 'radix-ui';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { ThemeSizeContext } from '../hooks/theme-size.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\ntype ThemeSize = (typeof themePropDefs.size.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n  onSizeChange: (size: ThemeSize) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  radius: ThemeRadius;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n  size: ThemeSize;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  radius: themePropDefs.radius.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  size: themePropDefs.size.default,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onRadiusChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n  onSizeChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  // Direction is inherited: a Radix DirectionProvider above the Theme (for a right-to-left app)\n  // wins, and left-to-right stays the default when there is none.\n  const dir = Direction.useDirection();\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <Direction.Provider dir={dir}>\n        <ThemeRoot {...props} ref={forwardedRef} />\n      </Direction.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>((props, forwardedRef) => {\n  const {\n    appearance: appearanceProp = themePropDefs.appearance.default,\n    accentColor: accentColorProp = themePropDefs.accentColor.default,\n    grayColor: grayColorProp = themePropDefs.grayColor.default,\n    radius: radiusProp = themePropDefs.radius.default,\n    fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n    headingFontFamily: headingFontFamilyProp,\n    size: sizeProp = themePropDefs.size.default,\n    hasBackground = themePropDefs.hasBackground.default,\n    ...rootProps\n  } = props;\n\n  // Each of these follows its prop but stays independently settable, so\n  // the context setters can change the theme at runtime. Syncing during render\n  // rather than in an effect matters here: an effect would commit the old\n  // theme first and re-render every consumer of the context a second time.\n  const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n  const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n  const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n  const [radius, setRadius] = usePropSyncedState(radiusProp);\n  const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n  const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n  const [size, setSize] = usePropSyncedState(sizeProp);\n\n  return (\n    <ThemeImpl\n      {...rootProps}\n      ref={forwardedRef}\n      isRoot\n      hasBackground={hasBackground}\n      //\n      appearance={appearance}\n      accentColor={accentColor}\n      grayColor={grayColor}\n      radius={radius}\n      fontFamily={fontFamily}\n      headingFontFamily={headingFontFamily}\n      size={size}\n      //\n      onAppearanceChange={setAppearance}\n      onAccentColorChange={setAccentColor}\n      onGrayColorChange={setGrayColor}\n      onRadiusChange={setRadius}\n      onFontFamilyChange={setFontFamily}\n      onHeadingFontFamilyChange={setHeadingFontFamily}\n      onSizeChange={setSize}\n    />\n  );\n});\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    size = props.size ?? context?.size ?? themePropDefs.size.default,\n    // A nested Theme forwards changes to the one above it, so a switcher\n    // inside a portal (Dialog, Popover, menus) still reaches the root.\n    onAppearanceChange = context?.onAppearanceChange ?? noop,\n    onAccentColorChange = context?.onAccentColorChange ?? noop,\n    onGrayColorChange = context?.onGrayColorChange ?? noop,\n    onRadiusChange = context?.onRadiusChange ?? noop,\n    onFontFamilyChange = context?.onFontFamilyChange ?? noop,\n    onHeadingFontFamilyChange = context?.onHeadingFontFamilyChange ?? noop,\n    onSizeChange = context?.onSizeChange ?? noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground = hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        ],\n      )}\n    >\n      {/* Size travels on its own context as a bare string, so the components\n          that read it do not re-render when another theme value changes. */}\n      <ThemeSizeContext.Provider value={size}>\n        <Comp\n          data-is-root-theme={isRoot ? 'true' : 'false'}\n          data-accent-color={accentColor}\n          data-gray-color={resolvedGrayColor}\n          // for nested `Theme` background\n          data-has-background={hasBackground ? 'true' : 'false'}\n          data-radius={radius}\n          data-font-family={fontFamily}\n          data-heading-font-family={headingFontFamily}\n          ref={forwardedRef}\n          {...themeProps}\n          className={classNames(\n            'kui-theme',\n            {\n              light: appearance === 'light',\n              dark: appearance === 'dark',\n            },\n            themeProps.className,\n          )}\n        />\n      </ThemeSizeContext.Provider>\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n", "import type { accentColors } from '../props/color.prop.js';\n\ntype ThemeAccentColor = (typeof accentColors)[number];\n\nexport function getMatchingGrayColor(accentColor: ThemeAccentColor) {\n  switch (accentColor) {\n    case 'tomato':\n    case 'red':\n    case 'ruby':\n    case 'crimson':\n    case 'pink':\n    case 'plum':\n    case 'purple':\n    case 'violet':\n      return 'mauve';\n    case 'iris':\n    case 'indigo':\n    case 'blue':\n    case 'sky':\n    case 'cyan':\n      return 'slate';\n    case 'teal':\n    case 'jade':\n    case 'mint':\n    case 'green':\n      return 'sage';\n    case 'grass':\n    case 'lime':\n      return 'olive';\n    case 'yellow':\n    case 'amber':\n    case 'orange':\n    case 'brown':\n    case 'gold':\n    case 'bronze':\n      return 'sand';\n    case 'gray':\n      return 'gray';\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Direction", "Slot", "getMatchingGrayColor", "accentColor", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "context", "dir", "Direction", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "radiusProp", "fontFamilyProp", "headingFontFamilyProp", "sizeProp", "hasBackground", "rootProps", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "radius", "setRadius", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "size", "setSize", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onRadiusChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "onSizeChange", "themeProps", "Comp", "Slot", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "ThemeSizeContext", "classNames"]
+}

package/dist/esm/{chunk-VVWYAVHM.js → chunk-N5H7C3PZ.js}

@@ -1,2 +1,3 @@
-import{a as R}from"./chunk-FVY44PTM.js";import{a as f}from"./chunk-4P6TKZCA.js";import{d as G}from"./chunk-3YLYGKFB.js";import{a as n}from"./chunk-ELAW7ZUG.js";import{a as S}from"./chunk-OS3FCYZY.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-VVWYAVHM.js.map
+"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

@@ -0,0 +1,7 @@
+{
+  "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-LXTGEI62.js → chunk-NBVCQQSY.js}

@@ -1,2 +1,3 @@
-import{a as o}from"./chunk-KKMOGHIY.js";import{a as e}from"./chunk-P7VSZYG3.js";import{b as s}from"./chunk-KRJTW535.js";import{c as r}from"./chunk-CUNKWFKA.js";var t=["1","2","3","4"],p=["raised","surface","soft","ghost","outline"],d={size:{type:"enum",className:"kui-r-size",values:t,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:p,default:"raised"},error:{type:"boolean",default:!1},errorMessage:{type:"string",default:void 0},required:{type:"boolean",default:!1},"aria-describedby":{type:"string",default:void 0},"aria-labelledby":{type:"string",default:void 0},...r,...s},i=["left","right"],l={side:{type:"enum",values:i},...r,gap:o.gap,px:e.px,pl:e.pl,pr:e.pr};export{d as a,l as b};
-//# sourceMappingURL=chunk-LXTGEI62.js.map
+"use client";
+import{a as o}from"./chunk-64EFWPHI.js";import{a as e}from"./chunk-OAJ5DARR.js";import{b as s}from"./chunk-XU74PNM2.js";import{c as r}from"./chunk-HBWBPBSA.js";var t=["1","2","3","4"],p=["raised","surface","soft","ghost","outline"],d={size:{type:"enum",className:"kui-r-size",values:t,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:p,default:"raised"},error:{type:"boolean",default:!1},errorMessage:{type:"string",default:void 0},required:{type:"boolean",default:!1},"aria-describedby":{type:"string",default:void 0},"aria-labelledby":{type:"string",default:void 0},...r,...s},i=["left","right"],l={side:{type:"enum",values:i},...r,gap:o.gap,px:e.px,pl:e.pl,pr:e.pr};export{d as a,l as b};
+//# sourceMappingURL=chunk-NBVCQQSY.js.map

package/dist/esm/{chunk-LXTGEI62.js.map → chunk-NBVCQQSY.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/text-field.props.tsx"],
   "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { paddingPropDefs } from '../props/padding.props.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { flexPropDefs } from './flex.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst variants = ['raised', 'surface', 'soft', 'ghost', 'outline'] as const;\n\nconst textFieldRootPropDefs = {\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  // Error and validation props\n  error: { type: 'boolean', default: false },\n  errorMessage: { type: 'string', default: undefined },\n  required: { type: 'boolean', default: false },\n  // Accessibility props\n  'aria-describedby': { type: 'string', default: undefined },\n  'aria-labelledby': { type: 'string', default: undefined },\n  ...colorPropDef,\n  ...radiusPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  error: PropDef<boolean>;\n  errorMessage: PropDef<string | undefined>;\n  required: PropDef<boolean>;\n  'aria-describedby': PropDef<string | undefined>;\n  'aria-labelledby': PropDef<string | undefined>;\n};\n\nconst sides = ['left', 'right'] as const;\n\nconst textFieldSlotPropDefs = {\n  side: { type: 'enum', values: sides },\n  ...colorPropDef,\n  gap: flexPropDefs.gap,\n  px: paddingPropDefs.px,\n  pl: paddingPropDefs.pl,\n  pr: paddingPropDefs.pr,\n} satisfies {\n  side: PropDef<(typeof sides)[number]>;\n  gap: typeof flexPropDefs.gap;\n  px: typeof paddingPropDefs.px;\n  pl: typeof paddingPropDefs.pl;\n  pr: typeof paddingPropDefs.pr;\n};\n\n/** Scrubbing props for TextField.Slot - handled separately from PropDef system */\ninterface TextFieldSlotScrubProps {\n  /** Enable scrubbing behavior on this slot */\n  scrub?: boolean;\n  /** Current value (required for min/max clamping to work correctly) */\n  scrubValue?: number;\n  /** Base value change per movement unit (default: 1) */\n  scrubStep?: number;\n  /** Pixels of movement per step - higher = less sensitive (default: 1) */\n  scrubSensitivity?: number;\n  /** Minimum allowed value */\n  scrubMin?: number;\n  /** Maximum allowed value */\n  scrubMax?: number;\n  /** Step multiplier when Shift is held (default: 10) */\n  scrubShiftMultiplier?: number;\n  /** Step multiplier when Alt/Option is held (default: 0.1) */\n  scrubAltMultiplier?: number;\n  /**\n   * Callback fired during scrubbing with the value delta\n   * @param delta - The change in value\n   * @param isChanging - true while dragging, false when released\n   */\n  onScrub?: (delta: number, isChanging: boolean) => void;\n}\n\nexport type { TextFieldSlotScrubProps };\n\nexport { textFieldRootPropDefs, textFieldSlotPropDefs };\n"],
-  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,UAAW,OAAQ,QAAS,SAAS,EAE3DC,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EAEvF,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,aAAc,CAAE,KAAM,SAAU,QAAS,MAAU,EACnD,SAAU,CAAE,KAAM,UAAW,QAAS,EAAM,EAE5C,mBAAoB,CAAE,KAAM,SAAU,QAAS,MAAU,EACzD,kBAAmB,CAAE,KAAM,SAAU,QAAS,MAAU,EACxD,GAAGE,EACH,GAAGC,CACL,EAUMC,EAAQ,CAAC,OAAQ,OAAO,EAExBC,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,OAAQD,CAAM,EACpC,GAAGF,EACH,IAAKI,EAAa,IAClB,GAAIC,EAAgB,GACpB,GAAIA,EAAgB,GACpB,GAAIA,EAAgB,EACtB",
+  "mappings": ";gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,SAAU,UAAW,OAAQ,QAAS,SAAS,EAE3DC,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQF,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EAEvF,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,aAAc,CAAE,KAAM,SAAU,QAAS,MAAU,EACnD,SAAU,CAAE,KAAM,UAAW,QAAS,EAAM,EAE5C,mBAAoB,CAAE,KAAM,SAAU,QAAS,MAAU,EACzD,kBAAmB,CAAE,KAAM,SAAU,QAAS,MAAU,EACxD,GAAGE,EACH,GAAGC,CACL,EAUMC,EAAQ,CAAC,OAAQ,OAAO,EAExBC,EAAwB,CAC5B,KAAM,CAAE,KAAM,OAAQ,OAAQD,CAAM,EACpC,GAAGF,EACH,IAAKI,EAAa,IAClB,GAAIC,EAAgB,GACpB,GAAIA,EAAgB,GACpB,GAAIA,EAAgB,EACtB",
   "names": ["sizes", "variants", "textFieldRootPropDefs", "colorPropDef", "radiusPropDef", "sides", "textFieldSlotPropDefs", "flexPropDefs", "paddingPropDefs"]
 }

package/dist/esm/chunk-NG54K6FL.js

@@ -0,0 +1,2 @@
+"use client";
+//# sourceMappingURL=chunk-NG54K6FL.js.map

package/dist/esm/chunk-OAJ5DARR.js

@@ -0,0 +1,3 @@
+"use client";
+var e=["0","1","2","3","4","5","6","7","8","9","10","11","12"],p={p:{type:"enum | string",className:"kui-r-p",customProperties:["--p"],values:e,responsive:!0},px:{type:"enum | string",className:"kui-r-px",customProperties:["--pl","--pr"],values:e,responsive:!0},py:{type:"enum | string",className:"kui-r-py",customProperties:["--pt","--pb"],values:e,responsive:!0},pt:{type:"enum | string",className:"kui-r-pt",customProperties:["--pt"],values:e,responsive:!0},pr:{type:"enum | string",className:"kui-r-pr",customProperties:["--pr"],values:e,responsive:!0},pb:{type:"enum | string",className:"kui-r-pb",customProperties:["--pb"],values:e,responsive:!0},pl:{type:"enum | string",className:"kui-r-pl",customProperties:["--pl"],values:e,responsive:!0}};export{p as a};
+//# sourceMappingURL=chunk-OAJ5DARR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props/padding.props.ts"],
+  "sourcesContent": ["import type { GetPropDefTypes, PropDef } from './prop-def.js';\n\nconst paddingValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\n\nconst paddingPropDefs = {\n  /**\n   * Sets the CSS **padding** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * p=\"4\"\n   * p=\"100px\"\n   * p={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding\n   */\n  p: {\n    type: 'enum | string',\n    className: 'kui-r-p',\n    customProperties: ['--p'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-left** and **padding-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * px=\"4\"\n   * px=\"100px\"\n   * px={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  px: {\n    type: 'enum | string',\n    className: 'kui-r-px',\n    customProperties: ['--pl', '--pr'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-top** and **padding-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * py=\"4\"\n   * py=\"100px\"\n   * py={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  py: {\n    type: 'enum | string',\n    className: 'kui-r-py',\n    customProperties: ['--pt', '--pb'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pt=\"4\"\n   * pt=\"100px\"\n   * pt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top\n   */\n  pt: {\n    type: 'enum | string',\n    className: 'kui-r-pt',\n    customProperties: ['--pt'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pr=\"4\"\n   * pr=\"100px\"\n   * pr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right\n   */\n  pr: {\n    type: 'enum | string',\n    className: 'kui-r-pr',\n    customProperties: ['--pr'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pb=\"4\"\n   * pb=\"100px\"\n   * pb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom\n   */\n  pb: {\n    type: 'enum | string',\n    className: 'kui-r-pb',\n    customProperties: ['--pb'],\n    values: paddingValues,\n    responsive: true,\n  },\n  /**\n   * Sets the CSS **padding-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * pl=\"4\"\n   * pl=\"100px\"\n   * pl={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left\n   */\n  pl: {\n    type: 'enum | string',\n    className: 'kui-r-pl',\n    customProperties: ['--pl'],\n    values: paddingValues,\n    responsive: true,\n  },\n} satisfies {\n  p: PropDef<(typeof paddingValues)[number]>;\n  px: PropDef<(typeof paddingValues)[number]>;\n  py: PropDef<(typeof paddingValues)[number]>;\n  pt: PropDef<(typeof paddingValues)[number]>;\n  pr: PropDef<(typeof paddingValues)[number]>;\n  pb: PropDef<(typeof paddingValues)[number]>;\n  pl: PropDef<(typeof paddingValues)[number]>;\n};\n\ntype PaddingProps = GetPropDefTypes<typeof paddingPropDefs>;\n\nexport { paddingPropDefs };\nexport type { PaddingProps };\n"],
+  "mappings": ";AAEA,IAAMA,EAAgB,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EAEnFC,EAAkB,CAatB,EAAG,CACD,KAAM,gBACN,UAAW,UACX,iBAAkB,CAAC,KAAK,EACxB,OAAQD,EACR,WAAY,EACd,EAcA,GAAI,CACF,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,OAAQ,MAAM,EACjC,OAAQA,EACR,WAAY,EACd,EAcA,GAAI,CACF,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,OAAQ,MAAM,EACjC,OAAQA,EACR,WAAY,EACd,EAaA,GAAI,CACF,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,MAAM,EACzB,OAAQA,EACR,WAAY,EACd,EAaA,GAAI,CACF,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,MAAM,EACzB,OAAQA,EACR,WAAY,EACd,EAaA,GAAI,CACF,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,MAAM,EACzB,OAAQA,EACR,WAAY,EACd,EAaA,GAAI,CACF,KAAM,gBACN,UAAW,WACX,iBAAkB,CAAC,MAAM,EACzB,OAAQA,EACR,WAAY,EACd,CACF",
+  "names": ["paddingValues", "paddingPropDefs"]
+}