@zag-js/popper 0.0.0-dev-20220415160434 → 0.0.0-dev-20220417135151

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- {"version":3,"file":"auto-update.d.ts","sourceRoot":"","sources":["../src/auto-update.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAKnE,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,oBAAY,iBAAiB,GAAG;IAAE,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAAC,eAAe,CAAC,EAAE,OAAO,CAAA;CAAE,CAAA;AAQjH,wBAAgB,UAAU,CACxB,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,MAAM,IAAI,EAClB,OAAO,GAAE,OAAO,GAAG,iBAAyB,qBAyB7C"}
1
+ {"version":3,"file":"auto-update.d.ts","sourceRoot":"","sources":["../src/auto-update.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAKnE,YAAY,EAAE,SAAS,EAAE,CAAA;AAEzB,oBAAY,iBAAiB,GAAG;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAaD,wBAAgB,UAAU,CACxB,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,WAAW,EACrB,MAAM,EAAE,MAAM,IAAI,EAClB,OAAO,GAAE,OAAO,GAAG,iBAAyB,qBAyB7C"}
@@ -1 +1 @@
1
- {"version":3,"file":"get-placement.d.ts","sourceRoot":"","sources":["../src/get-placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAMtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAW5C,wBAAgB,YAAY,CAC1B,SAAS,EAAE,WAAW,GAAG,cAAc,GAAG,IAAI,EAC9C,QAAQ,EAAE,WAAW,GAAG,IAAI,EAC5B,OAAO,GAAE,kBAAuB,qBAkEjC"}
1
+ {"version":3,"file":"get-placement.d.ts","sourceRoot":"","sources":["../src/get-placement.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAKtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAY5C,wBAAgB,YAAY,CAC1B,SAAS,EAAE,WAAW,GAAG,cAAc,GAAG,IAAI,EAC9C,QAAQ,EAAE,WAAW,GAAG,IAAI,EAC5B,OAAO,GAAE,kBAAuB,qBAyGjC"}
package/dist/index.js CHANGED
@@ -41,9 +41,18 @@ module.exports = __toCommonJS(src_exports);
41
41
  // src/get-placement.ts
42
42
  var import_dom2 = require("@floating-ui/dom");
43
43
 
44
- // ../dom/dist/index.mjs
44
+ // ../core/dist/index.mjs
45
45
  var noop = () => {
46
46
  };
47
+ var pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
48
+ var isBoolean = (v) => v === true || v === false;
49
+
50
+ // src/auto-update.ts
51
+ var import_dom = require("@floating-ui/dom");
52
+
53
+ // ../dom/dist/index.mjs
54
+ var noop2 = () => {
55
+ };
47
56
  function getListenerElements() {
48
57
  ;
49
58
  globalThis.__listenerElements__ = globalThis.__listenerElements__ || /* @__PURE__ */ new Map();
@@ -57,7 +66,7 @@ function getListenerCache() {
57
66
  function globalEventBus(node, type, handler, options) {
58
67
  var _a;
59
68
  if (!node)
60
- return noop;
69
+ return noop2;
61
70
  const hash = JSON.stringify({ type, options });
62
71
  const listenerElements = getListenerElements();
63
72
  const listenerCache = getListenerCache();
@@ -113,18 +122,9 @@ function addDomEvent(target, event, listener, options) {
113
122
  const node = isRef(target) ? target.current : runIfFn(target);
114
123
  return globalEventBus(node, event, listener, options);
115
124
  }
116
- function getOwnerDocument(el) {
117
- var _a;
118
- if (isWindow(el))
119
- return el.document;
120
- return (_a = el == null ? void 0 : el.ownerDocument) != null ? _a : document;
121
- }
122
125
  function isHTMLElement(v) {
123
126
  return typeof v === "object" && (v == null ? void 0 : v.nodeType) === Node.ELEMENT_NODE && typeof (v == null ? void 0 : v.nodeName) === "string";
124
127
  }
125
- function isWindow(value) {
126
- return (value == null ? void 0 : value.toString()) === "[object Window]";
127
- }
128
128
  function getObservedElements() {
129
129
  ;
130
130
  globalThis.__rectObserverMap__ = globalThis.__rectObserverMap__ || /* @__PURE__ */ new Map();
@@ -178,18 +178,15 @@ function isEqual(rect1, rect2) {
178
178
  return rect1.width === rect2.width && rect1.height === rect2.height && rect1.top === rect2.top && rect1.right === rect2.right && rect1.bottom === rect2.bottom && rect1.left === rect2.left;
179
179
  }
180
180
 
181
- // ../core/dist/index.mjs
182
- var noop2 = () => {
183
- };
184
- var pipe = (...fns) => (v) => fns.reduce((a, b) => b(a), v);
185
- var isBoolean = (v) => v === true || v === false;
186
-
187
181
  // src/auto-update.ts
188
- var import_dom = require("@floating-ui/dom");
189
182
  function resolveOptions(option) {
190
- if (isBoolean(option))
191
- return { ancestorResize: option, ancestorScroll: option, referenceResize: option };
192
- return Object.assign({ ancestorResize: true, ancestorScroll: true, referenceResize: true }, option);
183
+ var _a, _b, _c;
184
+ const bool = isBoolean(option);
185
+ return {
186
+ ancestorResize: bool ? option : (_a = option.ancestorResize) != null ? _a : true,
187
+ ancestorScroll: bool ? option : (_b = option.ancestorScroll) != null ? _b : true,
188
+ referenceResize: bool ? option : (_c = option.referenceResize) != null ? _c : true
189
+ };
193
190
  }
194
191
  function autoUpdate(reference, floating, update, options = false) {
195
192
  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options);
@@ -215,13 +212,11 @@ function autoUpdate(reference, floating, update, options = false) {
215
212
  // src/middleware.ts
216
213
  var toVar = (value) => ({ variable: value, reference: `var(${value})` });
217
214
  var cssVars = {
218
- arrowShadowColor: toVar("--arrow-shadow-color"),
219
215
  arrowSize: toVar("--arrow-size"),
220
216
  arrowSizeHalf: toVar("--arrow-size-half"),
221
217
  arrowBg: toVar("--arrow-background"),
222
218
  transformOrigin: toVar("--transform-origin"),
223
- arrowOffset: toVar("--arrow-offset"),
224
- boxShadow: toVar("--arrow-box-shadow")
219
+ arrowOffset: toVar("--arrow-offset")
225
220
  };
226
221
  var transforms = {
227
222
  top: "bottom center",
@@ -253,7 +248,7 @@ var shiftArrow = (opts) => ({
253
248
  var _a;
254
249
  const { element: arrow2 } = opts;
255
250
  const { x, y } = (_a = middlewareData.arrow) != null ? _a : { x: 0, y: 0 };
256
- const staticSide = {
251
+ const dir = {
257
252
  top: "bottom",
258
253
  right: "left",
259
254
  bottom: "top",
@@ -262,22 +257,11 @@ var shiftArrow = (opts) => ({
262
257
  Object.assign(arrow2.style, {
263
258
  top: `${y}px`,
264
259
  left: `${x}px`,
265
- [staticSide]: cssVars.arrowOffset.reference,
266
- [cssVars.boxShadow.variable]: getBoxShadow(placement)
260
+ [dir]: cssVars.arrowOffset.reference
267
261
  });
268
262
  return {};
269
263
  }
270
264
  });
271
- function getBoxShadow(placement) {
272
- if (placement.includes("top"))
273
- return `1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
274
- if (placement.includes("bottom"))
275
- return `-1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
276
- if (placement.includes("right"))
277
- return `-1px 1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
278
- if (placement.includes("left"))
279
- return `1px -1px 1px 0 ${cssVars.arrowShadowColor.reference}`;
280
- }
281
265
 
282
266
  // src/get-placement.ts
283
267
  var defaultOptions = {
@@ -286,32 +270,51 @@ var defaultOptions = {
286
270
  listeners: true,
287
271
  gutter: 8,
288
272
  flip: true,
289
- sameWidth: false
273
+ sameWidth: false,
274
+ overflowPadding: 8
290
275
  };
291
276
  function getPlacement(reference, floating, options = {}) {
292
277
  var _a;
293
278
  if (reference == null || floating == null)
294
- return noop2;
279
+ return noop;
295
280
  options = Object.assign({}, defaultOptions, options);
296
281
  const middleware = [transformOrigin];
282
+ const arrowEl = floating.querySelector("[data-part=arrow]");
297
283
  if (options.flip) {
298
- middleware.push((0, import_dom2.flip)({ boundary: options.boundary, padding: 8 }));
284
+ middleware.push((0, import_dom2.flip)({
285
+ boundary: options.boundary,
286
+ padding: options.overflowPadding
287
+ }));
299
288
  }
300
289
  if (options.gutter || options.offset) {
290
+ const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0;
301
291
  const data = options.gutter ? { mainAxis: options.gutter } : options.offset;
292
+ if ((data == null ? void 0 : data.mainAxis) != null)
293
+ data.mainAxis += arrowOffset;
302
294
  middleware.push((0, import_dom2.offset)(data));
303
295
  }
304
- middleware.push((0, import_dom2.shift)({ boundary: options.boundary }));
305
- const doc = getOwnerDocument(floating);
306
- const arrowEl = doc.querySelector("[data-part=arrow]");
296
+ middleware.push((0, import_dom2.shift)({
297
+ boundary: options.boundary,
298
+ crossAxis: options.overlap,
299
+ padding: options.overflowPadding
300
+ }));
307
301
  if (arrowEl) {
308
302
  middleware.push((0, import_dom2.arrow)({ element: arrowEl, padding: 8 }), shiftArrow({ element: arrowEl }));
309
303
  }
310
- if (options.sameWidth) {
304
+ if (options.sameWidth || options.fitViewport) {
311
305
  middleware.push((0, import_dom2.size)({
306
+ padding: options.overflowPadding,
312
307
  apply(data) {
313
- const { width } = data.reference;
314
- Object.assign(floating.style, { width: `${width}px`, minWidth: "unset" });
308
+ const { reference: reference2, height, width } = data;
309
+ if (options.sameWidth) {
310
+ Object.assign(floating.style, { width: `${reference2.width}px` });
311
+ }
312
+ if (options.fitViewport) {
313
+ Object.assign(floating.style, {
314
+ maxWidth: `${width}px`,
315
+ maxHeight: `${height}px`
316
+ });
317
+ }
315
318
  }
316
319
  }));
317
320
  }
@@ -319,9 +322,19 @@ function getPlacement(reference, floating, options = {}) {
319
322
  if (reference == null || floating == null)
320
323
  return;
321
324
  const { placement, strategy } = options;
322
- (0, import_dom2.computePosition)(reference, floating, { placement, middleware, strategy }).then((data) => {
323
- const { x, y, strategy: strategy2 } = data;
324
- Object.assign(floating.style, { left: `${x}px`, top: `${y}px`, position: strategy2 });
325
+ (0, import_dom2.computePosition)(reference, floating, {
326
+ placement,
327
+ middleware,
328
+ strategy
329
+ }).then((data) => {
330
+ const x = Math.round(data.x);
331
+ const y = Math.round(data.y);
332
+ Object.assign(floating.style, {
333
+ position: data.strategy,
334
+ top: "0",
335
+ left: "0",
336
+ transform: `translate3d(${x}px, ${y}px, 0)`
337
+ });
325
338
  return data;
326
339
  }).then((data) => {
327
340
  var _a2;
@@ -329,7 +342,7 @@ function getPlacement(reference, floating, options = {}) {
329
342
  });
330
343
  }
331
344
  compute();
332
- return pipe(autoUpdate(reference, floating, compute, options.listeners), (_a = options.onCleanup) != null ? _a : noop2);
345
+ return pipe(autoUpdate(reference, floating, compute, options.listeners), (_a = options.onCleanup) != null ? _a : noop);
333
346
  }
334
347
 
335
348
  // src/get-styles.ts
package/dist/index.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
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/form.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"],
4
- "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\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n if (!el) return {} as Styles\n const cache = getStyleCache()\n let style: Styles | undefined = cache.get(el)\n if (!style) {\n const win = el?.ownerDocument.defaultView ?? window\n style = win.getComputedStyle(el) as Styles\n cache.set(el, style)\n }\n return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n if (!fromEl) return\n const el = getComputedStyle(fromEl)\n // prettier-ignore\n const cssText = 'box-sizing:' + el.boxSizing +\n ';border-left:' + el.borderLeftWidth + ' solid red' +\n ';border-right:' + el.borderRightWidth + ' solid red' +\n ';font-family:' + el.fontFamily +\n ';font-feature-settings:' + el.fontFeatureSettings +\n ';font-kerning:' + el.fontKerning +\n ';font-size:' + el.fontSize +\n ';font-stretch:' + el.fontStretch +\n ';font-style:' + el.fontStyle +\n ';font-variant:' + el.fontVariant +\n ';font-variant-caps:' + el.fontVariantCaps +\n ';font-variant-ligatures:' + el.fontVariantLigatures +\n ';font-variant-numeric:' + el.fontVariantNumeric +\n ';font-weight:' + el.fontWeight +\n ';letter-spacing:' + el.letterSpacing +\n ';margin-left:' + el.marginLeft +\n ';margin-right:' + el.marginRight +\n ';padding-left:' + el.paddingLeft +\n ';padding-right:' + el.paddingRight +\n ';text-indent:' + el.textIndent +\n ';text-transform:' + el.textTransform\n\n toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n const set = new Set<VoidFunction>()\n function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n set.add(() => globalThis.cancelAnimationFrame(id))\n }\n raf(() => raf(fn))\n return function cleanup() {\n set.forEach(function (fn) {\n fn()\n })\n }\n}\n\nexport function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n return function cleanup() {\n globalThis.cancelAnimationFrame(id)\n }\n}\n\nexport function forceReflow() {\n return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n var el = doc.createElement(\"div\")\n el.id = \"ghost\"\n el.style.cssText =\n \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n doc.body.appendChild(el)\n return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n if (!input) return\n const doc = input.ownerDocument ?? document\n const ghost = createGhostElement(doc)\n\n copyVisualStyles(input, ghost)\n\n function resize() {\n raf(() => {\n ghost.innerHTML = input!.value\n const rect = getComputedStyle(ghost)\n input?.style.setProperty(\"width\", rect.width)\n })\n }\n\n resize()\n\n input?.addEventListener(\"input\", resize)\n input?.addEventListener(\"change\", resize)\n\n return () => {\n doc.body.removeChild(ghost)\n input?.removeEventListener(\"input\", resize)\n input?.removeEventListener(\"change\", resize)\n }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n if (!v) return []\n return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n if (i > -1) v.splice(i, 1)\n return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n while (v.length > 0) v.pop()\n return v\n}\n\nexport type IndexOptions = {\n step?: number\n loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n const next = idx + step\n const len = v.length\n const last = len - 1\n if (idx === -1) return step > 0 ? 0 : last\n if (next < 0) return loop ? last : 0\n if (next >= len) return loop ? 0 : idx > len ? len : idx\n return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n const res: T[][] = []\n return v.reduce((rows, value, index) => {\n if (index % size === 0) rows.push([value])\n else last(rows)?.push(value)\n return rows\n }, res)\n}\n", "export const runIfFn = <T>(\n v: T | undefined,\n ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n const res = typeof v === \"function\" ? v(...a) : v\n return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n <T>(...fns: Array<(a: T) => T>) =>\n (v: T) =>\n fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n (...a: Parameters<T>) => {\n fns.forEach(function (fn) {\n fn?.(...a)\n })\n }\n\nexport const uuid = /*#__PURE__*/ (() => {\n let id = 0\n return () => {\n id++\n return id.toString(36)\n }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n if (!(typeof patch === \"object\")) return patch as any\n const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n for (const key of Object.keys(patch)) {\n const value = patch[key]\n const src = result[key]\n if (value === null) delete result[key]\n else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n else result[key] = merge(src, value)\n }\n return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: 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\nfunction getListenerElements(): Map<El, Group> {\n ;(globalThis as any).__listenerElements__ = (globalThis as any).__listenerElements__ || new Map()\n return (globalThis as any).__listenerElements__\n}\n\nfunction getListenerCache(): Map<El, Map<string, Handler>> {\n ;(globalThis as any).__listenerCache__ = (globalThis as any).__listenerCache__ || new Map()\n return (globalThis as any).__listenerCache__\n}\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n if (!node) return noop\n\n // unique identifier for the event listener\n const hash = JSON.stringify({ type, options })\n\n // Subscribe pattern\n const listenerElements = getListenerElements()\n const listenerCache = getListenerCache()\n\n const group = listenerElements.get(node)\n\n if (!listenerElements.has(node)) {\n // create group of listeners per hash\n const group: Group = new Map([[hash, new Set([handler])]])\n listenerElements.set(node, group)\n } else if (group?.has(hash)) {\n group?.get(hash)?.add(handler)\n } else {\n group?.set(hash, new Set([handler]))\n }\n\n // add the event listener to the node or register it in the cache\n function attach(node: El) {\n // Publish pattern\n function listener(event: Event) {\n const group = listenerElements.get(node)\n group?.get(hash)?.forEach((fn) => fn(event))\n }\n\n if (!listenerCache?.has(node)) {\n listenerCache.set(node, new Map([[hash, listener]]))\n node.addEventListener(type, listener, options)\n return\n }\n\n if (!listenerCache?.get(node)?.has(hash)) {\n listenerCache.get(node)?.set(hash, listener)\n node.addEventListener(type, listener, options)\n }\n }\n\n attach(node)\n\n return function remove() {\n if (!listenerElements.has(node)) return\n\n const group = listenerElements.get(node)\n group?.get(hash)?.delete(handler)\n\n if (group?.get(hash)?.size === 0) {\n const listener = listenerCache.get(node)?.get(hash)!\n node.removeEventListener(type, listener, options)\n group?.delete(hash)\n listenerCache.get(node)?.delete(hash)\n\n if (group?.size === 0) {\n listenerElements.delete(node)\n listenerCache.delete(node)\n }\n }\n }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n AnyPointerEvent,\n DOMEventTarget,\n EventMap,\n PointerEventInfo,\n PointerNameMap,\n RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n return {\n point: {\n x: point[`${type}X`],\n y: point[`${type}Y`],\n },\n }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const node = isRef(target) ? target.current : runIfFn(target)\n return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K], info: PointerEventInfo) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const type = getEventName(event) ?? event\n return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n fn: (event: E, info: PointerEventInfo) => void,\n filter = false,\n) {\n const listener: EventListener = (event: any) => {\n fn(event, extractInfo(event))\n }\n return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n return (event: Event) => {\n const win = ((event as UIEvent).view ?? window) as typeof window\n const isMouseEvent = event instanceof win.MouseEvent\n const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n if (isPrimary) fn(event)\n }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n pointerdown: \"mousedown\",\n pointermove: \"mousemove\",\n pointerup: \"mouseup\",\n pointercancel: \"mousecancel\",\n pointerover: \"mouseover\",\n pointerout: \"mouseout\",\n pointerenter: \"mouseenter\",\n pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n pointerdown: \"touchstart\",\n pointermove: \"touchmove\",\n pointerup: \"touchend\",\n pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n if (supportsPointerEvent()) return evt\n if (supportsTouchEvent()) return touchEventNames[evt]\n if (supportsMouseEvent()) return mouseEventNames[evt]\n return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n disabled: boolean\n document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n const { disabled = false, document: docProp } = opts\n const doc: Document = docProp || document\n\n let isTouchOrPenPressed = false\n let isLeftClickPressed = false\n\n function listen() {\n const onPointerDown = (event: PointerEvent) => {\n const isMouse = event.pointerType === \"mouse\"\n isTouchOrPenPressed = !isMouse\n isLeftClickPressed = isMouse && isLeftClick(event)\n }\n\n const onPointerUp = () => {\n isTouchOrPenPressed = false\n isLeftClickPressed = false\n }\n\n // prettier-ignore\n return pipe(\n addDomEvent(doc, \"pointerdown\", onPointerDown),\n addDomEvent(doc,\"pointerup\", onPointerUp)\n )\n }\n\n function reset() {\n changeCount--\n if (changeCount === 0) {\n doc.body.style.pointerEvents = originalBodyPointerEvents\n }\n if (el) {\n el.style.pointerEvents = \"\"\n }\n }\n\n function apply() {\n if (disabled) return\n\n if (changeCount === 0) {\n originalBodyPointerEvents = doc.body.style.pointerEvents\n }\n\n doc.body.style.pointerEvents = \"none\"\n if (el) {\n el.style.pointerEvents = \"auto\"\n }\n\n changeCount++\n\n return function () {\n if (isTouchOrPenPressed) {\n addDomEvent(doc, \"click\", reset, { once: true })\n } else if (isLeftClickPressed) {\n addDomEvent(doc, \"pointerup\", reset, { once: true })\n } else {\n reset()\n }\n }\n }\n\n const cleanups: Array<VoidFunction | undefined> = []\n cleanups.push(apply())\n nextTick(() => {\n cleanups.push(listen())\n })\n\n return function () {\n cleanups.forEach((cleanup) => cleanup?.())\n }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n disabled?: boolean\n allowPinchZoom?: boolean\n document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n const doc = docProp ?? document\n const win = doc?.defaultView ?? window\n\n const viewport = isDom() ? win.visualViewport : null\n const docEl = doc.documentElement\n\n function preventScrollStandard() {\n 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\ntype DescriptorOptions = {\n type: \"input\" | \"textarea\"\n property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n const { type, property } = options\n const win = getOwnerWindow(el)\n const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n const proto = win[_type].prototype\n return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n desc.set?.call(el, value)\n const event = new win.Event(\"input\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n desc.set?.call(el, checked)\n const event = new win.Event(\"click\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n el: HTMLInputElement | null,\n options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n const { fn, property, type } = options\n\n if (!fn || !el) return\n\n const { get, set } = getDescriptor(el, { property, type })\n\n let run = true\n\n Object.defineProperty(el, property, {\n get() {\n return get?.call(this)\n },\n set(value: string) {\n if (run) fn(value)\n return set?.call(this, value)\n },\n })\n\n return function () {\n run = false\n }\n}\n", "/**\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", "export function getClosestFormElement(el: HTMLElement) {\n if (isFormElement(el)) return el.form\n else return el.closest(\"form\")\n}\n\nfunction isFormElement(el: HTMLElement): el is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement {\n return [\"textarea\", \"input\", \"select\", \"button\"].includes(el.localName)\n}\n\nexport function trackFormReset(el: HTMLElement | null | undefined, callback: () => void) {\n if (!el) return\n const form = getClosestFormElement(el)\n form?.addEventListener(\"reset\", callback, { passive: true })\n return () => {\n form?.removeEventListener(\"reset\", callback)\n }\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", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n onPointerLock?: VoidFunction\n onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n doc.addEventListener(\"pointerlockerror\", fn, false)\n return function cleanup() {\n doc.removeEventListener(\"pointerlockerror\", fn, false)\n }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n const { onPointerLock, onPointerUnlock } = handlers\n const body = doc.body\n\n const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n const locked = !!doc.pointerLockElement\n\n function onPointerChange() {\n if (locked) onPointerLock?.()\n else onPointerUnlock?.()\n }\n\n function onPointerError(event: Event) {\n if (locked) onPointerUnlock?.()\n console.error(\"PointerLock error occured:\", event)\n exit()\n }\n\n function exit() {\n doc.exitPointerLock()\n }\n\n if (!supported) return\n\n body.requestPointerLock()\n\n const cleanup = pipe(\n addPointerlockChangeListener(doc, onPointerChange),\n addPointerlockErrorListener(doc, onPointerError),\n )\n\n return function dispose() {\n if (!supported) return\n cleanup()\n exit()\n }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n const observedElements = getObservedElements()\n\n const data = observedElements.get(el)\n\n if (!data) {\n observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n if (observedElements.size === 1) {\n rafId = requestAnimationFrame(runLoop)\n }\n } else {\n data.callbacks.push(fn)\n fn(el.getBoundingClientRect())\n }\n\n return function unobserve() {\n const data = observedElements.get(el)\n if (!data) return\n\n const index = data.callbacks.indexOf(fn)\n if (index > -1) {\n data.callbacks.splice(index, 1)\n }\n\n if (data.callbacks.length === 0) {\n observedElements.delete(el)\n\n if (observedElements.size === 0) {\n cancelAnimationFrame(rafId)\n }\n }\n }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n const observedElements = getObservedElements()\n\n const changedRectsData: Array<ObservedData> = []\n\n observedElements.forEach((data, element) => {\n const newRect = element.getBoundingClientRect()\n\n if (!isEqual(data.rect, newRect)) {\n data.rect = newRect\n changedRectsData.push(data)\n }\n })\n\n changedRectsData.forEach((data) => {\n data.callbacks.forEach((callback) => callback(data.rect))\n })\n\n rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n return (\n rect1.width === rect2.width &&\n rect1.height === rect2.height &&\n rect1.top === rect2.top &&\n rect1.right === rect2.right &&\n rect1.bottom === rect2.bottom &&\n rect1.left === rect2.left\n )\n}\n", "import { 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 waitFor<T>(predicate: () => T): Promise<T> {\n let value = predicate()\n if (!!value) return Promise.resolve(value)\n return new Promise((resolve) => {\n const id = globalThis.setInterval(function () {\n let value = predicate()\n if (value) {\n globalThis.clearInterval(id)\n resolve(value)\n }\n }, 0)\n })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n return new Promise<void>((resolve) => {\n function done(event: Event) {\n if (event.target === el) {\n el.removeEventListener(eventName, done)\n resolve()\n }\n }\n\n el.addEventListener(eventName, done)\n })\n}\n", "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 pointerEvents: \"none\",\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"],
5
- "mappings": "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",
3
+ "sources": ["../src/index.ts", "../src/get-placement.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../src/auto-update.ts", "../../dom/src/attrs.ts", "../../dom/src/computed-style.ts", "../../dom/src/next-tick.ts", "../../dom/src/auto-resize.ts", "../../core/src/array.ts", "../../core/src/functions.ts", "../../core/src/guard.ts", "../../core/src/warning.ts", "../../dom/src/event-bus.ts", "../../dom/src/listener.ts", "../../dom/src/body-pointer-event.ts", "../../dom/src/body-scroll-lock.ts", "../../dom/src/query.ts", "../../dom/src/scrollable.ts", "../../dom/src/constants.ts", "../../dom/src/dispatch-event.ts", "../../dom/src/focus-event.ts", "../../dom/src/focusable.ts", "../../dom/src/form.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", "../src/middleware.ts", "../src/get-styles.ts"],
4
+ "sourcesContent": ["export { getPlacement } from \"./get-placement\"\nexport { getPlacementStyles } from \"./get-styles\"\nexport type { Placement, PositioningOptions } from \"./types\"\n", "import type { VirtualElement } from \"@floating-ui/dom\"\nimport { arrow, computePosition, flip, Middleware, offset, shift, size } from \"@floating-ui/dom\"\nimport { noop, pipe } from \"@zag-js/utils\"\nimport { autoUpdate } from \"./auto-update\"\nimport { shiftArrow, transformOrigin } from \"./middleware\"\nimport { PositioningOptions } from \"./types\"\n\nconst defaultOptions: PositioningOptions = {\n strategy: \"absolute\",\n placement: \"bottom\",\n listeners: true,\n gutter: 8,\n flip: true,\n sameWidth: false,\n overflowPadding: 8,\n}\n\nexport function getPlacement(\n reference: HTMLElement | VirtualElement | null,\n floating: HTMLElement | null,\n options: PositioningOptions = {},\n) {\n if (reference == null || floating == null) return noop\n\n options = Object.assign({}, defaultOptions, options)\n\n /* -----------------------------------------------------------------------------\n * The middleware stack\n * -----------------------------------------------------------------------------*/\n\n const middleware: Middleware[] = [transformOrigin]\n const arrowEl = floating.querySelector<HTMLElement>(\"[data-part=arrow]\")\n\n if (options.flip) {\n middleware.push(\n flip({\n boundary: options.boundary,\n padding: options.overflowPadding,\n }),\n )\n }\n\n if (options.gutter || options.offset) {\n const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0\n const data = options.gutter ? { mainAxis: options.gutter } : options.offset\n if (data?.mainAxis != null) data.mainAxis += arrowOffset\n middleware.push(offset(data))\n }\n\n middleware.push(\n shift({\n boundary: options.boundary,\n crossAxis: options.overlap,\n padding: options.overflowPadding,\n }),\n )\n\n if (arrowEl) {\n // prettier-ignore\n middleware.push(\n arrow({ element: arrowEl, padding: 8 }),\n shiftArrow({ element: arrowEl })\n )\n }\n\n if (options.sameWidth || options.fitViewport) {\n middleware.push(\n size({\n padding: options.overflowPadding,\n apply(data) {\n const { reference, height, width } = data\n\n if (options.sameWidth) {\n Object.assign(floating.style, { width: `${reference.width}px` })\n }\n\n if (options.fitViewport) {\n Object.assign(floating.style, {\n maxWidth: `${width}px`,\n maxHeight: `${height}px`,\n })\n }\n },\n }),\n )\n }\n\n /* -----------------------------------------------------------------------------\n * The actual positioning function\n * -----------------------------------------------------------------------------*/\n\n function compute() {\n if (reference == null || floating == null) return\n const { placement, strategy } = options\n\n computePosition(reference, floating, {\n placement,\n middleware,\n strategy,\n })\n .then((data) => {\n const x = Math.round(data.x)\n const y = Math.round(data.y)\n\n Object.assign(floating.style, {\n position: data.strategy,\n top: \"0\",\n left: \"0\",\n transform: `translate3d(${x}px, ${y}px, 0)`,\n })\n\n return data\n })\n .then((data) => {\n options.onComplete?.(data)\n })\n }\n\n compute()\n\n // prettier-ignore\n return pipe(\n autoUpdate(reference, floating, compute, options.listeners),\n options.onCleanup ?? noop\n )\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n if (!v) return []\n return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n if (i > -1) v.splice(i, 1)\n return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n while (v.length > 0) v.pop()\n return v\n}\n\nexport type IndexOptions = {\n step?: number\n loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n const next = idx + step\n const len = v.length\n const last = len - 1\n if (idx === -1) return step > 0 ? 0 : last\n if (next < 0) return loop ? last : 0\n if (next >= len) return loop ? 0 : idx > len ? len : idx\n return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n const res: T[][] = []\n return v.reduce((rows, value, index) => {\n if (index % size === 0) rows.push([value])\n else last(rows)?.push(value)\n return rows\n }, res)\n}\n", "export const runIfFn = <T>(\n v: T | undefined,\n ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n const res = typeof v === \"function\" ? v(...a) : v\n return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n <T>(...fns: Array<(a: T) => T>) =>\n (v: T) =>\n fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n (...a: Parameters<T>) => {\n fns.forEach(function (fn) {\n fn?.(...a)\n })\n }\n\nexport const uuid = /*#__PURE__*/ (() => {\n let id = 0\n return () => {\n id++\n return id.toString(36)\n }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n if (!(typeof patch === \"object\")) return patch as any\n const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n for (const key of Object.keys(patch)) {\n const value = patch[key]\n const src = result[key]\n if (value === null) delete result[key]\n else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n else result[key] = merge(src, value)\n }\n return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: 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 = {\n ancestorScroll?: boolean\n ancestorResize?: boolean\n referenceResize?: boolean\n}\n\ntype Ancestors = ReturnType<typeof getOverflowAncestors>\n\nfunction resolveOptions(option: boolean | AutoUpdateOptions) {\n const bool = isBoolean(option)\n return {\n ancestorResize: bool ? option : option.ancestorResize ?? true,\n ancestorScroll: bool ? option : option.ancestorScroll ?? true,\n referenceResize: bool ? option : option.referenceResize ?? true,\n }\n}\n\nexport function autoUpdate(\n reference: ReferenceElement,\n floating: HTMLElement,\n update: () => void,\n options: boolean | AutoUpdateOptions = false,\n) {\n const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options)\n\n const useAncestors = ancestorScroll || ancestorResize\n const ancestors: Ancestors = []\n\n if (useAncestors && isHTMLElement(reference)) {\n ancestors.push(...getOverflowAncestors(reference))\n }\n\n function addResizeListeners() {\n let cleanups: VoidFunction[] = [observeElementRect(floating, update)]\n if (referenceResize && isHTMLElement(reference)) {\n cleanups.push(observeElementRect(reference, update))\n }\n cleanups.push(pipe(...ancestors.map((el: any) => addDomEvent(el, \"resize\", update))))\n return () => cleanups.forEach((fn) => fn())\n }\n\n function addScrollListeners() {\n return pipe(...ancestors.map((el: any) => addDomEvent(el, \"scroll\", update, { passive: true })))\n }\n\n return pipe(addResizeListeners(), addScrollListeners())\n}\n", "type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n return guard ? true : undefined\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n if (!el) return {} as Styles\n const cache = getStyleCache()\n let style: Styles | undefined = cache.get(el)\n if (!style) {\n const win = el?.ownerDocument.defaultView ?? window\n style = win.getComputedStyle(el) as Styles\n cache.set(el, style)\n }\n return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n if (!fromEl) return\n const el = getComputedStyle(fromEl)\n // prettier-ignore\n const cssText = 'box-sizing:' + el.boxSizing +\n ';border-left:' + el.borderLeftWidth + ' solid red' +\n ';border-right:' + el.borderRightWidth + ' solid red' +\n ';font-family:' + el.fontFamily +\n ';font-feature-settings:' + el.fontFeatureSettings +\n ';font-kerning:' + el.fontKerning +\n ';font-size:' + el.fontSize +\n ';font-stretch:' + el.fontStretch +\n ';font-style:' + el.fontStyle +\n ';font-variant:' + el.fontVariant +\n ';font-variant-caps:' + el.fontVariantCaps +\n ';font-variant-ligatures:' + el.fontVariantLigatures +\n ';font-variant-numeric:' + el.fontVariantNumeric +\n ';font-weight:' + el.fontWeight +\n ';letter-spacing:' + el.letterSpacing +\n ';margin-left:' + el.marginLeft +\n ';margin-right:' + el.marginRight +\n ';padding-left:' + el.paddingLeft +\n ';padding-right:' + el.paddingRight +\n ';text-indent:' + el.textIndent +\n ';text-transform:' + el.textTransform\n\n toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n const set = new Set<VoidFunction>()\n function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n set.add(() => globalThis.cancelAnimationFrame(id))\n }\n raf(() => raf(fn))\n return function cleanup() {\n set.forEach(function (fn) {\n fn()\n })\n }\n}\n\nexport function raf(fn: VoidFunction) {\n const id = globalThis.requestAnimationFrame(fn)\n return function cleanup() {\n globalThis.cancelAnimationFrame(id)\n }\n}\n\nexport function forceReflow() {\n return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n var el = doc.createElement(\"div\")\n el.id = \"ghost\"\n el.style.cssText =\n \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n doc.body.appendChild(el)\n return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n if (!input) return\n const doc = input.ownerDocument ?? document\n const ghost = createGhostElement(doc)\n\n copyVisualStyles(input, ghost)\n\n function resize() {\n raf(() => {\n ghost.innerHTML = input!.value\n const rect = getComputedStyle(ghost)\n input?.style.setProperty(\"width\", rect.width)\n })\n }\n\n resize()\n\n input?.addEventListener(\"input\", resize)\n input?.addEventListener(\"change\", resize)\n\n return () => {\n doc.body.removeChild(ghost)\n input?.removeEventListener(\"input\", resize)\n input?.removeEventListener(\"change\", resize)\n }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n if (!v) return []\n return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n if (i > -1) v.splice(i, 1)\n return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n while (v.length > 0) v.pop()\n return v\n}\n\nexport type IndexOptions = {\n step?: number\n loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n const next = idx + step\n const len = v.length\n const last = len - 1\n if (idx === -1) return step > 0 ? 0 : last\n if (next < 0) return loop ? last : 0\n if (next >= len) return loop ? 0 : idx > len ? len : idx\n return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n const { step = 1, loop = true } = opts\n return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n const res: T[][] = []\n return v.reduce((rows, value, index) => {\n if (index % size === 0) rows.push([value])\n else last(rows)?.push(value)\n return rows\n }, res)\n}\n", "export const runIfFn = <T>(\n v: T | undefined,\n ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n const res = typeof v === \"function\" ? v(...a) : v\n return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n <T>(...fns: Array<(a: T) => T>) =>\n (v: T) =>\n fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n (...a: Parameters<T>) => {\n fns.forEach(function (fn) {\n fn?.(...a)\n })\n }\n\nexport const uuid = /*#__PURE__*/ (() => {\n let id = 0\n return () => {\n id++\n return id.toString(36)\n }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n if (!(typeof patch === \"object\")) return patch as any\n const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n for (const key of Object.keys(patch)) {\n const value = patch[key]\n const src = result[key]\n if (value === null) delete result[key]\n else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n else result[key] = merge(src, value)\n }\n return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: 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\nfunction getListenerElements(): Map<El, Group> {\n ;(globalThis as any).__listenerElements__ = (globalThis as any).__listenerElements__ || new Map()\n return (globalThis as any).__listenerElements__\n}\n\nfunction getListenerCache(): Map<El, Map<string, Handler>> {\n ;(globalThis as any).__listenerCache__ = (globalThis as any).__listenerCache__ || new Map()\n return (globalThis as any).__listenerCache__\n}\n\n/**\n * The global event bus for managing event listeners attached to DOM elements.\n *\n * It's goal is to ensure that only one listener is attached to a DOM element for a given event,\n * regardless of the number of times `addEventListener` is called.\n */\n\nexport function globalEventBus(node: El | null, type: string, handler: Handler, options?: Option) {\n if (!node) return noop\n\n // unique identifier for the event listener\n const hash = JSON.stringify({ type, options })\n\n // Subscribe pattern\n const listenerElements = getListenerElements()\n const listenerCache = getListenerCache()\n\n const group = listenerElements.get(node)\n\n if (!listenerElements.has(node)) {\n // create group of listeners per hash\n const group: Group = new Map([[hash, new Set([handler])]])\n listenerElements.set(node, group)\n } else if (group?.has(hash)) {\n group?.get(hash)?.add(handler)\n } else {\n group?.set(hash, new Set([handler]))\n }\n\n // add the event listener to the node or register it in the cache\n function attach(node: El) {\n // Publish pattern\n function listener(event: Event) {\n const group = listenerElements.get(node)\n group?.get(hash)?.forEach((fn) => fn(event))\n }\n\n if (!listenerCache?.has(node)) {\n listenerCache.set(node, new Map([[hash, listener]]))\n node.addEventListener(type, listener, options)\n return\n }\n\n if (!listenerCache?.get(node)?.has(hash)) {\n listenerCache.get(node)?.set(hash, listener)\n node.addEventListener(type, listener, options)\n }\n }\n\n attach(node)\n\n return function remove() {\n if (!listenerElements.has(node)) return\n\n const group = listenerElements.get(node)\n group?.get(hash)?.delete(handler)\n\n if (group?.get(hash)?.size === 0) {\n const listener = listenerCache.get(node)?.get(hash)!\n node.removeEventListener(type, listener, options)\n group?.delete(hash)\n listenerCache.get(node)?.delete(hash)\n\n if (group?.size === 0) {\n listenerElements.delete(node)\n listenerCache.delete(node)\n }\n }\n }\n}\n", "import { globalEventBus } from \"./event-bus\"\nimport {\n AnyPointerEvent,\n DOMEventTarget,\n EventMap,\n PointerEventInfo,\n PointerNameMap,\n RefTarget,\n} from \"./listener.types\"\n\nconst t = (v: any) => Object.prototype.toString.call(v).slice(8, -1)\nconst isRef = (v: any): v is RefTarget => t(v) === \"Object\" && \"current\" in v\nconst runIfFn = (fn: any): HTMLElement | null => (t(fn) === \"Function\" ? fn() : fn)\nconst isTouchEvent = (v: Event): v is TouchEvent => t(v) === \"Object\" && !!(v as TouchEvent).touches\n\nconst fallback = { pageX: 0, pageY: 0, clientX: 0, clientY: 0 }\n\nexport function extractInfo<T extends AnyPointerEvent = AnyPointerEvent>(event: T, type: \"page\" | \"client\" = \"page\") {\n const point = isTouchEvent(event) ? event.touches[0] || event.changedTouches[0] || fallback : event\n return {\n point: {\n x: point[`${type}X`],\n y: point[`${type}Y`],\n },\n }\n}\n\nexport function addDomEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K]) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const node = isRef(target) ? target.current : runIfFn(target)\n return globalEventBus(node, event, listener as any, options)\n}\n\nexport function addPointerEvent<K extends keyof EventMap>(\n target: DOMEventTarget,\n event: K,\n listener: (event: EventMap[K], info: PointerEventInfo) => void,\n options?: boolean | AddEventListenerOptions,\n) {\n const type = getEventName(event) ?? event\n return addDomEvent(target, type, wrapHandler(listener, event === \"pointerdown\"), options)\n}\n\nfunction wrapHandler<E extends EventMap[keyof EventMap]>(\n fn: (event: E, info: PointerEventInfo) => void,\n filter = false,\n) {\n const listener: EventListener = (event: any) => {\n fn(event, extractInfo(event))\n }\n return filter ? filterPrimaryPointer(listener) : listener\n}\n\nfunction filterPrimaryPointer(fn: EventListener): EventListener {\n return (event: Event) => {\n const win = ((event as UIEvent).view ?? window) as typeof window\n const isMouseEvent = event instanceof win.MouseEvent\n const isPrimary = !isMouseEvent || (isMouseEvent && (event as MouseEvent).button === 0)\n if (isPrimary) fn(event)\n }\n}\n\nexport function extractClientInfo(event: AnyPointerEvent) {\n return extractInfo(event, \"client\")\n}\n\nconst supportsPointerEvent = () => typeof window !== \"undefined\" && window.onpointerdown === null\nconst supportsTouchEvent = () => typeof window !== \"undefined\" && window.ontouchstart === null\nconst supportsMouseEvent = () => typeof window !== \"undefined\" && window.onmousedown === null\n\nconst mouseEventNames: PointerNameMap = {\n pointerdown: \"mousedown\",\n pointermove: \"mousemove\",\n pointerup: \"mouseup\",\n pointercancel: \"mousecancel\",\n pointerover: \"mouseover\",\n pointerout: \"mouseout\",\n pointerenter: \"mouseenter\",\n pointerleave: \"mouseleave\",\n}\n\nconst touchEventNames: PointerNameMap = {\n pointerdown: \"touchstart\",\n pointermove: \"touchmove\",\n pointerup: \"touchend\",\n pointercancel: \"touchcancel\",\n}\n\nexport function getEventName(evt: keyof EventMap): keyof EventMap {\n if (supportsPointerEvent()) return evt\n if (supportsTouchEvent()) return touchEventNames[evt]\n if (supportsMouseEvent()) return mouseEventNames[evt]\n return evt\n}\n", "import { isLeftClick, pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\nimport { nextTick } from \"./next-tick\"\n\nlet changeCount = 0\nlet originalBodyPointerEvents: string\n\ntype PointerEventOptions = {\n disabled: boolean\n document?: Document\n}\n\nexport function preventBodyPointerEvents(el: HTMLElement | null, opts: Partial<PointerEventOptions> = {}) {\n const { disabled = false, document: docProp } = opts\n const doc: Document = docProp || document\n\n let isTouchOrPenPressed = false\n let isLeftClickPressed = false\n\n function listen() {\n const onPointerDown = (event: PointerEvent) => {\n const isMouse = event.pointerType === \"mouse\"\n isTouchOrPenPressed = !isMouse\n isLeftClickPressed = isMouse && isLeftClick(event)\n }\n\n const onPointerUp = () => {\n isTouchOrPenPressed = false\n isLeftClickPressed = false\n }\n\n // prettier-ignore\n return pipe(\n addDomEvent(doc, \"pointerdown\", onPointerDown),\n addDomEvent(doc,\"pointerup\", onPointerUp)\n )\n }\n\n function reset() {\n changeCount--\n if (changeCount === 0) {\n doc.body.style.pointerEvents = originalBodyPointerEvents\n }\n if (el) {\n el.style.pointerEvents = \"\"\n }\n }\n\n function apply() {\n if (disabled) return\n\n if (changeCount === 0) {\n originalBodyPointerEvents = doc.body.style.pointerEvents\n }\n\n doc.body.style.pointerEvents = \"none\"\n if (el) {\n el.style.pointerEvents = \"auto\"\n }\n\n changeCount++\n\n return function () {\n if (isTouchOrPenPressed) {\n addDomEvent(doc, \"click\", reset, { once: true })\n } else if (isLeftClickPressed) {\n addDomEvent(doc, \"pointerup\", reset, { once: true })\n } else {\n reset()\n }\n }\n }\n\n const cleanups: Array<VoidFunction | undefined> = []\n cleanups.push(apply())\n nextTick(() => {\n cleanups.push(listen())\n })\n\n return function () {\n cleanups.forEach((cleanup) => cleanup?.())\n }\n}\n", "import { isDom, isIos, noop, pipe } from \"@zag-js/utils\"\nimport scrollIntoView from \"scroll-into-view-if-needed\"\nimport { addDomEvent } from \"./listener\"\nimport { getScrollParent } from \"./scrollable\"\n\ninterface PreventScrollOptions {\n disabled?: boolean\n allowPinchZoom?: boolean\n document?: Document\n}\n\n// HTML input types that do not cause the software keyboard to appear.\nconst nonTextInputTypes = new Set([\"checkbox\", \"radio\", \"range\", \"color\", \"file\", \"image\", \"button\", \"submit\", \"reset\"])\n\nexport function preventBodyScroll(opts?: PreventScrollOptions) {\n const { document: docProp, disabled = false, allowPinchZoom } = opts ?? {}\n\n const doc = docProp ?? document\n const win = doc?.defaultView ?? window\n\n const viewport = isDom() ? win.visualViewport : null\n const docEl = doc.documentElement\n\n function preventScrollStandard() {\n 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\ntype DescriptorOptions = {\n type: \"input\" | \"textarea\"\n property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n const { type, property } = options\n const win = getOwnerWindow(el)\n const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n const proto = win[_type].prototype\n return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n desc.set?.call(el, value)\n const event = new win.Event(\"input\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n const win = getOwnerWindow(el)\n if (!(el instanceof win.HTMLInputElement)) return\n const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n desc.set?.call(el, checked)\n const event = new win.Event(\"click\", { bubbles: true })\n el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n el: HTMLInputElement | null,\n options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n const { fn, property, type } = options\n\n if (!fn || !el) return\n\n const { get, set } = getDescriptor(el, { property, type })\n\n let run = true\n\n Object.defineProperty(el, property, {\n get() {\n return get?.call(this)\n },\n set(value: string) {\n if (run) fn(value)\n return set?.call(this, value)\n },\n })\n\n return function () {\n run = false\n }\n}\n", "/**\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", "export function getClosestFormElement(el: HTMLElement) {\n if (isFormElement(el)) return el.form\n else return el.closest(\"form\")\n}\n\nfunction isFormElement(el: HTMLElement): el is HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement {\n return [\"textarea\", \"input\", \"select\", \"button\"].includes(el.localName)\n}\n\nexport function trackFormReset(el: HTMLElement | null | undefined, callback: () => void) {\n if (!el) return\n const form = getClosestFormElement(el)\n form?.addEventListener(\"reset\", callback, { passive: true })\n return () => {\n form?.removeEventListener(\"reset\", callback)\n }\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", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n onPointerLock?: VoidFunction\n onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n doc.addEventListener(\"pointerlockerror\", fn, false)\n return function cleanup() {\n doc.removeEventListener(\"pointerlockerror\", fn, false)\n }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n const { onPointerLock, onPointerUnlock } = handlers\n const body = doc.body\n\n const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n const locked = !!doc.pointerLockElement\n\n function onPointerChange() {\n if (locked) onPointerLock?.()\n else onPointerUnlock?.()\n }\n\n function onPointerError(event: Event) {\n if (locked) onPointerUnlock?.()\n console.error(\"PointerLock error occured:\", event)\n exit()\n }\n\n function exit() {\n doc.exitPointerLock()\n }\n\n if (!supported) return\n\n body.requestPointerLock()\n\n const cleanup = pipe(\n addPointerlockChangeListener(doc, onPointerChange),\n addPointerlockErrorListener(doc, onPointerError),\n )\n\n return function dispose() {\n if (!supported) return\n cleanup()\n exit()\n }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n const observedElements = getObservedElements()\n\n const data = observedElements.get(el)\n\n if (!data) {\n observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n if (observedElements.size === 1) {\n rafId = requestAnimationFrame(runLoop)\n }\n } else {\n data.callbacks.push(fn)\n fn(el.getBoundingClientRect())\n }\n\n return function unobserve() {\n const data = observedElements.get(el)\n if (!data) return\n\n const index = data.callbacks.indexOf(fn)\n if (index > -1) {\n data.callbacks.splice(index, 1)\n }\n\n if (data.callbacks.length === 0) {\n observedElements.delete(el)\n\n if (observedElements.size === 0) {\n cancelAnimationFrame(rafId)\n }\n }\n }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n const observedElements = getObservedElements()\n\n const changedRectsData: Array<ObservedData> = []\n\n observedElements.forEach((data, element) => {\n const newRect = element.getBoundingClientRect()\n\n if (!isEqual(data.rect, newRect)) {\n data.rect = newRect\n changedRectsData.push(data)\n }\n })\n\n changedRectsData.forEach((data) => {\n data.callbacks.forEach((callback) => callback(data.rect))\n })\n\n rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n return (\n rect1.width === rect2.width &&\n rect1.height === rect2.height &&\n rect1.top === rect2.top &&\n rect1.right === rect2.right &&\n rect1.bottom === rect2.bottom &&\n rect1.left === rect2.left\n )\n}\n", "import { 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 waitFor<T>(predicate: () => T): Promise<T> {\n let value = predicate()\n if (!!value) return Promise.resolve(value)\n return new Promise((resolve) => {\n const id = globalThis.setInterval(function () {\n let value = predicate()\n if (value) {\n globalThis.clearInterval(id)\n resolve(value)\n }\n }, 0)\n })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n return new Promise<void>((resolve) => {\n function done(event: Event) {\n if (event.target === el) {\n el.removeEventListener(eventName, done)\n resolve()\n }\n }\n\n el.addEventListener(eventName, done)\n })\n}\n", "import { Middleware } from \"@floating-ui/dom\"\n\n/* -----------------------------------------------------------------------------\n * Shared middleware utils\n * -----------------------------------------------------------------------------*/\n\nconst toVar = (value: string) => ({ variable: value, reference: `var(${value})` })\n\nexport const cssVars = {\n arrowSize: toVar(\"--arrow-size\"),\n arrowSizeHalf: toVar(\"--arrow-size-half\"),\n arrowBg: toVar(\"--arrow-background\"),\n transformOrigin: toVar(\"--transform-origin\"),\n arrowOffset: toVar(\"--arrow-offset\"),\n}\n\n/* -----------------------------------------------------------------------------\n * Transform Origin Middleware\n * -----------------------------------------------------------------------------*/\n\nconst 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 dir = {\n top: \"bottom\",\n right: \"left\",\n bottom: \"top\",\n left: \"right\",\n }[placement.split(\"-\")[0]]!\n\n Object.assign(arrow.style, {\n top: `${y}px`,\n left: `${x}px`,\n [dir]: cssVars.arrowOffset.reference,\n })\n\n return {}\n },\n})\n", "import { 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 pointerEvents: \"none\",\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"],
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }