@skdx/react 0.27.0 → 0.29.0

package/dist/menu/MenuCheckboxItem.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuCheckboxItemProps } from './types.cjs';
+/**
+ * Toggleable menu item — `aria-checked` and `data-state` toggle via `onCheckedChange`, keeping the menu open by default; wrap `MenuItemIndicator` for the check glyph.
+ *
+ * @example
+ * ```tsx
+ * <MenuCheckboxItem checked={showToolbar} onCheckedChange={setShowToolbar}>
+ *   <MenuItemIndicator>✓</MenuItemIndicator>
+ *   Show toolbar
+ * </MenuCheckboxItem>
+ * ```
+ */
+export declare const MenuCheckboxItem: {
+    ({ checked, onCheckedChange, disabled, textValue, onSelect, closeOnSelect, ref: forwardedRef, ...props }: MenuCheckboxItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuCheckboxItem.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuCheckboxItemProps } from './types.js';
+/**
+ * Toggleable menu item — `aria-checked` and `data-state` toggle via `onCheckedChange`, keeping the menu open by default; wrap `MenuItemIndicator` for the check glyph.
+ *
+ * @example
+ * ```tsx
+ * <MenuCheckboxItem checked={showToolbar} onCheckedChange={setShowToolbar}>
+ *   <MenuItemIndicator>✓</MenuItemIndicator>
+ *   Show toolbar
+ * </MenuCheckboxItem>
+ * ```
+ */
+export declare const MenuCheckboxItem: {
+    ({ checked, onCheckedChange, disabled, textValue, onSelect, closeOnSelect, ref: forwardedRef, ...props }: MenuCheckboxItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuContent.d.cts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { MenuContentProps } from './types.cjs';
+/**
+ * Menu panel — `role="menu"` positioned via popper, with roving arrow/typeahead navigation, closing on Escape, outside interaction, or item select.
+ *
+ * @example
+ * ```tsx
+ * <MenuPortal>
+ *   <MenuContent side="bottom" align="start" sideOffset={4}>
+ *     <MenuItem>Edit</MenuItem>
+ *     <MenuItem>Duplicate</MenuItem>
+ *     <MenuSeparator />
+ *     <MenuItem disabled>Delete</MenuItem>
+ *   </MenuContent>
+ * </MenuPortal>
+ * ```
+ */
+export declare const MenuContent: {
+    ({ forceMount, loop, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onCloseAutoFocus, side, align, sideOffset, collisionPadding, size, style, ref: forwardedRef, ...props }: MenuContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuContent.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { MenuContentProps } from './types.js';
+/**
+ * Menu panel — `role="menu"` positioned via popper, with roving arrow/typeahead navigation, closing on Escape, outside interaction, or item select.
+ *
+ * @example
+ * ```tsx
+ * <MenuPortal>
+ *   <MenuContent side="bottom" align="start" sideOffset={4}>
+ *     <MenuItem>Edit</MenuItem>
+ *     <MenuItem>Duplicate</MenuItem>
+ *     <MenuSeparator />
+ *     <MenuItem disabled>Delete</MenuItem>
+ *   </MenuContent>
+ * </MenuPortal>
+ * ```
+ */
+export declare const MenuContent: {
+    ({ forceMount, loop, onEscapeKeyDown, onPointerDownOutside, onFocusOutside, onInteractOutside, onCloseAutoFocus, side, align, sideOffset, collisionPadding, size, style, ref: forwardedRef, ...props }: MenuContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuGroup.d.cts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { MenuGroupProps } from './types.cjs';
+/**
+ * Semantic grouping of related items — `<div role="group">`. Pair with `MenuLabel` for accessible name.
+ *
+ * @example
+ * ```tsx
+ * <MenuGroup>
+ *   <MenuLabel>Actions</MenuLabel>
+ *   <MenuItem>Edit</MenuItem>
+ *   <MenuItem>Duplicate</MenuItem>
+ * </MenuGroup>
+ * ```
+ */
+export declare const MenuGroup: {
+    ({ ref: forwardedRef, ...props }: MenuGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuGroup.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { MenuGroupProps } from './types.js';
+/**
+ * Semantic grouping of related items — `<div role="group">`. Pair with `MenuLabel` for accessible name.
+ *
+ * @example
+ * ```tsx
+ * <MenuGroup>
+ *   <MenuLabel>Actions</MenuLabel>
+ *   <MenuItem>Edit</MenuItem>
+ *   <MenuItem>Duplicate</MenuItem>
+ * </MenuGroup>
+ * ```
+ */
+export declare const MenuGroup: {
+    ({ ref: forwardedRef, ...props }: MenuGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuItem.d.cts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type MenuItemInteractionProps } from '../utils/useMenuItem.cjs';
+import type { MenuItemProps } from './types.cjs';
+/** @internal True inside a checkbox/radio item so its `MenuItemIndicator` knows whether the item is checked. */
+export declare const ItemIndicatorContext: React.Context<boolean>;
+/** @internal Wires a {@link MenuItem} into the shared menu-item interactions, closing the menu and refocusing the trigger on selection. */
+export declare function useMenuItem({ disabled, textValue, onSelect, closeOnSelect, props, }: {
+    disabled?: boolean | undefined;
+    textValue?: string | undefined;
+    onSelect?: ((event: Event) => void) | undefined;
+    /** Overrides the root's `closeOnSelect`; a part may also supply its own default. */
+    closeOnSelect?: boolean | undefined;
+    props: MenuItemProps;
+}): MenuItemInteractionProps;
+/**
+ * Selectable menu item with `role="menuitem"` and roving-focus/typeahead, firing `onSelect` and closing the menu on selection unless prevented or `closeOnSelect` is `false`.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem onSelect={() => console.log('Edit')}>Edit</MenuItem>
+ * ```
+ */
+export declare const MenuItem: {
+    ({ as, disabled, textValue, onSelect, closeOnSelect, ref: forwardedRef, ...props }: MenuItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuItem.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { type MenuItemInteractionProps } from '../utils/useMenuItem.js';
+import type { MenuItemProps } from './types.js';
+/** @internal True inside a checkbox/radio item so its `MenuItemIndicator` knows whether the item is checked. */
+export declare const ItemIndicatorContext: React.Context<boolean>;
+/** @internal Wires a {@link MenuItem} into the shared menu-item interactions, closing the menu and refocusing the trigger on selection. */
+export declare function useMenuItem({ disabled, textValue, onSelect, closeOnSelect, props, }: {
+    disabled?: boolean | undefined;
+    textValue?: string | undefined;
+    onSelect?: ((event: Event) => void) | undefined;
+    /** Overrides the root's `closeOnSelect`; a part may also supply its own default. */
+    closeOnSelect?: boolean | undefined;
+    props: MenuItemProps;
+}): MenuItemInteractionProps;
+/**
+ * Selectable menu item with `role="menuitem"` and roving-focus/typeahead, firing `onSelect` and closing the menu on selection unless prevented or `closeOnSelect` is `false`.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem onSelect={() => console.log('Edit')}>Edit</MenuItem>
+ * ```
+ */
+export declare const MenuItem: {
+    ({ as, disabled, textValue, onSelect, closeOnSelect, ref: forwardedRef, ...props }: MenuItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuItemIndicator.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuItemIndicatorProps } from './types.cjs';
+/**
+ * Renders its children only while the enclosing checkbox or radio item is checked, exposing `data-state`, unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <MenuCheckboxItem checked={checked} onCheckedChange={setChecked}>
+ *   <MenuItemIndicator>✓</MenuItemIndicator>
+ *   Show toolbar
+ * </MenuCheckboxItem>
+ * ```
+ */
+export declare const MenuItemIndicator: {
+    ({ forceMount, ref: forwardedRef, ...props }: MenuItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuItemIndicator.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuItemIndicatorProps } from './types.js';
+/**
+ * Renders its children only while the enclosing checkbox or radio item is checked, exposing `data-state`, unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <MenuCheckboxItem checked={checked} onCheckedChange={setChecked}>
+ *   <MenuItemIndicator>✓</MenuItemIndicator>
+ *   Show toolbar
+ * </MenuCheckboxItem>
+ * ```
+ */
+export declare const MenuItemIndicator: {
+    ({ forceMount, ref: forwardedRef, ...props }: MenuItemIndicatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuLabel.d.cts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { MenuLabelProps } from './types.cjs';
+/**
+ * Non-interactive heading for a group of items, becoming the enclosing `MenuGroup`/`MenuRadioGroup`'s accessible name.
+ *
+ * @example
+ * ```tsx
+ * <MenuLabel>Actions</MenuLabel>
+ * <MenuItem>Edit</MenuItem>
+ * ```
+ */
+export declare const MenuLabel: {
+    ({ ref: forwardedRef, ...props }: MenuLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuLabel.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { MenuLabelProps } from './types.js';
+/**
+ * Non-interactive heading for a group of items, becoming the enclosing `MenuGroup`/`MenuRadioGroup`'s accessible name.
+ *
+ * @example
+ * ```tsx
+ * <MenuLabel>Actions</MenuLabel>
+ * <MenuItem>Edit</MenuItem>
+ * ```
+ */
+export declare const MenuLabel: {
+    ({ ref: forwardedRef, ...props }: MenuLabelProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuPortal.d.cts

@@ -0,0 +1,19 @@
+import type { JSX } from 'react';
+import type { MenuPortalProps } from './types.cjs';
+/**
+ * Teleports `MenuContent` to `document.body` (or a custom `container`), mounting only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <Menu>
+ *   <MenuTrigger>Options</MenuTrigger>
+ *   <MenuPortal>
+ *     <MenuContent>…</MenuContent>
+ *   </MenuPortal>
+ * </Menu>
+ * ```
+ */
+export declare const MenuPortal: {
+    ({ forceMount, children, ...props }: MenuPortalProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/menu/MenuPortal.d.ts

@@ -0,0 +1,19 @@
+import type { JSX } from 'react';
+import type { MenuPortalProps } from './types.js';
+/**
+ * Teleports `MenuContent` to `document.body` (or a custom `container`), mounting only while open unless `forceMount` is set.
+ *
+ * @example
+ * ```tsx
+ * <Menu>
+ *   <MenuTrigger>Options</MenuTrigger>
+ *   <MenuPortal>
+ *     <MenuContent>…</MenuContent>
+ *   </MenuPortal>
+ * </Menu>
+ * ```
+ */
+export declare const MenuPortal: {
+    ({ forceMount, children, ...props }: MenuPortalProps): JSX.Element | null;
+    displayName: string;
+};

package/dist/menu/MenuRadioGroup.d.cts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { MenuRadioGroupContextValue, MenuRadioGroupProps } from './types.cjs';
+export declare const MenuRadioGroupProvider: React.FC<MenuRadioGroupContextValue & {
+    children: React.ReactNode;
+}>, useMenuRadioGroupContext: (consumerName: string) => MenuRadioGroupContextValue;
+/**
+ * Container coordinating a set of mutually-exclusive `MenuRadioItem`s:
+ * renders a `<div role="group">` and distributes the selected `value` /
+ * `onValueChange` to its items via context.
+ *
+ * @example
+ * ```tsx
+ * <MenuRadioGroup value={sort} onValueChange={setSort}>
+ *   <MenuRadioItem value="asc">Ascending</MenuRadioItem>
+ *   <MenuRadioItem value="desc">Descending</MenuRadioItem>
+ * </MenuRadioGroup>
+ * ```
+ */
+export declare const MenuRadioGroup: {
+    ({ value, onValueChange, ref: forwardedRef, ...props }: MenuRadioGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuRadioGroup.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { MenuRadioGroupContextValue, MenuRadioGroupProps } from './types.js';
+export declare const MenuRadioGroupProvider: React.FC<MenuRadioGroupContextValue & {
+    children: React.ReactNode;
+}>, useMenuRadioGroupContext: (consumerName: string) => MenuRadioGroupContextValue;
+/**
+ * Container coordinating a set of mutually-exclusive `MenuRadioItem`s:
+ * renders a `<div role="group">` and distributes the selected `value` /
+ * `onValueChange` to its items via context.
+ *
+ * @example
+ * ```tsx
+ * <MenuRadioGroup value={sort} onValueChange={setSort}>
+ *   <MenuRadioItem value="asc">Ascending</MenuRadioItem>
+ *   <MenuRadioItem value="desc">Descending</MenuRadioItem>
+ * </MenuRadioGroup>
+ * ```
+ */
+export declare const MenuRadioGroup: {
+    ({ value, onValueChange, ref: forwardedRef, ...props }: MenuRadioGroupProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuRadioItem.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuRadioItemProps } from './types.cjs';
+/**
+ * A radio option in a `MenuRadioGroup` with `aria-checked` and `data-state`, firing `onValueChange` and closing the menu on select unless `closeOnSelect` is `false`.
+ *
+ * @example
+ * ```tsx
+ * <MenuRadioItem value="asc">
+ *   <MenuItemIndicator>•</MenuItemIndicator>
+ *   Ascending
+ * </MenuRadioItem>
+ * ```
+ */
+export declare const MenuRadioItem: {
+    ({ value, disabled, textValue, onSelect, closeOnSelect, ref: forwardedRef, ...props }: MenuRadioItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuRadioItem.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuRadioItemProps } from './types.js';
+/**
+ * A radio option in a `MenuRadioGroup` with `aria-checked` and `data-state`, firing `onValueChange` and closing the menu on select unless `closeOnSelect` is `false`.
+ *
+ * @example
+ * ```tsx
+ * <MenuRadioItem value="asc">
+ *   <MenuItemIndicator>•</MenuItemIndicator>
+ *   Ascending
+ * </MenuRadioItem>
+ * ```
+ */
+export declare const MenuRadioItem: {
+    ({ value, disabled, textValue, onSelect, closeOnSelect, ref: forwardedRef, ...props }: MenuRadioItemProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuSeparator.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuSeparatorProps } from './types.cjs';
+/**
+ * Visual divider between items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem>Edit</MenuItem>
+ * <MenuSeparator />
+ * <MenuItem>Delete</MenuItem>
+ * ```
+ */
+export declare const MenuSeparator: {
+    ({ ref: forwardedRef, ...props }: MenuSeparatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuSeparator.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuSeparatorProps } from './types.js';
+/**
+ * Visual divider between items or groups: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem>Edit</MenuItem>
+ * <MenuSeparator />
+ * <MenuItem>Delete</MenuItem>
+ * ```
+ */
+export declare const MenuSeparator: {
+    ({ ref: forwardedRef, ...props }: MenuSeparatorProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuShortcut.d.cts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuShortcutProps } from './types.cjs';
+/**
+ * Keyboard hint displayed after menu item text. Rendered `aria-hidden` to avoid duplicate screen reader announcements.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem>
+ *   Save
+ *   <MenuShortcut>⌘S</MenuShortcut>
+ * </MenuItem>
+ * ```
+ */
+export declare const MenuShortcut: {
+    ({ ref: forwardedRef, ...props }: MenuShortcutProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuShortcut.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { MenuShortcutProps } from './types.js';
+/**
+ * Keyboard hint displayed after menu item text. Rendered `aria-hidden` to avoid duplicate screen reader announcements.
+ *
+ * @example
+ * ```tsx
+ * <MenuItem>
+ *   Save
+ *   <MenuShortcut>⌘S</MenuShortcut>
+ * </MenuItem>
+ * ```
+ */
+export declare const MenuShortcut: {
+    ({ ref: forwardedRef, ...props }: MenuShortcutProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuSub.d.cts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { type MenuSubProps as SharedMenuSubProps } from '../utils/menuSub.cjs';
+/**
+ * Nested submenu root, owns open state and popper context. Renders no DOM.
+ *
+ * @example
+ * ```tsx
+ * <MenuContent>
+ *   <MenuItem>Edit</MenuItem>
+ *   <MenuSub>
+ *     <MenuSubTrigger>Share</MenuSubTrigger>
+ *     <MenuSubContent>
+ *       <MenuItem>Email</MenuItem>
+ *       <MenuItem>Copy link</MenuItem>
+ *     </MenuSubContent>
+ *   </MenuSub>
+ * </MenuContent>
+ * ```
+ */
+export declare function MenuSub(props: SharedMenuSubProps): React.JSX.Element;
+export declare namespace MenuSub {
+    var displayName: string;
+}
+/**
+ * The parent-menu item that opens a submenu — `role="menuitem"` with `aria-haspopup="menu"`, `aria-expanded`, `aria-controls` and `data-state` — opening on click/Enter/Space/ArrowRight (moving focus in) or hover (leaving focus where it is).
+ */
+export declare const MenuSubTrigger: {
+    ({ disabled, textValue, ref: forwardedRef, ...props }: import("../index.cjs").MenuSubTriggerProps): React.ReactNode;
+    displayName: string;
+};
+/**
+ * The submenu's floating panel — `role="menu"`, positioned against `MenuSubTrigger` — with its own roving focus and typeahead; ArrowLeft/Escape close it and refocus the trigger, leaving the parent menu open.
+ */
+export declare const MenuSubContent: {
+    ({ forceMount, loop, side, align, sideOffset, ref: forwardedRef, size, ...props }: import("../utils/menuSub.cjs").MenuSubContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuSub.d.ts

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { type MenuSubProps as SharedMenuSubProps } from '../utils/menuSub.js';
+/**
+ * Nested submenu root, owns open state and popper context. Renders no DOM.
+ *
+ * @example
+ * ```tsx
+ * <MenuContent>
+ *   <MenuItem>Edit</MenuItem>
+ *   <MenuSub>
+ *     <MenuSubTrigger>Share</MenuSubTrigger>
+ *     <MenuSubContent>
+ *       <MenuItem>Email</MenuItem>
+ *       <MenuItem>Copy link</MenuItem>
+ *     </MenuSubContent>
+ *   </MenuSub>
+ * </MenuContent>
+ * ```
+ */
+export declare function MenuSub(props: SharedMenuSubProps): React.JSX.Element;
+export declare namespace MenuSub {
+    var displayName: string;
+}
+/**
+ * The parent-menu item that opens a submenu — `role="menuitem"` with `aria-haspopup="menu"`, `aria-expanded`, `aria-controls` and `data-state` — opening on click/Enter/Space/ArrowRight (moving focus in) or hover (leaving focus where it is).
+ */
+export declare const MenuSubTrigger: {
+    ({ disabled, textValue, ref: forwardedRef, ...props }: import("../index.js").MenuSubTriggerProps): React.ReactNode;
+    displayName: string;
+};
+/**
+ * The submenu's floating panel — `role="menu"`, positioned against `MenuSubTrigger` — with its own roving focus and typeahead; ArrowLeft/Escape close it and refocus the trigger, leaving the parent menu open.
+ */
+export declare const MenuSubContent: {
+    ({ forceMount, loop, side, align, sideOffset, ref: forwardedRef, size, ...props }: import("../utils/menuSub.js").MenuSubContentProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuTrigger.d.cts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { MenuTriggerProps } from './types.cjs';
+/**
+ * Opens the menu on click or Arrow Up/Down (first item or last respectively), anchoring the content and exposing `aria-haspopup`/`aria-expanded`/`data-state`; under `openOn="contextmenu"` it is instead a focusable region opening the panel at the pointer on right-click, long-press, Shift+F10 or the Menu key.
+ *
+ * @example
+ * ```tsx
+ * <MenuRoot>
+ *   <MenuTrigger>Options</MenuTrigger>
+ *   <MenuPortal>
+ *     <MenuContent>…</MenuContent>
+ *   </MenuPortal>
+ * </MenuRoot>
+ * ```
+ */
+export declare const MenuTrigger: {
+    ({ disabled, style, ref: forwardedRef, ...props }: MenuTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/MenuTrigger.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { MenuTriggerProps } from './types.js';
+/**
+ * Opens the menu on click or Arrow Up/Down (first item or last respectively), anchoring the content and exposing `aria-haspopup`/`aria-expanded`/`data-state`; under `openOn="contextmenu"` it is instead a focusable region opening the panel at the pointer on right-click, long-press, Shift+F10 or the Menu key.
+ *
+ * @example
+ * ```tsx
+ * <MenuRoot>
+ *   <MenuTrigger>Options</MenuTrigger>
+ *   <MenuPortal>
+ *     <MenuContent>…</MenuContent>
+ *   </MenuPortal>
+ * </MenuRoot>
+ * ```
+ */
+export declare const MenuTrigger: {
+    ({ disabled, style, ref: forwardedRef, ...props }: MenuTriggerProps): React.ReactNode;
+    displayName: string;
+};

package/dist/menu/index.d.cts

@@ -0,0 +1,2 @@
+export { Menu } from './Menu.cjs';
+export type { MenuProps, MenuEntry } from './types.cjs';

package/dist/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from './Menu.js';
+export type { MenuProps, MenuEntry } from './types.js';

package/dist/menu/primitives.d.cts

@@ -0,0 +1,40 @@
+/**
+ * Advanced primitives for `Menu` — the parts the recipe composes, for full manual composition of a menu the derived anatomy can't express.
+ *
+ * @example
+ * ```tsx
+ * import { MenuContent, MenuItem, MenuPortal, MenuRoot, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from '@skdx/react/primitives/menu';
+ *
+ * <MenuRoot>
+ *   <MenuTrigger>Options</MenuTrigger>
+ *   <MenuPortal>
+ *     <MenuContent>
+ *       <MenuItem>Edit</MenuItem>
+ *       <MenuSeparator />
+ *       <MenuSub>
+ *         <MenuSubTrigger>Share</MenuSubTrigger>
+ *         <MenuSubContent>
+ *           <MenuItem>Email</MenuItem>
+ *         </MenuSubContent>
+ *       </MenuSub>
+ *     </MenuContent>
+ *   </MenuPortal>
+ * </MenuRoot>
+ * ```
+ */
+export { MenuRoot, MenuArrow } from './Menu.cjs';
+export { MenuTrigger } from './MenuTrigger.cjs';
+export { MenuPortal } from './MenuPortal.cjs';
+export { MenuContent } from './MenuContent.cjs';
+export { MenuItem } from './MenuItem.cjs';
+export { MenuCheckboxItem } from './MenuCheckboxItem.cjs';
+export { MenuRadioGroup } from './MenuRadioGroup.cjs';
+export { MenuRadioItem } from './MenuRadioItem.cjs';
+export { MenuItemIndicator } from './MenuItemIndicator.cjs';
+export { MenuGroup } from './MenuGroup.cjs';
+export { MenuLabel } from './MenuLabel.cjs';
+export { MenuSeparator } from './MenuSeparator.cjs';
+export { MenuShortcut } from './MenuShortcut.cjs';
+export { MenuSub, MenuSubTrigger, MenuSubContent } from './MenuSub.cjs';
+export type { MenuRootProps } from './Menu.cjs';
+export type { MenuTriggerProps, MenuPortalProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuItemIndicatorProps, MenuGroupProps, MenuLabelProps, MenuSeparatorProps, MenuShortcutProps, MenuSubProps, MenuSubTriggerProps, MenuSubContentProps, } from './types.cjs';

package/dist/menu/primitives.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Advanced primitives for `Menu` — the parts the recipe composes, for full manual composition of a menu the derived anatomy can't express.
+ *
+ * @example
+ * ```tsx
+ * import { MenuContent, MenuItem, MenuPortal, MenuRoot, MenuSeparator, MenuSub, MenuSubContent, MenuSubTrigger, MenuTrigger } from '@skdx/react/primitives/menu';
+ *
+ * <MenuRoot>
+ *   <MenuTrigger>Options</MenuTrigger>
+ *   <MenuPortal>
+ *     <MenuContent>
+ *       <MenuItem>Edit</MenuItem>
+ *       <MenuSeparator />
+ *       <MenuSub>
+ *         <MenuSubTrigger>Share</MenuSubTrigger>
+ *         <MenuSubContent>
+ *           <MenuItem>Email</MenuItem>
+ *         </MenuSubContent>
+ *       </MenuSub>
+ *     </MenuContent>
+ *   </MenuPortal>
+ * </MenuRoot>
+ * ```
+ */
+export { MenuRoot, MenuArrow } from './Menu.js';
+export { MenuTrigger } from './MenuTrigger.js';
+export { MenuPortal } from './MenuPortal.js';
+export { MenuContent } from './MenuContent.js';
+export { MenuItem } from './MenuItem.js';
+export { MenuCheckboxItem } from './MenuCheckboxItem.js';
+export { MenuRadioGroup } from './MenuRadioGroup.js';
+export { MenuRadioItem } from './MenuRadioItem.js';
+export { MenuItemIndicator } from './MenuItemIndicator.js';
+export { MenuGroup } from './MenuGroup.js';
+export { MenuLabel } from './MenuLabel.js';
+export { MenuSeparator } from './MenuSeparator.js';
+export { MenuShortcut } from './MenuShortcut.js';
+export { MenuSub, MenuSubTrigger, MenuSubContent } from './MenuSub.js';
+export type { MenuRootProps } from './Menu.js';
+export type { MenuTriggerProps, MenuPortalProps, MenuContentProps, MenuItemProps, MenuCheckboxItemProps, MenuRadioGroupProps, MenuRadioItemProps, MenuItemIndicatorProps, MenuGroupProps, MenuLabelProps, MenuSeparatorProps, MenuShortcutProps, MenuSubProps, MenuSubTriggerProps, MenuSubContentProps, } from './types.js';