@skdx/vue 0.27.0 → 0.29.0

package/dist/mentions/context.d.ts

@@ -0,0 +1,165 @@
+import type { InjectionKey, Ref } from 'vue';
+import type { MentionToken, VirtualAnchor } from '../utils/mentions.js';
+/** @internal Selector matching enabled option elements inside the popup. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/** @internal Scrolls an option into view inside the popup only, so floating-ui's first positioning frame cannot scroll the page. */
+export declare function scrollIntoPopup(content: HTMLElement, option: HTMLElement): void;
+/**
+ * How Items are narrowed against the active query — the substring between the
+ * trigger character and the caret, never the whole field value. `'manual'`
+ * narrows nothing; a predicate returns a boolean to filter or a number to rank.
+ */
+export type MentionsFilter = 'manual' | ((itemText: string, query: string) => boolean | number);
+/** Builds the text that replaces the typed token when an item is chosen. */
+export type MentionsSerializer = (item: {
+    /** The Item's `value`, the identifier the entry is known by. */
+    value: string;
+    /** The Item's `textValue`, or the text it rendered. */
+    textValue: string;
+    /** The trigger character of the token being replaced. */
+    trigger: string;
+}) => string;
+/** What kind of interaction drove a value change. */
+export type MentionsChangeReason = 'keyboard' | 'pointer' | 'programmatic';
+/** Why virtual focus moved; `'auto'` covers filtering, re-seeding and `autoHighlight`. */
+export type MentionsHighlightReason = 'keyboard' | 'pointer' | 'auto';
+/** Payload for the `highlight-change` event, naming what moved and why. */
+export interface MentionsHighlightChangeDetail {
+    /** Item value now holding virtual focus, or null when none does. */
+    value: string | null;
+    /** Item value that held it before, or null. */
+    previousValue: string | null;
+    /** What moved the highlight. */
+    reason: MentionsHighlightReason;
+}
+/** The mention an insertion just wrote, and the range of text it replaced. */
+export interface MentionsInsertedMention {
+    /** Trigger character of the token that was replaced. */
+    trigger: string;
+    /** The chosen Item's `value`. */
+    value: string;
+    /** The text `serialize` produced and the field now contains. */
+    text: string;
+    /** Offset of the replaced token's trigger character. */
+    start: number;
+    /** Offset just past the replaced token's query. */
+    end: number;
+}
+/** Payload for the `value-change` event: the whole field text, never the mention alone. */
+export interface MentionsValueChangeDetail {
+    /** The field's full text after the change. */
+    value: string;
+    /** The field's full text before it, or null when there was none. */
+    previousValue: string | null;
+    /** What kind of interaction drove the change. */
+    reason: MentionsChangeReason;
+    /** The mention just inserted, or null for an ordinary keystroke. */
+    mention: MentionsInsertedMention | null;
+}
+/** Payload for the `query-change` event: the token under the caret, or null once none is being typed. */
+export interface MentionsQueryChangeDetail {
+    /** The active trigger character. */
+    trigger: string;
+    /** Text between the trigger character and the caret. */
+    query: string;
+    /** Offset of the trigger character in the field value. */
+    start: number;
+    /** Offset just past the query, which is the caret offset. */
+    end: number;
+}
+/** One mentionable entry for the `options` recipe. */
+export interface MentionsOption {
+    /** Identifier published as data-value and carried on the value-change detail. */
+    value: string;
+    /** Text matched by `filter` and written by the default `serialize`. @default undefined — falls back to `value`. */
+    label?: string;
+    /** Trigger character this entry belongs to. @default undefined — the first configured trigger. */
+    trigger?: string;
+    /** Excludes this entry from insertion and highlight. @default false */
+    disabled?: boolean;
+}
+/** @internal What one registered Item contributes to the root's collection. */
+export interface MentionsItemEntry {
+    /** The Item's `value`. */
+    value: string;
+    /** The Item's `textValue`, or its rendered text. */
+    text: string;
+    /** The trigger character this entry belongs to. */
+    trigger: string;
+}
+/** @internal Shared state the Mentions root provides to its parts. */
+export interface MentionsContext {
+    /** The real `<textarea>`, which keeps DOM focus for the whole interaction. */
+    fieldRef: Ref<HTMLTextAreaElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    /** Content's id, which the field's `aria-controls` names while open. */
+    contentId: string;
+    /** The field's full text. */
+    value: Readonly<Ref<string>>;
+    /** Publishes a new field text, tagged with what drove it and the mention it inserted. */
+    setValue(next: string, reason: MentionsChangeReason, mention: MentionsInsertedMention | null): void;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    /** The token under the caret, or null when no mention is being typed. */
+    token: Readonly<Ref<MentionToken | null>>;
+    /** The trigger character in force: the active token's, or the first configured one. */
+    activeTrigger: Readonly<Ref<string>>;
+    /** The first configured trigger, which an Item declaring none belongs to. */
+    defaultTrigger: Readonly<Ref<string>>;
+    /** Re-derives the token from the field's text and caret, then opens or closes accordingly. */
+    detect(): void;
+    /** Closes the popup for the token being typed, leaving the text and caret untouched. */
+    dismiss(): void;
+    /** Replaces the active token with the serialized mention and puts the caret just past it. */
+    insertItem(value: string, text: string, reason: MentionsChangeReason): void;
+    /** The zero-width rectangle standing on the caret that Content is positioned against; re-measured on every read. */
+    anchor: Readonly<Ref<VirtualAnchor | null>>;
+    activeId: Readonly<Ref<string | null>>;
+    /** Moves virtual focus, tagging the move with what caused it for `highlight-change`. */
+    setActiveId(id: string | null, reason?: MentionsHighlightReason): void;
+    itemCount: Readonly<Ref<number>>;
+    registerItem(id: string, entry: MentionsItemEntry): void;
+    unregisterItem(id: string): void;
+    /** The registered entry behind an option id, for committing the highlighted one. */
+    getItem(id: string): MentionsItemEntry | undefined;
+    /** Whether an entry is an option at all: its trigger matches, and it survives the filter. */
+    isOption(itemText: string, itemTrigger: string): boolean;
+    /** Visible options in traversal order — score-sorted when `filter` ranks, DOM order otherwise. */
+    orderedOptions(): HTMLElement[];
+    /** Whether arrow navigation wraps around the ends of the item list. */
+    loop: boolean;
+    /** Grows the field to fit its content instead of scrolling. */
+    autoResize: boolean;
+    /** The field's opening size and the floor auto-resize will not shrink below. */
+    minRows: number;
+    /** Caps auto-resize growth to this many rows. */
+    maxRows: number | undefined;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+    required: boolean;
+    /** Whether items are in flight, published as `aria-busy` and `data-loading`. */
+    loading: boolean;
+    /** Form field name the full text is submitted under. */
+    name: string | undefined;
+    /** Id of the `<form>` the field submits into. */
+    form: string | undefined;
+}
+/** @internal Injection key the Mentions root provides its shared state under. */
+export declare const MENTIONS_CONTEXT: InjectionKey<MentionsContext>;
+/** @internal Generates a unique id for a Mentions popup. */
+export declare function nextMentionsContentId(): string;
+/** @internal Generates a unique, stable-per-instance id for a MentionsItem. */
+export declare function nextMentionsItemId(): string;
+/** Default `getResultCountLabel`: "1 result available" / "3 results available". */
+export declare function defaultGetResultCountLabel(count: number): string;
+/** Default `serialize`: the trigger character followed by the entry's text, so "@ali" becomes "@Alice". */
+export declare function defaultMentionSerialize(item: {
+    value: string;
+    textValue: string;
+    trigger: string;
+}): string;
+/** Case-insensitive substring match on the query — the default filter for a derived `options` field. */
+export declare function defaultOptionsFilter(text: string, query: string): boolean;
+/** @internal The configured trigger characters, read one character at a time when given as a string. */
+export declare function triggerList(triggers: string | readonly string[]): readonly string[];

package/dist/mentions/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var n='[role="option"]:not([data-disabled])';function e(t,n){const e=t.querySelector('[data-part="viewport"]')??t;if(e===n||!e.contains(n))return;const o=e.getBoundingClientRect(),i=n.getBoundingClientRect();e.scrollTop+=i.top-o.top-(o.height-i.height)/2}var o=/* @__PURE__ */Symbol("skdx-mentions-context");function i(){return t("mentions-content")}function r(){return t("mentions-item")}function s(t){return`${t} result${1===t?"":"s"} available`}function a(t){return`${t.trigger}${t.textValue}`}function u(t,n){return t.toLowerCase().includes(n.trim().toLowerCase())}function l(t){return"string"==typeof t?[...t]:t}export{o as MENTIONS_CONTEXT,n as OPTION_SELECTOR,s as defaultGetResultCountLabel,a as defaultMentionSerialize,u as defaultOptionsFilter,i as nextMentionsContentId,r as nextMentionsItemId,e as scrollIntoPopup,l as triggerList};

package/dist/mentions/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Mentions.vue.cjs");exports.SkdxMentions=e.default;

package/dist/mentions/index.d.cts

@@ -0,0 +1,2 @@
+export { default as SkdxMentions } from './Mentions.vue.cjs';
+export type { MentionsFilter, MentionsHighlightChangeDetail, MentionsHighlightReason, MentionsInsertedMention, MentionsOption, MentionsQueryChangeDetail, MentionsSerializer, MentionsValueChangeDetail, } from './context.cjs';

package/dist/mentions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SkdxMentions } from './Mentions.vue.js';
+export type { MentionsFilter, MentionsHighlightChangeDetail, MentionsHighlightReason, MentionsInsertedMention, MentionsOption, MentionsQueryChangeDetail, MentionsSerializer, MentionsValueChangeDetail, } from './context.js';

package/dist/mentions/index.js

@@ -0,0 +1 @@
+import o from"./Mentions.vue.js";export{o as SkdxMentions};

package/dist/mentions/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MentionsContent.vue.cjs"),t=require("./MentionsEmpty.vue.cjs"),n=require("./MentionsInput.vue.cjs"),r=require("./MentionsItem.vue.cjs"),i=require("./MentionsPortal.vue.cjs"),o=require("./Mentions.vue.cjs");exports.SkdxMentions=o.default;exports.SkdxMentionsContent=e.default;exports.SkdxMentionsEmpty=t.default;exports.SkdxMentionsInput=n.default;exports.SkdxMentionsItem=r.default;exports.SkdxMentionsPortal=i.default;

package/dist/mentions/primitives.d.cts

@@ -0,0 +1,28 @@
+/**
+ * Advanced primitives for `SkdxMentions` — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxMentions, SkdxMentionsContent, SkdxMentionsEmpty, SkdxMentionsInput, SkdxMentionsItem, SkdxMentionsPortal } from '@skdx/vue/primitives/mentions';
+ * </script>
+ *
+ * <template>
+ *   <SkdxMentions v-model:value="text">
+ *     <SkdxMentionsInput aria-label="Message" />
+ *     <SkdxMentionsPortal>
+ *       <SkdxMentionsContent aria-label="People">
+ *         <SkdxMentionsItem value="alice">Alice</SkdxMentionsItem>
+ *         <SkdxMentionsEmpty>No matches</SkdxMentionsEmpty>
+ *       </SkdxMentionsContent>
+ *     </SkdxMentionsPortal>
+ *   </SkdxMentions>
+ * </template>
+ * ```
+ */
+export { default as SkdxMentions } from './Mentions.vue.cjs';
+export { default as SkdxMentionsContent } from './MentionsContent.vue.cjs';
+export { default as SkdxMentionsEmpty } from './MentionsEmpty.vue.cjs';
+export { default as SkdxMentionsInput } from './MentionsInput.vue.cjs';
+export { default as SkdxMentionsItem } from './MentionsItem.vue.cjs';
+export { default as SkdxMentionsPortal } from './MentionsPortal.vue.cjs';

package/dist/mentions/primitives.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Advanced primitives for `SkdxMentions` — the parts the recipe composes.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxMentions, SkdxMentionsContent, SkdxMentionsEmpty, SkdxMentionsInput, SkdxMentionsItem, SkdxMentionsPortal } from '@skdx/vue/primitives/mentions';
+ * </script>
+ *
+ * <template>
+ *   <SkdxMentions v-model:value="text">
+ *     <SkdxMentionsInput aria-label="Message" />
+ *     <SkdxMentionsPortal>
+ *       <SkdxMentionsContent aria-label="People">
+ *         <SkdxMentionsItem value="alice">Alice</SkdxMentionsItem>
+ *         <SkdxMentionsEmpty>No matches</SkdxMentionsEmpty>
+ *       </SkdxMentionsContent>
+ *     </SkdxMentionsPortal>
+ *   </SkdxMentions>
+ * </template>
+ * ```
+ */
+export { default as SkdxMentions } from './Mentions.vue.js';
+export { default as SkdxMentionsContent } from './MentionsContent.vue.js';
+export { default as SkdxMentionsEmpty } from './MentionsEmpty.vue.js';
+export { default as SkdxMentionsInput } from './MentionsInput.vue.js';
+export { default as SkdxMentionsItem } from './MentionsItem.vue.js';
+export { default as SkdxMentionsPortal } from './MentionsPortal.vue.js';

package/dist/mentions/primitives.js

@@ -0,0 +1 @@
+import t from"./MentionsContent.vue.js";import n from"./MentionsEmpty.vue.js";import o from"./MentionsInput.vue.js";import s from"./MentionsItem.vue.js";import e from"./MentionsPortal.vue.js";import i from"./Mentions.vue.js";export{i as SkdxMentions,t as SkdxMentionsContent,n as SkdxMentionsEmpty,o as SkdxMentionsInput,s as SkdxMentionsItem,e as SkdxMentionsPortal};

package/dist/menu/Menu.vue.cjs

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

package/dist/menu/Menu.vue.d.cts

@@ -0,0 +1,104 @@
+import type { Align, Side } from '../utils/popper.cjs';
+import type { MenuEntry, MenuOpenOn, Point } from './types.cjs';
+/**
+ * A WAI-ARIA menu that owns open state and draws its own trigger and panel from `items`, opened by a trigger click or — under `openOn="contextmenu"` — by right-click or long-press.
+ *
+ * @example
+ * ```vue
+ * <SkdxMenu :items="[{ label: 'Cut', onSelect: cut }, { type: 'separator' }]">
+ *   <template #trigger>Options</template>
+ * </SkdxMenu>
+ * ```
+ */
+type __VLS_Props = {
+    /** Whether the menu is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean | undefined;
+    /**
+     * Whether the menu is initially open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Which gesture opens the menu: a click on the derived trigger button, or a right-click/long-press on the derived trigger region.
+     * @default 'click'
+     */
+    openOn?: MenuOpenOn;
+    /**
+     * Viewport coordinates the panel is placed at under `openOn="contextmenu"`, overriding the recorded pointer position.
+     * @default undefined
+     */
+    point?: Point | undefined;
+    /**
+     * Whether the open menu marks outside content inert and locks body scroll.
+     * @default true — false under `openOn="contextmenu"`.
+     */
+    modal?: boolean | undefined;
+    /**
+     * Whether the derived trigger is stood down, which under `openOn="contextmenu"` lets the native browser menu through.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether selecting an item closes the menu.
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /**
+     * The menu's entries; a plain action carries no `type`, other kinds declare one.
+     * @default []
+     */
+    items?: MenuEntry[];
+    /**
+     * Preferred edge of the trigger the derived panel is placed against.
+     * @default 'bottom'
+     */
+    side?: Side;
+    /**
+     * Preferred alignment of the derived panel along `side`.
+     * @default 'start'
+     */
+    align?: Align;
+    /**
+     * Size rung the skin renders the menu panels at, applied to the derived Content and SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    /** The control that opens the menu, rendered inside `SkdxMenuTrigger`. */
+    trigger?(): unknown;
+    /** Body of a derived menu row, for markup an `items` entry's `label` cannot express. */
+    item?(props: {
+        item: MenuEntry;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: MenuEntry) => any;
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (item: MenuEntry) => any;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+}>, {
+    disabled: boolean;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    align: Align;
+    side: Side;
+    items: MenuEntry[];
+    modal: boolean | undefined;
+    closeOnSelect: boolean;
+    openOn: MenuOpenOn;
+    point: Point | 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/menu/Menu.vue.d.ts

@@ -0,0 +1,104 @@
+import type { Align, Side } from '../utils/popper.js';
+import type { MenuEntry, MenuOpenOn, Point } from './types.js';
+/**
+ * A WAI-ARIA menu that owns open state and draws its own trigger and panel from `items`, opened by a trigger click or — under `openOn="contextmenu"` — by right-click or long-press.
+ *
+ * @example
+ * ```vue
+ * <SkdxMenu :items="[{ label: 'Cut', onSelect: cut }, { type: 'separator' }]">
+ *   <template #trigger>Options</template>
+ * </SkdxMenu>
+ * ```
+ */
+type __VLS_Props = {
+    /** Whether the menu is open, for controlled usage. Pair with `v-model:open`. */
+    open?: boolean | undefined;
+    /**
+     * Whether the menu is initially open, for uncontrolled usage.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Which gesture opens the menu: a click on the derived trigger button, or a right-click/long-press on the derived trigger region.
+     * @default 'click'
+     */
+    openOn?: MenuOpenOn;
+    /**
+     * Viewport coordinates the panel is placed at under `openOn="contextmenu"`, overriding the recorded pointer position.
+     * @default undefined
+     */
+    point?: Point | undefined;
+    /**
+     * Whether the open menu marks outside content inert and locks body scroll.
+     * @default true — false under `openOn="contextmenu"`.
+     */
+    modal?: boolean | undefined;
+    /**
+     * Whether the derived trigger is stood down, which under `openOn="contextmenu"` lets the native browser menu through.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether selecting an item closes the menu.
+     * @default true
+     */
+    closeOnSelect?: boolean;
+    /**
+     * The menu's entries; a plain action carries no `type`, other kinds declare one.
+     * @default []
+     */
+    items?: MenuEntry[];
+    /**
+     * Preferred edge of the trigger the derived panel is placed against.
+     * @default 'bottom'
+     */
+    side?: Side;
+    /**
+     * Preferred alignment of the derived panel along `side`.
+     * @default 'start'
+     */
+    align?: Align;
+    /**
+     * Size rung the skin renders the menu panels at, applied to the derived Content and SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    /** The control that opens the menu, rendered inside `SkdxMenuTrigger`. */
+    trigger?(): unknown;
+    /** Body of a derived menu row, for markup an `items` entry's `label` cannot express. */
+    item?(props: {
+        item: MenuEntry;
+    }): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: MenuEntry) => any;
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "open-change-complete": (open: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: (item: MenuEntry) => any;
+    "onUpdate:open"?: (open: boolean) => any;
+    "onOpen-change"?: (open: boolean) => any;
+    "onOpen-change-complete"?: (open: boolean) => any;
+}>, {
+    disabled: boolean;
+    size: "sm" | "lg" | (string & {}) | undefined;
+    open: boolean | undefined;
+    defaultOpen: boolean;
+    align: Align;
+    side: Side;
+    items: MenuEntry[];
+    modal: boolean | undefined;
+    closeOnSelect: boolean;
+    openOn: MenuOpenOn;
+    point: Point | 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/menu/Menu.vue.js

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

package/dist/menu/Menu.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const p=require("./MenuRoot.vue.cjs"),m=require("./MenuAnatomy.vue.cjs");let e=require("vue");var c=(0,e.defineComponent)({inheritAttrs:!1,__name:"Menu",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},openOn:{default:"click"},point:{default:void 0},modal:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:!0},items:{default:()=>[]},side:{default:"bottom"},align:{default:"start"},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","select"],setup(n,{emit:d}){const l=n,i=(0,e.useAttrs)(),u=(0,e.computed)(()=>l.size??i["data-size"]),r=(0,e.computed)(()=>{const{"data-size":s,...o}=i;return o}),a=d;return(s,o)=>((0,e.openBlock)(),(0,e.createBlock)(p.default,{open:n.open,"default-open":n.defaultOpen,"open-on":n.openOn,point:n.point,modal:n.modal,"close-on-select":n.closeOnSelect,"onUpdate:open":o[0]||(o[0]=t=>a("update:open",t)),onOpenChange:o[1]||(o[1]=t=>a("open-change",t)),onOpenChangeComplete:o[2]||(o[2]=t=>a("open-change-complete",t))},{default:(0,e.withCtx)(()=>[(0,e.createVNode)(m.default,(0,e.mergeProps)(r.value,{size:u.value,items:l.items,disabled:l.disabled,side:l.side,align:l.align,"on-item-select":t=>a("select",t)}),(0,e.createSlots)({trigger:(0,e.withCtx)(()=>[(0,e.renderSlot)(s.$slots,"trigger")]),_:2},[s.$slots.item?{name:"item",fn:(0,e.withCtx)(t=>[(0,e.renderSlot)(s.$slots,"item",(0,e.normalizeProps)((0,e.guardReactiveProps)(t)))]),key:"0"}:void 0]),1040,["size","items","disabled","side","align","on-item-select"])]),_:3},8,["open","default-open","open-on","point","modal","close-on-select"]))}});exports.default=c;

package/dist/menu/Menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./MenuRoot.vue.js";import t from"./MenuAnatomy.vue.js";import{computed as o,createBlock as a,createSlots as n,createVNode as s,defineComponent as l,guardReactiveProps as i,mergeProps as p,normalizeProps as d,openBlock as u,renderSlot as m,useAttrs as r,withCtx as c}from"vue";var f=/* @__PURE__ */l({inheritAttrs:!1,__name:"Menu",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},openOn:{default:"click"},point:{default:void 0},modal:{type:Boolean,default:void 0},disabled:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:!0},items:{default:()=>[]},side:{default:"bottom"},align:{default:"start"},size:{default:void 0}},emits:["update:open","open-change","open-change-complete","select"],setup(l,{emit:f}){const g=l,v=r(),h=o(()=>g.size??v["data-size"]),O=o(()=>{const{"data-size":e,...t}=v;return t}),y=f;return(o,r)=>(u(),a(e,{open:l.open,"default-open":l.defaultOpen,"open-on":l.openOn,point:l.point,modal:l.modal,"close-on-select":l.closeOnSelect,"onUpdate:open":r[0]||(r[0]=e=>y("update:open",e)),onOpenChange:r[1]||(r[1]=e=>y("open-change",e)),onOpenChangeComplete:r[2]||(r[2]=e=>y("open-change-complete",e))},{default:c(()=>[s(t,p(O.value,{size:h.value,items:g.items,disabled:g.disabled,side:g.side,align:g.align,"on-item-select":e=>y("select",e)}),n({trigger:c(()=>[m(o.$slots,"trigger")]),_:2},[o.$slots.item?{name:"item",fn:c(e=>[m(o.$slots,"item",d(i(e)))]),key:"0"}:void 0]),1040,["size","items","disabled","side","align","on-item-select"])]),_:3},8,["open","default-open","open-on","point","modal","close-on-select"]))}});export{f as default};

package/dist/menu/MenuAnatomy.vue.cjs

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

package/dist/menu/MenuAnatomy.vue.d.cts

@@ -0,0 +1,32 @@
+import type { Align, Side } from '../utils/popper.cjs';
+import type { MenuEntry } from './types.cjs';
+/**
+ * The anatomy a `SkdxMenu` draws: a trigger slot and a portalled `role="menu"` panel.
+ * @internal
+ */
+type __VLS_Props = {
+    items: MenuEntry[];
+    side: Side;
+    align: Align;
+    disabled?: boolean;
+    onItemSelect?: (item: MenuEntry) => void;
+    /**
+     * Size rung the skin renders the menu panels at, applied to the derived Content and SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    trigger?(): unknown;
+    item?(props: {
+        item: MenuEntry;
+    }): unknown;
+};
+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/menu/MenuAnatomy.vue.d.ts

@@ -0,0 +1,32 @@
+import type { Align, Side } from '../utils/popper.js';
+import type { MenuEntry } from './types.js';
+/**
+ * The anatomy a `SkdxMenu` draws: a trigger slot and a portalled `role="menu"` panel.
+ * @internal
+ */
+type __VLS_Props = {
+    items: MenuEntry[];
+    side: Side;
+    align: Align;
+    disabled?: boolean;
+    onItemSelect?: (item: MenuEntry) => void;
+    /**
+     * Size rung the skin renders the menu panels at, applied to the derived Content and SubContent parts.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
+};
+type __VLS_Slots = {
+    trigger?(): unknown;
+    item?(props: {
+        item: MenuEntry;
+    }): unknown;
+};
+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/menu/MenuAnatomy.vue.js

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

package/dist/menu/MenuAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./MenuContent.vue.cjs"),a=require("./MenuItems.vue.cjs"),u=require("./MenuPortal.vue.cjs"),o=require("./MenuTrigger.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({inheritAttrs:!1,__name:"MenuAnatomy",props:{items:{},side:{},align:{},disabled:{type:Boolean},onItemSelect:{type:Function},size:{}},setup(t){const r=(0,e.useAttrs)(),n=(0,e.computed)(()=>r.id?{"aria-controls":r.id}:{});return(i,m)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(o.default,(0,e.mergeProps)(n.value,{disabled:t.disabled}),{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(i.$slots,"trigger")]),_:3},16,["disabled"]),(0,e.createVNode)(u.default,null,{default:(0,e.withCtx)(()=>[(0,e.createVNode)(l.default,(0,e.mergeProps)(i.$attrs,{side:t.side,align:t.align,size:t.size}),{default:(0,e.withCtx)(()=>[(0,e.createVNode)(a.default,{items:t.items,"on-item-select":t.onItemSelect,size:t.size},(0,e.createSlots)({_:2},[i.$slots.item?{name:"item",fn:(0,e.withCtx)(s=>[(0,e.renderSlot)(i.$slots,"item",(0,e.normalizeProps)((0,e.guardReactiveProps)(s)))]),key:"0"}:void 0]),1032,["items","on-item-select","size"])]),_:3},16,["side","align","size"])]),_:3})],64))}});exports.default=d;

package/dist/menu/MenuAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./MenuContent.vue.js";import t from"./MenuItems.vue.js";import s from"./MenuPortal.vue.js";import i from"./MenuTrigger.vue.js";import{Fragment as a,computed as o,createElementBlock as r,createSlots as n,createVNode as l,defineComponent as m,guardReactiveProps as d,mergeProps as u,normalizeProps as p,openBlock as c,renderSlot as f,useAttrs as g,withCtx as v}from"vue";var z=/* @__PURE__ */m({inheritAttrs:!1,__name:"MenuAnatomy",props:{items:{},side:{},align:{},disabled:{type:Boolean},onItemSelect:{type:Function},size:{}},setup(m){const z=g(),_=o(()=>z.id?{"aria-controls":z.id}:{});return(o,g)=>(c(),r(a,null,[l(i,u(_.value,{disabled:m.disabled}),{default:v(()=>[f(o.$slots,"trigger")]),_:3},16,["disabled"]),l(s,null,{default:v(()=>[l(e,u(o.$attrs,{side:m.side,align:m.align,size:m.size}),{default:v(()=>[l(t,{items:m.items,"on-item-select":m.onItemSelect,size:m.size},n({_:2},[o.$slots.item?{name:"item",fn:v(e=>[f(o.$slots,"item",p(d(e)))]),key:"0"}:void 0]),1032,["items","on-item-select","size"])]),_:3},16,["side","align","size"])]),_:3})],64))}});export{z as default};

package/dist/menu/MenuArrow.vue.cjs

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

package/dist/menu/MenuArrow.vue.d.cts

@@ -0,0 +1,14 @@
+/** Optional visual arrow pointing back at the trigger; self-positions based on resolved `side`. */
+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/menu/MenuArrow.vue.d.ts

@@ -0,0 +1,14 @@
+/** Optional visual arrow pointing back at the trigger; self-positions based on resolved `side`. */
+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/menu/MenuArrow.vue.js

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

package/dist/menu/MenuArrow.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("../utils/injectRequired.cjs"),l=require("../utils/popper.cjs"),s=require("../utils/menuSub.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"MenuArrow",setup(_){const t=s.useMenuFamily(),r=o.injectRequired(l.ARROW_CONTEXT,"SkdxMenuArrow must be used within SkdxMenuContent."),n=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setArrowEl(n.value)),(0,e.onBeforeUnmount)(()=>r.setArrowEl(null)),(u,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{ref_key:"elRef",ref:n,class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(t)}__arrow`),"data-part":"arrow",style:(0,e.normalizeStyle)((0,e.unref)(r).style.value)},[(0,e.renderSlot)(u.$slots,"default")],6))}});exports.default=a;

package/dist/menu/MenuArrow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{ARROW_CONTEXT as r}from"../utils/popper.js";import{useMenuFamily as s}from"../utils/menuSub.js";import{createElementBlock as t,defineComponent as a,normalizeClass as o,normalizeStyle as n,onBeforeUnmount as l,onMounted as u,openBlock as i,ref as m,renderSlot as f,unref as p}from"vue";var d=/* @__PURE__ */a({__name:"MenuArrow",setup(a){const d=s(),c=e(r,"SkdxMenuArrow must be used within SkdxMenuContent."),w=m(null);return u(()=>c.setArrowEl(w.value)),l(()=>c.setArrowEl(null)),(e,r)=>(i(),t("span",{ref_key:"elRef",ref:w,class:o(`skdx-${p(d)}__arrow`),"data-part":"arrow",style:n(p(c).style.value)},[f(e.$slots,"default")],6))}});export{d as default};

package/dist/menu/MenuCheckboxItem.vue.cjs

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