@kushagradhawan/kookie-ui 0.1.32 → 0.1.34

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

@@ -0,0 +1,82 @@
+/**
+ * Sheet
+ *
+ * A side-placed overlay built on top of Radix Dialog. It inherits accessibility,
+ * focus management, overlay behavior, and sizing scales from the base dialog, and
+ * adds side placement and slide motion suited for navigation panels and drawers.
+ *
+ * Structure mirrors Dialog:
+ * - Root, Trigger, Content, Title, Description, Close
+ *
+ * Notes
+ * - Side: set with `side` on `Sheet.Content`. Aliases: `left` → `start`, `right` → `end`.
+ * - Sizing: reuses Dialog content prop defs (width/min/max/height/size). Default Dialog
+ *   maxWidth clamping is removed for Sheets.
+ * - Material: use `material` (solid | translucent). Deprecated `panelBackground` falls back
+ *   in dev with a warning.
+ * - A11y: provide an accessible name via `Sheet.Title` or `aria-label` on `Sheet.Content`.
+ *
+ * Example
+ * <Sheet.Root>
+ *   <Sheet.Trigger>
+ *     <Button>Open</Button>
+ *   </Sheet.Trigger>
+ *   <Sheet.Content side="end" width={{ initial: '280px', md: '360px' }}>
+ *     <Sheet.Title>Details</Sheet.Title>
+ *     ...
+ *     <Sheet.Close>
+ *       <Button>Close</Button>
+ *     </Sheet.Close>
+ *   </Sheet.Content>
+ * </Sheet.Root>
+ */
+import * as React from 'react';
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import type { DialogContentOwnProps } from './dialog.props.js';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+/**
+ * Supported sides for the Sheet.
+ * Aliases are normalized RTL-aware: `left` → `start`, `right` → `end`.
+ */
+type SheetSide = 'start' | 'end' | 'top' | 'bottom' | 'left' | 'right';
+/**
+ * Sheet is a side-placed overlay built on the Dialog primitive.
+ * It reuses Dialog's accessibility, focus, overlay, and size scales, while adding side placement and slide motion.
+ */
+/**
+ * Props for `Sheet.Root` (Radix Dialog root with `modal` forced on).
+ */
+interface SheetRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {
+}
+declare const Root: React.FC<SheetRootProps>;
+/** Props for `Sheet.Trigger` (expects a single element child). */
+interface SheetTriggerProps extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {
+}
+declare const Trigger: React.ForwardRefExoticComponent<SheetTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+interface SheetContentProps extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>, DialogContentOwnProps {
+    /** Side where the Sheet should appear. `left`/`right` alias to `start`/`end`. */
+    side?: SheetSide;
+    /** Optional DOM container to portal into. Defaults to `document.body`. */
+    container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];
+}
+/**
+ * Renders the Sheet panel. Normalizes left/right to logical start/end and
+ * forwards dialog sizing props. Provide an accessible name via `Sheet.Title`
+ * or `aria-label`.
+ */
+declare const Content: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+interface SheetTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {
+}
+/** Accessible title for the Sheet. Required for non-decorative content. */
+declare const Title: React.ForwardRefExoticComponent<SheetTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+interface SheetDescriptionProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {
+}
+/** Supplementary description text for Sheet content. */
+declare const Description: React.ForwardRefExoticComponent<SheetDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+interface SheetCloseProps extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {
+}
+/** Close button for the Sheet. Expects a single element child rendered via `asChild`. */
+declare const Close: React.ForwardRefExoticComponent<SheetCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export { Root, Trigger, Content, Title, Description, Close };
+export type { SheetRootProps as RootProps, SheetTriggerProps as TriggerProps, SheetContentProps as ContentProps, };
+//# sourceMappingURL=sheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/sheet.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AAGrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAK/D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEzF;;;GAGG;AACH,KAAK,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvE;;;GAGG;AAGH;;GAEG;AACH,UAAU,cAAe,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC;CAAG;AAC/F,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAwD,CAAC;AAM5F,kEAAkE;AAClE,UAAU,iBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AAChF,QAAA,MAAM,OAAO,6FAMZ,CAAC;AAMF,UAAU,iBACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,OAAO,EAAE,YAAY,CAAC,EACzE,qBAAqB;IACvB,iFAAiF;IACjF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CACxF;AAED;;;;GAIG;AACH,QAAA,MAAM,OAAO,0FAqGZ,CAAC;AAKF,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC;CAAG;AACjG,2EAA2E;AAC3E,QAAA,MAAM,KAAK,4FAMV,CAAC;AAIF,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC;CAAG;AAC/E,wDAAwD;AACxD,QAAA,MAAM,WAAW,oGAMhB,CAAC;AAIF,UAAU,eACR,SAAQ,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AAC9E,yFAAyF;AACzF,QAAA,MAAM,KAAK,2FAMV,CAAC;AAGF,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,CAAC;AAC7D,YAAY,EACV,cAAc,IAAI,SAAS,EAC3B,iBAAiB,IAAI,YAAY,EACjC,iBAAiB,IAAI,YAAY,GAClC,CAAC"}

package/dist/esm/components/sheet.js

@@ -0,0 +1,2 @@
+"use client";import*as e from"react";import k from"classnames";import{Dialog as r}from"radix-ui";import{dialogContentPropDefs as w}from"./dialog.props.js";import{Theme as B}from"./theme.js";import{extractProps as p}from"../helpers/extract-props.js";import{requireReactElement as m}from"../helpers/require-react-element.js";const d=t=>e.createElement(r.Root,{...t,modal:!0});d.displayName="Sheet.Root";const c=e.forwardRef(({children:t,...o},i)=>e.createElement(r.Trigger,{...o,ref:i,asChild:!0},m(t)));c.displayName="Sheet.Trigger";const f=e.forwardRef((t,o)=>{const{side:i="start",forceMount:D,container:S,className:C,panelBackground:y,material:u,...v}=t,R={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[i],{align:M,panelBackground:T,material:E,...n}=w,{panelBackground:s,material:a}=p({panelBackground:y,material:u},{panelBackground:T,material:E}),l=e.useMemo(()=>a??s,[a,s]),{default:V,...N}=n.maxWidth,x={...n,maxWidth:N},{className:W,...b}=p(v,x);return e.createElement(r.Portal,{container:S,forceMount:D},e.createElement(B,{asChild:!0},e.createElement(r.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},e.createElement(r.Content,{...b,ref:o,className:k("rt-BaseDialogContent","rt-SheetContent",C,W),"data-side":R,"data-material":l,"data-panel-background":l}))))});f.displayName="Sheet.Content";const h=e.forwardRef(({children:t,...o},i)=>e.createElement(r.Title,{...o,ref:i,asChild:!1},t));h.displayName="Sheet.Title";const g=e.forwardRef(({children:t,...o},i)=>e.createElement(r.Description,{...o,ref:i,asChild:!1},t));g.displayName="Sheet.Description";const P=e.forwardRef(({children:t,...o},i)=>e.createElement(r.Close,{...o,ref:i,asChild:!0},m(t)));P.displayName="Sheet.Close";export{P as Close,f as Content,g as Description,d as Root,h as Title,c as Trigger};
+//# sourceMappingURL=sheet.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/sheet.tsx"],
+  "sourcesContent": ["'use client';\n\n/**\n * Sheet\n *\n * A side-placed overlay built on top of Radix Dialog. It inherits accessibility,\n * focus management, overlay behavior, and sizing scales from the base dialog, and\n * adds side placement and slide motion suited for navigation panels and drawers.\n *\n * Structure mirrors Dialog:\n * - Root, Trigger, Content, Title, Description, Close\n *\n * Notes\n * - Side: set with `side` on `Sheet.Content`. Aliases: `left` \u2192 `start`, `right` \u2192 `end`.\n * - Sizing: reuses Dialog content prop defs (width/min/max/height/size). Default Dialog\n *   maxWidth clamping is removed for Sheets.\n * - Material: use `material` (solid | translucent). Deprecated `panelBackground` falls back\n *   in dev with a warning.\n * - A11y: provide an accessible name via `Sheet.Title` or `aria-label` on `Sheet.Content`.\n *\n * Example\n * <Sheet.Root>\n *   <Sheet.Trigger>\n *     <Button>Open</Button>\n *   </Sheet.Trigger>\n *   <Sheet.Content side=\"end\" width={{ initial: '280px', md: '360px' }}>\n *     <Sheet.Title>Details</Sheet.Title>\n *     ...\n *     <Sheet.Close>\n *       <Button>Close</Button>\n *     </Sheet.Close>\n *   </Sheet.Content>\n * </Sheet.Root>\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './dialog.props.js';\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport { Theme } from './theme.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\n\n/**\n * Supported sides for the Sheet.\n * Aliases are normalized RTL-aware: `left` \u2192 `start`, `right` \u2192 `end`.\n */\ntype SheetSide = 'start' | 'end' | 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * Sheet is a side-placed overlay built on the Dialog primitive.\n * It reuses Dialog's accessibility, focus, overlay, and size scales, while adding side placement and slide motion.\n */\n\n// Root\n/**\n * Props for `Sheet.Root` (Radix Dialog root with `modal` forced on).\n */\ninterface SheetRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst Root: React.FC<SheetRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nRoot.displayName = 'Sheet.Root';\n\n// Trigger\n/** Element type for `Sheet.Trigger`. */\ntype SheetTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\n/** Props for `Sheet.Trigger` (expects a single element child). */\ninterface SheetTriggerProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst Trigger = React.forwardRef<SheetTriggerElement, SheetTriggerProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Trigger {...props} ref={ref} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Trigger>\n  ),\n);\nTrigger.displayName = 'Sheet.Trigger';\n\n// Content\n/** Element type for `Sheet.Content`. */\ntype SheetContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface SheetContentProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n    DialogContentOwnProps {\n  /** Side where the Sheet should appear. `left`/`right` alias to `start`/`end`. */\n  side?: SheetSide;\n  /** Optional DOM container to portal into. Defaults to `document.body`. */\n  container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\n\n/**\n * Renders the Sheet panel. Normalizes left/right to logical start/end and\n * forwards dialog sizing props. Provide an accessible name via `Sheet.Title`\n * or `aria-label`.\n */\nconst Content = React.forwardRef<SheetContentElement, SheetContentProps>(\n  (allProps, forwardedRef) => {\n    const {\n      side = 'start',\n      forceMount,\n      container,\n      className,\n      panelBackground: panelBackgroundProp,\n      material: materialProp,\n      ...restProps\n    } = allProps;\n    const normalizedSideMap: Record<SheetSide, 'start' | 'end' | 'top' | 'bottom'> = {\n      left: 'start',\n      right: 'end',\n      start: 'start',\n      end: 'end',\n      top: 'top',\n      bottom: 'bottom',\n    };\n    const normalizedSide = normalizedSideMap[side];\n    // Reuse dialog content prop defs for size/width/height tokens, but handle\n    // material/panelBackground explicitly to avoid forwarding unknown DOM props.\n    const {\n      align: _alignPropDef,\n      panelBackground: panelBackgroundPropDef,\n      material: materialPropDef,\n      ...propDefs\n    } = dialogContentPropDefs;\n\n    // Extract panelBackground and material together (remove from DOM props)\n    const { panelBackground: resolvedPanelBackground, material: resolvedMaterial } = extractProps(\n      { panelBackground: panelBackgroundProp, material: materialProp },\n      { panelBackground: panelBackgroundPropDef, material: materialPropDef },\n    );\n\n    const materialValue = React.useMemo(() => {\n      if (resolvedMaterial !== undefined) {\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn(\n            'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n          );\n        }\n      }\n      return resolvedMaterial ?? resolvedPanelBackground;\n    }, [resolvedMaterial, resolvedPanelBackground]);\n\n    // Now extract remaining props using dialog defs so size/width/height classnames are applied\n    // Override dialog's default maxWidth (600px) to avoid clamping Sheet by default\n    // Match dialog.tsx: extract once and avoid leaking panel/material\n    const { default: _mwDefault, ...maxWidthWithoutDefault } = propDefs.maxWidth;\n    const sheetPropDefs = {\n      ...propDefs,\n      maxWidth: maxWidthWithoutDefault,\n    } as typeof propDefs;\n    const { className: extractedClassName, ...contentProps } = extractProps(\n      restProps,\n      sheetPropDefs,\n    );\n\n    // Dev-only a11y guard: ensure label is provided via Title or aria-label\n    if (process.env.NODE_ENV !== 'production') {\n      const children = (contentProps as any).children as React.ReactNode;\n      const hasAriaLabel = typeof (contentProps as any)['aria-label'] === 'string';\n      let hasTitle = false;\n      if (children) {\n        for (const child of React.Children.toArray(children)) {\n          if (React.isValidElement(child) && child.type === Title) {\n            hasTitle = true;\n            break;\n          }\n        }\n      }\n      if (!hasTitle && !hasAriaLabel) {\n        console.warn(\n          'Sheet.Content: Missing accessible name. Include Sheet.Title as a child or provide aria-label.',\n        );\n      }\n    }\n\n    return (\n      <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay\">\n            <DialogPrimitive.Content\n              {...contentProps}\n              ref={forwardedRef}\n              className={classNames(\n                'rt-BaseDialogContent',\n                'rt-SheetContent',\n                className,\n                extractedClassName,\n              )}\n              data-side={normalizedSide}\n              data-material={materialValue}\n              data-panel-background={materialValue}\n            />\n          </DialogPrimitive.Overlay>\n        </Theme>\n      </DialogPrimitive.Portal>\n    );\n  },\n);\nContent.displayName = 'Sheet.Content';\n\n// Title/Description/Close re-export\ntype SheetTitleElement = React.ElementRef<typeof DialogPrimitive.Title>;\ninterface SheetTitleProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title> {}\n/** Accessible title for the Sheet. Required for non-decorative content. */\nconst Title = React.forwardRef<SheetTitleElement, SheetTitleProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Title {...props} ref={ref} asChild={false}>\n      {children}\n    </DialogPrimitive.Title>\n  ),\n);\nTitle.displayName = 'Sheet.Title';\n\ntype SheetDescriptionElement = React.ElementRef<typeof DialogPrimitive.Description>;\ninterface SheetDescriptionProps\n  extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description> {}\n/** Supplementary description text for Sheet content. */\nconst Description = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Description {...props} ref={ref} asChild={false}>\n      {children}\n    </DialogPrimitive.Description>\n  ),\n);\nDescription.displayName = 'Sheet.Description';\n\ntype SheetCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface SheetCloseProps\n  extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\n/** Close button for the Sheet. Expects a single element child rendered via `asChild`. */\nconst Close = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n  ({ children, ...props }, ref) => (\n    <DialogPrimitive.Close {...props} ref={ref} asChild>\n      {requireReactElement(children)}\n    </DialogPrimitive.Close>\n  ),\n);\nClose.displayName = 'Sheet.Close';\n\nexport { Root, Trigger, Content, Title, Description, Close };\nexport type {\n  SheetRootProps as RootProps,\n  SheetTriggerProps as TriggerProps,\n  SheetContentProps as ContentProps,\n};\n"],
+  "mappings": "aAmCA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,UAAUC,MAAuB,WAE1C,OAAS,yBAAAC,MAA6B,oBAEtC,OAAS,SAAAC,MAAa,aACtB,OAAS,gBAAAC,MAAoB,8BAC7B,OAAS,uBAAAC,MAA2B,sCAoBpC,MAAMC,EAAkCC,GAAUR,EAAA,cAACE,EAAgB,KAAhB,CAAsB,GAAGM,EAAO,MAAK,GAAC,EACzFD,EAAK,YAAc,aAQnB,MAAME,EAAUT,EAAM,WACpB,CAAC,CAAE,SAAAU,EAAU,GAAGF,CAAM,EAAGG,IACvBX,EAAA,cAACE,EAAgB,QAAhB,CAAyB,GAAGM,EAAO,IAAKG,EAAK,QAAO,IAClDL,EAAoBI,CAAQ,CAC/B,CAEJ,EACAD,EAAQ,YAAc,gBAmBtB,MAAMG,EAAUZ,EAAM,WACpB,CAACa,EAAUC,IAAiB,CAC1B,KAAM,CACJ,KAAAC,EAAO,QACP,WAAAC,EACA,UAAAC,EACA,UAAAC,EACA,gBAAiBC,EACjB,SAAUC,EACV,GAAGC,CACL,EAAIR,EASES,EAR2E,CAC/E,KAAM,QACN,MAAO,MACP,MAAO,QACP,IAAK,MACL,IAAK,MACL,OAAQ,QACV,EACyCP,CAAI,EAGvC,CACJ,MAAOQ,EACP,gBAAiBC,EACjB,SAAUC,EACV,GAAGC,CACL,EAAIvB,EAGE,CAAE,gBAAiBwB,EAAyB,SAAUC,CAAiB,EAAIvB,EAC/E,CAAE,gBAAiBc,EAAqB,SAAUC,CAAa,EAC/D,CAAE,gBAAiBI,EAAwB,SAAUC,CAAgB,CACvE,EAEMI,EAAgB7B,EAAM,QAAQ,IAQ3B4B,GAAoBD,EAC1B,CAACC,EAAkBD,CAAuB,CAAC,EAKxC,CAAE,QAASG,EAAY,GAAGC,CAAuB,EAAIL,EAAS,SAC9DM,EAAgB,CACpB,GAAGN,EACH,SAAUK,CACZ,EACM,CAAE,UAAWE,EAAoB,GAAGC,CAAa,EAAI7B,EACzDgB,EACAW,CACF,EAsBA,OACEhC,EAAA,cAACE,EAAgB,OAAhB,CAAuB,UAAWe,EAAW,WAAYD,GACxDhB,EAAA,cAACI,EAAA,CAAM,QAAO,IACZJ,EAAA,cAACE,EAAgB,QAAhB,CAAwB,UAAU,yDACjCF,EAAA,cAACE,EAAgB,QAAhB,CACE,GAAGgC,EACJ,IAAKpB,EACL,UAAWb,EACT,uBACA,kBACAiB,EACAe,CACF,EACA,YAAWX,EACX,gBAAeO,EACf,wBAAuBA,EACzB,CACF,CACF,CACF,CAEJ,CACF,EACAjB,EAAQ,YAAc,gBAMtB,MAAMuB,EAAQnC,EAAM,WAClB,CAAC,CAAE,SAAAU,EAAU,GAAGF,CAAM,EAAGG,IACvBX,EAAA,cAACE,EAAgB,MAAhB,CAAuB,GAAGM,EAAO,IAAKG,EAAK,QAAS,IAClDD,CACH,CAEJ,EACAyB,EAAM,YAAc,cAMpB,MAAMC,EAAcpC,EAAM,WACxB,CAAC,CAAE,SAAAU,EAAU,GAAGF,CAAM,EAAGG,IACvBX,EAAA,cAACE,EAAgB,YAAhB,CAA6B,GAAGM,EAAO,IAAKG,EAAK,QAAS,IACxDD,CACH,CAEJ,EACA0B,EAAY,YAAc,oBAM1B,MAAMC,EAAQrC,EAAM,WAClB,CAAC,CAAE,SAAAU,EAAU,GAAGF,CAAM,EAAGG,IACvBX,EAAA,cAACE,EAAgB,MAAhB,CAAuB,GAAGM,EAAO,IAAKG,EAAK,QAAO,IAChDL,EAAoBI,CAAQ,CAC/B,CAEJ,EACA2B,EAAM,YAAc",
+  "names": ["React", "classNames", "DialogPrimitive", "dialogContentPropDefs", "Theme", "extractProps", "requireReactElement", "Root", "props", "Trigger", "children", "ref", "Content", "allProps", "forwardedRef", "side", "forceMount", "container", "className", "panelBackgroundProp", "materialProp", "restProps", "normalizedSide", "_alignPropDef", "panelBackgroundPropDef", "materialPropDef", "propDefs", "resolvedPanelBackground", "resolvedMaterial", "materialValue", "_mwDefault", "maxWidthWithoutDefault", "sheetPropDefs", "extractedClassName", "contentProps", "Title", "Description", "Close"]
+}

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

@@ -0,0 +1,180 @@
+import * as React from 'react';
+/** Logical document direction. Derived from document root unless `rtl` is passed. */
+type ShellDirection = 'ltr' | 'rtl';
+/** Logical side, independent of physical left/right and aware of RTL. */
+type ShellSide = 'start' | 'end';
+/** Split-mode rail state. */
+type RailValue = 'open' | 'collapsed';
+/** Single-markup view for morphing sidebars. */
+type SingleView = 'panel' | 'rail' | 'collapsed';
+/**
+ * Shared shell state across all subcomponents.
+ *
+ * We centralize both split-mode and single-markup state to allow triggers,
+ * meters, and other UI to observe/modify layout consistently.
+ */
+type ShellContextValue = {
+    dir: ShellDirection;
+    headerHeight: string;
+    zHeader?: number;
+    railBySide: Record<ShellSide, RailValue>;
+    setRailBySide: (side: ShellSide, value: RailValue) => void;
+    toggleRail: (side: ShellSide) => void;
+    panelRequestedBySide: Record<ShellSide, boolean>;
+    setPanelRequestedBySide: (side: ShellSide, requested: boolean) => void;
+    patternBySide: Record<ShellSide, 'single' | 'split'>;
+    setPatternForSide: (side: ShellSide, pattern: 'single' | 'split') => void;
+    singleViewBySide: Record<ShellSide, SingleView>;
+    setSingleViewBySide: (side: ShellSide, view: SingleView) => void;
+    cycleSingleView: (side: ShellSide) => void;
+    activeToolBySide: Record<ShellSide, string | null>;
+    setActiveTool: (side: ShellSide, tool: string | null) => void;
+    onItemSelected: (side: ShellSide, item: string) => void;
+    activeContextBySide: Record<ShellSide, string | null>;
+    setActiveContext: (side: ShellSide, context: string | null) => void;
+    getRegionId: (side: ShellSide) => string;
+    getPanelId: (side: ShellSide) => string;
+    getRailId: (side: ShellSide) => string;
+};
+/** Access the shell context (internal wiring for subcomponents). */
+declare function useShell(): ShellContextValue;
+type RailContextValue = {
+    onItemSelected: (item: string) => void;
+};
+/** Hook to emit rail selection events. Use this in Rail children to emit item selection. */
+declare function useRailEvents(): RailContextValue;
+type PanelContextValue = {
+    activeTool: string | null;
+    activeContext: string | null;
+};
+/** Hook to access active tool state. Use this in Panel children to render based on active tool. */
+declare function usePanelState(): PanelContextValue;
+/**
+ * Props for `Shell.Root`.
+ *
+ * - `minContentWidth`: CSS length to enforce a minimum inline-size for content
+ *   area. This prevents content from collapsing too far when sidebars are open.
+ * - `rtl`: Force RTL/LTR independent of document; otherwise derived from root.
+ * - `headerHeight`: Sticky header block-size.
+ * - `zHeader`: z-index for sticky header stacking.
+ */
+interface ShellRootProps extends React.ComponentPropsWithoutRef<'div'> {
+    minContentWidth?: string;
+    rtl?: boolean;
+    headerHeight?: string;
+    zHeader?: number;
+    cascadeSide?: ShellSide;
+    activeTool?: string | null;
+    onToolChange?: (id: string | null) => void;
+    activeContext?: string | null;
+    onContextChange?: (id: string | null) => void;
+}
+declare const Root: React.ForwardRefExoticComponent<ShellRootProps & React.RefAttributes<HTMLDivElement>>;
+/** Props for `Shell.Header`. Sticky by default and respects `--shell-header-height`. */
+interface ShellHeaderProps extends React.ComponentPropsWithoutRef<'header'> {
+}
+declare const Header: React.ForwardRefExoticComponent<ShellHeaderProps & React.RefAttributes<HTMLElement>>;
+/** Props for `Shell.Footer`. Rendered after body and outside the content scroll. */
+interface ShellFooterProps extends React.ComponentPropsWithoutRef<'footer'> {
+}
+declare const Footer: React.ForwardRefExoticComponent<ShellFooterProps & React.RefAttributes<HTMLElement>>;
+/** Props for `Shell.Content`. The only scrollable area of the Shell. */
+interface ShellContentProps extends React.ComponentPropsWithoutRef<'main'> {
+}
+declare const Content: React.ForwardRefExoticComponent<ShellContentProps & React.RefAttributes<HTMLElement>>;
+/**
+ * `Shell.Sidebar` controls one logical side. It supports two patterns:
+ * - Split pattern by providing both `Sidebar.Rail` and `Sidebar.Panel` children
+ * - Single-markup morphing when no slots are provided
+ *
+ * Controlled/uncontrolled:
+ * - Split: `value`/`defaultValue` reflect rail `open|collapsed`
+ * - Single: `view`/`defaultView` reflect `panel|rail|collapsed`
+ */
+interface ShellSidebarProps extends React.ComponentPropsWithoutRef<'div'> {
+    side: ShellSide;
+    overlay?: boolean | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', boolean>>;
+    overlaySide?: 'start' | 'end' | 'top' | 'bottom';
+    value?: RailValue;
+    defaultValue?: RailValue;
+    onValueChange?: (value: RailValue) => void;
+    view?: SingleView;
+    defaultView?: SingleView;
+    onViewChange?: (view: SingleView) => void;
+    as?: 'nav' | 'aside' | 'div';
+    'aria-label'?: string;
+}
+/** Rail component that provides event emission context for stateless navigation. */
+interface RailProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const Rail: React.ForwardRefExoticComponent<RailProps & React.RefAttributes<HTMLDivElement>> & {
+    displayName: string;
+    __shellSlot: "rail";
+};
+/** Panel component that provides active tool context for stateless content rendering. */
+interface PanelProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLDivElement>> & {
+    displayName: string;
+    __shellSlot: "panel";
+};
+type ShellSidebarComponent = React.ForwardRefExoticComponent<ShellSidebarProps & React.RefAttributes<HTMLDivElement>> & {
+    Rail: typeof Rail;
+    Panel: typeof Panel;
+    Trigger: typeof LocalTrigger;
+};
+declare const Sidebar: ShellSidebarComponent;
+import type { IconButtonProps } from './icon-button.js';
+type LocalTriggerProps = IconButtonProps<'button'>;
+/**
+ * `Shell.Sidebar.Trigger` toggles the sidebar where it is rendered.
+ * - In split-mode: toggles rail open/collapsed
+ * - In single-markup: cycles through panel → rail → collapsed
+ */
+declare const LocalTrigger: React.ForwardRefExoticComponent<LocalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+type GlobalTriggerProps = IconButtonProps<'button'> & {
+    side: ShellSide;
+};
+/**
+ * `Shell.Trigger` controls a specific `side` from anywhere inside `Shell.Root`.
+ * Mirrors behavior of the local trigger, but with explicit side.
+ */
+declare const Trigger: React.ForwardRefExoticComponent<GlobalTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export { Root, Header, Footer, Content, Sidebar, Trigger, useShell, useRailEvents, usePanelState };
+/**
+ * Convenience hook to interrogate and control one sidebar.
+ * - `rail`: open/collapsed helpers for split pattern
+ * - `panel`: show/hide helpers; visibility is conditional on rail open in split pattern
+ * - `single`: view control for single-markup pattern
+ * - `activeTool`: active tool coordination state
+ */
+declare function useSidebar(side: ShellSide): {
+    side: ShellSide;
+    isSplit: boolean;
+    rail: {
+        value: RailValue;
+        isOpen: boolean;
+        open: () => void;
+        close: () => void;
+        toggle: () => void;
+        onItemSelected: (item: string) => void;
+    };
+    panel: {
+        isVisible: boolean;
+        show: () => void;
+        hide: () => void;
+        activeTool: string | null;
+        activeContext: string | null;
+    };
+    single: {
+        view: SingleView;
+        setView: (view: SingleView) => void;
+        cycle: () => void;
+    };
+    activeTool: string | null;
+    setActiveTool: (tool: string | null) => void;
+    activeContext: string | null;
+    setActiveContext: (context: string | null) => void;
+};
+export { useSidebar };
+//# sourceMappingURL=shell.d.ts.map

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

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

package/dist/esm/components/shell.js

@@ -0,0 +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};
+//# sourceMappingURL=shell.js.map

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

@@ -0,0 +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"]
+}

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

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import { Accordion } from 'radix-ui';
 import { sidebarPropDefs } from './sidebar.props.js';
-import { IconButton } from './icon-button.js';
 import { Separator } from './separator.js';
 import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
 import type { GetPropDefTypes } from '../props/prop-def.js';
@@ -14,38 +13,13 @@ type BadgeConfig = {
     highContrast?: BadgeProps['highContrast'];
     radius?: BadgeProps['radius'];
 };
-type SidebarContextProps = {
-    state: 'expanded' | 'collapsed';
-    open: boolean;
-    setOpen: (open: boolean) => void;
-    openMobile: boolean;
-    setOpenMobile: (open: boolean) => void;
-    isMobile: boolean;
-    toggleSidebar: () => void;
-    side: 'left' | 'right';
-    type: 'sidebar' | 'floating';
-    variant: 'soft' | 'outline' | 'surface' | 'ghost';
-    menuVariant: 'solid' | 'soft';
-    collapsible: 'offcanvas' | 'icon' | 'none';
-    size: '1' | '2';
-};
-declare function useSidebar(): SidebarContextProps;
-interface SidebarProviderProps extends React.ComponentPropsWithoutRef<'div'> {
-    defaultOpen?: boolean;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    side?: 'left' | 'right';
-}
-declare const SidebarProvider: React.ForwardRefExoticComponent<SidebarProviderProps & React.RefAttributes<HTMLDivElement>>;
 type SidebarOwnProps = GetPropDefTypes<typeof sidebarPropDefs>;
 interface SidebarProps extends ComponentPropsWithout<'div', RemovedProps>, SidebarOwnProps {
 }
 declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
 interface SidebarContentProps extends React.ComponentPropsWithoutRef<'div'> {
-    /**
-     * Accessible label for the navigation region.
-     * @default "Main navigation"
-     */
+    id?: string;
+    role?: 'navigation' | 'none';
     'aria-label'?: string;
 }
 declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;
@@ -65,9 +39,6 @@ interface SidebarFooterProps extends React.ComponentPropsWithoutRef<'div'> {
     asContainer?: boolean;
 }
 declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
-interface SidebarTriggerProps extends ComponentPropsWithout<typeof IconButton, RemovedProps> {
-}
-declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<SidebarTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 interface SidebarSeparatorProps extends ComponentPropsWithout<typeof Separator, RemovedProps> {
 }
 declare const SidebarSeparator: React.ForwardRefExoticComponent<SidebarSeparatorProps & React.RefAttributes<HTMLSpanElement>>;
@@ -105,7 +76,7 @@ declare const SidebarGroupLabel: React.ForwardRefExoticComponent<SidebarGroupLab
 interface SidebarGroupContentProps extends React.ComponentPropsWithoutRef<'div'> {
 }
 declare const SidebarGroupContent: React.ForwardRefExoticComponent<SidebarGroupContentProps & React.RefAttributes<HTMLDivElement>>;
-export { SidebarProvider as Provider, Sidebar as Root, SidebarContent as Content, SidebarHeader as Header, SidebarFooter as Footer, SidebarTrigger as Trigger, SidebarSeparator as Separator, SidebarMenu as Menu, SidebarMenuItem as MenuItem, SidebarMenuButton as MenuButton, SidebarMenuSub as MenuSub, SidebarMenuSubTrigger as MenuSubTrigger, SidebarMenuSubContent as MenuSubContent, SidebarGroup as Group, SidebarGroupLabel as GroupLabel, SidebarGroupContent as GroupContent, useSidebar, };
+export { Sidebar as Root, SidebarContent as Content, SidebarHeader as Header, SidebarFooter as Footer, SidebarSeparator as Separator, SidebarMenu as Menu, SidebarMenuItem as MenuItem, SidebarMenuButton as MenuButton, SidebarMenuSub as MenuSub, SidebarMenuSubTrigger as MenuSubTrigger, SidebarMenuSubContent as MenuSubContent, SidebarGroup as Group, SidebarGroupLabel as GroupLabel, SidebarGroupContent as GroupContent, };
 /**
  * Enhanced Sidebar Header and Footer Usage Examples:
  *
@@ -158,5 +129,5 @@ export { SidebarProvider as Provider, Sidebar as Root, SidebarContent as Content
  * - 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 { SidebarProviderProps as ProviderProps, SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, SidebarTriggerProps as TriggerProps, BadgeConfig, };
+export type { SidebarProps as RootProps, SidebarContentProps as ContentProps, SidebarHeaderProps as HeaderProps, SidebarFooterProps as FooterProps, BadgeConfig, };
 //# sourceMappingURL=sidebar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAIrD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAM3C,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC5D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAG7C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC5B,YAAY,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC/B,CAAC;AAaF,KAAK,eAAe,GAAG,eAAe,CAAC,OAAO,eAAe,CAAC,CAAC;AAC/D,UAAU,YAAa,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAAE,eAAe;CAAG;AAE7F,QAAA,MAAM,OAAO,qFA6CX,CAAC;AAIH,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,YAAY,GAAG,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,4FAqCnB,CAAC;AAIF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,2FAsBlB,CAAC;AAIF,UAAU,kBAAmB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,aAAa,2FAsBlB,CAAC;AASF,UAAU,qBAAsB,SAAQ,qBAAqB,CAAC,OAAO,SAAS,EAAE,YAAY,CAAC;CAAG;AAEhG,QAAA,MAAM,gBAAgB,+FASpB,CAAC;AAIH,UAAU,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;CAAG;AAE1E,QAAA,MAAM,WAAW,2FAShB,CAAC;AAGF,UAAU,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,IAAI,CAAC;CAAG;AAE9E,QAAA,MAAM,eAAe,4FAIpB,CAAC;AAGF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IAC/E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAC9B;AAED,QAAA,MAAM,iBAAiB,kGA6GtB,CAAC;AAIF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,QAAA,MAAM,cAAc,4FAUnB,CAAC;AAGF,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,qBAAqB,sGAsD1B,CAAC;AAGF,UAAU,0BACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,OAAO,CAAC;CAAG;AAErE,QAAA,MAAM,qBAAqB,mGAazB,CAAC;AAIH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAE5E,QAAA,MAAM,YAAY,0FAQjB,CAAC;AAGF,UAAU,sBAAuB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,+FAatB,CAAC;AAGF,UAAU,wBAAyB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;CAAG;AAEnF,QAAA,MAAM,mBAAmB,iGAQxB,CAAC;AAIF,OAAO,EACL,OAAO,IAAI,IAAI,EACf,cAAc,IAAI,OAAO,EACzB,aAAa,IAAI,MAAM,EACvB,aAAa,IAAI,MAAM,EACvB,gBAAgB,IAAI,SAAS,EAC7B,WAAW,IAAI,IAAI,EACnB,eAAe,IAAI,QAAQ,EAC3B,iBAAiB,IAAI,UAAU,EAC/B,cAAc,IAAI,OAAO,EACzB,qBAAqB,IAAI,cAAc,EACvC,qBAAqB,IAAI,cAAc,EACvC,YAAY,IAAI,KAAK,EACrB,iBAAiB,IAAI,UAAU,EAC/B,mBAAmB,IAAI,YAAY,GACpC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmDG;AAEH,YAAY,EACV,YAAY,IAAI,SAAS,EACzB,mBAAmB,IAAI,YAAY,EACnC,kBAAkB,IAAI,WAAW,EACjC,kBAAkB,IAAI,WAAW,EACjC,WAAW,GACZ,CAAC"}