@skdx/react 0.28.0 → 0.29.0

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

@@ -1,85 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuContextValue, ContextMenuProps } from './types.js';
-/**
- * @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;
-};
-/**
- * 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
- *   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>Copy</ContextMenuItem>
- *     </ContextMenuContent>
- *   </ContextMenuPortal>
- * </ContextMenuRoot>
- * ```
- */
-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 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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,14 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuCheckboxItemProps } from './types.cjs';
-/**
- * Toggleable menu item with `aria-checked` and `data-state`. Keeps menu open by default.
- *
- * @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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuCheckboxItemProps } from './types.js';
-/**
- * Toggleable menu item with `aria-checked` and `data-state`. Keeps menu open by default.
- *
- * @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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuContentProps } from './types.cjs';
-/**
- * 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
- * <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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuContentProps } from './types.js';
-/**
- * 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
- * <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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuGroupProps } from './types.cjs';
-/**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Put a `ContextMenuLabel` inside it to caption *and* name the group — the
- * Label takes a generated id and this element points `aria-labelledby` at it,
- * which is the only accessible name a `role="group"` can have.
- *
- * @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

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuGroupProps } from './types.js';
-/**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Put a `ContextMenuLabel` inside it to caption *and* name the group — the
- * Label takes a generated id and this element points `aria-labelledby` at it,
- * which is the only accessible name a `role="group"` can have.
- *
- * @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/ContextMenuItem.d.cts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuItemProps } from './types.cjs';
-/** @internal Signals checked state to `ContextMenuItemIndicator`. */
-export declare const ItemIndicatorContext: React.Context<boolean>;
-/** @internal */
-export declare function useMenuItem({ disabled, textValue, onSelect, props, }: {
-    disabled?: boolean;
-    textValue?: string;
-    onSelect?: (event: Event) => void;
-    props: ContextMenuItemProps;
-}): {
-    'data-disabled': string | undefined;
-    'data-text-value': string | undefined;
-    'aria-disabled': true | undefined;
-    tabIndex: number;
-    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    onPointerEnter: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerLeave: (event: React.PointerEvent<HTMLDivElement>) => void;
-};
-/**
- * A selectable menu item with roving-focus/typeahead navigation. Fires
- * `onSelect` and closes the menu on select (click, Enter, Space) unless
- * `onSelect` calls `event.preventDefault()`.
- *
- * @example
- * ```tsx
- * <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
- * ```
- */
-export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuItemProps } from './types.js';
-/** @internal Signals checked state to `ContextMenuItemIndicator`. */
-export declare const ItemIndicatorContext: React.Context<boolean>;
-/** @internal */
-export declare function useMenuItem({ disabled, textValue, onSelect, props, }: {
-    disabled?: boolean;
-    textValue?: string;
-    onSelect?: (event: Event) => void;
-    props: ContextMenuItemProps;
-}): {
-    'data-disabled': string | undefined;
-    'data-text-value': string | undefined;
-    'aria-disabled': true | undefined;
-    tabIndex: number;
-    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onKeyDown: (event: React.KeyboardEvent<HTMLDivElement>) => void;
-    onPointerEnter: (event: React.PointerEvent<HTMLDivElement>) => void;
-    onPointerLeave: (event: React.PointerEvent<HTMLDivElement>) => void;
-};
-/**
- * A selectable menu item with roving-focus/typeahead navigation. Fires
- * `onSelect` and closes the menu on select (click, Enter, Space) unless
- * `onSelect` calls `event.preventDefault()`.
- *
- * @example
- * ```tsx
- * <ContextMenuItem onSelect={() => console.log('Copy')}>Copy</ContextMenuItem>
- * ```
- */
-export declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuItemIndicatorProps } from './types.cjs';
-/**
- * Renders its children only while the enclosing checkbox or radio item is checked.
- * Exposes `data-state`. Mounts only while checked unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <ContextMenuCheckboxItem checked={checked} onCheckedChange={setChecked}>
- *   <ContextMenuItemIndicator>✓</ContextMenuItemIndicator>
- *   Show grid
- * </ContextMenuCheckboxItem>
- * ```
- */
-export declare const ContextMenuItemIndicator: React.ForwardRefExoticComponent<Omit<ContextMenuItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuItemIndicatorProps } from './types.js';
-/**
- * Renders its children only while the enclosing checkbox or radio item is checked.
- * Exposes `data-state`. Mounts only while checked unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <ContextMenuCheckboxItem checked={checked} onCheckedChange={setChecked}>
- *   <ContextMenuItemIndicator>✓</ContextMenuItemIndicator>
- *   Show grid
- * </ContextMenuCheckboxItem>
- * ```
- */
-export declare const ContextMenuItemIndicator: React.ForwardRefExoticComponent<Omit<ContextMenuItemIndicatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuLabelProps } from './types.cjs';
-/**
- * Non-interactive heading for a group of items. Renders a plain `<div>`.
- *
- * Rendered *inside* a `ContextMenuGroup` it takes a generated id and becomes
- * that group's accessible name.
- *
- * @example
- * ```tsx
- * <ContextMenuLabel>Actions</ContextMenuLabel>
- * <ContextMenuItem>Copy</ContextMenuItem>
- * ```
- */
-export declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuLabelProps } from './types.js';
-/**
- * Non-interactive heading for a group of items. Renders a plain `<div>`.
- *
- * Rendered *inside* a `ContextMenuGroup` it takes a generated id and becomes
- * that group's accessible name.
- *
- * @example
- * ```tsx
- * <ContextMenuLabel>Actions</ContextMenuLabel>
- * <ContextMenuItem>Copy</ContextMenuItem>
- * ```
- */
-export declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuLabelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,19 +0,0 @@
-import type { ContextMenuPortalProps } from './types.cjs';
-/**
- * Teleports `ContextMenuContent` to `document.body` (or a custom `container`).
- * Mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <ContextMenu>
- *   <ContextMenuTrigger>Right-click this area</ContextMenuTrigger>
- *   <ContextMenuPortal>
- *     <ContextMenuContent>…</ContextMenuContent>
- *   </ContextMenuPortal>
- * </ContextMenu>
- * ```
- */
-export declare const ContextMenuPortal: {
-    ({ forceMount, children, ...props }: ContextMenuPortalProps): import("react").JSX.Element | null;
-    displayName: string;
-};

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

@@ -1,19 +0,0 @@
-import type { ContextMenuPortalProps } from './types.js';
-/**
- * Teleports `ContextMenuContent` to `document.body` (or a custom `container`).
- * Mounts only while open unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <ContextMenu>
- *   <ContextMenuTrigger>Right-click this area</ContextMenuTrigger>
- *   <ContextMenuPortal>
- *     <ContextMenuContent>…</ContextMenuContent>
- *   </ContextMenuPortal>
- * </ContextMenu>
- * ```
- */
-export declare const ContextMenuPortal: {
-    ({ forceMount, children, ...props }: ContextMenuPortalProps): import("react").JSX.Element | null;
-    displayName: string;
-};

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuRadioGroupProps, MenuRadioGroupContextValue } from './types.cjs';
-export declare const MenuRadioGroupProvider: {
-    (props: MenuRadioGroupContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useMenuRadioGroupContext: (consumerName: string) => MenuRadioGroupContextValue;
-/**
- * Container for mutually-exclusive radio items. Distributes `value` and `onValueChange` via context.
- *
- * @example
- * ```tsx
- * <ContextMenuRadioGroup value={view} onValueChange={setView}>
- *   <ContextMenuRadioItem value="list">List</ContextMenuRadioItem>
- *   <ContextMenuRadioItem value="grid">Grid</ContextMenuRadioItem>
- * </ContextMenuRadioGroup>
- * ```
- */
-export declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,20 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuRadioGroupProps, MenuRadioGroupContextValue } from './types.js';
-export declare const MenuRadioGroupProvider: {
-    (props: MenuRadioGroupContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useMenuRadioGroupContext: (consumerName: string) => MenuRadioGroupContextValue;
-/**
- * Container for mutually-exclusive radio items. Distributes `value` and `onValueChange` via context.
- *
- * @example
- * ```tsx
- * <ContextMenuRadioGroup value={view} onValueChange={setView}>
- *   <ContextMenuRadioItem value="list">List</ContextMenuRadioItem>
- *   <ContextMenuRadioItem value="grid">Grid</ContextMenuRadioItem>
- * </ContextMenuRadioGroup>
- * ```
- */
-export declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<Omit<ContextMenuRadioGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuRadioItemProps } from './types.cjs';
-/**
- * Option in a ContextMenuRadioGroup with `aria-checked` and `data-state`. Closes menu on select.
- *
- * @example
- * ```tsx
- * <ContextMenuRadioItem value="list">
- *   <ContextMenuItemIndicator>•</ContextMenuItemIndicator>
- *   List
- * </ContextMenuRadioItem>
- * ```
- */
-export declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuRadioItemProps } from './types.js';
-/**
- * Option in a ContextMenuRadioGroup with `aria-checked` and `data-state`. Closes menu on select.
- *
- * @example
- * ```tsx
- * <ContextMenuRadioItem value="list">
- *   <ContextMenuItemIndicator>•</ContextMenuItemIndicator>
- *   List
- * </ContextMenuRadioItem>
- * ```
- */
-export declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuShortcutProps } from './types.cjs';
-/**
- * Keyboard hint displayed after menu item text. Rendered `aria-hidden` to avoid duplicate screen reader announcements.
- *
- * @example
- * ```tsx
- * <ContextMenuItem>
- *   Save
- *   <ContextMenuShortcut>⌘S</ContextMenuShortcut>
- * </ContextMenuItem>
- * ```
- */
-export declare const ContextMenuShortcut: React.ForwardRefExoticComponent<Omit<ContextMenuShortcutProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { ContextMenuShortcutProps } from './types.js';
-/**
- * Keyboard hint displayed after menu item text. Rendered `aria-hidden` to avoid duplicate screen reader announcements.
- *
- * @example
- * ```tsx
- * <ContextMenuItem>
- *   Save
- *   <ContextMenuShortcut>⌘S</ContextMenuShortcut>
- * </ContextMenuItem>
- * ```
- */
-export declare const ContextMenuShortcut: React.ForwardRefExoticComponent<Omit<ContextMenuShortcutProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;

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

@@ -1,39 +0,0 @@
-import { type MenuSubProps } from '../utils/menuSub.cjs';
-/**
- * Root of a nested submenu: owns open state, provides popper anchor context.
- * Renders no DOM element. Unlike `ContextMenuContent` (pointer coordinates), submenus
- * float against their trigger anchor.
- *
- * @example
- * ```tsx
- * <ContextMenuContent>
- *   <ContextMenuItem>Copy</ContextMenuItem>
- *   <ContextMenuSub>
- *     <ContextMenuSubTrigger>Send to</ContextMenuSubTrigger>
- *     <ContextMenuSubContent>
- *       <ContextMenuItem>Desktop</ContextMenuItem>
- *       <ContextMenuItem>Documents</ContextMenuItem>
- *     </ContextMenuSubContent>
- *   </ContextMenuSub>
- * </ContextMenuContent>
- * ```
- */
-export declare function ContextMenuSub(props: MenuSubProps): import("react").JSX.Element;
-export declare namespace ContextMenuSub {
-    var displayName: string;
-}
-/**
- * The parent-menu item that opens a submenu: `role="menuitem"` with
- * `aria-haspopup="menu"`, `aria-expanded`, `aria-controls` and `data-state`.
- * Opens on click, Enter, Space or ArrowRight — moving focus to the submenu's
- * first item — and on hover, which leaves focus where it is.
- */
-export declare const ContextMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<import("../utils/menuSub.cjs").MenuSubTriggerProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-/**
- * The submenu's floating panel: `role="menu"`, positioned against
- * `ContextMenuSubTrigger` (`side="end"`, `align="start"` by default) via
- * the shared popper layer. Owns its own vertical roving focus and typeahead;
- * ArrowLeft and Escape close it and refocus the trigger, leaving the parent
- * menu open.
- */
-export declare const ContextMenuSubContent: import("react").ForwardRefExoticComponent<Omit<import("../utils/menuSub.cjs").MenuSubContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;