@zag-js/pin-input 0.1.2 → 0.1.3

package/dist/index.js

@@ -61,6 +61,12 @@ function nextTick(fn) {
     });
   };
 }
+function raf(fn) {
+  const id = globalThis.requestAnimationFrame(fn);
+  return function cleanup() {
+    globalThis.cancelAnimationFrame(id);
+  };
+}
 function getNativeEvent(event) {
   var _a;
   return (_a = event.nativeEvent) != null ? _a : event;
@@ -95,6 +101,58 @@ function queryAll(root, selector) {
   var _a;
   return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
 }
+function itemById(v, id) {
+  return v.find((node) => node.id === id);
+}
+function indexOfId(v, id) {
+  const item = itemById(v, id);
+  return item ? v.indexOf(item) : -1;
+}
+var getValueText = (item) => {
+  var _a, _b;
+  return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
+};
+var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
+var wrap = (v, idx) => {
+  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
+};
+function findByText(v, text, currentId) {
+  const index = currentId ? indexOfId(v, currentId) : -1;
+  let items = currentId ? wrap(v, index) : v;
+  const isSingleKey = text.length === 1;
+  if (isSingleKey) {
+    items = items.filter((item) => item.id !== currentId);
+  }
+  return items.find((item) => match(getValueText(item), text));
+}
+function findByTypeahead(_items, options) {
+  const { state: state2, activeId, key, timeout = 350 } = options;
+  const search = state2.keysSoFar + key;
+  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
+  const query2 = isRepeated ? search[0] : search;
+  let items = _items.slice();
+  const next = findByText(items, query2, activeId);
+  function cleanup() {
+    clearTimeout(state2.timer);
+    state2.timer = -1;
+  }
+  function update(value) {
+    state2.keysSoFar = value;
+    cleanup();
+    if (value !== "") {
+      state2.timer = +setTimeout(() => {
+        update("");
+        cleanup();
+      }, timeout);
+    }
+  }
+  update(search);
+  return next;
+}
+findByTypeahead.defaultOptions = {
+  keysSoFar: "",
+  timer: -1
+};
 
 // ../../types/dist/index.mjs
 function createNormalizer(fn) {
@@ -104,7 +162,7 @@ var normalizeProp = createNormalizer((v) => v);
 
 // ../../utilities/core/dist/index.mjs
 var fromLength = (length) => Array.from(Array(length).keys());
-var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey || v.shiftKey;
+var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey;
 function invariant(...a) {
   const m = a.length === 1 ? a[0] : a[1];
   const c = a.length === 2 ? a[0] : true;
@@ -160,10 +218,8 @@ function connect(state, send, normalize = normalizeProp) {
       send({ type: "SET_VALUE", value, index });
     },
     focus() {
-      nextTick(() => {
-        var _a;
-        (_a = dom.getFirstInputEl(state.context)) == null ? void 0 : _a.focus();
-      });
+      var _a;
+      (_a = dom.getFirstInputEl(state.context)) == null ? void 0 : _a.focus();
     },
     rootProps: normalize.element({
       dir: state.context.dir,
@@ -393,7 +449,7 @@ function machine(ctx = {}) {
         });
       },
       focusInput: (ctx2) => {
-        nextTick(() => {
+        raf(() => {
           var _a;
           if (ctx2.focusedIndex === -1)
             return;
@@ -433,7 +489,7 @@ function machine(ctx = {}) {
         ctx2.value[ctx2.focusedIndex] = evt.value.replace(val, "").charAt(0);
       },
       setPastedValue(ctx2, evt) {
-        nextTick(() => {
+        raf(() => {
           const value = evt.value.substr(0, ctx2.valueLength);
           assign(ctx2, value.split("").filter(Boolean));
         });
@@ -467,7 +523,7 @@ function machine(ctx = {}) {
       blurFocusedInputIfNeeded(ctx2) {
         if (!ctx2.blurOnComplete)
           return;
-        nextTick(() => {
+        raf(() => {
           var _a;
           (_a = dom.getFocusedEl(ctx2)) == null ? void 0 : _a.blur();
         });

package/dist/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../src/index.ts", "../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/form.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/visual-viewport.ts", "../../../utilities/dom/src/wait.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/pin-input.dom.ts", "../src/pin-input.connect.ts", "../src/pin-input.machine.ts"],
-  "sourcesContent": ["export { connect } from \"./pin-input.connect\"\nexport { machine } from \"./pin-input.machine\"\nexport type { UserDefinedContext as Context } from \"./pin-input.types\"\n", "type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? true : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n  return {\n    get: (key: string) => el.getAttribute(key),\n    set: (key: string, value: string) => el.setAttribute(key, value),\n    is: (key: string, value: string) => {\n      return el.getAttribute(key) === value\n    },\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n  ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n  return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  const cache = getStyleCache()\n  let style: Styles | undefined = cache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    cache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: 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    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n  }\n\n  function preventScrollMobileSafari() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n      docEl.removeAttribute(\"scroll-lock\")\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function 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  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    oldRegion?.remove()\n  }\n\n  return { announce, destroy }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree: true })\n\n  return () => obs.disconnect()\n}\n", "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", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n  width: number\n  height: number\n}\n\ntype Options = {\n  document?: Document\n  resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n  const { document: doc, resolve } = options\n  const win = doc?.defaultView || window\n  resolve?.(getViewportSize(win))\n  const onResize = () => resolve?.(getViewportSize(win))\n  return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n  return {\n    width: win.visualViewport?.width || win.innerWidth,\n    height: win.visualViewport?.height || win.innerHeight,\n  }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n  let value = predicate()\n  if (!!value) return Promise.resolve(value)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      let value = predicate()\n      if (value) {\n        globalThis.clearInterval(id)\n        resolve(value)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n  style?: T[\"style\"] & {\n    [prop: string]: string | number | undefined\n  }\n}\n\ntype DataAttr = {\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-type\"?: string\n  \"data-value\"?: string | number\n  \"data-valuetext\"?: string\n  \"data-open\"?: Booleanish\n  \"data-placement\"?: string\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n  \"data-label\"?: string\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-state\"?: string | null\n  \"data-half\"?: Booleanish\n  \"data-count\"?: number\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-index\"?: number\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n  button: JSXButtonAttributes\n  label: JSXLabelAttributes\n  input: JSXInputAttributes\n  output: JSXOutputAttributes\n  element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n  button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n  label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n  input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n  output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n  element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n  return { button: fn, label: fn, input: fn, output: fn, element: fn }\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n  | { type: \"boolean\"; label?: string; defaultValue: boolean }\n  | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n  | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n  | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n  | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n  [K in keyof T]: T[K] extends { type: \"boolean\" }\n    ? boolean\n    : T[K] extends { type: \"string\" }\n    ? string\n    : T[K] extends { type: \"select\" }\n    ? T[K][\"options\"][number]\n    : T[K] extends { type: \"multiselect\" }\n    ? T[K][\"options\"][number][]\n    : T[K] extends { type: \"number\" }\n    ? number\n    : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n  return config\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 { queryAll } from \"@zag-js/dom-utils\"\nimport { MachineContext as Ctx } from \"./pin-input.types\"\n\nexport const dom = {\n  getDoc: (ctx: Ctx) => ctx.doc ?? document,\n\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `pin-input:${ctx.uid}`,\n  getInputId: (ctx: Ctx, id: string) => ctx.ids?.input?.(id) ?? `pin-input:${ctx.uid}:${id}`,\n\n  getRootEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getRootId(ctx)),\n  getElements: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[data-ownedby=${ownerId}]`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n  getFocusedEl: (ctx: Ctx) => dom.getElements(ctx)[ctx.focusedIndex],\n\n  getFirstInputEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n}\n", "import { ariaAttr, dataAttr, EventKeyMap, getEventKey, getNativeEvent, nextTick } from \"@zag-js/dom-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { invariant, isModifiedEvent } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { Send, State } from \"./pin-input.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize = normalizeProp) {\n  const isValueComplete = state.context.isValueComplete\n  const isInvalid = state.context.invalid\n  const focusedIndex = state.context.focusedIndex\n  const messages = state.context.messages\n\n  return {\n    value: state.context.value,\n    valueAsString: state.context.valueAsString,\n    isValueComplete: isValueComplete,\n    setValue(value: string[]) {\n      if (!Array.isArray(value)) {\n        invariant(\"[pin-input/setValue] value must be an array\")\n      }\n      send({ type: \"SET_VALUE\", value })\n    },\n    clearValue() {\n      send({ type: \"CLEAR_VALUE\" })\n    },\n    setValueAtIndex(index: number, value: string) {\n      send({ type: \"SET_VALUE\", value, index })\n    },\n    focus() {\n      nextTick(() => {\n        dom.getFirstInputEl(state.context)?.focus()\n      })\n    },\n\n    rootProps: normalize.element<T>({\n      dir: state.context.dir,\n      \"data-part\": \"root\",\n      id: dom.getRootId(state.context),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-disabled\": dataAttr(state.context.disabled),\n      \"data-complete\": dataAttr(isValueComplete),\n    }),\n\n    getInputProps({ index }: { index: number }) {\n      const inputType = state.context.type === \"numeric\" ? \"tel\" : \"text\"\n      return normalize.input<T>({\n        \"data-part\": \"input\",\n        disabled: state.context.disabled,\n        \"data-disabled\": dataAttr(state.context.disabled),\n        \"data-complete\": dataAttr(isValueComplete),\n        id: dom.getInputId(state.context, index.toString()),\n        \"data-ownedby\": dom.getRootId(state.context),\n        \"aria-label\": messages.inputLabel(index, state.context.valueLength),\n        inputMode: state.context.otp || state.context.type === \"numeric\" ? \"numeric\" : \"text\",\n        \"aria-invalid\": ariaAttr(isInvalid),\n        \"data-invalid\": dataAttr(isInvalid),\n        type: state.context.mask ? \"password\" : inputType,\n        value: state.context.value[index] || \"\",\n        autoCapitalize: \"none\",\n        autoComplete: state.context.otp ? \"one-time-code\" : \"off\",\n        placeholder: focusedIndex === index ? \"\" : state.context.placeholder,\n        onChange(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing) return\n          const value = event.target.value\n\n          if (evt.inputType === \"insertFromPaste\" || value.length > 2) {\n            send({ type: \"PASTE\", value })\n            event.preventDefault()\n            return\n          }\n\n          if (evt.inputType === \"insertText\") {\n            send({ type: \"INPUT\", value })\n          }\n        },\n        onKeyDown(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing || isModifiedEvent(evt)) return\n\n          const keyMap: EventKeyMap = {\n            Backspace() {\n              send(\"BACKSPACE\")\n            },\n            Delete() {\n              send(\"DELETE\")\n            },\n            ArrowLeft() {\n              send(\"ARROW_LEFT\")\n            },\n            ArrowRight() {\n              send(\"ARROW_RIGHT\")\n            },\n          }\n\n          const key = getEventKey(event, { dir: state.context.dir })\n          const exec = keyMap[key]\n\n          if (exec) {\n            exec(event)\n            event.preventDefault()\n          } else {\n            send({ type: \"KEY_DOWN\", value: key, preventDefault: () => event.preventDefault() })\n          }\n        },\n        onFocus() {\n          send({ type: \"FOCUS\", index })\n        },\n        onBlur() {\n          send({ type: \"BLUR\", index })\n        },\n      })\n    },\n  }\n}\n", "import { createMachine, guards, ref } from \"@zag-js/core\"\nimport { nextTick } from \"@zag-js/dom-utils\"\nimport { fromLength } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { MachineContext, MachineState, UserDefinedContext } from \"./pin-input.types\"\n\nconst { and, not } = guards\n\nexport function machine(ctx: UserDefinedContext = {}) {\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"pin-input\",\n      initial: \"unknown\",\n      context: {\n        uid: \"pin-input\",\n        value: [],\n        focusedIndex: -1,\n        placeholder: \"\u25CB\",\n        otp: false,\n        type: \"numeric\",\n        ...ctx,\n        messages: {\n          inputLabel: (index, length) => `pin code ${index + 1} of ${length}`,\n          ...ctx.messages,\n        },\n      },\n\n      computed: {\n        valueLength: (ctx) => ctx.value.length,\n        filledValueLength: (ctx) => ctx.value.filter((v) => v?.trim() !== \"\").length,\n        isValueComplete: (ctx) => ctx.valueLength === ctx.filledValueLength,\n        valueAsString: (ctx) => ctx.value.join(\"\"),\n      },\n\n      watch: {\n        focusedIndex: \"focusInput\",\n        value: \"invokeOnChange\",\n        isValueComplete: [\"invokeComplete\", \"blurFocusedInputIfNeeded\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        CLEAR_VALUE: [\n          {\n            guard: \"isDisabled\",\n            actions: \"clearValue\",\n          },\n          {\n            actions: [\"clearValue\", \"setFocusIndexToFirst\"],\n          },\n        ],\n      },\n\n      states: {\n        unknown: {\n          on: {\n            SETUP: [\n              {\n                guard: \"autoFocus\",\n                target: \"focused\",\n                actions: [\"setupDocument\", \"setupValue\", \"setFocusIndexToFirst\"],\n              },\n              {\n                target: \"idle\",\n                actions: [\"setupDocument\", \"setupValue\"],\n              },\n            ],\n          },\n        },\n        idle: {\n          on: {\n            FOCUS: {\n              target: \"focused\",\n              actions: \"setFocusedIndex\",\n            },\n          },\n        },\n        focused: {\n          on: {\n            INPUT: [\n              {\n                guard: and(\"isFinalValue\", \"isValidValue\"),\n                actions: \"setFocusedValue\",\n              },\n              {\n                guard: and(\"hasValue\", \"isValidValue\"),\n                actions: [\"replaceFocusedValue\", \"setNextFocusedIndex\"],\n              },\n              {\n                guard: \"isValidValue\",\n                actions: [\"setFocusedValue\", \"setNextFocusedIndex\"],\n              },\n            ],\n            PASTE: {\n              guard: \"isValidValue\",\n              actions: [\"setPastedValue\", \"setLastValueFocusIndex\"],\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n            DELETE: {\n              guard: \"hasValue\",\n              actions: \"clearFocusedValue\",\n            },\n            ARROW_LEFT: {\n              actions: \"setPrevFocusedIndex\",\n            },\n            ARROW_RIGHT: {\n              actions: \"setNextFocusedIndex\",\n            },\n            BACKSPACE: [\n              {\n                guard: \"hasValue\",\n                actions: \"clearFocusedValue\",\n              },\n              {\n                actions: [\"setPrevFocusedIndex\", \"clearFocusedValue\"],\n              },\n            ],\n            KEY_DOWN: {\n              guard: not(\"isValidValue\"),\n              actions: [\"preventDefault\", \"invokeOnInvalid\"],\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        autoFocus: (ctx) => !!ctx.autoFocus,\n        isValueEmpty: (_ctx, evt) => evt.value === \"\",\n        hasValue: (ctx) => ctx.value[ctx.focusedIndex] !== \"\",\n        isValueComplete: (ctx) => ctx.isValueComplete,\n        isValidValue: (ctx, evt) => isValidType(evt.value, ctx.type),\n        isFinalValue: (ctx) => {\n          return (\n            ctx.filledValueLength + 1 === ctx.valueLength &&\n            ctx.value.findIndex((v) => v.trim() === \"\") === ctx.focusedIndex\n          )\n        },\n        isLastInputFocused: (ctx) => ctx.focusedIndex === ctx.valueLength - 1,\n        hasIndex: (_ctx, evt) => evt.index !== undefined,\n        isDisabled: (ctx) => !!ctx.disabled,\n      },\n      actions: {\n        setupDocument: (ctx, evt) => {\n          if (evt.doc) ctx.doc = ref(evt.doc)\n          ctx.uid = evt.id\n        },\n        setupValue: (ctx) => {\n          nextTick(() => {\n            const inputs = dom.getElements(ctx)\n            const empty = fromLength(inputs.length).map(() => \"\")\n            ctx.value = Object.assign(empty, ctx.value)\n          })\n        },\n        focusInput: (ctx) => {\n          nextTick(() => {\n            if (ctx.focusedIndex === -1) return\n            dom.getFocusedEl(ctx)?.focus()\n          })\n        },\n        invokeComplete: (ctx) => {\n          if (ctx.isValueComplete) {\n            ctx.onComplete?.({ value: Array.from(ctx.value), valueAsString: ctx.valueAsString })\n          }\n        },\n        invokeOnChange: (ctx, evt) => {\n          if (evt.type !== \"SETUP\") {\n            ctx.onChange?.({ value: Array.from(ctx.value) })\n          }\n        },\n        invokeOnInvalid: (ctx, evt) => {\n          ctx.onInvalid?.({ value: evt.value, index: ctx.focusedIndex })\n        },\n        clearFocusedIndex: (ctx) => {\n          ctx.focusedIndex = -1\n        },\n        setValue: (ctx, event) => {\n          assign(ctx, event.value)\n        },\n        setFocusedIndex: (ctx, event) => {\n          ctx.focusedIndex = event.index\n        },\n        setFocusedValue: (ctx, event) => {\n          ctx.value[ctx.focusedIndex] = event.value\n        },\n        replaceFocusedValue: (ctx, evt) => {\n          const val = ctx.value[ctx.focusedIndex]\n          ctx.value[ctx.focusedIndex] = evt.value.replace(val, \"\").charAt(0)\n        },\n        setPastedValue(ctx, evt) {\n          nextTick(() => {\n            const value = (evt.value as string).substr(0, ctx.valueLength)\n            assign(ctx, value.split(\"\").filter(Boolean))\n          })\n        },\n        setValueAtIndex: (ctx, evt) => {\n          ctx.value[evt.index] = evt.value\n        },\n        clearValue: (ctx) => {\n          assign(ctx, \"\")\n        },\n        clearFocusedValue: (ctx) => {\n          ctx.value[ctx.focusedIndex] = \"\"\n        },\n        setFocusIndexToFirst: (ctx) => {\n          ctx.focusedIndex = 0\n        },\n        setNextFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.min(ctx.focusedIndex + 1, ctx.valueLength - 1)\n        },\n        setPrevFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.max(ctx.focusedIndex - 1, 0)\n        },\n        setLastValueFocusIndex: (ctx) => {\n          nextTick(() => {\n            ctx.focusedIndex = Math.min(ctx.filledValueLength, ctx.valueLength - 1)\n          })\n        },\n        preventDefault(_, evt) {\n          evt.preventDefault()\n        },\n        blurFocusedInputIfNeeded(ctx) {\n          if (!ctx.blurOnComplete) return\n          nextTick(() => {\n            dom.getFocusedEl(ctx)?.blur()\n          })\n        },\n      },\n    },\n  )\n}\n\nconst REGEX = {\n  numeric: /^[0-9]+$/,\n  alphabetic: /^[A-Za-z]+$/,\n  alphanumeric: /^[a-zA-Z0-9]+$/i,\n}\n\nfunction isValidType(value: string, type: MachineContext[\"type\"]) {\n  if (!type) return true\n  return !!REGEX[type]?.test(value)\n}\n\nfunction assign(ctx: MachineContext, value: string | string[]) {\n  for (let i = 0; i < ctx.value.length; i++) {\n    if (Array.isArray(value)) {\n      if (!value[i]) continue\n      ctx.value[i] = value[i]\n    } else {\n      ctx.value[i] = value\n    }\n  }\n}\n"],
-  "mappings": "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",
+  "sources": ["../src/index.ts", "../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/form.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/visual-viewport.ts", "../../../utilities/dom/src/wait.ts", "../../../utilities/dom/src/typeahead.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/pin-input.dom.ts", "../src/pin-input.connect.ts", "../src/pin-input.machine.ts"],
+  "sourcesContent": ["export { connect } from \"./pin-input.connect\"\nexport { machine } from \"./pin-input.machine\"\nexport type { UserDefinedContext as Context } from \"./pin-input.types\"\n", "type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? true : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n  return {\n    get: (key: string) => el.getAttribute(key),\n    set: (key: string, value: string) => el.setAttribute(key, value),\n    is: (key: string, value: string) => {\n      return el.getAttribute(key) === value\n    },\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n  ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n  return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  const cache = getStyleCache()\n  let style: Styles | undefined = cache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    cache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\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    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n  }\n\n  function preventScrollMobileSafari() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n      docEl.removeAttribute(\"scroll-lock\")\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function 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\nexport function isElementEditable(el: HTMLElement | null) {\n  if (el == null) return false\n  const selectors = [\n    \"input:not([readonly])\",\n    \"textarea:not([readonly])\",\n    \"[contenteditable]\",\n    \"select:not([readonly])\",\n  ].join(\", \")\n  return el.matches(selectors) || el.isContentEditable\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el)\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n  if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n    return getOwnerDocument(el).body\n  }\n\n  if (isHTMLElement(el) && isScrollParent(el)) {\n    return el\n  }\n\n  return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n  const scrollParent = getScrollParent(el)\n  const isBody = scrollParent === getOwnerDocument(el).body\n  const win = getOwnerWindow(scrollParent)\n\n  const target = isBody\n    ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n    : scrollParent\n\n  const parents = list.concat(target)\n  if (isBody) return parents\n\n  return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n  if (isWindow(el)) {\n    return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n  }\n\n  return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\ntype DescriptorOptions = {\n  type: \"input\" | \"textarea\"\n  property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n  const { type, property } = options\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n  desc.set?.call(el, value)\n  const event = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n  desc.set?.call(el, checked)\n  const event = new win.Event(\"click\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n  el: HTMLInputElement | null,\n  options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n  const { fn, property, type } = options\n\n  if (!fn || !el) return\n\n  const { get, set } = getDescriptor(el, { property, type })\n\n  let run = true\n\n  Object.defineProperty(el, property, {\n    get() {\n      return get?.call(this)\n    },\n    set(value: string) {\n      if (run) fn(value)\n      return set?.call(this, value)\n    },\n  })\n\n  return function () {\n    run = false\n  }\n}\n", "/**\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  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    oldRegion?.remove()\n  }\n\n  return { announce, destroy }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree: true })\n\n  return () => obs.disconnect()\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n  return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n  const item = itemById(v, id)\n  return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n  return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  if (idx === -1) return loop ? v[v.length - 1] : null\n  idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n  return v[idx]\n}\n\nconst getValueText = <T extends HTMLElement>(item: T) => item.dataset.valuetext ?? item.textContent ?? \"\"\n\nconst match = (valueText: string, query: string) => valueText.toLowerCase().startsWith(query.toLowerCase())\n\nconst wrap = <T>(v: T[], idx: number) => {\n  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length])\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const index = currentId ? indexOfId(v, currentId) : -1\n  let items = currentId ? wrap(v, index) : v\n\n  const isSingleKey = text.length === 1\n\n  if (isSingleKey) {\n    items = items.filter((item) => item.id !== currentId)\n  }\n\n  return items.find((item) => match(getValueText(item), text))\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n  return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state === \"default\") {\n      savedUserSelect = _document.documentElement.style.webkitUserSelect\n      _document.documentElement.style.webkitUserSelect = \"none\"\n    }\n\n    state = \"disabled\"\n  } else if (target) {\n    modifiedElementMap.set(target, target.style.userSelect)\n    target.style.userSelect = \"none\"\n  }\n\n  return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state !== \"disabled\") return\n    state = \"restoring\"\n\n    setTimeout(() => {\n      nextTick(() => {\n        if (state === \"restoring\") {\n          if (_document.documentElement.style.webkitUserSelect === \"none\") {\n            _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n          }\n\n          savedUserSelect = \"\"\n          state = \"default\"\n        }\n      })\n    }, 300)\n  } else {\n    if (target && modifiedElementMap.has(target)) {\n      let targetOldUserSelect = modifiedElementMap.get(target)\n\n      if (target.style.userSelect === \"none\") {\n        target.style.userSelect = targetOldUserSelect ?? \"\"\n      }\n\n      if (target.getAttribute(\"style\") === \"\") {\n        target.removeAttribute(\"style\")\n      }\n      modifiedElementMap.delete(target)\n    }\n  }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n  const win = doc.defaultView ?? window\n  const fn = (event: PointerEvent) => {\n    if (event.target instanceof win.HTMLElement) {\n      onPointerDown(event.target)\n    }\n  }\n  return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n  ctx: { doc?: Document; threshold?: number }\n  onPointerUp: VoidFunction\n  onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n  const { onPointerMove, onPointerUp, ctx } = opts\n  const { doc = document, threshold = 5 } = ctx\n\n  const handlePointerMove: Listener = (event, info) => {\n    const { point: p } = info\n    const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n    if (distance < threshold) return\n\n    // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n    if (isMouseEvent(event) && isLeftClick(event)) {\n      onPointerUp()\n      return\n    }\n\n    onPointerMove(info, event)\n  }\n\n  return pipe(\n    addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n    addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n    addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n    addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n    disableTextSelection({ doc }),\n  )\n}\n", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n  const locked = !!doc.pointerLockElement\n\n  function onPointerChange() {\n    if (locked) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    if (locked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock()\n  }\n\n  if (!supported) return\n\n  body.requestPointerLock()\n\n  const cleanup = pipe(\n    addPointerlockChangeListener(doc, onPointerChange),\n    addPointerlockErrorListener(doc, onPointerError),\n  )\n\n  return function dispose() {\n    if (!supported) return\n    cleanup()\n    exit()\n  }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n  ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n  return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n  const observedElements = getObservedElements()\n\n  const data = observedElements.get(el)\n\n  if (!data) {\n    observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n    if (observedElements.size === 1) {\n      rafId = requestAnimationFrame(runLoop)\n    }\n  } else {\n    data.callbacks.push(fn)\n    fn(el.getBoundingClientRect())\n  }\n\n  return function unobserve() {\n    const data = observedElements.get(el)\n    if (!data) return\n\n    const index = data.callbacks.indexOf(fn)\n    if (index > -1) {\n      data.callbacks.splice(index, 1)\n    }\n\n    if (data.callbacks.length === 0) {\n      observedElements.delete(el)\n\n      if (observedElements.size === 0) {\n        cancelAnimationFrame(rafId)\n      }\n    }\n  }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n  const observedElements = getObservedElements()\n\n  const changedRectsData: Array<ObservedData> = []\n\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect()\n\n    if (!isEqual(data.rect, newRect)) {\n      data.rect = newRect\n      changedRectsData.push(data)\n    }\n  })\n\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect))\n  })\n\n  rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  )\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n  const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n  return addDomEvent(doc, \"visibilitychange\", () => {\n    const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n    callback(!!hidden)\n  })\n}\n", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n  width: number\n  height: number\n}\n\ntype Options = {\n  document?: Document\n  resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n  const { document: doc, resolve } = options\n  const win = doc?.defaultView || window\n  resolve?.(getViewportSize(win))\n  const onResize = () => resolve?.(getViewportSize(win))\n  return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n  return {\n    width: win.visualViewport?.width || win.innerWidth,\n    height: win.visualViewport?.height || win.innerHeight,\n  }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n  let value = predicate()\n  if (!!value) return Promise.resolve(value)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      let value = predicate()\n      if (value) {\n        globalThis.clearInterval(id)\n        resolve(value)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "import { findByText } from \"./nodelist\"\n\nexport type TypeaheadState = {\n  keysSoFar: string\n  timer: number\n}\n\nexport type TypeaheadOptions = {\n  state: TypeaheadState\n  activeId: string | null\n  key: string\n  timeout?: number\n}\n\nexport function findByTypeahead<T extends HTMLElement>(_items: T[], options: TypeaheadOptions) {\n  const { state, activeId, key, timeout = 350 } = options\n\n  const search = state.keysSoFar + key\n  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0])\n\n  const query = isRepeated ? search[0] : search\n\n  let items = _items.slice()\n\n  const next = findByText(items, query, activeId)\n\n  function cleanup() {\n    clearTimeout(state.timer)\n    state.timer = -1\n  }\n\n  function update(value: string) {\n    state.keysSoFar = value\n    cleanup()\n\n    if (value !== \"\") {\n      state.timer = +setTimeout(() => {\n        update(\"\")\n        cleanup()\n      }, timeout)\n    }\n  }\n\n  update(search)\n\n  return next\n}\n\nfindByTypeahead.defaultOptions = {\n  keysSoFar: \"\",\n  timer: -1,\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n  style?: T[\"style\"] & {\n    [prop: string]: string | number | undefined\n  }\n}\n\ntype DataAttr = {\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-type\"?: string\n  \"data-value\"?: string | number\n  \"data-valuetext\"?: string\n  \"data-open\"?: Booleanish\n  \"data-placement\"?: string\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n  \"data-label\"?: string\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-state\"?: string | null\n  \"data-half\"?: Booleanish\n  \"data-count\"?: number\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-index\"?: number\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n  button: JSXButtonAttributes\n  label: JSXLabelAttributes\n  input: JSXInputAttributes\n  output: JSXOutputAttributes\n  element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n  button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n  label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n  input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n  output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n  element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n  return { button: fn, label: fn, input: fn, output: fn, element: fn }\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n  | { type: \"boolean\"; label?: string; defaultValue: boolean }\n  | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n  | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n  | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n  | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n  [K in keyof T]: T[K] extends { type: \"boolean\" }\n    ? boolean\n    : T[K] extends { type: \"string\" }\n    ? string\n    : T[K] extends { type: \"select\" }\n    ? T[K][\"options\"][number]\n    : T[K] extends { type: \"multiselect\" }\n    ? T[K][\"options\"][number][]\n    : T[K] extends { type: \"number\" }\n    ? number\n    : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n  return config\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: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\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 { queryAll } from \"@zag-js/dom-utils\"\nimport { MachineContext as Ctx } from \"./pin-input.types\"\n\nexport const dom = {\n  getDoc: (ctx: Ctx) => ctx.doc ?? document,\n\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `pin-input:${ctx.uid}`,\n  getInputId: (ctx: Ctx, id: string) => ctx.ids?.input?.(id) ?? `pin-input:${ctx.uid}:${id}`,\n\n  getRootEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getRootId(ctx)),\n  getElements: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[data-ownedby=${ownerId}]`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n  getFocusedEl: (ctx: Ctx) => dom.getElements(ctx)[ctx.focusedIndex],\n\n  getFirstInputEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n}\n", "import { ariaAttr, dataAttr, EventKeyMap, getEventKey, getNativeEvent } from \"@zag-js/dom-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { invariant, isModifiedEvent } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { Send, State } from \"./pin-input.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize = normalizeProp) {\n  const isValueComplete = state.context.isValueComplete\n  const isInvalid = state.context.invalid\n  const focusedIndex = state.context.focusedIndex\n  const messages = state.context.messages\n\n  return {\n    value: state.context.value,\n    valueAsString: state.context.valueAsString,\n    isValueComplete: isValueComplete,\n    setValue(value: string[]) {\n      if (!Array.isArray(value)) {\n        invariant(\"[pin-input/setValue] value must be an array\")\n      }\n      send({ type: \"SET_VALUE\", value })\n    },\n    clearValue() {\n      send({ type: \"CLEAR_VALUE\" })\n    },\n    setValueAtIndex(index: number, value: string) {\n      send({ type: \"SET_VALUE\", value, index })\n    },\n    focus() {\n      dom.getFirstInputEl(state.context)?.focus()\n    },\n\n    rootProps: normalize.element<T>({\n      dir: state.context.dir,\n      \"data-part\": \"root\",\n      id: dom.getRootId(state.context),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-disabled\": dataAttr(state.context.disabled),\n      \"data-complete\": dataAttr(isValueComplete),\n    }),\n\n    getInputProps({ index }: { index: number }) {\n      const inputType = state.context.type === \"numeric\" ? \"tel\" : \"text\"\n      return normalize.input<T>({\n        \"data-part\": \"input\",\n        disabled: state.context.disabled,\n        \"data-disabled\": dataAttr(state.context.disabled),\n        \"data-complete\": dataAttr(isValueComplete),\n        id: dom.getInputId(state.context, index.toString()),\n        \"data-ownedby\": dom.getRootId(state.context),\n        \"aria-label\": messages.inputLabel(index, state.context.valueLength),\n        inputMode: state.context.otp || state.context.type === \"numeric\" ? \"numeric\" : \"text\",\n        \"aria-invalid\": ariaAttr(isInvalid),\n        \"data-invalid\": dataAttr(isInvalid),\n        type: state.context.mask ? \"password\" : inputType,\n        value: state.context.value[index] || \"\",\n        autoCapitalize: \"none\",\n        autoComplete: state.context.otp ? \"one-time-code\" : \"off\",\n        placeholder: focusedIndex === index ? \"\" : state.context.placeholder,\n        onChange(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing) return\n          const value = event.target.value\n\n          if (evt.inputType === \"insertFromPaste\" || value.length > 2) {\n            send({ type: \"PASTE\", value })\n            event.preventDefault()\n            return\n          }\n\n          if (evt.inputType === \"insertText\") {\n            send({ type: \"INPUT\", value })\n          }\n        },\n        onKeyDown(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing || isModifiedEvent(evt)) return\n\n          const keyMap: EventKeyMap = {\n            Backspace() {\n              send(\"BACKSPACE\")\n            },\n            Delete() {\n              send(\"DELETE\")\n            },\n            ArrowLeft() {\n              send(\"ARROW_LEFT\")\n            },\n            ArrowRight() {\n              send(\"ARROW_RIGHT\")\n            },\n          }\n\n          const key = getEventKey(event, { dir: state.context.dir })\n          const exec = keyMap[key]\n\n          if (exec) {\n            exec(event)\n            event.preventDefault()\n          } else {\n            send({ type: \"KEY_DOWN\", value: key, preventDefault: () => event.preventDefault() })\n          }\n        },\n        onFocus() {\n          send({ type: \"FOCUS\", index })\n        },\n        onBlur() {\n          send({ type: \"BLUR\", index })\n        },\n      })\n    },\n  }\n}\n", "import { createMachine, guards, ref } from \"@zag-js/core\"\nimport { nextTick, raf } from \"@zag-js/dom-utils\"\nimport { fromLength } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { MachineContext, MachineState, UserDefinedContext } from \"./pin-input.types\"\n\nconst { and, not } = guards\n\nexport function machine(ctx: UserDefinedContext = {}) {\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"pin-input\",\n      initial: \"unknown\",\n      context: {\n        uid: \"pin-input\",\n        value: [],\n        focusedIndex: -1,\n        placeholder: \"\u25CB\",\n        otp: false,\n        type: \"numeric\",\n        ...ctx,\n        messages: {\n          inputLabel: (index, length) => `pin code ${index + 1} of ${length}`,\n          ...ctx.messages,\n        },\n      },\n\n      computed: {\n        valueLength: (ctx) => ctx.value.length,\n        filledValueLength: (ctx) => ctx.value.filter((v) => v?.trim() !== \"\").length,\n        isValueComplete: (ctx) => ctx.valueLength === ctx.filledValueLength,\n        valueAsString: (ctx) => ctx.value.join(\"\"),\n      },\n\n      watch: {\n        focusedIndex: \"focusInput\",\n        value: \"invokeOnChange\",\n        isValueComplete: [\"invokeComplete\", \"blurFocusedInputIfNeeded\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        CLEAR_VALUE: [\n          {\n            guard: \"isDisabled\",\n            actions: \"clearValue\",\n          },\n          {\n            actions: [\"clearValue\", \"setFocusIndexToFirst\"],\n          },\n        ],\n      },\n\n      states: {\n        unknown: {\n          on: {\n            SETUP: [\n              {\n                guard: \"autoFocus\",\n                target: \"focused\",\n                actions: [\"setupDocument\", \"setupValue\", \"setFocusIndexToFirst\"],\n              },\n              {\n                target: \"idle\",\n                actions: [\"setupDocument\", \"setupValue\"],\n              },\n            ],\n          },\n        },\n        idle: {\n          on: {\n            FOCUS: {\n              target: \"focused\",\n              actions: \"setFocusedIndex\",\n            },\n          },\n        },\n        focused: {\n          on: {\n            INPUT: [\n              {\n                guard: and(\"isFinalValue\", \"isValidValue\"),\n                actions: \"setFocusedValue\",\n              },\n              {\n                guard: and(\"hasValue\", \"isValidValue\"),\n                actions: [\"replaceFocusedValue\", \"setNextFocusedIndex\"],\n              },\n              {\n                guard: \"isValidValue\",\n                actions: [\"setFocusedValue\", \"setNextFocusedIndex\"],\n              },\n            ],\n            PASTE: {\n              guard: \"isValidValue\",\n              actions: [\"setPastedValue\", \"setLastValueFocusIndex\"],\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n            DELETE: {\n              guard: \"hasValue\",\n              actions: \"clearFocusedValue\",\n            },\n            ARROW_LEFT: {\n              actions: \"setPrevFocusedIndex\",\n            },\n            ARROW_RIGHT: {\n              actions: \"setNextFocusedIndex\",\n            },\n            BACKSPACE: [\n              {\n                guard: \"hasValue\",\n                actions: \"clearFocusedValue\",\n              },\n              {\n                actions: [\"setPrevFocusedIndex\", \"clearFocusedValue\"],\n              },\n            ],\n            KEY_DOWN: {\n              guard: not(\"isValidValue\"),\n              actions: [\"preventDefault\", \"invokeOnInvalid\"],\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        autoFocus: (ctx) => !!ctx.autoFocus,\n        isValueEmpty: (_ctx, evt) => evt.value === \"\",\n        hasValue: (ctx) => ctx.value[ctx.focusedIndex] !== \"\",\n        isValueComplete: (ctx) => ctx.isValueComplete,\n        isValidValue: (ctx, evt) => isValidType(evt.value, ctx.type),\n        isFinalValue: (ctx) => {\n          return (\n            ctx.filledValueLength + 1 === ctx.valueLength &&\n            ctx.value.findIndex((v) => v.trim() === \"\") === ctx.focusedIndex\n          )\n        },\n        isLastInputFocused: (ctx) => ctx.focusedIndex === ctx.valueLength - 1,\n        hasIndex: (_ctx, evt) => evt.index !== undefined,\n        isDisabled: (ctx) => !!ctx.disabled,\n      },\n      actions: {\n        setupDocument: (ctx, evt) => {\n          if (evt.doc) ctx.doc = ref(evt.doc)\n          ctx.uid = evt.id\n        },\n        setupValue: (ctx) => {\n          nextTick(() => {\n            const inputs = dom.getElements(ctx)\n            const empty = fromLength(inputs.length).map(() => \"\")\n            ctx.value = Object.assign(empty, ctx.value)\n          })\n        },\n        focusInput: (ctx) => {\n          raf(() => {\n            if (ctx.focusedIndex === -1) return\n            dom.getFocusedEl(ctx)?.focus()\n          })\n        },\n        invokeComplete: (ctx) => {\n          if (ctx.isValueComplete) {\n            ctx.onComplete?.({ value: Array.from(ctx.value), valueAsString: ctx.valueAsString })\n          }\n        },\n        invokeOnChange: (ctx, evt) => {\n          if (evt.type !== \"SETUP\") {\n            ctx.onChange?.({ value: Array.from(ctx.value) })\n          }\n        },\n        invokeOnInvalid: (ctx, evt) => {\n          ctx.onInvalid?.({ value: evt.value, index: ctx.focusedIndex })\n        },\n        clearFocusedIndex: (ctx) => {\n          ctx.focusedIndex = -1\n        },\n        setValue: (ctx, event) => {\n          assign(ctx, event.value)\n        },\n        setFocusedIndex: (ctx, event) => {\n          ctx.focusedIndex = event.index\n        },\n        setFocusedValue: (ctx, event) => {\n          ctx.value[ctx.focusedIndex] = event.value\n        },\n        replaceFocusedValue: (ctx, evt) => {\n          const val = ctx.value[ctx.focusedIndex]\n          ctx.value[ctx.focusedIndex] = evt.value.replace(val, \"\").charAt(0)\n        },\n        setPastedValue(ctx, evt) {\n          raf(() => {\n            const value = (evt.value as string).substr(0, ctx.valueLength)\n            assign(ctx, value.split(\"\").filter(Boolean))\n          })\n        },\n        setValueAtIndex: (ctx, evt) => {\n          ctx.value[evt.index] = evt.value\n        },\n        clearValue: (ctx) => {\n          assign(ctx, \"\")\n        },\n        clearFocusedValue: (ctx) => {\n          ctx.value[ctx.focusedIndex] = \"\"\n        },\n        setFocusIndexToFirst: (ctx) => {\n          ctx.focusedIndex = 0\n        },\n        setNextFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.min(ctx.focusedIndex + 1, ctx.valueLength - 1)\n        },\n        setPrevFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.max(ctx.focusedIndex - 1, 0)\n        },\n        setLastValueFocusIndex: (ctx) => {\n          nextTick(() => {\n            ctx.focusedIndex = Math.min(ctx.filledValueLength, ctx.valueLength - 1)\n          })\n        },\n        preventDefault(_, evt) {\n          evt.preventDefault()\n        },\n        blurFocusedInputIfNeeded(ctx) {\n          if (!ctx.blurOnComplete) return\n          raf(() => {\n            dom.getFocusedEl(ctx)?.blur()\n          })\n        },\n      },\n    },\n  )\n}\n\nconst REGEX = {\n  numeric: /^[0-9]+$/,\n  alphabetic: /^[A-Za-z]+$/,\n  alphanumeric: /^[a-zA-Z0-9]+$/i,\n}\n\nfunction isValidType(value: string, type: MachineContext[\"type\"]) {\n  if (!type) return true\n  return !!REGEX[type]?.test(value)\n}\n\nfunction assign(ctx: MachineContext, value: string | string[]) {\n  for (let i = 0; i < ctx.value.length; i++) {\n    if (Array.isArray(value)) {\n      if (!value[i]) continue\n      ctx.value[i] = value[i]\n    } else {\n      ctx.value[i] = value\n    }\n  }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/index.mjs

@@ -38,6 +38,12 @@ function nextTick(fn) {
     });
   };
 }
+function raf(fn) {
+  const id = globalThis.requestAnimationFrame(fn);
+  return function cleanup() {
+    globalThis.cancelAnimationFrame(id);
+  };
+}
 function getNativeEvent(event) {
   var _a;
   return (_a = event.nativeEvent) != null ? _a : event;
@@ -72,6 +78,58 @@ function queryAll(root, selector) {
   var _a;
   return Array.from((_a = root == null ? void 0 : root.querySelectorAll(selector)) != null ? _a : []);
 }
+function itemById(v, id) {
+  return v.find((node) => node.id === id);
+}
+function indexOfId(v, id) {
+  const item = itemById(v, id);
+  return item ? v.indexOf(item) : -1;
+}
+var getValueText = (item) => {
+  var _a, _b;
+  return (_b = (_a = item.dataset.valuetext) != null ? _a : item.textContent) != null ? _b : "";
+};
+var match = (valueText, query2) => valueText.toLowerCase().startsWith(query2.toLowerCase());
+var wrap = (v, idx) => {
+  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length]);
+};
+function findByText(v, text, currentId) {
+  const index = currentId ? indexOfId(v, currentId) : -1;
+  let items = currentId ? wrap(v, index) : v;
+  const isSingleKey = text.length === 1;
+  if (isSingleKey) {
+    items = items.filter((item) => item.id !== currentId);
+  }
+  return items.find((item) => match(getValueText(item), text));
+}
+function findByTypeahead(_items, options) {
+  const { state: state2, activeId, key, timeout = 350 } = options;
+  const search = state2.keysSoFar + key;
+  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0]);
+  const query2 = isRepeated ? search[0] : search;
+  let items = _items.slice();
+  const next = findByText(items, query2, activeId);
+  function cleanup() {
+    clearTimeout(state2.timer);
+    state2.timer = -1;
+  }
+  function update(value) {
+    state2.keysSoFar = value;
+    cleanup();
+    if (value !== "") {
+      state2.timer = +setTimeout(() => {
+        update("");
+        cleanup();
+      }, timeout);
+    }
+  }
+  update(search);
+  return next;
+}
+findByTypeahead.defaultOptions = {
+  keysSoFar: "",
+  timer: -1
+};
 
 // ../../types/dist/index.mjs
 function createNormalizer(fn) {
@@ -81,7 +139,7 @@ var normalizeProp = createNormalizer((v) => v);
 
 // ../../utilities/core/dist/index.mjs
 var fromLength = (length) => Array.from(Array(length).keys());
-var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey || v.shiftKey;
+var isModifiedEvent = (v) => v.ctrlKey || v.altKey || v.metaKey;
 function invariant(...a) {
   const m = a.length === 1 ? a[0] : a[1];
   const c = a.length === 2 ? a[0] : true;
@@ -137,10 +195,8 @@ function connect(state, send, normalize = normalizeProp) {
       send({ type: "SET_VALUE", value, index });
     },
     focus() {
-      nextTick(() => {
-        var _a;
-        (_a = dom.getFirstInputEl(state.context)) == null ? void 0 : _a.focus();
-      });
+      var _a;
+      (_a = dom.getFirstInputEl(state.context)) == null ? void 0 : _a.focus();
     },
     rootProps: normalize.element({
       dir: state.context.dir,
@@ -370,7 +426,7 @@ function machine(ctx = {}) {
         });
       },
       focusInput: (ctx2) => {
-        nextTick(() => {
+        raf(() => {
           var _a;
           if (ctx2.focusedIndex === -1)
             return;
@@ -410,7 +466,7 @@ function machine(ctx = {}) {
         ctx2.value[ctx2.focusedIndex] = evt.value.replace(val, "").charAt(0);
       },
       setPastedValue(ctx2, evt) {
-        nextTick(() => {
+        raf(() => {
           const value = evt.value.substr(0, ctx2.valueLength);
           assign(ctx2, value.split("").filter(Boolean));
         });
@@ -444,7 +500,7 @@ function machine(ctx = {}) {
       blurFocusedInputIfNeeded(ctx2) {
         if (!ctx2.blurOnComplete)
           return;
-        nextTick(() => {
+        raf(() => {
           var _a;
           (_a = dom.getFocusedEl(ctx2)) == null ? void 0 : _a.blur();
         });

package/dist/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/form.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/visual-viewport.ts", "../../../utilities/dom/src/wait.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/pin-input.dom.ts", "../src/pin-input.connect.ts", "../src/pin-input.machine.ts"],
-  "sourcesContent": ["type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? true : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n  return {\n    get: (key: string) => el.getAttribute(key),\n    set: (key: string, value: string) => el.setAttribute(key, value),\n    is: (key: string, value: string) => {\n      return el.getAttribute(key) === value\n    },\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n  ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n  return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  const cache = getStyleCache()\n  let style: Styles | undefined = cache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    cache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: 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    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n  }\n\n  function preventScrollMobileSafari() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n      docEl.removeAttribute(\"scroll-lock\")\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function 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  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    oldRegion?.remove()\n  }\n\n  return { announce, destroy }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree: true })\n\n  return () => obs.disconnect()\n}\n", "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", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n  width: number\n  height: number\n}\n\ntype Options = {\n  document?: Document\n  resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n  const { document: doc, resolve } = options\n  const win = doc?.defaultView || window\n  resolve?.(getViewportSize(win))\n  const onResize = () => resolve?.(getViewportSize(win))\n  return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n  return {\n    width: win.visualViewport?.width || win.innerWidth,\n    height: win.visualViewport?.height || win.innerHeight,\n  }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n  let value = predicate()\n  if (!!value) return Promise.resolve(value)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      let value = predicate()\n      if (value) {\n        globalThis.clearInterval(id)\n        resolve(value)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n  style?: T[\"style\"] & {\n    [prop: string]: string | number | undefined\n  }\n}\n\ntype DataAttr = {\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-type\"?: string\n  \"data-value\"?: string | number\n  \"data-valuetext\"?: string\n  \"data-open\"?: Booleanish\n  \"data-placement\"?: string\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n  \"data-label\"?: string\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-state\"?: string | null\n  \"data-half\"?: Booleanish\n  \"data-count\"?: number\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-index\"?: number\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n  button: JSXButtonAttributes\n  label: JSXLabelAttributes\n  input: JSXInputAttributes\n  output: JSXOutputAttributes\n  element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n  button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n  label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n  input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n  output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n  element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n  return { button: fn, label: fn, input: fn, output: fn, element: fn }\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n  | { type: \"boolean\"; label?: string; defaultValue: boolean }\n  | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n  | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n  | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n  | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n  [K in keyof T]: T[K] extends { type: \"boolean\" }\n    ? boolean\n    : T[K] extends { type: \"string\" }\n    ? string\n    : T[K] extends { type: \"select\" }\n    ? T[K][\"options\"][number]\n    : T[K] extends { type: \"multiselect\" }\n    ? T[K][\"options\"][number][]\n    : T[K] extends { type: \"number\" }\n    ? number\n    : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n  return config\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 { queryAll } from \"@zag-js/dom-utils\"\nimport { MachineContext as Ctx } from \"./pin-input.types\"\n\nexport const dom = {\n  getDoc: (ctx: Ctx) => ctx.doc ?? document,\n\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `pin-input:${ctx.uid}`,\n  getInputId: (ctx: Ctx, id: string) => ctx.ids?.input?.(id) ?? `pin-input:${ctx.uid}:${id}`,\n\n  getRootEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getRootId(ctx)),\n  getElements: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[data-ownedby=${ownerId}]`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n  getFocusedEl: (ctx: Ctx) => dom.getElements(ctx)[ctx.focusedIndex],\n\n  getFirstInputEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n}\n", "import { ariaAttr, dataAttr, EventKeyMap, getEventKey, getNativeEvent, nextTick } from \"@zag-js/dom-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { invariant, isModifiedEvent } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { Send, State } from \"./pin-input.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize = normalizeProp) {\n  const isValueComplete = state.context.isValueComplete\n  const isInvalid = state.context.invalid\n  const focusedIndex = state.context.focusedIndex\n  const messages = state.context.messages\n\n  return {\n    value: state.context.value,\n    valueAsString: state.context.valueAsString,\n    isValueComplete: isValueComplete,\n    setValue(value: string[]) {\n      if (!Array.isArray(value)) {\n        invariant(\"[pin-input/setValue] value must be an array\")\n      }\n      send({ type: \"SET_VALUE\", value })\n    },\n    clearValue() {\n      send({ type: \"CLEAR_VALUE\" })\n    },\n    setValueAtIndex(index: number, value: string) {\n      send({ type: \"SET_VALUE\", value, index })\n    },\n    focus() {\n      nextTick(() => {\n        dom.getFirstInputEl(state.context)?.focus()\n      })\n    },\n\n    rootProps: normalize.element<T>({\n      dir: state.context.dir,\n      \"data-part\": \"root\",\n      id: dom.getRootId(state.context),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-disabled\": dataAttr(state.context.disabled),\n      \"data-complete\": dataAttr(isValueComplete),\n    }),\n\n    getInputProps({ index }: { index: number }) {\n      const inputType = state.context.type === \"numeric\" ? \"tel\" : \"text\"\n      return normalize.input<T>({\n        \"data-part\": \"input\",\n        disabled: state.context.disabled,\n        \"data-disabled\": dataAttr(state.context.disabled),\n        \"data-complete\": dataAttr(isValueComplete),\n        id: dom.getInputId(state.context, index.toString()),\n        \"data-ownedby\": dom.getRootId(state.context),\n        \"aria-label\": messages.inputLabel(index, state.context.valueLength),\n        inputMode: state.context.otp || state.context.type === \"numeric\" ? \"numeric\" : \"text\",\n        \"aria-invalid\": ariaAttr(isInvalid),\n        \"data-invalid\": dataAttr(isInvalid),\n        type: state.context.mask ? \"password\" : inputType,\n        value: state.context.value[index] || \"\",\n        autoCapitalize: \"none\",\n        autoComplete: state.context.otp ? \"one-time-code\" : \"off\",\n        placeholder: focusedIndex === index ? \"\" : state.context.placeholder,\n        onChange(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing) return\n          const value = event.target.value\n\n          if (evt.inputType === \"insertFromPaste\" || value.length > 2) {\n            send({ type: \"PASTE\", value })\n            event.preventDefault()\n            return\n          }\n\n          if (evt.inputType === \"insertText\") {\n            send({ type: \"INPUT\", value })\n          }\n        },\n        onKeyDown(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing || isModifiedEvent(evt)) return\n\n          const keyMap: EventKeyMap = {\n            Backspace() {\n              send(\"BACKSPACE\")\n            },\n            Delete() {\n              send(\"DELETE\")\n            },\n            ArrowLeft() {\n              send(\"ARROW_LEFT\")\n            },\n            ArrowRight() {\n              send(\"ARROW_RIGHT\")\n            },\n          }\n\n          const key = getEventKey(event, { dir: state.context.dir })\n          const exec = keyMap[key]\n\n          if (exec) {\n            exec(event)\n            event.preventDefault()\n          } else {\n            send({ type: \"KEY_DOWN\", value: key, preventDefault: () => event.preventDefault() })\n          }\n        },\n        onFocus() {\n          send({ type: \"FOCUS\", index })\n        },\n        onBlur() {\n          send({ type: \"BLUR\", index })\n        },\n      })\n    },\n  }\n}\n", "import { createMachine, guards, ref } from \"@zag-js/core\"\nimport { nextTick } from \"@zag-js/dom-utils\"\nimport { fromLength } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { MachineContext, MachineState, UserDefinedContext } from \"./pin-input.types\"\n\nconst { and, not } = guards\n\nexport function machine(ctx: UserDefinedContext = {}) {\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"pin-input\",\n      initial: \"unknown\",\n      context: {\n        uid: \"pin-input\",\n        value: [],\n        focusedIndex: -1,\n        placeholder: \"\u25CB\",\n        otp: false,\n        type: \"numeric\",\n        ...ctx,\n        messages: {\n          inputLabel: (index, length) => `pin code ${index + 1} of ${length}`,\n          ...ctx.messages,\n        },\n      },\n\n      computed: {\n        valueLength: (ctx) => ctx.value.length,\n        filledValueLength: (ctx) => ctx.value.filter((v) => v?.trim() !== \"\").length,\n        isValueComplete: (ctx) => ctx.valueLength === ctx.filledValueLength,\n        valueAsString: (ctx) => ctx.value.join(\"\"),\n      },\n\n      watch: {\n        focusedIndex: \"focusInput\",\n        value: \"invokeOnChange\",\n        isValueComplete: [\"invokeComplete\", \"blurFocusedInputIfNeeded\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        CLEAR_VALUE: [\n          {\n            guard: \"isDisabled\",\n            actions: \"clearValue\",\n          },\n          {\n            actions: [\"clearValue\", \"setFocusIndexToFirst\"],\n          },\n        ],\n      },\n\n      states: {\n        unknown: {\n          on: {\n            SETUP: [\n              {\n                guard: \"autoFocus\",\n                target: \"focused\",\n                actions: [\"setupDocument\", \"setupValue\", \"setFocusIndexToFirst\"],\n              },\n              {\n                target: \"idle\",\n                actions: [\"setupDocument\", \"setupValue\"],\n              },\n            ],\n          },\n        },\n        idle: {\n          on: {\n            FOCUS: {\n              target: \"focused\",\n              actions: \"setFocusedIndex\",\n            },\n          },\n        },\n        focused: {\n          on: {\n            INPUT: [\n              {\n                guard: and(\"isFinalValue\", \"isValidValue\"),\n                actions: \"setFocusedValue\",\n              },\n              {\n                guard: and(\"hasValue\", \"isValidValue\"),\n                actions: [\"replaceFocusedValue\", \"setNextFocusedIndex\"],\n              },\n              {\n                guard: \"isValidValue\",\n                actions: [\"setFocusedValue\", \"setNextFocusedIndex\"],\n              },\n            ],\n            PASTE: {\n              guard: \"isValidValue\",\n              actions: [\"setPastedValue\", \"setLastValueFocusIndex\"],\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n            DELETE: {\n              guard: \"hasValue\",\n              actions: \"clearFocusedValue\",\n            },\n            ARROW_LEFT: {\n              actions: \"setPrevFocusedIndex\",\n            },\n            ARROW_RIGHT: {\n              actions: \"setNextFocusedIndex\",\n            },\n            BACKSPACE: [\n              {\n                guard: \"hasValue\",\n                actions: \"clearFocusedValue\",\n              },\n              {\n                actions: [\"setPrevFocusedIndex\", \"clearFocusedValue\"],\n              },\n            ],\n            KEY_DOWN: {\n              guard: not(\"isValidValue\"),\n              actions: [\"preventDefault\", \"invokeOnInvalid\"],\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        autoFocus: (ctx) => !!ctx.autoFocus,\n        isValueEmpty: (_ctx, evt) => evt.value === \"\",\n        hasValue: (ctx) => ctx.value[ctx.focusedIndex] !== \"\",\n        isValueComplete: (ctx) => ctx.isValueComplete,\n        isValidValue: (ctx, evt) => isValidType(evt.value, ctx.type),\n        isFinalValue: (ctx) => {\n          return (\n            ctx.filledValueLength + 1 === ctx.valueLength &&\n            ctx.value.findIndex((v) => v.trim() === \"\") === ctx.focusedIndex\n          )\n        },\n        isLastInputFocused: (ctx) => ctx.focusedIndex === ctx.valueLength - 1,\n        hasIndex: (_ctx, evt) => evt.index !== undefined,\n        isDisabled: (ctx) => !!ctx.disabled,\n      },\n      actions: {\n        setupDocument: (ctx, evt) => {\n          if (evt.doc) ctx.doc = ref(evt.doc)\n          ctx.uid = evt.id\n        },\n        setupValue: (ctx) => {\n          nextTick(() => {\n            const inputs = dom.getElements(ctx)\n            const empty = fromLength(inputs.length).map(() => \"\")\n            ctx.value = Object.assign(empty, ctx.value)\n          })\n        },\n        focusInput: (ctx) => {\n          nextTick(() => {\n            if (ctx.focusedIndex === -1) return\n            dom.getFocusedEl(ctx)?.focus()\n          })\n        },\n        invokeComplete: (ctx) => {\n          if (ctx.isValueComplete) {\n            ctx.onComplete?.({ value: Array.from(ctx.value), valueAsString: ctx.valueAsString })\n          }\n        },\n        invokeOnChange: (ctx, evt) => {\n          if (evt.type !== \"SETUP\") {\n            ctx.onChange?.({ value: Array.from(ctx.value) })\n          }\n        },\n        invokeOnInvalid: (ctx, evt) => {\n          ctx.onInvalid?.({ value: evt.value, index: ctx.focusedIndex })\n        },\n        clearFocusedIndex: (ctx) => {\n          ctx.focusedIndex = -1\n        },\n        setValue: (ctx, event) => {\n          assign(ctx, event.value)\n        },\n        setFocusedIndex: (ctx, event) => {\n          ctx.focusedIndex = event.index\n        },\n        setFocusedValue: (ctx, event) => {\n          ctx.value[ctx.focusedIndex] = event.value\n        },\n        replaceFocusedValue: (ctx, evt) => {\n          const val = ctx.value[ctx.focusedIndex]\n          ctx.value[ctx.focusedIndex] = evt.value.replace(val, \"\").charAt(0)\n        },\n        setPastedValue(ctx, evt) {\n          nextTick(() => {\n            const value = (evt.value as string).substr(0, ctx.valueLength)\n            assign(ctx, value.split(\"\").filter(Boolean))\n          })\n        },\n        setValueAtIndex: (ctx, evt) => {\n          ctx.value[evt.index] = evt.value\n        },\n        clearValue: (ctx) => {\n          assign(ctx, \"\")\n        },\n        clearFocusedValue: (ctx) => {\n          ctx.value[ctx.focusedIndex] = \"\"\n        },\n        setFocusIndexToFirst: (ctx) => {\n          ctx.focusedIndex = 0\n        },\n        setNextFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.min(ctx.focusedIndex + 1, ctx.valueLength - 1)\n        },\n        setPrevFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.max(ctx.focusedIndex - 1, 0)\n        },\n        setLastValueFocusIndex: (ctx) => {\n          nextTick(() => {\n            ctx.focusedIndex = Math.min(ctx.filledValueLength, ctx.valueLength - 1)\n          })\n        },\n        preventDefault(_, evt) {\n          evt.preventDefault()\n        },\n        blurFocusedInputIfNeeded(ctx) {\n          if (!ctx.blurOnComplete) return\n          nextTick(() => {\n            dom.getFocusedEl(ctx)?.blur()\n          })\n        },\n      },\n    },\n  )\n}\n\nconst REGEX = {\n  numeric: /^[0-9]+$/,\n  alphabetic: /^[A-Za-z]+$/,\n  alphanumeric: /^[a-zA-Z0-9]+$/i,\n}\n\nfunction isValidType(value: string, type: MachineContext[\"type\"]) {\n  if (!type) return true\n  return !!REGEX[type]?.test(value)\n}\n\nfunction assign(ctx: MachineContext, value: string | string[]) {\n  for (let i = 0; i < ctx.value.length; i++) {\n    if (Array.isArray(value)) {\n      if (!value[i]) continue\n      ctx.value[i] = value[i]\n    } else {\n      ctx.value[i] = value\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,WAAW,CAAC,UAA+B;AACtD,SAAQ,QAAQ,KAAK;AACvB;AAEO,IAAM,WAAW,CAAC,UAA+B;AACtD,SAAO,QAAQ,OAAO;AACxB;AERO,kBAAkB,IAAkB;AACzC,QAAM,MAAM,oBAAI,IAAkB;AAClC,gBAAa,KAAkB;AAC7B,UAAM,KAAK,WAAW,sBAAsB,GAAE;AAC9C,QAAI,IAAI,MAAM,WAAW,qBAAqB,EAAE,CAAC;EACnD;AACA,OAAI,MAAM,KAAI,EAAE,CAAC;AACjB,SAAO,mBAAmB;AACxB,QAAI,QAAQ,SAAU,KAAI;AACxB,UAAG;IACL,CAAC;EACH;AACF;AUqCO,wBACL,OAC0G;AAnD5G,MAAA;AAoDE,SAAQ,MAAA,MAAc,gBAAd,OAAA,KAA6B;AACvC;AO/BA,IAAM,YAAY;EAChB,WAAW;EACX,YAAY;EACZ,MAAM;EACN,KAAK;AACP;AAEA,IAAM,aAAa;EACjB,IAAI;EACJ,MAAM;EACN,KAAK;EACL,KAAK;EACL,KAAK;EACL,MAAM;EACN,OAAO;AACT;AAUO,qBAAqB,OAAsB,UAA2B,CAAC,GAAG;AA/CjF,MAAA;AAgDE,QAAM,EAAE,MAAM,OAAO,cAAc,iBAAiB;AAEpD,MAAI,EAAE,QAAQ;AACd,QAAM,MAAA,WAAW,SAAX,OAAA,KAAmB;AAEzB,QAAM,QAAQ,QAAQ,SAAS,gBAAgB;AAE/C,MAAI,SAAS,OAAO,WAAW;AAC7B,UAAM,UAAU;EAClB;AAEA,SAAO;AACT;AI1DO,kBAAuD,MAAY,UAAkB;AAF5F,MAAA;AAGE,SAAO,MAAM,KAAK,MAAA,QAAA,OAAA,SAAA,KAAM,iBAAoB,QAAA,MAA1B,OAAA,KAAuC,CAAC,CAAC;AAC7D;;;AQmEO,0BAA0B,IAA2C;AAC1E,SAAO,EAAE,QAAQ,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,IAAI,SAAS,GAAG;AACrE;AAEO,IAAM,gBAAgB,iBAAiB,CAAC,MAAM,CAAC;;;AEtE/C,IAAM,aAAa,CAAC,WAAmB,MAAM,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC;AEwBtE,IAAM,kBAAkB,CAAC,MAC9B,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE;AClBnC,sBAAsB,GAAgB;AAC3C,QAAM,IAAI,EAAE,WAAW,IAAI,EAAE,KAAK,EAAE;AACpC,QAAM,IAAI,EAAE,WAAW,IAAI,EAAE,KAAK;AAClC,MAAI,KAAK,WAAyB,cAAc;AAC9C,UAAM,IAAI,MAAM,CAAC;EACnB;AACF;;;ACfO,IAAM,MAAM;AAAA,EACjB,QAAQ,CAAC,QAAU;AAJrB;AAIwB,qBAAI,QAAJ,YAAW;AAAA;AAAA,EAEjC,WAAW,CAAC,QAAU;AANxB;AAM2B,2BAAI,QAAJ,mBAAS,SAAT,YAAiB,aAAa,IAAI;AAAA;AAAA,EAC3D,YAAY,CAAC,KAAU,OAAY;AAPrC;AAOwC,iCAAI,QAAJ,mBAAS,UAAT,4BAAiB,QAAjB,YAAwB,aAAa,IAAI,OAAO;AAAA;AAAA,EAEtF,WAAW,CAAC,QAAa,IAAI,OAAO,GAAG,EAAE,eAAe,IAAI,UAAU,GAAG,CAAC;AAAA,EAC1E,aAAa,CAAC,QAAa;AACzB,UAAM,UAAU,IAAI,OAAO,IAAI,UAAU,GAAG,CAAC;AAC7C,UAAM,WAAW,sBAAsB;AACvC,WAAO,SAA2B,IAAI,UAAU,GAAG,GAAG,QAAQ;AAAA,EAChE;AAAA,EACA,cAAc,CAAC,QAAa,IAAI,YAAY,GAAG,EAAE,IAAI;AAAA,EAErD,iBAAiB,CAAC,QAAa,IAAI,YAAY,GAAG,EAAE;AACtD;;;ACZO,iBAAuD,OAAc,MAAY,YAAY,eAAe;AACjH,QAAM,kBAAkB,MAAM,QAAQ;AACtC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAe,MAAM,QAAQ;AACnC,QAAM,WAAW,MAAM,QAAQ;AAE/B,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ;AAAA,IACrB,eAAe,MAAM,QAAQ;AAAA,IAC7B;AAAA,IACA,SAAS,OAAiB;AACxB,UAAI,CAAC,MAAM,QAAQ,KAAK,GAAG;AACzB,kBAAU,6CAA6C;AAAA,MACzD;AACA,WAAK,EAAE,MAAM,aAAa,MAAM,CAAC;AAAA,IACnC;AAAA,IACA,aAAa;AACX,WAAK,EAAE,MAAM,cAAc,CAAC;AAAA,IAC9B;AAAA,IACA,gBAAgB,OAAe,OAAe;AAC5C,WAAK,EAAE,MAAM,aAAa,OAAO,MAAM,CAAC;AAAA,IAC1C;AAAA,IACA,QAAQ;AACN,eAAS,MAAM;AA7BrB;AA8BQ,kBAAI,gBAAgB,MAAM,OAAO,MAAjC,mBAAoC;AAAA,MACtC,CAAC;AAAA,IACH;AAAA,IAEA,WAAW,UAAU,QAAW;AAAA,MAC9B,KAAK,MAAM,QAAQ;AAAA,MACnB,aAAa;AAAA,MACb,IAAI,IAAI,UAAU,MAAM,OAAO;AAAA,MAC/B,gBAAgB,SAAS,SAAS;AAAA,MAClC,iBAAiB,SAAS,MAAM,QAAQ,QAAQ;AAAA,MAChD,iBAAiB,SAAS,eAAe;AAAA,IAC3C,CAAC;AAAA,IAED,cAAc,EAAE,SAA4B;AAC1C,YAAM,YAAY,MAAM,QAAQ,SAAS,YAAY,QAAQ;AAC7D,aAAO,UAAU,MAAS;AAAA,QACxB,aAAa;AAAA,QACb,UAAU,MAAM,QAAQ;AAAA,QACxB,iBAAiB,SAAS,MAAM,QAAQ,QAAQ;AAAA,QAChD,iBAAiB,SAAS,eAAe;AAAA,QACzC,IAAI,IAAI,WAAW,MAAM,SAAS,MAAM,SAAS,CAAC;AAAA,QAClD,gBAAgB,IAAI,UAAU,MAAM,OAAO;AAAA,QAC3C,cAAc,SAAS,WAAW,OAAO,MAAM,QAAQ,WAAW;AAAA,QAClE,WAAW,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS,YAAY,YAAY;AAAA,QAC/E,gBAAgB,SAAS,SAAS;AAAA,QAClC,gBAAgB,SAAS,SAAS;AAAA,QAClC,MAAM,MAAM,QAAQ,OAAO,aAAa;AAAA,QACxC,OAAO,MAAM,QAAQ,MAAM,UAAU;AAAA,QACrC,gBAAgB;AAAA,QAChB,cAAc,MAAM,QAAQ,MAAM,kBAAkB;AAAA,QACpD,aAAa,iBAAiB,QAAQ,KAAK,MAAM,QAAQ;AAAA,QACzD,SAAS,OAAO;AACd,gBAAM,MAAM,eAAe,KAAK;AAChC,cAAI,IAAI;AAAa;AACrB,gBAAM,QAAQ,MAAM,OAAO;AAE3B,cAAI,IAAI,cAAc,qBAAqB,MAAM,SAAS,GAAG;AAC3D,iBAAK,EAAE,MAAM,SAAS,MAAM,CAAC;AAC7B,kBAAM,eAAe;AACrB;AAAA,UACF;AAEA,cAAI,IAAI,cAAc,cAAc;AAClC,iBAAK,EAAE,MAAM,SAAS,MAAM,CAAC;AAAA,UAC/B;AAAA,QACF;AAAA,QACA,UAAU,OAAO;AACf,gBAAM,MAAM,eAAe,KAAK;AAChC,cAAI,IAAI,eAAe,gBAAgB,GAAG;AAAG;AAE7C,gBAAM,SAAsB;AAAA,YAC1B,YAAY;AACV,mBAAK,WAAW;AAAA,YAClB;AAAA,YACA,SAAS;AACP,mBAAK,QAAQ;AAAA,YACf;AAAA,YACA,YAAY;AACV,mBAAK,YAAY;AAAA,YACnB;AAAA,YACA,aAAa;AACX,mBAAK,aAAa;AAAA,YACpB;AAAA,UACF;AAEA,gBAAM,MAAM,YAAY,OAAO,EAAE,KAAK,MAAM,QAAQ,IAAI,CAAC;AACzD,gBAAM,OAAO,OAAO;AAEpB,cAAI,MAAM;AACR,iBAAK,KAAK;AACV,kBAAM,eAAe;AAAA,UACvB,OAAO;AACL,iBAAK,EAAE,MAAM,YAAY,OAAO,KAAK,gBAAgB,MAAM,MAAM,eAAe,EAAE,CAAC;AAAA,UACrF;AAAA,QACF;AAAA,QACA,UAAU;AACR,eAAK,EAAE,MAAM,SAAS,MAAM,CAAC;AAAA,QAC/B;AAAA,QACA,SAAS;AACP,eAAK,EAAE,MAAM,QAAQ,MAAM,CAAC;AAAA,QAC9B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;AClHA;AAMA,IAAM,EAAE,KAAK,QAAQ;AAEd,iBAAiB,MAA0B,CAAC,GAAG;AACpD,SAAO,cACL;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,SAAS;AAAA,MACP,KAAK;AAAA,MACL,OAAO,CAAC;AAAA,MACR,cAAc;AAAA,MACd,aAAa;AAAA,MACb,KAAK;AAAA,MACL,MAAM;AAAA,OACH,MAPI;AAAA,MAQP,UAAU;AAAA,QACR,YAAY,CAAC,OAAO,WAAW,YAAY,QAAQ,QAAQ;AAAA,SACxD,IAAI;AAAA,IAEX;AAAA,IAEA,UAAU;AAAA,MACR,aAAa,CAAC,SAAQ,KAAI,MAAM;AAAA,MAChC,mBAAmB,CAAC,SAAQ,KAAI,MAAM,OAAO,CAAC,MAAM,wBAAG,YAAW,EAAE,EAAE;AAAA,MACtE,iBAAiB,CAAC,SAAQ,KAAI,gBAAgB,KAAI;AAAA,MAClD,eAAe,CAAC,SAAQ,KAAI,MAAM,KAAK,EAAE;AAAA,IAC3C;AAAA,IAEA,OAAO;AAAA,MACL,cAAc;AAAA,MACd,OAAO;AAAA,MACP,iBAAiB,CAAC,kBAAkB,0BAA0B;AAAA,IAChE;AAAA,IAEA,IAAI;AAAA,MACF,WAAW;AAAA,QACT;AAAA,UACE,OAAO;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA,EAAE,SAAS,WAAW;AAAA,MACxB;AAAA,MACA,aAAa;AAAA,QACX;AAAA,UACE,OAAO;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA;AAAA,UACE,SAAS,CAAC,cAAc,sBAAsB;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,IAAI;AAAA,UACF,OAAO;AAAA,YACL;AAAA,cACE,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS,CAAC,iBAAiB,cAAc,sBAAsB;AAAA,YACjE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,CAAC,iBAAiB,YAAY;AAAA,YACzC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,UACF,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,IAAI;AAAA,UACF,OAAO;AAAA,YACL;AAAA,cACE,OAAO,IAAI,gBAAgB,cAAc;AAAA,cACzC,SAAS;AAAA,YACX;AAAA,YACA;AAAA,cACE,OAAO,IAAI,YAAY,cAAc;AAAA,cACrC,SAAS,CAAC,uBAAuB,qBAAqB;AAAA,YACxD;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP,SAAS,CAAC,mBAAmB,qBAAqB;AAAA,YACpD;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,SAAS,CAAC,kBAAkB,wBAAwB;AAAA,UACtD;AAAA,UACA,MAAM;AAAA,YACJ,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,UACA,QAAQ;AAAA,YACN,OAAO;AAAA,YACP,SAAS;AAAA,UACX;AAAA,UACA,YAAY;AAAA,YACV,SAAS;AAAA,UACX;AAAA,UACA,aAAa;AAAA,YACX,SAAS;AAAA,UACX;AAAA,UACA,WAAW;AAAA,YACT;AAAA,cACE,OAAO;AAAA,cACP,SAAS;AAAA,YACX;AAAA,YACA;AAAA,cACE,SAAS,CAAC,uBAAuB,mBAAmB;AAAA,YACtD;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO,IAAI,cAAc;AAAA,YACzB,SAAS,CAAC,kBAAkB,iBAAiB;AAAA,UAC/C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,GACA;AAAA,IACE,QAAQ;AAAA,MACN,WAAW,CAAC,SAAQ,CAAC,CAAC,KAAI;AAAA,MAC1B,cAAc,CAAC,MAAM,QAAQ,IAAI,UAAU;AAAA,MAC3C,UAAU,CAAC,SAAQ,KAAI,MAAM,KAAI,kBAAkB;AAAA,MACnD,iBAAiB,CAAC,SAAQ,KAAI;AAAA,MAC9B,cAAc,CAAC,MAAK,QAAQ,YAAY,IAAI,OAAO,KAAI,IAAI;AAAA,MAC3D,cAAc,CAAC,SAAQ;AACrB,eACE,KAAI,oBAAoB,MAAM,KAAI,eAClC,KAAI,MAAM,UAAU,CAAC,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,KAAI;AAAA,MAExD;AAAA,MACA,oBAAoB,CAAC,SAAQ,KAAI,iBAAiB,KAAI,cAAc;AAAA,MACpE,UAAU,CAAC,MAAM,QAAQ,IAAI,UAAU;AAAA,MACvC,YAAY,CAAC,SAAQ,CAAC,CAAC,KAAI;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,eAAe,CAAC,MAAK,QAAQ;AAC3B,YAAI,IAAI;AAAK,eAAI,MAAM,IAAI,IAAI,GAAG;AAClC,aAAI,MAAM,IAAI;AAAA,MAChB;AAAA,MACA,YAAY,CAAC,SAAQ;AACnB,iBAAS,MAAM;AACb,gBAAM,SAAS,IAAI,YAAY,IAAG;AAClC,gBAAM,QAAQ,WAAW,OAAO,MAAM,EAAE,IAAI,MAAM,EAAE;AACpD,eAAI,QAAQ,OAAO,OAAO,OAAO,KAAI,KAAK;AAAA,QAC5C,CAAC;AAAA,MACH;AAAA,MACA,YAAY,CAAC,SAAQ;AACnB,iBAAS,MAAM;AApKzB;AAqKY,cAAI,KAAI,iBAAiB;AAAI;AAC7B,oBAAI,aAAa,IAAG,MAApB,mBAAuB;AAAA,QACzB,CAAC;AAAA,MACH;AAAA,MACA,gBAAgB,CAAC,SAAQ;AAzKjC;AA0KU,YAAI,KAAI,iBAAiB;AACvB,qBAAI,eAAJ,8BAAiB,EAAE,OAAO,MAAM,KAAK,KAAI,KAAK,GAAG,eAAe,KAAI,cAAc;AAAA,QACpF;AAAA,MACF;AAAA,MACA,gBAAgB,CAAC,MAAK,QAAQ;AA9KtC;AA+KU,YAAI,IAAI,SAAS,SAAS;AACxB,qBAAI,aAAJ,8BAAe,EAAE,OAAO,MAAM,KAAK,KAAI,KAAK,EAAE;AAAA,QAChD;AAAA,MACF;AAAA,MACA,iBAAiB,CAAC,MAAK,QAAQ;AAnLvC;AAoLU,mBAAI,cAAJ,8BAAgB,EAAE,OAAO,IAAI,OAAO,OAAO,KAAI,aAAa;AAAA,MAC9D;AAAA,MACA,mBAAmB,CAAC,SAAQ;AAC1B,aAAI,eAAe;AAAA,MACrB;AAAA,MACA,UAAU,CAAC,MAAK,UAAU;AACxB,eAAO,MAAK,MAAM,KAAK;AAAA,MACzB;AAAA,MACA,iBAAiB,CAAC,MAAK,UAAU;AAC/B,aAAI,eAAe,MAAM;AAAA,MAC3B;AAAA,MACA,iBAAiB,CAAC,MAAK,UAAU;AAC/B,aAAI,MAAM,KAAI,gBAAgB,MAAM;AAAA,MACtC;AAAA,MACA,qBAAqB,CAAC,MAAK,QAAQ;AACjC,cAAM,MAAM,KAAI,MAAM,KAAI;AAC1B,aAAI,MAAM,KAAI,gBAAgB,IAAI,MAAM,QAAQ,KAAK,EAAE,EAAE,OAAO,CAAC;AAAA,MACnE;AAAA,MACA,eAAe,MAAK,KAAK;AACvB,iBAAS,MAAM;AACb,gBAAM,QAAS,IAAI,MAAiB,OAAO,GAAG,KAAI,WAAW;AAC7D,iBAAO,MAAK,MAAM,MAAM,EAAE,EAAE,OAAO,OAAO,CAAC;AAAA,QAC7C,CAAC;AAAA,MACH;AAAA,MACA,iBAAiB,CAAC,MAAK,QAAQ;AAC7B,aAAI,MAAM,IAAI,SAAS,IAAI;AAAA,MAC7B;AAAA,MACA,YAAY,CAAC,SAAQ;AACnB,eAAO,MAAK,EAAE;AAAA,MAChB;AAAA,MACA,mBAAmB,CAAC,SAAQ;AAC1B,aAAI,MAAM,KAAI,gBAAgB;AAAA,MAChC;AAAA,MACA,sBAAsB,CAAC,SAAQ;AAC7B,aAAI,eAAe;AAAA,MACrB;AAAA,MACA,qBAAqB,CAAC,SAAQ;AAC5B,aAAI,eAAe,KAAK,IAAI,KAAI,eAAe,GAAG,KAAI,cAAc,CAAC;AAAA,MACvE;AAAA,MACA,qBAAqB,CAAC,SAAQ;AAC5B,aAAI,eAAe,KAAK,IAAI,KAAI,eAAe,GAAG,CAAC;AAAA,MACrD;AAAA,MACA,wBAAwB,CAAC,SAAQ;AAC/B,iBAAS,MAAM;AACb,eAAI,eAAe,KAAK,IAAI,KAAI,mBAAmB,KAAI,cAAc,CAAC;AAAA,QACxE,CAAC;AAAA,MACH;AAAA,MACA,eAAe,GAAG,KAAK;AACrB,YAAI,eAAe;AAAA,MACrB;AAAA,MACA,yBAAyB,MAAK;AAC5B,YAAI,CAAC,KAAI;AAAgB;AACzB,iBAAS,MAAM;AAxOzB;AAyOY,oBAAI,aAAa,IAAG,MAApB,mBAAuB;AAAA,QACzB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CACF;AACF;AAEA,IAAM,QAAQ;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAChB;AAEA,qBAAqB,OAAe,MAA8B;AAvPlE;AAwPE,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,CAAC,CAAC,aAAM,UAAN,mBAAa,KAAK;AAC7B;AAEA,gBAAgB,KAAqB,OAA0B;AAC7D,WAAS,IAAI,GAAG,IAAI,IAAI,MAAM,QAAQ,KAAK;AACzC,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,MAAM,KAAK,MAAM;AAAA,IACvB,OAAO;AACL,UAAI,MAAM,KAAK;AAAA,IACjB;AAAA,EACF;AACF;",
+  "sources": ["../../../utilities/dom/src/attrs.ts", "../../../utilities/dom/src/computed-style.ts", "../../../utilities/dom/src/next-tick.ts", "../../../utilities/dom/src/auto-resize.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../../../utilities/dom/src/event-bus.ts", "../../../utilities/dom/src/listener.ts", "../../../utilities/dom/src/body-pointer-event.ts", "../../../utilities/dom/src/body-scroll-lock.ts", "../../../utilities/dom/src/query.ts", "../../../utilities/dom/src/scrollable.ts", "../../../utilities/dom/src/constants.ts", "../../../utilities/dom/src/dispatch-event.ts", "../../../utilities/dom/src/focus-event.ts", "../../../utilities/dom/src/focusable.ts", "../../../utilities/dom/src/form.ts", "../../../utilities/dom/src/keyboard-event.ts", "../../../utilities/dom/src/visually-hidden.ts", "../../../utilities/dom/src/live-region.ts", "../../../utilities/dom/src/mutation-observer.ts", "../../../utilities/dom/src/nodelist.ts", "../../../utilities/dom/src/text-selection.ts", "../../../utilities/dom/src/pointer-event.ts", "../../../utilities/dom/src/pointerlock.ts", "../../../utilities/dom/src/rect-observer.ts", "../../../utilities/dom/src/visibility-event.ts", "../../../utilities/dom/src/visual-viewport.ts", "../../../utilities/dom/src/wait.ts", "../../../utilities/dom/src/typeahead.ts", "../../../types/src/prop-types.ts", "../../../types/src/controls.ts", "../../../utilities/core/src/array.ts", "../../../utilities/core/src/functions.ts", "../../../utilities/core/src/guard.ts", "../../../utilities/core/src/warning.ts", "../src/pin-input.dom.ts", "../src/pin-input.connect.ts", "../src/pin-input.machine.ts"],
+  "sourcesContent": ["type Booleanish = boolean | \"true\" | \"false\"\n\nexport const dataAttr = (guard: boolean | undefined) => {\n  return (guard ? \"\" : undefined) as Booleanish\n}\n\nexport const ariaAttr = (guard: boolean | undefined) => {\n  return guard ? true : undefined\n}\n\nexport const matchAttr = (el: Element) => {\n  return {\n    get: (key: string) => el.getAttribute(key),\n    set: (key: string, value: string) => el.setAttribute(key, value),\n    is: (key: string, value: string) => {\n      return el.getAttribute(key) === value\n    },\n  }\n}\n", "type Key = keyof CSSStyleDeclaration | (string & {})\ntype Styles = Record<Key, any>\ntype El = HTMLElement | null | undefined\n\nfunction getStyleCache(): WeakMap<HTMLElement, Styles> {\n  ;(globalThis as any).__styleCache__ = (globalThis as any).__styleCache__ || new WeakMap()\n  return (globalThis as any).__styleCache__\n}\n\nexport function getComputedStyle(el: El): Styles {\n  if (!el) return {} as Styles\n  const cache = getStyleCache()\n  let style: Styles | undefined = cache.get(el)\n  if (!style) {\n    const win = el?.ownerDocument.defaultView ?? window\n    style = win.getComputedStyle(el) as Styles\n    cache.set(el, style)\n  }\n  return style\n}\n\nexport function copyVisualStyles(fromEl: HTMLElement | null, toEl: HTMLElement) {\n  if (!fromEl) return\n  const el = getComputedStyle(fromEl)\n  // prettier-ignore\n  const cssText = 'box-sizing:' + el.boxSizing +\n                      ';border-left:' + el.borderLeftWidth + ' solid red' +\n                      ';border-right:' + el.borderRightWidth + ' solid red' +\n                      ';font-family:' + el.fontFamily +\n                      ';font-feature-settings:' + el.fontFeatureSettings +\n                      ';font-kerning:' + el.fontKerning +\n                      ';font-size:' + el.fontSize +\n                      ';font-stretch:' + el.fontStretch +\n                      ';font-style:' + el.fontStyle +\n                      ';font-variant:' + el.fontVariant +\n                      ';font-variant-caps:' + el.fontVariantCaps +\n                      ';font-variant-ligatures:' + el.fontVariantLigatures +\n                      ';font-variant-numeric:' + el.fontVariantNumeric +\n                      ';font-weight:' + el.fontWeight +\n                      ';letter-spacing:' + el.letterSpacing +\n                      ';margin-left:' + el.marginLeft +\n                      ';margin-right:' + el.marginRight +\n                      ';padding-left:' + el.paddingLeft +\n                      ';padding-right:' + el.paddingRight +\n                      ';text-indent:' + el.textIndent +\n                      ';text-transform:' + el.textTransform\n\n  toEl.style.cssText += cssText\n}\n", "export function nextTick(fn: VoidFunction) {\n  const set = new Set<VoidFunction>()\n  function raf(fn: VoidFunction) {\n    const id = globalThis.requestAnimationFrame(fn)\n    set.add(() => globalThis.cancelAnimationFrame(id))\n  }\n  raf(() => raf(fn))\n  return function cleanup() {\n    set.forEach(function (fn) {\n      fn()\n    })\n  }\n}\n\nexport function raf(fn: VoidFunction) {\n  const id = globalThis.requestAnimationFrame(fn)\n  return function cleanup() {\n    globalThis.cancelAnimationFrame(id)\n  }\n}\n\nexport function forceReflow() {\n  return document.body.offsetHeight\n}\n", "import { copyVisualStyles } from \"./computed-style\"\nimport { raf } from \"./next-tick\"\n\nfunction createGhostElement(doc: Document) {\n  var el = doc.createElement(\"div\")\n  el.id = \"ghost\"\n  el.style.cssText =\n    \"display:inline-block;height:0;overflow:hidden;position:absolute;top:0;visibility:hidden;white-space:nowrap;\"\n  doc.body.appendChild(el)\n  return el\n}\n\nexport function autoResizeInput(input: HTMLInputElement | null) {\n  if (!input) return\n  const doc = input.ownerDocument ?? document\n  const ghost = createGhostElement(doc)\n\n  copyVisualStyles(input, ghost)\n\n  function resize() {\n    raf(() => {\n      ghost.innerHTML = input!.value\n      const rect = getComputedStyle(ghost)\n      input?.style.setProperty(\"width\", rect.width)\n    })\n  }\n\n  resize()\n\n  input?.addEventListener(\"input\", resize)\n  input?.addEventListener(\"change\", resize)\n\n  return () => {\n    doc.body.removeChild(ghost)\n    input?.removeEventListener(\"input\", resize)\n    input?.removeEventListener(\"change\", resize)\n  }\n}\n", "export function toArray<T>(v: T | T[] | undefined | null): T[] {\n  if (!v) return []\n  return Array.isArray(v) ? v : [v]\n}\n\nexport const fromLength = (length: number) => Array.from(Array(length).keys())\n\nexport const first = <T>(v: T[]): T | undefined => v[0]\n\nexport const last = <T>(v: T[]): T | undefined => v[v.length - 1]\n\nexport const isEmpty = <T>(v: T[]): boolean => v.length === 0\n\nexport const has = <T>(v: T[], t: any): boolean => v.indexOf(t) !== -1\n\nexport const add = <T>(v: T[], ...items: T[]): T[] => v.concat(items)\n\nexport const remove = <T>(v: T[], item: T): T[] => removeAt(v, v.indexOf(item))\n\nexport const removeAt = <T>(v: T[], i: number): T[] => {\n  if (i > -1) v.splice(i, 1)\n  return v\n}\n\nexport function clear<T>(v: T[]): T[] {\n  while (v.length > 0) v.pop()\n  return v\n}\n\nexport type IndexOptions = {\n  step?: number\n  loop?: boolean\n}\n\nexport function nextIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  const next = idx + step\n  const len = v.length\n  const last = len - 1\n  if (idx === -1) return step > 0 ? 0 : last\n  if (next < 0) return loop ? last : 0\n  if (next >= len) return loop ? 0 : idx > len ? len : idx\n  return next\n}\n\nexport function next<T>(v: T[], idx: number, opts: IndexOptions = {}): T | undefined {\n  return v[nextIndex(v, idx, opts)]\n}\n\nexport function prevIndex<T>(v: T[], idx: number, opts: IndexOptions = {}): number {\n  const { step = 1, loop = true } = opts\n  return nextIndex(v, idx, { step: -step, loop })\n}\n\nexport function prev<T>(v: T[], index: number, opts: IndexOptions = {}): T | undefined {\n  return v[prevIndex(v, index, opts)]\n}\n\nexport const chunk = <T>(v: T[], size: number): T[][] => {\n  const res: T[][] = []\n  return v.reduce((rows, value, index) => {\n    if (index % size === 0) rows.push([value])\n    else last(rows)?.push(value)\n    return rows\n  }, res)\n}\n", "export const runIfFn = <T>(\n  v: T | undefined,\n  ...a: T extends (...a: any[]) => void ? Parameters<T> : never\n): T extends (...a: any[]) => void ? NonNullable<ReturnType<T>> : NonNullable<T> => {\n  const res = typeof v === \"function\" ? v(...a) : v\n  return res ?? undefined\n}\n\nexport const cast = <T>(v: unknown): T => v as T\n\nexport const noop = () => {}\n\nexport const pipe =\n  <T>(...fns: Array<(a: T) => T>) =>\n  (v: T) =>\n    fns.reduce((a, b) => b(a), v)\n\nexport const callAll =\n  <T extends (...a: any[]) => void>(...fns: (T | undefined)[]) =>\n  (...a: Parameters<T>) => {\n    fns.forEach(function (fn) {\n      fn?.(...a)\n    })\n  }\n\nexport const uuid = /*#__PURE__*/ (() => {\n  let id = 0\n  return () => {\n    id++\n    return id.toString(36)\n  }\n})()\n\nexport function merge<T, U>(origin: T, patch: U): T & U {\n  if (!(typeof patch === \"object\")) return patch as any\n  const result = !(typeof origin === \"object\") ? {} : Object.assign({}, origin)\n  for (const key of Object.keys(patch)) {\n    const value = patch[key]\n    const src = result[key]\n    if (value === null) delete result[key]\n    else if (Array.isArray(value) || Array.isArray(src)) result[key] = (src || []).concat(value || [])\n    else result[key] = merge(src, value)\n  }\n  return result as any\n}\n", "const platform = (v: RegExp) => isDom() && v.test(navigator.platform)\nconst ua = (v: RegExp) => isDom() && v.test(navigator.userAgent)\n\nexport const isDev = () => process.env.NODE_ENV !== \"production\"\nexport const isDom = () => !!(typeof window !== \"undefined\")\nexport const isMac = () => platform(/^Mac/)\nexport const isIPhone = () => platform(/^iPhone/)\nexport const isIPad = () => platform(/^iPad/) || (isMac() && navigator.maxTouchPoints > 1)\nexport const isIos = () => isIPhone() || isIPad()\nexport const isSafari = () => ua(/^((?!chrome|android).)*safari/i)\nexport const isFirefox = () => ua(/^Firefox/)\nexport const isWebkit = () => ua(/^WebKit/) && !ua(/Chrome/)\nexport const isApple = () => isMac() || isIos()\n\nexport const isArray = (v: any): v is any[] => Array.isArray(v)\nexport const isBoolean = (v: any): v is boolean => v === true || v === false\nexport const isObject = (v: any): v is Record<string, any> => !(v == null || typeof v !== \"object\" || isArray(v))\nexport const isNumber = (v: any): v is number => typeof v === \"number\" && !Number.isNaN(v)\nexport const isString = (v: any): v is string => typeof v === \"string\"\nexport const isFunction = (v: any): v is Function => typeof v === \"function\"\n\nexport const supportsPointerEvent = () => isDom() && window.onpointerdown === null\nexport const supportsTouchEvent = () => isDom() && window.ontouchstart === null\nexport const supportsMouseEvent = () => isDom() && window.onmousedown === null\n\nexport const isMouseEvent = (v: any): v is MouseEvent => isObject(v) && \"button\" in v\nexport const isTouchEvent = (v: any): v is TouchEvent => isObject(v) && \"touches\" in v\nexport const isLeftClick = (v: MouseEvent | PointerEvent) => v.button === 0\nexport const isRightClick = (v: MouseEvent | PointerEvent) => v.button === 2\nexport const isModifiedEvent = (v: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\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    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    const fn = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return pipe(fn, () => docEl.removeAttribute(\"scroll-lock\"))\n  }\n\n  function preventScrollMobileSafari() {\n    if (docEl.hasAttribute(\"scroll-lock\")) return\n\n    let scrollable: HTMLElement | undefined\n    let lastY = 0\n\n    let onTouchStart = (e: TouchEvent) => {\n      scrollable = getScrollParent(e.target as HTMLElement)\n\n      if (scrollable === docEl && scrollable === doc.body) {\n        return\n      }\n      lastY = e.changedTouches[0].pageY\n    }\n\n    let onTouchMove = (e: TouchEvent) => {\n      if (e.touches.length === 2 && allowPinchZoom) return\n\n      if (!scrollable || scrollable === docEl || scrollable === doc.body) {\n        e.preventDefault()\n        return\n      }\n\n      let y = e.changedTouches[0].pageY\n      let scrollTop = scrollable.scrollTop\n      let bottom = scrollable.scrollHeight - scrollable.clientHeight\n\n      if ((scrollTop <= 0 && y > lastY) || (scrollTop >= bottom && y < lastY)) {\n        e.preventDefault()\n      }\n\n      lastY = y\n    }\n\n    let onTouchEnd = (e: TouchEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        e.preventDefault()\n        target.style.transform = \"translateY(-2000px)\"\n        target.focus()\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n        })\n      }\n    }\n\n    let onFocus = (e: FocusEvent) => {\n      let target = e.target as HTMLElement\n      if (target instanceof win.HTMLInputElement && !nonTextInputTypes.has(target.type)) {\n        target.style.transform = \"translateY(-2000px)\"\n        win.requestAnimationFrame(() => {\n          target.style.transform = \"\"\n          if (!viewport) return\n\n          if (viewport.height < win.innerHeight) {\n            win.requestAnimationFrame(function () {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            })\n          } else {\n            const onResize = () => {\n              scrollIntoView(target, { scrollMode: \"if-needed\" })\n            }\n            addDomEvent(viewport, \"resize\", onResize, { once: true })\n          }\n        })\n      }\n    }\n\n    let onWindowScroll = () => {\n      win.scrollTo(0, 0)\n    }\n\n    let scrollX = win.scrollX\n    let scrollY = win.scrollY\n    let restoreStyles = pipe(\n      setStyle(docEl, \"paddingRight\", `${win.innerWidth - docEl.clientWidth}px`),\n      setStyle(docEl, \"overflow\", \"hidden\"),\n      setStyle(doc.body, \"marginTop\", `-${scrollY}px`),\n    )\n\n    win.scrollTo(0, 0)\n\n    let removeEvents = pipe(\n      addDomEvent(doc, \"touchstart\", onTouchStart, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchmove\", onTouchMove, { passive: false, capture: true }),\n      addDomEvent(doc, \"touchend\", onTouchEnd, { passive: false, capture: true }),\n      addDomEvent(doc, \"focus\", onFocus, true),\n      addDomEvent(win, \"scroll\", onWindowScroll),\n      () => docEl.setAttribute(\"scroll-lock\", \"true\"),\n    )\n\n    return () => {\n      restoreStyles()\n      removeEvents()\n      win.scrollTo(scrollX, scrollY)\n      docEl.removeAttribute(\"scroll-lock\")\n    }\n  }\n\n  if (disabled) return noop\n  return isIos() ? preventScrollMobileSafari() : preventScrollStandard()\n}\n\nfunction setStyle(el: HTMLElement, key: string, value: string) {\n  let cur = el.style[key]\n  el.style[key] = value\n  return () => {\n    el.style[key] = cur\n  }\n}\n\n// Backup lib: https://github.com/hanai/html-body-scroll-lock\n", "export function getOwnerDocument(el: HTMLElement | Window) {\n  if (isWindow(el)) return el.document\n  return el?.ownerDocument ?? document\n}\n\nexport function getOwnerWindow(el: HTMLElement) {\n  return el?.ownerDocument.defaultView ?? window\n}\n\nexport function getDocumentElement(el: HTMLElement | Window): HTMLElement {\n  return getOwnerDocument(el).documentElement\n}\n\nexport function getNodeName(node: HTMLElement | Window): string {\n  return isWindow(node) ? \"\" : node ? node.localName || \"\" : \"\"\n}\n\nexport function getEventWindow(event: UIEvent) {\n  if (event.view) return event.view\n  let target = event.currentTarget\n  if (target != null) return getOwnerWindow(target as HTMLElement)\n  return window\n}\n\nexport function getParent(el: HTMLElement): HTMLElement {\n  const doc = getOwnerDocument(el)\n  if (getNodeName(el) === \"html\") return el\n  return el.assignedSlot || el.parentElement || doc.documentElement\n}\n\ntype Node = HTMLElement | EventTarget | null\n\nexport function contains(parent: Node | undefined, child: Node) {\n  if (!parent) return false\n  return parent === child || (isHTMLElement(parent) && isHTMLElement(child) && parent.contains(child))\n}\n\nexport function isHTMLElement(v: any): v is HTMLElement {\n  return typeof v === \"object\" && v?.nodeType === Node.ELEMENT_NODE && typeof v?.nodeName === \"string\"\n}\n\nexport function isWindow(value: any): value is Window {\n  return value?.toString() === \"[object Window]\"\n}\n\nexport const isDisabled = (el: HTMLElement | null): boolean => {\n  return el?.getAttribute(\"disabled\") != null || !!el?.getAttribute(\"aria-disabled\") === true\n}\n\nexport function 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\nexport function isElementEditable(el: HTMLElement | null) {\n  if (el == null) return false\n  const selectors = [\n    \"input:not([readonly])\",\n    \"textarea:not([readonly])\",\n    \"[contenteditable]\",\n    \"select:not([readonly])\",\n  ].join(\", \")\n  return el.matches(selectors) || el.isContentEditable\n}\n", "import { getComputedStyle } from \"./computed-style\"\nimport { getNodeName, getOwnerDocument, getOwnerWindow, getParent, isHTMLElement, isWindow } from \"./query\"\n\nexport function isScrollParent(el: HTMLElement): boolean {\n  const { overflow, overflowX, overflowY } = getComputedStyle(el)\n  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX)\n}\n\nexport function getScrollParent(el: HTMLElement): HTMLElement {\n  if ([\"html\", \"body\", \"#document\"].includes(getNodeName(el))) {\n    return getOwnerDocument(el).body\n  }\n\n  if (isHTMLElement(el) && isScrollParent(el)) {\n    return el\n  }\n\n  return getScrollParent(getParent(el))\n}\n\ntype Target = Array<VisualViewport | Window | HTMLElement>\n\nexport function getScrollParents(el: HTMLElement, list: Target = []): Target {\n  const scrollParent = getScrollParent(el)\n  const isBody = scrollParent === getOwnerDocument(el).body\n  const win = getOwnerWindow(scrollParent)\n\n  const target = isBody\n    ? ([win] as Target).concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : [])\n    : scrollParent\n\n  const parents = list.concat(target)\n  if (isBody) return parents\n\n  return parents.concat(getScrollParents(getParent(<HTMLElement>target)))\n}\n\nexport function getScrollOffset(el: HTMLElement) {\n  if (isWindow(el)) {\n    return { scrollLeft: el.scrollX, scrollTop: el.scrollY }\n  }\n\n  return { scrollLeft: el.scrollLeft, scrollTop: el.scrollTop }\n}\n", "export const MAX_Z_INDEX = 2147483647\n", "import { getOwnerWindow } from \"./query\"\n\ntype DescriptorOptions = {\n  type: \"input\" | \"textarea\"\n  property: \"value\" | \"checked\"\n}\n\nfunction getDescriptor(el: HTMLElement, options: DescriptorOptions) {\n  const { type, property } = options\n  const win = getOwnerWindow(el)\n  const _type = type === \"input\" ? \"HTMLInputElement\" : \"HTMLTextAreaElement\"\n  const proto = win[_type].prototype\n  return Object.getOwnPropertyDescriptor(proto, property) ?? {}\n}\n\nexport function dispatchInputValueEvent(el: HTMLElement, value: string | number) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"value\" })\n  desc.set?.call(el, value)\n  const event = new win.Event(\"input\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function dispatchInputCheckedEvent(el: HTMLElement, checked: boolean) {\n  const win = getOwnerWindow(el)\n  if (!(el instanceof win.HTMLInputElement)) return\n  const desc = getDescriptor(el, { type: \"input\", property: \"checked\" })\n  desc.set?.call(el, checked)\n  const event = new win.Event(\"click\", { bubbles: true })\n  el.dispatchEvent(event)\n}\n\nexport function trackInputPropertyMutation(\n  el: HTMLInputElement | null,\n  options: DescriptorOptions & { fn?: (value: string) => void },\n) {\n  const { fn, property, type } = options\n\n  if (!fn || !el) return\n\n  const { get, set } = getDescriptor(el, { property, type })\n\n  let run = true\n\n  Object.defineProperty(el, property, {\n    get() {\n      return get?.call(this)\n    },\n    set(value: string) {\n      if (run) fn(value)\n      return set?.call(this, value)\n    },\n  })\n\n  return function () {\n    run = false\n  }\n}\n", "/**\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  document?: Document\n  root?: HTMLElement | null\n  delay?: number\n}\n\nexport type LiveRegion = ReturnType<typeof createLiveRegion>\n\nexport function createLiveRegion(opts: Partial<LiveRegionOptions> = {}) {\n  const { level = \"polite\", document: doc = document, root, delay: _delay = 0 } = opts\n\n  const win = doc.defaultView ?? window\n  const parent = root ?? doc.body\n\n  function announce(message: string, delay?: number) {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n\n    // remove old region\n    oldRegion?.remove()\n\n    // Did an override level get set?\n    delay = delay ?? _delay\n\n    // create fresh region\n    const region = doc.createElement(\"span\")\n    region.id = \"__live-region__\"\n    region.dataset.liveAnnouncer = \"true\"\n\n    // Determine redundant role\n    const role = level !== \"assertive\" ? \"status\" : \"alert\"\n\n    // add role and attributes\n    region.setAttribute(\"aria-live\", level)\n    region.setAttribute(\"role\", role)\n\n    // hide live region\n    setVisuallyHidden(region)\n\n    parent.appendChild(region)\n\n    // populate region to trigger it\n    win.setTimeout(() => {\n      region.textContent = message\n    }, delay)\n  }\n\n  function destroy() {\n    const oldRegion = doc.getElementById(\"__live-region__\")\n    oldRegion?.remove()\n  }\n\n  return { announce, destroy }\n}\n", "import { noop } from \"@zag-js/utils\"\n\ntype Callback = (v: MutationRecord) => void\n\nexport function observeAttributes(node: Element | null, attributes: string | string[], fn: Callback) {\n  if (!node) return noop\n  const attrs = Array.isArray(attributes) ? attributes : [attributes]\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"attributes\" && change.attributeName && attrs.includes(change.attributeName)) {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { attributes: true, attributeFilter: attrs })\n\n  return () => obs.disconnect()\n}\n\nexport function observeChildren(node: Element | null, fn: Callback) {\n  if (!node) return noop\n  const win = node.ownerDocument.defaultView || window\n  const obs = new win.MutationObserver((changes) => {\n    for (const change of changes) {\n      if (change.type === \"childList\") {\n        fn(change)\n      }\n    }\n  })\n\n  obs.observe(node, { childList: true, subtree: true })\n\n  return () => obs.disconnect()\n}\n", "type Root = Document | Element | null | undefined\n\nexport function queryAll<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return Array.from(root?.querySelectorAll<T>(selector) ?? [])\n}\n\nexport function query<T extends HTMLElement = HTMLElement>(root: Root, selector: string) {\n  return root?.querySelector<T>(selector)\n}\n\nexport function itemById<T extends HTMLElement>(v: T[], id: string) {\n  return v.find((node) => node.id === id)\n}\n\nexport function indexOfId<T extends HTMLElement>(v: T[], id: string) {\n  const item = itemById(v, id)\n  return item ? v.indexOf(item) : -1\n}\n\nexport function nextById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  idx = loop ? (idx + 1) % v.length : Math.min(idx + 1, v.length - 1)\n  return v[idx]\n}\n\nexport function prevById<T extends HTMLElement>(v: T[], id: string, loop = true) {\n  let idx = indexOfId(v, id)\n  if (idx === -1) return loop ? v[v.length - 1] : null\n  idx = loop ? (idx - 1 + v.length) % v.length : Math.max(0, idx - 1)\n  return v[idx]\n}\n\nconst getValueText = <T extends HTMLElement>(item: T) => item.dataset.valuetext ?? item.textContent ?? \"\"\n\nconst match = (valueText: string, query: string) => valueText.toLowerCase().startsWith(query.toLowerCase())\n\nconst wrap = <T>(v: T[], idx: number) => {\n  return v.map((_, index) => v[(Math.max(idx, 0) + index) % v.length])\n}\n\nexport function findByText<T extends HTMLElement>(v: T[], text: string, currentId?: string | null) {\n  const index = currentId ? indexOfId(v, currentId) : -1\n  let items = currentId ? wrap(v, index) : v\n\n  const isSingleKey = text.length === 1\n\n  if (isSingleKey) {\n    items = items.filter((item) => item.id !== currentId)\n  }\n\n  return items.find((item) => match(getValueText(item), text))\n}\n\nexport function sortByTreeOrder<T extends HTMLElement>(v: T[]) {\n  return v.sort((a, b) => (a.compareDocumentPosition(b) & 2 ? 1 : -1))\n}\n", "// Credits: https://github.com/adobe/react-spectrum/blob/e81cfec20056338c7987c513826dc45df32f3db4/packages/%40react-aria/interactions/src/textSelection.ts\nimport { isIos } from \"@zag-js/utils\"\nimport { nextTick } from \"./next-tick\"\n\ntype State = \"default\" | \"disabled\" | \"restoring\"\n\nlet state: State = \"default\"\nlet savedUserSelect = \"\"\nlet modifiedElementMap = new WeakMap<HTMLElement, string>()\n\nexport function disableTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state === \"default\") {\n      savedUserSelect = _document.documentElement.style.webkitUserSelect\n      _document.documentElement.style.webkitUserSelect = \"none\"\n    }\n\n    state = \"disabled\"\n  } else if (target) {\n    modifiedElementMap.set(target, target.style.userSelect)\n    target.style.userSelect = \"none\"\n  }\n\n  return () => restoreTextSelection({ target, doc: _document })\n}\n\nexport function restoreTextSelection({ target, doc }: { target?: HTMLElement; doc?: Document } = {}) {\n  const _document = doc ?? document\n\n  if (isIos()) {\n    if (state !== \"disabled\") return\n    state = \"restoring\"\n\n    setTimeout(() => {\n      nextTick(() => {\n        if (state === \"restoring\") {\n          if (_document.documentElement.style.webkitUserSelect === \"none\") {\n            _document.documentElement.style.webkitUserSelect = savedUserSelect || \"\"\n          }\n\n          savedUserSelect = \"\"\n          state = \"default\"\n        }\n      })\n    }, 300)\n  } else {\n    if (target && modifiedElementMap.has(target)) {\n      let targetOldUserSelect = modifiedElementMap.get(target)\n\n      if (target.style.userSelect === \"none\") {\n        target.style.userSelect = targetOldUserSelect ?? \"\"\n      }\n\n      if (target.getAttribute(\"style\") === \"\") {\n        target.removeAttribute(\"style\")\n      }\n      modifiedElementMap.delete(target)\n    }\n  }\n}\n", "import { isLeftClick, isMouseEvent, pipe } from \"@zag-js/utils\"\nimport { addDomEvent, addPointerEvent } from \"./listener\"\nimport type { AnyPointerEvent, EventListenerWithPointInfo as Listener, PointerEventInfo } from \"./listener.types\"\nimport { disableTextSelection } from \"./text-selection\"\n\nexport function trackPointerDown(doc: Document, onPointerDown: (el: HTMLElement) => void) {\n  const win = doc.defaultView ?? window\n  const fn = (event: PointerEvent) => {\n    if (event.target instanceof win.HTMLElement) {\n      onPointerDown(event.target)\n    }\n  }\n  return addDomEvent(doc, \"pointerdown\", fn)\n}\n\ntype TrackPointerMoveOptions = {\n  ctx: { doc?: Document; threshold?: number }\n  onPointerUp: VoidFunction\n  onPointerMove: (info: PointerEventInfo, event: AnyPointerEvent) => void\n}\n\nexport function trackPointerMove(opts: TrackPointerMoveOptions) {\n  const { onPointerMove, onPointerUp, ctx } = opts\n  const { doc = document, threshold = 5 } = ctx\n\n  const handlePointerMove: Listener = (event, info) => {\n    const { point: p } = info\n    const distance = Math.sqrt(p.x ** 2 + p.y ** 2)\n    if (distance < threshold) return\n\n    // Because Safari doesn't trigger mouseup events when it's above a `<select>`\n    if (isMouseEvent(event) && isLeftClick(event)) {\n      onPointerUp()\n      return\n    }\n\n    onPointerMove(info, event)\n  }\n\n  return pipe(\n    addPointerEvent(doc, \"pointermove\", handlePointerMove, false),\n    addPointerEvent(doc, \"pointerup\", onPointerUp, false),\n    addPointerEvent(doc, \"pointercancel\", onPointerUp, false),\n    addPointerEvent(doc, \"contextmenu\", onPointerUp, false),\n    disableTextSelection({ doc }),\n  )\n}\n", "import { pipe } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\ntype PointerLockHandlers = {\n  onPointerLock?: VoidFunction\n  onPointerUnlock?: VoidFunction\n}\n\nexport function addPointerlockChangeListener(doc: Document, fn: VoidFunction) {\n  return addDomEvent(doc, \"pointerlockchange\", fn, false)\n}\n\nexport function addPointerlockErrorListener(doc: Document, fn: (e: Event) => void) {\n  doc.addEventListener(\"pointerlockerror\", fn, false)\n  return function cleanup() {\n    doc.removeEventListener(\"pointerlockerror\", fn, false)\n  }\n}\n\nexport function requestPointerLock(doc: Document, handlers: PointerLockHandlers = {}) {\n  const { onPointerLock, onPointerUnlock } = handlers\n  const body = doc.body\n\n  const supported = \"pointerLockElement\" in doc || \"mozPointerLockElement\" in doc\n  const locked = !!doc.pointerLockElement\n\n  function onPointerChange() {\n    if (locked) onPointerLock?.()\n    else onPointerUnlock?.()\n  }\n\n  function onPointerError(event: Event) {\n    if (locked) onPointerUnlock?.()\n    console.error(\"PointerLock error occured:\", event)\n    exit()\n  }\n\n  function exit() {\n    doc.exitPointerLock()\n  }\n\n  if (!supported) return\n\n  body.requestPointerLock()\n\n  const cleanup = pipe(\n    addPointerlockChangeListener(doc, onPointerChange),\n    addPointerlockErrorListener(doc, onPointerError),\n  )\n\n  return function dispose() {\n    if (!supported) return\n    cleanup()\n    exit()\n  }\n}\n", "// Credit goes to the radix-ui team for this utility:\n// https://github.com/radix-ui/primitives/blob/main/packages/core/rect/src/observeElementRect.ts\n\ntype Fn = (rect: DOMRect) => void\ntype ObservedData = { rect: DOMRect; callbacks: Fn[] }\nexport type Measurable = { getBoundingClientRect(): DOMRect }\n\nfunction getObservedElements(): Map<Measurable, ObservedData> {\n  ;(globalThis as any).__rectObserverMap__ = (globalThis as any).__rectObserverMap__ || new Map()\n  return (globalThis as any).__rectObserverMap__\n}\n\nexport function observeElementRect(el: Measurable, fn: Fn) {\n  const observedElements = getObservedElements()\n\n  const data = observedElements.get(el)\n\n  if (!data) {\n    observedElements.set(el, { rect: {} as DOMRect, callbacks: [fn] })\n\n    if (observedElements.size === 1) {\n      rafId = requestAnimationFrame(runLoop)\n    }\n  } else {\n    data.callbacks.push(fn)\n    fn(el.getBoundingClientRect())\n  }\n\n  return function unobserve() {\n    const data = observedElements.get(el)\n    if (!data) return\n\n    const index = data.callbacks.indexOf(fn)\n    if (index > -1) {\n      data.callbacks.splice(index, 1)\n    }\n\n    if (data.callbacks.length === 0) {\n      observedElements.delete(el)\n\n      if (observedElements.size === 0) {\n        cancelAnimationFrame(rafId)\n      }\n    }\n  }\n}\n\nlet rafId: number\n\nfunction runLoop() {\n  const observedElements = getObservedElements()\n\n  const changedRectsData: Array<ObservedData> = []\n\n  observedElements.forEach((data, element) => {\n    const newRect = element.getBoundingClientRect()\n\n    if (!isEqual(data.rect, newRect)) {\n      data.rect = newRect\n      changedRectsData.push(data)\n    }\n  })\n\n  changedRectsData.forEach((data) => {\n    data.callbacks.forEach((callback) => callback(data.rect))\n  })\n\n  rafId = requestAnimationFrame(runLoop)\n}\n\nfunction isEqual(rect1: DOMRect, rect2: DOMRect) {\n  return (\n    rect1.width === rect2.width &&\n    rect1.height === rect2.height &&\n    rect1.top === rect2.top &&\n    rect1.right === rect2.right &&\n    rect1.bottom === rect2.bottom &&\n    rect1.left === rect2.left\n  )\n}\n", "import { cast } from \"@zag-js/utils\"\nimport { addDomEvent } from \"./listener\"\n\nexport function trackDocumentVisibility(_doc: Document, callback: (hidden: boolean) => void) {\n  const doc = cast(_doc) as Document & { msHidden?: boolean; webkitHidden?: boolean }\n  return addDomEvent(doc, \"visibilitychange\", () => {\n    const hidden = doc.hidden || doc.msHidden || doc.webkitHidden\n    callback(!!hidden)\n  })\n}\n", "import { addDomEvent } from \"./listener\"\n\ntype ViewportSize = {\n  width: number\n  height: number\n}\n\ntype Options = {\n  document?: Document\n  resolve?(data: ViewportSize): void\n}\n\nexport function trackVisualViewport(options: Options) {\n  const { document: doc, resolve } = options\n  const win = doc?.defaultView || window\n  resolve?.(getViewportSize(win))\n  const onResize = () => resolve?.(getViewportSize(win))\n  return addDomEvent(win.visualViewport ?? win, \"resize\", onResize)\n}\n\nfunction getViewportSize(win: Window): ViewportSize {\n  return {\n    width: win.visualViewport?.width || win.innerWidth,\n    height: win.visualViewport?.height || win.innerHeight,\n  }\n}\n", "export function waitFor<T>(predicate: () => T): Promise<T> {\n  let value = predicate()\n  if (!!value) return Promise.resolve(value)\n  return new Promise((resolve) => {\n    const id = globalThis.setInterval(function () {\n      let value = predicate()\n      if (value) {\n        globalThis.clearInterval(id)\n        resolve(value)\n      }\n    }, 0)\n  })\n}\n\nexport function waitForEvent(el: HTMLElement, eventName: string) {\n  return new Promise<void>((resolve) => {\n    function done(event: Event) {\n      if (event.target === el) {\n        el.removeEventListener(eventName, done)\n        resolve()\n      }\n    }\n\n    el.addEventListener(eventName, done)\n  })\n}\n", "import { findByText } from \"./nodelist\"\n\nexport type TypeaheadState = {\n  keysSoFar: string\n  timer: number\n}\n\nexport type TypeaheadOptions = {\n  state: TypeaheadState\n  activeId: string | null\n  key: string\n  timeout?: number\n}\n\nexport function findByTypeahead<T extends HTMLElement>(_items: T[], options: TypeaheadOptions) {\n  const { state, activeId, key, timeout = 350 } = options\n\n  const search = state.keysSoFar + key\n  const isRepeated = search.length > 1 && Array.from(search).every((char) => char === search[0])\n\n  const query = isRepeated ? search[0] : search\n\n  let items = _items.slice()\n\n  const next = findByText(items, query, activeId)\n\n  function cleanup() {\n    clearTimeout(state.timer)\n    state.timer = -1\n  }\n\n  function update(value: string) {\n    state.keysSoFar = value\n    cleanup()\n\n    if (value !== \"\") {\n      state.timer = +setTimeout(() => {\n        update(\"\")\n        cleanup()\n      }, timeout)\n    }\n  }\n\n  update(search)\n\n  return next\n}\n\nfindByTypeahead.defaultOptions = {\n  keysSoFar: \"\",\n  timer: -1,\n}\n", "import type * as React from \"react\"\n\ntype Dict<T = any> = Record<string, T>\n\ntype Booleanish = boolean | \"true\" | \"false\"\n\ntype Omit<T, K extends keyof T> = { [P in Exclude<keyof T, K>]?: T[P] }\n\ntype WithStyle<T extends { style?: any }> = Omit<T, \"style\"> & {\n  style?: T[\"style\"] & {\n    [prop: string]: string | number | undefined\n  }\n}\n\ntype DataAttr = {\n  \"data-uid\"?: string\n  \"data-name\"?: string\n  \"data-ownedby\"?: string\n  \"data-selected\"?: Booleanish\n  \"data-expanded\"?: Booleanish\n  \"data-highlighted\"?: Booleanish\n  \"data-readonly\"?: Booleanish\n  \"data-invalid\"?: Booleanish\n  \"data-hover\"?: Booleanish\n  \"data-active\"?: Booleanish\n  \"data-focus\"?: Booleanish\n  \"data-disabled\"?: Booleanish\n  \"data-type\"?: string\n  \"data-value\"?: string | number\n  \"data-valuetext\"?: string\n  \"data-open\"?: Booleanish\n  \"data-placement\"?: string\n  \"data-orientation\"?: \"horizontal\" | \"vertical\"\n  \"data-label\"?: string\n  \"data-checked\"?: Booleanish\n  \"data-pressed\"?: Booleanish\n  \"data-state\"?: string | null\n  \"data-half\"?: Booleanish\n  \"data-count\"?: number\n  \"data-controls\"?: string\n  \"data-part\"?: string\n  \"data-index\"?: number\n  \"data-complete\"?: Booleanish\n  \"data-empty\"?: Booleanish\n  \"data-placeholder-shown\"?: Booleanish\n}\n\ntype JSXElementAttributes = DataAttr & React.HTMLAttributes<HTMLElement>\ntype JSXButtonAttributes = DataAttr & React.ButtonHTMLAttributes<HTMLButtonElement>\ntype JSXInputAttributes = DataAttr & React.InputHTMLAttributes<HTMLInputElement>\ntype JSXLabelAttributes = DataAttr & React.LabelHTMLAttributes<HTMLLabelElement>\ntype JSXOutputAttributes = DataAttr & React.OutputHTMLAttributes<HTMLOutputElement>\n\nexport type PropTypes = Record<\"button\" | \"label\" | \"input\" | \"output\" | \"element\", Dict>\n\nexport type ReactPropTypes = {\n  button: JSXButtonAttributes\n  label: JSXLabelAttributes\n  input: JSXInputAttributes\n  output: JSXOutputAttributes\n  element: JSXElementAttributes\n}\n\nexport type NormalizeProps = {\n  button<T extends PropTypes>(props: WithStyle<JSXButtonAttributes>): T[\"button\"]\n  label<T extends PropTypes>(props: WithStyle<JSXLabelAttributes>): T[\"label\"]\n  input<T extends PropTypes>(props: WithStyle<JSXInputAttributes>): T[\"input\"]\n  output<T extends PropTypes>(props: WithStyle<JSXOutputAttributes>): T[\"output\"]\n  element<T extends PropTypes>(props: WithStyle<JSXElementAttributes>): T[\"element\"]\n}\n\nexport function createNormalizer(fn: (props: Dict) => Dict): NormalizeProps {\n  return { button: fn, label: fn, input: fn, output: fn, element: fn }\n}\n\nexport const normalizeProp = createNormalizer((v) => v)\n", "export type ControlProp =\n  | { type: \"boolean\"; label?: string; defaultValue: boolean }\n  | { type: \"string\"; label?: string; defaultValue: string; placeholder?: string }\n  | { type: \"select\"; options: readonly string[]; defaultValue: string; label?: string }\n  | { type: \"multiselect\"; options: readonly string[]; defaultValue: string[]; label?: string }\n  | { type: \"number\"; label?: string; defaultValue: number; min?: number; max?: number }\n\nexport type ControlRecord = Record<string, ControlProp>\n\nexport type ControlValue<T extends ControlRecord> = {\n  [K in keyof T]: T[K] extends { type: \"boolean\" }\n    ? boolean\n    : T[K] extends { type: \"string\" }\n    ? string\n    : T[K] extends { type: \"select\" }\n    ? T[K][\"options\"][number]\n    : T[K] extends { type: \"multiselect\" }\n    ? T[K][\"options\"][number][]\n    : T[K] extends { type: \"number\" }\n    ? number\n    : never\n}\n\nexport function defineControls<T extends ControlRecord>(config: T) {\n  return config\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: Pick<KeyboardEvent, \"ctrlKey\" | \"metaKey\" | \"altKey\">) =>\n  v.ctrlKey || v.altKey || v.metaKey\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 { queryAll } from \"@zag-js/dom-utils\"\nimport { MachineContext as Ctx } from \"./pin-input.types\"\n\nexport const dom = {\n  getDoc: (ctx: Ctx) => ctx.doc ?? document,\n\n  getRootId: (ctx: Ctx) => ctx.ids?.root ?? `pin-input:${ctx.uid}`,\n  getInputId: (ctx: Ctx, id: string) => ctx.ids?.input?.(id) ?? `pin-input:${ctx.uid}:${id}`,\n\n  getRootEl: (ctx: Ctx) => dom.getDoc(ctx).getElementById(dom.getRootId(ctx)),\n  getElements: (ctx: Ctx) => {\n    const ownerId = CSS.escape(dom.getRootId(ctx))\n    const selector = `input[data-ownedby=${ownerId}]`\n    return queryAll<HTMLInputElement>(dom.getRootEl(ctx), selector)\n  },\n  getFocusedEl: (ctx: Ctx) => dom.getElements(ctx)[ctx.focusedIndex],\n\n  getFirstInputEl: (ctx: Ctx) => dom.getElements(ctx)[0],\n}\n", "import { ariaAttr, dataAttr, EventKeyMap, getEventKey, getNativeEvent } from \"@zag-js/dom-utils\"\nimport { normalizeProp, PropTypes, ReactPropTypes } from \"@zag-js/types\"\nimport { invariant, isModifiedEvent } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { Send, State } from \"./pin-input.types\"\n\nexport function connect<T extends PropTypes = ReactPropTypes>(state: State, send: Send, normalize = normalizeProp) {\n  const isValueComplete = state.context.isValueComplete\n  const isInvalid = state.context.invalid\n  const focusedIndex = state.context.focusedIndex\n  const messages = state.context.messages\n\n  return {\n    value: state.context.value,\n    valueAsString: state.context.valueAsString,\n    isValueComplete: isValueComplete,\n    setValue(value: string[]) {\n      if (!Array.isArray(value)) {\n        invariant(\"[pin-input/setValue] value must be an array\")\n      }\n      send({ type: \"SET_VALUE\", value })\n    },\n    clearValue() {\n      send({ type: \"CLEAR_VALUE\" })\n    },\n    setValueAtIndex(index: number, value: string) {\n      send({ type: \"SET_VALUE\", value, index })\n    },\n    focus() {\n      dom.getFirstInputEl(state.context)?.focus()\n    },\n\n    rootProps: normalize.element<T>({\n      dir: state.context.dir,\n      \"data-part\": \"root\",\n      id: dom.getRootId(state.context),\n      \"data-invalid\": dataAttr(isInvalid),\n      \"data-disabled\": dataAttr(state.context.disabled),\n      \"data-complete\": dataAttr(isValueComplete),\n    }),\n\n    getInputProps({ index }: { index: number }) {\n      const inputType = state.context.type === \"numeric\" ? \"tel\" : \"text\"\n      return normalize.input<T>({\n        \"data-part\": \"input\",\n        disabled: state.context.disabled,\n        \"data-disabled\": dataAttr(state.context.disabled),\n        \"data-complete\": dataAttr(isValueComplete),\n        id: dom.getInputId(state.context, index.toString()),\n        \"data-ownedby\": dom.getRootId(state.context),\n        \"aria-label\": messages.inputLabel(index, state.context.valueLength),\n        inputMode: state.context.otp || state.context.type === \"numeric\" ? \"numeric\" : \"text\",\n        \"aria-invalid\": ariaAttr(isInvalid),\n        \"data-invalid\": dataAttr(isInvalid),\n        type: state.context.mask ? \"password\" : inputType,\n        value: state.context.value[index] || \"\",\n        autoCapitalize: \"none\",\n        autoComplete: state.context.otp ? \"one-time-code\" : \"off\",\n        placeholder: focusedIndex === index ? \"\" : state.context.placeholder,\n        onChange(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing) return\n          const value = event.target.value\n\n          if (evt.inputType === \"insertFromPaste\" || value.length > 2) {\n            send({ type: \"PASTE\", value })\n            event.preventDefault()\n            return\n          }\n\n          if (evt.inputType === \"insertText\") {\n            send({ type: \"INPUT\", value })\n          }\n        },\n        onKeyDown(event) {\n          const evt = getNativeEvent(event)\n          if (evt.isComposing || isModifiedEvent(evt)) return\n\n          const keyMap: EventKeyMap = {\n            Backspace() {\n              send(\"BACKSPACE\")\n            },\n            Delete() {\n              send(\"DELETE\")\n            },\n            ArrowLeft() {\n              send(\"ARROW_LEFT\")\n            },\n            ArrowRight() {\n              send(\"ARROW_RIGHT\")\n            },\n          }\n\n          const key = getEventKey(event, { dir: state.context.dir })\n          const exec = keyMap[key]\n\n          if (exec) {\n            exec(event)\n            event.preventDefault()\n          } else {\n            send({ type: \"KEY_DOWN\", value: key, preventDefault: () => event.preventDefault() })\n          }\n        },\n        onFocus() {\n          send({ type: \"FOCUS\", index })\n        },\n        onBlur() {\n          send({ type: \"BLUR\", index })\n        },\n      })\n    },\n  }\n}\n", "import { createMachine, guards, ref } from \"@zag-js/core\"\nimport { nextTick, raf } from \"@zag-js/dom-utils\"\nimport { fromLength } from \"@zag-js/utils\"\nimport { dom } from \"./pin-input.dom\"\nimport { MachineContext, MachineState, UserDefinedContext } from \"./pin-input.types\"\n\nconst { and, not } = guards\n\nexport function machine(ctx: UserDefinedContext = {}) {\n  return createMachine<MachineContext, MachineState>(\n    {\n      id: \"pin-input\",\n      initial: \"unknown\",\n      context: {\n        uid: \"pin-input\",\n        value: [],\n        focusedIndex: -1,\n        placeholder: \"\u25CB\",\n        otp: false,\n        type: \"numeric\",\n        ...ctx,\n        messages: {\n          inputLabel: (index, length) => `pin code ${index + 1} of ${length}`,\n          ...ctx.messages,\n        },\n      },\n\n      computed: {\n        valueLength: (ctx) => ctx.value.length,\n        filledValueLength: (ctx) => ctx.value.filter((v) => v?.trim() !== \"\").length,\n        isValueComplete: (ctx) => ctx.valueLength === ctx.filledValueLength,\n        valueAsString: (ctx) => ctx.value.join(\"\"),\n      },\n\n      watch: {\n        focusedIndex: \"focusInput\",\n        value: \"invokeOnChange\",\n        isValueComplete: [\"invokeComplete\", \"blurFocusedInputIfNeeded\"],\n      },\n\n      on: {\n        SET_VALUE: [\n          {\n            guard: \"hasIndex\",\n            actions: \"setValueAtIndex\",\n          },\n          { actions: \"setValue\" },\n        ],\n        CLEAR_VALUE: [\n          {\n            guard: \"isDisabled\",\n            actions: \"clearValue\",\n          },\n          {\n            actions: [\"clearValue\", \"setFocusIndexToFirst\"],\n          },\n        ],\n      },\n\n      states: {\n        unknown: {\n          on: {\n            SETUP: [\n              {\n                guard: \"autoFocus\",\n                target: \"focused\",\n                actions: [\"setupDocument\", \"setupValue\", \"setFocusIndexToFirst\"],\n              },\n              {\n                target: \"idle\",\n                actions: [\"setupDocument\", \"setupValue\"],\n              },\n            ],\n          },\n        },\n        idle: {\n          on: {\n            FOCUS: {\n              target: \"focused\",\n              actions: \"setFocusedIndex\",\n            },\n          },\n        },\n        focused: {\n          on: {\n            INPUT: [\n              {\n                guard: and(\"isFinalValue\", \"isValidValue\"),\n                actions: \"setFocusedValue\",\n              },\n              {\n                guard: and(\"hasValue\", \"isValidValue\"),\n                actions: [\"replaceFocusedValue\", \"setNextFocusedIndex\"],\n              },\n              {\n                guard: \"isValidValue\",\n                actions: [\"setFocusedValue\", \"setNextFocusedIndex\"],\n              },\n            ],\n            PASTE: {\n              guard: \"isValidValue\",\n              actions: [\"setPastedValue\", \"setLastValueFocusIndex\"],\n            },\n            BLUR: {\n              target: \"idle\",\n              actions: \"clearFocusedIndex\",\n            },\n            DELETE: {\n              guard: \"hasValue\",\n              actions: \"clearFocusedValue\",\n            },\n            ARROW_LEFT: {\n              actions: \"setPrevFocusedIndex\",\n            },\n            ARROW_RIGHT: {\n              actions: \"setNextFocusedIndex\",\n            },\n            BACKSPACE: [\n              {\n                guard: \"hasValue\",\n                actions: \"clearFocusedValue\",\n              },\n              {\n                actions: [\"setPrevFocusedIndex\", \"clearFocusedValue\"],\n              },\n            ],\n            KEY_DOWN: {\n              guard: not(\"isValidValue\"),\n              actions: [\"preventDefault\", \"invokeOnInvalid\"],\n            },\n          },\n        },\n      },\n    },\n    {\n      guards: {\n        autoFocus: (ctx) => !!ctx.autoFocus,\n        isValueEmpty: (_ctx, evt) => evt.value === \"\",\n        hasValue: (ctx) => ctx.value[ctx.focusedIndex] !== \"\",\n        isValueComplete: (ctx) => ctx.isValueComplete,\n        isValidValue: (ctx, evt) => isValidType(evt.value, ctx.type),\n        isFinalValue: (ctx) => {\n          return (\n            ctx.filledValueLength + 1 === ctx.valueLength &&\n            ctx.value.findIndex((v) => v.trim() === \"\") === ctx.focusedIndex\n          )\n        },\n        isLastInputFocused: (ctx) => ctx.focusedIndex === ctx.valueLength - 1,\n        hasIndex: (_ctx, evt) => evt.index !== undefined,\n        isDisabled: (ctx) => !!ctx.disabled,\n      },\n      actions: {\n        setupDocument: (ctx, evt) => {\n          if (evt.doc) ctx.doc = ref(evt.doc)\n          ctx.uid = evt.id\n        },\n        setupValue: (ctx) => {\n          nextTick(() => {\n            const inputs = dom.getElements(ctx)\n            const empty = fromLength(inputs.length).map(() => \"\")\n            ctx.value = Object.assign(empty, ctx.value)\n          })\n        },\n        focusInput: (ctx) => {\n          raf(() => {\n            if (ctx.focusedIndex === -1) return\n            dom.getFocusedEl(ctx)?.focus()\n          })\n        },\n        invokeComplete: (ctx) => {\n          if (ctx.isValueComplete) {\n            ctx.onComplete?.({ value: Array.from(ctx.value), valueAsString: ctx.valueAsString })\n          }\n        },\n        invokeOnChange: (ctx, evt) => {\n          if (evt.type !== \"SETUP\") {\n            ctx.onChange?.({ value: Array.from(ctx.value) })\n          }\n        },\n        invokeOnInvalid: (ctx, evt) => {\n          ctx.onInvalid?.({ value: evt.value, index: ctx.focusedIndex })\n        },\n        clearFocusedIndex: (ctx) => {\n          ctx.focusedIndex = -1\n        },\n        setValue: (ctx, event) => {\n          assign(ctx, event.value)\n        },\n        setFocusedIndex: (ctx, event) => {\n          ctx.focusedIndex = event.index\n        },\n        setFocusedValue: (ctx, event) => {\n          ctx.value[ctx.focusedIndex] = event.value\n        },\n        replaceFocusedValue: (ctx, evt) => {\n          const val = ctx.value[ctx.focusedIndex]\n          ctx.value[ctx.focusedIndex] = evt.value.replace(val, \"\").charAt(0)\n        },\n        setPastedValue(ctx, evt) {\n          raf(() => {\n            const value = (evt.value as string).substr(0, ctx.valueLength)\n            assign(ctx, value.split(\"\").filter(Boolean))\n          })\n        },\n        setValueAtIndex: (ctx, evt) => {\n          ctx.value[evt.index] = evt.value\n        },\n        clearValue: (ctx) => {\n          assign(ctx, \"\")\n        },\n        clearFocusedValue: (ctx) => {\n          ctx.value[ctx.focusedIndex] = \"\"\n        },\n        setFocusIndexToFirst: (ctx) => {\n          ctx.focusedIndex = 0\n        },\n        setNextFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.min(ctx.focusedIndex + 1, ctx.valueLength - 1)\n        },\n        setPrevFocusedIndex: (ctx) => {\n          ctx.focusedIndex = Math.max(ctx.focusedIndex - 1, 0)\n        },\n        setLastValueFocusIndex: (ctx) => {\n          nextTick(() => {\n            ctx.focusedIndex = Math.min(ctx.filledValueLength, ctx.valueLength - 1)\n          })\n        },\n        preventDefault(_, evt) {\n          evt.preventDefault()\n        },\n        blurFocusedInputIfNeeded(ctx) {\n          if (!ctx.blurOnComplete) return\n          raf(() => {\n            dom.getFocusedEl(ctx)?.blur()\n          })\n        },\n      },\n    },\n  )\n}\n\nconst REGEX = {\n  numeric: /^[0-9]+$/,\n  alphabetic: /^[A-Za-z]+$/,\n  alphanumeric: /^[a-zA-Z0-9]+$/i,\n}\n\nfunction isValidType(value: string, type: MachineContext[\"type\"]) {\n  if (!type) return true\n  return !!REGEX[type]?.test(value)\n}\n\nfunction assign(ctx: MachineContext, value: string | string[]) {\n  for (let i = 0; i < ctx.value.length; i++) {\n    if (Array.isArray(value)) {\n      if (!value[i]) continue\n      ctx.value[i] = value[i]\n    } else {\n      ctx.value[i] = value\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAEO,IAAM,WAAW,CAAC,UAA+B;AACtD,SAAQ,QAAQ,KAAK;AACvB;AAEO,IAAM,WAAW,CAAC,UAA+B;AACtD,SAAO,QAAQ,OAAO;AACxB;AERO,kBAAkB,IAAkB;AACzC,QAAM,MAAM,oBAAI,IAAkB;AAClC,gBAAa,KAAkB;AAC7B,UAAM,KAAK,WAAW,sBAAsB,GAAE;AAC9C,QAAI,IAAI,MAAM,WAAW,qBAAqB,EAAE,CAAC;EACnD;AACA,OAAI,MAAM,KAAI,EAAE,CAAC;AACjB,SAAO,mBAAmB;AACxB,QAAI,QAAQ,SAAU,KAAI;AACxB,UAAG;IACL,CAAC;EACH;AACF;AAEO,aAAa,IAAkB;AACpC,QAAM,KAAK,WAAW,sBAAsB,EAAE;AAC9C,SAAO,mBAAmB;AACxB,eAAW,qBAAqB,EAAE;EACpC;AACF;AU8BO,wBACL,OAC0G;AAnD5G,MAAA;AAoDE,SAAQ,MAAA,MAAc,gBAAd,OAAA,KAA6B;AACvC;AO/BA,IAAM,YAAY;EAChB,WAAW;EACX,YAAY;EACZ,MAAM;EACN,KAAK;AACP;AAEA,IAAM,aAAa;EACjB,IAAI;EACJ,MAAM;EACN,KAAK;EACL,KAAK;EACL,KAAK;EACL,MAAM;EACN,OAAO;AACT;AAUO,qBAAqB,OAAsB,UAA2B,CAAC,GAAG;AA/CjF,MAAA;AAgDE,QAAM,EAAE,MAAM,OAAO,cAAc,iBAAiB;AAEpD,MAAI,EAAE,QAAQ;AACd,QAAM,MAAA,WAAW,SAAX,OAAA,KAAmB;AAEzB,QAAM,QAAQ,QAAQ,SAAS,gBAAgB;AAE/C,MAAI,SAAS,OAAO,WAAW;AAC7B,UAAM,UAAU;EAClB;AAEA,SAAO;AACT;AI1DO,kBAAuD,MAAY,UAAkB;AAF5F,MAAA;AAGE,SAAO,MAAM,KAAK,MAAA,QAAA,OAAA,SAAA,KAAM,iBAAoB,QAAA,MAA1B,OAAA,KAAuC,CAAC,CAAC;AAC7D;AAMO,kBAAyC,GAAQ,IAAY;AAClE,SAAO,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,EAAE;AACxC;AAEO,mBAA0C,GAAQ,IAAY;AACnE,QAAM,OAAO,SAAS,GAAG,EAAE;AAC3B,SAAO,OAAO,EAAE,QAAQ,IAAI,IAAI;AAClC;AAeA,IAAM,eAAe,CAAwB,SAAS;AAhCtD,MAAA,IAAA;AAgCyD,SAAA,MAAA,MAAA,KAAK,QAAQ,cAAb,OAAA,KAA0B,KAAK,gBAA/B,OAAA,KAA8C;AAAA;AAEvG,IAAM,QAAQ,CAAC,WAAmB,WAAkB,UAAU,YAAY,EAAE,WAAW,OAAM,YAAY,CAAC;AAE1G,IAAM,OAAO,CAAI,GAAQ,QAAgB;AACvC,SAAO,EAAE,IAAI,CAAC,GAAG,UAAU,EAAG,MAAK,IAAI,KAAK,CAAC,IAAI,SAAS,EAAE,OAAO;AACrE;AAEO,oBAA2C,GAAQ,MAAc,WAA2B;AACjG,QAAM,QAAQ,YAAY,UAAU,GAAG,SAAS,IAAI;AACpD,MAAI,QAAQ,YAAY,KAAK,GAAG,KAAK,IAAI;AAEzC,QAAM,cAAc,KAAK,WAAW;AAEpC,MAAI,aAAa;AACf,YAAQ,MAAM,OAAO,CAAC,SAAS,KAAK,OAAO,SAAS;EACtD;AAEA,SAAO,MAAM,KAAK,CAAC,SAAS,MAAM,aAAa,IAAI,GAAG,IAAI,CAAC;AAC7D;AQrCO,yBAAgD,QAAa,SAA2B;AAC7F,QAAM,EAAE,OAAA,QAAO,UAAU,KAAK,UAAU,QAAQ;AAEhD,QAAM,SAAS,OAAM,YAAY;AACjC,QAAM,aAAa,OAAO,SAAS,KAAK,MAAM,KAAK,MAAM,EAAE,MAAM,CAAC,SAAS,SAAS,OAAO,EAAE;AAE7F,QAAM,SAAQ,aAAa,OAAO,KAAK;AAEvC,MAAI,QAAQ,OAAO,MAAM;AAEzB,QAAM,OAAO,WAAW,OAAO,QAAO,QAAQ;AAE9C,qBAAmB;AACjB,iBAAa,OAAM,KAAK;AACxB,WAAM,QAAQ;EAChB;AAEA,kBAAgB,OAAe;AAC7B,WAAM,YAAY;AAClB,YAAQ;AAER,QAAI,UAAU,IAAI;AAChB,aAAM,QAAQ,CAAC,WAAW,MAAM;AAC9B,eAAO,EAAE;AACT,gBAAQ;MACV,GAAG,OAAO;IACZ;EACF;AAEA,SAAO,MAAM;AAEb,SAAO;AACT;AAEA,gBAAgB,iBAAiB;EAC/B,WAAW;EACX,OAAO;AACT;;;ACoBO,0BAA0B,IAA2C;AAC1E,SAAO,EAAE,QAAQ,IAAI,OAAO,IAAI,OAAO,IAAI,QAAQ,IAAI,SAAS,GAAG;AACrE;AAEO,IAAM,gBAAgB,iBAAiB,CAAC,MAAM,CAAC;;;AEtE/C,IAAM,aAAa,CAAC,WAAmB,MAAM,KAAK,MAAM,MAAM,EAAE,KAAK,CAAC;AEwBtE,IAAM,kBAAkB,CAAC,MAC9B,EAAE,WAAW,EAAE,UAAU,EAAE;AClBtB,sBAAsB,GAAgB;AAC3C,QAAM,IAAI,EAAE,WAAW,IAAI,EAAE,KAAK,EAAE;AACpC,QAAM,IAAI,EAAE,WAAW,IAAI,EAAE,KAAK;AAClC,MAAI,KAAK,WAAyB,cAAc;AAC9C,UAAM,IAAI,MAAM,CAAC;EACnB;AACF;;;ACfO,IAAM,MAAM;AAAA,EACjB,QAAQ,CAAC,QAAU;AAJrB;AAIwB,qBAAI,QAAJ,YAAW;AAAA;AAAA,EAEjC,WAAW,CAAC,QAAU;AANxB;AAM2B,2BAAI,QAAJ,mBAAS,SAAT,YAAiB,aAAa,IAAI;AAAA;AAAA,EAC3D,YAAY,CAAC,KAAU,OAAY;AAPrC;AAOwC,iCAAI,QAAJ,mBAAS,UAAT,4BAAiB,QAAjB,YAAwB,aAAa,IAAI,OAAO;AAAA;AAAA,EAEtF,WAAW,CAAC,QAAa,IAAI,OAAO,GAAG,EAAE,eAAe,IAAI,UAAU,GAAG,CAAC;AAAA,EAC1E,aAAa,CAAC,QAAa;AACzB,UAAM,UAAU,IAAI,OAAO,IAAI,UAAU,GAAG,CAAC;AAC7C,UAAM,WAAW,sBAAsB;AACvC,WAAO,SAA2B,IAAI,UAAU,GAAG,GAAG,QAAQ;AAAA,EAChE;AAAA,EACA,cAAc,CAAC,QAAa,IAAI,YAAY,GAAG,EAAE,IAAI;AAAA,EAErD,iBAAiB,CAAC,QAAa,IAAI,YAAY,GAAG,EAAE;AACtD;;;ACZO,iBAAuD,OAAc,MAAY,YAAY,eAAe;AACjH,QAAM,kBAAkB,MAAM,QAAQ;AACtC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,eAAe,MAAM,QAAQ;AACnC,QAAM,WAAW,MAAM,QAAQ;AAE/B,SAAO;AAAA,IACL,OAAO,MAAM,QAAQ;AAAA,IACrB,eAAe,MAAM,QAAQ;AAAA,IAC7B;AAAA,IACA,SAAS,OAAiB;AACxB,UAAI,CAAC,MAAM,QAAQ,KAAK,GAAG;AACzB,kBAAU,6CAA6C;AAAA,MACzD;AACA,WAAK,EAAE,MAAM,aAAa,MAAM,CAAC;AAAA,IACnC;AAAA,IACA,aAAa;AACX,WAAK,EAAE,MAAM,cAAc,CAAC;AAAA,IAC9B;AAAA,IACA,gBAAgB,OAAe,OAAe;AAC5C,WAAK,EAAE,MAAM,aAAa,OAAO,MAAM,CAAC;AAAA,IAC1C;AAAA,IACA,QAAQ;AA5BZ;AA6BM,gBAAI,gBAAgB,MAAM,OAAO,MAAjC,mBAAoC;AAAA,IACtC;AAAA,IAEA,WAAW,UAAU,QAAW;AAAA,MAC9B,KAAK,MAAM,QAAQ;AAAA,MACnB,aAAa;AAAA,MACb,IAAI,IAAI,UAAU,MAAM,OAAO;AAAA,MAC/B,gBAAgB,SAAS,SAAS;AAAA,MAClC,iBAAiB,SAAS,MAAM,QAAQ,QAAQ;AAAA,MAChD,iBAAiB,SAAS,eAAe;AAAA,IAC3C,CAAC;AAAA,IAED,cAAc,EAAE,SAA4B;AAC1C,YAAM,YAAY,MAAM,QAAQ,SAAS,YAAY,QAAQ;AAC7D,aAAO,UAAU,MAAS;AAAA,QACxB,aAAa;AAAA,QACb,UAAU,MAAM,QAAQ;AAAA,QACxB,iBAAiB,SAAS,MAAM,QAAQ,QAAQ;AAAA,QAChD,iBAAiB,SAAS,eAAe;AAAA,QACzC,IAAI,IAAI,WAAW,MAAM,SAAS,MAAM,SAAS,CAAC;AAAA,QAClD,gBAAgB,IAAI,UAAU,MAAM,OAAO;AAAA,QAC3C,cAAc,SAAS,WAAW,OAAO,MAAM,QAAQ,WAAW;AAAA,QAClE,WAAW,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS,YAAY,YAAY;AAAA,QAC/E,gBAAgB,SAAS,SAAS;AAAA,QAClC,gBAAgB,SAAS,SAAS;AAAA,QAClC,MAAM,MAAM,QAAQ,OAAO,aAAa;AAAA,QACxC,OAAO,MAAM,QAAQ,MAAM,UAAU;AAAA,QACrC,gBAAgB;AAAA,QAChB,cAAc,MAAM,QAAQ,MAAM,kBAAkB;AAAA,QACpD,aAAa,iBAAiB,QAAQ,KAAK,MAAM,QAAQ;AAAA,QACzD,SAAS,OAAO;AACd,gBAAM,MAAM,eAAe,KAAK;AAChC,cAAI,IAAI;AAAa;AACrB,gBAAM,QAAQ,MAAM,OAAO;AAE3B,cAAI,IAAI,cAAc,qBAAqB,MAAM,SAAS,GAAG;AAC3D,iBAAK,EAAE,MAAM,SAAS,MAAM,CAAC;AAC7B,kBAAM,eAAe;AACrB;AAAA,UACF;AAEA,cAAI,IAAI,cAAc,cAAc;AAClC,iBAAK,EAAE,MAAM,SAAS,MAAM,CAAC;AAAA,UAC/B;AAAA,QACF;AAAA,QACA,UAAU,OAAO;AACf,gBAAM,MAAM,eAAe,KAAK;AAChC,cAAI,IAAI,eAAe,gBAAgB,GAAG;AAAG;AAE7C,gBAAM,SAAsB;AAAA,YAC1B,YAAY;AACV,mBAAK,WAAW;AAAA,YAClB;AAAA,YACA,SAAS;AACP,mBAAK,QAAQ;AAAA,YACf;AAAA,YACA,YAAY;AACV,mBAAK,YAAY;AAAA,YACnB;AAAA,YACA,aAAa;AACX,mBAAK,aAAa;AAAA,YACpB;AAAA,UACF;AAEA,gBAAM,MAAM,YAAY,OAAO,EAAE,KAAK,MAAM,QAAQ,IAAI,CAAC;AACzD,gBAAM,OAAO,OAAO;AAEpB,cAAI,MAAM;AACR,iBAAK,KAAK;AACV,kBAAM,eAAe;AAAA,UACvB,OAAO;AACL,iBAAK,EAAE,MAAM,YAAY,OAAO,KAAK,gBAAgB,MAAM,MAAM,eAAe,EAAE,CAAC;AAAA,UACrF;AAAA,QACF;AAAA,QACA,UAAU;AACR,eAAK,EAAE,MAAM,SAAS,MAAM,CAAC;AAAA,QAC/B;AAAA,QACA,SAAS;AACP,eAAK,EAAE,MAAM,QAAQ,MAAM,CAAC;AAAA,QAC9B;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACF;;;AChHA;AAMA,IAAM,EAAE,KAAK,QAAQ;AAEd,iBAAiB,MAA0B,CAAC,GAAG;AACpD,SAAO,cACL;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,SAAS;AAAA,MACP,KAAK;AAAA,MACL,OAAO,CAAC;AAAA,MACR,cAAc;AAAA,MACd,aAAa;AAAA,MACb,KAAK;AAAA,MACL,MAAM;AAAA,OACH,MAPI;AAAA,MAQP,UAAU;AAAA,QACR,YAAY,CAAC,OAAO,WAAW,YAAY,QAAQ,QAAQ;AAAA,SACxD,IAAI;AAAA,IAEX;AAAA,IAEA,UAAU;AAAA,MACR,aAAa,CAAC,SAAQ,KAAI,MAAM;AAAA,MAChC,mBAAmB,CAAC,SAAQ,KAAI,MAAM,OAAO,CAAC,MAAM,wBAAG,YAAW,EAAE,EAAE;AAAA,MACtE,iBAAiB,CAAC,SAAQ,KAAI,gBAAgB,KAAI;AAAA,MAClD,eAAe,CAAC,SAAQ,KAAI,MAAM,KAAK,EAAE;AAAA,IAC3C;AAAA,IAEA,OAAO;AAAA,MACL,cAAc;AAAA,MACd,OAAO;AAAA,MACP,iBAAiB,CAAC,kBAAkB,0BAA0B;AAAA,IAChE;AAAA,IAEA,IAAI;AAAA,MACF,WAAW;AAAA,QACT;AAAA,UACE,OAAO;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA,EAAE,SAAS,WAAW;AAAA,MACxB;AAAA,MACA,aAAa;AAAA,QACX;AAAA,UACE,OAAO;AAAA,UACP,SAAS;AAAA,QACX;AAAA,QACA;AAAA,UACE,SAAS,CAAC,cAAc,sBAAsB;AAAA,QAChD;AAAA,MACF;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,SAAS;AAAA,QACP,IAAI;AAAA,UACF,OAAO;AAAA,YACL;AAAA,cACE,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS,CAAC,iBAAiB,cAAc,sBAAsB;AAAA,YACjE;AAAA,YACA;AAAA,cACE,QAAQ;AAAA,cACR,SAAS,CAAC,iBAAiB,YAAY;AAAA,YACzC;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,UACF,OAAO;AAAA,YACL,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,QACF;AAAA,MACF;AAAA,MACA,SAAS;AAAA,QACP,IAAI;AAAA,UACF,OAAO;AAAA,YACL;AAAA,cACE,OAAO,IAAI,gBAAgB,cAAc;AAAA,cACzC,SAAS;AAAA,YACX;AAAA,YACA;AAAA,cACE,OAAO,IAAI,YAAY,cAAc;AAAA,cACrC,SAAS,CAAC,uBAAuB,qBAAqB;AAAA,YACxD;AAAA,YACA;AAAA,cACE,OAAO;AAAA,cACP,SAAS,CAAC,mBAAmB,qBAAqB;AAAA,YACpD;AAAA,UACF;AAAA,UACA,OAAO;AAAA,YACL,OAAO;AAAA,YACP,SAAS,CAAC,kBAAkB,wBAAwB;AAAA,UACtD;AAAA,UACA,MAAM;AAAA,YACJ,QAAQ;AAAA,YACR,SAAS;AAAA,UACX;AAAA,UACA,QAAQ;AAAA,YACN,OAAO;AAAA,YACP,SAAS;AAAA,UACX;AAAA,UACA,YAAY;AAAA,YACV,SAAS;AAAA,UACX;AAAA,UACA,aAAa;AAAA,YACX,SAAS;AAAA,UACX;AAAA,UACA,WAAW;AAAA,YACT;AAAA,cACE,OAAO;AAAA,cACP,SAAS;AAAA,YACX;AAAA,YACA;AAAA,cACE,SAAS,CAAC,uBAAuB,mBAAmB;AAAA,YACtD;AAAA,UACF;AAAA,UACA,UAAU;AAAA,YACR,OAAO,IAAI,cAAc;AAAA,YACzB,SAAS,CAAC,kBAAkB,iBAAiB;AAAA,UAC/C;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,GACA;AAAA,IACE,QAAQ;AAAA,MACN,WAAW,CAAC,SAAQ,CAAC,CAAC,KAAI;AAAA,MAC1B,cAAc,CAAC,MAAM,QAAQ,IAAI,UAAU;AAAA,MAC3C,UAAU,CAAC,SAAQ,KAAI,MAAM,KAAI,kBAAkB;AAAA,MACnD,iBAAiB,CAAC,SAAQ,KAAI;AAAA,MAC9B,cAAc,CAAC,MAAK,QAAQ,YAAY,IAAI,OAAO,KAAI,IAAI;AAAA,MAC3D,cAAc,CAAC,SAAQ;AACrB,eACE,KAAI,oBAAoB,MAAM,KAAI,eAClC,KAAI,MAAM,UAAU,CAAC,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,KAAI;AAAA,MAExD;AAAA,MACA,oBAAoB,CAAC,SAAQ,KAAI,iBAAiB,KAAI,cAAc;AAAA,MACpE,UAAU,CAAC,MAAM,QAAQ,IAAI,UAAU;AAAA,MACvC,YAAY,CAAC,SAAQ,CAAC,CAAC,KAAI;AAAA,IAC7B;AAAA,IACA,SAAS;AAAA,MACP,eAAe,CAAC,MAAK,QAAQ;AAC3B,YAAI,IAAI;AAAK,eAAI,MAAM,IAAI,IAAI,GAAG;AAClC,aAAI,MAAM,IAAI;AAAA,MAChB;AAAA,MACA,YAAY,CAAC,SAAQ;AACnB,iBAAS,MAAM;AACb,gBAAM,SAAS,IAAI,YAAY,IAAG;AAClC,gBAAM,QAAQ,WAAW,OAAO,MAAM,EAAE,IAAI,MAAM,EAAE;AACpD,eAAI,QAAQ,OAAO,OAAO,OAAO,KAAI,KAAK;AAAA,QAC5C,CAAC;AAAA,MACH;AAAA,MACA,YAAY,CAAC,SAAQ;AACnB,YAAI,MAAM;AApKpB;AAqKY,cAAI,KAAI,iBAAiB;AAAI;AAC7B,oBAAI,aAAa,IAAG,MAApB,mBAAuB;AAAA,QACzB,CAAC;AAAA,MACH;AAAA,MACA,gBAAgB,CAAC,SAAQ;AAzKjC;AA0KU,YAAI,KAAI,iBAAiB;AACvB,qBAAI,eAAJ,8BAAiB,EAAE,OAAO,MAAM,KAAK,KAAI,KAAK,GAAG,eAAe,KAAI,cAAc;AAAA,QACpF;AAAA,MACF;AAAA,MACA,gBAAgB,CAAC,MAAK,QAAQ;AA9KtC;AA+KU,YAAI,IAAI,SAAS,SAAS;AACxB,qBAAI,aAAJ,8BAAe,EAAE,OAAO,MAAM,KAAK,KAAI,KAAK,EAAE;AAAA,QAChD;AAAA,MACF;AAAA,MACA,iBAAiB,CAAC,MAAK,QAAQ;AAnLvC;AAoLU,mBAAI,cAAJ,8BAAgB,EAAE,OAAO,IAAI,OAAO,OAAO,KAAI,aAAa;AAAA,MAC9D;AAAA,MACA,mBAAmB,CAAC,SAAQ;AAC1B,aAAI,eAAe;AAAA,MACrB;AAAA,MACA,UAAU,CAAC,MAAK,UAAU;AACxB,eAAO,MAAK,MAAM,KAAK;AAAA,MACzB;AAAA,MACA,iBAAiB,CAAC,MAAK,UAAU;AAC/B,aAAI,eAAe,MAAM;AAAA,MAC3B;AAAA,MACA,iBAAiB,CAAC,MAAK,UAAU;AAC/B,aAAI,MAAM,KAAI,gBAAgB,MAAM;AAAA,MACtC;AAAA,MACA,qBAAqB,CAAC,MAAK,QAAQ;AACjC,cAAM,MAAM,KAAI,MAAM,KAAI;AAC1B,aAAI,MAAM,KAAI,gBAAgB,IAAI,MAAM,QAAQ,KAAK,EAAE,EAAE,OAAO,CAAC;AAAA,MACnE;AAAA,MACA,eAAe,MAAK,KAAK;AACvB,YAAI,MAAM;AACR,gBAAM,QAAS,IAAI,MAAiB,OAAO,GAAG,KAAI,WAAW;AAC7D,iBAAO,MAAK,MAAM,MAAM,EAAE,EAAE,OAAO,OAAO,CAAC;AAAA,QAC7C,CAAC;AAAA,MACH;AAAA,MACA,iBAAiB,CAAC,MAAK,QAAQ;AAC7B,aAAI,MAAM,IAAI,SAAS,IAAI;AAAA,MAC7B;AAAA,MACA,YAAY,CAAC,SAAQ;AACnB,eAAO,MAAK,EAAE;AAAA,MAChB;AAAA,MACA,mBAAmB,CAAC,SAAQ;AAC1B,aAAI,MAAM,KAAI,gBAAgB;AAAA,MAChC;AAAA,MACA,sBAAsB,CAAC,SAAQ;AAC7B,aAAI,eAAe;AAAA,MACrB;AAAA,MACA,qBAAqB,CAAC,SAAQ;AAC5B,aAAI,eAAe,KAAK,IAAI,KAAI,eAAe,GAAG,KAAI,cAAc,CAAC;AAAA,MACvE;AAAA,MACA,qBAAqB,CAAC,SAAQ;AAC5B,aAAI,eAAe,KAAK,IAAI,KAAI,eAAe,GAAG,CAAC;AAAA,MACrD;AAAA,MACA,wBAAwB,CAAC,SAAQ;AAC/B,iBAAS,MAAM;AACb,eAAI,eAAe,KAAK,IAAI,KAAI,mBAAmB,KAAI,cAAc,CAAC;AAAA,QACxE,CAAC;AAAA,MACH;AAAA,MACA,eAAe,GAAG,KAAK;AACrB,YAAI,eAAe;AAAA,MACrB;AAAA,MACA,yBAAyB,MAAK;AAC5B,YAAI,CAAC,KAAI;AAAgB;AACzB,YAAI,MAAM;AAxOpB;AAyOY,oBAAI,aAAa,IAAG,MAApB,mBAAuB;AAAA,QACzB,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF,CACF;AACF;AAEA,IAAM,QAAQ;AAAA,EACZ,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,cAAc;AAChB;AAEA,qBAAqB,OAAe,MAA8B;AAvPlE;AAwPE,MAAI,CAAC;AAAM,WAAO;AAClB,SAAO,CAAC,CAAC,aAAM,UAAN,mBAAa,KAAK;AAC7B;AAEA,gBAAgB,KAAqB,OAA0B;AAC7D,WAAS,IAAI,GAAG,IAAI,IAAI,MAAM,QAAQ,KAAK;AACzC,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,CAAC,MAAM;AAAI;AACf,UAAI,MAAM,KAAK,MAAM;AAAA,IACvB,OAAO;AACL,UAAI,MAAM,KAAK;AAAA,IACjB;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/pin-input.connect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.connect.d.ts","sourceRoot":"","sources":["../src/pin-input.connect.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGxE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE/C,wBAAgB,OAAO,CAAC,CAAC,SAAS,SAAS,GAAG,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,yCAAgB;;;;oBAU7F,MAAM,EAAE;;2BASD,MAAM,SAAS,MAAM;;;;eAkBV,MAAM;;EAuE3C"}
+{"version":3,"file":"pin-input.connect.d.ts","sourceRoot":"","sources":["../src/pin-input.connect.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAGxE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAE/C,wBAAgB,OAAO,CAAC,CAAC,SAAS,SAAS,GAAG,cAAc,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,yCAAgB;;;;oBAU7F,MAAM,EAAE;;2BASD,MAAM,SAAS,MAAM;;;;eAgBV,MAAM;;EAuE3C"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zag-js/pin-input",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Core logic for the pin-input widget implemented as a state machine",
   "keywords": [
     "js",
@@ -29,10 +29,10 @@
     "url": "https://github.com/chakra-ui/zag/issues"
   },
   "dependencies": {
-    "@zag-js/core": "0.1.2",
-    "@zag-js/dom-utils": "0.1.0",
+    "@zag-js/core": "0.1.3",
+    "@zag-js/dom-utils": "0.1.1",
     "@zag-js/types": "0.1.0",
-    "@zag-js/utils": "0.1.0"
+    "@zag-js/utils": "0.1.1"
   },
   "scripts": {
     "build:fast": "zag build",