npm - @kushagradhawan/kookie-ui - Versions diffs - 0.1.126 → 0.1.127 - Mend

@kushagradhawan/kookie-ui 0.1.126 → 0.1.127

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (27) hide show

package/components.css CHANGED Viewed

@@ -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;
@@ -8741,6 +8761,17 @@
         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/dropdown-menu-drill-down.d.ts CHANGED Viewed

@@ -16,6 +16,7 @@ declare function useBreakpoint(): {
  * 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;
@@ -35,6 +36,8 @@ interface DrillDownContextValue {
     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 {
@@ -56,5 +59,5 @@ interface SubContextValue {
 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 };
+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 CHANGED Viewed

	@@ -1 +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;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,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;~~CAC1B~~;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,~~qBAuD~~/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,CAAC"}
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 CHANGED Viewed

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

@@ -1,7 +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\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}\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\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    }\n    prevBehaviorRef.current = behavior;\n  }, [behavior]);\n\n  const push = React.useCallback((id: string) => {\n    setStack((prev) => [...prev, id]);\n  }, []);\n\n  const pop = React.useCallback(() => {\n    setStack((prev) => prev.slice(0, -1));\n  }, []);\n\n  const reset = React.useCallback(() => {\n    setStack([]);\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    }),\n    [behavior, ready, stack, push, pop, reset, isActive]\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 };\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", "bp", "children", "submenuBehavior", "breakpoint", "stack", "setStack", "behavior", "prevBehaviorRef", "push", "id", "prev", "pop", "reset", "isActive", "ctx"]
+  "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.map CHANGED Viewed

	@@ -1 +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,EAE3B,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC9B,MAAM,0BAA0B,CAAC;AAWlC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAI/E,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,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAExE,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;~~AA0BF~~,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,GAAG;IACvF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;CAC/C,CAAC;AACF,KAAK,+BAA+B,GAAG,IAAI,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC;AAG5F,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;IAC7F;;;;;OAKG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;CAC/C;AACD,QAAA,MAAM,mBAAmB,iGAyFxB,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;AAQH,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC;IACxE;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AACD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0BnD,CAAC;AAIF,UAAU,2BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG;AACzF,QAAA,MAAM,sBAAsB,oGAmE1B,CAAC;AAKH,UAAU,0BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AACxF,QAAA,MAAM,qBAAqB,mGAUzB,CAAC;AAqCH,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,~~oGAiF1B~~,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,EAC5C,eAAe,GAChB,CAAC"}
1	+ {"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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"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"),w=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},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:c=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:c,material:D}),[d,l,g,c,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(w.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(w.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)(),c=(0,u.useSubContext)();return l?.behavior==="drill-down"&&c?e.createElement("div",{role:"menuitem",tabIndex:0,ref:n,onClick:s=>{s.preventDefault(),l.push(c.id),t?.(s)},onKeyDown:s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),l.push(c.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(w.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(w.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(w.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:c}=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:c,...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,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":c,"data-panel-background":c,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(w.ChevronDownIcon,{...o,ref:n,className:"rt-DropdownMenuTriggerIcon"}));_.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

package/dist/cjs/components/dropdown-menu.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dropdown-menu.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuSubContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport {\n  DrillDownProvider,\n  SubContext,\n  useDrillDown,\n  useDrillDownOptional,\n  useSubContext,\n} from './_internal/dropdown-menu-drill-down.js';\nimport type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { Kbd } from './kbd.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\n/**\n * Internal component that wraps root menu items and handles visibility in drill-down mode.\n * In drill-down mode, this hides when a submenu is active.\n */\nfunction DrillDownRoot({ children }: { children: React.ReactNode }) {\n  const drillDown = useDrillDownOptional();\n\n  // In cascade mode or when no drill-down context, always show\n  if (!drillDown || drillDown.behavior === 'cascade') {\n    return <>{children}</>;\n  }\n\n  // In drill-down mode, hide root when a submenu is active\n  return (\n    <div\n      className=\"rt-DropdownMenuDrillDownRoot\"\n      data-drill-down-active={drillDown.isRoot ? undefined : true}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs> & {\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?: Responsive<SubmenuBehavior>;\n};\ntype DropdownMenuContentContextValue = Omit<DropdownMenuContentOwnProps, 'submenuBehavior'>;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\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?: Responsive<SubmenuBehavior>;\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n\n    // Show deprecation warning for panelBackground when used\n    React.useEffect(() => {\n      if (props.panelBackground !== undefined) {\n        console.warn(\n          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n        );\n      }\n    }, [props.panelBackground]);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      props.material ?? props.panelBackground ?? themeContext.panelBackground;\n\n    // Memoize theme context values to prevent unnecessary re-renders\n    const memoizedThemeContext = React.useMemo(\n      () => ({\n        material: effectiveMaterial,\n        accentColor: themeContext.accentColor,\n      }),\n      [effectiveMaterial, themeContext.accentColor],\n    );\n\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n      material = memoizedThemeContext.material,\n      submenuBehavior,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      material: _,\n      panelBackground: __,\n      submenuBehavior: ___,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n\n    // Memoize color resolution to prevent unnecessary re-renders\n    const resolvedColor = React.useMemo(\n      () => color || memoizedThemeContext.accentColor,\n      [color, memoizedThemeContext.accentColor],\n    );\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            data-material={material}\n            data-panel-background={material}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast, material }),\n                    [size, variant, resolvedColor, highContrast, material],\n                  )}\n                >\n                  <DrillDownProvider submenuBehavior={submenuBehavior}>\n                    <DrillDownRoot>{children}</DrillDownRoot>\n                  </DrillDownProvider>\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && (\n          <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n            <Kbd size=\"1\">{shortcut}</Kbd>\n          </div>\n        )}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && (\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <Kbd size=\"1\">{shortcut}</Kbd>\n        </div>\n      )}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n// Generate unique submenu IDs using React 18's useId for SSR safety\nfunction useSubId() {\n  return React.useId();\n}\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {\n  /**\n   * Label displayed in the back button when using drill-down mode.\n   * If not provided, defaults to \"Back\".\n   */\n  label?: React.ReactNode;\n}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = ({ label = 'Back', ...props }) => {\n  const drillDown = useDrillDownOptional();\n  const subId = useSubId();\n\n  // Create context value for SubContent and SubTrigger\n  const subContextValue = React.useMemo(\n    () => ({ id: subId, label }),\n    [subId, label]\n  );\n\n  // In drill-down mode, we don't use Radix's Sub component\n  // We just provide the SubContext and render children\n  if (drillDown?.behavior === 'drill-down') {\n    return (\n      <SubContext.Provider value={subContextValue}>\n        {props.children}\n      </SubContext.Provider>\n    );\n  }\n\n  // In cascade mode, use Radix's Sub component normally\n  return (\n    <SubContext.Provider value={subContextValue}>\n      <DropdownMenuPrimitive.Sub {...props} />\n    </SubContext.Provider>\n  );\n};\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, onClick, ...subTriggerProps } = props;\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  // In drill-down mode, render a button that navigates to the submenu\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      drillDown.push(subContext.id);\n      (onClick as React.MouseEventHandler<HTMLDivElement> | undefined)?.(e);\n    };\n\n    return (\n      <div\n        role=\"menuitem\"\n        tabIndex={0}\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            drillDown.push(subContext.id);\n          }\n        }}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseMenuItem',\n          'rt-BaseMenuSubTrigger',\n          'rt-DropdownMenuItem',\n          'rt-DropdownMenuSubTrigger',\n          'rt-DropdownMenuDrillDownSubTrigger',\n          className,\n        )}\n      >\n        {children}\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n        </div>\n      </div>\n    );\n  }\n\n  // In cascade mode, use Radix's SubTrigger\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      onClick={onClick as React.MouseEventHandler<HTMLDivElement> | undefined}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\n// Separator is defined here (before SubContent) because it's used in drill-down mode\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/**\n * Internal component for the drill-down back button.\n */\nfunction DrillDownBackItem({ label }: { label: React.ReactNode }) {\n  const drillDown = useDrillDown();\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={0}\n      onClick={(e) => {\n        e.preventDefault();\n        drillDown.pop();\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          drillDown.pop();\n        }\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-BaseMenuItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuDrillDownBackItem',\n      )}\n    >\n      <ThickChevronLeftIcon className=\"rt-DropdownMenuDrillDownBackIcon\" />\n      <span className=\"rt-DropdownMenuDrillDownBackLabel\">{label}</span>\n    </div>\n  );\n}\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  // Memoize context consumption to prevent unnecessary re-renders\n  const contextValue = React.useContext(DropdownMenuContentContext);\n  const { size, variant, color, highContrast, material } = React.useMemo(\n    () => contextValue,\n    [contextValue],\n  );\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    material: _,\n    panelBackground: __,\n    ...subContentProps\n  } = extractProps(\n    { size, variant, color, highContrast, material, ...props },\n    dropdownMenuSubContentPropDefs,\n  );\n\n  // In drill-down mode, render inline instead of in a portal\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const isActive = drillDown.isActive(subContext.id);\n\n    return (\n      <div\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        role=\"menu\"\n        aria-label={typeof subContext.label === 'string' ? subContext.label : undefined}\n        data-drill-down-active={isActive ? true : undefined}\n        className={classNames(\n          'rt-DropdownMenuDrillDownPanel',\n          className,\n        )}\n      >\n        <DrillDownBackItem label={subContext.label} />\n        <DropdownMenuSeparator />\n        {children}\n      </div>\n    );\n  }\n\n  // In cascade mode, use Portal and Radix's SubContent\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          data-material={material}\n          data-panel-background={material}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n  SubmenuBehavior,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuSubContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport {\n  DrillDownProvider,\n  SubContext,\n  useDrillDown,\n  useDrillDownOptional,\n  useSubContext,\n} from './_internal/dropdown-menu-drill-down.js';\nimport type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { Kbd } from './kbd.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\n/**\n * Internal component that wraps root menu items and handles visibility in drill-down mode.\n * In drill-down mode, this hides when a submenu is active.\n */\nfunction DrillDownRoot({ children }: { children: React.ReactNode }) {\n  const drillDown = useDrillDownOptional();\n\n  // In cascade mode or when no drill-down context, always show\n  if (!drillDown || drillDown.behavior === 'cascade') {\n    return <>{children}</>;\n  }\n\n  // In drill-down mode, hide root when a submenu is active\n  return (\n    <div\n      className=\"rt-DropdownMenuDrillDownRoot\"\n      data-drill-down-active={drillDown.isRoot ? undefined : true}\n      data-animation-direction={drillDown.animationDirection ?? undefined}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs> & {\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?: Responsive<SubmenuBehavior>;\n};\ntype DropdownMenuContentContextValue = Omit<DropdownMenuContentOwnProps, 'submenuBehavior'>;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\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?: Responsive<SubmenuBehavior>;\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n\n    // Show deprecation warning for panelBackground when used\n    React.useEffect(() => {\n      if (props.panelBackground !== undefined) {\n        console.warn(\n          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n        );\n      }\n    }, [props.panelBackground]);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      props.material ?? props.panelBackground ?? themeContext.panelBackground;\n\n    // Memoize theme context values to prevent unnecessary re-renders\n    const memoizedThemeContext = React.useMemo(\n      () => ({\n        material: effectiveMaterial,\n        accentColor: themeContext.accentColor,\n      }),\n      [effectiveMaterial, themeContext.accentColor],\n    );\n\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n      material = memoizedThemeContext.material,\n      submenuBehavior,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      material: _,\n      panelBackground: __,\n      submenuBehavior: ___,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n\n    // Memoize color resolution to prevent unnecessary re-renders\n    const resolvedColor = React.useMemo(\n      () => color || memoizedThemeContext.accentColor,\n      [color, memoizedThemeContext.accentColor],\n    );\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            data-material={material}\n            data-panel-background={material}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast, material }),\n                    [size, variant, resolvedColor, highContrast, material],\n                  )}\n                >\n                  <DrillDownProvider submenuBehavior={submenuBehavior}>\n                    <DrillDownRoot>{children}</DrillDownRoot>\n                  </DrillDownProvider>\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && (\n          <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n            <Kbd size=\"1\">{shortcut}</Kbd>\n          </div>\n        )}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && (\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <Kbd size=\"1\">{shortcut}</Kbd>\n        </div>\n      )}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n// Generate unique submenu IDs using React 18's useId for SSR safety\nfunction useSubId() {\n  return React.useId();\n}\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {\n  /**\n   * Label displayed in the back button when using drill-down mode.\n   * If not provided, defaults to \"Back\".\n   */\n  label?: React.ReactNode;\n}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = ({ label = 'Back', ...props }) => {\n  const drillDown = useDrillDownOptional();\n  const subId = useSubId();\n\n  // Create context value for SubContent and SubTrigger\n  const subContextValue = React.useMemo(\n    () => ({ id: subId, label }),\n    [subId, label]\n  );\n\n  // In drill-down mode, we don't use Radix's Sub component\n  // We just provide the SubContext and render children\n  if (drillDown?.behavior === 'drill-down') {\n    return (\n      <SubContext.Provider value={subContextValue}>\n        {props.children}\n      </SubContext.Provider>\n    );\n  }\n\n  // In cascade mode, use Radix's Sub component normally\n  return (\n    <SubContext.Provider value={subContextValue}>\n      <DropdownMenuPrimitive.Sub {...props} />\n    </SubContext.Provider>\n  );\n};\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, onClick, ...subTriggerProps } = props;\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  // In drill-down mode, render a button that navigates to the submenu\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      drillDown.push(subContext.id);\n      (onClick as React.MouseEventHandler<HTMLDivElement> | undefined)?.(e);\n    };\n\n    return (\n      <div\n        role=\"menuitem\"\n        tabIndex={0}\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            drillDown.push(subContext.id);\n          }\n        }}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseMenuItem',\n          'rt-BaseMenuSubTrigger',\n          'rt-DropdownMenuItem',\n          'rt-DropdownMenuSubTrigger',\n          'rt-DropdownMenuDrillDownSubTrigger',\n          className,\n        )}\n      >\n        {children}\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n        </div>\n      </div>\n    );\n  }\n\n  // In cascade mode, use Radix's SubTrigger\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      onClick={onClick as React.MouseEventHandler<HTMLDivElement> | undefined}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\n// Separator is defined here (before SubContent) because it's used in drill-down mode\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/**\n * Internal component for the drill-down back button.\n */\nfunction DrillDownBackItem({ label }: { label: React.ReactNode }) {\n  const drillDown = useDrillDown();\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={0}\n      onClick={(e) => {\n        e.preventDefault();\n        drillDown.pop();\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          drillDown.pop();\n        }\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-BaseMenuItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuDrillDownBackItem',\n      )}\n    >\n      <ThickChevronLeftIcon className=\"rt-DropdownMenuDrillDownBackIcon\" />\n      <span className=\"rt-DropdownMenuDrillDownBackLabel\">{label}</span>\n    </div>\n  );\n}\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  // Memoize context consumption to prevent unnecessary re-renders\n  const contextValue = React.useContext(DropdownMenuContentContext);\n  const { size, variant, color, highContrast, material } = React.useMemo(\n    () => contextValue,\n    [contextValue],\n  );\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    material: _,\n    panelBackground: __,\n    ...subContentProps\n  } = extractProps(\n    { size, variant, color, highContrast, material, ...props },\n    dropdownMenuSubContentPropDefs,\n  );\n\n  // In drill-down mode, render inline instead of in a portal\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const isActive = drillDown.isActive(subContext.id);\n\n    return (\n      <div\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        role=\"menu\"\n        aria-label={typeof subContext.label === 'string' ? subContext.label : undefined}\n        data-drill-down-active={isActive ? true : undefined}\n        data-animation-direction={drillDown.animationDirection ?? undefined}\n        className={classNames(\n          'rt-DropdownMenuDrillDownPanel',\n          className,\n        )}\n      >\n        <DrillDownBackItem label={subContext.label} />\n        <DropdownMenuSeparator />\n        {children}\n      </div>\n    );\n  }\n\n  // In cascade mode, use Portal and Radix's SubContent\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          data-material={material}\n          data-panel-background={material}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n  SubmenuBehavior,\n};\n"],
+  "mappings": "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",
   "names": ["dropdown_menu_exports", "__export", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuRoot", "DropdownMenuSeparator", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "DropdownMenuTriggerIcon", "__toCommonJS", "React", "import_classnames", "import_radix_ui", "import_scroll_area", "import_dropdown_menu_props", "import_theme", "import_icons", "import_extract_props", "import_dropdown_menu_drill_down", "import_require_react_element", "import_kbd", "props", "DropdownMenuPrimitive", "children", "forwardedRef", "DrillDownRoot", "drillDown", "DropdownMenuContentContext", "themeContext", "effectiveMaterial", "memoizedThemeContext", "size", "variant", "highContrast", "material", "submenuBehavior", "className", "color", "container", "forceMount", "_", "__", "___", "contentProps", "resolvedColor", "classNames", "shortcut", "itemProps", "useSubId", "label", "subId", "subContextValue", "onClick", "subTriggerProps", "subContext", "e", "DrillDownBackItem", "contextValue", "subContentProps", "isActive"]
 }

package/dist/esm/components/_internal/dropdown-menu-drill-down.d.ts CHANGED Viewed

@@ -16,6 +16,7 @@ declare function useBreakpoint(): {
  * 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;
@@ -35,6 +36,8 @@ interface DrillDownContextValue {
     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 {
@@ -56,5 +59,5 @@ interface SubContextValue {
 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 };
+export type { SubmenuBehavior, DrillDownContextValue, SubContextValue, AnimationDirection };
 //# sourceMappingURL=dropdown-menu-drill-down.d.ts.map

package/dist/esm/components/_internal/dropdown-menu-drill-down.d.ts.map CHANGED Viewed

	@@ -1 +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;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,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;~~CAC1B~~;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,~~qBAuD~~/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,CAAC"}
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/esm/components/_internal/dropdown-menu-drill-down.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use client";import*as e from"react";import{_BREAKPOINTS as x}from"../shell.types.js";function m(){const[r,l]=e.useState("initial"),[c,s]=e.useState(!1);return e.useEffect(()=>{if(typeof window>"u")return;const a=Object.entries(x).map(([i,o])=>[i,window.matchMedia(o)]),t=()=>{const i=a.filter(([,d])=>d.matches).map(([d])=>d),o=i[i.length-1]??"initial";l(o),s(!0)};t();const u=[];return a.forEach(([,i])=>{const o=i;typeof o.addEventListener=="function"?(o.addEventListener("change",t),u.push(()=>o.removeEventListener?.("change",t))):typeof o.addListener=="function"&&(o.addListener(t),u.push(()=>o.removeListener?.(t)))}),()=>{u.forEach(i=>{try{i()}catch{}})}},[]),{breakpoint:r,ready:c}}function h(r,l,c){if(r==null)return c;if(typeof r!="object")return r;const s=r;if(s[l]!==void 0)return s[l];const n=["xl","lg","md","sm","xs","initial"],a=n.indexOf(l);for(let t=a+1;t<n.length;t++){const u=n[t];if(s[u]!==void 0)return s[u]}return c}const f=e.createContext(null);function g({children:r,submenuBehavior:l}){const{breakpoint:c,ready:s}=m(),[n,a]=e.useState([]),t=e.useMemo(()=>h(l,c,"cascade"),[l,c]),u=e.useRef(t);e.useEffect(()=>{u.current==="drill-down"&&t==="cascade"&&a([]),u.current=t},[t]);const i=e.useCallback(p=>{a(w=>[...w,p])},[]),o=e.useCallback(()=>{a(p=>p.slice(0,-1))},[]),d=e.useCallback(()=>{a([])},[]),v=e.useCallback(p=>n.length===0?!1:n[n.length-1]===p,[n]),D=e.useMemo(()=>({behavior:t,ready:s,stack:n,push:i,pop:o,reset:d,isActive:v,isRoot:n.length===0,currentId:n.length>0?n[n.length-1]:null}),[t,s,n,i,o,d,v]);return e.createElement(f.Provider,{value:D},r)}function y(){const r=e.useContext(f);if(!r)throw new Error("useDrillDown must be used within a DropdownMenu.Content");return r}function C(){return e.useContext(f)}const b=e.createContext(null);function k(){return e.useContext(b)}export{f as DrillDownContext,g as DrillDownProvider,b as SubContext,h as resolveResponsiveValue,m as useBreakpoint,y as useDrillDown,C as useDrillDownOptional,k as useSubContext};
+"use client";import*as e from"react";import{_BREAKPOINTS as g}from"../shell.types.js";function D(){const[r,l]=e.useState("initial"),[c,a]=e.useState(!1);return e.useEffect(()=>{if(typeof window>"u")return;const u=Object.entries(g).map(([t,o])=>[t,window.matchMedia(o)]),i=()=>{const t=u.filter(([,d])=>d.matches).map(([d])=>d),o=t[t.length-1]??"initial";l(o),a(!0)};i();const s=[];return u.forEach(([,t])=>{const o=t;typeof o.addEventListener=="function"?(o.addEventListener("change",i),s.push(()=>o.removeEventListener?.("change",i))):typeof o.addListener=="function"&&(o.addListener(i),s.push(()=>o.removeListener?.(i)))}),()=>{s.forEach(t=>{try{t()}catch{}})}},[]),{breakpoint:r,ready:c}}function h(r,l,c){if(r==null)return c;if(typeof r!="object")return r;const a=r;if(a[l]!==void 0)return a[l];const n=["xl","lg","md","sm","xs","initial"],u=n.indexOf(l);for(let i=u+1;i<n.length;i++){const s=n[i];if(a[s]!==void 0)return a[s]}return c}const f=e.createContext(null);function C({children:r,submenuBehavior:l}){const{breakpoint:c,ready:a}=D(),[n,u]=e.useState([]),[i,s]=e.useState(null),t=e.useMemo(()=>h(l,c,"cascade"),[l,c]),o=e.useRef(t);e.useEffect(()=>{o.current==="drill-down"&&t==="cascade"&&(u([]),s(null)),o.current=t},[t]);const d=e.useCallback(p=>{s("forward"),u(y=>[...y,p])},[]),m=e.useCallback(()=>{s("backward"),u(p=>p.slice(0,-1))},[]),v=e.useCallback(()=>{u([]),s(null)},[]),b=e.useCallback(p=>n.length===0?!1:n[n.length-1]===p,[n]),x=e.useMemo(()=>({behavior:t,ready:a,stack:n,push:d,pop:m,reset:v,isActive:b,isRoot:n.length===0,currentId:n.length>0?n[n.length-1]:null,animationDirection:i}),[t,a,n,d,m,v,b,i]);return e.createElement(f.Provider,{value:x},r)}function k(){const r=e.useContext(f);if(!r)throw new Error("useDrillDown must be used within a DropdownMenu.Content");return r}function B(){return e.useContext(f)}const w=e.createContext(null);function R(){return e.useContext(w)}export{f as DrillDownContext,C as DrillDownProvider,w as SubContext,h as resolveResponsiveValue,D as useBreakpoint,k as useDrillDown,B as useDrillDownOptional,R as useSubContext};
 //# sourceMappingURL=dropdown-menu-drill-down.js.map

package/dist/esm/components/_internal/dropdown-menu-drill-down.js.map CHANGED Viewed

@@ -1,7 +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\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}\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\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    }\n    prevBehaviorRef.current = behavior;\n  }, [behavior]);\n\n  const push = React.useCallback((id: string) => {\n    setStack((prev) => [...prev, id]);\n  }, []);\n\n  const pop = React.useCallback(() => {\n    setStack((prev) => prev.slice(0, -1));\n  }, []);\n\n  const reset = React.useCallback(() => {\n    setStack([]);\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    }),\n    [behavior, ready, stack, push, pop, reset, isActive]\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 };\n"],
-  "mappings": "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",
-  "names": ["React", "_BREAKPOINTS", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "cleanups", "mm", "fn", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "bpOrder", "startIdx", "i", "bp", "DrillDownContext", "DrillDownProvider", "children", "submenuBehavior", "breakpoint", "stack", "setStack", "behavior", "prevBehaviorRef", "push", "id", "prev", "pop", "reset", "isActive", "useDrillDown", "ctx", "useDrillDownOptional", "SubContext", "useSubContext"]
+  "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": ["React", "_BREAKPOINTS", "useBreakpoint", "currentBp", "setCurrentBp", "ready", "setReady", "mqls", "k", "q", "compute", "matched", "m", "next", "cleanups", "mm", "fn", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "bpOrder", "startIdx", "bp", "DrillDownContext", "DrillDownProvider", "children", "submenuBehavior", "breakpoint", "stack", "setStack", "animationDirection", "setAnimationDirection", "behavior", "prevBehaviorRef", "push", "id", "prev", "pop", "reset", "isActive", "useDrillDown", "ctx", "useDrillDownOptional", "SubContext", "useSubContext"]
 }

package/dist/esm/components/dropdown-menu.d.ts.map CHANGED Viewed

	@@ -1 +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,EAE3B,wBAAwB,EACxB,gCAAgC,EAChC,6BAA6B,EAC9B,MAAM,0BAA0B,CAAC;AAWlC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,yCAAyC,CAAC;AAI/E,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,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAExE,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;~~AA0BF~~,KAAK,2BAA2B,GAAG,eAAe,CAAC,OAAO,2BAA2B,CAAC,GAAG;IACvF;;;;;OAKG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;CAC/C,CAAC;AACF,KAAK,+BAA+B,GAAG,IAAI,CAAC,2BAA2B,EAAE,iBAAiB,CAAC,CAAC;AAG5F,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;IAC7F;;;;;OAKG;IACH,eAAe,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;CAC/C;AACD,QAAA,MAAM,mBAAmB,iGAyFxB,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;AAQH,UAAU,oBACR,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC;IACxE;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AACD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA0BnD,CAAC;AAIF,UAAU,2BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,UAAU,EAAE,YAAY,CAAC;CAAG;AACzF,QAAA,MAAM,sBAAsB,oGAmE1B,CAAC;AAKH,UAAU,0BACR,SAAQ,qBAAqB,CAAC,OAAO,qBAAqB,CAAC,SAAS,EAAE,YAAY,CAAC;CAAG;AACxF,QAAA,MAAM,qBAAqB,mGAUzB,CAAC;AAqCH,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,~~oGAiF1B~~,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,EAC5C,eAAe,GAChB,CAAC"}
1	+ {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/dropdown-menu.js CHANGED Viewed

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

package/dist/esm/components/dropdown-menu.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/dropdown-menu.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuSubContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport {\n  DrillDownProvider,\n  SubContext,\n  useDrillDown,\n  useDrillDownOptional,\n  useSubContext,\n} from './_internal/dropdown-menu-drill-down.js';\nimport type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { Kbd } from './kbd.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\n/**\n * Internal component that wraps root menu items and handles visibility in drill-down mode.\n * In drill-down mode, this hides when a submenu is active.\n */\nfunction DrillDownRoot({ children }: { children: React.ReactNode }) {\n  const drillDown = useDrillDownOptional();\n\n  // In cascade mode or when no drill-down context, always show\n  if (!drillDown || drillDown.behavior === 'cascade') {\n    return <>{children}</>;\n  }\n\n  // In drill-down mode, hide root when a submenu is active\n  return (\n    <div\n      className=\"rt-DropdownMenuDrillDownRoot\"\n      data-drill-down-active={drillDown.isRoot ? undefined : true}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs> & {\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?: Responsive<SubmenuBehavior>;\n};\ntype DropdownMenuContentContextValue = Omit<DropdownMenuContentOwnProps, 'submenuBehavior'>;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\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?: Responsive<SubmenuBehavior>;\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n\n    // Show deprecation warning for panelBackground when used\n    React.useEffect(() => {\n      if (props.panelBackground !== undefined) {\n        console.warn(\n          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n        );\n      }\n    }, [props.panelBackground]);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      props.material ?? props.panelBackground ?? themeContext.panelBackground;\n\n    // Memoize theme context values to prevent unnecessary re-renders\n    const memoizedThemeContext = React.useMemo(\n      () => ({\n        material: effectiveMaterial,\n        accentColor: themeContext.accentColor,\n      }),\n      [effectiveMaterial, themeContext.accentColor],\n    );\n\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n      material = memoizedThemeContext.material,\n      submenuBehavior,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      material: _,\n      panelBackground: __,\n      submenuBehavior: ___,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n\n    // Memoize color resolution to prevent unnecessary re-renders\n    const resolvedColor = React.useMemo(\n      () => color || memoizedThemeContext.accentColor,\n      [color, memoizedThemeContext.accentColor],\n    );\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            data-material={material}\n            data-panel-background={material}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast, material }),\n                    [size, variant, resolvedColor, highContrast, material],\n                  )}\n                >\n                  <DrillDownProvider submenuBehavior={submenuBehavior}>\n                    <DrillDownRoot>{children}</DrillDownRoot>\n                  </DrillDownProvider>\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && (\n          <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n            <Kbd size=\"1\">{shortcut}</Kbd>\n          </div>\n        )}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && (\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <Kbd size=\"1\">{shortcut}</Kbd>\n        </div>\n      )}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n// Generate unique submenu IDs using React 18's useId for SSR safety\nfunction useSubId() {\n  return React.useId();\n}\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {\n  /**\n   * Label displayed in the back button when using drill-down mode.\n   * If not provided, defaults to \"Back\".\n   */\n  label?: React.ReactNode;\n}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = ({ label = 'Back', ...props }) => {\n  const drillDown = useDrillDownOptional();\n  const subId = useSubId();\n\n  // Create context value for SubContent and SubTrigger\n  const subContextValue = React.useMemo(\n    () => ({ id: subId, label }),\n    [subId, label]\n  );\n\n  // In drill-down mode, we don't use Radix's Sub component\n  // We just provide the SubContext and render children\n  if (drillDown?.behavior === 'drill-down') {\n    return (\n      <SubContext.Provider value={subContextValue}>\n        {props.children}\n      </SubContext.Provider>\n    );\n  }\n\n  // In cascade mode, use Radix's Sub component normally\n  return (\n    <SubContext.Provider value={subContextValue}>\n      <DropdownMenuPrimitive.Sub {...props} />\n    </SubContext.Provider>\n  );\n};\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, onClick, ...subTriggerProps } = props;\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  // In drill-down mode, render a button that navigates to the submenu\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      drillDown.push(subContext.id);\n      (onClick as React.MouseEventHandler<HTMLDivElement> | undefined)?.(e);\n    };\n\n    return (\n      <div\n        role=\"menuitem\"\n        tabIndex={0}\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            drillDown.push(subContext.id);\n          }\n        }}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseMenuItem',\n          'rt-BaseMenuSubTrigger',\n          'rt-DropdownMenuItem',\n          'rt-DropdownMenuSubTrigger',\n          'rt-DropdownMenuDrillDownSubTrigger',\n          className,\n        )}\n      >\n        {children}\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n        </div>\n      </div>\n    );\n  }\n\n  // In cascade mode, use Radix's SubTrigger\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      onClick={onClick as React.MouseEventHandler<HTMLDivElement> | undefined}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\n// Separator is defined here (before SubContent) because it's used in drill-down mode\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/**\n * Internal component for the drill-down back button.\n */\nfunction DrillDownBackItem({ label }: { label: React.ReactNode }) {\n  const drillDown = useDrillDown();\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={0}\n      onClick={(e) => {\n        e.preventDefault();\n        drillDown.pop();\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          drillDown.pop();\n        }\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-BaseMenuItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuDrillDownBackItem',\n      )}\n    >\n      <ThickChevronLeftIcon className=\"rt-DropdownMenuDrillDownBackIcon\" />\n      <span className=\"rt-DropdownMenuDrillDownBackLabel\">{label}</span>\n    </div>\n  );\n}\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  // Memoize context consumption to prevent unnecessary re-renders\n  const contextValue = React.useContext(DropdownMenuContentContext);\n  const { size, variant, color, highContrast, material } = React.useMemo(\n    () => contextValue,\n    [contextValue],\n  );\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    material: _,\n    panelBackground: __,\n    ...subContentProps\n  } = extractProps(\n    { size, variant, color, highContrast, material, ...props },\n    dropdownMenuSubContentPropDefs,\n  );\n\n  // In drill-down mode, render inline instead of in a portal\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const isActive = drillDown.isActive(subContext.id);\n\n    return (\n      <div\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        role=\"menu\"\n        aria-label={typeof subContext.label === 'string' ? subContext.label : undefined}\n        data-drill-down-active={isActive ? true : undefined}\n        className={classNames(\n          'rt-DropdownMenuDrillDownPanel',\n          className,\n        )}\n      >\n        <DrillDownBackItem label={subContext.label} />\n        <DropdownMenuSeparator />\n        {children}\n      </div>\n    );\n  }\n\n  // In cascade mode, use Portal and Radix's SubContent\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          data-material={material}\n          data-panel-background={material}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n  SubmenuBehavior,\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuSubContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport {\n  DrillDownProvider,\n  SubContext,\n  useDrillDown,\n  useDrillDownOptional,\n  useSubContext,\n} from './_internal/dropdown-menu-drill-down.js';\nimport type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { Kbd } from './kbd.js';\n\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => (\n  <DropdownMenuPrimitive.Root {...props} />\n);\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\n/**\n * Internal component that wraps root menu items and handles visibility in drill-down mode.\n * In drill-down mode, this hides when a submenu is active.\n */\nfunction DrillDownRoot({ children }: { children: React.ReactNode }) {\n  const drillDown = useDrillDownOptional();\n\n  // In cascade mode or when no drill-down context, always show\n  if (!drillDown || drillDown.behavior === 'cascade') {\n    return <>{children}</>;\n  }\n\n  // In drill-down mode, hide root when a submenu is active\n  return (\n    <div\n      className=\"rt-DropdownMenuDrillDownRoot\"\n      data-drill-down-active={drillDown.isRoot ? undefined : true}\n      data-animation-direction={drillDown.animationDirection ?? undefined}\n    >\n      {children}\n    </div>\n  );\n}\n\ntype DropdownMenuContentOwnProps = GetPropDefTypes<typeof dropdownMenuContentPropDefs> & {\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?: Responsive<SubmenuBehavior>;\n};\ntype DropdownMenuContentContextValue = Omit<DropdownMenuContentOwnProps, 'submenuBehavior'>;\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\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?: Responsive<SubmenuBehavior>;\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (props, forwardedRef) => {\n    const themeContext = useThemeContext();\n\n    // Show deprecation warning for panelBackground when used\n    React.useEffect(() => {\n      if (props.panelBackground !== undefined) {\n        console.warn(\n          'Warning: The `panelBackground` prop is deprecated and will be removed in a future version. Use `material` prop instead.',\n        );\n      }\n    }, [props.panelBackground]);\n\n    // Material takes precedence over panelBackground\n    const effectiveMaterial =\n      props.material ?? props.panelBackground ?? themeContext.panelBackground;\n\n    // Memoize theme context values to prevent unnecessary re-renders\n    const memoizedThemeContext = React.useMemo(\n      () => ({\n        material: effectiveMaterial,\n        accentColor: themeContext.accentColor,\n      }),\n      [effectiveMaterial, themeContext.accentColor],\n    );\n\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n      variant = dropdownMenuContentPropDefs.variant.default,\n      highContrast = dropdownMenuContentPropDefs.highContrast.default,\n      material = memoizedThemeContext.material,\n      submenuBehavior,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      material: _,\n      panelBackground: __,\n      submenuBehavior: ___,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n\n    // Memoize color resolution to prevent unnecessary re-renders\n    const resolvedColor = React.useMemo(\n      () => color || memoizedThemeContext.accentColor,\n      [color, memoizedThemeContext.accentColor],\n    );\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            data-material={material}\n            data-panel-background={material}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'rt-PopperContent',\n              'rt-BaseMenuContent',\n              'rt-DropdownMenuContent',\n              className,\n            )}\n          >\n            <ScrollArea type=\"auto\">\n              <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n                <DropdownMenuContentContext.Provider\n                  value={React.useMemo(\n                    () => ({ size, variant, color: resolvedColor, highContrast, material }),\n                    [size, variant, resolvedColor, highContrast, material],\n                  )}\n                >\n                  <DrillDownProvider submenuBehavior={submenuBehavior}>\n                    <DrillDownRoot>{children}</DrillDownRoot>\n                  </DrillDownProvider>\n                </DropdownMenuContentContext.Provider>\n              </div>\n            </ScrollArea>\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Label\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuLabel', 'rt-DropdownMenuLabel', className)}\n    />\n  ),\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && (\n          <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n            <Kbd size=\"1\">{shortcut}</Kbd>\n          </div>\n        )}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('rt-BaseMenuGroup', 'rt-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuRadioGroup', 'rt-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuRadioItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"rt-BaseMenuItemIndicatorIcon rt-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuCheckboxItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"rt-BaseMenuItemIndicator rt-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"rt-BaseMenuItemIndicatorIcon rt-ContextMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && (\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <Kbd size=\"1\">{shortcut}</Kbd>\n        </div>\n      )}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\n// Generate unique submenu IDs using React 18's useId for SSR safety\nfunction useSubId() {\n  return React.useId();\n}\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {\n  /**\n   * Label displayed in the back button when using drill-down mode.\n   * If not provided, defaults to \"Back\".\n   */\n  label?: React.ReactNode;\n}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = ({ label = 'Back', ...props }) => {\n  const drillDown = useDrillDownOptional();\n  const subId = useSubId();\n\n  // Create context value for SubContent and SubTrigger\n  const subContextValue = React.useMemo(\n    () => ({ id: subId, label }),\n    [subId, label]\n  );\n\n  // In drill-down mode, we don't use Radix's Sub component\n  // We just provide the SubContext and render children\n  if (drillDown?.behavior === 'drill-down') {\n    return (\n      <SubContext.Provider value={subContextValue}>\n        {props.children}\n      </SubContext.Provider>\n    );\n  }\n\n  // In cascade mode, use Radix's Sub component normally\n  return (\n    <SubContext.Provider value={subContextValue}>\n      <DropdownMenuPrimitive.Sub {...props} />\n    </SubContext.Provider>\n  );\n};\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, onClick, ...subTriggerProps } = props;\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  // In drill-down mode, render a button that navigates to the submenu\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      drillDown.push(subContext.id);\n      (onClick as React.MouseEventHandler<HTMLDivElement> | undefined)?.(e);\n    };\n\n    return (\n      <div\n        role=\"menuitem\"\n        tabIndex={0}\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        onClick={handleClick}\n        onKeyDown={(e) => {\n          if (e.key === 'Enter' || e.key === ' ') {\n            e.preventDefault();\n            drillDown.push(subContext.id);\n          }\n        }}\n        className={classNames(\n          'rt-reset',\n          'rt-BaseMenuItem',\n          'rt-BaseMenuSubTrigger',\n          'rt-DropdownMenuItem',\n          'rt-DropdownMenuSubTrigger',\n          'rt-DropdownMenuDrillDownSubTrigger',\n          className,\n        )}\n      >\n        {children}\n        <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n          <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n        </div>\n      </div>\n    );\n  }\n\n  // In cascade mode, use Radix's SubTrigger\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      onClick={onClick as React.MouseEventHandler<HTMLDivElement> | undefined}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'rt-BaseMenuItem',\n        'rt-BaseMenuSubTrigger',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"rt-BaseMenuShortcut rt-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"rt-BaseMenuSubTriggerIcon rt-DropdownMenuSubtriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\n// Separator is defined here (before SubContent) because it's used in drill-down mode\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.Separator\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('rt-BaseMenuSeparator', 'rt-DropdownMenuSeparator', className)}\n  />\n));\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/**\n * Internal component for the drill-down back button.\n */\nfunction DrillDownBackItem({ label }: { label: React.ReactNode }) {\n  const drillDown = useDrillDown();\n\n  return (\n    <div\n      role=\"menuitem\"\n      tabIndex={0}\n      onClick={(e) => {\n        e.preventDefault();\n        drillDown.pop();\n      }}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          drillDown.pop();\n        }\n      }}\n      className={classNames(\n        'rt-reset',\n        'rt-BaseMenuItem',\n        'rt-DropdownMenuItem',\n        'rt-DropdownMenuDrillDownBackItem',\n      )}\n    >\n      <ThickChevronLeftIcon className=\"rt-DropdownMenuDrillDownBackIcon\" />\n      <span className=\"rt-DropdownMenuDrillDownBackLabel\">{label}</span>\n    </div>\n  );\n}\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>,\n    DropdownMenuContentContextValue {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  // Memoize context consumption to prevent unnecessary re-renders\n  const contextValue = React.useContext(DropdownMenuContentContext);\n  const { size, variant, color, highContrast, material } = React.useMemo(\n    () => contextValue,\n    [contextValue],\n  );\n  const drillDown = useDrillDownOptional();\n  const subContext = useSubContext();\n\n  const {\n    className,\n    children,\n    container,\n    forceMount,\n    material: _,\n    panelBackground: __,\n    ...subContentProps\n  } = extractProps(\n    { size, variant, color, highContrast, material, ...props },\n    dropdownMenuSubContentPropDefs,\n  );\n\n  // In drill-down mode, render inline instead of in a portal\n  if (drillDown?.behavior === 'drill-down' && subContext) {\n    const isActive = drillDown.isActive(subContext.id);\n\n    return (\n      <div\n        ref={forwardedRef as React.Ref<HTMLDivElement>}\n        role=\"menu\"\n        aria-label={typeof subContext.label === 'string' ? subContext.label : undefined}\n        data-drill-down-active={isActive ? true : undefined}\n        data-animation-direction={drillDown.animationDirection ?? undefined}\n        className={classNames(\n          'rt-DropdownMenuDrillDownPanel',\n          className,\n        )}\n      >\n        <DrillDownBackItem label={subContext.label} />\n        <DropdownMenuSeparator />\n        {children}\n      </div>\n    );\n  }\n\n  // In cascade mode, use Portal and Radix's SubContent\n  return (\n    <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n      <Theme asChild>\n        <DropdownMenuPrimitive.SubContent\n          data-accent-color={color}\n          data-material={material}\n          data-panel-background={material}\n          alignOffset={-Number(size) * 4}\n          // Side offset accounts for the outer solid box-shadow\n          sideOffset={1}\n          collisionPadding={10}\n          {...subContentProps}\n          asChild={false}\n          ref={forwardedRef}\n          className={classNames(\n            'rt-PopperContent',\n            'rt-BaseMenuContent',\n            'rt-BaseMenuSubContent',\n            'rt-DropdownMenuContent',\n            'rt-DropdownMenuSubContent',\n            className,\n          )}\n        >\n          <ScrollArea type=\"auto\">\n            <div className={classNames('rt-BaseMenuViewport', 'rt-DropdownMenuViewport')}>\n              {children}\n            </div>\n          </ScrollArea>\n        </DropdownMenuPrimitive.SubContent>\n      </Theme>\n    </DropdownMenuPrimitive.Portal>\n  );\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>((props, forwardedRef) => (\n  <ChevronDownIcon {...props} ref={forwardedRef} className=\"rt-DropdownMenuTriggerIcon\" />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n  SubmenuBehavior,\n};\n"],
+  "mappings": "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",
   "names": ["React", "classNames", "DropdownMenuPrimitive", "Slot", "ScrollArea", "dropdownMenuContentPropDefs", "dropdownMenuSubContentPropDefs", "dropdownMenuItemPropDefs", "dropdownMenuCheckboxItemPropDefs", "dropdownMenuRadioItemPropDefs", "Theme", "useThemeContext", "ChevronDownIcon", "ThickCheckIcon", "ThickChevronLeftIcon", "ThickChevronRightIcon", "ThickDotIcon", "extractProps", "DrillDownProvider", "SubContext", "useDrillDown", "useDrillDownOptional", "useSubContext", "requireReactElement", "Kbd", "DropdownMenuRoot", "props", "DropdownMenuTrigger", "children", "forwardedRef", "DrillDownRoot", "drillDown", "DropdownMenuContentContext", "DropdownMenuContent", "themeContext", "effectiveMaterial", "memoizedThemeContext", "size", "variant", "highContrast", "material", "submenuBehavior", "className", "color", "container", "forceMount", "_", "__", "___", "contentProps", "resolvedColor", "DropdownMenuLabel", "DropdownMenuItem", "shortcut", "itemProps", "DropdownMenuGroup", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuCheckboxItem", "useSubId", "DropdownMenuSub", "label", "subId", "subContextValue", "DropdownMenuSubTrigger", "onClick", "subTriggerProps", "subContext", "e", "DropdownMenuSeparator", "DrillDownBackItem", "DropdownMenuSubContent", "contextValue", "subContentProps", "isActive", "DropdownMenuTriggerIcon"]
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.126",
+  "version": "0.1.127",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive documentation",
   "keywords": [
     "react",
@@ -189,7 +189,7 @@
     "react-dom": "^19.0.0",
     "stylelint": "16.6.1",
     "tsd": "^0.33.0",
-    "typescript": "^5.7.2",
+    "typescript": "~5.8.0",
     "typescript-eslint": "^8.18.1",
     "vitest": "^4.0.16"
   },

package/schemas/base-button.json CHANGED Viewed

@@ -279,6 +279,6 @@
   "title": "Base-button Component Props",
   "description": "Props schema for the base-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T18:02:52.732Z",
+  "generatedAt": "2026-01-12T19:07:54.808Z",
   "source": "Zod schema"
 }

package/schemas/button.json CHANGED Viewed

@@ -530,6 +530,6 @@
   "title": "Button Component Props",
   "description": "Props schema for the button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T18:02:52.739Z",
+  "generatedAt": "2026-01-12T19:07:54.814Z",
   "source": "Zod schema"
 }

package/schemas/icon-button.json CHANGED Viewed

@@ -313,6 +313,6 @@
   "title": "Icon-button Component Props",
   "description": "Props schema for the icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T18:02:52.740Z",
+  "generatedAt": "2026-01-12T19:07:54.815Z",
   "source": "Zod schema"
 }

package/schemas/index.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "title": "Kookie UI Button Components",
   "description": "Complete JSON Schema collection for all button components in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T18:02:52.743Z",
+  "generatedAt": "2026-01-12T19:07:54.818Z",
   "source": "Zod schemas",
   "components": {
     "base-button": {
@@ -287,7 +287,7 @@
       "title": "Base-button Component Props",
       "description": "Props schema for the base-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-12T18:02:52.732Z",
+      "generatedAt": "2026-01-12T19:07:54.808Z",
       "source": "Zod schema"
     },
     "button": {
@@ -822,7 +822,7 @@
       "title": "Button Component Props",
       "description": "Props schema for the button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-12T18:02:52.739Z",
+      "generatedAt": "2026-01-12T19:07:54.814Z",
       "source": "Zod schema"
     },
     "icon-button": {
@@ -1140,7 +1140,7 @@
       "title": "Icon-button Component Props",
       "description": "Props schema for the icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-12T18:02:52.740Z",
+      "generatedAt": "2026-01-12T19:07:54.815Z",
       "source": "Zod schema"
     },
     "toggle-button": {
@@ -1683,7 +1683,7 @@
       "title": "Toggle-button Component Props",
       "description": "Props schema for the toggle-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-12T18:02:52.742Z",
+      "generatedAt": "2026-01-12T19:07:54.817Z",
       "source": "Zod schema"
     },
     "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
       "title": "Toggle-icon-button Component Props",
       "description": "Props schema for the toggle-icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-12T18:02:52.743Z",
+      "generatedAt": "2026-01-12T19:07:54.818Z",
       "source": "Zod schema"
     }
   }

package/schemas/toggle-button.json CHANGED Viewed

@@ -538,6 +538,6 @@
   "title": "Toggle-button Component Props",
   "description": "Props schema for the toggle-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T18:02:52.742Z",
+  "generatedAt": "2026-01-12T19:07:54.817Z",
   "source": "Zod schema"
 }

package/schemas/toggle-icon-button.json CHANGED Viewed

@@ -321,6 +321,6 @@
   "title": "Toggle-icon-button Component Props",
   "description": "Props schema for the toggle-icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-12T18:02:52.743Z",
+  "generatedAt": "2026-01-12T19:07:54.818Z",
   "source": "Zod schema"
 }

package/src/components/_internal/dropdown-menu-drill-down.tsx CHANGED Viewed

@@ -111,6 +111,8 @@ function resolveResponsiveValue<T>(
 // DrillDown Context
 // ============================================================================
+type AnimationDirection = 'forward' | 'backward' | null;
 interface DrillDownContextValue {
   /** Current submenu behavior mode */
   behavior: SubmenuBehavior;
@@ -130,6 +132,8 @@ interface DrillDownContextValue {
   isRoot: boolean;
   /** The currently active submenu ID (or null if at root) */
   currentId: string | null;
+  /** Current animation direction for transitions */
+  animationDirection: AnimationDirection;
 }
 const DrillDownContext = React.createContext<DrillDownContextValue | null>(null);
@@ -142,6 +146,7 @@ interface DrillDownProviderProps {
 function DrillDownProvider({ children, submenuBehavior }: DrillDownProviderProps) {
   const { breakpoint, ready } = useBreakpoint();
   const [stack, setStack] = React.useState<string[]>([]);
+  const [animationDirection, setAnimationDirection] = React.useState<AnimationDirection>(null);
   // Resolve the current behavior based on breakpoint
   const behavior = React.useMemo(
@@ -154,20 +159,24 @@ function DrillDownProvider({ children, submenuBehavior }: DrillDownProviderProps
   React.useEffect(() => {
     if (prevBehaviorRef.current === 'drill-down' && behavior === 'cascade') {
       setStack([]);
+      setAnimationDirection(null);
     }
     prevBehaviorRef.current = behavior;
   }, [behavior]);
   const push = React.useCallback((id: string) => {
+    setAnimationDirection('forward');
     setStack((prev) => [...prev, id]);
   }, []);
   const pop = React.useCallback(() => {
+    setAnimationDirection('backward');
     setStack((prev) => prev.slice(0, -1));
   }, []);
   const reset = React.useCallback(() => {
     setStack([]);
+    setAnimationDirection(null);
   }, []);
   const isActive = React.useCallback(
@@ -189,8 +198,9 @@ function DrillDownProvider({ children, submenuBehavior }: DrillDownProviderProps
       isActive,
       isRoot: stack.length === 0,
       currentId: stack.length > 0 ? stack[stack.length - 1] : null,
+      animationDirection,
     }),
-    [behavior, ready, stack, push, pop, reset, isActive]
+    [behavior, ready, stack, push, pop, reset, isActive, animationDirection]
   );
   return <DrillDownContext.Provider value={value}>{children}</DrillDownContext.Provider>;
@@ -239,4 +249,4 @@ export {
   resolveResponsiveValue,
 };
-export type { SubmenuBehavior, DrillDownContextValue, SubContextValue };
+export type { SubmenuBehavior, DrillDownContextValue, SubContextValue, AnimationDirection };

package/src/components/animations.css CHANGED Viewed

@@ -95,6 +95,17 @@
   }
 }
+/* Drill-down menu keyframes */
+@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); }
+}
 /* Dialog keyframes (centralized) */
 @keyframes rt-dialog-overlay-no-op {
   from { opacity: 1; }

package/src/components/dropdown-menu.css CHANGED Viewed

@@ -163,3 +163,25 @@
     outline-offset: 2px;
   }
 }
+/***************************************************************************************************
+ *                                                                                                 *
+ * DRILL-DOWN ANIMATIONS                                                                           *
+ *                                                                                                 *
+ ***************************************************************************************************/
+@media (prefers-reduced-motion: no-preference) {
+  /* Active panel items animate in based on direction */
+  .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);
+  }
+  /* Root items animate when returning from a submenu */
+  .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);
+  }
+}

package/src/components/dropdown-menu.tsx CHANGED Viewed

@@ -66,6 +66,7 @@ function DrillDownRoot({ children }: { children: React.ReactNode }) {
     <div
       className="rt-DropdownMenuDrillDownRoot"
       data-drill-down-active={drillDown.isRoot ? undefined : true}
+      data-animation-direction={drillDown.animationDirection ?? undefined}
     >
       {children}
     </div>
@@ -556,6 +557,7 @@ const DropdownMenuSubContent = React.forwardRef<
         role="menu"
         aria-label={typeof subContext.label === 'string' ? subContext.label : undefined}
         data-drill-down-active={isActive ? true : undefined}
+        data-animation-direction={drillDown.animationDirection ?? undefined}
         className={classNames(
           'rt-DropdownMenuDrillDownPanel',
           className,

package/styles.css CHANGED Viewed

@@ -5422,6 +5422,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;
@@ -13773,6 +13793,17 @@
     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);