@skdx/react 0.28.0 → 0.30.0

package/dist/alert-dialog/types.d.cts

@@ -1,236 +0,0 @@
-import type * as React from 'react';
-import type { PassThroughProps } from '../utils/passThrough.cjs';
-import type { PortalProps } from '../utils/portal.cjs';
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.cjs';
-import type { AutoFocusEvent } from '../utils/useFocusTrap.cjs';
-/**
- * Which un-prevented interaction may close an {@link AlertDialog}. Two-valued
- * (vs. Dialog's four) because the WAI-ARIA `alertdialog` pattern requires
- * confirmation, so outside dismissal is not allowed — `'any'` and `'outside'`
- * don't apply here.
- */
-export type AlertDialogDismiss = 'escape' | 'none';
-/** The derived {@link AlertDialog} panel's semantic emphasis, reflected as `data-tone` on `AlertDialogContent` and the derived `AlertDialogAction`. */
-export type AlertDialogTone = 'neutral' | 'danger';
-/** @internal Shared state distributed from {@link AlertDialog} to its parts via context. Not part of the public API. */
-export interface AlertDialogContextValue {
-    triggerRef: React.RefObject<HTMLButtonElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    contentId: string;
-    titleId: string;
-    descriptionId: string;
-    /** Whether an {@link AlertDialogTitle} is mounted, so Content can withhold a dangling `aria-labelledby`. */
-    hasTitle: boolean;
-    setHasTitle: (present: boolean) => void;
-    /** Whether an {@link AlertDialogDescription} is mounted, gating `aria-describedby` the same way. */
-    hasDescription: boolean;
-    setHasDescription: (present: boolean) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    /** The resolved dismissal policy, read by `AlertDialogContent` to gate Escape and to write `data-dismiss`. */
-    dismiss: AlertDialogDismiss;
-}
-/**
- * Props for the {@link AlertDialog} root. Standard attributes ({@link
- * PassThroughProps}) land on the derived `AlertDialogContent` panel.
- */
-export interface AlertDialogProps extends PassThroughProps {
-    /**
-     * Full manual composition — typically an `AlertDialogTrigger` and an
-     * `AlertDialogPortal`. Replaces the derived anatomy entirely; when omitted,
-     * the root draws its panel from `title`/`description`/`confirmLabel`/
-     * `cancelLabel`/`tone` instead.
-     * @default undefined — the derived anatomy renders instead.
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether the alert dialog is open, for controlled usage. Pair with `onOpenChange`.
-     * @default undefined — uncontrolled, tracks its own open state internally.
-     */
-    open?: boolean;
-    /**
-     * Whether the alert dialog is initially open, for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Which interaction closes the alert dialog: `'escape'` allows the Escape
-     * key, `'none'` requires an explicit button click. `onEscapeKeyDown` fires
-     * regardless; `'none'` just prevents auto-close. Reflected as `data-dismiss`
-     * on `AlertDialogContent`.
-     * @default 'escape'
-     */
-    dismiss?: AlertDialogDismiss;
-    /**
-     * Fires with the new open state whenever the alert dialog opens or closes, controlled or not.
-     * @default undefined — no-op if omitted.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Fires with the new open state once the change has finished on screen —
-     * after `AlertDialogContent`'s enter or exit animation ends, or as soon as it has
-     * settled when the panel declares no animation. Use it for work that must not race
-     * the transition; use `onOpenChange` for work that must not wait for it.
-     * @default undefined — no-op if omitted.
-     */
-    onOpenChangeComplete?: (open: boolean) => void;
-    /**
-     * The derived panel's title, rendered as an `AlertDialogTitle`. Only read
-     * when `children` is omitted.
-     * @default undefined — no derived title.
-     */
-    title?: string;
-    /**
-     * The derived panel's description, rendered as an `AlertDialogDescription`.
-     * Only read when `children` is omitted.
-     * @default undefined — no derived description.
-     */
-    description?: string;
-    /**
-     * Label of the derived primary action button. Only read when `children`
-     * is omitted.
-     * @default 'Confirm'
-     */
-    confirmLabel?: string;
-    /**
-     * Label of the derived `AlertDialogCancel` button. Only read when
-     * `children` is omitted.
-     * @default 'Cancel'
-     */
-    cancelLabel?: string;
-    /**
-     * Fires when the derived primary action button is clicked, before it
-     * closes the alert dialog. Call `event.preventDefault()` to keep it open —
-     * the same veto `AlertDialogAction` documents, for an asynchronous
-     * confirmation that must stay up until the request settles. Only read
-     * when `children` is omitted.
-     * @default undefined — no-op if omitted.
-     */
-    onConfirm?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Fires when the derived `AlertDialogCancel` button is clicked, before it
-     * closes the alert dialog. Call `event.preventDefault()` to keep it open.
-     * Only read when `children` is omitted.
-     * @default undefined — no-op if omitted.
-     */
-    onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Semantic emphasis of the derived primary Action button, reflected as
-     * `data-tone` on that button for a skin to style from — `'danger'` for a
-     * destructive confirmation. The panel never carries it: this family is
-     * styled identically to `Dialog` otherwise. Only read when `children` is
-     * omitted.
-     * @default 'neutral'
-     */
-    tone?: AlertDialogTone;
-}
-/** Props for {@link AlertDialogTrigger}, the button that opens the alert dialog. */
-export interface AlertDialogTriggerProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for {@link AlertDialogPortal}, which teleports its children to `document.body`. */
-export interface AlertDialogPortalProps extends PortalProps {
-    /**
-     * Render the portal even while the alert dialog is closed, instead of
-     * unmounting it. Useful for animation libraries that need the outgoing
-     * content present in the DOM during an exit transition.
-     * @default false
-     */
-    forceMount?: boolean;
-}
-/** Props for {@link AlertDialogOverlay}, the backdrop rendered behind `AlertDialogContent`. */
-export interface AlertDialogOverlayProps extends PrimitivePropsWithRef<'div'> {
-    /**
-     * Keep this overlay mounted even while the alert dialog is closed. Useful
-     * for animation libraries that need the outgoing overlay present in the
-     * DOM during an exit transition.
-     * @default false
-     */
-    forceMount?: boolean;
-}
-/** Props for {@link AlertDialogContent}, the alert dialog's panel. */
-export interface AlertDialogContentProps extends PrimitivePropsWithRef<'div'> {
-    /**
-     * Keep this panel mounted even while the alert dialog is closed. Useful
-     * for animation libraries that need the outgoing panel present in the DOM
-     * during an exit transition.
-     * @default false
-     */
-    forceMount?: boolean;
-    /**
-     * CSS selector for the element inside this panel that should receive focus
-     * when the alert dialog opens, instead of the `AlertDialogCancel` button.
-     *
-     * Resolved with `querySelector` against the panel itself, and only when
-     * `onOpenAutoFocus` did **not** call `preventDefault()` — a vetoed event
-     * means the consumer is placing focus by hand and this prop would fight it.
-     * A selector matching nothing falls back to Cancel, then the first tabbable
-     * element, then the panel, and warns: an always-modal panel with focus
-     * stranded on `<body>` is unreachable from the keyboard.
-     *
-     * A selector string rather than an element handle so the same member exists
-     * as the `initial-focus` attribute on `<skdx-alert-dialog-content>`.
-     * @default undefined — focus lands on `AlertDialogCancel`.
-     */
-    initialFocus?: string;
-    /**
-     * CSS selector for the element that should receive focus when the alert
-     * dialog closes, instead of whatever was focused before it opened.
-     *
-     * Resolved with `querySelector` against the whole **document**, not this
-     * panel: the return target is outside the panel by definition, and here it is
-     * routinely not the trigger either — the row whose deletion this alert dialog
-     * just confirmed is gone, and its trigger went with it. That vanished-trigger
-     * case is the common one for this family, which is why the prop earns its
-     * keep here more than on any other overlay.
-     *
-     * Applied only when `onCloseAutoFocus` did not call `preventDefault()`; a
-     * selector matching nothing falls back to the previously focused element and
-     * warns.
-     * @default undefined — focus returns to the element focused before opening.
-     */
-    finalFocus?: string;
-    /**
-     * Fires when Escape is pressed while the alert dialog is open. Call `event.preventDefault()` to stop it from closing.
-     * Fires under `dismiss="none"` too, where the close it announces does not happen.
-     * @default undefined — Escape closes the alert dialog, unless the root's `dismiss` is `'none'`.
-     */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
-    /**
-     * Fires on pointer-down outside the content. Notification only — an outside interaction never closes the alert dialog, so there is nothing to prevent.
-     * @default undefined — no-op if omitted.
-     */
-    onPointerDownOutside?: (event: PointerEvent) => void;
-    /**
-     * Fires when focus moves to an element outside the content. Notification only — an outside interaction never closes the alert dialog. Receives a cancelable stand-in carrying the original `focusin` as its `detail`, since `focusin` itself cannot be canceled.
-     * @default undefined — no-op if omitted.
-     */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
-    /**
-     * Fires for either kind of outside interaction — pointer-down or focus — immediately before the specific handler above and with the same event. Notification only, like the two above.
-     * @default undefined — no-op if omitted.
-     */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
-    /**
-     * Fires before focus moves to the `AlertDialogCancel` button on open — or to `initialFocus`, when that selector matches. Call `event.preventDefault()` to keep focus where it is and place it yourself; that also suppresses `initialFocus`.
-     * @default undefined — focus moves to `initialFocus`, then Cancel, then the first tabbable element.
-     */
-    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
-    /**
-     * Fires before focus returns to the previously focused element on close — or to `finalFocus`, when that selector matches. Call `event.preventDefault()` to suppress the return entirely, `finalFocus` included; `finalFocus` is the declarative form of the same redirect for the common vanished-trigger case.
-     * @default undefined — focus returns to `finalFocus`, else to the element focused before the alert dialog opened.
-     */
-    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
-}
-/** Props for {@link AlertDialogTitle}, the alert dialog's accessible name. */
-export interface AlertDialogTitleProps extends PrimitivePropsWithRef<'h2'> {
-}
-/** Props for {@link AlertDialogDescription}, the alert dialog's accessible description. */
-export interface AlertDialogDescriptionProps extends PrimitivePropsWithRef<'p'> {
-}
-/** Props for {@link AlertDialogAction}, the button confirming the destructive/primary action. */
-export interface AlertDialogActionProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for {@link AlertDialogCancel}, the button that dismisses the alert dialog safely. Receives initial focus on open. */
-export interface AlertDialogCancelProps extends PrimitivePropsWithRef<'button'> {
-}

package/dist/alert-dialog/types.d.ts

@@ -1,236 +0,0 @@
-import type * as React from 'react';
-import type { PassThroughProps } from '../utils/passThrough.js';
-import type { PortalProps } from '../utils/portal.js';
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-import type { FocusOutsideEvent, InteractOutsideEvent } from '../utils/useDismiss.js';
-import type { AutoFocusEvent } from '../utils/useFocusTrap.js';
-/**
- * Which un-prevented interaction may close an {@link AlertDialog}. Two-valued
- * (vs. Dialog's four) because the WAI-ARIA `alertdialog` pattern requires
- * confirmation, so outside dismissal is not allowed — `'any'` and `'outside'`
- * don't apply here.
- */
-export type AlertDialogDismiss = 'escape' | 'none';
-/** The derived {@link AlertDialog} panel's semantic emphasis, reflected as `data-tone` on `AlertDialogContent` and the derived `AlertDialogAction`. */
-export type AlertDialogTone = 'neutral' | 'danger';
-/** @internal Shared state distributed from {@link AlertDialog} to its parts via context. Not part of the public API. */
-export interface AlertDialogContextValue {
-    triggerRef: React.RefObject<HTMLButtonElement | null>;
-    contentRef: React.RefObject<HTMLDivElement | null>;
-    contentId: string;
-    titleId: string;
-    descriptionId: string;
-    /** Whether an {@link AlertDialogTitle} is mounted, so Content can withhold a dangling `aria-labelledby`. */
-    hasTitle: boolean;
-    setHasTitle: (present: boolean) => void;
-    /** Whether an {@link AlertDialogDescription} is mounted, gating `aria-describedby` the same way. */
-    hasDescription: boolean;
-    setHasDescription: (present: boolean) => void;
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    /** The resolved dismissal policy, read by `AlertDialogContent` to gate Escape and to write `data-dismiss`. */
-    dismiss: AlertDialogDismiss;
-}
-/**
- * Props for the {@link AlertDialog} root. Standard attributes ({@link
- * PassThroughProps}) land on the derived `AlertDialogContent` panel.
- */
-export interface AlertDialogProps extends PassThroughProps {
-    /**
-     * Full manual composition — typically an `AlertDialogTrigger` and an
-     * `AlertDialogPortal`. Replaces the derived anatomy entirely; when omitted,
-     * the root draws its panel from `title`/`description`/`confirmLabel`/
-     * `cancelLabel`/`tone` instead.
-     * @default undefined — the derived anatomy renders instead.
-     */
-    children?: React.ReactNode;
-    /**
-     * Whether the alert dialog is open, for controlled usage. Pair with `onOpenChange`.
-     * @default undefined — uncontrolled, tracks its own open state internally.
-     */
-    open?: boolean;
-    /**
-     * Whether the alert dialog is initially open, for uncontrolled usage.
-     * @default false
-     */
-    defaultOpen?: boolean;
-    /**
-     * Which interaction closes the alert dialog: `'escape'` allows the Escape
-     * key, `'none'` requires an explicit button click. `onEscapeKeyDown` fires
-     * regardless; `'none'` just prevents auto-close. Reflected as `data-dismiss`
-     * on `AlertDialogContent`.
-     * @default 'escape'
-     */
-    dismiss?: AlertDialogDismiss;
-    /**
-     * Fires with the new open state whenever the alert dialog opens or closes, controlled or not.
-     * @default undefined — no-op if omitted.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * Fires with the new open state once the change has finished on screen —
-     * after `AlertDialogContent`'s enter or exit animation ends, or as soon as it has
-     * settled when the panel declares no animation. Use it for work that must not race
-     * the transition; use `onOpenChange` for work that must not wait for it.
-     * @default undefined — no-op if omitted.
-     */
-    onOpenChangeComplete?: (open: boolean) => void;
-    /**
-     * The derived panel's title, rendered as an `AlertDialogTitle`. Only read
-     * when `children` is omitted.
-     * @default undefined — no derived title.
-     */
-    title?: string;
-    /**
-     * The derived panel's description, rendered as an `AlertDialogDescription`.
-     * Only read when `children` is omitted.
-     * @default undefined — no derived description.
-     */
-    description?: string;
-    /**
-     * Label of the derived primary action button. Only read when `children`
-     * is omitted.
-     * @default 'Confirm'
-     */
-    confirmLabel?: string;
-    /**
-     * Label of the derived `AlertDialogCancel` button. Only read when
-     * `children` is omitted.
-     * @default 'Cancel'
-     */
-    cancelLabel?: string;
-    /**
-     * Fires when the derived primary action button is clicked, before it
-     * closes the alert dialog. Call `event.preventDefault()` to keep it open —
-     * the same veto `AlertDialogAction` documents, for an asynchronous
-     * confirmation that must stay up until the request settles. Only read
-     * when `children` is omitted.
-     * @default undefined — no-op if omitted.
-     */
-    onConfirm?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Fires when the derived `AlertDialogCancel` button is clicked, before it
-     * closes the alert dialog. Call `event.preventDefault()` to keep it open.
-     * Only read when `children` is omitted.
-     * @default undefined — no-op if omitted.
-     */
-    onCancel?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Semantic emphasis of the derived primary Action button, reflected as
-     * `data-tone` on that button for a skin to style from — `'danger'` for a
-     * destructive confirmation. The panel never carries it: this family is
-     * styled identically to `Dialog` otherwise. Only read when `children` is
-     * omitted.
-     * @default 'neutral'
-     */
-    tone?: AlertDialogTone;
-}
-/** Props for {@link AlertDialogTrigger}, the button that opens the alert dialog. */
-export interface AlertDialogTriggerProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for {@link AlertDialogPortal}, which teleports its children to `document.body`. */
-export interface AlertDialogPortalProps extends PortalProps {
-    /**
-     * Render the portal even while the alert dialog is closed, instead of
-     * unmounting it. Useful for animation libraries that need the outgoing
-     * content present in the DOM during an exit transition.
-     * @default false
-     */
-    forceMount?: boolean;
-}
-/** Props for {@link AlertDialogOverlay}, the backdrop rendered behind `AlertDialogContent`. */
-export interface AlertDialogOverlayProps extends PrimitivePropsWithRef<'div'> {
-    /**
-     * Keep this overlay mounted even while the alert dialog is closed. Useful
-     * for animation libraries that need the outgoing overlay present in the
-     * DOM during an exit transition.
-     * @default false
-     */
-    forceMount?: boolean;
-}
-/** Props for {@link AlertDialogContent}, the alert dialog's panel. */
-export interface AlertDialogContentProps extends PrimitivePropsWithRef<'div'> {
-    /**
-     * Keep this panel mounted even while the alert dialog is closed. Useful
-     * for animation libraries that need the outgoing panel present in the DOM
-     * during an exit transition.
-     * @default false
-     */
-    forceMount?: boolean;
-    /**
-     * CSS selector for the element inside this panel that should receive focus
-     * when the alert dialog opens, instead of the `AlertDialogCancel` button.
-     *
-     * Resolved with `querySelector` against the panel itself, and only when
-     * `onOpenAutoFocus` did **not** call `preventDefault()` — a vetoed event
-     * means the consumer is placing focus by hand and this prop would fight it.
-     * A selector matching nothing falls back to Cancel, then the first tabbable
-     * element, then the panel, and warns: an always-modal panel with focus
-     * stranded on `<body>` is unreachable from the keyboard.
-     *
-     * A selector string rather than an element handle so the same member exists
-     * as the `initial-focus` attribute on `<skdx-alert-dialog-content>`.
-     * @default undefined — focus lands on `AlertDialogCancel`.
-     */
-    initialFocus?: string;
-    /**
-     * CSS selector for the element that should receive focus when the alert
-     * dialog closes, instead of whatever was focused before it opened.
-     *
-     * Resolved with `querySelector` against the whole **document**, not this
-     * panel: the return target is outside the panel by definition, and here it is
-     * routinely not the trigger either — the row whose deletion this alert dialog
-     * just confirmed is gone, and its trigger went with it. That vanished-trigger
-     * case is the common one for this family, which is why the prop earns its
-     * keep here more than on any other overlay.
-     *
-     * Applied only when `onCloseAutoFocus` did not call `preventDefault()`; a
-     * selector matching nothing falls back to the previously focused element and
-     * warns.
-     * @default undefined — focus returns to the element focused before opening.
-     */
-    finalFocus?: string;
-    /**
-     * Fires when Escape is pressed while the alert dialog is open. Call `event.preventDefault()` to stop it from closing.
-     * Fires under `dismiss="none"` too, where the close it announces does not happen.
-     * @default undefined — Escape closes the alert dialog, unless the root's `dismiss` is `'none'`.
-     */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
-    /**
-     * Fires on pointer-down outside the content. Notification only — an outside interaction never closes the alert dialog, so there is nothing to prevent.
-     * @default undefined — no-op if omitted.
-     */
-    onPointerDownOutside?: (event: PointerEvent) => void;
-    /**
-     * Fires when focus moves to an element outside the content. Notification only — an outside interaction never closes the alert dialog. Receives a cancelable stand-in carrying the original `focusin` as its `detail`, since `focusin` itself cannot be canceled.
-     * @default undefined — no-op if omitted.
-     */
-    onFocusOutside?: (event: FocusOutsideEvent) => void;
-    /**
-     * Fires for either kind of outside interaction — pointer-down or focus — immediately before the specific handler above and with the same event. Notification only, like the two above.
-     * @default undefined — no-op if omitted.
-     */
-    onInteractOutside?: (event: InteractOutsideEvent) => void;
-    /**
-     * Fires before focus moves to the `AlertDialogCancel` button on open — or to `initialFocus`, when that selector matches. Call `event.preventDefault()` to keep focus where it is and place it yourself; that also suppresses `initialFocus`.
-     * @default undefined — focus moves to `initialFocus`, then Cancel, then the first tabbable element.
-     */
-    onOpenAutoFocus?: (event: AutoFocusEvent) => void;
-    /**
-     * Fires before focus returns to the previously focused element on close — or to `finalFocus`, when that selector matches. Call `event.preventDefault()` to suppress the return entirely, `finalFocus` included; `finalFocus` is the declarative form of the same redirect for the common vanished-trigger case.
-     * @default undefined — focus returns to `finalFocus`, else to the element focused before the alert dialog opened.
-     */
-    onCloseAutoFocus?: (event: AutoFocusEvent) => void;
-}
-/** Props for {@link AlertDialogTitle}, the alert dialog's accessible name. */
-export interface AlertDialogTitleProps extends PrimitivePropsWithRef<'h2'> {
-}
-/** Props for {@link AlertDialogDescription}, the alert dialog's accessible description. */
-export interface AlertDialogDescriptionProps extends PrimitivePropsWithRef<'p'> {
-}
-/** Props for {@link AlertDialogAction}, the button confirming the destructive/primary action. */
-export interface AlertDialogActionProps extends PrimitivePropsWithRef<'button'> {
-}
-/** Props for {@link AlertDialogCancel}, the button that dismisses the alert dialog safely. Receives initial focus on open. */
-export interface AlertDialogCancelProps extends PrimitivePropsWithRef<'button'> {
-}

package/dist/context-menu/ContextMenu.cjs

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