@skdx/vue 0.26.0

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

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

package/dist/menubar/MenubarPortal.vue.js

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

package/dist/menubar/MenubarPortal.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("../utils/Portal.vue.cjs"),o=require("./context.cjs");let e=require("vue");var a=(0,e.defineComponent)({__name:"MenubarPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(t){const r=(0,e.inject)(o.MENUBAR_MENU_CONTEXT);if(!r)throw new Error("SkdxMenubarPortal must be used within SkdxMenubarMenu.");return(n,l)=>t.forceMount||(0,e.unref)(r).open.value?((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:0,container:t.container},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"default")]),_:3},8,["container"])):(0,e.createCommentVNode)("",!0)}});exports.default=a;

package/dist/menubar/MenubarPortal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/Portal.vue.js";import{MENUBAR_MENU_CONTEXT as t}from"./context.js";import{createBlock as o,createCommentVNode as r,defineComponent as a,inject as n,openBlock as u,renderSlot as s,unref as l,withCtx as i}from"vue";var c=/* @__PURE__ */a({__name:"MenubarPortal",props:{container:{default:null},forceMount:{type:Boolean,default:!1}},setup(a){const c=n(t);if(!c)throw new Error("SkdxMenubarPortal must be used within SkdxMenubarMenu.");return(t,n)=>a.forceMount||l(c).open.value?(u(),o(e,{key:0,container:a.container},{default:i(()=>[s(t.$slots,"default")]),_:3},8,["container"])):r("",!0)}});export{c as default};

package/dist/menubar/MenubarRadioGroup.vue.cjs

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

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

@@ -0,0 +1,36 @@
+/**
+ * Wraps a set of mutually-exclusive `SkdxMenubarRadioItem`s: renders a
+ * `<div role="group">` and distributes the selected `value` to its items
+ * via context.
+ */
+type __VLS_Props = {
+    /**
+     * Value of the currently checked radio item. Pair with `v-model:value` or
+     * `@value-change`.
+     * @default undefined — uncontrolled, starting from `defaultValue`.
+     */
+    value?: string;
+    /**
+     * Value of the initially checked radio item, for uncontrolled usage.
+     * @default undefined — no item checked.
+     */
+    defaultValue?: 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, {
+    "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;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,36 @@
+/**
+ * Wraps a set of mutually-exclusive `SkdxMenubarRadioItem`s: renders a
+ * `<div role="group">` and distributes the selected `value` to its items
+ * via context.
+ */
+type __VLS_Props = {
+    /**
+     * Value of the currently checked radio item. Pair with `v-model:value` or
+     * `@value-change`.
+     * @default undefined — uncontrolled, starting from `defaultValue`.
+     */
+    value?: string;
+    /**
+     * Value of the initially checked radio item, for uncontrolled usage.
+     * @default undefined — no item checked.
+     */
+    defaultValue?: 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, {
+    "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;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarRadioGroup.vue.js

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

package/dist/menubar/MenubarRadioGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const d=require("./context.cjs");let e=require("vue");var p={class:"skdx-menubar__radio-group","data-part":"radio-group",role:"group"},v=(0,e.defineComponent)({__name:"MenubarRadioGroup",props:{value:{},defaultValue:{}},emits:["update:value","value-change"],setup(o,{emit:n}){const u=o,r=n,t=(0,e.ref)(u.defaultValue),l=(0,e.computed)(()=>u.value!==void 0);return(0,e.provide)(d.MENUBAR_RADIO_GROUP_CONTEXT,{value:(0,e.computed)(()=>l.value?u.value:t.value),onValueChange:a=>{l.value||(t.value=a),r("update:value",a),r("value-change",a)}}),(a,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",p,[(0,e.renderSlot)(a.$slots,"default")]))}});exports.default=v;

package/dist/menubar/MenubarRadioGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{MENUBAR_RADIO_GROUP_CONTEXT as e}from"./context.js";import{computed as a,createElementBlock as u,defineComponent as o,openBlock as l,provide as r,ref as t,renderSlot as s}from"vue";var d={class:"skdx-menubar__radio-group","data-part":"radio-group",role:"group"},p=/* @__PURE__ */o({__name:"MenubarRadioGroup",props:{value:{},defaultValue:{}},emits:["update:value","value-change"],setup(o,{emit:p}){const v=o,n=p,i=t(v.defaultValue),m=a(()=>void 0!==v.value);return r(e,{value:a(()=>m.value?v.value:i.value),onValueChange:e=>{m.value||(i.value=e),n("update:value",e),n("value-change",e)}}),(e,a)=>(l(),u("div",d,[s(e.$slots,"default")]))}});export{p as default};

package/dist/menubar/MenubarRadioItem.vue.cjs

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

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

@@ -0,0 +1,32 @@
+/**
+ * A single option within a `SkdxMenubarRadioGroup`: renders a
+ * `<div role="menuitemradio">` with `aria-checked` and `data-state`
+ * (`checked`/`unchecked`) reflecting whether its `value` matches the
+ * group's checked value. Selecting it updates the group, closes the menu,
+ * and refocuses the trigger. Pair with a `SkdxMenubarItemIndicator` child to
+ * render a dot/check glyph only when selected.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the group's checked `value`. */
+    value: string;
+    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,32 @@
+/**
+ * A single option within a `SkdxMenubarRadioGroup`: renders a
+ * `<div role="menuitemradio">` with `aria-checked` and `data-state`
+ * (`checked`/`unchecked`) reflecting whether its `value` matches the
+ * group's checked value. Selecting it updates the group, closes the menu,
+ * and refocuses the trigger. Pair with a `SkdxMenubarItemIndicator` child to
+ * render a dot/check glyph only when selected.
+ */
+type __VLS_Props = {
+    /** Unique identifier matched against the group's checked `value`. */
+    value: string;
+    /** Disables selection and excludes the item from arrow-key/typeahead navigation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((event: Event) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarRadioItem.vue.js

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

package/dist/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/menubar/MenubarRadioItem.vue_vue_type_script_setup_true_lang.js

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

package/dist/menubar/MenubarSeparator.vue.cjs

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

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

@@ -0,0 +1,7 @@
+/**
+ * Visual divider between menu items: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ */
+type __VLS_Props = {};
+declare const _default: 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>;
+export default _default;

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

@@ -0,0 +1,7 @@
+/**
+ * Visual divider between menu items: renders a
+ * `<div role="separator" aria-orientation="horizontal">`.
+ */
+type __VLS_Props = {};
+declare const _default: 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>;
+export default _default;

package/dist/menubar/MenubarSeparator.vue.js

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

package/dist/menubar/MenubarSeparator.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-menubar__separator","data-part":"separator",role:"separator","aria-orientation":"horizontal"},a=(0,e.defineComponent)({__name:"MenubarSeparator",setup(t){return(_,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r))}});exports.default=a;

package/dist/menubar/MenubarSeparator.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as a,defineComponent as e,openBlock as r}from"vue";var o={class:"skdx-menubar__separator","data-part":"separator",role:"separator","aria-orientation":"horizontal"},t=/* @__PURE__ */e({__name:"MenubarSeparator",setup:e=>(e,t)=>(r(),a("div",o))});export{t as default};

package/dist/menubar/MenubarSub.vue.cjs

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

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

@@ -0,0 +1,12 @@
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,12 @@
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarSub.vue.js

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

package/dist/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../utils/MenuSub.vue.cjs");let e=require("vue");var t=(0,e.defineComponent)({name:"SkdxMenubarSub",__name:"MenubarSub",setup(a){return(u,n)=>((0,e.openBlock)(),(0,e.createBlock)(r.default,{family:"menubar"},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(u.$slots,"default")]),_:3}))}});exports.default=t;

package/dist/menubar/MenubarSub.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../utils/MenuSub.vue.js";import{createBlock as a,defineComponent as t,openBlock as u,renderSlot as o,withCtx as r}from"vue";var n=/* @__PURE__ */t({name:"SkdxMenubarSub",__name:"MenubarSub",setup:t=>(t,n)=>(u(),a(e,{family:"menubar"},{default:r(()=>[o(t.$slots,"default")]),_:3}))});export{n as default};

package/dist/menubar/MenubarTrigger.vue.cjs

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

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

@@ -0,0 +1,27 @@
+/**
+ * The menubar item that opens its `SkdxMenubarMenu`'s content: renders a
+ * `<button type="button" role="menuitem">` marked `data-skdx-menubar-trigger`
+ * (for roving focus), with `aria-haspopup="menu"`, `aria-expanded`,
+ * `aria-controls`, and `data-state` of `"open"` or `"closed"`. Click toggles
+ * its menu; hover or focus switches to it while a sibling menu is already
+ * open (matching native app menu bars); Arrow Down/Up, Enter, or Space open
+ * it. Must be used inside `SkdxMenubarMenu`.
+ */
+type __VLS_Props = {
+    /** Disables the trigger, excluding it from roving-focus navigation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,27 @@
+/**
+ * The menubar item that opens its `SkdxMenubarMenu`'s content: renders a
+ * `<button type="button" role="menuitem">` marked `data-skdx-menubar-trigger`
+ * (for roving focus), with `aria-haspopup="menu"`, `aria-expanded`,
+ * `aria-controls`, and `data-state` of `"open"` or `"closed"`. Click toggles
+ * its menu; hover or focus switches to it while a sibling menu is already
+ * open (matching native app menu bars); Arrow Down/Up, Enter, or Space open
+ * it. Must be used inside `SkdxMenubarMenu`.
+ */
+type __VLS_Props = {
+    /** Disables the trigger, excluding it from roving-focus navigation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/menubar/MenubarTrigger.vue.js

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

package/dist/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const b=require("../utils/popper.cjs"),d=require("./context.cjs");let n=require("vue");var v=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],g=(0,n.defineComponent)({__name:"MenubarTrigger",props:{disabled:{type:Boolean,default:!1}},setup(o){const t=o,a=(0,n.inject)(d.MENUBAR_CONTEXT);if(!a)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubar.");const e=(0,n.inject)(d.MENUBAR_MENU_CONTEXT);if(!e)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const u=(0,n.inject)(b.POPPER_CONTEXT);if(!u)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const l=(0,n.ref)(null);(0,n.onMounted)(()=>{e.triggerRef.value=l.value,u.setAnchor(l.value)}),(0,n.onBeforeUnmount)(()=>{u.anchor.value===l.value&&u.setAnchor(null)});function i(){return a.value.value!==""}function s(){t.disabled||(e.open.value&&e.openedExplicitlyRef.value?(e.onClose(),e.openedExplicitlyRef.value=!1):(e.onOpen(),e.openedExplicitlyRef.value=!0))}function p(r){t.disabled||r.pointerType==="touch"||i()&&a.value.value!==e.menuValue&&(e.onOpen(),e.openedExplicitlyRef.value=!1)}function c(){t.disabled||i()&&a.value.value!==e.menuValue&&(e.onOpen(),e.openedExplicitlyRef.value=!1)}function f(r){t.disabled||["ArrowDown","ArrowUp"," ","Enter"].includes(r.key)&&(r.preventDefault(),e.onOpen(),e.openedExplicitlyRef.value=!0)}return(r,x)=>((0,n.openBlock)(),(0,n.createElementBlock)("button",{class:"skdx-menubar__trigger","data-part":"trigger",ref_key:"elRef",ref:l,type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":(0,n.unref)(e).open.value,"aria-controls":(0,n.unref)(e).contentId,"data-skdx-menubar-trigger":"","data-state":(0,n.unref)(e).open.value?"open":"closed","data-disabled":o.disabled?"":void 0,disabled:o.disabled,onClick:s,onPointerenter:p,onFocus:c,onKeydown:f},[(0,n.renderSlot)(r.$slots,"default")],40,v))}});exports.default=g;

package/dist/menubar/MenubarTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{POPPER_CONTEXT as e}from"../utils/popper.js";import{MENUBAR_CONTEXT as n,MENUBAR_MENU_CONTEXT as a}from"./context.js";import{createElementBlock as o,defineComponent as r,inject as t,onBeforeUnmount as l,onMounted as u,openBlock as i,ref as d,renderSlot as s,unref as p}from"vue";var c=["aria-expanded","aria-controls","data-state","data-disabled","disabled"],f=/* @__PURE__ */r({__name:"MenubarTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r){const f=r,b=t(n);if(!b)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubar.");const v=t(a);if(!v)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const m=t(e);if(!m)throw new Error("SkdxMenubarTrigger must be used within SkdxMenubarMenu.");const x=d(null);function E(){return""!==b.value.value}function g(){f.disabled||(v.open.value&&v.openedExplicitlyRef.value?(v.onClose(),v.openedExplicitlyRef.value=!1):(v.onOpen(),v.openedExplicitlyRef.value=!0))}function k(e){f.disabled||"touch"===e.pointerType||E()&&b.value.value!==v.menuValue&&(v.onOpen(),v.openedExplicitlyRef.value=!1)}function w(){f.disabled||E()&&b.value.value!==v.menuValue&&(v.onOpen(),v.openedExplicitlyRef.value=!1)}function M(e){f.disabled||["ArrowDown","ArrowUp"," ","Enter"].includes(e.key)&&(e.preventDefault(),v.onOpen(),v.openedExplicitlyRef.value=!0)}return u(()=>{v.triggerRef.value=x.value,m.setAnchor(x.value)}),l(()=>{m.anchor.value===x.value&&m.setAnchor(null)}),(e,n)=>(i(),o("button",{class:"skdx-menubar__trigger","data-part":"trigger",ref_key:"elRef",ref:x,type:"button",role:"menuitem","aria-haspopup":"menu","aria-expanded":p(v).open.value,"aria-controls":p(v).contentId,"data-skdx-menubar-trigger":"","data-state":p(v).open.value?"open":"closed","data-disabled":r.disabled?"":void 0,disabled:r.disabled,onClick:g,onPointerenter:k,onFocus:w,onKeydown:M},[s(e.$slots,"default")],40,c))}});export{f as default};

package/dist/menubar/context.cjs

@@ -0,0 +1 @@
+const E=require("../utils/id.cjs");var e="[data-skdx-menubar-trigger]:not([data-disabled])",n='[role^="menuitem"]:not([data-disabled])',t=Symbol("skdx-menubar-context"),T=Symbol("skdx-menubar-menu-context");function r(){return E.nextId("menubar-content")}var a=Symbol("skdx-menubar-radio-group-context"),_=Symbol("skdx-menubar-item-indicator-context");exports.ITEM_SELECTOR=n;exports.MENUBAR_CONTEXT=t;exports.MENUBAR_ITEM_INDICATOR_CONTEXT=_;exports.MENUBAR_MENU_CONTEXT=T;exports.MENUBAR_RADIO_GROUP_CONTEXT=a;exports.TRIGGER_SELECTOR=e;exports.nextMenubarContentId=r;

package/dist/menubar/context.d.cts

@@ -0,0 +1,37 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Selector matching a Menubar's enabled (non-disabled) menu triggers, for keyboard navigation. */
+export declare const TRIGGER_SELECTOR = "[data-skdx-menubar-trigger]:not([data-disabled])";
+/** @internal Selector matching enabled (non-disabled) items within an open menu, for keyboard navigation. */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/** @internal Injection key a Menubar provides so its MenubarMenus can read/drive which menu is open. */
+export interface MenubarContext {
+    value: Readonly<Ref<string>>;
+    onValueChange(value: string): void;
+}
+/** @internal Injection key a Menubar provides so its menus share which menu is currently open. */
+export declare const MENUBAR_CONTEXT: InjectionKey<MenubarContext>;
+/** @internal Per-menu state distributed from a MenubarMenu to its descendants via context. */
+export interface MenubarMenuContext {
+    menuValue: string;
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    /** True once this menu was opened by an explicit click (vs. a hover/focus switch), so a repeat click knows to close it. */
+    openedExplicitlyRef: Ref<boolean>;
+    onOpen(): void;
+    onClose(): void;
+}
+/** @internal Injection key a MenubarMenu provides so its trigger, content, and items share open state, element refs, and content id. */
+export declare const MENUBAR_MENU_CONTEXT: InjectionKey<MenubarMenuContext>;
+/** @internal Generates a unique id for a MenubarMenu's content. */
+export declare function nextMenubarContentId(): string;
+/** @internal Shared selected-value state distributed from MenubarRadioGroup to its MenubarRadioItems. */
+export interface MenuRadioGroupContext {
+    value: Ref<string | undefined>;
+    onValueChange?(value: string): void;
+}
+/** @internal Injection key a MenubarRadioGroup provides so its radio items share the selected value. */
+export declare const MENUBAR_RADIO_GROUP_CONTEXT: InjectionKey<MenuRadioGroupContext>;
+/** @internal Whether the enclosing checkbox/radio item is checked, read by a nested MenubarItemIndicator. Defaults to false (non-throwing, matching React's plain context). */
+export declare const MENUBAR_ITEM_INDICATOR_CONTEXT: InjectionKey<Ref<boolean>>;

package/dist/menubar/context.d.ts

@@ -0,0 +1,37 @@
+import type { InjectionKey, Ref } from 'vue';
+/** @internal Selector matching a Menubar's enabled (non-disabled) menu triggers, for keyboard navigation. */
+export declare const TRIGGER_SELECTOR = "[data-skdx-menubar-trigger]:not([data-disabled])";
+/** @internal Selector matching enabled (non-disabled) items within an open menu, for keyboard navigation. */
+export declare const ITEM_SELECTOR = "[role^=\"menuitem\"]:not([data-disabled])";
+/** @internal Injection key a Menubar provides so its MenubarMenus can read/drive which menu is open. */
+export interface MenubarContext {
+    value: Readonly<Ref<string>>;
+    onValueChange(value: string): void;
+}
+/** @internal Injection key a Menubar provides so its menus share which menu is currently open. */
+export declare const MENUBAR_CONTEXT: InjectionKey<MenubarContext>;
+/** @internal Per-menu state distributed from a MenubarMenu to its descendants via context. */
+export interface MenubarMenuContext {
+    menuValue: string;
+    triggerRef: Ref<HTMLElement | null>;
+    contentRef: Ref<HTMLElement | null>;
+    contentId: string;
+    open: Readonly<Ref<boolean>>;
+    /** True once this menu was opened by an explicit click (vs. a hover/focus switch), so a repeat click knows to close it. */
+    openedExplicitlyRef: Ref<boolean>;
+    onOpen(): void;
+    onClose(): void;
+}
+/** @internal Injection key a MenubarMenu provides so its trigger, content, and items share open state, element refs, and content id. */
+export declare const MENUBAR_MENU_CONTEXT: InjectionKey<MenubarMenuContext>;
+/** @internal Generates a unique id for a MenubarMenu's content. */
+export declare function nextMenubarContentId(): string;
+/** @internal Shared selected-value state distributed from MenubarRadioGroup to its MenubarRadioItems. */
+export interface MenuRadioGroupContext {
+    value: Ref<string | undefined>;
+    onValueChange?(value: string): void;
+}
+/** @internal Injection key a MenubarRadioGroup provides so its radio items share the selected value. */
+export declare const MENUBAR_RADIO_GROUP_CONTEXT: InjectionKey<MenuRadioGroupContext>;
+/** @internal Whether the enclosing checkbox/radio item is checked, read by a nested MenubarItemIndicator. Defaults to false (non-throwing, matching React's plain context). */
+export declare const MENUBAR_ITEM_INDICATOR_CONTEXT: InjectionKey<Ref<boolean>>;

package/dist/menubar/context.js

@@ -0,0 +1 @@
+import{nextId as t}from"../utils/id.js";var a="[data-skdx-menubar-trigger]:not([data-disabled])",e='[role^="menuitem"]:not([data-disabled])',n=/* @__PURE__ */Symbol("skdx-menubar-context"),o=/* @__PURE__ */Symbol("skdx-menubar-menu-context");function r(){return t("menubar-content")}var d=/* @__PURE__ */Symbol("skdx-menubar-radio-group-context"),s=/* @__PURE__ */Symbol("skdx-menubar-item-indicator-context");export{e as ITEM_SELECTOR,n as MENUBAR_CONTEXT,s as MENUBAR_ITEM_INDICATOR_CONTEXT,o as MENUBAR_MENU_CONTEXT,d as MENUBAR_RADIO_GROUP_CONTEXT,a as TRIGGER_SELECTOR,r as nextMenubarContentId};

package/dist/menubar/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../utils/MenuSubContent.vue.cjs"),r=require("../utils/MenuSubTrigger.vue.cjs"),u=require("./Menubar.vue.cjs"),a=require("./MenubarArrow.vue.cjs"),n=require("./MenubarCheckboxItem.vue.cjs"),t=require("./MenubarContent.vue.cjs"),i=require("./MenubarGroup.vue.cjs"),b=require("./MenubarItem.vue.cjs"),o=require("./MenubarItemIndicator.vue.cjs"),d=require("./MenubarLabel.vue.cjs"),M=require("./MenubarMenu.vue.cjs"),q=require("./MenubarPortal.vue.cjs"),S=require("./MenubarRadioGroup.vue.cjs"),l=require("./MenubarRadioItem.vue.cjs"),c=require("./MenubarSeparator.vue.cjs"),k=require("./MenubarSub.vue.cjs"),x=require("./MenubarTrigger.vue.cjs");exports.SkdxMenubar=u.default;exports.SkdxMenubarArrow=a.default;exports.SkdxMenubarCheckboxItem=n.default;exports.SkdxMenubarContent=t.default;exports.SkdxMenubarGroup=i.default;exports.SkdxMenubarItem=b.default;exports.SkdxMenubarItemIndicator=o.default;exports.SkdxMenubarLabel=d.default;exports.SkdxMenubarMenu=M.default;exports.SkdxMenubarPortal=q.default;exports.SkdxMenubarRadioGroup=S.default;exports.SkdxMenubarRadioItem=l.default;exports.SkdxMenubarSeparator=c.default;exports.SkdxMenubarSub=k.default;exports.SkdxMenubarSubContent=e.default;exports.SkdxMenubarSubTrigger=r.default;exports.SkdxMenubarTrigger=x.default;

package/dist/menubar/index.d.cts

@@ -0,0 +1,17 @@
+export { default as SkdxMenubar } from './Menubar.vue.cjs';
+export { default as SkdxMenubarArrow } from './MenubarArrow.vue.cjs';
+export { default as SkdxMenubarCheckboxItem } from './MenubarCheckboxItem.vue.cjs';
+export { default as SkdxMenubarContent } from './MenubarContent.vue.cjs';
+export { default as SkdxMenubarGroup } from './MenubarGroup.vue.cjs';
+export { default as SkdxMenubarItem } from './MenubarItem.vue.cjs';
+export { default as SkdxMenubarItemIndicator } from './MenubarItemIndicator.vue.cjs';
+export { default as SkdxMenubarLabel } from './MenubarLabel.vue.cjs';
+export { default as SkdxMenubarMenu } from './MenubarMenu.vue.cjs';
+export { default as SkdxMenubarPortal } from './MenubarPortal.vue.cjs';
+export { default as SkdxMenubarRadioGroup } from './MenubarRadioGroup.vue.cjs';
+export { default as SkdxMenubarRadioItem } from './MenubarRadioItem.vue.cjs';
+export { default as SkdxMenubarSeparator } from './MenubarSeparator.vue.cjs';
+export { default as SkdxMenubarSub } from './MenubarSub.vue.cjs';
+export { default as SkdxMenubarSubContent } from '../utils/MenuSubContent.vue.cjs';
+export { default as SkdxMenubarSubTrigger } from '../utils/MenuSubTrigger.vue.cjs';
+export { default as SkdxMenubarTrigger } from './MenubarTrigger.vue.cjs';

package/dist/menubar/index.d.ts

@@ -0,0 +1,17 @@
+export { default as SkdxMenubar } from './Menubar.vue.js';
+export { default as SkdxMenubarArrow } from './MenubarArrow.vue.js';
+export { default as SkdxMenubarCheckboxItem } from './MenubarCheckboxItem.vue.js';
+export { default as SkdxMenubarContent } from './MenubarContent.vue.js';
+export { default as SkdxMenubarGroup } from './MenubarGroup.vue.js';
+export { default as SkdxMenubarItem } from './MenubarItem.vue.js';
+export { default as SkdxMenubarItemIndicator } from './MenubarItemIndicator.vue.js';
+export { default as SkdxMenubarLabel } from './MenubarLabel.vue.js';
+export { default as SkdxMenubarMenu } from './MenubarMenu.vue.js';
+export { default as SkdxMenubarPortal } from './MenubarPortal.vue.js';
+export { default as SkdxMenubarRadioGroup } from './MenubarRadioGroup.vue.js';
+export { default as SkdxMenubarRadioItem } from './MenubarRadioItem.vue.js';
+export { default as SkdxMenubarSeparator } from './MenubarSeparator.vue.js';
+export { default as SkdxMenubarSub } from './MenubarSub.vue.js';
+export { default as SkdxMenubarSubContent } from '../utils/MenuSubContent.vue.js';
+export { default as SkdxMenubarSubTrigger } from '../utils/MenuSubTrigger.vue.js';
+export { default as SkdxMenubarTrigger } from './MenubarTrigger.vue.js';

package/dist/menubar/index.js

@@ -0,0 +1 @@
+import r from"../utils/MenuSubContent.vue.js";import e from"../utils/MenuSubTrigger.vue.js";import u from"./Menubar.vue.js";import a from"./MenubarArrow.vue.js";import o from"./MenubarCheckboxItem.vue.js";import n from"./MenubarContent.vue.js";import b from"./MenubarGroup.vue.js";import m from"./MenubarItem.vue.js";import t from"./MenubarItemIndicator.vue.js";import s from"./MenubarLabel.vue.js";import M from"./MenubarMenu.vue.js";import i from"./MenubarPortal.vue.js";import S from"./MenubarRadioGroup.vue.js";import p from"./MenubarRadioItem.vue.js";import d from"./MenubarSeparator.vue.js";import x from"./MenubarSub.vue.js";import k from"./MenubarTrigger.vue.js";export{u as SkdxMenubar,a as SkdxMenubarArrow,o as SkdxMenubarCheckboxItem,n as SkdxMenubarContent,b as SkdxMenubarGroup,m as SkdxMenubarItem,t as SkdxMenubarItemIndicator,s as SkdxMenubarLabel,M as SkdxMenubarMenu,i as SkdxMenubarPortal,S as SkdxMenubarRadioGroup,p as SkdxMenubarRadioItem,d as SkdxMenubarSeparator,x as SkdxMenubarSub,r as SkdxMenubarSubContent,e as SkdxMenubarSubTrigger,k as SkdxMenubarTrigger};

package/dist/meter/Meter.vue.cjs

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

package/dist/meter/Meter.vue.d.cts

@@ -0,0 +1,48 @@
+/**
+ * The Vue implementation of the shared Meter contract (see `@skdx/shared`'s
+ * `meterContract`). A meter is a *static scalar within a known range* — disk
+ * usage, a score, a fuel gauge — not a task advancing toward completion, which
+ * is `<SkdxProgress>`. Clamps `value` into `[min, max]`, renders `role="meter"`
+ * with the matching `aria-value*` attributes, derives the optional
+ * `data-range` band from `low`/`high`/`optimum`, and `provide()`s the range to
+ * `<SkdxMeterIndicator>` via context.
+ *
+ * A meter announces a bare number unless you name it — always pass
+ * `aria-label` or `aria-labelledby`.
+ */
+type __VLS_Props = {
+    /** Current value, clamped into [min, max]. A meter has no indeterminate state. */
+    value?: number;
+    /** Lower bound of the range the value is measured against. */
+    min?: number;
+    /** Upper bound of the range. Raised to min if a lower value is passed. */
+    max?: number;
+    /** Upper edge of the low band. With high and optimum this defines the data-range bands. */
+    low?: number;
+    /** Lower edge of the high band. */
+    high?: number;
+    /** The ideal value; decides which end of the range is good. */
+    optimum?: number;
+    /** Formats aria-valuetext. Defaults to a rounded percentage of the position within [min, max]. */
+    getValueLabel?: (value: number, min: number, max: number) => 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<{}>, {
+    value: number;
+    max: number;
+    getValueLabel: (value: number, min: number, max: number) => string;
+    optimum: number;
+    min: number;
+    low: number;
+    high: 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/meter/Meter.vue.d.ts

@@ -0,0 +1,48 @@
+/**
+ * The Vue implementation of the shared Meter contract (see `@skdx/shared`'s
+ * `meterContract`). A meter is a *static scalar within a known range* — disk
+ * usage, a score, a fuel gauge — not a task advancing toward completion, which
+ * is `<SkdxProgress>`. Clamps `value` into `[min, max]`, renders `role="meter"`
+ * with the matching `aria-value*` attributes, derives the optional
+ * `data-range` band from `low`/`high`/`optimum`, and `provide()`s the range to
+ * `<SkdxMeterIndicator>` via context.
+ *
+ * A meter announces a bare number unless you name it — always pass
+ * `aria-label` or `aria-labelledby`.
+ */
+type __VLS_Props = {
+    /** Current value, clamped into [min, max]. A meter has no indeterminate state. */
+    value?: number;
+    /** Lower bound of the range the value is measured against. */
+    min?: number;
+    /** Upper bound of the range. Raised to min if a lower value is passed. */
+    max?: number;
+    /** Upper edge of the low band. With high and optimum this defines the data-range bands. */
+    low?: number;
+    /** Lower edge of the high band. */
+    high?: number;
+    /** The ideal value; decides which end of the range is good. */
+    optimum?: number;
+    /** Formats aria-valuetext. Defaults to a rounded percentage of the position within [min, max]. */
+    getValueLabel?: (value: number, min: number, max: number) => 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<{}>, {
+    value: number;
+    max: number;
+    getValueLabel: (value: number, min: number, max: number) => string;
+    optimum: number;
+    min: number;
+    low: number;
+    high: 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/meter/Meter.vue.js

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

package/dist/meter/Meter.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let a=require("vue");var m=["aria-valuemin","aria-valuemax","aria-valuenow","aria-valuetext","data-value","data-min","data-max","data-range"],i=(0,a.defineComponent)({__name:"Meter",props:{value:{default:0},min:{default:0},max:{default:100},low:{default:void 0},high:{default:void 0},optimum:{default:void 0},getValueLabel:{type:Function,default:(r,e,t)=>`${Math.round(o.getMeterPercent(r,e,t))}%`}},setup(r){const e=r,t=(0,a.computed)(()=>e.min),u=(0,a.computed)(()=>Math.max(e.max,e.min)),l=(0,a.computed)(()=>Math.min(Math.max(e.value,t.value),u.value)),v=(0,a.computed)(()=>o.getMeterRange(l.value,t.value,u.value,e.low,e.high,e.optimum)),n=(0,a.computed)(()=>e.getValueLabel(l.value,t.value,u.value));return(0,a.provide)(o.METER_CONTEXT,{value:l,min:t,max:u,range:v}),(d,c)=>((0,a.openBlock)(),(0,a.createElementBlock)("div",{class:"skdx-meter","data-part":"root","data-skdx-component":"meter",role:"meter","aria-valuemin":t.value,"aria-valuemax":u.value,"aria-valuenow":l.value,"aria-valuetext":n.value,"data-value":l.value,"data-min":t.value,"data-max":u.value,"data-range":v.value},[(0,a.renderSlot)(d.$slots,"default")],8,m))}});exports.default=i;