@womp/kookie-ui 0.23.0 → 0.25.0

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/use-body-pointer-events-cleanup.ts"],
-  "sourcesContent": ["import * as React from 'react';\n\nlet cleanupInstalled = false;\n\n/**\n * Hook to cleanup stuck pointer-events: none on document.body\n *\n * This addresses an issue where react-remove-scroll (used by Radix UI Dialog)\n * sometimes fails to restore body pointer-events after dialog closes,\n * leaving the page unclickable.\n */\nexport function useBodyPointerEventsCleanup() {\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n    if (cleanupInstalled) return;\n\n    cleanupInstalled = true;\n\n    // Deferred cleanups are tracked so unmount can cancel the ones still\n    // queued. A timer that outlives the document reaches for `document.body`\n    // after it is gone; under jsdom that surfaces as an unhandled\n    // ReferenceError attributed to whichever test happened to be running.\n    const pending = new Set<ReturnType<typeof setTimeout>>();\n\n    const defer = (fn: () => void, delay: number) => {\n      const id = setTimeout(() => {\n        pending.delete(id);\n        fn();\n      }, delay);\n      pending.add(id);\n    };\n\n    const hasOpenModal = (): boolean => {\n      // Check for open dialogs/alertdialogs\n      const hasDialogs = Boolean(\n        document.querySelector(\n          '[role=\"dialog\"][aria-modal=\"true\"], [role=\"alertdialog\"][aria-modal=\"true\"]',\n        ),\n      );\n\n      // Also check for any Radix overlays that are still mounted\n      const hasRadixOverlays = Boolean(\n        document.querySelector('[data-radix-popper-content-wrapper], [data-state=\"open\"]'),\n      );\n\n      return hasDialogs || hasRadixOverlays;\n    };\n\n    const forceCleanup = () => {\n      // Aggressive cleanup - remove pointer-events regardless\n      if (document.body.style.pointerEvents === 'none') {\n        console.log('[KookieUI] Force cleaning stuck pointer-events: none from body');\n        document.body.style.pointerEvents = '';\n\n        // Also remove any scroll-lock related attributes\n        document.body.removeAttribute('data-scroll-locked');\n        document.body.removeAttribute('data-remove-scroll');\n\n        // Remove any classes that might be causing issues\n        document.body.classList.remove('ReactModal__Body--open');\n      }\n    };\n\n    const safeCleanup = () => {\n      if (document.body.style.pointerEvents === 'none' && !hasOpenModal()) {\n        console.log('[KookieUI] Safe cleaning stuck pointer-events: none from body');\n        document.body.style.pointerEvents = '';\n      }\n    };\n\n    // Force cleanup on any click outside modal content\n    const onDocumentClick = (event: Event) => {\n      const target = event.target as Element;\n      if (\n        target &&\n        !target.closest(\n          '[role=\"dialog\"], [role=\"alertdialog\"], [data-radix-popper-content-wrapper]',\n        )\n      ) {\n        // Clicked outside any modal - force cleanup after a short delay\n        defer(forceCleanup, 100);\n      }\n    };\n\n    // Force cleanup on ESC key\n    const onEscapeKey = (event: KeyboardEvent) => {\n      if (event.key === 'Escape') {\n        defer(forceCleanup, 200);\n      }\n    };\n\n    // Safe cleanup on other interactions\n    const onInteraction = () => {\n      defer(safeCleanup, 50);\n    };\n\n    // Install global listeners\n    document.addEventListener('click', onDocumentClick, true);\n    document.addEventListener('keydown', onEscapeKey, true);\n    document.addEventListener('pointerup', onInteraction, true);\n    document.addEventListener('transitionend', onInteraction, true);\n    document.addEventListener('animationend', onInteraction, true);\n\n    // Watch for DOM changes that might indicate overlay removal\n    const observer = new MutationObserver(() => {\n      defer(safeCleanup, 0);\n    });\n    observer.observe(document.body, { childList: true, subtree: true, attributes: true });\n\n    // Fallback periodic cleanup\n    const intervalId = setInterval(() => {\n      if (document.body.style.pointerEvents === 'none' && !hasOpenModal()) {\n        console.log('[KookieUI] Periodic cleanup of stuck pointer-events');\n        document.body.style.pointerEvents = '';\n      }\n    }, 1000);\n\n    // Initial cleanup\n    defer(safeCleanup, 100);\n\n    // Tear everything down together. The observer is the important one: it\n    // fires while React unmounts the tree, so leaving it connected keeps\n    // queueing work against a document that is about to go away. Releasing the\n    // latch lets a later mount reinstall.\n    return () => {\n      clearInterval(intervalId);\n\n      pending.forEach(clearTimeout);\n      pending.clear();\n\n      observer.disconnect();\n\n      document.removeEventListener('click', onDocumentClick, true);\n      document.removeEventListener('keydown', onEscapeKey, true);\n      document.removeEventListener('pointerup', onInteraction, true);\n      document.removeEventListener('transitionend', onInteraction, true);\n      document.removeEventListener('animationend', onInteraction, true);\n\n      cleanupInstalled = false;\n    };\n  }, []);\n}\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QAEvB,IAAIC,EAAmB,GAShB,SAASC,GAA8B,CACtC,YAAU,IAAM,CAEpB,GADI,OAAO,SAAa,KACpBD,EAAkB,OAEtBA,EAAmB,GAMnB,IAAME,EAAU,IAAI,IAEdC,EAAQ,CAACC,EAAgBC,IAAkB,CAC/C,IAAMC,EAAK,WAAW,IAAM,CAC1BJ,EAAQ,OAAOI,CAAE,EACjBF,EAAG,CACL,EAAGC,CAAK,EACRH,EAAQ,IAAII,CAAE,CAChB,EAEMC,EAAe,IAAe,CAElC,IAAMC,EAAa,EACjB,SAAS,cACP,6EACF,EAIIC,EAAmB,EACvB,SAAS,cAAc,0DAA0D,EAGnF,OAAOD,GAAcC,CACvB,EAEMC,EAAe,IAAM,CAErB,SAAS,KAAK,MAAM,gBAAkB,SACxC,QAAQ,IAAI,gEAAgE,EAC5E,SAAS,KAAK,MAAM,cAAgB,GAGpC,SAAS,KAAK,gBAAgB,oBAAoB,EAClD,SAAS,KAAK,gBAAgB,oBAAoB,EAGlD,SAAS,KAAK,UAAU,OAAO,wBAAwB,EAE3D,EAEMC,EAAc,IAAM,CACpB,SAAS,KAAK,MAAM,gBAAkB,QAAU,CAACJ,EAAa,IAChE,QAAQ,IAAI,+DAA+D,EAC3E,SAAS,KAAK,MAAM,cAAgB,GAExC,EAGMK,EAAmBC,GAAiB,CACxC,IAAMC,EAASD,EAAM,OAEnBC,GACA,CAACA,EAAO,QACN,4EACF,GAGAX,EAAMO,EAAc,GAAG,CAE3B,EAGMK,EAAeF,GAAyB,CACxCA,EAAM,MAAQ,UAChBV,EAAMO,EAAc,GAAG,CAE3B,EAGMM,EAAgB,IAAM,CAC1Bb,EAAMQ,EAAa,EAAE,CACvB,EAGA,SAAS,iBAAiB,QAASC,EAAiB,EAAI,EACxD,SAAS,iBAAiB,UAAWG,EAAa,EAAI,EACtD,SAAS,iBAAiB,YAAaC,EAAe,EAAI,EAC1D,SAAS,iBAAiB,gBAAiBA,EAAe,EAAI,EAC9D,SAAS,iBAAiB,eAAgBA,EAAe,EAAI,EAG7D,IAAMC,EAAW,IAAI,iBAAiB,IAAM,CAC1Cd,EAAMQ,EAAa,CAAC,CACtB,CAAC,EACDM,EAAS,QAAQ,SAAS,KAAM,CAAE,UAAW,GAAM,QAAS,GAAM,WAAY,EAAK,CAAC,EAGpF,IAAMC,EAAa,YAAY,IAAM,CAC/B,SAAS,KAAK,MAAM,gBAAkB,QAAU,CAACX,EAAa,IAChE,QAAQ,IAAI,qDAAqD,EACjE,SAAS,KAAK,MAAM,cAAgB,GAExC,EAAG,GAAI,EAGP,OAAAJ,EAAMQ,EAAa,GAAG,EAMf,IAAM,CACX,cAAcO,CAAU,EAExBhB,EAAQ,QAAQ,YAAY,EAC5BA,EAAQ,MAAM,EAEde,EAAS,WAAW,EAEpB,SAAS,oBAAoB,QAASL,EAAiB,EAAI,EAC3D,SAAS,oBAAoB,UAAWG,EAAa,EAAI,EACzD,SAAS,oBAAoB,YAAaC,EAAe,EAAI,EAC7D,SAAS,oBAAoB,gBAAiBA,EAAe,EAAI,EACjE,SAAS,oBAAoB,eAAgBA,EAAe,EAAI,EAEhEhB,EAAmB,EACrB,CACF,EAAG,CAAC,CAAC,CACP",
-  "names": ["React", "cleanupInstalled", "useBodyPointerEventsCleanup", "pending", "defer", "fn", "delay", "id", "hasOpenModal", "hasDialogs", "hasRadixOverlays", "forceCleanup", "safeCleanup", "onDocumentClick", "event", "target", "onEscapeKey", "onInteraction", "observer", "intervalId"]
-}

package/dist/esm/chunk-MYYXOFU5.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-MYYXOFU5.js.map

package/dist/esm/chunk-NNZTSXKH.js

@@ -1,2 +0,0 @@
-import{d as v}from"./chunk-AB3QCCUM.js";import{b as N,d as w,g as B}from"./chunk-3J6AUDID.js";import{a as y,c as u}from"./chunk-7CUQMU3T.js";import{a as x,b as E,c as T}from"./chunk-5ROQAZ7J.js";import{o as M}from"./chunk-3PTKPDSA.js";import{a as V,b as k}from"./chunk-VXQQ6KXI.js";import{a as C}from"./chunk-HWQ3NTJP.js";import{a as R}from"./chunk-TBZO22XK.js";import*as e from"react";import de from"classnames";import{useComposedRefs as le}from"radix-ui/internal";var I=t=>t==="collapsed"?"closed":"open",pe=t=>t==="closed"?"collapsed":"expanded";function A(t){if(t===void 0)return;if(typeof t=="string")return I(t);let n={};for(let[r,i]of Object.entries(t))i!==void 0&&(n[r]=I(i));return n}var ue={controlled:"state",default:"defaultState"},Se={initial:"overlay",sm:"fixed"},H=e.forwardRef((t,n)=>{let{className:r,presentation:i=Se,expandedSize:o=288,minSize:S=200,maxSize:c=400,resizable:m=!1,collapsible:U=!0,onExpand:D,onCollapse:L,onResize:O,onResizeStart:_,onResizeEnd:$,snapPoints:s,snapTolerance:W,collapseThreshold:d,paneId:l,persistence:p,children:j,style:q,state:F,defaultState:G,onStateChange:K,size:J,defaultSize:Q,onSizeChange:X,sizeUpdate:Y,sizeUpdateMs:Z=50,inset:b,id:ee,...f}=t,{table:P,attributes:ae}=T(i,"fixed"),a=x({name:"sidebar",label:"Sidebar",propNames:ue,id:ee,controlled:A(F),defaultValue:A(G),presentationTable:P,builtIn:N,onChange:(re,se)=>K?.(pe(re),{reason:se}),onExpand:D,onCollapse:L,size:o});M("sidebar",b),e.useEffect(()=>{(s!==void 0||d!==void 0||l!==void 0||p!==void 0)&&void 0},[s,d,l,p]);let h=e.useRef(null),te=le(n,a.setElement,h),ne=V({name:"sidebar",elementId:a.id,elementRef:h,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:w,expandedSize:o,minSize:S,maxSize:c,resizable:m,collapsible:U,size:J,defaultSize:Q,onSizeChange:X,sizeUpdate:Y,sizeUpdateMs:Z,onResize:O,onResizeStart:_,onResizeEnd:$,snapPoints:s,snapTolerance:W,collapseThreshold:d,paneId:l,persistence:p,overlaying:a.overlaying,overlayingNow:()=>P[R()]==="overlay",requestCollapse:()=>a.setValue("closed","toggle"),requestToggle:()=>a.toggle("toggle")}),{handles:g,content:ie}=k(j,u),oe=m&&a.value!=="closed"&&!a.overlaying?e.createElement(C.Provider,{value:ne},g.length>0?g:e.createElement(y,null)):null,z=a.peeking?`var(--sidebar-size, ${o}px)`:void 0;return e.createElement("div",{...B(f),id:a.id,ref:te,className:de("kui-ShellPane","kui-ShellSidebar",r),...E(a,ae),"data-inset":b||void 0,tabIndex:a.overlaying?-1:f.tabIndex,style:{...q,"--sidebar-expanded-size":`${o}px`,"--sidebar-min-size":`${S}px`,"--sidebar-max-size":`${c}px`,...z?{"--peek-sidebar-width":z}:{}}},e.createElement("div",{className:"kui-ShellSidebarContent"},e.createElement(v,null,ie)),oe)});H.displayName="Shell.Sidebar";H.Handle=u;export{H as a};
-//# sourceMappingURL=chunk-NNZTSXKH.js.map

package/dist/esm/chunk-NQDMTOGB.js

@@ -1,2 +0,0 @@
-import{a as v,b as L,c as D}from"./chunk-HCBR74BW.js";import{b as x,c as E}from"./chunk-IX5HIHVI.js";import{b as N,c as w}from"./chunk-PPZY7PJA.js";import{a as b}from"./chunk-IWCFJJBI.js";import{d as T}from"./chunk-3YLYGKFB.js";import{a as C}from"./chunk-ELAW7ZUG.js";import{a as F}from"./chunk-OS3FCYZY.js";var U={};F(U,{Content:()=>V,Group:()=>M,Item:()=>A,Label:()=>W,Root:()=>O,Separator:()=>B,Trigger:()=>z});import*as e from"react";import m from"classnames";import{Select as r,ScrollArea as R}from"radix-ui";var G={size:v.size},y=e.createContext({}),O=o=>{let{children:t,size:a,open:i,defaultOpen:l,onOpenChange:c,...S}=o,s=T(a,v.size),[P,n]=e.useState(l??!1),p=i??P,d=e.useCallback(u=>{n(u),c?.(u)},[c]);return e.createElement(r.Root,{...S,open:p,onOpenChange:d},e.createElement(y.Provider,{value:e.useMemo(()=>({size:s,open:p}),[s,p])},t))};O.displayName="Select.Root";var z=e.forwardRef((o,t)=>{let a=e.useContext(y),{children:i,className:l,color:c,radius:S,placeholder:s,error:P,loading:n,disabled:p,readOnly:d,...u}=C({size:a?.size,...o},G,L),{"aria-invalid":f,"aria-busy":g,"aria-disabled":h,"aria-readonly":I}=u,k=!!P||f===!0||f==="true",j=e.useMemo(()=>({"aria-invalid":k?!0:f,"aria-busy":n||g,"aria-disabled":p||h,"aria-readonly":d||I}),[k,f,n,g,p,h,d,I]);return e.createElement(r.Trigger,{asChild:!0,disabled:p},e.createElement("button",{"data-accent-color":c,"data-radius":S,"data-error":P,"data-loading":n,...u,...j,ref:t,className:m("kui-reset","kui-SelectTrigger",l)},e.createElement("span",{className:"kui-SelectTriggerInner"},e.createElement(r.Value,{placeholder:s},i)),e.createElement(r.Icon,{asChild:!0},n?e.createElement("div",{className:"kui-SelectIcon kui-SelectLoadingIcon","aria-hidden":"true"},e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",className:"kui-SelectLoadingIconCircle"}))):e.createElement(E,{className:"kui-SelectIcon"}))))});z.displayName="Select.Trigger";var V=e.forwardRef((o,t)=>{let a=e.useContext(y),{className:i,children:l,color:c,container:S,...s}=C({size:a?.size,...o},G,D),P=N();if(a.open===!1&&!s.forceMount)return e.createElement(r.Portal,{container:S},e.createElement(r.Content,{...s,asChild:!1,ref:t},l));let n=c||P.accentColor;return e.createElement(r.Portal,{container:S},e.createElement(w,{asChild:!0},e.createElement(r.Content,{"data-accent-color":n,sideOffset:4,...s,asChild:!1,ref:t,className:m("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-SelectContent",i)},e.createElement(H,null,l))))});V.displayName="Select.Content";function H({children:o}){let t=b();return e.createElement(R.Root,{type:"auto",className:"kui-ScrollAreaRoot"},e.createElement(r.Viewport,{asChild:!0,className:m("kui-BaseMenuViewport","kui-SelectViewport")},e.createElement(R.Viewport,{ref:t,className:"kui-ScrollAreaViewport",style:{overflowY:void 0}},o)),e.createElement(R.Scrollbar,{className:"kui-ScrollAreaScrollbar",orientation:"vertical"},e.createElement(R.Thumb,{className:"kui-ScrollAreaThumb"})))}var A=e.forwardRef((o,t)=>{let{className:a,children:i,...l}=o,c=typeof i!="string";return e.createElement(r.Item,{...l,asChild:!1,ref:t,className:m("kui-reset","kui-BaseMenuItem","kui-SelectItem",{"kui-SelectItemRich":c},a)},e.createElement(r.ItemIndicator,{className:"kui-SelectItemIndicator"},e.createElement(x,{className:"kui-SelectItemIndicatorIcon"})),e.createElement(r.ItemText,null,i))});A.displayName="Select.Item";var M=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Group,{...t,asChild:!1,ref:a,className:m("kui-SelectGroup",o)}));M.displayName="Select.Group";var W=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Label,{...t,asChild:!1,ref:a,className:m("kui-BaseMenuLabel","kui-SelectLabel",o)}));W.displayName="Select.Label";var B=e.forwardRef(({className:o,...t},a)=>e.createElement(r.Separator,{...t,asChild:!1,ref:a,className:m("kui-BaseMenuSeparator","kui-SelectSeparator",o)}));B.displayName="Select.Separator";export{O as a,z as b,V as c,A as d,M as e,W as f,B as g,U as h};
-//# sourceMappingURL=chunk-NQDMTOGB.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/select.tsx"],
-  "sourcesContent": ["'use client';\n\nimport { warnDeprecated } from '../helpers/warn-deprecated.js';\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 {\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\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\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    return (\n      // `disabled` goes to Radix, which merges it with Root's and sets the native attribute.\n      <SelectPrimitive.Trigger asChild disabled={disabled}>\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              <div className=\"kui-SelectIcon kui-SelectLoadingIcon\" aria-hidden=\"true\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <circle\n                    cx=\"8\"\n                    cy=\"8\"\n                    r=\"7\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeDasharray=\"32\"\n                    strokeDashoffset=\"32\"\n                    className=\"kui-SelectLoadingIconCircle\"\n                  />\n                </svg>\n              </div>\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": "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",
-  "names": ["select_exports", "__export", "SelectContent", "SelectGroup", "SelectItem", "SelectLabel", "SelectRoot", "SelectSeparator", "SelectTrigger", "React", "classNames", "SelectPrimitive", "ScrollAreaPrimitive", "selectSizePropDefs", "selectRootPropDefs", "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", "classNames", "ChevronDownIcon", "SelectContent", "container", "contentProps", "selectContentPropDefs", "themeContext", "useThemeContext", "resolvedColor", "Theme", "SelectScrollArea", "setThumbViewport", "useThumbSync", "ScrollAreaPrimitive", "SelectItem", "itemProps", "isRichContent", "ThickCheckIcon", "SelectGroup", "SelectLabel", "SelectSeparator"]
-}

package/dist/esm/chunk-OA7C34MJ.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-OA7C34MJ.js.map

package/dist/esm/chunk-PJR6GRZC.js

@@ -1,2 +0,0 @@
-import{b as e}from"./chunk-KRJTW535.js";import{c as s}from"./chunk-CUNKWFKA.js";var o=["1","2","3","4"],a=["surface","soft","outline"],i={size:{type:"enum",className:"kui-r-size",values:o,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:a,default:"surface"},showTickLabels:{type:"boolean",className:"kui-show-tick-labels"},snapToTicks:{type:"boolean",className:"kui-snap-to-ticks"},...s,...e};export{i as a};
-//# sourceMappingURL=chunk-PJR6GRZC.js.map

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

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

package/dist/esm/chunk-PPZY7PJA.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk-PN3RQFSU.js";import{a as B}from"./chunk-F22ZRNWL.js";import{a as o}from"./chunk-DCNHG6VN.js";import{b as w}from"./chunk-3YLYGKFB.js";import*as e from"react";import M from"classnames";import{Direction as N,Slot as W,Tooltip as j}from"radix-ui";import{useComposedRefs as L,useLayoutEffect as q}from"radix-ui/internal";var n=()=>{},J={appearance:o.appearance.default,accentColor:o.accentColor.default,grayColor:o.grayColor.default,resolvedGrayColor:o.grayColor.default,radius:o.radius.default,fontFamily:o.fontFamily.default,headingFontFamily:void 0,size:o.size.default,onAppearanceChange:n,onAccentColorChange:n,onGrayColorChange:n,onRadiusChange:n,onFontFamilyChange:n,onHeadingFontFamilyChange:n,onSizeChange:n},A=e.createContext(void 0);function oe(){return e.useContext(A)??J}var K=e.forwardRef((a,l)=>{let t=e.useContext(A),d=N.useDirection();return t===void 0?e.createElement(j.Provider,{delayDuration:200},e.createElement(N.Provider,{dir:d},e.createElement(O,{...a,ref:l}))):e.createElement(k,{...a,ref:l})});K.displayName="Theme";var O=e.forwardRef((a,l)=>{let{appearance:t=o.appearance.default,accentColor:d=o.accentColor.default,grayColor:i=o.grayColor.default,radius:g=o.radius.default,fontFamily:m=o.fontFamily.default,headingFontFamily:s,size:c=o.size.default,hasBackground:u=o.hasBackground.default,...h}=a,[p,f]=r(t),[F,T]=r(d),[P,v]=r(i),[R,x]=r(g),[z,C]=r(m),[b,y]=r(s),[I,S]=r(c);return e.createElement(k,{...h,ref:l,isRoot:!0,hasBackground:u,appearance:p,accentColor:F,grayColor:P,radius:R,fontFamily:z,headingFontFamily:b,size:I,onAppearanceChange:f,onAccentColorChange:T,onGrayColorChange:v,onRadiusChange:x,onFontFamilyChange:C,onHeadingFontFamilyChange:y,onSizeChange:S})});O.displayName="ThemeRoot";function Q(){if(typeof navigator>"u")return;let a=navigator.userAgent;if(a.includes("Win"))return"windows";if(a.includes("Mac"))return"macos";if(a.includes("Linux"))return"linux"}var k=e.forwardRef((a,l)=>{let t=e.useContext(A),{asChild:d,isRoot:i,hasBackground:g,appearance:m=a.appearance??t?.appearance??o.appearance.default,accentColor:s=a.accentColor??t?.accentColor??o.accentColor.default,grayColor:c=a.grayColor??t?.resolvedGrayColor??o.grayColor.default,radius:u=a.radius??t?.radius??o.radius.default,fontFamily:h=a.fontFamily??t?.fontFamily??o.fontFamily.default,headingFontFamily:p=a.headingFontFamily??t?.headingFontFamily,size:f=a.size??t?.size??o.size.default,onAppearanceChange:F=n,onAccentColorChange:T=n,onGrayColorChange:P=n,onRadiusChange:v=n,onFontFamilyChange:R=n,onHeadingFontFamilyChange:x=n,onSizeChange:z=n,...C}=a,b=d?W.Root:"div",y=c==="auto"?B(s):c,I=a.appearance==="light"||a.appearance==="dark",S=g===void 0?i||I:g,D=e.useRef(null),V=L(l,D),H="data-os"in C;return q(()=>{if(!i||H)return;let G=D.current;if(!G)return;let E=Q();if(E)return G.setAttribute("data-os",E),()=>G.removeAttribute("data-os")},[i,H]),e.createElement(A.Provider,{value:e.useMemo(()=>({appearance:m,accentColor:s,grayColor:c,resolvedGrayColor:y,radius:u,fontFamily:h,headingFontFamily:p,size:f,onAppearanceChange:F,onAccentColorChange:T,onGrayColorChange:P,onRadiusChange:v,onFontFamilyChange:R,onHeadingFontFamilyChange:x,onSizeChange:z}),[m,s,c,y,u,h,p,f,F,T,P,v,R,x,z])},e.createElement(w.Provider,{value:f},e.createElement(b,{"data-is-root-theme":i?"true":"false","data-accent-color":s,"data-gray-color":y,"data-has-background":S?"true":"false","data-radius":u,"data-font-family":h,"data-heading-font-family":p,ref:V,...C,className:M("kui-theme",{light:m==="light",dark:m==="dark"},C.className)})))});k.displayName="ThemeImpl";export{A as a,oe as b,K as c};
-//# sourceMappingURL=chunk-PPZY7PJA.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/theme.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Direction, Slot, Tooltip as TooltipPrimitive } from 'radix-ui';\nimport { useComposedRefs, useLayoutEffect } from 'radix-ui/internal';\n\nimport { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';\nimport { ThemeSizeContext } from '../helpers/theme-size.js';\nimport { usePropSyncedState } from '../hooks/use-prop-synced-state.js';\nimport { themePropDefs } from './theme.props.js';\n\nimport type { ThemeOwnProps } from './theme.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\nconst noop = () => {};\n\ntype ThemeAppearance = (typeof themePropDefs.appearance.values)[number];\ntype ThemeAccentColor = (typeof themePropDefs.accentColor.values)[number];\ntype ThemeGrayColor = (typeof themePropDefs.grayColor.values)[number];\ntype ThemeRadius = (typeof themePropDefs.radius.values)[number];\ntype ThemeFontFamily = (typeof themePropDefs.fontFamily.values)[number];\ntype ThemeSize = (typeof themePropDefs.size.values)[number];\n// Headings follow the body font until something sets this, so `undefined` is a\n// meaningful value here rather than a missing one.\ntype ThemeHeadingFontFamily = ThemeFontFamily | undefined;\n\ninterface ThemeChangeHandlers {\n  onAppearanceChange: (appearance: ThemeAppearance) => void;\n  onAccentColorChange: (accentColor: ThemeAccentColor) => void;\n  onGrayColorChange: (grayColor: ThemeGrayColor) => void;\n  onRadiusChange: (radius: ThemeRadius) => void;\n  onFontFamilyChange: (fontFamily: ThemeFontFamily) => void;\n  onHeadingFontFamilyChange: (headingFontFamily: ThemeHeadingFontFamily) => void;\n  onSizeChange: (size: ThemeSize) => void;\n}\n\ninterface ThemeContextValue extends ThemeChangeHandlers {\n  appearance: ThemeAppearance;\n  accentColor: ThemeAccentColor;\n  grayColor: ThemeGrayColor;\n  resolvedGrayColor: ThemeGrayColor;\n  radius: ThemeRadius;\n  fontFamily: ThemeFontFamily;\n  headingFontFamily: ThemeHeadingFontFamily;\n  size: ThemeSize;\n}\n// Default theme values used when components render outside a Theme provider\nconst defaultThemeContext: ThemeContextValue = {\n  appearance: themePropDefs.appearance.default,\n  accentColor: themePropDefs.accentColor.default,\n  grayColor: themePropDefs.grayColor.default,\n  resolvedGrayColor: themePropDefs.grayColor.default,\n  radius: themePropDefs.radius.default,\n  fontFamily: themePropDefs.fontFamily.default,\n  headingFontFamily: undefined,\n  size: themePropDefs.size.default,\n  onAppearanceChange: noop,\n  onAccentColorChange: noop,\n  onGrayColorChange: noop,\n  onRadiusChange: noop,\n  onFontFamilyChange: noop,\n  onHeadingFontFamilyChange: noop,\n  onSizeChange: noop,\n};\n\nconst ThemeContext = React.createContext<ThemeContextValue | undefined>(undefined);\n\nfunction useThemeContext() {\n  const context = React.useContext(ThemeContext);\n  // Return default context if used outside Theme provider (e.g., during SSR)\n  return context ?? defaultThemeContext;\n}\n\ninterface ThemeProps extends ThemeImplPublicProps {}\nconst Theme = React.forwardRef<ThemeImplElement, ThemeProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  // Direction is inherited: a Radix DirectionProvider above the Theme (for a right-to-left app)\n  // wins, and left-to-right stays the default when there is none.\n  const dir = Direction.useDirection();\n  const isRoot = context === undefined;\n  if (isRoot) {\n    return (\n      <TooltipPrimitive.Provider delayDuration={200}>\n        <Direction.Provider dir={dir}>\n          <ThemeRoot {...props} ref={forwardedRef} />\n        </Direction.Provider>\n      </TooltipPrimitive.Provider>\n    );\n  }\n  return <ThemeImpl {...props} ref={forwardedRef} />;\n});\nTheme.displayName = 'Theme';\n\nconst ThemeRoot = React.forwardRef<ThemeImplElement, ThemeImplPublicProps>((props, forwardedRef) => {\n  const {\n    appearance: appearanceProp = themePropDefs.appearance.default,\n    accentColor: accentColorProp = themePropDefs.accentColor.default,\n    grayColor: grayColorProp = themePropDefs.grayColor.default,\n    radius: radiusProp = themePropDefs.radius.default,\n    fontFamily: fontFamilyProp = themePropDefs.fontFamily.default,\n    headingFontFamily: headingFontFamilyProp,\n    size: sizeProp = themePropDefs.size.default,\n    hasBackground = themePropDefs.hasBackground.default,\n    ...rootProps\n  } = props;\n\n  // Each of these follows its prop but stays independently settable, so\n  // the context setters can change the theme at runtime. Syncing during render\n  // rather than in an effect matters here: an effect would commit the old\n  // theme first and re-render every consumer of the context a second time.\n  const [appearance, setAppearance] = usePropSyncedState(appearanceProp);\n  const [accentColor, setAccentColor] = usePropSyncedState(accentColorProp);\n  const [grayColor, setGrayColor] = usePropSyncedState(grayColorProp);\n  const [radius, setRadius] = usePropSyncedState(radiusProp);\n  const [fontFamily, setFontFamily] = usePropSyncedState(fontFamilyProp);\n  const [headingFontFamily, setHeadingFontFamily] = usePropSyncedState(headingFontFamilyProp);\n  const [size, setSize] = usePropSyncedState(sizeProp);\n\n  return (\n    <ThemeImpl\n      {...rootProps}\n      ref={forwardedRef}\n      isRoot\n      hasBackground={hasBackground}\n      //\n      appearance={appearance}\n      accentColor={accentColor}\n      grayColor={grayColor}\n      radius={radius}\n      fontFamily={fontFamily}\n      headingFontFamily={headingFontFamily}\n      size={size}\n      //\n      onAppearanceChange={setAppearance}\n      onAccentColorChange={setAccentColor}\n      onGrayColorChange={setGrayColor}\n      onRadiusChange={setRadius}\n      onFontFamilyChange={setFontFamily}\n      onHeadingFontFamilyChange={setHeadingFontFamily}\n      onSizeChange={setSize}\n    />\n  );\n});\nThemeRoot.displayName = 'ThemeRoot';\n\ntype ThemeImplElement = React.ElementRef<'div'>;\ninterface ThemeImplProps extends ThemeImplPublicProps, ThemeImplPrivateProps {}\ninterface ThemeImplPublicProps extends ComponentPropsWithout<'div', RemovedProps | 'dir'>, ThemeOwnProps {}\ninterface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {\n  isRoot?: boolean;\n}\nfunction getClientOS(): 'windows' | 'macos' | 'linux' | undefined {\n  if (typeof navigator === 'undefined') return undefined;\n  const ua = navigator.userAgent;\n  if (ua.includes('Win')) return 'windows';\n  if (ua.includes('Mac')) return 'macos';\n  if (ua.includes('Linux')) return 'linux';\n  return undefined;\n}\n\nconst ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {\n  const context = React.useContext(ThemeContext);\n  const {\n    asChild,\n    isRoot,\n    hasBackground: hasBackgroundProp,\n    //\n    appearance = props.appearance ?? context?.appearance ?? themePropDefs.appearance.default,\n    accentColor = props.accentColor ?? context?.accentColor ?? themePropDefs.accentColor.default,\n    grayColor = props.grayColor ?? context?.resolvedGrayColor ?? themePropDefs.grayColor.default,\n    radius = props.radius ?? context?.radius ?? themePropDefs.radius.default,\n    fontFamily = props.fontFamily ?? context?.fontFamily ?? themePropDefs.fontFamily.default,\n    headingFontFamily = props.headingFontFamily ?? context?.headingFontFamily,\n    size = props.size ?? context?.size ?? themePropDefs.size.default,\n    //\n    onAppearanceChange = noop,\n    onAccentColorChange = noop,\n    onGrayColorChange = noop,\n    onRadiusChange = noop,\n    onFontFamilyChange = noop,\n    onHeadingFontFamilyChange = noop,\n    onSizeChange = noop,\n    //\n    ...themeProps\n  } = props;\n  const Comp = asChild ? Slot.Root : 'div';\n  const resolvedGrayColor = grayColor === 'auto' ? getMatchingGrayColor(accentColor) : grayColor;\n  const isExplicitAppearance = props.appearance === 'light' || props.appearance === 'dark';\n  const hasBackground = hasBackgroundProp === undefined ? isRoot || isExplicitAppearance : hasBackgroundProp;\n\n  // `data-os` can only be resolved on the client. Writing it straight to the\n  // DOM keeps it out of the server markup \u2014 so hydration still matches \u2014 without\n  // spending a render pass, and a state update here would re-render the whole\n  // application on mount.\n  const rootRef = React.useRef<ThemeImplElement>(null);\n  const composedRef = useComposedRefs(forwardedRef, rootRef);\n  const hasExplicitOS = 'data-os' in themeProps;\n\n  useLayoutEffect(() => {\n    if (!isRoot || hasExplicitOS) return;\n    const node = rootRef.current;\n    if (!node) return;\n\n    const os = getClientOS();\n    if (!os) return;\n    node.setAttribute('data-os', os);\n    return () => node.removeAttribute('data-os');\n  }, [isRoot, hasExplicitOS]);\n\n  return (\n    <ThemeContext.Provider\n      value={React.useMemo(\n        () => ({\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        }),\n        [\n          appearance,\n          accentColor,\n          grayColor,\n          resolvedGrayColor,\n          radius,\n          fontFamily,\n          headingFontFamily,\n          size,\n          //\n          onAppearanceChange,\n          onAccentColorChange,\n          onGrayColorChange,\n          onRadiusChange,\n          onFontFamilyChange,\n          onHeadingFontFamilyChange,\n          onSizeChange,\n        ],\n      )}\n    >\n      {/* Size travels on its own context as a bare string, so the components\n          that read it do not re-render when another theme value changes. */}\n      <ThemeSizeContext.Provider value={size}>\n        <Comp\n          data-is-root-theme={isRoot ? 'true' : 'false'}\n          data-accent-color={accentColor}\n          data-gray-color={resolvedGrayColor}\n          // for nested `Theme` background\n          data-has-background={hasBackground ? 'true' : 'false'}\n          data-radius={radius}\n          data-font-family={fontFamily}\n          data-heading-font-family={headingFontFamily}\n          ref={composedRef}\n          {...themeProps}\n          className={classNames(\n            'kui-theme',\n            {\n              light: appearance === 'light',\n              dark: appearance === 'dark',\n            },\n            themeProps.className,\n          )}\n        />\n      </ThemeSizeContext.Provider>\n    </ThemeContext.Provider>\n  );\n});\nThemeImpl.displayName = 'ThemeImpl';\n\nexport { Theme, ThemeContext, useThemeContext };\nexport type { ThemeProps, ThemeContextValue };\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "Direction", "Slot", "TooltipPrimitive", "useComposedRefs", "useLayoutEffect", "noop", "defaultThemeContext", "themePropDefs", "ThemeContext", "useThemeContext", "Theme", "props", "forwardedRef", "context", "dir", "Direction", "TooltipPrimitive", "ThemeRoot", "ThemeImpl", "appearanceProp", "accentColorProp", "grayColorProp", "radiusProp", "fontFamilyProp", "headingFontFamilyProp", "sizeProp", "hasBackground", "rootProps", "appearance", "setAppearance", "usePropSyncedState", "accentColor", "setAccentColor", "grayColor", "setGrayColor", "radius", "setRadius", "fontFamily", "setFontFamily", "headingFontFamily", "setHeadingFontFamily", "size", "setSize", "getClientOS", "ua", "asChild", "isRoot", "hasBackgroundProp", "onAppearanceChange", "onAccentColorChange", "onGrayColorChange", "onRadiusChange", "onFontFamilyChange", "onHeadingFontFamilyChange", "onSizeChange", "themeProps", "Comp", "Slot", "resolvedGrayColor", "getMatchingGrayColor", "isExplicitAppearance", "rootRef", "composedRef", "useComposedRefs", "hasExplicitOS", "useLayoutEffect", "node", "os", "ThemeSizeContext", "classNames"]
-}

package/dist/esm/chunk-Q4IA622Q.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-BIITGC3Z.js";import{a as r}from"./chunk-7FTUTUMD.js";import{a as s}from"./chunk-YLDV2HKZ.js";import{b as t}from"./chunk-FWB47YCH.js";import{a as p}from"./chunk-ELAW7ZUG.js";import*as o from"react";import f from"classnames";var B=o.forwardRef((m,a)=>{let{className:n,asChild:i,as:P="div",...x}=p(m,e,r,s);return o.createElement(i?t:P,{...x,ref:a,className:f("kui-Box",n)})});B.displayName="Box";export{B as a};
-//# sourceMappingURL=chunk-Q4IA622Q.js.map

package/dist/esm/chunk-Q6MFPATL.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-KL73COYX.js";import{a as x}from"./chunk-QGCXTULQ.js";import{a as B}from"./chunk-4P6TKZCA.js";import{f as y}from"./chunk-AB3QCCUM.js";import{d as R}from"./chunk-3YLYGKFB.js";import{a as m}from"./chunk-ELAW7ZUG.js";import*as o from"react";import u from"classnames";import{Toolbar as f}from"radix-ui";var v=o.createContext(null),S=o.createContext(null);function b(t){let r=o.useContext(v);if(!r)throw new Error(`${t} must be rendered inside a Toolbar.`);return r}var P=o.forwardRef((t,r)=>{let e=y(),a=R(t.size??e??void 0,p.size),s=t.orientation??p.orientation.default,{className:n,orientation:l,backdrop:i=!1,children:T,...d}=m({...t,size:a},p),c=o.useMemo(()=>({size:a,orientation:s,backdrop:i}),[a,s,i]);return o.createElement(f.Root,{...d,ref:r,orientation:s,"data-backdrop":i||void 0,className:u("kui-Toolbar",n)},o.createElement(v.Provider,{value:c},T))});P.displayName="Toolbar";var C=o.forwardRef(({className:t,disabled:r=!1,children:e,...a},s)=>{let{orientation:n}=b("ToolbarGroup"),l=o.useMemo(()=>({disabled:r}),[r]);return o.createElement("div",{role:"group","data-orientation":n,"data-disabled":r||void 0,...a,ref:s,className:u("kui-ToolbarGroup",t)},o.createElement(S.Provider,{value:l},e))});C.displayName="Toolbar.Group";function D(t){return t===!0||t==="true"}var z=o.forwardRef((t,r)=>{let e=b("ToolbarButton"),a=o.useContext(S),{iconOnly:s,size:n,variant:l,emphasis:i,color:T,disabled:d,...c}=t,h=D(t["aria-pressed"]),k="data-state"in t||t["aria-pressed"]===void 0?{}:{"data-state":h?"on":"off"},O={size:n??e.size,...i!==void 0?{emphasis:i}:{variant:l??(a?"ghost":e.backdrop?"raised":"soft")},color:T??(l||i?void 0:"gray"),...k},g={...c,...s?{iconOnly:!0}:{},...O};return o.createElement(f.Button,{asChild:!0,ref:r,disabled:d||a?.disabled||void 0},o.createElement(x,{...g}))});z.displayName="Toolbar.Button";var G=o.forwardRef(({className:t,...r},e)=>(b("ToolbarSeparator"),o.createElement(f.Separator,{...r,ref:e,className:u("kui-ToolbarSeparator",t)})));G.displayName="Toolbar.Separator";var w={1:"2",2:"3",3:"4",4:"5"},N=o.forwardRef(({className:t,children:r,style:e,id:a},s)=>{let{size:n}=b("ToolbarTitle");return r==null||r===!1?null:o.createElement(B,{ref:s,as:"span",size:w[n],weight:"medium",truncate:!0,id:a,style:e,className:u("kui-ToolbarTitle",t)},r)});N.displayName="Toolbar.Title";var A=Object.assign(P,{Root:P,Group:C,Button:z,Separator:G,Title:N});export{P as a,C as b,z as c,G as d,N as e,A as f};
-//# sourceMappingURL=chunk-Q6MFPATL.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/toolbar.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Toolbar as ToolbarPrimitive } from 'radix-ui';\n\nimport { toolbarRootPropDefs } from './toolbar.props.js';\nimport { Button } from './button.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSize } from '../helpers/theme-size.js';\nimport { usePaneBandSize } from './_internal/pane-chrome.js';\n\nimport type { ButtonProps } from './button.js';\nimport type { TextProps } from './text.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ButtonRankProps } from './button.js';\n\n/*\n * Toolbar takes Kookie UI v2's contract (v2: components/toolbar), built on Radix instead of\n * Base UI. A toolbar is a row of controls with ONE tab stop: `role=\"toolbar\"`, and the arrow\n * keys move focus between its controls. That keyboard is the reason it is a component.\n *\n * Its `size` reaches every control inside it that does not state its own. The row itself paints\n * nothing; a `ToolbarGroup` draws a quiet well around controls that belong together, and a\n * `ToolbarSeparator` draws a gray hairline between clusters. Use a `Flex` to cluster controls\n * without a well: the row spaces the clusters with `space-between`.\n */\n\ntype ToolbarSize = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['size']>;\ntype ToolbarOrientation = NonNullable<GetPropDefTypes<typeof toolbarRootPropDefs>['orientation']>;\n\ninterface ToolbarContextValue {\n  size: ToolbarSize;\n  orientation: ToolbarOrientation;\n  backdrop: boolean;\n}\n\nconst ToolbarContext = React.createContext<ToolbarContextValue | null>(null);\n\n/** Set by a `ToolbarGroup`: its children rest quiet, and `disabled` turns them all off. */\nconst ToolbarGroupContext = React.createContext<{ disabled: boolean } | null>(null);\n\nfunction useToolbarContext(consumer: string): ToolbarContextValue {\n  const context = React.useContext(ToolbarContext);\n  if (!context) {\n    throw new Error(`${consumer} must be rendered inside a Toolbar.`);\n  }\n  return context;\n}\n\n// ============================================================================\n// Toolbar (root)\n// ============================================================================\n\ntype ToolbarOwnProps = GetPropDefTypes<typeof toolbarRootPropDefs>;\n\ninterface ToolbarProps\n  extends ComponentPropsWithout<typeof ToolbarPrimitive.Root, RemovedProps | 'orientation'>,\n    ToolbarOwnProps {\n  /**\n   * Gives every control a surface of its own, for a row that content passes behind, such as\n   * `Shell.PaneHeader float`. Buttons rest `raised` instead of `soft`, and a group's well is\n   * solid and raised.\n   */\n  backdrop?: boolean;\n}\n\n/**\n * A row of controls with one keyboard tab stop. The arrow keys move focus between the controls.\n *\n * Give it an `aria-label` (or `aria-labelledby`) that says what the controls act on.\n *\n * @example\n * ```tsx\n * <Toolbar aria-label=\"Formatting\">\n *   <ToolbarGroup>\n *     <ToolbarButton iconOnly aria-label=\"Bold\" aria-pressed={bold} onClick={toggleBold}>\n *       <HugeiconsIcon icon={TextBoldIcon} strokeWidth={1.75} />\n *     </ToolbarButton>\n *   </ToolbarGroup>\n *   <ToolbarSeparator />\n *   <ToolbarButton>Share</ToolbarButton>\n * </Toolbar>\n * ```\n */\nconst ToolbarRoot = React.forwardRef<HTMLDivElement, ToolbarProps>((props, forwardedRef) => {\n  // In a Shell pane's header or footer, a toolbar with no size rests one step above the Shell's.\n  const band = usePaneBandSize();\n  // Elsewhere it takes the nearest Theme's size.\n  const size: ToolbarSize = useThemeSize(props.size ?? band ?? undefined, toolbarRootPropDefs.size);\n  const orientation: ToolbarOrientation = props.orientation ?? toolbarRootPropDefs.orientation.default;\n  const { className, orientation: _orientation, backdrop = false, children, ...rootProps } = extractProps(\n    { ...props, size },\n    toolbarRootPropDefs,\n  );\n\n  const context = React.useMemo(() => ({ size, orientation, backdrop }), [size, orientation, backdrop]);\n\n  return (\n    <ToolbarPrimitive.Root\n      {...rootProps}\n      ref={forwardedRef}\n      orientation={orientation}\n      data-backdrop={backdrop || undefined}\n      className={classNames('kui-Toolbar', className)}\n    >\n      <ToolbarContext.Provider value={context}>{children}</ToolbarContext.Provider>\n    </ToolbarPrimitive.Root>\n  );\n});\nToolbarRoot.displayName = 'Toolbar';\n\n// ============================================================================\n// ToolbarGroup\n// ============================================================================\n\ninterface ToolbarGroupProps extends ComponentPropsWithout<'div', RemovedProps> {\n  /** Turns every control in the group off at once. */\n  disabled?: boolean;\n}\n\n/**\n * Controls that belong together, drawn as one quiet well that stands level with a button\n * beside it. Buttons inside it rest as `ghost` unless they state a `variant`.\n * To cluster controls without a well, use a `Flex`.\n */\nconst ToolbarGroup = React.forwardRef<HTMLDivElement, ToolbarGroupProps>(\n  ({ className, disabled = false, children, ...props }, forwardedRef) => {\n    const { orientation } = useToolbarContext('ToolbarGroup');\n    const group = React.useMemo(() => ({ disabled }), [disabled]);\n    return (\n      <div\n        role=\"group\"\n        data-orientation={orientation}\n        data-disabled={disabled || undefined}\n        {...props}\n        ref={forwardedRef}\n        className={classNames('kui-ToolbarGroup', className)}\n      >\n        <ToolbarGroupContext.Provider value={group}>{children}</ToolbarGroupContext.Provider>\n      </div>\n    );\n  },\n);\nToolbarGroup.displayName = 'Toolbar.Group';\n\n// ============================================================================\n// ToolbarButton\n// ============================================================================\n\ntype ToolbarButtonBaseProps = Omit<ButtonProps, 'as' | 'asChild' | 'variant' | 'emphasis'>;\n\n/** A labelled button: takes every `Button` prop. */\ntype ToolbarTextButtonProps = ToolbarButtonBaseProps &\n  ButtonRankProps & {\n  iconOnly?: false;\n};\n\n/** An icon-only button: renders `Button iconOnly`, and the type requires an `aria-label`. */\ntype ToolbarIconButtonProps = Omit<ToolbarButtonBaseProps, 'aria-label' | 'aria-labelledby' | 'fullWidth'> &\n  ButtonRankProps & {\n  iconOnly: true;\n  /** The control's accessible name. An icon has no words of its own, so this is required. */\n  'aria-label': string;\n};\n\ntype ToolbarButtonProps = ToolbarTextButtonProps | ToolbarIconButtonProps;\n\nfunction isPressed(value: React.AriaAttributes['aria-pressed']) {\n  return value === true || value === 'true';\n}\n\n/**\n * A `Button` that joins the toolbar's keyboard navigation, so a row of them is one tab stop.\n *\n * Set `iconOnly` (with an `aria-label`) for a symbol-only control. Set `aria-pressed` for a\n * control that toggles; a pressed button wears Button's pressed look.\n *\n * It takes the toolbar's `size`, and rests as a gray `soft` button (`raised` in a toolbar with\n * `backdrop`, gray `ghost` inside a `ToolbarGroup`). A stated `size`, `variant` or `color` wins; a stated `variant` without a\n * `color` takes Button's own default colour. It throws outside a `Toolbar`.\n */\nconst ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButtonProps>((props, forwardedRef) => {\n  const toolbar = useToolbarContext('ToolbarButton');\n  const group = React.useContext(ToolbarGroupContext);\n  const { iconOnly, size, variant, emphasis, color, disabled, ...rest } = props;\n\n  const pressed = isPressed(props['aria-pressed']);\n  const stateProps =\n    'data-state' in props || props['aria-pressed'] === undefined ? {} : { 'data-state': pressed ? 'on' : 'off' };\n\n  const shared = {\n    size: size ?? toolbar.size,\n    // A caller states the look by `variant` or the rank by `emphasis`, never both.\n    ...(emphasis !== undefined ? { emphasis } : { variant: variant ?? (group ? 'ghost' : toolbar.backdrop ? 'raised' : 'soft') }),\n    // The gray rest is a pair with the default variant: a caller who states a variant or an\n    // emphasis gets Button's own colour for it unless they state a colour too.\n    color: color ?? (variant || emphasis ? undefined : 'gray'),\n    ...stateProps,\n  } as const;\n\n  // The text and icon-only branches share every prop but the name; one Button renders both.\n  const buttonProps = { ...rest, ...(iconOnly ? { iconOnly: true } : {}), ...shared } as ButtonProps;\n\n  return (\n    <ToolbarPrimitive.Button asChild ref={forwardedRef} disabled={disabled || group?.disabled || undefined}>\n      <Button {...buttonProps} />\n    </ToolbarPrimitive.Button>\n  );\n});\nToolbarButton.displayName = 'Toolbar.Button';\n\n// ============================================================================\n// ToolbarSeparator\n// ============================================================================\n\ntype ToolbarSeparatorProps = ComponentPropsWithout<typeof ToolbarPrimitive.Separator, RemovedProps | 'orientation'>;\n\n/**\n * A gray hairline between two clusters, announced as a separator. Its direction is always\n * opposite to the toolbar's.\n */\nconst ToolbarSeparator = React.forwardRef<HTMLDivElement, ToolbarSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => {\n    useToolbarContext('ToolbarSeparator');\n    return (\n      <ToolbarPrimitive.Separator\n        {...props}\n        ref={forwardedRef}\n        className={classNames('kui-ToolbarSeparator', className)}\n      />\n    );\n  },\n);\nToolbarSeparator.displayName = 'Toolbar.Separator';\n\n// ============================================================================\n// ToolbarTitle\n// ============================================================================\n\n/** The title's text step: one step above the label of a button at the same size. */\nconst TITLE_SIZE = { '1': '2', '2': '3', '3': '4', '4': '5' } as const satisfies Record<ToolbarSize, TextProps['size']>;\n\ninterface ToolbarTitleProps {\n  /** The title text. With none, the title renders nothing. */\n  children?: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n  /** The id of the title, so that the toolbar's `aria-labelledby` can point at it. */\n  id?: string;\n}\n\n/**\n * What the row is about, at its leading edge. One line: it truncates rather than wrapping.\n * Its text step follows the toolbar's `size`, and it takes more air from the controls beside it\n * than they take from each other.\n */\nconst ToolbarTitle = React.forwardRef<HTMLSpanElement, ToolbarTitleProps>(\n  ({ className, children, style, id }, forwardedRef) => {\n    const { size } = useToolbarContext('ToolbarTitle');\n    if (children === undefined || children === null || children === false) return null;\n    return (\n      <Text\n        ref={forwardedRef}\n        as=\"span\"\n        size={TITLE_SIZE[size]}\n        weight=\"medium\"\n        truncate\n        id={id}\n        style={style}\n        className={classNames('kui-ToolbarTitle', className)}\n      >\n        {children}\n      </Text>\n    );\n  },\n);\nToolbarTitle.displayName = 'Toolbar.Title';\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst Toolbar = Object.assign(ToolbarRoot, {\n  Root: ToolbarRoot,\n  Group: ToolbarGroup,\n  Button: ToolbarButton,\n  Separator: ToolbarSeparator,\n  Title: ToolbarTitle,\n});\n\nexport {\n  Toolbar,\n  ToolbarGroup,\n  ToolbarButton,\n  ToolbarSeparator,\n  ToolbarTitle,\n  ToolbarRoot as Root,\n  ToolbarGroup as Group,\n  ToolbarButton as Button,\n  ToolbarSeparator as Separator,\n  ToolbarTitle as Title,\n};\nexport type {\n  ToolbarProps,\n  ToolbarGroupProps,\n  ToolbarButtonProps,\n  ToolbarSeparatorProps,\n  ToolbarTitleProps,\n  ToolbarProps as RootProps,\n  ToolbarGroupProps as GroupProps,\n  ToolbarButtonProps as ButtonProps,\n  ToolbarSeparatorProps as SeparatorProps,\n  ToolbarTitleProps as TitleProps,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "ToolbarPrimitive", "ToolbarContext", "ToolbarGroupContext", "useToolbarContext", "consumer", "context", "ToolbarRoot", "props", "forwardedRef", "band", "usePaneBandSize", "size", "useThemeSize", "toolbarRootPropDefs", "orientation", "className", "_orientation", "backdrop", "children", "rootProps", "extractProps", "ToolbarPrimitive", "classNames", "ToolbarGroup", "disabled", "group", "isPressed", "value", "ToolbarButton", "toolbar", "iconOnly", "variant", "emphasis", "color", "rest", "pressed", "stateProps", "shared", "buttonProps", "Button", "ToolbarSeparator", "TITLE_SIZE", "ToolbarTitle", "style", "id", "Text", "Toolbar"]
-}

package/dist/esm/chunk-QGCXTULQ.js

@@ -1,2 +0,0 @@
-import{a as c}from"./chunk-2N2AQNJH.js";import{a as p}from"./chunk-KT2CMUS5.js";import{a as u}from"./chunk-XRCMPBAY.js";import*as t from"react";import v from"classnames";var E={loud:"solid",medium:"raised",quiet:"ghost"};function g(e){if(e["aria-label"]||e["aria-labelledby"])return;console.error("Button: an `iconOnly` button must have an accessible name. Pass `aria-label`, or `aria-labelledby` referencing a label element.")}var w=t.forwardRef(({className:e,style:r,tooltip:a,tooltipSide:d="top",tooltipAlign:m="center",tooltipDelayDuration:B,tooltipDisableHoverableContent:f,iconOnly:s=!1,emphasis:o,variant:i,...n},y)=>{let{tooltipId:b,hasTooltip:P,accessibilityProps:R}=c(a);if(s&&(g(n),n.fullWidth=!1),o!==void 0&&i!==void 0)throw new Error("Button: pass `emphasis` or `variant`, not both. They set the same thing.");let h=o!==void 0?E[o]:i,l=t.createElement(u,{...n,variant:h,...R,ref:y,"data-icon-only":s||void 0,className:v("kui-Button",e),style:r});return P?t.createElement(p,{content:a,side:d,align:m,delayDuration:B,disableHoverableContent:f,id:b},l):l});w.displayName="Button";export{w as a};
-//# sourceMappingURL=chunk-QGCXTULQ.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/button.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { BaseButton } from './_internal/base-button.js';\nimport { Tooltip } from './tooltip.js';\nimport { useTooltipWrapper } from '../hooks/use-tooltip-wrapper.js';\nimport type { BaseButtonProps } from './_internal/base-button.js';\n\ntype ButtonElement = React.ElementRef<typeof BaseButton>;\n\n/**\n * Tooltip configuration props that can be passed to Button\n * These props are forwarded to the underlying Tooltip component\n */\nexport interface ButtonTooltipProps {\n  /** Content to display in the tooltip on hover/focus */\n  tooltip?: React.ReactNode;\n  /** Side of the button where the tooltip should appear */\n  tooltipSide?: 'top' | 'right' | 'bottom' | 'left';\n  /** Alignment of the tooltip relative to the button */\n  tooltipAlign?: 'start' | 'center' | 'end';\n  /** Delay before showing the tooltip (in milliseconds) */\n  tooltipDelayDuration?: number;\n  /** Whether to disable hoverable content behavior */\n  tooltipDisableHoverableContent?: boolean;\n}\n\n/**\n * Core Button props excluding the 'as' prop for polymorphic behavior\n * Combines BaseButton props with tooltip functionality\n */\ntype ButtonEmphasis = 'loud' | 'medium' | 'quiet';\n\n/** `emphasis` is a button's rank: loud is `solid`, medium is `raised`, quiet is `ghost`. */\nconst EMPHASIS_VARIANT = { loud: 'solid', medium: 'raised', quiet: 'ghost' } as const;\n\n/**\n * A button states its rank with `emphasis` or its look with `variant`, never both.\n */\ntype ButtonRankProps =\n  | {\n      /** The button's look. `outline` and `surface` have no emphasis of their own. */\n      variant?: BaseButtonProps['variant'];\n      emphasis?: never;\n    }\n  | {\n      /** The button's rank: `loud` (solid, the default), `medium` (raised) or `quiet` (ghost). */\n      emphasis?: ButtonEmphasis;\n      variant?: never;\n    };\n\n/**\n * An icon-only button is square and holds only its icon, so it has no visible text: the type\n * requires `aria-label` or `aria-labelledby`. It never takes the full width.\n */\ntype ButtonIconOnlyProps =\n  | {\n      /** Makes the button square and shows only the icon in `children`. Requires `aria-label` or `aria-labelledby`. */\n      iconOnly: true;\n      /** The button's name for screen readers. Required with `iconOnly` unless `aria-labelledby` is set. */\n      'aria-label': string;\n      fullWidth?: never;\n    }\n  | {\n      /** Makes the button square and shows only the icon in `children`. Requires `aria-label` or `aria-labelledby`. */\n      iconOnly: true;\n      /** The id of an element that names this button. Use it instead of `aria-label`. */\n      'aria-labelledby': string;\n      fullWidth?: never;\n    }\n  | { iconOnly?: false };\n\ntype ButtonOwnProps = Omit<BaseButtonProps, 'as' | 'variant'> & ButtonRankProps & ButtonTooltipProps & ButtonIconOnlyProps;\n\n/**\n * Polymorphic Button props that support rendering as different HTML elements\n * @template C - The element type to render as (defaults to 'button')\n */\ntype ButtonProps<C extends React.ElementType = 'button'> = ButtonOwnProps & {\n  /** Element type to render as (e.g., 'a', 'span', etc.) */\n  as?: C;\n} & Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonOwnProps>;\n\n/**\n * Button component type that supports polymorphic rendering\n * @template C - The element type to render as\n */\ntype ButtonComponent = <C extends React.ElementType = 'button'>(props: ButtonProps<C> & { ref?: React.ForwardedRef<ButtonElement> }) => React.ReactElement | null;\n\n/**\n * An icon-only button must have an accessible name. Throws in development, logs otherwise.\n */\nfunction validateIconButtonName(props: Record<string, unknown>) {\n  if (props['aria-label'] || props['aria-labelledby']) return;\n  const errorMessage =\n    'Button: an `iconOnly` button must have an accessible name. Pass `aria-label`, or ' +\n    '`aria-labelledby` referencing a label element.';\n  if (process.env.NODE_ENV === 'development') throw new Error(errorMessage);\n  console.error(errorMessage);\n}\n\n/**\n * Button component for triggering actions throughout your interface\n *\n * The Button component is the primary interactive element in the Kookie User Interface.\n * It provides six visual variants, four sizes, comprehensive color options, and built-in\n * tooltip support. The component automatically handles icon sizing, supports responsive\n * layouts, and provides accessibility compliance out of the box.\n *\n * @example\n * ```tsx\n * // Basic button\n * <Button>Click me</Button>\n *\n * // Button with variant and size\n * <Button variant=\"solid\" size=\"3\">Primary Action</Button>\n *\n * // Button with tooltip\n * <Button tooltip=\"Save your progress\">Save</Button>\n *\n * // Polymorphic button as link\n * <Button as=\"a\" href=\"/dashboard\">Go to Dashboard</Button>\n *\n * // Square, icon-only button: needs an accessible name\n * <Button iconOnly aria-label=\"Settings\"><Settings /></Button>\n * ```\n */\nconst Button = React.forwardRef(\n  (\n    {\n      className,\n      style,\n      tooltip,\n      tooltipSide = 'top',\n      tooltipAlign = 'center',\n      tooltipDelayDuration,\n      tooltipDisableHoverableContent,\n      iconOnly = false,\n      emphasis,\n      variant,\n      ...props\n    }: ButtonProps,\n    forwardedRef: React.ForwardedRef<ButtonElement>,\n  ) => {\n    // Use shared tooltip wrapper hook for accessibility props\n    const { tooltipId, hasTooltip, accessibilityProps: tooltipAccessibilityProps } = useTooltipWrapper(tooltip);\n\n    // An icon-only button is square, so it never takes the full width.\n    if (iconOnly) {\n      validateIconButtonName(props as Record<string, unknown>);\n      (props as { fullWidth?: boolean }).fullWidth = false;\n    }\n\n    if (emphasis !== undefined && variant !== undefined) {\n      throw new Error('Button: pass `emphasis` or `variant`, not both. They set the same thing.');\n    }\n    const resolvedVariant = emphasis !== undefined ? EMPHASIS_VARIANT[emphasis] : variant;\n\n    const button = (\n      <BaseButton\n        {...props}\n        variant={resolvedVariant}\n        {...tooltipAccessibilityProps}\n        ref={forwardedRef}\n        data-icon-only={iconOnly || undefined}\n        className={classNames('kui-Button', className)}\n        style={style}\n      />\n    );\n\n    // If no tooltip is provided, return the button as-is for better performance\n    if (!hasTooltip) {\n      return button;\n    }\n\n    // Wrap with Tooltip when tooltip content is provided\n    // This creates a compound component that handles both button and tooltip functionality\n    return (\n      <Tooltip content={tooltip} side={tooltipSide} align={tooltipAlign} delayDuration={tooltipDelayDuration} disableHoverableContent={tooltipDisableHoverableContent} id={tooltipId}>\n        {button}\n      </Tooltip>\n    );\n  },\n) as ButtonComponent & { displayName?: string };\n\nButton.displayName = 'Button';\n\nexport { Button };\nexport type { ButtonProps, ButtonEmphasis, ButtonRankProps, ButtonIconOnlyProps };\n"],
-  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAiCvB,IAAMC,EAAmB,CAAE,KAAM,QAAS,OAAQ,SAAU,MAAO,OAAQ,EA0D3E,SAASC,EAAuBC,EAAgC,CAC9D,GAAIA,EAAM,YAAY,GAAKA,EAAM,iBAAiB,EAAG,OAKrD,QAAQ,MAHN,iIAGwB,CAC5B,CA4BA,IAAMC,EAAe,aACnB,CACE,CACE,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,YAAAC,EAAc,MACd,aAAAC,EAAe,SACf,qBAAAC,EACA,+BAAAC,EACA,SAAAC,EAAW,GACX,SAAAC,EACA,QAAAC,EACA,GAAGX,CACL,EACAY,IACG,CAEH,GAAM,CAAE,UAAAC,EAAW,WAAAC,EAAY,mBAAoBC,CAA0B,EAAIC,EAAkBZ,CAAO,EAQ1G,GALIK,IACFV,EAAuBC,CAAgC,EACtDA,EAAkC,UAAY,IAG7CU,IAAa,QAAaC,IAAY,OACxC,MAAM,IAAI,MAAM,0EAA0E,EAE5F,IAAMM,EAAkBP,IAAa,OAAYZ,EAAiBY,CAAQ,EAAIC,EAExEO,EACJ,gBAACC,EAAA,CACE,GAAGnB,EACJ,QAASiB,EACR,GAAGF,EACJ,IAAKH,EACL,iBAAgBH,GAAY,OAC5B,UAAWW,EAAW,aAAclB,CAAS,EAC7C,MAAOC,EACT,EAIF,OAAKW,EAOH,gBAACO,EAAA,CAAQ,QAASjB,EAAS,KAAMC,EAAa,MAAOC,EAAc,cAAeC,EAAsB,wBAAyBC,EAAgC,GAAIK,GAClKK,CACH,EAROA,CAUX,CACF,EAEAjB,EAAO,YAAc",
-  "names": ["React", "classNames", "EMPHASIS_VARIANT", "validateIconButtonName", "props", "Button", "className", "style", "tooltip", "tooltipSide", "tooltipAlign", "tooltipDelayDuration", "tooltipDisableHoverableContent", "iconOnly", "emphasis", "variant", "forwardedRef", "tooltipId", "hasTooltip", "tooltipAccessibilityProps", "useTooltipWrapper", "resolvedVariant", "button", "BaseButton", "classNames", "Tooltip"]
-}

package/dist/esm/chunk-QOHJIF25.js

@@ -1,2 +0,0 @@
-import{a as y}from"./chunk-MHANZINI.js";import{a as d}from"./chunk-MPTTUBFU.js";import{a as m}from"./chunk-MJJ7XDIP.js";import{c as C}from"./chunk-PPZY7PJA.js";import{a as u}from"./chunk-4P6TKZCA.js";import{a as P}from"./chunk-FNAE6HUI.js";import{e as f}from"./chunk-3YLYGKFB.js";import{a as p}from"./chunk-ELAW7ZUG.js";import{a as O}from"./chunk-OS3FCYZY.js";var A={};O(A,{Close:()=>x,Content:()=>E,Description:()=>N,Root:()=>R,Title:()=>h,Trigger:()=>T});import*as e from"react";import S from"classnames";import{Dialog as r}from"radix-ui";var R=o=>e.createElement(r.Root,{...o,modal:!0});R.displayName="Dialog.Root";var T=e.forwardRef(({children:o,...i},a)=>e.createElement(r.Trigger,{...i,ref:a,asChild:!0},m(o)));T.displayName="Dialog.Trigger";var{align:B,...v}=P,z={align:B},E=e.forwardRef(({align:o,...i},a)=>{let k=f(i,v.size),{className:b}=p({align:o},z),{className:w,forceMount:H,container:M,...L}=p(k,v),g=e.useRef(null),W=e.useMemo(()=>t=>{g.current=t,typeof a=="function"?a(t):a&&(a.current=t)},[a]);return y(),e.useEffect(()=>{if(typeof window>"u")return;let t=g.current;if(!t)return;let l=t.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(l.length===0)return;let s=l[0],c=l[l.length-1],D=n=>{n.key==="Tab"&&(n.shiftKey?document.activeElement===s&&(n.preventDefault(),c.focus()):document.activeElement===c&&(n.preventDefault(),s.focus()))};return t.addEventListener("keydown",D),s.focus(),()=>{t.removeEventListener("keydown",D)}},[]),e.createElement(r.Portal,{container:M,forceMount:H},e.createElement(C,{asChild:!0},e.createElement(r.Overlay,{className:"kui-BaseDialogOverlay kui-DialogOverlay"},e.createElement("div",{className:"kui-BaseDialogScroll kui-DialogScroll"},e.createElement("div",{className:`kui-BaseDialogScrollPadding kui-DialogScrollPadding ${b}`},e.createElement(r.Content,{...L,ref:W,className:S("kui-BaseDialogContent","kui-DialogContent",w),tabIndex:-1,role:"dialog","aria-modal":"true",onCloseAutoFocus:t=>{t.preventDefault(),document.body.style.pointerEvents=""}}),e.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"kui-sr-only",id:"dialog-announcement"}))))))});E.displayName="Dialog.Content";var h=e.forwardRef((o,i)=>e.createElement(r.Title,{asChild:!0},e.createElement(d,{size:"5",trim:"start",...o,asChild:!1,ref:i})));h.displayName="Dialog.Title";var N=e.forwardRef((o,i)=>e.createElement(r.Description,{asChild:!0},e.createElement(u,{as:"p",size:"3",...o,asChild:!1,ref:i})));N.displayName="Dialog.Description";var x=e.forwardRef(({children:o,...i},a)=>e.createElement(r.Close,{...i,ref:a,asChild:!0},m(o)));x.displayName="Dialog.Close";export{R as a,T as b,E as c,h as d,N as e,x as f,A as g};
-//# sourceMappingURL=chunk-QOHJIF25.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/dialog.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './dialog.props.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { useBodyPointerEventsCleanup } from '../hooks/use-body-pointer-events-cleanup.js';\n\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport type {\n  ComponentPropsWithout,\n  RemovedProps,\n  ComponentPropsAs,\n} from '../helpers/component-props.js';\n\ninterface DialogRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst DialogRoot: React.FC<DialogRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nDialogRoot.displayName = 'Dialog.Root';\n\ntype DialogTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\ninterface DialogTriggerProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst DialogTrigger = React.forwardRef<DialogTriggerElement, DialogTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DialogPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Trigger>\n  ),\n);\nDialogTrigger.displayName = 'Dialog.Trigger';\n\n// Split once at module scope. `extractProps` memoises on the identity of the\n// prop def objects it is handed, so rebuilding these per render would recompile\n// them on every render.\nconst {\n  align: alignPropDef,\n  ...contentPropDefs\n} = dialogContentPropDefs;\nconst alignPropDefs = { align: alignPropDef };\n\ntype DialogContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface DialogContentProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n    DialogContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\nconst DialogContent = React.forwardRef<DialogContentElement, DialogContentProps>(\n  ({ align, ...ownProps }, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, contentPropDefs.size);\n    const { className: alignClassName } = extractProps({ align }, alignPropDefs);\n\n    const {\n      className,\n      forceMount,\n      container,\n      ...contentProps\n    } = extractProps(props, contentPropDefs);\n\n    // Focus management\n    const contentRef = React.useRef<HTMLDivElement>(null);\n    const combinedRef = React.useMemo(\n      () => (node: HTMLDivElement | null) => {\n        contentRef.current = node;\n        if (typeof forwardedRef === 'function') {\n          forwardedRef(node);\n        } else if (forwardedRef) {\n          forwardedRef.current = node;\n        }\n      },\n      [forwardedRef],\n    );\n\n    // Cleanup stuck pointer-events on body\n    useBodyPointerEventsCleanup();\n\n    // Focus trap effect\n    React.useEffect(() => {\n      // SSR safety - only run on client\n      if (typeof window === 'undefined') return;\n\n      const content = contentRef.current;\n      if (!content) return;\n\n      const focusableElements = content.querySelectorAll(\n        'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n      );\n\n      if (focusableElements.length === 0) return;\n\n      const firstElement = focusableElements[0] as HTMLElement;\n      const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (event.key === 'Tab') {\n          if (event.shiftKey) {\n            if (document.activeElement === firstElement) {\n              event.preventDefault();\n              lastElement.focus();\n            }\n          } else {\n            if (document.activeElement === lastElement) {\n              event.preventDefault();\n              firstElement.focus();\n            }\n          }\n        }\n      };\n\n      content.addEventListener('keydown', handleKeyDown);\n\n      // Focus first element when dialog opens\n      firstElement.focus();\n\n      return () => {\n        content.removeEventListener('keydown', handleKeyDown);\n      };\n    }, []);\n\n    return (\n      <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DialogPrimitive.Overlay className=\"kui-BaseDialogOverlay kui-DialogOverlay\">\n            <div className=\"kui-BaseDialogScroll kui-DialogScroll\">\n              <div\n                className={`kui-BaseDialogScrollPadding kui-DialogScrollPadding ${alignClassName}`}\n              >\n                <DialogPrimitive.Content\n                  {...contentProps}\n                  ref={combinedRef}\n                  className={classNames('kui-BaseDialogContent', 'kui-DialogContent', className)}\n                  tabIndex={-1}\n                  role=\"dialog\"\n                  aria-modal=\"true\"\n                  onCloseAutoFocus={(event) => {\n                    // Prevent default focus behavior\n                    event.preventDefault();\n                    // Restore pointer-events to body (Radix UI fix for issue #1241)\n                    document.body.style.pointerEvents = '';\n                  }}\n                />\n                {/* ARIA live region for screen reader announcements */}\n                <div\n                  aria-live=\"polite\"\n                  aria-atomic=\"true\"\n                  className=\"kui-sr-only\"\n                  id=\"dialog-announcement\"\n                />\n              </div>\n            </div>\n          </DialogPrimitive.Overlay>\n        </Theme>\n      </DialogPrimitive.Portal>\n    );\n  },\n);\nDialogContent.displayName = 'Dialog.Content';\n\ntype DialogTitleElement = React.ElementRef<typeof Heading>;\ntype DialogTitleProps = ComponentPropsWithout<typeof Heading, 'asChild'>;\nconst DialogTitle = React.forwardRef<DialogTitleElement, DialogTitleProps>(\n  (props, forwardedRef) => (\n    <DialogPrimitive.Title asChild>\n      <Heading size=\"5\" trim=\"start\" {...props} asChild={false} ref={forwardedRef} />\n    </DialogPrimitive.Title>\n  ),\n);\nDialogTitle.displayName = 'Dialog.Title';\n\ntype DialogDescriptionElement = HTMLParagraphElement;\ntype DialogDescriptionProps = ComponentPropsAs<typeof Text, 'p'>;\nconst DialogDescription = React.forwardRef<DialogDescriptionElement, DialogDescriptionProps>(\n  (props, forwardedRef) => (\n    <DialogPrimitive.Description asChild>\n      <Text as=\"p\" size=\"3\" {...props} asChild={false} ref={forwardedRef} />\n    </DialogPrimitive.Description>\n  ),\n);\nDialogDescription.displayName = 'Dialog.Description';\n\ntype DialogCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface DialogCloseProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\nconst DialogClose = React.forwardRef<DialogCloseElement, DialogCloseProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DialogPrimitive.Close {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Close>\n  ),\n);\nDialogClose.displayName = 'Dialog.Close';\n\nexport {\n  DialogRoot as Root,\n  DialogTrigger as Trigger,\n  DialogContent as Content,\n  DialogTitle as Title,\n  DialogDescription as Description,\n  DialogClose as Close,\n};\n\nexport type {\n  DialogRootProps as RootProps,\n  DialogTriggerProps as TriggerProps,\n  DialogContentProps as ContentProps,\n  DialogTitleProps as TitleProps,\n  DialogDescriptionProps as DescriptionProps,\n  DialogCloseProps as CloseProps,\n};\n"],
-  "mappings": "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",
-  "names": ["dialog_exports", "__export", "DialogClose", "DialogContent", "DialogDescription", "DialogRoot", "DialogTitle", "DialogTrigger", "React", "classNames", "DialogPrimitive", "DialogRoot", "props", "DialogPrimitive", "DialogTrigger", "children", "forwardedRef", "requireReactElement", "alignPropDef", "contentPropDefs", "dialogContentPropDefs", "alignPropDefs", "DialogContent", "align", "ownProps", "useThemeSizeProps", "alignClassName", "extractProps", "className", "forceMount", "container", "contentProps", "contentRef", "combinedRef", "node", "useBodyPointerEventsCleanup", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "Theme", "classNames", "DialogTitle", "Heading", "DialogDescription", "Text", "DialogClose"]
-}

package/dist/esm/chunk-R4XJNQX5.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-IWCFJJBI.js";import{a as o}from"./chunk-UONSKZQT.js";import{a as c}from"./chunk-5BWLY27A.js";import{a as m}from"./chunk-PS6NEG5A.js";import*as r from"react";import R from"classnames";import{ScrollArea as e}from"radix-ui";import{useComposedRefs as w}from"radix-ui/internal";var N=r.forwardRef((n,d)=>{let{asChild:t,children:u,className:S,style:f,type:a,scrollHideDelay:A=a!=="scroll"?0:void 0,dir:T,radius:i=o.radius.default,scrollbars:l=o.scrollbars.default,fade:s=o.fade.default,...P}=n,y=c(s),v=p(),b=w(d,y,v);return r.createElement(e.Root,{type:a,scrollHideDelay:A,className:R("kui-ScrollAreaRoot",S),"data-fade":s?"":void 0,style:f,asChild:t},m({asChild:t,children:u},h=>r.createElement(r.Fragment,null,r.createElement(e.Viewport,{...P,ref:b,className:"kui-ScrollAreaViewport"},h),r.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),l!=="vertical"?r.createElement(e.Scrollbar,{"data-radius":i,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},r.createElement(e.Thumb,{className:"kui-ScrollAreaThumb"})):null,l!=="horizontal"?r.createElement(e.Scrollbar,{"data-radius":i,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},r.createElement(e.Thumb,{className:"kui-ScrollAreaThumb"})):null,l==="both"?r.createElement(e.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";export{N as a};
-//# sourceMappingURL=chunk-R4XJNQX5.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/scroll-area.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { useComposedRefs } from 'radix-ui/internal';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { useScrollEdges } from '../hooks/use-scroll-edges.js';\nimport { useThumbSync } from '../hooks/use-thumb-sync.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    fade = scrollAreaPropDefs.fade.default,\n    ...viewportProps\n  } = props;\n  const setEdgesElement = useScrollEdges<HTMLDivElement>(fade);\n  const setThumbViewport = useThumbSync<HTMLDivElement>();\n  const viewportRef = useComposedRefs(forwardedRef, setEdgesElement, setThumbViewport);\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('kui-ScrollAreaRoot', className)}\n      data-fade={fade ? '' : undefined}\n      style={style}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={viewportRef}\n            className=\"kui-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"kui-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className=\"kui-ScrollAreaScrollbar\"\n            >\n              <ScrollAreaPrimitive.Thumb className=\"kui-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className=\"kui-ScrollAreaScrollbar\"\n            >\n              <ScrollAreaPrimitive.Thumb className=\"kui-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"kui-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n"],
-  "mappings": "gKAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,cAAcC,MAA2B,WAClD,OAAS,mBAAAC,MAAuB,oBAgBhC,IAAMC,EAAmB,aAA+C,CAACC,EAAOC,IAAiB,CAC/F,GAAM,CACJ,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,gBAAAC,EAAkBD,IAAS,SAAW,EAAI,OAC1C,IAAAE,EACA,OAAAC,EAASC,EAAmB,OAAO,QACnC,WAAAC,EAAaD,EAAmB,WAAW,QAC3C,KAAAE,EAAOF,EAAmB,KAAK,QAC/B,GAAGG,CACL,EAAIb,EACEc,EAAkBC,EAA+BH,CAAI,EACrDI,EAAmBC,EAA6B,EAChDC,EAAcC,EAAgBlB,EAAca,EAAiBE,CAAgB,EAEnF,OACE,gBAACI,EAAoB,KAApB,CACC,KAAMd,EACN,gBAAiBC,EACjB,UAAWc,EAAW,qBAAsBjB,CAAS,EACrD,YAAWQ,EAAO,GAAK,OACvB,MAAOP,EACP,QAASH,GAERoB,EAAW,CAAE,QAAApB,EAAS,SAAAC,CAAS,EAAIA,GAClC,gCACE,gBAACiB,EAAoB,SAApB,CACE,GAAGP,EACJ,IAAKK,EACL,UAAU,0BAETf,CACH,EAEA,gBAAC,OAAI,UAAU,kCAAkC,EAEhDQ,IAAe,WACd,gBAACS,EAAoB,UAApB,CACC,cAAaX,EACb,YAAY,aACZ,UAAU,2BAEV,gBAACW,EAAoB,MAApB,CAA0B,UAAU,sBAAsB,CAC7D,EACE,KAEHT,IAAe,aACd,gBAACS,EAAoB,UAApB,CACC,cAAaX,EACb,YAAY,WACZ,UAAU,2BAEV,gBAACW,EAAoB,MAApB,CAA0B,UAAU,sBAAsB,CAC7D,EACE,KAEHT,IAAe,OACd,gBAACS,EAAoB,OAApB,CAA2B,UAAU,uBAAuB,EAC3D,IACN,CACD,CACH,CAEJ,CAAC,EACDrB,EAAW,YAAc",
-  "names": ["React", "classNames", "ScrollAreaPrimitive", "useComposedRefs", "ScrollArea", "props", "forwardedRef", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "radius", "scrollAreaPropDefs", "scrollbars", "fade", "viewportProps", "setEdgesElement", "useScrollEdges", "setThumbViewport", "useThumbSync", "viewportRef", "useComposedRefs", "ScrollAreaPrimitive", "classNames", "getSubtree"]
-}

package/dist/esm/chunk-S6GWR6EZ.js

@@ -1,2 +0,0 @@
-import{b as e}from"./chunk-VS2ZWRGO.js";import{a as p}from"./chunk-SBRPXQWH.js";import{a as s}from"./chunk-SJXV4BWZ.js";import{a as t}from"./chunk-N6KH2EOU.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{c as r}from"./chunk-CUNKWFKA.js";var f=["1","2","3","4","5","6","7","8","9"],n={...o,size:{type:"enum",className:"kui-r-size",values:f,responsive:!0},...t,...r,...e,...s,...p};export{n as a};
-//# sourceMappingURL=chunk-S6GWR6EZ.js.map

package/dist/esm/chunk-SKOYHBIE.js

@@ -1,2 +0,0 @@
-import{b as o}from"./chunk-KRJTW535.js";import{c as r}from"./chunk-CUNKWFKA.js";var t=["surface","soft","outline"],a={variant:{type:"enum",className:"kui-variant",values:t,default:"surface"},...r,...o,duration:{type:"string"}};export{a};
-//# sourceMappingURL=chunk-SKOYHBIE.js.map

package/dist/esm/chunk-STPMPY3X.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-STPMPY3X.js.map

package/dist/esm/chunk-TZTUPQYK.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-NZJGC6ZW.js";var r={...o},e={...o};export{r as a,e as b};
-//# sourceMappingURL=chunk-TZTUPQYK.js.map

package/dist/esm/chunk-UE3HATOA.js

@@ -1,2 +0,0 @@
-import{a}from"./chunk-HIEGLLY7.js";import{a as p}from"./chunk-BJUCBOGU.js";import{a as r}from"./chunk-ELAW7ZUG.js";import*as e from"react";import l from"classnames";var c=e.forwardRef((i,o)=>{let{className:t,children:n,loading:m,...f}=r(i,a);if(!m)return n;let s=e.createElement("span",{...f,ref:o,className:l("kui-Spinner",t)},e.createElement("span",{className:"kui-SpinnerWheel"},e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"}),e.createElement("span",{className:"kui-SpinnerLeaf"})));return n===void 0?s:e.createElement(p,{asChild:!0,position:"relative",align:"center",justify:"center"},e.createElement("span",null,e.createElement("span",{"aria-hidden":!0,className:"kui-SpinnerHiddenChildren",inert:void 0},n),e.createElement(p,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,s))))});c.displayName="Spinner";export{c as a};
-//# sourceMappingURL=chunk-UE3HATOA.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/spinner.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Flex } from './flex.js';\nimport { spinnerPropDefs } from './spinner.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SpinnerElement = React.ElementRef<'span'>;\ntype SpinnerOwnProps = GetPropDefTypes<typeof spinnerPropDefs>;\ninterface SpinnerProps\n  extends ComponentPropsWithout<'span', RemovedProps>,\n    SpinnerOwnProps {}\nconst Spinner = React.forwardRef<SpinnerElement, SpinnerProps>((props, forwardedRef) => {\n  const { className, children, loading, ...spinnerProps } = extractProps(\n    props,\n    spinnerPropDefs\n  );\n\n  if (!loading) return children;\n\n  const spinner = (\n    <span {...spinnerProps} ref={forwardedRef} className={classNames('kui-Spinner', className)}>\n      <span className=\"kui-SpinnerWheel\">\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n        <span className=\"kui-SpinnerLeaf\" />\n      </span>\n    </span>\n  );\n\n  if (children === undefined) return spinner;\n\n  return (\n    <Flex asChild position=\"relative\" align=\"center\" justify=\"center\">\n      <span>\n        {/**\n         * `display: contents` removes the content from the accessibility tree in some browsers,\n         * so we force remove it with `aria-hidden`\n         */}\n        <span aria-hidden className=\"kui-SpinnerHiddenChildren\" inert={undefined}>\n          {children}\n        </span>\n\n        <Flex asChild align=\"center\" justify=\"center\" position=\"absolute\" inset=\"0\">\n          <span>{spinner}</span>\n        </Flex>\n      </span>\n    </Flex>\n  );\n});\nSpinner.displayName = 'Spinner';\n\nexport { Spinner };\nexport type { SpinnerProps };\n"],
-  "mappings": "mHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAcvB,IAAMC,EAAgB,aAAyC,CAACC,EAAOC,IAAiB,CACtF,GAAM,CAAE,UAAAC,EAAW,SAAAC,EAAU,QAAAC,EAAS,GAAGC,CAAa,EAAIC,EACxDN,EACAO,CACF,EAEA,GAAI,CAACH,EAAS,OAAOD,EAErB,IAAMK,EACJ,gBAAC,QAAM,GAAGH,EAAc,IAAKJ,EAAc,UAAWQ,EAAW,cAAeP,CAAS,GACvF,gBAAC,QAAK,UAAU,oBACd,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,EAClC,gBAAC,QAAK,UAAU,kBAAkB,CACpC,CACF,EAGF,OAAIC,IAAa,OAAkBK,EAGjC,gBAACE,EAAA,CAAK,QAAO,GAAC,SAAS,WAAW,MAAM,SAAS,QAAQ,UACvD,gBAAC,YAKC,gBAAC,QAAK,cAAW,GAAC,UAAU,4BAA4B,MAAO,QAC5DP,CACH,EAEA,gBAACO,EAAA,CAAK,QAAO,GAAC,MAAM,SAAS,QAAQ,SAAS,SAAS,WAAW,MAAM,KACtE,gBAAC,YAAMF,CAAQ,CACjB,CACF,CACF,CAEJ,CAAC,EACDT,EAAQ,YAAc",
-  "names": ["React", "classNames", "Spinner", "props", "forwardedRef", "className", "children", "loading", "spinnerProps", "extractProps", "spinnerPropDefs", "spinner", "classNames", "Flex"]
-}

package/dist/esm/chunk-UICSVJ3B.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-UICSVJ3B.js.map

package/dist/esm/chunk-UONSKZQT.js

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

package/dist/esm/chunk-V32EP3S7.js

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

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

@@ -1,7 +0,0 @@
-{
-  "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 {\n  Context,\n  Primitive,\n  useComposedRefs,\n  RovingFocus,\n  useControllableState,\n} 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  [RovingFocus.createRovingFocusGroupScope, CheckboxPrimitive.createCheckboxScope],\n);\nconst useRovingFocusGroupScope = RovingFocus.createRovingFocusGroupScope();\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 RovingFocusGroupProps = React.ComponentPropsWithoutRef<typeof RovingFocus.Root>;\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?: RovingFocusGroupProps['dir'];\n  orientation?: RovingFocusGroupProps['orientation'];\n  loop?: RovingFocusGroupProps['loop'];\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,\n      dir,\n      loop = true,\n      onValueChange,\n      ...groupProps\n    } = props;\n    const rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\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        <RovingFocus.Root\n          asChild\n          {...rovingFocusGroupScope}\n          orientation={orientation}\n          dir={direction}\n          loop={loop}\n        >\n          <Primitive.div\n            role=\"group\"\n            data-disabled={disabled ? '' : undefined}\n            dir={direction}\n            {...groupProps}\n            ref={forwardedRef}\n          />\n        </RovingFocus.Root>\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 rovingFocusGroupScope = useRovingFocusGroupScope(__scopeCheckboxGroup);\n    const checkboxScope = useCheckboxScope(__scopeCheckboxGroup);\n    const ref = React.useRef<React.ElementRef<typeof CheckboxPrimitive.Root>>(null);\n    const composedRefs = useComposedRefs(forwardedRef, ref);\n    const checked = context.value?.includes(itemProps.value);\n\n    return (\n      <RovingFocus.Item asChild {...rovingFocusGroupScope} focusable={!isDisabled} active={checked}>\n        <CheckboxPrimitive.Root\n          name={context.name}\n          disabled={isDisabled}\n          required={context.required}\n          checked={checked}\n          {...checkboxScope}\n          {...itemProps}\n          ref={composedRefs}\n          onCheckedChange={(checked) => {\n            if (checked) {\n              context.onItemCheck(props.value);\n            } else {\n              context.onItemUncheck(props.value);\n            }\n          }}\n        />\n      </RovingFocus.Item>\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": "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",
-  "names": ["React", "CheckboxPrimitive", "Direction", "Context", "Primitive", "useComposedRefs", "RovingFocus", "useControllableState", "useDirection", "CHECKBOX_GROUP_NAME", "createCheckboxGroupContext", "createCheckboxGroupScope", "useRovingFocusGroupScope", "useCheckboxScope", "CheckboxGroupProvider", "useCheckboxGroupContext", "CheckboxGroup", "props", "forwardedRef", "__scopeCheckboxGroup", "name", "defaultValue", "valueProp", "required", "disabled", "orientation", "dir", "loop", "onValueChange", "groupProps", "rovingFocusGroupScope", "direction", "value", "setValue", "handleItemCheck", "itemValue", "prevValue", "handleItemUncheck", "ITEM_NAME", "CheckboxGroupItem", "itemProps", "context", "isDisabled", "checkboxScope", "ref", "composedRefs", "checked", "INDICATOR_NAME", "CheckboxGroupIndicator", "indicatorProps", "Root", "Item", "Indicator"]
-}

package/dist/esm/chunk-VPSMETY2.js

@@ -1,2 +0,0 @@
-import{a as r}from"./chunk-DNOQ6E3W.js";import{a as o}from"./chunk-NZJGC6ZW.js";var f={...o,...r};export{f as a};
-//# sourceMappingURL=chunk-VPSMETY2.js.map

package/dist/esm/chunk-VXQQ6KXI.js

@@ -1,2 +0,0 @@
-import{a as q}from"./chunk-2LYX5S7H.js";import*as e from"react";var C=(n,o,u)=>Math.max(o??n,Math.min(u??n,n));function L(n){let{name:o,elementRef:u,cssVarName:f,orientation:m,minSize:a,maxSize:l,resizable:E,size:h,defaultSize:x,paneId:g,persistence:S}=n,i=e.useRef(n);e.useLayoutEffect(()=>{i.current=n});let z=e.useRef(null),P=e.useRef(0);e.useEffect(()=>()=>{z.current&&clearTimeout(z.current)},[]);let b=e.useCallback((t,r)=>{let{onSizeChange:s,sizeUpdate:c,sizeUpdateMs:p}=i.current;if(s){if(c==="debounce"){z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{z.current=null,i.current.onSizeChange?.(t,r)},p);return}if(c==="throttle"){let V=Date.now();if(V-P.current<p)return;P.current=V}s(t,r)}},[]),y=e.useCallback(t=>q(t,m==="vertical"?"horizontal":"vertical"),[m]),w=e.useRef(!1),d=e.useCallback((t,r)=>{let s=u.current;if(s){s.style.setProperty(f,`${t}px`);for(let c of s.querySelectorAll(":scope > .kui-ShellResizer"))c.setAttribute("aria-valuenow",String(Math.round(t)));r&&(w.current=!0)}},[u,f]);e.useLayoutEffect(()=>{w.current||d(n.expandedSize,!1)},[n.expandedSize,d]),e.useLayoutEffect(()=>{if(h!==void 0||x===void 0)return;let t=y(x);if(typeof t!="number"||!Number.isFinite(t))return;let r=C(t,a,l);d(r,!0),b(r,{reason:"init"})},[]),e.useLayoutEffect(()=>{if(h===void 0||i.current.overlayingNow())return;let t=y(h);if(typeof t!="number"||!Number.isFinite(t))return;let r=C(t,a,l);d(r,!0),b(r,{reason:"controlled"})},[h,a,l,n.overlaying,y,d,b]);let R=e.useMemo(()=>{if(!g||S)return S;let t=`kookie-ui:shell:${o}:${g}`;return{load:()=>{if(!(typeof window>"u"))try{let r=window.localStorage.getItem(t);return r?Number(r):void 0}catch{return}},save:r=>{if(!(typeof window>"u"))try{window.localStorage.setItem(t,String(r))}catch{}}}},[o,g,S]);e.useLayoutEffect(()=>{if(!E||!R?.load||i.current.overlayingNow())return;let t=!0,r=c=>{if(!t||typeof c!="number"||!Number.isFinite(c))return;let p=C(c,a,l);d(p,!0),i.current.onResize?.(p)},s=R.load();return s instanceof Promise?s.then(r).catch(c=>{}):r(s),()=>{t=!1}},[E,R,n.overlaying,d,a,l,o]);let T=e.useCallback(t=>i.current.onResize?.(t),[]),N=e.useCallback(t=>{w.current=!0,i.current.onResizeStart?.(t)},[]),v=e.useCallback(t=>{i.current.onResizeEnd?.(t),b(t,{reason:"resize"}),R?.save?.(t)},[b,R]),k=e.useCallback(()=>i.current.requestCollapse(),[]),M=e.useCallback(()=>i.current.requestToggle(),[]);return e.useMemo(()=>({containerRef:u,controls:n.elementId,cssVarName:f,minSize:a,maxSize:l,defaultSize:n.expandedSize,orientation:m,edge:n.edge,growth:n.growth,onResize:T,onResizeStart:N,onResizeEnd:v,target:o,collapsible:n.collapsible,snapPoints:n.snapPoints,snapTolerance:n.snapTolerance??8,collapseThreshold:n.collapseThreshold,requestCollapse:k,requestToggle:M}),[u,n.elementId,f,a,l,n.expandedSize,m,n.edge,n.growth,T,N,v,o,n.collapsible,n.snapPoints,n.snapTolerance,n.collapseThreshold,k,M])}function O(n,o){let u=e.Children.toArray(n),f=u.filter(a=>e.isValidElement(a)&&a.type===o),m=u.filter(a=>!(e.isValidElement(a)&&a.type===o));return{handles:f,content:m}}export{L as a,O as b};
-//# sourceMappingURL=chunk-VXQQ6KXI.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/_internal/shell-resizable.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { normalizeToPx } from '../../helpers/normalize-to-px.js';\nimport type { PaneName, PaneSizePersistence } from '../shell.types.js';\nimport type { PaneResizeContextValue } from './shell-resize.js';\n\nexport type SizeChangeMeta = { reason: 'init' | 'resize' | 'controlled' };\n\nexport type ResizableOptions = {\n  name: PaneName;\n  /** The pane's element id, which the handle names in `aria-controls`. */\n  elementId: string;\n  elementRef: React.RefObject<HTMLElement | null>;\n  cssVarName: string;\n  orientation: 'vertical' | 'horizontal';\n  edge: 'start' | 'end';\n  growth: (isRtl: boolean) => 1 | -1;\n  expandedSize: number;\n  minSize: number;\n  maxSize: number;\n  resizable: boolean;\n  collapsible: boolean;\n  size: number | string | undefined;\n  defaultSize: number | string | undefined;\n  onSizeChange: ((size: number, meta: SizeChangeMeta) => void) | undefined;\n  sizeUpdate: 'throttle' | 'debounce' | undefined;\n  sizeUpdateMs: number;\n  onResize: ((size: number) => void) | undefined;\n  onResizeStart: ((size: number) => void) | undefined;\n  onResizeEnd: ((size: number) => void) | undefined;\n  snapPoints: number[] | undefined;\n  snapTolerance: number | undefined;\n  collapseThreshold: number | undefined;\n  paneId: string | undefined;\n  persistence: PaneSizePersistence | undefined;\n  /** Whether the pane is presented as an overlay right now. An overlay keeps its designed size and persists nothing. */\n  overlaying: boolean;\n  /** The same question asked at effect time, for a pane whose presentation is learnt after its first render. */\n  overlayingNow: () => boolean;\n  requestCollapse: () => void;\n  requestToggle: () => void;\n};\n\n/**\n * Clamps to [min, max]. When the two cross (an app passing a maximum computed\n * from a narrow window below its fixed minimum), the minimum wins, as it did\n * in 0.7.\n */\nconst clampTo = (value: number, min: number | undefined, max: number | undefined) => Math.max(min ?? value, Math.min(max ?? value, value));\n\n/** Everything a resizable pane shares: size props, persistence, and the handle's context. */\nexport function useResizablePane(options: ResizableOptions): PaneResizeContextValue {\n  const { name, elementRef, cssVarName, orientation, minSize, maxSize, resizable, size, defaultSize, paneId, persistence } = options;\n\n  // The latest callbacks, so the size emitter does not change identity when a\n  // consumer passes an inline function. A controlled `size` is reported again\n  // only when the size, the minimum or the maximum changes.\n  const latest = React.useRef(options);\n  React.useLayoutEffect(() => {\n    latest.current = options;\n  });\n\n  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const throttleRef = React.useRef(0);\n  React.useEffect(\n    () => () => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n    },\n    [],\n  );\n  const emitSizeChange = React.useCallback((value: number, meta: SizeChangeMeta) => {\n    const { onSizeChange, sizeUpdate, sizeUpdateMs } = latest.current;\n    if (!onSizeChange) return;\n    if (sizeUpdate === 'debounce') {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n      debounceRef.current = setTimeout(() => {\n        debounceRef.current = null;\n        latest.current.onSizeChange?.(value, meta);\n      }, sizeUpdateMs);\n      return;\n    }\n    if (sizeUpdate === 'throttle') {\n      const now = Date.now();\n      if (now - throttleRef.current < sizeUpdateMs) return;\n      throttleRef.current = now;\n    }\n    onSizeChange(value, meta);\n  }, []);\n\n  const toPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, orientation === 'vertical' ? 'horizontal' : 'vertical'), [orientation]);\n\n  /**\n   * The one way a size reaches the pane: the size variable, and the value\n   * every handle of this pane announces. Once anything but `expandedSize` has\n   * written a size (a default, a controlled value, a persisted value or a\n   * resize), the pane owns that size and a new `expandedSize` leaves it alone.\n   */\n  const ownedRef = React.useRef(false);\n  const writeSize = React.useCallback(\n    (value: number, own: boolean) => {\n      const el = elementRef.current;\n      if (!el) return;\n      el.style.setProperty(cssVarName, `${value}px`);\n      for (const handle of el.querySelectorAll(':scope > .kui-ShellResizer')) handle.setAttribute('aria-valuenow', String(Math.round(value)));\n      if (own) ownedRef.current = true;\n    },\n    [elementRef, cssVarName],\n  );\n\n  // expandedSize: the size until something else sets one. Declared first, so\n  // the effects below win on mount.\n  React.useLayoutEffect(() => {\n    if (!ownedRef.current) writeSize(options.expandedSize, false);\n  }, [options.expandedSize, writeSize]);\n\n  // defaultSize: applied once, on mount.\n  React.useLayoutEffect(() => {\n    if (size !== undefined || defaultSize === undefined) return;\n    const px = toPx(defaultSize);\n    if (typeof px !== 'number' || !Number.isFinite(px)) return;\n    const clamped = clampTo(px, minSize, maxSize);\n    writeSize(clamped, true);\n    emitSizeChange(clamped, { reason: 'init' });\n    // An uncontrolled initial value: applied on mount and never re-applied.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Controlled size. A drag stands until the app passes a different value.\n  // Not while the pane is an overlay: an overlay keeps its designed size, and\n  // an app's frame-sized limits (a maximum taken from the window) would\n  // otherwise squeeze the drawer and report the squeezed size back. The size\n  // is applied again when the pane returns to the frame.\n  React.useLayoutEffect(() => {\n    if (size === undefined || latest.current.overlayingNow()) return;\n    const px = toPx(size);\n    if (typeof px !== 'number' || !Number.isFinite(px)) return;\n    const clamped = clampTo(px, minSize, maxSize);\n    writeSize(clamped, true);\n    emitSizeChange(clamped, { reason: 'controlled' });\n  }, [size, minSize, maxSize, options.overlaying, toPx, writeSize, emitSizeChange]);\n\n  // A persistence adapter from `paneId` when none is given.\n  const adapter = React.useMemo<PaneSizePersistence | undefined>(() => {\n    if (!paneId || persistence) return persistence;\n    const key = `kookie-ui:shell:${name}:${paneId}`;\n    return {\n      load: () => {\n        if (typeof window === 'undefined') return undefined;\n        try {\n          const stored = window.localStorage.getItem(key);\n          return stored ? Number(stored) : undefined;\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') console.warn(`Shell.${name}: failed to load persisted size`, err);\n          return undefined;\n        }\n      },\n      save: (value: number) => {\n        if (typeof window === 'undefined') return;\n        try {\n          window.localStorage.setItem(key, String(value));\n        } catch (err) {\n          if (process.env.NODE_ENV !== 'production') console.warn(`Shell.${name}: failed to save persisted size`, err);\n        }\n      },\n    };\n  }, [name, paneId, persistence]);\n\n  // Persisted size, loaded in a layout effect and clamped, so a reload does\n  // not paint the default and then jump. Only where the pane is in the frame:\n  // an overlay keeps its designed size.\n  React.useLayoutEffect(() => {\n    if (!resizable || !adapter?.load || latest.current.overlayingNow()) return undefined;\n    let mounted = true;\n    const apply = (value: number | undefined) => {\n      if (!mounted || typeof value !== 'number' || !Number.isFinite(value)) return;\n      const clamped = clampTo(value, minSize, maxSize);\n      writeSize(clamped, true);\n      latest.current.onResize?.(clamped);\n    };\n    const loaded = adapter.load();\n    if (loaded instanceof Promise) {\n      loaded.then(apply).catch((err) => {\n        if (process.env.NODE_ENV !== 'production') console.warn(`Shell.${name}: failed to load persisted size`, err);\n      });\n    } else {\n      apply(loaded);\n    }\n    return () => {\n      mounted = false;\n    };\n  }, [resizable, adapter, options.overlaying, writeSize, minSize, maxSize, name]);\n\n  const onResize = React.useCallback((value: number) => latest.current.onResize?.(value), []);\n  const onResizeStart = React.useCallback((value: number) => {\n    // A resize makes the size the user's: a new expandedSize no longer moves it.\n    ownedRef.current = true;\n    latest.current.onResizeStart?.(value);\n  }, []);\n  const onResizeEnd = React.useCallback(\n    (value: number) => {\n      latest.current.onResizeEnd?.(value);\n      emitSizeChange(value, { reason: 'resize' });\n      adapter?.save?.(value);\n    },\n    [emitSizeChange, adapter],\n  );\n  const requestCollapse = React.useCallback(() => latest.current.requestCollapse(), []);\n  const requestToggle = React.useCallback(() => latest.current.requestToggle(), []);\n\n  return React.useMemo(\n    () => ({\n      containerRef: elementRef,\n      controls: options.elementId,\n      cssVarName,\n      minSize,\n      maxSize,\n      defaultSize: options.expandedSize,\n      orientation,\n      edge: options.edge,\n      growth: options.growth,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      target: name,\n      collapsible: options.collapsible,\n      snapPoints: options.snapPoints,\n      snapTolerance: options.snapTolerance ?? 8,\n      collapseThreshold: options.collapseThreshold,\n      requestCollapse,\n      requestToggle,\n    }),\n    [\n      elementRef,\n      options.elementId,\n      cssVarName,\n      minSize,\n      maxSize,\n      options.expandedSize,\n      orientation,\n      options.edge,\n      options.growth,\n      onResize,\n      onResizeStart,\n      onResizeEnd,\n      name,\n      options.collapsible,\n      options.snapPoints,\n      options.snapTolerance,\n      options.collapseThreshold,\n      requestCollapse,\n      requestToggle,\n    ],\n  );\n}\n\n/** Splits a pane's children into its handles and the rest. */\nexport function splitHandles(children: React.ReactNode, handleType: React.ElementType) {\n  const all = React.Children.toArray(children);\n  const handles = all.filter((el) => React.isValidElement(el) && el.type === handleType) as React.ReactElement[];\n  const content = all.filter((el) => !(React.isValidElement(el) && el.type === handleType));\n  return { handles, content };\n}\n"],
-  "mappings": "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",
-  "names": ["React", "clampTo", "value", "min", "max", "useResizablePane", "options", "name", "elementRef", "cssVarName", "orientation", "minSize", "maxSize", "resizable", "size", "defaultSize", "paneId", "persistence", "latest", "debounceRef", "throttleRef", "emitSizeChange", "meta", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "now", "toPx", "normalizeToPx", "ownedRef", "writeSize", "own", "el", "handle", "px", "clamped", "adapter", "key", "stored", "mounted", "apply", "loaded", "err", "onResize", "onResizeStart", "onResizeEnd", "requestCollapse", "requestToggle", "splitHandles", "children", "handleType", "all", "handles", "content"]
-}

package/dist/esm/chunk-WOR3JCLX.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-WOR3JCLX.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": [],
-  "sourcesContent": [],
-  "mappings": "",
-  "names": []
-}

package/dist/esm/chunk-X4A3XRBY.js

@@ -1,2 +0,0 @@
-import{b as r}from"./chunk-VS2ZWRGO.js";import{a as s}from"./chunk-SBRPXQWH.js";import{a as t}from"./chunk-SJXV4BWZ.js";import{a as p}from"./chunk-N6KH2EOU.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{e}from"./chunk-CUNKWFKA.js";var i=["1","2","3","4","5","6","7","8","9"],a=["solid","soft","outline","ghost"],P={...o,size:{type:"enum",className:"kui-r-size",values:i,responsive:!0},variant:{type:"enum",className:"kui-variant",values:a,default:"soft"},...p,...e,...r,...t,...s};export{P as a};
-//# sourceMappingURL=chunk-X4A3XRBY.js.map

package/dist/esm/chunk-XKSU3NLG.js

@@ -1,2 +0,0 @@
-import{a as p}from"./chunk-LUNWI377.js";import{e as c}from"./chunk-3YLYGKFB.js";import{a as n}from"./chunk-ELAW7ZUG.js";import*as e from"react";import v from"classnames";var R=e.forwardRef((m,u)=>{let x=c(m,p.size),{className:f,color:y,radius:b,style:P,...r}=n(x,p),s=e.useId(),{"aria-describedby":o,"aria-labelledby":d,"aria-invalid":a}=r,i=!!r.error||a===!0||a==="true",l=e.useMemo(()=>{let t=[];return r.errorMessage&&t.push(s),o&&t.push(o),t.length>0?t.join(" "):void 0},[r.errorMessage,o,s]),A=e.useMemo(()=>({"aria-invalid":i?!0:a,"aria-describedby":l,"aria-labelledby":d}),[i,a,l,d]),{error:g,errorMessage:M,required:h,"aria-describedby":D,"aria-labelledby":N,...T}=r;return e.createElement("div",{"data-accent-color":y,"data-radius":b,className:v("kui-TextAreaRoot",f,{"kui-error":i}),style:P},e.createElement("textarea",{className:"kui-reset kui-TextAreaInput",ref:u,...T,...A}),r.errorMessage&&e.createElement("div",{id:s,className:"kui-TextAreaErrorMessage",role:"alert"},r.errorMessage))});R.displayName="TextArea";export{R as a};
-//# sourceMappingURL=chunk-XKSU3NLG.js.map

package/dist/esm/chunk-XRCMPBAY.js

@@ -1,2 +0,0 @@
-import{a as k}from"./chunk-UE3HATOA.js";import{a as T}from"./chunk-BJUCBOGU.js";import{e as x}from"./chunk-3YLYGKFB.js";import{a as E}from"./chunk-BWLCTTTN.js";import{a as N}from"./chunk-ELAW7ZUG.js";import*as e from"react";import G from"classnames";import{Slot as W}from"radix-ui";import{useComposedRefs as X,useLayoutEffect as $}from"radix-ui/internal";var q=e.forwardRef((l,p)=>{let t=x(l,E.size),{className:h,children:n,asChild:a,as:r,color:S,radius:M,disabled:u,...b}=N(t,E),d=!!t.loading,B=!!u||d,{onClick:P,"aria-describedby":C}=b,v=e.useCallback(o=>{if(B){o.preventDefault();return}P?.(o)},[B,P]),w=e.useMemo(()=>{let o=a&&e.isValidElement(n)?n.props.children:n,c=m=>e.Children.toArray(m).flatMap(f=>e.isValidElement(f)&&f.type===e.Fragment?c(f.props.children):[f]),i=c(o),s=m=>e.isValidElement(m)&&m.type==="svg";return{iconStart:s(i[0]),iconEnd:s(i[i.length-1])}},[a,n]),[O,L]=e.useState(null),g=e.useRef(null),I=X(p,g);$(()=>{let o=g.current;if(!o||d)return;let c=D(o,"start"),i=D(o,"end");L(s=>s&&s.iconStart===c&&s.iconEnd===i?s:{iconStart:c,iconEnd:i})});let{iconStart:j,iconEnd:H}=O??w,A=a?W.Root:r||"button",R=a||!r||["button","input","textarea","select"].includes(r),F=!a&&(!r||r==="button"),V="type"in b,_=e.useId(),y=d?`${_}-loading`:void 0,z=e.useMemo(()=>d?{"aria-busy":!0,"aria-disabled":!0,"aria-describedby":[C,y].filter(Boolean).join(" ")}:u&&(!R||a)?{"aria-disabled":!0}:{},[d,y,C,u,R,a]);return e.createElement(A,{"data-accent-color":S,"data-radius":M,"data-icon-start":j||void 0,"data-icon-end":H||void 0,...b,...z,"data-disabled":B||void 0,onClick:v,ref:I,className:G("kui-reset","kui-BaseButton",h),...R&&{disabled:u},...F&&!V?{type:"button"}:{}},t.loading?e.createElement(e.Fragment,null,e.createElement("span",{className:"kui-BaseButtonContent","aria-hidden":!0},n),e.createElement("span",{className:"kui-sr-only"},e.createElement("span",{id:y,"aria-hidden":!0},"Loading"),n),e.createElement(T,{asChild:!0,align:"center",justify:"center",position:"absolute",inset:"0"},e.createElement("span",null,e.createElement(k,{"aria-hidden":"true"})))):n)});q.displayName="BaseButton";function D(l,p){let t=p==="start"?l.firstChild:l.lastChild;for(;t&&(t.nodeType===Node.COMMENT_NODE||t.nodeType===Node.TEXT_NODE&&!t.textContent?.trim());)t=p==="start"?t.nextSibling:t.previousSibling;return t?.nodeType===Node.ELEMENT_NODE&&t.localName==="svg"}export{q as a};
-//# sourceMappingURL=chunk-XRCMPBAY.js.map