@womp/kookie-ui 0.5.0 → 0.7.0

package/dist/cjs/components/_internal/base-tab-list.props.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/_internal/base-tab-list.props.ts", "../../../../src/props/color.prop.ts", "../../../../src/props/high-contrast.prop.ts"],
-  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\nimport { highContrastPropDef } from '../../props/high-contrast.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nconst justifyValues = ['start', 'center', 'end'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseTabListPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  wrap: {\n    type: 'enum',\n    className: 'rt-r-fw',\n    values: wrapValues,\n    responsive: true,\n  },\n  justify: {\n    type: 'enum',\n    className: 'rt-r-jc',\n    values: justifyValues,\n    responsive: true,\n  },\n  ...colorPropDef,\n  ...highContrastPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { baseTabListPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Defines accent color for descendant text components\u00A0with `highContrast={true}`.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n", "import type { PropDef } from './prop-def.js';\n\nconst highContrastPropDef = {\n  highContrast: {\n    type: 'boolean',\n    className: 'rt-high-contrast',\n    default: undefined,\n  },\n} satisfies {\n  highContrast: PropDef<boolean>;\n};\n\nexport { highContrastPropDef };\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,ECXA,IAAMC,EAAsB,CAC1B,aAAc,CACZ,KAAM,UACN,UAAW,mBACX,QAAS,MACX,CACF,EFHA,IAAMC,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAC9CC,EAAgB,CAAC,QAAS,SAAU,KAAK,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAsB,CAC1B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,KAAM,CACJ,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,GAAGG,EACH,GAAGC,EACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQH,EAAkB,QAAS,MAAU,CAChF",
-  "names": ["base_tab_list_props_exports", "__export", "baseTabListPropDefs", "__toCommonJS", "accentColors", "colorPropDef", "accentColors", "highContrastPropDef", "sizes", "wrapValues", "justifyValues", "panelBackgrounds", "baseTabListPropDefs", "colorPropDef", "highContrastPropDef"]
+  "sources": ["../../../../src/components/_internal/base-tab-list.props.ts", "../../../../src/props/color.prop.ts"],
+  "sourcesContent": ["import { colorPropDef } from '../../props/color.prop.js';\n\nimport type { PropDef } from '../../props/prop-def.js';\n\nconst sizes = ['1', '2'] as const;\nconst wrapValues = ['nowrap', 'wrap', 'wrap-reverse'] as const;\nconst justifyValues = ['start', 'center', 'end'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\n\nconst baseTabListPropDefs = {\n  size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '2', responsive: true },\n  wrap: {\n    type: 'enum',\n    className: 'rt-r-fw',\n    values: wrapValues,\n    responsive: true,\n  },\n  justify: {\n    type: 'enum',\n    className: 'rt-r-jc',\n    values: justifyValues,\n    responsive: true,\n  },\n  ...colorPropDef,\n  panelBackground: { type: 'enum', values: panelBackgrounds, default: undefined },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  wrap: PropDef<(typeof wrapValues)[number]>;\n  justify: PropDef<(typeof justifyValues)[number]>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nexport { baseTabListPropDefs };\n", "import type { PropDef } from './prop-def.js';\n\n// prettier-ignore\nconst accentColors = ['gray', 'gold', 'bronze', 'brown', 'yellow', 'amber', 'orange', 'tomato', 'red', 'ruby', 'crimson', 'pink', 'plum', 'purple', 'violet', 'iris', 'indigo', 'blue', 'cyan', 'teal', 'jade', 'green', 'grass', 'lime', 'mint', 'sky'] as const;\n\nconst grayColors = ['auto', 'gray', 'mauve', 'slate', 'sage', 'olive', 'sand'] as const;\n\nconst colorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: undefined as (typeof accentColors)[number] | undefined,\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\n// 1. When used on components that compose Text, sets the color of the text to the current accent.\n// 2. Re-declares the accent role tokens (`--accent-ink`, `--accent-solid`, ...) that descendants read.\nconst accentColorPropDef = {\n  color: {\n    type: 'enum',\n    values: accentColors,\n    default: '' as (typeof accentColors)[number],\n  },\n} satisfies {\n  color: PropDef<(typeof accentColors)[number]>;\n};\n\nexport {\n  accentColorPropDef,\n  colorPropDef,\n  //\n  accentColors,\n  grayColors,\n};\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,yBAAAE,IAAA,eAAAC,EAAAH,GCGA,IAAMI,EAAe,CAAC,OAAQ,OAAQ,SAAU,QAAS,SAAU,QAAS,SAAU,SAAU,MAAO,OAAQ,UAAW,OAAQ,OAAQ,SAAU,SAAU,OAAQ,SAAU,OAAQ,OAAQ,OAAQ,OAAQ,QAAS,QAAS,OAAQ,OAAQ,KAAK,EAIvP,IAAMC,EAAe,CACnB,MAAO,CACL,KAAM,OACN,OAAQC,EACR,QAAS,MACX,CACF,EDTA,IAAMC,EAAQ,CAAC,IAAK,GAAG,EACjBC,EAAa,CAAC,SAAU,OAAQ,cAAc,EAC9CC,EAAgB,CAAC,QAAS,SAAU,KAAK,EACzCC,EAAmB,CAAC,QAAS,aAAa,EAE1CC,EAAsB,CAC1B,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQJ,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,KAAM,CACJ,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,UACX,OAAQC,EACR,WAAY,EACd,EACA,GAAGG,EACH,gBAAiB,CAAE,KAAM,OAAQ,OAAQF,EAAkB,QAAS,MAAU,CAChF",
+  "names": ["base_tab_list_props_exports", "__export", "baseTabListPropDefs", "__toCommonJS", "accentColors", "colorPropDef", "accentColors", "sizes", "wrapValues", "justifyValues", "panelBackgrounds", "baseTabListPropDefs", "colorPropDef"]
 }

package/dist/cjs/components/_internal/dropdown-menu-drill-down.d.ts

@@ -1,73 +1,91 @@
 import * as React from 'react';
-import type { Breakpoint, Responsive } from '../../props/prop-def.js';
 import type { submenuBehaviors } from './base-menu.props.js';
-import { useBreakpoint } from '../../hooks/use-breakpoint.js';
 type SubmenuBehavior = (typeof submenuBehaviors)[number];
-/**
- * Resolves a responsive value to its current value based on the breakpoint.
- * Falls back through smaller breakpoints if the current one isn't defined.
- */
-declare function resolveResponsiveValue<T>(value: T | Partial<Record<Breakpoint, T>> | undefined, currentBreakpoint: Breakpoint, defaultValue: T): T;
 type AnimationDirection = 'forward' | 'backward' | null;
-/**
- * Stable actions context - callbacks that don't change identity.
- * Separated from state to prevent unnecessary re-renders of components
- * that only need to call push/pop/reset.
- */
-interface DrillDownActionsContextValue {
-    /** Navigate into a submenu */
-    push: (id: string) => void;
-    /** Navigate back to parent menu */
-    pop: () => void;
-    /** Reset to root menu */
+type Modality = 'keyboard' | 'pointer';
+interface StackEntry {
+    id: string;
+    /** Accessible name of the submenu, taken from its trigger text */
+    name: string;
+    /** Scroll position of the parent level when this entry was pushed */
+    scrollTop: number;
+}
+type LastChange = {
+    type: 'push';
+    id: string;
+    modality: Modality | null;
+} | {
+    type: 'pop';
+    id: string;
+    modality: Modality | null;
+    scrollTop: number;
+} | {
+    type: 'reset';
+};
+interface DrillDownState {
+    stack: StackEntry[];
+    direction: AnimationDirection;
+    lastChange: LastChange | null;
+}
+declare class DrillDownStore {
+    private state;
+    private listeners;
+    private modality;
+    /** The drill-down root element, set by the provider */
+    rootElement: HTMLElement | null;
+    setRootElement: (element: HTMLElement | null) => void;
+    getState: () => DrillDownState;
+    subscribe: (listener: () => void) => () => void;
+    private setState;
+    /** Records how the user is interacting, so focus can follow the same model as Radix. */
+    setModality: (modality: Modality) => void;
+    getModality: () => Modality;
+    getDepth: () => number;
+    isOpen: (id: string) => boolean;
+    private getScrollContainer;
+    private getTrigger;
+    /**
+     * Opens a submenu. `modality` decides where focus goes: the first item for
+     * keyboard, the menu for pointer, and nowhere for a programmatic open
+     * (`null`) unless focus was lost.
+     */
+    push: (id: string, modality?: Modality | null) => void;
+    pop: (modality?: Modality) => void;
+    /** Closes a submenu and everything opened from it, without moving focus to its trigger. */
+    close: (id: string) => void;
     reset: () => void;
+    /**
+     * Moves focus and scroll after a navigation step has been committed. Runs in
+     * a layout effect, so the new level is already in the DOM and nothing paints
+     * with focus on `<body>` or at the old scroll position.
+     */
+    applyLastChange(): void;
 }
 /**
- * Mutable state context - values that change when navigation occurs.
- * Subscribers to this context will re-render on stack changes.
+ * Whether the items of the current level are on screen. The root level and
+ * every panel provide it; menu parts render nothing when it is false.
  */
-interface DrillDownStateContextValue {
-    /** Current submenu behavior mode */
+declare const DrillDownLevelContext: React.Context<boolean>;
+declare function useDrillDownStore(): DrillDownStore | null;
+declare function useCreateDrillDownStore(): DrillDownStore;
+interface DrillDownRootProps {
+    store: DrillDownStore;
     behavior: SubmenuBehavior;
-    /** Whether the breakpoint has been resolved (client-side only) */
-    ready: boolean;
-    /** Stack of active submenu IDs. Empty means root menu is shown. */
-    stack: string[];
-    /** Check if a specific submenu is the currently active one */
-    isActive: (id: string) => boolean;
-    /** Check if we're at root level (no submenus open) */
-    isRoot: boolean;
-    /** The currently active submenu ID (or null if at root) */
-    currentId: string | null;
-    /** Current animation direction for transitions */
-    animationDirection: AnimationDirection;
-}
-declare const DrillDownActionsContext: React.Context<DrillDownActionsContextValue | null>;
-declare const DrillDownStateContext: React.Context<DrillDownStateContextValue | null>;
-interface DrillDownProviderProps {
+    /** Open state of the menu; the stack resets every time the menu opens */
+    open: boolean;
     children: React.ReactNode;
-    submenuBehavior: Responsive<SubmenuBehavior> | undefined;
 }
-declare function DrillDownProvider({ children, submenuBehavior }: DrillDownProviderProps): React.JSX.Element;
-/**
- * Hook to access only the stable action callbacks (push, pop, reset).
- * Use this in components that only need to trigger navigation,
- * not react to state changes. Prevents unnecessary re-renders.
- */
-declare function useDrillDownActions(): DrillDownActionsContextValue;
-/**
- * Hook to access drill-down state (behavior, stack, isActive, etc.).
- * Components using this will re-render when navigation state changes.
- */
-declare function useDrillDownState(): DrillDownStateContextValue;
-/**
- * Optional version of useDrillDownActions for components that may be outside Content.
- */
-declare function useDrillDownActionsOptional(): DrillDownActionsContextValue | null;
 /**
- * Optional version of useDrillDownState for components that may be outside Content.
+ * Provides the drill-down store and renders the root level. The wrapper is
+ * the same element in both behaviors, so crossing a breakpoint that switches
+ * between cascade and drill-down does not remount the items.
  */
-declare function useDrillDownStateOptional(): DrillDownStateContextValue | null;
+declare function DrillDownRoot({ store, behavior, open, children }: DrillDownRootProps): React.JSX.Element;
+/** Where a submenu sits in the stack: not open, open under another level, or on top. */
+type PanelPosition = 'closed' | 'open' | 'top';
+declare function usePanelPosition(store: DrillDownStore | null, id: string): PanelPosition;
+declare function useStackEntry(store: DrillDownStore | null, id: string): StackEntry | undefined;
+declare function useDrillDownDirection(store: DrillDownStore | null): AnimationDirection;
 interface SubContextValue {
     /** Unique ID for this submenu */
     id: string;
@@ -76,6 +94,6 @@ interface SubContextValue {
 }
 declare const SubContext: React.Context<SubContextValue | null>;
 declare function useSubContext(): SubContextValue | null;
-export { DrillDownProvider, DrillDownActionsContext, DrillDownStateContext, SubContext, useDrillDownActions, useDrillDownActionsOptional, useDrillDownState, useDrillDownStateOptional, useSubContext, useBreakpoint, resolveResponsiveValue, };
-export type { SubmenuBehavior, DrillDownActionsContextValue, DrillDownStateContextValue, SubContextValue, AnimationDirection, };
+export { DrillDownRoot, DrillDownLevelContext, SubContext, useCreateDrillDownStore, useDrillDownStore, useDrillDownDirection, usePanelPosition, useStackEntry, useSubContext, };
+export type { SubmenuBehavior, DrillDownStore, PanelPosition, SubContextValue, AnimationDirection };
 //# sourceMappingURL=dropdown-menu-drill-down.d.ts.map

package/dist/cjs/components/_internal/dropdown-menu-drill-down.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-drill-down.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/dropdown-menu-drill-down.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,KAAK,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD;;;GAGG;AACH,iBAAS,sBAAsB,CAAC,CAAC,EAC/B,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,EACrD,iBAAiB,EAAE,UAAU,EAC7B,YAAY,EAAE,CAAC,GACd,CAAC,CA6BH;AAMD,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC;AAExD;;;;GAIG;AACH,UAAU,4BAA4B;IACpC,8BAA8B;IAC9B,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3B,mCAAmC;IACnC,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;GAGG;AACH,UAAU,0BAA0B;IAClC,oCAAoC;IACpC,QAAQ,EAAE,eAAe,CAAC;IAC1B,kEAAkE;IAClE,KAAK,EAAE,OAAO,CAAC;IACf,mEAAmE;IACnE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAClC,sDAAsD;IACtD,MAAM,EAAE,OAAO,CAAC;IAChB,2DAA2D;IAC3D,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,kDAAkD;IAClD,kBAAkB,EAAE,kBAAkB,CAAC;CACxC;AAED,QAAA,MAAM,uBAAuB,oDAAiE,CAAC;AAC/F,QAAA,MAAM,qBAAqB,kDAA+D,CAAC;AAE3F,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC1D;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,sBAAsB,qBAyE/E;AAED;;;;GAIG;AACH,iBAAS,mBAAmB,iCAM3B;AAED;;;GAGG;AACH,iBAAS,iBAAiB,+BAMzB;AAED;;GAEG;AACH,iBAAS,2BAA2B,wCAEnC;AAED;;GAEG;AACH,iBAAS,yBAAyB,sCAEjC;AAMD,UAAU,eAAe;IACvB,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,uCAAoD,CAAC;AAErE,iBAAS,aAAa,2BAErB;AAED,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,UAAU,EACV,mBAAmB,EACnB,2BAA2B,EAC3B,iBAAiB,EACjB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,sBAAsB,GACvB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,4BAA4B,EAC5B,0BAA0B,EAC1B,eAAe,EACf,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"dropdown-menu-drill-down.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/dropdown-menu-drill-down.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,KAAK,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAgBzD,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC;AACxD,KAAK,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAC;AAEvC,UAAU,UAAU;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,qEAAqE;IACrE,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,KAAK,UAAU,GACX;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAA;CAAE,GACvD;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,GACzE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC;AAEtB,UAAU,cAAc;IACtB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;CAC/B;AAWD,cAAM,cAAc;IAClB,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,SAAS,CAAyB;IAC1C,OAAO,CAAC,QAAQ,CAAwB;IACxC,uDAAuD;IACvD,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IAEvC,cAAc,GAAI,SAAS,WAAW,GAAG,IAAI,UAE3C;IAEF,QAAQ,uBAAoB;IAE5B,SAAS,GAAI,UAAU,MAAM,IAAI,gBAK/B;IAEF,OAAO,CAAC,QAAQ;IAKhB,wFAAwF;IACxF,WAAW,GAAI,UAAU,QAAQ,UAE/B;IAEF,WAAW,iBAAuB;IAElC,QAAQ,eAAiC;IAEzC,MAAM,GAAI,IAAI,MAAM,aAAuD;IAE3E,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,UAAU;IAMlB;;;;OAIG;IACH,IAAI,GAAI,IAAI,MAAM,EAAE,WAAU,QAAQ,GAAG,IAAoB,UAW3D;IAEF,GAAG,GAAI,WAAU,QAAwB,UASvC;IAEF,2FAA2F;IAC3F,KAAK,GAAI,IAAI,MAAM,UASjB;IAEF,KAAK,aAGH;IAEF;;;;OAIG;IACH,eAAe;CAuChB;AAID;;;GAGG;AACH,QAAA,MAAM,qBAAqB,wBAA4B,CAAC;AAExD,iBAAS,iBAAiB,0BAEzB;AAED,iBAAS,uBAAuB,mBAG/B;AAOD,UAAU,kBAAkB;IAC1B,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,eAAe,CAAC;IAC1B,yEAAyE;IACzE,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;GAIG;AACH,iBAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,qBAsD7E;AAED,wFAAwF;AACxF,KAAK,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAE/C,iBAAS,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,aAAa,CAQjF;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAMvF;AAED,iBAAS,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,GAAG,kBAAkB,CAG/E;AAUD,UAAU,eAAe;IACvB,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,uCAAoD,CAAC;AAErE,iBAAS,aAAa,2BAErB;AAED,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,uBAAuB,EACvB,iBAAiB,EACjB,qBAAqB,EACrB,gBAAgB,EAChB,aAAa,EACb,aAAa,GACd,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,aAAa,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/cjs/components/_internal/dropdown-menu-drill-down.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var O=Object.create;var f=Object.defineProperty;var I=Object.getOwnPropertyDescriptor;var N=Object.getOwnPropertyNames;var Q=Object.getPrototypeOf,j=Object.prototype.hasOwnProperty;var _=(e,t)=>{for(var r in t)f(e,r,{get:t[r],enumerable:!0})},g=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of N(t))!j.call(e,o)&&o!==r&&f(e,o,{get:()=>t[o],enumerable:!(i=I(t,o))||i.enumerable});return e};var k=(e,t,r)=>(r=e!=null?O(Q(e)):{},g(t||!e||!e.__esModule?f(r,"default",{value:e,enumerable:!0}):r,e)),q=e=>g(f({},"__esModule",{value:!0}),e);var ee={};_(ee,{DrillDownActionsContext:()=>b,DrillDownProvider:()=>G,DrillDownStateContext:()=>R,SubContext:()=>V,resolveResponsiveValue:()=>M,useBreakpoint:()=>v,useDrillDownActions:()=>H,useDrillDownActionsOptional:()=>X,useDrillDownState:()=>J,useDrillDownStateOptional:()=>Y,useSubContext:()=>Z});module.exports=q(ee);var n=k(require("react"));var m=k(require("react"));var B={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var K=Object.entries(B),A=null,d=new Set,u=null;function S(){return A??(A=K.map(([e,t])=>[e,window.matchMedia(t)])),A}function D(){let e="initial";for(let[t,r]of S())r.matches&&(e=t);return e}function x(){let e=D();e!==u&&(u=e,d.forEach(t=>t()))}function E(e){if(typeof window>"u")return()=>{};if(d.size===0){u=D();for(let[,t]of S())typeof t.addEventListener=="function"?t.addEventListener("change",x):t.addListener?.(x)}return d.add(e),()=>{if(d.delete(e),!(d.size>0)){for(let[,t]of S())try{typeof t.removeEventListener=="function"?t.removeEventListener("change",x):t.removeListener?.(x)}catch{}u=null}}}function W(){return typeof window>"u"?"initial":(u??(u=D()),u)}function U(){return"initial"}var $=()=>!0,F=()=>!1;function v(){let e=m.useSyncExternalStore(E,W,U),t=m.useSyncExternalStore(E,$,F);return m.useMemo(()=>({breakpoint:e,ready:t}),[e,t])}function M(e,t,r){if(e==null)return r;if(typeof e!="object")return e;let i=e;if(i[t]!==void 0)return i[t];let o=["xl","lg","md","sm","xs","initial"],s=o.indexOf(t);for(let l=s+1;l<o.length;l++){let a=o[l];if(i[a]!==void 0)return i[a]}return r}var b=n.createContext(null),R=n.createContext(null);function G({children:e,submenuBehavior:t}){let{breakpoint:r,ready:i}=v(),[o,s]=n.useState([]),[l,a]=n.useState(null),c=n.useMemo(()=>M(t,r,"cascade"),[t,r]),h=n.useRef(c);n.useEffect(()=>{h.current==="drill-down"&&c==="cascade"&&(s([]),a(null)),h.current=c},[c]);let w=n.useCallback(p=>{a("forward"),s(L=>[...L,p])},[]),y=n.useCallback(()=>{a("backward"),s(p=>p.slice(0,-1))},[]),P=n.useCallback(()=>{s([]),a(null)},[]),T=n.useMemo(()=>({push:w,pop:y,reset:P}),[w,y,P]),C=n.useCallback(p=>o.length===0?!1:o[o.length-1]===p,[o]),z=n.useMemo(()=>({behavior:c,ready:i,stack:o,isActive:C,isRoot:o.length===0,currentId:o.length>0?o[o.length-1]:null,animationDirection:l}),[c,i,o,C,l]);return n.createElement(b.Provider,{value:T},n.createElement(R.Provider,{value:z},e))}function H(){let e=n.useContext(b);if(!e)throw new Error("useDrillDownActions must be used within a DropdownMenu.Content");return e}function J(){let e=n.useContext(R);if(!e)throw new Error("useDrillDownState must be used within a DropdownMenu.Content");return e}function X(){return n.useContext(b)}function Y(){return n.useContext(R)}var V=n.createContext(null);function Z(){return n.useContext(V)}
+"use strict";"use client";var R=Object.create;var u=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,M=Object.prototype.hasOwnProperty;var x=(e,t,n)=>t in e?u(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var L=(e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})},m=(e,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of v(t))!M.call(e,l)&&l!==n&&u(e,l,{get:()=>t[l],enumerable:!(i=k(t,l))||i.enumerable});return e};var P=(e,t,n)=>(n=e!=null?R(T(e)):{},m(t||!e||!e.__esModule?u(n,"default",{value:e,enumerable:!0}):n,e)),A=e=>m(u({},"__esModule",{value:!0}),e);var r=(e,t,n)=>x(e,typeof t!="symbol"?t+"":t,n);var J={};L(J,{DrillDownLevelContext:()=>y,DrillDownRoot:()=>O,SubContext:()=>f,useCreateDrillDownStore:()=>V,useDrillDownDirection:()=>U,useDrillDownStore:()=>N,usePanelPosition:()=>$,useStackEntry:()=>j,useSubContext:()=>G});module.exports=A(J);var o=P(require("react"));var H={stack:[],direction:null,lastChange:null},B='[role^="menuitem"]:not([data-disabled])',I="rt-DropdownMenuDrillDownBackItem";function S(e){return e.replace(/["\\]/g,"\\$&")}var p=class{constructor(){r(this,"state",H);r(this,"listeners",new Set);r(this,"modality","keyboard");r(this,"rootElement",null);r(this,"setRootElement",t=>{this.rootElement=t});r(this,"getState",()=>this.state);r(this,"subscribe",t=>(this.listeners.add(t),()=>{this.listeners.delete(t)}));r(this,"setModality",t=>{this.modality=t});r(this,"getModality",()=>this.modality);r(this,"getDepth",()=>this.state.stack.length);r(this,"isOpen",t=>this.state.stack.some(n=>n.id===t));r(this,"push",(t,n=this.modality)=>{let{stack:i}=this.state;if(i.some(c=>c.id===t))return;let l=this.getTrigger(t),s=(l?.dataset.drillDownName??l?.textContent??"").trim(),a=this.getScrollContainer()?.scrollTop??0;this.setState({stack:[...i,{id:t,name:s,scrollTop:a}],direction:"forward",lastChange:{type:"push",id:t,modality:n}})});r(this,"pop",(t=this.modality)=>{let{stack:n}=this.state,i=n[n.length-1];i&&this.setState({stack:n.slice(0,-1),direction:"backward",lastChange:{type:"pop",id:i.id,modality:t,scrollTop:i.scrollTop}})});r(this,"close",t=>{let{stack:n}=this.state,i=n.findIndex(l=>l.id===t);i!==-1&&this.setState({stack:n.slice(0,i),direction:"backward",lastChange:{type:"pop",id:t,modality:null,scrollTop:n[i].scrollTop}})});r(this,"reset",()=>{this.state.stack.length===0&&this.state.direction===null||this.setState({stack:[],direction:null,lastChange:{type:"reset"}})})}setState(t){this.state=t,this.listeners.forEach(n=>n())}getScrollContainer(){let t=this.rootElement;return t?t.closest(".rt-ScrollAreaViewport")??t.closest(".rt-BaseMenuViewport"):null}getTrigger(t){return this.rootElement?.querySelector(`[data-drill-down-trigger="${S(t)}"]`)}applyLastChange(){let t=this.state.lastChange,n=this.rootElement;if(!t||!n)return;this.state={...this.state,lastChange:null};let i=n.closest('[role="menu"]'),l=this.getScrollContainer(),s=a=>a?.focus({preventScroll:!0});if(t.type==="push"){l&&(l.scrollTop=0);let a=n.querySelector(`[data-drill-down-panel="${S(t.id)}"]`);if(t.modality==="keyboard"){let c=a?Array.from(a.querySelectorAll(B)):[];s(c.find(d=>!d.classList.contains(I))??c[0]??i)}else(t.modality==="pointer"||!n.contains(document.activeElement))&&s(i);return}if(t.type==="pop"){l&&(l.scrollTop=t.scrollTop);let a=this.getTrigger(t.id);t.modality==="keyboard"?s(a??i):(t.modality==="pointer"||!n.contains(document.activeElement))&&s(i);return}l&&(l.scrollTop=0)}},g=o.createContext(null),y=o.createContext(!0);function N(){return o.useContext(g)}function V(){let[e]=o.useState(()=>new p);return e}var _=e=>e.stack.length,q=e=>e.direction,K=()=>0,D=()=>null;function O({store:e,behavior:t,open:n,children:i}){let l=t==="drill-down",s=o.useSyncExternalStore(e.subscribe,()=>_(e.getState()),K),a=o.useSyncExternalStore(e.subscribe,()=>q(e.getState()),D),c=!l||s===0;o.useLayoutEffect(()=>{l||e.reset()},[l,e]);let d=o.useRef(n);o.useLayoutEffect(()=>{n&&!d.current&&e.reset(),d.current=n},[n,e]),o.useLayoutEffect(()=>{e.applyLastChange()},[s,e]);let b=o.useCallback(E=>e.setRootElement(E),[e]),C=o.useCallback(()=>e.setModality("keyboard"),[e]),w=o.useCallback(()=>e.setModality("pointer"),[e]);return o.createElement(g.Provider,{value:l?e:null},o.createElement("div",{ref:b,className:"rt-DropdownMenuDrillDownRoot","data-submenu-behavior":t,"data-drill-down-active":c?void 0:!0,"data-animation-direction":l?a??void 0:void 0,onKeyDownCapture:l?C:void 0,onPointerDownCapture:l?w:void 0},o.createElement(y.Provider,{value:c},i)))}function $(e,t){let n=o.useCallback(()=>{if(!e)return"closed";let{stack:i}=e.getState();return i.length>0&&i[i.length-1].id===t?"top":i.some(l=>l.id===t)?"open":"closed"},[e,t]);return o.useSyncExternalStore(e?.subscribe??h,n,z)}function j(e,t){let n=o.useCallback(()=>e?.getState().stack.find(i=>i.id===t),[e,t]);return o.useSyncExternalStore(e?.subscribe??h,n,F)}function U(e){let t=o.useCallback(()=>e?.getState().direction??null,[e]);return o.useSyncExternalStore(e?.subscribe??h,t,D)}var h=()=>()=>{},z=()=>"closed",F=()=>{},f=o.createContext(null);function G(){return o.useContext(f)}
 //# sourceMappingURL=dropdown-menu-drill-down.js.map

package/dist/cjs/components/_internal/dropdown-menu-drill-down.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../../src/components/_internal/dropdown-menu-drill-down.tsx", "../../../../src/hooks/use-breakpoint.ts", "../../../../src/components/shell.types.ts"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport type { Breakpoint, Responsive } from '../../props/prop-def.js';\nimport type { submenuBehaviors } from './base-menu.props.js';\nimport { useBreakpoint } from '../../hooks/use-breakpoint.js';\n\ntype SubmenuBehavior = (typeof submenuBehaviors)[number];\n\n/**\n * Resolves a responsive value to its current value based on the breakpoint.\n * Falls back through smaller breakpoints if the current one isn't defined.\n */\nfunction resolveResponsiveValue<T>(\n  value: T | Partial<Record<Breakpoint, T>> | undefined,\n  currentBreakpoint: Breakpoint,\n  defaultValue: T\n): T {\n  if (value === undefined || value === null) {\n    return defaultValue;\n  }\n\n  // Non-object values are returned directly\n  if (typeof value !== 'object') {\n    return value;\n  }\n\n  const map = value as Partial<Record<Breakpoint, T>>;\n\n  // Check if current breakpoint has a value\n  if (map[currentBreakpoint] !== undefined) {\n    return map[currentBreakpoint] as T;\n  }\n\n  // Fall back through smaller breakpoints\n  const bpOrder: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n  const startIdx = bpOrder.indexOf(currentBreakpoint);\n\n  for (let i = startIdx + 1; i < bpOrder.length; i++) {\n    const bp = bpOrder[i];\n    if (map[bp] !== undefined) {\n      return map[bp] as T;\n    }\n  }\n\n  return defaultValue;\n}\n\n// ============================================================================\n// DrillDown Context\n// ============================================================================\n\ntype AnimationDirection = 'forward' | 'backward' | null;\n\n/**\n * Stable actions context - callbacks that don't change identity.\n * Separated from state to prevent unnecessary re-renders of components\n * that only need to call push/pop/reset.\n */\ninterface DrillDownActionsContextValue {\n  /** Navigate into a submenu */\n  push: (id: string) => void;\n  /** Navigate back to parent menu */\n  pop: () => void;\n  /** Reset to root menu */\n  reset: () => void;\n}\n\n/**\n * Mutable state context - values that change when navigation occurs.\n * Subscribers to this context will re-render on stack changes.\n */\ninterface DrillDownStateContextValue {\n  /** Current submenu behavior mode */\n  behavior: SubmenuBehavior;\n  /** Whether the breakpoint has been resolved (client-side only) */\n  ready: boolean;\n  /** Stack of active submenu IDs. Empty means root menu is shown. */\n  stack: string[];\n  /** Check if a specific submenu is the currently active one */\n  isActive: (id: string) => boolean;\n  /** Check if we're at root level (no submenus open) */\n  isRoot: boolean;\n  /** The currently active submenu ID (or null if at root) */\n  currentId: string | null;\n  /** Current animation direction for transitions */\n  animationDirection: AnimationDirection;\n}\n\nconst DrillDownActionsContext = React.createContext<DrillDownActionsContextValue | null>(null);\nconst DrillDownStateContext = React.createContext<DrillDownStateContextValue | null>(null);\n\ninterface DrillDownProviderProps {\n  children: React.ReactNode;\n  submenuBehavior: Responsive<SubmenuBehavior> | undefined;\n}\n\nfunction DrillDownProvider({ children, submenuBehavior }: DrillDownProviderProps) {\n  const { breakpoint, ready } = useBreakpoint();\n  const [stack, setStack] = React.useState<string[]>([]);\n  const [animationDirection, setAnimationDirection] = React.useState<AnimationDirection>(null);\n\n  // Resolve the current behavior based on breakpoint\n  const behavior = React.useMemo(\n    () => resolveResponsiveValue(submenuBehavior, breakpoint, 'cascade'),\n    [submenuBehavior, breakpoint]\n  );\n\n  // Reset stack when behavior changes from drill-down to cascade\n  const prevBehaviorRef = React.useRef(behavior);\n  React.useEffect(() => {\n    if (prevBehaviorRef.current === 'drill-down' && behavior === 'cascade') {\n      setStack([]);\n      setAnimationDirection(null);\n    }\n    prevBehaviorRef.current = behavior;\n  }, [behavior]);\n\n  // Stable action callbacks - these never change identity\n  const push = React.useCallback((id: string) => {\n    setAnimationDirection('forward');\n    setStack((prev) => [...prev, id]);\n  }, []);\n\n  const pop = React.useCallback(() => {\n    setAnimationDirection('backward');\n    setStack((prev) => prev.slice(0, -1));\n  }, []);\n\n  const reset = React.useCallback(() => {\n    setStack([]);\n    setAnimationDirection(null);\n  }, []);\n\n  // Memoize actions context value - completely stable, never changes\n  const actionsValue = React.useMemo(\n    (): DrillDownActionsContextValue => ({ push, pop, reset }),\n    [push, pop, reset]\n  );\n\n  // isActive depends on stack - this is expected to change\n  const isActive = React.useCallback(\n    (id: string) => {\n      if (stack.length === 0) return false;\n      return stack[stack.length - 1] === id;\n    },\n    [stack]\n  );\n\n  // Memoize state context value - changes when stack/behavior changes\n  const stateValue = React.useMemo(\n    (): DrillDownStateContextValue => ({\n      behavior,\n      ready,\n      stack,\n      isActive,\n      isRoot: stack.length === 0,\n      currentId: stack.length > 0 ? stack[stack.length - 1] : null,\n      animationDirection,\n    }),\n    [behavior, ready, stack, isActive, animationDirection]\n  );\n\n  return (\n    <DrillDownActionsContext.Provider value={actionsValue}>\n      <DrillDownStateContext.Provider value={stateValue}>\n        {children}\n      </DrillDownStateContext.Provider>\n    </DrillDownActionsContext.Provider>\n  );\n}\n\n/**\n * Hook to access only the stable action callbacks (push, pop, reset).\n * Use this in components that only need to trigger navigation,\n * not react to state changes. Prevents unnecessary re-renders.\n */\nfunction useDrillDownActions() {\n  const ctx = React.useContext(DrillDownActionsContext);\n  if (!ctx) {\n    throw new Error('useDrillDownActions must be used within a DropdownMenu.Content');\n  }\n  return ctx;\n}\n\n/**\n * Hook to access drill-down state (behavior, stack, isActive, etc.).\n * Components using this will re-render when navigation state changes.\n */\nfunction useDrillDownState() {\n  const ctx = React.useContext(DrillDownStateContext);\n  if (!ctx) {\n    throw new Error('useDrillDownState must be used within a DropdownMenu.Content');\n  }\n  return ctx;\n}\n\n/**\n * Optional version of useDrillDownActions for components that may be outside Content.\n */\nfunction useDrillDownActionsOptional() {\n  return React.useContext(DrillDownActionsContext);\n}\n\n/**\n * Optional version of useDrillDownState for components that may be outside Content.\n */\nfunction useDrillDownStateOptional() {\n  return React.useContext(DrillDownStateContext);\n}\n\n// ============================================================================\n// Sub Context (for individual submenu instances)\n// ============================================================================\n\ninterface SubContextValue {\n  /** Unique ID for this submenu */\n  id: string;\n  /** Label for the back button */\n  label: React.ReactNode;\n}\n\nconst SubContext = React.createContext<SubContextValue | null>(null);\n\nfunction useSubContext() {\n  return React.useContext(SubContext);\n}\n\nexport {\n  DrillDownProvider,\n  DrillDownActionsContext,\n  DrillDownStateContext,\n  SubContext,\n  useDrillDownActions,\n  useDrillDownActionsOptional,\n  useDrillDownState,\n  useDrillDownStateOptional,\n  useSubContext,\n  useBreakpoint,\n  resolveResponsiveValue,\n};\n\nexport type {\n  SubmenuBehavior,\n  DrillDownActionsContextValue,\n  DrillDownStateContextValue,\n  SubContextValue,\n  AnimationDirection,\n};\n", "'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\nconst QUERIES = Object.entries(_BREAKPOINTS) as Array<[Breakpoint, string]>;\n\ntype Listener = () => void;\n\n/**\n * One set of `MediaQueryList`s and one set of listeners for the whole\n * application. Every component that asks for the breakpoint used to create and\n * subscribe to its own copy of all five queries.\n */\nlet mediaQueryLists: Array<[Breakpoint, MediaQueryList]> | null = null;\nconst listeners = new Set<Listener>();\nlet cachedBreakpoint: Breakpoint | null = null;\n\nfunction getMediaQueryLists() {\n  mediaQueryLists ??= QUERIES.map(([name, query]) => [name, window.matchMedia(query)] as [Breakpoint, MediaQueryList]);\n  return mediaQueryLists;\n}\n\nfunction computeBreakpoint(): Breakpoint {\n  // The largest matching query wins; `_BREAKPOINTS` is ordered smallest first.\n  let matched: Breakpoint = 'initial';\n  for (const [name, mql] of getMediaQueryLists()) {\n    if (mql.matches) matched = name;\n  }\n  return matched;\n}\n\nfunction handleChange() {\n  const next = computeBreakpoint();\n  if (next === cachedBreakpoint) return;\n  cachedBreakpoint = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: Listener) {\n  if (typeof window === 'undefined') return () => {};\n\n  if (listeners.size === 0) {\n    cachedBreakpoint = computeBreakpoint();\n    for (const [, mql] of getMediaQueryLists()) {\n      // Safari below 14 only has the deprecated listener API.\n      if (typeof mql.addEventListener === 'function') mql.addEventListener('change', handleChange);\n      else mql.addListener?.(handleChange);\n    }\n  }\n\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n\n    for (const [, mql] of getMediaQueryLists()) {\n      try {\n        if (typeof mql.removeEventListener === 'function') mql.removeEventListener('change', handleChange);\n        else mql.removeListener?.(handleChange);\n      } catch (error) {\n        // Removal can throw in edge cases, e.g. the list was already torn down.\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('[useBreakpoint] MediaQueryList cleanup warning:', error);\n        }\n      }\n    }\n    cachedBreakpoint = null;\n  };\n}\n\n/**\n * `getSnapshot` must return a referentially stable value between changes, so it\n * reads the cache that `handleChange` maintains rather than recomputing.\n */\nfunction getSnapshot(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  cachedBreakpoint ??= computeBreakpoint();\n  return cachedBreakpoint;\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return 'initial';\n}\n\nconst getReadySnapshot = () => true;\nconst getReadyServerSnapshot = () => false;\n\n/**\n * The current breakpoint, and whether it has been resolved against a real\n * viewport yet (`false` on the server and during hydration).\n *\n * Reads through `useSyncExternalStore` rather than settling into state from an\n * effect. On a client render the very first pass already has the real\n * breakpoint, instead of rendering the whole shell at `initial` and correcting\n * it after the browser has painted.\n */\nexport function useBreakpoint(): { breakpoint: Breakpoint; ready: boolean } {\n  const breakpoint = React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n  const ready = React.useSyncExternalStore(subscribe, getReadySnapshot, getReadyServerSnapshot);\n\n  return React.useMemo(() => ({ breakpoint, ready }), [breakpoint, ready]);\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'thin' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  height?: string | number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
-  "mappings": "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",
-  "names": ["dropdown_menu_drill_down_exports", "__export", "DrillDownActionsContext", "DrillDownProvider", "DrillDownStateContext", "SubContext", "resolveResponsiveValue", "useBreakpoint", "useDrillDownActions", "useDrillDownActionsOptional", "useDrillDownState", "useDrillDownStateOptional", "useSubContext", "__toCommonJS", "React", "React", "_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "getReadySnapshot", "getReadyServerSnapshot", "useBreakpoint", "breakpoint", "ready", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "bpOrder", "startIdx", "i", "bp", "DrillDownActionsContext", "DrillDownStateContext", "DrillDownProvider", "children", "submenuBehavior", "breakpoint", "ready", "useBreakpoint", "stack", "setStack", "animationDirection", "setAnimationDirection", "behavior", "prevBehaviorRef", "push", "id", "prev", "pop", "reset", "actionsValue", "isActive", "stateValue", "useDrillDownActions", "ctx", "useDrillDownState", "useDrillDownActionsOptional", "useDrillDownStateOptional", "SubContext", "useSubContext"]
+  "sources": ["../../../../src/components/_internal/dropdown-menu-drill-down.tsx"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport type { submenuBehaviors } from './base-menu.props.js';\n\ntype SubmenuBehavior = (typeof submenuBehaviors)[number];\n\n/*\n * Drill-down navigation for DropdownMenu.\n *\n * The stack of open submenus lives in a small external store rather than in\n * React state, so each part subscribes only to the slice it renders from:\n * a panel re-renders when it enters or leaves the stack, a Sub when its own\n * open state changes, and nothing else on the path re-renders on navigation.\n *\n * Only the levels on the stack mount their children, and only the top level\n * mounts its items (see `DrillDownLevelContext`). That keeps the Radix item\n * collection limited to what is on screen, so roving focus and typeahead\n * never land on a hidden item.\n */\n\ntype AnimationDirection = 'forward' | 'backward' | null;\ntype Modality = 'keyboard' | 'pointer';\n\ninterface StackEntry {\n  id: string;\n  /** Accessible name of the submenu, taken from its trigger text */\n  name: string;\n  /** Scroll position of the parent level when this entry was pushed */\n  scrollTop: number;\n}\n\ntype LastChange =\n  | { type: 'push'; id: string; modality: Modality | null }\n  | { type: 'pop'; id: string; modality: Modality | null; scrollTop: number }\n  | { type: 'reset' };\n\ninterface DrillDownState {\n  stack: StackEntry[];\n  direction: AnimationDirection;\n  lastChange: LastChange | null;\n}\n\nconst INITIAL_STATE: DrillDownState = { stack: [], direction: null, lastChange: null };\n\nconst PANEL_ITEM_SELECTOR = '[role^=\"menuitem\"]:not([data-disabled])';\nconst BACK_ITEM_CLASS = 'rt-DropdownMenuDrillDownBackItem';\n\nfunction escapeAttributeValue(value: string) {\n  return value.replace(/[\"\\\\]/g, '\\\\$&');\n}\n\nclass DrillDownStore {\n  private state = INITIAL_STATE;\n  private listeners = new Set<() => void>();\n  private modality: Modality = 'keyboard';\n  /** The drill-down root element, set by the provider */\n  rootElement: HTMLElement | null = null;\n\n  setRootElement = (element: HTMLElement | null) => {\n    this.rootElement = element;\n  };\n\n  getState = () => this.state;\n\n  subscribe = (listener: () => void) => {\n    this.listeners.add(listener);\n    return () => {\n      this.listeners.delete(listener);\n    };\n  };\n\n  private setState(next: DrillDownState) {\n    this.state = next;\n    this.listeners.forEach((listener) => listener());\n  }\n\n  /** Records how the user is interacting, so focus can follow the same model as Radix. */\n  setModality = (modality: Modality) => {\n    this.modality = modality;\n  };\n\n  getModality = () => this.modality;\n\n  getDepth = () => this.state.stack.length;\n\n  isOpen = (id: string) => this.state.stack.some((entry) => entry.id === id);\n\n  private getScrollContainer() {\n    const root = this.rootElement;\n    if (!root) return null;\n    return (\n      root.closest<HTMLElement>('.rt-ScrollAreaViewport') ??\n      root.closest<HTMLElement>('.rt-BaseMenuViewport')\n    );\n  }\n\n  private getTrigger(id: string) {\n    return this.rootElement?.querySelector<HTMLElement>(\n      `[data-drill-down-trigger=\"${escapeAttributeValue(id)}\"]`,\n    );\n  }\n\n  /**\n   * Opens a submenu. `modality` decides where focus goes: the first item for\n   * keyboard, the menu for pointer, and nowhere for a programmatic open\n   * (`null`) unless focus was lost.\n   */\n  push = (id: string, modality: Modality | null = this.modality) => {\n    const { stack } = this.state;\n    if (stack.some((entry) => entry.id === id)) return;\n    const trigger = this.getTrigger(id);\n    const name = (trigger?.dataset.drillDownName ?? trigger?.textContent ?? '').trim();\n    const scrollTop = this.getScrollContainer()?.scrollTop ?? 0;\n    this.setState({\n      stack: [...stack, { id, name, scrollTop }],\n      direction: 'forward',\n      lastChange: { type: 'push', id, modality },\n    });\n  };\n\n  pop = (modality: Modality = this.modality) => {\n    const { stack } = this.state;\n    const top = stack[stack.length - 1];\n    if (!top) return;\n    this.setState({\n      stack: stack.slice(0, -1),\n      direction: 'backward',\n      lastChange: { type: 'pop', id: top.id, modality, scrollTop: top.scrollTop },\n    });\n  };\n\n  /** Closes a submenu and everything opened from it, without moving focus to its trigger. */\n  close = (id: string) => {\n    const { stack } = this.state;\n    const index = stack.findIndex((entry) => entry.id === id);\n    if (index === -1) return;\n    this.setState({\n      stack: stack.slice(0, index),\n      direction: 'backward',\n      lastChange: { type: 'pop', id, modality: null, scrollTop: stack[index].scrollTop },\n    });\n  };\n\n  reset = () => {\n    if (this.state.stack.length === 0 && this.state.direction === null) return;\n    this.setState({ stack: [], direction: null, lastChange: { type: 'reset' } });\n  };\n\n  /**\n   * Moves focus and scroll after a navigation step has been committed. Runs in\n   * a layout effect, so the new level is already in the DOM and nothing paints\n   * with focus on `<body>` or at the old scroll position.\n   */\n  applyLastChange() {\n    const change = this.state.lastChange;\n    const root = this.rootElement;\n    if (!change || !root) return;\n    this.state = { ...this.state, lastChange: null };\n\n    const content = root.closest<HTMLElement>('[role=\"menu\"]');\n    const scroller = this.getScrollContainer();\n    const focus = (element: HTMLElement | null | undefined) => element?.focus({ preventScroll: true });\n\n    if (change.type === 'push') {\n      if (scroller) scroller.scrollTop = 0;\n      const panel = root.querySelector<HTMLElement>(\n        `[data-drill-down-panel=\"${escapeAttributeValue(change.id)}\"]`,\n      );\n      if (change.modality === 'keyboard') {\n        // Land on the first real option; the back row stays one ArrowUp away.\n        const items = panel ? Array.from(panel.querySelectorAll<HTMLElement>(PANEL_ITEM_SELECTOR)) : [];\n        focus(items.find((item) => !item.classList.contains(BACK_ITEM_CLASS)) ?? items[0] ?? content);\n      } else if (change.modality === 'pointer' || !root.contains(document.activeElement)) {\n        // Match Radix: pointer users get focus on the menu, not a highlighted item.\n        focus(content);\n      }\n      return;\n    }\n\n    if (change.type === 'pop') {\n      if (scroller) scroller.scrollTop = change.scrollTop;\n      const trigger = this.getTrigger(change.id);\n      if (change.modality === 'keyboard') {\n        focus(trigger ?? content);\n      } else if (change.modality === 'pointer' || !root.contains(document.activeElement)) {\n        focus(content);\n      }\n      return;\n    }\n\n    if (scroller) scroller.scrollTop = 0;\n  }\n}\n\nconst DrillDownStoreContext = React.createContext<DrillDownStore | null>(null);\n\n/**\n * Whether the items of the current level are on screen. The root level and\n * every panel provide it; menu parts render nothing when it is false.\n */\nconst DrillDownLevelContext = React.createContext(true);\n\nfunction useDrillDownStore() {\n  return React.useContext(DrillDownStoreContext);\n}\n\nfunction useCreateDrillDownStore() {\n  const [store] = React.useState(() => new DrillDownStore());\n  return store;\n}\n\nconst selectDepth = (state: DrillDownState) => state.stack.length;\nconst selectDirection = (state: DrillDownState) => state.direction;\nconst getServerDepth = () => 0;\nconst getServerDirection = (): AnimationDirection => null;\n\ninterface DrillDownRootProps {\n  store: DrillDownStore;\n  behavior: SubmenuBehavior;\n  /** Open state of the menu; the stack resets every time the menu opens */\n  open: boolean;\n  children: React.ReactNode;\n}\n\n/**\n * Provides the drill-down store and renders the root level. The wrapper is\n * the same element in both behaviors, so crossing a breakpoint that switches\n * between cascade and drill-down does not remount the items.\n */\nfunction DrillDownRoot({ store, behavior, open, children }: DrillDownRootProps) {\n  const isDrillDown = behavior === 'drill-down';\n  const depth = React.useSyncExternalStore(\n    store.subscribe,\n    () => selectDepth(store.getState()),\n    getServerDepth,\n  );\n  const direction = React.useSyncExternalStore(\n    store.subscribe,\n    () => selectDirection(store.getState()),\n    getServerDirection,\n  );\n  const isRoot = !isDrillDown || depth === 0;\n\n  // Cascade mode has no stack. A reset while switching modes keeps the next\n  // switch back to drill-down from resuming a stale level.\n  React.useLayoutEffect(() => {\n    if (!isDrillDown) store.reset();\n  }, [isDrillDown, store]);\n\n  // Start every opening at the root. Content usually remounts on open anyway;\n  // this covers `forceMount`. Resetting on open rather than on close keeps the\n  // closing animation on the level the user was looking at.\n  const wasOpenRef = React.useRef(open);\n  React.useLayoutEffect(() => {\n    if (open && !wasOpenRef.current) store.reset();\n    wasOpenRef.current = open;\n  }, [open, store]);\n\n  // Focus and scroll follow each navigation step once it is in the DOM.\n  React.useLayoutEffect(() => {\n    store.applyLastChange();\n  }, [depth, store]);\n\n  const rootRef = React.useCallback((element: HTMLDivElement | null) => store.setRootElement(element), [store]);\n  const handleKeyDownCapture = React.useCallback(() => store.setModality('keyboard'), [store]);\n  const handlePointerDownCapture = React.useCallback(() => store.setModality('pointer'), [store]);\n\n  return (\n    <DrillDownStoreContext.Provider value={isDrillDown ? store : null}>\n      {/* Event capture only records the input modality; it does not handle interaction. */}\n      <div\n        ref={rootRef}\n        className=\"rt-DropdownMenuDrillDownRoot\"\n        data-submenu-behavior={behavior}\n        data-drill-down-active={isRoot ? undefined : true}\n        data-animation-direction={isDrillDown ? (direction ?? undefined) : undefined}\n        onKeyDownCapture={isDrillDown ? handleKeyDownCapture : undefined}\n        onPointerDownCapture={isDrillDown ? handlePointerDownCapture : undefined}\n      >\n        <DrillDownLevelContext.Provider value={isRoot}>{children}</DrillDownLevelContext.Provider>\n      </div>\n    </DrillDownStoreContext.Provider>\n  );\n}\n\n/** Where a submenu sits in the stack: not open, open under another level, or on top. */\ntype PanelPosition = 'closed' | 'open' | 'top';\n\nfunction usePanelPosition(store: DrillDownStore | null, id: string): PanelPosition {\n  const getSnapshot = React.useCallback((): PanelPosition => {\n    if (!store) return 'closed';\n    const { stack } = store.getState();\n    if (stack.length > 0 && stack[stack.length - 1].id === id) return 'top';\n    return stack.some((entry) => entry.id === id) ? 'open' : 'closed';\n  }, [store, id]);\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getClosed);\n}\n\nfunction useStackEntry(store: DrillDownStore | null, id: string): StackEntry | undefined {\n  const getSnapshot = React.useCallback(\n    () => store?.getState().stack.find((entry) => entry.id === id),\n    [store, id],\n  );\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getUndefined);\n}\n\nfunction useDrillDownDirection(store: DrillDownStore | null): AnimationDirection {\n  const getSnapshot = React.useCallback(() => store?.getState().direction ?? null, [store]);\n  return React.useSyncExternalStore(store?.subscribe ?? noopSubscribe, getSnapshot, getServerDirection);\n}\n\nconst noopSubscribe = () => () => {};\nconst getClosed = (): PanelPosition => 'closed';\nconst getUndefined = () => undefined;\n\n// ============================================================================\n// Sub Context (for individual submenu instances)\n// ============================================================================\n\ninterface SubContextValue {\n  /** Unique ID for this submenu */\n  id: string;\n  /** Label for the back button */\n  label: React.ReactNode;\n}\n\nconst SubContext = React.createContext<SubContextValue | null>(null);\n\nfunction useSubContext() {\n  return React.useContext(SubContext);\n}\n\nexport {\n  DrillDownRoot,\n  DrillDownLevelContext,\n  SubContext,\n  useCreateDrillDownStore,\n  useDrillDownStore,\n  useDrillDownDirection,\n  usePanelPosition,\n  useStackEntry,\n  useSubContext,\n};\n\nexport type { SubmenuBehavior, DrillDownStore, PanelPosition, SubContextValue, AnimationDirection };\n"],
+  "mappings": "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",
+  "names": ["dropdown_menu_drill_down_exports", "__export", "DrillDownLevelContext", "DrillDownRoot", "SubContext", "useCreateDrillDownStore", "useDrillDownDirection", "useDrillDownStore", "usePanelPosition", "useStackEntry", "useSubContext", "__toCommonJS", "React", "INITIAL_STATE", "PANEL_ITEM_SELECTOR", "BACK_ITEM_CLASS", "escapeAttributeValue", "value", "DrillDownStore", "__publicField", "element", "listener", "modality", "id", "entry", "stack", "trigger", "name", "scrollTop", "top", "index", "next", "root", "change", "content", "scroller", "focus", "panel", "items", "item", "DrillDownStoreContext", "DrillDownLevelContext", "useDrillDownStore", "useCreateDrillDownStore", "store", "selectDepth", "state", "selectDirection", "getServerDepth", "getServerDirection", "DrillDownRoot", "behavior", "open", "children", "isDrillDown", "depth", "direction", "isRoot", "wasOpenRef", "rootRef", "handleKeyDownCapture", "handlePointerDownCapture", "usePanelPosition", "getSnapshot", "noopSubscribe", "getClosed", "useStackEntry", "getUndefined", "useDrillDownDirection", "SubContext", "useSubContext"]
 }

package/dist/cjs/components/_internal/menu-context.d.ts

@@ -11,17 +11,21 @@ export type MenuSize = '1' | '2';
 interface MenuContextValue {
     /** Whether we're inside a menu that owns the menu role */
     isInsideMenu: boolean;
-    /** Menu size for calculating item heights (resolved to non-responsive value) */
+    /** Menu size for the current breakpoint */
     size?: MenuSize;
+    /** Item height in px for the current size and theme scaling */
+    itemHeight?: number;
 }
 interface MenuProviderProps {
     children: React.ReactNode;
     /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */
     size?: Responsive<MenuSize>;
 }
+/** Map menu size to item height in pixels at 100% scaling */
+export declare const menuSizeToItemHeight: Record<MenuSize, number>;
+/** Item height in px for a size at the given theme scaling ("100%", "110%"…). */
+export declare function getMenuItemHeight(size: MenuSize, scaling: string | undefined): number;
 export declare function MenuProvider({ children, size }: MenuProviderProps): React.JSX.Element;
 export declare function useMenuContext(): MenuContextValue;
-/** Map menu size to item height in pixels */
-export declare const menuSizeToItemHeight: Record<MenuSize, number>;
 export {};
 //# sourceMappingURL=menu-context.d.ts.map

package/dist/cjs/components/_internal/menu-context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu-context.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/menu-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D;;;;;;GAMG;AAEH,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjC,UAAU,gBAAgB;IACxB,0DAA0D;IAC1D,YAAY,EAAE,OAAO,CAAC;IACtB,gFAAgF;IAChF,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qFAAqF;IACrF,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC7B;AAUD,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBAIjE;AAED,wBAAgB,cAAc,qBAE7B;AAED,6CAA6C;AAC7C,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAGzD,CAAC"}
+{"version":3,"file":"menu-context.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/menu-context.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D;;;;;;GAMG;AAEH,MAAM,MAAM,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjC,UAAU,gBAAgB;IACxB,0DAA0D;IAC1D,YAAY,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,+DAA+D;IAC/D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAID,UAAU,iBAAiB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qFAAqF;IACrF,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC;CAC7B;AAED,6DAA6D;AAC7D,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAGzD,CAAC;AAEF,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAGrF;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,iBAAiB,qBASjE;AAED,wBAAgB,cAAc,qBAE7B"}

package/dist/cjs/components/_internal/menu-context.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var d=Object.create;var u=Object.defineProperty;var p=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var a=Object.getPrototypeOf,f=Object.prototype.hasOwnProperty;var v=(e,n)=>{for(var t in n)u(e,t,{get:n[t],enumerable:!0})},s=(e,n,t,r)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of M(n))!f.call(e,i)&&i!==t&&u(e,i,{get:()=>n[i],enumerable:!(r=p(n,i))||r.enumerable});return e};var l=(e,n,t)=>(t=e!=null?d(a(e)):{},s(n||!e||!e.__esModule?u(t,"default",{value:e,enumerable:!0}):t,e)),x=e=>s(u({},"__esModule",{value:!0}),e);var C={};v(C,{MenuProvider:()=>z,menuSizeToItemHeight:()=>m,useMenuContext:()=>S});module.exports=x(C);var o=l(require("react")),c=o.createContext({isInsideMenu:!1});function R(e){if(e)return typeof e=="string"?e:e.initial}function z({children:e,size:n}){let t=R(n),r=o.useMemo(()=>({isInsideMenu:!0,size:t}),[t]);return o.createElement(c.Provider,{value:r},e)}function S(){return o.useContext(c)}var m={1:24,2:32};
+"use strict";"use client";var Te=Object.create;var O=Object.defineProperty;var xe=Object.getOwnPropertyDescriptor;var Re=Object.getOwnPropertyNames;var be=Object.getPrototypeOf,Fe=Object.prototype.hasOwnProperty;var ke=(e,n)=>{for(var t in n)O(e,t,{get:n[t],enumerable:!0})},ee=(e,n,t,s)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of Re(n))!Fe.call(e,r)&&r!==t&&O(e,r,{get:()=>n[r],enumerable:!(s=xe(n,r))||s.enumerable});return e};var p=(e,n,t)=>(t=e!=null?Te(be(e)):{},ee(n||!e||!e.__esModule?O(t,"default",{value:e,enumerable:!0}):t,e)),Me=e=>ee(O({},"__esModule",{value:!0}),e);var qe={};ke(qe,{MenuProvider:()=>Qe,getMenuItemHeight:()=>ve,menuSizeToItemHeight:()=>Pe,useMenuContext:()=>Ue});module.exports=Me(qe);var u=p(require("react"));var a=p(require("react")),pe=p(require("classnames")),y=require("radix-ui"),j=require("radix-ui/internal");function ne(e){switch(e){case"tomato":case"red":case"ruby":case"crimson":case"pink":case"plum":case"purple":case"violet":return"mauve";case"iris":case"indigo":case"blue":case"sky":case"cyan":return"slate";case"teal":case"jade":case"mint":case"green":return"sage";case"grass":case"lime":return"olive";case"yellow":case"amber":case"orange":case"brown":case"gold":case"bronze":return"sand";case"gray":return"gray"}}var U=p(require("react"));function c(e){let[n,t]=U.useState(e),[s,r]=U.useState(e);return Object.is(e,s)||(r(e),t(e)),[n,t]}var oe=p(require("react")),Se="Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.",te=new Set;function Be(e){te.has(e)||(te.add(e),console.warn(e))}function ae(e){oe.useEffect(()=>{},[e])}var re={asChild:{type:"boolean"}};var ie=["gray","gold","bronze","brown","yellow","amber","orange","tomato","red","ruby","crimson","pink","plum","purple","violet","iris","indigo","blue","cyan","teal","jade","green","grass","lime","mint","sky"],se=["auto","gray","mauve","slate","sage","olive","sand"];var le=["none","small","medium","large","full"];var De=["inherit","light","dark"],we=["solid","translucent"],Ae=["solid","translucent"],Ee=["90%","95%","100%","105%","110%"],ce=["sans","mono","serif"],o={...re,hasBackground:{type:"boolean",default:!0},appearance:{type:"enum",values:De,default:"inherit"},accentColor:{type:"enum",values:ie,default:"blue"},grayColor:{type:"enum",values:se,default:"slate"},material:{type:"enum",values:Ae,default:"translucent"},panelBackground:{type:"enum",values:we,default:"translucent"},radius:{type:"enum",values:le,default:"full"},scaling:{type:"enum",values:Ee,default:"100%"},fontFamily:{type:"enum",values:ce,default:"sans"},headingFontFamily:{type:"enum",values:ce}};var i=()=>{},ze={appearance:o.appearance.default,accentColor:o.accentColor.default,grayColor:o.grayColor.default,resolvedGrayColor:o.grayColor.default,material:o.material.default,panelBackground:o.panelBackground.default,radius:o.radius.default,scaling:o.scaling.default,fontFamily:o.fontFamily.default,headingFontFamily:void 0,onAppearanceChange:i,onAccentColorChange:i,onGrayColorChange:i,onMaterialChange:i,onPanelBackgroundChange:i,onRadiusChange:i,onScalingChange:i,onFontFamilyChange:i,onHeadingFontFamilyChange:i},L=a.createContext(void 0);function ue(){return a.useContext(L)??ze}var Ie=a.forwardRef((e,n)=>a.useContext(L)===void 0?a.createElement(y.Tooltip.Provider,{delayDuration:200},a.createElement(y.Direction.Provider,{dir:"ltr"},a.createElement(de,{...e,ref:n}))):a.createElement(q,{...e,ref:n}));Ie.displayName="Theme";var de=a.forwardRef((e,n)=>{let{appearance:t=o.appearance.default,accentColor:s=o.accentColor.default,grayColor:r=o.grayColor.default,material:l=o.material.default,panelBackground:m=o.panelBackground.default,radius:f=o.radius.default,scaling:g=o.scaling.default,fontFamily:h=o.fontFamily.default,headingFontFamily:C,hasBackground:P=o.hasBackground.default,...v}=e;ae(e.panelBackground);let[T,x]=c(t),[S,B]=c(s),[D,w]=c(r),A=l!==o.material.default?l:m,[R,E]=c(A),[z,I]=c(R),[b,V]=c(f),[F,K]=c(g),[_,N]=c(h),[W,G]=c(C);return a.createElement(q,{...v,ref:n,isRoot:!0,hasBackground:P,appearance:T,accentColor:S,grayColor:D,material:R,panelBackground:z,radius:b,scaling:F,fontFamily:_,headingFontFamily:W,onAppearanceChange:x,onAccentColorChange:B,onGrayColorChange:w,onMaterialChange:E,onPanelBackgroundChange:I,onRadiusChange:V,onScalingChange:K,onFontFamilyChange:N,onHeadingFontFamilyChange:G})});de.displayName="ThemeRoot";function Ne(){if(typeof navigator>"u")return;let e=navigator.userAgent;if(e.includes("Win"))return"windows";if(e.includes("Mac"))return"macos";if(e.includes("Linux"))return"linux"}var q=a.forwardRef((e,n)=>{let t=a.useContext(L),{asChild:s,isRoot:r,hasBackground:l,appearance:m=e.appearance??t?.appearance??o.appearance.default,accentColor:f=e.accentColor??t?.accentColor??o.accentColor.default,grayColor:g=e.grayColor??t?.resolvedGrayColor??o.grayColor.default,material:h=e.material??t?.material??o.material.default,panelBackground:C=e.panelBackground??t?.panelBackground??o.panelBackground.default,radius:P=e.radius??t?.radius??o.radius.default,scaling:v=e.scaling??t?.scaling??o.scaling.default,fontFamily:T=e.fontFamily??t?.fontFamily??o.fontFamily.default,headingFontFamily:x=e.headingFontFamily??t?.headingFontFamily,onAppearanceChange:S=i,onAccentColorChange:B=i,onGrayColorChange:D=i,onMaterialChange:w=i,onPanelBackgroundChange:A=i,onRadiusChange:R=i,onScalingChange:E=i,onFontFamilyChange:z=i,onHeadingFontFamilyChange:I=i,...b}=e,V=s?y.Slot.Root:"div",F=g==="auto"?ne(f):g,K=e.appearance==="light"||e.appearance==="dark",_=l===void 0?r||K:l,N=a.useRef(null),W=(0,j.useComposedRefs)(n,N),G="data-os"in b;return(0,j.useLayoutEffect)(()=>{if(!r||G)return;let Q=N.current;if(!Q)return;let Z=Ne();if(Z)return Q.setAttribute("data-os",Z),()=>Q.removeAttribute("data-os")},[r,G]),a.createElement(L.Provider,{value:a.useMemo(()=>({appearance:m,accentColor:f,grayColor:g,resolvedGrayColor:F,material:h,panelBackground:C,radius:P,scaling:v,fontFamily:T,headingFontFamily:x,onAppearanceChange:S,onAccentColorChange:B,onGrayColorChange:D,onMaterialChange:w,onPanelBackgroundChange:A,onRadiusChange:R,onScalingChange:E,onFontFamilyChange:z,onHeadingFontFamilyChange:I}),[m,f,g,F,h,C,P,v,T,x,S,B,D,w,A,R,E,z,I])},a.createElement(V,{"data-is-root-theme":r?"true":"false","data-accent-color":f,"data-gray-color":F,"data-has-background":_?"true":"false","data-material":h,"data-panel-background":C,"data-radius":P,"data-scaling":v,"data-font-family":T,"data-heading-font-family":x,ref:W,...b,className:(0,pe.default)("radix-themes",{light:m==="light",dark:m==="dark"},b.className)}))});q.displayName="ThemeImpl";var Ke=p(require("react")),_e=p(require("classnames"));var M=p(require("react"));var me={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var Ge=Object.entries(me),Y=null,k=new Set,d=null;function $(){return Y??(Y=Ge.map(([e,n])=>[e,window.matchMedia(n)])),Y}function J(){let e="initial";for(let[n,t]of $())t.matches&&(e=n);return e}function H(){let e=J();e!==d&&(d=e,k.forEach(n=>n()))}function fe(e){if(typeof window>"u")return()=>{};if(k.size===0){d=J();for(let[,n]of $())typeof n.addEventListener=="function"?n.addEventListener("change",H):n.addListener?.(H)}return k.add(e),()=>{if(k.delete(e),!(k.size>0)){for(let[,n]of $())try{typeof n.removeEventListener=="function"?n.removeEventListener("change",H):n.removeListener?.(H)}catch{}d=null}}}function Oe(){return typeof window>"u"?"initial":(d??(d=J()),d)}function Le(){return"initial"}var je=()=>!0,He=()=>!1,ge=()=>()=>{},Ve=()=>"initial";function ye(e=!0){let n=M.useSyncExternalStore(e?fe:ge,e?Oe:Ve,Le),t=M.useSyncExternalStore(e?fe:ge,je,He);return M.useMemo(()=>({breakpoint:n,ready:t}),[n,t])}var X=["xl","lg","md","sm","xs","initial"];function We(e,n,t){if(e==null)return t;if(typeof e!="object")return e;let s=e;for(let r=X.indexOf(n);r<X.length;r++){let l=s[X[r]];if(l!==void 0)return l}return t}function he(e,n){let t=typeof e=="object"&&e!==null,{breakpoint:s}=ye(t);return We(e,s,n)}var Ce=u.createContext({isInsideMenu:!1}),Pe={1:24,2:32};function ve(e,n){let t=n?parseFloat(n)/100:1;return Pe[e]*(Number.isFinite(t)?t:1)}function Qe({children:e,size:n}){let t=he(n,void 0),{scaling:s}=ue(),r=t?ve(t,s):void 0,l=u.useMemo(()=>({isInsideMenu:!0,size:t,itemHeight:r}),[t,r]);return u.createElement(Ce.Provider,{value:l},e)}function Ue(){return u.useContext(Ce)}
 //# sourceMappingURL=menu-context.js.map