@skdx/vue 0.26.0 → 0.28.0

package/dist/tree-select/context.d.cts

@@ -2,63 +2,50 @@ import type { InjectionKey, Ref, VNodeChild } from 'vue';
 import type { TreeCheckedState } from '../tree/context.cjs';
 import type { TreeSelectFlatNode, TreeSelectIndex } from './collection.cjs';
 /**
- * One node of an `SkdxTreeSelect`'s `collection`. Plain data, not elements:
- * cascading check state, `valueStrategy` projection, and filtering all need to
- * see branches that are collapsed (and therefore unmounted), which a
- * children-based tree cannot offer.
+ * Node data (not elements), so cascading/filtering see collapsed branches.
  */
 export interface TreeSelectNode {
-    /** Unique identifier across the whole collection — what lands in `value`, and what every callback names. */
+    /** Unique identifier across the collection; what lands in `value`. */
     value: string;
     /**
-     * Human-readable text: rendered as the node's content, matched by `filter`, and shown by `SkdxTreeSelectValue`.
-     * @default undefined — falls back to `value`.
+     * Node label (display, filter). @default undefined → value
      */
     label?: string;
     /**
-     * Excludes this node from checking, cascade propagation, keyboard
-     * navigation, and its parent's checked-ness calculation. Inherited by the
-     * whole subtree — a disabled branch cannot be toggled through its children.
-     * @default false
+     * Excludes node/subtree from checking, cascade, navigation. @default false
      */
     disabled?: boolean;
     /**
-     * Child nodes. A node with an empty (or absent) `children` is a leaf: it is
-     * not expandable and reports no `aria-expanded`.
-     * @default undefined — a leaf.
+     * Child nodes (none = leaf). @default undefined
      */
     children?: TreeSelectNode[];
+    /**
+     * Branch with unloaded children (lazy-loading). @default undefined
+     */
+    hasChildren?: boolean;
 }
 /**
- * Whether checking a node propagates through its subtree. `'cascade'` makes
- * the tree a tri-state checkbox tree: checking a parent checks every enabled
- * descendant, and a partially-checked parent reports `aria-checked="mixed"`.
- * `'independent'` disables propagation entirely — each node stands alone.
+ * How checking a node propagates through the hierarchy. Only meaningful while `multiple` is set.
  *
- * Only meaningful while `multiple` is set; a single-select tree has one
- * checked node by definition and never cascades.
+ * - `'cascade'` — both directions; a partly-checked parent reports `aria-checked="mixed"`.
+ * - `'descendants'` — downwards only: checking a parent checks its subtree.
+ * - `'ancestors'` — upwards only: checking every leaf under a branch checks the branch.
+ * - `'independent'` — no propagation; each node stands alone.
  */
-export type TreeSelectCheckStrategy = 'cascade' | 'independent';
+export type TreeSelectCheckStrategy = 'cascade' | 'descendants' | 'ancestors' | 'independent';
 /**
  * Which of the checked nodes are actually emitted in `value`.
  *
  * - `'all'` — every checked node, parents and descendants alike.
  * - `'leaf'` — only checked leaves; branches are dropped.
- * - `'shallowest'` — only the topmost fully-checked node of each branch,
- *   collapsing a fully-checked subtree to the single node that implies it.
+ * - `'shallowest'` — only the topmost fully-checked node of each branch.
  *
- * Ignored (treated as `'all'`) under `check-strategy="independent"`, where no
- * node implies any other and dropping one would silently lose a selection.
+ * Falls back to `'all'` wherever `check-strategy="independent"` would otherwise silently drop a selection.
  */
 export type TreeSelectValueStrategy = 'all' | 'leaf' | 'shallowest';
 /** Predicate deciding whether a node matches the current filter text. */
 export type TreeSelectFilter = (node: TreeSelectNode, inputValue: string) => boolean;
-/**
- * Renders a node's content — the label, and anything beside it such as an
- * `SkdxTreeItemIndicator` chevron or an `SkdxTreeSelectItemIndicator` checkmark.
- * The returned nodes render *inside* the node's `treeitem`, so both indicators
- * find their context there.
- */
+/** Renders a node's content, including its indicator chevron/checkmark, inside its `treeitem`. */
 export type TreeSelectRenderLabel = (node: TreeSelectNode) => VNodeChild;
 /** @internal Shared state distributed from `SkdxTreeSelect` to its parts via provide/inject. */
 export interface TreeSelectContext {
@@ -66,80 +53,81 @@ export interface TreeSelectContext {
     index: Readonly<Ref<TreeSelectIndex>>;
     /** Every node value in collection pre-order. */
     order: Readonly<Ref<readonly string[]>>;
-    /** The emitted value: the checked set projected through `valueStrategy`. */
+    /** Emitted value (checked set projected). */
     value: Readonly<Ref<readonly string[]>>;
     multiple: boolean;
-    /** Whether checking actually propagates: `checkStrategy === 'cascade'` *and* `multiple`. */
+    /** Checking propagates (not independent and multiple). */
     cascade: Readonly<Ref<boolean>>;
     disabled: boolean;
     readOnly: boolean;
-    /** A node's tri-state value, derived from its enabled leaf descendants under `cascade`. */
+    /** Node tri-state (derived from enabled leaf descendants). */
     checkStateOf(value: string): TreeCheckedState;
-    /** Toggles a node (respecting `checkStrategy`), emits the projected value, and closes when `closeOnSelect`. */
+    /** Toggle node, emit projected value, close on select. */
     commit(value: string): void;
     open: Readonly<Ref<boolean>>;
     onOpenChange(open: boolean): void;
-    /** Effective expanded values — the caller's expansion plus, while filtering, the ancestors of every match. */
+    /** Caller's expansion + ancestors of filtered matches. */
     expandedIds: Readonly<Ref<string[]>>;
     expanded: Readonly<Ref<ReadonlySet<string>>>;
     setExpanded(value: string, expand: boolean): void;
-    /** Adapter turning the composed `SkdxTree`'s whole-array expansion event back into a single-node change. */
+    loadingValues: Readonly<Ref<ReadonlySet<string>>>;
+    /** Adapt Tree's whole-array expansion to single-node change. */
     onTreeExpandedIdsChange(ids: string[]): void;
-    /** Values whose check state is fully `true`, handed to the composed `SkdxTree` as its `selected-ids`. */
-    selectedIds: Readonly<Ref<string[]>>;
-    /** Whether a node survives the current filter (always `true` when not filtering). */
+    readonly expandOnClick: boolean;
     isVisible(value: string): boolean;
     /** Visible, expanded nodes in navigation order. */
     flat: Readonly<Ref<readonly TreeSelectFlatNode[]>>;
     flatMap: Readonly<Ref<ReadonlyMap<string, TreeSelectFlatNode>>>;
     activeValue: Readonly<Ref<string | null>>;
     setActiveValue(value: string | null): void;
-    /** DOM id of a node's `treeitem`, for `aria-activedescendant`. */
+    /** Node's treeitem DOM id (aria-activedescendant). */
     itemId(value: string): string;
     treeId: string;
-    contentId: string;
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
     inputRef: Ref<HTMLInputElement | null>;
-    /** Whether an `SkdxTreeSelectInput` is mounted — it takes DOM focus, and with it `aria-activedescendant`, off the trigger. */
+    /** Input mounted (aria-activedescendant on input, not trigger). */
     hasInput: Readonly<Ref<boolean>>;
     setHasInput(hasInput: boolean): void;
     inputValue: Readonly<Ref<string>>;
     onInputValueChange(value: string): void;
-    /** A node's `label`, or its `value` when it has none. */
     getLabel(value: string): string;
-    /** Moves DOM focus back to the trigger — what Escape and `closeOnSelect` both do. */
     focusTrigger(): void;
-    /** The shared keydown handler both `SkdxTreeSelectTrigger` and `SkdxTreeSelectInput` delegate to. */
+    /** Keydown handler (shared by Trigger and Input). */
     onNavigationKeyDown(event: KeyboardEvent, options: {
         typeahead: boolean;
         selectOnSpace: boolean;
     }): void;
+    /**
+     * Node values `SkdxTreeSelectTree` actually renders when its `rows` prop
+     * windows below `flat`; `null` when unrestricted. Navigation and the
+     * initial active node draw from this so `aria-activedescendant` never
+     * names a node with no rendered `treeitem`.
+     */
+    visibleRowValues: Readonly<Ref<ReadonlySet<string> | null>>;
+    /** Reported by `SkdxTreeSelectTree` whenever its `rows` prop changes. */
+    setVisibleRowValues(values: ReadonlySet<string> | null): void;
 }
-/** @internal Injection key the TreeSelect root provides so its Trigger, Content, Input, Tree and Items share every piece of state. */
+/** @internal Injection key sharing state from the TreeSelect root to its parts. */
 export declare const TREE_SELECT_CONTEXT: InjectionKey<TreeSelectContext>;
-/** @internal Per-node state distributed from `SkdxTreeSelectItem` to `SkdxTreeSelectItemIndicator`. */
+/** @internal Per-node state to ItemIndicator. */
 export interface TreeSelectItemContext {
     value: string;
     checkState: TreeCheckedState;
     disabled: boolean;
     expanded: boolean;
     hasChildren: boolean;
-    /** Whether this node is the virtually-focused one named by `aria-activedescendant`. */
+    /** Virtually-focused node (aria-activedescendant). */
     active: boolean;
 }
-/** @internal Injection key an SkdxTreeSelectItem provides so its ItemIndicator can read the node's check state. */
+/** @internal Injection key an SkdxTreeSelectItem provides so its ItemIndicator can read check state. */
 export declare const TREE_SELECT_ITEM_CONTEXT: InjectionKey<TreeSelectItemContext>;
 /** @internal Generates the id prefix a TreeSelect keys its `treeitem` DOM ids off. */
 export declare function nextTreeSelectId(suffix: string): string;
 /**
- * Default `filter`: case-insensitive substring match on the node's
- * `label ?? value`.
- *
- * Lives here rather than in `TreeSelect.vue` because
- * `withDefaults(defineProps())` is hoisted out of `setup()`, so it cannot
- * reference a binding declared locally in the same `<script setup>` — only an
- * imported one.
+ * Default `filter`: case-insensitive substring match on `label ?? value`.
+ * Lives here, not in `TreeSelect.vue`, because `withDefaults(defineProps())`
+ * is hoisted out of `setup()` and can only reference an imported binding.
  */
 export declare function defaultTreeSelectFilter(node: TreeSelectNode, inputValue: string): boolean;
 /** Default `getMatchCountLabel`: `"1 match available"` / `"3 matches available"`. */

package/dist/tree-select/context.d.ts

@@ -2,63 +2,50 @@ import type { InjectionKey, Ref, VNodeChild } from 'vue';
 import type { TreeCheckedState } from '../tree/context.js';
 import type { TreeSelectFlatNode, TreeSelectIndex } from './collection.js';
 /**
- * One node of an `SkdxTreeSelect`'s `collection`. Plain data, not elements:
- * cascading check state, `valueStrategy` projection, and filtering all need to
- * see branches that are collapsed (and therefore unmounted), which a
- * children-based tree cannot offer.
+ * Node data (not elements), so cascading/filtering see collapsed branches.
  */
 export interface TreeSelectNode {
-    /** Unique identifier across the whole collection — what lands in `value`, and what every callback names. */
+    /** Unique identifier across the collection; what lands in `value`. */
     value: string;
     /**
-     * Human-readable text: rendered as the node's content, matched by `filter`, and shown by `SkdxTreeSelectValue`.
-     * @default undefined — falls back to `value`.
+     * Node label (display, filter). @default undefined → value
      */
     label?: string;
     /**
-     * Excludes this node from checking, cascade propagation, keyboard
-     * navigation, and its parent's checked-ness calculation. Inherited by the
-     * whole subtree — a disabled branch cannot be toggled through its children.
-     * @default false
+     * Excludes node/subtree from checking, cascade, navigation. @default false
      */
     disabled?: boolean;
     /**
-     * Child nodes. A node with an empty (or absent) `children` is a leaf: it is
-     * not expandable and reports no `aria-expanded`.
-     * @default undefined — a leaf.
+     * Child nodes (none = leaf). @default undefined
      */
     children?: TreeSelectNode[];
+    /**
+     * Branch with unloaded children (lazy-loading). @default undefined
+     */
+    hasChildren?: boolean;
 }
 /**
- * Whether checking a node propagates through its subtree. `'cascade'` makes
- * the tree a tri-state checkbox tree: checking a parent checks every enabled
- * descendant, and a partially-checked parent reports `aria-checked="mixed"`.
- * `'independent'` disables propagation entirely — each node stands alone.
+ * How checking a node propagates through the hierarchy. Only meaningful while `multiple` is set.
  *
- * Only meaningful while `multiple` is set; a single-select tree has one
- * checked node by definition and never cascades.
+ * - `'cascade'` — both directions; a partly-checked parent reports `aria-checked="mixed"`.
+ * - `'descendants'` — downwards only: checking a parent checks its subtree.
+ * - `'ancestors'` — upwards only: checking every leaf under a branch checks the branch.
+ * - `'independent'` — no propagation; each node stands alone.
  */
-export type TreeSelectCheckStrategy = 'cascade' | 'independent';
+export type TreeSelectCheckStrategy = 'cascade' | 'descendants' | 'ancestors' | 'independent';
 /**
  * Which of the checked nodes are actually emitted in `value`.
  *
  * - `'all'` — every checked node, parents and descendants alike.
  * - `'leaf'` — only checked leaves; branches are dropped.
- * - `'shallowest'` — only the topmost fully-checked node of each branch,
- *   collapsing a fully-checked subtree to the single node that implies it.
+ * - `'shallowest'` — only the topmost fully-checked node of each branch.
  *
- * Ignored (treated as `'all'`) under `check-strategy="independent"`, where no
- * node implies any other and dropping one would silently lose a selection.
+ * Falls back to `'all'` wherever `check-strategy="independent"` would otherwise silently drop a selection.
  */
 export type TreeSelectValueStrategy = 'all' | 'leaf' | 'shallowest';
 /** Predicate deciding whether a node matches the current filter text. */
 export type TreeSelectFilter = (node: TreeSelectNode, inputValue: string) => boolean;
-/**
- * Renders a node's content — the label, and anything beside it such as an
- * `SkdxTreeItemIndicator` chevron or an `SkdxTreeSelectItemIndicator` checkmark.
- * The returned nodes render *inside* the node's `treeitem`, so both indicators
- * find their context there.
- */
+/** Renders a node's content, including its indicator chevron/checkmark, inside its `treeitem`. */
 export type TreeSelectRenderLabel = (node: TreeSelectNode) => VNodeChild;
 /** @internal Shared state distributed from `SkdxTreeSelect` to its parts via provide/inject. */
 export interface TreeSelectContext {
@@ -66,80 +53,81 @@ export interface TreeSelectContext {
     index: Readonly<Ref<TreeSelectIndex>>;
     /** Every node value in collection pre-order. */
     order: Readonly<Ref<readonly string[]>>;
-    /** The emitted value: the checked set projected through `valueStrategy`. */
+    /** Emitted value (checked set projected). */
     value: Readonly<Ref<readonly string[]>>;
     multiple: boolean;
-    /** Whether checking actually propagates: `checkStrategy === 'cascade'` *and* `multiple`. */
+    /** Checking propagates (not independent and multiple). */
     cascade: Readonly<Ref<boolean>>;
     disabled: boolean;
     readOnly: boolean;
-    /** A node's tri-state value, derived from its enabled leaf descendants under `cascade`. */
+    /** Node tri-state (derived from enabled leaf descendants). */
     checkStateOf(value: string): TreeCheckedState;
-    /** Toggles a node (respecting `checkStrategy`), emits the projected value, and closes when `closeOnSelect`. */
+    /** Toggle node, emit projected value, close on select. */
     commit(value: string): void;
     open: Readonly<Ref<boolean>>;
     onOpenChange(open: boolean): void;
-    /** Effective expanded values — the caller's expansion plus, while filtering, the ancestors of every match. */
+    /** Caller's expansion + ancestors of filtered matches. */
     expandedIds: Readonly<Ref<string[]>>;
     expanded: Readonly<Ref<ReadonlySet<string>>>;
     setExpanded(value: string, expand: boolean): void;
-    /** Adapter turning the composed `SkdxTree`'s whole-array expansion event back into a single-node change. */
+    loadingValues: Readonly<Ref<ReadonlySet<string>>>;
+    /** Adapt Tree's whole-array expansion to single-node change. */
     onTreeExpandedIdsChange(ids: string[]): void;
-    /** Values whose check state is fully `true`, handed to the composed `SkdxTree` as its `selected-ids`. */
-    selectedIds: Readonly<Ref<string[]>>;
-    /** Whether a node survives the current filter (always `true` when not filtering). */
+    readonly expandOnClick: boolean;
     isVisible(value: string): boolean;
     /** Visible, expanded nodes in navigation order. */
     flat: Readonly<Ref<readonly TreeSelectFlatNode[]>>;
     flatMap: Readonly<Ref<ReadonlyMap<string, TreeSelectFlatNode>>>;
     activeValue: Readonly<Ref<string | null>>;
     setActiveValue(value: string | null): void;
-    /** DOM id of a node's `treeitem`, for `aria-activedescendant`. */
+    /** Node's treeitem DOM id (aria-activedescendant). */
     itemId(value: string): string;
     treeId: string;
-    contentId: string;
     triggerRef: Ref<HTMLElement | null>;
     contentRef: Ref<HTMLElement | null>;
     inputRef: Ref<HTMLInputElement | null>;
-    /** Whether an `SkdxTreeSelectInput` is mounted — it takes DOM focus, and with it `aria-activedescendant`, off the trigger. */
+    /** Input mounted (aria-activedescendant on input, not trigger). */
     hasInput: Readonly<Ref<boolean>>;
     setHasInput(hasInput: boolean): void;
     inputValue: Readonly<Ref<string>>;
     onInputValueChange(value: string): void;
-    /** A node's `label`, or its `value` when it has none. */
     getLabel(value: string): string;
-    /** Moves DOM focus back to the trigger — what Escape and `closeOnSelect` both do. */
     focusTrigger(): void;
-    /** The shared keydown handler both `SkdxTreeSelectTrigger` and `SkdxTreeSelectInput` delegate to. */
+    /** Keydown handler (shared by Trigger and Input). */
     onNavigationKeyDown(event: KeyboardEvent, options: {
         typeahead: boolean;
         selectOnSpace: boolean;
     }): void;
+    /**
+     * Node values `SkdxTreeSelectTree` actually renders when its `rows` prop
+     * windows below `flat`; `null` when unrestricted. Navigation and the
+     * initial active node draw from this so `aria-activedescendant` never
+     * names a node with no rendered `treeitem`.
+     */
+    visibleRowValues: Readonly<Ref<ReadonlySet<string> | null>>;
+    /** Reported by `SkdxTreeSelectTree` whenever its `rows` prop changes. */
+    setVisibleRowValues(values: ReadonlySet<string> | null): void;
 }
-/** @internal Injection key the TreeSelect root provides so its Trigger, Content, Input, Tree and Items share every piece of state. */
+/** @internal Injection key sharing state from the TreeSelect root to its parts. */
 export declare const TREE_SELECT_CONTEXT: InjectionKey<TreeSelectContext>;
-/** @internal Per-node state distributed from `SkdxTreeSelectItem` to `SkdxTreeSelectItemIndicator`. */
+/** @internal Per-node state to ItemIndicator. */
 export interface TreeSelectItemContext {
     value: string;
     checkState: TreeCheckedState;
     disabled: boolean;
     expanded: boolean;
     hasChildren: boolean;
-    /** Whether this node is the virtually-focused one named by `aria-activedescendant`. */
+    /** Virtually-focused node (aria-activedescendant). */
     active: boolean;
 }
-/** @internal Injection key an SkdxTreeSelectItem provides so its ItemIndicator can read the node's check state. */
+/** @internal Injection key an SkdxTreeSelectItem provides so its ItemIndicator can read check state. */
 export declare const TREE_SELECT_ITEM_CONTEXT: InjectionKey<TreeSelectItemContext>;
 /** @internal Generates the id prefix a TreeSelect keys its `treeitem` DOM ids off. */
 export declare function nextTreeSelectId(suffix: string): string;
 /**
- * Default `filter`: case-insensitive substring match on the node's
- * `label ?? value`.
- *
- * Lives here rather than in `TreeSelect.vue` because
- * `withDefaults(defineProps())` is hoisted out of `setup()`, so it cannot
- * reference a binding declared locally in the same `<script setup>` — only an
- * imported one.
+ * Default `filter`: case-insensitive substring match on `label ?? value`.
+ * Lives here, not in `TreeSelect.vue`, because `withDefaults(defineProps())`
+ * is hoisted out of `setup()` and can only reference an imported binding.
  */
 export declare function defaultTreeSelectFilter(node: TreeSelectNode, inputValue: string): boolean;
 /** Default `getMatchCountLabel`: `"1 match available"` / `"3 matches available"`. */

package/dist/tree-select/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.cjs"),r=require("./TreeSelect.vue.cjs"),t=require("./TreeSelectTrigger.vue.cjs"),l=require("./TreeSelectValue.vue.cjs"),u=require("./TreeSelectPortal.vue.cjs"),c=require("./TreeSelectContent.vue.cjs"),S=require("./TreeSelectItem.vue.cjs"),i=require("./TreeSelectTree.vue.cjs"),d=require("./TreeSelectItemIndicator.vue.cjs"),T=require("./TreeSelectEmpty.vue.cjs"),a=require("./TreeSelectInput.vue.cjs");exports.SkdxTreeSelect=r.default;exports.SkdxTreeSelectContent=c.default;exports.SkdxTreeSelectEmpty=T.default;exports.SkdxTreeSelectInput=a.default;exports.SkdxTreeSelectItem=S.default;exports.SkdxTreeSelectItemIndicator=d.default;exports.SkdxTreeSelectPortal=u.default;exports.SkdxTreeSelectTree=i.default;exports.SkdxTreeSelectTrigger=t.default;exports.SkdxTreeSelectValue=l.default;exports.defaultGetMatchCountLabel=e.defaultGetMatchCountLabel;exports.defaultTreeSelectFilter=e.defaultTreeSelectFilter;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./context.cjs"),t=require("./TreeSelect.vue.cjs");exports.SkdxTreeSelect=t.default;exports.defaultGetMatchCountLabel=e.defaultGetMatchCountLabel;exports.defaultTreeSelectFilter=e.defaultTreeSelectFilter;

package/dist/tree-select/index.d.cts

@@ -1,12 +1,3 @@
 export { default as SkdxTreeSelect } from './TreeSelect.vue.cjs';
-export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.cjs';
-export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.cjs';
-export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.cjs';
-export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.cjs';
-export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.cjs';
-export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.cjs';
-export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.cjs';
-export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.cjs';
-export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.cjs';
 export { defaultGetMatchCountLabel, defaultTreeSelectFilter } from './context.cjs';
 export type { TreeSelectCheckStrategy, TreeSelectFilter, TreeSelectNode, TreeSelectRenderLabel, TreeSelectValueStrategy, } from './context.cjs';

package/dist/tree-select/index.d.ts

@@ -1,12 +1,3 @@
 export { default as SkdxTreeSelect } from './TreeSelect.vue.js';
-export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.js';
-export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.js';
-export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.js';
-export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.js';
-export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.js';
-export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.js';
-export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.js';
-export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.js';
-export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.js';
 export { defaultGetMatchCountLabel, defaultTreeSelectFilter } from './context.js';
 export type { TreeSelectCheckStrategy, TreeSelectFilter, TreeSelectNode, TreeSelectRenderLabel, TreeSelectValueStrategy, } from './context.js';

package/dist/tree-select/index.js

@@ -1 +1 @@
-import{defaultGetMatchCountLabel as e,defaultTreeSelectFilter as t}from"./context.js";import r from"./TreeSelect.vue.js";import l from"./TreeSelectTrigger.vue.js";import o from"./TreeSelectValue.vue.js";import S from"./TreeSelectPortal.vue.js";import a from"./TreeSelectContent.vue.js";import m from"./TreeSelectItem.vue.js";import c from"./TreeSelectTree.vue.js";import T from"./TreeSelectItemIndicator.vue.js";import s from"./TreeSelectEmpty.vue.js";import u from"./TreeSelectInput.vue.js";export{r as SkdxTreeSelect,a as SkdxTreeSelectContent,s as SkdxTreeSelectEmpty,u as SkdxTreeSelectInput,m as SkdxTreeSelectItem,T as SkdxTreeSelectItemIndicator,S as SkdxTreeSelectPortal,c as SkdxTreeSelectTree,l as SkdxTreeSelectTrigger,o as SkdxTreeSelectValue,e as defaultGetMatchCountLabel,t as defaultTreeSelectFilter};
+import{defaultGetMatchCountLabel as e,defaultTreeSelectFilter as t}from"./context.js";import a from"./TreeSelect.vue.js";export{a as SkdxTreeSelect,e as defaultGetMatchCountLabel,t as defaultTreeSelectFilter};

package/dist/tree-select/nodes.d.cts

@@ -1,14 +1,8 @@
 import { type PropType, type VNodeChild } from 'vue';
 import { type TreeSelectNode, type TreeSelectRenderLabel } from './context.cjs';
 /**
- * @internal Renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup` (which unmounts itself
- * while the branch is collapsed).
- *
- * A render-function component rather than an SFC because the recursion is the
- * whole of it, and a template would have to reach for self-reference by
- * filename plus a wrapper component just to splice in `renderLabel`'s vnodes.
- * Never exported: `SkdxTreeSelectTree` is the public way to render a tree.
+ * @internal Renders one item per visible node, nesting children in `SkdxTreeGroup`.
+ * A render function because recursion requires self-reference.
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** The sibling nodes to render at this level, before filtering. */

package/dist/tree-select/nodes.d.ts

@@ -1,14 +1,8 @@
 import { type PropType, type VNodeChild } from 'vue';
 import { type TreeSelectNode, type TreeSelectRenderLabel } from './context.js';
 /**
- * @internal Renders one `SkdxTreeSelectItem` per *visible* collection node,
- * nesting each branch's children in an `SkdxTreeGroup` (which unmounts itself
- * while the branch is collapsed).
- *
- * A render-function component rather than an SFC because the recursion is the
- * whole of it, and a template would have to reach for self-reference by
- * filename plus a wrapper component just to splice in `renderLabel`'s vnodes.
- * Never exported: `SkdxTreeSelectTree` is the public way to render a tree.
+ * @internal Renders one item per visible node, nesting children in `SkdxTreeGroup`.
+ * A render function because recursion requires self-reference.
  */
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     /** The sibling nodes to render at this level, before filtering. */

package/dist/tree-select/primitives.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./TreeSelectContent.vue.cjs"),r=require("./TreeSelectEmpty.vue.cjs"),t=require("./TreeSelectInput.vue.cjs"),l=require("./TreeSelectItemIndicator.vue.cjs"),u=require("./TreeSelectPortal.vue.cjs"),c=require("./TreeSelectItem.vue.cjs"),S=require("./TreeSelectTree.vue.cjs"),i=require("./TreeSelectTrigger.vue.cjs"),T=require("./TreeSelectValue.vue.cjs"),d=require("./TreeSelect.vue.cjs");exports.SkdxTreeSelect=d.default;exports.SkdxTreeSelectContent=e.default;exports.SkdxTreeSelectEmpty=r.default;exports.SkdxTreeSelectInput=t.default;exports.SkdxTreeSelectItem=c.default;exports.SkdxTreeSelectItemIndicator=l.default;exports.SkdxTreeSelectPortal=u.default;exports.SkdxTreeSelectTree=S.default;exports.SkdxTreeSelectTrigger=i.default;exports.SkdxTreeSelectValue=T.default;

package/dist/tree-select/primitives.d.cts

@@ -0,0 +1,34 @@
+/**
+ * Primitives for `SkdxTreeSelect` — composable building blocks.
+ * Use these when you need a custom layout beyond the derived recipe.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTreeSelect, SkdxTreeSelectContent, SkdxTreeSelectPortal, SkdxTreeSelectTree, SkdxTreeSelectTrigger, SkdxTreeSelectValue } from '@skdx/vue/primitives/tree-select';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTreeSelect :collection="collection" v-model:value="value">
+ *     <SkdxTreeSelectTrigger>
+ *       <SkdxTreeSelectValue placeholder="Files" />
+ *     </SkdxTreeSelectTrigger>
+ *     <SkdxTreeSelectPortal>
+ *       <SkdxTreeSelectContent>
+ *         <SkdxTreeSelectTree aria-label="Files" />
+ *       </SkdxTreeSelectContent>
+ *     </SkdxTreeSelectPortal>
+ *   </SkdxTreeSelect>
+ * </template>
+ * ```
+ */
+export { default as SkdxTreeSelect } from './TreeSelect.vue.cjs';
+export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.cjs';
+export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.cjs';
+export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.cjs';
+export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.cjs';
+export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.cjs';
+export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.cjs';
+export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.cjs';
+export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.cjs';
+export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.cjs';

package/dist/tree-select/primitives.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Primitives for `SkdxTreeSelect` — composable building blocks.
+ * Use these when you need a custom layout beyond the derived recipe.
+ *
+ * @example
+ * ```vue
+ * <script setup lang="ts">
+ * import { SkdxTreeSelect, SkdxTreeSelectContent, SkdxTreeSelectPortal, SkdxTreeSelectTree, SkdxTreeSelectTrigger, SkdxTreeSelectValue } from '@skdx/vue/primitives/tree-select';
+ * </script>
+ *
+ * <template>
+ *   <SkdxTreeSelect :collection="collection" v-model:value="value">
+ *     <SkdxTreeSelectTrigger>
+ *       <SkdxTreeSelectValue placeholder="Files" />
+ *     </SkdxTreeSelectTrigger>
+ *     <SkdxTreeSelectPortal>
+ *       <SkdxTreeSelectContent>
+ *         <SkdxTreeSelectTree aria-label="Files" />
+ *       </SkdxTreeSelectContent>
+ *     </SkdxTreeSelectPortal>
+ *   </SkdxTreeSelect>
+ * </template>
+ * ```
+ */
+export { default as SkdxTreeSelect } from './TreeSelect.vue.js';
+export { default as SkdxTreeSelectContent } from './TreeSelectContent.vue.js';
+export { default as SkdxTreeSelectEmpty } from './TreeSelectEmpty.vue.js';
+export { default as SkdxTreeSelectInput } from './TreeSelectInput.vue.js';
+export { default as SkdxTreeSelectItem } from './TreeSelectItem.vue.js';
+export { default as SkdxTreeSelectItemIndicator } from './TreeSelectItemIndicator.vue.js';
+export { default as SkdxTreeSelectPortal } from './TreeSelectPortal.vue.js';
+export { default as SkdxTreeSelectTree } from './TreeSelectTree.vue.js';
+export { default as SkdxTreeSelectTrigger } from './TreeSelectTrigger.vue.js';
+export { default as SkdxTreeSelectValue } from './TreeSelectValue.vue.js';

package/dist/tree-select/primitives.js

@@ -0,0 +1 @@
+import e from"./TreeSelectContent.vue.js";import r from"./TreeSelectEmpty.vue.js";import t from"./TreeSelectInput.vue.js";import S from"./TreeSelectItemIndicator.vue.js";import o from"./TreeSelectPortal.vue.js";import m from"./TreeSelectItem.vue.js";import l from"./TreeSelectTree.vue.js";import T from"./TreeSelectTrigger.vue.js";import c from"./TreeSelectValue.vue.js";import s from"./TreeSelect.vue.js";export{s as SkdxTreeSelect,e as SkdxTreeSelectContent,r as SkdxTreeSelectEmpty,t as SkdxTreeSelectInput,m as SkdxTreeSelectItem,S as SkdxTreeSelectItemIndicator,o as SkdxTreeSelectPortal,l as SkdxTreeSelectTree,T as SkdxTreeSelectTrigger,c as SkdxTreeSelectValue};

package/dist/tree-select/rows.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs"),a=require("./TreeSelectItem.vue.cjs");let t=require("vue");var d=(0,t.defineComponent)({name:"SkdxTreeSelectRows",inheritAttrs:!1,props:{rows:{type:Array,required:!0},renderLabel:{type:Function,default:void 0}},setup(r){const n=(0,t.inject)(l.TREE_SELECT_CONTEXT);if(!n)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");return()=>r.rows.map(u=>{const e=n.index.value.get(u.value)?.node;return e?(0,t.h)(a.default,{node:e,key:u.value},()=>[r.renderLabel?r.renderLabel(e):e.label??e.value]):null})}});exports.default=d;

package/dist/tree-select/rows.d.cts

@@ -0,0 +1,38 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type TreeSelectRenderLabel } from './context.cjs';
+/**
+ * @internal Renders rows flat — one `SkdxTreeSelectItem` per row, no nesting —
+ * for the windowed path. Aria attributes derive from the unwindowed root index.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    renderLabel: TreeSelectRenderLabel;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tree-select/rows.d.ts

@@ -0,0 +1,38 @@
+import { type PropType, type VNodeChild } from 'vue';
+import { type TreeSelectRenderLabel } from './context.js';
+/**
+ * @internal Renders rows flat — one `SkdxTreeSelectItem` per row, no nesting —
+ * for the windowed path. Aria attributes derive from the unwindowed root index.
+ */
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The row values to render, in the order they should appear. `depth` is unused here — Vue's item derives `aria-level` from the root's own index. */
+    rows: {
+        type: PropType<readonly {
+            value: string;
+            depth: number;
+        }[]>;
+        required: true;
+    };
+    /** Renders a node's content; defaults to its `label ?? value` as plain text. */
+    renderLabel: {
+        type: PropType<TreeSelectRenderLabel>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    renderLabel: TreeSelectRenderLabel;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/tree-select/rows.js

@@ -0,0 +1 @@
+import{TREE_SELECT_CONTEXT as e}from"./context.js";import r from"./TreeSelectItem.vue.js";import{defineComponent as t,h as n,inject as o}from"vue";var a=t({name:"SkdxTreeSelectRows",inheritAttrs:!1,props:{rows:{type:Array,required:!0},renderLabel:{type:Function,default:void 0}},setup(t){const a=o(e);if(!a)throw new Error("SkdxTreeSelectTree must be used within SkdxTreeSelect.");return()=>t.rows.map(e=>{const o=a.index.value.get(e.value)?.node;return o?n(r,{node:o,key:e.value},()=>[t.renderLabel?t.renderLabel(o):o.label??o.value]):null})}});export{a as default};