@womp/kookie-ui 0.34.1 → 0.35.0

package/dist/esm/chunk-25FNCKUM.js

@@ -0,0 +1,2 @@
+import{a as t}from"./chunk-NUVUXNHF.js";import{a as e}from"./chunk-EKTVL6SS.js";import{b as r}from"./chunk-KRJTW535.js";import{c as o}from"./chunk-CUNKWFKA.js";var s=["1","2","3","4"],l={size:{type:"enum",className:"kui-r-size",values:s,default:"2",responsive:!0}},i=["raised","surface","soft","outline","ghost"],m={variant:{type:"enum",className:"kui-variant",values:i,default:"raised"},error:{type:"boolean"},loading:{type:"boolean"},disabled:{type:"boolean"},readOnly:{type:"boolean"},...o,...r,width:e.width,placeholder:{type:"string"}},a=["1","2","3","4"],c={size:{type:"enum",className:"kui-r-size",values:a,default:"2",responsive:!0},...o,width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...t};export{l as a,m as b,c};
+//# sourceMappingURL=chunk-25FNCKUM.js.map

package/dist/esm/chunk-25FNCKUM.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/combobox.props.tsx"],
+  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\nimport { widthPropDefs } from '../props/width.props.js';\nimport { heightPropDefs } from '../props/height.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Shared responsive sizing inherited by Combobox.Root.\n */\nconst comboboxRootPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nconst triggerVariants = ['raised', 'surface', 'soft', 'outline', 'ghost'] as const;\n\n/**\n * Token-aware props specific to Combobox.Trigger.\n */\nconst comboboxTriggerPropDefs = {\n  variant: { type: 'enum', className: 'kui-variant', values: triggerVariants, default: 'raised' },\n  error: { type: 'boolean' },\n  loading: { type: 'boolean' },\n  disabled: { type: 'boolean' },\n  readOnly: { type: 'boolean' },\n  ...colorPropDef,\n  ...radiusPropDef,\n  width: widthPropDefs.width,\n  placeholder: { type: 'string' },\n} satisfies {\n  variant: PropDef<(typeof triggerVariants)[number]>;\n  error: PropDef<boolean>;\n  loading: PropDef<boolean>;\n  disabled: PropDef<boolean>;\n  readOnly: PropDef<boolean>;\n  width: PropDef<string>;\n  placeholder: PropDef<string>;\n};\n\n// The list takes sizes 1 to 4, like every menu.\nconst contentSizes = ['1', '2', '3', '4'] as const;\n\n/**\n * Styling props for the dropdown surface rendered by Combobox.Content.\n */\nconst comboboxContentPropDefs = {\n  size: { type: 'enum', className: 'kui-r-size', values: contentSizes, default: '2', responsive: true },\n  ...colorPropDef,\n  width: widthPropDefs.width,\n  minWidth: widthPropDefs.minWidth,\n  maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n  ...heightPropDefs,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  width: PropDef<string>;\n  minWidth: PropDef<string>;\n  maxWidth: PropDef<string>;\n};\n\nexport { comboboxRootPropDefs, comboboxTriggerPropDefs, comboboxContentPropDefs };\n"],
+  "mappings": "gKAOA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAK3BC,EAAuB,CAC3B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAO,QAAS,IAAK,WAAY,EAAK,CAC/F,EAIME,EAAkB,CAAC,SAAU,UAAW,OAAQ,UAAW,OAAO,EAKlEC,EAA0B,CAC9B,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQD,EAAiB,QAAS,QAAS,EAC9F,MAAO,CAAE,KAAM,SAAU,EACzB,QAAS,CAAE,KAAM,SAAU,EAC3B,SAAU,CAAE,KAAM,SAAU,EAC5B,SAAU,CAAE,KAAM,SAAU,EAC5B,GAAGE,EACH,GAAGC,EACH,MAAOC,EAAc,MACrB,YAAa,CAAE,KAAM,QAAS,CAChC,EAWMC,EAAe,CAAC,IAAK,IAAK,IAAK,GAAG,EAKlCC,EAA0B,CAC9B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQD,EAAc,QAAS,IAAK,WAAY,EAAK,EACpG,GAAGH,EACH,MAAOE,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGG,CACL",
+  "names": ["sizes", "comboboxRootPropDefs", "triggerVariants", "comboboxTriggerPropDefs", "colorPropDef", "radiusPropDef", "widthPropDefs", "contentSizes", "comboboxContentPropDefs", "heightPropDefs"]
+}

package/dist/esm/{chunk-KDJM4NQQ.js → chunk-2WFN4D52.js}

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

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

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

package/dist/esm/chunk-4OJRLS5N.js.map

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

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

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

package/dist/esm/{chunk-QKCNGEX4.js.map → chunk-4TTRPCGG.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/_internal/shell-resizable.tsx", "../../src/helpers/normalize-to-px.ts"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { useLayoutEffect } from 'radix-ui/internal';\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/**\n * The pane's starting size for the first render, so the server HTML already has it and the first\n * paint is right. Only a number can be known before the pane exists (a percentage needs the\n * Shell's width); the effects below still own the size after mount.\n */\nexport function useInitialPaneSize(size: number | string | undefined, defaultSize: number | string | undefined, minSize: number, maxSize: number) {\n  const [initial] = React.useState(() => {\n    const value = size ?? defaultSize;\n    return typeof value === 'number' && Number.isFinite(value) ? `${clampTo(value, minSize, maxSize)}px` : undefined;\n  });\n  return initial;\n}\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  useLayoutEffect(() => {\n    latest.current = options;\n  });\n\n  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const throttleRef = React.useRef(0);\n  React.useEffect(\n    () => () => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n    },\n    [],\n  );\n  const emitSizeChange = React.useCallback((value: number, meta: SizeChangeMeta) => {\n    const { onSizeChange, sizeUpdate, sizeUpdateMs } = latest.current;\n    if (!onSizeChange) return;\n    if (sizeUpdate === 'debounce') {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n      debounceRef.current = setTimeout(() => {\n        debounceRef.current = null;\n        latest.current.onSizeChange?.(value, meta);\n      }, sizeUpdateMs);\n      return;\n    }\n    if (sizeUpdate === 'throttle') {\n      const now = Date.now();\n      if (now - throttleRef.current < sizeUpdateMs) return;\n      throttleRef.current = now;\n    }\n    onSizeChange(value, meta);\n  }, []);\n\n  const toPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, orientation === 'vertical' ? 'horizontal' : 'vertical'), [orientation]);\n\n  /**\n   * The one way a size reaches the pane: the size variable, and the value\n   * every handle of this pane announces. Once anything but `expandedSize` has\n   * written a size (a default, a controlled value, a persisted value or a\n   * resize), the pane owns that size and a new `expandedSize` leaves it alone.\n   */\n  const ownedRef = React.useRef(false);\n  const writeSize = React.useCallback(\n    (value: number, own: boolean) => {\n      const el = elementRef.current;\n      if (!el) return;\n      el.style.setProperty(cssVarName, `${value}px`);\n      for (const handle of el.querySelectorAll(':scope > .kui-ShellResizer')) handle.setAttribute('aria-valuenow', String(Math.round(value)));\n      if (own) ownedRef.current = true;\n    },\n    [elementRef, cssVarName],\n  );\n\n  // expandedSize: the size until something else sets one. Declared first, so\n  // the effects below win on mount.\n  useLayoutEffect(() => {\n    if (!ownedRef.current) writeSize(options.expandedSize, false);\n  }, [options.expandedSize, writeSize]);\n\n  // defaultSize: applied once, on mount.\n  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  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. A given one is read through\n  // `latest`, so an inline object (the documented shape) does not reload the size every render.\n  const hasPersistence = persistence !== undefined;\n  const adapter = React.useMemo<PaneSizePersistence | undefined>(() => {\n    if (hasPersistence) {\n      return {\n        load: () => latest.current.persistence?.load?.(),\n        save: (value: number) => latest.current.persistence?.save?.(value),\n      };\n    }\n    if (!paneId) return undefined;\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, hasPersistence]);\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  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", "/**\n * Normalize CSS length values to pixels.\n * Supports: px, rem, %, and bare numbers.\n *\n * @param value - The value to normalize (number, string, or undefined)\n * @param orientation - 'horizontal' for width-based % or 'vertical' for height-based %\n * @returns The value in pixels, or undefined if invalid\n */\nexport function normalizeToPx(\n  value: number | string | undefined,\n  orientation: 'horizontal' | 'vertical' = 'horizontal',\n): number | undefined {\n  if (value == null) return undefined;\n  if (typeof value === 'number' && Number.isFinite(value)) return value;\n\n  const str = String(value).trim();\n  if (!str) return undefined;\n\n  // px: direct parse\n  if (str.endsWith('px')) return Number.parseFloat(str);\n\n  // rem: multiply by root font size\n  if (str.endsWith('rem')) {\n    const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n    return Number.parseFloat(str) * rem;\n  }\n\n  // %: calculate based on viewport dimension\n  if (str.endsWith('%')) {\n    const pct = Number.parseFloat(str);\n    const base =\n      orientation === 'horizontal'\n        ? document.documentElement.clientWidth || window.innerWidth || 0\n        : document.documentElement.clientHeight || window.innerHeight || 0;\n    return (pct / 100) * base;\n  }\n\n  // Bare number-like string\n  const n = Number.parseFloat(str);\n  return Number.isFinite(n) ? n : undefined;\n}\n\n"],
-  "mappings": ";AAEA,UAAYA,MAAW,QACvB,OAAS,mBAAAC,MAAuB,oBCKzB,SAASC,EACdC,EACAC,EAAyC,aACrB,CACpB,GAAID,GAAS,KAAM,OACnB,GAAI,OAAOA,GAAU,UAAY,OAAO,SAASA,CAAK,EAAG,OAAOA,EAEhE,IAAME,EAAM,OAAOF,CAAK,EAAE,KAAK,EAC/B,GAAI,CAACE,EAAK,OAGV,GAAIA,EAAI,SAAS,IAAI,EAAG,OAAO,OAAO,WAAWA,CAAG,EAGpD,GAAIA,EAAI,SAAS,KAAK,EAAG,CACvB,IAAMC,EAAM,OAAO,WAAW,iBAAiB,SAAS,eAAe,EAAE,UAAY,IAAI,GAAK,GAC9F,OAAO,OAAO,WAAWD,CAAG,EAAIC,CAClC,CAGA,GAAID,EAAI,SAAS,GAAG,EAAG,CACrB,IAAME,EAAM,OAAO,WAAWF,CAAG,EAC3BG,EACJJ,IAAgB,aACZ,SAAS,gBAAgB,aAAe,OAAO,YAAc,EAC7D,SAAS,gBAAgB,cAAgB,OAAO,aAAe,EACrE,OAAQG,EAAM,IAAOC,CACvB,CAGA,IAAMC,EAAI,OAAO,WAAWJ,CAAG,EAC/B,OAAO,OAAO,SAASI,CAAC,EAAIA,EAAI,MAClC,CDUA,IAAMC,EAAU,CAACC,EAAeC,EAAyBC,IAA4B,KAAK,IAAID,GAAOD,EAAO,KAAK,IAAIE,GAAOF,EAAOA,CAAK,CAAC,EAOlI,SAASG,EAAmBC,EAAmCC,EAA0CC,EAAiBC,EAAiB,CAChJ,GAAM,CAACC,CAAO,EAAU,WAAS,IAAM,CACrC,IAAMR,EAAQI,GAAQC,EACtB,OAAO,OAAOL,GAAU,UAAY,OAAO,SAASA,CAAK,EAAI,GAAGD,EAAQC,EAAOM,EAASC,CAAO,CAAC,KAAO,MACzG,CAAC,EACD,OAAOC,CACT,CAGO,SAASC,EAAiBC,EAAmD,CAClF,GAAM,CAAE,KAAAC,EAAM,WAAAC,EAAY,WAAAC,EAAY,YAAAC,EAAa,QAAAR,EAAS,QAAAC,EAAS,UAAAQ,EAAW,KAAAX,EAAM,YAAAC,EAAa,OAAAW,EAAQ,YAAAC,CAAY,EAAIP,EAKrHQ,EAAe,SAAOR,CAAO,EACnCS,EAAgB,IAAM,CACpBD,EAAO,QAAUR,CACnB,CAAC,EAED,IAAMU,EAAoB,SAA6C,IAAI,EACrEC,EAAoB,SAAO,CAAC,EAC5B,YACJ,IAAM,IAAM,CACND,EAAY,SAAS,aAAaA,EAAY,OAAO,CAC3D,EACA,CAAC,CACH,EACA,IAAME,EAAuB,cAAY,CAACtB,EAAeuB,IAAyB,CAChF,GAAM,CAAE,aAAAC,EAAc,WAAAC,EAAY,aAAAC,CAAa,EAAIR,EAAO,QAC1D,GAAKM,EACL,IAAIC,IAAe,WAAY,CACzBL,EAAY,SAAS,aAAaA,EAAY,OAAO,EACzDA,EAAY,QAAU,WAAW,IAAM,CACrCA,EAAY,QAAU,KACtBF,EAAO,QAAQ,eAAelB,EAAOuB,CAAI,CAC3C,EAAGG,CAAY,EACf,MACF,CACA,GAAID,IAAe,WAAY,CAC7B,IAAME,EAAM,KAAK,IAAI,EACrB,GAAIA,EAAMN,EAAY,QAAUK,EAAc,OAC9CL,EAAY,QAAUM,CACxB,CACAH,EAAaxB,EAAOuB,CAAI,EAC1B,EAAG,CAAC,CAAC,EAECK,EAAa,cAAa5B,GAAuC6B,EAAc7B,EAAOc,IAAgB,WAAa,aAAe,UAAU,EAAG,CAACA,CAAW,CAAC,EAQ5JgB,EAAiB,SAAO,EAAK,EAC7BC,EAAkB,cACtB,CAAC/B,EAAegC,IAAiB,CAC/B,IAAMC,EAAKrB,EAAW,QACtB,GAAKqB,EACL,CAAAA,EAAG,MAAM,YAAYpB,EAAY,GAAGb,CAAK,IAAI,EAC7C,QAAWkC,KAAUD,EAAG,iBAAiB,4BAA4B,EAAGC,EAAO,aAAa,gBAAiB,OAAO,KAAK,MAAMlC,CAAK,CAAC,CAAC,EAClIgC,IAAKF,EAAS,QAAU,IAC9B,EACA,CAAClB,EAAYC,CAAU,CACzB,EAIAM,EAAgB,IAAM,CACfW,EAAS,SAASC,EAAUrB,EAAQ,aAAc,EAAK,CAC9D,EAAG,CAACA,EAAQ,aAAcqB,CAAS,CAAC,EAGpCZ,EAAgB,IAAM,CACpB,GAAIf,IAAS,QAAaC,IAAgB,OAAW,OACrD,IAAM8B,EAAKP,EAAKvB,CAAW,EAC3B,GAAI,OAAO8B,GAAO,UAAY,CAAC,OAAO,SAASA,CAAE,EAAG,OACpD,IAAMC,EAAUrC,EAAQoC,EAAI7B,EAASC,CAAO,EAC5CwB,EAAUK,EAAS,EAAI,EACvBd,EAAec,EAAS,CAAE,OAAQ,MAAO,CAAC,CAG5C,EAAG,CAAC,CAAC,EAOLjB,EAAgB,IAAM,CACpB,GAAIf,IAAS,QAAac,EAAO,QAAQ,cAAc,EAAG,OAC1D,IAAMiB,EAAKP,EAAKxB,CAAI,EACpB,GAAI,OAAO+B,GAAO,UAAY,CAAC,OAAO,SAASA,CAAE,EAAG,OACpD,IAAMC,EAAUrC,EAAQoC,EAAI7B,EAASC,CAAO,EAC5CwB,EAAUK,EAAS,EAAI,EACvBd,EAAec,EAAS,CAAE,OAAQ,YAAa,CAAC,CAClD,EAAG,CAAChC,EAAME,EAASC,EAASG,EAAQ,WAAYkB,EAAMG,EAAWT,CAAc,CAAC,EAIhF,IAAMe,EAAiBpB,IAAgB,OACjCqB,EAAgB,UAAyC,IAAM,CACnE,GAAID,EACF,MAAO,CACL,KAAM,IAAMnB,EAAO,QAAQ,aAAa,OAAO,EAC/C,KAAOlB,GAAkBkB,EAAO,QAAQ,aAAa,OAAOlB,CAAK,CACnE,EAEF,GAAI,CAACgB,EAAQ,OACb,IAAMuB,EAAM,mBAAmB5B,CAAI,IAAIK,CAAM,GAC7C,MAAO,CACL,KAAM,IAAM,CACV,GAAI,SAAO,OAAW,KACtB,GAAI,CACF,IAAMwB,EAAS,OAAO,aAAa,QAAQD,CAAG,EAC9C,OAAOC,EAAS,OAAOA,CAAM,EAAI,MACnC,MAAc,CAEZ,MACF,CACF,EACA,KAAOxC,GAAkB,CACvB,GAAI,SAAO,OAAW,KACtB,GAAI,CACF,OAAO,aAAa,QAAQuC,EAAK,OAAOvC,CAAK,CAAC,CAChD,MAAc,CAEd,CACF,CACF,CACF,EAAG,CAACW,EAAMK,EAAQqB,CAAc,CAAC,EAKjClB,EAAgB,IAAM,CACpB,GAAI,CAACJ,GAAa,CAACuB,GAAS,MAAQpB,EAAO,QAAQ,cAAc,EAAG,OACpE,IAAIuB,EAAU,GACRC,EAAS1C,GAA8B,CAC3C,GAAI,CAACyC,GAAW,OAAOzC,GAAU,UAAY,CAAC,OAAO,SAASA,CAAK,EAAG,OACtE,IAAMoC,EAAUrC,EAAQC,EAAOM,EAASC,CAAO,EAC/CwB,EAAUK,EAAS,EAAI,EACvBlB,EAAO,QAAQ,WAAWkB,CAAO,CACnC,EACMO,EAASL,EAAQ,KAAK,EAC5B,OAAIK,aAAkB,QACpBA,EAAO,KAAKD,CAAK,EAAE,MAAOE,GAAQ,CAElC,CAAC,EAEDF,EAAMC,CAAM,EAEP,IAAM,CACXF,EAAU,EACZ,CACF,EAAG,CAAC1B,EAAWuB,EAAS5B,EAAQ,WAAYqB,EAAWzB,EAASC,EAASI,CAAI,CAAC,EAE9E,IAAMkC,EAAiB,cAAa7C,GAAkBkB,EAAO,QAAQ,WAAWlB,CAAK,EAAG,CAAC,CAAC,EACpF8C,EAAsB,cAAa9C,GAAkB,CAEzD8B,EAAS,QAAU,GACnBZ,EAAO,QAAQ,gBAAgBlB,CAAK,CACtC,EAAG,CAAC,CAAC,EACC+C,EAAoB,cACvB/C,GAAkB,CACjBkB,EAAO,QAAQ,cAAclB,CAAK,EAClCsB,EAAetB,EAAO,CAAE,OAAQ,QAAS,CAAC,EAC1CsC,GAAS,OAAOtC,CAAK,CACvB,EACA,CAACsB,EAAgBgB,CAAO,CAC1B,EACMU,EAAwB,cAAY,IAAM9B,EAAO,QAAQ,gBAAgB,EAAG,CAAC,CAAC,EAC9E+B,EAAsB,cAAY,IAAM/B,EAAO,QAAQ,cAAc,EAAG,CAAC,CAAC,EAEhF,OAAa,UACX,KAAO,CACL,aAAcN,EACd,SAAUF,EAAQ,UAClB,WAAAG,EACA,QAAAP,EACA,QAAAC,EACA,YAAaG,EAAQ,aACrB,YAAAI,EACA,KAAMJ,EAAQ,KACd,OAAQA,EAAQ,OAChB,SAAAmC,EACA,cAAAC,EACA,YAAAC,EACA,OAAQpC,EACR,YAAaD,EAAQ,YACrB,WAAYA,EAAQ,WACpB,cAAeA,EAAQ,eAAiB,EACxC,kBAAmBA,EAAQ,kBAC3B,gBAAAsC,EACA,cAAAC,CACF,GACA,CACErC,EACAF,EAAQ,UACRG,EACAP,EACAC,EACAG,EAAQ,aACRI,EACAJ,EAAQ,KACRA,EAAQ,OACRmC,EACAC,EACAC,EACApC,EACAD,EAAQ,YACRA,EAAQ,WACRA,EAAQ,cACRA,EAAQ,kBACRsC,EACAC,CACF,CACF,CACF,CAGO,SAASC,EAAaC,EAA2BC,EAA+B,CACrF,IAAMC,EAAY,WAAS,QAAQF,CAAQ,EACrCG,EAAUD,EAAI,OAAQpB,GAAa,iBAAeA,CAAE,GAAKA,EAAG,OAASmB,CAAU,EAC/EG,EAAUF,EAAI,OAAQpB,GAAO,EAAQ,iBAAeA,CAAE,GAAKA,EAAG,OAASmB,EAAW,EACxF,MAAO,CAAE,QAAAE,EAAS,QAAAC,CAAQ,CAC5B",
-  "names": ["React", "useLayoutEffect", "normalizeToPx", "value", "orientation", "str", "rem", "pct", "base", "n", "clampTo", "value", "min", "max", "useInitialPaneSize", "size", "defaultSize", "minSize", "maxSize", "initial", "useResizablePane", "options", "name", "elementRef", "cssVarName", "orientation", "resizable", "paneId", "persistence", "latest", "useLayoutEffect", "debounceRef", "throttleRef", "emitSizeChange", "meta", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "now", "toPx", "normalizeToPx", "ownedRef", "writeSize", "own", "el", "handle", "px", "clamped", "hasPersistence", "adapter", "key", "stored", "mounted", "apply", "loaded", "err", "onResize", "onResizeStart", "onResizeEnd", "requestCollapse", "requestToggle", "splitHandles", "children", "handleType", "all", "handles", "content"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { useLayoutEffect } from 'radix-ui/internal';\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/**\n * The pane's starting size for the first render, so the server HTML already has it and the first\n * paint is right. Only a number can be known before the pane exists (a percentage needs the\n * Shell's width); the effects below still own the size after mount.\n */\nexport function useInitialPaneSize(size: number | string | undefined, defaultSize: number | string | undefined, minSize: number, maxSize: number) {\n  const [initial] = React.useState(() => {\n    const value = size ?? defaultSize;\n    return typeof value === 'number' && Number.isFinite(value) ? `${clampTo(value, minSize, maxSize)}px` : undefined;\n  });\n  return initial;\n}\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  useLayoutEffect(() => {\n    latest.current = options;\n  });\n\n  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const throttleRef = React.useRef(0);\n  React.useEffect(\n    () => () => {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n    },\n    [],\n  );\n  const emitSizeChange = React.useCallback((value: number, meta: SizeChangeMeta) => {\n    const { onSizeChange, sizeUpdate, sizeUpdateMs } = latest.current;\n    if (!onSizeChange) return;\n    if (sizeUpdate === 'debounce') {\n      if (debounceRef.current) clearTimeout(debounceRef.current);\n      debounceRef.current = setTimeout(() => {\n        debounceRef.current = null;\n        latest.current.onSizeChange?.(value, meta);\n      }, sizeUpdateMs);\n      return;\n    }\n    if (sizeUpdate === 'throttle') {\n      const now = Date.now();\n      if (now - throttleRef.current < sizeUpdateMs) return;\n      throttleRef.current = now;\n    }\n    onSizeChange(value, meta);\n  }, []);\n\n  const toPx = React.useCallback((value: number | string | undefined) => normalizeToPx(value, orientation === 'vertical' ? 'horizontal' : 'vertical'), [orientation]);\n\n  /**\n   * The one way a size reaches the pane: the size variable, and the value\n   * every handle of this pane announces. Once anything but `expandedSize` has\n   * written a size (a default, a controlled value, a persisted value or a\n   * resize), the pane owns that size and a new `expandedSize` leaves it alone.\n   */\n  const ownedRef = React.useRef(false);\n  const writeSize = React.useCallback(\n    (value: number, own: boolean) => {\n      const el = elementRef.current;\n      if (!el) return;\n      el.style.setProperty(cssVarName, `${value}px`);\n      for (const handle of el.querySelectorAll(':scope > .kui-ShellResizer')) handle.setAttribute('aria-valuenow', String(Math.round(value)));\n      if (own) ownedRef.current = true;\n    },\n    [elementRef, cssVarName],\n  );\n\n  // expandedSize: the size until something else sets one. Declared first, so\n  // the effects below win on mount.\n  useLayoutEffect(() => {\n    if (!ownedRef.current) writeSize(options.expandedSize, false);\n  }, [options.expandedSize, writeSize]);\n\n  // defaultSize: applied once, on mount.\n  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  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. A given one is read through\n  // `latest`, so an inline object (the documented shape) does not reload the size every render.\n  const hasPersistence = persistence !== undefined;\n  const adapter = React.useMemo<PaneSizePersistence | undefined>(() => {\n    if (hasPersistence) {\n      return {\n        load: () => latest.current.persistence?.load?.(),\n        save: (value: number) => latest.current.persistence?.save?.(value),\n      };\n    }\n    if (!paneId) return undefined;\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, hasPersistence]);\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  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  // What the handle announces before any effect has run: the same starting size the pane's\n  // first render uses, so the server HTML already states a value.\n  const [startSize] = React.useState(() => {\n    const value = size ?? defaultSize;\n    return typeof value === 'number' && Number.isFinite(value) ? clampTo(value, minSize, maxSize) : options.expandedSize;\n  });\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      startSize,\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      startSize,\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", "/**\n * Normalize CSS length values to pixels.\n * Supports: px, rem, %, and bare numbers.\n *\n * @param value - The value to normalize (number, string, or undefined)\n * @param orientation - 'horizontal' for width-based % or 'vertical' for height-based %\n * @returns The value in pixels, or undefined if invalid\n */\nexport function normalizeToPx(\n  value: number | string | undefined,\n  orientation: 'horizontal' | 'vertical' = 'horizontal',\n): number | undefined {\n  if (value == null) return undefined;\n  if (typeof value === 'number' && Number.isFinite(value)) return value;\n\n  const str = String(value).trim();\n  if (!str) return undefined;\n\n  // px: direct parse\n  if (str.endsWith('px')) return Number.parseFloat(str);\n\n  // rem: multiply by root font size\n  if (str.endsWith('rem')) {\n    const rem = Number.parseFloat(getComputedStyle(document.documentElement).fontSize || '16') || 16;\n    return Number.parseFloat(str) * rem;\n  }\n\n  // %: calculate based on viewport dimension\n  if (str.endsWith('%')) {\n    const pct = Number.parseFloat(str);\n    const base =\n      orientation === 'horizontal'\n        ? document.documentElement.clientWidth || window.innerWidth || 0\n        : document.documentElement.clientHeight || window.innerHeight || 0;\n    return (pct / 100) * base;\n  }\n\n  // Bare number-like string\n  const n = Number.parseFloat(str);\n  return Number.isFinite(n) ? n : undefined;\n}\n\n"],
+  "mappings": "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",
+  "names": ["React", "useLayoutEffect", "normalizeToPx", "value", "orientation", "str", "rem", "pct", "base", "n", "clampTo", "value", "min", "max", "useInitialPaneSize", "size", "defaultSize", "minSize", "maxSize", "initial", "useResizablePane", "options", "name", "elementRef", "cssVarName", "orientation", "resizable", "paneId", "persistence", "latest", "useLayoutEffect", "debounceRef", "throttleRef", "emitSizeChange", "meta", "onSizeChange", "sizeUpdate", "sizeUpdateMs", "now", "toPx", "normalizeToPx", "ownedRef", "writeSize", "own", "el", "handle", "px", "clamped", "hasPersistence", "adapter", "key", "stored", "mounted", "apply", "loaded", "err", "startSize", "onResize", "onResizeStart", "onResizeEnd", "requestCollapse", "requestToggle", "splitHandles", "children", "handleType", "all", "handles", "content"]
 }

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

@@ -0,0 +1,3 @@
+"use client";
+import{a as i}from"./chunk-KVVRFWGQ.js";import{c as l}from"./chunk-5ON3XLRD.js";import{c as m}from"./chunk-OKQAVYW4.js";import{a as y}from"./chunk-VQPANPMI.js";var u={};y(u,{Actions:()=>c,Logo:()=>N,Navigation:()=>b,Root:()=>f});import*as o from"react";import n from"classnames";var g=["static","fixed","sticky"],R=["1","2","3","4"],v={position:{type:"enum",values:g,default:"fixed"},size:{type:"enum",values:R,default:"2"}};var f=o.forwardRef((e,r)=>{let t=l(e,v.size),{children:s,className:a,position:p="fixed",size:P="2",...d}=m(t,v);return o.createElement("header",{...d,ref:r,className:n("kui-NavbarRoot",a),"data-position":p,"data-size":P},o.createElement("div",{className:"kui-NavbarContainer"},s))});f.displayName="Navbar.Root";var N=o.forwardRef(({gap:e="2",align:r="center",justify:t="start",className:s,...a},p)=>o.createElement(i,{ref:p,gap:e,align:r,justify:t,className:n("kui-NavbarLogo",s),...a}));N.displayName="Navbar.Logo";var b=o.forwardRef(({gap:e="4",align:r="center",justify:t="center",className:s,...a},p)=>o.createElement(i,{ref:p,gap:e,align:r,justify:t,className:n("kui-NavbarNavigation",s),role:"navigation","aria-label":a["aria-labelledby"]===void 0?"Main":void 0,...a}));b.displayName="Navbar.Navigation";var c=o.forwardRef(({gap:e="4",align:r="center",justify:t="end",className:s,...a},p)=>o.createElement(i,{ref:p,gap:e,align:r,justify:t,className:n("kui-NavbarActions",s),...a}));c.displayName="Navbar.Actions";export{f as a,N as b,b as c,c as d,u as e};
+//# sourceMappingURL=chunk-4X64QOAR.js.map

package/dist/esm/chunk-4X64QOAR.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/navbar.tsx", "../../src/components/navbar.props.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Flex } from './flex.js';\n\nimport type { FlexProps } from './flex.js';\nimport type { MarginProps } from '../props/margin.props.js';\n\n// Navbar slots are parts, not layout primitives: the bar owns their spacing.\ntype NavbarSlotFlexProps = Omit<FlexProps, keyof MarginProps>;\n\nimport { navbarRootPropDefs } from './navbar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\n/**\n * Navbar Component\n *\n * A horizontal navigation bar component with semantic slots for organizing\n * content. Follows the Shell and Sidebar compound component patterns.\n *\n * @example\n * <Navbar.Root>\n *   <Navbar.Logo>Brand/logo content</Navbar.Logo>\n *   <Navbar.Navigation>Navigation links</Navbar.Navigation>\n *   <Navbar.Actions>CTAs, user menu, etc</Navbar.Actions>\n * </Navbar.Root>\n */\n\n// Root Component\ntype NavbarRootElement = React.ElementRef<'header'>;\ntype NavbarRootOwnProps = GetPropDefTypes<typeof navbarRootPropDefs>;\ninterface NavbarRootProps\n  extends ComponentPropsWithout<'header', RemovedProps>,\n    NavbarRootOwnProps {}\n\nconst NavbarRoot = React.forwardRef<NavbarRootElement, NavbarRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, navbarRootPropDefs.size);\n    // `position` and `size` are written as data attributes below. They are taken out here so the\n    // spread does not also write them on the <header> as attributes it does not have.\n    const { children, className, position = 'fixed', size = '2', ...rootProps } = extractProps(\n      props,\n      navbarRootPropDefs,\n    );\n\n    return (\n      <header\n        {...rootProps}\n        ref={forwardedRef}\n        className={classNames('kui-NavbarRoot', className)}\n        data-position={position}\n        data-size={size}\n      >\n        <div className=\"kui-NavbarContainer\">{children}</div>\n      </header>\n    );\n  },\n);\nNavbarRoot.displayName = 'Navbar.Root';\n\n// Logo Slot - extends FlexProps\ntype NavbarLogoProps = NavbarSlotFlexProps & {\n  asChild?: boolean;\n};\n\n// With `asChild`, Flex renders the child, so the layout props become classes on it, not attributes.\nconst NavbarLogo = React.forwardRef<HTMLDivElement, NavbarLogoProps>(\n  ({ gap = '2', align = 'center', justify = 'start', className, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      gap={gap}\n      align={align}\n      justify={justify}\n      className={classNames('kui-NavbarLogo', className)}\n      {...props}\n    />\n  ),\n);\nNavbarLogo.displayName = 'Navbar.Logo';\n\n// Navigation Slot - extends FlexProps\ntype NavbarNavigationProps = NavbarSlotFlexProps & {\n  asChild?: boolean;\n};\n\nconst NavbarNavigation = React.forwardRef<HTMLDivElement, NavbarNavigationProps>(\n  ({ gap = '4', align = 'center', justify = 'center', className, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      gap={gap}\n      align={align}\n      justify={justify}\n      className={classNames('kui-NavbarNavigation', className)}\n      role=\"navigation\"\n      // A landmark needs a name to be told apart from other navigation on the page.\n      aria-label={props['aria-labelledby'] === undefined ? 'Main' : undefined}\n      {...props}\n    />\n  ),\n);\nNavbarNavigation.displayName = 'Navbar.Navigation';\n\n// Actions Slot - extends FlexProps\ntype NavbarActionsProps = NavbarSlotFlexProps & {\n  asChild?: boolean;\n};\n\nconst NavbarActions = React.forwardRef<HTMLDivElement, NavbarActionsProps>(\n  ({ gap = '4', align = 'center', justify = 'end', className, ...props }, ref) => (\n    <Flex\n      ref={ref}\n      gap={gap}\n      align={align}\n      justify={justify}\n      className={classNames('kui-NavbarActions', className)}\n      {...props}\n    />\n  ),\n);\nNavbarActions.displayName = 'Navbar.Actions';\n\nexport {\n  NavbarRoot as Root,\n  NavbarLogo as Logo,\n  NavbarNavigation as Navigation,\n  NavbarActions as Actions,\n};\n\nexport type {\n  NavbarRootProps as RootProps,\n  NavbarLogoProps as LogoProps,\n  NavbarNavigationProps as NavigationProps,\n  NavbarActionsProps as ActionsProps,\n};\n", "import type { PropDef } from '../props/prop-def.js';\n\nconst positions = ['static', 'fixed', 'sticky'] as const;\nconst sizes = ['1', '2', '3', '4'] as const;\n\nconst navbarRootPropDefs = {\n  position: {\n    type: 'enum',\n    values: positions,\n    default: 'fixed',\n  },\n  size: {\n    type: 'enum',\n    values: sizes,\n    default: '2',\n  },\n} satisfies {\n  position: PropDef<(typeof positions)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport { navbarRootPropDefs };\n"],
+  "mappings": ";gKAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,SAAAC,EAAA,eAAAC,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aCDvB,IAAMC,EAAY,CAAC,SAAU,QAAS,QAAQ,EACxCC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAqB,CACzB,SAAU,CACR,KAAM,OACN,OAAQF,EACR,QAAS,OACX,EACA,KAAM,CACJ,KAAM,OACN,OAAQC,EACR,QAAS,GACX,CACF,EDwBA,IAAME,EAAmB,aACvB,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAAmB,IAAI,EAG3D,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAW,QAAS,KAAAC,EAAO,IAAK,GAAGC,CAAU,EAAIC,EAC5ER,EACAE,CACF,EAEA,OACE,gBAAC,UACE,GAAGK,EACJ,IAAKR,EACL,UAAWU,EAAW,iBAAkBL,CAAS,EACjD,gBAAeC,EACf,YAAWC,GAEX,gBAAC,OAAI,UAAU,uBAAuBH,CAAS,CACjD,CAEJ,CACF,EACAN,EAAW,YAAc,cAQzB,IAAMa,EAAmB,aACvB,CAAC,CAAE,IAAAC,EAAM,IAAK,MAAAC,EAAQ,SAAU,QAAAC,EAAU,QAAS,UAAAT,EAAW,GAAGJ,CAAM,EAAGc,IACxE,gBAACC,EAAA,CACC,IAAKD,EACL,IAAKH,EACL,MAAOC,EACP,QAASC,EACT,UAAWJ,EAAW,iBAAkBL,CAAS,EAChD,GAAGJ,EACN,CAEJ,EACAU,EAAW,YAAc,cAOzB,IAAMM,EAAyB,aAC7B,CAAC,CAAE,IAAAL,EAAM,IAAK,MAAAC,EAAQ,SAAU,QAAAC,EAAU,SAAU,UAAAT,EAAW,GAAGJ,CAAM,EAAGc,IACzE,gBAACC,EAAA,CACC,IAAKD,EACL,IAAKH,EACL,MAAOC,EACP,QAASC,EACT,UAAWJ,EAAW,uBAAwBL,CAAS,EACvD,KAAK,aAEL,aAAYJ,EAAM,iBAAiB,IAAM,OAAY,OAAS,OAC7D,GAAGA,EACN,CAEJ,EACAgB,EAAiB,YAAc,oBAO/B,IAAMC,EAAsB,aAC1B,CAAC,CAAE,IAAAN,EAAM,IAAK,MAAAC,EAAQ,SAAU,QAAAC,EAAU,MAAO,UAAAT,EAAW,GAAGJ,CAAM,EAAGc,IACtE,gBAACC,EAAA,CACC,IAAKD,EACL,IAAKH,EACL,MAAOC,EACP,QAASC,EACT,UAAWJ,EAAW,oBAAqBL,CAAS,EACnD,GAAGJ,EACN,CAEJ,EACAiB,EAAc,YAAc",
+  "names": ["navbar_exports", "__export", "NavbarActions", "NavbarLogo", "NavbarNavigation", "NavbarRoot", "React", "classNames", "positions", "sizes", "navbarRootPropDefs", "NavbarRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "navbarRootPropDefs", "children", "className", "position", "size", "rootProps", "extractProps", "classNames", "NavbarLogo", "gap", "align", "justify", "ref", "Flex", "NavbarNavigation", "NavbarActions"]
+}

package/dist/esm/{chunk-L7PRLW6A.js → chunk-5APRBJRR.js}

@@ -1,3 +1,3 @@
 "use client";
-import{c as y}from"./chunk-5ON3XLRD.js";import{a as m,e as v}from"./chunk-HBWBPBSA.js";import{a as b}from"./chunk-YOSLXJI5.js";import{b as P}from"./chunk-XU74PNM2.js";import{c as g}from"./chunk-OKQAVYW4.js";import{a as f}from"./chunk-CLJ6SEGP.js";import*as e from"react";import A from"classnames";import{Avatar as u}from"radix-ui";var q=["1","2","3","4","5","6","7","8","9"],B=["raised","solid","soft","surface","outline"],U=["cover","contain","fill","scale-down","none"],c={...f,size:{type:"enum",className:"kui-r-size",values:q,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:B,default:"raised"},...v,...P,fallback:{type:"ReactNode",required:!0},status:{type:"enum",values:m,default:void 0},statusLabel:{type:"string",default:void 0},badge:{type:"ReactNode",default:void 0},fit:{type:"enum",className:"kui-r-fit",values:U,default:"cover",responsive:!0}};var _=e.forwardRef((a,s)=>{let o=y(a,c.size),{asChild:t,children:r,className:n,style:i,color:h,radius:N,status:d,statusLabel:l,badge:p,fallback:k,onLoadingStatusChange:D,src:C,alt:I,srcSet:z,sizes:S,crossOrigin:w,referrerPolicy:E,loading:L,decoding:x,onLoad:F,onError:O,...j}=g(o,c),T={fallback:k,onLoadingStatusChange:D,src:C,alt:I,srcSet:z,sizes:S,crossOrigin:w,referrerPolicy:E,loading:L,decoding:x,onLoad:F,onError:O},V=t&&r!=null&&e.isValidElement(r)&&(r.props.disabled===!0||r.props["data-disabled"]===!0),W=p!==void 0||d!==void 0,G=p!==void 0?e.createElement("span",{className:"kui-AvatarBadge"},p):d!==void 0?e.createElement("span",{className:"kui-AvatarStatus","data-accent-color":d,role:l?"img":void 0,"aria-label":l||void 0,"aria-hidden":l?void 0:!0}):null;return e.createElement(u.Root,{...j,ref:s,"data-accent-color":h,"data-radius":N,"data-disabled":V||void 0,"data-has-indicator":W||void 0,className:A("kui-reset","kui-AvatarRoot",n),style:i,asChild:t},b({asChild:t,children:r},e.createElement(e.Fragment,null,e.createElement(R,{...T}),G)))});_.displayName="Avatar";var R=e.memo(({fallback:a,onLoadingStatusChange:s,...o})=>{let[t,r]=e.useState("idle"),n=e.useCallback(i=>{s?.(i),r(i)},[s]);return e.createElement(e.Fragment,null,t==="idle"||t==="loading"?e.createElement("span",{className:"kui-AvatarFallback"}):null,t==="error"?e.createElement(u.Fallback,{className:A("kui-AvatarFallback",{"kui-one-letter":typeof a=="string"&&a.length===1,"kui-two-letters":typeof a=="string"&&a.length===2}),...o.alt?{role:"img","aria-label":o.alt}:{"aria-hidden":!0}},a):null,e.createElement(u.Image,{className:"kui-AvatarImage",...o,onLoadingStatusChange:n}))});R.displayName="AvatarImpl";export{_ as a};
-//# sourceMappingURL=chunk-L7PRLW6A.js.map
+import{c as y}from"./chunk-5ON3XLRD.js";import{a as m,e as v}from"./chunk-HBWBPBSA.js";import{a as b}from"./chunk-YOSLXJI5.js";import{b as P}from"./chunk-XU74PNM2.js";import{c as g}from"./chunk-OKQAVYW4.js";import{a as f}from"./chunk-CLJ6SEGP.js";import*as e from"react";import A from"classnames";import{Avatar as u}from"radix-ui";var q=["1","2","3","4","5","6","7","8","9"],B=["raised","solid","soft","surface","outline"],U=["cover","contain","fill","scale-down","none"],c={...f,size:{type:"enum",className:"kui-r-size",values:q,default:"2",responsive:!0},variant:{type:"enum",className:"kui-variant",values:B,default:"raised"},...v,...P,fallback:{type:"ReactNode",required:!0},status:{type:"enum",values:m,default:void 0},statusLabel:{type:"string",default:void 0},badge:{type:"ReactNode",default:void 0},fit:{type:"enum",className:"kui-r-fit",values:U,default:"cover",responsive:!0}};var _=e.forwardRef((a,s)=>{let o=y(a,c.size),{asChild:t,children:r,className:n,style:i,color:h,radius:N,status:d,statusLabel:l,badge:p,fallback:k,onLoadingStatusChange:D,src:C,alt:I,srcSet:z,sizes:S,crossOrigin:w,referrerPolicy:E,loading:L,decoding:x,onLoad:F,onError:O,...j}=g(o,c),T={fallback:k,onLoadingStatusChange:D,src:C,alt:I,srcSet:z,sizes:S,crossOrigin:w,referrerPolicy:E,loading:L,decoding:x,onLoad:F,onError:O},V=t&&r!=null&&e.isValidElement(r)&&(r.props.disabled===!0||r.props["data-disabled"]===!0),W=p!==void 0||d!==void 0,G=p!==void 0?e.createElement("span",{className:"kui-AvatarBadge"},p):d!==void 0?e.createElement("span",{className:"kui-AvatarStatus","data-accent-color":d,role:l?"img":void 0,"aria-label":l||void 0,"aria-hidden":l?void 0:!0}):null;return e.createElement(u.Root,{...j,ref:s,"data-accent-color":h,"data-radius":N,"data-disabled":V||void 0,"data-has-indicator":W||void 0,className:A("kui-reset","kui-AvatarRoot",n),style:i,asChild:t},b({asChild:t,children:r},e.createElement(e.Fragment,null,e.createElement(R,{...T}),G)))});_.displayName="Avatar";var R=e.memo(({fallback:a,onLoadingStatusChange:s,...o})=>{let[t,r]=e.useState(()=>o.src?"idle":"error"),n=e.useCallback(i=>{s?.(i),r(i)},[s]);return e.createElement(e.Fragment,null,t==="idle"||t==="loading"?e.createElement("span",{className:"kui-AvatarFallback"}):null,t==="error"?e.createElement(u.Fallback,{className:A("kui-AvatarFallback",{"kui-one-letter":typeof a=="string"&&a.length===1,"kui-two-letters":typeof a=="string"&&a.length===2}),...o.alt?{role:"img","aria-label":o.alt}:{"aria-hidden":!0}},a):null,e.createElement(u.Image,{className:"kui-AvatarImage",...o,onLoadingStatusChange:n}))});R.displayName="AvatarImpl";export{_ as a};
+//# sourceMappingURL=chunk-5APRBJRR.js.map

package/dist/esm/{chunk-L7PRLW6A.js.map → chunk-5APRBJRR.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/avatar.tsx", "../../src/components/avatar.props.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface AvatarProps extends AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarElement, AvatarProps>((ownProps, forwardedRef) => {\n  // An unset size follows the Theme, like a control. Sizes above 4 are only explicit.\n  const props = useThemeSizeProps(ownProps, avatarPropDefs.size);\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    color,\n    radius,\n    status,\n    statusLabel,\n    badge,\n    // Only these reach the <img>, which Radix renders once the picture has loaded.\n    fallback,\n    onLoadingStatusChange,\n    src,\n    alt,\n    srcSet,\n    sizes,\n    crossOrigin,\n    referrerPolicy,\n    loading,\n    decoding,\n    onLoad,\n    onError,\n    // Everything else (id, aria-*, data-*, handlers) goes on the root, so it is always rendered.\n    ...rootProps\n  } = extractProps(props, avatarPropDefs);\n  const imageProps = { fallback, onLoadingStatusChange, src, alt, srcSet, sizes, crossOrigin, referrerPolicy, loading, decoding, onLoad, onError };\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (status !== undefined && badge !== undefined) {\n      console.warn('Avatar: Cannot use both `status` and `badge` props together. ' + 'The `badge` prop will be used and `status` will be ignored.');\n    }\n  }\n\n  // Cheap boolean checks \u2014 no memoization needed\n  const isDisabled = asChild && children != null && React.isValidElement(children) && ((children.props as any).disabled === true || (children.props as any)['data-disabled'] === true);\n\n  const hasIndicator = badge !== undefined || status !== undefined;\n\n  const indicator =\n    badge !== undefined ? (\n      <span className=\"kui-AvatarBadge\">{badge}</span>\n    ) : status !== undefined ? (\n      <span\n        className=\"kui-AvatarStatus\"\n        data-accent-color={status}\n        role={statusLabel ? 'img' : undefined}\n        aria-label={statusLabel || undefined}\n        aria-hidden={statusLabel ? undefined : true}\n      />\n    ) : null;\n\n  return (\n    <AvatarPrimitive.Root\n      {...(rootProps as React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>)}\n      ref={forwardedRef}\n      data-accent-color={color}\n      data-radius={radius}\n      data-disabled={isDisabled || undefined}\n      data-has-indicator={hasIndicator || undefined}\n      className={classNames('kui-reset', 'kui-AvatarRoot', className)}\n      style={style}\n      asChild={asChild}\n    >\n      {/* With asChild, Slot takes exactly one child, so the indicator goes inside it. */}\n      {getSubtree(\n        { asChild, children },\n        <>\n          <AvatarImpl {...imageProps} />\n          {indicator}\n        </>,\n      )}\n    </AvatarPrimitive.Root>\n  );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarElement = React.ElementRef<typeof AvatarPrimitive.Root>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>, AvatarOwnProps {\n  // TODO: See if we can automate making prop defs with `required: true` non nullable\n  fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\ntype AvatarImageProps = Pick<\n  AvatarImplProps,\n  'fallback' | 'onLoadingStatusChange' | 'src' | 'alt' | 'srcSet' | 'sizes' | 'crossOrigin' | 'referrerPolicy' | 'loading' | 'decoding' | 'onLoad' | 'onError'\n>;\n\nconst AvatarImpl = React.memo(({ fallback, onLoadingStatusChange, ...imageProps }: AvatarImageProps) => {\n  const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>('idle');\n\n  const handleLoadingStatusChange = React.useCallback(\n    (newStatus: 'idle' | 'loading' | 'loaded' | 'error') => {\n      onLoadingStatusChange?.(newStatus);\n      setStatus(newStatus);\n    },\n    [onLoadingStatusChange],\n  );\n\n  return (\n    <>\n      {status === 'idle' || status === 'loading' ? <span className=\"kui-AvatarFallback\" /> : null}\n\n      {status === 'error' ? (\n        <AvatarPrimitive.Fallback\n          className={classNames('kui-AvatarFallback', {\n            'kui-one-letter': typeof fallback === 'string' && fallback.length === 1,\n            'kui-two-letters': typeof fallback === 'string' && fallback.length === 2,\n          })}\n          // Named from alt, like the picture it stands in for. Unnamed, it is decorative.\n          {...(imageProps.alt ? { role: 'img', 'aria-label': imageProps.alt } : { 'aria-hidden': true })}\n        >\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      ) : null}\n\n      <AvatarPrimitive.Image className=\"kui-AvatarImage\" {...imageProps} onLoadingStatusChange={handleLoadingStatusChange} />\n    </>\n  );\n});\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { grayAccentColorPropDef, accentColors } 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', '5', '6', '7', '8', '9'] as const;\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline'] as const;\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst avatarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n  ...grayAccentColorPropDef,\n  ...radiusPropDef,\n  fallback: { type: 'ReactNode', required: true },\n  /**\n   * Status indicator color. Renders a small colored dot at the bottom-right corner.\n   * Cannot be used together with `badge`.\n   */\n  status: { type: 'enum', values: accentColors, default: undefined },\n  /**\n   * The words the status dot stands for, such as \"Online\". A screen reader reads them with the\n   * avatar. Without it the dot is hidden from screen readers.\n   */\n  statusLabel: { type: 'string', default: undefined },\n  /**\n   * Custom badge content. Renders at the bottom-right corner.\n   * Cannot be used together with `status`.\n   */\n  badge: { type: 'ReactNode', default: undefined },\n  /**\n   * Controls how the avatar image should be resized to fit its container.\n   * Defaults to 'cover' which crops the image to fill the avatar.\n   * Use 'contain' to show the full image without cropping.\n   */\n  fit: { type: 'enum', className: 'kui-r-fit', values: objectFitValues, default: 'cover', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  fallback: PropDef<React.ReactNode>;\n  status: PropDef<(typeof accentColors)[number] | undefined>;\n  statusLabel: PropDef<string | undefined>;\n  badge: PropDef<React.ReactNode>;\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { avatarPropDefs };\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Avatar as AvatarPrimitive } from 'radix-ui';\n\nimport { avatarPropDefs } from './avatar.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ninterface AvatarProps extends AvatarImplProps {}\nconst Avatar = React.forwardRef<AvatarElement, AvatarProps>((ownProps, forwardedRef) => {\n  // An unset size follows the Theme, like a control. Sizes above 4 are only explicit.\n  const props = useThemeSizeProps(ownProps, avatarPropDefs.size);\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    color,\n    radius,\n    status,\n    statusLabel,\n    badge,\n    // Only these reach the <img>, which Radix renders once the picture has loaded.\n    fallback,\n    onLoadingStatusChange,\n    src,\n    alt,\n    srcSet,\n    sizes,\n    crossOrigin,\n    referrerPolicy,\n    loading,\n    decoding,\n    onLoad,\n    onError,\n    // Everything else (id, aria-*, data-*, handlers) goes on the root, so it is always rendered.\n    ...rootProps\n  } = extractProps(props, avatarPropDefs);\n  const imageProps = { fallback, onLoadingStatusChange, src, alt, srcSet, sizes, crossOrigin, referrerPolicy, loading, decoding, onLoad, onError };\n\n  if (process.env.NODE_ENV !== 'production') {\n    if (status !== undefined && badge !== undefined) {\n      console.warn('Avatar: Cannot use both `status` and `badge` props together. ' + 'The `badge` prop will be used and `status` will be ignored.');\n    }\n  }\n\n  // Cheap boolean checks \u2014 no memoization needed\n  const isDisabled = asChild && children != null && React.isValidElement(children) && ((children.props as any).disabled === true || (children.props as any)['data-disabled'] === true);\n\n  const hasIndicator = badge !== undefined || status !== undefined;\n\n  const indicator =\n    badge !== undefined ? (\n      <span className=\"kui-AvatarBadge\">{badge}</span>\n    ) : status !== undefined ? (\n      <span\n        className=\"kui-AvatarStatus\"\n        data-accent-color={status}\n        role={statusLabel ? 'img' : undefined}\n        aria-label={statusLabel || undefined}\n        aria-hidden={statusLabel ? undefined : true}\n      />\n    ) : null;\n\n  return (\n    <AvatarPrimitive.Root\n      {...(rootProps as React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>)}\n      ref={forwardedRef}\n      data-accent-color={color}\n      data-radius={radius}\n      data-disabled={isDisabled || undefined}\n      data-has-indicator={hasIndicator || undefined}\n      className={classNames('kui-reset', 'kui-AvatarRoot', className)}\n      style={style}\n      asChild={asChild}\n    >\n      {/* With asChild, Slot takes exactly one child, so the indicator goes inside it. */}\n      {getSubtree(\n        { asChild, children },\n        <>\n          <AvatarImpl {...imageProps} />\n          {indicator}\n        </>,\n      )}\n    </AvatarPrimitive.Root>\n  );\n});\nAvatar.displayName = 'Avatar';\n\ntype AvatarElement = React.ElementRef<typeof AvatarPrimitive.Root>;\ntype AvatarOwnProps = GetPropDefTypes<typeof avatarPropDefs>;\n\ninterface AvatarImplProps extends ComponentPropsWithout<typeof AvatarPrimitive.Image, RemovedProps>, AvatarOwnProps {\n  // TODO: See if we can automate making prop defs with `required: true` non nullable\n  fallback: NonNullable<AvatarOwnProps['fallback']>;\n}\n\ntype AvatarImageProps = Pick<\n  AvatarImplProps,\n  'fallback' | 'onLoadingStatusChange' | 'src' | 'alt' | 'srcSet' | 'sizes' | 'crossOrigin' | 'referrerPolicy' | 'loading' | 'decoding' | 'onLoad' | 'onError'\n>;\n\nconst AvatarImpl = React.memo(({ fallback, onLoadingStatusChange, ...imageProps }: AvatarImageProps) => {\n  // With no picture to wait for, the fallback is the avatar from the first render, so it is in\n  // the server HTML. With one, the box stays empty until the picture loads or fails.\n  const [status, setStatus] = React.useState<'idle' | 'loading' | 'loaded' | 'error'>(() => (imageProps.src ? 'idle' : 'error'));\n\n  const handleLoadingStatusChange = React.useCallback(\n    (newStatus: 'idle' | 'loading' | 'loaded' | 'error') => {\n      onLoadingStatusChange?.(newStatus);\n      setStatus(newStatus);\n    },\n    [onLoadingStatusChange],\n  );\n\n  return (\n    <>\n      {status === 'idle' || status === 'loading' ? <span className=\"kui-AvatarFallback\" /> : null}\n\n      {status === 'error' ? (\n        <AvatarPrimitive.Fallback\n          className={classNames('kui-AvatarFallback', {\n            'kui-one-letter': typeof fallback === 'string' && fallback.length === 1,\n            'kui-two-letters': typeof fallback === 'string' && fallback.length === 2,\n          })}\n          // Named from alt, like the picture it stands in for. Unnamed, it is decorative.\n          {...(imageProps.alt ? { role: 'img', 'aria-label': imageProps.alt } : { 'aria-hidden': true })}\n        >\n          {fallback}\n        </AvatarPrimitive.Fallback>\n      ) : null}\n\n      <AvatarPrimitive.Image className=\"kui-AvatarImage\" {...imageProps} onLoadingStatusChange={handleLoadingStatusChange} />\n    </>\n  );\n});\n\nAvatarImpl.displayName = 'AvatarImpl';\n\nexport { Avatar };\nexport type { AvatarProps };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { grayAccentColorPropDef, accentColors } 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', '5', '6', '7', '8', '9'] as const;\nconst variants = ['raised', 'solid', 'soft', 'surface', 'outline'] as const;\nconst objectFitValues = ['cover', 'contain', 'fill', 'scale-down', 'none'] as const;\n\nconst avatarPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'kui-variant', values: variants, default: 'raised' },\n  ...grayAccentColorPropDef,\n  ...radiusPropDef,\n  fallback: { type: 'ReactNode', required: true },\n  /**\n   * Status indicator color. Renders a small colored dot at the bottom-right corner.\n   * Cannot be used together with `badge`.\n   */\n  status: { type: 'enum', values: accentColors, default: undefined },\n  /**\n   * The words the status dot stands for, such as \"Online\". A screen reader reads them with the\n   * avatar. Without it the dot is hidden from screen readers.\n   */\n  statusLabel: { type: 'string', default: undefined },\n  /**\n   * Custom badge content. Renders at the bottom-right corner.\n   * Cannot be used together with `status`.\n   */\n  badge: { type: 'ReactNode', default: undefined },\n  /**\n   * Controls how the avatar image should be resized to fit its container.\n   * Defaults to 'cover' which crops the image to fill the avatar.\n   * Use 'contain' to show the full image without cropping.\n   */\n  fit: { type: 'enum', className: 'kui-r-fit', values: objectFitValues, default: 'cover', responsive: true },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  fallback: PropDef<React.ReactNode>;\n  status: PropDef<(typeof accentColors)[number] | undefined>;\n  statusLabel: PropDef<string | undefined>;\n  badge: PropDef<React.ReactNode>;\n  fit: PropDef<(typeof objectFitValues)[number]>;\n};\n\nexport { avatarPropDefs };\n"],
+  "mappings": ";uPAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WCE1C,IAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,GAAG,EACpDC,EAAW,CAAC,SAAU,QAAS,OAAQ,UAAW,SAAS,EAC3DC,EAAkB,CAAC,QAAS,UAAW,OAAQ,aAAc,MAAM,EAEnEC,EAAiB,CACrB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC7F,QAAS,CAAE,KAAM,OAAQ,UAAW,cAAe,OAAQC,EAAU,QAAS,QAAS,EACvF,GAAGI,EACH,GAAGC,EACH,SAAU,CAAE,KAAM,YAAa,SAAU,EAAK,EAK9C,OAAQ,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,MAAU,EAKjE,YAAa,CAAE,KAAM,SAAU,QAAS,MAAU,EAKlD,MAAO,CAAE,KAAM,YAAa,QAAS,MAAU,EAM/C,IAAK,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQL,EAAiB,QAAS,QAAS,WAAY,EAAK,CAC3G,EDvBA,IAAMM,EAAe,aAAuC,CAACC,EAAUC,IAAiB,CAEtF,IAAMC,EAAQC,EAAkBH,EAAUI,EAAe,IAAI,EACvD,CACJ,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,EACA,YAAAC,EACA,MAAAC,EAEA,SAAAC,EACA,sBAAAC,EACA,IAAAC,EACA,IAAAC,EACA,OAAAC,EACA,MAAAC,EACA,YAAAC,EACA,eAAAC,EACA,QAAAC,EACA,SAAAC,EACA,OAAAC,EACA,QAAAC,EAEA,GAAGC,CACL,EAAIC,EAAazB,EAAOE,CAAc,EAChCwB,EAAa,CAAE,SAAAd,EAAU,sBAAAC,EAAuB,IAAAC,EAAK,IAAAC,EAAK,OAAAC,EAAQ,MAAAC,EAAO,YAAAC,EAAa,eAAAC,EAAgB,QAAAC,EAAS,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,CAAQ,EASzII,EAAaxB,GAAWC,GAAY,MAAc,iBAAeA,CAAQ,IAAOA,EAAS,MAAc,WAAa,IAASA,EAAS,MAAc,eAAe,IAAM,IAEzKwB,EAAejB,IAAU,QAAaF,IAAW,OAEjDoB,EACJlB,IAAU,OACR,gBAAC,QAAK,UAAU,mBAAmBA,CAAM,EACvCF,IAAW,OACb,gBAAC,QACC,UAAU,mBACV,oBAAmBA,EACnB,KAAMC,EAAc,MAAQ,OAC5B,aAAYA,GAAe,OAC3B,cAAaA,EAAc,OAAY,GACzC,EACE,KAEN,OACE,gBAACoB,EAAgB,KAAhB,CACE,GAAIN,EACL,IAAKzB,EACL,oBAAmBQ,EACnB,cAAaC,EACb,gBAAemB,GAAc,OAC7B,qBAAoBC,GAAgB,OACpC,UAAWG,EAAW,YAAa,iBAAkB1B,CAAS,EAC9D,MAAOC,EACP,QAASH,GAGR6B,EACC,CAAE,QAAA7B,EAAS,SAAAC,CAAS,EACpB,gCACE,gBAAC6B,EAAA,CAAY,GAAGP,EAAY,EAC3BG,CACH,CACF,CACF,CAEJ,CAAC,EACDhC,EAAO,YAAc,SAerB,IAAMoC,EAAmB,OAAK,CAAC,CAAE,SAAArB,EAAU,sBAAAC,EAAuB,GAAGa,CAAW,IAAwB,CAGtG,GAAM,CAACjB,EAAQyB,CAAS,EAAU,WAAkD,IAAOR,EAAW,IAAM,OAAS,OAAQ,EAEvHS,EAAkC,cACrCC,GAAuD,CACtDvB,IAAwBuB,CAAS,EACjCF,EAAUE,CAAS,CACrB,EACA,CAACvB,CAAqB,CACxB,EAEA,OACE,gCACGJ,IAAW,QAAUA,IAAW,UAAY,gBAAC,QAAK,UAAU,qBAAqB,EAAK,KAEtFA,IAAW,QACV,gBAACqB,EAAgB,SAAhB,CACC,UAAWC,EAAW,qBAAsB,CAC1C,iBAAkB,OAAOnB,GAAa,UAAYA,EAAS,SAAW,EACtE,kBAAmB,OAAOA,GAAa,UAAYA,EAAS,SAAW,CACzE,CAAC,EAEA,GAAIc,EAAW,IAAM,CAAE,KAAM,MAAO,aAAcA,EAAW,GAAI,EAAI,CAAE,cAAe,EAAK,GAE3Fd,CACH,EACE,KAEJ,gBAACkB,EAAgB,MAAhB,CAAsB,UAAU,kBAAmB,GAAGJ,EAAY,sBAAuBS,EAA2B,CACvH,CAEJ,CAAC,EAEDF,EAAW,YAAc",
   "names": ["React", "classNames", "AvatarPrimitive", "sizes", "variants", "objectFitValues", "avatarPropDefs", "asChildPropDef", "grayAccentColorPropDef", "radiusPropDef", "accentColors", "Avatar", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "avatarPropDefs", "asChild", "children", "className", "style", "color", "radius", "status", "statusLabel", "badge", "fallback", "onLoadingStatusChange", "src", "alt", "srcSet", "sizes", "crossOrigin", "referrerPolicy", "loading", "decoding", "onLoad", "onError", "rootProps", "extractProps", "imageProps", "isDisabled", "hasIndicator", "indicator", "AvatarPrimitive", "classNames", "getSubtree", "AvatarImpl", "setStatus", "handleLoadingStatusChange", "newStatus"]
 }

package/dist/esm/chunk-7HD5LS3M.js

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

package/dist/esm/chunk-7HD5LS3M.js.map

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

package/dist/esm/chunk-7ZOGH5NT.js

@@ -0,0 +1,2 @@
+var s=["static","fixed","sticky"],e=["1","2","3","4"],o={position:{type:"enum",values:s,default:"fixed"},size:{type:"enum",values:e,default:"2"}};export{o as a};
+//# sourceMappingURL=chunk-7ZOGH5NT.js.map

package/dist/esm/chunk-7ZOGH5NT.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/navbar.props.tsx"],
+  "sourcesContent": ["import type { PropDef } from '../props/prop-def.js';\n\nconst positions = ['static', 'fixed', 'sticky'] as const;\nconst sizes = ['1', '2', '3', '4'] as const;\n\nconst navbarRootPropDefs = {\n  position: {\n    type: 'enum',\n    values: positions,\n    default: 'fixed',\n  },\n  size: {\n    type: 'enum',\n    values: sizes,\n    default: '2',\n  },\n} satisfies {\n  position: PropDef<(typeof positions)[number]>;\n  size: PropDef<(typeof sizes)[number]>;\n};\n\nexport { navbarRootPropDefs };\n"],
+  "mappings": "AAEA,IAAMA,EAAY,CAAC,SAAU,QAAS,QAAQ,EACxCC,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAE3BC,EAAqB,CACzB,SAAU,CACR,KAAM,OACN,OAAQF,EACR,QAAS,OACX,EACA,KAAM,CACJ,KAAM,OACN,OAAQC,EACR,QAAS,GACX,CACF",
+  "names": ["positions", "sizes", "navbarRootPropDefs"]
+}

package/dist/esm/chunk-BJA75XKG.js

@@ -0,0 +1,2 @@
+var o=["1","2","3","4"],e=["horizontal","vertical"],t={size:{type:"enum",className:"kui-r-size",values:o,default:"2"},orientation:{type:"enum",values:e,default:"horizontal"}};export{t as a};
+//# sourceMappingURL=chunk-BJA75XKG.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/toolbar.props.tsx"],
+  "sourcesContent": ["import type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4'] as const;\nconst orientations = ['horizontal', 'vertical'] as const;\n\n/**\n * Toolbar prop definitions.\n *\n * `size` is one value for the whole row (not responsive): the row hands it to every control\n * inside it that does not state its own, through context, so it has to be a single index.\n */\nconst toolbarRootPropDefs = {\n  /**\n   * Size step of the row and of every control in it that doesn't set its own `size`.\n   * Matches Button's sizes: 1 (28px) to 4 (48px). Unset inside a Shell, it rests one step above\n   * the Shell's `size`, except in a pane's `Shell.Scroll` list and in a Popover, Dialog, Sheet or\n   * menu. Elsewhere it takes Theme size, else 2.\n   */\n  size: { type: 'enum', className: 'kui-r-size', values: sizes, default: '2' },\n  /**\n   * Direction of the row and of the arrow keys. Use `vertical` for a strip of tools along an edge.\n   */\n  orientation: { type: 'enum', values: orientations, default: 'horizontal' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  orientation: PropDef<(typeof orientations)[number]>;\n};\n\nexport { toolbarRootPropDefs };\n"],
+  "mappings": "AAEA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,GAAG,EAC3BC,EAAe,CAAC,aAAc,UAAU,EAQxCC,EAAsB,CAO1B,KAAM,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQF,EAAO,QAAS,GAAI,EAI3E,YAAa,CAAE,KAAM,OAAQ,OAAQC,EAAc,QAAS,YAAa,CAC3E",
+  "names": ["sizes", "orientations", "toolbarRootPropDefs"]
+}

package/dist/esm/{chunk-NO2JCJWI.js → chunk-BJVXB3PN.js}

@@ -1,3 +1,3 @@
 "use client";
-import{a as Ye,b as Xe}from"./chunk-INGT6DB6.js";import{a as Je}from"./chunk-B447PNRD.js";import{a as Ge}from"./chunk-KDJM4NQQ.js";import{a as Ke}from"./chunk-UMQOTGJC.js";import{a as je}from"./chunk-XD676L6S.js";import{a as J,b as _e,c as Ue,d as qe,g as $e}from"./chunk-XUCR7L4G.js";import{a as Ie,b as Pe}from"./chunk-3QWGSRYC.js";import{a as he,b as ve,c as Se}from"./chunk-KGCGT4MJ.js";import{a as Be,b as Ve,c as We}from"./chunk-QKCNGEX4.js";import{a as De}from"./chunk-WEBNIUEX.js";import{b as ye}from"./chunk-5ON3XLRD.js";import{a as Le}from"./chunk-G66WDIIV.js";import{b as ie}from"./chunk-VWRPVM5K.js";import{c as pe,d as fe,e as Fe,f as me,i as Ae,j as Ne,k as Oe}from"./chunk-ODHCDJ3Y.js";import{c as ke,d as we}from"./chunk-QEDKL23P.js";import{e as ce,f as Me,h as ze,i as ne,j as He,k as ue,l as de,n as xe,o as oe}from"./chunk-5BXCPANF.js";import{a as Te}from"./chunk-ANQLWGFN.js";import{a as it}from"./chunk-VQPANPMI.js";var ht={};it(ht,{Bottom:()=>Ke,Content:()=>rt,Header:()=>ot,Inspector:()=>je,Left:()=>lt,PaneFooter:()=>Ne,PaneHeader:()=>Ae,Panel:()=>Ee,Rail:()=>at,Root:()=>nt,Scroll:()=>Oe,Sidebar:()=>Ge,Trigger:()=>st,useResponsivePresentation:()=>Je,useShell:()=>Xe,useSidebarMode:()=>Ye});import*as e from"react";import $ from"classnames";import{Slot as ct}from"radix-ui";import{useComposedRefs as Ce,useLayoutEffect as ut}from"radix-ui/internal";var Re=0;function Qe(a){Re=Math.max(0,Re+a);let r=document.documentElement;Re>0?r.setAttribute("data-kui-shell-lock",""):r.removeAttribute("data-kui-shell-lock")}var ge="data-kui-shell-inert",dt=30;function Q(a,r){return r===null||r===a||r===a.body||r===a.documentElement}function Ze(a,r,s){for(let d of a.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(d.getAttribute("aria-controls")!==r||d.closest("[inert]"))&&!(s&&!s.some(S=>S.contains(d))))return d;return null}var pt={values:["1","2","3"]},tt=e.createContext(null),et=64;function be(a){return a.querySelector(":scope > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaViewport")??a.querySelector(":scope > .kui-ShellContent")}var nt=e.forwardRef(({className:a,children:r,height:s="full",contained:d,size:S,style:x,onKeyDown:g,onFocus:k,...w},L)=>{let P=ye(S,pt),[i]=e.useState(Me),C=e.useCallback(t=>ze(i,t),[i]);e.useSyncExternalStore(C,()=>i.version,()=>0);let R=e.useRef(null),I=Ce(L,R),[T,F]=e.useState(()=>new Set),A=e.useCallback(t=>{F(n=>n.has(t)?n:new Set(n).add(t))},[]),f=e.useCallback(t=>{F(n=>{if(!n.has(t))return n;let o=new Set(n);return o.delete(t),o})},[]),m=e.useMemo(()=>({registerOffFrame:A,unregisterOffFrame:f}),[A,f]),N=e.useCallback(()=>{for(let t of i.entries.values())t.overlayLive&&t.setValue("closed","dismiss")},[i]),M=e.useCallback(()=>[...i.entries.values()].filter(t=>t.overlayLive&&t.el).map(t=>({name:t.name,id:t.id,el:t.el})),[i]),E=[...i.entries.values()].filter(t=>t.overlayLive&&t.el).length,O=d===!0||s!=="full"&&s!=="auto",V=!O&&s==="full",[Z,le]=e.useState(void 0);e.useEffect(()=>{if(!V)return;let t=R.current,n=t?.ownerDocument.defaultView;if(!t||!n||typeof n.matchMedia!="function")return;let o=ke(),c=o?n.scrollY:be(t)?.scrollTop??0,h=0,v=0,y=()=>{v&&cancelAnimationFrame(v),v=requestAnimationFrame(()=>{v=0})},U=()=>{o&&!v&&(c=n.scrollY)},q=l=>{!o&&!v&&l.target instanceof HTMLElement&&l.target===be(t)&&(c=l.target.scrollTop)};n.addEventListener("resize",y),n.addEventListener("scroll",U,{passive:!0}),t.addEventListener("scroll",q,{passive:!0,capture:!0});let se=we(l=>{o=l;let u=c;h&&cancelAnimationFrame(h),h=requestAnimationFrame(()=>{if(h=0,l)n.scrollTo(0,u);else{let p=be(t);p&&(p.scrollTop=u)}})});return()=>{h&&cancelAnimationFrame(h),v&&cancelAnimationFrame(v),n.removeEventListener("resize",y),n.removeEventListener("scroll",U),t.removeEventListener("scroll",q,{capture:!0}),se()}},[V]);let K=e.useCallback(()=>{let t=R.current;if(!t)return;let n=M().map(o=>o.el);for(let o of t.children){if(!(o instanceof HTMLElement)||o.classList.contains("kui-ShellScrim"))continue;let c=n.some(h=>o===h||o.contains(h));n.length===0||c?o.hasAttribute(ge)&&(o.removeAttribute(ge),o.inert=!1):o.inert||(o.setAttribute(ge,""),o.inert=!0)}},[M]),j=e.useRef(null),G=e.useRef([]),ee=e.useRef(null),D=e.useRef(!1),z=e.useRef(0),W=e.useCallback(()=>{z.current&&cancelAnimationFrame(z.current),z.current=0},[]),_=e.useCallback((t,n)=>{W();let o=0,c=()=>{if(z.current=0,!!t.isConnected){if(n(t.ownerDocument.activeElement)){t.focus({preventScroll:!0});return}o+=1,o<dt&&(z.current=requestAnimationFrame(c))}};z.current=requestAnimationFrame(c)},[W]);e.useEffect(()=>()=>{W(),D.current&&(D.current=!1,Qe(-1))},[W]),e.useEffect(()=>{let t=R.current;if(!t)return;let n=t.ownerDocument,o=M(),c=o.map(l=>l.el),h=!O&&o.length>0;h!==D.current&&(D.current=h,Qe(h?1:-1));let v=G.current;G.current=o;let y=v.filter(l=>{if(c.includes(l.el))return!1;let u=i.entries.get(l.name);return!l.el.isConnected||!u||u.el!==l.el||u.value==="closed"}),U=l=>l!==null&&y.some(u=>u.el.contains(l));if(v.length===0&&o.length>0){let l=n.activeElement,u=l instanceof HTMLElement&&!Q(n,l)&&!c.some(p=>p.contains(l))?l:null;if(u&&!t.contains(u)){let p=ee.current;p&&p.isConnected&&!c.some(te=>te.contains(p))&&(u=p)}j.current=u}if(K(),o.length===0){let l=j.current;if(j.current=null,y.length===0)return;let p=(H=>H!==null&&H.isConnected&&!H.closest("[inert]")&&!U(H))(l)?l:null;for(let H of y)p??(p=Ze(n,H.id));if(!p)return;let te=H=>Q(n,H)||U(H);te(n.activeElement)?p.focus({preventScroll:!0}):_(p,te);return}if(y.length>0){let l=n.activeElement;if(Q(n,l)||U(l)){let u=null;for(let p of y)u??(u=Ze(n,p.id,c));(u??c[c.length-1]).focus({preventScroll:!0})}}let q=c.filter(l=>!v.some(u=>u.el===l)),se=n.activeElement;q.length>0&&!c.some(l=>l.contains(se))&&(q[0].focus({preventScroll:!0}),_(q[0],l=>Q(n,l)||l instanceof Element&&l.closest("[inert]")!==null))}),e.useEffect(()=>{let t=R.current;if(!t||E===0||typeof MutationObserver>"u")return;let n=new MutationObserver(K);return n.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>n.disconnect()},[E,K]);let Y=t=>{g?.(t),!(t.key!=="Escape"||t.defaultPrevented||E===0)&&(N(),t.stopPropagation())};e.useEffect(()=>{let t=R.current;if(!t||E===0)return;let n=t.ownerDocument,o=c=>{c.key!=="Escape"||c.defaultPrevented||!Q(n,c.target)||N()};return n.addEventListener("keydown",o),()=>n.removeEventListener("keydown",o)},[E,N]);let ae=t=>{k?.(t),t.target instanceof HTMLElement&&R.current?.contains(t.target)&&(ee.current=t.target)},B=i.entries.get("rail"),X=B!==void 0&&B.value!==void 0&&B.value!=="closed"?T.has("rail")?`calc(${B.size}px + 2 * var(--shell-gap))`:`${B.size}px`:void 0,re=s==="full"?{}:s==="auto"?{height:"auto"}:typeof s=="number"?{height:`${s}px`}:{height:s};return e.createElement(He.Provider,{value:i},e.createElement(pe.Provider,{value:P},e.createElement(fe.Provider,{value:!1},e.createElement(Fe.Provider,{value:V},e.createElement(tt.Provider,{value:le},e.createElement(xe.Provider,{value:m},e.createElement(Te.Provider,{value:void 0},e.createElement("div",{...w,ref:I,className:$("kui-ShellRoot",a),"data-height":s==="auto"&&!O?"auto":void 0,"data-contained":O||void 0,"data-window":V||void 0,"data-overlay-live":E>0||void 0,onKeyDown:Y,onFocus:ae,style:{...re,...X?{"--shell-rail-offset":X}:{},...Z!==void 0?{"--kui-shell-header-h":`${Z}px`}:{},...x}},r,e.createElement("div",{className:"kui-ShellScrim","aria-hidden":!0,onClick:N})))))))))});nt.displayName="Shell.Root";var ot=e.forwardRef(({className:a,height:r=et,flush:s=!0,style:d,...S},x)=>{let g=e.useContext(tt);return ut(()=>{if(g)return g(r===et?void 0:r),()=>g(void 0)},[g,r]),e.createElement("header",{...S,ref:x,className:$("kui-ShellHeader",a),"data-flush":s||void 0,style:{...d,"--shell-header-height":`${r}px`}})});ot.displayName="Shell.Header";var lt=e.forwardRef(({children:a},r)=>(e.useEffect(()=>{},[]),e.createElement(e.Fragment,null,a)));lt.displayName="Shell.Left";var ft={controlled:"open",default:"defaultOpen"},at=e.forwardRef((a,r)=>{let{className:s,presentation:d,expandedSize:S=64,collapsible:x,onExpand:g,onCollapse:k,children:w,style:L,open:P,defaultOpen:i,onOpenChange:C,flush:R=!0,id:I,...T}=a,{table:F,attributes:A}=Se(d,"fixed"),f=he({name:"rail",label:"Rail",propNames:ft,id:I,controlled:J(P),defaultValue:J(i),presentationTable:F,builtIn:_e,onChange:(N,M)=>C?.(N!=="closed",{reason:M}),onExpand:g,onCollapse:k,size:S});oe("rail",R);let m=Ce(r,f.setElement);return e.createElement("div",{...T,role:T.role??"navigation",id:f.id,ref:m,className:$("kui-ShellPane","kui-ShellRail",s),...ve(f,A),"data-flush":R||void 0,tabIndex:f.overlaying?-1:T.tabIndex,style:{...L,"--rail-size":`${S}px`}},e.createElement(mt,null,w))});at.displayName="Shell.Rail";function mt({children:a}){let r=e.useContext(pe);return e.createElement("div",{className:$("kui-ShellRailContent",`kui-r-size-${r}`)},e.createElement(me,{presentation:"thin"},a))}var Pt={controlled:"open",default:"defaultOpen"},Ee=e.forwardRef((a,r)=>{let{className:s,presentation:d,defaultOpen:S,open:x,onOpenChange:g,size:k,defaultSize:w,expandedSize:L=288,minSize:P=100,maxSize:i=800,resizable:C=!1,collapsible:R=!0,onExpand:I,onCollapse:T,onResize:F,onResizeStart:A,onResizeEnd:f,snapPoints:m,snapTolerance:N,collapseThreshold:M,paneId:E,persistence:O,children:V,style:Z,onSizeChange:le,sizeUpdate:K,sizeUpdateMs:j=50,flush:G=!0,id:ee,...D}=a,z=ue("Shell.Panel"),W=de(z,"rail"),_=Se(d,"fixed"),Y=d===void 0,ae=Y?W?.presentationTable??ce:_.table,B=Y?{"data-presentation-follows":""}:_.attributes,b=he({name:"panel",label:"Panel",propNames:Pt,id:ee,controlled:J(x),defaultValue:J(S),presentationTable:ae,builtIn:Ue,onChange:(v,y)=>g?.(v!=="closed",{reason:y}),onExpand:I,onCollapse:T,size:L});oe("panel",G),e.useEffect(()=>{(m!==void 0||M!==void 0||E!==void 0||O!==void 0)&&void 0},[m,M,E,O]);let X=e.useRef(null),re=Ce(r,b.setElement,X),t=Ve({name:"panel",elementId:b.id,elementRef:X,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:qe,expandedSize:L,minSize:P,maxSize:i,resizable:C,collapsible:R,size:k,defaultSize:w,onSizeChange:le,sizeUpdate:K,sizeUpdateMs:j,onResize:F,onResizeStart:A,onResizeEnd:f,snapPoints:m,snapTolerance:N,collapseThreshold:M,paneId:E,persistence:O,overlaying:b.overlaying,overlayingNow:()=>(Y?z.entries.get("rail")?.presentationTable??ce:_.table)[Le()]==="overlay",requestCollapse:()=>b.setValue("closed","toggle"),requestToggle:()=>b.toggle("toggle")}),n=Be(k,w,P,i),{handles:o,content:c}=We(V,Pe),h=C&&b.shown!==!1&&!b.overlaying?e.createElement(De.Provider,{value:t},o.length>0?o:e.createElement(Ie,null)):null;return e.createElement("div",{...$e(D),role:D.role??"navigation",id:b.id,ref:re,className:$("kui-ShellPane","kui-ShellPanel",s),...ve(b,B),"data-flush":G||void 0,tabIndex:b.overlaying?-1:D.tabIndex,style:{...Z,"--panel-expanded-size":`${L}px`,...n?{"--panel-size":n}:{}}},e.createElement("div",{className:"kui-ShellPanelContent"},e.createElement(me,null,e.createElement(ie,null,c))),h)});Ee.displayName="Shell.Panel";Ee.Handle=Pe;var rt=e.forwardRef(({className:a,flush:r=!0,children:s,...d},S)=>(oe("content",r),e.createElement("main",{...d,ref:S,className:$("kui-ShellContent",a),"data-flush":r||void 0},e.createElement(fe.Provider,{value:!0},e.createElement(ie,null,s)))));rt.displayName="Shell.Content";var st=e.forwardRef(({target:a,action:r="toggle",peekOnHover:s,asChild:d=!1,onClick:S,onMouseEnter:x,onMouseLeave:g,children:k,...w},L)=>{let P=ue("Shell.Trigger");e.useEffect(()=>{a==="left"&&void 0,s&&void 0},[a,s]);let i=a==="left"?"rail":a,C=de(P,i),R=C?.value===void 0?void 0:C.value!=="closed",I=f=>{if(S?.(f),f.defaultPrevented)return;let m=P.entries.get(i);m&&(P.peek===i&&ne(P,null),r==="toggle"?m.toggle("toggle"):r==="expand"?m.setValue("open","toggle"):m.setValue("closed","toggle"))},T=f=>{if(x?.(f),!s)return;let m=P.entries.get(i);m&&m.value==="closed"&&m.presentation!=="overlay"&&ne(P,i)},F=f=>{g?.(f),s&&P.peek===i&&ne(P,null)},A=d?ct.Root:"button";return e.createElement(A,{...!d&&{type:"button"},"aria-controls":C?.id,"aria-expanded":R,...w,ref:L,onClick:I,onMouseEnter:T,onMouseLeave:F,"data-shell-trigger":a,"data-shell-action":r},k)});st.displayName="Shell.Trigger";export{nt as a,ot as b,lt as c,at as d,Ee as e,rt as f,st as g,ht as h};
-//# sourceMappingURL=chunk-NO2JCJWI.js.map
+import{a as Ye,b as Xe}from"./chunk-TS4QCDSI.js";import{a as Je}from"./chunk-B447PNRD.js";import{a as Ge}from"./chunk-2WFN4D52.js";import{a as Ke}from"./chunk-M26LLCQC.js";import{a as je}from"./chunk-HQT32HQ6.js";import{a as J,b as _e,c as Ue,d as qe,g as $e}from"./chunk-XUCR7L4G.js";import{a as Ie,b as Pe}from"./chunk-4OJRLS5N.js";import{a as he,b as ve,c as Se}from"./chunk-KGCGT4MJ.js";import{a as Be,b as Ve,c as We}from"./chunk-4TTRPCGG.js";import{a as De}from"./chunk-MXEOE4LA.js";import{b as ye}from"./chunk-5ON3XLRD.js";import{a as Le}from"./chunk-G66WDIIV.js";import{b as ie}from"./chunk-VWRPVM5K.js";import{c as pe,d as fe,e as Fe,f as me,i as Ae,j as Ne,k as Oe}from"./chunk-PMXIQ5B4.js";import{c as ke,d as we}from"./chunk-QEDKL23P.js";import{e as ce,f as Me,h as ze,i as ne,j as He,k as ue,l as de,n as xe,o as oe}from"./chunk-5BXCPANF.js";import{a as Te}from"./chunk-ANQLWGFN.js";import{a as it}from"./chunk-VQPANPMI.js";var ht={};it(ht,{Bottom:()=>Ke,Content:()=>rt,Header:()=>ot,Inspector:()=>je,Left:()=>lt,PaneFooter:()=>Ne,PaneHeader:()=>Ae,Panel:()=>Ee,Rail:()=>at,Root:()=>nt,Scroll:()=>Oe,Sidebar:()=>Ge,Trigger:()=>st,useResponsivePresentation:()=>Je,useShell:()=>Xe,useSidebarMode:()=>Ye});import*as e from"react";import $ from"classnames";import{Slot as ct}from"radix-ui";import{useComposedRefs as Ce,useLayoutEffect as ut}from"radix-ui/internal";var Re=0;function Qe(a){Re=Math.max(0,Re+a);let r=document.documentElement;Re>0?r.setAttribute("data-kui-shell-lock",""):r.removeAttribute("data-kui-shell-lock")}var ge="data-kui-shell-inert",dt=30;function Q(a,r){return r===null||r===a||r===a.body||r===a.documentElement}function Ze(a,r,s){for(let d of a.querySelectorAll("[data-shell-trigger][aria-controls]"))if(!(d.getAttribute("aria-controls")!==r||d.closest("[inert]"))&&!(s&&!s.some(S=>S.contains(d))))return d;return null}var pt={values:["1","2","3"]},tt=e.createContext(null),et=64;function be(a){return a.querySelector(":scope > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaViewport")??a.querySelector(":scope > .kui-ShellContent")}var nt=e.forwardRef(({className:a,children:r,height:s="full",contained:d,size:S,style:x,onKeyDown:g,onFocus:k,...w},L)=>{let P=ye(S,pt),[i]=e.useState(Me),C=e.useCallback(t=>ze(i,t),[i]);e.useSyncExternalStore(C,()=>i.version,()=>0);let R=e.useRef(null),I=Ce(L,R),[T,F]=e.useState(()=>new Set),A=e.useCallback(t=>{F(n=>n.has(t)?n:new Set(n).add(t))},[]),f=e.useCallback(t=>{F(n=>{if(!n.has(t))return n;let o=new Set(n);return o.delete(t),o})},[]),m=e.useMemo(()=>({registerOffFrame:A,unregisterOffFrame:f}),[A,f]),N=e.useCallback(()=>{for(let t of i.entries.values())t.overlayLive&&t.setValue("closed","dismiss")},[i]),M=e.useCallback(()=>[...i.entries.values()].filter(t=>t.overlayLive&&t.el).map(t=>({name:t.name,id:t.id,el:t.el})),[i]),E=[...i.entries.values()].filter(t=>t.overlayLive&&t.el).length,O=d===!0||s!=="full"&&s!=="auto",V=!O&&s==="full",[Z,le]=e.useState(void 0);e.useEffect(()=>{if(!V)return;let t=R.current,n=t?.ownerDocument.defaultView;if(!t||!n||typeof n.matchMedia!="function")return;let o=ke(),c=o?n.scrollY:be(t)?.scrollTop??0,h=0,v=0,y=()=>{v&&cancelAnimationFrame(v),v=requestAnimationFrame(()=>{v=0})},U=()=>{o&&!v&&(c=n.scrollY)},q=l=>{!o&&!v&&l.target instanceof HTMLElement&&l.target===be(t)&&(c=l.target.scrollTop)};n.addEventListener("resize",y),n.addEventListener("scroll",U,{passive:!0}),t.addEventListener("scroll",q,{passive:!0,capture:!0});let se=we(l=>{o=l;let u=c;h&&cancelAnimationFrame(h),h=requestAnimationFrame(()=>{if(h=0,l)n.scrollTo(0,u);else{let p=be(t);p&&(p.scrollTop=u)}})});return()=>{h&&cancelAnimationFrame(h),v&&cancelAnimationFrame(v),n.removeEventListener("resize",y),n.removeEventListener("scroll",U),t.removeEventListener("scroll",q,{capture:!0}),se()}},[V]);let K=e.useCallback(()=>{let t=R.current;if(!t)return;let n=M().map(o=>o.el);for(let o of t.children){if(!(o instanceof HTMLElement)||o.classList.contains("kui-ShellScrim"))continue;let c=n.some(h=>o===h||o.contains(h));n.length===0||c?o.hasAttribute(ge)&&(o.removeAttribute(ge),o.inert=!1):o.inert||(o.setAttribute(ge,""),o.inert=!0)}},[M]),j=e.useRef(null),G=e.useRef([]),ee=e.useRef(null),D=e.useRef(!1),z=e.useRef(0),W=e.useCallback(()=>{z.current&&cancelAnimationFrame(z.current),z.current=0},[]),_=e.useCallback((t,n)=>{W();let o=0,c=()=>{if(z.current=0,!!t.isConnected){if(n(t.ownerDocument.activeElement)){t.focus({preventScroll:!0});return}o+=1,o<dt&&(z.current=requestAnimationFrame(c))}};z.current=requestAnimationFrame(c)},[W]);e.useEffect(()=>()=>{W(),D.current&&(D.current=!1,Qe(-1))},[W]),e.useEffect(()=>{let t=R.current;if(!t)return;let n=t.ownerDocument,o=M(),c=o.map(l=>l.el),h=!O&&o.length>0;h!==D.current&&(D.current=h,Qe(h?1:-1));let v=G.current;G.current=o;let y=v.filter(l=>{if(c.includes(l.el))return!1;let u=i.entries.get(l.name);return!l.el.isConnected||!u||u.el!==l.el||u.value==="closed"}),U=l=>l!==null&&y.some(u=>u.el.contains(l));if(v.length===0&&o.length>0){let l=n.activeElement,u=l instanceof HTMLElement&&!Q(n,l)&&!c.some(p=>p.contains(l))?l:null;if(u&&!t.contains(u)){let p=ee.current;p&&p.isConnected&&!c.some(te=>te.contains(p))&&(u=p)}j.current=u}if(K(),o.length===0){let l=j.current;if(j.current=null,y.length===0)return;let p=(H=>H!==null&&H.isConnected&&!H.closest("[inert]")&&!U(H))(l)?l:null;for(let H of y)p??(p=Ze(n,H.id));if(!p)return;let te=H=>Q(n,H)||U(H);te(n.activeElement)?p.focus({preventScroll:!0}):_(p,te);return}if(y.length>0){let l=n.activeElement;if(Q(n,l)||U(l)){let u=null;for(let p of y)u??(u=Ze(n,p.id,c));(u??c[c.length-1]).focus({preventScroll:!0})}}let q=c.filter(l=>!v.some(u=>u.el===l)),se=n.activeElement;q.length>0&&!c.some(l=>l.contains(se))&&(q[0].focus({preventScroll:!0}),_(q[0],l=>Q(n,l)||l instanceof Element&&l.closest("[inert]")!==null))}),e.useEffect(()=>{let t=R.current;if(!t||E===0||typeof MutationObserver>"u")return;let n=new MutationObserver(K);return n.observe(t,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["inert"]}),()=>n.disconnect()},[E,K]);let Y=t=>{g?.(t),!(t.key!=="Escape"||t.defaultPrevented||E===0)&&(N(),t.stopPropagation())};e.useEffect(()=>{let t=R.current;if(!t||E===0)return;let n=t.ownerDocument,o=c=>{c.key!=="Escape"||c.defaultPrevented||!Q(n,c.target)||N()};return n.addEventListener("keydown",o),()=>n.removeEventListener("keydown",o)},[E,N]);let ae=t=>{k?.(t),t.target instanceof HTMLElement&&R.current?.contains(t.target)&&(ee.current=t.target)},B=i.entries.get("rail"),X=B!==void 0&&B.value!==void 0&&B.value!=="closed"?T.has("rail")?`calc(${B.size}px + 2 * var(--shell-gap))`:`${B.size}px`:void 0,re=s==="full"?{}:s==="auto"?{height:"auto"}:typeof s=="number"?{height:`${s}px`}:{height:s};return e.createElement(He.Provider,{value:i},e.createElement(pe.Provider,{value:P},e.createElement(fe.Provider,{value:!1},e.createElement(Fe.Provider,{value:V},e.createElement(tt.Provider,{value:le},e.createElement(xe.Provider,{value:m},e.createElement(Te.Provider,{value:void 0},e.createElement("div",{...w,ref:I,className:$("kui-ShellRoot",a),"data-height":s==="auto"&&!O?"auto":void 0,"data-contained":O||void 0,"data-window":V||void 0,"data-overlay-live":E>0||void 0,onKeyDown:Y,onFocus:ae,style:{...re,...X?{"--shell-rail-offset":X}:{},...Z!==void 0?{"--kui-shell-header-h":`${Z}px`}:{},...x}},r,e.createElement("div",{className:"kui-ShellScrim","aria-hidden":!0,onClick:N})))))))))});nt.displayName="Shell.Root";var ot=e.forwardRef(({className:a,height:r=et,flush:s=!0,style:d,...S},x)=>{let g=e.useContext(tt);return ut(()=>{if(g)return g(r===et?void 0:r),()=>g(void 0)},[g,r]),e.createElement("header",{...S,ref:x,className:$("kui-ShellHeader",a),"data-flush":s||void 0,style:{...d,"--shell-header-height":`${r}px`}})});ot.displayName="Shell.Header";var lt=e.forwardRef(({children:a},r)=>(e.useEffect(()=>{},[]),e.createElement(e.Fragment,null,a)));lt.displayName="Shell.Left";var ft={controlled:"open",default:"defaultOpen"},at=e.forwardRef((a,r)=>{let{className:s,presentation:d,expandedSize:S=64,collapsible:x,onExpand:g,onCollapse:k,children:w,style:L,open:P,defaultOpen:i,onOpenChange:C,flush:R=!0,id:I,...T}=a,{table:F,attributes:A}=Se(d,"fixed"),f=he({name:"rail",label:"Rail",propNames:ft,id:I,controlled:J(P),defaultValue:J(i),presentationTable:F,builtIn:_e,onChange:(N,M)=>C?.(N!=="closed",{reason:M}),onExpand:g,onCollapse:k,size:S});oe("rail",R);let m=Ce(r,f.setElement);return e.createElement("div",{...T,role:T.role??"navigation",id:f.id,ref:m,className:$("kui-ShellPane","kui-ShellRail",s),...ve(f,A),"data-flush":R||void 0,tabIndex:f.overlaying?-1:T.tabIndex,style:{...L,"--rail-size":`${S}px`}},e.createElement(mt,null,w))});at.displayName="Shell.Rail";function mt({children:a}){let r=e.useContext(pe);return e.createElement("div",{className:$("kui-ShellRailContent",`kui-r-size-${r}`)},e.createElement(me,{presentation:"thin"},a))}var Pt={controlled:"open",default:"defaultOpen"},Ee=e.forwardRef((a,r)=>{let{className:s,presentation:d,defaultOpen:S,open:x,onOpenChange:g,size:k,defaultSize:w,expandedSize:L=288,minSize:P=100,maxSize:i=800,resizable:C=!1,collapsible:R=!0,onExpand:I,onCollapse:T,onResize:F,onResizeStart:A,onResizeEnd:f,snapPoints:m,snapTolerance:N,collapseThreshold:M,paneId:E,persistence:O,children:V,style:Z,onSizeChange:le,sizeUpdate:K,sizeUpdateMs:j=50,flush:G=!0,id:ee,...D}=a,z=ue("Shell.Panel"),W=de(z,"rail"),_=Se(d,"fixed"),Y=d===void 0,ae=Y?W?.presentationTable??ce:_.table,B=Y?{"data-presentation-follows":""}:_.attributes,b=he({name:"panel",label:"Panel",propNames:Pt,id:ee,controlled:J(x),defaultValue:J(S),presentationTable:ae,builtIn:Ue,onChange:(v,y)=>g?.(v!=="closed",{reason:y}),onExpand:I,onCollapse:T,size:L});oe("panel",G),e.useEffect(()=>{(m!==void 0||M!==void 0||E!==void 0||O!==void 0)&&void 0},[m,M,E,O]);let X=e.useRef(null),re=Ce(r,b.setElement,X),t=Ve({name:"panel",elementId:b.id,elementRef:X,cssVarName:"--panel-size",orientation:"vertical",edge:"end",growth:qe,expandedSize:L,minSize:P,maxSize:i,resizable:C,collapsible:R,size:k,defaultSize:w,onSizeChange:le,sizeUpdate:K,sizeUpdateMs:j,onResize:F,onResizeStart:A,onResizeEnd:f,snapPoints:m,snapTolerance:N,collapseThreshold:M,paneId:E,persistence:O,overlaying:b.overlaying,overlayingNow:()=>(Y?z.entries.get("rail")?.presentationTable??ce:_.table)[Le()]==="overlay",requestCollapse:()=>b.setValue("closed","toggle"),requestToggle:()=>b.toggle("toggle")}),n=Be(k,w,P,i),{handles:o,content:c}=We(V,Pe),h=C&&b.shown!==!1&&!b.overlaying?e.createElement(De.Provider,{value:t},o.length>0?o:e.createElement(Ie,null)):null;return e.createElement("div",{...$e(D),role:D.role??"navigation",id:b.id,ref:re,className:$("kui-ShellPane","kui-ShellPanel",s),...ve(b,B),"data-flush":G||void 0,tabIndex:b.overlaying?-1:D.tabIndex,style:{...Z,"--panel-expanded-size":`${L}px`,...n?{"--panel-size":n}:{}}},e.createElement("div",{className:"kui-ShellPanelContent"},e.createElement(me,null,e.createElement(ie,null,c))),h)});Ee.displayName="Shell.Panel";Ee.Handle=Pe;var rt=e.forwardRef(({className:a,flush:r=!0,children:s,...d},S)=>(oe("content",r),e.createElement("main",{...d,ref:S,className:$("kui-ShellContent",a),"data-flush":r||void 0},e.createElement(fe.Provider,{value:!0},e.createElement(ie,null,s)))));rt.displayName="Shell.Content";var st=e.forwardRef(({target:a,action:r="toggle",peekOnHover:s,asChild:d=!1,onClick:S,onMouseEnter:x,onMouseLeave:g,children:k,...w},L)=>{let P=ue("Shell.Trigger");e.useEffect(()=>{a==="left"&&void 0,s&&void 0},[a,s]);let i=a==="left"?"rail":a,C=de(P,i),R=C?.value===void 0?void 0:C.value!=="closed",I=f=>{if(S?.(f),f.defaultPrevented)return;let m=P.entries.get(i);m&&(P.peek===i&&ne(P,null),r==="toggle"?m.toggle("toggle"):r==="expand"?m.setValue("open","toggle"):m.setValue("closed","toggle"))},T=f=>{if(x?.(f),!s)return;let m=P.entries.get(i);m&&m.value==="closed"&&m.presentation!=="overlay"&&ne(P,i)},F=f=>{g?.(f),s&&P.peek===i&&ne(P,null)},A=d?ct.Root:"button";return e.createElement(A,{...!d&&{type:"button"},"aria-controls":C?.id,"aria-expanded":R,...w,ref:L,onClick:I,onMouseEnter:T,onMouseLeave:F,"data-shell-trigger":a,"data-shell-action":r},k)});st.displayName="Shell.Trigger";export{nt as a,ot as b,lt as c,at as d,Ee as e,rt as f,st as g,ht as h};
+//# sourceMappingURL=chunk-BJVXB3PN.js.map

package/dist/esm/{chunk-BR6Z2CAE.js → chunk-C6VGCYFQ.js}

@@ -1,3 +1,3 @@
 "use client";
-import{a as to,b as ro,c as no,e as W,f as ao,i as so,l as io}from"./chunk-KBSH6CBD.js";import{a as B}from"./chunk-JQMWNI62.js";import{a as eo}from"./chunk-FICBVI4M.js";import{a as q}from"./chunk-7N2Q5WOM.js";import{b as L}from"./chunk-5ON3XLRD.js";import{d as J,f as Q,g as X}from"./chunk-VWRPVM5K.js";import{h as oo}from"./chunk-ODHCDJ3Y.js";import{c as U}from"./chunk-OKQAVYW4.js";import*as o from"react";import{useComposedRefs as vo,useLayoutEffect as D}from"radix-ui/internal";import g from"classnames";import{Toolbar as N}from"radix-ui";var Po=["1","2","3","4"],Ro=["horizontal","vertical"],x={size:{type:"enum",className:"kui-r-size",values:Po,default:"2"},orientation:{type:"enum",values:Ro,default:"horizontal"}};var M=o.createContext(null),F=o.createContext(null),E=o.createContext(!1);function Ho(){return o.useContext(E)}var H=o.forwardRef((e,t)=>{let r=oo(),a=L(e.size??r??void 0,x.size),s=e.orientation??x.orientation.default,{className:i,orientation:n,backdrop:l=!1,children:c,...d}=U({...e,size:a},x,q),u=o.useMemo(()=>({size:a,orientation:s,backdrop:l}),[a,s,l]);return o.createElement(N.Root,{...d,ref:t,orientation:s,"data-backdrop":l||void 0,className:g("kui-Toolbar",i)},o.createElement(M.Provider,{value:u},c))});H.displayName="Toolbar";var co=o.forwardRef(({className:e,disabled:t=!1,children:r,...a},s)=>{let i=o.useContext(M),n=o.useContext(E),l=o.useMemo(()=>({disabled:t}),[t]);return n?o.createElement(ao,{...a,ref:s,className:e},o.createElement(F.Provider,{value:l},r)):o.createElement("div",{role:"group","data-orientation":i?.orientation??"horizontal","data-disabled":t||void 0,...a,ref:s,className:g("kui-ToolbarGroup",e)},o.createElement(F.Provider,{value:l},r))});co.displayName="Toolbar.Group";var yo=new Set(["id","className","style","title"]);function lo(e){return e===!0||e==="true"}function wo(e){return o.isValidElement(e)&&e.type==="button"}var A=o.forwardRef((e,t)=>{let r=o.useContext(M),a=o.useContext(F),s=o.useContext(E),{iconOnly:i,size:n,variant:l,emphasis:c,color:d,disabled:u,asChild:f,onKeyDown:b,...y}=e,h=u||a?.disabled||void 0;if(s){let P={};for(let R of Object.keys(y))(/^on[A-Z]/.test(R)||R.startsWith("aria-")||R.startsWith("data-")||yo.has(R))&&(P[R]=y[R]);return b&&(P.onKeyDown=b),o.createElement(uo,{...P,ref:t,asChild:f,iconOnly:i,disabled:h,color:d,pressed:e["aria-pressed"]===void 0?void 0:lo(e["aria-pressed"])},y.children)}let O=r?.orientation==="vertical"&&b?P=>{P.key==="ArrowDown"||P.key==="ArrowUp"||b(P)}:b,I=lo(e["aria-pressed"]),p="data-state"in e||e["aria-pressed"]===void 0?{}:{"data-state":I?"on":"off"},m={size:n??r?.size,...c!==void 0?{emphasis:c}:{variant:l??(a?"ghost":r?.backdrop?"raised":"soft")},color:d??(l||c?void 0:"gray"),...p},T={...y,...i?{iconOnly:!0}:{},...f?{asChild:!0}:{},...O?{onKeyDown:O}:{},...m};return r?f&&!wo(y.children)?o.createElement(N.Link,{asChild:!0,ref:t},o.createElement(B,{...T,disabled:h})):o.createElement(N.Button,{asChild:!0,ref:t,disabled:h},o.createElement(B,{...T})):o.createElement(B,{...T,ref:t,disabled:h})});A.displayName="Toolbar.Button";var uo=o.forwardRef(({asChild:e,iconOnly:t,disabled:r,color:a,pressed:s,children:i,"aria-label":n,...l},c)=>{let d=t?n:void 0,u={...l,...t?{}:n?{"aria-label":n}:{},disabled:r,...a?{color:a}:{}};if(e&&o.isValidElement(i)){let f=d?o.cloneElement(i,void 0,i.props.children,o.createElement("span",null,d)):i;return o.createElement(W,{...u,ref:c,asChild:!0},f)}return s!==void 0?o.createElement(so,{...u,ref:c,checked:s},i,d):o.createElement(W,{...u,ref:c},i,d)});uo.displayName="Toolbar.OverflowItem";function ho(){return o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentcolor","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg"},o.createElement("circle",{cx:"3.25",cy:"8",r:"1.25"}),o.createElement("circle",{cx:"8",cy:"8",r:"1.25"}),o.createElement("circle",{cx:"12.75",cy:"8",r:"1.25"}))}var po=o.forwardRef(({label:e="More",className:t,children:r,...a},s)=>{let i=o.Children.toArray(r),n=i.length,l=o.useRef(null),c=o.useRef([]),d=o.useRef(0),[u,f]=o.useState(n),[b,y]=o.useState(0),[h,O]=o.useState(n);h!==n&&(O(n),f(n)),D(()=>{c.current=[]},[n]),D(()=>{let p=l.current;if(!p)return;let m=Array.from(p.children),T=Math.min(u,n);for(let v=0;v<T;v++){let w=m[v];w&&(c.current[v]=w.offsetWidth)}let P=m[T];P&&(d.current=P.offsetWidth);let R=Number.parseFloat(getComputedStyle(p).columnGap)||0,K=p.clientWidth,V=0,_=0;for(let v=0;v<n;v++){let w=c.current[v];if(w===void 0)return;w!==0&&(V+=w+(_>0?R:0),_+=1)}let k=n;if(V>K){let v=K-(d.current||p.clientHeight)-R,w=0,Y=0;k=0;for(let G=0;G<n;G++){let Z=c.current[G];if(Z>0){let $=Z+(Y>0?R:0);if(w+$>v)break;w+=$,Y+=1}k+=1}}k!==u&&f(k)},[u,n,b]),o.useEffect(()=>{let p=l.current;if(!p||typeof ResizeObserver>"u")return;let m=new ResizeObserver(()=>y(T=>T+1));m.observe(p);for(let T of Array.from(p.children))m.observe(T);return()=>m.disconnect()},[u,n]);let I=o.useCallback(p=>{l.current=p,typeof s=="function"?s(p):s&&(s.current=p)},[s]);return o.createElement("div",{...a,ref:I,className:g("kui-ToolbarOverflow",t)},i.slice(0,u).map((p,m)=>o.createElement("div",{key:m,className:"kui-ToolbarOverflowSeat"},p)),u<n?o.createElement(to,null,o.createElement(ro,null,o.createElement(A,{iconOnly:!0,"aria-label":e},o.createElement(ho,null))),o.createElement(no,{align:"end"},o.createElement(E.Provider,{value:!0},i.slice(u)))):null)});po.displayName="Toolbar.Overflow";var j=[],S=new Map,z=new Set,C=new Map;function So(e){return z.add(e),()=>{z.delete(e)}}function go(e,t,r){let a=S.get(e)??j,i=a.findIndex(n=>n.id===t)===-1?[...a,{id:t,node:r}]:a.map(n=>n.id===t?{id:t,node:r}:n);S.set(e,i),z.forEach(n=>n())}function xo(e,t){let r=S.get(e);if(!r)return;let a=r.filter(s=>s.id!==t);a.length===0?S.delete(e):S.set(e,a),z.forEach(s=>s())}function fo({name:e="default"}){D(()=>{let r=(C.get(e)??0)+1;return C.set(e,r),r>1,()=>{let a=(C.get(e)??1)-1;a>0?C.set(e,a):C.delete(e)}},[e]);let t=o.useSyncExternalStore(So,()=>S.get(e)??j,()=>j);return o.createElement(o.Fragment,null,t.map(r=>o.createElement(o.Fragment,{key:r.id},r.node)))}fo.displayName="Toolbar.Slot";function bo({name:e="default",children:t}){let r=o.useId();return D(()=>{go(e,r,t)},[e,r,t]),D(()=>()=>xo(e,r),[e,r]),null}bo.displayName="Toolbar.Fill";var mo=o.forwardRef(({className:e,...t},r)=>{let a=o.useContext(M);return o.useContext(E)?o.createElement(io,{...t,ref:r,className:e}):a?o.createElement(N.Separator,{...t,ref:r,className:g("kui-ToolbarSeparator",e)}):o.createElement("div",{role:"separator","aria-orientation":"vertical","data-orientation":"vertical",...t,ref:r,className:g("kui-ToolbarSeparator",e)})});mo.displayName="Toolbar.Separator";var Co={1:"2",2:"3",3:"4",4:"5"},To=o.forwardRef(({className:e,children:t,style:r,id:a},s)=>{let i=o.useContext(M),n=L(void 0,x.size),l=i?.size??n,c=J(),d=Q(c),u=X(c),f=t==null||t===!1,b=f?d:t,y=vo(s,f?u:void 0);return b==null?null:o.createElement(eo,{ref:y,as:"span",size:Co[l],weight:"medium",truncate:!0,id:a,style:r,className:g("kui-ToolbarTitle",e),"data-mirror":f||void 0},b)});To.displayName="Toolbar.Title";var jo=Object.assign(H,{Root:H,Group:co,Button:A,Separator:mo,Title:To,Overflow:po,Slot:fo,Fill:bo});export{Ho as a,H as b,co as c,A as d,po as e,fo as f,bo as g,mo as h,To as i,jo as j};
-//# sourceMappingURL=chunk-BR6Z2CAE.js.map
+import{a as to,b as ro,c as no,e as W,f as ao,i as so,l as io}from"./chunk-KBSH6CBD.js";import{a as B}from"./chunk-YLPCYCYA.js";import{a as eo}from"./chunk-FICBVI4M.js";import{a as q}from"./chunk-7N2Q5WOM.js";import{b as L}from"./chunk-5ON3XLRD.js";import{d as J,f as Q,g as X}from"./chunk-VWRPVM5K.js";import{h as oo}from"./chunk-PMXIQ5B4.js";import{c as U}from"./chunk-OKQAVYW4.js";import*as o from"react";import{useComposedRefs as vo,useLayoutEffect as D}from"radix-ui/internal";import g from"classnames";import{Toolbar as N}from"radix-ui";var Po=["1","2","3","4"],Ro=["horizontal","vertical"],x={size:{type:"enum",className:"kui-r-size",values:Po,default:"2"},orientation:{type:"enum",values:Ro,default:"horizontal"}};var M=o.createContext(null),F=o.createContext(null),E=o.createContext(!1);function Ho(){return o.useContext(E)}var H=o.forwardRef((e,t)=>{let r=oo(),a=L(e.size??r??void 0,x.size),s=e.orientation??x.orientation.default,{className:i,orientation:n,backdrop:l=!1,children:c,...d}=U({...e,size:a},x,q),u=o.useMemo(()=>({size:a,orientation:s,backdrop:l}),[a,s,l]);return o.createElement(N.Root,{...d,ref:t,orientation:s,"data-backdrop":l||void 0,className:g("kui-Toolbar",i)},o.createElement(M.Provider,{value:u},c))});H.displayName="Toolbar";var co=o.forwardRef(({className:e,disabled:t=!1,children:r,...a},s)=>{let i=o.useContext(M),n=o.useContext(E),l=o.useMemo(()=>({disabled:t}),[t]);return n?o.createElement(ao,{...a,ref:s,className:e},o.createElement(F.Provider,{value:l},r)):o.createElement("div",{role:"group","data-orientation":i?.orientation??"horizontal","data-disabled":t||void 0,...a,ref:s,className:g("kui-ToolbarGroup",e)},o.createElement(F.Provider,{value:l},r))});co.displayName="Toolbar.Group";var yo=new Set(["id","className","style","title"]);function lo(e){return e===!0||e==="true"}function wo(e){return o.isValidElement(e)&&e.type==="button"}var A=o.forwardRef((e,t)=>{let r=o.useContext(M),a=o.useContext(F),s=o.useContext(E),{iconOnly:i,size:n,variant:l,emphasis:c,color:d,disabled:u,asChild:f,onKeyDown:b,...y}=e,h=u||a?.disabled||void 0;if(s){let P={};for(let R of Object.keys(y))(/^on[A-Z]/.test(R)||R.startsWith("aria-")||R.startsWith("data-")||yo.has(R))&&(P[R]=y[R]);return b&&(P.onKeyDown=b),o.createElement(uo,{...P,ref:t,asChild:f,iconOnly:i,disabled:h,color:d,pressed:e["aria-pressed"]===void 0?void 0:lo(e["aria-pressed"])},y.children)}let O=r?.orientation==="vertical"&&b?P=>{P.key==="ArrowDown"||P.key==="ArrowUp"||b(P)}:b,I=lo(e["aria-pressed"]),p="data-state"in e||e["aria-pressed"]===void 0?{}:{"data-state":I?"on":"off"},m={size:n??r?.size,...c!==void 0?{emphasis:c}:{variant:l??(a?"ghost":r?.backdrop?"raised":"soft")},color:d??(l||c?void 0:"gray"),...p},T={...y,...i?{iconOnly:!0}:{},...f?{asChild:!0}:{},...O?{onKeyDown:O}:{},...m};return r?f&&!wo(y.children)?o.createElement(N.Link,{asChild:!0,ref:t},o.createElement(B,{...T,disabled:h})):o.createElement(N.Button,{asChild:!0,ref:t,disabled:h},o.createElement(B,{...T})):o.createElement(B,{...T,ref:t,disabled:h})});A.displayName="Toolbar.Button";var uo=o.forwardRef(({asChild:e,iconOnly:t,disabled:r,color:a,pressed:s,children:i,"aria-label":n,...l},c)=>{let d=t?n:void 0,u={...l,...t?{}:n?{"aria-label":n}:{},disabled:r,...a?{color:a}:{}};if(e&&o.isValidElement(i)){let f=d?o.cloneElement(i,void 0,i.props.children,o.createElement("span",null,d)):i;return o.createElement(W,{...u,ref:c,asChild:!0},f)}return s!==void 0?o.createElement(so,{...u,ref:c,checked:s},i,d):o.createElement(W,{...u,ref:c},i,d)});uo.displayName="Toolbar.OverflowItem";function ho(){return o.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"currentcolor","aria-hidden":!0,xmlns:"http://www.w3.org/2000/svg"},o.createElement("circle",{cx:"3.25",cy:"8",r:"1.25"}),o.createElement("circle",{cx:"8",cy:"8",r:"1.25"}),o.createElement("circle",{cx:"12.75",cy:"8",r:"1.25"}))}var po=o.forwardRef(({label:e="More",className:t,children:r,...a},s)=>{let i=o.Children.toArray(r),n=i.length,l=o.useRef(null),c=o.useRef([]),d=o.useRef(0),[u,f]=o.useState(n),[b,y]=o.useState(0),[h,O]=o.useState(n);h!==n&&(O(n),f(n)),D(()=>{c.current=[]},[n]),D(()=>{let p=l.current;if(!p)return;let m=Array.from(p.children),T=Math.min(u,n);for(let v=0;v<T;v++){let w=m[v];w&&(c.current[v]=w.offsetWidth)}let P=m[T];P&&(d.current=P.offsetWidth);let R=Number.parseFloat(getComputedStyle(p).columnGap)||0,K=p.clientWidth,V=0,_=0;for(let v=0;v<n;v++){let w=c.current[v];if(w===void 0)return;w!==0&&(V+=w+(_>0?R:0),_+=1)}let k=n;if(V>K){let v=K-(d.current||p.clientHeight)-R,w=0,Y=0;k=0;for(let G=0;G<n;G++){let Z=c.current[G];if(Z>0){let $=Z+(Y>0?R:0);if(w+$>v)break;w+=$,Y+=1}k+=1}}k!==u&&f(k)},[u,n,b]),o.useEffect(()=>{let p=l.current;if(!p||typeof ResizeObserver>"u")return;let m=new ResizeObserver(()=>y(T=>T+1));m.observe(p);for(let T of Array.from(p.children))m.observe(T);return()=>m.disconnect()},[u,n]);let I=o.useCallback(p=>{l.current=p,typeof s=="function"?s(p):s&&(s.current=p)},[s]);return o.createElement("div",{...a,ref:I,className:g("kui-ToolbarOverflow",t)},i.slice(0,u).map((p,m)=>o.createElement("div",{key:m,className:"kui-ToolbarOverflowSeat"},p)),u<n?o.createElement(to,null,o.createElement(ro,null,o.createElement(A,{iconOnly:!0,"aria-label":e},o.createElement(ho,null))),o.createElement(no,{align:"end"},o.createElement(E.Provider,{value:!0},i.slice(u)))):null)});po.displayName="Toolbar.Overflow";var j=[],S=new Map,z=new Set,C=new Map;function So(e){return z.add(e),()=>{z.delete(e)}}function go(e,t,r){let a=S.get(e)??j,i=a.findIndex(n=>n.id===t)===-1?[...a,{id:t,node:r}]:a.map(n=>n.id===t?{id:t,node:r}:n);S.set(e,i),z.forEach(n=>n())}function xo(e,t){let r=S.get(e);if(!r)return;let a=r.filter(s=>s.id!==t);a.length===0?S.delete(e):S.set(e,a),z.forEach(s=>s())}function fo({name:e="default"}){D(()=>{let r=(C.get(e)??0)+1;return C.set(e,r),r>1,()=>{let a=(C.get(e)??1)-1;a>0?C.set(e,a):C.delete(e)}},[e]);let t=o.useSyncExternalStore(So,()=>S.get(e)??j,()=>j);return o.createElement(o.Fragment,null,t.map(r=>o.createElement(o.Fragment,{key:r.id},r.node)))}fo.displayName="Toolbar.Slot";function bo({name:e="default",children:t}){let r=o.useId();return D(()=>{go(e,r,t)},[e,r,t]),D(()=>()=>xo(e,r),[e,r]),null}bo.displayName="Toolbar.Fill";var mo=o.forwardRef(({className:e,...t},r)=>{let a=o.useContext(M);return o.useContext(E)?o.createElement(io,{...t,ref:r,className:e}):a?o.createElement(N.Separator,{...t,ref:r,className:g("kui-ToolbarSeparator",e)}):o.createElement("div",{role:"separator","aria-orientation":"vertical","data-orientation":"vertical",...t,ref:r,className:g("kui-ToolbarSeparator",e)})});mo.displayName="Toolbar.Separator";var Co={1:"2",2:"3",3:"4",4:"5"},To=o.forwardRef(({className:e,children:t,style:r,id:a},s)=>{let i=o.useContext(M),n=L(void 0,x.size),l=i?.size??n,c=J(),d=Q(c),u=X(c),f=t==null||t===!1,b=f?d:t,y=vo(s,f?u:void 0);return b==null?null:o.createElement(eo,{ref:y,as:"span",size:Co[l],weight:"medium",truncate:!0,id:a,style:r,className:g("kui-ToolbarTitle",e),"data-mirror":f||void 0},b)});To.displayName="Toolbar.Title";var jo=Object.assign(H,{Root:H,Group:co,Button:A,Separator:mo,Title:To,Overflow:po,Slot:fo,Fill:bo});export{Ho as a,H as b,co as c,A as d,po as e,fo as f,bo as g,mo as h,To as i,jo as j};
+//# sourceMappingURL=chunk-C6VGCYFQ.js.map

package/dist/esm/chunk-EZYXYLR2.js

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

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

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

package/dist/esm/chunk-FTNZWAPB.js

@@ -0,0 +1,3 @@
+"use client";
+import{b as P,d as _,f as $}from"./chunk-ISCZ57VL.js";import*as t from"react";import L from"classnames";import{useVirtualizer as oe}from"@tanstack/react-virtual";import{useLayoutEffect as A}from"radix-ui/internal";function B(r,i){if(r.style?.height!==i.style?.height||r.style?.transform!==i.style?.transform)return!1;let c=Object.keys(r);return c.length!==Object.keys(i).length?!1:c.every(s=>s==="style"||Object.is(r[s],i[s]))}var ce=t.memo(function({label:i,isHighlighted:c,id:s,style:m,tabIndex:f,"data-highlighted":u,"data-index":d,"aria-setsize":I,"aria-posinset":y,onMouseEnter:E,onMouseLeave:H,onClick:h,onKeyDown:T}){return t.createElement("div",{id:s,role:"menuitem",className:L("kui-reset","kui-BaseMenuItem","kui-VirtualMenuItem"),style:m,tabIndex:f,"data-highlighted":u,"data-index":d,"aria-setsize":I,"aria-posinset":y,onMouseEnter:E,onMouseLeave:H,onClick:h,onKeyDown:T},i)},B);function le(r,i,c){let[s,m]=t.useState(void 0);return A(()=>{let f=r.current;if(!i||!f)return;let u=document.createElement("div");u.className="kui-reset kui-BaseMenuItem kui-VirtualMenuItem",u.setAttribute("aria-hidden","true"),u.style.visibility="hidden",u.textContent="\xA0",f.appendChild(u);let d=u.getBoundingClientRect().height;u.remove(),m(d>0?d:void 0)},[r,i,c]),i?s:void 0}function de({items:r,itemLabel:i,renderItem:c,size:s,estimatedItemSize:m,overscan:f=5,onSelect:u,className:d,style:I,onKeyDown:y,onFocus:E,...H},h){let T=t.useId(),x=t.useRef(null),[S,g]=t.useState(-1),{isInsideMenu:l,size:C,itemHeight:U}=_(),D=$(),Y=t.useCallback(e=>{x.current=e,typeof h=="function"?h(e):h&&(h.current=e)},[h]),G=le(x,l&&s==null&&m==null,C),M=m??(s?P(s):G??U??P(C??"2"));if(!i&&!c)throw new Error("VirtualMenu requires either itemLabel or renderItem prop");let J=t.useMemo(()=>i?typeof i=="function"?i:e=>e[i]:null,[i]),v=t.useMemo(()=>r.length===0||S<0?-1:Math.min(S,r.length-1),[S,r.length]),Q=t.useMemo(()=>typeof M=="function"?M:()=>M,[M]),R=oe({count:r.length,getScrollElement:()=>x.current,estimateSize:Q,overscan:f}),X=R.getVirtualItems();A(()=>{R.measure()},[R,M]),t.useEffect(()=>{let e=x.current;if(!l||!e)return;let n=e.closest("[data-radix-menu-content]");if(!n)return;let a=o=>{o.target===n&&e.focus({preventScroll:!0})};return n.addEventListener("focusin",a),document.activeElement===n&&e.focus({preventScroll:!0}),()=>n.removeEventListener("focusin",a)},[l]);let z=t.useRef(y),w=t.useRef(E);z.current=y,w.current=E;let k=t.useRef(r),N=t.useRef(u),K=t.useRef(D);k.current=r,N.current=u,K.current=D;let p=t.useCallback(e=>{let n=k.current;e<0||e>=n.length||(N.current?.(n[e],e),K.current?.())},[]),b=t.useRef(R.scrollToIndex);b.current=R.scrollToIndex;let V=t.useRef(v);V.current=v;let Z=t.useCallback(e=>{let n=e.currentTarget.dataset.index;n!=null&&g(Number(n))},[]),ee=t.useCallback(e=>{let n=e.currentTarget.dataset.index;n!=null&&p(Number(n))},[p]),te=t.useCallback(e=>{let n=Number(e.currentTarget.dataset.index);g(a=>a===n?-1:a)},[]),ne=t.useCallback(e=>{if(e.key==="Enter"||e.key===" "){e.preventDefault(),e.stopPropagation();let n=e.currentTarget.dataset.index;n!=null&&p(Number(n))}},[p]),re=t.useCallback(e=>{if(z.current?.(e),e.defaultPrevented)return;let n=k.current,a=V.current;switch(e.key){case"ArrowDown":{e.preventDefault();let o=a<n.length-1?a+1:0;g(o),b.current(o,{align:"auto"});break}case"ArrowUp":{e.preventDefault();let o=a>0?a-1:n.length-1;g(o),b.current(o,{align:"auto"});break}case"Home":{e.preventDefault(),g(0),b.current(0,{align:"start"});break}case"End":{e.preventDefault();let o=n.length-1;g(o),b.current(o,{align:"end"});break}case"Enter":case" ":{e.preventDefault(),p(a);break}case"Tab":{l&&e.preventDefault();break}case"Escape":{l||e.currentTarget.blur();break}default:l&&e.key.length===1&&!e.ctrlKey&&!e.altKey&&!e.metaKey&&e.stopPropagation()}},[p,l]),ie=t.useCallback(e=>{w.current?.(e),e.target===e.currentTarget&&V.current<0&&k.current.length>0&&g(0)},[]),O=t.useCallback(e=>`${T}-item-${e}`,[T]),ae=t.useMemo(()=>({overflow:"auto",position:"relative",...I}),[I]),j=R.getTotalSize(),se=t.useMemo(()=>({height:`${j}px`,width:"100%",position:"relative"}),[j]);return t.createElement("div",{...H,ref:Y,role:l?"group":"menu","aria-activedescendant":v>=0?O(v):void 0,tabIndex:0,onKeyDown:re,onFocus:ie,className:L("kui-VirtualMenuRoot",!l&&`kui-r-size-${s??"2"}`,d),style:ae},t.createElement("div",{className:"kui-VirtualMenuViewport",style:se},X.map(e=>{let n=r[e.index],a=e.index,o=v===a,ue={height:e.size,transform:`translateY(${e.start}px)`},F={id:O(a),isHighlighted:o,style:ue,tabIndex:-1,"data-highlighted":o?!0:void 0,"data-index":a,"aria-setsize":r.length,"aria-posinset":a+1,onMouseEnter:Z,onMouseLeave:te,onClick:ee,onKeyDown:ne};return c?t.createElement(c,{key:e.key,item:n,index:a,...F}):t.createElement(ce,{key:e.key,label:J(n),...F})})))}var q=t.forwardRef(de);q.displayName="VirtualMenu";var W=t.forwardRef(({className:r,children:i,...c},s)=>{let{isHighlighted:m,index:f,item:u,...d}=c;return t.createElement("div",{ref:s,role:"menuitem",className:L("kui-reset","kui-BaseMenuItem","kui-VirtualMenuItem",r),...d},i)});W.displayName="VirtualMenu.Item";var me=t.memo(W,B),pe=Object.assign(q,{Item:me});export{pe as a};
+//# sourceMappingURL=chunk-FTNZWAPB.js.map