@kushagradhawan/kookie-ui 0.1.37 → 0.1.39

package/dist/esm/components/radio-cards.props.d.ts

@@ -13,7 +13,7 @@ declare const radioCardsRootPropDefs: {
         type: "enum | string";
         className: string;
         customProperties: "--gap"[];
-        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
         responsive: true;
     };
     highContrast: {
@@ -29,7 +29,7 @@ declare const radioCardsRootPropDefs: {
     size: {
         type: "enum";
         className: string;
-        values: readonly ["1", "2", "3", "4", "5"];
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
         default: "2";
         responsive: true;
     };

package/dist/esm/components/radio-cards.props.js

@@ -1,2 +1,2 @@
-import{asChildPropDef as o}from"../props/as-child.prop.js";import{colorPropDef as r}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";import{gridPropDefs as e}from"./grid.props.js";const a=["1","2","3","4","5"],t=["outline","classic","ghost","soft","surface"],p=["solid","translucent"],n={...o,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",values:p,default:void 0},...r,...s,columns:{...e.columns,default:"repeat(auto-fit, minmax(160px, 1fr))"},gap:{...e.gap,default:"4"}};export{n as radioCardsRootPropDefs};
+import{asChildPropDef as o}from"../props/as-child.prop.js";import{colorPropDef as r}from"../props/color.prop.js";import{highContrastPropDef as s}from"../props/high-contrast.prop.js";import{gridPropDefs as e}from"./grid.props.js";const a=["1","2","3","4","5","6","7","8","9","10","11","12"],t=["outline","classic","ghost","soft","surface"],p=["solid","translucent"],n={...o,size:{type:"enum",className:"rt-r-size",values:a,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:t,default:"surface"},panelBackground:{type:"enum",values:p,default:void 0},...r,...s,columns:{...e.columns,default:"repeat(auto-fit, minmax(160px, 1fr))"},gap:{...e.gap,default:"4"}};export{n as radioCardsRootPropDefs};
 //# sourceMappingURL=radio-cards.props.js.map

package/dist/esm/components/radio-cards.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/radio-cards.props.tsx"],
-  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['outline', 'classic', 'ghost', 'soft', 'surface'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst radioCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(160px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { radioCardsRootPropDefs };\n"],
-  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,gBAAAC,MAAoB,kBAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,UAAW,UAAW,QAAS,OAAQ,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAyB,CAC7B,GAAGP,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,GAAGL,EACH,GAAGC,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
+  "sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { colorPropDef } from '../props/color.prop.js';\nimport { highContrastPropDef } from '../props/high-contrast.prop.js';\nimport { gridPropDefs } from './grid.props.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['outline', 'classic', 'ghost', 'soft', 'surface'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst radioCardsRootPropDefs = {\n  ...asChildPropDef,\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'surface' },\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  columns: { ...gridPropDefs.columns, default: 'repeat(auto-fit, minmax(160px, 1fr))' },\n  gap: { ...gridPropDefs.gap, default: '4' },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  columns: PropDef<(typeof gridPropDefs.columns.values)[number]>;\n  gap: PropDef<(typeof gridPropDefs.gap.values)[number]>;\n};\n\nexport { radioCardsRootPropDefs };\n"],
+  "mappings": "AAAA,OAAS,kBAAAA,MAAsB,4BAC/B,OAAS,gBAAAC,MAAoB,yBAC7B,OAAS,uBAAAC,MAA2B,iCACpC,OAAS,gBAAAC,MAAoB,kBAI7B,MAAMC,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EACtEC,EAAW,CAAC,UAAW,UAAW,QAAS,OAAQ,SAAS,EAC5DC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAyB,CAC7B,GAAGP,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQI,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,SAAU,EACvF,gBAAiB,CAAE,KAAM,OAAQ,OAAQC,EAAkB,QAAS,MAAU,EAC9E,GAAGL,EACH,GAAGC,EACH,QAAS,CAAE,GAAGC,EAAa,QAAS,QAAS,sCAAuC,EACpF,IAAK,CAAE,GAAGA,EAAa,IAAK,QAAS,GAAI,CAC3C",
   "names": ["asChildPropDef", "colorPropDef", "highContrastPropDef", "gridPropDefs", "sizes", "variants", "panelBackgrounds", "radioCardsRootPropDefs"]
 }

package/dist/esm/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAqC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE,KAAK,kBAAkB,GAAG,kBAAkB,CAAC;AAG7C,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW,EAAE,kBAAkB;CAAG;AACpF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CASzC,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,WAAW,EACX,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,8FA6ElB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AACD,QAAA,MAAM,aAAa,2FAoDlB,CAAC;AAIF,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;CAAG;AAC7E,QAAA,MAAM,UAAU,wFAed,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AAClF,QAAA,MAAM,eAAe,6FASpB,CAAC;AAGF,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,aAAa,IAAI,OAAO,EACxB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,eAAe,IAAI,SAAS,GAC7B,CAAC;AAEF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,YAAY,EAClC,kBAAkB,IAAI,YAAY,EAClC,eAAe,IAAI,SAAS,EAC5B,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,oBAAoB,IAAI,cAAc,GACvC,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAqC,MAAM,UAAU,CAAC;AAKxF,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF,KAAK,kBAAkB,GAAG,eAAe,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAErE,KAAK,kBAAkB,GAAG,kBAAkB,CAAC;AAG7C,UAAU,eAAgB,SAAQ,eAAe,CAAC,WAAW,EAAE,kBAAkB;CAAG;AACpF,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CASzC,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,WAAW,EACX,qBAAqB;CAAG;AAC5B,QAAA,MAAM,aAAa,8FA6ElB,CAAC;AAIF,KAAK,qBAAqB,GAAG,eAAe,CAAC,OAAO,qBAAqB,CAAC,CAAC;AAC3E,UAAU,kBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AACD,QAAA,MAAM,aAAa,2FAoDlB,CAAC;AAIF,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,YAAY,CAAC;CAAG;AAC7E,QAAA,MAAM,UAAU,wFAyBd,CAAC;AAIH,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,gBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,QAAA,MAAM,WAAW,yFAShB,CAAC;AAIF,UAAU,oBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AAClF,QAAA,MAAM,eAAe,6FASpB,CAAC;AAGF,OAAO,EACL,UAAU,IAAI,IAAI,EAClB,aAAa,IAAI,OAAO,EACxB,aAAa,IAAI,OAAO,EACxB,UAAU,IAAI,IAAI,EAClB,WAAW,IAAI,KAAK,EACpB,WAAW,IAAI,KAAK,EACpB,eAAe,IAAI,SAAS,GAC7B,CAAC;AAEF,YAAY,EACV,eAAe,IAAI,SAAS,EAC5B,kBAAkB,IAAI,YAAY,EAClC,kBAAkB,IAAI,YAAY,EAClC,eAAe,IAAI,SAAS,EAC5B,gBAAgB,IAAI,UAAU,EAC9B,gBAAgB,IAAI,UAAU,EAC9B,oBAAoB,IAAI,cAAc,GACvC,CAAC"}

package/dist/esm/components/select.js

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import i from"classnames";import{Select as l,ScrollArea as p}from"radix-ui";import{extractProps as g}from"../helpers/extract-props.js";import{marginPropDefs as E}from"../props/margin.props.js";import{ChevronDownIcon as G,ThickCheckIcon as L}from"./icons.js";import{selectRootPropDefs as d,selectTriggerPropDefs as D,selectContentPropDefs as V}from"./select.props.js";import{useThemeContext as z,Theme as k}from"./theme.js";const f=e.createContext({}),v=t=>{const{children:o,size:r=d.size.default,...s}=t;return e.createElement(l.Root,{...s},e.createElement(f.Provider,{value:e.useMemo(()=>({size:r}),[r])},o))};v.displayName="Select.Root";const y=e.forwardRef((t,o)=>{const r=e.useContext(f),{children:s,className:n,color:m,radius:S,placeholder:P,error:c,loading:a,disabled:u,readOnly:C,...b}=g({size:r?.size,...t},{size:d.size},D,E),{panelBackground:w}=t,R=e.useMemo(()=>({"aria-invalid":c||void 0,"aria-busy":a||void 0,"aria-disabled":u||void 0,"aria-readonly":C||void 0}),[c,a,u,C]);return e.createElement(l.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":m,"data-radius":S,"data-panel-background":w,"data-error":c,"data-loading":a,...b,...R,ref:o,className:i("rt-reset","rt-SelectTrigger",n)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(l.Value,{placeholder:P},s)),e.createElement(l.Icon,{asChild:!0},a?e.createElement("div",{className:"rt-SelectIcon rt-SelectLoadingIcon","aria-hidden":"true"},e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",className:"rt-SelectLoadingIconCircle"}))):e.createElement(G,{className:"rt-SelectIcon"}))))});y.displayName="Select.Trigger";const h=e.forwardRef((t,o)=>{const r=e.useContext(f),{className:s,children:n,color:m,container:S,...P}=g({size:r?.size,...t},{size:d.size},V),c=z(),a=m||c.accentColor;return e.createElement(l.Portal,{container:S},e.createElement(k,{asChild:!0},e.createElement(l.Content,{"data-accent-color":a,sideOffset:4,...P,asChild:!1,ref:o,className:i("rt-PopperContent","rt-BaseMenuContent","rt-SelectContent",s)},e.createElement(p.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(l.Viewport,{asChild:!0,className:i("rt-BaseMenuViewport","rt-SelectViewport")},e.createElement(p.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},n)),e.createElement(p.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(p.Thumb,{className:"rt-ScrollAreaThumb"}))))))});h.displayName="Select.Content";const I=e.forwardRef((t,o)=>{const{className:r,children:s,...n}=t;return e.createElement(l.Item,{...n,asChild:!1,ref:o,className:i("rt-reset","rt-BaseMenuItem","rt-SelectItem",r)},e.createElement(l.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(L,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.ItemText,null,s))});I.displayName="Select.Item";const T=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Group,{...o,asChild:!1,ref:r,className:i("rt-SelectGroup",t)}));T.displayName="Select.Group";const N=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Label,{...o,asChild:!1,ref:r,className:i("rt-BaseMenuLabel","rt-SelectLabel",t)}));N.displayName="Select.Label";const x=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Separator,{...o,asChild:!1,ref:r,className:i("rt-BaseMenuSeparator","rt-SelectSeparator",t)}));x.displayName="Select.Separator";export{h as Content,T as Group,I as Item,N as Label,v as Root,x as Separator,y as Trigger};
+"use client";import*as e from"react";import i from"classnames";import{Select as l,ScrollArea as m}from"radix-ui";import{extractProps as g}from"../helpers/extract-props.js";import{marginPropDefs as E}from"../props/margin.props.js";import{ChevronDownIcon as G,ThickCheckIcon as L}from"./icons.js";import{selectRootPropDefs as d,selectTriggerPropDefs as D,selectContentPropDefs as V}from"./select.props.js";import{useThemeContext as z,Theme as k}from"./theme.js";const f=e.createContext({}),v=t=>{const{children:o,size:r=d.size.default,...s}=t;return e.createElement(l.Root,{...s},e.createElement(f.Provider,{value:e.useMemo(()=>({size:r}),[r])},o))};v.displayName="Select.Root";const y=e.forwardRef((t,o)=>{const r=e.useContext(f),{children:s,className:n,color:c,radius:S,placeholder:P,error:p,loading:a,disabled:u,readOnly:C,...b}=g({size:r?.size,...t},{size:d.size},D,E),{panelBackground:w}=t,R=e.useMemo(()=>({"aria-invalid":p||void 0,"aria-busy":a||void 0,"aria-disabled":u||void 0,"aria-readonly":C||void 0}),[p,a,u,C]);return e.createElement(l.Trigger,{asChild:!0},e.createElement("button",{"data-accent-color":c,"data-radius":S,"data-panel-background":w,"data-error":p,"data-loading":a,...b,...R,ref:o,className:i("rt-reset","rt-SelectTrigger",n)},e.createElement("span",{className:"rt-SelectTriggerInner"},e.createElement(l.Value,{placeholder:P},s)),e.createElement(l.Icon,{asChild:!0},a?e.createElement("div",{className:"rt-SelectIcon rt-SelectLoadingIcon","aria-hidden":"true"},e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",className:"rt-SelectLoadingIconCircle"}))):e.createElement(G,{className:"rt-SelectIcon"}))))});y.displayName="Select.Trigger";const h=e.forwardRef((t,o)=>{const r=e.useContext(f),{className:s,children:n,color:c,container:S,...P}=g({size:r?.size,...t},{size:d.size},V),p=z(),a=c||p.accentColor;return e.createElement(l.Portal,{container:S},e.createElement(k,{asChild:!0},e.createElement(l.Content,{"data-accent-color":a,sideOffset:4,...P,asChild:!1,ref:o,className:i("rt-PopperContent","rt-BaseMenuContent","rt-SelectContent",s)},e.createElement(m.Root,{type:"auto",className:"rt-ScrollAreaRoot"},e.createElement(l.Viewport,{asChild:!0,className:i("rt-BaseMenuViewport","rt-SelectViewport")},e.createElement(m.Viewport,{className:"rt-ScrollAreaViewport",style:{overflowY:void 0}},n)),e.createElement(m.Scrollbar,{className:"rt-ScrollAreaScrollbar rt-r-size-1",orientation:"vertical"},e.createElement(m.Thumb,{className:"rt-ScrollAreaThumb"}))))))});h.displayName="Select.Content";const I=e.forwardRef((t,o)=>{const{className:r,children:s,...n}=t,c=typeof s!="string";return e.createElement(l.Item,{...n,asChild:!1,ref:o,className:i("rt-reset","rt-BaseMenuItem","rt-SelectItem",{"rt-SelectItemRich":c},r)},e.createElement(l.ItemIndicator,{className:"rt-SelectItemIndicator"},e.createElement(L,{className:"rt-SelectItemIndicatorIcon"})),e.createElement(l.ItemText,null,s))});I.displayName="Select.Item";const T=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Group,{...o,asChild:!1,ref:r,className:i("rt-SelectGroup",t)}));T.displayName="Select.Group";const N=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Label,{...o,asChild:!1,ref:r,className:i("rt-BaseMenuLabel","rt-SelectLabel",t)}));N.displayName="Select.Label";const x=e.forwardRef(({className:t,...o},r)=>e.createElement(l.Separator,{...o,asChild:!1,ref:r,className:i("rt-BaseMenuSeparator","rt-SelectSeparator",t)}));x.displayName="Select.Separator";export{h as Content,T as Group,I as Item,N as Label,v as Root,x as Separator,y as Trigger};
 //# sourceMappingURL=select.js.map

package/dist/esm/components/select.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/select.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Select as SelectPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport {\n  selectRootPropDefs,\n  selectTriggerPropDefs,\n  selectContentPropDefs,\n} from './select.props.js';\nimport { useThemeContext, Theme } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>;\n\ntype SelectContextValue = SelectRootOwnProps;\nconst SelectContext = React.createContext<SelectContextValue>({});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps, SelectContextValue {}\nconst SelectRoot: React.FC<SelectRootProps> = (props) => {\n  const { children, size = selectRootPropDefs.size.default, ...rootProps } = props;\n  return (\n    <SelectPrimitive.Root {...rootProps}>\n      <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n        {children}\n      </SelectContext.Provider>\n    </SelectPrimitive.Root>\n  );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>;\ninterface SelectTriggerProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Trigger, RemovedProps>,\n    MarginProps,\n    SelectTriggerOwnProps {}\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const {\n      children,\n      className,\n      color,\n      radius,\n      placeholder,\n      error,\n      loading,\n      disabled,\n      readOnly,\n      ...triggerProps\n    } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectTriggerPropDefs,\n      marginPropDefs,\n    );\n\n    // Extract panelBackground separately since it needs to be passed as data attribute\n    const { panelBackground } = props;\n\n    const ariaProps = React.useMemo(\n      () => ({\n        'aria-invalid': error || undefined,\n        'aria-busy': loading || undefined,\n        'aria-disabled': disabled || undefined,\n        'aria-readonly': readOnly || undefined,\n      }),\n      [error, loading, disabled, readOnly],\n    );\n\n    return (\n      <SelectPrimitive.Trigger asChild>\n        <button\n          data-accent-color={color}\n          data-radius={radius}\n          data-panel-background={panelBackground}\n          data-error={error}\n          data-loading={loading}\n          {...triggerProps}\n          {...ariaProps}\n          ref={forwardedRef}\n          className={classNames('rt-reset', 'rt-SelectTrigger', className)}\n        >\n          <span className=\"rt-SelectTriggerInner\">\n            <SelectPrimitive.Value placeholder={placeholder}>{children}</SelectPrimitive.Value>\n          </span>\n          <SelectPrimitive.Icon asChild>\n            {loading ? (\n              <div className=\"rt-SelectIcon rt-SelectLoadingIcon\" aria-hidden=\"true\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <circle\n                    cx=\"8\"\n                    cy=\"8\"\n                    r=\"7\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeDasharray=\"32\"\n                    strokeDashoffset=\"32\"\n                    className=\"rt-SelectLoadingIconCircle\"\n                  />\n                </svg>\n              </div>\n            ) : (\n              <ChevronDownIcon className=\"rt-SelectIcon\" />\n            )}\n          </SelectPrimitive.Icon>\n        </button>\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>;\ninterface SelectContentProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Content, RemovedProps>,\n    SelectContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Portal>['container'];\n}\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { className, children, color, container, ...contentProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectContentPropDefs,\n    );\n    const themeContext = useThemeContext();\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <SelectPrimitive.Portal container={container}>\n        <Theme asChild>\n          <SelectPrimitive.Content\n            data-accent-color={resolvedColor}\n            sideOffset={4}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-SelectContent',\n              className,\n            )}\n          >\n            <ScrollAreaPrimitive.Root type=\"auto\" className=\"rt-ScrollAreaRoot\">\n              <SelectPrimitive.Viewport\n                asChild\n                className={classNames('rt-BaseMenuViewport', 'rt-SelectViewport')}\n              >\n                <ScrollAreaPrimitive.Viewport\n                  className=\"rt-ScrollAreaViewport\"\n                  style={{ overflowY: undefined }}\n                >\n                  {children}\n                </ScrollAreaPrimitive.Viewport>\n              </SelectPrimitive.Viewport>\n              <ScrollAreaPrimitive.Scrollbar\n                className=\"rt-ScrollAreaScrollbar rt-r-size-1\"\n                orientation=\"vertical\"\n              >\n                <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n              </ScrollAreaPrimitive.Scrollbar>\n            </ScrollAreaPrimitive.Root>\n          </SelectPrimitive.Content>\n        </Theme>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ninterface SelectItemProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Item, RemovedProps> {}\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>((props, forwardedRef) => {\n  const { className, children, ...itemProps } = props;\n  return (\n    <SelectPrimitive.Item\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-SelectItem', className)}\n    >\n      <SelectPrimitive.ItemIndicator className=\"rt-SelectItemIndicator\">\n        <ThickCheckIcon className=\"rt-SelectItemIndicatorIcon\" />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectGroupElement = React.ElementRef<typeof SelectPrimitive.Group>;\ninterface SelectGroupProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Group, RemovedProps> {}\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-SelectGroup', className)}\n    />\n  ),\n);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ninterface SelectLabelProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Label, RemovedProps> {}\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-SelectLabel', className)}\n    />\n  ),\n);\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ninterface SelectSeparatorProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Separator, RemovedProps> {}\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuSeparator', 'rt-SelectSeparator', className)}\n    />\n  ),\n);\nSelectSeparator.displayName = 'Select.Separator';\n\nexport {\n  SelectRoot as Root,\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n  SelectGroup as Group,\n  SelectLabel as Label,\n  SelectSeparator as Separator,\n};\n\nexport type {\n  SelectRootProps as RootProps,\n  SelectTriggerProps as TriggerProps,\n  SelectContentProps as ContentProps,\n  SelectItemProps as ItemProps,\n  SelectGroupProps as GroupProps,\n  SelectLabelProps as LabelProps,\n  SelectSeparatorProps as SeparatorProps,\n};\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "SelectPrimitive", "ScrollAreaPrimitive", "extractProps", "marginPropDefs", "ChevronDownIcon", "ThickCheckIcon", "selectRootPropDefs", "selectTriggerPropDefs", "selectContentPropDefs", "useThemeContext", "Theme", "SelectContext", "SelectRoot", "props", "children", "size", "rootProps", "SelectTrigger", "forwardedRef", "context", "className", "color", "radius", "placeholder", "error", "loading", "disabled", "readOnly", "triggerProps", "panelBackground", "ariaProps", "SelectContent", "container", "contentProps", "themeContext", "resolvedColor", "SelectItem", "itemProps", "SelectGroup", "SelectLabel", "SelectSeparator"]
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Select as SelectPrimitive, ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\nimport { ChevronDownIcon, ThickCheckIcon } from './icons.js';\nimport {\n  selectRootPropDefs,\n  selectTriggerPropDefs,\n  selectContentPropDefs,\n} from './select.props.js';\nimport { useThemeContext, Theme } from './theme.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\ntype SelectRootOwnProps = GetPropDefTypes<typeof selectRootPropDefs>;\n\ntype SelectContextValue = SelectRootOwnProps;\nconst SelectContext = React.createContext<SelectContextValue>({});\n\ninterface SelectRootProps extends SelectPrimitive.SelectProps, SelectContextValue {}\nconst SelectRoot: React.FC<SelectRootProps> = (props) => {\n  const { children, size = selectRootPropDefs.size.default, ...rootProps } = props;\n  return (\n    <SelectPrimitive.Root {...rootProps}>\n      <SelectContext.Provider value={React.useMemo(() => ({ size }), [size])}>\n        {children}\n      </SelectContext.Provider>\n    </SelectPrimitive.Root>\n  );\n};\nSelectRoot.displayName = 'Select.Root';\n\ntype SelectTriggerElement = React.ElementRef<typeof SelectPrimitive.Trigger>;\ntype SelectTriggerOwnProps = GetPropDefTypes<typeof selectTriggerPropDefs>;\ninterface SelectTriggerProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Trigger, RemovedProps>,\n    MarginProps,\n    SelectTriggerOwnProps {}\nconst SelectTrigger = React.forwardRef<SelectTriggerElement, SelectTriggerProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const {\n      children,\n      className,\n      color,\n      radius,\n      placeholder,\n      error,\n      loading,\n      disabled,\n      readOnly,\n      ...triggerProps\n    } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectTriggerPropDefs,\n      marginPropDefs,\n    );\n\n    // Extract panelBackground separately since it needs to be passed as data attribute\n    const { panelBackground } = props;\n\n    const ariaProps = React.useMemo(\n      () => ({\n        'aria-invalid': error || undefined,\n        'aria-busy': loading || undefined,\n        'aria-disabled': disabled || undefined,\n        'aria-readonly': readOnly || undefined,\n      }),\n      [error, loading, disabled, readOnly],\n    );\n\n    return (\n      <SelectPrimitive.Trigger asChild>\n        <button\n          data-accent-color={color}\n          data-radius={radius}\n          data-panel-background={panelBackground}\n          data-error={error}\n          data-loading={loading}\n          {...triggerProps}\n          {...ariaProps}\n          ref={forwardedRef}\n          className={classNames('rt-reset', 'rt-SelectTrigger', className)}\n        >\n          <span className=\"rt-SelectTriggerInner\">\n            <SelectPrimitive.Value placeholder={placeholder}>{children}</SelectPrimitive.Value>\n          </span>\n          <SelectPrimitive.Icon asChild>\n            {loading ? (\n              <div className=\"rt-SelectIcon rt-SelectLoadingIcon\" aria-hidden=\"true\">\n                <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\">\n                  <circle\n                    cx=\"8\"\n                    cy=\"8\"\n                    r=\"7\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"2\"\n                    strokeLinecap=\"round\"\n                    strokeDasharray=\"32\"\n                    strokeDashoffset=\"32\"\n                    className=\"rt-SelectLoadingIconCircle\"\n                  />\n                </svg>\n              </div>\n            ) : (\n              <ChevronDownIcon className=\"rt-SelectIcon\" />\n            )}\n          </SelectPrimitive.Icon>\n        </button>\n      </SelectPrimitive.Trigger>\n    );\n  },\n);\nSelectTrigger.displayName = 'Select.Trigger';\n\ntype SelectContentElement = React.ElementRef<typeof SelectPrimitive.Content>;\ntype SelectContentOwnProps = GetPropDefTypes<typeof selectContentPropDefs>;\ninterface SelectContentProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Content, RemovedProps>,\n    SelectContentOwnProps {\n  container?: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Portal>['container'];\n}\nconst SelectContent = React.forwardRef<SelectContentElement, SelectContentProps>(\n  (props, forwardedRef) => {\n    const context = React.useContext(SelectContext);\n    const { className, children, color, container, ...contentProps } = extractProps(\n      // Pass size value from the context to generate styles\n      { size: context?.size, ...props },\n      // Pass size prop def to allow it to be extracted\n      { size: selectRootPropDefs.size },\n      selectContentPropDefs,\n    );\n    const themeContext = useThemeContext();\n    const resolvedColor = color || themeContext.accentColor;\n    return (\n      <SelectPrimitive.Portal container={container}>\n        <Theme asChild>\n          <SelectPrimitive.Content\n            data-accent-color={resolvedColor}\n            sideOffset={4}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-SelectContent',\n              className,\n            )}\n          >\n            <ScrollAreaPrimitive.Root type=\"auto\" className=\"rt-ScrollAreaRoot\">\n              <SelectPrimitive.Viewport\n                asChild\n                className={classNames('rt-BaseMenuViewport', 'rt-SelectViewport')}\n              >\n                <ScrollAreaPrimitive.Viewport\n                  className=\"rt-ScrollAreaViewport\"\n                  style={{ overflowY: undefined }}\n                >\n                  {children}\n                </ScrollAreaPrimitive.Viewport>\n              </SelectPrimitive.Viewport>\n              <ScrollAreaPrimitive.Scrollbar\n                className=\"rt-ScrollAreaScrollbar rt-r-size-1\"\n                orientation=\"vertical\"\n              >\n                <ScrollAreaPrimitive.Thumb className=\"rt-ScrollAreaThumb\" />\n              </ScrollAreaPrimitive.Scrollbar>\n            </ScrollAreaPrimitive.Root>\n          </SelectPrimitive.Content>\n        </Theme>\n      </SelectPrimitive.Portal>\n    );\n  },\n);\nSelectContent.displayName = 'Select.Content';\n\ntype SelectItemElement = React.ElementRef<typeof SelectPrimitive.Item>;\ninterface SelectItemProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Item, RemovedProps> {}\nconst SelectItem = React.forwardRef<SelectItemElement, SelectItemProps>((props, forwardedRef) => {\n  const { className, children, ...itemProps } = props;\n\n  // Detect if this is rich content (not just a string)\n  const isRichContent = typeof children !== 'string';\n\n  return (\n    <SelectPrimitive.Item\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-reset',\n        'rt-BaseMenuItem',\n        'rt-SelectItem',\n        { 'rt-SelectItemRich': isRichContent },\n        className,\n      )}\n    >\n      <SelectPrimitive.ItemIndicator className=\"rt-SelectItemIndicator\">\n        <ThickCheckIcon className=\"rt-SelectItemIndicatorIcon\" />\n      </SelectPrimitive.ItemIndicator>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n});\nSelectItem.displayName = 'Select.Item';\n\ntype SelectGroupElement = React.ElementRef<typeof SelectPrimitive.Group>;\ninterface SelectGroupProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Group, RemovedProps> {}\nconst SelectGroup = React.forwardRef<SelectGroupElement, SelectGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-SelectGroup', className)}\n    />\n  ),\n);\nSelectGroup.displayName = 'Select.Group';\n\ntype SelectLabelElement = React.ElementRef<typeof SelectPrimitive.Label>;\ninterface SelectLabelProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Label, RemovedProps> {}\nconst SelectLabel = React.forwardRef<SelectLabelElement, SelectLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-SelectLabel', className)}\n    />\n  ),\n);\nSelectLabel.displayName = 'Select.Label';\n\ntype SelectSeparatorElement = React.ElementRef<typeof SelectPrimitive.Separator>;\ninterface SelectSeparatorProps\n  extends ComponentPropsWithout<typeof SelectPrimitive.Separator, RemovedProps> {}\nconst SelectSeparator = React.forwardRef<SelectSeparatorElement, SelectSeparatorProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <SelectPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuSeparator', 'rt-SelectSeparator', className)}\n    />\n  ),\n);\nSelectSeparator.displayName = 'Select.Separator';\n\nexport {\n  SelectRoot as Root,\n  SelectTrigger as Trigger,\n  SelectContent as Content,\n  SelectItem as Item,\n  SelectGroup as Group,\n  SelectLabel as Label,\n  SelectSeparator as Separator,\n};\n\nexport type {\n  SelectRootProps as RootProps,\n  SelectTriggerProps as TriggerProps,\n  SelectContentProps as ContentProps,\n  SelectItemProps as ItemProps,\n  SelectGroupProps as GroupProps,\n  SelectLabelProps as LabelProps,\n  SelectSeparatorProps as SeparatorProps,\n};\n"],
+  "mappings": "aAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,EAAiB,cAAcC,MAA2B,WAE7E,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,kBAAAC,MAAsB,2BAC/B,OAAS,mBAAAC,EAAiB,kBAAAC,MAAsB,aAChD,OACE,sBAAAC,EACA,yBAAAC,EACA,yBAAAC,MACK,oBACP,OAAS,mBAAAC,EAAiB,SAAAC,MAAa,aASvC,MAAMC,EAAgBb,EAAM,cAAkC,CAAC,CAAC,EAG1Dc,EAAyCC,GAAU,CACvD,KAAM,CAAE,SAAAC,EAAU,KAAAC,EAAOT,EAAmB,KAAK,QAAS,GAAGU,CAAU,EAAIH,EAC3E,OACEf,EAAA,cAACE,EAAgB,KAAhB,CAAsB,GAAGgB,GACxBlB,EAAA,cAACa,EAAc,SAAd,CAAuB,MAAOb,EAAM,QAAQ,KAAO,CAAE,KAAAiB,CAAK,GAAI,CAACA,CAAI,CAAC,GAClED,CACH,CACF,CAEJ,EACAF,EAAW,YAAc,cAQzB,MAAMK,EAAgBnB,EAAM,WAC1B,CAACe,EAAOK,IAAiB,CACvB,MAAMC,EAAUrB,EAAM,WAAWa,CAAa,EACxC,CACJ,SAAAG,EACA,UAAAM,EACA,MAAAC,EACA,OAAAC,EACA,YAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EAAI1B,EAEF,CAAE,KAAMiB,GAAS,KAAM,GAAGN,CAAM,EAEhC,CAAE,KAAMP,EAAmB,IAAK,EAChCC,EACAJ,CACF,EAGM,CAAE,gBAAA0B,CAAgB,EAAIhB,EAEtBiB,EAAYhC,EAAM,QACtB,KAAO,CACL,eAAgB0B,GAAS,OACzB,YAAaC,GAAW,OACxB,gBAAiBC,GAAY,OAC7B,gBAAiBC,GAAY,MAC/B,GACA,CAACH,EAAOC,EAASC,EAAUC,CAAQ,CACrC,EAEA,OACE7B,EAAA,cAACE,EAAgB,QAAhB,CAAwB,QAAO,IAC9BF,EAAA,cAAC,UACC,oBAAmBuB,EACnB,cAAaC,EACb,wBAAuBO,EACvB,aAAYL,EACZ,eAAcC,EACb,GAAGG,EACH,GAAGE,EACJ,IAAKZ,EACL,UAAWnB,EAAW,WAAY,mBAAoBqB,CAAS,GAE/DtB,EAAA,cAAC,QAAK,UAAU,yBACdA,EAAA,cAACE,EAAgB,MAAhB,CAAsB,YAAauB,GAAcT,CAAS,CAC7D,EACAhB,EAAA,cAACE,EAAgB,KAAhB,CAAqB,QAAO,IAC1ByB,EACC3B,EAAA,cAAC,OAAI,UAAU,qCAAqC,cAAY,QAC9DA,EAAA,cAAC,OAAI,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,QACnDA,EAAA,cAAC,UACC,GAAG,IACH,GAAG,IACH,EAAE,IACF,OAAO,eACP,YAAY,IACZ,cAAc,QACd,gBAAgB,KAChB,iBAAiB,KACjB,UAAU,6BACZ,CACF,CACF,EAEAA,EAAA,cAACM,EAAA,CAAgB,UAAU,gBAAgB,CAE/C,CACF,CACF,CAEJ,CACF,EACAa,EAAc,YAAc,iBAS5B,MAAMc,EAAgBjC,EAAM,WAC1B,CAACe,EAAOK,IAAiB,CACvB,MAAMC,EAAUrB,EAAM,WAAWa,CAAa,EACxC,CAAE,UAAAS,EAAW,SAAAN,EAAU,MAAAO,EAAO,UAAAW,EAAW,GAAGC,CAAa,EAAI/B,EAEjE,CAAE,KAAMiB,GAAS,KAAM,GAAGN,CAAM,EAEhC,CAAE,KAAMP,EAAmB,IAAK,EAChCE,CACF,EACM0B,EAAezB,EAAgB,EAC/B0B,EAAgBd,GAASa,EAAa,YAC5C,OACEpC,EAAA,cAACE,EAAgB,OAAhB,CAAuB,UAAWgC,GACjClC,EAAA,cAACY,EAAA,CAAM,QAAO,IACZZ,EAAA,cAACE,EAAgB,QAAhB,CACC,oBAAmBmC,EACnB,WAAY,EACX,GAAGF,EACJ,QAAS,GACT,IAAKf,EACL,UAAWnB,EACT,mBACA,qBACA,mBACAqB,CACF,GAEAtB,EAAA,cAACG,EAAoB,KAApB,CAAyB,KAAK,OAAO,UAAU,qBAC9CH,EAAA,cAACE,EAAgB,SAAhB,CACC,QAAO,GACP,UAAWD,EAAW,sBAAuB,mBAAmB,GAEhED,EAAA,cAACG,EAAoB,SAApB,CACC,UAAU,wBACV,MAAO,CAAE,UAAW,MAAU,GAE7Ba,CACH,CACF,EACAhB,EAAA,cAACG,EAAoB,UAApB,CACC,UAAU,qCACV,YAAY,YAEZH,EAAA,cAACG,EAAoB,MAApB,CAA0B,UAAU,qBAAqB,CAC5D,CACF,CACF,CACF,CACF,CAEJ,CACF,EACA8B,EAAc,YAAc,iBAK5B,MAAMK,EAAatC,EAAM,WAA+C,CAACe,EAAOK,IAAiB,CAC/F,KAAM,CAAE,UAAAE,EAAW,SAAAN,EAAU,GAAGuB,CAAU,EAAIxB,EAGxCyB,EAAgB,OAAOxB,GAAa,SAE1C,OACEhB,EAAA,cAACE,EAAgB,KAAhB,CACE,GAAGqC,EACJ,QAAS,GACT,IAAKnB,EACL,UAAWnB,EACT,WACA,kBACA,gBACA,CAAE,oBAAqBuC,CAAc,EACrClB,CACF,GAEAtB,EAAA,cAACE,EAAgB,cAAhB,CAA8B,UAAU,0BACvCF,EAAA,cAACO,EAAA,CAAe,UAAU,6BAA6B,CACzD,EACAP,EAAA,cAACE,EAAgB,SAAhB,KAA0Bc,CAAS,CACtC,CAEJ,CAAC,EACDsB,EAAW,YAAc,cAKzB,MAAMG,EAAczC,EAAM,WACxB,CAAC,CAAE,UAAAsB,EAAW,GAAGP,CAAM,EAAGK,IACxBpB,EAAA,cAACE,EAAgB,MAAhB,CACE,GAAGa,EACJ,QAAS,GACT,IAAKK,EACL,UAAWnB,EAAW,iBAAkBqB,CAAS,EACnD,CAEJ,EACAmB,EAAY,YAAc,eAK1B,MAAMC,EAAc1C,EAAM,WACxB,CAAC,CAAE,UAAAsB,EAAW,GAAGP,CAAM,EAAGK,IACxBpB,EAAA,cAACE,EAAgB,MAAhB,CACE,GAAGa,EACJ,QAAS,GACT,IAAKK,EACL,UAAWnB,EAAW,mBAAoB,iBAAkBqB,CAAS,EACvE,CAEJ,EACAoB,EAAY,YAAc,eAK1B,MAAMC,EAAkB3C,EAAM,WAC5B,CAAC,CAAE,UAAAsB,EAAW,GAAGP,CAAM,EAAGK,IACxBpB,EAAA,cAACE,EAAgB,UAAhB,CACE,GAAGa,EACJ,QAAS,GACT,IAAKK,EACL,UAAWnB,EAAW,uBAAwB,qBAAsBqB,CAAS,EAC/E,CAEJ,EACAqB,EAAgB,YAAc",
+  "names": ["React", "classNames", "SelectPrimitive", "ScrollAreaPrimitive", "extractProps", "marginPropDefs", "ChevronDownIcon", "ThickCheckIcon", "selectRootPropDefs", "selectTriggerPropDefs", "selectContentPropDefs", "useThemeContext", "Theme", "SelectContext", "SelectRoot", "props", "children", "size", "rootProps", "SelectTrigger", "forwardedRef", "context", "className", "color", "radius", "placeholder", "error", "loading", "disabled", "readOnly", "triggerProps", "panelBackground", "ariaProps", "SelectContent", "container", "contentProps", "themeContext", "resolvedColor", "SelectItem", "itemProps", "isRichContent", "SelectGroup", "SelectLabel", "SelectSeparator"]
 }

package/dist/esm/components/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../src/components/shell.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../src/components/shell.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/shell.js

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import j from"classnames";import{IconButton as Se}from"./icon-button.js";import{ChevronDownIcon as ue}from"./icons.js";import{inert as te}from"../helpers/inert.js";import*as le from"./sheet.js";import{VisuallyHidden as Te}from"./visually-hidden.js";const he=e.createContext(null);function I(){const t=e.useContext(he);if(!t)throw new Error("Shell components must be used within <Shell.Root>.");return t}const ie=e.createContext(null);function ne(){return e.useContext(ie)}const pe=e.createContext(null);function Ee(){const t=e.useContext(pe);if(!t)throw new Error("useRailEvents must be used within <Shell.Sidebar.Rail>");return t}const fe=e.createContext(null);function ke(){const t=e.useContext(fe);if(!t)throw new Error("usePanelState must be used within <Shell.Sidebar.Panel>");return t}function Ne(){return typeof document>"u"?"ltr":document.documentElement.getAttribute("dir")==="rtl"?"rtl":"ltr"}const ge=e.forwardRef(({minContentWidth:t="640px",rtl:i,headerHeight:u="64px",zHeader:n,cascadeSide:c="start",activeTool:o,onToolChange:s,activeContext:m,onContextChange:w,className:M,style:Y,children:Z,...A},G)=>{const q=e.useMemo(()=>typeof i=="boolean"?i?"rtl":"ltr":Ne(),[i]),[r,J]=e.useState({start:"open",end:"collapsed"}),D=e.useCallback((l,a)=>{J(d=>d[l]===a?d:{...d,[l]:a})},[]),O=e.useCallback(l=>{J(a=>{const d=a[l]==="open"?"collapsed":"open";return{...a,[l]:d}})},[]),[F,z]=e.useState({start:!1,end:!1}),b=e.useCallback((l,a)=>{z(d=>d[l]===a?d:{...d,[l]:a})},[]),[v,B]=e.useState({start:"single",end:"single"}),S=e.useCallback((l,a)=>{B(d=>d[l]===a?d:{...d,[l]:a})},[]),[E,x]=e.useState({start:"panel",end:"collapsed"}),P=e.useCallback((l,a)=>{x(d=>d[l]===a?d:{...d,[l]:a})},[]),p=e.useCallback(l=>{const a=["panel","rail","collapsed"],d=E[l],Ve=a.indexOf(d),Ie=a[(Ve+1)%a.length];P(l,Ie)},[E,P]),[k,W]=e.useState({start:null,end:null}),N=e.useCallback((l,a)=>{W(d=>d[l]===a?d:{...d,[l]:a}),a===null&&b(l,!1)},[b]),H=e.useCallback((l,a)=>{N(l,a),b(l,!0)},[N,b]),[C,_]=e.useState({start:null,end:null}),L=e.useCallback((l,a)=>{_(d=>d[l]===a?d:{...d,[l]:a}),l===c&&w?.(a)},[c,w]);e.useEffect(()=>{o!==void 0&&k[c]!==o&&W(l=>({...l,[c]:o}))},[o,c,k]),e.useEffect(()=>{m!==void 0&&C[c]!==m&&_(l=>({...l,[c]:m}))},[m,c,C]);const $=e.useId(),K=e.useId(),ee=e.useId(),f=e.useId(),g=e.useId(),y=e.useId(),h=e.useCallback(l=>l==="start"?`kui-shell-region-${$}`:`kui-shell-region-${K}`,[$,K]),R=e.useCallback(l=>l==="start"?`kui-shell-panel-${ee}`:`kui-shell-panel-${f}`,[ee,f]),V=e.useCallback(l=>l==="start"?`kui-shell-rail-${g}`:`kui-shell-rail-${y}`,[g,y]),Q=e.useMemo(()=>({dir:q,headerHeight:u,zHeader:n,railBySide:r,setRailBySide:D,toggleRail:O,panelRequestedBySide:F,setPanelRequestedBySide:b,patternBySide:v,setPatternForSide:S,singleViewBySide:E,setSingleViewBySide:P,cycleSingleView:p,activeToolBySide:k,setActiveTool:N,onItemSelected:H,activeContextBySide:C,setActiveContext:L,getRegionId:h,getPanelId:R,getRailId:V}),[q,u,n,r,D,O,F,b,v,S,E,P,p,k,N,H,C,L,h,R,V]),U=e.Children.toArray(Z),X=(l,a)=>e.isValidElement(l)&&l.type===a,we=U.filter(l=>X(l,oe)),Be=U.filter(l=>X(l,ae)),se=U.filter(l=>X(l,me)),re=U.filter(l=>X(l,T)),de=re.filter(l=>l.props.side==="start"),ce=re.filter(l=>l.props.side==="end"),Pe=q==="rtl"?[...ce,...se,...de]:[...de,...se,...ce];return e.createElement("div",{...A,ref:G,className:j("rt-ShellRoot",M),style:{...Y,"--shell-min-content-width":t,"--shell-header-height":u},dir:q},e.createElement(he.Provider,{value:Q},we,e.createElement("div",{className:"rt-ShellBody"},Pe),Be))});ge.displayName="Shell.Root";const oe=e.forwardRef(({className:t,style:i,...u},n)=>{const{headerHeight:c,zHeader:o}=I();return e.createElement("header",{...u,ref:n,role:"banner",className:j("rt-ShellHeader",t),style:{"--shell-header-height":c,"--shell-z-header":o,...i}})});oe.displayName="Shell.Header";const ae=e.forwardRef(({className:t,...i},u)=>e.createElement("footer",{...i,ref:u,role:"contentinfo",className:j("rt-ShellFooter",t)}));ae.displayName="Shell.Footer";const ye=e.forwardRef(({className:t,...i},u)=>e.createElement("main",{...i,ref:u,className:j("rt-ShellContent",t)}));ye.displayName="Shell.Content";const me=ye,ve=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=I(),c=u?.side??"start",o=e.useMemo(()=>({onItemSelected:s=>n.onItemSelected(c,s)}),[n,c]);return e.createElement(pe.Provider,{value:o},t)}),{displayName:"Shell.Sidebar.Rail",__shellSlot:"rail"}),Re=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=I(),c=u?.side??"start",o=e.useMemo(()=>({activeTool:n.activeToolBySide[c],activeContext:n.activeContextBySide[c]}),[n.activeToolBySide,n.activeContextBySide,c]);return e.createElement(fe.Provider,{value:o},t)}),{displayName:"Shell.Sidebar.Panel",__shellSlot:"panel"}),He=({side:t,overlay:i,overlaySide:u,value:n,defaultValue:c,onValueChange:o,view:s,defaultView:m,onViewChange:w,as:M="nav",className:Y,style:Z,children:A,...G},q)=>{const r=I(),J=M,D=r.getRegionId(t),O=r.getPanelId(t),F=r.getRailId(t),z=be(A,"rail"),b=be(A,"panel"),v=z.length>0,B=b.length>0,S=v||B;e.useEffect(()=>{r.setPatternForSide(t,S&&v&&B?"split":"single")},[r,t,S,v,B]);const E=e.useRef(!1);e.useEffect(()=>{if(!E.current)if(E.current=!0,S){const f=n??c??(i?"collapsed":"open");r.setRailBySide(t,f),i&&r.setPanelRequestedBySide(t,!1)}else{const f=s??m??(i?"collapsed":"panel");r.setSingleViewBySide(t,f)}},[S,n,c,s,m,r,t,i]),e.useEffect(()=>{S&&n!==void 0&&r.railBySide[t]!==n&&r.setRailBySide(t,n)},[n,S,r,t]),e.useEffect(()=>{S||s!==void 0&&r.singleViewBySide[t]!==s&&r.setSingleViewBySide(t,s)},[s,S,r,t]);const x=r.railBySide[t],P=r.panelRequestedBySide[t],p=r.singleViewBySide[t],k=r.activeToolBySide[t],W=e.useRef(null);e.useEffect(()=>{S&&n===void 0&&W.current!==x&&(W.current=x,o?.(x))},[S,x,n,o]);const N=e.useRef(null);e.useEffect(()=>{S||s===void 0&&N.current!==p&&(N.current=p,w?.(p))},[S,p,s,w]);const H=S?v&&x==="open":p==="rail",C=S?B&&(v?x==="open"&&P&&k!==null:!0):p==="panel",_={initial:!0,xs:!0,sm:!0,md:!1,lg:!1,xl:!1},L=e.useMemo(()=>typeof i=="boolean"?{initial:i}:{..._,...i||{}},[i,_]),[$,K]=e.useState("initial");if(e.useEffect(()=>{if(typeof window>"u")return;const g=[["xs","(min-width: 520px)"],["sm","(min-width: 768px)"],["md","(min-width: 1024px)"],["lg","(min-width: 1280px)"],["xl","(min-width: 1640px)"]].map(([h,R])=>[h,window.matchMedia(R)]),y=()=>{const h=g.filter(([,V])=>V.matches).map(([V])=>V),R=h[h.length-1]??"initial";K(R)};return y(),g.forEach(([,h])=>h.addEventListener("change",y)),()=>{g.forEach(([,h])=>h.removeEventListener("change",y))}},[]),(()=>{const f=L[$];if(typeof f=="boolean")return f;const g=["xl","lg","md","sm","xs","initial"],y=g.indexOf($);for(let h=y+1;h<g.length;h++){const R=L[g[h]];if(typeof R=="boolean")return R}return L.initial??!1})()){const f=S?x==="open"||P:p!=="collapsed",g=Q=>{S?Q?r.setRailBySide(t,"open"):(r.setRailBySide(t,"collapsed"),r.setPanelRequestedBySide(t,!1)):Q?r.setSingleViewBySide(t,"panel"):r.setSingleViewBySide(t,"collapsed")},y=u??t,h=S?B&&(v?P&&k!==null:!0):!1,R=S?e.createElement("div",{style:{display:"flex",height:"100%",minBlockSize:0}},v?e.createElement("div",{id:F,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":!0,style:{inlineSize:"var(--shell-sidebar-rail-width, 64px)",overflow:"hidden"}},z):null,B?e.createElement("div",{id:O,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":h||void 0,"aria-hidden":h?void 0:!0,...h?{}:{inert:te},style:{inlineSize:h?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},b):null):A,V=y==="start"||y==="end"?S?h?"var(--shell-sidebar-combined-width)":"var(--shell-sidebar-rail-width)":p==="rail"?"var(--shell-sidebar-rail-width)":"var(--shell-sidebar-panel-width)":"100vw";return e.createElement(e.Fragment,null,e.createElement(le.Root,{open:f,onOpenChange:g},e.createElement(le.Content,{id:D,side:y,height:{initial:"100vh"},width:{initial:V},style:{"--dialog-content-padding":"0px"}},e.createElement(le.Title,null,e.createElement(Te,null,"Sidebar")),R)))}return e.createElement(J,{...G,ref:q,id:D,className:j("rt-ShellSidebar",Y),"data-side":t,"data-rail":S?x:void 0,"data-panel":S?C?"visible":"hidden":void 0,"data-state":S?void 0:p,"aria-label":G["aria-label"],style:{...Z}},S?e.createElement(e.Fragment,null,e.createElement(ie.Provider,{value:{side:t,section:"rail"}},v?e.createElement("div",{id:F,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":H||void 0,"aria-hidden":H?void 0:!0,...H?{}:{inert:te},style:{inlineSize:H?"var(--shell-sidebar-rail-width, 64px)":"0px",overflow:"hidden"}},z):null),e.createElement(ie.Provider,{value:{side:t,section:"panel"}},B?e.createElement("div",{id:O,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":C||void 0,"aria-hidden":C?void 0:!0,...C?{}:{inert:te},style:{inlineSize:C?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},b):null)):e.createElement("div",{className:"rt-ShellSidebarSingle","data-visible":p!=="collapsed"||void 0,"aria-hidden":p==="collapsed"?!0:void 0,style:{inlineSize:p==="collapsed"?"0px":p==="rail"?"var(--shell-sidebar-rail-width, 64px)":"var(--shell-sidebar-panel-width, 288px)",overflow:"hidden"}},A))},T=e.forwardRef(He);T.displayName="Shell.Sidebar";function be(t,i){return e.Children.toArray(t).filter(n=>e.isValidElement(n)&&n.type?.__shellSlot===i)}T.Rail=ve,T.Panel=Re;const xe=e.forwardRef(({onClick:t,children:i,...u},n)=>{const c=ne(),o=I(),s=c?.side??"start",m=o.getRegionId(s),w=o.patternBySide[s]==="split"?o.railBySide[s]==="open":o.singleViewBySide[s]!=="collapsed";return e.createElement(Se,{...u,ref:n,variant:"soft","aria-controls":m,"aria-expanded":w,onClick:M=>{t?.(M),o.patternBySide[s]==="split"?o.toggleRail(s):o.cycleSingleView(s)}},i||e.createElement(ue,null))});xe.displayName="Shell.Sidebar.Trigger";const Ce=e.forwardRef(({side:t,onClick:i,children:u,...n},c)=>{const o=I(),s=o.getRegionId(t),m=o.patternBySide[t]==="split"?o.railBySide[t]==="open":o.singleViewBySide[t]!=="collapsed";return e.createElement(Se,{...n,ref:c,variant:"soft","aria-controls":s,"aria-expanded":m,onClick:w=>{i?.(w),o.patternBySide[t]==="split"?o.toggleRail(t):o.cycleSingleView(t)}},u||e.createElement(ue,null))});Ce.displayName="Shell.Trigger",T.Rail=ve,T.Panel=Re,T.Trigger=xe;function Ae(t){const i=I(),u=i.patternBySide[t]==="split",n=i.railBySide[t],c=i.activeToolBySide[t],o=i.panelRequestedBySide[t]&&n==="open"&&c!==null;return{side:t,isSplit:u,rail:{value:n,isOpen:n==="open",open:()=>i.setRailBySide(t,"open"),close:()=>{i.setRailBySide(t,"collapsed"),i.setPanelRequestedBySide(t,!1)},toggle:()=>i.toggleRail(t),onItemSelected:s=>i.onItemSelected(t,s)},panel:{isVisible:o,show:()=>i.setPanelRequestedBySide(t,!0),hide:()=>i.setPanelRequestedBySide(t,!1),activeTool:i.activeToolBySide[t],activeContext:i.activeContextBySide[t]},single:{view:i.singleViewBySide[t],setView:s=>i.setSingleViewBySide(t,s),cycle:()=>i.cycleSingleView(t)},activeTool:i.activeToolBySide[t],setActiveTool:s=>i.setActiveTool(t,s),activeContext:i.activeContextBySide[t],setActiveContext:s=>i.setActiveContext(t,s)}}export{me as Content,ae as Footer,oe as Header,ge as Root,T as Sidebar,Ce as Trigger,ke as usePanelState,Ee as useRailEvents,I as useShell,Ae as useSidebar};
+"use client";import*as e from"react";import j from"classnames";import{IconButton as Se}from"./icon-button.js";import{ChevronDownIcon as ue}from"./icons.js";import{inert as te}from"../helpers/inert.js";import*as le from"./sheet.js";import{VisuallyHidden as Ee}from"./visually-hidden.js";import{ShellSidebarSectionContext as he}from"./sidebar.js";const pe=e.createContext(null);function I(){const t=e.useContext(pe);if(!t)throw new Error("Shell components must be used within <Shell.Root>.");return t}const ie=e.createContext(null);function ne(){return e.useContext(ie)}const fe=e.createContext(null);function ke(){const t=e.useContext(fe);if(!t)throw new Error("useRailEvents must be used within <Shell.Sidebar.Rail>");return t}const ge=e.createContext(null);function Ne(){const t=e.useContext(ge);if(!t)throw new Error("usePanelState must be used within <Shell.Sidebar.Panel>");return t}function He(){return typeof document>"u"?"ltr":document.documentElement.getAttribute("dir")==="rtl"?"rtl":"ltr"}const ye=e.forwardRef(({minContentWidth:t="640px",rtl:i,headerHeight:u="64px",zHeader:n,cascadeSide:s="start",activeTool:o,onToolChange:a,activeContext:f,onContextChange:w,className:L,style:Y,children:Z,...A},G)=>{const q=e.useMemo(()=>typeof i=="boolean"?i?"rtl":"ltr":He(),[i]),[d,J]=e.useState({start:"open",end:"collapsed"}),D=e.useCallback((l,r)=>{J(c=>c[l]===r?c:{...c,[l]:r})},[]),O=e.useCallback(l=>{J(r=>{const c=r[l]==="open"?"collapsed":"open";return{...r,[l]:c}})},[]),[F,z]=e.useState({start:!1,end:!1}),x=e.useCallback((l,r)=>{z(c=>c[l]===r?c:{...c,[l]:r})},[]),[v,B]=e.useState({start:"single",end:"single"}),S=e.useCallback((l,r)=>{B(c=>c[l]===r?c:{...c,[l]:r})},[]),[E,R]=e.useState({start:"panel",end:"collapsed"}),P=e.useCallback((l,r)=>{R(c=>c[l]===r?c:{...c,[l]:r})},[]),p=e.useCallback(l=>{const r=["panel","rail","collapsed"],c=E[l],Ie=r.indexOf(c),Te=r[(Ie+1)%r.length];P(l,Te)},[E,P]),[k,W]=e.useState({start:null,end:null}),N=e.useCallback((l,r)=>{W(c=>c[l]===r?c:{...c,[l]:r}),r===null&&x(l,!1)},[x]),H=e.useCallback((l,r)=>{N(l,r),x(l,!0)},[N,x]),[C,_]=e.useState({start:null,end:null}),M=e.useCallback((l,r)=>{_(c=>c[l]===r?c:{...c,[l]:r}),l===s&&w?.(r)},[s,w]);e.useEffect(()=>{o!==void 0&&k[s]!==o&&W(l=>({...l,[s]:o}))},[o,s,k]),e.useEffect(()=>{f!==void 0&&C[s]!==f&&_(l=>({...l,[s]:f}))},[f,s,C]);const $=e.useId(),K=e.useId(),ee=e.useId(),g=e.useId(),y=e.useId(),m=e.useId(),h=e.useCallback(l=>l==="start"?`kui-shell-region-${$}`:`kui-shell-region-${K}`,[$,K]),b=e.useCallback(l=>l==="start"?`kui-shell-panel-${ee}`:`kui-shell-panel-${g}`,[ee,g]),V=e.useCallback(l=>l==="start"?`kui-shell-rail-${y}`:`kui-shell-rail-${m}`,[y,m]),Q=e.useMemo(()=>({dir:q,headerHeight:u,zHeader:n,railBySide:d,setRailBySide:D,toggleRail:O,panelRequestedBySide:F,setPanelRequestedBySide:x,patternBySide:v,setPatternForSide:S,singleViewBySide:E,setSingleViewBySide:P,cycleSingleView:p,activeToolBySide:k,setActiveTool:N,onItemSelected:H,activeContextBySide:C,setActiveContext:M,getRegionId:h,getPanelId:b,getRailId:V}),[q,u,n,d,D,O,F,x,v,S,E,P,p,k,N,H,C,M,h,b,V]),U=e.Children.toArray(Z),X=(l,r)=>e.isValidElement(l)&&l.type===r,Be=U.filter(l=>X(l,oe)),Pe=U.filter(l=>X(l,ae)),se=U.filter(l=>X(l,ve)),re=U.filter(l=>X(l,T)),de=re.filter(l=>l.props.side==="start"),ce=re.filter(l=>l.props.side==="end"),Ve=q==="rtl"?[...ce,...se,...de]:[...de,...se,...ce];return e.createElement("div",{...A,ref:G,className:j("rt-ShellRoot",L),style:{...Y,"--shell-min-content-width":t,"--shell-header-height":u},dir:q},e.createElement(pe.Provider,{value:Q},Be,e.createElement("div",{className:"rt-ShellBody"},Ve),Pe))});ye.displayName="Shell.Root";const oe=e.forwardRef(({className:t,style:i,...u},n)=>{const{headerHeight:s,zHeader:o}=I();return e.createElement("header",{...u,ref:n,role:"banner",className:j("rt-ShellHeader",t),style:{"--shell-header-height":s,"--shell-z-header":o,...i}})});oe.displayName="Shell.Header";const ae=e.forwardRef(({className:t,...i},u)=>e.createElement("footer",{...i,ref:u,role:"contentinfo",className:j("rt-ShellFooter",t)}));ae.displayName="Shell.Footer";const me=e.forwardRef(({className:t,...i},u)=>e.createElement("main",{...i,ref:u,className:j("rt-ShellContent",t)}));me.displayName="Shell.Content";const ve=me,be=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=I(),s=u?.side??"start",o=e.useMemo(()=>({onItemSelected:f=>n.onItemSelected(s,f)}),[n,s]),a=e.useMemo(()=>({side:s,section:"rail"}),[s]);return e.createElement(fe.Provider,{value:o},e.createElement(he.Provider,{value:a},t))}),{displayName:"Shell.Sidebar.Rail",__shellSlot:"rail"}),xe=Object.assign(e.forwardRef(({children:t},i)=>{const u=ne(),n=I(),s=u?.side??"start",o=e.useMemo(()=>({activeTool:n.activeToolBySide[s],activeContext:n.activeContextBySide[s]}),[n.activeToolBySide,n.activeContextBySide,s]),a=e.useMemo(()=>({side:s,section:"panel"}),[s]);return e.createElement(ge.Provider,{value:o},e.createElement(he.Provider,{value:a},t))}),{displayName:"Shell.Sidebar.Panel",__shellSlot:"panel"}),Ae=({side:t,overlay:i,overlaySide:u,value:n,defaultValue:s,onValueChange:o,view:a,defaultView:f,onViewChange:w,as:L="nav",className:Y,style:Z,children:A,...G},q)=>{const d=I(),J=L,D=d.getRegionId(t),O=d.getPanelId(t),F=d.getRailId(t),z=Re(A,"rail"),x=Re(A,"panel"),v=z.length>0,B=x.length>0,S=v||B;e.useEffect(()=>{d.setPatternForSide(t,S&&v&&B?"split":"single")},[d,t,S,v,B]);const E=e.useRef(!1);e.useEffect(()=>{if(!E.current)if(E.current=!0,S){const g=n??s??(i?"collapsed":"open");d.setRailBySide(t,g),i&&d.setPanelRequestedBySide(t,!1)}else{const g=a??f??(i?"collapsed":"panel");d.setSingleViewBySide(t,g)}},[S,n,s,a,f,d,t,i]),e.useEffect(()=>{S&&n!==void 0&&d.railBySide[t]!==n&&d.setRailBySide(t,n)},[n,S,d,t]),e.useEffect(()=>{S||a!==void 0&&d.singleViewBySide[t]!==a&&d.setSingleViewBySide(t,a)},[a,S,d,t]);const R=d.railBySide[t],P=d.panelRequestedBySide[t],p=d.singleViewBySide[t],k=d.activeToolBySide[t],W=e.useRef(null);e.useEffect(()=>{S&&n===void 0&&W.current!==R&&(W.current=R,o?.(R))},[S,R,n,o]);const N=e.useRef(null);e.useEffect(()=>{S||a===void 0&&N.current!==p&&(N.current=p,w?.(p))},[S,p,a,w]);const H=S?v&&R==="open":p==="rail",C=S?B&&(v?R==="open"&&P&&k!==null:!0):p==="panel",_={initial:!0,xs:!0,sm:!0,md:!1,lg:!1,xl:!1},M=e.useMemo(()=>typeof i=="boolean"?{initial:i}:{..._,...i||{}},[i,_]),[$,K]=e.useState("initial");if(e.useEffect(()=>{if(typeof window>"u")return;const y=[["xs","(min-width: 520px)"],["sm","(min-width: 768px)"],["md","(min-width: 1024px)"],["lg","(min-width: 1280px)"],["xl","(min-width: 1640px)"]].map(([h,b])=>[h,window.matchMedia(b)]),m=()=>{const h=y.filter(([,V])=>V.matches).map(([V])=>V),b=h[h.length-1]??"initial";K(b)};return m(),y.forEach(([,h])=>h.addEventListener("change",m)),()=>{y.forEach(([,h])=>h.removeEventListener("change",m))}},[]),(()=>{const g=M[$];if(typeof g=="boolean")return g;const y=["xl","lg","md","sm","xs","initial"],m=y.indexOf($);for(let h=m+1;h<y.length;h++){const b=M[y[h]];if(typeof b=="boolean")return b}return M.initial??!1})()){const g=S?R==="open"||P:p!=="collapsed",y=Q=>{S?Q?d.setRailBySide(t,"open"):(d.setRailBySide(t,"collapsed"),d.setPanelRequestedBySide(t,!1)):Q?d.setSingleViewBySide(t,"panel"):d.setSingleViewBySide(t,"collapsed")},m=u??t,h=S?B&&(v?P&&k!==null:!0):!1,b=S?e.createElement("div",{style:{display:"flex",height:"100%",minBlockSize:0}},v?e.createElement("div",{id:F,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":!0,style:{inlineSize:"var(--shell-sidebar-rail-width, 64px)",overflow:"hidden"}},z):null,B?e.createElement("div",{id:O,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":h||void 0,"aria-hidden":h?void 0:!0,...h?{}:{inert:te},style:{inlineSize:h?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},x):null):A,V=m==="start"||m==="end"?S?h?"var(--shell-sidebar-combined-width)":"var(--shell-sidebar-rail-width)":p==="rail"?"var(--shell-sidebar-rail-width)":"var(--shell-sidebar-panel-width)":"100vw";return e.createElement(e.Fragment,null,e.createElement(le.Root,{open:g,onOpenChange:y},e.createElement(le.Content,{id:D,side:m,height:{initial:"100vh"},width:{initial:V},style:{"--dialog-content-padding":"0px"}},e.createElement(le.Title,null,e.createElement(Ee,null,"Sidebar")),b)))}return e.createElement(J,{...G,ref:q,id:D,className:j("rt-ShellSidebar",Y),"data-side":t,"data-rail":S?R:void 0,"data-panel":S?C?"visible":"hidden":void 0,"data-state":S?void 0:p,"aria-label":G["aria-label"],style:{...Z}},S?e.createElement(e.Fragment,null,e.createElement(ie.Provider,{value:{side:t,section:"rail"}},v?e.createElement("div",{id:F,className:"rt-ShellSidebarRail","data-section":"rail","data-visible":H||void 0,"aria-hidden":H?void 0:!0,...H?{}:{inert:te},style:{inlineSize:H?"var(--shell-sidebar-rail-width, 64px)":"0px",overflow:"hidden"}},z):null),e.createElement(ie.Provider,{value:{side:t,section:"panel"}},B?e.createElement("div",{id:O,className:"rt-ShellSidebarPanel","data-section":"panel","data-visible":C||void 0,"aria-hidden":C?void 0:!0,...C?{}:{inert:te},style:{inlineSize:C?"var(--shell-sidebar-panel-width, 288px)":"0px",overflow:"hidden"}},x):null)):e.createElement("div",{className:"rt-ShellSidebarSingle","data-visible":p!=="collapsed"||void 0,"aria-hidden":p==="collapsed"?!0:void 0,style:{inlineSize:p==="collapsed"?"0px":p==="rail"?"var(--shell-sidebar-rail-width, 64px)":"var(--shell-sidebar-panel-width, 288px)",overflow:"hidden"}},A))},T=e.forwardRef(Ae);T.displayName="Shell.Sidebar";function Re(t,i){return e.Children.toArray(t).filter(n=>e.isValidElement(n)&&n.type?.__shellSlot===i)}T.Rail=be,T.Panel=xe;const Ce=e.forwardRef(({onClick:t,children:i,...u},n)=>{const s=ne(),o=I(),a=s?.side??"start",f=o.getRegionId(a),w=o.patternBySide[a]==="split"?o.railBySide[a]==="open":o.singleViewBySide[a]!=="collapsed";return e.createElement(Se,{...u,ref:n,variant:"soft","aria-controls":f,"aria-expanded":w,onClick:L=>{t?.(L),o.patternBySide[a]==="split"?o.toggleRail(a):o.cycleSingleView(a)}},i||e.createElement(ue,null))});Ce.displayName="Shell.Sidebar.Trigger";const we=e.forwardRef(({side:t,onClick:i,children:u,...n},s)=>{const o=I(),a=o.getRegionId(t),f=o.patternBySide[t]==="split"?o.railBySide[t]==="open":o.singleViewBySide[t]!=="collapsed";return e.createElement(Se,{...n,ref:s,variant:"ghost","aria-controls":a,"aria-expanded":f,onClick:w=>{i?.(w),o.patternBySide[t]==="split"?o.toggleRail(t):o.cycleSingleView(t)}},u||e.createElement(ue,null))});we.displayName="Shell.Trigger",T.Rail=be,T.Panel=xe,T.Trigger=Ce;function qe(t){const i=I(),u=i.patternBySide[t]==="split",n=i.railBySide[t],s=i.activeToolBySide[t],o=i.panelRequestedBySide[t]&&n==="open"&&s!==null;return{side:t,isSplit:u,rail:{value:n,isOpen:n==="open",open:()=>i.setRailBySide(t,"open"),close:()=>{i.setRailBySide(t,"collapsed"),i.setPanelRequestedBySide(t,!1)},toggle:()=>i.toggleRail(t),onItemSelected:a=>i.onItemSelected(t,a)},panel:{isVisible:o,show:()=>i.setPanelRequestedBySide(t,!0),hide:()=>i.setPanelRequestedBySide(t,!1),activeTool:i.activeToolBySide[t],activeContext:i.activeContextBySide[t]},single:{view:i.singleViewBySide[t],setView:a=>i.setSingleViewBySide(t,a),cycle:()=>i.cycleSingleView(t)},activeTool:i.activeToolBySide[t],setActiveTool:a=>i.setActiveTool(t,a),activeContext:i.activeContextBySide[t],setActiveContext:a=>i.setActiveContext(t,a)}}export{ve as Content,ae as Footer,oe as Header,ye as Root,T as Sidebar,we as Trigger,Ne as usePanelState,ke as useRailEvents,I as useShell,qe as useSidebar};
 //# sourceMappingURL=shell.js.map

package/dist/esm/components/shell.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/shell.tsx"],
-  "sourcesContent": ["/**\n * Shell component\n *\n * High-level application layout primitive with optional global header/footer and\n * one or two sidebars. Each sidebar supports two composition patterns:\n *\n * 1) Split pattern (preferred for interactive rails):\n *    <Shell.Sidebar>\n *      <Shell.Sidebar.Rail />\n *      <Shell.Sidebar.Panel />\n *    </Shell.Sidebar>\n *\n * 2) Single-markup morphing (compact):\n *    <Shell.Sidebar> ...single content that morphs between rail/panel/collapsed </Shell.Sidebar>\n *\n * The component handles:\n * - RTL/LTR ordering for start/end sidebars\n * - Sticky panel intent in split mode (panel stays requested, visibility depends on rail open state)\n * - Controlled/uncontrolled state for both split (rail value) and single-markup (view)\n * - ARIA relationships and inert for hidden regions\n * - CSS custom properties for sizing with sensible defaults\n *\n * Layout guidance:\n * - Use flex/grid and spacing tokens; avoid margins in layout containers.\n * - Width transitions for rail/panel are CSS-driven; content scroll is confined to Content only.\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from './icon-button.js';\nimport { ChevronDownIcon } from './icons.js';\nimport { inert } from '../helpers/inert.js';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\n\n/** Logical document direction. Derived from document root unless `rtl` is passed. */\ntype ShellDirection = 'ltr' | 'rtl';\n/** Logical side, independent of physical left/right and aware of RTL. */\ntype ShellSide = 'start' | 'end';\n/** Section slot identifiers inside a sidebar. */\ntype SidebarSection = 'rail' | 'panel';\n\n/** Split-mode rail state. */\ntype RailValue = 'open' | 'collapsed';\n/** Single-markup view for morphing sidebars. */\ntype SingleView = 'panel' | 'rail' | 'collapsed';\n\n/**\n * Shared shell state across all subcomponents.\n *\n * We centralize both split-mode and single-markup state to allow triggers,\n * meters, and other UI to observe/modify layout consistently.\n */\ntype ShellContextValue = {\n  dir: ShellDirection;\n  headerHeight: string;\n  zHeader?: number;\n  // Split pattern state (rail + panel)\n  railBySide: Record<ShellSide, RailValue>;\n  setRailBySide: (side: ShellSide, value: RailValue) => void;\n  toggleRail: (side: ShellSide) => void;\n  panelRequestedBySide: Record<ShellSide, boolean>;\n  setPanelRequestedBySide: (side: ShellSide, requested: boolean) => void;\n  // Pattern detection per side so triggers behave correctly\n  patternBySide: Record<ShellSide, 'single' | 'split'>;\n  setPatternForSide: (side: ShellSide, pattern: 'single' | 'split') => void;\n  // Single-markup morph state (panel/rail/collapsed)\n  singleViewBySide: Record<ShellSide, SingleView>;\n  setSingleViewBySide: (side: ShellSide, view: SingleView) => void;\n  cycleSingleView: (side: ShellSide) => void;\n  // Active tool coordination state\n  activeToolBySide: Record<ShellSide, string | null>;\n  setActiveTool: (side: ShellSide, tool: string | null) => void;\n  onItemSelected: (side: ShellSide, item: string) => void;\n  // Context (panel-level) coordination state\n  activeContextBySide: Record<ShellSide, string | null>;\n  setActiveContext: (side: ShellSide, context: string | null) => void;\n  getRegionId: (side: ShellSide) => string;\n  getPanelId: (side: ShellSide) => string;\n  getRailId: (side: ShellSide) => string;\n};\n\nconst ShellContext = React.createContext<ShellContextValue | null>(null);\n\n/** Access the shell context (internal wiring for subcomponents). */\nfunction useShell() {\n  const ctx = React.useContext(ShellContext);\n  if (!ctx) throw new Error('Shell components must be used within <Shell.Root>.');\n  return ctx;\n}\n\n// Local context to communicate section (rail/panel) and side to presentational children\ntype SidebarSectionContextValue = {\n  side: ShellSide;\n  section: SidebarSection;\n};\nconst SidebarSectionContext = React.createContext<SidebarSectionContextValue | null>(null);\nfunction useSidebarSection() {\n  return React.useContext(SidebarSectionContext);\n}\n\n// Rail context for event emission pattern\ntype RailContextValue = {\n  onItemSelected: (item: string) => void;\n};\nconst RailContext = React.createContext<RailContextValue | null>(null);\n\n/** Hook to emit rail selection events. Use this in Rail children to emit item selection. */\nfunction useRailEvents() {\n  const ctx = React.useContext(RailContext);\n  if (!ctx) throw new Error('useRailEvents must be used within <Shell.Sidebar.Rail>');\n  return ctx;\n}\n\n// Panel context for active tool consumption\ntype PanelContextValue = {\n  activeTool: string | null;\n  activeContext: string | null;\n};\nconst PanelContext = React.createContext<PanelContextValue | null>(null);\n\n/** Hook to access active tool state. Use this in Panel children to render based on active tool. */\nfunction usePanelState() {\n  const ctx = React.useContext(PanelContext);\n  if (!ctx) throw new Error('usePanelState must be used within <Shell.Sidebar.Panel>');\n  return ctx;\n}\n\n// Utilities\n/**\n * Read the document `dir` attribute. Defaults to `ltr` on server.\n */\nfunction getDocumentDirection(): ShellDirection {\n  if (typeof document === 'undefined') return 'ltr';\n  const dir = document.documentElement.getAttribute('dir');\n  return dir === 'rtl' ? 'rtl' : 'ltr';\n}\n\n// Root\n/**\n * Props for `Shell.Root`.\n *\n * - `minContentWidth`: CSS length to enforce a minimum inline-size for content\n *   area. This prevents content from collapsing too far when sidebars are open.\n * - `rtl`: Force RTL/LTR independent of document; otherwise derived from root.\n * - `headerHeight`: Sticky header block-size.\n * - `zHeader`: z-index for sticky header stacking.\n */\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n  minContentWidth?: string;\n  rtl?: boolean;\n  headerHeight?: string;\n  zHeader?: number;\n  cascadeSide?: ShellSide;\n  activeTool?: string | null;\n  onToolChange?: (id: string | null) => void;\n  activeContext?: string | null;\n  onContextChange?: (id: string | null) => void;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(\n  (\n    {\n      minContentWidth = '640px',\n      rtl,\n      headerHeight = '64px',\n      zHeader,\n      cascadeSide = 'start',\n      activeTool: activeToolProp,\n      onToolChange,\n      activeContext: activeContextProp,\n      onContextChange,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Determine logical direction once, overriding document if `rtl` provided\n    const computedDir = React.useMemo<ShellDirection>(() => {\n      if (typeof rtl === 'boolean') return rtl ? 'rtl' : 'ltr';\n      return getDocumentDirection();\n    }, [rtl]);\n\n    // === Split-mode and single-markup state model ===\n    // In split-mode, a sidebar has both Rail and Panel slots. We track:\n    // - rail open/collapsed state per side\n    // - a sticky panel intent per side (requested or not)\n    // In single-markup, we track a single `view` morphing between panel/rail/collapsed\n    const [railBySide, setRailBySideState] = React.useState<Record<ShellSide, RailValue>>({\n      start: 'open',\n      end: 'collapsed',\n    });\n    const setRailBySide = React.useCallback((side: ShellSide, value: RailValue) => {\n      setRailBySideState((prev) => (prev[side] === value ? prev : { ...prev, [side]: value }));\n    }, []);\n    const toggleRail = React.useCallback((side: ShellSide) => {\n      setRailBySideState((prev) => {\n        const next = prev[side] === 'open' ? 'collapsed' : 'open';\n        return { ...prev, [side]: next };\n      });\n      // Keep panelRequested sticky across rail collapse/expand\n    }, []);\n    const [panelRequestedBySide, setPanelRequestedBySideState] = React.useState<\n      Record<ShellSide, boolean>\n    >({ start: false, end: false });\n    const setPanelRequestedBySide = React.useCallback((side: ShellSide, requested: boolean) => {\n      setPanelRequestedBySideState((prev) =>\n        prev[side] === requested ? prev : { ...prev, [side]: requested },\n      );\n    }, []);\n    // Pattern per side and single-markup state\n    // We detect pattern per side based on presence of slots (registered by Sidebar)\n    const [patternBySide, setPatternBySide] = React.useState<Record<ShellSide, 'single' | 'split'>>(\n      {\n        start: 'single',\n        end: 'single',\n      },\n    );\n    const setPatternForSide = React.useCallback((side: ShellSide, pattern: 'single' | 'split') => {\n      setPatternBySide((prev) => (prev[side] === pattern ? prev : { ...prev, [side]: pattern }));\n    }, []);\n    const [singleViewBySide, setSingleViewBySideState] = React.useState<\n      Record<ShellSide, SingleView>\n    >({\n      start: 'panel',\n      end: 'collapsed',\n    });\n    const setSingleViewBySide = React.useCallback((side: ShellSide, view: SingleView) => {\n      setSingleViewBySideState((prev) => (prev[side] === view ? prev : { ...prev, [side]: view }));\n    }, []);\n    const cycleSingleView = React.useCallback(\n      (side: ShellSide) => {\n        const order: SingleView[] = ['panel', 'rail', 'collapsed'];\n        const current = singleViewBySide[side];\n        const idx = order.indexOf(current);\n        const next = order[(idx + 1) % order.length];\n        setSingleViewBySide(side, next);\n      },\n      [singleViewBySide, setSingleViewBySide],\n    );\n\n    // === Active tool coordination state ===\n    // Track which tool/mode is active per side for coordinated rail/panel communication\n    const [activeToolBySide, setActiveToolBySideState] = React.useState<\n      Record<ShellSide, string | null>\n    >({\n      start: null,\n      end: null,\n    });\n    const setActiveTool = React.useCallback(\n      (side: ShellSide, tool: string | null) => {\n        setActiveToolBySideState((prev) =>\n          prev[side] === tool ? prev : { ...prev, [side]: tool },\n        );\n        // Auto-hide panel when no tool is active\n        if (tool === null) {\n          setPanelRequestedBySide(side, false);\n        }\n      },\n      [setPanelRequestedBySide],\n    );\n    const onItemSelected = React.useCallback(\n      (side: ShellSide, item: string) => {\n        setActiveTool(side, item);\n        // Auto-show panel when item is selected\n        setPanelRequestedBySide(side, true);\n      },\n      [setActiveTool, setPanelRequestedBySide],\n    );\n\n    // === Active context coordination state ===\n    const [activeContextBySide, setActiveContextBySideState] = React.useState<\n      Record<ShellSide, string | null>\n    >({ start: null, end: null });\n    const setActiveContext = React.useCallback(\n      (side: ShellSide, context: string | null) => {\n        setActiveContextBySideState((prev) =>\n          prev[side] === context ? prev : { ...prev, [side]: context },\n        );\n        if (side === cascadeSide) onContextChange?.(context);\n      },\n      [cascadeSide, onContextChange],\n    );\n\n    // === Controlled prop sync (cascade side) ===\n    React.useEffect(() => {\n      if (activeToolProp !== undefined && activeToolBySide[cascadeSide] !== activeToolProp) {\n        setActiveToolBySideState((prev) => ({ ...prev, [cascadeSide]: activeToolProp }));\n      }\n    }, [activeToolProp, cascadeSide, activeToolBySide]);\n    React.useEffect(() => {\n      if (\n        activeContextProp !== undefined &&\n        activeContextBySide[cascadeSide] !== activeContextProp\n      ) {\n        setActiveContextBySideState((prev) => ({ ...prev, [cascadeSide]: activeContextProp }));\n      }\n    }, [activeContextProp, cascadeSide, activeContextBySide]);\n\n    // === Stable ids per side ===\n    // These IDs are used to wire aria-controls and aria-expanded for triggers,\n    // and to scope region/panel/rail DOM nodes for measurement.\n    const startRegionId = React.useId();\n    const endRegionId = React.useId();\n    const startPanelId = React.useId();\n    const endPanelId = React.useId();\n    const startRailId = React.useId();\n    const endRailId = React.useId();\n    const getRegionId = React.useCallback(\n      (side: ShellSide) =>\n        side === 'start' ? `kui-shell-region-${startRegionId}` : `kui-shell-region-${endRegionId}`,\n      [startRegionId, endRegionId],\n    );\n    const getPanelId = React.useCallback(\n      (side: ShellSide) =>\n        side === 'start' ? `kui-shell-panel-${startPanelId}` : `kui-shell-panel-${endPanelId}`,\n      [startPanelId, endPanelId],\n    );\n    const getRailId = React.useCallback(\n      (side: ShellSide) =>\n        side === 'start' ? `kui-shell-rail-${startRailId}` : `kui-shell-rail-${endRailId}`,\n      [startRailId, endRailId],\n    );\n\n    const ctx = React.useMemo<ShellContextValue>(\n      () => ({\n        dir: computedDir,\n        headerHeight,\n        zHeader,\n        railBySide,\n        setRailBySide,\n        toggleRail,\n        panelRequestedBySide,\n        setPanelRequestedBySide,\n        patternBySide,\n        setPatternForSide,\n        singleViewBySide,\n        setSingleViewBySide,\n        cycleSingleView,\n        activeToolBySide,\n        setActiveTool,\n        onItemSelected,\n        activeContextBySide,\n        setActiveContext,\n        getRegionId,\n        getPanelId,\n        getRailId,\n      }),\n      [\n        computedDir,\n        headerHeight,\n        zHeader,\n        railBySide,\n        setRailBySide,\n        toggleRail,\n        panelRequestedBySide,\n        setPanelRequestedBySide,\n        patternBySide,\n        setPatternForSide,\n        singleViewBySide,\n        setSingleViewBySide,\n        cycleSingleView,\n        activeToolBySide,\n        setActiveTool,\n        onItemSelected,\n        activeContextBySide,\n        setActiveContext,\n        getRegionId,\n        getPanelId,\n        getRailId,\n      ],\n    );\n\n    // === Composition: order children based on direction ===\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const isType = (el: React.ReactElement, comp: any) =>\n      React.isValidElement(el) && el.type === comp;\n    const headerEls = childArray.filter((el) => isType(el, Header));\n    const footerEls = childArray.filter((el) => isType(el, Footer));\n    const contentEls = childArray.filter((el) => isType(el, Content));\n    const sidebarEls = childArray.filter((el) => isType(el, Sidebar));\n\n    // Partition sidebars by side\n    const startSidebars = sidebarEls.filter((el) => (el.props as any).side === 'start');\n    const endSidebars = sidebarEls.filter((el) => (el.props as any).side === 'end');\n\n    const bodyChildren =\n      computedDir === 'rtl'\n        ? [...endSidebars, ...contentEls, ...startSidebars]\n        : [...startSidebars, ...contentEls, ...endSidebars];\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={classNames('rt-ShellRoot', className)}\n        style={{\n          ...style,\n          // Internal CSS custom props for sizing\n          ['--shell-min-content-width' as any]: minContentWidth,\n          ['--shell-header-height' as any]: headerHeight,\n        }}\n        dir={computedDir}\n      >\n        <ShellContext.Provider value={ctx}>\n          {headerEls}\n          <div className=\"rt-ShellBody\">{bodyChildren}</div>\n          {footerEls}\n        </ShellContext.Provider>\n      </div>\n    );\n  },\n);\nRoot.displayName = 'Shell.Root';\n\n// Global Header\n/** Props for `Shell.Header`. Sticky by default and respects `--shell-header-height`. */\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {}\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(\n  ({ className, style, ...props }, ref) => {\n    const { headerHeight, zHeader } = useShell();\n    return (\n      <header\n        {...props}\n        ref={ref}\n        role=\"banner\"\n        className={classNames('rt-ShellHeader', className)}\n        style={{\n          ['--shell-header-height' as any]: headerHeight,\n          ['--shell-z-header' as any]: zHeader,\n          ...style,\n        }}\n      />\n    );\n  },\n);\nHeader.displayName = 'Shell.Header';\n\n// Global Footer\n/** Props for `Shell.Footer`. Rendered after body and outside the content scroll. */\ninterface ShellFooterProps extends React.ComponentPropsWithoutRef<'footer'> {}\nconst Footer = React.forwardRef<HTMLElement, ShellFooterProps>(({ className, ...props }, ref) => (\n  <footer\n    {...props}\n    ref={ref}\n    role=\"contentinfo\"\n    className={classNames('rt-ShellFooter', className)}\n  />\n));\nFooter.displayName = 'Shell.Footer';\n\n// Content\n/** Props for `Shell.Content`. The only scrollable area of the Shell. */\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\nconst ContentBase = React.forwardRef<HTMLElement, ShellContentProps>(\n  ({ className, ...props }, ref) => (\n    <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />\n  ),\n);\nContentBase.displayName = 'Shell.Content';\n\nconst Content = ContentBase;\n\n// Sidebar (stateful owner)\n/**\n * `Shell.Sidebar` controls one logical side. It supports two patterns:\n * - Split pattern by providing both `Sidebar.Rail` and `Sidebar.Panel` children\n * - Single-markup morphing when no slots are provided\n *\n * Controlled/uncontrolled:\n * - Split: `value`/`defaultValue` reflect rail `open|collapsed`\n * - Single: `view`/`defaultView` reflect `panel|rail|collapsed`\n */\ninterface ShellSidebarProps extends React.ComponentPropsWithoutRef<'div'> {\n  side: ShellSide;\n  // Overlay: render as a top sheet rather than inline. Responsiveness handled separately.\n  overlay?: boolean | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>>;\n  overlaySide?: 'start' | 'end' | 'top' | 'bottom';\n  // Split: rail control\n  value?: RailValue;\n  defaultValue?: RailValue;\n  onValueChange?: (value: RailValue) => void;\n  // Single-markup view control\n  view?: SingleView;\n  defaultView?: SingleView;\n  onViewChange?: (view: SingleView) => void;\n  as?: 'nav' | 'aside' | 'div';\n  'aria-label'?: string;\n}\n\n// Rail\n/** Rail component that provides event emission context for stateless navigation. */\ninterface RailProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst Rail = Object.assign(\n  React.forwardRef<HTMLDivElement, RailProps>(({ children }, _ref) => {\n    const sidebarSection = useSidebarSection();\n    const shell = useShell();\n    const side = sidebarSection?.side ?? 'start';\n\n    const railContext = React.useMemo<RailContextValue>(\n      () => ({\n        onItemSelected: (item: string) => shell.onItemSelected(side, item),\n      }),\n      [shell, side],\n    );\n\n    return <RailContext.Provider value={railContext}>{children}</RailContext.Provider>;\n  }),\n  { displayName: 'Shell.Sidebar.Rail', __shellSlot: 'rail' as const },\n);\n\n// Panel\n/** Panel component that provides active tool context for stateless content rendering. */\ninterface PanelProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst Panel = Object.assign(\n  React.forwardRef<HTMLDivElement, PanelProps>(({ children }, _ref) => {\n    const sidebarSection = useSidebarSection();\n    const shell = useShell();\n    const side = sidebarSection?.side ?? 'start';\n\n    const panelContext = React.useMemo<PanelContextValue>(\n      () => ({\n        activeTool: shell.activeToolBySide[side],\n        activeContext: shell.activeContextBySide[side],\n      }),\n      [shell.activeToolBySide, shell.activeContextBySide, side],\n    );\n\n    return <PanelContext.Provider value={panelContext}>{children}</PanelContext.Provider>;\n  }),\n  { displayName: 'Shell.Sidebar.Panel', __shellSlot: 'panel' as const },\n);\n\ntype ShellSidebarComponent = React.ForwardRefExoticComponent<\n  ShellSidebarProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Rail: typeof Rail;\n  Panel: typeof Panel;\n  Trigger: typeof LocalTrigger;\n};\n\nconst SidebarInner = (\n  {\n    side,\n    overlay,\n    overlaySide,\n    value,\n    defaultValue,\n    onValueChange,\n    view,\n    defaultView,\n    onViewChange,\n    as = 'nav',\n    className,\n    style,\n    children,\n    ...props\n  }: ShellSidebarProps,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n  const shell = useShell();\n  const Comp = as as any;\n\n  const regionId = shell.getRegionId(side);\n  const panelId = shell.getPanelId(side);\n  const railId = shell.getRailId(side);\n\n  const railChildren = childrenArrayOf(children, 'rail');\n  const panelChildren = childrenArrayOf(children, 'panel');\n  const hasRail = railChildren.length > 0;\n  const hasPanel = panelChildren.length > 0;\n  const hasSlots = hasRail || hasPanel;\n\n  // Pattern registration per side\n  React.useEffect(() => {\n    shell.setPatternForSide(side, hasSlots && hasRail && hasPanel ? 'split' : 'single');\n  }, [shell, side, hasSlots, hasRail, hasPanel]);\n\n  // Initialize defaults (run once)\n  const didInitRef = React.useRef(false);\n  React.useEffect(() => {\n    if (didInitRef.current) return;\n    didInitRef.current = true;\n    if (hasSlots) {\n      // split: rail value\n      const initial = value ?? defaultValue ?? (overlay ? 'collapsed' : 'open');\n      shell.setRailBySide(side, initial);\n      if (overlay) shell.setPanelRequestedBySide(side, false);\n    } else {\n      // single: view\n      const initialView = view ?? defaultView ?? (overlay ? 'collapsed' : 'panel');\n      shell.setSingleViewBySide(side, initialView);\n    }\n  }, [hasSlots, value, defaultValue, view, defaultView, shell, side, overlay]);\n\n  // Keep context in sync for controlled\n  React.useEffect(() => {\n    if (!hasSlots) return;\n    if (value !== undefined && shell.railBySide[side] !== value) {\n      shell.setRailBySide(side, value);\n    }\n  }, [value, hasSlots, shell, side]);\n  React.useEffect(() => {\n    if (hasSlots) return;\n    if (view !== undefined && shell.singleViewBySide[side] !== view) {\n      shell.setSingleViewBySide(side, view);\n    }\n  }, [view, hasSlots, shell, side]);\n\n  const railValue = shell.railBySide[side];\n  const panelRequested = shell.panelRequestedBySide[side];\n  const singleView = shell.singleViewBySide[side];\n  const activeTool = shell.activeToolBySide[side];\n\n  // Emit changes for uncontrolled\n  const prevRailRef = React.useRef<RailValue | null>(null);\n  React.useEffect(() => {\n    if (!hasSlots) return;\n    if (value !== undefined) return;\n    if (prevRailRef.current !== railValue) {\n      prevRailRef.current = railValue;\n      onValueChange?.(railValue);\n    }\n  }, [hasSlots, railValue, value, onValueChange]);\n  const prevViewRef = React.useRef<SingleView | null>(null);\n  React.useEffect(() => {\n    if (hasSlots) return;\n    if (view !== undefined) return;\n    if (prevViewRef.current !== singleView) {\n      prevViewRef.current = singleView;\n      onViewChange?.(singleView);\n    }\n  }, [hasSlots, singleView, view, onViewChange]);\n\n  // Derived visibility:\n  // - Split (rail+panel): panel shows when rail is open, panel is requested, and a tool is active\n  // - Panel-only (no rail): panel shows unconditionally (no tool gating)\n  // - Single-markup: shows when view === 'panel' and a tool is active\n  const railVisible = hasSlots ? hasRail && railValue === 'open' : singleView === 'rail';\n  const panelVisible = hasSlots\n    ? hasPanel && (hasRail ? railValue === 'open' && panelRequested && activeTool !== null : true)\n    : singleView === 'panel';\n\n  // Overlay behavior (non-inline): mount as a Sheet from the top (default)\n  // Resolve overlay responsively: built-in defaults overruled by prop\n  // Defaults: overlay on initial/xs/sm; inline on md+\n  const defaultOverlay = { initial: true, xs: true, sm: true, md: false, lg: false, xl: false };\n  const mergedOverlay = React.useMemo(() => {\n    if (typeof overlay === 'boolean') {\n      return { initial: overlay } as Partial<\n        Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>\n      >;\n    }\n    return { ...defaultOverlay, ...(overlay || {}) } as Partial<\n      Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>\n    >;\n  }, [overlay, defaultOverlay]);\n\n  const [currentBp, setCurrentBp] = React.useState<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'>(\n    'initial',\n  );\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const queries: [key: 'xs' | 'sm' | 'md' | 'lg' | 'xl', query: string][] = [\n      ['xs', '(min-width: 520px)'],\n      ['sm', '(min-width: 768px)'],\n      ['md', '(min-width: 1024px)'],\n      ['lg', '(min-width: 1280px)'],\n      ['xl', '(min-width: 1640px)'],\n    ];\n    const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n    const compute = () => {\n      // Highest matched wins\n      const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n      const next = (matched[matched.length - 1] as typeof currentBp | undefined) ?? 'initial';\n      setCurrentBp(next);\n    };\n    compute();\n    mqls.forEach(([, m]) => m.addEventListener('change', compute));\n    return () => {\n      mqls.forEach(([, m]) => m.removeEventListener('change', compute));\n    };\n  }, []);\n\n  const isOverlay = (() => {\n    const val = mergedOverlay[currentBp];\n    if (typeof val === 'boolean') return val;\n    // Fallback cascade: if current not set, try smaller breakpoints, then initial\n    const order: (typeof currentBp)[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n    const idx = order.indexOf(currentBp);\n    for (let i = idx + 1; i < order.length; i++) {\n      const v = mergedOverlay[order[i]];\n      if (typeof v === 'boolean') return v;\n    }\n    return mergedOverlay.initial ?? false;\n  })();\n\n  if (isOverlay) {\n    const open = hasSlots ? railValue === 'open' || panelRequested : singleView !== 'collapsed';\n    const onOpenChange = (next: boolean) => {\n      if (hasSlots) {\n        if (!next) {\n          shell.setRailBySide(side, 'collapsed');\n          shell.setPanelRequestedBySide(side, false);\n        } else {\n          shell.setRailBySide(side, 'open');\n        }\n      } else {\n        if (!next) shell.setSingleViewBySide(side, 'collapsed');\n        else shell.setSingleViewBySide(side, 'panel');\n      }\n    };\n\n    const sheetSide = overlaySide ?? side;\n\n    // Choose what to render in overlay\n    // Split pattern: default to combined (rail + panel). Panel visibility follows panel intent and active tool.\n    // Single-markup: render the provided children as-is.\n    const overlayPanelVisible = hasSlots\n      ? hasPanel && (hasRail ? panelRequested && activeTool !== null : true)\n      : false;\n    const overlayContent = hasSlots ? (\n      <div style={{ display: 'flex', height: '100%', minBlockSize: 0 }}>\n        {hasRail ? (\n          <div\n            id={railId}\n            className=\"rt-ShellSidebarRail\"\n            data-section=\"rail\"\n            data-visible\n            style={{ inlineSize: 'var(--shell-sidebar-rail-width, 64px)', overflow: 'hidden' }}\n          >\n            {railChildren}\n          </div>\n        ) : null}\n        {hasPanel ? (\n          <div\n            id={panelId}\n            className=\"rt-ShellSidebarPanel\"\n            data-section=\"panel\"\n            data-visible={overlayPanelVisible || undefined}\n            aria-hidden={overlayPanelVisible ? undefined : true}\n            {...(overlayPanelVisible ? {} : { inert })}\n            style={{\n              inlineSize: overlayPanelVisible ? 'var(--shell-sidebar-panel-width, 288px)' : '0px',\n              overflow: 'hidden',\n            }}\n          >\n            {panelChildren}\n          </div>\n        ) : null}\n      </div>\n    ) : (\n      children\n    );\n\n    // Compute sheet width based on split/single pattern using CSS tokens\n    const computedWidth =\n      sheetSide === 'start' || sheetSide === 'end'\n        ? hasSlots\n          ? overlayPanelVisible\n            ? 'var(--shell-sidebar-combined-width)'\n            : 'var(--shell-sidebar-rail-width)'\n          : singleView === 'rail'\n            ? 'var(--shell-sidebar-rail-width)'\n            : 'var(--shell-sidebar-panel-width)'\n        : '100vw';\n\n    return (\n      <>\n        <Sheet.Root open={open} onOpenChange={onOpenChange}>\n          <Sheet.Content\n            id={regionId}\n            side={sheetSide}\n            height={{ initial: '100vh' }}\n            width={{ initial: computedWidth }}\n            style={{ ['--dialog-content-padding' as any]: '0px' }}\n          >\n            <Sheet.Title>\n              <VisuallyHidden>Sidebar</VisuallyHidden>\n            </Sheet.Title>\n            {overlayContent}\n          </Sheet.Content>\n        </Sheet.Root>\n      </>\n    );\n  }\n\n  return (\n    <Comp\n      {...props}\n      ref={ref}\n      id={regionId}\n      className={classNames('rt-ShellSidebar', className)}\n      data-side={side}\n      data-rail={hasSlots ? railValue : undefined}\n      data-panel={hasSlots ? (panelVisible ? 'visible' : 'hidden') : undefined}\n      data-state={!hasSlots ? singleView : undefined}\n      aria-label={props['aria-label']}\n      style={{ ...style }}\n    >\n      {hasSlots ? (\n        <>\n          <SidebarSectionContext.Provider value={{ side, section: 'rail' }}>\n            {hasRail ? (\n              <div\n                id={railId}\n                className=\"rt-ShellSidebarRail\"\n                data-section=\"rail\"\n                data-visible={railVisible || undefined}\n                aria-hidden={railVisible ? undefined : true}\n                {...(railVisible ? {} : { inert })}\n                style={{\n                  inlineSize: railVisible ? 'var(--shell-sidebar-rail-width, 64px)' : '0px',\n                  overflow: 'hidden',\n                }}\n              >\n                {railChildren}\n              </div>\n            ) : null}\n          </SidebarSectionContext.Provider>\n          <SidebarSectionContext.Provider value={{ side, section: 'panel' }}>\n            {hasPanel ? (\n              <div\n                id={panelId}\n                className=\"rt-ShellSidebarPanel\"\n                data-section=\"panel\"\n                data-visible={panelVisible || undefined}\n                aria-hidden={panelVisible ? undefined : true}\n                {...(panelVisible ? {} : { inert })}\n                style={{\n                  inlineSize: panelVisible ? 'var(--shell-sidebar-panel-width, 288px)' : '0px',\n                  overflow: 'hidden',\n                }}\n              >\n                {panelChildren}\n              </div>\n            ) : null}\n          </SidebarSectionContext.Provider>\n        </>\n      ) : (\n        // Single-markup morphing\n        <div\n          className=\"rt-ShellSidebarSingle\"\n          data-visible={singleView !== 'collapsed' || undefined}\n          aria-hidden={singleView === 'collapsed' ? true : undefined}\n          style={{\n            inlineSize:\n              singleView === 'collapsed'\n                ? '0px'\n                : singleView === 'rail'\n                  ? 'var(--shell-sidebar-rail-width, 64px)'\n                  : 'var(--shell-sidebar-panel-width, 288px)',\n            overflow: 'hidden',\n          }}\n        >\n          {children}\n        </div>\n      )}\n    </Comp>\n  );\n};\n\nconst Sidebar = React.forwardRef<HTMLDivElement, ShellSidebarProps>(\n  SidebarInner,\n) as ShellSidebarComponent;\nSidebar.displayName = 'Shell.Sidebar';\n\n// Helper to pick rail/panel children by marker components\nfunction childrenArrayOf(children: React.ReactNode, slot: 'rail' | 'panel') {\n  const arr = React.Children.toArray(children) as React.ReactElement[];\n  return arr.filter((el) => React.isValidElement(el) && (el.type as any)?.['__shellSlot'] === slot);\n}\n\nSidebar.Rail = Rail;\nSidebar.Panel = Panel;\n\n// Local Trigger (inside a sidebar)\nimport type { IconButtonProps } from './icon-button.js';\ntype LocalTriggerProps = IconButtonProps<'button'>;\n/**\n * `Shell.Sidebar.Trigger` toggles the sidebar where it is rendered.\n * - In split-mode: toggles rail open/collapsed\n * - In single-markup: cycles through panel \u2192 rail \u2192 collapsed\n */\nconst LocalTrigger = React.forwardRef<React.ElementRef<typeof IconButton>, LocalTriggerProps>(\n  ({ onClick, children, ...props }, ref) => {\n    const section = useSidebarSection();\n    const shell = useShell();\n    const side = section?.side ?? 'start';\n    const controlsId = shell.getRegionId(side);\n    const expanded =\n      shell.patternBySide[side] === 'split'\n        ? shell.railBySide[side] === 'open'\n        : shell.singleViewBySide[side] !== 'collapsed';\n    return (\n      <IconButton\n        {...props}\n        ref={ref}\n        variant=\"soft\"\n        aria-controls={controlsId}\n        aria-expanded={expanded}\n        onClick={(e) => {\n          onClick?.(e);\n          if (shell.patternBySide[side] === 'split') shell.toggleRail(side);\n          else shell.cycleSingleView(side);\n        }}\n      >\n        {children || <ChevronDownIcon />}\n      </IconButton>\n    );\n  },\n);\nLocalTrigger.displayName = 'Shell.Sidebar.Trigger';\n\n// Global Trigger\ntype GlobalTriggerProps = IconButtonProps<'button'> & { side: ShellSide };\n/**\n * `Shell.Trigger` controls a specific `side` from anywhere inside `Shell.Root`.\n * Mirrors behavior of the local trigger, but with explicit side.\n */\nconst Trigger = React.forwardRef<React.ElementRef<typeof IconButton>, GlobalTriggerProps>(\n  ({ side, onClick, children, ...props }, ref) => {\n    const shell = useShell();\n    const controlsId = shell.getRegionId(side);\n    const expanded =\n      shell.patternBySide[side] === 'split'\n        ? shell.railBySide[side] === 'open'\n        : shell.singleViewBySide[side] !== 'collapsed';\n    return (\n      <IconButton\n        {...props}\n        ref={ref}\n        variant=\"soft\"\n        aria-controls={controlsId}\n        aria-expanded={expanded}\n        onClick={(e) => {\n          onClick?.(e);\n          if (shell.patternBySide[side] === 'split') shell.toggleRail(side);\n          else shell.cycleSingleView(side);\n        }}\n      >\n        {children || <ChevronDownIcon />}\n      </IconButton>\n    );\n  },\n);\nTrigger.displayName = 'Shell.Trigger';\n\n// Attach slots to Sidebar for namespaced API\n(Sidebar as any).Rail = Rail;\n(Sidebar as any).Panel = Panel;\n(Sidebar as any).Trigger = LocalTrigger;\n\nexport { Root, Header, Footer, Content, Sidebar, Trigger, useShell, useRailEvents, usePanelState };\n// Convenience per-side API\n/**\n * Convenience hook to interrogate and control one sidebar.\n * - `rail`: open/collapsed helpers for split pattern\n * - `panel`: show/hide helpers; visibility is conditional on rail open in split pattern\n * - `single`: view control for single-markup pattern\n * - `activeTool`: active tool coordination state\n */\nfunction useSidebar(side: ShellSide): {\n  side: ShellSide;\n  isSplit: boolean;\n  rail: {\n    value: RailValue;\n    isOpen: boolean;\n    open: () => void;\n    close: () => void;\n    toggle: () => void;\n    onItemSelected: (item: string) => void;\n  };\n  panel: {\n    isVisible: boolean;\n    show: () => void;\n    hide: () => void;\n    activeTool: string | null;\n    activeContext: string | null;\n  };\n  single: { view: SingleView; setView: (view: SingleView) => void; cycle: () => void };\n  activeTool: string | null;\n  setActiveTool: (tool: string | null) => void;\n  activeContext: string | null;\n  setActiveContext: (context: string | null) => void;\n} {\n  const shell = useShell();\n  const isSplit = shell.patternBySide[side] === 'split';\n  const railValue = shell.railBySide[side];\n  const activeTool = shell.activeToolBySide[side];\n\n  const panelVisible =\n    shell.panelRequestedBySide[side] && railValue === 'open' && activeTool !== null;\n  return {\n    side,\n    isSplit,\n    rail: {\n      value: railValue,\n      isOpen: railValue === 'open',\n      open: () => shell.setRailBySide(side, 'open'),\n      close: () => {\n        shell.setRailBySide(side, 'collapsed');\n        shell.setPanelRequestedBySide(side, false);\n      },\n      toggle: () => shell.toggleRail(side),\n      onItemSelected: (item: string) => shell.onItemSelected(side, item),\n    },\n    panel: {\n      isVisible: panelVisible,\n      show: () => shell.setPanelRequestedBySide(side, true),\n      hide: () => shell.setPanelRequestedBySide(side, false),\n      activeTool: shell.activeToolBySide[side],\n      activeContext: shell.activeContextBySide[side],\n    },\n    single: {\n      view: shell.singleViewBySide[side],\n      setView: (view: SingleView) => shell.setSingleViewBySide(side, view),\n      cycle: () => shell.cycleSingleView(side),\n    },\n    activeTool: shell.activeToolBySide[side],\n    setActiveTool: (tool: string | null) => shell.setActiveTool(side, tool),\n    activeContext: shell.activeContextBySide[side],\n    setActiveContext: (context: string | null) => shell.setActiveContext(side, context),\n  };\n}\n\nexport { useSidebar };\n"],
-  "mappings": "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",
-  "names": ["React", "classNames", "IconButton", "ChevronDownIcon", "inert", "Sheet", "VisuallyHidden", "ShellContext", "useShell", "ctx", "SidebarSectionContext", "useSidebarSection", "RailContext", "useRailEvents", "PanelContext", "usePanelState", "getDocumentDirection", "Root", "minContentWidth", "rtl", "headerHeight", "zHeader", "cascadeSide", "activeToolProp", "onToolChange", "activeContextProp", "onContextChange", "className", "style", "children", "props", "ref", "computedDir", "railBySide", "setRailBySideState", "setRailBySide", "side", "value", "prev", "toggleRail", "next", "panelRequestedBySide", "setPanelRequestedBySideState", "setPanelRequestedBySide", "requested", "patternBySide", "setPatternBySide", "setPatternForSide", "pattern", "singleViewBySide", "setSingleViewBySideState", "setSingleViewBySide", "view", "cycleSingleView", "order", "current", "idx", "activeToolBySide", "setActiveToolBySideState", "setActiveTool", "tool", "onItemSelected", "item", "activeContextBySide", "setActiveContextBySideState", "setActiveContext", "context", "startRegionId", "endRegionId", "startPanelId", "endPanelId", "startRailId", "endRailId", "getRegionId", "getPanelId", "getRailId", "childArray", "isType", "el", "comp", "headerEls", "Header", "footerEls", "Footer", "contentEls", "Content", "sidebarEls", "Sidebar", "startSidebars", "endSidebars", "bodyChildren", "ContentBase", "Rail", "_ref", "sidebarSection", "shell", "railContext", "Panel", "panelContext", "SidebarInner", "overlay", "overlaySide", "defaultValue", "onValueChange", "defaultView", "onViewChange", "as", "Comp", "regionId", "panelId", "railId", "railChildren", "childrenArrayOf", "panelChildren", "hasRail", "hasPanel", "hasSlots", "didInitRef", "initial", "initialView", "railValue", "panelRequested", "singleView", "activeTool", "prevRailRef", "prevViewRef", "railVisible", "panelVisible", "defaultOverlay", "mergedOverlay", "currentBp", "setCurrentBp", "mqls", "k", "q", "compute", "matched", "m", "val", "i", "v", "open", "onOpenChange", "sheetSide", "overlayPanelVisible", "overlayContent", "computedWidth", "slot", "LocalTrigger", "onClick", "section", "controlsId", "expanded", "e", "Trigger", "useSidebar", "isSplit"]
+  "sourcesContent": ["/**\n * Shell component\n *\n * High-level application layout primitive with optional global header/footer and\n * one or two sidebars. Each sidebar supports two composition patterns:\n *\n * 1) Split pattern (preferred for interactive rails):\n *    <Shell.Sidebar>\n *      <Shell.Sidebar.Rail />\n *      <Shell.Sidebar.Panel />\n *    </Shell.Sidebar>\n *\n * 2) Single-markup morphing (compact):\n *    <Shell.Sidebar> ...single content that morphs between rail/panel/collapsed </Shell.Sidebar>\n *\n * The component handles:\n * - RTL/LTR ordering for start/end sidebars\n * - Sticky panel intent in split mode (panel stays requested, visibility depends on rail open state)\n * - Controlled/uncontrolled state for both split (rail value) and single-markup (view)\n * - ARIA relationships and inert for hidden regions\n * - CSS custom properties for sizing with sensible defaults\n *\n * Layout guidance:\n * - Use flex/grid and spacing tokens; avoid margins in layout containers.\n * - Width transitions for rail/panel are CSS-driven; content scroll is confined to Content only.\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { IconButton } from './icon-button.js';\nimport { ChevronDownIcon } from './icons.js';\nimport { inert } from '../helpers/inert.js';\nimport * as Sheet from './sheet.js';\nimport { VisuallyHidden } from './visually-hidden.js';\nimport { ShellSidebarSectionContext } from './sidebar.js';\n\nimport type { ShellSidebarSectionContextValue } from './sidebar.js';\n\n/** Logical document direction. Derived from document root unless `rtl` is passed. */\ntype ShellDirection = 'ltr' | 'rtl';\n/** Logical side, independent of physical left/right and aware of RTL. */\ntype ShellSide = 'start' | 'end';\n/** Section slot identifiers inside a sidebar. */\ntype SidebarSection = 'rail' | 'panel';\n\n/** Split-mode rail state. */\ntype RailValue = 'open' | 'collapsed';\n/** Single-markup view for morphing sidebars. */\ntype SingleView = 'panel' | 'rail' | 'collapsed';\n\n/**\n * Shared shell state across all subcomponents.\n *\n * We centralize both split-mode and single-markup state to allow triggers,\n * meters, and other UI to observe/modify layout consistently.\n */\ntype ShellContextValue = {\n  dir: ShellDirection;\n  headerHeight: string;\n  zHeader?: number;\n  // Split pattern state (rail + panel)\n  railBySide: Record<ShellSide, RailValue>;\n  setRailBySide: (side: ShellSide, value: RailValue) => void;\n  toggleRail: (side: ShellSide) => void;\n  panelRequestedBySide: Record<ShellSide, boolean>;\n  setPanelRequestedBySide: (side: ShellSide, requested: boolean) => void;\n  // Pattern detection per side so triggers behave correctly\n  patternBySide: Record<ShellSide, 'single' | 'split'>;\n  setPatternForSide: (side: ShellSide, pattern: 'single' | 'split') => void;\n  // Single-markup morph state (panel/rail/collapsed)\n  singleViewBySide: Record<ShellSide, SingleView>;\n  setSingleViewBySide: (side: ShellSide, view: SingleView) => void;\n  cycleSingleView: (side: ShellSide) => void;\n  // Active tool coordination state\n  activeToolBySide: Record<ShellSide, string | null>;\n  setActiveTool: (side: ShellSide, tool: string | null) => void;\n  onItemSelected: (side: ShellSide, item: string) => void;\n  // Context (panel-level) coordination state\n  activeContextBySide: Record<ShellSide, string | null>;\n  setActiveContext: (side: ShellSide, context: string | null) => void;\n  getRegionId: (side: ShellSide) => string;\n  getPanelId: (side: ShellSide) => string;\n  getRailId: (side: ShellSide) => string;\n};\n\nconst ShellContext = React.createContext<ShellContextValue | null>(null);\n\n/** Access the shell context (internal wiring for subcomponents). */\nfunction useShell() {\n  const ctx = React.useContext(ShellContext);\n  if (!ctx) throw new Error('Shell components must be used within <Shell.Root>.');\n  return ctx;\n}\n\n// Local context to communicate section (rail/panel) and side to presentational children\ntype SidebarSectionContextValue = {\n  side: ShellSide;\n  section: SidebarSection;\n};\nconst SidebarSectionContext = React.createContext<SidebarSectionContextValue | null>(null);\nfunction useSidebarSection() {\n  return React.useContext(SidebarSectionContext);\n}\n\n// Rail context for event emission pattern\ntype RailContextValue = {\n  onItemSelected: (item: string) => void;\n};\nconst RailContext = React.createContext<RailContextValue | null>(null);\n\n/** Hook to emit rail selection events. Use this in Rail children to emit item selection. */\nfunction useRailEvents() {\n  const ctx = React.useContext(RailContext);\n  if (!ctx) throw new Error('useRailEvents must be used within <Shell.Sidebar.Rail>');\n  return ctx;\n}\n\n// Panel context for active tool consumption\ntype PanelContextValue = {\n  activeTool: string | null;\n  activeContext: string | null;\n};\nconst PanelContext = React.createContext<PanelContextValue | null>(null);\n\n/** Hook to access active tool state. Use this in Panel children to render based on active tool. */\nfunction usePanelState() {\n  const ctx = React.useContext(PanelContext);\n  if (!ctx) throw new Error('usePanelState must be used within <Shell.Sidebar.Panel>');\n  return ctx;\n}\n\n// Utilities\n/**\n * Read the document `dir` attribute. Defaults to `ltr` on server.\n */\nfunction getDocumentDirection(): ShellDirection {\n  if (typeof document === 'undefined') return 'ltr';\n  const dir = document.documentElement.getAttribute('dir');\n  return dir === 'rtl' ? 'rtl' : 'ltr';\n}\n\n// Root\n/**\n * Props for `Shell.Root`.\n *\n * - `minContentWidth`: CSS length to enforce a minimum inline-size for content\n *   area. This prevents content from collapsing too far when sidebars are open.\n * - `rtl`: Force RTL/LTR independent of document; otherwise derived from root.\n * - `headerHeight`: Sticky header block-size.\n * - `zHeader`: z-index for sticky header stacking.\n */\ninterface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {\n  minContentWidth?: string;\n  rtl?: boolean;\n  headerHeight?: string;\n  zHeader?: number;\n  cascadeSide?: ShellSide;\n  activeTool?: string | null;\n  onToolChange?: (id: string | null) => void;\n  activeContext?: string | null;\n  onContextChange?: (id: string | null) => void;\n}\n\nconst Root = React.forwardRef<HTMLDivElement, ShellRootProps>(\n  (\n    {\n      minContentWidth = '640px',\n      rtl,\n      headerHeight = '64px',\n      zHeader,\n      cascadeSide = 'start',\n      activeTool: activeToolProp,\n      onToolChange,\n      activeContext: activeContextProp,\n      onContextChange,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    // Determine logical direction once, overriding document if `rtl` provided\n    const computedDir = React.useMemo<ShellDirection>(() => {\n      if (typeof rtl === 'boolean') return rtl ? 'rtl' : 'ltr';\n      return getDocumentDirection();\n    }, [rtl]);\n\n    // === Split-mode and single-markup state model ===\n    // In split-mode, a sidebar has both Rail and Panel slots. We track:\n    // - rail open/collapsed state per side\n    // - a sticky panel intent per side (requested or not)\n    // In single-markup, we track a single `view` morphing between panel/rail/collapsed\n    const [railBySide, setRailBySideState] = React.useState<Record<ShellSide, RailValue>>({\n      start: 'open',\n      end: 'collapsed',\n    });\n    const setRailBySide = React.useCallback((side: ShellSide, value: RailValue) => {\n      setRailBySideState((prev) => (prev[side] === value ? prev : { ...prev, [side]: value }));\n    }, []);\n    const toggleRail = React.useCallback((side: ShellSide) => {\n      setRailBySideState((prev) => {\n        const next = prev[side] === 'open' ? 'collapsed' : 'open';\n        return { ...prev, [side]: next };\n      });\n      // Keep panelRequested sticky across rail collapse/expand\n    }, []);\n    const [panelRequestedBySide, setPanelRequestedBySideState] = React.useState<\n      Record<ShellSide, boolean>\n    >({ start: false, end: false });\n    const setPanelRequestedBySide = React.useCallback((side: ShellSide, requested: boolean) => {\n      setPanelRequestedBySideState((prev) =>\n        prev[side] === requested ? prev : { ...prev, [side]: requested },\n      );\n    }, []);\n    // Pattern per side and single-markup state\n    // We detect pattern per side based on presence of slots (registered by Sidebar)\n    const [patternBySide, setPatternBySide] = React.useState<Record<ShellSide, 'single' | 'split'>>(\n      {\n        start: 'single',\n        end: 'single',\n      },\n    );\n    const setPatternForSide = React.useCallback((side: ShellSide, pattern: 'single' | 'split') => {\n      setPatternBySide((prev) => (prev[side] === pattern ? prev : { ...prev, [side]: pattern }));\n    }, []);\n    const [singleViewBySide, setSingleViewBySideState] = React.useState<\n      Record<ShellSide, SingleView>\n    >({\n      start: 'panel',\n      end: 'collapsed',\n    });\n    const setSingleViewBySide = React.useCallback((side: ShellSide, view: SingleView) => {\n      setSingleViewBySideState((prev) => (prev[side] === view ? prev : { ...prev, [side]: view }));\n    }, []);\n    const cycleSingleView = React.useCallback(\n      (side: ShellSide) => {\n        const order: SingleView[] = ['panel', 'rail', 'collapsed'];\n        const current = singleViewBySide[side];\n        const idx = order.indexOf(current);\n        const next = order[(idx + 1) % order.length];\n        setSingleViewBySide(side, next);\n      },\n      [singleViewBySide, setSingleViewBySide],\n    );\n\n    // === Active tool coordination state ===\n    // Track which tool/mode is active per side for coordinated rail/panel communication\n    const [activeToolBySide, setActiveToolBySideState] = React.useState<\n      Record<ShellSide, string | null>\n    >({\n      start: null,\n      end: null,\n    });\n    const setActiveTool = React.useCallback(\n      (side: ShellSide, tool: string | null) => {\n        setActiveToolBySideState((prev) =>\n          prev[side] === tool ? prev : { ...prev, [side]: tool },\n        );\n        // Auto-hide panel when no tool is active\n        if (tool === null) {\n          setPanelRequestedBySide(side, false);\n        }\n      },\n      [setPanelRequestedBySide],\n    );\n    const onItemSelected = React.useCallback(\n      (side: ShellSide, item: string) => {\n        setActiveTool(side, item);\n        // Auto-show panel when item is selected\n        setPanelRequestedBySide(side, true);\n      },\n      [setActiveTool, setPanelRequestedBySide],\n    );\n\n    // === Active context coordination state ===\n    const [activeContextBySide, setActiveContextBySideState] = React.useState<\n      Record<ShellSide, string | null>\n    >({ start: null, end: null });\n    const setActiveContext = React.useCallback(\n      (side: ShellSide, context: string | null) => {\n        setActiveContextBySideState((prev) =>\n          prev[side] === context ? prev : { ...prev, [side]: context },\n        );\n        if (side === cascadeSide) onContextChange?.(context);\n      },\n      [cascadeSide, onContextChange],\n    );\n\n    // === Controlled prop sync (cascade side) ===\n    React.useEffect(() => {\n      if (activeToolProp !== undefined && activeToolBySide[cascadeSide] !== activeToolProp) {\n        setActiveToolBySideState((prev) => ({ ...prev, [cascadeSide]: activeToolProp }));\n      }\n    }, [activeToolProp, cascadeSide, activeToolBySide]);\n    React.useEffect(() => {\n      if (\n        activeContextProp !== undefined &&\n        activeContextBySide[cascadeSide] !== activeContextProp\n      ) {\n        setActiveContextBySideState((prev) => ({ ...prev, [cascadeSide]: activeContextProp }));\n      }\n    }, [activeContextProp, cascadeSide, activeContextBySide]);\n\n    // === Stable ids per side ===\n    // These IDs are used to wire aria-controls and aria-expanded for triggers,\n    // and to scope region/panel/rail DOM nodes for measurement.\n    const startRegionId = React.useId();\n    const endRegionId = React.useId();\n    const startPanelId = React.useId();\n    const endPanelId = React.useId();\n    const startRailId = React.useId();\n    const endRailId = React.useId();\n    const getRegionId = React.useCallback(\n      (side: ShellSide) =>\n        side === 'start' ? `kui-shell-region-${startRegionId}` : `kui-shell-region-${endRegionId}`,\n      [startRegionId, endRegionId],\n    );\n    const getPanelId = React.useCallback(\n      (side: ShellSide) =>\n        side === 'start' ? `kui-shell-panel-${startPanelId}` : `kui-shell-panel-${endPanelId}`,\n      [startPanelId, endPanelId],\n    );\n    const getRailId = React.useCallback(\n      (side: ShellSide) =>\n        side === 'start' ? `kui-shell-rail-${startRailId}` : `kui-shell-rail-${endRailId}`,\n      [startRailId, endRailId],\n    );\n\n    const ctx = React.useMemo<ShellContextValue>(\n      () => ({\n        dir: computedDir,\n        headerHeight,\n        zHeader,\n        railBySide,\n        setRailBySide,\n        toggleRail,\n        panelRequestedBySide,\n        setPanelRequestedBySide,\n        patternBySide,\n        setPatternForSide,\n        singleViewBySide,\n        setSingleViewBySide,\n        cycleSingleView,\n        activeToolBySide,\n        setActiveTool,\n        onItemSelected,\n        activeContextBySide,\n        setActiveContext,\n        getRegionId,\n        getPanelId,\n        getRailId,\n      }),\n      [\n        computedDir,\n        headerHeight,\n        zHeader,\n        railBySide,\n        setRailBySide,\n        toggleRail,\n        panelRequestedBySide,\n        setPanelRequestedBySide,\n        patternBySide,\n        setPatternForSide,\n        singleViewBySide,\n        setSingleViewBySide,\n        cycleSingleView,\n        activeToolBySide,\n        setActiveTool,\n        onItemSelected,\n        activeContextBySide,\n        setActiveContext,\n        getRegionId,\n        getPanelId,\n        getRailId,\n      ],\n    );\n\n    // === Composition: order children based on direction ===\n    const childArray = React.Children.toArray(children) as React.ReactElement[];\n    const isType = (el: React.ReactElement, comp: any) =>\n      React.isValidElement(el) && el.type === comp;\n    const headerEls = childArray.filter((el) => isType(el, Header));\n    const footerEls = childArray.filter((el) => isType(el, Footer));\n    const contentEls = childArray.filter((el) => isType(el, Content));\n    const sidebarEls = childArray.filter((el) => isType(el, Sidebar));\n\n    // Partition sidebars by side\n    const startSidebars = sidebarEls.filter((el) => (el.props as any).side === 'start');\n    const endSidebars = sidebarEls.filter((el) => (el.props as any).side === 'end');\n\n    const bodyChildren =\n      computedDir === 'rtl'\n        ? [...endSidebars, ...contentEls, ...startSidebars]\n        : [...startSidebars, ...contentEls, ...endSidebars];\n\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={classNames('rt-ShellRoot', className)}\n        style={{\n          ...style,\n          // Internal CSS custom props for sizing\n          ['--shell-min-content-width' as any]: minContentWidth,\n          ['--shell-header-height' as any]: headerHeight,\n        }}\n        dir={computedDir}\n      >\n        <ShellContext.Provider value={ctx}>\n          {headerEls}\n          <div className=\"rt-ShellBody\">{bodyChildren}</div>\n          {footerEls}\n        </ShellContext.Provider>\n      </div>\n    );\n  },\n);\nRoot.displayName = 'Shell.Root';\n\n// Global Header\n/** Props for `Shell.Header`. Sticky by default and respects `--shell-header-height`. */\ninterface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {}\nconst Header = React.forwardRef<HTMLElement, ShellHeaderProps>(\n  ({ className, style, ...props }, ref) => {\n    const { headerHeight, zHeader } = useShell();\n    return (\n      <header\n        {...props}\n        ref={ref}\n        role=\"banner\"\n        className={classNames('rt-ShellHeader', className)}\n        style={{\n          ['--shell-header-height' as any]: headerHeight,\n          ['--shell-z-header' as any]: zHeader,\n          ...style,\n        }}\n      />\n    );\n  },\n);\nHeader.displayName = 'Shell.Header';\n\n// Global Footer\n/** Props for `Shell.Footer`. Rendered after body and outside the content scroll. */\ninterface ShellFooterProps extends React.ComponentPropsWithoutRef<'footer'> {}\nconst Footer = React.forwardRef<HTMLElement, ShellFooterProps>(({ className, ...props }, ref) => (\n  <footer\n    {...props}\n    ref={ref}\n    role=\"contentinfo\"\n    className={classNames('rt-ShellFooter', className)}\n  />\n));\nFooter.displayName = 'Shell.Footer';\n\n// Content\n/** Props for `Shell.Content`. The only scrollable area of the Shell. */\ninterface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {}\nconst ContentBase = React.forwardRef<HTMLElement, ShellContentProps>(\n  ({ className, ...props }, ref) => (\n    <main {...props} ref={ref} className={classNames('rt-ShellContent', className)} />\n  ),\n);\nContentBase.displayName = 'Shell.Content';\n\nconst Content = ContentBase;\n\n// Sidebar (stateful owner)\n/**\n * `Shell.Sidebar` controls one logical side. It supports two patterns:\n * - Split pattern by providing both `Sidebar.Rail` and `Sidebar.Panel` children\n * - Single-markup morphing when no slots are provided\n *\n * Controlled/uncontrolled:\n * - Split: `value`/`defaultValue` reflect rail `open|collapsed`\n * - Single: `view`/`defaultView` reflect `panel|rail|collapsed`\n */\ninterface ShellSidebarProps extends React.ComponentPropsWithoutRef<'div'> {\n  side: ShellSide;\n  // Overlay: render as a top sheet rather than inline. Responsiveness handled separately.\n  overlay?: boolean | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>>;\n  overlaySide?: 'start' | 'end' | 'top' | 'bottom';\n  // Split: rail control\n  value?: RailValue;\n  defaultValue?: RailValue;\n  onValueChange?: (value: RailValue) => void;\n  // Single-markup view control\n  view?: SingleView;\n  defaultView?: SingleView;\n  onViewChange?: (view: SingleView) => void;\n  as?: 'nav' | 'aside' | 'div';\n  'aria-label'?: string;\n}\n\n// Rail\n/** Rail component that provides event emission context for stateless navigation. */\ninterface RailProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst Rail = Object.assign(\n  React.forwardRef<HTMLDivElement, RailProps>(({ children }, _ref) => {\n    const sidebarSection = useSidebarSection();\n    const shell = useShell();\n    const side = sidebarSection?.side ?? 'start';\n\n    const railContext = React.useMemo<RailContextValue>(\n      () => ({\n        onItemSelected: (item: string) => shell.onItemSelected(side, item),\n      }),\n      [shell, side],\n    );\n\n    const sidebarSectionContext = React.useMemo<ShellSidebarSectionContextValue>(\n      () => ({\n        side,\n        section: 'rail',\n      }),\n      [side],\n    );\n\n    return (\n      <RailContext.Provider value={railContext}>\n        <ShellSidebarSectionContext.Provider value={sidebarSectionContext}>\n          {children}\n        </ShellSidebarSectionContext.Provider>\n      </RailContext.Provider>\n    );\n  }),\n  { displayName: 'Shell.Sidebar.Rail', __shellSlot: 'rail' as const },\n);\n\n// Panel\n/** Panel component that provides active tool context for stateless content rendering. */\ninterface PanelProps extends React.ComponentPropsWithoutRef<'div'> {}\nconst Panel = Object.assign(\n  React.forwardRef<HTMLDivElement, PanelProps>(({ children }, _ref) => {\n    const sidebarSection = useSidebarSection();\n    const shell = useShell();\n    const side = sidebarSection?.side ?? 'start';\n\n    const panelContext = React.useMemo<PanelContextValue>(\n      () => ({\n        activeTool: shell.activeToolBySide[side],\n        activeContext: shell.activeContextBySide[side],\n      }),\n      [shell.activeToolBySide, shell.activeContextBySide, side],\n    );\n\n    const sidebarSectionContext = React.useMemo<ShellSidebarSectionContextValue>(\n      () => ({\n        side,\n        section: 'panel',\n      }),\n      [side],\n    );\n\n    return (\n      <PanelContext.Provider value={panelContext}>\n        <ShellSidebarSectionContext.Provider value={sidebarSectionContext}>\n          {children}\n        </ShellSidebarSectionContext.Provider>\n      </PanelContext.Provider>\n    );\n  }),\n  { displayName: 'Shell.Sidebar.Panel', __shellSlot: 'panel' as const },\n);\n\ntype ShellSidebarComponent = React.ForwardRefExoticComponent<\n  ShellSidebarProps & React.RefAttributes<HTMLDivElement>\n> & {\n  Rail: typeof Rail;\n  Panel: typeof Panel;\n  Trigger: typeof LocalTrigger;\n};\n\nconst SidebarInner = (\n  {\n    side,\n    overlay,\n    overlaySide,\n    value,\n    defaultValue,\n    onValueChange,\n    view,\n    defaultView,\n    onViewChange,\n    as = 'nav',\n    className,\n    style,\n    children,\n    ...props\n  }: ShellSidebarProps,\n  ref: React.ForwardedRef<HTMLDivElement>,\n) => {\n  const shell = useShell();\n  const Comp = as as any;\n\n  const regionId = shell.getRegionId(side);\n  const panelId = shell.getPanelId(side);\n  const railId = shell.getRailId(side);\n\n  const railChildren = childrenArrayOf(children, 'rail');\n  const panelChildren = childrenArrayOf(children, 'panel');\n  const hasRail = railChildren.length > 0;\n  const hasPanel = panelChildren.length > 0;\n  const hasSlots = hasRail || hasPanel;\n\n  // Pattern registration per side\n  React.useEffect(() => {\n    shell.setPatternForSide(side, hasSlots && hasRail && hasPanel ? 'split' : 'single');\n  }, [shell, side, hasSlots, hasRail, hasPanel]);\n\n  // Initialize defaults (run once)\n  const didInitRef = React.useRef(false);\n  React.useEffect(() => {\n    if (didInitRef.current) return;\n    didInitRef.current = true;\n    if (hasSlots) {\n      // split: rail value\n      const initial = value ?? defaultValue ?? (overlay ? 'collapsed' : 'open');\n      shell.setRailBySide(side, initial);\n      if (overlay) shell.setPanelRequestedBySide(side, false);\n    } else {\n      // single: view\n      const initialView = view ?? defaultView ?? (overlay ? 'collapsed' : 'panel');\n      shell.setSingleViewBySide(side, initialView);\n    }\n  }, [hasSlots, value, defaultValue, view, defaultView, shell, side, overlay]);\n\n  // Keep context in sync for controlled\n  React.useEffect(() => {\n    if (!hasSlots) return;\n    if (value !== undefined && shell.railBySide[side] !== value) {\n      shell.setRailBySide(side, value);\n    }\n  }, [value, hasSlots, shell, side]);\n  React.useEffect(() => {\n    if (hasSlots) return;\n    if (view !== undefined && shell.singleViewBySide[side] !== view) {\n      shell.setSingleViewBySide(side, view);\n    }\n  }, [view, hasSlots, shell, side]);\n\n  const railValue = shell.railBySide[side];\n  const panelRequested = shell.panelRequestedBySide[side];\n  const singleView = shell.singleViewBySide[side];\n  const activeTool = shell.activeToolBySide[side];\n\n  // Emit changes for uncontrolled\n  const prevRailRef = React.useRef<RailValue | null>(null);\n  React.useEffect(() => {\n    if (!hasSlots) return;\n    if (value !== undefined) return;\n    if (prevRailRef.current !== railValue) {\n      prevRailRef.current = railValue;\n      onValueChange?.(railValue);\n    }\n  }, [hasSlots, railValue, value, onValueChange]);\n  const prevViewRef = React.useRef<SingleView | null>(null);\n  React.useEffect(() => {\n    if (hasSlots) return;\n    if (view !== undefined) return;\n    if (prevViewRef.current !== singleView) {\n      prevViewRef.current = singleView;\n      onViewChange?.(singleView);\n    }\n  }, [hasSlots, singleView, view, onViewChange]);\n\n  // Derived visibility:\n  // - Split (rail+panel): panel shows when rail is open, panel is requested, and a tool is active\n  // - Panel-only (no rail): panel shows unconditionally (no tool gating)\n  // - Single-markup: shows when view === 'panel' and a tool is active\n  const railVisible = hasSlots ? hasRail && railValue === 'open' : singleView === 'rail';\n  const panelVisible = hasSlots\n    ? hasPanel && (hasRail ? railValue === 'open' && panelRequested && activeTool !== null : true)\n    : singleView === 'panel';\n\n  // Overlay behavior (non-inline): mount as a Sheet from the top (default)\n  // Resolve overlay responsively: built-in defaults overruled by prop\n  // Defaults: overlay on initial/xs/sm; inline on md+\n  const defaultOverlay = { initial: true, xs: true, sm: true, md: false, lg: false, xl: false };\n  const mergedOverlay = React.useMemo(() => {\n    if (typeof overlay === 'boolean') {\n      return { initial: overlay } as Partial<\n        Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>\n      >;\n    }\n    return { ...defaultOverlay, ...(overlay || {}) } as Partial<\n      Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>\n    >;\n  }, [overlay, defaultOverlay]);\n\n  const [currentBp, setCurrentBp] = React.useState<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl'>(\n    'initial',\n  );\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const queries: [key: 'xs' | 'sm' | 'md' | 'lg' | 'xl', query: string][] = [\n      ['xs', '(min-width: 520px)'],\n      ['sm', '(min-width: 768px)'],\n      ['md', '(min-width: 1024px)'],\n      ['lg', '(min-width: 1280px)'],\n      ['xl', '(min-width: 1640px)'],\n    ];\n    const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n    const compute = () => {\n      // Highest matched wins\n      const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n      const next = (matched[matched.length - 1] as typeof currentBp | undefined) ?? 'initial';\n      setCurrentBp(next);\n    };\n    compute();\n    mqls.forEach(([, m]) => m.addEventListener('change', compute));\n    return () => {\n      mqls.forEach(([, m]) => m.removeEventListener('change', compute));\n    };\n  }, []);\n\n  const isOverlay = (() => {\n    const val = mergedOverlay[currentBp];\n    if (typeof val === 'boolean') return val;\n    // Fallback cascade: if current not set, try smaller breakpoints, then initial\n    const order: (typeof currentBp)[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n    const idx = order.indexOf(currentBp);\n    for (let i = idx + 1; i < order.length; i++) {\n      const v = mergedOverlay[order[i]];\n      if (typeof v === 'boolean') return v;\n    }\n    return mergedOverlay.initial ?? false;\n  })();\n\n  if (isOverlay) {\n    const open = hasSlots ? railValue === 'open' || panelRequested : singleView !== 'collapsed';\n    const onOpenChange = (next: boolean) => {\n      if (hasSlots) {\n        if (!next) {\n          shell.setRailBySide(side, 'collapsed');\n          shell.setPanelRequestedBySide(side, false);\n        } else {\n          shell.setRailBySide(side, 'open');\n        }\n      } else {\n        if (!next) shell.setSingleViewBySide(side, 'collapsed');\n        else shell.setSingleViewBySide(side, 'panel');\n      }\n    };\n\n    const sheetSide = overlaySide ?? side;\n\n    // Choose what to render in overlay\n    // Split pattern: default to combined (rail + panel). Panel visibility follows panel intent and active tool.\n    // Single-markup: render the provided children as-is.\n    const overlayPanelVisible = hasSlots\n      ? hasPanel && (hasRail ? panelRequested && activeTool !== null : true)\n      : false;\n    const overlayContent = hasSlots ? (\n      <div style={{ display: 'flex', height: '100%', minBlockSize: 0 }}>\n        {hasRail ? (\n          <div\n            id={railId}\n            className=\"rt-ShellSidebarRail\"\n            data-section=\"rail\"\n            data-visible\n            style={{ inlineSize: 'var(--shell-sidebar-rail-width, 64px)', overflow: 'hidden' }}\n          >\n            {railChildren}\n          </div>\n        ) : null}\n        {hasPanel ? (\n          <div\n            id={panelId}\n            className=\"rt-ShellSidebarPanel\"\n            data-section=\"panel\"\n            data-visible={overlayPanelVisible || undefined}\n            aria-hidden={overlayPanelVisible ? undefined : true}\n            {...(overlayPanelVisible ? {} : { inert })}\n            style={{\n              inlineSize: overlayPanelVisible ? 'var(--shell-sidebar-panel-width, 288px)' : '0px',\n              overflow: 'hidden',\n            }}\n          >\n            {panelChildren}\n          </div>\n        ) : null}\n      </div>\n    ) : (\n      children\n    );\n\n    // Compute sheet width based on split/single pattern using CSS tokens\n    const computedWidth =\n      sheetSide === 'start' || sheetSide === 'end'\n        ? hasSlots\n          ? overlayPanelVisible\n            ? 'var(--shell-sidebar-combined-width)'\n            : 'var(--shell-sidebar-rail-width)'\n          : singleView === 'rail'\n            ? 'var(--shell-sidebar-rail-width)'\n            : 'var(--shell-sidebar-panel-width)'\n        : '100vw';\n\n    return (\n      <>\n        <Sheet.Root open={open} onOpenChange={onOpenChange}>\n          <Sheet.Content\n            id={regionId}\n            side={sheetSide}\n            height={{ initial: '100vh' }}\n            width={{ initial: computedWidth }}\n            style={{ ['--dialog-content-padding' as any]: '0px' }}\n          >\n            <Sheet.Title>\n              <VisuallyHidden>Sidebar</VisuallyHidden>\n            </Sheet.Title>\n            {overlayContent}\n          </Sheet.Content>\n        </Sheet.Root>\n      </>\n    );\n  }\n\n  return (\n    <Comp\n      {...props}\n      ref={ref}\n      id={regionId}\n      className={classNames('rt-ShellSidebar', className)}\n      data-side={side}\n      data-rail={hasSlots ? railValue : undefined}\n      data-panel={hasSlots ? (panelVisible ? 'visible' : 'hidden') : undefined}\n      data-state={!hasSlots ? singleView : undefined}\n      aria-label={props['aria-label']}\n      style={{ ...style }}\n    >\n      {hasSlots ? (\n        <>\n          <SidebarSectionContext.Provider value={{ side, section: 'rail' }}>\n            {hasRail ? (\n              <div\n                id={railId}\n                className=\"rt-ShellSidebarRail\"\n                data-section=\"rail\"\n                data-visible={railVisible || undefined}\n                aria-hidden={railVisible ? undefined : true}\n                {...(railVisible ? {} : { inert })}\n                style={{\n                  inlineSize: railVisible ? 'var(--shell-sidebar-rail-width, 64px)' : '0px',\n                  overflow: 'hidden',\n                }}\n              >\n                {railChildren}\n              </div>\n            ) : null}\n          </SidebarSectionContext.Provider>\n          <SidebarSectionContext.Provider value={{ side, section: 'panel' }}>\n            {hasPanel ? (\n              <div\n                id={panelId}\n                className=\"rt-ShellSidebarPanel\"\n                data-section=\"panel\"\n                data-visible={panelVisible || undefined}\n                aria-hidden={panelVisible ? undefined : true}\n                {...(panelVisible ? {} : { inert })}\n                style={{\n                  inlineSize: panelVisible ? 'var(--shell-sidebar-panel-width, 288px)' : '0px',\n                  overflow: 'hidden',\n                }}\n              >\n                {panelChildren}\n              </div>\n            ) : null}\n          </SidebarSectionContext.Provider>\n        </>\n      ) : (\n        // Single-markup morphing\n        <div\n          className=\"rt-ShellSidebarSingle\"\n          data-visible={singleView !== 'collapsed' || undefined}\n          aria-hidden={singleView === 'collapsed' ? true : undefined}\n          style={{\n            inlineSize:\n              singleView === 'collapsed'\n                ? '0px'\n                : singleView === 'rail'\n                  ? 'var(--shell-sidebar-rail-width, 64px)'\n                  : 'var(--shell-sidebar-panel-width, 288px)',\n            overflow: 'hidden',\n          }}\n        >\n          {children}\n        </div>\n      )}\n    </Comp>\n  );\n};\n\nconst Sidebar = React.forwardRef<HTMLDivElement, ShellSidebarProps>(\n  SidebarInner,\n) as ShellSidebarComponent;\nSidebar.displayName = 'Shell.Sidebar';\n\n// Helper to pick rail/panel children by marker components\nfunction childrenArrayOf(children: React.ReactNode, slot: 'rail' | 'panel') {\n  const arr = React.Children.toArray(children) as React.ReactElement[];\n  return arr.filter((el) => React.isValidElement(el) && (el.type as any)?.['__shellSlot'] === slot);\n}\n\nSidebar.Rail = Rail;\nSidebar.Panel = Panel;\n\n// Local Trigger (inside a sidebar)\nimport type { IconButtonProps } from './icon-button.js';\ntype LocalTriggerProps = IconButtonProps<'button'>;\n/**\n * `Shell.Sidebar.Trigger` toggles the sidebar where it is rendered.\n * - In split-mode: toggles rail open/collapsed\n * - In single-markup: cycles through panel \u2192 rail \u2192 collapsed\n */\nconst LocalTrigger = React.forwardRef<React.ElementRef<typeof IconButton>, LocalTriggerProps>(\n  ({ onClick, children, ...props }, ref) => {\n    const section = useSidebarSection();\n    const shell = useShell();\n    const side = section?.side ?? 'start';\n    const controlsId = shell.getRegionId(side);\n    const expanded =\n      shell.patternBySide[side] === 'split'\n        ? shell.railBySide[side] === 'open'\n        : shell.singleViewBySide[side] !== 'collapsed';\n    return (\n      <IconButton\n        {...props}\n        ref={ref}\n        variant=\"soft\"\n        aria-controls={controlsId}\n        aria-expanded={expanded}\n        onClick={(e) => {\n          onClick?.(e);\n          if (shell.patternBySide[side] === 'split') shell.toggleRail(side);\n          else shell.cycleSingleView(side);\n        }}\n      >\n        {children || <ChevronDownIcon />}\n      </IconButton>\n    );\n  },\n);\nLocalTrigger.displayName = 'Shell.Sidebar.Trigger';\n\n// Global Trigger\ntype GlobalTriggerProps = IconButtonProps<'button'> & { side: ShellSide };\n/**\n * `Shell.Trigger` controls a specific `side` from anywhere inside `Shell.Root`.\n * Mirrors behavior of the local trigger, but with explicit side.\n */\nconst Trigger = React.forwardRef<React.ElementRef<typeof IconButton>, GlobalTriggerProps>(\n  ({ side, onClick, children, ...props }, ref) => {\n    const shell = useShell();\n    const controlsId = shell.getRegionId(side);\n    const expanded =\n      shell.patternBySide[side] === 'split'\n        ? shell.railBySide[side] === 'open'\n        : shell.singleViewBySide[side] !== 'collapsed';\n    return (\n      <IconButton\n        {...props}\n        ref={ref}\n        variant=\"ghost\"\n        aria-controls={controlsId}\n        aria-expanded={expanded}\n        onClick={(e) => {\n          onClick?.(e);\n          if (shell.patternBySide[side] === 'split') shell.toggleRail(side);\n          else shell.cycleSingleView(side);\n        }}\n      >\n        {children || <ChevronDownIcon />}\n      </IconButton>\n    );\n  },\n);\nTrigger.displayName = 'Shell.Trigger';\n\n// Attach slots to Sidebar for namespaced API\n(Sidebar as any).Rail = Rail;\n(Sidebar as any).Panel = Panel;\n(Sidebar as any).Trigger = LocalTrigger;\n\nexport { Root, Header, Footer, Content, Sidebar, Trigger, useShell, useRailEvents, usePanelState };\n// Convenience per-side API\n/**\n * Convenience hook to interrogate and control one sidebar.\n * - `rail`: open/collapsed helpers for split pattern\n * - `panel`: show/hide helpers; visibility is conditional on rail open in split pattern\n * - `single`: view control for single-markup pattern\n * - `activeTool`: active tool coordination state\n */\nfunction useSidebar(side: ShellSide): {\n  side: ShellSide;\n  isSplit: boolean;\n  rail: {\n    value: RailValue;\n    isOpen: boolean;\n    open: () => void;\n    close: () => void;\n    toggle: () => void;\n    onItemSelected: (item: string) => void;\n  };\n  panel: {\n    isVisible: boolean;\n    show: () => void;\n    hide: () => void;\n    activeTool: string | null;\n    activeContext: string | null;\n  };\n  single: { view: SingleView; setView: (view: SingleView) => void; cycle: () => void };\n  activeTool: string | null;\n  setActiveTool: (tool: string | null) => void;\n  activeContext: string | null;\n  setActiveContext: (context: string | null) => void;\n} {\n  const shell = useShell();\n  const isSplit = shell.patternBySide[side] === 'split';\n  const railValue = shell.railBySide[side];\n  const activeTool = shell.activeToolBySide[side];\n\n  const panelVisible =\n    shell.panelRequestedBySide[side] && railValue === 'open' && activeTool !== null;\n  return {\n    side,\n    isSplit,\n    rail: {\n      value: railValue,\n      isOpen: railValue === 'open',\n      open: () => shell.setRailBySide(side, 'open'),\n      close: () => {\n        shell.setRailBySide(side, 'collapsed');\n        shell.setPanelRequestedBySide(side, false);\n      },\n      toggle: () => shell.toggleRail(side),\n      onItemSelected: (item: string) => shell.onItemSelected(side, item),\n    },\n    panel: {\n      isVisible: panelVisible,\n      show: () => shell.setPanelRequestedBySide(side, true),\n      hide: () => shell.setPanelRequestedBySide(side, false),\n      activeTool: shell.activeToolBySide[side],\n      activeContext: shell.activeContextBySide[side],\n    },\n    single: {\n      view: shell.singleViewBySide[side],\n      setView: (view: SingleView) => shell.setSingleViewBySide(side, view),\n      cycle: () => shell.cycleSingleView(side),\n    },\n    activeTool: shell.activeToolBySide[side],\n    setActiveTool: (tool: string | null) => shell.setActiveTool(side, tool),\n    activeContext: shell.activeContextBySide[side],\n    setActiveContext: (context: string | null) => shell.setActiveContext(side, context),\n  };\n}\n\nexport { useSidebar };\n"],
+  "mappings": "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",
+  "names": ["React", "classNames", "IconButton", "ChevronDownIcon", "inert", "Sheet", "VisuallyHidden", "ShellSidebarSectionContext", "ShellContext", "useShell", "ctx", "SidebarSectionContext", "useSidebarSection", "RailContext", "useRailEvents", "PanelContext", "usePanelState", "getDocumentDirection", "Root", "minContentWidth", "rtl", "headerHeight", "zHeader", "cascadeSide", "activeToolProp", "onToolChange", "activeContextProp", "onContextChange", "className", "style", "children", "props", "ref", "computedDir", "railBySide", "setRailBySideState", "setRailBySide", "side", "value", "prev", "toggleRail", "next", "panelRequestedBySide", "setPanelRequestedBySideState", "setPanelRequestedBySide", "requested", "patternBySide", "setPatternBySide", "setPatternForSide", "pattern", "singleViewBySide", "setSingleViewBySideState", "setSingleViewBySide", "view", "cycleSingleView", "order", "current", "idx", "activeToolBySide", "setActiveToolBySideState", "setActiveTool", "tool", "onItemSelected", "item", "activeContextBySide", "setActiveContextBySideState", "setActiveContext", "context", "startRegionId", "endRegionId", "startPanelId", "endPanelId", "startRailId", "endRailId", "getRegionId", "getPanelId", "getRailId", "childArray", "isType", "el", "comp", "headerEls", "Header", "footerEls", "Footer", "contentEls", "Content", "sidebarEls", "Sidebar", "startSidebars", "endSidebars", "bodyChildren", "ContentBase", "Rail", "_ref", "sidebarSection", "shell", "railContext", "sidebarSectionContext", "Panel", "panelContext", "SidebarInner", "overlay", "overlaySide", "defaultValue", "onValueChange", "defaultView", "onViewChange", "as", "Comp", "regionId", "panelId", "railId", "railChildren", "childrenArrayOf", "panelChildren", "hasRail", "hasPanel", "hasSlots", "didInitRef", "initial", "initialView", "railValue", "panelRequested", "singleView", "activeTool", "prevRailRef", "prevViewRef", "railVisible", "panelVisible", "defaultOverlay", "mergedOverlay", "currentBp", "setCurrentBp", "mqls", "k", "q", "compute", "matched", "m", "val", "i", "v", "open", "onOpenChange", "sheetSide", "overlayPanelVisible", "overlayContent", "computedWidth", "slot", "LocalTrigger", "onClick", "section", "controlsId", "expanded", "e", "Trigger", "useSidebar", "isSplit"]
 }

package/dist/esm/components/sidebar.d.ts

@@ -13,6 +13,11 @@ type BadgeConfig = {
     highContrast?: BadgeProps['highContrast'];
     radius?: BadgeProps['radius'];
 };
+type ShellSidebarSectionContextValue = {
+    side: 'start' | 'end';
+    section: 'rail' | 'panel';
+};
+declare const ShellSidebarSectionContext: React.Context<ShellSidebarSectionContextValue | null>;
 type SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;
 interface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {
 }
@@ -129,5 +134,6 @@ export { Sidebar as Root, SidebarContent as Content, SidebarHeader as Header, Si
  * - Justification: rt-justify-between, rt-justify-center, rt-justify-start, rt-justify-end
  * - Gap: rt-gap-1, rt-gap-2, rt-gap-3, rt-gap-4
  */
-export type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig, };
+export type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig, ShellSidebarSectionContextValue, };
+export { ShellSidebarSectionContext };
 //# sourceMappingURL=sidebar.d.ts.map