@skdx/react 0.28.0 → 0.29.0

package/dist/data-list/types.d.ts

@@ -1,42 +0,0 @@
-import type * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** Orientation of the label/value pairs, emitted as `data-orientation`. */
-export type DataListOrientation = 'horizontal' | 'vertical';
-/** One entry of {@link DataListProps.items} — a single label/value pair. */
-export interface DataListEntry {
-    /** The key half of the pair, rendered into a derived `DataListLabel` (`<dt>`). */
-    label: React.ReactNode;
-    /** The value half of the pair, rendered into a derived `DataListValue` (`<dd>`). */
-    value: React.ReactNode;
-}
-/** Props for the {@link DataList} root, a `<dl>`. */
-export interface DataListProps extends PrimitivePropsWithRef<'dl'> {
-    /**
-     * The pairs the list renders, one derived `DataListItem` holding a `DataListLabel` and a
-     * `DataListValue` each. Ignored when `children` is given, which switches to full
-     * manual composition.
-     * @default undefined — nothing is derived; compose the pairs as `children`.
-     */
-    items?: DataListEntry[];
-    /**
-     * How each label/value pair reads: `'horizontal'` puts the value beside its
-     * label, `'vertical'` stacks the value under it. Emitted as
-     * `data-orientation` on the root and nothing else — this library ships no
-     * layout CSS, so the value only changes what your stylesheet can select on,
-     * never how the list renders on its own.
-     * @default 'horizontal' — `data-orientation="horizontal"`; the label/value pair reads as one row.
-     */
-    orientation?: DataListOrientation;
-}
-/**
- * Props for {@link DataListItem}, the optional `<div>` grouping one
- * `DataListLabel` with its `DataListValue`.
- */
-export interface DataListItemProps extends PrimitivePropsWithRef<'div'> {
-}
-/** Props for {@link DataListLabel}, the key half of a pair — a `<dt>`. */
-export interface DataListLabelProps extends PrimitivePropsWithRef<'dt'> {
-}
-/** Props for {@link DataListValue}, the value half of a pair — a `<dd>`. */
-export interface DataListValueProps extends PrimitivePropsWithRef<'dd'> {
-}

package/dist/dialog/focusTargets.d.cts

@@ -1,9 +0,0 @@
-/**
- * Resolution of `DialogContent`'s `initialFocus` / `finalFocus` CSS selector strings.
- * Strings survive as attributes on `<skdx-dialog-content>`; DOM nodes cannot cross
- * attribute boundaries. Falling back to automatic targets (first tabbable on open,
- * previously focused element on close), never throws — a stale selector just warns.
- *
- * @internal
- */
-export declare function resolveFocusSelector(root: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/dialog/focusTargets.d.ts

@@ -1,9 +0,0 @@
-/**
- * Resolution of `DialogContent`'s `initialFocus` / `finalFocus` CSS selector strings.
- * Strings survive as attributes on `<skdx-dialog-content>`; DOM nodes cannot cross
- * attribute boundaries. Falling back to automatic targets (first tabbable on open,
- * previously focused element on close), never throws — a stale selector just warns.
- *
- * @internal
- */
-export declare function resolveFocusSelector(root: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/drawer/DrawerClose.d.cts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { DrawerCloseProps } from './types.cjs';
-/**
- * Button that closes the drawer when clicked. Renders inside `DrawerContent`
- * anywhere you like (e.g. the panel's header "×").
- *
- * @example
- * ```tsx
- * <DrawerContent>
- *   <DrawerTitle>Navigation</DrawerTitle>
- *   <DrawerClose>Close</DrawerClose>
- * </DrawerContent>
- * ```
- */
-export declare const DrawerClose: React.ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/drawer/DrawerClose.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-import type { DrawerCloseProps } from './types.js';
-/**
- * Button that closes the drawer when clicked. Renders inside `DrawerContent`
- * anywhere you like (e.g. the panel's header "×").
- *
- * @example
- * ```tsx
- * <DrawerContent>
- *   <DrawerTitle>Navigation</DrawerTitle>
- *   <DrawerClose>Close</DrawerClose>
- * </DrawerContent>
- * ```
- */
-export declare const DrawerClose: React.ForwardRefExoticComponent<Omit<DrawerCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/drawer/DrawerDescription.d.cts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { DrawerDescriptionProps } from './types.cjs';
-/**
- * Drawer's accessible description: `<p>` wired to `DrawerContent` via `aria-describedby`.
- *
- * @example
- * ```tsx
- * <DrawerContent>
- *   <DrawerTitle>Navigation</DrawerTitle>
- *   <DrawerDescription>Jump to a section.</DrawerDescription>
- * </DrawerContent>
- * ```
- */
-export declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DrawerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/drawer/DrawerDescription.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { DrawerDescriptionProps } from './types.js';
-/**
- * Drawer's accessible description: `<p>` wired to `DrawerContent` via `aria-describedby`.
- *
- * @example
- * ```tsx
- * <DrawerContent>
- *   <DrawerTitle>Navigation</DrawerTitle>
- *   <DrawerDescription>Jump to a section.</DrawerDescription>
- * </DrawerContent>
- * ```
- */
-export declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DrawerDescriptionProps, "ref"> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/drawer/DrawerOverlay.d.cts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { DrawerOverlayProps } from './types.cjs';
-/**
- * Scrim rendered behind `DrawerContent` with independent `data-state`. Allows
- * the overlay to fade on its own timeline while the panel slides. Mounts only
- * while open unless `forceMount` is set. Rendered whether modal or not — a
- * non-modal drawer typically uses `pointer-events: none` or omits it.
- *
- * @example
- * ```tsx
- * <DrawerPortal>
- *   <DrawerOverlay className="overlay" />
- *   <DrawerContent>…</DrawerContent>
- * </DrawerPortal>
- * ```
- */
-export declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DrawerOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/drawer/DrawerOverlay.d.ts

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import type { DrawerOverlayProps } from './types.js';
-/**
- * Scrim rendered behind `DrawerContent` with independent `data-state`. Allows
- * the overlay to fade on its own timeline while the panel slides. Mounts only
- * while open unless `forceMount` is set. Rendered whether modal or not — a
- * non-modal drawer typically uses `pointer-events: none` or omits it.
- *
- * @example
- * ```tsx
- * <DrawerPortal>
- *   <DrawerOverlay className="overlay" />
- *   <DrawerContent>…</DrawerContent>
- * </DrawerPortal>
- * ```
- */
-export declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<DrawerOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/drawer/DrawerTitle.d.cts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { DrawerTitleProps } from './types.cjs';
-/**
- * The drawer's accessible name: renders an `<h2>` wired to `DrawerContent`
- * via `aria-labelledby`. Every drawer should include one.
- *
- * @example
- * ```tsx
- * <DrawerContent>
- *   <DrawerTitle>Navigation</DrawerTitle>
- * </DrawerContent>
- * ```
- */
-export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/drawer/DrawerTitle.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { DrawerTitleProps } from './types.js';
-/**
- * The drawer's accessible name: renders an `<h2>` wired to `DrawerContent`
- * via `aria-labelledby`. Every drawer should include one.
- *
- * @example
- * ```tsx
- * <DrawerContent>
- *   <DrawerTitle>Navigation</DrawerTitle>
- * </DrawerContent>
- * ```
- */
-export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/drawer/DrawerTrigger.d.cts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import type { DrawerTriggerProps } from './types.cjs';
-/**
- * Button that opens the drawer. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and `data-state`.
- *
- * @example
- * ```tsx
- * <Drawer>
- *   <DrawerTrigger>Menu</DrawerTrigger>
- *   <DrawerPortal>
- *     <DrawerContent>…</DrawerContent>
- *   </DrawerPortal>
- * </Drawer>
- * ```
- */
-export declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<DrawerTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/drawer/DrawerTrigger.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import type { DrawerTriggerProps } from './types.js';
-/**
- * Button that opens the drawer. Sets `aria-haspopup="dialog"`, `aria-expanded`, `aria-controls`, and `data-state`.
- *
- * @example
- * ```tsx
- * <Drawer>
- *   <DrawerTrigger>Menu</DrawerTrigger>
- *   <DrawerPortal>
- *     <DrawerContent>…</DrawerContent>
- *   </DrawerPortal>
- * </Drawer>
- * ```
- */
-export declare const DrawerTrigger: React.ForwardRefExoticComponent<Omit<DrawerTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/drawer/focusTargets.d.cts

@@ -1,8 +0,0 @@
-/**
- * Resolves focus-target selector against scope, or returns null and warns once if unmatched.
- * @param scope Content for `initialFocus`, document for `finalFocus`.
- * @param selector the raw prop value, or `undefined` if consumer gave none
- * @param prop which prop is being resolved, for the message
- * @internal
- */
-export declare function resolveFocusTarget(scope: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/drawer/focusTargets.d.ts

@@ -1,8 +0,0 @@
-/**
- * Resolves focus-target selector against scope, or returns null and warns once if unmatched.
- * @param scope Content for `initialFocus`, document for `finalFocus`.
- * @param selector the raw prop value, or `undefined` if consumer gave none
- * @param prop which prop is being resolved, for the message
- * @internal
- */
-export declare function resolveFocusTarget(scope: ParentNode, selector: string | undefined, prop: 'initialFocus' | 'finalFocus'): HTMLElement | null;

package/dist/dropdown-menu/DropdownMenu.cjs

@@ -1 +0,0 @@
-"use strict";var Mo=Object.create;var I=Object.defineProperty;var Do=Object.getOwnPropertyDescriptor;var Ro=Object.getOwnPropertyNames;var go=Object.getPrototypeOf,Po=Object.prototype.hasOwnProperty;var bo=(e,r)=>{for(var o in r)I(e,o,{get:r[o],enumerable:!0})},ae=(e,r,o,a)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of Ro(r))!Po.call(e,p)&&p!==o&&I(e,p,{get:()=>r[p],enumerable:!(a=Do(r,p))||a.enumerable});return e};var w=(e,r,o)=>(o=e!=null?Mo(go(e)):{},ae(r||!e||!e.__esModule?I(o,"default",{value:e,enumerable:!0}):o,e)),yo=e=>ae(I({},"__esModule",{value:!0}),e);var ho={};bo(ho,{DropdownMenu:()=>ne,DropdownMenuArrow:()=>fo,DropdownMenuCheckboxItem:()=>S,DropdownMenuContent:()=>E,DropdownMenuGroup:()=>O,DropdownMenuItem:()=>v,DropdownMenuItemIndicator:()=>y,DropdownMenuLabel:()=>L,DropdownMenuPortal:()=>A,DropdownMenuProvider:()=>co,DropdownMenuRadioGroup:()=>F,DropdownMenuRadioItem:()=>K,DropdownMenuRoot:()=>re,DropdownMenuSeparator:()=>B,DropdownMenuShortcut:()=>h,DropdownMenuSub:()=>U,DropdownMenuSubContent:()=>ee,DropdownMenuSubTrigger:()=>j,DropdownMenuTrigger:()=>$,ITEM_SELECTOR:()=>k,ItemIndicatorContext:()=>R,MenuRadioGroupProvider:()=>Be,useDropdownMenuContext:()=>D,useMenuItem:()=>g,useMenuRadioGroupContext:()=>Y});module.exports=yo(ho);var M=w(require("react"),1),ao=require("../utils/createContext.cjs"),po=require("../utils/direction.cjs"),uo=require("../utils/part.cjs"),q=require("../utils/popper.cjs"),io=require("../utils/useControllableState.cjs"),mo=require("../utils/useFocusTrap.cjs"),so=require("../utils/useOpenChangeComplete.cjs"),lo=require("../utils/useOutsideInert.cjs");var _=require("../utils/menuGlyph.cjs");var me=w(require("react"),1),se=require("../utils/part.cjs"),le=require("../utils/primitive.cjs");var C=w(require("react"),1),pe=require("../utils/part.cjs"),de=require("../utils/primitive.cjs"),ue=require("../utils/useMenuItem.cjs");var ie=require("react/jsx-runtime"),R=C.createContext(!1);function g({disabled:e,textValue:r,onSelect:o,closeOnSelect:a,props:p}){let d=D("DropdownMenuItem");return(0,ue.useMenuItem)({disabled:e,textValue:r,onSelect:o,closeOnSelect:a??d.closeOnSelect,onSelected:()=>{d.onOpenChange(!1),d.focusTrigger()},contentRef:d.contentRef,props:p})}var v=C.forwardRef(({as:e="div",disabled:r,textValue:o,onSelect:a,closeOnSelect:p,...d},l)=>{let m=g({disabled:r,textValue:o,onSelect:a,closeOnSelect:p,props:d}),s=de.Primitive[e];return(0,ie.jsx)(s,{role:"menuitem",...d,...m,...(0,pe.skdxPart)("dropdown-menu","item",d.className),ref:l})});v.displayName="DropdownMenuItem";var Q=require("react/jsx-runtime"),S=me.forwardRef(({checked:e=!1,onCheckedChange:r,disabled:o,textValue:a,onSelect:p,closeOnSelect:d=!1,...l},m)=>{let s=g({disabled:o,textValue:a,onSelect:n=>{r?.(!e),p?.(n)},closeOnSelect:d,props:l});return(0,Q.jsx)(R.Provider,{value:e,children:(0,Q.jsx)(le.Primitive.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...l,...s,...(0,se.skdxPart)("dropdown-menu","checkbox-item",l.className),ref:m})})});S.displayName="DropdownMenuCheckboxItem";var T=w(require("react"),1),ce=require("../utils/composeRefs.cjs"),fe=require("../utils/direction.cjs"),we=require("../utils/menuSub.cjs"),Me=require("../utils/part.cjs"),De=require("../utils/popper.cjs"),Re=require("../utils/primitive.cjs"),ge=require("../utils/useBodyScrollLock.cjs"),Pe=require("../utils/useDismiss.cjs"),be=require("../utils/useOutsideInert.cjs"),ye=require("../utils/useRovingFocus.cjs");var he=require("react/jsx-runtime"),E=T.forwardRef(({forceMount:e,loop:r=!0,onEscapeKeyDown:o,onPointerDownOutside:a,onFocusOutside:p,onInteractOutside:d,onCloseAutoFocus:l,side:m="bottom",align:s="start",sideOffset:n=4,...i},c)=>{let t=D("DropdownMenuContent"),W=(0,ce.useComposedRefs)(c,t.contentRef);t.closeAutoFocusRef.current=l;let z=(0,ye.useRovingFocus)({orientation:"vertical",loop:r,itemSelector:k,typeahead:!0,includeDisabled:!0}),wo=(0,fe.usePortalledDirection)(t.triggerRef);return(0,be.useOutsideInert)(t.contentRef,t.open&&t.modal),(0,ge.useBodyScrollLock)(t.open&&t.modal),(0,Pe.useDismiss)({enabled:t.open,insideSelector:`[${we.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:f=>{o?.(f),f.defaultPrevented||(t.onOpenChange(!1),t.focusTrigger())},onInteractOutside:d,onPointerDownOutside:f=>{a?.(f),f.defaultPrevented||t.onOpenChange(!1)},onFocusOutside:f=>{p?.(f),f.defaultPrevented||t.onOpenChange(!1)}},[t.contentRef,t.triggerRef]),T.useEffect(()=>{if(!t.open)return;let f=requestAnimationFrame(()=>{let te=t.contentRef.current,J=te?.querySelectorAll(k)??[];((t.openIntentRef.current==="last"?J[J.length-1]:J[0])??te)?.focus({preventScroll:!0})});return()=>cancelAnimationFrame(f)},[t.open,t.contentRef,t.openIntentRef]),e||t.open?(0,he.jsx)(De.PopperContent,{component:"dropdown-menu",role:"menu","aria-orientation":"vertical",dir:wo,"aria-labelledby":i["aria-label"]===void 0?t.triggerId:void 0,id:t.contentId,"data-state":t.open?"open":"closed",tabIndex:-1,side:m,align:s,sideOffset:n,...i,...(0,Me.skdxPart)("dropdown-menu","content",i.className),ref:W,onKeyDown:(0,Re.composeEventHandlers)(i.onKeyDown,f=>{if(f.altKey&&f.key==="ArrowUp"){f.preventDefault(),t.onOpenChange(!1),t.focusTrigger();return}z(f),f.key==="Tab"&&(t.onOpenChange(!1),t.focusTrigger())})}):null});E.displayName="DropdownMenuContent";var xe=w(require("react"),1),N=require("../utils/menuGroup.cjs"),Ie=require("../utils/part.cjs"),Ce=require("../utils/primitive.cjs"),X=require("react/jsx-runtime"),O=xe.forwardRef((e,r)=>{let{labelId:o,context:a}=(0,N.useMenuGroupLabel)();return(0,X.jsx)(N.MenuGroupProvider,{...a,children:(0,X.jsx)(Ce.Primitive.div,{role:"group","aria-labelledby":e["aria-label"]===void 0?o:void 0,...e,...(0,Ie.skdxPart)("dropdown-menu","group",e.className),ref:r})})});O.displayName="DropdownMenuGroup";var G=w(require("react"),1),ve=require("../utils/part.cjs"),Se=require("../utils/primitive.cjs");var ke=require("react/jsx-runtime"),y=G.forwardRef(({forceMount:e,...r},o)=>{let a=G.useContext(R);return e||a?(0,ke.jsx)(Se.Primitive.span,{"data-state":a?"checked":"unchecked",...r,...(0,ve.skdxPart)("dropdown-menu","item-indicator",r.className),ref:o}):null});y.displayName="DropdownMenuItemIndicator";var Te=w(require("react"),1),Ee=require("../utils/menuGroup.cjs"),Ne=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs"),Ge=require("react/jsx-runtime"),L=Te.forwardRef((e,r)=>{let o=(0,Ee.useMenuLabelId)();return(0,Ge.jsx)(Oe.Primitive.div,{id:o,...e,...(0,Ne.skdxPart)("dropdown-menu","label",e.className),ref:r})});L.displayName="DropdownMenuLabel";var Le=require("../utils/portal.cjs");var Ae=require("react/jsx-runtime"),A=({forceMount:e,children:r,...o})=>{let a=D("DropdownMenuPortal");return e||a.open?(0,Ae.jsx)(Le.Portal,{...o,children:r}):null};A.displayName="DropdownMenuPortal";var He=w(require("react"),1),Ve=require("../utils/createContext.cjs"),V=require("../utils/menuGroup.cjs"),Fe=require("../utils/part.cjs"),Ke=require("../utils/primitive.cjs"),H=require("react/jsx-runtime"),[Be,Y]=(0,Ve.createSafeContext)("DropdownMenuRadioGroup"),F=He.forwardRef(({value:e,onValueChange:r,...o},a)=>{let{labelId:p,context:d}=(0,V.useMenuGroupLabel)();return(0,H.jsx)(Be,{value:e,onValueChange:r,children:(0,H.jsx)(V.MenuGroupProvider,{...d,children:(0,H.jsx)(Ke.Primitive.div,{role:"group","aria-labelledby":o["aria-label"]===void 0?p:void 0,...o,...(0,Fe.skdxPart)("dropdown-menu","radio-group",o.className),ref:a})})})});F.displayName="DropdownMenuRadioGroup";var Ue=w(require("react"),1),$e=require("../utils/part.cjs"),_e=require("../utils/primitive.cjs");var Z=require("react/jsx-runtime"),K=Ue.forwardRef(({value:e,disabled:r,textValue:o,onSelect:a,closeOnSelect:p,...d},l)=>{let m=Y("DropdownMenuRadioItem"),s=m.value===e,n=g({disabled:r,textValue:o,onSelect:i=>{m.onValueChange?.(e),a?.(i)},closeOnSelect:p,props:d});return(0,Z.jsx)(R.Provider,{value:s,children:(0,Z.jsx)(_e.Primitive.div,{role:"menuitemradio","aria-checked":s,"data-state":s?"checked":"unchecked",...d,...n,...(0,$e.skdxPart)("dropdown-menu","radio-item",d.className),ref:l})})});K.displayName="DropdownMenuRadioItem";var qe=w(require("react"),1),We=require("../utils/part.cjs"),ze=require("../utils/primitive.cjs"),Je=require("react/jsx-runtime"),B=qe.forwardRef((e,r)=>(0,Je.jsx)(ze.Primitive.div,{role:"separator","aria-orientation":"horizontal",...e,...(0,We.skdxPart)("dropdown-menu","separator",e.className),ref:r}));B.displayName="DropdownMenuSeparator";var Qe=w(require("react"),1),Xe=require("../utils/part.cjs"),Ye=require("../utils/primitive.cjs"),Ze=require("react/jsx-runtime"),h=Qe.forwardRef((e,r)=>(0,Ze.jsx)(Ye.Primitive.span,{"aria-hidden":"true",...e,...(0,Xe.skdxPart)("dropdown-menu","shortcut",e.className),ref:r}));h.displayName="DropdownMenuShortcut";var P=require("../utils/menuSub.cjs");var je=require("react/jsx-runtime");function U(e){return D("DropdownMenuSub"),(0,je.jsx)(P.MenuSub,{family:"dropdown-menu",...e})}U.displayName="DropdownMenuSub";var j=P.MenuSubTrigger,ee=P.MenuSubContent;var eo=w(require("react"),1),oo=require("../utils/composeRefs.cjs"),ro=require("../utils/part.cjs"),no=require("../utils/popper.cjs"),x=require("../utils/primitive.cjs");var oe=require("react/jsx-runtime"),$=eo.forwardRef((e,r)=>{let o=D("DropdownMenuTrigger"),a=(0,oo.useComposedRefs)(r,o.triggerRef);return(0,oe.jsx)(no.PopperAnchor,{asChild:!0,children:(0,oe.jsx)(x.Primitive.button,{type:"button",id:o.triggerId,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.contentId,"data-state":o.open?"open":"closed","data-disabled":e.disabled?"":void 0,...e,...(0,ro.skdxPart)("dropdown-menu","trigger",e.className),ref:a,onClick:(0,x.composeEventHandlers)(e.onClick,()=>{e.disabled||(o.openIntentRef.current="first",o.onOpenChange(!o.open))}),onKeyDown:(0,x.composeEventHandlers)(e.onKeyDown,p=>{e.disabled||["ArrowDown","ArrowUp"].includes(p.key)&&(o.openIntentRef.current=p.key==="ArrowUp"?"last":"first",p.preventDefault(),o.onOpenChange(!0))})})})});$.displayName="DropdownMenuTrigger";var u=require("react/jsx-runtime"),to=({trigger:e,items:r=[],onSelect:o,side:a,align:p,renderItem:d,passThrough:l})=>{let m=n=>d?d(n):"label"in n?n.label:null,s=(n,i)=>{if(!("type"in n))return(0,u.jsxs)(v,{disabled:n.disabled,textValue:n.textValue??n.label,onSelect:()=>{n.onSelect?.(),o?.(n)},children:[m(n),n.shortcut?(0,u.jsx)(h,{children:n.shortcut}):null]},i);switch(n.type){case"separator":return(0,u.jsx)(B,{},i);case"checkbox":return(0,u.jsxs)(S,{checked:n.checked,onCheckedChange:n.onCheckedChange,disabled:n.disabled,textValue:n.textValue??n.label,onSelect:()=>o?.(n),children:[(0,u.jsx)(y,{"aria-hidden":"true",children:(0,u.jsx)(_.CheckGlyph,{})}),m(n),n.shortcut?(0,u.jsx)(h,{children:n.shortcut}):null]},i);case"radio-group":return(0,u.jsx)(F,{value:n.value,onValueChange:n.onValueChange,children:n.items.map(c=>(0,u.jsxs)(K,{value:c.value,disabled:c.disabled,textValue:c.textValue??c.label,children:[(0,u.jsx)(y,{"aria-hidden":"true",children:(0,u.jsx)(_.DotGlyph,{})}),c.label]},c.value))},i);case"submenu":return(0,u.jsxs)(U,{children:[(0,u.jsx)(j,{disabled:n.disabled,textValue:n.textValue??n.label,children:m(n)}),(0,u.jsx)(ee,{children:n.items.map((c,t)=>s(c,`${i}.${t}`))})]},i);case"group":return(0,u.jsxs)(O,{children:[n.label?(0,u.jsx)(L,{children:n.label}):null,n.items.map((c,t)=>s(c,`${i}.${t}`))]},i)}};return(0,u.jsxs)(u.Fragment,{children:[e?(0,u.jsx)($,{asChild:!0,...l?.id?{"aria-controls":l.id}:{},children:e}):null,(0,u.jsx)(A,{children:(0,u.jsx)(E,{...l,side:a,align:p,children:r.map((n,i)=>s(n,String(i)))})})]})};var b=require("react/jsx-runtime"),k='[role^="menuitem"]',[co,D]=(0,ao.createSafeContext)("DropdownMenu");function re({children:e,open:r,defaultOpen:o=!1,modal:a=!0,closeOnSelect:p=!0,onOpenChange:d,onOpenChangeComplete:l}){let m=M.useRef(null),s=M.useRef(null),n=M.useRef("first"),i=M.useRef(void 0),[c=!1,t]=(0,io.useControllableState)({prop:r,defaultProp:o,onChange:d});(0,so.useOpenChangeComplete)(c,s,l);let W=M.useCallback(()=>{a&&(0,lo.releaseOutsideInert)(),(0,mo.autoFocusEvent)("close-auto-focus",i.current)&&m.current?.focus()},[a]),z=(0,po.usePortalledDirection)(m);return(0,b.jsx)(q.PopperRoot,{children:(0,b.jsx)(co,{triggerRef:m,contentRef:s,contentId:M.useId(),triggerId:M.useId(),open:c,modal:a,closeOnSelect:p,onOpenChange:t,openIntentRef:n,focusTrigger:W,closeAutoFocusRef:i,dir:z,children:e})})}re.displayName="DropdownMenuRoot";function ne({open:e,defaultOpen:r,modal:o,closeOnSelect:a,onOpenChange:p,onOpenChangeComplete:d,trigger:l,items:m,onSelect:s,side:n,align:i,renderItem:c,...t}){return(0,b.jsx)(re,{open:e,defaultOpen:r,modal:o,closeOnSelect:a,onOpenChange:p,onOpenChangeComplete:d,children:(0,b.jsx)(to,{trigger:l,items:m,onSelect:s,side:n,align:i,renderItem:c,passThrough:t})})}ne.displayName="DropdownMenu";var fo=M.forwardRef((e,r)=>(0,b.jsx)(q.PopperArrow,{...e,...(0,uo.skdxPart)("dropdown-menu","arrow",e.className),ref:r}));fo.displayName="DropdownMenuArrow";0&&(module.exports={DropdownMenu,DropdownMenuArrow,DropdownMenuCheckboxItem,DropdownMenuContent,DropdownMenuGroup,DropdownMenuItem,DropdownMenuItemIndicator,DropdownMenuLabel,DropdownMenuPortal,DropdownMenuProvider,DropdownMenuRadioGroup,DropdownMenuRadioItem,DropdownMenuRoot,DropdownMenuSeparator,DropdownMenuShortcut,DropdownMenuSub,DropdownMenuSubContent,DropdownMenuSubTrigger,DropdownMenuTrigger,ITEM_SELECTOR,ItemIndicatorContext,MenuRadioGroupProvider,useDropdownMenuContext,useMenuItem,useMenuRadioGroupContext});

package/dist/dropdown-menu/DropdownMenu.d.cts

@@ -1,94 +0,0 @@
-import * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { DropdownMenuContextValue, DropdownMenuProps } from './types.cjs';
-/**
- * @internal Every menu item (disabled included for keyboard discovery per APG).
- */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
-export declare const DropdownMenuProvider: {
-    (props: DropdownMenuContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useDropdownMenuContext: (consumerName: string) => DropdownMenuContextValue;
-/** Props for {@link DropdownMenuRoot}: {@link DropdownMenuProps} minus the derived-anatomy-only props, plus the parts as `children`. */
-export type DropdownMenuRootProps = Omit<DropdownMenuProps, 'trigger' | 'items' | 'onSelect' | 'side' | 'align' | 'renderItem'> & {
-    /**
-     * The trigger and portal — the menu's own DOM (content, items) is rendered
-     * by `DropdownMenuPortal` elsewhere.
-     * @default undefined — renders nothing if omitted.
-     */
-    children?: React.ReactNode;
-};
-/**
- * State/context root: owns open state, wraps children in popper root, renders
- * no DOM element itself.
- *
- * `DropdownMenu` (the recipe, below) wraps this with `DropdownMenuAnatomy`
- * and always derives from `trigger`/`items`. Reach for this directly — via
- * `@skdx/react/primitives/dropdown-menu`'s `DropdownMenuRoot` — for full manual
- * composition of the parts.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- */
-export declare function DropdownMenuRoot({ children, open: openProp, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, }: DropdownMenuRootProps): React.JSX.Element;
-export declare namespace DropdownMenuRoot {
-    var displayName: string;
-}
-/**
- * A menu of actions opened by a trigger button, positioned via floating-ui,
- * with roving-focus/typeahead navigation, nested submenus and checkbox/radio
- * items.
- *
- * Always draws the derived anatomy from `trigger` and `items`: the trigger
- * (merged onto `trigger` via `asChild` — no extra wrapping button), the
- * portal, and the floating panel holding one part per entry. There is no
- * `children`; for full manual composition use `DropdownMenuRoot` from
- * `@skdx/react/primitives/dropdown-menu`.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- *
- * @example
- * ```tsx
- * <DropdownMenu
- *   trigger={<Button>Options</Button>}
- *   items={[
- *     { label: 'Edit', onSelect: edit, shortcut: '⌘E' },
- *     { type: 'separator' },
- *     { label: 'Delete', onSelect: remove, disabled: !canDelete },
- *   ]}
- * />
- * ```
- *
- * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/dropdown-menu`.
- * ```tsx
- * import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from '@skdx/react/primitives/dropdown-menu';
- *
- * <DropdownMenuRoot>
- *   <DropdownMenuTrigger>Options</DropdownMenuTrigger>
- *   <DropdownMenuPortal>
- *     <DropdownMenuContent>
- *       <DropdownMenuItem>Edit</DropdownMenuItem>
- *     </DropdownMenuContent>
- *   </DropdownMenuPortal>
- * </DropdownMenuRoot>
- * ```
- */
-export declare function DropdownMenu({ open, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, trigger, items, onSelect, side, align, renderItem, ...rest }: DropdownMenuProps): React.JSX.Element;
-export declare namespace DropdownMenu {
-    var displayName: string;
-}
-/**
- * Optional visual arrow pointing from `DropdownMenuContent` back at the
- * trigger. Must be rendered inside `DropdownMenuContent`; self-positions
- * based on the resolved `side`.
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <DropdownMenuItem>Edit</DropdownMenuItem>
- *   <DropdownMenuArrow />
- * </DropdownMenuContent>
- * ```
- */
-export declare const DropdownMenuArrow: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/dropdown-menu/DropdownMenu.d.ts

@@ -1,94 +0,0 @@
-import * as React from 'react';
-import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-import type { DropdownMenuContextValue, DropdownMenuProps } from './types.js';
-/**
- * @internal Every menu item (disabled included for keyboard discovery per APG).
- */
-export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]";
-export declare const DropdownMenuProvider: {
-    (props: DropdownMenuContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useDropdownMenuContext: (consumerName: string) => DropdownMenuContextValue;
-/** Props for {@link DropdownMenuRoot}: {@link DropdownMenuProps} minus the derived-anatomy-only props, plus the parts as `children`. */
-export type DropdownMenuRootProps = Omit<DropdownMenuProps, 'trigger' | 'items' | 'onSelect' | 'side' | 'align' | 'renderItem'> & {
-    /**
-     * The trigger and portal — the menu's own DOM (content, items) is rendered
-     * by `DropdownMenuPortal` elsewhere.
-     * @default undefined — renders nothing if omitted.
-     */
-    children?: React.ReactNode;
-};
-/**
- * State/context root: owns open state, wraps children in popper root, renders
- * no DOM element itself.
- *
- * `DropdownMenu` (the recipe, below) wraps this with `DropdownMenuAnatomy`
- * and always derives from `trigger`/`items`. Reach for this directly — via
- * `@skdx/react/primitives/dropdown-menu`'s `DropdownMenuRoot` — for full manual
- * composition of the parts.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- */
-export declare function DropdownMenuRoot({ children, open: openProp, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, }: DropdownMenuRootProps): React.JSX.Element;
-export declare namespace DropdownMenuRoot {
-    var displayName: string;
-}
-/**
- * A menu of actions opened by a trigger button, positioned via floating-ui,
- * with roving-focus/typeahead navigation, nested submenus and checkbox/radio
- * items.
- *
- * Always draws the derived anatomy from `trigger` and `items`: the trigger
- * (merged onto `trigger` via `asChild` — no extra wrapping button), the
- * portal, and the floating panel holding one part per entry. There is no
- * `children`; for full manual composition use `DropdownMenuRoot` from
- * `@skdx/react/primitives/dropdown-menu`.
- *
- * Works controlled (`open` + `onOpenChange`) or uncontrolled (`defaultOpen`).
- *
- * @example
- * ```tsx
- * <DropdownMenu
- *   trigger={<Button>Options</Button>}
- *   items={[
- *     { label: 'Edit', onSelect: edit, shortcut: '⌘E' },
- *     { type: 'separator' },
- *     { label: 'Delete', onSelect: remove, disabled: !canDelete },
- *   ]}
- * />
- * ```
- *
- * @example Full manual composition, for anything the derived anatomy can't express — `@skdx/react/primitives/dropdown-menu`.
- * ```tsx
- * import { DropdownMenuContent, DropdownMenuItem, DropdownMenuPortal, DropdownMenuRoot, DropdownMenuTrigger } from '@skdx/react/primitives/dropdown-menu';
- *
- * <DropdownMenuRoot>
- *   <DropdownMenuTrigger>Options</DropdownMenuTrigger>
- *   <DropdownMenuPortal>
- *     <DropdownMenuContent>
- *       <DropdownMenuItem>Edit</DropdownMenuItem>
- *     </DropdownMenuContent>
- *   </DropdownMenuPortal>
- * </DropdownMenuRoot>
- * ```
- */
-export declare function DropdownMenu({ open, defaultOpen, modal, closeOnSelect, onOpenChange, onOpenChangeComplete, trigger, items, onSelect, side, align, renderItem, ...rest }: DropdownMenuProps): React.JSX.Element;
-export declare namespace DropdownMenu {
-    var displayName: string;
-}
-/**
- * Optional visual arrow pointing from `DropdownMenuContent` back at the
- * trigger. Must be rendered inside `DropdownMenuContent`; self-positions
- * based on the resolved `side`.
- *
- * @example
- * ```tsx
- * <DropdownMenuContent>
- *   <DropdownMenuItem>Edit</DropdownMenuItem>
- *   <DropdownMenuArrow />
- * </DropdownMenuContent>
- * ```
- */
-export declare const DropdownMenuArrow: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/dropdown-menu/DropdownMenu.js

@@ -1 +0,0 @@
-import*as w from"react";import{createSafeContext as so}from"../utils/createContext.js";import{usePortalledDirection as lo}from"../utils/direction.js";import{skdxPart as co}from"../utils/part.js";import{PopperArrow as fo,PopperRoot as wo}from"../utils/popper.js";import{useControllableState as Mo}from"../utils/useControllableState.js";import{autoFocusEvent as Do}from"../utils/useFocusTrap.js";import{useOpenChangeComplete as Ro}from"../utils/useOpenChangeComplete.js";import{releaseOutsideInert as go}from"../utils/useOutsideInert.js";import{CheckGlyph as uo,DotGlyph as io}from"../utils/menuGlyph.js";import*as _ from"react";import{skdxPart as ce}from"../utils/part.js";import{Primitive as fe}from"../utils/primitive.js";import*as b from"react";import{skdxPart as ie}from"../utils/part.js";import{Primitive as me}from"../utils/primitive.js";import{useMenuItem as se}from"../utils/useMenuItem.js";import{jsx as le}from"react/jsx-runtime";var D=b.createContext(!1);function g({disabled:e,textValue:t,onSelect:r,closeOnSelect:a,props:u}){let p=M("DropdownMenuItem");return se({disabled:e,textValue:t,onSelect:r,closeOnSelect:a??p.closeOnSelect,onSelected:()=>{p.onOpenChange(!1),p.focusTrigger()},contentRef:p.contentRef,props:u})}var k=b.forwardRef(({as:e="div",disabled:t,textValue:r,onSelect:a,closeOnSelect:u,...p},s)=>{let i=g({disabled:t,textValue:r,onSelect:a,closeOnSelect:u,props:p}),m=me[e];return le(m,{role:"menuitem",...p,...i,...ie("dropdown-menu","item",p.className),ref:s})});k.displayName="DropdownMenuItem";import{jsx as $}from"react/jsx-runtime";var T=_.forwardRef(({checked:e=!1,onCheckedChange:t,disabled:r,textValue:a,onSelect:u,closeOnSelect:p=!1,...s},i)=>{let m=g({disabled:r,textValue:a,onSelect:o=>{t?.(!e),u?.(o)},closeOnSelect:p,props:s});return $(D.Provider,{value:e,children:$(fe.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...s,...m,...ce("dropdown-menu","checkbox-item",s.className),ref:i})})});T.displayName="DropdownMenuCheckboxItem";import*as y from"react";import{useComposedRefs as we}from"../utils/composeRefs.js";import{usePortalledDirection as Me}from"../utils/direction.js";import{MENU_BRANCH_ATTRIBUTE as De}from"../utils/menuSub.js";import{skdxPart as Re}from"../utils/part.js";import{PopperContent as ge}from"../utils/popper.js";import{composeEventHandlers as Pe}from"../utils/primitive.js";import{useBodyScrollLock as be}from"../utils/useBodyScrollLock.js";import{useDismiss as ye}from"../utils/useDismiss.js";import{useOutsideInert as he}from"../utils/useOutsideInert.js";import{useRovingFocus as xe}from"../utils/useRovingFocus.js";import{jsx as Ie}from"react/jsx-runtime";var N=y.forwardRef(({forceMount:e,loop:t=!0,onEscapeKeyDown:r,onPointerDownOutside:a,onFocusOutside:u,onInteractOutside:p,onCloseAutoFocus:s,side:i="bottom",align:m="start",sideOffset:o=4,...d},l)=>{let n=M("DropdownMenuContent"),C=we(l,n.contentRef);n.closeAutoFocusRef.current=s;let v=xe({orientation:"vertical",loop:t,itemSelector:E,typeahead:!0,includeDisabled:!0}),ue=Me(n.triggerRef);return he(n.contentRef,n.open&&n.modal),be(n.open&&n.modal),ye({enabled:n.open,insideSelector:`[${De}]`,onEscapeKeyDown:c=>{r?.(c),c.defaultPrevented||(n.onOpenChange(!1),n.focusTrigger())},onInteractOutside:p,onPointerDownOutside:c=>{a?.(c),c.defaultPrevented||n.onOpenChange(!1)},onFocusOutside:c=>{u?.(c),c.defaultPrevented||n.onOpenChange(!1)}},[n.contentRef,n.triggerRef]),y.useEffect(()=>{if(!n.open)return;let c=requestAnimationFrame(()=>{let U=n.contentRef.current,S=U?.querySelectorAll(E)??[];((n.openIntentRef.current==="last"?S[S.length-1]:S[0])??U)?.focus({preventScroll:!0})});return()=>cancelAnimationFrame(c)},[n.open,n.contentRef,n.openIntentRef]),e||n.open?Ie(ge,{component:"dropdown-menu",role:"menu","aria-orientation":"vertical",dir:ue,"aria-labelledby":d["aria-label"]===void 0?n.triggerId:void 0,id:n.contentId,"data-state":n.open?"open":"closed",tabIndex:-1,side:i,align:m,sideOffset:o,...d,...Re("dropdown-menu","content",d.className),ref:C,onKeyDown:Pe(d.onKeyDown,c=>{if(c.altKey&&c.key==="ArrowUp"){c.preventDefault(),n.onOpenChange(!1),n.focusTrigger();return}v(c),c.key==="Tab"&&(n.onOpenChange(!1),n.focusTrigger())})}):null});N.displayName="DropdownMenuContent";import*as W from"react";import{MenuGroupProvider as Ce,useMenuGroupLabel as ve}from"../utils/menuGroup.js";import{skdxPart as Se}from"../utils/part.js";import{Primitive as ke}from"../utils/primitive.js";import{jsx as q}from"react/jsx-runtime";var O=W.forwardRef((e,t)=>{let{labelId:r,context:a}=ve();return q(Ce,{...a,children:q(ke.div,{role:"group","aria-labelledby":e["aria-label"]===void 0?r:void 0,...e,...Se("dropdown-menu","group",e.className),ref:t})})});O.displayName="DropdownMenuGroup";import*as h from"react";import{skdxPart as Te}from"../utils/part.js";import{Primitive as Ee}from"../utils/primitive.js";import{jsx as Ne}from"react/jsx-runtime";var x=h.forwardRef(({forceMount:e,...t},r)=>{let a=h.useContext(D);return e||a?Ne(Ee.span,{"data-state":a?"checked":"unchecked",...t,...Te("dropdown-menu","item-indicator",t.className),ref:r}):null});x.displayName="DropdownMenuItemIndicator";import*as z from"react";import{useMenuLabelId as Oe}from"../utils/menuGroup.js";import{skdxPart as Ge}from"../utils/part.js";import{Primitive as Le}from"../utils/primitive.js";import{jsx as Ae}from"react/jsx-runtime";var G=z.forwardRef((e,t)=>{let r=Oe();return Ae(Le.div,{id:r,...e,...Ge("dropdown-menu","label",e.className),ref:t})});G.displayName="DropdownMenuLabel";import{Portal as He}from"../utils/portal.js";import{jsx as Ve}from"react/jsx-runtime";var L=({forceMount:e,children:t,...r})=>{let a=M("DropdownMenuPortal");return e||a.open?Ve(He,{...r,children:t}):null};L.displayName="DropdownMenuPortal";import*as J from"react";import{createSafeContext as Fe}from"../utils/createContext.js";import{MenuGroupProvider as Ke,useMenuGroupLabel as Be}from"../utils/menuGroup.js";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as A}from"react/jsx-runtime";var[_e,Q]=Fe("DropdownMenuRadioGroup"),H=J.forwardRef(({value:e,onValueChange:t,...r},a)=>{let{labelId:u,context:p}=Be();return A(_e,{value:e,onValueChange:t,children:A(Ke,{...p,children:A($e.div,{role:"group","aria-labelledby":r["aria-label"]===void 0?u:void 0,...r,...Ue("dropdown-menu","radio-group",r.className),ref:a})})})});H.displayName="DropdownMenuRadioGroup";import*as Y from"react";import{skdxPart as qe}from"../utils/part.js";import{Primitive as We}from"../utils/primitive.js";import{jsx as X}from"react/jsx-runtime";var V=Y.forwardRef(({value:e,disabled:t,textValue:r,onSelect:a,closeOnSelect:u,...p},s)=>{let i=Q("DropdownMenuRadioItem"),m=i.value===e,o=g({disabled:t,textValue:r,onSelect:d=>{i.onValueChange?.(e),a?.(d)},closeOnSelect:u,props:p});return X(D.Provider,{value:m,children:X(We.div,{role:"menuitemradio","aria-checked":m,"data-state":m?"checked":"unchecked",...p,...o,...qe("dropdown-menu","radio-item",p.className),ref:s})})});V.displayName="DropdownMenuRadioItem";import*as Z from"react";import{skdxPart as ze}from"../utils/part.js";import{Primitive as Je}from"../utils/primitive.js";import{jsx as Qe}from"react/jsx-runtime";var F=Z.forwardRef((e,t)=>Qe(Je.div,{role:"separator","aria-orientation":"horizontal",...e,...ze("dropdown-menu","separator",e.className),ref:t}));F.displayName="DropdownMenuSeparator";import*as j from"react";import{skdxPart as Xe}from"../utils/part.js";import{Primitive as Ye}from"../utils/primitive.js";import{jsx as Ze}from"react/jsx-runtime";var I=j.forwardRef((e,t)=>Ze(Ye.span,{"aria-hidden":"true",...e,...Xe("dropdown-menu","shortcut",e.className),ref:t}));I.displayName="DropdownMenuShortcut";import{MenuSub as je,MenuSubContent as eo,MenuSubTrigger as oo}from"../utils/menuSub.js";import{jsx as ro}from"react/jsx-runtime";function K(e){return M("DropdownMenuSub"),ro(je,{family:"dropdown-menu",...e})}K.displayName="DropdownMenuSub";var ee=oo,oe=eo;import*as te from"react";import{useComposedRefs as no}from"../utils/composeRefs.js";import{skdxPart as to}from"../utils/part.js";import{PopperAnchor as ao}from"../utils/popper.js";import{composeEventHandlers as re,Primitive as po}from"../utils/primitive.js";import{jsx as ne}from"react/jsx-runtime";var B=te.forwardRef((e,t)=>{let r=M("DropdownMenuTrigger"),a=no(t,r.triggerRef);return ne(ao,{asChild:!0,children:ne(po.button,{type:"button",id:r.triggerId,"aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-state":r.open?"open":"closed","data-disabled":e.disabled?"":void 0,...e,...to("dropdown-menu","trigger",e.className),ref:a,onClick:re(e.onClick,()=>{e.disabled||(r.openIntentRef.current="first",r.onOpenChange(!r.open))}),onKeyDown:re(e.onKeyDown,u=>{e.disabled||["ArrowDown","ArrowUp"].includes(u.key)&&(r.openIntentRef.current=u.key==="ArrowUp"?"last":"first",u.preventDefault(),r.onOpenChange(!0))})})})});B.displayName="DropdownMenuTrigger";import{Fragment as mo,jsx as f,jsxs as R}from"react/jsx-runtime";var ae=({trigger:e,items:t=[],onSelect:r,side:a,align:u,renderItem:p,passThrough:s})=>{let i=o=>p?p(o):"label"in o?o.label:null,m=(o,d)=>{if(!("type"in o))return R(k,{disabled:o.disabled,textValue:o.textValue??o.label,onSelect:()=>{o.onSelect?.(),r?.(o)},children:[i(o),o.shortcut?f(I,{children:o.shortcut}):null]},d);switch(o.type){case"separator":return f(F,{},d);case"checkbox":return R(T,{checked:o.checked,onCheckedChange:o.onCheckedChange,disabled:o.disabled,textValue:o.textValue??o.label,onSelect:()=>r?.(o),children:[f(x,{"aria-hidden":"true",children:f(uo,{})}),i(o),o.shortcut?f(I,{children:o.shortcut}):null]},d);case"radio-group":return f(H,{value:o.value,onValueChange:o.onValueChange,children:o.items.map(l=>R(V,{value:l.value,disabled:l.disabled,textValue:l.textValue??l.label,children:[f(x,{"aria-hidden":"true",children:f(io,{})}),l.label]},l.value))},d);case"submenu":return R(K,{children:[f(ee,{disabled:o.disabled,textValue:o.textValue??o.label,children:i(o)}),f(oe,{children:o.items.map((l,n)=>m(l,`${d}.${n}`))})]},d);case"group":return R(O,{children:[o.label?f(G,{children:o.label}):null,o.items.map((l,n)=>m(l,`${d}.${n}`))]},d)}};return R(mo,{children:[e?f(B,{asChild:!0,...s?.id?{"aria-controls":s.id}:{},children:e}):null,f(L,{children:f(N,{...s,side:a,align:u,children:t.map((o,d)=>m(o,String(d)))})})]})};import{jsx as P}from"react/jsx-runtime";var E='[role^="menuitem"]',[Po,M]=so("DropdownMenu");function pe({children:e,open:t,defaultOpen:r=!1,modal:a=!0,closeOnSelect:u=!0,onOpenChange:p,onOpenChangeComplete:s}){let i=w.useRef(null),m=w.useRef(null),o=w.useRef("first"),d=w.useRef(void 0),[l=!1,n]=Mo({prop:t,defaultProp:r,onChange:p});Ro(l,m,s);let C=w.useCallback(()=>{a&&go(),Do("close-auto-focus",d.current)&&i.current?.focus()},[a]),v=lo(i);return P(wo,{children:P(Po,{triggerRef:i,contentRef:m,contentId:w.useId(),triggerId:w.useId(),open:l,modal:a,closeOnSelect:u,onOpenChange:n,openIntentRef:o,focusTrigger:C,closeAutoFocusRef:d,dir:v,children:e})})}pe.displayName="DropdownMenuRoot";function de({open:e,defaultOpen:t,modal:r,closeOnSelect:a,onOpenChange:u,onOpenChangeComplete:p,trigger:s,items:i,onSelect:m,side:o,align:d,renderItem:l,...n}){return P(pe,{open:e,defaultOpen:t,modal:r,closeOnSelect:a,onOpenChange:u,onOpenChangeComplete:p,children:P(ae,{trigger:s,items:i,onSelect:m,side:o,align:d,renderItem:l,passThrough:n})})}de.displayName="DropdownMenu";var bo=w.forwardRef((e,t)=>P(fo,{...e,...co("dropdown-menu","arrow",e.className),ref:t}));bo.displayName="DropdownMenuArrow";export{de as DropdownMenu,bo as DropdownMenuArrow,T as DropdownMenuCheckboxItem,N as DropdownMenuContent,O as DropdownMenuGroup,k as DropdownMenuItem,x as DropdownMenuItemIndicator,G as DropdownMenuLabel,L as DropdownMenuPortal,Po as DropdownMenuProvider,H as DropdownMenuRadioGroup,V as DropdownMenuRadioItem,pe as DropdownMenuRoot,F as DropdownMenuSeparator,I as DropdownMenuShortcut,K as DropdownMenuSub,oe as DropdownMenuSubContent,ee as DropdownMenuSubTrigger,B as DropdownMenuTrigger,E as ITEM_SELECTOR,D as ItemIndicatorContext,_e as MenuRadioGroupProvider,M as useDropdownMenuContext,g as useMenuItem,Q as useMenuRadioGroupContext};

package/dist/dropdown-menu/DropdownMenuAnatomy.d.cts

@@ -1,21 +0,0 @@
-import type * as React from 'react';
-import type { PassThroughProps } from '../utils/passThrough.cjs';
-import type { Align, Side } from '../utils/popper.cjs';
-import type { MenuItem } from './types.cjs';
-/**
- * The anatomy a {@link DropdownMenu} draws from `trigger` and `items`: the
- * trigger (via `asChild`), portal, and panel. Panel renders items as
- * `DropdownMenuItem`, `Separator`, `CheckboxItem`, `RadioGroup`/`RadioItem`,
- * `Sub`-components, or `Group`/`Label`, recursing through submenus.
- *
- * @internal
- */
-export declare const DropdownMenuAnatomy: ({ trigger, items, onSelect, side, align, renderItem, passThrough, }: {
-    trigger?: React.ReactElement;
-    items?: MenuItem[];
-    onSelect?: (item: MenuItem) => void;
-    side?: Side;
-    align?: Align;
-    renderItem?: (item: MenuItem) => React.ReactNode;
-    passThrough?: PassThroughProps;
-}) => React.JSX.Element;

package/dist/dropdown-menu/DropdownMenuAnatomy.d.ts

@@ -1,21 +0,0 @@
-import type * as React from 'react';
-import type { PassThroughProps } from '../utils/passThrough.js';
-import type { Align, Side } from '../utils/popper.js';
-import type { MenuItem } from './types.js';
-/**
- * The anatomy a {@link DropdownMenu} draws from `trigger` and `items`: the
- * trigger (via `asChild`), portal, and panel. Panel renders items as
- * `DropdownMenuItem`, `Separator`, `CheckboxItem`, `RadioGroup`/`RadioItem`,
- * `Sub`-components, or `Group`/`Label`, recursing through submenus.
- *
- * @internal
- */
-export declare const DropdownMenuAnatomy: ({ trigger, items, onSelect, side, align, renderItem, passThrough, }: {
-    trigger?: React.ReactElement;
-    items?: MenuItem[];
-    onSelect?: (item: MenuItem) => void;
-    side?: Side;
-    align?: Align;
-    renderItem?: (item: MenuItem) => React.ReactNode;
-    passThrough?: PassThroughProps;
-}) => React.JSX.Element;

package/dist/dropdown-menu/DropdownMenuCheckboxItem.d.cts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { DropdownMenuCheckboxItemProps } from './types.cjs';
-/**
- * Toggleable menu item — `aria-checked` and `data-state` toggle via `onCheckedChange`. Keeps menu open by default (not inherited from root) since checkbox items are toggled multiple times. Wrap `DropdownMenuItemIndicator` for check glyph.
- *
- * @example
- * ```tsx
- * <DropdownMenuCheckboxItem checked={showToolbar} onCheckedChange={setShowToolbar}>
- *   <DropdownMenuItemIndicator>✓</DropdownMenuItemIndicator>
- *   Show toolbar
- * </DropdownMenuCheckboxItem>
- * ```
- */
-export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/dropdown-menu/DropdownMenuCheckboxItem.d.ts

@@ -1,14 +0,0 @@
-import * as React from 'react';
-import type { DropdownMenuCheckboxItemProps } from './types.js';
-/**
- * Toggleable menu item — `aria-checked` and `data-state` toggle via `onCheckedChange`. Keeps menu open by default (not inherited from root) since checkbox items are toggled multiple times. Wrap `DropdownMenuItemIndicator` for check glyph.
- *
- * @example
- * ```tsx
- * <DropdownMenuCheckboxItem checked={showToolbar} onCheckedChange={setShowToolbar}>
- *   <DropdownMenuItemIndicator>✓</DropdownMenuItemIndicator>
- *   Show toolbar
- * </DropdownMenuCheckboxItem>
- * ```
- */
-export declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuCheckboxItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/dropdown-menu/DropdownMenuContent.d.cts

@@ -1,27 +0,0 @@
-import * as React from 'react';
-import type { DropdownMenuContentProps } from './types.cjs';
-/**
- * Menu panel: `role="menu"`, positioned via popper (side/align/offsets),
- * flips/shifts to avoid collisions. Modal marks outside `inert`, locks scroll.
- * Roving arrow navigation with typeahead. Closes on Escape/outside/select.
- * ArrowUp on the trigger is what opened it), and closes on
- * Escape, Alt+ArrowUp, Tab (per the WAI-ARIA menu pattern), or an outside interaction:
- * pointer-down outside or focus moving outside, each reported to
- * `onPointerDownOutside`/`onFocusOutside` and, just before them and with the
- * same event, to `onInteractOutside`. Any of those (or `onEscapeKeyDown`)
- * calling `event.preventDefault()` keeps it open. Mounts only while open
- * unless `forceMount` is set.
- *
- * @example
- * ```tsx
- * <DropdownMenuPortal>
- *   <DropdownMenuContent side="bottom" align="start" sideOffset={4}>
- *     <DropdownMenuItem>Edit</DropdownMenuItem>
- *     <DropdownMenuItem>Duplicate</DropdownMenuItem>
- *     <DropdownMenuSeparator />
- *     <DropdownMenuItem disabled>Delete</DropdownMenuItem>
- *   </DropdownMenuContent>
- * </DropdownMenuPortal>
- * ```
- */
-export declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;