@zag-js/popper 0.0.0-dev-20220406144843

package/README.md

@@ -0,0 +1,19 @@
+# @zag-js/popper
+
+Dynamic positioning logic for ui machines
+
+## Installation
+
+```sh
+yarn add  @zag-js/popper
+# or
+npm i  @zag-js/popper
+```
+
+## Contribution
+
+Yes please! See the [contributing guidelines](https://github.com/chakra-ui/core/blob/main/CONTRIBUTING.md) for details.
+
+## Licence
+
+This project is licensed under the terms of the [MIT license](https://github.com/chakra-ui/core/blob/main/LICENSE).

package/dist/auto-update.d.ts

@@ -0,0 +1,8 @@
+import type { Placement, ReferenceElement } from "@floating-ui/dom";
+export type { Placement };
+export declare type AutoUpdateOptions = {
+    ancestorScroll?: boolean;
+    ancestorResize?: boolean;
+    referenceResize?: boolean;
+};
+export declare function autoUpdate(reference: ReferenceElement, floating: HTMLElement, update: () => void, options?: boolean | AutoUpdateOptions): (v: void) => void;

package/dist/get-placement.d.ts

@@ -0,0 +1,3 @@
+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;

package/dist/get-styles.d.ts

@@ -0,0 +1,32 @@
+declare type Options = {
+    measured: boolean;
+    strategy?: "absolute" | "fixed";
+};
+export declare function getPlacementStyles(options: Options): {
+    arrow: {
+        readonly [x: string]: string | 0;
+        readonly position: "absolute";
+        readonly width: string;
+        readonly height: string;
+        readonly opacity: 0;
+    };
+    innerArrow: {
+        readonly transform: "rotate(45deg)";
+        readonly background: string;
+        readonly top: "0";
+        readonly left: "0";
+        readonly width: "100%";
+        readonly height: "100%";
+        readonly position: "absolute";
+        readonly zIndex: "inherit";
+    };
+    floating: {
+        readonly position: "fixed";
+        readonly top: 0;
+        readonly left: 0;
+        readonly opacity: 0;
+        readonly transform: "translate3d(0, -200%, 0)";
+        readonly minWidth: "max-content";
+    };
+};
+export {};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export { getPlacement } from "./get-placement";
+export { getPlacementStyles } from "./get-styles";
+export type { Placement, PositioningOptions } from "./types";

package/dist/index.js

@@ -0,0 +1,2 @@
+var E=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var $=Object.getOwnPropertyNames,T=Object.getOwnPropertySymbols;var O=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var M=(e,t,n)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,z=(e,t)=>{for(var n in t||(t={}))O.call(t,n)&&M(e,n,t[n]);if(T)for(var n of T(t))K.call(t,n)&&M(e,n,t[n]);return e};var _=e=>E(e,"__esModule",{value:!0});var Y=(e,t)=>{for(var n in t)E(e,n,{get:t[n],enumerable:!0})},X=(e,t,n,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let l of $(t))!O.call(e,l)&&(n||l!=="default")&&E(e,l,{get:()=>t[l],enumerable:!(r=U(t,l))||r.enumerable});return e};var Z=(e=>(t,n)=>e&&e.get(t)||(n=X(_({}),t,1),e&&e.set(t,n),n))(typeof WeakMap!="undefined"?new WeakMap:0);var ae={};Y(ae,{getPlacement:()=>W,getPlacementStyles:()=>N});var f=require("@floating-ui/dom");var G=()=>{};var ue=(()=>{let e=0;return()=>(e++,e.toString(36))})();var g=new Map,v=new Map;function J(e,t,n,r){var l;if(!e)return G;let i=JSON.stringify({type:t,options:r}),c=g.get(e);if(g.has(e))(c==null?void 0:c.has(i))?(l=c==null?void 0:c.get(i))==null||l.add(n):c==null||c.set(i,new Set([n]));else{let o=new Map([[i,new Set([n])]]);g.set(e,o)}function m(o){var p,d;function a(s){var y;let P=g.get(o);(y=P==null?void 0:P.get(i))==null||y.forEach(B=>B(s))}if(!(v==null?void 0:v.has(o))){v.set(o,new Map([[i,a]])),o.addEventListener(t,a,r);return}((p=v==null?void 0:v.get(o))==null?void 0:p.has(i))||((d=v.get(o))==null||d.set(i,a),o.addEventListener(t,a,r))}return m(e),function(){var o,p,d,a;if(!g.has(e))return;let s=g.get(e);if((o=s==null?void 0:s.get(i))==null||o.delete(n),((p=s==null?void 0:s.get(i))==null?void 0:p.size)===0){let y=(d=v.get(e))==null?void 0:d.get(i);e.removeEventListener(t,y,r),s==null||s.delete(i),(a=v.get(e))==null||a.delete(i),(s==null?void 0:s.size)===0&&(g.delete(e),v.delete(e))}}}var R=e=>Object.prototype.toString.call(e).slice(8,-1),Q=e=>R(e)==="Object"&&"current"in e,ee=e=>R(e)==="Function"?e():e;function x(e,t,n,r){let l=Q(e)?e.current:ee(e);return J(l,t,n,r)}function C(e){var t;return te(e)?e.document:(t=e==null?void 0:e.ownerDocument)!=null?t:document}function L(e){return typeof e=="object"&&(e==null?void 0:e.nodeType)===Node.ELEMENT_NODE&&typeof(e==null?void 0:e.nodeName)=="string"}function te(e){return(e==null?void 0:e.toString())==="[object Window]"}var ce=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");var h=new Map;function A(e,t){let n=h.get(e);return n?(n.callbacks.push(t),t(e.getBoundingClientRect())):(h.set(e,{rect:{},callbacks:[t]}),h.size===1&&(k=requestAnimationFrame(D))),function(){let r=h.get(e);if(!r)return;let l=r.callbacks.indexOf(t);l>-1&&r.callbacks.splice(l,1),r.callbacks.length===0&&(h.delete(e),h.size===0&&cancelAnimationFrame(k))}}var k;function D(){let e=[];h.forEach((t,n)=>{let r=n.getBoundingClientRect();ne(t.rect,r)||(t.rect=r,e.push(t))}),e.forEach(t=>{t.callbacks.forEach(n=>n(t.rect))}),k=requestAnimationFrame(D)}function ne(e,t){return e.width===t.width&&e.height===t.height&&e.top===t.top&&e.right===t.right&&e.bottom===t.bottom&&e.left===t.left}var S=()=>{},b=(...e)=>t=>e.reduce((n,r)=>r(n),t);var fe=(()=>{let e=0;return()=>(e++,e.toString(36))})();var H=e=>e===!0||e===!1;var I=require("@floating-ui/dom");function re(e){return H(e)?{ancestorResize:e,ancestorScroll:e,referenceResize:e}:Object.assign({ancestorResize:!0,ancestorScroll:!0,referenceResize:!0},e)}function V(e,t,n,r=!1){let{ancestorScroll:l,ancestorResize:i,referenceResize:c}=re(r),m=l||i,o=[];m&&L(e)&&o.push(...(0,I.getOverflowAncestors)(e));function p(){let a=[A(t,n)];return c&&L(e)&&a.push(A(e,n)),a.push(b(...o.map(s=>x(s,"resize",n)))),()=>a.forEach(s=>s())}function d(){return b(...o.map(a=>x(a,"scroll",n,{passive:!0})))}return b(p(),d())}var w=e=>({variable:e,reference:`var(${e})`}),u={arrowShadowColor:w("--arrow-shadow-color"),arrowSize:w("--arrow-size"),arrowSizeHalf:w("--arrow-size-half"),arrowBg:w("--arrow-background"),transformOrigin:w("--transform-origin"),arrowOffset:w("--arrow-offset"),boxShadow:w("--arrow-box-shadow")},j={top:"bottom center","top-start":"bottom left","top-end":"bottom right",bottom:"top center","bottom-start":"top left","bottom-end":"top right",left:"right center","left-start":"right top","left-end":"right bottom",right:"left center","right-start":"left top","right-end":"left bottom"},F={name:"transformOrigin",fn({placement:e,elements:t}){let{floating:n}=t;return n.style.setProperty(u.transformOrigin.variable,j[e]),{data:{transformOrigin:j[e]}}}},q=e=>({name:"shiftArrow",fn({placement:t,middlewareData:n}){var m;let{element:r}=e,{x:l,y:i}=(m=n.arrow)!=null?m:{x:0,y:0},c={top:"bottom",right:"left",bottom:"top",left:"right"}[t.split("-")[0]];return Object.assign(r.style,{top:`${i}px`,left:`${l}px`,[c]:u.arrowOffset.reference,[u.boxShadow.variable]:oe(t)}),{}}});function oe(e){if(e.includes("top"))return`1px 1px 1px 0 ${u.arrowShadowColor.reference}`;if(e.includes("bottom"))return`-1px -1px 1px 0 ${u.arrowShadowColor.reference}`;if(e.includes("right"))return`-1px 1px 1px 0 ${u.arrowShadowColor.reference}`;if(e.includes("left"))return`1px -1px 1px 0 ${u.arrowShadowColor.reference}`}var ie={strategy:"absolute",placement:"bottom",listeners:!0,gutter:8,flip:!0,sameWidth:!1};function W(e,t,n={}){var m;if(e==null||t==null)return S;n=Object.assign({},ie,n);let r=[F];if(n.flip&&r.push((0,f.flip)({boundary:n.boundary,padding:8})),n.gutter||n.offset){let o=n.gutter?{mainAxis:n.gutter}:n.offset;r.push((0,f.offset)(o))}r.push((0,f.shift)({boundary:n.boundary}));let i=C(t).querySelector("[data-part=arrow]");i&&r.push((0,f.arrow)({element:i,padding:8}),q({element:i})),n.sameWidth&&r.push((0,f.size)({apply(o){let{width:p}=o.reference;Object.assign(t.style,{width:`${p}px`,minWidth:"unset"})}}));function c(){if(e==null||t==null)return;let{placement:o,strategy:p}=n;(0,f.computePosition)(e,t,{placement:o,middleware:r,strategy:p}).then(d=>{let{x:a,y:s,strategy:y}=d;return Object.assign(t.style,{left:`${a}px`,top:`${s}px`,position:y}),d}).then(d=>{var a;(a=n.onComplete)==null||a.call(n,d)})}return c(),b(V(e,t,c,n.listeners),(m=n.onCleanup)!=null?m:S)}var le={position:"fixed",top:0,left:0,opacity:0,transform:"translate3d(0, -200%, 0)"};function N(e){let{measured:t,strategy:n="absolute"}=e;return{arrow:{position:"absolute",width:u.arrowSize.reference,height:u.arrowSize.reference,[u.arrowSizeHalf.variable]:`calc(${u.arrowSize.reference} / 2)`,[u.arrowOffset.variable]:`calc(${u.arrowSizeHalf.reference} * -1)`,opacity:t?void 0:0},innerArrow:{transform:"rotate(45deg)",background:u.arrowBg.reference,top:"0",left:"0",width:"100%",height:"100%",position:"absolute",zIndex:"inherit"},floating:z({position:n,minWidth:"max-content"},!t&&le)}}module.exports=Z(ae);
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/index.ts", "../src/get-placement.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/focus-event.ts", "../../dom/src/focusable.ts", "../../dom/src/keyboard-event.ts", "../../dom/src/visually-hidden.ts", "../../dom/src/live-region.ts", "../../dom/src/mutation-observer.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/visibility-event.ts", "../../dom/src/wait.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../src/auto-update.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 { getOwnerDocument } from \"@zag-js/dom-utils\"\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}\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 middleware: Middleware[] = [transformOrigin]\n\n  if (options.flip) {\n    middleware.push(flip({ boundary: options.boundary, padding: 8 }))\n  }\n\n  if (options.gutter || options.offset) {\n    const data = options.gutter ? { mainAxis: options.gutter } : options.offset\n    middleware.push(offset(data))\n  }\n\n  middleware.push(shift({ boundary: options.boundary }))\n\n  const doc = getOwnerDocument(floating)\n  const arrowEl = doc.querySelector<HTMLElement>(\"[data-part=arrow]\")\n  if (arrowEl) {\n    middleware.push(arrow({ element: arrowEl, padding: 8 }), shiftArrow({ element: arrowEl }))\n  }\n\n  if (options.sameWidth) {\n    middleware.push(\n      size({\n        apply(data) {\n          const { width } = data.reference\n          Object.assign(floating.style, { width: `${width}px`, minWidth: \"unset\" })\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, { placement, middleware, strategy })\n      .then((data) => {\n        const { x, y, strategy } = data\n        Object.assign(floating.style, { left: `${x}px`, top: `${y}px`, position: strategy })\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", "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", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nconst styleCache: WeakMap<HTMLElement, Styles> = new WeakMap()\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  let style: Styles | undefined = styleCache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    styleCache.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: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (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\nconst listenerElements: Map<El, Group> = new Map()\nconst listenerCache: Map<El, Map<string, Handler>> = new Map()\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\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    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n    )\n    return () => fn?.()\n  }\n\n  function preventScrollMobileSafari() {\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    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\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 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", "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\nfunction descriptor(el: HTMLElement, type: \"input\" | \"textarea\" = \"input\") {\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, \"value\") ?? {}\n}\n\nexport function dispatchEvent(el: HTMLElement, name: string, options: CustomEventInit) {\n  const win = getOwnerWindow(el)\n  const evt = new win.CustomEvent(name, options)\n  el.dispatchEvent(evt)\n  return evt\n}\n\nexport function dispatchInputEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n\n  el.type = \"text\"\n  el.hidden = true\n\n  descriptor(el).set?.call(el, value)\n\n  const evt = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(evt)\n\n  el.type = \"hidden\"\n  el.hidden = false\n}\n\nexport function onElementValueChange(el: HTMLInputElement, fn?: (value: string) => void) {\n  if (!fn) return\n\n  const { get, set } = descriptor(el)\n\n  let run = true\n\n  Object.defineProperty(el, \"value\", {\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", "/**\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 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  doc?: 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\", doc: ownerDocument, root, delay: rootDelay = 0 } = opts\n\n  const doc = ownerDocument ?? document\n  const win = doc.defaultView ?? window\n\n  const parent = root ?? doc.body\n\n  function announce(msg: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    if (!!oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n\n    // Did an override level get set?\n    delay = delay ?? rootDelay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n\n    // Determine redundant role\n    var 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 = msg\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    if (oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n  }\n\n  return { announce, destroy }\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, subtree = false) {\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 })\n\n  return () => obs.disconnect()\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\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const filtered = v.filter((item) => {\n    const str = item.dataset.valuetext ?? item.textContent\n    return !!str?.toLowerCase().startsWith(text.toLowerCase())\n  })\n  return currentId ? nextById(filtered, currentId) : null\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", "type PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  doc.addEventListener(\"webkitpointerlockchange\", fn, false)\n  doc.addEventListener(\"mozpointerlockchange\", fn, false)\n  doc.addEventListener(\"pointerlockchange\", fn, false)\n  return function cleaup() {\n    doc.removeEventListener(\"mozpointerlockchange\", fn, false)\n    doc.removeEventListener(\"pointerlockchange\", fn, false)\n  }\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"webkitpointerlockerror\", fn, false)\n  doc.addEventListener(\"mozpointerlockerror\", fn, false)\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"webkitpointerlockerror\", fn, false)\n    doc.removeEventListener(\"mozpointerlockerror\", fn, false)\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nfunction getPointerlockFunc(el: HTMLElement) {\n  return el.requestPointerLock || (el as any).mozRequestPointerLock || (el as any).webkitRequestPointerLock\n}\n\nfunction getRemovePointerlockFunc(doc: Document) {\n  return doc.exitPointerLock || (doc as any).mozExitPointerLock || (doc as any).webkitExitPointerLock\n}\n\nexport function getPointerlockElement(doc: Document) {\n  return doc.pointerLockElement || (doc as any).mozPointerLockElement || (doc as any).webkitPointerLockElement\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  function isSupported() {\n    return \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc || \"webkitPointerLockElement\" in doc\n  }\n\n  function hasLockElement() {\n    return !!doc.pointerLockElement\n  }\n\n  function onPointerChange() {\n    if (hasLockElement()) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    const isLocked = hasLockElement()\n    if (isLocked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock = getRemovePointerlockFunc(doc)\n    doc.exitPointerLock()\n  }\n\n  const cleanups: Set<Function> = new Set()\n\n  function addEventListeners() {\n    cleanups.add(addPointerlockChangeListener(doc, onPointerChange))\n    cleanups.add(addPointerlockErrorListener(doc, onPointerError))\n  }\n\n  function dispose() {\n    if (!isSupported()) return\n    cleanups.forEach((fn) => fn())\n    cleanups.clear()\n    exit()\n  }\n\n  function setup() {\n    if (!isSupported()) return\n    body.requestPointerLock = getPointerlockFunc(body)\n    body.requestPointerLock()\n    addEventListeners()\n  }\n\n  setup()\n  return dispose\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\nconst observedElements: Map<Measurable, ObservedData> = new Map()\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\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 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 { 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", "export function waitUntil(predicate: () => boolean) {\n  if (predicate()) return Promise.resolve(true)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      if (predicate()) {\n        globalThis.clearInterval(id)\n        resolve(true)\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", "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: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (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 = { ancestorScroll?: boolean; ancestorResize?: boolean; referenceResize?: boolean }\ntype Ancestors = ReturnType<typeof getOverflowAncestors>\n\nfunction resolveOptions(option: boolean | AutoUpdateOptions) {\n  if (isBoolean(option)) return { ancestorResize: option, ancestorScroll: option, referenceResize: option }\n  return Object.assign({ ancestorResize: true, ancestorScroll: true, referenceResize: true }, option)\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", "import { Middleware, Placement } 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  arrowShadowColor: toVar(\"--arrow-shadow-color\"),\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  boxShadow: toVar(\"--arrow-box-shadow\"),\n}\n\n/* -----------------------------------------------------------------------------\n * Transform Origin Middleware\n * -----------------------------------------------------------------------------*/\n\nconst transforms = {\n  top: \"bottom center\",\n  \"top-start\": \"bottom left\",\n  \"top-end\": \"bottom right\",\n  bottom: \"top center\",\n  \"bottom-start\": \"top left\",\n  \"bottom-end\": \"top right\",\n  left: \"right center\",\n  \"left-start\": \"right top\",\n  \"left-end\": \"right bottom\",\n  right: \"left center\",\n  \"right-start\": \"left top\",\n  \"right-end\": \"left bottom\",\n}\n\nexport const transformOrigin: Middleware = {\n  name: \"transformOrigin\",\n  fn({ placement, elements }) {\n    const { floating } = elements\n    floating.style.setProperty(cssVars.transformOrigin.variable, transforms[placement])\n    return {\n      data: { transformOrigin: transforms[placement] },\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 staticSide = {\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      [staticSide]: cssVars.arrowOffset.reference,\n      [cssVars.boxShadow.variable]: getBoxShadow(placement)!,\n    })\n\n    return {}\n  },\n})\n\nexport function getBoxShadow(placement: Placement) {\n  if (placement.includes(\"top\")) return `1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n  if (placement.includes(\"bottom\")) return `-1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n  if (placement.includes(\"right\")) return `-1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n  if (placement.includes(\"left\")) return `1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n}\n", "import { cssVars } from \"./middleware\"\n\ntype Options = {\n  measured: boolean\n  strategy?: \"absolute\" | \"fixed\"\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} as const\n\nexport function getPlacementStyles(options: Options) {\n  const { measured, strategy = \"absolute\" } = 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: \"rotate(45deg)\",\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

@@ -0,0 +1,2 @@
+var j=Object.defineProperty;var S=Object.getOwnPropertySymbols;var F=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var P=(e,t,n)=>t in e?j(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,T=(e,t)=>{for(var n in t||(t={}))F.call(t,n)&&P(e,n,t[n]);if(S)for(var n of S(t))q.call(t,n)&&P(e,n,t[n]);return e};import{arrow as Z,computePosition as G,flip as J,offset as Q,shift as ee,size as te}from"@floating-ui/dom";var W=()=>{};var ae=(()=>{let e=0;return()=>(e++,e.toString(36))})();var v=new Map,m=new Map;function N(e,t,n,r){var c;if(!e)return W;let i=JSON.stringify({type:t,options:r}),u=v.get(e);if(v.has(e))(u==null?void 0:u.has(i))?(c=u==null?void 0:u.get(i))==null||c.add(n):u==null||u.set(i,new Set([n]));else{let o=new Map([[i,new Set([n])]]);v.set(e,o)}function p(o){var f,d;function l(a){var w;let k=v.get(o);(w=k==null?void 0:k.get(i))==null||w.forEach(V=>V(a))}if(!(m==null?void 0:m.has(o))){m.set(o,new Map([[i,l]])),o.addEventListener(t,l,r);return}((f=m==null?void 0:m.get(o))==null?void 0:f.has(i))||((d=m.get(o))==null||d.set(i,l),o.addEventListener(t,l,r))}return p(e),function(){var o,f,d,l;if(!v.has(e))return;let a=v.get(e);if((o=a==null?void 0:a.get(i))==null||o.delete(n),((f=a==null?void 0:a.get(i))==null?void 0:f.size)===0){let w=(d=m.get(e))==null?void 0:d.get(i);e.removeEventListener(t,w,r),a==null||a.delete(i),(l=m.get(e))==null||l.delete(i),(a==null?void 0:a.size)===0&&(v.delete(e),m.delete(e))}}}var O=e=>Object.prototype.toString.call(e).slice(8,-1),B=e=>O(e)==="Object"&&"current"in e,U=e=>O(e)==="Function"?e():e;function b(e,t,n,r){let c=B(e)?e.current:U(e);return N(c,t,n,r)}function M(e){var t;return $(e)?e.document:(t=e==null?void 0:e.ownerDocument)!=null?t:document}function E(e){return typeof e=="object"&&(e==null?void 0:e.nodeType)===Node.ELEMENT_NODE&&typeof(e==null?void 0:e.nodeName)=="string"}function $(e){return(e==null?void 0:e.toString())==="[object Window]"}var se=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","embed","iframe","object","a[href]","area[href]","[tabindex]","audio[controls]","video[controls]","*[tabindex]:not([aria-disabled])","[contenteditable]:not([contenteditable=false])","details > summary:first-of-type"].join(",");var g=new Map;function x(e,t){let n=g.get(e);return n?(n.callbacks.push(t),t(e.getBoundingClientRect())):(g.set(e,{rect:{},callbacks:[t]}),g.size===1&&(L=requestAnimationFrame(z))),function(){let r=g.get(e);if(!r)return;let c=r.callbacks.indexOf(t);c>-1&&r.callbacks.splice(c,1),r.callbacks.length===0&&(g.delete(e),g.size===0&&cancelAnimationFrame(L))}}var L;function z(){let e=[];g.forEach((t,n)=>{let r=n.getBoundingClientRect();K(t.rect,r)||(t.rect=r,e.push(t))}),e.forEach(t=>{t.callbacks.forEach(n=>n(t.rect))}),L=requestAnimationFrame(z)}function K(e,t){return e.width===t.width&&e.height===t.height&&e.top===t.top&&e.right===t.right&&e.bottom===t.bottom&&e.left===t.left}var A=()=>{},y=(...e)=>t=>e.reduce((n,r)=>r(n),t);var ce=(()=>{let e=0;return()=>(e++,e.toString(36))})();var R=e=>e===!0||e===!1;import{getOverflowAncestors as _}from"@floating-ui/dom";function Y(e){return R(e)?{ancestorResize:e,ancestorScroll:e,referenceResize:e}:Object.assign({ancestorResize:!0,ancestorScroll:!0,referenceResize:!0},e)}function C(e,t,n,r=!1){let{ancestorScroll:c,ancestorResize:i,referenceResize:u}=Y(r),p=c||i,o=[];p&&E(e)&&o.push(..._(e));function f(){let l=[x(t,n)];return u&&E(e)&&l.push(x(e,n)),l.push(y(...o.map(a=>b(a,"resize",n)))),()=>l.forEach(a=>a())}function d(){return y(...o.map(l=>b(l,"scroll",n,{passive:!0})))}return y(f(),d())}var h=e=>({variable:e,reference:`var(${e})`}),s={arrowShadowColor:h("--arrow-shadow-color"),arrowSize:h("--arrow-size"),arrowSizeHalf:h("--arrow-size-half"),arrowBg:h("--arrow-background"),transformOrigin:h("--transform-origin"),arrowOffset:h("--arrow-offset"),boxShadow:h("--arrow-box-shadow")},D={top:"bottom center","top-start":"bottom left","top-end":"bottom right",bottom:"top center","bottom-start":"top left","bottom-end":"top right",left:"right center","left-start":"right top","left-end":"right bottom",right:"left center","right-start":"left top","right-end":"left bottom"},H={name:"transformOrigin",fn({placement:e,elements:t}){let{floating:n}=t;return n.style.setProperty(s.transformOrigin.variable,D[e]),{data:{transformOrigin:D[e]}}}},I=e=>({name:"shiftArrow",fn({placement:t,middlewareData:n}){var p;let{element:r}=e,{x:c,y:i}=(p=n.arrow)!=null?p:{x:0,y:0},u={top:"bottom",right:"left",bottom:"top",left:"right"}[t.split("-")[0]];return Object.assign(r.style,{top:`${i}px`,left:`${c}px`,[u]:s.arrowOffset.reference,[s.boxShadow.variable]:X(t)}),{}}});function X(e){if(e.includes("top"))return`1px 1px 1px 0 ${s.arrowShadowColor.reference}`;if(e.includes("bottom"))return`-1px -1px 1px 0 ${s.arrowShadowColor.reference}`;if(e.includes("right"))return`-1px 1px 1px 0 ${s.arrowShadowColor.reference}`;if(e.includes("left"))return`1px -1px 1px 0 ${s.arrowShadowColor.reference}`}var ne={strategy:"absolute",placement:"bottom",listeners:!0,gutter:8,flip:!0,sameWidth:!1};function re(e,t,n={}){var p;if(e==null||t==null)return A;n=Object.assign({},ne,n);let r=[H];if(n.flip&&r.push(J({boundary:n.boundary,padding:8})),n.gutter||n.offset){let o=n.gutter?{mainAxis:n.gutter}:n.offset;r.push(Q(o))}r.push(ee({boundary:n.boundary}));let i=M(t).querySelector("[data-part=arrow]");i&&r.push(Z({element:i,padding:8}),I({element:i})),n.sameWidth&&r.push(te({apply(o){let{width:f}=o.reference;Object.assign(t.style,{width:`${f}px`,minWidth:"unset"})}}));function u(){if(e==null||t==null)return;let{placement:o,strategy:f}=n;G(e,t,{placement:o,middleware:r,strategy:f}).then(d=>{let{x:l,y:a,strategy:w}=d;return Object.assign(t.style,{left:`${l}px`,top:`${a}px`,position:w}),d}).then(d=>{var l;(l=n.onComplete)==null||l.call(n,d)})}return u(),y(C(e,t,u,n.listeners),(p=n.onCleanup)!=null?p:A)}var oe={position:"fixed",top:0,left:0,opacity:0,transform:"translate3d(0, -200%, 0)"};function ie(e){let{measured:t,strategy:n="absolute"}=e;return{arrow:{position:"absolute",width:s.arrowSize.reference,height:s.arrowSize.reference,[s.arrowSizeHalf.variable]:`calc(${s.arrowSize.reference} / 2)`,[s.arrowOffset.variable]:`calc(${s.arrowSizeHalf.reference} * -1)`,opacity:t?void 0:0},innerArrow:{transform:"rotate(45deg)",background:s.arrowBg.reference,top:"0",left:"0",width:"100%",height:"100%",position:"absolute",zIndex:"inherit"},floating:T({position:n,minWidth:"max-content"},!t&&oe)}}export{re as getPlacement,ie as getPlacementStyles};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/get-placement.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/focus-event.ts", "../../dom/src/focusable.ts", "../../dom/src/keyboard-event.ts", "../../dom/src/visually-hidden.ts", "../../dom/src/live-region.ts", "../../dom/src/mutation-observer.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/visibility-event.ts", "../../dom/src/wait.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../src/auto-update.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 { getOwnerDocument } from \"@zag-js/dom-utils\"\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}\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 middleware: Middleware[] = [transformOrigin]\n\n  if (options.flip) {\n    middleware.push(flip({ boundary: options.boundary, padding: 8 }))\n  }\n\n  if (options.gutter || options.offset) {\n    const data = options.gutter ? { mainAxis: options.gutter } : options.offset\n    middleware.push(offset(data))\n  }\n\n  middleware.push(shift({ boundary: options.boundary }))\n\n  const doc = getOwnerDocument(floating)\n  const arrowEl = doc.querySelector<HTMLElement>(\"[data-part=arrow]\")\n  if (arrowEl) {\n    middleware.push(arrow({ element: arrowEl, padding: 8 }), shiftArrow({ element: arrowEl }))\n  }\n\n  if (options.sameWidth) {\n    middleware.push(\n      size({\n        apply(data) {\n          const { width } = data.reference\n          Object.assign(floating.style, { width: `${width}px`, minWidth: \"unset\" })\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, { placement, middleware, strategy })\n      .then((data) => {\n        const { x, y, strategy } = data\n        Object.assign(floating.style, { left: `${x}px`, top: `${y}px`, position: strategy })\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", "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", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nconst styleCache: WeakMap<HTMLElement, Styles> = new WeakMap()\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  let style: Styles | undefined = styleCache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    styleCache.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: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (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\nconst listenerElements: Map<El, Group> = new Map()\nconst listenerCache: Map<El, Map<string, Handler>> = new Map()\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\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    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n    )\n    return () => fn?.()\n  }\n\n  function preventScrollMobileSafari() {\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    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\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 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", "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\nfunction descriptor(el: HTMLElement, type: \"input\" | \"textarea\" = \"input\") {\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, \"value\") ?? {}\n}\n\nexport function dispatchEvent(el: HTMLElement, name: string, options: CustomEventInit) {\n  const win = getOwnerWindow(el)\n  const evt = new win.CustomEvent(name, options)\n  el.dispatchEvent(evt)\n  return evt\n}\n\nexport function dispatchInputEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n\n  el.type = \"text\"\n  el.hidden = true\n\n  descriptor(el).set?.call(el, value)\n\n  const evt = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(evt)\n\n  el.type = \"hidden\"\n  el.hidden = false\n}\n\nexport function onElementValueChange(el: HTMLInputElement, fn?: (value: string) => void) {\n  if (!fn) return\n\n  const { get, set } = descriptor(el)\n\n  let run = true\n\n  Object.defineProperty(el, \"value\", {\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", "/**\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 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  doc?: 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\", doc: ownerDocument, root, delay: rootDelay = 0 } = opts\n\n  const doc = ownerDocument ?? document\n  const win = doc.defaultView ?? window\n\n  const parent = root ?? doc.body\n\n  function announce(msg: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    if (!!oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n\n    // Did an override level get set?\n    delay = delay ?? rootDelay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n\n    // Determine redundant role\n    var 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 = msg\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    if (oldRegion) {\n      parent.removeChild(oldRegion)\n    }\n  }\n\n  return { announce, destroy }\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, subtree = false) {\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 })\n\n  return () => obs.disconnect()\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\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const filtered = v.filter((item) => {\n    const str = item.dataset.valuetext ?? item.textContent\n    return !!str?.toLowerCase().startsWith(text.toLowerCase())\n  })\n  return currentId ? nextById(filtered, currentId) : null\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", "type PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  doc.addEventListener(\"webkitpointerlockchange\", fn, false)\n  doc.addEventListener(\"mozpointerlockchange\", fn, false)\n  doc.addEventListener(\"pointerlockchange\", fn, false)\n  return function cleaup() {\n    doc.removeEventListener(\"mozpointerlockchange\", fn, false)\n    doc.removeEventListener(\"pointerlockchange\", fn, false)\n  }\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"webkitpointerlockerror\", fn, false)\n  doc.addEventListener(\"mozpointerlockerror\", fn, false)\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"webkitpointerlockerror\", fn, false)\n    doc.removeEventListener(\"mozpointerlockerror\", fn, false)\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nfunction getPointerlockFunc(el: HTMLElement) {\n  return el.requestPointerLock || (el as any).mozRequestPointerLock || (el as any).webkitRequestPointerLock\n}\n\nfunction getRemovePointerlockFunc(doc: Document) {\n  return doc.exitPointerLock || (doc as any).mozExitPointerLock || (doc as any).webkitExitPointerLock\n}\n\nexport function getPointerlockElement(doc: Document) {\n  return doc.pointerLockElement || (doc as any).mozPointerLockElement || (doc as any).webkitPointerLockElement\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  function isSupported() {\n    return \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc || \"webkitPointerLockElement\" in doc\n  }\n\n  function hasLockElement() {\n    return !!doc.pointerLockElement\n  }\n\n  function onPointerChange() {\n    if (hasLockElement()) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    const isLocked = hasLockElement()\n    if (isLocked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock = getRemovePointerlockFunc(doc)\n    doc.exitPointerLock()\n  }\n\n  const cleanups: Set<Function> = new Set()\n\n  function addEventListeners() {\n    cleanups.add(addPointerlockChangeListener(doc, onPointerChange))\n    cleanups.add(addPointerlockErrorListener(doc, onPointerError))\n  }\n\n  function dispose() {\n    if (!isSupported()) return\n    cleanups.forEach((fn) => fn())\n    cleanups.clear()\n    exit()\n  }\n\n  function setup() {\n    if (!isSupported()) return\n    body.requestPointerLock = getPointerlockFunc(body)\n    body.requestPointerLock()\n    addEventListeners()\n  }\n\n  setup()\n  return dispose\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\nconst observedElements: Map<Measurable, ObservedData> = new Map()\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\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 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 { 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", "export function waitUntil(predicate: () => boolean) {\n  if (predicate()) return Promise.resolve(true)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      if (predicate()) {\n        globalThis.clearInterval(id)\n        resolve(true)\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", "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: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: MouseEvent | PointerEvent | KeyboardEvent) =>\n  v.ctrlKey || v.altKey || v.metaKey || v.shiftKey\nexport const isCtrlKey = (v: KeyboardEvent) => (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 = { ancestorScroll?: boolean; ancestorResize?: boolean; referenceResize?: boolean }\ntype Ancestors = ReturnType<typeof getOverflowAncestors>\n\nfunction resolveOptions(option: boolean | AutoUpdateOptions) {\n  if (isBoolean(option)) return { ancestorResize: option, ancestorScroll: option, referenceResize: option }\n  return Object.assign({ ancestorResize: true, ancestorScroll: true, referenceResize: true }, option)\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", "import { Middleware, Placement } 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  arrowShadowColor: toVar(\"--arrow-shadow-color\"),\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  boxShadow: toVar(\"--arrow-box-shadow\"),\n}\n\n/* -----------------------------------------------------------------------------\n * Transform Origin Middleware\n * -----------------------------------------------------------------------------*/\n\nconst transforms = {\n  top: \"bottom center\",\n  \"top-start\": \"bottom left\",\n  \"top-end\": \"bottom right\",\n  bottom: \"top center\",\n  \"bottom-start\": \"top left\",\n  \"bottom-end\": \"top right\",\n  left: \"right center\",\n  \"left-start\": \"right top\",\n  \"left-end\": \"right bottom\",\n  right: \"left center\",\n  \"right-start\": \"left top\",\n  \"right-end\": \"left bottom\",\n}\n\nexport const transformOrigin: Middleware = {\n  name: \"transformOrigin\",\n  fn({ placement, elements }) {\n    const { floating } = elements\n    floating.style.setProperty(cssVars.transformOrigin.variable, transforms[placement])\n    return {\n      data: { transformOrigin: transforms[placement] },\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 staticSide = {\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      [staticSide]: cssVars.arrowOffset.reference,\n      [cssVars.boxShadow.variable]: getBoxShadow(placement)!,\n    })\n\n    return {}\n  },\n})\n\nexport function getBoxShadow(placement: Placement) {\n  if (placement.includes(\"top\")) return `1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n  if (placement.includes(\"bottom\")) return `-1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n  if (placement.includes(\"right\")) return `-1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n  if (placement.includes(\"left\")) return `1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`\n}\n", "import { cssVars } from \"./middleware\"\n\ntype Options = {\n  measured: boolean\n  strategy?: \"absolute\" | \"fixed\"\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} as const\n\nexport function getPlacementStyles(options: Options) {\n  const { measured, strategy = \"absolute\" } = 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: \"rotate(45deg)\",\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

@@ -0,0 +1,38 @@
+import { Middleware, Placement } from "@floating-ui/dom";
+export declare const cssVars: {
+    arrowShadowColor: {
+        variable: string;
+        reference: string;
+    };
+    arrowSize: {
+        variable: string;
+        reference: string;
+    };
+    arrowSizeHalf: {
+        variable: string;
+        reference: string;
+    };
+    arrowBg: {
+        variable: string;
+        reference: string;
+    };
+    transformOrigin: {
+        variable: string;
+        reference: string;
+    };
+    arrowOffset: {
+        variable: string;
+        reference: string;
+    };
+    boxShadow: {
+        variable: string;
+        reference: string;
+    };
+};
+export declare const transformOrigin: Middleware;
+declare type ArrowOptions = {
+    element: HTMLElement;
+};
+export declare const shiftArrow: (opts: ArrowOptions) => Middleware;
+export declare function getBoxShadow(placement: Placement): string;
+export {};

package/dist/types.d.ts

@@ -0,0 +1,48 @@
+import type { Boundary, Placement, ComputePositionReturn } from "@floating-ui/dom";
+import { AutoUpdateOptions } from "./auto-update";
+export type { Placement };
+export declare type PositioningOptions = {
+    /**
+     * The strategy to use for positioning
+     */
+    strategy?: "absolute" | "fixed";
+    /**
+     * The initial placement of the floating element
+     */
+    placement?: Placement;
+    /**
+     * The offset of the floating element
+     */
+    offset?: {
+        mainAxis?: number;
+        crossAxis?: number;
+    };
+    /**
+     * The main axis offset or gap between the reference and floating elements
+     */
+    gutter?: number;
+    /**
+     * Whether to flip the placement
+     */
+    flip?: boolean;
+    /**
+     * Whether to make the floating element same width as the reference element
+     */
+    sameWidth?: boolean;
+    /**
+     * The overflow boundary of the reference element
+     */
+    boundary?: Boundary;
+    /**
+     * Options to activate auto-update listeners
+     */
+    listeners?: boolean | AutoUpdateOptions;
+    /**
+     * Function called when the placement is computed
+     */
+    onComplete?(data: ComputePositionReturn): void;
+    /**
+     * Function called on cleanup of all listeners
+     */
+    onCleanup?: VoidFunction;
+};

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@zag-js/popper",
+  "version": "0.0.0-dev-20220406144843",
+  "description": "Dynamic positioning logic for ui machines",
+  "keywords": [
+    "js",
+    "utils",
+    "popper"
+  ],
+  "author": "Segun Adebayo <sage@adebayosegun.com>",
+  "homepage": "https://github.com/chakra-ui/ui-machines#readme",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "repository": "https://github.com/chakra-ui/ui-machines/tree/main/packages/utilities/popper",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "bugs": {
+    "url": "https://github.com/chakra-ui/ui-machines/issues"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^0.4.2",
+    "@zag-js/dom-utils": "^0.0.0-dev-20220406144843",
+    "@zag-js/utils": "^0.0.0-dev-20220406144843"
+  }
+}