@tessera-ui/core 0.4.0

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

@@ -0,0 +1,242 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @slot - Default slot for nested ts-tree-item children.
+ * @slot label - Custom label content.
+ *
+ * @part base - The tree item container.
+ * @part label - The label wrapper.
+ * @part chevron - The expand/collapse chevron.
+ * @part icon - The icon wrapper.
+ */
+export class TsTreeItem {
+    hostEl;
+    /** The item label. */
+    label;
+    /** Whether the item is expanded (has children). */
+    expanded = false;
+    /** Whether the item is selected. */
+    selected = false;
+    /** Whether the item is disabled. */
+    disabled = false;
+    /** Optional Lucide icon name. */
+    icon;
+    /** Whether this item has slotted children (expandable). */
+    hasChildren = false;
+    /** Emitted when expand/collapse is toggled. */
+    tsToggle;
+    /** Emitted when the item is selected. */
+    tsSelect;
+    onExpandedChange() {
+        this.tsToggle.emit({ expanded: this.expanded });
+    }
+    componentDidLoad() {
+        this.checkForChildren();
+    }
+    checkForChildren() {
+        const slot = this.hostEl.shadowRoot?.querySelector('slot:not([name])');
+        if (slot) {
+            const assigned = slot.assignedElements();
+            this.hasChildren = assigned.some(el => el.tagName === 'TS-TREE-ITEM');
+        }
+    }
+    handleToggle = (event) => {
+        event.stopPropagation();
+        if (this.disabled)
+            return;
+        this.expanded = !this.expanded;
+    };
+    handleSelect = () => {
+        if (this.disabled)
+            return;
+        const tree = this.hostEl.closest('ts-tree');
+        if (tree && tree.selectable) {
+            this.selected = !this.selected;
+            this.tsSelect.emit({ selected: this.selected, value: this.label || '' });
+        }
+    };
+    handleKeyDown = (event) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+            event.preventDefault();
+            this.handleSelect();
+        }
+    };
+    handleSlotChange = () => {
+        this.checkForChildren();
+    };
+    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+    render() {
+        return (h(Host, { key: '7e7f3dd3e7507cc1d3d6d44f5bbb99b3946c7c09', class: {
+                'ts-tree-item': true,
+                'ts-tree-item--expanded': this.expanded,
+                'ts-tree-item--selected': this.selected,
+                'ts-tree-item--disabled': this.disabled,
+                'ts-tree-item--has-children': this.hasChildren,
+            }, role: "treeitem", tabindex: this.disabled ? -1 : 0, "aria-expanded": this.hasChildren ? String(this.expanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, onKeyDown: this.handleKeyDown }, h("div", { key: 'd0d625e277d4ea706e97f03b4adb6a48780915e0', class: "tree-item__base", part: "base", onClick: this.handleSelect }, h("span", { key: '1b44e6fb9de206da990d62a67802e2b68be312f2', class: {
+                'tree-item__chevron': true,
+                'tree-item__chevron--hidden': !this.hasChildren,
+            }, part: "chevron", onClick: this.handleToggle, "aria-hidden": "true" }, h("svg", { key: '1c106e6ee2ad03442df967a8c17a0037b082ea07', viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("polyline", { key: '6ba0bd24fc2ddd001dbdf9a4bb7469759e00087d', points: "9 18 15 12 9 6" }))), this.icon && (h("span", { key: '012d65b356f0ebce7fce3b88a8697588264b6e51', class: "tree-item__icon", part: "icon", "aria-hidden": "true" }, h("ts-icon", { key: '2f6573c6315eca6e8317a45e96586aa51998a4b6', name: this.icon, size: "sm" }))), h("span", { key: 'c3ffb683523d7517a1a97b033e8262660438c667', class: "tree-item__label", part: "label" }, h("slot", { key: '4ff256ccc6c0869785e272667146761066381386', name: "label" }, this.label))), h("div", { key: '236fd4afd3078b5fb8e19b7cf89f12a7fd97f683', class: {
+                'tree-item__children': true,
+                'tree-item__children--collapsed': !this.expanded,
+            }, role: "group" }, h("slot", { key: '23beab65b06e3006a007d4f0965726a7297470a0', onSlotchange: this.handleSlotChange }))));
+    }
+    static get is() { return "ts-tree-item"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tree-item.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tree-item.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "The item label."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "label"
+            },
+            "expanded": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the item is expanded (has children)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "expanded",
+                "defaultValue": "false"
+            },
+            "selected": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the item is selected."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selected",
+                "defaultValue": "false"
+            },
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether the item is disabled."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "disabled",
+                "defaultValue": "false"
+            },
+            "icon": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Optional Lucide icon name."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "icon"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "hasChildren": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "tsToggle",
+                "name": "tsToggle",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when expand/collapse is toggled."
+                },
+                "complexType": {
+                    "original": "{ expanded: boolean }",
+                    "resolved": "{ expanded: boolean; }",
+                    "references": {}
+                }
+            }, {
+                "method": "tsSelect",
+                "name": "tsSelect",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when the item is selected."
+                },
+                "complexType": {
+                    "original": "{ selected: boolean; value: string }",
+                    "resolved": "{ selected: boolean; value: string; }",
+                    "references": {}
+                }
+            }];
+    }
+    static get elementRef() { return "hostEl"; }
+    static get watchers() {
+        return [{
+                "propName": "expanded",
+                "methodName": "onExpandedChange"
+            }];
+    }
+}
+//# sourceMappingURL=tree-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAGvF;;;;;;;;GAQG;AAMH,MAAM,OAAO,UAAU;IACV,MAAM,CAAe;IAEhC,sBAAsB;IACd,KAAK,CAAU;IAEvB,mDAAmD;IACX,QAAQ,GAAG,KAAK,CAAC;IAEzD,oCAAoC;IACI,QAAQ,GAAG,KAAK,CAAC;IAEzD,oCAAoC;IACX,QAAQ,GAAG,KAAK,CAAC;IAE1C,iCAAiC;IACzB,IAAI,CAAU;IAEtB,2DAA2D;IAClD,WAAW,GAAG,KAAK,CAAC;IAE7B,+CAA+C;IACb,QAAQ,CAAuC;IAEjF,yCAAyC;IACP,QAAQ,CAAsD;IAGhG,gBAAgB;QACd,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;IAClD,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEO,gBAAgB;QACtB,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,kBAAkB,CAAoB,CAAC;QAC1F,IAAI,IAAI,EAAE,CAAC;YACT,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACzC,IAAI,CAAC,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,OAAO,KAAK,cAAc,CAAC,CAAC;QACxE,CAAC;IACH,CAAC;IAEO,YAAY,GAAG,CAAC,KAAiB,EAAQ,EAAE;QACjD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;IACjC,CAAC,CAAC;IAEM,YAAY,GAAG,GAAS,EAAE;QAChC,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;QAC5C,IAAI,IAAI,IAAK,IAA2C,CAAC,UAAU,EAAE,CAAC;YACpE,IAAI,CAAC,QAAQ,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC/B,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3E,CAAC;IACH,CAAC,CAAC;IAEM,aAAa,GAAG,CAAC,KAAoB,EAAQ,EAAE;QACrD,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;YAC/C,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,EAAE,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEM,gBAAgB,GAAG,GAAS,EAAE;QACpC,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,4EAA4E;IAC5E,MAAM;QACJ,OAAO,CACL,EAAC,IAAI,qDACH,KAAK,EAAE;gBACL,cAAc,EAAE,IAAI;gBACpB,wBAAwB,EAAE,IAAI,CAAC,QAAQ;gBACvC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;gBACvC,wBAAwB,EAAE,IAAI,CAAC,QAAQ;gBACvC,4BAA4B,EAAE,IAAI,CAAC,WAAW;aAC/C,EACD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,mBACjB,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,mBACpD,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,mBACrB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACjD,SAAS,EAAE,IAAI,CAAC,aAAa;YAE7B,4DAAK,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,CAAC,YAAY;gBACjE,6DACE,KAAK,EAAE;wBACL,oBAAoB,EAAE,IAAI;wBAC1B,4BAA4B,EAAE,CAAC,IAAI,CAAC,WAAW;qBAChD,EACD,IAAI,EAAC,SAAS,EACd,OAAO,EAAE,IAAI,CAAC,YAAY,iBACd,MAAM;oBAElB,4DAAK,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,kBAAc,GAAG,oBAAgB,OAAO,qBAAiB,OAAO;wBACxH,iEAAU,MAAM,EAAC,gBAAgB,GAAG,CAChC,CACD;gBAEN,IAAI,CAAC,IAAI,IAAI,CACZ,6DAAM,KAAK,EAAC,iBAAiB,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM;oBAC1D,gEAAS,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CACjC,CACR;gBAED,6DAAM,KAAK,EAAC,kBAAkB,EAAC,IAAI,EAAC,OAAO;oBACzC,6DAAM,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAQ,CACjC,CACH;YAEN,4DACE,KAAK,EAAE;oBACL,qBAAqB,EAAE,IAAI;oBAC3B,gCAAgC,EAAE,CAAC,IAAI,CAAC,QAAQ;iBACjD,EACD,IAAI,EAAC,OAAO;gBAEZ,6DAAM,YAAY,EAAE,IAAI,CAAC,gBAAgB,GAAI,CACzC,CACD,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, Event, State, h, Host, Element, Watch } from '@stencil/core';\nimport type { EventEmitter } from '@stencil/core';\n\n/**\n * @slot - Default slot for nested ts-tree-item children.\n * @slot label - Custom label content.\n *\n * @part base - The tree item container.\n * @part label - The label wrapper.\n * @part chevron - The expand/collapse chevron.\n * @part icon - The icon wrapper.\n */\n@Component({\n  tag: 'ts-tree-item',\n  styleUrl: 'tree-item.css',\n  shadow: true,\n})\nexport class TsTreeItem {\n  @Element() hostEl!: HTMLElement;\n\n  /** The item label. */\n  @Prop() label?: string;\n\n  /** Whether the item is expanded (has children). */\n  @Prop({ reflect: true, mutable: true }) expanded = false;\n\n  /** Whether the item is selected. */\n  @Prop({ reflect: true, mutable: true }) selected = false;\n\n  /** Whether the item is disabled. */\n  @Prop({ reflect: true }) disabled = false;\n\n  /** Optional Lucide icon name. */\n  @Prop() icon?: string;\n\n  /** Whether this item has slotted children (expandable). */\n  @State() hasChildren = false;\n\n  /** Emitted when expand/collapse is toggled. */\n  @Event({ eventName: 'tsToggle' }) tsToggle!: EventEmitter<{ expanded: boolean }>;\n\n  /** Emitted when the item is selected. */\n  @Event({ eventName: 'tsSelect' }) tsSelect!: EventEmitter<{ selected: boolean; value: string }>;\n\n  @Watch('expanded')\n  onExpandedChange(): void {\n    this.tsToggle.emit({ expanded: this.expanded });\n  }\n\n  componentDidLoad(): void {\n    this.checkForChildren();\n  }\n\n  private checkForChildren(): void {\n    const slot = this.hostEl.shadowRoot?.querySelector('slot:not([name])') as HTMLSlotElement;\n    if (slot) {\n      const assigned = slot.assignedElements();\n      this.hasChildren = assigned.some(el => el.tagName === 'TS-TREE-ITEM');\n    }\n  }\n\n  private handleToggle = (event: MouseEvent): void => {\n    event.stopPropagation();\n    if (this.disabled) return;\n    this.expanded = !this.expanded;\n  };\n\n  private handleSelect = (): void => {\n    if (this.disabled) return;\n    const tree = this.hostEl.closest('ts-tree');\n    if (tree && (tree as unknown as { selectable: boolean }).selectable) {\n      this.selected = !this.selected;\n      this.tsSelect.emit({ selected: this.selected, value: this.label || '' });\n    }\n  };\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.handleSelect();\n    }\n  };\n\n  private handleSlotChange = (): void => {\n    this.checkForChildren();\n  };\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{\n          'ts-tree-item': true,\n          'ts-tree-item--expanded': this.expanded,\n          'ts-tree-item--selected': this.selected,\n          'ts-tree-item--disabled': this.disabled,\n          'ts-tree-item--has-children': this.hasChildren,\n        }}\n        role=\"treeitem\"\n        tabindex={this.disabled ? -1 : 0}\n        aria-expanded={this.hasChildren ? String(this.expanded) : undefined}\n        aria-selected={String(this.selected)}\n        aria-disabled={this.disabled ? 'true' : undefined}\n        onKeyDown={this.handleKeyDown}\n      >\n        <div class=\"tree-item__base\" part=\"base\" onClick={this.handleSelect}>\n          <span\n            class={{\n              'tree-item__chevron': true,\n              'tree-item__chevron--hidden': !this.hasChildren,\n            }}\n            part=\"chevron\"\n            onClick={this.handleToggle}\n            aria-hidden=\"true\"\n          >\n            <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n              <polyline points=\"9 18 15 12 9 6\" />\n            </svg>\n          </span>\n\n          {this.icon && (\n            <span class=\"tree-item__icon\" part=\"icon\" aria-hidden=\"true\">\n              <ts-icon name={this.icon} size=\"sm\" />\n            </span>\n          )}\n\n          <span class=\"tree-item__label\" part=\"label\">\n            <slot name=\"label\">{this.label}</slot>\n          </span>\n        </div>\n\n        <div\n          class={{\n            'tree-item__children': true,\n            'tree-item__children--collapsed': !this.expanded,\n          }}\n          role=\"group\"\n        >\n          <slot onSlotchange={this.handleSlotChange} />\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -0,0 +1,4 @@
+// Stories for ts-tree-item are in the parent component's stories file
+// This file exists only to prevent auto-generation
+export default { title: 'Internal/tree-item', tags: ['!autodocs'] };
+//# sourceMappingURL=tree-item.stories.js.map

package/dist/collection/components/tree/tree-item.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-item.stories.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.stories.ts"],"names":[],"mappings":"AAAA,sEAAsE;AACtE,mDAAmD;AAEnD,eAAe,EAAE,KAAK,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC","sourcesContent":["// Stories for ts-tree-item are in the parent component's stories file\n// This file exists only to prevent auto-generation\n\nexport default { title: 'Internal/tree-item', tags: ['!autodocs'] };\n"]}

package/dist/collection/components/tree/tree.css

@@ -0,0 +1,23 @@
+/* ==========================================================================
+   ts-tree — Shadow DOM Scoped Styles
+
+   Component tokens (Tier 3):
+     --ts-tree-indent         Indentation per level
+     --ts-tree-item-height    Item height
+     --ts-tree-active-bg      Active item background
+   ========================================================================== */
+
+:host {
+  display: block;
+  font-family: var(--ts-font-family-base);
+
+  --ts-tree-indent: var(--ts-spacing-5);
+  --ts-tree-item-height: 2rem;
+  --ts-tree-active-bg: var(--ts-color-interactive-primary-subtle);
+}
+
+.tree__base {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}

package/dist/collection/components/tree/tree.js

@@ -0,0 +1,119 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @slot - Default slot for ts-tree-item children.
+ *
+ * @part base - The tree container.
+ */
+export class TsTree {
+    hostEl;
+    /** Enable item selection mode. */
+    selectable = false;
+    handleKeyDown(event) {
+        const items = this.getVisibleItems();
+        if (items.length === 0)
+            return;
+        const focused = document.activeElement;
+        const currentIndex = items.indexOf(focused);
+        if (currentIndex === -1)
+            return;
+        const currentItem = items[currentIndex];
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                if (currentIndex < items.length - 1) {
+                    items[currentIndex + 1].focus();
+                }
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                if (currentIndex > 0) {
+                    items[currentIndex - 1].focus();
+                }
+                break;
+            case 'ArrowRight':
+                event.preventDefault();
+                if (currentItem && !currentItem.expanded) {
+                    currentItem.expanded = true;
+                }
+                break;
+            case 'ArrowLeft':
+                event.preventDefault();
+                if (currentItem && currentItem.expanded) {
+                    currentItem.expanded = false;
+                }
+                break;
+            case 'Home':
+                event.preventDefault();
+                items[0].focus();
+                break;
+            case 'End':
+                event.preventDefault();
+                items[items.length - 1].focus();
+                break;
+        }
+    }
+    getVisibleItems() {
+        const allItems = Array.from(this.hostEl.querySelectorAll('ts-tree-item'));
+        return allItems.filter(item => {
+            let parent = item.parentElement;
+            while (parent && parent !== this.hostEl) {
+                if (parent.tagName === 'TS-TREE-ITEM' && !parent.expanded) {
+                    return false;
+                }
+                parent = parent.parentElement;
+            }
+            return true;
+        });
+    }
+    // eslint-disable-next-line @typescript-eslint/explicit-function-return-type
+    render() {
+        return (h(Host, { key: 'f19d8e0e243df40456f96dd89eb81fd4b1c68e8e', class: { 'ts-tree': true }, role: "tree" }, h("div", { key: '2cfd542f7681b88563f5ad92f14a807cbb33b590', class: "tree__base", part: "base" }, h("slot", { key: 'b08eef0089c0e9b5c1d84def2fc17be9be57e3ba' }))));
+    }
+    static get is() { return "ts-tree"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["tree.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["tree.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "selectable": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Enable item selection mode."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "selectable",
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "hostEl"; }
+    static get listeners() {
+        return [{
+                "name": "keydown",
+                "method": "handleKeyDown",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}
+//# sourceMappingURL=tree.js.map

package/dist/collection/components/tree/tree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/components/tree/tree.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h, Host, Element, Listen } from '@stencil/core';\n\n/**\n * @slot - Default slot for ts-tree-item children.\n *\n * @part base - The tree container.\n */\n@Component({\n  tag: 'ts-tree',\n  styleUrl: 'tree.css',\n  shadow: true,\n})\nexport class TsTree {\n  @Element() hostEl!: HTMLElement;\n\n  /** Enable item selection mode. */\n  @Prop({ reflect: true }) selectable = false;\n\n  @Listen('keydown')\n  handleKeyDown(event: KeyboardEvent): void {\n    const items = this.getVisibleItems();\n    if (items.length === 0) return;\n\n    const focused = document.activeElement as HTMLElement;\n    const currentIndex = items.indexOf(focused);\n    if (currentIndex === -1) return;\n\n    const currentItem = items[currentIndex] as HTMLTsTreeItemElement;\n\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault();\n        if (currentIndex < items.length - 1) {\n          items[currentIndex + 1].focus();\n        }\n        break;\n      case 'ArrowUp':\n        event.preventDefault();\n        if (currentIndex > 0) {\n          items[currentIndex - 1].focus();\n        }\n        break;\n      case 'ArrowRight':\n        event.preventDefault();\n        if (currentItem && !currentItem.expanded) {\n          currentItem.expanded = true;\n        }\n        break;\n      case 'ArrowLeft':\n        event.preventDefault();\n        if (currentItem && currentItem.expanded) {\n          currentItem.expanded = false;\n        }\n        break;\n      case 'Home':\n        event.preventDefault();\n        items[0].focus();\n        break;\n      case 'End':\n        event.preventDefault();\n        items[items.length - 1].focus();\n        break;\n    }\n  }\n\n  private getVisibleItems(): HTMLElement[] {\n    const allItems = Array.from(this.hostEl.querySelectorAll('ts-tree-item'));\n    return allItems.filter(item => {\n      let parent = item.parentElement;\n      while (parent && parent !== this.hostEl) {\n        if (parent.tagName === 'TS-TREE-ITEM' && !(parent as HTMLTsTreeItemElement).expanded) {\n          return false;\n        }\n        parent = parent.parentElement;\n      }\n      return true;\n    }) as HTMLElement[];\n  }\n\n  // eslint-disable-next-line @typescript-eslint/explicit-function-return-type\n  render() {\n    return (\n      <Host\n        class={{ 'ts-tree': true }}\n        role=\"tree\"\n      >\n        <div class=\"tree__base\" part=\"base\">\n          <slot />\n        </div>\n      </Host>\n    );\n  }\n}\n\ninterface HTMLTsTreeItemElement extends HTMLElement {\n  expanded: boolean;\n}\n"]}

package/dist/collection/components/tree/tree.stories.js

@@ -0,0 +1,121 @@
+// Hand-written stories for ts-tree
+export default {
+    title: 'Components/Tree',
+    tags: ['autodocs'],
+    argTypes: {
+        selectable: {
+            control: 'boolean',
+            description: 'Enable item selection mode.',
+        },
+    },
+};
+const Template = (args) => {
+    const attrs = [];
+    if (args.selectable)
+        attrs.push('selectable');
+    return `
+    <ts-tree ${attrs.join(' ')}>
+      <ts-tree-item label="Documents" icon="folder" expanded>
+        <ts-tree-item label="Reports" icon="folder">
+          <ts-tree-item label="Q4-2025.pdf" icon="file-text"></ts-tree-item>
+          <ts-tree-item label="Q3-2025.pdf" icon="file-text"></ts-tree-item>
+          <ts-tree-item label="Annual-Summary.pdf" icon="file-text"></ts-tree-item>
+        </ts-tree-item>
+        <ts-tree-item label="Invoices" icon="folder">
+          <ts-tree-item label="INV-001.pdf" icon="file-text"></ts-tree-item>
+          <ts-tree-item label="INV-002.pdf" icon="file-text"></ts-tree-item>
+        </ts-tree-item>
+      </ts-tree-item>
+      <ts-tree-item label="Images" icon="folder">
+        <ts-tree-item label="logo.png" icon="image"></ts-tree-item>
+        <ts-tree-item label="banner.jpg" icon="image"></ts-tree-item>
+      </ts-tree-item>
+      <ts-tree-item label="README.md" icon="file-text"></ts-tree-item>
+    </ts-tree>
+  `;
+};
+export const Default = Object.assign(Template.bind({}), {
+    args: {
+        selectable: false,
+    },
+});
+export const States = () => `
+  <div style="display: flex; gap: 48px; flex-wrap: wrap;">
+    <div>
+      <p style="margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;">Expanded and collapsed</p>
+      <ts-tree>
+        <ts-tree-item label="src" icon="folder" expanded>
+          <ts-tree-item label="components" icon="folder" expanded>
+            <ts-tree-item label="Button.tsx" icon="file-text"></ts-tree-item>
+            <ts-tree-item label="Input.tsx" icon="file-text"></ts-tree-item>
+          </ts-tree-item>
+          <ts-tree-item label="utils" icon="folder">
+            <ts-tree-item label="helpers.ts" icon="file-text"></ts-tree-item>
+          </ts-tree-item>
+        </ts-tree-item>
+        <ts-tree-item label="package.json" icon="file-text"></ts-tree-item>
+      </ts-tree>
+    </div>
+    <div>
+      <p style="margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;">With disabled items</p>
+      <ts-tree>
+        <ts-tree-item label="Public" icon="folder" expanded>
+          <ts-tree-item label="index.html" icon="file-text"></ts-tree-item>
+          <ts-tree-item label="restricted.html" icon="file-text" disabled></ts-tree-item>
+        </ts-tree-item>
+        <ts-tree-item label="Private" icon="folder" disabled>
+          <ts-tree-item label="secrets.json" icon="file-text"></ts-tree-item>
+        </ts-tree-item>
+      </ts-tree>
+    </div>
+  </div>
+`;
+export const Variants = () => `
+  <div>
+    <p style="margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;">Selectable tree</p>
+    <ts-tree selectable>
+      <ts-tree-item label="Frontend" icon="folder" expanded>
+        <ts-tree-item label="React" icon="file-text" selected></ts-tree-item>
+        <ts-tree-item label="Vue" icon="file-text"></ts-tree-item>
+        <ts-tree-item label="Angular" icon="file-text"></ts-tree-item>
+      </ts-tree-item>
+      <ts-tree-item label="Backend" icon="folder" expanded>
+        <ts-tree-item label="Node.js" icon="file-text" selected></ts-tree-item>
+        <ts-tree-item label="Python" icon="file-text"></ts-tree-item>
+        <ts-tree-item label="Go" icon="file-text"></ts-tree-item>
+      </ts-tree-item>
+    </ts-tree>
+  </div>
+`;
+export const Composition = () => `
+  <div style="max-width: 320px; font-family: sans-serif;">
+    <div style="border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;">
+      <div style="padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; font-weight: 600; font-size: 14px;">
+        File Browser
+      </div>
+      <div style="padding: 12px;">
+        <ts-tree>
+          <ts-tree-item label="Documents" icon="folder" expanded>
+            <ts-tree-item label="Reports" icon="folder" expanded>
+              <ts-tree-item label="Q4-2025.pdf" icon="file-text"></ts-tree-item>
+              <ts-tree-item label="Q3-2025.pdf" icon="file-text"></ts-tree-item>
+            </ts-tree-item>
+            <ts-tree-item label="Contracts" icon="folder">
+              <ts-tree-item label="NDA-signed.pdf" icon="file-text"></ts-tree-item>
+            </ts-tree-item>
+          </ts-tree-item>
+          <ts-tree-item label="Media" icon="folder">
+            <ts-tree-item label="Photos" icon="folder">
+              <ts-tree-item label="team-photo.jpg" icon="image"></ts-tree-item>
+            </ts-tree-item>
+            <ts-tree-item label="Videos" icon="folder">
+              <ts-tree-item label="demo.mp4" icon="film"></ts-tree-item>
+            </ts-tree-item>
+          </ts-tree-item>
+          <ts-tree-item label="config.json" icon="file-text"></ts-tree-item>
+        </ts-tree>
+      </div>
+    </div>
+  </div>
+`;
+//# sourceMappingURL=tree.stories.js.map

package/dist/collection/components/tree/tree.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.stories.js","sourceRoot":"","sources":["../../../src/components/tree/tree.stories.ts"],"names":[],"mappings":"AAAA,mCAAmC;AAEnC,eAAe;IACb,KAAK,EAAE,iBAAiB;IACxB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,6BAA6B;SAC3C;KACF;CACF,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,IAA6B,EAAU,EAAE;IACzD,MAAM,KAAK,GAAa,EAAE,CAAC;IAC3B,IAAI,IAAI,CAAC,UAAU;QAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC9C,OAAO;eACM,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;;;;;;;;;;;;;GAkB3B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAwD,EAAE;IAC7G,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BnC,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;CAgBrC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,GAAW,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BxC,CAAC","sourcesContent":["// Hand-written stories for ts-tree\n\nexport default {\n  title: 'Components/Tree',\n  tags: ['autodocs'],\n  argTypes: {\n    selectable: {\n      control: 'boolean',\n      description: 'Enable item selection mode.',\n    },\n  },\n};\n\nconst Template = (args: Record<string, unknown>): string => {\n  const attrs: string[] = [];\n  if (args.selectable) attrs.push('selectable');\n  return `\n    <ts-tree ${attrs.join(' ')}>\n      <ts-tree-item label=\"Documents\" icon=\"folder\" expanded>\n        <ts-tree-item label=\"Reports\" icon=\"folder\">\n          <ts-tree-item label=\"Q4-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"Q3-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"Annual-Summary.pdf\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree-item>\n        <ts-tree-item label=\"Invoices\" icon=\"folder\">\n          <ts-tree-item label=\"INV-001.pdf\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"INV-002.pdf\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree-item>\n      </ts-tree-item>\n      <ts-tree-item label=\"Images\" icon=\"folder\">\n        <ts-tree-item label=\"logo.png\" icon=\"image\"></ts-tree-item>\n        <ts-tree-item label=\"banner.jpg\" icon=\"image\"></ts-tree-item>\n      </ts-tree-item>\n      <ts-tree-item label=\"README.md\" icon=\"file-text\"></ts-tree-item>\n    </ts-tree>\n  `;\n};\n\nexport const Default = Object.assign(Template.bind({}) as typeof Template & { args: Record<string, unknown> }, {\n  args: {\n    selectable: false,\n  },\n});\n\nexport const States = (): string => `\n  <div style=\"display: flex; gap: 48px; flex-wrap: wrap;\">\n    <div>\n      <p style=\"margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;\">Expanded and collapsed</p>\n      <ts-tree>\n        <ts-tree-item label=\"src\" icon=\"folder\" expanded>\n          <ts-tree-item label=\"components\" icon=\"folder\" expanded>\n            <ts-tree-item label=\"Button.tsx\" icon=\"file-text\"></ts-tree-item>\n            <ts-tree-item label=\"Input.tsx\" icon=\"file-text\"></ts-tree-item>\n          </ts-tree-item>\n          <ts-tree-item label=\"utils\" icon=\"folder\">\n            <ts-tree-item label=\"helpers.ts\" icon=\"file-text\"></ts-tree-item>\n          </ts-tree-item>\n        </ts-tree-item>\n        <ts-tree-item label=\"package.json\" icon=\"file-text\"></ts-tree-item>\n      </ts-tree>\n    </div>\n    <div>\n      <p style=\"margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;\">With disabled items</p>\n      <ts-tree>\n        <ts-tree-item label=\"Public\" icon=\"folder\" expanded>\n          <ts-tree-item label=\"index.html\" icon=\"file-text\"></ts-tree-item>\n          <ts-tree-item label=\"restricted.html\" icon=\"file-text\" disabled></ts-tree-item>\n        </ts-tree-item>\n        <ts-tree-item label=\"Private\" icon=\"folder\" disabled>\n          <ts-tree-item label=\"secrets.json\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree-item>\n      </ts-tree>\n    </div>\n  </div>\n`;\n\nexport const Variants = (): string => `\n  <div>\n    <p style=\"margin: 0 0 12px; font-family: sans-serif; font-size: 14px; color: #666;\">Selectable tree</p>\n    <ts-tree selectable>\n      <ts-tree-item label=\"Frontend\" icon=\"folder\" expanded>\n        <ts-tree-item label=\"React\" icon=\"file-text\" selected></ts-tree-item>\n        <ts-tree-item label=\"Vue\" icon=\"file-text\"></ts-tree-item>\n        <ts-tree-item label=\"Angular\" icon=\"file-text\"></ts-tree-item>\n      </ts-tree-item>\n      <ts-tree-item label=\"Backend\" icon=\"folder\" expanded>\n        <ts-tree-item label=\"Node.js\" icon=\"file-text\" selected></ts-tree-item>\n        <ts-tree-item label=\"Python\" icon=\"file-text\"></ts-tree-item>\n        <ts-tree-item label=\"Go\" icon=\"file-text\"></ts-tree-item>\n      </ts-tree-item>\n    </ts-tree>\n  </div>\n`;\n\nexport const Composition = (): string => `\n  <div style=\"max-width: 320px; font-family: sans-serif;\">\n    <div style=\"border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;\">\n      <div style=\"padding: 12px 16px; background: #f8fafc; border-bottom: 1px solid #e2e8f0; font-weight: 600; font-size: 14px;\">\n        File Browser\n      </div>\n      <div style=\"padding: 12px;\">\n        <ts-tree>\n          <ts-tree-item label=\"Documents\" icon=\"folder\" expanded>\n            <ts-tree-item label=\"Reports\" icon=\"folder\" expanded>\n              <ts-tree-item label=\"Q4-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n              <ts-tree-item label=\"Q3-2025.pdf\" icon=\"file-text\"></ts-tree-item>\n            </ts-tree-item>\n            <ts-tree-item label=\"Contracts\" icon=\"folder\">\n              <ts-tree-item label=\"NDA-signed.pdf\" icon=\"file-text\"></ts-tree-item>\n            </ts-tree-item>\n          </ts-tree-item>\n          <ts-tree-item label=\"Media\" icon=\"folder\">\n            <ts-tree-item label=\"Photos\" icon=\"folder\">\n              <ts-tree-item label=\"team-photo.jpg\" icon=\"image\"></ts-tree-item>\n            </ts-tree-item>\n            <ts-tree-item label=\"Videos\" icon=\"folder\">\n              <ts-tree-item label=\"demo.mp4\" icon=\"film\"></ts-tree-item>\n            </ts-tree-item>\n          </ts-tree-item>\n          <ts-tree-item label=\"config.json\" icon=\"file-text\"></ts-tree-item>\n        </ts-tree>\n      </div>\n    </div>\n  </div>\n`;\n"]}

package/dist/collection/index.js

@@ -0,0 +1,53 @@
+/**
+ * Tessera UI — Library Entry Point
+ *
+ * Re-exports all public components, types, and utilities.
+ */
+// Utilities
+export { generateId, announce, prefersReducedMotion, trapFocus } from './utils/aria';
+export { debounce, clamp, hasSlotContent } from './utils/dom';
+export { emitEvent } from './utils/events';
+// Icon Registry
+export { registerIcons, registerIcon, getIcon, getRegisteredIconNames } from './components/icon/icon-registry';
+// Components
+export { TsIcon } from './components/icon/icon';
+export { TsTabs } from './components/tabs/tabs';
+export { TsTabPanel } from './components/tabs/tab-panel';
+export { TsSpinner } from './components/spinner/spinner';
+export { TsAvatar } from './components/avatar/avatar';
+export { TsDialog } from './components/dialog/dialog';
+export { TsMenu } from './components/menu/menu';
+export { TsMenuItem } from './components/menu/menu-item';
+export { TsTable } from './components/table/table';
+export { TsAccordion } from './components/accordion/accordion';
+export { TsAccordionItem } from './components/accordion/accordion-item';
+export { TsBreadcrumb } from './components/breadcrumb/breadcrumb';
+export { TsBreadcrumbItem } from './components/breadcrumb/breadcrumb-item';
+export { TsPagination } from './components/pagination/pagination';
+export { TsProgress } from './components/progress/progress';
+export { TsSlider } from './components/slider/slider';
+export { TsSkeleton } from './components/skeleton/skeleton';
+export { TsToast } from './components/toast/toast';
+export { TsChip } from './components/chip/chip';
+export { TsDivider } from './components/divider/divider';
+export { TsPopover } from './components/popover/popover';
+export { TsTree } from './components/tree/tree';
+export { TsTreeItem } from './components/tree/tree-item';
+export { TsSwitchGroup } from './components/switch-group/switch-group';
+export { TsSwitchOption } from './components/switch-group/switch-option';
+export { TsToolbar } from './components/toolbar/toolbar';
+export { TsEmptyState } from './components/empty-state/empty-state';
+export { TsBanner } from './components/banner/banner';
+export { TsDrawer } from './components/drawer/drawer';
+export { TsNav } from './components/nav/nav';
+export { TsNavItem } from './components/nav/nav-item';
+export { TsDatePicker } from './components/date-picker/date-picker';
+export { TsFileUpload } from './components/file-upload/file-upload';
+export { TsStepper } from './components/stepper/stepper';
+export { TsStep } from './components/stepper/step';
+export { TsGrid } from './components/grid/grid';
+export { TsContainer } from './components/container/container';
+export { TsStack } from './components/stack/stack';
+export { TsRow } from './components/row/row';
+export { TsSpacer } from './components/spacer/spacer';
+//# sourceMappingURL=index.js.map

package/dist/collection/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Tessera UI — Library Entry Point\n *\n * Re-exports all public components, types, and utilities.\n */\n\n// Types\nexport type {\n  TsSize,\n  TsVariant,\n  TsAppearance,\n  TsOrientation,\n  TsPlacement,\n  TsChangeEventDetail,\n  TsToggleEventDetail,\n  TsCheckboxChangeEventDetail,\n  TsSelectChangeEventDetail,\n  TsValidationEventDetail,\n} from './types';\n\n// Utilities\nexport { generateId, announce, prefersReducedMotion, trapFocus } from './utils/aria';\nexport { debounce, clamp, hasSlotContent } from './utils/dom';\nexport { emitEvent } from './utils/events';\n\n// Icon Registry\nexport { registerIcons, registerIcon, getIcon, getRegisteredIconNames } from './components/icon/icon-registry';\n\n// Components\nexport { TsIcon } from './components/icon/icon';\nexport { TsTabs } from './components/tabs/tabs';\nexport { TsTabPanel } from './components/tabs/tab-panel';\nexport { TsSpinner } from './components/spinner/spinner';\nexport { TsAvatar } from './components/avatar/avatar';\nexport { TsDialog } from './components/dialog/dialog';\nexport { TsMenu } from './components/menu/menu';\nexport type { TsMenuPlacement, TsMenuTrigger } from './components/menu/menu';\nexport { TsMenuItem } from './components/menu/menu-item';\nexport { TsTable } from './components/table/table';\nexport { TsAccordion } from './components/accordion/accordion';\nexport { TsAccordionItem } from './components/accordion/accordion-item';\nexport { TsBreadcrumb } from './components/breadcrumb/breadcrumb';\nexport { TsBreadcrumbItem } from './components/breadcrumb/breadcrumb-item';\nexport { TsPagination } from './components/pagination/pagination';\nexport { TsProgress } from './components/progress/progress';\nexport { TsSlider } from './components/slider/slider';\nexport { TsSkeleton } from './components/skeleton/skeleton';\nexport { TsToast } from './components/toast/toast';\nexport { TsChip } from './components/chip/chip';\nexport { TsDivider } from './components/divider/divider';\nexport { TsPopover } from './components/popover/popover';\nexport { TsTree } from './components/tree/tree';\nexport { TsTreeItem } from './components/tree/tree-item';\nexport { TsSwitchGroup } from './components/switch-group/switch-group';\nexport { TsSwitchOption } from './components/switch-group/switch-option';\nexport { TsToolbar } from './components/toolbar/toolbar';\nexport { TsEmptyState } from './components/empty-state/empty-state';\nexport { TsBanner } from './components/banner/banner';\nexport { TsDrawer } from './components/drawer/drawer';\nexport { TsNav } from './components/nav/nav';\nexport { TsNavItem } from './components/nav/nav-item';\nexport { TsDatePicker } from './components/date-picker/date-picker';\nexport { TsFileUpload } from './components/file-upload/file-upload';\nexport { TsStepper } from './components/stepper/stepper';\nexport { TsStep } from './components/stepper/step';\nexport { TsGrid } from './components/grid/grid';\nexport { TsContainer } from './components/container/container';\nexport { TsStack } from './components/stack/stack';\nexport { TsRow } from './components/row/row';\nexport { TsSpacer } from './components/spacer/spacer';\n"]}