@skdx/vue 0.26.0

package/dist/transfer/context.d.cts

@@ -0,0 +1,129 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/**
+ * Which of the two lists a part belongs to. `'source'` is the pool an item
+ * starts in; `'target'` is the result — the array `SkdxTransfer`'s `value` holds.
+ *
+ * Named by role rather than by position: under `dir="rtl"` the target list is
+ * on the left, so a `'left'`/`'right'` API would be wrong for half the world.
+ */
+export type TransferSide = 'source' | 'target';
+/**
+ * A move, named by where it lands rather than by which arrow it looks like.
+ * `'toTarget'` adds to the value, `'toSource'` removes from it — true in both
+ * writing directions, which `'right'`/`'left'` would not be.
+ */
+export type TransferDirection = 'toTarget' | 'toSource';
+/** One entry in an `SkdxTransfer`'s collection. */
+export interface TransferItemData {
+    /** Unique id. This is what appears in `SkdxTransfer`'s `value` once the item is on the target side. */
+    value: string;
+    /** Human-readable text, used as the option's content and its typeahead `textValue` when the list renders itself. */
+    label: string;
+    /**
+     * Excludes this item from selection, from keyboard navigation, and from
+     * every move — including "move all".
+     * @default undefined — the item behaves normally.
+     */
+    disabled?: boolean;
+}
+/** @internal Every option that can hold focus or be moved. Disabled options are skipped by both. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/** @internal Where a direction takes items *from*. */
+export declare const ORIGIN_OF: Record<TransferDirection, TransferSide>;
+/** @internal Where a direction takes items *to*. */
+export declare const DESTINATION_OF: Record<TransferDirection, TransferSide>;
+/**
+ * @internal The word each side is called in default accessible names and in
+ * the move announcement. Deliberately the *same* word in both, so "Move 3
+ * items to selected" and "3 items moved to selected" name the same list.
+ */
+export declare const SIDE_NOUN: Record<TransferSide, string>;
+/**
+ * The accessible name of a move trigger: direction *and* count, because "→" is
+ * unambiguous next to two labelled lists and meaningless read out on its own.
+ *
+ * With nothing to move the name says so rather than going silent — the trigger
+ * stays focusable (`aria-disabled`, not `disabled`), so it is still the thing
+ * that teaches a keyboard user the interaction, and it has to explain why
+ * pressing it does nothing.
+ *
+ * @internal
+ */
+export declare function moveTriggerLabel(count: number, direction: TransferDirection, all: boolean): string;
+/** What a move just did, handed to `SkdxTransfer`'s `getMoveAnnouncement` so it can word the live-region message. */
+export interface TransferMoveDetail {
+    /** How many items actually moved (disabled ones are never counted). */
+    moved: number;
+    /** How many items are left on the side they came from. */
+    remaining: number;
+    /** Which way they went. */
+    direction: TransferDirection;
+    /** The side they left. */
+    from: TransferSide;
+    /** The side they landed on. */
+    to: TransferSide;
+}
+/**
+ * The default wording of the post-move announcement. Split out so
+ * `SkdxTransfer`'s `getMoveAnnouncement` has something to fall back to and so a
+ * consumer can call it for the sides they do not want to re-word.
+ */
+export declare function moveAnnouncement({ moved, remaining, from, to }: TransferMoveDetail): string;
+/** @internal The default `filter`: a case-insensitive substring match against the item's label. */
+export declare function defaultTransferFilter(item: TransferItemData, query: string): boolean;
+/**
+ * @internal Shared state distributed from `SkdxTransfer` to its parts. Every
+ * field a part renders from is a `ComputedRef`, never a snapshot, so a prop
+ * changed after mount reaches the parts (see `provide-reactivity.test.ts`).
+ */
+export interface TransferContext {
+    /** Stable id prefix the parts derive their wiring ids from. */
+    baseId: string;
+    /** Whether the whole widget is disabled. */
+    disabled: ComputedRef<boolean>;
+    /** Whether the search plumbing is on; `SkdxTransferListSearch` renders nothing while it is off. */
+    searchable: ComputedRef<boolean>;
+    /** Every item on a side, before the search filter. */
+    sideItems: ComputedRef<Record<TransferSide, TransferItemData[]>>;
+    /** Every item on a side that survives the current search query — what is actually rendered. */
+    visibleItems: ComputedRef<Record<TransferSide, TransferItemData[]>>;
+    /** Each side's marked-for-move selection, already pruned of values that side no longer holds. */
+    marked: ComputedRef<Record<TransferSide, string[]>>;
+    /** Replaces one side's marked selection wholesale. */
+    setMarked: (side: TransferSide, values: string[]) => void;
+    /** Each side's search query. */
+    query: ComputedRef<Record<TransferSide, string>>;
+    setQuery: (side: TransferSide, query: string) => void;
+    /** The option value holding each list's own tab stop — one roving group per side. */
+    active: ComputedRef<Record<TransferSide, string | null>>;
+    setActive: (side: TransferSide, value: string | null) => void;
+    /**
+     * Range-selection anchor per side: the last option marked *without* Shift.
+     * A plain mutable object rather than a ref — nothing renders from it, so
+     * making it reactive would only buy re-renders no one reads.
+     */
+    anchor: Record<TransferSide, string | null>;
+    /** Whether an `SkdxTransferListHeader` is mounted for a side, which decides `aria-labelledby` vs `aria-label`. */
+    labelled: ComputedRef<Record<TransferSide, boolean>>;
+    registerHeader: (side: TransferSide, present: boolean) => void;
+    /** Lets the root find a list element again, to place focus after a move. */
+    registerList: (side: TransferSide, node: HTMLElement | null) => void;
+    /** Moves `values` (silently dropping any disabled ones), announces the outcome, and re-places focus. */
+    move: (direction: TransferDirection, values: string[]) => void;
+    /**
+     * The accessible name each move trigger gives itself — the root's
+     * `getMoveLabel`, or the built-in English one. A plain function rather than a
+     * `ComputedRef` because its inputs are the trigger's own live counts; it
+     * reads the prop on every call, so a `getMoveLabel` swapped after mount still
+     * reaches the triggers.
+     */
+    moveLabel: (count: number, direction: TransferDirection, all: boolean) => string;
+}
+/** @internal Injection key an `SkdxTransfer` provides so its parts share membership, marks, queries, and the move. */
+export declare const TRANSFER_CONTEXT: InjectionKey<TransferContext>;
+/** @internal Wiring passed from an `SkdxTransferList` to the `SkdxTransferItem`s inside it. */
+export interface TransferListContext {
+    side: ComputedRef<TransferSide>;
+}
+/** @internal Injection key an `SkdxTransferList` provides so each option knows which side it is on. */
+export declare const TRANSFER_LIST_CONTEXT: InjectionKey<TransferListContext>;

package/dist/transfer/context.d.ts

@@ -0,0 +1,129 @@
+import type { ComputedRef, InjectionKey } from 'vue';
+/**
+ * Which of the two lists a part belongs to. `'source'` is the pool an item
+ * starts in; `'target'` is the result — the array `SkdxTransfer`'s `value` holds.
+ *
+ * Named by role rather than by position: under `dir="rtl"` the target list is
+ * on the left, so a `'left'`/`'right'` API would be wrong for half the world.
+ */
+export type TransferSide = 'source' | 'target';
+/**
+ * A move, named by where it lands rather than by which arrow it looks like.
+ * `'toTarget'` adds to the value, `'toSource'` removes from it — true in both
+ * writing directions, which `'right'`/`'left'` would not be.
+ */
+export type TransferDirection = 'toTarget' | 'toSource';
+/** One entry in an `SkdxTransfer`'s collection. */
+export interface TransferItemData {
+    /** Unique id. This is what appears in `SkdxTransfer`'s `value` once the item is on the target side. */
+    value: string;
+    /** Human-readable text, used as the option's content and its typeahead `textValue` when the list renders itself. */
+    label: string;
+    /**
+     * Excludes this item from selection, from keyboard navigation, and from
+     * every move — including "move all".
+     * @default undefined — the item behaves normally.
+     */
+    disabled?: boolean;
+}
+/** @internal Every option that can hold focus or be moved. Disabled options are skipped by both. */
+export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
+/** @internal Where a direction takes items *from*. */
+export declare const ORIGIN_OF: Record<TransferDirection, TransferSide>;
+/** @internal Where a direction takes items *to*. */
+export declare const DESTINATION_OF: Record<TransferDirection, TransferSide>;
+/**
+ * @internal The word each side is called in default accessible names and in
+ * the move announcement. Deliberately the *same* word in both, so "Move 3
+ * items to selected" and "3 items moved to selected" name the same list.
+ */
+export declare const SIDE_NOUN: Record<TransferSide, string>;
+/**
+ * The accessible name of a move trigger: direction *and* count, because "→" is
+ * unambiguous next to two labelled lists and meaningless read out on its own.
+ *
+ * With nothing to move the name says so rather than going silent — the trigger
+ * stays focusable (`aria-disabled`, not `disabled`), so it is still the thing
+ * that teaches a keyboard user the interaction, and it has to explain why
+ * pressing it does nothing.
+ *
+ * @internal
+ */
+export declare function moveTriggerLabel(count: number, direction: TransferDirection, all: boolean): string;
+/** What a move just did, handed to `SkdxTransfer`'s `getMoveAnnouncement` so it can word the live-region message. */
+export interface TransferMoveDetail {
+    /** How many items actually moved (disabled ones are never counted). */
+    moved: number;
+    /** How many items are left on the side they came from. */
+    remaining: number;
+    /** Which way they went. */
+    direction: TransferDirection;
+    /** The side they left. */
+    from: TransferSide;
+    /** The side they landed on. */
+    to: TransferSide;
+}
+/**
+ * The default wording of the post-move announcement. Split out so
+ * `SkdxTransfer`'s `getMoveAnnouncement` has something to fall back to and so a
+ * consumer can call it for the sides they do not want to re-word.
+ */
+export declare function moveAnnouncement({ moved, remaining, from, to }: TransferMoveDetail): string;
+/** @internal The default `filter`: a case-insensitive substring match against the item's label. */
+export declare function defaultTransferFilter(item: TransferItemData, query: string): boolean;
+/**
+ * @internal Shared state distributed from `SkdxTransfer` to its parts. Every
+ * field a part renders from is a `ComputedRef`, never a snapshot, so a prop
+ * changed after mount reaches the parts (see `provide-reactivity.test.ts`).
+ */
+export interface TransferContext {
+    /** Stable id prefix the parts derive their wiring ids from. */
+    baseId: string;
+    /** Whether the whole widget is disabled. */
+    disabled: ComputedRef<boolean>;
+    /** Whether the search plumbing is on; `SkdxTransferListSearch` renders nothing while it is off. */
+    searchable: ComputedRef<boolean>;
+    /** Every item on a side, before the search filter. */
+    sideItems: ComputedRef<Record<TransferSide, TransferItemData[]>>;
+    /** Every item on a side that survives the current search query — what is actually rendered. */
+    visibleItems: ComputedRef<Record<TransferSide, TransferItemData[]>>;
+    /** Each side's marked-for-move selection, already pruned of values that side no longer holds. */
+    marked: ComputedRef<Record<TransferSide, string[]>>;
+    /** Replaces one side's marked selection wholesale. */
+    setMarked: (side: TransferSide, values: string[]) => void;
+    /** Each side's search query. */
+    query: ComputedRef<Record<TransferSide, string>>;
+    setQuery: (side: TransferSide, query: string) => void;
+    /** The option value holding each list's own tab stop — one roving group per side. */
+    active: ComputedRef<Record<TransferSide, string | null>>;
+    setActive: (side: TransferSide, value: string | null) => void;
+    /**
+     * Range-selection anchor per side: the last option marked *without* Shift.
+     * A plain mutable object rather than a ref — nothing renders from it, so
+     * making it reactive would only buy re-renders no one reads.
+     */
+    anchor: Record<TransferSide, string | null>;
+    /** Whether an `SkdxTransferListHeader` is mounted for a side, which decides `aria-labelledby` vs `aria-label`. */
+    labelled: ComputedRef<Record<TransferSide, boolean>>;
+    registerHeader: (side: TransferSide, present: boolean) => void;
+    /** Lets the root find a list element again, to place focus after a move. */
+    registerList: (side: TransferSide, node: HTMLElement | null) => void;
+    /** Moves `values` (silently dropping any disabled ones), announces the outcome, and re-places focus. */
+    move: (direction: TransferDirection, values: string[]) => void;
+    /**
+     * The accessible name each move trigger gives itself — the root's
+     * `getMoveLabel`, or the built-in English one. A plain function rather than a
+     * `ComputedRef` because its inputs are the trigger's own live counts; it
+     * reads the prop on every call, so a `getMoveLabel` swapped after mount still
+     * reaches the triggers.
+     */
+    moveLabel: (count: number, direction: TransferDirection, all: boolean) => string;
+}
+/** @internal Injection key an `SkdxTransfer` provides so its parts share membership, marks, queries, and the move. */
+export declare const TRANSFER_CONTEXT: InjectionKey<TransferContext>;
+/** @internal Wiring passed from an `SkdxTransferList` to the `SkdxTransferItem`s inside it. */
+export interface TransferListContext {
+    side: ComputedRef<TransferSide>;
+}
+/** @internal Injection key an `SkdxTransferList` provides so each option knows which side it is on. */
+export declare const TRANSFER_LIST_CONTEXT: InjectionKey<TransferListContext>;

package/dist/transfer/context.js

@@ -0,0 +1 @@
+var e='[role="option"]:not([data-disabled])',t={toTarget:"source",toSource:"target"},o={toTarget:"target",toSource:"source"},r={source:"available",target:"selected"};function a(e,t,a){const n=r[o[t]],s=a?"Move all":"Move";return 0===e?`${s} items to ${n}, ${a?"nothing to move":"nothing selected"}`:`${s} ${e} ${1===e?"item":"items"} to ${n}`}function n({moved:e,remaining:t,from:o,to:a}){return`${e} ${1===e?"item":"items"} moved to ${r[a]}. ${t} remaining in ${r[o]}.`}function s(e,t){return e.label.toLowerCase().includes(t.trim().toLowerCase())}var i=/* @__PURE__ */Symbol("skdx-transfer-context"),l=/* @__PURE__ */Symbol("skdx-transfer-list-context");export{o as DESTINATION_OF,e as OPTION_SELECTOR,t as ORIGIN_OF,r as SIDE_NOUN,i as TRANSFER_CONTEXT,l as TRANSFER_LIST_CONTEXT,s as defaultTransferFilter,n as moveAnnouncement,a as moveTriggerLabel};

package/dist/transfer/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Transfer.vue.cjs"),e=require("./TransferItem.vue.cjs"),s=require("./TransferList.vue.cjs"),t=require("./TransferListHeader.vue.cjs"),a=require("./TransferListSearch.vue.cjs"),n=require("./TransferControls.vue.cjs"),i=require("./TransferMoveTrigger.vue.cjs"),u=require("./TransferMoveAllTrigger.vue.cjs"),f=require("./TransferEmpty.vue.cjs");exports.SkdxTransfer=r.default;exports.SkdxTransferControls=n.default;exports.SkdxTransferEmpty=f.default;exports.SkdxTransferItem=e.default;exports.SkdxTransferList=s.default;exports.SkdxTransferListHeader=t.default;exports.SkdxTransferListSearch=a.default;exports.SkdxTransferMoveAllTrigger=u.default;exports.SkdxTransferMoveTrigger=i.default;

package/dist/transfer/index.d.cts

@@ -0,0 +1,10 @@
+export { default as SkdxTransfer } from './Transfer.vue.cjs';
+export { default as SkdxTransferList } from './TransferList.vue.cjs';
+export { default as SkdxTransferListHeader } from './TransferListHeader.vue.cjs';
+export { default as SkdxTransferListSearch } from './TransferListSearch.vue.cjs';
+export { default as SkdxTransferItem } from './TransferItem.vue.cjs';
+export { default as SkdxTransferControls } from './TransferControls.vue.cjs';
+export { default as SkdxTransferMoveTrigger } from './TransferMoveTrigger.vue.cjs';
+export { default as SkdxTransferMoveAllTrigger } from './TransferMoveAllTrigger.vue.cjs';
+export { default as SkdxTransferEmpty } from './TransferEmpty.vue.cjs';
+export type { TransferItemData, TransferMoveDetail, TransferSide, TransferDirection } from './context.cjs';

package/dist/transfer/index.d.ts

@@ -0,0 +1,10 @@
+export { default as SkdxTransfer } from './Transfer.vue.js';
+export { default as SkdxTransferList } from './TransferList.vue.js';
+export { default as SkdxTransferListHeader } from './TransferListHeader.vue.js';
+export { default as SkdxTransferListSearch } from './TransferListSearch.vue.js';
+export { default as SkdxTransferItem } from './TransferItem.vue.js';
+export { default as SkdxTransferControls } from './TransferControls.vue.js';
+export { default as SkdxTransferMoveTrigger } from './TransferMoveTrigger.vue.js';
+export { default as SkdxTransferMoveAllTrigger } from './TransferMoveAllTrigger.vue.js';
+export { default as SkdxTransferEmpty } from './TransferEmpty.vue.js';
+export type { TransferItemData, TransferMoveDetail, TransferSide, TransferDirection } from './context.js';

package/dist/transfer/index.js

@@ -0,0 +1 @@
+import r from"./Transfer.vue.js";import e from"./TransferItem.vue.js";import s from"./TransferList.vue.js";import a from"./TransferListHeader.vue.js";import f from"./TransferListSearch.vue.js";import o from"./TransferControls.vue.js";import m from"./TransferMoveTrigger.vue.js";import t from"./TransferMoveAllTrigger.vue.js";import T from"./TransferEmpty.vue.js";export{r as SkdxTransfer,o as SkdxTransferControls,T as SkdxTransferEmpty,e as SkdxTransferItem,s as SkdxTransferList,a as SkdxTransferListHeader,f as SkdxTransferListSearch,t as SkdxTransferMoveAllTrigger,m as SkdxTransferMoveTrigger};

package/dist/tree/Tree.vue.cjs

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

package/dist/tree/Tree.vue.d.cts

@@ -0,0 +1,94 @@
+import { type TreeSelectionMode, type TreeSelectionPropagation } from './context.cjs';
+/**
+ * The Vue implementation of the shared Tree contract (see `@skdx/shared`'s
+ * `treeContract`). WAI-ARIA `treeview` pattern: a single tab stop with
+ * roving tabindex over the currently *visible* items (collapsed subtrees
+ * aren't rendered, so they fall out of the roving set for free). Renders
+ * `<div role="tree">`, owning expanded/selected/active-node state and
+ * handing it down to `SkdxTreeItem` / `SkdxTreeGroup` / `SkdxTreeItemIndicator`
+ * via context.
+ *
+ * ArrowUp/ArrowDown/Home/End move focus; ArrowRight expands a collapsed node
+ * (or moves to its first child if already expanded); ArrowLeft collapses an
+ * expanded node (or moves focus to its parent); Enter/Space select the
+ * focused node; printable characters run typeahead over the visible nodes'
+ * labels; `*` expands every collapsed sibling of the focused node. Under
+ * `selection-mode="multiple"`, Shift+ArrowUp/ArrowDown moves focus and
+ * toggles the node it lands on, Shift+Home/End selects through to the
+ * first/last node, Ctrl+A selects every visible node, and
+ * Ctrl+ArrowUp/ArrowDown moves focus without touching the selection.
+ * Expansion and selection each work controlled
+ * (`v-model:expanded-ids`/`v-model:selected-ids`) or uncontrolled
+ * (`default-expanded-ids`/`default-selected-ids`).
+ *
+ * `load-children` lazily populates a branch the first time it expands, marking
+ * the node `aria-busy` meanwhile and announcing when its children arrive.
+ * `selection-propagation="descendants"` turns it into a tri-state checkbox tree.
+ */
+type __VLS_Props = {
+    /** `"single"`, `"multiple"`, or `"none"` (not selectable, just expand/collapse). */
+    selectionMode?: TreeSelectionMode;
+    /** Expanded node ids, for controlled usage. Pair with `v-model:expanded-ids`. */
+    expandedIds?: string[];
+    /** Initially expanded node ids, for uncontrolled usage. */
+    defaultExpandedIds?: string[];
+    /** Selected node ids, for controlled usage. Pair with `v-model:selected-ids`. */
+    selectedIds?: string[];
+    /** Initially selected node ids, for uncontrolled usage. */
+    defaultSelectedIds?: string[];
+    /**
+     * Turns the tree into a tri-state checkbox tree: toggling a node selects or
+     * deselects its whole subtree, and each node reports `aria-checked` of
+     * `true`/`false`/`"mixed"` derived from its descendants. Only meaningful
+     * with `selection-mode="multiple"`; ignored otherwise.
+     */
+    selectionPropagation?: TreeSelectionPropagation;
+    /**
+     * Loads a node's children the first time it is expanded. Return a promise
+     * to mark the node busy (`aria-busy="true"` plus `data-loading`) until it
+     * settles; when it resolves, `getLoadedLabel` is announced through the
+     * shared live region. A rejected promise clears the busy state, announces
+     * nothing, and leaves the node eligible to retry on the next expand.
+     *
+     * The node still needs an `SkdxTreeGroup` child to be expandable at all —
+     * render an empty one and fill it in when the promise resolves.
+     */
+    loadChildren?: (nodeId: string) => void | Promise<void>;
+    /**
+     * Formats the message announced when a lazily-loaded node's children
+     * arrive — newly rendered children are otherwise silent. Return an empty
+     * string to announce nothing.
+     */
+    getLoadedLabel?: (nodeId: string) => string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expandedIds": (ids: string[]) => any;
+    "expanded-ids-change": (ids: string[]) => any;
+    "update:selectedIds": (ids: string[]) => any;
+    "selected-ids-change": (ids: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:expandedIds"?: ((ids: string[]) => any) | undefined;
+    "onExpanded-ids-change"?: ((ids: string[]) => any) | undefined;
+    "onUpdate:selectedIds"?: ((ids: string[]) => any) | undefined;
+    "onSelected-ids-change"?: ((ids: string[]) => any) | undefined;
+}>, {
+    selectionMode: TreeSelectionMode;
+    expandedIds: string[];
+    defaultExpandedIds: string[];
+    selectedIds: string[];
+    defaultSelectedIds: string[];
+    selectionPropagation: TreeSelectionPropagation;
+    loadChildren: (nodeId: string) => void | Promise<void>;
+    getLoadedLabel: (nodeId: string) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tree/Tree.vue.d.ts

@@ -0,0 +1,94 @@
+import { type TreeSelectionMode, type TreeSelectionPropagation } from './context.js';
+/**
+ * The Vue implementation of the shared Tree contract (see `@skdx/shared`'s
+ * `treeContract`). WAI-ARIA `treeview` pattern: a single tab stop with
+ * roving tabindex over the currently *visible* items (collapsed subtrees
+ * aren't rendered, so they fall out of the roving set for free). Renders
+ * `<div role="tree">`, owning expanded/selected/active-node state and
+ * handing it down to `SkdxTreeItem` / `SkdxTreeGroup` / `SkdxTreeItemIndicator`
+ * via context.
+ *
+ * ArrowUp/ArrowDown/Home/End move focus; ArrowRight expands a collapsed node
+ * (or moves to its first child if already expanded); ArrowLeft collapses an
+ * expanded node (or moves focus to its parent); Enter/Space select the
+ * focused node; printable characters run typeahead over the visible nodes'
+ * labels; `*` expands every collapsed sibling of the focused node. Under
+ * `selection-mode="multiple"`, Shift+ArrowUp/ArrowDown moves focus and
+ * toggles the node it lands on, Shift+Home/End selects through to the
+ * first/last node, Ctrl+A selects every visible node, and
+ * Ctrl+ArrowUp/ArrowDown moves focus without touching the selection.
+ * Expansion and selection each work controlled
+ * (`v-model:expanded-ids`/`v-model:selected-ids`) or uncontrolled
+ * (`default-expanded-ids`/`default-selected-ids`).
+ *
+ * `load-children` lazily populates a branch the first time it expands, marking
+ * the node `aria-busy` meanwhile and announcing when its children arrive.
+ * `selection-propagation="descendants"` turns it into a tri-state checkbox tree.
+ */
+type __VLS_Props = {
+    /** `"single"`, `"multiple"`, or `"none"` (not selectable, just expand/collapse). */
+    selectionMode?: TreeSelectionMode;
+    /** Expanded node ids, for controlled usage. Pair with `v-model:expanded-ids`. */
+    expandedIds?: string[];
+    /** Initially expanded node ids, for uncontrolled usage. */
+    defaultExpandedIds?: string[];
+    /** Selected node ids, for controlled usage. Pair with `v-model:selected-ids`. */
+    selectedIds?: string[];
+    /** Initially selected node ids, for uncontrolled usage. */
+    defaultSelectedIds?: string[];
+    /**
+     * Turns the tree into a tri-state checkbox tree: toggling a node selects or
+     * deselects its whole subtree, and each node reports `aria-checked` of
+     * `true`/`false`/`"mixed"` derived from its descendants. Only meaningful
+     * with `selection-mode="multiple"`; ignored otherwise.
+     */
+    selectionPropagation?: TreeSelectionPropagation;
+    /**
+     * Loads a node's children the first time it is expanded. Return a promise
+     * to mark the node busy (`aria-busy="true"` plus `data-loading`) until it
+     * settles; when it resolves, `getLoadedLabel` is announced through the
+     * shared live region. A rejected promise clears the busy state, announces
+     * nothing, and leaves the node eligible to retry on the next expand.
+     *
+     * The node still needs an `SkdxTreeGroup` child to be expandable at all —
+     * render an empty one and fill it in when the promise resolves.
+     */
+    loadChildren?: (nodeId: string) => void | Promise<void>;
+    /**
+     * Formats the message announced when a lazily-loaded node's children
+     * arrive — newly rendered children are otherwise silent. Return an empty
+     * string to announce nothing.
+     */
+    getLoadedLabel?: (nodeId: string) => string;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:expandedIds": (ids: string[]) => any;
+    "expanded-ids-change": (ids: string[]) => any;
+    "update:selectedIds": (ids: string[]) => any;
+    "selected-ids-change": (ids: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:expandedIds"?: ((ids: string[]) => any) | undefined;
+    "onExpanded-ids-change"?: ((ids: string[]) => any) | undefined;
+    "onUpdate:selectedIds"?: ((ids: string[]) => any) | undefined;
+    "onSelected-ids-change"?: ((ids: string[]) => any) | undefined;
+}>, {
+    selectionMode: TreeSelectionMode;
+    expandedIds: string[];
+    defaultExpandedIds: string[];
+    selectedIds: string[];
+    defaultSelectedIds: string[];
+    selectionPropagation: TreeSelectionPropagation;
+    loadChildren: (nodeId: string) => void | Promise<void>;
+    getLoadedLabel: (nodeId: string) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tree/Tree.vue.js

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

package/dist/tree/Tree.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const B=require("../utils/direction.cjs"),re=require("../utils/useRovingFocus.cjs"),F=require("../utils/useTypeahead.cjs"),se=require("../utils/liveAnnouncer.cjs"),H=require("./context.cjs");let s=require("vue");var ae=["aria-multiselectable"],U='[role="treeitem"]:not([data-disabled])',G='[role="treeitem"]',ie=(0,s.defineComponent)({__name:"Tree",props:{selectionMode:{default:"single"},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:H.defaultGetLoadedLabel}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change"],setup(E,{emit:X}){function d(e){return e.getAttribute("data-skdx-tree-node-id")??""}function Y(e){const t=e.getAttribute("data-text-value");if(t!==null)return t;let r="";for(const n of e.childNodes){const o=n.nodeType===1?n:null;o&&(o.getAttribute("role")==="group"||o.getAttribute("aria-hidden")==="true")||(r+=n.textContent??"")}return r}function $(e){const t=new Map;for(const n of e.querySelectorAll(G)){const o=d(n);if(!o)continue;const u=n.getAttribute("data-skdx-tree-parent-id")??"",f=t.get(u);f?f.push(o):t.set(u,[o])}const r=new Map;for(const n of t.values())n.forEach((o,u)=>{r.set(o,{posinset:u+1,setsize:n.length})});return r}function j(e,t){if(e.size!==t.size)return!1;for(const[r,n]of e){const o=t.get(r);if(!o||o.posinset!==n.posinset||o.setsize!==n.setsize)return!1}return!0}const a=E,h=X,p=(0,s.ref)(null),v=(0,s.ref)(null),J=B.useDirection(),D=(0,s.ref)(a.defaultExpandedIds),c=(0,s.computed)(()=>a.expandedIds??D.value),Q=(0,s.computed)(()=>new Set(c.value)),T=(0,s.ref)(a.defaultSelectedIds),m=(0,s.computed)(()=>a.selectedIds??T.value),y=(0,s.computed)(()=>new Set(m.value)),q=(0,s.computed)(()=>a.selectionPropagation==="descendants"),x=new Set,g=(0,s.ref)(new Set),l=(0,s.ref)(new Map);function V(e,t){l.value.get(e)!==t&&(l.value=new Map(l.value).set(e,t))}function W(e){if(!l.value.has(e))return;const t=new Map(l.value);t.delete(e),l.value=t}const C=(0,s.computed)(()=>{const e=new Map;for(const[t,r]of l.value){if(r===null)continue;const n=e.get(r);n?n.push(t):e.set(r,[t])}return e});function L(e){const t=[],r=[...C.value.get(e)??[]];for(;r.length>0;){const n=r.pop();t.push(n),r.push(...C.value.get(n)??[])}return t}function P(e){if(!q.value)return!1;const t=L(e);if(t.length===0)return y.value.has(e);const r=t.filter(n=>y.value.has(n)).length;return r===0?!1:r===t.length?!0:"mixed"}function I(e){a.expandedIds===void 0&&(D.value=e),h("update:expandedIds",e),h("expanded-ids-change",e)}function w(e){a.selectedIds===void 0&&(T.value=e),h("update:selectedIds",e),h("selected-ids-change",e)}function K(e){const t=a.loadChildren;if(!t||x.has(e))return;x.add(e),g.value=new Set(g.value).add(e);const r=()=>{const n=new Set(g.value);n.delete(e),g.value=n};Promise.resolve(t(e)).then(()=>{r(),se.announce(a.getLoadedLabel(e))},()=>{x.delete(e),r()})}function A(e,t){I(t?[...c.value,e]:c.value.filter(r=>r!==e)),t&&K(e)}function Z(e){if(e.length!==0){I([...new Set([...c.value,...e])]);for(const t of e)K(t)}}function M(e){if(a.selectionMode==="none")return;const t=m.value;if(a.selectionMode==="multiple"&&q.value){const r=P(e)!==!0,n=new Set(t);for(const o of[e,...L(e)])r?n.add(o):n.delete(o);w([...n]);return}w(a.selectionMode==="single"?[e]:t.includes(e)?t.filter(r=>r!==e):[...t,e])}function R(e){a.selectionMode==="multiple"&&w([...new Set([...m.value,...e])])}function ee(e){v.value=e}const k=(0,s.ref)(new Map);function S(){if(!p.value)return;const e=$(p.value);j(k.value,e)||(k.value=e)}function te(e){return k.value.get(e)}(0,s.onMounted)(S),(0,s.onUpdated)(S),(0,s.watch)([c,l],S,{flush:"post"}),(0,s.watch)(c,re.useRovingTabStop(p,U,"data-skdx-tree-node-id",v),{flush:"post"});const ne=F.useTypeahead();function oe(e){const t=B.directionalKey(e.key,e.currentTarget,J()),r=p.value,n=e.target;if(!r||!n.matches('[role="treeitem"]'))return;const o=Array.from(r.querySelectorAll(U)),u=o.indexOf(n),f=d(n),_=n.getAttribute("data-skdx-tree-parent-id")||"",b=a.selectionMode==="multiple";if(b&&e.shiftKey&&(t==="ArrowDown"||t==="ArrowUp")){e.preventDefault();const i=o[u+(t==="ArrowDown"?1:-1)];i&&(i.focus(),M(d(i)));return}if(b&&e.shiftKey&&(e.key==="Home"||e.key==="End")){e.preventDefault();const i=e.key==="Home"?0:o.length-1;R(o.slice(Math.min(u,i),Math.max(u,i)+1).map(d)),o[i]?.focus();return}if(b&&(e.ctrlKey||e.metaKey)&&e.key.toLowerCase()==="a"){e.preventDefault(),R(o.map(d));return}if(t==="ArrowDown"){e.preventDefault(),o[u+1]?.focus();return}if(t==="ArrowUp"){e.preventDefault(),o[u-1]?.focus();return}if(t==="Home"){e.preventDefault(),o[0]?.focus();return}if(t==="End"){e.preventDefault(),o[o.length-1]?.focus();return}const N=n.getAttribute("aria-expanded"),O=N!==null,z=N==="true";if(t==="ArrowRight")e.preventDefault(),O&&!z?A(f,!0):o[u+1]?.focus();else if(t==="ArrowLeft")e.preventDefault(),O&&z?A(f,!1):_&&o.find(i=>d(i)===_)?.focus();else if(e.key==="Enter"||e.key===" ")e.preventDefault(),M(f);else if(e.key==="*")e.preventDefault(),Z(Array.from(r.querySelectorAll(G)).filter(i=>(i.getAttribute("data-skdx-tree-parent-id")||"")===_&&i.getAttribute("aria-expanded")==="false").map(d));else if(F.isTypeaheadKey(e)){const i=ne(e.key,o.map(Y),u);if(i===-1)return;e.preventDefault(),o[i]?.focus()}}return(0,s.provide)(H.TREE_CONTEXT,{get selectionMode(){return a.selectionMode},get selectionPropagation(){return a.selectionPropagation},expandedIds:Q,selectedIds:y,loadingIds:g,activeNodeId:v,setActiveNodeId:ee,onExpandedChange:A,onSelectedChange:M,checkedState:P,positionOf:te,registerNode:V,unregisterNode:W}),(e,t)=>((0,s.openBlock)(),(0,s.createElementBlock)("div",{class:"skdx-tree","data-part":"root","data-skdx-component":"tree",ref_key:"rootRef",ref:p,role:"tree","aria-multiselectable":E.selectionMode==="multiple"?!0:void 0,onKeydown:oe},[(0,s.renderSlot)(e.$slots,"default")],40,ae))}});exports.default=ie;

package/dist/tree/Tree.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{directionalKey as e,useDirection as t}from"../utils/direction.js";import{useRovingTabStop as n}from"../utils/useRovingFocus.js";import{isTypeaheadKey as o,useTypeahead as a}from"../utils/useTypeahead.js";import{announce as r}from"../utils/liveAnnouncer.js";import{TREE_CONTEXT as s,defaultGetLoadedLabel as u}from"./context.js";import{computed as d,createElementBlock as l,defineComponent as i,onMounted as c,onUpdated as f,openBlock as p,provide as v,ref as g,renderSlot as m,watch as h}from"vue";var w=["aria-multiselectable"],y='[role="treeitem"]:not([data-disabled])',x='[role="treeitem"]',A=/* @__PURE__ */i({__name:"Tree",props:{selectionMode:{default:"single"},expandedIds:{default:void 0},defaultExpandedIds:{default:()=>[]},selectedIds:{default:void 0},defaultSelectedIds:{default:()=>[]},selectionPropagation:{default:"none"},loadChildren:{type:Function,default:void 0},getLoadedLabel:{type:Function,default:u}},emits:["update:expandedIds","expanded-ids-change","update:selectedIds","selected-ids-change"],setup(u,{emit:i}){function A(e){return e.getAttribute("data-skdx-tree-node-id")??""}function k(e){const t=e.getAttribute("data-text-value");if(null!==t)return t;let n="";for(const t of e.childNodes){const e=1===t.nodeType?t:null;e&&("group"===e.getAttribute("role")||"true"===e.getAttribute("aria-hidden"))||(n+=t.textContent??"")}return n}const I=u,M=i,S=g(null),b=g(null),D=t(),E=g(I.defaultExpandedIds),T=d(()=>I.expandedIds??E.value),C=d(()=>new Set(T.value)),L=g(I.defaultSelectedIds),K=d(()=>I.selectedIds??L.value),N=d(()=>new Set(K.value)),j=d(()=>"descendants"===I.selectionPropagation),z=/* @__PURE__ */new Set,P=g(/* @__PURE__ */new Set),R=g(/* @__PURE__ */new Map),_=d(()=>{const e=/* @__PURE__ */new Map;for(const[t,n]of R.value){if(null===n)continue;const o=e.get(n);o?o.push(t):e.set(n,[t])}return e});function q(e){const t=[],n=[..._.value.get(e)??[]];for(;n.length>0;){const e=n.pop();t.push(e),n.push(..._.value.get(e)??[])}return t}function F(e){if(!j.value)return!1;const t=q(e);if(0===t.length)return N.value.has(e);const n=t.filter(e=>N.value.has(e)).length;return 0!==n&&(n===t.length||"mixed")}function H(e){void 0===I.expandedIds&&(E.value=e),M("update:expandedIds",e),M("expanded-ids-change",e)}function O(e){void 0===I.selectedIds&&(L.value=e),M("update:selectedIds",e),M("selected-ids-change",e)}function U(e){const t=I.loadChildren;if(!t||z.has(e))return;z.add(e),P.value=new Set(P.value).add(e);const n=()=>{const t=new Set(P.value);t.delete(e),P.value=t};Promise.resolve(t(e)).then(()=>{n(),r(I.getLoadedLabel(e))},()=>{z.delete(e),n()})}function B(e,t){H(t?[...T.value,e]:T.value.filter(t=>t!==e)),t&&U(e)}function G(e){if("none"===I.selectionMode)return;const t=K.value;if("multiple"===I.selectionMode&&j.value){const n=!0!==F(e),o=new Set(t);for(const t of[e,...q(e)])n?o.add(t):o.delete(t);return void O([...o])}O("single"===I.selectionMode?[e]:t.includes(e)?t.filter(t=>t!==e):[...t,e])}function X(e){"multiple"===I.selectionMode&&O([.../* @__PURE__ */new Set([...K.value,...e])])}const $=g(/* @__PURE__ */new Map);function J(){if(!S.value)return;const e=function(e){const t=/* @__PURE__ */new Map;for(const n of e.querySelectorAll(x)){const e=A(n);if(!e)continue;const o=n.getAttribute("data-skdx-tree-parent-id")??"",a=t.get(o);a?a.push(e):t.set(o,[e])}const n=/* @__PURE__ */new Map;for(const e of t.values())e.forEach((t,o)=>{n.set(t,{posinset:o+1,setsize:e.length})});return n}(S.value);(function(e,t){if(e.size!==t.size)return!1;for(const[n,o]of e){const e=t.get(n);if(!e||e.posinset!==o.posinset||e.setsize!==o.setsize)return!1}return!0})($.value,e)||($.value=e)}c(J),f(J),h([T,R],J,{flush:"post"}),h(T,n(S,y,"data-skdx-tree-node-id",b),{flush:"post"});const Q=a();function V(t){const n=e(t.key,t.currentTarget,D()),a=S.value,r=t.target;if(!a||!r.matches('[role="treeitem"]'))return;const s=Array.from(a.querySelectorAll(y)),u=s.indexOf(r),d=A(r),l=r.getAttribute("data-skdx-tree-parent-id")||"",i="multiple"===I.selectionMode;if(i&&t.shiftKey&&("ArrowDown"===n||"ArrowUp"===n)){t.preventDefault();const e=s[u+("ArrowDown"===n?1:-1)];return void(e&&(e.focus(),G(A(e))))}if(i&&t.shiftKey&&("Home"===t.key||"End"===t.key)){t.preventDefault();const e="Home"===t.key?0:s.length-1;return X(s.slice(Math.min(u,e),Math.max(u,e)+1).map(A)),void s[e]?.focus()}if(i&&(t.ctrlKey||t.metaKey)&&"a"===t.key.toLowerCase())return t.preventDefault(),void X(s.map(A));if("ArrowDown"===n)return t.preventDefault(),void s[u+1]?.focus();if("ArrowUp"===n)return t.preventDefault(),void s[u-1]?.focus();if("Home"===n)return t.preventDefault(),void s[0]?.focus();if("End"===n)return t.preventDefault(),void s[s.length-1]?.focus();const c=r.getAttribute("aria-expanded"),f=null!==c,p="true"===c;if("ArrowRight"===n)t.preventDefault(),f&&!p?B(d,!0):s[u+1]?.focus();else if("ArrowLeft"===n)t.preventDefault(),f&&p?B(d,!1):l&&s.find(e=>A(e)===l)?.focus();else if("Enter"===t.key||" "===t.key)t.preventDefault(),G(d);else if("*"===t.key)t.preventDefault(),function(e){if(0!==e.length){H([.../* @__PURE__ */new Set([...T.value,...e])]);for(const t of e)U(t)}}(Array.from(a.querySelectorAll(x)).filter(e=>(e.getAttribute("data-skdx-tree-parent-id")||"")===l&&"false"===e.getAttribute("aria-expanded")).map(A));else if(o(t)){const e=Q(t.key,s.map(k),u);if(-1===e)return;t.preventDefault(),s[e]?.focus()}}return v(s,{get selectionMode(){return I.selectionMode},get selectionPropagation(){return I.selectionPropagation},expandedIds:C,selectedIds:N,loadingIds:P,activeNodeId:b,setActiveNodeId:function(e){b.value=e},onExpandedChange:B,onSelectedChange:G,checkedState:F,positionOf:function(e){return $.value.get(e)},registerNode:function(e,t){R.value.get(e)!==t&&(R.value=new Map(R.value).set(e,t))},unregisterNode:function(e){if(!R.value.has(e))return;const t=new Map(R.value);t.delete(e),R.value=t}}),(e,t)=>(p(),l("div",{class:"skdx-tree","data-part":"root","data-skdx-component":"tree",ref_key:"rootRef",ref:S,role:"tree","aria-multiselectable":"multiple"===u.selectionMode||void 0,onKeydown:V},[m(e.$slots,"default")],40,w))}});export{A as default};

package/dist/tree/TreeGroup.vue.cjs

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

package/dist/tree/TreeGroup.vue.d.cts

@@ -0,0 +1,25 @@
+/**
+ * Collapsible container for a `SkdxTreeItem`'s child `SkdxTreeItem`s: renders
+ * a `<div role="group">`, unmounted (unless `forceMount`) while the parent
+ * item is collapsed. Increments depth (`aria-level`) and sets itself as the
+ * parent node for the nested items via context. Must be used inside an
+ * `SkdxTreeItem`.
+ */
+type __VLS_Props = {
+    /** Keep this group mounted even while its parent item is collapsed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tree/TreeGroup.vue.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Collapsible container for a `SkdxTreeItem`'s child `SkdxTreeItem`s: renders
+ * a `<div role="group">`, unmounted (unless `forceMount`) while the parent
+ * item is collapsed. Increments depth (`aria-level`) and sets itself as the
+ * parent node for the nested items via context. Must be used inside an
+ * `SkdxTreeItem`.
+ */
+type __VLS_Props = {
+    /** Keep this group mounted even while its parent item is collapsed, instead of unmounting it. */
+    forceMount?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    forceMount: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/tree/TreeGroup.vue.js

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

package/dist/tree/TreeGroup.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var d={key:0,class:"skdx-tree__group","data-part":"group",role:"group"},a=(0,e.defineComponent)({__name:"TreeGroup",props:{forceMount:{type:Boolean,default:!1}},setup(o){const u=o,t=(0,e.inject)(r.TREE_ITEM_CONTEXT);if(!t)throw new Error("SkdxTreeGroup must be used within SkdxTreeItem.");const n=(0,e.computed)(()=>u.forceMount||t.expanded);return(0,e.provide)(r.TREE_AMBIENT_CONTEXT,{get depth(){return t.depth+1},get parentId(){return t.nodeId}}),(p,_)=>n.value?((0,e.openBlock)(),(0,e.createElementBlock)("div",d,[(0,e.renderSlot)(p.$slots,"default")])):(0,e.createCommentVNode)("",!0)}});exports.default=a;

package/dist/tree/TreeGroup.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{TREE_AMBIENT_CONTEXT as e,TREE_ITEM_CONTEXT as t}from"./context.js";import{computed as r,createCommentVNode as o,createElementBlock as a,defineComponent as n,inject as s,openBlock as d,provide as p,renderSlot as u}from"vue";var c={key:0,class:"skdx-tree__group","data-part":"group",role:"group"},l=/* @__PURE__ */n({__name:"TreeGroup",props:{forceMount:{type:Boolean,default:!1}},setup(n){const l=n,m=s(t);if(!m)throw new Error("SkdxTreeGroup must be used within SkdxTreeItem.");const T=r(()=>l.forceMount||m.expanded);return p(e,{get depth(){return m.depth+1},get parentId(){return m.nodeId}}),(e,t)=>T.value?(d(),a("div",c,[u(e.$slots,"default")])):o("",!0)}});export{l as default};

package/dist/tree/TreeItem.vue.cjs

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

package/dist/tree/TreeItem.vue.d.cts

@@ -0,0 +1,37 @@
+/**
+ * A single node in the tree: renders a `<div role="treeitem">` with
+ * `aria-level` (its depth), `aria-posinset`/`aria-setsize` (its place among
+ * the siblings at its own level), `aria-selected` (unless the tree's
+ * selectionMode is "none"), `aria-expanded` (only if it has a nested
+ * `SkdxTreeGroup`), `data-state` of `"expanded"`/`"collapsed"`, and
+ * `data-disabled`. Detects whether it has children by checking its default
+ * slot for an `SkdxTreeGroup`. Clicking it selects the node and, if it has
+ * children, toggles expansion; focusing it makes it the tree's active
+ * (tabbable) node. Must be used inside `SkdxTree`.
+ *
+ * While the tree's `load-children` is pending for this node it carries
+ * `aria-busy="true"` and `data-loading`. Under
+ * `selection-propagation="descendants"` it also carries `aria-checked`
+ * (`true`/`false`/`"mixed"`) and `data-checked`
+ * (`checked`/`unchecked`/`indeterminate`) derived from its descendants.
+ */
+type __VLS_Props = {
+    /** Unique identifier tracked in the tree's expanded/selected/active state. */
+    nodeId: string;
+    /** Excludes this node (and its subtree) from selection and keyboard activation. */
+    disabled?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};