@threadlabs/looma 0.1.23 → 0.1.24

package/dist/index.cjs

@@ -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_8BGiMGQ0();
-    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";
+    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 {
@@ -493,7 +485,7 @@ var uiAvatarCss, UIAvatar;
 var init_ui_avatar_entry = __esm({
   "dist/esm/ui-avatar.entry.js"() {
     init_index_8BGiMGQ0();
-    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%}`;
+    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 {
@@ -538,7 +530,7 @@ var uiBadgeCss, UIBadge;
 var init_ui_badge_entry = __esm({
   "dist/esm/ui-badge.entry.js"() {
     init_index_8BGiMGQ0();
-    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)}`;
+    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();
@@ -631,7 +623,7 @@ var init_ui_button_entry = __esm({
         this.host.click();
       };
       render() {
-        return h(Host, { key: "9c8d479fe7f1873a447048944513648bac132d52", "data-size": this.size || void 0, "data-variant": this.variant, "data-disabled": this.disabled ? "true" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "741f48e7efd42262834992c07c4685d3e929d91c", 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 {
@@ -651,251 +643,641 @@ 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_8BGiMGQ0();
-    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-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();
+// dist/esm/icons-CoFximGM.js
+function serializeAttributes(attributes) {
+  return Object.entries(attributes).map(([name, value]) => ` ${name}="${escapeAttribute(value)}"`).join("");
 }
-function getTopOverlay() {
-  return stack.at(-1);
+function escapeAttribute(value) {
+  return String(value).replaceAll("&", "&").replaceAll('"', """);
 }
-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 serializeIconNode(node) {
+  const [tag, attributes] = node;
+  return `<${tag}${serializeAttributes(attributes)}></${tag}>`;
 }
-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;
+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("");
 }
-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)
+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;
       }
     }
@@ -1353,20 +1735,20 @@ var init_ui_combobox_entry = __esm({
         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: "2378bfd8473852642fef21898f4a756eb3b092ba", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "7aba65aeb336d490ddeaf5db9bba9db8ab8b9dbb", htmlFor: "input", part: "label" }, this.label, this.required ? " *" : ""), h("div", { key: "ee87156259d0fe1e2e56c4b36667e8daf5e1e2c1", class: "field", part: "field", ref: (element) => this.field = element }, h("input", { key: "35c5b85ff9a4bcba9bddaf85ff1f118a94aa077b", 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: () => {
+        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: "74e4f44836b751ab5e9f794a39b480602e0c106d", type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => {
+        } }), 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: "c870ced139fb22baa50a1795ab78f14c38647d34", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "ba3dc5128c1941b21b53a5ba78a27017b3df5ec8", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "eced588e3fa7958dd6185173faaef01219c30243", type: "button", part: "affordance", "aria-label": `Suggestions for ${this.label}`, "aria-controls": "listbox", "aria-expanded": String(this.expanded), disabled: this.disabled || this.readOnly, onClick: () => {
+        } }, "\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: "7cb9f7f2bb15246dcdd2348ea0ca656d1d0c8c33", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "b1b5d42ca457f9b951758bb5e816c8dbbcd1087d", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "9eca2df66c72917e6bfda21205c2a4ef97dd91d5", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "641e1f137c9cfef5d08ec99f6178e59487a20bf1", 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: "38a3aa6b2ffae30e6f81e1f89d10c9966dd31b10", 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: "dd3e895ef363f6d30a0c25e4b5092a8feacc63e5", 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: "9cf12a8fde7d9cfb9e2d2a77669ac4708c7fded6", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "1c7b1d3f658e500cbf5f5004a76a39511cc79c49", 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(" ")));
+        } }, 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 {
@@ -1613,7 +1995,7 @@ var init_ui_context_menu_entry = __esm({
         this.closeMenu("action", "pointer");
       };
       render() {
-        return h(Host, { key: "641dd3aba6120cf4187f4503c64029eaf307dc4f", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "3f550349f9537b951b50a8c291f1951dd5a3b723", name: "trigger" }), h("div", { key: "a612523f054986122638722340d8135c44a85399", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "0711879d09900183e938d8942abb8b9032812a5f", open: this.internalOpen }, h("slot", { key: "8e088dd20a48d8fb81126f2dd020abb886e86e22" }))));
+        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 {
@@ -1644,6 +2026,7 @@ var init_ui_dialog_entry = __esm({
     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) {
@@ -1652,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) {
@@ -1682,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,
@@ -1704,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",
@@ -1718,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: "6e88afd3a595ab0eed3d82a046ffb15e1e167cdb", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "420e4d8de66245a5818a1284adb23a536ebcd907", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.label }, h("slot", { key: "10604688504f013f79b7a6ed5f9ed36bc9c6b48b" })));
+        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
           }]
@@ -1759,6 +2176,7 @@ var init_ui_disclosure_entry = __esm({
     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) {
@@ -1767,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;
@@ -1775,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) {
@@ -1787,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);
@@ -1825,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,
@@ -1846,7 +2266,7 @@ var init_ui_disclosure_entry = __esm({
         this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
       };
       render() {
-        return h(Host, { key: "3905d2d78a2d3d4ef36b582ba0f426be8e5e0f5e" }, h("slot", { key: "18547ff56457b73319264bba981f994fb947dffb" }));
+        return h(Host, { key: "55a6fd71965104b96b55fd53870becce748a4116" }, h("slot", { key: "542727e10d335ff44fc7cf8250e80f045f89b8f2" }));
       }
       static get watchers() {
         return {
@@ -1881,7 +2301,7 @@ var init_ui_floating_action_button_entry = __esm({
       mobileOnly = false;
       label = "";
       render() {
-        return h(Host, { key: "c9a7d8c9b6d6608566b21621a73d939f372c830d", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "8eddccaf6be2f028bc02df967038843120045b84", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "0ea12efb9cb8ecec06238066827a734fb3b01e1e" })));
+        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();
@@ -1909,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) {
@@ -1928,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)
@@ -1939,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: "cdd06c6b16ac56f3547e64e7888d8766243392db", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "7d545673a3485f8beee01b13ab56185b98ba8856" }));
+        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();
@@ -1975,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: "8616d7e52a03a7a42738b11f4cabed3eb38c8640", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "fae1362a50a0d80e2fcb3ab41f63ff21cf5d939a", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "e548fc504e3b26e85263fe3fc8faac0887fee16b" })));
+        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();
@@ -2065,7 +2538,7 @@ var init_ui_input_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "a2f2c108144a7acae0dfb1bef6ea1f38a4dcca9c", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "04284765a12089a8a1045056d72551a3494f00fc", 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 {
@@ -2103,7 +2576,7 @@ var uiMenuItemCss, UIMenuItem;
 var init_ui_menu_item_entry = __esm({
   "dist/esm/ui-menu-item.entry.js"() {
     init_index_8BGiMGQ0();
-    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}`;
+    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);
@@ -2111,7 +2584,7 @@ var init_ui_menu_item_entry = __esm({
       disabled = false;
       value = "";
       render() {
-        return h(Host, { key: "ebd7c5aa5c8fdce2d2349aef7f1a4505b9190852", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("slot", { key: "7b55a8545034b055f8cbd047a0f16ea729af097e" }));
+        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();
@@ -2129,8 +2602,9 @@ var init_ui_menu_entry = __esm({
     init_index_8BGiMGQ0();
     init_events_JwSoedEO();
     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);
@@ -2138,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;
@@ -2149,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();
@@ -2175,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();
@@ -2209,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,
@@ -2237,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") {
@@ -2260,7 +2737,8 @@ var init_ui_menu_entry = __esm({
               reason: "action",
               trigger: "keyboard"
             });
-            this.internalOpen = false;
+            if (!isControlled(this.open))
+              this.internalOpen = false;
           }
           return;
         }
@@ -2271,7 +2749,7 @@ var init_ui_menu_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "25ae79e914820dfc470fa03d8c843646c3c060d9", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "b3a8b130e55610d948bc3e4603dede59dd560d05" }));
+        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 {
@@ -2305,8 +2783,9 @@ var init_ui_popover_entry = __esm({
     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);
@@ -2314,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;
@@ -2324,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();
@@ -2381,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();
@@ -2397,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,
@@ -2410,7 +2891,7 @@ var init_ui_popover_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "cd957cb9fd5d1c05da7729a16d4cb229bc1deffa", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "d14960a1471948120f7173e18adae8d86e4fabb7" }));
+        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 {
@@ -2547,7 +3028,7 @@ var init_ui_radio_group_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "e80e01600d499d1b8e3410060433dac2bb8cf38a", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "e60dcfa1b174b1a4c9092567e6ec4d9f5bcd9ffe" }));
+        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 {
@@ -2583,6 +3064,7 @@ var init_ui_radio_entry = __esm({
   "dist/esm/ui-radio.entry.js"() {
     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) {
@@ -2591,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.toggleAttribute("data-disabled", this.disabled);
-        input.checked = this.checked;
+        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();
@@ -2634,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,
@@ -2641,12 +3131,12 @@ var init_ui_radio_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "898869b84429366e43c075723e884f34da6fc6df", role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "3f3b881175f25d439807ec9f8f0dd59a1acd6a90", 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
@@ -2712,7 +3202,7 @@ var init_ui_search_result_row_entry = __esm({
         this.hasTrailing = slotHasContent(this.trailingSlot);
       };
       render() {
-        return h(Host, { key: "8ef897782b50f1ecb129a51a25631d3d2bafe1e3" }, h("button", { key: "5b4fb4ac4968551a191e80bde7b991391d931220", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "5f5988d87bcf754d8a521e19e0e2a490dd868bd2", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "a7671c75c28d71ab843dcbb1fcdd9f4d0e0f7361", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "4ed60057e10ade9d7771812ad28aa25a017d34d8", class: "search-result-row__content", part: "content" }, h("span", { key: "37fa74ef4980ffd0b576ff824532d1267420461c", class: "search-result-row__title", part: "title" }, h("slot", { key: "187df950b39702723fa456b09e220e2b7587f00a", name: "title" })), h("span", { key: "6d2476c57d7c9c7530c3796a723f47f5f4859d71", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "d53329dd6865bbda005b0d25a2b9bc7b7a597452", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "8846c9669c0f65a739b770f41a93ddd4bef3f6bd", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "b63f70371538901aaff481a9e524bf817883cee6", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "1e8f94c3d83c3f649595c2843522b0973590a8d5", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "cfba9301ad97c1130a01f78c16052fc26e249f4b", 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();
@@ -2756,7 +3246,7 @@ var init_ui_search_shell_entry = __esm({
         this.hasFooter = slotHasContent2(this.footerSlot);
       };
       render() {
-        return h("div", { key: "2a09e1ee81d04c0af5420887a9fa0dfb8057040c", class: "search-shell", part: "base" }, h("slot", { key: "9124af2e3e73b686a73b11c7fe8c9d40986e98c1", name: "backdrop" }), h("div", { key: "cec39a8cbbfe99b7bbeb37ce32655a88cee2bec3", class: "search-shell__panel", part: "panel" }, h("div", { key: "8168eda720e031daf350800ac48dcf445be0c417", class: "search-shell__search", part: "search" }, h("slot", { key: "b220c9670a6a53cd93fa434dc97dc9d2582bec08", name: "search" })), h("div", { key: "24386da67dd8ab5e865519e5b0b70fe9c8924010", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "7a0dfada13aca3275961667dadc9623729fbf644", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "e06b7da6219c7a71d69662c5bdcc24e6baa52aa9", class: "search-shell__body", part: "body" }, h("slot", { key: "fabdea16cf443b57a826fc748b24342ff214b918", name: "body" })), h("div", { key: "d38662a77f19fd59315b1882cda0a55680cc5a0b", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "56eb386e22ae033939cdbdf3c6b6edf68594ceb5", 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();
@@ -2849,7 +3339,7 @@ var init_ui_select_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "5ac54353f467b70e94fce0ae661dc86c305befe7", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "1386f3e4912720ab597f4567112e9c8b4166bcc6", 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 {
@@ -2888,6 +3378,7 @@ var init_ui_switch_entry = __esm({
   "dist/esm/ui-switch.entry.js"() {
     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) {
@@ -2896,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
         });
@@ -2931,14 +3425,19 @@ var init_ui_switch_entry = __esm({
         this.toggle("pointer");
       };
       render() {
-        return h(Host, { key: "14205d2856f8fb49b72d69d40f10ac1473a80c04", 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: "974f8e487c8bf9196c05420e1817139dd6b4138c", 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: "d1cd89aa2d5312cff8845364cdee64821977cb44" }));
+          if (isControlled(this.checked))
+            input.checked = this.internalChecked;
+        } }), h("slot", { key: "7d72db5b720c0af0c4561b485ca558de61e1ce6e" }));
       }
       static get watchers() {
         return {
@@ -2962,6 +3461,7 @@ var init_ui_tabs_entry = __esm({
   "dist/esm/ui-tabs.entry.js"() {
     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) {
@@ -2970,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();
@@ -2996,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") ?? "";
@@ -3025,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 });
       }
@@ -3054,7 +3554,7 @@ var init_ui_tabs_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "ca8671f06914de2bd6b412caf11e385d67ae722b", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "49beb3783c8f6a330d25164c82933c2bf6345b1e" }));
+        return h(Host, { key: "8681e699c6afdbafd59ed986b8bf3c815b32cd1c", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "673f4db2ae0aded3bd40934c1fff518cf6f83837" }));
       }
       static get watchers() {
         return {
@@ -3159,7 +3659,7 @@ var init_ui_textarea_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "9ccc0464bca55b3364645ea90df3890f9ed9d697", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "81c4df31064d4dcd2b2e27dfcf3141cc9f18f54e", 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 {
@@ -3211,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)
@@ -3224,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)
@@ -3248,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: "9ec1cc51ecc4e7a256be5d89a09a10788e46db53", role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "7b08656f3745a02f8e9f0935e47d6f2cffd88f9b" }));
+        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 {
@@ -3293,8 +3802,9 @@ var init_ui_tooltip_entry = __esm({
     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);
@@ -3305,7 +3815,8 @@ var init_ui_tooltip_entry = __esm({
         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. */
@@ -3326,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();
@@ -3352,8 +3864,7 @@ var init_ui_tooltip_entry = __esm({
       componentDidLoad() {
         if (!this.host.id)
           this.host.id = this.overlayId;
-        this.syncFromProp();
-        this.internalOpen = this.internalOpen || this.defaultOpen;
+        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
         this.syncTrigger();
         this.setupSurface();
         this.host.addEventListener("pointerenter", this.onSurfaceEnter);
@@ -3406,460 +3917,188 @@ var init_ui_tooltip_entry = __esm({
         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);
-        this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
-      }
-      clearShowTimer() {
-        if (this.showTimer === null)
-          return;
-        clearTimeout(this.showTimer);
-        this.showTimer = null;
-      }
-      clearHideTimer() {
-        if (this.hideTimer === null)
-          return;
-        clearTimeout(this.hideTimer);
-        this.hideTimer = null;
-      }
-      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
-        });
-      }
-      onSurfaceEnter = () => this.clearHideTimer();
-      onTriggerClick = (event) => {
-        if (!this.toggleOnClick)
-          return;
-        this.clearTimers();
-        this.pinned = !this.pinned;
-        this.setInteractionOpen(this.pinned, event.detail === 0 ? "keyboard" : "pointer");
-      };
-      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();
-          this.internalOpen = false;
-          dispatchDetail(this.host, "close", {
-            open: false,
-            reason,
-            trigger
-          });
-        }
-      }
-      render() {
-        return h(Host, { key: "b0199c23316a707ae3e1e7c361f2838872f62221", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "d0c7822f2f47848a509bf8e310806edbdb320f02" }));
-      }
-      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);
+        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);
+        this.trigger.removeEventListener("focusout", this.onTriggerFocusOut);
       }
-      get host() {
-        return getElement(this);
+      clearShowTimer() {
+        if (this.showTimer === null)
+          return;
+        clearTimeout(this.showTimer);
+        this.showTimer = null;
       }
-      hasLeading = false;
-      hasSearch = false;
-      hasActions = false;
-      leadingSlot;
-      searchSlot;
-      actionsSlot;
-      componentDidLoad() {
-        this.syncSlots();
+      clearHideTimer() {
+        if (this.hideTimer === null)
+          return;
+        clearTimeout(this.hideTimer);
+        this.hideTimer = null;
       }
-      syncSlots = () => {
-        this.hasLeading = slotHasContent3(this.leadingSlot);
-        this.hasSearch = slotHasContent3(this.searchSlot);
-        this.hasActions = slotHasContent3(this.actionsSlot);
-      };
-      render() {
-        return h(Host, { key: "730e45232ab2b86c2ac99dba773f4ca15d7c3c51" }, h("header", { key: "f94f9b4f3f5930fda950895d2eec01d3ec175479", class: "top-bar", part: "base" }, h("div", { key: "038f6a404b0f159b4b826ada73d3c920266354c8", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "2d415368310c319eca3f3eb9b2c885ef79bb4107", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "dfd78b02066a91e9c610e4655a70da704ad65327", class: "top-bar__title" }, h("slot", { key: "499e24a864a31f6e400fd02aab4a3f960c87e572" })), h("div", { key: "5aa94952996487651dffecd2e351548631fa29b6", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "eddad95f8acf787ee0cead2a46e7961a06375d5c", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "dc69d492aa221a8beb888350bf101f8beeceede9", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "7cde7e062f487da8209738a32415636c7a6b72f0", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
+      clearTimers() {
+        this.clearShowTimer();
+        this.clearHideTimer();
       }
-    };
-    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_8BGiMGQ0();
-    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"
+      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
+        });
+      }
+      onSurfaceEnter = () => this.clearHideTimer();
+      onTriggerClick = (event) => {
+        if (!this.toggleOnClick)
+          return;
+        this.clearTimers();
+        this.pinned = !this.pinned;
+        this.setInteractionOpen(this.pinned, event.detail === 0 ? "keyboard" : "pointer");
+      };
+      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) {
@@ -3872,11 +4111,9 @@ 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 used for drop constraints. Defaults to visual depth. */
+      /** Application hierarchy depth override used for drop constraints. Defaults to structural nesting. */
       dropDepth;
-      /** Deepest descendant distance, used with the tree's max-depth drop constraint. */
+      /** Virtualized-tree descendant-depth override for the tree's max-depth drop constraint. */
       subtreeDepth;
       /** Whether this item accepts children and exposes disclosure behavior. */
       container = false;
@@ -3888,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")
@@ -3933,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: "606f5fdac8a95489d0c62cd7d4918c6d5d0c759e", 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: "2b4bb03d4b24ef668f22b08e803f7f43c2d63ae5", 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: "e7b935158e35cdc6518bdd73d54c42dcfa211aee", class: "leading", part: "leading" }, h("slot", { key: "8448462349fd23b8be0fb673fc6e101bf94beaa7", name: "leading" })), h("span", { key: "e0b6338e1ec9ec043446e42c5f03724adf7e1862", class: "label", part: "label" }, h("slot", { key: "ed44e6f2ce3466c28d2b87fc7511399ecc339255" })), h("span", { key: "2aea78227904fe23cfc4b8e14852a4601e3cc34b", class: "actions", part: "actions" }, h("slot", { key: "7c6549008c2a54c3ea6fcdf9e0fdbe445d379922", name: "actions" })), h("span", { key: "05166ba04765bc518d6b95ca7ae5a67c4394d1bf", 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: "7381d6e9e2a8f94695f29e73194b1603d79cefb9", 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 {
@@ -4009,7 +4282,7 @@ var init_ui_tree_entry = __esm({
   "dist/esm/ui-tree.entry.js"() {
     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);
@@ -4028,6 +4301,8 @@ var init_ui_tree_entry = __esm({
       rejectedPosition = null;
       rejection = null;
       hoverIntent = null;
+      structureObserver = null;
+      tabStop = null;
       componentDidLoad() {
         this.hoverIntent = createHoverIntent(this.hoverExpandDelay, this.expandTarget);
         this.host.addEventListener("dragstart", this.onDragStart);
@@ -4038,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();
@@ -4049,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") || "";
       }
@@ -4096,9 +4406,23 @@ var init_ui_tree_entry = __esm({
         const dropDepth = item.getAttribute("drop-depth");
         if (dropDepth !== null)
           return Number(dropDepth);
-        if (item.depth !== void 0)
-          return item.depth;
-        return Number(item.getAttribute("depth")) || 1;
+        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))
@@ -4113,9 +4437,9 @@ var init_ui_tree_entry = __esm({
           return { reason: "incompatible" };
         }
         const maxDepth = Math.max(0, Math.floor(this.maxDepth));
-        if (maxDepth > 0 && source.subtreeDepth !== void 0) {
+        if (maxDepth > 0) {
           const targetDepth = Math.max(0, Math.floor(this.constraintDepth(target)));
-          const subtreeDepth = Math.max(0, Math.floor(source.subtreeDepth));
+          const subtreeDepth = this.subtreeDepth(source);
           const resultingDepth = targetDepth + (position === "inside" ? 1 : 0) + subtreeDepth;
           if (resultingDepth > maxDepth)
             return { reason: "max-depth", maxDepth, resultingDepth };
@@ -4301,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;
@@ -4309,14 +4661,37 @@ 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: "474c2154d2abe3c76eee9c36bf552390089df6e8", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "93aedd02f984dd33b5efc811fef417d1199917bd" }));
+        return h(Host, { key: "549c09abc67dc60b16bf2d6b7d6346f214e9d6ae", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "fea59bde97611bf384e32ce4fb2b3eec9aca784f" }));
       }
     };
     UITree.style = uiTreeCss();
@@ -4333,7 +4708,9 @@ var init_ = __esm({
       "./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)),
@@ -5973,7 +6350,7 @@ var globalScripts = () => {
 var defineCustomElements = async (win2, options) => {
   if (typeof window === "undefined") return void 0;
   await globalScripts();
-  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-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-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], "depth": [2], "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] }, 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);
+  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
@@ -6435,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,
@@ -6448,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,
@@ -6468,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
 };