@skdx/react 0.26.0

package/dist/command/CommandList.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { CommandListProps } from './types.js';
+/**
+ * Container for `CommandItem`s and `CommandGroup`s: renders
+ * `<div role="listbox">`, wired to `CommandInput` via `aria-controls`/
+ * `aria-activedescendant`, and carrying `aria-busy`/`data-loading` while the
+ * root's `loading` is set.
+ *
+ * @example
+ * ```tsx
+ * <CommandList>
+ *   <CommandEmpty>No results found.</CommandEmpty>
+ *   <CommandGroup heading="Pages">
+ *     <CommandItem value="profile">Profile</CommandItem>
+ *   </CommandGroup>
+ * </CommandList>
+ * ```
+ */
+export declare const CommandList: React.ForwardRefExoticComponent<Omit<CommandListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/command/CommandLoading.d.cts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { CommandLoadingProps } from './types.cjs';
+/**
+ * Renders its children (typically "Searching…") only while the root's
+ * `loading` is set. `role="status"` makes it a polite live region, so the
+ * arrival — and the disappearance — of an in-flight search is announced
+ * without stealing focus from `CommandInput`.
+ *
+ * @example
+ * ```tsx
+ * <Command loading={isFetching}>
+ *   <CommandInput placeholder="Search…" />
+ *   <CommandList>
+ *     <CommandLoading>Searching…</CommandLoading>
+ *     <CommandEmpty>No results found.</CommandEmpty>
+ *   </CommandList>
+ * </Command>
+ * ```
+ */
+export declare const CommandLoading: React.ForwardRefExoticComponent<Omit<CommandLoadingProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/command/CommandLoading.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { CommandLoadingProps } from './types.js';
+/**
+ * Renders its children (typically "Searching…") only while the root's
+ * `loading` is set. `role="status"` makes it a polite live region, so the
+ * arrival — and the disappearance — of an in-flight search is announced
+ * without stealing focus from `CommandInput`.
+ *
+ * @example
+ * ```tsx
+ * <Command loading={isFetching}>
+ *   <CommandInput placeholder="Search…" />
+ *   <CommandList>
+ *     <CommandLoading>Searching…</CommandLoading>
+ *     <CommandEmpty>No results found.</CommandEmpty>
+ *   </CommandList>
+ * </Command>
+ * ```
+ */
+export declare const CommandLoading: React.ForwardRefExoticComponent<Omit<CommandLoadingProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/command/CommandSeparator.d.cts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { CommandSeparatorProps } from './types.cjs';
+/**
+ * Visual divider between items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ *
+ * @example
+ * ```tsx
+ * <CommandGroup heading="Pages">…</CommandGroup>
+ * <CommandSeparator />
+ * <CommandGroup heading="Settings">…</CommandGroup>
+ * ```
+ */
+export declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<CommandSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/command/CommandSeparator.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { CommandSeparatorProps } from './types.js';
+/**
+ * Visual divider between items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ *
+ * @example
+ * ```tsx
+ * <CommandGroup heading="Pages">…</CommandGroup>
+ * <CommandSeparator />
+ * <CommandGroup heading="Settings">…</CommandGroup>
+ * ```
+ */
+export declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<CommandSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/command/index.d.cts

@@ -0,0 +1,9 @@
+export { Command, OPTION_SELECTOR, defaultCommandFilter } from './Command.cjs';
+export { CommandEmpty } from './CommandEmpty.cjs';
+export { type CommandEmptyProps, type CommandFilter, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandLoadingProps, type CommandProps, type CommandSeparatorProps, } from './types.cjs';
+export { CommandGroup } from './CommandGroup.cjs';
+export { CommandInput } from './CommandInput.cjs';
+export { CommandItem } from './CommandItem.cjs';
+export { CommandList } from './CommandList.cjs';
+export { CommandLoading } from './CommandLoading.cjs';
+export { CommandSeparator } from './CommandSeparator.cjs';

package/dist/command/index.d.ts

@@ -0,0 +1,9 @@
+export { Command, OPTION_SELECTOR, defaultCommandFilter } from './Command.js';
+export { CommandEmpty } from './CommandEmpty.js';
+export { type CommandEmptyProps, type CommandFilter, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandLoadingProps, type CommandProps, type CommandSeparatorProps, } from './types.js';
+export { CommandGroup } from './CommandGroup.js';
+export { CommandInput } from './CommandInput.js';
+export { CommandItem } from './CommandItem.js';
+export { CommandList } from './CommandList.js';
+export { CommandLoading } from './CommandLoading.js';
+export { CommandSeparator } from './CommandSeparator.js';

package/dist/command/types.d.cts

@@ -0,0 +1,119 @@
+import type * as React from 'react';
+import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
+/**
+ * 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`.
+ */
+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 interface CommandItemMeta {
+    value: string;
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+}
+/** Shape returned by the exported `useCommandContext` hook; distributed from {@link Command} to its parts via context. */
+export interface CommandContextValue {
+    listRef: React.RefObject<HTMLDivElement | null>;
+    listId: string;
+    activeId: string | null;
+    setActiveId: (id: string | null) => void;
+    itemMetaRef: React.RefObject<Map<string, CommandItemMeta>>;
+    registerItem: (id: string) => void;
+    unregisterItem: (id: string) => void;
+    itemCount: number;
+    search: string;
+    setSearch: (search: string) => void;
+    matches: (itemValue: string) => boolean;
+    loading: boolean;
+}
+/** Props for the {@link Command} root. */
+export interface CommandProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue'> {
+    /**
+     * Value of the highlighted item, for controlled usage. Pair with
+     * `onValueChange`.
+     * @default undefined — uncontrolled, the palette keeps the top match highlighted.
+     */
+    value?: string;
+    /**
+     * Value of the initially highlighted item, for uncontrolled usage.
+     * @default undefined — the first mounted item.
+     */
+    defaultValue?: string;
+    /**
+     * Fires with the highlighted item's value whenever the highlight moves —
+     * typing, arrow keys, or pointer.
+     * @default undefined — no-op.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Current search text, for controlled usage. `CommandInput` writes into this
+     * as the user types.
+     * @default undefined — uncontrolled, the root tracks the search internally.
+     */
+    search?: string;
+    /**
+     * Initial search text, for uncontrolled usage.
+     * @default ''
+     */
+    defaultSearch?: string;
+    /**
+     * Fires with the new search text whenever `CommandInput` changes.
+     * @default undefined — no-op.
+     */
+    onSearchChange?: (search: string) => void;
+    /**
+     * 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.
+     * @default undefined — the built-in matcher.
+     */
+    filter?: CommandFilter;
+    /**
+     * Marks results as in flight: `data-loading` on the root and
+     * `aria-busy`/`data-loading` on `CommandList`, mounts `CommandLoading`, and
+     * keeps `CommandEmpty` hidden so an in-flight search never flashes
+     * "No results".
+     * @default false
+     */
+    loading?: boolean;
+}
+/** Props for {@link CommandInput}, the search/filter text field that drives virtual focus. */
+export interface CommandInputProps extends PrimitivePropsWithRef<'input'> {
+}
+/** Props for {@link CommandList}, the listbox container for `CommandItem`s and `CommandGroup`s. */
+export interface CommandListProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CommandEmpty}, shown only when no `CommandItem` is currently mounted. */
+export interface CommandEmptyProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CommandGroup}, a labelled cluster of `CommandItem`s. */
+export interface CommandGroupProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Non-interactive heading rendered above the group's items.
+     * @default undefined — no heading rendered.
+     */
+    heading?: React.ReactNode;
+}
+/** Props for a single {@link CommandItem}. */
+export interface CommandItemProps extends Omit<PrimitivePropsWithRef<'div'>, 'onSelect'> {
+    /** Identifier passed to `onSelect` and used to match this item as the active/highlighted one. */
+    value: string;
+    /**
+     * Excludes the item from keyboard navigation, pointer highlighting, and Enter selection.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Called with `value` when the item is activated (click, Enter, or pointer + Enter).
+     * @default undefined — no-op if omitted.
+     */
+    onSelect?: (value: string) => void;
+}
+/** Props for {@link CommandLoading}, shown only while the root's `loading` is set. */
+export interface CommandLoadingProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CommandSeparator}, a visual divider between items or groups. */
+export interface CommandSeparatorProps extends PrimitivePropsWithRef<'div'> {
+}

package/dist/command/types.d.ts

@@ -0,0 +1,119 @@
+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`.
+ */
+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 interface CommandItemMeta {
+    value: string;
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+}
+/** Shape returned by the exported `useCommandContext` hook; distributed from {@link Command} to its parts via context. */
+export interface CommandContextValue {
+    listRef: React.RefObject<HTMLDivElement | null>;
+    listId: string;
+    activeId: string | null;
+    setActiveId: (id: string | null) => void;
+    itemMetaRef: React.RefObject<Map<string, CommandItemMeta>>;
+    registerItem: (id: string) => void;
+    unregisterItem: (id: string) => void;
+    itemCount: number;
+    search: string;
+    setSearch: (search: string) => void;
+    matches: (itemValue: string) => boolean;
+    loading: boolean;
+}
+/** Props for the {@link Command} root. */
+export interface CommandProps extends Omit<PrimitivePropsWithRef<'div'>, 'defaultValue'> {
+    /**
+     * Value of the highlighted item, for controlled usage. Pair with
+     * `onValueChange`.
+     * @default undefined — uncontrolled, the palette keeps the top match highlighted.
+     */
+    value?: string;
+    /**
+     * Value of the initially highlighted item, for uncontrolled usage.
+     * @default undefined — the first mounted item.
+     */
+    defaultValue?: string;
+    /**
+     * Fires with the highlighted item's value whenever the highlight moves —
+     * typing, arrow keys, or pointer.
+     * @default undefined — no-op.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Current search text, for controlled usage. `CommandInput` writes into this
+     * as the user types.
+     * @default undefined — uncontrolled, the root tracks the search internally.
+     */
+    search?: string;
+    /**
+     * Initial search text, for uncontrolled usage.
+     * @default ''
+     */
+    defaultSearch?: string;
+    /**
+     * Fires with the new search text whenever `CommandInput` changes.
+     * @default undefined — no-op.
+     */
+    onSearchChange?: (search: string) => void;
+    /**
+     * 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.
+     * @default undefined — the built-in matcher.
+     */
+    filter?: CommandFilter;
+    /**
+     * Marks results as in flight: `data-loading` on the root and
+     * `aria-busy`/`data-loading` on `CommandList`, mounts `CommandLoading`, and
+     * keeps `CommandEmpty` hidden so an in-flight search never flashes
+     * "No results".
+     * @default false
+     */
+    loading?: boolean;
+}
+/** Props for {@link CommandInput}, the search/filter text field that drives virtual focus. */
+export interface CommandInputProps extends PrimitivePropsWithRef<'input'> {
+}
+/** Props for {@link CommandList}, the listbox container for `CommandItem`s and `CommandGroup`s. */
+export interface CommandListProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CommandEmpty}, shown only when no `CommandItem` is currently mounted. */
+export interface CommandEmptyProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CommandGroup}, a labelled cluster of `CommandItem`s. */
+export interface CommandGroupProps extends PrimitivePropsWithRef<'div'> {
+    /**
+     * Non-interactive heading rendered above the group's items.
+     * @default undefined — no heading rendered.
+     */
+    heading?: React.ReactNode;
+}
+/** Props for a single {@link CommandItem}. */
+export interface CommandItemProps extends Omit<PrimitivePropsWithRef<'div'>, 'onSelect'> {
+    /** Identifier passed to `onSelect` and used to match this item as the active/highlighted one. */
+    value: string;
+    /**
+     * Excludes the item from keyboard navigation, pointer highlighting, and Enter selection.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Called with `value` when the item is activated (click, Enter, or pointer + Enter).
+     * @default undefined — no-op if omitted.
+     */
+    onSelect?: (value: string) => void;
+}
+/** Props for {@link CommandLoading}, shown only while the root's `loading` is set. */
+export interface CommandLoadingProps extends PrimitivePropsWithRef<'div'> {
+}
+/** Props for {@link CommandSeparator}, a visual divider between items or groups. */
+export interface CommandSeparatorProps extends PrimitivePropsWithRef<'div'> {
+}

package/dist/context-menu/ContextMenu.cjs

@@ -0,0 +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});

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

@@ -0,0 +1,39 @@
+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])";
+export declare const ContextMenuProvider: {
+    (props: ContextMenuContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useContextMenuContext: (consumerName: string) => ContextMenuContextValue;
+/**
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu>
+ *   <ContextMenuTrigger>Right-click this area</ContextMenuTrigger>
+ *   <ContextMenuPortal>
+ *     <ContextMenuContent>
+ *       <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
+ *       <ContextMenuSeparator />
+ *       <ContextMenuItem onSelect={() => console.log('Delete')}>Delete</ContextMenuItem>
+ *     </ContextMenuContent>
+ *   </ContextMenuPortal>
+ * </ContextMenu>
+ * ```
+ */
+export declare function ContextMenu({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: ContextMenuProps): React.JSX.Element;
+export declare namespace ContextMenu {
+    var displayName: string;
+}

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

@@ -0,0 +1,39 @@
+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])";
+export declare const ContextMenuProvider: {
+    (props: ContextMenuContextValue & {
+        children: React.ReactNode;
+    }): React.JSX.Element;
+    displayName: string;
+}, useContextMenuContext: (consumerName: string) => ContextMenuContextValue;
+/**
+ * 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.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenu>
+ *   <ContextMenuTrigger>Right-click this area</ContextMenuTrigger>
+ *   <ContextMenuPortal>
+ *     <ContextMenuContent>
+ *       <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
+ *       <ContextMenuSeparator />
+ *       <ContextMenuItem onSelect={() => console.log('Delete')}>Delete</ContextMenuItem>
+ *     </ContextMenuContent>
+ *   </ContextMenuPortal>
+ * </ContextMenu>
+ * ```
+ */
+export declare function ContextMenu({ children, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, }: ContextMenuProps): React.JSX.Element;
+export declare namespace ContextMenu {
+    var displayName: string;
+}

package/dist/context-menu/ContextMenu.js

@@ -0,0 +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};

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

@@ -0,0 +1,19 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenuCheckboxItem checked={showGrid} onCheckedChange={setShowGrid}>
+ *   <ContextMenuItemIndicator>✓</ContextMenuItemIndicator>
+ *   Show grid
+ * </ContextMenuCheckboxItem>
+ * ```
+ */
+export declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,19 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenuCheckboxItem checked={showGrid} onCheckedChange={setShowGrid}>
+ *   <ContextMenuItemIndicator>✓</ContextMenuItemIndicator>
+ *   Show grid
+ * </ContextMenuCheckboxItem>
+ * ```
+ */
+export declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,30 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenuPortal>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
+ *     <ContextMenuSeparator />
+ *     <ContextMenuItem disabled>Delete</ContextMenuItem>
+ *   </ContextMenuContent>
+ * </ContextMenuPortal>
+ * ```
+ */
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,30 @@
+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.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenuPortal>
+ *   <ContextMenuContent>
+ *     <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
+ *     <ContextMenuSeparator />
+ *     <ContextMenuItem disabled>Delete</ContextMenuItem>
+ *   </ContextMenuContent>
+ * </ContextMenuPortal>
+ * ```
+ */
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { ContextMenuGroupProps } from './types.cjs';
+/**
+ * Semantic grouping of related items: renders a `<div role="group">`.
+ * Pair with a preceding `ContextMenuLabel` to caption the group.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenuGroup>
+ *   <ContextMenuLabel>Actions</ContextMenuLabel>
+ *   <ContextMenuItem>Copy</ContextMenuItem>
+ * </ContextMenuGroup>
+ * ```
+ */
+export declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { ContextMenuGroupProps } from './types.js';
+/**
+ * Semantic grouping of related items: renders a `<div role="group">`.
+ * Pair with a preceding `ContextMenuLabel` to caption the group.
+ *
+ * @example
+ * ```tsx
+ * <ContextMenuGroup>
+ *   <ContextMenuLabel>Actions</ContextMenuLabel>
+ *   <ContextMenuItem>Copy</ContextMenuItem>
+ * </ContextMenuGroup>
+ * ```
+ */
+export declare const ContextMenuGroup: React.ForwardRefExoticComponent<Omit<ContextMenuGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;