@skdx/vue 0.27.0 → 0.28.0

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

@@ -0,0 +1 @@
+import e from"./TreeSelectContent.vue.js";import l from"./TreeSelectEmpty.vue.js";import a from"./TreeSelectInput.vue.js";import r from"./TreeSelectItemIndicator.vue.js";import t from"./TreeSelectPortal.vue.js";import o from"./TreeSelectTree.vue.js";import i from"./TreeSelectTrigger.vue.js";import u from"./TreeSelectValue.vue.js";import{Fragment as d,computed as n,createElementBlock as s,createTextVNode as m,createVNode as p,defineComponent as b,h as c,mergeProps as f,openBlock as v,toDisplayString as h,withCtx as y}from"vue";var T=/* @__PURE__ */b({inheritAttrs:!1,__name:"TreeSelectAnatomy",props:{placeholder:{default:void 0},emptyMessage:{default:"No matches"},renderLabel:{type:Function,default:void 0},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0}},setup(b){const T=b,S=n(()=>T.ariaLabel??T.placeholder),g=n(()=>S.value?`${S.value} filter`:void 0);function j(e){return[e.label??e.value,c(r,null,()=>c("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em","aria-hidden":"true"},[c("path",{d:"M3 8.5 6.5 12 13 4.5",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"})]))]}return(r,n)=>(v(),s(d,null,[p(i,f(r.$attrs,{"aria-label":S.value,"aria-labelledby":b.ariaLabelledby}),{default:y(()=>[p(u,{placeholder:b.placeholder},null,8,["placeholder"])]),_:1},16,["aria-label","aria-labelledby"]),p(t,null,{default:y(()=>[p(e,null,{default:y(()=>[p(a,{"aria-label":g.value},null,8,["aria-label"]),p(o,{"aria-label":S.value,"aria-labelledby":b.ariaLabelledby,"render-label":T.renderLabel??j},null,8,["aria-label","aria-labelledby","render-label"]),p(l,null,{default:y(()=>[m(h(b.emptyMessage),1)]),_:1})]),_:1})]),_:1})],64))}});export{T as default};

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

@@ -1,27 +1,7 @@
 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`.
+ * 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()`.
  */
 type __VLS_Props = {
     /** Preferred side of the trigger to render on. */
@@ -61,8 +41,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
-    side: Side;
     align: Align;
+    side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

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

@@ -1,27 +1,7 @@
 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`.
+ * 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()`.
  */
 type __VLS_Props = {
     /** Preferred side of the trigger to render on. */
@@ -61,8 +41,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     "onInteract-outside"?: ((event: InteractOutsideEvent) => any) | undefined;
 }>, {
     forceMount: boolean;
-    side: Side;
     align: Align;
+    side: Side;
     sideOffset: number;
     alignOffset: number;
     avoidCollisions: boolean;

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

@@ -1 +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;
+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;

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 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};
+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};

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

@@ -1,8 +1,5 @@
 /**
- * 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`.
+ * Shown in place of the tree when the filter matches nothing or the collection is empty. Renders a `<div role="presentation">`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,8 +1,5 @@
 /**
- * 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`.
+ * Shown in place of the tree when the filter matches nothing or the collection is empty. Renders a `<div role="presentation">`.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,20 +1,5 @@
 /**
- * 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`.
+ * 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.
  */
 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>;

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

@@ -1,20 +1,5 @@
 /**
- * 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`.
+ * 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.
  */
 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>;

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

@@ -1,29 +1,6 @@
 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`.
+ * 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`.
  */
 type __VLS_Props = {
     /** The collection node this row stands for. */

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

@@ -1,29 +1,6 @@
 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`.
+ * 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`.
  */
 type __VLS_Props = {
     /** The collection node this row stands for. */

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

@@ -1 +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;
+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;

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 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};
+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};

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

@@ -1,20 +1,8 @@
 /**
- * Marker shown inside an `SkdxTreeSelectItem` when the node is checked — or
- * *partially* checked, which is the case worth designing for: a branch whose
- * subtree is only half chosen renders this with `data-state="indeterminate"`,
- * and that is where a dash goes instead of a tick. Renders an `aria-hidden`
- * `<span>` with `data-state` of `"checked"` / `"indeterminate"`; renders
- * nothing while the node is unchecked unless `forceMount` is set.
- *
- * The check state itself is announced by the item's `aria-checked`, so this is
- * purely visual — hence `aria-hidden`. Must be used inside
- * `SkdxTreeSelectItem`.
+ * 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.
  */
 type __VLS_Props = {
-    /**
-     * Render even while the node is unchecked, instead of rendering nothing —
-     * for animating the check in and out, or for reserving its space.
-     */
+    /** Renders even while the node is unchecked, for animating the check or reserving its space. */
     forceMount?: boolean;
 };
 declare var __VLS_1: {};

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

@@ -1,20 +1,8 @@
 /**
- * Marker shown inside an `SkdxTreeSelectItem` when the node is checked — or
- * *partially* checked, which is the case worth designing for: a branch whose
- * subtree is only half chosen renders this with `data-state="indeterminate"`,
- * and that is where a dash goes instead of a tick. Renders an `aria-hidden`
- * `<span>` with `data-state` of `"checked"` / `"indeterminate"`; renders
- * nothing while the node is unchecked unless `forceMount` is set.
- *
- * The check state itself is announced by the item's `aria-checked`, so this is
- * purely visual — hence `aria-hidden`. Must be used inside
- * `SkdxTreeSelectItem`.
+ * 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.
  */
 type __VLS_Props = {
-    /**
-     * Render even while the node is unchecked, instead of rendering nothing —
-     * for animating the check in and out, or for reserving its space.
-     */
+    /** Renders even while the node is unchecked, for animating the check or reserving its space. */
     forceMount?: boolean;
 };
 declare var __VLS_1: {};

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

@@ -1,8 +1,6 @@
 import type { PortalContainer } from '../utils/portal.cjs';
 /**
- * Teleports `SkdxTreeSelectContent` to `document.body` (or a custom `container`), so the popup escapes
- * any clipping/`overflow` ancestors. Mounts only while the popup is open
- * unless `forceMount` is set. Must be used inside `SkdxTreeSelect`.
+ * Teleports the content to `document.body` (or a custom `container`), escaping clipping ancestors. Mounts only while open unless `forceMount` is set.
  */
 type __VLS_Props = {
     /**

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

@@ -1,8 +1,6 @@
 import type { PortalContainer } from '../utils/portal.js';
 /**
- * Teleports `SkdxTreeSelectContent` to `document.body` (or a custom `container`), so the popup escapes
- * any clipping/`overflow` ancestors. Mounts only while the popup is open
- * unless `forceMount` is set. Must be used inside `SkdxTreeSelect`.
+ * Teleports the content to `document.body` (or a custom `container`), escaping clipping ancestors. Mounts only while open unless `forceMount` is set.
  */
 type __VLS_Props = {
     /**

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

@@ -1,20 +1,6 @@
 import { type TreeSelectRenderLabel } from './context.cjs';
 /**
- * The `role="tree"` inside an `SkdxTreeSelect`'s popup: composes the `Tree`
- * family and renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup`. Carries
- * `aria-multiselectable` while the root is `multiple`, `aria-readonly` while it
- * is `readOnly`, and the id the trigger's `aria-controls` points at.
- *
- * Expansion is handed to `SkdxTree` as a controlled set, so the chevron
- * (`SkdxTreeItemIndicator`) keeps working exactly as it does in a plain tree.
- * Selection is *not*: the root owns cascading check state, because it has to be
- * right for collapsed branches that `SkdxTree` cannot see. Real DOM focus never
- * enters here — every node is `tabindex="-1"` and the navigation lives on the
- * trigger or the filter input.
- *
- * Give it an accessible name (`aria-label` or `aria-labelledby`): a tree with
- * no name announces as an unnamed group. Must be used inside `SkdxTreeSelect`.
+ * 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.
  */
 type __VLS_Props = {
     /**
@@ -25,8 +11,26 @@ type __VLS_Props = {
      * @default undefined — renders the node's `label ?? value` as plain text.
      */
     renderLabel?: TreeSelectRenderLabel;
+    /**
+     * 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.
+     * @default undefined — renders every visible node from `collection`, nested.
+     */
+    rows?: readonly {
+        value: string;
+        depth: number;
+    }[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rows: readonly {
+        value: string;
+        depth: number;
+    }[];
     renderLabel: TreeSelectRenderLabel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,20 +1,6 @@
 import { type TreeSelectRenderLabel } from './context.js';
 /**
- * The `role="tree"` inside an `SkdxTreeSelect`'s popup: composes the `Tree`
- * family and renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup`. Carries
- * `aria-multiselectable` while the root is `multiple`, `aria-readonly` while it
- * is `readOnly`, and the id the trigger's `aria-controls` points at.
- *
- * Expansion is handed to `SkdxTree` as a controlled set, so the chevron
- * (`SkdxTreeItemIndicator`) keeps working exactly as it does in a plain tree.
- * Selection is *not*: the root owns cascading check state, because it has to be
- * right for collapsed branches that `SkdxTree` cannot see. Real DOM focus never
- * enters here — every node is `tabindex="-1"` and the navigation lives on the
- * trigger or the filter input.
- *
- * Give it an accessible name (`aria-label` or `aria-labelledby`): a tree with
- * no name announces as an unnamed group. Must be used inside `SkdxTreeSelect`.
+ * 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.
  */
 type __VLS_Props = {
     /**
@@ -25,8 +11,26 @@ type __VLS_Props = {
      * @default undefined — renders the node's `label ?? value` as plain text.
      */
     renderLabel?: TreeSelectRenderLabel;
+    /**
+     * 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.
+     * @default undefined — renders every visible node from `collection`, nested.
+     */
+    rows?: readonly {
+        value: string;
+        depth: number;
+    }[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    rows: readonly {
+        value: string;
+        depth: number;
+    }[];
     renderLabel: TreeSelectRenderLabel;
 }, {}, {}, {}, 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 n=require("../tree/Tree.vue.cjs"),l=require("./context.cjs"),a=require("./nodes.cjs");let e=require("vue");var u=(0,e.defineComponent)({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0}},setup(t){const d=(0,e.inject)(l.TREE_SELECT_CONTEXT);if(!d)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");const r=d;return(o,s)=>((0,e.openBlock)(),(0,e.createBlock)(n.default,{class:"skdx-tree-select__tree","data-part":"tree",id:(0,e.unref)(r).treeId,"selection-mode":(0,e.unref)(r).multiple?"multiple":"single","aria-readonly":(0,e.unref)(r).readOnly||void 0,"expanded-ids":(0,e.unref)(r).expandedIds.value,"selected-ids":(0,e.unref)(r).selectedIds.value,"onUpdate:expandedIds":(0,e.unref)(r).onTreeExpandedIdsChange},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(a.default),{nodes:(0,e.unref)(r).collection.value,"render-label":t.renderLabel},null,8,["nodes","render-label"])]),_:1},8,["id","selection-mode","aria-readonly","expanded-ids","selected-ids","onUpdate:expandedIds"]))}});exports.default=u;
+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;

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 d}from"./context.js";import r from"./nodes.js";import{createBlock as t,createVNode as a,defineComponent as n,inject as s,openBlock as o,unref as l,withCtx as i}from"vue";var p=/* @__PURE__ */n({__name:"TreeSelectTree",props:{renderLabel:{type:Function,default:void 0}},setup(n){const p=s(d);if(!p)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");const c=p;return(d,s)=>(o(),t(e,{class:"skdx-tree-select__tree","data-part":"tree",id:l(c).treeId,"selection-mode":l(c).multiple?"multiple":"single","aria-readonly":l(c).readOnly||void 0,"expanded-ids":l(c).expandedIds.value,"selected-ids":l(c).selectedIds.value,"onUpdate:expandedIds":l(c).onTreeExpandedIdsChange},{default:i(()=>[a(l(r),{nodes:l(c).collection.value,"render-label":n.renderLabel},null,8,["nodes","render-label"])]),_:1},8,["id","selection-mode","aria-readonly","expanded-ids","selected-ids","onUpdate:expandedIds"]))}});export{p as default};
+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};

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

@@ -1,18 +1,5 @@
 /**
- * Opens the `SkdxTreeSelect`'s popup and displays the current selection, and
- * doubles as the popper anchor the popup positions against. Renders a
- * `<button type="button" role="combobox">` with `aria-haspopup="tree"`,
- * `aria-expanded`, `aria-controls` pointing at the tree, `data-state`,
- * `data-disabled`, `data-readonly`, `data-multiple`, and `data-placeholder`
- * while nothing is checked.
- *
- * It also carries `aria-activedescendant` for the virtually-focused node — but
- * only while no `SkdxTreeSelectInput` is mounted, since that input takes real
- * DOM focus (and with it the activedescendant) as soon as the popup opens.
- *
- * Click, Enter, Space or Arrow Up/Down opens the popup; once open the same
- * keys walk the tree, and printable characters run typeahead over the visible
- * nodes. Must be used inside `SkdxTreeSelect`.
+ * 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 = {};
 declare var __VLS_1: {};

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

@@ -1,18 +1,5 @@
 /**
- * Opens the `SkdxTreeSelect`'s popup and displays the current selection, and
- * doubles as the popper anchor the popup positions against. Renders a
- * `<button type="button" role="combobox">` with `aria-haspopup="tree"`,
- * `aria-expanded`, `aria-controls` pointing at the tree, `data-state`,
- * `data-disabled`, `data-readonly`, `data-multiple`, and `data-placeholder`
- * while nothing is checked.
- *
- * It also carries `aria-activedescendant` for the virtually-focused node — but
- * only while no `SkdxTreeSelectInput` is mounted, since that input takes real
- * DOM focus (and with it the activedescendant) as soon as the popup opens.
- *
- * Click, Enter, Space or Arrow Up/Down opens the popup; once open the same
- * keys walk the tree, and printable characters run typeahead over the visible
- * nodes. Must be used inside `SkdxTreeSelect`.
+ * 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 = {};
 declare var __VLS_1: {};

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).treeId,"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 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;

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 r,defineComponent as o,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__ */o({__name:"TreeSelectTrigger",setup(o){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(),r("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).treeId,"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{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};

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

@@ -1,19 +1,8 @@
 /**
- * Displays the `SkdxTreeSelect`'s current selection — the checked node's
- * `label` (or its `value`), or `placeholder` when nothing is checked. Renders
- * a `<span>` with `pointer-events: none` so clicks pass through to the
- * trigger. Pass default-slot content to override the derived text entirely.
- *
- * While the root is `multiple`, renders one chip per emitted value instead — a
- * `data-chip` span carrying `data-value`, to be styled like a TagsInput tag.
- * Note that *which* nodes those are is `valueStrategy`'s decision: under
- * `'shallowest'` a fully-checked branch shows as one chip for the branch, not
- * one per leaf. The chips are deliberately inert: the trigger is a `<button>`,
- * so a remove button nested inside one would be invalid HTML and unreachable
- * by keyboard. Must be used inside `SkdxTreeSelect`.
+ * 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`.
  */
 type __VLS_Props = {
-    /** Stand-in content rendered while nothing at all is checked. Renders nothing when omitted. */
+    /** Stand-in content rendered while nothing is checked. */
     placeholder?: string;
 };
 declare var __VLS_1: {};

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

@@ -1,19 +1,8 @@
 /**
- * Displays the `SkdxTreeSelect`'s current selection — the checked node's
- * `label` (or its `value`), or `placeholder` when nothing is checked. Renders
- * a `<span>` with `pointer-events: none` so clicks pass through to the
- * trigger. Pass default-slot content to override the derived text entirely.
- *
- * While the root is `multiple`, renders one chip per emitted value instead — a
- * `data-chip` span carrying `data-value`, to be styled like a TagsInput tag.
- * Note that *which* nodes those are is `valueStrategy`'s decision: under
- * `'shallowest'` a fully-checked branch shows as one chip for the branch, not
- * one per leaf. The chips are deliberately inert: the trigger is a `<button>`,
- * so a remove button nested inside one would be invalid HTML and unreachable
- * by keyboard. Must be used inside `SkdxTreeSelect`.
+ * 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`.
  */
 type __VLS_Props = {
-    /** Stand-in content rendered while nothing at all is checked. Renders nothing when omitted. */
+    /** Stand-in content rendered while nothing is checked. */
     placeholder?: string;
 };
 declare var __VLS_1: {};