npm - @skdx/vue - Versions diffs - 0.26.0 - Mend

@skdx/vue 0.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3413) hide show

package/dist/multi-select/MultiSelectTagList.vue.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+/**
+ * The strip of tags standing for an `SkdxMultiSelect`'s current selection.
+ *
+ * This *is* an `SkdxTagGroup` — not a copy of one. That buys the whole
+ * roving-tabindex behaviour for free: the entire strip is a single Tab stop, the
+ * arrow keys (plus `Home`/`End`) move between tags, and removing a tag hands
+ * focus to its neighbour rather than dropping it on `<body>`. Reimplementing
+ * that here would have been the second copy of the hardest keyboard code in the
+ * package.
+ *
+ * Renders `<div role="list">`, so it needs an `aria-label` saying what the tags
+ * are — `role="list"` has no implicit accessible name. `disabled` comes from the
+ * `SkdxMultiSelect` root (its `disabled` *or* its `readOnly`, since neither may
+ * remove a tag) rather than being settable here. Must be used inside
+ * `SkdxMultiSelect`.
+ */
+type __VLS_Props = {
+    /**
+     * Layout axis, exposed as `data-orientation` and used to pick Arrow
+     * Left/Right vs. Arrow Up/Down.
+     * @default 'horizontal' — tags sit in a row, so the horizontal arrows move between them.
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether arrow-key navigation wraps from the last tag back to the first,
+     * and vice versa.
+     * @default true — arrowing past the end lands on the first tag rather than stopping.
+     */
+    loop?: 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<{}>, {
+    orientation: "horizontal" | "vertical";
+    loop: 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/multi-select/MultiSelectTagList.vue.js ADDED Viewed

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

package/dist/multi-select/MultiSelectTagList.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const r=require("../tag-group/TagGroup.vue.cjs"),i=require("./context.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"MultiSelectTagList",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0}},setup(l){const t=(0,e.inject)(i.MULTI_SELECT_CONTEXT);if(!t)throw new Error("SkdxMultiSelectTagList must be used within SkdxMultiSelect.");return(o,u)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{class:"skdx-multi-select__tag-list","data-part":"tag-list",orientation:l.orientation,loop:l.loop,disabled:(0,e.unref)(t).disabled||(0,e.unref)(t).readOnly},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(o.$slots,"default")]),_:3},8,["orientation","loop","disabled"]))}});exports.default=a;

package/dist/multi-select/MultiSelectTagList.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import t from"../tag-group/TagGroup.vue.js";import{MULTI_SELECT_CONTEXT as e}from"./context.js";import{createBlock as o,defineComponent as a,inject as l,openBlock as i,renderSlot as s,unref as r,withCtx as n}from"vue";var d=/* @__PURE__ */a({__name:"MultiSelectTagList",props:{orientation:{default:"horizontal"},loop:{type:Boolean,default:!0}},setup(a){const d=l(e);if(!d)throw new Error("SkdxMultiSelectTagList must be used within SkdxMultiSelect.");return(e,l)=>(i(),o(t,{class:"skdx-multi-select__tag-list","data-part":"tag-list",orientation:a.orientation,loop:a.loop,disabled:r(d).disabled||r(d).readOnly},{default:n(()=>[s(e.$slots,"default")]),_:3},8,["orientation","loop","disabled"]))}});export{d as default};

package/dist/multi-select/MultiSelectTagRemove.vue.cjs ADDED Viewed

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

package/dist/multi-select/MultiSelectTagRemove.vue.d.cts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * Removes its parent `SkdxMultiSelectTag`'s value from the selection on click. An
+ * `SkdxTagDelete` under a name that fits the family, so consumers import one
+ * family rather than two.
+ *
+ * Named `Remove <value>` from the tag it sits in, disabled whenever the root is
+ * `disabled` or `readOnly`, and deliberately **not** a Tab stop: the tag list has
+ * one, and the keyboard path to removal is `Delete`/`Backspace` on the tag
+ * itself. Tabbing through every tag *and* every remove button is exactly what
+ * the roving tab stop exists to avoid. Must be used inside `SkdxMultiSelectTag`.
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/multi-select/MultiSelectTagRemove.vue.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+/**
+ * Removes its parent `SkdxMultiSelectTag`'s value from the selection on click. An
+ * `SkdxTagDelete` under a name that fits the family, so consumers import one
+ * family rather than two.
+ *
+ * Named `Remove <value>` from the tag it sits in, disabled whenever the root is
+ * `disabled` or `readOnly`, and deliberately **not** a Tab stop: the tag list has
+ * one, and the keyboard path to removal is `Delete`/`Backspace` on the tag
+ * itself. Tabbing through every tag *and* every remove button is exactly what
+ * the roving tab stop exists to avoid. Must be used inside `SkdxMultiSelectTag`.
+ */
+type __VLS_Props = {};
+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<{}>, {}, {}, {}, {}, 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/multi-select/MultiSelectTagRemove.vue.js ADDED Viewed

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

package/dist/multi-select/MultiSelectTagRemove.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

	@@ -0,0 +1 @@
1	+ const r=require("../tag/TagDelete.vue.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"MultiSelectTagRemove",setup(l){return(t,u)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{class:"skdx-multi-select__tag-remove","data-part":"tag-remove"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(t.$slots,"default")]),_:3}))}});exports.default=a;

package/dist/multi-select/MultiSelectTagRemove.vue_vue_type_script_setup_true_lang.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import e from"../tag/TagDelete.vue.js";import{createBlock as t,defineComponent as a,openBlock as o,renderSlot as s,withCtx as l}from"vue";var r=/* @__PURE__ */a({__name:"MultiSelectTagRemove",setup:a=>(a,r)=>(o(),t(e,{class:"skdx-multi-select__tag-remove","data-part":"tag-remove"},{default:l(()=>[s(a.$slots,"default")]),_:3}))});export{r as default};

package/dist/multi-select/context.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const t=require("../utils/id.cjs");var l='[role="option"]:not([data-disabled])',n=Symbol("skdx-multi-select-context");function i(){return t.nextId("multi-select-list")}function u(){return t.nextId("multi-select-item")}function c(e){return e===0?"none selected":`${e} selected`}exports.MULTI_SELECT_CONTEXT=n;exports.OPTION_SELECTOR=l;exports.defaultGetSelectionLabel=c;exports.nextMultiSelectItemId=u;exports.nextMultiSelectListId=i;

package/dist/multi-select/context.d.cts ADDED Viewed

@@ -0,0 +1,68 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled (non-disabled) listbox option elements for keyboard navigation. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/**
+ * Decides which `SkdxMultiSelectItem`s survive the current draft text.
+ * `undefined` filters nothing — the consumer renders only the options that
+ * match, which is what an async or server-side search needs.
+ */
+export type MultiSelectFilter = (itemText: string, inputValue: string) => boolean;
+/** @internal What one registered `SkdxMultiSelectItem` contributes to the root's collection. */
+export interface MultiSelectItemEntry {
+    /** Identifier added to (or removed from) the root's selection when this option is chosen. */
+    value: string;
+    /** The item's `textValue`, or its rendered text — matched by `filter`, and shown by a tag when none is given. */
+    text: string;
+}
+/** @internal Shared state distributed from `SkdxMultiSelect` to its parts via provide/inject. */
+export interface MultiSelectContext {
+    inputRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    /** Id of `SkdxMultiSelectList`, referenced by the input's `aria-controls`. */
+    listId: string;
+    /** Every selected value, in selection order — the same array `SkdxMultiSelectTagList` renders. */
+    value: Readonly<Ref<string[]>>;
+    /** Whether one option value is currently selected. */
+    isSelected(value: string): boolean;
+    /** Toggles an option within the selection, honouring `max` and `closeOnSelect`. */
+    toggle(value: string): void;
+    /** Removes one value from the selection — what a tag's remove button and Backspace both call. */
+    deselect(value: string): void;
+    /** Removes the last selected value; Backspace on an empty input. */
+    removeLast(): void;
+    /** Whether the selection has reached `max`, so unselected options are inert. */
+    atMax: Readonly<Ref<boolean>>;
+    inputValue: Readonly<Ref<string>>;
+    onInputValueChange(value: string): void;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    activeId: Readonly<Ref<string | null>>;
+    setActiveId(id: string | null): void;
+    /** Opens the popup and, once its options are mounted, highlights the first (or last) one. */
+    openWithHighlight(edge: 'first' | 'last'): void;
+    itemCount: Readonly<Ref<number>>;
+    registerItem(id: string, entry: MultiSelectItemEntry): void;
+    unregisterItem(id: string): void;
+    /** The registered entry behind an option id, for toggling the virtually-focused option. */
+    getItem(id: string): MultiSelectItemEntry | undefined;
+    /** Whether an item with this text survives the current `filter` and draft text. */
+    matchesFilter(itemText: string): boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+}
+/** @internal Injection key the MultiSelect root provides so its TagList, Input, Content, List and Items share the selection, draft text, open and active-item state. */
+export declare const MULTI_SELECT_CONTEXT: InjectionKey<MultiSelectContext>;
+/** @internal Generates a unique id for a MultiSelect's list, for the input's `aria-controls`. */
+export declare function nextMultiSelectListId(): string;
+/** @internal Generates a unique, stable-per-instance id for a MultiSelectItem. */
+export declare function nextMultiSelectItemId(): string;
+/**
+ * @internal Default `getSelectionLabel`: `"2 selected"`, or `"none selected"`
+ * at zero.
+ *
+ * Lives here rather than in `MultiSelect.vue` because `withDefaults(defineProps())`
+ * is hoisted out of `setup()`, so it cannot reference a binding declared
+ * locally in the same `<script setup>` — only an imported one.
+ */
+export declare function defaultGetSelectionLabel(count: number): string;

package/dist/multi-select/context.d.ts ADDED Viewed

@@ -0,0 +1,68 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal CSS selector matching enabled (non-disabled) listbox option elements for keyboard navigation. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/**
+ * Decides which `SkdxMultiSelectItem`s survive the current draft text.
+ * `undefined` filters nothing — the consumer renders only the options that
+ * match, which is what an async or server-side search needs.
+ */
+export type MultiSelectFilter = (itemText: string, inputValue: string) => boolean;
+/** @internal What one registered `SkdxMultiSelectItem` contributes to the root's collection. */
+export interface MultiSelectItemEntry {
+    /** Identifier added to (or removed from) the root's selection when this option is chosen. */
+    value: string;
+    /** The item's `textValue`, or its rendered text — matched by `filter`, and shown by a tag when none is given. */
+    text: string;
+}
+/** @internal Shared state distributed from `SkdxMultiSelect` to its parts via provide/inject. */
+export interface MultiSelectContext {
+    inputRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    /** Id of `SkdxMultiSelectList`, referenced by the input's `aria-controls`. */
+    listId: string;
+    /** Every selected value, in selection order — the same array `SkdxMultiSelectTagList` renders. */
+    value: Readonly<Ref<string[]>>;
+    /** Whether one option value is currently selected. */
+    isSelected(value: string): boolean;
+    /** Toggles an option within the selection, honouring `max` and `closeOnSelect`. */
+    toggle(value: string): void;
+    /** Removes one value from the selection — what a tag's remove button and Backspace both call. */
+    deselect(value: string): void;
+    /** Removes the last selected value; Backspace on an empty input. */
+    removeLast(): void;
+    /** Whether the selection has reached `max`, so unselected options are inert. */
+    atMax: Readonly<Ref<boolean>>;
+    inputValue: Readonly<Ref<string>>;
+    onInputValueChange(value: string): void;
+    open: Readonly<Ref<boolean>>;
+    setOpen(open: boolean): void;
+    activeId: Readonly<Ref<string | null>>;
+    setActiveId(id: string | null): void;
+    /** Opens the popup and, once its options are mounted, highlights the first (or last) one. */
+    openWithHighlight(edge: 'first' | 'last'): void;
+    itemCount: Readonly<Ref<number>>;
+    registerItem(id: string, entry: MultiSelectItemEntry): void;
+    unregisterItem(id: string): void;
+    /** The registered entry behind an option id, for toggling the virtually-focused option. */
+    getItem(id: string): MultiSelectItemEntry | undefined;
+    /** Whether an item with this text survives the current `filter` and draft text. */
+    matchesFilter(itemText: string): boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    invalid: boolean;
+}
+/** @internal Injection key the MultiSelect root provides so its TagList, Input, Content, List and Items share the selection, draft text, open and active-item state. */
+export declare const MULTI_SELECT_CONTEXT: InjectionKey<MultiSelectContext>;
+/** @internal Generates a unique id for a MultiSelect's list, for the input's `aria-controls`. */
+export declare function nextMultiSelectListId(): string;
+/** @internal Generates a unique, stable-per-instance id for a MultiSelectItem. */
+export declare function nextMultiSelectItemId(): string;
+/**
+ * @internal Default `getSelectionLabel`: `"2 selected"`, or `"none selected"`
+ * at zero.
+ *
+ * Lives here rather than in `MultiSelect.vue` because `withDefaults(defineProps())`
+ * is hoisted out of `setup()`, so it cannot reference a binding declared
+ * locally in the same `<script setup>` — only an imported one.
+ */
+export declare function defaultGetSelectionLabel(count: number): string;

package/dist/multi-select/context.js ADDED Viewed

@@ -0,0 +1 @@

+ import{nextId as t}from"../utils/id.js";var e='[role="option"]:not([data-disabled])',l=/* @__PURE__ */Symbol("skdx-multi-select-context");function n(){return t("multi-select-list")}function i(){return t("multi-select-item")}function s(t){return 0===t?"none selected":`${t} selected`}export{l as MULTI_SELECT_CONTEXT,e as OPTION_SELECTOR,s as defaultGetSelectionLabel,i as nextMultiSelectItemId,n as nextMultiSelectListId};

package/dist/multi-select/index.cjs ADDED Viewed

@@ -0,0 +1 @@

+ Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./MultiSelect.vue.cjs"),t=require("./MultiSelectInput.vue.cjs"),l=require("./MultiSelectTagList.vue.cjs"),u=require("./MultiSelectTag.vue.cjs"),i=require("./MultiSelectTagRemove.vue.cjs"),r=require("./MultiSelectPortal.vue.cjs"),S=require("./MultiSelectContent.vue.cjs"),c=require("./MultiSelectList.vue.cjs"),d=require("./MultiSelectItem.vue.cjs");exports.SkdxMultiSelect=e.default;exports.SkdxMultiSelectContent=S.default;exports.SkdxMultiSelectInput=t.default;exports.SkdxMultiSelectItem=d.default;exports.SkdxMultiSelectList=c.default;exports.SkdxMultiSelectPortal=r.default;exports.SkdxMultiSelectTag=u.default;exports.SkdxMultiSelectTagList=l.default;exports.SkdxMultiSelectTagRemove=i.default;

package/dist/multi-select/index.d.cts ADDED Viewed

@@ -0,0 +1,10 @@
+export { default as SkdxMultiSelect } from './MultiSelect.vue.cjs';
+export { default as SkdxMultiSelectInput } from './MultiSelectInput.vue.cjs';
+export { default as SkdxMultiSelectTagList } from './MultiSelectTagList.vue.cjs';
+export { default as SkdxMultiSelectTag } from './MultiSelectTag.vue.cjs';
+export { default as SkdxMultiSelectTagRemove } from './MultiSelectTagRemove.vue.cjs';
+export { default as SkdxMultiSelectPortal } from './MultiSelectPortal.vue.cjs';
+export { default as SkdxMultiSelectContent } from './MultiSelectContent.vue.cjs';
+export { default as SkdxMultiSelectList } from './MultiSelectList.vue.cjs';
+export { default as SkdxMultiSelectItem } from './MultiSelectItem.vue.cjs';
+export type { MultiSelectFilter } from './context.cjs';

package/dist/multi-select/index.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+export { default as SkdxMultiSelect } from './MultiSelect.vue.js';
+export { default as SkdxMultiSelectInput } from './MultiSelectInput.vue.js';
+export { default as SkdxMultiSelectTagList } from './MultiSelectTagList.vue.js';
+export { default as SkdxMultiSelectTag } from './MultiSelectTag.vue.js';
+export { default as SkdxMultiSelectTagRemove } from './MultiSelectTagRemove.vue.js';
+export { default as SkdxMultiSelectPortal } from './MultiSelectPortal.vue.js';
+export { default as SkdxMultiSelectContent } from './MultiSelectContent.vue.js';
+export { default as SkdxMultiSelectList } from './MultiSelectList.vue.js';
+export { default as SkdxMultiSelectItem } from './MultiSelectItem.vue.js';
+export type { MultiSelectFilter } from './context.js';

package/dist/multi-select/index.js ADDED Viewed

@@ -0,0 +1 @@

+ import t from"./MultiSelect.vue.js";import e from"./MultiSelectInput.vue.js";import l from"./MultiSelectTagList.vue.js";import i from"./MultiSelectTag.vue.js";import u from"./MultiSelectTagRemove.vue.js";import S from"./MultiSelectPortal.vue.js";import o from"./MultiSelectContent.vue.js";import m from"./MultiSelectList.vue.js";import s from"./MultiSelectItem.vue.js";export{t as SkdxMultiSelect,o as SkdxMultiSelectContent,e as SkdxMultiSelectInput,s as SkdxMultiSelectItem,m as SkdxMultiSelectList,S as SkdxMultiSelectPortal,i as SkdxMultiSelectTag,l as SkdxMultiSelectTagList,u as SkdxMultiSelectTagRemove};

package/dist/navigation-menu/NavigationMenu.vue.cjs ADDED Viewed

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

package/dist/navigation-menu/NavigationMenu.vue.d.cts ADDED Viewed

@@ -0,0 +1,45 @@
+/**
+ * The Vue implementation of the shared NavigationMenu contract (see
+ * `@skdx/shared`'s `navigationMenuContract`). Owns which item's content is
+ * open and `provide()`s hover-intent timers to `SkdxNavigationMenuItem` /
+ * `SkdxNavigationMenuTrigger` / `SkdxNavigationMenuContent`. Renders `<nav>`
+ * labelled "Main" by default (overridable via attribute fallthrough).
+ *
+ * Opening a trigger is delayed by `delayDuration` on first hover, but once
+ * one item is open, moving to a sibling trigger within `skipDelayDuration`
+ * of closing switches instantly. Works controlled (`v-model:value`) or
+ * uncontrolled (`default-value`).
+ */
+type __VLS_Props = {
+    /** Value of the currently open item, for controlled usage via `v-model:value`. */
+    value?: string;
+    /** Initially open item's value, for uncontrolled usage. */
+    defaultValue?: string;
+    /** Delay before hovering a trigger opens its content (ms). */
+    delayDuration?: number;
+    /** Window after closing during which re-hovering a sibling trigger opens instantly (ms). */
+    skipDelayDuration?: number;
+};
+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, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onValue-change"?: ((value: string) => any) | undefined;
+}>, {
+    value: string;
+    defaultValue: string;
+    delayDuration: number;
+    skipDelayDuration: 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/navigation-menu/NavigationMenu.vue.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+/**
+ * The Vue implementation of the shared NavigationMenu contract (see
+ * `@skdx/shared`'s `navigationMenuContract`). Owns which item's content is
+ * open and `provide()`s hover-intent timers to `SkdxNavigationMenuItem` /
+ * `SkdxNavigationMenuTrigger` / `SkdxNavigationMenuContent`. Renders `<nav>`
+ * labelled "Main" by default (overridable via attribute fallthrough).
+ *
+ * Opening a trigger is delayed by `delayDuration` on first hover, but once
+ * one item is open, moving to a sibling trigger within `skipDelayDuration`
+ * of closing switches instantly. Works controlled (`v-model:value`) or
+ * uncontrolled (`default-value`).
+ */
+type __VLS_Props = {
+    /** Value of the currently open item, for controlled usage via `v-model:value`. */
+    value?: string;
+    /** Initially open item's value, for uncontrolled usage. */
+    defaultValue?: string;
+    /** Delay before hovering a trigger opens its content (ms). */
+    delayDuration?: number;
+    /** Window after closing during which re-hovering a sibling trigger opens instantly (ms). */
+    skipDelayDuration?: number;
+};
+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, {
+    "update:value": (value: string) => any;
+    "value-change": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    "onValue-change"?: ((value: string) => any) | undefined;
+}>, {
+    value: string;
+    defaultValue: string;
+    delayDuration: number;
+    skipDelayDuration: 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/navigation-menu/NavigationMenu.vue.js ADDED Viewed

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

package/dist/navigation-menu/NavigationMenu.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const _=require("./context.cjs");let t=require("vue");var g={class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","aria-label":"Main"},D=150,C=(0,t.defineComponent)({__name:"NavigationMenu",props:{value:{default:void 0},defaultValue:{default:""},delayDuration:{default:200},skipDelayDuration:{default:300}},emits:["update:value","value-change"],setup(s,{emit:w}){const a=s,r=w,d=(0,t.ref)(a.defaultValue),m=(0,t.computed)(()=>a.value??d.value);let u=!0,n=0,o=0,l=0;function i(e){a.value===void 0&&(d.value=e),window.clearTimeout(l),e?u=!1:l=window.setTimeout(()=>{u=!0},a.skipDelayDuration),r("update:value",e),r("value-change",e)}(0,t.onBeforeUnmount)(()=>{window.clearTimeout(n),window.clearTimeout(o),window.clearTimeout(l)});function v(e){window.clearTimeout(o),window.clearTimeout(n),u?n=window.setTimeout(()=>i(e),a.delayDuration):i(e)}function c(){window.clearTimeout(n),window.clearTimeout(o),o=window.setTimeout(()=>i(""),D)}function T(){window.clearTimeout(o)}function f(e){window.clearTimeout(n),window.clearTimeout(o),i(e)}function p(){window.clearTimeout(n),window.clearTimeout(o),i("")}return(0,t.provide)(_.NAVIGATION_MENU_CONTEXT,{value:m,onTriggerEnter:v,onTriggerLeave:c,onContentEnter:T,onContentLeave:c,onItemSelect:f,onClose:p}),(e,k)=>((0,t.openBlock)(),(0,t.createElementBlock)("nav",g,[(0,t.renderSlot)(e.$slots,"default")]))}});exports.default=C;

package/dist/navigation-menu/NavigationMenu.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import{NAVIGATION_MENU_CONTEXT as e}from"./context.js";import{computed as o,createElementBlock as a,defineComponent as t,onBeforeUnmount as n,openBlock as i,provide as u,ref as l,renderSlot as r}from"vue";var d={class:"skdx-navigation-menu","data-part":"root","data-skdx-component":"navigation-menu","aria-label":"Main"},w=/* @__PURE__ */t({__name:"NavigationMenu",props:{value:{default:void 0},defaultValue:{default:""},delayDuration:{default:200},skipDelayDuration:{default:300}},emits:["update:value","value-change"],setup(t,{emit:w}){const m=t,c=w,s=l(m.defaultValue),v=o(()=>m.value??s.value);let T=!0,f=0,p=0,g=0;function k(e){void 0===m.value&&(s.value=e),window.clearTimeout(g),e?T=!1:g=window.setTimeout(()=>{T=!0},m.skipDelayDuration),c("update:value",e),c("value-change",e)}function D(){window.clearTimeout(f),window.clearTimeout(p),p=window.setTimeout(()=>k(""),150)}return n(()=>{window.clearTimeout(f),window.clearTimeout(p),window.clearTimeout(g)}),u(e,{value:v,onTriggerEnter:function(e){window.clearTimeout(p),window.clearTimeout(f),T?f=window.setTimeout(()=>k(e),m.delayDuration):k(e)},onTriggerLeave:D,onContentEnter:function(){window.clearTimeout(p)},onContentLeave:D,onItemSelect:function(e){window.clearTimeout(f),window.clearTimeout(p),k(e)},onClose:function(){window.clearTimeout(f),window.clearTimeout(p),k("")}}),(e,o)=>(i(),a("nav",d,[r(e.$slots,"default")]))}});export{w as default};

package/dist/navigation-menu/NavigationMenuContent.vue.cjs ADDED Viewed

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

package/dist/navigation-menu/NavigationMenuContent.vue.d.cts ADDED Viewed

@@ -0,0 +1,29 @@
+/**
+ * Content panel revealed by a `SkdxNavigationMenuTrigger`: renders
+ * `<div role="region">` labelled by the trigger's id, with `data-state`,
+ * unmounted (unless `forceMount`) while closed. Pointer-enter cancels the
+ * root's close timer, pointer-leave restarts it, and Escape closes the menu
+ * and refocuses the trigger. Also dismisses on outside pointerdown — the
+ * same `document`-level listener pattern used by
+ * `packages/vue/src/select/SelectContent.vue`, covering keyboard focus
+ * moving elsewhere and clicks that never crossed the trigger/content
+ * boundary (so no pointerleave ever fired).
+ */
+type __VLS_Props = {
+    /** Keep this panel mounted even while inactive, 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/navigation-menu/NavigationMenuContent.vue.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+/**
+ * Content panel revealed by a `SkdxNavigationMenuTrigger`: renders
+ * `<div role="region">` labelled by the trigger's id, with `data-state`,
+ * unmounted (unless `forceMount`) while closed. Pointer-enter cancels the
+ * root's close timer, pointer-leave restarts it, and Escape closes the menu
+ * and refocuses the trigger. Also dismisses on outside pointerdown — the
+ * same `document`-level listener pattern used by
+ * `packages/vue/src/select/SelectContent.vue`, covering keyboard focus
+ * moving elsewhere and clicks that never crossed the trigger/content
+ * boundary (so no pointerleave ever fired).
+ */
+type __VLS_Props = {
+    /** Keep this panel mounted even while inactive, 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/navigation-menu/NavigationMenuContent.vue.js ADDED Viewed

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

package/dist/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const l=require("./context.cjs");let e=require("vue");var f=["id","aria-labelledby","data-state"],v=(0,e.defineComponent)({__name:"NavigationMenuContent",props:{forceMount:{type:Boolean,default:!1}},setup(s){const n=(0,e.inject)(l.NAVIGATION_MENU_CONTEXT),o=(0,e.inject)(l.NAVIGATION_MENU_ITEM_CONTEXT);if(!n||!o)throw new Error("<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>.");const a=(0,e.computed)(()=>n.value.value===o.value),i=(0,e.ref)(null);function d(r){if(!a.value)return;const t=r.target,u=document.getElementById(o.triggerId);i.value?.contains(t)||u?.contains(t)||n.onClose()}typeof document<"u"&&(document.addEventListener("pointerdown",d),(0,e.onBeforeUnmount)(()=>document.removeEventListener("pointerdown",d)));function c(r){r.key==="Escape"&&(n.onClose(),document.getElementById(o.triggerId)?.focus())}return(r,t)=>s.forceMount||a.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-navigation-menu__content","data-part":"content",ref_key:"contentRef",ref:i,role:"region",id:(0,e.unref)(o).contentId,"aria-labelledby":(0,e.unref)(o).triggerId,"data-state":a.value?"open":"closed",onPointerenter:t[0]||(t[0]=(...u)=>(0,e.unref)(n).onContentEnter&&(0,e.unref)(n).onContentEnter(...u)),onPointerleave:t[1]||(t[1]=(...u)=>(0,e.unref)(n).onContentLeave&&(0,e.unref)(n).onContentLeave(...u)),onKeydown:c},[(0,e.renderSlot)(r.$slots,"default")],40,f)):(0,e.createCommentVNode)("",!0)}});exports.default=v;

package/dist/navigation-menu/NavigationMenuContent.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import{NAVIGATION_MENU_CONTEXT as e,NAVIGATION_MENU_ITEM_CONTEXT as n}from"./context.js";import{computed as t,createCommentVNode as o,createElementBlock as a,defineComponent as r,inject as s,onBeforeUnmount as d,openBlock as i,ref as u,renderSlot as l,unref as c}from"vue";var m=["id","aria-labelledby","data-state"],f=/* @__PURE__ */r({__name:"NavigationMenuContent",props:{forceMount:{type:Boolean,default:!1}},setup(r){const f=s(e),v=s(n);if(!f||!v)throw new Error("<SkdxNavigationMenuContent> must be used inside <SkdxNavigationMenuItem>.");const p=t(()=>f.value.value===v.value),g=u(null);function E(e){if(!p.value)return;const n=e.target,t=document.getElementById(v.triggerId);g.value?.contains(n)||t?.contains(n)||f.onClose()}function C(e){"Escape"===e.key&&(f.onClose(),document.getElementById(v.triggerId)?.focus())}return typeof document<"u"&&(document.addEventListener("pointerdown",E),d(()=>document.removeEventListener("pointerdown",E))),(e,n)=>r.forceMount||p.value?(i(),a("div",{key:0,class:"skdx-navigation-menu__content","data-part":"content",ref_key:"contentRef",ref:g,role:"region",id:c(v).contentId,"aria-labelledby":c(v).triggerId,"data-state":p.value?"open":"closed",onPointerenter:n[0]||(n[0]=(...e)=>c(f).onContentEnter&&c(f).onContentEnter(...e)),onPointerleave:n[1]||(n[1]=(...e)=>c(f).onContentLeave&&c(f).onContentLeave(...e)),onKeydown:C},[l(e.$slots,"default")],40,m)):o("",!0)}});export{f as default};

package/dist/navigation-menu/NavigationMenuIndicator.vue.cjs ADDED Viewed

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

package/dist/navigation-menu/NavigationMenuIndicator.vue.d.cts ADDED Viewed

@@ -0,0 +1,14 @@
+/**
+ * Optional visual pointer (e.g. an arrow/caret) tracking whether any menu
+ * item is open: renders `<div>` with `data-state` of "visible"/"hidden",
+ * unmounted (unless `forceMount`) while no item is open. Sizing/positioning
+ * it under the active trigger is left to consumer CSS.
+ */
+type __VLS_Props = {
+    /** Keep this indicator mounted even while no item is open, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare const _default: 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>;
+export default _default;

package/dist/navigation-menu/NavigationMenuIndicator.vue.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+/**
+ * Optional visual pointer (e.g. an arrow/caret) tracking whether any menu
+ * item is open: renders `<div>` with `data-state` of "visible"/"hidden",
+ * unmounted (unless `forceMount`) while no item is open. Sizing/positioning
+ * it under the active trigger is left to consumer CSS.
+ */
+type __VLS_Props = {
+    /** Keep this indicator mounted even while no item is open, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare const _default: 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>;
+export default _default;

package/dist/navigation-menu/NavigationMenuIndicator.vue.js ADDED Viewed

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

package/dist/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const o=require("./context.cjs");let e=require("vue");var i=["data-state"],r=(0,e.defineComponent)({__name:"NavigationMenuIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(n){const t=(0,e.inject)(o.NAVIGATION_MENU_CONTEXT);if(!t)throw new Error("<SkdxNavigationMenuIndicator> must be used inside <SkdxNavigationMenu>.");const a=(0,e.computed)(()=>t.value.value!=="");return(u,c)=>n.forceMount||a.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-navigation-menu__indicator","data-part":"indicator","data-state":a.value?"visible":"hidden"},null,8,i)):(0,e.createCommentVNode)("",!0)}});exports.default=r;

package/dist/navigation-menu/NavigationMenuIndicator.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import{NAVIGATION_MENU_CONTEXT as e}from"./context.js";import{computed as a,createCommentVNode as t,createElementBlock as o,defineComponent as n,inject as i,openBlock as r}from"vue";var s=["data-state"],d=/* @__PURE__ */n({__name:"NavigationMenuIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(n){const d=i(e);if(!d)throw new Error("<SkdxNavigationMenuIndicator> must be used inside <SkdxNavigationMenu>.");const u=a(()=>""!==d.value.value);return(e,a)=>n.forceMount||u.value?(r(),o("div",{key:0,class:"skdx-navigation-menu__indicator","data-part":"indicator","data-state":u.value?"visible":"hidden"},null,8,s)):t("",!0)}});export{d as default};

package/dist/navigation-menu/NavigationMenuItem.vue.cjs ADDED Viewed

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

package/dist/navigation-menu/NavigationMenuItem.vue.d.cts ADDED Viewed

@@ -0,0 +1,21 @@
+/**
+ * A single `<li>` entry in the menu: generates the ids that link its
+ * `SkdxNavigationMenuTrigger` and `SkdxNavigationMenuContent` together and
+ * provides `value` to them via context.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's open `value`. */
+    value: string;
+};
+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/navigation-menu/NavigationMenuItem.vue.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+/**
+ * A single `<li>` entry in the menu: generates the ids that link its
+ * `SkdxNavigationMenuTrigger` and `SkdxNavigationMenuContent` together and
+ * provides `value` to them via context.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the root's open `value`. */
+    value: string;
+};
+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/navigation-menu/NavigationMenuItem.vue.js ADDED Viewed

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

package/dist/navigation-menu/NavigationMenuItem.vue_vue_type_script_setup_true_lang.cjs ADDED Viewed

@@ -0,0 +1 @@

+ const t=require("./context.cjs");let e=require("vue");var u={class:"skdx-navigation-menu__item","data-part":"item"},i=(0,e.defineComponent)({__name:"NavigationMenuItem",props:{value:{}},setup(n){const r=n;return(0,e.provide)(t.NAVIGATION_MENU_ITEM_CONTEXT,{get value(){return r.value},triggerId:t.nextNavigationMenuId("trigger"),contentId:t.nextNavigationMenuId("content")}),(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("li",u,[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=i;

package/dist/navigation-menu/NavigationMenuItem.vue_vue_type_script_setup_true_lang.js ADDED Viewed

@@ -0,0 +1 @@

+ import{NAVIGATION_MENU_ITEM_CONTEXT as e,nextNavigationMenuId as t}from"./context.js";import{createElementBlock as a,defineComponent as n,openBlock as o,provide as r,renderSlot as s}from"vue";var i={class:"skdx-navigation-menu__item","data-part":"item"},l=/* @__PURE__ */n({__name:"NavigationMenuItem",props:{value:{}},setup(n){const l=n;return r(e,{get value(){return l.value},triggerId:t("trigger"),contentId:t("content")}),(e,t)=>(o(),a("li",i,[s(e.$slots,"default")]))}});export{l as default};

package/dist/navigation-menu/NavigationMenuLink.vue.cjs ADDED Viewed

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