@threadlabs/looma 0.1.13 → 0.1.15

package/dist/collection/components/ui-tree-item/ui-tree-item.css

@@ -0,0 +1,213 @@
+:host {
+  --ui-tree-indent: 16px;
+  --ui-tree-row-min-height: 44px;
+  --ui-tree-drop-color: var(--ui-accent-solid);
+
+  position: relative;
+  display: block;
+  min-inline-size: 0;
+  margin-inline-start: calc(var(--ui-tree-item-depth, 0) * var(--ui-tree-indent));
+}
+
+.row {
+  position: relative;
+  display: grid;
+  grid-template-columns: 20px auto minmax(0, 1fr) auto;
+  align-items: center;
+  min-block-size: var(--ui-tree-row-min-height);
+  min-inline-size: 0;
+  border-radius: var(--ui-radius-md);
+  color: var(--ui-text-secondary);
+  transition:
+    background-color var(--ui-motion-fast) var(--ui-motion-ease),
+    color var(--ui-motion-fast) var(--ui-motion-ease),
+    opacity var(--ui-motion-fast) var(--ui-motion-ease),
+    box-shadow var(--ui-motion-fast) var(--ui-motion-ease);
+}
+
+.row:hover,
+:host([data-selected]) .row,
+.row:focus-within {
+  color: var(--ui-text-primary);
+  background: var(--ui-surface-muted);
+}
+
+:host([data-disabled]) .row {
+  opacity: 0.55;
+}
+
+:host([data-dragging]) .row {
+  opacity: 0.42;
+}
+
+:host(:focus) {
+  outline: none;
+}
+
+:host(:focus-visible) .row {
+  box-shadow: 0 0 0 2px var(--ui-focus-ring);
+}
+
+:host([data-drop-position='inside']) .row {
+  background: var(--ui-accent-subtle);
+  box-shadow: inset 0 0 0 1px var(--ui-tree-drop-color);
+}
+
+.disclosure,
+.disclosure-spacer {
+  grid-column: 1;
+  grid-row: 1;
+  inline-size: 20px;
+  block-size: 28px;
+}
+
+.disclosure {
+  display: grid;
+  place-items: center;
+  padding: 0;
+  color: var(--ui-text-muted);
+  background: transparent;
+  border: 0;
+  border-radius: var(--ui-radius-sm);
+  cursor: pointer;
+}
+
+.disclosure:hover {
+  color: var(--ui-text-primary);
+  background: var(--ui-surface-elevated);
+}
+
+.disclosure-icon {
+  display: block;
+  inline-size: 14px;
+  block-size: 14px;
+  transform: rotate(-90deg);
+  transition: transform var(--ui-motion-fast) var(--ui-motion-ease);
+}
+
+.disclosure-icon--expanded {
+  transform: rotate(0deg);
+}
+
+.disclosure-icon :is(svg),
+.drag-handle :is(svg) {
+  display: block;
+  inline-size: 100%;
+  block-size: 100%;
+}
+
+.leading {
+  display: none;
+}
+
+.leading:has(*) {
+  display: inline-grid;
+  place-items: center;
+  grid-column: 2;
+  grid-row: 1;
+  inline-size: 16px;
+  block-size: 16px;
+  margin-inline-start: var(--ui-space-1);
+}
+
+.label {
+  grid-column: 3;
+  grid-row: 1;
+  min-inline-size: 0;
+  padding: var(--ui-space-1) var(--ui-space-2);
+}
+
+.actions {
+  grid-column: 4;
+  grid-row: 1;
+  display: inline-flex;
+  align-items: center;
+  min-inline-size: 0;
+}
+
+.drag-handle {
+  position: absolute;
+  z-index: 2;
+  inset-block-start: 50%;
+  inset-inline-start: -22px;
+  inline-size: 20px;
+  block-size: 32px;
+  display: grid;
+  place-items: center;
+  padding: 7px 3px;
+  color: var(--ui-text-muted);
+  background: var(--ui-surface-elevated);
+  border: 1px solid transparent;
+  border-radius: var(--ui-radius-sm);
+  cursor: grab;
+  opacity: 0;
+  pointer-events: none;
+  transform: translateY(-50%);
+  transition: opacity var(--ui-motion-fast) var(--ui-motion-ease);
+}
+
+.row:hover .drag-handle,
+.drag-handle:focus-visible,
+:host([data-dragging]) .drag-handle {
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.drag-handle:active {
+  cursor: grabbing;
+}
+
+.drop-indicator {
+  position: absolute;
+  z-index: 3;
+  inset-inline: 1px;
+  display: none;
+  block-size: 2px;
+  border-radius: 999px;
+  background: var(--ui-tree-drop-color);
+  pointer-events: none;
+}
+
+.drop-indicator::before,
+.drop-indicator::after {
+  content: '';
+  position: absolute;
+  inset-block-start: 50%;
+  inline-size: 7px;
+  block-size: 7px;
+  border: 2px solid var(--ui-tree-drop-color);
+  border-radius: 999px;
+  background: var(--ui-surface-elevated);
+  transform: translateY(-50%);
+}
+
+.drop-indicator::before { inset-inline-start: -1px; }
+.drop-indicator::after { inset-inline-end: -1px; }
+
+:host([data-drop-position='before']) .drop-indicator {
+  display: block;
+  inset-block-start: -1px;
+}
+
+:host([data-drop-position='after']) .drop-indicator {
+  display: block;
+  inset-block-end: -1px;
+}
+
+.children[hidden] {
+  display: none;
+}
+
+@media (hover: none), (pointer: coarse) {
+  .drag-handle {
+    display: none;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .row,
+  .disclosure-icon,
+  .drag-handle {
+    transition: none;
+  }
+}

package/dist/collection/components/ui-tree-item/ui-tree-item.js

@@ -0,0 +1,347 @@
+import { Host, h } from "@stencil/core";
+import { dispatchDetail, eventToTrigger } from "../../utils/events";
+import { loomaIconMarkup } from "../../icons";
+export class UITreeItem {
+    host;
+    /** Stable application identifier emitted by tree interaction events. */
+    itemId = '';
+    /** Accessible name used by the disclosure and drag handle. */
+    label = '';
+    /** One-based visual and semantic nesting level. */
+    depth = 1;
+    /** Whether this item accepts children and exposes disclosure behavior. */
+    container = false;
+    /** Whether this item participates in pointer drag and drop. */
+    sortable = false;
+    /** Application-defined kind used to reject incompatible sibling drops. */
+    dragType = 'item';
+    /** Application-defined parent/list identity included with reorder events. */
+    dropScope = '';
+    /** Comma-separated drag kinds accepted as children. Empty accepts every kind. */
+    accepts = '';
+    /** Initial controlled expansion value. */
+    expanded = false;
+    /** Initial uncontrolled expansion value. */
+    defaultExpanded = false;
+    selected = false;
+    disabled = false;
+    internalExpanded = false;
+    syncExpandedFromProp() {
+        this.internalExpanded = this.expanded;
+    }
+    componentWillLoad() {
+        this.internalExpanded = this.expanded || this.defaultExpanded;
+    }
+    componentDidLoad() {
+        this.host.addEventListener('ui-tree-auto-expand', this.onAutoExpand);
+    }
+    disconnectedCallback() {
+        this.host.removeEventListener('ui-tree-auto-expand', this.onAutoExpand);
+    }
+    setExpanded(expanded, trigger) {
+        if (!this.container || this.disabled || this.internalExpanded === expanded)
+            return;
+        this.internalExpanded = expanded;
+        dispatchDetail(this.host, 'expand', { id: this.itemId, expanded, trigger });
+    }
+    onAutoExpand = () => {
+        this.setExpanded(true, 'pointer');
+    };
+    onDisclosureClick = (event) => {
+        event.stopPropagation();
+        this.setExpanded(!this.internalExpanded, eventToTrigger(event));
+    };
+    onDisclosureKeydown = (event) => {
+        if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft')
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.setExpanded(event.key === 'ArrowRight', 'keyboard');
+    };
+    onRowClick = (event) => {
+        if (!this.container || this.disabled)
+            return;
+        const path = event.composedPath();
+        const interactive = path.some((node) => node instanceof HTMLElement && (node.matches('a, button, input, select, textarea, [role="button"], [role="link"]')
+            || node.getAttribute('slot') === 'actions'));
+        if (!interactive)
+            this.setExpanded(!this.internalExpanded, eventToTrigger(event));
+    };
+    render() {
+        const level = Math.max(1, Math.floor(this.depth));
+        const disclosureLabel = `${this.internalExpanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
+        const dragLabel = `Drag ${this.label || 'item'} to reorder`;
+        return (h(Host, { key: 'ea8ed538aa3883c87257a25614a066965364693f', role: "treeitem", "aria-level": String(level), "aria-expanded": this.container ? String(this.internalExpanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled ? -1 : 0, style: {
+                '--ui-tree-item-depth': String(level - 1),
+                'margin-inline-start': level > 1 ? 'var(--ui-tree-indent, 16px)' : '0px',
+            } }, h("div", { key: '740b93aa47e65d8a1cb899d4b9c966d9ad1d456f', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, h("span", { innerHTML: loomaIconMarkup('grip-vertical') }))) : null, this.container ? (h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(this.internalExpanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': this.internalExpanded }, innerHTML: loomaIconMarkup('chevron-down') }))) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: '37e1b7f1cdddf623734becef465ffde83d8b86f2', class: "leading", part: "leading" }, h("slot", { key: '0ab3a60c98628f009918d0d720772154912d2709', name: "leading" })), h("span", { key: 'defdd343f25a0f4354110e981f3889e1d09c27ee', class: "label", part: "label" }, h("slot", { key: 'bde46ccacc1a620348062fc300503c4f1736316b' })), h("span", { key: 'caff9ada38c41be90aeb6e331f4c54a51f31d26c', class: "actions", part: "actions" }, h("slot", { key: 'e11704d6871445c91eaa29c99302d8b751be69d3', name: "actions" })), h("span", { key: '7e40559d6c5ba56710bc705083ad2ede3046e0b1', class: "drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (h("div", { class: "children", part: "children", role: "group", hidden: !this.internalExpanded }, h("slot", { name: "children" }))) : null));
+    }
+    static get is() { return "ui-tree-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["ui-tree-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["ui-tree-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "itemId": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Stable application identifier emitted by tree interaction events."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "item-id",
+                "defaultValue": "''"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Accessible name used by the disclosure and drag handle."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label",
+                "defaultValue": "''"
+            },
+            "depth": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "One-based visual and semantic nesting level."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "depth",
+                "defaultValue": "1"
+            },
+            "container": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this item accepts children and exposes disclosure behavior."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "container",
+                "defaultValue": "false"
+            },
+            "sortable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether this item participates in pointer drag and drop."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "sortable",
+                "defaultValue": "false"
+            },
+            "dragType": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Application-defined kind used to reject incompatible sibling drops."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "drag-type",
+                "defaultValue": "'item'"
+            },
+            "dropScope": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Application-defined parent/list identity included with reorder events."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "drop-scope",
+                "defaultValue": "''"
+            },
+            "accepts": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Comma-separated drag kinds accepted as children. Empty accepts every kind."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "accepts",
+                "defaultValue": "''"
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Initial controlled expansion value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "expanded",
+                "defaultValue": "false"
+            },
+            "defaultExpanded": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Initial uncontrolled expansion value."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "default-expanded",
+                "defaultValue": "false"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "selected",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "internalExpanded": {}
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "expanded",
+                "methodName": "syncExpandedFromProp"
+            }];
+    }
+}

package/dist/collection/utils/drag-drop.js

@@ -0,0 +1,51 @@
+/**
+ * Classify the pointer against stable edge bands. Containers reserve their
+ * middle half for containment; leaf rows split cleanly at their midpoint.
+ */
+export function classifyDropPosition(rect, clientY, acceptsChildren) {
+    const progress = rect.height > 0
+        ? Math.min(1, Math.max(0, (clientY - rect.top) / rect.height))
+        : 0.5;
+    if (!acceptsChildren)
+        return progress < 0.5 ? 'before' : 'after';
+    if (progress < 0.25)
+        return 'before';
+    if (progress > 0.75)
+        return 'after';
+    return 'inside';
+}
+/** Use the rendered row—not the tiny handle—as the browser drag preview. */
+export function setElementDragImage(dataTransfer, element) {
+    if (!dataTransfer || typeof dataTransfer.setDragImage !== 'function')
+        return;
+    const { height } = element.getBoundingClientRect();
+    dataTransfer.setDragImage(element, 16, Math.max(0, height / 2));
+}
+/** A keyed, replaceable hover timer suitable for expansion and disclosure intent. */
+export function createHoverIntent(delay, onIntent) {
+    let timer;
+    let pendingKey;
+    function cancel() {
+        if (timer)
+            clearTimeout(timer);
+        timer = undefined;
+        pendingKey = undefined;
+    }
+    return {
+        schedule(key) {
+            if (pendingKey === key && timer)
+                return;
+            cancel();
+            pendingKey = key;
+            timer = setTimeout(() => {
+                timer = undefined;
+                const resolvedKey = pendingKey;
+                pendingKey = undefined;
+                if (resolvedKey)
+                    onIntent(resolvedKey);
+            }, Math.max(0, delay));
+        },
+        cancel,
+        destroy: cancel,
+    };
+}

package/dist/components/index.d.ts

@@ -53,6 +53,10 @@ export { UITooltip as UiTooltip } from '../types/components/ui-tooltip/ui-toolti
 export { defineCustomElement as defineCustomElementUiTooltip } from './ui-tooltip';
 export { UITopBar as UiTopBar } from '../types/components/ui-top-bar/ui-top-bar';
 export { defineCustomElement as defineCustomElementUiTopBar } from './ui-top-bar';
+export { UITree as UiTree } from '../types/components/ui-tree/ui-tree';
+export { defineCustomElement as defineCustomElementUiTree } from './ui-tree';
+export { UITreeItem as UiTreeItem } from '../types/components/ui-tree-item/ui-tree-item';
+export { defineCustomElement as defineCustomElementUiTreeItem } from './ui-tree-item';
 
 /**
  * Get the base path to where the assets can be found. Use "setAssetPath(path)"

package/dist/components/index.js

@@ -1 +1 @@
-export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CIA4RyEp.js";export{UiAffordanceScope,defineCustomElement as defineCustomElementUiAffordanceScope}from"./ui-affordance-scope.js";export{UiAvatar,defineCustomElement as defineCustomElementUiAvatar}from"./ui-avatar.js";export{UiAvatarGroup,defineCustomElement as defineCustomElementUiAvatarGroup}from"./ui-avatar-group.js";export{UiBadge,defineCustomElement as defineCustomElementUiBadge}from"./ui-badge.js";export{UiButton,defineCustomElement as defineCustomElementUiButton}from"./ui-button.js";export{UiCheckbox,defineCustomElement as defineCustomElementUiCheckbox}from"./ui-checkbox.js";export{UiContextMenu,defineCustomElement as defineCustomElementUiContextMenu}from"./ui-context-menu.js";export{UiDialog,defineCustomElement as defineCustomElementUiDialog}from"./ui-dialog.js";export{UiDisclosure,defineCustomElement as defineCustomElementUiDisclosure}from"./ui-disclosure.js";export{UiFloatingActionButton,defineCustomElement as defineCustomElementUiFloatingActionButton}from"./ui-floating-action-button.js";export{UiFormField,defineCustomElement as defineCustomElementUiFormField}from"./ui-form-field.js";export{UiIconButton,defineCustomElement as defineCustomElementUiIconButton}from"./ui-icon-button.js";export{UiInput,defineCustomElement as defineCustomElementUiInput}from"./ui-input.js";export{UiMenu,defineCustomElement as defineCustomElementUiMenu}from"./ui-menu.js";export{UiMenuItem,defineCustomElement as defineCustomElementUiMenuItem}from"./ui-menu-item.js";export{UiPopover,defineCustomElement as defineCustomElementUiPopover}from"./ui-popover.js";export{UiRadio,defineCustomElement as defineCustomElementUiRadio}from"./ui-radio.js";export{UiRadioGroup,defineCustomElement as defineCustomElementUiRadioGroup}from"./ui-radio-group.js";export{UiSearchResultRow,defineCustomElement as defineCustomElementUiSearchResultRow}from"./ui-search-result-row.js";export{UiSearchShell,defineCustomElement as defineCustomElementUiSearchShell}from"./ui-search-shell.js";export{UiSelect,defineCustomElement as defineCustomElementUiSelect}from"./ui-select.js";export{UiSwitch,defineCustomElement as defineCustomElementUiSwitch}from"./ui-switch.js";export{UiTabs,defineCustomElement as defineCustomElementUiTabs}from"./ui-tabs.js";export{UiTextarea,defineCustomElement as defineCustomElementUiTextarea}from"./ui-textarea.js";export{UiToastRegion,defineCustomElement as defineCustomElementUiToastRegion}from"./ui-toast-region.js";export{UiTooltip,defineCustomElement as defineCustomElementUiTooltip}from"./ui-tooltip.js";export{UiTopBar,defineCustomElement as defineCustomElementUiTopBar}from"./ui-top-bar.js";
+export{g as getAssetPath,r as render,s as setAssetPath,a as setNonce,b as setPlatformOptions}from"./p-CIA4RyEp.js";export{UiAffordanceScope,defineCustomElement as defineCustomElementUiAffordanceScope}from"./ui-affordance-scope.js";export{UiAvatar,defineCustomElement as defineCustomElementUiAvatar}from"./ui-avatar.js";export{UiAvatarGroup,defineCustomElement as defineCustomElementUiAvatarGroup}from"./ui-avatar-group.js";export{UiBadge,defineCustomElement as defineCustomElementUiBadge}from"./ui-badge.js";export{UiButton,defineCustomElement as defineCustomElementUiButton}from"./ui-button.js";export{UiCheckbox,defineCustomElement as defineCustomElementUiCheckbox}from"./ui-checkbox.js";export{UiContextMenu,defineCustomElement as defineCustomElementUiContextMenu}from"./ui-context-menu.js";export{UiDialog,defineCustomElement as defineCustomElementUiDialog}from"./ui-dialog.js";export{UiDisclosure,defineCustomElement as defineCustomElementUiDisclosure}from"./ui-disclosure.js";export{UiFloatingActionButton,defineCustomElement as defineCustomElementUiFloatingActionButton}from"./ui-floating-action-button.js";export{UiFormField,defineCustomElement as defineCustomElementUiFormField}from"./ui-form-field.js";export{UiIconButton,defineCustomElement as defineCustomElementUiIconButton}from"./ui-icon-button.js";export{UiInput,defineCustomElement as defineCustomElementUiInput}from"./ui-input.js";export{UiMenu,defineCustomElement as defineCustomElementUiMenu}from"./ui-menu.js";export{UiMenuItem,defineCustomElement as defineCustomElementUiMenuItem}from"./ui-menu-item.js";export{UiPopover,defineCustomElement as defineCustomElementUiPopover}from"./ui-popover.js";export{UiRadio,defineCustomElement as defineCustomElementUiRadio}from"./ui-radio.js";export{UiRadioGroup,defineCustomElement as defineCustomElementUiRadioGroup}from"./ui-radio-group.js";export{UiSearchResultRow,defineCustomElement as defineCustomElementUiSearchResultRow}from"./ui-search-result-row.js";export{UiSearchShell,defineCustomElement as defineCustomElementUiSearchShell}from"./ui-search-shell.js";export{UiSelect,defineCustomElement as defineCustomElementUiSelect}from"./ui-select.js";export{UiSwitch,defineCustomElement as defineCustomElementUiSwitch}from"./ui-switch.js";export{UiTabs,defineCustomElement as defineCustomElementUiTabs}from"./ui-tabs.js";export{UiTextarea,defineCustomElement as defineCustomElementUiTextarea}from"./ui-textarea.js";export{UiToastRegion,defineCustomElement as defineCustomElementUiToastRegion}from"./ui-toast-region.js";export{UiTooltip,defineCustomElement as defineCustomElementUiTooltip}from"./ui-tooltip.js";export{UiTopBar,defineCustomElement as defineCustomElementUiTopBar}from"./ui-top-bar.js";export{UiTree,defineCustomElement as defineCustomElementUiTree}from"./ui-tree.js";export{UiTreeItem,defineCustomElement as defineCustomElementUiTreeItem}from"./ui-tree-item.js";

package/dist/components/ui-tree-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UiTreeItem extends Components.UiTreeItem, HTMLElement {}
+export const UiTreeItem: {
+    prototype: UiTreeItem;
+    new (): UiTreeItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;