@threadlabs/looma 0.1.27 → 0.2.0

package/dist/index.cjs

@@ -24,7 +24,7 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// dist/esm/positioning-Bu0dmLBE.js
+// dist/esm/positioning-Drmwg-C1.js
 function bindAnchorName(anchor, name) {
   const binding = anchorBindings.get(anchor) ?? {
     original: anchor.style.getPropertyValue("anchor-name"),
@@ -96,22 +96,21 @@ function createViewportSurface(surface) {
     }
   };
 }
-function fallbackPosition(surface, anchor, placement, gap, viewportGap) {
+function fallbackPosition(surface, anchor, placement, gap, viewportGap, surfaceRect = surface.getBoundingClientRect()) {
   const owner = surface.ownerDocument.defaultView ?? window;
   const viewport = getVisualViewportRect(owner);
-  const rect = surface.getBoundingClientRect();
   const preferTop = placement.startsWith("top");
   const preferEnd = placement.endsWith("end");
   const spaceBelow = viewport.bottom - anchor.bottom - viewportGap;
   const spaceAbove = anchor.top - viewport.top - viewportGap;
-  const useTop = preferTop ? !(spaceAbove < rect.height + gap && spaceBelow > spaceAbove) : spaceBelow < rect.height + gap && spaceAbove > spaceBelow;
-  const unclampedTop = useTop ? anchor.top - rect.height - gap : anchor.bottom + gap;
-  const unclampedLeft = preferEnd ? anchor.right - rect.width : anchor.left;
+  const useTop = preferTop ? !(spaceAbove < surfaceRect.height + gap && spaceBelow > spaceAbove) : spaceBelow < surfaceRect.height + gap && spaceAbove > spaceBelow;
+  const unclampedTop = useTop ? anchor.top - surfaceRect.height - gap : anchor.bottom + gap;
+  const unclampedLeft = preferEnd ? anchor.right - surfaceRect.width : anchor.left;
   const shifted = clampRectToViewport({
     left: unclampedLeft,
     top: unclampedTop,
-    width: rect.width,
-    height: rect.height
+    width: surfaceRect.width,
+    height: surfaceRect.height
   }, viewport, viewportGap);
   surface.style.left = `${Math.round(unclampedLeft + shifted.x)}px`;
   surface.style.top = `${Math.round(unclampedTop + shifted.y)}px`;
@@ -169,10 +168,16 @@ function createAnchoredSurface(surface, options = {}) {
     }
     if (!anchor)
       return;
-    if (nativeAnchor)
+    let surfaceRect;
+    if (nativeAnchor) {
       positionNative();
-    else
-      fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap);
+      const viewport = getVisualViewportRect(owner);
+      surfaceRect = surface.getBoundingClientRect();
+      const shift = clampRectToViewport(surfaceRect, viewport, viewportGap);
+      if (shift.x === 0 && shift.y === 0)
+        return;
+    }
+    fallbackPosition(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap, surfaceRect);
   };
   const schedule = () => {
     if (!open || frame !== null)
@@ -180,7 +185,7 @@ function createAnchoredSurface(surface, options = {}) {
     frame = owner.requestAnimationFrame(position);
   };
   const syncFallbackListeners = () => {
-    const needsListeners = open && (point !== null || !nativeAnchor);
+    const needsListeners = open && (point !== null || anchor !== null);
     if (!needsListeners) {
       listenerAbort?.abort();
       listenerAbort = null;
@@ -356,8 +361,8 @@ function createProximityCoordinator(scope, options = {}) {
   };
 }
 var DEFAULT_AFFORDANCE_NEAR_RADIUS, anchorSequence, anchorBindings;
-var init_positioning_Bu0dmLBE = __esm({
-  "dist/esm/positioning-Bu0dmLBE.js"() {
+var init_positioning_Drmwg_C1 = __esm({
+  "dist/esm/positioning-Drmwg-C1.js"() {
     DEFAULT_AFFORDANCE_NEAR_RADIUS = 16;
     anchorSequence = 0;
     anchorBindings = /* @__PURE__ */ new WeakMap();
@@ -373,7 +378,7 @@ var uiAffordanceScopeCss, UIAffordanceScope;
 var init_ui_affordance_scope_entry = __esm({
   "dist/esm/ui-affordance-scope.entry.js"() {
     init_index_8BGiMGQ0();
-    init_positioning_Bu0dmLBE();
+    init_positioning_Drmwg_C1();
     uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
     UIAffordanceScope = class {
       constructor(hostRef) {
@@ -1206,6 +1211,267 @@ var init_manager_C_0syqXZ = __esm({
 var ui_chip_2_entry_exports = {};
 __export(ui_chip_2_entry_exports, {
   ui_chip: () => UIChip,
+  ui_tooltip: () => UITooltip
+});
+var uiChipCss, UIChip, uiTooltipCss, UITooltip;
+var init_ui_chip_2_entry = __esm({
+  "dist/esm/ui-chip_2.entry.js"() {
+    init_index_8BGiMGQ0();
+    init_manager_C_0syqXZ();
+    init_events_JwSoedEO();
+    init_controlled_state_BnGhGgTH();
+    init_positioning_Drmwg_C1();
+    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;min-width:0;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;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}.chip__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;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("span", { key: "638fb68ff5dffa629576c9e1079bb3169f2adb4f", class: "chip__label" }, h("slot", { key: "8b31f2130e202e18d7717aee6add6bc6e7f119b5" }))));
+      }
+    };
+    UIChip.style = uiChipCss();
+    uiTooltipCss = () => `:host{position:fixed;inset:auto;margin:0;display:inline-block;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.tooltip__surface{box-sizing:border-box;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
+    UITooltip = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.opened = createEvent(this, "open");
+        this.closed = createEvent(this, "close");
+      }
+      get host() {
+        return getElement(this);
+      }
+      for = "";
+      /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
+      open;
+      defaultOpen = false;
+      placement = "top-start";
+      /** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
+      showDelay = 500;
+      /** Pointer leave grace period in milliseconds. */
+      hideDelay = 100;
+      /** Click or tap pins the description; activate again to dismiss. */
+      toggleOnClick = false;
+      pinned = false;
+      focused = false;
+      opened;
+      closed;
+      internalOpen = false;
+      overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
+      trigger = null;
+      surface = null;
+      showTimer = null;
+      hideTimer = null;
+      syncFromProp() {
+        this.clearTimers();
+        if (isControlled(this.open))
+          this.internalOpen = this.open;
+      }
+      resetSurface() {
+        this.syncTrigger();
+        this.setupSurface();
+        this.syncOverlay();
+      }
+      syncOverlay() {
+        if (this.internalOpen) {
+          this.surface?.show();
+          openOverlay({
+            id: this.overlayId,
+            modal: false,
+            element: this.host,
+            relatedElements: this.trigger ? [this.trigger] : void 0,
+            dismissible: true,
+            requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
+          });
+        } else {
+          this.surface?.hide();
+          closeOverlay(this.overlayId);
+        }
+      }
+      componentDidLoad() {
+        if (!this.host.id)
+          this.host.id = this.overlayId;
+        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
+        this.syncTrigger();
+        this.setupSurface();
+        this.host.addEventListener("pointerenter", this.onSurfaceEnter);
+        this.host.addEventListener("pointerleave", this.onTriggerLeave);
+        this.syncOverlay();
+      }
+      componentDidUpdate() {
+        this.syncTrigger();
+      }
+      disconnectedCallback() {
+        this.clearTimers();
+        this.detachTriggerListeners();
+        this.surface?.destroy();
+        this.surface = null;
+        this.host.removeEventListener("pointerenter", this.onSurfaceEnter);
+        this.host.removeEventListener("pointerleave", this.onTriggerLeave);
+        closeOverlay(this.overlayId);
+      }
+      syncTrigger() {
+        const next = this.for ? this.host.getRootNode().getElementById(this.for) : this.host.previousElementSibling;
+        if (next === this.trigger)
+          return;
+        this.detachTriggerListeners();
+        this.trigger = next;
+        this.attachTriggerListeners();
+        this.surface?.setAnchor(next);
+      }
+      setupSurface() {
+        this.surface?.destroy();
+        this.surface = createAnchoredSurface(this.host, {
+          anchor: this.trigger,
+          placement: this.placement
+        });
+      }
+      attachTriggerListeners() {
+        this.detachTriggerListeners();
+        if (!this.trigger)
+          return;
+        const ids = new Set((this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean));
+        ids.add(this.host.id);
+        this.trigger.setAttribute("aria-describedby", [...ids].join(" "));
+        this.trigger.addEventListener("click", this.onTriggerClick);
+        this.trigger.addEventListener("keydown", this.onTriggerKeydown);
+        this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
+        this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
+        this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
+        this.trigger.addEventListener("focusout", this.onTriggerFocusOut);
+      }
+      detachTriggerListeners() {
+        if (!this.trigger)
+          return;
+        const ids = (this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter((id) => id && id !== this.host.id);
+        if (ids.length)
+          this.trigger.setAttribute("aria-describedby", ids.join(" "));
+        else
+          this.trigger.removeAttribute("aria-describedby");
+        this.trigger.removeEventListener("click", this.onTriggerClick);
+        this.trigger.removeEventListener("keydown", this.onTriggerKeydown);
+        this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
+        this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
+        this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
+        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;
+        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
+          });
+        }
+      }
+      render() {
+        return h(Host, { key: "fd4d81febd147b846aca66e94f25d56f14b171dc", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "d31ac8c0e087becd7e60459f2cd894a9b15e95fa", class: "tooltip__surface" }, h("slot", { key: "06e7aac9b6992a9cf0f92c9d356b97d18fb2da8b" })));
+      }
+      static get watchers() {
+        return {
+          "open": [{
+            "syncFromProp": 0
+          }],
+          "for": [{
+            "resetSurface": 0
+          }],
+          "placement": [{
+            "resetSurface": 0
+          }],
+          "internalOpen": [{
+            "syncOverlay": 0
+          }]
+        };
+      }
+    };
+    UITooltip.style = uiTooltipCss();
+  }
+});
+
+// dist/esm/ui-combobox.entry.js
+var ui_combobox_entry_exports = {};
+__export(ui_combobox_entry_exports, {
   ui_combobox: () => UICombobox
 });
 function formatEditingValue(raw, selection, format) {
@@ -1265,27 +1531,13 @@ async function validateField(request, config) {
   issues = [...issues, ...config.issues ?? []];
   return { output: issues.some((issue) => issue.severity !== "warning") ? void 0 : output, issues };
 }
-var uiChipCss, UIChip, uiComboboxCss, UICombobox;
-var init_ui_chip_2_entry = __esm({
-  "dist/esm/ui-chip_2.entry.js"() {
+var uiComboboxCss, UICombobox;
+var init_ui_combobox_entry = __esm({
+  "dist/esm/ui-combobox.entry.js"() {
     init_index_8BGiMGQ0();
-    init_positioning_Bu0dmLBE();
+    init_positioning_Drmwg_C1();
     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;min-width:0;max-width:100%}:host([data-size='sm']){--ui-chip-font-size:var(--ui-font-size-sm)}.chip__surface{display:inline-flex;align-items:center;box-sizing:border-box;min-width:0;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}.chip__label{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;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("span", { key: "638fb68ff5dffa629576c9e1079bb3169f2adb4f", class: "chip__label" }, h("slot", { key: "8b31f2130e202e18d7717aee6add6bc6e7f119b5" }))));
-      }
-    };
-    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}}`;
+    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}}:host([multiple]) .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)}:host([multiple]) 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;min-inline-size:0;max-inline-size:min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));overflow:hidden;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item>slot{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden}.item>slot::slotted(*){min-inline-size:0;max-inline-size:100%}.item:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:1px}.item:disabled{opacity:.6}`;
     UICombobox = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -1296,6 +1548,9 @@ var init_ui_chip_2_entry = __esm({
         this.dependencyInvalidate = createEvent(this, "dependency-invalidate");
         this.validationChange = createEvent(this, "validation-change");
         this.optionsChange = createEvent(this, "options-change");
+        this.addItem = createEvent(this, "add-item");
+        this.removeItem = createEvent(this, "remove-item");
+        this.createItem = createEvent(this, "create-item");
       }
       get host() {
         return getElement(this);
@@ -1304,9 +1559,16 @@ var init_ui_chip_2_entry = __esm({
       label = "";
       placeholder = "";
       name = "";
-      /** Controlled canonical value. Undefined selects uncontrolled mode; null means no selection. */
+      /**
+       * Controlled canonical value. Undefined selects uncontrolled mode; null means no selection.
+       * With `multiple`, this is the controlled list of selected items instead.
+       */
       value;
       defaultValue;
+      /** Render selected values as removable chips before the cursor. `value` becomes the item list. */
+      multiple = false;
+      /** Characters that commit the current query and leave the input ready for the next item (multiple only). */
+      tokenSeparators = [];
       /** Controlled raw editing text; independent of canonical selection. */
       query;
       defaultQuery = "";
@@ -1323,6 +1585,7 @@ var init_ui_chip_2_entry = __esm({
       /** Optional description shown by the connected question-mark button. */
       help = "";
       queryChange;
+      /** Single mode: the ComboboxChange. Multiple mode: the full current item list on any change. */
       valueChange;
       freeEntry;
       createEntry;
@@ -1330,6 +1593,12 @@ var init_ui_chip_2_entry = __esm({
       validationChange;
       /** Supplies the current result rows for framework-owned rich slots. */
       optionsChange;
+      /** Multiple mode: a suggestion or exact-match token was committed as a new item. */
+      addItem;
+      /** Multiple mode: a selected item was removed via chip keyboard controls. */
+      removeItem;
+      /** Multiple mode: an unmatched query was submitted for creation. */
+      createItem;
       raw = "";
       display = "";
       selected = null;
@@ -1357,7 +1626,22 @@ var init_ui_chip_2_entry = __esm({
       proposedChange;
       formattedRaw;
       formattedWith;
+      /** Multiple mode: the controlled selected items (from `value`). Empty otherwise. */
+      get items() {
+        return this.multiple && Array.isArray(this.value) ? this.value : [];
+      }
+      get selectedValues() {
+        return new Set(this.items.map((item) => item.value));
+      }
       componentWillLoad() {
+        if (this.multiple) {
+          this.selected = null;
+          this.raw = this.query ?? this.defaultQuery;
+          this.display = this.raw;
+          this.initialRaw = this.raw;
+          this.applyServerIssues();
+          return;
+        }
         this.selected = this.value !== void 0 ? this.value : this.defaultValue ?? null;
         this.raw = this.query ?? this.defaultQuery;
         if (this.query === void 0 && !this.raw && this.selected !== null) {
@@ -1394,7 +1678,7 @@ var init_ui_chip_2_entry = __esm({
           this.surface = createAnchoredSurface(this.popup, { anchor: this.field, placement: "bottom-start" });
       }
       syncValue() {
-        if (this.value === void 0)
+        if (this.multiple || this.value === void 0)
           return;
         this.selected = this.value;
         if (this.query === void 0) {
@@ -1436,9 +1720,14 @@ var init_ui_chip_2_entry = __esm({
         if (next.context !== previous?.context) {
           this.close();
           const policy = next.invalidation ?? "retain-query";
-          const value = policy === "retain" ? this.selected : null;
-          const query = policy === "clear" ? "" : this.raw;
-          this.commit(value, query, null, "invalidation", "programmatic");
+          if (this.multiple) {
+            if (policy === "clear")
+              this.setMultiQuery("", "programmatic");
+          } else {
+            const value = policy === "retain" ? this.selected : null;
+            const query = policy === "clear" ? "" : this.raw;
+            this.commit(value, query, null, "invalidation", "programmatic");
+          }
           this.validation = { status: "pristine", touched: false, dirty: this.raw !== this.initialRaw, issues: [] };
         }
         this.applyServerIssues();
@@ -1509,11 +1798,16 @@ var init_ui_chip_2_entry = __esm({
             this.resetValidation();
           }
           const ids = /* @__PURE__ */ new Set();
+          const selected = this.multiple ? this.selectedValues : void 0;
           this.rows = options.filter((option) => {
             if (ids.has(option.id))
               return false;
             ids.add(option.id);
-            return this.fullSet || (config.filter ? config.filter(option, query, config.context) : config.provider ? true : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+            if (this.fullSet)
+              return true;
+            if (selected)
+              return !selected.has(option.value) && (config.filter ? config.filter(option, query, config.context) : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase()));
+            return config.filter ? config.filter(option, query, config.context) : config.provider ? true : option.label.toLocaleLowerCase().includes(query.toLocaleLowerCase());
           });
           const groups = /* @__PURE__ */ new Map();
           for (const row of this.rows) {
@@ -1627,6 +1921,18 @@ var init_ui_chip_2_entry = __esm({
         const option = this.rows[index];
         if (option?.disabled)
           return;
+        if (this.multiple) {
+          if (option)
+            this.addSelectedItem(option, trigger);
+          else if (this.canCreate && index === this.rows.length)
+            this.createSelectedItem(this.raw.trim(), trigger);
+          else
+            return;
+          this.setMultiQuery("", trigger);
+          this.close();
+          this.input?.focus();
+          return;
+        }
         if (option)
           this.commit(option.value, option.label, option, "selection", trigger);
         else if (this.canCreate && index === this.rows.length)
@@ -1638,6 +1944,104 @@ var init_ui_chip_2_entry = __esm({
         if (this.config.validateOn !== "submit")
           queueMicrotask(() => void this.validate());
       }
+      // --- Multiple-mode helpers ---------------------------------------------
+      emitItems(items) {
+        this.valueChange.emit(items);
+      }
+      setMultiQuery(query, trigger) {
+        if (this.query === void 0) {
+          this.raw = query;
+          this.display = query;
+          this.formattedRaw = void 0;
+        }
+        if (this.input)
+          this.input.value = query;
+        this.queryChange.emit({ query, display: query, trigger });
+      }
+      addSelectedItem(option, trigger) {
+        this.addItem.emit({ item: option, index: this.items.length, trigger });
+        this.emitItems([...this.items, option]);
+      }
+      createSelectedItem(query, trigger) {
+        if (!query)
+          return;
+        this.createItem.emit({ query, trigger });
+      }
+      commitQuery(trigger) {
+        const query = this.raw.trim();
+        if (!query)
+          return;
+        const normalized = query.toLocaleLowerCase();
+        const option = this.rows.find((row) => row.label.trim().toLocaleLowerCase() === normalized);
+        if (option) {
+          this.setMultiQuery("", trigger);
+          this.addSelectedItem(option, trigger);
+        } else if (this.config.allowCreate) {
+          this.setMultiQuery("", trigger);
+          this.createSelectedItem(query, trigger);
+        }
+      }
+      removeItemAt(index, trigger) {
+        const item = this.items[index];
+        if (!item || item.disabled || this.disabled || this.readOnly)
+          return;
+        this.removeItem.emit({ item, index, trigger });
+        this.emitItems(this.items.filter((_, position) => position !== index));
+        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.removeItemAt(index, "keyboard");
+        }
+      };
+      handleMultipleKeydown(event) {
+        if (event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
+          return false;
+        if (this.tokenSeparators.includes(event.key)) {
+          event.preventDefault();
+          event.stopPropagation();
+          this.commitQuery("keyboard");
+          return true;
+        }
+        if (this.raw || (this.input?.selectionStart ?? 0) > 0)
+          return false;
+        if (event.key === "ArrowLeft" && this.items.length) {
+          event.preventDefault();
+          this.focusItem(this.items.length - 1);
+          return true;
+        }
+        if (event.key === "Backspace" && this.items.length) {
+          event.preventDefault();
+          this.removeItemAt(this.items.length - 1, "keyboard");
+          return true;
+        }
+        return false;
+      }
       move(key) {
         const indices = this.rows.flatMap((row, index) => row.disabled ? [] : [index]);
         if (this.canCreate)
@@ -1652,6 +2056,8 @@ var init_ui_chip_2_entry = __esm({
       onKeydown = (event) => {
         if (this.composing || event.isComposing || this.disabled || this.readOnly)
           return;
+        if (this.multiple && this.handleMultipleKeydown(event))
+          return;
         if (event.key === "Escape" && this.expanded) {
           event.preventDefault();
           event.stopPropagation();
@@ -1689,7 +2095,7 @@ var init_ui_chip_2_entry = __esm({
         this.close();
         this.format("blur");
         this.validation = { ...this.validation, touched: true };
-        if (this.config.allowFreeText && this.selected === null)
+        if (!this.multiple && this.config.allowFreeText && this.selected === null)
           this.commit(null, this.raw, null, "free-entry", "keyboard");
         if ((this.config.validateOn ?? "blur") === "blur")
           void this.validate();
@@ -1733,23 +2139,23 @@ var init_ui_chip_2_entry = __esm({
         const description = [this.helpOpen ? "help-text" : "", this.validation.issues.length ? "validation" : ""].filter(Boolean).join(" ") || void 0;
         const status = this.loading ? "Loading suggestions\u2026" : this.lookupError || (this.expanded ? `${this.rows.length} suggestions available.` : "");
         const groups = [...new Set(this.rows.map((row) => row.group ?? ""))];
-        return h(Host, { key: "1f00d9a83729d9c2147ced7e5006b928d1b5e51d", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "10353b147cc68ef1d67be0988849af1527fcf9ba", htmlFor: "input", part: "label", class: this.labelVisibility === "sr-only" ? "sr-only" : void 0 }, this.label, this.required ? " *" : ""), h("div", { key: "74bb53137d9343add37c22f3ac503eccf41807a9", class: "field", part: "field", ref: (element) => this.field = element, onClick: (event) => {
+        return h(Host, { key: "fc4c0192d3be88d8c0199ae1bcca44232bd22351", "data-size": this.size, "data-validation": this.validation.status, onFocusout: this.onFocusOut }, h("label", { key: "bdd0d244c6ef448978fa77aac3a2d3b71d713553", htmlFor: "input", part: "label", class: this.labelVisibility === "sr-only" ? "sr-only" : void 0 }, this.label, this.required ? " *" : ""), h("div", { key: "afb3972aab52171a3b25ede863c31059e56f5d91", 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: "24c26916365013faa4a78bd4fe0d01f6c129c703", name: "start" }), h("input", { key: "835d19e66ec4a24c1a83f43bbc256fa2a9e3332f", 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: () => {
+        } }, h("slot", { key: "65e4e201d6c11cd2638e392e1298662de7ba4d57", name: "start" }), this.multiple && h("div", { key: "b80b5b85fa0540139b9756fcc494aef9df245c15", 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))))), h("input", { key: "64f76055ae412cc87119270eec10c69000a72563", 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: "326c1e24d3c417c3a72acd8234a53937b388ba79", type: "button", part: "affordance", "aria-label": `Clear ${this.label}`, disabled: this.disabled || this.readOnly, onClick: () => {
+        } }), this.clearable && h("button", { key: "eac4c18dadcea92065af4ecd871d925ef1248d47", 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: "6aeb62dc2935eb95670caa1d2028c0931dc362b2", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "9317be0fbb0c1bbb91061be69f38037a97a4c36b", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "1cd2a0ea92df1144ff2297fcf64df7b3d0f4713a", 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: "9a559d49a495ead3dbf159f170c594e0aaa0d0d0", id: "help", type: "button", part: "affordance", "aria-label": `Help for ${this.label}`, disabled: this.disabled }, h("span", { key: "73940e568b976f85399d5baa5e247a4a606d0039", "aria-hidden": "true" }, "?")), this.disclosure && h("button", { key: "30dd6746ffb121888a4c4fb6df54720906badf78", 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: "0188b2d0e8cc7b7ff4d1a2175a0ff0b47d9c7d98", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "e09fd35274c3e1fa6e408850d72f7a07c2bb4baf", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "ddf83a5944dd03fc7eb580b81fcf291e06c03601", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "1d73de1dabb6eaa95af12f2af88dac74e3f163ea", 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: "a0aaafa2f4ff79efa954ed780f3a7bd81d4b2ecd", 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: "53a6706fc2c26097948b08cf0a7ee6040e37fe57", 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: "7997a0233a3c1a560b820c846645405ec4ceec1d", name: "footer" })), h("div", { key: "9143eb79141f5f3660a63f7a2471d1eecd8e9332", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "21f310613b058f528f8c4df329864fd8a2a94b55", 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: "7d3b10a765ee0a6c40d7b0b49e98c676a5837944", "aria-hidden": "true" }, "\u2304"))), this.help && h("ui-tooltip", { key: "efff00f45dc281b727789eb2aa84ff772bb5c925", id: "help-text", for: "help", toggleOnClick: true, onOpen: () => this.helpOpen = true, onClose: () => this.helpOpen = false }, this.help), h("div", { key: "770bc12b873026b571bd3ae2a80416e8af52b8d4", class: "popup", part: "popup", hidden: !this.expanded, ref: (element) => this.popup = element }, h("div", { key: "ed48c8dd8b672a577d567ca5e795b8a53fde2761", 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: "43215f449bbccde407ef818cee473f69870f6f8c", 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: "3ff70ff3ab8e24afc369a26e8474e7d1220ed6eb", 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: "8b1fbd4f5c372393d294d8c218ae1785e6b0334f", name: "footer" })), h("div", { key: "18e68687f04e35535edee363683523ce6bbb0291", id: "validation", class: "message", part: "validation", hidden: !this.validation.issues.length }, this.validation.issues.map((issue) => h("div", null, issue.message))), h("div", { key: "e4a7db06abcfaf08b8ac592107531a13ef3a5897", 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 {
@@ -1786,7 +2192,7 @@ var init_ui_context_menu_entry = __esm({
     init_index_8BGiMGQ0();
     init_manager_C_0syqXZ();
     init_events_JwSoedEO();
-    init_positioning_Bu0dmLBE();
+    init_positioning_Drmwg_C1();
     uiContextMenuCss = () => `:host{display:contents}:host([data-focus-trigger='pointer']) ::slotted(ui-menu-item:focus){outline:none}.menu{position:fixed;inset:auto;margin:0;z-index:var(--ui-z-overlay, 1000);min-width:12rem;opacity:0;transform:translateY(-4px) scale(0.99);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.menu:popover-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.menu:popover-open{opacity:0;transform:translateY(-4px) scale(0.99)}}.menu[hidden]{display:none !important}@media (prefers-reduced-motion: reduce){.menu{transition:none}}`;
     UIContextMenu = class {
       constructor(hostRef) {
@@ -1996,7 +2402,7 @@ var init_ui_context_menu_entry = __esm({
         this.closeMenu("action", "pointer");
       };
       render() {
-        return h(Host, { key: "292937da8010dc741e3e845b6f7fd0fef6b8bda3", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "4f08876237d1919803200226d956e67de35fffab", name: "trigger" }), h("div", { key: "c2cc0218165d02cc4c7fd11bdc52a51d39897546", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "1c2c6e62c86f3a38f014976843f3354d312d0744", open: this.internalOpen }, h("slot", { key: "baeca960ac6d2277a60dc567f6e4110904d67b5e" }))));
+        return h(Host, { key: "aaf9f27402b0c88cede3847ee9c8f61ac844f889", "data-open": this.internalOpen ? "" : void 0, "data-focus-trigger": this.internalOpen ? this.focusTrigger : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "d801d564ec2ee073e517cb991c26efc61d3e499d", name: "trigger" }), h("div", { key: "4febcc5d76c79c2e5361db7b203e971582197fd2", class: "menu", "data-open": this.internalOpen ? "" : void 0 }, h("ui-menu", { key: "7aace2479a8014a20da35f69bd3ed57b402f9ef2", open: this.internalOpen }, h("slot", { key: "a31d703c437cf5d9ab82e5f7793caa093a312dfd" }))));
       }
       static get watchers() {
         return {
@@ -2028,7 +2434,7 @@ var init_ui_dialog_entry = __esm({
     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}}`;
+    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;box-sizing:border-box;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) {
         registerInstance(this, hostRef);
@@ -2134,7 +2540,7 @@ var init_ui_dialog_entry = __esm({
           this.accessibleLabel = nextLabel;
       };
       render() {
-        return h(Host, { key: "f5b4441f54505e40851dd239d12cf8ed09daabfe", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "6896de6166cc085d9bd581dc053705fbce6328d8", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "07515a7b8da25ccbd18bcde226129a569c999af7" })));
+        return h(Host, { key: "b606ef8c95728b5538047a7134030455fedf69e4", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "85531d82c36e79230cbb22c105ff3821f1f35f58", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.accessibleLabel }, h("slot", { key: "8216096bc94e8261680664398691b8ea877daa0f" })));
       }
       static get watchers() {
         return {
@@ -2267,7 +2673,7 @@ var init_ui_disclosure_entry = __esm({
         this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
       };
       render() {
-        return h(Host, { key: "5c49c41703850437e8b3a1476f3333da83a4f133" }, h("slot", { key: "9a4856ad2ab237331b8485f6c3a423a43ddceb8d" }));
+        return h(Host, { key: "91d1df53268f18c8c15192fb66b67baa7053fe93" }, h("slot", { key: "578c99f8fd09415c5e63e9f6a860fe204471da2f" }));
       }
       static get watchers() {
         return {
@@ -2336,7 +2742,7 @@ var init_ui_editable_entry = __esm({
       }
       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 candidate = editRoot?.matches("input, textarea, select, button, [tabindex], ui-combobox") ? editRoot : editRoot?.querySelector("input, textarea, select, button, [tabindex], ui-combobox");
         const focusInput = candidate?.focusInput;
         if (typeof focusInput === "function")
           void focusInput.call(candidate);
@@ -2377,7 +2783,7 @@ var init_ui_editable_entry = __esm({
         this.requestEdit(false, "light-dismiss", "pointer");
       };
       render() {
-        return h(Host, { key: "7f0c77aa06281c94407af1f060f5f2b2c34af394", "data-edit": this.internalEdit ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: "4dc13c26dc4080ed0ad972aa677d9e844a0e7597", part: "preview", hidden: this.internalEdit }, h("slot", { key: "8332efed99f05173030d379088e8e97746f32ce6", name: "preview" })), h("div", { key: "ec3e11ec9218077da5f17a0c724cfab17d56fb17", part: "edit", hidden: !this.internalEdit }, h("slot", { key: "46a4618614c6e55c0015d97e687a0f28e05eef38", name: "edit" })));
+        return h(Host, { key: "c11babe81053ecc0fb6390507f74d5094c551f48", "data-edit": this.internalEdit ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, onClick: this.onClick, onKeyDown: this.onKeyDown }, h("div", { key: "fbb13fda25a177ff62f4bbb16b8fa7a8d1bfefb6", part: "preview", hidden: this.internalEdit }, h("slot", { key: "29537eed3c19da07a61b0236a563912eec332572", name: "preview" })), h("div", { key: "a8cdb53c61041361ff97762bdf1e8e6992706751", part: "edit", hidden: !this.internalEdit }, h("slot", { key: "466c6bf07d44ab07ccab1fd138412e43a291dcca", name: "edit" })));
       }
       static get watchers() {
         return {
@@ -2409,7 +2815,7 @@ var init_ui_floating_action_button_entry = __esm({
       mobileOnly = false;
       label = "";
       render() {
-        return h(Host, { key: "86f7c100efe7fdf900de7abbcc1a01c475b0da1d", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "91398faeb693dcbe11d58e59a183391ce6e4876c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "d11b6f638b045d6835279f3381442983b40472d9" })));
+        return h(Host, { key: "54f6284109397d15e2b3ef92f68e9bd4cf91fbae", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "9ebad7e3bbc2bf18d4d5a04f37a9f2d77011ad34", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "222c6807ae4639eb20dc25be08fe5f4e91c638de" })));
       }
     };
     UIFloatingActionButton.style = uiFloatingActionButtonCss();
@@ -2528,7 +2934,7 @@ var init_ui_form_field_entry = __esm({
         input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
       }
       render() {
-        return h(Host, { key: "3d331f3506c3853d751395569e87614c52ce0076", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "1b582b4961a767230b19efa314943f8a5426270e", onSlotchange: this.scheduleWire }));
+        return h(Host, { key: "f052dbf0ba289bf187ea78c458260110fbfa059a", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "f26f48581b5781e8c3d7830ddd3707ea4fb04420", onSlotchange: this.scheduleWire }));
       }
     };
     UIFormField.style = uiFormFieldCss();
@@ -2556,7 +2962,7 @@ var init_ui_icon_button_entry = __esm({
       /** Reveals this control through a surrounding ui-affordance-scope. */
       anticipatory = false;
       render() {
-        return h(Host, { key: "9e8ee3ff8c9f9ab5113a7635e49755e0eb998898", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "7f6dd5ae40b595634ba91834c2bb113687ee5cb8", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "c7a94d7fb54fbff44e372bf4f67bb29a40bfc45b" })));
+        return h(Host, { key: "8d0f84c9d3aaa69f47430369b511bb4160de5cc8", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "b896cdb091e9733b2b8625463f1324819c23965c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "76ab5e5f4d34e3f0850287b4552dde060b3798e7" })));
       }
     };
     UIIconButton.style = uiIconButtonCss();
@@ -2646,7 +3052,7 @@ var init_ui_input_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "90597a900e0504f0e729990dd8cbc84c35d8162f", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "1c8ac0ad7e4d3a5a9b913c2687021ef7037ccfa7", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "92505de6b1245569a6d4746418a70f8d7bc4eed9", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "d5743dc62037b5d7722cfbb64a582592327c75e5", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2692,7 +3098,7 @@ var init_ui_menu_item_entry = __esm({
       disabled = false;
       value = "";
       render() {
-        return h(Host, { key: "856cf07264b2eb8e3e51305408855156e11d9a8b", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "a56401f9b910175eb5683d1748f323dce0d55a9c", class: "menu-item__surface" }, h("slot", { key: "4ee22fd4cdb10ec822e4485e48ed8000a10512ae" })));
+        return h(Host, { key: "d0f0886b18ebd01c0c2e20a2c1b1ecfd57eeb3e3", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("span", { key: "7fc584fb670b5b8ce0bbd3be1fea08f87de4a298", class: "menu-item__surface" }, h("slot", { key: "066fb08bc22996d439f3216e401a93a084e3e299" })));
       }
     };
     UIMenuItem.style = uiMenuItemCss();
@@ -2711,8 +3117,8 @@ var init_ui_menu_entry = __esm({
     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;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%}`;
+    init_positioning_Drmwg_C1();
+    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:none;overflow:visible}.menu__surface{display:flex;flex-direction:column;box-sizing:border-box;max-inline-size:inherit;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);max-block-size:inherit;overflow:auto}:host(:not([data-open])){display:none}:host([popover]){position:fixed;inset:auto;margin:0;overflow:visible;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);
@@ -2855,224 +3261,28 @@ var init_ui_menu_entry = __esm({
           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: "22689ca1b0514bb27a76bfb9a702c0d4ce49d136", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "cff891a33348f077631f1b92f1167285aafd25f1", class: "menu__surface" }, h("slot", { key: "3a0e9ff4f36b1afbe5f879e0e51ff4943279b5b5" })));
-      }
-      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;min-inline-size:0;max-inline-size:min(100%, var(--ui-multi-combobox-item-max-inline-size, 12rem));overflow:hidden;padding:0;border:0;border-radius:var(--ui-radius-1);background:transparent;color:inherit;font:inherit;cursor:default}.item>slot{display:block;min-inline-size:0;max-inline-size:100%;overflow:hidden}.item>slot::slotted(*){min-inline-size:0;max-inline-size:100%}.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 = "";
-      /** Characters that commit the current query and leave the input ready for the next item. */
-      tokenSeparators = [];
-      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 });
-      }
-      clearCommittedQuery(input, trigger) {
-        input.value = "";
-        this.raw = "";
-        this.setQuery("", 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;
-        this.setQuery("", event.detail.trigger);
-        this.createItem.emit({ query, trigger: event.detail.trigger });
-      };
-      commitQuery(input, trigger) {
-        const query = this.raw.trim();
-        if (!query)
-          return;
-        const normalizedQuery = query.toLocaleLowerCase();
-        const option = this.rows.find((row) => row.label.trim().toLocaleLowerCase() === normalizedQuery);
-        if (option) {
-          this.clearCommittedQuery(input, trigger);
-          this.addItem.emit({ item: option, index: this.items.length, trigger });
-        } else if (this.config.allowCreate) {
-          this.clearCommittedQuery(input, trigger);
-          this.createItem.emit({ query, trigger });
-        }
-      }
-      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");
-        }
-      };
-      onKeyDown = (event) => {
-        if (event.defaultPrevented || event.isComposing || this.disabled || this.readOnly || event.altKey || event.ctrlKey || event.metaKey || event.shiftKey)
-          return;
-        const input = event.composedPath().find((node) => node instanceof HTMLInputElement);
-        if (!input)
-          return;
-        if (this.tokenSeparators.includes(event.key)) {
-          event.preventDefault();
-          event.stopPropagation();
-          this.commitQuery(input, "keyboard");
-          return;
-        }
-        if (this.raw || (input.selectionStart ?? 0) > 0)
-          return;
-        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: "ba4db0fdca6cae344fe6b0bf06c933a9a90d2d3f", onKeyDown: this.onKeyDown }, h("ui-combobox", { key: "f5901b0b078b479425114d998618828cc458e7dd", 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: "374c80862302d5c36f4849f42e5ed13222addd1c", 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: "a23781c153e154cdff7066868c2da956e26b7d52", slot: "create" }, h("slot", { key: "e3bde0d1e549e785fff877a1a7aac10df308f7a3", name: "create" }, "Create \u201C", this.raw, "\u201D")), h("span", { key: "5837c4cde35d5984aaf1d364f1b850b9d63ff8ca", slot: "loading" }, h("slot", { key: "1bdfa30849bea752bc5c93268b3427c964d1b5d3", name: "loading" }, "Loading suggestions\u2026")), h("span", { key: "519d7b1a7f28f9d19cd441598a690c8b4fdacf5b", slot: "empty" }, h("slot", { key: "3163150e0f1edebb50509a5dacd576e4568eaaae", name: "empty" }, "No suggestions.")), h("span", { key: "655e4f85d70eb97f0f0ecb2bac7b4228f5cf580f", slot: "error" }, h("slot", { key: "a22667db30ee30003855ee69774eff3a4aab8566", name: "error" }, "Unable to load suggestions.")), h("div", { key: "b01b74f3fc7136a3bf1875c81b9f3a662f3e993c", slot: "footer" }, h("slot", { key: "7565ee0798072eebc6d1c458f89ce6c7941577dd", name: "footer" }))));
+        return h(Host, { key: "5b64cc53ca56ea04a63013c8cb61231c9b1045cc", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "6410a56cc5efcffd0673c9abdf8f8aa45295c516", class: "menu__surface" }, h("slot", { key: "7e7f9d3b19bbf3024d61ecf44cd8b103748ef966" })));
       }
       static get watchers() {
         return {
-          "query": [{
-            "syncQuery": 0
+          "open": [{
+            "syncFromProp": 0
+          }],
+          "for": [{
+            "resetSurface": 0
+          }],
+          "placement": [{
+            "resetSurface": 0
+          }],
+          "internalOpen": [{
+            "syncSurface": 0
           }]
         };
       }
     };
-    UIMultiCombobox.style = uiMultiComboboxCss();
+    UIMenu.style = uiMenuCss();
   }
 });
 
@@ -3088,8 +3298,8 @@ var init_ui_popover_entry = __esm({
     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);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}}`;
+    init_positioning_Drmwg_C1();
+    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:visible;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.popover__surface{box-sizing:border-box;max-inline-size:inherit;max-block-size:inherit;overflow:auto;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)}: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);
@@ -3195,7 +3405,7 @@ var init_ui_popover_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "f63907b8e49b8264c291048c509b6164fdd60ca4", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("div", { key: "2425f4394749d994693f4a256256bd9e2f5daf60", class: "popover__surface" }, h("slot", { key: "3b6f925da371d43e828842c4027cddee673d7ab3" })));
+        return h(Host, { key: "65a0927abc40450205989704bfde2cf7fd80d1f9", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("div", { key: "255acaf99e0fe70a92048351b24bdfde1a4ea45f", class: "popover__surface" }, h("slot", { key: "9d2f6c9d5a0f7a2766225aef0ec5b98b33ec9f07" })));
       }
       static get watchers() {
         return {
@@ -3332,7 +3542,7 @@ var init_ui_radio_group_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "31d8dee04aad4ddbb0bfa617a4e6ed187eab6674", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "7134bcfa6b11cbe0d0d55a6593ea3fca921a71ec" }));
+        return h(Host, { key: "9bdfe6b5209b5444cb27dde3226ec33866999c25", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "b81a2f1e4c49000cfb5357570b460564ced48d91" }));
       }
       static get watchers() {
         return {
@@ -3435,7 +3645,7 @@ var init_ui_radio_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "5bab1394b8238609e4382309e4b11bca82a60b12", role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "56ba5b7ec4ab53299c66689558338d2c6ab3e4f6", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "32df72dff7253956875ef28f593462ddbbb90eef", role: "radio", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "0c78f3e3bdf4d618547b267128c6fc0fdd651599", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -3506,7 +3716,7 @@ var init_ui_search_result_row_entry = __esm({
         this.hasTrailing = slotHasContent(this.trailingSlot);
       };
       render() {
-        return h(Host, { key: "2e1a1fe613e499a8abaaf89c8cc071554b523157" }, h("button", { key: "2224a7593feb6c58b162ce820b2deb9bec4fa1b7", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "87b86a7d31e15b401b933562adba9a24c88e341f", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "00d253826d2d0c60206e20b6428c3277024a24e0", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "3c4ad5b336450c29d56aea538dbc987b9a624c1d", class: "search-result-row__content", part: "content" }, h("span", { key: "305dc47dcac890ca968d622ce3dc18e88d646ab3", class: "search-result-row__title", part: "title" }, h("slot", { key: "5441b78d87cba9e48eb3b786e7ea914479f5ef15", name: "title" })), h("span", { key: "bbd7769b81005b959e6d950255951f0089e9e716", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "8437dd124e858eadb942e2a05ccd87c14a8ea604", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "6939cb19881b17799205a54eda9d34e86563f994", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "2f41b9ec22a0260e4196553a655cc501384f2331", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "162de66c31688de9114233984448eb5b30d48dc3", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "dfa3d5bbbe453a8fd1c3ddf9508bf33edf145dc6", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
+        return h(Host, { key: "923d7ac982594e39c06421b60f115acbb395f169" }, h("button", { key: "c97e45ba33297a8aeaa4a9726402c71e3ca73a7b", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "dea0781519760f5dc2b46902ef86f9e72ccfa6df", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "e10026c17caaa3a21e9dd34c7faabfe9b97f2f5b", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "e8bb06b45aff7ddbaa9a51cc7c53d797e68e8746", class: "search-result-row__content", part: "content" }, h("span", { key: "6e1c2d49029e1c1fdc2519f513ddedbe304ddb3e", class: "search-result-row__title", part: "title" }, h("slot", { key: "9653efc0b61c49d36034c4c75a3e9b3d7a6f837b", name: "title" })), h("span", { key: "b10885a7649c75f9e6903354f5804f459aa883b7", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "b3101183b0dfa0cc1ba8e62c1f8fc39ad865e1ae", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "430520c0e349344fc4c549cd36a0137d39fc8d24", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "4a90cefa9b1d2b2378d1a8aa166aa8fdebfbca42", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "769ed2f62ead7ce32b13cdad93a7bbb981b13b3c", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "86490f5fef29c6fa4d8ddf838de5f9aee8535db0", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchResultRow.style = uiSearchResultRowCss();
@@ -3550,7 +3760,7 @@ var init_ui_search_shell_entry = __esm({
         this.hasFooter = slotHasContent2(this.footerSlot);
       };
       render() {
-        return h("div", { key: "508a5900288b0b7e0651d3a56e1f5a9094061952", class: "search-shell", part: "base" }, h("slot", { key: "54677a395d62aed4538bb36255046a1d679da312", name: "backdrop" }), h("div", { key: "f738673e5a95509803d2c4682adb4aa48f7b798f", class: "search-shell__panel", part: "panel" }, h("div", { key: "8e4a14fcc5e7cc0ff3c2c94ad72cb6b4305d4fea", class: "search-shell__search", part: "search" }, h("slot", { key: "28f3d8439964423fe9beeac91490a70a30a36b6e", name: "search" })), h("div", { key: "8bcd00a532eea21a41a7771636bc038c27c55a31", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "4a4c9082f2645e80fdfa2a8b71a1747573d02f73", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "58439a3d479f042f827abce2a99dc1ae75db5ca1", class: "search-shell__body", part: "body" }, h("slot", { key: "5f6c4202b0abeb3708bed415a576e877c94f1eb1", name: "body" })), h("div", { key: "7a2887f7220619db2ccb5a907623c3e760d1e073", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "26c8f839b8add2b52c6940e67a6a7c94a8ffcf31", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
+        return h("div", { key: "049a6451f10f1906881efc8fc2cdeba656e68733", class: "search-shell", part: "base" }, h("slot", { key: "e807b035ccb9ec9425651b59a0d137ebc54329aa", name: "backdrop" }), h("div", { key: "5d785a0d4dab1fed7f6750b82485b9e50edd62d9", class: "search-shell__panel", part: "panel" }, h("div", { key: "b41c40485d61d9436504483759a5f42d96e5aad2", class: "search-shell__search", part: "search" }, h("slot", { key: "b19058bca701cc26d286c8694c7cdc6306e100c4", name: "search" })), h("div", { key: "260164b95427e03329f28247e8dbda867506e672", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "1d7c1e8c96e588b7c9c906cfaad91ba1cf77bf7c", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "49963c82e54aee2b5c4c4809ce2b152f770b4468", class: "search-shell__body", part: "body" }, h("slot", { key: "ae32ec8c9ec89310ad1805f1c65bc8208ee12f29", name: "body" })), h("div", { key: "f5fc9f356035e277e4c9bb0e188d7b4be3642c27", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "dbf1022e49a054eee1c5e70b675c71d1cf3488bf", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchShell.style = uiSearchShellCss();
@@ -3643,7 +3853,7 @@ var init_ui_select_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "5b77bfa817964325038cf338a1c0791abf8d2bfe", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "9a9c8017e5e02d14945d6b7c84d68edf7b2ccaf8", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "2b3348e1694cfd113163af3adf939fd64cb40654", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "40e627125a906cf4bf294eb085c172a5370f3a54", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -3729,7 +3939,7 @@ var init_ui_switch_entry = __esm({
         this.toggle("pointer");
       };
       render() {
-        return h(Host, { key: "e5ec7f2f91e860dd679098f30b40cbe0e52ccb1f", 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: "c21462377a81d7242633e7d358f56fd7a276f584", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
+        return h(Host, { key: "eaee279bbc787c844f2ad265da03fca608d9c429", 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: "2ebfa684bf08735a4e89a06001f6758885c40ffb", 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))
@@ -3741,7 +3951,7 @@ var init_ui_switch_entry = __esm({
           });
           if (isControlled(this.checked))
             input.checked = this.internalChecked;
-        } }), h("slot", { key: "e3f4f032bc41784ed41591d4fd175b89a4162c49" }));
+        } }), h("slot", { key: "ff9975d4ccbffbed2b97060eabf347653d5f5110" }));
       }
       static get watchers() {
         return {
@@ -3858,7 +4068,7 @@ var init_ui_tabs_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "908dc4228940bbf33530a2b9f5fb36421c51d1a1", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "ebfe8bc58d09fdce2815b26f29e2eba4e5f3c879" }));
+        return h(Host, { key: "61044ac3f2fcb0f766d931416f42ff17ec94c00d", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "3260c95bdd24581045b1c4e4d1b8f4d08daf02b4" }));
       }
       static get watchers() {
         return {
@@ -3963,7 +4173,7 @@ var init_ui_textarea_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "4774b8d20cd4426b1c6205375fd9e4275bc24f08", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "9b5489df35c29bf453d010f85bcb05dcc01fcce9", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "a554edb1a0ef40a2c116e3064e52af7474e065e4", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "a4eb8034ec11f8b3b06ace7287410fd839004593", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -4005,7 +4215,7 @@ var init_ui_toast_region_entry = __esm({
   "dist/esm/ui-toast-region.entry.js"() {
     init_index_8BGiMGQ0();
     init_events_JwSoedEO();
-    init_positioning_Bu0dmLBE();
+    init_positioning_Drmwg_C1();
     uiToastRegionCss = () => `:host{position:fixed;top:calc(var(--ui-space-4) + env(safe-area-inset-top));left:50%;transform:translateX(-50%);z-index:9999;display:grid;gap:var(--ui-space-2);inline-size:min(24rem, calc(100vw - (var(--ui-space-4) * 2)));max-inline-size:100%;pointer-events:none}:host([popover]){right:auto;bottom:auto;margin:0}:host>*{pointer-events:auto}::slotted([data-ui-toast]){display:grid;grid-template-columns:1fr auto;gap:var(--ui-space-2);align-items:start;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-3);padding:var(--ui-space-3) var(--ui-space-4);background:var(--ui-surface-elevated);color:var(--ui-text-primary);box-shadow:var(--ui-shadow-lg);animation:ui-toast-enter 0.25s var(--ui-motion-ease) forwards}@keyframes ui-toast-enter{from{opacity:0;transform:translateY(-0.5rem)}to{opacity:1;transform:translateY(0)}}::slotted([data-ui-toast][aria-hidden='true']){display:none}::slotted([data-ui-toast-dismiss]){border:0;background:transparent;color:var(--ui-text-secondary);cursor:pointer;font:inherit}`;
     UIToastRegion = class {
       constructor(hostRef) {
@@ -4078,7 +4288,7 @@ var init_ui_toast_region_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "e3a71de7854b5937cc3f74858fc69f202fd93c71", role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "cdf6ea0118199d149ac08820c69ec8b54654be91" }));
+        return h(Host, { key: "9f9c2e14150c631c0f7cb427c693dcd52c20897d", role: "region", "aria-label": "Notifications", "aria-live": "polite", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "9e1d9ebb6b587afab2c4302241cecb03a321cee1" }));
       }
       static get watchers() {
         return {
@@ -4095,253 +4305,6 @@ var init_ui_toast_region_entry = __esm({
   }
 });
 
-// dist/esm/ui-tooltip.entry.js
-var ui_tooltip_entry_exports = {};
-__export(ui_tooltip_entry_exports, {
-  ui_tooltip: () => UITooltip
-});
-var uiTooltipCss, UITooltip;
-var init_ui_tooltip_entry = __esm({
-  "dist/esm/ui-tooltip.entry.js"() {
-    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;box-sizing:border-box;padding:0;border:0;border-radius:0;background:transparent;opacity:0;transform:translateY(4px);transition:opacity var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease),     display var(--ui-motion-fast) allow-discrete,     overlay var(--ui-motion-fast) allow-discrete}.tooltip__surface{box-sizing:border-box;border:1px solid var(--ui-border-default);border-radius:var(--ui-radius-2);background:var(--ui-surface-elevated);color:var(--ui-text-primary);padding:var(--ui-space-2) var(--ui-space-3);font-size:var(--ui-font-size-sm);box-shadow:var(--ui-shadow-md)}:host(:popover-open){opacity:1;transform:translateY(0)}@starting-style{:host(:popover-open){opacity:0;transform:translateY(4px)}}:host([hidden]){display:none !important}@media (prefers-reduced-motion: reduce){:host{transition:none}}`;
-    UITooltip = class {
-      constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.opened = createEvent(this, "open");
-        this.closed = createEvent(this, "close");
-      }
-      get host() {
-        return getElement(this);
-      }
-      for = "";
-      /** Controlled open state. Omit it to use defaultOpen and local interaction state. */
-      open;
-      defaultOpen = false;
-      placement = "top-start";
-      /** Pointer hover intent delay in milliseconds. Keyboard focus is immediate. */
-      showDelay = 500;
-      /** Pointer leave grace period in milliseconds. */
-      hideDelay = 100;
-      /** Click or tap pins the description; activate again to dismiss. */
-      toggleOnClick = false;
-      pinned = false;
-      focused = false;
-      opened;
-      closed;
-      internalOpen = false;
-      overlayId = `ui-tooltip-${Math.random().toString(36).slice(2, 11)}`;
-      trigger = null;
-      surface = null;
-      showTimer = null;
-      hideTimer = null;
-      syncFromProp() {
-        this.clearTimers();
-        if (isControlled(this.open))
-          this.internalOpen = this.open;
-      }
-      resetSurface() {
-        this.syncTrigger();
-        this.setupSurface();
-        this.syncOverlay();
-      }
-      syncOverlay() {
-        if (this.internalOpen) {
-          this.surface?.show();
-          openOverlay({
-            id: this.overlayId,
-            modal: false,
-            element: this.host,
-            relatedElements: this.trigger ? [this.trigger] : void 0,
-            dismissible: true,
-            requestClose: (reason, trigger) => this.handleRequestClose(reason, trigger)
-          });
-        } else {
-          this.surface?.hide();
-          closeOverlay(this.overlayId);
-        }
-      }
-      componentDidLoad() {
-        if (!this.host.id)
-          this.host.id = this.overlayId;
-        this.internalOpen = controlledOrDefault(this.open, this.defaultOpen);
-        this.syncTrigger();
-        this.setupSurface();
-        this.host.addEventListener("pointerenter", this.onSurfaceEnter);
-        this.host.addEventListener("pointerleave", this.onTriggerLeave);
-        this.syncOverlay();
-      }
-      componentDidUpdate() {
-        this.syncTrigger();
-      }
-      disconnectedCallback() {
-        this.clearTimers();
-        this.detachTriggerListeners();
-        this.surface?.destroy();
-        this.surface = null;
-        this.host.removeEventListener("pointerenter", this.onSurfaceEnter);
-        this.host.removeEventListener("pointerleave", this.onTriggerLeave);
-        closeOverlay(this.overlayId);
-      }
-      syncTrigger() {
-        const next = this.for ? this.host.getRootNode().getElementById(this.for) : this.host.previousElementSibling;
-        if (next === this.trigger)
-          return;
-        this.detachTriggerListeners();
-        this.trigger = next;
-        this.attachTriggerListeners();
-        this.surface?.setAnchor(next);
-      }
-      setupSurface() {
-        this.surface?.destroy();
-        this.surface = createAnchoredSurface(this.host, {
-          anchor: this.trigger,
-          placement: this.placement
-        });
-      }
-      attachTriggerListeners() {
-        this.detachTriggerListeners();
-        if (!this.trigger)
-          return;
-        const ids = new Set((this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter(Boolean));
-        ids.add(this.host.id);
-        this.trigger.setAttribute("aria-describedby", [...ids].join(" "));
-        this.trigger.addEventListener("click", this.onTriggerClick);
-        this.trigger.addEventListener("keydown", this.onTriggerKeydown);
-        this.trigger.addEventListener("pointerenter", this.onTriggerEnter);
-        this.trigger.addEventListener("pointerleave", this.onTriggerLeave);
-        this.trigger.addEventListener("focusin", this.onTriggerFocusIn);
-        this.trigger.addEventListener("focusout", this.onTriggerFocusOut);
-      }
-      detachTriggerListeners() {
-        if (!this.trigger)
-          return;
-        const ids = (this.trigger.getAttribute("aria-describedby") || "").split(/\s+/).filter((id) => id && id !== this.host.id);
-        if (ids.length)
-          this.trigger.setAttribute("aria-describedby", ids.join(" "));
-        else
-          this.trigger.removeAttribute("aria-describedby");
-        this.trigger.removeEventListener("click", this.onTriggerClick);
-        this.trigger.removeEventListener("keydown", this.onTriggerKeydown);
-        this.trigger.removeEventListener("pointerenter", this.onTriggerEnter);
-        this.trigger.removeEventListener("pointerleave", this.onTriggerLeave);
-        this.trigger.removeEventListener("focusin", this.onTriggerFocusIn);
-        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;
-        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
-          });
-        }
-      }
-      render() {
-        return h(Host, { key: "2216e8f56c408e775140200881c9bfd99b45f381", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0 }, h("div", { key: "a547e43fb5f6c3c2f62cf7f1fb9198dc0024a28d", class: "tooltip__surface" }, h("slot", { key: "dc8863505e8140565588c57ea200b7f548fb5df3" })));
-      }
-      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, {
@@ -4385,7 +4348,7 @@ var init_ui_top_bar_entry = __esm({
         this.hasActions = slotHasContent3(this.actionsSlot);
       };
       render() {
-        return h(Host, { key: "1f0cf8994e3a18d42415fa85f14d172cfaddbf8e" }, h("header", { key: "e92afb06dad409b4a4e8fcc52bcad09b3e4531c4", class: "top-bar", part: "base" }, h("div", { key: "3d1458e841c7a600c98d6797b4ec97baee285de1", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "665e078f41410275cba3c55fec05159518a97a9e", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "7657a2c1e6c96660fa2ade470c8a4b0ecd30fcd9", class: "top-bar__title" }, h("slot", { key: "4d4f70c1a50aede4ef3a63176d714502b074a2cf" })), h("div", { key: "9409800ebaee24e4567de2126c0dd2544e741956", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "2e66be8358235ae5ef10c7f9a115b08377ece3a7", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "e7fa28dddde4f0638a153ad0c8fcc3de94c0ecdc", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "56c6620da69e2775a8a4d7306bb40b7a6713b100", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
+        return h(Host, { key: "1ef941e211c9536c034a40c0f7a255068595de10" }, h("header", { key: "f1ea465d17753224d72971d26f70b546b93de8ba", class: "top-bar", part: "base" }, h("div", { key: "4eab975109467ad41e16527102b31e6e6d7421c8", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "3388d0e2346de4c08d85dd4c3a998e5f668a05f6", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "7b176d6e82da08eb495f3ca2c83505327c21f525", class: "top-bar__title" }, h("slot", { key: "8196e5489d2f43a72f794aad8ceaa44c358810e9" })), h("div", { key: "2b29c72174559865fb01b99cfab830f74640a8a5", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "9597fde0cf05821e641471343a38dd3190f1e18f", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "1f19003e43fb28ac4ff4debd27e1a0fa9f342275", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "f6a84824d2806dc16b5fa82cc25dc1247a6a8ad1", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UITopBar.style = uiTopBarCss();
@@ -4516,10 +4479,10 @@ var init_ui_tree_item_entry = __esm({
         const expanded = this.isExpanded();
         const disclosureLabel = `${expanded ? "Collapse" : "Expand"} ${this.label || "item"}`;
         const dragLabel = `Drag ${this.label || "item"} to reorder`;
-        return h(Host, { key: "4a42d3c93b49ad82ae87496defe22f4abde13819", 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: {
+        return h(Host, { key: "0ce6384903be2181055c76808cd4664dcfa8de54", 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: "9b62f172b2c0a80925404aee13895b3342d7dcb6", 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: "fe2e301bf43f1fdb524a004960855f63d05ce138", class: "leading", part: "leading" }, h("slot", { key: "6f569883ead32dff5340b1c1da74dc8fdade49e6", name: "leading" })), h("span", { key: "942e3bb0b6b4021166916777ab18dc868c39fbdc", class: "label", part: "label" }, h("slot", { key: "42b9d9f42fd7aaad35ed7091c39953710ebf5a58" })), h("span", { key: "8483a822895220d2bb2aa2cb0a45cd296062cae9", class: "actions", part: "actions" }, h("slot", { key: "dae2b38eef43a061f40a7498d8f28e703e5468e3", name: "actions" })), h("span", { key: "0a9b7db9ab5e9a709f9f0a3a8d77bd1c044295c4", 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: "641be80771d73d2c7193f2c762db1d0fe5c79e5d", class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" }));
+        } }, h("div", { key: "7d6923da8fd8be7fffc7cf345ac4d1211217c21a", 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: "ef8959fc858b90c7ea26c8ff740cfe02fb372686", class: "leading", part: "leading" }, h("slot", { key: "1e00da2acd23ae6430e38b26502d9f3951461c93", name: "leading" })), h("span", { key: "f37a63aa0c6e73f134442589314fae01e01cf782", class: "label", part: "label" }, h("slot", { key: "f527d8a33927d72502d5cbbbe0cb5739d7bdbaf2" })), h("span", { key: "de6492f81ac5747d913132c275abb9157d18deab", class: "actions", part: "actions" }, h("slot", { key: "f5316e3a5fb67130ef1401253dc5ef6b7072840e", name: "actions" })), h("span", { key: "89da3b2bab7a953368810319148a644e62bc9a47", 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: "9a66f1ba72290a037ef02ccbd49243463ba34b67", class: "drop-indicator subtree-drop-indicator", part: "drop-indicator", "aria-hidden": "true" }));
       }
       static get watchers() {
         return {
@@ -4995,7 +4958,7 @@ var init_ui_tree_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "81fe656b4a7cdf8683f53aeee94fb53838950383", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "941204b299eec2181228f536c017a17f026b2f3d" }));
+        return h(Host, { key: "bae06665078a67c59db2d9e72c7dea6ddeeb9e56", role: "tree", "aria-label": this.label || "Tree" }, h("slot", { key: "232cb02f1a50bc5e18a92c0d8677e917870ec75e" }));
       }
     };
     UITree.style = uiTreeCss();
@@ -5015,6 +4978,7 @@ var init_ = __esm({
       "./ui-callout.entry.js": () => Promise.resolve().then(() => (init_ui_callout_entry(), ui_callout_entry_exports)),
       "./ui-checkbox.entry.js": () => Promise.resolve().then(() => (init_ui_checkbox_entry(), ui_checkbox_entry_exports)),
       "./ui-chip_2.entry.js": () => Promise.resolve().then(() => (init_ui_chip_2_entry(), ui_chip_2_entry_exports)),
+      "./ui-combobox.entry.js": () => Promise.resolve().then(() => (init_ui_combobox_entry(), ui_combobox_entry_exports)),
       "./ui-context-menu.entry.js": () => Promise.resolve().then(() => (init_ui_context_menu_entry(), ui_context_menu_entry_exports)),
       "./ui-dialog.entry.js": () => Promise.resolve().then(() => (init_ui_dialog_entry(), ui_dialog_entry_exports)),
       "./ui-disclosure.entry.js": () => Promise.resolve().then(() => (init_ui_disclosure_entry(), ui_disclosure_entry_exports)),
@@ -5025,7 +4989,6 @@ var init_ = __esm({
       "./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)),
@@ -5036,7 +4999,6 @@ var init_ = __esm({
       "./ui-tabs.entry.js": () => Promise.resolve().then(() => (init_ui_tabs_entry(), ui_tabs_entry_exports)),
       "./ui-textarea.entry.js": () => Promise.resolve().then(() => (init_ui_textarea_entry(), ui_textarea_entry_exports)),
       "./ui-toast-region.entry.js": () => Promise.resolve().then(() => (init_ui_toast_region_entry(), ui_toast_region_entry_exports)),
-      "./ui-tooltip.entry.js": () => Promise.resolve().then(() => (init_ui_tooltip_entry(), ui_tooltip_entry_exports)),
       "./ui-top-bar.entry.js": () => Promise.resolve().then(() => (init_ui_top_bar_entry(), ui_top_bar_entry_exports)),
       "./ui-tree-item.entry.js": () => Promise.resolve().then(() => (init_ui_tree_item_entry(), ui_tree_item_entry_exports)),
       "./ui-tree.entry.js": () => Promise.resolve().then(() => (init_ui_tree_entry(), ui_tree_entry_exports))
@@ -6655,7 +6617,7 @@ var globalScripts = () => {
 var defineCustomElements = async (win2, options) => {
   if (typeof window === "undefined") return void 0;
   await globalScripts();
-  return bootstrapLazy([["ui-multi-combobox", [[769, "ui-multi-combobox", { "label": [1], "placeholder": [1], "items": [16], "config": [16], "query": [1], "defaultQuery": [1, "default-query"], "tokenSeparators": [16], "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);
+  return bootstrapLazy([["ui-combobox", [[769, "ui-combobox", { "label": [1], "placeholder": [1], "name": [1], "value": [1], "defaultValue": [1, "default-value"], "multiple": [516], "tokenSeparators": [16], "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 }] }]]], ["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-chip_2", [[769, "ui-chip", { "appearance": [1], "size": [1] }], [769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "placement": [1], "showDelay": [2, "show-delay"], "hideDelay": [2, "hide-delay"], "toggleOnClick": [4, "toggle-on-click"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "resetSurface": 0 }], "placement": [{ "resetSurface": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]]], options);
 };
 
 // loader/index.js
@@ -6851,24 +6813,23 @@ function createViewportSurface2(surface) {
     }
   };
 }
-function fallbackPosition2(surface, anchor, placement, gap, viewportGap) {
+function fallbackPosition2(surface, anchor, placement, gap, viewportGap, surfaceRect = surface.getBoundingClientRect()) {
   const owner = surface.ownerDocument.defaultView ?? window;
   const viewport = getVisualViewportRect2(owner);
-  const rect = surface.getBoundingClientRect();
   const preferTop = placement.startsWith("top");
   const preferEnd = placement.endsWith("end");
   const spaceBelow = viewport.bottom - anchor.bottom - viewportGap;
   const spaceAbove = anchor.top - viewport.top - viewportGap;
-  const useTop = preferTop ? !(spaceAbove < rect.height + gap && spaceBelow > spaceAbove) : spaceBelow < rect.height + gap && spaceAbove > spaceBelow;
-  const unclampedTop = useTop ? anchor.top - rect.height - gap : anchor.bottom + gap;
-  const unclampedLeft = preferEnd ? anchor.right - rect.width : anchor.left;
+  const useTop = preferTop ? !(spaceAbove < surfaceRect.height + gap && spaceBelow > spaceAbove) : spaceBelow < surfaceRect.height + gap && spaceAbove > spaceBelow;
+  const unclampedTop = useTop ? anchor.top - surfaceRect.height - gap : anchor.bottom + gap;
+  const unclampedLeft = preferEnd ? anchor.right - surfaceRect.width : anchor.left;
   const shifted = clampRectToViewport2({
     left: unclampedLeft,
     top: unclampedTop,
-    right: unclampedLeft + rect.width,
-    bottom: unclampedTop + rect.height,
-    width: rect.width,
-    height: rect.height
+    right: unclampedLeft + surfaceRect.width,
+    bottom: unclampedTop + surfaceRect.height,
+    width: surfaceRect.width,
+    height: surfaceRect.height
   }, viewport, viewportGap);
   surface.style.left = `${Math.round(unclampedLeft + shifted.x)}px`;
   surface.style.top = `${Math.round(unclampedTop + shifted.y)}px`;
@@ -6925,15 +6886,29 @@ function createAnchoredSurface2(surface, options = {}) {
       return;
     }
     if (!anchor) return;
-    if (nativeAnchor) positionNative();
-    else fallbackPosition2(surface, anchor.getBoundingClientRect(), placement, gap, viewportGap);
+    let surfaceRect;
+    if (nativeAnchor) {
+      positionNative();
+      const viewport = getVisualViewportRect2(owner);
+      surfaceRect = surface.getBoundingClientRect();
+      const shift = clampRectToViewport2(surfaceRect, viewport, viewportGap);
+      if (shift.x === 0 && shift.y === 0) return;
+    }
+    fallbackPosition2(
+      surface,
+      anchor.getBoundingClientRect(),
+      placement,
+      gap,
+      viewportGap,
+      surfaceRect
+    );
   };
   const schedule = () => {
     if (!open || frame !== null) return;
     frame = owner.requestAnimationFrame(position);
   };
   const syncFallbackListeners = () => {
-    const needsListeners = open && (point !== null || !nativeAnchor);
+    const needsListeners = open && (point !== null || anchor !== null);
     if (!needsListeners) {
       listenerAbort?.abort();
       listenerAbort = null;