@skdx/react 0.26.0 → 0.28.0

package/dist/command/types.d.ts

@@ -1,22 +1,27 @@
 import type * as React from 'react';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 /**
- * How a {@link Command} decides which items a search keeps: a predicate over
- * the item's `value`, or `'manual'` when the consumer mounts only the matching
- * items itself. Mirrors `ComboboxFilter`.
+ * Decides which items survive search: a predicate over `value` and `keywords`,
+ * or `'manual'` to let the consumer mount only matches. Return a number to rank
+ * items by score (0 = exclude, positive = keep, sorted descending); a boolean
+ * is the two-point case. Keywords are passed through so a custom filter can
+ * honour them; `undefined` when the item declares none.
  */
-export type CommandFilter = 'manual' | ((itemValue: string, search: string) => boolean);
-/** @internal Per-item bookkeeping (`value`/`disabled`/`onSelect`) kept in {@link Command}'s mutable ref map, keyed by item id. Not part of the public API. */
+export type CommandFilter = 'manual' | ((itemValue: string, search: string, keywords?: readonly string[]) => boolean | number);
+/** @internal Per-item metadata stored in Command's internal ref map, keyed by item id. */
 export interface CommandItemMeta {
     value: string;
     disabled?: boolean;
     onSelect?: (value: string) => void;
+    keywords?: readonly string[];
 }
-/** Shape returned by the exported `useCommandContext` hook; distributed from {@link Command} to its parts via context. */
+/** @internal Context shape distributed from Command to its parts. */
 export interface CommandContextValue {
     listRef: React.RefObject<HTMLDivElement | null>;
     listId: string;
     activeId: string | null;
+    /** Rank each currently-visible item's CSS `order` should carry when `filter` also scores it; `null` leaves order untouched. */
+    itemOrder: ReadonlyMap<string, number> | null;
     setActiveId: (id: string | null) => void;
     itemMetaRef: React.RefObject<Map<string, CommandItemMeta>>;
     registerItem: (id: string) => void;
@@ -24,11 +29,95 @@ export interface CommandContextValue {
     itemCount: number;
     search: string;
     setSearch: (search: string) => void;
-    matches: (itemValue: string) => boolean;
+    /** Whether an item with this value (and these aliases) survives the current search. */
+    matches: (itemValue: string, keywords?: readonly string[]) => boolean;
+    /** Whether arrow navigation wraps around the ends of the item list. */
+    loop: boolean;
+    /** Whether pointer-enter is allowed to move the highlight. */
+    disablePointerSelection: boolean;
     loading: boolean;
 }
+/**
+ * One entry of a {@link CommandGroup}'s `items` — one derived `CommandItem` in the
+ * palette's list.
+ */
+export interface CommandItem {
+    /** Rendered as the item's label; also used as its value if `value` is not set. */
+    label: string;
+    /**
+     * Identifier passed to `onSelect` and matched as the highlighted item.
+     * @default undefined — the item's `label`.
+     */
+    value?: string;
+    /**
+     * Extra strings the filter matches against alongside `value`, so "Toggle theme" is findable by typing "dark mode".
+     * @default undefined — the item matches on its value alone.
+     */
+    keywords?: string[];
+    /**
+     * Excludes the item from keyboard navigation, pointer highlighting and Enter selection.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Called when this item is activated, before Command's own `onSelect`. Both fire.
+     * @default undefined
+     */
+    onSelect?: () => void;
+}
+/**
+ * One group of {@link CommandProps.groups} — grouping is expressed in the
+ * data, never by a wrapper component. A group with no `label` renders its
+ * items straight into the list, which is how a flat palette is written:
+ * `groups={[{ items }]}`.
+ */
+export interface CommandGroup {
+    /**
+     * Heading rendered above the group's items, and the group's accessible name.
+     * @default undefined — the items are rendered ungrouped.
+     */
+    label?: string;
+    /** The group's commands. */
+    items: CommandItem[];
+}
 /** Props for the {@link Command} root. */
-export interface CommandProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue'> {
+export interface CommandProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue' | 'onSelect'> {
+    /**
+     * The palette's commands, rendered into the derived anatomy. Ignored when
+     * `children` is given, which switches to full manual composition.
+     * @default undefined — an empty palette.
+     */
+    groups?: CommandGroup[];
+    /**
+     * Placeholder for the derived search input. Doubles as the derived list's
+     * accessible name, which a `role="listbox"` takes from nothing else here.
+     * @default undefined — no placeholder, and an unnamed list.
+     */
+    placeholder?: string;
+    /**
+     * Text for the derived `CommandEmpty` part, shown when the search has no matches
+     * (not shown while `loading`).
+     * @default undefined
+     */
+    emptyMessage?: string;
+    /**
+     * Text for the derived `CommandLoading` part, announced by its live region while
+     * `loading` is set.
+     * @default undefined — no loading state is derived.
+     */
+    loadingMessage?: string;
+    /**
+     * Fires with the command that was activated. The command's own `onSelect`
+     * fires first; both run, and neither cancels the other.
+     * @default undefined — no-op if omitted.
+     */
+    onSelect?: (item: CommandItem) => void;
+    /**
+     * Renders item contents in place of the label; the element's role, id,
+     * `data-*`, keyboard wiring and disabled state are still managed by the library.
+     * @default undefined
+     */
+    renderItem?: (item: CommandItem) => React.ReactNode;
     /**
      * Value of the highlighted item, for controlled usage. Pair with
      * `onValueChange`.
@@ -66,10 +155,25 @@ export interface CommandProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaul
      * Replaces the built-in matcher (case-insensitive substring on the item's
      * `value`) — return `true` to keep an item mounted for this search — or
      * `'manual'` to filter nothing, when the consumer already mounts only the
-     * matching items.
+     * matching items. Return a number instead of a boolean to also rank: `0`
+     * excludes, any positive score keeps, and surviving items reorder by score,
+     * descending.
      * @default undefined — the built-in matcher.
      */
     filter?: CommandFilter;
+    /**
+     * Wraps arrow navigation around the ends: Arrow Down from the last item
+     * highlights the first, Arrow Up from the first highlights the last.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Stops pointer-enter from moving the highlight. Use when the palette is
+     * keyboard-driven but the pointer rests over the list — otherwise a motionless
+     * mouse steals the highlight from arrow keys.
+     * @default false
+     */
+    disablePointerSelection?: boolean;
     /**
      * Marks results as in flight: `data-loading` on the root and
      * `aria-busy`/`data-loading` on `CommandList`, mounts `CommandLoading`, and
@@ -105,6 +209,28 @@ export interface CommandItemProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * @default false
      */
     disabled?: boolean;
+    /**
+     * Extra strings the root's filter matches against, alongside `value`.
+     *
+     * A command labelled "Toggle theme" that users search for as "dark mode" is
+     * the case this exists for: the alias never appears on screen, and matching
+     * only the visible text makes the command unfindable by the word most people
+     * would reach for. Passed through to a custom `filter` as its third argument.
+     * @default undefined — the item matches on its `value` alone.
+     */
+    keywords?: string[];
+    /**
+     * Keeps the item mounted whatever the search, instead of unmounting when the
+     * filter rejects it.
+     *
+     * For the action that must always be reachable — "Create new…", "Open
+     * settings" — which otherwise has no way to survive a search at all: a
+     * rejected item here is unmounted outright, not merely hidden, so it leaves
+     * the option count, the highlight order and `CommandEmpty` as if it were
+     * never written.
+     * @default false
+     */
+    forceMount?: boolean;
     /**
      * Called with `value` when the item is activated (click, Enter, or pointer + Enter).
      * @default undefined — no-op if omitted.

package/dist/context-menu/ContextMenu.cjs

@@ -1 +1 @@
-"use strict";var We=Object.create;var g=Object.defineProperty;var $e=Object.getOwnPropertyDescriptor;var Je=Object.getOwnPropertyNames;var Qe=Object.getPrototypeOf,Ze=Object.prototype.hasOwnProperty;var je=(e,t)=>{for(var o in t)g(e,o,{get:t[o],enumerable:!0})},Y=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let a of Je(t))!Ze.call(e,a)&&a!==o&&g(e,a,{get:()=>t[a],enumerable:!(n=$e(t,a))||n.enumerable});return e};var p=(e,t,o)=>(o=e!=null?We(Qe(e)):{},Y(t||!e||!e.__esModule?g(o,"default",{value:e,enumerable:!0}):o,e)),et=e=>Y(g({},"__esModule",{value:!0}),e);var ot={};je(ot,{ContextMenu:()=>Q,ContextMenuCheckboxItem:()=>w,ContextMenuContent:()=>E,ContextMenuGroup:()=>K,ContextMenuItem:()=>N,ContextMenuItemIndicator:()=>F,ContextMenuLabel:()=>V,ContextMenuPortal:()=>k,ContextMenuProvider:()=>J,ContextMenuRadioGroup:()=>G,ContextMenuRadioItem:()=>O,ContextMenuSeparator:()=>A,ContextMenuSub:()=>B,ContextMenuSubContent:()=>_e,ContextMenuSubTrigger:()=>Be,ContextMenuTrigger:()=>T,ITEM_SELECTOR:()=>h,useContextMenuContext:()=>x});module.exports=et(ot);var C=p(require("react"),1),z=require("../utils/createContext.cjs"),W=require("../utils/useControllableState.cjs"),$=require("../utils/useOpenChangeComplete.cjs"),Z=require("react/jsx-runtime"),h='[role^="menuitem"]:not([data-disabled])',[J,x]=(0,z.createSafeContext)("ContextMenu");function Q({children:e,open:t,defaultOpen:o=!1,onOpenChange:n,onOpenChangeComplete:a}){let u=C.useRef(null),m=C.useRef(null),[c,f]=C.useState({x:0,y:0}),[y=!1,r]=(0,W.useControllableState)({prop:t,defaultProp:o,onChange:n});return(0,$.useOpenChangeComplete)(y,m,a),(0,Z.jsx)(J,{triggerRef:u,contentRef:m,contentId:C.useId(),open:y,onOpenChange:r,point:c,setPoint:f,children:e})}Q.displayName="ContextMenu";var j=p(require("react"),1),ee=require("../utils/composeRefs.cjs"),te=require("../utils/part.cjs"),R=require("../utils/primitive.cjs");var oe=require("react/jsx-runtime"),T=j.forwardRef(({disabled:e,...t},o)=>{let n=x("ContextMenuTrigger"),a=(0,ee.useComposedRefs)(o,n.triggerRef);return(0,oe.jsx)(R.Primitive.div,{tabIndex:0,role:"group","aria-haspopup":"menu","aria-expanded":n.open,"aria-controls":n.contentId,"data-state":n.open?"open":"closed","data-disabled":e?"":void 0,"aria-disabled":e||void 0,...t,...(0,te.skdxPart)("context-menu","trigger",t.className),ref:a,onContextMenu:(0,R.composeEventHandlers)(t.onContextMenu,u=>{e||(u.preventDefault(),n.setPoint({x:u.clientX,y:u.clientY}),n.onOpenChange(!0))}),onKeyDown:(0,R.composeEventHandlers)(t.onKeyDown,u=>{if(e||u.key!=="ContextMenu"&&!(u.key==="F10"&&u.shiftKey))return;u.preventDefault();let m=u.currentTarget.getBoundingClientRect();n.setPoint({x:m.left,y:m.bottom}),n.onOpenChange(!0)})})});T.displayName="ContextMenuTrigger";var ne=require("../utils/portal.cjs");var re=require("react/jsx-runtime"),k=({forceMount:e,children:t,...o})=>{let n=x("ContextMenuPortal");return e||n.open?(0,re.jsx)(ne.Portal,{...o,children:t}):null};k.displayName="ContextMenuPortal";var s=p(require("react"),1),ae=require("../utils/composeRefs.cjs"),ie=require("../utils/menuSub.cjs"),ue=require("../utils/part.cjs"),v=require("../utils/primitive.cjs"),me=require("../utils/useDismiss.cjs"),pe=require("../utils/useRovingFocus.cjs");var se=require("react/jsx-runtime"),E=s.forwardRef(({forceMount:e,loop:t=!0,collisionPadding:o=8,onEscapeKeyDown:n,onPointerDownOutside:a,onFocusOutside:u,onInteractOutside:m,style:c,...f},y)=>{let r=x("ContextMenuContent"),Ue=(0,ae.useComposedRefs)(y,r.contentRef),[_,q]=s.useState(r.point),Xe=(0,pe.useRovingFocus)({orientation:"vertical",loop:t,itemSelector:h,typeahead:!0}),I=s.useRef(!1),U=()=>{r.onOpenChange(!1),I.current=!0,r.triggerRef.current?.focus(),I.current=!1};return(0,me.useDismiss)({enabled:r.open,insideSelector:`[${ie.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:i=>{n?.(i),i.defaultPrevented||U()},onInteractOutside:i=>{I.current||m?.(i)},onPointerDownOutside:i=>{a?.(i),i.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:i=>{I.current||(u?.(i),i.defaultPrevented||r.onOpenChange(!1))}},[r.contentRef]),s.useLayoutEffect(()=>{if(!r.open)return;let i=r.contentRef.current;if(!i){q(r.point);return}let{width:d,height:X}=i.getBoundingClientRect(),Ye=window.innerWidth-d-o,ze=window.innerHeight-X-o;q({x:Math.max(o,Math.min(r.point.x,Math.max(Ye,o))),y:Math.max(o,Math.min(r.point.y,Math.max(ze,o)))})},[r.open,r.point,r.contentRef,o]),s.useEffect(()=>{if(!r.open)return;let i=requestAnimationFrame(()=>{let d=r.contentRef.current;if(!d||d.contains(document.activeElement))return;(d.querySelector(h)??d).focus()});return()=>cancelAnimationFrame(i)},[r.open,r.contentRef]),e||r.open?(0,se.jsx)(v.Primitive.div,{role:"menu","aria-orientation":"vertical",id:r.contentId,"data-state":r.open?"open":"closed",tabIndex:-1,...f,...(0,ue.skdxPart)("context-menu","content",f.className),ref:Ue,style:{position:"fixed",top:_.y,left:_.x,...c},onKeyDown:(0,v.composeEventHandlers)(f.onKeyDown,i=>{Xe(i),i.key==="Tab"&&(i.preventDefault(),U())})}):null});E.displayName="ContextMenuContent";var b=p(require("react"),1),xe=require("../utils/part.cjs"),ce=require("../utils/primitive.cjs"),fe=require("../utils/useMenuItem.cjs");var Ce=require("react/jsx-runtime"),M=b.createContext(!1);function P({disabled:e,onSelect:t,props:o}){let n=x("ContextMenuItem");return(0,fe.useMenuItem)({disabled:e,onSelect:t,onSelected:()=>n.onOpenChange(!1),contentRef:n.contentRef,props:o})}var N=b.forwardRef(({disabled:e,onSelect:t,...o},n)=>{let a=P({disabled:e,onSelect:t,props:o});return(0,Ce.jsx)(ce.Primitive.div,{role:"menuitem",...o,...a,...(0,xe.skdxPart)("context-menu","item",o.className),ref:n})});N.displayName="ContextMenuItem";var de=p(require("react"),1),Me=require("../utils/part.cjs"),le=require("../utils/primitive.cjs");var D=require("react/jsx-runtime"),w=de.forwardRef(({checked:e=!1,onCheckedChange:t,disabled:o,onSelect:n,...a},u)=>{let m=P({disabled:o,onSelect:c=>{t?.(!e),n?.(c),c.preventDefault()},props:a});return(0,D.jsx)(M.Provider,{value:e,children:(0,D.jsx)(le.Primitive.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...a,...m,...(0,Me.skdxPart)("context-menu","checkbox-item",a.className),ref:u})})});w.displayName="ContextMenuCheckboxItem";var Re=p(require("react"),1),Pe=require("../utils/createContext.cjs"),ye=require("../utils/part.cjs"),Ie=require("../utils/primitive.cjs"),L=require("react/jsx-runtime"),[tt,ge]=(0,Pe.createSafeContext)("ContextMenuRadioGroup"),G=Re.forwardRef(({value:e,onValueChange:t,...o},n)=>(0,L.jsx)(tt,{value:e,onValueChange:t,children:(0,L.jsx)(Ie.Primitive.div,{role:"group",...o,...(0,ye.skdxPart)("context-menu","radio-group",o.className),ref:n})}));G.displayName="ContextMenuRadioGroup";var he=p(require("react"),1),ve=require("../utils/part.cjs"),be=require("../utils/primitive.cjs");var H=require("react/jsx-runtime"),O=he.forwardRef(({value:e,disabled:t,onSelect:o,...n},a)=>{let u=ge("ContextMenuRadioItem"),m=u.value===e,c=P({disabled:t,onSelect:f=>{u.onValueChange?.(e),o?.(f)},props:n});return(0,H.jsx)(M.Provider,{value:m,children:(0,H.jsx)(be.Primitive.div,{role:"menuitemradio","aria-checked":m,"data-state":m?"checked":"unchecked",...n,...c,...(0,ve.skdxPart)("context-menu","radio-item",n.className),ref:a})})});O.displayName="ContextMenuRadioItem";var S=p(require("react"),1),Se=require("../utils/part.cjs"),Te=require("../utils/primitive.cjs");var ke=require("react/jsx-runtime"),F=S.forwardRef(({forceMount:e,...t},o)=>{let n=S.useContext(M);return e||n?(0,ke.jsx)(Te.Primitive.span,{"data-state":n?"checked":"unchecked",...t,...(0,Se.skdxPart)("context-menu","item-indicator",t.className),ref:o}):null});F.displayName="ContextMenuItemIndicator";var Ee=p(require("react"),1),Ne=require("../utils/part.cjs"),De=require("../utils/primitive.cjs"),we=require("react/jsx-runtime"),K=Ee.forwardRef((e,t)=>(0,we.jsx)(De.Primitive.div,{role:"group",...e,...(0,Ne.skdxPart)("context-menu","group",e.className),ref:t}));K.displayName="ContextMenuGroup";var Le=p(require("react"),1),Ge=require("../utils/part.cjs"),He=require("../utils/primitive.cjs"),Oe=require("react/jsx-runtime"),V=Le.forwardRef((e,t)=>(0,Oe.jsx)(He.Primitive.div,{...e,...(0,Ge.skdxPart)("context-menu","label",e.className),ref:t}));V.displayName="ContextMenuLabel";var Fe=p(require("react"),1),Ke=require("../utils/part.cjs"),Ve=require("../utils/primitive.cjs"),Ae=require("react/jsx-runtime"),A=Fe.forwardRef((e,t)=>(0,Ae.jsx)(Ve.Primitive.div,{role:"separator","aria-orientation":"horizontal",...e,...(0,Ke.skdxPart)("context-menu","separator",e.className),ref:t}));A.displayName="ContextMenuSeparator";var l=require("../utils/menuSub.cjs"),qe=require("react/jsx-runtime");function B(e){return(0,qe.jsx)(l.MenuSub,{family:"context-menu",...e})}B.displayName="ContextMenuSub";var Be=l.MenuSubTrigger,_e=l.MenuSubContent;0&&(module.exports={ContextMenu,ContextMenuCheckboxItem,ContextMenuContent,ContextMenuGroup,ContextMenuItem,ContextMenuItemIndicator,ContextMenuLabel,ContextMenuPortal,ContextMenuProvider,ContextMenuRadioGroup,ContextMenuRadioItem,ContextMenuSeparator,ContextMenuSub,ContextMenuSubContent,ContextMenuSubTrigger,ContextMenuTrigger,ITEM_SELECTOR,useContextMenuContext});
+"use strict";var xt=Object.create;var T=Object.defineProperty;var Ct=Object.getOwnPropertyDescriptor;var Mt=Object.getOwnPropertyNames;var Rt=Object.getPrototypeOf,ht=Object.prototype.hasOwnProperty;var yt=(t,n)=>{for(var o in n)T(t,o,{get:n[o],enumerable:!0})},le=(t,n,o,u)=>{if(n&&typeof n=="object"||typeof n=="function")for(let a of Mt(n))!ht.call(t,a)&&a!==o&&T(t,a,{get:()=>n[a],enumerable:!(u=Ct(n,a))||u.enumerable});return t};var x=(t,n,o)=>(o=t!=null?xt(Rt(t)):{},le(n||!t||!t.__esModule?T(o,"default",{value:t,enumerable:!0}):o,t)),Pt=t=>le(T({},"__esModule",{value:!0}),t);var bt={};yt(bt,{ContextMenu:()=>ue,ContextMenuCheckboxItem:()=>L,ContextMenuContent:()=>V,ContextMenuGroup:()=>A,ContextMenuItem:()=>N,ContextMenuItemIndicator:()=>S,ContextMenuLabel:()=>F,ContextMenuPortal:()=>K,ContextMenuProvider:()=>lt,ContextMenuRadioGroup:()=>U,ContextMenuRadioItem:()=>X,ContextMenuRoot:()=>ae,ContextMenuSeparator:()=>Y,ContextMenuShortcut:()=>w,ContextMenuSub:()=>q,ContextMenuSubContent:()=>oe,ContextMenuSubTrigger:()=>te,ContextMenuTrigger:()=>z,ITEM_SELECTOR:()=>G,ItemIndicatorContext:()=>b,LONG_PRESS_MOVE_TOLERANCE:()=>re,LONG_PRESS_MS:()=>ne,MenuRadioGroupProvider:()=>Ue,useContextMenuContext:()=>M,useMenuItem:()=>I,useMenuRadioGroupContext:()=>j});module.exports=Pt(bt);var P=x(require("react"),1),it=require("../utils/createContext.cjs"),mt=require("../utils/useControllableState.cjs"),st=require("../utils/useOpenChangeComplete.cjs");var W=require("../utils/menuGlyph.cjs");var xe=x(require("react"),1),Ce=require("../utils/part.cjs"),Me=require("../utils/primitive.cjs");var E=x(require("react"),1),ce=require("../utils/part.cjs"),pe=require("../utils/primitive.cjs"),de=require("../utils/useMenuItem.cjs");var fe=require("react/jsx-runtime"),b=E.createContext(!1);function I({disabled:t,textValue:n,onSelect:o,props:u}){let a=M("ContextMenuItem");return(0,de.useMenuItem)({disabled:t,textValue:n,onSelect:o,onSelected:()=>a.onOpenChange(!1),contentRef:a.contentRef,props:u})}var N=E.forwardRef(({disabled:t,textValue:n,onSelect:o,...u},a)=>{let s=I({disabled:t,textValue:n,onSelect:o,props:u});return(0,fe.jsx)(pe.Primitive.div,{role:"menuitem",...u,...s,...(0,ce.skdxPart)("context-menu","item",u.className),ref:a})});N.displayName="ContextMenuItem";var Q=require("react/jsx-runtime"),L=xe.forwardRef(({checked:t=!1,onCheckedChange:n,disabled:o,textValue:u,onSelect:a,...s},d)=>{let l=I({disabled:o,textValue:u,onSelect:f=>{n?.(!t),a?.(f),f.preventDefault()},props:s});return(0,Q.jsx)(b.Provider,{value:t,children:(0,Q.jsx)(Me.Primitive.div,{role:"menuitemcheckbox","aria-checked":t,"data-state":t?"checked":"unchecked",...s,...l,...(0,Ce.skdxPart)("context-menu","checkbox-item",s.className),ref:d})})});L.displayName="ContextMenuCheckboxItem";var h=x(require("react"),1),Re=require("../utils/composeRefs.cjs"),he=require("../utils/direction.cjs"),ye=require("../utils/menuSub.cjs"),Pe=require("../utils/part.cjs"),O=require("../utils/primitive.cjs"),be=require("../utils/useBodyScrollLock.cjs"),ge=require("../utils/useDismiss.cjs"),Ie=require("../utils/useFocusTrap.cjs"),D=require("../utils/useOutsideInert.cjs"),ve=require("../utils/useRovingFocus.cjs");var Se=require("react/jsx-runtime"),V=h.forwardRef(({forceMount:t,loop:n=!0,collisionPadding:o=8,onEscapeKeyDown:u,onPointerDownOutside:a,onFocusOutside:s,onInteractOutside:d,onCloseAutoFocus:l,style:f,...c},r)=>{let e=M("ContextMenuContent"),i=(0,Re.useComposedRefs)(r,e.contentRef),[C,ie]=h.useState(e.point),ct=(0,ve.useRovingFocus)({orientation:"vertical",loop:n,itemSelector:G,typeahead:!0,includeDisabled:!0}),pt=(0,he.usePortalledDirection)(e.triggerRef),k=h.useRef(!1),me=()=>{e.onOpenChange(!1),e.modal&&(0,D.releaseOutsideInert)(),(0,Ie.autoFocusEvent)("close-auto-focus",l)&&(k.current=!0,e.triggerRef.current?.focus(),k.current=!1)};return(0,D.useOutsideInert)(e.contentRef,e.open&&e.modal),(0,be.useBodyScrollLock)(e.open&&e.modal),(0,ge.useDismiss)({enabled:e.open,insideSelector:`[${ye.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:p=>{u?.(p),p.defaultPrevented||me()},onInteractOutside:p=>{k.current||d?.(p)},onPointerDownOutside:p=>{a?.(p),p.defaultPrevented||e.onOpenChange(!1)},onFocusOutside:p=>{k.current||(s?.(p),p.defaultPrevented||e.onOpenChange(!1))}},[e.contentRef]),h.useLayoutEffect(()=>{if(!e.open)return;let p=e.contentRef.current;if(!p){ie(e.point);return}let{width:g,height:se}=p.getBoundingClientRect(),dt=window.innerWidth-g-o,ft=window.innerHeight-se-o;ie({x:Math.max(o,Math.min(e.point.x,Math.max(dt,o))),y:Math.max(o,Math.min(e.point.y,Math.max(ft,o)))})},[e.open,e.point,e.contentRef,o]),h.useEffect(()=>{if(!e.open)return;let p=requestAnimationFrame(()=>{let g=e.contentRef.current;if(!g||g.contains(document.activeElement))return;(g.querySelector(G)??g).focus({preventScroll:!0})});return()=>cancelAnimationFrame(p)},[e.open,e.contentRef]),t||e.open?(0,Se.jsx)(O.Primitive.div,{role:"menu","aria-orientation":"vertical",dir:pt,"aria-labelledby":c["aria-label"]===void 0?e.triggerId:void 0,id:e.contentId,"data-state":e.open?"open":"closed",tabIndex:-1,...c,...(0,Pe.skdxPart)("context-menu","content",c.className),ref:i,style:{position:"fixed",top:C.y,left:C.x,...f},onKeyDown:(0,O.composeEventHandlers)(c.onKeyDown,p=>{ct(p),p.key==="Tab"&&me()})}):null});V.displayName="ContextMenuContent";var we=x(require("react"),1),H=require("../utils/menuGroup.cjs"),ke=require("../utils/part.cjs"),Te=require("../utils/primitive.cjs"),Z=require("react/jsx-runtime"),A=we.forwardRef((t,n)=>{let{labelId:o,context:u}=(0,H.useMenuGroupLabel)();return(0,Z.jsx)(H.MenuGroupProvider,{...u,children:(0,Z.jsx)(Te.Primitive.div,{role:"group","aria-labelledby":t["aria-label"]===void 0?o:void 0,...t,...(0,ke.skdxPart)("context-menu","group",t.className),ref:n})})});A.displayName="ContextMenuGroup";var _=x(require("react"),1),Ee=require("../utils/part.cjs"),Ne=require("../utils/primitive.cjs");var Le=require("react/jsx-runtime"),S=_.forwardRef(({forceMount:t,...n},o)=>{let u=_.useContext(b);return t||u?(0,Le.jsx)(Ne.Primitive.span,{"data-state":u?"checked":"unchecked",...n,...(0,Ee.skdxPart)("context-menu","item-indicator",n.className),ref:o}):null});S.displayName="ContextMenuItemIndicator";var Ge=x(require("react"),1),Oe=require("../utils/menuGroup.cjs"),De=require("../utils/part.cjs"),Ve=require("../utils/primitive.cjs"),He=require("react/jsx-runtime"),F=Ge.forwardRef((t,n)=>{let o=(0,Oe.useMenuLabelId)();return(0,He.jsx)(Ve.Primitive.div,{id:o,...t,...(0,De.skdxPart)("context-menu","label",t.className),ref:n})});F.displayName="ContextMenuLabel";var Ae=require("../utils/portal.cjs");var _e=require("react/jsx-runtime"),K=({forceMount:t,children:n,...o})=>{let u=M("ContextMenuPortal");return t||u.open?(0,_e.jsx)(Ae.Portal,{...o,children:n}):null};K.displayName="ContextMenuPortal";var Fe=x(require("react"),1),Ke=require("../utils/createContext.cjs"),$=require("../utils/menuGroup.cjs"),Be=require("../utils/part.cjs"),$e=require("../utils/primitive.cjs"),B=require("react/jsx-runtime"),[Ue,j]=(0,Ke.createSafeContext)("ContextMenuRadioGroup"),U=Fe.forwardRef(({value:t,onValueChange:n,...o},u)=>{let{labelId:a,context:s}=(0,$.useMenuGroupLabel)();return(0,B.jsx)(Ue,{value:t,onValueChange:n,children:(0,B.jsx)($.MenuGroupProvider,{...s,children:(0,B.jsx)($e.Primitive.div,{role:"group","aria-labelledby":o["aria-label"]===void 0?a:void 0,...o,...(0,Be.skdxPart)("context-menu","radio-group",o.className),ref:u})})})});U.displayName="ContextMenuRadioGroup";var Xe=x(require("react"),1),Ye=require("../utils/part.cjs"),qe=require("../utils/primitive.cjs");var ee=require("react/jsx-runtime"),X=Xe.forwardRef(({value:t,disabled:n,textValue:o,onSelect:u,...a},s)=>{let d=j("ContextMenuRadioItem"),l=d.value===t,f=I({disabled:n,textValue:o,onSelect:c=>{d.onValueChange?.(t),u?.(c)},props:a});return(0,ee.jsx)(b.Provider,{value:l,children:(0,ee.jsx)(qe.Primitive.div,{role:"menuitemradio","aria-checked":l,"data-state":l?"checked":"unchecked",...a,...f,...(0,Ye.skdxPart)("context-menu","radio-item",a.className),ref:s})})});X.displayName="ContextMenuRadioItem";var ze=x(require("react"),1),We=require("../utils/part.cjs"),Je=require("../utils/primitive.cjs"),Qe=require("react/jsx-runtime"),Y=ze.forwardRef((t,n)=>(0,Qe.jsx)(Je.Primitive.div,{role:"separator","aria-orientation":"horizontal",...t,...(0,We.skdxPart)("context-menu","separator",t.className),ref:n}));Y.displayName="ContextMenuSeparator";var Ze=x(require("react"),1),je=require("../utils/part.cjs"),et=require("../utils/primitive.cjs"),tt=require("react/jsx-runtime"),w=Ze.forwardRef((t,n)=>(0,tt.jsx)(et.Primitive.span,{"aria-hidden":"true",...t,...(0,je.skdxPart)("context-menu","shortcut",t.className),ref:n}));w.displayName="ContextMenuShortcut";var v=require("../utils/menuSub.cjs"),ot=require("react/jsx-runtime");function q(t){return(0,ot.jsx)(v.MenuSub,{family:"context-menu",...t})}q.displayName="ContextMenuSub";var te=v.MenuSubTrigger,oe=v.MenuSubContent;var R=x(require("react"),1),nt=require("../utils/composeRefs.cjs"),rt=require("../utils/part.cjs"),y=require("../utils/primitive.cjs");var at=require("react/jsx-runtime"),z=R.forwardRef(({disabled:t,style:n,...o},u)=>{let a=M("ContextMenuTrigger"),s=(0,nt.useComposedRefs)(u,a.triggerRef),d=R.useRef(0),l=R.useRef(null),[f,c]=R.useState(!1),r=R.useCallback(()=>{window.clearTimeout(d.current),l.current=null,c(!1)},[]);return R.useEffect(()=>()=>window.clearTimeout(d.current),[]),(0,at.jsx)(y.Primitive.div,{tabIndex:0,role:"group",id:a.triggerId,"aria-controls":a.open?a.contentId:void 0,"aria-owns":a.open?a.contentId:void 0,"data-state":a.open?"open":"closed","data-disabled":t?"":void 0,"aria-disabled":t||void 0,...o,...(0,rt.skdxPart)("context-menu","trigger",o.className),ref:s,style:f?{touchAction:"none",...n}:n,onContextMenu:(0,y.composeEventHandlers)(o.onContextMenu,e=>{t||(e.preventDefault(),a.setPoint({x:e.clientX,y:e.clientY}),a.onOpenChange(!0))}),onPointerDown:(0,y.composeEventHandlers)(o.onPointerDown,e=>{if(t||e.pointerType!=="touch")return;let{clientX:i,clientY:C}=e;l.current={x:i,y:C},c(!0),window.clearTimeout(d.current),d.current=window.setTimeout(()=>{l.current=null,c(!1),a.setPoint({x:i,y:C}),a.onOpenChange(!0)},ne)}),onPointerMove:(0,y.composeEventHandlers)(o.onPointerMove,e=>{let i=l.current;i&&Math.hypot(e.clientX-i.x,e.clientY-i.y)>re&&r()}),onPointerUp:(0,y.composeEventHandlers)(o.onPointerUp,r),onPointerCancel:(0,y.composeEventHandlers)(o.onPointerCancel,r),onKeyDown:(0,y.composeEventHandlers)(o.onKeyDown,e=>{if(t||e.key!=="ContextMenu"&&!(e.key==="F10"&&e.shiftKey))return;e.preventDefault();let i=e.currentTarget.getBoundingClientRect();a.setPoint({x:i.left,y:i.bottom}),a.onOpenChange(!0)})})});z.displayName="ContextMenuTrigger";var m=require("react/jsx-runtime"),ut=({items:t=[],onSelect:n,renderItem:o,disabled:u,children:a,passThrough:s})=>{let{open:d}=M("ContextMenuAnatomy"),l=d&&s?.id?{"aria-controls":s.id,"aria-owns":s.id}:{},f=r=>o?o(r):"label"in r?r.label:null,c=(r,e)=>{if(!("type"in r))return(0,m.jsxs)(N,{disabled:r.disabled,textValue:r.textValue??r.label,onSelect:()=>{r.onSelect?.(),n?.(r)},children:[f(r),r.shortcut?(0,m.jsx)(w,{children:r.shortcut}):null]},e);switch(r.type){case"separator":return(0,m.jsx)(Y,{},e);case"checkbox":return(0,m.jsxs)(L,{checked:r.checked,onCheckedChange:r.onCheckedChange,disabled:r.disabled,textValue:r.textValue??r.label,onSelect:()=>n?.(r),children:[(0,m.jsx)(S,{"aria-hidden":"true",children:(0,m.jsx)(W.CheckGlyph,{})}),f(r),r.shortcut?(0,m.jsx)(w,{children:r.shortcut}):null]},e);case"radio-group":return(0,m.jsx)(U,{value:r.value,onValueChange:r.onValueChange,children:r.items.map(i=>(0,m.jsxs)(X,{value:i.value,disabled:i.disabled,textValue:i.textValue??i.label,children:[(0,m.jsx)(S,{"aria-hidden":"true",children:(0,m.jsx)(W.DotGlyph,{})}),i.label]},i.value))},e);case"submenu":return(0,m.jsxs)(q,{children:[(0,m.jsx)(te,{disabled:r.disabled,textValue:r.textValue??r.label,children:f(r)}),(0,m.jsx)(oe,{children:r.items.map((i,C)=>c(i,`${e}.${C}`))})]},e);case"group":return(0,m.jsxs)(A,{children:[r.label?(0,m.jsx)(F,{children:r.label}):null,r.items.map((i,C)=>c(i,`${e}.${C}`))]},e)}};return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(z,{disabled:u,...l,children:a}),(0,m.jsx)(K,{children:(0,m.jsx)(V,{...s,children:t.map((r,e)=>c(r,String(e)))})})]})};var J=require("react/jsx-runtime"),G='[role^="menuitem"]',ne=500,re=10,[lt,M]=(0,it.createSafeContext)("ContextMenu");function ae({children:t,open:n,defaultOpen:o=!1,modal:u=!1,point:a,onOpenChange:s,onOpenChangeComplete:d}){let l=P.useRef(null),f=P.useRef(null),[c,r]=P.useState({x:0,y:0}),e=a??c,[i=!1,C]=(0,mt.useControllableState)({prop:n,defaultProp:o,onChange:s});return(0,st.useOpenChangeComplete)(i,f,d),(0,J.jsx)(lt,{triggerRef:l,contentRef:f,contentId:P.useId(),triggerId:P.useId(),open:i,modal:u,onOpenChange:C,point:e,setPoint:r,children:t})}ae.displayName="ContextMenuRoot";function ue({children:t,open:n,defaultOpen:o,modal:u,point:a,onOpenChange:s,onOpenChangeComplete:d,items:l,onSelect:f,renderItem:c,disabled:r,...e}){return(0,J.jsx)(ae,{open:n,defaultOpen:o,modal:u,point:a,onOpenChange:s,onOpenChangeComplete:d,children:(0,J.jsx)(ut,{items:l,onSelect:f,renderItem:c,disabled:r,passThrough:e,children:t})})}ue.displayName="ContextMenu";0&&(module.exports={ContextMenu,ContextMenuCheckboxItem,ContextMenuContent,ContextMenuGroup,ContextMenuItem,ContextMenuItemIndicator,ContextMenuLabel,ContextMenuPortal,ContextMenuProvider,ContextMenuRadioGroup,ContextMenuRadioItem,ContextMenuRoot,ContextMenuSeparator,ContextMenuShortcut,ContextMenuSub,ContextMenuSubContent,ContextMenuSubTrigger,ContextMenuTrigger,ITEM_SELECTOR,ItemIndicatorContext,LONG_PRESS_MOVE_TOLERANCE,LONG_PRESS_MS,MenuRadioGroupProvider,useContextMenuContext,useMenuItem,useMenuRadioGroupContext});

package/dist/context-menu/ContextMenu.d.cts

@@ -1,39 +1,85 @@
 import * as React from 'react';
 import type { ContextMenuContextValue, ContextMenuProps } from './types.cjs';
-/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/**
+ * @internal Every menu item in the panel, disabled ones included: APG keeps a
+ * disabled menu item focusable so a keyboard user can still discover the
+ * command, so the roving-focus pass over this list runs with
+ * `includeDisabled`.
+ */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
+/**
+ * How long a touch pointer must stay down on the Trigger before the menu opens.
+ *
+ * 500ms is what the platforms this replaces use — it is Android's
+ * `ViewConfiguration` long-press timeout and the interval iOS Safari waits
+ * before its own callout — so a user's sense of "held long enough" transfers.
+ *
+ * @internal
+ */
+export declare const LONG_PRESS_MS = 500;
+/**
+ * How far, in CSS pixels, a touch pointer may travel while the long-press timer
+ * is armed before the gesture is read as a drag or a scroll and disarmed.
+ *
+ * @internal
+ */
+export declare const LONG_PRESS_MOVE_TOLERANCE = 10;
 export declare const ContextMenuProvider: {
     (props: ContextMenuContextValue & {
         children: React.ReactNode;
     }): React.JSX.Element;
     displayName: string;
 }, useContextMenuContext: (consumerName: string) => ContextMenuContextValue;
+/** Props for {@link ContextMenuRoot}: {@link ContextMenuProps} minus the derived-anatomy-only props. */
+export type ContextMenuRootProps = Omit<ContextMenuProps, 'items' | 'onSelect' | 'renderItem' | 'disabled' | 'children'> & {
+    /**
+     * The trigger region and portal — the menu's own DOM (content, items) is
+     * rendered by `ContextMenuPortal` elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+};
 /**
- * Root of a right-click (or long-press) context menu: owns open state and
- * the triggering pointer position, and hands both down to
- * `ContextMenuTrigger` / `ContextMenuPortal` / `ContextMenuContent` / item
- * parts via context. Renders no DOM element itself.
- *
- * Unlike `DropdownMenu`, `ContextMenuContent` positions itself at the
- * pointer's coordinates rather than via the popper layer, so a menu opened
- * via `defaultOpen` (rather than by a `contextmenu` event) has no pointer to
- * sit at and lands at the viewport's top-left corner.
+ * Context menu state primitive: owns open state and pointer position,
+ * hands both to trigger / portal / content via context. Renders no DOM element.
+ * Positions at pointer coordinates; pass `point` for `defaultOpen`.
+ */
+export declare function ContextMenuRoot({ children, open: openProp, defaultOpen, modal, point: pointProp, onOpenChange, onOpenChangeComplete, }: ContextMenuRootProps): React.JSX.Element;
+export declare namespace ContextMenuRoot {
+    var displayName: string;
+}
+/**
+ * Right-click (or long-press) menu over a region. Derives anatomy from `children`
+ * (right-clickable region) and `items` (menu entries). Non-modal by default.
  *
  * @example
  * ```tsx
- * <ContextMenu>
+ * <ContextMenu
+ *   items={[
+ *     { label: 'Copy', onSelect: copy, shortcut: '⌘C' },
+ *     { type: 'separator' },
+ *     { label: 'Delete', onSelect: remove },
+ *   ]}
+ * >
+ *   <div className="canvas">Right-click this area</div>
+ * </ContextMenu>
+ * ```
+ *
+ * @example Manual composition.
+ * ```tsx
+ * import { ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuTrigger } from '@skdx/react/primitives/context-menu';
+ *
+ * <ContextMenuRoot>
  *   <ContextMenuTrigger>Right-click this area</ContextMenuTrigger>
  *   <ContextMenuPortal>
  *     <ContextMenuContent>
- *       <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
- *       <ContextMenuSeparator />
- *       <ContextMenuItem onSelect={() => console.log('Delete')}>Delete</ContextMenuItem>
+ *       <ContextMenuItem>Copy</ContextMenuItem>
  *     </ContextMenuContent>
  *   </ContextMenuPortal>
- * </ContextMenu>
+ * </ContextMenuRoot>
  * ```
  */
-export declare function ContextMenu({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: ContextMenuProps): React.JSX.Element;
+export declare function ContextMenu({ children, open, defaultOpen, modal, point, onOpenChange, onOpenChangeComplete, items, onSelect, renderItem, disabled, ...rest }: ContextMenuProps): React.JSX.Element;
 export declare namespace ContextMenu {
     var displayName: string;
 }

package/dist/context-menu/ContextMenu.d.ts

@@ -1,39 +1,85 @@
 import * as React from 'react';
 import type { ContextMenuContextValue, ContextMenuProps } from './types.js';
-/** @internal Selects focusable, non-disabled menu items within the content for roving-focus navigation. */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/**
+ * @internal Every menu item in the panel, disabled ones included: APG keeps a
+ * disabled menu item focusable so a keyboard user can still discover the
+ * command, so the roving-focus pass over this list runs with
+ * `includeDisabled`.
+ */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
+/**
+ * How long a touch pointer must stay down on the Trigger before the menu opens.
+ *
+ * 500ms is what the platforms this replaces use — it is Android's
+ * `ViewConfiguration` long-press timeout and the interval iOS Safari waits
+ * before its own callout — so a user's sense of "held long enough" transfers.
+ *
+ * @internal
+ */
+export declare const LONG_PRESS_MS = 500;
+/**
+ * How far, in CSS pixels, a touch pointer may travel while the long-press timer
+ * is armed before the gesture is read as a drag or a scroll and disarmed.
+ *
+ * @internal
+ */
+export declare const LONG_PRESS_MOVE_TOLERANCE = 10;
 export declare const ContextMenuProvider: {
     (props: ContextMenuContextValue & {
         children: React.ReactNode;
     }): React.JSX.Element;
     displayName: string;
 }, useContextMenuContext: (consumerName: string) => ContextMenuContextValue;
+/** Props for {@link ContextMenuRoot}: {@link ContextMenuProps} minus the derived-anatomy-only props. */
+export type ContextMenuRootProps = Omit<ContextMenuProps, 'items' | 'onSelect' | 'renderItem' | 'disabled' | 'children'> & {
+    /**
+     * The trigger region and portal — the menu's own DOM (content, items) is
+     * rendered by `ContextMenuPortal` elsewhere.
+     * @default undefined — renders nothing if omitted.
+     */
+    children?: React.ReactNode;
+};
 /**
- * Root of a right-click (or long-press) context menu: owns open state and
- * the triggering pointer position, and hands both down to
- * `ContextMenuTrigger` / `ContextMenuPortal` / `ContextMenuContent` / item
- * parts via context. Renders no DOM element itself.
- *
- * Unlike `DropdownMenu`, `ContextMenuContent` positions itself at the
- * pointer's coordinates rather than via the popper layer, so a menu opened
- * via `defaultOpen` (rather than by a `contextmenu` event) has no pointer to
- * sit at and lands at the viewport's top-left corner.
+ * Context menu state primitive: owns open state and pointer position,
+ * hands both to trigger / portal / content via context. Renders no DOM element.
+ * Positions at pointer coordinates; pass `point` for `defaultOpen`.
+ */
+export declare function ContextMenuRoot({ children, open: openProp, defaultOpen, modal, point: pointProp, onOpenChange, onOpenChangeComplete, }: ContextMenuRootProps): React.JSX.Element;
+export declare namespace ContextMenuRoot {
+    var displayName: string;
+}
+/**
+ * Right-click (or long-press) menu over a region. Derives anatomy from `children`
+ * (right-clickable region) and `items` (menu entries). Non-modal by default.
  *
  * @example
  * ```tsx
- * <ContextMenu>
+ * <ContextMenu
+ *   items={[
+ *     { label: 'Copy', onSelect: copy, shortcut: '⌘C' },
+ *     { type: 'separator' },
+ *     { label: 'Delete', onSelect: remove },
+ *   ]}
+ * >
+ *   <div className="canvas">Right-click this area</div>
+ * </ContextMenu>
+ * ```
+ *
+ * @example Manual composition.
+ * ```tsx
+ * import { ContextMenuContent, ContextMenuItem, ContextMenuPortal, ContextMenuRoot, ContextMenuTrigger } from '@skdx/react/primitives/context-menu';
+ *
+ * <ContextMenuRoot>
  *   <ContextMenuTrigger>Right-click this area</ContextMenuTrigger>
  *   <ContextMenuPortal>
  *     <ContextMenuContent>
- *       <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
- *       <ContextMenuSeparator />
- *       <ContextMenuItem onSelect={() => console.log('Delete')}>Delete</ContextMenuItem>
+ *       <ContextMenuItem>Copy</ContextMenuItem>
  *     </ContextMenuContent>
  *   </ContextMenuPortal>
- * </ContextMenu>
+ * </ContextMenuRoot>
  * ```
  */
-export declare function ContextMenu({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: ContextMenuProps): React.JSX.Element;
+export declare function ContextMenu({ children, open, defaultOpen, modal, point, onOpenChange, onOpenChangeComplete, items, onSelect, renderItem, disabled, ...rest }: ContextMenuProps): React.JSX.Element;
 export declare namespace ContextMenu {
     var displayName: string;
 }

package/dist/context-menu/ContextMenu.js

@@ -1 +1 @@
-import*as f from"react";import{createSafeContext as ee}from"../utils/createContext.js";import{useControllableState as te}from"../utils/useControllableState.js";import{useOpenChangeComplete as oe}from"../utils/useOpenChangeComplete.js";import{jsx as ae}from"react/jsx-runtime";var I='[role^="menuitem"]:not([data-disabled])',[ne,x]=ee("ContextMenu");function re({children:e,open:o,defaultOpen:n=!1,onOpenChange:t,onOpenChangeComplete:u}){let i=f.useRef(null),m=f.useRef(null),[s,c]=f.useState({x:0,y:0}),[l=!1,r]=te({prop:o,defaultProp:n,onChange:t});return oe(l,m,u),ae(ne,{triggerRef:i,contentRef:m,contentId:f.useId(),open:l,onOpenChange:r,point:s,setPoint:c,children:e})}re.displayName="ContextMenu";import*as T from"react";import{useComposedRefs as ie}from"../utils/composeRefs.js";import{skdxPart as ue}from"../utils/part.js";import{composeEventHandlers as S,Primitive as me}from"../utils/primitive.js";import{jsx as pe}from"react/jsx-runtime";var k=T.forwardRef(({disabled:e,...o},n)=>{let t=x("ContextMenuTrigger"),u=ie(n,t.triggerRef);return pe(me.div,{tabIndex:0,role:"group","aria-haspopup":"menu","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed","data-disabled":e?"":void 0,"aria-disabled":e||void 0,...o,...ue("context-menu","trigger",o.className),ref:u,onContextMenu:S(o.onContextMenu,i=>{e||(i.preventDefault(),t.setPoint({x:i.clientX,y:i.clientY}),t.onOpenChange(!0))}),onKeyDown:S(o.onKeyDown,i=>{if(e||i.key!=="ContextMenu"&&!(i.key==="F10"&&i.shiftKey))return;i.preventDefault();let m=i.currentTarget.getBoundingClientRect();t.setPoint({x:m.left,y:m.bottom}),t.onOpenChange(!0)})})});k.displayName="ContextMenuTrigger";import{Portal as se}from"../utils/portal.js";import{jsx as xe}from"react/jsx-runtime";var E=({forceMount:e,children:o,...n})=>{let t=x("ContextMenuPortal");return e||t.open?xe(se,{...n,children:o}):null};E.displayName="ContextMenuPortal";import*as p from"react";import{useComposedRefs as ce}from"../utils/composeRefs.js";import{MENU_BRANCH_ATTRIBUTE as fe}from"../utils/menuSub.js";import{skdxPart as Ce}from"../utils/part.js";import{composeEventHandlers as de,Primitive as Me}from"../utils/primitive.js";import{useDismiss as le}from"../utils/useDismiss.js";import{useRovingFocus as Re}from"../utils/useRovingFocus.js";import{jsx as Pe}from"react/jsx-runtime";var N=p.forwardRef(({forceMount:e,loop:o=!0,collisionPadding:n=8,onEscapeKeyDown:t,onPointerDownOutside:u,onFocusOutside:i,onInteractOutside:m,style:s,...c},l)=>{let r=x("ContextMenuContent"),J=ce(l,r.contentRef),[g,h]=p.useState(r.point),Q=Re({orientation:"vertical",loop:o,itemSelector:I,typeahead:!0}),R=p.useRef(!1),v=()=>{r.onOpenChange(!1),R.current=!0,r.triggerRef.current?.focus(),R.current=!1};return le({enabled:r.open,insideSelector:`[${fe}]`,onEscapeKeyDown:a=>{t?.(a),a.defaultPrevented||v()},onInteractOutside:a=>{R.current||m?.(a)},onPointerDownOutside:a=>{u?.(a),a.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:a=>{R.current||(i?.(a),a.defaultPrevented||r.onOpenChange(!1))}},[r.contentRef]),p.useLayoutEffect(()=>{if(!r.open)return;let a=r.contentRef.current;if(!a){h(r.point);return}let{width:C,height:b}=a.getBoundingClientRect(),Z=window.innerWidth-C-n,j=window.innerHeight-b-n;h({x:Math.max(n,Math.min(r.point.x,Math.max(Z,n))),y:Math.max(n,Math.min(r.point.y,Math.max(j,n)))})},[r.open,r.point,r.contentRef,n]),p.useEffect(()=>{if(!r.open)return;let a=requestAnimationFrame(()=>{let C=r.contentRef.current;if(!C||C.contains(document.activeElement))return;(C.querySelector(I)??C).focus()});return()=>cancelAnimationFrame(a)},[r.open,r.contentRef]),e||r.open?Pe(Me.div,{role:"menu","aria-orientation":"vertical",id:r.contentId,"data-state":r.open?"open":"closed",tabIndex:-1,...c,...Ce("context-menu","content",c.className),ref:J,style:{position:"fixed",top:g.y,left:g.x,...s},onKeyDown:de(c.onKeyDown,a=>{Q(a),a.key==="Tab"&&(a.preventDefault(),v())})}):null});N.displayName="ContextMenuContent";import*as P from"react";import{skdxPart as ye}from"../utils/part.js";import{Primitive as Ie}from"../utils/primitive.js";import{useMenuItem as ge}from"../utils/useMenuItem.js";import{jsx as he}from"react/jsx-runtime";var d=P.createContext(!1);function M({disabled:e,onSelect:o,props:n}){let t=x("ContextMenuItem");return ge({disabled:e,onSelect:o,onSelected:()=>t.onOpenChange(!1),contentRef:t.contentRef,props:n})}var D=P.forwardRef(({disabled:e,onSelect:o,...n},t)=>{let u=M({disabled:e,onSelect:o,props:n});return he(Ie.div,{role:"menuitem",...n,...u,...ye("context-menu","item",n.className),ref:t})});D.displayName="ContextMenuItem";import*as L from"react";import{skdxPart as ve}from"../utils/part.js";import{Primitive as be}from"../utils/primitive.js";import{jsx as w}from"react/jsx-runtime";var G=L.forwardRef(({checked:e=!1,onCheckedChange:o,disabled:n,onSelect:t,...u},i)=>{let m=M({disabled:n,onSelect:s=>{o?.(!e),t?.(s),s.preventDefault()},props:u});return w(d.Provider,{value:e,children:w(be.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...u,...m,...ve("context-menu","checkbox-item",u.className),ref:i})})});G.displayName="ContextMenuCheckboxItem";import*as O from"react";import{createSafeContext as Se}from"../utils/createContext.js";import{skdxPart as Te}from"../utils/part.js";import{Primitive as ke}from"../utils/primitive.js";import{jsx as H}from"react/jsx-runtime";var[Ee,F]=Se("ContextMenuRadioGroup"),K=O.forwardRef(({value:e,onValueChange:o,...n},t)=>H(Ee,{value:e,onValueChange:o,children:H(ke.div,{role:"group",...n,...Te("context-menu","radio-group",n.className),ref:t})}));K.displayName="ContextMenuRadioGroup";import*as A from"react";import{skdxPart as Ne}from"../utils/part.js";import{Primitive as De}from"../utils/primitive.js";import{jsx as V}from"react/jsx-runtime";var B=A.forwardRef(({value:e,disabled:o,onSelect:n,...t},u)=>{let i=F("ContextMenuRadioItem"),m=i.value===e,s=M({disabled:o,onSelect:c=>{i.onValueChange?.(e),n?.(c)},props:t});return V(d.Provider,{value:m,children:V(De.div,{role:"menuitemradio","aria-checked":m,"data-state":m?"checked":"unchecked",...t,...s,...Ne("context-menu","radio-item",t.className),ref:u})})});B.displayName="ContextMenuRadioItem";import*as y from"react";import{skdxPart as we}from"../utils/part.js";import{Primitive as Le}from"../utils/primitive.js";import{jsx as Ge}from"react/jsx-runtime";var _=y.forwardRef(({forceMount:e,...o},n)=>{let t=y.useContext(d);return e||t?Ge(Le.span,{"data-state":t?"checked":"unchecked",...o,...we("context-menu","item-indicator",o.className),ref:n}):null});_.displayName="ContextMenuItemIndicator";import*as q from"react";import{skdxPart as He}from"../utils/part.js";import{Primitive as Oe}from"../utils/primitive.js";import{jsx as Fe}from"react/jsx-runtime";var U=q.forwardRef((e,o)=>Fe(Oe.div,{role:"group",...e,...He("context-menu","group",e.className),ref:o}));U.displayName="ContextMenuGroup";import*as X from"react";import{skdxPart as Ke}from"../utils/part.js";import{Primitive as Ve}from"../utils/primitive.js";import{jsx as Ae}from"react/jsx-runtime";var Y=X.forwardRef((e,o)=>Ae(Ve.div,{...e,...Ke("context-menu","label",e.className),ref:o}));Y.displayName="ContextMenuLabel";import*as z from"react";import{skdxPart as Be}from"../utils/part.js";import{Primitive as _e}from"../utils/primitive.js";import{jsx as qe}from"react/jsx-runtime";var W=z.forwardRef((e,o)=>qe(_e.div,{role:"separator","aria-orientation":"horizontal",...e,...Be("context-menu","separator",e.className),ref:o}));W.displayName="ContextMenuSeparator";import{MenuSub as Ue,MenuSubContent as Xe,MenuSubTrigger as Ye}from"../utils/menuSub.js";import{jsx as $e}from"react/jsx-runtime";function $(e){return $e(Ue,{family:"context-menu",...e})}$.displayName="ContextMenuSub";var ze=Ye,We=Xe;export{re as ContextMenu,G as ContextMenuCheckboxItem,N as ContextMenuContent,U as ContextMenuGroup,D as ContextMenuItem,_ as ContextMenuItemIndicator,Y as ContextMenuLabel,E as ContextMenuPortal,ne as ContextMenuProvider,K as ContextMenuRadioGroup,B as ContextMenuRadioItem,W as ContextMenuSeparator,$ as ContextMenuSub,We as ContextMenuSubContent,ze as ContextMenuSubTrigger,k as ContextMenuTrigger,I as ITEM_SELECTOR,x as useContextMenuContext};
+import*as h from"react";import{createSafeContext as Rt}from"../utils/createContext.js";import{useControllableState as ht}from"../utils/useControllableState.js";import{useOpenChangeComplete as yt}from"../utils/useOpenChangeComplete.js";import{CheckGlyph as xt,DotGlyph as Ct}from"../utils/menuGlyph.js";import*as z from"react";import{skdxPart as he}from"../utils/part.js";import{Primitive as ye}from"../utils/primitive.js";import*as S from"react";import{skdxPart as xe}from"../utils/part.js";import{Primitive as Ce}from"../utils/primitive.js";import{useMenuItem as Me}from"../utils/useMenuItem.js";import{jsx as Re}from"react/jsx-runtime";var P=S.createContext(!1);function I({disabled:t,textValue:r,onSelect:n,props:u}){let a=M("ContextMenuItem");return Me({disabled:t,textValue:r,onSelect:n,onSelected:()=>a.onOpenChange(!1),contentRef:a.contentRef,props:u})}var E=S.forwardRef(({disabled:t,textValue:r,onSelect:n,...u},a)=>{let m=I({disabled:t,textValue:r,onSelect:n,props:u});return Re(Ce.div,{role:"menuitem",...u,...m,...xe("context-menu","item",u.className),ref:a})});E.displayName="ContextMenuItem";import{jsx as q}from"react/jsx-runtime";var N=z.forwardRef(({checked:t=!1,onCheckedChange:r,disabled:n,textValue:u,onSelect:a,...m},p)=>{let s=I({disabled:n,textValue:u,onSelect:d=>{r?.(!t),a?.(d),d.preventDefault()},props:m});return q(P.Provider,{value:t,children:q(ye.div,{role:"menuitemcheckbox","aria-checked":t,"data-state":t?"checked":"unchecked",...m,...s,...he("context-menu","checkbox-item",m.className),ref:p})})});N.displayName="ContextMenuCheckboxItem";import*as R from"react";import{useComposedRefs as Pe}from"../utils/composeRefs.js";import{usePortalledDirection as be}from"../utils/direction.js";import{MENU_BRANCH_ATTRIBUTE as ge}from"../utils/menuSub.js";import{skdxPart as Ie}from"../utils/part.js";import{composeEventHandlers as ve,Primitive as Se}from"../utils/primitive.js";import{useBodyScrollLock as we}from"../utils/useBodyScrollLock.js";import{useDismiss as ke}from"../utils/useDismiss.js";import{autoFocusEvent as Te}from"../utils/useFocusTrap.js";import{releaseOutsideInert as Ee,useOutsideInert as Ne}from"../utils/useOutsideInert.js";import{useRovingFocus as Le}from"../utils/useRovingFocus.js";import{jsx as Ge}from"react/jsx-runtime";var G=R.forwardRef(({forceMount:t,loop:r=!0,collisionPadding:n=8,onEscapeKeyDown:u,onPointerDownOutside:a,onFocusOutside:m,onInteractOutside:p,onCloseAutoFocus:s,style:d,...l},o)=>{let e=M("ContextMenuContent"),i=Pe(o,e.contentRef),[x,U]=R.useState(e.point),ce=Le({orientation:"vertical",loop:r,itemSelector:L,typeahead:!0,includeDisabled:!0}),pe=be(e.triggerRef),v=R.useRef(!1),X=()=>{e.onOpenChange(!1),e.modal&&Ee(),Te("close-auto-focus",s)&&(v.current=!0,e.triggerRef.current?.focus(),v.current=!1)};return Ne(e.contentRef,e.open&&e.modal),we(e.open&&e.modal),ke({enabled:e.open,insideSelector:`[${ge}]`,onEscapeKeyDown:c=>{u?.(c),c.defaultPrevented||X()},onInteractOutside:c=>{v.current||p?.(c)},onPointerDownOutside:c=>{a?.(c),c.defaultPrevented||e.onOpenChange(!1)},onFocusOutside:c=>{v.current||(m?.(c),c.defaultPrevented||e.onOpenChange(!1))}},[e.contentRef]),R.useLayoutEffect(()=>{if(!e.open)return;let c=e.contentRef.current;if(!c){U(e.point);return}let{width:y,height:Y}=c.getBoundingClientRect(),de=window.innerWidth-y-n,fe=window.innerHeight-Y-n;U({x:Math.max(n,Math.min(e.point.x,Math.max(de,n))),y:Math.max(n,Math.min(e.point.y,Math.max(fe,n)))})},[e.open,e.point,e.contentRef,n]),R.useEffect(()=>{if(!e.open)return;let c=requestAnimationFrame(()=>{let y=e.contentRef.current;if(!y||y.contains(document.activeElement))return;(y.querySelector(L)??y).focus({preventScroll:!0})});return()=>cancelAnimationFrame(c)},[e.open,e.contentRef]),t||e.open?Ge(Se.div,{role:"menu","aria-orientation":"vertical",dir:pe,"aria-labelledby":l["aria-label"]===void 0?e.triggerId:void 0,id:e.contentId,"data-state":e.open?"open":"closed",tabIndex:-1,...l,...Ie("context-menu","content",l.className),ref:i,style:{position:"fixed",top:x.y,left:x.x,...d},onKeyDown:ve(l.onKeyDown,c=>{ce(c),c.key==="Tab"&&X()})}):null});G.displayName="ContextMenuContent";import*as J from"react";import{MenuGroupProvider as Oe,useMenuGroupLabel as De}from"../utils/menuGroup.js";import{skdxPart as Ve}from"../utils/part.js";import{Primitive as He}from"../utils/primitive.js";import{jsx as W}from"react/jsx-runtime";var O=J.forwardRef((t,r)=>{let{labelId:n,context:u}=De();return W(Oe,{...u,children:W(He.div,{role:"group","aria-labelledby":t["aria-label"]===void 0?n:void 0,...t,...Ve("context-menu","group",t.className),ref:r})})});O.displayName="ContextMenuGroup";import*as w from"react";import{skdxPart as Ae}from"../utils/part.js";import{Primitive as _e}from"../utils/primitive.js";import{jsx as Fe}from"react/jsx-runtime";var k=w.forwardRef(({forceMount:t,...r},n)=>{let u=w.useContext(P);return t||u?Fe(_e.span,{"data-state":u?"checked":"unchecked",...r,...Ae("context-menu","item-indicator",r.className),ref:n}):null});k.displayName="ContextMenuItemIndicator";import*as Q from"react";import{useMenuLabelId as Ke}from"../utils/menuGroup.js";import{skdxPart as Be}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as Ue}from"react/jsx-runtime";var D=Q.forwardRef((t,r)=>{let n=Ke();return Ue($e.div,{id:n,...t,...Be("context-menu","label",t.className),ref:r})});D.displayName="ContextMenuLabel";import{Portal as Xe}from"../utils/portal.js";import{jsx as Ye}from"react/jsx-runtime";var V=({forceMount:t,children:r,...n})=>{let u=M("ContextMenuPortal");return t||u.open?Ye(Xe,{...n,children:r}):null};V.displayName="ContextMenuPortal";import*as Z from"react";import{createSafeContext as qe}from"../utils/createContext.js";import{MenuGroupProvider as ze,useMenuGroupLabel as We}from"../utils/menuGroup.js";import{skdxPart as Je}from"../utils/part.js";import{Primitive as Qe}from"../utils/primitive.js";import{jsx as H}from"react/jsx-runtime";var[Ze,j]=qe("ContextMenuRadioGroup"),A=Z.forwardRef(({value:t,onValueChange:r,...n},u)=>{let{labelId:a,context:m}=We();return H(Ze,{value:t,onValueChange:r,children:H(ze,{...m,children:H(Qe.div,{role:"group","aria-labelledby":n["aria-label"]===void 0?a:void 0,...n,...Je("context-menu","radio-group",n.className),ref:u})})})});A.displayName="ContextMenuRadioGroup";import*as te from"react";import{skdxPart as je}from"../utils/part.js";import{Primitive as et}from"../utils/primitive.js";import{jsx as ee}from"react/jsx-runtime";var _=te.forwardRef(({value:t,disabled:r,textValue:n,onSelect:u,...a},m)=>{let p=j("ContextMenuRadioItem"),s=p.value===t,d=I({disabled:r,textValue:n,onSelect:l=>{p.onValueChange?.(t),u?.(l)},props:a});return ee(P.Provider,{value:s,children:ee(et.div,{role:"menuitemradio","aria-checked":s,"data-state":s?"checked":"unchecked",...a,...d,...je("context-menu","radio-item",a.className),ref:m})})});_.displayName="ContextMenuRadioItem";import*as oe from"react";import{skdxPart as tt}from"../utils/part.js";import{Primitive as ot}from"../utils/primitive.js";import{jsx as nt}from"react/jsx-runtime";var F=oe.forwardRef((t,r)=>nt(ot.div,{role:"separator","aria-orientation":"horizontal",...t,...tt("context-menu","separator",t.className),ref:r}));F.displayName="ContextMenuSeparator";import*as ne from"react";import{skdxPart as rt}from"../utils/part.js";import{Primitive as at}from"../utils/primitive.js";import{jsx as ut}from"react/jsx-runtime";var T=ne.forwardRef((t,r)=>ut(at.span,{"aria-hidden":"true",...t,...rt("context-menu","shortcut",t.className),ref:r}));T.displayName="ContextMenuShortcut";import{MenuSub as it,MenuSubContent as mt,MenuSubTrigger as st}from"../utils/menuSub.js";import{jsx as lt}from"react/jsx-runtime";function K(t){return lt(it,{family:"context-menu",...t})}K.displayName="ContextMenuSub";var re=st,ae=mt;import*as C from"react";import{useComposedRefs as ct}from"../utils/composeRefs.js";import{skdxPart as pt}from"../utils/part.js";import{composeEventHandlers as b,Primitive as dt}from"../utils/primitive.js";import{jsx as ft}from"react/jsx-runtime";var B=C.forwardRef(({disabled:t,style:r,...n},u)=>{let a=M("ContextMenuTrigger"),m=ct(u,a.triggerRef),p=C.useRef(0),s=C.useRef(null),[d,l]=C.useState(!1),o=C.useCallback(()=>{window.clearTimeout(p.current),s.current=null,l(!1)},[]);return C.useEffect(()=>()=>window.clearTimeout(p.current),[]),ft(dt.div,{tabIndex:0,role:"group",id:a.triggerId,"aria-controls":a.open?a.contentId:void 0,"aria-owns":a.open?a.contentId:void 0,"data-state":a.open?"open":"closed","data-disabled":t?"":void 0,"aria-disabled":t||void 0,...n,...pt("context-menu","trigger",n.className),ref:m,style:d?{touchAction:"none",...r}:r,onContextMenu:b(n.onContextMenu,e=>{t||(e.preventDefault(),a.setPoint({x:e.clientX,y:e.clientY}),a.onOpenChange(!0))}),onPointerDown:b(n.onPointerDown,e=>{if(t||e.pointerType!=="touch")return;let{clientX:i,clientY:x}=e;s.current={x:i,y:x},l(!0),window.clearTimeout(p.current),p.current=window.setTimeout(()=>{s.current=null,l(!1),a.setPoint({x:i,y:x}),a.onOpenChange(!0)},ue)}),onPointerMove:b(n.onPointerMove,e=>{let i=s.current;i&&Math.hypot(e.clientX-i.x,e.clientY-i.y)>ie&&o()}),onPointerUp:b(n.onPointerUp,o),onPointerCancel:b(n.onPointerCancel,o),onKeyDown:b(n.onKeyDown,e=>{if(t||e.key!=="ContextMenu"&&!(e.key==="F10"&&e.shiftKey))return;e.preventDefault();let i=e.currentTarget.getBoundingClientRect();a.setPoint({x:i.left,y:i.bottom}),a.onOpenChange(!0)})})});B.displayName="ContextMenuTrigger";import{Fragment as Mt,jsx as f,jsxs as g}from"react/jsx-runtime";var me=({items:t=[],onSelect:r,renderItem:n,disabled:u,children:a,passThrough:m})=>{let{open:p}=M("ContextMenuAnatomy"),s=p&&m?.id?{"aria-controls":m.id,"aria-owns":m.id}:{},d=o=>n?n(o):"label"in o?o.label:null,l=(o,e)=>{if(!("type"in o))return g(E,{disabled:o.disabled,textValue:o.textValue??o.label,onSelect:()=>{o.onSelect?.(),r?.(o)},children:[d(o),o.shortcut?f(T,{children:o.shortcut}):null]},e);switch(o.type){case"separator":return f(F,{},e);case"checkbox":return g(N,{checked:o.checked,onCheckedChange:o.onCheckedChange,disabled:o.disabled,textValue:o.textValue??o.label,onSelect:()=>r?.(o),children:[f(k,{"aria-hidden":"true",children:f(xt,{})}),d(o),o.shortcut?f(T,{children:o.shortcut}):null]},e);case"radio-group":return f(A,{value:o.value,onValueChange:o.onValueChange,children:o.items.map(i=>g(_,{value:i.value,disabled:i.disabled,textValue:i.textValue??i.label,children:[f(k,{"aria-hidden":"true",children:f(Ct,{})}),i.label]},i.value))},e);case"submenu":return g(K,{children:[f(re,{disabled:o.disabled,textValue:o.textValue??o.label,children:d(o)}),f(ae,{children:o.items.map((i,x)=>l(i,`${e}.${x}`))})]},e);case"group":return g(O,{children:[o.label?f(D,{children:o.label}):null,o.items.map((i,x)=>l(i,`${e}.${x}`))]},e)}};return g(Mt,{children:[f(B,{disabled:u,...s,children:a}),f(V,{children:f(G,{...m,children:t.map((o,e)=>l(o,String(e)))})})]})};import{jsx as $}from"react/jsx-runtime";var L='[role^="menuitem"]',ue=500,ie=10,[Pt,M]=Rt("ContextMenu");function se({children:t,open:r,defaultOpen:n=!1,modal:u=!1,point:a,onOpenChange:m,onOpenChangeComplete:p}){let s=h.useRef(null),d=h.useRef(null),[l,o]=h.useState({x:0,y:0}),e=a??l,[i=!1,x]=ht({prop:r,defaultProp:n,onChange:m});return yt(i,d,p),$(Pt,{triggerRef:s,contentRef:d,contentId:h.useId(),triggerId:h.useId(),open:i,modal:u,onOpenChange:x,point:e,setPoint:o,children:t})}se.displayName="ContextMenuRoot";function le({children:t,open:r,defaultOpen:n,modal:u,point:a,onOpenChange:m,onOpenChangeComplete:p,items:s,onSelect:d,renderItem:l,disabled:o,...e}){return $(se,{open:r,defaultOpen:n,modal:u,point:a,onOpenChange:m,onOpenChangeComplete:p,children:$(me,{items:s,onSelect:d,renderItem:l,disabled:o,passThrough:e,children:t})})}le.displayName="ContextMenu";export{le as ContextMenu,N as ContextMenuCheckboxItem,G as ContextMenuContent,O as ContextMenuGroup,E as ContextMenuItem,k as ContextMenuItemIndicator,D as ContextMenuLabel,V as ContextMenuPortal,Pt as ContextMenuProvider,A as ContextMenuRadioGroup,_ as ContextMenuRadioItem,se as ContextMenuRoot,F as ContextMenuSeparator,T as ContextMenuShortcut,K as ContextMenuSub,ae as ContextMenuSubContent,re as ContextMenuSubTrigger,B as ContextMenuTrigger,L as ITEM_SELECTOR,P as ItemIndicatorContext,ie as LONG_PRESS_MOVE_TOLERANCE,ue as LONG_PRESS_MS,Ze as MenuRadioGroupProvider,M as useContextMenuContext,I as useMenuItem,j as useMenuRadioGroupContext};

package/dist/context-menu/ContextMenuAnatomy.d.cts

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.cjs';
+import type { MenuItem } from './types.cjs';
+/**
+ * Renders ContextMenu anatomy from `children` and `items`: trigger, portal, and menu panel.
+ * @internal
+ */
+export declare const ContextMenuAnatomy: ({ items, onSelect, renderItem, disabled, children, passThrough, }: {
+    items?: MenuItem[];
+    onSelect?: (item: MenuItem) => void;
+    renderItem?: (item: MenuItem) => React.ReactNode;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

package/dist/context-menu/ContextMenuAnatomy.d.ts

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+import type { PassThroughProps } from '../utils/passThrough.js';
+import type { MenuItem } from './types.js';
+/**
+ * Renders ContextMenu anatomy from `children` and `items`: trigger, portal, and menu panel.
+ * @internal
+ */
+export declare const ContextMenuAnatomy: ({ items, onSelect, renderItem, disabled, children, passThrough, }: {
+    items?: MenuItem[];
+    onSelect?: (item: MenuItem) => void;
+    renderItem?: (item: MenuItem) => React.ReactNode;
+    disabled?: boolean;
+    children?: React.ReactNode;
+    passThrough?: PassThroughProps;
+}) => React.JSX.Element;

package/dist/context-menu/ContextMenuCheckboxItem.d.cts

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import type { ContextMenuCheckboxItemProps } from './types.cjs';
 /**
- * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
- * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * toggles `checked` via `onCheckedChange` and keeps the menu open by default
- * (call `event.preventDefault()` in `onSelect` to opt out). Wrap a
- * `ContextMenuItemIndicator` inside it to render a check glyph only when
- * checked.
+ * Toggleable menu item with `aria-checked` and `data-state`. Keeps menu open by default.
  *
  * @example
  * ```tsx

package/dist/context-menu/ContextMenuCheckboxItem.d.ts

@@ -1,12 +1,7 @@
 import * as React from 'react';
 import type { ContextMenuCheckboxItemProps } from './types.js';
 /**
- * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
- * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * toggles `checked` via `onCheckedChange` and keeps the menu open by default
- * (call `event.preventDefault()` in `onSelect` to opt out). Wrap a
- * `ContextMenuItemIndicator` inside it to render a check glyph only when
- * checked.
+ * Toggleable menu item with `aria-checked` and `data-state`. Keeps menu open by default.
  *
  * @example
  * ```tsx

package/dist/context-menu/ContextMenuContent.d.cts

@@ -1,20 +1,10 @@
 import * as React from 'react';
 import type { ContextMenuContentProps } from './types.cjs';
 /**
- * The menu's panel: `role="menu"` with `aria-orientation="vertical"` and
- * `data-state` (`open`/`closed`). Positions itself with `position: fixed` at
- * the triggering pointer's coordinates, clamped by `collisionPadding` so it
- * never overflows the viewport — no popper/`side`/`align` props, since a
- * context menu has no anchor element to float against.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, returns focus to
- * `ContextMenuTrigger` when Escape or Tab closes it, and closes on
- * Escape, Tab, or an outside interaction: pointer-down outside or focus
- * moving outside, each reported to `onPointerDownOutside`/`onFocusOutside`
- * and, just before them and with the same event, to `onInteractOutside`. Any
- * of those (or `onEscapeKeyDown`) calling `event.preventDefault()` keeps it
- * open. Mounts only while open unless `forceMount` is set.
+ * Menu panel: `role="menu"`, positioned at pointer coords, clamped by
+ * `collisionPadding`. Arrow navigation with typeahead, closes on Escape/Tab/outside.
+ * When `modal`, outside becomes `inert` and scroll locks. Mounts only while open
+ * unless `forceMount` is set.
  *
  * @example
  * ```tsx

package/dist/context-menu/ContextMenuContent.d.ts

@@ -1,20 +1,10 @@
 import * as React from 'react';
 import type { ContextMenuContentProps } from './types.js';
 /**
- * The menu's panel: `role="menu"` with `aria-orientation="vertical"` and
- * `data-state` (`open`/`closed`). Positions itself with `position: fixed` at
- * the triggering pointer's coordinates, clamped by `collisionPadding` so it
- * never overflows the viewport — no popper/`side`/`align` props, since a
- * context menu has no anchor element to float against.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, returns focus to
- * `ContextMenuTrigger` when Escape or Tab closes it, and closes on
- * Escape, Tab, or an outside interaction: pointer-down outside or focus
- * moving outside, each reported to `onPointerDownOutside`/`onFocusOutside`
- * and, just before them and with the same event, to `onInteractOutside`. Any
- * of those (or `onEscapeKeyDown`) calling `event.preventDefault()` keeps it
- * open. Mounts only while open unless `forceMount` is set.
+ * Menu panel: `role="menu"`, positioned at pointer coords, clamped by
+ * `collisionPadding`. Arrow navigation with typeahead, closes on Escape/Tab/outside.
+ * When `modal`, outside becomes `inert` and scroll locks. Mounts only while open
+ * unless `forceMount` is set.
  *
  * @example
  * ```tsx