@womp/kookie-ui 0.14.0 → 0.14.2

package/dist/cjs/components/_internal/pane-chrome.d.ts

@@ -0,0 +1,47 @@
+/**
+ * A pane's own chrome: a header row, a scrolling region and a footer row.
+ *
+ * Shell.Sidebar and Shell.Panel render these as `Shell.PaneHeader`, `Shell.Scroll` and
+ * `Shell.PaneFooter`. The pane renders anything; with these parts it is the presentation, so
+ * Sidebar's menu parts work inside it with no `Sidebar.Root`. The index comes from the nearest
+ * Shell (`Shell.Root size`), or from a deprecated `Sidebar.Root` that still wraps them.
+ */
+import * as React from 'react';
+type PaneSize = '1' | '2' | '3';
+type SidebarVisualContextValue = {
+    size: PaneSize;
+    menuVariant: 'solid' | 'soft';
+    presentation?: 'thin' | 'expanded';
+    color?: string;
+};
+/** Size, menu highlight and presentation for the Sidebar parts. Internal: not exported. */
+declare const SidebarVisualContext: React.Context<SidebarVisualContextValue | null>;
+declare function useSidebarVisual(): SidebarVisualContextValue | null;
+/** The Shell's index. `Shell.Root size` sets it; panes hand it to their chrome. */
+declare const ShellSizeContext: React.Context<PaneSize>;
+/**
+ * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail
+ * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.
+ */
+declare function PaneChromeScope({ children, presentation }: {
+    children: React.ReactNode;
+    presentation?: 'thin';
+}): React.JSX.Element;
+interface PaneHeaderProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+/** A pane's header row, pinned above its scrolling region. */
+declare const PaneHeader: React.ForwardRefExoticComponent<PaneHeaderProps & React.RefAttributes<HTMLDivElement>>;
+interface PaneFooterProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+/** A pane's footer row, pinned below its scrolling region. */
+declare const PaneFooter: React.ForwardRefExoticComponent<PaneFooterProps & React.RefAttributes<HTMLDivElement>>;
+interface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+/**
+ * The one region of a pane that scrolls; it takes the room the header and footer leave.
+ * It is not a landmark: for navigation, pass `role="navigation"` and an `aria-label`.
+ */
+declare const Scroll: React.ForwardRefExoticComponent<ScrollProps & React.RefAttributes<HTMLDivElement>>;
+export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll };
+export type { SidebarVisualContextValue, PaneSize, PaneHeaderProps, PaneFooterProps, ScrollProps };
+//# sourceMappingURL=pane-chrome.d.ts.map

package/dist/cjs/components/_internal/pane-chrome.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AASD,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE1E,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAGd,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE1E,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAGd,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEtE;;;GAGG;AACH,QAAA,MAAM,MAAM,oFASV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC;AACrH,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

package/dist/cjs/components/_internal/pane-chrome.js

@@ -0,0 +1,2 @@
+"use strict";"use client";var se=Object.create;var v=Object.defineProperty;var ne=Object.getOwnPropertyDescriptor;var ie=Object.getOwnPropertyNames;var ae=Object.getPrototypeOf,pe=Object.prototype.hasOwnProperty;var le=(r,e)=>{for(var t in e)v(r,t,{get:e[t],enumerable:!0})},j=(r,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ie(e))!pe.call(r,s)&&s!==t&&v(r,s,{get:()=>e[s],enumerable:!(o=ne(e,s))||o.enumerable});return r};var P=(r,e,t)=>(t=r!=null?se(ae(r)):{},j(e||!r||!r.__esModule?v(t,"default",{value:r,enumerable:!0}):t,r)),me=r=>j(v({},"__esModule",{value:!0}),r);var Re={};le(Re,{PaneChromeScope:()=>ve,PaneFooter:()=>Y,PaneHeader:()=>X,Scroll:()=>Z,ShellSizeContext:()=>Q,SidebarVisualContext:()=>z,useSidebarVisual:()=>J});module.exports=me(Re);var l=P(require("react")),x=P(require("classnames"));var m=P(require("react")),N=P(require("classnames")),u=require("radix-ui"),_=require("radix-ui/internal");var $={asChild:{type:"boolean"}};var ce=["none","small","medium","large","full"],H={radius:{type:"enum",values:ce,default:void 0}};var fe=["1","2","3"],ue=["vertical","horizontal","both"],d={...$,size:{type:"enum",className:"rt-r-size",values:fe,default:"1",responsive:!0},...H,scrollbars:{type:"enum",values:ue,default:"both"},fade:{type:"boolean",default:!1}};var R=P(require("react"));function G(r){let[e,t]=R.useState(null);return R.useEffect(()=>{if(!r||!e)return;let o=0,s=()=>{o=0;let p=Math.max(0,e.scrollTop),c=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${p}px`),e.style.setProperty("--scroll-overflow-end",`${c}px`)},n=()=>{o||(o=requestAnimationFrame(s))};s(),e.addEventListener("scroll",n,{passive:!0});let i=typeof ResizeObserver>"u"?null:new ResizeObserver(n);i?.observe(e);for(let p of Array.from(e.children))i?.observe(p);let a=typeof MutationObserver>"u"?null:new MutationObserver(n);return a?.observe(e,{childList:!0}),()=>{o&&cancelAnimationFrame(o),e.removeEventListener("scroll",n),i?.disconnect(),a?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end")}},[r,e]),t}function B(r){let{m:e,mx:t,my:o,mt:s,mr:n,mb:i,ml:a,...p}=r;return{m:e,mx:t,my:o,mt:s,mr:n,mb:i,ml:a,rest:p}}var de=["initial","xs","sm","md","lg","xl"],T=new Set(de);function V(r,e){return Object.prototype.hasOwnProperty.call(r,e)}var ye=new Set(["initial","xs","sm","md","lg","xl"]);function A(r){if(typeof r!="object"||r===null)return!1;for(let e in r)if(ye.has(e))return!0;return!1}function S(r,e,t){return e!==void 0?e.has(t):r.includes(t)}function L({className:r,customProperties:e,...t}){let o=b({allowArbitraryValues:!0,className:r,...t}),s=Pe({customProperties:e,...t});return[o,s]}function b({allowArbitraryValues:r,value:e,className:t,propValues:o,propValueSet:s,parseValue:n=i=>i}){if(e){if(typeof e=="string")return S(o,s,e)?F(t,e,n):r?t:void 0;if(A(e)){let i=e,a=[];for(let p in i){if(!V(i,p)||!T.has(p))continue;let c=i[p];if(c!==void 0){if(S(o,s,c)){let f=F(t,c,n),g=p==="initial"?f:`${p}:${f}`;a.push(g)}else if(r){let f=p==="initial"?t:`${p}:${t}`;a.push(f)}}}return a.length>0?a.join(" "):""}if(r)return t}}function F(r,e,t){let o=r?"-":"",s=t(e),n=s?.startsWith("-"),i=n?"-":"",a=n?s?.substring(1):s;return`${i}${r}${o}${a}`}function Pe({customProperties:r,value:e,propValues:t,propValueSet:o,parseValue:s=n=>n}){if(!e||typeof e=="string"&&S(t,o,e))return;let n;if(typeof e=="string"){let i=s(e);n={};for(let a of r)n[a]=i;return n}if(A(e)){let i=e;for(let a in i){if(!V(i,a)||!T.has(a))continue;let p=i[a];if(p===void 0||S(t,o,p))continue;let c=s(p);n??(n={});for(let f of r){let g=a==="initial"?f:`${f}-${a}`;n[g]=c}}}return n??{}}function D(...r){let e;for(let t of r)t&&(e===void 0&&(e={}),Object.assign(e,t));return e}var y=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],U={m:{type:"enum | string",values:y,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:y,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:y,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:y,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var q=U.m.values,ge=new Set(q),W=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function K(r){let e,t;for(let o=0;o<W.length;o++){let{key:s,className:n,customProperties:i}=W[o],a=r[s];if(a===void 0)continue;let[p,c]=L({className:n,customProperties:i,propValues:q,propValueSet:ge,value:a});p&&(e??(e=[])).push(p),c&&(t=D(t,c))}return[e!==void 0?e.join(" "):"",t]}var h=P(require("react"));function I(r,e){let{asChild:t,children:o}=r;if(!t)return typeof e=="function"?e(o):e;let s=h.Children.only(o);return h.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var w=m.forwardRef((r,e)=>{let{rest:t,...o}=B(r),[s,n]=K(o),{asChild:i,children:a,className:p,style:c,type:f,scrollHideDelay:g=f!=="scroll"?0:void 0,dir:Se,size:M=d.size.default,radius:O=d.radius.default,scrollbars:C=d.scrollbars.default,fade:k=d.fade.default,...ee}=t,re=G(k),te=(0,_.useComposedRefs)(e,re);return m.createElement(u.ScrollArea.Root,{type:f,scrollHideDelay:g,className:(0,N.default)("rt-ScrollAreaRoot",s,p),"data-fade":k?"":void 0,style:D(n,c),asChild:i},I({asChild:i,children:a},oe=>m.createElement(m.Fragment,null,m.createElement(u.ScrollArea.Viewport,{...ee,ref:te,className:"rt-ScrollAreaViewport"},oe),m.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),C!=="vertical"?m.createElement(u.ScrollArea.Scrollbar,{"data-radius":O,orientation:"horizontal",className:(0,N.default)("rt-ScrollAreaScrollbar",b({className:"rt-r-size",value:M,propValues:d.size.values}))},m.createElement(u.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,C!=="horizontal"?m.createElement(u.ScrollArea.Scrollbar,{"data-radius":O,orientation:"vertical",className:(0,N.default)("rt-ScrollAreaScrollbar",b({className:"rt-r-size",value:M,propValues:d.size.values}))},m.createElement(u.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,C==="both"?m.createElement(u.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});w.displayName="ScrollArea";var z=l.createContext(null);function J(){return l.useContext(z)}var Q=l.createContext("2");function ve({children:r,presentation:e}){let t=l.useContext(Q),o=l.useMemo(()=>({size:t,menuVariant:"soft",presentation:e}),[t,e]);return l.createElement(z.Provider,{value:o},r)}function E(){let r=J(),e=r?.size??"2",t=r?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${e}`,`rt-menu-variant-${t}`]}var X=l.forwardRef(({className:r,...e},t)=>{let o=E();return l.createElement("div",{...e,ref:t,className:(0,x.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...o,r)})});X.displayName="Shell.PaneHeader";var Y=l.forwardRef(({className:r,...e},t)=>{let o=E();return l.createElement("div",{...e,ref:t,className:(0,x.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...o,r)})});Y.displayName="Shell.PaneFooter";var Z=l.forwardRef(({className:r,children:e,...t},o)=>{let s=E();return l.createElement(w,{type:"hover",className:"rt-ShellScroll"},l.createElement("div",{...t,ref:o,className:(0,x.default)("rt-BaseMenuContent","rt-SidebarContent",...s,r)},l.createElement("div",{className:"rt-BaseMenuViewport"},e)))});Z.displayName="Shell.Scroll";
+//# sourceMappingURL=pane-chrome.js.map

package/dist/cjs/components/_internal/pane-chrome.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/_internal/pane-chrome.tsx", "../../../../src/components/scroll-area.tsx", "../../../../src/props/as-child.prop.ts", "../../../../src/props/radius.prop.ts", "../../../../src/components/scroll-area.props.tsx", "../../../../src/hooks/use-scroll-edges.ts", "../../../../src/helpers/extract-margin-props.ts", "../../../../src/props/prop-def.ts", "../../../../src/helpers/has-own-property.ts", "../../../../src/helpers/is-responsive-object.ts", "../../../../src/helpers/get-responsive-styles.ts", "../../../../src/helpers/merge-styles.ts", "../../../../src/props/margin.props.ts", "../../../../src/helpers/get-margin-styles.ts", "../../../../src/helpers/get-subtree.ts"],
+  "sourcesContent": ["'use client';\n\n/**\n * A pane's own chrome: a header row, a scrolling region and a footer row.\n *\n * Shell.Sidebar and Shell.Panel render these as `Shell.PaneHeader`, `Shell.Scroll` and\n * `Shell.PaneFooter`. The pane renders anything; with these parts it is the presentation, so\n * Sidebar's menu parts work inside it with no `Sidebar.Root`. The index comes from the nearest\n * Shell (`Shell.Root size`), or from a deprecated `Sidebar.Root` that still wraps them.\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { ScrollArea } from '../scroll-area.js';\n\ntype PaneSize = '1' | '2' | '3';\n\ntype SidebarVisualContextValue = {\n  size: PaneSize;\n  menuVariant: 'solid' | 'soft';\n  presentation?: 'thin' | 'expanded';\n  color?: string;\n};\n\n/** Size, menu highlight and presentation for the Sidebar parts. Internal: not exported. */\nconst SidebarVisualContext = React.createContext<SidebarVisualContextValue | null>(null);\n\nfunction useSidebarVisual() {\n  return React.useContext(SidebarVisualContext);\n}\n\n/** The Shell's index. `Shell.Root size` sets it; panes hand it to their chrome. */\nconst ShellSizeContext = React.createContext<PaneSize>('2');\n\n/**\n * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail\n * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.\n */\nfunction PaneChromeScope({ children, presentation }: { children: React.ReactNode; presentation?: 'thin' }) {\n  const size = React.useContext(ShellSizeContext);\n  const value = React.useMemo<SidebarVisualContextValue>(() => ({ size, menuVariant: 'soft', presentation }), [size, presentation]);\n  return <SidebarVisualContext.Provider value={value}>{children}</SidebarVisualContext.Provider>;\n}\n\nfunction useChromeClasses() {\n  const visual = useSidebarVisual();\n  const size = visual?.size ?? '2';\n  const menuVariant = visual?.menuVariant ?? 'soft';\n  return ['rt-ShellPaneChrome', `rt-r-size-${size}`, `rt-menu-variant-${menuVariant}`];\n}\n\ninterface PaneHeaderProps extends React.ComponentPropsWithoutRef<'div'> {}\n\n/** A pane's header row, pinned above its scrolling region. */\nconst PaneHeader = React.forwardRef<HTMLDivElement, PaneHeaderProps>(({ className, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  return <div {...props} ref={forwardedRef} className={classNames('rt-ShellPaneHeader', 'rt-SidebarHeader', 'rt-SidebarHeader--container', ...chrome, className)} />;\n});\nPaneHeader.displayName = 'Shell.PaneHeader';\n\ninterface PaneFooterProps extends React.ComponentPropsWithoutRef<'div'> {}\n\n/** A pane's footer row, pinned below its scrolling region. */\nconst PaneFooter = React.forwardRef<HTMLDivElement, PaneFooterProps>(({ className, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  return <div {...props} ref={forwardedRef} className={classNames('rt-ShellPaneFooter', 'rt-SidebarFooter', 'rt-SidebarFooter--container', ...chrome, className)} />;\n});\nPaneFooter.displayName = 'Shell.PaneFooter';\n\ninterface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {}\n\n/**\n * The one region of a pane that scrolls; it takes the room the header and footer leave.\n * It is not a landmark: for navigation, pass `role=\"navigation\"` and an `aria-label`.\n */\nconst Scroll = React.forwardRef<HTMLDivElement, ScrollProps>(({ className, children, ...props }, forwardedRef) => {\n  const chrome = useChromeClasses();\n  return (\n    <ScrollArea type=\"hover\" className=\"rt-ShellScroll\">\n      <div {...props} ref={forwardedRef} className={classNames('rt-BaseMenuContent', 'rt-SidebarContent', ...chrome, className)}>\n        <div className=\"rt-BaseMenuViewport\">{children}</div>\n      </div>\n    </ScrollArea>\n  );\n});\nScroll.displayName = 'Shell.Scroll';\n\nexport { SidebarVisualContext, useSidebarVisual, ShellSizeContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll };\nexport type { SidebarVisualContextValue, PaneSize, PaneHeaderProps, PaneFooterProps, ScrollProps };\n", "import * as React from 'react';\nimport classNames from 'classnames';\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\nimport { useComposedRefs } from 'radix-ui/internal';\n\nimport { scrollAreaPropDefs } from './scroll-area.props.js';\nimport { useScrollEdges } from '../hooks/use-scroll-edges.js';\nimport { extractMarginProps } from '../helpers/extract-margin-props.js';\nimport { getMarginStyles } from '../helpers/get-margin-styles.js';\nimport { getResponsiveClassNames } from '../helpers/get-responsive-styles.js';\nimport { getSubtree } from '../helpers/get-subtree.js';\nimport { mergeStyles } from '../helpers/merge-styles.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype ScrollAreaElement = React.ElementRef<typeof ScrollAreaPrimitive.Viewport>;\ntype ScrollAreaOwnProps = GetPropDefTypes<typeof scrollAreaPropDefs>;\ninterface ScrollAreaProps\n  extends ComponentPropsWithout<typeof ScrollAreaPrimitive.Root, RemovedProps>,\n    ComponentPropsWithout<typeof ScrollAreaPrimitive.Viewport, RemovedProps | 'dir'>,\n    MarginProps,\n    ScrollAreaOwnProps {}\nconst ScrollArea = React.forwardRef<ScrollAreaElement, ScrollAreaProps>((props, forwardedRef) => {\n  const { rest: marginRest, ...marginProps } = extractMarginProps(props);\n  const [marginClassNames, marginCustomProperties] = getMarginStyles(marginProps);\n\n  const {\n    asChild,\n    children,\n    className,\n    style,\n    type,\n    scrollHideDelay = type !== 'scroll' ? 0 : undefined,\n    dir,\n    size = scrollAreaPropDefs.size.default,\n    radius = scrollAreaPropDefs.radius.default,\n    scrollbars = scrollAreaPropDefs.scrollbars.default,\n    fade = scrollAreaPropDefs.fade.default,\n    ...viewportProps\n  } = marginRest;\n  const setEdgesElement = useScrollEdges<HTMLDivElement>(fade);\n  const viewportRef = useComposedRefs(forwardedRef, setEdgesElement);\n\n  return (\n    <ScrollAreaPrimitive.Root\n      type={type}\n      scrollHideDelay={scrollHideDelay}\n      className={classNames('rt-ScrollAreaRoot', marginClassNames, className)}\n      data-fade={fade ? '' : undefined}\n      style={mergeStyles(marginCustomProperties, style)}\n      asChild={asChild}\n    >\n      {getSubtree({ asChild, children }, (children) => (\n        <>\n          <ScrollAreaPrimitive.Viewport\n            {...viewportProps}\n            ref={viewportRef}\n            className=\"rt-ScrollAreaViewport\"\n          >\n            {children}\n          </ScrollAreaPrimitive.Viewport>\n\n          <div className=\"rt-ScrollAreaViewportFocusRing\" />\n\n          {scrollbars !== 'vertical' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"horizontal\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars !== 'horizontal' ? (\n            <ScrollAreaPrimitive.Scrollbar\n              data-radius={radius}\n              orientation=\"vertical\"\n              className={classNames(\n                'rt-ScrollAreaScrollbar',\n                getResponsiveClassNames({\n                  className: 'rt-r-size',\n                  value: size,\n                  propValues: scrollAreaPropDefs.size.values,\n                }),\n              )}\n            >\n              <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n            </ScrollAreaPrimitive.Scrollbar>\n          ) : null}\n\n          {scrollbars === 'both' ? (\n            <ScrollAreaPrimitive.Corner className=\"rt-ScrollAreaCorner\" />\n          ) : null}\n        </>\n      ))}\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\nexport { ScrollArea };\nexport type { ScrollAreaProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import type { PropDef } from './prop-def.js';\n\nconst radii = ['none', 'small', 'medium', 'large', 'full'] as const;\n\nconst radiusPropDef = {\n  radius: {\n    type: 'enum',\n    values: radii,\n    default: undefined,\n  },\n} satisfies {\n  radius: PropDef<(typeof radii)[number]>;\n};\n\nexport { radiusPropDef, radii };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\nimport { radiusPropDef } from '../props/radius.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3'] as const;\nconst scrollbarsValues = ['vertical', 'horizontal', 'both'] as const;\n\nconst scrollAreaPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n  ...radiusPropDef,\n  scrollbars: { type: 'enum', values: scrollbarsValues, default: 'both' },\n  /**\n   * Fades the content toward the top and bottom edges while there is more content past them.\n   * An edge with nothing hidden past it does not fade. A floating band over an edge can set\n   * `--scroll-fade-start` or `--scroll-fade-end` to its height, so content fades as it passes\n   * under the band.\n   */\n  fade: { type: 'boolean', default: false },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  scrollbars: PropDef<(typeof scrollbarsValues)[number]>;\n  fade: PropDef<boolean>;\n};\n\nexport { scrollAreaPropDefs };\n", "import * as React from 'react';\n\n/**\n * Publishes how much content is hidden past each block edge of a scroller, as\n * `--scroll-overflow-start` and `--scroll-overflow-end` (px) on the element.\n * The scroll fade reads them, so an edge fades only while content is hidden\n * there, and the fade ramps in over the first pixels of scrolling.\n *\n * Writes happen at most once per frame, on scroll and when the element or its\n * content resizes. Nothing re-renders.\n */\nexport function useScrollEdges<T extends HTMLElement>(enabled: boolean) {\n  const [element, setElement] = React.useState<T | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled || !element) return;\n    let frame = 0;\n    const write = () => {\n      frame = 0;\n      const start = Math.max(0, element.scrollTop);\n      const end = Math.max(0, element.scrollHeight - element.clientHeight - element.scrollTop);\n      element.style.setProperty('--scroll-overflow-start', `${start}px`);\n      element.style.setProperty('--scroll-overflow-end', `${end}px`);\n    };\n    const schedule = () => {\n      if (!frame) frame = requestAnimationFrame(write);\n    };\n    write();\n    element.addEventListener('scroll', schedule, { passive: true });\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);\n    observer?.observe(element);\n    for (const child of Array.from(element.children)) observer?.observe(child);\n    const mutations = typeof MutationObserver === 'undefined' ? null : new MutationObserver(schedule);\n    mutations?.observe(element, { childList: true });\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      element.removeEventListener('scroll', schedule);\n      observer?.disconnect();\n      mutations?.disconnect();\n      element.style.removeProperty('--scroll-overflow-start');\n      element.style.removeProperty('--scroll-overflow-end');\n    };\n  }, [enabled, element]);\n\n  return setElement;\n}\n", "import type { MarginProps } from '../props/margin.props.js';\n\nexport function extractMarginProps<T extends MarginProps>(props: T) {\n  const { m, mx, my, mt, mr, mb, ml, ...rest } = props;\n  return { m, mx, my, mt, mr, mb, ml, rest };\n}\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\n/**\n * Membership test against a prop def's enum values. Callers that already hold a\n * compiled prop def pass `propValueSet` for an O(1) lookup; the handful of call\n * sites that build options inline fall back to scanning the array.\n */\nfunction includesValue(propValues: string[] | readonly string[], propValueSet: ReadonlySet<string> | undefined, value: string): boolean {\n  return propValueSet !== undefined ? propValueSet.has(value) : propValues.includes(value);\n}\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({ allowArbitraryValues, value, className, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveClassNamesOptions): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    if (includesValue(propValues, propValueSet, value)) {\n      return getBaseClassName(className, value, parseValue);\n    }\n    return allowArbitraryValues ? className : undefined;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n    const classNames: string[] = [];\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (includesValue(propValues, propValueSet, value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.length > 0 ? classNames.join(' ') : '';\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(className: string, value: string, parseValue: (value: string) => string | undefined): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({ customProperties, value, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveCustomPropertiesOptions) {\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && includesValue(propValues, propValueSet, value))) {\n    return undefined;\n  }\n\n  let styles: Record<string, string | undefined> | undefined;\n\n  if (typeof value === 'string') {\n    const parsed = parseValue(value);\n    styles = {};\n    for (const customProperty of customProperties) {\n      styles[customProperty] = parsed;\n    }\n    return styles;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (value === undefined || includesValue(propValues, propValueSet, value)) {\n        continue;\n      }\n\n      const parsed = parseValue(value);\n      styles ??= {};\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = parsed;\n      }\n    }\n  }\n\n  return styles ?? {};\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n", "import { getResponsiveStyles } from './get-responsive-styles.js';\nimport { mergeStyles } from './merge-styles.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\n\nconst marginValues = marginPropDefs.m.values;\nconst marginValueSet: ReadonlySet<string> = new Set(marginValues);\n\n// Static table so the common case \u2014 a component with no margin props at all \u2014\n// is seven property reads and nothing else.\nconst MARGIN_PROPS: ReadonlyArray<{\n  key: keyof MarginProps;\n  className: string;\n  customProperties: `--${string}`[];\n}> = [\n  { key: 'm', className: 'rt-r-m', customProperties: ['--margin'] },\n  { key: 'mx', className: 'rt-r-mx', customProperties: ['--margin-left', '--margin-right'] },\n  { key: 'my', className: 'rt-r-my', customProperties: ['--margin-top', '--margin-bottom'] },\n  { key: 'mt', className: 'rt-r-mt', customProperties: ['--margin-top'] },\n  { key: 'mr', className: 'rt-r-mr', customProperties: ['--margin-right'] },\n  { key: 'mb', className: 'rt-r-mb', customProperties: ['--margin-bottom'] },\n  { key: 'ml', className: 'rt-r-ml', customProperties: ['--margin-left'] },\n];\n\nexport function getMarginStyles(props: MarginProps) {\n  let classes: string[] | undefined;\n  let style: ReturnType<typeof mergeStyles>;\n\n  for (let i = 0; i < MARGIN_PROPS.length; i++) {\n    const { key, className, customProperties } = MARGIN_PROPS[i];\n    const value = props[key];\n    if (value === undefined) continue;\n\n    const [propClassNames, propCustomProperties] = getResponsiveStyles({\n      className,\n      customProperties,\n      propValues: marginValues,\n      propValueSet: marginValueSet,\n      value,\n    });\n\n    if (propClassNames) (classes ??= []).push(propClassNames);\n    if (propCustomProperties) style = mergeStyles(style, propCustomProperties);\n  }\n\n  return [classes !== undefined ? classes.join(' ') : '', style] as const;\n}\n", "import * as React from 'react';\n\n/**\n * This is a helper function that is used when a component supports `asChild`\n * using the `Slot` component but its implementation contains nested DOM elements.\n *\n * Using it ensures if a consumer uses the `asChild` prop, the elements are in\n * correct order in the DOM, adopting the intended consumer `children`.\n */\nexport function getSubtree(\n  options: { asChild: boolean | undefined; children: React.ReactNode },\n  content: React.ReactNode | ((children: React.ReactNode) => React.ReactNode)\n) {\n  const { asChild, children } = options;\n  if (!asChild) return typeof content === 'function' ? content(children) : content;\n\n  const firstChild = React.Children.only(children) as React.ReactElement;\n  return React.cloneElement(firstChild, {\n    // @ts-expect-error\n    children: typeof content === 'function' ? content(firstChild.props.children) : content,\n  });\n}\n"],
+  "mappings": "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",
+  "names": ["pane_chrome_exports", "__export", "PaneChromeScope", "PaneFooter", "PaneHeader", "Scroll", "ShellSizeContext", "SidebarVisualContext", "useSidebarVisual", "__toCommonJS", "React", "import_classnames", "React", "import_classnames", "import_radix_ui", "import_internal", "asChildPropDef", "radii", "radiusPropDef", "sizes", "scrollbarsValues", "scrollAreaPropDefs", "asChildPropDef", "radiusPropDef", "React", "useScrollEdges", "enabled", "element", "setElement", "frame", "write", "start", "end", "schedule", "observer", "child", "mutations", "extractMarginProps", "props", "m", "mx", "my", "mt", "mr", "mb", "ml", "rest", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "includesValue", "propValues", "propValueSet", "value", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "parseValue", "getBaseClassName", "isResponsiveObject", "object", "classNames", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "parsed", "customProperty", "bpProperty", "mergeStyles", "styles", "result", "style", "marginValues", "marginPropDefs", "marginValues", "marginPropDefs", "marginValueSet", "MARGIN_PROPS", "getMarginStyles", "props", "classes", "style", "i", "key", "className", "customProperties", "value", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "React", "getSubtree", "options", "content", "asChild", "children", "firstChild", "ScrollArea", "props", "forwardedRef", "marginRest", "marginProps", "extractMarginProps", "marginClassNames", "marginCustomProperties", "getMarginStyles", "asChild", "children", "className", "style", "type", "scrollHideDelay", "dir", "size", "scrollAreaPropDefs", "radius", "scrollbars", "fade", "viewportProps", "setEdgesElement", "useScrollEdges", "viewportRef", "ScrollAreaPrimitive", "classNames", "mergeStyles", "getSubtree", "getResponsiveClassNames", "SidebarVisualContext", "useSidebarVisual", "ShellSizeContext", "PaneChromeScope", "children", "presentation", "size", "value", "useChromeClasses", "visual", "menuVariant", "PaneHeader", "className", "props", "forwardedRef", "chrome", "classNames", "PaneFooter", "Scroll", "ScrollArea"]
+}

package/dist/cjs/components/_internal/shell-sidebar.d.ts

@@ -16,8 +16,9 @@ type SidebarUncontrolledProps = {
     state?: never;
 };
 type SidebarPublicProps = PaneBaseProps & {
+    /** @deprecated Thin mode is removed in 0.15.0. Use `Shell.Rail`. */
     thinSize?: number;
-    /** `both` toggles through collapsed, thin and expanded; `single` between collapsed and the default. */
+    /** `both` (deprecated with thin mode; `single` is the 0.15.0 behaviour) toggles through collapsed, thin and expanded; `single` between collapsed and the default. */
     toggleModes?: 'both' | 'single';
     size?: number | string;
     defaultSize?: number | string;

package/dist/cjs/components/_internal/shell-sidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAI3F,OAAO,KAAK,EAAE,UAAU,EAAyB,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnH,KAAK,sBAAsB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAA;CAAE,CAAC;AACvF,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnK,KAAK,wBAAwB,GAAG;IAAE,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrM,KAAK,kBAAkB,GAAG,aAAa,GAAG;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,uGAAuG;IACvG,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,CAAC,sBAAsB,GAAG,wBAAwB,CAAC,CAAC;AAExD,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,aAAa,CAAA;CAAE,CAAC;AA2BrJ,eAAO,MAAM,OAAO,EAqId,gBAAgB,CAAC"}
+{"version":3,"file":"shell-sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/shell-sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAc,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAE/D,OAAO,EAAkC,KAAK,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAM3F,OAAO,KAAK,EAAE,UAAU,EAAyB,aAAa,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEnH,KAAK,sBAAsB,GAAG;IAAE,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,YAAY,GAAG,SAAS,CAAA;CAAE,CAAC;AACvF,KAAK,sBAAsB,GAAG;IAAE,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,YAAY,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACnK,KAAK,wBAAwB,GAAG;IAAE,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AACrM,KAAK,kBAAkB,GAAG,aAAa,GAAG;IACxC,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qKAAqK;IACrK,WAAW,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC5D,UAAU,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,GAAG,CAAC,sBAAsB,GAAG,wBAAwB,CAAC,CAAC;AAExD,KAAK,gBAAgB,GAAG,KAAK,CAAC,yBAAyB,CAAC,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC,GAAG;IAAE,MAAM,EAAE,OAAO,aAAa,CAAA;CAAE,CAAC;AA2BrJ,eAAO,MAAM,OAAO,EA6Id,gBAAgB,CAAC"}

package/dist/cjs/components/_internal/shell-sidebar.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var lt=Object.create;var ce=Object.defineProperty;var ut=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var ct=Object.getPrototypeOf,pt=Object.prototype.hasOwnProperty;var ft=(e,t)=>{for(var n in t)ce(e,n,{get:t[n],enumerable:!0})},Ie=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of dt(t))!pt.call(e,o)&&o!==n&&ce(e,o,{get:()=>t[o],enumerable:!(r=ut(t,o))||r.enumerable});return e};var Z=(e,t,n)=>(n=e!=null?lt(ct(e)):{},Ie(t||!e||!e.__esModule?ce(n,"default",{value:e,enumerable:!0}):n,e)),mt=e=>Ie(ce({},"__esModule",{value:!0}),e);var Nt={};ft(Nt,{Sidebar:()=>Te});module.exports=mt(Nt);var _=Z(require("react")),at=Z(require("classnames")),it=require("radix-ui/internal");var pe=Z(require("react")),Se=pe.createContext(null);function He(){let e=pe.useContext(Se);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var R=Z(require("react")),Ae=Z(require("classnames"));var ee=R.forwardRef(({className:e,children:t,...n},r)=>{let{containerRef:o,controls:c,cssVarName:h,minSize:B,maxSize:C,defaultSize:w,orientation:P,edge:A,growth:g,onResize:T,onResizeStart:F,onResizeEnd:I,snapPoints:x,snapTolerance:v,collapseThreshold:L,collapsible:O,target:U,requestCollapse:q,requestToggle:V}=He(),k=R.useRef(null),W=R.useCallback(i=>{k.current=i,typeof r=="function"?r(i):r&&(r.current=i)},[r]),a=R.useRef(null);R.useEffect(()=>()=>{a.current?.(),a.current=null},[]);let u=R.useCallback(()=>{let i=o.current;if(!i)return w;let f=Number.parseFloat(getComputedStyle(i).getPropertyValue(h));return Number.isFinite(f)?f:w},[o,h,w]),S=R.useCallback(()=>{let i=o.current,f=k.current,m=i?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!i||!m||!f)return C;let N=i.getBoundingClientRect(),M=f.getBoundingClientRect(),d=g(getComputedStyle(i).direction==="rtl"),b;P==="vertical"?b=d>0?m.right-N.left:N.right-m.left:b=d>0?m.bottom-N.top:N.bottom-m.top;let Y=P==="vertical"?M.width:M.height;return!(m.width>0&&m.height>0)||!Number.isFinite(b)?C:Math.max(B,Math.min(C,Math.round(b-Y)))},[o,g,C,B,P]),y=()=>{k.current?.setAttribute("aria-valuemax",String(S()))};R.useLayoutEffect(()=>{k.current?.setAttribute("aria-valuenow",String(Math.round(u())))},[u]);let E=(i,f)=>{i.style.setProperty(h,`${f}px`),k.current?.setAttribute("aria-valuenow",String(Math.round(f)))},K=U.charAt(0).toUpperCase()+U.slice(1);return R.createElement("div",{ref:W,className:(0,Ae.default)("rt-ShellResizer",e),"data-orientation":P,"data-edge":A,role:"separator",tabIndex:0,"aria-label":`Resize ${K} pane`,"aria-controls":c,"aria-orientation":P,"aria-valuemin":B,"aria-valuemax":C,...n,onPointerDown:i=>{n.onPointerDown?.(i);let f=o.current;if(!f||i.defaultPrevented||i.button!==0)return;i.preventDefault();let m=i.currentTarget,N=i.pointerId;a.current?.();try{m.setPointerCapture(N)}catch{}let M=getComputedStyle(f),d=Number.parseFloat(M.getPropertyValue(h)),b=Number.isFinite(d)?d:w,Y=P==="vertical"?i.clientX:i.clientY,s=g(M.direction==="rtl"),D=S();m.setAttribute("aria-valuemax",String(D));let Q=z=>Math.min(Math.max(z,B),D);f.setAttribute("data-resizing",""),m.setAttribute("data-dragging","");let G=document.body,ue=G.style.cursor,Re=G.style.userSelect;G.style.cursor=P==="vertical"?"col-resize":"row-resize",G.style.userSelect="none",F?.(b);let J=b,ge=b,j=0,oe=null,Le=()=>{if(j=0,oe===null)return;let z=oe;oe=null,T?.(z)},Ve=null,ke=!1,st=(z,ne)=>{if(z.type===ne)ke=!0;else if(ke)return!1;return!0},X=z=>{if(!st(z,"pointermove")||z===Ve)return;Ve=z;let ne=P==="vertical"?z.clientX:z.clientY;ge=b+(ne-Y)*s,J=Q(ge),E(f,J),oe=J,j||(j=requestAnimationFrame(Le))},de=()=>{j&&cancelAnimationFrame(j),j=0;try{m.releasePointerCapture(N)}catch{}window.removeEventListener("pointermove",X),document.removeEventListener("pointermove",X),window.removeEventListener("mousemove",X),document.removeEventListener("mousemove",X),m.removeEventListener("pointermove",X),window.removeEventListener("pointerup",H),document.removeEventListener("pointerup",H),window.removeEventListener("mouseup",H),document.removeEventListener("mouseup",H),window.removeEventListener("pointercancel",H),document.removeEventListener("pointercancel",H),window.removeEventListener("keydown",Ne),m.removeEventListener("lostpointercapture",H),f.removeAttribute("data-resizing"),m.removeAttribute("data-dragging"),G.style.cursor=ue,G.style.userSelect=Re,a.current=null},ve=!1,H=()=>{if(ve)return;if(ve=!0,j&&cancelAnimationFrame(j),Le(),O&&typeof L=="number"&&ge<=L){E(f,b),T?.(b),de(),q?.(),I?.(b);return}let z=J;if(x&&x.length){let ne=x.reduce((Me,Be)=>Math.abs(Be-J)<Math.abs(Me-J)?Be:Me,x[0]);Math.abs(ne-J)<=v&&(z=Q(ne),E(f,z),T?.(z))}I?.(z),de()},Ne=z=>{z.key==="Escape"&&(j&&cancelAnimationFrame(j),j=0,oe=null,E(f,b),T?.(b),ve=!0,I?.(b),de())};window.addEventListener("pointermove",X),document.addEventListener("pointermove",X),window.addEventListener("mousemove",X),document.addEventListener("mousemove",X),m.addEventListener("pointermove",X),window.addEventListener("pointerup",H),document.addEventListener("pointerup",H),window.addEventListener("mouseup",H),document.addEventListener("mouseup",H),window.addEventListener("pointercancel",H),document.addEventListener("pointercancel",H),window.addEventListener("keydown",Ne),m.addEventListener("lostpointercapture",H),a.current=de},onDoubleClick:i=>{n.onDoubleClick?.(i),!i.defaultPrevented&&O&&V?.()},onFocus:i=>{n.onFocus?.(i),y()},onKeyDown:i=>{n.onKeyDown?.(i);let f=o.current;if(!f||i.defaultPrevented)return;let m=u(),N=S(),M=b=>Math.min(Math.max(b,B),N),d;if(i.key==="Home")d=M(B);else if(i.key==="End")d=M(N);else{let b=P==="vertical"?i.key==="ArrowRight"?1:i.key==="ArrowLeft"?-1:0:i.key==="ArrowDown"?1:i.key==="ArrowUp"?-1:0;if(b===0)return;let Y=i.shiftKey?32:8;d=M(m+b*Y*g(getComputedStyle(f).direction==="rtl"))}i.preventDefault(),F?.(m),E(f,d),T?.(d),I?.(d)}},t)});ee.displayName="Shell.Handle";var bt=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));bt.displayName="Shell.Panel.Handle";var fe=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));fe.displayName="Shell.Sidebar.Handle";var ht=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));ht.displayName="Shell.Inspector.Handle";var Rt=R.forwardRef((e,t)=>R.createElement(ee,{...e,ref:t}));Rt.displayName="Shell.Bottom.Handle";var p=Z(require("react"));var ie=Z(require("react"));var Oe={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},me=["initial","xs","sm","md","lg","xl"];var gt=Object.entries(Oe),Pe=null,ae=new Set,te=null;function ye(){return Pe??(Pe=gt.map(([e,t])=>[e,window.matchMedia(t)])),Pe}function he(){let e="initial";for(let[t,n]of ye())n.matches&&(e=t);return e}function be(){let e=he();e!==te&&(te=e,ae.forEach(t=>t()))}function De(e){if(typeof window>"u")return()=>{};if(ae.size===0){te=he();for(let[,t]of ye())typeof t.addEventListener=="function"?t.addEventListener("change",be):t.addListener?.(be)}return ae.add(e),()=>{if(ae.delete(e),!(ae.size>0)){for(let[,t]of ye())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",be):t.removeListener?.(be)}catch{}te=null}}}function vt(){return typeof window>"u"?"initial":(te??(te=he()),te)}function St(){return"initial"}function se(){return typeof window>"u"?"initial":he()}var Pt=()=>!0,yt=()=>!1,$e=()=>()=>{},xt=()=>"initial";function Fe(e=!0){let t=ie.useSyncExternalStore(e?De:$e,e?vt:xt,St),n=ie.useSyncExternalStore(e?De:$e,Pt,yt);return ie.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var $=Z(require("react"));function je(e){return typeof e=="object"&&e!==null}function le(e,t){let n={},r=null;for(let o of me){if(e!==void 0&&!je(e)){n[o]=e;continue}let c=je(e)?e[o]:void 0;c!==void 0&&(r={value:c}),n[o]=r?r.value:t(o)}return n}function re(e){let t=e.initial;return me.every(n=>e[n]===t)?t:void 0}function xe(e,t){let n=re(t);if(n!==void 0)return{[`data-${e}`]:n};let r={};for(let o of me)r[`data-${e}-${o}`]=t[o];return r}function Ee(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var Ft=le("fixed",()=>"fixed");function ze(e){e.version+=1;for(let t of e.listeners)t()}function Et(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var zt=$.createContext(null);function _e(e){let t=$.useContext(zt);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function Ue(e,t){let n=$.useCallback(r=>Et(e,r),[e]);return $.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var wt=$.createContext(null);function qe(e,t){let n=$.useContext(wt);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=n;$.useLayoutEffect(()=>{if(t)return r(e),()=>o(e)},[e,t,r,o])}var we=e=>typeof e=="object"&&e!==null;function Tt(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function We(e){let{name:t,label:n,propNames:r,presentationTable:o,builtIn:c}=e,h=_e(`Shell.${n}`),B=p.useId(),C=e.id??`shell-${t}${B}`,w=e.controlled!==void 0,P=we(e.controlled);P&&(`${n}${r.controlled}${r.default}`,void 0);let A=P?e.controlled:void 0,g=A??(we(e.defaultValue)?e.defaultValue:void 0),T=Ee(g),[F,I]=p.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),x=p.useMemo(()=>A?le(A,()=>Tt(A)):le(g,s=>c(o[s])),[T,P,o,c]),v=F;w&&(v=A?"auto":e.controlled);let L=re(o)===void 0||v==="auto"&&re(x)===void 0,{breakpoint:O,ready:U}=Fe(L),q=s=>{let D=re(s);return D!==void 0?D:U?s[O]:void 0},V=v==="auto"?q(x):v,k=q(o),W=k==="overlay",a=V===void 0?void 0:V!=="closed",u=a===!0&&W,S=e.defaultValue,y=p.useRef({state:v,value:V,autoTable:x,defaultValue:S,controlled:w,onChange:e.onChange,toggleNext:e.toggleNext});p.useLayoutEffect(()=>{y.current={state:v,value:V,autoTable:x,defaultValue:S,controlled:w,onChange:e.onChange,toggleNext:e.toggleNext}});let E=p.useCallback(()=>{let s=y.current;return s.value!==void 0?s.value:s.state==="auto"?s.autoTable[se()]:void 0},[]),K=p.useCallback(()=>{let s=y.current;return typeof s.defaultValue=="string"?s.defaultValue:we(s.defaultValue)?s.autoTable[se()]:void 0},[]),i=p.useCallback((s,D)=>{let Q=y.current;E()!==s&&(Q.onChange?.(s,D),Q.controlled||I(s))},[E]),f=p.useCallback(s=>{let D=y.current,Q=E()??"closed",G=D.toggleNext?D.toggleNext(Q,K()):Q==="closed"?"open":"closed";i(G,s)},[i,E,K]),m=p.useRef(null),N=p.useCallback(s=>{m.current=s},[]);p.useLayoutEffect(()=>{let s={name:t,id:C,el:m.current,value:V,presentation:k,presentationTable:o,overlayLive:u,size:e.size,setValue:i,toggle:f};return h.entries.set(t,s),ze(h),()=>{h.entries.get(t)===s&&(h.entries.delete(t),ze(h))}},[h,t,C,V,k,o,u,e.size,i,f]);let M=p.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});p.useLayoutEffect(()=>{M.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let d=p.useRef({state:v,shown:a});p.useEffect(()=>{let s=d.current;s.state!==v&&s.shown!==void 0&&a!==void 0&&s.shown!==a&&(a?M.current.onExpand?.():M.current.onCollapse?.()),d.current={state:v,shown:a}},[v,a]),p.useLayoutEffect(()=>{},[]);let b=p.useRef(w);p.useEffect(()=>{},[w,n,r.controlled]);let Y=Ue(h,t)&&a===!1&&!W;return{store:h,id:C,state:v,value:V,shown:a,presentation:k,overlaying:W,overlayLive:u,peeking:Y,ready:U,breakpoint:O,autoTable:x,setValue:i,toggle:f,defaultHereNow:K,setElement:N}}function Ke(e,t){let{state:n,value:r,presentation:o,shown:c}=e;return{...t,"data-state":n==="thin"?"open":n,"data-thin":n==="thin"?"":void 0,...n==="auto"?xe("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":r==="thin"?"thin":"expanded","data-open":o==="stacked"&&c?"":void 0,"data-peek":e.peeking?"":void 0}}function Qe(e,t){let n=Ee(e),r=p.useMemo(()=>le(e,()=>t),[n,t]),o=p.useMemo(()=>re(r)===void 0?xe("presentation",r):{},[r]);return{table:r,attributes:o}}var l=Z(require("react"));function Ge(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*o}if(n.endsWith("%")){let o=Number.parseFloat(n),c=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*c}let r=Number.parseFloat(n);return Number.isFinite(r)?r:void 0}var Ce=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function Xe(e){let{name:t,elementRef:n,cssVarName:r,orientation:o,minSize:c,maxSize:h,resizable:B,size:C,defaultSize:w,paneId:P,persistence:A}=e,g=l.useRef(e);l.useLayoutEffect(()=>{g.current=e});let T=l.useRef(null),F=l.useRef(0);l.useEffect(()=>()=>{T.current&&clearTimeout(T.current)},[]);let I=l.useCallback((a,u)=>{let{onSizeChange:S,sizeUpdate:y,sizeUpdateMs:E}=g.current;if(S){if(y==="debounce"){T.current&&clearTimeout(T.current),T.current=setTimeout(()=>{T.current=null,g.current.onSizeChange?.(a,u)},E);return}if(y==="throttle"){let K=Date.now();if(K-F.current<E)return;F.current=K}S(a,u)}},[]),x=l.useCallback(a=>Ge(a,o==="vertical"?"horizontal":"vertical"),[o]),v=l.useRef(!1),L=l.useCallback((a,u)=>{let S=n.current;if(S){S.style.setProperty(r,`${a}px`);for(let y of S.querySelectorAll(":scope > .rt-ShellResizer"))y.setAttribute("aria-valuenow",String(Math.round(a)));u&&(v.current=!0)}},[n,r]);l.useLayoutEffect(()=>{v.current||L(e.expandedSize,!1)},[e.expandedSize,L]),l.useLayoutEffect(()=>{if(C!==void 0||w===void 0)return;let a=x(w);if(typeof a!="number"||!Number.isFinite(a))return;let u=Ce(a,c,h);L(u,!0),I(u,{reason:"init"})},[]),l.useLayoutEffect(()=>{if(C===void 0||g.current.overlayingNow())return;let a=x(C);if(typeof a!="number"||!Number.isFinite(a))return;let u=Ce(a,c,h);L(u,!0),I(u,{reason:"controlled"})},[C,c,h,e.overlaying,x,L,I]);let O=l.useMemo(()=>{if(!P||A)return A;let a=`kookie-ui:shell:${t}:${P}`;return{load:()=>{if(!(typeof window>"u"))try{let u=window.localStorage.getItem(a);return u?Number(u):void 0}catch{return}},save:u=>{if(!(typeof window>"u"))try{window.localStorage.setItem(a,String(u))}catch{}}}},[t,P,A]);l.useLayoutEffect(()=>{if(!B||!O?.load||g.current.overlayingNow())return;let a=!0,u=y=>{if(!a||typeof y!="number"||!Number.isFinite(y))return;let E=Ce(y,c,h);L(E,!0),g.current.onResize?.(E)},S=O.load();return S instanceof Promise?S.then(u).catch(y=>{}):u(S),()=>{a=!1}},[B,O,e.overlaying,L,c,h,t]);let U=l.useCallback(a=>g.current.onResize?.(a),[]),q=l.useCallback(a=>{v.current=!0,g.current.onResizeStart?.(a)},[]),V=l.useCallback(a=>{g.current.onResizeEnd?.(a),I(a,{reason:"resize"}),O?.save?.(a)},[I,O]),k=l.useCallback(()=>g.current.requestCollapse(),[]),W=l.useCallback(()=>g.current.requestToggle(),[]);return l.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:r,minSize:c,maxSize:h,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:U,onResizeStart:q,onResizeEnd:V,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:k,requestToggle:W}),[n,e.elementId,r,c,h,e.expandedSize,o,e.edge,e.growth,U,q,V,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,k,W])}function Ye(e,t){let n=l.Children.toArray(e),r=n.filter(c=>l.isValidElement(c)&&c.type===t),o=n.filter(c=>!(l.isValidElement(c)&&c.type===t));return{handles:r,content:o}}var Je=e=>e==="overlay"?"closed":"open";var Ze=e=>e?-1:1;function et(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...r}=e;return r}var tt=e=>e==="collapsed"?"closed":e==="thin"?"thin":"open",Lt=e=>e==="closed"?"collapsed":e==="thin"?"thin":"expanded";function nt(e){if(e===void 0)return;if(typeof e=="string")return tt(e);let t={};for(let[n,r]of Object.entries(e))r!==void 0&&(t[n]=tt(r));return t}var Vt={controlled:"state",default:"defaultState"},kt={initial:"overlay",sm:"fixed"},rt=e=>e==="closed"?"thin":e==="thin"?"open":"closed",ot=(e,t)=>{let n=t==="thin"?"thin":"open";return e==="closed"?n:e===n?"closed":n},Te=_.forwardRef((e,t)=>{let{className:n,presentation:r=kt,expandedSize:o=288,minSize:c=200,maxSize:h=400,resizable:B=!1,collapsible:C=!0,onExpand:w,onCollapse:P,onResize:A,onResizeStart:g,onResizeEnd:T,snapPoints:F,snapTolerance:I,collapseThreshold:x,paneId:v,persistence:L,children:O,style:U,thinSize:q=64,toggleModes:V="both",state:k,defaultState:W,onStateChange:a,size:u,defaultSize:S,onSizeChange:y,sizeUpdate:E,sizeUpdateMs:K=50,inset:i,id:f,...m}=e,{table:N,attributes:M}=Qe(r,"fixed"),d=We({name:"sidebar",label:"Sidebar",propNames:Vt,id:f,controlled:nt(k),defaultValue:nt(W),presentationTable:N,builtIn:Je,onChange:(Re,J)=>a?.(Lt(Re),{reason:J}),toggleNext:V==="single"?ot:rt,onExpand:w,onCollapse:P,size:o});qe("sidebar",i),_.useEffect(()=>{(F!==void 0||x!==void 0||v!==void 0||L!==void 0)&&void 0},[F,x,v,L]);let b=_.useRef(null),Y=(0,it.useComposedRefs)(t,d.setElement,b),s=Xe({name:"sidebar",elementId:d.id,elementRef:b,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:Ze,expandedSize:o,minSize:c,maxSize:h,resizable:B,collapsible:C,size:u,defaultSize:S,onSizeChange:y,sizeUpdate:E,sizeUpdateMs:K,onResize:A,onResizeStart:g,onResizeEnd:T,snapPoints:F,snapTolerance:I,collapseThreshold:x,paneId:v,persistence:L,overlaying:d.overlaying,overlayingNow:()=>N[se()]==="overlay",requestCollapse:()=>d.setValue("closed","toggle"),requestToggle:()=>d.toggle("toggle")}),{handles:D,content:Q}=Ye(O,fe),G=B&&d.value!=="closed"&&d.value!=="thin"&&!d.overlaying?_.createElement(Se.Provider,{value:s},D.length>0?D:_.createElement(ee,null)):null,ue=d.peeking?(V==="single"?ot:rt)("closed",d.defaultHereNow())==="thin"?`${q}px`:`var(--sidebar-size, ${o}px)`:void 0;return _.createElement("div",{...et(m),id:d.id,ref:Y,className:(0,at.default)("rt-ShellPane","rt-ShellSidebar",n),...Ke(d,M),"data-inset":i||void 0,tabIndex:d.overlaying?-1:m.tabIndex,style:{...U,"--sidebar-expanded-size":`${o}px`,"--sidebar-thin-size":`${q}px`,"--sidebar-min-size":`${c}px`,"--sidebar-max-size":`${h}px`,...ue?{"--peek-sidebar-width":ue}:{}}},_.createElement("div",{className:"rt-ShellSidebarContent"},Q),G)});Te.displayName="Shell.Sidebar";Te.Handle=fe;
+"use strict";"use client";var It=Object.create;var be=Object.defineProperty;var $t=Object.getOwnPropertyDescriptor;var jt=Object.getOwnPropertyNames;var Ft=Object.getPrototypeOf,Ut=Object.prototype.hasOwnProperty;var qt=(e,t)=>{for(var n in t)be(e,n,{get:t[n],enumerable:!0})},Je=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of jt(t))!Ut.call(e,o)&&o!==n&&be(e,o,{get:()=>t[o],enumerable:!(r=$t(t,o))||r.enumerable});return e};var I=(e,t,n)=>(n=e!=null?It(Ft(e)):{},Je(t||!e||!e.__esModule?be(n,"default",{value:e,enumerable:!0}):n,e)),Wt=e=>Je(be({},"__esModule",{value:!0}),e);var hn={};qt(hn,{Sidebar:()=>We});module.exports=Wt(hn);var _=I(require("react")),Bt=I(require("classnames")),Ot=require("radix-ui/internal");var Pe=I(require("react")),De=Pe.createContext(null);function Ze(){let e=Pe.useContext(De);if(!e)throw new Error("Shell.Handle must be used within a resizable pane");return e}var h=I(require("react")),et=I(require("classnames"));var re=h.forwardRef(({className:e,children:t,...n},r)=>{let{containerRef:o,controls:s,cssVarName:a,minSize:u,maxSize:c,defaultSize:p,orientation:f,edge:C,growth:x,onResize:w,onResizeStart:$,onResizeEnd:V,snapPoints:E,snapTolerance:S,collapseThreshold:k,collapsible:L,target:q,requestCollapse:K,requestToggle:A}=Ze(),B=h.useRef(null),Q=h.useCallback(l=>{B.current=l,typeof r=="function"?r(l):r&&(r.current=l)},[r]),i=h.useRef(null);h.useEffect(()=>()=>{i.current?.(),i.current=null},[]);let b=h.useCallback(()=>{let l=o.current;if(!l)return p;let y=Number.parseFloat(getComputedStyle(l).getPropertyValue(a));return Number.isFinite(y)?y:p},[o,a,p]),z=h.useCallback(()=>{let l=o.current,y=B.current,R=l?.closest(".rt-ShellRoot")?.getBoundingClientRect();if(!l||!R||!y)return c;let O=l.getBoundingClientRect(),H=y.getBoundingClientRect(),m=x(getComputedStyle(l).direction==="rtl"),v;f==="vertical"?v=m>0?R.right-O.left:O.right-R.left:v=m>0?R.bottom-O.top:O.bottom-R.top;let ee=f==="vertical"?H.width:H.height;return!(R.width>0&&R.height>0)||!Number.isFinite(v)?c:Math.max(u,Math.min(c,Math.round(v-ee)))},[o,x,c,u,f]),T=()=>{B.current?.setAttribute("aria-valuemax",String(z()))};h.useLayoutEffect(()=>{B.current?.setAttribute("aria-valuenow",String(Math.round(b())))},[b]);let D=(l,y)=>{l.style.setProperty(a,`${y}px`),B.current?.setAttribute("aria-valuenow",String(Math.round(y)))},X=q.charAt(0).toUpperCase()+q.slice(1);return h.createElement("div",{ref:Q,className:(0,et.default)("rt-ShellResizer",e),"data-orientation":f,"data-edge":C,role:"separator",tabIndex:0,"aria-label":`Resize ${X} pane`,"aria-controls":s,"aria-orientation":f,"aria-valuemin":u,"aria-valuemax":c,...n,onPointerDown:l=>{n.onPointerDown?.(l);let y=o.current;if(!y||l.defaultPrevented||l.button!==0)return;l.preventDefault();let R=l.currentTarget,O=l.pointerId;i.current?.();try{R.setPointerCapture(O)}catch{}let H=getComputedStyle(y),m=Number.parseFloat(H.getPropertyValue(a)),v=Number.isFinite(m)?m:p,ee=f==="vertical"?l.clientX:l.clientY,d=x(H.direction==="rtl"),U=z();R.setAttribute("aria-valuemax",String(U));let Y=M=>Math.min(Math.max(M,u),U);y.setAttribute("data-resizing",""),R.setAttribute("data-dragging","");let J=document.body,me=J.style.cursor,Ne=J.style.userSelect;J.style.cursor=f==="vertical"?"col-resize":"row-resize",J.style.userSelect="none",$?.(v);let te=v,Ve=v,G=0,ue=null,_e=()=>{if(G=0,ue===null)return;let M=ue;ue=null,w?.(M)},Ge=null,Ke=!1,Ht=(M,ie)=>{if(M.type===ie)Ke=!0;else if(Ke)return!1;return!0},Z=M=>{if(!Ht(M,"pointermove")||M===Ge)return;Ge=M;let ie=f==="vertical"?M.clientX:M.clientY;Ve=v+(ie-ee)*d,te=Y(Ve),D(y,te),ue=te,G||(G=requestAnimationFrame(_e))},ge=()=>{G&&cancelAnimationFrame(G),G=0;try{R.releasePointerCapture(O)}catch{}window.removeEventListener("pointermove",Z),document.removeEventListener("pointermove",Z),window.removeEventListener("mousemove",Z),document.removeEventListener("mousemove",Z),R.removeEventListener("pointermove",Z),window.removeEventListener("pointerup",j),document.removeEventListener("pointerup",j),window.removeEventListener("mouseup",j),document.removeEventListener("mouseup",j),window.removeEventListener("pointercancel",j),document.removeEventListener("pointercancel",j),window.removeEventListener("keydown",Qe),R.removeEventListener("lostpointercapture",j),y.removeAttribute("data-resizing"),R.removeAttribute("data-dragging"),J.style.cursor=me,J.style.userSelect=Ne,i.current=null},ke=!1,j=()=>{if(ke)return;if(ke=!0,G&&cancelAnimationFrame(G),_e(),L&&typeof k=="number"&&Ve<=k){D(y,v),w?.(v),ge(),K?.(),V?.(v);return}let M=te;if(E&&E.length){let ie=E.reduce((Xe,Ye)=>Math.abs(Ye-te)<Math.abs(Xe-te)?Ye:Xe,E[0]);Math.abs(ie-te)<=S&&(M=Y(ie),D(y,M),w?.(M))}V?.(M),ge()},Qe=M=>{M.key==="Escape"&&(G&&cancelAnimationFrame(G),G=0,ue=null,D(y,v),w?.(v),ke=!0,V?.(v),ge())};window.addEventListener("pointermove",Z),document.addEventListener("pointermove",Z),window.addEventListener("mousemove",Z),document.addEventListener("mousemove",Z),R.addEventListener("pointermove",Z),window.addEventListener("pointerup",j),document.addEventListener("pointerup",j),window.addEventListener("mouseup",j),document.addEventListener("mouseup",j),window.addEventListener("pointercancel",j),document.addEventListener("pointercancel",j),window.addEventListener("keydown",Qe),R.addEventListener("lostpointercapture",j),i.current=ge},onDoubleClick:l=>{n.onDoubleClick?.(l),!l.defaultPrevented&&L&&A?.()},onFocus:l=>{n.onFocus?.(l),T()},onKeyDown:l=>{n.onKeyDown?.(l);let y=o.current;if(!y||l.defaultPrevented)return;let R=b(),O=z(),H=v=>Math.min(Math.max(v,u),O),m;if(l.key==="Home")m=H(u);else if(l.key==="End")m=H(O);else{let v=f==="vertical"?l.key==="ArrowRight"?1:l.key==="ArrowLeft"?-1:0:l.key==="ArrowDown"?1:l.key==="ArrowUp"?-1:0;if(v===0)return;let ee=l.shiftKey?32:8;m=H(R+v*ee*x(getComputedStyle(y).direction==="rtl"))}l.preventDefault(),$?.(R),D(y,m),w?.(m),V?.(m)}},t)});re.displayName="Shell.Handle";var _t=h.forwardRef((e,t)=>h.createElement(re,{...e,ref:t}));_t.displayName="Shell.Panel.Handle";var ye=h.forwardRef((e,t)=>h.createElement(re,{...e,ref:t}));ye.displayName="Shell.Sidebar.Handle";var Gt=h.forwardRef((e,t)=>h.createElement(re,{...e,ref:t}));Gt.displayName="Shell.Inspector.Handle";var Kt=h.forwardRef((e,t)=>h.createElement(re,{...e,ref:t}));Kt.displayName="Shell.Bottom.Handle";var P=I(require("react"));var de=I(require("react"));var tt={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"},Re=["initial","xs","sm","md","lg","xl"];var Qt=Object.entries(tt),Me=null,ce=new Set,oe=null;function Le(){return Me??(Me=Qt.map(([e,t])=>[e,window.matchMedia(t)])),Me}function Se(){let e="initial";for(let[t,n]of Le())n.matches&&(e=t);return e}function ve(){let e=Se();e!==oe&&(oe=e,ce.forEach(t=>t()))}function nt(e){if(typeof window>"u")return()=>{};if(ce.size===0){oe=Se();for(let[,t]of Le())typeof t.addEventListener=="function"?t.addEventListener("change",ve):t.addListener?.(ve)}return ce.add(e),()=>{if(ce.delete(e),!(ce.size>0)){for(let[,t]of Le())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",ve):t.removeListener?.(ve)}catch{}oe=null}}}function Xt(){return typeof window>"u"?"initial":(oe??(oe=Se()),oe)}function Yt(){return"initial"}function pe(){return typeof window>"u"?"initial":Se()}var Jt=()=>!0,Zt=()=>!1,rt=()=>()=>{},en=()=>"initial";function ot(e=!0){let t=de.useSyncExternalStore(e?nt:rt,e?Xt:en,Yt),n=de.useSyncExternalStore(e?nt:rt,Jt,Zt);return de.useMemo(()=>({breakpoint:t,ready:n}),[t,n])}var W=I(require("react"));function st(e){return typeof e=="object"&&e!==null}function fe(e,t){let n={},r=null;for(let o of Re){if(e!==void 0&&!st(e)){n[o]=e;continue}let s=st(e)?e[o]:void 0;s!==void 0&&(r={value:s}),n[o]=r?r.value:t(o)}return n}function le(e){let t=e.initial;return Re.every(n=>e[n]===t)?t:void 0}function Ae(e,t){let n=le(t);if(n!==void 0)return{[`data-${e}`]:n};let r={};for(let o of Re)r[`data-${e}-${o}`]=t[o];return r}function Be(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var kn=fe("fixed",()=>"fixed");function Oe(e){e.version+=1;for(let t of e.listeners)t()}function tn(e,t){return e.listeners.add(t),()=>{e.listeners.delete(t)}}var nn=W.createContext(null);function at(e){let t=W.useContext(nn);if(!t)throw new Error(`${e} must be used within <Shell.Root>`);return t}function it(e,t){let n=W.useCallback(r=>tn(e,r),[e]);return W.useSyncExternalStore(n,()=>e.peek===t,()=>!1)}var rn=W.createContext(null);function lt(e,t){let n=W.useContext(rn);if(!n)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:r,unregisterInset:o}=n;W.useLayoutEffect(()=>{if(t)return r(e),()=>o(e)},[e,t,r,o])}var He=e=>typeof e=="object"&&e!==null;function sn(e){for(let t of["initial","xs","sm","md","lg","xl"]){let n=e[t];if(n!==void 0)return n}return"closed"}function ut(e){let{name:t,label:n,propNames:r,presentationTable:o,builtIn:s}=e,a=at(`Shell.${n}`),u=P.useId(),c=e.id??`shell-${t}${u}`,p=e.controlled!==void 0,f=He(e.controlled);f&&(`${n}${r.controlled}${r.default}`,void 0);let C=f?e.controlled:void 0,x=C??(He(e.defaultValue)?e.defaultValue:void 0),w=Be(x),[$,V]=P.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),E=P.useMemo(()=>C?fe(C,()=>sn(C)):fe(x,d=>s(o[d])),[w,f,o,s]),S=$;p&&(S=C?"auto":e.controlled);let k=le(o)===void 0||S==="auto"&&le(E)===void 0,{breakpoint:L,ready:q}=ot(k),K=d=>{let U=le(d);return U!==void 0?U:q?d[L]:void 0},A=S==="auto"?K(E):S,B=K(o),Q=B==="overlay",i=A===void 0?void 0:A!=="closed",b=i===!0&&Q,z=e.defaultValue,T=P.useRef({state:S,value:A,autoTable:E,defaultValue:z,controlled:p,onChange:e.onChange,toggleNext:e.toggleNext});P.useLayoutEffect(()=>{T.current={state:S,value:A,autoTable:E,defaultValue:z,controlled:p,onChange:e.onChange,toggleNext:e.toggleNext}});let D=P.useCallback(()=>{let d=T.current;return d.value!==void 0?d.value:d.state==="auto"?d.autoTable[pe()]:void 0},[]),X=P.useCallback(()=>{let d=T.current;return typeof d.defaultValue=="string"?d.defaultValue:He(d.defaultValue)?d.autoTable[pe()]:void 0},[]),l=P.useCallback((d,U)=>{let Y=T.current;D()!==d&&(Y.onChange?.(d,U),Y.controlled||V(d))},[D]),y=P.useCallback(d=>{let U=T.current,Y=D()??"closed",J=U.toggleNext?U.toggleNext(Y,X()):Y==="closed"?"open":"closed";l(J,d)},[l,D,X]),R=P.useRef(null),O=P.useCallback(d=>{R.current=d},[]);P.useLayoutEffect(()=>{let d={name:t,id:c,el:R.current,value:A,presentation:B,presentationTable:o,overlayLive:b,size:e.size,setValue:l,toggle:y};return a.entries.set(t,d),Oe(a),()=>{a.entries.get(t)===d&&(a.entries.delete(t),Oe(a))}},[a,t,c,A,B,o,b,e.size,l,y]);let H=P.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});P.useLayoutEffect(()=>{H.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let m=P.useRef({state:S,shown:i});P.useEffect(()=>{let d=m.current;d.state!==S&&d.shown!==void 0&&i!==void 0&&d.shown!==i&&(i?H.current.onExpand?.():H.current.onCollapse?.()),m.current={state:S,shown:i}},[S,i]),P.useLayoutEffect(()=>{},[]);let v=P.useRef(p);P.useEffect(()=>{},[p,n,r.controlled]);let ee=it(a,t)&&i===!1&&!Q;return{store:a,id:c,state:S,value:A,shown:i,presentation:B,overlaying:Q,overlayLive:b,peeking:ee,ready:q,breakpoint:L,autoTable:E,setValue:l,toggle:y,defaultHereNow:X,setElement:O}}function ct(e,t){let{state:n,value:r,presentation:o,shown:s}=e;return{...t,"data-state":n==="thin"?"open":n,"data-thin":n==="thin"?"":void 0,...n==="auto"?Ae("auto",e.autoTable):{},"data-presentation":o,"data-mode":r===void 0?void 0:r==="closed"?"collapsed":r==="thin"?"thin":"expanded","data-open":o==="stacked"&&s?"":void 0,"data-peek":e.peeking?"":void 0}}function dt(e,t){let n=Be(e),r=P.useMemo(()=>fe(e,()=>t),[n,t]),o=P.useMemo(()=>le(r)===void 0?Ae("presentation",r):{},[r]);return{table:r,attributes:o}}var g=I(require("react"));function pt(e,t="horizontal"){if(e==null)return;if(typeof e=="number"&&Number.isFinite(e))return e;let n=String(e).trim();if(!n)return;if(n.endsWith("px"))return Number.parseFloat(n);if(n.endsWith("rem")){let o=Number.parseFloat(getComputedStyle(document.documentElement).fontSize||"16")||16;return Number.parseFloat(n)*o}if(n.endsWith("%")){let o=Number.parseFloat(n),s=t==="horizontal"?document.documentElement.clientWidth||window.innerWidth||0:document.documentElement.clientHeight||window.innerHeight||0;return o/100*s}let r=Number.parseFloat(n);return Number.isFinite(r)?r:void 0}var Ie=(e,t,n)=>Math.max(t??e,Math.min(n??e,e));function ft(e){let{name:t,elementRef:n,cssVarName:r,orientation:o,minSize:s,maxSize:a,resizable:u,size:c,defaultSize:p,paneId:f,persistence:C}=e,x=g.useRef(e);g.useLayoutEffect(()=>{x.current=e});let w=g.useRef(null),$=g.useRef(0);g.useEffect(()=>()=>{w.current&&clearTimeout(w.current)},[]);let V=g.useCallback((i,b)=>{let{onSizeChange:z,sizeUpdate:T,sizeUpdateMs:D}=x.current;if(z){if(T==="debounce"){w.current&&clearTimeout(w.current),w.current=setTimeout(()=>{w.current=null,x.current.onSizeChange?.(i,b)},D);return}if(T==="throttle"){let X=Date.now();if(X-$.current<D)return;$.current=X}z(i,b)}},[]),E=g.useCallback(i=>pt(i,o==="vertical"?"horizontal":"vertical"),[o]),S=g.useRef(!1),k=g.useCallback((i,b)=>{let z=n.current;if(z){z.style.setProperty(r,`${i}px`);for(let T of z.querySelectorAll(":scope > .rt-ShellResizer"))T.setAttribute("aria-valuenow",String(Math.round(i)));b&&(S.current=!0)}},[n,r]);g.useLayoutEffect(()=>{S.current||k(e.expandedSize,!1)},[e.expandedSize,k]),g.useLayoutEffect(()=>{if(c!==void 0||p===void 0)return;let i=E(p);if(typeof i!="number"||!Number.isFinite(i))return;let b=Ie(i,s,a);k(b,!0),V(b,{reason:"init"})},[]),g.useLayoutEffect(()=>{if(c===void 0||x.current.overlayingNow())return;let i=E(c);if(typeof i!="number"||!Number.isFinite(i))return;let b=Ie(i,s,a);k(b,!0),V(b,{reason:"controlled"})},[c,s,a,e.overlaying,E,k,V]);let L=g.useMemo(()=>{if(!f||C)return C;let i=`kookie-ui:shell:${t}:${f}`;return{load:()=>{if(!(typeof window>"u"))try{let b=window.localStorage.getItem(i);return b?Number(b):void 0}catch{return}},save:b=>{if(!(typeof window>"u"))try{window.localStorage.setItem(i,String(b))}catch{}}}},[t,f,C]);g.useLayoutEffect(()=>{if(!u||!L?.load||x.current.overlayingNow())return;let i=!0,b=T=>{if(!i||typeof T!="number"||!Number.isFinite(T))return;let D=Ie(T,s,a);k(D,!0),x.current.onResize?.(D)},z=L.load();return z instanceof Promise?z.then(b).catch(T=>{}):b(z),()=>{i=!1}},[u,L,e.overlaying,k,s,a,t]);let q=g.useCallback(i=>x.current.onResize?.(i),[]),K=g.useCallback(i=>{S.current=!0,x.current.onResizeStart?.(i)},[]),A=g.useCallback(i=>{x.current.onResizeEnd?.(i),V(i,{reason:"resize"}),L?.save?.(i)},[V,L]),B=g.useCallback(()=>x.current.requestCollapse(),[]),Q=g.useCallback(()=>x.current.requestToggle(),[]);return g.useMemo(()=>({containerRef:n,controls:e.elementId,cssVarName:r,minSize:s,maxSize:a,defaultSize:e.expandedSize,orientation:o,edge:e.edge,growth:e.growth,onResize:q,onResizeStart:K,onResizeEnd:A,target:t,collapsible:e.collapsible,snapPoints:e.snapPoints,snapTolerance:e.snapTolerance??8,collapseThreshold:e.collapseThreshold,requestCollapse:B,requestToggle:Q}),[n,e.elementId,r,s,a,e.expandedSize,o,e.edge,e.growth,q,K,A,t,e.collapsible,e.snapPoints,e.snapTolerance,e.collapseThreshold,B,Q])}function mt(e,t){let n=g.Children.toArray(e),r=n.filter(s=>g.isValidElement(s)&&s.type===t),o=n.filter(s=>!(g.isValidElement(s)&&s.type===t));return{handles:r,content:o}}var gt=e=>e==="overlay"?"closed":"open";var bt=e=>e?-1:1;function Pt(e){if(!("height"in e)&&!("resizer"in e))return e;let{height:t,resizer:n,...r}=e;return r}var N=I(require("react")),Te=I(require("classnames"));var F=I(require("react")),we=I(require("classnames")),ne=require("radix-ui"),Nt=require("radix-ui/internal");var yt={asChild:{type:"boolean"}};var an=["none","small","medium","large","full"],Rt={radius:{type:"enum",values:an,default:void 0}};var ln=["1","2","3"],un=["vertical","horizontal","both"],se={...yt,size:{type:"enum",className:"rt-r-size",values:ln,default:"1",responsive:!0},...Rt,scrollbars:{type:"enum",values:un,default:"both"},fade:{type:"boolean",default:!1}};var he=I(require("react"));function vt(e){let[t,n]=he.useState(null);return he.useEffect(()=>{if(!e||!t)return;let r=0,o=()=>{r=0;let c=Math.max(0,t.scrollTop),p=Math.max(0,t.scrollHeight-t.clientHeight-t.scrollTop);t.style.setProperty("--scroll-overflow-start",`${c}px`),t.style.setProperty("--scroll-overflow-end",`${p}px`)},s=()=>{r||(r=requestAnimationFrame(o))};o(),t.addEventListener("scroll",s,{passive:!0});let a=typeof ResizeObserver>"u"?null:new ResizeObserver(s);a?.observe(t);for(let c of Array.from(t.children))a?.observe(c);let u=typeof MutationObserver>"u"?null:new MutationObserver(s);return u?.observe(t,{childList:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",s),a?.disconnect(),u?.disconnect(),t.style.removeProperty("--scroll-overflow-start"),t.style.removeProperty("--scroll-overflow-end")}},[e,t]),n}function St(e){let{m:t,mx:n,my:r,mt:o,mr:s,mb:a,ml:u,...c}=e;return{m:t,mx:n,my:r,mt:o,mr:s,mb:a,ml:u,rest:c}}var cn=["initial","xs","sm","md","lg","xl"],$e=new Set(cn);function je(e,t){return Object.prototype.hasOwnProperty.call(e,t)}var dn=new Set(["initial","xs","sm","md","lg","xl"]);function Fe(e){if(typeof e!="object"||e===null)return!1;for(let t in e)if(dn.has(t))return!0;return!1}function xe(e,t,n){return t!==void 0?t.has(n):e.includes(n)}function xt({className:e,customProperties:t,...n}){let r=Ee({allowArbitraryValues:!0,className:e,...n}),o=pn({customProperties:t,...n});return[r,o]}function Ee({allowArbitraryValues:e,value:t,className:n,propValues:r,propValueSet:o,parseValue:s=a=>a}){if(t){if(typeof t=="string")return xe(r,o,t)?ht(n,t,s):e?n:void 0;if(Fe(t)){let a=t,u=[];for(let c in a){if(!je(a,c)||!$e.has(c))continue;let p=a[c];if(p!==void 0){if(xe(r,o,p)){let f=ht(n,p,s),C=c==="initial"?f:`${c}:${f}`;u.push(C)}else if(e){let f=c==="initial"?n:`${c}:${n}`;u.push(f)}}}return u.length>0?u.join(" "):""}if(e)return n}}function ht(e,t,n){let r=e?"-":"",o=n(t),s=o?.startsWith("-"),a=s?"-":"",u=s?o?.substring(1):o;return`${a}${e}${r}${u}`}function pn({customProperties:e,value:t,propValues:n,propValueSet:r,parseValue:o=s=>s}){if(!t||typeof t=="string"&&xe(n,r,t))return;let s;if(typeof t=="string"){let a=o(t);s={};for(let u of e)s[u]=a;return s}if(Fe(t)){let a=t;for(let u in a){if(!je(a,u)||!$e.has(u))continue;let c=a[u];if(c===void 0||xe(n,r,c))continue;let p=o(c);s??(s={});for(let f of e){let C=u==="initial"?f:`${f}-${u}`;s[C]=p}}}return s??{}}function ze(...e){let t;for(let n of e)n&&(t===void 0&&(t={}),Object.assign(t,n));return t}var ae=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],Et={m:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:ae,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var Ct=Et.m.values,fn=new Set(Ct),zt=[{key:"m",className:"rt-r-m",customProperties:["--margin"]},{key:"mx",className:"rt-r-mx",customProperties:["--margin-left","--margin-right"]},{key:"my",className:"rt-r-my",customProperties:["--margin-top","--margin-bottom"]},{key:"mt",className:"rt-r-mt",customProperties:["--margin-top"]},{key:"mr",className:"rt-r-mr",customProperties:["--margin-right"]},{key:"mb",className:"rt-r-mb",customProperties:["--margin-bottom"]},{key:"ml",className:"rt-r-ml",customProperties:["--margin-left"]}];function wt(e){let t,n;for(let r=0;r<zt.length;r++){let{key:o,className:s,customProperties:a}=zt[r],u=e[o];if(u===void 0)continue;let[c,p]=xt({className:s,customProperties:a,propValues:Ct,propValueSet:fn,value:u});c&&(t??(t=[])).push(c),p&&(n=ze(n,p))}return[t!==void 0?t.join(" "):"",n]}var Ce=I(require("react"));function Tt(e,t){let{asChild:n,children:r}=e;if(!n)return typeof t=="function"?t(r):t;let o=Ce.Children.only(r);return Ce.cloneElement(o,{children:typeof t=="function"?t(o.props.children):t})}var Ue=F.forwardRef((e,t)=>{let{rest:n,...r}=St(e),[o,s]=wt(r),{asChild:a,children:u,className:c,style:p,type:f,scrollHideDelay:C=f!=="scroll"?0:void 0,dir:x,size:w=se.size.default,radius:$=se.radius.default,scrollbars:V=se.scrollbars.default,fade:E=se.fade.default,...S}=n,k=vt(E),L=(0,Nt.useComposedRefs)(t,k);return F.createElement(ne.ScrollArea.Root,{type:f,scrollHideDelay:C,className:(0,we.default)("rt-ScrollAreaRoot",o,c),"data-fade":E?"":void 0,style:ze(s,p),asChild:a},Tt({asChild:a,children:u},q=>F.createElement(F.Fragment,null,F.createElement(ne.ScrollArea.Viewport,{...S,ref:L,className:"rt-ScrollAreaViewport"},q),F.createElement("div",{className:"rt-ScrollAreaViewportFocusRing"}),V!=="vertical"?F.createElement(ne.ScrollArea.Scrollbar,{"data-radius":$,orientation:"horizontal",className:(0,we.default)("rt-ScrollAreaScrollbar",Ee({className:"rt-r-size",value:w,propValues:se.size.values}))},F.createElement(ne.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,V!=="horizontal"?F.createElement(ne.ScrollArea.Scrollbar,{"data-radius":$,orientation:"vertical",className:(0,we.default)("rt-ScrollAreaScrollbar",Ee({className:"rt-r-size",value:w,propValues:se.size.values}))},F.createElement(ne.ScrollArea.Thumb,{className:"rt-ScrollAreaThumb"})):null,V==="both"?F.createElement(ne.ScrollArea.Corner,{className:"rt-ScrollAreaCorner"}):null)))});Ue.displayName="ScrollArea";var Vt=N.createContext(null);function mn(){return N.useContext(Vt)}var gn=N.createContext("2");function kt({children:e,presentation:t}){let n=N.useContext(gn),r=N.useMemo(()=>({size:n,menuVariant:"soft",presentation:t}),[n,t]);return N.createElement(Vt.Provider,{value:r},e)}function qe(){let e=mn(),t=e?.size??"2",n=e?.menuVariant??"soft";return["rt-ShellPaneChrome",`rt-r-size-${t}`,`rt-menu-variant-${n}`]}var bn=N.forwardRef(({className:e,...t},n)=>{let r=qe();return N.createElement("div",{...t,ref:n,className:(0,Te.default)("rt-ShellPaneHeader","rt-SidebarHeader","rt-SidebarHeader--container",...r,e)})});bn.displayName="Shell.PaneHeader";var Pn=N.forwardRef(({className:e,...t},n)=>{let r=qe();return N.createElement("div",{...t,ref:n,className:(0,Te.default)("rt-ShellPaneFooter","rt-SidebarFooter","rt-SidebarFooter--container",...r,e)})});Pn.displayName="Shell.PaneFooter";var yn=N.forwardRef(({className:e,children:t,...n},r)=>{let o=qe();return N.createElement(Ue,{type:"hover",className:"rt-ShellScroll"},N.createElement("div",{...n,ref:r,className:(0,Te.default)("rt-BaseMenuContent","rt-SidebarContent",...o,e)},N.createElement("div",{className:"rt-BaseMenuViewport"},t)))});yn.displayName="Shell.Scroll";var Dt=e=>e==="collapsed"?"closed":e==="thin"?"thin":"open",Rn=e=>e==="closed"?"collapsed":e==="thin"?"thin":"expanded";function Mt(e){if(e===void 0)return;if(typeof e=="string")return Dt(e);let t={};for(let[n,r]of Object.entries(e))r!==void 0&&(t[n]=Dt(r));return t}var vn={controlled:"state",default:"defaultState"},Sn={initial:"overlay",sm:"fixed"},Lt=e=>e==="closed"?"thin":e==="thin"?"open":"closed",At=(e,t)=>{let n=t==="thin"?"thin":"open";return e==="closed"?n:e===n?"closed":n},We=_.forwardRef((e,t)=>{let{className:n,presentation:r=Sn,expandedSize:o=288,minSize:s=200,maxSize:a=400,resizable:u=!1,collapsible:c=!0,onExpand:p,onCollapse:f,onResize:C,onResizeStart:x,onResizeEnd:w,snapPoints:$,snapTolerance:V,collapseThreshold:E,paneId:S,persistence:k,children:L,style:q,thinSize:K=64,toggleModes:A="both",state:B,defaultState:Q,onStateChange:i,size:b,defaultSize:z,onSizeChange:T,sizeUpdate:D,sizeUpdateMs:X=50,inset:l,id:y,...R}=e,{table:O,attributes:H}=dt(r,"fixed"),m=ut({name:"sidebar",label:"Sidebar",propNames:vn,id:y,controlled:Mt(B),defaultValue:Mt(Q),presentationTable:O,builtIn:gt,onChange:(Ne,te)=>i?.(Rn(Ne),{reason:te}),toggleNext:A==="single"?At:Lt,onExpand:p,onCollapse:f,size:o});lt("sidebar",l),(e.thinSize!==void 0||m.value==="thin")&&void 0,_.useEffect(()=>{($!==void 0||E!==void 0||S!==void 0||k!==void 0)&&void 0},[$,E,S,k]);let v=_.useRef(null),ee=(0,Ot.useComposedRefs)(t,m.setElement,v),d=ft({name:"sidebar",elementId:m.id,elementRef:v,cssVarName:"--sidebar-size",orientation:"vertical",edge:"end",growth:bt,expandedSize:o,minSize:s,maxSize:a,resizable:u,collapsible:c,size:b,defaultSize:z,onSizeChange:T,sizeUpdate:D,sizeUpdateMs:X,onResize:C,onResizeStart:x,onResizeEnd:w,snapPoints:$,snapTolerance:V,collapseThreshold:E,paneId:S,persistence:k,overlaying:m.overlaying,overlayingNow:()=>O[pe()]==="overlay",requestCollapse:()=>m.setValue("closed","toggle"),requestToggle:()=>m.toggle("toggle")}),{handles:U,content:Y}=mt(L,ye),J=u&&m.value!=="closed"&&m.value!=="thin"&&!m.overlaying?_.createElement(De.Provider,{value:d},U.length>0?U:_.createElement(re,null)):null,me=m.peeking?(A==="single"?At:Lt)("closed",m.defaultHereNow())==="thin"?`${K}px`:`var(--sidebar-size, ${o}px)`:void 0;return _.createElement("div",{...Pt(R),id:m.id,ref:ee,className:(0,Bt.default)("rt-ShellPane","rt-ShellSidebar",n),...ct(m,H),"data-inset":l||void 0,tabIndex:m.overlaying?-1:R.tabIndex,style:{...q,"--sidebar-expanded-size":`${o}px`,"--sidebar-thin-size":`${K}px`,"--sidebar-min-size":`${s}px`,"--sidebar-max-size":`${a}px`,...me?{"--peek-sidebar-width":me}:{}}},_.createElement("div",{className:"rt-ShellSidebarContent"},_.createElement(kt,null,Y)),J)});We.displayName="Shell.Sidebar";We.Handle=ye;
 //# sourceMappingURL=shell-sidebar.js.map