@womp/kookie-ui 0.26.2 → 0.27.0

package/src/components/text-area.tsx

@@ -81,16 +81,18 @@ const TextArea = React.forwardRef<TextAreaElement, TextAreaProps>((ownProps, for
       />
     </div>
   );
-  if (!wrapped) return field;
-
-  // With a message, one wrapper holds the box and the message below it, so the parent still
-  // lays out a single box and the caller's className and style size the pair.
+  // The wrapper is always there, so a message coming or going never moves the field in the tree:
+  // moving it would remount the input, dropping focus, the caret and an uncontrolled value. With
+  // no message it is `display: contents` and the field is the box the parent lays out; with one
+  // it holds the field and the message below it, and the caller's className and style size the pair.
   return (
-    <div className={classNames('kui-TextAreaWrapper', ownClassName)} style={ownStyle}>
+    <div className={classNames('kui-TextAreaWrapper', wrapped && ownClassName)} style={wrapped ? ownStyle : undefined} data-message={wrapped || undefined}>
       {field}
-      <div id={errorId} className="kui-TextAreaErrorMessage" role="alert">
-        {textAreaProps.errorMessage}
-      </div>
+      {wrapped ? (
+        <div id={errorId} className="kui-TextAreaErrorMessage" role="alert">
+          {textAreaProps.errorMessage}
+        </div>
+      ) : null}
     </div>
   );
 });

package/src/components/text-field.css

@@ -645,8 +645,13 @@
 }
 
 /* Error message styling */
-/* With an error message, one box holds the field and the message below it. */
-.kui-TextFieldWrapper {
+/* With an error message, one box holds the field and the message below it. Without one the
+   wrapper steps out of layout, and the field is the box. */
+.kui-TextFieldWrapper:where(:not([data-message])) {
+  display: contents;
+}
+
+.kui-TextFieldWrapper:where([data-message]) {
   display: flex;
   flex-direction: column;
   min-width: 0;

package/src/components/text-field.tsx

@@ -120,16 +120,18 @@ const TextFieldRoot = React.forwardRef<TextFieldRootElement, TextFieldRootProps>
       <TextFieldContext.Provider value={contextValue}>{children}</TextFieldContext.Provider>
     </div>
   );
-  if (!wrapped) return field;
-
-  // With a message, one wrapper holds the field and the message below it, so the parent still
-  // lays out a single box and the caller's className and style size the pair.
+  // The wrapper is always there, so a message coming or going never moves the field in the tree:
+  // moving it would remount the input, dropping focus, the caret and an uncontrolled value. With
+  // no message it is `display: contents` and the field is the box the parent lays out; with one
+  // it holds the field and the message below it, and the caller's className and style size the pair.
   return (
-    <div className={classNames('kui-TextFieldWrapper', ownClassName)} style={ownStyle}>
+    <div className={classNames('kui-TextFieldWrapper', wrapped && ownClassName)} style={wrapped ? ownStyle : undefined} data-message={wrapped || undefined}>
       {field}
-      <div id={errorId} className="kui-TextFieldErrorMessage" role="alert">
-        {inputProps.errorMessage}
-      </div>
+      {wrapped ? (
+        <div id={errorId} className="kui-TextFieldErrorMessage" role="alert">
+          {inputProps.errorMessage}
+        </div>
+      ) : null}
     </div>
   );
 });

package/src/components/theme.tsx

@@ -6,7 +6,6 @@ import { Direction, Slot } from 'radix-ui';
 
 import { getMatchingGrayColor } from '../helpers/get-matching-gray-color.js';
 import { ThemeSizeContext } from '../hooks/theme-size.js';
-import { PaneBandSizeContext } from './_internal/pane-band-context.js';
 import { usePropSyncedState } from '../hooks/use-prop-synced-state.js';
 import { themePropDefs } from './theme.props.js';
 
@@ -150,7 +149,6 @@ interface ThemeImplPrivateProps extends Partial<ThemeChangeHandlers> {
 }
 const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, forwardedRef) => {
   const context = React.useContext(ThemeContext);
-  const outerBand = React.useContext(PaneBandSizeContext);
   const {
     asChild,
     isRoot,
@@ -221,34 +219,30 @@ const ThemeImpl = React.forwardRef<ThemeImplElement, ThemeImplProps>((props, for
         ],
       )}
     >
-      {/* A nested `Theme asChild` is the root of a portalled surface (Popover, Dialog, Sheet,
-          menus), which sits outside any Shell pane even though context flows into it. */}
-      <PaneBandSizeContext.Provider value={asChild && !isRoot ? null : outerBand}>
-        {/* Size travels on its own context as a bare string, so the components
-            that read it do not re-render when another theme value changes. */}
-        <ThemeSizeContext.Provider value={size}>
-          <Comp
-            data-is-root-theme={isRoot ? 'true' : 'false'}
-            data-accent-color={accentColor}
-            data-gray-color={resolvedGrayColor}
-            // for nested `Theme` background
-            data-has-background={hasBackground ? 'true' : 'false'}
-            data-radius={radius}
-            data-font-family={fontFamily}
-            data-heading-font-family={headingFontFamily}
-            ref={forwardedRef}
-            {...themeProps}
-            className={classNames(
-              'kui-theme',
-              {
-                light: appearance === 'light',
-                dark: appearance === 'dark',
-              },
-              themeProps.className,
-            )}
-          />
-        </ThemeSizeContext.Provider>
-      </PaneBandSizeContext.Provider>
+      {/* Size travels on its own context as a bare string, so the components
+          that read it do not re-render when another theme value changes. */}
+      <ThemeSizeContext.Provider value={size}>
+        <Comp
+          data-is-root-theme={isRoot ? 'true' : 'false'}
+          data-accent-color={accentColor}
+          data-gray-color={resolvedGrayColor}
+          // for nested `Theme` background
+          data-has-background={hasBackground ? 'true' : 'false'}
+          data-radius={radius}
+          data-font-family={fontFamily}
+          data-heading-font-family={headingFontFamily}
+          ref={forwardedRef}
+          {...themeProps}
+          className={classNames(
+            'kui-theme',
+            {
+              light: appearance === 'light',
+              dark: appearance === 'dark',
+            },
+            themeProps.className,
+          )}
+        />
+      </ThemeSizeContext.Provider>
     </ThemeContext.Provider>
   );
 });

package/src/components/tooltip.tsx

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { Tooltip as TooltipPrimitive } from 'radix-ui';
 
 import { Text } from './text.js';
-import { Theme } from './theme.js';
+import { PortalTheme } from './_internal/portal-theme.js';
 import { extractProps } from '../helpers/extract-props.js';
 import { tooltipPropDefs } from './tooltip.props.js';
 
@@ -63,7 +63,7 @@ const Tooltip = React.forwardRef<TooltipElement, TooltipProps>((props, forwarded
     <TooltipPrimitive.Root {...rootProps}>
       <TooltipPrimitive.Trigger asChild>{children}</TooltipPrimitive.Trigger>
       <TooltipPrimitive.Portal container={container} forceMount={forceMount}>
-        <Theme asChild>
+        <PortalTheme asChild>
           <TooltipPrimitive.Content
             sideOffset={4}
             collisionPadding={10}
@@ -77,7 +77,7 @@ const Tooltip = React.forwardRef<TooltipElement, TooltipProps>((props, forwarded
             </Text>
             <TooltipPrimitive.Arrow className="kui-TooltipArrow" />
           </TooltipPrimitive.Content>
-        </Theme>
+        </PortalTheme>
       </TooltipPrimitive.Portal>
     </TooltipPrimitive.Root>
   );

package/styles.css

@@ -11321,7 +11321,10 @@
             box-shadow: inset 0 0 0 1px var(--red-7);
   }
 }
-.kui-TextFieldWrapper {
+.kui-TextFieldWrapper:where(:not([data-message])) {
+  display: contents;
+}
+.kui-TextFieldWrapper:where([data-message]) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -16725,6 +16728,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;
@@ -16742,6 +16746,9 @@
     height: 100dvh;
   }
 }
+.kui-ShellRoot[data-contained] {
+  height: 100%;
+}
 :root[data-kui-shell-lock] {
   overflow: hidden;
 }
@@ -16782,6 +16789,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;
@@ -17083,6 +17092,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);
@@ -17096,6 +17107,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);
@@ -17112,6 +17125,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;
@@ -17125,6 +17140,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);
@@ -17138,6 +17155,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);
@@ -17163,6 +17182,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;
@@ -17176,6 +17197,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);
@@ -17189,6 +17212,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);
@@ -17215,6 +17240,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;
@@ -17228,6 +17255,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);
@@ -17241,6 +17270,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);
@@ -17267,6 +17298,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;
@@ -17280,6 +17313,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);
@@ -17293,6 +17328,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);
@@ -17319,6 +17356,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;
@@ -17332,6 +17371,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);
@@ -17345,6 +17386,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);
@@ -17371,6 +17414,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;
@@ -17384,6 +17429,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);
@@ -17397,6 +17444,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);
@@ -17422,6 +17471,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);
@@ -17495,6 +17546,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;
@@ -18151,8 +18292,25 @@
     background-color: CanvasText;
   }
 }
-.kui-SpinnerHiddenChildren {
+.kui-SpinnerHost:where(:not([data-loading])) {
+  display: contents;
+}
+.kui-SpinnerHost:where([data-loading]) {
+  position: relative;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}
+.kui-SpinnerChildren {
   display: contents;
+}
+.kui-SpinnerHiddenChildren {
   visibility: hidden;
 }
 .kui-SwitchRoot {
@@ -19899,7 +20057,10 @@
             box-shadow: inset 0 0 0 1px var(--red-7);
   }
 }
-.kui-TextAreaWrapper {
+.kui-TextAreaWrapper:where(:not([data-message])) {
+  display: contents;
+}
+.kui-TextAreaWrapper:where([data-message]) {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -19909,7 +20070,7 @@
           flex-direction: column;
   min-width: 0;
 }
-.kui-TextAreaWrapper > :where(.kui-TextAreaRoot) {
+.kui-TextAreaWrapper:where([data-message]) > :where(.kui-TextAreaRoot) {
   -webkit-box-flex: 1;
       -ms-flex: 1 1 auto;
           flex: 1 1 auto;

package/dist/esm/chunk-3C4Q6PMS.js

@@ -1,3 +0,0 @@
-"use client";
-import{b as C,c as T,d as N,e as G}from"./chunk-2ACVWLFA.js";import{a as F}from"./chunk-TGRHRMQI.js";import{b as j,c as g}from"./chunk-GE7FRBZ4.js";import{b as z,d as L,f as O}from"./chunk-GKDGNPBD.js";import{c as W}from"./chunk-5ON3XLRD.js";import{c as h,e as V,g as S,h as k,i as A}from"./chunk-ZKQCSGL3.js";import{b,c as R,d as I,e as v}from"./chunk-BVQDDN5Q.js";import{a as y}from"./chunk-VIVM525H.js";import{c as f}from"./chunk-OKQAVYW4.js";import{a as ne}from"./chunk-VQPANPMI.js";var ae={};ne(ae,{CheckboxItem:()=>Y,Content:()=>K,Group:()=>J,Item:()=>H,Label:()=>U,RadioGroup:()=>Q,RadioItem:()=>X,Root:()=>_,Separator:()=>te,Sub:()=>Z,SubContent:()=>ee,SubTrigger:()=>$,Trigger:()=>q});import*as e from"react";import s from"classnames";import{ContextMenu as i,Slot as B}from"radix-ui";import{useCallbackRef as re}from"radix-ui/internal";var _=t=>{let{open:r,onOpenChange:n}=t,[a,o]=e.useState(!1),u=r??a,p=re(n),c=e.useCallback(l=>{o(l),p(l)},[p]),m=e.useCallback(()=>c(!1),[c]);return e.createElement(V,{value:m},e.createElement(i.Root,{...t,open:u,onOpenChange:c}))};_.displayName="ContextMenu.Root";var q=e.forwardRef(({children:t,...r},n)=>e.createElement(i.Trigger,{...r,ref:n,asChild:!0},F(t)));q.displayName="ContextMenu.Trigger";var E=e.createContext({}),K=e.forwardRef((t,r)=>{let n=W(t,C.size),a=j(),{size:o=C.size.default}=n,{className:u,children:p,color:c,container:m,forceMount:l,submenuBehavior:w,virtualized:d=!1,...P}=f(n,C),x=c||a.accentColor,M=b(o,C.size.default),oe=e.useMemo(()=>({size:o,color:x}),[o,x]),D=e.createElement(h,{size:o},e.createElement(E.Provider,{value:oe},p));return e.createElement(i.Portal,{container:m,forceMount:l},e.createElement(g,{asChild:!0},e.createElement(i.Content,{"data-accent-color":x,alignOffset:R(M),collisionPadding:10,...P,asChild:!1,ref:r,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-ContextMenuContent",u)},d?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport","kui-virtualized")},D):e.createElement(y,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport")},D)))))});K.displayName="ContextMenu.Content";var U=e.forwardRef(({className:t,id:r,...n},a)=>{let o=A(r);return e.createElement(i.Label,{...n,id:o,asChild:!1,ref:a,className:s("kui-BaseMenuLabel","kui-ContextMenuLabel",t)})});U.displayName="ContextMenu.Label";var H=e.forwardRef((t,r)=>{let{className:n,children:a,color:o=T.color.default,shortcut:u,...p}=t;return e.createElement(i.Item,{"data-accent-color":o,"aria-keyshortcuts":u?I(u):void 0,...p,ref:r,className:s("kui-reset","kui-BaseMenuItem","kui-ContextMenuItem",n)},e.createElement(B.Slottable,null,a),u&&e.createElement(v,{shortcut:u,className:"kui-ContextMenuShortcut"}))});H.displayName="ContextMenu.Item";var J=e.forwardRef(({className:t,"aria-labelledby":r,...n},a)=>{let[o,u]=k(r);return e.createElement(S,{value:u},e.createElement(i.Group,{"aria-labelledby":o,...n,asChild:!1,ref:a,className:s("kui-BaseMenuGroup","kui-ContextMenuGroup",t)}))});J.displayName="ContextMenu.Group";var Q=e.forwardRef(({className:t,"aria-labelledby":r,...n},a)=>{let[o,u]=k(r);return e.createElement(S,{value:u},e.createElement(i.RadioGroup,{"aria-labelledby":o,...n,asChild:!1,ref:a,className:s("kui-BaseMenuRadioGroup","kui-ContextMenuRadioGroup",t)}))});Q.displayName="ContextMenu.RadioGroup";var X=e.forwardRef((t,r)=>{let{children:n,className:a,color:o=G.color.default,...u}=t;return e.createElement(i.RadioItem,{...u,asChild:!1,ref:r,"data-accent-color":o,className:s("kui-BaseMenuItem","kui-BaseMenuRadioItem","kui-ContextMenuItem","kui-ContextMenuRadioItem",a)},e.createElement(B.Slottable,null,n),e.createElement(i.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator"},e.createElement(O,{className:"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon"})))});X.displayName="ContextMenu.RadioItem";var Y=e.forwardRef((t,r)=>{let{children:n,className:a,shortcut:o,color:u=N.color.default,...p}=t;return e.createElement(i.CheckboxItem,{"aria-keyshortcuts":o?I(o):void 0,...p,asChild:!1,ref:r,"data-accent-color":u,className:s("kui-BaseMenuItem","kui-BaseMenuCheckboxItem","kui-ContextMenuItem","kui-ContextMenuCheckboxItem",a)},e.createElement(B.Slottable,null,n),e.createElement(i.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator"},e.createElement(z,{className:"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon"})),o&&e.createElement(v,{shortcut:o,className:"kui-ContextMenuShortcut"}))});Y.displayName="ContextMenu.CheckboxItem";var Z=t=>e.createElement(i.Sub,{...t});Z.displayName="ContextMenu.Sub";var $=e.forwardRef((t,r)=>{let{className:n,children:a,...o}=t;return e.createElement(i.SubTrigger,{...o,asChild:!1,ref:r,className:s("kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-ContextMenuItem","kui-ContextMenuSubTrigger",n)},a,e.createElement("div",{className:"kui-BaseMenuShortcut kui-ContextMenuShortcut"},e.createElement(L,{className:"kui-BaseMenuSubTriggerIcon kui-ContextMenuSubTriggerIcon"})))});$.displayName="ContextMenu.SubTrigger";var ee=e.forwardRef((t,r)=>{let n=e.useContext(E),a=t.size??n.size,o=t.color??n.color,{className:u,children:p,container:c,forceMount:m,color:l,virtualized:w=!1,...d}=f({...t,size:a},C),P=b(a,C.size.default),x=e.useMemo(()=>({size:a,color:o}),[a,o]),M=e.createElement(h,{size:a},e.createElement(E.Provider,{value:x},p));return e.createElement(i.Portal,{container:c,forceMount:m},e.createElement(g,{asChild:!0},e.createElement(i.SubContent,{"data-accent-color":o,alignOffset:R(P),sideOffset:1,collisionPadding:10,...d,asChild:!1,ref:r,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-BaseMenuSubContent","kui-ContextMenuContent","kui-ContextMenuSubContent",u)},w?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport","kui-virtualized")},M):e.createElement(y,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-ContextMenuViewport")},M)))))});ee.displayName="ContextMenu.SubContent";var te=e.forwardRef(({className:t,...r},n)=>e.createElement(i.Separator,{...r,asChild:!1,ref:n,className:s("kui-BaseMenuSeparator","kui-ContextMenuSeparator",t)}));te.displayName="ContextMenu.Separator";export{_ as a,q as b,K as c,U as d,H as e,J as f,Q as g,X as h,Y as i,Z as j,$ as k,ee as l,te as m,ae as n};
-//# sourceMappingURL=chunk-3C4Q6PMS.js.map

package/dist/esm/chunk-3C4Q6PMS.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/context-menu.tsx"],
-  "sourcesContent": ["/**\n * Context Menu component that provides right-click menu functionality.\n * Requires client-side rendering due to event handling and portal usage.\n */\n'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ContextMenu as ContextMenuPrimitive, Slot } from 'radix-ui';\nimport { useCallbackRef } from 'radix-ui/internal';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  contextMenuContentPropDefs,\n  contextMenuSubContentPropDefs,\n  contextMenuItemPropDefs,\n  contextMenuCheckboxItemPropDefs,\n  contextMenuRadioItemPropDefs,\n} from './context-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ThickCheckIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../hooks/theme-size.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport {\n  MenuCloseProvider,\n  MenuGroupLabelProvider,\n  MenuProvider,\n  useMenuGroupLabelId,\n  useMenuGroupLabelledBy,\n} from './_internal/menu-context.js';\nimport {\n  MenuShortcut,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  useResolvedResponsiveValue,\n} from './_internal/base-menu.utils.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ninterface ContextMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root> {}\nconst ContextMenuRoot: React.FC<ContextMenuRootProps> = (props) => {\n  const { open: openProp, onOpenChange } = props;\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const open = openProp ?? uncontrolledOpen;\n\n  const handleOpenChangeProp = useCallbackRef(onOpenChange);\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      handleOpenChangeProp(next);\n    },\n    [handleOpenChangeProp],\n  );\n  const close = React.useCallback(() => handleOpenChange(false), [handleOpenChange]);\n\n  return (\n    <MenuCloseProvider value={close}>\n      <ContextMenuPrimitive.Root {...props} open={open} onOpenChange={handleOpenChange} />\n    </MenuCloseProvider>\n  );\n};\nContextMenuRoot.displayName = 'ContextMenu.Root';\n\ntype ContextMenuTriggerElement = React.ElementRef<typeof ContextMenuPrimitive.Trigger>;\ninterface ContextMenuTriggerProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Trigger, RemovedProps> {}\nconst ContextMenuTrigger = React.forwardRef<ContextMenuTriggerElement, ContextMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <ContextMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </ContextMenuPrimitive.Trigger>\n  ),\n);\nContextMenuTrigger.displayName = 'ContextMenu.Trigger';\n\n/** Visual props shared by Content and SubContent. */\ntype ContextMenuSurfaceProps = GetPropDefTypes<typeof contextMenuContentPropDefs>;\n\ntype ContextMenuContentContextValue = {\n  size?: ContextMenuSurfaceProps['size'];\n  color?: ContextMenuSurfaceProps['color'];\n};\nconst ContextMenuContentContext = React.createContext<ContextMenuContentContextValue>({});\ntype ContextMenuContentElement = React.ElementRef<typeof ContextMenuPrimitive.Content>;\ninterface ContextMenuContentProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Content, RemovedProps>,\n    ContextMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   * Use this when rendering virtualized lists inside the context menu.\n   */\n  virtualized?: boolean;\n  /**\n   * @deprecated Has no effect. ContextMenu submenus always cascade.\n   */\n  submenuBehavior?: Responsive<'cascade' | 'drill-down'>;\n}\nconst ContextMenuContent = React.forwardRef<ContextMenuContentElement, ContextMenuContentProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, contextMenuContentPropDefs.size);\n    const themeContext = useThemeContext();\n    const {\n      size = contextMenuContentPropDefs.size.default,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      submenuBehavior: _submenuBehavior,\n      virtualized = false,\n      ...contentProps\n    } = extractProps(props, contextMenuContentPropDefs);\n\n    const resolvedColor = color || themeContext.accentColor;\n    const scalarSize = useResolvedResponsiveValue(size, contextMenuContentPropDefs.size.default);\n\n    const contextValue = React.useMemo(\n      () => ({ size, color: resolvedColor }),\n      [size, resolvedColor],\n    );\n\n    const body = (\n      <MenuProvider size={size}>\n        <ContextMenuContentContext.Provider value={contextValue}>{children}</ContextMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <ContextMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <ContextMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            alignOffset={getMenuAlignOffset(scalarSize)}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n          'kui-variant-soft',\n              'kui-ContextMenuContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport', 'kui-virtualized')}>\n                {body}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport')}>{body}</div>\n              </ScrollArea>\n            )}\n          </ContextMenuPrimitive.Content>\n        </Theme>\n      </ContextMenuPrimitive.Portal>\n    );\n  },\n);\nContextMenuContent.displayName = 'ContextMenu.Content';\n\ntype ContextMenuLabelElement = React.ElementRef<typeof ContextMenuPrimitive.Label>;\ninterface ContextMenuLabelProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Label, RemovedProps> {}\nconst ContextMenuLabel = React.forwardRef<ContextMenuLabelElement, ContextMenuLabelProps>(\n  ({ className, id: idProp, ...props }, forwardedRef) => {\n    const id = useMenuGroupLabelId(idProp);\n    return (\n      <ContextMenuPrimitive.Label\n        {...props}\n        id={id}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuLabel', 'kui-ContextMenuLabel', className)}\n      />\n    );\n  },\n);\nContextMenuLabel.displayName = 'ContextMenu.Label';\n\ntype ContextMenuItemElement = React.ElementRef<typeof ContextMenuPrimitive.Item>;\ntype ContextMenuItemOwnProps = GetPropDefTypes<typeof contextMenuItemPropDefs>;\ninterface ContextMenuItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Item, RemovedProps>,\n    ContextMenuItemOwnProps {}\nconst ContextMenuItem = React.forwardRef<ContextMenuItemElement, ContextMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = contextMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <ContextMenuPrimitive.Item\n        data-accent-color={color}\n        aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-ContextMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-ContextMenuShortcut\" />}\n      </ContextMenuPrimitive.Item>\n    );\n  },\n);\nContextMenuItem.displayName = 'ContextMenu.Item';\n\ntype ContextMenuGroupElement = React.ElementRef<typeof ContextMenuPrimitive.Group>;\ninterface ContextMenuGroupProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Group, RemovedProps> {}\nconst ContextMenuGroup = React.forwardRef<ContextMenuGroupElement, ContextMenuGroupProps>(\n  ({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n    const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n    return (\n      <MenuGroupLabelProvider value={setLabelId}>\n        <ContextMenuPrimitive.Group\n          aria-labelledby={labelledBy}\n          {...props}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames('kui-BaseMenuGroup', 'kui-ContextMenuGroup', className)}\n        />\n      </MenuGroupLabelProvider>\n    );\n  },\n);\nContextMenuGroup.displayName = 'ContextMenu.Group';\n\ntype ContextMenuRadioGroupElement = React.ElementRef<typeof ContextMenuPrimitive.RadioGroup>;\ninterface ContextMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.RadioGroup, RemovedProps> {}\nconst ContextMenuRadioGroup = React.forwardRef<\n  ContextMenuRadioGroupElement,\n  ContextMenuRadioGroupProps\n>(({ className, 'aria-labelledby': ariaLabelledBy, ...props }, forwardedRef) => {\n  const [labelledBy, setLabelId] = useMenuGroupLabelledBy(ariaLabelledBy);\n  return (\n    <MenuGroupLabelProvider value={setLabelId}>\n      <ContextMenuPrimitive.RadioGroup\n        aria-labelledby={labelledBy}\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuRadioGroup', 'kui-ContextMenuRadioGroup', className)}\n      />\n    </MenuGroupLabelProvider>\n  );\n});\nContextMenuRadioGroup.displayName = 'ContextMenu.RadioGroup';\n\ntype ContextMenuRadioItemElement = React.ElementRef<typeof ContextMenuPrimitive.RadioItem>;\ntype ContextMenuRadioItemOwnProps = GetPropDefTypes<typeof contextMenuRadioItemPropDefs>;\ninterface ContextMenuRadioItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.RadioItem, RemovedProps>,\n    ContextMenuRadioItemOwnProps {}\nconst ContextMenuRadioItem = React.forwardRef<\n  ContextMenuRadioItemElement,\n  ContextMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = contextMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <ContextMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuRadioItem',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuRadioItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <ContextMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator\">\n        <ThickDotIcon className=\"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon\" />\n      </ContextMenuPrimitive.ItemIndicator>\n    </ContextMenuPrimitive.RadioItem>\n  );\n});\nContextMenuRadioItem.displayName = 'ContextMenu.RadioItem';\n\ntype ContextMenuCheckboxItemElement = React.ElementRef<typeof ContextMenuPrimitive.CheckboxItem>;\ntype ContextMenuCheckboxItemOwnProps = GetPropDefTypes<typeof contextMenuCheckboxItemPropDefs>;\ninterface ContextMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.CheckboxItem, RemovedProps>,\n    ContextMenuCheckboxItemOwnProps {}\nconst ContextMenuCheckboxItem = React.forwardRef<\n  ContextMenuCheckboxItemElement,\n  ContextMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = contextMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <ContextMenuPrimitive.CheckboxItem\n      aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuCheckboxItem',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuCheckboxItem',\n        className,\n      )}\n    >\n      <Slot.Slottable>{children}</Slot.Slottable>\n      <ContextMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-ContextMenuItemIndicator\">\n        <ThickCheckIcon className=\"kui-BaseMenuItemIndicatorIcon kui-ContextMenuItemIndicatorIcon\" />\n      </ContextMenuPrimitive.ItemIndicator>\n      {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-ContextMenuShortcut\" />}\n    </ContextMenuPrimitive.CheckboxItem>\n  );\n});\nContextMenuCheckboxItem.displayName = 'ContextMenu.CheckboxItem';\n\ninterface ContextMenuSubProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Sub, RemovedProps> {}\nconst ContextMenuSub: React.FC<ContextMenuSubProps> = (props) => (\n  <ContextMenuPrimitive.Sub {...props} />\n);\nContextMenuSub.displayName = 'ContextMenu.Sub';\n\ntype ContextMenuSubTriggerElement = React.ElementRef<typeof ContextMenuPrimitive.SubTrigger>;\ninterface ContextMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubTrigger, RemovedProps> {}\nconst ContextMenuSubTrigger = React.forwardRef<\n  ContextMenuSubTriggerElement,\n  ContextMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, ...subTriggerProps } = props;\n  return (\n    <ContextMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuSubTrigger',\n        'kui-ContextMenuItem',\n        'kui-ContextMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"kui-BaseMenuShortcut kui-ContextMenuShortcut\">\n        <ThickChevronRightIcon className=\"kui-BaseMenuSubTriggerIcon kui-ContextMenuSubTriggerIcon\" />\n      </div>\n    </ContextMenuPrimitive.SubTrigger>\n  );\n});\nContextMenuSubTrigger.displayName = 'ContextMenu.SubTrigger';\n\ntype ContextMenuSubContentElement = React.ElementRef<typeof ContextMenuPrimitive.SubContent>;\ninterface ContextMenuSubContentProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.SubContent, RemovedProps>,\n    ContextMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   */\n  virtualized?: boolean;\n}\nconst ContextMenuSubContent = React.forwardRef<\n  ContextMenuSubContentElement,\n  ContextMenuSubContentProps\n>((props, forwardedRef) => {\n  const parent = React.useContext(ContextMenuContentContext);\n\n  // A submenu inherits the parent surface, and its own props win.\n  const size = props.size ?? parent.size;\n  const color = props.color ?? parent.color;\n\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    color: _color,\n    virtualized = false,\n    ...subContentProps\n  } = extractProps({ ...props, size }, contextMenuSubContentPropDefs);\n\n  const scalarSize = useResolvedResponsiveValue(size, contextMenuSubContentPropDefs.size.default);\n\n  const contextValue = React.useMemo(\n    () => ({ size, color }),\n    [size, color],\n  );\n\n  const body = (\n    <MenuProvider size={size}>\n      <ContextMenuContentContext.Provider value={contextValue}>{children}</ContextMenuContentContext.Provider>\n    </MenuProvider>\n  );\n\n  return (\n    <ContextMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <ContextMenuPrimitive.SubContent\n          data-accent-color={color}\n          alignOffset={getMenuAlignOffset(scalarSize)}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'kui-PopperContent',\n            'kui-BaseMenuContent',\n          'kui-variant-soft',\n            'kui-BaseMenuSubContent',\n            'kui-ContextMenuContent',\n            'kui-ContextMenuSubContent',\n            className,\n          )}\n        >\n          {virtualized ? (\n            <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport', 'kui-virtualized')}>\n              {body}\n            </div>\n          ) : (\n            <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n              <div className={classNames('kui-BaseMenuViewport', 'kui-ContextMenuViewport')}>{body}</div>\n            </ScrollArea>\n          )}\n        </ContextMenuPrimitive.SubContent>\n      </Theme>\n    </ContextMenuPrimitive.Portal>\n  );\n});\nContextMenuSubContent.displayName = 'ContextMenu.SubContent';\n\ntype ContextMenuSeparatorElement = React.ElementRef<typeof ContextMenuPrimitive.Separator>;\ninterface ContextMenuSeparatorProps\n  extends ComponentPropsWithout<typeof ContextMenuPrimitive.Separator, RemovedProps> {}\nconst ContextMenuSeparator = React.forwardRef<\n  ContextMenuSeparatorElement,\n  ContextMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <ContextMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('kui-BaseMenuSeparator', 'kui-ContextMenuSeparator', className)}\n  />\n));\nContextMenuSeparator.displayName = 'ContextMenu.Separator';\n\nexport {\n  ContextMenuRoot as Root,\n  ContextMenuTrigger as Trigger,\n  ContextMenuContent as Content,\n  ContextMenuLabel as Label,\n  ContextMenuItem as Item,\n  ContextMenuGroup as Group,\n  ContextMenuRadioGroup as RadioGroup,\n  ContextMenuRadioItem as RadioItem,\n  ContextMenuCheckboxItem as CheckboxItem,\n  ContextMenuSub as Sub,\n  ContextMenuSubTrigger as SubTrigger,\n  ContextMenuSubContent as SubContent,\n  ContextMenuSeparator as Separator,\n};\n\nexport type {\n  ContextMenuRootProps as RootProps,\n  ContextMenuTriggerProps as TriggerProps,\n  ContextMenuContentProps as ContentProps,\n  ContextMenuLabelProps as LabelProps,\n  ContextMenuItemProps as ItemProps,\n  ContextMenuGroupProps as GroupProps,\n  ContextMenuRadioGroupProps as RadioGroupProps,\n  ContextMenuRadioItemProps as RadioItemProps,\n  ContextMenuCheckboxItemProps as CheckboxItemProps,\n  ContextMenuSubProps as SubProps,\n  ContextMenuSubTriggerProps as SubTriggerProps,\n  ContextMenuSubContentProps as SubContentProps,\n  ContextMenuSeparatorProps as SeparatorProps,\n};\n"],
-  "mappings": "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",
-  "names": ["context_menu_exports", "__export", "ContextMenuCheckboxItem", "ContextMenuContent", "ContextMenuGroup", "ContextMenuItem", "ContextMenuLabel", "ContextMenuRadioGroup", "ContextMenuRadioItem", "ContextMenuRoot", "ContextMenuSeparator", "ContextMenuSub", "ContextMenuSubContent", "ContextMenuSubTrigger", "ContextMenuTrigger", "React", "classNames", "ContextMenuPrimitive", "Slot", "useCallbackRef", "ContextMenuRoot", "props", "openProp", "onOpenChange", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChangeProp", "useCallbackRef", "handleOpenChange", "next", "close", "MenuCloseProvider", "ContextMenuPrimitive", "ContextMenuTrigger", "children", "forwardedRef", "requireReactElement", "ContextMenuContentContext", "ContextMenuContent", "ownProps", "useThemeSizeProps", "baseMenuSubContentPropDefs", "themeContext", "useThemeContext", "size", "className", "color", "container", "forceMount", "_submenuBehavior", "virtualized", "contentProps", "extractProps", "resolvedColor", "scalarSize", "useResolvedResponsiveValue", "contextValue", "body", "MenuProvider", "Theme", "getMenuAlignOffset", "classNames", "ScrollArea", "ContextMenuLabel", "idProp", "id", "useMenuGroupLabelId", "ContextMenuItem", "baseMenuItemPropDefs", "shortcut", "itemProps", "toAriaKeyShortcuts", "Slot", "MenuShortcut", "ContextMenuGroup", "ariaLabelledBy", "labelledBy", "setLabelId", "useMenuGroupLabelledBy", "MenuGroupLabelProvider", "ContextMenuRadioGroup", "ContextMenuRadioItem", "baseMenuRadioItemPropDefs", "ThickDotIcon", "ContextMenuCheckboxItem", "baseMenuCheckboxItemPropDefs", "ThickCheckIcon", "ContextMenuSub", "ContextMenuSubTrigger", "subTriggerProps", "ThickChevronRightIcon", "ContextMenuSubContent", "parent", "_color", "subContentProps", "ContextMenuSeparator"]
-}

package/dist/esm/chunk-3ZWHKNHI.js

@@ -1,3 +0,0 @@
-"use client";
-import{a as u}from"./chunk-VIVM525H.js";import{a as s}from"./chunk-KQIZMPSW.js";import{j as m}from"./chunk-GHWEXMF6.js";import*as e from"react";import c from"classnames";var C=e.createContext(null);function d(){return e.useContext(C)}var S=e.createContext("2"),h=e.createContext(!1);function F({children:t,presentation:n}){let a=e.useContext(S),o=e.useMemo(()=>({size:a,menuVariant:"soft",presentation:n}),[a,n]);return e.createElement(C.Provider,{value:o},t)}function P(){let t=d(),n=e.useContext(S),a=t?.size??n,o=t?.menuVariant??"soft";return["kui-ShellPaneChrome",`kui-r-size-${a}`,`kui-menu-variant-${o}`]}var R={1:"2",2:"3",3:"4",4:"4"};function f(){let t=d(),n=e.useContext(S);return R[t?.size??n]}function M(){let t=e.useContext(s),n=e.useContext(m)!==null,a=f();return t!==void 0?t:n?a:null}var z=e.forwardRef(({className:t,float:n,children:a,...o},r)=>{let i=P(),l=f();return e.createElement("div",{...o,ref:r,"data-float":n||void 0,className:c("kui-ShellPaneHeader","kui-SidebarHeader","kui-SidebarHeader--container",...i,t)},e.createElement(s.Provider,{value:l},a))});z.displayName="Shell.PaneHeader";var b=e.forwardRef(({className:t,float:n,children:a,...o},r)=>{let i=P(),l=f();return e.createElement("div",{...o,ref:r,"data-float":n||void 0,className:c("kui-ShellPaneFooter","kui-SidebarFooter","kui-SidebarFooter--container",...i,t)},e.createElement(s.Provider,{value:l},a))});b.displayName="Shell.PaneFooter";var V=e.forwardRef(({className:t,style:n,dir:a,children:o,fade:r=!1,...i},l)=>{let v=P(),p=e.useContext(h),x=d();return p&&x===null?e.createElement(u,{...i,ref:l,type:"hover",fade:r,className:"kui-ShellScroll"},e.createElement("div",{style:n,dir:a,className:c("kui-ShellScrollContent",t)},o)):e.createElement(u,{...i,ref:l,type:"hover",fade:r,className:"kui-ShellScroll"},e.createElement("div",{style:n,dir:a,className:c("kui-BaseMenuContent","kui-SidebarContent",...v,t)},e.createElement(s.Provider,{value:null},e.createElement("div",{className:"kui-BaseMenuViewport"},o))))});V.displayName="Shell.Scroll";export{C as a,d as b,S as c,h as d,F as e,R as f,M as g,z as h,b as i,V as j};
-//# sourceMappingURL=chunk-3ZWHKNHI.js.map