@krollins/blueprint 0.2.2 → 0.3.0

package/dist/components/tree/tree.d.ts

@@ -1,5 +1,6 @@
 import { LitElement } from 'lit';
-import '../icon/icon.js';
+import { BpIcon } from '../icon/icon.js';
+import type { IconName } from '../icon/icon.js';
 /**
  * Tree node data structure
  */
@@ -9,7 +10,7 @@ export interface TreeNode {
     /** Display label */
     label: string;
     /** Optional icon name */
-    icon?: string;
+    icon?: IconName;
     /** URL to navigate to when the node is clicked */
     href?: string;
     /** Child nodes */
@@ -37,6 +38,11 @@ export interface TreeNode {
  * @csspart node-children - Container for child nodes
  */
 export declare class BpTree extends LitElement {
+    /**
+     * Child components that self-register as custom elements on import.
+     * Value imports prevent bundler tree-shaking of the registration side effect.
+     */
+    static dependencies: (typeof BpIcon)[];
     /** Array of tree nodes to render */
     nodes: TreeNode[];
     /** Currently selected node ID */

package/dist/components/tree/tree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../source/components/tree/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAOhD,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,oCAAoC;IACD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAErD,iCAAiC;IACkB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7E,iCAAiC;IACE,WAAW,EAAE,MAAM,EAAE,CAAC;IAEzD,6CAA6C;IAErC,WAAW,EAAE,OAAO,CAAC;IAE7B,qDAAqD;IAE7C,SAAS,EAAE,OAAO,CAAC;IAE3B,oCAAoC;IACgB,UAAU,EAAE,OAAO,CAAC;IAExE,mBAAmB;IAWX,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC,iDAAiD;IACxC,OAAO,CAAC,WAAW,CAAgB;IAE5C;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF;;OAEG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED,MAAM,CAAC,MAAM,4BAAgB;;IAa7B;;;;;OAKG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAgB5B;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAgB9B;;;;;OAKG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ5B;;;OAGG;IACH,SAAS,IAAI,IAAI;IAKjB;;;OAGG;IACH,WAAW,IAAI,IAAI;IAInB;;;;;;OAMG;IACH,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IA2BhC;;;OAGG;IACH,cAAc,IAAI,IAAI;IAKtB;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ;IAWhB;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;IAWrB;;;;;;;;OAQG;IACH,OAAO,CAAC,WAAW;IAsBnB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IA6BvB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;;;;;;OAQG;IACH,OAAO,CAAC,aAAa;IA6BrB;;;;;;OAMG;IACH,OAAO,CAAC,UAAU;IAOlB;;;;;;;OAOG;IACH,OAAO,CAAC,UAAU;IA0FlB,MAAM;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../source/components/tree/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAOhD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEhD;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC;;;OAGG;IACH,MAAM,CAAC,YAAY,oBAAY;IAE/B,oCAAoC;IACD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAErD,iCAAiC;IACkB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7E,iCAAiC;IACE,WAAW,EAAE,MAAM,EAAE,CAAC;IAEzD,6CAA6C;IAErC,WAAW,EAAE,OAAO,CAAC;IAE7B,qDAAqD;IAE7C,SAAS,EAAE,OAAO,CAAC;IAE3B,oCAAoC;IACgB,UAAU,EAAE,OAAO,CAAC;IAExE,mBAAmB;IAWX,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC,iDAAiD;IACxC,OAAO,CAAC,WAAW,CAAgB;IAE5C;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF;;OAEG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED,MAAM,CAAC,MAAM,4BAAgB;IAE7B,cASC;IAED;;;;;OAKG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAc3B;IAED;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAc7B;IAED;;;;;OAKG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAM3B;IAED;;;OAGG;IACH,SAAS,IAAI,IAAI,CAGhB;IAED;;;OAGG;IACH,WAAW,IAAI,IAAI,CAElB;IAED;;;;;;OAMG;IACH,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAyB/B;IAED;;;OAGG;IACH,cAAc,IAAI,IAAI,CAGrB;IAED;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ;IAWhB;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;IAWrB;;;;;;;;OAQG;IACH,OAAO,CAAC,WAAW;IAsBnB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IA6BvB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;;;;;;OAQG;IACH,OAAO,CAAC,aAAa;IA6BrB;;;;;;OAMG;IACH,OAAO,CAAC,UAAU;IAOlB;;;;;;;OAOG;IACH,OAAO,CAAC,UAAU;IA+FlB,MAAM,yCAqBL;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/tree.js

@@ -1,583 +1,2 @@
-import { css as g, LitElement as v, nothing as b, html as l } from "lit";
-import { property as d, state as m, customElement as x } from "lit/decorators.js";
-import { ifDefined as h } from "lit/directives/if-defined.js";
-import { repeat as f } from "lit/directives/repeat.js";
-import { m as y } from "../shared/memoize-DlOFy-92.js";
-import { chevronRightSvg as w } from "../icons/chevron-right.js";
-const $ = g`
-  /* Base styles */
-  :host {
-    display: block;
-  }
-
-  .tree {
-    font-family: var(--bp-font-family);
-    font-size: var(--bp-font-size-base);
-    color: var(--bp-color-text);
-  }
-
-  /* Node structure */
-  .node {
-    position: relative;
-  }
-
-  .node-content {
-    display: flex;
-    align-items: center;
-    gap: var(--bp-spacing-2);
-    padding: var(--bp-spacing-2) var(--bp-spacing-3);
-    padding-left: calc(
-      var(--bp-spacing-3) + var(--node-level, 0) * var(--bp-spacing-5)
-    );
-    border-radius: var(--bp-border-radius-sm);
-    cursor: pointer;
-    user-select: none;
-    transition:
-      background-color var(--bp-transition-fast),
-      color var(--bp-transition-fast);
-  }
-
-  .node-content:hover {
-    background-color: var(--bp-color-surface-subdued);
-  }
-
-  .node-content:focus {
-    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
-    outline-offset: var(--bp-focus-offset);
-  }
-
-  .node-content:focus:not(:focus-visible) {
-    outline: none;
-  }
-
-  .node-content:focus-visible {
-    outline: var(--bp-focus-width) var(--bp-focus-style) var(--bp-color-focus);
-    outline-offset: var(--bp-focus-offset);
-  }
-
-  /* Selected state */
-  .node-content--selected {
-    background-color: oklch(from var(--bp-color-primary) l c h / 0.15);
-    color: var(--bp-color-primary);
-  }
-
-  .node-content--selected:hover {
-    background-color: oklch(from var(--bp-color-primary) l c h / 0.2);
-  }
-
-  /* Active state */
-  .node-content:active {
-    background-color: var(--bp-color-surface-subdued);
-    transform: translateY(1px);
-  }
-
-  .node-content--selected:active {
-    background-color: oklch(from var(--bp-color-primary) l c h / 0.25);
-  }
-
-  /* Toggle icon */
-  .node-toggle {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--bp-spacing-5);
-    height: var(--bp-spacing-5);
-    flex-shrink: 0;
-    visibility: hidden;
-  }
-
-  .node-toggle--visible {
-    visibility: visible;
-  }
-
-  .node-toggle--visible:hover {
-    background-color: var(--bp-color-surface-subdued);
-    border-radius: var(--bp-border-radius-sm);
-  }
-
-  .toggle-icon {
-    width: var(--bp-spacing-4);
-    height: var(--bp-spacing-4);
-    transition: transform var(--bp-transition-fast) ease-out;
-  }
-
-  .toggle-icon--expanded {
-    transform: rotate(90deg);
-  }
-
-  /* Node custom icon */
-  .node-icon {
-    flex-shrink: 0;
-    color: var(--bp-color-text-muted);
-  }
-
-  /* Node label */
-  .node-label {
-    flex: 1;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  /* Children container */
-  .node-children {
-    position: relative;
-    content-visibility: auto;
-    contain-intrinsic-size: auto 200px;
-  }
-
-  /* Expanded state visual cue */
-  .node--expanded > .node-content {
-    background-color: var(--bp-color-surface);
-  }
-
-  /* Disabled state */
-  .node--disabled .node-content {
-    cursor: not-allowed;
-  }
-
-  .node--disabled .node-label {
-    opacity: var(--bp-opacity-disabled);
-  }
-
-  .node--disabled .node-content:hover {
-    background-color: transparent;
-  }
-
-  /* Show lines variant */
-  .tree--lines .node-children {
-    margin-left: calc(var(--bp-spacing-4) + var(--bp-spacing-4));
-    padding-left: var(--bp-spacing-4);
-    border-left: var(--bp-border-width) solid var(--bp-color-border);
-  }
-
-  /* Sizes */
-  .tree--sm {
-    font-size: var(--bp-font-size-sm);
-  }
-
-  .tree--sm .node-content {
-    padding: var(--bp-spacing-1) var(--bp-spacing-2);
-    padding-left: calc(
-      var(--bp-spacing-2) + var(--node-level, 0) * var(--bp-spacing-4)
-    );
-  }
-
-  .tree--sm .node-toggle {
-    width: var(--bp-spacing-4);
-    height: var(--bp-spacing-4);
-  }
-
-  .tree--sm .toggle-icon {
-    width: var(--bp-spacing-3);
-    height: var(--bp-spacing-3);
-  }
-
-  .tree--lg {
-    font-size: var(--bp-font-size-lg);
-  }
-
-  .tree--lg .node-content {
-    padding: var(--bp-spacing-3) var(--bp-spacing-4);
-    padding-left: calc(
-      var(--bp-spacing-4) + var(--node-level, 0) * var(--bp-spacing-6)
-    );
-  }
-
-  .tree--lg .node-toggle {
-    width: var(--bp-spacing-6);
-    height: var(--bp-spacing-6);
-  }
-
-  .tree--lg .toggle-icon {
-    width: var(--bp-spacing-5);
-    height: var(--bp-spacing-5);
-  }
-
-  /* Link nodes — reset anchor styles so links look like regular nodes */
-  a.node-content {
-    text-decoration: none;
-    color: inherit;
-  }
-
-  a.node-content:visited {
-    color: inherit;
-  }
-
-  /* Reduced motion */
-  @media (prefers-reduced-motion: reduce) {
-    .node-content,
-    .toggle-icon {
-      transition: none;
-    }
-
-    .node-content:active {
-      transform: none;
-    }
-  }
-`;
-var k = Object.defineProperty, N = Object.getOwnPropertyDescriptor, a = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? N(t, s) : t, c = e.length - 1, p; c >= 0; c--)
-    (p = e[c]) && (o = (i ? p(t, s, o) : p(o)) || o);
-  return i && o && k(t, s, o), o;
-};
-let r = class extends v {
-  constructor() {
-    super(), this.selectedIds = [], this.computeExpandedSet = y(
-      (e) => new Set(e)
-    ), this.nodes = [], this.selectedId = null, this.expandedIds = [], this.multiSelect = !1, this.showLines = !1, this.selectable = !0, this.size = "md";
-  }
-  /**
-   * Get the memoized expanded set for fast lookups during rendering.
-   */
-  get expandedSet() {
-    return this.computeExpandedSet(this.expandedIds);
-  }
-  /**
-   * Expand a node by ID.
-   * Adds the node to expandedIds and dispatches bp-expand event.
-   *
-   * @param nodeId - The ID of the node to expand
-   */
-  expand(e) {
-    if (!this.expandedSet.has(e)) {
-      this.expandedIds = [...this.expandedIds, e];
-      const t = this.findNode(e, this.nodes);
-      t && this.dispatchEvent(
-        new CustomEvent("bp-expand", {
-          detail: { node: t, expanded: !0 },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  /**
-   * Collapse a node by ID.
-   * Removes the node from expandedIds and dispatches bp-collapse event.
-   *
-   * @param nodeId - The ID of the node to collapse
-   */
-  collapse(e) {
-    if (this.expandedSet.has(e)) {
-      this.expandedIds = this.expandedIds.filter((s) => s !== e);
-      const t = this.findNode(e, this.nodes);
-      t && this.dispatchEvent(
-        new CustomEvent("bp-collapse", {
-          detail: { node: t, expanded: !1 },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    }
-  }
-  /**
-   * Toggle a node's expanded state.
-   * Calls expand() if collapsed, collapse() if expanded.
-   *
-   * @param nodeId - The ID of the node to toggle
-   */
-  toggle(e) {
-    this.expandedSet.has(e) ? this.collapse(e) : this.expand(e);
-  }
-  /**
-   * Expand all nodes in the tree.
-   * Sets expandedIds to include all nodes with children.
-   */
-  expandAll() {
-    const e = this.getAllNodeIds(this.nodes);
-    this.expandedIds = e;
-  }
-  /**
-   * Collapse all nodes in the tree.
-   * Clears the expandedIds array.
-   */
-  collapseAll() {
-    this.expandedIds = [];
-  }
-  /**
-   * Select a node by ID.
-   * Respects multiSelect setting and disabled state.
-   * Dispatches bp-select event with node, selectedIds, and path.
-   *
-   * @param nodeId - The ID of the node to select
-   */
-  selectNode(e) {
-    const t = this.findNode(e, this.nodes);
-    !t || t.disabled || (this.multiSelect ? this.selectedIds.includes(e) ? this.selectedIds = this.selectedIds.filter((s) => s !== e) : this.selectedIds = [...this.selectedIds, e] : this.selectedId = e, this.dispatchEvent(
-      new CustomEvent("bp-select", {
-        detail: {
-          node: t,
-          selectedIds: this.multiSelect ? this.selectedIds : [e],
-          path: this.getNodePath(e, this.nodes)
-        },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  /**
-   * Clear all selections.
-   * Resets both selectedId and selectedIds.
-   */
-  clearSelection() {
-    this.selectedId = null, this.selectedIds = [];
-  }
-  /**
-   * Recursively finds a node by ID in the tree structure.
-   *
-   * @param nodeId - The ID to search for
-   * @param nodes - The array of nodes to search within
-   * @returns The found node or null if not found
-   */
-  findNode(e, t) {
-    for (const s of t) {
-      if (s.id === e) return s;
-      if (s.children) {
-        const i = this.findNode(e, s.children);
-        if (i) return i;
-      }
-    }
-    return null;
-  }
-  /**
-   * Recursively collects all node IDs that have children.
-   * Used for expandAll functionality.
-   *
-   * @param nodes - The array of nodes to collect IDs from
-   * @returns Array of node IDs that have children
-   */
-  getAllNodeIds(e) {
-    const t = [];
-    for (const s of e)
-      s.children && s.children.length > 0 && (t.push(s.id), t.push(...this.getAllNodeIds(s.children)));
-    return t;
-  }
-  /**
-   * Gets the path from root to a specific node.
-   * Returns an array of node IDs representing the path.
-   *
-   * @param nodeId - The target node ID
-   * @param nodes - The array of nodes to search within
-   * @param path - Accumulator for the current path (used in recursion)
-   * @returns Array of node IDs from root to target
-   */
-  getNodePath(e, t, s = []) {
-    for (const i of t) {
-      if (i.id === e)
-        return [...s, i.id];
-      if (i.children) {
-        const o = this.getNodePath(e, i.children, [
-          ...s,
-          i.id
-        ]);
-        if (o.length > s.length + 1)
-          return o;
-      }
-    }
-    return s;
-  }
-  /**
-   * Handles click events on tree nodes.
-   * For nodes with href, dispatches bp-navigate and follows the link unless prevented.
-   * For other nodes, selects the node if selectable and not disabled.
-   *
-   * @param event - The click event
-   * @param node - The node that was clicked
-   */
-  handleNodeClick(e, t) {
-    if (e.stopPropagation(), t.href && !t.disabled) {
-      const s = new CustomEvent("bp-navigate", {
-        detail: {
-          node: t,
-          href: t.href,
-          path: this.getNodePath(t.id, this.nodes)
-        },
-        bubbles: !0,
-        composed: !0,
-        cancelable: !0
-      });
-      if (this.dispatchEvent(s))
-        return;
-      e.preventDefault();
-      return;
-    }
-    this.selectable && !t.disabled && this.selectNode(t.id);
-  }
-  /**
-   * Handles click events on the expand/collapse toggle icon.
-   * Prevents event propagation to avoid triggering node selection.
-   *
-   * @param event - The click event
-   * @param node - The node whose toggle was clicked
-   */
-  handleToggleClick(e, t) {
-    e.stopPropagation(), e.preventDefault(), this.toggle(t.id);
-  }
-  /**
-   * Handles keyboard navigation on tree nodes.
-   * Enter/Space: select node
-   * ArrowRight: expand node (if has children and collapsed)
-   * ArrowLeft: collapse node (if has children and expanded)
-   *
-   * @param event - The keyboard event
-   * @param node - The node that received the keyboard event
-   */
-  handleKeyDown(e, t) {
-    const s = t.children && t.children.length > 0, i = this.expandedSet.has(t.id);
-    switch (e.key) {
-      case "Enter":
-      case " ":
-        e.preventDefault(), t.href && !t.disabled ? this.handleNodeClick(e, t) : this.selectable && !t.disabled && this.selectNode(t.id);
-        break;
-      case "ArrowRight":
-        e.preventDefault(), s && !i && this.expand(t.id);
-        break;
-      case "ArrowLeft":
-        e.preventDefault(), s && i && this.collapse(t.id);
-        break;
-    }
-  }
-  /**
-   * Checks if a node is currently selected.
-   * Handles both single and multi-select modes.
-   *
-   * @param nodeId - The node ID to check
-   * @returns True if the node is selected
-   */
-  isSelected(e) {
-    return this.multiSelect ? this.selectedIds.includes(e) : this.selectedId === e;
-  }
-  /**
-   * Recursively renders a tree node and its children.
-   * Handles expand/collapse state, selection, and disabled state.
-   *
-   * @param node - The node to render
-   * @param level - The nesting level (0 for root)
-   * @returns Lit template result
-   */
-  renderNode(e, t = 0) {
-    const s = e.children && e.children.length > 0, i = this.expandedSet.has(e.id), o = this.isSelected(e.id), c = `node-content ${o ? "node-content--selected" : ""} ${e.href ? "node-content--link" : ""}`, p = l`
-      <span
-        class="node-toggle ${s ? "node-toggle--visible" : ""}"
-        part="node-icon"
-        @click=${(n) => this.handleToggleClick(n, e)}
-      >
-        ${s ? l`<bp-icon
-              class="toggle-icon ${i ? "toggle-icon--expanded" : ""}"
-              .svg=${w}
-              size="sm"
-            ></bp-icon>` : b}
-      </span>
-      ${e.icon ? l`<bp-icon
-            class="node-icon"
-            part="node-custom-icon"
-            name=${e.icon}
-            size="sm"
-          ></bp-icon>` : b}
-      <span class="node-label" part="node-label">${e.label}</span>
-    `, u = e.href ? l`
-          <a
-            class=${c}
-            part="node-content"
-            href=${e.href}
-            tabindex=${e.disabled ? -1 : 0}
-            @click=${(n) => this.handleNodeClick(n, e)}
-            @keydown=${(n) => this.handleKeyDown(n, e)}
-          >
-            ${p}
-          </a>
-        ` : l`
-          <div
-            class=${c}
-            part="node-content"
-            tabindex=${e.disabled ? -1 : 0}
-            @click=${(n) => this.handleNodeClick(n, e)}
-            @keydown=${(n) => this.handleKeyDown(n, e)}
-          >
-            ${p}
-          </div>
-        `;
-    return l`
-      <div
-        class="node ${e.disabled ? "node--disabled" : ""} ${s && i ? "node--expanded" : ""}"
-        part="node"
-        role="treeitem"
-        aria-expanded=${h(
-      s ? i ? "true" : "false" : void 0
-    )}
-        aria-selected=${h(
-      this.selectable ? o ? "true" : "false" : void 0
-    )}
-        aria-disabled=${h(e.disabled ? "true" : void 0)}
-        style="--node-level: ${t}"
-      >
-        ${u}
-        ${s && i ? l`
-              <div class="node-children" part="node-children" role="group">
-                ${f(
-      e.children,
-      (n) => n.id,
-      (n) => this.renderNode(n, t + 1)
-    )}
-              </div>
-            ` : b}
-      </div>
-    `;
-  }
-  render() {
-    const e = this.nodes && this.nodes.length > 0;
-    return l`
-      <div
-        class="tree tree--${this.size} ${this.showLines ? "tree--lines" : ""}"
-        part="tree"
-        role="tree"
-        aria-multiselectable=${h(this.multiSelect ? "true" : void 0)}
-      >
-        ${e ? f(
-      this.nodes,
-      (t) => t.id,
-      (t) => this.renderNode(t, 0)
-    ) : l`<slot></slot>`}
-      </div>
-    `;
-  }
-};
-r.styles = [$];
-a([
-  d({ type: Array })
-], r.prototype, "nodes", 2);
-a([
-  d({ type: String, reflect: !0 })
-], r.prototype, "selectedId", 2);
-a([
-  d({ type: Array })
-], r.prototype, "expandedIds", 2);
-a([
-  d({ type: Boolean, reflect: !0, attribute: "multi-select" })
-], r.prototype, "multiSelect", 2);
-a([
-  d({ type: Boolean, reflect: !0, attribute: "show-lines" })
-], r.prototype, "showLines", 2);
-a([
-  d({ type: Boolean, reflect: !0 })
-], r.prototype, "selectable", 2);
-a([
-  d({
-    type: String,
-    reflect: !0,
-    converter: {
-      fromAttribute: (e) => e && ["sm", "md", "lg"].includes(e) ? e : "md"
-    }
-  })
-], r.prototype, "size", 2);
-a([
-  m()
-], r.prototype, "selectedIds", 2);
-r = a([
-  x("bp-tree")
-], r);
-export {
-  r as BpTree
-};
-//# sourceMappingURL=tree.js.map
+import { t as e } from "../shared/tree-Dm3oQey1.js";
+export { e as BpTree };

package/dist/icons/airplay.js

@@ -1,6 +1,6 @@
-const r = '<svg height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 4)"><path d="m3.5 10.5-1-.0345601c-1.10193561-.0037085-2-.93261826-2-2.03456011v-5.9654399c0-1.1045695.8954305-2 2-2l10-.00245977c1.1045695 0 2 .8954305 2 2v6.00245977c0 1.1045695-.8954305 2.00000001-2 2.00000001-.0014957 0-.3348291.01234-1 .0370199"/><path d="m7.5 12.5-3-3h6z" transform="matrix(1 0 0 -1 0 22)"/></g></svg>';
-export {
-  r as airplaySvg,
-  r as default
-};
-//# sourceMappingURL=airplay.js.map
+//#region source/components/icon/icons/entries/airplay.ts
+var e = "<svg height=\"21\" viewBox=\"0 0 21 21\" width=\"21\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" transform=\"translate(3 4)\"><path d=\"m3.5 10.5-1-.0345601c-1.10193561-.0037085-2-.93261826-2-2.03456011v-5.9654399c0-1.1045695.8954305-2 2-2l10-.00245977c1.1045695 0 2 .8954305 2 2v6.00245977c0 1.1045695-.8954305 2.00000001-2 2.00000001-.0014957 0-.3348291.01234-1 .0370199\"/><path d=\"m7.5 12.5-3-3h6z\" transform=\"matrix(1 0 0 -1 0 22)\"/></g></svg>";
+//#endregion
+export { e as airplaySvg, e as default };
+
+//# sourceMappingURL=airplay.js.map

package/dist/icons/airplay.js.map

@@ -1 +1 @@
-{"version":3,"file":"airplay.js","sources":["../../source/components/icon/icons/entries/airplay.ts"],"sourcesContent":["// Auto-generated icon entry — do not edit.\n// Re-generate: node source/components/icon/generate-icon-entries.js\n\nexport const airplaySvg = \"<svg height=\\\"21\\\" viewBox=\\\"0 0 21 21\\\" width=\\\"21\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><g fill=\\\"none\\\" fill-rule=\\\"evenodd\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(3 4)\\\"><path d=\\\"m3.5 10.5-1-.0345601c-1.10193561-.0037085-2-.93261826-2-2.03456011v-5.9654399c0-1.1045695.8954305-2 2-2l10-.00245977c1.1045695 0 2 .8954305 2 2v6.00245977c0 1.1045695-.8954305 2.00000001-2 2.00000001-.0014957 0-.3348291.01234-1 .0370199\\\"/><path d=\\\"m7.5 12.5-3-3h6z\\\" transform=\\\"matrix(1 0 0 -1 0 22)\\\"/></g></svg>\";\nexport default airplaySvg;\n"],"names":["airplaySvg"],"mappings":"AAGO,MAAMA,IAAa;"}
+{"version":3,"file":"airplay.js","names":["airplaySvg"],"sources":["../../source/components/icon/icons/entries/airplay.ts"],"sourcesContent":["// Auto-generated icon entry — do not edit.\n// Re-generate: node source/components/icon/generate-icon-entries.js\n\nexport const airplaySvg = \"<svg height=\\\"21\\\" viewBox=\\\"0 0 21 21\\\" width=\\\"21\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><g fill=\\\"none\\\" fill-rule=\\\"evenodd\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" transform=\\\"translate(3 4)\\\"><path d=\\\"m3.5 10.5-1-.0345601c-1.10193561-.0037085-2-.93261826-2-2.03456011v-5.9654399c0-1.1045695.8954305-2 2-2l10-.00245977c1.1045695 0 2 .8954305 2 2v6.00245977c0 1.1045695-.8954305 2.00000001-2 2.00000001-.0014957 0-.3348291.01234-1 .0370199\\\"/><path d=\\\"m7.5 12.5-3-3h6z\\\" transform=\\\"matrix(1 0 0 -1 0 22)\\\"/></g></svg>\";\nexport default airplaySvg;\n"],"mappings":";AAGA,IAAaA,IAAa"}

package/dist/icons/alarm-clock.js

@@ -1,6 +1,6 @@
-const t = '<svg height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="matrix(-1 0 0 1 19 2)"><path d="m7.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6zm-3.03187447-1.06810595c-.88435284-.63912003-2.08877116-.7093269-2.96812553.00276023-.90620024.73382648-1.25812628 1.95919459-.82225162 2.96879869m11.79055952-2.92496449c.889667-.68192972 2.1314103-.77286806 3.0316921-.0438342.9064946.73406486 1.2583549 1.95999074.8218266 2.96978251"/><path d="m8.5 5.5v4h-3.5"/><path d="m14 15 2 2"/><path d="m1 15 2 2" transform="matrix(-1 0 0 1 4 0)"/></g></svg>';
-export {
-  t as alarmClockSvg,
-  t as default
-};
-//# sourceMappingURL=alarm-clock.js.map
+//#region source/components/icon/icons/entries/alarm-clock.ts
+var e = "<svg height=\"21\" viewBox=\"0 0 21 21\" width=\"21\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" transform=\"matrix(-1 0 0 1 19 2)\"><path d=\"m7.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6zm-3.03187447-1.06810595c-.88435284-.63912003-2.08877116-.7093269-2.96812553.00276023-.90620024.73382648-1.25812628 1.95919459-.82225162 2.96879869m11.79055952-2.92496449c.889667-.68192972 2.1314103-.77286806 3.0316921-.0438342.9064946.73406486 1.2583549 1.95999074.8218266 2.96978251\"/><path d=\"m8.5 5.5v4h-3.5\"/><path d=\"m14 15 2 2\"/><path d=\"m1 15 2 2\" transform=\"matrix(-1 0 0 1 4 0)\"/></g></svg>";
+//#endregion
+export { e as alarmClockSvg, e as default };
+
+//# sourceMappingURL=alarm-clock.js.map

package/dist/icons/alarm-clock.js.map

@@ -1 +1 @@
-{"version":3,"file":"alarm-clock.js","sources":["../../source/components/icon/icons/entries/alarm-clock.ts"],"sourcesContent":["// Auto-generated icon entry — do not edit.\n// Re-generate: node source/components/icon/generate-icon-entries.js\n\nexport const alarmClockSvg = \"<svg height=\\\"21\\\" viewBox=\\\"0 0 21 21\\\" width=\\\"21\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><g fill=\\\"none\\\" fill-rule=\\\"evenodd\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" transform=\\\"matrix(-1 0 0 1 19 2)\\\"><path d=\\\"m7.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6zm-3.03187447-1.06810595c-.88435284-.63912003-2.08877116-.7093269-2.96812553.00276023-.90620024.73382648-1.25812628 1.95919459-.82225162 2.96879869m11.79055952-2.92496449c.889667-.68192972 2.1314103-.77286806 3.0316921-.0438342.9064946.73406486 1.2583549 1.95999074.8218266 2.96978251\\\"/><path d=\\\"m8.5 5.5v4h-3.5\\\"/><path d=\\\"m14 15 2 2\\\"/><path d=\\\"m1 15 2 2\\\" transform=\\\"matrix(-1 0 0 1 4 0)\\\"/></g></svg>\";\nexport default alarmClockSvg;\n"],"names":["alarmClockSvg"],"mappings":"AAGO,MAAMA,IAAgB;"}
+{"version":3,"file":"alarm-clock.js","names":["alarmClockSvg"],"sources":["../../source/components/icon/icons/entries/alarm-clock.ts"],"sourcesContent":["// Auto-generated icon entry — do not edit.\n// Re-generate: node source/components/icon/generate-icon-entries.js\n\nexport const alarmClockSvg = \"<svg height=\\\"21\\\" viewBox=\\\"0 0 21 21\\\" width=\\\"21\\\" xmlns=\\\"http://www.w3.org/2000/svg\\\"><g fill=\\\"none\\\" fill-rule=\\\"evenodd\\\" stroke=\\\"currentColor\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" transform=\\\"matrix(-1 0 0 1 19 2)\\\"><path d=\\\"m7.5 2.56534572h2c3.3137085 0 6 2.6862915 6 6v1.93465428c0 3.3137085-2.6862915 6-6 6h-2c-3.3137085 0-6-2.6862915-6-6v-1.93465428c0-3.3137085 2.6862915-6 6-6zm-3.03187447-1.06810595c-.88435284-.63912003-2.08877116-.7093269-2.96812553.00276023-.90620024.73382648-1.25812628 1.95919459-.82225162 2.96879869m11.79055952-2.92496449c.889667-.68192972 2.1314103-.77286806 3.0316921-.0438342.9064946.73406486 1.2583549 1.95999074.8218266 2.96978251\\\"/><path d=\\\"m8.5 5.5v4h-3.5\\\"/><path d=\\\"m14 15 2 2\\\"/><path d=\\\"m1 15 2 2\\\" transform=\\\"matrix(-1 0 0 1 4 0)\\\"/></g></svg>\";\nexport default alarmClockSvg;\n"],"mappings":";AAGA,IAAaA,IAAgB"}

package/dist/icons/align-horizontal.js

@@ -1,6 +1,6 @@
-const t = '<svg height="21" viewBox="0 0 21 21" width="21" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" transform="translate(3 1)"><path d="m4.5 4.5 3 3 3-3"/><path d="m7.5.5v7"/><path d="m4.5 14.5 3-3 3 3"/><path d="m7.5 11.5v7"/><path d="m.5 9.5h14"/></g></svg>';
-export {
-  t as alignHorizontalSvg,
-  t as default
-};
-//# sourceMappingURL=align-horizontal.js.map
+//#region source/components/icon/icons/entries/align-horizontal.ts
+var e = "<svg height=\"21\" viewBox=\"0 0 21 21\" width=\"21\" xmlns=\"http://www.w3.org/2000/svg\"><g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" transform=\"translate(3 1)\"><path d=\"m4.5 4.5 3 3 3-3\"/><path d=\"m7.5.5v7\"/><path d=\"m4.5 14.5 3-3 3 3\"/><path d=\"m7.5 11.5v7\"/><path d=\"m.5 9.5h14\"/></g></svg>";
+//#endregion
+export { e as alignHorizontalSvg, e as default };
+
+//# sourceMappingURL=align-horizontal.js.map