@womp/kookie-ui 0.23.0 → 0.25.0

package/utilities.css

@@ -6956,8 +6956,8 @@
         margin-right: var(--margin-right-override, var(--margin-right));
     }
     .sm\:kui-r-mx {
-        --margin-left: var(--ml-md);
-        --margin-right: var(--mr-md)
+        --margin-left: var(--ml-sm);
+        --margin-right: var(--mr-sm)
     }
     .sm\:kui-r-mx-0 {
         --margin-left: 0px;
@@ -13805,6 +13805,12 @@
 .kui-r-ta-right {
     text-align: right;
 }
+.kui-r-ta-start {
+    text-align: start;
+}
+.kui-r-ta-end {
+    text-align: end;
+}
 @media (min-width: 520px) {
     .xs\:kui-r-ta-left {
         text-align: left;
@@ -13815,6 +13821,12 @@
     .xs\:kui-r-ta-right {
         text-align: right;
     }
+    .xs\:kui-r-ta-start {
+        text-align: start;
+    }
+    .xs\:kui-r-ta-end {
+        text-align: end;
+    }
 }
 @media (min-width: 768px) {
     .sm\:kui-r-ta-left {
@@ -13826,6 +13838,12 @@
     .sm\:kui-r-ta-right {
         text-align: right;
     }
+    .sm\:kui-r-ta-start {
+        text-align: start;
+    }
+    .sm\:kui-r-ta-end {
+        text-align: end;
+    }
 }
 @media (min-width: 1024px) {
     .md\:kui-r-ta-left {
@@ -13837,6 +13855,12 @@
     .md\:kui-r-ta-right {
         text-align: right;
     }
+    .md\:kui-r-ta-start {
+        text-align: start;
+    }
+    .md\:kui-r-ta-end {
+        text-align: end;
+    }
 }
 @media (min-width: 1280px) {
     .lg\:kui-r-ta-left {
@@ -13848,6 +13872,12 @@
     .lg\:kui-r-ta-right {
         text-align: right;
     }
+    .lg\:kui-r-ta-start {
+        text-align: start;
+    }
+    .lg\:kui-r-ta-end {
+        text-align: end;
+    }
 }
 @media (min-width: 1640px) {
     .xl\:kui-r-ta-left {
@@ -13859,6 +13889,12 @@
     .xl\:kui-r-ta-right {
         text-align: right;
     }
+    .xl\:kui-r-ta-start {
+        text-align: start;
+    }
+    .xl\:kui-r-ta-end {
+        text-align: end;
+    }
 }
 .kui-r-tw-wrap {
     white-space: normal;
@@ -13959,6 +13995,11 @@
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+.kui-truncate:where(span, code, a, label) {
+    display: inline-block;
+    max-width: 100%;
+    vertical-align: bottom;
+}
 .kui-r-va-baseline {
     vertical-align: baseline;
 }

package/dist/esm/chunk-23KT3D2Z.js

@@ -1,2 +0,0 @@
-import{a as h,e as f,f as l,g as R}from"./chunk-V32EP3S7.js";import{a as i}from"./chunk-VPSMETY2.js";import{b as P}from"./chunk-IX5HIHVI.js";import{a as G}from"./chunk-4P6TKZCA.js";import{d as b}from"./chunk-3YLYGKFB.js";import{a}from"./chunk-ELAW7ZUG.js";import{a as S}from"./chunk-OS3FCYZY.js";var z={};S(z,{Item:()=>N,Root:()=>v});import*as o from"react";import n from"classnames";import{Context as E}from"radix-ui/internal";var I="CheckboxGroup",[_]=E.createContextScope(I,[h]),d=h(),[T,y]=_(I),v=o.forwardRef(({color:s=i.color.default,size:e,variant:t=i.variant.default,...r},p)=>{let m=b(e,i.size),{__scopeCheckboxGroup:c,className:u,...C}=r,x=d(c);return o.createElement(T,{scope:c,color:s,size:m,variant:t},o.createElement(f,{...x,...C,ref:p,className:n("kui-CheckboxGroupRoot",u)}))});v.displayName="CheckboxGroup.Root";var N=o.forwardRef((s,e)=>{let{__scopeCheckboxGroup:t,children:r,className:p,style:m,...c}=s,{size:u}=y("CheckboxGroupItem",t),C=x=>typeof x=="string"&&/^[1-9]$/.test(x)?x:"3";return r?o.createElement(G,{as:"label",size:C(u),className:n("kui-CheckboxGroupItem",p),style:m},o.createElement(k,{__scopeCheckboxGroup:t,...c,ref:e}),r&&o.createElement("span",{className:"kui-CheckboxGroupItemInner"},r)):o.createElement(k,{__scopeCheckboxGroup:t,...c,ref:e,className:p,style:m})});N.displayName="CheckboxGroup.Item";var k=o.forwardRef(({__scopeCheckboxGroup:s,...e},t)=>{let r=y("CheckboxGroupItemCheckbox",s),p=d(s),{color:m,className:c}=a({...e,...r},i);return o.createElement(l,{...p,"data-accent-color":m,...e,ref:t,className:n("kui-reset","kui-BaseCheckboxRoot","kui-CheckboxGroupItemCheckbox",c)},o.createElement(R,{...p,asChild:!0,className:"kui-BaseCheckboxIndicator"},o.createElement(P,null)))});k.displayName="CheckboxGroup.ItemCheckbox";export{v as a,N as b,z as c};
-//# sourceMappingURL=chunk-23KT3D2Z.js.map

package/dist/esm/chunk-2E4P5XQL.js

@@ -1,2 +0,0 @@
-import{b as r}from"./chunk-OS3FCYZY.js";import*as n from"react";var b={stack:[],direction:null,lastChange:null},C='[role^="menuitem"]:not([data-disabled])',w="kui-DropdownMenuDrillDownBackItem";function h(e){return e.replace(/["\\]/g,"\\$&")}var d=class{constructor(){r(this,"state",b);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(o=>o.id===t));r(this,"push",(t,o=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:o}})});r(this,"pop",(t=this.modality)=>{let{stack:o}=this.state,i=o[o.length-1];i&&this.setState({stack:o.slice(0,-1),direction:"backward",lastChange:{type:"pop",id:i.id,modality:t,scrollTop:i.scrollTop}})});r(this,"close",t=>{let{stack:o}=this.state,i=o.findIndex(l=>l.id===t);i!==-1&&this.setState({stack:o.slice(0,i),direction:"backward",lastChange:{type:"pop",id:t,modality:null,scrollTop:o[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(o=>o())}getScrollContainer(){let t=this.rootElement;return t?t.closest(".kui-ScrollAreaViewport")??t.closest(".kui-BaseMenuViewport"):null}getTrigger(t){return this.rootElement?.querySelector(`[data-drill-down-trigger="${h(t)}"]`)}applyLastChange(){let t=this.state.lastChange,o=this.rootElement;if(!t||!o)return;this.state={...this.state,lastChange:null};let i=o.closest('[role="menu"]'),l=this.getScrollContainer(),s=a=>a?.focus({preventScroll:!0});if(t.type==="push"){l&&(l.scrollTop=0);let a=o.querySelector(`[data-drill-down-panel="${h(t.id)}"]`);if(t.modality==="keyboard"){let c=a?Array.from(a.querySelectorAll(C)):[];s(c.find(u=>!u.classList.contains(w))??c[0]??i)}else(t.modality==="pointer"||!o.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"||!o.contains(document.activeElement))&&s(i);return}l&&(l.scrollTop=0)}},m=n.createContext(null),k=n.createContext(!0);function L(){return n.useContext(m)}function P(){let[e]=n.useState(()=>new d);return e}var E=e=>e.stack.length,R=e=>e.direction,v=()=>0,S=()=>null;function A({store:e,behavior:t,open:o,children:i}){let l=t==="drill-down",s=n.useSyncExternalStore(e.subscribe,()=>E(e.getState()),v),a=n.useSyncExternalStore(e.subscribe,()=>R(e.getState()),S),c=!l||s===0;n.useLayoutEffect(()=>{l||e.reset()},[l,e]);let u=n.useRef(o);n.useLayoutEffect(()=>{o&&!u.current&&e.reset(),u.current=o},[o,e]),n.useLayoutEffect(()=>{e.applyLastChange()},[s,e]);let g=n.useCallback(f=>e.setRootElement(f),[e]),y=n.useCallback(()=>e.setModality("keyboard"),[e]),D=n.useCallback(()=>e.setModality("pointer"),[e]);return n.createElement(m.Provider,{value:l?e:null},n.createElement("div",{ref:g,className:"kui-DropdownMenuDrillDownRoot","data-submenu-behavior":t,"data-drill-down-active":c?void 0:!0,"data-animation-direction":l?a??void 0:void 0,onKeyDownCapture:l?y:void 0,onPointerDownCapture:l?D:void 0},n.createElement(k.Provider,{value:c},i)))}function H(e,t){let o=n.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 n.useSyncExternalStore(e?.subscribe??p,o,T)}function B(e,t){let o=n.useCallback(()=>e?.getState().stack.find(i=>i.id===t),[e,t]);return n.useSyncExternalStore(e?.subscribe??p,o,M)}function I(e){let t=n.useCallback(()=>e?.getState().direction??null,[e]);return n.useSyncExternalStore(e?.subscribe??p,t,S)}var p=()=>()=>{},T=()=>"closed",M=()=>{},x=n.createContext(null);function N(){return n.useContext(x)}export{k as a,L as b,P as c,A as d,H as e,B as f,I as g,x as h,N as i};
-//# sourceMappingURL=chunk-2E4P5XQL.js.map

package/dist/esm/chunk-2E4P5XQL.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "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 = 'kui-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>('.kui-ScrollAreaViewport') ??\n      root.closest<HTMLElement>('.kui-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=\"kui-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": ["React", "INITIAL_STATE", "PANEL_ITEM_SELECTOR", "BACK_ITEM_CLASS", "escapeAttributeValue", "value", "DrillDownStore", "__publicField", "element", "listener", "modality", "id", "entry", "stack", "trigger", "name", "scrollTop", "top", "index", "next", "root", "change", "content", "scroller", "focus", "panel", "items", "item", "DrillDownStoreContext", "DrillDownLevelContext", "useDrillDownStore", "useCreateDrillDownStore", "store", "selectDepth", "state", "selectDirection", "getServerDepth", "getServerDirection", "DrillDownRoot", "behavior", "open", "children", "isDrillDown", "depth", "direction", "isRoot", "wasOpenRef", "rootRef", "handleKeyDownCapture", "handlePointerDownCapture", "usePanelPosition", "getSnapshot", "noopSubscribe", "getClosed", "useStackEntry", "getUndefined", "useDrillDownDirection", "SubContext", "useSubContext"]
-}

package/dist/esm/chunk-2KZ4NI3X.js

@@ -1 +0,0 @@
-//# sourceMappingURL=chunk-2KZ4NI3X.js.map

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

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk-KEWNXANF.js";import{a as s}from"./chunk-SBRPXQWH.js";import{a as p}from"./chunk-SJXV4BWZ.js";import{a as t}from"./chunk-N6KH2EOU.js";import{a as e}from"./chunk-NZJGC6ZW.js";import{d as r}from"./chunk-CUNKWFKA.js";var i=["1","2","3","4","5","6","7","8","9"],n=["auto","always","hover","none"],D={...e,size:{type:"enum",className:"kui-r-size",values:i,responsive:!0},...t,...o,...p,...s,underline:{type:"enum",className:"kui-underline",values:n,default:"auto"},...r};export{D as a};
-//# sourceMappingURL=chunk-3BUQ7ADW.js.map

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

@@ -1,2 +0,0 @@
-import{a as oe}from"./chunk-BEP4AH5V.js";import{b as J,c as Q,d as G,e as Z,f as ee}from"./chunk-IX5HIHVI.js";import{a as $}from"./chunk-MJJ7XDIP.js";import{b as X,c as O}from"./chunk-PPZY7PJA.js";import{c as N}from"./chunk-3KQE2PSJ.js";import{a as B}from"./chunk-R4XJNQX5.js";import{e as K}from"./chunk-3YLYGKFB.js";import{b as v,c as k,d as W,e as V,f as A}from"./chunk-3XHTJZNP.js";import{b as y,c as F,d as S,e as T}from"./chunk-KZEZDBE7.js";import{a as h}from"./chunk-ELAW7ZUG.js";import{a as f,b as I,c as j,d as H,e as x,f as U,g as Y,h as q,i as E}from"./chunk-2E4P5XQL.js";import{a as he}from"./chunk-OS3FCYZY.js";var Ne={};he(Ne,{CheckboxItem:()=>me,Content:()=>ue,Group:()=>de,Item:()=>se,Label:()=>pe,RadioGroup:()=>le,RadioItem:()=>ce,Root:()=>te,Separator:()=>Me,Sub:()=>we,SubContent:()=>fe,SubTrigger:()=>De,Trigger:()=>ie,TriggerIcon:()=>Ce,Virtual:()=>oe});import*as e from"react";import s from"classnames";import{DropdownMenu as p,Slot as ke}from"radix-ui";import{useCallbackRef as ne}from"radix-ui/internal";var re=e.createContext(!1),te=o=>{let{open:n,defaultOpen:r=!1,onOpenChange:a}=o,[i,t]=e.useState(r),u=n??i,d=ne(a),l=e.useCallback(m=>{t(m),d(m)},[d]);return e.createElement(re.Provider,{value:u},e.createElement(p.Root,{...o,onOpenChange:l}))};te.displayName="DropdownMenu.Root";var ie=e.forwardRef(({children:o,...n},r)=>e.createElement(p.Trigger,{...n,ref:r,asChild:!0},$(o)));ie.displayName="DropdownMenu.Trigger";var L=e.createContext({}),ye={ltr:"ArrowLeft",rtl:"ArrowRight"},Se={ltr:"ArrowRight",rtl:"ArrowLeft"};function Te(o){return o instanceof HTMLElement&&(o.isContentEditable||o.tagName==="INPUT"||o.tagName==="TEXTAREA")}function ae(o){return o?.closest("[dir]")?.getAttribute("dir")==="rtl"?"rtl":"ltr"}var ue=e.forwardRef((o,n)=>{let r=K(o,v.size),a=X(),{size:i=v.size.default}=r,{className:t,children:u,color:d,container:l,forceMount:m,submenuBehavior:w,virtualized:c=!1,onEscapeKeyDown:R,onKeyDown:C,...P}=h(r,v),D=d||a.accentColor,g=y(w,"cascade"),z=g==="drill-down",ge=e.useContext(re),b=j(),be=M=>{R?.(M),!(M.defaultPrevented||!z||b.getDepth()===0)&&(M.preventDefault(),b.pop("keyboard"))},Ie=M=>{C?.(M),!(M.defaultPrevented||!z||b.getDepth()===0)&&(Te(M.target)||M.key===ye[ae(M.currentTarget)]&&(M.preventDefault(),b.pop("keyboard")))},ve=e.useMemo(()=>({size:i,color:D}),[i,D]),_=e.createElement(N,{size:i},e.createElement(L.Provider,{value:ve},e.createElement(H,{store:b,behavior:g,open:ge},u)));return e.createElement(p.Portal,{container:l,forceMount:m},e.createElement(O,{asChild:!0},e.createElement(p.Content,{"data-accent-color":D,align:"start",sideOffset:4,collisionPadding:10,...P,onEscapeKeyDown:be,onKeyDown:Ie,asChild:!1,ref:n,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-DropdownMenuContent",t)},c?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},_):e.createElement(B,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-DropdownMenuViewport")},_)))))});ue.displayName="DropdownMenu.Content";var pe=e.forwardRef(({className:o,...n},r)=>e.useContext(f)?e.createElement(p.Label,{...n,asChild:!1,ref:r,className:s("kui-BaseMenuLabel","kui-DropdownMenuLabel",o)}):null);pe.displayName="DropdownMenu.Label";var se=e.forwardRef((o,n)=>{let{className:r,children:a,color:i=W.color.default,shortcut:t,...u}=o;return e.useContext(f)?e.createElement(p.Item,{"data-accent-color":i,"aria-keyshortcuts":t?S(t):void 0,...u,ref:n,className:s("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem",r)},e.createElement(ke.Slottable,null,a),t&&e.createElement(T,{shortcut:t,className:"kui-DropdownMenuShortcut"})):null});se.displayName="DropdownMenu.Item";var de=e.forwardRef(({className:o,...n},r)=>e.createElement(p.Group,{...n,asChild:!1,ref:r,className:s("kui-BaseMenuGroup","kui-DropdownMenuGroup",o)}));de.displayName="DropdownMenu.Group";var le=e.forwardRef(({className:o,...n},r)=>e.createElement(p.RadioGroup,{...n,asChild:!1,ref:r,className:s("kui-BaseMenuRadioGroup","kui-DropdownMenuRadioGroup",o)}));le.displayName="DropdownMenu.RadioGroup";var ce=e.forwardRef((o,n)=>{let{children:r,className:a,color:i=A.color.default,...t}=o;return e.useContext(f)?e.createElement(p.RadioItem,{...t,asChild:!1,ref:n,"data-accent-color":i,className:s("kui-BaseMenuItem","kui-BaseMenuRadioItem","kui-DropdownMenuItem","kui-DropdownMenuRadioItem",a)},r,e.createElement(p.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},e.createElement(ee,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"}))):null});ce.displayName="DropdownMenu.RadioItem";var me=e.forwardRef((o,n)=>{let{children:r,className:a,shortcut:i,color:t=V.color.default,...u}=o;return e.useContext(f)?e.createElement(p.CheckboxItem,{"aria-keyshortcuts":i?S(i):void 0,...u,asChild:!1,ref:n,"data-accent-color":t,className:s("kui-BaseMenuItem","kui-BaseMenuCheckboxItem","kui-DropdownMenuItem","kui-DropdownMenuCheckboxItem",a)},r,e.createElement(p.ItemIndicator,{className:"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator"},e.createElement(J,{className:"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon"})),i&&e.createElement(T,{shortcut:i,className:"kui-DropdownMenuShortcut"})):null});me.displayName="DropdownMenu.CheckboxItem";var we=({label:o="Back",open:n,defaultOpen:r,onOpenChange:a,children:i})=>{let t=I(),u=e.useId(),d=e.useMemo(()=>({id:u,label:o}),[u,o]),l=x(t,u)!=="closed";e.useLayoutEffect(()=>{!t||n===void 0||(n&&!t.isOpen(u)?t.push(u,null):!n&&t.isOpen(u)&&t.close(u))},[t,n,u]);let m=e.useRef(r);e.useLayoutEffect(()=>{t&&m.current&&n===void 0&&t.push(u,null)},[]);let w=ne(a),c=e.useRef(l);return e.useEffect(()=>{!t||c.current===l||(c.current=l,w(l))},[t,l,w]),e.createElement(q.Provider,{value:d},e.createElement(p.Sub,{open:n,defaultOpen:r,onOpenChange:t?void 0:a},i))};we.displayName="DropdownMenu.Sub";var De=e.forwardRef((o,n)=>{let{className:r,children:a,onKeyDown:i,...t}=o,u=I(),d=E(),l=e.useContext(f);if(u&&d){if(!l)return null;let m=c=>{c.preventDefault(),u.push(d.id)},w=c=>{i?.(c),!(c.defaultPrevented||t.disabled)&&c.key===Se[ae(c.currentTarget)]&&(c.preventDefault(),u.push(d.id,"keyboard"))};return e.createElement(p.Item,{"aria-haspopup":"menu",...t,"data-drill-down-trigger":d.id,"data-drill-down-name":t.textValue,onSelect:m,onKeyDown:w,ref:n,className:s("kui-reset","kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger","kui-DropdownMenuDrillDownSubTrigger",r)},a,e.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},e.createElement(G,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))}return e.createElement(p.SubTrigger,{...t,onKeyDown:i,asChild:!1,ref:n,className:s("kui-BaseMenuItem","kui-BaseMenuSubTrigger","kui-DropdownMenuItem","kui-DropdownMenuSubTrigger",r)},a,e.createElement("div",{className:"kui-BaseMenuShortcut kui-DropdownMenuShortcut"},e.createElement(G,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon"})))});De.displayName="DropdownMenu.SubTrigger";var Me=e.forwardRef(({className:o,...n},r)=>e.useContext(f)?e.createElement(p.Separator,{...n,asChild:!1,ref:r,className:s("kui-BaseMenuSeparator","kui-DropdownMenuSeparator",o)}):null);Me.displayName="DropdownMenu.Separator";function xe({label:o,name:n}){let r=I(),a=e.useCallback(u=>{u.preventDefault(),r?.pop()},[r]),i=typeof o=="string"?o:n,t=i&&i!=="Back"?`Back from ${i}`:void 0;return e.createElement(p.Item,{"aria-label":t,textValue:i||"Back",onSelect:a,className:s("kui-reset","kui-BaseMenuItem","kui-DropdownMenuItem","kui-DropdownMenuDrillDownBackItem")},e.createElement(Z,{className:"kui-BaseMenuSubTriggerIcon kui-DropdownMenuDrillDownBackIcon"}),e.createElement("span",{className:"kui-DropdownMenuDrillDownBackLabel"},o))}function Ee(o){let{loop:n,onEscapeKeyDown:r,onPointerDownOutside:a,onFocusOutside:i,onInteractOutside:t,sideOffset:u,alignOffset:d,avoidCollisions:l,collisionBoundary:m,collisionPadding:w,arrowPadding:c,sticky:R,hideWhenDetached:C,updatePositionStrategy:P,...D}=o;return D}var fe=e.forwardRef((o,n)=>{let r=I(),a=E();return r&&a?e.createElement(Re,{...o,ref:n,store:r,sub:a}):e.createElement(Pe,{...o,ref:n})});fe.displayName="DropdownMenu.SubContent";var Pe=e.forwardRef((o,n)=>{let r=e.useContext(L),a=o.size??r.size,i=o.color??r.color,{className:t,children:u,container:d,forceMount:l,color:m,virtualized:w=!1,...c}=h({...o,size:a},k),R=y(a,k.size.default),C=e.useMemo(()=>({size:a,color:i}),[a,i]),P=e.createElement(N,{size:a},e.createElement(L.Provider,{value:C},u));return e.createElement(p.Portal,{container:d,forceMount:l},e.createElement(O,{asChild:!0},e.createElement(p.SubContent,{"data-accent-color":i,alignOffset:F(R),sideOffset:1,collisionPadding:10,...c,asChild:!1,ref:n,className:s("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-BaseMenuSubContent","kui-DropdownMenuContent","kui-DropdownMenuSubContent",t)},w?e.createElement("div",{className:s("kui-BaseMenuViewport","kui-DropdownMenuViewport","kui-virtualized")},P):e.createElement(B,{type:"auto",scrollbars:"vertical"},e.createElement("div",{className:s("kui-BaseMenuViewport","kui-DropdownMenuViewport")},P)))))});Pe.displayName="DropdownMenu.CascadeSubContent";var Re=e.forwardRef(({store:o,sub:n,...r},a)=>{let i=x(o,n.id),t=U(o,n.id),u=Y(i==="top"?o:null);if(i==="closed")return null;let{className:d,children:l,container:m,forceMount:w,virtualized:c,size:R,color:C,...P}=Ee(r),D=i==="top",g=t?.name||(typeof n.label=="string"?n.label:"");return e.createElement("div",{role:"group","aria-label":g||void 0,...P,ref:a,"data-drill-down-panel":n.id,"data-drill-down-active":D?!0:void 0,"data-animation-direction":D?u??void 0:void 0,className:s("kui-DropdownMenuDrillDownPanel",d)},D&&e.createElement(e.Fragment,null,e.createElement(xe,{label:n.label,name:g}),e.createElement(p.Separator,{className:"kui-BaseMenuSeparator kui-DropdownMenuSeparator"})),e.createElement(f.Provider,{value:D},l))});Re.displayName="DropdownMenu.DrillDownPanel";var Ce=e.forwardRef(({className:o,...n},r)=>e.createElement(Q,{...n,ref:r,className:s("kui-DropdownMenuTriggerIcon",o)}));Ce.displayName="DropdownMenu.TriggerIcon";export{te as a,ie as b,ue as c,pe as d,se as e,de as f,le as g,ce as h,me as i,we as j,De as k,Me as l,fe as m,Ce as n,Ne as o};
-//# sourceMappingURL=chunk-3JA7SJDT.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/dropdown-menu.tsx"],
-  "sourcesContent": ["'use client';\n\nimport { warnDeprecated } from '../helpers/warn-deprecated.js';\nimport * as React from 'react';\nimport { VirtualMenu } from './virtual-menu.js';\nimport classNames from 'classnames';\nimport { DropdownMenu as DropdownMenuPrimitive, Slot } from 'radix-ui';\nimport { useCallbackRef } from 'radix-ui/internal';\n\nimport { ScrollArea } from './scroll-area.js';\nimport {\n  dropdownMenuContentPropDefs,\n  dropdownMenuSubContentPropDefs,\n  dropdownMenuItemPropDefs,\n  dropdownMenuCheckboxItemPropDefs,\n  dropdownMenuRadioItemPropDefs,\n} from './dropdown-menu.props.js';\nimport { Theme, useThemeContext } from './theme.js';\nimport { ChevronDownIcon, ThickCheckIcon, ThickChevronLeftIcon, ThickChevronRightIcon, ThickDotIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\nimport {\n  DrillDownLevelContext,\n  DrillDownRoot,\n  SubContext,\n  useCreateDrillDownStore,\n  useDrillDownDirection,\n  useDrillDownStore,\n  usePanelPosition,\n  useStackEntry,\n  useSubContext,\n} from './_internal/dropdown-menu-drill-down.js';\nimport { MenuProvider } from './_internal/menu-context.js';\nimport {\n  MenuShortcut,\n  getMenuAlignOffset,\n  toAriaKeyShortcuts,\n  useResolvedResponsiveValue,\n} from './_internal/base-menu.utils.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\n\nimport type { SubmenuBehavior } from './_internal/dropdown-menu-drill-down.js';\nimport type { IconProps } from './icons.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\n/**\n * Open state of the menu, mirrored from Root so Content can reset drill-down\n * navigation when a force-mounted menu opens again.\n */\nconst DropdownMenuOpenContext = React.createContext(false);\n\ninterface DropdownMenuRootProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> {}\nconst DropdownMenuRoot: React.FC<DropdownMenuRootProps> = (props) => {\n  const { open: openProp, defaultOpen = false, onOpenChange } = props;\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen);\n  const open = openProp ?? uncontrolledOpen;\n\n  const handleOpenChangeProp = useCallbackRef(onOpenChange);\n  const handleOpenChange = React.useCallback(\n    (next: boolean) => {\n      setUncontrolledOpen(next);\n      handleOpenChangeProp(next);\n    },\n    [handleOpenChangeProp],\n  );\n\n  return (\n    <DropdownMenuOpenContext.Provider value={open}>\n      <DropdownMenuPrimitive.Root {...props} onOpenChange={handleOpenChange} />\n    </DropdownMenuOpenContext.Provider>\n  );\n};\nDropdownMenuRoot.displayName = 'DropdownMenu.Root';\n\ntype DropdownMenuTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.Trigger>;\ninterface DropdownMenuTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Trigger, RemovedProps> {}\nconst DropdownMenuTrigger = React.forwardRef<DropdownMenuTriggerElement, DropdownMenuTriggerProps>(\n  ({ children, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Trigger {...props} ref={forwardedRef} asChild>\n      {requireReactElement(children)}\n    </DropdownMenuPrimitive.Trigger>\n  ),\n);\nDropdownMenuTrigger.displayName = 'DropdownMenu.Trigger';\n\n/** Visual props shared by Content and SubContent. */\ntype DropdownMenuSurfaceProps = GetPropDefTypes<typeof dropdownMenuSubContentPropDefs>;\n\ntype DropdownMenuContentContextValue = {\n  size?: DropdownMenuSurfaceProps['size'];\n  color?: DropdownMenuSurfaceProps['color'];\n};\nconst DropdownMenuContentContext = React.createContext<DropdownMenuContentContextValue>({});\n\n/** Keys that navigate back one drill-down level, by writing direction. */\nconst BACK_KEYS = { ltr: 'ArrowLeft', rtl: 'ArrowRight' } as const;\nconst FORWARD_KEYS = { ltr: 'ArrowRight', rtl: 'ArrowLeft' } as const;\n\nfunction isTextEntryTarget(target: EventTarget | null) {\n  return (\n    target instanceof HTMLElement &&\n    (target.isContentEditable || target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')\n  );\n}\n\nfunction getDirection(element: HTMLElement | null): 'ltr' | 'rtl' {\n  return element?.closest('[dir]')?.getAttribute('dir') === 'rtl' ? 'rtl' : 'ltr';\n}\n\ntype DropdownMenuContentElement = React.ElementRef<typeof DropdownMenuPrimitive.Content>;\ninterface DropdownMenuContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Content, RemovedProps>,\n    DropdownMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n  /**\n   * Controls how submenus behave.\n   * - `cascade`: Default cascading behavior where submenus open to the side (portal-based)\n   * - `drill-down`: Mobile-friendly behavior where submenus replace the content inline\n   * Supports responsive values: `{ initial: 'drill-down', md: 'cascade' }`\n   */\n  submenuBehavior?: Responsive<SubmenuBehavior>;\n  /**\n   * When true, skips the ScrollArea wrapper to allow VirtualMenu to handle its own scrolling.\n   * Use this when rendering virtualized lists inside the dropdown.\n   */\n  virtualized?: boolean;\n}\nconst DropdownMenuContent = React.forwardRef<DropdownMenuContentElement, DropdownMenuContentProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, dropdownMenuContentPropDefs.size);\n    const themeContext = useThemeContext();\n    const {\n      size = dropdownMenuContentPropDefs.size.default,\n    } = props;\n    const {\n      className,\n      children,\n      color,\n      container,\n      forceMount,\n      submenuBehavior,\n      virtualized = false,\n      onEscapeKeyDown,\n      onKeyDown,\n      ...contentProps\n    } = extractProps(props, dropdownMenuContentPropDefs);\n\n    const resolvedColor = color || themeContext.accentColor;\n    const behavior = useResolvedResponsiveValue<SubmenuBehavior>(submenuBehavior, 'cascade');\n    const isDrillDown = behavior === 'drill-down';\n    const open = React.useContext(DropdownMenuOpenContext);\n    const drillDownStore = useCreateDrillDownStore();\n\n    // Escape goes back one drill-down level before it closes the menu.\n    const handleEscapeKeyDown = (event: KeyboardEvent) => {\n      onEscapeKeyDown?.(event);\n      if (event.defaultPrevented || !isDrillDown || drillDownStore.getDepth() === 0) return;\n      event.preventDefault();\n      drillDownStore.pop('keyboard');\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || !isDrillDown || drillDownStore.getDepth() === 0) return;\n      if (isTextEntryTarget(event.target)) return;\n      if (event.key === BACK_KEYS[getDirection(event.currentTarget)]) {\n        event.preventDefault();\n        drillDownStore.pop('keyboard');\n      }\n    };\n\n    const contextValue = React.useMemo(\n      () => ({ size, color: resolvedColor }),\n      [size, resolvedColor],\n    );\n\n    const contentBody = (\n      <MenuProvider size={size}>\n        <DropdownMenuContentContext.Provider value={contextValue}>\n          <DrillDownRoot store={drillDownStore} behavior={behavior} open={open}>\n            {children}\n          </DrillDownRoot>\n        </DropdownMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.Content\n            data-accent-color={resolvedColor}\n            align=\"start\"\n            sideOffset={4}\n            collisionPadding={10}\n            {...contentProps}\n            onEscapeKeyDown={handleEscapeKeyDown}\n            onKeyDown={handleKeyDown}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n          'kui-variant-soft',\n              'kui-DropdownMenuContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport', 'kui-virtualized')}>\n                {contentBody}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport')}>\n                  {contentBody}\n                </div>\n              </ScrollArea>\n            )}\n          </DropdownMenuPrimitive.Content>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nDropdownMenuContent.displayName = 'DropdownMenu.Content';\n\ntype DropdownMenuLabelElement = React.ElementRef<typeof DropdownMenuPrimitive.Label>;\ninterface DropdownMenuLabelProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Label, RemovedProps> {}\nconst DropdownMenuLabel = React.forwardRef<DropdownMenuLabelElement, DropdownMenuLabelProps>(\n  ({ className, ...props }, forwardedRef) => {\n    if (!React.useContext(DrillDownLevelContext)) return null;\n    return (\n      <DropdownMenuPrimitive.Label\n        {...props}\n        asChild={false}\n        ref={forwardedRef}\n        className={classNames('kui-BaseMenuLabel', 'kui-DropdownMenuLabel', className)}\n      />\n    );\n  },\n);\nDropdownMenuLabel.displayName = 'DropdownMenu.Label';\n\ntype DropdownMenuItemElement = React.ElementRef<typeof DropdownMenuPrimitive.Item>;\ntype DropdownMenuItemOwnProps = GetPropDefTypes<typeof dropdownMenuItemPropDefs>;\ninterface DropdownMenuItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Item, RemovedProps>,\n    DropdownMenuItemOwnProps {}\nconst DropdownMenuItem = React.forwardRef<DropdownMenuItemElement, DropdownMenuItemProps>(\n  (props, forwardedRef) => {\n    const {\n      className,\n      children,\n      color = dropdownMenuItemPropDefs.color.default,\n      shortcut,\n      ...itemProps\n    } = props;\n    // In drill-down mode, items of levels that are not on screen do not mount.\n    if (!React.useContext(DrillDownLevelContext)) return null;\n    return (\n      <DropdownMenuPrimitive.Item\n        data-accent-color={color}\n        aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n        {...itemProps}\n        ref={forwardedRef}\n        className={classNames('kui-reset', 'kui-BaseMenuItem', 'kui-DropdownMenuItem', className)}\n      >\n        <Slot.Slottable>{children}</Slot.Slottable>\n        {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-DropdownMenuShortcut\" />}\n      </DropdownMenuPrimitive.Item>\n    );\n  },\n);\nDropdownMenuItem.displayName = 'DropdownMenu.Item';\n\ntype DropdownMenuGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.Group>;\ninterface DropdownMenuGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Group, RemovedProps> {}\nconst DropdownMenuGroup = React.forwardRef<DropdownMenuGroupElement, DropdownMenuGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DropdownMenuPrimitive.Group\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuGroup', 'kui-DropdownMenuGroup', className)}\n    />\n  ),\n);\nDropdownMenuGroup.displayName = 'DropdownMenu.Group';\n\ntype DropdownMenuRadioGroupElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioGroup>;\ninterface DropdownMenuRadioGroupProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioGroup, RemovedProps> {}\nconst DropdownMenuRadioGroup = React.forwardRef<\n  DropdownMenuRadioGroupElement,\n  DropdownMenuRadioGroupProps\n>(({ className, ...props }, forwardedRef) => (\n  <DropdownMenuPrimitive.RadioGroup\n    {...props}\n    asChild={false}\n    ref={forwardedRef}\n    className={classNames('kui-BaseMenuRadioGroup', 'kui-DropdownMenuRadioGroup', className)}\n  />\n));\nDropdownMenuRadioGroup.displayName = 'DropdownMenu.RadioGroup';\n\ntype DropdownMenuRadioItemElement = React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>;\ntype DropdownMenuRadioItemOwnProps = GetPropDefTypes<typeof dropdownMenuRadioItemPropDefs>;\ninterface DropdownMenuRadioItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.RadioItem, RemovedProps>,\n    DropdownMenuRadioItemOwnProps {}\nconst DropdownMenuRadioItem = React.forwardRef<\n  DropdownMenuRadioItemElement,\n  DropdownMenuRadioItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    color = dropdownMenuRadioItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuRadioItem',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuRadioItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator\">\n        <ThickDotIcon className=\"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </DropdownMenuPrimitive.RadioItem>\n  );\n});\nDropdownMenuRadioItem.displayName = 'DropdownMenu.RadioItem';\n\ntype DropdownMenuCheckboxItemElement = React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>;\ntype DropdownMenuCheckboxItemOwnProps = GetPropDefTypes<typeof dropdownMenuCheckboxItemPropDefs>;\ninterface DropdownMenuCheckboxItemProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.CheckboxItem, RemovedProps>,\n    DropdownMenuCheckboxItemOwnProps {}\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  DropdownMenuCheckboxItemElement,\n  DropdownMenuCheckboxItemProps\n>((props, forwardedRef) => {\n  const {\n    children,\n    className,\n    shortcut,\n    color = dropdownMenuCheckboxItemPropDefs.color.default,\n    ...itemProps\n  } = props;\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      aria-keyshortcuts={shortcut ? toAriaKeyShortcuts(shortcut) : undefined}\n      {...itemProps}\n      asChild={false}\n      ref={forwardedRef}\n      data-accent-color={color}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuCheckboxItem',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuCheckboxItem',\n        className,\n      )}\n    >\n      {children}\n      <DropdownMenuPrimitive.ItemIndicator className=\"kui-BaseMenuItemIndicator kui-DropdownMenuItemIndicator\">\n        <ThickCheckIcon className=\"kui-BaseMenuItemIndicatorIcon kui-DropdownMenuItemIndicatorIcon\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n      {shortcut && <MenuShortcut shortcut={shortcut} className=\"kui-DropdownMenuShortcut\" />}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n});\nDropdownMenuCheckboxItem.displayName = 'DropdownMenu.CheckboxItem';\n\ninterface DropdownMenuSubProps\n  extends React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Sub> {\n  /**\n   * Label displayed in the back button when using drill-down mode.\n   * If not provided, defaults to \"Back\".\n   */\n  label?: React.ReactNode;\n}\nconst DropdownMenuSub: React.FC<DropdownMenuSubProps> = ({\n  label = 'Back',\n  open,\n  defaultOpen,\n  onOpenChange,\n  children,\n}) => {\n  const drillDownStore = useDrillDownStore();\n  const id = React.useId();\n  const subContextValue = React.useMemo(() => ({ id, label }), [id, label]);\n  const isOpenInDrillDown = usePanelPosition(drillDownStore, id) !== 'closed';\n\n  // Drill-down: `open` and `defaultOpen` drive the stack; the stack drives\n  // `onOpenChange`. A controlled `open` is applied when it changes.\n  React.useLayoutEffect(() => {\n    if (!drillDownStore || open === undefined) return;\n    if (open && !drillDownStore.isOpen(id)) drillDownStore.push(id, null);\n    else if (!open && drillDownStore.isOpen(id)) drillDownStore.close(id);\n  }, [drillDownStore, open, id]);\n\n  const defaultOpenRef = React.useRef(defaultOpen);\n  React.useLayoutEffect(() => {\n    if (drillDownStore && defaultOpenRef.current && open === undefined) drillDownStore.push(id, null);\n    // Only on mount, like an uncontrolled default.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleOpenChange = useCallbackRef(onOpenChange);\n  const wasOpenRef = React.useRef(isOpenInDrillDown);\n  React.useEffect(() => {\n    if (!drillDownStore || wasOpenRef.current === isOpenInDrillDown) return;\n    wasOpenRef.current = isOpenInDrillDown;\n    handleOpenChange(isOpenInDrillDown);\n  }, [drillDownStore, isOpenInDrillDown, handleOpenChange]);\n\n  // Radix Sub stays mounted in both behaviors so switching behavior does not\n  // remount the subtree. It only renders context; in drill-down its trigger\n  // and content are never rendered, so it reports no open changes of its own.\n  return (\n    <SubContext.Provider value={subContextValue}>\n      <DropdownMenuPrimitive.Sub\n        open={open}\n        defaultOpen={defaultOpen}\n        onOpenChange={drillDownStore ? undefined : onOpenChange}\n      >\n        {children}\n      </DropdownMenuPrimitive.Sub>\n    </SubContext.Provider>\n  );\n};\nDropdownMenuSub.displayName = 'DropdownMenu.Sub';\n\ntype DropdownMenuSubTriggerElement = React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>;\ninterface DropdownMenuSubTriggerProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubTrigger, RemovedProps> {}\nconst DropdownMenuSubTrigger = React.forwardRef<\n  DropdownMenuSubTriggerElement,\n  DropdownMenuSubTriggerProps\n>((props, forwardedRef) => {\n  const { className, children, onKeyDown, ...subTriggerProps } = props;\n  const drillDownStore = useDrillDownStore();\n  const subContext = useSubContext();\n  const isLevelVisible = React.useContext(DrillDownLevelContext);\n\n  if (drillDownStore && subContext) {\n    if (!isLevelVisible) return null;\n\n    const handleSelect = (event: Event) => {\n      // Navigating does not close the menu.\n      event.preventDefault();\n      drillDownStore.push(subContext.id);\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n      onKeyDown?.(event);\n      if (event.defaultPrevented || subTriggerProps.disabled) return;\n      if (event.key === FORWARD_KEYS[getDirection(event.currentTarget)]) {\n        event.preventDefault();\n        drillDownStore.push(subContext.id, 'keyboard');\n      }\n    };\n\n    return (\n      <DropdownMenuPrimitive.Item\n        aria-haspopup=\"menu\"\n        {...subTriggerProps}\n        data-drill-down-trigger={subContext.id}\n        data-drill-down-name={subTriggerProps.textValue}\n        onSelect={handleSelect}\n        onKeyDown={handleKeyDown}\n        ref={forwardedRef}\n        className={classNames(\n          'kui-reset',\n          'kui-BaseMenuItem',\n          'kui-BaseMenuSubTrigger',\n          'kui-DropdownMenuItem',\n          'kui-DropdownMenuSubTrigger',\n          'kui-DropdownMenuDrillDownSubTrigger',\n          className,\n        )}\n      >\n        {children}\n        <div className=\"kui-BaseMenuShortcut kui-DropdownMenuShortcut\">\n          <ThickChevronRightIcon className=\"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon\" />\n        </div>\n      </DropdownMenuPrimitive.Item>\n    );\n  }\n\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      {...subTriggerProps}\n      onKeyDown={onKeyDown}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames(\n        'kui-BaseMenuItem',\n        'kui-BaseMenuSubTrigger',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuSubTrigger',\n        className,\n      )}\n    >\n      {children}\n      <div className=\"kui-BaseMenuShortcut kui-DropdownMenuShortcut\">\n        <ThickChevronRightIcon className=\"kui-BaseMenuSubTriggerIcon kui-DropdownMenuSubTriggerIcon\" />\n      </div>\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n});\nDropdownMenuSubTrigger.displayName = 'DropdownMenu.SubTrigger';\n\ntype DropdownMenuSeparatorElement = React.ElementRef<typeof DropdownMenuPrimitive.Separator>;\ninterface DropdownMenuSeparatorProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.Separator, RemovedProps> {}\nconst DropdownMenuSeparator = React.forwardRef<\n  DropdownMenuSeparatorElement,\n  DropdownMenuSeparatorProps\n>(({ className, ...props }, forwardedRef) => {\n  if (!React.useContext(DrillDownLevelContext)) return null;\n  return (\n    <DropdownMenuPrimitive.Separator\n      {...props}\n      asChild={false}\n      ref={forwardedRef}\n      className={classNames('kui-BaseMenuSeparator', 'kui-DropdownMenuSeparator', className)}\n    />\n  );\n});\nDropdownMenuSeparator.displayName = 'DropdownMenu.Separator';\n\n/** The row at the top of a drill-down panel that returns to the parent level. */\nfunction DrillDownBackItem({ label, name }: { label: React.ReactNode; name: string }) {\n  const drillDownStore = useDrillDownStore();\n\n  const handleSelect = React.useCallback(\n    (event: Event) => {\n      // Navigating does not close the menu.\n      event.preventDefault();\n      drillDownStore?.pop();\n    },\n    [drillDownStore],\n  );\n\n  // The visible label is often the submenu title, so the accessible name says\n  // what the row does while still containing the visible text.\n  const labelText = typeof label === 'string' ? label : name;\n  const ariaLabel = labelText && labelText !== 'Back' ? `Back from ${labelText}` : undefined;\n\n  return (\n    <DropdownMenuPrimitive.Item\n      aria-label={ariaLabel}\n      textValue={labelText || 'Back'}\n      onSelect={handleSelect}\n      className={classNames(\n        'kui-reset',\n        'kui-BaseMenuItem',\n        'kui-DropdownMenuItem',\n        'kui-DropdownMenuDrillDownBackItem',\n      )}\n    >\n      <ThickChevronLeftIcon className=\"kui-BaseMenuSubTriggerIcon kui-DropdownMenuDrillDownBackIcon\" />\n      <span className=\"kui-DropdownMenuDrillDownBackLabel\">{label}</span>\n    </DropdownMenuPrimitive.Item>\n  );\n}\n\n/** Radix positioning and layer props that have no meaning for an inline drill-down panel. */\ntype PopperOnlyProps =\n  | 'loop'\n  | 'onEscapeKeyDown'\n  | 'onPointerDownOutside'\n  | 'onFocusOutside'\n  | 'onInteractOutside'\n  | 'sideOffset'\n  | 'alignOffset'\n  | 'avoidCollisions'\n  | 'collisionBoundary'\n  | 'collisionPadding'\n  | 'arrowPadding'\n  | 'sticky'\n  | 'hideWhenDetached'\n  | 'updatePositionStrategy';\n\nfunction omitPopperProps<T extends Record<string, unknown>>(props: T): Omit<T, PopperOnlyProps> {\n  const {\n    loop: _loop,\n    onEscapeKeyDown: _onEscapeKeyDown,\n    onPointerDownOutside: _onPointerDownOutside,\n    onFocusOutside: _onFocusOutside,\n    onInteractOutside: _onInteractOutside,\n    sideOffset: _sideOffset,\n    alignOffset: _alignOffset,\n    avoidCollisions: _avoidCollisions,\n    collisionBoundary: _collisionBoundary,\n    collisionPadding: _collisionPadding,\n    arrowPadding: _arrowPadding,\n    sticky: _sticky,\n    hideWhenDetached: _hideWhenDetached,\n    updatePositionStrategy: _updatePositionStrategy,\n    ...rest\n  } = props;\n  return rest;\n}\n\ntype DropdownMenuSubContentElement = React.ElementRef<typeof DropdownMenuPrimitive.SubContent>;\ninterface DropdownMenuSubContentProps\n  extends ComponentPropsWithout<typeof DropdownMenuPrimitive.SubContent, RemovedProps>,\n    DropdownMenuSurfaceProps {\n  container?: React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Portal>['container'];\n  /**\n   * When true, skips the ScrollArea wrapper so a VirtualMenu can handle its own\n   * scrolling. Applies to cascade submenus; a drill-down panel scrolls with the\n   * root content.\n   */\n  virtualized?: boolean;\n}\nconst DropdownMenuSubContent = React.forwardRef<\n  DropdownMenuSubContentElement,\n  DropdownMenuSubContentProps\n>((props, forwardedRef) => {\n  const drillDownStore = useDrillDownStore();\n  const subContext = useSubContext();\n\n  if (drillDownStore && subContext) {\n    return (\n      <DrillDownPanel {...props} ref={forwardedRef} store={drillDownStore} sub={subContext} />\n    );\n  }\n  return <CascadeSubContent {...props} ref={forwardedRef} />;\n});\nDropdownMenuSubContent.displayName = 'DropdownMenu.SubContent';\n\nconst CascadeSubContent = React.forwardRef<DropdownMenuSubContentElement, DropdownMenuSubContentProps>(\n  (props, forwardedRef) => {\n    const parent = React.useContext(DropdownMenuContentContext);\n\n    // A submenu inherits the parent surface, and its own props win.\n    const size = props.size ?? parent.size;\n    const color = props.color ?? parent.color;\n\n    const {\n      className,\n      children,\n      container,\n      forceMount,\n      color: _color,\n      virtualized = false,\n      ...subContentProps\n    } = extractProps({ ...props, size }, dropdownMenuSubContentPropDefs);\n\n    const scalarSize = useResolvedResponsiveValue(size, dropdownMenuSubContentPropDefs.size.default);\n\n    const contextValue = React.useMemo(\n      () => ({ size, color }),\n      [size, color],\n    );\n\n    const body = (\n      <MenuProvider size={size}>\n        <DropdownMenuContentContext.Provider value={contextValue}>{children}</DropdownMenuContentContext.Provider>\n      </MenuProvider>\n    );\n\n    return (\n      <DropdownMenuPrimitive.Portal container={container} forceMount={forceMount}>\n        <Theme asChild>\n          <DropdownMenuPrimitive.SubContent\n            data-accent-color={color}\n            alignOffset={getMenuAlignOffset(scalarSize)}\n            // Side offset accounts for the outer solid box-shadow\n            sideOffset={1}\n            collisionPadding={10}\n            {...subContentProps}\n            asChild={false}\n            ref={forwardedRef}\n            className={classNames(\n              'kui-PopperContent',\n              'kui-BaseMenuContent',\n          'kui-variant-soft',\n              'kui-BaseMenuSubContent',\n              'kui-DropdownMenuContent',\n              'kui-DropdownMenuSubContent',\n              className,\n            )}\n          >\n            {virtualized ? (\n              <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport', 'kui-virtualized')}>\n                {body}\n              </div>\n            ) : (\n              <ScrollArea type=\"auto\" scrollbars=\"vertical\">\n                <div className={classNames('kui-BaseMenuViewport', 'kui-DropdownMenuViewport')}>{body}</div>\n              </ScrollArea>\n            )}\n          </DropdownMenuPrimitive.SubContent>\n        </Theme>\n      </DropdownMenuPrimitive.Portal>\n    );\n  },\n);\nCascadeSubContent.displayName = 'DropdownMenu.CascadeSubContent';\n\ninterface DrillDownPanelProps extends DropdownMenuSubContentProps {\n  store: NonNullable<ReturnType<typeof useDrillDownStore>>;\n  sub: NonNullable<ReturnType<typeof useSubContext>>;\n}\n\n/**\n * A submenu rendered inline in drill-down mode. It mounts its children only\n * while it is on the navigation stack, and shows its own items only while it\n * is the top level; deeper panels inside it stay mounted.\n */\nconst DrillDownPanel = React.forwardRef<DropdownMenuSubContentElement, DrillDownPanelProps>(\n  ({ store, sub, ...props }, forwardedRef) => {\n    const position = usePanelPosition(store, sub.id);\n    const entry = useStackEntry(store, sub.id);\n    const direction = useDrillDownDirection(position === 'top' ? store : null);\n\n    if (position === 'closed') return null;\n\n    const {\n      className,\n      children,\n      container: _container,\n      forceMount: _forceMount,\n      virtualized: _virtualized,\n      size: _size,\n      color: _color,\n      ...panelProps\n    } = omitPopperProps(props);\n\n    const isTop = position === 'top';\n    const name = entry?.name || (typeof sub.label === 'string' ? sub.label : '');\n\n    return (\n      <div\n        role=\"group\"\n        aria-label={name || undefined}\n        {...panelProps}\n        ref={forwardedRef}\n        data-drill-down-panel={sub.id}\n        data-drill-down-active={isTop ? true : undefined}\n        data-animation-direction={isTop ? (direction ?? undefined) : undefined}\n        className={classNames('kui-DropdownMenuDrillDownPanel', className)}\n      >\n        {isTop && (\n          <>\n            <DrillDownBackItem label={sub.label} name={name} />\n            <DropdownMenuPrimitive.Separator className=\"kui-BaseMenuSeparator kui-DropdownMenuSeparator\" />\n          </>\n        )}\n        <DrillDownLevelContext.Provider value={isTop}>{children}</DrillDownLevelContext.Provider>\n      </div>\n    );\n  },\n);\nDrillDownPanel.displayName = 'DropdownMenu.DrillDownPanel';\n\ntype DropdownMenuTriggerIconElement = React.ElementRef<'svg'>;\ninterface DropdownMenuTriggerIconProps extends IconProps {}\nconst DropdownMenuTriggerIcon = React.forwardRef<\n  DropdownMenuTriggerIconElement,\n  DropdownMenuTriggerIconProps\n>(({ className, ...props }, forwardedRef) => (\n  <ChevronDownIcon\n    {...props}\n    ref={forwardedRef}\n    className={classNames('kui-DropdownMenuTriggerIcon', className)}\n  />\n));\nDropdownMenuTriggerIcon.displayName = 'DropdownMenu.TriggerIcon';\n\nexport {\n  DropdownMenuRoot as Root,\n  DropdownMenuTrigger as Trigger,\n  DropdownMenuTriggerIcon as TriggerIcon,\n  DropdownMenuContent as Content,\n  DropdownMenuLabel as Label,\n  DropdownMenuItem as Item,\n  DropdownMenuGroup as Group,\n  DropdownMenuRadioGroup as RadioGroup,\n  DropdownMenuRadioItem as RadioItem,\n  DropdownMenuCheckboxItem as CheckboxItem,\n  DropdownMenuSub as Sub,\n  DropdownMenuSubTrigger as SubTrigger,\n  DropdownMenuSubContent as SubContent,\n  DropdownMenuSeparator as Separator,\n  VirtualMenu as Virtual,\n};\n\nexport type {\n  DropdownMenuRootProps as RootProps,\n  DropdownMenuTriggerProps as TriggerProps,\n  DropdownMenuTriggerIconProps as TriggerIconProps,\n  DropdownMenuContentProps as ContentProps,\n  DropdownMenuLabelProps as LabelProps,\n  DropdownMenuItemProps as ItemProps,\n  DropdownMenuGroupProps as GroupProps,\n  DropdownMenuRadioGroupProps as RadioGroupProps,\n  DropdownMenuRadioItemProps as RadioItemProps,\n  DropdownMenuCheckboxItemProps as CheckboxItemProps,\n  DropdownMenuSubProps as SubProps,\n  DropdownMenuSubTriggerProps as SubTriggerProps,\n  DropdownMenuSubContentProps as SubContentProps,\n  DropdownMenuSeparatorProps as SeparatorProps,\n  SubmenuBehavior,\n};\n"],
-  "mappings": "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",
-  "names": ["dropdown_menu_exports", "__export", "DropdownMenuCheckboxItem", "DropdownMenuContent", "DropdownMenuGroup", "DropdownMenuItem", "DropdownMenuLabel", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "DropdownMenuRoot", "DropdownMenuSeparator", "DropdownMenuSub", "DropdownMenuSubContent", "DropdownMenuSubTrigger", "DropdownMenuTrigger", "DropdownMenuTriggerIcon", "VirtualMenu", "React", "classNames", "DropdownMenuPrimitive", "Slot", "useCallbackRef", "DropdownMenuOpenContext", "DropdownMenuRoot", "props", "openProp", "defaultOpen", "onOpenChange", "uncontrolledOpen", "setUncontrolledOpen", "open", "handleOpenChangeProp", "useCallbackRef", "handleOpenChange", "next", "DropdownMenuPrimitive", "DropdownMenuTrigger", "children", "forwardedRef", "requireReactElement", "DropdownMenuContentContext", "BACK_KEYS", "FORWARD_KEYS", "isTextEntryTarget", "target", "getDirection", "element", "DropdownMenuContent", "ownProps", "useThemeSizeProps", "baseMenuContentPropDefs", "themeContext", "useThemeContext", "size", "className", "color", "container", "forceMount", "submenuBehavior", "virtualized", "onEscapeKeyDown", "onKeyDown", "contentProps", "extractProps", "resolvedColor", "behavior", "useResolvedResponsiveValue", "isDrillDown", "drillDownStore", "useCreateDrillDownStore", "handleEscapeKeyDown", "event", "handleKeyDown", "contextValue", "contentBody", "MenuProvider", "DrillDownRoot", "Theme", "classNames", "ScrollArea", "DropdownMenuLabel", "DrillDownLevelContext", "DropdownMenuItem", "baseMenuItemPropDefs", "shortcut", "itemProps", "toAriaKeyShortcuts", "Slot", "MenuShortcut", "DropdownMenuGroup", "DropdownMenuRadioGroup", "DropdownMenuRadioItem", "baseMenuRadioItemPropDefs", "ThickDotIcon", "DropdownMenuCheckboxItem", "baseMenuCheckboxItemPropDefs", "ThickCheckIcon", "DropdownMenuSub", "label", "useDrillDownStore", "id", "subContextValue", "isOpenInDrillDown", "usePanelPosition", "defaultOpenRef", "wasOpenRef", "SubContext", "DropdownMenuSubTrigger", "subTriggerProps", "subContext", "useSubContext", "isLevelVisible", "handleSelect", "ThickChevronRightIcon", "DropdownMenuSeparator", "DrillDownBackItem", "name", "labelText", "ariaLabel", "ThickChevronLeftIcon", "omitPopperProps", "_loop", "_onEscapeKeyDown", "_onPointerDownOutside", "_onFocusOutside", "_onInteractOutside", "_sideOffset", "_alignOffset", "_avoidCollisions", "_collisionBoundary", "_collisionPadding", "_arrowPadding", "_sticky", "_hideWhenDetached", "_updatePositionStrategy", "rest", "DropdownMenuSubContent", "DrillDownPanel", "CascadeSubContent", "parent", "_color", "subContentProps", "baseMenuSubContentPropDefs", "scalarSize", "body", "getMenuAlignOffset", "store", "sub", "position", "entry", "useStackEntry", "direction", "useDrillDownDirection", "_container", "_forceMount", "_virtualized", "_size", "panelProps", "isTop", "DropdownMenuTriggerIcon", "ChevronDownIcon"]
-}

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

@@ -1,2 +0,0 @@
-import{b as i}from"./chunk-KZEZDBE7.js";import*as e from"react";var u=e.createContext({isInsideMenu:!1}),c={1:24,2:30,3:34,4:38};function d(t){return c[t]}function M({children:t,size:r}){let n=i(r,void 0),o=n?d(n):void 0,s=e.useMemo(()=>({isInsideMenu:!0,size:n,itemHeight:o}),[n,o]);return e.createElement(u.Provider,{value:s},t)}function a(){return e.useContext(u)}export{c as a,d as b,M as c,a as d};
-//# sourceMappingURL=chunk-3KQE2PSJ.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/_internal/menu-context.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport { useResolvedResponsiveValue } from './base-menu.utils.js';\n\nimport type { Responsive } from '../../props/prop-def.js';\n\n/**\n * Context to detect if a component is rendered inside a menu (DropdownMenu, ContextMenu, etc.)\n * Used by VirtualMenu to adjust its behavior:\n * - Skip role=\"menu\" when inside a parent menu (parent owns the role)\n * - Delegate certain keyboard handling to parent\n * - Use the correct item height based on menu size\n */\n\nexport type MenuSize = '1' | '2' | '3' | '4';\n\ninterface MenuContextValue {\n  /** Whether we're inside a menu that owns the menu role */\n  isInsideMenu: boolean;\n  /** Menu size for the current breakpoint */\n  size?: MenuSize;\n  /** Item height in px for the current size and theme scaling */\n  itemHeight?: number;\n}\n\nconst MenuContext = React.createContext<MenuContextValue>({ isInsideMenu: false });\n\ninterface MenuProviderProps {\n  children: React.ReactNode;\n  /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */\n  size?: Responsive<MenuSize>;\n}\n\n/**\n * Menu row height in pixels per size: the line height plus --row-inset-N above and below\n * (base-menu.css), never under the 24px target floor.\n */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n  '1': 24,\n  '2': 30,\n  '3': 34,\n  '4': 38,\n};\n\nexport function getMenuItemHeight(size: MenuSize): number {\n  return menuSizeToItemHeight[size];\n}\n\nexport function MenuProvider({ children, size }: MenuProviderProps) {\n  const resolvedSize = useResolvedResponsiveValue<MenuSize | undefined>(size, undefined);\n  const itemHeight = resolvedSize ? getMenuItemHeight(resolvedSize) : undefined;\n  const value = React.useMemo(\n    () => ({ isInsideMenu: true, size: resolvedSize, itemHeight }),\n    [resolvedSize, itemHeight],\n  );\n  return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n}\n\nexport function useMenuContext() {\n  return React.useContext(MenuContext);\n}\n"],
-  "mappings": "wCAEA,UAAYA,MAAW,QAyBvB,IAAMC,EAAoB,gBAAgC,CAAE,aAAc,EAAM,CAAC,EAYpEC,EAAiD,CAC5D,EAAK,GACL,EAAK,GACL,EAAK,GACL,EAAK,EACP,EAEO,SAASC,EAAkBC,EAAwB,CACxD,OAAOF,EAAqBE,CAAI,CAClC,CAEO,SAASC,EAAa,CAAE,SAAAC,EAAU,KAAAF,CAAK,EAAsB,CAClE,IAAMG,EAAeC,EAAiDJ,EAAM,MAAS,EAC/EK,EAAaF,EAAeJ,EAAkBI,CAAY,EAAI,OAC9DG,EAAc,UAClB,KAAO,CAAE,aAAc,GAAM,KAAMH,EAAc,WAAAE,CAAW,GAC5D,CAACF,EAAcE,CAAU,CAC3B,EACA,OAAO,gBAACR,EAAY,SAAZ,CAAqB,MAAOS,GAAQJ,CAAS,CACvD,CAEO,SAASK,GAAiB,CAC/B,OAAa,aAAWV,CAAW,CACrC",
-  "names": ["React", "MenuContext", "menuSizeToItemHeight", "getMenuItemHeight", "size", "MenuProvider", "children", "resolvedSize", "useResolvedResponsiveValue", "itemHeight", "value", "useMenuContext"]
-}

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

@@ -1,2 +0,0 @@
-import{b as s}from"./chunk-5YLKKQFK.js";import*as r from"react";function l(e){return typeof e=="object"&&e!==null}function p(e,n){let t={},o=null;for(let i of s){if(e!==void 0&&!l(e)){t[i]=e;continue}let a=l(e)?e[i]:void 0;a!==void 0&&(o={value:a}),t[i]=o?o.value:n(i)}return t}function d(e){let n=e.initial;return s.every(t=>e[t]===n)?n:void 0}function h(e,n){let t=d(n);if(t!==void 0)return{[`data-${e}`]:t};let o={};for(let i of s)o[`data-${e}-${i}`]=n[i];return o}function P(e){return typeof e=="object"&&e!==null?JSON.stringify(e):String(e)}var T=p("fixed",()=>"fixed");function g(){return{entries:new Map,listeners:new Set,version:0,peek:null}}function f(e){e.version+=1;for(let n of e.listeners)n()}function c(e,n){return e.listeners.add(n),()=>{e.listeners.delete(n)}}function R(e,n){e.peek!==n&&(e.peek=n,f(e))}var S=r.createContext(null);function y(e){let n=r.useContext(S);if(!n)throw new Error(`${e} must be used within <Shell.Root>`);return n}function I(e,n){let t=r.useCallback(i=>c(e,i),[e]),o=r.useCallback(()=>e.entries.get(n),[e,n]);return r.useSyncExternalStore(t,o,()=>{})}function k(e,n){let t=r.useCallback(o=>c(e,o),[e]);return r.useSyncExternalStore(t,()=>e.peek===n,()=>!1)}var b=r.createContext(null);function m(e,n){let t=r.useContext(b);if(!t)throw new Error("Shell panes must be used within <Shell.Root>");let{registerInset:o,unregisterInset:i}=t;r.useLayoutEffect(()=>{if(n)return o(e),()=>i(e)},[e,n,o,i])}var u=new Set;function v(e){}export{p as a,d as b,h as c,P as d,T as e,g as f,f as g,c as h,R as i,S as j,y as k,I as l,k as m,b as n,m as o,v as p};
-//# sourceMappingURL=chunk-3PTKPDSA.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/_internal/shell-store.tsx"],
-  "sourcesContent": ["'use client';\n\n/**\n * The Shell's state model (0.8.0), ported from kookie-ui-v2's Shell.\n *\n * - State lives on the pane. Each pane holds `auto | open | closed`.\n *   `auto` means untouched: the stylesheet decides what\n *   it shows at each breakpoint, so first paint is right with no script, the\n *   server and the client render the same markup, and no open-state callback\n *   can fire on mount or on a resize.\n * - The one thing that crosses the Shell is a registry keyed by pane name.\n *   Each pane registers what it is and how to drive it; a Trigger looks its\n *   pane up, and the Root reads the set of live overlays. Nothing scans\n *   children and nothing checks `displayName`.\n * - The responsive props are resolved into a table with one value per\n *   breakpoint, from the props alone, with no window. The table is written to\n *   the DOM as data attributes for the stylesheet, and read again in JS by the\n *   mirror that sets `aria-expanded`. One table, two readers, so they agree by\n *   construction.\n */\nimport * as React from 'react';\nimport { SHELL_BREAKPOINTS } from '../shell.types.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\n\n/* \u2500\u2500 Breakpoint tables \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type Table<T> = Record<Breakpoint, T>;\n\n/** What a pane shows: open or closed. */\nexport type PaneValue = 'open' | 'closed';\n\ntype ResponsiveInput<T> = T | Partial<Record<Breakpoint, T>> | undefined;\n\nfunction isMap<T>(value: ResponsiveInput<T>): value is Partial<Record<Breakpoint, T>> {\n  return typeof value === 'object' && value !== null;\n}\n\n/**\n * A responsive value at every breakpoint. A breakpoint takes the largest key\n * at or below it, the same fallback `useResponsiveValue` used; a breakpoint\n * below every key takes `fallback`.\n */\nexport function tableOf<T>(value: ResponsiveInput<T>, fallback: (bp: Breakpoint) => T): Table<T> {\n  const table = {} as Table<T>;\n  let carried: { value: T } | null = null;\n  for (const bp of SHELL_BREAKPOINTS) {\n    if (value !== undefined && !isMap(value)) {\n      table[bp] = value;\n      continue;\n    }\n    const entry = isMap(value) ? value[bp] : undefined;\n    if (entry !== undefined) carried = { value: entry };\n    table[bp] = carried ? carried.value : fallback(bp);\n  }\n  return table;\n}\n\n/** The table's one value, when it has only one. */\nexport function constantOf<T>(table: Table<T>): T | undefined {\n  const first = table.initial;\n  return SHELL_BREAKPOINTS.every((bp) => table[bp] === first) ? first : undefined;\n}\n\n/**\n * The table as data attributes: `data-<name>` when it holds one value, one\n * `data-<name>-<bp>` per breakpoint when it holds several. The stylesheet has\n * a rule for each spelling.\n */\nexport function tableAttributes(name: string, table: Table<string>): Record<string, string> {\n  const constant = constantOf(table);\n  if (constant !== undefined) return { [`data-${name}`]: constant };\n  const attributes: Record<string, string> = {};\n  for (const bp of SHELL_BREAKPOINTS) attributes[`data-${name}-${bp}`] = table[bp];\n  return attributes;\n}\n\n/**\n * A responsive prop object is usually an inline literal, a new identity every\n * render. Keying memoisation on its contents keeps the tables, and so the\n * registry entries, stable across renders that change nothing.\n */\nexport function useStableKey(value: unknown): string {\n  return typeof value === 'object' && value !== null ? JSON.stringify(value) : String(value);\n}\n\nexport const FIXED_TABLE: Table<PresentationValue> = tableOf<PresentationValue>('fixed', () => 'fixed');\n\n/* \u2500\u2500 The registry \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type OpenChangeReason = 'toggle' | 'dismiss';\n\nexport type PaneEntry = {\n  name: PaneName;\n  id: string;\n  el: HTMLElement | null;\n  /** What the pane shows now; `undefined` while an untouched pane cannot know (before the breakpoint is known). */\n  value: PaneValue | undefined;\n  /** How the pane is presented now, when known. */\n  presentation: PresentationValue | undefined;\n  /** The pane's own presentation at every breakpoint. A Panel with none of its own follows the Rail's. */\n  presentationTable: Table<PresentationValue>;\n  /** Open and presented as an overlay: what the scrim and Escape close, and what containment exempts. */\n  overlayLive: boolean;\n  /** The pane's designed open width, for panes that sit beside it when floating. */\n  size: number;\n  setValue: (value: PaneValue, reason: OpenChangeReason) => void;\n  toggle: (reason: OpenChangeReason) => void;\n};\n\nexport type ShellStore = {\n  entries: Map<PaneName, PaneEntry>;\n  listeners: Set<() => void>;\n  /**\n   * What a subscriber reads. useSyncExternalStore needs a value that is stable\n   * between notifications, and a number is; the Map, or anything derived from\n   * it, would be a new identity on every read.\n   */\n  version: number;\n  /** The pane a hovered Trigger is previewing, if any. Layout only. */\n  peek: PaneName | null;\n};\n\nexport function createShellStore(): ShellStore {\n  return { entries: new Map(), listeners: new Set(), version: 0, peek: null };\n}\n\nexport function notifyShellStore(store: ShellStore) {\n  store.version += 1;\n  for (const listener of store.listeners) listener();\n}\n\nexport function subscribeShellStore(store: ShellStore, listener: () => void) {\n  store.listeners.add(listener);\n  return () => {\n    store.listeners.delete(listener);\n  };\n}\n\nexport function setShellPeek(store: ShellStore, peek: PaneName | null) {\n  if (store.peek === peek) return;\n  store.peek = peek;\n  notifyShellStore(store);\n}\n\nexport const ShellStoreContext = React.createContext<ShellStore | null>(null);\n\nexport function useShellStore(part: string): ShellStore {\n  const store = React.useContext(ShellStoreContext);\n  if (!store) throw new Error(`${part} must be used within <Shell.Root>`);\n  return store;\n}\n\n/** One pane's registry entry. Re-renders only when that entry is replaced. */\nexport function usePaneEntry(store: ShellStore, name: PaneName): PaneEntry | undefined {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  const getSnapshot = React.useCallback(() => store.entries.get(name), [store, name]);\n  return React.useSyncExternalStore(subscribe, getSnapshot, () => undefined);\n}\n\n/**\n * Whether this pane is the one being previewed. A boolean per pane rather than\n * the peek target itself, so hovering one Trigger re-renders one pane, not all.\n */\nexport function usePeeking(store: ShellStore, name: PaneName): boolean {\n  const subscribe = React.useCallback((listener: () => void) => subscribeShellStore(store, listener), [store]);\n  return React.useSyncExternalStore(\n    subscribe,\n    () => store.peek === name,\n    () => false,\n  );\n}\n\n/* \u2500\u2500 Inset \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nexport type InsetPaneId = 'rail' | 'panel' | 'sidebar' | 'content' | 'inspector' | 'bottom';\n\nexport const ShellInsetContext = React.createContext<{\n  registerInset: (id: InsetPaneId) => void;\n  unregisterInset: (id: InsetPaneId) => void;\n} | null>(null);\n\n/** Registers a pane's `inset` with the Root, which paints the backdrop while any pane is inset. */\nexport function useInsetRegistration(id: InsetPaneId, inset: boolean | undefined) {\n  const ctx = React.useContext(ShellInsetContext);\n  if (!ctx) throw new Error('Shell panes must be used within <Shell.Root>');\n  const { registerInset, unregisterInset } = ctx;\n  React.useLayoutEffect(() => {\n    if (!inset) return;\n    registerInset(id);\n    return () => unregisterInset(id);\n  }, [id, inset, registerInset, unregisterInset]);\n}\n\n/* \u2500\u2500 Development warnings \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\nconst warned = new Set<string>();\n\n/** A deprecation warning, once per message per page load. Development only. */\nexport function warnOnce(message: string) {\n  if (process.env.NODE_ENV === 'production') return;\n  if (warned.has(message)) return;\n  warned.add(message);\n  console.warn(`[kookie-ui] ${message}`);\n}\n"],
-  "mappings": "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",
-  "names": ["React", "isMap", "value", "tableOf", "fallback", "table", "carried", "bp", "SHELL_BREAKPOINTS", "entry", "constantOf", "first", "tableAttributes", "name", "constant", "attributes", "useStableKey", "FIXED_TABLE", "createShellStore", "notifyShellStore", "store", "listener", "subscribeShellStore", "setShellPeek", "peek", "ShellStoreContext", "useShellStore", "part", "usePaneEntry", "subscribe", "getSnapshot", "usePeeking", "ShellInsetContext", "useInsetRegistration", "id", "inset", "ctx", "registerInset", "unregisterInset", "warned", "warnOnce", "message"]
-}

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/separator.props.tsx"],
-  "sourcesContent": ["import { colorPropDef } from '../props/color.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst orientationValues = ['horizontal', 'vertical'] as const;\n\nconst separatorPropDefs = {\n  orientation: {\n    type: 'enum',\n    className: 'kui-r-orientation',\n    values: orientationValues,\n    default: 'horizontal',\n    responsive: true,\n  },\n  color: { ...colorPropDef.color, default: 'gray' },\n  decorative: { type: 'boolean', default: true },\n  light: { type: 'boolean', className: 'kui-light', default: false },\n} satisfies {\n  orientation: PropDef<(typeof orientationValues)[number]>;\n  color: typeof colorPropDef.color;\n  decorative: PropDef<boolean>;\n  light: PropDef<boolean>;\n};\n\nexport { separatorPropDefs };\n"],
-  "mappings": "wCAIA,IAAMA,EAAoB,CAAC,aAAc,UAAU,EAE7CC,EAAoB,CACxB,YAAa,CACX,KAAM,OACN,UAAW,oBACX,OAAQD,EACR,QAAS,aACT,WAAY,EACd,EACA,MAAO,CAAE,GAAGE,EAAa,MAAO,QAAS,MAAO,EAChD,WAAY,CAAE,KAAM,UAAW,QAAS,EAAK,EAC7C,MAAO,CAAE,KAAM,UAAW,UAAW,YAAa,QAAS,EAAM,CACnE",
-  "names": ["orientationValues", "separatorPropDefs", "colorPropDef"]
-}

package/dist/esm/chunk-5BWLY27A.js

@@ -1,2 +0,0 @@
-import*as o from"react";function f(l){let[e,a]=o.useState(null);return o.useEffect(()=>{if(!l||!e)return;let t=0,c=()=>{t=0;let n=Math.max(0,e.scrollTop),u=Math.max(0,e.scrollHeight-e.clientHeight-e.scrollTop);e.style.setProperty("--scroll-overflow-start",`${n}px`),e.style.setProperty("--scroll-overflow-end",`${u}px`)},r=()=>{t||(t=requestAnimationFrame(c))};c(),e.addEventListener("scroll",r,{passive:!0});let s=typeof ResizeObserver>"u"?null:new ResizeObserver(r);s?.observe(e);for(let n of Array.from(e.children))s?.observe(n);let i=typeof MutationObserver>"u"?null:new MutationObserver(r);return i?.observe(e,{childList:!0}),()=>{t&&cancelAnimationFrame(t),e.removeEventListener("scroll",r),s?.disconnect(),i?.disconnect(),e.style.removeProperty("--scroll-overflow-start"),e.style.removeProperty("--scroll-overflow-end")}},[l,e]),a}export{f as a};
-//# sourceMappingURL=chunk-5BWLY27A.js.map

package/dist/esm/chunk-5BWLY27A.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/use-scroll-edges.ts"],
-  "sourcesContent": ["import * as React from 'react';\n\n/**\n * Publishes how much content is hidden past each block edge of a scroller, as\n * `--scroll-overflow-start` and `--scroll-overflow-end` (px) on the element.\n * The scroll fade reads them, so an edge fades only while content is hidden\n * there, and the fade ramps in over the first pixels of scrolling.\n *\n * Writes happen at most once per frame, on scroll and when the element or its\n * content resizes. Nothing re-renders.\n */\nexport function useScrollEdges<T extends HTMLElement>(enabled: boolean) {\n  const [element, setElement] = React.useState<T | null>(null);\n\n  React.useEffect(() => {\n    if (!enabled || !element) return;\n    let frame = 0;\n    const write = () => {\n      frame = 0;\n      const start = Math.max(0, element.scrollTop);\n      const end = Math.max(0, element.scrollHeight - element.clientHeight - element.scrollTop);\n      element.style.setProperty('--scroll-overflow-start', `${start}px`);\n      element.style.setProperty('--scroll-overflow-end', `${end}px`);\n    };\n    const schedule = () => {\n      if (!frame) frame = requestAnimationFrame(write);\n    };\n    write();\n    element.addEventListener('scroll', schedule, { passive: true });\n    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);\n    observer?.observe(element);\n    for (const child of Array.from(element.children)) observer?.observe(child);\n    const mutations = typeof MutationObserver === 'undefined' ? null : new MutationObserver(schedule);\n    mutations?.observe(element, { childList: true });\n    return () => {\n      if (frame) cancelAnimationFrame(frame);\n      element.removeEventListener('scroll', schedule);\n      observer?.disconnect();\n      mutations?.disconnect();\n      element.style.removeProperty('--scroll-overflow-start');\n      element.style.removeProperty('--scroll-overflow-end');\n    };\n  }, [enabled, element]);\n\n  return setElement;\n}\n"],
-  "mappings": "AAAA,UAAYA,MAAW,QAWhB,SAASC,EAAsCC,EAAkB,CACtE,GAAM,CAACC,EAASC,CAAU,EAAU,WAAmB,IAAI,EAE3D,OAAM,YAAU,IAAM,CACpB,GAAI,CAACF,GAAW,CAACC,EAAS,OAC1B,IAAIE,EAAQ,EACNC,EAAQ,IAAM,CAClBD,EAAQ,EACR,IAAME,EAAQ,KAAK,IAAI,EAAGJ,EAAQ,SAAS,EACrCK,EAAM,KAAK,IAAI,EAAGL,EAAQ,aAAeA,EAAQ,aAAeA,EAAQ,SAAS,EACvFA,EAAQ,MAAM,YAAY,0BAA2B,GAAGI,CAAK,IAAI,EACjEJ,EAAQ,MAAM,YAAY,wBAAyB,GAAGK,CAAG,IAAI,CAC/D,EACMC,EAAW,IAAM,CAChBJ,IAAOA,EAAQ,sBAAsBC,CAAK,EACjD,EACAA,EAAM,EACNH,EAAQ,iBAAiB,SAAUM,EAAU,CAAE,QAAS,EAAK,CAAC,EAC9D,IAAMC,EAAW,OAAO,eAAmB,IAAc,KAAO,IAAI,eAAeD,CAAQ,EAC3FC,GAAU,QAAQP,CAAO,EACzB,QAAWQ,KAAS,MAAM,KAAKR,EAAQ,QAAQ,EAAGO,GAAU,QAAQC,CAAK,EACzE,IAAMC,EAAY,OAAO,iBAAqB,IAAc,KAAO,IAAI,iBAAiBH,CAAQ,EAChG,OAAAG,GAAW,QAAQT,EAAS,CAAE,UAAW,EAAK,CAAC,EACxC,IAAM,CACPE,GAAO,qBAAqBA,CAAK,EACrCF,EAAQ,oBAAoB,SAAUM,CAAQ,EAC9CC,GAAU,WAAW,EACrBE,GAAW,WAAW,EACtBT,EAAQ,MAAM,eAAe,yBAAyB,EACtDA,EAAQ,MAAM,eAAe,uBAAuB,CACtD,CACF,EAAG,CAACD,EAASC,CAAO,CAAC,EAEdC,CACT",
-  "names": ["React", "useScrollEdges", "enabled", "element", "setElement", "frame", "write", "start", "end", "schedule", "observer", "child", "mutations"]
-}

package/dist/esm/chunk-5ROQAZ7J.js

@@ -1,2 +0,0 @@
-import{a as C,b,c as O,d as $,g as B,k as _,m as q}from"./chunk-3PTKPDSA.js";import{a as S,b as U}from"./chunk-TBZO22XK.js";import*as t from"react";var M=e=>typeof e=="object"&&e!==null;function ee(e){for(let a of["initial","xs","sm","md","lg","xl"]){let l=e[a];if(l!==void 0)return l}return"closed"}function oe(e){let{name:a,label:l,propNames:o,presentationTable:u,builtIn:y}=e,d=_(`Shell.${l}`),F=t.useId(),v=e.id??`shell-${a}${F}`,c=e.controlled!==void 0,E=M(e.controlled);E&&(`${l}${o.controlled}${o.default}`,void 0);let p=E?e.controlled:void 0,L=p??(M(e.defaultValue)?e.defaultValue:void 0),G=$(L),[J,Q]=t.useState(()=>typeof e.defaultValue=="string"?e.defaultValue:"auto"),P=t.useMemo(()=>p?C(p,()=>ee(p)):C(L,n=>y(u[n])),[G,E,u,y]),r=J;c&&(r=p?"auto":e.controlled);let W=b(u)===void 0||r==="auto"&&b(P)===void 0,{breakpoint:I,ready:z}=U(W),H=n=>{let f=b(n);return f!==void 0?f:z?n[I]:void 0},i=r==="auto"?H(P):r,m=H(u),k=m==="overlay",s=i===void 0?void 0:i!=="closed",x=s===!0&&k,j=e.defaultValue,V=t.useRef({state:r,value:i,autoTable:P,defaultValue:j,controlled:c,onChange:e.onChange,toggleNext:e.toggleNext});t.useLayoutEffect(()=>{V.current={state:r,value:i,autoTable:P,defaultValue:j,controlled:c,onChange:e.onChange,toggleNext:e.toggleNext}});let h=t.useCallback(()=>{let n=V.current;return n.value!==void 0?n.value:n.state==="auto"?n.autoTable[S()]:void 0},[]),N=t.useCallback(()=>{let n=V.current;return typeof n.defaultValue=="string"?n.defaultValue:M(n.defaultValue)?n.autoTable[S()]:void 0},[]),g=t.useCallback((n,f)=>{let R=V.current;h()!==n&&(R.onChange?.(n,f),R.controlled||Q(n))},[h]),T=t.useCallback(n=>{let f=V.current,R=h()??"closed",Z=f.toggleNext?f.toggleNext(R,N()):R==="closed"?"open":"closed";g(Z,n)},[g,h,N]),D=t.useRef(null),X=t.useCallback(n=>{D.current=n},[]);t.useLayoutEffect(()=>{let n={name:a,id:v,el:D.current,value:i,presentation:m,presentationTable:u,overlayLive:x,size:e.size,setValue:g,toggle:T};return d.entries.set(a,n),B(d),()=>{d.entries.get(a)===n&&(d.entries.delete(a),B(d))}},[d,a,v,i,m,u,x,e.size,g,T]);let w=t.useRef({onExpand:e.onExpand,onCollapse:e.onCollapse});t.useLayoutEffect(()=>{w.current={onExpand:e.onExpand,onCollapse:e.onCollapse}});let A=t.useRef({state:r,shown:s});t.useEffect(()=>{let n=A.current;n.state!==r&&n.shown!==void 0&&s!==void 0&&n.shown!==s&&(s?w.current.onExpand?.():w.current.onCollapse?.()),A.current={state:r,shown:s}},[r,s]),t.useLayoutEffect(()=>{},[]);let K=t.useRef(c);t.useEffect(()=>{},[c,l,o.controlled]);let Y=q(d,a)&&s===!1&&!k;return{store:d,id:v,state:r,value:i,shown:s,presentation:m,overlaying:k,overlayLive:x,peeking:Y,ready:z,breakpoint:I,autoTable:P,setValue:g,toggle:T,defaultHereNow:N,setElement:X}}function le(e,a){let{state:l,value:o,presentation:u,shown:y}=e;return{...a,"data-state":l,...l==="auto"?O("auto",e.autoTable):{},"data-presentation":u,"data-mode":o===void 0?void 0:o==="closed"?"collapsed":"expanded","data-open":u==="stacked"&&y?"":void 0,"data-peek":e.peeking?"":void 0}}function ue(e,a){let l=$(e),o=t.useMemo(()=>C(e,()=>a),[l,a]),u=t.useMemo(()=>b(o)===void 0?O("presentation",o):{},[o]);return{table:o,attributes:u}}export{oe as a,le as b,ue as c};
-//# sourceMappingURL=chunk-5ROQAZ7J.js.map

package/dist/esm/chunk-5ROQAZ7J.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/_internal/shell-pane.tsx"],
-  "sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport { readBreakpoint, useBreakpoint } from '../../hooks/use-breakpoint.js';\nimport type { Breakpoint, PaneName, PresentationValue } from '../shell.types.js';\nimport {\n  constantOf,\n  notifyShellStore,\n  tableAttributes,\n  tableOf,\n  usePeeking,\n  useShellStore,\n  useStableKey,\n  warnOnce,\n  type OpenChangeReason,\n  type PaneEntry,\n  type PaneValue,\n  type Table,\n} from './shell-store.js';\n\ntype ResponsiveValue = PaneValue | Partial<Record<Breakpoint, PaneValue>>;\n\nexport type UsePaneOptions = {\n  name: PaneName;\n  /** The component's display name, for warnings: `Inspector`, `Sidebar`, \u2026 */\n  label: string;\n  /** The prop names a warning should use: `open`/`defaultOpen`, or `state`/`defaultState`. */\n  propNames: { controlled: string; default: string };\n  id: string | undefined;\n  /** The controlled value. A responsive object is deprecated: it is resolved against the current breakpoint. */\n  controlled: ResponsiveValue | undefined;\n  /**\n   * The uncontrolled default. A single value fixes where the pane starts. A\n   * responsive object leaves the pane untouched (`auto`), with that object as\n   * what it shows at each breakpoint.\n   */\n  defaultValue: ResponsiveValue | undefined;\n  /** The pane's presentation at every breakpoint. Pass a memoised table. */\n  presentationTable: Table<PresentationValue>;\n  /** What an untouched pane shows where no default says otherwise. Pass a module-level function. */\n  builtIn: (presentation: PresentationValue) => PaneValue;\n  /** Reports a change a user made. Never called on mount or on a resize. */\n  onChange: ((value: PaneValue, reason: OpenChangeReason) => void) | undefined;\n  /** The value a toggle moves to. Defaults to open and closed in turn. */\n  toggleNext?: (current: PaneValue, defaultHere: PaneValue | undefined) => PaneValue;\n  onExpand: (() => void) | undefined;\n  onCollapse: (() => void) | undefined;\n  /** The pane's designed open width, published for the panes beside it. */\n  size: number;\n};\n\nexport type PaneController = ReturnType<typeof usePane>;\n\nconst isMap = (value: ResponsiveValue | undefined): value is Partial<Record<Breakpoint, PaneValue>> => typeof value === 'object' && value !== null;\n\n/** The first value a responsive object states, smallest breakpoint first. */\nfunction firstStated(map: Partial<Record<Breakpoint, PaneValue>>): PaneValue {\n  for (const bp of ['initial', 'xs', 'sm', 'md', 'lg', 'xl'] as const) {\n    const value = map[bp];\n    if (value !== undefined) return value;\n  }\n  return 'closed';\n}\n\n/** Everything the togglable panes share: their state, their registry entry and their callbacks. */\nexport function usePane(options: UsePaneOptions) {\n  const { name, label, propNames, presentationTable, builtIn } = options;\n  const store = useShellStore(`Shell.${label}`);\n  const generatedId = React.useId();\n  const id = options.id ?? `shell-${name}${generatedId}`;\n\n  const controlled = options.controlled !== undefined;\n  const controlledIsMap = isMap(options.controlled);\n  if (controlledIsMap) {\n    warnOnce(\n      `Shell.${label}: a responsive \\`${propNames.controlled}\\` is deprecated and is removed in 1.0. ` +\n        `Pass a boolean and decide it from your own state, or use \\`${propNames.default}\\` with a responsive object.`,\n    );\n  }\n\n  // A responsive controlled value is resolved the way a responsive default\n  // is: it becomes the table an untouched pane follows, so the stylesheet\n  // answers it at each breakpoint (right in the server HTML, with no\n  // callback on a crossing) and the app's prop is still the only writer.\n  const controlledMap = controlledIsMap ? (options.controlled as Partial<Record<Breakpoint, PaneValue>>) : undefined;\n  const autoSource = controlledMap ?? (isMap(options.defaultValue) ? options.defaultValue : undefined);\n  const autoKey = useStableKey(autoSource);\n  const [inner, setInner] = React.useState<'auto' | PaneValue>(() => (typeof options.defaultValue === 'string' ? options.defaultValue : 'auto'));\n\n  // What an untouched pane shows at each breakpoint: a responsive default\n  // where it states one, the pane's own default where it does not.\n  const autoTable = React.useMemo(\n    () => (controlledMap ? tableOf<PaneValue>(controlledMap, () => firstStated(controlledMap)) : tableOf<PaneValue>(autoSource, (bp) => builtIn(presentationTable[bp]))),\n    // `autoKey` stands for the responsive object, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [autoKey, controlledIsMap, presentationTable, builtIn],\n  );\n\n  let state: 'auto' | PaneValue = inner;\n  if (controlled) state = controlledMap ? 'auto' : (options.controlled as PaneValue);\n\n  // Only a pane whose answer depends on the window subscribes to it, so a\n  // pane with one presentation and one default never re-renders on a resize.\n  const needsBreakpoint = constantOf(presentationTable) === undefined || (state === 'auto' && constantOf(autoTable) === undefined);\n  const { breakpoint, ready } = useBreakpoint(needsBreakpoint);\n\n  /** A table's value now: known without the window when it holds one value, else once the breakpoint is known. */\n  const now = <T,>(table: Table<T>): T | undefined => {\n    const constant = constantOf(table);\n    if (constant !== undefined) return constant;\n    return ready ? table[breakpoint] : undefined;\n  };\n\n  const value: PaneValue | undefined = state === 'auto' ? now(autoTable) : state;\n  const presentation = now(presentationTable);\n  const overlaying = presentation === 'overlay';\n  const shown = value === undefined ? undefined : value !== 'closed';\n  const overlayLive = shown === true && overlaying;\n\n  // Stable actions over the latest values, so the registry entry changes only\n  // when a fact it carries changes.\n  const defaultValue = options.defaultValue;\n  const latest = React.useRef({ state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext });\n  React.useLayoutEffect(() => {\n    latest.current = { state, value, autoTable, defaultValue, controlled, onChange: options.onChange, toggleNext: options.toggleNext };\n  });\n\n  /**\n   * What the pane shows, and its default, at the window's breakpoint right\n   * now. Asked at the moment of an action rather than taken from the last\n   * render: a touched pane no longer follows the window, and a click can land\n   * before the mirror has resolved after hydration.\n   */\n  const valueNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (current.value !== undefined) return current.value;\n    return current.state === 'auto' ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n  const defaultHereNow = React.useCallback((): PaneValue | undefined => {\n    const current = latest.current;\n    if (typeof current.defaultValue === 'string') return current.defaultValue;\n    return isMap(current.defaultValue) ? current.autoTable[readBreakpoint()] : undefined;\n  }, []);\n\n  const setValue = React.useCallback(\n    (next: PaneValue, reason: OpenChangeReason) => {\n      const current = latest.current;\n      if (valueNow() === next) return;\n      current.onChange?.(next, reason);\n      if (!current.controlled) setInner(next);\n    },\n    [valueNow],\n  );\n\n  const toggle = React.useCallback(\n    (reason: OpenChangeReason) => {\n      const current = latest.current;\n      const from = valueNow() ?? 'closed';\n      const next = current.toggleNext ? current.toggleNext(from, defaultHereNow()) : from === 'closed' ? 'open' : 'closed';\n      setValue(next, reason);\n    },\n    [setValue, valueNow, defaultHereNow],\n  );\n\n  // The pane's element, for the Root's containment and focus.\n  const elementRef = React.useRef<HTMLElement | null>(null);\n  const setElement = React.useCallback((node: HTMLElement | null) => {\n    elementRef.current = node;\n  }, []);\n\n  // Registration. A layout effect so a Trigger's aria attributes and the\n  // Root's containment are right before the browser paints.\n  React.useLayoutEffect(() => {\n    const entry: PaneEntry = {\n      name,\n      id,\n      el: elementRef.current,\n      value,\n      presentation,\n      presentationTable,\n      overlayLive,\n      size: options.size,\n      setValue,\n      toggle,\n    };\n    store.entries.set(name, entry);\n    notifyShellStore(store);\n    return () => {\n      if (store.entries.get(name) === entry) {\n        store.entries.delete(name);\n        notifyShellStore(store);\n      }\n    };\n  }, [store, name, id, value, presentation, presentationTable, overlayLive, options.size, setValue, toggle]);\n\n  // onExpand/onCollapse fire when the pane's state changes and that changes\n  // whether it is shown: a user's toggle, or a controlled prop. Never on\n  // mount, and never because the window crossed a breakpoint.\n  const callbacks = React.useRef({ onExpand: options.onExpand, onCollapse: options.onCollapse });\n  React.useLayoutEffect(() => {\n    callbacks.current = { onExpand: options.onExpand, onCollapse: options.onCollapse };\n  });\n  const previous = React.useRef({ state, shown });\n  React.useEffect(() => {\n    const before = previous.current;\n    if (before.state !== state && before.shown !== undefined && shown !== undefined && before.shown !== shown) {\n      if (shown) callbacks.current.onExpand?.();\n      else callbacks.current.onCollapse?.();\n    }\n    previous.current = { state, shown };\n  }, [state, shown]);\n\n  // Development guards. Once per mount, not once per render.\n  React.useLayoutEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (options.controlled !== undefined && options.defaultValue !== undefined) {\n      console.error(`Shell.${label}: Do not pass both \\`${propNames.controlled}\\` and \\`${propNames.default}\\`. Choose one.`);\n    }\n    // Mount only: this is the once-per-mount guard.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n  const wasControlled = React.useRef(controlled);\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'production') return;\n    if (wasControlled.current !== controlled) {\n      console.warn(`Shell.${label}: Switching between controlled and uncontrolled \\`${propNames.controlled}\\` is not supported.`);\n      wasControlled.current = controlled;\n    }\n  }, [controlled, label, propNames.controlled]);\n\n  const peeking = usePeeking(store, name) && shown === false && !overlaying;\n\n  return {\n    store,\n    id,\n    state,\n    value,\n    shown,\n    presentation,\n    overlaying,\n    overlayLive,\n    peeking,\n    ready,\n    breakpoint,\n    autoTable,\n    setValue,\n    toggle,\n    defaultHereNow,\n    setElement,\n  };\n}\n\n/** The data attributes every togglable pane renders. */\nexport function paneAttributes(pane: PaneController, presentationAttributes: Record<string, string>) {\n  const { state, value, presentation, shown } = pane;\n  return {\n    ...presentationAttributes,\n    'data-state': state,\n    ...(state === 'auto' ? tableAttributes('auto', pane.autoTable) : {}),\n    'data-presentation': presentation,\n    'data-mode': value === undefined ? undefined : value === 'closed' ? 'collapsed' : 'expanded',\n    // Kept for stylesheets written against 0.7: set while a stacked pane is open.\n    'data-open': presentation === 'stacked' && shown ? '' : undefined,\n    'data-peek': pane.peeking ? '' : undefined,\n  } as const;\n}\n\n/** A pane's own presentation, as a table and as the attributes the stylesheet reads. */\nexport function usePresentationTable(presentation: Parameters<typeof tableOf<PresentationValue>>[0], fallback: PresentationValue) {\n  const key = useStableKey(presentation);\n  const table = React.useMemo(\n    () => tableOf<PresentationValue>(presentation, () => fallback),\n    // `key` stands for `presentation`, which is usually a new literal each render.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [key, fallback],\n  );\n  // One value is the plain `data-presentation` the pane renders anyway; several\n  // are written per breakpoint, so the stylesheet can place the pane before\n  // any script runs.\n  const attributes = React.useMemo(() => (constantOf(table) === undefined ? tableAttributes('presentation', table) : ({} as Record<string, string>)), [table]);\n  return { table, attributes };\n}\n"],
-  "mappings": "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",
-  "names": ["React", "isMap", "value", "firstStated", "map", "bp", "usePane", "options", "name", "label", "propNames", "presentationTable", "builtIn", "store", "useShellStore", "generatedId", "id", "controlled", "controlledIsMap", "controlledMap", "autoSource", "autoKey", "useStableKey", "inner", "setInner", "autoTable", "tableOf", "state", "needsBreakpoint", "constantOf", "breakpoint", "ready", "useBreakpoint", "now", "table", "constant", "presentation", "overlaying", "shown", "overlayLive", "defaultValue", "latest", "valueNow", "current", "readBreakpoint", "defaultHereNow", "setValue", "next", "reason", "toggle", "from", "elementRef", "setElement", "node", "entry", "notifyShellStore", "callbacks", "previous", "before", "wasControlled", "peeking", "usePeeking", "paneAttributes", "pane", "presentationAttributes", "tableAttributes", "usePresentationTable", "fallback", "key", "attributes"]
-}

package/dist/esm/chunk-63PQNLFJ.js

@@ -1,2 +0,0 @@
-import{a as e}from"./chunk-IAEAXIBI.js";import{a as p}from"./chunk-7FTUTUMD.js";import{a as s}from"./chunk-YLDV2HKZ.js";import{b as t}from"./chunk-FWB47YCH.js";import{a as o}from"./chunk-ELAW7ZUG.js";import*as r from"react";import f from"classnames";var G=r.forwardRef((i,m)=>{let{className:a,asChild:d,as:n="div",...P}=o(i,e,p,s);return r.createElement(d?t:n,{...P,ref:m,className:f("kui-Grid",a)})});G.displayName="Grid";export{G as a};
-//# sourceMappingURL=chunk-63PQNLFJ.js.map

package/dist/esm/chunk-6CK7UTNH.js

@@ -1,2 +0,0 @@
-import{a as s}from"./chunk-CLZW2IDD.js";import{e as p}from"./chunk-3YLYGKFB.js";import{a as l}from"./chunk-ELAW7ZUG.js";import{a as I}from"./chunk-OS3FCYZY.js";var h={};I(h,{Item:()=>g,Root:()=>u});import*as e from"react";import i from"classnames";import{ToggleGroup as d}from"radix-ui";import{useControllableState as y}from"radix-ui/internal";var u=e.forwardRef((t,r)=>{let o=p(t,s.size),{className:n,children:a,radius:f,value:C,defaultValue:P,onValueChange:c,...S}=l(o,s),[R,v]=y({prop:C,onChange:c,defaultProp:P??""});return e.createElement(d.Root,{"data-disabled":o.disabled||void 0,"data-radius":f,ref:r,className:i("kui-SegmentedControlRoot",n),onValueChange:m=>{m&&v(m)},...S,type:"single",value:R,asChild:!1,disabled:!!o.disabled},a,e.createElement("div",{className:"kui-SegmentedControlIndicator"}))});u.displayName="SegmentedControl.Root";var g=e.forwardRef(({children:t,className:r,iconOnly:o,...n},a)=>e.createElement(d.Item,{ref:a,className:i("kui-reset","kui-SegmentedControlItem",r),"data-icon-only":o||void 0,...n,disabled:!1,asChild:!1},e.createElement("span",{className:"kui-SegmentedControlItemSeparator"}),e.createElement("span",{className:"kui-SegmentedControlItemLabel"},e.createElement("span",{className:"kui-SegmentedControlItemLabelActive"},t),e.createElement("span",{className:"kui-SegmentedControlItemLabelInactive","aria-hidden":!0},t))));g.displayName="SegmentedControl.Item";export{u as a,g as b,h as c};
-//# sourceMappingURL=chunk-6CK7UTNH.js.map

package/dist/esm/chunk-6CK7UTNH.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/segmented-control.tsx"],
-  "sourcesContent": ["'use client';\n\nimport { warnDeprecated } from '../helpers/warn-deprecated.js';\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';\nimport { useControllableState } from 'radix-ui/internal';\n\nimport { segmentedControlRootPropDefs } from './segmented-control.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { useThemeSizeProps } from '../helpers/theme-size.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype SegmentedControlRootOwnProps = GetPropDefTypes<typeof segmentedControlRootPropDefs>;\n\ninterface SegmentedControlRootProps\n  extends ComponentPropsWithout<'div', RemovedProps | 'dir'>,\n    SegmentedControlRootOwnProps {\n  value?: string;\n  defaultValue?: string;\n  onValueChange?(value: string): void;\n}\n\nconst SegmentedControlRoot = React.forwardRef<HTMLDivElement, SegmentedControlRootProps>(\n  (ownProps, forwardedRef) => {\n    const props = useThemeSizeProps(ownProps, segmentedControlRootPropDefs.size);\n    const {\n      className,\n      children,\n      radius,\n      value: valueProp,\n      defaultValue: defaultValueProp,\n      onValueChange: onValueChangeProp,\n      ...rootProps\n    } = extractProps(props, segmentedControlRootPropDefs);\n\n    const [value, setValue] = useControllableState({\n      prop: valueProp,\n      onChange: onValueChangeProp,\n      defaultProp: defaultValueProp ?? '',\n    });\n\n    return (\n      <ToggleGroupPrimitive.Root\n        data-disabled={props.disabled || undefined}\n        data-radius={radius}\n        ref={forwardedRef}\n        className={classNames('kui-SegmentedControlRoot', className)}\n        onValueChange={(value) => {\n          if (value) {\n            setValue(value);\n          }\n        }}\n        {...rootProps}\n        type=\"single\"\n        value={value}\n        asChild={false}\n        disabled={!!props.disabled}\n      >\n        {children}\n        <div className=\"kui-SegmentedControlIndicator\" />\n      </ToggleGroupPrimitive.Root>\n    );\n  },\n);\n\nSegmentedControlRoot.displayName = 'SegmentedControl.Root';\n\ninterface SegmentedControlItemOwnProps {\n  value: string;\n  /** When true, applies fixed square width for icon-only segments */\n  iconOnly?: boolean;\n}\n\ninterface SegmentedControlItemProps\n  extends ComponentPropsWithout<\n      typeof ToggleGroupPrimitive.Item,\n      RemovedProps | 'disabled' | 'type' | 'value'\n    >,\n    SegmentedControlItemOwnProps {}\n\nconst SegmentedControlItem = React.forwardRef<HTMLButtonElement, SegmentedControlItemProps>(\n  ({ children, className, iconOnly, ...props }, forwardedRef) => (\n    <ToggleGroupPrimitive.Item\n      ref={forwardedRef}\n      className={classNames('kui-reset', 'kui-SegmentedControlItem', className)}\n      data-icon-only={iconOnly || undefined}\n      {...props}\n      disabled={false}\n      asChild={false}\n    >\n      <span className=\"kui-SegmentedControlItemSeparator\" />\n      <span className=\"kui-SegmentedControlItemLabel\">\n        <span className=\"kui-SegmentedControlItemLabelActive\">{children}</span>\n        <span className=\"kui-SegmentedControlItemLabelInactive\" aria-hidden>\n          {children}\n        </span>\n      </span>\n    </ToggleGroupPrimitive.Item>\n  ),\n);\n\nSegmentedControlItem.displayName = 'SegmentedControl.Item';\n\nexport { SegmentedControlRoot as Root, SegmentedControlItem as Item };\nexport type { SegmentedControlRootProps as RootProps, SegmentedControlItemProps as ItemProps };\n"],
-  "mappings": "gKAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAGA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,eAAeC,MAA4B,WACpD,OAAS,wBAAAC,MAA4B,oBAmBrC,IAAMC,EAA6B,aACjC,CAACC,EAAUC,IAAiB,CAC1B,IAAMC,EAAQC,EAAkBH,EAAUI,EAA6B,IAAI,EACrE,CACJ,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,MAAOC,EACP,aAAcC,EACd,cAAeC,EACf,GAAGC,CACL,EAAIC,EAAaV,EAAOE,CAA4B,EAE9C,CAACS,EAAOC,CAAQ,EAAIC,EAAqB,CAC7C,KAAMP,EACN,SAAUE,EACV,YAAaD,GAAoB,EACnC,CAAC,EAED,OACE,gBAACO,EAAqB,KAArB,CACC,gBAAed,EAAM,UAAY,OACjC,cAAaK,EACb,IAAKN,EACL,UAAWgB,EAAW,2BAA4BZ,CAAS,EAC3D,cAAgBQ,GAAU,CACpBA,GACFC,EAASD,CAAK,CAElB,EACC,GAAGF,EACJ,KAAK,SACL,MAAOE,EACP,QAAS,GACT,SAAU,CAAC,CAACX,EAAM,UAEjBI,EACD,gBAAC,OAAI,UAAU,gCAAgC,CACjD,CAEJ,CACF,EAEAP,EAAqB,YAAc,wBAenC,IAAMmB,EAA6B,aACjC,CAAC,CAAE,SAAAZ,EAAU,UAAAD,EAAW,SAAAc,EAAU,GAAGjB,CAAM,EAAGD,IAC5C,gBAACe,EAAqB,KAArB,CACC,IAAKf,EACL,UAAWgB,EAAW,YAAa,2BAA4BZ,CAAS,EACxE,iBAAgBc,GAAY,OAC3B,GAAGjB,EACJ,SAAU,GACV,QAAS,IAET,gBAAC,QAAK,UAAU,oCAAoC,EACpD,gBAAC,QAAK,UAAU,iCACd,gBAAC,QAAK,UAAU,uCAAuCI,CAAS,EAChE,gBAAC,QAAK,UAAU,wCAAwC,cAAW,IAChEA,CACH,CACF,CACF,CAEJ,EAEAY,EAAqB,YAAc",
-  "names": ["segmented_control_exports", "__export", "SegmentedControlItem", "SegmentedControlRoot", "React", "classNames", "ToggleGroupPrimitive", "useControllableState", "SegmentedControlRoot", "ownProps", "forwardedRef", "props", "useThemeSizeProps", "segmentedControlRootPropDefs", "className", "children", "radius", "valueProp", "defaultValueProp", "onValueChangeProp", "rootProps", "extractProps", "value", "setValue", "useControllableState", "ToggleGroupPrimitive", "classNames", "SegmentedControlItem", "iconOnly"]
-}

package/dist/esm/chunk-6DDOR73D.js

@@ -1,2 +0,0 @@
-import{a as te,b as re}from"./chunk-FDHWAC6W.js";import{a as B,b as oe,c as O}from"./chunk-25FNCKUM.js";import{a as ee}from"./chunk-AGAQC4HH.js";import{b as Y,c as Z}from"./chunk-IX5HIHVI.js";import{a as X}from"./chunk-MJJ7XDIP.js";import{b as Q,c as U}from"./chunk-PPZY7PJA.js";import{c as _}from"./chunk-FWB47YCH.js";import{d as J}from"./chunk-3YLYGKFB.js";import{a as D}from"./chunk-ELAW7ZUG.js";import{a as Te}from"./chunk-OS3FCYZY.js";var Me={};Te(Me,{Content:()=>fe,Empty:()=>Pe,Group:()=>Re,Input:()=>xe,Item:()=>ye,Label:()=>he,List:()=>ge,Root:()=>pe,Separator:()=>ve,Trigger:()=>de,Value:()=>Ce});import*as e from"react";import p from"classnames";import{Popover as ne}from"radix-ui";import{useCallbackRef as A,useComposedRefs as ie,useControllableState as G,useLayoutEffect as W}from"radix-ui/internal";import{Command as T,useCommandState as ae}from"cmdk";var Ie={size:B.size},Ne={size:O.size},se=new Set;function Le(o){se.has(o)||(se.add(o),console.warn(o))}function we(o){let r=o,t=new Set;return{get:()=>r,set:n=>{Object.is(n,r)||(r=n,t.forEach(a=>a()))},subscribe:n=>(t.add(n),()=>{t.delete(n)})}}var le=e.createContext(null),M=o=>{let r=e.useContext(le);if(!r)throw new Error(`Combobox.${o} must be used within Combobox.Root`);return r},me=e.createContext(null),ce=e.createContext(null),be=e.createContext(null),ue=()=>e.useContext(be);function De(o){let r=o.getAttribute("aria-label")?.trim();if(r)return r;let t=o.getAttribute("aria-labelledby");if(t){let a=t.split(/\s+/).map(s=>o.ownerDocument.getElementById(s)?.textContent?.trim()).filter(Boolean).join(" ");if(a)return a}let n=o.labels;if(n&&n.length>0){let a=Array.from(n).map(s=>s.textContent?.trim()).filter(Boolean).join(" ");if(a)return a}}var pe=o=>{let{children:r,size:t,value:n,defaultValue:a=null,onValueChange:s,open:l,defaultOpen:d=!1,onOpenChange:i,placeholder:c="Select an option",searchPlaceholder:x="Search...",searchValue:g,defaultSearchValue:R="",onSearchValueChange:h,filter:C,shouldFilter:b=!0,loop:m=!0,disabled:v,resetSearchOnSelect:f=!0,resetSearchOnClose:S=!0,color:V,displayValue:y,...k}=o,u=J(t,B.size),[E,P]=G({prop:l,defaultProp:d,onChange:i}),[I,Se]=G({prop:n,defaultProp:a,onChange:s}),[j,N]=G({prop:g,defaultProp:R,onChange:h}),K=typeof y=="function"?y(I):y,[L]=e.useState(()=>we(I));W(()=>{L.set(I)},[L,I]);let F=A(w=>{P(w),!w&&S&&N("")}),q=A(w=>{Se(w),P(!1),f&&N("")}),z=e.useRef(null),$=e.useCallback(()=>z.current?De(z.current):void 0,[]),Ve=e.useMemo(()=>({value:I,displayValue:K,setOpen:F,size:u,placeholder:c,searchPlaceholder:x,disabled:v,color:V,loop:m,shouldFilter:b,filter:C,triggerRef:z,getTriggerLabel:$}),[I,K,F,u,c,x,v,V,m,b,C,$]),Ee=e.useMemo(()=>({value:j,setValue:N}),[j,N]),ke=e.useMemo(()=>({store:L,onSelect:q,disabled:v}),[L,q,v]);return e.createElement(le.Provider,{value:Ve},e.createElement(me.Provider,{value:Ee},e.createElement(ce.Provider,{value:ke},e.createElement(te,{open:E,onOpenChange:F,...k},r))))};pe.displayName="Combobox.Root";var de=e.forwardRef((o,r)=>{let t=M("Trigger"),{children:n,className:a,placeholder:s,disabled:l,readOnly:d,error:i,loading:c,color:x,radius:g,onClick:R,onKeyDown:h,type:C,...b}=D({size:t.size,...o},Ie,oe),m=l??t.disabled,v=x??t.color,f=!!(d||c),S=t.value==null&&t.displayValue==null,V=ie(r,t.triggerRef),{getTriggerLabel:y}=t;e.useEffect(()=>{},[y]);let k=P=>{R?.(P),f&&P.preventDefault()},u=P=>{h?.(P),!(P.defaultPrevented||f||m)&&P.key==="ArrowDown"&&(P.preventDefault(),t.setOpen(!0))},E=e.createElement(e.Fragment,null,e.createElement("span",{className:"kui-SelectTriggerInner"},e.createElement("span",{className:"kui-ComboboxValue"},t.displayValue??t.value??s??t.placeholder)),c?e.createElement("div",{className:"kui-SelectIcon kui-SelectLoadingIcon","aria-hidden":"true"},e.createElement("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},e.createElement("circle",{cx:"8",cy:"8",r:"7",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"32",strokeDashoffset:"32",className:"kui-SelectLoadingIconCircle"}))):e.createElement(Z,{className:"kui-SelectIcon"}));return e.createElement(re,{disabled:m},e.createElement("button",{"data-accent-color":v,"data-radius":g,"data-error":i,"data-loading":c,"data-disabled":m||void 0,"data-read-only":d||void 0,"data-placeholder":S?"":void 0,...b,role:"combobox","aria-disabled":m||void 0,"aria-readonly":d||void 0,"aria-invalid":i||void 0,"aria-busy":c||void 0,type:C??"button",disabled:m,onClick:k,onKeyDown:u,ref:V,className:p("kui-reset","kui-SelectTrigger","kui-ComboboxTrigger",a)},n?X(n):E))});de.displayName="Combobox.Trigger";var Ce=e.forwardRef(({placeholder:o,children:r,className:t,...n},a)=>{let s=M("Value"),l=s.displayValue??s.value??void 0;return e.createElement("span",{...n,ref:a,className:p("kui-ComboboxValue",t)},l??r??o??s.placeholder)});Ce.displayName="Combobox.Value";function Oe(){let o=ae(a=>a.filtered.count),r=ae(a=>a.search),[t,n]=e.useState("");return e.useEffect(()=>{let a=r?o===0?"No results":`${o} result${o===1?"":"s"}`:"",s=window.setTimeout(()=>n(a),r?400:0);return()=>window.clearTimeout(s)},[o,r]),e.createElement(ee,{role:"status","aria-live":"polite","aria-atomic":"true"},t)}var fe=e.forwardRef((o,r)=>{let t=M("Content"),n=Q(),a=o.size??t.size??O.size.default,{className:s,children:l,color:d,forceMount:i,container:c,onOpenAutoFocus:x,"aria-label":g,"aria-labelledby":R,...h}=D({...o,size:a},O),C=d||t.color||n.accentColor,{getTriggerLabel:b}=t,[m,v]=e.useState(b);W(()=>{if(m!==void 0)return;let u=b();u!==void 0&&v(u)},[b,m]);let f=o["aria-label"]??m,S=e.useMemo(()=>({sizeClassName:D({size:a},Ne).className||void 0,color:C,label:f}),[a,C,f]),V=e.useRef(null),y=u=>{if(x?.(u),u.defaultPrevented)return;let E=V.current;if(!E||E.querySelector("[cmdk-input]"))return;u.preventDefault(),(E.querySelector("[cmdk-list]")??E).focus({preventScroll:!0})},k=t.value?.trim()||void 0;return e.createElement(ne.Portal,{container:c,forceMount:i?!0:void 0},e.createElement(U,{asChild:!0},e.createElement(ne.Content,{"data-accent-color":C,align:"start",sideOffset:4,collisionPadding:10,"aria-label":R?void 0:f,"aria-labelledby":R,...h,forceMount:i?!0:void 0,onOpenAutoFocus:y,ref:r,className:p("kui-PopperContent","kui-BaseMenuContent","kui-variant-soft","kui-ComboboxContent",s)},e.createElement(be.Provider,{value:S},e.createElement(T,{ref:V,loop:t.loop,shouldFilter:t.shouldFilter,filter:t.filter,label:f,defaultValue:k,className:"kui-ComboboxCommand"},l,e.createElement(Oe,null))))))});fe.displayName="Combobox.Content";var xe=e.forwardRef(({className:o,startAdornment:r,endAdornment:t,placeholder:n,variant:a,value:s,onValueChange:l,...d},i)=>{let c=M("Input"),x=e.useContext(me),g=ue(),R=a??"soft",h=s??x?.value??"",C=l??x?.setValue,b=e.createElement("div",{className:p("kui-TextFieldRoot","kui-ComboboxInputRoot",g?.sizeClassName,`kui-variant-${R}`),"data-accent-color":g?.color},r?e.createElement("div",{className:"kui-TextFieldSlot"},r):null,e.createElement(T.Input,{...d,ref:i,value:h,onValueChange:C,placeholder:n??c.searchPlaceholder,className:p("kui-reset","kui-TextFieldInput",o)}),t?e.createElement("div",{className:"kui-TextFieldSlot","data-side":"right"},t):null);return g?e.createElement("div",{className:"kui-ComboboxSearch"},b):b});xe.displayName="Combobox.Input";var ge=e.forwardRef(({className:o,children:r,label:t,...n},a)=>{let s=ue();return e.createElement("div",{className:"kui-ComboboxScrollArea"},e.createElement("div",{className:p("kui-BaseMenuViewport","kui-ComboboxViewport")},e.createElement(T.List,{...n,label:t??s?.label,ref:a,className:p("kui-ComboboxList",o)},r)))});ge.displayName="Combobox.List";var Pe=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Empty,{...r,ref:t,className:p("kui-ComboboxEmpty",o)}));Pe.displayName="Combobox.Empty";var Re=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Group,{...r,ref:t,className:p("kui-BaseMenuGroup","kui-ComboboxGroup",o)}));Re.displayName="Combobox.Group";var he=e.forwardRef(({className:o,id:r,...t},n)=>{let a=e.useId(),s=r??a,l=e.useRef(null),d=ie(n,l);return W(()=>{let i=l.current?.closest("[cmdk-group-items]");if(!(!i||i.hasAttribute("aria-labelledby")))return i.setAttribute("aria-labelledby",s),()=>{i.getAttribute("aria-labelledby")===s&&i.removeAttribute("aria-labelledby")}},[s]),e.createElement("div",{...t,id:s,ref:d,className:p("kui-BaseMenuLabel","kui-ComboboxLabel",o)})});he.displayName="Combobox.Label";var ve=e.forwardRef(({className:o,...r},t)=>e.createElement(T.Separator,{...r,ref:t,className:p("kui-BaseMenuSeparator","kui-ComboboxSeparator",o)}));ve.displayName="Combobox.Separator";function H(o){return o==null||typeof o=="boolean"?"":typeof o=="string"||typeof o=="number"?String(o):Array.isArray(o)?o.map(H).join(""):e.isValidElement(o)?H(o.props.children):""}var ye=e.forwardRef(({className:o,children:r,label:t,value:n,disabled:a,onSelect:s,keywords:l,...d},i)=>{let c=e.useContext(ce);if(!c)throw new Error("Combobox.Item must be used within Combobox.Root");let{store:x,onSelect:g,disabled:R}=c,h=n??(typeof r=="string"?r.trim():void 0),C=()=>h!==void 0&&x.get()===h,b=e.useSyncExternalStore(x.subscribe,C,C),m=A(s),v=e.useCallback(k=>{let u=n??k;g(u),m(u)},[n,g,m]),f=(t??H(r)).replace(/\s+/g," ").trim(),S=f?l?[f,...l]:[f]:l,V=S?S.join("\0"):"",y=a??R??!1;return e.createElement(T.Item,{key:V,...d,value:n,keywords:S,"aria-checked":b,disabled:y||void 0,ref:i,onSelect:v,className:p("kui-reset","kui-BaseMenuItem","kui-ComboboxItem",o)},b?e.createElement("span",{className:p("kui-BaseMenuItemIndicator","kui-ComboboxItemIndicator")},e.createElement(Y,{className:p("kui-BaseMenuItemIndicatorIcon","kui-ComboboxItemIndicatorIcon")})):null,e.createElement(_,null,r))});ye.displayName="Combobox.Item";export{pe as a,de as b,Ce as c,fe as d,xe as e,ge as f,Pe as g,Re as h,he as i,ve as j,ye as k,Me as l};
-//# sourceMappingURL=chunk-6DDOR73D.js.map