@skdx/react 0.26.0 → 0.28.0

package/dist/loading-overlay/LoadingOverlayBackdrop.d.cts

@@ -1,24 +1,16 @@
 import * as React from 'react';
 import type { LoadingOverlayBackdropProps } from './types.cjs';
 /**
- * The scrim that covers the work in progress. Mounts through `Presence`, so a
- * CSS exit animation on `[data-state='hidden']` plays before it unmounts (and
- * with no animation declared it unmounts immediately, costing nothing).
- *
- * Renders `aria-hidden` — it is pure decoration, the announcement comes from
- * the root — and carries `data-state="visible" | "hidden"` plus
- * `data-full-screen` so one rule set can style both the inline
- * (`position: absolute; inset: 0`) and the full-screen
- * (`position: fixed; inset: 0`) case.
- *
- * Must be used inside a {@link LoadingOverlay}.
+ * Scrim covering work in progress — mounts through `Presence` for CSS exit animation. `aria-hidden` (pure decoration).
  *
  * @example
  * ```tsx
- * <LoadingOverlay visible={isFetching}>
+ * import { LoadingOverlayRoot, LoadingOverlayBackdrop } from '@skdx/react/primitives/loading-overlay';
+ *
+ * <LoadingOverlayRoot visible={isFetching}>
  *   <InvoiceTable />
  *   <LoadingOverlayBackdrop />
- * </LoadingOverlay>
+ * </LoadingOverlayRoot>
  * ```
  */
 export declare const LoadingOverlayBackdrop: React.ForwardRefExoticComponent<Omit<LoadingOverlayBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/loading-overlay/LoadingOverlayBackdrop.d.ts

@@ -1,24 +1,16 @@
 import * as React from 'react';
 import type { LoadingOverlayBackdropProps } from './types.js';
 /**
- * The scrim that covers the work in progress. Mounts through `Presence`, so a
- * CSS exit animation on `[data-state='hidden']` plays before it unmounts (and
- * with no animation declared it unmounts immediately, costing nothing).
- *
- * Renders `aria-hidden` — it is pure decoration, the announcement comes from
- * the root — and carries `data-state="visible" | "hidden"` plus
- * `data-full-screen` so one rule set can style both the inline
- * (`position: absolute; inset: 0`) and the full-screen
- * (`position: fixed; inset: 0`) case.
- *
- * Must be used inside a {@link LoadingOverlay}.
+ * Scrim covering work in progress — mounts through `Presence` for CSS exit animation. `aria-hidden` (pure decoration).
  *
  * @example
  * ```tsx
- * <LoadingOverlay visible={isFetching}>
+ * import { LoadingOverlayRoot, LoadingOverlayBackdrop } from '@skdx/react/primitives/loading-overlay';
+ *
+ * <LoadingOverlayRoot visible={isFetching}>
  *   <InvoiceTable />
  *   <LoadingOverlayBackdrop />
- * </LoadingOverlay>
+ * </LoadingOverlayRoot>
  * ```
  */
 export declare const LoadingOverlayBackdrop: React.ForwardRefExoticComponent<Omit<LoadingOverlayBackdropProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/loading-overlay/LoadingOverlayContent.d.cts

@@ -1,29 +1,17 @@
 import * as React from 'react';
 import type { LoadingOverlayContentProps } from './types.cjs';
 /**
- * The indicator layer sitting on top of the backdrop — a spinner, a message,
- * a cancel affordance, whatever the overlay needs to say. Mounts through
- * `Presence` alongside the backdrop and carries the same
- * `data-state="visible" | "hidden"` and `data-full-screen` hooks.
- *
- * With no `children` it falls back to the existing `Spinner` family, labelled
- * with the root's `loadingLabel` — composing the indicator the library
- * already ships rather than growing a second one. Pass `children` to replace
- * it entirely.
- *
- * The whole overlay sits inside the root's `inert` subtree, so nothing here
- * is focusable or announced; the "Loading" announcement is made by the root
- * through the live region.
- *
- * Must be used inside a {@link LoadingOverlay}.
+ * Indicator layer on top of the backdrop. Mounts through `Presence` with
+ * `data-state` hooks. Defaults to `Spinner` with root's `loadingLabel`.
+ * Nothing focusable; root announces via live region.
  *
  * @example
  * ```tsx
- * <LoadingOverlay visible={isFetching} loadingLabel="Loading invoices">
+ * <LoadingOverlayRoot visible={isFetching} loadingLabel="Loading invoices">
  *   <InvoiceTable />
  *   <LoadingOverlayBackdrop />
  *   <LoadingOverlayContent />
- * </LoadingOverlay>
+ * </LoadingOverlayRoot>
  * ```
  */
 export declare const LoadingOverlayContent: React.ForwardRefExoticComponent<Omit<LoadingOverlayContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/loading-overlay/LoadingOverlayContent.d.ts

@@ -1,29 +1,17 @@
 import * as React from 'react';
 import type { LoadingOverlayContentProps } from './types.js';
 /**
- * The indicator layer sitting on top of the backdrop — a spinner, a message,
- * a cancel affordance, whatever the overlay needs to say. Mounts through
- * `Presence` alongside the backdrop and carries the same
- * `data-state="visible" | "hidden"` and `data-full-screen` hooks.
- *
- * With no `children` it falls back to the existing `Spinner` family, labelled
- * with the root's `loadingLabel` — composing the indicator the library
- * already ships rather than growing a second one. Pass `children` to replace
- * it entirely.
- *
- * The whole overlay sits inside the root's `inert` subtree, so nothing here
- * is focusable or announced; the "Loading" announcement is made by the root
- * through the live region.
- *
- * Must be used inside a {@link LoadingOverlay}.
+ * Indicator layer on top of the backdrop. Mounts through `Presence` with
+ * `data-state` hooks. Defaults to `Spinner` with root's `loadingLabel`.
+ * Nothing focusable; root announces via live region.
  *
  * @example
  * ```tsx
- * <LoadingOverlay visible={isFetching} loadingLabel="Loading invoices">
+ * <LoadingOverlayRoot visible={isFetching} loadingLabel="Loading invoices">
  *   <InvoiceTable />
  *   <LoadingOverlayBackdrop />
  *   <LoadingOverlayContent />
- * </LoadingOverlay>
+ * </LoadingOverlayRoot>
  * ```
  */
 export declare const LoadingOverlayContent: React.ForwardRefExoticComponent<Omit<LoadingOverlayContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/loading-overlay/index.d.cts

@@ -1,4 +1,2 @@
-export * from './LoadingOverlay.cjs';
-export { LoadingOverlayBackdrop } from './LoadingOverlayBackdrop.cjs';
-export { LoadingOverlayContent } from './LoadingOverlayContent.cjs';
-export type { LoadingOverlayProps, LoadingOverlayBackdropProps, LoadingOverlayContentProps } from './types.cjs';
+export { LoadingOverlay } from './LoadingOverlay.cjs';
+export type { LoadingOverlayProps } from './types.cjs';

package/dist/loading-overlay/index.d.ts

@@ -1,4 +1,2 @@
-export * from './LoadingOverlay.js';
-export { LoadingOverlayBackdrop } from './LoadingOverlayBackdrop.js';
-export { LoadingOverlayContent } from './LoadingOverlayContent.js';
-export type { LoadingOverlayProps, LoadingOverlayBackdropProps, LoadingOverlayContentProps } from './types.js';
+export { LoadingOverlay } from './LoadingOverlay.js';
+export type { LoadingOverlayProps } from './types.js';

package/dist/loading-overlay/primitives.d.cts

@@ -0,0 +1,20 @@
+/**
+ * Advanced primitives for `LoadingOverlay` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { LoadingOverlayBackdrop, LoadingOverlayContent, LoadingOverlayRoot } from '@skdx/react/primitives/loading-overlay';
+ *
+ * <LoadingOverlayRoot visible={isFetching} loadingLabel="Loading invoices">
+ *   <InvoiceTable />
+ *   <LoadingOverlayBackdrop />
+ *   <LoadingOverlayContent>
+ *     <ProgressBar value={percent} />
+ *   </LoadingOverlayContent>
+ * </LoadingOverlayRoot>
+ * ```
+ */
+export { LoadingOverlayRoot } from './LoadingOverlay.cjs';
+export { LoadingOverlayBackdrop } from './LoadingOverlayBackdrop.cjs';
+export { LoadingOverlayContent } from './LoadingOverlayContent.cjs';
+export type { LoadingOverlayRootProps, LoadingOverlayBackdropProps, LoadingOverlayContentProps, } from './types.cjs';

package/dist/loading-overlay/primitives.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Advanced primitives for `LoadingOverlay` — the parts the recipe composes.
+ *
+ * @example
+ * ```tsx
+ * import { LoadingOverlayBackdrop, LoadingOverlayContent, LoadingOverlayRoot } from '@skdx/react/primitives/loading-overlay';
+ *
+ * <LoadingOverlayRoot visible={isFetching} loadingLabel="Loading invoices">
+ *   <InvoiceTable />
+ *   <LoadingOverlayBackdrop />
+ *   <LoadingOverlayContent>
+ *     <ProgressBar value={percent} />
+ *   </LoadingOverlayContent>
+ * </LoadingOverlayRoot>
+ * ```
+ */
+export { LoadingOverlayRoot } from './LoadingOverlay.js';
+export { LoadingOverlayBackdrop } from './LoadingOverlayBackdrop.js';
+export { LoadingOverlayContent } from './LoadingOverlayContent.js';
+export type { LoadingOverlayRootProps, LoadingOverlayBackdropProps, LoadingOverlayContentProps, } from './types.js';

package/dist/loading-overlay/types.d.cts

@@ -1,74 +1,74 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 /**
- * @internal Shared state distributed from {@link LoadingOverlay} to
- * `LoadingOverlayBackdrop` and `LoadingOverlayContent` via context. Not part
- * of the public API.
+ * @internal Shared state distributed from LoadingOverlay to backdrop and
+ * content parts via context.
  */
 export interface LoadingOverlayContextValue {
     /**
-     * The *effective* visibility — `visible` after `delay` has elapsed, not the
-     * raw prop. This is what the parts mount against, so a request that
-     * resolves inside the delay window never renders an overlay at all.
+     * Effective visibility after `delay` (not the raw prop). Determines whether
+     * parts render; requests resolving inside the delay never render the overlay.
      */
     visible: boolean;
     fullScreen: boolean;
     loadingLabel: string;
 }
-/** Props for the {@link LoadingOverlay} root. */
-export interface LoadingOverlayProps extends PrimitivePropsWithRef<'div'> {
+/** Props for the {@link LoadingOverlayRoot}. */
+export interface LoadingOverlayRootProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Whether work is in flight, for controlled usage. Pair with `onVisibleChange`.
-     * @default undefined — uncontrolled, tracks its own visibility internally.
+     * Whether work is in flight for controlled usage. Pair with `onVisibleChange`.
+     * @default undefined — uncontrolled, tracks internally.
      */
     visible?: boolean;
     /**
-     * Initial visibility, for uncontrolled usage, seeding the first render.
-     * @default false — the overlay starts hidden and the wrapped content is interactive.
-     */
-    defaultVisible?: boolean;
-    /**
-     * Fires when the overlay *actually* appears or disappears — i.e. after
-     * `delay` — in both controlled and uncontrolled usage. It reports the
-     * effective transition rather than echoing the prop back, because the
-     * moment a delayed overlay paints is the one thing the caller cannot
-     * derive from the `visible` it passed in. With `delay={0}` the two coincide.
+     * Fires when the overlay actually appears or disappears (after `delay`).
+     * Reports the effective transition, not the prop — the render moment of a
+     * delayed overlay cannot be derived from the `visible` prop alone.
      * @default undefined — no-op if omitted.
      */
     onVisibleChange?: (visible: boolean) => void;
     /**
-     * Cover the viewport instead of the root's own box. Emits
-     * `data-full-screen` (style it `position: fixed; inset: 0`) and locks body
-     * scroll while visible — an inline overlay never locks the body, because
-     * freezing the whole page for a spinner over one card is a bug, not a
-     * feature.
+     * Cover the viewport instead of the root's box. Emits `data-full-screen`
+     * and locks body scroll while visible; inline overlays never lock the body.
      * @default false — the overlay covers only the root element's box.
      */
     fullScreen?: boolean;
     /**
-     * Text announced politely when the overlay becomes visible, and the default
-     * `Spinner` label inside `LoadingOverlayContent`.
-     * @default 'Loading' — announced as "Loading"; name the work ("Loading invoices") when the page has more than one.
+     * Accessible name of the busy region, announced when the overlay becomes
+     * visible and used as the derived `Spinner`'s label.
+     * @default 'Loading' — name the work ("Loading invoices") when multiple overlays exist.
      */
     loadingLabel?: string;
     /**
-     * Milliseconds to wait after `visible` turns true before the overlay
-     * actually appears. A response that arrives inside the window never renders
-     * an overlay at all, which is what stops the flash-of-spinner on fast
-     * requests. The pending timer is cancelled if `visible` flips back to false
-     * first, and on unmount.
-     * @default 0 — shows immediately, so nothing is hidden from a slow connection by accident.
+     * Text announced when the overlay hides, closing the loop the appearance
+     * announcement opens (the region became operable again — a change screen-reader
+     * users cannot see). Omitted: the overlay clears its message from the live
+     * region, allowing consecutive loads to announce twice.
+     * @default undefined — hiding announces nothing.
+     */
+    loadedLabel?: string;
+    /**
+     * Milliseconds to wait after `visible` turns true before the overlay renders.
+     * Responses arriving inside this window never render the overlay, preventing
+     * spinner flash on fast requests. The timer cancels if `visible` flips back
+     * to false or on unmount.
+     * @default 0 — shows immediately to avoid hiding slow connections.
      */
     delay?: number;
 }
 /**
- * Props for {@link LoadingOverlayBackdrop} — the scrim layer. No props of its
- * own; it reads visibility from the root's context.
+ * Props for the {@link LoadingOverlay} recipe. No `asChild`: the recipe wraps
+ * children in the derived anatomy. Use `primitives/loading-overlay`'s `LoadingOverlayRoot` for headless access.
+ */
+export type LoadingOverlayProps = Omit<LoadingOverlayRootProps, 'asChild'>;
+/**
+ * Props for {@link LoadingOverlayBackdrop}, the scrim layer. Reads visibility
+ * from the root's context.
  */
 export interface LoadingOverlayBackdropProps extends PrimitivePropsWithRef<'div'> {
 }
 /**
- * Props for {@link LoadingOverlayContent} — the centred indicator layer. No
- * props of its own; it reads visibility and the label from the root's context.
+ * Props for {@link LoadingOverlayContent}, the centered indicator layer. Reads
+ * visibility and label from the root's context.
  */
 export interface LoadingOverlayContentProps extends PrimitivePropsWithRef<'div'> {
 }

package/dist/loading-overlay/types.d.ts

@@ -1,74 +1,74 @@
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 /**
- * @internal Shared state distributed from {@link LoadingOverlay} to
- * `LoadingOverlayBackdrop` and `LoadingOverlayContent` via context. Not part
- * of the public API.
+ * @internal Shared state distributed from LoadingOverlay to backdrop and
+ * content parts via context.
  */
 export interface LoadingOverlayContextValue {
     /**
-     * The *effective* visibility — `visible` after `delay` has elapsed, not the
-     * raw prop. This is what the parts mount against, so a request that
-     * resolves inside the delay window never renders an overlay at all.
+     * Effective visibility after `delay` (not the raw prop). Determines whether
+     * parts render; requests resolving inside the delay never render the overlay.
      */
     visible: boolean;
     fullScreen: boolean;
     loadingLabel: string;
 }
-/** Props for the {@link LoadingOverlay} root. */
-export interface LoadingOverlayProps extends PrimitivePropsWithRef<'div'> {
+/** Props for the {@link LoadingOverlayRoot}. */
+export interface LoadingOverlayRootProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Whether work is in flight, for controlled usage. Pair with `onVisibleChange`.
-     * @default undefined — uncontrolled, tracks its own visibility internally.
+     * Whether work is in flight for controlled usage. Pair with `onVisibleChange`.
+     * @default undefined — uncontrolled, tracks internally.
      */
     visible?: boolean;
     /**
-     * Initial visibility, for uncontrolled usage, seeding the first render.
-     * @default false — the overlay starts hidden and the wrapped content is interactive.
-     */
-    defaultVisible?: boolean;
-    /**
-     * Fires when the overlay *actually* appears or disappears — i.e. after
-     * `delay` — in both controlled and uncontrolled usage. It reports the
-     * effective transition rather than echoing the prop back, because the
-     * moment a delayed overlay paints is the one thing the caller cannot
-     * derive from the `visible` it passed in. With `delay={0}` the two coincide.
+     * Fires when the overlay actually appears or disappears (after `delay`).
+     * Reports the effective transition, not the prop — the render moment of a
+     * delayed overlay cannot be derived from the `visible` prop alone.
      * @default undefined — no-op if omitted.
      */
     onVisibleChange?: (visible: boolean) => void;
     /**
-     * Cover the viewport instead of the root's own box. Emits
-     * `data-full-screen` (style it `position: fixed; inset: 0`) and locks body
-     * scroll while visible — an inline overlay never locks the body, because
-     * freezing the whole page for a spinner over one card is a bug, not a
-     * feature.
+     * Cover the viewport instead of the root's box. Emits `data-full-screen`
+     * and locks body scroll while visible; inline overlays never lock the body.
      * @default false — the overlay covers only the root element's box.
      */
     fullScreen?: boolean;
     /**
-     * Text announced politely when the overlay becomes visible, and the default
-     * `Spinner` label inside `LoadingOverlayContent`.
-     * @default 'Loading' — announced as "Loading"; name the work ("Loading invoices") when the page has more than one.
+     * Accessible name of the busy region, announced when the overlay becomes
+     * visible and used as the derived `Spinner`'s label.
+     * @default 'Loading' — name the work ("Loading invoices") when multiple overlays exist.
      */
     loadingLabel?: string;
     /**
-     * Milliseconds to wait after `visible` turns true before the overlay
-     * actually appears. A response that arrives inside the window never renders
-     * an overlay at all, which is what stops the flash-of-spinner on fast
-     * requests. The pending timer is cancelled if `visible` flips back to false
-     * first, and on unmount.
-     * @default 0 — shows immediately, so nothing is hidden from a slow connection by accident.
+     * Text announced when the overlay hides, closing the loop the appearance
+     * announcement opens (the region became operable again — a change screen-reader
+     * users cannot see). Omitted: the overlay clears its message from the live
+     * region, allowing consecutive loads to announce twice.
+     * @default undefined — hiding announces nothing.
+     */
+    loadedLabel?: string;
+    /**
+     * Milliseconds to wait after `visible` turns true before the overlay renders.
+     * Responses arriving inside this window never render the overlay, preventing
+     * spinner flash on fast requests. The timer cancels if `visible` flips back
+     * to false or on unmount.
+     * @default 0 — shows immediately to avoid hiding slow connections.
      */
     delay?: number;
 }
 /**
- * Props for {@link LoadingOverlayBackdrop} — the scrim layer. No props of its
- * own; it reads visibility from the root's context.
+ * Props for the {@link LoadingOverlay} recipe. No `asChild`: the recipe wraps
+ * children in the derived anatomy. Use `primitives/loading-overlay`'s `LoadingOverlayRoot` for headless access.
+ */
+export type LoadingOverlayProps = Omit<LoadingOverlayRootProps, 'asChild'>;
+/**
+ * Props for {@link LoadingOverlayBackdrop}, the scrim layer. Reads visibility
+ * from the root's context.
  */
 export interface LoadingOverlayBackdropProps extends PrimitivePropsWithRef<'div'> {
 }
 /**
- * Props for {@link LoadingOverlayContent} — the centred indicator layer. No
- * props of its own; it reads visibility and the label from the root's context.
+ * Props for {@link LoadingOverlayContent}, the centered indicator layer. Reads
+ * visibility and label from the root's context.
  */
 export interface LoadingOverlayContentProps extends PrimitivePropsWithRef<'div'> {
 }

package/dist/menubar/Menubar.cjs

@@ -1 +1 @@
-"use strict";var ar=Object.create;var S=Object.defineProperty;var ur=Object.getOwnPropertyDescriptor;var ir=Object.getOwnPropertyNames;var mr=Object.getPrototypeOf,pr=Object.prototype.hasOwnProperty;var sr=(e,o)=>{for(var t in o)S(e,t,{get:o[t],enumerable:!0})},Q=(e,o,t,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of ir(o))!pr.call(e,n)&&n!==t&&S(e,n,{get:()=>o[n],enumerable:!(r=ur(o,n))||r.enumerable});return e};var s=(e,o,t)=>(t=e!=null?ar(mr(e)):{},Q(o||!e||!e.__esModule?S(t,"default",{value:e,enumerable:!0}):t,e)),cr=e=>Q(S({},"__esModule",{value:!0}),e);var br={};sr(br,{Menubar:()=>oe,MenubarArrow:()=>te,MenubarCheckboxItem:()=>F,MenubarContent:()=>O,MenubarGroup:()=>z,MenubarItem:()=>V,MenubarItemIndicator:()=>A,MenubarLabel:()=>W,MenubarMenu:()=>D,MenubarPortal:()=>H,MenubarRadioGroup:()=>_,MenubarRadioItem:()=>q,MenubarRootProvider:()=>re,MenubarSeparator:()=>$,MenubarSub:()=>J,MenubarSubContent:()=>er,MenubarSubTrigger:()=>je,MenubarTrigger:()=>G,useMenubarContext:()=>C});module.exports=cr(br);var d=s(require("react"),1),Y=require("../utils/composeRefs.cjs"),Z=require("../utils/createContext.cjs"),w=require("../utils/part.cjs"),j=require("../utils/popper.cjs"),E=require("../utils/primitive.cjs"),ee=require("../utils/useControllableState.cjs"),h=require("../utils/useRovingFocus.cjs"),T=require("react/jsx-runtime"),X="[data-skdx-menubar-trigger]:not([data-disabled])",[re,C]=(0,Z.createSafeContext)("Menubar"),oe=d.forwardRef(({value:e,defaultValue:o="",onValueChange:t,...r},n)=>{let[m="",u]=(0,ee.useControllableState)({prop:e,defaultProp:o,onChange:t}),i=(0,h.useRovingFocus)({orientation:"horizontal",loop:!0,itemSelector:X,typeahead:!0}),[f,l]=d.useState(null),I=d.useRef(null),a=(0,Y.useComposedRefs)(n,I);return(0,h.useRovingTabStop)(I,X,"data-skdx-menubar-trigger",f,l),(0,T.jsx)(re,{value:m,onValueChange:u,currentTabStopId:f,setCurrentTabStopId:l,children:(0,T.jsx)(E.Primitive.div,{role:"menubar",...r,...(0,w.skdxPart)("menubar","root",r.className),ref:a,onKeyDown:(0,E.composeEventHandlers)(r.onKeyDown,i)})})});oe.displayName="Menubar";var te=d.forwardRef((e,o)=>(0,T.jsx)(j.PopperArrow,{...e,...(0,w.skdxPart)("menubar","arrow",e.className),ref:o}));te.displayName="MenubarArrow";var c=s(require("react"),1),ne=require("../utils/createContext.cjs"),ae=require("../utils/popper.cjs"),ue=require("../utils/useOpenChangeComplete.cjs");var N=require("react/jsx-runtime"),[fr,b]=(0,ne.createSafeContext)("MenubarMenu");function D({value:e,children:o,onOpenChangeComplete:t}){let r=C("MenubarMenu"),n=c.useRef(null),m=c.useRef(null),u=c.useRef(!1),i=r.value===e;(0,ue.useOpenChangeComplete)(i,m,t);let f=c.useCallback(()=>r.onValueChange(e),[r,e]),l=c.useCallback(()=>{u.current=!1,r.onValueChange("")},[r]);return(0,N.jsx)(ae.PopperRoot,{children:(0,N.jsx)(fr,{menuValue:e,triggerRef:n,contentRef:m,contentId:c.useId(),open:i,openedExplicitlyRef:u,onOpen:f,onClose:l,children:o})})}D.displayName="MenubarMenu";var k=s(require("react"),1),ie=require("../utils/composeRefs.cjs"),me=require("../utils/part.cjs"),pe=require("../utils/popper.cjs"),M=require("../utils/primitive.cjs"),se=require("../utils/useRovingFocus.cjs");var L=require("react/jsx-runtime"),G=k.forwardRef((e,o)=>{let t=C("MenubarTrigger"),r=b("MenubarTrigger"),n=(0,ie.useComposedRefs)(o,r.triggerRef),m=t.value!=="",u=k.useId();return(0,L.jsx)(pe.PopperAnchor,{asChild:!0,children:(0,L.jsx)(M.Primitive.button,{type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-skdx-menubar-trigger":u,"data-state":r.open?"open":"closed","data-disabled":e.disabled?"":void 0,tabIndex:(0,se.rovingTabIndex)(t.currentTabStopId!==null,t.currentTabStopId===u,e.disabled),...e,...(0,me.skdxPart)("menubar","trigger",e.className),ref:n,onClick:(0,M.composeEventHandlers)(e.onClick,()=>{e.disabled||(r.open&&r.openedExplicitlyRef.current?(r.onClose(),r.openedExplicitlyRef.current=!1):(r.onOpen(),r.openedExplicitlyRef.current=!0))}),onPointerEnter:(0,M.composeEventHandlers)(e.onPointerEnter,i=>{e.disabled||i.pointerType==="touch"||m&&t.value!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1)}),onFocus:(0,M.composeEventHandlers)(e.onFocus,()=>{t.setCurrentTabStopId(u),!e.disabled&&m&&t.value!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1)}),onKeyDown:(0,M.composeEventHandlers)(e.onKeyDown,i=>{e.disabled||["ArrowDown","ArrowUp"," ","Enter"].includes(i.key)&&(i.preventDefault(),r.onOpen(),r.openedExplicitlyRef.current=!0)})})})});G.displayName="MenubarTrigger";var ce=require("../utils/portal.cjs");var fe=require("react/jsx-runtime"),H=({forceMount:e,children:o,...t})=>{let r=b("MenubarPortal");return e||r.open?(0,fe.jsx)(ce.Portal,{...t,children:o}):null};H.displayName="MenubarPortal";var R=s(require("react"),1),be=require("../utils/composeRefs.cjs"),de=require("../utils/menuSub.cjs"),Me=require("../utils/part.cjs"),Re=require("../utils/popper.cjs"),Pe=require("../utils/primitive.cjs"),xe=require("../utils/useDismiss.cjs"),Ce=require("../utils/useRovingFocus.cjs");var ge=require("react/jsx-runtime"),le='[role^="menuitem"]:not([data-disabled])',O=R.forwardRef(({forceMount:e,loop:o=!0,onEscapeKeyDown:t,onPointerDownOutside:r,onFocusOutside:n,onInteractOutside:m,side:u="bottom",align:i="start",sideOffset:f=4,...l},I)=>{let a=b("MenubarContent"),or=(0,be.useComposedRefs)(I,a.contentRef),tr=(0,Ce.useRovingFocus)({orientation:"vertical",loop:o,itemSelector:le,typeahead:!0}),nr=R.useMemo(()=>({get current(){return a.triggerRef.current?.closest('[role="menubar"]')??null}}),[a.triggerRef]);return(0,xe.useDismiss)({enabled:a.open,insideSelector:`[${de.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:p=>{t?.(p),p.defaultPrevented||(a.onClose(),a.triggerRef.current?.focus())},onInteractOutside:m,onPointerDownOutside:p=>{r?.(p),p.defaultPrevented||a.onClose()},onFocusOutside:p=>{n?.(p),p.defaultPrevented||a.onClose()}},[a.triggerRef,a.contentRef,nr]),R.useEffect(()=>{if(!a.open)return;let p=requestAnimationFrame(()=>{let v=a.contentRef.current;if(!v||v.contains(document.activeElement))return;(v.querySelector(le)??v).focus()});return()=>cancelAnimationFrame(p)},[a.open,a.contentRef]),e||a.open?(0,ge.jsx)(Re.PopperContent,{component:"menubar",role:"menu","aria-orientation":"vertical",id:a.contentId,"data-state":a.open?"open":"closed",tabIndex:-1,side:u,align:i,sideOffset:f,...l,...(0,Me.skdxPart)("menubar","content",l.className),ref:or,onKeyDown:(0,Pe.composeEventHandlers)(l.onKeyDown,p=>{tr(p),p.key==="Tab"&&(p.preventDefault(),a.onClose(),a.triggerRef.current?.focus())})}):null});O.displayName="MenubarContent";var ye=s(require("react"),1),Ie=require("../utils/part.cjs"),ve=require("../utils/primitive.cjs"),Se=require("../utils/useMenuItem.cjs");var Te=require("react/jsx-runtime");function g({disabled:e,onSelect:o,props:t}){let r=b("MenubarItem");return(0,Se.useMenuItem)({disabled:e,onSelect:o,onSelected:()=>{r.onClose(),r.triggerRef.current?.focus()},contentRef:r.contentRef,props:t})}var V=ye.forwardRef(({disabled:e,onSelect:o,...t},r)=>{let n=g({disabled:e,onSelect:o,props:t});return(0,Te.jsx)(ve.Primitive.div,{role:"menuitem",...t,...n,...(0,Ie.skdxPart)("menubar","item",t.className),ref:r})});V.displayName="MenubarItem";var we=s(require("react"),1),Ne=require("../utils/part.cjs"),De=require("../utils/primitive.cjs");var P=s(require("react"),1),Ee=require("../utils/part.cjs"),he=require("../utils/primitive.cjs"),ke=require("react/jsx-runtime"),y=P.createContext(!1),A=P.forwardRef(({forceMount:e,...o},t)=>{let r=P.useContext(y);return e||r?(0,ke.jsx)(he.Primitive.span,{"data-state":r?"checked":"unchecked",...o,...(0,Ee.skdxPart)("menubar","item-indicator",o.className),ref:t}):null});A.displayName="MenubarItemIndicator";var K=require("react/jsx-runtime"),F=we.forwardRef(({checked:e=!1,onCheckedChange:o,disabled:t,onSelect:r,...n},m)=>{let u=g({disabled:t,onSelect:i=>{o?.(!e),r?.(i),i.preventDefault()},props:n});return(0,K.jsx)(y.Provider,{value:e,children:(0,K.jsx)(De.Primitive.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...n,...u,...(0,Ne.skdxPart)("menubar","checkbox-item",n.className),ref:m})})});F.displayName="MenubarCheckboxItem";var Le=s(require("react"),1),Ge=require("../utils/createContext.cjs"),He=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs"),B=require("react/jsx-runtime"),[lr,Ve]=(0,Ge.createSafeContext)("MenubarRadioGroup"),_=Le.forwardRef(({value:e,onValueChange:o,...t},r)=>(0,B.jsx)(lr,{value:e,onValueChange:o,children:(0,B.jsx)(Oe.Primitive.div,{role:"group",...t,...(0,He.skdxPart)("menubar","radio-group",t.className),ref:r})}));_.displayName="MenubarRadioGroup";var Ae=s(require("react"),1),Ke=require("../utils/part.cjs"),Fe=require("../utils/primitive.cjs");var U=require("react/jsx-runtime"),q=Ae.forwardRef(({value:e,disabled:o,onSelect:t,...r},n)=>{let m=Ve("MenubarRadioItem"),u=m.value===e,i=g({disabled:o,onSelect:f=>{m.onValueChange?.(e),t?.(f)},props:r});return(0,U.jsx)(y.Provider,{value:u,children:(0,U.jsx)(Fe.Primitive.div,{role:"menuitemradio","aria-checked":u,"data-state":u?"checked":"unchecked",...r,...i,...(0,Ke.skdxPart)("menubar","radio-item",r.className),ref:n})})});q.displayName="MenubarRadioItem";var Be=s(require("react"),1),_e=require("../utils/part.cjs"),Ue=require("../utils/primitive.cjs"),qe=require("react/jsx-runtime"),z=Be.forwardRef((e,o)=>(0,qe.jsx)(Ue.Primitive.div,{role:"group",...e,...(0,_e.skdxPart)("menubar","group",e.className),ref:o}));z.displayName="MenubarGroup";var ze=s(require("react"),1),We=require("../utils/part.cjs"),$e=require("../utils/primitive.cjs"),Je=require("react/jsx-runtime"),W=ze.forwardRef((e,o)=>(0,Je.jsx)($e.Primitive.div,{...e,...(0,We.skdxPart)("menubar","label",e.className),ref:o}));W.displayName="MenubarLabel";var Qe=s(require("react"),1),Xe=require("../utils/part.cjs"),Ye=require("../utils/primitive.cjs"),Ze=require("react/jsx-runtime"),$=Qe.forwardRef((e,o)=>(0,Ze.jsx)(Ye.Primitive.div,{role:"separator","aria-orientation":"horizontal",...e,...(0,Xe.skdxPart)("menubar","separator",e.className),ref:o}));$.displayName="MenubarSeparator";var x=require("../utils/menuSub.cjs"),rr=require("react/jsx-runtime");function J(e){return(0,rr.jsx)(x.MenuSub,{family:"menubar",...e})}J.displayName="MenubarSub";var je=x.MenuSubTrigger,er=x.MenuSubContent;0&&(module.exports={Menubar,MenubarArrow,MenubarCheckboxItem,MenubarContent,MenubarGroup,MenubarItem,MenubarItemIndicator,MenubarLabel,MenubarMenu,MenubarPortal,MenubarRadioGroup,MenubarRadioItem,MenubarRootProvider,MenubarSeparator,MenubarSub,MenubarSubContent,MenubarSubTrigger,MenubarTrigger,useMenubarContext});
+"use strict";var Sr=Object.create;var L=Object.defineProperty;var Tr=Object.getOwnPropertyDescriptor;var kr=Object.getOwnPropertyNames;var Er=Object.getPrototypeOf,wr=Object.prototype.hasOwnProperty;var Nr=(e,o)=>{for(var n in o)L(e,n,{get:o[n],enumerable:!0})},fe=(e,o,n,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of kr(o))!wr.call(e,a)&&a!==n&&L(e,a,{get:()=>o[a],enumerable:!(r=Tr(o,a))||r.enumerable});return e};var f=(e,o,n)=>(n=e!=null?Sr(Er(e)):{},fe(o||!e||!e.__esModule?L(n,"default",{value:e,enumerable:!0}):n,e)),Dr=e=>fe(L({},"__esModule",{value:!0}),e);var Gr={};Nr(Gr,{ItemIndicatorContext:()=>v,MenuRadioGroupProvider:()=>er,Menubar:()=>ce,MenubarArrow:()=>hr,MenubarCheckboxItem:()=>V,MenubarContent:()=>F,MenubarGroup:()=>q,MenubarItem:()=>H,MenubarItemIndicator:()=>w,MenubarLabel:()=>_,MenubarMenu:()=>A,MenubarMenuProvider:()=>ye,MenubarPortal:()=>$,MenubarRadioGroup:()=>z,MenubarRadioItem:()=>W,MenubarRoot:()=>pe,MenubarRootProvider:()=>Cr,MenubarSeparator:()=>J,MenubarShortcut:()=>D,MenubarSub:()=>Q,MenubarSubContent:()=>me,MenubarSubTrigger:()=>ie,MenubarTrigger:()=>X,TRIGGER_SELECTOR:()=>N,useMenuRadioGroupContext:()=>ae,useMenubarContext:()=>E,useMenubarItem:()=>C,useMenubarMenuContext:()=>R});module.exports=Dr(Gr);var y=f(require("react"),1),yr=require("../utils/composeRefs.cjs"),xr=require("../utils/createContext.cjs"),le=require("../utils/part.cjs"),Pr=require("../utils/popper.cjs"),Z=require("../utils/primitive.cjs"),Ir=require("../utils/useControllableState.cjs"),j=require("../utils/useRovingFocus.cjs");var Y=require("../utils/menuGlyph.cjs");var ke=f(require("react"),1),Ee=require("../utils/part.cjs"),we=require("../utils/primitive.cjs");var xe=f(require("react"),1),Pe=require("../utils/part.cjs"),Ie=require("../utils/primitive.cjs"),Ce=require("../utils/useMenuItem.cjs");var c=f(require("react"),1),be=require("../utils/createContext.cjs"),Me=require("../utils/popper.cjs"),Re=require("../utils/useFocusTrap.cjs"),ge=require("../utils/useOpenChangeComplete.cjs");var te=require("react/jsx-runtime"),[ye,R]=(0,be.createSafeContext)("MenubarMenu");function A({value:e,children:o,onOpenChangeComplete:n}){let r=E("MenubarMenu"),a=c.useRef(null),t=c.useRef(null),m=c.useRef(!1),u=c.useRef(void 0),p=c.useRef("first"),b=r.menu===e,[M,P]=c.useState(0);(0,ge.useOpenChangeComplete)(b,t,n);let i=c.useCallback(()=>{r.onMenuChange(e),P(ee=>ee+1)},[r,e]),k=c.useCallback(()=>{m.current=!1,r.onMenuChange("")},[r]),G=c.useCallback(()=>{(0,Re.autoFocusEvent)("close-auto-focus",u.current)&&a.current?.focus()},[]);return(0,te.jsx)(Me.PopperRoot,{children:(0,te.jsx)(ye,{menuValue:e,triggerRef:a,contentRef:t,contentId:c.useId(),triggerId:c.useId(),open:b,openedExplicitlyRef:m,onOpen:i,onClose:k,focusTrigger:G,closeAutoFocusRef:u,openIntentRef:p,openRequestId:M,children:o})})}A.displayName="MenubarMenu";var he=require("react/jsx-runtime");function C({disabled:e,textValue:o,onSelect:n,props:r}){let a=R("MenubarItem");return(0,Ce.useMenuItem)({disabled:e,textValue:o,onSelect:n,onSelected:()=>{a.onClose(),a.focusTrigger()},contentRef:a.contentRef,props:r})}var H=xe.forwardRef(({disabled:e,textValue:o,onSelect:n,...r},a)=>{let t=C({disabled:e,textValue:o,onSelect:n,props:r});return(0,he.jsx)(Ie.Primitive.div,{role:"menuitem",...r,...t,...(0,Pe.skdxPart)("menubar","item",r.className),ref:a})});H.displayName="MenubarItem";var h=f(require("react"),1),ve=require("../utils/part.cjs"),Se=require("../utils/primitive.cjs"),Te=require("react/jsx-runtime"),v=h.createContext(!1),w=h.forwardRef(({forceMount:e,...o},n)=>{let r=h.useContext(v);return e||r?(0,Te.jsx)(Se.Primitive.span,{"data-state":r?"checked":"unchecked",...o,...(0,ve.skdxPart)("menubar","item-indicator",o.className),ref:n}):null});w.displayName="MenubarItemIndicator";var oe=require("react/jsx-runtime"),V=ke.forwardRef(({checked:e=!1,onCheckedChange:o,disabled:n,textValue:r,onSelect:a,...t},m)=>{let u=C({disabled:n,textValue:r,onSelect:p=>{o?.(!e),a?.(p),p.preventDefault()},props:t});return(0,oe.jsx)(v.Provider,{value:e,children:(0,oe.jsx)(we.Primitive.div,{role:"menuitemcheckbox","aria-checked":e,"data-state":e?"checked":"unchecked",...t,...u,...(0,Ee.skdxPart)("menubar","checkbox-item",t.className),ref:m})})});V.displayName="MenubarCheckboxItem";var g=f(require("react"),1),De=require("../utils/composeRefs.cjs"),O=require("../utils/direction.cjs"),Ge=require("../utils/menuSub.cjs"),Le=require("../utils/part.cjs"),Ae=require("../utils/popper.cjs"),He=require("../utils/primitive.cjs"),Ve=require("../utils/useDismiss.cjs"),Oe=require("../utils/useRovingFocus.cjs");var Fe=require("react/jsx-runtime"),Ne='[role^="menuitem"]',F=g.forwardRef(({forceMount:e,loop:o=!0,onEscapeKeyDown:n,onPointerDownOutside:r,onFocusOutside:a,onInteractOutside:t,onCloseAutoFocus:m,side:u="bottom",align:p="start",sideOffset:b=4,...M},P)=>{let i=R("MenubarContent");i.closeAutoFocusRef.current=m;let k=(0,De.useComposedRefs)(P,i.contentRef),G=(0,O.usePortalledDirection)(i.triggerRef),ee=(0,Oe.useRovingFocus)({orientation:"vertical",loop:o,itemSelector:Ne,typeahead:!0,includeDisabled:!0}),re=g.useMemo(()=>({get current(){return i.triggerRef.current?.closest('[role="menubar"]')??null}}),[i.triggerRef]),vr=g.useCallback(l=>{let d=Array.from(re.current?.querySelectorAll(N)??[]),I=d.findIndex(de=>de===i.triggerRef.current);I!==-1&&d[(I+l+d.length)%d.length]?.focus()},[i.triggerRef,re]);return(0,Ve.useDismiss)({enabled:i.open,insideSelector:`[${Ge.MENU_BRANCH_ATTRIBUTE}]`,onEscapeKeyDown:l=>{n?.(l),l.defaultPrevented||(i.onClose(),i.focusTrigger())},onInteractOutside:t,onPointerDownOutside:l=>{r?.(l),l.defaultPrevented||i.onClose()},onFocusOutside:l=>{a?.(l),l.defaultPrevented||i.onClose()}},[i.triggerRef,i.contentRef,re]),g.useEffect(()=>{if(!i.open)return;let l=requestAnimationFrame(()=>{let d=i.contentRef.current;if(!d||d.contains(document.activeElement))return;let I=d.querySelectorAll(Ne);((i.openIntentRef.current==="last"?I[I.length-1]:I[0])??d).focus({preventScroll:!0})});return()=>cancelAnimationFrame(l)},[i.open,i.contentRef,i.openIntentRef,i.openRequestId]),e||i.open?(0,Fe.jsx)(Ae.PopperContent,{component:"menubar",role:"menu","aria-orientation":"vertical",dir:G,"aria-labelledby":M["aria-label"]===void 0?i.triggerId:void 0,id:i.contentId,"data-state":i.open?"open":"closed",tabIndex:-1,side:u,align:p,sideOffset:b,...M,...(0,Le.skdxPart)("menubar","content",M.className),ref:k,onKeyDown:(0,He.composeEventHandlers)(M.onKeyDown,l=>{let d=(0,O.directionalKey)(l.key,l.currentTarget,G);if(d==="ArrowRight"||d==="ArrowLeft"){l.preventDefault(),l.stopPropagation(),vr(d==="ArrowRight"?1:-1);return}ee(l),l.key==="Tab"&&(i.onClose(),i.focusTrigger())})}):null});F.displayName="MenubarContent";var Ke=f(require("react"),1),K=require("../utils/menuGroup.cjs"),qe=require("../utils/part.cjs"),_e=require("../utils/primitive.cjs"),ne=require("react/jsx-runtime"),q=Ke.forwardRef((e,o)=>{let{labelId:n,context:r}=(0,K.useMenuGroupLabel)();return(0,ne.jsx)(K.MenuGroupProvider,{...r,children:(0,ne.jsx)(_e.Primitive.div,{role:"group","aria-labelledby":e["aria-label"]===void 0?n:void 0,...e,...(0,qe.skdxPart)("menubar","group",e.className),ref:o})})});q.displayName="MenubarGroup";var $e=f(require("react"),1),Be=require("../utils/menuGroup.cjs"),Ue=require("../utils/part.cjs"),ze=require("../utils/primitive.cjs"),We=require("react/jsx-runtime"),_=$e.forwardRef((e,o)=>{let n=(0,Be.useMenuLabelId)();return(0,We.jsx)(ze.Primitive.div,{id:n,...e,...(0,Ue.skdxPart)("menubar","label",e.className),ref:o})});_.displayName="MenubarLabel";var Je=require("../utils/portal.cjs");var Qe=require("react/jsx-runtime"),$=({forceMount:e,children:o,...n})=>{let r=R("MenubarPortal");return e||r.open?(0,Qe.jsx)(Je.Portal,{...n,children:o}):null};$.displayName="MenubarPortal";var Xe=f(require("react"),1),Ye=require("../utils/createContext.cjs"),U=require("../utils/menuGroup.cjs"),Ze=require("../utils/part.cjs"),je=require("../utils/primitive.cjs"),B=require("react/jsx-runtime"),[er,ae]=(0,Ye.createSafeContext)("MenubarRadioGroup"),z=Xe.forwardRef(({value:e,onValueChange:o,...n},r)=>{let{labelId:a,context:t}=(0,U.useMenuGroupLabel)();return(0,B.jsx)(er,{value:e,onValueChange:o,children:(0,B.jsx)(U.MenuGroupProvider,{...t,children:(0,B.jsx)(je.Primitive.div,{role:"group","aria-labelledby":n["aria-label"]===void 0?a:void 0,...n,...(0,Ze.skdxPart)("menubar","radio-group",n.className),ref:r})})})});z.displayName="MenubarRadioGroup";var rr=f(require("react"),1),tr=require("../utils/part.cjs"),or=require("../utils/primitive.cjs");var ue=require("react/jsx-runtime"),W=rr.forwardRef(({value:e,disabled:o,textValue:n,onSelect:r,...a},t)=>{let m=ae("MenubarRadioItem"),u=m.value===e,p=C({disabled:o,textValue:n,onSelect:b=>{m.onValueChange?.(e),r?.(b)},props:a});return(0,ue.jsx)(v.Provider,{value:u,children:(0,ue.jsx)(or.Primitive.div,{role:"menuitemradio","aria-checked":u,"data-state":u?"checked":"unchecked",...a,...p,...(0,tr.skdxPart)("menubar","radio-item",a.className),ref:t})})});W.displayName="MenubarRadioItem";var nr=f(require("react"),1),ar=require("../utils/part.cjs"),ur=require("../utils/primitive.cjs"),ir=require("react/jsx-runtime"),J=nr.forwardRef((e,o)=>(0,ir.jsx)(ur.Primitive.div,{role:"separator","aria-orientation":"horizontal",...e,...(0,ar.skdxPart)("menubar","separator",e.className),ref:o}));J.displayName="MenubarSeparator";var mr=f(require("react"),1),sr=require("../utils/part.cjs"),lr=require("../utils/primitive.cjs"),pr=require("react/jsx-runtime"),D=mr.forwardRef((e,o)=>(0,pr.jsx)(lr.Primitive.span,{"aria-hidden":"true",...e,...(0,sr.skdxPart)("menubar","shortcut",e.className),ref:o}));D.displayName="MenubarShortcut";var S=require("../utils/menuSub.cjs"),cr=require("react/jsx-runtime");function Q(e){return(0,cr.jsx)(S.MenuSub,{family:"menubar",...e})}Q.displayName="MenubarSub";var ie=S.MenuSubTrigger,me=S.MenuSubContent;var dr=f(require("react"),1),fr=require("../utils/composeRefs.cjs"),br=require("../utils/part.cjs"),Mr=require("../utils/popper.cjs"),x=require("../utils/primitive.cjs"),Rr=require("../utils/useRovingFocus.cjs");var se=require("react/jsx-runtime"),X=dr.forwardRef((e,o)=>{let n=E("MenubarTrigger"),r=R("MenubarTrigger"),a=(0,fr.useComposedRefs)(o,r.triggerRef),t=n.menu!=="",m=r.triggerId;return(0,se.jsx)(Mr.PopperAnchor,{asChild:!0,children:(0,se.jsx)(x.Primitive.button,{type:"button",role:"menuitem",id:m,"aria-haspopup":"menu","aria-expanded":r.open,"aria-controls":r.contentId,"data-skdx-menubar-trigger":m,"data-state":r.open?"open":"closed","data-disabled":e.disabled?"":void 0,tabIndex:(0,Rr.rovingTabIndex)(n.currentTabStopId!==null,n.currentTabStopId===m,e.disabled),...e,...(0,br.skdxPart)("menubar","trigger",e.className),ref:a,onClick:(0,x.composeEventHandlers)(e.onClick,()=>{r.openIntentRef.current="first",!e.disabled&&(r.open&&r.openedExplicitlyRef.current?(r.onClose(),r.openedExplicitlyRef.current=!1):(r.onOpen(),r.openedExplicitlyRef.current=!0))}),onPointerEnter:(0,x.composeEventHandlers)(e.onPointerEnter,u=>{e.disabled||u.pointerType==="touch"||(r.openIntentRef.current="first",t&&n.menu!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1))}),onFocus:(0,x.composeEventHandlers)(e.onFocus,()=>{n.setCurrentTabStopId(m),!e.disabled&&(r.openIntentRef.current="first",t&&n.menu!==r.menuValue&&(r.onOpen(),r.openedExplicitlyRef.current=!1))}),onKeyDown:(0,x.composeEventHandlers)(e.onKeyDown,u=>{if(e.disabled)return;(n.orientation==="horizontal"?["ArrowDown","ArrowUp"," ","Enter"]:["ArrowRight"," ","Enter"]).includes(u.key)&&(r.openIntentRef.current=u.key==="ArrowUp"?"last":"first",u.preventDefault(),r.onOpen(),r.openedExplicitlyRef.current=!0)})})})});X.displayName="MenubarTrigger";var s=require("react/jsx-runtime"),gr=({menus:e=[],onSelect:o,renderItem:n})=>{let r=t=>n?n(t):"label"in t?t.label:null,a=(t,m)=>{if(!("type"in t))return(0,s.jsxs)(H,{disabled:t.disabled,textValue:t.textValue??t.label,onSelect:()=>{t.onSelect?.(),o?.(t)},children:[r(t),t.shortcut?(0,s.jsx)(D,{children:t.shortcut}):null]},m);switch(t.type){case"separator":return(0,s.jsx)(J,{},m);case"checkbox":return(0,s.jsxs)(V,{checked:t.checked,onCheckedChange:t.onCheckedChange,disabled:t.disabled,textValue:t.textValue??t.label,onSelect:()=>o?.(t),children:[(0,s.jsx)(w,{"aria-hidden":"true",children:(0,s.jsx)(Y.CheckGlyph,{})}),r(t),t.shortcut?(0,s.jsx)(D,{children:t.shortcut}):null]},m);case"radio-group":return(0,s.jsx)(z,{value:t.value,onValueChange:t.onValueChange,children:t.items.map(u=>(0,s.jsxs)(W,{value:u.value,disabled:u.disabled,textValue:u.textValue??u.label,children:[(0,s.jsx)(w,{"aria-hidden":"true",children:(0,s.jsx)(Y.DotGlyph,{})}),u.label]},u.value))},m);case"submenu":return(0,s.jsxs)(Q,{children:[(0,s.jsx)(ie,{disabled:t.disabled,textValue:t.textValue??t.label,children:r(t)}),(0,s.jsx)(me,{children:t.items.map((u,p)=>a(u,`${m}.${p}`))})]},m);case"group":return(0,s.jsxs)(q,{children:[t.label?(0,s.jsx)(_,{children:t.label}):null,t.items.map((u,p)=>a(u,`${m}.${p}`))]},m)}};return(0,s.jsx)(s.Fragment,{children:e.map((t,m)=>{let u=t.value??String(m);return(0,s.jsxs)(A,{value:u,children:[(0,s.jsx)(X,{disabled:t.disabled,children:t.label}),(0,s.jsx)($,{children:(0,s.jsx)(F,{children:t.items.map((p,b)=>a(p,String(b)))})})]},u)})})};var T=require("react/jsx-runtime"),N="[data-skdx-menubar-trigger]:not([data-disabled])",[Cr,E]=(0,xr.createSafeContext)("Menubar"),pe=y.forwardRef(({menu:e,defaultMenu:o="",onMenuChange:n,orientation:r="horizontal",loop:a=!0,...t},m)=>{let[u="",p]=(0,Ir.useControllableState)({prop:e,defaultProp:o,onChange:n}),b=(0,j.useRovingFocus)({orientation:r,loop:a,itemSelector:N,typeahead:!0}),[M,P]=y.useState(null),i=y.useRef(null),k=(0,yr.useComposedRefs)(m,i);return(0,j.useRovingTabStop)(i,N,"data-skdx-menubar-trigger",M,P),(0,T.jsx)(Cr,{menu:u,onMenuChange:p,orientation:r,currentTabStopId:M,setCurrentTabStopId:P,children:(0,T.jsx)(Z.Primitive.div,{role:"menubar","aria-orientation":r,...t,...(0,le.skdxPart)("menubar","root",t.className),ref:k,onKeyDown:(0,Z.composeEventHandlers)(t.onKeyDown,b)})})});pe.displayName="MenubarRoot";var ce=y.forwardRef(({menus:e,onSelect:o,renderItem:n,...r},a)=>(0,T.jsx)(pe,{...r,ref:a,children:(0,T.jsx)(gr,{menus:e,onSelect:o,renderItem:n})}));ce.displayName="Menubar";var hr=y.forwardRef((e,o)=>(0,T.jsx)(Pr.PopperArrow,{...e,...(0,le.skdxPart)("menubar","arrow",e.className),ref:o}));hr.displayName="MenubarArrow";0&&(module.exports={ItemIndicatorContext,MenuRadioGroupProvider,Menubar,MenubarArrow,MenubarCheckboxItem,MenubarContent,MenubarGroup,MenubarItem,MenubarItemIndicator,MenubarLabel,MenubarMenu,MenubarMenuProvider,MenubarPortal,MenubarRadioGroup,MenubarRadioItem,MenubarRoot,MenubarRootProvider,MenubarSeparator,MenubarShortcut,MenubarSub,MenubarSubContent,MenubarSubTrigger,MenubarTrigger,TRIGGER_SELECTOR,useMenuRadioGroupContext,useMenubarContext,useMenubarItem,useMenubarMenuContext});

package/dist/menubar/Menubar.d.cts

@@ -1,44 +1,58 @@
 import * as React from 'react';
 import { type PrimitivePropsWithRef } from '../utils/primitive.cjs';
 import type { MenubarContextValue, MenubarProps } from './types.cjs';
+/** @internal Selector for enabled menubar triggers, used for roving and arrow navigation. */
+export declare const TRIGGER_SELECTOR = "[data-skdx-menubar-trigger]:not([data-disabled])";
 export declare const MenubarRootProvider: {
     (props: MenubarContextValue & {
         children: React.ReactNode;
     }): React.JSX.Element;
     displayName: string;
 }, useMenubarContext: (consumerName: string) => MenubarContextValue;
+/** Props for {@link MenubarRoot}: manual composition without derived anatomy. */
+export type MenubarRootProps = Omit<MenubarProps, 'menus' | 'onSelect' | 'renderItem'> & {
+    /**
+     * Menubar menus: each a `MenubarMenu` pairing trigger with `MenubarPortal`/`MenubarContent`.
+     * @default undefined — an empty bar.
+     */
+    children?: React.ReactNode;
+};
 /**
- * Root of an application-style menu bar: owns which `MenubarMenu` is open and
- * hands it down via context. Renders a `<div role="menubar">` with
- * roving-focus, wrapping, typeahead arrow-key navigation (horizontal) across
- * triggers marked `data-skdx-menubar-trigger`.
- *
- * Works controlled (`value` + `onValueChange`) or uncontrolled (`defaultValue`).
+ * Menubar's state primitive: owns which menu is open, manages roving focus and typeahead
+ * navigation across triggers. Renders `<div role="menubar">` with `aria-orientation`.
+ * Works controlled (`menu` + `onMenuChange`) or uncontrolled (`defaultMenu`).
+ * Supply `aria-label` or `aria-labelledby` — menubar takes no name from menuitem children.
+ */
+export declare const MenubarRoot: React.ForwardRefExoticComponent<Omit<MenubarRootProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Application-style menu bar: a row of menus with roving focus and typeahead
+ * across triggers and inside panels. Derives full anatomy from `menus`.
+ * Works controlled or uncontrolled.
  *
  * @example
  * ```tsx
- * <Menubar>
- *   <MenubarMenu value="file">
- *     <MenubarTrigger>File</MenubarTrigger>
- *     <MenubarPortal>
- *       <MenubarContent>
- *         <MenubarItem onSelect={() => save()}>Save</MenubarItem>
- *         <MenubarSeparator />
- *         <MenubarCheckboxItem checked={wrap} onCheckedChange={setWrap}>
- *           <MenubarItemIndicator>✓</MenubarItemIndicator>
- *           Word Wrap
- *         </MenubarCheckboxItem>
- *       </MenubarContent>
- *     </MenubarPortal>
- *   </MenubarMenu>
- * </Menubar>
+ * <Menubar
+ *   aria-label="Application"
+ *   menus={[
+ *     {
+ *       label: 'File',
+ *       items: [
+ *         { label: 'Save', onSelect: save, shortcut: '⌘S' },
+ *         { type: 'separator' },
+ *         { type: 'submenu', label: 'Share', items: [{ label: 'Email' }] },
+ *       ],
+ *     },
+ *     { label: 'Edit', items: [{ label: 'Undo', shortcut: '⌘Z' }] },
+ *   ]}
+ * />
  * ```
+ *
+ * @example Full manual composition via `MenubarRoot` from `@skdx/react/primitives/menubar`.
  */
 export declare const Menubar: React.ForwardRefExoticComponent<Omit<MenubarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 /**
- * Optional small triangle pointing from a `MenubarContent` panel back at its
- * `MenubarTrigger`. Renders inside the popper-positioned content; place it as
- * a direct child of `MenubarContent`.
+ * Optional small triangle pointing from a menu panel back at its trigger.
+ * Renders inside the popper-positioned content as a direct child of `MenubarContent`.
  *
  * @example
  * ```tsx