@skdx/vue 0.27.0 → 0.29.0

package/dist/data-list/DataListLabel.vue_vue_type_script_setup_true_lang.js

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

package/dist/data-list/DataListValue.vue.cjs

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

package/dist/data-list/DataListValue.vue.d.cts

@@ -1,21 +0,0 @@
-/**
- * The value half of a pair. Renders a `<dd>`, describing the `<dt>` that
- * precedes it.
- *
- * One `<dt>` may be followed by several `<dd>`s — that is how you express a key
- * with multiple values (three email addresses, four tags) without repeating the
- * label.
- */
-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/data-list/DataListValue.vue.d.ts

@@ -1,21 +0,0 @@
-/**
- * The value half of a pair. Renders a `<dd>`, describing the `<dt>` that
- * precedes it.
- *
- * One `<dt>` may be followed by several `<dd>`s — that is how you express a key
- * with multiple values (three email addresses, four tags) without repeating the
- * label.
- */
-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/data-list/DataListValue.vue.js

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

package/dist/data-list/DataListValue.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/data-list/DataListValue.vue_vue_type_script_setup_true_lang.js

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

package/dist/data-list/index.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataList.vue.cjs"),t=require("./DataListItem.vue.cjs"),a=require("./DataListLabel.vue.cjs"),r=require("./DataListValue.vue.cjs");exports.SkdxDataList=e.default;exports.SkdxDataListItem=t.default;exports.SkdxDataListLabel=a.default;exports.SkdxDataListValue=r.default;

package/dist/data-list/index.d.cts

@@ -1,5 +0,0 @@
-export { default as SkdxDataList } from './DataList.vue.cjs';
-export { default as SkdxDataListItem } from './DataListItem.vue.cjs';
-export { default as SkdxDataListLabel } from './DataListLabel.vue.cjs';
-export { default as SkdxDataListValue } from './DataListValue.vue.cjs';
-export type { DataListOrientation } from './types.cjs';

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

@@ -1,5 +0,0 @@
-export { default as SkdxDataList } from './DataList.vue.js';
-export { default as SkdxDataListItem } from './DataListItem.vue.js';
-export { default as SkdxDataListLabel } from './DataListLabel.vue.js';
-export { default as SkdxDataListValue } from './DataListValue.vue.js';
-export type { DataListOrientation } from './types.js';

package/dist/data-list/index.js

@@ -1 +0,0 @@
-import a from"./DataList.vue.js";import t from"./DataListItem.vue.js";import s from"./DataListLabel.vue.js";import i from"./DataListValue.vue.js";export{a as SkdxDataList,t as SkdxDataListItem,s as SkdxDataListLabel,i as SkdxDataListValue};

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

@@ -1,11 +0,0 @@
-/**
- * Layout axis of a `SkdxDataList`. Mirrors React's `DataListOrientation`
- * (`packages/react/src/data-list/types.ts:4`) and the web components'
- * (`packages/web-components/src/data-list/DataList.ts:7`), so the value can be
- * typed once and passed across packages.
- *
- * `data-list` has no injection context of its own — its parts are pure
- * markup — so this lives in a `types.ts` the way the React reference does,
- * rather than in a `context.ts` that would exist only to hold it.
- */
-export type DataListOrientation = 'horizontal' | 'vertical';

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

@@ -1,11 +0,0 @@
-/**
- * Layout axis of a `SkdxDataList`. Mirrors React's `DataListOrientation`
- * (`packages/react/src/data-list/types.ts:4`) and the web components'
- * (`packages/web-components/src/data-list/DataList.ts:7`), so the value can be
- * typed once and passed across packages.
- *
- * `data-list` has no injection context of its own — its parts are pure
- * markup — so this lives in a `types.ts` the way the React reference does,
- * rather than in a `context.ts` that would exist only to hold it.
- */
-export type DataListOrientation = 'horizontal' | 'vertical';

package/dist/dropdown-menu/DropdownMenu.vue.cjs

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

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

@@ -1,42 +0,0 @@
-/**
- * Root of a dropdown menu triggered by a button: owns open state and hands
- * it down to `SkdxDropdownMenuTrigger` / `SkdxDropdownMenuPortal` /
- * `SkdxDropdownMenuContent` / item parts / `SkdxDropdownMenuArrow` via
- * context. Wraps children in the shared popper positioning root. Renders no
- * DOM of its own.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxDropdownMenuContent`'s
- * enter or exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
- */
-type __VLS_Props = {
-    /** Whether the menu is open, for controlled usage. Pair with `v-model:open`. */
-    open?: boolean;
-    /** Whether the menu is initially open, for uncontrolled usage. */
-    defaultOpen?: 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, {
-    "update:open": (open: boolean) => any;
-    "open-change": (open: boolean) => any;
-    "open-change-complete": (open: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-}>, {
-    open: boolean;
-    defaultOpen: 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/dropdown-menu/DropdownMenu.vue.d.ts

@@ -1,42 +0,0 @@
-/**
- * Root of a dropdown menu triggered by a button: owns open state and hands
- * it down to `SkdxDropdownMenuTrigger` / `SkdxDropdownMenuPortal` /
- * `SkdxDropdownMenuContent` / item parts / `SkdxDropdownMenuArrow` via
- * context. Wraps children in the shared popper positioning root. Renders no
- * DOM of its own.
- *
- * Emits `open-change` the instant the state flips and `open-change-complete`
- * once the change has finished on screen — after `SkdxDropdownMenuContent`'s
- * enter or exit animation ends, or in the same task when it declares none.
- *
- * Works controlled (`v-model:open`) or uncontrolled (`default-open`).
- */
-type __VLS_Props = {
-    /** Whether the menu is open, for controlled usage. Pair with `v-model:open`. */
-    open?: boolean;
-    /** Whether the menu is initially open, for uncontrolled usage. */
-    defaultOpen?: 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, {
-    "update:open": (open: boolean) => any;
-    "open-change": (open: boolean) => any;
-    "open-change-complete": (open: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onUpdate:open"?: ((open: boolean) => any) | undefined;
-    "onOpen-change"?: ((open: boolean) => any) | undefined;
-    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
-}>, {
-    open: boolean;
-    defaultOpen: 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/dropdown-menu/DropdownMenu.vue.js

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

package/dist/dropdown-menu/DropdownMenu.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const i=require("../utils/useOpenChangeComplete.cjs"),f=require("../utils/PopperRoot.vue.cjs"),l=require("./context.cjs");let e=require("vue");var _=(0,e.defineComponent)({__name:"DropdownMenu",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(a,{emit:c}){const o=a,t=c,d=(0,e.ref)(null),p=(0,e.ref)(null),u=(0,e.ref)(o.defaultOpen),r=(0,e.computed)(()=>o.open??u.value);i.useOpenChangeComplete(r,p,n=>t("open-change-complete",n));function s(n){o.open===void 0&&(u.value=n),t("update:open",n),t("open-change",n)}return(0,e.provide)(l.DROPDOWN_MENU_CONTEXT,{triggerRef:d,contentRef:p,contentId:l.nextDropdownMenuContentId(),open:r,setOpen:s}),(n,m)=>((0,e.openBlock)(),(0,e.createBlock)(f.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3}))}});exports.default=_;

package/dist/dropdown-menu/DropdownMenu.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{useOpenChangeComplete as e}from"../utils/useOpenChangeComplete.js";import o from"../utils/PopperRoot.vue.js";import{DROPDOWN_MENU_CONTEXT as n,nextDropdownMenuContentId as t}from"./context.js";import{computed as p,createBlock as a,defineComponent as l,openBlock as s,provide as u,ref as r,renderSlot as d,withCtx as m}from"vue";var f=/* @__PURE__ */l({__name:"DropdownMenu",props:{open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1}},emits:["update:open","open-change","open-change-complete"],setup(l,{emit:f}){const c=l,i=f,g=r(null),v=r(null),C=r(c.defaultOpen),O=p(()=>c.open??C.value);return e(O,v,e=>i("open-change-complete",e)),u(n,{triggerRef:g,contentRef:v,contentId:t(),open:O,setOpen:function(e){void 0===c.open&&(C.value=e),i("update:open",e),i("open-change",e)}}),(e,n)=>(s(),a(o,null,{default:m(()=>[d(e.$slots,"default")]),_:3}))}});export{f as default};

package/dist/dropdown-menu/DropdownMenuArrow.vue.cjs

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

package/dist/dropdown-menu/DropdownMenuArrow.vue.d.cts

@@ -1,18 +0,0 @@
-/**
- * Optional visual arrow pointing from `SkdxDropdownMenuContent` back at the
- * trigger. Must be rendered inside `SkdxDropdownMenuContent`; self-positions
- * based on the 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/dropdown-menu/DropdownMenuArrow.vue.d.ts

@@ -1,18 +0,0 @@
-/**
- * Optional visual arrow pointing from `SkdxDropdownMenuContent` back at the
- * trigger. Must be rendered inside `SkdxDropdownMenuContent`; self-positions
- * based on the 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/dropdown-menu/DropdownMenuArrow.vue.js

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

package/dist/dropdown-menu/DropdownMenuArrow.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const t=require("../utils/popper.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"DropdownMenuArrow",setup(l){const r=(0,e.inject)(t.ARROW_CONTEXT);if(!r)throw new Error("SkdxDropdownMenuArrow must be used within SkdxDropdownMenuContent.");const n=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setArrowEl(n.value)),(0,e.onBeforeUnmount)(()=>r.setArrowEl(null)),(o,s)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-dropdown-menu__arrow","data-part":"arrow",ref_key:"elRef",ref:n,style:(0,e.normalizeStyle)((0,e.unref)(r).style.value)},[(0,e.renderSlot)(o.$slots,"default")],4))}});exports.default=u;

package/dist/dropdown-menu/DropdownMenuArrow.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{ARROW_CONTEXT as e}from"../utils/popper.js";import{createElementBlock as r,defineComponent as o,inject as n,normalizeStyle as t,onBeforeUnmount as s,onMounted as a,openBlock as l,ref as u,renderSlot as d,unref as p}from"vue";var w=/* @__PURE__ */o({__name:"DropdownMenuArrow",setup(o){const w=n(e);if(!w)throw new Error("SkdxDropdownMenuArrow must be used within SkdxDropdownMenuContent.");const f=u(null);return a(()=>w.setArrowEl(f.value)),s(()=>w.setArrowEl(null)),(e,o)=>(l(),r("span",{class:"skdx-dropdown-menu__arrow","data-part":"arrow",ref_key:"elRef",ref:f,style:t(p(w).style.value)},[d(e.$slots,"default")],4))}});export{w as default};

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue.cjs

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

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

@@ -1,45 +0,0 @@
-/**
- * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
- * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
- * (or `@checked-change`), or left unbound so the item tracks its own state
- * from `defaultChecked` — and, unlike `SkdxDropdownMenuItem`, always keeps the
- * menu open (calls `event.preventDefault()` internally). Wrap a
- * `SkdxDropdownMenuItemIndicator` inside it to render a check glyph only when
- * checked.
- */
-type __VLS_Props = {
-    /**
-     * Whether the item is currently checked or unchecked, for controlled
-     * usage. Pair with `v-model:checked` or `@checked-change`.
-     */
-    checked?: boolean;
-    /** Initial checked state, for uncontrolled usage. */
-    defaultChecked?: boolean;
-    /** Excludes the item from roving-focus navigation and blocks selection. */
-    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/dropdown-menu/DropdownMenuCheckboxItem.vue.d.ts

@@ -1,45 +0,0 @@
-/**
- * A toggleable menu item: `role="menuitemcheckbox"` with `aria-checked` and
- * `data-state` (`checked`/`unchecked`) reflecting `checked`. Selecting it
- * (click or Enter/Space) toggles `checked` — bound with `v-model:checked`
- * (or `@checked-change`), or left unbound so the item tracks its own state
- * from `defaultChecked` — and, unlike `SkdxDropdownMenuItem`, always keeps the
- * menu open (calls `event.preventDefault()` internally). Wrap a
- * `SkdxDropdownMenuItemIndicator` inside it to render a check glyph only when
- * checked.
- */
-type __VLS_Props = {
-    /**
-     * Whether the item is currently checked or unchecked, for controlled
-     * usage. Pair with `v-model:checked` or `@checked-change`.
-     */
-    checked?: boolean;
-    /** Initial checked state, for uncontrolled usage. */
-    defaultChecked?: boolean;
-    /** Excludes the item from roving-focus navigation and blocks selection. */
-    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/dropdown-menu/DropdownMenuCheckboxItem.vue.js

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

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const p=require("./context.cjs"),_=require("../utils/useMenuItem.cjs");let e=require("vue");var C=["aria-checked","data-state"],x=(0,e.defineComponent)({__name:"DropdownMenuCheckboxItem",props:{checked:{type:Boolean,default:void 0},defaultChecked:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},emits:["select","update:checked","checked-change"],setup(m,{emit:h}){const o=m,c=h,r=(0,e.inject)(p.DROPDOWN_MENU_CONTEXT);if(!r)throw new Error("SkdxDropdownMenuCheckboxItem must be used within SkdxDropdownMenu.");const l=(0,e.ref)(o.defaultChecked),a=(0,e.computed)(()=>o.checked!==void 0),d=(0,e.computed)(()=>a.value?o.checked:l.value),{itemAttrs:v,onItemClick:s,onItemKeydown:i,onItemPointerenter:f,onItemPointerleave:k}=_.useMenuItem({disabled:(0,e.toRef)(o,"disabled"),onSelect:u=>{const t=!d.value;a.value||(l.value=t),c("update:checked",t),c("checked-change",t),c("select",u),u.preventDefault()},onSelected:()=>{r.setOpen(!1),r.triggerRef.value?.focus()},contentRef:r.contentRef});return(0,e.provide)(p.DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT,d),(u,t)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",(0,e.mergeProps)({class:"skdx-dropdown-menu__checkbox-item","data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":d.value,"data-state":d.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)(u.$slots,"default")],16,C))}});exports.default=x;

package/dist/dropdown-menu/DropdownMenuCheckboxItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-import{DROPDOWN_MENU_CONTEXT as e,DROPDOWN_MENU_ITEM_INDICATOR_CONTEXT as t}from"./context.js";import{useMenuItem as o}from"../utils/useMenuItem.js";import{computed as a,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 p=["aria-checked","data-state"],h=/* @__PURE__ */c({__name:"DropdownMenuCheckboxItem",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:h}){const f=c,v=h,I=d(e);if(!I)throw new Error("SkdxDropdownMenuCheckboxItem must be used within SkdxDropdownMenu.");const x=u(f.defaultChecked),C=a(()=>void 0!==f.checked),_=a(()=>C.value?f.checked:x.value),{itemAttrs:b,onItemClick:w,onItemKeydown:D,onItemPointerenter:M,onItemPointerleave:O}=o({disabled:m(f,"disabled"),onSelect:e=>{const t=!_.value;C.value||(x.value=t),v("update:checked",t),v("checked-change",t),v("select",e),e.preventDefault()},onSelected:()=>{I.setOpen(!1),I.triggerRef.value?.focus()},contentRef:I.contentRef});return l(t,_),(e,t)=>(r(),n("div",s({class:"skdx-dropdown-menu__checkbox-item","data-part":"checkbox-item",role:"menuitemcheckbox","aria-checked":_.value,"data-state":_.value?"checked":"unchecked"},k(b),{onClick:t[0]||(t[0]=(...e)=>k(w)&&k(w)(...e)),onKeydown:t[1]||(t[1]=(...e)=>k(D)&&k(D)(...e)),onPointerenter:t[2]||(t[2]=(...e)=>k(M)&&k(M)(...e)),onPointerleave:t[3]||(t[3]=(...e)=>k(O)&&k(O)(...e))}),[i(e.$slots,"default")],16,p))}});export{h as default};

package/dist/dropdown-menu/DropdownMenuContent.vue.cjs

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

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

@@ -1,81 +0,0 @@
-import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
-import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
-/**
- * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
- * and `data-state` (`open`/`closed`), positioned via the shared popper layer
- * against the trigger using `side` (defaults to `'bottom'`) / `align`
- * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false` — against `collisionBoundary` when one is given, otherwise the
- * panel's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
- * the resolved placement, and the measurement custom properties
- * `--skdx-dropdown-menu-available-width` / `-available-height` /
- * `-trigger-width` / `-transform-origin`, so the panel can be sized and
- * animated from CSS without measuring anything by hand.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, and closes on
- * Escape, an outside interaction (pointer-down or focus moving out), or Tab
- * (per the WAI-ARIA menu pattern) 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. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
- */
-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 the menu is closed, instead of unmounting it. */
-    forceMount?: boolean;
-    /** Whether Up/Down 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/dropdown-menu/DropdownMenuContent.vue.d.ts

@@ -1,81 +0,0 @@
-import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
-import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
-/**
- * The menu's floating panel: `role="menu"` with `aria-orientation="vertical"`
- * and `data-state` (`open`/`closed`), positioned via the shared popper layer
- * against the trigger using `side` (defaults to `'bottom'`) / `align`
- * (defaults to `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`,
- * flipping/shifting to avoid viewport collisions unless `avoidCollisions` is
- * `false` — against `collisionBoundary` when one is given, otherwise the
- * panel's clipping ancestors. Also exposes `data-side`/`data-align` reflecting
- * the resolved placement, and the measurement custom properties
- * `--skdx-dropdown-menu-available-width` / `-available-height` /
- * `-trigger-width` / `-transform-origin`, so the panel can be sized and
- * animated from CSS without measuring anything by hand.
- *
- * Provides roving-focus Up/Down arrow navigation (wrapping unless `loop` is
- * `false`) with typeahead, focuses the first item on open, and closes on
- * Escape, an outside interaction (pointer-down or focus moving out), or Tab
- * (per the WAI-ARIA menu pattern) 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. Mounts only while open unless
- * `forceMount` is set. Must be used inside `SkdxDropdownMenu`.
- */
-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 the menu is closed, instead of unmounting it. */
-    forceMount?: boolean;
-    /** Whether Up/Down 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/dropdown-menu/DropdownMenuContent.vue.js

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

package/dist/dropdown-menu/DropdownMenuContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +0,0 @@
-const R=require("../utils/composeRefs.cjs"),v=require("../utils/useDismiss.cjs"),g=require("../utils/useRovingFocus.cjs"),s=require("../utils/popper.cjs"),u=require("./context.cjs"),E=require("../utils/useFocusFirstItemOnOpen.cjs");let t=require("vue");var D=["id","data-state","data-side","data-align"],q=(0,t.defineComponent)({__name:"DropdownMenuContent",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,t.inject)(u.DROPDOWN_MENU_CONTEXT);if(!o)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const d=(0,t.inject)(s.POPPER_CONTEXT);if(!d)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const r=(0,t.ref)(null),l=(0,t.ref)(null),f=R.composeRefs(r,o.contentRef),p=g.useRovingFocus({orientation:"vertical",loop:a.loop,itemSelector:u.ITEM_SELECTOR,typeahead:!0});v.useDismiss({enabled:o.open,onEscapeKeyDown:e=>{n("escape-key-down",e),e.defaultPrevented||(o.setOpen(!1),o.triggerRef.value?.focus())},onPointerDownOutside:e=>{n("pointer-down-outside",e),e.defaultPrevented||o.setOpen(!1)},onFocusOutside:e=>{n("focus-outside",e),e.defaultPrevented||o.setOpen(!1)},onInteractOutside:e=>n("interact-outside",e)},[r,o.triggerRef]),E.useFocusFirstItemOnOpen(r,o.open,u.ITEM_SELECTOR);const{style:w,arrowStyle:_,placedSide:m,placedAlign:O}=s.usePopperPosition(d.anchor,r,o.open,()=>({...a,component:"dropdown-menu"}),l);(0,t.provide)(s.ARROW_CONTEXT,{style:_,setArrowEl:e=>{l.value=e}});function y(e){p(e),e.key==="Tab"&&(e.preventDefault(),o.setOpen(!1),o.triggerRef.value?.focus())}return(e,C)=>i.forceMount||(0,t.unref)(o).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:(0,t.unref)(o).contentId,ref:(0,t.unref)(f),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":(0,t.unref)(o).open.value?"open":"closed","data-side":(0,t.unref)(m),"data-align":(0,t.unref)(O),style:(0,t.normalizeStyle)((0,t.unref)(w)),onKeydown:y},[(0,t.renderSlot)(e.$slots,"default")],44,D)):(0,t.createCommentVNode)("",!0)}});exports.default=q;

package/dist/dropdown-menu/DropdownMenuContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +0,0 @@
-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{DROPDOWN_MENU_CONTEXT as i,ITEM_SELECTOR as r}from"./context.js";import{useFocusFirstItemOnOpen as d}from"../utils/useFocusFirstItemOnOpen.js";import{createCommentVNode as u,createElementBlock as l,defineComponent as p,inject as c,normalizeStyle as f,openBlock as m,provide as w,ref as O,renderSlot as v,unref as y}from"vue";var g=["id","data-state","data-side","data-align"],E=/* @__PURE__ */p({__name:"DropdownMenuContent",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:E}){const R=p,D=E,k=c(i);if(!k)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const P=c(s);if(!P)throw new Error("SkdxDropdownMenuContent must be used within SkdxDropdownMenu.");const C=O(null),S=O(null),M=e(C,k.contentRef),T=t({orientation:"vertical",loop:R.loop,itemSelector:r,typeahead:!0});o({enabled:k.open,onEscapeKeyDown:e=>{D("escape-key-down",e),e.defaultPrevented||(k.setOpen(!1),k.triggerRef.value?.focus())},onPointerDownOutside:e=>{D("pointer-down-outside",e),e.defaultPrevented||k.setOpen(!1)},onFocusOutside:e=>{D("focus-outside",e),e.defaultPrevented||k.setOpen(!1)},onInteractOutside:e=>D("interact-outside",e)},[C,k.triggerRef]),d(C,k.open,r);const{style:_,arrowStyle:x,placedSide:j,placedAlign:F}=a(P.anchor,C,k.open,()=>({...R,component:"dropdown-menu"}),S);function b(e){T(e),"Tab"===e.key&&(e.preventDefault(),k.setOpen(!1),k.triggerRef.value?.focus())}return w(n,{style:x,setArrowEl:e=>{S.value=e}}),(e,o)=>p.forceMount||y(k).open.value?(m(),l("div",{key:0,class:"skdx-dropdown-menu__content","data-part":"content",id:y(k).contentId,ref:y(M),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":y(k).open.value?"open":"closed","data-side":y(j),"data-align":y(F),style:f(y(_)),onKeydown:b},[v(e.$slots,"default")],44,g)):u("",!0)}});export{E as default};

package/dist/dropdown-menu/DropdownMenuGroup.vue.cjs

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

package/dist/dropdown-menu/DropdownMenuGroup.vue.d.cts

@@ -1,17 +0,0 @@
-/**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Pair with a preceding `SkdxDropdownMenuLabel` 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/dropdown-menu/DropdownMenuGroup.vue.d.ts

@@ -1,17 +0,0 @@
-/**
- * Semantic grouping of related items: renders a `<div role="group">`.
- * Pair with a preceding `SkdxDropdownMenuLabel` 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/dropdown-menu/DropdownMenuGroup.vue.js

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

package/dist/dropdown-menu/DropdownMenuGroup.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/dropdown-menu/DropdownMenuGroup.vue_vue_type_script_setup_true_lang.js

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

package/dist/dropdown-menu/DropdownMenuItem.vue.cjs

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