@skdx/vue 0.26.0

package/dist/utils/MenuSubContent.vue.d.ts

@@ -0,0 +1,62 @@
+import { type Align, type PhysicalSide, type Side } from './popper.js';
+/**
+ * The submenu's floating panel: `role="menu"` with
+ * `aria-orientation="vertical"` and `data-state` (`open`/`closed`),
+ * positioned by the shared popper layer against its SubTrigger (`side`
+ * defaults to the logical `'end'` — right under LTR, left under RTL — `align`
+ * to `'start'`, `sideOffset` to `0`) and exposing the resolved
+ * `data-side`/`data-align`.
+ *
+ * Owns its own vertical roving focus and typeahead over its items. ArrowLeft
+ * and Escape close only this submenu and return focus to the SubTrigger,
+ * leaving the parent menu open; under `dir="rtl"` the closing arrow is
+ * ArrowRight. Mounts only while open unless `forceMount` is set. Renders
+ * inline inside the parent menu rather than in a portal — see `menuSub.ts`.
+ * Must be used inside a `Sub` root.
+ */
+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 submenu 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, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    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/utils/MenuSubContent.vue.js

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

package/dist/utils/MenuSubContent.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const C=require("./composeRefs.cjs"),s=require("./direction.cjs"),g=require("./useRovingFocus.cjs"),l=require("./popper.cjs"),d=require("./menuSub.cjs");let e=require("vue");var v=["id","data-state","data-side","data-align"],k=(0,e.defineComponent)({__name:"MenuSubContent",props:{side:{default:"end"},align:{default:"start"},sideOffset:{default:0},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},setup(r){const u=r,t=(0,e.inject)(d.MENU_SUB_CONTEXT);if(!t)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const i=(0,e.inject)(l.POPPER_CONTEXT);if(!i)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const c=s.useDirection(),a=(0,e.ref)(null),f=C.composeRefs(a,t.contentRef),p=g.useRovingFocus({orientation:"vertical",loop:u.loop,itemSelector:d.ITEM_SELECTOR,typeahead:!0}),{style:S,placedSide:b,placedAlign:_}=l.usePopperPosition(i.anchor,a,t.open,u);function m(n){const o=s.directionalKey(n.key,n.currentTarget,c());o==="ArrowLeft"||o==="Escape"?(n.preventDefault(),t.closeNow(),t.triggerRef.value?.focus()):p(n),n.key!=="Tab"&&n.stopPropagation()}return(n,o)=>r.forceMount||(0,e.unref)(t).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(t).family}__sub-content`),"data-part":"sub-content",id:(0,e.unref)(t).contentId,ref:(0,e.unref)(f),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":(0,e.unref)(t).open.value?"open":"closed","data-side":(0,e.unref)(b),"data-align":(0,e.unref)(_),style:(0,e.normalizeStyle)((0,e.unref)(S)),onKeydown:m,onPointerenter:o[0]||(o[0]=y=>(0,e.unref)(t).openNow()),onPointerleave:o[1]||(o[1]=y=>(0,e.unref)(t).scheduleClose())},[(0,e.renderSlot)(n.$slots,"default")],46,v)):(0,e.createCommentVNode)("",!0)}});exports.default=k;

package/dist/utils/MenuSubContent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{composeRefs as e}from"./composeRefs.js";import{directionalKey as o,useDirection as t}from"./direction.js";import{useRovingFocus as n}from"./useRovingFocus.js";import{POPPER_CONTEXT as a,usePopperPosition as s}from"./popper.js";import{ITEM_SELECTOR as r,MENU_SUB_CONTEXT as i}from"./menuSub.js";import{createCommentVNode as u,createElementBlock as l,defineComponent as d,inject as p,normalizeClass as c,normalizeStyle as f,openBlock as m,ref as S,renderSlot as b,unref as y}from"vue";var v=["id","data-state","data-side","data-align"],C=/* @__PURE__ */d({__name:"MenuSubContent",props:{side:{default:"end"},align:{default:"start"},sideOffset:{default:0},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{},forceMount:{type:Boolean,default:!1},loop:{type:Boolean,default:!0}},setup(d){const C=d,g=p(i);if(!g)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const k=p(a);if(!k)throw new Error("A menu SubContent must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const w=t(),x=S(null),E=e(x,g.contentRef),M=n({orientation:"vertical",loop:C.loop,itemSelector:r,typeahead:!0}),{style:P,placedSide:R,placedAlign:T}=s(k.anchor,x,g.open,C);function _(e){const t=o(e.key,e.currentTarget,w());"ArrowLeft"===t||"Escape"===t?(e.preventDefault(),g.closeNow(),g.triggerRef.value?.focus()):M(e),"Tab"!==e.key&&e.stopPropagation()}return(e,o)=>d.forceMount||y(g).open.value?(m(),l("div",{key:0,class:c(`skdx-${y(g).family}__sub-content`),"data-part":"sub-content",id:y(g).contentId,ref:y(E),role:"menu","aria-orientation":"vertical",tabindex:"-1","data-state":y(g).open.value?"open":"closed","data-side":y(R),"data-align":y(T),style:f(y(P)),onKeydown:_,onPointerenter:o[0]||(o[0]=e=>y(g).openNow()),onPointerleave:o[1]||(o[1]=e=>y(g).scheduleClose())},[b(e.$slots,"default")],46,v)):u("",!0)}});export{C as default};

package/dist/utils/MenuSubTrigger.vue.cjs

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

package/dist/utils/MenuSubTrigger.vue.d.cts

@@ -0,0 +1,28 @@
+/**
+ * The parent-menu item that opens a submenu: `role="menuitem"` (so it takes
+ * part in the parent menu's roving focus and typeahead) with
+ * `aria-haspopup="menu"`, `aria-expanded`, `aria-controls` and `data-state`.
+ * Doubles as the positioning anchor for its SubContent. Opens on click,
+ * Enter, Space or ArrowRight — moving focus to the submenu's first item — and
+ * on hover, which leaves focus on the trigger. Under `dir="rtl"` the opening
+ * arrow is ArrowLeft instead. Selecting it never closes the parent menu. Must
+ * be used inside a `Sub` root.
+ */
+type __VLS_Props = {
+    /** Excludes the trigger from roving-focus navigation and blocks it from opening the submenu. */
+    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/utils/MenuSubTrigger.vue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * The parent-menu item that opens a submenu: `role="menuitem"` (so it takes
+ * part in the parent menu's roving focus and typeahead) with
+ * `aria-haspopup="menu"`, `aria-expanded`, `aria-controls` and `data-state`.
+ * Doubles as the positioning anchor for its SubContent. Opens on click,
+ * Enter, Space or ArrowRight — moving focus to the submenu's first item — and
+ * on hover, which leaves focus on the trigger. Under `dir="rtl"` the opening
+ * arrow is ArrowLeft instead. Selecting it never closes the parent menu. Must
+ * be used inside a `Sub` root.
+ */
+type __VLS_Props = {
+    /** Excludes the trigger from roving-focus navigation and blocks it from opening the submenu. */
+    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/utils/MenuSubTrigger.vue.js

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

package/dist/utils/MenuSubTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const s=require("./direction.cjs"),S=require("./popper.cjs"),g=require("./menuSub.cjs");let e=require("vue");var v=["aria-expanded","aria-controls","data-state","data-disabled","aria-disabled","tabindex"],h=(0,e.defineComponent)({__name:"MenuSubTrigger",props:{disabled:{type:Boolean,default:!1}},setup(o){const i=o,c=s.useDirection(),r=(0,e.inject)(g.MENU_SUB_CONTEXT);if(!r)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const a=(0,e.inject)(S.POPPER_CONTEXT);if(!a)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const u=(0,e.ref)(null);(0,e.onMounted)(()=>{r.triggerRef.value=u.value,a.setAnchor(u.value)});let t;(0,e.onBeforeUnmount)(()=>{t!==void 0&&cancelAnimationFrame(t),a.anchor.value===u.value&&a.setAnchor(null)});function d(){r.openNow(),t!==void 0&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{const n=r.contentRef.value;(n?.querySelector('[role^="menuitem"]:not([data-disabled])')??n)?.focus()})}function f(){i.disabled||d()}function b(n){if(i.disabled)return;const l=s.directionalKey(n.key,n.currentTarget,c());["ArrowRight","Enter"," "].includes(l)&&(n.preventDefault(),n.stopPropagation(),d())}function p(n){i.disabled||(n.currentTarget.focus(),r.openNow())}function m(){i.disabled||r.scheduleClose()}return(n,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)(`skdx-${(0,e.unref)(r).family}__sub-trigger`),"data-part":"sub-trigger",ref_key:"elRef",ref:u,role:"menuitem","aria-haspopup":"menu","aria-expanded":(0,e.unref)(r).open.value,"aria-controls":(0,e.unref)(r).contentId,"data-state":(0,e.unref)(r).open.value?"open":"closed","data-disabled":o.disabled?"":void 0,"aria-disabled":o.disabled||void 0,tabindex:o.disabled?void 0:-1,onClick:f,onKeydown:b,onPointerenter:p,onPointerleave:m},[(0,e.renderSlot)(n.$slots,"default")],42,v))}});exports.default=h;

package/dist/utils/MenuSubTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{directionalKey as e,useDirection as n}from"./direction.js";import{POPPER_CONTEXT as a}from"./popper.js";import{MENU_SUB_CONTEXT as o}from"./menuSub.js";import{createElementBlock as t,defineComponent as r,inject as i,normalizeClass as s,onBeforeUnmount as d,onMounted as u,openBlock as l,ref as c,renderSlot as b,unref as m}from"vue";var p=["aria-expanded","aria-controls","data-state","data-disabled","aria-disabled","tabindex"],f=/* @__PURE__ */r({__name:"MenuSubTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r){const f=r,S=n(),v=i(o);if(!v)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const g=i(a);if(!g)throw new Error("A menu SubTrigger must be used within its Sub root (SkdxDropdownMenuSub / SkdxContextMenuSub / SkdxMenubarSub).");const x=c(null);let k;function w(){v.openNow(),void 0!==k&&cancelAnimationFrame(k),k=requestAnimationFrame(()=>{const e=v.contentRef.value;(e?.querySelector('[role^="menuitem"]:not([data-disabled])')??e)?.focus()})}function h(){f.disabled||w()}function M(n){if(f.disabled)return;const a=e(n.key,n.currentTarget,S());["ArrowRight","Enter"," "].includes(a)&&(n.preventDefault(),n.stopPropagation(),w())}function T(e){f.disabled||(e.currentTarget.focus(),v.openNow())}function A(){f.disabled||v.scheduleClose()}return u(()=>{v.triggerRef.value=x.value,g.setAnchor(x.value)}),d(()=>{void 0!==k&&cancelAnimationFrame(k),g.anchor.value===x.value&&g.setAnchor(null)}),(e,n)=>(l(),t("div",{class:s(`skdx-${m(v).family}__sub-trigger`),"data-part":"sub-trigger",ref_key:"elRef",ref:x,role:"menuitem","aria-haspopup":"menu","aria-expanded":m(v).open.value,"aria-controls":m(v).contentId,"data-state":m(v).open.value?"open":"closed","data-disabled":r.disabled?"":void 0,"aria-disabled":r.disabled||void 0,tabindex:r.disabled?void 0:-1,onClick:h,onKeydown:M,onPointerenter:T,onPointerleave:A},[b(e.$slots,"default")],42,p))}});export{f as default};

package/dist/utils/PopperAnchor.vue.cjs

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

package/dist/utils/PopperAnchor.vue.d.cts

@@ -0,0 +1,25 @@
+/**
+ * Positions floating content against a custom element instead of the
+ * trigger. Renders a plain `<div>`; most consumers don't need this
+ * directly, since trigger components (`SkdxPopoverTrigger`, etc.) register
+ * themselves as the anchor automatically.
+ *
+ * This is the shared popper primitive, but it is public API: it ships as
+ * `SkdxPopoverAnchor`, the `Anchor` part of the Popover contract
+ * (`@skdx/shared` `contracts/popover.ts`), matching React's `PopoverAnchor`.
+ * Do not mark this component internal — only the popper primitives it builds
+ * on are.
+ */
+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/utils/PopperAnchor.vue.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Positions floating content against a custom element instead of the
+ * trigger. Renders a plain `<div>`; most consumers don't need this
+ * directly, since trigger components (`SkdxPopoverTrigger`, etc.) register
+ * themselves as the anchor automatically.
+ *
+ * This is the shared popper primitive, but it is public API: it ships as
+ * `SkdxPopoverAnchor`, the `Anchor` part of the Popover contract
+ * (`@skdx/shared` `contracts/popover.ts`), matching React's `PopoverAnchor`.
+ * Do not mark this component internal — only the popper primitives it builds
+ * on are.
+ */
+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/utils/PopperAnchor.vue.js

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

package/dist/utils/PopperAnchor.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const t=require("./popper.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"PopperAnchor",setup(p){const r=(0,e.inject)(t.POPPER_CONTEXT);if(!r)throw new Error("PopperAnchor must be used within a popper root (e.g. SkdxPopover).");const o=(0,e.ref)(null);return(0,e.onMounted)(()=>r.setAnchor(o.value)),(0,e.onBeforeUnmount)(()=>{r.anchor.value===o.value&&r.setAnchor(null)}),(n,l)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{ref_key:"elRef",ref:o},[(0,e.renderSlot)(n.$slots,"default")],512))}});exports.default=u;

package/dist/utils/PopperAnchor.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{POPPER_CONTEXT as e}from"./popper.js";import{createElementBlock as o,defineComponent as r,inject as n,onBeforeUnmount as t,onMounted as a,openBlock as s,ref as p,renderSlot as l}from"vue";var u=/* @__PURE__ */r({__name:"PopperAnchor",setup(r){const u=n(e);if(!u)throw new Error("PopperAnchor must be used within a popper root (e.g. SkdxPopover).");const c=p(null);return a(()=>u.setAnchor(c.value)),t(()=>{u.anchor.value===c.value&&u.setAnchor(null)}),(e,r)=>(s(),o("div",{ref_key:"elRef",ref:c},[l(e.$slots,"default")],512))}});export{u as default};

package/dist/utils/PopperRoot.vue.cjs

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

package/dist/utils/PopperRoot.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/utils/PopperRoot.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/utils/PopperRoot.vue.js

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

package/dist/utils/PopperRoot.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./popper.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"PopperRoot",setup(p){const t=(0,e.ref)(null);return(0,e.provide)(o.POPPER_CONTEXT,{anchor:t,setAnchor:r=>{t.value=r}}),(r,_)=>(0,e.renderSlot)(r.$slots,"default")}});exports.default=u;

package/dist/utils/PopperRoot.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{POPPER_CONTEXT as e}from"./popper.js";import{defineComponent as o,provide as r,ref as t,renderSlot as a}from"vue";var s=/* @__PURE__ */o({__name:"PopperRoot",setup(o){const s=t(null);return r(e,{anchor:s,setAnchor:e=>{s.value=e}}),(e,o)=>a(e.$slots,"default")}});export{s as default};

package/dist/utils/Portal.vue.cjs

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

package/dist/utils/Portal.vue.d.cts

@@ -0,0 +1,44 @@
+import type { PortalContainer } from './portal.cjs';
+/**
+ * Teleports its children into a different part of the DOM (`document.body` by
+ * default) — so overlay content escapes clipping/`overflow: hidden`
+ * ancestors and any ancestor `transform`/`filter`/`contain` that would
+ * otherwise become the containing block for `position: fixed` descendants.
+ *
+ * Thin wrapper over Vue's own `<Teleport>`, exposed publicly so consumers can
+ * portal their own content the same way the overlay components portal theirs.
+ * Every per-component `Skdx*Portal` part delegates here and forwards its own
+ * `container`, so they all accept the same targets; this one is the bare
+ * mechanism, with no family `open` state gating it.
+ *
+ * @example
+ * ```vue
+ * <SkdxPortal :container="overlayRoot">
+ *   <div class="dialog">…</div>
+ * </SkdxPortal>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are moved into.
+     * @default 'body'
+     */
+    container?: PortalContainer;
+    /** Renders the children in place instead of teleporting them — useful for SSR or for a temporary opt-out. */
+    disabled?: 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<{}>, {
+    disabled: 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/utils/Portal.vue.d.ts

@@ -0,0 +1,44 @@
+import type { PortalContainer } from './portal.js';
+/**
+ * Teleports its children into a different part of the DOM (`document.body` by
+ * default) — so overlay content escapes clipping/`overflow: hidden`
+ * ancestors and any ancestor `transform`/`filter`/`contain` that would
+ * otherwise become the containing block for `position: fixed` descendants.
+ *
+ * Thin wrapper over Vue's own `<Teleport>`, exposed publicly so consumers can
+ * portal their own content the same way the overlay components portal theirs.
+ * Every per-component `Skdx*Portal` part delegates here and forwards its own
+ * `container`, so they all accept the same targets; this one is the bare
+ * mechanism, with no family `open` state gating it.
+ *
+ * @example
+ * ```vue
+ * <SkdxPortal :container="overlayRoot">
+ *   <div class="dialog">…</div>
+ * </SkdxPortal>
+ * ```
+ */
+type __VLS_Props = {
+    /**
+     * DOM node (or CSS selector) the children are moved into.
+     * @default 'body'
+     */
+    container?: PortalContainer;
+    /** Renders the children in place instead of teleporting them — useful for SSR or for a temporary opt-out. */
+    disabled?: 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<{}>, {
+    disabled: 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/utils/Portal.vue.js

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

package/dist/utils/Portal.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var a=(0,e.defineComponent)({__name:"Portal",props:{container:{default:null},disabled:{type:Boolean,default:!1}},setup(t){return(l,o)=>((0,e.openBlock)(),(0,e.createBlock)(e.Teleport,{to:t.container??"body",disabled:t.disabled},[(0,e.renderSlot)(l.$slots,"default")],8,["to","disabled"]))}});exports.default=a;

package/dist/utils/Portal.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{Teleport as e,createBlock as a,defineComponent as o,openBlock as t,renderSlot as l}from"vue";var d=/* @__PURE__ */o({__name:"Portal",props:{container:{default:null},disabled:{type:Boolean,default:!1}},setup:o=>(d,s)=>(t(),a(e,{to:o.container??"body",disabled:o.disabled},[l(d.$slots,"default")],8,["to","disabled"]))});export{d as default};

package/dist/utils/SegmentedField.vue.cjs

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

package/dist/utils/SegmentedField.vue.d.cts

@@ -0,0 +1,62 @@
+import { type Granularity, type HourCycle, type SegmentType, type SegmentValues } from './dateSegments.cjs';
+import { type Direction } from './direction.cjs';
+type __VLS_Props = {
+    /**
+     * @internal The field rendering this, so each segment can name its own part
+     * — `skdx-date-field__segment` / `skdx-time-field__segment`. Shared code
+     * cannot hard-code one family, and a segment with no class is a segment the
+     * skin cannot reach: mirrors React's `segmentedField.tsx`, which takes the
+     * same prop for the same reason.
+     */
+    family: 'date-field' | 'time-field';
+    /** `'date'` renders year/month/day ahead of the time segments. */
+    kind: 'date' | 'time';
+    /** How far down the field is editable. */
+    granularity: Granularity;
+    /** Current per-segment values. */
+    values: SegmentValues;
+    /** Value submitted by the hidden input; `null` submits an empty entry. */
+    formValue: string | null;
+    /** BCP-47 locale deciding segment order, literals and AM/PM names. */
+    locale?: string;
+    /** Forced hour cycle; omitted follows the locale. */
+    hourCycle?: HourCycle;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    name?: string;
+    /** Writing direction override; without it, direction is read off the DOM. */
+    dir?: Direction;
+    /**
+     * The root's `getSegmentLabel`, which words the accessible name of one
+     * segment from its type.
+     * @default undefined — the built-in English names ('year', 'month', 'AM/PM', …).
+     */
+    getSegmentLabel?: (type: SegmentType) => string;
+    /**
+     * The root's `emptySegmentText`, the `aria-valuetext` an untyped segment
+     * announces instead of a number it does not have.
+     * @default 'Empty'
+     */
+    emptySegmentText?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    inputEl: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "values-change": (values: Partial<Record<SegmentType, number | null>>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onValues-change"?: ((values: Partial<Record<SegmentType, number | null>>) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    invalid: boolean;
+    dir: Direction;
+    readOnly: boolean;
+    locale: string;
+    hourCycle: HourCycle;
+    getSegmentLabel: (type: SegmentType) => string;
+    emptySegmentText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/utils/SegmentedField.vue.d.ts

@@ -0,0 +1,62 @@
+import { type Granularity, type HourCycle, type SegmentType, type SegmentValues } from './dateSegments.js';
+import { type Direction } from './direction.js';
+type __VLS_Props = {
+    /**
+     * @internal The field rendering this, so each segment can name its own part
+     * — `skdx-date-field__segment` / `skdx-time-field__segment`. Shared code
+     * cannot hard-code one family, and a segment with no class is a segment the
+     * skin cannot reach: mirrors React's `segmentedField.tsx`, which takes the
+     * same prop for the same reason.
+     */
+    family: 'date-field' | 'time-field';
+    /** `'date'` renders year/month/day ahead of the time segments. */
+    kind: 'date' | 'time';
+    /** How far down the field is editable. */
+    granularity: Granularity;
+    /** Current per-segment values. */
+    values: SegmentValues;
+    /** Value submitted by the hidden input; `null` submits an empty entry. */
+    formValue: string | null;
+    /** BCP-47 locale deciding segment order, literals and AM/PM names. */
+    locale?: string;
+    /** Forced hour cycle; omitted follows the locale. */
+    hourCycle?: HourCycle;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    required?: boolean;
+    name?: string;
+    /** Writing direction override; without it, direction is read off the DOM. */
+    dir?: Direction;
+    /**
+     * The root's `getSegmentLabel`, which words the accessible name of one
+     * segment from its type.
+     * @default undefined — the built-in English names ('year', 'month', 'AM/PM', …).
+     */
+    getSegmentLabel?: (type: SegmentType) => string;
+    /**
+     * The root's `emptySegmentText`, the `aria-valuetext` an untyped segment
+     * announces instead of a number it does not have.
+     * @default 'Empty'
+     */
+    emptySegmentText?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    inputEl: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "values-change": (values: Partial<Record<SegmentType, number | null>>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onValues-change"?: ((values: Partial<Record<SegmentType, number | null>>) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    name: string;
+    invalid: boolean;
+    dir: Direction;
+    readOnly: boolean;
+    locale: string;
+    hourCycle: HourCycle;
+    getSegmentLabel: (type: SegmentType) => string;
+    emptySegmentText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/utils/SegmentedField.vue.js

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

package/dist/utils/SegmentedField.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const E=require("./direction.cjs"),u=require("./dateSegments.cjs");let t=require("vue");var S=["aria-disabled","aria-invalid","data-disabled","data-readonly","data-invalid","dir"],w=["tabindex","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","aria-valuetext","aria-disabled","aria-readonly","aria-required","data-segment","data-placeholder","onKeydown"],q=["name","^value","required","disabled"],D=(0,t.defineComponent)({__name:"SegmentedField",props:{family:{},kind:{},granularity:{},values:{},formValue:{},locale:{default:void 0},hourCycle:{default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:u.EMPTY_VALUE_TEXT}},emits:["values-change"],setup(l,{expose:v,emit:k}){const i=l,b=k;function p(a){const r=a.type;return i.getSegmentLabel?i.getSegmentLabel(r):u.SEGMENT_LABELS[r]}const f=(0,t.ref)(null),s=(0,t.ref)(null);v({inputEl:s});const h=(0,t.computed)(()=>u.buildSegments({kind:i.kind,granularity:i.granularity,locale:i.locale,hourCycle:i.hourCycle,values:i.values}));let d=0;function g(){d=0}function c(a,r){if(i.readOnly)return;const e={...i.values,[a]:r};(a==="month"||a==="year")&&e.day!=null&&(e.day=Math.min(e.day,u.daysInMonth(e.year,e.month))),b("values-change",e),(0,t.nextTick)(()=>{f.value?.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}function x(){return f.value?Array.from(f.value.querySelectorAll('[role="spinbutton"][data-segment]')):[]}function m(a,r){const e=x(),n=e[e.indexOf(a)+r];n&&(d=0,n.focus())}function B(a,r){const e=r.type,n=a.currentTarget,y=E.directionalKey(a.key,n,i.dir);if(y==="ArrowLeft"||y==="ArrowRight"){a.preventDefault(),m(n,y==="ArrowRight"?1:-1);return}if(!i.readOnly){if(a.key==="ArrowUp"||a.key==="ArrowDown"){a.preventDefault(),d=0,c(e,u.stepSegment(r,a.key==="ArrowUp"?1:-1));return}if(a.key==="Home"||a.key==="End"){a.preventDefault(),d=0,c(e,a.key==="Home"?r.min:r.max);return}if(a.key==="Backspace"||a.key==="Delete"){a.preventDefault(),d=0,c(e,null);return}if(e==="dayPeriod"){const o=a.key.toLowerCase();(o==="a"||o==="p")&&(a.preventDefault(),c(e,o==="a"?0:1));return}if(/^\d$/.test(a.key)){a.preventDefault();const o=u.typeDigit(r,d,Number(a.key));d=o.buffer,c(e,o.value),o.advance&&m(n,1)}}}return(a,r)=>((0,t.openBlock)(),(0,t.createElementBlock)("div",{ref_key:"rootRef",ref:f,role:"group","data-skdx-field-control":"","aria-disabled":l.disabled?!0:void 0,"aria-invalid":l.invalid?!0:void 0,"data-disabled":l.disabled?"":void 0,"data-readonly":l.readOnly?"":void 0,"data-invalid":l.invalid?"":void 0,dir:l.dir},[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(h.value,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:e.isEditable?e.type:`literal-${n}`},[e.isEditable?((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:0,class:(0,t.normalizeClass)(`skdx-${l.family}__segment`),"data-part":"segment",role:"spinbutton",tabindex:l.disabled?-1:0,"aria-label":p(e),"aria-valuenow":e.value??e.min,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-valuetext":e.isPlaceholder?l.emptySegmentText:e.text,"aria-disabled":l.disabled?!0:void 0,"aria-readonly":l.readOnly?!0:void 0,"aria-required":l.required?!0:void 0,"data-segment":e.type,"data-placeholder":e.isPlaceholder?"":void 0,onKeydown:y=>B(y,e),onFocus:g},(0,t.toDisplayString)(e.text),43,w)):((0,t.openBlock)(),(0,t.createElementBlock)("span",{key:1,class:(0,t.normalizeClass)(`skdx-${l.family}__segment`),"data-part":"segment","aria-hidden":"true","data-segment":"literal"},(0,t.toDisplayString)(e.text),3))],64))),128)),l.name?((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:0,ref_key:"inputEl",ref:s,"aria-hidden":"true",tabindex:"-1",name:l.name,"^value":l.formValue??"",required:l.required,disabled:l.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,q)):(0,t.createCommentVNode)("",!0)],8,S))}});exports.default=D;

package/dist/utils/SegmentedField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{directionalKey as e}from"./direction.js";import{EMPTY_VALUE_TEXT as a,SEGMENT_LABELS as t,buildSegments as i,daysInMonth as n,stepSegment as r,typeDigit as l}from"./dateSegments.js";import{Fragment as d,computed as o,createCommentVNode as s,createElementBlock as u,defineComponent as m,nextTick as y,normalizeClass as v,openBlock as p,ref as f,renderList as c,toDisplayString as g}from"vue";var b=["aria-disabled","aria-invalid","data-disabled","data-readonly","data-invalid","dir"],k=["tabindex","aria-label","aria-valuenow","aria-valuemin","aria-valuemax","aria-valuetext","aria-disabled","aria-readonly","aria-required","data-segment","data-placeholder","onKeydown"],x=["name","^value","required","disabled"],h=/* @__PURE__ */m({__name:"SegmentedField",props:{family:{},kind:{},granularity:{},values:{},formValue:{},locale:{default:void 0},hourCycle:{default:void 0},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},invalid:{type:Boolean,default:!1},required:{type:Boolean,default:!1},name:{default:void 0},dir:{default:void 0},getSegmentLabel:{type:Function,default:void 0},emptySegmentText:{default:a}},emits:["values-change"],setup(a,{expose:m,emit:h}){const w=a,E=h;function S(e){const a=e.type;return w.getSegmentLabel?w.getSegmentLabel(a):t[a]}const _=f(null),A=f(null);m({inputEl:A});const D=o(()=>i({kind:w.kind,granularity:w.granularity,locale:w.locale,hourCycle:w.hourCycle,values:w.values}));let L=0;function q(){L=0}function B(e,a){if(w.readOnly)return;const t={...w.values,[e]:a};("month"===e||"year"===e)&&null!=t.day&&(t.day=Math.min(t.day,n(t.year,t.month))),E("values-change",t),y(()=>{_.value?.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))})}function T(e,a){const t=_.value?Array.from(_.value.querySelectorAll('[role="spinbutton"][data-segment]')):[],i=t[t.indexOf(e)+a];i&&(L=0,i.focus())}return(t,i)=>(p(),u("div",{ref_key:"rootRef",ref:_,role:"group","data-skdx-field-control":"","aria-disabled":!!a.disabled||void 0,"aria-invalid":!!a.invalid||void 0,"data-disabled":a.disabled?"":void 0,"data-readonly":a.readOnly?"":void 0,"data-invalid":a.invalid?"":void 0,dir:a.dir},[(p(!0),u(d,null,c(D.value,(t,i)=>(p(),u(d,{key:t.isEditable?t.type:`literal-${i}`},[t.isEditable?(p(),u("span",{key:0,class:v(`skdx-${a.family}__segment`),"data-part":"segment",role:"spinbutton",tabindex:a.disabled?-1:0,"aria-label":S(t),"aria-valuenow":t.value??t.min,"aria-valuemin":t.min,"aria-valuemax":t.max,"aria-valuetext":t.isPlaceholder?a.emptySegmentText:t.text,"aria-disabled":!!a.disabled||void 0,"aria-readonly":!!a.readOnly||void 0,"aria-required":!!a.required||void 0,"data-segment":t.type,"data-placeholder":t.isPlaceholder?"":void 0,onKeydown:a=>function(a,t){const i=t.type,n=a.currentTarget,d=e(a.key,n,w.dir);if("ArrowLeft"===d||"ArrowRight"===d)return a.preventDefault(),void T(n,"ArrowRight"===d?1:-1);if(!w.readOnly){if("ArrowUp"===a.key||"ArrowDown"===a.key)return a.preventDefault(),L=0,void B(i,r(t,"ArrowUp"===a.key?1:-1));if("Home"===a.key||"End"===a.key)return a.preventDefault(),L=0,void B(i,"Home"===a.key?t.min:t.max);if("Backspace"===a.key||"Delete"===a.key)return a.preventDefault(),L=0,void B(i,null);if("dayPeriod"===i){const e=a.key.toLowerCase();return void(("a"===e||"p"===e)&&(a.preventDefault(),B(i,"a"===e?0:1)))}if(/^\d$/.test(a.key)){a.preventDefault();const e=l(t,L,Number(a.key));L=e.buffer,B(i,e.value),e.advance&&T(n,1)}}}(a,t),onFocus:q},g(t.text),43,k)):(p(),u("span",{key:1,class:v(`skdx-${a.family}__segment`),"data-part":"segment","aria-hidden":"true","data-segment":"literal"},g(t.text),3))],64))),128)),a.name?(p(),u("input",{key:0,ref_key:"inputEl",ref:A,"aria-hidden":"true",tabindex:"-1",name:a.name,"^value":a.formValue??"",required:a.required,disabled:a.disabled,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"}},null,8,x)):s("",!0)],8,b))}});export{h as default};

package/dist/utils/VisuallyHidden.vue.cjs

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

package/dist/utils/VisuallyHidden.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/utils/VisuallyHidden.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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/utils/VisuallyHidden.vue.js

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

package/dist/utils/VisuallyHidden.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var r=(0,e.defineComponent)({__name:"VisuallyHidden",setup(n){const t={position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"};return(l,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{style:t},[(0,e.renderSlot)(l.$slots,"default")]))}});exports.default=r;

package/dist/utils/VisuallyHidden.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as o,openBlock as a,renderSlot as t}from"vue";var r=/* @__PURE__ */o({__name:"VisuallyHidden",setup(o){const r={position:"absolute",border:"0",width:"1px",height:"1px",padding:"0",margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"};return(o,n)=>(a(),e("span",{style:r},[t(o.$slots,"default")]))}});export{r as default};

package/dist/utils/clamp.cjs

@@ -0,0 +1 @@
+function t(a,m,n){return Math.min(Math.max(a,m),n)}exports.clamp=t;

package/dist/utils/clamp.d.cts

@@ -0,0 +1,2 @@
+/** @internal Restricts `value` to the inclusive `[min, max]` range. */
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/utils/clamp.d.ts

@@ -0,0 +1,2 @@
+/** @internal Restricts `value` to the inclusive `[min, max]` range. */
+export declare function clamp(value: number, min: number, max: number): number;

package/dist/utils/clamp.js

@@ -0,0 +1 @@
+function a(a,t,n){return Math.min(Math.max(a,t),n)}export{a as clamp};

package/dist/utils/color.cjs

@@ -0,0 +1 @@
+const l=require("./clamp.cjs");function u(n,t=0){const r=10**t;return Math.round(n*r)/r}function h(n){return(n%360+360)%360}function f(n){return l.clamp(Math.round(n),0,255).toString(16).padStart(2,"0")}function M(n,t,r,s,c){return c?h((s===n?(t-r)/c:s===t?(r-n)/c+2:(n-t)/c+4)*60):0}function R(n,t,r,s,c){const o=Math.floor(h(n)/60)%6,[a,e,i]=[[t,r,0],[r,t,0],[0,t,r],[0,r,t],[r,0,t],[t,0,r]][o]??[0,0,0];return{r:u((a+s)*255),g:u((e+s)*255),b:u((i+s)*255),a:c}}function C(n,t=!1){const r=`#${f(n.r)}${f(n.g)}${f(n.b)}`;return t?`${r}${f(l.clamp(n.a,0,1)*255)}`:r}var A=/^#?([\da-f]{3,8})$/i;function x(n){const t=A.exec(n.trim());if(!t)return null;let r=t[1];if((r.length===3||r.length===4)&&(r=r.split("").map(c=>c+c).join("")),r.length!==6&&r.length!==8)return null;const s=c=>parseInt(r.slice(c,c+2),16);return{r:s(0),g:s(2),b:s(4),a:r.length===8?u(s(6)/255,3):1}}function g(n){const t=l.clamp(n.r,0,255)/255,r=l.clamp(n.g,0,255)/255,s=l.clamp(n.b,0,255)/255,c=Math.max(t,r,s),o=c-Math.min(t,r,s);return{h:M(t,r,s,c,o),s:c?o/c*100:0,b:c*100,a:l.clamp(n.a,0,1)}}function T(n){const t=h(n.h),r=l.clamp(n.s,0,100)/100,s=l.clamp(n.b,0,100)/100,c=s*r;return R(t,c,c*(1-Math.abs(t/60%2-1)),s-c,l.clamp(n.a,0,1))}function E(n){const t=l.clamp(n.r,0,255)/255,r=l.clamp(n.g,0,255)/255,s=l.clamp(n.b,0,255)/255,c=Math.max(t,r,s),o=Math.min(t,r,s),a=c-o,e=(c+o)/2,i=a?a/(1-Math.abs(2*e-1)):0;return{h:M(t,r,s,c,a),s:l.clamp(i*100,0,100),l:e*100,a:l.clamp(n.a,0,1)}}function F(n){const t=h(n.h),r=l.clamp(n.s,0,100)/100,s=l.clamp(n.l,0,100)/100,c=(1-Math.abs(2*s-1))*r;return R(t,c,c*(1-Math.abs(t/60%2-1)),s-c/2,l.clamp(n.a,0,1))}function N(n){const t=l.clamp(n.s,0,100)/100,r=l.clamp(n.b,0,100)/100,s=r*(1-t/2),c=Math.min(s,1-s);return{h:h(n.h),s:c?(r-s)/c*100:0,l:s*100,a:l.clamp(n.a,0,1)}}function O(n){const t=l.clamp(n.s,0,100)/100,r=l.clamp(n.l,0,100)/100,s=r+t*Math.min(r,1-r);return{h:h(n.h),s:s?2*(1-r/s)*100:0,b:s*100,a:l.clamp(n.a,0,1)}}var _=/^(rgba?|hsla?|hsba?|hsva?)\(([^()]*)\)$/;function d(n){if(n===void 0)return null;const t=n.endsWith("%"),r=t?n.slice(0,-1):n.replace(/deg$/,"");if(r.trim()==="")return null;const s=Number(r);return Number.isFinite(s)?{value:s,percent:t}:null}function b(n){const t=d(n);return t&&(t.percent?t.value/100*255:t.value)}function $(n){const t=d(n);return t&&t.value}function q(n){if(n===void 0)return 1;const t=d(n);return t&&(t.percent?t.value/100:t.value)}function m(n){return{h:u(h(n.h),2),s:u(l.clamp(n.s,0,100),2),b:u(l.clamp(n.b,0,100),2),a:u(l.clamp(n.a,0,1),3)}}function w(n){if(typeof n!="string")return null;const t=n.trim().toLowerCase();if(!t)return null;const r=_.exec(t);if(!r){const p=x(t);return p?m(g(p)):null}const s=r[1].replace(/a$/,""),c=r[2].replace(/\//g," ").split(/[\s,]+/).filter(Boolean);if(c.length!==3&&c.length!==4)return null;const o=q(c[3]);if(o===null)return null;if(s==="rgb"){const p=b(c[0]),v=b(c[1]),H=b(c[2]);return p===null||v===null||H===null?null:m(g({r:p,g:v,b:H,a:o}))}const a=$(c[0]),e=$(c[1]),i=$(c[2]);return a===null||e===null||i===null?null:m(s==="hsl"?O({h:a,s:e,l:i,a:o}):{h:a,s:e,b:i,a:o})}function y(n,t,r=!0){const s=u(l.clamp(n.a,0,1),3),c=r&&s<1;if(t==="rgb"){const{r:o,g:a,b:e}=T(n);return c?`rgba(${o}, ${a}, ${e}, ${s})`:`rgb(${o}, ${a}, ${e})`}if(t==="hsl"){const o=N(n),a=u(o.h),e=u(o.s),i=u(o.l);return c?`hsla(${a}, ${e}%, ${i}%, ${s})`:`hsl(${a}, ${e}%, ${i}%)`}if(t==="hsb"){const o=u(h(n.h)),a=u(l.clamp(n.s,0,100)),e=u(l.clamp(n.b,0,100));return c?`hsba(${o}, ${a}%, ${e}%, ${s})`:`hsb(${o}, ${a}%, ${e}%)`}return C(T(n),c)}exports.formatColor=y;exports.hexToRgb=x;exports.hsbToHsl=N;exports.hsbToRgb=T;exports.hslToHsb=O;exports.hslToRgb=F;exports.parseColor=w;exports.rgbToHex=C;exports.rgbToHsb=g;exports.rgbToHsl=E;