@womp/kookie-ui 0.6.2 → 0.8.0

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/shell-inspector.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useComposedRefs } from 'radix-ui/internal';\nimport { PaneResizeContext } from './shell-resize.js';\nimport { InspectorHandle, PaneHandle } from './shell-handles.js';\nimport { usePane, paneAttributes, usePresentationTable } from './shell-pane.js';\nimport { splitHandles, useResizablePane, type SizeChangeMeta } from './shell-resizable.js';\nimport { useInsetRegistration, warnOnce } from './shell-store.js';\nimport { detailRest, endAnchoredGrowth, toPaneValue, withoutRemovedPaneProps } from './shell-rest.js';\nimport { readBreakpoint } from '../../hooks/use-breakpoint.js';\nimport type { Breakpoint, CSSPropertiesWithVars, PaneBaseProps } from '../shell.types.js';\n\ntype InspectorOpenChangeMeta = { reason: 'init' | 'toggle' | 'responsive' | 'dismiss' };\ntype InspectorControlledProps = { open: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; defaultOpen?: never };\ntype InspectorUncontrolledProps = { defaultOpen?: boolean | Partial<Record<Breakpoint, boolean>>; onOpenChange?: (open: boolean, meta: InspectorOpenChangeMeta) => void; open?: never };\ntype InspectorSizeControlledProps = { size: number | string; defaultSize?: never };\ntype InspectorSizeUncontrolledProps = { defaultSize?: number | string; size?: never };\ntype InspectorPublicProps = PaneBaseProps &\n  (InspectorControlledProps | InspectorUncontrolledProps) &\n  (InspectorSizeControlledProps | InspectorSizeUncontrolledProps) & {\n    onSizeChange?: (size: number, meta: SizeChangeMeta) => void;\n    sizeUpdate?: 'throttle' | 'debounce';\n    sizeUpdateMs?: number;\n    /** When true, adds margin and triggers the gray backdrop on the Shell. */\n    inset?: boolean;\n  };\n\ntype InspectorComponent = React.ForwardRefExoticComponent<InspectorPublicProps & React.RefAttributes<HTMLDivElement>> & { Handle: typeof InspectorHandle };\n\nconst INSPECTOR_PROP_NAMES = { controlled: 'open', default: 'defaultOpen' };\n\n/** Since 0.8.0 the Inspector is in the frame from 768px up, the boundary kookie-ui-v2 uses everywhere. It was 1280px. */\nconst INSPECTOR_DEFAULT_PRESENTATION = { initial: 'overlay', sm: 'fixed' } as const;\n\nexport const Inspector = React.forwardRef<HTMLDivElement, InspectorPublicProps>((props, ref) => {\n  const {\n    className,\n    presentation = INSPECTOR_DEFAULT_PRESENTATION,\n    defaultOpen,\n    open,\n    onOpenChange,\n    expandedSize = 320,\n    minSize = 200,\n    maxSize = 500,\n    resizable = false,\n    collapsible = true,\n    onExpand,\n    onCollapse,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    paneId,\n    persistence,\n    children,\n    style,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs = 50,\n    size,\n    defaultSize,\n    inset,\n    id,\n    ...domProps\n  } = props;\n\n  const { table, attributes } = usePresentationTable(presentation, 'fixed');\n  const pane = usePane({\n    name: 'inspector',\n    label: 'Inspector',\n    propNames: INSPECTOR_PROP_NAMES,\n    id,\n    controlled: toPaneValue(open),\n    defaultValue: toPaneValue(defaultOpen),\n    presentationTable: table,\n    builtIn: detailRest,\n    onChange: (value, reason) => onOpenChange?.(value !== 'closed', { reason }),\n    onExpand,\n    onCollapse,\n    size: expandedSize,\n  });\n  useInsetRegistration('inspector', inset);\n\n  React.useEffect(() => {\n    if (snapPoints !== undefined || collapseThreshold !== undefined || paneId !== undefined || persistence !== undefined) {\n      warnOnce('Shell.Inspector: `snapPoints`, `collapseThreshold`, `paneId` and `persistence` are deprecated and are removed in 1.0. Keep the size in your own state with `size`/`onSizeChange`.');\n    }\n  }, [snapPoints, collapseThreshold, paneId, persistence]);\n\n  const elementRef = React.useRef<HTMLElement | null>(null);\n  const composedRef = useComposedRefs(ref, pane.setElement, elementRef);\n\n  const resize = useResizablePane({\n    name: 'inspector',\n    elementId: pane.id,\n    elementRef,\n    cssVarName: '--inspector-size',\n    orientation: 'vertical',\n    edge: 'start',\n    growth: endAnchoredGrowth,\n    expandedSize,\n    minSize,\n    maxSize,\n    resizable,\n    collapsible,\n    size,\n    defaultSize,\n    onSizeChange,\n    sizeUpdate,\n    sizeUpdateMs,\n    onResize,\n    onResizeStart,\n    onResizeEnd,\n    snapPoints,\n    snapTolerance,\n    collapseThreshold,\n    paneId,\n    persistence,\n    overlaying: pane.overlaying,\n    overlayingNow: () => table[readBreakpoint()] === 'overlay',\n    requestCollapse: () => pane.setValue('closed', 'toggle'),\n    requestToggle: () => pane.toggle('toggle'),\n  });\n\n  const { handles, content } = splitHandles(children, InspectorHandle);\n  const handle = resizable && pane.shown !== false && !pane.overlaying ? <PaneResizeContext.Provider value={resize}>{handles.length > 0 ? handles : <PaneHandle />}</PaneResizeContext.Provider> : null;\n\n  return (\n    <div\n      {...withoutRemovedPaneProps(domProps)}\n      id={pane.id}\n      ref={composedRef}\n      className={classNames('rt-ShellPane', 'rt-ShellInspector', className)}\n      {...paneAttributes(pane, attributes)}\n      data-inset={inset || undefined}\n      tabIndex={pane.overlaying ? -1 : domProps.tabIndex}\n      style={\n        {\n          ...style,\n          '--inspector-expanded-size': `${expandedSize}px`,\n          '--inspector-min-size': `${minSize}px`,\n          '--inspector-max-size': `${maxSize}px`,\n        } as CSSPropertiesWithVars\n      }\n    >\n      <div className=\"rt-ShellInspectorContent\">{content}</div>\n      {handle}\n    </div>\n  );\n}) as InspectorComponent;\n\nInspector.displayName = 'Shell.Inspector';\nInspector.Handle = InspectorHandle;\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "useComposedRefs", "INSPECTOR_PROP_NAMES", "INSPECTOR_DEFAULT_PRESENTATION", "Inspector", "props", "ref", "className", "presentation", "defaultOpen", "open", "onOpenChange", "expandedSize", "minSize", "maxSize", "resizable", "collapsible", "onExpand", "onCollapse", "onResize", "onResizeStart", "onResizeEnd", "snapPoints", "snapTolerance", "collapseThreshold", "paneId", "persistence", "children", "style", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "size", "defaultSize", "inset", "id", "domProps", "table", "attributes", "usePresentationTable", "pane", "usePane", "toPaneValue", "detailRest", "value", "reason", "useInsetRegistration", "elementRef", "composedRef", "useComposedRefs", "resize", "useResizablePane", "endAnchoredGrowth", "readBreakpoint", "handles", "content", "splitHandles", "InspectorHandle", "handle", "PaneResizeContext", "PaneHandle", "withoutRemovedPaneProps", "classNames", "paneAttributes"]
+}

package/dist/esm/chunk-AIHQ3MVK.js

@@ -0,0 +1,2 @@
+import{a as i}from"./chunk-AF6XKU3W.js";import{a as e}from"./chunk-GSTOGDAJ.js";import{a as r}from"./chunk-UBSLEGQZ.js";import*as t from"react";import l from"classnames";import{Switch as p}from"radix-ui";var w=t.forwardRef((s,a)=>{let{className:c,color:m,panelBackground:f,material:h,...n}=r(s,i,e),o=h||f;return t.createElement(p.Root,{"data-accent-color":m,"data-panel-background":o,"data-material":o,...n,asChild:!1,ref:a,className:l("rt-reset","rt-SwitchRoot",c)},t.createElement(p.Thumb,{className:"rt-SwitchThumb"}))});w.displayName="Switch";export{w as a};
+//# sourceMappingURL=chunk-AIHQ3MVK.js.map

package/dist/esm/{chunk-SO67YEVQ.js.map → chunk-AIHQ3MVK.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/switch.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { switchPropDefs } from './switch.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\n\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive.Root>;\ntype SwitchOwnProps = GetPropDefTypes<typeof switchPropDefs>;\ninterface SwitchProps\n  extends ComponentPropsWithout<\n      typeof SwitchPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    SwitchOwnProps {}\nconst Switch = React.forwardRef<SwitchElement, SwitchProps>((props, forwardedRef) => {\n  const { className, color, panelBackground, material, ...switchProps } = extractProps(\n    props,\n    switchPropDefs,\n    marginPropDefs,\n  );\n  const effectiveMaterial = material || panelBackground;\n  return (\n    <SwitchPrimitive.Root\n      data-accent-color={color}\n      data-panel-background={effectiveMaterial}\n      data-material={effectiveMaterial}\n      {...switchProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SwitchRoot', className)}\n    >\n      <SwitchPrimitive.Thumb\n        className={classNames('rt-SwitchThumb', { 'rt-high-contrast': props.highContrast })}\n      />\n    </SwitchPrimitive.Root>\n  );\n});\nSwitch.displayName = 'Switch';\n\nexport { Switch };\nexport type { SwitchProps };\n"],
-  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAmB1C,IAAMC,EAAe,aAAuC,CAACC,EAAOC,IAAiB,CACnF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAY,EAAIC,EACtEP,EACAQ,EACAC,CACF,EACMC,EAAoBL,GAAYD,EACtC,OACE,gBAACO,EAAgB,KAAhB,CACC,oBAAmBR,EACnB,wBAAuBO,EACvB,gBAAeA,EACd,GAAGJ,EACJ,QAAS,GACT,IAAKL,EACL,UAAWW,EAAW,WAAY,gBAAiBV,CAAS,GAE5D,gBAACS,EAAgB,MAAhB,CACC,UAAWC,EAAW,iBAAkB,CAAE,mBAAoBZ,EAAM,YAAa,CAAC,EACpF,CACF,CAEJ,CAAC,EACDD,EAAO,YAAc",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Switch as SwitchPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { switchPropDefs } from './switch.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\n\ntype SwitchElement = React.ElementRef<typeof SwitchPrimitive.Root>;\ntype SwitchOwnProps = GetPropDefTypes<typeof switchPropDefs>;\ninterface SwitchProps\n  extends ComponentPropsWithout<\n      typeof SwitchPrimitive.Root,\n      'asChild' | 'color' | 'defaultValue' | 'children'\n    >,\n    MarginProps,\n    SwitchOwnProps {}\nconst Switch = React.forwardRef<SwitchElement, SwitchProps>((props, forwardedRef) => {\n  const { className, color, panelBackground, material, ...switchProps } = extractProps(\n    props,\n    switchPropDefs,\n    marginPropDefs,\n  );\n  const effectiveMaterial = material || panelBackground;\n  return (\n    <SwitchPrimitive.Root\n      data-accent-color={color}\n      data-panel-background={effectiveMaterial}\n      data-material={effectiveMaterial}\n      {...switchProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-SwitchRoot', className)}\n    >\n      <SwitchPrimitive.Thumb className=\"rt-SwitchThumb\" />\n    </SwitchPrimitive.Root>\n  );\n});\nSwitch.displayName = 'Switch';\n\nexport { Switch };\nexport type { SwitchProps };\n"],
+  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAmB1C,IAAMC,EAAe,aAAuC,CAACC,EAAOC,IAAiB,CACnF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,gBAAAC,EAAiB,SAAAC,EAAU,GAAGC,CAAY,EAAIC,EACtEP,EACAQ,EACAC,CACF,EACMC,EAAoBL,GAAYD,EACtC,OACE,gBAACO,EAAgB,KAAhB,CACC,oBAAmBR,EACnB,wBAAuBO,EACvB,gBAAeA,EACd,GAAGJ,EACJ,QAAS,GACT,IAAKL,EACL,UAAWW,EAAW,WAAY,gBAAiBV,CAAS,GAE5D,gBAACS,EAAgB,MAAhB,CAAsB,UAAU,iBAAiB,CACpD,CAEJ,CAAC,EACDZ,EAAO,YAAc",
   "names": ["React", "classNames", "SwitchPrimitive", "Switch", "props", "forwardedRef", "className", "color", "panelBackground", "material", "switchProps", "extractProps", "switchPropDefs", "marginPropDefs", "effectiveMaterial", "SwitchPrimitive", "classNames"]
 }

package/dist/esm/{chunk-UBOOUDS4.js → chunk-AO32NT75.js}

@@ -1,2 +1,2 @@
-import{a as n}from"./chunk-GSTOGDAJ.js";import{a}from"./chunk-E23RKOQJ.js";import{a as i}from"./chunk-JUY7CBSL.js";var l=n.m.values,f=new Set(l),p=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function S(g){let e,r;for(let t=0;t<p.length;t++){let{key:c,className:u,customProperties:y}=p[t],s=g[c];if(s===void 0)continue;let[o,m]=i({className:u,customProperties:y,propValues:l,propValueSet:f,value:s});o&&(e??(e=[])).push(o),m&&(r=a(r,m))}return[e!==void 0?e.join(" "):"",r]}export{S as a};
-//# sourceMappingURL=chunk-UBOOUDS4.js.map
+import{a as n}from"./chunk-GSTOGDAJ.js";import{a}from"./chunk-E23RKOQJ.js";import{a as i}from"./chunk-PBFSBHBS.js";var l=n.m.values,f=new Set(l),p=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function S(g){let e,r;for(let t=0;t<p.length;t++){let{key:c,className:u,customProperties:y}=p[t],s=g[c];if(s===void 0)continue;let[o,m]=i({className:u,customProperties:y,propValues:l,propValueSet:f,value:s});o&&(e??(e=[])).push(o),m&&(r=a(r,m))}return[e!==void 0?e.join(" "):"",r]}export{S as a};
+//# sourceMappingURL=chunk-AO32NT75.js.map

package/dist/esm/chunk-BZZXXZ3O.js

@@ -0,0 +1,2 @@
+import{a as q}from"./chunk-2LYX5S7H.js";import*as e from"react";var C=(n,o,c)=>Math.max(o??n,Math.min(c??n,n));function L(n){let{name:o,elementRef:c,cssVarName:f,orientation:m,minSize:a,maxSize:u,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:l,sizeUpdateMs:p}=i.current;if(s){if(l==="debounce"){z.current&&clearTimeout(z.current),z.current=setTimeout(()=>{z.current=null,i.current.onSizeChange?.(t,r)},p);return}if(l==="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=c.current;if(s){s.style.setProperty(f,`${t}px`);for(let l of s.querySelectorAll(":scope > .rt-ShellResizer"))l.setAttribute("aria-valuenow",String(Math.round(t)));r&&(w.current=!0)}},[c,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,u);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,u);d(r,!0),b(r,{reason:"controlled"})},[h,a,u,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=l=>{if(!t||typeof l!="number"||!Number.isFinite(l))return;let p=C(l,a,u);d(p,!0),i.current.onResize?.(p)},s=R.load();return s instanceof Promise?s.then(r).catch(l=>{}):r(s),()=>{t=!1}},[E,R,n.overlaying,d,a,u,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:c,controls:n.elementId,cssVarName:f,minSize:a,maxSize:u,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}),[c,n.elementId,f,a,u,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 c=e.Children.toArray(n),f=c.filter(a=>e.isValidElement(a)&&a.type===o),m=c.filter(a=>!(e.isValidElement(a)&&a.type===o));return{handles:f,content:m}}export{L as a,O as b};
+//# sourceMappingURL=chunk-BZZXXZ3O.js.map

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

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

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-OO652UQW.js";import{a as t}from"./chunk-GSTOGDAJ.js";import{a as o}from"./chunk-6FLLFCBU.js";import*as r from"react";import C from"classnames";import{Slot as u}from"radix-ui";var y=r.forwardRef((a,s)=>{let{asChild:m,className:d,panelBackground:n,material:i,flush:f,inset:c,...P}=o(a,p,t),e=i||n,l=m?u.Root:"div";return r.createElement(l,{ref:s,...P,"data-panel-background":e,"data-material":e,"data-flush":f?"true":void 0,"data-inset":c?"true":void 0,className:C("rt-reset","rt-BaseCard","rt-Card",d)})});y.displayName="Card";export{y as a};
-//# sourceMappingURL=chunk-JDGJSNWT.js.map
+import{a as p}from"./chunk-OO652UQW.js";import{a as t}from"./chunk-GSTOGDAJ.js";import{a as o}from"./chunk-UBSLEGQZ.js";import*as r from"react";import C from"classnames";import{Slot as u}from"radix-ui";var y=r.forwardRef((a,s)=>{let{asChild:m,className:d,panelBackground:n,material:i,flush:f,inset:c,...P}=o(a,p,t),e=i||n,l=m?u.Root:"div";return r.createElement(l,{ref:s,...P,"data-panel-background":e,"data-material":e,"data-flush":f?"true":void 0,"data-inset":c?"true":void 0,className:C("rt-reset","rt-BaseCard","rt-Card",d)})});y.displayName="Card";export{y as a};
+//# sourceMappingURL=chunk-C5RVO3C3.js.map

package/dist/esm/{chunk-IHK3H2OM.js → chunk-CBNTPHYK.js}

@@ -1,2 +1,2 @@
-import{a as M}from"./chunk-S5C5YRBS.js";import{a as T}from"./chunk-GFOSP3PZ.js";import{a as D}from"./chunk-K53W3ELO.js";import{a as x}from"./chunk-VX44UTQ5.js";import{a as H}from"./chunk-ERGJN7FJ.js";import{a as N}from"./chunk-GSTOGDAJ.js";import{a as w}from"./chunk-6FLLFCBU.js";import*as e from"react";import k from"classnames";var U=e.forwardRef((o,r)=>{let j=typeof o.width=="number"?o.width:void 0,W=typeof o.height=="number"?o.height:void 0,a="fill"in o&&o.fill===!0,{as:h="img",asChild:V,fill:X,className:y,style:s,loading:O="lazy",alt:z,src:n,placeholder:l,showSkeleton:A=!1,fadeIn:i=!0,loadingAriaLabel:F="Loading image...",errorAriaLabel:G="Failed to load image",radius:_,caption:u,onLoad:P,onError:I,...q}=w(o,T,N,H,x,D),B=h!=="img"?{width:j,height:W,...a?{fill:!0}:{}}:{},[m,p]=e.useState("loading"),[J,c]=e.useState(!!l),v=e.useRef(null),K=e.useCallback(t=>{p("loaded"),c(!1),P?.(t)},[P]),Q=e.useCallback(t=>{p("error"),c(!1),I?.(t)},[I]);if(e.useEffect(()=>{let t=v.current;t&&t.complete&&t.naturalWidth>0&&(p("loaded"),c(!1))},[n]),!n)return console.warn("Image component: src prop is required"),null;let d=m==="loading",g=m==="error",E=m==="loaded",f=a?{display:"block",opacity:i?E?1:0:1,transition:i?"opacity 0.3s ease-out":"none"}:{width:"100%",height:"100%",display:"block",opacity:i?E?1:0:1,transition:i?"opacity 0.3s ease-out":"none"},R=e.createElement(h,{ref:t=>{v.current=t,typeof r=="function"?r(t):r&&(r.current=t)},loading:O,style:a?f:{...f,position:"relative",zIndex:1},className:k("rt-reset","rt-Image"),alt:z,src:n,"data-radius":_,onLoad:K,onError:Q,"aria-busy":d,"aria-invalid":g,"aria-describedby":g?"image-error":void 0,...B,...q}),L=d&&e.createElement("div",{className:"rt-sr-only","aria-live":"polite",role:"status"},F),b=g&&e.createElement("div",{id:"image-error",className:"rt-sr-only","aria-live":"polite",role:"alert"},G),C=A&&d&&e.createElement(M,{width:"100%",height:"100%",style:{position:"absolute",inset:0}}),S=l&&J&&e.createElement("img",{style:{...f,position:"absolute",inset:0,filter:"blur(4px)",opacity:.7,zIndex:0},className:k("rt-reset","rt-Image","rt-Image--placeholder"),alt:"",src:l});if(!u){let t=a?{position:"absolute",inset:0,...s}:{position:"relative",...s};return e.createElement("div",{className:y,style:t},L,b,C,S,R)}return e.createElement("div",{className:y,style:{display:"flex",flexDirection:"column",...s}},e.createElement("div",{style:{position:"relative",flex:"1 1 0%",minHeight:0}},L,b,C,S,R),e.createElement("div",{className:"rt-Image-caption",style:{flex:"0 0 auto"}},u))});U.displayName="Image";export{U as a};
-//# sourceMappingURL=chunk-IHK3H2OM.js.map
+import{a as M}from"./chunk-IDUVJJYG.js";import{a as T}from"./chunk-GFOSP3PZ.js";import{a as D}from"./chunk-K53W3ELO.js";import{a as x}from"./chunk-VX44UTQ5.js";import{a as H}from"./chunk-ERGJN7FJ.js";import{a as N}from"./chunk-GSTOGDAJ.js";import{a as w}from"./chunk-UBSLEGQZ.js";import*as e from"react";import k from"classnames";var U=e.forwardRef((o,r)=>{let j=typeof o.width=="number"?o.width:void 0,W=typeof o.height=="number"?o.height:void 0,a="fill"in o&&o.fill===!0,{as:h="img",asChild:V,fill:X,className:y,style:s,loading:O="lazy",alt:z,src:n,placeholder:l,showSkeleton:A=!1,fadeIn:i=!0,loadingAriaLabel:F="Loading image...",errorAriaLabel:G="Failed to load image",radius:_,caption:u,onLoad:P,onError:I,...q}=w(o,T,N,H,x,D),B=h!=="img"?{width:j,height:W,...a?{fill:!0}:{}}:{},[m,p]=e.useState("loading"),[J,c]=e.useState(!!l),v=e.useRef(null),K=e.useCallback(t=>{p("loaded"),c(!1),P?.(t)},[P]),Q=e.useCallback(t=>{p("error"),c(!1),I?.(t)},[I]);if(e.useEffect(()=>{let t=v.current;t&&t.complete&&t.naturalWidth>0&&(p("loaded"),c(!1))},[n]),!n)return console.warn("Image component: src prop is required"),null;let d=m==="loading",g=m==="error",E=m==="loaded",f=a?{display:"block",opacity:i?E?1:0:1,transition:i?"opacity 0.3s ease-out":"none"}:{width:"100%",height:"100%",display:"block",opacity:i?E?1:0:1,transition:i?"opacity 0.3s ease-out":"none"},R=e.createElement(h,{ref:t=>{v.current=t,typeof r=="function"?r(t):r&&(r.current=t)},loading:O,style:a?f:{...f,position:"relative",zIndex:1},className:k("rt-reset","rt-Image"),alt:z,src:n,"data-radius":_,onLoad:K,onError:Q,"aria-busy":d,"aria-invalid":g,"aria-describedby":g?"image-error":void 0,...B,...q}),L=d&&e.createElement("div",{className:"rt-sr-only","aria-live":"polite",role:"status"},F),b=g&&e.createElement("div",{id:"image-error",className:"rt-sr-only","aria-live":"polite",role:"alert"},G),C=A&&d&&e.createElement(M,{width:"100%",height:"100%",style:{position:"absolute",inset:0}}),S=l&&J&&e.createElement("img",{style:{...f,position:"absolute",inset:0,filter:"blur(4px)",opacity:.7,zIndex:0},className:k("rt-reset","rt-Image","rt-Image--placeholder"),alt:"",src:l});if(!u){let t=a?{position:"absolute",inset:0,...s}:{position:"relative",...s};return e.createElement("div",{className:y,style:t},L,b,C,S,R)}return e.createElement("div",{className:y,style:{display:"flex",flexDirection:"column",...s}},e.createElement("div",{style:{position:"relative",flex:"1 1 0%",minHeight:0}},L,b,C,S,R),e.createElement("div",{className:"rt-Image-caption",style:{flex:"0 0 auto"}},u))});U.displayName="Image";export{U as a};
+//# sourceMappingURL=chunk-CBNTPHYK.js.map

package/dist/esm/chunk-CFNESRYI.js

@@ -0,0 +1,2 @@
+import{c as e}from"./chunk-ZNK6AH2G.js";var s=["1","2"],r=["nowrap","wrap","wrap-reverse"],a=["start","center","end"],t=["solid","translucent"],n={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},wrap:{type:"enum",className:"rt-r-fw",values:r,responsive:!0},justify:{type:"enum",className:"rt-r-jc",values:a,responsive:!0},...e,panelBackground:{type:"enum",values:t,default:void 0}};export{n as a};
+//# sourceMappingURL=chunk-CFNESRYI.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/base-tab-list.props.ts"],
+  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nconst justifyValues = ['start', 'center', 'end'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseTabListPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  wrap: {\n    type: 'enum',\n    className: 'rt-r-fw',\n    values: wrapValues,\n    responsive: true,\n  },\n  justify: {\n    type: 'enum',\n    className: 'rt-r-jc',\n    values: justifyValues,\n    responsive: true,\n  },\n  ...colorPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { baseTabListPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAC9CC,EAAgB,CAAC,QAAS,SAAU,KAAK,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAsB,CAC1B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,KAAM,CACJ,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,GAAGG,EACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQF,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["sizes", "wrapValues", "justifyValues", "panelBackgrounds", "baseTabListPropDefs", "colorPropDef"]
+}

package/dist/esm/{chunk-SESAEJ6W.js → chunk-CLMOWP5T.js}

@@ -1,2 +1,2 @@
-import{b as r}from"./chunk-KRJTW535.js";import{c as e}from"./chunk-66ZLZAAJ.js";var a=["1","2","3"],s=["classic","surface","soft","outline","ghost"],n=["none","vertical","horizontal","both"],t=["solid","translucent"],o=["solid","translucent"],f={size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:s,default:"surface"},resize:{type:"enum",className:"rt-r-resize",values:n,responsive:!0},panelBackground:{type:"enum",values:t,default:void 0},material:{type:"enum",values:o,default:void 0},error:{type:"boolean",default:!1},errorMessage:{type:"string",default:void 0},isInvalid:{type:"boolean",default:!1},required:{type:"boolean",default:!1},"aria-describedby":{type:"string",default:void 0},"aria-labelledby":{type:"string",default:void 0},...e,...r};export{f as a};
-//# sourceMappingURL=chunk-SESAEJ6W.js.map
+import{b as r}from"./chunk-KRJTW535.js";import{c as e}from"./chunk-ZNK6AH2G.js";var a=["1","2","3"],s=["classic","surface","soft","outline","ghost"],n=["none","vertical","horizontal","both"],t=["solid","translucent"],o=["solid","translucent"],f={size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:s,default:"surface"},resize:{type:"enum",className:"rt-r-resize",values:n,responsive:!0},panelBackground:{type:"enum",values:t,default:void 0},material:{type:"enum",values:o,default:void 0},error:{type:"boolean",default:!1},errorMessage:{type:"string",default:void 0},isInvalid:{type:"boolean",default:!1},required:{type:"boolean",default:!1},"aria-describedby":{type:"string",default:void 0},"aria-labelledby":{type:"string",default:void 0},...e,...r};export{f as a};
+//# sourceMappingURL=chunk-CLMOWP5T.js.map

package/dist/esm/{chunk-BBJUB52V.js → chunk-CRBOJ7N7.js}

@@ -1,2 +1,2 @@
-import{a as c}from"./chunk-Y3A6ZU24.js";import{a as N}from"./chunk-NIQT45PJ.js";import{b as v}from"./chunk-FWB47YCH.js";import{a as m}from"./chunk-6FLLFCBU.js";import{a as R}from"./chunk-OS3FCYZY.js";var d={};R(d,{Actions:()=>P,Logo:()=>b,Navigation:()=>f,Root:()=>l});import*as o from"react";import p from"classnames";var l=o.forwardRef((e,s)=>{let{children:i,className:n,...a}=m(e,c),r=e.position??"fixed",t=e.size??"2";return o.createElement("header",{...a,ref:s,className:p("rt-NavbarRoot",n),"data-position":r,"data-size":t},o.createElement("div",{className:"rt-NavbarContainer"},i))});l.displayName="Navbar.Root";var b=o.forwardRef(({asChild:e,gap:s="2",align:i="center",justify:n="start",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarLogo",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarLogo",a),...r}));b.displayName="Navbar.Logo";var f=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="center",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarNavigation",a),role:"navigation",...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarNavigation",a),role:"navigation",...r}));f.displayName="Navbar.Navigation";var P=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="end",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarActions",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarActions",a),...r}));P.displayName="Navbar.Actions";export{l as a,b,f as c,P as d,d as e};
-//# sourceMappingURL=chunk-BBJUB52V.js.map
+import{a as c}from"./chunk-Y3A6ZU24.js";import{a as N}from"./chunk-ZJ33QP5N.js";import{b as v}from"./chunk-FWB47YCH.js";import{a as m}from"./chunk-UBSLEGQZ.js";import{a as R}from"./chunk-OS3FCYZY.js";var d={};R(d,{Actions:()=>P,Logo:()=>b,Navigation:()=>f,Root:()=>l});import*as o from"react";import p from"classnames";var l=o.forwardRef((e,s)=>{let{children:i,className:n,...a}=m(e,c),r=e.position??"fixed",t=e.size??"2";return o.createElement("header",{...a,ref:s,className:p("rt-NavbarRoot",n),"data-position":r,"data-size":t},o.createElement("div",{className:"rt-NavbarContainer"},i))});l.displayName="Navbar.Root";var b=o.forwardRef(({asChild:e,gap:s="2",align:i="center",justify:n="start",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarLogo",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarLogo",a),...r}));b.displayName="Navbar.Logo";var f=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="center",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarNavigation",a),role:"navigation",...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarNavigation",a),role:"navigation",...r}));f.displayName="Navbar.Navigation";var P=o.forwardRef(({asChild:e,gap:s="4",align:i="center",justify:n="end",className:a,...r},t)=>e?o.createElement(v,{ref:t,className:p("rt-NavbarActions",a),...r}):o.createElement(N,{ref:t,gap:s,align:i,justify:n,className:p("rt-NavbarActions",a),...r}));P.displayName="Navbar.Actions";export{l as a,b,f as c,P as d,d as e};
+//# sourceMappingURL=chunk-CRBOJ7N7.js.map

package/dist/esm/{chunk-DUHJVT64.js → chunk-CRSHBENJ.js}

@@ -1,2 +1,2 @@
-import{c as e}from"./chunk-66ZLZAAJ.js";var o=["horizontal","vertical"],t=["1","2","3","4"],a={orientation:{type:"enum",className:"rt-r-orientation",values:o,default:"horizontal",responsive:!0},size:{type:"enum",className:"rt-r-size",values:t,default:"1",responsive:!0},color:{...e.color,default:"gray"},decorative:{type:"boolean",default:!0},light:{type:"boolean",className:"rt-light",default:!1}};export{a};
-//# sourceMappingURL=chunk-DUHJVT64.js.map
+import{c as e}from"./chunk-ZNK6AH2G.js";var o=["horizontal","vertical"],t=["1","2","3","4"],a={orientation:{type:"enum",className:"rt-r-orientation",values:o,default:"horizontal",responsive:!0},size:{type:"enum",className:"rt-r-size",values:t,default:"1",responsive:!0},color:{...e.color,default:"gray"},decorative:{type:"boolean",default:!0},light:{type:"boolean",className:"rt-light",default:!1}};export{a};
+//# sourceMappingURL=chunk-CRSHBENJ.js.map

package/dist/esm/{chunk-56TS6OKQ.js → chunk-DCIQHXAR.js}

@@ -1,2 +1,2 @@
-import{a as m,b as T,c as N}from"./chunk-TGN5ZJU5.js";import{b as h,c as I}from"./chunk-IX5HIHVI.js";import{b as v,c as y}from"./chunk-DXL6V2A5.js";import{a as g}from"./chunk-GSTOGDAJ.js";import{a as f}from"./chunk-6FLLFCBU.js";import{a as A}from"./chunk-OS3FCYZY.js";var M={};A(M,{Content:()=>w,Group:()=>G,Item:()=>E,Label:()=>L,Root:()=>x,Separator:()=>D,Trigger:()=>b});import*as e from"react";import c from"classnames";import{Select as a,ScrollArea as S}from"radix-ui";var u=e.createContext({}),x=t=>{let{children:o,size:r=m.size.default,...l}=t;return e.createElement(a.Root,{...l},e.createElement(u.Provider,{value:e.useMemo(()=>({size:r}),[r])},o))};x.displayName="Select.Root";var b=e.forwardRef((t,o)=>{let r=e.useContext(u),{children:l,className:i,color:n,radius:P,placeholder:d,error:p,loading:s,disabled:R,readOnly:C,...V}=f({size:r?.size,...t},{size:m.size},T,g),{panelBackground:z}=t,k=e.useMemo(()=>({"aria-invalid":p||void 0,"aria-busy":s||void 0,"aria-disabled":R||void 0,"aria-readonly":C||void 0}),[p,s,R,C]);return e.createElement(a.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":n,"data-radius":P,"data-panel-background":z,"data-error":p,"data-loading":s,...V,...k,ref:o,className:c("rt-reset","rt-SelectTrigger",i)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(a.Value,{placeholder:d},l)),e.createElement(a.Icon,{asChild:!0},s?e.createElement("div",{className:"rt-SelectIcon rt-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:"rt-SelectLoadingIconCircle"}))):e.createElement(I,{className:"rt-SelectIcon"}))))});b.displayName="Select.Trigger";var w=e.forwardRef((t,o)=>{let r=e.useContext(u),{className:l,children:i,color:n,container:P,...d}=f({size:r?.size,...t},{size:m.size},N),p=v(),s=n||p.accentColor;return e.createElement(a.Portal,{container:P},e.createElement(y,{asChild:!0},e.createElement(a.Content,{"data-accent-color":s,sideOffset:4,...d,asChild:!1,ref:o,className:c("rt-PopperContent","rt-BaseMenuContent","rt-SelectContent",l)},e.createElement(S.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(a.Viewport,{asChild:!0,className:c("rt-BaseMenuViewport","rt-SelectViewport")},e.createElement(S.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},i)),e.createElement(S.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(S.Thumb,{className:"rt-ScrollAreaThumb"}))))))});w.displayName="Select.Content";var E=e.forwardRef((t,o)=>{let{className:r,children:l,...i}=t,n=typeof l!="string";return e.createElement(a.Item,{...i,asChild:!1,ref:o,className:c("rt-reset","rt-BaseMenuItem","rt-SelectItem",{"rt-SelectItemRich":n},r)},e.createElement(a.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(h,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(a.ItemText,null,l))});E.displayName="Select.Item";var G=e.forwardRef(({className:t,...o},r)=>e.createElement(a.Group,{...o,asChild:!1,ref:r,className:c("rt-SelectGroup",t)}));G.displayName="Select.Group";var L=e.forwardRef(({className:t,...o},r)=>e.createElement(a.Label,{...o,asChild:!1,ref:r,className:c("rt-BaseMenuLabel","rt-SelectLabel",t)}));L.displayName="Select.Label";var D=e.forwardRef(({className:t,...o},r)=>e.createElement(a.Separator,{...o,asChild:!1,ref:r,className:c("rt-BaseMenuSeparator","rt-SelectSeparator",t)}));D.displayName="Select.Separator";export{x as a,b,w as c,E as d,G as e,L as f,D as g,M as h};
-//# sourceMappingURL=chunk-56TS6OKQ.js.map
+import{a as m,b as T,c as N}from"./chunk-EBQZ3Z22.js";import{b as h,c as I}from"./chunk-IX5HIHVI.js";import{b as v,c as y}from"./chunk-SEY4NA45.js";import{a as g}from"./chunk-GSTOGDAJ.js";import{a as f}from"./chunk-UBSLEGQZ.js";import{a as A}from"./chunk-OS3FCYZY.js";var M={};A(M,{Content:()=>w,Group:()=>G,Item:()=>E,Label:()=>L,Root:()=>x,Separator:()=>D,Trigger:()=>b});import*as e from"react";import c from"classnames";import{Select as a,ScrollArea as S}from"radix-ui";var u=e.createContext({}),x=t=>{let{children:o,size:r=m.size.default,...l}=t;return e.createElement(a.Root,{...l},e.createElement(u.Provider,{value:e.useMemo(()=>({size:r}),[r])},o))};x.displayName="Select.Root";var b=e.forwardRef((t,o)=>{let r=e.useContext(u),{children:l,className:i,color:n,radius:P,placeholder:d,error:p,loading:s,disabled:R,readOnly:C,...V}=f({size:r?.size,...t},{size:m.size},T,g),{panelBackground:z}=t,k=e.useMemo(()=>({"aria-invalid":p||void 0,"aria-busy":s||void 0,"aria-disabled":R||void 0,"aria-readonly":C||void 0}),[p,s,R,C]);return e.createElement(a.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":n,"data-radius":P,"data-panel-background":z,"data-error":p,"data-loading":s,...V,...k,ref:o,className:c("rt-reset","rt-SelectTrigger",i)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(a.Value,{placeholder:d},l)),e.createElement(a.Icon,{asChild:!0},s?e.createElement("div",{className:"rt-SelectIcon rt-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:"rt-SelectLoadingIconCircle"}))):e.createElement(I,{className:"rt-SelectIcon"}))))});b.displayName="Select.Trigger";var w=e.forwardRef((t,o)=>{let r=e.useContext(u),{className:l,children:i,color:n,container:P,...d}=f({size:r?.size,...t},{size:m.size},N),p=v(),s=n||p.accentColor;return e.createElement(a.Portal,{container:P},e.createElement(y,{asChild:!0},e.createElement(a.Content,{"data-accent-color":s,sideOffset:4,...d,asChild:!1,ref:o,className:c("rt-PopperContent","rt-BaseMenuContent","rt-SelectContent",l)},e.createElement(S.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(a.Viewport,{asChild:!0,className:c("rt-BaseMenuViewport","rt-SelectViewport")},e.createElement(S.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},i)),e.createElement(S.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(S.Thumb,{className:"rt-ScrollAreaThumb"}))))))});w.displayName="Select.Content";var E=e.forwardRef((t,o)=>{let{className:r,children:l,...i}=t,n=typeof l!="string";return e.createElement(a.Item,{...i,asChild:!1,ref:o,className:c("rt-reset","rt-BaseMenuItem","rt-SelectItem",{"rt-SelectItemRich":n},r)},e.createElement(a.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(h,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(a.ItemText,null,l))});E.displayName="Select.Item";var G=e.forwardRef(({className:t,...o},r)=>e.createElement(a.Group,{...o,asChild:!1,ref:r,className:c("rt-SelectGroup",t)}));G.displayName="Select.Group";var L=e.forwardRef(({className:t,...o},r)=>e.createElement(a.Label,{...o,asChild:!1,ref:r,className:c("rt-BaseMenuLabel","rt-SelectLabel",t)}));L.displayName="Select.Label";var D=e.forwardRef(({className:t,...o},r)=>e.createElement(a.Separator,{...o,asChild:!1,ref:r,className:c("rt-BaseMenuSeparator","rt-SelectSeparator",t)}));D.displayName="Select.Separator";export{x as a,b,w as c,E as d,G as e,L as f,D as g,M as h};
+//# sourceMappingURL=chunk-DCIQHXAR.js.map

package/dist/esm/chunk-EBQZ3Z22.js

@@ -0,0 +1,2 @@
+import{b as o}from"./chunk-KRJTW535.js";import{c as e}from"./chunk-ZNK6AH2G.js";var a=["1","2","3"],l={size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0}},t=["classic","surface","soft","outline","ghost"],p={variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",className:"rt-panel-background",values:["solid","translucent"]},error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...e,...o,placeholder:{type:"ReactNode"}},r=["solid","soft"],i={variant:{type:"enum",className:"rt-variant",values:r,default:"solid"},...e};export{l as a,p as b,i as c};
+//# sourceMappingURL=chunk-EBQZ3Z22.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/select.props.tsx"],
+  "sourcesContent": ["import type React from 'react';\n\nimport { 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'] as const;\n\nconst selectRootPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nconst triggerVariants = ['classic', 'surface', 'soft', 'outline', 'ghost'] as const;\n\nconst selectTriggerPropDefs = {\n  variant: { type: 'enum', className: 'rt-variant', values: triggerVariants, default: 'surface' },\n  panelBackground: {\n    type: 'enum',\n    className: 'rt-panel-background',\n    values: ['solid', 'translucent'],\n  },\n  error: { type: 'boolean' },\n  loading: { type: 'boolean' },\n  disabled: { type: 'boolean' },\n  readOnly: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  placeholder: { type: 'ReactNode' },\n} satisfies {\n  variant: PropDef<(typeof triggerVariants)[number]>;\n  panelBackground: PropDef<'solid' | 'translucent'>;\n  error: PropDef<boolean>;\n  loading: PropDef<boolean>;\n  disabled: PropDef<boolean>;\n  readOnly: PropDef<boolean>;\n  placeholder: PropDef<React.ReactNode>;\n};\n\nconst contentVariants = ['solid', 'soft'] as const;\n\nconst selectContentPropDefs = {\n  variant: { type: 'enum', className: 'rt-variant', values: contentVariants, default: 'solid' },\n  ...colorPropDef,\n} satisfies {\n  variant: PropDef<(typeof contentVariants)[number]>;\n};\n\nexport { selectRootPropDefs, selectTriggerPropDefs, selectContentPropDefs };\n"],
+  "mappings": "gFAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,GAAG,EAEtBC,EAAqB,CACzB,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,CAC9F,EAIME,EAAkB,CAAC,UAAW,UAAW,OAAQ,UAAW,OAAO,EAEnEC,EAAwB,CAC5B,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAiB,QAAS,SAAU,EAC9F,gBAAiB,CACf,KAAM,OACN,UAAW,sBACX,OAAQ,CAAC,QAAS,aAAa,CACjC,EACA,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGE,EACH,GAAGC,EACH,YAAa,CAAE,KAAM,WAAY,CACnC,EAUMC,EAAkB,CAAC,QAAS,MAAM,EAElCC,EAAwB,CAC5B,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAiB,QAAS,OAAQ,EAC5F,GAAGF,CACL",
+  "names": ["sizes", "selectRootPropDefs", "triggerVariants", "selectTriggerPropDefs", "colorPropDef", "radiusPropDef", "contentVariants", "selectContentPropDefs"]
+}

package/dist/esm/chunk-EDKQURDU.js

@@ -0,0 +1,2 @@
+import{b as r}from"./chunk-KRJTW535.js";import{a as e}from"./chunk-NZJGC6ZW.js";import{c as o}from"./chunk-ZNK6AH2G.js";var a=["1","2","3","4"],n=["classic","soft","surface","outline","ghost"],s=["solid","translucent"],f={...e,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:n,default:"surface"},...o,...r,material:{type:"enum",values:s,default:void 0},panelBackground:{type:"enum",values:s,default:void 0},flush:{type:"boolean",default:!1}},l={...e},c={...e},d={...e},u={...e};export{f as a,l as b,c,d,u as e};
+//# sourceMappingURL=chunk-EDKQURDU.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/accordion.props.tsx"],
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { 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 = ['classic', 'soft', 'surface', 'outline', 'ghost'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst accordionRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  material: { type: 'enum', values: panelBackgrounds, default: undefined },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  flush: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  flush: PropDef<boolean>;\n};\n\nconst accordionItemPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionHeaderPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionTriggerPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nconst accordionContentPropDefs = {\n  ...asChildPropDef,\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport {\n  accordionRootPropDefs,\n  accordionItemPropDefs,\n  accordionHeaderPropDefs,\n  accordionTriggerPropDefs,\n  accordionContentPropDefs,\n};\n\nexport type AccordionRootOwnProps = {\n  size?: (typeof sizes)[number];\n  variant?: (typeof variants)[number];\n  color?: string;\n  radius?: string;\n  material?: (typeof panelBackgrounds)[number];\n  panelBackground?: (typeof panelBackgrounds)[number];\n  flush?: boolean;\n};\n\nexport type AccordionItemOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionHeaderOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionTriggerOwnProps = {\n  asChild?: boolean;\n};\n\nexport type AccordionContentOwnProps = {\n  asChild?: boolean;\n};\n"],
+  "mappings": "wHAMA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAW,CAAC,UAAW,OAAQ,UAAW,UAAW,OAAO,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAwB,CAC5B,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,GAAGI,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,OAAQ,OAAQJ,EAAkB,QAAS,MAAU,EAIvE,gBAAiB,CAAE,KAAM,OAAQ,OAAQA,EAAkB,QAAS,MAAU,EAC9E,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C,EAQMK,EAAwB,CAC5B,GAAGH,CACL,EAIMI,EAA0B,CAC9B,GAAGJ,CACL,EAIMK,EAA2B,CAC/B,GAAGL,CACL,EAIMM,EAA2B,CAC/B,GAAGN,CACL",
+  "names": ["sizes", "variants", "panelBackgrounds", "accordionRootPropDefs", "asChildPropDef", "colorPropDef", "radiusPropDef", "accordionItemPropDefs", "accordionHeaderPropDefs", "accordionTriggerPropDefs", "accordionContentPropDefs"]
+}

package/dist/esm/{chunk-43A5GUSI.js → chunk-EHBAK3LQ.js}

@@ -1,2 +1,2 @@
-import{a as t}from"./chunk-XI5YXUCK.js";import{a as r}from"./chunk-6FLLFCBU.js";import*as o from"react";import a from"classnames";import{Slot as g}from"radix-ui";var P=o.forwardRef((e,p)=>{let{asChild:s,className:n,...m}=r(e,t),f=s?g.Root:"strong";return o.createElement(f,{...m,ref:p,className:a("rt-Strong",n)})});P.displayName="Strong";export{P as a};
-//# sourceMappingURL=chunk-43A5GUSI.js.map
+import{a as t}from"./chunk-XDDKT4NF.js";import{a as r}from"./chunk-UBSLEGQZ.js";import*as o from"react";import a from"classnames";import{Slot as g}from"radix-ui";var P=o.forwardRef((e,p)=>{let{asChild:s,className:n,...m}=r(e,t),f=s?g.Root:"strong";return o.createElement(f,{...m,ref:p,className:a("rt-Strong",n)})});P.displayName="Strong";export{P as a};
+//# sourceMappingURL=chunk-EHBAK3LQ.js.map

package/dist/esm/{chunk-2TIADHPD.js → chunk-F3AXE27Q.js}

@@ -1,2 +1,2 @@
-import{a as b}from"./chunk-PS6NEG5A.js";import{a as v}from"./chunk-GSTOGDAJ.js";import{a as N}from"./chunk-6FLLFCBU.js";import{a as f}from"./chunk-CBR3VIRS.js";import{a as P}from"./chunk-OS3FCYZY.js";var d={};P(d,{Link:()=>l,Root:()=>c});import*as a from"react";import T from"classnames";import{NavigationMenu as t}from"radix-ui";var c=a.forwardRef((r,n)=>{let{children:e,className:s,color:p,panelBackground:o,...i}=N(r,f,v);return a.createElement(t.Root,{className:"rt-TabNavRoot","data-accent-color":p,...i,asChild:!1,ref:n},a.createElement(t.List,{className:T("rt-reset","rt-BaseTabList","rt-TabNavList",s),"data-panel-background":o},e))});c.displayName="TabNav.Root";var l=a.forwardRef((r,n)=>{let{asChild:e,children:s,className:p,active:o,...i}=r;return a.createElement(t.Item,{className:"rt-TabNavItem"},a.createElement(t.Link,{...i,ref:n,className:T("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",p),onSelect:void 0,asChild:e,"aria-current":o?"page":void 0,"data-active":o||void 0},b({asChild:e,children:s},m=>a.createElement(a.Fragment,null,a.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},m),a.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},m)))))});l.displayName="TabNav.Link";export{c as a,l as b,d as c};
-//# sourceMappingURL=chunk-2TIADHPD.js.map
+import{a as b}from"./chunk-PS6NEG5A.js";import{a as v}from"./chunk-GSTOGDAJ.js";import{a as N}from"./chunk-UBSLEGQZ.js";import{a as f}from"./chunk-CFNESRYI.js";import{a as P}from"./chunk-OS3FCYZY.js";var d={};P(d,{Link:()=>l,Root:()=>c});import*as a from"react";import T from"classnames";import{NavigationMenu as t}from"radix-ui";var c=a.forwardRef((r,n)=>{let{children:e,className:s,color:p,panelBackground:o,...i}=N(r,f,v);return a.createElement(t.Root,{className:"rt-TabNavRoot","data-accent-color":p,...i,asChild:!1,ref:n},a.createElement(t.List,{className:T("rt-reset","rt-BaseTabList","rt-TabNavList",s),"data-panel-background":o},e))});c.displayName="TabNav.Root";var l=a.forwardRef((r,n)=>{let{asChild:e,children:s,className:p,active:o,...i}=r;return a.createElement(t.Item,{className:"rt-TabNavItem"},a.createElement(t.Link,{...i,ref:n,className:T("rt-reset","rt-BaseTabListTrigger","rt-TabNavLink",p),onSelect:void 0,asChild:e,"aria-current":o?"page":void 0,"data-active":o||void 0},b({asChild:e,children:s},m=>a.createElement(a.Fragment,null,a.createElement("span",{className:"rt-BaseTabListTriggerInner rt-TabNavLinkInner"},m),a.createElement("span",{className:"rt-BaseTabListTriggerInnerHidden rt-TabNavLinkInnerHidden"},m)))))});l.displayName="TabNav.Link";export{c as a,l as b,d as c};
+//# sourceMappingURL=chunk-F3AXE27Q.js.map

package/dist/esm/chunk-F6V7GBNQ.js

@@ -0,0 +1,2 @@
+import{c as e}from"./chunk-ZNK6AH2G.js";var s=["1","2","3","4","5","6","7","8","9","10","11","12"],t=["classic","solid","soft","outline","surface"],a=["solid","translucent"],o={size:{type:"enum",className:"rt-r-size",values:s,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"solid"},material:{type:"enum",values:a,default:void 0},...e};export{o as a};
+//# sourceMappingURL=chunk-F6V7GBNQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/base-checkbox.props.ts"],
+  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['classic', 'solid', 'soft', 'outline', 'surface'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseCheckboxPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'solid' },\n  material: { type: 'enum', values: materials, default: undefined },\n  ...colorPropDef,\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n};\n\nexport { baseCheckboxPropDefs };\n"],
+  "mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,UAAW,QAAS,OAAQ,UAAW,SAAS,EAC5DC,EAAY,CAAC,QAAS,aAAa,EAEnCC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,OAAQ,EACrF,SAAU,CAAE,KAAM,OAAQ,OAAQC,EAAW,QAAS,MAAU,EAChE,GAAGE,CACL",
+  "names": ["sizes", "variants", "materials", "baseCheckboxPropDefs", "colorPropDef"]
+}

package/dist/esm/{chunk-VA4CTVQL.js → chunk-FB3PD4Z3.js}

@@ -1,2 +1,2 @@
-import{a,b as i}from"./chunk-IX5HIHVI.js";import{a as p}from"./chunk-UMX5MGLG.js";import{a as c}from"./chunk-GSTOGDAJ.js";import{a as t}from"./chunk-6FLLFCBU.js";import*as e from"react";import P from"classnames";import{Checkbox as s}from"radix-ui";import{useControllableState as b}from"radix-ui/internal";var y=e.forwardRef((h,m)=>{let{className:n,color:k,material:C,checked:f,defaultChecked:o,onCheckedChange:d,...l}=t(h,p,c),[r,x]=b({prop:f,defaultProp:o??!1,onChange:d});return e.createElement(s.Root,{"data-accent-color":k,"data-material":C,...l,defaultChecked:o,checked:r,onCheckedChange:x,asChild:!1,ref:m,className:P("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",n)},e.createElement(s.Indicator,{asChild:!0,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},r==="indeterminate"?e.createElement(a,null):e.createElement(i,null)))});y.displayName="Checkbox";export{y as a};
-//# sourceMappingURL=chunk-VA4CTVQL.js.map
+import{a,b as i}from"./chunk-IX5HIHVI.js";import{a as p}from"./chunk-F6V7GBNQ.js";import{a as c}from"./chunk-GSTOGDAJ.js";import{a as t}from"./chunk-UBSLEGQZ.js";import*as e from"react";import P from"classnames";import{Checkbox as s}from"radix-ui";import{useControllableState as b}from"radix-ui/internal";var y=e.forwardRef((h,m)=>{let{className:n,color:k,material:C,checked:f,defaultChecked:o,onCheckedChange:d,...l}=t(h,p,c),[r,x]=b({prop:f,defaultProp:o??!1,onChange:d});return e.createElement(s.Root,{"data-accent-color":k,"data-material":C,...l,defaultChecked:o,checked:r,onCheckedChange:x,asChild:!1,ref:m,className:P("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxRoot",n)},e.createElement(s.Indicator,{asChild:!0,className:"rt-BaseCheckboxIndicator rt-CheckboxIndicator"},r==="indeterminate"?e.createElement(a,null):e.createElement(i,null)))});y.displayName="Checkbox";export{y as a};
+//# sourceMappingURL=chunk-FB3PD4Z3.js.map

package/dist/esm/{chunk-OYF6YXH7.js → chunk-FEAOFF77.js}

@@ -1,2 +1,2 @@
-import{a as P}from"./chunk-JDGJSNWT.js";import{a as u}from"./chunk-TOOSHJOA.js";import{a as p}from"./chunk-NIQT45PJ.js";import*as e from"react";import c from"classnames";var h=e.forwardRef((l,o)=>{let{anchor:r="top",floating:t=!1,offset:s="2",size:n="1",variant:i="ghost",material:N,className:x,style:R,children:L,...H}=l,T=r==="top"||r==="bottom",y=e.useRef(null),F=e.useCallback(a=>{y.current=a,typeof o=="function"?o(a):o&&(o.current=a)},[o]);e.useEffect(()=>{let a=y.current;if(!a)return;let m=a.parentElement;if(!m)return;let d=()=>{let b=T?a.offsetHeight:a.offsetWidth;if(t){let j=getComputedStyle(a),w=parseFloat(j.marginTop)||0;b+=w*2}T?m.style.setProperty("--rt-toolbar-height",`${b}px`):m.style.setProperty("--rt-toolbar-width",`${b}px`)};d();let g=new ResizeObserver(d);return g.observe(a),()=>g.disconnect()},[T,t]);let z=t?{margin:`var(--space-${s})`,...R}:R;return e.createElement(P,{ref:F,size:n,variant:i,material:N,"data-anchor":r,"data-floating":t||void 0,className:c("rt-Toolbar",x),style:z,...H},e.createElement("div",{className:"rt-ToolbarInner"},L))});h.displayName="Toolbar.Root";var S=e.forwardRef(({gap:l="2",align:o="center",className:r,children:t,...s},n)=>e.createElement(p,{ref:n,align:o,gap:l,className:c("rt-ToolbarSection","rt-ToolbarLeft",r),...s},t));S.displayName="Toolbar.Left";var C=e.forwardRef(({gap:l="2",align:o="center",justify:r="center",className:t,children:s,...n},i)=>e.createElement(p,{ref:i,align:o,justify:r,gap:l,className:c("rt-ToolbarSection","rt-ToolbarCenter",t),...n},s));C.displayName="Toolbar.Center";var E=e.forwardRef(({gap:l="2",align:o="center",justify:r="end",className:t,children:s,...n},i)=>e.createElement(p,{ref:i,align:o,justify:r,gap:l,className:c("rt-ToolbarSection","rt-ToolbarRight",t),...n},s));E.displayName="Toolbar.Right";var v=e.forwardRef(({className:l,size:o="2",weight:r="medium",truncate:t=!0,children:s,...n},i)=>e.createElement(u,{ref:i,size:o,weight:r,truncate:t,className:c("rt-ToolbarTitle",l),...n},s));v.displayName="Toolbar.Title";var f=h;f.Left=S;f.Center=C;f.Right=E;f.Title=v;export{h as a,S as b,C as c,E as d,v as e,f};
-//# sourceMappingURL=chunk-OYF6YXH7.js.map
+import{a as P}from"./chunk-C5RVO3C3.js";import{a as u}from"./chunk-PYXMGEO7.js";import{a as p}from"./chunk-ZJ33QP5N.js";import*as e from"react";import c from"classnames";var h=e.forwardRef((l,o)=>{let{anchor:r="top",floating:t=!1,offset:s="2",size:n="1",variant:i="ghost",material:N,className:x,style:R,children:L,...H}=l,T=r==="top"||r==="bottom",y=e.useRef(null),F=e.useCallback(a=>{y.current=a,typeof o=="function"?o(a):o&&(o.current=a)},[o]);e.useEffect(()=>{let a=y.current;if(!a)return;let m=a.parentElement;if(!m)return;let d=()=>{let b=T?a.offsetHeight:a.offsetWidth;if(t){let j=getComputedStyle(a),w=parseFloat(j.marginTop)||0;b+=w*2}T?m.style.setProperty("--rt-toolbar-height",`${b}px`):m.style.setProperty("--rt-toolbar-width",`${b}px`)};d();let g=new ResizeObserver(d);return g.observe(a),()=>g.disconnect()},[T,t]);let z=t?{margin:`var(--space-${s})`,...R}:R;return e.createElement(P,{ref:F,size:n,variant:i,material:N,"data-anchor":r,"data-floating":t||void 0,className:c("rt-Toolbar",x),style:z,...H},e.createElement("div",{className:"rt-ToolbarInner"},L))});h.displayName="Toolbar.Root";var S=e.forwardRef(({gap:l="2",align:o="center",className:r,children:t,...s},n)=>e.createElement(p,{ref:n,align:o,gap:l,className:c("rt-ToolbarSection","rt-ToolbarLeft",r),...s},t));S.displayName="Toolbar.Left";var C=e.forwardRef(({gap:l="2",align:o="center",justify:r="center",className:t,children:s,...n},i)=>e.createElement(p,{ref:i,align:o,justify:r,gap:l,className:c("rt-ToolbarSection","rt-ToolbarCenter",t),...n},s));C.displayName="Toolbar.Center";var E=e.forwardRef(({gap:l="2",align:o="center",justify:r="end",className:t,children:s,...n},i)=>e.createElement(p,{ref:i,align:o,justify:r,gap:l,className:c("rt-ToolbarSection","rt-ToolbarRight",t),...n},s));E.displayName="Toolbar.Right";var v=e.forwardRef(({className:l,size:o="2",weight:r="medium",truncate:t=!0,children:s,...n},i)=>e.createElement(u,{ref:i,size:o,weight:r,truncate:t,className:c("rt-ToolbarTitle",l),...n},s));v.displayName="Toolbar.Title";var f=h;f.Left=S;f.Center=C;f.Right=E;f.Title=v;export{h as a,S as b,C as c,E as d,v as e,f};
+//# sourceMappingURL=chunk-FEAOFF77.js.map

package/dist/esm/chunk-G4YKBAZT.js

@@ -0,0 +1,2 @@
+import{a as C}from"./chunk-OJU5GCDZ.js";import{a as x}from"./chunk-GSTOGDAJ.js";import{a as P}from"./chunk-UBSLEGQZ.js";import*as t from"react";import j from"classnames";import{Slider as b}from"radix-ui";var G=t.forwardRef((v,N)=>{let{className:A,color:V,radius:k,tabIndex:y,...i}=P(v,C,x),{ticks:o,showTickLabels:M,snapToTicks:p,unit:l}=v,u=i.min??0,s=i.max??100,c=i.value??i.defaultValue??[u],S=Array.isArray(c)&&c.length>1,w=i.step,n=t.useMemo(()=>o?[...o].sort((e,r)=>e.value-r.value):[],[o]),R=t.useCallback(e=>{if(!p||!n.length)return e;let r=0,a=n.length-1;if(e<=n[r].value)return n[r].value;if(e>=n[a].value)return n[a].value;for(;r<=a;){let f=Math.floor((r+a)/2);if(n[f].value===e)return e;n[f].value<e?r=f+1:a=f-1}let D=Math.abs(e-n[a].value),E=Math.abs(e-n[r].value);return D<=E?n[a].value:n[r].value},[p,n]),h=t.useCallback(e=>{let r=a=>l?`${a} ${l}`:a.toString();return e.length===1?`${r(e[0])} out of ${r(s)}`:e.length===2?`${r(e[0])} to ${r(e[1])} out of ${r(s)}`:`${e.map(r).join(", ")} out of ${r(s)}`},[l,s]),$=t.useMemo(()=>o?o.map((e,r)=>({...e,percentage:(e.value-u)/(s-u)*100,index:r})):null,[o,u,s]),m=t.useRef(null),d=t.useRef(null),{onValueChange:g}=i,T=t.useCallback(e=>{let r=p&&o?e.map(a=>R(a)):e;if(m.current){let a=h(r);m.current.textContent=a,d.current&&clearTimeout(d.current),d.current=setTimeout(()=>{m.current&&(m.current.textContent="")},1e3)}g?.(r)},[p,o,R,h,g]);return t.useEffect(()=>()=>{d.current&&clearTimeout(d.current)},[]),t.createElement("div",{className:"rt-SliderContainer"},t.createElement("div",{ref:m,"aria-live":"polite","aria-atomic":"true",className:"sr-only",style:{position:"absolute",left:"-10000px",width:"1px",height:"1px",overflow:"hidden"}}),t.createElement(b.Root,{"data-accent-color":V,"data-radius":k,ref:N,...i,step:w,onValueChange:T,asChild:!1,className:j("rt-SliderRoot",A),"aria-valuemin":u,"aria-valuemax":s,"aria-valuenow":Array.isArray(c)?c[0]:c,"aria-valuetext":h(c),"aria-label":v["aria-label"]||`${S?"Range":"Value"} slider`},t.createElement(b.Track,{className:"rt-SliderTrack"},t.createElement(b.Range,{className:"rt-SliderRange","data-inverted":i.inverted?"":void 0})),(i.value??i.defaultValue??[]).map((e,r)=>t.createElement(b.Thumb,{key:r,className:"rt-SliderThumb",...y!==void 0?{tabIndex:y}:void 0,"aria-label":S?`${r===0?"Minimum":r===1?"Maximum":`Thumb ${r+1}`} value: ${l?`${e} ${l}`:e}`:`Slider value: ${l?`${e} ${l}`:e}`,"aria-valuetext":l?`${e} ${l}`:e.toString()}))),$&&t.createElement("div",{className:"rt-SliderTicks",role:"group","aria-label":"Slider tick marks"},$.map(e=>t.createElement("button",{key:e.index,className:"rt-SliderTick",style:{left:`${e.percentage}%`,transform:"translateX(-50%)"},onClick:()=>{let r=i.value??i.defaultValue??[u],a=Array.isArray(r)?r.map(()=>e.value):[e.value];T(a)},"aria-label":`Set to ${e.label||(l?`${e.value} ${l}`:e.value)}`,"aria-describedby":e.label?void 0:`tick-${e.index}-value`,type:"button"},t.createElement("div",{className:"rt-SliderTickMark"}),e.label&&M!==!1&&t.createElement("div",{className:"rt-SliderTickLabel"},e.label),!e.label&&t.createElement("span",{id:`tick-${e.index}-value`,className:"sr-only"},l?`${e.value} ${l}`:e.value)))))});G.displayName="Slider";export{G as a};
+//# sourceMappingURL=chunk-G4YKBAZT.js.map

package/dist/esm/{chunk-666GX7O5.js.map → chunk-G4YKBAZT.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/slider.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\nimport { sliderPropDefs } from './slider.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SliderElement = React.ElementRef<typeof SliderPrimitive.Root>;\ntype SliderOwnProps = GetPropDefTypes<typeof sliderPropDefs>;\ninterface SliderProps\n  extends ComponentPropsWithout<\n      typeof SliderPrimitive.Root,\n      'asChild' | 'color' | 'children' | 'defaultChecked'\n    >,\n    MarginProps,\n    SliderOwnProps {\n  ticks?: Array<{ value: number; label?: string }>;\n  unit?: string;\n}\nconst Slider = React.forwardRef<SliderElement, SliderProps>((props, forwardedRef) => {\n  const { className, color, radius, tabIndex, ...sliderProps } = extractProps(\n    props,\n    sliderPropDefs,\n    marginPropDefs,\n  );\n  const { ticks, showTickLabels, snapToTicks, unit } = props;\n\n  const min = sliderProps.min ?? 0;\n  const max = sliderProps.max ?? 100;\n\n  // Current value for accessibility\n  const currentValue = sliderProps.value ?? sliderProps.defaultValue ?? [min];\n  const isRange = Array.isArray(currentValue) && currentValue.length > 1;\n\n  // For snapping to ticks, we need to handle this differently\n  // Radix slider doesn't support arbitrary step values, so we'll handle snapping in the onValueChange\n  const step = sliderProps.step;\n\n  // Optimized snap-to-ticks with memoized sorted ticks\n  const sortedTicks = React.useMemo(\n    () => (ticks ? [...ticks].sort((a, b) => a.value - b.value) : []),\n    [ticks],\n  );\n\n  // Function to snap value to nearest tick (optimized)\n  const snapToNearestTick = React.useCallback(\n    (value: number): number => {\n      if (!snapToTicks || !sortedTicks.length) return value;\n\n      // Binary search for closest tick\n      let left = 0;\n      let right = sortedTicks.length - 1;\n\n      if (value <= sortedTicks[left].value) return sortedTicks[left].value;\n      if (value >= sortedTicks[right].value) return sortedTicks[right].value;\n\n      while (left <= right) {\n        const mid = Math.floor((left + right) / 2);\n        if (sortedTicks[mid].value === value) return value;\n\n        if (sortedTicks[mid].value < value) {\n          left = mid + 1;\n        } else {\n          right = mid - 1;\n        }\n      }\n\n      // Find closest between left and right\n      const leftDistance = Math.abs(value - sortedTicks[right].value);\n      const rightDistance = Math.abs(value - sortedTicks[left].value);\n\n      return leftDistance <= rightDistance ? sortedTicks[right].value : sortedTicks[left].value;\n    },\n    [snapToTicks, sortedTicks],\n  );\n\n  // Format value text for accessibility\n  const formatValueText = React.useCallback(\n    (values: number[]): string => {\n      const formatValue = (val: number) => (unit ? `${val} ${unit}` : val.toString());\n\n      if (values.length === 1) {\n        return `${formatValue(values[0])} out of ${formatValue(max)}`;\n      } else if (values.length === 2) {\n        return `${formatValue(values[0])} to ${formatValue(values[1])} out of ${formatValue(max)}`;\n      } else {\n        return `${values.map(formatValue).join(', ')} out of ${formatValue(max)}`;\n      }\n    },\n    [unit, max],\n  );\n\n  // Memoize tick elements for performance\n  const tickElements = React.useMemo(() => {\n    if (!ticks) return null;\n\n    return ticks.map((tick, index) => ({\n      ...tick,\n      percentage: ((tick.value - min) / (max - min)) * 100,\n      index,\n    }));\n  }, [ticks, min, max]);\n\n  // Live region ref for accessibility announcements (no state = no re-renders)\n  const announceRef = React.useRef<HTMLDivElement>(null);\n  const announceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { onValueChange } = sliderProps;\n  // Handle value changes with snapping\n  const handleValueChange = React.useCallback(\n    (newValue: number[]) => {\n      const finalValue =\n        snapToTicks && ticks ? newValue.map((v) => snapToNearestTick(v)) : newValue;\n\n      // Update live region for screen readers (direct DOM update, no React state)\n      if (announceRef.current) {\n        const valueText = formatValueText(finalValue);\n        announceRef.current.textContent = valueText;\n\n        // Clear after delay to prevent spam\n        if (announceTimeoutRef.current) {\n          clearTimeout(announceTimeoutRef.current);\n        }\n        announceTimeoutRef.current = setTimeout(() => {\n          if (announceRef.current) {\n            announceRef.current.textContent = '';\n          }\n        }, 1000);\n      }\n\n      onValueChange?.(finalValue);\n    },\n    [snapToTicks, ticks, snapToNearestTick, formatValueText, onValueChange],\n  );\n\n  // Cleanup timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (announceTimeoutRef.current) {\n        clearTimeout(announceTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <div className=\"rt-SliderContainer\">\n      {/* Live region for screen reader announcements */}\n      <div\n        ref={announceRef}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"sr-only\"\n        style={{\n          position: 'absolute',\n          left: '-10000px',\n          width: '1px',\n          height: '1px',\n          overflow: 'hidden',\n        }}\n      />\n\n      <SliderPrimitive.Root\n        data-accent-color={color}\n        data-radius={radius}\n        ref={forwardedRef}\n        {...sliderProps}\n        step={step}\n        onValueChange={handleValueChange}\n        asChild={false}\n        className={classNames('rt-SliderRoot', className)}\n        // Essential ARIA attributes for WCAG 2.2 AA compliance\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={Array.isArray(currentValue) ? currentValue[0] : (currentValue as number)}\n        aria-valuetext={formatValueText(currentValue as number[])}\n        aria-label={props['aria-label'] || `${isRange ? 'Range' : 'Value'} slider`}\n      >\n        <SliderPrimitive.Track className=\"rt-SliderTrack\">\n          <SliderPrimitive.Range\n            className={classNames('rt-SliderRange', { 'rt-high-contrast': props.highContrast })}\n            data-inverted={sliderProps.inverted ? '' : undefined}\n          />\n        </SliderPrimitive.Track>\n        {(sliderProps.value ?? sliderProps.defaultValue ?? []).map((value, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            className=\"rt-SliderThumb\"\n            {...(tabIndex !== undefined ? { tabIndex } : undefined)}\n            aria-label={\n              isRange\n                ? `${index === 0 ? 'Minimum' : index === 1 ? 'Maximum' : `Thumb ${index + 1}`} value: ${unit ? `${value} ${unit}` : value}`\n                : `Slider value: ${unit ? `${value} ${unit}` : value}`\n            }\n            aria-valuetext={unit ? `${value} ${unit}` : value.toString()}\n          />\n        ))}\n      </SliderPrimitive.Root>\n      {tickElements && (\n        <div className=\"rt-SliderTicks\" role=\"group\" aria-label=\"Slider tick marks\">\n          {tickElements.map((tick) => {\n            return (\n              <button\n                key={tick.index}\n                className=\"rt-SliderTick\"\n                style={{\n                  left: `${tick.percentage}%`,\n                  transform: 'translateX(-50%)',\n                }}\n                onClick={() => {\n                  const currentValues = sliderProps.value ?? sliderProps.defaultValue ?? [min];\n                  const newValue = Array.isArray(currentValues)\n                    ? currentValues.map(() => tick.value)\n                    : [tick.value];\n\n                  handleValueChange(newValue);\n                }}\n                aria-label={`Set to ${tick.label || (unit ? `${tick.value} ${unit}` : tick.value)}`}\n                aria-describedby={tick.label ? undefined : `tick-${tick.index}-value`}\n                type=\"button\"\n              >\n                <div className=\"rt-SliderTickMark\" />\n                {tick.label && showTickLabels !== false && (\n                  <div className=\"rt-SliderTickLabel\">{tick.label}</div>\n                )}\n                {!tick.label && (\n                  <span id={`tick-${tick.index}-value`} className=\"sr-only\">\n                    {unit ? `${tick.value} ${unit}` : tick.value}\n                  </span>\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n});\nSlider.displayName = 'Slider';\n\nexport { Slider };\nexport type { SliderProps };\n"],
-  "mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAsB1C,IAAMC,EAAe,aAAuC,CAACC,EAAOC,IAAiB,CACnF,GAAM,CAAE,UAAAC,EAAW,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,GAAGC,CAAY,EAAIC,EAC7DP,EACAQ,EACAC,CACF,EACM,CAAE,MAAAC,EAAO,eAAAC,EAAgB,YAAAC,EAAa,KAAAC,CAAK,EAAIb,EAE/Cc,EAAMR,EAAY,KAAO,EACzBS,EAAMT,EAAY,KAAO,IAGzBU,EAAeV,EAAY,OAASA,EAAY,cAAgB,CAACQ,CAAG,EACpEG,EAAU,MAAM,QAAQD,CAAY,GAAKA,EAAa,OAAS,EAI/DE,EAAOZ,EAAY,KAGnBa,EAAoB,UACxB,IAAOT,EAAQ,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACU,EAAGC,IAAMD,EAAE,MAAQC,EAAE,KAAK,EAAI,CAAC,EAC/D,CAACX,CAAK,CACR,EAGMY,EAA0B,cAC7BC,GAA0B,CACzB,GAAI,CAACX,GAAe,CAACO,EAAY,OAAQ,OAAOI,EAGhD,IAAIC,EAAO,EACPC,EAAQN,EAAY,OAAS,EAEjC,GAAII,GAASJ,EAAYK,CAAI,EAAE,MAAO,OAAOL,EAAYK,CAAI,EAAE,MAC/D,GAAID,GAASJ,EAAYM,CAAK,EAAE,MAAO,OAAON,EAAYM,CAAK,EAAE,MAEjE,KAAOD,GAAQC,GAAO,CACpB,IAAMC,EAAM,KAAK,OAAOF,EAAOC,GAAS,CAAC,EACzC,GAAIN,EAAYO,CAAG,EAAE,QAAUH,EAAO,OAAOA,EAEzCJ,EAAYO,CAAG,EAAE,MAAQH,EAC3BC,EAAOE,EAAM,EAEbD,EAAQC,EAAM,CAElB,CAGA,IAAMC,EAAe,KAAK,IAAIJ,EAAQJ,EAAYM,CAAK,EAAE,KAAK,EACxDG,EAAgB,KAAK,IAAIL,EAAQJ,EAAYK,CAAI,EAAE,KAAK,EAE9D,OAAOG,GAAgBC,EAAgBT,EAAYM,CAAK,EAAE,MAAQN,EAAYK,CAAI,EAAE,KACtF,EACA,CAACZ,EAAaO,CAAW,CAC3B,EAGMU,EAAwB,cAC3BC,GAA6B,CAC5B,IAAMC,EAAeC,GAAiBnB,EAAO,GAAGmB,CAAG,IAAInB,CAAI,GAAKmB,EAAI,SAAS,EAE7E,OAAIF,EAAO,SAAW,EACb,GAAGC,EAAYD,EAAO,CAAC,CAAC,CAAC,WAAWC,EAAYhB,CAAG,CAAC,GAClDe,EAAO,SAAW,EACpB,GAAGC,EAAYD,EAAO,CAAC,CAAC,CAAC,OAAOC,EAAYD,EAAO,CAAC,CAAC,CAAC,WAAWC,EAAYhB,CAAG,CAAC,GAEjF,GAAGe,EAAO,IAAIC,CAAW,EAAE,KAAK,IAAI,CAAC,WAAWA,EAAYhB,CAAG,CAAC,EAE3E,EACA,CAACF,EAAME,CAAG,CACZ,EAGMkB,EAAqB,UAAQ,IAC5BvB,EAEEA,EAAM,IAAI,CAACwB,EAAMC,KAAW,CACjC,GAAGD,EACH,YAAcA,EAAK,MAAQpB,IAAQC,EAAMD,GAAQ,IACjD,MAAAqB,CACF,EAAE,EANiB,KAOlB,CAACzB,EAAOI,EAAKC,CAAG,CAAC,EAGdqB,EAAoB,SAAuB,IAAI,EAC/CC,EAA2B,SAA6C,IAAI,EAE5E,CAAE,cAAAC,CAAc,EAAIhC,EAEpBiC,EAA0B,cAC7BC,GAAuB,CACtB,IAAMC,EACJ7B,GAAeF,EAAQ8B,EAAS,IAAKE,GAAMpB,EAAkBoB,CAAC,CAAC,EAAIF,EAGrE,GAAIJ,EAAY,QAAS,CACvB,IAAMO,EAAYd,EAAgBY,CAAU,EAC5CL,EAAY,QAAQ,YAAcO,EAG9BN,EAAmB,SACrB,aAAaA,EAAmB,OAAO,EAEzCA,EAAmB,QAAU,WAAW,IAAM,CACxCD,EAAY,UACdA,EAAY,QAAQ,YAAc,GAEtC,EAAG,GAAI,CACT,CAEAE,IAAgBG,CAAU,CAC5B,EACA,CAAC7B,EAAaF,EAAOY,EAAmBO,EAAiBS,CAAa,CACxE,EAGA,OAAM,YAAU,IACP,IAAM,CACPD,EAAmB,SACrB,aAAaA,EAAmB,OAAO,CAE3C,EACC,CAAC,CAAC,EAGH,gBAAC,OAAI,UAAU,sBAEb,gBAAC,OACC,IAAKD,EACL,YAAU,SACV,cAAY,OACZ,UAAU,UACV,MAAO,CACL,SAAU,WACV,KAAM,WACN,MAAO,MACP,OAAQ,MACR,SAAU,QACZ,EACF,EAEA,gBAACQ,EAAgB,KAAhB,CACC,oBAAmBzC,EACnB,cAAaC,EACb,IAAKH,EACJ,GAAGK,EACJ,KAAMY,EACN,cAAeqB,EACf,QAAS,GACT,UAAWM,EAAW,gBAAiB3C,CAAS,EAEhD,gBAAeY,EACf,gBAAeC,EACf,gBAAe,MAAM,QAAQC,CAAY,EAAIA,EAAa,CAAC,EAAKA,EAChE,iBAAgBa,EAAgBb,CAAwB,EACxD,aAAYhB,EAAM,YAAY,GAAK,GAAGiB,EAAU,QAAU,OAAO,WAEjE,gBAAC2B,EAAgB,MAAhB,CAAsB,UAAU,kBAC/B,gBAACA,EAAgB,MAAhB,CACC,UAAWC,EAAW,iBAAkB,CAAE,mBAAoB7C,EAAM,YAAa,CAAC,EAClF,gBAAeM,EAAY,SAAW,GAAK,OAC7C,CACF,GACEA,EAAY,OAASA,EAAY,cAAgB,CAAC,GAAG,IAAI,CAACiB,EAAOY,IACjE,gBAACS,EAAgB,MAAhB,CACC,IAAKT,EACL,UAAU,iBACT,GAAI9B,IAAa,OAAY,CAAE,SAAAA,CAAS,EAAI,OAC7C,aACEY,EACI,GAAGkB,IAAU,EAAI,UAAYA,IAAU,EAAI,UAAY,SAASA,EAAQ,CAAC,EAAE,WAAWtB,EAAO,GAAGU,CAAK,IAAIV,CAAI,GAAKU,CAAK,GACvH,iBAAiBV,EAAO,GAAGU,CAAK,IAAIV,CAAI,GAAKU,CAAK,GAExD,iBAAgBV,EAAO,GAAGU,CAAK,IAAIV,CAAI,GAAKU,EAAM,SAAS,EAC7D,CACD,CACH,EACCU,GACC,gBAAC,OAAI,UAAU,iBAAiB,KAAK,QAAQ,aAAW,qBACrDA,EAAa,IAAKC,GAEf,gBAAC,UACC,IAAKA,EAAK,MACV,UAAU,gBACV,MAAO,CACL,KAAM,GAAGA,EAAK,UAAU,IACxB,UAAW,kBACb,EACA,QAAS,IAAM,CACb,IAAMY,EAAgBxC,EAAY,OAASA,EAAY,cAAgB,CAACQ,CAAG,EACrE0B,EAAW,MAAM,QAAQM,CAAa,EACxCA,EAAc,IAAI,IAAMZ,EAAK,KAAK,EAClC,CAACA,EAAK,KAAK,EAEfK,EAAkBC,CAAQ,CAC5B,EACA,aAAY,UAAUN,EAAK,QAAUrB,EAAO,GAAGqB,EAAK,KAAK,IAAIrB,CAAI,GAAKqB,EAAK,MAAM,GACjF,mBAAkBA,EAAK,MAAQ,OAAY,QAAQA,EAAK,KAAK,SAC7D,KAAK,UAEL,gBAAC,OAAI,UAAU,oBAAoB,EAClCA,EAAK,OAASvB,IAAmB,IAChC,gBAAC,OAAI,UAAU,sBAAsBuB,EAAK,KAAM,EAEjD,CAACA,EAAK,OACL,gBAAC,QAAK,GAAI,QAAQA,EAAK,KAAK,SAAU,UAAU,WAC7CrB,EAAO,GAAGqB,EAAK,KAAK,IAAIrB,CAAI,GAAKqB,EAAK,KACzC,CAEJ,CAEH,CACH,CAEJ,CAEJ,CAAC,EACDnC,EAAO,YAAc",
+  "sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\nimport { sliderPropDefs } from './slider.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SliderElement = React.ElementRef<typeof SliderPrimitive.Root>;\ntype SliderOwnProps = GetPropDefTypes<typeof sliderPropDefs>;\ninterface SliderProps\n  extends ComponentPropsWithout<\n      typeof SliderPrimitive.Root,\n      'asChild' | 'color' | 'children' | 'defaultChecked'\n    >,\n    MarginProps,\n    SliderOwnProps {\n  ticks?: Array<{ value: number; label?: string }>;\n  unit?: string;\n}\nconst Slider = React.forwardRef<SliderElement, SliderProps>((props, forwardedRef) => {\n  const { className, color, radius, tabIndex, ...sliderProps } = extractProps(\n    props,\n    sliderPropDefs,\n    marginPropDefs,\n  );\n  const { ticks, showTickLabels, snapToTicks, unit } = props;\n\n  const min = sliderProps.min ?? 0;\n  const max = sliderProps.max ?? 100;\n\n  // Current value for accessibility\n  const currentValue = sliderProps.value ?? sliderProps.defaultValue ?? [min];\n  const isRange = Array.isArray(currentValue) && currentValue.length > 1;\n\n  // For snapping to ticks, we need to handle this differently\n  // Radix slider doesn't support arbitrary step values, so we'll handle snapping in the onValueChange\n  const step = sliderProps.step;\n\n  // Optimized snap-to-ticks with memoized sorted ticks\n  const sortedTicks = React.useMemo(\n    () => (ticks ? [...ticks].sort((a, b) => a.value - b.value) : []),\n    [ticks],\n  );\n\n  // Function to snap value to nearest tick (optimized)\n  const snapToNearestTick = React.useCallback(\n    (value: number): number => {\n      if (!snapToTicks || !sortedTicks.length) return value;\n\n      // Binary search for closest tick\n      let left = 0;\n      let right = sortedTicks.length - 1;\n\n      if (value <= sortedTicks[left].value) return sortedTicks[left].value;\n      if (value >= sortedTicks[right].value) return sortedTicks[right].value;\n\n      while (left <= right) {\n        const mid = Math.floor((left + right) / 2);\n        if (sortedTicks[mid].value === value) return value;\n\n        if (sortedTicks[mid].value < value) {\n          left = mid + 1;\n        } else {\n          right = mid - 1;\n        }\n      }\n\n      // Find closest between left and right\n      const leftDistance = Math.abs(value - sortedTicks[right].value);\n      const rightDistance = Math.abs(value - sortedTicks[left].value);\n\n      return leftDistance <= rightDistance ? sortedTicks[right].value : sortedTicks[left].value;\n    },\n    [snapToTicks, sortedTicks],\n  );\n\n  // Format value text for accessibility\n  const formatValueText = React.useCallback(\n    (values: number[]): string => {\n      const formatValue = (val: number) => (unit ? `${val} ${unit}` : val.toString());\n\n      if (values.length === 1) {\n        return `${formatValue(values[0])} out of ${formatValue(max)}`;\n      } else if (values.length === 2) {\n        return `${formatValue(values[0])} to ${formatValue(values[1])} out of ${formatValue(max)}`;\n      } else {\n        return `${values.map(formatValue).join(', ')} out of ${formatValue(max)}`;\n      }\n    },\n    [unit, max],\n  );\n\n  // Memoize tick elements for performance\n  const tickElements = React.useMemo(() => {\n    if (!ticks) return null;\n\n    return ticks.map((tick, index) => ({\n      ...tick,\n      percentage: ((tick.value - min) / (max - min)) * 100,\n      index,\n    }));\n  }, [ticks, min, max]);\n\n  // Live region ref for accessibility announcements (no state = no re-renders)\n  const announceRef = React.useRef<HTMLDivElement>(null);\n  const announceTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const { onValueChange } = sliderProps;\n  // Handle value changes with snapping\n  const handleValueChange = React.useCallback(\n    (newValue: number[]) => {\n      const finalValue =\n        snapToTicks && ticks ? newValue.map((v) => snapToNearestTick(v)) : newValue;\n\n      // Update live region for screen readers (direct DOM update, no React state)\n      if (announceRef.current) {\n        const valueText = formatValueText(finalValue);\n        announceRef.current.textContent = valueText;\n\n        // Clear after delay to prevent spam\n        if (announceTimeoutRef.current) {\n          clearTimeout(announceTimeoutRef.current);\n        }\n        announceTimeoutRef.current = setTimeout(() => {\n          if (announceRef.current) {\n            announceRef.current.textContent = '';\n          }\n        }, 1000);\n      }\n\n      onValueChange?.(finalValue);\n    },\n    [snapToTicks, ticks, snapToNearestTick, formatValueText, onValueChange],\n  );\n\n  // Cleanup timeout on unmount\n  React.useEffect(() => {\n    return () => {\n      if (announceTimeoutRef.current) {\n        clearTimeout(announceTimeoutRef.current);\n      }\n    };\n  }, []);\n\n  return (\n    <div className=\"rt-SliderContainer\">\n      {/* Live region for screen reader announcements */}\n      <div\n        ref={announceRef}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className=\"sr-only\"\n        style={{\n          position: 'absolute',\n          left: '-10000px',\n          width: '1px',\n          height: '1px',\n          overflow: 'hidden',\n        }}\n      />\n\n      <SliderPrimitive.Root\n        data-accent-color={color}\n        data-radius={radius}\n        ref={forwardedRef}\n        {...sliderProps}\n        step={step}\n        onValueChange={handleValueChange}\n        asChild={false}\n        className={classNames('rt-SliderRoot', className)}\n        // Essential ARIA attributes for WCAG 2.2 AA compliance\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={Array.isArray(currentValue) ? currentValue[0] : (currentValue as number)}\n        aria-valuetext={formatValueText(currentValue as number[])}\n        aria-label={props['aria-label'] || `${isRange ? 'Range' : 'Value'} slider`}\n      >\n        <SliderPrimitive.Track className=\"rt-SliderTrack\">\n          <SliderPrimitive.Range\n            className=\"rt-SliderRange\"\n            data-inverted={sliderProps.inverted ? '' : undefined}\n          />\n        </SliderPrimitive.Track>\n        {(sliderProps.value ?? sliderProps.defaultValue ?? []).map((value, index) => (\n          <SliderPrimitive.Thumb\n            key={index}\n            className=\"rt-SliderThumb\"\n            {...(tabIndex !== undefined ? { tabIndex } : undefined)}\n            aria-label={\n              isRange\n                ? `${index === 0 ? 'Minimum' : index === 1 ? 'Maximum' : `Thumb ${index + 1}`} value: ${unit ? `${value} ${unit}` : value}`\n                : `Slider value: ${unit ? `${value} ${unit}` : value}`\n            }\n            aria-valuetext={unit ? `${value} ${unit}` : value.toString()}\n          />\n        ))}\n      </SliderPrimitive.Root>\n      {tickElements && (\n        <div className=\"rt-SliderTicks\" role=\"group\" aria-label=\"Slider tick marks\">\n          {tickElements.map((tick) => {\n            return (\n              <button\n                key={tick.index}\n                className=\"rt-SliderTick\"\n                style={{\n                  left: `${tick.percentage}%`,\n                  transform: 'translateX(-50%)',\n                }}\n                onClick={() => {\n                  const currentValues = sliderProps.value ?? sliderProps.defaultValue ?? [min];\n                  const newValue = Array.isArray(currentValues)\n                    ? currentValues.map(() => tick.value)\n                    : [tick.value];\n\n                  handleValueChange(newValue);\n                }}\n                aria-label={`Set to ${tick.label || (unit ? `${tick.value} ${unit}` : tick.value)}`}\n                aria-describedby={tick.label ? undefined : `tick-${tick.index}-value`}\n                type=\"button\"\n              >\n                <div className=\"rt-SliderTickMark\" />\n                {tick.label && showTickLabels !== false && (\n                  <div className=\"rt-SliderTickLabel\">{tick.label}</div>\n                )}\n                {!tick.label && (\n                  <span id={`tick-${tick.index}-value`} className=\"sr-only\">\n                    {unit ? `${tick.value} ${unit}` : tick.value}\n                  </span>\n                )}\n              </button>\n            );\n          })}\n        </div>\n      )}\n    </div>\n  );\n});\nSlider.displayName = 'Slider';\n\nexport { Slider };\nexport type { SliderProps };\n"],
+  "mappings": "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",
   "names": ["React", "classNames", "SliderPrimitive", "Slider", "props", "forwardedRef", "className", "color", "radius", "tabIndex", "sliderProps", "extractProps", "sliderPropDefs", "marginPropDefs", "ticks", "showTickLabels", "snapToTicks", "unit", "min", "max", "currentValue", "isRange", "step", "sortedTicks", "a", "b", "snapToNearestTick", "value", "left", "right", "mid", "leftDistance", "rightDistance", "formatValueText", "values", "formatValue", "val", "tickElements", "tick", "index", "announceRef", "announceTimeoutRef", "onValueChange", "handleValueChange", "newValue", "finalValue", "v", "valueText", "SliderPrimitive", "classNames", "currentValues"]
 }

package/dist/esm/{chunk-ADBLURLJ.js → chunk-GDAKJS64.js}

@@ -1,2 +1,2 @@
-import{b as E,d as L}from"./chunk-37OGSEQR.js";import{b as N}from"./chunk-DXL6V2A5.js";import*as e from"react";import S from"classnames";import{useVirtualizer as J}from"@tanstack/react-virtual";var Q=e.memo(function({label:r,isHighlighted:o,id:u,style:x,tabIndex:y,"data-highlighted":m,"data-index":p,onMouseEnter:f,onMouseLeave:v,onClick:h,onKeyDown:g}){return e.createElement("div",{id:u,role:"menuitem",className:S("rt-reset","rt-BaseMenuItem","rt-VirtualMenuItem"),style:x,tabIndex:y,"data-highlighted":m,"data-index":p,onMouseEnter:f,onMouseLeave:v,onClick:h,onKeyDown:g},r)},(n,r)=>!(n.label!==r.label||n["data-highlighted"]!==r["data-highlighted"]||n.style.height!==r.style.height||n.style.transform!==r.style.transform||n.tabIndex!==r.tabIndex||n.id!==r.id));function w({items:n,itemLabel:r,renderItem:o,size:u,estimatedItemSize:x,overscan:y=5,onSelect:m,className:p,style:f,"aria-label":v}){let h=e.useId(),g=e.useRef(null),[T,l]=e.useState(-1),{isInsideMenu:K,size:P,itemHeight:$}=L(),{scaling:k}=N(),I=x??(u?E(u,k):$??E(P??"2",k));if(!r&&!o)throw new Error("VirtualMenu requires either itemLabel or renderItem prop");let A=e.useMemo(()=>r?typeof r=="function"?r:t=>t[r]:null,[r]),c=e.useMemo(()=>n.length===0||T<0?-1:Math.min(T,n.length-1),[T,n.length]),B=e.useMemo(()=>typeof I=="function"?I:()=>I,[I]),M=J({count:n.length,getScrollElement:()=>g.current,estimateSize:B,overscan:y}),j=M.getVirtualItems(),R=e.useRef(n),b=e.useRef(m);R.current=n,b.current=m;let d=e.useRef(M.scrollToIndex);d.current=M.scrollToIndex;let H=e.useRef(c);H.current=c;let q=e.useCallback(t=>{let s=t.currentTarget.dataset.index;s!=null&&l(Number(s))},[]),O=e.useCallback(t=>{let s=t.currentTarget.dataset.index;if(s!=null){let a=Number(s),i=R.current;a>=0&&a<i.length&&b.current?.(i[a],a)}},[]),U=e.useCallback(()=>{},[]),W=e.useCallback(t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();let s=t.currentTarget.dataset.index;if(s!=null){let a=Number(s),i=R.current;a>=0&&a<i.length&&b.current?.(i[a],a)}}},[]),Y=e.useCallback(t=>{let s=R.current,a=H.current;switch(t.key){case"ArrowDown":{t.preventDefault();let i=a<s.length-1?a+1:0;l(i),d.current(i,{align:"auto"});break}case"ArrowUp":{t.preventDefault();let i=a>0?a-1:s.length-1;l(i),d.current(i,{align:"auto"});break}case"Home":{t.preventDefault(),l(0),d.current(0,{align:"start"});break}case"End":{t.preventDefault();let i=s.length-1;l(i),d.current(i,{align:"end"});break}case"Enter":case" ":{t.preventDefault(),a>=0&&a<s.length&&b.current?.(s[a],a);break}case"Tab":{t.preventDefault();break}case"Escape":{t.currentTarget.blur();break}}},[]),V=e.useCallback(t=>`${h}-item-${t}`,[h]),_=e.useMemo(()=>({overflow:"auto",position:"relative",...f}),[f]),C=M.getTotalSize(),F=e.useMemo(()=>({height:`${C}px`,width:"100%",position:"relative"}),[C]);return e.createElement("div",{ref:g,role:K?"group":"menu","aria-label":v,"aria-activedescendant":c>=0?V(c):void 0,tabIndex:0,onKeyDown:Y,className:S("rt-VirtualMenuRoot",p),style:_},e.createElement("div",{className:"rt-VirtualMenuViewport",style:F},j.map(t=>{let s=n[t.index],a=t.index,i=c===a,G={height:t.size,transform:`translateY(${t.start}px)`},D={id:V(a),isHighlighted:i,style:G,tabIndex:i?0:-1,"data-highlighted":i?!0:void 0,"data-index":a,onMouseEnter:q,onMouseLeave:U,onClick:O,onKeyDown:W};return o?e.createElement(o,{key:t.key,item:s,index:a,...D}):e.createElement(Q,{key:t.key,label:A(s),...D})})))}w.displayName="VirtualMenu";var z=e.forwardRef(({className:n,children:r,...o},u)=>e.createElement("div",{ref:u,role:"menuitem",className:S("rt-reset","rt-BaseMenuItem","rt-VirtualMenuItem",n),...o},r));z.displayName="VirtualMenu.Item";var X=e.memo(z,(n,r)=>{let o=n.style,u=r.style;return!(o?.height!==u?.height||o?.transform!==u?.transform||n["data-highlighted"]!==r["data-highlighted"]||n.tabIndex!==r.tabIndex||n.id!==r.id||n.className!==r.className||n.children!==r.children)}),re=Object.assign(w,{Item:X});export{re as a};
-//# sourceMappingURL=chunk-ADBLURLJ.js.map
+import{b as E,d as L}from"./chunk-UNWPH3SO.js";import{b as N}from"./chunk-SEY4NA45.js";import*as e from"react";import S from"classnames";import{useVirtualizer as J}from"@tanstack/react-virtual";var Q=e.memo(function({label:r,isHighlighted:o,id:u,style:x,tabIndex:y,"data-highlighted":m,"data-index":p,onMouseEnter:f,onMouseLeave:v,onClick:h,onKeyDown:g}){return e.createElement("div",{id:u,role:"menuitem",className:S("rt-reset","rt-BaseMenuItem","rt-VirtualMenuItem"),style:x,tabIndex:y,"data-highlighted":m,"data-index":p,onMouseEnter:f,onMouseLeave:v,onClick:h,onKeyDown:g},r)},(n,r)=>!(n.label!==r.label||n["data-highlighted"]!==r["data-highlighted"]||n.style.height!==r.style.height||n.style.transform!==r.style.transform||n.tabIndex!==r.tabIndex||n.id!==r.id));function w({items:n,itemLabel:r,renderItem:o,size:u,estimatedItemSize:x,overscan:y=5,onSelect:m,className:p,style:f,"aria-label":v}){let h=e.useId(),g=e.useRef(null),[T,l]=e.useState(-1),{isInsideMenu:K,size:P,itemHeight:$}=L(),{scaling:k}=N(),I=x??(u?E(u,k):$??E(P??"2",k));if(!r&&!o)throw new Error("VirtualMenu requires either itemLabel or renderItem prop");let A=e.useMemo(()=>r?typeof r=="function"?r:t=>t[r]:null,[r]),c=e.useMemo(()=>n.length===0||T<0?-1:Math.min(T,n.length-1),[T,n.length]),B=e.useMemo(()=>typeof I=="function"?I:()=>I,[I]),M=J({count:n.length,getScrollElement:()=>g.current,estimateSize:B,overscan:y}),j=M.getVirtualItems(),R=e.useRef(n),b=e.useRef(m);R.current=n,b.current=m;let d=e.useRef(M.scrollToIndex);d.current=M.scrollToIndex;let H=e.useRef(c);H.current=c;let q=e.useCallback(t=>{let s=t.currentTarget.dataset.index;s!=null&&l(Number(s))},[]),O=e.useCallback(t=>{let s=t.currentTarget.dataset.index;if(s!=null){let a=Number(s),i=R.current;a>=0&&a<i.length&&b.current?.(i[a],a)}},[]),U=e.useCallback(()=>{},[]),W=e.useCallback(t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault();let s=t.currentTarget.dataset.index;if(s!=null){let a=Number(s),i=R.current;a>=0&&a<i.length&&b.current?.(i[a],a)}}},[]),Y=e.useCallback(t=>{let s=R.current,a=H.current;switch(t.key){case"ArrowDown":{t.preventDefault();let i=a<s.length-1?a+1:0;l(i),d.current(i,{align:"auto"});break}case"ArrowUp":{t.preventDefault();let i=a>0?a-1:s.length-1;l(i),d.current(i,{align:"auto"});break}case"Home":{t.preventDefault(),l(0),d.current(0,{align:"start"});break}case"End":{t.preventDefault();let i=s.length-1;l(i),d.current(i,{align:"end"});break}case"Enter":case" ":{t.preventDefault(),a>=0&&a<s.length&&b.current?.(s[a],a);break}case"Tab":{t.preventDefault();break}case"Escape":{t.currentTarget.blur();break}}},[]),V=e.useCallback(t=>`${h}-item-${t}`,[h]),_=e.useMemo(()=>({overflow:"auto",position:"relative",...f}),[f]),C=M.getTotalSize(),F=e.useMemo(()=>({height:`${C}px`,width:"100%",position:"relative"}),[C]);return e.createElement("div",{ref:g,role:K?"group":"menu","aria-label":v,"aria-activedescendant":c>=0?V(c):void 0,tabIndex:0,onKeyDown:Y,className:S("rt-VirtualMenuRoot",p),style:_},e.createElement("div",{className:"rt-VirtualMenuViewport",style:F},j.map(t=>{let s=n[t.index],a=t.index,i=c===a,G={height:t.size,transform:`translateY(${t.start}px)`},D={id:V(a),isHighlighted:i,style:G,tabIndex:i?0:-1,"data-highlighted":i?!0:void 0,"data-index":a,onMouseEnter:q,onMouseLeave:U,onClick:O,onKeyDown:W};return o?e.createElement(o,{key:t.key,item:s,index:a,...D}):e.createElement(Q,{key:t.key,label:A(s),...D})})))}w.displayName="VirtualMenu";var z=e.forwardRef(({className:n,children:r,...o},u)=>e.createElement("div",{ref:u,role:"menuitem",className:S("rt-reset","rt-BaseMenuItem","rt-VirtualMenuItem",n),...o},r));z.displayName="VirtualMenu.Item";var X=e.memo(z,(n,r)=>{let o=n.style,u=r.style;return!(o?.height!==u?.height||o?.transform!==u?.transform||n["data-highlighted"]!==r["data-highlighted"]||n.tabIndex!==r.tabIndex||n.id!==r.id||n.className!==r.className||n.children!==r.children)}),re=Object.assign(w,{Item:X});export{re as a};
+//# sourceMappingURL=chunk-GDAKJS64.js.map

package/dist/esm/{chunk-IEWCQU2S.js → chunk-GGSJXOKR.js}

@@ -1,2 +1,2 @@
-import{a as p}from"./chunk-DUHJVT64.js";import{a as e}from"./chunk-GSTOGDAJ.js";import{a as o}from"./chunk-6FLLFCBU.js";import*as r from"react";import i from"classnames";var P=r.forwardRef((t,a)=>{let{className:s,color:m,decorative:n,...f}=o(t,p,e);return r.createElement("span",{"data-accent-color":m,role:n?void 0:"separator",...f,ref:a,className:i("rt-Separator",s)})});P.displayName="Separator";export{P as a};
-//# sourceMappingURL=chunk-IEWCQU2S.js.map
+import{a as p}from"./chunk-CRSHBENJ.js";import{a as e}from"./chunk-GSTOGDAJ.js";import{a as o}from"./chunk-UBSLEGQZ.js";import*as r from"react";import i from"classnames";var P=r.forwardRef((t,a)=>{let{className:s,color:m,decorative:n,...f}=o(t,p,e);return r.createElement("span",{"data-accent-color":m,role:n?void 0:"separator",...f,ref:a,className:i("rt-Separator",s)})});P.displayName="Separator";export{P as a};
+//# sourceMappingURL=chunk-GGSJXOKR.js.map

package/dist/esm/chunk-GM7KMQDI.js

@@ -0,0 +1,2 @@
+import{a as p}from"./chunk-ZE2KAVXW.js";import{a as o}from"./chunk-WYADYDPN.js";import{a as r}from"./chunk-NZJGC6ZW.js";var m={...r,...p,...o};export{m as a};
+//# sourceMappingURL=chunk-GM7KMQDI.js.map

package/dist/esm/chunk-GMHA5CFH.js

@@ -0,0 +1,2 @@
+import{a as C,b,c as O,d as $,g as B,k as _,m as q}from"./chunk-A2XVR7GL.js";import{a as S,b as U}from"./chunk-3XSB7YIM.js";import*as t from"react";var M=e=>typeof e=="object"&&e!==null;function ee(e){for(let l of["initial","xs","sm","md","lg","xl"]){let a=e[l];if(a!==void 0)return a}return"closed"}function oe(e){let{name:l,label:a,propNames:o,presentationTable:u,builtIn:h}=e,d=_(`Shell.${a}`),F=t.useId(),v=e.id??`shell-${l}${F}`,c=e.controlled!==void 0,E=M(e.controlled);E&&(`${a}${o.controlled}${o.default}`,void 0);let p=E?e.controlled:void 0,L=p??(M(e.defaultValue)?e.defaultValue:void 0),G=$(L),[J,Q]=t.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),P=t.useMemo(()=>p?C(p,()=>ee(p)):C(L,n=>h(u[n])),[G,E,u,h]),r=J;c&&(r=p?"auto":e.controlled);let W=b(u)===void 0||r==="auto"&&b(P)===void 0,{breakpoint:I,ready:z}=U(W),H=n=>{let f=b(n);return f!==void 0?f:z?n[I]:void 0},i=r==="auto"?H(P):r,y=H(u),k=y==="overlay",s=i===void 0?void 0:i!=="closed",x=s===!0&&k,j=e.defaultValue,V=t.useRef({state:r,value:i,autoTable:P,defaultValue:j,controlled:c,onChange:e.onChange,toggleNext:e.toggleNext});t.useLayoutEffect(()=>{V.current={state:r,value:i,autoTable:P,defaultValue:j,controlled:c,onChange:e.onChange,toggleNext:e.toggleNext}});let m=t.useCallback(()=>{let n=V.current;return n.value!==void 0?n.value:n.state==="auto"?n.autoTable[S()]:void 0},[]),N=t.useCallback(()=>{let n=V.current;return typeof n.defaultValue=="string"?n.defaultValue:M(n.defaultValue)?n.autoTable[S()]:void 0},[]),g=t.useCallback((n,f)=>{let R=V.current;m()!==n&&(R.onChange?.(n,f),R.controlled||Q(n))},[m]),T=t.useCallback(n=>{let f=V.current,R=m()??"closed",Z=f.toggleNext?f.toggleNext(R,N()):R==="closed"?"open":"closed";g(Z,n)},[g,m,N]),D=t.useRef(null),X=t.useCallback(n=>{D.current=n},[]);t.useLayoutEffect(()=>{let n={name:l,id:v,el:D.current,value:i,presentation:y,presentationTable:u,overlayLive:x,size:e.size,setValue:g,toggle:T};return d.entries.set(l,n),B(d),()=>{d.entries.get(l)===n&&(d.entries.delete(l),B(d))}},[d,l,v,i,y,u,x,e.size,g,T]);let w=t.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});t.useLayoutEffect(()=>{w.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let A=t.useRef({state:r,shown:s});t.useEffect(()=>{let n=A.current;n.state!==r&&n.shown!==void 0&&s!==void 0&&n.shown!==s&&(s?w.current.onExpand?.():w.current.onCollapse?.()),A.current={state:r,shown:s}},[r,s]),t.useLayoutEffect(()=>{},[]);let K=t.useRef(c);t.useEffect(()=>{},[c,a,o.controlled]);let Y=q(d,l)&&s===!1&&!k;return{store:d,id:v,state:r,value:i,shown:s,presentation:y,overlaying:k,overlayLive:x,peeking:Y,ready:z,breakpoint:I,autoTable:P,setValue:g,toggle:T,defaultHereNow:N,setElement:X}}function le(e,l){let{state:a,value:o,presentation:u,shown:h}=e;return{...l,"data-state":a==="thin"?"open":a,"data-thin":a==="thin"?"":void 0,...a==="auto"?O("auto",e.autoTable):{},"data-presentation":u,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":o==="thin"?"thin":"expanded","data-open":u==="stacked"&&h?"":void 0,"data-peek":e.peeking?"":void 0}}function ue(e,l){let a=$(e),o=t.useMemo(()=>C(e,()=>l),[a,l]),u=t.useMemo(()=>b(o)===void 0?O("presentation",o):{},[o]);return{table:o,attributes:u}}export{oe as a,le as b,ue as c};
+//# sourceMappingURL=chunk-GMHA5CFH.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/_internal/shell-pane.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { readBreakpoint, useBreakpoint } from '../../hooks/use-breakpoint.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\nimport {\n  constantOf,\n  notifyShellStore,\n  tableAttributes,\n  tableOf,\n  usePeeking,\n  useShellStore,\n  useStableKey,\n  warnOnce,\n  type OpenChangeReason,\n  type PaneEntry,\n  type PaneValue,\n  type Table,\n} from './shell-store.js';\n\ntype ResponsiveValue = PaneValue | Partial<Record<Breakpoint, PaneValue>>;\n\nexport type UsePaneOptions = {\n  name: PaneName;\n  /** The component's display name, for warnings: `Inspector`, `Sidebar`, \u2026 */\n  label: string;\n  /** The prop names a warning should use: `open`/`defaultOpen`, or `state`/`defaultState`. */\n  propNames: { controlled: string; default: string };\n  id: string | undefined;\n  /** The controlled value. A responsive object is deprecated: it is resolved against the current breakpoint. */\n  controlled: ResponsiveValue | undefined;\n  /**\n   * The uncontrolled default. A single value fixes where the pane starts. A\n   * responsive object leaves the pane untouched (`auto`), with that object as\n   * what it shows at each breakpoint.\n   */\n  defaultValue: ResponsiveValue | undefined;\n  /** The pane's presentation at every breakpoint. Pass a memoised table. */\n  presentationTable: Table<PresentationValue>;\n  /** What an untouched pane shows where no default says otherwise. Pass a module-level function. */\n  builtIn: (presentation: PresentationValue) => PaneValue;\n  /** Reports a change a user made. Never called on mount or on a resize. */\n  onChange: ((value: PaneValue, reason: OpenChangeReason) => void) | undefined;\n  /** The value a toggle moves to. Defaults to open and closed in turn. */\n  toggleNext?: (current: PaneValue, defaultHere: PaneValue | undefined) => PaneValue;\n  onExpand: (() => void) | undefined;\n  onCollapse: (() => void) | undefined;\n  /** The pane's designed open width, published for the panes beside it. */\n  size: number;\n};\n\nexport type PaneController = ReturnType<typeof usePane>;\n\nconst isMap = (value: ResponsiveValue | undefined): value is Partial<Record<Breakpoint, PaneValue>> => typeof value === 'object' && value !== null;\n\n/** The first value a responsive object states, smallest breakpoint first. */\nfunction firstStated(map: Partial<Record<Breakpoint, PaneValue>>): PaneValue {\n  for (const bp of ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const) {\n    const value = map[bp];\n    if (value !== undefined) return value;\n  }\n  return 'closed';\n}\n\n/** Everything the togglable panes share: their state, their registry entry and their callbacks. */\nexport function usePane(options: UsePaneOptions) {\n  const { name, label, propNames, presentationTable, builtIn } = options;\n  const store = useShellStore(`Shell.${label}`);\n  const generatedId = React.useId();\n  const id = options.id ?? `shell-${name}${generatedId}`;\n\n  const controlled = options.controlled !== undefined;\n  const controlledIsMap = isMap(options.controlled);\n  if (controlledIsMap) {\n    warnOnce(\n      `Shell.${label}: a responsive \\`${propNames.controlled}\\` is deprecated and is removed in 1.0. ` +\n        `Pass a boolean and decide it from your own state, or use \\`${propNames.default}\\` with a responsive object.`,\n    );\n  }\n\n  // A responsive controlled value is resolved the way a responsive default\n  // is: it becomes the table an untouched pane follows, so the stylesheet\n  // answers it at each breakpoint (right in the server HTML, with no\n  // callback on a crossing) and the app's prop is still the only writer.\n  const controlledMap = controlledIsMap ? (options.controlled as Partial<Record<Breakpoint, PaneValue>>) : undefined;\n  const autoSource = controlledMap ?? (isMap(options.defaultValue) ? options.defaultValue : undefined);\n  const autoKey = useStableKey(autoSource);\n  const [inner, setInner] = React.useState<'auto' | PaneValue>(() => (typeof options.defaultValue === 'string' ? options.defaultValue : 'auto'));\n\n  // What an untouched pane shows at each breakpoint: a responsive default\n  // where it states one, the pane's own default where it does not.\n  const autoTable = React.useMemo(\n    () => (controlledMap ? tableOf<PaneValue>(controlledMap, () => firstStated(controlledMap)) : tableOf<PaneValue>(autoSource, (bp) => builtIn(presentationTable[bp]))),\n    // `autoKey` stands for the responsive object, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [autoKey, controlledIsMap, presentationTable, builtIn],\n  );\n\n  let state: 'auto' | PaneValue = inner;\n  if (controlled) state = controlledMap ? 'auto' : (options.controlled as PaneValue);\n\n  // Only a pane whose answer depends on the window subscribes to it, so a\n  // pane with one presentation and one default never re-renders on a resize.\n  const needsBreakpoint = constantOf(presentationTable) === undefined || (state === 'auto' && constantOf(autoTable) === undefined);\n  const { breakpoint, ready } = useBreakpoint(needsBreakpoint);\n\n  /** A table's value now: known without the window when it holds one value, else once the breakpoint is known. */\n  const now = <T,>(table: Table<T>): T | undefined => {\n    const constant = constantOf(table);\n    if (constant !== undefined) return constant;\n    return ready ? table[breakpoint] : undefined;\n  };\n\n  const value: PaneValue | undefined = state === 'auto' ? now(autoTable) : state;\n  const presentation = now(presentationTable);\n  const overlaying = presentation === 'overlay';\n  const shown = value === undefined ? undefined : value !== 'closed';\n  const overlayLive = shown === true && overlaying;\n\n  // Stable actions over the latest values, so the registry entry changes only\n  // when a fact it carries changes.\n  const defaultValue = options.defaultValue;\n  const latest = React.useRef({ state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext });\n  React.useLayoutEffect(() => {\n    latest.current = { state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext };\n  });\n\n  /**\n   * What the pane shows, and its default, at the window's breakpoint right\n   * now. Asked at the moment of an action rather than taken from the last\n   * render: a touched pane no longer follows the window, and a click can land\n   * before the mirror has resolved after hydration.\n   */\n  const valueNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (current.value !== undefined) return current.value;\n    return current.state === 'auto' ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n  const defaultHereNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (typeof current.defaultValue === 'string') return current.defaultValue;\n    return isMap(current.defaultValue) ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n\n  const setValue = React.useCallback(\n    (next: PaneValue, reason: OpenChangeReason) => {\n      const current = latest.current;\n      if (valueNow() === next) return;\n      current.onChange?.(next, reason);\n      if (!current.controlled) setInner(next);\n    },\n    [valueNow],\n  );\n\n  const toggle = React.useCallback(\n    (reason: OpenChangeReason) => {\n      const current = latest.current;\n      const from = valueNow() ?? 'closed';\n      const next = current.toggleNext ? current.toggleNext(from, defaultHereNow()) : from === 'closed' ? 'open' : 'closed';\n      setValue(next, reason);\n    },\n    [setValue, valueNow, defaultHereNow],\n  );\n\n  // The pane's element, for the Root's containment and focus.\n  const elementRef = React.useRef<HTMLElement | null>(null);\n  const setElement = React.useCallback((node: HTMLElement | null) => {\n    elementRef.current = node;\n  }, []);\n\n  // Registration. A layout effect so a Trigger's aria attributes and the\n  // Root's containment are right before the browser paints.\n  React.useLayoutEffect(() => {\n    const entry: PaneEntry = {\n      name,\n      id,\n      el: elementRef.current,\n      value,\n      presentation,\n      presentationTable,\n      overlayLive,\n      size: options.size,\n      setValue,\n      toggle,\n    };\n    store.entries.set(name, entry);\n    notifyShellStore(store);\n    return () => {\n      if (store.entries.get(name) === entry) {\n        store.entries.delete(name);\n        notifyShellStore(store);\n      }\n    };\n  }, [store, name, id, value, presentation, presentationTable, overlayLive, options.size, setValue, toggle]);\n\n  // onExpand/onCollapse fire when the pane's state changes and that changes\n  // whether it is shown: a user's toggle, or a controlled prop. Never on\n  // mount, and never because the window crossed a breakpoint.\n  const callbacks = React.useRef({ onExpand: options.onExpand, onCollapse: options.onCollapse });\n  React.useLayoutEffect(() => {\n    callbacks.current = { onExpand: options.onExpand, onCollapse: options.onCollapse };\n  });\n  const previous = React.useRef({ state, shown });\n  React.useEffect(() => {\n    const before = previous.current;\n    if (before.state !== state && before.shown !== undefined && shown !== undefined && before.shown !== shown) {\n      if (shown) callbacks.current.onExpand?.();\n      else callbacks.current.onCollapse?.();\n    }\n    previous.current = { state, shown };\n  }, [state, shown]);\n\n  // Development guards. Once per mount, not once per render.\n  React.useLayoutEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (options.controlled !== undefined && options.defaultValue !== undefined) {\n      console.error(`Shell.${label}: Do not pass both \\`${propNames.controlled}\\` and \\`${propNames.default}\\`. Choose one.`);\n    }\n    // Mount only: this is the once-per-mount guard.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const wasControlled = React.useRef(controlled);\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (wasControlled.current !== controlled) {\n      console.warn(`Shell.${label}: Switching between controlled and uncontrolled \\`${propNames.controlled}\\` is not supported.`);\n      wasControlled.current = controlled;\n    }\n  }, [controlled, label, propNames.controlled]);\n\n  const peeking = usePeeking(store, name) && shown === false && !overlaying;\n\n  return {\n    store,\n    id,\n    state,\n    value,\n    shown,\n    presentation,\n    overlaying,\n    overlayLive,\n    peeking,\n    ready,\n    breakpoint,\n    autoTable,\n    setValue,\n    toggle,\n    defaultHereNow,\n    setElement,\n  };\n}\n\n/** The data attributes every togglable pane renders. */\nexport function paneAttributes(pane: PaneController, presentationAttributes: Record<string, string>) {\n  const { state, value, presentation, shown } = pane;\n  return {\n    ...presentationAttributes,\n    'data-state': state === 'thin' ? 'open' : state,\n    'data-thin': state === 'thin' ? '' : undefined,\n    ...(state === 'auto' ? tableAttributes('auto', pane.autoTable) : {}),\n    'data-presentation': presentation,\n    'data-mode': value === undefined ? undefined : value === 'closed' ? 'collapsed' : value === 'thin' ? 'thin' : 'expanded',\n    // Kept for stylesheets written against 0.7: set while a stacked pane is open.\n    'data-open': presentation === 'stacked' && shown ? '' : undefined,\n    'data-peek': pane.peeking ? '' : undefined,\n  } as const;\n}\n\n/** A pane's own presentation, as a table and as the attributes the stylesheet reads. */\nexport function usePresentationTable(presentation: Parameters<typeof tableOf<PresentationValue>>[0], fallback: PresentationValue) {\n  const key = useStableKey(presentation);\n  const table = React.useMemo(\n    () => tableOf<PresentationValue>(presentation, () => fallback),\n    // `key` stands for `presentation`, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, fallback],\n  );\n  // One value is the plain `data-presentation` the pane renders anyway; several\n  // are written per breakpoint, so the stylesheet can place the pane before\n  // any script runs.\n  const attributes = React.useMemo(() => (constantOf(table) === undefined ? tableAttributes('presentation', table) : ({} as Record<string, string>)), [table]);\n  return { table, attributes };\n}\n"],
+  "mappings": "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",
+  "names": ["React", "isMap", "value", "firstStated", "map", "bp", "usePane", "options", "name", "label", "propNames", "presentationTable", "builtIn", "store", "useShellStore", "generatedId", "id", "controlled", "controlledIsMap", "controlledMap", "autoSource", "autoKey", "useStableKey", "inner", "setInner", "autoTable", "tableOf", "state", "needsBreakpoint", "constantOf", "breakpoint", "ready", "useBreakpoint", "now", "table", "constant", "presentation", "overlaying", "shown", "overlayLive", "defaultValue", "latest", "valueNow", "current", "readBreakpoint", "defaultHereNow", "setValue", "next", "reason", "toggle", "from", "elementRef", "setElement", "node", "entry", "notifyShellStore", "callbacks", "previous", "before", "wasControlled", "peeking", "usePeeking", "paneAttributes", "pane", "presentationAttributes", "tableAttributes", "usePresentationTable", "fallback", "key", "attributes"]
+}

package/dist/esm/{chunk-HBR42MIX.js → chunk-H4GR4262.js}

@@ -1,2 +1,2 @@
-import{a as C}from"./chunk-XKBLNVOD.js";import{a as d}from"./chunk-TOOSHJOA.js";import{a as c}from"./chunk-MJJ7XDIP.js";import{a as u}from"./chunk-H7ST535H.js";import{c as P}from"./chunk-DXL6V2A5.js";import{a as f}from"./chunk-5TXQLK4G.js";import{a}from"./chunk-6FLLFCBU.js";import{a as L}from"./chunk-OS3FCYZY.js";var I={};L(I,{Action:()=>h,Cancel:()=>x,Content:()=>v,Description:()=>E,Root:()=>y,Title:()=>T,Trigger:()=>R});import*as e from"react";import O from"classnames";import{AlertDialog as l}from"radix-ui";var y=o=>e.createElement(l.Root,{...o});y.displayName="AlertDialog.Root";var R=e.forwardRef(({children:o,...t},r)=>e.createElement(l.Trigger,{...t,ref:r,asChild:!0},c(o)));R.displayName="AlertDialog.Trigger";var{align:S,panelBackground:K,material:_,...j}=C,q={align:S},z={panelBackground:K},F={material:_},v=e.forwardRef(({align:o,...t},r)=>{let{className:N}=a({align:o},q),{panelBackground:k}=a({panelBackground:t.panelBackground},z),{material:B}=a({material:t.material},F);f(t.panelBackground);let g=B??k,{className:b,forceMount:w,container:M,panelBackground:V,material:$,...W}=a(t,j),m=e.useRef(null),H=e.useMemo(()=>i=>{m.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]);return e.useEffect(()=>{if(typeof window>"u")return;let i=m.current;if(!i)return;let n=i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(n.length===0)return;let p=n[0],D=n[n.length-1],A=s=>{s.key==="Tab"&&(s.shiftKey?document.activeElement===p&&(s.preventDefault(),D.focus()):document.activeElement===D&&(s.preventDefault(),p.focus()))};return i.addEventListener("keydown",A),p.focus(),()=>{i.removeEventListener("keydown",A)}},[]),e.createElement(l.Portal,{container:M,forceMount:w},e.createElement(P,{asChild:!0},e.createElement(l.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},e.createElement("div",{className:`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${N}`},e.createElement(l.Content,{...W,ref:H,className:O("rt-BaseDialogContent","rt-AlertDialogContent",b),"data-material":g,"data-panel-background":g,tabIndex:-1,role:"alertdialog","aria-modal":"true","aria-describedby":"alert-dialog-description",onCloseAutoFocus:i=>{i.preventDefault(),document.body.style.pointerEvents=""}}),e.createElement("div",{"aria-live":"assertive","aria-atomic":"true",className:"rt-sr-only",id:"alert-dialog-announcement"}))))))});v.displayName="AlertDialog.Content";var T=e.forwardRef((o,t)=>e.createElement(l.Title,{asChild:!0},e.createElement(d,{size:"5",mb:"3",trim:"start",...o,asChild:!1,ref:t})));T.displayName="AlertDialog.Title";var E=e.forwardRef((o,t)=>e.createElement(l.Description,{asChild:!0},e.createElement(u,{as:"p",size:"3",...o,asChild:!1,ref:t})));E.displayName="AlertDialog.Description";var h=e.forwardRef(({children:o,...t},r)=>e.createElement(l.Action,{...t,ref:r,asChild:!0},c(o)));h.displayName="AlertDialog.Action";var x=e.forwardRef(({children:o,...t},r)=>e.createElement(l.Cancel,{...t,ref:r,asChild:!0},c(o)));x.displayName="AlertDialog.Cancel";export{y as a,R as b,v as c,T as d,E as e,h as f,x as g,I as h};
-//# sourceMappingURL=chunk-HBR42MIX.js.map
+import{a as u}from"./chunk-PYXMGEO7.js";import{a as c}from"./chunk-MJJ7XDIP.js";import{a as C}from"./chunk-5TAHT6VC.js";import{a as d}from"./chunk-XKBLNVOD.js";import{c as P}from"./chunk-SEY4NA45.js";import{a as f}from"./chunk-5TXQLK4G.js";import{a}from"./chunk-UBSLEGQZ.js";import{a as L}from"./chunk-OS3FCYZY.js";var I={};L(I,{Action:()=>h,Cancel:()=>x,Content:()=>v,Description:()=>E,Root:()=>y,Title:()=>T,Trigger:()=>R});import*as e from"react";import O from"classnames";import{AlertDialog as l}from"radix-ui";var y=o=>e.createElement(l.Root,{...o});y.displayName="AlertDialog.Root";var R=e.forwardRef(({children:o,...t},r)=>e.createElement(l.Trigger,{...t,ref:r,asChild:!0},c(o)));R.displayName="AlertDialog.Trigger";var{align:S,panelBackground:K,material:_,...j}=d,q={align:S},z={panelBackground:K},F={material:_},v=e.forwardRef(({align:o,...t},r)=>{let{className:N}=a({align:o},q),{panelBackground:k}=a({panelBackground:t.panelBackground},z),{material:B}=a({material:t.material},F);f(t.panelBackground);let g=B??k,{className:b,forceMount:w,container:M,panelBackground:V,material:$,...W}=a(t,j),m=e.useRef(null),H=e.useMemo(()=>i=>{m.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]);return e.useEffect(()=>{if(typeof window>"u")return;let i=m.current;if(!i)return;let n=i.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(n.length===0)return;let p=n[0],D=n[n.length-1],A=s=>{s.key==="Tab"&&(s.shiftKey?document.activeElement===p&&(s.preventDefault(),D.focus()):document.activeElement===D&&(s.preventDefault(),p.focus()))};return i.addEventListener("keydown",A),p.focus(),()=>{i.removeEventListener("keydown",A)}},[]),e.createElement(l.Portal,{container:M,forceMount:w},e.createElement(P,{asChild:!0},e.createElement(l.Overlay,{className:"rt-BaseDialogOverlay rt-AlertDialogOverlay"},e.createElement("div",{className:"rt-BaseDialogScroll rt-AlertDialogScroll"},e.createElement("div",{className:`rt-BaseDialogScrollPadding rt-AlertDialogScrollPadding ${N}`},e.createElement(l.Content,{...W,ref:H,className:O("rt-BaseDialogContent","rt-AlertDialogContent",b),"data-material":g,"data-panel-background":g,tabIndex:-1,role:"alertdialog","aria-modal":"true","aria-describedby":"alert-dialog-description",onCloseAutoFocus:i=>{i.preventDefault(),document.body.style.pointerEvents=""}}),e.createElement("div",{"aria-live":"assertive","aria-atomic":"true",className:"rt-sr-only",id:"alert-dialog-announcement"}))))))});v.displayName="AlertDialog.Content";var T=e.forwardRef((o,t)=>e.createElement(l.Title,{asChild:!0},e.createElement(u,{size:"5",mb:"3",trim:"start",...o,asChild:!1,ref:t})));T.displayName="AlertDialog.Title";var E=e.forwardRef((o,t)=>e.createElement(l.Description,{asChild:!0},e.createElement(C,{as:"p",size:"3",...o,asChild:!1,ref:t})));E.displayName="AlertDialog.Description";var h=e.forwardRef(({children:o,...t},r)=>e.createElement(l.Action,{...t,ref:r,asChild:!0},c(o)));h.displayName="AlertDialog.Action";var x=e.forwardRef(({children:o,...t},r)=>e.createElement(l.Cancel,{...t,ref:r,asChild:!0},c(o)));x.displayName="AlertDialog.Cancel";export{y as a,R as b,v as c,T as d,E as e,h as f,x as g,I as h};
+//# sourceMappingURL=chunk-H4GR4262.js.map