@skdx/vue 0.28.0 → 0.29.0

package/dist/tree-select/TreeSelectContent.vue.d.ts

@@ -1,8 +1,6 @@
 import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
 import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
-/**
- * The popup panel, positioned relative to the trigger via floating-ui. Renders a plain `<div>` with the tree role on `SkdxTreeSelectTree` inside it. Carries `data-state` and popper positioning data. Focus never enters the tree; it stays on the input or trigger and navigates via `aria-activedescendant`. Closes on Escape or outside interaction unless handlers call `preventDefault()`.
- */
+/** The popup panel, positioned relative to the trigger; focus stays on the input or trigger, never the tree. */
 type __VLS_Props = {
     /** Preferred side of the trigger to render on. */
     side?: Side;
@@ -17,13 +15,17 @@ type __VLS_Props = {
     /** Minimum distance in pixels 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.
+     * Element (or elements) collisions are measured against, instead of the panel's clipping ancestors.
      * @default undefined — the panel's clipping ancestors.
      */
-    collisionBoundary?: Element | Element[] | null;
+    collisionBoundary?: Element | Element[] | null | undefined;
     /** Keep this panel mounted even while closed, instead of unmounting it. */
     forceMount?: boolean;
+    /**
+     * Size rung the skin renders the panel at, reflected as `data-size`.
+     * @default undefined — falls back to a `data-size` attribute.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -35,19 +37,18 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "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;
+    "onFocus-outside"?: (event: FocusOutsideEvent) => any;
+    "onEscape-key-down"?: (event: KeyboardEvent) => any;
+    "onPointer-down-outside"?: (event: PointerEvent) => any;
+    "onInteract-outside"?: (event: InteractOutsideEvent) => any;
 }>, {
-    forceMount: boolean;
     align: Align;
+    forceMount: boolean;
     side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;
     collisionPadding: number | Partial<Record<PhysicalSide, number>>;
-    collisionBoundary: Element | Element[] | null;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree-select/TreeSelectContent.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const T=require("../utils/composeRefs.cjs"),y=require("../utils/useDismiss.cjs"),m=require("../utils/popper.cjs"),q=require("./context.cjs");let t=require("vue");var E=["data-state","data-multiple","data-side","data-align"],O=(0,t.defineComponent)({__name:"TreeSelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{default:void 0},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(s,{emit:g}){const v=s,r=g,l=(0,t.inject)(q.TREE_SELECT_CONTEXT);if(!l)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const n=l,c=(0,t.inject)(m.POPPER_CONTEXT);if(!c)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const a=(0,t.ref)(null),_=T.composeRefs(a,n.contentRef),u=(0,t.computed)(()=>n.open.value),{style:h,placedSide:C,placedAlign:S}=m.usePopperPosition(c.anchor,a,u,()=>({...v,component:"tree-select"}));y.useDismiss({enabled:u,onEscapeKeyDown:e=>{r("escape-key-down",e),!e.defaultPrevented&&(n.onOpenChange(!1),n.focusTrigger())},onPointerDownOutside:e=>{r("pointer-down-outside",e),e.defaultPrevented||n.onOpenChange(!1)},onFocusOutside:e=>{r("focus-outside",e),e.defaultPrevented||n.onOpenChange(!1)},onInteractOutside:e=>r("interact-outside",e)},[a,n.triggerRef]);let i;function d(){i!==void 0&&cancelAnimationFrame(i),u.value&&(i=requestAnimationFrame(()=>{n.inputRef.value?.focus({preventScroll:!0});const e=a.value,o=e?.querySelector('[role="treeitem"][data-highlighted]');e&&o&&w(e,o)}))}function w(e,o){if(!e.contains(o))return;const f=e.getBoundingClientRect(),p=o.getBoundingClientRect();e.scrollTop+=p.top-f.top-(f.height-p.height)/2}(0,t.onMounted)(d),(0,t.watch)(u,d),(0,t.onBeforeUnmount)(()=>{i!==void 0&&cancelAnimationFrame(i)});function R(e){e.target!==n.inputRef.value&&e.preventDefault()}return(e,o)=>s.forceMount||(0,t.unref)(n).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",{key:0,class:"skdx-tree-select__content","data-part":"content",ref:(0,t.unref)(_),"data-state":(0,t.unref)(n).open.value?"open":"closed","data-multiple":(0,t.unref)(n).multiple?"":void 0,"data-side":(0,t.unref)(C),"data-align":(0,t.unref)(S),style:(0,t.normalizeStyle)((0,t.unref)(h)),onMousedown:R},[(0,t.renderSlot)(e.$slots,"default")],44,E)):(0,t.createCommentVNode)("",!0)}});exports.default=O;
+const S=require("../utils/appearance.cjs"),y=require("../utils/injectRequired.cjs"),T=require("../utils/composeRefs.cjs"),w=require("../utils/useDismiss.cjs"),p=require("../utils/popper.cjs"),P=require("./context.cjs");let t=require("vue");var O=["data-state","data-layout","data-multiple","data-side","data-align"],k=(0,t.defineComponent)({inheritAttrs:!1,__name:"TreeSelectContent",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},size:{}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(s,{emit:m}){const g=s,i=m,n=y.injectRequired(P.TREE_SELECT_CONTEXT,"SkdxTreeSelectContent must be used within SkdxTreeSelect."),l=(0,t.inject)(p.POPPER_CONTEXT);if(!l)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const a=(0,t.ref)(null),v=T.composeRefs(a,n.contentRef),u=(0,t.computed)(()=>n.open.value),{style:h,placedSide:_,placedAlign:q}=p.usePopperPosition(l.anchor,a,u,()=>({...g,component:"tree-select"}));w.useDismiss({enabled:u,onEscapeKeyDown:e=>{i("escape-key-down",e),!e.defaultPrevented&&(n.onOpenChange(!1),n.focusTrigger())},onPointerDownOutside:e=>{i("pointer-down-outside",e),e.defaultPrevented||n.onOpenChange(!1)},onFocusOutside:e=>{i("focus-outside",e),e.defaultPrevented||n.onOpenChange(!1)},onInteractOutside:e=>i("interact-outside",e)},[a,n.triggerRef]);let r;function c(){r!==void 0&&cancelAnimationFrame(r),u.value&&(r=requestAnimationFrame(()=>{n.inputRef.value?.focus({preventScroll:!0});const e=a.value,o=e?.querySelector('[role="treeitem"][data-highlighted]');e&&o&&C(e,o)}))}function C(e,o){if(!e.contains(o))return;const d=e.getBoundingClientRect(),f=o.getBoundingClientRect();e.scrollTop+=f.top-d.top-(d.height-f.height)/2}(0,t.onMounted)(c),(0,t.watch)(u,c),(0,t.onBeforeUnmount)(()=>{r!==void 0&&cancelAnimationFrame(r)});function R(e){e.target!==n.inputRef.value&&e.preventDefault()}return(e,o)=>s.forceMount||(0,t.unref)(n).open.value?((0,t.openBlock)(),(0,t.createElementBlock)("div",(0,t.mergeProps)({key:0,ref:(0,t.unref)(v),class:"skdx-tree-select__content","data-part":"content","data-state":(0,t.unref)(n).open.value?"open":"closed","data-layout":(0,t.unref)(n).layout.value,"data-multiple":(0,t.unref)(n).multiple?"":void 0,"data-side":(0,t.unref)(_),"data-align":(0,t.unref)(q),style:(0,t.unref)(h)},{...e.$attrs,...(0,t.unref)(S.appearanceAttrs)({size:s.size},e.$attrs)},{onMousedown:R}),[(0,t.renderSlot)(e.$slots,"default")],16,O)):(0,t.createCommentVNode)("",!0)}});exports.default=k;

package/dist/tree-select/TreeSelectContent.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{composeRefs as e}from"../utils/composeRefs.js";import{useDismiss as t}from"../utils/useDismiss.js";import{POPPER_CONTEXT as o,usePopperPosition as n}from"../utils/popper.js";import{TREE_SELECT_CONTEXT as a}from"./context.js";import{computed as s,createCommentVNode as i,createElementBlock as l,defineComponent as r,inject as d,normalizeStyle as u,onBeforeUnmount as c,onMounted as p,openBlock as f,ref as m,renderSlot as g,unref as v,watch as h}from"vue";var S=["data-state","data-multiple","data-side","data-align"],w=/* @__PURE__ */r({__name:"TreeSelectContent",props:{side:{default:"bottom"},align:{default:"start"},sideOffset:{default:4},alignOffset:{default:0},avoidCollisions:{type:Boolean,default:!0},collisionPadding:{default:8},collisionBoundary:{default:void 0},forceMount:{type:Boolean,default:!1}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(r,{emit:w}){const C=r,T=w,y=d(a);if(!y)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const E=y,O=d(o);if(!O)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const k=m(null),P=e(k,E.contentRef),R=s(()=>E.open.value),{style:B,placedSide:x,placedAlign:_}=n(O.anchor,k,R,()=>({...C,component:"tree-select"}));let j;function D(){void 0!==j&&cancelAnimationFrame(j),R.value&&(j=requestAnimationFrame(()=>{E.inputRef.value?.focus({preventScroll:!0});const e=k.value,t=e?.querySelector('[role="treeitem"][data-highlighted]');e&&t&&function(e,t){if(!e.contains(t))return;const o=e.getBoundingClientRect(),n=t.getBoundingClientRect();e.scrollTop+=n.top-o.top-(o.height-n.height)/2}(e,t)}))}function b(e){e.target!==E.inputRef.value&&e.preventDefault()}return t({enabled:R,onEscapeKeyDown:e=>{T("escape-key-down",e),!e.defaultPrevented&&(E.onOpenChange(!1),E.focusTrigger())},onPointerDownOutside:e=>{T("pointer-down-outside",e),e.defaultPrevented||E.onOpenChange(!1)},onFocusOutside:e=>{T("focus-outside",e),e.defaultPrevented||E.onOpenChange(!1)},onInteractOutside:e=>T("interact-outside",e)},[k,E.triggerRef]),p(D),h(R,D),c(()=>{void 0!==j&&cancelAnimationFrame(j)}),(e,t)=>r.forceMount||v(E).open.value?(f(),l("div",{key:0,class:"skdx-tree-select__content","data-part":"content",ref:v(P),"data-state":v(E).open.value?"open":"closed","data-multiple":v(E).multiple?"":void 0,"data-side":v(x),"data-align":v(_),style:u(v(B)),onMousedown:b},[g(e.$slots,"default")],44,S)):i("",!0)}});export{w as default};
+import{appearanceAttrs as e}from"../utils/appearance.js";import{injectRequired as t}from"../utils/injectRequired.js";import{composeRefs as o}from"../utils/composeRefs.js";import{useDismiss as n}from"../utils/useDismiss.js";import{POPPER_CONTEXT as a,usePopperPosition as s}from"../utils/popper.js";import{TREE_SELECT_CONTEXT as i}from"./context.js";import{computed as r,createCommentVNode as l,createElementBlock as u,defineComponent as d,inject as c,mergeProps as p,onBeforeUnmount as f,onMounted as m,openBlock as g,ref as v,renderSlot as h,unref as C,watch as S}from"vue";var y=["data-state","data-layout","data-multiple","data-side","data-align"],T=/* @__PURE__ */d({inheritAttrs:!1,__name:"TreeSelectContent",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},size:{}},emits:["escape-key-down","pointer-down-outside","focus-outside","interact-outside"],setup(d,{emit:T}){const w=d,R=T,O=t(i,"SkdxTreeSelectContent must be used within SkdxTreeSelect."),P=c(a);if(!P)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const k=v(null),E=o(k,O.contentRef),j=r(()=>O.open.value),{style:B,placedSide:x,placedAlign:_}=s(P.anchor,k,j,()=>({...w,component:"tree-select"}));let A;function D(){void 0!==A&&cancelAnimationFrame(A),j.value&&(A=requestAnimationFrame(()=>{O.inputRef.value?.focus({preventScroll:!0});const e=k.value,t=e?.querySelector('[role="treeitem"][data-highlighted]');e&&t&&function(e,t){if(!e.contains(t))return;const o=e.getBoundingClientRect(),n=t.getBoundingClientRect();e.scrollTop+=n.top-o.top-(o.height-n.height)/2}(e,t)}))}function b(e){e.target!==O.inputRef.value&&e.preventDefault()}return n({enabled:j,onEscapeKeyDown:e=>{R("escape-key-down",e),!e.defaultPrevented&&(O.onOpenChange(!1),O.focusTrigger())},onPointerDownOutside:e=>{R("pointer-down-outside",e),e.defaultPrevented||O.onOpenChange(!1)},onFocusOutside:e=>{R("focus-outside",e),e.defaultPrevented||O.onOpenChange(!1)},onInteractOutside:e=>R("interact-outside",e)},[k,O.triggerRef]),m(D),S(j,D),f(()=>{void 0!==A&&cancelAnimationFrame(A)}),(t,o)=>d.forceMount||C(O).open.value?(g(),u("div",p({key:0,ref:C(E),class:"skdx-tree-select__content","data-part":"content","data-state":C(O).open.value?"open":"closed","data-layout":C(O).layout.value,"data-multiple":C(O).multiple?"":void 0,"data-side":C(x),"data-align":C(_),style:C(B)},{...t.$attrs,...C(e)({size:d.size},t.$attrs)},{onMousedown:b}),[h(t.$slots,"default")],16,y)):l("",!0)}});export{T as default};

package/dist/tree-select/TreeSelectEmpty.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const c=require("./context.cjs");let e=require("vue");var l={key:0,class:"skdx-tree-select__empty","data-part":"empty",role:"presentation"},o=(0,e.defineComponent)({__name:"TreeSelectEmpty",setup(_){const t=(0,e.inject)(c.TREE_SELECT_CONTEXT);if(!t)throw new Error("SkdxTreeSelectEmpty must be used within SkdxTreeSelect.");const r=t;return(n,u)=>(0,e.unref)(r).flat.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)("div",l,[(0,e.renderSlot)(n.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=o;
+const n=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var _={key:0,class:"skdx-tree-select__empty","data-part":"empty",role:"presentation"},c=(0,e.defineComponent)({__name:"TreeSelectEmpty",setup(l){const t=n.injectRequired(u.TREE_SELECT_CONTEXT,"SkdxTreeSelectEmpty must be used within SkdxTreeSelect.");return(r,o)=>(0,e.unref)(t).flat.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)("div",_,[(0,e.renderSlot)(r.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=c;

package/dist/tree-select/TreeSelectEmpty.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TREE_SELECT_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as r,defineComponent as a,inject as s,openBlock as o,renderSlot as n,unref as l}from"vue";var m={key:0,class:"skdx-tree-select__empty","data-part":"empty",role:"presentation"},c=/* @__PURE__ */a({__name:"TreeSelectEmpty",setup(a){const c=s(e);if(!c)throw new Error("SkdxTreeSelectEmpty must be used within SkdxTreeSelect.");const p=c;return(e,a)=>0===l(p).flat.value.length?(o(),r("div",m,[n(e.$slots,"default")])):t("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_SELECT_CONTEXT as t}from"./context.js";import{createCommentVNode as r,createElementBlock as s,defineComponent as a,openBlock as o,renderSlot as n,unref as l}from"vue";var m={key:0,class:"skdx-tree-select__empty","data-part":"empty",role:"presentation"},c=/* @__PURE__ */a({__name:"TreeSelectEmpty",setup(a){const c=e(t,"SkdxTreeSelectEmpty must be used within SkdxTreeSelect.");return(e,t)=>0===l(c).flat.value.length?(o(),s("div",m,[n(e.$slots,"default")])):r("",!0)}});export{c as default};

package/dist/tree-select/TreeSelectInput.vue.d.cts

@@ -1,6 +1,9 @@
-/**
- * Optional filter field inside the content. Renders an `<input type="text">` that takes DOM focus when the popup opens, with `aria-controls` pointing at the tree and `aria-activedescendant` for virtual focus. Typing filters the tree; matches keep their whole ancestor chain visible and expand transiently.
- */
+/** Optional filter field inside the content that takes DOM focus when the popup opens. */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native text input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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/tree-select/TreeSelectInput.vue.d.ts

@@ -1,6 +1,9 @@
-/**
- * Optional filter field inside the content. Renders an `<input type="text">` that takes DOM focus when the popup opens, with `aria-controls` pointing at the tree and `aria-activedescendant` for virtual focus. Typing filters the tree; matches keep their whole ancestor chain visible and expand transiently.
- */
+/** Optional filter field inside the content that takes DOM focus when the popup opens. */
 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>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native text input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, 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/tree-select/TreeSelectInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const c=require("../utils/reassertValue.cjs"),d=require("./context.cjs");let t=require("vue");var s=["aria-controls","aria-activedescendant","aria-readonly","data-readonly","disabled","value"],p=(0,t.defineComponent)({__name:"TreeSelectInput",setup(v){const r=(0,t.inject)(d.TREE_SELECT_CONTEXT);if(!r)throw new Error("SkdxTreeSelectInput must be used within SkdxTreeSelect.");const e=r,n=(0,t.ref)(null);(0,t.onMounted)(()=>{e.inputRef.value=n.value,e.setHasInput(!0)}),(0,t.onBeforeUnmount)(()=>{e.setHasInput(!1),e.inputRef.value===n.value&&(e.inputRef.value=null)});const l=(0,t.computed)(()=>e.activeValue.value===null?void 0:e.itemId(e.activeValue.value));function o(a){const u=a.target;e.onInputValueChange(u.value),c.reassertValue(u,()=>e.inputValue.value)}function i(a){e.onNavigationKeyDown(a,{typeahead:!1,selectOnSpace:!1})}return(a,u)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{class:"skdx-tree-select__input","data-part":"input",ref_key:"elRef",ref:n,type:"text",autocomplete:"off","aria-controls":(0,t.unref)(e).treeId,"aria-activedescendant":l.value,"aria-readonly":(0,t.unref)(e).readOnly?!0:void 0,"data-readonly":(0,t.unref)(e).readOnly?"":void 0,disabled:(0,t.unref)(e).disabled||void 0,value:(0,t.unref)(e).inputValue.value,onInput:o,onKeydown:i},null,40,s))}});exports.default=p;
+const c=require("../utils/injectRequired.cjs"),s=require("../utils/reassertValue.cjs"),d=require("./context.cjs");let t=require("vue");var v=["aria-controls","aria-activedescendant","aria-readonly","data-readonly","disabled","value"],p=(0,t.defineComponent)({__name:"TreeSelectInput",setup(f,{expose:r}){const e=c.injectRequired(d.TREE_SELECT_CONTEXT,"SkdxTreeSelectInput must be used within SkdxTreeSelect."),n=(0,t.ref)(null);(0,t.onMounted)(()=>{e.inputRef.value=n.value,e.setHasInput(!0)}),(0,t.onBeforeUnmount)(()=>{e.setHasInput(!1),e.inputRef.value===n.value&&(e.inputRef.value=null)});const l=(0,t.computed)(()=>e.activeValue.value===null?void 0:e.itemId(e.activeValue.value));function i(a){const u=a.target;e.onInputValueChange(u.value),s.reassertValue(u,()=>e.inputValue.value)}function o(a){e.onNavigationKeyDown(a,{typeahead:!1,selectOnSpace:!1})}return r({focus:a=>n.value?.focus(a),el:n}),(a,u)=>((0,t.openBlock)(),(0,t.createElementBlock)("input",{ref_key:"elRef",ref:n,class:"skdx-tree-select__input","data-part":"input",type:"text",autocomplete:"off","aria-controls":(0,t.unref)(e).activeTreeId.value,"aria-activedescendant":l.value,"aria-readonly":(0,t.unref)(e).readOnly?!0:void 0,"data-readonly":(0,t.unref)(e).readOnly?"":void 0,disabled:(0,t.unref)(e).disabled||void 0,value:(0,t.unref)(e).inputValue.value,onInput:i,onKeydown:o},null,40,v))}});exports.default=p;

package/dist/tree-select/TreeSelectInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{reassertValue as e}from"../utils/reassertValue.js";import{TREE_SELECT_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as n,defineComponent as l,inject as u,onBeforeUnmount as o,onMounted as r,openBlock as s,ref as i,unref as d}from"vue";var c=["aria-controls","aria-activedescendant","aria-readonly","data-readonly","disabled","value"],p=/* @__PURE__ */l({__name:"TreeSelectInput",setup(l){const p=u(a);if(!p)throw new Error("SkdxTreeSelectInput must be used within SkdxTreeSelect.");const v=p,f=i(null);r(()=>{v.inputRef.value=f.value,v.setHasInput(!0)}),o(()=>{v.setHasInput(!1),v.inputRef.value===f.value&&(v.inputRef.value=null)});const m=t(()=>null===v.activeValue.value?void 0:v.itemId(v.activeValue.value));function y(a){const t=a.target;v.onInputValueChange(t.value),e(t,()=>v.inputValue.value)}function I(e){v.onNavigationKeyDown(e,{typeahead:!1,selectOnSpace:!1})}return(e,a)=>(s(),n("input",{class:"skdx-tree-select__input","data-part":"input",ref_key:"elRef",ref:f,type:"text",autocomplete:"off","aria-controls":d(v).treeId,"aria-activedescendant":m.value,"aria-readonly":!!d(v).readOnly||void 0,"data-readonly":d(v).readOnly?"":void 0,disabled:d(v).disabled||void 0,value:d(v).inputValue.value,onInput:y,onKeydown:I},null,40,c))}});export{p as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{reassertValue as a}from"../utils/reassertValue.js";import{TREE_SELECT_CONTEXT as t}from"./context.js";import{computed as n,createElementBlock as u,defineComponent as l,onBeforeUnmount as o,onMounted as s,openBlock as r,ref as i,unref as d}from"vue";var c=["aria-controls","aria-activedescendant","aria-readonly","data-readonly","disabled","value"],p=/* @__PURE__ */l({__name:"TreeSelectInput",setup(l,{expose:p}){const v=e(t,"SkdxTreeSelectInput must be used within SkdxTreeSelect."),f=i(null);s(()=>{v.inputRef.value=f.value,v.setHasInput(!0)}),o(()=>{v.setHasInput(!1),v.inputRef.value===f.value&&(v.inputRef.value=null)});const m=n(()=>null===v.activeValue.value?void 0:v.itemId(v.activeValue.value));function y(e){const t=e.target;v.onInputValueChange(t.value),a(t,()=>v.inputValue.value)}function I(e){v.onNavigationKeyDown(e,{typeahead:!1,selectOnSpace:!1})}return p({focus:e=>f.value?.focus(e),el:f}),(e,a)=>(r(),u("input",{ref_key:"elRef",ref:f,class:"skdx-tree-select__input","data-part":"input",type:"text",autocomplete:"off","aria-controls":d(v).activeTreeId.value,"aria-activedescendant":m.value,"aria-readonly":!!d(v).readOnly||void 0,"data-readonly":d(v).readOnly?"":void 0,disabled:d(v).disabled||void 0,value:d(v).inputValue.value,onInput:y,onKeydown:I},null,40,c))}});export{p as default};

package/dist/tree-select/TreeSelectItem.vue.d.cts

@@ -1,7 +1,5 @@
 import { type TreeSelectNode } from './context.cjs';
-/**
- * One `role="treeitem"` row, normally rendered by TreeSelectTree. Reports `aria-checked` (true, false, or mixed under cascade), `aria-expanded` on branches, and `data-highlighted` while virtually-focused. Clicking checks the node; `aria-busy` and `data-loading` mark pending `load-children`.
- */
+/** One `role="treeitem"` row, normally rendered by `SkdxTreeSelectTree`, where clicking checks the node. */
 type __VLS_Props = {
     /** The collection node this row stands for. */
     node: TreeSelectNode;

package/dist/tree-select/TreeSelectItem.vue.d.ts

@@ -1,7 +1,5 @@
 import { type TreeSelectNode } from './context.js';
-/**
- * One `role="treeitem"` row, normally rendered by TreeSelectTree. Reports `aria-checked` (true, false, or mixed under cascade), `aria-expanded` on branches, and `data-highlighted` while virtually-focused. Clicking checks the node; `aria-busy` and `data-loading` mark pending `load-children`.
- */
+/** One `role="treeitem"` row, normally rendered by `SkdxTreeSelectTree`, where clicking checks the node. */
 type __VLS_Props = {
     /** The collection node this row stands for. */
     node: TreeSelectNode;

package/dist/tree-select/TreeSelectItem.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const T=require("../tree/context.cjs"),g=require("./context.cjs");let e=require("vue");var f=["id","aria-level","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","aria-posinset","aria-setsize","data-state","data-checked","data-highlighted","data-loading","data-disabled","data-value","data-skdx-tree-node-id","data-skdx-tree-parent-id"],C=(0,e.defineComponent)({__name:"TreeSelectItem",props:{node:{}},setup(i){const t=i,s=(0,e.inject)(g.TREE_SELECT_CONTEXT);if(!s)throw new Error("SkdxTreeSelectItem must be used within SkdxTreeSelect.");const a=s,o=(0,e.computed)(()=>a.index.value.get(t.node.value)),c=(0,e.computed)(()=>a.flatMap.value.get(t.node.value)),d=(0,e.computed)(()=>a.checkStateOf(t.node.value)),l=(0,e.computed)(()=>o.value?.disabled??t.node.disabled??!1),u=(0,e.computed)(()=>a.expanded.value.has(t.node.value)),r=(0,e.computed)(()=>c.value?.hasChildren??!1),p=(0,e.computed)(()=>a.activeValue.value===t.node.value),v=(0,e.computed)(()=>a.loadingValues.value.has(t.node.value)),h=(0,e.computed)(()=>d.value===!0),x=(0,e.computed)(()=>a.multiple?void 0:h.value),m=(0,e.computed)(()=>o.value?.depth??1),k=(0,e.computed)(()=>{if(a.multiple)return d.value==="mixed"?"mixed":d.value}),_=(0,e.computed)(()=>d.value==="mixed"?"indeterminate":d.value?"checked":"unchecked");function E(n){n.target.closest('[role="treeitem"]')===n.currentTarget&&(n.preventDefault(),!l.value&&(a.setActiveValue(t.node.value),a.commit(t.node.value),a.expandOnClick&&r.value&&a.setExpanded(t.node.value,!u.value)))}return(0,e.provide)(T.TREE_ITEM_CONTEXT,{get nodeId(){return t.node.value},get depth(){return m.value},get expanded(){return u.value},get selected(){return h.value},get disabled(){return l.value},get hasChildren(){return r.value},get loading(){return v.value}}),(0,e.provide)(g.TREE_SELECT_ITEM_CONTEXT,{get value(){return t.node.value},get checkState(){return d.value},get disabled(){return l.value},get expanded(){return u.value},get hasChildren(){return r.value},get active(){return p.value}}),(n,b)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-tree__item skdx-tree-select__item","data-part":"item",role:"treeitem",id:(0,e.unref)(a).itemId(i.node.value),"aria-level":m.value,"aria-selected":x.value,"aria-expanded":r.value?u.value:void 0,"aria-checked":k.value,"aria-busy":v.value||void 0,"aria-disabled":l.value||void 0,"aria-posinset":c.value?.posinset,"aria-setsize":c.value?.setsize,"data-state":r.value?u.value?"expanded":"collapsed":void 0,"data-checked":_.value,"data-highlighted":p.value?"":void 0,"data-loading":v.value?"":void 0,"data-disabled":l.value?"":void 0,"data-value":i.node.value,"data-skdx-tree-node-id":i.node.value,"data-skdx-tree-parent-id":o.value?.parent??void 0,tabindex:"-1",onClick:E},[(0,e.renderSlot)(n.$slots,"default")],8,f))}});exports.default=C;
+const T=require("../utils/injectRequired.cjs"),f=require("../tree/context.cjs"),h=require("./context.cjs");let e=require("vue");var E=["id","aria-level","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","aria-posinset","aria-setsize","data-state","data-checked","data-highlighted","data-loading","data-disabled","data-value","data-skdx-tree-node-id","data-skdx-tree-parent-id"],C=(0,e.defineComponent)({__name:"TreeSelectItem",props:{node:{}},setup(n){const t=n,a=T.injectRequired(h.TREE_SELECT_CONTEXT,"SkdxTreeSelectItem must be used within SkdxTreeSelect."),o=(0,e.computed)(()=>a.index.value.get(t.node.value)),v=(0,e.computed)(()=>a.flatMap.value.get(t.node.value)),d=(0,e.computed)(()=>a.checkStateOf(t.node.value)),l=(0,e.computed)(()=>o.value?.disabled??t.node.disabled??!1),u=(0,e.computed)(()=>a.expanded.value.has(t.node.value)),r=(0,e.computed)(()=>v.value?.hasChildren??!1),p=(0,e.computed)(()=>a.activeValue.value===t.node.value),c=(0,e.computed)(()=>a.loadingValues.value.has(t.node.value)),m=(0,e.computed)(()=>d.value===!0),g=(0,e.computed)(()=>a.multiple?void 0:m.value),s=(0,e.computed)(()=>o.value?.depth??1),x=(0,e.computed)(()=>{if(a.multiple)return d.value==="mixed"?"mixed":d.value}),k=(0,e.computed)(()=>d.value==="mixed"?"indeterminate":d.value?"checked":"unchecked");function _(i){i.target.closest('[role="treeitem"]')===i.currentTarget&&(i.preventDefault(),!l.value&&(a.setActiveValue(t.node.value),a.commit(t.node.value),a.expandOnClick&&r.value&&a.setExpanded(t.node.value,!u.value)))}return(0,e.provide)(f.TREE_ITEM_CONTEXT,{get nodeId(){return t.node.value},get depth(){return s.value},get expanded(){return u.value},get selected(){return m.value},get disabled(){return l.value},get hasChildren(){return r.value},get loading(){return c.value}}),(0,e.provide)(h.TREE_SELECT_ITEM_CONTEXT,{get value(){return t.node.value},get checkState(){return d.value},get disabled(){return l.value},get expanded(){return u.value},get hasChildren(){return r.value},get active(){return p.value}}),(i,S)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{id:(0,e.unref)(a).itemId(n.node.value),class:"skdx-tree__item skdx-tree-select__item","data-part":"item",role:"treeitem","aria-level":s.value,"aria-selected":g.value,"aria-expanded":r.value?u.value:void 0,"aria-checked":x.value,"aria-busy":c.value||void 0,"aria-disabled":l.value||void 0,"aria-posinset":v.value?.posinset,"aria-setsize":v.value?.setsize,"data-state":r.value?u.value?"expanded":"collapsed":void 0,"data-checked":k.value,"data-highlighted":p.value?"":void 0,"data-loading":c.value?"":void 0,"data-disabled":l.value?"":void 0,"data-value":n.node.value,"data-skdx-tree-node-id":n.node.value,"data-skdx-tree-parent-id":o.value?.parent??void 0,style:(0,e.normalizeStyle)({"--skdx-tree-node-depth":s.value}),tabindex:"-1",onClick:_},[(0,e.renderSlot)(i.$slots,"default")],12,E))}});exports.default=C;

package/dist/tree-select/TreeSelectItem.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TREE_ITEM_CONTEXT as e}from"../tree/context.js";import{TREE_SELECT_CONTEXT as a,TREE_SELECT_ITEM_CONTEXT as t}from"./context.js";import{computed as d,createElementBlock as l,defineComponent as u,inject as r,openBlock as i,provide as n,renderSlot as v,unref as s}from"vue";var o=["id","aria-level","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","aria-posinset","aria-setsize","data-state","data-checked","data-highlighted","data-loading","data-disabled","data-value","data-skdx-tree-node-id","data-skdx-tree-parent-id"],c=/* @__PURE__ */u({__name:"TreeSelectItem",props:{node:{}},setup(u){const c=u,p=r(a);if(!p)throw new Error("SkdxTreeSelectItem must be used within SkdxTreeSelect.");const m=p,h=d(()=>m.index.value.get(c.node.value)),g=d(()=>m.flatMap.value.get(c.node.value)),x=d(()=>m.checkStateOf(c.node.value)),k=d(()=>h.value?.disabled??c.node.disabled??!1),E=d(()=>m.expanded.value.has(c.node.value)),T=d(()=>g.value?.hasChildren??!1),f=d(()=>m.activeValue.value===c.node.value),_=d(()=>m.loadingValues.value.has(c.node.value)),b=d(()=>!0===x.value),C=d(()=>m.multiple?void 0:b.value),S=d(()=>h.value?.depth??1),I=d(()=>{if(m.multiple)return"mixed"===x.value?"mixed":x.value}),O=d(()=>"mixed"===x.value?"indeterminate":x.value?"checked":"unchecked");function j(e){e.target.closest('[role="treeitem"]')===e.currentTarget&&(e.preventDefault(),!k.value&&(m.setActiveValue(c.node.value),m.commit(c.node.value),m.expandOnClick&&T.value&&m.setExpanded(c.node.value,!E.value)))}return n(e,{get nodeId(){return c.node.value},get depth(){return S.value},get expanded(){return E.value},get selected(){return b.value},get disabled(){return k.value},get hasChildren(){return T.value},get loading(){return _.value}}),n(t,{get value(){return c.node.value},get checkState(){return x.value},get disabled(){return k.value},get expanded(){return E.value},get hasChildren(){return T.value},get active(){return f.value}}),(e,a)=>(i(),l("div",{class:"skdx-tree__item skdx-tree-select__item","data-part":"item",role:"treeitem",id:s(m).itemId(u.node.value),"aria-level":S.value,"aria-selected":C.value,"aria-expanded":T.value?E.value:void 0,"aria-checked":I.value,"aria-busy":_.value||void 0,"aria-disabled":k.value||void 0,"aria-posinset":g.value?.posinset,"aria-setsize":g.value?.setsize,"data-state":T.value?E.value?"expanded":"collapsed":void 0,"data-checked":O.value,"data-highlighted":f.value?"":void 0,"data-loading":_.value?"":void 0,"data-disabled":k.value?"":void 0,"data-value":u.node.value,"data-skdx-tree-node-id":u.node.value,"data-skdx-tree-parent-id":h.value?.parent??void 0,tabindex:"-1",onClick:j},[v(e.$slots,"default")],8,o))}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_ITEM_CONTEXT as a}from"../tree/context.js";import{TREE_SELECT_CONTEXT as t,TREE_SELECT_ITEM_CONTEXT as d}from"./context.js";import{computed as l,createElementBlock as u,defineComponent as i,normalizeStyle as r,openBlock as n,provide as v,renderSlot as s,unref as o}from"vue";var c=["id","aria-level","aria-selected","aria-expanded","aria-checked","aria-busy","aria-disabled","aria-posinset","aria-setsize","data-state","data-checked","data-highlighted","data-loading","data-disabled","data-value","data-skdx-tree-node-id","data-skdx-tree-parent-id"],p=/* @__PURE__ */i({__name:"TreeSelectItem",props:{node:{}},setup(i){const p=i,m=e(t,"SkdxTreeSelectItem must be used within SkdxTreeSelect."),h=l(()=>m.index.value.get(p.node.value)),g=l(()=>m.flatMap.value.get(p.node.value)),x=l(()=>m.checkStateOf(p.node.value)),k=l(()=>h.value?.disabled??p.node.disabled??!1),E=l(()=>m.expanded.value.has(p.node.value)),T=l(()=>g.value?.hasChildren??!1),f=l(()=>m.activeValue.value===p.node.value),_=l(()=>m.loadingValues.value.has(p.node.value)),b=l(()=>!0===x.value),C=l(()=>m.multiple?void 0:b.value),S=l(()=>h.value?.depth??1),I=l(()=>{if(m.multiple)return"mixed"===x.value?"mixed":x.value}),j=l(()=>"mixed"===x.value?"indeterminate":x.value?"checked":"unchecked");function O(e){e.target.closest('[role="treeitem"]')===e.currentTarget&&(e.preventDefault(),!k.value&&(m.setActiveValue(p.node.value),m.commit(p.node.value),m.expandOnClick&&T.value&&m.setExpanded(p.node.value,!E.value)))}return v(a,{get nodeId(){return p.node.value},get depth(){return S.value},get expanded(){return E.value},get selected(){return b.value},get disabled(){return k.value},get hasChildren(){return T.value},get loading(){return _.value}}),v(d,{get value(){return p.node.value},get checkState(){return x.value},get disabled(){return k.value},get expanded(){return E.value},get hasChildren(){return T.value},get active(){return f.value}}),(e,a)=>(n(),u("div",{id:o(m).itemId(i.node.value),class:"skdx-tree__item skdx-tree-select__item","data-part":"item",role:"treeitem","aria-level":S.value,"aria-selected":C.value,"aria-expanded":T.value?E.value:void 0,"aria-checked":I.value,"aria-busy":_.value||void 0,"aria-disabled":k.value||void 0,"aria-posinset":g.value?.posinset,"aria-setsize":g.value?.setsize,"data-state":T.value?E.value?"expanded":"collapsed":void 0,"data-checked":j.value,"data-highlighted":f.value?"":void 0,"data-loading":_.value?"":void 0,"data-disabled":k.value?"":void 0,"data-value":i.node.value,"data-skdx-tree-node-id":i.node.value,"data-skdx-tree-parent-id":h.value?.parent??void 0,style:r({"--skdx-tree-node-depth":S.value}),tabindex:"-1",onClick:O},[s(e.$slots,"default")],12,c))}});export{p as default};

package/dist/tree-select/TreeSelectItemIndicator.vue.d.cts

@@ -1,6 +1,4 @@
-/**
- * The checkmark shown on a checked or partially-checked node. Renders an `aria-hidden` `<span>` with `data-state` of `checked` or `indeterminate`. Reads its state from the surrounding item.
- */
+/** The checkmark shown on a checked or partially-checked node, reading its state from the surrounding item. */
 type __VLS_Props = {
     /** Renders even while the node is unchecked, for animating the check or reserving its space. */
     forceMount?: boolean;

package/dist/tree-select/TreeSelectItemIndicator.vue.d.ts

@@ -1,6 +1,4 @@
-/**
- * The checkmark shown on a checked or partially-checked node. Renders an `aria-hidden` `<span>` with `data-state` of `checked` or `indeterminate`. Reads its state from the surrounding item.
- */
+/** The checkmark shown on a checked or partially-checked node, reading its state from the surrounding item. */
 type __VLS_Props = {
     /** Renders even while the node is unchecked, for animating the check or reserving its space. */
     forceMount?: boolean;

package/dist/tree-select/TreeSelectItemIndicator.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let e=require("vue");var d=["data-state"],i=(0,e.defineComponent)({__name:"TreeSelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(a){const r=(0,e.inject)(o.TREE_SELECT_ITEM_CONTEXT);if(!r)throw new Error("SkdxTreeSelectItemIndicator must be used within SkdxTreeSelectItem.");const t=r,c=(0,e.computed)(()=>t.checkState==="mixed"?"indeterminate":t.checkState?"checked":"unchecked");return(n,u)=>a.forceMount||(0,e.unref)(t).checkState!==!1?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-tree-select__item-indicator","data-part":"item-indicator","aria-hidden":"true","data-state":c.value},[(0,e.renderSlot)(n.$slots,"default")],8,d)):(0,e.createCommentVNode)("",!0)}});exports.default=i;
+const n=require("../utils/injectRequired.cjs"),u=require("./context.cjs");let e=require("vue");var d=["data-state"],i=(0,e.defineComponent)({__name:"TreeSelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(r){const t=n.injectRequired(u.TREE_SELECT_ITEM_CONTEXT,"SkdxTreeSelectItemIndicator must be used within SkdxTreeSelectItem."),a=(0,e.computed)(()=>t.checkState==="mixed"?"indeterminate":t.checkState?"checked":"unchecked");return(c,o)=>r.forceMount||(0,e.unref)(t).checkState!==!1?((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:0,class:"skdx-tree-select__item-indicator","data-part":"item-indicator","aria-hidden":"true","data-state":a.value},[(0,e.renderSlot)(c.$slots,"default")],8,d)):(0,e.createCommentVNode)("",!0)}});exports.default=i;

package/dist/tree-select/TreeSelectItemIndicator.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TREE_SELECT_ITEM_CONTEXT as e}from"./context.js";import{computed as t,createCommentVNode as a,createElementBlock as r,defineComponent as o,inject as c,openBlock as n,renderSlot as s,unref as d}from"vue";var i=["data-state"],m=/* @__PURE__ */o({__name:"TreeSelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(o){const m=c(e);if(!m)throw new Error("SkdxTreeSelectItemIndicator must be used within SkdxTreeSelectItem.");const l=m,u=t(()=>"mixed"===l.checkState?"indeterminate":l.checkState?"checked":"unchecked");return(e,t)=>o.forceMount||!1!==d(l).checkState?(n(),r("span",{key:0,class:"skdx-tree-select__item-indicator","data-part":"item-indicator","aria-hidden":"true","data-state":u.value},[s(e.$slots,"default")],8,i)):a("",!0)}});export{m as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_SELECT_ITEM_CONTEXT as t}from"./context.js";import{computed as a,createCommentVNode as r,createElementBlock as c,defineComponent as o,openBlock as n,renderSlot as s,unref as d}from"vue";var i=["data-state"],m=/* @__PURE__ */o({__name:"TreeSelectItemIndicator",props:{forceMount:{type:Boolean,default:!1}},setup(o){const m=e(t,"SkdxTreeSelectItemIndicator must be used within SkdxTreeSelectItem."),u=a(()=>"mixed"===m.checkState?"indeterminate":m.checkState?"checked":"unchecked");return(e,t)=>o.forceMount||!1!==d(m).checkState?(n(),c("span",{key:0,class:"skdx-tree-select__item-indicator","data-part":"item-indicator","aria-hidden":"true","data-state":u.value},[s(e.$slots,"default")],8,i)):r("",!0)}});export{m as default};

package/dist/tree-select/TreeSelectPortal.vue_vue_type_script_setup_true_lang.cjs

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

package/dist/tree-select/TreeSelectPortal.vue_vue_type_script_setup_true_lang.js

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

package/dist/tree-select/TreeSelectTree.vue.d.cts

@@ -1,36 +1,30 @@
 import { type TreeSelectRenderLabel } from './context.cjs';
-/**
- * The `role="tree"` inside the popup: renders one item per visible collection node with `aria-multiselectable` when multiple, `aria-readonly` when read-only. Selection is handled by the root via check state since it must be right for collapsed branches. Give it an accessible name: an unnamed tree announces as a group.
- */
+/** The `role="tree"` inside the popup, rendering one item per visible collection node. */
 type __VLS_Props = {
     /**
-     * Renders a node's content — the label, and anything beside it such as an
-     * `SkdxTreeItemIndicator` chevron or an `SkdxTreeSelectItemIndicator`
-     * checkmark. The returned nodes render *inside* the node's `treeitem`, so
-     * both indicators find their context there.
+     * Renders a node's content: the label and anything beside it, such as a chevron or checkmark indicator.
      * @default undefined — renders the node's `label ?? value` as plain text.
      */
-    renderLabel?: TreeSelectRenderLabel;
+    renderLabel?: TreeSelectRenderLabel | undefined;
     /**
-     * Renders exactly this row set instead of walking the whole visible
-     * collection — the seam a windowing library hooks into: pass the
-     * virtualizer's current window instead of every visible node. Rows render
-     * flat, one Item each with no nested group between them; `aria-level`,
-     * `aria-posinset` and `aria-setsize` are unaffected by the slice, since
-     * `SkdxTreeSelectItem` derives all three from the root's own unwindowed
-     * collection, keyed by `value` alone.
+     * Renders exactly this row set instead of walking the whole visible collection, for a windowing library.
      * @default undefined — renders every visible node from `collection`, nested.
      */
     rows?: readonly {
         value: string;
         depth: number;
-    }[];
+    }[] | undefined;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** The inner tree's `role="tree"` element, for scrolling and measurement. */
+    el: import("vue").ComputedRef<HTMLElement | null>;
+    /** Clears the inner tree's load marker; omit nodeId to clear the whole tree. */
+    invalidate: (nodeId?: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     rows: readonly {
         value: string;
         depth: number;
-    }[];
-    renderLabel: TreeSelectRenderLabel;
+    }[] | undefined;
+    renderLabel: TreeSelectRenderLabel | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/tree-select/TreeSelectTree.vue.d.ts

@@ -1,36 +1,30 @@
 import { type TreeSelectRenderLabel } from './context.js';
-/**
- * The `role="tree"` inside the popup: renders one item per visible collection node with `aria-multiselectable` when multiple, `aria-readonly` when read-only. Selection is handled by the root via check state since it must be right for collapsed branches. Give it an accessible name: an unnamed tree announces as a group.
- */
+/** The `role="tree"` inside the popup, rendering one item per visible collection node. */
 type __VLS_Props = {
     /**
-     * Renders a node's content — the label, and anything beside it such as an
-     * `SkdxTreeItemIndicator` chevron or an `SkdxTreeSelectItemIndicator`
-     * checkmark. The returned nodes render *inside* the node's `treeitem`, so
-     * both indicators find their context there.
+     * Renders a node's content: the label and anything beside it, such as a chevron or checkmark indicator.
      * @default undefined — renders the node's `label ?? value` as plain text.
      */
-    renderLabel?: TreeSelectRenderLabel;
+    renderLabel?: TreeSelectRenderLabel | undefined;
     /**
-     * Renders exactly this row set instead of walking the whole visible
-     * collection — the seam a windowing library hooks into: pass the
-     * virtualizer's current window instead of every visible node. Rows render
-     * flat, one Item each with no nested group between them; `aria-level`,
-     * `aria-posinset` and `aria-setsize` are unaffected by the slice, since
-     * `SkdxTreeSelectItem` derives all three from the root's own unwindowed
-     * collection, keyed by `value` alone.
+     * Renders exactly this row set instead of walking the whole visible collection, for a windowing library.
      * @default undefined — renders every visible node from `collection`, nested.
      */
     rows?: readonly {
         value: string;
         depth: number;
-    }[];
+    }[] | undefined;
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** The inner tree's `role="tree"` element, for scrolling and measurement. */
+    el: import("vue").ComputedRef<HTMLElement | null>;
+    /** Clears the inner tree's load marker; omit nodeId to clear the whole tree. */
+    invalidate: (nodeId?: string) => void | undefined;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     rows: readonly {
         value: string;
         depth: number;
-    }[];
-    renderLabel: TreeSelectRenderLabel;
+    }[] | undefined;
+    renderLabel: TreeSelectRenderLabel | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/tree-select/TreeSelectTree.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("../tree/Tree.vue.cjs"),u=require("./context.cjs"),i=require("./nodes.cjs"),c=require("./rows.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0},rows:{default:void 0}},setup(n){const a=n,l=(0,e.inject)(u.TREE_SELECT_CONTEXT);if(!l)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");const r=l;return(0,e.watch)((0,e.toRef)(a,"rows"),t=>{r.setVisibleRowValues(t?new Set(t.map(d=>d.value)):null)},{immediate:!0}),(0,e.onUnmounted)(()=>r.setVisibleRowValues(null)),(t,d)=>((0,e.openBlock)(),(0,e.createBlock)(o.default,{class:"skdx-tree-select__tree","data-part":"tree",id:(0,e.unref)(r).treeId,"selection-mode":"none","aria-multiselectable":(0,e.unref)(r).multiple||void 0,"aria-readonly":(0,e.unref)(r).readOnly||void 0,"expanded-ids":(0,e.unref)(r).expandedIds.value,"expand-on-click":!1,"onUpdate:expandedIds":(0,e.unref)(r).onTreeExpandedIdsChange},{default:(0,e.withCtx)(()=>[n.rows?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(c.default),{key:0,rows:n.rows,"render-label":n.renderLabel},null,8,["rows","render-label"])):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(i.default),{key:1,nodes:(0,e.unref)(r).collection.value,"render-label":n.renderLabel},null,8,["nodes","render-label"]))]),_:1},8,["id","aria-multiselectable","aria-readonly","expanded-ids","onUpdate:expandedIds"]))}});exports.default=s;
+const i=require("../utils/injectRequired.cjs"),c=require("../tree/Tree.vue.cjs"),s=require("./context.cjs"),f=require("./nodes.cjs"),p=require("./rows.cjs");let e=require("vue");var v=(0,e.defineComponent)({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0},rows:{default:void 0}},setup(l,{expose:d}){const u=l,r=i.injectRequired(s.TREE_SELECT_CONTEXT,"SkdxTreeSelectTree must be used within SkdxTreeSelect."),t=(0,e.ref)(null);return(0,e.watch)([(0,e.toRef)(u,"rows"),r.layout],([n,a])=>{r.setVisibleRowValues(n&&a!=="columns"?new Set(n.map(o=>o.value)):null)},{immediate:!0}),(0,e.onUnmounted)(()=>r.setVisibleRowValues(null)),d({el:(0,e.computed)(()=>t.value?.el??null),invalidate:n=>t.value?.invalidate(n)}),(n,a)=>((0,e.openBlock)(),(0,e.createBlock)(c.default,{id:(0,e.unref)(r).treeId,ref_key:"treeRef",ref:t,class:"skdx-tree-select__tree","data-part":"tree","selection-mode":"none","aria-multiselectable":(0,e.unref)(r).multiple||void 0,"aria-readonly":(0,e.unref)(r).readOnly||void 0,"expanded-ids":(0,e.unref)(r).expandedIds.value,"expand-on-click":!1,"onUpdate:expandedIds":(0,e.unref)(r).onTreeExpandedIdsChange},{default:(0,e.withCtx)(()=>[l.rows?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(p.default),{key:0,rows:l.rows,"render-label":l.renderLabel},null,8,["rows","render-label"])):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(f.default),{key:1,nodes:(0,e.unref)(r).collection.value,"render-label":l.renderLabel},null,8,["nodes","render-label"]))]),_:1},8,["id","aria-multiselectable","aria-readonly","expanded-ids","onUpdate:expandedIds"]))}});exports.default=v;

package/dist/tree-select/TreeSelectTree.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import e from"../tree/Tree.vue.js";import{TREE_SELECT_CONTEXT as r}from"./context.js";import a from"./nodes.js";import d from"./rows.js";import{createBlock as o,defineComponent as t,inject as l,onUnmounted as n,openBlock as s,toRef as i,unref as u,watch as p,withCtx as c}from"vue";var m=/* @__PURE__ */t({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0},rows:{default:void 0}},setup(t){const m=t,w=l(r);if(!w)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");const f=w;return p(i(m,"rows"),e=>{f.setVisibleRowValues(e?new Set(e.map(e=>e.value)):null)},{immediate:!0}),n(()=>f.setVisibleRowValues(null)),(r,l)=>(s(),o(e,{class:"skdx-tree-select__tree","data-part":"tree",id:u(f).treeId,"selection-mode":"none","aria-multiselectable":u(f).multiple||void 0,"aria-readonly":u(f).readOnly||void 0,"expanded-ids":u(f).expandedIds.value,"expand-on-click":!1,"onUpdate:expandedIds":u(f).onTreeExpandedIdsChange},{default:c(()=>[t.rows?(s(),o(u(d),{key:0,rows:t.rows,"render-label":t.renderLabel},null,8,["rows","render-label"])):(s(),o(u(a),{key:1,nodes:u(f).collection.value,"render-label":t.renderLabel},null,8,["nodes","render-label"]))]),_:1},8,["id","aria-multiselectable","aria-readonly","expanded-ids","onUpdate:expandedIds"]))}});export{m as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import a from"../tree/Tree.vue.js";import{TREE_SELECT_CONTEXT as r}from"./context.js";import l from"./nodes.js";import d from"./rows.js";import{computed as t,createBlock as n,defineComponent as o,onUnmounted as s,openBlock as i,ref as u,toRef as p,unref as m,watch as c,withCtx as f}from"vue";var v=/* @__PURE__ */o({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0},rows:{default:void 0}},setup(o,{expose:v}){const x=o,w=e(r,"SkdxTreeSelectTree must be used within SkdxTreeSelect."),b=u(null);return c([p(x,"rows"),w.layout],([e,a])=>{w.setVisibleRowValues(e&&"columns"!==a?new Set(e.map(e=>e.value)):null)},{immediate:!0}),s(()=>w.setVisibleRowValues(null)),v({el:t(()=>b.value?.el??null),invalidate:e=>b.value?.invalidate(e)}),(e,r)=>(i(),n(a,{id:m(w).treeId,ref_key:"treeRef",ref:b,class:"skdx-tree-select__tree","data-part":"tree","selection-mode":"none","aria-multiselectable":m(w).multiple||void 0,"aria-readonly":m(w).readOnly||void 0,"expanded-ids":m(w).expandedIds.value,"expand-on-click":!1,"onUpdate:expandedIds":m(w).onTreeExpandedIdsChange},{default:f(()=>[o.rows?(i(),n(m(d),{key:0,rows:o.rows,"render-label":o.renderLabel},null,8,["rows","render-label"])):(i(),n(m(l),{key:1,nodes:m(w).collection.value,"render-label":o.renderLabel},null,8,["nodes","render-label"]))]),_:1},8,["id","aria-multiselectable","aria-readonly","expanded-ids","onUpdate:expandedIds"]))}});export{v as default};

package/dist/tree-select/TreeSelectTrigger.vue.d.cts

@@ -1,12 +1,23 @@
-/**
- * Opens the popup and displays the current selection; doubles as the popper anchor. Renders a `<button role="combobox">` with `aria-haspopup="tree"`, `aria-expanded`, `aria-controls` pointing at the tree, and `aria-activedescendant` for virtual focus. Keyboard or click opens the popup; Arrow keys and typeahead navigate once open.
- */
-type __VLS_Props = {};
+/** Opens the popup and displays the current selection, doubling as the popper anchor. */
+type __VLS_Props = {
+    /**
+     * Disables this trigger on top of the root's own `disabled`, never instead of it.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+};
 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native trigger button. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<button>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | 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 & {

package/dist/tree-select/TreeSelectTrigger.vue.d.ts

@@ -1,12 +1,23 @@
-/**
- * Opens the popup and displays the current selection; doubles as the popper anchor. Renders a `<button role="combobox">` with `aria-haspopup="tree"`, `aria-expanded`, `aria-controls` pointing at the tree, and `aria-activedescendant` for virtual focus. Keyboard or click opens the popup; Arrow keys and typeahead navigate once open.
- */
-type __VLS_Props = {};
+/** Opens the popup and displays the current selection, doubling as the popper anchor. */
+type __VLS_Props = {
+    /**
+     * Disables this trigger on top of the root's own `disabled`, never instead of it.
+     * @default false
+     */
+    disabled?: boolean | undefined;
+};
 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native trigger button. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The underlying native `<button>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean | 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 & {

package/dist/tree-select/TreeSelectTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("../utils/popper.cjs"),c=require("./context.cjs");let e=require("vue");var s=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],p=(0,e.defineComponent)({__name:"TreeSelectTrigger",setup(v){const l=(0,e.inject)(c.TREE_SELECT_CONTEXT);if(!l)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const t=l,r=(0,e.inject)(i.POPPER_CONTEXT);if(!r)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const n=(0,e.ref)(null);(0,e.onMounted)(()=>{t.triggerRef.value=n.value,r.setAnchor(n.value)}),(0,e.onBeforeUnmount)(()=>{r.anchor.value===n.value&&r.setAnchor(null)});const d=(0,e.computed)(()=>{const a=t.open.value&&!t.hasInput.value?t.activeValue.value:null;return a===null?void 0:t.itemId(a)});function u(a){t.onNavigationKeyDown(a,{typeahead:!0,selectOnSpace:!0})}return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-tree-select__trigger","data-part":"trigger",ref_key:"elRef",ref:n,type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":(0,e.unref)(t).open.value,"aria-controls":(0,e.unref)(t).open.value?(0,e.unref)(t).treeId:void 0,"aria-activedescendant":d.value,"aria-readonly":(0,e.unref)(t).readOnly?!0:void 0,"data-state":(0,e.unref)(t).open.value?"open":"closed","data-disabled":(0,e.unref)(t).disabled?"":void 0,"data-readonly":(0,e.unref)(t).readOnly?"":void 0,"data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":(0,e.unref)(t).value.value.length===0?"":void 0,disabled:(0,e.unref)(t).disabled,onClick:o[0]||(o[0]=f=>(0,e.unref)(t).onOpenChange(!(0,e.unref)(t).open.value)),onKeydown:u},[(0,e.renderSlot)(a.$slots,"default")],40,s))}});exports.default=p;
+const p=require("../utils/injectRequired.cjs"),v=require("../utils/popper.cjs"),f=require("./context.cjs");let e=require("vue");var _=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],g=(0,e.defineComponent)({__name:"TreeSelectTrigger",props:{disabled:{type:Boolean,default:!1}},setup(u,{expose:d}){const i=u,a=p.injectRequired(f.TREE_SELECT_CONTEXT,"SkdxTreeSelectTrigger must be used within SkdxTreeSelect."),n=(0,e.inject)(v.POPPER_CONTEXT);if(!n)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const r=(0,e.ref)(null),l=(0,e.computed)(()=>a.disabled||i.disabled);(0,e.onMounted)(()=>{a.triggerRef.value=r.value,n.setAnchor(r.value)}),(0,e.onBeforeUnmount)(()=>{n.anchor.value===r.value&&n.setAnchor(null)});const s=(0,e.computed)(()=>{const t=a.open.value&&!a.hasInput.value?a.activeValue.value:null;return t===null?void 0:a.itemId(t)});function c(t){a.onNavigationKeyDown(t,{typeahead:!0,selectOnSpace:!0})}return d({focus:t=>r.value?.focus(t),el:r}),(t,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{ref_key:"elRef",ref:r,class:"skdx-tree-select__trigger","data-part":"trigger",type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":(0,e.unref)(a).open.value,"aria-controls":(0,e.unref)(a).open.value?(0,e.unref)(a).activeTreeId.value:void 0,"aria-activedescendant":s.value,"aria-readonly":(0,e.unref)(a).readOnly?!0:void 0,"data-state":(0,e.unref)(a).open.value?"open":"closed","data-disabled":l.value?"":void 0,"data-readonly":(0,e.unref)(a).readOnly?"":void 0,"data-multiple":(0,e.unref)(a).multiple?"":void 0,"data-placeholder":(0,e.unref)(a).value.value.length===0?"":void 0,disabled:l.value,onClick:o[0]||(o[0]=T=>(0,e.unref)(a).onOpenChange(!(0,e.unref)(a).open.value)),onKeydown:c},[(0,e.renderSlot)(t.$slots,"default")],40,_))}});exports.default=g;

package/dist/tree-select/TreeSelectTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{POPPER_CONTEXT as e}from"../utils/popper.js";import{TREE_SELECT_CONTEXT as a}from"./context.js";import{computed as t,createElementBlock as o,defineComponent as r,inject as l,onBeforeUnmount as n,onMounted as d,openBlock as i,ref as s,renderSlot as u,unref as c}from"vue";var p=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],v=/* @__PURE__ */r({__name:"TreeSelectTrigger",setup(r){const v=l(a);if(!v)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const m=v,f=l(e);if(!f)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const g=s(null);d(()=>{m.triggerRef.value=g.value,f.setAnchor(g.value)}),n(()=>{f.anchor.value===g.value&&f.setAnchor(null)});const h=t(()=>{const e=m.open.value&&!m.hasInput.value?m.activeValue.value:null;return null===e?void 0:m.itemId(e)});function T(e){m.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}return(e,a)=>(i(),o("button",{class:"skdx-tree-select__trigger","data-part":"trigger",ref_key:"elRef",ref:g,type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":c(m).open.value,"aria-controls":c(m).open.value?c(m).treeId:void 0,"aria-activedescendant":h.value,"aria-readonly":!!c(m).readOnly||void 0,"data-state":c(m).open.value?"open":"closed","data-disabled":c(m).disabled?"":void 0,"data-readonly":c(m).readOnly?"":void 0,"data-multiple":c(m).multiple?"":void 0,"data-placeholder":0===c(m).value.value.length?"":void 0,disabled:c(m).disabled,onClick:a[0]||(a[0]=e=>c(m).onOpenChange(!c(m).open.value)),onKeydown:T},[u(e.$slots,"default")],40,p))}});export{v as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{POPPER_CONTEXT as a}from"../utils/popper.js";import{TREE_SELECT_CONTEXT as t}from"./context.js";import{computed as l,createElementBlock as o,defineComponent as r,inject as n,onBeforeUnmount as d,onMounted as i,openBlock as s,ref as u,renderSlot as c,unref as p}from"vue";var v=["aria-expanded","aria-controls","aria-activedescendant","aria-readonly","data-state","data-disabled","data-readonly","data-multiple","data-placeholder","disabled"],m=/* @__PURE__ */r({__name:"TreeSelectTrigger",props:{disabled:{type:Boolean,default:!1}},setup(r,{expose:m}){const f=r,g=e(t,"SkdxTreeSelectTrigger must be used within SkdxTreeSelect."),T=n(a);if(!T)throw new Error("SkdxTreeSelectTrigger must be used within SkdxTreeSelect.");const b=u(null),h=l(()=>g.disabled||f.disabled);i(()=>{g.triggerRef.value=b.value,T.setAnchor(b.value)}),d(()=>{T.anchor.value===b.value&&T.setAnchor(null)});const y=l(()=>{const e=g.open.value&&!g.hasInput.value?g.activeValue.value:null;return null===e?void 0:g.itemId(e)});function S(e){g.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}return m({focus:e=>b.value?.focus(e),el:b}),(e,a)=>(s(),o("button",{ref_key:"elRef",ref:b,class:"skdx-tree-select__trigger","data-part":"trigger",type:"button",role:"combobox","aria-haspopup":"tree","aria-expanded":p(g).open.value,"aria-controls":p(g).open.value?p(g).activeTreeId.value:void 0,"aria-activedescendant":y.value,"aria-readonly":!!p(g).readOnly||void 0,"data-state":p(g).open.value?"open":"closed","data-disabled":h.value?"":void 0,"data-readonly":p(g).readOnly?"":void 0,"data-multiple":p(g).multiple?"":void 0,"data-placeholder":0===p(g).value.value.length?"":void 0,disabled:h.value,onClick:a[0]||(a[0]=e=>p(g).onOpenChange(!p(g).open.value)),onKeydown:S},[c(e.$slots,"default")],40,v))}});export{m as default};

package/dist/tree-select/TreeSelectValue.vue.d.cts

@@ -1,16 +1,14 @@
-/**
- * Displays the current selection — the checked node's `label` or `placeholder` when nothing is checked. Renders a `<span>` with `pointer-events: none` so clicks pass through to the trigger. While `multiple`, renders one chip per value, styled via `data-chip` and `data-value`.
- */
+/** Displays the current selection, or `placeholder` when nothing is checked, with clicks passing through to the trigger. */
 type __VLS_Props = {
     /** Stand-in content rendered while nothing is checked. */
-    placeholder?: string;
+    placeholder?: string | undefined;
 };
 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<{}>, {
-    placeholder: string;
+    placeholder: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree-select/TreeSelectValue.vue.d.ts

@@ -1,16 +1,14 @@
-/**
- * Displays the current selection — the checked node's `label` or `placeholder` when nothing is checked. Renders a `<span>` with `pointer-events: none` so clicks pass through to the trigger. While `multiple`, renders one chip per value, styled via `data-chip` and `data-value`.
- */
+/** Displays the current selection, or `placeholder` when nothing is checked, with clicks passing through to the trigger. */
 type __VLS_Props = {
     /** Stand-in content rendered while nothing is checked. */
-    placeholder?: string;
+    placeholder?: string | undefined;
 };
 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<{}>, {
-    placeholder: string;
+    placeholder: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/tree-select/TreeSelectValue.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var i=["data-multiple","data-placeholder"],p=["data-value"],v=(0,e.defineComponent)({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(u){const o=(0,e.inject)(d.TREE_SELECT_CONTEXT);if(!o)throw new Error("SkdxTreeSelectValue must be used within SkdxTreeSelect.");const t=o,n=(0,e.useSlots)(),l=(0,e.computed)(()=>t.value.value),c=(0,e.computed)(()=>!n.default&&l.value.length===0),s=(0,e.computed)(()=>{const a=l.value[0];return a===void 0?"":t.getLabel(a)});return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":c.value?"":void 0,style:{pointerEvents:"none"}},[(0,e.unref)(n).default?(0,e.renderSlot)(a.$slots,"default",{key:0}):l.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(u.placeholder),1)],64)):(0,e.unref)(t).multiple?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:2},(0,e.renderList)(l.value,r=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:r,"data-chip":"","data-value":r},(0,e.toDisplayString)((0,e.unref)(t).getLabel(r)),9,p))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:3},[(0,e.createTextVNode)((0,e.toDisplayString)(s.value),1)],64))],8,i))}});exports.default=v;
+const s=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var i=["data-multiple","data-placeholder"],p=["data-value"],v=(0,e.defineComponent)({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(o){const t=s.injectRequired(d.TREE_SELECT_CONTEXT,"SkdxTreeSelectValue must be used within SkdxTreeSelect."),n=(0,e.useSlots)(),l=(0,e.computed)(()=>t.value.value),u=(0,e.computed)(()=>!n.default&&l.value.length===0),c=(0,e.computed)(()=>{const a=l.value[0];return a===void 0?"":t.getLabel(a)});return(a,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":(0,e.unref)(t).multiple?"":void 0,"data-placeholder":u.value?"":void 0,style:{pointerEvents:"none"}},[(0,e.unref)(n).default?(0,e.renderSlot)(a.$slots,"default",{key:0}):l.value.length===0?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},[(0,e.createTextVNode)((0,e.toDisplayString)(o.placeholder),1)],64)):(0,e.unref)(t).multiple?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:2},(0,e.renderList)(l.value,r=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{key:r,"data-chip":"","data-value":r},(0,e.toDisplayString)((0,e.unref)(t).getLabel(r)),9,p))),128)):((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:3},[(0,e.createTextVNode)((0,e.toDisplayString)(c.value),1)],64))],8,i))}});exports.default=v;

package/dist/tree-select/TreeSelectValue.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{TREE_SELECT_CONTEXT as e}from"./context.js";import{Fragment as a,computed as t,createElementBlock as l,createTextVNode as s,defineComponent as r,inject as o,openBlock as u,renderList as d,renderSlot as n,toDisplayString as p,unref as c,useSlots as i}from"vue";var v=["data-multiple","data-placeholder"],m=["data-value"],f=/* @__PURE__ */r({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(r){const f=o(e);if(!f)throw new Error("SkdxTreeSelectValue must be used within SkdxTreeSelect.");const k=f,h=i(),S=t(()=>k.value.value),E=t(()=>!h.default&&0===S.value.length),T=t(()=>{const e=S.value[0];return void 0===e?"":k.getLabel(e)});return(e,t)=>(u(),l("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":c(k).multiple?"":void 0,"data-placeholder":E.value?"":void 0,style:{pointerEvents:"none"}},[c(h).default?n(e.$slots,"default",{key:0}):0===S.value.length?(u(),l(a,{key:1},[s(p(r.placeholder),1)],64)):c(k).multiple?(u(!0),l(a,{key:2},d(S.value,e=>(u(),l("span",{key:e,"data-chip":"","data-value":e},p(c(k).getLabel(e)),9,m))),128)):(u(),l(a,{key:3},[s(p(T.value),1)],64))],8,v))}});export{f as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{TREE_SELECT_CONTEXT as a}from"./context.js";import{Fragment as t,computed as l,createElementBlock as s,createTextVNode as u,defineComponent as r,openBlock as d,renderList as o,renderSlot as n,toDisplayString as i,unref as p,useSlots as c}from"vue";var v=["data-multiple","data-placeholder"],m=["data-value"],f=/* @__PURE__ */r({__name:"TreeSelectValue",props:{placeholder:{default:void 0}},setup(r){const f=e(a,"SkdxTreeSelectValue must be used within SkdxTreeSelect."),k=c(),S=l(()=>f.value.value),h=l(()=>!k.default&&0===S.value.length),T=l(()=>{const e=S.value[0];return void 0===e?"":f.getLabel(e)});return(e,a)=>(d(),s("span",{class:"skdx-tree-select__value","data-part":"value","data-multiple":p(f).multiple?"":void 0,"data-placeholder":h.value?"":void 0,style:{pointerEvents:"none"}},[p(k).default?n(e.$slots,"default",{key:0}):0===S.value.length?(d(),s(t,{key:1},[u(i(r.placeholder),1)],64)):p(f).multiple?(d(!0),s(t,{key:2},o(S.value,e=>(d(),s("span",{key:e,"data-chip":"","data-value":e},i(p(f).getLabel(e)),9,m))),128)):(d(),s(t,{key:3},[u(i(T.value),1)],64))],8,v))}});export{f as default};