@womp/kookie-ui 0.26.3 → 0.27.1

package/components.css

@@ -11612,6 +11612,7 @@
 .kui-ShellRoot {
   --shell-inset-gap: var(--space-3);
   --shell-rail-offset: 0px;
+  --kui-shell-page-top: 0px;
   display: grid;
   grid-template-areas: 'header header header header header' 'rail panel sidebar content inspector' 'bottom bottom bottom bottom bottom';
   grid-template-columns: auto auto auto minmax(0, 1fr) auto;
@@ -11629,6 +11630,9 @@
     height: 100dvh;
   }
 }
+.kui-ShellRoot[data-contained] {
+  height: 100%;
+}
 :root[data-kui-shell-lock] {
   overflow: hidden;
 }
@@ -11669,6 +11673,8 @@
   --kui-pane-band-end: initial;
   --kui-shell-position: initial;
   --kui-shell-z: initial;
+  --kui-shell-pin: initial;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: initial;
   --kui-shell-col: initial;
   --kui-shell-surface: initial;
@@ -11970,6 +11976,8 @@
 .kui-ShellRail[data-presentation='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 6;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: 0px;
   --kui-shell-row: 1 / -1;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -11983,6 +11991,8 @@
 .kui-ShellRail[data-presentation='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 3;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: 2 / 3;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -11999,6 +12009,8 @@
 .kui-ShellRail[data-presentation-initial='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: initial;
   --kui-shell-z: initial;
+  --kui-shell-pin: initial;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: initial;
   --kui-shell-col: initial;
   --kui-shell-surface: initial;
@@ -12012,6 +12024,8 @@
 .kui-ShellRail[data-presentation-initial='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 6;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: 0px;
   --kui-shell-row: 1 / -1;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -12025,6 +12039,8 @@
 .kui-ShellRail[data-presentation-initial='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
   --kui-shell-position: absolute;
   --kui-shell-z: 3;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: 2 / 3;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -12050,6 +12066,8 @@
   .kui-ShellRail[data-presentation-xs='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -12063,6 +12081,8 @@
   .kui-ShellRail[data-presentation-xs='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12076,6 +12096,8 @@
   .kui-ShellRail[data-presentation-xs='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12102,6 +12124,8 @@
   .kui-ShellRail[data-presentation-sm='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -12115,6 +12139,8 @@
   .kui-ShellRail[data-presentation-sm='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12128,6 +12154,8 @@
   .kui-ShellRail[data-presentation-sm='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12154,6 +12182,8 @@
   .kui-ShellRail[data-presentation-md='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -12167,6 +12197,8 @@
   .kui-ShellRail[data-presentation-md='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12180,6 +12212,8 @@
   .kui-ShellRail[data-presentation-md='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12206,6 +12240,8 @@
   .kui-ShellRail[data-presentation-lg='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -12219,6 +12255,8 @@
   .kui-ShellRail[data-presentation-lg='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12232,6 +12270,8 @@
   .kui-ShellRail[data-presentation-lg='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12258,6 +12298,8 @@
   .kui-ShellRail[data-presentation-xl='fixed'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: initial;
     --kui-shell-z: initial;
+    --kui-shell-pin: initial;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: initial;
     --kui-shell-col: initial;
     --kui-shell-surface: initial;
@@ -12271,6 +12313,8 @@
   .kui-ShellRail[data-presentation-xl='overlay'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 6;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: 0px;
     --kui-shell-row: 1 / -1;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12284,6 +12328,8 @@
   .kui-ShellRail[data-presentation-xl='stacked'] ~ .kui-ShellPanel[data-presentation-follows] {
     --kui-shell-position: absolute;
     --kui-shell-z: 3;
+    --kui-shell-pin: fixed;
+    --kui-shell-pin-top: initial;
     --kui-shell-row: 2 / 3;
     --kui-shell-col: 1 / -1;
     --kui-shell-surface: var(--color-surface);
@@ -12309,6 +12355,8 @@
 .kui-ShellRail ~ .kui-ShellPanel[data-presentation-follows][data-peek][data-state] {
   --kui-shell-position: absolute;
   --kui-shell-z: 4;
+  --kui-shell-pin: fixed;
+  --kui-shell-pin-top: initial;
   --kui-shell-row: 2 / 3;
   --kui-shell-col: 1 / -1;
   --kui-shell-surface: var(--color-surface);
@@ -12382,6 +12430,96 @@
   -webkit-margin-before: 0;
           margin-block-start: 0;
 }
+@media (max-width: 767.98px) and (pointer: coarse) {
+  .kui-ShellRoot[data-window] {
+    height: auto;
+    min-height: 100vh;
+    overflow: clip;
+  }
+  @supports (height: 100dvh) {
+    .kui-ShellRoot[data-window] {
+      min-height: 100dvh;
+    }
+  }
+  .kui-ShellRoot[data-window]:has(> .kui-ShellHeader) {
+    --kui-shell-page-top: var(--kui-shell-header-h, 64px);
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellHeader {
+    position: sticky;
+    top: 0;
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent {
+    overflow: clip;
+    isolation: isolate;
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent :where(*) {
+    scroll-margin-block: calc(var(--kui-shell-page-top) + var(--kui-content-float-start, 0px)) var(--kui-content-float-end, 0px);
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellPaneHeader[data-float]) {
+    --kui-content-float-start: calc(max(var(--kui-pane-row-start), var(--kui-pane-band-start, 0px)) + 2 * var(--kui-pane-pad-start));
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellPaneFooter[data-float]) {
+    --kui-content-float-end: calc(max(var(--kui-pane-row-end), var(--kui-pane-band-end, 0px)) + 2 * var(--kui-pane-pad-end));
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll {
+    -webkit-box-flex: 0;
+        -ms-flex: none;
+            flex: none;
+    height: auto;
+    overflow: clip;
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaViewport {
+    height: auto;
+    overflow: visible !important;
+    -webkit-mask-image: none;
+            mask-image: none;
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll > .kui-ScrollAreaScrollbar {
+    display: none;
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellScroll) > .kui-ShellPaneHeader[data-float] {
+    position: sticky;
+    top: var(--kui-shell-page-top);
+    -webkit-box-ordinal-group: 0;
+        -ms-flex-order: -1;
+            order: -1;
+    margin-bottom: calc(-1 * var(--kui-content-float-start, 0px));
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent:has(> .kui-ShellScroll) > .kui-ShellPaneFooter[data-float] {
+    position: sticky;
+    bottom: 0;
+    -webkit-box-ordinal-group: 2;
+        -ms-flex-order: 1;
+            order: 1;
+    margin-top: calc(-1 * var(--kui-content-float-end, 0px));
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent > :not(.kui-ShellScroll, [data-float]):has(~ .kui-ShellScroll) {
+    position: sticky;
+    top: var(--kui-shell-page-top);
+    z-index: 1;
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellContent > .kui-ShellScroll ~ :not([data-float]) {
+    position: sticky;
+    bottom: 0;
+    z-index: 1;
+  }
+  .kui-ShellRoot[data-window] > :is(.kui-ShellRail, .kui-ShellPanel, .kui-ShellSidebar, .kui-ShellInspector) {
+    position: var(--kui-shell-pin, sticky);
+    top: var(--kui-shell-pin-top, var(--kui-shell-page-top));
+    block-size: calc(100vh - var(--kui-shell-pin-top, var(--kui-shell-page-top)));
+  }
+  @supports (height: 100dvh) {
+    .kui-ShellRoot[data-window] > :is(.kui-ShellRail, .kui-ShellPanel, .kui-ShellSidebar, .kui-ShellInspector) {
+      block-size: calc(100dvh - var(--kui-shell-pin-top, var(--kui-shell-page-top)));
+    }
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellBottom {
+    position: var(--kui-shell-pin, sticky);
+  }
+  .kui-ShellRoot[data-window] > .kui-ShellScrim {
+    position: fixed;
+  }
+}
 .kui-ShellResizer {
   position: absolute;
   z-index: 1;
@@ -16027,6 +16165,7 @@
   right: 0;
   margin-inline: auto;
   z-index: 1;
+  width: var(--base-button-height);
 }
 .kui-MessageScrollerButton:where([data-active='false']) {
   opacity: 0;

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

@@ -26,6 +26,12 @@ declare const ShellSizeContext: React.Context<PaneSize>;
  * page, not a menu, so it takes none of the menu's padding, gap or layering.
  */
 declare const ShellContentContext: React.Context<boolean>;
+/**
+ * True inside a window Shell: one with no `contained` and no `height`, which lets the page scroll
+ * on a narrow touch screen. Each `Shell.Root` sets its own, so a Shell nested in another answers
+ * for itself.
+ */
+declare const ShellWindowContext: React.Context<boolean>;
 /**
  * Gives a Shell pane's children the Shell's index, so Sidebar parts size themselves. In a Rail
  * the rows are `thin`: icon tiles with a small label, sub-menus as dropdowns.
@@ -73,6 +79,12 @@ declare const PaneFooter: React.ForwardRefExoticComponent<PaneFooterProps & Reac
 interface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {
     /** Fades the list out toward an edge with more past it, and under a floating header or footer. */
     fade?: boolean;
+    /**
+     * Keeps the pane's list (its menu rows) when React puts this under `Shell.Content`, as when an
+     * app renders a pane's content in its page and portals it into `Shell.Panel`. In a Rail, Panel
+     * or Sidebar it is already the pane's list.
+     */
+    pane?: boolean;
 }
 /**
  * The one region of a pane that scrolls; it takes the room the header and footer leave.
@@ -82,6 +94,6 @@ interface ScrollProps extends React.ComponentPropsWithoutRef<'div'> {
  * already a navigation landmark, so it needs no role of its own.
  */
 declare const Scroll: React.ForwardRefExoticComponent<ScrollProps & React.RefAttributes<HTMLDivElement>>;
-export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, ShellContentContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };
+export { SidebarVisualContext, useSidebarVisual, ShellSizeContext, ShellContentContext, ShellWindowContext, PaneChromeScope, PaneHeader, PaneFooter, Scroll, BAND_STEP, usePaneBandSize };
 export type { SidebarVisualContextValue, PaneSize, BandSize, PaneHeaderProps, PaneFooterProps, ScrollProps };
 //# sourceMappingURL=pane-chrome.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE5E,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,wBAA6B,CAAC;AAEvD;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AAWD;;;GAGG;AACH,QAAA,MAAM,SAAS;;;;;CAA2F,CAAC;AAQ3G;;;;;;;GAOG;AACH,iBAAS,eAAe,IAAI,QAAQ,GAAG,IAAI,CAM1C;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjE,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,oFAyBV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AACtK,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"pane-chrome.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/pane-chrome.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAuB,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAG5E,KAAK,QAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAEhC,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAC;IACf,WAAW,EAAE,OAAO,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,2FAA2F;AAC3F,QAAA,MAAM,oBAAoB,iDAA8D,CAAC;AAEzF,iBAAS,gBAAgB,qCAExB;AAED,mFAAmF;AACnF,QAAA,MAAM,gBAAgB,yBAAqC,CAAC;AAE5D;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,wBAA6B,CAAC;AAEvD;;;;GAIG;AACH,QAAA,MAAM,kBAAkB,wBAA6B,CAAC;AAEtD;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,YAAY,CAAC,EAAE,MAAM,CAAA;CAAE,qBAIxG;AAWD;;;GAGG;AACH,QAAA,MAAM,SAAS;;;;;CAA2F,CAAC;AAQ3G;;;;;;;GAOG;AACH,iBAAS,eAAe,IAAI,QAAQ,GAAG,IAAI,CAM1C;AAED,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE;;;;;OAKG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,eAAgB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACrE,0GAA0G;IAC1G,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,8DAA8D;AAC9D,QAAA,MAAM,UAAU,wFAad,CAAC;AAGH,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjE,kGAAkG;IAClG,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;GAMG;AACH,QAAA,MAAM,MAAM,oFA8BV,CAAC;AAGH,OAAO,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,CAAC;AAC1L,YAAY,EAAE,yBAAyB,EAAE,QAAQ,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,WAAW,EAAE,CAAC"}

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

@@ -1,3 +1,3 @@
 "use client";
-"use strict";"use client";var Pe=Object.create;var R=Object.defineProperty;var Se=Object.getOwnPropertyDescriptor;var ge=Object.getOwnPropertyNames;var he=Object.getPrototypeOf,ve=Object.prototype.hasOwnProperty;var Re=(t,e)=>{for(var r in e)R(t,r,{get:e[r],enumerable:!0})},W=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of ge(e))!ve.call(t,s)&&s!==r&&R(t,s,{get:()=>e[s],enumerable:!(n=Se(e,s))||n.enumerable});return t};var m=(t,e,r)=>(r=t!=null?Pe(he(t)):{},W(e||!t||!t.__esModule?R(r,"default",{value:t,enumerable:!0}):r,t)),be=t=>W(R({},"__esModule",{value:!0}),t);var Le={};Re(Le,{BAND_STEP:()=>se,PaneChromeScope:()=>He,PaneFooter:()=>ae,PaneHeader:()=>ie,Scroll:()=>le,ShellContentContext:()=>oe,ShellSizeContext:()=>w,SidebarVisualContext:()=>B,usePaneBandSize:()=>We,useSidebarVisual:()=>k});module.exports=be(Le);var c=m(require("react")),v=m(require("classnames"));var d=m(require("react")),Q=m(require("classnames")),P=require("radix-ui"),Z=require("radix-ui/internal");var L={asChild:{type:"boolean"}};var xe=["none","small","medium","large","full"],$={radius:{type:"enum",values:xe,default:void 0}};var De=["vertical","horizontal","both"],b={...L,...$,scrollbars:{type:"enum",values:De,default:"both"},fade:{type:"boolean",default:!1}};var x=m(require("react"));function V(t){let e=getComputedStyle(t);return{x:e.overflowX==="hidden"?0:Math.max(0,t.scrollWidth-t.clientWidth),y:e.overflowY==="hidden"?0:Math.max(0,t.scrollHeight-t.clientHeight)}}function j(t){let[e,r]=x.useState(null);return x.useEffect(()=>{if(!t||!e)return;let n=0,s=()=>{n=0;let l=V(e),a=Math.max(0,e.scrollTop),u=Math.max(0,l.y-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${u}px`);let f=Math.abs(e.scrollLeft),y=Math.max(0,l.x-f);e.style.setProperty("--scroll-overflow-x-start",`${f}px`),e.style.setProperty("--scroll-overflow-x-end",`${y}px`)},i=()=>{n||(n=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(i);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{n&&cancelAnimationFrame(n),e.removeEventListener("scroll",i),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),r}var D=m(require("react"));function F(){let[t,e]=D.useState(null);return D.useEffect(()=>{let r=t?.parentElement;if(!t||!r)return;let n=0,s=()=>{n=0;for(let o of r.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),u=I(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${u}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),u=I(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${u}px, 0)`}}},i=()=>{n||(n=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{n&&cancelAnimationFrame(n),t.removeEventListener("scroll",i)}},[t]),e}function I(t,e,r){return e<=0||r<=0?0:Math.min(Math.max(t,-e),e)/e*r}var T=m(require("react"));function G(t,e){let{asChild:r,children:n}=t;if(!r)return typeof e=="function"?e(n):e;let s=T.Children.only(n);return T.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var U=m(require("classnames"));var Te=[],Ce=new Set;function Ne(t){let e=Object.assign({},...t),r=[],n=[],s=new Set;for(let i in e){let o=e[i],p=o.values??Te,l={key:i,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):Ce,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(r.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&n.push(l)}return{styling:r,passthrough:n,stylingKeys:s}}var ke={children:new WeakMap};function K(t){let e=ke;for(let r=0;r<t.length;r++){let n=t[r],s=e.children.get(n);s===void 0&&(s={children:new WeakMap},e.children.set(n,s)),e=s}return e.compiled??(e.compiled=Ne(t))}var we=["initial","xs","sm","md","lg","xl"],E=new Set(we);function A(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Ve=new Set(["initial","xs","sm","md","lg","xl"]);function S(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Ve.has(e))return!0;return!1}function C(t,e,r){return e!==void 0?e.has(r):t.includes(r)}function q({className:t,customProperties:e,...r}){let n=z({allowArbitraryValues:!0,className:t,...r}),s=Ee({customProperties:e,...r});return[n,s]}function z({allowArbitraryValues:t,value:e,className:r,propValues:n,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return C(n,s,e)?_(r,e,i):t?r:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!A(o,l)||!E.has(l))continue;let a=o[l];if(a!==void 0){if(C(n,s,a)){let u=_(r,a,i),f=l==="initial"?u:`${l}:${u}`;p.push(f)}else if(t){let u=l==="initial"?r:`${l}:${r}`;p.push(u)}}}return p.length>0?p.join(" "):""}if(t)return r}}function _(t,e,r){let n=t?"-":"",s=r(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${n}${p}`}function Ee({customProperties:t,value:e,propValues:r,propValueSet:n,parseValue:s=i=>i}){if(!e||typeof e=="string"&&C(r,n,e))return;let i;if(typeof e=="string"){let o=s(e);i={};for(let p of t)i[p]=o;return i}if(S(e)){let o=e;for(let p in o){if(!A(o,p)||!E.has(p))continue;let l=o[p];if(l===void 0||C(r,n,l))continue;let a=s(l);i??(i={});for(let u of t){let f=p==="initial"?u:`${u}-${p}`;i[f]=a}}}return i??{}}function O(...t){let e;for(let r of t)r&&(e===void 0&&(e={}),Object.assign(e,r));return e}function Ae(t,e){let r=t.initial,n=!1;return e.hasDefault&&r===void 0&&(r=e.default,n=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(r)&&(r=e.default,n=!0),n?{...t,initial:r}:t}function Y(t,...e){let{styling:r,passthrough:n,stylingKeys:s}=K(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<n.length;l++){let a=n[l],u=i[a.key];if(u===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!S(u)&&(i[a.key]=a.default)}let o,p=[];for(let l=0;l<r.length;l++){let a=r[l],u=t[a.key];if(u===void 0&&a.hasDefault&&(u=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(u)&&!S(u)&&(u=a.default),!!u){if(S(u)){if(!a.responsive)continue;u=Ae(u,a)}if(a.type==="enum"){let f=z({allowArbitraryValues:!1,value:u,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,y]=q({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:u});y&&(o=O(o,y)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return i.className=(0,U.default)(p.length>0?p.join(" "):void 0,t.className),i.style=O(o,t.style),i}var X={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var J={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var ze='[role="menu"], [role="listbox"]';function Oe(t,e){d.useEffect(()=>{if(!e||!t||t.closest(ze))return;let r=0,n=()=>{r=0;let o=V(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{r||(r=requestAnimationFrame(n))};n();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{r&&cancelAnimationFrame(r),i?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:r,children:n,className:s,style:i,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=b.radius.default,scrollbars:u=b.scrollbars.default,fade:f=b.fade.default,...y}=Y(t,X,J),[pe,ue]=d.useState(null),ce=j(f),de=F(),fe=(0,Z.useComposedRefs)(e,ce,de,ue);Oe(pe,y.tabIndex===void 0);let me=y["aria-label"]!==void 0||y["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,Q.default)("kui-ScrollAreaRoot",s),"data-fade":f?"":void 0,style:i,asChild:r},G({asChild:r,children:n},ye=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:me?"region":void 0,...y,ref:fe,className:"kui-ScrollAreaViewport"},ye),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),u!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,u!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,u==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";var g=m(require("react")),Be=require("radix-ui/internal");var ee=["initial","xs","sm","md","lg","xl"];function te(t){return typeof t=="object"&&t!==null}function Me(t,e){let r={},n=null;for(let s of ee){if(t!==void 0&&!te(t)){r[s]=t;continue}let i=te(t)?t[s]:void 0;i!==void 0&&(n={value:i}),r[s]=n?n.value:e(s)}return r}var Rt=Me("fixed",()=>"fixed");var re=g.createContext(null);var bt=g.createContext(null);var ne=m(require("react")),h=ne.createContext(void 0);var B=c.createContext(null);function k(){return c.useContext(B)}var w=c.createContext("2"),oe=c.createContext(!1);function He({children:t,presentation:e}){let r=c.useContext(w),n=c.useMemo(()=>({size:r,menuVariant:"soft",presentation:e}),[r,e]);return c.createElement(B.Provider,{value:n},t)}function M(){let t=k(),e=c.useContext(w),r=t?.size??e,n=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${r}`,`kui-menu-variant-${n}`]}var se={1:"2",2:"3",3:"4",4:"4"};function H(){let t=k(),e=c.useContext(w);return se[t?.size??e]}function We(){let t=c.useContext(h),e=c.useContext(re)!==null,r=H();return t!==void 0?t:e?r:null}var ie=c.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=M(),o=H();return c.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},c.createElement(h.Provider,{value:o},r))});ie.displayName="Shell.PaneHeader";var ae=c.forwardRef(({className:t,float:e,children:r,...n},s)=>{let i=M(),o=H();return c.createElement("div",{...n,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},c.createElement(h.Provider,{value:o},r))});ae.displayName="Shell.PaneFooter";var le=c.forwardRef(({className:t,style:e,dir:r,children:n,fade:s=!1,...i},o)=>{let p=M(),l=c.useContext(oe),a=k();return l&&a===null?c.createElement(N,{...i,ref:o,type:"hover",fade:s,className:"kui-ShellScroll"},c.createElement("div",{style:e,dir:r,className:(0,v.default)("kui-ShellScrollContent",t)},n)):c.createElement(N,{...i,ref:o,type:"hover",fade:s,className:"kui-ShellScroll"},c.createElement("div",{style:e,dir:r,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...p,t)},c.createElement(h.Provider,{value:null},c.createElement("div",{className:"kui-BaseMenuViewport"},n))))});le.displayName="Shell.Scroll";
+"use strict";"use client";var xe=Object.create;var x=Object.defineProperty;var Re=Object.getOwnPropertyDescriptor;var be=Object.getOwnPropertyNames;var De=Object.getPrototypeOf,Ce=Object.prototype.hasOwnProperty;var Te=(t,e)=>{for(var n in e)x(t,n,{get:e[n],enumerable:!0})},I=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of be(e))!Ce.call(t,s)&&s!==n&&x(t,s,{get:()=>e[s],enumerable:!(r=Re(e,s))||r.enumerable});return t};var y=(t,e,n)=>(n=t!=null?xe(De(t)):{},I(e||!t||!t.__esModule?x(n,"default",{value:t,enumerable:!0}):n,t)),Ne=t=>I(x({},"__esModule",{value:!0}),t);var Ue={};Te(Ue,{BAND_STEP:()=>de,PaneChromeScope:()=>Ke,PaneFooter:()=>me,PaneHeader:()=>fe,Scroll:()=>ye,ShellContentContext:()=>ce,ShellSizeContext:()=>k,ShellWindowContext:()=>ue,SidebarVisualContext:()=>H,usePaneBandSize:()=>_e,useSidebarVisual:()=>w});module.exports=Ne(Ue);var u=y(require("react")),v=y(require("classnames"));var d=y(require("react")),ee=y(require("classnames")),P=require("radix-ui"),te=require("radix-ui/internal");var $={asChild:{type:"boolean"}};var we=["none","small","medium","large","full"],j={radius:{type:"enum",values:we,default:void 0}};var ke=["vertical","horizontal","both"],R={...$,...j,scrollbars:{type:"enum",values:ke,default:"both"},fade:{type:"boolean",default:!1}};var b=y(require("react"));function A(t){let e=getComputedStyle(t);return{x:e.overflowX==="hidden"?0:Math.max(0,t.scrollWidth-t.clientWidth),y:e.overflowY==="hidden"?0:Math.max(0,t.scrollHeight-t.clientHeight)}}function F(t){let[e,n]=b.useState(null);return b.useEffect(()=>{if(!t||!e)return;let r=0,s=()=>{r=0;let l=A(e),a=Math.max(0,e.scrollTop),c=Math.max(0,l.y-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${a}px`),e.style.setProperty("--scroll-overflow-end",`${c}px`);let f=Math.abs(e.scrollLeft),m=Math.max(0,l.x-f);e.style.setProperty("--scroll-overflow-x-start",`${f}px`),e.style.setProperty("--scroll-overflow-x-end",`${m}px`)},i=()=>{r||(r=requestAnimationFrame(s))};s(),e.addEventListener("scroll",i,{passive:!0});let o=typeof ResizeObserver>"u"?null:new ResizeObserver(i);o?.observe(e);for(let l of Array.from(e.children))o?.observe(l);let p=typeof MutationObserver>"u"?null:new MutationObserver(i);return p?.observe(e,{childList:!0}),()=>{r&&cancelAnimationFrame(r),e.removeEventListener("scroll",i),o?.disconnect(),p?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end"),e.style.removeProperty("--scroll-overflow-x-start"),e.style.removeProperty("--scroll-overflow-x-end")}},[t,e]),n}var D=y(require("react"));function K(){let[t,e]=D.useState(null);return D.useEffect(()=>{let n=t?.parentElement;if(!t||!n)return;let r=0,s=()=>{r=0;for(let o of n.querySelectorAll(":scope > .kui-ScrollAreaScrollbar > .kui-ScrollAreaThumb")){let p=o.parentElement,l=getComputedStyle(p);if(p.dataset.orientation==="horizontal"){let a=p.clientWidth-parseFloat(l.paddingLeft)-parseFloat(l.paddingRight),c=G(t.scrollLeft,t.scrollWidth-t.offsetWidth,a-o.offsetWidth);o.style.transform=`translate3d(${c}px, 0, 0)`}else{let a=p.clientHeight-parseFloat(l.paddingTop)-parseFloat(l.paddingBottom),c=G(t.scrollTop,t.scrollHeight-t.offsetHeight,a-o.offsetHeight);o.style.transform=`translate3d(0, ${c}px, 0)`}}},i=()=>{r||(r=requestAnimationFrame(s))};return t.addEventListener("scroll",i,{passive:!0}),()=>{r&&cancelAnimationFrame(r),t.removeEventListener("scroll",i)}},[t]),e}function G(t,e,n){return e<=0||n<=0?0:Math.min(Math.max(t,-e),e)/e*n}var C=y(require("react"));function _(t,e){let{asChild:n,children:r}=t;if(!n)return typeof e=="function"?e(r):e;let s=C.Children.only(r);return C.cloneElement(s,{children:typeof e=="function"?e(s.props.children):e})}var Q=y(require("classnames"));var Ve=[],Ee=new Set;function Ae(t){let e=Object.assign({},...t),n=[],r=[],s=new Set;for(let i in e){let o=e[i],p=o.values??Ve,l={key:i,type:o.type,default:o.default,hasDefault:o.default!==void 0,responsive:"responsive"in o,className:o.className,customProperties:o.customProperties,parseValue:o.parseValue,values:p,valueSet:p.length>0?new Set(p):Ee,enumValueSet:o.type==="enum"?new Set([o.default,...p]):void 0};o.className?(n.push(l),s.add(i)):(l.hasDefault||o.type==="enum")&&r.push(l)}return{styling:n,passthrough:r,stylingKeys:s}}var ze={children:new WeakMap};function U(t){let e=ze;for(let n=0;n<t.length;n++){let r=t[n],s=e.children.get(r);s===void 0&&(s={children:new WeakMap},e.children.set(r,s)),e=s}return e.compiled??(e.compiled=Ae(t))}var Me=["initial","xs","sm","md","lg","xl"],z=new Set(Me);function M(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var Oe=new Set(["initial","xs","sm","md","lg","xl"]);function S(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(Oe.has(e))return!0;return!1}function T(t,e,n){return e!==void 0?e.has(n):t.includes(n)}function Y({className:t,customProperties:e,...n}){let r=O({allowArbitraryValues:!0,className:t,...n}),s=Be({customProperties:e,...n});return[r,s]}function O({allowArbitraryValues:t,value:e,className:n,propValues:r,propValueSet:s,parseValue:i=o=>o}){if(e){if(typeof e=="string")return T(r,s,e)?q(n,e,i):t?n:void 0;if(S(e)){let o=e,p=[];for(let l in o){if(!M(o,l)||!z.has(l))continue;let a=o[l];if(a!==void 0){if(T(r,s,a)){let c=q(n,a,i),f=l==="initial"?c:`${l}:${c}`;p.push(f)}else if(t){let c=l==="initial"?n:`${l}:${n}`;p.push(c)}}}return p.length>0?p.join(" "):""}if(t)return n}}function q(t,e,n){let r=t?"-":"",s=n(e),i=s?.startsWith("-"),o=i?"-":"",p=i?s?.substring(1):s;return`${o}${t}${r}${p}`}function Be({customProperties:t,value:e,propValues:n,propValueSet:r,parseValue:s=i=>i}){if(!e||typeof e=="string"&&T(n,r,e))return;let i;if(typeof e=="string"){let o=s(e);i={};for(let p of t)i[p]=o;return i}if(S(e)){let o=e;for(let p in o){if(!M(o,p)||!z.has(p))continue;let l=o[p];if(l===void 0||T(n,r,l))continue;let a=s(l);i??(i={});for(let c of t){let f=p==="initial"?c:`${c}-${p}`;i[f]=a}}}return i??{}}function B(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}function He(t,e){let n=t.initial,r=!1;return e.hasDefault&&n===void 0&&(n=e.default,r=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(n)&&(n=e.default,r=!0),r?{...t,initial:n}:t}function X(t,...e){let{styling:n,passthrough:r,stylingKeys:s}=U(e),i={};for(let l in t)s.has(l)||(i[l]=t[l]);for(let l=0;l<r.length;l++){let a=r[l],c=i[a.key];if(c===void 0){a.hasDefault&&(i[a.key]=a.default);continue}a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(i[a.key]=a.default)}let o,p=[];for(let l=0;l<n.length;l++){let a=n[l],c=t[a.key];if(c===void 0&&a.hasDefault&&(c=a.default),a.enumValueSet!==void 0&&!a.enumValueSet.has(c)&&!S(c)&&(c=a.default),!!c){if(S(c)){if(!a.responsive)continue;c=He(c,a)}if(a.type==="enum"){let f=O({allowArbitraryValues:!1,value:c,className:a.className,propValues:a.values,propValueSet:a.valueSet,parseValue:a.parseValue});f&&p.push(f);continue}if(a.type==="string"||a.type==="enum | string"){let[f,m]=Y({className:a.className,customProperties:a.customProperties,propValues:a.type==="string"?[]:a.values,propValueSet:a.type==="string"?void 0:a.valueSet,parseValue:a.parseValue,value:c});m&&(o=B(o,m)),f&&p.push(f);continue}if(a.type==="boolean"){p.push(a.className);continue}}}return i.className=(0,Q.default)(p.length>0?p.join(" "):void 0,t.className),i.style=B(o,t.style),i}var J={width:{type:"string",className:"kui-r-w",customProperties:["--width"],responsive:!0},minWidth:{type:"string",className:"kui-r-min-w",customProperties:["--min-width"],responsive:!0},maxWidth:{type:"string",className:"kui-r-max-w",customProperties:["--max-width"],responsive:!0}};var Z={height:{type:"string",className:"kui-r-h",customProperties:["--height"],responsive:!0},minHeight:{type:"string",className:"kui-r-min-h",customProperties:["--min-height"],responsive:!0},maxHeight:{type:"string",className:"kui-r-max-h",customProperties:["--max-height"],responsive:!0}};var Le='[role="menu"], [role="listbox"]';function We(t,e){d.useEffect(()=>{if(!e||!t||t.closest(Le))return;let n=0,r=()=>{n=0;let o=A(t);o.x>0||o.y>0?t.setAttribute("tabindex","0"):t.removeAttribute("tabindex")},s=()=>{n||(n=requestAnimationFrame(r))};r();let i=typeof ResizeObserver>"u"?null:new ResizeObserver(s);i?.observe(t);for(let o of Array.from(t.children))i?.observe(o);return()=>{n&&cancelAnimationFrame(n),i?.disconnect()}},[t,e])}var N=d.forwardRef((t,e)=>{let{asChild:n,children:r,className:s,style:i,type:o,scrollHideDelay:p=o!=="scroll"?0:void 0,dir:l,radius:a=R.radius.default,scrollbars:c=R.scrollbars.default,fade:f=R.fade.default,...m}=X(t,J,Z),[V,E]=d.useState(null),Pe=F(f),Se=K(),ge=(0,te.useComposedRefs)(e,Pe,Se,E);We(V,m.tabIndex===void 0);let he=m["aria-label"]!==void 0||m["aria-labelledby"]!==void 0;return d.createElement(P.ScrollArea.Root,{type:o,scrollHideDelay:p,dir:l,className:(0,ee.default)("kui-ScrollAreaRoot",s),"data-fade":f?"":void 0,style:i,asChild:n},_({asChild:n,children:r},ve=>d.createElement(d.Fragment,null,d.createElement(P.ScrollArea.Viewport,{role:he?"region":void 0,...m,ref:ge,className:"kui-ScrollAreaViewport"},ve),d.createElement("div",{className:"kui-ScrollAreaViewportFocusRing"}),c!=="vertical"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"horizontal",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c!=="horizontal"?d.createElement(P.ScrollArea.Scrollbar,{"data-radius":a,orientation:"vertical",className:"kui-ScrollAreaScrollbar"},d.createElement(P.ScrollArea.Thumb,{className:"kui-ScrollAreaThumb"})):null,c==="both"?d.createElement(P.ScrollArea.Corner,{className:"kui-ScrollAreaCorner"}):null)))});N.displayName="ScrollArea";var g=y(require("react")),Ie=require("radix-ui/internal");var ne=["initial","xs","sm","md","lg","xl"];function re(t){return typeof t=="object"&&t!==null}function $e(t,e){let n={},r=null;for(let s of ne){if(t!==void 0&&!re(t)){n[s]=t;continue}let i=re(t)?t[s]:void 0;i!==void 0&&(r={value:i}),n[s]=r?r.value:e(s)}return n}var kt=$e("fixed",()=>"fixed");var oe=g.createContext(null);var Vt=g.createContext(null);var se=y(require("react")),h=se.createContext(void 0);var ae=y(require("react")),je="(max-width: 767.98px) and (pointer: coarse)",ie,le=()=>ie??(ie=window.matchMedia(je));function Fe(t,e){return typeof t.addEventListener=="function"?(t.addEventListener("change",e),()=>t.removeEventListener("change",e)):(t.addListener?.(e),()=>t.removeListener?.(e))}function Ge(t){return Fe(le(),t)}function pe(){return ae.useSyncExternalStore(Ge,()=>le().matches,()=>!1)}var H=u.createContext(null);function w(){return u.useContext(H)}var k=u.createContext("2"),ce=u.createContext(!1),ue=u.createContext(!1);function Ke({children:t,presentation:e}){let n=u.useContext(k),r=u.useMemo(()=>({size:n,menuVariant:"soft",presentation:e}),[n,e]);return u.createElement(H.Provider,{value:r},t)}function L(){let t=w(),e=u.useContext(k),n=t?.size??e,r=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${n}`,`kui-menu-variant-${r}`]}var de={1:"2",2:"3",3:"4",4:"4"};function W(){let t=w(),e=u.useContext(k);return de[t?.size??e]}function _e(){let t=u.useContext(h),e=u.useContext(oe)!==null,n=W();return t!==void 0?t:e?n:null}var fe=u.forwardRef(({className:t,float:e,children:n,...r},s)=>{let i=L(),o=W();return u.createElement("div",{...r,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},u.createElement(h.Provider,{value:o},n))});fe.displayName="Shell.PaneHeader";var me=u.forwardRef(({className:t,float:e,children:n,...r},s)=>{let i=L(),o=W();return u.createElement("div",{...r,ref:s,"data-float":e||void 0,className:(0,v.default)("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},u.createElement(h.Provider,{value:o},n))});me.displayName="Shell.PaneFooter";var ye=u.forwardRef(({className:t,style:e,dir:n,children:r,fade:s=!1,pane:i=!1,...o},p)=>{let l=L(),a=u.useContext(ce),c=w(),f=a&&c===null&&!i,m=u.useContext(ue),V=pe();if(f){let E=o.tabIndex??(m&&V?-1:void 0);return u.createElement(N,{...o,tabIndex:E,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-ShellScrollContent",t)},r))}return u.createElement(N,{...o,ref:p,type:"hover",fade:s,className:"kui-ShellScroll"},u.createElement("div",{style:e,dir:n,className:(0,v.default)("kui-BaseMenuContent","kui-SidebarContent",...l,t)},u.createElement(h.Provider,{value:null},u.createElement("div",{className:"kui-BaseMenuViewport"},r))))});ye.displayName="Shell.Scroll";
 //# sourceMappingURL=pane-chrome.js.map