@threadlabs/looma 0.1.9 → 0.1.10

package/dist/index.cjs

@@ -24,6 +24,151 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// dist/esm/ui-affordance-scope.entry.js
+var ui_affordance_scope_entry_exports = {};
+__export(ui_affordance_scope_entry_exports, {
+  ui_affordance_scope: () => UIAffordanceScope
+});
+function distanceFromPointToRect(point, rect) {
+  const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
+  const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
+  return Math.hypot(dx, dy);
+}
+function createProximityCoordinator(scope, options = {}) {
+  const owner = scope.ownerDocument.defaultView ?? window;
+  const pointerTarget = options.pointerTarget ?? scope;
+  const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
+  const configuredRadius = options.nearRadius ?? 32;
+  const nearRadius = Number.isFinite(configuredRadius) ? Math.max(0, configuredRadius) : 32;
+  const abort = new AbortController();
+  let anchors = [];
+  let frame = null;
+  let point = null;
+  let geometryDirty = false;
+  const clear = () => {
+    for (const { element } of anchors) {
+      if (element.hasAttribute("data-ui-proximity")) {
+        element.removeAttribute("data-ui-proximity");
+      }
+    }
+    if (scope.hasAttribute("data-ui-interaction")) {
+      scope.removeAttribute("data-ui-interaction");
+    }
+  };
+  const measure = () => {
+    anchors = Array.from(scope.querySelectorAll(anchorSelector)).filter((element) => !element.hasAttribute("disabled") && element.getAttribute("aria-disabled") !== "true").map((element) => ({ element, rect: element.getBoundingClientRect() }));
+    geometryDirty = false;
+  };
+  const update = () => {
+    frame = null;
+    if (geometryDirty)
+      measure();
+    if (!point) {
+      clear();
+      return;
+    }
+    let engaged = false;
+    for (const anchor of anchors) {
+      const near = distanceFromPointToRect(point, anchor.rect) <= nearRadius;
+      if (near && anchor.element.getAttribute("data-ui-proximity") !== "near") {
+        anchor.element.setAttribute("data-ui-proximity", "near");
+      } else if (!near && anchor.element.hasAttribute("data-ui-proximity")) {
+        anchor.element.removeAttribute("data-ui-proximity");
+      }
+      engaged ||= near;
+    }
+    if (engaged && scope.getAttribute("data-ui-interaction") !== "engaged") {
+      scope.setAttribute("data-ui-interaction", "engaged");
+    } else if (!engaged && scope.hasAttribute("data-ui-interaction")) {
+      scope.removeAttribute("data-ui-interaction");
+    }
+  };
+  const schedule = () => {
+    if (frame !== null)
+      return;
+    frame = owner.requestAnimationFrame(update);
+  };
+  const onPointerMove = (event) => {
+    const pointer = event;
+    if (pointer.pointerType === "touch") {
+      point = null;
+    } else {
+      point = { x: pointer.clientX, y: pointer.clientY };
+    }
+    schedule();
+  };
+  const invalidate = () => {
+    geometryDirty = true;
+    schedule();
+  };
+  pointerTarget.addEventListener("pointermove", onPointerMove, {
+    passive: true,
+    signal: abort.signal
+  });
+  owner.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
+  owner.addEventListener("scroll", invalidate, { passive: true, capture: true, signal: abort.signal });
+  owner.visualViewport?.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
+  owner.visualViewport?.addEventListener("scroll", invalidate, { passive: true, signal: abort.signal });
+  measure();
+  return {
+    refresh: invalidate,
+    destroy() {
+      abort.abort();
+      if (frame !== null)
+        owner.cancelAnimationFrame(frame);
+      frame = null;
+      point = null;
+      clear();
+      anchors = [];
+    }
+  };
+}
+var uiAffordanceScopeCss, UIAffordanceScope;
+var init_ui_affordance_scope_entry = __esm({
+  "dist/esm/ui-affordance-scope.entry.js"() {
+    init_index_CEeiinfk();
+    uiAffordanceScopeCss = () => `:host{display:contents;--ui-affordance-scope-engaged:0}:host([data-ui-interaction='engaged']){--ui-affordance-scope-engaged:1}`;
+    UIAffordanceScope = class {
+      constructor(hostRef) {
+        registerInstance(this, hostRef);
+      }
+      get host() {
+        return getElement(this);
+      }
+      /** Distance outside each registered affordance that reveals its near state. */
+      nearRadius = 32;
+      coordinator = null;
+      componentDidLoad() {
+        this.connectCoordinator();
+      }
+      disconnectedCallback() {
+        this.coordinator?.destroy();
+        this.coordinator = null;
+      }
+      connectCoordinator() {
+        this.coordinator?.destroy();
+        this.coordinator = createProximityCoordinator(this.host, {
+          nearRadius: this.nearRadius
+        });
+      }
+      onSlotChange = () => {
+        this.coordinator?.refresh();
+      };
+      render() {
+        return h(Host, { key: "2bc861652826e6227deaba6d1030ecf43753f575" }, h("slot", { key: "5e0544939e6b20747f12023dbb45329eb3853715", onSlotchange: this.onSlotChange }));
+      }
+      static get watchers() {
+        return {
+          "nearRadius": [{
+            "connectCoordinator": 0
+          }]
+        };
+      }
+    };
+    UIAffordanceScope.style = uiAffordanceScopeCss();
+  }
+});
+
 // dist/esm/ui-avatar-group.entry.js
 var ui_avatar_group_entry_exports = {};
 __export(ui_avatar_group_entry_exports, {
@@ -70,7 +215,7 @@ var init_ui_avatar_group_entry = __esm({
         this.overflowCount = overflowCount;
       }
       render() {
-        return h(Host, { key: "9c8fbeb6e8c87ef4d86778a70a52f48b62717728", role: "list", "aria-label": this.label || void 0 }, h("slot", { key: "432877b335f2a75f6b17a14b4be768c68ba04bfa" }), this.overflowCount > 0 && h("span", { key: "ccf8007947e5d97edcdf42b7f4740db33560956b", class: "overflow", role: "listitem", "aria-label": `${this.overflowCount} more`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount));
+        return h(Host, { key: "bef6efd3c80d29e47742412a497893789ea8790b", role: "list", "aria-label": this.label || void 0 }, h("slot", { key: "21585b11dcde36868c3e3bc7fbd0c216be6f011b" }), this.overflowCount > 0 && h("span", { key: "ede3b71945d379fe78d522a3346aa29c02d74b15", class: "overflow", role: "listitem", "aria-label": `${this.overflowCount} more`, "data-ui-avatar-group-overflow": true }, "+", this.overflowCount));
       }
       static get watchers() {
         return {
@@ -123,7 +268,7 @@ var init_ui_avatar_entry = __esm({
       render() {
         const fallbackText = this.fallback || toInitials(this.name || this.alt);
         const label = this.alt || this.name || "Avatar";
-        return h(Host, { key: "f61c3a4e5556be947b9f573591d4db0687fd01fd", role: "img", "aria-label": label, "data-has-image": this.hasImage ? "" : void 0 }, h("div", { key: "03d4a3d1c86bb1d1779ad007ba12407230478dac", class: "avatar" }, h("img", { key: "512015d68f9118bf8b8181b5b5118c133e783baf", src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? "false" : "true" }), h("span", { key: "48b0f1f81a6465c6021d4c867af67a559b9b8a67", class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? "true" : "false" }, fallbackText)));
+        return h(Host, { key: "18214960ad2f1a0370907c0281102af924739de9", role: "img", "aria-label": label, "data-has-image": this.hasImage ? "" : void 0 }, h("div", { key: "c6d0a00de56b756f0e24fdc4b306d89cdae2a44f", class: "avatar" }, h("img", { key: "c5bfecb9d18797bc934ff087ce7ed8a4616ab347", src: this.src, alt: label, onLoad: this.onImageLoad, onError: this.onImageError, hidden: !this.hasImage, "aria-hidden": this.hasImage ? "false" : "true" }), h("span", { key: "1875a45a9c21de3e3a52924ef25b3f8429a788c4", class: "fallback", hidden: this.hasImage, "aria-hidden": this.hasImage ? "true" : "false" }, fallbackText)));
       }
       static get watchers() {
         return {
@@ -154,7 +299,7 @@ var init_ui_badge_entry = __esm({
       variant;
       tone;
       render() {
-        return h(Host, { key: "53eba0640816bc09ae198de29f9a1ac97c1d5f1d", "data-variant": this.variant || void 0, "data-tone": this.tone || void 0 }, h("slot", { key: "abc8a9e09c2001f222f9aa8f164da76ff8343e01" }));
+        return h(Host, { key: "8766c0331ac7fbd6409b604578e159ae093c844b", "data-variant": this.variant || void 0, "data-tone": this.tone || void 0 }, h("slot", { key: "65016ab530b850c82261e2da718622ff72567634" }));
       }
     };
     UIBadge.style = uiBadgeCss();
@@ -230,7 +375,7 @@ var init_ui_button_entry = __esm({
         this.host.click();
       };
       render() {
-        return h(Host, { key: "7840303538ca2e4724ea634809fd6c2ad451f9d1", "data-size": this.size || void 0, "data-disabled": this.disabled ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "731348c7cbb5c5f196dbd565058e0f410836ace2", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "b5f9152db70a276334df047f5cf53d1b8efe2174", "data-size": this.size || void 0, "data-disabled": this.disabled ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "b39657e832abc63a6ea6090fa061779c3ae654b5", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -324,7 +469,7 @@ var init_ui_checkbox_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "c125eb000960f63f48ae8a96e8f001c843f8baa7", role: "checkbox", "aria-checked": this.indeterminate ? "mixed" : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "8eade76069c56e00d160488c5d91dae7b46ccc99", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "66b6708ae71c9eca6c03c63891b590bd050c2506", role: "checkbox", "aria-checked": this.indeterminate ? "mixed" : String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "b5e168a9ff0c6e5e747fff6c6264c59744f10a56", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -630,7 +775,7 @@ var init_ui_context_menu_entry = __esm({
         this.closeMenu("action", "pointer");
       };
       render() {
-        return h(Host, { key: "c57c08724714d1de8c22a4a1e86e3a790f45fa20", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "4048abb040de1125b8eb02358480914c97ea6b06", name: "trigger" }), h("div", { key: "6ce80f67142319260093903d289456070d49bfcc", class: "menu", "data-open": this.internalOpen ? "" : void 0, style: { left: `${this.pointerX}px`, top: `${this.pointerY}px` } }, h("ui-menu", { key: "2a2c22f0a797ca3a70a1399de41de2b18257abf8", open: this.internalOpen }, h("slot", { key: "252cc6e973704cd561301b5bf96f98481c6c74ff" }))));
+        return h(Host, { key: "79fbca2c89f1d1fd1f4796ad88d2a599e811a3f9", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown, onClick: this.onItemClick }, h("slot", { key: "9308cadfa155930e3e46dfb4a69a847ae388958b", name: "trigger" }), h("div", { key: "16cfba2b32444ac9e3cac1f040f81f17fd5db23c", class: "menu", "data-open": this.internalOpen ? "" : void 0, style: { left: `${this.pointerX}px`, top: `${this.pointerY}px` } }, h("ui-menu", { key: "59f18e0df3bb1fe85efa8eeca00b336bbde47c70", open: this.internalOpen }, h("slot", { key: "5bdbb7773c9c1ae43ec2e05fca9558482815e28a" }))));
       }
       static get watchers() {
         return {
@@ -736,7 +881,7 @@ var init_ui_dialog_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "75371b61143c8e5d0e53dbcac93d6f8bb89bd80c", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "180104f45ac99661e3ee3c0cc305f9407930cbc1", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.label }, h("slot", { key: "973bf4b444c66ab15391020f5885fbccec96c78c" })));
+        return h(Host, { key: "c10f9063a1c2677caff3b8d1f26b37bf25978a77", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("dialog", { key: "a7111bd363cab94f394cca526bf34ea8081e5228", ref: (el) => this.dialogRef = el, open: this.internalOpen, "aria-label": this.label }, h("slot", { key: "b0a9699fe0be09e331cfea81b6bbeaec11d48956" })));
       }
       static get watchers() {
         return {
@@ -863,7 +1008,7 @@ var init_ui_disclosure_entry = __esm({
         this.setOpen(!this.internalOpen, { reason: "action", trigger: "keyboard" });
       };
       render() {
-        return h(Host, { key: "433d2a0f6efe939e1a1ae60e27464139571004db" }, h("slot", { key: "7533ae794a7ce8be044c2ff0b5d3d1b72c01575c" }));
+        return h(Host, { key: "7fbc83614f8e988a43d1baac0379a6dc8826b1d5" }, h("slot", { key: "6ef33ca7bce5c4d83ab65642f52a9d17febb794d" }));
       }
       static get watchers() {
         return {
@@ -898,7 +1043,7 @@ var init_ui_floating_action_button_entry = __esm({
       mobileOnly = false;
       label = "";
       render() {
-        return h(Host, { key: "4b5b5eb530e4ab424e1189cff83d697f28432d84", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "f8a4b8ac90bf306434b2b905030b46c1fcbcb000", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "500d0606ea7166669f104e42813591395fc81c3f" })));
+        return h(Host, { key: "6f67f3967cf8883005f6c56747db515db5ebe1d0", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "deebb9261221c144b30bc3e41790158fc339cd14", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "3b045b69a4508c84dd5b7c8b3df0e6f3eded1c13" })));
       }
     };
     UIFloatingActionButton.style = uiFloatingActionButtonCss();
@@ -964,7 +1109,7 @@ var init_ui_form_field_entry = __esm({
         input.setAttribute("aria-invalid", this.invalid ? "true" : "false");
       }
       render() {
-        return h(Host, { key: "f2eb3a7bf493c0630ef27ee21fca1ffee94be536", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "f5f30e388ed9473ee50103f12527a1dd9cfb0b0b" }));
+        return h(Host, { key: "c0a01ac28a7dd0e0b285e4b9f9763ef536a83a2e", "data-invalid": this.invalid ? "" : void 0, "data-disabled": this.disabled ? "" : void 0, "data-required": this.required ? "" : void 0 }, h("slot", { key: "b09be4482299d866a0651393e269299dedb0cbf4" }));
       }
     };
     UIFormField.style = uiFormFieldCss();
@@ -980,7 +1125,7 @@ var uiIconButtonCss, UIIconButton;
 var init_ui_icon_button_entry = __esm({
   "dist/esm/ui-icon-button.entry.js"() {
     init_index_CEeiinfk();
-    uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease)}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;
+    uiIconButtonCss = () => `:host{display:inline-flex;color:var(--ui-text-secondary)}:host([anticipatory]){position:relative}:host([anticipatory])::before{content:'';position:absolute;inset:50% auto auto 50%;z-index:1;inline-size:var(--ui-affordance-guide-size, 0.25rem);block-size:var(--ui-affordance-guide-size, 0.25rem);border-radius:var(--ui-radius-round, 999px);background:var(--ui-affordance-guide-color, var(--ui-border-strong));opacity:var(--ui-affordance-guide-opacity, 0.42);transform:translate(-50%, -50%);transition:opacity var(--ui-affordance-motion, var(--ui-motion-fast)) var(--ui-motion-ease);pointer-events:none}:host([anticipatory]) button{opacity:0;transform:scale(0.72);pointer-events:none}:host([anticipatory][data-ui-proximity='near'])::before,:host([anticipatory]:focus-within)::before,:host([anticipatory]:hover)::before,:host([anticipatory][variant='solid'])::before{opacity:0}:host([anticipatory][data-ui-proximity='near']) button,:host([anticipatory]:focus-within) button,:host([anticipatory]:hover) button,:host([anticipatory][variant='solid']) button{opacity:1;transform:scale(1);pointer-events:auto}button{appearance:none;inline-size:var(--ui-icon-button-size, 2.5rem);block-size:var(--ui-icon-button-size, 2.5rem);min-inline-size:var(--ui-icon-button-size, 2.5rem);min-block-size:var(--ui-icon-button-size, 2.5rem);padding:0;margin:0;border:1px solid transparent;border-radius:var(--ui-icon-button-radius, var(--ui-radius-2));background:var(--ui-icon-button-bg, transparent);color:inherit;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color var(--ui-motion-fast) var(--ui-motion-ease),     border-color var(--ui-motion-fast) var(--ui-motion-ease),     color var(--ui-motion-fast) var(--ui-motion-ease),     box-shadow var(--ui-motion-fast) var(--ui-motion-ease),     transform var(--ui-motion-fast) var(--ui-motion-ease)}@media (hover: none), (pointer: coarse){:host([anticipatory])::before{opacity:0}:host([anticipatory]) button{opacity:1;transform:none;pointer-events:auto}}:host([size='sm']) button{inline-size:var(--ui-icon-button-size-sm, 2rem);block-size:var(--ui-icon-button-size-sm, 2rem);min-inline-size:var(--ui-icon-button-size-sm, 2rem);min-block-size:var(--ui-icon-button-size-sm, 2rem)}:host([size='lg']) button{inline-size:var(--ui-icon-button-size-lg, 2.75rem);block-size:var(--ui-icon-button-size-lg, 2.75rem);min-inline-size:var(--ui-icon-button-size-lg, 2.75rem);min-block-size:var(--ui-icon-button-size-lg, 2.75rem)}:host([variant='outline']) button{border-color:var(--ui-icon-button-border, var(--ui-border-default));background:var(--ui-icon-button-outline-bg, var(--ui-surface-default));color:var(--ui-icon-button-outline-color, var(--ui-text-primary))}:host([variant='solid']) button{background:var(--ui-icon-button-solid-bg, var(--ui-accent-solid));color:var(--ui-icon-button-solid-color, var(--ui-text-on-accent));box-shadow:var(     --ui-icon-button-solid-shadow,     0 1px 2px color-mix(in srgb, var(--ui-accent-solid) 18%, transparent)   )}button:hover:enabled{background:var(--ui-icon-button-hover-bg, var(--ui-surface-muted));color:var(--ui-icon-button-hover-color, var(--ui-text-primary))}:host([variant='outline']) button:hover:enabled{border-color:var(--ui-icon-button-hover-border, var(--ui-border-strong))}:host([variant='solid']) button:hover:enabled{background:var(--ui-icon-button-solid-hover-bg, var(--ui-accent-hover))}button:active:enabled{transform:scale(var(--ui-icon-button-active-scale, 0.96))}button:focus-visible{outline:2px solid var(--ui-focus-ring);outline-offset:2px}button:disabled,:host([disabled]){opacity:0.6;cursor:not-allowed}::slotted(svg){inline-size:var(--ui-icon-button-icon-size, 1.125rem);block-size:var(--ui-icon-button-icon-size, 1.125rem);flex-shrink:0;stroke-width:var(--ui-icon-button-icon-stroke-width, 1.75)}`;
     UIIconButton = class {
       constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -989,8 +1134,10 @@ var init_ui_icon_button_entry = __esm({
       label = "";
       size = "md";
       variant = "ghost";
+      /** Reveals this control through a surrounding ui-affordance-scope. */
+      anticipatory = false;
       render() {
-        return h(Host, { key: "8f4c7271505fa061da954f1e989fc526dc980407", "data-disabled": this.disabled ? "" : void 0 }, h("button", { key: "c56009d4028a557cd6f7f19833b0af6412b90c1c", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "ac2f201b0fbedb23106f72135ff8c3b6f25fca60" })));
+        return h(Host, { key: "dd6149d96d534a641eedaf808df5348eef48f31f", "data-disabled": this.disabled ? "" : void 0, "data-ui-affordance": this.anticipatory ? "button" : void 0 }, h("button", { key: "3e1b83a3e01b724cb75ddb7243a1e85bd9eb3420", type: "button", "aria-label": this.label || void 0, disabled: this.disabled }, h("slot", { key: "d280293841471ad37f556c73d86de3223e1f98e6" })));
       }
     };
     UIIconButton.style = uiIconButtonCss();
@@ -1078,7 +1225,7 @@ var init_ui_input_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "73f518c7f12fa483d592041d185498bd91f9bb8b", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "7ef93ef7c5d36ccdfa66cfb4d14f08707e9ea790", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "2b3b4f6862cf5c5e413aaefb349c53d4e66eb6d0", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "140dc656f13399b8ef05adb6cfa1d9a7e1373c2d", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -1124,7 +1271,7 @@ var init_ui_menu_item_entry = __esm({
       disabled = false;
       value = "";
       render() {
-        return h(Host, { key: "485ac24af80b72a751f6fc13a084847ba0f7605e", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("slot", { key: "b2bde48d9b819b0e55fbe00c2939ccd44f63bc15" }));
+        return h(Host, { key: "c0024d4bb84224019121b98a6fec36bfdad00864", role: "menuitem", tabIndex: this.disabled ? -1 : 0, "aria-disabled": this.disabled ? "true" : void 0, "data-value": this.value || void 0 }, h("slot", { key: "00eee7c496dfaf71e8ec158606ebc6641e2ef0d8" }));
       }
     };
     UIMenuItem.style = uiMenuItemCss();
@@ -1213,7 +1360,7 @@ var init_ui_menu_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "f06ad0f8c09060495757ced2da095817409720b7", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "d504fd3c33894d0e464b957ce67c75fe8a24899c" }));
+        return h(Host, { key: "5e463cbbce272c6b6132a839b818deef3e39a532", role: "menu", "aria-orientation": "vertical", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "feea6a21d41a7b27a6270814bcf0b3f3ded394a1" }));
       }
       static get watchers() {
         return {
@@ -1309,7 +1456,7 @@ var init_ui_popover_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "121482cf2fe9ba972ae6b902568389790b9accaa", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "095ce0c147ed8c8411114563c9efcb5fe775fcae" }));
+        return h(Host, { key: "67e7f52220db9d997fb11b686d6abcbdf9557a8d", "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "d7c1fa2ab75994fe0a7dd63f8289754c7754c30f" }));
       }
       static get watchers() {
         return {
@@ -1440,7 +1587,7 @@ var init_ui_radio_group_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "5182efff607bcf9add3f0981ce2af3a42bd356b8", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "2889bc2abecddf3e7cf81cd54053bdd608559dfc" }));
+        return h(Host, { key: "5410f4adb5d4ca888287150f57de38ab59cc791d", role: "radiogroup", "aria-orientation": this.orientation, "data-orientation": this.orientation, "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "d3988acaf5456e89f26d449ccaadaf237c223bbd" }));
       }
       static get watchers() {
         return {
@@ -1534,7 +1681,7 @@ var init_ui_radio_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "85a3e7f7903c910f6ccbc324ab38bf94ebaf93e0", role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "9117391004b9ed10cb4e819a629f66d32661d7d3", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "e3025fa3ee89c684ab27e7780f11399e1e455eff", role: "radio", "aria-checked": String(this.checked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0 }, h("slot", { key: "279fd849b1ea8f2f84e34043a01da710008aba51", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -1605,7 +1752,7 @@ var init_ui_search_result_row_entry = __esm({
         this.hasTrailing = slotHasContent(this.trailingSlot);
       };
       render() {
-        return h(Host, { key: "abd055ed3b7a9140f024181377fd6c0e9b270578" }, h("button", { key: "af6758ec890a63d11e11180f3cccfd94112b9804", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "e7321d522ac45566e836382d525463825c855afc", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "90f578306f8b9c321128f705369531b64d54cca2", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "37a8ab0b4b19215d1a4c79d92646b18e010be8a0", class: "search-result-row__content", part: "content" }, h("span", { key: "1728598d9e9578cf6f04f13c1691e333b7d5ca25", class: "search-result-row__title", part: "title" }, h("slot", { key: "556b9da285b7e64298527870a970ef8c02e71988", name: "title" })), h("span", { key: "ed47e52ad83968ca763e01ae7d9d3d66d444145a", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "c374d6328951530227892eec688edd60514e7e04", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "17965c7934d9256ce243a1d3a3e880716fcd42e1", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "67cad2d2ea2310944cdf5a7685a1f4e3f537e683", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "43cb13c90187851fc30cc0c29847658f9f4cb069", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "2b262ad21cb605daea5e4ade8c377a60820a1f11", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
+        return h(Host, { key: "4fb3b963d73890850b58d03f225f125066412350" }, h("button", { key: "55332d2d06d279e5c6d39d044cfb89256cffdf69", class: "search-result-row", type: "button", disabled: this.disabled, part: "button" }, h("span", { key: "1c9178595fb6f54ffc4e55b3a7cb5fe7dea94b40", class: "search-result-row__leading", part: "leading", hidden: !this.hasLeading }, h("slot", { key: "239d0a74e80e58f1b25d6b328293d9692a4483b6", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "f80e39d4002bfa1ae7665857e27d184004654c03", class: "search-result-row__content", part: "content" }, h("span", { key: "b1a1e7f378eee6db5a01949d8a299583556c79c1", class: "search-result-row__title", part: "title" }, h("slot", { key: "4d94ed22c472309e0ece5f7a2a744f400589c87e", name: "title" })), h("span", { key: "3dbc540f67e11cca515208597b7b6bb75e2772f5", class: "search-result-row__meta", part: "meta", hidden: !this.hasMeta }, h("slot", { key: "3ed5c8fd300a19801ac332d2e9516aadb19f664e", name: "meta", ref: (el) => this.metaSlot = el, onSlotchange: this.syncSlots })), h("span", { key: "8403a7e6adc3b1fae04d659bfbf7ff5676ac113a", class: "search-result-row__excerpt", part: "excerpt", hidden: !this.hasExcerpt }, h("slot", { key: "f0b0b07df739f780320394dae9b318f6676e9a94", name: "excerpt", ref: (el) => this.excerptSlot = el, onSlotchange: this.syncSlots }))), h("span", { key: "2ebdf8d2ed7fefd31118052495503659c957d317", class: "search-result-row__trailing", part: "trailing", hidden: !this.hasTrailing }, h("slot", { key: "60dfc20a47fff6aac28755bedb80e9a4b3fd93e0", name: "trailing", ref: (el) => this.trailingSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchResultRow.style = uiSearchResultRowCss();
@@ -1649,7 +1796,7 @@ var init_ui_search_shell_entry = __esm({
         this.hasFooter = slotHasContent2(this.footerSlot);
       };
       render() {
-        return h("div", { key: "3e8fb4f419a588c441abd5bd137093ba2f730b76", class: "search-shell", part: "base" }, h("slot", { key: "4772932f9e077b0e4f68c50657945f3ea30afb8d", name: "backdrop" }), h("div", { key: "c7877bb3ade588797d8419b3c7efc0680ac32b78", class: "search-shell__panel", part: "panel" }, h("div", { key: "d1e7c16a031896187550181be63a1ca14a04b127", class: "search-shell__search", part: "search" }, h("slot", { key: "b61475159d7e18a623246a2872d4897e1ff8388a", name: "search" })), h("div", { key: "877a9847bb453d026b5e6c117ffa8ad44562195a", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "6b46e668586fa97a30e2d02fc7d46d53483ecdb5", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "41622e5fe3b02d8c842a6d07b66119ac68f22bc0", class: "search-shell__body", part: "body" }, h("slot", { key: "f36dc433657d95bb7afa1191351bbbbeaed4f6ed", name: "body" })), h("div", { key: "bcbf35d5e37c0fe48b29dde935745ea792722646", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "02f99e3442476dbefc57b3a38dc5a4ad0f3e9f00", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
+        return h("div", { key: "946e3575a3b48f83315a5299d144a10647c31189", class: "search-shell", part: "base" }, h("slot", { key: "6146d441648a9cafca12b764e94373252b3940be", name: "backdrop" }), h("div", { key: "e4389c8f39994209e1f8dc4dbf913e3728295545", class: "search-shell__panel", part: "panel" }, h("div", { key: "8c660767d3ac12e1d94086bb80bb459e2f45d173", class: "search-shell__search", part: "search" }, h("slot", { key: "c870a4266f689654c76a1fc9e2bc23bf690a931c", name: "search" })), h("div", { key: "b5a68d509a92fec24603008514e938ba27655f4d", class: "search-shell__status", part: "status", hidden: !this.hasStatus }, h("slot", { key: "bc3233c23289cb56ca8d4217c9b3c37df9570abc", name: "status", ref: (el) => this.statusSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "291b357ed1c7949001952813c950fbaab24cd0fc", class: "search-shell__body", part: "body" }, h("slot", { key: "72ecf55e7267cef21e612c1aff840fef67442fb5", name: "body" })), h("div", { key: "e393d0cc4bd0bbbf349a135d9f352ec08bd523cb", class: "search-shell__footer", part: "footer", hidden: !this.hasFooter }, h("slot", { key: "2468bdafc67f01094a4461a1a1e2fd474a88ffcf", name: "footer", ref: (el) => this.footerSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UISearchShell.style = uiSearchShellCss();
@@ -1736,7 +1883,7 @@ var init_ui_select_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "eebea3f7fafafba901e5bd33cbd711565feb251e", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "bbb49202d8298fac0912accb3848c8450cab00c9", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "65420b700d6a80e3575efa25d72ccbf4b0398805", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "fa6b175770fcbf9ec904a528f0d41aa04f4e9c01", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -1818,14 +1965,14 @@ var init_ui_switch_entry = __esm({
         this.toggle("pointer");
       };
       render() {
-        return h(Host, { key: "d4e39c8865afa98414dbedcbbff5bdeeef7f4478", 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: "498774428224b9d09a8657924d4d8b6a2196fddf", 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: "7dccbc5d5b97f5659decd5feda31b37e42e6f83e", role: "switch", "aria-checked": String(this.internalChecked), "aria-disabled": String(this.disabled), "data-disabled": this.disabled ? "" : void 0, tabIndex: this.disabled ? -1 : 0, onKeyDown: this.onKeydown, onClick: this.onClick }, h("input", { key: "7841f4d20a50d1899c27ab232a9a34411a0c2d67", type: "checkbox", checked: this.internalChecked, disabled: this.disabled, required: this.required, value: this.value, "aria-hidden": "true", tabIndex: -1, onChange: (e) => {
           this.internalChecked = e.target.checked;
           dispatchDetail(this.host, "change", {
             checked: this.internalChecked,
             value: this.value,
             trigger: "pointer"
           });
-        } }), h("slot", { key: "b8f8c3947a9dd058e12270b9afdfe2a654164987" }));
+        } }), h("slot", { key: "f3c2f5758e73f2a81f4a7ea4da734de0cb9a61c6" }));
       }
       static get watchers() {
         return {
@@ -1941,7 +2088,7 @@ var init_ui_tabs_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "d73e97facf3ffa020f349642bc6c0136f39fc463", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "a7bd47a4b48780ddf1f21a917fd1cb747376640b" }));
+        return h(Host, { key: "99cd907204f73b1cbb1c8f2a182743c6554d5b0a", orientation: this.orientation, "data-orientation": this.orientation }, h("slot", { key: "a8158e593a3708e8819761d86356a58535a53e40" }));
       }
       static get watchers() {
         return {
@@ -2044,7 +2191,7 @@ var init_ui_textarea_entry = __esm({
         });
       };
       render() {
-        return h(Host, { key: "d52719875939fa9b2f757a35fb4cd1aa31a194c5", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "e40ba71b60cae07437219d6ab4b5879b26af1ac2", ref: (el) => this.slotRef = el }));
+        return h(Host, { key: "697c98bf66c016b21b28c7805eee2223bb9d275a", "data-invalid": this.invalid ? "" : void 0 }, h("slot", { key: "bd95bd79b1fe4e4103510a3cb036419c55976611", ref: (el) => this.slotRef = el }));
       }
       static get watchers() {
         return {
@@ -2138,7 +2285,7 @@ var init_ui_toast_region_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "8e99577d8770984b8d6d29e442931570c1f1bc4d", role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "06f2c6cf39c4795afc0937669aa2104821aef3d6" }));
+        return h(Host, { key: "0edcce54864ba991b092d004d3b45cf697b9c3ac", role: "region", "aria-label": "Notifications", "data-open": this.internalOpen ? "" : void 0 }, h("slot", { key: "2e30794a05b018fb55c4313c8e17f7262ecee7da" }));
       }
       static get watchers() {
         return {
@@ -2275,7 +2422,7 @@ var init_ui_tooltip_entry = __esm({
         }
       };
       render() {
-        return h(Host, { key: "900ec6fc08ea7a7965195e8203fd779e70cfa6e6", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "b384f779fa9a229cf635be5adb3476ca93270c24" }));
+        return h(Host, { key: "64b5f4e7a56cbf5560edc6d7118022a49d5e2786", role: "tooltip", hidden: !this.internalOpen, "data-open": this.internalOpen ? "" : void 0, onKeyDown: this.onKeydown }, h("slot", { key: "cf6f96689021a42a01b782f0e1d0730b5a9aa1f8" }));
       }
       static get watchers() {
         return {
@@ -2335,7 +2482,7 @@ var init_ui_top_bar_entry = __esm({
         this.hasActions = slotHasContent3(this.actionsSlot);
       };
       render() {
-        return h(Host, { key: "23cbff2fdb06a40f0380dbf217d064cb1b9f7a9c" }, h("header", { key: "9472960f4445f8ed7d0800d71db3cbac020fca3f", class: "top-bar", part: "base" }, h("div", { key: "d408be025d90fdcf1416213b9e76f3b780f47d97", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "3dc4db316a040ff10a8b8b218b42799d3e1a7b97", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "1b362f19f9a738600afb266e9641c0ee5c8870c9", class: "top-bar__title" }, h("slot", { key: "bb93d34a3dea15c697dcd19dc0ecc3488ee390c8" })), h("div", { key: "3d61d781b654ee1d91a6ce5ba64db9732ee1f8ee", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "5731817be644f10ed745fdc0868b85b66a9c06d4", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "2ee868b93f5195832830900382545b2131e78bb8", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "1d410fa60f112904cfb866cff5a3f2fb18021c93", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
+        return h(Host, { key: "15c840c082724df0ec39ab6ad4e55f99192df5be" }, h("header", { key: "790afaeecdb3e598b8365391f57ee1e2d8ca69a2", class: "top-bar", part: "base" }, h("div", { key: "fab822f5875c7e3b8e267be42c075597d79374fa", class: "top-bar__leading", hidden: !this.hasLeading }, h("slot", { key: "0723013c4b674964e4029442b715daa9eb0036db", name: "leading", ref: (el) => this.leadingSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "77fc006257b7fa6a191191d9969ea66445b8bc3e", class: "top-bar__title" }, h("slot", { key: "e8a07f1f767c1c0fa1244abcf3bb0e697e36a4fe" })), h("div", { key: "bde5cdf797ae898f68eddeab362b8395f89bdf28", class: "top-bar__search", hidden: !this.hasSearch }, h("slot", { key: "8b059d6123e94f3b7e18c15c88828ee9c6436136", name: "search", ref: (el) => this.searchSlot = el, onSlotchange: this.syncSlots })), h("div", { key: "c262446cf29873903530ea3f840de4de9db3de82", class: "top-bar__actions", hidden: !this.hasActions }, h("slot", { key: "f417dbc8cc0115a455a72ce0feb5f32b323ce68f", name: "actions", ref: (el) => this.actionsSlot = el, onSlotchange: this.syncSlots }))));
       }
     };
     UITopBar.style = uiTopBarCss();
@@ -2347,6 +2494,7 @@ var globImport_entry_js;
 var init_ = __esm({
   'import("./**/*.entry.js") in dist/esm/index-CEeiinfk.js'() {
     globImport_entry_js = __glob({
+      "./ui-affordance-scope.entry.js": () => Promise.resolve().then(() => (init_ui_affordance_scope_entry(), ui_affordance_scope_entry_exports)),
       "./ui-avatar-group.entry.js": () => Promise.resolve().then(() => (init_ui_avatar_group_entry(), ui_avatar_group_entry_exports)),
       "./ui-avatar.entry.js": () => Promise.resolve().then(() => (init_ui_avatar_entry(), ui_avatar_entry_exports)),
       "./ui-badge.entry.js": () => Promise.resolve().then(() => (init_ui_badge_entry(), ui_badge_entry_exports)),
@@ -3922,8 +4070,12 @@ var init_index_CEeiinfk = __esm({
 // index.ts
 var index_exports = {};
 __export(index_exports, {
+  clampRectToViewport: () => clampRectToViewport,
   closeOverlay: () => closeOverlay2,
+  createProximityCoordinator: () => createProximityCoordinator2,
+  distanceFromPointToRect: () => distanceFromPointToRect2,
   getTopOverlay: () => getTopOverlay2,
+  getVisualViewportRect: () => getVisualViewportRect,
   isTopOverlay: () => isTopOverlay,
   openOverlay: () => openOverlay2,
   requestTopOverlayClose: () => requestTopOverlayClose2
@@ -3942,7 +4094,7 @@ var globalScripts = () => {
 var defineCustomElements = async (win2, options) => {
   if (typeof window === "undefined") return void 0;
   await globalScripts();
-  return bootstrapLazy([["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "syncTarget": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-avatar", [[513, "ui-avatar", { "src": [1], "alt": [1], "name": [1], "fallback": [1], "hasImage": [32] }, null, { "src": [{ "watchSrc": 0 }] }]]], ["ui-avatar-group", [[769, "ui-avatar-group", { "max": [2], "label": [1], "overflowCount": [32] }, null, { "max": [{ "syncOverflow": 0 }] }]]], ["ui-badge", [[769, "ui-badge", { "variant": [1], "tone": [1] }]]], ["ui-button", [[769, "ui-button", { "variant": [1], "size": [1], "disabled": [4] }, null, { "variant": [{ "syncToButton": 0 }], "size": [{ "syncToButton": 0 }], "disabled": [{ "syncToButton": 0 }] }]]], ["ui-checkbox", [[769, "ui-checkbox", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "indeterminate": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "internalChecked": [{ "syncToInput": 0 }], "indeterminate": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOpen": 0 }] }]]], ["ui-disclosure", [[769, "ui-disclosure", { "open": [4], "defaultOpen": [4, "default-open"], "disabled": [4], "internalOpen": [32], "contentId": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncState": 0 }] }]]], ["ui-floating-action-button", [[769, "ui-floating-action-button", { "disabled": [516], "mobileOnly": [516, "mobile-only"], "label": [1] }]]], ["ui-form-field", [[769, "ui-form-field", { "invalid": [4], "disabled": [4], "required": [4] }]]], ["ui-icon-button", [[769, "ui-icon-button", { "disabled": [516], "label": [1], "size": [513], "variant": [513] }]]], ["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"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1] }, null, { "checked": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "name": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }], "value": [{ "syncToInput": 0 }] }]]], ["ui-radio-group", [[769, "ui-radio-group", { "value": [1], "name": [1], "orientation": [1], "disabled": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToRadios": 0 }], "name": [{ "syncToRadios": 0 }], "orientation": [{ "syncToRadios": 0 }], "disabled": [{ "syncToRadios": 0 }] }]]], ["ui-search-result-row", [[769, "ui-search-result-row", { "disabled": [516], "selected": [516], "hasLeading": [32], "hasMeta": [32], "hasExcerpt": [32], "hasTrailing": [32] }]]], ["ui-search-shell", [[769, "ui-search-shell", { "hasStatus": [32], "hasFooter": [32] }]]], ["ui-select", [[769, "ui-select", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToSelect": 0 }], "defaultValue": [{ "syncToSelect": 0 }], "disabled": [{ "syncToSelect": 0 }], "invalid": [{ "syncToSelect": 0 }], "required": [{ "syncToSelect": 0 }] }]]], ["ui-switch", [[769, "ui-switch", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }] }]]], ["ui-tabs", [[769, "ui-tabs", { "value": [1], "defaultValue": [1, "default-value"], "orientation": [1], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncState": 0 }], "orientation": [{ "syncState": 0 }] }]]], ["ui-textarea", [[769, "ui-textarea", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "rows": [2], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToTextarea": 0 }], "defaultValue": [{ "syncToTextarea": 0 }], "disabled": [{ "syncToTextarea": 0 }], "invalid": [{ "syncToTextarea": 0 }], "readOnly": [{ "syncToTextarea": 0 }], "rows": [{ "syncToTextarea": 0 }] }]]], ["ui-toast-region", [[769, "ui-toast-region", { "open": [4], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-top-bar", [[769, "ui-top-bar", { "hasLeading": [32], "hasSearch": [32], "hasActions": [32] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]]], options);
+  return bootstrapLazy([["ui-context-menu", [[769, "ui-context-menu", { "open": [4], "defaultOpen": [4, "default-open"], "for": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "for": [{ "syncTarget": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-affordance-scope", [[769, "ui-affordance-scope", { "nearRadius": [514, "near-radius"] }, null, { "nearRadius": [{ "connectCoordinator": 0 }] }]]], ["ui-avatar", [[513, "ui-avatar", { "src": [1], "alt": [1], "name": [1], "fallback": [1], "hasImage": [32] }, null, { "src": [{ "watchSrc": 0 }] }]]], ["ui-avatar-group", [[769, "ui-avatar-group", { "max": [2], "label": [1], "overflowCount": [32] }, null, { "max": [{ "syncOverflow": 0 }] }]]], ["ui-badge", [[769, "ui-badge", { "variant": [1], "tone": [1] }]]], ["ui-button", [[769, "ui-button", { "variant": [1], "size": [1], "disabled": [4] }, null, { "variant": [{ "syncToButton": 0 }], "size": [{ "syncToButton": 0 }], "disabled": [{ "syncToButton": 0 }] }]]], ["ui-checkbox", [[769, "ui-checkbox", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "indeterminate": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }], "internalChecked": [{ "syncToInput": 0 }], "indeterminate": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }] }]]], ["ui-dialog", [[769, "ui-dialog", { "open": [4], "defaultOpen": [4, "default-open"], "modal": [4], "dismissible": [4], "label": [1], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOpen": 0 }] }]]], ["ui-disclosure", [[769, "ui-disclosure", { "open": [4], "defaultOpen": [4, "default-open"], "disabled": [4], "internalOpen": [32], "contentId": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncState": 0 }] }]]], ["ui-floating-action-button", [[769, "ui-floating-action-button", { "disabled": [516], "mobileOnly": [516, "mobile-only"], "label": [1] }]]], ["ui-form-field", [[769, "ui-form-field", { "invalid": [4], "disabled": [4], "required": [4] }]]], ["ui-icon-button", [[769, "ui-icon-button", { "disabled": [516], "label": [1], "size": [513], "variant": [513], "anticipatory": [516] }]]], ["ui-input", [[769, "ui-input", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToInput": 0 }], "defaultValue": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "invalid": [{ "syncToInput": 0 }], "readOnly": [{ "syncToInput": 0 }] }]]], ["ui-menu-item", [[769, "ui-menu-item", { "disabled": [516], "value": [1] }]]], ["ui-popover", [[769, "ui-popover", { "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "onOpenChange": 0 }] }]]], ["ui-radio", [[769, "ui-radio", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "name": [1], "required": [4], "value": [1] }, null, { "checked": [{ "syncToInput": 0 }], "disabled": [{ "syncToInput": 0 }], "name": [{ "syncToInput": 0 }], "required": [{ "syncToInput": 0 }], "value": [{ "syncToInput": 0 }] }]]], ["ui-radio-group", [[769, "ui-radio-group", { "value": [1], "name": [1], "orientation": [1], "disabled": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToRadios": 0 }], "name": [{ "syncToRadios": 0 }], "orientation": [{ "syncToRadios": 0 }], "disabled": [{ "syncToRadios": 0 }] }]]], ["ui-search-result-row", [[769, "ui-search-result-row", { "disabled": [516], "selected": [516], "hasLeading": [32], "hasMeta": [32], "hasExcerpt": [32], "hasTrailing": [32] }]]], ["ui-search-shell", [[769, "ui-search-shell", { "hasStatus": [32], "hasFooter": [32] }]]], ["ui-select", [[769, "ui-select", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "required": [4], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToSelect": 0 }], "defaultValue": [{ "syncToSelect": 0 }], "disabled": [{ "syncToSelect": 0 }], "invalid": [{ "syncToSelect": 0 }], "required": [{ "syncToSelect": 0 }] }]]], ["ui-switch", [[769, "ui-switch", { "checked": [4], "defaultChecked": [4, "default-checked"], "disabled": [4], "required": [4], "value": [1], "internalChecked": [32] }, null, { "checked": [{ "syncFromProp": 0 }] }]]], ["ui-tabs", [[769, "ui-tabs", { "value": [1], "defaultValue": [1, "default-value"], "orientation": [1], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncState": 0 }], "orientation": [{ "syncState": 0 }] }]]], ["ui-textarea", [[769, "ui-textarea", { "value": [1], "defaultValue": [1, "default-value"], "disabled": [4], "invalid": [4], "readOnly": [4, "readonly"], "rows": [2], "internalValue": [32] }, null, { "value": [{ "syncFromProp": 0 }], "internalValue": [{ "syncToTextarea": 0 }], "defaultValue": [{ "syncToTextarea": 0 }], "disabled": [{ "syncToTextarea": 0 }], "invalid": [{ "syncToTextarea": 0 }], "readOnly": [{ "syncToTextarea": 0 }], "rows": [{ "syncToTextarea": 0 }] }]]], ["ui-toast-region", [[769, "ui-toast-region", { "open": [4], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]], ["ui-tooltip", [[769, "ui-tooltip", { "for": [1], "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }], "internalOpen": [{ "syncOverlay": 0 }] }]]], ["ui-top-bar", [[769, "ui-top-bar", { "hasLeading": [32], "hasSearch": [32], "hasActions": [32] }]]], ["ui-menu", [[769, "ui-menu", { "open": [4], "defaultOpen": [4, "default-open"], "internalOpen": [32] }, null, { "open": [{ "syncFromProp": 0 }] }]]]], options);
 };
 
 // loader/index.js
@@ -4050,12 +4202,137 @@ function requestTopOverlayClose2(reason, trigger) {
   return true;
 }
 
+// src/overlay/positioning.ts
+function getVisualViewportRect(owner = window) {
+  const viewport = owner.visualViewport;
+  const left = viewport?.offsetLeft ?? 0;
+  const top = viewport?.offsetTop ?? 0;
+  const width = viewport?.width ?? owner.innerWidth;
+  const height = viewport?.height ?? owner.innerHeight;
+  return {
+    left,
+    top,
+    right: left + width,
+    bottom: top + height,
+    width,
+    height
+  };
+}
+function clampRectToViewport(rect, viewport = getVisualViewportRect(), gutter = 0) {
+  const availableWidth = Math.max(0, viewport.width - gutter * 2);
+  const availableHeight = Math.max(0, viewport.height - gutter * 2);
+  const targetLeft = rect.width > availableWidth ? viewport.left + gutter : Math.min(
+    Math.max(rect.left, viewport.left + gutter),
+    viewport.right - gutter - rect.width
+  );
+  const targetTop = rect.height > availableHeight ? viewport.top + gutter : Math.min(
+    Math.max(rect.top, viewport.top + gutter),
+    viewport.bottom - gutter - rect.height
+  );
+  return { x: targetLeft - rect.left, y: targetTop - rect.top };
+}
+function distanceFromPointToRect2(point, rect) {
+  const dx = Math.max(rect.left - point.x, 0, point.x - rect.right);
+  const dy = Math.max(rect.top - point.y, 0, point.y - rect.bottom);
+  return Math.hypot(dx, dy);
+}
+function createProximityCoordinator2(scope, options = {}) {
+  const owner = scope.ownerDocument.defaultView ?? window;
+  const pointerTarget = options.pointerTarget ?? scope;
+  const anchorSelector = options.anchorSelector ?? "[data-ui-affordance]";
+  const configuredRadius = options.nearRadius ?? 32;
+  const nearRadius = Number.isFinite(configuredRadius) ? Math.max(0, configuredRadius) : 32;
+  const abort = new AbortController();
+  let anchors = [];
+  let frame = null;
+  let point = null;
+  let geometryDirty = false;
+  const clear = () => {
+    for (const { element } of anchors) {
+      if (element.hasAttribute("data-ui-proximity")) {
+        element.removeAttribute("data-ui-proximity");
+      }
+    }
+    if (scope.hasAttribute("data-ui-interaction")) {
+      scope.removeAttribute("data-ui-interaction");
+    }
+  };
+  const measure = () => {
+    anchors = Array.from(scope.querySelectorAll(anchorSelector)).filter((element) => !element.hasAttribute("disabled") && element.getAttribute("aria-disabled") !== "true").map((element) => ({ element, rect: element.getBoundingClientRect() }));
+    geometryDirty = false;
+  };
+  const update = () => {
+    frame = null;
+    if (geometryDirty) measure();
+    if (!point) {
+      clear();
+      return;
+    }
+    let engaged = false;
+    for (const anchor of anchors) {
+      const near = distanceFromPointToRect2(point, anchor.rect) <= nearRadius;
+      if (near && anchor.element.getAttribute("data-ui-proximity") !== "near") {
+        anchor.element.setAttribute("data-ui-proximity", "near");
+      } else if (!near && anchor.element.hasAttribute("data-ui-proximity")) {
+        anchor.element.removeAttribute("data-ui-proximity");
+      }
+      engaged ||= near;
+    }
+    if (engaged && scope.getAttribute("data-ui-interaction") !== "engaged") {
+      scope.setAttribute("data-ui-interaction", "engaged");
+    } else if (!engaged && scope.hasAttribute("data-ui-interaction")) {
+      scope.removeAttribute("data-ui-interaction");
+    }
+  };
+  const schedule = () => {
+    if (frame !== null) return;
+    frame = owner.requestAnimationFrame(update);
+  };
+  const onPointerMove = (event) => {
+    const pointer = event;
+    if (pointer.pointerType === "touch") {
+      point = null;
+    } else {
+      point = { x: pointer.clientX, y: pointer.clientY };
+    }
+    schedule();
+  };
+  const invalidate = () => {
+    geometryDirty = true;
+    schedule();
+  };
+  pointerTarget.addEventListener("pointermove", onPointerMove, {
+    passive: true,
+    signal: abort.signal
+  });
+  owner.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
+  owner.addEventListener("scroll", invalidate, { passive: true, capture: true, signal: abort.signal });
+  owner.visualViewport?.addEventListener("resize", invalidate, { passive: true, signal: abort.signal });
+  owner.visualViewport?.addEventListener("scroll", invalidate, { passive: true, signal: abort.signal });
+  measure();
+  return {
+    refresh: invalidate,
+    destroy() {
+      abort.abort();
+      if (frame !== null) owner.cancelAnimationFrame(frame);
+      frame = null;
+      point = null;
+      clear();
+      anchors = [];
+    }
+  };
+}
+
 // index.ts
 defineCustomElements();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  clampRectToViewport,
   closeOverlay,
+  createProximityCoordinator,
+  distanceFromPointToRect,
   getTopOverlay,
+  getVisualViewportRect,
   isTopOverlay,
   openOverlay,
   requestTopOverlayClose