@threadlabs/looma 0.1.23 → 0.1.25

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

@@ -2,606 +2,7 @@
 
 var index = require('./index-BHG9Rpil.js');
 var events = require('./events-TcQIzpNv.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('');
-}
+var icons = require('./icons-BAdjrnhS.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}}`;
 
@@ -614,11 +15,9 @@ 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 used for drop constraints. Defaults to visual depth. */
+    /** Application hierarchy depth override used for drop constraints. Defaults to structural nesting. */
     dropDepth;
-    /** Deepest descendant distance, used with the tree's max-depth drop constraint. */
+    /** 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;
@@ -630,37 +29,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;
         events.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, events.eventToTrigger(event));
+        this.setExpanded(!this.isExpanded(), events.eventToTrigger(event));
     };
     onDisclosureKeydown = (event) => {
         if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft')
@@ -676,16 +112,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, events.eventToTrigger(event));
+            this.setExpanded(!this.isExpanded(), events.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 (index.h(index.Host, { key: '606f5fdac8a95489d0c62cd7d4918c6d5d0c759e', 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 (index.h(index.Host, { key: 'f092fa9586a39aba1a9629ba42e52f8fbc10de05', 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',
-            } }, index.h("div", { key: '2b4bb03d4b24ef668f22b08e803f7f43c2d63ae5', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (index.h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, index.h("span", { innerHTML: loomaIconMarkup('grip-vertical') }))) : null, this.container ? (index.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 }, index.h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': this.internalExpanded }, innerHTML: loomaIconMarkup('chevron-down') }))) : index.h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), index.h("span", { key: 'e7b935158e35cdc6518bdd73d54c42dcfa211aee', class: "leading", part: "leading" }, index.h("slot", { key: '8448462349fd23b8be0fb673fc6e101bf94beaa7', name: "leading" })), index.h("span", { key: 'e0b6338e1ec9ec043446e42c5f03724adf7e1862', class: "label", part: "label" }, index.h("slot", { key: 'ed44e6f2ce3466c28d2b87fc7511399ecc339255' })), index.h("span", { key: '2aea78227904fe23cfc4b8e14852a4601e3cc34b', class: "actions", part: "actions" }, index.h("slot", { key: '7c6549008c2a54c3ea6fcdf9e0fdbe445d379922', name: "actions" })), index.h("span", { key: '05166ba04765bc518d6b95ca7ae5a67c4394d1bf', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (index.h("div", { class: "children", part: "children", role: "group", hidden: !this.internalExpanded }, index.h("slot", { name: "children" }))) : null, index.h("span", { key: '7381d6e9e2a8f94695f29e73194b1603d79cefb9', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
+            } }, index.h("div", { key: '2f16d97219ba9ec9e37688d97ad9144508aa1ed5', class: "row", part: "row", onClick: this.onRowClick }, this.sortable && !this.disabled ? (index.h("button", { class: "drag-handle", part: "drag-handle", type: "button", draggable: true, "aria-label": dragLabel, title: dragLabel }, index.h("span", { innerHTML: icons.loomaIconMarkup('grip-vertical') }))) : null, this.container ? (index.h("button", { class: "disclosure", part: "disclosure", type: "button", "aria-label": disclosureLabel, "aria-expanded": String(expanded), disabled: this.disabled, onClick: this.onDisclosureClick, onKeyDown: this.onDisclosureKeydown }, index.h("span", { class: { 'disclosure-icon': true, 'disclosure-icon--expanded': expanded }, innerHTML: icons.loomaIconMarkup('chevron-down') }))) : index.h("span", { class: "disclosure-spacer", "aria-hidden": "true" }), index.h("span", { key: 'd984631c891df304edb3e1dc5bcd19af3ad8e20d', class: "leading", part: "leading" }, index.h("slot", { key: '81a0e055859df5d4daaa6dac39013b23dcc2831b', name: "leading" })), index.h("span", { key: '3ae295523d5a3b9feaa9bfaa16d807349e37d78b', class: "label", part: "label" }, index.h("slot", { key: 'db8503a41d087d283074a41e76fa872ff4b2a707' })), index.h("span", { key: 'ac5b5db7128b31a9263b912bd64cd90ac640eaeb', class: "actions", part: "actions" }, index.h("slot", { key: 'c8842a5d80215ec297688c86f6bfe9b4d9bed333', name: "actions" })), index.h("span", { key: 'b7f239bc16867678291850ad61a5cd752d6a7425', class: "drop-indicator row-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })), this.container ? (index.h("div", { class: "children", part: "children", role: "group", hidden: !expanded }, index.h("slot", { name: "children" }))) : null, index.h("span", { key: '2a5f448db2f4f363a34a1a950785e0ee12cc9938', class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" })));
     }
     static get watchers() { return {
         "expanded": [{