@threadlabs/looma 0.1.14 → 0.1.16

package/dist/index.cjs

@@ -2490,6 +2490,626 @@ var init_ui_top_bar_entry = __esm({
   }
 });
 
+// dist/esm/ui-tree-item.entry.js
+var ui_tree_item_entry_exports = {};
+__export(ui_tree_item_entry_exports, {
+  ui_tree_item: () => UITreeItem
+});
+function serializeAttributes(attributes) {
+  return Object.entries(attributes).map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`).join("");
+}
+function escapeAttribute(value) {
+  return String(value).replaceAll("&", "&").replaceAll('"', """);
+}
+function serializeIconNode(node) {
+  const [tag, attributes] = node;
+  return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
+}
+function loomaIconMarkup(name, className = "looma-icon") {
+  return [
+    `<svg class="${escapeAttribute(className)}" data-looma-icon="${name}" aria-hidden="true" focusable="false"`,
+    ' viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"',
+    ' stroke-linecap="round" stroke-linejoin="round">',
+    LOOMA_ICONS[name].map(serializeIconNode).join(""),
+    "</svg>"
+  ].join("");
+}
+var Bold, Braces, ChevronDown, ChevronLeft, CodeXml, Columns3, Ellipsis, Eraser, GripHorizontal, GripVertical, Heading1, Heading2, Heading3, Highlighter, Image, Italic, ListOrdered, ListTodo, List, Merge, Minus, PaintBucket, PanelBottom, PanelLeft, PanelRight, PanelTop, Pilcrow, Plus, Quote, Redo2, Rows3, Split, Strikethrough, Table2, TextAlignCenter, TextAlignEnd, TextAlignStart, Trash2, Underline, Undo2, LOOMA_ICONS, uiTreeItemCss, UITreeItem;
+var init_ui_tree_item_entry = __esm({
+  "dist/esm/ui-tree-item.entry.js"() {
+    init_index_CEeiinfk();
+    init_events_JwSoedEO();
+    Bold = [
+      ["path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" }]
+    ];
+    Braces = [
+      ["path", { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1" }],
+      ["path", { d: "M16 21h1a2 2 0 0 0 2-2v-5c0-1.1.9-2 2-2a2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1" }]
+    ];
+    ChevronDown = [["path", { d: "m6 9 6 6 6-6" }]];
+    ChevronLeft = [["path", { d: "m15 18-6-6 6-6" }]];
+    CodeXml = [
+      ["path", { d: "m18 16 4-4-4-4" }],
+      ["path", { d: "m6 8-4 4 4 4" }],
+      ["path", { d: "m14.5 4-5 16" }]
+    ];
+    Columns3 = [
+      ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+      ["path", { d: "M9 3v18" }],
+      ["path", { d: "M15 3v18" }]
+    ];
+    Ellipsis = [
+      ["circle", { cx: "12", cy: "12", r: "1" }],
+      ["circle", { cx: "19", cy: "12", r: "1" }],
+      ["circle", { cx: "5", cy: "12", r: "1" }]
+    ];
+    Eraser = [
+      [
+        "path",
+        {
+          d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21"
+        }
+      ],
+      ["path", { d: "m5.082 11.09 8.828 8.828" }]
+    ];
+    GripHorizontal = [
+      ["circle", { cx: "12", cy: "9", r: "1" }],
+      ["circle", { cx: "19", cy: "9", r: "1" }],
+      ["circle", { cx: "5", cy: "9", r: "1" }],
+      ["circle", { cx: "12", cy: "15", r: "1" }],
+      ["circle", { cx: "19", cy: "15", r: "1" }],
+      ["circle", { cx: "5", cy: "15", r: "1" }]
+    ];
+    GripVertical = [
+      ["circle", { cx: "9", cy: "12", r: "1" }],
+      ["circle", { cx: "9", cy: "5", r: "1" }],
+      ["circle", { cx: "9", cy: "19", r: "1" }],
+      ["circle", { cx: "15", cy: "12", r: "1" }],
+      ["circle", { cx: "15", cy: "5", r: "1" }],
+      ["circle", { cx: "15", cy: "19", r: "1" }]
+    ];
+    Heading1 = [
+      ["path", { d: "M4 12h8" }],
+      ["path", { d: "M4 18V6" }],
+      ["path", { d: "M12 18V6" }],
+      ["path", { d: "m17 12 3-2v8" }]
+    ];
+    Heading2 = [
+      ["path", { d: "M4 12h8" }],
+      ["path", { d: "M4 18V6" }],
+      ["path", { d: "M12 18V6" }],
+      ["path", { d: "M21 18h-4c0-4 4-3 4-6 0-1.5-2-2.5-4-1" }]
+    ];
+    Heading3 = [
+      ["path", { d: "M4 12h8" }],
+      ["path", { d: "M4 18V6" }],
+      ["path", { d: "M12 18V6" }],
+      ["path", { d: "M17.5 10.5c1.7-1 3.5 0 3.5 1.5a2 2 0 0 1-2 2" }],
+      ["path", { d: "M17 17.5c2 1.5 4 .3 4-1.5a2 2 0 0 0-2-2" }]
+    ];
+    Highlighter = [
+      ["path", { d: "m9 11-6 6v3h9l3-3" }],
+      ["path", { d: "m22 12-4.6 4.6a2 2 0 0 1-2.8 0l-5.2-5.2a2 2 0 0 1 0-2.8L14 4" }]
+    ];
+    Image = [
+      ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2" }],
+      ["circle", { cx: "9", cy: "9", r: "2" }],
+      ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21" }]
+    ];
+    Italic = [
+      ["line", { x1: "19", x2: "10", y1: "4", y2: "4" }],
+      ["line", { x1: "14", x2: "5", y1: "20", y2: "20" }],
+      ["line", { x1: "15", x2: "9", y1: "4", y2: "20" }]
+    ];
+    ListOrdered = [
+      ["path", { d: "M11 5h10" }],
+      ["path", { d: "M11 12h10" }],
+      ["path", { d: "M11 19h10" }],
+      ["path", { d: "M4 4h1v5" }],
+      ["path", { d: "M4 9h2" }],
+      ["path", { d: "M6.5 20H3.4c0-1 2.6-1.925 2.6-3.5a1.5 1.5 0 0 0-2.6-1.02" }]
+    ];
+    ListTodo = [
+      ["path", { d: "M13 5h8" }],
+      ["path", { d: "M13 12h8" }],
+      ["path", { d: "M13 19h8" }],
+      ["path", { d: "m3 17 2 2 4-4" }],
+      ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1" }]
+    ];
+    List = [
+      ["path", { d: "M3 5h.01" }],
+      ["path", { d: "M3 12h.01" }],
+      ["path", { d: "M3 19h.01" }],
+      ["path", { d: "M8 5h13" }],
+      ["path", { d: "M8 12h13" }],
+      ["path", { d: "M8 19h13" }]
+    ];
+    Merge = [
+      ["path", { d: "m8 6 4-4 4 4" }],
+      ["path", { d: "M12 2v10.3a4 4 0 0 1-1.172 2.872L4 22" }],
+      ["path", { d: "m20 22-5-5" }]
+    ];
+    Minus = [["path", { d: "M5 12h14" }]];
+    PaintBucket = [
+      ["path", { d: "m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z" }],
+      ["path", { d: "m5 2 5 5" }],
+      ["path", { d: "M2 13h15" }],
+      ["path", { d: "M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z" }]
+    ];
+    PanelBottom = [
+      ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+      ["path", { d: "M3 15h18" }]
+    ];
+    PanelLeft = [
+      ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+      ["path", { d: "M9 3v18" }]
+    ];
+    PanelRight = [
+      ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+      ["path", { d: "M15 3v18" }]
+    ];
+    PanelTop = [
+      ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+      ["path", { d: "M3 9h18" }]
+    ];
+    Pilcrow = [
+      ["path", { d: "M13 4v16" }],
+      ["path", { d: "M17 4v16" }],
+      ["path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" }]
+    ];
+    Plus = [
+      ["path", { d: "M5 12h14" }],
+      ["path", { d: "M12 5v14" }]
+    ];
+    Quote = [
+      [
+        "path",
+        {
+          d: "M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"
+        }
+      ],
+      [
+        "path",
+        {
+          d: "M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"
+        }
+      ]
+    ];
+    Redo2 = [
+      ["path", { d: "m15 14 5-5-5-5" }],
+      ["path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13" }]
+    ];
+    Rows3 = [
+      ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
+      ["path", { d: "M21 9H3" }],
+      ["path", { d: "M21 15H3" }]
+    ];
+    Split = [
+      ["path", { d: "M16 3h5v5" }],
+      ["path", { d: "M8 3H3v5" }],
+      ["path", { d: "M12 22v-8.3a4 4 0 0 0-1.172-2.872L3 3" }],
+      ["path", { d: "m15 9 6-6" }]
+    ];
+    Strikethrough = [
+      ["path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }],
+      ["path", { d: "M14 12a4 4 0 0 1 0 8H6" }],
+      ["line", { x1: "4", x2: "20", y1: "12", y2: "12" }]
+    ];
+    Table2 = [
+      [
+        "path",
+        {
+          d: "M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18"
+        }
+      ]
+    ];
+    TextAlignCenter = [
+      ["path", { d: "M21 5H3" }],
+      ["path", { d: "M17 12H7" }],
+      ["path", { d: "M19 19H5" }]
+    ];
+    TextAlignEnd = [
+      ["path", { d: "M21 5H3" }],
+      ["path", { d: "M21 12H9" }],
+      ["path", { d: "M21 19H7" }]
+    ];
+    TextAlignStart = [
+      ["path", { d: "M21 5H3" }],
+      ["path", { d: "M15 12H3" }],
+      ["path", { d: "M17 19H3" }]
+    ];
+    Trash2 = [
+      ["path", { d: "M10 11v6" }],
+      ["path", { d: "M14 11v6" }],
+      ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
+      ["path", { d: "M3 6h18" }],
+      ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
+    ];
+    Underline = [
+      ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }],
+      ["line", { x1: "4", x2: "20", y1: "20", y2: "20" }]
+    ];
+    Undo2 = [
+      ["path", { d: "M9 14 4 9l5-5" }],
+      ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" }]
+    ];
+    LOOMA_ICONS = {
+      "align-center": TextAlignCenter,
+      "align-left": TextAlignStart,
+      "align-right": TextAlignEnd,
+      bold: Bold,
+      braces: Braces,
+      "chevron-down": ChevronDown,
+      "chevron-left": ChevronLeft,
+      "code-xml": CodeXml,
+      columns: Columns3,
+      ellipsis: Ellipsis,
+      eraser: Eraser,
+      "grip-horizontal": GripHorizontal,
+      "grip-vertical": GripVertical,
+      "heading-1": Heading1,
+      "heading-2": Heading2,
+      "heading-3": Heading3,
+      highlighter: Highlighter,
+      image: Image,
+      italic: Italic,
+      list: List,
+      "list-ordered": ListOrdered,
+      "list-todo": ListTodo,
+      merge: Merge,
+      minus: Minus,
+      "paint-bucket": PaintBucket,
+      "panel-bottom": PanelBottom,
+      "panel-left": PanelLeft,
+      "panel-right": PanelRight,
+      "panel-top": PanelTop,
+      pilcrow: Pilcrow,
+      plus: Plus,
+      quote: Quote,
+      redo: Redo2,
+      rows: Rows3,
+      split: Split,
+      strikethrough: Strikethrough,
+      table: Table2,
+      trash: Trash2,
+      underline: Underline,
+      undo: Undo2
+    };
+    uiTreeItemCss = () => `: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}}`;
+    UITreeItem = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      get host() {
+        return getElement(this);
+      }
+      /** 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) : void 0, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? "true" : void 0, "data-container": this.container ? "" : void 0, "data-selected": this.selected ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-drag-type": this.dragType || "item", "data-drop-scope": this.dropScope || void 0, "data-accepts": this.accepts || void 0, 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 watchers() {
+        return {
+          "expanded": [{
+            "syncExpandedFromProp": 0
+          }]
+        };
+      }
+    };
+    UITreeItem.style = uiTreeItemCss();
+  }
+});
+
+// dist/esm/ui-tree.entry.js
+var ui_tree_entry_exports = {};
+__export(ui_tree_entry_exports, {
+  ui_tree: () => UITree
+});
+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";
+}
+function setElementDragImage(dataTransfer, element) {
+  if (!dataTransfer || typeof dataTransfer.setDragImage !== "function")
+    return;
+  const { height } = element.getBoundingClientRect();
+  dataTransfer.setDragImage(element, 16, Math.max(0, height / 2));
+}
+function createHoverIntent(delay, onIntent) {
+  let timer;
+  let pendingKey;
+  function cancel() {
+    if (timer)
+      clearTimeout(timer);
+    timer = void 0;
+    pendingKey = void 0;
+  }
+  return {
+    schedule(key) {
+      if (pendingKey === key && timer)
+        return;
+      cancel();
+      pendingKey = key;
+      timer = setTimeout(() => {
+        timer = void 0;
+        const resolvedKey = pendingKey;
+        pendingKey = void 0;
+        if (resolvedKey)
+          onIntent(resolvedKey);
+      }, Math.max(0, delay));
+    },
+    cancel,
+    destroy: cancel
+  };
+}
+var uiTreeCss, UITree;
+var init_ui_tree_entry = __esm({
+  "dist/esm/ui-tree.entry.js"() {
+    init_index_CEeiinfk();
+    init_events_JwSoedEO();
+    uiTreeCss = () => `:host{--ui-tree-indent:16px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter, 22px)}::slotted(ui-tree-item){--ui-tree-indent:inherit}`;
+    UITree = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      get host() {
+        return getElement(this);
+      }
+      label = "Tree";
+      hoverExpandDelay = 700;
+      source = null;
+      target = null;
+      position = null;
+      hoverIntent = null;
+      componentDidLoad() {
+        this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
+        this.host.addEventListener("dragstart", this.onDragStart);
+        this.host.addEventListener("dragover", this.onDragOver);
+        this.host.addEventListener("dragleave", this.onDragLeave);
+        this.host.addEventListener("drop", this.onDrop);
+        this.host.addEventListener("dragend", this.onDragEnd);
+        this.host.addEventListener("keydown", this.onKeyDown);
+      }
+      disconnectedCallback() {
+        this.hoverIntent?.destroy();
+        this.host.removeEventListener("dragstart", this.onDragStart);
+        this.host.removeEventListener("dragover", this.onDragOver);
+        this.host.removeEventListener("dragleave", this.onDragLeave);
+        this.host.removeEventListener("drop", this.onDrop);
+        this.host.removeEventListener("dragend", this.onDragEnd);
+        this.host.removeEventListener("keydown", this.onKeyDown);
+      }
+      itemFromEvent(event) {
+        return event.composedPath().find((node) => node instanceof HTMLElement && node.localName === "ui-tree-item") ?? null;
+      }
+      itemId(item) {
+        return item.itemId || item.getAttribute("item-id") || "";
+      }
+      rowFor(item) {
+        return item.shadowRoot?.querySelector('[part="row"]') ?? null;
+      }
+      acceptsChildren(item) {
+        return Boolean(item.container ?? item.hasAttribute("container")) && !Boolean(item.disabled ?? item.hasAttribute("disabled"));
+      }
+      itemMetadata(item) {
+        return {
+          type: item.getAttribute("data-drag-type") || item.getAttribute("drag-type") || "item",
+          scope: item.getAttribute("data-drop-scope") || item.getAttribute("drop-scope") || "",
+          accepts: (item.getAttribute("data-accepts") || item.getAttribute("accepts") || "").split(",").map((value) => value.trim()).filter(Boolean)
+        };
+      }
+      permitsDrop(source, target, position) {
+        if (source.contains(target))
+          return false;
+        const sourceMeta = this.itemMetadata(source);
+        const targetMeta = this.itemMetadata(target);
+        if (position === "inside") {
+          return this.acceptsChildren(target) && (targetMeta.accepts.length === 0 || targetMeta.accepts.includes(sourceMeta.type));
+        }
+        return sourceMeta.type === targetMeta.type;
+      }
+      clearTarget() {
+        this.target?.removeAttribute("data-drop-position");
+        this.target = null;
+        this.position = null;
+        this.hoverIntent?.cancel();
+      }
+      finishDrag() {
+        this.source?.removeAttribute("data-dragging");
+        this.source = null;
+        this.clearTarget();
+      }
+      expandTarget = (itemId) => {
+        const item = Array.from(this.host.querySelectorAll("ui-tree-item")).find((candidate) => this.itemId(candidate) === itemId);
+        if (!item || item.getAttribute("aria-expanded") !== "false")
+          return;
+        item.dispatchEvent(new CustomEvent("ui-tree-auto-expand"));
+      };
+      onDragStart = (event) => {
+        const item = this.itemFromEvent(event);
+        if (!item || !Boolean(item.sortable ?? item.hasAttribute("sortable")) || Boolean(item.disabled ?? item.hasAttribute("disabled")))
+          return;
+        const fromHandle = event.composedPath().some((node) => node instanceof HTMLElement && node.getAttribute("part") === "drag-handle");
+        if (!fromHandle) {
+          event.preventDefault();
+          return;
+        }
+        const sourceId = this.itemId(item);
+        const row = this.rowFor(item);
+        if (!sourceId || !row) {
+          event.preventDefault();
+          return;
+        }
+        this.source = item;
+        item.setAttribute("data-dragging", "true");
+        if (event.dataTransfer) {
+          event.dataTransfer.effectAllowed = "move";
+          event.dataTransfer.setData("text/plain", sourceId);
+        }
+        setElementDragImage(event.dataTransfer, row);
+      };
+      onDragOver = (event) => {
+        if (!this.source)
+          return;
+        const target = this.itemFromEvent(event);
+        if (!target || target === this.source) {
+          this.clearTarget();
+          return;
+        }
+        const row = this.rowFor(target);
+        if (!row)
+          return;
+        const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
+        if (!this.permitsDrop(this.source, target, position)) {
+          if (event.dataTransfer)
+            event.dataTransfer.dropEffect = "none";
+          this.clearTarget();
+          return;
+        }
+        event.preventDefault();
+        if (event.dataTransfer)
+          event.dataTransfer.dropEffect = "move";
+        if (this.target !== target || this.position !== position) {
+          this.clearTarget();
+          this.target = target;
+          this.position = position;
+          target.setAttribute("data-drop-position", position);
+        }
+        if (position === "inside" && target.getAttribute("aria-expanded") === "false") {
+          this.hoverIntent?.schedule(this.itemId(target));
+        } else {
+          this.hoverIntent?.cancel();
+        }
+      };
+      onDragLeave = (event) => {
+        const related = event.relatedTarget;
+        if (related instanceof Node && this.host.contains(related))
+          return;
+        this.clearTarget();
+      };
+      onDrop = (event) => {
+        if (!this.source || !this.target || !this.position)
+          return;
+        event.preventDefault();
+        const sourceId = this.itemId(this.source);
+        const targetId = this.itemId(this.target);
+        if (sourceId && targetId) {
+          const sourceMeta = this.itemMetadata(this.source);
+          const targetMeta = this.itemMetadata(this.target);
+          dispatchDetail(this.host, "reorder", {
+            sourceId,
+            targetId,
+            position: this.position,
+            sourceType: sourceMeta.type,
+            targetType: targetMeta.type,
+            sourceScope: sourceMeta.scope,
+            targetScope: targetMeta.scope,
+            trigger: "pointer"
+          });
+        }
+        this.finishDrag();
+      };
+      onDragEnd = () => {
+        this.finishDrag();
+      };
+      visibleItems() {
+        return Array.from(this.host.querySelectorAll("ui-tree-item")).filter((item) => item.getClientRects().length > 0 && !item.hasAttribute("disabled"));
+      }
+      onKeyDown = (event) => {
+        const current = this.itemFromEvent(event);
+        if (!current)
+          return;
+        const items = this.visibleItems();
+        const index = items.indexOf(current);
+        if (index < 0)
+          return;
+        const next = event.key === "ArrowDown" ? items[index + 1] : event.key === "ArrowUp" ? items[index - 1] : null;
+        if (!next)
+          return;
+        event.preventDefault();
+        next.focus();
+      };
+      render() {
+        return h(Host, { key: "5761d2840d2694340a4b937d46522f15f81973ac", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "08e5a7b489eed4f4eae9de6462104fd12defd336" }));
+      }
+    };
+    UITree.style = uiTreeCss();
+  }
+});
+
 // import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js
 var globImport_entry_js;
 var init_ = __esm({
@@ -2521,7 +3141,9 @@ var init_ = __esm({
       "./ui-textarea.entry.js": () => Promise.resolve().then(() => (init_ui_textarea_entry(), ui_textarea_entry_exports)),
       "./ui-toast-region.entry.js": () => Promise.resolve().then(() => (init_ui_toast_region_entry(), ui_toast_region_entry_exports)),
       "./ui-tooltip.entry.js": () => Promise.resolve().then(() => (init_ui_tooltip_entry(), ui_tooltip_entry_exports)),
-      "./ui-top-bar.entry.js": () => Promise.resolve().then(() => (init_ui_top_bar_entry(), ui_top_bar_entry_exports))
+      "./ui-top-bar.entry.js": () => Promise.resolve().then(() => (init_ui_top_bar_entry(), ui_top_bar_entry_exports)),
+      "./ui-tree-item.entry.js": () => Promise.resolve().then(() => (init_ui_tree_item_entry(), ui_tree_item_entry_exports)),
+      "./ui-tree.entry.js": () => Promise.resolve().then(() => (init_ui_tree_entry(), ui_tree_entry_exports))
     });
   }
 });
@@ -4072,17 +4694,20 @@ var init_index_CEeiinfk = __esm({
 var index_exports = {};
 __export(index_exports, {
   DEFAULT_AFFORDANCE_NEAR_RADIUS: () => DEFAULT_AFFORDANCE_NEAR_RADIUS2,
-  LOOMA_ICONS: () => LOOMA_ICONS,
+  LOOMA_ICONS: () => LOOMA_ICONS2,
   clampRectToViewport: () => clampRectToViewport,
+  classifyDropPosition: () => classifyDropPosition2,
   closeOverlay: () => closeOverlay2,
+  createHoverIntent: () => createHoverIntent2,
   createProximityCoordinator: () => createProximityCoordinator2,
   distanceFromPointToRect: () => distanceFromPointToRect2,
   getTopOverlay: () => getTopOverlay2,
   getVisualViewportRect: () => getVisualViewportRect,
   isTopOverlay: () => isTopOverlay,
-  loomaIconMarkup: () => loomaIconMarkup,
+  loomaIconMarkup: () => loomaIconMarkup2,
   openOverlay: () => openOverlay2,
-  requestTopOverlayClose: () => requestTopOverlayClose2
+  requestTopOverlayClose: () => requestTopOverlayClose2,
+  setElementDragImage: () => setElementDragImage2
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -4098,7 +4723,7 @@ var globalScripts = () => {
 var defineCustomElements = async (win2, options) => {
   if (typeof window === "undefined") return void 0;
   await globalScripts();
-  return bootstrapLazy([["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "syncTarget": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-affordance-scope", [[769, "ui-affordance-scope", { "nearRadius": [514, "near-radius"] }, null, { "nearRadius": [{ "connectCoordinator": 0 }] }]]], ["ui-avatar", [[513, "ui-avatar", { "src": [1], "alt": [1], "name": [1], "fallback": [1], "hasImage": [32] }, null, { "src": [{ "watchSrc": 0 }] }]]], ["ui-avatar-group", [[769, "ui-avatar-group", { "max": [2], "label": [1], "overflowCount": [32] }, null, { "max": [{ "syncOverflow": 0 }] }]]], ["ui-badge", [[769, "ui-badge", { "variant": [1], "tone": [1] }]]], ["ui-button", [[769, "ui-button", { "variant": [1], "size": [1], "disabled": [4] }, null, { "variant": [{ "syncToButton": 0 }], "size": [{ "syncToButton": 0 }], "disabled": [{ "syncToButton": 0 }] }]]], ["ui-checkbox", [[769, "ui-checkbox", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "indeterminate": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "internalChecked": [{ "syncToInput": 0 }], "indeterminate": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOpen": 0 }] }]]], ["ui-disclosure", [[769, "ui-disclosure", { "open": [4], "defaultOpen": [4, "default-open"], "disabled": [4], "internalOpen": [32], "contentId": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncState": 0 }] }]]], ["ui-floating-action-button", [[769, "ui-floating-action-button", { "disabled": [516], "mobileOnly": [516, "mobile-only"], "label": [1] }]]], ["ui-form-field", [[769, "ui-form-field", { "invalid": [4], "disabled": [4], "required": [4] }]]], ["ui-icon-button", [[769, "ui-icon-button", { "disabled": [516], "label": [1], "size": [513], "variant": [513], "anticipatory": [516] }]]], ["ui-input", [[769, "ui-input", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToInput": 0 }], "defaultValue": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "invalid": [{ "syncToInput": 0 }], "readOnly": [{ "syncToInput": 0 }] }]]], ["ui-menu-item", [[769, "ui-menu-item", { "disabled": [516], "value": [1] }]]], ["ui-popover", [[769, "ui-popover", { "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1] }, null, { "checked": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "name": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }], "value": [{ "syncToInput": 0 }] }]]], ["ui-radio-group", [[769, "ui-radio-group", { "value": [1], "name": [1], "orientation": [1], "disabled": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToRadios": 0 }], "name": [{ "syncToRadios": 0 }], "orientation": [{ "syncToRadios": 0 }], "disabled": [{ "syncToRadios": 0 }] }]]], ["ui-search-result-row", [[769, "ui-search-result-row", { "disabled": [516], "selected": [516], "hasLeading": [32], "hasMeta": [32], "hasExcerpt": [32], "hasTrailing": [32] }]]], ["ui-search-shell", [[769, "ui-search-shell", { "hasStatus": [32], "hasFooter": [32] }]]], ["ui-select", [[769, "ui-select", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToSelect": 0 }], "defaultValue": [{ "syncToSelect": 0 }], "disabled": [{ "syncToSelect": 0 }], "invalid": [{ "syncToSelect": 0 }], "required": [{ "syncToSelect": 0 }] }]]], ["ui-switch", [[769, "ui-switch", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }] }]]], ["ui-tabs", [[769, "ui-tabs", { "value": [1], "defaultValue": [1, "default-value"], "orientation": [1], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncState": 0 }], "orientation": [{ "syncState": 0 }] }]]], ["ui-textarea", [[769, "ui-textarea", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "rows": [2], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToTextarea": 0 }], "defaultValue": [{ "syncToTextarea": 0 }], "disabled": [{ "syncToTextarea": 0 }], "invalid": [{ "syncToTextarea": 0 }], "readOnly": [{ "syncToTextarea": 0 }], "rows": [{ "syncToTextarea": 0 }] }]]], ["ui-toast-region", [[769, "ui-toast-region", { "open": [4], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-top-bar", [[769, "ui-top-bar", { "hasLeading": [32], "hasSearch": [32], "hasActions": [32] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]]], options);
+  return bootstrapLazy([["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "syncTarget": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-affordance-scope", [[769, "ui-affordance-scope", { "nearRadius": [514, "near-radius"] }, null, { "nearRadius": [{ "connectCoordinator": 0 }] }]]], ["ui-avatar", [[513, "ui-avatar", { "src": [1], "alt": [1], "name": [1], "fallback": [1], "hasImage": [32] }, null, { "src": [{ "watchSrc": 0 }] }]]], ["ui-avatar-group", [[769, "ui-avatar-group", { "max": [2], "label": [1], "overflowCount": [32] }, null, { "max": [{ "syncOverflow": 0 }] }]]], ["ui-badge", [[769, "ui-badge", { "variant": [1], "tone": [1] }]]], ["ui-button", [[769, "ui-button", { "variant": [1], "size": [1], "disabled": [4] }, null, { "variant": [{ "syncToButton": 0 }], "size": [{ "syncToButton": 0 }], "disabled": [{ "syncToButton": 0 }] }]]], ["ui-checkbox", [[769, "ui-checkbox", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "indeterminate": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "internalChecked": [{ "syncToInput": 0 }], "indeterminate": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOpen": 0 }] }]]], ["ui-disclosure", [[769, "ui-disclosure", { "open": [4], "defaultOpen": [4, "default-open"], "disabled": [4], "internalOpen": [32], "contentId": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncState": 0 }] }]]], ["ui-floating-action-button", [[769, "ui-floating-action-button", { "disabled": [516], "mobileOnly": [516, "mobile-only"], "label": [1] }]]], ["ui-form-field", [[769, "ui-form-field", { "invalid": [4], "disabled": [4], "required": [4] }]]], ["ui-icon-button", [[769, "ui-icon-button", { "disabled": [516], "label": [1], "size": [513], "variant": [513], "anticipatory": [516] }]]], ["ui-input", [[769, "ui-input", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToInput": 0 }], "defaultValue": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "invalid": [{ "syncToInput": 0 }], "readOnly": [{ "syncToInput": 0 }] }]]], ["ui-menu-item", [[769, "ui-menu-item", { "disabled": [516], "value": [1] }]]], ["ui-popover", [[769, "ui-popover", { "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1] }, null, { "checked": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "name": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }], "value": [{ "syncToInput": 0 }] }]]], ["ui-radio-group", [[769, "ui-radio-group", { "value": [1], "name": [1], "orientation": [1], "disabled": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToRadios": 0 }], "name": [{ "syncToRadios": 0 }], "orientation": [{ "syncToRadios": 0 }], "disabled": [{ "syncToRadios": 0 }] }]]], ["ui-search-result-row", [[769, "ui-search-result-row", { "disabled": [516], "selected": [516], "hasLeading": [32], "hasMeta": [32], "hasExcerpt": [32], "hasTrailing": [32] }]]], ["ui-search-shell", [[769, "ui-search-shell", { "hasStatus": [32], "hasFooter": [32] }]]], ["ui-select", [[769, "ui-select", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToSelect": 0 }], "defaultValue": [{ "syncToSelect": 0 }], "disabled": [{ "syncToSelect": 0 }], "invalid": [{ "syncToSelect": 0 }], "required": [{ "syncToSelect": 0 }] }]]], ["ui-switch", [[769, "ui-switch", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }] }]]], ["ui-tabs", [[769, "ui-tabs", { "value": [1], "defaultValue": [1, "default-value"], "orientation": [1], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncState": 0 }], "orientation": [{ "syncState": 0 }] }]]], ["ui-textarea", [[769, "ui-textarea", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "rows": [2], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToTextarea": 0 }], "defaultValue": [{ "syncToTextarea": 0 }], "disabled": [{ "syncToTextarea": 0 }], "invalid": [{ "syncToTextarea": 0 }], "readOnly": [{ "syncToTextarea": 0 }], "rows": [{ "syncToTextarea": 0 }] }]]], ["ui-toast-region", [[769, "ui-toast-region", { "open": [4], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-top-bar", [[769, "ui-top-bar", { "hasLeading": [32], "hasSearch": [32], "hasActions": [32] }]]], ["ui-tree", [[769, "ui-tree", { "label": [1], "hoverExpandDelay": [2, "hover-expand-delay"] }]]], ["ui-tree-item", [[769, "ui-tree-item", { "itemId": [1, "item-id"], "label": [1], "depth": [2], "container": [4], "sortable": [4], "dragType": [1, "drag-type"], "dropScope": [1, "drop-scope"], "accepts": [1], "expanded": [4], "defaultExpanded": [4, "default-expanded"], "selected": [4], "disabled": [4], "internalExpanded": [32] }, null, { "expanded": [{ "syncExpandedFromProp": 0 }] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]]], options);
 };
 
 // loader/index.js
@@ -4330,7 +4955,7 @@ function createProximityCoordinator2(scope, options = {}) {
 
 // src/icons.ts
 var import_lucide = require("lucide");
-var LOOMA_ICONS = {
+var LOOMA_ICONS2 = {
   "align-center": import_lucide.AlignCenter,
   "align-left": import_lucide.AlignLeft,
   "align-right": import_lucide.AlignRight,
@@ -4372,26 +4997,64 @@ var LOOMA_ICONS = {
   underline: import_lucide.Underline,
   undo: import_lucide.Undo2
 };
-function serializeAttributes(attributes) {
-  return Object.entries(attributes).map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`).join("");
+function serializeAttributes2(attributes) {
+  return Object.entries(attributes).map(([name, value]) => ` ${name}="${escapeAttribute2(value)}"`).join("");
 }
-function escapeAttribute(value) {
+function escapeAttribute2(value) {
   return String(value).replaceAll("&", "&amp;").replaceAll('"', "&quot;");
 }
-function serializeIconNode(node) {
+function serializeIconNode2(node) {
   const [tag, attributes] = node;
-  return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
+  return `<${tag}${serializeAttributes2(attributes)}></${tag}>`;
 }
-function loomaIconMarkup(name, className = "looma-icon") {
+function loomaIconMarkup2(name, className = "looma-icon") {
   return [
-    `<svg class="${escapeAttribute(className)}" data-looma-icon="${name}" aria-hidden="true" focusable="false"`,
+    `<svg class="${escapeAttribute2(className)}" data-looma-icon="${name}" aria-hidden="true" focusable="false"`,
     ' viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"',
     ' stroke-linecap="round" stroke-linejoin="round">',
-    LOOMA_ICONS[name].map(serializeIconNode).join(""),
+    LOOMA_ICONS2[name].map(serializeIconNode2).join(""),
     "</svg>"
   ].join("");
 }
 
+// src/utils/drag-drop.ts
+function classifyDropPosition2(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";
+}
+function setElementDragImage2(dataTransfer, element) {
+  if (!dataTransfer || typeof dataTransfer.setDragImage !== "function") return;
+  const { height } = element.getBoundingClientRect();
+  dataTransfer.setDragImage(element, 16, Math.max(0, height / 2));
+}
+function createHoverIntent2(delay, onIntent) {
+  let timer;
+  let pendingKey;
+  function cancel() {
+    if (timer) clearTimeout(timer);
+    timer = void 0;
+    pendingKey = void 0;
+  }
+  return {
+    schedule(key) {
+      if (pendingKey === key && timer) return;
+      cancel();
+      pendingKey = key;
+      timer = setTimeout(() => {
+        timer = void 0;
+        const resolvedKey = pendingKey;
+        pendingKey = void 0;
+        if (resolvedKey) onIntent(resolvedKey);
+      }, Math.max(0, delay));
+    },
+    cancel,
+    destroy: cancel
+  };
+}
+
 // index.ts
 defineCustomElements();
 // Annotate the CommonJS export names for ESM import in node:
@@ -4399,7 +5062,9 @@ defineCustomElements();
   DEFAULT_AFFORDANCE_NEAR_RADIUS,
   LOOMA_ICONS,
   clampRectToViewport,
+  classifyDropPosition,
   closeOverlay,
+  createHoverIntent,
   createProximityCoordinator,
   distanceFromPointToRect,
   getTopOverlay,
@@ -4407,6 +5072,13 @@ defineCustomElements();
   isTopOverlay,
   loomaIconMarkup,
   openOverlay,
-  requestTopOverlayClose
+  requestTopOverlayClose,
+  setElementDragImage
 });
+/**
+ * @license lucide v0.554.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
 /*!__STENCIL_STATIC_IMPORT_SWITCH__*/