@skdx/web-components 0.26.0

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

@@ -0,0 +1,52 @@
+import { LitElement, type TemplateResult } from 'lit';
+import type { TreeSelectNode } from './types.js';
+import './TreeSelectItem.js';
+/**
+ * `<skdx-tree-select-tree>` — the `role="tree"` inside a `<skdx-tree-select>`'s
+ * popup. Renders one `<skdx-tree-select-item>` per *visible* collection node,
+ * nesting each expanded branch's children in a `role="group"`. Carries
+ * `aria-multiselectable` while the root is `multiple`, `aria-readonly` while it
+ * is `readOnly`, and the id the trigger's `aria-controls` points at.
+ *
+ * Renders **into light DOM** (`createRenderRoot()` returns `this` — no shadow
+ * root), because the `treeitem`s it renders have to be ordinary descendants of
+ * this `role="tree"` element for the ARIA relationships to hold, and because
+ * the trigger's `aria-activedescendant` has to be able to name one of them by
+ * id across the whole document. A shadow boundary breaks both.
+ *
+ * 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.
+ *
+ * @example
+ * ```html
+ * <skdx-tree-select-tree aria-label="Regions"></skdx-tree-select-tree>
+ * ```
+ */
+export declare class SkdxTreeSelectTree extends LitElement {
+    /**
+     * Renders a node's label — the text, and anything beside it such as a
+     * `<skdx-tree-select-item-indicator>` checkmark. The returned template renders
+     * *inside* the node's `treeitem`, so the indicator finds its item there. Set
+     * as a property, not an attribute.
+     * @default undefined — renders the node's `label ?? value` as plain text.
+     */
+    renderLabel?: (node: TreeSelectNode) => TemplateResult | string;
+    private root;
+    private readonly onRootUpdate;
+    /** Light DOM, for the ARIA reasons in the class docblock. */
+    protected createRenderRoot(): HTMLElement;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(): void;
+    private readonly handleExpandClick;
+    private renderNodes;
+    render(): unknown;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-tree-select-tree': SkdxTreeSelectTree;
+    }
+}

package/dist/tree-select/TreeSelectTree.js

@@ -0,0 +1,11 @@
+var f=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var d=(s,i,o,r)=>{for(var t=r>1?void 0:r?b(i,o):i,e=s.length-1,a;e>=0;e--)(a=s[e])&&(t=(r?a(i,o,t):a(t))||t);return r&&t&&f(i,o,t),t};import{html as p,LitElement as E,nothing as c}from"lit";import{property as x}from"lit/decorators.js";import{repeat as k}from"lit/directives/repeat.js";import{customElement as y}from"../internal/define.js";import{installLightDomStyles as g}from"../internal/styles.js";import{findTreeSelectRoot as L,TREE_SELECT_INTERNAL_UPDATE as v}from"./TreeSelect.js";import"./TreeSelectItem.js";var l=class extends E{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate();this.handleExpandClick=(o,r)=>{o.stopPropagation();let t=this.root,e=t?.flatMap.get(r);!t||!e?.hasChildren||t.setExpanded(r,!e.expanded)}}createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),g(),this.root=L(this),this.root?.addEventListener(v,this.onRootUpdate),this.setAttribute("role","tree"),this.root&&(this.id=this.root.treeId)}disconnectedCallback(){this.root?.removeEventListener(v,this.onRootUpdate),super.disconnectedCallback()}updated(){this.root?.multiple?this.setAttribute("aria-multiselectable","true"):this.removeAttribute("aria-multiselectable"),this.root?.readOnly?this.setAttribute("aria-readonly","true"):this.removeAttribute("aria-readonly")}renderNodes(o){let r=this.root;if(!r)return c;let t=o.filter(e=>r.isVisible(e.value));return k(t,e=>e.value,e=>{let a=r.flatMap.get(e.value),h=(e.children??[]).filter(n=>r.isVisible(n.value)),u=h.length>0,m=a?.expanded??!1;return p`<skdx-tree-select-item .node=${e}>
+          ${u?p`<span
+                  data-skdx-tree-select-expand
+                  data-state=${m?"expanded":"collapsed"}
+                  aria-hidden="true"
+                  @click=${n=>this.handleExpandClick(n,e.value)}
+                  >▸</span
+                >`:c}
+          <span data-skdx-tree-select-label>${this.renderLabel?.(e)??e.label??e.value}</span>
+          ${u&&m?p`<div role="group">${this.renderNodes(h)}</div>`:c}
+        </skdx-tree-select-item>`})}render(){return this.renderNodes(this.root?.collection??[])}};d([x({attribute:!1})],l.prototype,"renderLabel",2),l=d([y("skdx-tree-select-tree","tree-select","tree")],l);export{l as SkdxTreeSelectTree};

package/dist/tree-select/TreeSelectTrigger.cjs

@@ -0,0 +1,17 @@
+"use strict";var d=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var f=Object.getOwnPropertyNames;var y=Object.prototype.hasOwnProperty;var E=(i,r)=>{for(var e in r)d(i,e,{get:r[e],enumerable:!0})},g=(i,r,e,o)=>{if(r&&typeof r=="object"||typeof r=="function")for(let t of f(r))!y.call(i,t)&&t!==e&&d(i,t,{get:()=>r[t],enumerable:!(o=h(r,t))||o.enumerable});return i};var L=i=>g(d({},"__esModule",{value:!0}),i),p=(i,r,e,o)=>{for(var t=o>1?void 0:o?h(r,e):r,n=i.length-1,c;n>=0;n--)(c=i[n])&&(t=(o?c(r,e,t):c(t))||t);return o&&t&&d(r,e,t),t};var k={};E(k,{SkdxTreeSelectTrigger:()=>l});module.exports=L(k);var a=require("lit"),u=require("lit/decorators.js"),b=require("../internal/aria-label.cjs"),v=require("../internal/define.cjs"),m=require("../internal/styles.cjs"),s=require("./TreeSelect.cjs");var l=class extends a.LitElement{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)};this.handleKeyDown=e=>{this.root?.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}}createRenderRoot(){return this}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=(0,s.findTreeSelectRoot)(this),this.root?.addEventListener(s.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),this.root&&(this.root.triggerEl=this),this.label??(this.label=(0,b.takeHostAriaLabel)(this)),(0,m.installLightDomStyles)()}disconnectedCallback(){this.root?.removeEventListener(s.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),super.disconnectedCallback()}focus(e){this.querySelector(":scope > button")?.focus(e)}firstUpdated(){let e=this.querySelector(":scope > button");if(!e)return;let o=this.firstChild;for(;o&&o!==e;){let t=o.nextSibling;o.nodeType!==Node.COMMENT_NODE&&e.append(o),o=t}}updated(){let e=this.root,o=e?.open??!1;this.setAttribute("data-state",o?"open":"closed");for(let[t,n]of[["data-disabled",this.isDisabled],["data-readonly",e?.readOnly],["data-multiple",e?.multiple],["data-placeholder",(e?.value.length??0)===0]])n?this.setAttribute(t,""):this.removeAttribute(t)}render(){let e=this.root,o=e?.open??!1,t=o&&!e?.hasInput?e?.activeValue??null:null;return a.html`
+      <button
+        type="button"
+        part="trigger"
+        role="combobox"
+        aria-haspopup="tree"
+        aria-expanded=${o?"true":"false"}
+        aria-controls=${e?.treeId??a.nothing}
+        aria-activedescendant=${t===null?a.nothing:e.itemId(t)}
+        aria-readonly=${e?.readOnly?"true":a.nothing}
+        aria-label=${this.label??a.nothing}
+        ?disabled=${this.isDisabled}
+        data-state=${o?"open":"closed"}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      ></button>
+    `}};p([(0,u.property)({type:Boolean,reflect:!0})],l.prototype,"disabled",2),l=p([(0,v.customElement)("skdx-tree-select-trigger","tree-select","trigger")],l);0&&(module.exports={SkdxTreeSelectTrigger});

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

@@ -0,0 +1,98 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-tree-select-trigger>` — opens the `<skdx-tree-select>`'s popup and
+ * displays the current selection, and doubles as the anchor the popup
+ * positions against.
+ *
+ * Renders a `<button type="button" role="combobox">` with
+ * `aria-haspopup="tree"`, `aria-expanded`, `aria-controls` pointing at the
+ * tree, and the `data-state` / `data-disabled` / `data-readonly` /
+ * `data-multiple` / `data-placeholder` styling hooks on the host.
+ *
+ * It also carries `aria-activedescendant` for the virtually-focused node — but
+ * only while no `<skdx-tree-select-input>` 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.
+ *
+ * An `aria-label` written on this tag is moved onto the inner `<button>`, where
+ * the combobox role actually lives.
+ *
+ * Renders **into light DOM** (`createRenderRoot()` returns `this` — no shadow
+ * root), for the same reason `<skdx-tree-select-tree>` and `<skdx-command-input>`
+ * do: `aria-controls` and `aria-activedescendant` are IDREFs, and an IDREF
+ * resolves only within its own tree. The tree and its `treeitem`s are
+ * light-DOM elements, so from inside a shadow root neither attribute could
+ * ever resolve — they were inert, and the virtually-focused node was never
+ * announced. Moving them onto the host is not an option here: the element the
+ * attributes belong on is the one that takes focus.
+ *
+ * Because there is no shadow root there is no `<slot>` either: the children
+ * written inside this tag are moved into the rendered `<button>` once, the
+ * same way `<skdx-label>` wraps its own content. Children added *after* the
+ * first render land beside the button rather than inside it.
+ *
+ * @csspart trigger - The native `<button>` element. **`::part(trigger)` does not reach it.**
+ * This element renders into the light DOM (see `createRenderRoot` below) and `::part()`
+ * only matches inside a shadow root, so the `part` attribute is inert here. It is kept so
+ * the name matches the shadow-DOM components and the styling-hooks contract. Style it as an
+ * ordinary descendant instead: `skdx-tree-select-trigger > button { … }`.
+ *
+ * @example
+ * ```html
+ * <skdx-tree-select-trigger>
+ *   <skdx-tree-select-value placeholder="Pick a region"></skdx-tree-select-value>
+ * </skdx-tree-select-trigger>
+ * ```
+ */
+export declare class SkdxTreeSelectTrigger extends LitElement {
+    /** Light DOM, for the IDREF reasons in the class docblock. */
+    protected createRenderRoot(): HTMLElement;
+    /**
+     * Disables just this trigger. A disabled root disables every trigger
+     * regardless of this property.
+     * @default false — the trigger follows the root's `disabled`.
+     */
+    disabled: boolean;
+    private root;
+    private label;
+    private readonly onRootUpdate;
+    /**
+     * Root-or-own, matching `packages/react/src/tree-select/TreeSelectTrigger.tsx:36`.
+     * Reading only the root left a consumer's `disabled` on the trigger inert.
+     */
+    private get isDisabled();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Focus lands on the inner button, which is where the combobox role is. */
+    focus(options?: FocusOptions): void;
+    /**
+     * lit-html's light-DOM render only ever *appends* after whatever children
+     * already exist — there is no shadow `<slot>` to reproject through — so the
+     * consumer's `<skdx-tree-select-value>` lands as a sibling *before* the
+     * `<button>`. Move it inside once, the same way `<skdx-label>` wraps its own
+     * content. Comment nodes are left where they are: one of them is lit-html's
+     * own part marker, and moving it would move the boundary of the part that
+     * renders the button.
+     *
+     * *Skipped*, not stopped at — which is the fix for the bug this loop used to
+     * have. A comment written by the **consumer** sits before their content, not
+     * after it, so `<!-- pick a region --><skdx-tree-select-value>` ended the walk
+     * on its very first step and the value stayed outside the `<button>`. That
+     * left the button holding nothing but the template's own whitespace: a 0x0
+     * box, so the focus ring drew around nothing, and a `role="combobox"` with no
+     * accessible name, since a button is named by its contents. The gallery's
+     * `tree-select--empty` case is exactly this shape.
+     */
+    protected firstUpdated(): void;
+    private readonly handleClick;
+    private readonly handleKeyDown;
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-tree-select-trigger': SkdxTreeSelectTrigger;
+    }
+}

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

@@ -0,0 +1,98 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-tree-select-trigger>` — opens the `<skdx-tree-select>`'s popup and
+ * displays the current selection, and doubles as the anchor the popup
+ * positions against.
+ *
+ * Renders a `<button type="button" role="combobox">` with
+ * `aria-haspopup="tree"`, `aria-expanded`, `aria-controls` pointing at the
+ * tree, and the `data-state` / `data-disabled` / `data-readonly` /
+ * `data-multiple` / `data-placeholder` styling hooks on the host.
+ *
+ * It also carries `aria-activedescendant` for the virtually-focused node — but
+ * only while no `<skdx-tree-select-input>` 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.
+ *
+ * An `aria-label` written on this tag is moved onto the inner `<button>`, where
+ * the combobox role actually lives.
+ *
+ * Renders **into light DOM** (`createRenderRoot()` returns `this` — no shadow
+ * root), for the same reason `<skdx-tree-select-tree>` and `<skdx-command-input>`
+ * do: `aria-controls` and `aria-activedescendant` are IDREFs, and an IDREF
+ * resolves only within its own tree. The tree and its `treeitem`s are
+ * light-DOM elements, so from inside a shadow root neither attribute could
+ * ever resolve — they were inert, and the virtually-focused node was never
+ * announced. Moving them onto the host is not an option here: the element the
+ * attributes belong on is the one that takes focus.
+ *
+ * Because there is no shadow root there is no `<slot>` either: the children
+ * written inside this tag are moved into the rendered `<button>` once, the
+ * same way `<skdx-label>` wraps its own content. Children added *after* the
+ * first render land beside the button rather than inside it.
+ *
+ * @csspart trigger - The native `<button>` element. **`::part(trigger)` does not reach it.**
+ * This element renders into the light DOM (see `createRenderRoot` below) and `::part()`
+ * only matches inside a shadow root, so the `part` attribute is inert here. It is kept so
+ * the name matches the shadow-DOM components and the styling-hooks contract. Style it as an
+ * ordinary descendant instead: `skdx-tree-select-trigger > button { … }`.
+ *
+ * @example
+ * ```html
+ * <skdx-tree-select-trigger>
+ *   <skdx-tree-select-value placeholder="Pick a region"></skdx-tree-select-value>
+ * </skdx-tree-select-trigger>
+ * ```
+ */
+export declare class SkdxTreeSelectTrigger extends LitElement {
+    /** Light DOM, for the IDREF reasons in the class docblock. */
+    protected createRenderRoot(): HTMLElement;
+    /**
+     * Disables just this trigger. A disabled root disables every trigger
+     * regardless of this property.
+     * @default false — the trigger follows the root's `disabled`.
+     */
+    disabled: boolean;
+    private root;
+    private label;
+    private readonly onRootUpdate;
+    /**
+     * Root-or-own, matching `packages/react/src/tree-select/TreeSelectTrigger.tsx:36`.
+     * Reading only the root left a consumer's `disabled` on the trigger inert.
+     */
+    private get isDisabled();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Focus lands on the inner button, which is where the combobox role is. */
+    focus(options?: FocusOptions): void;
+    /**
+     * lit-html's light-DOM render only ever *appends* after whatever children
+     * already exist — there is no shadow `<slot>` to reproject through — so the
+     * consumer's `<skdx-tree-select-value>` lands as a sibling *before* the
+     * `<button>`. Move it inside once, the same way `<skdx-label>` wraps its own
+     * content. Comment nodes are left where they are: one of them is lit-html's
+     * own part marker, and moving it would move the boundary of the part that
+     * renders the button.
+     *
+     * *Skipped*, not stopped at — which is the fix for the bug this loop used to
+     * have. A comment written by the **consumer** sits before their content, not
+     * after it, so `<!-- pick a region --><skdx-tree-select-value>` ended the walk
+     * on its very first step and the value stayed outside the `<button>`. That
+     * left the button holding nothing but the template's own whitespace: a 0x0
+     * box, so the focus ring drew around nothing, and a `role="combobox"` with no
+     * accessible name, since a button is named by its contents. The gallery's
+     * `tree-select--empty` case is exactly this shape.
+     */
+    protected firstUpdated(): void;
+    private readonly handleClick;
+    private readonly handleKeyDown;
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-tree-select-trigger': SkdxTreeSelectTrigger;
+    }
+}

package/dist/tree-select/TreeSelectTrigger.js

@@ -0,0 +1,17 @@
+var p=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var d=(n,r,e,t)=>{for(var o=t>1?void 0:t?h(r,e):r,i=n.length-1,s;i>=0;i--)(s=n[i])&&(o=(t?s(r,e,o):s(o))||o);return t&&o&&p(r,e,o),o};import{html as u,LitElement as b,nothing as l}from"lit";import{property as v}from"lit/decorators.js";import{takeHostAriaLabel as m}from"../internal/aria-label.js";import{customElement as f}from"../internal/define.js";import{installLightDomStyles as y}from"../internal/styles.js";import{findTreeSelectRoot as E,TREE_SELECT_INTERNAL_UPDATE as c}from"./TreeSelect.js";var a=class extends b{constructor(){super(...arguments);this.disabled=!1;this.root=null;this.label=null;this.onRootUpdate=()=>this.requestUpdate();this.handleClick=()=>{this.isDisabled||this.root?.setOpen(!this.root.open)};this.handleKeyDown=e=>{this.root?.onNavigationKeyDown(e,{typeahead:!0,selectOnSpace:!0})}}createRenderRoot(){return this}get isDisabled(){return this.disabled||(this.root?.disabled??!1)}connectedCallback(){super.connectedCallback(),this.root=E(this),this.root?.addEventListener(c,this.onRootUpdate),this.root&&(this.root.triggerEl=this),this.label??(this.label=m(this)),y()}disconnectedCallback(){this.root?.removeEventListener(c,this.onRootUpdate),this.root?.triggerEl===this&&(this.root.triggerEl=null),super.disconnectedCallback()}focus(e){this.querySelector(":scope > button")?.focus(e)}firstUpdated(){let e=this.querySelector(":scope > button");if(!e)return;let t=this.firstChild;for(;t&&t!==e;){let o=t.nextSibling;t.nodeType!==Node.COMMENT_NODE&&e.append(t),t=o}}updated(){let e=this.root,t=e?.open??!1;this.setAttribute("data-state",t?"open":"closed");for(let[o,i]of[["data-disabled",this.isDisabled],["data-readonly",e?.readOnly],["data-multiple",e?.multiple],["data-placeholder",(e?.value.length??0)===0]])i?this.setAttribute(o,""):this.removeAttribute(o)}render(){let e=this.root,t=e?.open??!1,o=t&&!e?.hasInput?e?.activeValue??null:null;return u`
+      <button
+        type="button"
+        part="trigger"
+        role="combobox"
+        aria-haspopup="tree"
+        aria-expanded=${t?"true":"false"}
+        aria-controls=${e?.treeId??l}
+        aria-activedescendant=${o===null?l:e.itemId(o)}
+        aria-readonly=${e?.readOnly?"true":l}
+        aria-label=${this.label??l}
+        ?disabled=${this.isDisabled}
+        data-state=${t?"open":"closed"}
+        @click=${this.handleClick}
+        @keydown=${this.handleKeyDown}
+      ></button>
+    `}};d([v({type:Boolean,reflect:!0})],a.prototype,"disabled",2),a=d([f("skdx-tree-select-trigger","tree-select","trigger")],a);export{a as SkdxTreeSelectTrigger};

package/dist/tree-select/TreeSelectValue.cjs

@@ -0,0 +1,9 @@
+"use strict";var p=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var g=Object.getOwnPropertyNames;var E=Object.prototype.hasOwnProperty;var C=(r,t)=>{for(var o in t)p(r,o,{get:t[o],enumerable:!0})},b=(r,t,o,a)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of g(t))!E.call(r,e)&&e!==o&&p(r,e,{get:()=>t[e],enumerable:!(a=c(t,e))||a.enumerable});return r};var L=r=>b(p({},"__esModule",{value:!0}),r),h=(r,t,o,a)=>{for(var e=a>1?void 0:a?c(t,o):t,l=r.length-1,d;l>=0;l--)(d=r[l])&&(e=(a?d(t,o,e):d(e))||e);return a&&e&&p(t,o,e),e};var y={};C(y,{SkdxTreeSelectValue:()=>s});module.exports=L(y);var n=require("lit"),u=require("lit/decorators.js"),v=require("../internal/authored.cjs"),m=require("../internal/define.cjs"),f=require("../internal/part.cjs"),i=require("./TreeSelect.cjs");var s=class extends n.LitElement{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.root=(0,i.findTreeSelectRoot)(this),this.root?.addEventListener(i.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(i.TREE_SELECT_INTERNAL_UPDATE,this.onRootUpdate),super.disconnectedCallback()}get hasSlottedContent(){return(0,v.hasAuthoredContent)(this)}updated(){(0,f.reflectHostState)(this,{"data-multiple":this.root?.multiple?"":null,"data-placeholder":!this.hasSlottedContent&&(this.root?.value.length??0)===0?"":null})}render(){let o=this.root,a=o?.value??[],e=o?.multiple??!1;return this.hasSlottedContent?n.html`<span part="value"><slot></slot></span>`:a.length===0?n.html`<span part="value">${this.placeholder??""}</span>`:e?n.html`<span part="value">
+      ${a.map(l=>n.html`<span part="chip" data-chip data-value=${l}>${o.getLabel(l)}</span>`)}
+    </span>`:n.html`<span part="value">${o.getLabel(a[0])}</span>`}};s.styles=n.css`
+    :host {
+      display: inline;
+      /* Clicks belong to the trigger this sits inside, not to the read-out. */
+      pointer-events: none;
+    }
+  `,h([(0,u.property)({type:String})],s.prototype,"placeholder",2),s=h([(0,m.customElement)("skdx-tree-select-value","tree-select","value")],s);0&&(module.exports={SkdxTreeSelectValue});

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

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-tree-select-value>` — displays the `<skdx-tree-select>`'s current
+ * selection: the checked node's `label` (or its `value`), or `placeholder`
+ * when nothing is checked. Slot your own content in to override the derived
+ * text entirely.
+ *
+ * `pointer-events: none` on the host, so clicks pass through to the trigger
+ * button it sits inside.
+ *
+ * While the root is `multiple`, renders one chip per emitted value instead — a
+ * `data-chip` span carrying `data-value`, to be styled like a tags-input tag.
+ * Note that *which* nodes those are is `value-strategy`'s decision: under
+ * `'shallowest'` a fully-checked branch shows as one chip for the branch, not
+ * one per leaf, which is usually what you want on a trigger. 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.
+ *
+ * @csspart value - The `<span>` wrapping the derived text or chips.
+ * @csspart chip - One chip, under `multiple`.
+ *
+ * @example
+ * ```html
+ * <skdx-tree-select-trigger>
+ *   <skdx-tree-select-value placeholder="Pick a region"></skdx-tree-select-value>
+ * </skdx-tree-select-trigger>
+ * ```
+ */
+export declare class SkdxTreeSelectValue extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Stand-in text rendered while nothing at all is checked.
+     * @default undefined — renders nothing when empty.
+     */
+    placeholder?: string;
+    private root;
+    private readonly onRootUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Whether the consumer slotted their own content, which wins over anything derived. */
+    private get hasSlottedContent();
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-tree-select-value': SkdxTreeSelectValue;
+    }
+}

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

@@ -0,0 +1,49 @@
+import { LitElement } from 'lit';
+/**
+ * `<skdx-tree-select-value>` — displays the `<skdx-tree-select>`'s current
+ * selection: the checked node's `label` (or its `value`), or `placeholder`
+ * when nothing is checked. Slot your own content in to override the derived
+ * text entirely.
+ *
+ * `pointer-events: none` on the host, so clicks pass through to the trigger
+ * button it sits inside.
+ *
+ * While the root is `multiple`, renders one chip per emitted value instead — a
+ * `data-chip` span carrying `data-value`, to be styled like a tags-input tag.
+ * Note that *which* nodes those are is `value-strategy`'s decision: under
+ * `'shallowest'` a fully-checked branch shows as one chip for the branch, not
+ * one per leaf, which is usually what you want on a trigger. 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.
+ *
+ * @csspart value - The `<span>` wrapping the derived text or chips.
+ * @csspart chip - One chip, under `multiple`.
+ *
+ * @example
+ * ```html
+ * <skdx-tree-select-trigger>
+ *   <skdx-tree-select-value placeholder="Pick a region"></skdx-tree-select-value>
+ * </skdx-tree-select-trigger>
+ * ```
+ */
+export declare class SkdxTreeSelectValue extends LitElement {
+    static styles: import("lit").CSSResult;
+    /**
+     * Stand-in text rendered while nothing at all is checked.
+     * @default undefined — renders nothing when empty.
+     */
+    placeholder?: string;
+    private root;
+    private readonly onRootUpdate;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /** Whether the consumer slotted their own content, which wins over anything derived. */
+    private get hasSlottedContent();
+    protected updated(): void;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'skdx-tree-select-value': SkdxTreeSelectValue;
+    }
+}

package/dist/tree-select/TreeSelectValue.js

@@ -0,0 +1,9 @@
+var h=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var p=(l,n,e,o)=>{for(var t=o>1?void 0:o?c(n,e):n,r=l.length-1,i;r>=0;r--)(i=l[r])&&(t=(o?i(n,e,t):i(t))||t);return o&&t&&h(n,e,t),t};import{css as u,html as s,LitElement as v}from"lit";import{property as m}from"lit/decorators.js";import{hasAuthoredContent as f}from"../internal/authored.js";import{customElement as g}from"../internal/define.js";import{reflectHostState as E}from"../internal/part.js";import{findTreeSelectRoot as C,TREE_SELECT_INTERNAL_UPDATE as d}from"./TreeSelect.js";var a=class extends v{constructor(){super(...arguments);this.root=null;this.onRootUpdate=()=>this.requestUpdate()}connectedCallback(){super.connectedCallback(),this.root=C(this),this.root?.addEventListener(d,this.onRootUpdate)}disconnectedCallback(){this.root?.removeEventListener(d,this.onRootUpdate),super.disconnectedCallback()}get hasSlottedContent(){return f(this)}updated(){E(this,{"data-multiple":this.root?.multiple?"":null,"data-placeholder":!this.hasSlottedContent&&(this.root?.value.length??0)===0?"":null})}render(){let e=this.root,o=e?.value??[],t=e?.multiple??!1;return this.hasSlottedContent?s`<span part="value"><slot></slot></span>`:o.length===0?s`<span part="value">${this.placeholder??""}</span>`:t?s`<span part="value">
+      ${o.map(r=>s`<span part="chip" data-chip data-value=${r}>${e.getLabel(r)}</span>`)}
+    </span>`:s`<span part="value">${e.getLabel(o[0])}</span>`}};a.styles=u`
+    :host {
+      display: inline;
+      /* Clicks belong to the trigger this sits inside, not to the read-out. */
+      pointer-events: none;
+    }
+  `,p([m({type:String})],a.prototype,"placeholder",2),a=p([g("skdx-tree-select-value","tree-select","value")],a);export{a as SkdxTreeSelectValue};

package/dist/tree-select/collection.cjs

@@ -0,0 +1 @@
+"use strict";var h=Object.defineProperty;var T=Object.getOwnPropertyDescriptor;var b=Object.getOwnPropertyNames;var x=Object.prototype.hasOwnProperty;var v=(n,t)=>{for(var l in t)h(n,l,{get:t[l],enumerable:!0})},m=(n,t,l,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of b(t))!x.call(n,r)&&r!==l&&h(n,r,{get:()=>t[r],enumerable:!(o=T(t,r))||o.enumerable});return n};var I=n=>m(h({},"__esModule",{value:!0}),n);var R={};v(R,{ancestorsOf:()=>S,checkStateOf:()=>y,computeFilter:()=>V,flattenVisible:()=>k,indexCollection:()=>E,normalizeChecked:()=>N,projectValue:()=>w,toggleChecked:()=>C});module.exports=I(R);function E(n){let t=new Map,l=[],o=(r,e,s,d)=>{for(let a of r){let c=d||a.disabled===!0,i=a.children??[],g={node:a,parent:e,depth:s,childValues:i.map(u=>u.value),descendants:[],leaves:[],disabled:c};if(t.set(a.value,g),l.push(a.value),o(i,a.value,s+1,c),i.length===0)c||g.leaves.push(a.value);else for(let u of i){let f=t.get(u.value);f&&(g.descendants.push(u.value,...f.descendants),g.leaves.push(...f.leaves))}}};return o(n,null,1,!1),{index:t,order:l}}function S(n,t){let l=[],o=t.get(n)?.parent??null;for(;o!==null;)l.push(o),o=t.get(o)?.parent??null;return l}function y(n,t,l,o){if(!o)return t.has(n);let r=l.get(n);if(!r||r.leaves.length===0)return t.has(n);let e=0;for(let s of r.leaves)t.has(s)&&e++;return e===0?!1:e===r.leaves.length?!0:"mixed"}function N(n,t,l,o){let r=new Set;for(let e of n)t.has(e)&&r.add(e);if(!o)return r;for(let e of[...r]){let s=t.get(e);if(s)for(let d of s.descendants)t.get(d)?.disabled||r.add(d)}for(let e of l){let s=t.get(e);s&&(s.leaves.length===0||s.childValues.length===0||(s.leaves.every(d=>r.has(d))?r.add(e):r.delete(e)))}return r}function w(n,t,l,o){let r=l.filter(e=>n.has(e));return o==="all"?r:o==="leaf"?r.filter(e=>t.get(e)?.childValues.length===0):r.filter(e=>{let s=t.get(e)?.parent??null;return s===null||!n.has(s)})}function C(n,t,l,o,r){if(!r)return new Set([n]);let e=new Set(t),s=l.get(n);if(!o||!s)return e.has(n)?e.delete(n):e.add(n),e;let d=y(n,t,l,!0)!==!0;for(let a of[n,...s.descendants])l.get(a)?.disabled||(d?e.add(a):e.delete(a));for(let a of S(n,l)){let c=l.get(a);c&&(c.leaves.length>0&&c.leaves.every(i=>e.has(i))?e.add(a):e.delete(a))}return e}function V(n,t,l){let o=new Set,r=new Set,e=0;for(let s of t){let d=n.get(s);if(d&&l(d.node)){e++,o.add(s);for(let a of S(s,n))o.add(a),r.add(a);for(let a of d.descendants)o.add(a)}}return{visible:o,autoExpanded:r,matchCount:e}}function k(n,t,l,o){let r=[],e=d=>l===null||l.has(d.value),s=(d,a)=>{let c=d.filter(e);c.forEach((i,g)=>{let u=t.get(i.value);if(!u)return;let f=(i.children??[]).filter(e),p=o.has(i.value);r.push({value:i.value,parent:a,depth:u.depth,disabled:u.disabled,hasChildren:f.length>0,expanded:p,posinset:g+1,setsize:c.length}),f.length>0&&p&&s(f,i.value)})};return s(n,null),r}0&&(module.exports={ancestorsOf,checkStateOf,computeFilter,flattenVisible,indexCollection,normalizeChecked,projectValue,toggleChecked});

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

@@ -0,0 +1,91 @@
+import type { SkdxTreeCheckedState } from '../tree/Tree.cjs';
+import type { TreeSelectNode, TreeSelectValueStrategy } from './types.cjs';
+/**
+ * The whole of `tree-select`'s hard part lives in this module, as plain
+ * functions over plain data: cascading check state, the `value-strategy`
+ * projection, and the filter's ancestor-preservation rule. None of it touches
+ * Lit or the DOM — which is deliberate, because all three answers must be
+ * correct for *collapsed* branches, and a collapsed branch has no DOM at all.
+ * (`<skdx-tree>` derives its own tri-state from rendered descendants and
+ * therefore cannot see them; see `TreeSelect.md` in the React package.)
+ *
+ * Ported function-for-function from `packages/react/src/tree-select/collection.ts`
+ * — it was already framework-free, and keeping the two literally identical is
+ * what stops the five ports' cascade semantics from drifting apart.
+ */
+/** @internal Everything derived once per collection about a single node. */
+export interface TreeSelectIndexEntry {
+    node: TreeSelectNode;
+    /** Parent's value, or `null` for a root node. */
+    parent: string | null;
+    /** 1-based depth, which is exactly `aria-level`. */
+    depth: number;
+    /** Immediate children's values, in collection order. */
+    childValues: string[];
+    /** Every descendant's value, in pre-order. */
+    descendants: string[];
+    /**
+     * The *enabled* leaf descendants this node's tri-state is derived from — or
+     * `[node.value]` when it is itself an enabled leaf, and `[]` when it (or its
+     * whole subtree) is disabled. Excluding disabled leaves is what stops a
+     * branch containing one from being permanently stuck at `"mixed"`.
+     */
+    leaves: string[];
+    /** Own `disabled`, or any ancestor's — disabling a branch disables its subtree. */
+    disabled: boolean;
+}
+/** @internal Value → entry, built once per `collection` identity. */
+export type TreeSelectIndex = ReadonlyMap<string, TreeSelectIndexEntry>;
+/** @internal One row of the visible, expanded tree, in the order the arrow keys walk it. */
+export interface TreeSelectFlatNode {
+    value: string;
+    parent: string | null;
+    depth: number;
+    disabled: boolean;
+    /** Whether it has at least one *visible* child, which is what decides `aria-expanded`. */
+    hasChildren: boolean;
+    expanded: boolean;
+    /** 1-based position among its visible siblings — `aria-posinset`. */
+    posinset: number;
+    /** Number of visible siblings including itself — `aria-setsize`. */
+    setsize: number;
+}
+/** @internal Flattens a collection into a value-keyed index plus its pre-order value list. */
+export declare function indexCollection(collection: readonly TreeSelectNode[]): {
+    index: Map<string, TreeSelectIndexEntry>;
+    order: string[];
+};
+/** @internal A node's ancestors, nearest first. */
+export declare function ancestorsOf(value: string, index: TreeSelectIndex): string[];
+/**
+ * @internal A node's tri-state value. Without cascading it is plain
+ * membership; with it, a branch is `true` only when every enabled leaf below
+ * it is checked and `"mixed"` when only some are.
+ */
+export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean): SkdxTreeCheckedState;
+/**
+ * @internal Expands an emitted `value` back into the full checked set the
+ * component reasons about. This is the inverse of {@link projectValue}, and
+ * the pair has to round-trip: `'shallowest'` emits a parent standing in for
+ * its subtree, `'leaf'` emits leaves standing in for their parent, and both
+ * must come back as the same set.
+ */
+export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], cascade: boolean): Set<string>;
+/** @internal Reduces the full checked set to the values a consumer actually receives. */
+export declare function projectValue(checked: ReadonlySet<string>, index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectValueStrategy): string[];
+/** @internal The checked set after activating one node. */
+export declare function toggleChecked(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean, multiple: boolean): Set<string>;
+/**
+ * @internal Which nodes survive the filter, and which branches have to open to
+ * reveal them. A match drags its whole ancestor chain into visibility — a
+ * matched leaf whose parent is hidden is unreachable, which is the classic
+ * filtered-tree bug — and its whole subtree, so a matched branch can still be
+ * explored.
+ */
+export declare function computeFilter(index: TreeSelectIndex, order: readonly string[], matches: (node: TreeSelectNode) => boolean): {
+    visible: Set<string>;
+    autoExpanded: Set<string>;
+    matchCount: number;
+};
+/** @internal Walks the visible collection in navigation order, descending only into expanded branches. */
+export declare function flattenVisible(collection: readonly TreeSelectNode[], index: TreeSelectIndex, visible: ReadonlySet<string> | null, expanded: ReadonlySet<string>): TreeSelectFlatNode[];

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

@@ -0,0 +1,91 @@
+import type { SkdxTreeCheckedState } from '../tree/Tree.js';
+import type { TreeSelectNode, TreeSelectValueStrategy } from './types.js';
+/**
+ * The whole of `tree-select`'s hard part lives in this module, as plain
+ * functions over plain data: cascading check state, the `value-strategy`
+ * projection, and the filter's ancestor-preservation rule. None of it touches
+ * Lit or the DOM — which is deliberate, because all three answers must be
+ * correct for *collapsed* branches, and a collapsed branch has no DOM at all.
+ * (`<skdx-tree>` derives its own tri-state from rendered descendants and
+ * therefore cannot see them; see `TreeSelect.md` in the React package.)
+ *
+ * Ported function-for-function from `packages/react/src/tree-select/collection.ts`
+ * — it was already framework-free, and keeping the two literally identical is
+ * what stops the five ports' cascade semantics from drifting apart.
+ */
+/** @internal Everything derived once per collection about a single node. */
+export interface TreeSelectIndexEntry {
+    node: TreeSelectNode;
+    /** Parent's value, or `null` for a root node. */
+    parent: string | null;
+    /** 1-based depth, which is exactly `aria-level`. */
+    depth: number;
+    /** Immediate children's values, in collection order. */
+    childValues: string[];
+    /** Every descendant's value, in pre-order. */
+    descendants: string[];
+    /**
+     * The *enabled* leaf descendants this node's tri-state is derived from — or
+     * `[node.value]` when it is itself an enabled leaf, and `[]` when it (or its
+     * whole subtree) is disabled. Excluding disabled leaves is what stops a
+     * branch containing one from being permanently stuck at `"mixed"`.
+     */
+    leaves: string[];
+    /** Own `disabled`, or any ancestor's — disabling a branch disables its subtree. */
+    disabled: boolean;
+}
+/** @internal Value → entry, built once per `collection` identity. */
+export type TreeSelectIndex = ReadonlyMap<string, TreeSelectIndexEntry>;
+/** @internal One row of the visible, expanded tree, in the order the arrow keys walk it. */
+export interface TreeSelectFlatNode {
+    value: string;
+    parent: string | null;
+    depth: number;
+    disabled: boolean;
+    /** Whether it has at least one *visible* child, which is what decides `aria-expanded`. */
+    hasChildren: boolean;
+    expanded: boolean;
+    /** 1-based position among its visible siblings — `aria-posinset`. */
+    posinset: number;
+    /** Number of visible siblings including itself — `aria-setsize`. */
+    setsize: number;
+}
+/** @internal Flattens a collection into a value-keyed index plus its pre-order value list. */
+export declare function indexCollection(collection: readonly TreeSelectNode[]): {
+    index: Map<string, TreeSelectIndexEntry>;
+    order: string[];
+};
+/** @internal A node's ancestors, nearest first. */
+export declare function ancestorsOf(value: string, index: TreeSelectIndex): string[];
+/**
+ * @internal A node's tri-state value. Without cascading it is plain
+ * membership; with it, a branch is `true` only when every enabled leaf below
+ * it is checked and `"mixed"` when only some are.
+ */
+export declare function checkStateOf(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean): SkdxTreeCheckedState;
+/**
+ * @internal Expands an emitted `value` back into the full checked set the
+ * component reasons about. This is the inverse of {@link projectValue}, and
+ * the pair has to round-trip: `'shallowest'` emits a parent standing in for
+ * its subtree, `'leaf'` emits leaves standing in for their parent, and both
+ * must come back as the same set.
+ */
+export declare function normalizeChecked(values: readonly string[], index: TreeSelectIndex, order: readonly string[], cascade: boolean): Set<string>;
+/** @internal Reduces the full checked set to the values a consumer actually receives. */
+export declare function projectValue(checked: ReadonlySet<string>, index: TreeSelectIndex, order: readonly string[], strategy: TreeSelectValueStrategy): string[];
+/** @internal The checked set after activating one node. */
+export declare function toggleChecked(value: string, checked: ReadonlySet<string>, index: TreeSelectIndex, cascade: boolean, multiple: boolean): Set<string>;
+/**
+ * @internal Which nodes survive the filter, and which branches have to open to
+ * reveal them. A match drags its whole ancestor chain into visibility — a
+ * matched leaf whose parent is hidden is unreachable, which is the classic
+ * filtered-tree bug — and its whole subtree, so a matched branch can still be
+ * explored.
+ */
+export declare function computeFilter(index: TreeSelectIndex, order: readonly string[], matches: (node: TreeSelectNode) => boolean): {
+    visible: Set<string>;
+    autoExpanded: Set<string>;
+    matchCount: number;
+};
+/** @internal Walks the visible collection in navigation order, descending only into expanded branches. */
+export declare function flattenVisible(collection: readonly TreeSelectNode[], index: TreeSelectIndex, visible: ReadonlySet<string> | null, expanded: ReadonlySet<string>): TreeSelectFlatNode[];

package/dist/tree-select/collection.js

@@ -0,0 +1 @@
+function y(n){let r=new Map,s=[],o=(t,e,l,d)=>{for(let a of t){let c=d||a.disabled===!0,i=a.children??[],g={node:a,parent:e,depth:l,childValues:i.map(u=>u.value),descendants:[],leaves:[],disabled:c};if(r.set(a.value,g),s.push(a.value),o(i,a.value,l+1,c),i.length===0)c||g.leaves.push(a.value);else for(let u of i){let f=r.get(u.value);f&&(g.descendants.push(u.value,...f.descendants),g.leaves.push(...f.leaves))}}};return o(n,null,1,!1),{index:r,order:s}}function S(n,r){let s=[],o=r.get(n)?.parent??null;for(;o!==null;)s.push(o),o=r.get(o)?.parent??null;return s}function p(n,r,s,o){if(!o)return r.has(n);let t=s.get(n);if(!t||t.leaves.length===0)return r.has(n);let e=0;for(let l of t.leaves)r.has(l)&&e++;return e===0?!1:e===t.leaves.length?!0:"mixed"}function T(n,r,s,o){let t=new Set;for(let e of n)r.has(e)&&t.add(e);if(!o)return t;for(let e of[...t]){let l=r.get(e);if(l)for(let d of l.descendants)r.get(d)?.disabled||t.add(d)}for(let e of s){let l=r.get(e);l&&(l.leaves.length===0||l.childValues.length===0||(l.leaves.every(d=>t.has(d))?t.add(e):t.delete(e)))}return t}function b(n,r,s,o){let t=s.filter(e=>n.has(e));return o==="all"?t:o==="leaf"?t.filter(e=>r.get(e)?.childValues.length===0):t.filter(e=>{let l=r.get(e)?.parent??null;return l===null||!n.has(l)})}function x(n,r,s,o,t){if(!t)return new Set([n]);let e=new Set(r),l=s.get(n);if(!o||!l)return e.has(n)?e.delete(n):e.add(n),e;let d=p(n,r,s,!0)!==!0;for(let a of[n,...l.descendants])s.get(a)?.disabled||(d?e.add(a):e.delete(a));for(let a of S(n,s)){let c=s.get(a);c&&(c.leaves.length>0&&c.leaves.every(i=>e.has(i))?e.add(a):e.delete(a))}return e}function v(n,r,s){let o=new Set,t=new Set,e=0;for(let l of r){let d=n.get(l);if(d&&s(d.node)){e++,o.add(l);for(let a of S(l,n))o.add(a),t.add(a);for(let a of d.descendants)o.add(a)}}return{visible:o,autoExpanded:t,matchCount:e}}function m(n,r,s,o){let t=[],e=d=>s===null||s.has(d.value),l=(d,a)=>{let c=d.filter(e);c.forEach((i,g)=>{let u=r.get(i.value);if(!u)return;let f=(i.children??[]).filter(e),h=o.has(i.value);t.push({value:i.value,parent:a,depth:u.depth,disabled:u.disabled,hasChildren:f.length>0,expanded:h,posinset:g+1,setsize:c.length}),f.length>0&&h&&l(f,i.value)})};return l(n,null),t}export{S as ancestorsOf,p as checkStateOf,v as computeFilter,m as flattenVisible,y as indexCollection,T as normalizeChecked,b as projectValue,x as toggleChecked};

package/dist/tree-select/index.cjs

@@ -0,0 +1 @@
+"use strict";var l=Object.defineProperty;var n=Object.getOwnPropertyDescriptor;var y=Object.getOwnPropertyNames;var g=Object.prototype.hasOwnProperty;var i=(t,e)=>{for(var S in e)l(t,S,{get:e[S],enumerable:!0})},I=(t,e,S,x)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of y(e))!g.call(t,o)&&o!==S&&l(t,o,{get:()=>e[o],enumerable:!(x=n(e,o))||x.enumerable});return t};var C=t=>I(l({},"__esModule",{value:!0}),t);var h={};i(h,{SkdxTreeSelect:()=>r.SkdxTreeSelect,SkdxTreeSelectContent:()=>d.SkdxTreeSelectContent,SkdxTreeSelectEmpty:()=>a.SkdxTreeSelectEmpty,SkdxTreeSelectInput:()=>u.SkdxTreeSelectInput,SkdxTreeSelectItem:()=>f.SkdxTreeSelectItem,SkdxTreeSelectItemIndicator:()=>k.SkdxTreeSelectItemIndicator,SkdxTreeSelectPortal:()=>p.SkdxTreeSelectPortal,SkdxTreeSelectTree:()=>m.SkdxTreeSelectTree,SkdxTreeSelectTrigger:()=>c.SkdxTreeSelectTrigger,SkdxTreeSelectValue:()=>T.SkdxTreeSelectValue,defaultGetMatchCountLabel:()=>r.defaultGetMatchCountLabel,defaultTreeSelectFilter:()=>r.defaultTreeSelectFilter});module.exports=C(h);var r=require("./TreeSelect.cjs"),c=require("./TreeSelectTrigger.cjs"),T=require("./TreeSelectValue.cjs"),p=require("./TreeSelectPortal.cjs"),d=require("./TreeSelectContent.cjs"),m=require("./TreeSelectTree.cjs"),f=require("./TreeSelectItem.cjs"),k=require("./TreeSelectItemIndicator.cjs"),a=require("./TreeSelectEmpty.cjs"),u=require("./TreeSelectInput.cjs");0&&(module.exports={SkdxTreeSelect,SkdxTreeSelectContent,SkdxTreeSelectEmpty,SkdxTreeSelectInput,SkdxTreeSelectItem,SkdxTreeSelectItemIndicator,SkdxTreeSelectPortal,SkdxTreeSelectTree,SkdxTreeSelectTrigger,SkdxTreeSelectValue,defaultGetMatchCountLabel,defaultTreeSelectFilter});