@skdx/vue 0.26.0

package/dist/menubar/MenubarCheckboxItem.vue.d.ts

@@ -0,0 +1,44 @@
+/**
+ * A togglable `SkdxMenubarItem`: renders a `<div role="menuitemcheckbox">`
+ * with `aria-checked` and `data-state` of `"checked"` or `"unchecked"`.
+ * Selecting it flips `checked` and keeps the menu open (calls
+ * `event.preventDefault()` internally). Bind the state with `v-model:checked`
+ * (or `@checked-change`), or leave `checked` unbound and let the item track
+ * its own from `defaultChecked`. Pair with a `SkdxMenubarItemIndicator` child
+ * to render a checkmark.
+ */
+type __VLS_Props = {
+    /**
+     * Whether the item currently renders as checked, for controlled usage.
+     * Pair with `v-model:checked` or `@checked-change`.
+     */
+    checked?: boolean;
+    /** Initial checked state, for uncontrolled usage. */
+    defaultChecked?: boolean;
+    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+    "update:checked": (checked: boolean) => any;
+    "checked-change": (checked: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+    "onUpdate:checked"?: ((checked: boolean) => any) | undefined;
+    "onChecked-change"?: ((checked: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    checked: boolean;
+    defaultChecked: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarCheckboxItem.vue.js

@@ -0,0 +1 @@
+import e from"./MenubarCheckboxItem.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/menubar/MenubarCheckboxItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const b=require("../utils/useMenuItem.cjs"),m=require("./context.cjs");let e=require("vue");var C=["aria-checked","data-state"],_=(0,e.defineComponent)({__name:"MenubarCheckboxItem",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["select","update:checked","checked-change"],setup(p,{emit:h}){const o=p,d=h,r=(0,e.inject)(m.MENUBAR_MENU_CONTEXT);if(!r)throw new Error("SkdxMenubarCheckboxItem must be used within SkdxMenubarMenu.");const a=(0,e.ref)(o.defaultChecked),l=(0,e.computed)(()=>o.checked!==void 0),u=(0,e.computed)(()=>l.value?o.checked:a.value),{itemAttrs:v,onItemClick:s,onItemKeydown:i,onItemPointerenter:f,onItemPointerleave:k}=b.useMenuItem({disabled:(0,e.toRef)(o,"disabled"),onSelect:c=>{const t=!u.value;l.value||(a.value=t),d("update:checked",t),d("checked-change",t),d("select",c),c.preventDefault()},onSelected:()=>{r.onClose(),r.triggerRef.value?.focus()},contentRef:r.contentRef});return(0,e.provide)(m.MENUBAR_ITEM_INDICATOR_CONTEXT,u),(c,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-menubar__checkbox-item","data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":u.value,"data-state":u.value?"checked":"unchecked"},(0,e.unref)(v),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(f)&&(0,e.unref)(f)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(k)&&(0,e.unref)(k)(...n))}),[(0,e.renderSlot)(c.$slots,"default")],16,C))}});exports.default=_;

package/dist/menubar/MenubarCheckboxItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useMenuItem as e}from"../utils/useMenuItem.js";import{MENUBAR_ITEM_INDICATOR_CONTEXT as t,MENUBAR_MENU_CONTEXT as a}from"./context.js";import{computed as o,createElementBlock as n,defineComponent as c,inject as d,mergeProps as s,openBlock as r,provide as l,ref as u,renderSlot as i,toRef as m,unref as k}from"vue";var h=["aria-checked","data-state"],f=/* @__PURE__ */c({__name:"MenubarCheckboxItem",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["select","update:checked","checked-change"],setup(c,{emit:f}){const p=c,v=f,b=d(a);if(!b)throw new Error("SkdxMenubarCheckboxItem must be used within SkdxMenubarMenu.");const C=u(p.defaultChecked),I=o(()=>void 0!==p.checked),x=o(()=>I.value?p.checked:C.value),{itemAttrs:M,onItemClick:_,onItemKeydown:E,onItemPointerenter:B,onItemPointerleave:R}=e({disabled:m(p,"disabled"),onSelect:e=>{const t=!x.value;I.value||(C.value=t),v("update:checked",t),v("checked-change",t),v("select",e),e.preventDefault()},onSelected:()=>{b.onClose(),b.triggerRef.value?.focus()},contentRef:b.contentRef});return l(t,x),(e,t)=>(r(),n("div",s({class:"skdx-menubar__checkbox-item","data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":x.value,"data-state":x.value?"checked":"unchecked"},k(M),{onClick:t[0]||(t[0]=(...e)=>k(_)&&k(_)(...e)),onKeydown:t[1]||(t[1]=(...e)=>k(E)&&k(E)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>k(B)&&k(B)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>k(R)&&k(R)(...e))}),[i(e.$slots,"default")],16,h))}});export{f as default};

package/dist/menubar/MenubarContent.vue.cjs

@@ -0,0 +1 @@
+const e=require("./MenubarContent.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/menubar/MenubarContent.vue.d.cts

@@ -0,0 +1,77 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+/**
+ * Popover panel of menu items, positioned relative to its
+ * `SkdxMenubarTrigger` (`side` defaults to `'bottom'`, `align` to `'start'`,
+ * `sideOffset` to `4`), flipping/shifting against `collisionBoundary` when one
+ * is given and the panel's clipping ancestors otherwise. Renders `role="menu"`
+ * with `data-state` of `"open"` or `"closed"`, unmounted (unless `forceMount`)
+ * while closed, plus the measurement custom properties
+ * `--skdx-menubar-available-width` / `-available-height` / `-trigger-width` /
+ * `-transform-origin`, so the panel can be sized and animated from CSS without
+ * measuring anything by hand.
+ * Auto-focuses its first item (or itself) on open. Supports roving,
+ * typeahead arrow-key navigation (vertical) across items; Tab, Escape, and
+ * an outside interaction (pointer-down or focus moving out) close it, unless
+ * `escape-key-down`/`pointer-down-outside`/`focus-outside`/`interact-outside`
+ * call `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the
+ * same event object, so one veto covers both. Must be used inside
+ * `SkdxMenubarMenu`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the panel on. */
+    side?: Side;
+    /** Alignment of the panel relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the panel and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the panel to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors. Use it to keep the panel inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while its menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /** Whether arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    loop: boolean;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarContent.vue.d.ts

@@ -0,0 +1,77 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+/**
+ * Popover panel of menu items, positioned relative to its
+ * `SkdxMenubarTrigger` (`side` defaults to `'bottom'`, `align` to `'start'`,
+ * `sideOffset` to `4`), flipping/shifting against `collisionBoundary` when one
+ * is given and the panel's clipping ancestors otherwise. Renders `role="menu"`
+ * with `data-state` of `"open"` or `"closed"`, unmounted (unless `forceMount`)
+ * while closed, plus the measurement custom properties
+ * `--skdx-menubar-available-width` / `-available-height` / `-trigger-width` /
+ * `-transform-origin`, so the panel can be sized and animated from CSS without
+ * measuring anything by hand.
+ * Auto-focuses its first item (or itself) on open. Supports roving,
+ * typeahead arrow-key navigation (vertical) across items; Tab, Escape, and
+ * an outside interaction (pointer-down or focus moving out) close it, unless
+ * `escape-key-down`/`pointer-down-outside`/`focus-outside`/`interact-outside`
+ * call `event.preventDefault()`. `interact-outside` fires for either kind of
+ * outside interaction, immediately before the specific event and with the
+ * same event object, so one veto covers both. Must be used inside
+ * `SkdxMenubarMenu`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render the panel on. */
+    side?: Side;
+    /** Alignment of the panel relative to the trigger along the chosen side. */
+    align?: Align;
+    /** Distance (px) between the panel and the trigger. */
+    sideOffset?: number;
+    /** Offset (px) along the alignment axis. */
+    alignOffset?: number;
+    /** Whether to flip/shift the panel to stay within the viewport. */
+    avoidCollisions?: boolean;
+    /** Minimum distance (px) kept from the collision boundary. A number applies to every side; an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    /**
+     * Element (or elements) collisions are measured against, instead of the
+     * panel's clipping ancestors. Use it to keep the panel inside a scroll
+     * container or one pane of a split layout rather than the whole viewport.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while its menu is closed, instead of unmounting it. */
+    forceMount?: boolean;
+    /** Whether arrow-key navigation wraps from the last item back to the first. */
+    loop?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    loop: boolean;
+    align: Align;
+    sideOffset: number;
+    alignOffset: number;
+    avoidCollisions: boolean;
+    collisionPadding: number | Partial<Record<PhysicalSide, number>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarContent.vue.js

@@ -0,0 +1 @@
+import e from"./MenubarContent.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/menubar/MenubarContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const w=require("../utils/composeRefs.cjs"),C=require("../utils/useDismiss.cjs"),E=require("../utils/useRovingFocus.cjs"),u=require("../utils/popper.cjs"),b=require("../utils/useFocusFirstItemOnOpen.cjs"),s=require("./context.cjs");let e=require("vue");var O=["id","data-state","data-side","data-align"],M=(0,e.defineComponent)({__name:"MenubarContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(i,{emit:c}){const a=i,n=c,o=(0,e.inject)(s.MENUBAR_MENU_CONTEXT);if(!o)throw new Error("SkdxMenubarContent must be used within SkdxMenubarMenu.");const l=(0,e.inject)(u.POPPER_CONTEXT);if(!l)throw new Error("SkdxMenubarContent must be used within SkdxMenubarMenu.");const r=(0,e.ref)(null),d=(0,e.ref)(null),f=w.composeRefs(r,o.contentRef),p=(0,e.computed)(()=>o.triggerRef.value?.closest('[role="menubar"]')??null),m=E.useRovingFocus({orientation:"vertical",loop:a.loop,itemSelector:s.ITEM_SELECTOR,typeahead:!0});C.useDismiss({enabled:o.open,onEscapeKeyDown:t=>{n("escape-key-down",t),t.defaultPrevented||(o.onClose(),o.triggerRef.value?.focus())},onPointerDownOutside:t=>{n("pointer-down-outside",t),t.defaultPrevented||o.onClose()},onFocusOutside:t=>{n("focus-outside",t),t.defaultPrevented||o.onClose()},onInteractOutside:t=>n("interact-outside",t)},[r,o.triggerRef,p]),b.useFocusFirstItemOnOpen(r,o.open,s.ITEM_SELECTOR);const{style:_,arrowStyle:R,placedSide:g,placedAlign:v}=u.usePopperPosition(l.anchor,r,o.open,()=>({...a,component:"menubar"}),d);(0,e.provide)(u.ARROW_CONTEXT,{style:R,setArrowEl:t=>{d.value=t}});function y(t){m(t),t.key==="Tab"&&(t.preventDefault(),o.onClose(),o.triggerRef.value?.focus())}return(t,q)=>i.forceMount||(0,e.unref)(o).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-menubar__content","data-part":"content",id:(0,e.unref)(o).contentId,ref:(0,e.unref)(f),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":(0,e.unref)(o).open.value?"open":"closed","data-side":(0,e.unref)(g),"data-align":(0,e.unref)(v),style:(0,e.normalizeStyle)((0,e.unref)(_)),onKeydown:y},[(0,e.renderSlot)(t.$slots,"default")],44,O)):(0,e.createCommentVNode)("",!0)}});exports.default=M;

package/dist/menubar/MenubarContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as o}from"../utils/useDismiss.js";import{useRovingFocus as t}from"../utils/useRovingFocus.js";import{ARROW_CONTEXT as n,POPPER_CONTEXT as s,usePopperPosition as a}from"../utils/popper.js";import{useFocusFirstItemOnOpen as r}from"../utils/useFocusFirstItemOnOpen.js";import{ITEM_SELECTOR as i,MENUBAR_MENU_CONTEXT as u}from"./context.js";import{computed as l,createCommentVNode as d,createElementBlock as c,defineComponent as p,inject as f,normalizeStyle as m,openBlock as v,provide as g,ref as y,renderSlot as w,unref as O}from"vue";var b=["id","data-state","data-side","data-align"],C=/* @__PURE__ */p({__name:"MenubarContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(p,{emit:C}){const E=p,R=C,M=f(u);if(!M)throw new Error("SkdxMenubarContent must be used within SkdxMenubarMenu.");const k=f(s);if(!k)throw new Error("SkdxMenubarContent must be used within SkdxMenubarMenu.");const P=y(null),S=y(null),T=e(P,M.contentRef),_=l(()=>M.triggerRef.value?.closest('[role="menubar"]')??null),x=t({orientation:"vertical",loop:E.loop,itemSelector:i,typeahead:!0});o({enabled:M.open,onEscapeKeyDown:e=>{R("escape-key-down",e),e.defaultPrevented||(M.onClose(),M.triggerRef.value?.focus())},onPointerDownOutside:e=>{R("pointer-down-outside",e),e.defaultPrevented||M.onClose()},onFocusOutside:e=>{R("focus-outside",e),e.defaultPrevented||M.onClose()},onInteractOutside:e=>R("interact-outside",e)},[P,M.triggerRef,_]),r(P,M.open,i);const{style:j,arrowStyle:B,placedSide:F,placedAlign:h}=a(k.anchor,P,M.open,()=>({...E,component:"menubar"}),S);function N(e){x(e),"Tab"===e.key&&(e.preventDefault(),M.onClose(),M.triggerRef.value?.focus())}return g(n,{style:B,setArrowEl:e=>{S.value=e}}),(e,o)=>p.forceMount||O(M).open.value?(v(),c("div",{key:0,class:"skdx-menubar__content","data-part":"content",id:O(M).contentId,ref:O(T),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":O(M).open.value?"open":"closed","data-side":O(F),"data-align":O(h),style:m(O(j)),onKeydown:N},[w(e.$slots,"default")],44,b)):d("",!0)}});export{C as default};

package/dist/menubar/MenubarGroup.vue.cjs

@@ -0,0 +1 @@
+const e=require("./MenubarGroup.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/menubar/MenubarGroup.vue.d.cts

@@ -0,0 +1,18 @@
+/**
+ * Grouping wrapper for related `SkdxMenubarItem`s: renders a
+ * `<div role="group">`. Pair with a preceding `SkdxMenubarLabel` to caption
+ * the group.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarGroup.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Grouping wrapper for related `SkdxMenubarItem`s: renders a
+ * `<div role="group">`. Pair with a preceding `SkdxMenubarLabel` to caption
+ * the group.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarGroup.vue.js

@@ -0,0 +1 @@
+import e from"./MenubarGroup.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/menubar/MenubarGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var u={class:"skdx-menubar__group","data-part":"group",role:"group"},t=(0,e.defineComponent)({__name:"MenubarGroup",setup(_){return(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",u,[(0,e.renderSlot)(r.$slots,"default")]))}});exports.default=t;

package/dist/menubar/MenubarGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as o,renderSlot as r}from"vue";var t={class:"skdx-menubar__group","data-part":"group",role:"group"},s=/* @__PURE__ */a({__name:"MenubarGroup",setup:a=>(a,s)=>(o(),e("div",t,[r(a.$slots,"default")]))});export{s as default};

package/dist/menubar/MenubarItem.vue.cjs

@@ -0,0 +1 @@
+const e=require("./MenubarItem.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/menubar/MenubarItem.vue.d.cts

@@ -0,0 +1,28 @@
+/**
+ * A single selectable entry in a `SkdxMenubarContent` panel: renders a
+ * `<div role="menuitem">`. Selecting it (click, or Enter/Space via roving
+ * focus) fires `select`, then closes the menu and refocuses the trigger
+ * unless `event.preventDefault()` was called in a `select` listener.
+ */
+type __VLS_Props = {
+    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarItem.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * A single selectable entry in a `SkdxMenubarContent` panel: renders a
+ * `<div role="menuitem">`. Selecting it (click, or Enter/Space via roving
+ * focus) fires `select`, then closes the menu and refocuses the trigger
+ * unless `event.preventDefault()` was called in a `select` listener.
+ */
+type __VLS_Props = {
+    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarItem.vue.js

@@ -0,0 +1 @@
+import e from"./MenubarItem.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/menubar/MenubarItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const b=require("../utils/useMenuItem.cjs"),c=require("./context.cjs");let e=require("vue");var I=(0,e.defineComponent)({__name:"MenubarItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(m,{emit:d}){const f=m,a=d,r=(0,e.inject)(c.MENUBAR_MENU_CONTEXT);if(!r)throw new Error("SkdxMenubarItem must be used within SkdxMenubarMenu.");const{itemAttrs:p,onItemClick:u,onItemKeydown:s,onItemPointerenter:i,onItemPointerleave:l}=b.useMenuItem({disabled:(0,e.toRef)(f,"disabled"),onSelect:o=>a("select",o),onSelected:()=>{r.onClose(),r.triggerRef.value?.focus()},contentRef:r.contentRef});return(o,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-menubar__item","data-part":"item",role:"menuitem"},(0,e.unref)(p),{onClick:t[0]||(t[0]=(...n)=>(0,e.unref)(u)&&(0,e.unref)(u)(...n)),onKeydown:t[1]||(t[1]=(...n)=>(0,e.unref)(s)&&(0,e.unref)(s)(...n)),onPointerenter:t[2]||(t[2]=(...n)=>(0,e.unref)(i)&&(0,e.unref)(i)(...n)),onPointerleave:t[3]||(t[3]=(...n)=>(0,e.unref)(l)&&(0,e.unref)(l)(...n))}),[(0,e.renderSlot)(o.$slots,"default")],16))}});exports.default=I;

package/dist/menubar/MenubarItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useMenuItem as e}from"../utils/useMenuItem.js";import{MENUBAR_MENU_CONTEXT as t}from"./context.js";import{createElementBlock as n,defineComponent as o,inject as s,mergeProps as r,openBlock as a,renderSlot as m,toRef as i,unref as l}from"vue";var u=/* @__PURE__ */o({__name:"MenubarItem",props:{disabled:{type:Boolean,default:!1}},emits:["select"],setup(o,{emit:u}){const d=o,c=u,f=s(t);if(!f)throw new Error("SkdxMenubarItem must be used within SkdxMenubarMenu.");const{itemAttrs:p,onItemClick:b,onItemKeydown:I,onItemPointerenter:M,onItemPointerleave:k}=e({disabled:i(d,"disabled"),onSelect:e=>c("select",e),onSelected:()=>{f.onClose(),f.triggerRef.value?.focus()},contentRef:f.contentRef});return(e,t)=>(a(),n("div",r({class:"skdx-menubar__item","data-part":"item",role:"menuitem"},l(p),{onClick:t[0]||(t[0]=(...e)=>l(b)&&l(b)(...e)),onKeydown:t[1]||(t[1]=(...e)=>l(I)&&l(I)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>l(M)&&l(M)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>l(k)&&l(k)(...e))}),[m(e.$slots,"default")],16))}});export{u as default};

package/dist/menubar/MenubarItemIndicator.vue.cjs

@@ -0,0 +1 @@
+const e=require("./MenubarItemIndicator.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/menubar/MenubarItemIndicator.vue.d.cts

@@ -0,0 +1,24 @@
+/**
+ * Renders its children (typically a check glyph) only while the enclosing
+ * `SkdxMenubarCheckboxItem` or `SkdxMenubarRadioItem` is checked. Exposes
+ * `data-state` (`checked`/`unchecked`). Mounts only while checked unless
+ * `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Keep this indicator mounted even while unchecked, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarItemIndicator.vue.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Renders its children (typically a check glyph) only while the enclosing
+ * `SkdxMenubarCheckboxItem` or `SkdxMenubarRadioItem` is checked. Exposes
+ * `data-state` (`checked`/`unchecked`). Mounts only while checked unless
+ * `forceMount` is set.
+ */
+type __VLS_Props = {
+    /** Keep this indicator mounted even while unchecked, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarItemIndicator.vue.js

@@ -0,0 +1 @@
+import e from"./MenubarItemIndicator.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/menubar/MenubarItemIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const n=require("./context.cjs");let e=require("vue");var c=["data-state"],o=(0,e.defineComponent)({__name:"MenubarItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=(0,e.inject)(n.MENUBAR_ITEM_INDICATOR_CONTEXT,(0,e.ref)(!1));return(a,u)=>r.forceMount||(0,e.unref)(t)?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-menubar__item-indicator","data-part":"item-indicator","data-state":(0,e.unref)(t)?"checked":"unchecked"},[(0,e.renderSlot)(a.$slots,"default")],8,c)):(0,e.createCommentVNode)("",!0)}});exports.default=o;

package/dist/menubar/MenubarItemIndicator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{MENUBAR_ITEM_INDICATOR_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as o,inject as n,openBlock as r,ref as s,renderSlot as c,unref as d}from"vue";var m=["data-state"],u=/* @__PURE__ */o({__name:"MenubarItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(o){const u=n(e,s(!1));return(e,n)=>o.forceMount||d(u)?(r(),a("span",{key:0,class:"skdx-menubar__item-indicator","data-part":"item-indicator","data-state":d(u)?"checked":"unchecked"},[c(e.$slots,"default")],8,m)):t("",!0)}});export{u as default};

package/dist/menubar/MenubarLabel.vue.cjs

@@ -0,0 +1 @@
+const e=require("./MenubarLabel.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/menubar/MenubarLabel.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Non-interactive heading within a menu, typically preceding a
+ * `SkdxMenubarGroup`. Renders a plain `<div>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarLabel.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Non-interactive heading within a menu, typically preceding a
+ * `SkdxMenubarGroup`. Renders a plain `<div>`.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarLabel.vue.js

@@ -0,0 +1 @@
+import e from"./MenubarLabel.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/menubar/MenubarLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t={class:"skdx-menubar__label","data-part":"label"},r=(0,e.defineComponent)({__name:"MenubarLabel",setup(l){return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",t,[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=r;

package/dist/menubar/MenubarLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as l,renderSlot as t}from"vue";var s={class:"skdx-menubar__label","data-part":"label"},o=/* @__PURE__ */a({__name:"MenubarLabel",setup:a=>(a,o)=>(l(),e("div",s,[t(a.$slots,"default")]))});export{o as default};

package/dist/menubar/MenubarMenu.vue.cjs

@@ -0,0 +1 @@
+const e=require("./MenubarMenu.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/menubar/MenubarMenu.vue.d.cts

@@ -0,0 +1,31 @@
+/**
+ * Groups a single menu's trigger, portal, and content, and provides the
+ * popper anchor context they position against. Renders no DOM of its own —
+ * renders `slot` directly. Must be used inside `SkdxMenubar`.
+ *
+ * The menubar root owns *which* menu is open, so this is where the settled
+ * announcement lives: `open-change-complete` fires once this menu's own change
+ * has finished on screen — after `SkdxMenubarContent`'s enter or exit animation
+ * ends, or in the same task when it declares none. A menu that mounts already
+ * open reports nothing; mounting is not a change.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's open `value`. */
+    value: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarMenu.vue.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Groups a single menu's trigger, portal, and content, and provides the
+ * popper anchor context they position against. Renders no DOM of its own —
+ * renders `slot` directly. Must be used inside `SkdxMenubar`.
+ *
+ * The menubar root owns *which* menu is open, so this is where the settled
+ * announcement lives: `open-change-complete` fires once this menu's own change
+ * has finished on screen — after `SkdxMenubarContent`'s enter or exit animation
+ * ends, or in the same task when it declares none. A menu that mounts already
+ * open reports nothing; mounting is not a change.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's open `value`. */
+    value: string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarMenu.vue.js

@@ -0,0 +1 @@
+import e from"./MenubarMenu.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/menubar/MenubarMenu.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("../utils/useOpenChangeComplete.cjs"),m=require("../utils/PopperRoot.vue.cjs"),o=require("./context.cjs");let e=require("vue");var v=(0,e.defineComponent)({__name:"MenubarMenu",props:{value:{}},emits:["open-change-complete"],setup(c,{emit:p}){const t=c,s=p,n=(0,e.inject)(o.MENUBAR_CONTEXT);if(!n)throw new Error("SkdxMenubarMenu must be used within SkdxMenubar.");const i=(0,e.ref)(null),r=(0,e.ref)(null),l=(0,e.ref)(!1),a=(0,e.computed)(()=>n.value.value===t.value);d.useOpenChangeComplete(a,r,u=>s("open-change-complete",u));function _(){n.onValueChange(t.value)}function f(){l.value=!1,n.onValueChange("")}return(0,e.provide)(o.MENUBAR_MENU_CONTEXT,{get menuValue(){return t.value},triggerRef:i,contentRef:r,contentId:o.nextMenubarContentId(),open:a,openedExplicitlyRef:l,onOpen:_,onClose:f}),(u,C)=>((0,e.openBlock)(),(0,e.createBlock)(m.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"default")]),_:3}))}});exports.default=v;

package/dist/menubar/MenubarMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import n from"../utils/PopperRoot.vue.js";import{MENUBAR_CONTEXT as t,MENUBAR_MENU_CONTEXT as o,nextMenubarContentId as a}from"./context.js";import{computed as u,createBlock as l,defineComponent as r,inject as s,openBlock as p,provide as i,ref as m,renderSlot as c,withCtx as f}from"vue";var d=/* @__PURE__ */r({__name:"MenubarMenu",props:{value:{}},emits:["open-change-complete"],setup(r,{emit:d}){const C=r,v=d,g=s(t);if(!g)throw new Error("SkdxMenubarMenu must be used within SkdxMenubar.");const h=m(null),M=m(null),x=m(!1),E=u(()=>g.value.value===C.value);return e(E,M,e=>v("open-change-complete",e)),i(o,{get menuValue(){return C.value},triggerRef:h,contentRef:M,contentId:a(),open:E,openedExplicitlyRef:x,onOpen:function(){g.onValueChange(C.value)},onClose:function(){x.value=!1,g.onValueChange("")}}),(e,t)=>(p(),l(n,null,{default:f(()=>[c(e.$slots,"default")]),_:3}))}});export{d as default};

package/dist/menubar/MenubarPortal.vue.cjs

@@ -0,0 +1 @@
+const e=require("./MenubarPortal.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/menubar/MenubarPortal.vue.d.cts

@@ -0,0 +1,31 @@
+import type { PortalContainer } from '../utils/portal.cjs';
+/**
+ * Teleports its `SkdxMenubarContent` into `document.body` (or a custom
+ * `container`), so the panel escapes clipping/stacking contexts. Unmounted (unless
+ * `forceMount`) while the menu is closed. Must be used inside
+ * `SkdxMenubarMenu`.
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are rendered into.
+     * @default document.body
+     */
+    container?: PortalContainer;
+    /** Keep the portal mounted even while its menu is closed, instead of unmounting it — useful for exit animations. */
+    forceMount?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+    container: PortalContainer;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};