@skdx/vue 0.26.0

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

@@ -0,0 +1,149 @@
+import { type TreeSelectCheckStrategy, type TreeSelectFilter, type TreeSelectNode, type TreeSelectValueStrategy } from './context.js';
+/**
+ * Root of a tree select: a `role="combobox"` trigger whose popup is a
+ * WAI-ARIA `treeview`, for picking from hierarchical data. Owns the checked
+ * set, expansion, filter text, open state and virtual focus, and hands all of
+ * them to every other `SkdxTreeSelect*` part via provide/inject. Renders no DOM
+ * of its own.
+ *
+ * Real DOM focus never enters the tree: it stays on the trigger, or on
+ * `SkdxTreeSelectInput` when one is mounted, and the focused node is tracked as
+ * virtual focus through `aria-activedescendant`. The popup composes the `Tree`
+ * family for its `role="tree"` markup, but drives navigation itself for
+ * exactly that reason.
+ *
+ * The data is a `collection` of plain nodes rather than children, because the
+ * three things this component exists to do — cascade a check through a
+ * subtree, project the checked set through `valueStrategy`, and keep the
+ * ancestors of a filter match visible — all have to be correct for branches
+ * that are collapsed, and a collapsed branch is not in the DOM.
+ *
+ * Emits `open-change` the instant the state flips and `open-change-complete`
+ * once the change has finished on screen — after `SkdxTreeSelectContent`'s enter
+ * or exit animation ends, or in the same task when it declares none.
+ *
+ * Works controlled (`v-model:value`, `v-model:expanded-value`, `v-model:open`,
+ * `v-model:input-value`) or uncontrolled (`default-value`,
+ * `default-expanded-value`, `default-open`, `default-input-value`).
+ */
+type __VLS_Props = {
+    /**
+     * The hierarchical data the popup's tree is built from. Node `value`s must
+     * be unique across the whole collection — every event, `value` entry and
+     * DOM id is keyed by them.
+     */
+    collection: readonly TreeSelectNode[];
+    /**
+     * Checked node values, for controlled usage — always an array, whether or
+     * not `multiple`, and always in the shape `valueStrategy` describes. Pair
+     * with `v-model:value` or `@value-change`.
+     */
+    value?: string[];
+    /** Initially checked node values, for uncontrolled usage. Same shape as `value`. */
+    defaultValue?: string[];
+    /**
+     * Allows more than one node to be checked: the tree gets
+     * `aria-multiselectable`, activating a node toggles it rather than
+     * replacing the selection, and `checkStrategy` starts to mean something.
+     */
+    multiple?: boolean;
+    /** Whether checking a node propagates through its subtree. Ignored unless `multiple`. */
+    checkStrategy?: TreeSelectCheckStrategy;
+    /** Which checked nodes appear in the emitted `value`. Ignored under `check-strategy="independent"`. */
+    valueStrategy?: TreeSelectValueStrategy;
+    /**
+     * Expanded node values, for controlled usage. Pair with
+     * `v-model:expanded-value` or `@expanded-change`. While filtering, the
+     * ancestors of every match are expanded *on top of* this value without
+     * being written back to it.
+     */
+    expandedValue?: string[];
+    /** Initially expanded node values, for uncontrolled usage. Every branch starts collapsed. */
+    defaultExpandedValue?: string[];
+    /** Whether the popup is open, for controlled usage. Pair with `v-model:open` or `@open-change`. */
+    open?: boolean;
+    /** Initial open state, for uncontrolled usage. */
+    defaultOpen?: boolean;
+    /** The `SkdxTreeSelectInput`'s filter text, for controlled usage. Pair with `v-model:input-value`. */
+    inputValue?: string;
+    /** Initial filter text, for uncontrolled usage — unfiltered. */
+    defaultInputValue?: string;
+    /**
+     * Decides whether a node matches the filter text. A match keeps its whole
+     * ancestor chain visible (a matched leaf under a hidden parent would be
+     * unreachable) and its whole subtree visible.
+     */
+    filter?: TreeSelectFilter;
+    /**
+     * Blocks the whole control: the trigger is a disabled `<button>`, the popup
+     * cannot open, and no key changes anything.
+     */
+    disabled?: boolean;
+    /**
+     * Lets the user open, navigate and read the tree but never change the
+     * value — unlike `disabled`, which also removes it from the tab order.
+     */
+    readOnly?: boolean;
+    /**
+     * Closes the popup as soon as a node is checked, returning focus to the
+     * trigger.
+     * @default !multiple — a single-select answer is complete on the first pick; a multi-select one is not.
+     */
+    closeOnSelect?: boolean;
+    /**
+     * Formats the message announced (through the shared live announcer) each
+     * time the number of filter matches changes while the popup is open —
+     * filtering is silent for screen-reader users otherwise. Return an empty
+     * string to announce nothing.
+     */
+    getMatchCountLabel?: (count: number) => string;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (open: boolean) => any;
+    "open-change": (open: boolean) => any;
+    "update:value": (value: string[]) => any;
+    "value-change": (value: string[]) => any;
+    "open-change-complete": (open: boolean) => any;
+    "update:inputValue": (inputValue: string) => any;
+    "input-value-change": (inputValue: string) => any;
+    "update:expandedValue": (expandedValue: string[]) => any;
+    "expanded-change": (expandedValue: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    "onOpen-change"?: ((open: boolean) => any) | undefined;
+    "onUpdate:value"?: ((value: string[]) => any) | undefined;
+    "onValue-change"?: ((value: string[]) => any) | undefined;
+    "onOpen-change-complete"?: ((open: boolean) => any) | undefined;
+    "onUpdate:inputValue"?: ((inputValue: string) => any) | undefined;
+    "onInput-value-change"?: ((inputValue: string) => any) | undefined;
+    "onUpdate:expandedValue"?: ((expandedValue: string[]) => any) | undefined;
+    "onExpanded-change"?: ((expandedValue: string[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    filter: TreeSelectFilter;
+    open: boolean;
+    defaultOpen: boolean;
+    value: string[];
+    defaultValue: string[];
+    multiple: boolean;
+    readOnly: boolean;
+    inputValue: string;
+    defaultInputValue: string;
+    closeOnSelect: boolean;
+    checkStrategy: TreeSelectCheckStrategy;
+    valueStrategy: TreeSelectValueStrategy;
+    expandedValue: string[];
+    defaultExpandedValue: string[];
+    getMatchCountLabel: (count: number) => string;
+}, {}, {}, {}, 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/tree-select/TreeSelect.vue.js

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

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

@@ -0,0 +1 @@
+const P=require("../utils/direction.cjs"),ie=require("../utils/useOpenChangeComplete.cjs"),$=require("../utils/useTypeahead.cjs"),de=require("../utils/clamp.cjs"),fe=require("../utils/liveAnnouncer.cjs"),se=require("../utils/PopperRoot.vue.cjs"),d=require("./collection.cjs"),g=require("./context.cjs");let t=require("vue");var pe=(0,t.defineComponent)({inheritAttrs:!1,__name:"TreeSelect",props:{collection:{},value:{default:void 0},defaultValue:{default:()=>[]},multiple:{type:Boolean,default:!1},checkStrategy:{default:"cascade"},valueStrategy:{default:"all"},expandedValue:{default:void 0},defaultExpandedValue:{default:()=>[]},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},filter:{type:Function,default:g.defaultTreeSelectFilter},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:void 0},getMatchCountLabel:{type:Function,default:g.defaultGetMatchCountLabel}},emits:["update:value","value-change","update:expandedValue","expanded-change","update:open","open-change","update:inputValue","input-value-change","open-change-complete"],setup(z,{emit:N}){const u=z,i=N,j=new Set,w=(0,t.ref)(null),C=(0,t.ref)(null),G=(0,t.ref)(null),D=(0,t.ref)(!1),a=(0,t.ref)(null),U=g.nextTreeSelectId("item"),X=g.nextTreeSelectId("tree"),Y=g.nextTreeSelectId("content"),J=P.useDirection(),B=(0,t.ref)(u.defaultValue),x=(0,t.computed)(()=>u.value??B.value),A=(0,t.ref)(u.defaultExpandedValue),S=(0,t.computed)(()=>u.expandedValue??A.value),L=(0,t.ref)(u.defaultOpen),n=(0,t.computed)(()=>u.open??L.value),M=(0,t.ref)(u.defaultInputValue),V=(0,t.computed)(()=>u.inputValue??M.value);ie.useOpenChangeComplete(n,C,e=>i("open-change-complete",e));function Q(e){e!==x.value&&(u.value===void 0&&(B.value=e),i("update:value",e),i("value-change",e))}function W(e){e!==S.value&&(u.expandedValue===void 0&&(A.value=e),i("update:expandedValue",e),i("expanded-change",e))}function f(e){e!==n.value&&(u.open===void 0&&(L.value=e),i("update:open",e),i("open-change",e))}function Z(e){e!==V.value&&(u.inputValue===void 0&&(M.value=e),i("update:inputValue",e),i("input-value-change",e))}const R=(0,t.computed)(()=>d.indexCollection(u.collection)),c=(0,t.computed)(()=>R.value.index),p=(0,t.computed)(()=>R.value.order),v=(0,t.computed)(()=>u.multiple&&u.checkStrategy==="cascade"),k=(0,t.computed)(()=>d.normalizeChecked(x.value,c.value,p.value,v.value)),T=(0,t.computed)(()=>V.value.trim()!==""),m=(0,t.computed)(()=>T.value?d.computeFilter(c.value,p.value,e=>u.filter(e,V.value)):{visible:null,autoExpanded:j,matchCount:p.value.length}),E=(0,t.computed)(()=>{const e=m.value.autoExpanded;if(e.size===0)return S.value;const l=new Set(S.value);for(const r of e)l.add(r);return[...l]}),O=(0,t.computed)(()=>new Set(E.value)),y=(0,t.computed)(()=>d.flattenVisible(u.collection,c.value,m.value.visible,O.value)),I=(0,t.computed)(()=>new Map(y.value.map(e=>[e.value,e]))),ee=(0,t.computed)(()=>p.value.filter(e=>d.checkStateOf(e,k.value,c.value,v.value)===!0)),F=(0,t.computed)(()=>y.value.filter(e=>!e.disabled)),te=(0,t.computed)(()=>u.closeOnSelect??!u.multiple);function b(e,l){const r=S.value;W(l?r.includes(e)?r:[...r,e]:r.filter(o=>o!==e))}function ue(e){const l=new Set(e),r=e.find(s=>!O.value.has(s));if(r!==void 0){b(r,!0);return}const o=E.value.find(s=>!l.has(s));o!==void 0&&b(o,!1)}function q(){w.value?.focus()}function H(e){if(u.disabled||u.readOnly)return;const l=c.value.get(e);!l||l.disabled||(Q(d.projectValue(d.toggleChecked(e,k.value,c.value,v.value,u.multiple),c.value,p.value,v.value?u.valueStrategy:"all")),te.value&&(f(!1),q()))}(0,t.watch)(n,e=>{e||(a.value=null)}),(0,t.watch)([n,a,y],()=>{n.value&&(a.value!==null&&I.value.get(a.value)?.disabled===!1||(a.value=y.value.find(e=>!e.disabled)?.value??null))},{flush:"post",immediate:!0}),(0,t.watch)([n,T,()=>m.value.matchCount],()=>{!n.value||!T.value||fe.announce(u.getMatchCountLabel(m.value.matchCount))},{immediate:!0});function le(e){return`${U}-${e}`}function ae(e){return c.value.get(e)?.node.label??e}const ne=$.useTypeahead();function h(e){const l=F.value;if(l.length===0)return;if(e==="first"){a.value=l[0].value;return}if(e==="last"){a.value=l[l.length-1].value;return}const r=l.findIndex(o=>o.value===a.value);a.value=l[de.clamp(r+e,0,l.length-1)].value}function re(e,l){if(u.disabled)return;const r=P.directionalKey(e.key,e.currentTarget,J()),o=a.value===null?void 0:I.value.get(a.value);if(e.key==="Escape"){if(!n.value||C.value)return;e.preventDefault(),f(!1),q();return}if(e.key==="Tab"){n.value&&f(!1);return}if(r==="ArrowDown"){e.preventDefault(),n.value?h(1):(f(!0),h("first"));return}if(r==="ArrowUp"){e.preventDefault(),n.value?h(-1):(f(!0),h("last"));return}if(r==="ArrowRight"){if(!n.value)return;e.preventDefault(),o?.hasChildren&&!o.expanded?b(o.value,!0):h(1);return}if(r==="ArrowLeft"){if(!n.value)return;e.preventDefault(),o?.hasChildren&&o.expanded?b(o.value,!1):o?.parent&&(a.value=o.parent);return}if(e.key==="Home"||e.key==="End"){if(!n.value)return;e.preventDefault(),h(e.key==="Home"?"first":"last");return}if(e.key==="Enter"||e.key===" "&&l.selectOnSpace){if(e.preventDefault(),!n.value){f(!0);return}a.value!==null&&H(a.value);return}if(l.typeahead&&n.value&&$.isTypeaheadKey(e)){e.preventDefault();const s=F.value,oe=s.findIndex(_=>_.value===a.value),ce=s.map(_=>c.value.get(_.value)?.node.label??_.value),K=ne(e.key,ce,oe);K!==-1&&(a.value=s[K].value)}}return(0,t.provide)(g.TREE_SELECT_CONTEXT,{collection:(0,t.computed)(()=>u.collection),index:c,order:p,value:x,get multiple(){return u.multiple},cascade:v,get disabled(){return u.disabled},get readOnly(){return u.readOnly},checkStateOf:e=>d.checkStateOf(e,k.value,c.value,v.value),commit:H,open:n,onOpenChange:f,expandedIds:E,expanded:O,setExpanded:b,onTreeExpandedIdsChange:ue,selectedIds:ee,isVisible:e=>m.value.visible===null||m.value.visible.has(e),flat:y,flatMap:I,activeValue:a,setActiveValue:e=>{a.value=e},itemId:le,treeId:X,contentId:Y,triggerRef:w,contentRef:C,inputRef:G,hasInput:D,setHasInput:e=>{D.value=e},inputValue:V,onInputValueChange:Z,getLabel:ae,focusTrigger:q,onNavigationKeyDown:re}),(e,l)=>((0,t.openBlock)(),(0,t.createBlock)(se.default,null,{default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,"default")]),_:3}))}});exports.default=pe;

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

@@ -0,0 +1 @@
+import{directionalKey as e,useDirection as a}from"../utils/direction.js";import{useOpenChangeComplete as l}from"../utils/useOpenChangeComplete.js";import{isTypeaheadKey as t,useTypeahead as u}from"../utils/useTypeahead.js";import{clamp as n}from"../utils/clamp.js";import{announce as i}from"../utils/liveAnnouncer.js";import o from"../utils/PopperRoot.vue.js";import{checkStateOf as d,computeFilter as v,flattenVisible as r,indexCollection as s,normalizeChecked as p,projectValue as c,toggleChecked as f}from"./collection.js";import{TREE_SELECT_CONTEXT as m,defaultGetMatchCountLabel as h,defaultTreeSelectFilter as g,nextTreeSelectId as y}from"./context.js";import{computed as x,createBlock as V,defineComponent as b,openBlock as C,provide as S,ref as k,renderSlot as O,watch as E,withCtx as I}from"vue";var T=/* @__PURE__ */b({inheritAttrs:!1,__name:"TreeSelect",props:{collection:{},value:{default:void 0},defaultValue:{default:()=>[]},multiple:{type:Boolean,default:!1},checkStrategy:{default:"cascade"},valueStrategy:{default:"all"},expandedValue:{default:void 0},defaultExpandedValue:{default:()=>[]},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean,default:!1},inputValue:{default:void 0},defaultInputValue:{default:""},filter:{type:Function,default:g},disabled:{type:Boolean,default:!1},readOnly:{type:Boolean,default:!1},closeOnSelect:{type:Boolean,default:void 0},getMatchCountLabel:{type:Function,default:h}},emits:["update:value","value-change","update:expandedValue","expanded-change","update:open","open-change","update:inputValue","input-value-change","open-change-complete"],setup(h,{emit:g}){const b=h,T=g,w=/* @__PURE__ */new Set,D=k(null),j=k(null),B=k(null),A=k(!1),L=k(null),R=y("item"),M=y("tree"),_=y("content"),F=a(),H=k(b.defaultValue),K=x(()=>b.value??H.value),$=k(b.defaultExpandedValue),z=x(()=>b.expandedValue??$.value),N=k(b.defaultOpen),G=x(()=>b.open??N.value),P=k(b.defaultInputValue),U=x(()=>b.inputValue??P.value);function X(e){e!==G.value&&(void 0===b.open&&(N.value=e),T("update:open",e),T("open-change",e))}l(G,j,e=>T("open-change-complete",e));const q=x(()=>s(b.collection)),J=x(()=>q.value.index),Q=x(()=>q.value.order),W=x(()=>b.multiple&&"cascade"===b.checkStrategy),Y=x(()=>p(K.value,J.value,Q.value,W.value)),Z=x(()=>""!==U.value.trim()),ee=x(()=>Z.value?v(J.value,Q.value,e=>b.filter(e,U.value)):{visible:null,autoExpanded:w,matchCount:Q.value.length}),ae=x(()=>{const e=ee.value.autoExpanded;if(0===e.size)return z.value;const a=new Set(z.value);for(const l of e)a.add(l);return[...a]}),le=x(()=>new Set(ae.value)),te=x(()=>r(b.collection,J.value,ee.value.visible,le.value)),ue=x(()=>new Map(te.value.map(e=>[e.value,e]))),ne=x(()=>Q.value.filter(e=>!0===d(e,Y.value,J.value,W.value))),ie=x(()=>te.value.filter(e=>!e.disabled)),oe=x(()=>b.closeOnSelect??!b.multiple);function de(e,a){const l=z.value;!function(e){e!==z.value&&(void 0===b.expandedValue&&($.value=e),T("update:expandedValue",e),T("expanded-change",e))}(a?l.includes(e)?l:[...l,e]:l.filter(a=>a!==e))}function ve(){D.value?.focus()}function re(e){if(b.disabled||b.readOnly)return;const a=J.value.get(e);!a||a.disabled||(function(e){e!==K.value&&(void 0===b.value&&(H.value=e),T("update:value",e),T("value-change",e))}(c(f(e,Y.value,J.value,W.value,b.multiple),J.value,Q.value,W.value?b.valueStrategy:"all")),oe.value&&(X(!1),ve()))}E(G,e=>{e||(L.value=null)}),E([G,L,te],()=>{G.value&&(null!==L.value&&!1===ue.value.get(L.value)?.disabled||(L.value=te.value.find(e=>!e.disabled)?.value??null))},{flush:"post",immediate:!0}),E([G,Z,()=>ee.value.matchCount],()=>{!G.value||!Z.value||i(b.getMatchCountLabel(ee.value.matchCount))},{immediate:!0});const se=u();function pe(e){const a=ie.value;if(0===a.length)return;if("first"===e)return void(L.value=a[0].value);if("last"===e)return void(L.value=a[a.length-1].value);const l=a.findIndex(e=>e.value===L.value);L.value=a[n(l+e,0,a.length-1)].value}return S(m,{collection:x(()=>b.collection),index:J,order:Q,value:K,get multiple(){return b.multiple},cascade:W,get disabled(){return b.disabled},get readOnly(){return b.readOnly},checkStateOf:e=>d(e,Y.value,J.value,W.value),commit:re,open:G,onOpenChange:X,expandedIds:ae,expanded:le,setExpanded:de,onTreeExpandedIdsChange:function(e){const a=new Set(e),l=e.find(e=>!le.value.has(e));if(void 0!==l)return void de(l,!0);const t=ae.value.find(e=>!a.has(e));void 0!==t&&de(t,!1)},selectedIds:ne,isVisible:e=>null===ee.value.visible||ee.value.visible.has(e),flat:te,flatMap:ue,activeValue:L,setActiveValue:e=>{L.value=e},itemId:function(e){return`${R}-${e}`},treeId:M,contentId:_,triggerRef:D,contentRef:j,inputRef:B,hasInput:A,setHasInput:e=>{A.value=e},inputValue:U,onInputValueChange:function(e){e!==U.value&&(void 0===b.inputValue&&(P.value=e),T("update:inputValue",e),T("input-value-change",e))},getLabel:function(e){return J.value.get(e)?.node.label??e},focusTrigger:ve,onNavigationKeyDown:function(a,l){if(b.disabled)return;const u=e(a.key,a.currentTarget,F()),n=null===L.value?void 0:ue.value.get(L.value);if("Escape"===a.key){if(!G.value||j.value)return;return a.preventDefault(),X(!1),void ve()}if("Tab"!==a.key){if("ArrowDown"===u)return a.preventDefault(),void(G.value?pe(1):(X(!0),pe("first")));if("ArrowUp"===u)return a.preventDefault(),void(G.value?pe(-1):(X(!0),pe("last")));if("ArrowRight"===u){if(!G.value)return;return a.preventDefault(),void(n?.hasChildren&&!n.expanded?de(n.value,!0):pe(1))}if("ArrowLeft"===u){if(!G.value)return;return a.preventDefault(),void(n?.hasChildren&&n.expanded?de(n.value,!1):n?.parent&&(L.value=n.parent))}if("Home"===a.key||"End"===a.key){if(!G.value)return;return a.preventDefault(),void pe("Home"===a.key?"first":"last")}if("Enter"===a.key||" "===a.key&&l.selectOnSpace)return a.preventDefault(),G.value?void(null!==L.value&&re(L.value)):void X(!0);if(l.typeahead&&G.value&&t(a)){a.preventDefault();const e=ie.value,l=e.findIndex(e=>e.value===L.value),t=e.map(e=>J.value.get(e.value)?.node.label??e.value),u=se(a.key,t,l);-1!==u&&(L.value=e[u].value)}}else G.value&&X(!1)}}),(e,a)=>(C(),V(o,null,{default:I(()=>[O(e.$slots,"default")]),_:3}))}});export{T as default};

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

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

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

@@ -0,0 +1,78 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.cjs';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.cjs';
+/**
+ * The popup panel for an `SkdxTreeSelect`, positioned relative to the trigger
+ * via floating-ui using `side` (defaults to `'bottom'`) / `align` (defaults to
+ * `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`. Renders a plain
+ * `<div>` — the tree role lives on `SkdxTreeSelectTree` inside it, so the panel
+ * can also hold an `SkdxTreeSelectInput` and an `SkdxTreeSelectEmpty` without
+ * lying about its contents. Carries `data-state` and `data-side`/`data-align`
+ * from the popper, and exposes the popper's measurement custom properties
+ * under `--skdx-tree-select-*`.
+ *
+ * On open it moves real DOM focus to `SkdxTreeSelectInput` if one is mounted,
+ * and otherwise leaves it on the trigger — either way focus never enters the
+ * tree, which is navigated through `aria-activedescendant`. `mousedown` inside
+ * the panel is prevented (except on the input) so clicking a node cannot steal
+ * focus away from whichever element is holding it.
+ *
+ * Closes on Escape (returning focus to the trigger) or on an outside
+ * interaction, unless `escape-key-down`/`pointer-down-outside`/`focus-outside`/
+ * `interact-outside` call `event.preventDefault()`. `interact-outside` fires
+ * for either kind of outside interaction, immediately before the specific
+ * event and with the same event object, so one veto covers both. Mounts only
+ * while open unless `forceMount` is set. Must be used inside `SkdxTreeSelect`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render on. */
+    side?: Side;
+    /** Alignment of the panel along the chosen side, relative to the trigger. */
+    align?: Align;
+    /** Distance in pixels between the panel and the trigger along `side`. */
+    sideOffset?: number;
+    /** Offset in pixels along `align`, shifting the panel perpendicular to `side`. */
+    alignOffset?: number;
+    /** Flips to the opposite side when there isn't room to render on the preferred side. */
+    avoidCollisions?: boolean;
+    /** 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.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,78 @@
+import { type Align, type PhysicalSide, type Side } from '../utils/popper.js';
+import { type FocusOutsideEvent, type InteractOutsideEvent } from '../utils/useDismiss.js';
+/**
+ * The popup panel for an `SkdxTreeSelect`, positioned relative to the trigger
+ * via floating-ui using `side` (defaults to `'bottom'`) / `align` (defaults to
+ * `'start'`) / `sideOffset` (defaults to `4`) / `alignOffset`. Renders a plain
+ * `<div>` — the tree role lives on `SkdxTreeSelectTree` inside it, so the panel
+ * can also hold an `SkdxTreeSelectInput` and an `SkdxTreeSelectEmpty` without
+ * lying about its contents. Carries `data-state` and `data-side`/`data-align`
+ * from the popper, and exposes the popper's measurement custom properties
+ * under `--skdx-tree-select-*`.
+ *
+ * On open it moves real DOM focus to `SkdxTreeSelectInput` if one is mounted,
+ * and otherwise leaves it on the trigger — either way focus never enters the
+ * tree, which is navigated through `aria-activedescendant`. `mousedown` inside
+ * the panel is prevented (except on the input) so clicking a node cannot steal
+ * focus away from whichever element is holding it.
+ *
+ * Closes on Escape (returning focus to the trigger) or on an outside
+ * interaction, unless `escape-key-down`/`pointer-down-outside`/`focus-outside`/
+ * `interact-outside` call `event.preventDefault()`. `interact-outside` fires
+ * for either kind of outside interaction, immediately before the specific
+ * event and with the same event object, so one veto covers both. Mounts only
+ * while open unless `forceMount` is set. Must be used inside `SkdxTreeSelect`.
+ */
+type __VLS_Props = {
+    /** Preferred side of the trigger to render on. */
+    side?: Side;
+    /** Alignment of the panel along the chosen side, relative to the trigger. */
+    align?: Align;
+    /** Distance in pixels between the panel and the trigger along `side`. */
+    sideOffset?: number;
+    /** Offset in pixels along `align`, shifting the panel perpendicular to `side`. */
+    alignOffset?: number;
+    /** Flips to the opposite side when there isn't room to render on the preferred side. */
+    avoidCollisions?: boolean;
+    /** 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.
+     * @default undefined — the panel's clipping ancestors.
+     */
+    collisionBoundary?: Element | Element[] | null;
+    /** Keep this panel mounted even while closed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "focus-outside": (event: FocusOutsideEvent) => any;
+    "escape-key-down": (event: KeyboardEvent) => any;
+    "pointer-down-outside": (event: PointerEvent) => any;
+    "interact-outside": (event: InteractOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onFocus-outside"?: ((event: FocusOutsideEvent) => any) | undefined;
+    "onEscape-key-down"?: ((event: KeyboardEvent) => any) | undefined;
+    "onPointer-down-outside"?: ((event: PointerEvent) => any) | undefined;
+    "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
+}>, {
+    forceMount: boolean;
+    side: Side;
+    align: Align;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1 @@
+const C=require("../utils/composeRefs.cjs"),S=require("../utils/useDismiss.cjs"),c=require("../utils/popper.cjs"),T=require("./context.cjs");let e=require("vue");var h=["id","data-state","data-multiple","data-side","data-align"],y=(0,e.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(u,{emit:f}){const p=u,r=f,s=(0,e.inject)(T.TREE_SELECT_CONTEXT);if(!s)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const n=s,d=(0,e.inject)(c.POPPER_CONTEXT);if(!d)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const a=(0,e.ref)(null),m=C.composeRefs(a,n.contentRef),i=(0,e.computed)(()=>n.open.value),{style:_,placedSide:v,placedAlign:g}=c.usePopperPosition(d.anchor,a,i,()=>({...p,component:"tree-select"}));S.useDismiss({enabled:i,onEscapeKeyDown:t=>{r("escape-key-down",t),!t.defaultPrevented&&(n.onOpenChange(!1),n.focusTrigger())},onPointerDownOutside:t=>{r("pointer-down-outside",t),t.defaultPrevented||n.onOpenChange(!1)},onFocusOutside:t=>{r("focus-outside",t),t.defaultPrevented||n.onOpenChange(!1)},onInteractOutside:t=>r("interact-outside",t)},[a,n.triggerRef]);let o;function l(){o!==void 0&&cancelAnimationFrame(o),i.value&&(o=requestAnimationFrame(()=>n.inputRef.value?.focus()))}(0,e.onMounted)(l),(0,e.watch)(i,l),(0,e.onBeforeUnmount)(()=>{o!==void 0&&cancelAnimationFrame(o)});function w(t){t.target!==n.inputRef.value&&t.preventDefault()}return(t,E)=>u.forceMount||(0,e.unref)(n).open.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",{key:0,class:"skdx-tree-select__content","data-part":"content",id:(0,e.unref)(n).contentId,ref:(0,e.unref)(m),"data-state":(0,e.unref)(n).open.value?"open":"closed","data-multiple":(0,e.unref)(n).multiple?"":void 0,"data-side":(0,e.unref)(v),"data-align":(0,e.unref)(g),style:(0,e.normalizeStyle)((0,e.unref)(_)),onMousedown:w},[(0,e.renderSlot)(t.$slots,"default")],44,h)):(0,e.createCommentVNode)("",!0)}});exports.default=y;

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

@@ -0,0 +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 d,defineComponent as l,inject as r,normalizeStyle as u,onBeforeUnmount as c,onMounted as f,openBlock as p,ref as m,renderSlot as v,unref as g,watch as w}from"vue";var S=["id","data-state","data-multiple","data-side","data-align"],C=/* @__PURE__ */l({__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(l,{emit:C}){const T=l,E=C,O=r(a);if(!O)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const k=O,y=r(o);if(!y)throw new Error("SkdxTreeSelectContent must be used within SkdxTreeSelect.");const P=m(null),h=e(P,k.contentRef),R=s(()=>k.open.value),{style:x,placedSide:_,placedAlign:B}=n(y.anchor,P,R,()=>({...T,component:"tree-select"}));let j;function D(){void 0!==j&&cancelAnimationFrame(j),R.value&&(j=requestAnimationFrame(()=>k.inputRef.value?.focus()))}function b(e){e.target!==k.inputRef.value&&e.preventDefault()}return t({enabled:R,onEscapeKeyDown:e=>{E("escape-key-down",e),!e.defaultPrevented&&(k.onOpenChange(!1),k.focusTrigger())},onPointerDownOutside:e=>{E("pointer-down-outside",e),e.defaultPrevented||k.onOpenChange(!1)},onFocusOutside:e=>{E("focus-outside",e),e.defaultPrevented||k.onOpenChange(!1)},onInteractOutside:e=>E("interact-outside",e)},[P,k.triggerRef]),f(D),w(R,D),c(()=>{void 0!==j&&cancelAnimationFrame(j)}),(e,t)=>l.forceMount||g(k).open.value?(p(),d("div",{key:0,class:"skdx-tree-select__content","data-part":"content",id:g(k).contentId,ref:g(h),"data-state":g(k).open.value?"open":"closed","data-multiple":g(k).multiple?"":void 0,"data-side":g(_),"data-align":g(B),style:u(g(x)),onMousedown:b},[v(e.$slots,"default")],44,S)):i("",!0)}});export{C as default};

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * Fallback shown in place of the tree when nothing is left to show — because
+ * the filter matched no node, or because the `collection` itself is empty.
+ * Renders a `<div role="presentation">`; renders nothing while at least one
+ * node is visible. Must be used inside `SkdxTreeSelect`.
+ */
+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/tree-select/TreeSelectEmpty.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Fallback shown in place of the tree when nothing is left to show — because
+ * the filter matched no node, or because the `collection` itself is empty.
+ * Renders a `<div role="presentation">`; renders nothing while at least one
+ * node is visible. Must be used inside `SkdxTreeSelect`.
+ */
+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/tree-select/TreeSelectEmpty.vue.js

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

package/dist/tree-select/TreeSelectInput.vue.cjs

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

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

@@ -0,0 +1,21 @@
+/**
+ * Optional filter field inside `SkdxTreeSelectContent`. Renders an
+ * `<input type="text">` that takes real DOM focus when the popup opens and
+ * keeps it for the whole interaction, carrying `aria-controls` pointing at the
+ * tree and `aria-activedescendant` naming the virtually-focused node — which
+ * is why the trigger drops its own `aria-activedescendant` as soon as one of
+ * these is mounted.
+ *
+ * It is a plain textbox rather than a second `role="combobox"`: the trigger
+ * already owns that role, and two comboboxes for one popup would be announced
+ * as two separate controls.
+ *
+ * Typing filters the tree. A match keeps its whole ancestor chain visible and
+ * expands it *transiently* — clearing the field restores exactly the expansion
+ * the user had before. Arrow keys, Home/End, Enter and Escape all behave as
+ * they do on the trigger; Space is left alone, because here it is a character
+ * the user is typing. Must be used inside `SkdxTreeSelect`.
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,21 @@
+/**
+ * Optional filter field inside `SkdxTreeSelectContent`. Renders an
+ * `<input type="text">` that takes real DOM focus when the popup opens and
+ * keeps it for the whole interaction, carrying `aria-controls` pointing at the
+ * tree and `aria-activedescendant` naming the virtually-focused node — which
+ * is why the trigger drops its own `aria-activedescendant` as soon as one of
+ * these is mounted.
+ *
+ * It is a plain textbox rather than a second `role="combobox"`: the trigger
+ * already owns that role, and two comboboxes for one popup would be announced
+ * as two separate controls.
+ *
+ * Typing filters the tree. A match keeps its whole ancestor chain visible and
+ * expands it *transiently* — clearing the field restores exactly the expansion
+ * the user had before. Arrow keys, Home/End, Enter and Escape all behave as
+ * they do on the trigger; Space is left alone, because here it is a character
+ * the user is typing. Must be used inside `SkdxTreeSelect`.
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1,43 @@
+import { type TreeSelectNode } from './context.cjs';
+/**
+ * One node of an `SkdxTreeSelect`'s tree, normally rendered for you by
+ * `SkdxTreeSelectTree`. Renders a `<div role="treeitem">` with `aria-level`,
+ * `aria-selected`, `aria-expanded` on branches only, and
+ * `data-state="expanded" | "collapsed"` — plus what a *checkable* node needs on
+ * top:
+ *
+ * - `aria-checked` of `true` / `false` / `"mixed"` (only while the root is
+ *   `multiple`), with `data-checked` of `"checked"` / `"unchecked"` /
+ *   `"indeterminate"` as its styling hook.
+ * - `aria-posinset` / `aria-setsize` measured against the node's *visible*
+ *   siblings, so they stay truthful while a filter is on.
+ * - `data-highlighted` on the virtually-focused node — the one the trigger's or
+ *   input's `aria-activedescendant` names.
+ * - `tabindex="-1"` unconditionally: this tree is navigated by
+ *   `aria-activedescendant`, and a roving tab stop inside it would put a second
+ *   stop in the tab order.
+ *
+ * Clicking it checks the node (cascading through the subtree under
+ * `check-strategy="cascade"`); expansion stays on the chevron, i.e. on
+ * `SkdxTreeItemIndicator`. It provides the `tree` family's item context itself
+ * rather than composing `SkdxTreeItem`, whose own click handler both selects and
+ * toggles expansion and — unlike React's, which the item vetoes with
+ * `preventDefault()` — cannot be vetoed through Vue's attribute fallthrough.
+ * Must be used inside `SkdxTreeSelectTree`.
+ */
+type __VLS_Props = {
+    /** The collection node this row stands for. */
+    node: TreeSelectNode;
+};
+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/tree-select/TreeSelectItem.vue.d.ts

@@ -0,0 +1,43 @@
+import { type TreeSelectNode } from './context.js';
+/**
+ * One node of an `SkdxTreeSelect`'s tree, normally rendered for you by
+ * `SkdxTreeSelectTree`. Renders a `<div role="treeitem">` with `aria-level`,
+ * `aria-selected`, `aria-expanded` on branches only, and
+ * `data-state="expanded" | "collapsed"` — plus what a *checkable* node needs on
+ * top:
+ *
+ * - `aria-checked` of `true` / `false` / `"mixed"` (only while the root is
+ *   `multiple`), with `data-checked` of `"checked"` / `"unchecked"` /
+ *   `"indeterminate"` as its styling hook.
+ * - `aria-posinset` / `aria-setsize` measured against the node's *visible*
+ *   siblings, so they stay truthful while a filter is on.
+ * - `data-highlighted` on the virtually-focused node — the one the trigger's or
+ *   input's `aria-activedescendant` names.
+ * - `tabindex="-1"` unconditionally: this tree is navigated by
+ *   `aria-activedescendant`, and a roving tab stop inside it would put a second
+ *   stop in the tab order.
+ *
+ * Clicking it checks the node (cascading through the subtree under
+ * `check-strategy="cascade"`); expansion stays on the chevron, i.e. on
+ * `SkdxTreeItemIndicator`. It provides the `tree` family's item context itself
+ * rather than composing `SkdxTreeItem`, whose own click handler both selects and
+ * toggles expansion and — unlike React's, which the item vetoes with
+ * `preventDefault()` — cannot be vetoed through Vue's attribute fallthrough.
+ * Must be used inside `SkdxTreeSelectTree`.
+ */
+type __VLS_Props = {
+    /** The collection node this row stands for. */
+    node: TreeSelectNode;
+};
+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/tree-select/TreeSelectItem.vue.js

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

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

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

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

@@ -0,0 +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 r,inject as u,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-disabled","aria-posinset","aria-setsize","data-state","data-checked","data-highlighted","data-disabled","data-value","data-skdx-tree-node-id","data-skdx-tree-parent-id"],c=/* @__PURE__ */r({__name:"TreeSelectItem",props:{node:{}},setup(r){const c=r,p=u(a);if(!p)throw new Error("SkdxTreeSelectItem must be used within SkdxTreeSelect.");const m=p,h=d(()=>m.index.value.get(c.node.value)),x=d(()=>m.flatMap.value.get(c.node.value)),g=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(()=>x.value?.hasChildren??!1),f=d(()=>m.activeValue.value===c.node.value),_=d(()=>!0===g.value),b=d(()=>h.value?.depth??1),C=d(()=>{if(m.multiple)return"mixed"===g.value?"mixed":g.value}),S=d(()=>"mixed"===g.value?"indeterminate":g.value?"checked":"unchecked");function I(e){e.target.closest('[role="treeitem"]')===e.currentTarget&&(e.preventDefault(),!k.value&&(m.setActiveValue(c.node.value),m.commit(c.node.value)))}return n(e,{get nodeId(){return c.node.value},get depth(){return b.value},get expanded(){return E.value},get selected(){return _.value},get disabled(){return k.value},get hasChildren(){return T.value},loading:!1}),n(t,{get value(){return c.node.value},get checkState(){return g.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(r.node.value),"aria-level":b.value,"aria-selected":_.value,"aria-expanded":T.value?E.value:void 0,"aria-checked":C.value,"aria-disabled":k.value||void 0,"aria-posinset":x.value?.posinset,"aria-setsize":x.value?.setsize,"data-state":T.value?E.value?"expanded":"collapsed":void 0,"data-checked":S.value,"data-highlighted":f.value?"":void 0,"data-disabled":k.value?"":void 0,"data-value":r.node.value,"data-skdx-tree-node-id":r.node.value,"data-skdx-tree-parent-id":h.value?.parent??void 0,tabindex:"-1",onClick:I},[v(e.$slots,"default")],8,o))}});export{c as default};

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

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