@editora/ui-core 0.1.25 → 0.2.1

package/dist/popover.cjs.js

@@ -1,21 +1,16 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const h=require("./ElementBase-DxbvhLJs.js"),f=require("./portal-DgpQ3Jo1.js"),b=require("./dismissable-layer-DNfrKA20.js"),g=require("./positioner-D_fqyx_j.js"),m=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("./ElementBase-DxbvhLJs.js"),b=require("./portal-XbYR3m_q.js"),g=require("./dismissable-layer-DNfrKA20.js"),m=require("./positioner-DZ1FW6A9.js"),s=require("./overlay-motion-B56x1GoY.js"),_=`
+  ${s.OVERLAY_MOTION_CSS}
+
   .popover-shell {
     --ui-popover-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
-    --ui-popover-bg:
-      linear-gradient(
-        180deg,
-        color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent) 0%,
-        color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 24%, var(--ui-color-surface, #ffffff)) 100%
-      );
+    --ui-popover-bg: var(--color-panel-solid, var(--ui-color-surface-elevated, var(--ui-color-surface, #ffffff)));
     --ui-popover-text: var(--ui-color-text, #0f172a);
     --ui-popover-muted: var(--ui-color-muted, #526175);
-    --ui-popover-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
+    --ui-popover-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent));
     --ui-popover-border: 1px solid var(--ui-popover-border-color);
-    --ui-popover-shadow:
-      0 14px 34px rgba(15, 23, 42, 0.12),
-      0 28px 64px rgba(15, 23, 42, 0.08);
-    --ui-popover-radius: 14px;
-    --ui-popover-padding: 14px;
+    --ui-popover-shadow: var(--shadow-5, 0 8px 24px rgba(15, 23, 42, 0.12));
+    --ui-popover-radius: calc(var(--ui-radius, 6px) + 2px);
+    --ui-popover-padding: 16px;
     --ui-popover-backdrop: none;
     --ui-popover-font-size: var(--ui-default-font-size, var(--font-size-2, var(--ui-font-size-md, 14px)));
     --ui-popover-line-height: var(--ui-default-line-height, var(--line-height-2, 20px));
@@ -24,22 +19,22 @@
 
   .popover-shell[data-size="sm"],
   .popover-shell[data-size="1"] {
-    --ui-popover-radius: 12px;
-    --ui-popover-padding: 10px;
+    --ui-popover-radius: var(--ui-radius, 6px);
+    --ui-popover-padding: 12px;
     --ui-popover-font-size: 13px;
     --ui-popover-line-height: 18px;
   }
 
   .popover-shell[data-size="md"],
   .popover-shell[data-size="2"] {
-    --ui-popover-radius: 14px;
-    --ui-popover-padding: 14px;
+    --ui-popover-radius: calc(var(--ui-radius, 6px) + 2px);
+    --ui-popover-padding: 16px;
   }
 
   .popover-shell[data-size="lg"],
   .popover-shell[data-size="3"] {
-    --ui-popover-radius: 18px;
-    --ui-popover-padding: 18px;
+    --ui-popover-radius: calc(var(--ui-radius, 6px) + 4px);
+    --ui-popover-padding: 20px;
     --ui-popover-font-size: 15px;
     --ui-popover-line-height: 22px;
   }
@@ -146,16 +141,12 @@
     padding: var(--ui-popover-padding);
     box-shadow: var(--ui-popover-shadow);
     backdrop-filter: var(--ui-popover-backdrop);
-    font: 500 var(--ui-popover-font-size)/var(--ui-popover-line-height) var(--ui-font-family, system-ui, sans-serif);
+    font: 400 var(--ui-popover-font-size)/var(--ui-popover-line-height) var(--ui-font-family, system-ui, sans-serif);
     letter-spacing: var(--ui-popover-letter-spacing);
-    opacity: 0;
-    transform: translateY(6px) scale(0.99);
-    transition: opacity var(--ui-motion-base, 200ms) var(--ui-motion-easing, ease), transform var(--ui-motion-base, 200ms) var(--ui-motion-easing, ease);
     position: relative;
     min-inline-size: min(180px, calc(100vw - 24px));
     max-inline-size: min(360px, calc(100vw - 24px));
   }
-  .panel.show { opacity: 1; transform: translateY(0) scale(1); }
 
   .content {
     display: grid;
@@ -249,9 +240,6 @@
     transform: rotate(-90deg);
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .panel { transition: none !important; transform: none !important; }
-  }
 
   @media (prefers-contrast: more) {
     .panel {
@@ -283,4 +271,4 @@
       box-shadow: none;
     }
   }
-`;class d extends h.ElementBase{constructor(){super(),this._portalEl=null,this._panelEl=null,this._positioner=null,this._layer=null,this._isOpen=!1,this._restoreFocusEl=null,this._contentObserver=null,this._hostObserver=null,this._syncPortalScheduled=!1,this._onHostClick=this._handleHostClick.bind(this)}static get observedAttributes(){return["open","placement","offset","flip","shift","close-on-escape","close-on-outside","variant","tone","size","radius","elevation"]}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}this._isOpen&&this._portalEl?.isConnected&&(e==="placement"||e==="offset"||e==="flip"||e==="shift"||e==="variant"||e==="tone"||e==="size"||e==="radius"||e==="elevation"?this._mountPortal():(e==="close-on-escape"||e==="close-on-outside")&&this._syncDismissableLayer())}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this._observeHost(),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("click",this._onHostClick),this._hostObserver?.disconnect(),this._hostObserver=null,this._teardownPortal(),super.disconnectedCallback()}_handleHostClick(e){const t=this._getTrigger();if(!t)return;const r=typeof e.composedPath=="function"?e.composedPath():[],o=e.target instanceof Node?e.target:null;(r.includes(t)||o&&(t===o||t.contains(o)))&&this.toggle()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}updatePosition(){this._positioner?.update()}_getTrigger(){return this.querySelector('[slot="trigger"]')}_buildPortalContent(){const e=document.createElement("div");e.className="popover-shell",e.style.pointerEvents="auto";const t=this.getAttribute("variant");t&&(e.dataset.variant=t);const r=this.getAttribute("tone");r&&(e.dataset.tone=r);const o=this.getAttribute("size");o&&(e.dataset.size=o);const s=this.getAttribute("elevation");s&&(e.dataset.elevation=s);const a=this.getAttribute("radius");if(a&&a.trim()){const p=a.trim(),v=/^-?\d+(\.\d+)?$/.test(p)?`${p}px`:p;e.style.setProperty("--ui-popover-radius",v)}const l=document.createElement("style");l.textContent=m,e.appendChild(l);const i=document.createElement("div");i.className="panel show",this._panelEl=i;const c=document.createElement("div");c.className="arrow",i.appendChild(c);const u=this.querySelector('[slot="content"]'),n=document.createElement("div");return n.className="content",u&&n.appendChild(u.cloneNode(!0)),i.appendChild(n),e.appendChild(i),e}_getContentSource(){return this.querySelector('[slot="content"]')}_placement(){const e=this.getAttribute("placement");return e||"bottom"}_offset(){const e=Number(this.getAttribute("offset"));return Number.isFinite(e)?e:8}_closeOnEscape(){return this.getAttribute("close-on-escape")!=="false"}_closeOnOutside(){return this.getAttribute("close-on-outside")!=="false"}_syncDismissableLayer(){const e=this._getTrigger();!e||!this._panelEl||(this._layer?.destroy(),this._layer=b.createDismissableLayer({node:this._panelEl,trigger:e,closeOnEscape:this._closeOnEscape(),closeOnPointerOutside:this._closeOnOutside(),onDismiss:()=>this.close()}))}_teardownPortal(){if(this._contentObserver?.disconnect(),this._contentObserver=null,this._layer?.destroy(),this._layer=null,this._positioner?.destroy(),this._positioner=null,this._panelEl=null,this._portalEl?.parentElement)try{this._portalEl.parentElement.removeChild(this._portalEl)}catch{}this._portalEl=null}_schedulePortalSync(){this._syncPortalScheduled||!this._isOpen||(this._syncPortalScheduled=!0,queueMicrotask(()=>{this._syncPortalScheduled=!1,this._isOpen&&this._mountPortal()}))}_observeContent(){this._contentObserver?.disconnect(),this._contentObserver=null;const e=this._getContentSource();!e||typeof MutationObserver>"u"||(this._contentObserver=new MutationObserver(()=>this._schedulePortalSync()),this._contentObserver.observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))}_observeHost(){this._hostObserver?.disconnect(),this._hostObserver=null,!(typeof MutationObserver>"u")&&(this._hostObserver=new MutationObserver(()=>this._schedulePortalSync()),this._hostObserver.observe(this,{childList:!0,subtree:!1}))}_mountPortal(){const e=this._getTrigger();if(!e)return;this._teardownPortal(),this._portalEl=this._buildPortalContent();const t=f.createPortalContainer();t&&(t.appendChild(this._portalEl),this._observeContent(),this._positioner=g.createPositioner({anchor:e,floating:this._portalEl,placement:this._placement(),offset:this._offset(),shift:this.getAttribute("shift")!=="false",flip:this.getAttribute("flip")!=="false",arrow:this._portalEl.querySelector(".arrow")}),this._syncDismissableLayer())}_syncOpenState(){const e=this.hasAttribute("open");if(e===this._isOpen){e&&(!this._portalEl||!this._portalEl.isConnected?this._mountPortal():this._positioner?.update());return}if(this._isOpen=e,e){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!0},bubbles:!0,composed:!0}));return}this._teardownPortal(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!1},bubbles:!0,composed:!0}));const t=this._getTrigger(),r=this._restoreFocusEl;this._restoreFocusEl=null;const o=(t&&t.isConnected?t:r)||null;if(o&&o.isConnected)try{o.focus()}catch{}}render(){this.setContent('<slot name="trigger"></slot>')}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-popover")&&customElements.define("ui-popover",d);exports.UIPopover=d;
+`;class d extends f.ElementBase{constructor(){super(),this._portalEl=null,this._panelEl=null,this._positioner=null,this._layer=null,this._isOpen=!1,this._restoreFocusEl=null,this._contentObserver=null,this._hostObserver=null,this._syncPortalScheduled=!1,this._onHostClick=this._handleHostClick.bind(this)}static get observedAttributes(){return["open","placement","offset","flip","shift","close-on-escape","close-on-outside","variant","tone","size","radius","elevation"]}attributeChangedCallback(e,t,r){if(t!==r){if(e==="open"){this._syncOpenState();return}this._isOpen&&this._portalEl?.isConnected&&(e==="placement"||e==="offset"||e==="flip"||e==="shift"||e==="variant"||e==="tone"||e==="size"||e==="radius"||e==="elevation"?this._mountPortal():(e==="close-on-escape"||e==="close-on-outside")&&this._syncDismissableLayer())}}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this._onHostClick),this._observeHost(),this._syncOpenState()}disconnectedCallback(){this.removeEventListener("click",this._onHostClick),this._hostObserver?.disconnect(),this._hostObserver=null,this._teardownPortal(),super.disconnectedCallback()}_handleHostClick(e){const t=this._getTrigger();if(!t)return;const r=typeof e.composedPath=="function"?e.composedPath():[],o=e.target instanceof Node?e.target:null;(r.includes(t)||o&&(t===o||t.contains(o)))&&this.toggle()}open(){this.setAttribute("open","")}close(){this.removeAttribute("open")}toggle(){this.hasAttribute("open")?this.close():this.open()}updatePosition(){this._positioner?.update()}_getTrigger(){return this.querySelector('[slot="trigger"]')}_buildPortalContent(){const e=document.createElement("div");e.className="popover-shell",e.style.pointerEvents="auto";const t=this.getAttribute("variant");t&&(e.dataset.variant=t);const r=this.getAttribute("tone");r&&(e.dataset.tone=r);const o=this.getAttribute("size");o&&(e.dataset.size=o);const a=this.getAttribute("elevation");a&&(e.dataset.elevation=a);const n=this.getAttribute("radius");if(n&&n.trim()){const l=n.trim(),h=/^-?\d+(\.\d+)?$/.test(l)?`${l}px`:l;e.style.setProperty("--ui-popover-radius",h)}const c=document.createElement("style");c.textContent=_,e.appendChild(c);const i=document.createElement("div");i.className="panel show",this._panelEl=i;const u=document.createElement("div");u.className="arrow",i.appendChild(u);const v=this.querySelector('[slot="content"]'),p=document.createElement("div");return p.className="content",v&&p.appendChild(v.cloneNode(!0)),i.appendChild(p),e.appendChild(i),e}_getContentSource(){return this.querySelector('[slot="content"]')}_placement(){const e=this.getAttribute("placement");return e||"bottom"}_offset(){const e=Number(this.getAttribute("offset"));return Number.isFinite(e)?e:8}_closeOnEscape(){return this.getAttribute("close-on-escape")!=="false"}_closeOnOutside(){return this.getAttribute("close-on-outside")!=="false"}_syncDismissableLayer(){const e=this._getTrigger();!e||!this._panelEl||(this._layer?.destroy(),this._layer=g.createDismissableLayer({node:this._panelEl,trigger:e,closeOnEscape:this._closeOnEscape(),closeOnPointerOutside:this._closeOnOutside(),onDismiss:()=>this.close()}))}_teardownPortal(e=!1){this._contentObserver?.disconnect(),this._contentObserver=null,this._layer?.destroy(),this._layer=null,this._positioner?.destroy(),this._positioner=null,this._panelEl=null,e?s.retireOverlay(this._portalEl):s.removeOverlay(this._portalEl),this._portalEl=null}_schedulePortalSync(){this._syncPortalScheduled||!this._isOpen||(this._syncPortalScheduled=!0,queueMicrotask(()=>{this._syncPortalScheduled=!1,this._isOpen&&this._mountPortal()}))}_observeContent(){this._contentObserver?.disconnect(),this._contentObserver=null;const e=this._getContentSource();!e||typeof MutationObserver>"u"||(this._contentObserver=new MutationObserver(()=>this._schedulePortalSync()),this._contentObserver.observe(e,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))}_observeHost(){this._hostObserver?.disconnect(),this._hostObserver=null,!(typeof MutationObserver>"u")&&(this._hostObserver=new MutationObserver(()=>this._schedulePortalSync()),this._hostObserver.observe(this,{childList:!0,subtree:!1}))}_mountPortal(){const e=this._getTrigger();if(!e)return;this._teardownPortal(),this._portalEl=this._buildPortalContent();const t=b.createPortalContainer();t&&(t.appendChild(this._portalEl),this._observeContent(),this._positioner=m.createPositioner({anchor:e,floating:this._portalEl,placement:this._placement(),offset:this._offset(),shift:this.getAttribute("shift")!=="false",flip:this.getAttribute("flip")!=="false",arrow:this._portalEl.querySelector(".arrow")}),s.openOverlay(this._portalEl),this._syncDismissableLayer())}_syncOpenState(){const e=this.hasAttribute("open");if(e===this._isOpen){e&&(!this._portalEl||!this._portalEl.isConnected?this._mountPortal():this._positioner?.update());return}if(this._isOpen=e,e){this._restoreFocusEl=document.activeElement instanceof HTMLElement?document.activeElement:null,this._mountPortal(),this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!0},bubbles:!0,composed:!0}));return}this._teardownPortal(!0),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("open-change",{detail:{open:!1},bubbles:!0,composed:!0}));const t=this._getTrigger(),r=this._restoreFocusEl;this._restoreFocusEl=null;const o=(t&&t.isConnected?t:r)||null;if(o&&o.isConnected)try{o.focus()}catch{}}render(){this.setContent('<slot name="trigger"></slot>')}shouldRenderOnAttributeChange(e,t,r){return!1}}typeof customElements<"u"&&!customElements.get("ui-popover")&&customElements.define("ui-popover",d);exports.UIPopover=d;

package/dist/popover.esm.js

@@ -1,25 +1,21 @@
-import { E as v } from "./ElementBase-BeZT54Hj.mjs";
-import { b as h } from "./portal-bR42gHvG.mjs";
+import { E as d } from "./ElementBase-BeZT54Hj.mjs";
+import { b as h } from "./portal-DeaM1tYY.mjs";
 import { c as f } from "./dismissable-layer-BmPIoK80.mjs";
-import { e as b } from "./positioner-D0VGxtYU.mjs";
-const g = `
+import { e as b } from "./positioner-BE8Nbho2.mjs";
+import { O as g, r as m, a as _, o as x } from "./overlay-motion-BX3dPLay.mjs";
+const w = `
+  ${g}
+
   .popover-shell {
     --ui-popover-accent: var(--ui-color-primary, var(--ui-primary, #2563eb));
-    --ui-popover-bg:
-      linear-gradient(
-        180deg,
-        color-mix(in srgb, var(--ui-color-surface, #ffffff) 98%, transparent) 0%,
-        color-mix(in srgb, var(--ui-color-surface-elevated, #f8fafc) 24%, var(--ui-color-surface, #ffffff)) 100%
-      );
+    --ui-popover-bg: var(--color-panel-solid, var(--ui-color-surface-elevated, var(--ui-color-surface, #ffffff)));
     --ui-popover-text: var(--ui-color-text, #0f172a);
     --ui-popover-muted: var(--ui-color-muted, #526175);
-    --ui-popover-border-color: color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent);
+    --ui-popover-border-color: var(--ui-color-line-subtle, color-mix(in srgb, var(--ui-color-border, #cbd5e1) 70%, transparent));
     --ui-popover-border: 1px solid var(--ui-popover-border-color);
-    --ui-popover-shadow:
-      0 14px 34px rgba(15, 23, 42, 0.12),
-      0 28px 64px rgba(15, 23, 42, 0.08);
-    --ui-popover-radius: 14px;
-    --ui-popover-padding: 14px;
+    --ui-popover-shadow: var(--shadow-5, 0 8px 24px rgba(15, 23, 42, 0.12));
+    --ui-popover-radius: calc(var(--ui-radius, 6px) + 2px);
+    --ui-popover-padding: 16px;
     --ui-popover-backdrop: none;
     --ui-popover-font-size: var(--ui-default-font-size, var(--font-size-2, var(--ui-font-size-md, 14px)));
     --ui-popover-line-height: var(--ui-default-line-height, var(--line-height-2, 20px));
@@ -28,22 +24,22 @@ const g = `
 
   .popover-shell[data-size="sm"],
   .popover-shell[data-size="1"] {
-    --ui-popover-radius: 12px;
-    --ui-popover-padding: 10px;
+    --ui-popover-radius: var(--ui-radius, 6px);
+    --ui-popover-padding: 12px;
     --ui-popover-font-size: 13px;
     --ui-popover-line-height: 18px;
   }
 
   .popover-shell[data-size="md"],
   .popover-shell[data-size="2"] {
-    --ui-popover-radius: 14px;
-    --ui-popover-padding: 14px;
+    --ui-popover-radius: calc(var(--ui-radius, 6px) + 2px);
+    --ui-popover-padding: 16px;
   }
 
   .popover-shell[data-size="lg"],
   .popover-shell[data-size="3"] {
-    --ui-popover-radius: 18px;
-    --ui-popover-padding: 18px;
+    --ui-popover-radius: calc(var(--ui-radius, 6px) + 4px);
+    --ui-popover-padding: 20px;
     --ui-popover-font-size: 15px;
     --ui-popover-line-height: 22px;
   }
@@ -150,16 +146,12 @@ const g = `
     padding: var(--ui-popover-padding);
     box-shadow: var(--ui-popover-shadow);
     backdrop-filter: var(--ui-popover-backdrop);
-    font: 500 var(--ui-popover-font-size)/var(--ui-popover-line-height) var(--ui-font-family, system-ui, sans-serif);
+    font: 400 var(--ui-popover-font-size)/var(--ui-popover-line-height) var(--ui-font-family, system-ui, sans-serif);
     letter-spacing: var(--ui-popover-letter-spacing);
-    opacity: 0;
-    transform: translateY(6px) scale(0.99);
-    transition: opacity var(--ui-motion-base, 200ms) var(--ui-motion-easing, ease), transform var(--ui-motion-base, 200ms) var(--ui-motion-easing, ease);
     position: relative;
     min-inline-size: min(180px, calc(100vw - 24px));
     max-inline-size: min(360px, calc(100vw - 24px));
   }
-  .panel.show { opacity: 1; transform: translateY(0) scale(1); }
 
   .content {
     display: grid;
@@ -253,9 +245,6 @@ const g = `
     transform: rotate(-90deg);
   }
 
-  @media (prefers-reduced-motion: reduce) {
-    .panel { transition: none !important; transform: none !important; }
-  }
 
   @media (prefers-contrast: more) {
     .panel {
@@ -288,7 +277,7 @@ const g = `
     }
   }
 `;
-class m extends v {
+class y extends d {
   constructor() {
     super(), this._portalEl = null, this._panelEl = null, this._positioner = null, this._layer = null, this._isOpen = !1, this._restoreFocusEl = null, this._contentObserver = null, this._hostObserver = null, this._syncPortalScheduled = !1, this._onHostClick = this._handleHostClick.bind(this);
   }
@@ -357,11 +346,11 @@ class m extends v {
     a && (e.dataset.elevation = a);
     const s = this.getAttribute("radius");
     if (s && s.trim()) {
-      const p = s.trim(), d = /^-?\d+(\.\d+)?$/.test(p) ? `${p}px` : p;
-      e.style.setProperty("--ui-popover-radius", d);
+      const p = s.trim(), v = /^-?\d+(\.\d+)?$/.test(p) ? `${p}px` : p;
+      e.style.setProperty("--ui-popover-radius", v);
     }
     const l = document.createElement("style");
-    l.textContent = g, e.appendChild(l);
+    l.textContent = w, e.appendChild(l);
     const i = document.createElement("div");
     i.className = "panel show", this._panelEl = i;
     const c = document.createElement("div");
@@ -396,13 +385,8 @@ class m extends v {
       onDismiss: () => this.close()
     }));
   }
-  _teardownPortal() {
-    if (this._contentObserver?.disconnect(), this._contentObserver = null, this._layer?.destroy(), this._layer = null, this._positioner?.destroy(), this._positioner = null, this._panelEl = null, this._portalEl?.parentElement)
-      try {
-        this._portalEl.parentElement.removeChild(this._portalEl);
-      } catch {
-      }
-    this._portalEl = null;
+  _teardownPortal(e = !1) {
+    this._contentObserver?.disconnect(), this._contentObserver = null, this._layer?.destroy(), this._layer = null, this._positioner?.destroy(), this._positioner = null, this._panelEl = null, e ? m(this._portalEl) : _(this._portalEl), this._portalEl = null;
   }
   _schedulePortalSync() {
     this._syncPortalScheduled || !this._isOpen || (this._syncPortalScheduled = !0, queueMicrotask(() => {
@@ -438,7 +422,7 @@ class m extends v {
       shift: this.getAttribute("shift") !== "false",
       flip: this.getAttribute("flip") !== "false",
       arrow: this._portalEl.querySelector(".arrow")
-    }), this._syncDismissableLayer());
+    }), x(this._portalEl), this._syncDismissableLayer());
   }
   _syncOpenState() {
     const e = this.hasAttribute("open");
@@ -450,7 +434,7 @@ class m extends v {
       this._restoreFocusEl = document.activeElement instanceof HTMLElement ? document.activeElement : null, this._mountPortal(), this.dispatchEvent(new CustomEvent("open", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("open-change", { detail: { open: !0 }, bubbles: !0, composed: !0 }));
       return;
     }
-    this._teardownPortal(), this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("open-change", { detail: { open: !1 }, bubbles: !0, composed: !0 }));
+    this._teardownPortal(!0), this.dispatchEvent(new CustomEvent("close", { bubbles: !0, composed: !0 })), this.dispatchEvent(new CustomEvent("open-change", { detail: { open: !1 }, bubbles: !0, composed: !0 }));
     const t = this._getTrigger(), r = this._restoreFocusEl;
     this._restoreFocusEl = null;
     const o = (t && t.isConnected ? t : r) || null;
@@ -467,7 +451,7 @@ class m extends v {
     return !1;
   }
 }
-typeof customElements < "u" && !customElements.get("ui-popover") && customElements.define("ui-popover", m);
+typeof customElements < "u" && !customElements.get("ui-popover") && customElements.define("ui-popover", y);
 export {
-  m as UIPopover
+  y as UIPopover
 };

package/dist/portal-DeaM1tYY.mjs

@@ -0,0 +1,121 @@
+import { a as M, c as W } from "./positioner-BE8Nbho2.mjs";
+function D(o = "ui-portal-root") {
+  if (typeof document > "u") return null;
+  let e = document.getElementById(o);
+  return e || (e = document.createElement("div"), e.id = o, e.style.position = "fixed", e.style.top = "0", e.style.left = "0", e.style.width = "100%", e.style.height = "0", e.style.pointerEvents = "none", e.style.zIndex = "var(--ui-portal-z, 1600)", document.body.appendChild(e)), e.style.zIndex || (e.style.zIndex = "var(--ui-portal-z, 1600)"), e;
+}
+function v(o, e, i = "top") {
+  const t = typeof i == "string" ? { placement: i } : i, f = e instanceof HTMLElement ? e : typeof e.getBoundingClientRect == "function" ? e.getBoundingClientRect() : e, n = W(o, f, {
+    placement: t.placement || "top",
+    strategy: t.strategy || "fixed",
+    offset: typeof t.offset == "number" ? t.offset : 8,
+    flip: t.flip,
+    shift: t.shift,
+    arrow: t.arrow ?? null,
+    boundary: t.boundary ?? null,
+    boundaryPadding: t.boundaryPadding,
+    dir: t.dir,
+    autoPlacement: t.autoPlacement,
+    allowedPlacements: t.allowedPlacements,
+    fallbackPlacements: t.fallbackPlacements,
+    inline: t.inline,
+    hideWhenDetached: t.hideWhenDetached
+  }), l = o.getBoundingClientRect(), g = n.middlewareData?.arrow?.x ?? Math.round(l.left + l.width / 2 - n.x), b = n.middlewareData?.arrow?.y ?? Math.round(l.top + l.height / 2 - n.y);
+  return {
+    top: n.y,
+    left: n.x,
+    placement: n.placement,
+    x: g,
+    y: b,
+    strategy: n.strategy,
+    availableWidth: n.availableWidth,
+    availableHeight: n.availableHeight,
+    middlewareData: n.middlewareData,
+    referenceHidden: n.referenceHidden,
+    escaped: n.escaped
+  };
+}
+function R(o, e, i, t = {}) {
+  return M(o, e, i, t);
+}
+function S(o, e, i = "top") {
+  const t = typeof i == "string" ? { placement: i } : i, f = t.placement || "top", n = typeof t.offset == "number" ? t.offset : 8, l = t.flip !== !1, g = !!t.shift, b = D();
+  if (!b) return;
+  e.style.position = "absolute", e.style.pointerEvents = "auto", b.appendChild(e);
+  let w = () => {
+  };
+  function C(s, h, c) {
+    const a = t.arrow || e.querySelector(".arrow");
+    if (!a) return;
+    const p = o.getBoundingClientRect(), P = p.left + p.width / 2, d = p.top + p.height / 2;
+    if (c === "top" || c === "bottom") {
+      const u = P - h, m = 8, y = e.offsetWidth - 8, r = Math.max(m, Math.min(y, u));
+      a.style.left = `${Math.round(r)}px`, a.style.top = "";
+    } else {
+      const u = d - s, m = 8, y = e.offsetHeight - 8, r = Math.max(m, Math.min(y, u));
+      a.style.top = `${Math.round(r)}px`, a.style.left = "";
+    }
+  }
+  function x() {
+    if (o && typeof o.getBoundingClientRect == "function" && o instanceof HTMLElement) {
+      const d = o, u = d.getRootNode?.(), m = u instanceof ShadowRoot ? u.host : null, y = d.isConnected || document.body.contains(d) || (m ? document.body.contains(m) : !1), r = window.getComputedStyle(d), H = r.display !== "none" && r.visibility !== "hidden" && parseFloat(r.opacity || "1") > 0;
+      if (!y || !H) {
+        try {
+          e.parentElement && e.parentElement.removeChild(e);
+        } catch {
+        }
+        w();
+        return;
+      }
+    }
+    const s = v(o, e, {
+      placement: f,
+      offset: n,
+      flip: l,
+      shift: g,
+      strategy: t.strategy || "fixed",
+      boundary: t.boundary ?? null,
+      boundaryPadding: t.boundaryPadding,
+      dir: t.dir,
+      autoPlacement: t.autoPlacement,
+      allowedPlacements: t.allowedPlacements,
+      fallbackPlacements: t.fallbackPlacements,
+      inline: t.inline,
+      hideWhenDetached: t.hideWhenDetached,
+      arrow: t.arrow ?? null
+    }), h = window.innerWidth || document.documentElement.clientWidth, c = window.innerHeight || document.documentElement.clientHeight;
+    let a = s;
+    l && (s.top < 0 && f === "top" || s.top + e.offsetHeight > c && f === "bottom") && (a = v(o, e, {
+      placement: f === "top" ? "bottom" : "top",
+      offset: n,
+      flip: l,
+      shift: g,
+      strategy: t.strategy || "fixed",
+      boundary: t.boundary ?? null,
+      boundaryPadding: t.boundaryPadding,
+      dir: t.dir,
+      autoPlacement: t.autoPlacement,
+      allowedPlacements: t.allowedPlacements,
+      fallbackPlacements: t.fallbackPlacements,
+      inline: t.inline,
+      hideWhenDetached: t.hideWhenDetached,
+      arrow: t.arrow ?? null
+    })), a.left < 4 && (a.left = 4), a.left + e.offsetWidth > h - 4 && (a.left = h - e.offsetWidth - 4), a.top < 4 && (a.top = 4), a.top + e.offsetHeight > c - 4 && (a.top = c - e.offsetHeight - 4), e.style.top = `${Math.round(a.top)}px`, e.style.left = `${Math.round(a.left)}px`, C(a.top, a.left, a.placement), e.setAttribute("data-placement", a.placement);
+    const [p, P] = String(a.placement).split("-");
+    e.setAttribute("data-side", p || "bottom"), e.setAttribute("data-align", P || "center");
+  }
+  return x(), w = R(o, e, x), (s) => {
+    if (s?.remove !== !1)
+      try {
+        e.parentElement && e.parentElement.removeChild(e);
+      } catch {
+      }
+    w();
+  };
+}
+export {
+  R as a,
+  D as b,
+  v as c,
+  S as s
+};

package/dist/portal-XbYR3m_q.js

@@ -0,0 +1 @@
+"use strict";const C=require("./positioner-DZ1FW6A9.js");function H(a="ui-portal-root"){if(typeof document>"u")return null;let e=document.getElementById(a);return e||(e=document.createElement("div"),e.id=a,e.style.position="fixed",e.style.top="0",e.style.left="0",e.style.width="100%",e.style.height="0",e.style.pointerEvents="none",e.style.zIndex="var(--ui-portal-z, 1600)",document.body.appendChild(e)),e.style.zIndex||(e.style.zIndex="var(--ui-portal-z, 1600)"),e}function x(a,e,i="top"){const t=typeof i=="string"?{placement:i}:i,f=e instanceof HTMLElement?e:typeof e.getBoundingClientRect=="function"?e.getBoundingClientRect():e,n=C.computePositionState(a,f,{placement:t.placement||"top",strategy:t.strategy||"fixed",offset:typeof t.offset=="number"?t.offset:8,flip:t.flip,shift:t.shift,arrow:t.arrow??null,boundary:t.boundary??null,boundaryPadding:t.boundaryPadding,dir:t.dir,autoPlacement:t.autoPlacement,allowedPlacements:t.allowedPlacements,fallbackPlacements:t.fallbackPlacements,inline:t.inline,hideWhenDetached:t.hideWhenDetached}),l=a.getBoundingClientRect(),g=n.middlewareData?.arrow?.x??Math.round(l.left+l.width/2-n.x),b=n.middlewareData?.arrow?.y??Math.round(l.top+l.height/2-n.y);return{top:n.y,left:n.x,placement:n.placement,x:g,y:b,strategy:n.strategy,availableWidth:n.availableWidth,availableHeight:n.availableHeight,middlewareData:n.middlewareData,referenceHidden:n.referenceHidden,escaped:n.escaped}}function M(a,e,i,t={}){return C.autoUpdatePositioner(a,e,i,t)}function R(a,e,i="top"){const t=typeof i=="string"?{placement:i}:i,f=t.placement||"top",n=typeof t.offset=="number"?t.offset:8,l=t.flip!==!1,g=!!t.shift,b=H();if(!b)return;e.style.position="absolute",e.style.pointerEvents="auto",b.appendChild(e);let w=()=>{};function W(s,h,c){const o=t.arrow||e.querySelector(".arrow");if(!o)return;const u=a.getBoundingClientRect(),P=u.left+u.width/2,d=u.top+u.height/2;if(c==="top"||c==="bottom"){const p=P-h,m=8,y=e.offsetWidth-8,r=Math.max(m,Math.min(y,p));o.style.left=`${Math.round(r)}px`,o.style.top=""}else{const p=d-s,m=8,y=e.offsetHeight-8,r=Math.max(m,Math.min(y,p));o.style.top=`${Math.round(r)}px`,o.style.left=""}}function v(){if(a&&typeof a.getBoundingClientRect=="function"&&a instanceof HTMLElement){const d=a,p=d.getRootNode?.(),m=p instanceof ShadowRoot?p.host:null,y=d.isConnected||document.body.contains(d)||(m?document.body.contains(m):!1),r=window.getComputedStyle(d),D=r.display!=="none"&&r.visibility!=="hidden"&&parseFloat(r.opacity||"1")>0;if(!y||!D){try{e.parentElement&&e.parentElement.removeChild(e)}catch{}w();return}}const s=x(a,e,{placement:f,offset:n,flip:l,shift:g,strategy:t.strategy||"fixed",boundary:t.boundary??null,boundaryPadding:t.boundaryPadding,dir:t.dir,autoPlacement:t.autoPlacement,allowedPlacements:t.allowedPlacements,fallbackPlacements:t.fallbackPlacements,inline:t.inline,hideWhenDetached:t.hideWhenDetached,arrow:t.arrow??null}),h=window.innerWidth||document.documentElement.clientWidth,c=window.innerHeight||document.documentElement.clientHeight;let o=s;l&&(s.top<0&&f==="top"||s.top+e.offsetHeight>c&&f==="bottom")&&(o=x(a,e,{placement:f==="top"?"bottom":"top",offset:n,flip:l,shift:g,strategy:t.strategy||"fixed",boundary:t.boundary??null,boundaryPadding:t.boundaryPadding,dir:t.dir,autoPlacement:t.autoPlacement,allowedPlacements:t.allowedPlacements,fallbackPlacements:t.fallbackPlacements,inline:t.inline,hideWhenDetached:t.hideWhenDetached,arrow:t.arrow??null})),o.left<4&&(o.left=4),o.left+e.offsetWidth>h-4&&(o.left=h-e.offsetWidth-4),o.top<4&&(o.top=4),o.top+e.offsetHeight>c-4&&(o.top=c-e.offsetHeight-4),e.style.top=`${Math.round(o.top)}px`,e.style.left=`${Math.round(o.left)}px`,W(o.top,o.left,o.placement),e.setAttribute("data-placement",o.placement);const[u,P]=String(o.placement).split("-");e.setAttribute("data-side",u||"bottom"),e.setAttribute("data-align",P||"center")}return v(),w=M(a,e,v),s=>{if(s?.remove!==!1)try{e.parentElement&&e.parentElement.removeChild(e)}catch{}w()}}exports.autoUpdatePosition=M;exports.computePosition=x;exports.createPortalContainer=H;exports.showPortalFor=R;

package/dist/portal.cjs.js

@@ -2,7 +2,7 @@
   :host {
     display: contents;
     color-scheme: light dark;
-    --ui-portal-color: var(--ui-color-text, inherit);
+    --ui-portal-color: inherit;
     color: var(--ui-portal-color);
   }
 

package/dist/portal.d.ts

@@ -50,5 +50,7 @@ export type ShowPortalOptions = {
     hideWhenDetached?: boolean;
     arrow?: HTMLElement | null;
 };
-export declare function showPortalFor(anchor: HTMLElement | VirtualElement, contentEl: HTMLElement, placementOrOptions?: Placement | ShowPortalOptions): (() => void) | undefined;
+export declare function showPortalFor(anchor: HTMLElement | VirtualElement, contentEl: HTMLElement, placementOrOptions?: Placement | ShowPortalOptions): ((options?: {
+    remove?: boolean;
+}) => void) | undefined;
 //# sourceMappingURL=portal.d.ts.map

package/dist/portal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,2BAA2B,EAChC,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAEjC,wBAAgB,qBAAqB,CAAC,EAAE,SAAmB,yBAiB1D;AAED,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;CAAE,CAAC;AAEtE,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,GAAE,SAAS,GAAG,cAAsB;;;;;;;;;;;;EAwCjJ;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,WAAW,GAAG,cAAc,EACpC,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,GAAE,2BAAgC,cAG1C;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,kBAAkB,GAAE,SAAS,GAAG,iBAAyB,4BA0HpJ"}
+{"version":3,"file":"portal.d.ts","sourceRoot":"","sources":["../src/portal.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,2BAA2B,EAChC,KAAK,mBAAmB,EACzB,MAAM,yBAAyB,CAAC;AAEjC,wBAAgB,qBAAqB,CAAC,EAAE,SAAmB,yBAiB1D;AAED,MAAM,MAAM,SAAS,GAAG,mBAAmB,CAAC;AAE5C,MAAM,MAAM,cAAc,GAAG;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAAE,qBAAqB,EAAE,MAAM,OAAO,CAAA;CAAE,CAAC;AAEtE,wBAAgB,eAAe,CAAC,MAAM,EAAE,WAAW,GAAG,cAAc,EAAE,OAAO,EAAE,WAAW,EAAE,kBAAkB,GAAE,SAAS,GAAG,cAAsB;;;;;;;;;;;;EAwCjJ;AAED,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,WAAW,GAAG,cAAc,EACpC,SAAS,EAAE,WAAW,EACtB,QAAQ,EAAE,MAAM,IAAI,EACpB,OAAO,GAAE,2BAAgC,cAG1C;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAChC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;IAChC,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC5B,CAAC;AAEF,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,cAAc,EAAE,SAAS,EAAE,WAAW,EAAE,kBAAkB,GAAE,SAAS,GAAG,iBAAyB,eA0HjI;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,uBAMvC"}

package/dist/portal.esm.js

@@ -4,7 +4,7 @@ const a = `
   :host {
     display: contents;
     color-scheme: light dark;
-    --ui-portal-color: var(--ui-color-text, inherit);
+    --ui-portal-color: inherit;
     color: var(--ui-portal-color);
   }
 

package/dist/{positioner-D0VGxtYU.mjs → positioner-BE8Nbho2.mjs}

@@ -505,10 +505,12 @@ function ae(e, t) {
 }
 function de(e, t, n, r) {
   if (e.style.position = n, e.style.left = `${Math.round(t.x)}px`, e.style.top = `${Math.round(t.y)}px`, e.style.setProperty("--ui-positioner-x", `${Math.round(t.x)}px`), e.style.setProperty("--ui-positioner-y", `${Math.round(t.y)}px`), r.matchWidth) {
-    const i = x(r.anchor);
-    e.style.width = `${Math.round(i.width)}px`;
+    const c = x(r.anchor);
+    e.style.width = `${Math.round(c.width)}px`;
   }
-  r.fitViewport && (e.style.maxWidth = `${Math.round(t.availableWidth)}px`, e.style.maxHeight = `${Math.round(t.availableHeight)}px`), e.setAttribute("data-placement", t.placement), typeof t.referenceHidden == "boolean" || typeof t.escaped == "boolean" ? (e.setAttribute("data-reference-hidden", t.referenceHidden ? "true" : "false"), e.setAttribute("data-escaped", t.escaped ? "true" : "false")) : (e.removeAttribute("data-reference-hidden"), e.removeAttribute("data-escaped")), r.arrow instanceof HTMLElement && (t.middlewareData?.arrow ? ae(r.arrow, t) : le(r.arrow, t, x(r.anchor), e.getBoundingClientRect()));
+  r.fitViewport && (e.style.maxWidth = `${Math.round(t.availableWidth)}px`, e.style.maxHeight = `${Math.round(t.availableHeight)}px`), e.setAttribute("data-placement", t.placement);
+  const [i, o] = String(t.placement).split("-");
+  e.setAttribute("data-side", i || "bottom"), e.setAttribute("data-align", o || "center"), typeof t.referenceHidden == "boolean" || typeof t.escaped == "boolean" ? (e.setAttribute("data-reference-hidden", t.referenceHidden ? "true" : "false"), e.setAttribute("data-escaped", t.escaped ? "true" : "false")) : (e.removeAttribute("data-reference-hidden"), e.removeAttribute("data-escaped")), r.arrow instanceof HTMLElement && (t.middlewareData?.arrow ? ae(r.arrow, t) : le(r.arrow, t, x(r.anchor), e.getBoundingClientRect()));
 }
 function me(e) {
   if (!(e.floating instanceof HTMLElement))

package/dist/{positioner-D_fqyx_j.js → positioner-DZ1FW6A9.js}

@@ -1 +1 @@
-"use strict";const X=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];function z(e){return e instanceof HTMLElement}function Y(e){return!!e&&typeof e.top=="number"&&typeof e.left=="number"}function $(e){return!!e&&typeof e.getBoundingClientRect=="function"}function C(e){const t=e.x??0,n=e.y??0;return typeof DOMRect.fromRect=="function"?DOMRect.fromRect({x:t,y:n,width:e.width,height:e.height}):new DOMRect(t,n,e.width,e.height)}function p(e){return e instanceof DOMRect?e:C({x:e.x??e.left,y:e.y??e.top,width:e.width,height:e.height})}function w(e){return z(e)?e.getBoundingClientRect():Y(e)?p(e):p(e.getBoundingClientRect())}function _(e,t){const n=t?.getClientRects?.(e);if(n)return Array.from(n).map(i=>p(i)).filter(i=>i.width>0||i.height>0);const r=(z(e)||$(e))&&typeof e.getClientRects=="function"?e.getClientRects():null;return r?Array.from(r).map(i=>p(i)).filter(i=>i.width>0||i.height>0):[]}function j(e,t,n,r){if(!n)return w(e);const i=_(e,r);if(i.length===0)return w(e);const{side:o}=x(t);return o==="bottom"||o==="right"?i[i.length-1]||w(e):i[0]||w(e)}function H(e){return z(e)?e:$(e)&&e.contextElement instanceof HTMLElement?e.contextElement:null}function G(e,t,n){if(n)return n;const r=H(e)||(t instanceof HTMLElement?t:null);return r&&window.getComputedStyle(r).direction==="rtl"?"rtl":"ltr"}function J(e,t,n){return{getBoundingClientRect:()=>C({x:e,y:t,width:0,height:0}),contextElement:n}}function K(e,t){const n=C({x:e.x??e.left,y:e.y??e.top,width:e.width,height:e.height});return{getBoundingClientRect:()=>n,contextElement:t}}function Q(e,t){return{getBoundingClientRect:()=>p(e.getBoundingClientRect()),getClientRects:()=>e.getClientRects(),contextElement:t}}function Z(){const e=window.innerWidth||document.documentElement.clientWidth||0,t=window.innerHeight||document.documentElement.clientHeight||0;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}function L(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}function ee(e,t){const n=Math.max(e.left,t.left),r=Math.max(e.top,t.top),i=Math.min(e.right,t.right),o=Math.min(e.bottom,t.bottom);return{top:r,left:n,right:i,bottom:o,width:Math.max(0,i-n),height:Math.max(0,o-r)}}function te(e){const t=window.getComputedStyle(e),n=`${t.overflow}${t.overflowX}${t.overflowY}`;return/(auto|scroll|overlay|hidden|clip)/.test(n)}function R(e){const t=[];let n=e?.parentElement??null;for(;n&&n!==document.body&&n!==document.documentElement;)te(n)&&t.push(n),n=n.parentElement;return t.push(window),t}function ne(e,t,n){let r=n instanceof HTMLElement?L(n.getBoundingClientRect()):Z();if(n instanceof HTMLElement)return r;const i=new Set,o=H(e);return o&&R(o).forEach(c=>{c instanceof Element&&i.add(c)}),t instanceof HTMLElement&&R(t).forEach(c=>{c instanceof Element&&i.add(c)}),i.forEach(c=>{r=ee(r,L(c.getBoundingClientRect()))}),r}function x(e){const[t,n]=e.split("-");return{side:t,align:n||"center"}}function re(e){return e==="top"?"bottom":e==="bottom"?"top":e==="left"?"right":"left"}function ie(e){const{side:t,align:n}=x(e);return`${re(t)}${n==="center"?"":`-${n}`}`}function O(e,t,n,r=0,i=0,o=!1){const{side:c,align:a}=x(n);let l=0,d=0;return c==="top"||c==="bottom"?(a==="start"?l=o?e.right-t.width:e.left:a==="end"?l=o?e.left:e.right-t.width:l=e.left+(e.width-t.width)/2,d=c==="top"?e.top-t.height-r:e.bottom+r,l+=i):(a==="start"?d=e.top:a==="end"?d=e.bottom-t.height:d=e.top+(e.height-t.height)/2,l=c==="left"?e.left-t.width-r:e.right+r,d+=i),{x:l,y:d}}function E(e,t,n){return Math.min(n,Math.max(t,e))}function P(e){return Math.max(0,e.top)+Math.max(0,e.right)+Math.max(0,e.bottom)+Math.max(0,e.left)}function D(e,t){const{side:n}=x(e);return Math.max(0,t[n])}function oe(e,t){const{side:n}=x(e);return n==="top"||n==="bottom"?Math.max(0,t.left)+Math.max(0,t.right):Math.max(0,t.top)+Math.max(0,t.bottom)}function b(e,t={}){const n=t.padding??e.padding,r=t.elementContext==="reference"?{x:e.rects.reference.left,y:e.rects.reference.top,width:e.rects.reference.width,height:e.rects.reference.height}:{x:e.x,y:e.y,width:e.rects.floating.width,height:e.rects.floating.height};return{top:e.boundary.top+n-r.y,right:r.x+r.width-(e.boundary.right-n),bottom:r.y+r.height-(e.boundary.bottom-n),left:e.boundary.left+n-r.x}}function F(e=0){return{name:"offset",options:e,fn(t){const n=typeof e=="number"?{mainAxis:e,crossAxis:0}:{mainAxis:e.mainAxis??0,crossAxis:e.crossAxis??0},r=O(t.rects.reference,t.rects.floating,t.placement,n.mainAxis,n.crossAxis,t.rtl);return{x:r.x,y:r.y,data:{x:r.x-t.x,y:r.y-t.y}}}}}function V(e={}){return{name:"flip",options:e,fn(t){const n=e.fallbackPlacements?.length?e.fallbackPlacements:[ie(t.initialPlacement)],i=[t.placement,...n].map(l=>{const d=t.getAnchorRect(l),f=t.getCoords(l,d),s=b({...t,x:f.x,y:f.y,rects:{...t.rects,reference:d}},{padding:e.padding??t.padding});return{placement:l,overflow:s,coords:f,reference:d}}),o=i[0];if(!o||D(t.placement,o.overflow)<=0)return{data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}};const a=i.find(({placement:l,overflow:d})=>D(l,d)<=0&&oe(l,d)<=0)||i.reduce((l,d)=>P(d.overflow)<P(l.overflow)?d:l,o);return a.placement===t.placement?{data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}}:{x:a.coords.x,y:a.coords.y,placement:a.placement,data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}}}}}function T(e={}){return{name:"autoPlacement",options:e,fn(t){const n=e.allowedPlacements?.length?e.allowedPlacements:X,r=n.map(o=>{const c=t.getAnchorRect(o),a=t.getCoords(o,c),l=b({...t,x:a.x,y:a.y,rects:{...t.rects,reference:c}},{padding:e.padding??t.padding});return{placement:o,overflow:l,coords:a,reference:c}}),i=r.reduce((o,c)=>{const a=P(c.overflow),l=P(o.overflow);if(a!==l)return a<l?c:o;const d=Math.max(0,t.boundary.right-c.coords.x)*Math.max(0,t.boundary.bottom-c.coords.y),f=Math.max(0,t.boundary.right-o.coords.x)*Math.max(0,t.boundary.bottom-o.coords.y);return d>f?c:o},r[0]);if(i)return{x:i.coords.x,y:i.coords.y,placement:i.placement,data:{index:n.indexOf(i.placement),overflows:r.map(({placement:o,overflow:c})=>({placement:o,overflow:c}))}}}}}function B(e={}){return{name:"shift",options:e,fn(t){const n=e.mainAxis??!0,r=e.crossAxis??!0,{side:i}=x(t.placement),o=b(t,{padding:e.padding??t.padding});let c=t.x,a=t.y;return i==="top"||i==="bottom"?(r&&(c+=Math.max(0,o.left)-Math.max(0,o.right)),n&&(a+=i==="top"?Math.max(0,o.top):-Math.max(0,o.bottom))):(r&&(a+=Math.max(0,o.top)-Math.max(0,o.bottom)),n&&(c+=i==="left"?Math.max(0,o.left):-Math.max(0,o.right))),{x:c,y:a,data:{x:c-t.x,y:a-t.y}}}}}function I(e={}){return{name:"size",options:e,fn(t){const n=e.padding??t.padding,r=Math.max(0,t.boundary.right-t.x-n),i=Math.max(0,t.boundary.bottom-t.y-n);return e.apply?.({availableWidth:r,availableHeight:i,rects:t.rects,elements:t.elements}),{data:{availableWidth:r,availableHeight:i}}}}}function k(e={}){return{name:"arrow",options:e,fn(t){const{side:n}=x(t.placement),r=e.padding??8,i=e.element?.getBoundingClientRect(),o=i?.width||e.element?.offsetWidth||0,c=i?.height||e.element?.offsetHeight||0,a=t.rects.reference.left+t.rects.reference.width/2,l=t.rects.reference.top+t.rects.reference.height/2;if(n==="top"||n==="bottom"){const u=o/2,y=r,v=Math.max(y,t.rects.floating.width-r-o),M=a-t.x-u,A=E(M,y,v);return{data:{x:A,centerOffset:M-A}}}const d=c/2,f=r,s=Math.max(f,t.rects.floating.height-r-c),g=l-t.y-d,m=E(g,f,s);return{data:{y:m,centerOffset:g-m}}}}}function q(e={}){return{name:"hide",options:e,fn(t){const n=e.padding??t.padding,r=b(t,{elementContext:"reference",padding:n}),i=b(t,{padding:n}),o=Object.values(r).some(a=>a>0),c=Object.values(i).some(a=>a>0);return{data:{referenceHidden:o,escaped:c,referenceHiddenOffsets:r,escapedOffsets:i}}}}}function ce(e){const t=typeof e.boundaryPadding=="number"?e.boundaryPadding:4,n=[];return e.autoPlacement?n.push(T({padding:t,allowedPlacements:e.allowedPlacements})):e.flip&&n.push(V({padding:t,fallbackPlacements:e.fallbackPlacements})),n.push(F({mainAxis:typeof e.offset=="number"?e.offset:8,crossAxis:typeof e.crossOffset=="number"?e.crossOffset:0})),(e.shift||e.fitViewport)&&n.push(B({padding:t})),(e.matchWidth||e.fitViewport)&&n.push(I({padding:t})),e.arrow&&n.push(k({element:e.arrow,padding:e.arrowPadding})),e.hideWhenDetached&&n.push(q({padding:t})),e.middleware?.length&&n.push(...e.middleware),n}function le(e,t,n){if(!n)return;typeof n.x=="number"&&(e.x=n.x),typeof n.y=="number"&&(e.y=n.y);const i=(typeof n.reset=="object"?n.reset.placement:void 0)||n.placement;if(i&&i!==e.placement){e.placement=i,e.rects=e.getRects(i);const o=e.getCoords(i,e.rects.reference);e.x=typeof n.x=="number"?n.x:o.x,e.y=typeof n.y=="number"?n.y:o.y}typeof n.x=="number"&&(e.x=n.x),typeof n.y=="number"&&(e.y=n.y),n.data!==void 0&&(e.middlewareData[t.name]=n.data)}function S(e,t,n={}){const r=z(t)?t.getBoundingClientRect():t,i=n.placement||"bottom",o=n.strategy||"fixed",c=typeof n.boundaryPadding=="number"?n.boundaryPadding:4,a=G(e,t,n.dir)==="rtl",l=h=>n.platform?.getElementRects?.({anchor:e,floating:t,placement:h,inline:!!n.inline})??{reference:j(e,h,!!n.inline,n.platform),floating:r},d=h=>l(h).reference,f=l(i),s=O(f.reference,f.floating,i,0,0,a),g={},m=n.platform?.getClippingRect?.({anchor:e,floating:t,boundary:n.boundary??null})??ne(e,t,n.boundary??null),u={x:s.x,y:s.y,initialPlacement:i,placement:i,strategy:o,rects:f,elements:{anchor:e,floating:t},boundary:m,padding:c,rtl:a,middlewareData:g,getRects:l,getAnchorRect:d,getCoords:(h,U=d(h))=>O(U,u.rects.floating,h,0,0,a)};ce(n).forEach(h=>{le(u,h,h.fn(u))});const y=g.size,v=g.hide,M=y?.availableWidth??Math.max(0,u.boundary.right-u.x-c),A=y?.availableHeight??Math.max(0,u.boundary.bottom-u.y-c);return{x:u.x,y:u.y,placement:u.placement,strategy:o,availableWidth:M,availableHeight:A,middlewareData:g,referenceHidden:v?.referenceHidden,escaped:v?.escaped,rects:u.rects}}function W(e,t){return t!=="absolute"?e:{...e,x:e.x+window.scrollX,y:e.y+window.scrollY}}function ae(e,t){if(typeof IntersectionObserver>"u")return()=>{};let n=()=>{};return(()=>{n();const i=e.getBoundingClientRect(),o=document.documentElement,c=`${-Math.floor(i.top)}px ${-Math.floor(o.clientWidth-i.right)}px ${-Math.floor(o.clientHeight-i.bottom)}px ${-Math.floor(i.left)}px`,a=new IntersectionObserver(()=>t(),{rootMargin:c,threshold:1});a.observe(e),n=()=>a.disconnect()})(),()=>n()}function de(e,t,n,r){let i=0,o=0,c=null,a=null,l=null;const d=[],f=H(e),s=()=>{i||(i=requestAnimationFrame(()=>{i=0,n()}))};if(r.observeWindowResize&&(window.addEventListener("resize",s),d.push(()=>window.removeEventListener("resize",s))),r.observeScroll&&(window.addEventListener("scroll",s,{passive:!0,capture:!0}),d.push(()=>window.removeEventListener("scroll",s,!0))),(r.observeAncestorScroll||r.observeAncestorResize?new Set([...f?R(f):[],...R(t)]):new Set).forEach(m=>{m!==window&&(r.observeAncestorScroll&&(m.addEventListener("scroll",s,{passive:!0}),d.push(()=>m.removeEventListener("scroll",s))),r.observeAncestorResize&&(m.addEventListener("resize",s),d.push(()=>m.removeEventListener("resize",s))))}),f&&r.observeLayoutShift&&d.push(ae(f,s)),typeof ResizeObserver<"u"&&(r.observeAnchorResize&&f&&(a=new ResizeObserver(s),a.observe(f)),r.observeFloatingResize&&(l=new ResizeObserver(s),l.observe(t))),r.animationFrame){c=w(e);const m=()=>{const u=w(e);c&&(c.top!==u.top||c.left!==u.left||c.width!==u.width||c.height!==u.height)&&s(),c=u,o=requestAnimationFrame(m)};o=requestAnimationFrame(m)}return()=>{d.forEach(m=>m()),a&&a.disconnect(),l&&l.disconnect(),i&&cancelAnimationFrame(i),o&&cancelAnimationFrame(o)}}function N(e,t,n,r={}){return de(e,t,n,{observeWindowResize:r.observeWindowResize??!0,observeScroll:r.observeScroll??!0,observeAncestorScroll:r.observeAncestorScroll??!0,observeAncestorResize:r.observeAncestorResize??!0,observeLayoutShift:r.observeLayoutShift??!0,observeAnchorResize:r.observeAnchorResize??!0,observeFloatingResize:r.observeFloatingResize??!0,animationFrame:r.animationFrame??!1})}function fe(e,t,n,r){const{side:i}=x(t.placement),o=n.left+n.width/2,c=n.top+n.height/2;if(i==="top"||i==="bottom"){const l=Math.max(8,r.width-8),d=E(o-t.x,8,l);e.style.left=`${Math.round(d)}px`}else{const l=Math.max(8,r.height-8),d=E(c-t.y,8,l);e.style.top=`${Math.round(d)}px`}}function se(e,t){const n=t.middlewareData?.arrow;n&&(typeof n.x=="number"&&(e.style.left=`${Math.round(n.x)}px`),typeof n.y=="number"&&(e.style.top=`${Math.round(n.y)}px`))}function ue(e,t,n,r){if(e.style.position=n,e.style.left=`${Math.round(t.x)}px`,e.style.top=`${Math.round(t.y)}px`,e.style.setProperty("--ui-positioner-x",`${Math.round(t.x)}px`),e.style.setProperty("--ui-positioner-y",`${Math.round(t.y)}px`),r.matchWidth){const i=w(r.anchor);e.style.width=`${Math.round(i.width)}px`}r.fitViewport&&(e.style.maxWidth=`${Math.round(t.availableWidth)}px`,e.style.maxHeight=`${Math.round(t.availableHeight)}px`),e.setAttribute("data-placement",t.placement),typeof t.referenceHidden=="boolean"||typeof t.escaped=="boolean"?(e.setAttribute("data-reference-hidden",t.referenceHidden?"true":"false"),e.setAttribute("data-escaped",t.escaped?"true":"false")):(e.removeAttribute("data-reference-hidden"),e.removeAttribute("data-escaped")),r.arrow instanceof HTMLElement&&(t.middlewareData?.arrow?se(r.arrow,t):fe(r.arrow,t,w(r.anchor),e.getBoundingClientRect()))}function me(e){if(!(e.floating instanceof HTMLElement))throw new Error("createPositioner requires a valid floating HTMLElement");const t=e.strategy||"fixed",n=e.floating;let r=W(S(e.anchor,n,e),t);const i=N(e.anchor,n,o,{observeWindowResize:e.observeWindowResize??!0,observeScroll:e.observeScroll??!0,observeAncestorScroll:e.observeAncestorScroll??!0,observeAncestorResize:e.observeAncestorResize??!0,observeLayoutShift:e.observeLayoutShift??!0,observeAnchorResize:e.observeAnchorResize??!0,observeFloatingResize:e.observeFloatingResize??!(e.fitViewport||e.matchWidth),animationFrame:e.animationFrame??!1});function o(){const c=W(S(e.anchor,n,e),t);return r=c,ue(n,c,t,e),e.onUpdate?.(c),r}return o(),{update:o,destroy(){i()}}}exports.arrowMiddleware=k;exports.autoPlacementMiddleware=T;exports.autoUpdatePositioner=N;exports.computePositionState=S;exports.createPositioner=me;exports.createVirtualPoint=J;exports.createVirtualRange=Q;exports.createVirtualRect=K;exports.detectPositionerOverflow=b;exports.flipMiddleware=V;exports.hideMiddleware=q;exports.offsetMiddleware=F;exports.shiftMiddleware=B;exports.sizeMiddleware=I;
+"use strict";const X=["top","top-start","top-end","right","right-start","right-end","bottom","bottom-start","bottom-end","left","left-start","left-end"];function z(e){return e instanceof HTMLElement}function Y(e){return!!e&&typeof e.top=="number"&&typeof e.left=="number"}function $(e){return!!e&&typeof e.getBoundingClientRect=="function"}function C(e){const t=e.x??0,n=e.y??0;return typeof DOMRect.fromRect=="function"?DOMRect.fromRect({x:t,y:n,width:e.width,height:e.height}):new DOMRect(t,n,e.width,e.height)}function p(e){return e instanceof DOMRect?e:C({x:e.x??e.left,y:e.y??e.top,width:e.width,height:e.height})}function w(e){return z(e)?e.getBoundingClientRect():Y(e)?p(e):p(e.getBoundingClientRect())}function _(e,t){const n=t?.getClientRects?.(e);if(n)return Array.from(n).map(i=>p(i)).filter(i=>i.width>0||i.height>0);const r=(z(e)||$(e))&&typeof e.getClientRects=="function"?e.getClientRects():null;return r?Array.from(r).map(i=>p(i)).filter(i=>i.width>0||i.height>0):[]}function j(e,t,n,r){if(!n)return w(e);const i=_(e,r);if(i.length===0)return w(e);const{side:o}=x(t);return o==="bottom"||o==="right"?i[i.length-1]||w(e):i[0]||w(e)}function H(e){return z(e)?e:$(e)&&e.contextElement instanceof HTMLElement?e.contextElement:null}function G(e,t,n){if(n)return n;const r=H(e)||(t instanceof HTMLElement?t:null);return r&&window.getComputedStyle(r).direction==="rtl"?"rtl":"ltr"}function J(e,t,n){return{getBoundingClientRect:()=>C({x:e,y:t,width:0,height:0}),contextElement:n}}function K(e,t){const n=C({x:e.x??e.left,y:e.y??e.top,width:e.width,height:e.height});return{getBoundingClientRect:()=>n,contextElement:t}}function Q(e,t){return{getBoundingClientRect:()=>p(e.getBoundingClientRect()),getClientRects:()=>e.getClientRects(),contextElement:t}}function Z(){const e=window.innerWidth||document.documentElement.clientWidth||0,t=window.innerHeight||document.documentElement.clientHeight||0;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}function L(e){return{top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}}function ee(e,t){const n=Math.max(e.left,t.left),r=Math.max(e.top,t.top),i=Math.min(e.right,t.right),o=Math.min(e.bottom,t.bottom);return{top:r,left:n,right:i,bottom:o,width:Math.max(0,i-n),height:Math.max(0,o-r)}}function te(e){const t=window.getComputedStyle(e),n=`${t.overflow}${t.overflowX}${t.overflowY}`;return/(auto|scroll|overlay|hidden|clip)/.test(n)}function R(e){const t=[];let n=e?.parentElement??null;for(;n&&n!==document.body&&n!==document.documentElement;)te(n)&&t.push(n),n=n.parentElement;return t.push(window),t}function ne(e,t,n){let r=n instanceof HTMLElement?L(n.getBoundingClientRect()):Z();if(n instanceof HTMLElement)return r;const i=new Set,o=H(e);return o&&R(o).forEach(c=>{c instanceof Element&&i.add(c)}),t instanceof HTMLElement&&R(t).forEach(c=>{c instanceof Element&&i.add(c)}),i.forEach(c=>{r=ee(r,L(c.getBoundingClientRect()))}),r}function x(e){const[t,n]=e.split("-");return{side:t,align:n||"center"}}function re(e){return e==="top"?"bottom":e==="bottom"?"top":e==="left"?"right":"left"}function ie(e){const{side:t,align:n}=x(e);return`${re(t)}${n==="center"?"":`-${n}`}`}function O(e,t,n,r=0,i=0,o=!1){const{side:c,align:a}=x(n);let l=0,d=0;return c==="top"||c==="bottom"?(a==="start"?l=o?e.right-t.width:e.left:a==="end"?l=o?e.left:e.right-t.width:l=e.left+(e.width-t.width)/2,d=c==="top"?e.top-t.height-r:e.bottom+r,l+=i):(a==="start"?d=e.top:a==="end"?d=e.bottom-t.height:d=e.top+(e.height-t.height)/2,l=c==="left"?e.left-t.width-r:e.right+r,d+=i),{x:l,y:d}}function E(e,t,n){return Math.min(n,Math.max(t,e))}function P(e){return Math.max(0,e.top)+Math.max(0,e.right)+Math.max(0,e.bottom)+Math.max(0,e.left)}function D(e,t){const{side:n}=x(e);return Math.max(0,t[n])}function oe(e,t){const{side:n}=x(e);return n==="top"||n==="bottom"?Math.max(0,t.left)+Math.max(0,t.right):Math.max(0,t.top)+Math.max(0,t.bottom)}function b(e,t={}){const n=t.padding??e.padding,r=t.elementContext==="reference"?{x:e.rects.reference.left,y:e.rects.reference.top,width:e.rects.reference.width,height:e.rects.reference.height}:{x:e.x,y:e.y,width:e.rects.floating.width,height:e.rects.floating.height};return{top:e.boundary.top+n-r.y,right:r.x+r.width-(e.boundary.right-n),bottom:r.y+r.height-(e.boundary.bottom-n),left:e.boundary.left+n-r.x}}function F(e=0){return{name:"offset",options:e,fn(t){const n=typeof e=="number"?{mainAxis:e,crossAxis:0}:{mainAxis:e.mainAxis??0,crossAxis:e.crossAxis??0},r=O(t.rects.reference,t.rects.floating,t.placement,n.mainAxis,n.crossAxis,t.rtl);return{x:r.x,y:r.y,data:{x:r.x-t.x,y:r.y-t.y}}}}}function V(e={}){return{name:"flip",options:e,fn(t){const n=e.fallbackPlacements?.length?e.fallbackPlacements:[ie(t.initialPlacement)],i=[t.placement,...n].map(l=>{const d=t.getAnchorRect(l),f=t.getCoords(l,d),s=b({...t,x:f.x,y:f.y,rects:{...t.rects,reference:d}},{padding:e.padding??t.padding});return{placement:l,overflow:s,coords:f,reference:d}}),o=i[0];if(!o||D(t.placement,o.overflow)<=0)return{data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}};const a=i.find(({placement:l,overflow:d})=>D(l,d)<=0&&oe(l,d)<=0)||i.reduce((l,d)=>P(d.overflow)<P(l.overflow)?d:l,o);return a.placement===t.placement?{data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}}:{x:a.coords.x,y:a.coords.y,placement:a.placement,data:{overflows:i.map(({placement:l,overflow:d})=>({placement:l,overflow:d}))}}}}}function T(e={}){return{name:"autoPlacement",options:e,fn(t){const n=e.allowedPlacements?.length?e.allowedPlacements:X,r=n.map(o=>{const c=t.getAnchorRect(o),a=t.getCoords(o,c),l=b({...t,x:a.x,y:a.y,rects:{...t.rects,reference:c}},{padding:e.padding??t.padding});return{placement:o,overflow:l,coords:a,reference:c}}),i=r.reduce((o,c)=>{const a=P(c.overflow),l=P(o.overflow);if(a!==l)return a<l?c:o;const d=Math.max(0,t.boundary.right-c.coords.x)*Math.max(0,t.boundary.bottom-c.coords.y),f=Math.max(0,t.boundary.right-o.coords.x)*Math.max(0,t.boundary.bottom-o.coords.y);return d>f?c:o},r[0]);if(i)return{x:i.coords.x,y:i.coords.y,placement:i.placement,data:{index:n.indexOf(i.placement),overflows:r.map(({placement:o,overflow:c})=>({placement:o,overflow:c}))}}}}}function B(e={}){return{name:"shift",options:e,fn(t){const n=e.mainAxis??!0,r=e.crossAxis??!0,{side:i}=x(t.placement),o=b(t,{padding:e.padding??t.padding});let c=t.x,a=t.y;return i==="top"||i==="bottom"?(r&&(c+=Math.max(0,o.left)-Math.max(0,o.right)),n&&(a+=i==="top"?Math.max(0,o.top):-Math.max(0,o.bottom))):(r&&(a+=Math.max(0,o.top)-Math.max(0,o.bottom)),n&&(c+=i==="left"?Math.max(0,o.left):-Math.max(0,o.right))),{x:c,y:a,data:{x:c-t.x,y:a-t.y}}}}}function I(e={}){return{name:"size",options:e,fn(t){const n=e.padding??t.padding,r=Math.max(0,t.boundary.right-t.x-n),i=Math.max(0,t.boundary.bottom-t.y-n);return e.apply?.({availableWidth:r,availableHeight:i,rects:t.rects,elements:t.elements}),{data:{availableWidth:r,availableHeight:i}}}}}function k(e={}){return{name:"arrow",options:e,fn(t){const{side:n}=x(t.placement),r=e.padding??8,i=e.element?.getBoundingClientRect(),o=i?.width||e.element?.offsetWidth||0,c=i?.height||e.element?.offsetHeight||0,a=t.rects.reference.left+t.rects.reference.width/2,l=t.rects.reference.top+t.rects.reference.height/2;if(n==="top"||n==="bottom"){const u=o/2,y=r,v=Math.max(y,t.rects.floating.width-r-o),M=a-t.x-u,A=E(M,y,v);return{data:{x:A,centerOffset:M-A}}}const d=c/2,f=r,s=Math.max(f,t.rects.floating.height-r-c),g=l-t.y-d,m=E(g,f,s);return{data:{y:m,centerOffset:g-m}}}}}function q(e={}){return{name:"hide",options:e,fn(t){const n=e.padding??t.padding,r=b(t,{elementContext:"reference",padding:n}),i=b(t,{padding:n}),o=Object.values(r).some(a=>a>0),c=Object.values(i).some(a=>a>0);return{data:{referenceHidden:o,escaped:c,referenceHiddenOffsets:r,escapedOffsets:i}}}}}function ce(e){const t=typeof e.boundaryPadding=="number"?e.boundaryPadding:4,n=[];return e.autoPlacement?n.push(T({padding:t,allowedPlacements:e.allowedPlacements})):e.flip&&n.push(V({padding:t,fallbackPlacements:e.fallbackPlacements})),n.push(F({mainAxis:typeof e.offset=="number"?e.offset:8,crossAxis:typeof e.crossOffset=="number"?e.crossOffset:0})),(e.shift||e.fitViewport)&&n.push(B({padding:t})),(e.matchWidth||e.fitViewport)&&n.push(I({padding:t})),e.arrow&&n.push(k({element:e.arrow,padding:e.arrowPadding})),e.hideWhenDetached&&n.push(q({padding:t})),e.middleware?.length&&n.push(...e.middleware),n}function le(e,t,n){if(!n)return;typeof n.x=="number"&&(e.x=n.x),typeof n.y=="number"&&(e.y=n.y);const i=(typeof n.reset=="object"?n.reset.placement:void 0)||n.placement;if(i&&i!==e.placement){e.placement=i,e.rects=e.getRects(i);const o=e.getCoords(i,e.rects.reference);e.x=typeof n.x=="number"?n.x:o.x,e.y=typeof n.y=="number"?n.y:o.y}typeof n.x=="number"&&(e.x=n.x),typeof n.y=="number"&&(e.y=n.y),n.data!==void 0&&(e.middlewareData[t.name]=n.data)}function S(e,t,n={}){const r=z(t)?t.getBoundingClientRect():t,i=n.placement||"bottom",o=n.strategy||"fixed",c=typeof n.boundaryPadding=="number"?n.boundaryPadding:4,a=G(e,t,n.dir)==="rtl",l=h=>n.platform?.getElementRects?.({anchor:e,floating:t,placement:h,inline:!!n.inline})??{reference:j(e,h,!!n.inline,n.platform),floating:r},d=h=>l(h).reference,f=l(i),s=O(f.reference,f.floating,i,0,0,a),g={},m=n.platform?.getClippingRect?.({anchor:e,floating:t,boundary:n.boundary??null})??ne(e,t,n.boundary??null),u={x:s.x,y:s.y,initialPlacement:i,placement:i,strategy:o,rects:f,elements:{anchor:e,floating:t},boundary:m,padding:c,rtl:a,middlewareData:g,getRects:l,getAnchorRect:d,getCoords:(h,U=d(h))=>O(U,u.rects.floating,h,0,0,a)};ce(n).forEach(h=>{le(u,h,h.fn(u))});const y=g.size,v=g.hide,M=y?.availableWidth??Math.max(0,u.boundary.right-u.x-c),A=y?.availableHeight??Math.max(0,u.boundary.bottom-u.y-c);return{x:u.x,y:u.y,placement:u.placement,strategy:o,availableWidth:M,availableHeight:A,middlewareData:g,referenceHidden:v?.referenceHidden,escaped:v?.escaped,rects:u.rects}}function W(e,t){return t!=="absolute"?e:{...e,x:e.x+window.scrollX,y:e.y+window.scrollY}}function ae(e,t){if(typeof IntersectionObserver>"u")return()=>{};let n=()=>{};return(()=>{n();const i=e.getBoundingClientRect(),o=document.documentElement,c=`${-Math.floor(i.top)}px ${-Math.floor(o.clientWidth-i.right)}px ${-Math.floor(o.clientHeight-i.bottom)}px ${-Math.floor(i.left)}px`,a=new IntersectionObserver(()=>t(),{rootMargin:c,threshold:1});a.observe(e),n=()=>a.disconnect()})(),()=>n()}function de(e,t,n,r){let i=0,o=0,c=null,a=null,l=null;const d=[],f=H(e),s=()=>{i||(i=requestAnimationFrame(()=>{i=0,n()}))};if(r.observeWindowResize&&(window.addEventListener("resize",s),d.push(()=>window.removeEventListener("resize",s))),r.observeScroll&&(window.addEventListener("scroll",s,{passive:!0,capture:!0}),d.push(()=>window.removeEventListener("scroll",s,!0))),(r.observeAncestorScroll||r.observeAncestorResize?new Set([...f?R(f):[],...R(t)]):new Set).forEach(m=>{m!==window&&(r.observeAncestorScroll&&(m.addEventListener("scroll",s,{passive:!0}),d.push(()=>m.removeEventListener("scroll",s))),r.observeAncestorResize&&(m.addEventListener("resize",s),d.push(()=>m.removeEventListener("resize",s))))}),f&&r.observeLayoutShift&&d.push(ae(f,s)),typeof ResizeObserver<"u"&&(r.observeAnchorResize&&f&&(a=new ResizeObserver(s),a.observe(f)),r.observeFloatingResize&&(l=new ResizeObserver(s),l.observe(t))),r.animationFrame){c=w(e);const m=()=>{const u=w(e);c&&(c.top!==u.top||c.left!==u.left||c.width!==u.width||c.height!==u.height)&&s(),c=u,o=requestAnimationFrame(m)};o=requestAnimationFrame(m)}return()=>{d.forEach(m=>m()),a&&a.disconnect(),l&&l.disconnect(),i&&cancelAnimationFrame(i),o&&cancelAnimationFrame(o)}}function N(e,t,n,r={}){return de(e,t,n,{observeWindowResize:r.observeWindowResize??!0,observeScroll:r.observeScroll??!0,observeAncestorScroll:r.observeAncestorScroll??!0,observeAncestorResize:r.observeAncestorResize??!0,observeLayoutShift:r.observeLayoutShift??!0,observeAnchorResize:r.observeAnchorResize??!0,observeFloatingResize:r.observeFloatingResize??!0,animationFrame:r.animationFrame??!1})}function fe(e,t,n,r){const{side:i}=x(t.placement),o=n.left+n.width/2,c=n.top+n.height/2;if(i==="top"||i==="bottom"){const l=Math.max(8,r.width-8),d=E(o-t.x,8,l);e.style.left=`${Math.round(d)}px`}else{const l=Math.max(8,r.height-8),d=E(c-t.y,8,l);e.style.top=`${Math.round(d)}px`}}function se(e,t){const n=t.middlewareData?.arrow;n&&(typeof n.x=="number"&&(e.style.left=`${Math.round(n.x)}px`),typeof n.y=="number"&&(e.style.top=`${Math.round(n.y)}px`))}function ue(e,t,n,r){if(e.style.position=n,e.style.left=`${Math.round(t.x)}px`,e.style.top=`${Math.round(t.y)}px`,e.style.setProperty("--ui-positioner-x",`${Math.round(t.x)}px`),e.style.setProperty("--ui-positioner-y",`${Math.round(t.y)}px`),r.matchWidth){const c=w(r.anchor);e.style.width=`${Math.round(c.width)}px`}r.fitViewport&&(e.style.maxWidth=`${Math.round(t.availableWidth)}px`,e.style.maxHeight=`${Math.round(t.availableHeight)}px`),e.setAttribute("data-placement",t.placement);const[i,o]=String(t.placement).split("-");e.setAttribute("data-side",i||"bottom"),e.setAttribute("data-align",o||"center"),typeof t.referenceHidden=="boolean"||typeof t.escaped=="boolean"?(e.setAttribute("data-reference-hidden",t.referenceHidden?"true":"false"),e.setAttribute("data-escaped",t.escaped?"true":"false")):(e.removeAttribute("data-reference-hidden"),e.removeAttribute("data-escaped")),r.arrow instanceof HTMLElement&&(t.middlewareData?.arrow?se(r.arrow,t):fe(r.arrow,t,w(r.anchor),e.getBoundingClientRect()))}function me(e){if(!(e.floating instanceof HTMLElement))throw new Error("createPositioner requires a valid floating HTMLElement");const t=e.strategy||"fixed",n=e.floating;let r=W(S(e.anchor,n,e),t);const i=N(e.anchor,n,o,{observeWindowResize:e.observeWindowResize??!0,observeScroll:e.observeScroll??!0,observeAncestorScroll:e.observeAncestorScroll??!0,observeAncestorResize:e.observeAncestorResize??!0,observeLayoutShift:e.observeLayoutShift??!0,observeAnchorResize:e.observeAnchorResize??!0,observeFloatingResize:e.observeFloatingResize??!(e.fitViewport||e.matchWidth),animationFrame:e.animationFrame??!1});function o(){const c=W(S(e.anchor,n,e),t);return r=c,ue(n,c,t,e),e.onUpdate?.(c),r}return o(),{update:o,destroy(){i()}}}exports.arrowMiddleware=k;exports.autoPlacementMiddleware=T;exports.autoUpdatePositioner=N;exports.computePositionState=S;exports.createPositioner=me;exports.createVirtualPoint=J;exports.createVirtualRange=Q;exports.createVirtualRect=K;exports.detectPositionerOverflow=b;exports.flipMiddleware=V;exports.hideMiddleware=q;exports.offsetMiddleware=F;exports.shiftMiddleware=B;exports.sizeMiddleware=I;

package/dist/positioner.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-DxbvhLJs.js"),h=require("./positioner-D_fqyx_j.js"),a=require("./selector-BvAh35ve.js"),d=`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./ElementBase-DxbvhLJs.js"),h=require("./positioner-DZ1FW6A9.js"),a=require("./selector-BvAh35ve.js"),d=`
   :host {
     display: contents;
     color-scheme: light dark;

package/dist/positioner.esm.js

@@ -1,5 +1,5 @@
 import { E as h } from "./ElementBase-BeZT54Hj.mjs";
-import { e as c } from "./positioner-D0VGxtYU.mjs";
+import { e as c } from "./positioner-BE8Nbho2.mjs";
 import { s as l } from "./selector-WI8pD7YO.mjs";
 const u = `
   :host {

package/dist/presence.cjs.js

@@ -10,7 +10,7 @@
     --ui-presence-filter-enter: none;
     --ui-presence-filter-exit: none;
     --ui-presence-perspective: 860px;
-    --ui-presence-color: var(--ui-color-text, inherit);
+    --ui-presence-color: inherit;
     display: contents;
     color: var(--ui-presence-color);
     color-scheme: light dark;

package/dist/presence.esm.js

@@ -11,7 +11,7 @@ const d = `
     --ui-presence-filter-enter: none;
     --ui-presence-filter-exit: none;
     --ui-presence-perspective: 860px;
-    --ui-presence-color: var(--ui-color-text, inherit);
+    --ui-presence-color: inherit;
     display: contents;
     color: var(--ui-presence-color);
     color-scheme: light dark;