@threadlabs/looma 0.1.22 → 0.1.24

package/dist/esm/ui-tree-item.entry.js

@@ -1,605 +1,6 @@
-import { r as registerInstance, g as getElement, h, H as Host } from './index-CEeiinfk.js';
+import { r as registerInstance, g as getElement, h, H as Host } from './index-8BGiMGQ0.js';
 import { d as dispatchDetail, e as eventToTrigger } from './events-JwSoedEO.js';
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const ChevronDown = [["path", { d: "m6 9 6 6 6-6" }]];
-
-/**
- * @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.
- */
-
-const ChevronLeft = [["path", { d: "m15 18-6-6 6-6" }]];
-
-/**
- * @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.
- */
-
-const CodeXml = [
-  ["path", { d: "m18 16 4-4-4-4" }],
-  ["path", { d: "m6 8-4 4 4 4" }],
-  ["path", { d: "m14.5 4-5 16" }]
-];
-
-/**
- * @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.
- */
-
-const Columns3 = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M9 3v18" }],
-  ["path", { d: "M15 3v18" }]
-];
-
-/**
- * @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.
- */
-
-const Ellipsis = [
-  ["circle", { cx: "12", cy: "12", r: "1" }],
-  ["circle", { cx: "19", cy: "12", r: "1" }],
-  ["circle", { cx: "5", cy: "12", r: "1" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const Heading1 = [
-  ["path", { d: "M4 12h8" }],
-  ["path", { d: "M4 18V6" }],
-  ["path", { d: "M12 18V6" }],
-  ["path", { d: "m17 12 3-2v8" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const Minus = [["path", { d: "M5 12h14" }]];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const PanelBottom = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M3 15h18" }]
-];
-
-/**
- * @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.
- */
-
-const PanelLeft = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M9 3v18" }]
-];
-
-/**
- * @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.
- */
-
-const PanelRight = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M15 3v18" }]
-];
-
-/**
- * @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.
- */
-
-const PanelTop = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M3 9h18" }]
-];
-
-/**
- * @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.
- */
-
-const Pilcrow = [
-  ["path", { d: "M13 4v16" }],
-  ["path", { d: "M17 4v16" }],
-  ["path", { d: "M19 4H9.5a4.5 4.5 0 0 0 0 9H13" }]
-];
-
-/**
- * @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.
- */
-
-const Plus = [
-  ["path", { d: "M5 12h14" }],
-  ["path", { d: "M12 5v14" }]
-];
-
-/**
- * @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.
- */
-
-const 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"
-    }
-  ]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const Rows3 = [
-  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2" }],
-  ["path", { d: "M21 9H3" }],
-  ["path", { d: "M21 15H3" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const 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"
-    }
-  ]
-];
-
-/**
- * @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.
- */
-
-const TextAlignCenter = [
-  ["path", { d: "M21 5H3" }],
-  ["path", { d: "M17 12H7" }],
-  ["path", { d: "M19 19H5" }]
-];
-
-/**
- * @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.
- */
-
-const TextAlignEnd = [
-  ["path", { d: "M21 5H3" }],
-  ["path", { d: "M21 12H9" }],
-  ["path", { d: "M21 19H7" }]
-];
-
-/**
- * @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.
- */
-
-const TextAlignStart = [
-  ["path", { d: "M21 5H3" }],
-  ["path", { d: "M15 12H3" }],
-  ["path", { d: "M17 19H3" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/**
- * @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.
- */
-
-const Underline = [
-  ["path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }],
-  ["line", { x1: "4", x2: "20", y1: "20", y2: "20" }]
-];
-
-/**
- * @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.
- */
-
-const 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" }]
-];
-
-/** The opinionated Lucide set used by Looma's shipped interaction surfaces. */
-const 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,
-};
-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}>`;
-}
-/** Creates consistent, currentColor-driven SVG markup for framework-neutral components. */
-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('');
-}
+import { l as loomaIconMarkup } from './icons-CoFximGM.js';
 
 const uiTreeItemCss = () => `:host{--ui-tree-indent:16px;--ui-tree-row-min-height:32px;--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;font-size:var(--ui-tree-font-size, var(--ui-font-size-ui, 0.9375rem));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),     min-block-size var(--ui-motion-base) 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']) .row-drop-indicator{display:block;inset-block-start:-1px}:host([data-drop-position='after']) .subtree-drop-indicator{display:block;inset-block-end:-1px}.children[hidden]{display:none}:host-context(html[data-ui-input-modality='touch']){--ui-tree-row-min-height:44px}:host-context(html[data-ui-input-modality='touch']) .drag-handle{display:none}@media (prefers-reduced-motion: reduce){.row,.disclosure-icon,.drag-handle{transition:none}}`;
 
@@ -612,8 +13,10 @@ const UITreeItem = class {
     itemId = '';
     /** Accessible name used by the disclosure and drag handle. */
     label = '';
-    /** One-based visual and semantic nesting level. */
-    depth = 1;
+    /** Application hierarchy depth override used for drop constraints. Defaults to structural nesting. */
+    dropDepth;
+    /** Virtualized-tree descendant-depth override for the tree's max-depth drop constraint. */
+    subtreeDepth;
     /** Whether this item accepts children and exposes disclosure behavior. */
     container = false;
     /** Whether this item participates in pointer drag and drop. */
@@ -624,37 +27,74 @@ const UITreeItem = class {
     dropScope = '';
     /** Comma-separated drag kinds accepted as children. Empty accepts every kind. */
     accepts = '';
-    /** Initial controlled expansion value. */
-    expanded = false;
+    /** Controlled expansion value. When omitted, `default-expanded` initializes uncontrolled state. */
+    expanded;
     /** Initial uncontrolled expansion value. */
     defaultExpanded = false;
     selected = false;
     disabled = false;
     internalExpanded = false;
+    structuralLevel = 1;
+    tabStop = false;
     syncExpandedFromProp() {
-        this.internalExpanded = this.expanded;
+        // A defined prop owns the rendered state; clearing it resumes the current
+        // uncontrolled state instead of replaying the initial default.
+        if (this.expanded !== undefined)
+            this.internalExpanded = this.expanded;
     }
     componentWillLoad() {
-        this.internalExpanded = this.expanded || this.defaultExpanded;
+        this.internalExpanded = this.expanded ?? this.defaultExpanded;
+        this.updateStructuralLevel();
     }
-    componentDidLoad() {
+    connectedCallback() {
         this.host.addEventListener('ui-tree-auto-expand', this.onAutoExpand);
+        this.host.addEventListener('ui-tree-structure-sync', this.updateStructuralLevel);
+        this.host.addEventListener('ui-tree-roving-tab-stop', this.onRovingTabStop);
+        this.host.addEventListener('ui-tree-request-expanded', this.onExpansionRequest);
     }
     disconnectedCallback() {
         this.host.removeEventListener('ui-tree-auto-expand', this.onAutoExpand);
+        this.host.removeEventListener('ui-tree-structure-sync', this.updateStructuralLevel);
+        this.host.removeEventListener('ui-tree-roving-tab-stop', this.onRovingTabStop);
+        this.host.removeEventListener('ui-tree-request-expanded', this.onExpansionRequest);
     }
+    updateStructuralLevel = () => {
+        const tree = this.host.closest('ui-tree');
+        let ancestor = this.host.parentElement?.closest('ui-tree-item') ?? null;
+        let level = 1;
+        while (ancestor && tree?.contains(ancestor)) {
+            level += 1;
+            ancestor = ancestor.parentElement?.closest('ui-tree-item') ?? null;
+        }
+        if (this.structuralLevel !== level)
+            this.structuralLevel = level;
+    };
     setExpanded(expanded, trigger) {
-        if (!this.container || this.disabled || this.internalExpanded === expanded)
+        const current = this.isExpanded();
+        if (!this.container || this.disabled || current === expanded)
             return;
-        this.internalExpanded = expanded;
+        if (this.expanded === undefined)
+            this.internalExpanded = expanded;
         dispatchDetail(this.host, 'expand', { id: this.itemId, expanded, trigger });
+        this.host.dispatchEvent(new CustomEvent('ui-tree-expansion-change'));
+    }
+    isExpanded() {
+        return this.expanded ?? this.internalExpanded;
     }
     onAutoExpand = () => {
         this.setExpanded(true, 'pointer');
     };
+    onRovingTabStop = (event) => {
+        this.tabStop = Boolean(event.detail?.active) && !this.disabled;
+    };
+    onExpansionRequest = (event) => {
+        const detail = event.detail;
+        if (typeof detail?.expanded === 'boolean')
+            this.setExpanded(detail.expanded, detail.trigger ?? 'keyboard');
+    };
     onDisclosureClick = (event) => {
         event.stopPropagation();
-        this.setExpanded(!this.internalExpanded, eventToTrigger(event));
+        this.setExpanded(!this.isExpanded(), eventToTrigger(event));
     };
     onDisclosureKeydown = (event) => {
         if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft')
@@ -670,16 +110,17 @@ const UITreeItem = class {
         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));
+            this.setExpanded(!this.isExpanded(), eventToTrigger(event));
     };
     render() {
-        const level = Math.max(1, Math.floor(this.depth));
-        const disclosureLabel = `${this.internalExpanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
+        const level = this.structuralLevel;
+        const expanded = this.isExpanded();
+        const disclosureLabel = `${expanded ? 'Collapse' : 'Expand'} ${this.label || 'item'}`;
         const dragLabel = `Drag ${this.label || 'item'} to reorder`;
-        return (h(Host, { key: 'ea8ed538aa3883c87257a25614a066965364693f', role: "treeitem", "aria-level": String(level), "aria-expanded": this.container ? String(this.internalExpanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled ? -1 : 0, style: {
+        return (h(Host, { key: '36ad9eac3e0fe2a606e63294891b1c0697034b46', role: "treeitem", "aria-label": this.label || undefined, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : undefined, "aria-selected": String(this.selected), "aria-disabled": this.disabled ? 'true' : undefined, "data-container": this.container ? '' : undefined, "data-selected": this.selected ? '' : undefined, "data-disabled": this.disabled ? '' : undefined, "data-drag-type": this.dragType || 'item', "data-drop-scope": this.dropScope || undefined, "data-accepts": this.accepts || undefined, tabIndex: this.disabled || !this.tabStop ? -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: '9efc0e95588f1dd4527dade2b7ff9f2774462c2e', class: "drop-indicator row-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, h("span", { key: '8893ec2c4082bb8af942ef563055a2910d0d4201', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
+            } }, h("div", { key: 'e92f5bc73accef3b348559ea144e0b769c98c721', 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(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: loomaIconMarkup('chevron-down') }))) : h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), h("span", { key: 'dd2d0550d6846d0a4f80a4108968bfc32c18658f', class: "leading", part: "leading" }, h("slot", { key: '622d449a338dce57bc2e64aaf776471e8d3ce1b4', name: "leading" })), h("span", { key: '29c3e6ace4838ab941ada2547356288358faaeb2', class: "label", part: "label" }, h("slot", { key: 'f1594c11fa0b9fbe8a3c20df6edce19421cab148' })), h("span", { key: 'e4a6408f86b58a325145e713d116fc09322bb0d3', class: "actions", part: "actions" }, h("slot", { key: 'ff3afaf1089426e19ee1fc39c6567c3d40ca4272', name: "actions" })), h("span", { key: 'efcf23f7aad6c4353fa24bfe2a81001122335f72', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, h("slot", { name: "children" }))) : null, h("span", { key: '21bfc8a6ad6e487cd044b5a3cbd7e8f900f2d1e1', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
     }
     static get watchers() { return {
         "expanded": [{