@zag-js/popover 0.0.0-dev-20220413175519 → 0.0.0-dev-20220415160434

package/dist/index.js

@@ -19,18 +19,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -44,26 +32,6 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e2) {
-        reject(e2);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e2) {
-        reject(e2);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
 
 // src/index.ts
 var src_exports = {};
@@ -73,27 +41,137 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 
-// ../../utilities/dom/src/attrs.ts
+// ../../../node_modules/compute-scroll-into-view/dist/index.module.js
+function t(t3) {
+  return typeof t3 == "object" && t3 != null && t3.nodeType === 1;
+}
+function e(t3, e2) {
+  return (!e2 || t3 !== "hidden") && t3 !== "visible" && t3 !== "clip";
+}
+function n(t3, n2) {
+  if (t3.clientHeight < t3.scrollHeight || t3.clientWidth < t3.scrollWidth) {
+    var r2 = getComputedStyle(t3, null);
+    return e(r2.overflowY, n2) || e(r2.overflowX, n2) || function(t4) {
+      var e2 = function(t5) {
+        if (!t5.ownerDocument || !t5.ownerDocument.defaultView)
+          return null;
+        try {
+          return t5.ownerDocument.defaultView.frameElement;
+        } catch (t6) {
+          return null;
+        }
+      }(t4);
+      return !!e2 && (e2.clientHeight < t4.scrollHeight || e2.clientWidth < t4.scrollWidth);
+    }(t3);
+  }
+  return false;
+}
+function r(t3, e2, n2, r2, i, o, l, d) {
+  return o < t3 && l > e2 || o > t3 && l < e2 ? 0 : o <= t3 && d <= n2 || l >= e2 && d >= n2 ? o - t3 - r2 : l > e2 && d < n2 || o < t3 && d > n2 ? l - e2 + i : 0;
+}
+function index_module_default(e2, i) {
+  var o = window, l = i.scrollMode, d = i.block, u = i.inline, h = i.boundary, a = i.skipOverflowHiddenElements, c = typeof h == "function" ? h : function(t3) {
+    return t3 !== h;
+  };
+  if (!t(e2))
+    throw new TypeError("Invalid target");
+  for (var f = document.scrollingElement || document.documentElement, s = [], p = e2; t(p) && c(p); ) {
+    if ((p = p.parentElement) === f) {
+      s.push(p);
+      break;
+    }
+    p != null && p === document.body && n(p) && !n(document.documentElement) || p != null && n(p, a) && s.push(p);
+  }
+  for (var m = o.visualViewport ? o.visualViewport.width : innerWidth, g = o.visualViewport ? o.visualViewport.height : innerHeight, w = window.scrollX || pageXOffset, v = window.scrollY || pageYOffset, W = e2.getBoundingClientRect(), b = W.height, H = W.width, y = W.top, E = W.right, M = W.bottom, V = W.left, x = d === "start" || d === "nearest" ? y : d === "end" ? M : y + b / 2, I = u === "center" ? V + H / 2 : u === "end" ? E : V, C = [], T = 0; T < s.length; T++) {
+    var k = s[T], B = k.getBoundingClientRect(), D = B.height, O = B.width, R = B.top, X = B.right, Y = B.bottom, L = B.left;
+    if (l === "if-needed" && y >= 0 && V >= 0 && M <= g && E <= m && y >= R && M <= Y && V >= L && E <= X)
+      return C;
+    var S = getComputedStyle(k), j = parseInt(S.borderLeftWidth, 10), q = parseInt(S.borderTopWidth, 10), z = parseInt(S.borderRightWidth, 10), A = parseInt(S.borderBottomWidth, 10), F = 0, G = 0, J = "offsetWidth" in k ? k.offsetWidth - k.clientWidth - j - z : 0, K = "offsetHeight" in k ? k.offsetHeight - k.clientHeight - q - A : 0;
+    if (f === k)
+      F = d === "start" ? x : d === "end" ? x - g : d === "nearest" ? r(v, v + g, g, q, A, v + x, v + x + b, b) : x - g / 2, G = u === "start" ? I : u === "center" ? I - m / 2 : u === "end" ? I - m : r(w, w + m, m, j, z, w + I, w + I + H, H), F = Math.max(0, F + v), G = Math.max(0, G + w);
+    else {
+      F = d === "start" ? x - R - q : d === "end" ? x - Y + A + K : d === "nearest" ? r(R, Y, D, q, A + K, x, x + b, b) : x - (R + D / 2) + K / 2, G = u === "start" ? I - L - j : u === "center" ? I - (L + O / 2) + J / 2 : u === "end" ? I - X + z + J : r(L, X, O, j, z + J, I, I + H, H);
+      var N = k.scrollLeft, P = k.scrollTop;
+      x += P - (F = Math.max(0, Math.min(P + F, k.scrollHeight - D + K))), I += N - (G = Math.max(0, Math.min(N + G, k.scrollWidth - O + J)));
+    }
+    C.push({ el: k, top: F, left: G });
+  }
+  return C;
+}
+
+// ../../utilities/dom/node_modules/scroll-into-view-if-needed/es/index.js
+function isOptionsObject(options) {
+  return options === Object(options) && Object.keys(options).length !== 0;
+}
+function defaultBehavior(actions, behavior) {
+  if (behavior === void 0) {
+    behavior = "auto";
+  }
+  var canSmoothScroll = "scrollBehavior" in document.body.style;
+  actions.forEach(function(_ref) {
+    var el = _ref.el, top = _ref.top, left = _ref.left;
+    if (el.scroll && canSmoothScroll) {
+      el.scroll({
+        top,
+        left,
+        behavior
+      });
+    } else {
+      el.scrollTop = top;
+      el.scrollLeft = left;
+    }
+  });
+}
+function getOptions(options) {
+  if (options === false) {
+    return {
+      block: "end",
+      inline: "nearest"
+    };
+  }
+  if (isOptionsObject(options)) {
+    return options;
+  }
+  return {
+    block: "start",
+    inline: "nearest"
+  };
+}
+function scrollIntoView(target, options) {
+  var isTargetAttached = target.isConnected || target.ownerDocument.documentElement.contains(target);
+  if (isOptionsObject(options) && typeof options.behavior === "function") {
+    return options.behavior(isTargetAttached ? index_module_default(target, options) : []);
+  }
+  if (!isTargetAttached) {
+    return;
+  }
+  var computeOptions = getOptions(options);
+  return defaultBehavior(index_module_default(target, computeOptions), computeOptions.behavior);
+}
+var es_default = scrollIntoView;
+
+// ../../utilities/dom/dist/index.mjs
 var dataAttr = (guard) => {
   return guard ? "" : void 0;
 };
-
-// ../../utilities/dom/src/computed-style.ts
-var styleCache = /* @__PURE__ */ new WeakMap();
+function getStyleCache() {
+  ;
+  globalThis.__styleCache__ = globalThis.__styleCache__ || /* @__PURE__ */ new WeakMap();
+  return globalThis.__styleCache__;
+}
 function getComputedStyle2(el) {
   var _a;
   if (!el)
     return {};
-  let style = styleCache.get(el);
+  const cache = getStyleCache();
+  let style = cache.get(el);
   if (!style) {
     const win = (_a = el == null ? void 0 : el.ownerDocument.defaultView) != null ? _a : window;
     style = win.getComputedStyle(el);
-    styleCache.set(el, style);
+    cache.set(el, style);
   }
   return style;
 }
-
-// ../../utilities/dom/src/next-tick.ts
 function nextTick(fn) {
   const set = /* @__PURE__ */ new Set();
   function raf2(fn2) {
@@ -113,111 +191,56 @@ function raf(fn) {
     globalThis.cancelAnimationFrame(id);
   };
 }
-
-// ../../utilities/core/src/array.ts
-var first = (v) => v[0];
-var last = (v) => v[v.length - 1];
-function clear(v) {
-  while (v.length > 0)
-    v.pop();
-  return v;
-}
-function nextIndex(v, idx, opts = {}) {
-  const { step = 1, loop = true } = opts;
-  const next2 = idx + step;
-  const len = v.length;
-  const last2 = len - 1;
-  if (idx === -1)
-    return step > 0 ? 0 : last2;
-  if (next2 < 0)
-    return loop ? last2 : 0;
-  if (next2 >= len)
-    return loop ? 0 : idx > len ? len : idx;
-  return next2;
-}
-function next(v, idx, opts = {}) {
-  return v[nextIndex(v, idx, opts)];
-}
-
-// ../../utilities/core/src/functions.ts
-var runIfFn = (v, ...a) => {
-  const res = typeof v === "function" ? v(...a) : v;
-  return res != null ? res : void 0;
-};
-var cast = (v) => v;
 var noop = () => {
 };
 var pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
-var uuid = /* @__PURE__ */ (() => {
-  let id = 0;
-  return () => {
-    id++;
-    return id.toString(36);
-  };
-})();
-
-// ../../utilities/core/src/guard.ts
 var platform = (v) => isDom() && v.test(navigator.platform);
 var isDom = () => !!(typeof window !== "undefined");
 var isMac = () => platform(/^Mac/);
 var isIPhone = () => platform(/^iPhone/);
 var isIPad = () => platform(/^iPad/) || isMac() && navigator.maxTouchPoints > 1;
 var isIos = () => isIPhone() || isIPad();
-var isArray = (v) => Array.isArray(v);
-var isBoolean = (v) => v === true || v === false;
-var isObject = (v) => !(v == null || typeof v !== "object" || isArray(v));
-var isNumber = (v) => typeof v === "number" && !Number.isNaN(v);
-var isString = (v) => typeof v === "string";
-var isFunction = (v) => typeof v === "function";
 var isLeftClick = (v) => v.button === 0;
-
-// ../../utilities/core/src/warning.ts
-function warn(...a) {
-  const m = a.length === 1 ? a[0] : a[1];
-  const c = a.length === 2 ? a[0] : true;
-  if (c && void 0 !== "production") {
-    console.warn(m);
-  }
+function getListenerElements() {
+  ;
+  globalThis.__listenerElements__ = globalThis.__listenerElements__ || /* @__PURE__ */ new Map();
+  return globalThis.__listenerElements__;
 }
-function invariant(...a) {
-  const m = a.length === 1 ? a[0] : a[1];
-  const c = a.length === 2 ? a[0] : true;
-  if (c && void 0 !== "production") {
-    throw new Error(m);
-  }
+function getListenerCache() {
+  ;
+  globalThis.__listenerCache__ = globalThis.__listenerCache__ || /* @__PURE__ */ new Map();
+  return globalThis.__listenerCache__;
 }
-
-// ../../utilities/dom/src/event-bus.ts
-var listenerElements = /* @__PURE__ */ new Map();
-var listenerCache = /* @__PURE__ */ new Map();
 function globalEventBus(node, type, handler, options) {
   var _a;
   if (!node)
     return noop;
-  const hash2 = JSON.stringify({ type, options });
+  const hash = JSON.stringify({ type, options });
+  const listenerElements = getListenerElements();
+  const listenerCache = getListenerCache();
   const group = listenerElements.get(node);
   if (!listenerElements.has(node)) {
-    const group2 = /* @__PURE__ */ new Map([[hash2, /* @__PURE__ */ new Set([handler])]]);
+    const group2 = /* @__PURE__ */ new Map([[hash, /* @__PURE__ */ new Set([handler])]]);
     listenerElements.set(node, group2);
-  } else if (group == null ? void 0 : group.has(hash2)) {
-    (_a = group == null ? void 0 : group.get(hash2)) == null ? void 0 : _a.add(handler);
+  } else if (group == null ? void 0 : group.has(hash)) {
+    (_a = group == null ? void 0 : group.get(hash)) == null ? void 0 : _a.add(handler);
   } else {
-    group == null ? void 0 : group.set(hash2, /* @__PURE__ */ new Set([handler]));
+    group == null ? void 0 : group.set(hash, /* @__PURE__ */ new Set([handler]));
   }
   function attach(node2) {
     var _a2, _b;
     function listener(event) {
       var _a3;
       const group2 = listenerElements.get(node2);
-      (_a3 = group2 == null ? void 0 : group2.get(hash2)) == null ? void 0 : _a3.forEach((fn) => fn(event));
+      (_a3 = group2 == null ? void 0 : group2.get(hash)) == null ? void 0 : _a3.forEach((fn) => fn(event));
     }
     if (!(listenerCache == null ? void 0 : listenerCache.has(node2))) {
-      listenerCache.set(node2, /* @__PURE__ */ new Map([[hash2, listener]]));
+      listenerCache.set(node2, /* @__PURE__ */ new Map([[hash, listener]]));
       node2.addEventListener(type, listener, options);
       return;
     }
-    if (!((_a2 = listenerCache == null ? void 0 : listenerCache.get(node2)) == null ? void 0 : _a2.has(hash2))) {
-      (_b = listenerCache.get(node2)) == null ? void 0 : _b.set(hash2, listener);
+    if (!((_a2 = listenerCache == null ? void 0 : listenerCache.get(node2)) == null ? void 0 : _a2.has(hash))) {
+      (_b = listenerCache.get(node2)) == null ? void 0 : _b.set(hash, listener);
       node2.addEventListener(type, listener, options);
     }
   }
@@ -227,12 +250,12 @@ function globalEventBus(node, type, handler, options) {
     if (!listenerElements.has(node))
       return;
     const group2 = listenerElements.get(node);
-    (_a2 = group2 == null ? void 0 : group2.get(hash2)) == null ? void 0 : _a2.delete(handler);
-    if (((_b = group2 == null ? void 0 : group2.get(hash2)) == null ? void 0 : _b.size) === 0) {
-      const listener = (_c = listenerCache.get(node)) == null ? void 0 : _c.get(hash2);
+    (_a2 = group2 == null ? void 0 : group2.get(hash)) == null ? void 0 : _a2.delete(handler);
+    if (((_b = group2 == null ? void 0 : group2.get(hash)) == null ? void 0 : _b.size) === 0) {
+      const listener = (_c = listenerCache.get(node)) == null ? void 0 : _c.get(hash);
       node.removeEventListener(type, listener, options);
-      group2 == null ? void 0 : group2.delete(hash2);
-      (_d = listenerCache.get(node)) == null ? void 0 : _d.delete(hash2);
+      group2 == null ? void 0 : group2.delete(hash);
+      (_d = listenerCache.get(node)) == null ? void 0 : _d.delete(hash);
       if ((group2 == null ? void 0 : group2.size) === 0) {
         listenerElements.delete(node);
         listenerCache.delete(node);
@@ -240,17 +263,13 @@ function globalEventBus(node, type, handler, options) {
     }
   };
 }
-
-// ../../utilities/dom/src/listener.ts
-var t = (v) => Object.prototype.toString.call(v).slice(8, -1);
-var isRef = (v) => t(v) === "Object" && "current" in v;
-var runIfFn2 = (fn) => t(fn) === "Function" ? fn() : fn;
+var t2 = (v) => Object.prototype.toString.call(v).slice(8, -1);
+var isRef = (v) => t2(v) === "Object" && "current" in v;
+var runIfFn = (fn) => t2(fn) === "Function" ? fn() : fn;
 function addDomEvent(target, event, listener, options) {
-  const node = isRef(target) ? target.current : runIfFn2(target);
+  const node = isRef(target) ? target.current : runIfFn(target);
   return globalEventBus(node, event, listener, options);
 }
-
-// ../../utilities/dom/src/body-pointer-event.ts
 var changeCount = 0;
 var originalBodyPointerEvents;
 function preventBodyPointerEvents(el, opts = {}) {
@@ -309,163 +328,48 @@ function preventBodyPointerEvents(el, opts = {}) {
     cleanups.forEach((cleanup) => cleanup == null ? void 0 : cleanup());
   };
 }
-
-// ../../../node_modules/compute-scroll-into-view/dist/index.module.js
-function t2(t3) {
-  return typeof t3 == "object" && t3 != null && t3.nodeType === 1;
+function getOwnerDocument(el) {
+  var _a;
+  if (isWindow(el))
+    return el.document;
+  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
 }
-function e(t3, e2) {
-  return (!e2 || t3 !== "hidden") && t3 !== "visible" && t3 !== "clip";
+function getNodeName(node) {
+  return isWindow(node) ? "" : node ? node.localName || "" : "";
 }
-function n(t3, n2) {
-  if (t3.clientHeight < t3.scrollHeight || t3.clientWidth < t3.scrollWidth) {
-    var r2 = getComputedStyle(t3, null);
-    return e(r2.overflowY, n2) || e(r2.overflowX, n2) || function(t4) {
-      var e2 = function(t5) {
-        if (!t5.ownerDocument || !t5.ownerDocument.defaultView)
-          return null;
-        try {
-          return t5.ownerDocument.defaultView.frameElement;
-        } catch (t6) {
-          return null;
-        }
-      }(t4);
-      return !!e2 && (e2.clientHeight < t4.scrollHeight || e2.clientWidth < t4.scrollWidth);
-    }(t3);
-  }
-  return false;
+function getParent(el) {
+  const doc = getOwnerDocument(el);
+  if (getNodeName(el) === "html")
+    return el;
+  return el.assignedSlot || el.parentElement || doc.documentElement;
 }
-function r(t3, e2, n2, r2, i, o, l, d) {
-  return o < t3 && l > e2 || o > t3 && l < e2 ? 0 : o <= t3 && d <= n2 || l >= e2 && d >= n2 ? o - t3 - r2 : l > e2 && d < n2 || o < t3 && d > n2 ? l - e2 + i : 0;
+function contains(parent, child) {
+  if (!parent)
+    return false;
+  return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
 }
-function index_module_default(e2, i) {
-  var o = window, l = i.scrollMode, d = i.block, u = i.inline, h = i.boundary, a = i.skipOverflowHiddenElements, c = typeof h == "function" ? h : function(t3) {
-    return t3 !== h;
-  };
-  if (!t2(e2))
-    throw new TypeError("Invalid target");
-  for (var f = document.scrollingElement || document.documentElement, s = [], p = e2; t2(p) && c(p); ) {
-    if ((p = p.parentElement) === f) {
-      s.push(p);
-      break;
-    }
-    p != null && p === document.body && n(p) && !n(document.documentElement) || p != null && n(p, a) && s.push(p);
-  }
-  for (var m = o.visualViewport ? o.visualViewport.width : innerWidth, g = o.visualViewport ? o.visualViewport.height : innerHeight, w = window.scrollX || pageXOffset, v = window.scrollY || pageYOffset, W = e2.getBoundingClientRect(), b = W.height, H = W.width, y = W.top, E = W.right, M = W.bottom, V = W.left, x = d === "start" || d === "nearest" ? y : d === "end" ? M : y + b / 2, I = u === "center" ? V + H / 2 : u === "end" ? E : V, C = [], T = 0; T < s.length; T++) {
-    var k = s[T], B = k.getBoundingClientRect(), D = B.height, O = B.width, R = B.top, X = B.right, Y = B.bottom, L = B.left;
-    if (l === "if-needed" && y >= 0 && V >= 0 && M <= g && E <= m && y >= R && M <= Y && V >= L && E <= X)
-      return C;
-    var S = getComputedStyle(k), j = parseInt(S.borderLeftWidth, 10), q = parseInt(S.borderTopWidth, 10), z = parseInt(S.borderRightWidth, 10), A = parseInt(S.borderBottomWidth, 10), F = 0, G = 0, J = "offsetWidth" in k ? k.offsetWidth - k.clientWidth - j - z : 0, K = "offsetHeight" in k ? k.offsetHeight - k.clientHeight - q - A : 0;
-    if (f === k)
-      F = d === "start" ? x : d === "end" ? x - g : d === "nearest" ? r(v, v + g, g, q, A, v + x, v + x + b, b) : x - g / 2, G = u === "start" ? I : u === "center" ? I - m / 2 : u === "end" ? I - m : r(w, w + m, m, j, z, w + I, w + I + H, H), F = Math.max(0, F + v), G = Math.max(0, G + w);
-    else {
-      F = d === "start" ? x - R - q : d === "end" ? x - Y + A + K : d === "nearest" ? r(R, Y, D, q, A + K, x, x + b, b) : x - (R + D / 2) + K / 2, G = u === "start" ? I - L - j : u === "center" ? I - (L + O / 2) + J / 2 : u === "end" ? I - X + z + J : r(L, X, O, j, z + J, I, I + H, H);
-      var N = k.scrollLeft, P = k.scrollTop;
-      x += P - (F = Math.max(0, Math.min(P + F, k.scrollHeight - D + K))), I += N - (G = Math.max(0, Math.min(N + G, k.scrollWidth - O + J)));
-    }
-    C.push({ el: k, top: F, left: G });
-  }
-  return C;
+function isHTMLElement(v) {
+  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
 }
-
-// ../../utilities/dom/node_modules/scroll-into-view-if-needed/es/index.js
-function isOptionsObject(options) {
-  return options === Object(options) && Object.keys(options).length !== 0;
+function isWindow(value) {
+  return (value == null ? void 0 : value.toString()) === "[object Window]";
 }
-function defaultBehavior(actions, behavior) {
-  if (behavior === void 0) {
-    behavior = "auto";
+var isDisabled = (el) => {
+  return (el == null ? void 0 : el.getAttribute("disabled")) != null || !!(el == null ? void 0 : el.getAttribute("aria-disabled")) === true;
+};
+function isScrollParent(el) {
+  const { overflow, overflowX, overflowY } = getComputedStyle2(el);
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+function getScrollParent(el) {
+  if (["html", "body", "#document"].includes(getNodeName(el))) {
+    return getOwnerDocument(el).body;
   }
-  var canSmoothScroll = "scrollBehavior" in document.body.style;
-  actions.forEach(function(_ref) {
-    var el = _ref.el, top = _ref.top, left = _ref.left;
-    if (el.scroll && canSmoothScroll) {
-      el.scroll({
-        top,
-        left,
-        behavior
-      });
-    } else {
-      el.scrollTop = top;
-      el.scrollLeft = left;
-    }
-  });
+  if (isHTMLElement(el) && isScrollParent(el)) {
+    return el;
+  }
+  return getScrollParent(getParent(el));
 }
-function getOptions(options) {
-  if (options === false) {
-    return {
-      block: "end",
-      inline: "nearest"
-    };
-  }
-  if (isOptionsObject(options)) {
-    return options;
-  }
-  return {
-    block: "start",
-    inline: "nearest"
-  };
-}
-function scrollIntoView(target, options) {
-  var isTargetAttached = target.isConnected || target.ownerDocument.documentElement.contains(target);
-  if (isOptionsObject(options) && typeof options.behavior === "function") {
-    return options.behavior(isTargetAttached ? index_module_default(target, options) : []);
-  }
-  if (!isTargetAttached) {
-    return;
-  }
-  var computeOptions = getOptions(options);
-  return defaultBehavior(index_module_default(target, computeOptions), computeOptions.behavior);
-}
-var es_default = scrollIntoView;
-
-// ../../utilities/dom/src/query.ts
-function getOwnerDocument(el) {
-  var _a;
-  if (isWindow(el))
-    return el.document;
-  return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
-}
-function getNodeName(node) {
-  return isWindow(node) ? "" : node ? node.localName || "" : "";
-}
-function getParent(el) {
-  const doc = getOwnerDocument(el);
-  if (getNodeName(el) === "html")
-    return el;
-  return el.assignedSlot || el.parentElement || doc.documentElement;
-}
-function contains(parent, child) {
-  if (!parent)
-    return false;
-  return parent === child || isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child);
-}
-function isHTMLElement(v) {
-  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
-}
-function isWindow(value) {
-  return (value == null ? void 0 : value.toString()) === "[object Window]";
-}
-var isDisabled = (el) => {
-  return (el == null ? void 0 : el.getAttribute("disabled")) != null || !!(el == null ? void 0 : el.getAttribute("aria-disabled")) === true;
-};
-
-// ../../utilities/dom/src/scrollable.ts
-function isScrollParent(el) {
-  const { overflow, overflowX, overflowY } = getComputedStyle2(el);
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
-}
-function getScrollParent(el) {
-  if (["html", "body", "#document"].includes(getNodeName(el))) {
-    return getOwnerDocument(el).body;
-  }
-  if (isHTMLElement(el) && isScrollParent(el)) {
-    return el;
-  }
-  return getScrollParent(getParent(el));
-}
-
-// ../../utilities/dom/src/body-scroll-lock.ts
 var nonTextInputTypes = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
 function preventBodyScroll(opts) {
   var _a;
@@ -560,16 +464,12 @@ function setStyle(el, key, value) {
     el.style[key] = cur;
   };
 }
-
-// ../../utilities/dom/src/focus-event.ts
 function validateBlur(event, opts) {
   var _a;
   const exclude = Array.isArray(opts.exclude) ? opts.exclude : [opts.exclude];
   const relatedTarget = (_a = event.relatedTarget) != null ? _a : opts.fallback;
   return exclude.every((el) => !(el == null ? void 0 : el.contains(relatedTarget)));
 }
-
-// ../../utilities/dom/src/focusable.ts
 var focusableSelector = /* @__PURE__ */ [
   "input:not([disabled]):not([type=hidden])",
   "select:not([disabled])",
@@ -620,8 +520,6 @@ var getTabbables = (el, includeContainer = false) => {
 var isTabbable = (el) => {
   return isFocusable(el) && !isDisabled(el) && !isHidden(el);
 };
-
-// ../../utilities/dom/src/pointer-event.ts
 function trackPointerDown(doc, onPointerDown) {
   var _a;
   const win = (_a = doc.defaultView) != null ? _a : window;
@@ -633,1307 +531,101 @@ function trackPointerDown(doc, onPointerDown) {
   return addDomEvent(doc, "pointerdown", fn);
 }
 
-// ../../utilities/dom/src/rect-observer.ts
-var observedElements = /* @__PURE__ */ new Map();
-function observeElementRect(el, fn) {
-  const data = observedElements.get(el);
-  if (!data) {
-    observedElements.set(el, { rect: {}, callbacks: [fn] });
-    if (observedElements.size === 1) {
-      rafId = requestAnimationFrame(runLoop);
-    }
-  } else {
-    data.callbacks.push(fn);
-    fn(el.getBoundingClientRect());
-  }
-  return function unobserve() {
-    const data2 = observedElements.get(el);
-    if (!data2)
-      return;
-    const index = data2.callbacks.indexOf(fn);
-    if (index > -1) {
-      data2.callbacks.splice(index, 1);
-    }
-    if (data2.callbacks.length === 0) {
-      observedElements.delete(el);
-      if (observedElements.size === 0) {
-        cancelAnimationFrame(rafId);
-      }
-    }
-  };
-}
-var rafId;
-function runLoop() {
-  const changedRectsData = [];
-  observedElements.forEach((data, element) => {
-    const newRect = element.getBoundingClientRect();
-    if (!isEqual(data.rect, newRect)) {
-      data.rect = newRect;
-      changedRectsData.push(data);
-    }
-  });
-  changedRectsData.forEach((data) => {
-    data.callbacks.forEach((callback) => callback(data.rect));
-  });
-  rafId = requestAnimationFrame(runLoop);
-}
-function isEqual(rect1, rect2) {
-  return rect1.width === rect2.width && rect1.height === rect2.height && rect1.top === rect2.top && rect1.right === rect2.right && rect1.bottom === rect2.bottom && rect1.left === rect2.left;
-}
+// src/popover.connect.ts
+var import_popper = require("@zag-js/popper");
 
-// ../../../node_modules/@floating-ui/core/dist/floating-ui.core.esm.js
-function getSide(placement) {
-  return placement.split("-")[0];
-}
-function getAlignment(placement) {
-  return placement.split("-")[1];
-}
-function getMainAxisFromPlacement(placement) {
-  return ["top", "bottom"].includes(getSide(placement)) ? "x" : "y";
-}
-function getLengthFromAxis(axis) {
-  return axis === "y" ? "height" : "width";
-}
-function computeCoordsFromPlacement(_ref, placement, rtl) {
-  let {
-    reference,
-    floating
-  } = _ref;
-  const commonX = reference.x + reference.width / 2 - floating.width / 2;
-  const commonY = reference.y + reference.height / 2 - floating.height / 2;
-  const mainAxis = getMainAxisFromPlacement(placement);
-  const length = getLengthFromAxis(mainAxis);
-  const commonAlign = reference[length] / 2 - floating[length] / 2;
-  const side = getSide(placement);
-  const isVertical = mainAxis === "x";
-  let coords;
-  switch (side) {
-    case "top":
-      coords = {
-        x: commonX,
-        y: reference.y - floating.height
-      };
-      break;
-    case "bottom":
-      coords = {
-        x: commonX,
-        y: reference.y + reference.height
-      };
-      break;
-    case "right":
-      coords = {
-        x: reference.x + reference.width,
-        y: commonY
-      };
-      break;
-    case "left":
-      coords = {
-        x: reference.x - floating.width,
-        y: commonY
-      };
-      break;
-    default:
-      coords = {
-        x: reference.x,
-        y: reference.y
-      };
-  }
-  switch (getAlignment(placement)) {
-    case "start":
-      coords[mainAxis] -= commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-    case "end":
-      coords[mainAxis] += commonAlign * (rtl && isVertical ? -1 : 1);
-      break;
-  }
-  return coords;
-}
-var computePosition = (reference, floating, config) => __async(void 0, null, function* () {
-  const {
-    placement = "bottom",
-    strategy = "absolute",
-    middleware = [],
-    platform: platform3
-  } = config;
-  const rtl = yield platform3.isRTL == null ? void 0 : platform3.isRTL(floating);
-  if (void 0 !== "production") {
-    if (platform3 == null) {
-      console.error(["Floating UI: `platform` property was not passed to config. If you", "want to use Floating UI on the web, install @floating-ui/dom", "instead of the /core package. Otherwise, you can create your own", "`platform`: https://floating-ui.com/docs/platform"].join(" "));
-    }
-    if (middleware.filter((_ref) => {
-      let {
-        name
-      } = _ref;
-      return name === "autoPlacement" || name === "flip";
-    }).length > 1) {
-      throw new Error(["Floating UI: duplicate `flip` and/or `autoPlacement`", "middleware detected. This will lead to an infinite loop. Ensure only", "one of either has been passed to the `middleware` array."].join(" "));
-    }
-  }
-  let rects = yield platform3.getElementRects({
-    reference,
-    floating,
-    strategy
-  });
-  let {
-    x,
-    y
-  } = computeCoordsFromPlacement(rects, placement, rtl);
-  let statefulPlacement = placement;
-  let middlewareData = {};
-  let _debug_loop_count_ = 0;
-  for (let i = 0; i < middleware.length; i++) {
-    if (void 0 !== "production") {
-      _debug_loop_count_++;
-      if (_debug_loop_count_ > 100) {
-        throw new Error(["Floating UI: The middleware lifecycle appears to be", "running in an infinite loop. This is usually caused by a `reset`", "continually being returned without a break condition."].join(" "));
-      }
-    }
-    const {
-      name,
-      fn
-    } = middleware[i];
-    const {
-      x: nextX,
-      y: nextY,
-      data,
-      reset
-    } = yield fn({
-      x,
-      y,
-      initialPlacement: placement,
-      placement: statefulPlacement,
-      strategy,
-      middlewareData,
-      rects,
-      platform: platform3,
-      elements: {
-        reference,
-        floating
-      }
-    });
-    x = nextX != null ? nextX : x;
-    y = nextY != null ? nextY : y;
-    middlewareData = __spreadProps(__spreadValues({}, middlewareData), {
-      [name]: __spreadValues(__spreadValues({}, middlewareData[name]), data)
-    });
-    if (reset) {
-      if (typeof reset === "object") {
-        if (reset.placement) {
-          statefulPlacement = reset.placement;
-        }
-        if (reset.rects) {
-          rects = reset.rects === true ? yield platform3.getElementRects({
-            reference,
-            floating,
-            strategy
-          }) : reset.rects;
-        }
-        ({
-          x,
-          y
-        } = computeCoordsFromPlacement(rects, statefulPlacement, rtl));
-      }
-      i = -1;
-      continue;
-    }
-  }
-  return {
-    x,
-    y,
-    placement: statefulPlacement,
-    strategy,
-    middlewareData
-  };
-});
-function expandPaddingObject(padding) {
-  return __spreadValues({
-    top: 0,
-    right: 0,
-    bottom: 0,
-    left: 0
-  }, padding);
-}
-function getSideObjectFromPadding(padding) {
-  return typeof padding !== "number" ? expandPaddingObject(padding) : {
-    top: padding,
-    right: padding,
-    bottom: padding,
-    left: padding
-  };
-}
-function rectToClientRect(rect) {
-  return __spreadProps(__spreadValues({}, rect), {
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
-  });
-}
-function detectOverflow(middlewareArguments, options) {
-  return __async(this, null, function* () {
-    var _await$platform$isEle;
-    if (options === void 0) {
-      options = {};
-    }
-    const {
-      x,
-      y,
-      platform: platform3,
-      rects,
-      elements,
-      strategy
-    } = middlewareArguments;
-    const {
-      boundary = "clippingAncestors",
-      rootBoundary = "viewport",
-      elementContext = "floating",
-      altBoundary = false,
-      padding = 0
-    } = options;
-    const paddingObject = getSideObjectFromPadding(padding);
-    const altContext = elementContext === "floating" ? "reference" : "floating";
-    const element = elements[altBoundary ? altContext : elementContext];
-    const clippingClientRect = rectToClientRect(yield platform3.getClippingRect({
-      element: ((_await$platform$isEle = yield platform3.isElement == null ? void 0 : platform3.isElement(element)) != null ? _await$platform$isEle : true) ? element : element.contextElement || (yield platform3.getDocumentElement == null ? void 0 : platform3.getDocumentElement(elements.floating)),
-      boundary,
-      rootBoundary,
-      strategy
-    }));
-    const elementClientRect = rectToClientRect(platform3.convertOffsetParentRelativeRectToViewportRelativeRect ? yield platform3.convertOffsetParentRelativeRectToViewportRelativeRect({
-      rect: elementContext === "floating" ? __spreadProps(__spreadValues({}, rects.floating), {
-        x,
-        y
-      }) : rects.reference,
-      offsetParent: yield platform3.getOffsetParent == null ? void 0 : platform3.getOffsetParent(elements.floating),
-      strategy
-    }) : rects[elementContext]);
-    return {
-      top: clippingClientRect.top - elementClientRect.top + paddingObject.top,
-      bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,
-      left: clippingClientRect.left - elementClientRect.left + paddingObject.left,
-      right: elementClientRect.right - clippingClientRect.right + paddingObject.right
-    };
-  });
-}
-var min = Math.min;
-var max = Math.max;
-function within(min$1, value, max$1) {
-  return max(min$1, min(value, max$1));
-}
-var arrow = (options) => ({
-  name: "arrow",
-  options,
-  fn(middlewareArguments) {
-    return __async(this, null, function* () {
-      const {
-        element,
-        padding = 0
-      } = options != null ? options : {};
-      const {
-        x,
-        y,
-        placement,
-        rects,
-        platform: platform3
-      } = middlewareArguments;
-      if (element == null) {
-        if (void 0 !== "production") {
-          console.warn("Floating UI: No `element` was passed to the `arrow` middleware.");
-        }
-        return {};
-      }
-      const paddingObject = getSideObjectFromPadding(padding);
-      const coords = {
-        x,
-        y
-      };
-      const axis = getMainAxisFromPlacement(placement);
-      const length = getLengthFromAxis(axis);
-      const arrowDimensions = yield platform3.getDimensions(element);
-      const minProp = axis === "y" ? "top" : "left";
-      const maxProp = axis === "y" ? "bottom" : "right";
-      const endDiff = rects.reference[length] + rects.reference[axis] - coords[axis] - rects.floating[length];
-      const startDiff = coords[axis] - rects.reference[axis];
-      const arrowOffsetParent = yield platform3.getOffsetParent == null ? void 0 : platform3.getOffsetParent(element);
-      const clientSize = arrowOffsetParent ? axis === "y" ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;
-      const centerToReference = endDiff / 2 - startDiff / 2;
-      const min3 = paddingObject[minProp];
-      const max3 = clientSize - arrowDimensions[length] - paddingObject[maxProp];
-      const center = clientSize / 2 - arrowDimensions[length] / 2 + centerToReference;
-      const offset2 = within(min3, center, max3);
-      return {
-        data: {
-          [axis]: offset2,
-          centerOffset: center - offset2
-        }
-      };
-    });
-  }
-});
-var hash$1 = {
-  left: "right",
-  right: "left",
-  bottom: "top",
-  top: "bottom"
-};
-function getOppositePlacement(placement) {
-  return placement.replace(/left|right|bottom|top/g, (matched) => hash$1[matched]);
-}
-function getAlignmentSides(placement, rects, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
-  const alignment = getAlignment(placement);
-  const mainAxis = getMainAxisFromPlacement(placement);
-  const length = getLengthFromAxis(mainAxis);
-  let mainAlignmentSide = mainAxis === "x" ? alignment === (rtl ? "end" : "start") ? "right" : "left" : alignment === "start" ? "bottom" : "top";
-  if (rects.reference[length] > rects.floating[length]) {
-    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
-  }
-  return {
-    main: mainAlignmentSide,
-    cross: getOppositePlacement(mainAlignmentSide)
-  };
+// ../../types/dist/index.mjs
+function createNormalizer(fn) {
+  return { button: fn, label: fn, input: fn, output: fn, element: fn };
 }
-var hash = {
-  start: "end",
-  end: "start"
-};
-function getOppositeAlignmentPlacement(placement) {
-  return placement.replace(/start|end/g, (matched) => hash[matched]);
+var normalizeProp = createNormalizer((v) => v);
+
+// ../../utilities/core/dist/index.mjs
+var first = (v) => v[0];
+var last = (v) => v[v.length - 1];
+function nextIndex(v, idx, opts = {}) {
+  const { step = 1, loop = true } = opts;
+  const next2 = idx + step;
+  const len = v.length;
+  const last2 = len - 1;
+  if (idx === -1)
+    return step > 0 ? 0 : last2;
+  if (next2 < 0)
+    return loop ? last2 : 0;
+  if (next2 >= len)
+    return loop ? 0 : idx > len ? len : idx;
+  return next2;
 }
-function getExpandedPlacements(placement) {
-  const oppositePlacement = getOppositePlacement(placement);
-  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
+function next(v, idx, opts = {}) {
+  return v[nextIndex(v, idx, opts)];
 }
-var flip = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "flip",
-    options,
-    fn(middlewareArguments) {
-      return __async(this, null, function* () {
-        var _middlewareData$flip;
-        const {
-          placement,
-          middlewareData,
-          rects,
-          initialPlacement,
-          platform: platform3,
-          elements
-        } = middlewareArguments;
-        const _a2 = options, {
-          mainAxis: checkMainAxis = true,
-          crossAxis: checkCrossAxis = true,
-          fallbackPlacements: specifiedFallbackPlacements,
-          fallbackStrategy = "bestFit",
-          flipAlignment = true
-        } = _a2, detectOverflowOptions = __objRest(_a2, [
-          "mainAxis",
-          "crossAxis",
-          "fallbackPlacements",
-          "fallbackStrategy",
-          "flipAlignment"
-        ]);
-        const side = getSide(placement);
-        const isBasePlacement = side === initialPlacement;
-        const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement(initialPlacement)] : getExpandedPlacements(initialPlacement));
-        const placements = [initialPlacement, ...fallbackPlacements];
-        const overflow = yield detectOverflow(middlewareArguments, detectOverflowOptions);
-        const overflows = [];
-        let overflowsData = ((_middlewareData$flip = middlewareData.flip) == null ? void 0 : _middlewareData$flip.overflows) || [];
-        if (checkMainAxis) {
-          overflows.push(overflow[side]);
-        }
-        if (checkCrossAxis) {
-          const {
-            main,
-            cross
-          } = getAlignmentSides(placement, rects, yield platform3.isRTL == null ? void 0 : platform3.isRTL(elements.floating));
-          overflows.push(overflow[main], overflow[cross]);
-        }
-        overflowsData = [...overflowsData, {
-          placement,
-          overflows
-        }];
-        if (!overflows.every((side2) => side2 <= 0)) {
-          var _middlewareData$flip$, _middlewareData$flip2;
-          const nextIndex2 = ((_middlewareData$flip$ = (_middlewareData$flip2 = middlewareData.flip) == null ? void 0 : _middlewareData$flip2.index) != null ? _middlewareData$flip$ : 0) + 1;
-          const nextPlacement = placements[nextIndex2];
-          if (nextPlacement) {
-            return {
-              data: {
-                index: nextIndex2,
-                overflows: overflowsData
-              },
-              reset: {
-                placement: nextPlacement
-              }
-            };
-          }
-          let resetPlacement = "bottom";
-          switch (fallbackStrategy) {
-            case "bestFit": {
-              var _overflowsData$slice$;
-              const placement2 = (_overflowsData$slice$ = overflowsData.slice().sort((a, b) => a.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0) - b.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0))[0]) == null ? void 0 : _overflowsData$slice$.placement;
-              if (placement2) {
-                resetPlacement = placement2;
-              }
-              break;
-            }
-            case "initialPlacement":
-              resetPlacement = initialPlacement;
-              break;
-          }
-          if (placement !== resetPlacement) {
-            return {
-              reset: {
-                placement: resetPlacement
-              }
-            };
-          }
-        }
-        return {};
-      });
-    }
-  };
+var runIfFn2 = (v, ...a) => {
+  const res = typeof v === "function" ? v(...a) : v;
+  return res != null ? res : void 0;
 };
-function convertValueToCoords(placement, rects, value, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
-  const side = getSide(placement);
-  const alignment = getAlignment(placement);
-  const isVertical = getMainAxisFromPlacement(placement) === "x";
-  const mainAxisMulti = ["left", "top"].includes(side) ? -1 : 1;
-  const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = typeof value === "function" ? value(__spreadProps(__spreadValues({}, rects), {
-    placement
-  })) : value;
-  const isNumber2 = typeof rawValue === "number";
-  let {
-    mainAxis,
-    crossAxis,
-    alignmentAxis
-  } = isNumber2 ? {
-    mainAxis: rawValue,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : __spreadValues({
-    mainAxis: 0,
-    crossAxis: 0,
-    alignmentAxis: null
-  }, rawValue);
-  if (alignment && typeof alignmentAxis === "number") {
-    crossAxis = alignment === "end" ? alignmentAxis * -1 : alignmentAxis;
-  }
-  return isVertical ? {
-    x: crossAxis * crossAxisMulti,
-    y: mainAxis * mainAxisMulti
-  } : {
-    x: mainAxis * mainAxisMulti,
-    y: crossAxis * crossAxisMulti
-  };
-}
-var offset = function(value) {
-  if (value === void 0) {
-    value = 0;
+var cast = (v) => v;
+
+// src/popover.dom.ts
+var dom = {
+  getDoc: (ctx) => {
+    var _a;
+    return (_a = ctx.doc) != null ? _a : document;
+  },
+  getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
+  getAnchorId: (ctx) => {
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover-${ctx.uid}-anchor`;
+  },
+  getTriggerId: (ctx) => {
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `popover-${ctx.uid}-trigger`;
+  },
+  getContentId: (ctx) => {
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `popover-${ctx.uid}-content`;
+  },
+  getPositionerId: (ctx) => `popover-${ctx.uid}-popper`,
+  getArrowId: (ctx) => `popover-${ctx.uid}-arrow`,
+  getTitleId: (ctx) => {
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `popover-${ctx.uid}-title`;
+  },
+  getDescriptionId: (ctx) => {
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover-${ctx.uid}-desc`;
+  },
+  getCloseButtonId: (ctx) => {
+    var _a, _b;
+    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeBtn) != null ? _b : `popover-${ctx.uid}-close-button`;
+  },
+  getAnchorEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getAnchorId(ctx)),
+  getTriggerEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getTriggerId(ctx)),
+  getContentEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getContentId(ctx)),
+  getPositionerEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPositionerId(ctx)),
+  getTitleEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getTitleId(ctx)),
+  getDescriptionEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getDescriptionId(ctx)),
+  getFocusableEls: (ctx) => getFocusables(dom.getContentEl(ctx)),
+  getFirstFocusableEl: (ctx) => dom.getFocusableEls(ctx)[0],
+  getDocTabbableEls: (ctx) => getTabbables(cast(dom.getDoc(ctx))),
+  getTabbableEls: (ctx) => {
+    const el = dom.getContentEl(ctx);
+    return el ? getTabbables(el) : [];
+  },
+  getFirstTabbableEl: (ctx) => first(dom.getTabbableEls(ctx)),
+  getLastTabbableEl: (ctx) => last(dom.getTabbableEls(ctx)),
+  getInitialFocusEl: (ctx) => {
+    var _a;
+    return (_a = runIfFn2(ctx.initialFocusEl)) != null ? _a : dom.getFirstFocusableEl(ctx);
   }
-  return {
-    name: "offset",
-    options: value,
-    fn(middlewareArguments) {
-      return __async(this, null, function* () {
-        const {
-          x,
-          y,
-          placement,
-          rects,
-          platform: platform3,
-          elements
-        } = middlewareArguments;
-        const diffCoords = convertValueToCoords(placement, rects, value, yield platform3.isRTL == null ? void 0 : platform3.isRTL(elements.floating));
-        return {
-          x: x + diffCoords.x,
-          y: y + diffCoords.y,
-          data: diffCoords
-        };
-      });
-    }
-  };
 };
-function getCrossAxis(axis) {
-  return axis === "x" ? "y" : "x";
-}
-var shift = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "shift",
-    options,
-    fn(middlewareArguments) {
-      return __async(this, null, function* () {
-        const {
-          x,
-          y,
-          placement
-        } = middlewareArguments;
-        const _a2 = options, {
-          mainAxis: checkMainAxis = true,
-          crossAxis: checkCrossAxis = false,
-          limiter = {
-            fn: (_ref) => {
-              let {
-                x: x2,
-                y: y2
-              } = _ref;
-              return {
-                x: x2,
-                y: y2
-              };
-            }
-          }
-        } = _a2, detectOverflowOptions = __objRest(_a2, [
-          "mainAxis",
-          "crossAxis",
-          "limiter"
-        ]);
-        const coords = {
-          x,
-          y
-        };
-        const overflow = yield detectOverflow(middlewareArguments, detectOverflowOptions);
-        const mainAxis = getMainAxisFromPlacement(getSide(placement));
-        const crossAxis = getCrossAxis(mainAxis);
-        let mainAxisCoord = coords[mainAxis];
-        let crossAxisCoord = coords[crossAxis];
-        if (checkMainAxis) {
-          const minSide = mainAxis === "y" ? "top" : "left";
-          const maxSide = mainAxis === "y" ? "bottom" : "right";
-          const min3 = mainAxisCoord + overflow[minSide];
-          const max3 = mainAxisCoord - overflow[maxSide];
-          mainAxisCoord = within(min3, mainAxisCoord, max3);
-        }
-        if (checkCrossAxis) {
-          const minSide = crossAxis === "y" ? "top" : "left";
-          const maxSide = crossAxis === "y" ? "bottom" : "right";
-          const min3 = crossAxisCoord + overflow[minSide];
-          const max3 = crossAxisCoord - overflow[maxSide];
-          crossAxisCoord = within(min3, crossAxisCoord, max3);
-        }
-        const limitedCoords = limiter.fn(__spreadProps(__spreadValues({}, middlewareArguments), {
-          [mainAxis]: mainAxisCoord,
-          [crossAxis]: crossAxisCoord
-        }));
-        return __spreadProps(__spreadValues({}, limitedCoords), {
-          data: {
-            x: limitedCoords.x - x,
-            y: limitedCoords.y - y
-          }
-        });
-      });
-    }
-  };
-};
-var size = function(options) {
-  if (options === void 0) {
-    options = {};
-  }
-  return {
-    name: "size",
-    options,
-    fn(middlewareArguments) {
-      return __async(this, null, function* () {
-        const {
-          placement,
-          rects,
-          platform: platform3,
-          elements
-        } = middlewareArguments;
-        const _a2 = options, {
-          apply
-        } = _a2, detectOverflowOptions = __objRest(_a2, [
-          "apply"
-        ]);
-        const overflow = yield detectOverflow(middlewareArguments, detectOverflowOptions);
-        const side = getSide(placement);
-        const alignment = getAlignment(placement);
-        let heightSide;
-        let widthSide;
-        if (side === "top" || side === "bottom") {
-          heightSide = side;
-          widthSide = alignment === ((yield platform3.isRTL == null ? void 0 : platform3.isRTL(elements.floating)) ? "start" : "end") ? "left" : "right";
-        } else {
-          widthSide = side;
-          heightSide = alignment === "end" ? "top" : "bottom";
-        }
-        const xMin = max(overflow.left, 0);
-        const xMax = max(overflow.right, 0);
-        const yMin = max(overflow.top, 0);
-        const yMax = max(overflow.bottom, 0);
-        const dimensions = {
-          height: rects.floating.height - (["left", "right"].includes(placement) ? 2 * (yMin !== 0 || yMax !== 0 ? yMin + yMax : max(overflow.top, overflow.bottom)) : overflow[heightSide]),
-          width: rects.floating.width - (["top", "bottom"].includes(placement) ? 2 * (xMin !== 0 || xMax !== 0 ? xMin + xMax : max(overflow.left, overflow.right)) : overflow[widthSide])
-        };
-        const prevDimensions = yield platform3.getDimensions(elements.floating);
-        apply == null ? void 0 : apply(__spreadValues(__spreadValues({}, dimensions), rects));
-        const nextDimensions = yield platform3.getDimensions(elements.floating);
-        if (prevDimensions.width !== nextDimensions.width || prevDimensions.height !== nextDimensions.height) {
-          return {
-            reset: {
-              rects: true
-            }
-          };
-        }
-        return {};
-      });
-    }
-  };
-};
-
-// ../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.esm.js
-function isWindow2(value) {
-  return value && value.document && value.location && value.alert && value.setInterval;
-}
-function getWindow(node) {
-  if (node == null) {
-    return window;
-  }
-  if (!isWindow2(node)) {
-    const ownerDocument = node.ownerDocument;
-    return ownerDocument ? ownerDocument.defaultView || window : window;
-  }
-  return node;
-}
-function getComputedStyle$1(element) {
-  return getWindow(element).getComputedStyle(element);
-}
-function getNodeName2(node) {
-  return isWindow2(node) ? "" : node ? (node.nodeName || "").toLowerCase() : "";
-}
-function isHTMLElement2(value) {
-  return value instanceof getWindow(value).HTMLElement;
-}
-function isElement(value) {
-  return value instanceof getWindow(value).Element;
-}
-function isNode(value) {
-  return value instanceof getWindow(value).Node;
-}
-function isShadowRoot(node) {
-  const OwnElement = getWindow(node).ShadowRoot;
-  return node instanceof OwnElement || node instanceof ShadowRoot;
-}
-function isOverflowElement(element) {
-  const {
-    overflow,
-    overflowX,
-    overflowY
-  } = getComputedStyle$1(element);
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
-}
-function isTableElement(element) {
-  return ["table", "td", "th"].includes(getNodeName2(element));
-}
-function isContainingBlock(element) {
-  const isFirefox = navigator.userAgent.toLowerCase().includes("firefox");
-  const css = getComputedStyle$1(element);
-  return css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].includes(css.willChange) || isFirefox && css.willChange === "filter" || isFirefox && (css.filter ? css.filter !== "none" : false);
-}
-function isLayoutViewport() {
-  return !/^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-}
-var min2 = Math.min;
-var max2 = Math.max;
-var round = Math.round;
-function getBoundingClientRect(element, includeScale, isFixedStrategy) {
-  if (includeScale === void 0) {
-    includeScale = false;
-  }
-  if (isFixedStrategy === void 0) {
-    isFixedStrategy = false;
-  }
-  const clientRect = element.getBoundingClientRect();
-  let scaleX = 1;
-  let scaleY = 1;
-  if (includeScale && isHTMLElement2(element)) {
-    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
-    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
-  }
-  const win = isElement(element) ? getWindow(element) : window;
-  const addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
-  const x = (clientRect.left + (addVisualOffsets ? win.visualViewport.offsetLeft : 0)) / scaleX;
-  const y = (clientRect.top + (addVisualOffsets ? win.visualViewport.offsetTop : 0)) / scaleY;
-  const width = clientRect.width / scaleX;
-  const height = clientRect.height / scaleY;
-  return {
-    width,
-    height,
-    top: y,
-    right: x + width,
-    bottom: y + height,
-    left: x,
-    x,
-    y
-  };
-}
-function getDocumentElement(node) {
-  return ((isNode(node) ? node.ownerDocument : node.document) || window.document).documentElement;
-}
-function getNodeScroll(element) {
-  if (isElement(element)) {
-    return {
-      scrollLeft: element.scrollLeft,
-      scrollTop: element.scrollTop
-    };
-  }
-  return {
-    scrollLeft: element.pageXOffset,
-    scrollTop: element.pageYOffset
-  };
-}
-function getWindowScrollBarX(element) {
-  return getBoundingClientRect(getDocumentElement(element)).left + getNodeScroll(element).scrollLeft;
-}
-function isScaled(element) {
-  const rect = getBoundingClientRect(element);
-  return round(rect.width) !== element.offsetWidth || round(rect.height) !== element.offsetHeight;
-}
-function getRectRelativeToOffsetParent(element, offsetParent, strategy) {
-  const isOffsetParentAnElement = isHTMLElement2(offsetParent);
-  const documentElement = getDocumentElement(offsetParent);
-  const rect = getBoundingClientRect(element, isOffsetParentAnElement && isScaled(offsetParent), strategy === "fixed");
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
-    if (getNodeName2(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isHTMLElement2(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    } else if (documentElement) {
-      offsets.x = getWindowScrollBarX(documentElement);
-    }
-  }
-  return {
-    x: rect.left + scroll.scrollLeft - offsets.x,
-    y: rect.top + scroll.scrollTop - offsets.y,
-    width: rect.width,
-    height: rect.height
-  };
-}
-function getParentNode(node) {
-  if (getNodeName2(node) === "html") {
-    return node;
-  }
-  return node.assignedSlot || node.parentNode || (isShadowRoot(node) ? node.host : null) || getDocumentElement(node);
-}
-function getTrueOffsetParent(element) {
-  if (!isHTMLElement2(element) || getComputedStyle(element).position === "fixed") {
-    return null;
-  }
-  return element.offsetParent;
-}
-function getContainingBlock(element) {
-  let currentNode = getParentNode(element);
-  if (isShadowRoot(currentNode)) {
-    currentNode = currentNode.host;
-  }
-  while (isHTMLElement2(currentNode) && !["html", "body"].includes(getNodeName2(currentNode))) {
-    if (isContainingBlock(currentNode)) {
-      return currentNode;
-    } else {
-      currentNode = currentNode.parentNode;
-    }
-  }
-  return null;
-}
-function getOffsetParent(element) {
-  const window2 = getWindow(element);
-  let offsetParent = getTrueOffsetParent(element);
-  while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === "static") {
-    offsetParent = getTrueOffsetParent(offsetParent);
-  }
-  if (offsetParent && (getNodeName2(offsetParent) === "html" || getNodeName2(offsetParent) === "body" && getComputedStyle(offsetParent).position === "static" && !isContainingBlock(offsetParent))) {
-    return window2;
-  }
-  return offsetParent || getContainingBlock(element) || window2;
-}
-function getDimensions(element) {
-  if (isHTMLElement2(element)) {
-    return {
-      width: element.offsetWidth,
-      height: element.offsetHeight
-    };
-  }
-  const rect = getBoundingClientRect(element);
-  return {
-    width: rect.width,
-    height: rect.height
-  };
-}
-function convertOffsetParentRelativeRectToViewportRelativeRect(_ref) {
-  let {
-    rect,
-    offsetParent,
-    strategy
-  } = _ref;
-  const isOffsetParentAnElement = isHTMLElement2(offsetParent);
-  const documentElement = getDocumentElement(offsetParent);
-  if (offsetParent === documentElement) {
-    return rect;
-  }
-  let scroll = {
-    scrollLeft: 0,
-    scrollTop: 0
-  };
-  const offsets = {
-    x: 0,
-    y: 0
-  };
-  if (isOffsetParentAnElement || !isOffsetParentAnElement && strategy !== "fixed") {
-    if (getNodeName2(offsetParent) !== "body" || isOverflowElement(documentElement)) {
-      scroll = getNodeScroll(offsetParent);
-    }
-    if (isHTMLElement2(offsetParent)) {
-      const offsetRect = getBoundingClientRect(offsetParent, true);
-      offsets.x = offsetRect.x + offsetParent.clientLeft;
-      offsets.y = offsetRect.y + offsetParent.clientTop;
-    }
-  }
-  return __spreadProps(__spreadValues({}, rect), {
-    x: rect.x - scroll.scrollLeft + offsets.x,
-    y: rect.y - scroll.scrollTop + offsets.y
-  });
-}
-function getViewportRect(element, strategy) {
-  const win = getWindow(element);
-  const html = getDocumentElement(element);
-  const visualViewport = win.visualViewport;
-  let width = html.clientWidth;
-  let height = html.clientHeight;
-  let x = 0;
-  let y = 0;
-  if (visualViewport) {
-    width = visualViewport.width;
-    height = visualViewport.height;
-    const layoutViewport = isLayoutViewport();
-    if (layoutViewport || !layoutViewport && strategy === "fixed") {
-      x = visualViewport.offsetLeft;
-      y = visualViewport.offsetTop;
-    }
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-function getDocumentRect(element) {
-  var _element$ownerDocumen;
-  const html = getDocumentElement(element);
-  const scroll = getNodeScroll(element);
-  const body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;
-  const width = max2(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);
-  const height = max2(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);
-  let x = -scroll.scrollLeft + getWindowScrollBarX(element);
-  const y = -scroll.scrollTop;
-  if (getComputedStyle$1(body || html).direction === "rtl") {
-    x += max2(html.clientWidth, body ? body.clientWidth : 0) - width;
-  }
-  return {
-    width,
-    height,
-    x,
-    y
-  };
-}
-function getNearestOverflowAncestor(node) {
-  const parentNode = getParentNode(node);
-  if (["html", "body", "#document"].includes(getNodeName2(parentNode))) {
-    return node.ownerDocument.body;
-  }
-  if (isHTMLElement2(parentNode) && isOverflowElement(parentNode)) {
-    return parentNode;
-  }
-  return getNearestOverflowAncestor(parentNode);
-}
-function getOverflowAncestors(node, list) {
-  var _node$ownerDocument;
-  if (list === void 0) {
-    list = [];
-  }
-  const scrollableAncestor = getNearestOverflowAncestor(node);
-  const isBody = scrollableAncestor === ((_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.body);
-  const win = getWindow(scrollableAncestor);
-  const target = isBody ? [win].concat(win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : []) : scrollableAncestor;
-  const updatedList = list.concat(target);
-  return isBody ? updatedList : updatedList.concat(getOverflowAncestors(getParentNode(target)));
-}
-function contains2(parent, child) {
-  const rootNode = child.getRootNode == null ? void 0 : child.getRootNode();
-  if (parent.contains(child)) {
-    return true;
-  } else if (rootNode && isShadowRoot(rootNode)) {
-    let next2 = child;
-    do {
-      if (next2 && parent === next2) {
-        return true;
-      }
-      next2 = next2.parentNode || next2.host;
-    } while (next2);
-  }
-  return false;
-}
-function getInnerBoundingClientRect(element, strategy) {
-  const clientRect = getBoundingClientRect(element, false, strategy === "fixed");
-  const top = clientRect.top + element.clientTop;
-  const left = clientRect.left + element.clientLeft;
-  return {
-    top,
-    left,
-    x: left,
-    y: top,
-    right: left + element.clientWidth,
-    bottom: top + element.clientHeight,
-    width: element.clientWidth,
-    height: element.clientHeight
-  };
-}
-function getClientRectFromClippingAncestor(element, clippingParent, strategy) {
-  if (clippingParent === "viewport") {
-    return rectToClientRect(getViewportRect(element, strategy));
-  }
-  if (isElement(clippingParent)) {
-    return getInnerBoundingClientRect(clippingParent, strategy);
-  }
-  return rectToClientRect(getDocumentRect(getDocumentElement(element)));
-}
-function getClippingAncestors(element) {
-  const clippingAncestors = getOverflowAncestors(element);
-  const canEscapeClipping = ["absolute", "fixed"].includes(getComputedStyle$1(element).position);
-  const clipperElement = canEscapeClipping && isHTMLElement2(element) ? getOffsetParent(element) : element;
-  if (!isElement(clipperElement)) {
-    return [];
-  }
-  return clippingAncestors.filter((clippingAncestors2) => isElement(clippingAncestors2) && contains2(clippingAncestors2, clipperElement) && getNodeName2(clippingAncestors2) !== "body");
-}
-function getClippingRect(_ref) {
-  let {
-    element,
-    boundary,
-    rootBoundary,
-    strategy
-  } = _ref;
-  const mainClippingAncestors = boundary === "clippingAncestors" ? getClippingAncestors(element) : [].concat(boundary);
-  const clippingAncestors = [...mainClippingAncestors, rootBoundary];
-  const firstClippingAncestor = clippingAncestors[0];
-  const clippingRect = clippingAncestors.reduce((accRect, clippingAncestor) => {
-    const rect = getClientRectFromClippingAncestor(element, clippingAncestor, strategy);
-    accRect.top = max2(rect.top, accRect.top);
-    accRect.right = min2(rect.right, accRect.right);
-    accRect.bottom = min2(rect.bottom, accRect.bottom);
-    accRect.left = max2(rect.left, accRect.left);
-    return accRect;
-  }, getClientRectFromClippingAncestor(element, firstClippingAncestor, strategy));
-  return {
-    width: clippingRect.right - clippingRect.left,
-    height: clippingRect.bottom - clippingRect.top,
-    x: clippingRect.left,
-    y: clippingRect.top
-  };
-}
-var platform2 = {
-  getClippingRect,
-  convertOffsetParentRelativeRectToViewportRelativeRect,
-  isElement,
-  getDimensions,
-  getOffsetParent,
-  getDocumentElement,
-  getElementRects: (_ref) => {
-    let {
-      reference,
-      floating,
-      strategy
-    } = _ref;
-    return {
-      reference: getRectRelativeToOffsetParent(reference, getOffsetParent(floating), strategy),
-      floating: __spreadProps(__spreadValues({}, getDimensions(floating)), {
-        x: 0,
-        y: 0
-      })
-    };
-  },
-  getClientRects: (element) => Array.from(element.getClientRects()),
-  isRTL: (element) => getComputedStyle$1(element).direction === "rtl"
-};
-var computePosition2 = (reference, floating, options) => computePosition(reference, floating, __spreadValues({
-  platform: platform2
-}, options));
-
-// ../../utilities/popper/src/auto-update.ts
-function resolveOptions(option) {
-  if (isBoolean(option))
-    return { ancestorResize: option, ancestorScroll: option, referenceResize: option };
-  return Object.assign({ ancestorResize: true, ancestorScroll: true, referenceResize: true }, option);
-}
-function autoUpdate(reference, floating, update, options = false) {
-  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options);
-  const useAncestors = ancestorScroll || ancestorResize;
-  const ancestors = [];
-  if (useAncestors && isHTMLElement(reference)) {
-    ancestors.push(...getOverflowAncestors(reference));
-  }
-  function addResizeListeners() {
-    let cleanups = [observeElementRect(floating, update)];
-    if (referenceResize && isHTMLElement(reference)) {
-      cleanups.push(observeElementRect(reference, update));
-    }
-    cleanups.push(pipe(...ancestors.map((el) => addDomEvent(el, "resize", update))));
-    return () => cleanups.forEach((fn) => fn());
-  }
-  function addScrollListeners() {
-    return pipe(...ancestors.map((el) => addDomEvent(el, "scroll", update, { passive: true })));
-  }
-  return pipe(addResizeListeners(), addScrollListeners());
-}
-
-// ../../utilities/popper/src/middleware.ts
-var toVar = (value) => ({ variable: value, reference: `var(${value})` });
-var cssVars = {
-  arrowShadowColor: toVar("--arrow-shadow-color"),
-  arrowSize: toVar("--arrow-size"),
-  arrowSizeHalf: toVar("--arrow-size-half"),
-  arrowBg: toVar("--arrow-background"),
-  transformOrigin: toVar("--transform-origin"),
-  arrowOffset: toVar("--arrow-offset"),
-  boxShadow: toVar("--arrow-box-shadow")
-};
-var transforms = {
-  top: "bottom center",
-  "top-start": "bottom left",
-  "top-end": "bottom right",
-  bottom: "top center",
-  "bottom-start": "top left",
-  "bottom-end": "top right",
-  left: "right center",
-  "left-start": "right top",
-  "left-end": "right bottom",
-  right: "left center",
-  "right-start": "left top",
-  "right-end": "left bottom"
-};
-var transformOrigin = {
-  name: "transformOrigin",
-  fn({ placement, elements }) {
-    const { floating } = elements;
-    floating.style.setProperty(cssVars.transformOrigin.variable, transforms[placement]);
-    return {
-      data: { transformOrigin: transforms[placement] }
-    };
-  }
-};
-var shiftArrow = (opts) => ({
-  name: "shiftArrow",
-  fn({ placement, middlewareData }) {
-    var _a;
-    const { element: arrow2 } = opts;
-    const { x, y } = (_a = middlewareData.arrow) != null ? _a : { x: 0, y: 0 };
-    const staticSide = {
-      top: "bottom",
-      right: "left",
-      bottom: "top",
-      left: "right"
-    }[placement.split("-")[0]];
-    Object.assign(arrow2.style, {
-      top: `${y}px`,
-      left: `${x}px`,
-      [staticSide]: cssVars.arrowOffset.reference,
-      [cssVars.boxShadow.variable]: getBoxShadow(placement)
-    });
-    return {};
-  }
-});
-function getBoxShadow(placement) {
-  if (placement.includes("top"))
-    return `1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
-  if (placement.includes("bottom"))
-    return `-1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
-  if (placement.includes("right"))
-    return `-1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
-  if (placement.includes("left"))
-    return `1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
-}
-
-// ../../utilities/popper/src/get-placement.ts
-var defaultOptions = {
-  strategy: "absolute",
-  placement: "bottom",
-  listeners: true,
-  gutter: 8,
-  flip: true,
-  sameWidth: false
-};
-function getPlacement(reference, floating, options = {}) {
-  var _a;
-  if (reference == null || floating == null)
-    return noop;
-  options = Object.assign({}, defaultOptions, options);
-  const middleware = [transformOrigin];
-  if (options.flip) {
-    middleware.push(flip({ boundary: options.boundary, padding: 8 }));
-  }
-  if (options.gutter || options.offset) {
-    const data = options.gutter ? { mainAxis: options.gutter } : options.offset;
-    middleware.push(offset(data));
-  }
-  middleware.push(shift({ boundary: options.boundary }));
-  const doc = getOwnerDocument(floating);
-  const arrowEl = doc.querySelector("[data-part=arrow]");
-  if (arrowEl) {
-    middleware.push(arrow({ element: arrowEl, padding: 8 }), shiftArrow({ element: arrowEl }));
-  }
-  if (options.sameWidth) {
-    middleware.push(size({
-      apply(data) {
-        const { width } = data.reference;
-        Object.assign(floating.style, { width: `${width}px`, minWidth: "unset" });
-      }
-    }));
-  }
-  function compute() {
-    if (reference == null || floating == null)
-      return;
-    const { placement, strategy } = options;
-    computePosition2(reference, floating, { placement, middleware, strategy }).then((data) => {
-      const { x, y, strategy: strategy2 } = data;
-      Object.assign(floating.style, { left: `${x}px`, top: `${y}px`, position: strategy2 });
-      return data;
-    }).then((data) => {
-      var _a2;
-      (_a2 = options.onComplete) == null ? void 0 : _a2.call(options, data);
-    });
-  }
-  compute();
-  return pipe(autoUpdate(reference, floating, compute, options.listeners), (_a = options.onCleanup) != null ? _a : noop);
-}
-
-// ../../utilities/popper/src/get-styles.ts
-var UNMEASURED_FLOATING_STYLE = {
-  position: "fixed",
-  top: 0,
-  left: 0,
-  opacity: 0,
-  transform: "translate3d(0, -200%, 0)",
-  pointerEvents: "none"
-};
-function getPlacementStyles(options) {
-  const { measured, strategy = "absolute" } = options;
-  return {
-    arrow: {
-      position: "absolute",
-      width: cssVars.arrowSize.reference,
-      height: cssVars.arrowSize.reference,
-      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
-      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`,
-      opacity: !measured ? 0 : void 0
-    },
-    innerArrow: {
-      transform: "rotate(45deg)",
-      background: cssVars.arrowBg.reference,
-      top: "0",
-      left: "0",
-      width: "100%",
-      height: "100%",
-      position: "absolute",
-      zIndex: "inherit"
-    },
-    floating: __spreadValues({
-      position: strategy,
-      minWidth: "max-content"
-    }, !measured && UNMEASURED_FLOATING_STYLE)
-  };
-}
-
-// ../../types/src/prop-types.ts
-function createNormalizer(fn) {
-  return { button: fn, label: fn, input: fn, output: fn, element: fn };
-}
-var normalizeProp = createNormalizer((v) => v);
-
-// src/popover.dom.ts
-var dom = {
-  getDoc: (ctx) => {
-    var _a;
-    return (_a = ctx.doc) != null ? _a : document;
-  },
-  getActiveEl: (ctx) => dom.getDoc(ctx).activeElement,
-  getAnchorId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.anchor) != null ? _b : `popover-${ctx.uid}-anchor`;
-  },
-  getTriggerId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.trigger) != null ? _b : `popover-${ctx.uid}-trigger`;
-  },
-  getContentId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.content) != null ? _b : `popover-${ctx.uid}-content`;
-  },
-  getPositionerId: (ctx) => `popover-${ctx.uid}-popper`,
-  getArrowId: (ctx) => `popover-${ctx.uid}-arrow`,
-  getTitleId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.title) != null ? _b : `popover-${ctx.uid}-title`;
-  },
-  getDescriptionId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.description) != null ? _b : `popover-${ctx.uid}-desc`;
-  },
-  getCloseButtonId: (ctx) => {
-    var _a, _b;
-    return (_b = (_a = ctx.ids) == null ? void 0 : _a.closeBtn) != null ? _b : `popover-${ctx.uid}-close-button`;
-  },
-  getAnchorEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getAnchorId(ctx)),
-  getTriggerEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getTriggerId(ctx)),
-  getContentEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getContentId(ctx)),
-  getPositionerEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getPositionerId(ctx)),
-  getTitleEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getTitleId(ctx)),
-  getDescriptionEl: (ctx) => dom.getDoc(ctx).getElementById(dom.getDescriptionId(ctx)),
-  getFocusableEls: (ctx) => getFocusables(dom.getContentEl(ctx)),
-  getFirstFocusableEl: (ctx) => dom.getFocusableEls(ctx)[0],
-  getDocTabbableEls: (ctx) => getTabbables(cast(dom.getDoc(ctx))),
-  getTabbableEls: (ctx) => {
-    const el = dom.getContentEl(ctx);
-    return el ? getTabbables(el) : [];
-  },
-  getFirstTabbableEl: (ctx) => first(dom.getTabbableEls(ctx)),
-  getLastTabbableEl: (ctx) => last(dom.getTabbableEls(ctx)),
-  getInitialFocusEl: (ctx) => {
-    var _a;
-    return (_a = runIfFn(ctx.initialFocusEl)) != null ? _a : dom.getFirstFocusableEl(ctx);
-  }
-};
-
-// src/popover.connect.ts
-function connect(state, send, normalize = normalizeProp) {
-  const isOpen = state.matches("open");
-  const pointerdownNode = state.context.pointerdownNode;
-  const popperStyles = getPlacementStyles({
-    measured: !!state.context.isPlacementComplete
-  });
+
+// src/popover.connect.ts
+function connect(state, send, normalize = normalizeProp) {
+  const isOpen = state.matches("open");
+  const pointerdownNode = state.context.pointerdownNode;
+  const popperStyles = (0, import_popper.getPlacementStyles)({
+    measured: !!state.context.isPlacementComplete
+  });
   return {
     portalled: state.context.currentPortalled,
     isOpen,
@@ -2029,1444 +721,13 @@ function connect(state, send, normalize = normalizeProp) {
   };
 }
 
-// ../../../node_modules/@zag-js/core/src/index.ts
-var import_vanilla3 = require("valtio/vanilla");
-
-// ../../core/src/action-utils.ts
-function choose(actions) {
-  return {
-    predicate: (guardMap) => (ctx, event) => {
-      var _a;
-      return (_a = actions.find((def) => {
-        var _a2;
-        def.guard = def.guard || (() => true);
-        if (isString(def.guard)) {
-          return !!((_a2 = guardMap[def.guard]) == null ? void 0 : _a2.call(guardMap, ctx, event));
-        }
-        if (isGuardHelper(def.guard)) {
-          return def.guard.predicate(guardMap != null ? guardMap : {})(ctx, event);
-        }
-        return def.guard(ctx, event);
-      })) == null ? void 0 : _a.actions;
-    }
-  };
-}
-function isGuardHelper(value) {
-  return isObject(value) && value.predicate != null;
-}
-function determineActionsFn(values, guardMap) {
-  return (context, event) => {
-    if (isGuardHelper(values))
-      return values.predicate(guardMap != null ? guardMap : {})(context, event);
-    return values;
-  };
-}
-
-// ../../core/src/guard-utils.ts
-function or(...conditions) {
-  return {
-    predicate: (guards2) => (ctx, event) => conditions.map((condition) => {
-      var _a;
-      if (isString(condition)) {
-        return !!((_a = guards2[condition]) == null ? void 0 : _a.call(guards2, ctx, event));
-      }
-      if (isFunction(condition)) {
-        return condition(ctx, event);
-      }
-      return condition.predicate(guards2)(ctx, event);
-    }).some(Boolean)
-  };
-}
-function and(...conditions) {
-  return {
-    predicate: (guards2) => (ctx, event) => conditions.map((condition) => {
-      var _a;
-      if (isString(condition)) {
-        return !!((_a = guards2[condition]) == null ? void 0 : _a.call(guards2, ctx, event));
-      }
-      if (isFunction(condition)) {
-        return condition(ctx, event);
-      }
-      return condition.predicate(guards2)(ctx, event);
-    }).every(Boolean)
-  };
-}
-function not(condition) {
-  return {
-    predicate: (guardMap) => (ctx, event) => {
-      var _a;
-      if (isString(condition)) {
-        return !((_a = guardMap[condition]) == null ? void 0 : _a.call(guardMap, ctx, event));
-      }
-      if (isFunction(condition)) {
-        return !condition(ctx, event);
-      }
-      return !condition.predicate(guardMap)(ctx, event);
-    }
-  };
-}
-var guards = { or, and, not };
-function isGuardHelper2(value) {
-  return isObject(value) && value.predicate != null;
-}
-var TruthyGuard = () => true;
-function determineGuardFn(guard, guardMap) {
-  guard = guard != null ? guard : TruthyGuard;
-  return (context, event) => {
-    if (isString(guard)) {
-      const value = guardMap == null ? void 0 : guardMap[guard];
-      return isFunction(value) ? value(context, event) : value;
-    }
-    if (isGuardHelper2(guard)) {
-      return guard.predicate(guardMap != null ? guardMap : {})(context, event);
-    }
-    return guard == null ? void 0 : guard(context, event);
-  };
-}
-
-// ../../../node_modules/klona/json/index.mjs
-function klona(val) {
-  var k, out, tmp;
-  if (Array.isArray(val)) {
-    out = Array(k = val.length);
-    while (k--)
-      out[k] = (tmp = val[k]) && typeof tmp === "object" ? klona(tmp) : tmp;
-    return out;
-  }
-  if (Object.prototype.toString.call(val) === "[object Object]") {
-    out = {};
-    for (k in val) {
-      if (k === "__proto__") {
-        Object.defineProperty(out, k, {
-          value: klona(val[k]),
-          configurable: true,
-          enumerable: true,
-          writable: true
-        });
-      } else {
-        out[k] = (tmp = val[k]) && typeof tmp === "object" ? klona(tmp) : tmp;
-      }
-    }
-    return out;
-  }
-  return val;
-}
-
-// ../../core/src/machine.ts
-var import_utils16 = require("valtio/utils");
-var import_vanilla2 = require("valtio/vanilla");
-
-// ../../core/src/create-proxy.ts
-var import_vanilla = require("valtio/vanilla");
-function createProxy(config) {
-  var _a;
-  const state = (0, import_vanilla.proxy)({
-    value: "",
-    previousValue: "",
-    event: cast({}),
-    context: (_a = config.context) != null ? _a : cast({}),
-    done: false,
-    tags: [],
-    hasTag(tag) {
-      return this.tags.includes(tag);
-    },
-    matches(...value) {
-      return value.includes(this.value);
-    },
-    can(event) {
-      return cast(this).nextEvents.includes(event);
-    },
-    get nextEvents() {
-      var _a2, _b, _c, _d;
-      const stateEvents = (_c = (_b = (_a2 = config.states) == null ? void 0 : _a2[this.value]) == null ? void 0 : _b["on"]) != null ? _c : {};
-      const globalEvents = (_d = config == null ? void 0 : config.on) != null ? _d : {};
-      return Object.keys(__spreadValues(__spreadValues({}, stateEvents), globalEvents));
-    },
-    get changed() {
-      if (this.event.value === "machine.init" /* Init */ || !this.previousValue)
-        return false;
-      return this.value !== this.previousValue;
-    }
-  });
-  return cast(state);
-}
-
-// ../../core/src/delay-utils.ts
-function determineDelayFn(delay3, delaysMap) {
-  return (context, event) => {
-    if (isNumber(delay3))
-      return delay3;
-    if (isFunction(delay3)) {
-      return delay3(context, event);
-    }
-    if (isString(delay3)) {
-      const value = Number.parseFloat(delay3);
-      if (!Number.isNaN(value)) {
-        return value;
-      }
-      if (delaysMap) {
-        const valueOrFn = delaysMap == null ? void 0 : delaysMap[delay3];
-        if (valueOrFn == null) {
-          const msg = `[machine] Cannot determine delay for ${delay3}. It doesn't exist in options.delays`;
-          throw new Error(msg);
-        }
-        return isFunction(valueOrFn) ? valueOrFn(context, event) : valueOrFn;
-      }
-    }
-  };
-}
-
-// ../../core/src/utils.ts
-function toEvent(event) {
-  const obj = isString(event) ? { type: event } : event;
-  return obj;
-}
-function toArray(value) {
-  if (!value)
-    return [];
-  return isArray(value) ? value : [value];
-}
-
-// ../../core/src/transition-utils.ts
-function toTarget(target) {
-  return isString(target) ? { target } : target;
-}
-function determineTransitionFn(transitions, guardMap) {
-  return (context, event) => {
-    return toArray(transitions).map(toTarget).find((transition) => {
-      var _a;
-      const determineGuard = determineGuardFn(transition.guard, guardMap);
-      const guard = determineGuard(context, event);
-      return (_a = guard != null ? guard : transition.target) != null ? _a : transition.actions;
-    });
-  };
-}
-function toTransition(transition, current) {
-  const _transition = isString(transition) ? toTarget(transition) : transition;
-  const fn = (t3) => {
-    const isTargetless = t3.actions && !t3.target;
-    if (isTargetless && current)
-      t3.target = current;
-    return t3;
-  };
-  if (isArray(_transition)) {
-    return _transition.map(fn);
-  }
-  if (isObject(_transition)) {
-    return fn(cast(_transition));
-  }
-}
-
-// ../../core/src/machine.ts
-var Machine = class {
-  constructor(config, options) {
-    this.config = config;
-    this.status = "Not Started" /* NotStarted */;
-    this.type = "machine" /* Machine */;
-    this.activityEvents = /* @__PURE__ */ new Map();
-    this.delayedEvents = /* @__PURE__ */ new Map();
-    this.stateListeners = /* @__PURE__ */ new Set();
-    this.eventListeners = /* @__PURE__ */ new Set();
-    this.doneListeners = /* @__PURE__ */ new Set();
-    this.contextWatchers = /* @__PURE__ */ new Set();
-    this.removeStateListener = noop;
-    this.removeEventListener = noop;
-    this.children = /* @__PURE__ */ new Map();
-    this.start = (init) => {
-      if (this.status === "Running" /* Running */) {
-        return this;
-      }
-      this.status = "Running" /* Running */;
-      const event = toEvent("machine.init" /* Init */);
-      if (init) {
-        const resolved = isObject(init) ? init : { context: this.config.context, value: init };
-        this.setState(resolved.value);
-        this.setContext(resolved.context);
-      }
-      const transition = {
-        target: !!init ? void 0 : this.config.initial
-      };
-      const info = this.getNextStateInfo(transition, event);
-      info.target = cast(info.target || transition.target);
-      this.initialState = info;
-      this.performStateChangeEffects(info.target, info, event);
-      this.removeStateListener = (0, import_vanilla2.subscribe)(this.state, () => {
-        this.stateListeners.forEach((listener) => {
-          listener(this.stateSnapshot);
-        });
-      }, this.sync);
-      this.removeEventListener = (0, import_utils16.subscribeKey)(this.state, "event", (value) => {
-        if (this.config.onEvent) {
-          this.executeActions(this.config.onEvent, value);
-        }
-        for (const listener of this.eventListeners) {
-          listener(value);
-        }
-      });
-      this.setupContextWatchers();
-      this.executeActivities(toEvent("machine.start" /* Start */), toArray(this.config.activities), "machine.start" /* Start */);
-      this.executeActions(this.config.entry, toEvent("machine.start" /* Start */));
-      return this;
-    };
-    this.setupContextWatchers = () => {
-      var _a;
-      for (const [key, fn] of Object.entries((_a = this.config.watch) != null ? _a : {})) {
-        this.contextWatchers.add((0, import_utils16.subscribeKey)(this.state.context, key, () => {
-          this.executeActions(fn, this.state.event);
-        }));
-      }
-    };
-    this.setupComputed = () => {
-      var _a;
-      const computed = cast((_a = this.config.computed) != null ? _a : {});
-      const deriveFns = Object.fromEntries(Object.entries(computed).map(([key, fn]) => [key, (get) => fn(get(this.state.context))]));
-      (0, import_utils16.derive)(deriveFns, { proxy: this.state.context });
-    };
-    this.detachComputed = () => {
-      (0, import_utils16.underive)(this.state.context, { delete: true });
-    };
-    this.stop = () => {
-      if (this.status === "Stopped" /* Stopped */)
-        return;
-      this.setState(null);
-      this.setEvent("machine.stop" /* Stop */);
-      if (this.config.context) {
-        this.setContext(this.config.context);
-      }
-      this.stopStateListeners();
-      this.stopChildren();
-      this.stopActivities();
-      this.stopDelayedEvents();
-      this.stopContextWatchers();
-      this.stopEventListeners();
-      this.detachComputed();
-      this.status = "Stopped" /* Stopped */;
-      this.executeActions(this.config.exit, toEvent("machine.stop" /* Stop */));
-      return this;
-    };
-    this.stopEventListeners = () => {
-      this.eventListeners.clear();
-      this.removeEventListener();
-    };
-    this.stopStateListeners = () => {
-      this.removeStateListener();
-      this.stateListeners.clear();
-    };
-    this.stopContextWatchers = () => {
-      this.contextWatchers.forEach((fn) => fn());
-      this.contextWatchers.clear();
-    };
-    this.stopDelayedEvents = () => {
-      this.delayedEvents.forEach((state) => {
-        state.forEach((stop) => stop());
-      });
-      this.delayedEvents.clear();
-    };
-    this.stopActivities = (state) => {
-      var _a, _b;
-      if (state) {
-        (_a = this.activityEvents.get(state)) == null ? void 0 : _a.forEach((stop) => stop());
-        (_b = this.activityEvents.get(state)) == null ? void 0 : _b.clear();
-        this.activityEvents.delete(state);
-      } else {
-        this.activityEvents.forEach((state2) => {
-          state2.forEach((stop) => stop());
-          state2.clear();
-        });
-        this.activityEvents.clear();
-      }
-    };
-    this.sendChild = (evt, to) => {
-      const event = toEvent(evt);
-      const id = runIfFn(to, this.contextSnapshot);
-      const child = this.children.get(id);
-      if (!child) {
-        invariant(`[machine/send-child] Cannot send '${event.type}' event to unknown child`);
-      }
-      child.send(event);
-    };
-    this.stopChild = (id) => {
-      if (!this.children.has(id)) {
-        invariant("[machine/stop-child] Cannot stop unknown child");
-      }
-      this.children.get(id).stop();
-      this.children.delete(id);
-    };
-    this.removeChild = (id) => {
-      this.children.delete(id);
-    };
-    this.stopChildren = () => {
-      this.children.forEach((child) => child.stop());
-      this.children.clear();
-    };
-    this.setParent = (parent) => {
-      this.parent = parent;
-    };
-    this.spawn = (src, id) => {
-      const actor = runIfFn(src);
-      if (id)
-        actor.id = id;
-      actor.type = "machine.actor" /* Actor */;
-      actor.setParent(this);
-      this.children.set(actor.id, cast(actor));
-      actor.onDone(() => {
-        this.removeChild(actor.id);
-      }).start();
-      return cast((0, import_vanilla2.ref)(actor));
-    };
-    this.addActivityCleanup = (state, cleanup) => {
-      var _a;
-      if (!state)
-        return;
-      if (!this.activityEvents.has(state)) {
-        this.activityEvents.set(state, /* @__PURE__ */ new Set([cleanup]));
-      } else {
-        (_a = this.activityEvents.get(state)) == null ? void 0 : _a.add(cleanup);
-      }
-    };
-    this.setState = (target) => {
-      this.state.previousValue = this.state.value;
-      this.state.value = target;
-      const stateNode = this.getStateNode(target);
-      if (target == null) {
-        clear(this.state.tags);
-      } else {
-        this.state.tags = toArray(stateNode == null ? void 0 : stateNode.tags);
-      }
-    };
-    this.setContext = (context) => {
-      for (const key in context) {
-        this.state.context[key] = context[key];
-      }
-    };
-    this.withContext = (context) => {
-      this.detachComputed();
-      const newContext = __spreadValues(__spreadValues({}, this.config.context), context);
-      return new Machine(__spreadProps(__spreadValues({}, this.config), { context: newContext }), this.options);
-    };
-    this.withOptions = (options) => {
-      this.detachComputed();
-      return new Machine(this.config, __spreadValues(__spreadValues({}, this.options), options));
-    };
-    this.setActions = (actions) => {
-      this.actionMap = __spreadValues(__spreadValues({}, this.actionMap), actions);
-    };
-    this.clone = () => {
-      this.detachComputed();
-      return new Machine(this.config, this.options);
-    };
-    this.getStateNode = (state) => {
-      var _a;
-      if (!state)
-        return;
-      return (_a = this.config.states) == null ? void 0 : _a[state];
-    };
-    this.getNextStateInfo = (transitions, event) => {
-      var _a;
-      const transition = this.determineTransition(transitions, event);
-      const target = (_a = transition == null ? void 0 : transition.target) != null ? _a : this.state.value;
-      const stateNode = this.getStateNode(target);
-      return {
-        transition,
-        stateNode,
-        target
-      };
-    };
-    this.getActionFromDelayedTransition = (transition) => {
-      const event = toEvent("machine.after" /* After */);
-      const determineDelay = determineDelayFn(transition.delay, this.delayMap);
-      const delay3 = determineDelay(this.contextSnapshot, event);
-      let id;
-      return {
-        entry: () => {
-          id = globalThis.setTimeout(() => {
-            const current = this.state.value;
-            const next2 = this.getNextStateInfo(transition, event);
-            this.performStateChangeEffects(current, next2, event);
-          }, delay3);
-        },
-        exit: () => {
-          globalThis.clearTimeout(id);
-        }
-      };
-    };
-    this.getDelayedEventActions = (state) => {
-      const stateNode = this.getStateNode(state);
-      const event = toEvent("machine.after" /* After */);
-      if (!stateNode || !stateNode.after)
-        return;
-      const entries = [];
-      const exits = [];
-      if (isArray(stateNode.after)) {
-        const transition = this.determineTransition(stateNode.after, event);
-        if (!transition)
-          return;
-        const actions = this.getActionFromDelayedTransition(transition);
-        entries.push(actions.entry);
-        exits.push(actions.exit);
-      } else if (isObject(stateNode.after)) {
-        for (const delay3 in stateNode.after) {
-          const transition = stateNode.after[delay3];
-          let resolvedTransition = {};
-          if (isArray(transition)) {
-            const picked = this.determineTransition(transition, event);
-            if (picked)
-              resolvedTransition = picked;
-          } else if (isString(transition)) {
-            resolvedTransition = { target: transition, delay: delay3 };
-          } else {
-            resolvedTransition = __spreadProps(__spreadValues({}, transition), { delay: delay3 });
-          }
-          const actions = this.getActionFromDelayedTransition(resolvedTransition);
-          entries.push(actions.entry);
-          exits.push(actions.exit);
-        }
-      }
-      return { entries, exits };
-    };
-    this.executeActions = (actions, event) => {
-      var _a;
-      const _actions = determineActionsFn(actions, this.guardMap)(this.contextSnapshot, event);
-      for (const action of toArray(_actions)) {
-        const fn = isString(action) ? (_a = this.actionMap) == null ? void 0 : _a[action] : action;
-        warn(isString(action) && !fn, `[machine/exec-action] No implementation found for action: \`${action}\``);
-        fn == null ? void 0 : fn(this.state.context, event, this.meta);
-      }
-    };
-    this.executeActivities = (event, activities, state) => {
-      var _a;
-      for (const activity of activities) {
-        const fn = isString(activity) ? (_a = this.activityMap) == null ? void 0 : _a[activity] : activity;
-        if (!fn) {
-          warn(`[machine/exec-activity] No implementation found for activity: \`${activity}\``);
-          continue;
-        }
-        const cleanup = fn(this.state.context, event, this.meta);
-        if (cleanup) {
-          this.addActivityCleanup(state != null ? state : this.state.value, cleanup);
-        }
-      }
-    };
-    this.createEveryActivities = (every, callbackfn) => {
-      if (!every)
-        return;
-      const event = toEvent("machine.every" /* Every */);
-      if (isArray(every)) {
-        const picked = toArray(every).find((t3) => {
-          const determineDelay2 = determineDelayFn(t3.delay, this.delayMap);
-          t3.delay = determineDelay2(this.contextSnapshot, event);
-          const determineGuard = determineGuardFn(t3.guard, this.guardMap);
-          const guard = determineGuard(this.contextSnapshot, event);
-          return guard != null ? guard : t3.delay;
-        });
-        if (!picked)
-          return;
-        const determineDelay = determineDelayFn(picked.delay, this.delayMap);
-        const delay3 = determineDelay(this.contextSnapshot, event);
-        const activity = () => {
-          const id = globalThis.setInterval(() => {
-            this.executeActions(picked.actions, event);
-          }, delay3);
-          return () => {
-            globalThis.clearInterval(id);
-          };
-        };
-        callbackfn(activity);
-      } else {
-        for (const interval in every) {
-          const actions = every == null ? void 0 : every[interval];
-          const determineDelay = determineDelayFn(interval, this.delayMap);
-          const delay3 = determineDelay(this.contextSnapshot, event);
-          const activity = () => {
-            const id = globalThis.setInterval(() => {
-              this.executeActions(actions, event);
-            }, delay3);
-            return () => {
-              globalThis.clearInterval(id);
-            };
-          };
-          callbackfn(activity);
-        }
-      }
-    };
-    this.setEvent = (event) => {
-      this.state.event = (0, import_vanilla2.ref)(toEvent(event));
-    };
-    this.performExitEffects = (current, event) => {
-      const currentState = this.state.value;
-      const stateNode = current ? this.getStateNode(current) : void 0;
-      this.stopActivities(currentState);
-      const _exit = determineActionsFn(stateNode == null ? void 0 : stateNode.exit, this.guardMap)(this.contextSnapshot, event);
-      const exitActions = toArray(_exit);
-      const afterExitActions = this.delayedEvents.get(currentState);
-      if (afterExitActions) {
-        exitActions.push(...afterExitActions);
-      }
-      this.executeActions(exitActions, event);
-      this.eventListeners.clear();
-    };
-    this.performEntryEffects = (next2, event) => {
-      const stateNode = this.getStateNode(next2);
-      const activities = toArray(stateNode == null ? void 0 : stateNode.activities);
-      this.createEveryActivities(stateNode == null ? void 0 : stateNode.every, (activity) => {
-        activities.unshift(activity);
-      });
-      if (activities.length > 0) {
-        this.executeActivities(event, activities);
-      }
-      const _entry = determineActionsFn(stateNode == null ? void 0 : stateNode.entry, this.guardMap)(this.contextSnapshot, event);
-      const entryActions = toArray(_entry);
-      const afterActions = this.getDelayedEventActions(next2);
-      if ((stateNode == null ? void 0 : stateNode.after) && afterActions) {
-        this.delayedEvents.set(next2, afterActions == null ? void 0 : afterActions.exits);
-        entryActions.push(...afterActions.entries);
-      }
-      this.executeActions(entryActions, event);
-      if ((stateNode == null ? void 0 : stateNode.type) === "final") {
-        this.state.done = true;
-        this.doneListeners.forEach((listener) => {
-          listener(this.stateSnapshot);
-        });
-        this.stop();
-      }
-    };
-    this.performTransitionEffects = (transition, event) => {
-      const t3 = this.determineTransition(transition, event);
-      this.executeActions(t3 == null ? void 0 : t3.actions, event);
-    };
-    this.performStateChangeEffects = (current, next2, event) => {
-      var _a, _b;
-      this.setEvent(event);
-      next2.target = (_b = (_a = next2.target) != null ? _a : this.state.value) != null ? _b : void 0;
-      const ok = next2.target && next2.target !== this.state.value;
-      if (ok) {
-        this.performExitEffects(current, event);
-      }
-      this.performTransitionEffects(next2 == null ? void 0 : next2.transition, event);
-      this.setState(next2.target);
-      if (ok) {
-        this.performEntryEffects(next2.target, event);
-      }
-    };
-    this.determineTransition = (transition, event) => {
-      const fn = determineTransitionFn(transition, this.guardMap);
-      return fn == null ? void 0 : fn(this.contextSnapshot, event);
-    };
-    this.sendParent = (evt) => {
-      var _a;
-      if (!this.parent) {
-        invariant("[machine/send-parent] Cannot send event to an unknown parent");
-      }
-      const event = toEvent(evt);
-      (_a = this.parent) == null ? void 0 : _a.send(event);
-    };
-    this.send = (evt) => {
-      const event = toEvent(evt);
-      this.transition(this.state.value, event);
-    };
-    this.transition = (state, evt) => {
-      var _a, _b, _c;
-      const stateNode = isString(state) ? this.getStateNode(state) : state == null ? void 0 : state.stateNode;
-      const event = toEvent(evt);
-      if (!stateNode && !this.config.on) {
-        const msg = this.status === "Stopped" /* Stopped */ ? "[machine/transition] Cannot transition a stopped machine" : "[machine/transition] State does not have a definition";
-        warn(msg);
-        return;
-      }
-      const transitionConfig = (_c = (_a = stateNode == null ? void 0 : stateNode.on) == null ? void 0 : _a[event.type]) != null ? _c : (_b = this.config.on) == null ? void 0 : _b[event.type];
-      const transition = toTransition(transitionConfig, this.state.value);
-      if (!transition)
-        return;
-      const info = this.getNextStateInfo(transition, event);
-      this.performStateChangeEffects(this.state.value, info, event);
-      return info.stateNode;
-    };
-    this.subscribe = (listener) => {
-      this.stateListeners.add(listener);
-      if (this.status === "Running" /* Running */) {
-        listener(this.stateSnapshot);
-      }
-      return () => {
-        this.stateListeners.delete(listener);
-      };
-    };
-    this.onDone = (listener) => {
-      this.doneListeners.add(listener);
-      return this;
-    };
-    this.onTransition = (listener) => {
-      this.stateListeners.add(listener);
-      if (this.status === "Running" /* Running */) {
-        listener(this.stateSnapshot);
-      }
-      return this;
-    };
-    this.onEvent = (listener) => {
-      listener(this.state.event);
-      this.eventListeners.add(listener);
-      return this;
-    };
-    var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
-    this.options = klona(options);
-    this.id = (_a = config.id) != null ? _a : `machine-${uuid()}`;
-    this.guardMap = (_c = (_b = this.options) == null ? void 0 : _b.guards) != null ? _c : {};
-    this.actionMap = (_e = (_d = this.options) == null ? void 0 : _d.actions) != null ? _e : {};
-    this.delayMap = (_g = (_f = this.options) == null ? void 0 : _f.delays) != null ? _g : {};
-    this.activityMap = (_i = (_h = this.options) == null ? void 0 : _h.activities) != null ? _i : {};
-    this.sync = (_k = (_j = this.options) == null ? void 0 : _j.sync) != null ? _k : false;
-    this.state = createProxy(klona(config));
-    this.setupComputed();
-    const event = toEvent("machine.created" /* Created */);
-    this.executeActions(config == null ? void 0 : config.created, event);
-  }
-  get stateSnapshot() {
-    return cast((0, import_vanilla2.snapshot)(this.state));
-  }
-  get contextSnapshot() {
-    return this.stateSnapshot.context;
-  }
-  get self() {
-    const _self = this;
-    return {
-      id: this.id,
-      send: this.send.bind(this),
-      sendParent: this.sendParent.bind(this),
-      sendChild: this.sendChild.bind(this),
-      stop: this.stop.bind(this),
-      stopChild: this.stopChild.bind(this),
-      spawn: this.spawn.bind(this),
-      get state() {
-        return _self.stateSnapshot;
-      }
-    };
-  }
-  get meta() {
-    return {
-      state: this.stateSnapshot,
-      guards: this.guardMap,
-      send: this.send.bind(this),
-      listen: this.onEvent.bind(this),
-      self: this.self,
-      getState: () => this.stateSnapshot
-    };
-  }
-};
-var createMachine = (config, options) => new Machine(config, options);
-
-// ../../../node_modules/aria-hidden/dist/es2015/index.js
-var getDefaultParent = function(originalTarget) {
-  if (typeof document === "undefined") {
-    return null;
-  }
-  var sampleTarget = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
-  return sampleTarget.ownerDocument.body;
-};
-var counterMap = /* @__PURE__ */ new WeakMap();
-var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-var markerMap = {};
-var lockCount = 0;
-var hideOthers = function(originalTarget, parentNode, markerName) {
-  if (parentNode === void 0) {
-    parentNode = getDefaultParent(originalTarget);
-  }
-  if (markerName === void 0) {
-    markerName = "data-aria-hidden";
-  }
-  var targets = Array.isArray(originalTarget) ? originalTarget : [originalTarget];
-  if (!markerMap[markerName]) {
-    markerMap[markerName] = /* @__PURE__ */ new WeakMap();
-  }
-  var markerCounter = markerMap[markerName];
-  var hiddenNodes = [];
-  var elementsToKeep = /* @__PURE__ */ new Set();
-  var keep = function(el) {
-    if (!el || elementsToKeep.has(el)) {
-      return;
-    }
-    elementsToKeep.add(el);
-    keep(el.parentNode);
-  };
-  targets.forEach(keep);
-  var deep = function(parent) {
-    if (!parent || targets.indexOf(parent) >= 0) {
-      return;
-    }
-    Array.prototype.forEach.call(parent.children, function(node) {
-      if (elementsToKeep.has(node)) {
-        deep(node);
-      } else {
-        var attr = node.getAttribute("aria-hidden");
-        var alreadyHidden = attr !== null && attr !== "false";
-        var counterValue = (counterMap.get(node) || 0) + 1;
-        var markerValue = (markerCounter.get(node) || 0) + 1;
-        counterMap.set(node, counterValue);
-        markerCounter.set(node, markerValue);
-        hiddenNodes.push(node);
-        if (counterValue === 1 && alreadyHidden) {
-          uncontrolledNodes.set(node, true);
-        }
-        if (markerValue === 1) {
-          node.setAttribute(markerName, "true");
-        }
-        if (!alreadyHidden) {
-          node.setAttribute("aria-hidden", "true");
-        }
-      }
-    });
-  };
-  deep(parentNode);
-  elementsToKeep.clear();
-  lockCount++;
-  return function() {
-    hiddenNodes.forEach(function(node) {
-      var counterValue = counterMap.get(node) - 1;
-      var markerValue = markerCounter.get(node) - 1;
-      counterMap.set(node, counterValue);
-      markerCounter.set(node, markerValue);
-      if (!counterValue) {
-        if (!uncontrolledNodes.has(node)) {
-          node.removeAttribute("aria-hidden");
-        }
-        uncontrolledNodes.delete(node);
-      }
-      if (!markerValue) {
-        node.removeAttribute(markerName);
-      }
-    });
-    lockCount--;
-    if (!lockCount) {
-      counterMap = /* @__PURE__ */ new WeakMap();
-      counterMap = /* @__PURE__ */ new WeakMap();
-      uncontrolledNodes = /* @__PURE__ */ new WeakMap();
-      markerMap = {};
-    }
-  };
-};
-
-// ../../../node_modules/tabbable/dist/index.esm.js
-var candidateSelectors = ["input", "select", "textarea", "a[href]", "button", "[tabindex]", "audio[controls]", "video[controls]", '[contenteditable]:not([contenteditable="false"])', "details>summary:first-of-type", "details"];
-var candidateSelector = /* @__PURE__ */ candidateSelectors.join(",");
-var matches = typeof Element === "undefined" ? function() {
-} : Element.prototype.matches || Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;
-var getCandidates = function getCandidates2(el, includeContainer, filter) {
-  var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
-  if (includeContainer && matches.call(el, candidateSelector)) {
-    candidates.unshift(el);
-  }
-  candidates = candidates.filter(filter);
-  return candidates;
-};
-var isContentEditable = function isContentEditable2(node) {
-  return node.contentEditable === "true";
-};
-var getTabindex = function getTabindex2(node) {
-  var tabindexAttr = parseInt(node.getAttribute("tabindex"), 10);
-  if (!isNaN(tabindexAttr)) {
-    return tabindexAttr;
-  }
-  if (isContentEditable(node)) {
-    return 0;
-  }
-  if ((node.nodeName === "AUDIO" || node.nodeName === "VIDEO" || node.nodeName === "DETAILS") && node.getAttribute("tabindex") === null) {
-    return 0;
-  }
-  return node.tabIndex;
-};
-var sortOrderedTabbables = function sortOrderedTabbables2(a, b) {
-  return a.tabIndex === b.tabIndex ? a.documentOrder - b.documentOrder : a.tabIndex - b.tabIndex;
-};
-var isInput = function isInput2(node) {
-  return node.tagName === "INPUT";
-};
-var isHiddenInput = function isHiddenInput2(node) {
-  return isInput(node) && node.type === "hidden";
-};
-var isDetailsWithSummary = function isDetailsWithSummary2(node) {
-  var r2 = node.tagName === "DETAILS" && Array.prototype.slice.apply(node.children).some(function(child) {
-    return child.tagName === "SUMMARY";
-  });
-  return r2;
-};
-var getCheckedRadio = function getCheckedRadio2(nodes, form) {
-  for (var i = 0; i < nodes.length; i++) {
-    if (nodes[i].checked && nodes[i].form === form) {
-      return nodes[i];
-    }
-  }
-};
-var isTabbableRadio = function isTabbableRadio2(node) {
-  if (!node.name) {
-    return true;
-  }
-  var radioScope = node.form || node.ownerDocument;
-  var queryRadios = function queryRadios2(name) {
-    return radioScope.querySelectorAll('input[type="radio"][name="' + name + '"]');
-  };
-  var radioSet;
-  if (typeof window !== "undefined" && typeof window.CSS !== "undefined" && typeof window.CSS.escape === "function") {
-    radioSet = queryRadios(window.CSS.escape(node.name));
-  } else {
-    try {
-      radioSet = queryRadios(node.name);
-    } catch (err) {
-      console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s", err.message);
-      return false;
-    }
-  }
-  var checked = getCheckedRadio(radioSet, node.form);
-  return !checked || checked === node;
-};
-var isRadio = function isRadio2(node) {
-  return isInput(node) && node.type === "radio";
-};
-var isNonTabbableRadio = function isNonTabbableRadio2(node) {
-  return isRadio(node) && !isTabbableRadio(node);
-};
-var isHidden2 = function isHidden3(node, displayCheck) {
-  if (getComputedStyle(node).visibility === "hidden") {
-    return true;
-  }
-  var isDirectSummary = matches.call(node, "details>summary:first-of-type");
-  var nodeUnderDetails = isDirectSummary ? node.parentElement : node;
-  if (matches.call(nodeUnderDetails, "details:not([open]) *")) {
-    return true;
-  }
-  if (!displayCheck || displayCheck === "full") {
-    while (node) {
-      if (getComputedStyle(node).display === "none") {
-        return true;
-      }
-      node = node.parentElement;
-    }
-  } else if (displayCheck === "non-zero-area") {
-    var _node$getBoundingClie = node.getBoundingClientRect(), width = _node$getBoundingClie.width, height = _node$getBoundingClie.height;
-    return width === 0 && height === 0;
-  }
-  return false;
-};
-var isDisabledFromFieldset = function isDisabledFromFieldset2(node) {
-  if (isInput(node) || node.tagName === "SELECT" || node.tagName === "TEXTAREA" || node.tagName === "BUTTON") {
-    var parentNode = node.parentElement;
-    while (parentNode) {
-      if (parentNode.tagName === "FIELDSET" && parentNode.disabled) {
-        for (var i = 0; i < parentNode.children.length; i++) {
-          var child = parentNode.children.item(i);
-          if (child.tagName === "LEGEND") {
-            if (child.contains(node)) {
-              return false;
-            }
-            return true;
-          }
-        }
-        return true;
-      }
-      parentNode = parentNode.parentElement;
-    }
-  }
-  return false;
-};
-var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable2(options, node) {
-  if (node.disabled || isHiddenInput(node) || isHidden2(node, options.displayCheck) || isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
-    return false;
-  }
-  return true;
-};
-var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable2(options, node) {
-  if (!isNodeMatchingSelectorFocusable(options, node) || isNonTabbableRadio(node) || getTabindex(node) < 0) {
-    return false;
-  }
-  return true;
-};
-var tabbable = function tabbable2(el, options) {
-  options = options || {};
-  var regularTabbables = [];
-  var orderedTabbables = [];
-  var candidates = getCandidates(el, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
-  candidates.forEach(function(candidate, i) {
-    var candidateTabindex = getTabindex(candidate);
-    if (candidateTabindex === 0) {
-      regularTabbables.push(candidate);
-    } else {
-      orderedTabbables.push({
-        documentOrder: i,
-        tabIndex: candidateTabindex,
-        node: candidate
-      });
-    }
-  });
-  var tabbableNodes = orderedTabbables.sort(sortOrderedTabbables).map(function(a) {
-    return a.node;
-  }).concat(regularTabbables);
-  return tabbableNodes;
-};
-var focusableCandidateSelector = /* @__PURE__ */ candidateSelectors.concat("iframe").join(",");
-var isFocusable2 = function isFocusable3(node, options) {
-  options = options || {};
-  if (!node) {
-    throw new Error("No node provided");
-  }
-  if (matches.call(node, focusableCandidateSelector) === false) {
-    return false;
-  }
-  return isNodeMatchingSelectorFocusable(options, node);
-};
-
-// ../../../node_modules/focus-trap/dist/focus-trap.esm.js
-function ownKeys(object, enumerableOnly) {
-  var keys = Object.keys(object);
-  if (Object.getOwnPropertySymbols) {
-    var symbols = Object.getOwnPropertySymbols(object);
-    if (enumerableOnly) {
-      symbols = symbols.filter(function(sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-    keys.push.apply(keys, symbols);
-  }
-  return keys;
-}
-function _objectSpread2(target) {
-  for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function(key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function(key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
-  }
-  return target;
-}
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-var activeFocusTraps = function() {
-  var trapQueue = [];
-  return {
-    activateTrap: function activateTrap(trap) {
-      if (trapQueue.length > 0) {
-        var activeTrap = trapQueue[trapQueue.length - 1];
-        if (activeTrap !== trap) {
-          activeTrap.pause();
-        }
-      }
-      var trapIndex = trapQueue.indexOf(trap);
-      if (trapIndex === -1) {
-        trapQueue.push(trap);
-      } else {
-        trapQueue.splice(trapIndex, 1);
-        trapQueue.push(trap);
-      }
-    },
-    deactivateTrap: function deactivateTrap(trap) {
-      var trapIndex = trapQueue.indexOf(trap);
-      if (trapIndex !== -1) {
-        trapQueue.splice(trapIndex, 1);
-      }
-      if (trapQueue.length > 0) {
-        trapQueue[trapQueue.length - 1].unpause();
-      }
-    }
-  };
-}();
-var isSelectableInput = function isSelectableInput2(node) {
-  return node.tagName && node.tagName.toLowerCase() === "input" && typeof node.select === "function";
-};
-var isEscapeEvent = function isEscapeEvent2(e2) {
-  return e2.key === "Escape" || e2.key === "Esc" || e2.keyCode === 27;
-};
-var isTabEvent = function isTabEvent2(e2) {
-  return e2.key === "Tab" || e2.keyCode === 9;
-};
-var delay = function delay2(fn) {
-  return setTimeout(fn, 0);
-};
-var findIndex = function findIndex2(arr, fn) {
-  var idx = -1;
-  arr.every(function(value, i) {
-    if (fn(value)) {
-      idx = i;
-      return false;
-    }
-    return true;
-  });
-  return idx;
-};
-var valueOrHandler = function valueOrHandler2(value) {
-  for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    params[_key - 1] = arguments[_key];
-  }
-  return typeof value === "function" ? value.apply(void 0, params) : value;
-};
-var getActualTarget = function getActualTarget2(event) {
-  return event.target.shadowRoot && typeof event.composedPath === "function" ? event.composedPath()[0] : event.target;
-};
-var createFocusTrap = function createFocusTrap2(elements, userOptions) {
-  var doc = (userOptions === null || userOptions === void 0 ? void 0 : userOptions.document) || document;
-  var config = _objectSpread2({
-    returnFocusOnDeactivate: true,
-    escapeDeactivates: true,
-    delayInitialFocus: true
-  }, userOptions);
-  var state = {
-    containers: [],
-    tabbableGroups: [],
-    nodeFocusedBeforeActivation: null,
-    mostRecentlyFocusedNode: null,
-    active: false,
-    paused: false,
-    delayInitialFocusTimer: void 0
-  };
-  var trap;
-  var getOption = function getOption2(configOverrideOptions, optionName, configOptionName) {
-    return configOverrideOptions && configOverrideOptions[optionName] !== void 0 ? configOverrideOptions[optionName] : config[configOptionName || optionName];
-  };
-  var containersContain = function containersContain2(element) {
-    return !!(element && state.containers.some(function(container) {
-      return container.contains(element);
-    }));
-  };
-  var getNodeForOption = function getNodeForOption2(optionName) {
-    var optionValue = config[optionName];
-    if (typeof optionValue === "function") {
-      for (var _len2 = arguments.length, params = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-        params[_key2 - 1] = arguments[_key2];
-      }
-      optionValue = optionValue.apply(void 0, params);
-    }
-    if (!optionValue) {
-      if (optionValue === void 0 || optionValue === false) {
-        return optionValue;
-      }
-      throw new Error("`".concat(optionName, "` was specified but was not a node, or did not return a node"));
-    }
-    var node = optionValue;
-    if (typeof optionValue === "string") {
-      node = doc.querySelector(optionValue);
-      if (!node) {
-        throw new Error("`".concat(optionName, "` as selector refers to no known node"));
-      }
-    }
-    return node;
-  };
-  var getInitialFocusNode = function getInitialFocusNode2() {
-    var node = getNodeForOption("initialFocus");
-    if (node === false) {
-      return false;
-    }
-    if (node === void 0) {
-      if (containersContain(doc.activeElement)) {
-        node = doc.activeElement;
-      } else {
-        var firstTabbableGroup = state.tabbableGroups[0];
-        var firstTabbableNode = firstTabbableGroup && firstTabbableGroup.firstTabbableNode;
-        node = firstTabbableNode || getNodeForOption("fallbackFocus");
-      }
-    }
-    if (!node) {
-      throw new Error("Your focus-trap needs to have at least one focusable element");
-    }
-    return node;
-  };
-  var updateTabbableNodes = function updateTabbableNodes2() {
-    state.tabbableGroups = state.containers.map(function(container) {
-      var tabbableNodes = tabbable(container);
-      if (tabbableNodes.length > 0) {
-        return {
-          container,
-          firstTabbableNode: tabbableNodes[0],
-          lastTabbableNode: tabbableNodes[tabbableNodes.length - 1]
-        };
-      }
-      return void 0;
-    }).filter(function(group) {
-      return !!group;
-    });
-    if (state.tabbableGroups.length <= 0 && !getNodeForOption("fallbackFocus")) {
-      throw new Error("Your focus-trap must have at least one container with at least one tabbable node in it at all times");
-    }
-  };
-  var tryFocus = function tryFocus2(node) {
-    if (node === false) {
-      return;
-    }
-    if (node === doc.activeElement) {
-      return;
-    }
-    if (!node || !node.focus) {
-      tryFocus2(getInitialFocusNode());
-      return;
-    }
-    node.focus({
-      preventScroll: !!config.preventScroll
-    });
-    state.mostRecentlyFocusedNode = node;
-    if (isSelectableInput(node)) {
-      node.select();
-    }
-  };
-  var getReturnFocusNode = function getReturnFocusNode2(previousActiveElement) {
-    var node = getNodeForOption("setReturnFocus", previousActiveElement);
-    return node ? node : node === false ? false : previousActiveElement;
-  };
-  var checkPointerDown = function checkPointerDown2(e2) {
-    var target = getActualTarget(e2);
-    if (containersContain(target)) {
-      return;
-    }
-    if (valueOrHandler(config.clickOutsideDeactivates, e2)) {
-      trap.deactivate({
-        returnFocus: config.returnFocusOnDeactivate && !isFocusable2(target)
-      });
-      return;
-    }
-    if (valueOrHandler(config.allowOutsideClick, e2)) {
-      return;
-    }
-    e2.preventDefault();
-  };
-  var checkFocusIn = function checkFocusIn2(e2) {
-    var target = getActualTarget(e2);
-    var targetContained = containersContain(target);
-    if (targetContained || target instanceof Document) {
-      if (targetContained) {
-        state.mostRecentlyFocusedNode = target;
-      }
-    } else {
-      e2.stopImmediatePropagation();
-      tryFocus(state.mostRecentlyFocusedNode || getInitialFocusNode());
-    }
-  };
-  var checkTab = function checkTab2(e2) {
-    var target = getActualTarget(e2);
-    updateTabbableNodes();
-    var destinationNode = null;
-    if (state.tabbableGroups.length > 0) {
-      var containerIndex = findIndex(state.tabbableGroups, function(_ref) {
-        var container = _ref.container;
-        return container.contains(target);
-      });
-      if (containerIndex < 0) {
-        if (e2.shiftKey) {
-          destinationNode = state.tabbableGroups[state.tabbableGroups.length - 1].lastTabbableNode;
-        } else {
-          destinationNode = state.tabbableGroups[0].firstTabbableNode;
-        }
-      } else if (e2.shiftKey) {
-        var startOfGroupIndex = findIndex(state.tabbableGroups, function(_ref2) {
-          var firstTabbableNode = _ref2.firstTabbableNode;
-          return target === firstTabbableNode;
-        });
-        if (startOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === target) {
-          startOfGroupIndex = containerIndex;
-        }
-        if (startOfGroupIndex >= 0) {
-          var destinationGroupIndex = startOfGroupIndex === 0 ? state.tabbableGroups.length - 1 : startOfGroupIndex - 1;
-          var destinationGroup = state.tabbableGroups[destinationGroupIndex];
-          destinationNode = destinationGroup.lastTabbableNode;
-        }
-      } else {
-        var lastOfGroupIndex = findIndex(state.tabbableGroups, function(_ref3) {
-          var lastTabbableNode = _ref3.lastTabbableNode;
-          return target === lastTabbableNode;
-        });
-        if (lastOfGroupIndex < 0 && state.tabbableGroups[containerIndex].container === target) {
-          lastOfGroupIndex = containerIndex;
-        }
-        if (lastOfGroupIndex >= 0) {
-          var _destinationGroupIndex = lastOfGroupIndex === state.tabbableGroups.length - 1 ? 0 : lastOfGroupIndex + 1;
-          var _destinationGroup = state.tabbableGroups[_destinationGroupIndex];
-          destinationNode = _destinationGroup.firstTabbableNode;
-        }
-      }
-    } else {
-      destinationNode = getNodeForOption("fallbackFocus");
-    }
-    if (destinationNode) {
-      e2.preventDefault();
-      tryFocus(destinationNode);
-    }
-  };
-  var checkKey = function checkKey2(e2) {
-    if (isEscapeEvent(e2) && valueOrHandler(config.escapeDeactivates, e2) !== false) {
-      e2.preventDefault();
-      trap.deactivate();
-      return;
-    }
-    if (isTabEvent(e2)) {
-      checkTab(e2);
-      return;
-    }
-  };
-  var checkClick = function checkClick2(e2) {
-    if (valueOrHandler(config.clickOutsideDeactivates, e2)) {
-      return;
-    }
-    var target = getActualTarget(e2);
-    if (containersContain(target)) {
-      return;
-    }
-    if (valueOrHandler(config.allowOutsideClick, e2)) {
-      return;
-    }
-    e2.preventDefault();
-    e2.stopImmediatePropagation();
-  };
-  var addListeners = function addListeners2() {
-    if (!state.active) {
-      return;
-    }
-    activeFocusTraps.activateTrap(trap);
-    state.delayInitialFocusTimer = config.delayInitialFocus ? delay(function() {
-      tryFocus(getInitialFocusNode());
-    }) : tryFocus(getInitialFocusNode());
-    doc.addEventListener("focusin", checkFocusIn, true);
-    doc.addEventListener("mousedown", checkPointerDown, {
-      capture: true,
-      passive: false
-    });
-    doc.addEventListener("touchstart", checkPointerDown, {
-      capture: true,
-      passive: false
-    });
-    doc.addEventListener("click", checkClick, {
-      capture: true,
-      passive: false
-    });
-    doc.addEventListener("keydown", checkKey, {
-      capture: true,
-      passive: false
-    });
-    return trap;
-  };
-  var removeListeners = function removeListeners2() {
-    if (!state.active) {
-      return;
-    }
-    doc.removeEventListener("focusin", checkFocusIn, true);
-    doc.removeEventListener("mousedown", checkPointerDown, true);
-    doc.removeEventListener("touchstart", checkPointerDown, true);
-    doc.removeEventListener("click", checkClick, true);
-    doc.removeEventListener("keydown", checkKey, true);
-    return trap;
-  };
-  trap = {
-    activate: function activate(activateOptions) {
-      if (state.active) {
-        return this;
-      }
-      var onActivate = getOption(activateOptions, "onActivate");
-      var onPostActivate = getOption(activateOptions, "onPostActivate");
-      var checkCanFocusTrap = getOption(activateOptions, "checkCanFocusTrap");
-      if (!checkCanFocusTrap) {
-        updateTabbableNodes();
-      }
-      state.active = true;
-      state.paused = false;
-      state.nodeFocusedBeforeActivation = doc.activeElement;
-      if (onActivate) {
-        onActivate();
-      }
-      var finishActivation = function finishActivation2() {
-        if (checkCanFocusTrap) {
-          updateTabbableNodes();
-        }
-        addListeners();
-        if (onPostActivate) {
-          onPostActivate();
-        }
-      };
-      if (checkCanFocusTrap) {
-        checkCanFocusTrap(state.containers.concat()).then(finishActivation, finishActivation);
-        return this;
-      }
-      finishActivation();
-      return this;
-    },
-    deactivate: function deactivate(deactivateOptions) {
-      if (!state.active) {
-        return this;
-      }
-      clearTimeout(state.delayInitialFocusTimer);
-      state.delayInitialFocusTimer = void 0;
-      removeListeners();
-      state.active = false;
-      state.paused = false;
-      activeFocusTraps.deactivateTrap(trap);
-      var onDeactivate = getOption(deactivateOptions, "onDeactivate");
-      var onPostDeactivate = getOption(deactivateOptions, "onPostDeactivate");
-      var checkCanReturnFocus = getOption(deactivateOptions, "checkCanReturnFocus");
-      if (onDeactivate) {
-        onDeactivate();
-      }
-      var returnFocus = getOption(deactivateOptions, "returnFocus", "returnFocusOnDeactivate");
-      var finishDeactivation = function finishDeactivation2() {
-        delay(function() {
-          if (returnFocus) {
-            tryFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation));
-          }
-          if (onPostDeactivate) {
-            onPostDeactivate();
-          }
-        });
-      };
-      if (returnFocus && checkCanReturnFocus) {
-        checkCanReturnFocus(getReturnFocusNode(state.nodeFocusedBeforeActivation)).then(finishDeactivation, finishDeactivation);
-        return this;
-      }
-      finishDeactivation();
-      return this;
-    },
-    pause: function pause() {
-      if (state.paused || !state.active) {
-        return this;
-      }
-      state.paused = true;
-      removeListeners();
-      return this;
-    },
-    unpause: function unpause() {
-      if (!state.paused || !state.active) {
-        return this;
-      }
-      state.paused = false;
-      updateTabbableNodes();
-      addListeners();
-      return this;
-    },
-    updateContainerElements: function updateContainerElements(containerElements) {
-      var elementsAsArray = [].concat(containerElements).filter(Boolean);
-      state.containers = elementsAsArray.map(function(element) {
-        return typeof element === "string" ? doc.querySelector(element) : element;
-      });
-      if (state.active) {
-        updateTabbableNodes();
-      }
-      return this;
-    }
-  };
-  trap.updateContainerElements(elements);
-  return trap;
-};
-
 // src/popover.machine.ts
-var { and: and2, or: or2 } = guards;
-var machine = createMachine({
+var import_core = require("@zag-js/core");
+var import_popper2 = require("@zag-js/popper");
+var import_aria_hidden = require("aria-hidden");
+var import_focus_trap = require("focus-trap");
+var { and, or } = import_core.guards;
+var machine = (0, import_core.createMachine)({
   id: "popover",
   initial: "unknown",
   context: {
@@ -3509,7 +770,7 @@ var machine = createMachine({
         "disableOutsidePointerEvents",
         "computePlacement"
       ],
-      entry: choose([
+      entry: (0, import_core.choose)([
         {
           guard: "autoFocus",
           actions: ["setInitialFocus", "invokeOnOpen"]
@@ -3531,18 +792,18 @@ var machine = createMachine({
           actions: "focusTrigger"
         },
         TAB: {
-          guard: and2("isLastTabbableElement", "closeOnBlur", "portalled"),
+          guard: and("isLastTabbableElement", "closeOnBlur", "portalled"),
           target: "closed",
           actions: "focusNextTabbableElementAfterTrigger"
         },
         SHIFT_TAB: {
-          guard: and2(or2("isFirstTabbableElement", "isContentFocused"), "closeOnBlur", "portalled"),
+          guard: and(or("isFirstTabbableElement", "isContentFocused"), "closeOnBlur", "portalled"),
           target: "closed",
           actions: "focusTrigger"
         },
         INTERACT_OUTSIDE: [
           {
-            guard: and2("closeOnBlur", "isRelatedTargetFocusable"),
+            guard: and("closeOnBlur", "isRelatedTargetFocusable"),
             target: "closed"
           },
           {
@@ -3559,7 +820,7 @@ var machine = createMachine({
     computePlacement(ctx) {
       ctx.currentPlacement = ctx.positioning.placement;
       const anchorEl = ctx.isAnchorRendered ? dom.getAnchorEl(ctx) : dom.getTriggerEl(ctx);
-      return getPlacement(anchorEl, dom.getPositionerEl(ctx), __spreadProps(__spreadValues({}, ctx.positioning), {
+      return (0, import_popper2.getPlacement)(anchorEl, dom.getPositionerEl(ctx), __spreadProps(__spreadValues({}, ctx.positioning), {
         onComplete(data) {
           ctx.currentPlacement = data.placement;
           ctx.isPlacementComplete = true;
@@ -3572,7 +833,7 @@ var machine = createMachine({
     },
     trackPointerDown(ctx) {
       return trackPointerDown(dom.getDoc(ctx), (el) => {
-        ctx.pointerdownNode = (0, import_vanilla3.ref)(el);
+        ctx.pointerdownNode = (0, import_core.ref)(el);
       });
     },
     disableOutsidePointerEvents(ctx) {
@@ -3591,7 +852,7 @@ var machine = createMachine({
         if (!el)
           return;
         try {
-          unhide = hideOthers(el);
+          unhide = (0, import_aria_hidden.hideOthers)(el);
         } catch (e2) {
         }
       });
@@ -3612,13 +873,13 @@ var machine = createMachine({
         const el = dom.getContentEl(ctx);
         if (!el)
           return;
-        trap = createFocusTrap(el, {
+        trap = (0, import_focus_trap.createFocusTrap)(el, {
           escapeDeactivates: false,
           allowOutsideClick: true,
           returnFocusOnDeactivate: true,
           document: dom.getDoc(ctx),
           fallbackFocus: el,
-          initialFocus: runIfFn(ctx.initialFocusEl)
+          initialFocus: runIfFn2(ctx.initialFocusEl)
         });
         try {
           trap.activate();
@@ -3649,7 +910,7 @@ var machine = createMachine({
     },
     setupDocument(ctx, evt) {
       if (evt.doc)
-        ctx.doc = (0, import_vanilla3.ref)(evt.doc);
+        ctx.doc = (0, import_core.ref)(evt.doc);
       ctx.uid = evt.id;
     },
     clearPointerDown(ctx) {
@@ -3707,12 +968,4 @@ var machine = createMachine({
     }
   }
 });
-/*!
-* focus-trap 6.7.1
-* @license MIT, https://github.com/focus-trap/focus-trap/blob/master/LICENSE
-*/
-/*!
-* tabbable 5.2.1
-* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
-*/
 //# sourceMappingURL=index.js.map