@womp/kookie-ui 0.5.0 → 0.6.2

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

@@ -0,0 +1,48 @@
+import * as React from 'react';
+import type { Breakpoint, Responsive } from '../../props/prop-def.js';
+/**
+ * Resolves a responsive value for the given breakpoint, falling back through
+ * the smaller breakpoints when the current one is not set.
+ */
+declare function resolveResponsiveValue<T>(value: T | Partial<Record<Breakpoint, T>> | undefined, currentBreakpoint: Breakpoint, defaultValue: T): T;
+/**
+ * Resolves a possibly responsive value against the current viewport. Only a
+ * responsive object subscribes to breakpoint changes; a plain value costs
+ * nothing.
+ */
+declare function useResolvedResponsiveValue<T>(value: Responsive<T> | undefined, defaultValue: T): T;
+type MenuMaterial = 'solid' | 'translucent';
+/**
+ * The menu surface material. The component props win, then the nearest
+ * Theme's `material`. Theme keeps `panelBackground` in sync with `material` at
+ * the root, but a nested `<Theme material="solid">` only updates `material`,
+ * so reading the deprecated `panelBackground` from the theme gave the wrong
+ * surface there.
+ */
+declare function resolveMenuMaterial(material: MenuMaterial | undefined, panelBackground: MenuMaterial | undefined, theme: {
+    material: MenuMaterial;
+    panelBackground: MenuMaterial;
+}): MenuMaterial;
+/**
+ * Offset that lines the first item of a menu up with its anchor: the pointer
+ * for a context menu, or the sub trigger for a submenu. It cancels the content
+ * padding, which scales with the theme.
+ */
+declare function getMenuAlignOffset(size: string, scaling: string | undefined): number;
+/**
+ * Converts a display shortcut such as "⌘ ⇧ P" or "Ctrl+S" into the
+ * `aria-keyshortcuts` format ("Meta+Shift+P", "Control+S").
+ */
+declare function toAriaKeyShortcuts(shortcut: string): string | undefined;
+/**
+ * The keyboard shortcut hint at the end of a menu item. It is hidden from
+ * assistive technology because the item exposes it through
+ * `aria-keyshortcuts` instead of reading it as part of the item name.
+ */
+declare function MenuShortcut({ shortcut, className }: {
+    shortcut: string;
+    className?: string;
+}): React.JSX.Element;
+export { resolveResponsiveValue, useResolvedResponsiveValue, resolveMenuMaterial, getMenuAlignOffset, toAriaKeyShortcuts, MenuShortcut, };
+export type { MenuMaterial };
+//# sourceMappingURL=base-menu.utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-menu.utils.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/base-menu.utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAItE;;;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,CAUH;AAED;;;;GAIG;AACH,iBAAS,0BAA0B,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,YAAY,EAAE,CAAC,GAAG,CAAC,CAI3F;AAED,KAAK,YAAY,GAAG,OAAO,GAAG,aAAa,CAAC;AAE5C;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAC1B,QAAQ,EAAE,YAAY,GAAG,SAAS,EAClC,eAAe,EAAE,YAAY,GAAG,SAAS,EACzC,KAAK,EAAE;IAAE,QAAQ,EAAE,YAAY,CAAC;IAAC,eAAe,EAAE,YAAY,CAAA;CAAE,GAC/D,YAAY,CAEd;AAKD;;;;GAIG;AACH,iBAAS,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAI7E;AA+BD;;;GAGG;AACH,iBAAS,kBAAkB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAahE;AAED;;;;GAIG;AACH,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE;IAAE,QAAQ,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAMtF;AAED,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EAClB,YAAY,GACb,CAAC;AACF,YAAY,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,2 @@
+"use strict";"use client";var Z=Object.create;var R=Object.defineProperty;var ee=Object.getOwnPropertyDescriptor;var te=Object.getOwnPropertyNames;var ne=Object.getPrototypeOf,re=Object.prototype.hasOwnProperty;var se=(t,e)=>{for(var n in e)R(t,n,{get:e[n],enumerable:!0})},E=(t,e,n,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of te(e))!re.call(t,o)&&o!==n&&R(t,o,{get:()=>e[o],enumerable:!(i=ee(e,o))||i.enumerable});return t};var y=(t,e,n)=>(n=t!=null?Z(ne(t)):{},E(e||!t||!t.__esModule?R(n,"default",{value:t,enumerable:!0}):n,t)),oe=t=>E(R({},"__esModule",{value:!0}),t);var ke={};se(ke,{MenuShortcut:()=>Ne,getMenuAlignOffset:()=>xe,resolveMenuMaterial:()=>he,resolveResponsiveValue:()=>X,toAriaKeyShortcuts:()=>Te,useResolvedResponsiveValue:()=>Se});module.exports=oe(ke);var w=y(require("react")),J=y(require("classnames"));var b=y(require("react")),I=y(require("classnames")),U=require("radix-ui");var O={asChild:{type:"boolean"}};var ie=["1","2","3","4","5","6","7","8","9"],pe=["classic","soft"],K={...O,size:{type:"enum",className:"rt-r-size",values:ie,responsive:!0},variant:{type:"enum",className:"rt-variant",values:pe,default:"classic"}};var L=y(require("classnames"));var ae=[],le=new Set;function ue(t){let e=Object.assign({},...t),n=[],i=[],o=new Set;for(let s in e){let p=e[s],l=p.values??ae,a={key:s,type:p.type,default:p.default,hasDefault:p.default!==void 0,responsive:"responsive"in p,className:p.className,customProperties:p.customProperties,parseValue:p.parseValue,values:l,valueSet:l.length>0?new Set(l):le,enumValueSet:p.type==="enum"?new Set([p.default,...l]):void 0};p.className?(n.push(a),o.add(s)):(a.hasDefault||p.type==="enum")&&i.push(a)}return{styling:n,passthrough:i,stylingKeys:o}}var fe={children:new WeakMap};function j(t){let e=fe;for(let n=0;n<t.length;n++){let i=t[n],o=e.children.get(i);o===void 0&&(o={children:new WeakMap},e.children.set(i,o)),e=o}return e.compiled??(e.compiled=ue(t))}var de=["initial","xs","sm","md","lg","xl"],S=new Set(de);function h(t,e){return Object.prototype.hasOwnProperty.call(t,e)}var me=new Set(["initial","xs","sm","md","lg","xl"]);function d(t){if(typeof t!="object"||t===null)return!1;for(let e in t)if(me.has(e))return!0;return!1}function v(t,e,n){return e!==void 0?e.has(n):t.includes(n)}function A({className:t,customProperties:e,...n}){let i=x({allowArbitraryValues:!0,className:t,...n}),o=ce({customProperties:e,...n});return[i,o]}function x({allowArbitraryValues:t,value:e,className:n,propValues:i,propValueSet:o,parseValue:s=p=>p}){if(e){if(typeof e=="string")return v(i,o,e)?z(n,e,s):t?n:void 0;if(d(e)){let p=e,l=[];for(let a in p){if(!h(p,a)||!S.has(a))continue;let r=p[a];if(r!==void 0){if(v(i,o,r)){let u=z(n,r,s),f=a==="initial"?u:`${a}:${u}`;l.push(f)}else if(t){let u=a==="initial"?n:`${a}:${n}`;l.push(u)}}}return l.length>0?l.join(" "):""}if(t)return n}}function z(t,e,n){let i=t?"-":"",o=n(e),s=o?.startsWith("-"),p=s?"-":"",l=s?o?.substring(1):o;return`${p}${t}${i}${l}`}function ce({customProperties:t,value:e,propValues:n,propValueSet:i,parseValue:o=s=>s}){if(!e||typeof e=="string"&&v(n,i,e))return;let s;if(typeof e=="string"){let p=o(e);s={};for(let l of t)s[l]=p;return s}if(d(e)){let p=e;for(let l in p){if(!h(p,l)||!S.has(l))continue;let a=p[l];if(a===void 0||v(n,i,a))continue;let r=o(a);s??(s={});for(let u of t){let f=l==="initial"?u:`${u}-${l}`;s[f]=r}}}return s??{}}function T(...t){let e;for(let n of t)n&&(e===void 0&&(e={}),Object.assign(e,n));return e}function ye(t,e){let n=t.initial,i=!1;return e.hasDefault&&n===void 0&&(n=e.default,i=!0),e.enumValueSet!==void 0&&!e.enumValueSet.has(n)&&(n=e.default,i=!0),i?{...t,initial:n}:t}function G(t,...e){let{styling:n,passthrough:i,stylingKeys:o}=j(e),s={};for(let a in t)o.has(a)||(s[a]=t[a]);for(let a=0;a<i.length;a++){let r=i[a],u=s[r.key];if(u===void 0){r.hasDefault&&(s[r.key]=r.default);continue}r.enumValueSet!==void 0&&!r.enumValueSet.has(u)&&!d(u)&&(s[r.key]=r.default)}let p,l=[];for(let a=0;a<n.length;a++){let r=n[a],u=t[r.key];if(u===void 0&&r.hasDefault&&(u=r.default),r.enumValueSet!==void 0&&!r.enumValueSet.has(u)&&!d(u)&&(u=r.default),!!u){if(d(u)){if(!r.responsive)continue;u=ye(u,r)}if(r.type==="enum"){let f=x({allowArbitraryValues:!1,value:u,className:r.className,propValues:r.values,propValueSet:r.valueSet,parseValue:r.parseValue});f&&l.push(f);continue}if(r.type==="string"||r.type==="enum | string"){let[f,B]=A({className:r.className,customProperties:r.customProperties,propValues:r.type==="string"?[]:r.values,propValueSet:r.type==="string"?void 0:r.valueSet,parseValue:r.parseValue,value:u});B&&(p=T(p,B)),f&&l.push(f);continue}if(r.type==="boolean"){l.push(r.className);continue}}}return s.className=(0,L.default)(l.length>0?l.join(" "):void 0,t.className),s.style=T(p,t.style),s}var m=["0","1","2","3","4","5","6","7","8","9","10","11","12","-1","-2","-3","-4","-5","-6","-7","-8","-9","-10","-11","-12"],$={m:{type:"enum | string",values:m,responsive:!0,className:"rt-r-m",customProperties:["--m"]},mx:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mx",customProperties:["--ml","--mr"]},my:{type:"enum | string",values:m,responsive:!0,className:"rt-r-my",customProperties:["--mt","--mb"]},mt:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mt",customProperties:["--mt"]},mr:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mr",customProperties:["--mr"]},mb:{type:"enum | string",values:m,responsive:!0,className:"rt-r-mb",customProperties:["--mb"]},ml:{type:"enum | string",values:m,responsive:!0,className:"rt-r-ml",customProperties:["--ml"]}};var N=b.forwardRef((t,e)=>{let{asChild:n,className:i,...o}=G(t,K,$),s=n?U.Slot.Root:"kbd";return b.createElement(s,{...o,ref:e,className:(0,I.default)("rt-reset","rt-Kbd",i)})});N.displayName="Kbd";var P=y(require("react"));var W={xs:"(min-width: 520px)",sm:"(min-width: 768px)",md:"(min-width: 1024px)",lg:"(min-width: 1280px)",xl:"(min-width: 1640px)"};var ge=Object.entries(W),k=null,g=new Set,c=null;function C(){return k??(k=ge.map(([t,e])=>[t,window.matchMedia(e)])),k}function V(){let t="initial";for(let[e,n]of C())n.matches&&(t=e);return t}function D(){let t=V();t!==c&&(c=t,g.forEach(e=>e()))}function _(t){if(typeof window>"u")return()=>{};if(g.size===0){c=V();for(let[,e]of C())typeof e.addEventListener=="function"?e.addEventListener("change",D):e.addListener?.(D)}return g.add(t),()=>{if(g.delete(t),!(g.size>0)){for(let[,e]of C())try{typeof e.removeEventListener=="function"?e.removeEventListener("change",D):e.removeListener?.(D)}catch{}c=null}}}function Pe(){return typeof window>"u"?"initial":(c??(c=V()),c)}function Re(){return"initial"}var ve=()=>!0,be=()=>!1,q=()=>()=>{},De=()=>"initial";function Q(t=!0){let e=P.useSyncExternalStore(t?_:q,t?Pe:De,Re),n=P.useSyncExternalStore(t?_:q,ve,be);return P.useMemo(()=>({breakpoint:e,ready:n}),[e,n])}var M=["xl","lg","md","sm","xs","initial"];function X(t,e,n){if(t==null)return n;if(typeof t!="object")return t;let i=t;for(let o=M.indexOf(e);o<M.length;o++){let s=i[M[o]];if(s!==void 0)return s}return n}function Se(t,e){let n=typeof t=="object"&&t!==null,{breakpoint:i}=Q(n);return X(t,i,e)}function he(t,e,n){return t??e??n.material??n.panelBackground}var Y={1:8,2:12,3:12};function xe(t,e){let n=e?parseFloat(e)/100:1,i=Y[t]??Y[2];return-Math.round(i*(Number.isFinite(n)?n:1))}var F={"\u2318":"Meta",cmd:"Meta",command:"Meta",meta:"Meta","\u2325":"Alt",option:"Alt",opt:"Alt",alt:"Alt","\u21E7":"Shift",shift:"Shift","\u2303":"Control",ctrl:"Control",control:"Control","\u232B":"Backspace","\u2326":"Delete","\u23CE":"Enter","\u21B5":"Enter","\u238B":"Escape",esc:"Escape","\u21E5":"Tab","\u2191":"ArrowUp","\u2193":"ArrowDown","\u2190":"ArrowLeft","\u2192":"ArrowRight"},H=new Map;function Te(t){let e=H.get(t);if(e!==void 0)return e||void 0;let o=(t.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(s=>F[s]??F[s.toLowerCase()]??(s.length===1?s.toUpperCase():s)).join("+");return H.set(t,o),o||void 0}function Ne({shortcut:t,className:e}){return w.createElement("div",{"aria-hidden":!0,className:(0,J.default)("rt-BaseMenuShortcut",e)},w.createElement(N,{size:"1"},t))}
+//# sourceMappingURL=base-menu.utils.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/_internal/base-menu.utils.tsx", "../../../../src/components/kbd.tsx", "../../../../src/props/as-child.prop.ts", "../../../../src/components/kbd.props.tsx", "../../../../src/helpers/extract-props.ts", "../../../../src/helpers/compile-prop-defs.ts", "../../../../src/props/prop-def.ts", "../../../../src/helpers/has-own-property.ts", "../../../../src/helpers/is-responsive-object.ts", "../../../../src/helpers/get-responsive-styles.ts", "../../../../src/helpers/merge-styles.ts", "../../../../src/props/margin.props.ts", "../../../../src/hooks/use-breakpoint.ts", "../../../../src/components/shell.types.ts"],
+  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Kbd } from '../kbd.js';\nimport { useBreakpoint } from '../../hooks/use-breakpoint.js';\n\nimport type { Breakpoint, Responsive } from '../../props/prop-def.js';\n\nconst BREAKPOINTS_DESCENDING: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n\n/**\n * Resolves a responsive value for the given breakpoint, falling back through\n * the smaller breakpoints when the current one is not set.\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) return defaultValue;\n  if (typeof value !== 'object') return value;\n\n  const map = value as Partial<Record<Breakpoint, T>>;\n  for (let i = BREAKPOINTS_DESCENDING.indexOf(currentBreakpoint); i < BREAKPOINTS_DESCENDING.length; i++) {\n    const resolved = map[BREAKPOINTS_DESCENDING[i]];\n    if (resolved !== undefined) return resolved;\n  }\n  return defaultValue;\n}\n\n/**\n * Resolves a possibly responsive value against the current viewport. Only a\n * responsive object subscribes to breakpoint changes; a plain value costs\n * nothing.\n */\nfunction useResolvedResponsiveValue<T>(value: Responsive<T> | undefined, defaultValue: T): T {\n  const isResponsive = typeof value === 'object' && value !== null;\n  const { breakpoint } = useBreakpoint(isResponsive);\n  return resolveResponsiveValue(value as T | Partial<Record<Breakpoint, T>> | undefined, breakpoint, defaultValue);\n}\n\ntype MenuMaterial = 'solid' | 'translucent';\n\n/**\n * The menu surface material. The component props win, then the nearest\n * Theme's `material`. Theme keeps `panelBackground` in sync with `material` at\n * the root, but a nested `<Theme material=\"solid\">` only updates `material`,\n * so reading the deprecated `panelBackground` from the theme gave the wrong\n * surface there.\n */\nfunction resolveMenuMaterial(\n  material: MenuMaterial | undefined,\n  panelBackground: MenuMaterial | undefined,\n  theme: { material: MenuMaterial; panelBackground: MenuMaterial },\n): MenuMaterial {\n  return material ?? panelBackground ?? theme.material ?? theme.panelBackground;\n}\n\n/** Content padding per menu size, in px at 100% scaling (see base-menu.css). */\nconst CONTENT_PADDING: Record<string, number> = { '1': 8, '2': 12, '3': 12 };\n\n/**\n * Offset that lines the first item of a menu up with its anchor: the pointer\n * for a context menu, or the sub trigger for a submenu. It cancels the content\n * padding, which scales with the theme.\n */\nfunction getMenuAlignOffset(size: string, scaling: string | undefined): number {\n  const scale = scaling ? parseFloat(scaling) / 100 : 1;\n  const padding = CONTENT_PADDING[size] ?? CONTENT_PADDING['2'];\n  return -Math.round(padding * (Number.isFinite(scale) ? scale : 1));\n}\n\nconst KEY_SYMBOLS: Record<string, string> = {\n  '\u2318': 'Meta',\n  cmd: 'Meta',\n  command: 'Meta',\n  meta: 'Meta',\n  '\u2325': 'Alt',\n  option: 'Alt',\n  opt: 'Alt',\n  alt: 'Alt',\n  '\u21E7': 'Shift',\n  shift: 'Shift',\n  '\u2303': 'Control',\n  ctrl: 'Control',\n  control: 'Control',\n  '\u232B': 'Backspace',\n  '\u2326': 'Delete',\n  '\u23CE': 'Enter',\n  '\u21B5': 'Enter',\n  '\u238B': 'Escape',\n  esc: 'Escape',\n  '\u21E5': 'Tab',\n  '\u2191': 'ArrowUp',\n  '\u2193': 'ArrowDown',\n  '\u2190': 'ArrowLeft',\n  '\u2192': 'ArrowRight',\n};\n\nconst ariaKeyShortcutsCache = new Map<string, string>();\n\n/**\n * Converts a display shortcut such as \"\u2318 \u21E7 P\" or \"Ctrl+S\" into the\n * `aria-keyshortcuts` format (\"Meta+Shift+P\", \"Control+S\").\n */\nfunction toAriaKeyShortcuts(shortcut: string): string | undefined {\n  const cached = ariaKeyShortcutsCache.get(shortcut);\n  if (cached !== undefined) return cached || undefined;\n\n  // Modifier symbols are tokens of their own (\"\u2318\u21E7P\"); otherwise split on \"+\" and spaces.\n  const tokens = shortcut.match(/[\u2318\u2325\u21E7\u2303]|[^\\s+\u2318\u2325\u21E7\u2303]+/gu) ?? [];\n  const keys = tokens.map((token) => {\n    const mapped = KEY_SYMBOLS[token] ?? KEY_SYMBOLS[token.toLowerCase()];\n    return mapped ?? (token.length === 1 ? token.toUpperCase() : token);\n  });\n  const result = keys.join('+');\n  ariaKeyShortcutsCache.set(shortcut, result);\n  return result || undefined;\n}\n\n/**\n * The keyboard shortcut hint at the end of a menu item. It is hidden from\n * assistive technology because the item exposes it through\n * `aria-keyshortcuts` instead of reading it as part of the item name.\n */\nfunction MenuShortcut({ shortcut, className }: { shortcut: string; className?: string }) {\n  return (\n    <div aria-hidden className={classNames('rt-BaseMenuShortcut', className)}>\n      <Kbd size=\"1\">{shortcut}</Kbd>\n    </div>\n  );\n}\n\nexport {\n  resolveResponsiveValue,\n  useResolvedResponsiveValue,\n  resolveMenuMaterial,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  MenuShortcut,\n};\nexport type { MenuMaterial };\n", "import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { kbdPropDefs } from './kbd.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype KbdElement = React.ElementRef<'kbd'>;\ntype KbdOwnProps = GetPropDefTypes<typeof kbdPropDefs>;\ninterface KbdProps extends ComponentPropsWithout<'kbd', RemovedProps>, MarginProps, KbdOwnProps {}\nconst Kbd = React.forwardRef<KbdElement, KbdProps>((props, forwardedRef) => {\n  const { asChild, className, ...kbdProps } = extractProps(props, kbdPropDefs, marginPropDefs);\n  const Comp = asChild ? Slot.Root : 'kbd';\n  return (\n    <Comp\n      {...kbdProps}\n      ref={forwardedRef}\n      className={classNames('rt-reset', 'rt-Kbd', className)}\n    />\n  );\n});\nKbd.displayName = 'Kbd';\n\nexport { Kbd };\nexport type { KbdProps };\n", "import type { PropDef } from './prop-def.js';\n\nconst asChildPropDef = {\n  /**\n   * Composes the component into its immediate child instead of rendering its own HTML element.\n   * You\u2019ll have to provide a single React Element child.\n   */\n  asChild: {\n    type: 'boolean',\n  },\n} satisfies {\n  asChild: PropDef<boolean>;\n};\n\nexport { asChildPropDef };\n", "import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'] as const;\nconst variants = ['classic', 'soft'] as const;\n\nconst kbdPropDefs = {\n  ...asChildPropDef,\n  size: {\n    type: 'enum',\n    className: 'rt-r-size',\n    values: sizes,\n    responsive: true,\n  },\n  variant: {\n    type: 'enum',\n    className: 'rt-variant',\n    values: variants,\n    default: 'classic',\n  },\n} satisfies {\n  size: PropDef<(typeof sizes)[number]>;\n  variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { kbdPropDefs };\n", "import classNames from 'classnames';\n\nimport { getCompiledPropDefs } from './compile-prop-defs.js';\nimport { getResponsiveClassNames, getResponsiveStyles } from './get-responsive-styles.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\nimport { mergeStyles } from './merge-styles.js';\n\nimport type { CompiledPropDef } from './compile-prop-defs.js';\nimport type * as React from 'react';\nimport type { PropDef } from '../props/prop-def.js';\n\ntype PropDefsWithClassName<T> = T extends Record<string, PropDef> ? { [K in keyof T]: T[K] extends { className: string } ? K : never }[keyof T] : never;\n\ntype ResponsiveValue = Record<string, string | undefined>;\n\n/**\n * Fills in the `initial` breakpoint of a responsive value from the prop def's\n * default, and coerces an invalid `initial` enum value back to that default.\n *\n * Returns the value untouched when nothing needs changing, and a copy otherwise\n * \u2014 callers routinely hoist responsive objects to module scope, so mutating the\n * caller's object would corrupt it for every later render.\n */\nfunction normalizeResponsiveValue(value: ResponsiveValue, propDef: CompiledPropDef) {\n  let initial = value.initial;\n  let changed = false;\n\n  if (propDef.hasDefault && initial === undefined) {\n    initial = propDef.default as string | undefined;\n    changed = true;\n  }\n\n  if (propDef.enumValueSet !== undefined && !propDef.enumValueSet.has(initial)) {\n    initial = propDef.default as string | undefined;\n    changed = true;\n  }\n\n  return changed ? { ...value, initial } : value;\n}\n\n/**\n * Takes props, checks them against prop defs that have a `className` on them,\n * adds necessary CSS classes and inline styles, and returns the props without\n * the corresponding prop defs that were used to formulate the new `className`\n * and `style` values. Also applies prop def defaults to every prop.\n */\nfunction extractProps<P extends { className?: string; style?: React.CSSProperties; [key: string]: any }, T extends Record<string, PropDef>[]>(\n  props: P,\n  ...propDefs: T\n): Omit<P & { className?: string; style?: React.CSSProperties }, PropDefsWithClassName<T[number]>> {\n  const { styling, passthrough, stylingKeys } = getCompiledPropDefs(propDefs);\n\n  // Copy the props that survive to the element rather than spreading and then\n  // deleting the styling keys. Deleting off a spread demotes the object to\n  // dictionary mode in V8, and this object is on the render path of every\n  // component in the library.\n  const extractedProps: Record<string, any> = {};\n  for (const key in props) {\n    if (stylingKeys.has(key)) continue;\n    extractedProps[key] = props[key];\n  }\n\n  for (let i = 0; i < passthrough.length; i++) {\n    const propDef = passthrough[i];\n    const value = extractedProps[propDef.key];\n\n    if (value === undefined) {\n      if (propDef.hasDefault) extractedProps[propDef.key] = propDef.default;\n      continue;\n    }\n\n    // Fall back to the default when the value is not a valid enum value\n    if (propDef.enumValueSet !== undefined && !propDef.enumValueSet.has(value) && !isResponsiveObject(value)) {\n      extractedProps[propDef.key] = propDef.default;\n    }\n  }\n\n  let style: ReturnType<typeof mergeStyles>;\n  const classes: string[] = [];\n\n  for (let i = 0; i < styling.length; i++) {\n    const propDef = styling[i];\n    let value = props[propDef.key];\n\n    // Apply prop def defaults\n    if (value === undefined && propDef.hasDefault) {\n      value = propDef.default;\n    }\n\n    // Apply the default value if the value is not a valid enum value\n    if (propDef.enumValueSet !== undefined && !propDef.enumValueSet.has(value) && !isResponsiveObject(value)) {\n      value = propDef.default;\n    }\n\n    if (!value) continue;\n\n    if (isResponsiveObject(value)) {\n      // Make sure we are not threading through responsive values for non-responsive prop defs\n      if (!propDef.responsive) continue;\n      value = normalizeResponsiveValue(value, propDef);\n    }\n\n    if (propDef.type === 'enum') {\n      const propClassName = getResponsiveClassNames({\n        allowArbitraryValues: false,\n        value,\n        className: propDef.className!,\n        propValues: propDef.values,\n        propValueSet: propDef.valueSet,\n        parseValue: propDef.parseValue,\n      });\n\n      if (propClassName) classes.push(propClassName);\n      continue;\n    }\n\n    if (propDef.type === 'string' || propDef.type === 'enum | string') {\n      const [propClassNames, propCustomProperties] = getResponsiveStyles({\n        className: propDef.className!,\n        customProperties: propDef.customProperties!,\n        // `string` prop defs have no enum values, so every value is arbitrary\n        propValues: propDef.type === 'string' ? [] : propDef.values,\n        propValueSet: propDef.type === 'string' ? undefined : propDef.valueSet,\n        parseValue: propDef.parseValue,\n        value,\n      });\n\n      if (propCustomProperties) style = mergeStyles(style, propCustomProperties);\n      if (propClassNames) classes.push(propClassNames);\n      continue;\n    }\n\n    if (propDef.type === 'boolean') {\n      // TODO handle responsive boolean props\n      classes.push(propDef.className!);\n      continue;\n    }\n  }\n\n  extractedProps.className = classNames(classes.length > 0 ? classes.join(' ') : undefined, props.className);\n  extractedProps.style = mergeStyles(style, props.style);\n  return extractedProps as ReturnType<typeof extractProps<P, T>>;\n}\n\nexport { extractProps };\n", "import type { PropDef } from '../props/prop-def.js';\n\n/**\n * A prop def pre-processed into the exact shape `extractProps` needs at render\n * time. Everything that can be derived from the static prop def \u2014 enum\n * membership sets, whether the def is responsive, whether it carries a default\n * \u2014 is computed once here instead of on every render.\n */\ninterface CompiledPropDef {\n  key: string;\n  type: PropDef['type'];\n  default: unknown;\n  hasDefault: boolean;\n  responsive: boolean;\n  className?: string;\n  customProperties?: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n  /** The prop def's own enum values, kept for the responsive class name helpers. */\n  values: readonly string[];\n  /** O(1) membership for `values`. */\n  valueSet: ReadonlySet<string>;\n  /**\n   * `values` plus the default, used to coerce invalid enum values back to the\n   * default. Only present for `type: 'enum'` \u2014 `'enum | string'` props accept\n   * arbitrary strings and must not be coerced.\n   */\n  enumValueSet?: ReadonlySet<unknown>;\n}\n\ninterface CompiledPropDefs {\n  /** Defs that contribute a class name and/or custom properties. */\n  styling: CompiledPropDef[];\n  /**\n   * Defs that pass through to the element but still need a default applied or\n   * an invalid enum value coerced. Defs that can do neither are omitted\n   * entirely \u2014 they are already correct as passed.\n   */\n  passthrough: CompiledPropDef[];\n  /** Keys consumed by `styling`, so they can be skipped when copying props. */\n  stylingKeys: ReadonlySet<string>;\n}\n\nconst EMPTY_VALUES: readonly string[] = [];\nconst EMPTY_SET: ReadonlySet<string> = new Set();\n\nfunction compile(propDefs: readonly Record<string, PropDef>[]): CompiledPropDefs {\n  const merged: Record<string, PropDef> = Object.assign({}, ...propDefs);\n  const styling: CompiledPropDef[] = [];\n  const passthrough: CompiledPropDef[] = [];\n  const stylingKeys = new Set<string>();\n\n  for (const key in merged) {\n    // The PropDef union is narrowed per-field below; reading the optional\n    // members off the union directly is what the runtime actually needs.\n    const def = merged[key] as PropDef & {\n      default?: unknown;\n      values?: readonly string[];\n      className?: string;\n      customProperties?: `--${string}`[];\n      parseValue?: (value: string) => string | undefined;\n      responsive?: true;\n    };\n\n    const values = def.values ?? EMPTY_VALUES;\n    const compiled: CompiledPropDef = {\n      key,\n      type: def.type,\n      default: def.default,\n      hasDefault: def.default !== undefined,\n      responsive: 'responsive' in def,\n      className: def.className,\n      customProperties: def.customProperties,\n      parseValue: def.parseValue,\n      values,\n      valueSet: values.length > 0 ? new Set(values) : EMPTY_SET,\n      enumValueSet: def.type === 'enum' ? new Set<unknown>([def.default, ...values]) : undefined,\n    };\n\n    if (def.className) {\n      styling.push(compiled);\n      stylingKeys.add(key);\n    } else if (compiled.hasDefault || def.type === 'enum') {\n      // Anything else is copied through untouched, so there is nothing to do.\n      passthrough.push(compiled);\n    }\n  }\n\n  return { styling, passthrough, stylingKeys };\n}\n\ninterface CacheNode {\n  children: WeakMap<object, CacheNode>;\n  compiled?: CompiledPropDefs;\n}\n\nconst cacheRoot: CacheNode = { children: new WeakMap() };\n\n/**\n * Compiles a set of prop defs, memoized on the identity of the prop def objects\n * themselves. Components always pass the same module-level constants, so after\n * the first render of a given component this is a couple of WeakMap lookups\n * instead of merging 50-odd prop defs into a fresh object.\n */\nfunction getCompiledPropDefs(propDefs: readonly Record<string, PropDef>[]): CompiledPropDefs {\n  let node = cacheRoot;\n\n  for (let i = 0; i < propDefs.length; i++) {\n    const propDef = propDefs[i];\n    let child = node.children.get(propDef);\n    if (child === undefined) {\n      child = { children: new WeakMap() };\n      node.children.set(propDef, child);\n    }\n    node = child;\n  }\n\n  return (node.compiled ??= compile(propDefs));\n}\n\nexport { getCompiledPropDefs };\nexport type { CompiledPropDef, CompiledPropDefs };\n", "import type React from 'react';\n\n// Creates a union type of string literals with strings, but retains intellisense for the literals.\n// Union<string, 'foo' | 'bar'> => string | Omit<string, 'foo' | 'bar'>\ntype Union<S = string, T extends string | number = string> = T | Omit<S, T>;\n\nconst breakpoints = ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const;\nconst breakpointSet: Set<string> = new Set(breakpoints);\ntype Breakpoint = (typeof breakpoints)[number];\ntype Responsive<T> = T | Partial<Record<Breakpoint, T>>;\n\ntype BooleanPropDef = {\n  type: 'boolean';\n  default?: boolean;\n  required?: boolean;\n  className?: string;\n};\ntype StringPropDef = {\n  type: 'string';\n  default?: string;\n  required?: boolean;\n};\ntype ReactNodePropDef = {\n  type: 'ReactNode';\n  default?: React.ReactNode;\n  required?: boolean;\n};\ntype EnumPropDef<T> = {\n  type: 'enum';\n  values: readonly T[];\n  default?: T;\n  required?: boolean;\n};\ntype EnumOrStringPropDef<T> = {\n  type: 'enum | string';\n  values: readonly T[];\n  default?: T | string;\n  required?: boolean;\n};\n\ntype NonStylingPropDef = {\n  className?: never;\n  customProperties?: never;\n  parseValue?: never;\n};\n\ntype StylingPropDef = {\n  className: string;\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype ArbitraryStylingPropDef = {\n  className: string;\n  customProperties: `--${string}`[];\n  parseValue?: (value: string) => string | undefined;\n};\n\ntype RegularPropDef<T> =\n  | ReactNodePropDef\n  | BooleanPropDef\n  | (StringPropDef & ArbitraryStylingPropDef)\n  | (StringPropDef & NonStylingPropDef)\n  | (EnumPropDef<T> & StylingPropDef)\n  | (EnumPropDef<T> & NonStylingPropDef)\n  | (EnumOrStringPropDef<T> & ArbitraryStylingPropDef)\n  | (EnumOrStringPropDef<T> & NonStylingPropDef);\ntype ResponsivePropDef<T = any> = RegularPropDef<T> & { responsive: true };\ntype PropDef<T = any> = RegularPropDef<T> | ResponsivePropDef<T>;\n\n// prettier-ignore\ntype GetPropDefType<Def> =\n    Def extends BooleanPropDef ? (Def extends ResponsivePropDef ? Responsive<boolean> : boolean)\n  : Def extends StringPropDef ? (Def extends ResponsivePropDef ? Responsive<string> : string)\n  : Def extends ReactNodePropDef ? (Def extends ResponsivePropDef ? Responsive<React.ReactNode> : React.ReactNode)\n  : Def extends EnumOrStringPropDef<infer Type> ?\n    Def extends ResponsivePropDef<infer Type extends string> ? Responsive<Union<string, Type>> : Type\n  : Def extends EnumPropDef<infer Type> ? (Def extends ResponsivePropDef<infer Type> ? Responsive<Type> : Type)\n  : never;\n\ntype GetPropDefTypes<P> = {\n  [K in keyof P]?: GetPropDefType<P[K]>;\n};\n\nexport { breakpoints, breakpointSet };\nexport type {\n  PropDef,\n  GetPropDefTypes,\n  ResponsivePropDef,\n  //\n  Breakpoint,\n  Responsive,\n  Union,\n};\n", "/** A util to check whether the object has a key, while inferring the correct key type */\nfunction hasOwnProperty<K extends string | number | symbol>(\n  obj: Record<K, unknown>,\n  key: string | number | symbol\n): key is K {\n  return Object.prototype.hasOwnProperty.call(obj, key);\n}\n\nexport { hasOwnProperty };\n", "import type { Responsive, Breakpoint } from '../props/prop-def.js';\n\n// Use a Set for O(1) lookup instead of array.includes() which is O(n)\nconst breakpointSet = new Set<string>(['initial', 'xs', 'sm', 'md', 'lg', 'xl']);\n\nexport function isResponsiveObject<Value extends string>(\n  obj: Responsive<Value | Omit<string, Value>> | undefined\n): obj is Record<Breakpoint, string> {\n  if (typeof obj !== 'object' || obj === null) {\n    return false;\n  }\n  // Use for...in to avoid Object.keys() array allocation\n  for (const key in obj) {\n    if (breakpointSet.has(key)) {\n      return true;\n    }\n  }\n  return false;\n}\n", "import { breakpointSet } from '../props/prop-def.js';\nimport { hasOwnProperty } from './has-own-property.js';\nimport { isResponsiveObject } from './is-responsive-object.js';\n\nimport type { Responsive, Union } from '../props/prop-def.js';\n\n/**\n * Membership test against a prop def's enum values. Callers that already hold a\n * compiled prop def pass `propValueSet` for an O(1) lookup; the handful of call\n * sites that build options inline fall back to scanning the array.\n */\nfunction includesValue(propValues: string[] | readonly string[], propValueSet: ReadonlySet<string> | undefined, value: string): boolean {\n  return propValueSet !== undefined ? propValueSet.has(value) : propValues.includes(value);\n}\n\ninterface GetResponsiveStylesOptions {\n  className: string;\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveStyles({ className, customProperties, ...args }: GetResponsiveStylesOptions) {\n  const responsiveClassNames = getResponsiveClassNames({\n    allowArbitraryValues: true,\n    className,\n    ...args,\n  });\n\n  const responsiveCustomProperties = getResponsiveCustomProperties({ customProperties, ...args });\n  return [responsiveClassNames, responsiveCustomProperties] as const;\n}\n\ninterface GetResponsiveClassNamesOptions {\n  allowArbitraryValues?: boolean;\n  className: string;\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveClassNames({ allowArbitraryValues, value, className, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveClassNamesOptions): string | undefined {\n  if (!value) {\n    return undefined;\n  }\n\n  if (typeof value === 'string') {\n    if (includesValue(propValues, propValueSet, value)) {\n      return getBaseClassName(className, value, parseValue);\n    }\n    return allowArbitraryValues ? className : undefined;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n    const classNames: string[] = [];\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      if (value !== undefined) {\n        if (includesValue(propValues, propValueSet, value)) {\n          const baseClassName = getBaseClassName(className, value, parseValue);\n          const bpClassName = bp === 'initial' ? baseClassName : `${bp}:${baseClassName}`;\n          classNames.push(bpClassName);\n        } else if (allowArbitraryValues) {\n          const bpClassName = bp === 'initial' ? className : `${bp}:${className}`;\n          classNames.push(bpClassName);\n        }\n      }\n    }\n\n    return classNames.length > 0 ? classNames.join(' ') : '';\n  }\n\n  if (allowArbitraryValues) {\n    return className;\n  }\n}\n\nfunction getBaseClassName(className: string, value: string, parseValue: (value: string) => string | undefined): string {\n  const delimiter = className ? '-' : '';\n  const matchedValue = parseValue(value);\n  const isNegative = matchedValue?.startsWith('-');\n  const minus = isNegative ? '-' : '';\n  const absoluteValue = isNegative ? matchedValue?.substring(1) : matchedValue;\n  return `${minus}${className}${delimiter}${absoluteValue}`;\n}\n\ninterface GetResponsiveCustomPropertiesOptions {\n  customProperties: `--${string}`[];\n  value: Responsive<Union> | Responsive<string> | undefined;\n  propValues: string[] | readonly string[];\n  propValueSet?: ReadonlySet<string>;\n  parseValue?: (value: string) => string | undefined;\n}\n\nfunction getResponsiveCustomProperties({ customProperties, value, propValues, propValueSet, parseValue = (value) => value }: GetResponsiveCustomPropertiesOptions) {\n  // Don't generate custom properties if the value is not arbitrary\n  if (!value || (typeof value === 'string' && includesValue(propValues, propValueSet, value))) {\n    return undefined;\n  }\n\n  let styles: Record<string, string | undefined> | undefined;\n\n  if (typeof value === 'string') {\n    const parsed = parseValue(value);\n    styles = {};\n    for (const customProperty of customProperties) {\n      styles[customProperty] = parsed;\n    }\n    return styles;\n  }\n\n  if (isResponsiveObject(value)) {\n    const object = value;\n\n    for (const bp in object) {\n      // Make sure we are not iterating over keys that aren't breakpoints\n      if (!hasOwnProperty(object, bp) || !breakpointSet.has(bp)) {\n        continue;\n      }\n\n      const value = object[bp];\n\n      // Don't generate a custom property if the value is not arbitrary\n      if (value === undefined || includesValue(propValues, propValueSet, value)) {\n        continue;\n      }\n\n      const parsed = parseValue(value);\n      styles ??= {};\n      for (const customProperty of customProperties) {\n        const bpProperty = bp === 'initial' ? customProperty : `${customProperty}-${bp}`;\n        styles[bpProperty] = parsed;\n      }\n    }\n  }\n\n  return styles ?? {};\n}\n\nexport { getResponsiveStyles, getResponsiveCustomProperties, getResponsiveClassNames };\n", "type InlineStyle =\n  | React.CSSProperties\n  | Record<string, string | number | null | undefined>\n  | undefined;\n\n// Merges CSS styles like `classNames` merges CSS classes\n// Optimized to avoid object spread in loop - uses Object.assign for in-place mutation\nexport function mergeStyles(...styles: Array<InlineStyle>): InlineStyle {\n  let result: Record<string, string | number | null | undefined> | undefined;\n\n  for (const style of styles) {\n    if (style) {\n      if (result === undefined) {\n        // First non-empty style - create result object\n        result = {};\n      }\n      Object.assign(result, style);\n    }\n  }\n\n  return result;\n}\n", "import type { PropDef, GetPropDefTypes } from './prop-def.js';\n\n// prettier-ignore\nconst marginValues = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12', '-1', '-2', '-3', '-4', '-5', '-6', '-7', '-8', '-9', '-10', '-11', '-12'] as const;\n\nconst marginPropDefs = {\n  /**\n   * Sets the CSS **margin** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * m=\"4\"\n   * m=\"100px\"\n   * m={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin\n   */\n  m: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-m',\n    customProperties: ['--m'],\n  },\n  /**\n   * Sets the CSS **margin-left** and **margin-right** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mx=\"4\"\n   * mx=\"100px\"\n   * mx={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mx: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mx',\n    customProperties: ['--ml', '--mr'],\n  },\n  /**\n   * Sets the CSS **margin-top** and **margin-bottom** properties.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * my=\"4\"\n   * my=\"100px\"\n   * my={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  my: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-my',\n    customProperties: ['--mt', '--mb'],\n  },\n  /**\n   * Sets the CSS **margin-top** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mt=\"4\"\n   * mt=\"100px\"\n   * mt={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top\n   */\n  mt: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mt',\n    customProperties: ['--mt'],\n  },\n  /**\n   * Sets the CSS **margin-right** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mr=\"4\"\n   * mr=\"100px\"\n   * mr={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right\n   */\n  mr: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mr',\n    customProperties: ['--mr'],\n  },\n  /**\n   * Sets the CSS **margin-bottom** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * mb=\"4\"\n   * mb=\"100px\"\n   * mb={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom\n   */\n  mb: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-mb',\n    customProperties: ['--mb'],\n  },\n  /**\n   * Sets the CSS **margin-left** property.\n   * Supports space scale values, CSS strings, and responsive objects.\n   *\n   * @example\n   * ml=\"4\"\n   * ml=\"100px\"\n   * ml={{ sm: '6', lg: '9' }}\n   *\n   * @link\n   * https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left\n   */\n  ml: {\n    type: 'enum | string',\n    values: marginValues,\n    responsive: true,\n    className: 'rt-r-ml',\n    customProperties: ['--ml'],\n  },\n} satisfies {\n  m: PropDef<(typeof marginValues)[number]>;\n  mx: PropDef<(typeof marginValues)[number]>;\n  my: PropDef<(typeof marginValues)[number]>;\n  mt: PropDef<(typeof marginValues)[number]>;\n  mr: PropDef<(typeof marginValues)[number]>;\n  mb: PropDef<(typeof marginValues)[number]>;\n  ml: PropDef<(typeof marginValues)[number]>;\n};\n\ntype MarginProps = GetPropDefTypes<typeof marginPropDefs>;\n\nexport { marginPropDefs };\nexport type { MarginProps };\n", "'use client';\n\nimport * as React from 'react';\nimport { _BREAKPOINTS, type Breakpoint } from '../components/shell.types.js';\n\nconst QUERIES = Object.entries(_BREAKPOINTS) as Array<[Breakpoint, string]>;\n\ntype Listener = () => void;\n\n/**\n * One set of `MediaQueryList`s and one set of listeners for the whole\n * application. Every component that asks for the breakpoint used to create and\n * subscribe to its own copy of all five queries.\n */\nlet mediaQueryLists: Array<[Breakpoint, MediaQueryList]> | null = null;\nconst listeners = new Set<Listener>();\nlet cachedBreakpoint: Breakpoint | null = null;\n\nfunction getMediaQueryLists() {\n  mediaQueryLists ??= QUERIES.map(([name, query]) => [name, window.matchMedia(query)] as [Breakpoint, MediaQueryList]);\n  return mediaQueryLists;\n}\n\nfunction computeBreakpoint(): Breakpoint {\n  // The largest matching query wins; `_BREAKPOINTS` is ordered smallest first.\n  let matched: Breakpoint = 'initial';\n  for (const [name, mql] of getMediaQueryLists()) {\n    if (mql.matches) matched = name;\n  }\n  return matched;\n}\n\nfunction handleChange() {\n  const next = computeBreakpoint();\n  if (next === cachedBreakpoint) return;\n  cachedBreakpoint = next;\n  listeners.forEach((listener) => listener());\n}\n\nfunction subscribe(listener: Listener) {\n  if (typeof window === 'undefined') return () => {};\n\n  if (listeners.size === 0) {\n    cachedBreakpoint = computeBreakpoint();\n    for (const [, mql] of getMediaQueryLists()) {\n      // Safari below 14 only has the deprecated listener API.\n      if (typeof mql.addEventListener === 'function') mql.addEventListener('change', handleChange);\n      else mql.addListener?.(handleChange);\n    }\n  }\n\n  listeners.add(listener);\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size > 0) return;\n\n    for (const [, mql] of getMediaQueryLists()) {\n      try {\n        if (typeof mql.removeEventListener === 'function') mql.removeEventListener('change', handleChange);\n        else mql.removeListener?.(handleChange);\n      } catch (error) {\n        // Removal can throw in edge cases, e.g. the list was already torn down.\n        if (process.env.NODE_ENV !== 'production') {\n          console.warn('[useBreakpoint] MediaQueryList cleanup warning:', error);\n        }\n      }\n    }\n    cachedBreakpoint = null;\n  };\n}\n\n/**\n * `getSnapshot` must return a referentially stable value between changes, so it\n * reads the cache that `handleChange` maintains rather than recomputing.\n */\nfunction getSnapshot(): Breakpoint {\n  if (typeof window === 'undefined') return 'initial';\n  cachedBreakpoint ??= computeBreakpoint();\n  return cachedBreakpoint;\n}\n\nfunction getServerSnapshot(): Breakpoint {\n  return 'initial';\n}\n\nconst getReadySnapshot = () => true;\nconst getReadyServerSnapshot = () => false;\n\nconst noopSubscribe = () => () => {};\nconst getInitialSnapshot = (): Breakpoint => 'initial';\n\n/**\n * The current breakpoint, and whether it has been resolved against a real\n * viewport yet (`false` on the server and during hydration).\n *\n * Reads through `useSyncExternalStore` rather than settling into state from an\n * effect. On a client render the very first pass already has the real\n * breakpoint, instead of rendering the whole shell at `initial` and correcting\n * it after the browser has painted.\n *\n * Pass `enabled = false` to skip the subscription (the breakpoint then reads as\n * `initial`).\n */\nexport function useBreakpoint(enabled = true): { breakpoint: Breakpoint; ready: boolean } {\n  // Callers with a non-responsive value pass `enabled = false` so they neither\n  // subscribe to the media queries nor re-render when the viewport crosses one.\n  const breakpoint = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    enabled ? getSnapshot : getInitialSnapshot,\n    getServerSnapshot,\n  );\n  const ready = React.useSyncExternalStore(\n    enabled ? subscribe : noopSubscribe,\n    getReadySnapshot,\n    getReadyServerSnapshot,\n  );\n\n  return React.useMemo(() => ({ breakpoint, ready }), [breakpoint, ready]);\n}\n", "import type * as React from 'react';\n\nexport type PresentationValue = 'fixed' | 'overlay' | 'stacked';\n\nexport type ResponsivePresentation = PresentationValue | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PresentationValue>>;\n\nexport type PaneMode = 'expanded' | 'collapsed';\nexport type SidebarMode = 'collapsed' | 'thin' | 'expanded';\n\nexport type ResponsiveMode = PaneMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', PaneMode>>;\n\nexport type ResponsiveSidebarMode = SidebarMode | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', SidebarMode>>;\n\nexport type Responsive<T> = T | Partial<Record<'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl', T>>;\n\nexport type PaneSizePersistence = {\n  load?: () => number | Promise<number | undefined> | undefined;\n  save?: (size: number) => void | Promise<void>;\n};\n\nexport interface PaneBaseProps extends React.ComponentPropsWithoutRef<'div'> {\n  presentation?: ResponsivePresentation;\n  expandedSize?: number;\n  minSize?: number;\n  maxSize?: number;\n  height?: string | number;\n  resizable?: boolean;\n  collapsible?: boolean;\n  onExpand?: () => void;\n  onCollapse?: () => void;\n  onResize?: (size: number) => void;\n  resizer?: React.ReactNode;\n  onResizeStart?: (size: number) => void;\n  onResizeEnd?: (size: number) => void;\n  snapPoints?: number[];\n  snapTolerance?: number;\n  collapseThreshold?: number;\n  paneId?: string;\n  persistence?: PaneSizePersistence;\n}\n\nexport const _BREAKPOINTS = {\n  xs: '(min-width: 520px)',\n  sm: '(min-width: 768px)',\n  md: '(min-width: 1024px)',\n  lg: '(min-width: 1280px)',\n  xl: '(min-width: 1640px)',\n} as const;\n\nexport type Breakpoint = 'initial' | keyof typeof _BREAKPOINTS;\n\nexport type PaneTarget = 'left' | 'rail' | 'panel' | 'sidebar' | 'inspector' | 'bottom';\n\n/**\n * CSS custom property key type for type-safe style objects.\n * Allows any string prefixed with '--'.\n */\nexport type CSSCustomProperty = `--${string}`;\n\n/**\n * Style object that supports CSS custom properties.\n */\nexport type CSSPropertiesWithVars = React.CSSProperties & {\n  [key: CSSCustomProperty]: string | number | undefined;\n};\n"],
+  "mappings": "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",
+  "names": ["base_menu_utils_exports", "__export", "MenuShortcut", "getMenuAlignOffset", "resolveMenuMaterial", "resolveResponsiveValue", "toAriaKeyShortcuts", "useResolvedResponsiveValue", "__toCommonJS", "React", "import_classnames", "React", "import_classnames", "import_radix_ui", "asChildPropDef", "sizes", "variants", "kbdPropDefs", "asChildPropDef", "import_classnames", "EMPTY_VALUES", "EMPTY_SET", "compile", "propDefs", "merged", "styling", "passthrough", "stylingKeys", "key", "def", "values", "compiled", "cacheRoot", "getCompiledPropDefs", "node", "i", "propDef", "child", "breakpoints", "breakpointSet", "hasOwnProperty", "obj", "key", "breakpointSet", "isResponsiveObject", "obj", "key", "includesValue", "propValues", "propValueSet", "value", "getResponsiveStyles", "className", "customProperties", "args", "responsiveClassNames", "getResponsiveClassNames", "responsiveCustomProperties", "getResponsiveCustomProperties", "allowArbitraryValues", "parseValue", "getBaseClassName", "isResponsiveObject", "object", "classNames", "bp", "hasOwnProperty", "breakpointSet", "baseClassName", "bpClassName", "delimiter", "matchedValue", "isNegative", "minus", "absoluteValue", "styles", "parsed", "customProperty", "bpProperty", "mergeStyles", "styles", "result", "style", "normalizeResponsiveValue", "value", "propDef", "initial", "changed", "extractProps", "props", "propDefs", "styling", "passthrough", "stylingKeys", "getCompiledPropDefs", "extractedProps", "key", "i", "isResponsiveObject", "style", "classes", "propClassName", "getResponsiveClassNames", "propClassNames", "propCustomProperties", "getResponsiveStyles", "mergeStyles", "classNames", "marginValues", "marginPropDefs", "Kbd", "props", "forwardedRef", "asChild", "className", "kbdProps", "extractProps", "kbdPropDefs", "marginPropDefs", "Comp", "classNames", "React", "_BREAKPOINTS", "QUERIES", "_BREAKPOINTS", "mediaQueryLists", "listeners", "cachedBreakpoint", "getMediaQueryLists", "name", "query", "computeBreakpoint", "matched", "mql", "handleChange", "next", "listener", "subscribe", "getSnapshot", "getServerSnapshot", "getReadySnapshot", "getReadyServerSnapshot", "noopSubscribe", "getInitialSnapshot", "useBreakpoint", "enabled", "breakpoint", "ready", "BREAKPOINTS_DESCENDING", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "i", "resolved", "useResolvedResponsiveValue", "isResponsive", "breakpoint", "useBreakpoint", "resolveMenuMaterial", "material", "panelBackground", "theme", "CONTENT_PADDING", "getMenuAlignOffset", "size", "scaling", "scale", "padding", "KEY_SYMBOLS", "ariaKeyShortcutsCache", "toAriaKeyShortcuts", "shortcut", "cached", "result", "token", "MenuShortcut", "className", "classNames", "Kbd"]
+}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu-drill-down.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/dropdown-menu-drill-down.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAE9D,KAAK,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEzD;;;GAGG;AACH,iBAAS,sBAAsB,CAAC,CAAC,EAC/B,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,GAAG,SAAS,EACrD,iBAAiB,EAAE,UAAU,EAC7B,YAAY,EAAE,CAAC,GACd,CAAC,CA6BH;AAMD,KAAK,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,IAAI,CAAC;AAExD;;;;GAIG;AACH,UAAU,4BAA4B;IACpC,8BAA8B;IAC9B,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3B,mCAAmC;IACnC,GAAG,EAAE,MAAM,IAAI,CAAC;IAChB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED;;;GAGG;AACH,UAAU,0BAA0B;IAClC,oCAAoC;IACpC,QAAQ,EAAE,eAAe,CAAC;IAC1B,kEAAkE;IAClE,KAAK,EAAE,OAAO,CAAC;IACf,mEAAmE;IACnE,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,8DAA8D;IAC9D,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC;IAClC,sDAAsD;IACtD,MAAM,EAAE,OAAO,CAAC;IAChB,2DAA2D;IAC3D,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,kDAAkD;IAClD,kBAAkB,EAAE,kBAAkB,CAAC;CACxC;AAED,QAAA,MAAM,uBAAuB,oDAAiE,CAAC;AAC/F,QAAA,MAAM,qBAAqB,kDAA+D,CAAC;AAE3F,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;CAC1D;AAED,iBAAS,iBAAiB,CAAC,EAAE,QAAQ,EAAE,eAAe,EAAE,EAAE,sBAAsB,qBAyE/E;AAED;;;;GAIG;AACH,iBAAS,mBAAmB,iCAM3B;AAED;;;GAGG;AACH,iBAAS,iBAAiB,+BAMzB;AAED;;GAEG;AACH,iBAAS,2BAA2B,wCAEnC;AAED;;GAEG;AACH,iBAAS,yBAAyB,sCAEjC;AAMD,UAAU,eAAe;IACvB,iCAAiC;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,gCAAgC;IAChC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,QAAA,MAAM,UAAU,uCAAoD,CAAC;AAErE,iBAAS,aAAa,2BAErB;AAED,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,qBAAqB,EACrB,UAAU,EACV,mBAAmB,EACnB,2BAA2B,EAC3B,iBAAiB,EACjB,yBAAyB,EACzB,aAAa,EACb,aAAa,EACb,sBAAsB,GACvB,CAAC;AAEF,YAAY,EACV,eAAe,EACf,4BAA4B,EAC5B,0BAA0B,EAC1B,eAAe,EACf,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"dropdown-menu-drill-down.d.ts","sourceRoot":"","sources":["../../../../src/components/_internal/dropdown-menu-drill-down.tsx"],"names":[],"mappings":"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"}

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

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

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

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