@threadlabs/looma 0.1.22 → 0.1.24

package/dist/index.cjs

@@ -372,7 +372,7 @@ __export(ui_affordance_scope_entry_exports, {
 var uiAffordanceScopeCss, UIAffordanceScope;
 var init_ui_affordance_scope_entry = __esm({
   "dist/esm/ui-affordance-scope.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_positioning_Bu0dmLBE();
     uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
     UIAffordanceScope = class {
@@ -402,7 +402,7 @@ var init_ui_affordance_scope_entry = __esm({
         this.coordinator?.refresh();
       };
       render() {
-        return h(Host, { key: "184b0a908494d480ed23aa14b75d4f7b94e5275b" }, h("slot", { key: "570e810db588c1514c6fd85985c9bc4532993a2b", onSlotchange: this.onSlotChange }));
+        return h(Host, { key: "f500fa48554ed6224efd2dbe9632880bf0a15a19" }, h("slot", { key: "37c5c5b7925b260ff8f9edd411ee6c90a12a4909", onSlotchange: this.onSlotChange }));
       }
       static get watchers() {
         return {
@@ -421,12 +421,11 @@ var ui_avatar_group_entry_exports = {};
 __export(ui_avatar_group_entry_exports, {
   ui_avatar_group: () => UIAvatarGroup
 });
-var uiAvatarGroupCss, OVERFLOW_ATTR, UIAvatarGroup;
+var uiAvatarGroupCss, UIAvatarGroup;
 var init_ui_avatar_group_entry = __esm({
   "dist/esm/ui-avatar-group.entry.js"() {
-    init_index_CEeiinfk();
-    uiAvatarGroupCss = () => `:host{display:flex;align-items:center;flex-direction:row-reverse;gap:0}::slotted(*:not([data-ui-avatar-group-overflow])){margin-inline-end:-0.5rem;flex-shrink:0}::slotted(*:last-of-type:not([data-ui-avatar-group-overflow])){margin-inline-end:0}.overflow{margin-inline-end:-0.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;font-weight:600;flex-shrink:0}`;
-    OVERFLOW_ATTR = "data-ui-avatar-group-overflow";
+    init_index_8BGiMGQ0();
+    uiAvatarGroupCss = () => `:host{display:flex;align-items:center;flex-direction:row-reverse;gap:0}::slotted(*){margin-inline-end:-0.5rem;flex-shrink:0}::slotted(*:last-of-type){margin-inline-end:0}.overflow{margin-inline-end:-0.5rem;display:inline-flex;align-items:center;justify-content:center;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;font-weight:600;flex-shrink:0}`;
     UIAvatarGroup = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -437,32 +436,25 @@ var init_ui_avatar_group_entry = __esm({
       max = 5;
       label = "People";
       overflowCount = 0;
-      slotRef;
       syncOverflow() {
         this.updateOverflow();
       }
       componentDidLoad() {
-        this.slotRef?.addEventListener("slotchange", () => this.updateOverflow());
         this.updateOverflow();
       }
-      componentDidUpdate() {
-        this.updateOverflow();
+      visibleLimit() {
+        return Number.isFinite(this.max) ? Math.max(0, Math.floor(this.max)) : 0;
       }
       updateOverflow() {
-        const slot = this.host.shadowRoot?.querySelector("slot");
-        const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
-        const children = nodes.filter((el) => !el.hasAttribute(OVERFLOW_ATTR));
+        const children = Array.from(this.host.children);
         const total = children.length;
-        const visibleCount = Math.min(this.max, total);
-        const overflowCount = total > this.max ? total - this.max : 0;
-        children.forEach((el, i) => {
-          el.hidden = i >= visibleCount;
-          el.setAttribute("aria-hidden", String(i >= visibleCount));
-        });
-        this.overflowCount = overflowCount;
+        const visibleLimit = this.visibleLimit();
+        const overflowCount = total > visibleLimit ? total - visibleLimit : 0;
+        if (this.overflowCount !== overflowCount)
+          this.overflowCount = overflowCount;
       }
       render() {
-        return h(Host, { key: "bef6efd3c80d29e47742412a497893789ea8790b", role: "list", "aria-label": this.label || void 0 }, h("slot", { key: "21585b11dcde36868c3e3bc7fbd0c216be6f011b" }), this.overflowCount > 0 && h("span", { key: "ede3b71945d379fe78d522a3346aa29c02d74b15", class: "overflow", role: "listitem", "aria-label": `${this.overflowCount} more`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount));
+        return h(Host, { key: "9ba6693cabc379bbbe6f5698160481f27fe02f31", role: "group", "aria-label": this.label || void 0 }, h("style", { key: "ed231fe96c16a3cdd5a66d4828664c75c6959a9e" }, `::slotted(:nth-child(n + ${this.visibleLimit() + 1})) { display: none !important; }`), h("slot", { key: "463005a7f3c498c80c768151ab32c873ff1abf86", onSlotchange: () => this.updateOverflow() }), this.overflowCount > 0 && h("span", { key: "dc1ba88fd97ca461e6518d223f00a93416e6d0f0", class: "overflow", role: "img", "aria-label": `${this.overflowCount} more ${this.overflowCount === 1 ? "person" : "people"}`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount));
       }
       static get watchers() {
         return {
@@ -492,8 +484,8 @@ function toInitials(value) {
 var uiAvatarCss, UIAvatar;
 var init_ui_avatar_entry = __esm({
   "dist/esm/ui-avatar.entry.js"() {
-    init_index_CEeiinfk();
-    uiAvatarCss = () => `:host{display:inline-grid;place-items:center;overflow:hidden;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.875rem;font-weight:600;text-transform:uppercase}.avatar{display:contents}.avatar img{grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:cover}.avatar .fallback{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}`;
+    init_index_8BGiMGQ0();
+    uiAvatarCss = () => `:host{display:inline-flex}.avatar{display:inline-grid;place-items:center;overflow:hidden;inline-size:2.5rem;block-size:2.5rem;border-radius:999px;border:1px solid var(--ui-border-default);background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.875rem;font-weight:600;text-transform:uppercase}.avatar img{grid-area:1 / 1;inline-size:100%;block-size:100%;object-fit:cover}.avatar .fallback{grid-area:1 / 1;display:inline-flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%}`;
     UIAvatar = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -515,7 +507,7 @@ var init_ui_avatar_entry = __esm({
       render() {
         const fallbackText = this.fallback || toInitials(this.name || this.alt);
         const label = this.alt || this.name || "Avatar";
-        return h(Host, { key: "18214960ad2f1a0370907c0281102af924739de9", role: "img", "aria-label": label, "data-has-image": this.hasImage ? "" : void 0 }, h("div", { key: "c6d0a00de56b756f0e24fdc4b306d89cdae2a44f", class: "avatar" }, h("img", { key: "c5bfecb9d18797bc934ff087ce7ed8a4616ab347", src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? "false" : "true" }), h("span", { key: "1875a45a9c21de3e3a52924ef25b3f8429a788c4", class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? "true" : "false" }, fallbackText)));
+        return h(Host, { key: "bbe6c3a775702022a19d819a6cc9d81d798cb3e1", role: "img", "aria-label": label, "data-has-image": this.hasImage ? "" : void 0 }, h("div", { key: "63402327ba5bde122bf5deaea09baf965ee9b047", class: "avatar" }, h("img", { key: "e52b86773684b80d76efa459cb03ae40881f959b", src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? "false" : "true" }), h("span", { key: "82a6d8f0d0c69ca52f81d092a2292fc80238265b", class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? "true" : "false" }, fallbackText)));
       }
       static get watchers() {
         return {
@@ -537,8 +529,8 @@ __export(ui_badge_entry_exports, {
 var uiBadgeCss, UIBadge;
 var init_ui_badge_entry = __esm({
   "dist/esm/ui-badge.entry.js"() {
-    init_index_CEeiinfk();
-    uiBadgeCss = () => `:host{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);color:var(--ui-text-secondary);font:inherit;font-size:0.75rem;line-height:1;padding:0.25em 0.6em;white-space:nowrap}:host([data-tone='accent']){background:var(--ui-accent-solid);border-color:var(--ui-accent-solid);color:var(--ui-text-on-accent)}:host([data-tone='danger']){background:var(--ui-danger-solid);border-color:var(--ui-danger-solid);color:var(--ui-text-on-accent)}:host([data-tone='success']){background:var(--ui-success-solid);border-color:var(--ui-success-solid);color:var(--ui-text-on-accent)}:host([data-tone='warning']){background:var(--ui-warning-solid);border-color:var(--ui-warning-solid);color:var(--ui-text-primary)}:host([data-tone='info']){background:var(--ui-info-solid);border-color:var(--ui-info-solid);color:var(--ui-text-on-accent)}:host([data-variant='subtle'][data-tone='accent']){background:var(--ui-accent-soft);border-color:var(--ui-accent-soft);color:var(--ui-accent-solid)}:host([data-variant='subtle'][data-tone='danger']){background:var(--ui-danger-soft);border-color:var(--ui-danger-soft);color:var(--ui-danger-solid)}:host([data-variant='subtle'][data-tone='success']){background:var(--ui-success-soft);border-color:var(--ui-success-soft);color:var(--ui-success-solid)}:host([data-variant='subtle'][data-tone='warning']){background:var(--ui-warning-soft);border-color:var(--ui-warning-soft);color:var(--ui-warning-solid)}:host([data-variant='subtle'][data-tone='info']){background:var(--ui-info-soft);border-color:var(--ui-info-soft);color:var(--ui-info-solid)}`;
+    init_index_8BGiMGQ0();
+    uiBadgeCss = () => `:host{--ui-badge-surface:var(--ui-surface-muted);--ui-badge-text:var(--ui-text-secondary);--ui-badge-border:var(--ui-border-default);--ui-badge-font-size:var(--ui-font-size-xs);--ui-badge-font-weight:var(--ui-font-normal);--ui-badge-line-height:var(--ui-line-height-tight);--ui-badge-padding-block:var(--ui-space-0-5);--ui-badge-padding-inline:var(--ui-space-2);display:inline-flex;max-width:100%}.badge__surface{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:var(--ui-badge-padding-block) var(--ui-badge-padding-inline);border:1px solid var(--ui-badge-border);border-radius:var(--ui-radius-round);background:var(--ui-badge-surface);color:var(--ui-badge-text);font-family:var(--ui-font-family-sans);font-size:var(--ui-badge-font-size);font-weight:var(--ui-badge-font-weight);line-height:var(--ui-badge-line-height);white-space:nowrap}:host([data-tone='accent']) .badge__surface{--ui-badge-surface:var(--ui-accent-solid);--ui-badge-border:var(--ui-accent-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='danger']) .badge__surface{--ui-badge-surface:var(--ui-danger-solid);--ui-badge-border:var(--ui-danger-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='success']) .badge__surface{--ui-badge-surface:var(--ui-success-solid);--ui-badge-border:var(--ui-success-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-tone='warning']) .badge__surface{--ui-badge-surface:var(--ui-warning-solid);--ui-badge-border:var(--ui-warning-solid);--ui-badge-text:var(--ui-text-primary)}:host([data-tone='info']) .badge__surface{--ui-badge-surface:var(--ui-info-solid);--ui-badge-border:var(--ui-info-solid);--ui-badge-text:var(--ui-text-on-accent)}:host([data-variant='subtle'][data-tone='accent']) .badge__surface{--ui-badge-surface:var(--ui-accent-soft);--ui-badge-border:var(--ui-accent-soft);--ui-badge-text:var(--ui-accent-solid)}:host([data-variant='subtle'][data-tone='danger']) .badge__surface{--ui-badge-surface:var(--ui-danger-soft);--ui-badge-border:var(--ui-danger-soft);--ui-badge-text:var(--ui-danger-solid)}:host([data-variant='subtle'][data-tone='success']) .badge__surface{--ui-badge-surface:var(--ui-success-soft);--ui-badge-border:var(--ui-success-soft);--ui-badge-text:var(--ui-success-solid)}:host([data-variant='subtle'][data-tone='warning']) .badge__surface{--ui-badge-surface:var(--ui-warning-soft);--ui-badge-border:var(--ui-warning-soft);--ui-badge-text:var(--ui-warning-solid)}:host([data-variant='subtle'][data-tone='info']) .badge__surface{--ui-badge-surface:var(--ui-info-soft);--ui-badge-border:var(--ui-info-soft);--ui-badge-text:var(--ui-info-solid)}`;
     UIBadge = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -546,7 +538,7 @@ var init_ui_badge_entry = __esm({
       variant;
       tone;
       render() {
-        return h(Host, { key: "8766c0331ac7fbd6409b604578e159ae093c844b", "data-variant": this.variant || void 0, "data-tone": this.tone || void 0 }, h("slot", { key: "65016ab530b850c82261e2da718622ff72567634" }));
+        return h(Host, { key: "ba96ade6d037a7ed9958e7eed540e62782f846f0", "data-variant": this.variant || void 0, "data-tone": this.tone || void 0 }, h("span", { key: "a1e9587f59de479c19b9ea7aec8c8e932b998369", class: "badge__surface" }, h("slot", { key: "5835ddcea5cda472e700557528fd3cbc9d572616" })));
       }
     };
     UIBadge.style = uiBadgeCss();
@@ -580,9 +572,9 @@ __export(ui_button_entry_exports, {
 var uiButtonCss, UIButton;
 var init_ui_button_entry = __esm({
   "dist/esm/ui-button.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-text-primary)}:host([variant='outline'])::slotted(button),::slotted(button){appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-button-radius, var(--ui-radius-2));background:var(--ui-surface-default);color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm'])::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg'])::slotted(button){padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:var(--ui-border-strong)}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([variant='solid'])::slotted(button){border-color:var(--ui-accent-solid);background:var(--ui-accent-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs))}:host([variant='solid'])::slotted(button:hover:enabled){background:var(--ui-accent-hover);border-color:var(--ui-accent-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='solid'])::slotted(button:active:enabled){background:var(--ui-accent-active);border-color:var(--ui-accent-active);box-shadow:none;transform:translateY(0)}:host([variant='destructive'])::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs))}:host([variant='destructive'])::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([variant='destructive'])::slotted(button:active:enabled){box-shadow:none;transform:translateY(0)}:host([variant='ghost'])::slotted(button){border-color:transparent;background:transparent}:host([variant='ghost'])::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([variant='ghost'])::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(button:disabled),:host([data-disabled]){opacity:0.6;cursor:not-allowed}`;
+    uiButtonCss = () => `:host{display:inline-flex;vertical-align:middle;color:var(--ui-action-secondary-text, var(--ui-text-primary))}:host([data-variant='solid']){color:var(--ui-action-primary-text, var(--ui-text-on-accent))}:host([data-variant='outline']) ::slotted(button),::slotted(button){appearance:none;min-block-size:var(--ui-button-min-block-size, 2.5rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-button-radius, var(--ui-radius-2));background:var(--ui-action-secondary-surface, var(--ui-surface-default));color:inherit;font:inherit;font-weight:var(--ui-font-medium, 500);line-height:var(--ui-line-height-tight);padding:var(--ui-space-2) var(--ui-space-3);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host([data-size='sm']) ::slotted(button){padding:var(--ui-space-1) var(--ui-space-2);font-size:0.875rem}:host([data-size='lg']) ::slotted(button){min-block-size:var(--ui-control-min-block-size, 2.75rem);padding:var(--ui-space-3) var(--ui-space-4);font-size:1rem}::slotted(button:hover:enabled){background:var(--ui-action-secondary-surface-hover, var(--ui-surface-muted));border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(button:active:enabled){background:var(--ui-surface-subtle)}:host([data-variant='solid']) ::slotted(button){border-color:var(--ui-action-primary-surface, var(--ui-accent-solid));background:var(--ui-action-primary-surface, var(--ui-accent-solid));color:var(--ui-action-primary-text, var(--ui-text-on-accent));box-shadow:var(--ui-button-solid-shadow, inset 0 1px rgb(255 255 255 / 0.16), var(--ui-shadow-xs))}:host([data-variant='solid']) ::slotted(button:hover:enabled){background:var(--ui-action-primary-surface-hover, var(--ui-accent-hover));border-color:var(--ui-action-primary-surface-hover, var(--ui-accent-hover));box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([data-variant='solid']) ::slotted(button:active:enabled){background:var(--ui-action-primary-surface-active, var(--ui-accent-active));border-color:var(--ui-action-primary-surface-active, var(--ui-accent-active));box-shadow:none;transform:translateY(0)}:host([data-variant='destructive']) ::slotted(button){border-color:var(--ui-danger-solid);background:var(--ui-danger-solid);color:var(--ui-text-on-accent);box-shadow:var(--ui-button-destructive-shadow, inset 0 1px rgb(255 255 255 / 0.14), var(--ui-shadow-xs))}:host([data-variant='destructive']) ::slotted(button:hover:enabled){background:var(--ui-danger-hover);border-color:var(--ui-danger-hover);box-shadow:var(--ui-shadow-sm);transform:translateY(-1px)}:host([data-variant='destructive']) ::slotted(button:active:enabled){box-shadow:none;transform:translateY(0)}:host([data-variant='ghost']) ::slotted(button){border-color:transparent;background:transparent}:host([data-variant='ghost']) ::slotted(button:hover:enabled){background:var(--ui-surface-muted);border-color:transparent}:host([data-variant='ghost']) ::slotted(button:active:enabled){background:var(--ui-surface-subtle);border-color:transparent}::slotted(button:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}:host([data-disabled='true']),:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(button:disabled){cursor:not-allowed}`;
     UIButton = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -598,8 +590,17 @@ var init_ui_button_entry = __esm({
         const btn = this.getButton();
         if (!btn)
           return;
-        this.host.dataset.size = this.size || "";
-        this.host.dataset.disabled = this.disabled ? "true" : "";
+        if (this.size) {
+          this.host.dataset.size = this.size;
+        } else {
+          delete this.host.dataset.size;
+        }
+        if (this.disabled) {
+          this.host.dataset.disabled = "true";
+        } else {
+          delete this.host.dataset.disabled;
+        }
+        this.host.dataset.variant = this.variant;
         btn.disabled = this.disabled;
       }
       componentDidLoad() {
@@ -622,7 +623,7 @@ var init_ui_button_entry = __esm({
         this.host.click();
       };
       render() {
-        return h(Host, { key: "b5f9152db70a276334df047f5cf53d1b8efe2174", "data-size": this.size || void 0, "data-disabled": this.disabled ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "b39657e832abc63a6ea6090fa061779c3ae654b5", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "58a90293e2ac169c8bc3c6cb3d15428cc73629b7", "data-size": this.size || void 0, "data-variant": this.variant, "data-disabled": this.disabled ? "true" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "05439bdc2af81bcabe9da11b4baf13f880e0a75f", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -642,255 +643,1189 @@ var init_ui_button_entry = __esm({
   }
 });
 
-// dist/esm/ui-checkbox.entry.js
-var ui_checkbox_entry_exports = {};
-__export(ui_checkbox_entry_exports, {
-  ui_checkbox: () => UICheckbox
-});
-var uiCheckboxCss, UICheckbox;
-var init_ui_checkbox_entry = __esm({
-  "dist/esm/ui-checkbox.entry.js"() {
-    init_index_CEeiinfk();
-    init_events_JwSoedEO();
-    uiCheckboxCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='checkbox']){accent-color:var(--ui-accent-solid);width:1.125em;height:1.125em;cursor:pointer}::slotted(input[type='checkbox']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
-    UICheckbox = class {
-      constructor(hostRef) {
-        registerInstance(this, hostRef);
-      }
-      get host() {
-        return getElement(this);
-      }
-      checked = false;
-      defaultChecked = false;
-      disabled = false;
-      indeterminate = false;
-      required = false;
-      value = "on";
-      internalChecked = false;
-      slotRef;
-      syncFromProp() {
-        this.internalChecked = this.checked;
-      }
-      syncToInput() {
-        const input = this.getInput();
-        if (!input)
-          return;
-        this.host.dataset.disabled = this.disabled ? "true" : "";
-        this.host.setAttribute("aria-disabled", String(this.disabled));
-        input.checked = this.internalChecked;
-        input.indeterminate = this.indeterminate;
-        input.disabled = this.disabled;
-        input.required = this.required;
-        input.value = this.value;
-      }
-      componentDidLoad() {
-        this.syncFromProp();
-        this.internalChecked = this.internalChecked || this.defaultChecked;
-        this.slotRef?.addEventListener("slotchange", () => this.syncToInput());
-        this.syncToInput();
-        const input = this.getInput();
-        input?.addEventListener("change", this.onInputChange);
-      }
-      disconnectedCallback() {
-        const input = this.getInput();
-        input?.removeEventListener("change", this.onInputChange);
-      }
-      componentDidUpdate() {
-        this.syncToInput();
-      }
-      getInput() {
-        const slot = this.host.shadowRoot?.querySelector("slot");
-        const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
-        return nodes.find((el) => el instanceof HTMLInputElement && el.type === "checkbox") ?? null;
-      }
-      onInputChange = (e) => {
-        const input = e.target;
-        if (!input)
-          return;
-        this.internalChecked = input.checked;
-        this.indeterminate = input.indeterminate;
-        dispatchDetail(this.host, "change", {
-          checked: this.internalChecked,
-          value: this.value,
-          trigger: eventToTrigger(e)
-        });
-      };
-      render() {
-        return h(Host, { key: "66b6708ae71c9eca6c03c63891b590bd050c2506", role: "checkbox", "aria-checked": this.indeterminate ? "mixed" : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "b5e168a9ff0c6e5e747fff6c6264c59744f10a56", ref: (el) => this.slotRef = el }));
-      }
-      static get watchers() {
-        return {
-          "checked": [{
-            "syncFromProp": 0
-          }],
-          "internalChecked": [{
-            "syncToInput": 0
-          }],
-          "indeterminate": [{
-            "syncToInput": 0
-          }],
-          "disabled": [{
-            "syncToInput": 0
-          }],
-          "required": [{
-            "syncToInput": 0
-          }]
-        };
-      }
-    };
-    UICheckbox.style = uiCheckboxCss();
-  }
-});
-
-// dist/esm/manager-PM9a74r7.js
-function syncScrollLock() {
-  if (typeof document === "undefined") {
-    return;
-  }
-  const root = document.documentElement;
-  if (modalCount > 0) {
-    root.setAttribute(scrollLockAttribute, "true");
-    root.style.overflow = "hidden";
-    return;
-  }
-  root.removeAttribute(scrollLockAttribute);
-  root.style.removeProperty("overflow");
-}
-function getOverlayDismissible(record) {
-  return record.dismissible ?? true;
-}
-function handleEscape(event) {
-  if (event.key !== "Escape") {
-    return;
-  }
-  requestTopOverlayClose("escape", "keyboard");
-}
-function handleLightDismiss(event) {
-  const top = getTopOverlay();
-  if (!top || !getOverlayDismissible(top)) {
-    return;
-  }
-  const target = event.target;
-  if (target instanceof Node) {
-    if (top.element.contains(target))
-      return;
-    if (top.relatedElements?.some((element) => element.contains(target)))
-      return;
-  }
-  requestTopOverlayClose("light-dismiss", "pointer");
-}
-function ensureListeners() {
-  if (listenersAttached || typeof document === "undefined") {
-    return;
-  }
-  document.addEventListener("keydown", handleEscape);
-  document.addEventListener("pointerdown", handleLightDismiss, { capture: true });
-  listenersAttached = true;
-}
-function removeListenersIfIdle() {
-  if (!listenersAttached || stack.length > 0 || typeof document === "undefined") {
-    return;
-  }
-  document.removeEventListener("keydown", handleEscape);
-  document.removeEventListener("pointerdown", handleLightDismiss, { capture: true });
-  listenersAttached = false;
-}
-function openOverlay(record) {
-  closeOverlay(record.id);
-  stack.push(record);
-  if (record.modal) {
-    modalCount += 1;
-    syncScrollLock();
-  }
-  ensureListeners();
+// dist/esm/icons-CoFximGM.js
+function serializeAttributes(attributes) {
+  return Object.entries(attributes).map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`).join("");
 }
-function closeOverlay(id) {
-  const index = stack.findIndex((record) => record.id === id);
-  if (index >= 0) {
-    const [record] = stack.splice(index, 1);
-    if (record?.modal) {
-      modalCount = Math.max(0, modalCount - 1);
-      syncScrollLock();
-    }
-  }
-  removeListenersIfIdle();
+function escapeAttribute(value) {
+  return String(value).replaceAll("&", "&").replaceAll('"', """);
 }
-function getTopOverlay() {
-  return stack.at(-1);
+function serializeIconNode(node) {
+  const [tag, attributes] = node;
+  return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
 }
-function requestTopOverlayClose(reason, trigger) {
-  const top = getTopOverlay();
-  if (!top) {
-    return false;
-  }
-  if (!getOverlayDismissible(top) && (reason === "escape" || reason === "light-dismiss")) {
-    return false;
-  }
-  top.requestClose(reason, trigger);
-  return true;
+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 stack, scrollLockAttribute, modalCount, listenersAttached;
-var init_manager_PM9a74r7 = __esm({
-  "dist/esm/manager-PM9a74r7.js"() {
-    stack = [];
-    scrollLockAttribute = "data-ui-scroll-lock";
-    modalCount = 0;
-    listenersAttached = false;
-  }
-});
-
-// dist/esm/ui-context-menu.entry.js
-var ui_context_menu_entry_exports = {};
-__export(ui_context_menu_entry_exports, {
-  ui_context_menu: () => UIContextMenu
-});
-var uiContextMenuCss, UIContextMenu;
-var init_ui_context_menu_entry = __esm({
-  "dist/esm/ui-context-menu.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
-    init_events_JwSoedEO();
-    init_positioning_Bu0dmLBE();
-    uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
-    UIContextMenu = class {
-      constructor(hostRef) {
-        registerInstance(this, hostRef);
-      }
-      get host() {
-        return getElement(this);
-      }
-      /** Controls the menu when the consumer owns open state. */
-      open = false;
-      /** Opens the menu on first client render. */
-      defaultOpen = false;
-      /** Optional id of the region that should also respond to a context-menu gesture. */
-      for;
-      internalOpen = false;
-      focusTrigger = "programmatic";
-      overlayId = `ui-context-menu-${Math.random().toString(36).slice(2, 11)}`;
-      trigger = null;
-      contextTarget = null;
-      pointerX = 0;
-      pointerY = 0;
-      pointPositioned = false;
-      surface = null;
-      syncFromProp() {
-        this.internalOpen = this.open;
-      }
-      syncTarget() {
-        this.resolveTargets();
-        this.attachTargetListeners();
-      }
-      syncOverlay() {
-        this.syncTriggerState();
-        if (this.internalOpen) {
-          if (this.pointPositioned) {
-            this.surface?.showAtPoint({ x: this.pointerX, y: this.pointerY });
-          } else {
-            this.surface?.show();
-          }
-          openOverlay({
-            id: this.overlayId,
+var Bold, Braces, ChevronDown, ChevronLeft, CircleCheck, CircleX, CodeXml, Columns3, Ellipsis, Eraser, GripHorizontal, GripVertical, Heading1, Heading2, Heading3, Highlighter, Image, Info, Italic, ListOrdered, ListTodo, List, Merge, Minus, NotebookPen, PaintBucket, PanelBottom, PanelLeft, PanelRight, PanelTop, Pilcrow, Plus, Quote, Redo2, Rows3, Split, Strikethrough, Table2, TextAlignCenter, TextAlignEnd, TextAlignStart, Trash2, TriangleAlert, Underline, Undo2, LOOMA_ICONS;
+var init_icons_CoFximGM = __esm({
+  "dist/esm/icons-CoFximGM.js"() {
+    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" }]];
+    CircleCheck = [
+      ["circle", { cx: "12", cy: "12", r: "10" }],
+      ["path", { d: "m9 12 2 2 4-4" }]
+    ];
+    CircleX = [
+      ["circle", { cx: "12", cy: "12", r: "10" }],
+      ["path", { d: "m15 9-6 6" }],
+      ["path", { d: "m9 9 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" }]
+    ];
+    Info = [
+      ["circle", { cx: "12", cy: "12", r: "10" }],
+      ["path", { d: "M12 16v-4" }],
+      ["path", { d: "M12 8h.01" }]
+    ];
+    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" }]];
+    NotebookPen = [
+      ["path", { d: "M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4" }],
+      ["path", { d: "M2 6h4" }],
+      ["path", { d: "M2 10h4" }],
+      ["path", { d: "M2 14h4" }],
+      ["path", { d: "M2 18h4" }],
+      [
+        "path",
+        {
+          d: "M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z"
+        }
+      ]
+    ];
+    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" }]
+    ];
+    TriangleAlert = [
+      ["path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }],
+      ["path", { d: "M12 9v4" }],
+      ["path", { d: "M12 17h.01" }]
+    ];
+    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,
+      "circle-check": CircleCheck,
+      "circle-x": CircleX,
+      "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,
+      info: Info,
+      italic: Italic,
+      list: List,
+      "list-ordered": ListOrdered,
+      "list-todo": ListTodo,
+      merge: Merge,
+      "notebook-pen": NotebookPen,
+      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,
+      "triangle-alert": TriangleAlert,
+      underline: Underline,
+      undo: Undo2
+    };
+  }
+});
+
+// dist/esm/ui-callout.entry.js
+var ui_callout_entry_exports = {};
+__export(ui_callout_entry_exports, {
+  ui_callout: () => UICallout
+});
+var uiCalloutCss, toneIcons, UICallout;
+var init_ui_callout_entry = __esm({
+  "dist/esm/ui-callout.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_icons_CoFximGM();
+    uiCalloutCss = () => `:host{--ui-callout-surface:var(--ui-info-soft);--ui-callout-text:var(--ui-text-primary);--ui-callout-border:var(--ui-info-solid);--ui-callout-icon:var(--ui-info-solid);--ui-callout-padding-block:var(--ui-space-2);--ui-callout-padding-inline:var(--ui-space-3);--ui-callout-icon-column:1rem;--ui-callout-gap:var(--ui-space-2);--ui-callout-icon-size:1rem;--ui-callout-border-width:1px;--ui-callout-leading-border-width:4px;display:block;max-width:100%}.callout__surface{display:grid;grid-template-columns:var(--ui-callout-icon-column) minmax(0, 1fr);gap:var(--ui-callout-gap);align-items:start;padding:var(--ui-callout-padding-block) var(--ui-callout-padding-inline);border:var(--ui-callout-border-width) solid color-mix(in srgb, var(--ui-callout-border) 35%, transparent);border-inline-start:var(--ui-callout-leading-border-width) solid var(--ui-callout-border);border-radius:var(--ui-radius-2);background:var(--ui-callout-surface);color:var(--ui-callout-text);font-family:var(--ui-font-family-sans);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-normal);line-height:var(--ui-line-height-md)}.icon{display:grid;place-items:center;inline-size:var(--ui-callout-icon-column);block-size:var(--ui-callout-icon-column);color:var(--ui-callout-icon)}.icon svg{inline-size:var(--ui-callout-icon-size);block-size:var(--ui-callout-icon-size)}.content{min-inline-size:0}:host([data-tone='note']){--ui-callout-surface:var(--ui-surface-muted);--ui-callout-border:var(--ui-border-strong);--ui-callout-icon:var(--ui-text-secondary)}:host([data-tone='warning']){--ui-callout-surface:var(--ui-warning-soft);--ui-callout-border:var(--ui-warning-solid);--ui-callout-icon:var(--ui-warning-solid)}:host([data-tone='success']){--ui-callout-surface:var(--ui-success-soft);--ui-callout-border:var(--ui-success-solid);--ui-callout-icon:var(--ui-success-solid)}:host([data-tone='error']){--ui-callout-surface:var(--ui-danger-soft);--ui-callout-border:var(--ui-danger-solid);--ui-callout-icon:var(--ui-danger-solid)}`;
+    toneIcons = {
+      info: "info",
+      note: "notebook-pen",
+      warning: "triangle-alert",
+      success: "circle-check",
+      error: "circle-x"
+    };
+    UICallout = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      tone = "info";
+      render() {
+        const icon = toneIcons[this.tone] ?? toneIcons.info;
+        return h(Host, { key: "94bae6fbb688e5c8da979a3bebc12c51b8689c8a", role: "note", "data-tone": this.tone }, h("div", { key: "8fe1a3dae5b7cd3679d187cef018fa0cd810fb76", class: "callout__surface" }, h("span", { key: "ed62ad8e29c30489e075631d83f1732d7a53a378", class: "icon", "aria-hidden": "true", innerHTML: loomaIconMarkup(icon) }), h("div", { key: "97638d28e3979f71913c17b2501a90e3a9251f0f", class: "content" }, h("slot", { key: "6a91a0d3f189eae28aabbe278924ba7f89015f34" }))));
+      }
+    };
+    UICallout.style = uiCalloutCss();
+  }
+});
+
+// dist/esm/controlled-state-BnGhGgTH.js
+var isControlled, controlledOrDefault;
+var init_controlled_state_BnGhGgTH = __esm({
+  "dist/esm/controlled-state-BnGhGgTH.js"() {
+    isControlled = (value) => value !== void 0;
+    controlledOrDefault = (value, defaultValue) => value === void 0 ? defaultValue : value;
+  }
+});
+
+// dist/esm/ui-checkbox.entry.js
+var ui_checkbox_entry_exports = {};
+__export(ui_checkbox_entry_exports, {
+  ui_checkbox: () => UICheckbox
+});
+var uiCheckboxCss, UICheckbox;
+var init_ui_checkbox_entry = __esm({
+  "dist/esm/ui-checkbox.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
+    uiCheckboxCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='checkbox']){accent-color:var(--ui-accent-solid);width:1.125em;height:1.125em;cursor:pointer}::slotted(input[type='checkbox']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
+    UICheckbox = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      get host() {
+        return getElement(this);
+      }
+      /** Controlled checked state. Omit it to use defaultChecked and local interaction state. */
+      checked;
+      defaultChecked = false;
+      disabled = false;
+      indeterminate = false;
+      required = false;
+      value = "on";
+      internalChecked = false;
+      slotRef;
+      syncFromProp() {
+        if (isControlled(this.checked))
+          this.internalChecked = this.checked;
+      }
+      syncToInput() {
+        const input = this.getInput();
+        if (!input)
+          return;
+        this.host.dataset.disabled = this.disabled ? "true" : "";
+        this.host.setAttribute("aria-disabled", String(this.disabled));
+        input.checked = this.internalChecked;
+        input.indeterminate = this.indeterminate;
+        input.disabled = this.disabled;
+        input.required = this.required;
+        input.value = this.value;
+      }
+      componentDidLoad() {
+        this.internalChecked = controlledOrDefault(this.checked, this.defaultChecked);
+        this.slotRef?.addEventListener("slotchange", () => this.syncToInput());
+        this.syncToInput();
+        const input = this.getInput();
+        input?.addEventListener("change", this.onInputChange);
+      }
+      disconnectedCallback() {
+        const input = this.getInput();
+        input?.removeEventListener("change", this.onInputChange);
+      }
+      componentDidUpdate() {
+        this.syncToInput();
+      }
+      getInput() {
+        const slot = this.host.shadowRoot?.querySelector("slot");
+        const nodes = slot?.assignedElements() ?? Array.from(this.host.children);
+        return nodes.find((el) => el instanceof HTMLInputElement && el.type === "checkbox") ?? null;
+      }
+      onInputChange = (e) => {
+        const input = e.target;
+        if (!input)
+          return;
+        const checked = input.checked;
+        if (!isControlled(this.checked))
+          this.internalChecked = checked;
+        else
+          this.syncToInput();
+        this.indeterminate = input.indeterminate;
+        dispatchDetail(this.host, "change", {
+          checked,
+          value: this.value,
+          trigger: eventToTrigger(e)
+        });
+      };
+      render() {
+        return h(Host, { key: "eb46eb41a5ab871058960bd2aa1163a03144bc0f", role: "checkbox", "aria-checked": this.indeterminate ? "mixed" : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "ce18b1f1b63efebf048cd67b87064641cf4d915c", ref: (el) => this.slotRef = el }));
+      }
+      static get watchers() {
+        return {
+          "checked": [{
+            "syncFromProp": 0
+          }],
+          "internalChecked": [{
+            "syncToInput": 0
+          }],
+          "indeterminate": [{
+            "syncToInput": 0
+          }],
+          "disabled": [{
+            "syncToInput": 0
+          }],
+          "required": [{
+            "syncToInput": 0
+          }]
+        };
+      }
+    };
+    UICheckbox.style = uiCheckboxCss();
+  }
+});
+
+// dist/esm/ui-chip.entry.js
+var ui_chip_entry_exports = {};
+__export(ui_chip_entry_exports, {
+  ui_chip: () => UIChip
+});
+var uiChipCss, UIChip;
+var init_ui_chip_entry = __esm({
+  "dist/esm/ui-chip.entry.js"() {
+    init_index_8BGiMGQ0();
+    uiChipCss = () => `:host{--ui-chip-surface:var(--ui-surface-subtle);--ui-chip-text:var(--ui-text-secondary);--ui-chip-border:var(--ui-border-default);--ui-chip-font-size:var(--ui-font-size-xs);--ui-chip-font-weight:var(--ui-font-normal);--ui-chip-line-height:var(--ui-line-height-tight);--ui-chip-padding-block:var(--ui-space-0-5);--ui-chip-padding-inline:var(--ui-space-2);--ui-chip-notch:var(--ui-space-1);display:inline-flex;max-width:100%}.chip__surface{display:inline-flex;align-items:center;max-width:100%;padding:var(--ui-chip-padding-block) var(--ui-chip-padding-inline);border:1px solid var(--ui-chip-border);background:var(--ui-chip-surface);color:var(--ui-chip-text) !important;font-family:var(--ui-font-family-sans) !important;font-size:var(--ui-chip-font-size) !important;font-weight:var(--ui-chip-font-weight) !important;line-height:var(--ui-chip-line-height) !important;white-space:nowrap}:host([data-appearance='pill']) .chip__surface{border-radius:var(--ui-radius-round)}:host([data-appearance='tag']) .chip__surface{border:0;padding-inline-end:calc(var(--ui-chip-padding-inline) + var(--ui-chip-notch));clip-path:polygon(0 0, calc(100% - var(--ui-chip-notch)) 0, 100% 50%, calc(100% - var(--ui-chip-notch)) 100%, 0 100%)}`;
+    UIChip = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      /** `tag` has a square leading edge and an angled trailing edge; `pill` is fully rounded. */
+      appearance = "tag";
+      render() {
+        return h(Host, { key: "fe1246a1e698098f0ca9cb04e749d5adf233e50c", "data-appearance": this.appearance }, h("span", { key: "a17237699b9eb20fb0a084adbd900a3aa9bc12b0", class: "chip__surface" }, h("slot", { key: "7f4e5dcc82d360083d4ded2617fa39a9dc1fd3ef" })));
+      }
+    };
+    UIChip.style = uiChipCss();
+  }
+});
+
+// dist/esm/manager-C-0syqXZ.js
+function syncScrollLock() {
+  if (typeof document === "undefined") {
+    return;
+  }
+  const root = document.documentElement;
+  if (modalCount > 0) {
+    root.setAttribute(scrollLockAttribute, "true");
+    root.style.overflow = "hidden";
+    return;
+  }
+  root.removeAttribute(scrollLockAttribute);
+  root.style.removeProperty("overflow");
+}
+function getOverlayDismissible(record) {
+  return record.dismissible ?? true;
+}
+function handleEscape(event) {
+  if (event.key !== "Escape") {
+    return;
+  }
+  requestTopOverlayClose("escape", "keyboard");
+}
+function handleLightDismiss(event) {
+  const top = getTopOverlay();
+  if (!top || !getOverlayDismissible(top)) {
+    return;
+  }
+  const boundary = [top.element, ...top.relatedElements ?? []];
+  if (event.composedPath().some((target) => target instanceof Node && boundary.some((element) => element.contains(target))))
+    return;
+  requestTopOverlayClose("light-dismiss", "pointer");
+}
+function ensureListeners() {
+  if (listenersAttached || typeof document === "undefined") {
+    return;
+  }
+  document.addEventListener("keydown", handleEscape);
+  document.addEventListener("pointerdown", handleLightDismiss, { capture: true });
+  listenersAttached = true;
+}
+function removeListenersIfIdle() {
+  if (!listenersAttached || stack.length > 0 || typeof document === "undefined") {
+    return;
+  }
+  document.removeEventListener("keydown", handleEscape);
+  document.removeEventListener("pointerdown", handleLightDismiss, { capture: true });
+  listenersAttached = false;
+}
+function openOverlay(record) {
+  closeOverlay(record.id);
+  stack.push(record);
+  if (record.modal) {
+    modalCount += 1;
+    syncScrollLock();
+  }
+  ensureListeners();
+}
+function closeOverlay(id) {
+  const index = stack.findIndex((record) => record.id === id);
+  if (index >= 0) {
+    const [record] = stack.splice(index, 1);
+    if (record?.modal) {
+      modalCount = Math.max(0, modalCount - 1);
+      syncScrollLock();
+    }
+  }
+  removeListenersIfIdle();
+}
+function getTopOverlay() {
+  return stack.at(-1);
+}
+function requestTopOverlayClose(reason, trigger) {
+  const top = getTopOverlay();
+  if (!top) {
+    return false;
+  }
+  if (!getOverlayDismissible(top) && (reason === "escape" || reason === "light-dismiss")) {
+    return false;
+  }
+  top.requestClose(reason, trigger);
+  return true;
+}
+var stack, scrollLockAttribute, modalCount, listenersAttached;
+var init_manager_C_0syqXZ = __esm({
+  "dist/esm/manager-C-0syqXZ.js"() {
+    stack = [];
+    scrollLockAttribute = "data-ui-scroll-lock";
+    modalCount = 0;
+    listenersAttached = false;
+  }
+});
+
+// dist/esm/ui-combobox.entry.js
+var ui_combobox_entry_exports = {};
+__export(ui_combobox_entry_exports, {
+  ui_combobox: () => UICombobox
+});
+function formatEditingValue(raw, selection, format) {
+  const unchanged = { display: raw, selection };
+  if (!format)
+    return unchanged;
+  let result;
+  try {
+    result = format(raw, selection);
+  } catch {
+    return unchanged;
+  }
+  if (!result)
+    return unchanged;
+  const characters = Array.from(raw);
+  let cursor = 0;
+  for (const character of result.display)
+    if (character === characters[cursor])
+      cursor += 1;
+  if (!Number.isInteger(result.selection.start) || !Number.isInteger(result.selection.end) || cursor !== characters.length || result.selection.start < 0 || result.selection.end < result.selection.start || result.selection.end > result.display.length)
+    return unchanged;
+  return result;
+}
+async function validateField(request, config) {
+  let output = request.raw;
+  let issues = [];
+  const check = () => request.signal.throwIfAborted();
+  try {
+    check();
+    if (config.parse)
+      output = await config.parse(request.raw, request);
+    check();
+    if (config.schema) {
+      const result = await config.schema["~standard"].validate(output);
+      check();
+      if (result.issues)
+        issues = result.issues;
+      else if ("value" in result)
+        output = result.value;
+    }
+    if (!issues.some((issue) => issue.severity !== "warning")) {
+      if (config.normalize)
+        output = await config.normalize(output, request);
+      check();
+      if (config.validator) {
+        const result = await config.validator(output, request);
+        check();
+        issues = [...issues, ...result.issues ?? []];
+        if ("output" in result)
+          output = result.output;
+      }
+    }
+  } catch (error) {
+    check();
+    issues = [{ message: error instanceof Error ? error.message : "Unable to validate this value." }];
+  }
+  issues = [...issues, ...config.issues ?? []];
+  return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
+}
+var uiComboboxCss, UICombobox;
+var init_ui_combobox_entry = __esm({
+  "dist/esm/ui-combobox.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_positioning_Bu0dmLBE();
+    init_manager_C_0syqXZ();
+    uiComboboxCss = () => `:host{display:grid;gap:var(--ui-space-1);min-inline-size:0;color:var(--ui-text-primary);font:inherit}label{color:var(--ui-field-label-color, var(--ui-text-primary));font-size:var(--ui-field-label-size, 0.875rem);font-weight:var(--ui-field-label-weight, 500)}.field{display:flex;min-inline-size:0;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default))}.field:focus-within{border-color:var(--ui-control-focus, var(--ui-focus-ring));outline:2px solid var(--ui-control-focus, var(--ui-focus-ring));outline-offset:1px}input{appearance:none;width:100%;min-inline-size:0;min-block-size:var(--ui-control-min-block-size, 2.75rem);box-sizing:border-box;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;outline:none}:host([data-size='sm']) input{min-block-size:var(--ui-field-compact-size, 2rem);padding:var(--ui-space-1) var(--ui-space-2)}button{appearance:none;border:0;border-radius:var(--ui-radius-2);background:transparent;color:var(--ui-field-affordance-color, var(--ui-text-secondary));font:inherit;font-weight:var(--ui-field-affordance-weight, 400);min-inline-size:2rem;padding:var(--ui-space-1);cursor:pointer}button:hover:enabled{background:var(--ui-surface-muted);color:var(--ui-text-primary)}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:-3px}input:disabled,button:disabled{color:var(--ui-text-muted);cursor:not-allowed}.field:has(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted))}:host([data-validation='error']) .field{border-color:var(--ui-danger-solid, var(--ui-accent-active))}.popup{box-sizing:border-box;min-inline-size:12rem;max-inline-size:calc(100vw - 1rem);max-block-size:var(--ui-combobox-max-block-size, 18rem);overflow:auto;margin:0;padding:var(--ui-space-1);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-md)}[hidden]{display:none !important}.option{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-1);cursor:pointer;overflow-wrap:anywhere}.option:hover,.option[data-active]{background:var(--ui-surface-muted);outline:1px solid var(--ui-focus-ring);outline-offset:-1px}.option[aria-disabled='true']{color:var(--ui-text-muted);cursor:not-allowed}.primary{display:block;color:var(--ui-option-primary-color, var(--ui-text-primary));font-weight:var(--ui-option-primary-weight, 500)}.secondary{display:block;color:var(--ui-option-secondary-color, var(--ui-text-secondary));font-weight:var(--ui-option-secondary-weight, 400);font-size:var(--ui-font-size-sm)}.message,.group{color:var(--ui-field-message-color, var(--ui-text-secondary));font-weight:var(--ui-field-message-weight, 400);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-md);overflow-wrap:anywhere}.group,.popup .message{padding:var(--ui-space-2) var(--ui-space-3)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer: coarse){button{min-inline-size:2.75rem;min-block-size:2.75rem}}@media (forced-colors: active){.field,.popup{border-color:CanvasText}.option[data-active]{outline-color:Highlight}}`;
+    UICombobox = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.queryChange = createEvent(this, "query-change");
+        this.valueChange = createEvent(this, "value-change");
+        this.freeEntry = createEvent(this, "free-entry");
+        this.createEntry = createEvent(this, "create-entry");
+        this.dependencyInvalidate = createEvent(this, "dependency-invalidate");
+        this.validationChange = createEvent(this, "validation-change");
+        this.optionsChange = createEvent(this, "options-change");
+      }
+      get host() {
+        return getElement(this);
+      }
+      /** Accessible visible label, associated with the native text input. */
+      label = "";
+      placeholder = "";
+      name = "";
+      /** Controlled canonical value. Undefined selects uncontrolled mode; null means no selection. */
+      value;
+      defaultValue;
+      /** Controlled raw editing text; independent of canonical selection. */
+      query;
+      defaultQuery = "";
+      /** Immutable configuration; replace the object/context when dependencies change. */
+      config = {};
+      disabled = false;
+      readOnly = false;
+      required = false;
+      size = "md";
+      disclosure = false;
+      clearable = false;
+      /** Optional description shown by the connected question-mark button. */
+      help = "";
+      queryChange;
+      valueChange;
+      freeEntry;
+      createEntry;
+      dependencyInvalidate;
+      validationChange;
+      /** Supplies the current result rows for framework-owned rich slots. */
+      optionsChange;
+      raw = "";
+      display = "";
+      selected = null;
+      expanded = false;
+      rows = [];
+      active = -1;
+      loading = false;
+      helpOpen = false;
+      lookupError = "";
+      validation = { status: "pristine", touched: false, dirty: false, issues: [] };
+      input;
+      popup;
+      field;
+      surface;
+      lookup;
+      validationRun;
+      lookupTimer;
+      composing = false;
+      initialRaw = "";
+      overlayId = `ui-combobox-${Math.random().toString(36).slice(2)}`;
+      alive = false;
+      fullSet = false;
+      knownOptions = /* @__PURE__ */ new Map();
+      awaitingLabel = null;
+      proposedChange;
+      formattedRaw;
+      formattedWith;
+      componentWillLoad() {
+        this.selected = this.value !== void 0 ? this.value : this.defaultValue ?? null;
+        this.raw = this.query ?? this.defaultQuery;
+        if (this.query === void 0 && !this.raw && this.selected !== null) {
+          this.raw = this.config.options?.find((row) => row.value === this.selected)?.label ?? this.selected;
+        }
+        if (this.query === void 0 && this.selected !== null && this.raw === this.selected)
+          this.awaitingLabel = this.selected;
+        this.display = this.raw;
+        this.initialRaw = this.raw;
+        this.applyServerIssues();
+      }
+      connectedCallback() {
+        this.alive = true;
+        this.setupSurface();
+      }
+      componentDidLoad() {
+        this.setupSurface();
+      }
+      componentDidUpdate() {
+        if (this.input && !this.composing && this.input.value !== this.display)
+          this.input.value = this.display;
+        if (this.expanded)
+          this.surface?.refresh();
+      }
+      disconnectedCallback() {
+        this.alive = false;
+        this.close();
+        this.validationRun?.abort();
+        this.surface?.destroy();
+        this.surface = void 0;
+      }
+      setupSurface() {
+        if (!this.surface && this.popup && this.field)
+          this.surface = createAnchoredSurface(this.popup, { anchor: this.field, placement: "bottom-start" });
+      }
+      syncValue() {
+        if (this.value === void 0)
+          return;
+        this.selected = this.value;
+        if (this.query === void 0) {
+          const proposal = this.proposedChange;
+          const option = this.config.options?.find((row) => row.value === this.selected) ?? (this.selected === null ? void 0 : this.knownOptions.get(this.selected));
+          const nextRaw = proposal?.value === this.selected ? proposal.query : option?.label ?? this.selected ?? "";
+          if (proposal?.value !== this.selected || nextRaw !== this.raw) {
+            this.raw = nextRaw;
+            this.display = this.raw;
+            this.formattedRaw = void 0;
+          }
+          this.awaitingLabel = !option && this.selected !== null ? this.selected : null;
+        }
+        this.resetValidation();
+      }
+      syncQuery() {
+        if (this.query === void 0 || this.query === this.raw)
+          return;
+        if (this.value === void 0 && this.proposedChange?.query !== this.query)
+          this.selected = null;
+        this.awaitingLabel = null;
+        this.formattedRaw = void 0;
+        this.raw = this.query;
+        this.display = this.raw;
+        this.resetValidation();
+        if (this.expanded)
+          this.search("input");
+      }
+      syncDisabled() {
+        if (this.disabled || this.readOnly) {
+          this.close();
+          this.resetValidation();
+        }
+      }
+      syncConfig(next, previous) {
+        this.validationRun?.abort();
+        if (next.provider !== previous?.provider || next.context !== previous?.context)
+          this.knownOptions.clear();
+        if (next.context !== previous?.context) {
+          this.close();
+          const policy = next.invalidation ?? "retain-query";
+          const value = policy === "retain" ? this.selected : null;
+          const query = policy === "clear" ? "" : this.raw;
+          this.commit(value, query, null, "invalidation", "programmatic");
+          this.validation = { status: "pristine", touched: false, dirty: this.raw !== this.initialRaw, issues: [] };
+        }
+        this.applyServerIssues();
+        if (this.expanded)
+          this.search("context");
+      }
+      applyServerIssues() {
+        const issues = this.config.issues ?? [];
+        if (issues.length)
+          this.setValidation({ issues }, this.validation.touched);
+        else
+          this.resetValidation();
+      }
+      resetValidation() {
+        this.validationRun?.abort();
+        this.validation = { status: "pristine", touched: this.validation.touched, dirty: this.raw !== this.initialRaw, issues: [] };
+        this.validationChange?.emit(this.validation);
+      }
+      cancelLookup() {
+        clearTimeout(this.lookupTimer);
+        this.lookup?.abort();
+        this.lookup = void 0;
+        this.loading = false;
+      }
+      close() {
+        this.expanded = false;
+        this.active = -1;
+        this.cancelLookup();
+        this.surface?.hide();
+        closeOverlay(this.overlayId);
+      }
+      open(reason = "input") {
+        if (this.disabled || this.readOnly)
+          return;
+        this.expanded = true;
+        if (this.popup && this.field)
+          this.popup.style.minWidth = `${this.field.getBoundingClientRect().width}px`;
+        this.surface?.show();
+        openOverlay({
+          id: this.overlayId,
+          element: this.popup,
+          relatedElements: [this.host],
+          modal: false,
+          requestClose: () => this.close()
+        });
+        this.search(reason);
+      }
+      search(reason) {
+        this.cancelLookup();
+        this.fullSet = reason === "disclosure";
+        this.active = -1;
+        this.lookupError = "";
+        const config = this.config;
+        const query = this.fullSet ? "" : this.raw;
+        const controller = new AbortController();
+        this.lookup = controller;
+        const apply = (options) => {
+          if (controller.signal.aborted || !this.alive)
+            return;
+          for (const option of options)
+            this.knownOptions.set(option.value, option);
+          const selectedOption = this.selected === null ? void 0 : this.knownOptions.get(this.selected);
+          if (this.query === void 0 && this.awaitingLabel === this.selected && selectedOption) {
+            this.raw = selectedOption.label;
+            this.display = this.raw;
+            this.awaitingLabel = null;
+            this.formattedRaw = void 0;
+            this.resetValidation();
+          }
+          const ids = /* @__PURE__ */ new Set();
+          this.rows = options.filter((option) => {
+            if (ids.has(option.id))
+              return false;
+            ids.add(option.id);
+            return this.fullSet || (config.filter ? config.filter(option, query, config.context) : config.provider ? true : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+          });
+          const groups = /* @__PURE__ */ new Map();
+          for (const row of this.rows) {
+            const group = row.group ?? "";
+            if (!groups.has(group))
+              groups.set(group, []);
+            groups.get(group).push(row);
+          }
+          this.rows = [...groups.values()].flat();
+          this.loading = false;
+          this.optionsChange.emit(this.rows);
+        };
+        if (!config.provider) {
+          apply(config.options ?? []);
+          return;
+        }
+        this.rows = [];
+        this.loading = true;
+        this.lookupTimer = setTimeout(async () => {
+          try {
+            apply(await config.provider({ query, context: config.context, signal: controller.signal, reason }));
+          } catch (error) {
+            if (controller.signal.aborted || !this.alive)
+              return;
+            this.loading = false;
+            this.lookupError = error instanceof Error ? error.message : "Unable to load suggestions.";
+          }
+        }, reason === "disclosure" ? 0 : Math.max(0, config.debounce ?? 200));
+      }
+      get canCreate() {
+        return Boolean(this.config.allowCreate && this.raw.trim() && !this.loading && !this.lookupError && !this.rows.some((row) => row.label.toLocaleLowerCase() === this.raw.toLocaleLowerCase()));
+      }
+      format(timing) {
+        if ((this.config.formatOn ?? "blur") !== timing || !this.input)
+          return;
+        if (this.formattedRaw === this.raw && this.formattedWith === this.config.format)
+          return;
+        const result = formatEditingValue(this.raw, {
+          start: this.input.selectionStart ?? this.raw.length,
+          end: this.input.selectionEnd ?? this.raw.length,
+          direction: this.input.selectionDirection ?? "none"
+        }, this.config.format);
+        this.formattedRaw = this.raw;
+        this.formattedWith = this.config.format;
+        this.display = result.display;
+        if (this.input.value !== result.display) {
+          this.input.value = result.display;
+          this.input.setSelectionRange(result.selection.start, result.selection.end, result.selection.direction);
+        }
+      }
+      onInput = (event) => {
+        if (this.composing || event.isComposing)
+          return;
+        this.awaitingLabel = null;
+        this.formattedRaw = void 0;
+        this.raw = this.input.value;
+        this.display = this.raw;
+        this.resetValidation();
+        this.format("input");
+        this.queryChange.emit({ query: this.raw, display: this.display, trigger: "keyboard" });
+        if (this.selected !== null)
+          this.commit(null, this.raw, null, "clear", "keyboard");
+        this.open();
+        if (this.config.validateOn === "input")
+          void this.validate();
+        queueMicrotask(() => {
+          if (this.query !== void 0 && this.query !== this.raw)
+            this.syncQuery();
+        });
+      };
+      commit(value, query, option, kind, trigger) {
+        this.awaitingLabel = null;
+        const queryChanged = query !== this.raw;
+        if (this.value === void 0)
+          this.selected = value;
+        if (this.query === void 0 && queryChanged) {
+          this.raw = query;
+          this.display = query;
+          this.formattedRaw = void 0;
+        }
+        this.resetValidation();
+        const detail = { value, query, option, kind, trigger };
+        const proposal = { value, query };
+        this.proposedChange = proposal;
+        this.valueChange.emit(detail);
+        if (queryChanged)
+          this.queryChange.emit({ query, display: query, trigger });
+        if (kind === "create")
+          this.createEntry.emit(detail);
+        if (kind === "free-entry")
+          this.freeEntry.emit(detail);
+        if (kind === "invalidation")
+          this.dependencyInvalidate.emit(detail);
+        queueMicrotask(() => {
+          if (this.proposedChange !== proposal)
+            return;
+          if (this.value !== void 0 && this.value !== proposal.value)
+            this.syncValue();
+          if (this.query !== void 0 && this.query !== proposal.query) {
+            if (this.value === void 0) {
+              this.selected = null;
+              this.resetValidation();
+            }
+            this.syncQuery();
+          }
+          this.proposedChange = void 0;
+        });
+      }
+      choose(index, trigger) {
+        const option = this.rows[index];
+        if (option?.disabled)
+          return;
+        if (option)
+          this.commit(option.value, option.label, option, "selection", trigger);
+        else if (this.canCreate && index === this.rows.length)
+          this.commit(null, this.raw, null, "create", trigger);
+        else
+          return;
+        this.close();
+        this.input?.focus();
+        if (this.config.validateOn !== "submit")
+          queueMicrotask(() => void this.validate());
+      }
+      move(key) {
+        const indices = this.rows.flatMap((row, index) => row.disabled ? [] : [index]);
+        if (this.canCreate)
+          indices.push(this.rows.length);
+        if (!indices.length)
+          return;
+        const current = indices.indexOf(this.active);
+        const next = key === "Home" ? 0 : key === "End" ? indices.length - 1 : key === "ArrowDown" ? Math.min(current + 1, indices.length - 1) : current < 0 ? indices.length - 1 : Math.max(0, current - 1);
+        this.active = indices[next];
+        requestAnimationFrame(() => this.host.shadowRoot?.getElementById(`option-${this.active}`)?.scrollIntoView({ block: "nearest" }));
+      }
+      onKeydown = (event) => {
+        if (this.composing || event.isComposing || this.disabled || this.readOnly)
+          return;
+        if (event.key === "Escape" && this.expanded) {
+          event.preventDefault();
+          event.stopPropagation();
+          this.close();
+          return;
+        }
+        if (event.key === "Tab") {
+          this.close();
+          return;
+        }
+        if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+          return;
+        if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+          event.preventDefault();
+          if (!this.expanded)
+            this.open("disclosure");
+          this.move(event.key);
+        } else if ((event.key === "Home" || event.key === "End") && this.expanded && this.active >= 0) {
+          event.preventDefault();
+          this.move(event.key);
+        } else if (event.key === "Enter" && this.expanded) {
+          if (this.active >= 0) {
+            event.preventDefault();
+            this.choose(this.active, "keyboard");
+          } else if (this.config.allowFreeText) {
+            event.preventDefault();
+            this.commit(null, this.raw, null, "free-entry", "keyboard");
+            this.close();
+          }
+        }
+      };
+      onFocusOut = (event) => {
+        if (event.relatedTarget instanceof Node && this.host.shadowRoot?.contains(event.relatedTarget))
+          return;
+        this.close();
+        this.format("blur");
+        this.validation = { ...this.validation, touched: true };
+        if (this.config.allowFreeText && this.selected === null)
+          this.commit(null, this.raw, null, "free-entry", "keyboard");
+        if ((this.config.validateOn ?? "blur") === "blur")
+          void this.validate();
+      };
+      setValidation(result, touched = this.validation.touched) {
+        const blocking = result.issues.some((issue) => issue.severity !== "warning");
+        this.validation = {
+          status: blocking ? "error" : result.issues.length ? "warning" : "valid",
+          touched,
+          dirty: this.raw !== this.initialRaw,
+          ...result
+        };
+        this.validationChange?.emit(this.validation);
+      }
+      /** Validate for submission. Caller submits only non-pending, non-error output. */
+      async validate() {
+        this.validationRun?.abort();
+        const run = new AbortController();
+        this.validationRun = run;
+        this.validation = { ...this.validation, status: "pending", output: void 0 };
+        this.validationChange.emit(this.validation);
+        try {
+          const result = await validateField({ raw: this.raw, value: this.selected, context: this.config.context, signal: run.signal }, this.config);
+          if (this.required && !this.raw.trim())
+            result.issues = [...result.issues, { message: "A value is required." }];
+          else if (this.raw && this.selected === null && !this.config.allowFreeText && !this.config.allowCreate)
+            result.issues = [...result.issues, { message: "Choose a suggestion." }];
+          if (result.issues.some((issue) => issue.severity !== "warning"))
+            result.output = void 0;
+          if (!run.signal.aborted && this.alive)
+            this.setValidation(result);
+        } catch {
+        }
+        return this.validation;
+      }
+      render() {
+        const description = [this.helpOpen ? "help-text" : "", this.validation.issues.length ? "validation" : ""].filter(Boolean).join(" ") || void 0;
+        const status = this.loading ? "Loading suggestions\u2026" : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : "");
+        const groups = [...new Set(this.rows.map((row) => row.group ?? ""))];
+        return h(Host, { key: "b485462943bef9e5cb0a4b42f82888024132ab3a", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "99db32d80b0a250ff4ebea8481dda94be53df2eb", htmlFor: "input", part: "label" }, this.label, this.required ? " *" : ""), h("div", { key: "922adddf41c07215d3ec73947e8e3fe801c7ef89", class: "field", part: "field", ref: (element) => this.field = element }, h("input", { key: "557780297c5afee8112a5085984c5dd4ea1a02be", id: "input", ref: (element) => this.input = element, role: "combobox", "aria-autocomplete": "list", "aria-expanded": String(this.expanded), "aria-controls": "listbox", "aria-activedescendant": this.expanded && this.active >= 0 ? `option-${this.active}` : void 0, "aria-describedby": description, "aria-invalid": String(this.validation.status === "error"), "aria-busy": String(this.validation.status === "pending"), value: this.display, placeholder: this.placeholder, name: this.name || void 0, disabled: this.disabled, readOnly: this.readOnly, required: this.required, autoComplete: "off", part: "input", onInput: this.onInput, onKeyDown: this.onKeydown, onCompositionstart: () => this.composing = true, onCompositionend: () => {
+          this.composing = false;
+          this.onInput(new InputEvent("input"));
+        } }), this.clearable && h("button", { key: "ab180bacc7f5232eb517b7fed9bee0d62a4b1156", type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => {
+          this.commit(null, "", null, "clear", "pointer");
+          this.close();
+          this.input?.focus();
+        } }, "\xD7"), this.help && h("button", { key: "b4ea9b44c9e22eb9ac259fb67b86368eede2b13f", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "36222d7a98a4f6abb12f785e9b4f28c2479a4e37", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "1d8757b7c817575b6915d0e8c164e20776df83e5", type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
+          if (this.expanded)
+            this.close();
+          else
+            this.open("disclosure");
+          this.input?.focus();
+        } }, h("span", { key: "cd2dad7694dc24104521a58d4182d6e866f54095", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "5e0eecd828a0e82d94b0be5b5f3233cddca4a87b", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "694902d8c8f58664838a943e0e2c14c856be9a08", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "81b18e296151afde18c47492aa997bdd13d553bc", id: "listbox", role: "listbox", "aria-label": `${this.label} suggestions`, "aria-busy": String(this.loading) }, groups.map((group) => h("div", { role: group ? "group" : "presentation", "aria-label": group || void 0 }, group && h("div", { class: "group", part: "group" }, group), this.rows.map((row, index) => (row.group ?? "") !== group ? null : h("div", { id: `option-${index}`, role: "option", "aria-selected": String(this.selected === row.value), "aria-disabled": String(Boolean(row.disabled)), "data-active": this.active === index ? "" : void 0, part: "option", class: "option", onPointerDown: (event) => event.preventDefault(), onClick: () => this.choose(index, "pointer") }, h("slot", { name: `option-${row.id}` }, h("span", { class: "primary", part: "option-primary" }, row.label), row.description && h("span", { class: "secondary", part: "option-secondary" }, row.description)))))), this.canCreate && h("div", { key: "dbf87523b5c6f17aedf15295d9703557f2d31524", id: `option-${this.rows.length}`, role: "option", "aria-selected": "false", class: "option", part: "option", "data-active": this.active === this.rows.length ? "" : void 0, onPointerDown: (event) => event.preventDefault(), onClick: () => this.choose(this.rows.length, "pointer") }, h("slot", { key: "bd4bdd2b132de7f72c1e5450fb0c0d16254aeedb", name: "create" }, "Create \u201C", this.raw, "\u201D"))), this.loading ? h("div", { class: "message" }, h("slot", { name: "loading" }, "Loading suggestions\u2026")) : this.lookupError ? h("div", { class: "message" }, h("slot", { name: "error" }, this.lookupError)) : !this.rows.length && !this.canCreate ? h("div", { class: "message" }, h("slot", { name: "empty" }, "No suggestions.")) : null), h("div", { key: "0d39fb1acb6d65307fabc3f502785a19710dc4af", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "a83334d72b90ca0f411e6161a8bf5e2e8c2e33a8", class: "sr-only", role: "status", "aria-live": "polite", "aria-atomic": "true" }, status, " ", this.validation.status === "pending" ? "Checking value\u2026" : this.validation.issues.map((issue) => issue.message).join(" ")));
+      }
+      static get watchers() {
+        return {
+          "value": [{
+            "syncValue": 0
+          }],
+          "query": [{
+            "syncQuery": 0
+          }],
+          "disabled": [{
+            "syncDisabled": 0
+          }],
+          "readOnly": [{
+            "syncDisabled": 0
+          }],
+          "config": [{
+            "syncConfig": 0
+          }]
+        };
+      }
+    };
+    UICombobox.style = uiComboboxCss();
+  }
+});
+
+// dist/esm/ui-context-menu.entry.js
+var ui_context_menu_entry_exports = {};
+__export(ui_context_menu_entry_exports, {
+  ui_context_menu: () => UIContextMenu
+});
+var uiContextMenuCss, UIContextMenu;
+var init_ui_context_menu_entry = __esm({
+  "dist/esm/ui-context-menu.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
+    init_events_JwSoedEO();
+    init_positioning_Bu0dmLBE();
+    uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
+    UIContextMenu = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      get host() {
+        return getElement(this);
+      }
+      /** Controls the menu when the consumer owns open state. */
+      open = false;
+      /** Opens the menu on first client render. */
+      defaultOpen = false;
+      /** Optional id of the region that should also respond to a context-menu gesture. */
+      for;
+      internalOpen = false;
+      focusTrigger = "programmatic";
+      overlayId = `ui-context-menu-${Math.random().toString(36).slice(2, 11)}`;
+      trigger = null;
+      contextTarget = null;
+      pointerX = 0;
+      pointerY = 0;
+      pointPositioned = false;
+      surface = null;
+      syncFromProp() {
+        this.internalOpen = this.open;
+      }
+      syncTarget() {
+        this.resolveTargets();
+        this.attachTargetListeners();
+      }
+      syncOverlay() {
+        this.syncTriggerState();
+        if (this.internalOpen) {
+          if (this.pointPositioned) {
+            this.surface?.showAtPoint({ x: this.pointerX, y: this.pointerY });
+          } else {
+            this.surface?.show();
+          }
+          openOverlay({
+            id: this.overlayId,
             modal: false,
             element: this.host,
             dismissible: true,
@@ -1060,7 +1995,7 @@ var init_ui_context_menu_entry = __esm({
         this.closeMenu("action", "pointer");
       };
       render() {
-        return h(Host, { key: "4db0d5b55ead41925aa682b1e383b5735b49bf56", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "462925d53db169c13e485789ae91e28b0abd3e40", name: "trigger" }), h("div", { key: "cac8f3b11c4872d38e976f210ce9a43fd854b335", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "ba50f74e11466da2240f7568479d5d10a614b394", open: this.internalOpen }, h("slot", { key: "1fcb45bf124e2377ac6c7fc236d2babf0d9e3bae" }))));
+        return h(Host, { key: "5d927f41a72e680ad6d6d4a3fa0c913360cb8660", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "e5b1ec05d96093671fb839e3b81ddefb730575e1", name: "trigger" }), h("div", { key: "a0c4a8ca50bcca2b7d3ee53b4c26db054af93151", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "ac03b9dc3fa56d0cbb28115060726de4500a668b", open: this.internalOpen }, h("slot", { key: "f2d8484cb9fb3956a3a5979795633a74d423577d" }))));
       }
       static get watchers() {
         return {
@@ -1088,9 +2023,10 @@ __export(ui_dialog_entry_exports, {
 var uiDialogCss, UIDialog;
 var init_ui_dialog_entry = __esm({
   "dist/esm/ui-dialog.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
     init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
     uiDialogCss = () => `:host{display:block}:host:not([data-open]){display:none}:host dialog{--ui-dialog-duration:var(--ui-motion-base);--ui-dialog-viewport-gap:var(--ui-space-4, 1rem);position:fixed;inset:0;inline-size:min(     calc(100% - (var(--ui-dialog-viewport-gap) * 2)),     var(--ui-dialog-max-width, 440px)   );max-inline-size:none;max-block-size:calc(100dvh - (var(--ui-dialog-viewport-gap) * 2));margin:auto;padding:var(--ui-space-4);overflow:auto;background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-dialog);box-shadow:var(--ui-shadow-dialog);visibility:hidden;pointer-events:none;opacity:0;transform:scale(0.96);transition:opacity var(--ui-dialog-duration) var(--ui-motion-ease),     transform var(--ui-dialog-duration) var(--ui-motion-ease),     visibility var(--ui-dialog-duration),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]{visibility:visible;pointer-events:auto;opacity:1;transform:scale(1);animation:ui-dialog-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-enter{from{opacity:0;transform:scale(0.96)}}:host dialog::backdrop{background-color:transparent;transition:background-color var(--ui-dialog-duration) var(--ui-motion-ease),     display var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete,     overlay var(--ui-dialog-duration) var(--ui-motion-ease) allow-discrete}:host dialog[open]::backdrop{background-color:var(--ui-overlay-backdrop);animation:ui-dialog-backdrop-enter var(--ui-dialog-duration) var(--ui-motion-ease)}@keyframes ui-dialog-backdrop-enter{from{background-color:transparent}}`;
     UIDialog = class {
       constructor(hostRef) {
@@ -1099,17 +2035,27 @@ var init_ui_dialog_entry = __esm({
       get host() {
         return getElement(this);
       }
-      open = false;
+      /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
+      open;
       defaultOpen = false;
       modal = true;
       dismissible = true;
       /** Accessible name forwarded to the native dialog surface. */
       label;
       internalOpen = false;
+      accessibleLabel = "Dialog";
       overlayId = `ui-dialog-${Math.random().toString(36).slice(2, 11)}`;
       dialogRef;
+      contentObserver = null;
       syncFromProp() {
-        this.internalOpen = this.open;
+        if (isControlled(this.open))
+          this.internalOpen = this.open;
+      }
+      syncLabelFromProp() {
+        this.syncAccessibleLabel();
+      }
+      componentWillLoad() {
+        this.syncAccessibleLabel();
       }
       syncOpen() {
         if (this.dialogRef) {
@@ -1129,20 +2075,29 @@ var init_ui_dialog_entry = __esm({
         }
       }
       componentDidLoad() {
-        this.syncFromProp();
-        this.internalOpen = this.internalOpen || this.defaultOpen;
+        this.contentObserver = new MutationObserver(this.syncAccessibleLabel);
+        this.contentObserver.observe(this.host, {
+          childList: true,
+          subtree: true,
+          characterData: true
+        });
+        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
         this.dialogRef?.addEventListener("close", this.onDialogClose);
+        this.syncAccessibleLabel();
         this.syncOpen();
       }
       disconnectedCallback() {
         this.dialogRef?.removeEventListener("close", this.onDialogClose);
+        this.contentObserver?.disconnect();
+        this.contentObserver = null;
         closeOverlay(this.overlayId);
       }
       componentDidUpdate() {
         this.syncOpen();
       }
       handleRequestClose(reason, trigger) {
-        this.internalOpen = false;
+        if (!isControlled(this.open))
+          this.internalOpen = false;
         dispatchDetail(this.host, "close", {
           open: false,
           reason,
@@ -1151,8 +2106,12 @@ var init_ui_dialog_entry = __esm({
       }
       onDialogClose = () => {
         if (this.internalOpen) {
-          this.internalOpen = false;
-          closeOverlay(this.overlayId);
+          if (!isControlled(this.open)) {
+            this.internalOpen = false;
+            closeOverlay(this.overlayId);
+          } else {
+            requestAnimationFrame(() => this.syncOpen());
+          }
           dispatchDetail(this.host, "close", {
             open: false,
             reason: "programmatic",
@@ -1165,14 +2124,25 @@ var init_ui_dialog_entry = __esm({
           requestTopOverlayClose("escape", "keyboard");
         }
       };
+      syncAccessibleLabel = () => {
+        const explicitLabel = this.label?.trim();
+        const heading = this.host.querySelector('[slot="heading"], [data-ui-dialog-title], h1, h2, h3, h4, h5, h6');
+        const headingLabel = heading?.textContent?.trim();
+        const nextLabel = explicitLabel || headingLabel || "Dialog";
+        if (this.accessibleLabel !== nextLabel)
+          this.accessibleLabel = nextLabel;
+      };
       render() {
-        return h(Host, { key: "c10f9063a1c2677caff3b8d1f26b37bf25978a77", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "a7111bd363cab94f394cca526bf34ea8081e5228", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.label }, h("slot", { key: "b0a9699fe0be09e331cfea81b6bbeaec11d48956" })));
+        return h(Host, { key: "b7aa33e24a74527a58718b3fa2218f5a09e9e439", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "f24455edc404581b5040c9c0090bf64141f9e296", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "bad318e44b9c80dc0aae04ea5cdbb7b2ab472c35" })));
       }
       static get watchers() {
         return {
           "open": [{
             "syncFromProp": 0
           }],
+          "label": [{
+            "syncLabelFromProp": 0
+          }],
           "internalOpen": [{
             "syncOpen": 0
           }]
@@ -1203,9 +2173,10 @@ __export(ui_disclosure_entry_exports, {
 var uiDisclosureCss, UIDisclosure;
 var init_ui_disclosure_entry = __esm({
   "dist/esm/ui-disclosure.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_id_hgBUJRDa();
     init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
     uiDisclosureCss = () => `:host{display:block}::slotted([hidden]){display:none !important}`;
     UIDisclosure = class {
       constructor(hostRef) {
@@ -1214,7 +2185,8 @@ var init_ui_disclosure_entry = __esm({
       get host() {
         return getElement(this);
       }
-      open = false;
+      /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
+      open;
       defaultOpen = false;
       disabled = false;
       internalOpen = false;
@@ -1222,7 +2194,8 @@ var init_ui_disclosure_entry = __esm({
       trigger = null;
       content = null;
       syncFromProp() {
-        this.internalOpen = this.open;
+        if (isControlled(this.open))
+          this.internalOpen = this.open;
       }
       syncState() {
         if (this.trigger) {
@@ -1234,8 +2207,7 @@ var init_ui_disclosure_entry = __esm({
       }
       componentDidLoad() {
         this.resolveParts();
-        this.syncFromProp();
-        this.internalOpen = this.internalOpen || this.defaultOpen;
+        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
         this.syncState();
         this.trigger?.addEventListener("click", this.onTriggerClick);
         this.trigger?.addEventListener("keydown", this.onTriggerKeydown);
@@ -1272,7 +2244,8 @@ var init_ui_disclosure_entry = __esm({
       setOpen(next, action) {
         if (this.internalOpen === next)
           return;
-        this.internalOpen = next;
+        if (!isControlled(this.open))
+          this.internalOpen = next;
         dispatchDetail(this.host, next ? "open" : "close", {
           open: next,
           reason: action.reason,
@@ -1293,7 +2266,7 @@ var init_ui_disclosure_entry = __esm({
         this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
       };
       render() {
-        return h(Host, { key: "7fbc83614f8e988a43d1baac0379a6dc8826b1d5" }, h("slot", { key: "6ef33ca7bce5c4d83ab65642f52a9d17febb794d" }));
+        return h(Host, { key: "55a6fd71965104b96b55fd53870becce748a4116" }, h("slot", { key: "542727e10d335ff44fc7cf8250e80f045f89b8f2" }));
       }
       static get watchers() {
         return {
@@ -1318,7 +2291,7 @@ __export(ui_floating_action_button_entry_exports, {
 var uiFloatingActionButtonCss, UIFloatingActionButton;
 var init_ui_floating_action_button_entry = __esm({
   "dist/esm/ui-floating-action-button.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiFloatingActionButtonCss = () => `:host{position:fixed;inset-block-end:calc(     var(--ui-floating-action-button-bottom, var(--ui-space-6, 1.5rem)) + env(safe-area-inset-bottom)   );inset-inline-end:max(     var(--ui-floating-action-button-inline-end, var(--ui-space-5, 1.25rem)),     env(safe-area-inset-right)   );inline-size:var(--ui-floating-action-button-size, 56px);block-size:var(--ui-floating-action-button-size, 56px);display:inline-flex;z-index:var(--ui-floating-action-button-z-index, 100)}button{appearance:none;inline-size:100%;block-size:100%;border:none;border-radius:999px;margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:var(--ui-floating-action-button-bg, var(--ui-accent-solid));color:var(--ui-floating-action-button-color, var(--ui-text-on-accent));box-shadow:var(     --ui-floating-action-button-shadow,     0 4px 12px color-mix(in srgb, var(--ui-accent-solid) 40%, transparent)   );cursor:pointer;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     transform var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease),     box-shadow var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}button:hover:enabled{background:var(--ui-floating-action-button-hover-bg, var(--ui-accent-hover));box-shadow:var(     --ui-floating-action-button-hover-shadow,     0 6px 16px color-mix(in srgb, var(--ui-accent-solid) 50%, transparent)   )}button:active:enabled{transform:scale(var(--ui-floating-action-button-active-scale, 0.94))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-floating-action-button-icon-size, 24px);block-size:var(--ui-floating-action-button-icon-size, 24px);flex-shrink:0}@media (min-width: 768px){:host([mobile-only]){display:none}}`;
     UIFloatingActionButton = class {
       constructor(hostRef) {
@@ -1328,7 +2301,7 @@ var init_ui_floating_action_button_entry = __esm({
       mobileOnly = false;
       label = "";
       render() {
-        return h(Host, { key: "6f67f3967cf8883005f6c56747db515db5ebe1d0", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "deebb9261221c144b30bc3e41790158fc339cd14", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "3b045b69a4508c84dd5b7c8b3df0e6f3eded1c13" })));
+        return h(Host, { key: "b41f0aaabbcd23cb79ac06245e69fd8ecb9c9912", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "36a023bd66d38845f1116874380d7a28bb46b5a2", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "412c41e4732cc230f84e7758bfc7faab7e0802e2" })));
       }
     };
     UIFloatingActionButton.style = uiFloatingActionButtonCss();
@@ -1343,9 +2316,9 @@ __export(ui_form_field_entry_exports, {
 var uiFormFieldCss, UIFormField;
 var init_ui_form_field_entry = __esm({
   "dist/esm/ui-form-field.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_id_hgBUJRDa();
-    uiFormFieldCss = () => `:host{display:grid;gap:var(--ui-space-2);color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){color:var(--ui-text-muted);font-size:0.875rem}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}`;
+    uiFormFieldCss = () => `:host{display:grid;gap:var(--ui-space-2);min-inline-size:0;align-content:start;color:var(--ui-text-primary)}::slotted(label){color:var(--ui-text-secondary);font-size:0.95rem}::slotted([data-slot='help']){min-block-size:var(--ui-form-field-help-min-block-size, 0);color:var(--ui-text-muted);font-size:0.875rem;line-height:var(--ui-line-height-md)}::slotted([data-slot='error']),::slotted([role='alert']){color:var(--ui-accent-active);font-size:0.875rem}`;
     UIFormField = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1356,17 +2329,61 @@ var init_ui_form_field_entry = __esm({
       invalid = false;
       disabled = false;
       required = false;
+      observer = null;
+      activeInput = null;
+      ownedDescriptionIds = /* @__PURE__ */ new Set();
+      wireQueued = false;
       componentDidLoad() {
+        this.observer = new MutationObserver(this.scheduleWire);
+        this.observer.observe(this.host, {
+          childList: true,
+          subtree: true,
+          attributes: true,
+          attributeFilter: ["aria-describedby", "data-slot", "id", "role"]
+        });
         this.wire();
       }
       componentDidUpdate() {
-        this.wire();
+        this.scheduleWire();
       }
+      disconnectedCallback() {
+        this.observer?.disconnect();
+        this.observer = null;
+        this.removeOwnedDescriptions(this.activeInput);
+        this.activeInput = null;
+        this.ownedDescriptionIds.clear();
+      }
+      descriptionIds(input) {
+        return Array.from(new Set((input.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean)));
+      }
+      removeOwnedDescriptions(input) {
+        if (!input || this.ownedDescriptionIds.size === 0)
+          return;
+        const remaining = this.descriptionIds(input).filter((id) => !this.ownedDescriptionIds.has(id));
+        if (remaining.length > 0)
+          input.setAttribute("aria-describedby", remaining.join(" "));
+        else
+          input.removeAttribute("aria-describedby");
+      }
+      scheduleWire = () => {
+        if (this.wireQueued)
+          return;
+        this.wireQueued = true;
+        queueMicrotask(() => {
+          this.wireQueued = false;
+          this.wire();
+        });
+      };
       wire() {
         const label = this.host.querySelector("label");
         const input = this.host.querySelector("input, textarea, select");
         const help = this.host.querySelector('[data-slot="help"]');
         const error = this.host.querySelector('[data-slot="error"], [role="alert"]');
+        if (input !== this.activeInput) {
+          this.removeOwnedDescriptions(this.activeInput);
+          this.activeInput = input;
+          this.ownedDescriptionIds.clear();
+        }
         if (!input)
           return;
         if (!input.id) {
@@ -1375,6 +2392,8 @@ var init_ui_form_field_entry = __esm({
         if (label && !label.getAttribute("for")) {
           label.setAttribute("for", input.id);
         }
+        const previousOwnedIds = this.ownedDescriptionIds;
+        const externalIds = this.descriptionIds(input).filter((id) => !previousOwnedIds.has(id));
         const describedIds = [];
         if (help) {
           if (!help.id)
@@ -1386,15 +2405,22 @@ var init_ui_form_field_entry = __esm({
             error.id = createId("form-field-error");
           describedIds.push(error.id);
         }
-        if (describedIds.length) {
-          input.setAttribute("aria-describedby", describedIds.join(" "));
+        const nextOwnedIds = describedIds.filter((id) => !externalIds.includes(id));
+        const nextDescribedIds = Array.from(/* @__PURE__ */ new Set([...externalIds, ...describedIds]));
+        const nextDescribedBy = nextDescribedIds.join(" ");
+        if (input.getAttribute("aria-describedby") !== nextDescribedBy) {
+          if (nextDescribedBy)
+            input.setAttribute("aria-describedby", nextDescribedBy);
+          else
+            input.removeAttribute("aria-describedby");
         }
+        this.ownedDescriptionIds = new Set(nextOwnedIds);
         input.disabled = this.disabled;
         input.required = this.required;
         input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
       }
       render() {
-        return h(Host, { key: "c0a01ac28a7dd0e0b285e4b9f9763ef536a83a2e", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "b09be4482299d866a0651393e269299dedb0cbf4" }));
+        return h(Host, { key: "0b8fd5608631b5f9159fdf99d6eba918cc6587e4", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "4ed78782bcc8b6699a40d8402994b486d71d730a", onSlotchange: this.scheduleWire }));
       }
     };
     UIFormField.style = uiFormFieldCss();
@@ -1409,7 +2435,7 @@ __export(ui_icon_button_entry_exports, {
 var uiIconButtonCss, UIIconButton;
 var init_ui_icon_button_entry = __esm({
   "dist/esm/ui-icon-button.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}:host([anticipatory]){position:relative}:host([anticipatory])::before{content:'';position:absolute;inset:50% auto auto 50%;z-index:1;inline-size:var(--ui-affordance-guide-size, 0.25rem);block-size:var(--ui-affordance-guide-size, 0.25rem);border-radius:var(--ui-radius-round, 999px);background:var(--ui-affordance-guide-color, var(--ui-border-strong));opacity:var(--ui-affordance-guide-opacity, 0.42);transform:translate(-50%, -50%);transition:opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);pointer-events:none}:host([anticipatory]) button{opacity:0;transform:scale(0.72);pointer-events:none}:host([anticipatory][data-ui-proximity='near'])::before,:host([anticipatory]:focus-within)::before,:host([anticipatory]:hover)::before,:host([anticipatory][variant='solid'])::before{opacity:0}:host([anticipatory][data-ui-proximity='near']) button,:host([anticipatory]:focus-within) button,:host([anticipatory]:hover) button,:host([anticipatory][variant='solid']) button{opacity:1;transform:scale(1);pointer-events:auto}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease)}@media (hover: none), (pointer: coarse){:host([anticipatory])::before{opacity:0}:host([anticipatory]) button{opacity:1;transform:none;pointer-events:auto}}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;
     UIIconButton = class {
       constructor(hostRef) {
@@ -1422,7 +2448,7 @@ var init_ui_icon_button_entry = __esm({
       /** Reveals this control through a surrounding ui-affordance-scope. */
       anticipatory = false;
       render() {
-        return h(Host, { key: "dd6149d96d534a641eedaf808df5348eef48f31f", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "3e1b83a3e01b724cb75ddb7243a1e85bd9eb3420", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "d280293841471ad37f556c73d86de3223e1f98e6" })));
+        return h(Host, { key: "fb4534d977b4812f402855f78176b8316ebace61", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "b90d290870ad76ba18de88a6b6947a15040ff12a", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "88ded6ad90a4cfeffcd687990e5ba8b0c7d3bd30" })));
       }
     };
     UIIconButton.style = uiIconButtonCss();
@@ -1437,9 +2463,9 @@ __export(ui_input_entry_exports, {
 var uiInputCss, UIInput;
 var init_ui_input_entry = __esm({
   "dist/esm/ui-input.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiInputCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(input){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(input:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
+    uiInputCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(input){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(input:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(input:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(input),::slotted(input[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(input:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
     UIInput = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1447,7 +2473,7 @@ var init_ui_input_entry = __esm({
       get host() {
         return getElement(this);
       }
-      value = "";
+      value;
       defaultValue = "";
       disabled = false;
       invalid = false;
@@ -1455,14 +2481,16 @@ var init_ui_input_entry = __esm({
       internalValue = "";
       slotRef;
       syncFromProp() {
-        this.internalValue = this.value;
+        if (this.value !== void 0)
+          this.internalValue = this.value;
       }
       syncToInput() {
         const input = this.getInput();
         if (!input)
           return;
         this.host.dataset.invalid = this.invalid ? "true" : "";
-        input.value = this.internalValue;
+        if (this.value !== void 0)
+          input.value = this.internalValue;
         input.defaultValue = this.defaultValue;
         input.disabled = this.disabled;
         input.readOnly = this.readOnly;
@@ -1510,7 +2538,7 @@ var init_ui_input_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "2b3b4f6862cf5c5e413aaefb349c53d4e66eb6d0", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "140dc656f13399b8ef05adb6cfa1d9a7e1373c2d", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "fe125b4e8ec35e9ac0b0ca0434aa8439f515c51b", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "ec0609f9143435cf0436abb98488b9f30b71530b", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -1547,8 +2575,8 @@ __export(ui_menu_item_entry_exports, {
 var uiMenuItemCss, UIMenuItem;
 var init_ui_menu_item_entry = __esm({
   "dist/esm/ui-menu-item.entry.js"() {
-    init_index_CEeiinfk();
-    uiMenuItemCss = () => `:host{display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}:host(:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}:host([aria-disabled='true']),:host([disabled]){opacity:0.6;cursor:not-allowed}`;
+    init_index_8BGiMGQ0();
+    uiMenuItemCss = () => `:host{display:block;width:100%}.menu-item__surface{display:block;box-sizing:border-box;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}:host(:hover:not([aria-disabled='true']):not([disabled])) .menu-item__surface{background:var(--ui-surface-subtle)}:host([aria-disabled='true']) .menu-item__surface,:host([disabled]) .menu-item__surface{opacity:0.6;cursor:not-allowed}`;
     UIMenuItem = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1556,7 +2584,7 @@ var init_ui_menu_item_entry = __esm({
       disabled = false;
       value = "";
       render() {
-        return h(Host, { key: "c0024d4bb84224019121b98a6fec36bfdad00864", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("slot", { key: "00eee7c496dfaf71e8ec158606ebc6641e2ef0d8" }));
+        return h(Host, { key: "f8a1721f8e516af04f901b53c3a66ce1de932608", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "6483d0b3ce1be06aed214f626b2d6a2963a44ade", class: "menu-item__surface" }, h("slot", { key: "db470b1cbb54d56a14d05c0d7f72c43e37f4263e" })));
       }
     };
     UIMenuItem.style = uiMenuItemCss();
@@ -1571,11 +2599,12 @@ __export(ui_menu_entry_exports, {
 var uiMenuCss, UIMenu;
 var init_ui_menu_entry = __esm({
   "dist/esm/ui-menu.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    init_manager_PM9a74r7();
+    init_manager_C_0syqXZ();
+    init_controlled_state_BnGhGgTH();
     init_positioning_Bu0dmLBE();
-    uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:auto;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%;padding:var(--ui-space-2) var(--ui-space-3);text-align:left;background:none;border:none;border-radius:var(--ui-radius-2);color:var(--ui-text-primary);font-size:var(--ui-font-size-md);font-weight:var(--ui-font-medium, 500);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(ui-menu-item:hover:not([aria-disabled='true']):not([disabled])){background:var(--ui-surface-subtle)}::slotted(ui-menu-item[aria-disabled='true']),::slotted(ui-menu-item[disabled]){opacity:0.6;cursor:not-allowed}`;
+    uiMenuCss = () => `:host{--ui-menu-viewport-gap:var(--ui-space-2, 0.5rem);display:flex;flex-direction:column;box-sizing:border-box;inline-size:max-content;min-inline-size:min(12rem, calc(100vw - (var(--ui-menu-viewport-gap) * 2)));max-inline-size:calc(100vw - (var(--ui-menu-viewport-gap) * 2));padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;padding:var(--ui-space-1);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:auto;max-block-size:calc(100dvh - (var(--ui-menu-viewport-gap) * 2));opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}::slotted(ui-menu-item){display:block;width:100%}`;
     UIMenu = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1583,7 +2612,8 @@ var init_ui_menu_entry = __esm({
       get host() {
         return getElement(this);
       }
-      open = false;
+      /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
+      open;
       defaultOpen = false;
       /** Id of the control that anchors this menu in the top layer. */
       for;
@@ -1594,7 +2624,8 @@ var init_ui_menu_entry = __esm({
       anchor = null;
       surface = null;
       syncFromProp() {
-        this.internalOpen = this.open;
+        if (isControlled(this.open))
+          this.internalOpen = this.open;
       }
       resetSurface() {
         this.setupSurface();
@@ -1620,8 +2651,7 @@ var init_ui_menu_entry = __esm({
         }
       }
       componentDidLoad() {
-        this.syncFromProp();
-        this.internalOpen = this.internalOpen || this.defaultOpen;
+        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
         this.host.addEventListener("click", this.onItemClick);
         this.host.addEventListener("keydown", this.onKeydown);
         this.setupSurface();
@@ -1654,7 +2684,8 @@ var init_ui_menu_entry = __esm({
       closeMenu(reason, trigger) {
         if (!this.internalOpen)
           return;
-        this.internalOpen = false;
+        if (!isControlled(this.open))
+          this.internalOpen = false;
         dispatchDetail(this.host, "close", {
           open: false,
           reason,
@@ -1682,7 +2713,8 @@ var init_ui_menu_entry = __esm({
           reason: "action",
           trigger: eventToTrigger(e)
         });
-        this.internalOpen = false;
+        if (!isControlled(this.open))
+          this.internalOpen = false;
       };
       onKeydown = (e) => {
         if (e.key === "Escape") {
@@ -1705,7 +2737,8 @@ var init_ui_menu_entry = __esm({
               reason: "action",
               trigger: "keyboard"
             });
-            this.internalOpen = false;
+            if (!isControlled(this.open))
+              this.internalOpen = false;
           }
           return;
         }
@@ -1716,7 +2749,7 @@ var init_ui_menu_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "06ad0750df843cb874bd4f257d8567157c855493", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "50118ac749a2747ca06f4d483499c4cd20125a89" }));
+        return h(Host, { key: "c5af7acaf41b75165e9f7cf47d65b7a1dcd4d1c0", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "058fff9a00a1dcba26f6db425096e7a96d889896", class: "menu__surface" }, h("slot", { key: "dbbf9eb4ba2a348b6d85049e229ed0562ee17318" })));
       }
       static get watchers() {
         return {
@@ -1747,11 +2780,12 @@ __export(ui_popover_entry_exports, {
 var uiPopoverCss, UIPopover;
 var init_ui_popover_entry = __esm({
   "dist/esm/ui-popover.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
     init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
     init_positioning_Bu0dmLBE();
-    uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);box-shadow:var(--ui-shadow-lg);max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
+    uiPopoverCss = () => `:host{--ui-popover-viewport-gap:var(--ui-space-2, 0.5rem);box-sizing:border-box;max-inline-size:min(     20rem,     calc(100vw - (var(--ui-popover-viewport-gap) * 2))   );max-block-size:calc(100dvh - (var(--ui-popover-viewport-gap) * 2));overflow:auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:var(--ui-shadow-lg)}.popover__surface{box-sizing:border-box;padding:var(--ui-space-3);background:var(--ui-surface-elevated);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3)}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host([popover]:popover-open){opacity:1;transform:translateY(0) scale(1)}@starting-style{:host([popover]:popover-open){opacity:0;transform:translateY(-4px) scale(0.99)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host([popover]){transition:none}}`;
     UIPopover = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1759,7 +2793,8 @@ var init_ui_popover_entry = __esm({
       get host() {
         return getElement(this);
       }
-      open = false;
+      /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
+      open;
       defaultOpen = false;
       /** Optional id of the element this popover follows in the top layer. */
       for;
@@ -1769,7 +2804,8 @@ var init_ui_popover_entry = __esm({
       anchor = null;
       surface = null;
       syncFromProp() {
-        this.internalOpen = this.open;
+        if (isControlled(this.open))
+          this.internalOpen = this.open;
       }
       onOpenChange() {
         this.syncOverlay();
@@ -1826,8 +2862,7 @@ var init_ui_popover_entry = __esm({
         }
       }
       componentDidLoad() {
-        this.syncFromProp();
-        this.internalOpen = this.internalOpen || this.defaultOpen;
+        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
         this.host.addEventListener("keydown", this.onKeydown);
         this.setupSurface();
         this.syncOverlay();
@@ -1842,7 +2877,8 @@ var init_ui_popover_entry = __esm({
         this.syncOverlay();
       }
       handleRequestClose(reason, trigger) {
-        this.internalOpen = false;
+        if (!isControlled(this.open))
+          this.internalOpen = false;
         dispatchDetail(this.host, "close", {
           open: false,
           reason,
@@ -1855,7 +2891,7 @@ var init_ui_popover_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "8e45be54147ff8f76a0d5e7fd875c3f4cf5ac40a", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "3141729cd32c8dcdaec1fbd763eb034242563c8f" }));
+        return h(Host, { key: "6a38873f2e4d085f733fa116057b1f55418e23ed", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("div", { key: "6fef6e37921e8c52994617719f1ebb6d9bd54ee2", class: "popover__surface" }, h("slot", { key: "5ee4269592219035a3185f8f06fd71ecb12e4e71" })));
       }
       static get watchers() {
         return {
@@ -1886,7 +2922,7 @@ __export(ui_radio_group_entry_exports, {
 var uiRadioGroupCss, UIRadioGroup;
 var init_ui_radio_group_entry = __esm({
   "dist/esm/ui-radio-group.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     uiRadioGroupCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2)}:host([data-orientation='vertical']){display:inline-grid;justify-items:start}`;
     UIRadioGroup = class {
@@ -1992,7 +3028,7 @@ var init_ui_radio_group_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "5410f4adb5d4ca888287150f57de38ab59cc791d", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "d3988acaf5456e89f26d449ccaadaf237c223bbd" }));
+        return h(Host, { key: "28c6eb6cc9520b570f40d2193d0c64a7a6c7db01", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "97814378181be78bfac6090ff173459e1f539728" }));
       }
       static get watchers() {
         return {
@@ -2026,8 +3062,9 @@ __export(ui_radio_entry_exports, {
 var uiRadioCss, UIRadio;
 var init_ui_radio_entry = __esm({
   "dist/esm/ui-radio.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
     uiRadioCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([data-disabled='true']),:host([aria-disabled='true']){opacity:0.6;cursor:not-allowed}::slotted(input[type='radio']){accent-color:var(--ui-accent-solid);cursor:pointer}::slotted(input[type='radio']:focus-visible){outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
     UIRadio = class {
       constructor(hostRef) {
@@ -2036,28 +3073,32 @@ var init_ui_radio_entry = __esm({
       get host() {
         return getElement(this);
       }
-      checked = false;
+      /** Controlled checked state. Omit it to use defaultChecked and local interaction state. */
+      checked;
       defaultChecked = false;
       disabled = false;
       name = "";
       required = false;
       value = "on";
+      internalChecked = false;
       slotRef;
+      syncFromProp() {
+        if (isControlled(this.checked))
+          this.internalChecked = this.checked;
+      }
       syncToInput() {
         const input = this.getInput();
         if (!input)
           return;
-        this.host.dataset.disabled = this.disabled ? "true" : "";
-        input.checked = this.checked;
+        this.host.toggleAttribute("data-disabled", this.disabled);
+        input.checked = this.internalChecked;
         input.disabled = this.disabled;
         input.name = this.name;
         input.required = this.required;
         input.value = this.value;
       }
       componentDidLoad() {
-        if (!this.checked && this.defaultChecked) {
-          this.checked = true;
-        }
+        this.internalChecked = controlledOrDefault(this.checked, this.defaultChecked);
         this.slotRef?.addEventListener("slotchange", () => this.syncToInput());
         this.syncToInput();
         const input = this.getInput();
@@ -2079,6 +3120,10 @@ var init_ui_radio_entry = __esm({
         const input = e.target;
         if (!input || !input.checked)
           return;
+        if (!isControlled(this.checked))
+          this.internalChecked = true;
+        else
+          this.syncToInput();
         dispatchDetail(this.host, "change", {
           checked: true,
           value: this.value,
@@ -2086,12 +3131,12 @@ var init_ui_radio_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "e3025fa3ee89c684ab27e7780f11399e1e455eff", role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "279fd849b1ea8f2f84e34043a01da710008aba51", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "a5220e72dbf1b55ca73a3e6234f31c99d806433a", role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "687e94b2036107c807e0319c3620bca7c06cbb26", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
           "checked": [{
-            "syncToInput": 0
+            "syncFromProp": 0
           }],
           "disabled": [{
             "syncToInput": 0
@@ -2131,7 +3176,7 @@ function slotHasContent(slot) {
 var uiSearchResultRowCss, UISearchResultRow;
 var init_ui_search_result_row_entry = __esm({
   "dist/esm/ui-search-result-row.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiSearchResultRowCss = () => `:host{display:block}.search-result-row{appearance:none;inline-size:100%;min-block-size:var(--ui-search-result-row-min-height, 56px);margin:0;padding-block:var(--ui-search-result-row-padding-block, var(--ui-space-3, 0.75rem));padding-inline:var(--ui-search-result-row-padding-inline, var(--ui-space-4, 1rem));display:flex;align-items:flex-start;gap:var(--ui-search-result-row-gap, var(--ui-space-3, 0.75rem));background:var(--ui-search-result-row-bg, transparent);border:none;border-block-end:1px solid var(--ui-search-result-row-border, var(--ui-border, #e5e7eb));color:inherit;cursor:pointer;text-align:left;transition:background-color var(--ui-motion-fast, 160ms) var(--ui-motion-ease, ease)}:host(:last-child) .search-result-row{border-block-end:none}.search-result-row:hover:enabled{background:var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))}:host([selected]) .search-result-row{background:var(     --ui-search-result-row-selected-bg,     var(--ui-search-result-row-hover-bg, color-mix(in srgb, var(--ui-surface, #ffffff) 85%, black 3%))   )}.search-result-row:focus-visible{outline:2px solid var(--ui-focus-ring, #2563eb);outline-offset:-2px}.search-result-row:disabled,:host([disabled]) .search-result-row{opacity:0.6;cursor:not-allowed}.search-result-row__leading,.search-result-row__trailing{display:inline-flex;align-items:flex-start;flex-shrink:0}.search-result-row__content{min-inline-size:0;flex:1;display:flex;flex-direction:column}.search-result-row__title,.search-result-row__meta,.search-result-row__excerpt{display:block;min-inline-size:0}[hidden]{display:none}::slotted([slot='title']),::slotted([slot='meta']),::slotted([slot='excerpt']){display:block;margin:0}`;
     UISearchResultRow = class {
       constructor(hostRef) {
@@ -2157,7 +3202,7 @@ var init_ui_search_result_row_entry = __esm({
         this.hasTrailing = slotHasContent(this.trailingSlot);
       };
       render() {
-        return h(Host, { key: "4fb3b963d73890850b58d03f225f125066412350" }, h("button", { key: "55332d2d06d279e5c6d39d044cfb89256cffdf69", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "1c9178595fb6f54ffc4e55b3a7cb5fe7dea94b40", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "239d0a74e80e58f1b25d6b328293d9692a4483b6", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "f80e39d4002bfa1ae7665857e27d184004654c03", class: "search-result-row__content", part: "content" }, h("span", { key: "b1a1e7f378eee6db5a01949d8a299583556c79c1", class: "search-result-row__title", part: "title" }, h("slot", { key: "4d94ed22c472309e0ece5f7a2a744f400589c87e", name: "title" })), h("span", { key: "3dbc540f67e11cca515208597b7b6bb75e2772f5", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "3ed5c8fd300a19801ac332d2e9516aadb19f664e", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "8403a7e6adc3b1fae04d659bfbf7ff5676ac113a", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "f0b0b07df739f780320394dae9b318f6676e9a94", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "2ebdf8d2ed7fefd31118052495503659c957d317", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "60dfc20a47fff6aac28755bedb80e9a4b3fd93e0", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
+        return h(Host, { key: "01e795d1c723c4e56f5648c429b40fc7841ff9b5" }, h("button", { key: "7bdde5075c5a3112d14741aa87937e69a8f5fea9", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "39ba47af68a23875eebdbdf8f87ca7d94d42ec43", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "f108b1c5d284057d5979bf4897f056543a1ff092", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "0daeb171b7010f37d959c91f2a87c1ae7e96a56f", class: "search-result-row__content", part: "content" }, h("span", { key: "d7ec1b67a15fa9c79ea0fd23db73bd7bca40a8ce", class: "search-result-row__title", part: "title" }, h("slot", { key: "8c4a45511580a655e0593c8c57fd98838f2cb896", name: "title" })), h("span", { key: "0d30a58a7079ea0c8992c9b0b02b516a65350425", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "8de66e3b6adf89ed765ccc1c341ccac1b5513a6f", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "7c24542b9bb634a55530952c329242a351e813c3", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "a5bfc4fd17b8535aa996e792498b33f25dd30ecd", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "25c74d8508a0b3b527ef5529a02e54e407cae5ae", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "cba6f957de902b9ed3dc05c8b20794c9b69c85c6", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchResultRow.style = uiSearchResultRowCss();
@@ -2183,7 +3228,7 @@ function slotHasContent2(slot) {
 var uiSearchShellCss, UISearchShell;
 var init_ui_search_shell_entry = __esm({
   "dist/esm/ui-search-shell.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     uiSearchShellCss = () => `:host{position:fixed;inset:0;z-index:var(--ui-search-shell-z-index, 400);display:block}.search-shell{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;padding-block-start:var(--ui-search-shell-padding-top, 10vh)}.search-shell__panel{position:relative;inline-size:min(     calc(100% - (var(--ui-search-shell-margin-inline, var(--ui-space-4, 1rem)) * 2)),     var(--ui-search-shell-max-width, 640px)   );max-block-size:var(--ui-search-shell-max-height, 80vh);display:flex;flex-direction:column;overflow:hidden;background:var(--ui-search-shell-bg, var(--ui-surface, #ffffff));border:1px solid var(--ui-search-shell-border, var(--ui-border, #e5e7eb));border-radius:var(--ui-search-shell-radius, var(--ui-radius-xl, 1rem));box-shadow:var(--ui-search-shell-shadow, var(--ui-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12)))}.search-shell__search,.search-shell__status,.search-shell__footer{flex-shrink:0}.search-shell__body{flex:1;min-block-size:0}[hidden]{display:none}@media (max-width: 767px){.search-shell{padding-block-start:0;align-items:stretch}.search-shell__panel{inline-size:100%;block-size:100vh;block-size:100dvh;max-block-size:none;border-radius:0;border-inline:none;border-block-start:none}}`;
     UISearchShell = class {
       constructor(hostRef) {
@@ -2201,7 +3246,7 @@ var init_ui_search_shell_entry = __esm({
         this.hasFooter = slotHasContent2(this.footerSlot);
       };
       render() {
-        return h("div", { key: "946e3575a3b48f83315a5299d144a10647c31189", class: "search-shell", part: "base" }, h("slot", { key: "6146d441648a9cafca12b764e94373252b3940be", name: "backdrop" }), h("div", { key: "e4389c8f39994209e1f8dc4dbf913e3728295545", class: "search-shell__panel", part: "panel" }, h("div", { key: "8c660767d3ac12e1d94086bb80bb459e2f45d173", class: "search-shell__search", part: "search" }, h("slot", { key: "c870a4266f689654c76a1fc9e2bc23bf690a931c", name: "search" })), h("div", { key: "b5a68d509a92fec24603008514e938ba27655f4d", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "bc3233c23289cb56ca8d4217c9b3c37df9570abc", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "291b357ed1c7949001952813c950fbaab24cd0fc", class: "search-shell__body", part: "body" }, h("slot", { key: "72ecf55e7267cef21e612c1aff840fef67442fb5", name: "body" })), h("div", { key: "e393d0cc4bd0bbbf349a135d9f352ec08bd523cb", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "2468bdafc67f01094a4461a1a1e2fd474a88ffcf", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
+        return h("div", { key: "c3a4366e1f22b249233e42fdc83f1620613cce52", class: "search-shell", part: "base" }, h("slot", { key: "4f22e4a44fe7ae190a80a6e5cd695c15eb4f029d", name: "backdrop" }), h("div", { key: "bf452dae29f0ab31266d848a4dd4b794997b34a7", class: "search-shell__panel", part: "panel" }, h("div", { key: "c0ef7d1d8ea95853404d39ddac1bff566d38d18e", class: "search-shell__search", part: "search" }, h("slot", { key: "462532250d8ba36aad1d31fe10da642d79e59faf", name: "search" })), h("div", { key: "4f7d91272d15f6e37df6fba4ae563efae5701b93", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "d761691c1dd2c3012075163bb7eb9ce7e5bf3ef4", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "1427a10b3f43ea31c2a482beb17f78d70b5fb2cf", class: "search-shell__body", part: "body" }, h("slot", { key: "6d6e8c2b4ee4833b5476795d4c7e184dda07f81e", name: "body" })), h("div", { key: "8f7d36040f7d21489c703b53581e392a2616963b", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "08b84f01091d95895ee8693e9b322511bf614342", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchShell.style = uiSearchShellCss();
@@ -2216,9 +3261,9 @@ __export(ui_select_entry_exports, {
 var uiSelectCss, UISelect;
 var init_ui_select_entry = __esm({
   "dist/esm/ui-select.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiSelectCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background-color:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(select:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}`;
+    uiSelectCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(select){width:100%;appearance:none;min-block-size:var(--ui-control-min-block-size, 2.75rem);border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background-color:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding-block:var(--ui-select-padding-block, var(--ui-space-2));padding-inline-start:var(--ui-select-padding-inline-start, var(--ui-space-3));padding-inline-end:var(--ui-select-padding-inline-end, calc(var(--ui-space-6) + var(--ui-space-3)));margin:0;background-image:linear-gradient(45deg, transparent 50%, currentColor 50%),     linear-gradient(135deg, currentColor 50%, transparent 50%);background-position:calc(100% - 1rem) calc(50% - 2px),     calc(100% - 0.7rem) calc(50% - 2px);background-size:0.35rem 0.35rem, 0.35rem 0.35rem;background-repeat:no-repeat;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(select:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(select:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(select),::slotted(select[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(select:disabled){background-color:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(select:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}::slotted(select[multiple]),::slotted(select[size]:not([size='1'])){background-image:none;padding-inline-end:var(--ui-select-padding-inline-start, var(--ui-space-3))}`;
     UISelect = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -2226,22 +3271,28 @@ var init_ui_select_entry = __esm({
       get host() {
         return getElement(this);
       }
-      value = "";
-      defaultValue = "";
+      value;
+      defaultValue;
       disabled = false;
       invalid = false;
       required = false;
       internalValue = "";
       slotRef;
+      initialized = false;
       syncFromProp() {
-        this.internalValue = this.value;
+        if (this.value !== void 0)
+          this.internalValue = this.value;
       }
       syncToSelect() {
         const select = this.getSelect();
         if (!select)
           return;
         this.host.dataset.invalid = this.invalid ? "true" : "";
-        select.value = this.internalValue || this.defaultValue;
+        if (this.value !== void 0)
+          select.value = this.internalValue;
+        else if (!this.initialized && this.defaultValue !== void 0)
+          select.value = this.defaultValue;
+        this.initialized = true;
         select.disabled = this.disabled;
         select.required = this.required;
         select.setAttribute("aria-invalid", this.invalid ? "true" : "false");
@@ -2288,7 +3339,7 @@ var init_ui_select_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "65420b700d6a80e3575efa25d72ccbf4b0398805", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "fa6b175770fcbf9ec904a528f0d41aa04f4e9c01", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "9a83a040bbad98355999c8099a78c6eba3ffc995", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "4a70aa44651132899e283e45c32213cf3f00be24", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2325,8 +3376,9 @@ __export(ui_switch_entry_exports, {
 var uiSwitchCss, UISwitch;
 var init_ui_switch_entry = __esm({
   "dist/esm/ui-switch.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
     uiSwitchCss = () => `:host{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--ui-text-primary)}:host([aria-disabled='true']),:host([data-disabled='true']){opacity:0.6;cursor:not-allowed}:host([role='switch']){cursor:pointer}:host input[type='checkbox']{appearance:none;-webkit-appearance:none;display:block;position:relative;width:2.25rem;height:1.25rem;padding:0;border:1px solid var(--ui-border-default);border-radius:999px;background:var(--ui-surface-muted);cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease);margin:0}:host input[type='checkbox']::after{content:'';position:absolute;top:2px;left:2px;width:0.875rem;height:0.875rem;border-radius:999px;background:var(--ui-surface-default);border:1px solid var(--ui-border-default);transition:transform var(--ui-motion-fast) var(--ui-motion-ease)}:host input[type='checkbox']:checked{background:var(--ui-accent-solid);border-color:var(--ui-accent-solid)}:host input[type='checkbox']:checked::after{transform:translateX(calc(2.25rem - 0.875rem - 4px));background:var(--ui-text-on-accent);border-color:var(--ui-text-on-accent)}:host input[type='checkbox']:focus-visible{outline:2px solid var(--ui-accent-solid);outline-offset:2px}`;
     UISwitch = class {
       constructor(hostRef) {
@@ -2335,25 +3387,28 @@ var init_ui_switch_entry = __esm({
       get host() {
         return getElement(this);
       }
-      checked = false;
+      /** Controlled checked state. Omit it to use defaultChecked and local interaction state. */
+      checked;
       defaultChecked = false;
       disabled = false;
       required = false;
       value = "on";
       internalChecked = false;
       syncFromProp() {
-        this.internalChecked = this.checked;
+        if (isControlled(this.checked))
+          this.internalChecked = this.checked;
       }
       componentDidLoad() {
-        this.syncFromProp();
-        this.internalChecked = this.internalChecked || this.defaultChecked;
+        this.internalChecked = controlledOrDefault(this.checked, this.defaultChecked);
       }
       toggle = (trigger) => {
         if (this.disabled)
           return;
-        this.internalChecked = !this.internalChecked;
+        const checked = !this.internalChecked;
+        if (!isControlled(this.checked))
+          this.internalChecked = checked;
         dispatchDetail(this.host, "change", {
-          checked: this.internalChecked,
+          checked,
           value: this.value,
           trigger
         });
@@ -2370,14 +3425,19 @@ var init_ui_switch_entry = __esm({
         this.toggle("pointer");
       };
       render() {
-        return h(Host, { key: "7dccbc5d5b97f5659decd5feda31b37e42e6f83e", role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: "7841f4d20a50d1899c27ab232a9a34411a0c2d67", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
-          this.internalChecked = e.target.checked;
+        return h(Host, { key: "e11500e37da6a52c0cb4e143254363f85911aac1", role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: "777310a90b66f67e6a8eb0f77da5274e32f10db0", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
+          const input = e.target;
+          const checked = input.checked;
+          if (!isControlled(this.checked))
+            this.internalChecked = checked;
           dispatchDetail(this.host, "change", {
-            checked: this.internalChecked,
+            checked,
             value: this.value,
             trigger: "pointer"
           });
-        } }), h("slot", { key: "f3c2f5758e73f2a81f4a7ea4da734de0cb9a61c6" }));
+          if (isControlled(this.checked))
+            input.checked = this.internalChecked;
+        } }), h("slot", { key: "7d72db5b720c0af0c4561b485ca558de61e1ce6e" }));
       }
       static get watchers() {
         return {
@@ -2399,8 +3459,9 @@ __export(ui_tabs_entry_exports, {
 var uiTabsCss, UITabs;
 var init_ui_tabs_entry = __esm({
   "dist/esm/ui-tabs.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
     uiTabsCss = () => `:host{display:flex;flex-direction:column;gap:0}:host([data-orientation='vertical']){flex-direction:row}::slotted([role='tablist']){display:flex;gap:0;max-inline-size:100%;overflow-x:auto;overscroll-behavior-inline:contain;border-bottom:1px solid var(--ui-border-default)}:host([data-orientation='vertical']) ::slotted([role='tablist']){flex-direction:column;border-bottom:none;border-inline-end:1px solid var(--ui-border-default)}::slotted(button[role='tab']),::slotted([role='tab']),::slotted(ui-button) button[role='tab']{padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);font-weight:var(--ui-font-medium, 500);color:var(--ui-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--ui-motion-fast) var(--ui-motion-ease);box-shadow:none}::slotted(button[role='tab']:hover),::slotted([role='tab']:hover){color:var(--ui-text-primary)}::slotted(button[role='tab'][aria-selected='true']),::slotted([role='tab'][aria-selected='true']){color:var(--ui-accent-solid);border-bottom-color:var(--ui-accent-solid)}:host([data-orientation='vertical']) ::slotted(button[role='tab']),:host([data-orientation='vertical']) ::slotted([role='tab']){border-bottom:none;border-inline-end:2px solid transparent;margin-bottom:0;margin-inline-end:-1px}:host([data-orientation='vertical']) ::slotted(button[role='tab'][aria-selected='true']),:host([data-orientation='vertical']) ::slotted([role='tab'][aria-selected='true']){border-inline-end-color:var(--ui-accent-solid)}::slotted([role='tabpanel']){padding:var(--ui-space-4)}`;
     UITabs = class {
       constructor(hostRef) {
@@ -2409,12 +3470,14 @@ var init_ui_tabs_entry = __esm({
       get host() {
         return getElement(this);
       }
-      value = "";
+      /** Controlled selected tab value. Omit it to use defaultValue and local interaction state. */
+      value;
       defaultValue = "";
       orientation = "horizontal";
       internalValue = "";
       syncFromProp() {
-        this.internalValue = this.value;
+        if (isControlled(this.value))
+          this.internalValue = this.value;
       }
       syncState() {
         const tabs = this.getTabs();
@@ -2435,11 +3498,8 @@ var init_ui_tabs_entry = __esm({
         });
       }
       componentDidLoad() {
-        this.syncFromProp();
-        if (!this.internalValue && this.defaultValue) {
-          this.internalValue = this.defaultValue;
-        }
-        if (!this.internalValue) {
+        this.internalValue = controlledOrDefault(this.value, this.defaultValue);
+        if (!isControlled(this.value) && !this.internalValue) {
           const tabs = this.getTabs();
           if (tabs.length > 0) {
             this.internalValue = tabs[0]?.id ?? tabs[0]?.getAttribute("aria-controls") ?? "";
@@ -2464,7 +3524,8 @@ var init_ui_tabs_entry = __esm({
         if (!newValue)
           return;
         const prev = this.internalValue;
-        this.internalValue = newValue;
+        if (!isControlled(this.value))
+          this.internalValue = newValue;
         this.syncState();
         dispatchDetail(this.host, "select", { value: newValue, previousValue: prev || void 0, trigger });
       }
@@ -2493,7 +3554,7 @@ var init_ui_tabs_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "99cd907204f73b1cbb1c8f2a182743c6554d5b0a", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "a8158e593a3708e8819761d86356a58535a53e40" }));
+        return h(Host, { key: "8681e699c6afdbafd59ed986b8bf3c815b32cd1c", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "673f4db2ae0aded3bd40934c1fff518cf6f83837" }));
       }
       static get watchers() {
         return {
@@ -2521,9 +3582,9 @@ __export(ui_textarea_entry_exports, {
 var uiTextareaCss, UITextarea;
 var init_ui_textarea_entry = __esm({
   "dist/esm/ui-textarea.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    uiTextareaCss = () => `:host{display:inline-flex;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-default);color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-border-strong)}::slotted(textarea:focus){border-color:var(--ui-focus-ring);box-shadow:0 0 0 3px var(--ui-accent-soft)}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-surface-muted);color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
+    uiTextareaCss = () => `:host{display:inline-flex;min-inline-size:0;color:var(--ui-text-primary)}::slotted(textarea){width:100%;appearance:none;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default));color:inherit;font:inherit;line-height:var(--ui-line-height-md);min-block-size:calc(var(--ui-space-12, 3rem) * 2);padding:var(--ui-space-2) var(--ui-space-3);margin:0;resize:vertical;transition:border-color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     background-color var(--ui-motion-fast) var(--ui-motion-ease)}::slotted(textarea:hover:not(:focus):not(:disabled)){border-color:var(--ui-control-border-hover, var(--ui-border-strong))}::slotted(textarea:focus){border-color:var(--ui-control-focus, var(--ui-focus-ring));box-shadow:0 0 0 3px var(--ui-control-focus-halo, var(--ui-accent-soft))}:host([data-invalid='true'])::slotted(textarea),::slotted(textarea[aria-invalid='true']){border-color:var(--ui-accent-active)}::slotted(textarea:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted));color:var(--ui-text-muted);cursor:not-allowed}::slotted(textarea:focus-visible){outline:2px solid var(--ui-focus-ring);outline-offset:2px}`;
     UITextarea = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -2531,7 +3592,7 @@ var init_ui_textarea_entry = __esm({
       get host() {
         return getElement(this);
       }
-      value = "";
+      value;
       defaultValue = "";
       disabled = false;
       invalid = false;
@@ -2540,14 +3601,16 @@ var init_ui_textarea_entry = __esm({
       internalValue = "";
       slotRef;
       syncFromProp() {
-        this.internalValue = this.value;
+        if (this.value !== void 0)
+          this.internalValue = this.value;
       }
       syncToTextarea() {
         const textarea = this.getTextarea();
         if (!textarea)
           return;
         this.host.dataset.invalid = this.invalid ? "true" : "";
-        textarea.value = this.internalValue;
+        if (this.value !== void 0)
+          textarea.value = this.internalValue;
         textarea.defaultValue = this.defaultValue;
         textarea.disabled = this.disabled;
         textarea.readOnly = this.readOnly;
@@ -2596,7 +3659,7 @@ var init_ui_textarea_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "697c98bf66c016b21b28c7805eee2223bb9d275a", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "bd95bd79b1fe4e4103510a3cb036419c55976611", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "6ce80349ca316f7a44d08e83862125f6b4d736a6", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "2c1ce87c9019d8346673ae5e7dd8a543d1bcb91c", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2636,7 +3699,7 @@ __export(ui_toast_region_entry_exports, {
 var uiToastRegionCss, UIToastRegion;
 var init_ui_toast_region_entry = __esm({
   "dist/esm/ui-toast-region.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     init_positioning_Bu0dmLBE();
     uiToastRegionCss = () => `:host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
@@ -2648,10 +3711,12 @@ var init_ui_toast_region_entry = __esm({
         return getElement(this);
       }
       open = true;
-      internalOpen = true;
+      internalOpen = false;
       surface = null;
+      contentObserver = null;
+      pendingDismiss = null;
       syncFromProp() {
-        this.internalOpen = this.open;
+        this.syncContents();
       }
       syncSurface() {
         if (this.internalOpen)
@@ -2661,22 +3726,37 @@ var init_ui_toast_region_entry = __esm({
       }
       componentDidLoad() {
         this.surface = createViewportSurface(this.host);
-        this.syncFromProp();
+        this.contentObserver = new MutationObserver(this.syncContents);
+        this.contentObserver.observe(this.host, { childList: true, subtree: true });
+        this.syncContents();
         this.syncSurface();
         this.host.addEventListener("click", this.onClick);
       }
       disconnectedCallback() {
         this.host.removeEventListener("click", this.onClick);
+        this.contentObserver?.disconnect();
+        this.contentObserver = null;
         this.surface?.destroy();
         this.surface = null;
       }
       getToasts() {
         return Array.from(this.host.querySelectorAll("[data-ui-toast]"));
       }
-      updateOpenState() {
-        const toasts = this.getToasts();
-        this.internalOpen = toasts.length > 0;
-      }
+      syncContents = () => {
+        const nextOpen = this.open && this.getToasts().length > 0;
+        const wasOpen = this.internalOpen;
+        const completedDismiss = this.pendingDismiss && !this.host.contains(this.pendingDismiss.toast) ? this.pendingDismiss : null;
+        this.internalOpen = nextOpen;
+        if (wasOpen && !nextOpen && completedDismiss) {
+          dispatchDetail(this.host, "close", {
+            open: false,
+            reason: "action",
+            trigger: completedDismiss.trigger
+          });
+        }
+        if (completedDismiss || !this.open)
+          this.pendingDismiss = null;
+      };
       onClick = (e) => {
         const dismissBtn = e.target.closest?.("[data-ui-toast-dismiss]");
         if (!dismissBtn)
@@ -2685,24 +3765,16 @@ var init_ui_toast_region_entry = __esm({
         if (!toast)
           return;
         const id = toast.id ?? "";
-        toast.setAttribute("aria-hidden", "true");
-        toast.remove();
+        const trigger = eventToTrigger(e);
+        this.pendingDismiss = { toast, trigger };
         dispatchDetail(this.host, "dismiss", {
           id,
           reason: "action",
-          trigger: eventToTrigger(e)
+          trigger
         });
-        this.updateOpenState();
-        if (this.getToasts().length === 0) {
-          dispatchDetail(this.host, "close", {
-            open: false,
-            reason: "action",
-            trigger: eventToTrigger(e)
-          });
-        }
       };
       render() {
-        return h(Host, { key: "693e24016ec0881a4d619a489f1b655feee41784", role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "e666b2a73a5d7eb8dd607df3d1c5135b78cf3775" }));
+        return h(Host, { key: "b4430aceacb7a66202c6a43ad7b0bbe31c51eb94", role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "8bfb02d38366fab29a1668a53b7834ccd1a9aa65" }));
       }
       static get watchers() {
         return {
@@ -2727,26 +3799,36 @@ __export(ui_tooltip_entry_exports, {
 var uiTooltipCss, UITooltip;
 var init_ui_tooltip_entry = __esm({
   "dist/esm/ui-tooltip.entry.js"() {
-    init_index_CEeiinfk();
-    init_manager_PM9a74r7();
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
     init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
     init_positioning_Bu0dmLBE();
-    uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md);opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}:host(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
+    uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.tooltip__surface{box-sizing:border-box;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
     UITooltip = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.opened = createEvent(this, "open");
+        this.closed = createEvent(this, "close");
       }
       get host() {
         return getElement(this);
       }
       for = "";
-      open = false;
+      /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
+      open;
       defaultOpen = false;
       placement = "top-start";
       /** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
       showDelay = 500;
       /** Pointer leave grace period in milliseconds. */
       hideDelay = 100;
+      /** Click or tap pins the description; activate again to dismiss. */
+      toggleOnClick = false;
+      pinned = false;
+      focused = false;
+      opened;
+      closed;
       internalOpen = false;
       overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
       trigger = null;
@@ -2755,7 +3837,8 @@ var init_ui_tooltip_entry = __esm({
       hideTimer = null;
       syncFromProp() {
         this.clearTimers();
-        this.internalOpen = this.open;
+        if (isControlled(this.open))
+          this.internalOpen = this.open;
       }
       resetSurface() {
         this.syncTrigger();
@@ -2779,11 +3862,13 @@ var init_ui_tooltip_entry = __esm({
         }
       }
       componentDidLoad() {
-        this.syncFromProp();
-        this.internalOpen = this.internalOpen || this.defaultOpen;
+        if (!this.host.id)
+          this.host.id = this.overlayId;
+        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
         this.syncTrigger();
         this.setupSurface();
-        this.host.addEventListener("keydown", this.onKeydown);
+        this.host.addEventListener("pointerenter", this.onSurfaceEnter);
+        this.host.addEventListener("pointerleave", this.onTriggerLeave);
         this.syncOverlay();
       }
       componentDidUpdate() {
@@ -2794,11 +3879,12 @@ var init_ui_tooltip_entry = __esm({
         this.detachTriggerListeners();
         this.surface?.destroy();
         this.surface = null;
-        this.host.removeEventListener("keydown", this.onKeydown);
+        this.host.removeEventListener("pointerenter", this.onSurfaceEnter);
+        this.host.removeEventListener("pointerleave", this.onTriggerLeave);
         closeOverlay(this.overlayId);
       }
       syncTrigger() {
-        const next = this.for ? this.host.ownerDocument.getElementById(this.for) : this.host.previousElementSibling;
+        const next = this.for ? this.host.getRootNode().getElementById(this.for) : this.host.previousElementSibling;
         if (next === this.trigger)
           return;
         this.detachTriggerListeners();
@@ -2817,6 +3903,11 @@ var init_ui_tooltip_entry = __esm({
         this.detachTriggerListeners();
         if (!this.trigger)
           return;
+        const ids = new Set((this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean));
+        ids.add(this.host.id);
+        this.trigger.setAttribute("aria-describedby", [...ids].join(" "));
+        this.trigger.addEventListener("click", this.onTriggerClick);
+        this.trigger.addEventListener("keydown", this.onTriggerKeydown);
         this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
         this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
         this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
@@ -2825,6 +3916,13 @@ var init_ui_tooltip_entry = __esm({
       detachTriggerListeners() {
         if (!this.trigger)
           return;
+        const ids = (this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter((id) => id && id !== this.host.id);
+        if (ids.length)
+          this.trigger.setAttribute("aria-describedby", ids.join(" "));
+        else
+          this.trigger.removeAttribute("aria-describedby");
+        this.trigger.removeEventListener("click", this.onTriggerClick);
+        this.trigger.removeEventListener("keydown", this.onTriggerKeydown);
         this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
         this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
         this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
@@ -2844,423 +3942,163 @@ var init_ui_tooltip_entry = __esm({
       }
       clearTimers() {
         this.clearShowTimer();
-        this.clearHideTimer();
-      }
-      setInteractionOpen(nextOpen, trigger) {
-        if (this.internalOpen === nextOpen)
-          return;
-        this.internalOpen = nextOpen;
-        dispatchDetail(this.host, nextOpen ? "open" : "close", {
-          open: nextOpen,
-          reason: "action",
-          trigger
-        });
-      }
-      onTriggerEnter = () => {
-        this.clearHideTimer();
-        if (this.internalOpen || this.showTimer !== null)
-          return;
-        this.showTimer = setTimeout(() => {
-          this.showTimer = null;
-          this.setInteractionOpen(true, "pointer");
-        }, Math.max(0, this.showDelay));
-      };
-      onTriggerLeave = () => {
-        this.clearShowTimer();
-        if (!this.internalOpen || this.hideTimer !== null)
-          return;
-        this.hideTimer = setTimeout(() => {
-          this.hideTimer = null;
-          this.setInteractionOpen(false, "pointer");
-        }, Math.max(0, this.hideDelay));
-      };
-      onTriggerFocusIn = () => {
-        this.clearTimers();
-        this.setInteractionOpen(true, "keyboard");
-      };
-      onTriggerFocusOut = (e) => {
-        const related = e.relatedTarget;
-        if (related && this.host.contains(related))
-          return;
-        this.clearTimers();
-        this.setInteractionOpen(false, "keyboard");
-      };
-      handleRequestClose(reason, trigger) {
-        if (reason === "escape") {
-          this.clearTimers();
-          this.internalOpen = false;
-          dispatchDetail(this.host, "close", {
-            open: false,
-            reason: "escape",
-            trigger
-          });
-          this.trigger?.focus();
-        }
-      }
-      onKeydown = (e) => {
-        if (e.key === "Escape") {
-          requestTopOverlayClose("escape", "keyboard");
-        }
-      };
-      render() {
-        return h(Host, { key: "4c3890a7371508ede06a5b370d1cec32db25280f", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "2e3bcd0dc69b0c3e3376d73dc4efc82e4f4cfaaa" }));
-      }
-      static get watchers() {
-        return {
-          "open": [{
-            "syncFromProp": 0
-          }],
-          "for": [{
-            "resetSurface": 0
-          }],
-          "placement": [{
-            "resetSurface": 0
-          }],
-          "internalOpen": [{
-            "syncOverlay": 0
-          }]
-        };
-      }
-    };
-    UITooltip.style = uiTooltipCss();
-  }
-});
-
-// dist/esm/ui-top-bar.entry.js
-var ui_top_bar_entry_exports = {};
-__export(ui_top_bar_entry_exports, {
-  ui_top_bar: () => UITopBar
-});
-function slotHasContent3(slot) {
-  if (!slot) {
-    return false;
-  }
-  return slot.assignedNodes({ flatten: true }).some((node) => {
-    if (node.nodeType === Node.TEXT_NODE) {
-      return Boolean(node.textContent?.trim());
-    }
-    return true;
-  });
-}
-var uiTopBarCss, UITopBar;
-var init_ui_top_bar_entry = __esm({
-  "dist/esm/ui-top-bar.entry.js"() {
-    init_index_CEeiinfk();
-    uiTopBarCss = () => `:host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-block-start:env(safe-area-inset-top);padding-inline-start:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-left)   );padding-inline-end:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-right)   );background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}`;
-    UITopBar = class {
-      constructor(hostRef) {
-        registerInstance(this, hostRef);
-      }
-      get host() {
-        return getElement(this);
+        this.clearHideTimer();
       }
-      hasLeading = false;
-      hasSearch = false;
-      hasActions = false;
-      leadingSlot;
-      searchSlot;
-      actionsSlot;
-      componentDidLoad() {
-        this.syncSlots();
+      setInteractionOpen(nextOpen, trigger) {
+        if (this.internalOpen === nextOpen)
+          return;
+        if (!isControlled(this.open))
+          this.internalOpen = nextOpen;
+        dispatchDetail(this.host, nextOpen ? "open" : "close", {
+          open: nextOpen,
+          reason: "action",
+          trigger
+        });
       }
-      syncSlots = () => {
-        this.hasLeading = slotHasContent3(this.leadingSlot);
-        this.hasSearch = slotHasContent3(this.searchSlot);
-        this.hasActions = slotHasContent3(this.actionsSlot);
+      onSurfaceEnter = () => this.clearHideTimer();
+      onTriggerClick = (event) => {
+        if (!this.toggleOnClick)
+          return;
+        this.clearTimers();
+        this.pinned = !this.pinned;
+        this.setInteractionOpen(this.pinned, event.detail === 0 ? "keyboard" : "pointer");
       };
-      render() {
-        return h(Host, { key: "15c840c082724df0ec39ab6ad4e55f99192df5be" }, h("header", { key: "790afaeecdb3e598b8365391f57ee1e2d8ca69a2", class: "top-bar", part: "base" }, h("div", { key: "fab822f5875c7e3b8e267be42c075597d79374fa", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "0723013c4b674964e4029442b715daa9eb0036db", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "77fc006257b7fa6a191191d9969ea66445b8bc3e", class: "top-bar__title" }, h("slot", { key: "e8a07f1f767c1c0fa1244abcf3bb0e697e36a4fe" })), h("div", { key: "bde5cdf797ae898f68eddeab362b8395f89bdf28", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "8b059d6123e94f3b7e18c15c88828ee9c6436136", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "c262446cf29873903530ea3f840de4de9db3de82", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "f417dbc8cc0115a455a72ce0feb5f32b323ce68f", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
-      }
-    };
-    UITopBar.style = uiTopBarCss();
-  }
-});
-
-// 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("&", "&amp;").replaceAll('"', "&quot;");
-}
-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"
+      onTriggerKeydown = (event) => {
+        if (event.key === "Escape")
+          this.clearTimers();
+      };
+      onTriggerEnter = (event) => {
+        if (event.pointerType === "touch")
+          return;
+        this.clearHideTimer();
+        if (this.internalOpen || this.showTimer !== null)
+          return;
+        this.showTimer = setTimeout(() => {
+          this.showTimer = null;
+          this.setInteractionOpen(true, "pointer");
+        }, Math.max(0, this.showDelay));
+      };
+      onTriggerLeave = () => {
+        this.clearShowTimer();
+        if (this.focused || this.pinned || !this.internalOpen || this.hideTimer !== null)
+          return;
+        this.hideTimer = setTimeout(() => {
+          this.hideTimer = null;
+          this.setInteractionOpen(false, "pointer");
+        }, Math.max(0, this.hideDelay));
+      };
+      onTriggerFocusIn = () => {
+        this.focused = true;
+        this.clearTimers();
+        this.setInteractionOpen(true, "keyboard");
+      };
+      onTriggerFocusOut = (e) => {
+        const related = e.relatedTarget;
+        if (related && this.host.contains(related))
+          return;
+        this.focused = false;
+        this.pinned = false;
+        this.clearTimers();
+        this.setInteractionOpen(false, "keyboard");
+      };
+      handleRequestClose(reason, trigger) {
+        if (reason === "escape" || reason === "light-dismiss" && this.toggleOnClick) {
+          this.pinned = false;
+          this.clearTimers();
+          if (!isControlled(this.open))
+            this.internalOpen = false;
+          dispatchDetail(this.host, "close", {
+            open: false,
+            reason,
+            trigger
+          });
         }
-      ]
-    ];
-    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
+      }
+      render() {
+        return h(Host, { key: "ce34c51bc3a9c9f7f31b7f0d329175df0cee1ab3", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "e5bb2bcb146fe8ec3b4e9a6abb550961181e3c06", class: "tooltip__surface" }, h("slot", { key: "bdb71bfcb0f72c212cbb5c64fb69510fdded4afb" })));
+      }
+      static get watchers() {
+        return {
+          "open": [{
+            "syncFromProp": 0
+          }],
+          "for": [{
+            "resetSurface": 0
+          }],
+          "placement": [{
+            "resetSurface": 0
+          }],
+          "internalOpen": [{
+            "syncOverlay": 0
+          }]
+        };
+      }
+    };
+    UITooltip.style = uiTooltipCss();
+  }
+});
+
+// dist/esm/ui-top-bar.entry.js
+var ui_top_bar_entry_exports = {};
+__export(ui_top_bar_entry_exports, {
+  ui_top_bar: () => UITopBar
+});
+function slotHasContent3(slot) {
+  if (!slot) {
+    return false;
+  }
+  return slot.assignedNodes({ flatten: true }).some((node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      return Boolean(node.textContent?.trim());
+    }
+    return true;
+  });
+}
+var uiTopBarCss, UITopBar;
+var init_ui_top_bar_entry = __esm({
+  "dist/esm/ui-top-bar.entry.js"() {
+    init_index_8BGiMGQ0();
+    uiTopBarCss = () => `:host{position:sticky;inset-block-start:0;z-index:var(--ui-top-bar-z-index, 100);display:block}.top-bar{min-block-size:calc(var(--ui-top-bar-height, 56px) + env(safe-area-inset-top));display:flex;align-items:center;gap:var(--ui-top-bar-gap, var(--ui-space-3, 0.75rem));padding-block-start:env(safe-area-inset-top);padding-inline-start:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-left)   );padding-inline-end:max(     var(--ui-top-bar-padding-inline, var(--ui-space-4, 1rem)),     env(safe-area-inset-right)   );background:var(--ui-top-bar-bg, var(--ui-surface, #ffffff));border-block-end:1px solid var(--ui-top-bar-border, var(--ui-border, #e5e7eb))}.top-bar__leading,.top-bar__search,.top-bar__actions{display:flex;align-items:center;flex-shrink:0}.top-bar__actions{gap:var(--ui-top-bar-actions-gap, var(--ui-space-1, 0.25rem))}.top-bar__title{min-inline-size:0;flex:1}[hidden]{display:none}@media (min-width: 768px){:host{display:none}}`;
+    UITopBar = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      get host() {
+        return getElement(this);
+      }
+      hasLeading = false;
+      hasSearch = false;
+      hasActions = false;
+      leadingSlot;
+      searchSlot;
+      actionsSlot;
+      componentDidLoad() {
+        this.syncSlots();
+      }
+      syncSlots = () => {
+        this.hasLeading = slotHasContent3(this.leadingSlot);
+        this.hasSearch = slotHasContent3(this.searchSlot);
+        this.hasActions = slotHasContent3(this.actionsSlot);
+      };
+      render() {
+        return h(Host, { key: "b92aa4e03475b3e623212a1e98f45d5532860b51" }, h("header", { key: "a3552708b0e424e762e100ee55fc6bfac4cd830a", class: "top-bar", part: "base" }, h("div", { key: "4c8a9e3a04ff23a615bf09e368f4212dd5b38157", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "64ecc99672b8fd37305810e0776a24bf87ea6f08", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "37fc003aba2b87f7c8c0e654cd6810d7f231f365", class: "top-bar__title" }, h("slot", { key: "e6c901c15852e83340ca8ad1e264fd5e35445e84" })), h("div", { key: "37b1ac319367eeded4182ada401a31e0b9c2555a", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "0a8b5ef500dd843909bb35a1133be548411f3b71", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "7e5054a3ed6ecfe8d9d8b1b36992843aa0fb62eb", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "19fe59c5ba4da7f0ceda764948f1288bfaa2a41d", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
+      }
     };
+    UITopBar.style = uiTopBarCss();
+  }
+});
+
+// dist/esm/ui-tree-item.entry.js
+var ui_tree_item_entry_exports = {};
+__export(ui_tree_item_entry_exports, {
+  ui_tree_item: () => UITreeItem
+});
+var uiTreeItemCss, UITreeItem;
+var init_ui_tree_item_entry = __esm({
+  "dist/esm/ui-tree-item.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_events_JwSoedEO();
+    init_icons_CoFximGM();
     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}}`;
     UITreeItem = class {
       constructor(hostRef) {
@@ -3273,8 +4111,10 @@ var init_ui_tree_item_entry = __esm({
       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. */
@@ -3285,37 +4125,72 @@ var init_ui_tree_item_entry = __esm({
       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;
+        if (this.expanded !== void 0)
+          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 === void 0)
+          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")
@@ -3330,16 +4205,17 @@ var init_ui_tree_item_entry = __esm({
         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));
+          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) : 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: {
+        return h(Host, { key: "36ad9eac3e0fe2a606e63294891b1c0697034b46", role: "treeitem", "aria-label": this.label || void 0, "aria-level": String(level), "aria-expanded": this.container ? String(expanded) : 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 || !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 {
@@ -3404,9 +4280,9 @@ function createHoverIntent(delay, onIntent) {
 var uiTreeCss, UITree;
 var init_ui_tree_entry = __esm({
   "dist/esm/ui-tree.entry.js"() {
-    init_index_CEeiinfk();
+    init_index_8BGiMGQ0();
     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}`;
+    uiTreeCss = () => `:host{--ui-tree-indent:16px;--ui-tree-gutter:0px;display:block;min-inline-size:0;padding-inline-start:var(--ui-tree-gutter)}::slotted(ui-tree-item){--ui-tree-indent:inherit}`;
     UITree = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -3416,10 +4292,17 @@ var init_ui_tree_entry = __esm({
       }
       label = "Tree";
       hoverExpandDelay = 700;
+      /** Maximum resulting item depth accepted by pointer reordering. Zero is unlimited. */
+      maxDepth = 0;
       source = null;
       target = null;
       position = null;
+      rejectedTarget = null;
+      rejectedPosition = null;
+      rejection = null;
       hoverIntent = null;
+      structureObserver = null;
+      tabStop = null;
       componentDidLoad() {
         this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
         this.host.addEventListener("dragstart", this.onDragStart);
@@ -3430,6 +4313,11 @@ var init_ui_tree_entry = __esm({
         this.host.addEventListener("drop", this.onDrop);
         this.host.addEventListener("dragend", this.onDragEnd);
         this.host.addEventListener("keydown", this.onKeyDown);
+        this.host.addEventListener("focusin", this.onFocusIn);
+        this.host.addEventListener("ui-tree-expansion-change", this.onExpansionChange);
+        this.syncStructuralLevels();
+        this.structureObserver = new MutationObserver(this.syncStructuralLevels);
+        this.structureObserver.observe(this.host, { childList: true, subtree: true });
       }
       disconnectedCallback() {
         this.hoverIntent?.destroy();
@@ -3441,10 +4329,40 @@ var init_ui_tree_entry = __esm({
         this.host.removeEventListener("drop", this.onDrop);
         this.host.removeEventListener("dragend", this.onDragEnd);
         this.host.removeEventListener("keydown", this.onKeyDown);
+        this.host.removeEventListener("focusin", this.onFocusIn);
+        this.host.removeEventListener("ui-tree-expansion-change", this.onExpansionChange);
+        this.structureObserver?.disconnect();
+        this.structureObserver = null;
+      }
+      syncStructuralLevels = () => {
+        for (const item of Array.from(this.host.querySelectorAll("ui-tree-item"))) {
+          item.dispatchEvent(new CustomEvent("ui-tree-structure-sync"));
+        }
+        this.syncTabStop();
+      };
+      syncTabStop(preferred) {
+        const items = this.visibleItems();
+        const next = preferred && items.includes(preferred) ? preferred : this.tabStop && items.includes(this.tabStop) ? this.tabStop : items[0] ?? null;
+        this.tabStop = next;
+        for (const item of items) {
+          item.dispatchEvent(new CustomEvent("ui-tree-roving-tab-stop", {
+            detail: { active: item === next }
+          }));
+        }
       }
       itemFromEvent(event) {
         return event.composedPath().find((node) => node instanceof HTMLElement && node.localName === "ui-tree-item") ?? null;
       }
+      eventTargetsInteractiveContent(event) {
+        for (const node of event.composedPath()) {
+          if (node instanceof HTMLElement && node.localName === "ui-tree-item")
+            break;
+          if (node instanceof HTMLElement && node.matches('a, button, input, select, textarea, [role="button"], [role="link"]')) {
+            return true;
+          }
+        }
+        return false;
+      }
       itemId(item) {
         return item.itemId || item.getAttribute("item-id") || "";
       }
@@ -3482,15 +4400,51 @@ var init_ui_tree_entry = __esm({
           accepts: (item.getAttribute("data-accepts") || item.getAttribute("accepts") || "").split(",").map((value) => value.trim()).filter(Boolean)
         };
       }
-      permitsDrop(source, target, position) {
+      constraintDepth(item) {
+        if (item.dropDepth !== void 0)
+          return item.dropDepth;
+        const dropDepth = item.getAttribute("drop-depth");
+        if (dropDepth !== null)
+          return Number(dropDepth);
+        return Number(item.getAttribute("aria-level")) || 1;
+      }
+      subtreeDepth(item) {
+        if (item.subtreeDepth !== void 0)
+          return Math.max(0, Math.floor(item.subtreeDepth));
+        const override = item.getAttribute("subtree-depth");
+        if (override !== null)
+          return Math.max(0, Math.floor(Number(override)));
+        return Array.from(item.querySelectorAll("ui-tree-item")).reduce((deepest, descendant) => {
+          let nesting = 0;
+          let ancestor = descendant.parentElement?.closest("ui-tree-item") ?? null;
+          while (ancestor && ancestor !== item) {
+            nesting += 1;
+            ancestor = ancestor.parentElement?.closest("ui-tree-item") ?? null;
+          }
+          return ancestor === item ? Math.max(deepest, nesting + 1) : deepest;
+        }, 0);
+      }
+      dropRejection(source, target, position) {
         if (source.contains(target))
-          return false;
+          return { reason: "descendant" };
         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));
+          if (!this.acceptsChildren(target) || targetMeta.accepts.length > 0 && !targetMeta.accepts.includes(sourceMeta.type)) {
+            return { reason: "incompatible" };
+          }
+        } else if (sourceMeta.type !== targetMeta.type) {
+          return { reason: "incompatible" };
         }
-        return sourceMeta.type === targetMeta.type;
+        const maxDepth = Math.max(0, Math.floor(this.maxDepth));
+        if (maxDepth > 0) {
+          const targetDepth = Math.max(0, Math.floor(this.constraintDepth(target)));
+          const subtreeDepth = this.subtreeDepth(source);
+          const resultingDepth = targetDepth + (position === "inside" ? 1 : 0) + subtreeDepth;
+          if (resultingDepth > maxDepth)
+            return { reason: "max-depth", maxDepth, resultingDepth };
+        }
+        return null;
       }
       clearTarget() {
         this.target?.removeAttribute("data-drop-position");
@@ -3498,10 +4452,16 @@ var init_ui_tree_entry = __esm({
         this.position = null;
         this.hoverIntent?.cancel();
       }
+      clearRejection() {
+        this.rejectedTarget = null;
+        this.rejectedPosition = null;
+        this.rejection = null;
+      }
       finishDrag() {
         this.source?.removeAttribute("data-dragging");
         this.source = null;
         this.clearTarget();
+        this.clearRejection();
       }
       expandTarget = (itemId) => {
         const item = Array.from(this.host.querySelectorAll("ui-tree-item")).find((candidate) => this.itemId(candidate) === itemId);
@@ -3537,18 +4497,28 @@ var init_ui_tree_entry = __esm({
           return false;
         if (!target || target === this.source) {
           this.clearTarget();
+          this.clearRejection();
           return false;
         }
         const row = this.rowFor(target);
         if (!row)
           return false;
         const position = classifyDropPosition(row.getBoundingClientRect(), clientY, this.acceptsChildren(target));
-        if (!this.permitsDrop(this.source, target, position)) {
+        const rejection = this.dropRejection(this.source, target, position);
+        if (rejection) {
           if (dataTransfer)
             dataTransfer.dropEffect = "none";
           this.clearTarget();
+          if (rejection.reason === "max-depth") {
+            this.rejectedTarget = target;
+            this.rejectedPosition = position;
+            this.rejection = rejection;
+          } else {
+            this.clearRejection();
+          }
           return false;
         }
+        this.clearRejection();
         if (dataTransfer)
           dataTransfer.dropEffect = "move";
         if (this.target !== target || this.position !== position) {
@@ -3585,12 +4555,15 @@ var init_ui_tree_entry = __esm({
         if (this.itemAtPoint(event.clientX, event.clientY))
           return;
         this.clearTarget();
+        this.clearRejection();
       };
       dispatchReorder(source, target, position) {
         const sourceId = this.itemId(source);
         const targetId = this.itemId(target);
         if (!sourceId || !targetId)
           return;
+        if (position === "inside")
+          this.expandTarget(targetId);
         const sourceMeta = this.itemMetadata(source);
         const targetMeta = this.itemMetadata(target);
         dispatchDetail(this.host, "reorder", {
@@ -3604,6 +4577,21 @@ var init_ui_tree_entry = __esm({
           trigger: "pointer"
         });
       }
+      dispatchReorderRejected(source, target, position, rejection) {
+        const sourceId = this.itemId(source);
+        const targetId = this.itemId(target);
+        if (!sourceId || !targetId)
+          return;
+        dispatchDetail(this.host, "reorder-rejected", {
+          sourceId,
+          targetId,
+          position,
+          reason: "max-depth",
+          maxDepth: rejection.maxDepth,
+          resultingDepth: rejection.resultingDepth,
+          trigger: "pointer"
+        });
+      }
       onDrop = (event) => {
         if (!this.source || !this.target || !this.position)
           return;
@@ -3613,13 +4601,21 @@ var init_ui_tree_entry = __esm({
       };
       onDragEnd = (event) => {
         if (this.source) {
+          if (this.rejectedTarget && this.rejectedPosition && this.rejection) {
+            this.dispatchReorderRejected(this.source, this.rejectedTarget, this.rejectedPosition, this.rejection);
+            this.finishDrag();
+            return;
+          }
           const target = this.itemAtPoint(event.clientX, event.clientY);
           if (target && target !== this.source) {
             const row = this.rowFor(target);
             if (row) {
               const position = classifyDropPosition(row.getBoundingClientRect(), event.clientY, this.acceptsChildren(target));
-              if (this.permitsDrop(this.source, target, position)) {
+              const rejection = this.dropRejection(this.source, target, position);
+              if (!rejection) {
                 this.dispatchReorder(this.source, target, position);
+              } else if (rejection.reason === "max-depth") {
+                this.dispatchReorderRejected(this.source, target, position, rejection);
               }
             }
           }
@@ -3629,7 +4625,35 @@ var init_ui_tree_entry = __esm({
       visibleItems() {
         return Array.from(this.host.querySelectorAll("ui-tree-item")).filter((item) => item.getClientRects().length > 0 && !item.hasAttribute("disabled"));
       }
+      parentItem(item) {
+        const parent = item.parentElement?.closest("ui-tree-item") ?? null;
+        return parent && this.host.contains(parent) ? parent : null;
+      }
+      firstVisibleChild(item, items) {
+        return items.find((candidate) => this.parentItem(candidate) === item) ?? null;
+      }
+      focusItem(item) {
+        this.syncTabStop(item);
+        item.focus();
+      }
+      requestExpansion(item, expanded) {
+        item.dispatchEvent(new CustomEvent("ui-tree-request-expanded", {
+          detail: { expanded, trigger: "keyboard" }
+        }));
+      }
+      onFocusIn = (event) => {
+        if (this.eventTargetsInteractiveContent(event))
+          return;
+        const item = this.itemFromEvent(event);
+        if (item)
+          this.syncTabStop(item);
+      };
+      onExpansionChange = () => {
+        requestAnimationFrame(() => this.syncTabStop());
+      };
       onKeyDown = (event) => {
+        if (this.eventTargetsInteractiveContent(event))
+          return;
         const current = this.itemFromEvent(event);
         if (!current)
           return;
@@ -3637,31 +4661,57 @@ var init_ui_tree_entry = __esm({
         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)
+        const next = event.key === "ArrowDown" ? items[index + 1] : event.key === "ArrowUp" ? items[index - 1] : event.key === "Home" ? items[0] : event.key === "End" ? items.at(-1) : null;
+        if (next) {
+          event.preventDefault();
+          this.focusItem(next);
           return;
-        event.preventDefault();
-        next.focus();
+        }
+        if (event.key === "ArrowLeft") {
+          if (current.getAttribute("aria-expanded") === "true") {
+            event.preventDefault();
+            this.requestExpansion(current, false);
+          } else if (this.parentItem(current)) {
+            event.preventDefault();
+            this.focusItem(this.parentItem(current));
+          }
+          return;
+        }
+        if (event.key === "ArrowRight") {
+          if (current.getAttribute("aria-expanded") === "false") {
+            event.preventDefault();
+            this.requestExpansion(current, true);
+          } else if (current.getAttribute("aria-expanded") === "true") {
+            const child = this.firstVisibleChild(current, items);
+            if (child) {
+              event.preventDefault();
+              this.focusItem(child);
+            }
+          }
+        }
       };
       render() {
-        return h(Host, { key: "7da064127eb199f5e2cfc59489a07204c9dac2f2", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "31a98a6774ab35e565dab65f1dd8202494432b32" }));
+        return h(Host, { key: "549c09abc67dc60b16bf2d6b7d6346f214e9d6ae", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "fea59bde97611bf384e32ce4fb2b3eec9aca784f" }));
       }
     };
     UITree.style = uiTreeCss();
   }
 });
 
-// import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js
+// import("./**/*.entry.js") in dist/esm/index-8BGiMGQ0.js
 var globImport_entry_js;
 var init_ = __esm({
-  'import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js'() {
+  'import("./**/*.entry.js") in dist/esm/index-8BGiMGQ0.js'() {
     globImport_entry_js = __glob({
       "./ui-affordance-scope.entry.js": () => Promise.resolve().then(() => (init_ui_affordance_scope_entry(), ui_affordance_scope_entry_exports)),
       "./ui-avatar-group.entry.js": () => Promise.resolve().then(() => (init_ui_avatar_group_entry(), ui_avatar_group_entry_exports)),
       "./ui-avatar.entry.js": () => Promise.resolve().then(() => (init_ui_avatar_entry(), ui_avatar_entry_exports)),
       "./ui-badge.entry.js": () => Promise.resolve().then(() => (init_ui_badge_entry(), ui_badge_entry_exports)),
       "./ui-button.entry.js": () => Promise.resolve().then(() => (init_ui_button_entry(), ui_button_entry_exports)),
+      "./ui-callout.entry.js": () => Promise.resolve().then(() => (init_ui_callout_entry(), ui_callout_entry_exports)),
       "./ui-checkbox.entry.js": () => Promise.resolve().then(() => (init_ui_checkbox_entry(), ui_checkbox_entry_exports)),
+      "./ui-chip.entry.js": () => Promise.resolve().then(() => (init_ui_chip_entry(), ui_chip_entry_exports)),
+      "./ui-combobox.entry.js": () => Promise.resolve().then(() => (init_ui_combobox_entry(), ui_combobox_entry_exports)),
       "./ui-context-menu.entry.js": () => Promise.resolve().then(() => (init_ui_context_menu_entry(), ui_context_menu_entry_exports)),
       "./ui-dialog.entry.js": () => Promise.resolve().then(() => (init_ui_dialog_entry(), ui_dialog_entry_exports)),
       "./ui-disclosure.entry.js": () => Promise.resolve().then(() => (init_ui_disclosure_entry(), ui_disclosure_entry_exports)),
@@ -3689,7 +4739,7 @@ var init_ = __esm({
   }
 });
 
-// dist/esm/index-CEeiinfk.js
+// dist/esm/index-8BGiMGQ0.js
 function getPropertyDescriptor(obj, memberName, getOnly) {
   const stopAt = typeof HTMLElement !== "undefined" ? HTMLElement.prototype : null;
   while (obj && obj !== stopAt) {
@@ -3731,9 +4781,9 @@ function sortedAttrNames(attrNames) {
 function transformTag(tag) {
   return tag;
 }
-var NAMESPACE, BUILD, reWireGetterSetter, getHostRef, registerInstance, registerHost, isMemberInElement, consoleError, cmpModules, loadModule, styles, HYDRATED_CSS, SLOT_FB_CSS, win, plt, promiseResolve, supportsConstructableStylesheets, supportsMutableAdoptedStyleSheets, queuePending, queueDomReads, queueDomWrites, queueTask, consume, flush, nextTick, writeTask, globalStyleSheet, createTime, uniqueTime, rootAppliedStyles, registerStyle, addStyle, attachStyles, getScopeId, isComplexType, h, newVNode, Host, isHost, parsePropertyValue, getElement, emitEvent, setAccessor, parseClassListRegex, parseClassList, CAPTURE_EVENT_SUFFIX, CAPTURE_EVENT_REGEX, updateElement, hostTagName, useNativeShadowDom, isSvgMode, refCallbacksToRemove, refCallbacksToAttach, createElm, relocateToHostRoot, addVnodes, removeVnodes, updateChildren, isSameVnode, patch, nullifyVNodeRefs, queueRefAttachment, flushQueuedRefCallbacks, insertBefore, renderVdom, attachToAncestor, scheduleUpdate, dispatchHooks, enqueue, isPromisey, updateComponent, callRender, postUpdateComponent, appDidLoad, safeCall, addHydratedFlag, getValue, setValue, proxyComponent, initializeComponent, fireConnectedCallback, connectedCallback, disconnectInstance, disconnectedCallback, bootstrapLazy;
-var init_index_CEeiinfk = __esm({
-  "dist/esm/index-CEeiinfk.js"() {
+var NAMESPACE, BUILD, reWireGetterSetter, getHostRef, registerInstance, registerHost, isMemberInElement, consoleError, cmpModules, loadModule, styles, HYDRATED_CSS, SLOT_FB_CSS, win, plt, promiseResolve, supportsConstructableStylesheets, supportsMutableAdoptedStyleSheets, queuePending, queueDomReads, queueDomWrites, queueTask, consume, flush, nextTick, writeTask, globalStyleSheet, createTime, uniqueTime, rootAppliedStyles, registerStyle, addStyle, attachStyles, getScopeId, isComplexType, h, newVNode, Host, isHost, parsePropertyValue, getElement, createEvent, emitEvent, setAccessor, parseClassListRegex, parseClassList, CAPTURE_EVENT_SUFFIX, CAPTURE_EVENT_REGEX, updateElement, hostTagName, useNativeShadowDom, isSvgMode, refCallbacksToRemove, refCallbacksToAttach, createElm, relocateToHostRoot, addVnodes, removeVnodes, updateChildren, isSameVnode, patch, nullifyVNodeRefs, queueRefAttachment, flushQueuedRefCallbacks, insertBefore, renderVdom, attachToAncestor, scheduleUpdate, dispatchHooks, enqueue, isPromisey, updateComponent, callRender, postUpdateComponent, appDidLoad, safeCall, addHydratedFlag, getValue, setValue, proxyComponent, initializeComponent, fireConnectedCallback, connectedCallback, disconnectInstance, disconnectedCallback, bootstrapLazy;
+var init_index_8BGiMGQ0 = __esm({
+  "dist/esm/index-8BGiMGQ0.js"() {
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
@@ -3792,6 +4842,9 @@ var init_index_CEeiinfk = __esm({
         $instanceValues$: /* @__PURE__ */ new Map(),
         $serializerValues$: /* @__PURE__ */ new Map()
       };
+      {
+        hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+      }
       {
         hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
         hostElement["s-p"] = [];
@@ -4118,6 +5171,19 @@ var init_index_CEeiinfk = __esm({
       var _a;
       return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$;
     };
+    createEvent = (ref, name, flags) => {
+      const elm = getElement(ref);
+      return {
+        emit: (detail) => {
+          return emitEvent(elm, name, {
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+            detail
+          });
+        }
+      };
+    };
     emitEvent = (elm, name, opts) => {
       const ev = plt.ce(name, opts);
       elm.dispatchEvent(ev);
@@ -4693,6 +5759,9 @@ var init_index_CEeiinfk = __esm({
         safeCall(instance, "componentDidUpdate", void 0, elm);
         endPostUpdate();
       }
+      {
+        hostRef.$onInstanceResolve$(elm);
+      }
       {
         if (hostRef.$onRenderResolve$) {
           hostRef.$onRenderResolve$();
@@ -4870,6 +5939,17 @@ var init_index_CEeiinfk = __esm({
                 }
               }
             });
+          } else if (flags & 1 && memberFlags & 64) {
+            Object.defineProperty(prototype, memberName, {
+              value(...args) {
+                var _a2;
+                const ref = getHostRef(this);
+                return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
+                  var _a3;
+                  return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
+                });
+              }
+            });
           }
         });
         if (flags & 1) {
@@ -5244,20 +6324,23 @@ __export(index_exports, {
   createProximityCoordinator: () => createProximityCoordinator2,
   createViewportSurface: () => createViewportSurface2,
   distanceFromPointToRect: () => distanceFromPointToRect2,
+  formatEditingValue: () => formatEditingValue2,
   getTopOverlay: () => getTopOverlay2,
   getVisualViewportRect: () => getVisualViewportRect2,
   initializeInputModality: () => initializeInputModality,
   isTopOverlay: () => isTopOverlay,
   loomaIconMarkup: () => loomaIconMarkup2,
+  mapComboboxOptions: () => mapComboboxOptions,
   openOverlay: () => openOverlay2,
   requestTopOverlayClose: () => requestTopOverlayClose2,
-  setElementDragImage: () => setElementDragImage2
+  setElementDragImage: () => setElementDragImage2,
+  validateField: () => validateField2
 });
 module.exports = __toCommonJS(index_exports);
 
 // dist/esm/loader.js
-init_index_CEeiinfk();
-init_index_CEeiinfk();
+init_index_8BGiMGQ0();
+init_index_8BGiMGQ0();
 
 // dist/esm/app-globals-DQuL1Twl.js
 var globalScripts = () => {
@@ -5267,7 +6350,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], "focusTrigger": [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"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 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 }], "internalOpen": [{ "syncSurface": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "placement": [1], "showDelay": [2, "show-delay"], "hideDelay": [2, "hide-delay"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 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"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]]], options);
+  return bootstrapLazy([["ui-combobox", [[769, "ui-combobox", { "label": [1], "placeholder": [1], "name": [1], "value": [1], "defaultValue": [1, "default-value"], "query": [1], "defaultQuery": [1, "default-query"], "config": [16], "disabled": [4], "readOnly": [4, "readonly"], "required": [4], "size": [1], "disclosure": [4], "clearable": [4], "help": [1], "raw": [32], "display": [32], "selected": [32], "expanded": [32], "rows": [32], "active": [32], "loading": [32], "helpOpen": [32], "lookupError": [32], "validation": [32], "validate": [64] }, null, { "value": [{ "syncValue": 0 }], "query": [{ "syncQuery": 0 }], "disabled": [{ "syncDisabled": 0 }], "readOnly": [{ "syncDisabled": 0 }], "config": [{ "syncConfig": 0 }] }]]], ["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32], "focusTrigger": [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-callout", [[769, "ui-callout", { "tone": [1] }]]], ["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-chip", [[769, "ui-chip", { "appearance": [1] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32], "accessibleLabel": [32] }, null, { "open": [{ "syncFromProp": 0 }], "label": [{ "syncLabelFromProp": 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"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 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 }], "internalOpen": [{ "syncSurface": 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"], "maxDepth": [2, "max-depth"] }]]], ["ui-tree-item", [[769, "ui-tree-item", { "itemId": [1, "item-id"], "label": [1], "dropDepth": [2, "drop-depth"], "subtreeDepth": [2, "subtree-depth"], "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], "structuralLevel": [32], "tabStop": [32] }, null, { "expanded": [{ "syncExpandedFromProp": 0 }] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "placement": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncSurface": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "placement": [1], "showDelay": [2, "show-delay"], "hideDelay": [2, "hide-delay"], "toggleOnClick": [4, "toggle-on-click"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]]], options);
 };
 
 // loader/index.js
@@ -5333,11 +6416,8 @@ function handleLightDismiss2(event) {
   if (!top || !getOverlayDismissible2(top)) {
     return;
   }
-  const target = event.target;
-  if (target instanceof Node) {
-    if (top.element.contains(target)) return;
-    if (top.relatedElements?.some((element) => element.contains(target))) return;
-  }
+  const boundary = [top.element, ...top.relatedElements ?? []];
+  if (event.composedPath().some((target) => target instanceof Node && boundary.some((element) => element.contains(target)))) return;
   requestTopOverlayClose2("light-dismiss", "pointer");
 }
 function ensureListeners2() {
@@ -5732,6 +6812,8 @@ var LOOMA_ICONS2 = {
   "align-right": import_lucide.AlignRight,
   bold: import_lucide.Bold,
   braces: import_lucide.Braces,
+  "circle-check": import_lucide.CircleCheck,
+  "circle-x": import_lucide.CircleX,
   "chevron-down": import_lucide.ChevronDown,
   "chevron-left": import_lucide.ChevronLeft,
   "code-xml": import_lucide.CodeXml,
@@ -5745,11 +6827,13 @@ var LOOMA_ICONS2 = {
   "heading-3": import_lucide.Heading3,
   highlighter: import_lucide.Highlighter,
   image: import_lucide.Image,
+  info: import_lucide.Info,
   italic: import_lucide.Italic,
   list: import_lucide.List,
   "list-ordered": import_lucide.ListOrdered,
   "list-todo": import_lucide.ListTodo,
   merge: import_lucide.Merge,
+  "notebook-pen": import_lucide.NotebookPen,
   minus: import_lucide.Minus,
   "paint-bucket": import_lucide.PaintBucket,
   "panel-bottom": import_lucide.PanelBottom,
@@ -5765,6 +6849,7 @@ var LOOMA_ICONS2 = {
   strikethrough: import_lucide.Strikethrough,
   table: import_lucide.Table2,
   trash: import_lucide.Trash2,
+  "triangle-alert": import_lucide.TriangleAlert,
   underline: import_lucide.Underline,
   undo: import_lucide.Undo2
 };
@@ -5826,6 +6911,60 @@ function createHoverIntent2(delay, onIntent) {
   };
 }
 
+// src/field/combobox.ts
+function mapComboboxOptions(rows, map) {
+  return rows.map((row) => ({ ...map(row), metadata: row }));
+}
+
+// src/field/validation.ts
+function formatEditingValue2(raw, selection, format) {
+  const unchanged = { display: raw, selection };
+  if (!format) return unchanged;
+  let result;
+  try {
+    result = format(raw, selection);
+  } catch {
+    return unchanged;
+  }
+  if (!result) return unchanged;
+  const characters = Array.from(raw);
+  let cursor = 0;
+  for (const character of result.display) if (character === characters[cursor]) cursor += 1;
+  if (!Number.isInteger(result.selection.start) || !Number.isInteger(result.selection.end) || cursor !== characters.length || result.selection.start < 0 || result.selection.end < result.selection.start || result.selection.end > result.display.length) return unchanged;
+  return result;
+}
+async function validateField2(request, config) {
+  let output = request.raw;
+  let issues = [];
+  const check = () => request.signal.throwIfAborted();
+  try {
+    check();
+    if (config.parse) output = await config.parse(request.raw, request);
+    check();
+    if (config.schema) {
+      const result = await config.schema["~standard"].validate(output);
+      check();
+      if (result.issues) issues = result.issues;
+      else if ("value" in result) output = result.value;
+    }
+    if (!issues.some((issue) => issue.severity !== "warning")) {
+      if (config.normalize) output = await config.normalize(output, request);
+      check();
+      if (config.validator) {
+        const result = await config.validator(output, request);
+        check();
+        issues = [...issues, ...result.issues ?? []];
+        if ("output" in result) output = result.output;
+      }
+    }
+  } catch (error) {
+    check();
+    issues = [{ message: error instanceof Error ? error.message : "Unable to validate this value." }];
+  }
+  issues = [...issues, ...config.issues ?? []];
+  return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
+}
+
 // index.ts
 if (typeof document !== "undefined") initializeInputModality(document);
 defineCustomElements();
@@ -5841,14 +6980,17 @@ defineCustomElements();
   createProximityCoordinator,
   createViewportSurface,
   distanceFromPointToRect,
+  formatEditingValue,
   getTopOverlay,
   getVisualViewportRect,
   initializeInputModality,
   isTopOverlay,
   loomaIconMarkup,
+  mapComboboxOptions,
   openOverlay,
   requestTopOverlayClose,
-  setElementDragImage
+  setElementDragImage,
+  validateField
 });
 /**
  * @license lucide v0.554.0 - ISC