@zag-js/popper 0.1.4 → 0.1.7

package/dist/auto-update.d.ts

@@ -5,5 +5,4 @@ export declare type AutoUpdateOptions = {
     ancestorResize?: boolean;
     referenceResize?: boolean;
 };
-export declare function autoUpdate(reference: ReferenceElement, floating: HTMLElement, update: () => void, options?: boolean | AutoUpdateOptions): (v: void) => void;
-//# sourceMappingURL=auto-update.d.ts.map
+export declare function autoUpdate(reference: ReferenceElement, floating: HTMLElement, update: () => void, options?: boolean | AutoUpdateOptions): () => void;

package/dist/get-placement.d.ts

@@ -1,4 +1,4 @@
-import type { VirtualElement } from "@floating-ui/dom";
-import { PositioningOptions } from "./types";
-export declare function getPlacement(reference: HTMLElement | VirtualElement | null, floating: HTMLElement | null, options?: PositioningOptions): (v: void) => void;
-//# sourceMappingURL=get-placement.d.ts.map
+import type { Placement, VirtualElement } from "@floating-ui/dom";
+import type { BasePlacement, PositioningOptions } from "./types";
+export declare function getPlacement(reference: HTMLElement | VirtualElement | null, floating: HTMLElement | null, opts?: PositioningOptions): () => void;
+export declare function getBasePlacement(placement: Placement): BasePlacement;

package/dist/get-styles.d.ts

@@ -1,4 +1,4 @@
-import { Placement } from "@floating-ui/dom";
+import type { Placement } from "@floating-ui/dom";
 declare type Options = {
     measured: boolean;
     strategy?: "absolute" | "fixed";
@@ -33,4 +33,3 @@ export declare function getPlacementStyles(options: Options): {
     };
 };
 export {};
-//# sourceMappingURL=get-styles.d.ts.map

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export { getPlacement } from "./get-placement";
+export { getPlacement, getBasePlacement } from "./get-placement";
 export { getPlacementStyles } from "./get-styles";
 export type { Placement, PositioningOptions } from "./types";
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,5 +1,8 @@
+"use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
@@ -16,6 +19,7 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -33,6 +37,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  getBasePlacement: () => getBasePlacement,
   getPlacement: () => getPlacement,
   getPlacementStyles: () => getPlacementStyles
 });
@@ -42,112 +47,32 @@ module.exports = __toCommonJS(src_exports);
 var import_dom2 = require("@floating-ui/dom");
 
 // ../core/dist/index.mjs
-var noop = () => {
+var callAll = (...fns) => (...a) => {
+  fns.forEach(function(fn) {
+    fn == null ? void 0 : fn(...a);
+  });
 };
-var pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
 var isBoolean = (v) => v === true || v === false;
 
 // src/auto-update.ts
 var import_dom = require("@floating-ui/dom");
 
 // ../dom/dist/index.mjs
-var noop2 = () => {
+var runIfFn = (v, ...a) => {
+  const res = typeof v === "function" ? v(...a) : v;
+  return res != null ? res : void 0;
 };
-function getListenerElements() {
-  ;
-  globalThis.__listenerElements__ = globalThis.__listenerElements__ || /* @__PURE__ */ new Map();
-  return globalThis.__listenerElements__;
-}
-function getListenerCache() {
-  ;
-  globalThis.__listenerCache__ = globalThis.__listenerCache__ || /* @__PURE__ */ new Map();
-  return globalThis.__listenerCache__;
-}
-function globalEventBus(node, type, handler, options) {
-  var _a;
-  if (!node)
-    return noop2;
-  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([[hash, /* @__PURE__ */ new Set([handler])]]);
-    listenerElements.set(node, group2);
-  } 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(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(hash)) == null ? void 0 : _a3.forEach((fn) => fn(event));
-    }
-    if (!(listenerCache == null ? void 0 : listenerCache.has(node2))) {
-      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(hash))) {
-      (_b = listenerCache.get(node2)) == null ? void 0 : _b.set(hash, listener);
-      node2.addEventListener(type, listener, options);
-    }
-  }
-  attach(node);
-  return function remove() {
-    var _a2, _b, _c, _d;
-    if (!listenerElements.has(node))
-      return;
-    const group2 = listenerElements.get(node);
-    (_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(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);
-      }
-    }
-  };
-}
-var t = (v) => Object.prototype.toString.call(v).slice(8, -1);
-var isRef = (v) => t(v) === "Object" && "current" in v;
-var runIfFn = (fn) => t(fn) === "Function" ? fn() : fn;
-function addDomEvent(target, event, listener, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  return globalEventBus(node, event, listener, options);
-}
+var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 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 itemById(v, id) {
-  return v.find((node) => node.id === id);
-}
-function indexOfId(v, id) {
-  const item = itemById(v, id);
-  return item ? v.indexOf(item) : -1;
-}
-var getValueText = (item) => {
-  var _a, _b;
-  return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
-};
-var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
-var wrap = (v, idx) => {
-  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
-};
-function findByText(v, text, currentId) {
-  const index = currentId ? indexOfId(v, currentId) : -1;
-  let items = currentId ? wrap(v, index) : v;
-  const isSingleKey = text.length === 1;
-  if (isSingleKey) {
-    items = items.filter((item) => item.id !== currentId);
-  }
-  return items.find((item) => match(getValueText(item), text));
+var isRef = (v) => hasProp(v, "current");
+function addDomEvent(target, eventName, handler, options) {
+  const node = isRef(target) ? target.current : runIfFn(target);
+  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  return () => {
+    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+  };
 }
 function getObservedElements() {
   ;
@@ -201,34 +126,6 @@ function 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;
 }
-function findByTypeahead(_items, options) {
-  const { state: state2, activeId, key, timeout = 350 } = options;
-  const search = state2.keysSoFar + key;
-  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-  const query2 = isRepeated ? search[0] : search;
-  let items = _items.slice();
-  const next = findByText(items, query2, activeId);
-  function cleanup() {
-    clearTimeout(state2.timer);
-    state2.timer = -1;
-  }
-  function update(value) {
-    state2.keysSoFar = value;
-    cleanup();
-    if (value !== "") {
-      state2.timer = +setTimeout(() => {
-        update("");
-        cleanup();
-      }, timeout);
-    }
-  }
-  update(search);
-  return next;
-}
-findByTypeahead.defaultOptions = {
-  keysSoFar: "",
-  timer: -1
-};
 
 // src/auto-update.ts
 function resolveOptions(option) {
@@ -252,13 +149,13 @@ function autoUpdate(reference, floating, update, options = false) {
     if (referenceResize && isHTMLElement(reference)) {
       cleanups.push(observeElementRect(reference, update));
     }
-    cleanups.push(pipe(...ancestors.map((el) => addDomEvent(el, "resize", update))));
+    cleanups.push(callAll(...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 callAll(...ancestors.map((el) => addDomEvent(el, "scroll", update, { passive: true })));
   }
-  return pipe(addResizeListeners(), addScrollListeners());
+  return callAll(addResizeListeners(), addScrollListeners());
 }
 
 // src/middleware.ts
@@ -299,20 +196,16 @@ var transformOrigin = {
 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 dir = {
-      top: "bottom",
-      right: "left",
-      bottom: "top",
-      left: "right"
-    }[placement.split("-")[0]];
-    Object.assign(arrow2.style, {
-      top: `${y}px`,
-      left: `${x}px`,
-      [dir]: cssVars.arrowOffset.reference
-    });
+    if (middlewareData.arrow) {
+      const { x, y } = middlewareData.arrow;
+      const dir = placement.split("-")[0];
+      Object.assign(arrow2.style, {
+        left: x != null ? `${x}px` : "",
+        top: y != null ? `${y}px` : "",
+        [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
+      });
+    }
     return {};
   }
 });
@@ -327,11 +220,10 @@ var defaultOptions = {
   sameWidth: false,
   overflowPadding: 8
 };
-function getPlacement(reference, floating, options = {}) {
-  var _a;
-  if (reference == null || floating == null)
-    return noop;
-  options = Object.assign({}, defaultOptions, options);
+function getPlacement(reference, floating, opts = {}) {
+  if (!floating || !reference)
+    return;
+  const options = Object.assign({}, defaultOptions, opts);
   const arrowEl = floating.querySelector("[data-part=arrow]");
   const middleware = [];
   if (options.flip) {
@@ -356,35 +248,37 @@ function getPlacement(reference, floating, options = {}) {
     middleware.push((0, import_dom2.arrow)({ element: arrowEl, padding: 8 }), shiftArrow({ element: arrowEl }));
   }
   middleware.push(transformOrigin);
-  if (options.sameWidth || options.fitViewport) {
-    middleware.push((0, import_dom2.size)({
-      padding: options.overflowPadding,
-      apply(data) {
-        const { reference: reference2, height, width } = data;
-        if (options.sameWidth) {
-          Object.assign(floating.style, {
-            width: `${reference2.width}px`,
-            minWidth: "unset"
-          });
-        }
-        if (options.fitViewport) {
-          Object.assign(floating.style, {
-            maxWidth: `${width}px`,
-            maxHeight: `${height}px`
-          });
-        }
+  middleware.push((0, import_dom2.size)({
+    padding: options.overflowPadding,
+    apply({ rects, availableHeight, availableWidth }) {
+      const referenceWidth = Math.round(rects.reference.width);
+      floating.style.setProperty("--reference-width", `${referenceWidth}px`);
+      floating.style.setProperty("--available-width", `${availableWidth}px`);
+      floating.style.setProperty("--available-height", `${availableHeight}px`);
+      if (options.sameWidth) {
+        Object.assign(floating.style, {
+          width: `${referenceWidth}px`,
+          minWidth: "unset"
+        });
       }
-    }));
-  }
-  function compute() {
-    if (reference == null || floating == null)
+      if (options.fitViewport) {
+        Object.assign(floating.style, {
+          maxWidth: `${availableWidth}px`,
+          maxHeight: `${availableHeight}px`
+        });
+      }
+    }
+  }));
+  function compute(config = {}) {
+    if (!reference || !floating)
       return;
     const { placement, strategy } = options;
-    (0, import_dom2.computePosition)(reference, floating, {
+    (0, import_dom2.computePosition)(reference, floating, __spreadValues({
       placement,
       middleware,
       strategy
-    }).then((data) => {
+    }, config)).then((data) => {
+      var _a;
       const x = Math.round(data.x);
       const y = Math.round(data.y);
       Object.assign(floating.style, {
@@ -393,14 +287,14 @@ function getPlacement(reference, floating, options = {}) {
         left: "0",
         transform: `translate3d(${x}px, ${y}px, 0)`
       });
-      return data;
-    }).then((data) => {
-      var _a2;
-      (_a2 = options.onComplete) == null ? void 0 : _a2.call(options, data);
+      (_a = options.onComplete) == null ? void 0 : _a.call(options, __spreadProps(__spreadValues({}, data), { compute }));
     });
   }
   compute();
-  return pipe(autoUpdate(reference, floating, compute, options.listeners), (_a = options.onCleanup) != null ? _a : noop);
+  return callAll(options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0, options.onCleanup);
+}
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
 }
 
 // src/get-styles.ts
@@ -445,4 +339,3 @@ function getPlacementStyles(options) {
     }, !measured && UNMEASURED_FLOATING_STYLE)
   };
 }
-//# sourceMappingURL=index.js.map

package/dist/index.mjs

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,117 +16,38 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 
 // src/get-placement.ts
 import { arrow, computePosition, flip, offset, shift, size } from "@floating-ui/dom";
 
 // ../core/dist/index.mjs
-var noop = () => {
+var callAll = (...fns) => (...a) => {
+  fns.forEach(function(fn) {
+    fn == null ? void 0 : fn(...a);
+  });
 };
-var pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
 var isBoolean = (v) => v === true || v === false;
 
 // src/auto-update.ts
 import { getOverflowAncestors } from "@floating-ui/dom";
 
 // ../dom/dist/index.mjs
-var noop2 = () => {
+var runIfFn = (v, ...a) => {
+  const res = typeof v === "function" ? v(...a) : v;
+  return res != null ? res : void 0;
 };
-function getListenerElements() {
-  ;
-  globalThis.__listenerElements__ = globalThis.__listenerElements__ || /* @__PURE__ */ new Map();
-  return globalThis.__listenerElements__;
-}
-function getListenerCache() {
-  ;
-  globalThis.__listenerCache__ = globalThis.__listenerCache__ || /* @__PURE__ */ new Map();
-  return globalThis.__listenerCache__;
-}
-function globalEventBus(node, type, handler, options) {
-  var _a;
-  if (!node)
-    return noop2;
-  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([[hash, /* @__PURE__ */ new Set([handler])]]);
-    listenerElements.set(node, group2);
-  } 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(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(hash)) == null ? void 0 : _a3.forEach((fn) => fn(event));
-    }
-    if (!(listenerCache == null ? void 0 : listenerCache.has(node2))) {
-      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(hash))) {
-      (_b = listenerCache.get(node2)) == null ? void 0 : _b.set(hash, listener);
-      node2.addEventListener(type, listener, options);
-    }
-  }
-  attach(node);
-  return function remove() {
-    var _a2, _b, _c, _d;
-    if (!listenerElements.has(node))
-      return;
-    const group2 = listenerElements.get(node);
-    (_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(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);
-      }
-    }
-  };
-}
-var t = (v) => Object.prototype.toString.call(v).slice(8, -1);
-var isRef = (v) => t(v) === "Object" && "current" in v;
-var runIfFn = (fn) => t(fn) === "Function" ? fn() : fn;
-function addDomEvent(target, event, listener, options) {
-  const node = isRef(target) ? target.current : runIfFn(target);
-  return globalEventBus(node, event, listener, options);
-}
+var hasProp = (obj, prop) => Object.prototype.hasOwnProperty.call(obj, prop);
 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 itemById(v, id) {
-  return v.find((node) => node.id === id);
-}
-function indexOfId(v, id) {
-  const item = itemById(v, id);
-  return item ? v.indexOf(item) : -1;
-}
-var getValueText = (item) => {
-  var _a, _b;
-  return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
-};
-var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
-var wrap = (v, idx) => {
-  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
-};
-function findByText(v, text, currentId) {
-  const index = currentId ? indexOfId(v, currentId) : -1;
-  let items = currentId ? wrap(v, index) : v;
-  const isSingleKey = text.length === 1;
-  if (isSingleKey) {
-    items = items.filter((item) => item.id !== currentId);
-  }
-  return items.find((item) => match(getValueText(item), text));
+var isRef = (v) => hasProp(v, "current");
+function addDomEvent(target, eventName, handler, options) {
+  const node = isRef(target) ? target.current : runIfFn(target);
+  node == null ? void 0 : node.addEventListener(eventName, handler, options);
+  return () => {
+    node == null ? void 0 : node.removeEventListener(eventName, handler, options);
+  };
 }
 function getObservedElements() {
   ;
@@ -178,34 +101,6 @@ function 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;
 }
-function findByTypeahead(_items, options) {
-  const { state: state2, activeId, key, timeout = 350 } = options;
-  const search = state2.keysSoFar + key;
-  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
-  const query2 = isRepeated ? search[0] : search;
-  let items = _items.slice();
-  const next = findByText(items, query2, activeId);
-  function cleanup() {
-    clearTimeout(state2.timer);
-    state2.timer = -1;
-  }
-  function update(value) {
-    state2.keysSoFar = value;
-    cleanup();
-    if (value !== "") {
-      state2.timer = +setTimeout(() => {
-        update("");
-        cleanup();
-      }, timeout);
-    }
-  }
-  update(search);
-  return next;
-}
-findByTypeahead.defaultOptions = {
-  keysSoFar: "",
-  timer: -1
-};
 
 // src/auto-update.ts
 function resolveOptions(option) {
@@ -229,13 +124,13 @@ function autoUpdate(reference, floating, update, options = false) {
     if (referenceResize && isHTMLElement(reference)) {
       cleanups.push(observeElementRect(reference, update));
     }
-    cleanups.push(pipe(...ancestors.map((el) => addDomEvent(el, "resize", update))));
+    cleanups.push(callAll(...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 callAll(...ancestors.map((el) => addDomEvent(el, "scroll", update, { passive: true })));
   }
-  return pipe(addResizeListeners(), addScrollListeners());
+  return callAll(addResizeListeners(), addScrollListeners());
 }
 
 // src/middleware.ts
@@ -276,20 +171,16 @@ var transformOrigin = {
 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 dir = {
-      top: "bottom",
-      right: "left",
-      bottom: "top",
-      left: "right"
-    }[placement.split("-")[0]];
-    Object.assign(arrow2.style, {
-      top: `${y}px`,
-      left: `${x}px`,
-      [dir]: cssVars.arrowOffset.reference
-    });
+    if (middlewareData.arrow) {
+      const { x, y } = middlewareData.arrow;
+      const dir = placement.split("-")[0];
+      Object.assign(arrow2.style, {
+        left: x != null ? `${x}px` : "",
+        top: y != null ? `${y}px` : "",
+        [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
+      });
+    }
     return {};
   }
 });
@@ -304,11 +195,10 @@ var defaultOptions = {
   sameWidth: false,
   overflowPadding: 8
 };
-function getPlacement(reference, floating, options = {}) {
-  var _a;
-  if (reference == null || floating == null)
-    return noop;
-  options = Object.assign({}, defaultOptions, options);
+function getPlacement(reference, floating, opts = {}) {
+  if (!floating || !reference)
+    return;
+  const options = Object.assign({}, defaultOptions, opts);
   const arrowEl = floating.querySelector("[data-part=arrow]");
   const middleware = [];
   if (options.flip) {
@@ -333,35 +223,37 @@ function getPlacement(reference, floating, options = {}) {
     middleware.push(arrow({ element: arrowEl, padding: 8 }), shiftArrow({ element: arrowEl }));
   }
   middleware.push(transformOrigin);
-  if (options.sameWidth || options.fitViewport) {
-    middleware.push(size({
-      padding: options.overflowPadding,
-      apply(data) {
-        const { reference: reference2, height, width } = data;
-        if (options.sameWidth) {
-          Object.assign(floating.style, {
-            width: `${reference2.width}px`,
-            minWidth: "unset"
-          });
-        }
-        if (options.fitViewport) {
-          Object.assign(floating.style, {
-            maxWidth: `${width}px`,
-            maxHeight: `${height}px`
-          });
-        }
+  middleware.push(size({
+    padding: options.overflowPadding,
+    apply({ rects, availableHeight, availableWidth }) {
+      const referenceWidth = Math.round(rects.reference.width);
+      floating.style.setProperty("--reference-width", `${referenceWidth}px`);
+      floating.style.setProperty("--available-width", `${availableWidth}px`);
+      floating.style.setProperty("--available-height", `${availableHeight}px`);
+      if (options.sameWidth) {
+        Object.assign(floating.style, {
+          width: `${referenceWidth}px`,
+          minWidth: "unset"
+        });
       }
-    }));
-  }
-  function compute() {
-    if (reference == null || floating == null)
+      if (options.fitViewport) {
+        Object.assign(floating.style, {
+          maxWidth: `${availableWidth}px`,
+          maxHeight: `${availableHeight}px`
+        });
+      }
+    }
+  }));
+  function compute(config = {}) {
+    if (!reference || !floating)
       return;
     const { placement, strategy } = options;
-    computePosition(reference, floating, {
+    computePosition(reference, floating, __spreadValues({
       placement,
       middleware,
       strategy
-    }).then((data) => {
+    }, config)).then((data) => {
+      var _a;
       const x = Math.round(data.x);
       const y = Math.round(data.y);
       Object.assign(floating.style, {
@@ -370,14 +262,14 @@ function getPlacement(reference, floating, options = {}) {
         left: "0",
         transform: `translate3d(${x}px, ${y}px, 0)`
       });
-      return data;
-    }).then((data) => {
-      var _a2;
-      (_a2 = options.onComplete) == null ? void 0 : _a2.call(options, data);
+      (_a = options.onComplete) == null ? void 0 : _a.call(options, __spreadProps(__spreadValues({}, data), { compute }));
     });
   }
   compute();
-  return pipe(autoUpdate(reference, floating, compute, options.listeners), (_a = options.onCleanup) != null ? _a : noop);
+  return callAll(options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0, options.onCleanup);
+}
+function getBasePlacement(placement) {
+  return placement.split("-")[0];
 }
 
 // src/get-styles.ts
@@ -423,7 +315,7 @@ function getPlacementStyles(options) {
   };
 }
 export {
+  getBasePlacement,
   getPlacement,
   getPlacementStyles
 };
-//# sourceMappingURL=index.mjs.map

package/dist/middleware.d.ts

@@ -1,4 +1,4 @@
-import { Middleware } from "@floating-ui/dom";
+import type { Middleware } from "@floating-ui/dom";
 export declare const cssVars: {
     arrowSize: {
         variable: string;
@@ -27,4 +27,3 @@ declare type ArrowOptions = {
 };
 export declare const shiftArrow: (opts: ArrowOptions) => Middleware;
 export {};
-//# sourceMappingURL=middleware.d.ts.map

package/dist/types.d.ts

@@ -1,5 +1,5 @@
-import type { Boundary, Placement, ComputePositionReturn } from "@floating-ui/dom";
-import { AutoUpdateOptions } from "./auto-update";
+import type { Boundary, Placement, ComputePositionReturn, ComputePositionConfig } from "@floating-ui/dom";
+import type { AutoUpdateOptions } from "./auto-update";
 export type { Placement };
 export declare type PositioningOptions = {
     /**
@@ -53,10 +53,12 @@ export declare type PositioningOptions = {
     /**
      * Function called when the placement is computed
      */
-    onComplete?(data: ComputePositionReturn): void;
+    onComplete?(data: ComputePositionReturn & {
+        compute: (config?: Omit<ComputePositionConfig, "platform">) => void;
+    }): void;
     /**
      * Function called on cleanup of all listeners
      */
     onCleanup?: VoidFunction;
 };
-//# sourceMappingURL=types.d.ts.map
+export declare type BasePlacement = "top" | "right" | "bottom" | "left";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/popper",
-  "version": "0.1.4",
+  "version": "0.1.7",
   "description": "Dynamic positioning logic for ui machines",
   "keywords": [
     "js",
@@ -25,9 +25,9 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@floating-ui/dom": "^0.4.2",
-    "@zag-js/dom-utils": "0.1.3",
-    "@zag-js/utils": "0.1.1"
+    "@floating-ui/dom": "0.5.4",
+    "@zag-js/dom-utils": "0.1.6",
+    "@zag-js/utils": "0.1.2"
   },
   "scripts": {
     "build:fast": "zag build",

package/dist/auto-update.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"auto-update.d.ts","sourceRoot":"","sources":["../src/auto-update.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAKnE,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAaD,wBAAgB,UAAU,CACxB,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,MAAM,IAAI,EAClB,OAAO,GAAE,OAAO,GAAG,iBAAyB,qBAyB7C"}

package/dist/get-placement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-placement.d.ts","sourceRoot":"","sources":["../src/get-placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAY5C,wBAAgB,YAAY,CAC1B,SAAS,EAAE,WAAW,GAAG,cAAc,GAAG,IAAI,EAC9C,QAAQ,EAAE,WAAW,GAAG,IAAI,EAC5B,OAAO,GAAE,kBAAuB,qBA8GjC"}

package/dist/get-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-styles.d.ts","sourceRoot":"","sources":["../src/get-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAG5C,aAAK,OAAO,GAAG;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB,CAAA;AAkBD,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BlD"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA;AACjD,YAAY,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA"}

package/dist/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/index.ts", "../src/get-placement.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../src/auto-update.ts", "../../dom/src/attrs.ts", "../../dom/src/computed-style.ts", "../../dom/src/next-tick.ts", "../../dom/src/auto-resize.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../../dom/src/event-bus.ts", "../../dom/src/listener.ts", "../../dom/src/body-pointer-event.ts", "../../dom/src/body-scroll-lock.ts", "../../dom/src/query.ts", "../../dom/src/scrollable.ts", "../../dom/src/constants.ts", "../../dom/src/dispatch-event.ts", "../../dom/src/event-query.ts", "../../dom/src/focus-event.ts", "../../dom/src/focusable.ts", "../../dom/src/mutation-observer.ts", "../../dom/src/form.ts", "../../dom/src/keyboard-event.ts", "../../dom/src/visually-hidden.ts", "../../dom/src/live-region.ts", "../../dom/src/nodelist.ts", "../../dom/src/text-selection.ts", "../../dom/src/pointer-event.ts", "../../dom/src/pointerlock.ts", "../../dom/src/rect-observer.ts", "../../dom/src/typeahead.ts", "../../dom/src/visibility-event.ts", "../../dom/src/visual-viewport.ts", "../../dom/src/wait.ts", "../src/middleware.ts", "../src/get-styles.ts"],
-  "sourcesContent": ["export { getPlacement } from \"./get-placement\"\nexport { getPlacementStyles } from \"./get-styles\"\nexport type { Placement, PositioningOptions } from \"./types\"\n", "import type { VirtualElement } from \"@floating-ui/dom\"\nimport { arrow, computePosition, flip, Middleware, offset, shift, size } from \"@floating-ui/dom\"\nimport { noop, pipe } from \"@zag-js/utils\"\nimport { autoUpdate } from \"./auto-update\"\nimport { shiftArrow, transformOrigin } from \"./middleware\"\nimport { PositioningOptions } from \"./types\"\n\nconst defaultOptions: PositioningOptions = {\n  strategy: \"absolute\",\n  placement: \"bottom\",\n  listeners: true,\n  gutter: 8,\n  flip: true,\n  sameWidth: false,\n  overflowPadding: 8,\n}\n\nexport function getPlacement(\n  reference: HTMLElement | VirtualElement | null,\n  floating: HTMLElement | null,\n  options: PositioningOptions = {},\n) {\n  if (reference == null || floating == null) return noop\n\n  options = Object.assign({}, defaultOptions, options)\n\n  /* -----------------------------------------------------------------------------\n   * The middleware stack\n   * -----------------------------------------------------------------------------*/\n\n  const arrowEl = floating.querySelector<HTMLElement>(\"[data-part=arrow]\")\n  const middleware: Middleware[] = []\n\n  if (options.flip) {\n    middleware.push(\n      flip({\n        boundary: options.boundary,\n        padding: options.overflowPadding,\n      }),\n    )\n  }\n\n  if (options.gutter || options.offset) {\n    const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0\n    const data = options.gutter ? { mainAxis: options.gutter } : options.offset\n    if (data?.mainAxis != null) data.mainAxis += arrowOffset\n    middleware.push(offset(data))\n  }\n\n  middleware.push(\n    shift({\n      boundary: options.boundary,\n      crossAxis: options.overlap,\n      padding: options.overflowPadding,\n    }),\n  )\n\n  if (arrowEl) {\n    // prettier-ignore\n    middleware.push(\n      arrow({ element: arrowEl, padding: 8 }),\n      shiftArrow({ element: arrowEl }),\n    )\n  }\n\n  middleware.push(transformOrigin)\n\n  if (options.sameWidth || options.fitViewport) {\n    middleware.push(\n      size({\n        padding: options.overflowPadding,\n        apply(data) {\n          const { reference, height, width } = data\n\n          if (options.sameWidth) {\n            Object.assign(floating.style, {\n              width: `${reference.width}px`,\n              minWidth: \"unset\",\n            })\n          }\n\n          if (options.fitViewport) {\n            Object.assign(floating.style, {\n              maxWidth: `${width}px`,\n              maxHeight: `${height}px`,\n            })\n          }\n        },\n      }),\n    )\n  }\n\n  /* -----------------------------------------------------------------------------\n   * The actual positioning function\n   * -----------------------------------------------------------------------------*/\n\n  function compute() {\n    if (reference == null || floating == null) return\n    const { placement, strategy } = options\n\n    computePosition(reference, floating, {\n      placement,\n      middleware,\n      strategy,\n    })\n      .then((data) => {\n        const x = Math.round(data.x)\n        const y = Math.round(data.y)\n\n        Object.assign(floating.style, {\n          position: data.strategy,\n          top: \"0\",\n          left: \"0\",\n          transform: `translate3d(${x}px, ${y}px, 0)`,\n        })\n\n        return data\n      })\n      .then((data) => {\n        options.onComplete?.(data)\n      })\n  }\n\n  compute()\n\n  // prettier-ignore\n  return pipe(\n      autoUpdate(reference, floating, compute, options.listeners),\n      options.onCleanup ?? noop\n    )\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n  isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import type { Placement, ReferenceElement } from \"@floating-ui/dom\"\nimport { getOverflowAncestors } from \"@floating-ui/dom\"\nimport { addDomEvent, isHTMLElement, observeElementRect } from \"@zag-js/dom-utils\"\nimport { isBoolean, pipe } from \"@zag-js/utils\"\n\nexport type { Placement }\n\nexport type AutoUpdateOptions = {\n  ancestorScroll?: boolean\n  ancestorResize?: boolean\n  referenceResize?: boolean\n}\n\ntype Ancestors = ReturnType<typeof getOverflowAncestors>\n\nfunction resolveOptions(option: boolean | AutoUpdateOptions) {\n  const bool = isBoolean(option)\n  return {\n    ancestorResize: bool ? option : option.ancestorResize ?? true,\n    ancestorScroll: bool ? option : option.ancestorScroll ?? true,\n    referenceResize: bool ? option : option.referenceResize ?? true,\n  }\n}\n\nexport function autoUpdate(\n  reference: ReferenceElement,\n  floating: HTMLElement,\n  update: () => void,\n  options: boolean | AutoUpdateOptions = false,\n) {\n  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options)\n\n  const useAncestors = ancestorScroll || ancestorResize\n  const ancestors: Ancestors = []\n\n  if (useAncestors && isHTMLElement(reference)) {\n    ancestors.push(...getOverflowAncestors(reference))\n  }\n\n  function addResizeListeners() {\n    let cleanups: VoidFunction[] = [observeElementRect(floating, update)]\n    if (referenceResize && isHTMLElement(reference)) {\n      cleanups.push(observeElementRect(reference, update))\n    }\n    cleanups.push(pipe(...ancestors.map((el: any) => addDomEvent(el, \"resize\", update))))\n    return () => cleanups.forEach((fn) => fn())\n  }\n\n  function addScrollListeners() {\n    return pipe(...ancestors.map((el: any) => addDomEvent(el, \"scroll\", update, { passive: true })))\n  }\n\n  return pipe(addResizeListeners(), addScrollListeners())\n}\n", "type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? \"true\" : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n  return {\n    get: (key: string) => el.getAttribute(key),\n    set: (key: string, value: string) => el.setAttribute(key, value),\n    is: (key: string, value: string) => {\n      return el.getAttribute(key) === value\n    },\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n  ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n  return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  const cache = getStyleCache()\n  let style: Styles | undefined = cache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    cache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n  isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype El = HTMLElement | Document | VisualViewport | Window\ntype Handler = (event: Event) => void\ntype Group = Map<string, Set<Handler>>\ntype Option = boolean | AddEventListenerOptions\n\nfunction getListenerElements(): Map<El, Group> {\n  ;(globalThis as any).__listenerElements__ = (globalThis as any).__listenerElements__ || new Map()\n  return (globalThis as any).__listenerElements__\n}\n\nfunction getListenerCache(): Map<El, Map<string, Handler>> {\n  ;(globalThis as any).__listenerCache__ = (globalThis as any).__listenerCache__ || new Map()\n  return (globalThis as any).__listenerCache__\n}\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n  if (!node) return noop\n\n  // unique identifier for the event listener\n  const hash = JSON.stringify({ type, options })\n\n  // Subscribe pattern\n  const listenerElements = getListenerElements()\n  const listenerCache = getListenerCache()\n\n  const group = listenerElements.get(node)\n\n  if (!listenerElements.has(node)) {\n    // create group of listeners per hash\n    const group: Group = new Map([[hash, new Set([handler])]])\n    listenerElements.set(node, group)\n  } else if (group?.has(hash)) {\n    group?.get(hash)?.add(handler)\n  } else {\n    group?.set(hash, new Set([handler]))\n  }\n\n  // add the event listener to the node or register it in the cache\n  function attach(node: El) {\n    // Publish pattern\n    function listener(event: Event) {\n      const group = listenerElements.get(node)\n      group?.get(hash)?.forEach((fn) => fn(event))\n    }\n\n    if (!listenerCache?.has(node)) {\n      listenerCache.set(node, new Map([[hash, listener]]))\n      node.addEventListener(type, listener, options)\n      return\n    }\n\n    if (!listenerCache?.get(node)?.has(hash)) {\n      listenerCache.get(node)?.set(hash, listener)\n      node.addEventListener(type, listener, options)\n    }\n  }\n\n  attach(node)\n\n  return function remove() {\n    if (!listenerElements.has(node)) return\n\n    const group = listenerElements.get(node)\n    group?.get(hash)?.delete(handler)\n\n    if (group?.get(hash)?.size === 0) {\n      const listener = listenerCache.get(node)?.get(hash)!\n      node.removeEventListener(type, listener, options)\n      group?.delete(hash)\n      listenerCache.get(node)?.delete(hash)\n\n      if (group?.size === 0) {\n        listenerElements.delete(node)\n        listenerCache.delete(node)\n      }\n    }\n  }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n  AnyPointerEvent,\n  DOMEventTarget,\n  EventMap,\n  PointerEventInfo,\n  PointerNameMap,\n  RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n  return {\n    point: {\n      x: point[`${type}X`],\n      y: point[`${type}Y`],\n    },\n  }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K]) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const node = isRef(target) ? target.current : runIfFn(target)\n  return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K], info: PointerEventInfo) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const type = getEventName(event) ?? event\n  return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n  fn: (event: E, info: PointerEventInfo) => void,\n  filter = false,\n) {\n  const listener: EventListener = (event: any) => {\n    fn(event, extractInfo(event))\n  }\n  return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n  return (event: Event) => {\n    const win = ((event as UIEvent).view ?? window) as typeof window\n    const isMouseEvent = event instanceof win.MouseEvent\n    const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n    if (isPrimary) fn(event)\n  }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n  return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n  pointerdown: \"mousedown\",\n  pointermove: \"mousemove\",\n  pointerup: \"mouseup\",\n  pointercancel: \"mousecancel\",\n  pointerover: \"mouseover\",\n  pointerout: \"mouseout\",\n  pointerenter: \"mouseenter\",\n  pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n  pointerdown: \"touchstart\",\n  pointermove: \"touchmove\",\n  pointerup: \"touchend\",\n  pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n  if (supportsPointerEvent()) return evt\n  if (supportsTouchEvent()) return touchEventNames[evt]\n  if (supportsMouseEvent()) return mouseEventNames[evt]\n  return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n  disabled: boolean\n  document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n  const { disabled = false, document: docProp } = opts\n  const doc: Document = docProp || document\n\n  let isTouchOrPenPressed = false\n  let isLeftClickPressed = false\n\n  function listen() {\n    const onPointerDown = (event: PointerEvent) => {\n      const isMouse = event.pointerType === \"mouse\"\n      isTouchOrPenPressed = !isMouse\n      isLeftClickPressed = isMouse && isLeftClick(event)\n    }\n\n    const onPointerUp = () => {\n      isTouchOrPenPressed = false\n      isLeftClickPressed = false\n    }\n\n    // prettier-ignore\n    return pipe(\n        addDomEvent(doc, \"pointerdown\", onPointerDown),\n        addDomEvent(doc,\"pointerup\", onPointerUp)\n      )\n  }\n\n  function reset() {\n    changeCount--\n    if (changeCount === 0) {\n      doc.body.style.pointerEvents = originalBodyPointerEvents\n    }\n    if (el) {\n      el.style.pointerEvents = \"\"\n    }\n  }\n\n  function apply() {\n    if (disabled) return\n\n    if (changeCount === 0) {\n      originalBodyPointerEvents = doc.body.style.pointerEvents\n    }\n\n    doc.body.style.pointerEvents = \"none\"\n    if (el) {\n      el.style.pointerEvents = \"auto\"\n    }\n\n    changeCount++\n\n    return function () {\n      if (isTouchOrPenPressed) {\n        addDomEvent(doc, \"click\", reset, { once: true })\n      } else if (isLeftClickPressed) {\n        addDomEvent(doc, \"pointerup\", reset, { once: true })\n      } else {\n        reset()\n      }\n    }\n  }\n\n  const cleanups: Array<VoidFunction | undefined> = []\n  cleanups.push(apply())\n  nextTick(() => {\n    cleanups.push(listen())\n  })\n\n  return function () {\n    cleanups.forEach((cleanup) => cleanup?.())\n  }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n  disabled?: boolean\n  allowPinchZoom?: boolean\n  document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n  const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n  const doc = docProp ?? document\n  const win = doc?.defaultView ?? window\n\n  const viewport = isDom() ? win.visualViewport : null\n  const docEl = doc.documentElement\n\n  function preventScrollStandard() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n  }\n\n  function preventScrollMobileSafari() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n      docEl.removeAttribute(\"scroll-lock\")\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function isElementEditable(el: HTMLElement | null) {\n  if (el == null) return false\n  const selectors = [\n    \"input:not([readonly])\",\n    \"textarea:not([readonly])\",\n    \"[contenteditable]\",\n    \"select:not([readonly])\",\n  ].join(\", \")\n  return el.matches(selectors) || el.isContentEditable\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el)\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n  if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n    return getOwnerDocument(el).body\n  }\n\n  if (isHTMLElement(el) && isScrollParent(el)) {\n    return el\n  }\n\n  return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n  const scrollParent = getScrollParent(el)\n  const isBody = scrollParent === getOwnerDocument(el).body\n  const win = getOwnerWindow(scrollParent)\n\n  const target = isBody\n    ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n    : scrollParent\n\n  const parents = list.concat(target)\n  if (isBody) return parents\n\n  return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n  if (isWindow(el)) {\n    return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n  }\n\n  return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\ntype DescriptorOptions = {\n  type: \"input\" | \"textarea\"\n  property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n  const { type, property } = options\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n  desc.set?.call(el, value)\n  const event = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n  desc.set?.call(el, checked)\n  const event = new win.Event(\"click\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n  el: HTMLInputElement | null,\n  options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n  const { fn, property, type } = options\n\n  if (!fn || !el) return\n\n  const { get, set } = getDescriptor(el, { property, type })\n\n  let run = true\n\n  Object.defineProperty(el, property, {\n    get() {\n      return get?.call(this)\n    },\n    set(value: string) {\n      if (run) fn(value)\n      return set?.call(this, value)\n    },\n  })\n\n  return function () {\n    run = false\n  }\n}\n", "export function isKeyboardClick(e: { detail: number; clientX: number; clientY: number }) {\n  return e.detail === 0 || (e.clientX === 0 && e.clientY === 0)\n}\n\nexport function getNativeEvent<E>(\n  event: E,\n): React.ChangeEvent<any> extends E ? InputEvent : E extends React.SyntheticEvent<any, infer T> ? T : never {\n  return (event as any).nativeEvent ?? event\n}\n", "/**\n * Determine if the blur event within an element is valid\n */\nexport function validateBlur(event: Event, opts: Options) {\n  const exclude = Array.isArray(opts.exclude) ? opts.exclude : [opts.exclude]\n  const relatedTarget = (event.relatedTarget ?? opts.fallback) as HTMLElement\n  return exclude.every((el) => !el?.contains(relatedTarget))\n}\n\ntype MaybeArray<T> = T | T[]\n\ntype Options = {\n  exclude: MaybeArray<HTMLElement | null>\n  fallback?: HTMLElement | null\n}\n\ntype Event = Pick<FocusEvent, \"relatedTarget\">\n", "import { getComputedStyle } from \"./computed-style\"\nimport { isDisabled, isHTMLElement } from \"./query\"\n\nexport const focusableSelector = /*#__PURE__*/ [\n  \"input:not([disabled]):not([type=hidden])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"embed\",\n  \"iframe\",\n  \"object\",\n  \"a[href]\",\n  \"area[href]\",\n  \"[tabindex]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"*[tabindex]:not([aria-disabled])\",\n  \"[contenteditable]:not([contenteditable=false])\",\n  \"details > summary:first-of-type\",\n].join(\",\")\n\nexport function isHidden(el: HTMLElement | null, until?: HTMLElement) {\n  const style = getComputedStyle(el)\n  if (!el || style.getPropertyValue(\"visibility\") === \"hidden\") return true\n  while (el) {\n    if (until != null && el === until) return false\n    if (style.getPropertyValue(\"display\") === \"none\") return true\n    el = el.parentElement\n  }\n  return false\n}\n\n/**\n * Returns the focusable elements within the element\n */\nexport const getFocusables = (el: HTMLElement | Document | null, includeContainer = false) => {\n  if (!el) return []\n  let els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  if (includeContainer && isHTMLElement(el)) {\n    els.unshift(el)\n  }\n  return els.filter((el) => isFocusable(el) && !isHidden(el))\n}\n\n/**\n * Whether this element is focusable\n */\nexport const isFocusable = (el: HTMLElement | null) => {\n  if (!isHTMLElement(el) || isHidden(el) || isDisabled(el)) return false\n  return el?.matches(focusableSelector)\n}\n\n/**\n * Returns the tabbable elements within the element\n */\nexport const getTabbables = (el: HTMLElement | Document, includeContainer = false) => {\n  return getFocusables(el, includeContainer).filter(isTabbable)\n}\n\n/**\n * Whether this element is tabbable\n */\nexport const isTabbable = (el: HTMLElement | null) => {\n  return isFocusable(el) && !isDisabled(el) && !isHidden(el)\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree: true })\n\n  return () => obs.disconnect()\n}\n", "import { observeAttributes } from \"./mutation-observer\"\n\nexport function getClosestForm(el: HTMLElement) {\n  if (isFormElement(el)) return el.form\n  else return el.closest(\"form\")\n}\n\nfunction isFormElement(el: HTMLElement): el is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement {\n  return el.matches(\"textarea, input, select, button\")\n}\n\nexport function trackFormReset(el: HTMLElement | null | undefined, callback: () => void) {\n  if (!el) return\n  const form = getClosestForm(el)\n  form?.addEventListener(\"reset\", callback, { passive: true })\n  return () => {\n    form?.removeEventListener(\"reset\", callback)\n  }\n}\n\nexport function trackFieldsetDisabled(el: HTMLElement | null | undefined, callback: (disabled: boolean) => void) {\n  const fieldset = el?.closest(\"fieldset\")\n  if (!fieldset) return\n  callback(fieldset.disabled)\n  return observeAttributes(fieldset, [\"disabled\"], () => callback(fieldset.disabled))\n}\n\nexport function isNativeDisabled(el: HTMLElement) {\n  return el.matches(\":disabled\")\n}\n", "import type { KeyboardEvent } from \"react\"\n\ntype EventKey =\n  | \"ArrowDown\"\n  | \"ArrowUp\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"Space\"\n  | \"Enter\"\n  | \"Comma\"\n  | \"Escape\"\n  | \"Backspace\"\n  | \"Delete\"\n  | \"Home\"\n  | \"End\"\n  | \"Tab\"\n  | \"PageUp\"\n  | \"PageDown\"\n  | (string & {})\n\nexport type EventKeyMap = Partial<Record<EventKey, (event: React.KeyboardEvent) => void>>\n\nconst rtlKeyMap = {\n  ArrowLeft: \"ArrowRight\",\n  ArrowRight: \"ArrowLeft\",\n  Home: \"End\",\n  End: \"Home\",\n}\n\nconst sameKeyMap = {\n  Up: \"ArrowUp\",\n  Down: \"ArrowDown\",\n  Esc: \"Escape\",\n  \" \": \"Space\",\n  \",\": \"Comma\",\n  Left: \"ArrowLeft\",\n  Right: \"ArrowRight\",\n}\n\ntype EventKeyOptions = {\n  dir?: \"ltr\" | \"rtl\"\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\n/**\n * Determine the event key based on text direction.\n */\nexport function getEventKey(event: KeyboardEvent, options: EventKeyOptions = {}) {\n  const { dir = \"ltr\", orientation = \"horizontal\" } = options\n\n  let { key } = event\n  key = sameKeyMap[key] ?? key // normalize key\n\n  const isRtl = dir === \"rtl\" && orientation === \"horizontal\"\n\n  if (isRtl && key in rtlKeyMap) {\n    key = rtlKeyMap[key]\n  }\n\n  return key\n}\n\nconst PAGE_KEYS = new Set([\"PageUp\", \"PageDown\"])\nconst ARROW_KEYS = new Set([\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"])\n\n/**\n * Determine the step factor for keyboard events\n */\nexport function getEventStep(event: KeyboardEvent) {\n  if (event.ctrlKey || event.metaKey) {\n    return 0.1\n  } else {\n    const isPageKey = PAGE_KEYS.has(event.key)\n    const isSkipKey = isPageKey || (event.shiftKey && ARROW_KEYS.has(event.key))\n    return isSkipKey ? 10 : 1\n  }\n}\n", "export const visuallyHiddenStyle = {\n  border: \"0\",\n  clip: \"rect(0 0 0 0)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0\",\n  position: \"absolute\",\n  width: \"1px\",\n  whiteSpace: \"nowrap\",\n  wordWrap: \"normal\",\n} as const\n\nexport function setVisuallyHidden(el: HTMLElement) {\n  Object.assign(el.style, visuallyHiddenStyle)\n}\n", "import { setVisuallyHidden } from \"./visually-hidden\"\n\nexport type LiveRegionOptions = {\n  level: \"polite\" | \"assertive\"\n  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    oldRegion?.remove()\n  }\n\n  return { announce, destroy }\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n  return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n  const item = itemById(v, id)\n  return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n  return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  if (idx === -1) return loop ? v[v.length - 1] : null\n  idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n  return v[idx]\n}\n\nconst getValueText = <T extends HTMLElement>(item: T) => item.dataset.valuetext ?? item.textContent ?? \"\"\n\nconst match = (valueText: string, query: string) => valueText.toLowerCase().startsWith(query.toLowerCase())\n\nconst wrap = <T>(v: T[], idx: number) => {\n  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length])\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const index = currentId ? indexOfId(v, currentId) : -1\n  let items = currentId ? wrap(v, index) : v\n\n  const isSingleKey = text.length === 1\n\n  if (isSingleKey) {\n    items = items.filter((item) => item.id !== currentId)\n  }\n\n  return items.find((item) => match(getValueText(item), text))\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n  return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state === \"default\") {\n      savedUserSelect = _document.documentElement.style.webkitUserSelect\n      _document.documentElement.style.webkitUserSelect = \"none\"\n    }\n\n    state = \"disabled\"\n  } else if (target) {\n    modifiedElementMap.set(target, target.style.userSelect)\n    target.style.userSelect = \"none\"\n  }\n\n  return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state !== \"disabled\") return\n    state = \"restoring\"\n\n    setTimeout(() => {\n      nextTick(() => {\n        if (state === \"restoring\") {\n          if (_document.documentElement.style.webkitUserSelect === \"none\") {\n            _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n          }\n\n          savedUserSelect = \"\"\n          state = \"default\"\n        }\n      })\n    }, 300)\n  } else {\n    if (target && modifiedElementMap.has(target)) {\n      let targetOldUserSelect = modifiedElementMap.get(target)\n\n      if (target.style.userSelect === \"none\") {\n        target.style.userSelect = targetOldUserSelect ?? \"\"\n      }\n\n      if (target.getAttribute(\"style\") === \"\") {\n        target.removeAttribute(\"style\")\n      }\n      modifiedElementMap.delete(target)\n    }\n  }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n  const win = doc.defaultView ?? window\n  const fn = (event: PointerEvent) => {\n    if (event.target instanceof win.HTMLElement) {\n      onPointerDown(event.target)\n    }\n  }\n  return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n  ctx: { doc?: Document; threshold?: number }\n  onPointerUp: VoidFunction\n  onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n  const { onPointerMove, onPointerUp, ctx } = opts\n  const { doc = document, threshold = 5 } = ctx\n\n  const handlePointerMove: Listener = (event, info) => {\n    const { point: p } = info\n    const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n    if (distance < threshold) return\n\n    // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n    if (isMouseEvent(event) && isLeftClick(event)) {\n      onPointerUp()\n      return\n    }\n\n    onPointerMove(info, event)\n  }\n\n  return pipe(\n    addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n    addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n    addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n    addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n    disableTextSelection({ doc }),\n  )\n}\n", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n  const locked = !!doc.pointerLockElement\n\n  function onPointerChange() {\n    if (locked) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    if (locked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock()\n  }\n\n  if (!supported) return\n\n  body.requestPointerLock()\n\n  const cleanup = pipe(\n    addPointerlockChangeListener(doc, onPointerChange),\n    addPointerlockErrorListener(doc, onPointerError),\n  )\n\n  return function dispose() {\n    if (!supported) return\n    cleanup()\n    exit()\n  }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n  ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n  return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n  const observedElements = getObservedElements()\n\n  const data = observedElements.get(el)\n\n  if (!data) {\n    observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n    if (observedElements.size === 1) {\n      rafId = requestAnimationFrame(runLoop)\n    }\n  } else {\n    data.callbacks.push(fn)\n    fn(el.getBoundingClientRect())\n  }\n\n  return function unobserve() {\n    const data = observedElements.get(el)\n    if (!data) return\n\n    const index = data.callbacks.indexOf(fn)\n    if (index > -1) {\n      data.callbacks.splice(index, 1)\n    }\n\n    if (data.callbacks.length === 0) {\n      observedElements.delete(el)\n\n      if (observedElements.size === 0) {\n        cancelAnimationFrame(rafId)\n      }\n    }\n  }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n  const observedElements = getObservedElements()\n\n  const changedRectsData: Array<ObservedData> = []\n\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect()\n\n    if (!isEqual(data.rect, newRect)) {\n      data.rect = newRect\n      changedRectsData.push(data)\n    }\n  })\n\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect))\n  })\n\n  rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  )\n}\n", "import { findByText } from \"./nodelist\"\n\nexport type TypeaheadState = {\n  keysSoFar: string\n  timer: number\n}\n\nexport type TypeaheadOptions = {\n  state: TypeaheadState\n  activeId: string | null\n  key: string\n  timeout?: number\n}\n\nexport function findByTypeahead<T extends HTMLElement>(_items: T[], options: TypeaheadOptions) {\n  const { state, activeId, key, timeout = 350 } = options\n\n  const search = state.keysSoFar + key\n  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0])\n\n  const query = isRepeated ? search[0] : search\n\n  let items = _items.slice()\n\n  const next = findByText(items, query, activeId)\n\n  function cleanup() {\n    clearTimeout(state.timer)\n    state.timer = -1\n  }\n\n  function update(value: string) {\n    state.keysSoFar = value\n    cleanup()\n\n    if (value !== \"\") {\n      state.timer = +setTimeout(() => {\n        update(\"\")\n        cleanup()\n      }, timeout)\n    }\n  }\n\n  update(search)\n\n  return next\n}\n\nfindByTypeahead.defaultOptions = {\n  keysSoFar: \"\",\n  timer: -1,\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n  const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n  return addDomEvent(doc, \"visibilitychange\", () => {\n    const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n    callback(!!hidden)\n  })\n}\n", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n  width: number\n  height: number\n}\n\ntype Options = {\n  document?: Document\n  resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n  const { document: doc, resolve } = options\n  const win = doc?.defaultView || window\n  resolve?.(getViewportSize(win))\n  const onResize = () => resolve?.(getViewportSize(win))\n  return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n  return {\n    width: win.visualViewport?.width || win.innerWidth,\n    height: win.visualViewport?.height || win.innerHeight,\n  }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n  let value = predicate()\n  if (!!value) return Promise.resolve(value)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      let value = predicate()\n      if (value) {\n        globalThis.clearInterval(id)\n        resolve(value)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "import { Coords, Middleware } from \"@floating-ui/dom\"\n\n/* -----------------------------------------------------------------------------\n * Shared middleware utils\n * -----------------------------------------------------------------------------*/\n\nconst toVar = (value: string) => ({ variable: value, reference: `var(${value})` })\n\nexport const cssVars = {\n  arrowSize: toVar(\"--arrow-size\"),\n  arrowSizeHalf: toVar(\"--arrow-size-half\"),\n  arrowBg: toVar(\"--arrow-background\"),\n  transformOrigin: toVar(\"--transform-origin\"),\n  arrowOffset: toVar(\"--arrow-offset\"),\n}\n\n/* -----------------------------------------------------------------------------\n * Transform Origin Middleware\n * -----------------------------------------------------------------------------*/\n\nconst getTransformOrigin = (arrow?: Partial<Coords>) => ({\n  top: \"bottom center\",\n  \"top-start\": arrow ? `${arrow.x}px bottom` : \"left bottom\",\n  \"top-end\": arrow ? `${arrow.x}px bottom` : \"right bottom\",\n  bottom: \"top center\",\n  \"bottom-start\": arrow ? `${arrow.x}px top` : \"top left\",\n  \"bottom-end\": arrow ? `${arrow.x}px top` : \"top right\",\n  left: \"right center\",\n  \"left-start\": arrow ? `right ${arrow.y}px` : \"right top\",\n  \"left-end\": arrow ? `right ${arrow.y}px` : \"right bottom\",\n  right: \"left center\",\n  \"right-start\": arrow ? `left ${arrow.y}px` : \"left top\",\n  \"right-end\": arrow ? `left ${arrow.y}px` : \"left bottom\",\n})\n\nexport const transformOrigin: Middleware = {\n  name: \"transformOrigin\",\n  fn({ placement, elements, middlewareData }) {\n    const { arrow } = middlewareData\n    const transformOrigin = getTransformOrigin(arrow)[placement]\n\n    const { floating } = elements\n    floating.style.setProperty(cssVars.transformOrigin.variable, transformOrigin)\n\n    return {\n      data: { transformOrigin },\n    }\n  },\n}\n\n/* -----------------------------------------------------------------------------\n * Arrow Middleware\n * -----------------------------------------------------------------------------*/\n\ntype ArrowOptions = { element: HTMLElement }\n\nexport const shiftArrow = (opts: ArrowOptions): Middleware => ({\n  name: \"shiftArrow\",\n  fn({ placement, middlewareData }) {\n    const { element: arrow } = opts\n    const { x, y } = middlewareData.arrow ?? { x: 0, y: 0 }\n\n    const dir = {\n      top: \"bottom\",\n      right: \"left\",\n      bottom: \"top\",\n      left: \"right\",\n    }[placement.split(\"-\")[0]]!\n\n    Object.assign(arrow.style, {\n      top: `${y}px`,\n      left: `${x}px`,\n      [dir]: cssVars.arrowOffset.reference,\n    })\n\n    return {}\n  },\n})\n", "import { Placement } from \"@floating-ui/dom\"\nimport { cssVars } from \"./middleware\"\n\ntype Options = {\n  measured: boolean\n  strategy?: \"absolute\" | \"fixed\"\n  placement?: Placement\n}\n\nconst UNMEASURED_FLOATING_STYLE = {\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  opacity: 0,\n  transform: \"translate3d(0, -200%, 0)\",\n  pointerEvents: \"none\",\n} as const\n\nconst ARROW_FLOATING_STYLE = {\n  bottom: \"rotate(45deg)\",\n  left: \"rotate(135deg)\",\n  top: \"rotate(225deg)\",\n  right: \"rotate(315deg)\",\n} as const\n\nexport function getPlacementStyles(options: Options) {\n  const { measured, strategy = \"absolute\", placement = \"bottom\" } = options\n\n  return {\n    arrow: {\n      position: \"absolute\",\n      width: cssVars.arrowSize.reference,\n      height: cssVars.arrowSize.reference,\n      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,\n      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`,\n      opacity: !measured ? 0 : undefined,\n    } as const,\n\n    innerArrow: {\n      transform: ARROW_FLOATING_STYLE[placement.split(\"-\")[0]],\n      background: cssVars.arrowBg.reference,\n      top: \"0\",\n      left: \"0\",\n      width: \"100%\",\n      height: \"100%\",\n      position: \"absolute\",\n      zIndex: \"inherit\",\n    } as const,\n\n    floating: {\n      position: strategy,\n      minWidth: \"max-content\",\n      ...(!measured && UNMEASURED_FLOATING_STYLE),\n    } as const,\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/index.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/get-placement.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../src/auto-update.ts", "../../dom/src/attrs.ts", "../../dom/src/computed-style.ts", "../../dom/src/next-tick.ts", "../../dom/src/auto-resize.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../../dom/src/event-bus.ts", "../../dom/src/listener.ts", "../../dom/src/body-pointer-event.ts", "../../dom/src/body-scroll-lock.ts", "../../dom/src/query.ts", "../../dom/src/scrollable.ts", "../../dom/src/constants.ts", "../../dom/src/dispatch-event.ts", "../../dom/src/event-query.ts", "../../dom/src/focus-event.ts", "../../dom/src/focusable.ts", "../../dom/src/mutation-observer.ts", "../../dom/src/form.ts", "../../dom/src/keyboard-event.ts", "../../dom/src/visually-hidden.ts", "../../dom/src/live-region.ts", "../../dom/src/nodelist.ts", "../../dom/src/text-selection.ts", "../../dom/src/pointer-event.ts", "../../dom/src/pointerlock.ts", "../../dom/src/rect-observer.ts", "../../dom/src/typeahead.ts", "../../dom/src/visibility-event.ts", "../../dom/src/visual-viewport.ts", "../../dom/src/wait.ts", "../src/middleware.ts", "../src/get-styles.ts"],
-  "sourcesContent": ["import type { VirtualElement } from \"@floating-ui/dom\"\nimport { arrow, computePosition, flip, Middleware, offset, shift, size } from \"@floating-ui/dom\"\nimport { noop, pipe } from \"@zag-js/utils\"\nimport { autoUpdate } from \"./auto-update\"\nimport { shiftArrow, transformOrigin } from \"./middleware\"\nimport { PositioningOptions } from \"./types\"\n\nconst defaultOptions: PositioningOptions = {\n  strategy: \"absolute\",\n  placement: \"bottom\",\n  listeners: true,\n  gutter: 8,\n  flip: true,\n  sameWidth: false,\n  overflowPadding: 8,\n}\n\nexport function getPlacement(\n  reference: HTMLElement | VirtualElement | null,\n  floating: HTMLElement | null,\n  options: PositioningOptions = {},\n) {\n  if (reference == null || floating == null) return noop\n\n  options = Object.assign({}, defaultOptions, options)\n\n  /* -----------------------------------------------------------------------------\n   * The middleware stack\n   * -----------------------------------------------------------------------------*/\n\n  const arrowEl = floating.querySelector<HTMLElement>(\"[data-part=arrow]\")\n  const middleware: Middleware[] = []\n\n  if (options.flip) {\n    middleware.push(\n      flip({\n        boundary: options.boundary,\n        padding: options.overflowPadding,\n      }),\n    )\n  }\n\n  if (options.gutter || options.offset) {\n    const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0\n    const data = options.gutter ? { mainAxis: options.gutter } : options.offset\n    if (data?.mainAxis != null) data.mainAxis += arrowOffset\n    middleware.push(offset(data))\n  }\n\n  middleware.push(\n    shift({\n      boundary: options.boundary,\n      crossAxis: options.overlap,\n      padding: options.overflowPadding,\n    }),\n  )\n\n  if (arrowEl) {\n    // prettier-ignore\n    middleware.push(\n      arrow({ element: arrowEl, padding: 8 }),\n      shiftArrow({ element: arrowEl }),\n    )\n  }\n\n  middleware.push(transformOrigin)\n\n  if (options.sameWidth || options.fitViewport) {\n    middleware.push(\n      size({\n        padding: options.overflowPadding,\n        apply(data) {\n          const { reference, height, width } = data\n\n          if (options.sameWidth) {\n            Object.assign(floating.style, {\n              width: `${reference.width}px`,\n              minWidth: \"unset\",\n            })\n          }\n\n          if (options.fitViewport) {\n            Object.assign(floating.style, {\n              maxWidth: `${width}px`,\n              maxHeight: `${height}px`,\n            })\n          }\n        },\n      }),\n    )\n  }\n\n  /* -----------------------------------------------------------------------------\n   * The actual positioning function\n   * -----------------------------------------------------------------------------*/\n\n  function compute() {\n    if (reference == null || floating == null) return\n    const { placement, strategy } = options\n\n    computePosition(reference, floating, {\n      placement,\n      middleware,\n      strategy,\n    })\n      .then((data) => {\n        const x = Math.round(data.x)\n        const y = Math.round(data.y)\n\n        Object.assign(floating.style, {\n          position: data.strategy,\n          top: \"0\",\n          left: \"0\",\n          transform: `translate3d(${x}px, ${y}px, 0)`,\n        })\n\n        return data\n      })\n      .then((data) => {\n        options.onComplete?.(data)\n      })\n  }\n\n  compute()\n\n  // prettier-ignore\n  return pipe(\n      autoUpdate(reference, floating, compute, options.listeners),\n      options.onCleanup ?? noop\n    )\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n  isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import type { Placement, ReferenceElement } from \"@floating-ui/dom\"\nimport { getOverflowAncestors } from \"@floating-ui/dom\"\nimport { addDomEvent, isHTMLElement, observeElementRect } from \"@zag-js/dom-utils\"\nimport { isBoolean, pipe } from \"@zag-js/utils\"\n\nexport type { Placement }\n\nexport type AutoUpdateOptions = {\n  ancestorScroll?: boolean\n  ancestorResize?: boolean\n  referenceResize?: boolean\n}\n\ntype Ancestors = ReturnType<typeof getOverflowAncestors>\n\nfunction resolveOptions(option: boolean | AutoUpdateOptions) {\n  const bool = isBoolean(option)\n  return {\n    ancestorResize: bool ? option : option.ancestorResize ?? true,\n    ancestorScroll: bool ? option : option.ancestorScroll ?? true,\n    referenceResize: bool ? option : option.referenceResize ?? true,\n  }\n}\n\nexport function autoUpdate(\n  reference: ReferenceElement,\n  floating: HTMLElement,\n  update: () => void,\n  options: boolean | AutoUpdateOptions = false,\n) {\n  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options)\n\n  const useAncestors = ancestorScroll || ancestorResize\n  const ancestors: Ancestors = []\n\n  if (useAncestors && isHTMLElement(reference)) {\n    ancestors.push(...getOverflowAncestors(reference))\n  }\n\n  function addResizeListeners() {\n    let cleanups: VoidFunction[] = [observeElementRect(floating, update)]\n    if (referenceResize && isHTMLElement(reference)) {\n      cleanups.push(observeElementRect(reference, update))\n    }\n    cleanups.push(pipe(...ancestors.map((el: any) => addDomEvent(el, \"resize\", update))))\n    return () => cleanups.forEach((fn) => fn())\n  }\n\n  function addScrollListeners() {\n    return pipe(...ancestors.map((el: any) => addDomEvent(el, \"scroll\", update, { passive: true })))\n  }\n\n  return pipe(addResizeListeners(), addScrollListeners())\n}\n", "type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? \"true\" : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n  return {\n    get: (key: string) => el.getAttribute(key),\n    set: (key: string, value: string) => el.setAttribute(key, value),\n    is: (key: string, value: string) => {\n      return el.getAttribute(key) === value\n    },\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n  ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n  return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  const cache = getStyleCache()\n  let style: Styles | undefined = cache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    cache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: { button: number }) => v.button === 0\nexport const isRightClick = (v: { button: number }) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\nexport const isCtrlKey = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\">) =>\n  isMac() ? v.metaKey && !v.ctrlKey : v.ctrlKey && !v.metaKey\n", "export function warn(m: string): void\nexport function warn(c: boolean, m: string): void\nexport function warn(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    console.warn(m)\n  }\n}\n\nexport function invariant(m: string): void\nexport function invariant(c: boolean, m: string): void\nexport function invariant(...a: any[]): void {\n  const m = a.length === 1 ? a[0] : a[1]\n  const c = a.length === 2 ? a[0] : true\n  if (c && process.env.NODE_ENV !== \"production\") {\n    throw new Error(m)\n  }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype El = HTMLElement | Document | VisualViewport | Window\ntype Handler = (event: Event) => void\ntype Group = Map<string, Set<Handler>>\ntype Option = boolean | AddEventListenerOptions\n\nfunction getListenerElements(): Map<El, Group> {\n  ;(globalThis as any).__listenerElements__ = (globalThis as any).__listenerElements__ || new Map()\n  return (globalThis as any).__listenerElements__\n}\n\nfunction getListenerCache(): Map<El, Map<string, Handler>> {\n  ;(globalThis as any).__listenerCache__ = (globalThis as any).__listenerCache__ || new Map()\n  return (globalThis as any).__listenerCache__\n}\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n  if (!node) return noop\n\n  // unique identifier for the event listener\n  const hash = JSON.stringify({ type, options })\n\n  // Subscribe pattern\n  const listenerElements = getListenerElements()\n  const listenerCache = getListenerCache()\n\n  const group = listenerElements.get(node)\n\n  if (!listenerElements.has(node)) {\n    // create group of listeners per hash\n    const group: Group = new Map([[hash, new Set([handler])]])\n    listenerElements.set(node, group)\n  } else if (group?.has(hash)) {\n    group?.get(hash)?.add(handler)\n  } else {\n    group?.set(hash, new Set([handler]))\n  }\n\n  // add the event listener to the node or register it in the cache\n  function attach(node: El) {\n    // Publish pattern\n    function listener(event: Event) {\n      const group = listenerElements.get(node)\n      group?.get(hash)?.forEach((fn) => fn(event))\n    }\n\n    if (!listenerCache?.has(node)) {\n      listenerCache.set(node, new Map([[hash, listener]]))\n      node.addEventListener(type, listener, options)\n      return\n    }\n\n    if (!listenerCache?.get(node)?.has(hash)) {\n      listenerCache.get(node)?.set(hash, listener)\n      node.addEventListener(type, listener, options)\n    }\n  }\n\n  attach(node)\n\n  return function remove() {\n    if (!listenerElements.has(node)) return\n\n    const group = listenerElements.get(node)\n    group?.get(hash)?.delete(handler)\n\n    if (group?.get(hash)?.size === 0) {\n      const listener = listenerCache.get(node)?.get(hash)!\n      node.removeEventListener(type, listener, options)\n      group?.delete(hash)\n      listenerCache.get(node)?.delete(hash)\n\n      if (group?.size === 0) {\n        listenerElements.delete(node)\n        listenerCache.delete(node)\n      }\n    }\n  }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n  AnyPointerEvent,\n  DOMEventTarget,\n  EventMap,\n  PointerEventInfo,\n  PointerNameMap,\n  RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n  const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n  return {\n    point: {\n      x: point[`${type}X`],\n      y: point[`${type}Y`],\n    },\n  }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K]) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const node = isRef(target) ? target.current : runIfFn(target)\n  return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n  target: DOMEventTarget,\n  event: K,\n  listener: (event: EventMap[K], info: PointerEventInfo) => void,\n  options?: boolean | AddEventListenerOptions,\n) {\n  const type = getEventName(event) ?? event\n  return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n  fn: (event: E, info: PointerEventInfo) => void,\n  filter = false,\n) {\n  const listener: EventListener = (event: any) => {\n    fn(event, extractInfo(event))\n  }\n  return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n  return (event: Event) => {\n    const win = ((event as UIEvent).view ?? window) as typeof window\n    const isMouseEvent = event instanceof win.MouseEvent\n    const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n    if (isPrimary) fn(event)\n  }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n  return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n  pointerdown: \"mousedown\",\n  pointermove: \"mousemove\",\n  pointerup: \"mouseup\",\n  pointercancel: \"mousecancel\",\n  pointerover: \"mouseover\",\n  pointerout: \"mouseout\",\n  pointerenter: \"mouseenter\",\n  pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n  pointerdown: \"touchstart\",\n  pointermove: \"touchmove\",\n  pointerup: \"touchend\",\n  pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n  if (supportsPointerEvent()) return evt\n  if (supportsTouchEvent()) return touchEventNames[evt]\n  if (supportsMouseEvent()) return mouseEventNames[evt]\n  return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n  disabled: boolean\n  document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n  const { disabled = false, document: docProp } = opts\n  const doc: Document = docProp || document\n\n  let isTouchOrPenPressed = false\n  let isLeftClickPressed = false\n\n  function listen() {\n    const onPointerDown = (event: PointerEvent) => {\n      const isMouse = event.pointerType === \"mouse\"\n      isTouchOrPenPressed = !isMouse\n      isLeftClickPressed = isMouse && isLeftClick(event)\n    }\n\n    const onPointerUp = () => {\n      isTouchOrPenPressed = false\n      isLeftClickPressed = false\n    }\n\n    // prettier-ignore\n    return pipe(\n        addDomEvent(doc, \"pointerdown\", onPointerDown),\n        addDomEvent(doc,\"pointerup\", onPointerUp)\n      )\n  }\n\n  function reset() {\n    changeCount--\n    if (changeCount === 0) {\n      doc.body.style.pointerEvents = originalBodyPointerEvents\n    }\n    if (el) {\n      el.style.pointerEvents = \"\"\n    }\n  }\n\n  function apply() {\n    if (disabled) return\n\n    if (changeCount === 0) {\n      originalBodyPointerEvents = doc.body.style.pointerEvents\n    }\n\n    doc.body.style.pointerEvents = \"none\"\n    if (el) {\n      el.style.pointerEvents = \"auto\"\n    }\n\n    changeCount++\n\n    return function () {\n      if (isTouchOrPenPressed) {\n        addDomEvent(doc, \"click\", reset, { once: true })\n      } else if (isLeftClickPressed) {\n        addDomEvent(doc, \"pointerup\", reset, { once: true })\n      } else {\n        reset()\n      }\n    }\n  }\n\n  const cleanups: Array<VoidFunction | undefined> = []\n  cleanups.push(apply())\n  nextTick(() => {\n    cleanups.push(listen())\n  })\n\n  return function () {\n    cleanups.forEach((cleanup) => cleanup?.())\n  }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n  disabled?: boolean\n  allowPinchZoom?: boolean\n  document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n  const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n  const doc = docProp ?? document\n  const win = doc?.defaultView ?? window\n\n  const viewport = isDom() ? win.visualViewport : null\n  const docEl = doc.documentElement\n\n  function preventScrollStandard() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n  }\n\n  function preventScrollMobileSafari() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n      docEl.removeAttribute(\"scroll-lock\")\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function isElementEditable(el: HTMLElement | null) {\n  if (el == null) return false\n  const selectors = [\n    \"input:not([readonly])\",\n    \"textarea:not([readonly])\",\n    \"[contenteditable]\",\n    \"select:not([readonly])\",\n  ].join(\", \")\n  return el.matches(selectors) || el.isContentEditable\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el)\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n  if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n    return getOwnerDocument(el).body\n  }\n\n  if (isHTMLElement(el) && isScrollParent(el)) {\n    return el\n  }\n\n  return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n  const scrollParent = getScrollParent(el)\n  const isBody = scrollParent === getOwnerDocument(el).body\n  const win = getOwnerWindow(scrollParent)\n\n  const target = isBody\n    ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n    : scrollParent\n\n  const parents = list.concat(target)\n  if (isBody) return parents\n\n  return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n  if (isWindow(el)) {\n    return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n  }\n\n  return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\ntype DescriptorOptions = {\n  type: \"input\" | \"textarea\"\n  property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n  const { type, property } = options\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n  desc.set?.call(el, value)\n  const event = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n  desc.set?.call(el, checked)\n  const event = new win.Event(\"click\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n  el: HTMLInputElement | null,\n  options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n  const { fn, property, type } = options\n\n  if (!fn || !el) return\n\n  const { get, set } = getDescriptor(el, { property, type })\n\n  let run = true\n\n  Object.defineProperty(el, property, {\n    get() {\n      return get?.call(this)\n    },\n    set(value: string) {\n      if (run) fn(value)\n      return set?.call(this, value)\n    },\n  })\n\n  return function () {\n    run = false\n  }\n}\n", "export function isKeyboardClick(e: { detail: number; clientX: number; clientY: number }) {\n  return e.detail === 0 || (e.clientX === 0 && e.clientY === 0)\n}\n\nexport function getNativeEvent<E>(\n  event: E,\n): React.ChangeEvent<any> extends E ? InputEvent : E extends React.SyntheticEvent<any, infer T> ? T : never {\n  return (event as any).nativeEvent ?? event\n}\n", "/**\n * Determine if the blur event within an element is valid\n */\nexport function validateBlur(event: Event, opts: Options) {\n  const exclude = Array.isArray(opts.exclude) ? opts.exclude : [opts.exclude]\n  const relatedTarget = (event.relatedTarget ?? opts.fallback) as HTMLElement\n  return exclude.every((el) => !el?.contains(relatedTarget))\n}\n\ntype MaybeArray<T> = T | T[]\n\ntype Options = {\n  exclude: MaybeArray<HTMLElement | null>\n  fallback?: HTMLElement | null\n}\n\ntype Event = Pick<FocusEvent, \"relatedTarget\">\n", "import { getComputedStyle } from \"./computed-style\"\nimport { isDisabled, isHTMLElement } from \"./query\"\n\nexport const focusableSelector = /*#__PURE__*/ [\n  \"input:not([disabled]):not([type=hidden])\",\n  \"select:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"button:not([disabled])\",\n  \"embed\",\n  \"iframe\",\n  \"object\",\n  \"a[href]\",\n  \"area[href]\",\n  \"[tabindex]\",\n  \"audio[controls]\",\n  \"video[controls]\",\n  \"*[tabindex]:not([aria-disabled])\",\n  \"[contenteditable]:not([contenteditable=false])\",\n  \"details > summary:first-of-type\",\n].join(\",\")\n\nexport function isHidden(el: HTMLElement | null, until?: HTMLElement) {\n  const style = getComputedStyle(el)\n  if (!el || style.getPropertyValue(\"visibility\") === \"hidden\") return true\n  while (el) {\n    if (until != null && el === until) return false\n    if (style.getPropertyValue(\"display\") === \"none\") return true\n    el = el.parentElement\n  }\n  return false\n}\n\n/**\n * Returns the focusable elements within the element\n */\nexport const getFocusables = (el: HTMLElement | Document | null, includeContainer = false) => {\n  if (!el) return []\n  let els = Array.from(el.querySelectorAll<HTMLElement>(focusableSelector))\n  if (includeContainer && isHTMLElement(el)) {\n    els.unshift(el)\n  }\n  return els.filter((el) => isFocusable(el) && !isHidden(el))\n}\n\n/**\n * Whether this element is focusable\n */\nexport const isFocusable = (el: HTMLElement | null) => {\n  if (!isHTMLElement(el) || isHidden(el) || isDisabled(el)) return false\n  return el?.matches(focusableSelector)\n}\n\n/**\n * Returns the tabbable elements within the element\n */\nexport const getTabbables = (el: HTMLElement | Document, includeContainer = false) => {\n  return getFocusables(el, includeContainer).filter(isTabbable)\n}\n\n/**\n * Whether this element is tabbable\n */\nexport const isTabbable = (el: HTMLElement | null) => {\n  return isFocusable(el) && !isDisabled(el) && !isHidden(el)\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree: true })\n\n  return () => obs.disconnect()\n}\n", "import { observeAttributes } from \"./mutation-observer\"\n\nexport function getClosestForm(el: HTMLElement) {\n  if (isFormElement(el)) return el.form\n  else return el.closest(\"form\")\n}\n\nfunction isFormElement(el: HTMLElement): el is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement {\n  return el.matches(\"textarea, input, select, button\")\n}\n\nexport function trackFormReset(el: HTMLElement | null | undefined, callback: () => void) {\n  if (!el) return\n  const form = getClosestForm(el)\n  form?.addEventListener(\"reset\", callback, { passive: true })\n  return () => {\n    form?.removeEventListener(\"reset\", callback)\n  }\n}\n\nexport function trackFieldsetDisabled(el: HTMLElement | null | undefined, callback: (disabled: boolean) => void) {\n  const fieldset = el?.closest(\"fieldset\")\n  if (!fieldset) return\n  callback(fieldset.disabled)\n  return observeAttributes(fieldset, [\"disabled\"], () => callback(fieldset.disabled))\n}\n\nexport function isNativeDisabled(el: HTMLElement) {\n  return el.matches(\":disabled\")\n}\n", "import type { KeyboardEvent } from \"react\"\n\ntype EventKey =\n  | \"ArrowDown\"\n  | \"ArrowUp\"\n  | \"ArrowLeft\"\n  | \"ArrowRight\"\n  | \"Space\"\n  | \"Enter\"\n  | \"Comma\"\n  | \"Escape\"\n  | \"Backspace\"\n  | \"Delete\"\n  | \"Home\"\n  | \"End\"\n  | \"Tab\"\n  | \"PageUp\"\n  | \"PageDown\"\n  | (string & {})\n\nexport type EventKeyMap = Partial<Record<EventKey, (event: React.KeyboardEvent) => void>>\n\nconst rtlKeyMap = {\n  ArrowLeft: \"ArrowRight\",\n  ArrowRight: \"ArrowLeft\",\n  Home: \"End\",\n  End: \"Home\",\n}\n\nconst sameKeyMap = {\n  Up: \"ArrowUp\",\n  Down: \"ArrowDown\",\n  Esc: \"Escape\",\n  \" \": \"Space\",\n  \",\": \"Comma\",\n  Left: \"ArrowLeft\",\n  Right: \"ArrowRight\",\n}\n\ntype EventKeyOptions = {\n  dir?: \"ltr\" | \"rtl\"\n  orientation?: \"horizontal\" | \"vertical\"\n}\n\n/**\n * Determine the event key based on text direction.\n */\nexport function getEventKey(event: KeyboardEvent, options: EventKeyOptions = {}) {\n  const { dir = \"ltr\", orientation = \"horizontal\" } = options\n\n  let { key } = event\n  key = sameKeyMap[key] ?? key // normalize key\n\n  const isRtl = dir === \"rtl\" && orientation === \"horizontal\"\n\n  if (isRtl && key in rtlKeyMap) {\n    key = rtlKeyMap[key]\n  }\n\n  return key\n}\n\nconst PAGE_KEYS = new Set([\"PageUp\", \"PageDown\"])\nconst ARROW_KEYS = new Set([\"ArrowUp\", \"ArrowDown\", \"ArrowLeft\", \"ArrowRight\"])\n\n/**\n * Determine the step factor for keyboard events\n */\nexport function getEventStep(event: KeyboardEvent) {\n  if (event.ctrlKey || event.metaKey) {\n    return 0.1\n  } else {\n    const isPageKey = PAGE_KEYS.has(event.key)\n    const isSkipKey = isPageKey || (event.shiftKey && ARROW_KEYS.has(event.key))\n    return isSkipKey ? 10 : 1\n  }\n}\n", "export const visuallyHiddenStyle = {\n  border: \"0\",\n  clip: \"rect(0 0 0 0)\",\n  height: \"1px\",\n  margin: \"-1px\",\n  overflow: \"hidden\",\n  padding: \"0\",\n  position: \"absolute\",\n  width: \"1px\",\n  whiteSpace: \"nowrap\",\n  wordWrap: \"normal\",\n} as const\n\nexport function setVisuallyHidden(el: HTMLElement) {\n  Object.assign(el.style, visuallyHiddenStyle)\n}\n", "import { setVisuallyHidden } from \"./visually-hidden\"\n\nexport type LiveRegionOptions = {\n  level: \"polite\" | \"assertive\"\n  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    oldRegion?.remove()\n  }\n\n  return { announce, destroy }\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n  return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n  const item = itemById(v, id)\n  return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n  return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  if (idx === -1) return loop ? v[v.length - 1] : null\n  idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n  return v[idx]\n}\n\nconst getValueText = <T extends HTMLElement>(item: T) => item.dataset.valuetext ?? item.textContent ?? \"\"\n\nconst match = (valueText: string, query: string) => valueText.toLowerCase().startsWith(query.toLowerCase())\n\nconst wrap = <T>(v: T[], idx: number) => {\n  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length])\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const index = currentId ? indexOfId(v, currentId) : -1\n  let items = currentId ? wrap(v, index) : v\n\n  const isSingleKey = text.length === 1\n\n  if (isSingleKey) {\n    items = items.filter((item) => item.id !== currentId)\n  }\n\n  return items.find((item) => match(getValueText(item), text))\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n  return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state === \"default\") {\n      savedUserSelect = _document.documentElement.style.webkitUserSelect\n      _document.documentElement.style.webkitUserSelect = \"none\"\n    }\n\n    state = \"disabled\"\n  } else if (target) {\n    modifiedElementMap.set(target, target.style.userSelect)\n    target.style.userSelect = \"none\"\n  }\n\n  return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state !== \"disabled\") return\n    state = \"restoring\"\n\n    setTimeout(() => {\n      nextTick(() => {\n        if (state === \"restoring\") {\n          if (_document.documentElement.style.webkitUserSelect === \"none\") {\n            _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n          }\n\n          savedUserSelect = \"\"\n          state = \"default\"\n        }\n      })\n    }, 300)\n  } else {\n    if (target && modifiedElementMap.has(target)) {\n      let targetOldUserSelect = modifiedElementMap.get(target)\n\n      if (target.style.userSelect === \"none\") {\n        target.style.userSelect = targetOldUserSelect ?? \"\"\n      }\n\n      if (target.getAttribute(\"style\") === \"\") {\n        target.removeAttribute(\"style\")\n      }\n      modifiedElementMap.delete(target)\n    }\n  }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n  const win = doc.defaultView ?? window\n  const fn = (event: PointerEvent) => {\n    if (event.target instanceof win.HTMLElement) {\n      onPointerDown(event.target)\n    }\n  }\n  return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n  ctx: { doc?: Document; threshold?: number }\n  onPointerUp: VoidFunction\n  onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n  const { onPointerMove, onPointerUp, ctx } = opts\n  const { doc = document, threshold = 5 } = ctx\n\n  const handlePointerMove: Listener = (event, info) => {\n    const { point: p } = info\n    const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n    if (distance < threshold) return\n\n    // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n    if (isMouseEvent(event) && isLeftClick(event)) {\n      onPointerUp()\n      return\n    }\n\n    onPointerMove(info, event)\n  }\n\n  return pipe(\n    addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n    addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n    addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n    addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n    disableTextSelection({ doc }),\n  )\n}\n", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n  const locked = !!doc.pointerLockElement\n\n  function onPointerChange() {\n    if (locked) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    if (locked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock()\n  }\n\n  if (!supported) return\n\n  body.requestPointerLock()\n\n  const cleanup = pipe(\n    addPointerlockChangeListener(doc, onPointerChange),\n    addPointerlockErrorListener(doc, onPointerError),\n  )\n\n  return function dispose() {\n    if (!supported) return\n    cleanup()\n    exit()\n  }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n  ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n  return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n  const observedElements = getObservedElements()\n\n  const data = observedElements.get(el)\n\n  if (!data) {\n    observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n    if (observedElements.size === 1) {\n      rafId = requestAnimationFrame(runLoop)\n    }\n  } else {\n    data.callbacks.push(fn)\n    fn(el.getBoundingClientRect())\n  }\n\n  return function unobserve() {\n    const data = observedElements.get(el)\n    if (!data) return\n\n    const index = data.callbacks.indexOf(fn)\n    if (index > -1) {\n      data.callbacks.splice(index, 1)\n    }\n\n    if (data.callbacks.length === 0) {\n      observedElements.delete(el)\n\n      if (observedElements.size === 0) {\n        cancelAnimationFrame(rafId)\n      }\n    }\n  }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n  const observedElements = getObservedElements()\n\n  const changedRectsData: Array<ObservedData> = []\n\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect()\n\n    if (!isEqual(data.rect, newRect)) {\n      data.rect = newRect\n      changedRectsData.push(data)\n    }\n  })\n\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect))\n  })\n\n  rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  )\n}\n", "import { findByText } from \"./nodelist\"\n\nexport type TypeaheadState = {\n  keysSoFar: string\n  timer: number\n}\n\nexport type TypeaheadOptions = {\n  state: TypeaheadState\n  activeId: string | null\n  key: string\n  timeout?: number\n}\n\nexport function findByTypeahead<T extends HTMLElement>(_items: T[], options: TypeaheadOptions) {\n  const { state, activeId, key, timeout = 350 } = options\n\n  const search = state.keysSoFar + key\n  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0])\n\n  const query = isRepeated ? search[0] : search\n\n  let items = _items.slice()\n\n  const next = findByText(items, query, activeId)\n\n  function cleanup() {\n    clearTimeout(state.timer)\n    state.timer = -1\n  }\n\n  function update(value: string) {\n    state.keysSoFar = value\n    cleanup()\n\n    if (value !== \"\") {\n      state.timer = +setTimeout(() => {\n        update(\"\")\n        cleanup()\n      }, timeout)\n    }\n  }\n\n  update(search)\n\n  return next\n}\n\nfindByTypeahead.defaultOptions = {\n  keysSoFar: \"\",\n  timer: -1,\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n  const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n  return addDomEvent(doc, \"visibilitychange\", () => {\n    const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n    callback(!!hidden)\n  })\n}\n", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n  width: number\n  height: number\n}\n\ntype Options = {\n  document?: Document\n  resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n  const { document: doc, resolve } = options\n  const win = doc?.defaultView || window\n  resolve?.(getViewportSize(win))\n  const onResize = () => resolve?.(getViewportSize(win))\n  return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n  return {\n    width: win.visualViewport?.width || win.innerWidth,\n    height: win.visualViewport?.height || win.innerHeight,\n  }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n  let value = predicate()\n  if (!!value) return Promise.resolve(value)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      let value = predicate()\n      if (value) {\n        globalThis.clearInterval(id)\n        resolve(value)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "import { Coords, Middleware } from \"@floating-ui/dom\"\n\n/* -----------------------------------------------------------------------------\n * Shared middleware utils\n * -----------------------------------------------------------------------------*/\n\nconst toVar = (value: string) => ({ variable: value, reference: `var(${value})` })\n\nexport const cssVars = {\n  arrowSize: toVar(\"--arrow-size\"),\n  arrowSizeHalf: toVar(\"--arrow-size-half\"),\n  arrowBg: toVar(\"--arrow-background\"),\n  transformOrigin: toVar(\"--transform-origin\"),\n  arrowOffset: toVar(\"--arrow-offset\"),\n}\n\n/* -----------------------------------------------------------------------------\n * Transform Origin Middleware\n * -----------------------------------------------------------------------------*/\n\nconst getTransformOrigin = (arrow?: Partial<Coords>) => ({\n  top: \"bottom center\",\n  \"top-start\": arrow ? `${arrow.x}px bottom` : \"left bottom\",\n  \"top-end\": arrow ? `${arrow.x}px bottom` : \"right bottom\",\n  bottom: \"top center\",\n  \"bottom-start\": arrow ? `${arrow.x}px top` : \"top left\",\n  \"bottom-end\": arrow ? `${arrow.x}px top` : \"top right\",\n  left: \"right center\",\n  \"left-start\": arrow ? `right ${arrow.y}px` : \"right top\",\n  \"left-end\": arrow ? `right ${arrow.y}px` : \"right bottom\",\n  right: \"left center\",\n  \"right-start\": arrow ? `left ${arrow.y}px` : \"left top\",\n  \"right-end\": arrow ? `left ${arrow.y}px` : \"left bottom\",\n})\n\nexport const transformOrigin: Middleware = {\n  name: \"transformOrigin\",\n  fn({ placement, elements, middlewareData }) {\n    const { arrow } = middlewareData\n    const transformOrigin = getTransformOrigin(arrow)[placement]\n\n    const { floating } = elements\n    floating.style.setProperty(cssVars.transformOrigin.variable, transformOrigin)\n\n    return {\n      data: { transformOrigin },\n    }\n  },\n}\n\n/* -----------------------------------------------------------------------------\n * Arrow Middleware\n * -----------------------------------------------------------------------------*/\n\ntype ArrowOptions = { element: HTMLElement }\n\nexport const shiftArrow = (opts: ArrowOptions): Middleware => ({\n  name: \"shiftArrow\",\n  fn({ placement, middlewareData }) {\n    const { element: arrow } = opts\n    const { x, y } = middlewareData.arrow ?? { x: 0, y: 0 }\n\n    const dir = {\n      top: \"bottom\",\n      right: \"left\",\n      bottom: \"top\",\n      left: \"right\",\n    }[placement.split(\"-\")[0]]!\n\n    Object.assign(arrow.style, {\n      top: `${y}px`,\n      left: `${x}px`,\n      [dir]: cssVars.arrowOffset.reference,\n    })\n\n    return {}\n  },\n})\n", "import { Placement } from \"@floating-ui/dom\"\nimport { cssVars } from \"./middleware\"\n\ntype Options = {\n  measured: boolean\n  strategy?: \"absolute\" | \"fixed\"\n  placement?: Placement\n}\n\nconst UNMEASURED_FLOATING_STYLE = {\n  position: \"fixed\",\n  top: 0,\n  left: 0,\n  opacity: 0,\n  transform: \"translate3d(0, -200%, 0)\",\n  pointerEvents: \"none\",\n} as const\n\nconst ARROW_FLOATING_STYLE = {\n  bottom: \"rotate(45deg)\",\n  left: \"rotate(135deg)\",\n  top: \"rotate(225deg)\",\n  right: \"rotate(315deg)\",\n} as const\n\nexport function getPlacementStyles(options: Options) {\n  const { measured, strategy = \"absolute\", placement = \"bottom\" } = options\n\n  return {\n    arrow: {\n      position: \"absolute\",\n      width: cssVars.arrowSize.reference,\n      height: cssVars.arrowSize.reference,\n      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,\n      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`,\n      opacity: !measured ? 0 : undefined,\n    } as const,\n\n    innerArrow: {\n      transform: ARROW_FLOATING_STYLE[placement.split(\"-\")[0]],\n      background: cssVars.arrowBg.reference,\n      top: \"0\",\n      left: \"0\",\n      width: \"100%\",\n      height: \"100%\",\n      position: \"absolute\",\n      zIndex: \"inherit\",\n    } as const,\n\n    floating: {\n      position: strategy,\n      minWidth: \"max-content\",\n      ...(!measured && UNMEASURED_FLOATING_STYLE),\n    } as const,\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/middleware.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"middleware.d.ts","sourceRoot":"","sources":["../src/middleware.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAQrD,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAMnB,CAAA;AAqBD,eAAO,MAAM,eAAe,EAAE,UAa7B,CAAA;AAMD,aAAK,YAAY,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,CAAA;AAE5C,eAAO,MAAM,UAAU,SAAU,YAAY,KAAG,UAqB9C,CAAA"}

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,oBAAY,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE;QAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;IAClD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,iBAAiB,CAAA;IACvC;;OAEG;IACH,UAAU,CAAC,CAAC,IAAI,EAAE,qBAAqB,GAAG,IAAI,CAAA;IAC9C;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAA;CACzB,CAAA"}