@kushagradhawan/kookie-ui 0.1.125 → 0.1.127

package/components.css

@@ -351,6 +351,26 @@
         animation: rt-tab-indicator-appear var(--motion-duration-small) var(--motion-spring-snappy);
     }
 }
+@keyframes rt-drill-down-enter-from-right {
+    from {
+        opacity: 0;
+        transform: translateX(30%);
+    }
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
+@keyframes rt-drill-down-enter-from-left {
+    from {
+        opacity: 0;
+        transform: translateX(-30%);
+    }
+    to {
+        opacity: 1;
+        transform: translateX(0);
+    }
+}
 @keyframes rt-dialog-overlay-no-op {
     from {
         opacity: 1;
@@ -8648,6 +8668,110 @@
         height: var(--trigger-icon-size-4);
     }
 }
+.rt-DropdownMenuDrillDownRoot {
+    display: contents;
+}
+.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > * {
+    display: none !important;
+}
+.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-DropdownMenuDrillDownPanel) {
+    display: contents !important;
+}
+.rt-DropdownMenuDrillDownPanel {
+    display: contents;
+}
+.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > * {
+    display: none !important;
+}
+.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-DropdownMenuDrillDownPanel) {
+    display: contents !important;
+}
+.rt-DropdownMenuDrillDownBackItem {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    min-height: var(--base-menu-item-height);
+    padding-top: var(--base-menu-item-padding-y);
+    padding-bottom: var(--base-menu-item-padding-y);
+    padding-inline-start: var(--base-menu-item-padding-left);
+    padding-inline-end: var(--base-menu-item-padding-right);
+    box-sizing: border-box;
+    outline: none;
+    cursor: var(--cursor-menu-item);
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+    transition: var(--transition-menu);
+    font-weight: 500;
+}
+.rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
+    outline: 2px solid var(--focus-8);
+    outline-offset: -2px;
+}
+@media (prefers-reduced-motion: reduce) {
+    .rt-DropdownMenuDrillDownBackItem {
+        transition: none;
+    }
+}
+.rt-DropdownMenuDrillDownBackIcon {
+    width: var(--indicator-icon-size-2);
+    height: var(--indicator-icon-size-2);
+    flex-shrink: 0;
+    color: var(--gray-12);
+}
+.rt-DropdownMenuDrillDownBackLabel {
+    color: var(--gray-12);
+}
+.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),
+  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),
+  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),
+  .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
+    background-color: var(--accent-9);
+    color: var(--accent-contrast);
+}
+.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover) :where(.rt-DropdownMenuDrillDownBackIcon),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible) :where(.rt-DropdownMenuDrillDownBackIcon),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover) :where(.rt-DropdownMenuDrillDownBackIcon),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) :where(.rt-DropdownMenuDrillDownBackIcon),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover) :where(.rt-DropdownMenuDrillDownBackLabel),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible) :where(.rt-DropdownMenuDrillDownBackLabel),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover) :where(.rt-DropdownMenuDrillDownBackLabel),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) :where(.rt-DropdownMenuDrillDownBackLabel),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover) :where(.rt-BaseMenuSubTriggerIcon),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible) :where(.rt-BaseMenuSubTriggerIcon),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover) :where(.rt-BaseMenuSubTriggerIcon),
+    .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) :where(.rt-BaseMenuSubTriggerIcon) {
+    color: var(--accent-contrast);
+}
+.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:hover),
+  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),
+  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),
+  .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
+    background-color: var(--accent-4);
+}
+:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:hover),
+  :where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),
+  :where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),
+  :where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
+    background-color: var(--accent-a4);
+}
+@media (forced-colors: active) {
+    .rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
+        outline: 2px solid Highlight;
+        outline-offset: 2px;
+    }
+}
+@media (prefers-reduced-motion: no-preference) {
+    .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
+        animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
+    }
+    .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
+        animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
+    }
+    .rt-DropdownMenuDrillDownRoot:where(:not([data-drill-down-active])[data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
+        animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
+    }
+}
 :where([data-panel-background='translucent'], [data-material='translucent']) .rt-TextFieldRoot {
     -webkit-backdrop-filter: var(--backdrop-filter-components);
             backdrop-filter: var(--backdrop-filter-components);

package/dist/cjs/components/_internal/base-menu.props.d.ts

@@ -1,4 +1,55 @@
+declare const submenuBehaviors: readonly ["cascade", "drill-down"];
 declare const baseMenuContentPropDefs: {
+    /**
+     * Controls how submenus behave.
+     * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)
+     * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline
+     * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`
+     */
+    submenuBehavior: {
+        type: "enum";
+        values: readonly ["cascade", "drill-down"];
+        default: "cascade";
+        responsive: true;
+    };
+    highContrast: {
+        type: "boolean";
+        className: string;
+        default: undefined;
+    };
+    color: {
+        type: "enum";
+        values: readonly ["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"];
+        default: ("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") | undefined;
+    };
+    size: {
+        type: "enum";
+        className: string;
+        values: readonly ["1", "2"];
+        default: "2";
+        responsive: true;
+    };
+    variant: {
+        type: "enum";
+        className: string;
+        values: readonly ["solid", "soft"];
+        default: "solid";
+    };
+    material: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+    /**
+     * @deprecated Use `material` prop instead. This prop will be removed in a future version.
+     */
+    panelBackground: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: undefined;
+    };
+};
+declare const baseMenuSubContentPropDefs: {
     highContrast: {
         type: "boolean";
         className: string;
@@ -66,5 +117,5 @@ declare const baseMenuRadioItemPropDefs: {
         default: ("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") | undefined;
     };
 };
-export { baseMenuContentPropDefs, baseMenuItemPropDefs, baseMenuCheckboxItemPropDefs, baseMenuRadioItemPropDefs, };
+export { baseMenuContentPropDefs, baseMenuSubContentPropDefs, baseMenuItemPropDefs, baseMenuCheckboxItemPropDefs, baseMenuRadioItemPropDefs, submenuBehaviors, };
 //# sourceMappingURL=base-menu.props.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AAWA,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAmB3B;;OAEG;;;;;;CAaJ,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,GAC1B,CAAC"}
+{"version":3,"file":"base-menu.props.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.props.ts"],"names":[],"mappings":"AAUA,QAAA,MAAM,gBAAgB,oCAAqC,CAAC;AAwC5D,QAAA,MAAM,uBAAuB;IAE3B;;;;;OAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAzBH;;OAEG;;;;;;CAoCJ,CAAC;AAGF,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAzC9B;;OAEG;;;;;;CAuCoD,CAAC;AAE1D,QAAA,MAAM,oBAAoB;;;;;;;;;;;;CAMzB,CAAC;AAEF,QAAA,MAAM,4BAA4B;;;;;;;;;CAKjC,CAAC;AAEF,QAAA,MAAM,yBAAyB;;;;;;CAE9B,CAAC;AAEF,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,oBAAoB,EACpB,4BAA4B,EAC5B,yBAAyB,EACzB,gBAAgB,GACjB,CAAC"}

package/dist/cjs/components/_internal/base-menu.props.js

@@ -1,2 +1,2 @@
-"use strict";var r=Object.defineProperty;var m=Object.getOwnPropertyDescriptor;var d=Object.getOwnPropertyNames;var D=Object.prototype.hasOwnProperty;var P=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},y=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of d(e))!D.call(t,s)&&s!==o&&r(t,s,{get:()=>e[s],enumerable:!(a=m(e,s))||a.enumerable});return t};var b=t=>y(r({},"__esModule",{value:!0}),t);var z={};P(z,{baseMenuCheckboxItemPropDefs:()=>c,baseMenuContentPropDefs:()=>f,baseMenuItemPropDefs:()=>u,baseMenuRadioItemPropDefs:()=>l});module.exports=b(z);var i=require("../../props/as-child.prop.js"),n=require("../../props/color.prop.js"),p=require("../../props/high-contrast.prop.js");const g=["1","2"],h=["solid","soft"],v=["solid","translucent"],k=["solid","translucent"],f={size:{type:"enum",className:"rt-r-size",values:g,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:h,default:"solid"},material:{type:"enum",values:k,default:void 0},panelBackground:{type:"enum",values:v,default:void 0},...n.colorPropDef,...p.highContrastPropDef},u={...i.asChildPropDef,...n.colorPropDef,shortcut:{type:"string"}},c={...n.colorPropDef,shortcut:{type:"string"}},l={...n.colorPropDef};
+"use strict";var r=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var v=(t,e)=>{for(var o in e)r(t,o,{get:e[o],enumerable:!0})},h=(t,e,o,u)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of P(e))!y.call(t,s)&&s!==o&&r(t,s,{get:()=>e[s],enumerable:!(u=D(e,s))||u.enumerable});return t};var g=t=>h(r({},"__esModule",{value:!0}),t);var C={};v(C,{baseMenuCheckboxItemPropDefs:()=>l,baseMenuContentPropDefs:()=>c,baseMenuItemPropDefs:()=>d,baseMenuRadioItemPropDefs:()=>b,baseMenuSubContentPropDefs:()=>m,submenuBehaviors:()=>a});module.exports=g(C);var p=require("../../props/as-child.prop.js"),n=require("../../props/color.prop.js"),f=require("../../props/high-contrast.prop.js");const B=["1","2"],k=["solid","soft"],z=["solid","translucent"],M=["solid","translucent"],a=["cascade","drill-down"],i={size:{type:"enum",className:"rt-r-size",values:B,default:"2",responsive:!0},variant:{type:"enum",className:"rt-variant",values:k,default:"solid"},material:{type:"enum",values:M,default:void 0},panelBackground:{type:"enum",values:z,default:void 0},...n.colorPropDef,...f.highContrastPropDef},c={...i,submenuBehavior:{type:"enum",values:a,default:"cascade",responsive:!0}},m=i,d={...p.asChildPropDef,...n.colorPropDef,shortcut:{type:"string"}},l={...n.colorPropDef,shortcut:{type:"string"}},b={...n.colorPropDef};
 //# sourceMappingURL=base-menu.props.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/_internal/base-menu.props.ts"],
-  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { 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 contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\n\nconst baseMenuContentPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: contentVariants,\n    default: 'solid',\n  },\n  material: {\n    type: 'enum',\n    values: materials,\n    default: undefined,\n  },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: {\n    type: 'enum',\n    values: panelBackgrounds,\n    default: undefined,\n  },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n};\n"],
-  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,IAAA,eAAAC,EAAAN,GAAA,IAAAO,EAA+B,wCAC/BC,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EAEnCV,EAA0B,CAC9B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQO,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,SAAU,CACR,KAAM,OACN,OAAQE,EACR,QAAS,MACX,EAIA,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,MACX,EACA,GAAG,eACH,GAAG,qBACL,EAOMR,EAAuB,CAC3B,GAAG,iBACH,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMF,EAA+B,CACnC,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMG,EAA4B,CAChC,GAAG,cACL",
-  "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "contentSizes", "contentVariants", "panelBackgrounds", "materials"]
+  "sourcesContent": ["import { asChildPropDef } from '../../props/as-child.prop.js';\nimport { 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 contentSizes = ['1', '2'] as const;\nconst contentVariants = ['solid', 'soft'] as const;\nconst panelBackgrounds = ['solid', 'translucent'] as const;\nconst materials = ['solid', 'translucent'] as const;\nconst submenuBehaviors = ['cascade', 'drill-down'] as const;\n\n// Base props shared between Content and SubContent\nconst baseMenuSharedPropDefs = {\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: contentSizes,\n    default: '2',\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: contentVariants,\n    default: 'solid',\n  },\n  material: {\n    type: 'enum',\n    values: materials,\n    default: undefined,\n  },\n  /**\n   * @deprecated Use `material` prop instead. This prop will be removed in a future version.\n   */\n  panelBackground: {\n    type: 'enum',\n    values: panelBackgrounds,\n    default: undefined,\n  },\n  ...colorPropDef,\n  ...highContrastPropDef,\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n};\n\n// Content-specific props (includes submenuBehavior)\nconst baseMenuContentPropDefs = {\n  ...baseMenuSharedPropDefs,\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior: {\n    type: 'enum',\n    values: submenuBehaviors,\n    default: 'cascade',\n    responsive: true,\n  },\n} satisfies {\n  size: PropDef<(typeof contentSizes)[number]>;\n  variant: PropDef<(typeof contentVariants)[number]>;\n  material: PropDef<(typeof materials)[number] | undefined>;\n  panelBackground: PropDef<(typeof panelBackgrounds)[number] | undefined>;\n  submenuBehavior: PropDef<(typeof submenuBehaviors)[number]>;\n};\n\n// SubContent props (no submenuBehavior)\nconst baseMenuSubContentPropDefs = baseMenuSharedPropDefs;\n\nconst baseMenuItemPropDefs = {\n  ...asChildPropDef,\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuCheckboxItemPropDefs = {\n  ...colorPropDef,\n  shortcut: { type: 'string' },\n} satisfies {\n  shortcut: PropDef<string>;\n};\n\nconst baseMenuRadioItemPropDefs = {\n  ...colorPropDef,\n};\n\nexport {\n  baseMenuContentPropDefs,\n  baseMenuSubContentPropDefs,\n  baseMenuItemPropDefs,\n  baseMenuCheckboxItemPropDefs,\n  baseMenuRadioItemPropDefs,\n  submenuBehaviors,\n};\n"],
+  "mappings": "yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,kCAAAE,EAAA,4BAAAC,EAAA,yBAAAC,EAAA,8BAAAC,EAAA,+BAAAC,EAAA,qBAAAC,IAAA,eAAAC,EAAAR,GAAA,IAAAS,EAA+B,wCAC/BC,EAA6B,qCAC7BC,EAAoC,6CAIpC,MAAMC,EAAe,CAAC,IAAK,GAAG,EACxBC,EAAkB,CAAC,QAAS,MAAM,EAClCC,EAAmB,CAAC,QAAS,aAAa,EAC1CC,EAAY,CAAC,QAAS,aAAa,EACnCR,EAAmB,CAAC,UAAW,YAAY,EAG3CS,EAAyB,CAC7B,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQJ,EACR,QAAS,IACT,WAAY,EACd,EACA,QAAS,CACP,KAAM,OACN,UAAW,aACX,OAAQC,EACR,QAAS,OACX,EACA,SAAU,CACR,KAAM,OACN,OAAQE,EACR,QAAS,MACX,EAIA,gBAAiB,CACf,KAAM,OACN,OAAQD,EACR,QAAS,MACX,EACA,GAAG,eACH,GAAG,qBACL,EAQMX,EAA0B,CAC9B,GAAGa,EAOH,gBAAiB,CACf,KAAM,OACN,OAAQT,EACR,QAAS,UACT,WAAY,EACd,CACF,EASMD,EAA6BU,EAE7BZ,EAAuB,CAC3B,GAAG,iBACH,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMF,EAA+B,CACnC,GAAG,eACH,SAAU,CAAE,KAAM,QAAS,CAC7B,EAIMG,EAA4B,CAChC,GAAG,cACL",
+  "names": ["base_menu_props_exports", "__export", "baseMenuCheckboxItemPropDefs", "baseMenuContentPropDefs", "baseMenuItemPropDefs", "baseMenuRadioItemPropDefs", "baseMenuSubContentPropDefs", "submenuBehaviors", "__toCommonJS", "import_as_child_prop", "import_color_prop", "import_high_contrast_prop", "contentSizes", "contentVariants", "panelBackgrounds", "materials", "baseMenuSharedPropDefs"]
 }

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

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import type { Breakpoint, Responsive } from '../../props/prop-def.js';
+import type { submenuBehaviors } from './base-menu.props.js';
+type SubmenuBehavior = (typeof submenuBehaviors)[number];
+/**
+ * Hook to get the current breakpoint based on window width.
+ * Returns 'initial' on the server and during initial hydration.
+ * Uses shared breakpoint values from shell.types.js.
+ */
+declare function useBreakpoint(): {
+    breakpoint: Breakpoint;
+    ready: boolean;
+};
+/**
+ * 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;
+interface DrillDownContextValue {
+    /** Current submenu behavior mode */
+    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[];
+    /** Navigate into a submenu */
+    push: (id: string) => void;
+    /** Navigate back to parent menu */
+    pop: () => void;
+    /** Reset to root menu */
+    reset: () => void;
+    /** 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 DrillDownContext: React.Context<DrillDownContextValue | null>;
+interface DrillDownProviderProps {
+    children: React.ReactNode;
+    submenuBehavior: Responsive<SubmenuBehavior> | undefined;
+}
+declare function DrillDownProvider({ children, submenuBehavior }: DrillDownProviderProps): React.JSX.Element;
+declare function useDrillDown(): DrillDownContextValue;
+/**
+ * Hook to check if drill-down context is available (i.e., we're inside Content)
+ */
+declare function useDrillDownOptional(): DrillDownContextValue | null;
+interface SubContextValue {
+    /** Unique ID for this submenu */
+    id: string;
+    /** Label for the back button */
+    label: React.ReactNode;
+}
+declare const SubContext: React.Context<SubContextValue | null>;
+declare function useSubContext(): SubContextValue | null;
+export { DrillDownProvider, DrillDownContext, SubContext, useDrillDown, useDrillDownOptional, useSubContext, useBreakpoint, resolveResponsiveValue, };
+export type { SubmenuBehavior, DrillDownContextValue, SubContextValue, AnimationDirection };
+//# sourceMappingURL=dropdown-menu-drill-down.d.ts.map

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

@@ -0,0 +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;AAG7D,KAAK,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD;;;;GAIG;AACH,iBAAS,aAAa,IAAI;IAAE,UAAU,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,OAAO,CAAA;CAAE,CAsDnE;AAED;;;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,UAAU,qBAAqB;IAC7B,oCAAoC;IACpC,QAAQ,EAAE,eAAe,CAAC;IAC1B,kEAAkE;IAClE,KAAK,EAAE,OAAO,CAAC;IACf,mEAAmE;IACnE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,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;IAClB,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,gBAAgB,6CAA0D,CAAC;AAEjF,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,qBA6D/E;AAED,iBAAS,YAAY,0BAMpB;AAED;;GAEG;AACH,iBAAS,oBAAoB,iCAE5B;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,gBAAgB,EAChB,UAAU,EACV,YAAY,EACZ,oBAAoB,EACpB,aAAa,EACb,aAAa,EACb,sBAAsB,GACvB,CAAC;AAEF,YAAY,EAAE,eAAe,EAAE,qBAAqB,EAAE,eAAe,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";var L=Object.create;var m=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var A=Object.getOwnPropertyNames;var T=Object.getPrototypeOf,V=Object.prototype.hasOwnProperty;var M=(e,t)=>{for(var r in t)m(e,r,{get:t[r],enumerable:!0})},y=(e,t,r,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of A(t))!V.call(e,n)&&n!==r&&m(e,n,{get:()=>t[n],enumerable:!(a=P(t,n))||a.enumerable});return e};var O=(e,t,r)=>(r=e!=null?L(T(e)):{},y(t||!e||!e.__esModule?m(r,"default",{value:e,enumerable:!0}):r,e)),N=e=>y(m({},"__esModule",{value:!0}),e);var I={};M(I,{DrillDownContext:()=>f,DrillDownProvider:()=>C,SubContext:()=>D,resolveResponsiveValue:()=>b,useBreakpoint:()=>v,useDrillDown:()=>k,useDrillDownOptional:()=>B,useSubContext:()=>R});module.exports=N(I);var o=O(require("react")),g=require("../shell.types.js");function v(){const[e,t]=o.useState("initial"),[r,a]=o.useState(!1);return o.useEffect(()=>{if(typeof window>"u")return;const c=Object.entries(g._BREAKPOINTS).map(([i,s])=>[i,window.matchMedia(s)]),u=()=>{const i=c.filter(([,d])=>d.matches).map(([d])=>d),s=i[i.length-1]??"initial";t(s),a(!0)};u();const l=[];return c.forEach(([,i])=>{const s=i;typeof s.addEventListener=="function"?(s.addEventListener("change",u),l.push(()=>s.removeEventListener?.("change",u))):typeof s.addListener=="function"&&(s.addListener(u),l.push(()=>s.removeListener?.(u)))}),()=>{l.forEach(i=>{try{i()}catch{}})}},[]),{breakpoint:e,ready:r}}function b(e,t,r){if(e==null)return r;if(typeof e!="object")return e;const a=e;if(a[t]!==void 0)return a[t];const n=["xl","lg","md","sm","xs","initial"],c=n.indexOf(t);for(let u=c+1;u<n.length;u++){const l=n[u];if(a[l]!==void 0)return a[l]}return r}const f=o.createContext(null);function C({children:e,submenuBehavior:t}){const{breakpoint:r,ready:a}=v(),[n,c]=o.useState([]),[u,l]=o.useState(null),i=o.useMemo(()=>b(t,r,"cascade"),[t,r]),s=o.useRef(i);o.useEffect(()=>{s.current==="drill-down"&&i==="cascade"&&(c([]),l(null)),s.current=i},[i]);const d=o.useCallback(p=>{l("forward"),c(E=>[...E,p])},[]),h=o.useCallback(()=>{l("backward"),c(p=>p.slice(0,-1))},[]),w=o.useCallback(()=>{c([]),l(null)},[]),x=o.useCallback(p=>n.length===0?!1:n[n.length-1]===p,[n]),S=o.useMemo(()=>({behavior:i,ready:a,stack:n,push:d,pop:h,reset:w,isActive:x,isRoot:n.length===0,currentId:n.length>0?n[n.length-1]:null,animationDirection:u}),[i,a,n,d,h,w,x,u]);return o.createElement(f.Provider,{value:S},e)}function k(){const e=o.useContext(f);if(!e)throw new Error("useDrillDown must be used within a DropdownMenu.Content");return e}function B(){return o.useContext(f)}const D=o.createContext(null);function R(){return o.useContext(D)}
+//# sourceMappingURL=dropdown-menu-drill-down.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/_internal/dropdown-menu-drill-down.tsx"],
+  "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 { _BREAKPOINTS } from '../shell.types.js';\n\ntype SubmenuBehavior = (typeof submenuBehaviors)[number];\n\n/**\n * Hook to get the current breakpoint based on window width.\n * Returns 'initial' on the server and during initial hydration.\n * Uses shared breakpoint values from shell.types.js.\n */\nfunction useBreakpoint(): { breakpoint: Breakpoint; ready: boolean } {\n  const [currentBp, setCurrentBp] = React.useState<Breakpoint>('initial');\n  const [ready, setReady] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    // Use shared breakpoint media queries from shell.types\n    const queries = Object.entries(_BREAKPOINTS) as [keyof typeof _BREAKPOINTS, string][];\n    const mqls = queries.map(([k, q]) => [k, window.matchMedia(q)] as const);\n\n    const compute = () => {\n      // Highest matched breakpoint wins\n      const matched = mqls.filter(([, m]) => m.matches).map(([k]) => k);\n      const next = (matched[matched.length - 1] as Breakpoint | undefined) ?? 'initial';\n      setCurrentBp(next);\n      setReady(true);\n    };\n\n    compute();\n\n    const cleanups: Array<() => void> = [];\n    mqls.forEach(([, m]) => {\n      const mm = m as MediaQueryList & {\n        addEventListener?: (type: 'change', listener: () => void) => void;\n        removeEventListener?: (type: 'change', listener: () => void) => void;\n        addListener?: (listener: () => void) => void;\n        removeListener?: (listener: () => void) => void;\n      };\n      if (typeof mm.addEventListener === 'function') {\n        mm.addEventListener('change', compute);\n        cleanups.push(() => mm.removeEventListener?.('change', compute));\n      } else if (typeof mm.addListener === 'function') {\n        mm.addListener(compute);\n        cleanups.push(() => mm.removeListener?.(compute));\n      }\n    });\n\n    return () => {\n      cleanups.forEach((fn) => {\n        try {\n          fn();\n        } catch (e) {\n          // MediaQueryList cleanup can fail in edge cases (e.g., already removed)\n          // Log in development to aid debugging\n          if (process.env.NODE_ENV !== 'production') {\n            console.warn('[DropdownMenu] MediaQueryList cleanup warning:', e);\n          }\n        }\n      });\n    };\n  }, []);\n\n  return { breakpoint: currentBp, ready };\n}\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\ninterface DrillDownContextValue {\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  /** 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  /** 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 DrillDownContext = React.createContext<DrillDownContextValue | 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  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  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  const value = React.useMemo(\n    (): DrillDownContextValue => ({\n      behavior,\n      ready,\n      stack,\n      push,\n      pop,\n      reset,\n      isActive,\n      isRoot: stack.length === 0,\n      currentId: stack.length > 0 ? stack[stack.length - 1] : null,\n      animationDirection,\n    }),\n    [behavior, ready, stack, push, pop, reset, isActive, animationDirection]\n  );\n\n  return <DrillDownContext.Provider value={value}>{children}</DrillDownContext.Provider>;\n}\n\nfunction useDrillDown() {\n  const ctx = React.useContext(DrillDownContext);\n  if (!ctx) {\n    throw new Error('useDrillDown must be used within a DropdownMenu.Content');\n  }\n  return ctx;\n}\n\n/**\n * Hook to check if drill-down context is available (i.e., we're inside Content)\n */\nfunction useDrillDownOptional() {\n  return React.useContext(DrillDownContext);\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  DrillDownContext,\n  SubContext,\n  useDrillDown,\n  useDrillDownOptional,\n  useSubContext,\n  useBreakpoint,\n  resolveResponsiveValue,\n};\n\nexport type { SubmenuBehavior, DrillDownContextValue, SubContextValue, AnimationDirection };\n"],
+  "mappings": "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",
+  "names": ["dropdown_menu_drill_down_exports", "__export", "DrillDownContext", "DrillDownProvider", "SubContext", "resolveResponsiveValue", "useBreakpoint", "useDrillDown", "useDrillDownOptional", "useSubContext", "__toCommonJS", "React", "import_shell_types", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "cleanups", "mm", "fn", "value", "currentBreakpoint", "defaultValue", "map", "bpOrder", "startIdx", "i", "bp", "children", "submenuBehavior", "breakpoint", "stack", "setStack", "animationDirection", "setAnimationDirection", "behavior", "prevBehaviorRef", "push", "id", "prev", "pop", "reset", "isActive", "ctx"]
+}

package/dist/cjs/components/dropdown-menu.d.ts

@@ -1,19 +1,35 @@
 import * as React from 'react';
 import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
 import { dropdownMenuContentPropDefs, dropdownMenuItemPropDefs, dropdownMenuCheckboxItemPropDefs, dropdownMenuRadioItemPropDefs } from './dropdown-menu.props.js';
+import type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';
 import type { IconProps } from './icons.js';
 import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
-import type { GetPropDefTypes } from '../props/prop-def.js';
+import type { GetPropDefTypes, Responsive } from '../props/prop-def.js';
 interface DropdownMenuRootProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {
 }
 declare const DropdownMenuRoot: React.FC<DropdownMenuRootProps>;
 interface DropdownMenuTriggerProps extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {
 }
 declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-type DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs>;
-type DropdownMenuContentContextValue = DropdownMenuContentOwnProps;
+type DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs> & {
+    /**
+     * Controls how submenus behave.
+     * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)
+     * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline
+     * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`
+     */
+    submenuBehavior?: Responsive<SubmenuBehavior>;
+};
+type DropdownMenuContentContextValue = Omit<DropdownMenuContentOwnProps, 'submenuBehavior'>;
 interface DropdownMenuContentProps extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>, DropdownMenuContentContextValue {
     container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];
+    /**
+     * Controls how submenus behave.
+     * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)
+     * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline
+     * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`
+     */
+    submenuBehavior?: Responsive<SubmenuBehavior>;
 }
 declare const DropdownMenuContent: React.ForwardRefExoticComponent<DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownMenuLabelProps extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {
@@ -38,21 +54,26 @@ interface DropdownMenuCheckboxItemProps extends ComponentPropsWithout<typeof Dro
 }
 declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownMenuSubProps extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {
+    /**
+     * Label displayed in the back button when using drill-down mode.
+     * If not provided, defaults to "Back".
+     */
+    label?: React.ReactNode;
 }
 declare const DropdownMenuSub: React.FC<DropdownMenuSubProps>;
 interface DropdownMenuSubTriggerProps extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {
 }
 declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>>;
+interface DropdownMenuSeparatorProps extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {
+}
+declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownMenuSubContentProps extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>, DropdownMenuContentContextValue {
     container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];
 }
 declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
-interface DropdownMenuSeparatorProps extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {
-}
-declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>>;
 interface DropdownMenuTriggerIconProps extends IconProps {
 }
 declare const DropdownMenuTriggerIcon: React.ForwardRefExoticComponent<DropdownMenuTriggerIconProps & React.RefAttributes<SVGSVGElement>>;
 export { DropdownMenuRoot as Root, DropdownMenuTrigger as Trigger, DropdownMenuTriggerIcon as TriggerIcon, DropdownMenuContent as Content, DropdownMenuLabel as Label, DropdownMenuItem as Item, DropdownMenuGroup as Group, DropdownMenuRadioGroup as RadioGroup, DropdownMenuRadioItem as RadioItem, DropdownMenuCheckboxItem as CheckboxItem, DropdownMenuSub as Sub, DropdownMenuSubTrigger as SubTrigger, DropdownMenuSubContent as SubContent, DropdownMenuSeparator as Separator, };
-export type { DropdownMenuRootProps as RootProps, DropdownMenuTriggerProps as TriggerProps, DropdownMenuTriggerIconProps as TriggerIconProps, DropdownMenuContentProps as ContentProps, DropdownMenuLabelProps as LabelProps, DropdownMenuItemProps as ItemProps, DropdownMenuGroupProps as GroupProps, DropdownMenuRadioGroupProps as RadioGroupProps, DropdownMenuRadioItemProps as RadioItemProps, DropdownMenuCheckboxItemProps as CheckboxItemProps, DropdownMenuSubProps as SubProps, DropdownMenuSubTriggerProps as SubTriggerProps, DropdownMenuSubContentProps as SubContentProps, DropdownMenuSeparatorProps as SeparatorProps, };
+export type { DropdownMenuRootProps as RootProps, DropdownMenuTriggerProps as TriggerProps, DropdownMenuTriggerIconProps as TriggerIconProps, DropdownMenuContentProps as ContentProps, DropdownMenuLabelProps as LabelProps, DropdownMenuItemProps as ItemProps, DropdownMenuGroupProps as GroupProps, DropdownMenuRadioGroupProps as RadioGroupProps, DropdownMenuRadioItemProps as RadioItemProps, DropdownMenuCheckboxItemProps as CheckboxItemProps, DropdownMenuSubProps as SubProps, DropdownMenuSubTriggerProps as SubTriggerProps, DropdownMenuSubContentProps as SubContentProps, DropdownMenuSeparatorProps as SeparatorProps, SubmenuBehavior, };
 //# sourceMappingURL=dropdown-menu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,IAAI,qBAAqB,EAAQ,MAAM,UAAU,CAAC;AAGvE,OAAO,EACL,2BAA2B,EAC3B,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC9B,MAAM,0BAA0B,CAAC;AAOlC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAE5D,UAAU,qBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC;CAAG;AAC9E,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAErD,CAAC;AAIF,UAAU,wBACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,OAAO,EAAE,YAAY,CAAC;CAAG;AACtF,QAAA,MAAM,mBAAmB,oGAMxB,CAAC;AAGF,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,CAAC;AACvF,KAAK,+BAA+B,GAAG,2BAA2B,CAAC;AAGnE,UAAU,wBACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,OAAO,EAAE,YAAY,CAAC,EAC/E,+BAA+B;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC9F;AACD,QAAA,MAAM,mBAAmB,iGAqFxB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,+FAStB,CAAC;AAIF,KAAK,wBAAwB,GAAG,eAAe,CAAC,OAAO,wBAAwB,CAAC,CAAC;AACjF,UAAU,qBACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,IAAI,EAAE,YAAY,CAAC,EAC5E,wBAAwB;CAAG;AAC/B,QAAA,MAAM,gBAAgB,8FAyBrB,CAAC;AAIF,UAAU,sBACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC;CAAG;AACpF,QAAA,MAAM,iBAAiB,+FAStB,CAAC;AAIF,UAAU,2BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG;AACzF,QAAA,MAAM,sBAAsB,oGAU1B,CAAC;AAIH,KAAK,6BAA6B,GAAG,eAAe,CAAC,OAAO,6BAA6B,CAAC,CAAC;AAC3F,UAAU,0BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,SAAS,EAAE,YAAY,CAAC,EACjF,6BAA6B;CAAG;AACpC,QAAA,MAAM,qBAAqB,mGA8BzB,CAAC;AAIH,KAAK,gCAAgC,GAAG,eAAe,CAAC,OAAO,gCAAgC,CAAC,CAAC;AACjG,UAAU,6BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,YAAY,EAAE,YAAY,CAAC,EACpF,gCAAgC;CAAG;AACvC,QAAA,MAAM,wBAAwB,sGAoC5B,CAAC;AAGH,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC;CAAG;AAC7E,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAEnD,CAAC;AAIF,UAAU,2BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG;AACzF,QAAA,MAAM,sBAAsB,oGAwB1B,CAAC;AAIH,UAAU,2BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC,EAClF,+BAA+B;IACjC,SAAS,CAAC,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,CAAC;CAC9F;AACD,QAAA,MAAM,sBAAsB,oGAuD1B,CAAC;AAIH,UAAU,0BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AACxF,QAAA,MAAM,qBAAqB,mGAUzB,CAAC;AAIH,UAAU,4BAA6B,SAAQ,SAAS;CAAG;AAC3D,QAAA,MAAM,uBAAuB,oGAK3B,CAAC;AAGH,OAAO,EACL,gBAAgB,IAAI,IAAI,EACxB,mBAAmB,IAAI,OAAO,EAC9B,uBAAuB,IAAI,WAAW,EACtC,mBAAmB,IAAI,OAAO,EAC9B,iBAAiB,IAAI,KAAK,EAC1B,gBAAgB,IAAI,IAAI,EACxB,iBAAiB,IAAI,KAAK,EAC1B,sBAAsB,IAAI,UAAU,EACpC,qBAAqB,IAAI,SAAS,EAClC,wBAAwB,IAAI,YAAY,EACxC,eAAe,IAAI,GAAG,EACtB,sBAAsB,IAAI,UAAU,EACpC,sBAAsB,IAAI,UAAU,EACpC,qBAAqB,IAAI,SAAS,GACnC,CAAC;AAEF,YAAY,EACV,qBAAqB,IAAI,SAAS,EAClC,wBAAwB,IAAI,YAAY,EACxC,4BAA4B,IAAI,gBAAgB,EAChD,wBAAwB,IAAI,YAAY,EACxC,sBAAsB,IAAI,UAAU,EACpC,qBAAqB,IAAI,SAAS,EAClC,sBAAsB,IAAI,UAAU,EACpC,2BAA2B,IAAI,eAAe,EAC9C,0BAA0B,IAAI,cAAc,EAC5C,6BAA6B,IAAI,iBAAiB,EAClD,oBAAoB,IAAI,QAAQ,EAChC,2BAA2B,IAAI,eAAe,EAC9C,2BAA2B,IAAI,eAAe,EAC9C,0BAA0B,IAAI,cAAc,GAC7C,CAAC"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/dropdown-menu.js

@@ -1,2 +1,2 @@
-"use strict";"use client";var q=Object.create;var D=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,Q=Object.prototype.hasOwnProperty;var X=(o,n)=>{for(var r in n)D(o,r,{get:n[r],enumerable:!0})},_=(o,n,r,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of H(n))!Q.call(o,t)&&t!==r&&D(o,t,{get:()=>n[t],enumerable:!(a=U(n,t))||a.enumerable});return o};var j=(o,n,r)=>(r=o!=null?q(J(o)):{},_(n||!o||!o.__esModule?D(r,"default",{value:o,enumerable:!0}):r,o)),Y=o=>_(D({},"__esModule",{value:!0}),o);var Z={};X(Z,{CheckboxItem:()=>E,Content:()=>y,Group:()=>T,Item:()=>S,Label:()=>R,RadioGroup:()=>x,RadioItem:()=>N,Root:()=>h,Separator:()=>W,Sub:()=>G,SubContent:()=>B,SubTrigger:()=>k,Trigger:()=>v,TriggerIcon:()=>L});module.exports=Y(Z);var e=j(require("react")),d=j(require("classnames")),p=require("radix-ui"),I=require("./scroll-area.js"),u=require("./dropdown-menu.props.js"),l=require("./theme.js"),m=require("./icons.js"),g=require("../helpers/extract-props.js"),K=require("../helpers/require-react-element.js"),b=require("./kbd.js");const h=o=>e.createElement(p.DropdownMenu.Root,{...o});h.displayName="DropdownMenu.Root";const v=e.forwardRef(({children:o,...n},r)=>e.createElement(p.DropdownMenu.Trigger,{...n,ref:r,asChild:!0},(0,K.requireReactElement)(o)));v.displayName="DropdownMenu.Trigger";const A=e.createContext({}),y=e.forwardRef((o,n)=>{const r=(0,l.useThemeContext)();e.useEffect(()=>{o.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[o.panelBackground]);const a=o.material??o.panelBackground??r.panelBackground,t=e.useMemo(()=>({material:a,accentColor:r.accentColor}),[a,r.accentColor]),{size:i=u.dropdownMenuContentPropDefs.size.default,variant:s=u.dropdownMenuContentPropDefs.variant.default,highContrast:M=u.dropdownMenuContentPropDefs.highContrast.default,material:w=t.material}=o,{className:P,children:f,color:c,container:O,forceMount:V,material:z,panelBackground:$,...F}=(0,g.extractProps)(o,u.dropdownMenuContentPropDefs),C=e.useMemo(()=>c||t.accentColor,[c,t.accentColor]);return e.createElement(p.DropdownMenu.Portal,{container:O,forceMount:V},e.createElement(l.Theme,{asChild:!0},e.createElement(p.DropdownMenu.Content,{"data-accent-color":C,"data-material":w,"data-panel-background":w,align:"start",sideOffset:4,collisionPadding:10,...F,asChild:!1,ref:n,className:(0,d.default)("rt-PopperContent","rt-BaseMenuContent","rt-DropdownMenuContent",P)},e.createElement(I.ScrollArea,{type:"auto"},e.createElement("div",{className:(0,d.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},e.createElement(A.Provider,{value:e.useMemo(()=>({size:i,variant:s,color:C,highContrast:M,material:w}),[i,s,C,M,w])},f))))))});y.displayName="DropdownMenu.Content";const R=e.forwardRef(({className:o,...n},r)=>e.createElement(p.DropdownMenu.Label,{...n,asChild:!1,ref:r,className:(0,d.default)("rt-BaseMenuLabel","rt-DropdownMenuLabel",o)}));R.displayName="DropdownMenu.Label";const S=e.forwardRef((o,n)=>{const{className:r,children:a,color:t=u.dropdownMenuItemPropDefs.color.default,shortcut:i,...s}=o;return e.createElement(p.DropdownMenu.Item,{"data-accent-color":t,...s,ref:n,className:(0,d.default)("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem",r)},e.createElement(p.Slot.Slottable,null,a),i&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(b.Kbd,{size:"1"},i)))});S.displayName="DropdownMenu.Item";const T=e.forwardRef(({className:o,...n},r)=>e.createElement(p.DropdownMenu.Group,{...n,asChild:!1,ref:r,className:(0,d.default)("rt-BaseMenuGroup","rt-DropdownMenuGroup",o)}));T.displayName="DropdownMenu.Group";const x=e.forwardRef(({className:o,...n},r)=>e.createElement(p.DropdownMenu.RadioGroup,{...n,asChild:!1,ref:r,className:(0,d.default)("rt-BaseMenuRadioGroup","rt-DropdownMenuRadioGroup",o)}));x.displayName="DropdownMenu.RadioGroup";const N=e.forwardRef((o,n)=>{const{children:r,className:a,color:t=u.dropdownMenuRadioItemPropDefs.color.default,...i}=o;return e.createElement(p.DropdownMenu.RadioItem,{...i,asChild:!1,ref:n,"data-accent-color":t,className:(0,d.default)("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-DropdownMenuItem","rt-DropdownMenuRadioItem",a)},r,e.createElement(p.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(m.ThickDotIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"})))});N.displayName="DropdownMenu.RadioItem";const E=e.forwardRef((o,n)=>{const{children:r,className:a,shortcut:t,color:i=u.dropdownMenuCheckboxItemPropDefs.color.default,...s}=o;return e.createElement(p.DropdownMenu.CheckboxItem,{...s,asChild:!1,ref:n,"data-accent-color":i,className:(0,d.default)("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-DropdownMenuItem","rt-DropdownMenuCheckboxItem",a)},r,e.createElement(p.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(m.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(b.Kbd,{size:"1"},t)))});E.displayName="DropdownMenu.CheckboxItem";const G=o=>e.createElement(p.DropdownMenu.Sub,{...o});G.displayName="DropdownMenu.Sub";const k=e.forwardRef((o,n)=>{const{className:r,children:a,...t}=o;return e.createElement(p.DropdownMenu.SubTrigger,{...t,asChild:!1,ref:n,className:(0,d.default)("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger",r)},a,e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(m.ThickChevronRightIcon,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon"})))});k.displayName="DropdownMenu.SubTrigger";const B=e.forwardRef((o,n)=>{const r=e.useContext(A),{size:a,variant:t,color:i,highContrast:s,material:M}=e.useMemo(()=>r,[r]),{className:w,children:P,container:f,forceMount:c,material:O,panelBackground:V,...z}=(0,g.extractProps)({size:a,variant:t,color:i,highContrast:s,material:M,...o},u.dropdownMenuContentPropDefs);return e.createElement(p.DropdownMenu.Portal,{container:f,forceMount:c},e.createElement(l.Theme,{asChild:!0},e.createElement(p.DropdownMenu.SubContent,{"data-accent-color":i,"data-material":M,"data-panel-background":M,alignOffset:-Number(a)*4,sideOffset:1,collisionPadding:10,...z,asChild:!1,ref:n,className:(0,d.default)("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-DropdownMenuContent","rt-DropdownMenuSubContent",w)},e.createElement(I.ScrollArea,{type:"auto"},e.createElement("div",{className:(0,d.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},P)))))});B.displayName="DropdownMenu.SubContent";const W=e.forwardRef(({className:o,...n},r)=>e.createElement(p.DropdownMenu.Separator,{...n,asChild:!1,ref:r,className:(0,d.default)("rt-BaseMenuSeparator","rt-DropdownMenuSeparator",o)}));W.displayName="DropdownMenu.Separator";const L=e.forwardRef((o,n)=>e.createElement(m.ChevronDownIcon,{...o,ref:n,className:"rt-DropdownMenuTriggerIcon"}));L.displayName="DropdownMenu.TriggerIcon";
+"use strict";"use client";var Q=Object.create;var v=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,$=Object.prototype.hasOwnProperty;var ee=(o,n)=>{for(var r in n)v(o,r,{get:n[r],enumerable:!0})},K=(o,n,r,p)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of Y(n))!$.call(o,t)&&t!==r&&v(o,t,{get:()=>n[t],enumerable:!(p=X(n,t))||p.enumerable});return o};var j=(o,n,r)=>(r=o!=null?Q(Z(o)):{},K(n||!o||!o.__esModule?v(r,"default",{value:o,enumerable:!0}):r,o)),oe=o=>K(v({},"__esModule",{value:!0}),o);var pe={};ee(pe,{CheckboxItem:()=>L,Content:()=>x,Group:()=>k,Item:()=>B,Label:()=>N,RadioGroup:()=>E,RadioItem:()=>G,Root:()=>R,Separator:()=>b,Sub:()=>W,SubContent:()=>V,SubTrigger:()=>O,Trigger:()=>T,TriggerIcon:()=>_});module.exports=oe(pe);var e=j(require("react")),a=j(require("classnames")),i=require("radix-ui"),h=require("./scroll-area.js"),m=require("./dropdown-menu.props.js"),M=require("./theme.js"),c=require("./icons.js"),S=require("../helpers/extract-props.js"),u=require("./_internal/dropdown-menu-drill-down.js"),q=require("../helpers/require-react-element.js"),y=require("./kbd.js");const R=o=>e.createElement(i.DropdownMenu.Root,{...o});R.displayName="DropdownMenu.Root";const T=e.forwardRef(({children:o,...n},r)=>e.createElement(i.DropdownMenu.Trigger,{...n,ref:r,asChild:!0},(0,q.requireReactElement)(o)));T.displayName="DropdownMenu.Trigger";function ne({children:o}){const n=(0,u.useDrillDownOptional)();return!n||n.behavior==="cascade"?e.createElement(e.Fragment,null,o):e.createElement("div",{className:"rt-DropdownMenuDrillDownRoot","data-drill-down-active":n.isRoot?void 0:!0,"data-animation-direction":n.animationDirection??void 0},o)}const F=e.createContext({}),x=e.forwardRef((o,n)=>{const r=(0,M.useThemeContext)();e.useEffect(()=>{o.panelBackground!==void 0&&console.warn("Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.")},[o.panelBackground]);const p=o.material??o.panelBackground??r.panelBackground,t=e.useMemo(()=>({material:p,accentColor:r.accentColor}),[p,r.accentColor]),{size:d=m.dropdownMenuContentPropDefs.size.default,variant:l=m.dropdownMenuContentPropDefs.variant.default,highContrast:w=m.dropdownMenuContentPropDefs.highContrast.default,material:D=t.material,submenuBehavior:s}=o,{className:f,children:P,color:C,container:I,forceMount:H,material:U,panelBackground:z,submenuBehavior:A,...J}=(0,S.extractProps)(o,m.dropdownMenuContentPropDefs),g=e.useMemo(()=>C||t.accentColor,[C,t.accentColor]);return e.createElement(i.DropdownMenu.Portal,{container:I,forceMount:H},e.createElement(M.Theme,{asChild:!0},e.createElement(i.DropdownMenu.Content,{"data-accent-color":g,"data-material":D,"data-panel-background":D,align:"start",sideOffset:4,collisionPadding:10,...J,asChild:!1,ref:n,className:(0,a.default)("rt-PopperContent","rt-BaseMenuContent","rt-DropdownMenuContent",f)},e.createElement(h.ScrollArea,{type:"auto"},e.createElement("div",{className:(0,a.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},e.createElement(F.Provider,{value:e.useMemo(()=>({size:d,variant:l,color:g,highContrast:w,material:D}),[d,l,g,w,D])},e.createElement(u.DrillDownProvider,{submenuBehavior:s},e.createElement(ne,null,P))))))))});x.displayName="DropdownMenu.Content";const N=e.forwardRef(({className:o,...n},r)=>e.createElement(i.DropdownMenu.Label,{...n,asChild:!1,ref:r,className:(0,a.default)("rt-BaseMenuLabel","rt-DropdownMenuLabel",o)}));N.displayName="DropdownMenu.Label";const B=e.forwardRef((o,n)=>{const{className:r,children:p,color:t=m.dropdownMenuItemPropDefs.color.default,shortcut:d,...l}=o;return e.createElement(i.DropdownMenu.Item,{"data-accent-color":t,...l,ref:n,className:(0,a.default)("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem",r)},e.createElement(i.Slot.Slottable,null,p),d&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(y.Kbd,{size:"1"},d)))});B.displayName="DropdownMenu.Item";const k=e.forwardRef(({className:o,...n},r)=>e.createElement(i.DropdownMenu.Group,{...n,asChild:!1,ref:r,className:(0,a.default)("rt-BaseMenuGroup","rt-DropdownMenuGroup",o)}));k.displayName="DropdownMenu.Group";const E=e.forwardRef(({className:o,...n},r)=>e.createElement(i.DropdownMenu.RadioGroup,{...n,asChild:!1,ref:r,className:(0,a.default)("rt-BaseMenuRadioGroup","rt-DropdownMenuRadioGroup",o)}));E.displayName="DropdownMenu.RadioGroup";const G=e.forwardRef((o,n)=>{const{children:r,className:p,color:t=m.dropdownMenuRadioItemPropDefs.color.default,...d}=o;return e.createElement(i.DropdownMenu.RadioItem,{...d,asChild:!1,ref:n,"data-accent-color":t,className:(0,a.default)("rt-BaseMenuItem","rt-BaseMenuRadioItem","rt-DropdownMenuItem","rt-DropdownMenuRadioItem",p)},r,e.createElement(i.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(c.ThickDotIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon"})))});G.displayName="DropdownMenu.RadioItem";const L=e.forwardRef((o,n)=>{const{children:r,className:p,shortcut:t,color:d=m.dropdownMenuCheckboxItemPropDefs.color.default,...l}=o;return e.createElement(i.DropdownMenu.CheckboxItem,{...l,asChild:!1,ref:n,"data-accent-color":d,className:(0,a.default)("rt-BaseMenuItem","rt-BaseMenuCheckboxItem","rt-DropdownMenuItem","rt-DropdownMenuCheckboxItem",p)},r,e.createElement(i.DropdownMenu.ItemIndicator,{className:"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator"},e.createElement(c.ThickCheckIcon,{className:"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon"})),t&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(y.Kbd,{size:"1"},t)))});L.displayName="DropdownMenu.CheckboxItem";function re(){return e.useId()}const W=({label:o="Back",...n})=>{const r=(0,u.useDrillDownOptional)(),p=re(),t=e.useMemo(()=>({id:p,label:o}),[p,o]);return r?.behavior==="drill-down"?e.createElement(u.SubContext.Provider,{value:t},n.children):e.createElement(u.SubContext.Provider,{value:t},e.createElement(i.DropdownMenu.Sub,{...n}))};W.displayName="DropdownMenu.Sub";const O=e.forwardRef((o,n)=>{const{className:r,children:p,onClick:t,...d}=o,l=(0,u.useDrillDownOptional)(),w=(0,u.useSubContext)();return l?.behavior==="drill-down"&&w?e.createElement("div",{role:"menuitem",tabIndex:0,ref:n,onClick:s=>{s.preventDefault(),l.push(w.id),t?.(s)},onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),l.push(w.id))},className:(0,a.default)("rt-reset","rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger","rt-DropdownMenuDrillDownSubTrigger",r)},p,e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(c.ThickChevronRightIcon,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon"}))):e.createElement(i.DropdownMenu.SubTrigger,{...d,onClick:t,asChild:!1,ref:n,className:(0,a.default)("rt-BaseMenuItem","rt-BaseMenuSubTrigger","rt-DropdownMenuItem","rt-DropdownMenuSubTrigger",r)},p,e.createElement("div",{className:"rt-BaseMenuShortcut rt-DropdownMenuShortcut"},e.createElement(c.ThickChevronRightIcon,{className:"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon"})))});O.displayName="DropdownMenu.SubTrigger";const b=e.forwardRef(({className:o,...n},r)=>e.createElement(i.DropdownMenu.Separator,{...n,asChild:!1,ref:r,className:(0,a.default)("rt-BaseMenuSeparator","rt-DropdownMenuSeparator",o)}));b.displayName="DropdownMenu.Separator";function te({label:o}){const n=(0,u.useDrillDown)();return e.createElement("div",{role:"menuitem",tabIndex:0,onClick:r=>{r.preventDefault(),n.pop()},onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),n.pop())},className:(0,a.default)("rt-reset","rt-BaseMenuItem","rt-DropdownMenuItem","rt-DropdownMenuDrillDownBackItem")},e.createElement(c.ThickChevronLeftIcon,{className:"rt-DropdownMenuDrillDownBackIcon"}),e.createElement("span",{className:"rt-DropdownMenuDrillDownBackLabel"},o))}const V=e.forwardRef((o,n)=>{const r=e.useContext(F),{size:p,variant:t,color:d,highContrast:l,material:w}=e.useMemo(()=>r,[r]),D=(0,u.useDrillDownOptional)(),s=(0,u.useSubContext)(),{className:f,children:P,container:C,forceMount:I,material:H,panelBackground:U,...z}=(0,S.extractProps)({size:p,variant:t,color:d,highContrast:l,material:w,...o},m.dropdownMenuSubContentPropDefs);if(D?.behavior==="drill-down"&&s){const A=D.isActive(s.id);return e.createElement("div",{ref:n,role:"menu","aria-label":typeof s.label=="string"?s.label:void 0,"data-drill-down-active":A?!0:void 0,"data-animation-direction":D.animationDirection??void 0,className:(0,a.default)("rt-DropdownMenuDrillDownPanel",f)},e.createElement(te,{label:s.label}),e.createElement(b,null),P)}return e.createElement(i.DropdownMenu.Portal,{container:C,forceMount:I},e.createElement(M.Theme,{asChild:!0},e.createElement(i.DropdownMenu.SubContent,{"data-accent-color":d,"data-material":w,"data-panel-background":w,alignOffset:-Number(p)*4,sideOffset:1,collisionPadding:10,...z,asChild:!1,ref:n,className:(0,a.default)("rt-PopperContent","rt-BaseMenuContent","rt-BaseMenuSubContent","rt-DropdownMenuContent","rt-DropdownMenuSubContent",f)},e.createElement(h.ScrollArea,{type:"auto"},e.createElement("div",{className:(0,a.default)("rt-BaseMenuViewport","rt-DropdownMenuViewport")},P)))))});V.displayName="DropdownMenu.SubContent";const _=e.forwardRef((o,n)=>e.createElement(c.ChevronDownIcon,{...o,ref:n,className:"rt-DropdownMenuTriggerIcon"}));_.displayName="DropdownMenu.TriggerIcon";
 //# sourceMappingURL=dropdown-menu.js.map