@threadlabs/looma 0.1.23 → 0.1.25

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,254 +643,621 @@ 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)
-          output = result.output;
-      }
-    }
+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/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-chip_2.entry.js
+var ui_chip_2_entry_exports = {};
+__export(ui_chip_2_entry_exports, {
+  ui_chip: () => UIChip,
+  ui_combobox: () => UICombobox
+});
+function formatEditingValue(raw, selection, format) {
+  const unchanged = { display: raw, selection };
+  if (!format)
+    return unchanged;
+  let result;
+  try {
+    result = format(raw, selection);
+  } catch {
+    return unchanged;
+  }
+  if (!result)
+    return unchanged;
+  const characters = Array.from(raw);
+  let cursor = 0;
+  for (const character of result.display)
+    if (character === characters[cursor])
+      cursor += 1;
+  if (!Number.isInteger(result.selection.start) || !Number.isInteger(result.selection.end) || cursor !== characters.length || result.selection.start < 0 || result.selection.end < result.selection.start || result.selection.end > result.display.length)
+    return unchanged;
+  return result;
+}
+async function validateField(request, config) {
+  let output = request.raw;
+  let issues = [];
+  const check = () => request.signal.throwIfAborted();
+  try {
+    check();
+    if (config.parse)
+      output = await config.parse(request.raw, request);
+    check();
+    if (config.schema) {
+      const result = await config.schema["~standard"].validate(output);
+      check();
+      if (result.issues)
+        issues = result.issues;
+      else if ("value" in result)
+        output = result.value;
+    }
+    if (!issues.some((issue) => issue.severity !== "warning")) {
+      if (config.normalize)
+        output = await config.normalize(output, request);
+      check();
+      if (config.validator) {
+        const result = await config.validator(output, request);
+        check();
+        issues = [...issues, ...result.issues ?? []];
+        if ("output" in result)
+          output = result.output;
+      }
+    }
   } catch (error) {
     check();
     issues = [{ message: error instanceof Error ? error.message : "Unable to validate this value." }];
@@ -906,12 +1265,26 @@ async function validateField(request, config) {
   issues = [...issues, ...config.issues ?? []];
   return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
 }
-var uiComboboxCss, UICombobox;
-var init_ui_combobox_entry = __esm({
-  "dist/esm/ui-combobox.entry.js"() {
+var uiChipCss, UIChip, uiComboboxCss, UICombobox;
+var init_ui_chip_2_entry = __esm({
+  "dist/esm/ui-chip_2.entry.js"() {
     init_index_8BGiMGQ0();
     init_positioning_Bu0dmLBE();
     init_manager_C_0syqXZ();
+    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%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.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";
+      /** Compact typography size. */
+      size = "xs";
+      render() {
+        return h(Host, { key: "970cb48cf8d70c47feaab90fe428c09f0d052a03", "data-appearance": this.appearance, "data-size": this.size }, h("span", { key: "6d8c6104d2869520097a2a61bd2a887b363b4912", class: "chip__surface" }, h("slot", { key: "b61c50a8060d8a2684aed6f87dc859b1c9e99858" })));
+      }
+    };
+    UIChip.style = uiChipCss();
     uiComboboxCss = () => `:host{display:grid;gap:var(--ui-space-1);min-inline-size:0;color:var(--ui-text-primary);font:inherit}label{color:var(--ui-field-label-color, var(--ui-text-primary));font-size:var(--ui-field-label-size, 0.875rem);font-weight:var(--ui-field-label-weight, 500)}.field{display:flex;min-inline-size:0;border:1px solid var(--ui-control-border, var(--ui-border-default));border-radius:var(--ui-radius-2);background:var(--ui-control-surface, var(--ui-surface-default))}.field:focus-within{border-color:var(--ui-control-focus, var(--ui-focus-ring));outline:2px solid var(--ui-control-focus, var(--ui-focus-ring));outline-offset:1px}input{appearance:none;width:100%;min-inline-size:0;min-block-size:var(--ui-control-min-block-size, 2.75rem);box-sizing:border-box;border:0;border-radius:inherit;background:transparent;color:inherit;font:inherit;line-height:var(--ui-line-height-md);padding:var(--ui-space-2) var(--ui-space-3);margin:0;outline:none}:host([data-size='sm']) input{min-block-size:var(--ui-field-compact-size, 2rem);padding:var(--ui-space-1) var(--ui-space-2)}button{appearance:none;border:0;border-radius:var(--ui-radius-2);background:transparent;color:var(--ui-field-affordance-color, var(--ui-text-secondary));font:inherit;font-weight:var(--ui-field-affordance-weight, 400);min-inline-size:2rem;padding:var(--ui-space-1);cursor:pointer}button:hover:enabled{background:var(--ui-surface-muted);color:var(--ui-text-primary)}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:-3px}input:disabled,button:disabled{color:var(--ui-text-muted);cursor:not-allowed}.field:has(input:disabled){background:var(--ui-control-surface-disabled, var(--ui-surface-muted))}:host([data-validation='error']) .field{border-color:var(--ui-danger-solid, var(--ui-accent-active))}.popup{box-sizing:border-box;min-inline-size:12rem;max-inline-size:calc(100vw - 1rem);max-block-size:var(--ui-combobox-max-block-size, 18rem);overflow:auto;margin:0;padding:var(--ui-space-1);border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-md)}[hidden]{display:none !important}.option{padding:var(--ui-space-2) var(--ui-space-3);border-radius:var(--ui-radius-1);cursor:pointer;overflow-wrap:anywhere}.option:hover,.option[data-active]{background:var(--ui-surface-muted);outline:1px solid var(--ui-focus-ring);outline-offset:-1px}.option[aria-disabled='true']{color:var(--ui-text-muted);cursor:not-allowed}.primary{display:block;color:var(--ui-option-primary-color, var(--ui-text-primary));font-weight:var(--ui-option-primary-weight, 500)}.secondary{display:block;color:var(--ui-option-secondary-color, var(--ui-text-secondary));font-weight:var(--ui-option-secondary-weight, 400);font-size:var(--ui-font-size-sm)}.message,.group{color:var(--ui-field-message-color, var(--ui-text-secondary));font-weight:var(--ui-field-message-weight, 400);font-size:var(--ui-font-size-sm);line-height:var(--ui-line-height-md);overflow-wrap:anywhere}.group,.popup .message{padding:var(--ui-space-2) var(--ui-space-3)}.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media (pointer: coarse){button{min-inline-size:2.75rem;min-block-size:2.75rem}}@media (forced-colors: active){.field,.popup{border-color:CanvasText}.option[data-active]{outline-color:Highlight}}`;
     UICombobox = class {
       constructor(hostRef) {
@@ -943,6 +1316,8 @@ var init_ui_combobox_entry = __esm({
       readOnly = false;
       required = false;
       size = "md";
+      /** Keep the native label accessible while allowing compact composed controls. */
+      labelVisibility = "visible";
       disclosure = false;
       clearable = false;
       /** Optional description shown by the connected question-mark button. */
@@ -1169,7 +1544,8 @@ var init_ui_combobox_entry = __esm({
         }, reason === "disclosure" ? 0 : Math.max(0, config.debounce ?? 200));
       }
       get canCreate() {
-        return Boolean(this.config.allowCreate && this.raw.trim() && !this.loading && !this.lookupError && !this.rows.some((row) => row.label.toLocaleLowerCase() === this.raw.toLocaleLowerCase()));
+        const candidates = this.config.options ? [...this.config.options, ...this.rows] : this.rows;
+        return Boolean(this.config.allowCreate && this.raw.trim() && !this.loading && !this.lookupError && !candidates.some((row) => row.label.toLocaleLowerCase() === this.raw.toLocaleLowerCase()));
       }
       format(timing) {
         if ((this.config.formatOn ?? "blur") !== timing || !this.input)
@@ -1349,24 +1725,31 @@ var init_ui_combobox_entry = __esm({
         }
         return this.validation;
       }
+      /** Focus the native editing input from a composed control. */
+      async focusInput() {
+        this.input?.focus();
+      }
       render() {
         const description = [this.helpOpen ? "help-text" : "", this.validation.issues.length ? "validation" : ""].filter(Boolean).join(" ") || void 0;
         const status = this.loading ? "Loading suggestions\u2026" : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : "");
         const groups = [...new Set(this.rows.map((row) => row.group ?? ""))];
-        return h(Host, { key: "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: "a33890c2824f29dfea5e22edddca4480a6d1d032", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "c936530cf696c1d14245fd83895e9c58c908df12", htmlFor: "input", part: "label", class: this.labelVisibility === "sr-only" ? "sr-only" : void 0 }, this.label, this.required ? " *" : ""), h("div", { key: "0fe0ed9b15a3e256867e071ca7e4fa3abc66f27c", class: "field", part: "field", ref: (element) => this.field = element, onClick: (event) => {
+          if (!event.composedPath().some((node) => node instanceof HTMLButtonElement))
+            this.input?.focus();
+        } }, h("slot", { key: "9cc4c22eb7776e415792fbdf3c17c962c7107f70", name: "start" }), h("input", { key: "0898e8ec5af57c7ba8ad227164f7955ef4011729", 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: "f9a49484ae9bcc4ace72a46d0c59202040ff39d8", 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: "597106eda4dcc68aa9fb2eaa99c1edad0d68a892", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "d26085a52b16d65e26dc20ef8afacb5defec5f7b", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "391d1c987eb8e868b2846eafd0627cfc78ab7478", 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: "45678ce468fd7944306d4542e3c6af0fe211af14", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "a8dc037639a60aff5a12b4651ffa10fc5ccd33eb", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "f13fc7a11c3d22995035b6701ea24637a048a5b8", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "9d2bdfcc558f8e7de87f2915ea5607a8f32c1762", 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: "9495fd43a721c84621b8083cb8eac776f843ab59", 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: "f0407c5622dcf3b325985c136657f8b9ac8a4ab5", 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("slot", { key: "efcaee3efb029a9e0bb4e033ab61b251331c1c93", name: "footer" })), h("div", { key: "b44ccb319f94ebc9e6ac3204a8c1771d49485a58", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "c3cb51dd4603734af4c7a02d8fe0bb42ac69083a", 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 +1996,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: "171e647667bab4a9f905f2b531aa2db182fc426f", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "f1a15e54ab3b14515553e05b4b3cf60ed7a99f8b", name: "trigger" }), h("div", { key: "450aaacf3f75a71ecce86300c0d824452ceec4a0", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "667003b7c6ab3ccbaa888b25cb87d921036ab827", open: this.internalOpen }, h("slot", { key: "c0731115bc3dbd02c4125ef8208269dd97e124bf" }))));
       }
       static get watchers() {
         return {
@@ -1644,6 +2027,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 +2036,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 +2076,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 +2107,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 +2125,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: "6e12a287866c76305c791c0ae538dcde63da3044", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "99ba3815e8a8c70ce50ff08d9a8b162aa9c1011f", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "e72b001877d2dfad1bcee9af87167c66d77fc952" })));
       }
       static get watchers() {
         return {
           "open": [{
             "syncFromProp": 0
           }],
+          "label": [{
+            "syncLabelFromProp": 0
+          }],
           "internalOpen": [{
             "syncOpen": 0
           }]
@@ -1759,6 +2177,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 +2186,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 +2195,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 +2208,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 +2245,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 +2267,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: "55f998f8e47ebe01fd5832d6c3dac310dda34b8d" }, h("slot", { key: "0d88728151901e1e412d7f5a3ae78b06aa7548fb" }));
       }
       static get watchers() {
         return {
@@ -1863,6 +2284,113 @@ var init_ui_disclosure_entry = __esm({
   }
 });
 
+// dist/esm/ui-editable.entry.js
+var ui_editable_entry_exports = {};
+__export(ui_editable_entry_exports, {
+  ui_editable: () => UIEditable
+});
+var uiEditableCss, UIEditable;
+var init_ui_editable_entry = __esm({
+  "dist/esm/ui-editable.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_controlled_state_BnGhGgTH();
+    uiEditableCss = () => `:host{display:block;min-inline-size:0}[hidden]{display:none !important}`;
+    UIEditable = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.editChange = createEvent(this, "edit-change");
+      }
+      get host() {
+        return getElement(this);
+      }
+      /** Controlled edit state. Omit it to use defaultEdit and local interaction state. */
+      edit;
+      defaultEdit = false;
+      disabled = false;
+      editChange;
+      internalEdit = false;
+      trigger = null;
+      syncFromProp() {
+        if (isControlled(this.edit))
+          this.internalEdit = this.edit;
+      }
+      componentWillLoad() {
+        this.internalEdit = controlledOrDefault(this.edit, this.defaultEdit);
+      }
+      componentDidLoad() {
+        this.host.ownerDocument.addEventListener("pointerdown", this.onDocumentPointerDown, true);
+      }
+      disconnectedCallback() {
+        this.host.ownerDocument.removeEventListener("pointerdown", this.onDocumentPointerDown, true);
+      }
+      requestEdit(next, reason, trigger) {
+        if (this.disabled || this.internalEdit === next)
+          return;
+        if (!isControlled(this.edit))
+          this.internalEdit = next;
+        this.editChange.emit({ edit: next, reason, trigger });
+        if (next)
+          requestAnimationFrame(() => this.focusEditor());
+        else
+          requestAnimationFrame(() => this.trigger?.focus());
+      }
+      focusEditor() {
+        const editRoot = this.host.querySelector('[slot="edit"]');
+        const candidate = editRoot?.matches("input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox") ? editRoot : editRoot?.querySelector("input, textarea, select, button, [tabindex], ui-combobox, ui-multi-combobox");
+        const focusInput = candidate?.focusInput;
+        if (typeof focusInput === "function")
+          void focusInput.call(candidate);
+        else
+          candidate?.focus();
+      }
+      eventTrigger(event) {
+        return event.composedPath().find((node) => node instanceof HTMLElement && node.hasAttribute("data-ui-editable-trigger"));
+      }
+      onClick = (event) => {
+        if (this.internalEdit || this.disabled)
+          return;
+        const trigger = this.eventTrigger(event);
+        if (!trigger)
+          return;
+        this.trigger = trigger;
+        this.requestEdit(true, "activate", "pointer");
+      };
+      onKeyDown = (event) => {
+        if (this.internalEdit && event.key === "Escape") {
+          event.preventDefault();
+          event.stopPropagation();
+          this.requestEdit(false, "escape", "keyboard");
+          return;
+        }
+        if (this.internalEdit || !["Enter", " "].includes(event.key))
+          return;
+        const trigger = this.eventTrigger(event);
+        if (!trigger)
+          return;
+        event.preventDefault();
+        this.trigger = trigger;
+        this.requestEdit(true, "activate", "keyboard");
+      };
+      onDocumentPointerDown = (event) => {
+        if (!this.internalEdit || event.composedPath().includes(this.host))
+          return;
+        this.requestEdit(false, "light-dismiss", "pointer");
+      };
+      render() {
+        return h(Host, { key: "f350400d4ebf897fb657b83b7cba9d309c5067bd", "data-edit": this.internalEdit ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: "f365ac61f59e9aaa1516121e3d6e2a42187e1d7b", part: "preview", hidden: this.internalEdit }, h("slot", { key: "ea234b437cc4eb530f2994d695429be91d874ef7", name: "preview" })), h("div", { key: "dacf0e74e72c47868986c80aaa60f55942fd9505", part: "edit", hidden: !this.internalEdit }, h("slot", { key: "54a943bc290335181a23b4cfa6055e4acfd8a62b", name: "edit" })));
+      }
+      static get watchers() {
+        return {
+          "edit": [{
+            "syncFromProp": 0
+          }]
+        };
+      }
+    };
+    UIEditable.style = uiEditableCss();
+  }
+});
+
 // dist/esm/ui-floating-action-button.entry.js
 var ui_floating_action_button_entry_exports = {};
 __export(ui_floating_action_button_entry_exports, {
@@ -1881,7 +2409,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: "9e917e07efcef5c0a96b8b09af8934f336a521bd", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "940daac4c2ff1144d7e82b36727205f286325a8e", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "382c70aa4836f6e799f98e1f0e4bc6e3104430fc" })));
       }
     };
     UIFloatingActionButton.style = uiFloatingActionButtonCss();
@@ -1909,17 +2437,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 +2500,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 +2513,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: "ac01e2be489b9c907169417dc5064061bd74ff7c", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "c739f9b2c948bc1d3db4316871c2293bf75cf520", onSlotchange: this.scheduleWire }));
       }
     };
     UIFormField.style = uiFormFieldCss();
@@ -1975,7 +2556,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: "225e147d184109d39a2e6f9236ba3ba3c5864c31", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "7e54fab4520ae6641c974abf19e975e8eec7a3df", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "54f9ba27c5a2ca896267f07ad1055907e74a64bc" })));
       }
     };
     UIIconButton.style = uiIconButtonCss();
@@ -2065,7 +2646,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: "0d8676e8458476681653ef4600dcb0f3b56d1ed1", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "d3585c07b6985d9090002f7a9c0eea1227517e0f", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2103,7 +2684,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 +2692,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: "711e7f70268d23969e40073cd47b065afadc22c9", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "d0c0aff983bdbc48666fcd652b39340bfd92c790", class: "menu-item__surface" }, h("slot", { key: "3fc6111848142b388529a9cdb5f6134bffe8fa42" })));
       }
     };
     UIMenuItem.style = uiMenuItemCss();
@@ -2129,8 +2710,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 +2720,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 +2732,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 +2759,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 +2792,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,
@@ -2228,69 +2812,238 @@ var init_ui_menu_entry = __esm({
         const item = e.target.closest?.("ui-menu-item");
         if (!item || item.getRootNode() !== this.host.getRootNode())
           return;
-        if (this.isItemDisabled(item))
+        if (this.isItemDisabled(item))
+          return;
+        const value = item.getAttribute("value") ?? item.getAttribute("data-value") ?? "";
+        dispatchDetail(this.host, "select", { value, trigger: eventToTrigger(e) });
+        dispatchDetail(this.host, "close", {
+          open: false,
+          reason: "action",
+          trigger: eventToTrigger(e)
+        });
+        if (!isControlled(this.open))
+          this.internalOpen = false;
+      };
+      onKeydown = (e) => {
+        if (e.key === "Escape") {
+          e.preventDefault();
+          requestTopOverlayClose("escape", "keyboard");
+          return;
+        }
+        const items = this.getItems().filter((i) => !this.isItemDisabled(i));
+        if (items.length === 0)
+          return;
+        const target = e.target.closest?.("ui-menu-item");
+        const currentIndex = target && target instanceof HTMLElement ? items.indexOf(target) : -1;
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          if (target && currentIndex >= 0) {
+            const value = target.getAttribute("value") ?? target.getAttribute("data-value") ?? "";
+            dispatchDetail(this.host, "select", { value, trigger: "keyboard" });
+            dispatchDetail(this.host, "close", {
+              open: false,
+              reason: "action",
+              trigger: "keyboard"
+            });
+            if (!isControlled(this.open))
+              this.internalOpen = false;
+          }
+          return;
+        }
+        if (e.key === "ArrowDown" || e.key === "ArrowUp") {
+          e.preventDefault();
+          const nextIndex = e.key === "ArrowDown" ? currentIndex < 0 ? 0 : Math.min(currentIndex + 1, items.length - 1) : currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
+          items[nextIndex].focus();
+        }
+      };
+      render() {
+        return h(Host, { key: "afba5a7f63238afdb6f71a3636c1f294d3e8ac6f", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "50d770efd27dddca436b804f10f1cc40bc604cb5", class: "menu__surface" }, h("slot", { key: "5014fc43a0ee2d66168bbcc1d52b20bd5120acb9" })));
+      }
+      static get watchers() {
+        return {
+          "open": [{
+            "syncFromProp": 0
+          }],
+          "for": [{
+            "resetSurface": 0
+          }],
+          "placement": [{
+            "resetSurface": 0
+          }],
+          "internalOpen": [{
+            "syncSurface": 0
+          }]
+        };
+      }
+    };
+    UIMenu.style = uiMenuCss();
+  }
+});
+
+// dist/esm/ui-multi-combobox.entry.js
+var ui_multi_combobox_entry_exports = {};
+__export(ui_multi_combobox_entry_exports, {
+  ui_multi_combobox: () => UIMultiCombobox
+});
+var uiMultiComboboxCss, UIMultiCombobox;
+var init_ui_multi_combobox_entry = __esm({
+  "dist/esm/ui-multi-combobox.entry.js"() {
+    init_index_8BGiMGQ0();
+    uiMultiComboboxCss = () => `:host{display:block;min-inline-size:0;color:var(--ui-text-primary);font:inherit}ui-combobox::part(field){flex-wrap:wrap;align-items:center;gap:var(--ui-space-1);min-block-size:var(--ui-multi-combobox-min-block-size, 2.5rem);padding:var(--ui-space-1)}ui-combobox::part(input){flex:1 0 var(--ui-multi-combobox-input-min-inline-size, 5rem);width:auto;min-block-size:1.75rem;padding:var(--ui-space-0-5) var(--ui-space-1)}.items{display:contents}.item{appearance:none;display:inline-flex;max-inline-size:100%;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}`;
+    UIMultiCombobox = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.queryChange = createEvent(this, "query-change");
+        this.addItem = createEvent(this, "add-item");
+        this.removeItem = createEvent(this, "remove-item");
+        this.createItem = createEvent(this, "create-item");
+        this.optionsChange = createEvent(this, "options-change");
+      }
+      get host() {
+        return getElement(this);
+      }
+      label = "";
+      placeholder = "";
+      items = [];
+      config = {};
+      query;
+      defaultQuery = "";
+      disabled = false;
+      readOnly = false;
+      required = false;
+      name = "";
+      queryChange;
+      addItem;
+      removeItem;
+      createItem;
+      optionsChange;
+      raw = "";
+      rows = [];
+      combobox;
+      filteredConfig;
+      filteredConfigSource;
+      filteredSelection = "";
+      componentWillLoad() {
+        this.raw = this.query ?? this.defaultQuery;
+      }
+      syncQuery() {
+        if (this.query !== void 0)
+          this.raw = this.query;
+      }
+      get selectedValues() {
+        return new Set(this.items.map((item) => item.value));
+      }
+      get comboboxConfig() {
+        const selectionKey = this.items.map((item) => item.value).join("\0");
+        if (this.filteredConfig && this.filteredConfigSource === this.config && this.filteredSelection === selectionKey) {
+          return this.filteredConfig;
+        }
+        const ownerFilter = this.config.filter;
+        const selected = this.selectedValues;
+        this.filteredConfigSource = this.config;
+        this.filteredSelection = selectionKey;
+        this.filteredConfig = {
+          ...this.config,
+          filter: (option, query, context) => !selected.has(option.value) && (ownerFilter ? ownerFilter(option, query, context) : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()))
+        };
+        return this.filteredConfig;
+      }
+      setQuery(query, trigger) {
+        if (this.query === void 0)
+          this.raw = query;
+        this.queryChange.emit({ query, display: query, trigger });
+      }
+      onQueryChange = (event) => {
+        event.stopPropagation();
+        this.setQuery(event.detail.query, event.detail.trigger);
+      };
+      onOptionsChange = (event) => {
+        event.stopPropagation();
+        this.rows = event.detail;
+        this.optionsChange.emit(event.detail);
+      };
+      onValueChange = (event) => {
+        event.stopPropagation();
+        if (event.detail.kind !== "selection" || !event.detail.option)
+          return;
+        const item = event.detail.option;
+        this.addItem.emit({ item, index: this.items.length, trigger: event.detail.trigger });
+        queueMicrotask(() => this.setQuery("", event.detail.trigger));
+      };
+      onCreateEntry = (event) => {
+        event.stopPropagation();
+        const query = event.detail.query.trim();
+        if (!query)
           return;
-        const value = item.getAttribute("value") ?? item.getAttribute("data-value") ?? "";
-        dispatchDetail(this.host, "select", { value, trigger: eventToTrigger(e) });
-        dispatchDetail(this.host, "close", {
-          open: false,
-          reason: "action",
-          trigger: eventToTrigger(e)
-        });
-        this.internalOpen = false;
+        this.setQuery("", event.detail.trigger);
+        this.createItem.emit({ query, trigger: event.detail.trigger });
       };
-      onKeydown = (e) => {
-        if (e.key === "Escape") {
-          e.preventDefault();
-          requestTopOverlayClose("escape", "keyboard");
+      remove(index, trigger) {
+        const item = this.items[index];
+        if (!item || item.disabled || this.disabled || this.readOnly)
+          return;
+        this.removeItem.emit({ item, index, trigger });
+        requestAnimationFrame(() => {
+          const buttons = this.host.shadowRoot?.querySelectorAll('[part="item"]') ?? [];
+          const next = buttons[Math.min(index, buttons.length - 1)] ?? buttons[index - 1];
+          if (next && next.dataset.value !== item.value)
+            next.focus();
+          else
+            void this.focusInput();
+        });
+      }
+      focusItem(index) {
+        this.host.shadowRoot?.querySelectorAll('[part="item"]')[index]?.focus();
+      }
+      onItemKeyDown = (event, index) => {
+        if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
           return;
+        if (event.key === "ArrowLeft") {
+          event.preventDefault();
+          event.stopPropagation();
+          this.focusItem(Math.max(0, index - 1));
+        } else if (event.key === "ArrowRight") {
+          event.preventDefault();
+          event.stopPropagation();
+          if (index === this.items.length - 1)
+            void this.focusInput();
+          else
+            this.focusItem(index + 1);
+        } else if (event.key === "Backspace" || event.key === "Delete") {
+          event.preventDefault();
+          event.stopPropagation();
+          this.remove(index, "keyboard");
         }
-        const items = this.getItems().filter((i) => !this.isItemDisabled(i));
-        if (items.length === 0)
+      };
+      onKeyDown = (event) => {
+        if (event.defaultPrevented || this.disabled || this.readOnly || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
           return;
-        const target = e.target.closest?.("ui-menu-item");
-        const currentIndex = target && target instanceof HTMLElement ? items.indexOf(target) : -1;
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          if (target && currentIndex >= 0) {
-            const value = target.getAttribute("value") ?? target.getAttribute("data-value") ?? "";
-            dispatchDetail(this.host, "select", { value, trigger: "keyboard" });
-            dispatchDetail(this.host, "close", {
-              open: false,
-              reason: "action",
-              trigger: "keyboard"
-            });
-            this.internalOpen = false;
-          }
+        const input = event.composedPath().find((node) => node instanceof HTMLInputElement);
+        if (!input || this.raw || (input.selectionStart ?? 0) > 0)
           return;
-        }
-        if (e.key === "ArrowDown" || e.key === "ArrowUp") {
-          e.preventDefault();
-          const nextIndex = e.key === "ArrowDown" ? currentIndex < 0 ? 0 : Math.min(currentIndex + 1, items.length - 1) : currentIndex <= 0 ? items.length - 1 : currentIndex - 1;
-          items[nextIndex].focus();
+        if (event.key === "ArrowLeft" && this.items.length) {
+          event.preventDefault();
+          this.focusItem(this.items.length - 1);
+        } else if (event.key === "Backspace" && this.items.length) {
+          event.preventDefault();
+          this.remove(this.items.length - 1, "keyboard");
         }
       };
+      async focusInput() {
+        await this.combobox?.focusInput();
+      }
       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: "bdb03a28ea25b22340dc56381fa45031f0c47c27", onKeyDown: this.onKeyDown }, h("ui-combobox", { key: "51ba1ab747af9f216223bd71f524db79ef57b8a9", ref: (element) => this.combobox = element, label: this.label, "label-visibility": "sr-only", placeholder: this.placeholder, name: this.name, value: null, query: this.raw, config: this.comboboxConfig, size: "sm", disabled: this.disabled, readOnly: this.readOnly, required: this.required, "onQuery-change": this.onQueryChange, "onValue-change": this.onValueChange, "onCreate-entry": this.onCreateEntry, "onOptions-change": this.onOptionsChange }, h("div", { key: "ebd8fd8e62db3c2e47b1bfc7558c01e7e1abb8ba", slot: "start", class: "items", role: "group", "aria-label": `Selected ${this.label}` }, this.items.map((item, index) => h("button", { type: "button", part: "item", class: "item", "data-value": item.value, tabIndex: -1, disabled: this.disabled || this.readOnly || item.disabled, "aria-label": `${item.label}, press Delete or Backspace to remove`, onKeyDown: (event) => this.onItemKeyDown(event, index) }, h("slot", { name: `item-${item.id}` }, h("ui-chip", { appearance: "pill" }, item.label))))), this.rows.map((option) => h("span", { slot: `option-${option.id}` }, h("slot", { name: `option-${option.id}` }, option.label))), h("span", { key: "99cd9848130de37e52a4f735c95e3754dbc64691", slot: "create" }, h("slot", { key: "84cc7c14716819bd968bdfcb9213fe3887a5c2b9", name: "create" }, "Create \u201C", this.raw, "\u201D")), h("span", { key: "1660eb03425dea4d36797e416d91b051531a470d", slot: "loading" }, h("slot", { key: "10c979403e89331e8bdf69ff2db3f5bc272b2685", name: "loading" }, "Loading suggestions\u2026")), h("span", { key: "1c862b6c5906aa3ec5fc874de5a5119e13ef9422", slot: "empty" }, h("slot", { key: "1c70a1beb7321d3b2be888b3826a1dba2f6fcc70", name: "empty" }, "No suggestions.")), h("span", { key: "4b4da5cb8b22543b90ff9230191bbb2e81d16408", slot: "error" }, h("slot", { key: "a371a5ce50895562ebc6e55227e4a4834af37f3d", name: "error" }, "Unable to load suggestions.")), h("div", { key: "f82e38165d90bdbfa8413c0a561abf7ab5da0183", slot: "footer" }, h("slot", { key: "6c0bd2b89428832f4cb485f5d2e30a792859ba9e", name: "footer" }))));
       }
       static get watchers() {
         return {
-          "open": [{
-            "syncFromProp": 0
-          }],
-          "for": [{
-            "resetSurface": 0
-          }],
-          "placement": [{
-            "resetSurface": 0
-          }],
-          "internalOpen": [{
-            "syncSurface": 0
+          "query": [{
+            "syncQuery": 0
           }]
         };
       }
     };
-    UIMenu.style = uiMenuCss();
+    UIMultiCombobox.style = uiMultiComboboxCss();
   }
 });
 
@@ -2305,8 +3058,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 +3068,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 +3079,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 +3137,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 +3152,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 +3166,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: "a4986ace0f3c586774a549cb844287b28ccd0531", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("div", { key: "8f2c589916d06138ef72bfe0d039893b3c59a7cc", class: "popover__surface" }, h("slot", { key: "ee70e7dcc53a99b5c80e56862a6eb00edcfcf912" })));
       }
       static get watchers() {
         return {
@@ -2547,7 +3303,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: "1882ad7c092c6a138eab2a52c19beb9a950a8d5a", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "d5abade3d23963410cfbac17e80aa16dd21ccc6e" }));
       }
       static get watchers() {
         return {
@@ -2583,6 +3339,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 +3348,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 +3395,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 +3406,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: "f4700b43790accd29a6bcc55fcc862072e29c335", role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "ed32c35f8f68c662a8b95e58b74c8c76c959ea49", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
           "checked": [{
-            "syncToInput": 0
+            "syncFromProp": 0
           }],
           "disabled": [{
             "syncToInput": 0
@@ -2712,7 +3477,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: "eeda041dbcf8841cd53be9c532df208eb3be3d3b" }, h("button", { key: "71d3db6d2eca4f8d7796429f68ef73bf2c7b62f7", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "f2260cab9f654e7f5e96a5e7e2a1cbbb5a55fde3", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "824fffc19c2b5712dae0c000f12cc36a0043a370", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "4e3728ea7d363f256f1b3283df6eb984cf3f570f", class: "search-result-row__content", part: "content" }, h("span", { key: "95009b1ce569fb4251df62334a5dd88f1de561af", class: "search-result-row__title", part: "title" }, h("slot", { key: "132beecf36471ae0db68d686829428225699c534", name: "title" })), h("span", { key: "0ad7c8d52aa40ccf62667d3ecca4d48b49917a9a", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "4b97129504571a676839287bd87e68d803f8bc99", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "e6c73e653fb7dc213866a15870281f3f6d95a86b", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "49deae8194485304380b8b4b3d4fe96cd6623f4d", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "c7c6f0b57668644a28d3c4c981b4db79a0e3c42a", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "e6cbceeb41d23c9b7514f53663438069499d1a4d", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchResultRow.style = uiSearchResultRowCss();
@@ -2756,7 +3521,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: "ae5baf1fae88f3c0ff8c98e68e1c31d7f19d7b6a", class: "search-shell", part: "base" }, h("slot", { key: "192d10867902bc4618762ab3ce1ca8a44229ec11", name: "backdrop" }), h("div", { key: "72bafd3ba7aadebcb011fb27f56793a9079bb2e1", class: "search-shell__panel", part: "panel" }, h("div", { key: "c2d46c9099699cc1c2f357cb51d11ab0e6cf6c69", class: "search-shell__search", part: "search" }, h("slot", { key: "21f4ed690247fa794bd9322c75cee1721926087a", name: "search" })), h("div", { key: "84baba674456aa2a5878d5858d0e6531251440ce", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "6e7b6533a29231ebbcd41529d8120649ca4a1dd1", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "710d51d450132ad0f528b2eb2cd6f0312dbced2f", class: "search-shell__body", part: "body" }, h("slot", { key: "2c380ff4ad33ead6ca8c2611ebc024f125f0da48", name: "body" })), h("div", { key: "6923984a31c7bc23bae3ecee08d7acad14703a02", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "57c2eab7a3f46558ada8d1aa70d64f434bb8cdd6", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchShell.style = uiSearchShellCss();
@@ -2849,7 +3614,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: "74cbe4a76a23af415c202c61951ad513b0ed6cb8", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "e86eb0cfb0d379cb3f8b2ea5ce3c69639d0cdda4", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2888,6 +3653,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 +3662,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 +3700,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: "a37ded5259d71a57308cba6dd158ae4ae81e4e8b", 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: "882f81f39d752430f1de1554a5d83176416f4617", 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: "b3b2b5afae622d1ae79cadd84f60c6b6c2df55a4" }));
       }
       static get watchers() {
         return {
@@ -2962,6 +3736,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 +3745,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 +3773,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 +3799,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 +3829,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: "19207153c7b7a6ea5f5ffb50439e99af70984b44", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "5045cd040eeccd028c00328206d47f7d17b622de" }));
       }
       static get watchers() {
         return {
@@ -3159,7 +3934,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: "020adfed4a177ef5d07852ff2e6ffb66b6f80742", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "2e9bd0e071e24fcf248eadf38f16484321359503", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -3211,10 +3986,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 +4001,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 +4040,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: "8a3546bcd59e12f21393ea55fa4d232d3907a34e", role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "a4a4525a1ca768d65ff36b3889a821b8dda8b6f7" }));
       }
       static get watchers() {
         return {
@@ -3293,8 +4077,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 +4090,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 +4112,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 +4139,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 +4192,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: "6c70f235889d6f1c425f0a51fcfc04e06a96dea4", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "5c4f1d264e32d308f5b26af4e967e13369c4238a", class: "tooltip__surface" }, h("slot", { key: "52b5900d67ffa7590b0ff97511f99718d2e8c311" })));
+      }
+      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: "ef7cf644a8e8381d7d1f8d093bcfefcdc4620682" }, h("header", { key: "5055594a179d86efefd43529e070a582c51cb1d8", class: "top-bar", part: "base" }, h("div", { key: "bd6ec069ae9d7820a6992250ba1aa997b4cc6754", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "3b9b1b73fb455ad720e1db46757555eb3713c0b8", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "e402cc0cb7ec4418460182f8f32cb161c6139221", class: "top-bar__title" }, h("slot", { key: "fce0cfc11da269167853f591742b1369023864ae" })), h("div", { key: "6861bb04f399076378aa1fa9be24b35db277106a", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "3857f37d53ec99b36a52cb7830e634afdee29d2e", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "538f6297078b6d5aa85906e902066e8809f52540", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "3c45ff59c4b48673e796c6e93842cb11fceb652f", 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 +4386,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 +4400,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 +4480,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: "f092fa9586a39aba1a9629ba42e52f8fbc10de05", 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: "2f16d97219ba9ec9e37688d97ad9144508aa1ed5", 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: "d984631c891df304edb3e1dc5bcd19af3ad8e20d", class: "leading", part: "leading" }, h("slot", { key: "81a0e055859df5d4daaa6dac39013b23dcc2831b", name: "leading" })), h("span", { key: "3ae295523d5a3b9feaa9bfaa16d807349e37d78b", class: "label", part: "label" }, h("slot", { key: "db8503a41d087d283074a41e76fa872ff4b2a707" })), h("span", { key: "ac5b5db7128b31a9263b912bd64cd90ac640eaeb", class: "actions", part: "actions" }, h("slot", { key: "c8842a5d80215ec297688c86f6bfe9b4d9bed333", name: "actions" })), h("span", { key: "b7f239bc16867678291850ad61a5cd752d6a7425", 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: "2a5f448db2f4f363a34a1a950785e0ee12cc9938", class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" }));
       }
       static get watchers() {
         return {
@@ -4009,7 +4557,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 +4576,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 +4588,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 +4604,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 +4681,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 +4712,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 +4900,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 +4936,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: "7efbf793fe63471006df57f0045a5fe995c81440", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "1804e391796e7451c93cb58258e0e23ec3ad98c7" }));
       }
     };
     UITree.style = uiTreeCss();
@@ -4333,17 +4983,20 @@ 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-combobox.entry.js": () => Promise.resolve().then(() => (init_ui_combobox_entry(), ui_combobox_entry_exports)),
+      "./ui-chip_2.entry.js": () => Promise.resolve().then(() => (init_ui_chip_2_entry(), ui_chip_2_entry_exports)),
       "./ui-context-menu.entry.js": () => Promise.resolve().then(() => (init_ui_context_menu_entry(), ui_context_menu_entry_exports)),
       "./ui-dialog.entry.js": () => Promise.resolve().then(() => (init_ui_dialog_entry(), ui_dialog_entry_exports)),
       "./ui-disclosure.entry.js": () => Promise.resolve().then(() => (init_ui_disclosure_entry(), ui_disclosure_entry_exports)),
+      "./ui-editable.entry.js": () => Promise.resolve().then(() => (init_ui_editable_entry(), ui_editable_entry_exports)),
       "./ui-floating-action-button.entry.js": () => Promise.resolve().then(() => (init_ui_floating_action_button_entry(), ui_floating_action_button_entry_exports)),
       "./ui-form-field.entry.js": () => Promise.resolve().then(() => (init_ui_form_field_entry(), ui_form_field_entry_exports)),
       "./ui-icon-button.entry.js": () => Promise.resolve().then(() => (init_ui_icon_button_entry(), ui_icon_button_entry_exports)),
       "./ui-input.entry.js": () => Promise.resolve().then(() => (init_ui_input_entry(), ui_input_entry_exports)),
       "./ui-menu-item.entry.js": () => Promise.resolve().then(() => (init_ui_menu_item_entry(), ui_menu_item_entry_exports)),
       "./ui-menu.entry.js": () => Promise.resolve().then(() => (init_ui_menu_entry(), ui_menu_entry_exports)),
+      "./ui-multi-combobox.entry.js": () => Promise.resolve().then(() => (init_ui_multi_combobox_entry(), ui_multi_combobox_entry_exports)),
       "./ui-popover.entry.js": () => Promise.resolve().then(() => (init_ui_popover_entry(), ui_popover_entry_exports)),
       "./ui-radio-group.entry.js": () => Promise.resolve().then(() => (init_ui_radio_group_entry(), ui_radio_group_entry_exports)),
       "./ui-radio.entry.js": () => Promise.resolve().then(() => (init_ui_radio_entry(), ui_radio_entry_exports)),
@@ -5973,7 +6626,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-multi-combobox", [[769, "ui-multi-combobox", { "label": [1], "placeholder": [1], "items": [16], "config": [16], "query": [1], "defaultQuery": [1, "default-query"], "disabled": [4], "readOnly": [4, "readonly"], "required": [4], "name": [1], "raw": [32], "rows": [32], "focusInput": [64] }, null, { "query": [{ "syncQuery": 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-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-editable", [[769, "ui-editable", { "edit": [4], "defaultEdit": [4, "default-edit"], "disabled": [4], "internalEdit": [32] }, null, { "edit": [{ "syncFromProp": 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 }] }]]], ["ui-chip_2", [[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], "labelVisibility": [1, "label-visibility"], "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], "focusInput": [64] }, null, { "value": [{ "syncValue": 0 }], "query": [{ "syncQuery": 0 }], "disabled": [{ "syncDisabled": 0 }], "readOnly": [{ "syncDisabled": 0 }], "config": [{ "syncConfig": 0 }] }], [769, "ui-chip", { "appearance": [1], "size": [1] }]]]], options);
 };
 
 // loader/index.js
@@ -6435,6 +7088,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 +7103,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 +7125,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
 };