@womp/kookie-ui 0.23.0 → 0.25.0

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

@@ -0,0 +1,3 @@
+"use client";
+import{a as v,b as G,c as O}from"./chunk-PT4KBXXP.js";import{b as D,c as L}from"./chunk-YIKLO2XL.js";import{a as x}from"./chunk-KOAWATCI.js";import{a as b}from"./chunk-ILWS2JUE.js";import{b as N,c as E}from"./chunk-GKDGNPBD.js";import{b as w}from"./chunk-2IUGM657.js";import{c as y}from"./chunk-OKQAVYW4.js";import{a as F}from"./chunk-VQPANPMI.js";var J={};F(J,{Content:()=>z,Group:()=>W,Item:()=>V,Label:()=>K,Root:()=>A,Separator:()=>H,Trigger:()=>B});import*as e from"react";import S from"classnames";import{Select as r,ScrollArea as C}from"radix-ui";var M={size:v.size},_=[" ","Enter","ArrowUp","ArrowDown"],g=e.createContext({}),A=o=>{let{children:t,size:a,open:n,defaultOpen:c,onOpenChange:s,...P}=o,p=w(a,v.size),[u,i]=e.useState(c??!1),m=n??u,f=e.useCallback(d=>{i(d),s?.(d)},[s]);return e.createElement(r.Root,{...P,open:m,onOpenChange:f},e.createElement(g.Provider,{value:e.useMemo(()=>({size:p,open:m}),[p,m])},t))};A.displayName="Select.Root";var B=e.forwardRef((o,t)=>{let a=e.useContext(g),{children:n,className:c,color:s,radius:P,placeholder:p,error:u,loading:i,disabled:m,readOnly:f,...d}=y({size:a?.size,...o},M,G),{"aria-invalid":R,"aria-busy":h,"aria-disabled":T,"aria-readonly":I}=d,k=!!u||R===!0||R==="true",j=e.useMemo(()=>({"aria-invalid":k?!0:R,"aria-busy":i||h,"aria-disabled":m||T,"aria-readonly":f||I}),[k,R,i,h,m,T,f,I]),U=!!(f||i)?{onPointerDown:l=>l.preventDefault(),onClick:l=>{l.preventDefault(),l.currentTarget.focus()},onKeyDown:l=>{let Y=l.ctrlKey||l.altKey||l.metaKey;(_.includes(l.key)||!Y&&l.key.length===1)&&l.preventDefault()}}:void 0;return e.createElement(r.Trigger,{asChild:!0,disabled:m,...U},e.createElement("button",{"data-accent-color":s,"data-radius":P,"data-error":u,"data-loading":i,...d,...j,ref:t,className:S("kui-reset","kui-SelectTrigger",c)},e.createElement("span",{className:"kui-SelectTriggerInner"},e.createElement(r.Value,{placeholder:p},n)),e.createElement(r.Icon,{asChild:!0},i?e.createElement("span",{className:"kui-SelectIcon kui-SelectLoadingIcon","aria-hidden":"true"},e.createElement(b,null)):e.createElement(E,{className:"kui-SelectIcon"}))))});B.displayName="Select.Trigger";var z=e.forwardRef((o,t)=>{let a=e.useContext(g),{className:n,children:c,color:s,container:P,...p}=y({size:a?.size,...o},M,O),u=D();if(a.open===!1&&!p.forceMount)return e.createElement(r.Portal,{container:P},e.createElement(r.Content,{...p,asChild:!1,ref:t},c));let i=s||u.accentColor;return e.createElement(r.Portal,{container:P},e.createElement(L,{asChild:!0},e.createElement(r.Content,{"data-accent-color":i,sideOffset:4,...p,asChild:!1,ref:t,className:S("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-SelectContent",n)},e.createElement(q,null,c))))});z.displayName="Select.Content";function q({children:o}){let t=x();return e.createElement(C.Root,{type:"auto",className:"kui-ScrollAreaRoot"},e.createElement(r.Viewport,{asChild:!0,className:S("kui-BaseMenuViewport","kui-SelectViewport")},e.createElement(C.Viewport,{ref:t,className:"kui-ScrollAreaViewport",style:{overflowY:void 0}},o)),e.createElement(C.Scrollbar,{className:"kui-ScrollAreaScrollbar",orientation:"vertical"},e.createElement(C.Thumb,{className:"kui-ScrollAreaThumb"})))}var V=e.forwardRef((o,t)=>{let{className:a,children:n,...c}=o,s=typeof n!="string";return e.createElement(r.Item,{...c,asChild:!1,ref:t,className:S("kui-reset","kui-BaseMenuItem","kui-SelectItem",{"kui-SelectItemRich":s},a)},e.createElement(r.ItemIndicator,{className:"kui-SelectItemIndicator"},e.createElement(N,{className:"kui-SelectItemIndicatorIcon"})),e.createElement(r.ItemText,null,n))});V.displayName="Select.Item";var W=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Group,{...t,asChild:!1,ref:a,className:S("kui-SelectGroup",o)}));W.displayName="Select.Group";var K=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Label,{...t,asChild:!1,ref:a,className:S("kui-BaseMenuLabel","kui-SelectLabel",o)}));K.displayName="Select.Label";var H=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Separator,{...t,asChild:!1,ref:a,className:S("kui-BaseMenuSeparator","kui-SelectSeparator",o)}));H.displayName="Select.Separator";export{A as a,B as b,z as c,V as d,W as e,K as f,H as g,J as h};
+//# sourceMappingURL=chunk-2EXOL2BR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/select.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Select as SelectPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../helpers/theme-size.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport { Spinner } from './spinner.js';\nimport {\n  selectRootPropDefs,\n  selectTriggerPropDefs,\n  selectContentPropDefs,\n} from './select.props.js';\nimport { useThemeContext, Theme } from './theme.js';\nimport { useThumbSync } from '../hooks/use-thumb-sync.js';\n\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>;\n\n// Trigger and Content pass the size prop def as its own record. It is hoisted because\n// extractProps caches its compiled prop defs on the identity of each record it is given:\n// a literal written at the call site would be a new object, and a recompile, every render.\nconst selectSizePropDefs = { size: selectRootPropDefs.size };\n\n// Keys that open the list from the trigger, as in Radix.\nconst OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown'];\n\ninterface SelectContextValue extends SelectRootOwnProps {\n  /** Whether the list is open. Undefined when Content is rendered outside a Kookie Select.Root. */\n  open?: boolean;\n}\nconst SelectContext = React.createContext<SelectContextValue>({});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps, SelectRootOwnProps {}\nconst SelectRoot: React.FC<SelectRootProps> = (props) => {\n  const {\n    children,\n    size: sizeProp,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    ...rootProps\n  } = props;\n  const size = useThemeSize(sizeProp, selectRootPropDefs.size);\n\n  // Root owns the open state and hands Radix a controlled `open`, so Content learns of a\n  // change in the same render Radix does. Radix's uncontrolled state reports changes from an\n  // effect, a render late, which would mount the open list once without its wrappers.\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen ?? false);\n  const open = openProp ?? uncontrolledOpen;\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      onOpenChange?.(next);\n    },\n    [onOpenChange],\n  );\n\n  return (\n    <SelectPrimitive.Root {...rootProps} open={open} onOpenChange={handleOpenChange}>\n      <SelectContext.Provider value={React.useMemo(() => ({ size, open }), [size, open])}>\n        {children}\n      </SelectContext.Provider>\n    </SelectPrimitive.Root>\n  );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>;\ninterface SelectTriggerProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Trigger, RemovedProps>,\n    SelectTriggerOwnProps {}\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const {\n      children,\n      className,\n      color,\n      radius,\n      placeholder,\n      error,\n      loading,\n      disabled,\n      readOnly,\n      ...triggerProps\n    } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      selectSizePropDefs,\n      selectTriggerPropDefs,\n    );\n\n    // The props win when set; otherwise a caller's own aria-* (a form library's aria-invalid)\n    // stays, so both paths reach the accessibility tree and the CSS, as on TextField.\n    const {\n      'aria-invalid': ariaInvalid,\n      'aria-busy': ariaBusy,\n      'aria-disabled': ariaDisabled,\n      'aria-readonly': ariaReadOnly,\n    } = triggerProps;\n    const isInvalid = Boolean(error) || ariaInvalid === true || ariaInvalid === 'true';\n    const ariaProps = React.useMemo(\n      () => ({\n        'aria-invalid': isInvalid ? true : ariaInvalid,\n        'aria-busy': loading || ariaBusy,\n        'aria-disabled': disabled || ariaDisabled,\n        'aria-readonly': readOnly || ariaReadOnly,\n      }),\n      [isInvalid, ariaInvalid, loading, ariaBusy, disabled, ariaDisabled, readOnly, ariaReadOnly],\n    );\n\n    // Read-only and loading triggers stay focusable but do not open or take typeahead,\n    // as on Combobox. Radix skips its own handler when the event is default-prevented.\n    const isBlocked = Boolean(readOnly || loading);\n    const blockedHandlers = isBlocked\n      ? {\n          onPointerDown: (event: React.PointerEvent<HTMLButtonElement>) => event.preventDefault(),\n          onClick: (event: React.MouseEvent<HTMLButtonElement>) => {\n            event.preventDefault();\n            event.currentTarget.focus();\n          },\n          onKeyDown: (event: React.KeyboardEvent<HTMLButtonElement>) => {\n            const isModifierKey = event.ctrlKey || event.altKey || event.metaKey;\n            if (OPEN_KEYS.includes(event.key) || (!isModifierKey && event.key.length === 1)) {\n              event.preventDefault();\n            }\n          },\n        }\n      : undefined;\n\n    return (\n      // `disabled` goes to Radix, which merges it with Root's and sets the native attribute.\n      <SelectPrimitive.Trigger asChild disabled={disabled} {...blockedHandlers}>\n        <button\n          data-accent-color={color}\n          data-radius={radius}\n          data-error={error}\n          data-loading={loading}\n          {...triggerProps}\n          {...ariaProps}\n          ref={forwardedRef}\n          className={classNames('kui-reset', 'kui-SelectTrigger', className)}\n        >\n          <span className=\"kui-SelectTriggerInner\">\n            <SelectPrimitive.Value placeholder={placeholder}>{children}</SelectPrimitive.Value>\n          </span>\n          <SelectPrimitive.Icon asChild>\n            {loading ? (\n              <span className=\"kui-SelectIcon kui-SelectLoadingIcon\" aria-hidden=\"true\">\n                <Spinner />\n              </span>\n            ) : (\n              <ChevronDownIcon className=\"kui-SelectIcon\" />\n            )}\n          </SelectPrimitive.Icon>\n        </button>\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>;\ninterface SelectContentProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Content, RemovedProps>,\n    SelectContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Portal>['container'];\n}\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { className, children, color, container, ...contentProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      selectSizePropDefs,\n      selectContentPropDefs,\n    );\n    const themeContext = useThemeContext();\n\n    // While closed, Radix still renders Content's children, into a detached fragment: the\n    // items must exist for the trigger's value label, typeahead and the native form select.\n    // Nothing in that fragment is ever shown, so the theme wrapper and the scroll area, with\n    // its two resize observers, are left out until the list opens.\n    if (context.open === false && !contentProps.forceMount) {\n      return (\n        <SelectPrimitive.Portal container={container}>\n          <SelectPrimitive.Content {...contentProps} asChild={false} ref={forwardedRef}>\n            {children}\n          </SelectPrimitive.Content>\n        </SelectPrimitive.Portal>\n      );\n    }\n\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <SelectPrimitive.Portal container={container}>\n        <Theme asChild>\n          <SelectPrimitive.Content\n            data-accent-color={resolvedColor}\n            sideOffset={4}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n              'kui-variant-soft',\n              'kui-SelectContent',\n              className,\n            )}\n          >\n            <SelectScrollArea>{children}</SelectScrollArea>\n          </SelectPrimitive.Content>\n        </Theme>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'Select.Content';\n\n/** The open list's scroll area. Its own component so the thumb sync hook runs only while open. */\nfunction SelectScrollArea({ children }: { children: React.ReactNode }) {\n  const setThumbViewport = useThumbSync<HTMLDivElement>();\n  return (\n    <ScrollAreaPrimitive.Root type=\"auto\" className=\"kui-ScrollAreaRoot\">\n      <SelectPrimitive.Viewport\n        asChild\n        className={classNames('kui-BaseMenuViewport', 'kui-SelectViewport')}\n      >\n        <ScrollAreaPrimitive.Viewport\n          ref={setThumbViewport}\n          className=\"kui-ScrollAreaViewport\"\n          style={{ overflowY: undefined }}\n        >\n          {children}\n        </ScrollAreaPrimitive.Viewport>\n      </SelectPrimitive.Viewport>\n      <ScrollAreaPrimitive.Scrollbar className=\"kui-ScrollAreaScrollbar\" orientation=\"vertical\">\n        <ScrollAreaPrimitive.Thumb className=\"kui-ScrollAreaThumb\" />\n      </ScrollAreaPrimitive.Scrollbar>\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ninterface SelectItemProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Item, RemovedProps> {}\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>((props, forwardedRef) => {\n  const { className, children, ...itemProps } = props;\n\n  // Detect if this is rich content (not just a string)\n  const isRichContent = typeof children !== 'string';\n\n  return (\n    <SelectPrimitive.Item\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-reset',\n        'kui-BaseMenuItem',\n        'kui-SelectItem',\n        { 'kui-SelectItemRich': isRichContent },\n        className,\n      )}\n    >\n      <SelectPrimitive.ItemIndicator className=\"kui-SelectItemIndicator\">\n        <ThickCheckIcon className=\"kui-SelectItemIndicatorIcon\" />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectGroupElement = React.ElementRef<typeof SelectPrimitive.Group>;\ninterface SelectGroupProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Group, RemovedProps> {}\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-SelectGroup', className)}\n    />\n  ),\n);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ninterface SelectLabelProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Label, RemovedProps> {}\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuLabel', 'kui-SelectLabel', className)}\n    />\n  ),\n);\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ninterface SelectSeparatorProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Separator, RemovedProps> {}\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuSeparator', 'kui-SelectSeparator', className)}\n    />\n  ),\n);\nSelectSeparator.displayName = 'Select.Separator';\n\nexport {\n  SelectRoot as Root,\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n  SelectGroup as Group,\n  SelectLabel as Label,\n  SelectSeparator as Separator,\n};\n\nexport type {\n  SelectRootProps as RootProps,\n  SelectTriggerProps as TriggerProps,\n  SelectContentProps as ContentProps,\n  SelectItemProps as ItemProps,\n  SelectGroupProps as GroupProps,\n  SelectLabelProps as LabelProps,\n  SelectSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": ";4VAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,UAAAC,EAAA,SAAAC,EAAA,UAAAC,EAAA,SAAAC,EAAA,cAAAC,EAAA,YAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,EAAiB,cAAcC,MAA2B,WAsB7E,IAAMC,EAAqB,CAAE,KAAMC,EAAmB,IAAK,EAGrDC,EAAY,CAAC,IAAK,QAAS,UAAW,WAAW,EAMjDC,EAAsB,gBAAkC,CAAC,CAAC,EAG1DC,EAAyCC,GAAU,CACvD,GAAM,CACJ,SAAAC,EACA,KAAMC,EACN,KAAMC,EACN,YAAAC,EACA,aAAAC,EACA,GAAGC,CACL,EAAIN,EACEO,EAAOC,EAAaN,EAAUN,EAAmB,IAAI,EAKrD,CAACa,EAAkBC,CAAmB,EAAU,WAASN,GAAe,EAAK,EAC7EO,EAAOR,GAAYM,EACnBG,EAAyB,cAC5BC,GAAkB,CACjBH,EAAoBG,CAAI,EACxBR,IAAeQ,CAAI,CACrB,EACA,CAACR,CAAY,CACf,EAEA,OACE,gBAACS,EAAgB,KAAhB,CAAsB,GAAGR,EAAW,KAAMK,EAAM,aAAcC,GAC7D,gBAACd,EAAc,SAAd,CAAuB,MAAa,UAAQ,KAAO,CAAE,KAAAS,EAAM,KAAAI,CAAK,GAAI,CAACJ,EAAMI,CAAI,CAAC,GAC9EV,CACH,CACF,CAEJ,EACAF,EAAW,YAAc,cAOzB,IAAMgB,EAAsB,aAC1B,CAACf,EAAOgB,IAAiB,CACvB,IAAMC,EAAgB,aAAWnB,CAAa,EACxC,CACJ,SAAAG,EACA,UAAAiB,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAIC,EAEF,CAAE,KAAMV,GAAS,KAAM,GAAGjB,CAAM,EAEhCL,EACAiC,CACF,EAIM,CACJ,eAAgBC,EAChB,YAAaC,EACb,gBAAiBC,EACjB,gBAAiBC,CACnB,EAAIN,EACEO,EAAY,EAAQX,GAAUO,IAAgB,IAAQA,IAAgB,OACtEK,EAAkB,UACtB,KAAO,CACL,eAAgBD,EAAY,GAAOJ,EACnC,YAAaN,GAAWO,EACxB,gBAAiBN,GAAYO,EAC7B,gBAAiBN,GAAYO,CAC/B,GACA,CAACC,EAAWJ,EAAaN,EAASO,EAAUN,EAAUO,EAAcN,EAAUO,CAAY,CAC5F,EAKMG,EADY,GAAQV,GAAYF,GAElC,CACE,cAAgBa,GAAiDA,EAAM,eAAe,EACtF,QAAUA,GAA+C,CACvDA,EAAM,eAAe,EACrBA,EAAM,cAAc,MAAM,CAC5B,EACA,UAAYA,GAAkD,CAC5D,IAAMC,EAAgBD,EAAM,SAAWA,EAAM,QAAUA,EAAM,SACzDvC,EAAU,SAASuC,EAAM,GAAG,GAAM,CAACC,GAAiBD,EAAM,IAAI,SAAW,IAC3EA,EAAM,eAAe,CAEzB,CACF,EACA,OAEJ,OAEE,gBAACtB,EAAgB,QAAhB,CAAwB,QAAO,GAAC,SAAUU,EAAW,GAAGW,GACvD,gBAAC,UACC,oBAAmBhB,EACnB,cAAaC,EACb,aAAYE,EACZ,eAAcC,EACb,GAAGG,EACH,GAAGQ,EACJ,IAAKlB,EACL,UAAWsB,EAAW,YAAa,oBAAqBpB,CAAS,GAEjE,gBAAC,QAAK,UAAU,0BACd,gBAACJ,EAAgB,MAAhB,CAAsB,YAAaO,GAAcpB,CAAS,CAC7D,EACA,gBAACa,EAAgB,KAAhB,CAAqB,QAAO,IAC1BS,EACC,gBAAC,QAAK,UAAU,uCAAuC,cAAY,QACjE,gBAACgB,EAAA,IAAQ,CACX,EAEA,gBAACC,EAAA,CAAgB,UAAU,iBAAiB,CAEhD,CACF,CACF,CAEJ,CACF,EACAzB,EAAc,YAAc,iBAS5B,IAAM0B,EAAsB,aAC1B,CAACzC,EAAOgB,IAAiB,CACvB,IAAMC,EAAgB,aAAWnB,CAAa,EACxC,CAAE,UAAAoB,EAAW,SAAAjB,EAAU,MAAAkB,EAAO,UAAAuB,EAAW,GAAGC,CAAa,EAAIhB,EAEjE,CAAE,KAAMV,GAAS,KAAM,GAAGjB,CAAM,EAEhCL,EACAiD,CACF,EACMC,EAAeC,EAAgB,EAMrC,GAAI7B,EAAQ,OAAS,IAAS,CAAC0B,EAAa,WAC1C,OACE,gBAAC7B,EAAgB,OAAhB,CAAuB,UAAW4B,GACjC,gBAAC5B,EAAgB,QAAhB,CAAyB,GAAG6B,EAAc,QAAS,GAAO,IAAK3B,GAC7Df,CACH,CACF,EAIJ,IAAM8C,EAAgB5B,GAAS0B,EAAa,YAC5C,OACE,gBAAC/B,EAAgB,OAAhB,CAAuB,UAAW4B,GACjC,gBAACM,EAAA,CAAM,QAAO,IACZ,gBAAClC,EAAgB,QAAhB,CACC,oBAAmBiC,EACnB,WAAY,EACX,GAAGJ,EACJ,QAAS,GACT,IAAK3B,EACL,UAAWsB,EACT,oBACA,sBACA,mBACA,oBACApB,CACF,GAEA,gBAAC+B,EAAA,KAAkBhD,CAAS,CAC9B,CACF,CACF,CAEJ,CACF,EACAwC,EAAc,YAAc,iBAG5B,SAASQ,EAAiB,CAAE,SAAAhD,CAAS,EAAkC,CACrE,IAAMiD,EAAmBC,EAA6B,EACtD,OACE,gBAACC,EAAoB,KAApB,CAAyB,KAAK,OAAO,UAAU,sBAC9C,gBAACtC,EAAgB,SAAhB,CACC,QAAO,GACP,UAAWwB,EAAW,uBAAwB,oBAAoB,GAElE,gBAACc,EAAoB,SAApB,CACC,IAAKF,EACL,UAAU,yBACV,MAAO,CAAE,UAAW,MAAU,GAE7BjD,CACH,CACF,EACA,gBAACmD,EAAoB,UAApB,CAA8B,UAAU,0BAA0B,YAAY,YAC7E,gBAACA,EAAoB,MAApB,CAA0B,UAAU,sBAAsB,CAC7D,CACF,CAEJ,CAKA,IAAMC,EAAmB,aAA+C,CAACrD,EAAOgB,IAAiB,CAC/F,GAAM,CAAE,UAAAE,EAAW,SAAAjB,EAAU,GAAGqD,CAAU,EAAItD,EAGxCuD,EAAgB,OAAOtD,GAAa,SAE1C,OACE,gBAACa,EAAgB,KAAhB,CACE,GAAGwC,EACJ,QAAS,GACT,IAAKtC,EACL,UAAWsB,EACT,YACA,mBACA,iBACA,CAAE,qBAAsBiB,CAAc,EACtCrC,CACF,GAEA,gBAACJ,EAAgB,cAAhB,CAA8B,UAAU,2BACvC,gBAAC0C,EAAA,CAAe,UAAU,8BAA8B,CAC1D,EACA,gBAAC1C,EAAgB,SAAhB,KAA0Bb,CAAS,CACtC,CAEJ,CAAC,EACDoD,EAAW,YAAc,cAKzB,IAAMI,EAAoB,aACxB,CAAC,CAAE,UAAAvC,EAAW,GAAGlB,CAAM,EAAGgB,IACxB,gBAACF,EAAgB,MAAhB,CACE,GAAGd,EACJ,QAAS,GACT,IAAKgB,EACL,UAAWsB,EAAW,kBAAmBpB,CAAS,EACpD,CAEJ,EACAuC,EAAY,YAAc,eAK1B,IAAMC,EAAoB,aACxB,CAAC,CAAE,UAAAxC,EAAW,GAAGlB,CAAM,EAAGgB,IACxB,gBAACF,EAAgB,MAAhB,CACE,GAAGd,EACJ,QAAS,GACT,IAAKgB,EACL,UAAWsB,EAAW,oBAAqB,kBAAmBpB,CAAS,EACzE,CAEJ,EACAwC,EAAY,YAAc,eAK1B,IAAMC,EAAwB,aAC5B,CAAC,CAAE,UAAAzC,EAAW,GAAGlB,CAAM,EAAGgB,IACxB,gBAACF,EAAgB,UAAhB,CACE,GAAGd,EACJ,QAAS,GACT,IAAKgB,EACL,UAAWsB,EAAW,wBAAyB,sBAAuBpB,CAAS,EACjF,CAEJ,EACAyC,EAAgB,YAAc",
+  "names": ["select_exports", "__export", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectRoot", "SelectSeparator", "SelectTrigger", "React", "classNames", "SelectPrimitive", "ScrollAreaPrimitive", "selectSizePropDefs", "selectRootPropDefs", "OPEN_KEYS", "SelectContext", "SelectRoot", "props", "children", "sizeProp", "openProp", "defaultOpen", "onOpenChange", "rootProps", "size", "useThemeSize", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChange", "next", "SelectPrimitive", "SelectTrigger", "forwardedRef", "context", "className", "color", "radius", "placeholder", "error", "loading", "disabled", "readOnly", "triggerProps", "extractProps", "selectTriggerPropDefs", "ariaInvalid", "ariaBusy", "ariaDisabled", "ariaReadOnly", "isInvalid", "ariaProps", "blockedHandlers", "event", "isModifierKey", "classNames", "Spinner", "ChevronDownIcon", "SelectContent", "container", "contentProps", "selectContentPropDefs", "themeContext", "useThemeContext", "resolvedColor", "Theme", "SelectScrollArea", "setThumbViewport", "useThumbSync", "ScrollAreaPrimitive", "SelectItem", "itemProps", "isRichContent", "ThickCheckIcon", "SelectGroup", "SelectLabel", "SelectSeparator"]
+}

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

@@ -0,0 +1,3 @@
+"use client";
+import{a as m}from"./chunk-CKJXTEVO.js";import{b as f}from"./chunk-G66WDIIV.js";import{b as s}from"./chunk-MAA6LEE2.js";import{c as i}from"./chunk-OKQAVYW4.js";import*as o from"react";import u from"classnames";var y=o.forwardRef((e,c)=>{let{className:l,color:P,decorative:a,...d}=i(e,m),p=typeof e.orientation=="object"&&e.orientation!==null,{breakpoint:S}=f(p),r="horizontal";if(p){let n=e.orientation;for(let t of s)if(n[t]!==void 0&&(r=n[t]),t===S)break}else e.orientation==="vertical"&&(r="vertical");return o.createElement("span",{"data-accent-color":P,role:a?void 0:"separator","aria-orientation":a?void 0:r,...d,ref:c,className:u("kui-Separator",l)})});y.displayName="Separator";export{y as a};
+//# sourceMappingURL=chunk-2IU5XPR2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/separator.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { separatorPropDefs } from './separator.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useBreakpoint } from '../hooks/use-breakpoint.js';\nimport { SHELL_BREAKPOINTS } from './shell.types.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SeparatorElement = React.ElementRef<'span'>;\ntype SeparatorOwnProps = GetPropDefTypes<typeof separatorPropDefs>;\ninterface SeparatorProps extends ComponentPropsWithout<'span', RemovedProps>, SeparatorOwnProps {}\ntype Orientation = 'horizontal' | 'vertical';\n\nconst Separator = React.forwardRef<SeparatorElement, SeparatorProps>((props, forwardedRef) => {\n  const { className, color, decorative, ...separatorProps } = extractProps(props, separatorPropDefs);\n  const responsive = typeof props.orientation === 'object' && props.orientation !== null;\n  const { breakpoint } = useBreakpoint(responsive);\n\n  // A responsive orientation announces the one drawn at the current breakpoint.\n  let orientation: Orientation = 'horizontal';\n  if (responsive) {\n    const values = props.orientation as Partial<Record<string, Orientation>>;\n    for (const bp of SHELL_BREAKPOINTS) {\n      if (values[bp] !== undefined) orientation = values[bp]!;\n      if (bp === breakpoint) break;\n    }\n  } else if (props.orientation === 'vertical') {\n    orientation = 'vertical';\n  }\n\n  return (\n    <span\n      data-accent-color={color}\n      role={decorative ? undefined : 'separator'}\n      aria-orientation={decorative ? undefined : orientation}\n      {...separatorProps}\n      ref={forwardedRef}\n      className={classNames('kui-Separator', className)}\n    />\n  );\n});\nSeparator.displayName = 'Separator';\n\nexport { Separator };\nexport type { SeparatorProps };\n"],
+  "mappings": ";gKAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAevB,IAAMC,EAAkB,aAA6C,CAACC,EAAOC,IAAiB,CAC5F,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,WAAAC,EAAY,GAAGC,CAAe,EAAIC,EAAaN,EAAOO,CAAiB,EAC3FC,EAAa,OAAOR,EAAM,aAAgB,UAAYA,EAAM,cAAgB,KAC5E,CAAE,WAAAS,CAAW,EAAIC,EAAcF,CAAU,EAG3CG,EAA2B,aAC/B,GAAIH,EAAY,CACd,IAAMI,EAASZ,EAAM,YACrB,QAAWa,KAAMC,EAEf,GADIF,EAAOC,CAAE,IAAM,SAAWF,EAAcC,EAAOC,CAAE,GACjDA,IAAOJ,EAAY,KAE3B,MAAWT,EAAM,cAAgB,aAC/BW,EAAc,YAGhB,OACE,gBAAC,QACC,oBAAmBR,EACnB,KAAMC,EAAa,OAAY,YAC/B,mBAAkBA,EAAa,OAAYO,EAC1C,GAAGN,EACJ,IAAKJ,EACL,UAAWc,EAAW,gBAAiBb,CAAS,EAClD,CAEJ,CAAC,EACDH,EAAU,YAAc",
+  "names": ["React", "classNames", "Separator", "props", "forwardedRef", "className", "color", "decorative", "separatorProps", "extractProps", "separatorPropDefs", "responsive", "breakpoint", "useBreakpoint", "orientation", "values", "bp", "SHELL_BREAKPOINTS", "classNames"]
+}

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

@@ -0,0 +1,3 @@
+"use client";
+import*as r from"react";var a="2",u=r.createContext(a);u.displayName="ThemeSizeContext";function f(e,t){if(t.includes(e))return e;let n=Number(e),i=t[0],s=1/0;for(let o=0;o<t.length;o++){let c=Math.abs(Number(t[o])-n);c<s&&(s=c,i=t[o])}return i}function m(e,t){let n=r.useContext(u);return e!==void 0?e:f(n,t.values)}function z(e,t){let n=r.useContext(u);if(e.size!==void 0)return e;let i=f(n,t.values);return i===t.default?e:{...e,size:i}}export{u as a,m as b,z as c};
+//# sourceMappingURL=chunk-2IUGM657.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/theme-size.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\ntype ThemeSize = '1' | '2' | '3' | '4';\n\n/** The rest of the 1-4 index when no Theme states a size. */\nconst THEME_SIZE_DEFAULT: ThemeSize = '2';\n\n/**\n * The app-wide size index, provided by `Theme` beside `ThemeContext`.\n *\n * It is its own context, holding one string, so a component that only needs\n * the size does not re-render when the accent colour or appearance changes.\n */\nconst ThemeSizeContext = React.createContext<ThemeSize>(THEME_SIZE_DEFAULT);\nThemeSizeContext.displayName = 'ThemeSizeContext';\n\ninterface SizePropDef {\n  values: readonly string[];\n  default?: string;\n}\n\n/**\n * Maps the theme size onto a component's own range: the value itself when the\n * component has it, otherwise the nearest end of the range (`4` on a 1-3 scale\n * is `3`, on a 1-2 scale it is `2`).\n */\nfunction clampSize(size: ThemeSize, values: readonly string[]): string {\n  if (values.includes(size)) return size;\n  const n = Number(size);\n  let nearest = values[0];\n  let distance = Infinity;\n  for (let i = 0; i < values.length; i++) {\n    const d = Math.abs(Number(values[i]) - n);\n    if (d < distance) {\n      distance = d;\n      nearest = values[i];\n    }\n  }\n  return nearest;\n}\n\n/**\n * The size a component on the 1-4 index takes: what the caller said, else the\n * nearest Theme's size, mapped into the component's range.\n */\nfunction useThemeSize<V>(explicit: V | undefined, propDef: SizePropDef): V {\n  const themeSize = React.useContext(ThemeSizeContext);\n  if (explicit !== undefined) return explicit;\n  // The clamped value is one of `propDef.values`, which is what `V` ranges over.\n  return clampSize(themeSize, propDef.values) as V;\n}\n\n/**\n * Fills `size` from the nearest Theme when the caller left it unset, so the\n * result can go straight into `extractProps`. An explicit size, responsive\n * object included, wins.\n *\n * Returns the same props object when there is nothing to fill: when a size is\n * set, or when the theme size resolves to the prop def's own default (the\n * common case, a Theme with no size), so `extractProps` applies it as before.\n */\nfunction useThemeSizeProps<P extends { size?: unknown }>(props: P, propDef: SizePropDef): P {\n  const themeSize = React.useContext(ThemeSizeContext);\n  if (props.size !== undefined) return props;\n  const size = clampSize(themeSize, propDef.values);\n  if (size === propDef.default) return props;\n  return { ...props, size };\n}\n\nexport { ThemeSizeContext, THEME_SIZE_DEFAULT, clampSize, useThemeSize, useThemeSizeProps };\nexport type { ThemeSize };\n"],
+  "mappings": ";AAEA,UAAYA,MAAW,QAKvB,IAAMC,EAAgC,IAQhCC,EAAyB,gBAAyBD,CAAkB,EAC1EC,EAAiB,YAAc,mBAY/B,SAASC,EAAUC,EAAiBC,EAAmC,CACrE,GAAIA,EAAO,SAASD,CAAI,EAAG,OAAOA,EAClC,IAAM,EAAI,OAAOA,CAAI,EACjBE,EAAUD,EAAO,CAAC,EAClBE,EAAW,IACf,QAASC,EAAI,EAAGA,EAAIH,EAAO,OAAQG,IAAK,CACtC,IAAMC,EAAI,KAAK,IAAI,OAAOJ,EAAOG,CAAC,CAAC,EAAI,CAAC,EACpCC,EAAIF,IACNA,EAAWE,EACXH,EAAUD,EAAOG,CAAC,EAEtB,CACA,OAAOF,CACT,CAMA,SAASI,EAAgBC,EAAyBC,EAAyB,CACzE,IAAMC,EAAkB,aAAWX,CAAgB,EACnD,OAAIS,IAAa,OAAkBA,EAE5BR,EAAUU,EAAWD,EAAQ,MAAM,CAC5C,CAWA,SAASE,EAAgDC,EAAUH,EAAyB,CAC1F,IAAMC,EAAkB,aAAWX,CAAgB,EACnD,GAAIa,EAAM,OAAS,OAAW,OAAOA,EACrC,IAAMX,EAAOD,EAAUU,EAAWD,EAAQ,MAAM,EAChD,OAAIR,IAASQ,EAAQ,QAAgBG,EAC9B,CAAE,GAAGA,EAAO,KAAAX,CAAK,CAC1B",
+  "names": ["React", "THEME_SIZE_DEFAULT", "ThemeSizeContext", "clampSize", "size", "values", "nearest", "distance", "i", "d", "useThemeSize", "explicit", "propDef", "themeSize", "useThemeSizeProps", "props"]
+}

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

@@ -0,0 +1,3 @@
+"use client";
+import*as e from"react";import{Checkbox as s,Direction as S}from"radix-ui";import{Context as V,Primitive as q,useControllableState as N}from"radix-ui/internal";var{useDirection:D}=S,l="CheckboxGroup",[U,T]=V.createContextScope(l,[s.createCheckboxScope]),x=s.createCheckboxScope(),[W,A]=U(l),m=e.forwardRef((t,n)=>{let{__scopeCheckboxGroup:r,name:i,defaultValue:c,value:o,required:u=!1,disabled:a=!1,orientation:b,dir:C,loop:k,onValueChange:G,...I}=t,R=D(C),[y=[],p]=N({prop:o,defaultProp:c??[],onChange:G}),g=e.useCallback(d=>p((h=[])=>[...h,d]),[p]),E=e.useCallback(d=>p((h=[])=>h.filter(_=>_!==d)),[p]);return e.createElement(W,{scope:r,name:i,required:u,disabled:a,value:y,onItemCheck:g,onItemUncheck:E},e.createElement(q.div,{role:"group","data-disabled":a?"":void 0,dir:R,...I,ref:n}))});m.displayName=l;var P="CheckboxGroupItem",f=e.forwardRef((t,n)=>{let{__scopeCheckboxGroup:r,disabled:i,...c}=t,o=A(P,r),u=o.disabled||i,a=x(r),b=o.value?.includes(c.value),C=o.required&&(o.value?.length??0)===0;return e.createElement(s.Root,{name:o.name,disabled:u,required:C,checked:b,...a,...c,ref:n,onCheckedChange:k=>{k?o.onItemCheck(t.value):o.onItemUncheck(t.value)}})});f.displayName=P;var M="CheckboxGroupIndicator",v=e.forwardRef((t,n)=>{let{__scopeCheckboxGroup:r,...i}=t,c=x(r);return e.createElement(s.Indicator,{...c,...i,ref:n})});v.displayName=M;var z=m,B=f,H=v;export{T as a,m as b,f as c,v as d,z as e,B as f,H as g};
+//# sourceMappingURL=chunk-2VSRZ4IT.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/checkbox-group.primitive.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { Checkbox as CheckboxPrimitive, Direction } from 'radix-ui';\nimport { Context, Primitive, useControllableState } from 'radix-ui/internal';\n\nconst { useDirection } = Direction;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroup\n * -----------------------------------------------------------------------------------------------*/\nconst CHECKBOX_GROUP_NAME = 'CheckboxGroup';\n\ntype ScopedProps<P> = P & { __scopeCheckboxGroup?: Context.Scope };\nconst [createCheckboxGroupContext, createCheckboxGroupScope] = Context.createContextScope(\n  CHECKBOX_GROUP_NAME,\n  [CheckboxPrimitive.createCheckboxScope],\n);\nconst useCheckboxScope = CheckboxPrimitive.createCheckboxScope();\n\ntype CheckboxGroupContextValue = {\n  name?: string;\n  required: boolean;\n  disabled: boolean;\n  value?: string[];\n  onItemCheck(value: string): void;\n  onItemUncheck(value: string): void;\n};\n\nconst [CheckboxGroupProvider, useCheckboxGroupContext] =\n  createCheckboxGroupContext<CheckboxGroupContextValue>(CHECKBOX_GROUP_NAME);\n\ntype CheckboxGroupElement = React.ElementRef<typeof Primitive.div>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<typeof Primitive.div>;\ninterface CheckboxGroupProps extends PrimitiveDivProps {\n  name?: CheckboxGroupContextValue['name'];\n  required?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['required'];\n  disabled?: React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>['disabled'];\n  dir?: 'ltr' | 'rtl';\n  /**\n   * @deprecated Has no effect. Each checkbox is its own tab stop, as with native checkboxes,\n   * so there is no arrow-key navigation to orient.\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * @deprecated Has no effect. Each checkbox is its own tab stop, as with native checkboxes,\n   * so there is no arrow-key navigation to loop.\n   */\n  loop?: boolean;\n  defaultValue?: string[];\n  value?: CheckboxGroupContextValue['value'];\n  onValueChange?: (value: string[]) => void;\n}\n\nconst CheckboxGroup = React.forwardRef<CheckboxGroupElement, CheckboxGroupProps>(\n  (props: ScopedProps<CheckboxGroupProps>, forwardedRef) => {\n    const {\n      __scopeCheckboxGroup,\n      name,\n      defaultValue,\n      value: valueProp,\n      required = false,\n      disabled = false,\n      orientation: _orientation,\n      dir,\n      loop: _loop,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const direction = useDirection(dir);\n    const [value = [], setValue] = useControllableState({\n      prop: valueProp,\n      defaultProp: defaultValue ?? [],\n      onChange: onValueChange,\n    });\n\n    const handleItemCheck = React.useCallback(\n      (itemValue: string) => setValue((prevValue = []) => [...prevValue, itemValue]),\n      [setValue],\n    );\n\n    const handleItemUncheck = React.useCallback(\n      (itemValue: string) =>\n        setValue((prevValue = []) => prevValue.filter((value) => value !== itemValue)),\n      [setValue],\n    );\n\n    return (\n      <CheckboxGroupProvider\n        scope={__scopeCheckboxGroup}\n        name={name}\n        required={required}\n        disabled={disabled}\n        value={value}\n        onItemCheck={handleItemCheck}\n        onItemUncheck={handleItemUncheck}\n      >\n        <Primitive.div\n          role=\"group\"\n          data-disabled={disabled ? '' : undefined}\n          dir={direction}\n          {...groupProps}\n          ref={forwardedRef}\n        />\n      </CheckboxGroupProvider>\n    );\n  },\n);\n\nCheckboxGroup.displayName = CHECKBOX_GROUP_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'CheckboxGroupItem';\n\ntype CheckboxGroupItemElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>;\ninterface CheckboxGroupItemProps\n  extends Omit<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange' | 'name'> {\n  value: string;\n}\n\nconst CheckboxGroupItem = React.forwardRef<CheckboxGroupItemElement, CheckboxGroupItemProps>(\n  (props: ScopedProps<CheckboxGroupItemProps>, forwardedRef) => {\n    const { __scopeCheckboxGroup, disabled, ...itemProps } = props;\n    const context = useCheckboxGroupContext(ITEM_NAME, __scopeCheckboxGroup);\n    const isDisabled = context.disabled || disabled;\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const checked = context.value?.includes(itemProps.value);\n    // A required group needs at least one box checked, not every box: the items are\n    // required only while none is checked.\n    const isRequired = context.required && (context.value?.length ?? 0) === 0;\n\n    return (\n      <CheckboxPrimitive.Root\n        name={context.name}\n        disabled={isDisabled}\n        required={isRequired}\n        checked={checked}\n        {...checkboxScope}\n        {...itemProps}\n        ref={forwardedRef}\n        onCheckedChange={(checked) => {\n          if (checked) {\n            context.onItemCheck(props.value);\n          } else {\n            context.onItemUncheck(props.value);\n          }\n        }}\n      />\n    );\n  },\n);\n\nCheckboxGroupItem.displayName = ITEM_NAME;\n\n/* -------------------------------------------------------------------------------------------------\n * CheckboxGroupIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst INDICATOR_NAME = 'CheckboxGroupIndicator';\n\ntype CheckboxGroupIndicatorElement = React.ElementRef<typeof CheckboxPrimitive.Indicator>;\ntype CheckboxIndicatorProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Indicator>;\ninterface CheckboxGroupIndicatorProps extends CheckboxIndicatorProps {}\n\nconst CheckboxGroupIndicator = React.forwardRef<\n  CheckboxGroupIndicatorElement,\n  CheckboxGroupIndicatorProps\n>((props: ScopedProps<CheckboxGroupIndicatorProps>, forwardedRef) => {\n  const { __scopeCheckboxGroup, ...indicatorProps } = props;\n  const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n  return <CheckboxPrimitive.Indicator {...checkboxScope} {...indicatorProps} ref={forwardedRef} />;\n});\n\nCheckboxGroupIndicator.displayName = INDICATOR_NAME;\n\n/* ---------------------------------------------------------------------------------------------- */\n\nconst Root = CheckboxGroup;\nconst Item = CheckboxGroupItem;\nconst Indicator = CheckboxGroupIndicator;\n\nexport {\n  createCheckboxGroupScope,\n  //\n  CheckboxGroup,\n  CheckboxGroupItem,\n  CheckboxGroupIndicator,\n  //\n  Root,\n  Item,\n  Indicator,\n};\nexport type { CheckboxGroupProps, CheckboxGroupItemProps, CheckboxGroupIndicatorProps };\n"],
+  "mappings": ";AAEA,UAAYA,MAAW,QACvB,OAAS,YAAYC,EAAmB,aAAAC,MAAiB,WACzD,OAAS,WAAAC,EAAS,aAAAC,EAAW,wBAAAC,MAA4B,oBAEzD,GAAM,CAAE,aAAAC,CAAa,EAAIJ,EAKnBK,EAAsB,gBAGtB,CAACC,EAA4BC,CAAwB,EAAIN,EAAQ,mBACrEI,EACA,CAACN,EAAkB,mBAAmB,CACxC,EACMS,EAAmBT,EAAkB,oBAAoB,EAWzD,CAACU,EAAuBC,CAAuB,EACnDJ,EAAsDD,CAAmB,EAwBrEM,EAAsB,aAC1B,CAACC,EAAwCC,IAAiB,CACxD,GAAM,CACJ,qBAAAC,EACA,KAAAC,EACA,aAAAC,EACA,MAAOC,EACP,SAAAC,EAAW,GACX,SAAAC,EAAW,GACX,YAAaC,EACb,IAAAC,EACA,KAAMC,EACN,cAAAC,EACA,GAAGC,CACL,EAAIZ,EACEa,EAAYrB,EAAaiB,CAAG,EAC5B,CAACK,EAAQ,CAAC,EAAGC,CAAQ,EAAIxB,EAAqB,CAClD,KAAMc,EACN,YAAaD,GAAgB,CAAC,EAC9B,SAAUO,CACZ,CAAC,EAEKK,EAAwB,cAC3BC,GAAsBF,EAAS,CAACG,EAAY,CAAC,IAAM,CAAC,GAAGA,EAAWD,CAAS,CAAC,EAC7E,CAACF,CAAQ,CACX,EAEMI,EAA0B,cAC7BF,GACCF,EAAS,CAACG,EAAY,CAAC,IAAMA,EAAU,OAAQJ,GAAUA,IAAUG,CAAS,CAAC,EAC/E,CAACF,CAAQ,CACX,EAEA,OACE,gBAAClB,EAAA,CACC,MAAOK,EACP,KAAMC,EACN,SAAUG,EACV,SAAUC,EACV,MAAOO,EACP,YAAaE,EACb,cAAeG,GAEf,gBAAC7B,EAAU,IAAV,CACC,KAAK,QACL,gBAAeiB,EAAW,GAAK,OAC/B,IAAKM,EACJ,GAAGD,EACJ,IAAKX,EACP,CACF,CAEJ,CACF,EAEAF,EAAc,YAAcN,EAM5B,IAAM2B,EAAY,oBASZC,EAA0B,aAC9B,CAACrB,EAA4CC,IAAiB,CAC5D,GAAM,CAAE,qBAAAC,EAAsB,SAAAK,EAAU,GAAGe,CAAU,EAAItB,EACnDuB,EAAUzB,EAAwBsB,EAAWlB,CAAoB,EACjEsB,EAAaD,EAAQ,UAAYhB,EACjCkB,EAAgB7B,EAAiBM,CAAoB,EACrDwB,EAAUH,EAAQ,OAAO,SAASD,EAAU,KAAK,EAGjDK,EAAaJ,EAAQ,WAAaA,EAAQ,OAAO,QAAU,KAAO,EAExE,OACE,gBAACpC,EAAkB,KAAlB,CACC,KAAMoC,EAAQ,KACd,SAAUC,EACV,SAAUG,EACV,QAASD,EACR,GAAGD,EACH,GAAGH,EACJ,IAAKrB,EACL,gBAAkByB,GAAY,CACxBA,EACFH,EAAQ,YAAYvB,EAAM,KAAK,EAE/BuB,EAAQ,cAAcvB,EAAM,KAAK,CAErC,EACF,CAEJ,CACF,EAEAqB,EAAkB,YAAcD,EAMhC,IAAMQ,EAAiB,yBAMjBC,EAA+B,aAGnC,CAAC7B,EAAiDC,IAAiB,CACnE,GAAM,CAAE,qBAAAC,EAAsB,GAAG4B,CAAe,EAAI9B,EAC9CyB,EAAgB7B,EAAiBM,CAAoB,EAC3D,OAAO,gBAACf,EAAkB,UAAlB,CAA6B,GAAGsC,EAAgB,GAAGK,EAAgB,IAAK7B,EAAc,CAChG,CAAC,EAED4B,EAAuB,YAAcD,EAIrC,IAAMG,EAAOhC,EACPiC,EAAOX,EACPY,EAAYJ",
+  "names": ["React", "CheckboxPrimitive", "Direction", "Context", "Primitive", "useControllableState", "useDirection", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "createCheckboxGroupScope", "useCheckboxScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroup", "props", "forwardedRef", "__scopeCheckboxGroup", "name", "defaultValue", "valueProp", "required", "disabled", "_orientation", "dir", "_loop", "onValueChange", "groupProps", "direction", "value", "setValue", "handleItemCheck", "itemValue", "prevValue", "handleItemUncheck", "ITEM_NAME", "CheckboxGroupItem", "itemProps", "context", "isDisabled", "checkboxScope", "checked", "isRequired", "INDICATOR_NAME", "CheckboxGroupIndicator", "indicatorProps", "Root", "Item", "Indicator"]
+}

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

@@ -0,0 +1,3 @@
+"use client";
+import{a as p,b as i}from"./chunk-GKDGNPBD.js";import{c as s}from"./chunk-2IUGM657.js";import{a as o}from"./chunk-FM3GBCX5.js";import{c}from"./chunk-OKQAVYW4.js";import*as e from"react";import b from"classnames";import{Checkbox as h}from"radix-ui";import{useControllableState as P}from"radix-ui/internal";var u=e.forwardRef((a,k)=>{let m=s(a,o.size),{className:n,color:C,checked:d,defaultChecked:t,onCheckedChange:f,...l}=c(m,o),[r,x]=P({prop:d,defaultProp:t??!1,onChange:f});return e.createElement(h.Root,{"data-accent-color":C,...l,defaultChecked:t,checked:r,onCheckedChange:x,asChild:!1,ref:k,className:b("kui-reset","kui-BaseCheckboxRoot","kui-CheckboxRoot",n)},e.createElement(h.Indicator,{asChild:!0,className:"kui-BaseCheckboxIndicator kui-CheckboxIndicator"},r==="indeterminate"?e.createElement(p,null):e.createElement(i,null)))});u.displayName="Checkbox";export{u as a};
+//# sourceMappingURL=chunk-2XZ7477Y.js.map

package/dist/esm/{chunk-HKPXDQ2B.js.map → chunk-2XZ7477Y.js.map}

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/components/checkbox.tsx"],
   "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { checkboxPropDefs } from './checkbox.props.js';\nimport { ThickCheckIcon, ThickDividerHorizontalIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\n\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype CheckboxElement = React.ElementRef<typeof CheckboxPrimitive.Root>;\ntype CheckboxOwnProps = GetPropDefTypes<typeof checkboxPropDefs>;\ninterface CheckboxProps\n  extends ComponentPropsWithout<\n      typeof CheckboxPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    CheckboxOwnProps {}\nconst Checkbox = React.forwardRef<CheckboxElement, CheckboxProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, checkboxPropDefs.size);\n  const {\n    className,\n    color,\n    checked: checkedProp,\n    defaultChecked: defaultCheckedProp,\n    onCheckedChange,\n    ...checkboxProps\n  } = extractProps(props, checkboxPropDefs);\n\n  const [checked, setChecked] = useControllableState({\n    prop: checkedProp,\n    defaultProp: defaultCheckedProp ?? false,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <CheckboxPrimitive.Root\n      data-accent-color={color}\n      {...checkboxProps}\n      defaultChecked={defaultCheckedProp}\n      checked={checked}\n      onCheckedChange={setChecked}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-BaseCheckboxRoot', 'kui-CheckboxRoot', className)}\n    >\n      <CheckboxPrimitive.Indicator\n        asChild\n        className=\"kui-BaseCheckboxIndicator kui-CheckboxIndicator\"\n      >\n        {checked === 'indeterminate' ? <ThickDividerHorizontalIcon /> : <ThickCheckIcon />}\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckbox.displayName = 'Checkbox';\n\nexport { Checkbox };\nexport type { CheckboxProps };\n"],
-  "mappings": "uKAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,YAAYC,MAAyB,WAC9C,OAAS,wBAAAC,MAA4B,oBAkBrC,IAAMC,EAAiB,aAA2C,CAACC,EAAUC,IAAiB,CAC5F,IAAMC,EAAQC,EAAkBH,EAAUI,EAAiB,IAAI,EACzD,CACJ,UAAAC,EACA,MAAAC,EACA,QAASC,EACT,eAAgBC,EAChB,gBAAAC,EACA,GAAGC,CACL,EAAIC,EAAaT,EAAOE,CAAgB,EAElC,CAACQ,EAASC,CAAU,EAAIC,EAAqB,CACjD,KAAMP,EACN,YAAaC,GAAsB,GACnC,SAAUC,CACZ,CAAC,EAED,OACE,gBAACM,EAAkB,KAAlB,CACC,oBAAmBT,EAClB,GAAGI,EACJ,eAAgBF,EAChB,QAASI,EACT,gBAAiBC,EACjB,QAAS,GACT,IAAKZ,EACL,UAAWe,EAAW,YAAa,uBAAwB,mBAAoBX,CAAS,GAExF,gBAACU,EAAkB,UAAlB,CACC,QAAO,GACP,UAAU,mDAETH,IAAY,gBAAkB,gBAACK,EAAA,IAA2B,EAAK,gBAACC,EAAA,IAAe,CAClF,CACF,CAEJ,CAAC,EACDnB,EAAS,YAAc",
+  "mappings": ";kKAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,YAAYC,MAAyB,WAC9C,OAAS,wBAAAC,MAA4B,oBAkBrC,IAAMC,EAAiB,aAA2C,CAACC,EAAUC,IAAiB,CAC5F,IAAMC,EAAQC,EAAkBH,EAAUI,EAAiB,IAAI,EACzD,CACJ,UAAAC,EACA,MAAAC,EACA,QAASC,EACT,eAAgBC,EAChB,gBAAAC,EACA,GAAGC,CACL,EAAIC,EAAaT,EAAOE,CAAgB,EAElC,CAACQ,EAASC,CAAU,EAAIC,EAAqB,CACjD,KAAMP,EACN,YAAaC,GAAsB,GACnC,SAAUC,CACZ,CAAC,EAED,OACE,gBAACM,EAAkB,KAAlB,CACC,oBAAmBT,EAClB,GAAGI,EACJ,eAAgBF,EAChB,QAASI,EACT,gBAAiBC,EACjB,QAAS,GACT,IAAKZ,EACL,UAAWe,EAAW,YAAa,uBAAwB,mBAAoBX,CAAS,GAExF,gBAACU,EAAkB,UAAlB,CACC,QAAO,GACP,UAAU,mDAETH,IAAY,gBAAkB,gBAACK,EAAA,IAA2B,EAAK,gBAACC,EAAA,IAAe,CAClF,CACF,CAEJ,CAAC,EACDnB,EAAS,YAAc",
   "names": ["React", "classNames", "CheckboxPrimitive", "useControllableState", "Checkbox", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "baseCheckboxPropDefs", "className", "color", "checkedProp", "defaultCheckedProp", "onCheckedChange", "checkboxProps", "extractProps", "checked", "setChecked", "useControllableState", "CheckboxPrimitive", "classNames", "ThickDividerHorizontalIcon", "ThickCheckIcon"]
 }

package/dist/esm/{chunk-GNTNGLYR.js → chunk-2Z2I27ZS.js}

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

package/dist/esm/{chunk-GNTNGLYR.js.map → chunk-2Z2I27ZS.js.map}

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

package/dist/esm/chunk-3223MHQK.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as i}from"./chunk-CAAEEHGQ.js";import{b as r}from"./chunk-BUZGRMDD.js";import{c as p}from"./chunk-OKQAVYW4.js";import*as o from"react";import b from"classnames";import{Slot as D}from"radix-ui";var R=o.forwardRef((s,n)=>{let{asChild:a,className:l,children:m,color:c,radius:h,tooltip:t,tooltipSide:f="top",tooltipAlign:d="center",tooltipDelayDuration:C,tooltipDisableHoverableContent:P,...u}=p(s,i),y=a?D.Root:"span",e=o.createElement(y,{"data-accent-color":c,"data-radius":h,tabIndex:t?0:void 0,...u,ref:n,className:b("kui-reset","kui-Chip",l)},m);return t?o.createElement(r,{content:t,side:f,align:d,delayDuration:C,disableHoverableContent:P},e):e});R.displayName="Chip";export{R as a};
+//# sourceMappingURL=chunk-3223MHQK.js.map

package/dist/esm/{chunk-DSPYHO3L.js.map → chunk-3223MHQK.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/chip.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { chipPropDefs } from './chip.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Tooltip } from './tooltip.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ChipElement = React.ElementRef<'span'>;\ntype ChipOwnProps = GetPropDefTypes<typeof chipPropDefs>;\n\n// Tooltip props that can be passed to Chip\ninterface ChipTooltipProps {\n  tooltip?: React.ReactNode;\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  tooltipAlign?: 'start' | 'center' | 'end';\n  tooltipDelayDuration?: number;\n  tooltipDisableHoverableContent?: boolean;\n}\n\ninterface ChipProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    ChipOwnProps,\n    ChipTooltipProps {}\n\nconst Chip = React.forwardRef<ChipElement, ChipProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    children,\n    color,\n    radius,\n    tooltip,\n    tooltipSide = 'top',\n    tooltipAlign = 'center',\n    tooltipDelayDuration,\n    tooltipDisableHoverableContent,\n    ...chipProps\n  } = extractProps(props, chipPropDefs);\n\n\n\n  // Memoize component variable to prevent unnecessary re-renders\n  const Comp = React.useMemo(() => (asChild ? Slot.Root : 'span'), [asChild]);\n\n  const chip = (\n    <Comp\n      data-accent-color={color}\n      data-radius={radius}\n      {...chipProps}\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-Chip', className)}\n    >\n      {children}\n    </Comp>\n  );\n\n  // If no tooltip is provided, return the chip as-is\n  if (!tooltip) {\n    return chip;\n  }\n\n  // Wrap with Tooltip when tooltip content is provided\n  return (\n    <Tooltip\n      content={tooltip}\n      side={tooltipSide}\n      align={tooltipAlign}\n      delayDuration={tooltipDelayDuration}\n      disableHoverableContent={tooltipDisableHoverableContent}\n    >\n      {chip}\n    </Tooltip>\n  );\n});\nChip.displayName = 'Chip';\n\nexport { Chip };\nexport type { ChipProps };\n"],
-  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WA0BrB,IAAMC,EAAa,aAAmC,CAACC,EAAOC,IAAiB,CAC7E,GAAM,CACJ,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,GAAGC,CACL,EAAIC,EAAab,EAAOc,CAAY,EAK9BC,EAAa,UAAQ,IAAOb,EAAUc,EAAK,KAAO,OAAS,CAACd,CAAO,CAAC,EAEpEe,EACJ,gBAACF,EAAA,CACC,oBAAmBV,EACnB,cAAaC,EACZ,GAAGM,EACJ,IAAKX,EACL,UAAWiB,EAAW,YAAa,WAAYf,CAAS,GAEvDC,CACH,EAIF,OAAKG,EAMH,gBAACY,EAAA,CACC,QAASZ,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,GAExBM,CACH,EAbOA,CAeX,CAAC,EACDlB,EAAK,YAAc",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { chipPropDefs } from './chip.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { Tooltip } from './tooltip.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ChipElement = React.ElementRef<'span'>;\ntype ChipOwnProps = GetPropDefTypes<typeof chipPropDefs>;\n\n// Tooltip props that can be passed to Chip\ninterface ChipTooltipProps {\n  tooltip?: React.ReactNode;\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  tooltipAlign?: 'start' | 'center' | 'end';\n  tooltipDelayDuration?: number;\n  tooltipDisableHoverableContent?: boolean;\n}\n\ninterface ChipProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    ChipOwnProps,\n    ChipTooltipProps {}\n\nconst Chip = React.forwardRef<ChipElement, ChipProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    className,\n    children,\n    color,\n    radius,\n    tooltip,\n    tooltipSide = 'top',\n    tooltipAlign = 'center',\n    tooltipDelayDuration,\n    tooltipDisableHoverableContent,\n    ...chipProps\n  } = extractProps(props, chipPropDefs);\n\n  const Comp = asChild ? Slot.Root : 'span';\n\n  const chip = (\n    <Comp\n      data-accent-color={color}\n      data-radius={radius}\n      // A tooltip opens on focus, so a chip that has one joins the tab order.\n      tabIndex={tooltip ? 0 : undefined}\n      {...chipProps}\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-Chip', className)}\n    >\n      {children}\n    </Comp>\n  );\n\n  // If no tooltip is provided, return the chip as-is\n  if (!tooltip) {\n    return chip;\n  }\n\n  // Wrap with Tooltip when tooltip content is provided\n  return (\n    <Tooltip\n      content={tooltip}\n      side={tooltipSide}\n      align={tooltipAlign}\n      delayDuration={tooltipDelayDuration}\n      disableHoverableContent={tooltipDisableHoverableContent}\n    >\n      {chip}\n    </Tooltip>\n  );\n});\nChip.displayName = 'Chip';\n\nexport { Chip };\nexport type { ChipProps };\n"],
+  "mappings": ";wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WA0BrB,IAAMC,EAAa,aAAmC,CAACC,EAAOC,IAAiB,CAC7E,GAAM,CACJ,QAAAC,EACA,UAAAC,EACA,SAAAC,EACA,MAAAC,EACA,OAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,GAAGC,CACL,EAAIC,EAAab,EAAOc,CAAY,EAE9BC,EAAOb,EAAUc,EAAK,KAAO,OAE7BC,EACJ,gBAACF,EAAA,CACC,oBAAmBV,EACnB,cAAaC,EAEb,SAAUC,EAAU,EAAI,OACvB,GAAGK,EACJ,IAAKX,EACL,UAAWiB,EAAW,YAAa,WAAYf,CAAS,GAEvDC,CACH,EAIF,OAAKG,EAMH,gBAACY,EAAA,CACC,QAASZ,EACT,KAAMC,EACN,MAAOC,EACP,cAAeC,EACf,wBAAyBC,GAExBM,CACH,EAbOA,CAeX,CAAC,EACDlB,EAAK,YAAc",
   "names": ["React", "classNames", "Slot", "Chip", "props", "forwardedRef", "asChild", "className", "children", "color", "radius", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "chipProps", "extractProps", "chipPropDefs", "Comp", "Slot", "chip", "classNames", "Tooltip"]
 }

package/dist/esm/{chunk-MPTTUBFU.js → chunk-3H23GRNQ.js}

@@ -1,2 +1,3 @@
-import{a as i}from"./chunk-LVCUY2OS.js";import{a as n}from"./chunk-ELAW7ZUG.js";import*as e from"react";import{Slot as P}from"radix-ui";var g=e.memo(e.forwardRef((d,o)=>{let{children:p,className:t,asChild:m,as:H="h1",color:r,...s}=n(d,i),a=t?`kui-Heading ${t}`:"kui-Heading";return m?e.createElement(P.Root,{"data-accent-color":r,...s,ref:o,className:a},p):e.createElement(H,{"data-accent-color":r,...s,ref:o,className:a},p)}));g.displayName="Heading";export{g as a};
-//# sourceMappingURL=chunk-MPTTUBFU.js.map
+"use client";
+import{a as i}from"./chunk-SV3CYQY5.js";import{c as n}from"./chunk-OKQAVYW4.js";import*as e from"react";import{Slot as P}from"radix-ui";var g=e.memo(e.forwardRef((d,o)=>{let{children:p,className:t,asChild:m,as:H="h2",color:r,...s}=n(d,i),a=t?`kui-Heading ${t}`:"kui-Heading";return m?e.createElement(P.Root,{"data-accent-color":r,...s,ref:o,className:a},p):e.createElement(H,{"data-accent-color":r,...s,ref:o,className:a},p)}));g.displayName="Heading";export{g as a};
+//# sourceMappingURL=chunk-3H23GRNQ.js.map

package/dist/esm/{chunk-MPTTUBFU.js.map → chunk-3H23GRNQ.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/heading.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport { Slot } from 'radix-ui';\n\nimport { headingPropDefs } from './heading.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 HeadingElement = React.ElementRef<'h1'>;\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;\ninterface CommonHeadingProps extends HeadingOwnProps {}\ntype HeadingH1Props = { as?: 'h1' } & ComponentPropsWithout<'h1', RemovedProps>;\ntype HeadingH2Props = { as: 'h2' } & ComponentPropsWithout<'h2', RemovedProps>;\ntype HeadingH3Props = { as: 'h3' } & ComponentPropsWithout<'h3', RemovedProps>;\ntype HeadingH4Props = { as: 'h4' } & ComponentPropsWithout<'h4', RemovedProps>;\ntype HeadingH5Props = { as: 'h5' } & ComponentPropsWithout<'h5', RemovedProps>;\ntype HeadingH6Props = { as: 'h6' } & ComponentPropsWithout<'h6', RemovedProps>;\ntype HeadingProps = CommonHeadingProps &\n  (HeadingH1Props | HeadingH2Props | HeadingH3Props | HeadingH4Props | HeadingH5Props | HeadingH6Props);\n\n// Pre-merge prop definitions at module level to avoid per-render allocation\n\nconst Heading = React.memo(\n  React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n    const {\n      children,\n      className,\n      asChild,\n      as: Tag = 'h1',\n      color,\n      ...headingProps\n    } = extractProps(props, headingPropDefs);\n\n    const combinedClassName = className ? `kui-Heading ${className}` : 'kui-Heading';\n\n    if (asChild) {\n      return (\n        <Slot.Root\n          data-accent-color={color}\n          {...headingProps}\n          ref={forwardedRef}\n          className={combinedClassName}\n        >\n          {children}\n        </Slot.Root>\n      );\n    }\n\n    return (\n      <Tag\n        data-accent-color={color}\n        {...(headingProps as React.HTMLAttributes<HTMLHeadingElement>)}\n        ref={forwardedRef as any}\n        className={combinedClassName}\n      >\n        {children}\n      </Tag>\n    );\n  })\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\nexport type { HeadingProps };\n"],
-  "mappings": "gFAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAsBrB,IAAMC,EAAgB,OACd,aAAyC,CAACC,EAAOC,IAAiB,CACtE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,KACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAe,EAEjCC,EAAoBP,EAAY,eAAeA,CAAS,GAAK,cAEnE,OAAIC,EAEA,gBAACO,EAAK,KAAL,CACC,oBAAmBL,EAClB,GAAGC,EACJ,IAAKN,EACL,UAAWS,GAEVR,CACH,EAKF,gBAACG,EAAA,CACC,oBAAmBC,EAClB,GAAIC,EACL,IAAKN,EACL,UAAWS,GAEVR,CACH,CAEJ,CAAC,CACH,EACAH,EAAQ,YAAc",
+  "sourcesContent": ["import * as React from 'react';\nimport { Slot } from 'radix-ui';\n\nimport { headingPropDefs } from './heading.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 HeadingElement = React.ElementRef<'h2'>;\ntype HeadingOwnProps = GetPropDefTypes<typeof headingPropDefs>;\ninterface CommonHeadingProps extends HeadingOwnProps {}\ntype HeadingH1Props = { as: 'h1' } & ComponentPropsWithout<'h1', RemovedProps>;\ntype HeadingH2Props = { as?: 'h2' } & ComponentPropsWithout<'h2', RemovedProps>;\ntype HeadingH3Props = { as: 'h3' } & ComponentPropsWithout<'h3', RemovedProps>;\ntype HeadingH4Props = { as: 'h4' } & ComponentPropsWithout<'h4', RemovedProps>;\ntype HeadingH5Props = { as: 'h5' } & ComponentPropsWithout<'h5', RemovedProps>;\ntype HeadingH6Props = { as: 'h6' } & ComponentPropsWithout<'h6', RemovedProps>;\ntype HeadingProps = CommonHeadingProps &\n  (HeadingH1Props | HeadingH2Props | HeadingH3Props | HeadingH4Props | HeadingH5Props | HeadingH6Props);\n\n// Pre-merge prop definitions at module level to avoid per-render allocation\n\nconst Heading = React.memo(\n  React.forwardRef<HeadingElement, HeadingProps>((props, forwardedRef) => {\n    const {\n      children,\n      className,\n      asChild,\n      as: Tag = 'h2',\n      color,\n      ...headingProps\n    } = extractProps(props, headingPropDefs);\n\n    const combinedClassName = className ? `kui-Heading ${className}` : 'kui-Heading';\n\n    if (asChild) {\n      return (\n        <Slot.Root\n          data-accent-color={color}\n          {...headingProps}\n          ref={forwardedRef}\n          className={combinedClassName}\n        >\n          {children}\n        </Slot.Root>\n      );\n    }\n\n    return (\n      <Tag\n        data-accent-color={color}\n        {...(headingProps as React.HTMLAttributes<HTMLHeadingElement>)}\n        ref={forwardedRef as any}\n        className={combinedClassName}\n      >\n        {children}\n      </Tag>\n    );\n  })\n);\nHeading.displayName = 'Heading';\n\nexport { Heading };\nexport type { HeadingProps };\n"],
+  "mappings": ";gFAAA,UAAYA,MAAW,QACvB,OAAS,QAAAC,MAAY,WAsBrB,IAAMC,EAAgB,OACd,aAAyC,CAACC,EAAOC,IAAiB,CACtE,GAAM,CACJ,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAIC,EAAM,KACV,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaR,EAAOS,CAAe,EAEjCC,EAAoBP,EAAY,eAAeA,CAAS,GAAK,cAEnE,OAAIC,EAEA,gBAACO,EAAK,KAAL,CACC,oBAAmBL,EAClB,GAAGC,EACJ,IAAKN,EACL,UAAWS,GAEVR,CACH,EAKF,gBAACG,EAAA,CACC,oBAAmBC,EAClB,GAAIC,EACL,IAAKN,EACL,UAAWS,GAEVR,CACH,CAEJ,CAAC,CACH,EACAH,EAAQ,YAAc",
   "names": ["React", "Slot", "Heading", "props", "forwardedRef", "children", "className", "asChild", "Tag", "color", "headingProps", "extractProps", "headingPropDefs", "combinedClassName", "Slot"]
 }

package/dist/esm/chunk-3LIF53YY.js

@@ -0,0 +1,13 @@
+"use client";
+import*as m from"react";var a="kookie-appearance",y=`(function () {
+  var e = document.documentElement;
+  var a = null;
+  try { a = localStorage.getItem(${JSON.stringify(a)}); } catch (err) {}
+  var dark = a === "light" ? false : a === "dark" ? true : matchMedia("(prefers-color-scheme: dark)").matches;
+  var mode = dark ? "dark" : "light";
+  e.classList.remove("light", "dark");
+  e.classList.add(mode);
+  e.setAttribute("data-appearance", mode);
+  e.style.colorScheme = mode;
+})();`;var n=new Set;function c(){for(let e of n)e()}var h="system";function i(){try{let e=globalThis.localStorage?.getItem(a);return e==="light"||e==="dark"?e:"system"}catch{return h}}function o(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}function l(e){let t=document.documentElement;t.classList.remove("light","dark"),t.classList.add(e),t.setAttribute("data-appearance",e),t.style.colorScheme=e}function u(){let e=document.documentElement;return e.classList.contains("dark")||e.classList.contains("dark-theme")?"dark":e.classList.contains("light")||e.classList.contains("light-theme")?"light":o()}var r=null;function v(){let e=i(),t=u();return(!r||r.choice!==e||r.resolved!==t)&&(r={choice:e,resolved:t}),r}var f={choice:"system",resolved:"light"};function d(){i()==="system"&&(l(o()),c())}function p(e){if(e.key!==a)return;let t=i();l(t==="system"?o():t),c()}var s=null;function g(e){return n.size===0&&(s=window.matchMedia("(prefers-color-scheme: dark)"),s.addEventListener("change",d),window.addEventListener("storage",p)),n.add(e),()=>{n.delete(e),!(n.size>0)&&(s?.removeEventListener("change",d),s=null,window.removeEventListener("storage",p))}}function A(e){h=e;try{e==="system"?localStorage.removeItem(a):localStorage.setItem(a,e)}catch{}l(e==="system"?o():e),c()}function E(){let{choice:e,resolved:t}=m.useSyncExternalStore(g,v,()=>f);return{choice:e,appearance:t,setAppearance:A}}export{a,y as b,A as c,E as d};
+//# sourceMappingURL=chunk-3LIF53YY.js.map

package/dist/esm/chunk-3LIF53YY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-appearance.ts", "../../src/hooks/appearance-script.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { APPEARANCE_STORAGE_KEY } from './appearance-script.js';\n\n/**\n * Light and dark mode, decided before the first paint and kept on `<html>`.\n *\n * The server cannot know the visitor's mode, so `appearanceScript` runs synchronously in\n * `<head>`: the stored choice first, `prefers-color-scheme` otherwise. It writes the `light`\n * or `dark` class (which every token and component stylesheet already keys off) and\n * `data-appearance` on `<html>`. The root `<Theme>` keeps `appearance=\"inherit\"`, so it\n * writes no class of its own and `<html>` is the one source of truth. Nested themes and\n * portals inherit it from there.\n *\n * `useAppearance` is the client half: an external store over `<html>` and the same storage\n * key. It never mirrors the mode into React state that could disagree with the DOM.\n */\n\ntype AppearanceChoice = 'system' | 'light' | 'dark';\ntype ResolvedAppearance = 'light' | 'dark';\n\nconst listeners = new Set<() => void>();\n\nfunction emit() {\n  for (const listener of listeners) listener();\n}\n\n// The last choice made on this page, for when storage is blocked and cannot hold it.\nlet pageChoice: AppearanceChoice = 'system';\n\nfunction readChoice(): AppearanceChoice {\n  try {\n    const value = globalThis.localStorage?.getItem(APPEARANCE_STORAGE_KEY);\n    return value === 'light' || value === 'dark' ? value : 'system';\n  } catch {\n    return pageChoice;\n  }\n}\n\nfunction systemAppearance(): ResolvedAppearance {\n  return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';\n}\n\nfunction stamp(mode: ResolvedAppearance) {\n  const root = document.documentElement;\n  root.classList.remove('light', 'dark');\n  root.classList.add(mode);\n  root.setAttribute('data-appearance', mode);\n  root.style.colorScheme = mode;\n}\n\nfunction readResolved(): ResolvedAppearance {\n  const root = document.documentElement;\n  if (root.classList.contains('dark') || root.classList.contains('dark-theme')) return 'dark';\n  if (root.classList.contains('light') || root.classList.contains('light-theme')) return 'light';\n  return systemAppearance();\n}\n\nlet snapshot: { choice: AppearanceChoice; resolved: ResolvedAppearance } | null = null;\n\nfunction getSnapshot() {\n  const choice = readChoice();\n  const resolved = readResolved();\n  if (!snapshot || snapshot.choice !== choice || snapshot.resolved !== resolved) {\n    snapshot = { choice, resolved };\n  }\n  return snapshot;\n}\n\nconst serverSnapshot = { choice: 'system' as AppearanceChoice, resolved: 'light' as ResolvedAppearance };\n\n// With no stored choice, follow the system as it changes.\nfunction onSystemChange() {\n  if (readChoice() === 'system') {\n    stamp(systemAppearance());\n    emit();\n  }\n}\n\n// Another tab changed the choice.\nfunction onStorage(event: StorageEvent) {\n  if (event.key !== APPEARANCE_STORAGE_KEY) return;\n  const choice = readChoice();\n  stamp(choice === 'system' ? systemAppearance() : choice);\n  emit();\n}\n\nlet media: MediaQueryList | null = null;\n\n// One set of window listeners for every subscriber, so one change stamps `<html>` once.\nfunction subscribe(listener: () => void) {\n  if (listeners.size === 0) {\n    media = window.matchMedia('(prefers-color-scheme: dark)');\n    media.addEventListener('change', onSystemChange);\n    window.addEventListener('storage', onStorage);\n  }\n  listeners.add(listener);\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n    media?.removeEventListener('change', onSystemChange);\n    media = null;\n    window.removeEventListener('storage', onStorage);\n  };\n}\n\n/** Applies a choice to `<html>` and stores it. The change applies even if storage is blocked. */\nfunction setAppearance(choice: AppearanceChoice) {\n  pageChoice = choice;\n  try {\n    if (choice === 'system') localStorage.removeItem(APPEARANCE_STORAGE_KEY);\n    else localStorage.setItem(APPEARANCE_STORAGE_KEY, choice);\n  } catch {\n    // Storage is blocked: the mode still changes for this page.\n  }\n  stamp(choice === 'system' ? systemAppearance() : choice);\n  emit();\n}\n\n/**\n * The page's light or dark mode. `choice` is what the person picked (`system` when they\n * haven't); `appearance` is what is showing. On the server and in the first client render it\n * reports `system` / `light`, then corrects without a hydration mismatch.\n */\nfunction useAppearance() {\n  const { choice, resolved } = React.useSyncExternalStore(subscribe, getSnapshot, () => serverSnapshot);\n  return { choice, appearance: resolved, setAppearance } as const;\n}\n\nexport { useAppearance, setAppearance };\nexport type { AppearanceChoice, ResolvedAppearance };\n", "/**\n * The pre-paint half of light and dark mode (see `use-appearance.ts`). Kept in its own module\n * with no client directive, so a server component such as a Next.js root layout can import the\n * string and inline it in `<head>`.\n */\n\nconst APPEARANCE_STORAGE_KEY = 'kookie-appearance';\n\n/**\n * Inline this in `<head>`, before any stylesheet paints, e.g.\n * `<script dangerouslySetInnerHTML={{ __html: appearanceScript }} />`.\n *\n * Storage is read inside its own try/catch: browsers that block site data throw on access,\n * and that must not skip the stamp. `matchMedia` always answers.\n */\nconst appearanceScript = `(function () {\n  var e = document.documentElement;\n  var a = null;\n  try { a = localStorage.getItem(${JSON.stringify(APPEARANCE_STORAGE_KEY)}); } catch (err) {}\n  var dark = a === \"light\" ? false : a === \"dark\" ? true : matchMedia(\"(prefers-color-scheme: dark)\").matches;\n  var mode = dark ? \"dark\" : \"light\";\n  e.classList.remove(\"light\", \"dark\");\n  e.classList.add(mode);\n  e.setAttribute(\"data-appearance\", mode);\n  e.style.colorScheme = mode;\n})();`;\n\nexport { appearanceScript, APPEARANCE_STORAGE_KEY };\n"],
+  "mappings": ";AAEA,UAAYA,MAAW,QCIvB,IAAMC,EAAyB,oBASzBC,EAAmB;AAAA;AAAA;AAAA,mCAGU,KAAK,UAAUD,CAAsB,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ODIzE,IAAME,EAAY,IAAI,IAEtB,SAASC,GAAO,CACd,QAAWC,KAAYF,EAAWE,EAAS,CAC7C,CAGA,IAAIC,EAA+B,SAEnC,SAASC,GAA+B,CACtC,GAAI,CACF,IAAMC,EAAQ,WAAW,cAAc,QAAQC,CAAsB,EACrE,OAAOD,IAAU,SAAWA,IAAU,OAASA,EAAQ,QACzD,MAAQ,CACN,OAAOF,CACT,CACF,CAEA,SAASI,GAAuC,CAC9C,OAAO,OAAO,WAAW,8BAA8B,EAAE,QAAU,OAAS,OAC9E,CAEA,SAASC,EAAMC,EAA0B,CACvC,IAAMC,EAAO,SAAS,gBACtBA,EAAK,UAAU,OAAO,QAAS,MAAM,EACrCA,EAAK,UAAU,IAAID,CAAI,EACvBC,EAAK,aAAa,kBAAmBD,CAAI,EACzCC,EAAK,MAAM,YAAcD,CAC3B,CAEA,SAASE,GAAmC,CAC1C,IAAMD,EAAO,SAAS,gBACtB,OAAIA,EAAK,UAAU,SAAS,MAAM,GAAKA,EAAK,UAAU,SAAS,YAAY,EAAU,OACjFA,EAAK,UAAU,SAAS,OAAO,GAAKA,EAAK,UAAU,SAAS,aAAa,EAAU,QAChFH,EAAiB,CAC1B,CAEA,IAAIK,EAA8E,KAElF,SAASC,GAAc,CACrB,IAAMC,EAASV,EAAW,EACpBW,EAAWJ,EAAa,EAC9B,OAAI,CAACC,GAAYA,EAAS,SAAWE,GAAUF,EAAS,WAAaG,KACnEH,EAAW,CAAE,OAAAE,EAAQ,SAAAC,CAAS,GAEzBH,CACT,CAEA,IAAMI,EAAiB,CAAE,OAAQ,SAA8B,SAAU,OAA8B,EAGvG,SAASC,GAAiB,CACpBb,EAAW,IAAM,WACnBI,EAAMD,EAAiB,CAAC,EACxBN,EAAK,EAET,CAGA,SAASiB,EAAUC,EAAqB,CACtC,GAAIA,EAAM,MAAQb,EAAwB,OAC1C,IAAMQ,EAASV,EAAW,EAC1BI,EAAMM,IAAW,SAAWP,EAAiB,EAAIO,CAAM,EACvDb,EAAK,CACP,CAEA,IAAImB,EAA+B,KAGnC,SAASC,EAAUnB,EAAsB,CACvC,OAAIF,EAAU,OAAS,IACrBoB,EAAQ,OAAO,WAAW,8BAA8B,EACxDA,EAAM,iBAAiB,SAAUH,CAAc,EAC/C,OAAO,iBAAiB,UAAWC,CAAS,GAE9ClB,EAAU,IAAIE,CAAQ,EACf,IAAM,CACXF,EAAU,OAAOE,CAAQ,EACrB,EAAAF,EAAU,KAAO,KACrBoB,GAAO,oBAAoB,SAAUH,CAAc,EACnDG,EAAQ,KACR,OAAO,oBAAoB,UAAWF,CAAS,EACjD,CACF,CAGA,SAASI,EAAcR,EAA0B,CAC/CX,EAAaW,EACb,GAAI,CACEA,IAAW,SAAU,aAAa,WAAWR,CAAsB,EAClE,aAAa,QAAQA,EAAwBQ,CAAM,CAC1D,MAAQ,CAER,CACAN,EAAMM,IAAW,SAAWP,EAAiB,EAAIO,CAAM,EACvDb,EAAK,CACP,CAOA,SAASsB,GAAgB,CACvB,GAAM,CAAE,OAAAT,EAAQ,SAAAC,CAAS,EAAU,uBAAqBM,EAAWR,EAAa,IAAMG,CAAc,EACpG,MAAO,CAAE,OAAAF,EAAQ,WAAYC,EAAU,cAAAO,CAAc,CACvD",
+  "names": ["React", "APPEARANCE_STORAGE_KEY", "appearanceScript", "listeners", "emit", "listener", "pageChoice", "readChoice", "value", "APPEARANCE_STORAGE_KEY", "systemAppearance", "stamp", "mode", "root", "readResolved", "snapshot", "getSnapshot", "choice", "resolved", "serverSnapshot", "onSystemChange", "onStorage", "event", "media", "subscribe", "setAppearance", "useAppearance"]
+}

package/dist/esm/chunk-3QWGSRYC.js

@@ -0,0 +1,3 @@
+"use client";
+import{b as _}from"./chunk-WEBNIUEX.js";import*as n from"react";import{useLayoutEffect as de}from"radix-ui/internal";import me from"classnames";var x=n.forwardRef(({className:d,children:m,...R},g)=>{let{containerRef:E,controls:ee,cssVarName:D,minSize:L,maxSize:b,defaultSize:k,orientation:v,edge:te,growth:A,onResize:y,onResizeStart:q,onResizeEnd:z,snapPoints:T,snapTolerance:ne,collapseThreshold:V,collapsible:F,target:j,requestCollapse:re,requestToggle:B}=_(),S=n.useRef(null),oe=n.useCallback(e=>{S.current=e,typeof g=="function"?g(e):g&&(g.current=e)},[g]),C=n.useRef(null);n.useEffect(()=>()=>{C.current?.(),C.current=null},[]);let I=n.useCallback(()=>{let e=E.current;if(!e)return k;let t=Number.parseFloat(getComputedStyle(e).getPropertyValue(D));return Number.isFinite(t)?t:k},[E,D,k]),K=n.useCallback(()=>{let e=E.current,t=S.current,r=e?.closest(".kui-ShellRoot")?.getBoundingClientRect();if(!e||!r||!t)return b;let c=e.getBoundingClientRect(),p=t.getBoundingClientRect(),s=A(getComputedStyle(e).direction==="rtl"),o;v==="vertical"?o=s>0?r.right-c.left:c.right-r.left:o=s>0?r.bottom-c.top:c.bottom-r.top;let H=v==="vertical"?p.width:p.height;return!(r.width>0&&r.height>0)||!Number.isFinite(o)?b:Math.max(L,Math.min(b,Math.round(o-H)))},[E,A,b,L,v]),ie=()=>{S.current?.setAttribute("aria-valuemax",String(K()))};de(()=>{S.current?.setAttribute("aria-valuenow",String(Math.round(I())))},[I]);let M=(e,t)=>{e.style.setProperty(D,`${t}px`),S.current?.setAttribute("aria-valuenow",String(Math.round(t)))},ae=j.charAt(0).toUpperCase()+j.slice(1);return n.createElement("div",{ref:oe,className:me("kui-ShellResizer",d),"data-orientation":v,"data-edge":te,role:"separator",tabIndex:0,"aria-label":`Resize ${ae} pane`,"aria-controls":ee,"aria-orientation":v,"aria-valuemin":L,"aria-valuemax":b,...R,onPointerDown:e=>{R.onPointerDown?.(e);let t=E.current;if(!t||e.defaultPrevented||e.button!==0)return;e.preventDefault();let r=e.currentTarget,c=e.pointerId;C.current?.();try{r.setPointerCapture(c)}catch{}let p=getComputedStyle(t),s=Number.parseFloat(p.getPropertyValue(D)),o=Number.isFinite(s)?s:k,H=v==="vertical"?e.clientX:e.clientY,se=A(p.direction==="rtl"),X=K();r.setAttribute("aria-valuemax",String(X));let Y=i=>Math.min(Math.max(i,L),X);t.setAttribute("data-resizing",""),r.setAttribute("data-dragging","");let h=document.body,le=h.style.cursor,ce=h.style.userSelect;h.style.cursor=v==="vertical"?"col-resize":"row-resize",h.style.userSelect="none",q?.(o);let f=o,W=o,l=0,P=null,$=()=>{if(l=0,P===null)return;let i=P;P=null,y?.(i)},O=null,G=!1,ue=(i,w)=>{if(i.type===w)G=!0;else if(G)return!1;return!0},u=i=>{if(!ue(i,"pointermove")||i===O)return;O=i;let w=v==="vertical"?i.clientX:i.clientY;W=o+(w-H)*se,f=Y(W),M(t,f),P=f,l||(l=requestAnimationFrame($))},N=()=>{l&&cancelAnimationFrame(l),l=0;try{r.releasePointerCapture(c)}catch{}window.removeEventListener("pointermove",u),document.removeEventListener("pointermove",u),window.removeEventListener("mousemove",u),document.removeEventListener("mousemove",u),r.removeEventListener("pointermove",u),window.removeEventListener("pointerup",a),document.removeEventListener("pointerup",a),window.removeEventListener("mouseup",a),document.removeEventListener("mouseup",a),window.removeEventListener("pointercancel",a),document.removeEventListener("pointercancel",a),window.removeEventListener("keydown",J),r.removeEventListener("lostpointercapture",a),t.removeAttribute("data-resizing"),r.removeAttribute("data-dragging"),h.style.cursor=le,h.style.userSelect=ce,C.current=null},U=!1,a=()=>{if(U)return;if(U=!0,l&&cancelAnimationFrame(l),$(),F&&typeof V=="number"&&W<=V){M(t,o),y?.(o),N(),re?.(),z?.(o);return}let i=f;if(T&&T.length){let w=T.reduce((Q,Z)=>Math.abs(Z-f)<Math.abs(Q-f)?Z:Q,T[0]);Math.abs(w-f)<=ne&&(i=Y(w),M(t,i),y?.(i))}z?.(i),N()},J=i=>{i.key==="Escape"&&(l&&cancelAnimationFrame(l),l=0,P=null,M(t,o),y?.(o),U=!0,z?.(o),N())};window.addEventListener("pointermove",u),document.addEventListener("pointermove",u),window.addEventListener("mousemove",u),document.addEventListener("mousemove",u),r.addEventListener("pointermove",u),window.addEventListener("pointerup",a),document.addEventListener("pointerup",a),window.addEventListener("mouseup",a),document.addEventListener("mouseup",a),window.addEventListener("pointercancel",a),document.addEventListener("pointercancel",a),window.addEventListener("keydown",J),r.addEventListener("lostpointercapture",a),C.current=N},onDoubleClick:e=>{R.onDoubleClick?.(e),!e.defaultPrevented&&F&&B?.()},onFocus:e=>{R.onFocus?.(e),ie()},onKeyDown:e=>{R.onKeyDown?.(e);let t=E.current;if(!t||e.defaultPrevented)return;if(e.key==="Enter"){F&&B&&(e.preventDefault(),B());return}let r=I(),c=K(),p=o=>Math.min(Math.max(o,L),c),s;if(e.key==="Home")s=p(L);else if(e.key==="End")s=p(c);else{let o=v==="vertical"?e.key==="ArrowRight"?1:e.key==="ArrowLeft"?-1:0:e.key==="ArrowDown"?1:e.key==="ArrowUp"?-1:0;if(o===0)return;let H=e.shiftKey?32:8;s=p(r+o*H*A(getComputedStyle(t).direction==="rtl"))}e.preventDefault(),q?.(r),M(t,s),y?.(s),z?.(s)}},m)});x.displayName="Shell.Handle";var ve=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));ve.displayName="Shell.Panel.Handle";var pe=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));pe.displayName="Shell.Sidebar.Handle";var fe=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));fe.displayName="Shell.Inspector.Handle";var Ee=n.forwardRef((d,m)=>n.createElement(x,{...d,ref:m}));Ee.displayName="Shell.Bottom.Handle";export{x as a,ve as b,pe as c,fe as d,Ee as e};
+//# sourceMappingURL=chunk-3QWGSRYC.js.map

package/dist/esm/chunk-3QWGSRYC.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/shell-handles.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport { useLayoutEffect } from 'radix-ui/internal';\nimport classNames from 'classnames';\nimport { usePaneResize } from './shell-resize.js';\n\n/**\n * The resize handle: the WAI-ARIA window splitter. `role=\"separator\"` with a\n * value, focusable because it is operable, `aria-controls` naming its pane.\n *\n * A drag writes the size variable directly on the pane and sets no React\n * state, so nothing re-renders per move. `onResize` is called at most once per\n * animation frame, and once more with the final size when the drag ends. The\n * direction and the ceiling are read once, when the drag starts.\n */\nexport const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>(({ className, children, ...props }, ref) => {\n  const {\n    containerRef,\n    controls,\n    cssVarName,\n    minSize,\n    maxSize,\n    defaultSize,\n    orientation,\n    edge,\n    growth,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    collapsible,\n    target,\n    requestCollapse,\n    requestToggle,\n  } = usePaneResize();\n\n  const handleRef = React.useRef<HTMLDivElement | null>(null);\n  const setRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      handleRef.current = node;\n      if (typeof ref === 'function') ref(node);\n      else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n    },\n    [ref],\n  );\n\n  const activeCleanupRef = React.useRef<(() => void) | null>(null);\n  React.useEffect(\n    () => () => {\n      activeCleanupRef.current?.();\n      activeCleanupRef.current = null;\n    },\n    [],\n  );\n\n  /** The pane's size as the stylesheet sees it. Read at the edges of a gesture, never during one. */\n  const readSize = React.useCallback(() => {\n    const container = containerRef.current;\n    if (!container) return defaultSize;\n    const parsed = Number.parseFloat(getComputedStyle(container).getPropertyValue(cssVarName));\n    return Number.isFinite(parsed) ? parsed : defaultSize;\n  }, [containerRef, cssVarName, defaultSize]);\n\n  /**\n   * The largest size a resize may reach: the stated maximum, and never so\n   * large that the handle leaves the frame. The room is measured from the\n   * pane's anchored edge, which does not move, to the far edge of the frame,\n   * so a pane that starts after a Rail has less room than the frame's width.\n   * Without the cap a pane with a generous `maxSize` could be resized until\n   * its own handle was off screen.\n   */\n  const ceiling = React.useCallback(() => {\n    const container = containerRef.current;\n    const handle = handleRef.current;\n    const frame = container?.closest('.kui-ShellRoot')?.getBoundingClientRect();\n    if (!container || !frame || !handle) return maxSize;\n    const pane = container.getBoundingClientRect();\n    const hitBox = handle.getBoundingClientRect();\n    const sign = growth(getComputedStyle(container).direction === 'rtl');\n    let room: number;\n    if (orientation === 'vertical') room = sign > 0 ? frame.right - pane.left : pane.right - frame.left;\n    else room = sign > 0 ? frame.bottom - pane.top : pane.bottom - frame.top;\n    const hit = orientation === 'vertical' ? hitBox.width : hitBox.height;\n    if (!(frame.width > 0 && frame.height > 0) || !Number.isFinite(room)) return maxSize;\n    return Math.max(minSize, Math.min(maxSize, Math.round(room - hit)));\n  }, [containerRef, growth, maxSize, minSize, orientation]);\n\n  // The announced maximum is what a resize can reach now, not only the prop.\n  const announceCeiling = () => {\n    handleRef.current?.setAttribute('aria-valuemax', String(ceiling()));\n  };\n\n  // The announced value is seeded from the real size once the pane has a box.\n  useLayoutEffect(() => {\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(readSize())));\n  }, [readSize]);\n\n  const write = (container: HTMLElement, size: number) => {\n    container.style.setProperty(cssVarName, `${size}px`);\n    handleRef.current?.setAttribute('aria-valuenow', String(Math.round(size)));\n  };\n\n  const targetLabel = target.charAt(0).toUpperCase() + target.slice(1);\n\n  return (\n    // A focusable separator with a value is the WAI-ARIA window splitter, an\n    // interactive widget; jsx-a11y classes every separator as static.\n    // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n    <div\n      ref={setRef}\n      className={classNames('kui-ShellResizer', className)}\n      data-orientation={orientation}\n      data-edge={edge}\n      role=\"separator\"\n      // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex\n      tabIndex={0}\n      aria-label={`Resize ${targetLabel} pane`}\n      aria-controls={controls}\n      aria-orientation={orientation}\n      aria-valuemin={minSize}\n      aria-valuemax={maxSize}\n      {...props}\n      onPointerDown={(e) => {\n        props.onPointerDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented || e.button !== 0) return;\n        e.preventDefault();\n        const handleEl = e.currentTarget as HTMLElement;\n        const pointerId = e.pointerId;\n        activeCleanupRef.current?.();\n        try {\n          handleEl.setPointerCapture(pointerId);\n        } catch {\n          // Capture can fail for a pointer that is already gone; the window listeners below still carry the drag.\n        }\n\n        // Everything a move needs is read here, once.\n        const startStyle = getComputedStyle(container);\n        const parsedStart = Number.parseFloat(startStyle.getPropertyValue(cssVarName));\n        const startSize = Number.isFinite(parsedStart) ? parsedStart : defaultSize;\n        const startClient = orientation === 'vertical' ? e.clientX : e.clientY;\n        const sign = growth(startStyle.direction === 'rtl');\n        const cap = ceiling();\n        handleEl.setAttribute('aria-valuemax', String(cap));\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n\n        container.setAttribute('data-resizing', '');\n        handleEl.setAttribute('data-dragging', '');\n        const body = document.body;\n        const prevCursor = body.style.cursor;\n        const prevUserSelect = body.style.userSelect;\n        body.style.cursor = orientation === 'vertical' ? 'col-resize' : 'row-resize';\n        body.style.userSelect = 'none';\n        onResizeStart?.(startSize);\n\n        let current = startSize;\n        // The unclamped size, so `collapseThreshold` is compared before the\n        // clamp: a threshold below `minSize` can then still collapse the pane.\n        let raw = startSize;\n        let frame = 0;\n        let pending: number | null = null;\n        const flush = () => {\n          frame = 0;\n          if (pending === null) return;\n          const size = pending;\n          pending = null;\n          onResize?.(size);\n        };\n\n        // The move handler listens on the handle, the document and the window,\n        // so a drag survives environments where pointer events do not reach\n        // all three. One movement can therefore arrive several times: once per\n        // node it propagates through, and again as the compatibility mouse\n        // event. Only the first copy does any work.\n        let lastHandledMove: Event | null = null;\n        let seenPointerEvent = false;\n        const shouldHandle = (ev: Event, pointerType: string) => {\n          if (ev.type === pointerType) seenPointerEvent = true;\n          else if (seenPointerEvent) return false;\n          return true;\n        };\n\n        const handleMove = (ev: PointerEvent) => {\n          if (!shouldHandle(ev, 'pointermove')) return;\n          if (ev === lastHandledMove) return;\n          lastHandledMove = ev;\n          const client = orientation === 'vertical' ? ev.clientX : ev.clientY;\n          raw = startSize + (client - startClient) * sign;\n          current = clamp(raw);\n          write(container, current);\n          pending = current;\n          if (!frame) frame = requestAnimationFrame(flush);\n        };\n\n        const cleanup = () => {\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          try {\n            handleEl.releasePointerCapture(pointerId);\n          } catch {\n            // Already released.\n          }\n          window.removeEventListener('pointermove', handleMove as EventListener);\n          document.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('mousemove', handleMove as EventListener);\n          document.removeEventListener('mousemove', handleMove as EventListener);\n          handleEl.removeEventListener('pointermove', handleMove as EventListener);\n          window.removeEventListener('pointerup', handleUp as EventListener);\n          document.removeEventListener('pointerup', handleUp as EventListener);\n          window.removeEventListener('mouseup', handleUp as EventListener);\n          document.removeEventListener('mouseup', handleUp as EventListener);\n          window.removeEventListener('pointercancel', handleUp as EventListener);\n          document.removeEventListener('pointercancel', handleUp as EventListener);\n          window.removeEventListener('keydown', handleKey as EventListener);\n          handleEl.removeEventListener('lostpointercapture', handleUp as EventListener);\n          container.removeAttribute('data-resizing');\n          handleEl.removeAttribute('data-dragging');\n          body.style.cursor = prevCursor;\n          body.style.userSelect = prevUserSelect;\n          activeCleanupRef.current = null;\n        };\n\n        let finished = false;\n        const handleUp = () => {\n          if (finished) return;\n          finished = true;\n          // The last move's size is delivered now rather than on the next frame.\n          if (frame) cancelAnimationFrame(frame);\n          flush();\n\n          if (collapsible && typeof collapseThreshold === 'number' && raw <= collapseThreshold) {\n            // A drag past the threshold closes the pane and keeps no size: the\n            // pane opens again at the size it had before the drag. The drag\n            // still ends, at that size, so a consumer that started something\n            // in onResizeStart can stop it.\n            write(container, startSize);\n            onResize?.(startSize);\n            cleanup();\n            requestCollapse?.();\n            onResizeEnd?.(startSize);\n            return;\n          }\n\n          let settled = current;\n          if (snapPoints && snapPoints.length) {\n            const nearest = snapPoints.reduce((acc, p) => (Math.abs(p - current) < Math.abs(acc - current) ? p : acc), snapPoints[0]);\n            if (Math.abs(nearest - current) <= snapTolerance) {\n              settled = clamp(nearest);\n              write(container, settled);\n              onResize?.(settled);\n            }\n          }\n          onResizeEnd?.(settled);\n          cleanup();\n        };\n\n        const handleKey = (kev: KeyboardEvent) => {\n          if (kev.key !== 'Escape') return;\n          if (frame) cancelAnimationFrame(frame);\n          frame = 0;\n          pending = null;\n          write(container, startSize);\n          onResize?.(startSize);\n          finished = true;\n          onResizeEnd?.(startSize);\n          cleanup();\n        };\n\n        window.addEventListener('pointermove', handleMove as EventListener);\n        document.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('mousemove', handleMove as EventListener);\n        document.addEventListener('mousemove', handleMove as EventListener);\n        handleEl.addEventListener('pointermove', handleMove as EventListener);\n        window.addEventListener('pointerup', handleUp as EventListener);\n        document.addEventListener('pointerup', handleUp as EventListener);\n        window.addEventListener('mouseup', handleUp as EventListener);\n        document.addEventListener('mouseup', handleUp as EventListener);\n        window.addEventListener('pointercancel', handleUp as EventListener);\n        document.addEventListener('pointercancel', handleUp as EventListener);\n        window.addEventListener('keydown', handleKey as EventListener);\n        handleEl.addEventListener('lostpointercapture', handleUp as EventListener);\n        activeCleanupRef.current = cleanup;\n      }}\n      onDoubleClick={(e) => {\n        props.onDoubleClick?.(e);\n        if (!e.defaultPrevented && collapsible) requestToggle?.();\n      }}\n      onFocus={(e) => {\n        props.onFocus?.(e);\n        announceCeiling();\n      }}\n      onKeyDown={(e) => {\n        props.onKeyDown?.(e);\n        const container = containerRef.current;\n        if (!container || e.defaultPrevented) return;\n        // Enter collapses and restores the pane, as a double-click does (WAI-ARIA window splitter).\n        if (e.key === 'Enter') {\n          if (collapsible && requestToggle) {\n            e.preventDefault();\n            requestToggle();\n          }\n          return;\n        }\n        const current = readSize();\n        // The keys reach as far as a drag does: the frame caps both.\n        const cap = ceiling();\n        const clamp = (v: number) => Math.min(Math.max(v, minSize), cap);\n        let next: number | undefined;\n        if (e.key === 'Home') next = clamp(minSize);\n        else if (e.key === 'End') next = clamp(cap);\n        else {\n          // The key moves the boundary along its axis; the pane grows or\n          // shrinks the way a drag in that direction would, so Bottom's\n          // ArrowUp grows it and an end-anchored pane mirrors in RTL.\n          const along = orientation === 'vertical' ? (e.key === 'ArrowRight' ? 1 : e.key === 'ArrowLeft' ? -1 : 0) : e.key === 'ArrowDown' ? 1 : e.key === 'ArrowUp' ? -1 : 0;\n          if (along === 0) return;\n          const step = e.shiftKey ? 32 : 8;\n          next = clamp(current + along * step * growth(getComputedStyle(container).direction === 'rtl'));\n        }\n        e.preventDefault();\n        onResizeStart?.(current);\n        write(container, next);\n        onResize?.(next);\n        onResizeEnd?.(next);\n      }}\n    >\n      {children}\n    </div>\n  );\n});\nPaneHandle.displayName = 'Shell.Handle';\n\nexport const PanelHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nPanelHandle.displayName = 'Shell.Panel.Handle';\n\nexport const SidebarHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nSidebarHandle.displayName = 'Shell.Sidebar.Handle';\n\nexport const InspectorHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nInspectorHandle.displayName = 'Shell.Inspector.Handle';\n\nexport const BottomHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsWithoutRef<'div'>>((props, ref) => <PaneHandle {...props} ref={ref} />);\nBottomHandle.displayName = 'Shell.Bottom.Handle';\n"],
+  "mappings": "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",
+  "names": ["React", "useLayoutEffect", "classNames", "PaneHandle", "className", "children", "props", "ref", "containerRef", "controls", "cssVarName", "minSize", "maxSize", "defaultSize", "orientation", "edge", "growth", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "collapsible", "target", "requestCollapse", "requestToggle", "usePaneResize", "handleRef", "setRef", "node", "activeCleanupRef", "readSize", "container", "parsed", "ceiling", "handle", "frame", "pane", "hitBox", "sign", "room", "hit", "announceCeiling", "useLayoutEffect", "write", "size", "targetLabel", "classNames", "handleEl", "pointerId", "startStyle", "parsedStart", "startSize", "startClient", "cap", "clamp", "v", "body", "prevCursor", "prevUserSelect", "current", "raw", "pending", "flush", "lastHandledMove", "seenPointerEvent", "shouldHandle", "ev", "pointerType", "handleMove", "client", "cleanup", "handleUp", "handleKey", "finished", "settled", "nearest", "acc", "p", "kev", "next", "along", "step", "PanelHandle", "SidebarHandle", "InspectorHandle", "BottomHandle"]
+}

package/dist/esm/chunk-3WZLXGUE.js

@@ -0,0 +1,3 @@
+"use client";
+import{a as v}from"./chunk-ILWS2JUE.js";import{a as O}from"./chunk-WZKSLTBH.js";import{k as H}from"./chunk-GKDGNPBD.js";import{c as I}from"./chunk-2IUGM657.js";import{a as h}from"./chunk-65KD6WS6.js";import{c as L}from"./chunk-OKQAVYW4.js";import*as e from"react";import te from"classnames";import{Slot as ne}from"radix-ui";import{useComposedRefs as oe,useLayoutEffect as ae}from"radix-ui/internal";var se=e.forwardRef((i,n)=>{let o=I(i,h.size),{className:P,children:a,asChild:s,as:f,color:F,radius:V,disabled:R,done:B=!1,...p}=L(o,h),l=!!o.loading,_=o.loading!==void 0,m=!!R||l,{onClick:T,"aria-describedby":M}=p,A=e.useCallback(t=>{if(m){t.preventDefault();return}T?.(t)},[m,T]),z=e.useMemo(()=>{let t=s&&e.isValidElement(a)?a.props.children:a,d=N(t),c=r=>e.isValidElement(r)&&(r.type==="svg"||typeof r.type!="string"&&r.type!==e.Fragment&&!re.has(k(r.type)));return{iconStart:c(d[0]),iconEnd:c(d[d.length-1])}},[s,a]),[G,W]=e.useState(null),S=e.useRef(null),X=oe(n,S);ae(()=>{let t=S.current;if(!t||l||B)return;let d=t.querySelector(":scope > .kui-BaseButtonContent")??t,c=j(d,"start"),r=j(d,"end");W(u=>u&&u.iconStart===c&&u.iconEnd===r?u:{iconStart:c,iconEnd:r})});let{iconStart:b,iconEnd:q}=G??z,D=!!p["data-icon-only"],E=e.useMemo(()=>{if(!B)return a;let t=e.createElement(H,{key:"kui-done-tick",className:"kui-BaseButtonTick","aria-hidden":!0}),d=c=>{if(D)return t;let r=N(c),u=r.findIndex(y=>!(typeof y=="string"&&!y.trim()));return b&&u!==-1?r.map((y,ee)=>ee===u?t:y):[t,...r]};if(s&&e.isValidElement(a)){let c=a;return e.cloneElement(c,void 0,d(c.props.children))}return d(a)},[B,a,D,b,s]),K=s?ne.Root:f||"button",Q=["button","input","textarea","select"],x=s?e.isValidElement(a)?a.type:void 0:f||"button",C=typeof x=="string"&&Q.includes(x),{onClickCapture:w}=p,$=e.useCallback(t=>{if(s&&m){t.preventDefault(),t.stopPropagation();return}w?.(t)},[s,m,w]),J=!s&&(!f||f==="button"),U="type"in p,Y=e.useId(),g=l?`${Y}-loading`:void 0,Z=e.useMemo(()=>l?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[M,g].filter(Boolean).join(" ")}:R&&(!C||s)?{"aria-disabled":!0}:{},[l,g,M,R,C,s]);return e.createElement(K,{"data-accent-color":F,"data-radius":V,"data-icon-start":b||void 0,"data-icon-end":q||void 0,"data-done":B||void 0,...p,...Z,"data-disabled":m||void 0,onClick:A,onClickCapture:$,ref:X,className:te("kui-reset","kui-BaseButton",P),...C&&{disabled:R},...J&&!U?{type:"button"}:{}},s&&!l?E:e.createElement(e.Fragment,null,_?e.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":l||void 0},E):E,l?e.createElement(e.Fragment,null,e.createElement("span",{className:"kui-sr-only"},e.createElement("span",{id:g,"aria-hidden":!0},"Loading"),a),e.createElement(O,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,e.createElement(v,{"aria-hidden":"true"})))):null))});se.displayName="BaseButton";var re=new Set(["Text","Kbd","Code","Link","Em","Strong","Quote","Badge","Trans"]);function k(i){if(!i||typeof i!="function"&&typeof i!="object")return"";let n=i;return n.displayName||n.name||k(n.render)||k(n.type)}function N(i){return e.Children.toArray(i).flatMap(n=>e.isValidElement(n)&&n.type===e.Fragment?N(n.props.children):[n])}function j(i,n){let o=n==="start"?i.firstChild:i.lastChild;for(;o&&(o.nodeType===Node.COMMENT_NODE||o.nodeType===Node.TEXT_NODE&&!o.textContent?.trim());)o=n==="start"?o.nextSibling:o.previousSibling;return o?.nodeType===Node.ELEMENT_NODE&&o.localName==="svg"}export{se as a};
+//# sourceMappingURL=chunk-3WZLXGUE.js.map

package/dist/esm/chunk-3WZLXGUE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/base-button.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { baseButtonPropDefs } from './base-button.props.js';\nimport { Flex } from '../flex.js';\nimport { Spinner } from '../spinner.js';\nimport { TickIcon } from '../icons.js';\nimport { extractProps } from '../../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../../helpers/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../../props/prop-def.js';\n\ntype BaseButtonElement = React.ElementRef<'button'>;\ntype BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;\n\n/**\n * Polymorphic BaseButton props that support rendering as different HTML elements\n * Uses the proper ComponentPropsWithout pattern for type safety\n * @template C - The element type to render as (defaults to 'button')\n */\ntype PolymorphicBaseButtonProps<C extends React.ElementType = 'button'> = {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & BaseButtonOwnProps &\n  BaseButtonDoneProps &\n  ComponentPropsWithout<C, RemovedProps | keyof BaseButtonOwnProps | 'as' | 'done'>;\n\ninterface BaseButtonDoneProps {\n  /**\n   * Shows a tick in place of the icon to say that the action finished. The tick takes the\n   * icon's box, so nothing moves, and the icon comes back as soon as `done` is false again. On\n   * an `iconOnly` button the tick replaces the content. It doesn't block the press. Screen\n   * readers don't announce the tick, so also change the label or `aria-label` (for example,\n   * `Copy` to `Copied`).\n   */\n  done?: boolean;\n}\n\n/**\n * BaseButton props interface that combines all available props\n */\ninterface BaseButtonProps extends PolymorphicBaseButtonProps {}\n\n/**\n * BaseButton component that provides the core button functionality\n *\n * This is the foundational button component that handles all the complex logic\n * including loading states, accessibility, performance optimizations, and\n * polymorphic rendering. It's used by Button and Toggle to ensure consistent behavior across the design system.\n *\n * Key features:\n * - Loading state with spinner and accessibility announcements\n * - Comprehensive accessibility support\n * - Polymorphic rendering support\n *\n * @example\n * ```tsx\n * // Basic usage\n * <BaseButton>Click me</BaseButton>\n *\n * // With loading state\n * <BaseButton loading>Processing...</BaseButton>\n *\n * // Polymorphic rendering\n * <BaseButton as=\"a\" href=\"/link\">Link Button</BaseButton>\n * ```\n */\nconst BaseButton = React.forwardRef<BaseButtonElement, BaseButtonProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, baseButtonPropDefs.size);\n\n  // Extract button-specific props from the combined props object\n  const {\n    className,\n    children,\n    asChild,\n    as,\n    color,\n    radius,\n    disabled: nativeDisabled,\n    done = false,\n    ...baseButtonProps\n  } = extractProps(props, baseButtonPropDefs);\n\n  // Loading blocks activation but keeps the native `disabled` off, so the button keeps focus\n  // and its place in the tab order (aria-disabled carries the state). An explicit `disabled`\n  // stays native on form controls; on anything else (a link, an asChild child) the `disabled`\n  // attribute does nothing, so aria-disabled carries the state and the click is stopped here.\n  const loading = Boolean(props.loading);\n  const canLoad = props.loading !== undefined;\n  const disabled = Boolean(nativeDisabled) || loading;\n  const { onClick, 'aria-describedby': ariaDescribedByProp } = baseButtonProps as {\n    onClick?: React.MouseEventHandler<HTMLElement>;\n    'aria-describedby'?: string;\n  };\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.preventDefault();\n        return;\n      }\n      onClick?.(event);\n    },\n    [disabled, onClick],\n  );\n\n  // Which edges start or end with an icon. A bare edge pads wider under a full radius; an edge\n  // holding an icon keeps the plain padding (the icon already stands between text and curve).\n  // Rendering guesses from the children: an svg element, or a component at either end that is\n  // not a known text component (`<Text>`, `<Kbd>`, `<Trans>` and the like), counts as an icon,\n  // so the server output is right for icon components such as HugeIcons. After mount the\n  // rendered DOM settles it: only an svg is an icon, which corrects a wrong guess.\n  const childEdges = React.useMemo(() => {\n    const content =\n      asChild && React.isValidElement(children) ? (children.props as { children?: React.ReactNode }).children : children;\n    // Fragments are see-through: their own first and last children are the edges.\n    const items = flattenFragments(content);\n    const isIcon = (node: React.ReactNode) =>\n      React.isValidElement(node) &&\n      (node.type === 'svg' ||\n        (typeof node.type !== 'string' && node.type !== React.Fragment && !TEXT_COMPONENTS.has(componentName(node.type))));\n    return { iconStart: isIcon(items[0]), iconEnd: isIcon(items[items.length - 1]) };\n  }, [asChild, children]);\n  const [domEdges, setDomEdges] = React.useState<{ iconStart: boolean; iconEnd: boolean } | null>(null);\n  const elementRef = React.useRef<HTMLElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, elementRef as React.Ref<BaseButtonElement>);\n  useLayoutEffect(() => {\n    const element = elementRef.current;\n    // While loading the sr-only copy and spinner follow the content, and while done the tick\n    // stands at the start; keep the edges read before either.\n    if (!element || loading || done) return;\n    const contentRoot = element.querySelector(':scope > .kui-BaseButtonContent') ?? element;\n    const iconStart = edgeIsSvg(contentRoot, 'start');\n    const iconEnd = edgeIsSvg(contentRoot, 'end');\n    setDomEdges((prev) => (prev && prev.iconStart === iconStart && prev.iconEnd === iconEnd ? prev : { iconStart, iconEnd }));\n  });\n  const { iconStart, iconEnd } = domEdges ?? childEdges;\n\n  // Done swaps the icon for a tick in the same place: the leading icon when there is one, the\n  // whole content on an icon-only button. Without a leading icon the tick goes before the label.\n  const iconOnly = Boolean((baseButtonProps as Record<string, unknown>)['data-icon-only']);\n  const content = React.useMemo(() => {\n    if (!done) return children;\n    const tick = <TickIcon key=\"kui-done-tick\" className=\"kui-BaseButtonTick\" aria-hidden />;\n    const swap = (nodes: React.ReactNode): React.ReactNode => {\n      if (iconOnly) return tick;\n      const items = flattenFragments(nodes);\n      const first = items.findIndex((node) => !(typeof node === 'string' && !node.trim()));\n      if (iconStart && first !== -1) return items.map((node, index) => (index === first ? tick : node));\n      return [tick, ...items];\n    };\n    if (asChild && React.isValidElement(children)) {\n      const element = children as React.ReactElement<{ children?: React.ReactNode }>;\n      return React.cloneElement(element, undefined, swap(element.props.children));\n    }\n    return swap(children);\n  }, [done, children, iconOnly, iconStart, asChild]);\n\n  // asChild takes precedence over as prop for Radix Slot integration\n  // When asChild is true, we use Slot.Root to merge props onto the child element\n  // When asChild is false, we render as the specified element (or button by default)\n  const Comp = asChild ? Slot.Root : (as || 'button');\n\n  // Only pass disabled for elements that support it\n  // This prevents invalid HTML attributes on unsupported elements. With asChild, the child's own\n  // element type decides: a link child gets aria-disabled, not an invalid `disabled`.\n  const formElements = ['button', 'input', 'textarea', 'select'];\n  const renderedType = asChild ? (React.isValidElement(children) ? children.type : undefined) : (as || 'button');\n  const shouldPassDisabled = typeof renderedType === 'string' && formElements.includes(renderedType);\n\n  // With asChild, Radix Slot runs the child's own onClick before ours, so a disabled asChild\n  // button stops the click in the capture phase, before any bubble handler runs.\n  const { onClickCapture } = baseButtonProps as { onClickCapture?: React.MouseEventHandler<HTMLElement> };\n  const handleClickCapture = React.useCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (asChild && disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n      onClickCapture?.(event);\n    },\n    [asChild, disabled, onClickCapture],\n  );\n\n  // Determine if we are rendering a real <button> element so we can set a safe\n  // default type. Native <button> defaults to type=\"submit\" which can cause\n  // accidental form submissions. We default to type=\"button\" unless the user\n  // explicitly provided a type or we're using asChild (unknown underlying node).\n  const isNativeButtonElement = !asChild && (!as || as === 'button');\n  const hasExplicitTypeAttribute = 'type' in (baseButtonProps as Record<string, unknown>);\n\n  // Generate unique ID for loading announcements\n  const loadingId = React.useId();\n  const describedById = loading ? `${loadingId}-loading` : undefined;\n\n  // Loading keeps the caller's name (aria-label, aria-labelledby or the label text) and adds\n  // aria-busy plus a description, as v2 does. A disabled element with no native `disabled`\n  // announces itself through aria-disabled.\n  const accessibilityProps = React.useMemo(() => {\n    if (loading) {\n      return {\n        'aria-busy': true,\n        'aria-disabled': true,\n        'aria-describedby': [ariaDescribedByProp, describedById].filter(Boolean).join(' '),\n      };\n    }\n    if (nativeDisabled && (!shouldPassDisabled || asChild)) {\n      return { 'aria-disabled': true };\n    }\n    return {};\n  }, [loading, describedById, ariaDescribedByProp, nativeDisabled, shouldPassDisabled, asChild]);\n\n  return (\n    <Comp\n      data-accent-color={color}\n      data-radius={radius}\n      data-icon-start={iconStart || undefined}\n      data-icon-end={iconEnd || undefined}\n      data-done={done || undefined}\n      {...baseButtonProps}\n      {...accessibilityProps}\n      // After the spread: `data-disabled` styles `<Button asChild disabled>`, and a wrapping\n      // Radix Toggle (asChild) passes `data-disabled={undefined}` that must not erase it.\n      data-disabled={disabled || undefined}\n      onClick={handleClick}\n      onClickCapture={handleClickCapture}\n      ref={composedRef}\n      className={classNames('kui-reset', 'kui-BaseButton', className)}\n      {...(shouldPassDisabled && { disabled: nativeDisabled })}\n      {...(isNativeButtonElement && !hasExplicitTypeAttribute ? { type: 'button' } : {})}\n    >\n      {asChild && !loading ? (\n        // asChild: Slot merges onto the single child, so the content can't take a wrapper or a sibling.\n        content\n      ) : (\n        <>\n          {/**\n           * A button that takes `loading` (true or false) keeps its content in this wrapper, so\n           * starting or stopping `loading` keeps the children in place (their state survives). A\n           * button that never loads skips it, which saves a node per button. `display: contents`\n           * keeps the button's flex\n           * gap; while loading the wrapper is `visibility: hidden` under the spinner.\n           *\n           * `display: contents` removes the content from the accessibility tree in some browsers,\n           * so while loading the wrapper is `aria-hidden` and a `kui-sr-only` copy carries the name.\n           */}\n          {canLoad ? (\n            <span className=\"kui-BaseButtonContent\" aria-hidden={loading || undefined}>\n              {content}\n            </span>\n          ) : (\n            content\n          )}\n\n          {loading ? (\n            <>\n              {/* The label stays the name; the hidden \"Loading\" only describes (aria-describedby reads hidden text). */}\n              <span className=\"kui-sr-only\">\n                <span id={describedById} aria-hidden>\n                  Loading\n                </span>\n                {children}\n              </span>\n\n              {/* Centered spinner overlay during loading state */}\n              <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n                <span>\n                  <Spinner aria-hidden=\"true\" />\n                </span>\n              </Flex>\n            </>\n          ) : null}\n        </>\n      )}\n    </Comp>\n  );\n});\nBaseButton.displayName = 'BaseButton';\n\n/** Components that render text, never an icon, so the render-time guess skips them. */\nconst TEXT_COMPONENTS = new Set(['Text', 'Kbd', 'Code', 'Link', 'Em', 'Strong', 'Quote', 'Badge', 'Trans']);\n\n/** A component's display name, looking through forwardRef and memo. */\nfunction componentName(type: unknown): string {\n  if (!type || (typeof type !== 'function' && typeof type !== 'object')) return '';\n  const named = type as { displayName?: string; name?: string; render?: unknown; type?: unknown };\n  return named.displayName || named.name || componentName(named.render) || componentName(named.type);\n}\n\n/** The child list with fragments opened up: a fragment's own children are the edges. */\nfunction flattenFragments(nodes: React.ReactNode): React.ReactNode[] {\n  return React.Children.toArray(nodes).flatMap((node) =>\n    React.isValidElement(node) && node.type === React.Fragment\n      ? flattenFragments((node.props as { children?: React.ReactNode }).children)\n      : [node],\n  );\n}\n\n/** Whether the first or last rendered node of `element` (blank text and comments skipped) is an svg. */\nfunction edgeIsSvg(element: Element, edge: 'start' | 'end'): boolean {\n  let node = edge === 'start' ? element.firstChild : element.lastChild;\n  while (node) {\n    const blank =\n      node.nodeType === Node.COMMENT_NODE || (node.nodeType === Node.TEXT_NODE && !node.textContent?.trim());\n    if (!blank) break;\n    node = edge === 'start' ? node.nextSibling : node.previousSibling;\n  }\n  return node?.nodeType === Node.ELEMENT_NODE && (node as Element).localName === 'svg';\n}\n\nexport { BaseButton };\nexport type { BaseButtonProps };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "Slot", "useComposedRefs", "useLayoutEffect", "BaseButton", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "baseButtonPropDefs", "className", "children", "asChild", "as", "color", "radius", "nativeDisabled", "done", "baseButtonProps", "extractProps", "loading", "canLoad", "disabled", "onClick", "ariaDescribedByProp", "handleClick", "event", "childEdges", "content", "items", "flattenFragments", "isIcon", "node", "TEXT_COMPONENTS", "componentName", "domEdges", "setDomEdges", "elementRef", "composedRef", "useComposedRefs", "useLayoutEffect", "element", "contentRoot", "iconStart", "edgeIsSvg", "iconEnd", "prev", "iconOnly", "tick", "TickIcon", "swap", "nodes", "first", "index", "Comp", "Slot", "formElements", "renderedType", "shouldPassDisabled", "onClickCapture", "handleClickCapture", "isNativeButtonElement", "hasExplicitTypeAttribute", "loadingId", "describedById", "accessibilityProps", "classNames", "Flex", "Spinner", "type", "named", "edge"]
+}

package/dist/esm/chunk-45O3JZWQ.js

@@ -0,0 +1,6 @@
+"use client";
+import{a as te,b as se}from"./chunk-NBVCQQSY.js";import{c as ne}from"./chunk-2IUGM657.js";import{c as ee}from"./chunk-OKQAVYW4.js";import{a as ye}from"./chunk-VQPANPMI.js";var Se={};ye(Se,{Root:()=>de,Slot:()=>pe});import*as e from"react";import*as ie from"react-dom";import ce from"classnames";import{composeEventHandlers as W,composeRefs as ae}from"radix-ui/internal";var le=e.createContext(null),ue="button, a, input, select, textarea, label, [tabindex], [contenteditable]",de=e.forwardRef((h,T)=>{let o=ne(h,te.size),m=e.useRef(null),{children:C,className:E,color:w,radius:L,style:k,...c}=ee(o,te),P=e.useId(),[I,D]=e.useState([]),N=e.useCallback(r=>(D(s=>s.includes(r)?s:[...s,r]),()=>D(s=>s.filter(a=>a!==r))),[]),j=e.useMemo(()=>({registerSlot:N}),[N]),{"aria-describedby":y,"aria-labelledby":M,"aria-invalid":b}=c,S=!!c.error||b===!0||b==="true",g=e.useMemo(()=>{let r=[];return c.errorMessage&&r.push(P),y&&r.push(y),r.push(...I),r.length>0?r.join(" "):void 0},[c.errorMessage,y,P,I]),z=e.useMemo(()=>({"aria-invalid":S?!0:b,"aria-describedby":g,"aria-labelledby":M}),[S,b,g,M]),{error:V,errorMessage:K,required:v,"aria-describedby":i,"aria-labelledby":H,...O}=c,_=e.useCallback(r=>{let s=r.target;if(s.closest(ue))return;let a=m.current;if(!a)return;let l=s.closest(`
+        .kui-TextFieldSlot[data-side='right'],
+        .kui-TextFieldSlot:not([data-side='right']) ~ .kui-TextFieldSlot:not([data-side='left'])
+      `)?a.value.length:0;r.preventDefault(),a.focus();try{a.setSelectionRange(l,l)}catch{}},[]);return e.createElement(e.Fragment,null,e.createElement("div",{"data-accent-color":w,"data-radius":L,style:k,className:ce("kui-TextFieldRoot",E,{"kui-error":S}),onMouseDown:_},e.createElement("input",{...O,required:v||void 0,...z,ref:ae(m,T),className:"kui-reset kui-TextFieldInput"}),e.createElement(le.Provider,{value:j},C)),c.errorMessage&&e.createElement("div",{id:P,className:"kui-TextFieldErrorMessage",role:"alert"},c.errorMessage))});de.displayName="TextField.Root";var x=(()=>{if(typeof navigator>"u")return!1;let h=navigator.userAgent,T=/^((?!chrome|android).)*safari/i.test(h),o=/firefox/i.test(h);return T||o})(),pe=e.forwardRef((h,T)=>{let{scrub:o,scrubValue:m,scrubStep:C=1,scrubSensitivity:E=1,scrubMin:w,scrubMax:L,scrubShiftMultiplier:k=10,scrubAltMultiplier:c=.1,onScrub:P,...I}=h,{className:D,color:N,side:j,onPointerDown:y,onPointerMove:M,onPointerUp:b,onLostPointerCapture:S,...g}=ee(I,se),z=e.useId(),V=g.id??z,K=e.useContext(le)?.registerSlot;e.useEffect(()=>K?.(V),[K,V]);let v=e.useRef(null),[i,H]=e.useState(!1),[O,_]=e.useState({x:0,y:0}),r=e.useRef(null),s=e.useRef(0),a=e.useRef(!1),R=e.useRef(0),l=e.useRef(0),p=e.useRef(0),F=e.useRef(null),q=e.useRef(0),X=e.useRef({scrubValue:m,scrubStep:C,scrubSensitivity:E,scrubMin:w,scrubMax:L,scrubShiftMultiplier:k,scrubAltMultiplier:c,onScrub:P});X.current={scrubValue:m,scrubStep:C,scrubSensitivity:E,scrubMin:w,scrubMax:L,scrubShiftMultiplier:k,scrubAltMultiplier:c,onScrub:P};let fe=e.useCallback(t=>{if(!o||t.target.closest(ue))return;t.preventDefault(),R.current=0,l.current=m??0,p.current=t.clientX,s.current=t.clientY,_({x:t.clientX,y:t.clientY});let u=v.current;u&&(x?(F.current=t.pointerId,q.current=t.clientX,u.setPointerCapture(t.pointerId),H(!0)):(a.current=!0,u.requestPointerLock()))},[o,m]);e.useEffect(()=>{if(x||!o)return;let t=()=>{if(!a.current)return;let n=document.pointerLockElement===v.current;H(n),n||(a.current=!1,X.current.onScrub?.(0,!1),R.current=0,l.current=0)};return document.addEventListener("pointerlockchange",t),()=>{document.removeEventListener("pointerlockchange",t)}},[o]);let A=e.useCallback((t,n,u,he)=>{let d=X.current,B=window.innerWidth,U=window.innerHeight;p.current+=t,p.current>B?p.current=p.current%B:p.current<0&&(p.current=B+p.current%B);let f=s.current+n;f>U?f=f%U:f<0&&(f=U+f%U),s.current=f;let G=r.current;G&&(G.style.left=`${p.current}px`,G.style.top=`${f}px`),R.current+=t;let $=R.current/d.scrubSensitivity;if(Math.abs($)>=1){let Z=1;u?Z=d.scrubShiftMultiplier:he&&(Z=d.scrubAltMultiplier);let re=Math.trunc($),J=re*d.scrubStep*Z,Q=J;if(d.scrubMin!==void 0||d.scrubMax!==void 0){let Pe=l.current+J,oe=Math.max(d.scrubMin??-1/0,Math.min(d.scrubMax??1/0,Pe));Q=oe-l.current,l.current=oe}else l.current+=J;Q!==0&&d.onScrub?.(Q,!0),R.current=($-re)*d.scrubSensitivity}},[]),Y=e.useCallback(()=>{X.current.onScrub?.(0,!1),R.current=0,l.current=0,F.current=null,H(!1)},[]),me=e.useCallback(t=>{if(!i||!x)return;let n=t.clientX-q.current;q.current=t.clientX,A(n,t.movementY,t.shiftKey,t.altKey)},[i,A]),be=e.useCallback(t=>{if(!x||F.current!==t.pointerId)return;let n=v.current;n&&F.current!==null&&n.releasePointerCapture(F.current),Y()},[Y]),Re=e.useCallback(()=>{x&&i&&Y()},[i,Y]);e.useEffect(()=>{if(!i||x)return;let t=u=>{A(u.movementX,u.movementY,u.shiftKey,u.altKey)},n=()=>{document.exitPointerLock()};return document.addEventListener("mousemove",t),document.addEventListener("mouseup",n),document.body.style.userSelect="none",()=>{document.removeEventListener("mousemove",t),document.removeEventListener("mouseup",n),document.body.style.userSelect=""}},[i,A]),e.useEffect(()=>{if(!i||!x)return;let t=document.createElement("style");return t.textContent="* { cursor: none !important; user-select: none !important; }",document.head.appendChild(t),()=>{document.head.removeChild(t)}},[i]);let xe=i?ie.createPortal(e.createElement("img",{ref:r,className:"kui-TextFieldSlotScrubCursor",src:"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='white' stroke-width='1' d='M0 12 L5 7 L5 10 L19 10 L19 7 L24 12 L19 17 L19 14 L5 14 L5 17 Z'/%3E%3C/svg%3E",alt:"",style:{position:"fixed",left:O.x,top:O.y,transform:"translate(-50%, -50%)",pointerEvents:"none",zIndex:99999,width:24,height:24},"aria-hidden":"true"}),document.body):null;return e.createElement("div",{"data-accent-color":N,"data-side":j,"data-scrub":o||void 0,"data-scrubbing":i||void 0,...g,id:V,ref:ae(v,T),className:ce("kui-TextFieldSlot",D),onPointerDown:o?W(y,fe):y,onPointerMove:o?W(M,me):M,onPointerUp:o?W(b,be):b,onLostPointerCapture:o?W(S,Re):S},g.children,xe)});pe.displayName="TextField.Slot";export{de as a,pe as b,Se as c};
+//# sourceMappingURL=chunk-45O3JZWQ.js.map

package/dist/esm/chunk-45O3JZWQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/text-field.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport classNames from 'classnames';\nimport { composeEventHandlers, composeRefs } from 'radix-ui/internal';\n\nimport { textFieldRootPropDefs, textFieldSlotPropDefs, type TextFieldSlotScrubProps } from './text-field.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { NotInputTextualAttributes } from '../helpers/input-attributes.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype TextFieldRootElement = React.ElementRef<'input'>;\ntype TextFieldRootOwnProps = GetPropDefTypes<typeof textFieldRootPropDefs> & {\n  defaultValue?: string | number;\n  value?: string | number;\n  type?: 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';\n};\ntype TextFieldInputProps = ComponentPropsWithout<'input', NotInputTextualAttributes | 'color' | 'defaultValue' | 'size' | 'type' | 'value'>;\ninterface TextFieldRootProps extends TextFieldInputProps, TextFieldRootOwnProps {}\n\n// Each Slot registers its id here, so the input can list slot content in aria-describedby.\ntype TextFieldContextValue = { registerSlot: (id: string) => () => void };\nconst TextFieldContext = React.createContext<TextFieldContextValue | null>(null);\n\n// Clicking anything a person could mean to press keeps its own press: the guard is a focusability\n// list, not a tag list. `[tabindex]` catches role-based widgets; `label` already redirects a click.\nconst FOCUSABLE_IN_SLOT = 'button, a, input, select, textarea, label, [tabindex], [contenteditable]';\n\nconst TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>((ownProps, forwardedRef) => {\n  const props = useThemeSizeProps(ownProps, textFieldRootPropDefs.size);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const { children, className, color, radius, style, ...inputProps } = extractProps(props, textFieldRootPropDefs);\n\n  // Generate unique IDs for accessibility\n  const errorId = React.useId();\n\n  // Slot content qualifies the value, so it describes the input (as in v2), in mount order.\n  const [slotIds, setSlotIds] = React.useState<string[]>([]);\n  const registerSlot = React.useCallback((id: string) => {\n    setSlotIds((prev) => (prev.includes(id) ? prev : [...prev, id]));\n    return () => setSlotIds((prev) => prev.filter((slotId) => slotId !== id));\n  }, []);\n  const contextValue = React.useMemo(() => ({ registerSlot }), [registerSlot]);\n\n  const { 'aria-describedby': ariaDescribedby, 'aria-labelledby': ariaLabelledby, 'aria-invalid': ariaInvalid } = inputProps;\n\n  // Invalid when `error` is set or the caller passes aria-invalid; the CSS keys on aria-invalid only.\n  const isInvalid = Boolean(inputProps.error) || ariaInvalid === true || ariaInvalid === 'true';\n\n  // Build aria-describedby string. The caller's ids stay; ours are appended.\n  const describedBy = React.useMemo(() => {\n    const parts = [];\n    if (inputProps.errorMessage) parts.push(errorId);\n    if (ariaDescribedby) parts.push(ariaDescribedby);\n    parts.push(...slotIds);\n    return parts.length > 0 ? parts.join(' ') : undefined;\n  }, [inputProps.errorMessage, ariaDescribedby, errorId, slotIds]);\n\n  // Build aria attributes\n  const ariaProps = React.useMemo(\n    () => ({\n      'aria-invalid': isInvalid ? true : ariaInvalid,\n      'aria-describedby': describedBy,\n      'aria-labelledby': ariaLabelledby,\n    }),\n    [isInvalid, ariaInvalid, describedBy, ariaLabelledby],\n  );\n\n  // Filter out our custom props to avoid DOM warnings\n  const { error, errorMessage, required, 'aria-describedby': _ariaDescribedby, 'aria-labelledby': _ariaLabelledby, ...nativeInputProps } = inputProps;\n\n  // Clicking the padding or a passive slot focuses the input. preventDefault stops the browser\n  // from moving focus to the root first, so the input is focused once, synchronously.\n  const handleMouseDown = React.useCallback((event: React.MouseEvent) => {\n    const target = event.target as HTMLElement;\n    if (target.closest(FOCUSABLE_IN_SLOT)) return;\n\n    const input = inputRef.current;\n    if (!input) return;\n\n    // Same selector as in the CSS to find the right slot\n    const isRightSlot = target.closest(`\n        .kui-TextFieldSlot[data-side='right'],\n        .kui-TextFieldSlot:not([data-side='right']) ~ .kui-TextFieldSlot:not([data-side='left'])\n      `);\n\n    const cursorPosition = isRightSlot ? input.value.length : 0;\n\n    event.preventDefault();\n    input.focus();\n    // Only some input types support this, browsers will throw an error if not supported\n    // See: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange#:~:text=Note%20that%20according,not%20support%20selection%22.\n    try {\n      input.setSelectionRange(cursorPosition, cursorPosition);\n    } catch {}\n  }, []);\n\n  // The message is a sibling of the painted root, so it sits below the field rather than inside it.\n  return (\n    <>\n      {/* A pointer-only hit-target redirect to the input; keyboard users reach the input directly. */}\n      {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions */}\n      <div\n        data-accent-color={color}\n        data-radius={radius}\n        style={style}\n        className={classNames('kui-TextFieldRoot', className, {\n          // Not used by the library's CSS (invalid styling keys on aria-invalid); kept as a hook for app styles.\n          'kui-error': isInvalid,\n        })}\n        onMouseDown={handleMouseDown}\n      >\n        <input {...nativeInputProps} required={required || undefined} {...ariaProps} ref={composeRefs(inputRef, forwardedRef)} className=\"kui-reset kui-TextFieldInput\" />\n        <TextFieldContext.Provider value={contextValue}>{children}</TextFieldContext.Provider>\n      </div>\n      {inputProps.errorMessage && (\n        <div id={errorId} className=\"kui-TextFieldErrorMessage\" role=\"alert\">\n          {inputProps.errorMessage}\n        </div>\n      )}\n    </>\n  );\n});\nTextFieldRoot.displayName = 'TextField.Root';\n\ntype TextFieldSlotElement = React.ElementRef<'div'>;\ntype TextFieldSlotOwnProps = GetPropDefTypes<typeof textFieldSlotPropDefs> & TextFieldSlotScrubProps;\ninterface TextFieldSlotProps extends ComponentPropsWithout<'div', RemovedProps>, TextFieldSlotOwnProps {}\n\n// Detect if we should use pointer capture instead of pointer lock\n// Safari and Firefox show intrusive browser warnings with pointer lock\nconst usePointerCapture = (() => {\n  if (typeof navigator === 'undefined') return false;\n  const ua = navigator.userAgent;\n  const isSafari = /^((?!chrome|android).)*safari/i.test(ua);\n  const isFirefox = /firefox/i.test(ua);\n  return isSafari || isFirefox;\n})();\n\nconst TextFieldSlot = React.forwardRef<TextFieldSlotElement, TextFieldSlotProps>((props, forwardedRef) => {\n  // Extract scrub props first (not part of PropDef system)\n  const { scrub, scrubValue, scrubStep = 1, scrubSensitivity = 1, scrubMin, scrubMax, scrubShiftMultiplier = 10, scrubAltMultiplier = 0.1, onScrub, ...restProps } = props;\n\n  // Then extract styling props\n  const { className, color, side, onPointerDown, onPointerMove, onPointerUp, onLostPointerCapture, ...slotProps } = extractProps(\n    restProps,\n    textFieldSlotPropDefs,\n  );\n\n  // The slot describes the input (see TextFieldRoot); a caller's own id is kept.\n  const generatedId = React.useId();\n  const slotId = slotProps.id ?? generatedId;\n  const registerSlot = React.useContext(TextFieldContext)?.registerSlot;\n  React.useEffect(() => registerSlot?.(slotId), [registerSlot, slotId]);\n\n  const slotRef = React.useRef<HTMLDivElement>(null);\n  const [isScrubbing, setIsScrubbing] = React.useState(false);\n  // Where the virtual cursor starts. Movement is written straight to the cursor element, so a\n  // scrub does not re-render the slot on every mouse move.\n  const [cursorStart, setCursorStart] = React.useState({ x: 0, y: 0 });\n  const cursorRef = React.useRef<HTMLImageElement>(null);\n  // Virtual cursor Y, tracked beside virtualX\n  const virtualY = React.useRef(0);\n  // Whether this slot asked for the pointer lock, so a lock change elsewhere is not ours\n  const lockedByMe = React.useRef(false);\n\n  // Track accumulated sub-step movement for precision\n  const accumulatedMovement = React.useRef(0);\n  // Track current value for clamping (initialized to scrubValue when scrubbing starts)\n  const currentValue = React.useRef(0);\n  // Track virtual X position for wrap-around (separate from rendered position)\n  const virtualX = React.useRef(0);\n  // Track pointer ID for capture mode\n  const pointerIdRef = React.useRef<number | null>(null);\n  // Track last X position for capture mode (movementX calculation)\n  const lastXRef = React.useRef(0);\n\n  // Store scrub config in refs so document handlers can access latest values\n  const scrubConfigRef = React.useRef({\n    scrubValue,\n    scrubStep,\n    scrubSensitivity,\n    scrubMin,\n    scrubMax,\n    scrubShiftMultiplier,\n    scrubAltMultiplier,\n    onScrub,\n  });\n  scrubConfigRef.current = {\n    scrubValue,\n    scrubStep,\n    scrubSensitivity,\n    scrubMin,\n    scrubMax,\n    scrubShiftMultiplier,\n    scrubAltMultiplier,\n    onScrub,\n  };\n\n  const handlePointerDown = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!scrub) return;\n\n      // Don't start scrubbing if clicking on interactive elements\n      const target = event.target as HTMLElement;\n      if (target.closest(FOCUSABLE_IN_SLOT)) return;\n\n      event.preventDefault();\n      accumulatedMovement.current = 0;\n      // Initialize to current value so min/max clamping works correctly\n      currentValue.current = scrubValue ?? 0;\n\n      // Initialize virtual cursor at actual mouse position\n      virtualX.current = event.clientX;\n      virtualY.current = event.clientY;\n      setCursorStart({ x: event.clientX, y: event.clientY });\n\n      const slot = slotRef.current;\n      if (!slot) return;\n\n      if (usePointerCapture) {\n        // Safari/Firefox: Use pointer capture (no browser warning)\n        pointerIdRef.current = event.pointerId;\n        lastXRef.current = event.clientX;\n        slot.setPointerCapture(event.pointerId);\n        setIsScrubbing(true);\n      } else {\n        // Chrome: Use pointer lock for infinite movement\n        lockedByMe.current = true;\n        slot.requestPointerLock();\n      }\n    },\n    [scrub, scrubValue],\n  );\n\n  // Handle pointer lock state changes (Chrome only). Only a scrub slot listens, and only a lock\n  // this slot asked for starts or ends its scrub.\n  React.useEffect(() => {\n    if (usePointerCapture || !scrub) return;\n\n    const handlePointerLockChange = () => {\n      if (!lockedByMe.current) return;\n      const isLocked = document.pointerLockElement === slotRef.current;\n      setIsScrubbing(isLocked);\n      if (!isLocked) {\n        lockedByMe.current = false;\n        // Fire callback with isChanging = false when scrubbing ends\n        scrubConfigRef.current.onScrub?.(0, false);\n        accumulatedMovement.current = 0;\n        currentValue.current = 0;\n      }\n    };\n\n    document.addEventListener('pointerlockchange', handlePointerLockChange);\n    return () => {\n      document.removeEventListener('pointerlockchange', handlePointerLockChange);\n    };\n  }, [scrub]);\n\n  // Shared scrub calculation logic\n  const processScrubMovement = React.useCallback((movementX: number, movementY: number, shiftKey: boolean, altKey: boolean) => {\n    const config = scrubConfigRef.current;\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Update virtual position with wrap-around at viewport edges\n    virtualX.current += movementX;\n    if (virtualX.current > viewportWidth) {\n      virtualX.current = virtualX.current % viewportWidth;\n    } else if (virtualX.current < 0) {\n      virtualX.current = viewportWidth + (virtualX.current % viewportWidth);\n    }\n\n    // Also track Y with wrap-around\n    let newY = virtualY.current + movementY;\n    if (newY > viewportHeight) {\n      newY = newY % viewportHeight;\n    } else if (newY < 0) {\n      newY = viewportHeight + (newY % viewportHeight);\n    }\n    virtualY.current = newY;\n\n    const cursor = cursorRef.current;\n    if (cursor) {\n      cursor.style.left = `${virtualX.current}px`;\n      cursor.style.top = `${newY}px`;\n    }\n\n    // Accumulate movement for sensitivity calculation\n    accumulatedMovement.current += movementX;\n\n    // Calculate how many steps we've moved\n    const stepsFromMovement = accumulatedMovement.current / config.scrubSensitivity;\n\n    if (Math.abs(stepsFromMovement) >= 1) {\n      // Determine modifier multiplier\n      let multiplier = 1;\n      if (shiftKey) {\n        multiplier = config.scrubShiftMultiplier;\n      } else if (altKey) {\n        multiplier = config.scrubAltMultiplier;\n      }\n\n      // Calculate delta\n      const wholeSteps = Math.trunc(stepsFromMovement);\n      const delta = wholeSteps * config.scrubStep * multiplier;\n\n      // Apply min/max clamping if bounds are set\n      let clampedDelta = delta;\n      if (config.scrubMin !== undefined || config.scrubMax !== undefined) {\n        const newValue = currentValue.current + delta;\n        const clampedValue = Math.max(config.scrubMin ?? -Infinity, Math.min(config.scrubMax ?? Infinity, newValue));\n        clampedDelta = clampedValue - currentValue.current;\n        currentValue.current = clampedValue;\n      } else {\n        currentValue.current += delta;\n      }\n\n      // Fire callback with clamped delta (isChanging = true during drag)\n      if (clampedDelta !== 0) {\n        config.onScrub?.(clampedDelta, true);\n      }\n\n      // Keep the fractional remainder for smooth sub-pixel accumulation\n      accumulatedMovement.current = (stepsFromMovement - wholeSteps) * config.scrubSensitivity;\n    }\n  }, []);\n\n  // End scrubbing helper\n  const endScrubbing = React.useCallback(() => {\n    scrubConfigRef.current.onScrub?.(0, false);\n    accumulatedMovement.current = 0;\n    currentValue.current = 0;\n    pointerIdRef.current = null;\n    setIsScrubbing(false);\n  }, []);\n\n  // Handle pointer capture mode events (Safari/Firefox)\n  const handlePointerMove = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!isScrubbing || !usePointerCapture) return;\n\n      const movementX = event.clientX - lastXRef.current;\n      lastXRef.current = event.clientX;\n\n      processScrubMovement(movementX, event.movementY, event.shiftKey, event.altKey);\n    },\n    [isScrubbing, processScrubMovement],\n  );\n\n  const handlePointerUp = React.useCallback(\n    (event: React.PointerEvent) => {\n      if (!usePointerCapture || pointerIdRef.current !== event.pointerId) return;\n\n      const slot = slotRef.current;\n      if (slot && pointerIdRef.current !== null) {\n        slot.releasePointerCapture(pointerIdRef.current);\n      }\n      endScrubbing();\n    },\n    [endScrubbing],\n  );\n\n  const handleLostPointerCapture = React.useCallback(() => {\n    if (usePointerCapture && isScrubbing) {\n      endScrubbing();\n    }\n  }, [isScrubbing, endScrubbing]);\n\n  // Attach document-level listeners for pointer lock mode (Chrome)\n  React.useEffect(() => {\n    if (!isScrubbing || usePointerCapture) return;\n\n    const handleMouseMove = (event: MouseEvent) => {\n      processScrubMovement(event.movementX, event.movementY, event.shiftKey, event.altKey);\n    };\n\n    const handleMouseUp = () => {\n      // Exit pointer lock to end scrubbing\n      document.exitPointerLock();\n    };\n\n    // Use mousemove for pointer lock (pointermove doesn't work well with pointer lock)\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n\n    // Disable text selection during scrubbing\n    document.body.style.userSelect = 'none';\n\n    return () => {\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n      document.body.style.userSelect = '';\n    };\n  }, [isScrubbing, processScrubMovement]);\n\n  // Hide native cursor and disable text selection during pointer capture scrubbing\n  React.useEffect(() => {\n    if (!isScrubbing || !usePointerCapture) return;\n\n    // Create a style element to hide cursor globally during scrub\n    const style = document.createElement('style');\n    style.textContent = '* { cursor: none !important; user-select: none !important; }';\n    document.head.appendChild(style);\n\n    return () => {\n      document.head.removeChild(style);\n    };\n  }, [isScrubbing]);\n\n  // Render virtual cursor via portal to body so it's not clipped\n  // Using a data URI of ew-resize cursor for a native look\n  const virtualCursor = isScrubbing\n    ? ReactDOM.createPortal(\n        <img\n          ref={cursorRef}\n          className=\"kui-TextFieldSlotScrubCursor\"\n          src=\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='black' stroke='white' stroke-width='1' d='M0 12 L5 7 L5 10 L19 10 L19 7 L24 12 L19 17 L19 14 L5 14 L5 17 Z'/%3E%3C/svg%3E\"\n          alt=\"\"\n          style={{\n            position: 'fixed',\n            left: cursorStart.x,\n            top: cursorStart.y,\n            transform: 'translate(-50%, -50%)',\n            pointerEvents: 'none',\n            zIndex: 99999,\n            width: 24,\n            height: 24,\n          }}\n          aria-hidden=\"true\"\n        />,\n        document.body,\n      )\n    : null;\n\n  return (\n    <div\n      data-accent-color={color}\n      data-side={side}\n      data-scrub={scrub || undefined}\n      data-scrubbing={isScrubbing || undefined}\n      {...slotProps}\n      id={slotId}\n      ref={composeRefs(slotRef, forwardedRef)}\n      className={classNames('kui-TextFieldSlot', className)}\n      // The caller's handlers run first; the scrub handlers only when `scrub` is set.\n      onPointerDown={scrub ? composeEventHandlers(onPointerDown, handlePointerDown) : onPointerDown}\n      onPointerMove={scrub ? composeEventHandlers(onPointerMove, handlePointerMove) : onPointerMove}\n      onPointerUp={scrub ? composeEventHandlers(onPointerUp, handlePointerUp) : onPointerUp}\n      onLostPointerCapture={scrub ? composeEventHandlers(onLostPointerCapture, handleLostPointerCapture) : onLostPointerCapture}\n    >\n      {slotProps.children}\n      {virtualCursor}\n    </div>\n  );\n});\nTextFieldSlot.displayName = 'TextField.Slot';\n\nexport { TextFieldRoot as Root, TextFieldSlot as Slot };\nexport type { TextFieldRootProps as RootProps, TextFieldSlotProps as SlotProps };\n"],
+  "mappings": "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",
+  "names": ["text_field_exports", "__export", "TextFieldRoot", "TextFieldSlot", "React", "ReactDOM", "classNames", "composeEventHandlers", "composeRefs", "TextFieldContext", "FOCUSABLE_IN_SLOT", "TextFieldRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "textFieldRootPropDefs", "inputRef", "children", "className", "color", "radius", "style", "inputProps", "extractProps", "errorId", "slotIds", "setSlotIds", "registerSlot", "id", "prev", "slotId", "contextValue", "ariaDescribedby", "ariaLabelledby", "ariaInvalid", "isInvalid", "describedBy", "parts", "ariaProps", "error", "errorMessage", "required", "_ariaDescribedby", "_ariaLabelledby", "nativeInputProps", "handleMouseDown", "event", "target", "input", "cursorPosition", "classNames", "composeRefs", "usePointerCapture", "ua", "isSafari", "isFirefox", "TextFieldSlot", "scrub", "scrubValue", "scrubStep", "scrubSensitivity", "scrubMin", "scrubMax", "scrubShiftMultiplier", "scrubAltMultiplier", "onScrub", "restProps", "side", "onPointerDown", "onPointerMove", "onPointerUp", "onLostPointerCapture", "slotProps", "textFieldSlotPropDefs", "generatedId", "slotRef", "isScrubbing", "setIsScrubbing", "cursorStart", "setCursorStart", "cursorRef", "virtualY", "lockedByMe", "accumulatedMovement", "currentValue", "virtualX", "pointerIdRef", "lastXRef", "scrubConfigRef", "handlePointerDown", "slot", "handlePointerLockChange", "isLocked", "processScrubMovement", "movementX", "movementY", "shiftKey", "altKey", "config", "viewportWidth", "viewportHeight", "newY", "cursor", "stepsFromMovement", "multiplier", "wholeSteps", "delta", "clampedDelta", "newValue", "clampedValue", "endScrubbing", "handlePointerMove", "handlePointerUp", "handleLostPointerCapture", "handleMouseMove", "handleMouseUp", "virtualCursor", "composeEventHandlers"]
+}

package/dist/esm/chunk-4ABQ6CDI.js

@@ -0,0 +1,3 @@
+"use client";
+import{c as P}from"./chunk-2IUGM657.js";import{c as b}from"./chunk-OKQAVYW4.js";import{a as T}from"./chunk-WT2SYGTU.js";import{a as R}from"./chunk-VQPANPMI.js";var y={};R(y,{Content:()=>l,List:()=>c,Root:()=>f,Trigger:()=>g});import*as e from"react";import a from"classnames";import{Tabs as i}from"radix-ui";var f=e.forwardRef((t,o)=>{let{className:r,...s}=t;return e.createElement(i.Root,{...s,ref:o,className:a("kui-TabsRoot",r)})});f.displayName="Tabs.Root";var c=e.forwardRef((t,o)=>{let r=P(t,T.size),{className:s,color:p,...n}=b(r,T);return e.createElement(i.List,{"data-accent-color":p,...n,asChild:!1,ref:o,className:a("kui-BaseTabList","kui-TabsList",s)})});c.displayName="Tabs.List";var g=e.forwardRef((t,o)=>{let{className:r,children:s,...p}=t,n=e.Children.toArray(s).every(m=>typeof m=="string"||typeof m=="number");return e.createElement(i.Trigger,{...p,asChild:!1,ref:o,className:a("kui-reset","kui-BaseTabListTrigger","kui-TabsTrigger",r)},e.createElement("span",{className:"kui-BaseTabListTriggerInner kui-TabsTriggerInner"},s),n?e.createElement("span",{className:"kui-BaseTabListTriggerInnerHidden kui-TabsTriggerInnerHidden","aria-hidden":!0},s):null)});g.displayName="Tabs.Trigger";var l=e.forwardRef((t,o)=>{let{className:r,...s}=t;return e.createElement(i.Content,{...s,ref:o,className:a("kui-TabsContent",r)})});l.displayName="Tabs.Content";export{f as a,c as b,g as c,l as d,y as e};
+//# sourceMappingURL=chunk-4ABQ6CDI.js.map