@cfxjs/sirius-next-common 0.2.2 → 0.2.4

package/dist/{chunk-ZKNMJZ5R.js → chunk-BMO4IZHV.js}

@@ -7,14 +7,6 @@ import {
   shift,
   size
 } from "./chunk-LRCAKRPK.js";
-import {
-  cn
-} from "./chunk-VUULJBTQ.js";
-
-// src/components/Tooltip/index.tsx
-import {
-  useRef as useRef4
-} from "react";
 
 // ../../node_modules/.pnpm/@cfx-kit+ui-components@0.0.18_@zag-js+accordion@0.19.1_@zag-js+checkbox@0.19.1_@zag-js+dialog_toqhwacqm4ck723ovqekq5mm7u/node_modules/@cfx-kit/ui-components/dist/chunk-W7QWXYJO.js
 var __defProp = Object.defineProperty;
@@ -49,1043 +41,632 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
-// ../../node_modules/.pnpm/@cfx-kit+ui-components@0.0.18_@zag-js+accordion@0.19.1_@zag-js+checkbox@0.19.1_@zag-js+dialog_toqhwacqm4ck723ovqekq5mm7u/node_modules/@cfx-kit/ui-components/dist/Tooltip.js
-import { useEffect as useEffect3, useId, isValidElement, cloneElement, Children, Fragment } from "react";
-
-// ../../node_modules/.pnpm/@zag-js+anatomy@0.19.1/node_modules/@zag-js/anatomy/dist/index.mjs
-var createAnatomy = (name, parts2 = []) => ({
-  parts: (...values) => {
-    if (isEmpty(parts2)) {
-      return createAnatomy(name, values);
-    }
-    throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
-  },
-  extendWith: (...values) => createAnatomy(name, [...parts2, ...values]),
-  rename: (newName) => createAnatomy(newName, parts2),
-  keys: () => parts2,
-  build: () => [...new Set(parts2)].reduce(
-    (prev, part) => Object.assign(prev, {
-      [part]: {
-        selector: [
-          `&[data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`,
-          `& [data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`
-        ].join(", "),
-        attrs: { "data-scope": toKebabCase(name), "data-part": toKebabCase(part) }
-      }
-    }),
-    {}
-  )
-});
-var toKebabCase = (value) => value.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
-var isEmpty = (v) => v.length === 0;
-
-// ../../node_modules/.pnpm/@zag-js+dom-query@0.19.1/node_modules/@zag-js/dom-query/dist/index.mjs
-var dataAttr = (guard) => {
-  return guard ? "" : void 0;
-};
-function isHTMLElement(value) {
-  return typeof value === "object" && value?.nodeType === Node.ELEMENT_NODE && typeof value?.nodeName === "string";
-}
-var getDocument = (node) => {
-  if (node.nodeType === Node.DOCUMENT_NODE)
-    return node;
-  return node.ownerDocument ?? document;
+// ../../node_modules/.pnpm/proxy-compare@2.5.1/node_modules/proxy-compare/dist/index.modern.js
+var e = Symbol();
+var t = Symbol();
+var r = "a";
+var n = "w";
+var o = (e2, t2) => new Proxy(e2, t2);
+var s = Object.getPrototypeOf;
+var c = /* @__PURE__ */ new WeakMap();
+var l = (e2) => e2 && (c.has(e2) ? c.get(e2) : s(e2) === Object.prototype || s(e2) === Array.prototype);
+var f = (e2) => "object" == typeof e2 && null !== e2;
+var i = (e2) => {
+  if (Array.isArray(e2))
+    return Array.from(e2);
+  const t2 = Object.getOwnPropertyDescriptors(e2);
+  return Object.values(t2).forEach((e3) => {
+    e3.configurable = true;
+  }), Object.create(s(e2), t2);
 };
-function createScope(methods) {
-  const screen = {
-    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
-    getDoc: (ctx) => getDocument(screen.getRootNode(ctx)),
-    getWin: (ctx) => screen.getDoc(ctx).defaultView ?? window,
-    getActiveElement: (ctx) => screen.getDoc(ctx).activeElement,
-    getById: (ctx, id) => screen.getRootNode(ctx).getElementById(id),
-    setValue: (elem, value) => {
-      if (elem == null || value == null)
-        return;
-      elem.value = value.toString();
-    }
-  };
-  return { ...screen, ...methods };
-}
-function isScrollParent(el) {
-  const win = el.ownerDocument.defaultView || window;
-  const { overflow, overflowX, overflowY } = win.getComputedStyle(el);
-  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
-}
-function getParent(el) {
-  if (el.localName === "html")
-    return el;
-  return el.assignedSlot || el.parentElement || el.ownerDocument.documentElement;
-}
-function getScrollParent(el) {
-  if (["html", "body", "#document"].includes(el.localName)) {
-    return el.ownerDocument.body;
-  }
-  if (isHTMLElement(el) && isScrollParent(el)) {
-    return el;
+var u = (e2) => e2[t] || e2;
+var a = (s2, c2, f2, p2) => {
+  if (!l(s2))
+    return s2;
+  let g = p2 && p2.get(s2);
+  if (!g) {
+    const e2 = u(s2);
+    g = ((e3) => Object.values(Object.getOwnPropertyDescriptors(e3)).some((e4) => !e4.configurable && !e4.writable))(e2) ? [e2, i(e2)] : [e2], null == p2 || p2.set(s2, g);
   }
-  return getScrollParent(getParent(el));
-}
-function getScrollParents(el, list = []) {
-  const parent = getScrollParent(el);
-  const isBody = parent === el.ownerDocument.body;
-  const win = parent.ownerDocument.defaultView || window;
-  const target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(parent) ? parent : []) : parent;
-  const parents = list.concat(target);
-  return isBody ? parents : parents.concat(getScrollParents(getParent(target)));
-}
-var isDom = () => typeof document !== "undefined";
-function getPlatform() {
-  const agent = navigator.userAgentData;
-  return agent?.platform ?? navigator.platform;
-}
-var pt = (v) => isDom() && v.test(getPlatform());
-var vn = (v) => isDom() && v.test(navigator.vendor);
-var isSafari = () => isApple() && vn(/apple/i);
-var isApple = () => pt(/mac|iphone|ipad|ipod/i);
-function raf(fn) {
-  const id = globalThis.requestAnimationFrame(fn);
-  return () => {
-    globalThis.cancelAnimationFrame(id);
-  };
-}
-
-// ../../node_modules/.pnpm/@zag-js+utils@0.19.1/node_modules/@zag-js/utils/dist/index.mjs
-var callAll = (...fns) => (...a2) => {
-  fns.forEach(function(fn) {
-    fn?.(...a2);
-  });
+  const [y2, h2] = g;
+  let w = f2 && f2.get(y2);
+  return w && w[1].f === !!h2 || (w = ((o2, s3) => {
+    const c3 = { f: s3 };
+    let l2 = false;
+    const f3 = (e2, t2) => {
+      if (!l2) {
+        let s4 = c3[r].get(o2);
+        if (s4 || (s4 = {}, c3[r].set(o2, s4)), e2 === n)
+          s4[n] = true;
+        else {
+          let r2 = s4[e2];
+          r2 || (r2 = /* @__PURE__ */ new Set(), s4[e2] = r2), r2.add(t2);
+        }
+      }
+    }, i2 = { get: (e2, n2) => n2 === t ? o2 : (f3("k", n2), a(Reflect.get(e2, n2), c3[r], c3.c, c3.t)), has: (t2, n2) => n2 === e ? (l2 = true, c3[r].delete(o2), true) : (f3("h", n2), Reflect.has(t2, n2)), getOwnPropertyDescriptor: (e2, t2) => (f3("o", t2), Reflect.getOwnPropertyDescriptor(e2, t2)), ownKeys: (e2) => (f3(n), Reflect.ownKeys(e2)) };
+    return s3 && (i2.set = i2.deleteProperty = () => false), [i2, c3];
+  })(y2, !!h2), w[1].p = o(h2 || y2, w[0]), f2 && f2.set(y2, w)), w[1][r] = c2, w[1].c = f2, w[1].t = p2, w[1].p;
 };
-function compact(obj) {
-  if (!isPlainObject(obj) || obj === void 0) {
-    return obj;
+var p = (e2, t2, r2, o2) => {
+  if (Object.is(e2, t2))
+    return false;
+  if (!f(e2) || !f(t2))
+    return true;
+  const s2 = r2.get(u(e2));
+  if (!s2)
+    return true;
+  if (o2) {
+    const r3 = o2.get(e2);
+    if (r3 && r3.n === t2)
+      return r3.g;
+    o2.set(e2, { n: t2, g: false });
   }
-  const keys = Reflect.ownKeys(obj).filter((key) => typeof key === "string");
-  const filtered = {};
-  for (const key of keys) {
-    const value = obj[key];
-    if (value !== void 0) {
-      filtered[key] = compact(value);
-    }
+  let c2 = null;
+  try {
+    for (const r3 of s2.h || [])
+      if (c2 = Reflect.has(e2, r3) !== Reflect.has(t2, r3), c2)
+        return c2;
+    if (true === s2[n]) {
+      if (c2 = ((e3, t3) => {
+        const r3 = Reflect.ownKeys(e3), n2 = Reflect.ownKeys(t3);
+        return r3.length !== n2.length || r3.some((e4, t4) => e4 !== n2[t4]);
+      })(e2, t2), c2)
+        return c2;
+    } else
+      for (const r3 of s2.o || [])
+        if (c2 = !!Reflect.getOwnPropertyDescriptor(e2, r3) != !!Reflect.getOwnPropertyDescriptor(t2, r3), c2)
+          return c2;
+    for (const n2 of s2.k || [])
+      if (c2 = p(e2[n2], t2[n2], r2, o2), c2)
+        return c2;
+    return null === c2 && (c2 = true), c2;
+  } finally {
+    o2 && o2.set(e2, { n: t2, g: c2 });
   }
-  return filtered;
-}
-var isPlainObject = (value) => {
-  return value && typeof value === "object" && value.constructor === Object;
+};
+var y = (e2) => l(e2) && e2[t] || null;
+var h = (e2, t2 = true) => {
+  c.set(e2, t2);
 };
 
-// ../../node_modules/.pnpm/@zag-js+element-rect@0.19.1/node_modules/@zag-js/element-rect/dist/index.mjs
-var rafId;
-var observedElements = /* @__PURE__ */ new Map();
-var getRectFn = (el) => el.getBoundingClientRect();
-function trackElementRect(el, options) {
-  const { scope = "rect", getRect = getRectFn, onChange } = options;
-  const loop = getLoopFn({ scope, getRect });
-  const data = observedElements.get(el);
-  if (!data) {
-    observedElements.set(el, {
-      rect: {},
-      callbacks: [onChange]
-    });
-    if (observedElements.size === 1) {
-      rafId = requestAnimationFrame(loop);
-    }
-  } else {
-    data.callbacks.push(onChange);
-    onChange(getRect(el));
+// ../../node_modules/.pnpm/@zag-js+store@0.19.1/node_modules/@zag-js/store/dist/index.mjs
+var isDev = process.env.NODE_ENV !== "production";
+var isObject = (x) => typeof x === "object" && x !== null;
+var proxyStateMap = /* @__PURE__ */ new WeakMap();
+var refSet = /* @__PURE__ */ new WeakSet();
+var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), defaultHandlePromise = (promise) => {
+  switch (promise.status) {
+    case "fulfilled":
+      return promise.value;
+    case "rejected":
+      throw promise.reason;
+    default:
+      throw promise;
   }
-  return function unobserve() {
-    const data2 = observedElements.get(el);
-    if (!data2)
-      return;
-    const index = data2.callbacks.indexOf(onChange);
-    if (index > -1) {
-      data2.callbacks.splice(index, 1);
+}, snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version, handlePromise = defaultHandlePromise) => {
+  const cache = snapCache.get(target);
+  if (cache?.[0] === version) {
+    return cache[1];
+  }
+  const snap = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
+  h(snap, true);
+  snapCache.set(target, [version, snap]);
+  Reflect.ownKeys(target).forEach((key) => {
+    const value = Reflect.get(target, key);
+    if (refSet.has(value)) {
+      h(value, false);
+      snap[key] = value;
+    } else if (value instanceof Promise) {
+      Object.defineProperty(snap, key, {
+        get() {
+          return handlePromise(value);
+        }
+      });
+    } else if (proxyStateMap.has(value)) {
+      snap[key] = snapshot(value, handlePromise);
+    } else {
+      snap[key] = value;
     }
-    if (data2.callbacks.length === 0) {
-      observedElements.delete(el);
-      if (observedElements.size === 0) {
-        cancelAnimationFrame(rafId);
-      }
+  });
+  return Object.freeze(snap);
+}, proxyCache = /* @__PURE__ */ new WeakMap(), versionHolder = [1, 1], proxyFunction2 = (initialObject) => {
+  if (!isObject(initialObject)) {
+    throw new Error("object required");
+  }
+  const found = proxyCache.get(initialObject);
+  if (found) {
+    return found;
+  }
+  let version = versionHolder[0];
+  const listeners = /* @__PURE__ */ new Set();
+  const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => {
+    if (version !== nextVersion) {
+      version = nextVersion;
+      listeners.forEach((listener) => listener(op, nextVersion));
     }
   };
-}
-function getLoopFn(options) {
-  const { scope, getRect } = options;
-  const isEqual = getEqualityFn(scope);
-  return function loop() {
-    const changedRectsData = [];
-    observedElements.forEach((data, element) => {
-      const newRect = getRect(element);
-      if (!isEqual(data.rect, newRect)) {
-        data.rect = newRect;
-        changedRectsData.push(data);
+  let checkVersion = versionHolder[1];
+  const ensureVersion = (nextCheckVersion = ++versionHolder[1]) => {
+    if (checkVersion !== nextCheckVersion && !listeners.size) {
+      checkVersion = nextCheckVersion;
+      propProxyStates.forEach(([propProxyState]) => {
+        const propVersion = propProxyState[1](nextCheckVersion);
+        if (propVersion > version) {
+          version = propVersion;
+        }
+      });
+    }
+    return version;
+  };
+  const createPropListener = (prop) => (op, nextVersion) => {
+    const newOp = [...op];
+    newOp[1] = [prop, ...newOp[1]];
+    notifyUpdate(newOp, nextVersion);
+  };
+  const propProxyStates = /* @__PURE__ */ new Map();
+  const addPropListener = (prop, propProxyState) => {
+    if (isDev && propProxyStates.has(prop)) {
+      throw new Error("prop listener already exists");
+    }
+    if (listeners.size) {
+      const remove = propProxyState[3](createPropListener(prop));
+      propProxyStates.set(prop, [propProxyState, remove]);
+    } else {
+      propProxyStates.set(prop, [propProxyState]);
+    }
+  };
+  const removePropListener = (prop) => {
+    const entry = propProxyStates.get(prop);
+    if (entry) {
+      propProxyStates.delete(prop);
+      entry[1]?.();
+    }
+  };
+  const addListener = (listener) => {
+    listeners.add(listener);
+    if (listeners.size === 1) {
+      propProxyStates.forEach(([propProxyState, prevRemove], prop) => {
+        if (isDev && prevRemove) {
+          throw new Error("remove already exists");
+        }
+        const remove = propProxyState[3](createPropListener(prop));
+        propProxyStates.set(prop, [propProxyState, remove]);
+      });
+    }
+    const removeListener = () => {
+      listeners.delete(listener);
+      if (listeners.size === 0) {
+        propProxyStates.forEach(([propProxyState, remove], prop) => {
+          if (remove) {
+            remove();
+            propProxyStates.set(prop, [propProxyState]);
+          }
+        });
       }
-    });
-    changedRectsData.forEach((data) => {
-      data.callbacks.forEach((callback) => callback(data.rect));
-    });
-    rafId = requestAnimationFrame(loop);
+    };
+    return removeListener;
   };
-}
-var isEqualSize = (a2, b) => a2.width === b.width && a2.height === b.height;
-var isEqualPosition = (a2, b) => a2.top === b.top && a2.left === b.left;
-var isEqualRect = (a2, b) => isEqualSize(a2, b) && isEqualPosition(a2, b);
-function getEqualityFn(scope) {
-  if (scope === "size")
-    return isEqualSize;
-  if (scope === "position")
-    return isEqualPosition;
-  return isEqualRect;
-}
-
-// ../../node_modules/.pnpm/@zag-js+popper@0.19.1/node_modules/@zag-js/popper/dist/index.mjs
-var callAll2 = (...fns) => () => fns.forEach((fn) => fn());
-var isHTMLElement2 = (el) => {
-  return typeof el === "object" && el !== null && el.nodeType === 1;
-};
-var addDomEvent = (el, type, fn, options) => {
-  el.addEventListener(type, fn, options);
-  return () => el.removeEventListener(type, fn, options);
-};
-function resolveOptions(option) {
-  const bool = typeof option === "boolean";
-  return {
-    ancestorResize: bool ? option : option.ancestorResize ?? true,
-    ancestorScroll: bool ? option : option.ancestorScroll ?? true,
-    referenceResize: bool ? option : option.referenceResize ?? true
+  const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
+  const handler = {
+    deleteProperty(target, prop) {
+      const prevValue = Reflect.get(target, prop);
+      removePropListener(prop);
+      const deleted = Reflect.deleteProperty(target, prop);
+      if (deleted) {
+        notifyUpdate(["delete", [prop], prevValue]);
+      }
+      return deleted;
+    },
+    set(target, prop, value, receiver) {
+      const hasPrevValue = Reflect.has(target, prop);
+      const prevValue = Reflect.get(target, prop, receiver);
+      if (hasPrevValue && (objectIs(prevValue, value) || proxyCache.has(value) && objectIs(prevValue, proxyCache.get(value)))) {
+        return true;
+      }
+      removePropListener(prop);
+      if (isObject(value)) {
+        value = y(value) || value;
+      }
+      let nextValue = value;
+      if (Object.getOwnPropertyDescriptor(target, prop)?.set) {
+      } else if (value instanceof Promise) {
+        value.then((v) => {
+          value.status = "fulfilled";
+          value.value = v;
+          notifyUpdate(["resolve", [prop], v]);
+        }).catch((e2) => {
+          value.status = "rejected";
+          value.reason = e2;
+          notifyUpdate(["reject", [prop], e2]);
+        });
+      } else {
+        if (!proxyStateMap.has(value) && canProxy(value)) {
+          nextValue = proxy(value);
+        }
+        const childProxyState = !refSet.has(nextValue) && proxyStateMap.get(nextValue);
+        if (childProxyState) {
+          addPropListener(prop, childProxyState);
+        }
+      }
+      Reflect.set(target, prop, nextValue, receiver);
+      notifyUpdate(["set", [prop], value, prevValue]);
+      return true;
+    }
   };
+  const proxyObject = newProxy(baseObject, handler);
+  proxyCache.set(initialObject, proxyObject);
+  const proxyState = [baseObject, ensureVersion, createSnapshot, addListener];
+  proxyStateMap.set(proxyObject, proxyState);
+  Reflect.ownKeys(initialObject).forEach((key) => {
+    const desc = Object.getOwnPropertyDescriptor(initialObject, key);
+    if (desc.get || desc.set) {
+      Object.defineProperty(baseObject, key, desc);
+    } else {
+      proxyObject[key] = initialObject[key];
+    }
+  });
+  return proxyObject;
+}) => [
+  // public functions
+  proxyFunction2,
+  // shared state
+  proxyStateMap,
+  refSet,
+  // internal things
+  objectIs,
+  newProxy,
+  canProxy,
+  defaultHandlePromise,
+  snapCache,
+  createSnapshot,
+  proxyCache,
+  versionHolder
+];
+var [proxyFunction] = buildProxyFunction();
+function proxy(initialObject = {}) {
+  return proxyFunction(initialObject);
 }
-function autoUpdate(reference, floating, update, options = false) {
-  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options);
-  const useAncestors = ancestorScroll || ancestorResize;
-  const ancestors = [];
-  if (useAncestors && isHTMLElement2(reference)) {
-    ancestors.push(...getOverflowAncestors(reference));
+function subscribe(proxyObject, callback, notifyInSync) {
+  const proxyState = proxyStateMap.get(proxyObject);
+  if (isDev && !proxyState) {
+    console.warn("Please use proxy object");
   }
-  function addResizeListeners() {
-    let cleanups = [trackElementRect(floating, { scope: "size", onChange: update })];
-    if (referenceResize && isHTMLElement2(reference)) {
-      cleanups.push(trackElementRect(reference, { onChange: update }));
+  let promise;
+  const ops = [];
+  const addListener = proxyState[3];
+  let isListenerActive = false;
+  const listener = (op) => {
+    ops.push(op);
+    if (notifyInSync) {
+      callback(ops.splice(0));
+      return;
     }
-    cleanups.push(callAll2(...ancestors.map((el) => addDomEvent(el, "resize", update))));
-    return () => cleanups.forEach((fn) => fn());
-  }
-  function addScrollListeners() {
-    return callAll2(...ancestors.map((el) => addDomEvent(el, "scroll", update, { passive: true })));
+    if (!promise) {
+      promise = Promise.resolve().then(() => {
+        promise = void 0;
+        if (isListenerActive) {
+          callback(ops.splice(0));
+        }
+      });
+    }
+  };
+  const removeListener = addListener(listener);
+  isListenerActive = true;
+  return () => {
+    isListenerActive = false;
+    removeListener();
+  };
+}
+function snapshot(proxyObject, handlePromise) {
+  const proxyState = proxyStateMap.get(proxyObject);
+  if (isDev && !proxyState) {
+    console.warn("Please use proxy object");
   }
-  return callAll2(addResizeListeners(), addScrollListeners());
+  const [target, ensureVersion, createSnapshot] = proxyState;
+  return createSnapshot(target, ensureVersion(), handlePromise);
 }
-var toVar = (value) => ({ variable: value, reference: `var(${value})` });
-var cssVars = {
-  arrowSize: toVar("--arrow-size"),
-  arrowSizeHalf: toVar("--arrow-size-half"),
-  arrowBg: toVar("--arrow-background"),
-  transformOrigin: toVar("--transform-origin"),
-  arrowOffset: toVar("--arrow-offset")
-};
-var getTransformOrigin = (arrow2) => ({
-  top: "bottom center",
-  "top-start": arrow2 ? `${arrow2.x}px bottom` : "left bottom",
-  "top-end": arrow2 ? `${arrow2.x}px bottom` : "right bottom",
-  bottom: "top center",
-  "bottom-start": arrow2 ? `${arrow2.x}px top` : "top left",
-  "bottom-end": arrow2 ? `${arrow2.x}px top` : "top right",
-  left: "right center",
-  "left-start": arrow2 ? `right ${arrow2.y}px` : "right top",
-  "left-end": arrow2 ? `right ${arrow2.y}px` : "right bottom",
-  right: "left center",
-  "right-start": arrow2 ? `left ${arrow2.y}px` : "left top",
-  "right-end": arrow2 ? `left ${arrow2.y}px` : "left bottom"
-});
-var transformOrigin = {
-  name: "transformOrigin",
-  fn({ placement, elements, middlewareData }) {
-    const { arrow: arrow2 } = middlewareData;
-    const transformOrigin2 = getTransformOrigin(arrow2)[placement];
-    const { floating } = elements;
-    floating.style.setProperty(cssVars.transformOrigin.variable, transformOrigin2);
-    return {
-      data: { transformOrigin: transformOrigin2 }
-    };
-  }
-};
-var shiftArrow = (opts) => ({
-  name: "shiftArrow",
-  fn({ placement, middlewareData }) {
-    const { element: arrow2 } = opts;
-    if (middlewareData.arrow) {
-      const { x, y: y2 } = middlewareData.arrow;
-      const dir = placement.split("-")[0];
-      Object.assign(arrow2.style, {
-        left: x != null ? `${x}px` : "",
-        top: y2 != null ? `${y2}px` : "",
-        [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
-      });
+function ref(obj) {
+  refSet.add(obj);
+  return obj;
+}
+function proxyWithComputed(initialObject, computedFns) {
+  const keys = Object.keys(computedFns);
+  keys.forEach((key) => {
+    if (Object.getOwnPropertyDescriptor(initialObject, key)) {
+      throw new Error("object property already defined");
     }
-    return {};
-  }
-});
-var defaultOptions = {
-  strategy: "absolute",
-  placement: "bottom",
-  listeners: true,
-  gutter: 8,
-  flip: true,
-  sameWidth: false,
-  overflowPadding: 8
-};
-function getPlacementImpl(reference, floating, opts = {}) {
-  if (!floating || !reference)
-    return;
-  const options = Object.assign({}, defaultOptions, opts);
-  const arrowEl = floating.querySelector("[data-part=arrow]");
-  const middleware = [];
-  const boundary = typeof options.boundary === "function" ? options.boundary() : options.boundary;
-  if (options.flip) {
-    middleware.push(
-      flip({
-        boundary,
-        padding: options.overflowPadding
-      })
-    );
-  }
-  if (options.gutter || options.offset) {
-    const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0;
-    let mainAxis = options.offset?.mainAxis ?? options.gutter;
-    let crossAxis = options.offset?.crossAxis;
-    if (mainAxis != null)
-      mainAxis += arrowOffset;
-    const offsetOptions = compact({ mainAxis, crossAxis });
-    middleware.push(offset(offsetOptions));
-  }
-  middleware.push(
-    shift({
-      boundary,
-      crossAxis: options.overlap,
-      padding: options.overflowPadding
-    })
-  );
-  if (arrowEl) {
-    middleware.push(
-      arrow({ element: arrowEl, padding: 8 }),
-      shiftArrow({ element: arrowEl })
-    );
-  }
-  middleware.push(transformOrigin);
-  middleware.push(
-    size({
-      padding: options.overflowPadding,
-      apply({ rects, availableHeight, availableWidth }) {
-        const referenceWidth = Math.round(rects.reference.width);
-        floating.style.setProperty("--reference-width", `${referenceWidth}px`);
-        floating.style.setProperty("--available-width", `${availableWidth}px`);
-        floating.style.setProperty("--available-height", `${availableHeight}px`);
-      }
-    })
-  );
-  function compute(config = {}) {
-    if (!reference || !floating)
+    const computedFn = computedFns[key];
+    const { get, set: set2 } = typeof computedFn === "function" ? { get: computedFn } : computedFn;
+    const desc = {};
+    desc.get = () => get(snapshot(proxyObject));
+    if (set2) {
+      desc.set = (newValue) => set2(proxyObject, newValue);
+    }
+    Object.defineProperty(initialObject, key, desc);
+  });
+  const proxyObject = proxy(initialObject);
+  return proxyObject;
+}
+var defaultCompareFn = (prev, next) => Object.is(prev, next);
+function subscribeKey(obj, key, fn, sync, compareFn) {
+  let prev = Reflect.get(snapshot(obj), key);
+  const isEqual = compareFn || defaultCompareFn;
+  function onSnapshotChange() {
+    const snap = snapshot(obj);
+    if (isEqual(prev, snap[key]))
       return;
-    const { placement, strategy, onComplete } = options;
-    computePosition(reference, floating, {
-      placement,
-      middleware,
-      strategy,
-      ...config
-    }).then((data) => {
-      const x = Math.round(data.x);
-      floating.style.setProperty("--x", `${x}px`);
-      const y2 = Math.round(data.y);
-      floating.style.setProperty("--y", `${y2}px`);
-      onComplete?.(data);
-    });
+    fn(snap[key]);
+    prev = Reflect.get(snap, key);
   }
-  compute();
-  return callAll(
-    options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0,
-    options.onCleanup
-  );
+  return subscribe(obj, onSnapshotChange, sync);
 }
-function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
-  const { defer, ...restOptions } = opts;
-  const func = defer ? raf : (v) => v();
-  const cleanups = [];
-  cleanups.push(
-    func(() => {
-      const reference = typeof referenceOrFn === "function" ? referenceOrFn() : referenceOrFn;
-      const floating = typeof floatingOrFn === "function" ? floatingOrFn() : floatingOrFn;
-      cleanups.push(getPlacementImpl(reference, floating, restOptions));
-    })
-  );
-  return () => {
-    cleanups.forEach((fn) => fn?.());
-  };
+
+// ../../node_modules/.pnpm/klona@2.0.6/node_modules/klona/full/index.mjs
+function set(obj, key, val) {
+  if (typeof val.value === "object")
+    val.value = klona(val.value);
+  if (!val.enumerable || val.get || val.set || !val.configurable || !val.writable || key === "__proto__") {
+    Object.defineProperty(obj, key, val);
+  } else
+    obj[key] = val.value;
 }
-var ARROW_FLOATING_STYLE = {
-  bottom: "rotate(45deg)",
-  left: "rotate(135deg)",
-  top: "rotate(225deg)",
-  right: "rotate(315deg)"
-};
-function getPlacementStyles(options = {}) {
-  const { placement = "bottom", sameWidth, fitViewport, strategy = "absolute" } = options;
-  return {
-    arrow: {
-      position: "absolute",
-      width: cssVars.arrowSize.reference,
-      height: cssVars.arrowSize.reference,
-      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
-      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
-    },
-    arrowTip: {
-      transform: ARROW_FLOATING_STYLE[placement.split("-")[0]],
-      background: cssVars.arrowBg.reference,
-      top: "0",
-      left: "0",
-      width: "100%",
-      height: "100%",
-      position: "absolute",
-      zIndex: "inherit"
-    },
-    floating: {
-      position: strategy,
-      minWidth: sameWidth ? void 0 : "max-content",
-      width: sameWidth ? "var(--reference-width)" : void 0,
-      maxWidth: fitViewport ? "var(--available-width)" : void 0,
-      maxHeight: fitViewport ? "var(--available-height)" : void 0,
-      top: "0px",
-      left: "0px",
-      transform: `translate3d(var(--x), var(--y), 0)`
+function klona(x) {
+  if (typeof x !== "object")
+    return x;
+  var i2 = 0, k, list, tmp, str = Object.prototype.toString.call(x);
+  if (str === "[object Object]") {
+    tmp = Object.create(x.__proto__ || null);
+  } else if (str === "[object Array]") {
+    tmp = Array(x.length);
+  } else if (str === "[object Set]") {
+    tmp = /* @__PURE__ */ new Set();
+    x.forEach(function(val) {
+      tmp.add(klona(val));
+    });
+  } else if (str === "[object Map]") {
+    tmp = /* @__PURE__ */ new Map();
+    x.forEach(function(val, key) {
+      tmp.set(klona(key), klona(val));
+    });
+  } else if (str === "[object Date]") {
+    tmp = /* @__PURE__ */ new Date(+x);
+  } else if (str === "[object RegExp]") {
+    tmp = new RegExp(x.source, x.flags);
+  } else if (str === "[object DataView]") {
+    tmp = new x.constructor(klona(x.buffer));
+  } else if (str === "[object ArrayBuffer]") {
+    tmp = x.slice(0);
+  } else if (str.slice(-6) === "Array]") {
+    tmp = new x.constructor(x);
+  }
+  if (tmp) {
+    for (list = Object.getOwnPropertySymbols(x); i2 < list.length; i2++) {
+      set(tmp, list[i2], Object.getOwnPropertyDescriptor(x, list[i2]));
     }
-  };
+    for (i2 = 0, list = Object.getOwnPropertyNames(x); i2 < list.length; i2++) {
+      if (Object.hasOwnProperty.call(tmp, k = list[i2]) && tmp[k] === x[k])
+        continue;
+      set(tmp, k, Object.getOwnPropertyDescriptor(x, k));
+    }
+  }
+  return tmp || x;
 }
 
-// ../../node_modules/.pnpm/proxy-compare@2.5.1/node_modules/proxy-compare/dist/index.modern.js
-var e = Symbol();
-var t = Symbol();
-var r = "a";
-var n = "w";
-var o = (e2, t2) => new Proxy(e2, t2);
-var s = Object.getPrototypeOf;
-var c = /* @__PURE__ */ new WeakMap();
-var l = (e2) => e2 && (c.has(e2) ? c.get(e2) : s(e2) === Object.prototype || s(e2) === Array.prototype);
-var f = (e2) => "object" == typeof e2 && null !== e2;
-var i = (e2) => {
-  if (Array.isArray(e2))
-    return Array.from(e2);
-  const t2 = Object.getOwnPropertyDescriptors(e2);
-  return Object.values(t2).forEach((e3) => {
-    e3.configurable = true;
-  }), Object.create(s(e2), t2);
+// ../../node_modules/.pnpm/@zag-js+core@0.19.1/node_modules/@zag-js/core/dist/index.mjs
+var __defProp2 = Object.defineProperty;
+var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
 };
-var u = (e2) => e2[t] || e2;
-var a = (s2, c2, f2, p2) => {
-  if (!l(s2))
-    return s2;
-  let g = p2 && p2.get(s2);
-  if (!g) {
-    const e2 = u(s2);
-    g = ((e3) => Object.values(Object.getOwnPropertyDescriptors(e3)).some((e4) => !e4.configurable && !e4.writable))(e2) ? [e2, i(e2)] : [e2], null == p2 || p2.set(s2, g);
-  }
-  const [y2, h2] = g;
-  let w = f2 && f2.get(y2);
-  return w && w[1].f === !!h2 || (w = ((o2, s3) => {
-    const c3 = { f: s3 };
-    let l2 = false;
-    const f3 = (e2, t2) => {
-      if (!l2) {
-        let s4 = c3[r].get(o2);
-        if (s4 || (s4 = {}, c3[r].set(o2, s4)), e2 === n)
-          s4[n] = true;
-        else {
-          let r2 = s4[e2];
-          r2 || (r2 = /* @__PURE__ */ new Set(), s4[e2] = r2), r2.add(t2);
-        }
-      }
-    }, i2 = { get: (e2, n2) => n2 === t ? o2 : (f3("k", n2), a(Reflect.get(e2, n2), c3[r], c3.c, c3.t)), has: (t2, n2) => n2 === e ? (l2 = true, c3[r].delete(o2), true) : (f3("h", n2), Reflect.has(t2, n2)), getOwnPropertyDescriptor: (e2, t2) => (f3("o", t2), Reflect.getOwnPropertyDescriptor(e2, t2)), ownKeys: (e2) => (f3(n), Reflect.ownKeys(e2)) };
-    return s3 && (i2.set = i2.deleteProperty = () => false), [i2, c3];
-  })(y2, !!h2), w[1].p = o(h2 || y2, w[0]), f2 && f2.set(y2, w)), w[1][r] = c2, w[1].c = f2, w[1].t = p2, w[1].p;
+function clear(v) {
+  while (v.length > 0)
+    v.pop();
+  return v;
+}
+var runIfFn = (v, ...a2) => {
+  const res = typeof v === "function" ? v(...a2) : v;
+  return res ?? void 0;
 };
-var p = (e2, t2, r2, o2) => {
-  if (Object.is(e2, t2))
-    return false;
-  if (!f(e2) || !f(t2))
-    return true;
-  const s2 = r2.get(u(e2));
-  if (!s2)
-    return true;
-  if (o2) {
-    const r3 = o2.get(e2);
-    if (r3 && r3.n === t2)
-      return r3.g;
-    o2.set(e2, { n: t2, g: false });
+var cast = (v) => v;
+var noop = () => {
+};
+var uuid = /* @__PURE__ */ (() => {
+  let id = 0;
+  return () => {
+    id++;
+    return id.toString(36);
+  };
+})();
+var isDev2 = () => process.env.NODE_ENV !== "production";
+var isArray = (v) => Array.isArray(v);
+var isObject2 = (v) => !(v == null || typeof v !== "object" || isArray(v));
+var isNumber = (v) => typeof v === "number" && !Number.isNaN(v);
+var isString = (v) => typeof v === "string";
+var isFunction = (v) => typeof v === "function";
+function compact(obj) {
+  if (!isPlainObject(obj) || obj === void 0) {
+    return obj;
   }
-  let c2 = null;
-  try {
-    for (const r3 of s2.h || [])
-      if (c2 = Reflect.has(e2, r3) !== Reflect.has(t2, r3), c2)
-        return c2;
-    if (true === s2[n]) {
-      if (c2 = ((e3, t3) => {
-        const r3 = Reflect.ownKeys(e3), n2 = Reflect.ownKeys(t3);
-        return r3.length !== n2.length || r3.some((e4, t4) => e4 !== n2[t4]);
-      })(e2, t2), c2)
-        return c2;
-    } else
-      for (const r3 of s2.o || [])
-        if (c2 = !!Reflect.getOwnPropertyDescriptor(e2, r3) != !!Reflect.getOwnPropertyDescriptor(t2, r3), c2)
-          return c2;
-    for (const n2 of s2.k || [])
-      if (c2 = p(e2[n2], t2[n2], r2, o2), c2)
-        return c2;
-    return null === c2 && (c2 = true), c2;
-  } finally {
-    o2 && o2.set(e2, { n: t2, g: c2 });
+  const keys = Reflect.ownKeys(obj).filter((key) => typeof key === "string");
+  const filtered = {};
+  for (const key of keys) {
+    const value = obj[key];
+    if (value !== void 0) {
+      filtered[key] = compact(value);
+    }
   }
+  return filtered;
+}
+var isPlainObject = (value) => {
+  return value && typeof value === "object" && value.constructor === Object;
 };
-var y = (e2) => l(e2) && e2[t] || null;
-var h = (e2, t2 = true) => {
-  c.set(e2, t2);
-};
-
-// ../../node_modules/.pnpm/@zag-js+store@0.19.1/node_modules/@zag-js/store/dist/index.mjs
-var isDev = process.env.NODE_ENV !== "production";
-var isObject = (x) => typeof x === "object" && x !== null;
-var proxyStateMap = /* @__PURE__ */ new WeakMap();
-var refSet = /* @__PURE__ */ new WeakSet();
-var buildProxyFunction = (objectIs = Object.is, newProxy = (target, handler) => new Proxy(target, handler), canProxy = (x) => isObject(x) && !refSet.has(x) && (Array.isArray(x) || !(Symbol.iterator in x)) && !(x instanceof WeakMap) && !(x instanceof WeakSet) && !(x instanceof Error) && !(x instanceof Number) && !(x instanceof Date) && !(x instanceof String) && !(x instanceof RegExp) && !(x instanceof ArrayBuffer), defaultHandlePromise = (promise) => {
-  switch (promise.status) {
-    case "fulfilled":
-      return promise.value;
-    case "rejected":
-      throw promise.reason;
-    default:
-      throw promise;
+function warn(...a2) {
+  const m = a2.length === 1 ? a2[0] : a2[1];
+  const c2 = a2.length === 2 ? a2[0] : true;
+  if (c2 && process.env.NODE_ENV !== "production") {
+    console.warn(m);
   }
-}, snapCache = /* @__PURE__ */ new WeakMap(), createSnapshot = (target, version, handlePromise = defaultHandlePromise) => {
-  const cache = snapCache.get(target);
-  if (cache?.[0] === version) {
-    return cache[1];
+}
+function invariant(...a2) {
+  const m = a2.length === 1 ? a2[0] : a2[1];
+  const c2 = a2.length === 2 ? a2[0] : true;
+  if (c2 && process.env.NODE_ENV !== "production") {
+    throw new Error(m);
   }
-  const snap = Array.isArray(target) ? [] : Object.create(Object.getPrototypeOf(target));
-  h(snap, true);
-  snapCache.set(target, [version, snap]);
-  Reflect.ownKeys(target).forEach((key) => {
-    const value = Reflect.get(target, key);
-    if (refSet.has(value)) {
-      h(value, false);
-      snap[key] = value;
-    } else if (value instanceof Promise) {
-      Object.defineProperty(snap, key, {
-        get() {
-          return handlePromise(value);
+}
+function deepMerge(source, ...objects) {
+  for (const obj of objects) {
+    const target = compact(obj);
+    for (const key in target) {
+      if (isObject2(obj[key])) {
+        if (!source[key]) {
+          source[key] = {};
         }
-      });
-    } else if (proxyStateMap.has(value)) {
-      snap[key] = snapshot(value, handlePromise);
-    } else {
-      snap[key] = value;
+        deepMerge(source[key], obj[key]);
+      } else {
+        source[key] = obj[key];
+      }
     }
-  });
-  return Object.freeze(snap);
-}, proxyCache = /* @__PURE__ */ new WeakMap(), versionHolder = [1, 1], proxyFunction2 = (initialObject) => {
-  if (!isObject(initialObject)) {
-    throw new Error("object required");
-  }
-  const found = proxyCache.get(initialObject);
-  if (found) {
-    return found;
   }
-  let version = versionHolder[0];
-  const listeners = /* @__PURE__ */ new Set();
-  const notifyUpdate = (op, nextVersion = ++versionHolder[0]) => {
-    if (version !== nextVersion) {
-      version = nextVersion;
-      listeners.forEach((listener) => listener(op, nextVersion));
+  return source;
+}
+function structuredClone(v) {
+  return klona(v);
+}
+function toEvent(event) {
+  const obj = isString(event) ? { type: event } : event;
+  return obj;
+}
+function toArray(value) {
+  if (!value)
+    return [];
+  return isArray(value) ? value.slice() : [value];
+}
+function isGuardHelper(value) {
+  return isObject2(value) && value.predicate != null;
+}
+var Truthy = () => true;
+function exec(guardMap, ctx, event, meta) {
+  return (guard) => {
+    if (isString(guard)) {
+      return !!guardMap[guard]?.(ctx, event, meta);
     }
-  };
-  let checkVersion = versionHolder[1];
-  const ensureVersion = (nextCheckVersion = ++versionHolder[1]) => {
-    if (checkVersion !== nextCheckVersion && !listeners.size) {
-      checkVersion = nextCheckVersion;
-      propProxyStates.forEach(([propProxyState]) => {
-        const propVersion = propProxyState[1](nextCheckVersion);
-        if (propVersion > version) {
-          version = propVersion;
-        }
-      });
+    if (isFunction(guard)) {
+      return guard(ctx, event, meta);
     }
-    return version;
+    return guard.predicate(guardMap)(ctx, event, meta);
   };
-  const createPropListener = (prop) => (op, nextVersion) => {
-    const newOp = [...op];
-    newOp[1] = [prop, ...newOp[1]];
-    notifyUpdate(newOp, nextVersion);
+}
+function or(...conditions) {
+  return {
+    predicate: (guardMap) => (ctx, event, meta) => conditions.map(exec(guardMap, ctx, event, meta)).some(Boolean)
   };
-  const propProxyStates = /* @__PURE__ */ new Map();
-  const addPropListener = (prop, propProxyState) => {
-    if (isDev && propProxyStates.has(prop)) {
-      throw new Error("prop listener already exists");
-    }
-    if (listeners.size) {
-      const remove = propProxyState[3](createPropListener(prop));
-      propProxyStates.set(prop, [propProxyState, remove]);
-    } else {
-      propProxyStates.set(prop, [propProxyState]);
-    }
+}
+function and(...conditions) {
+  return {
+    predicate: (guardMap) => (ctx, event, meta) => conditions.map(exec(guardMap, ctx, event, meta)).every(Boolean)
   };
-  const removePropListener = (prop) => {
-    const entry = propProxyStates.get(prop);
-    if (entry) {
-      propProxyStates.delete(prop);
-      entry[1]?.();
+}
+function not(condition) {
+  return {
+    predicate: (guardMap) => (ctx, event, meta) => {
+      return !exec(guardMap, ctx, event, meta)(condition);
     }
   };
-  const addListener = (listener) => {
-    listeners.add(listener);
-    if (listeners.size === 1) {
-      propProxyStates.forEach(([propProxyState, prevRemove], prop) => {
-        if (isDev && prevRemove) {
-          throw new Error("remove already exists");
-        }
-        const remove = propProxyState[3](createPropListener(prop));
-        propProxyStates.set(prop, [propProxyState, remove]);
-      });
+}
+function stateIn(...values) {
+  return (_ctx, _evt, meta) => meta.state.matches(...values);
+}
+var guards = { or, and, not, stateIn };
+function determineGuardFn(guard, guardMap) {
+  guard = guard ?? Truthy;
+  return (context, event, meta) => {
+    if (isString(guard)) {
+      const value = guardMap[guard];
+      return isFunction(value) ? value(context, event, meta) : value;
     }
-    const removeListener = () => {
-      listeners.delete(listener);
-      if (listeners.size === 0) {
-        propProxyStates.forEach(([propProxyState, remove], prop) => {
-          if (remove) {
-            remove();
-            propProxyStates.set(prop, [propProxyState]);
-          }
-        });
-      }
-    };
-    return removeListener;
+    if (isGuardHelper(guard)) {
+      return guard.predicate(guardMap)(context, event, meta);
+    }
+    return guard?.(context, event, meta);
   };
-  const baseObject = Array.isArray(initialObject) ? [] : Object.create(Object.getPrototypeOf(initialObject));
-  const handler = {
-    deleteProperty(target, prop) {
-      const prevValue = Reflect.get(target, prop);
-      removePropListener(prop);
-      const deleted = Reflect.deleteProperty(target, prop);
-      if (deleted) {
-        notifyUpdate(["delete", [prop], prevValue]);
-      }
-      return deleted;
-    },
-    set(target, prop, value, receiver) {
-      const hasPrevValue = Reflect.has(target, prop);
-      const prevValue = Reflect.get(target, prop, receiver);
-      if (hasPrevValue && (objectIs(prevValue, value) || proxyCache.has(value) && objectIs(prevValue, proxyCache.get(value)))) {
-        return true;
-      }
-      removePropListener(prop);
-      if (isObject(value)) {
-        value = y(value) || value;
-      }
-      let nextValue = value;
-      if (Object.getOwnPropertyDescriptor(target, prop)?.set) {
-      } else if (value instanceof Promise) {
-        value.then((v) => {
-          value.status = "fulfilled";
-          value.value = v;
-          notifyUpdate(["resolve", [prop], v]);
-        }).catch((e2) => {
-          value.status = "rejected";
-          value.reason = e2;
-          notifyUpdate(["reject", [prop], e2]);
-        });
-      } else {
-        if (!proxyStateMap.has(value) && canProxy(value)) {
-          nextValue = proxy(value);
-        }
-        const childProxyState = !refSet.has(nextValue) && proxyStateMap.get(nextValue);
-        if (childProxyState) {
-          addPropListener(prop, childProxyState);
-        }
-      }
-      Reflect.set(target, prop, nextValue, receiver);
-      notifyUpdate(["set", [prop], value, prevValue]);
-      return true;
+}
+function determineActionsFn(values, guardMap) {
+  return (context, event, meta) => {
+    if (isGuardHelper(values)) {
+      return values.predicate(guardMap)(context, event, meta);
     }
+    return values;
   };
-  const proxyObject = newProxy(baseObject, handler);
-  proxyCache.set(initialObject, proxyObject);
-  const proxyState = [baseObject, ensureVersion, createSnapshot, addListener];
-  proxyStateMap.set(proxyObject, proxyState);
-  Reflect.ownKeys(initialObject).forEach((key) => {
-    const desc = Object.getOwnPropertyDescriptor(initialObject, key);
-    if (desc.get || desc.set) {
-      Object.defineProperty(baseObject, key, desc);
-    } else {
-      proxyObject[key] = initialObject[key];
+}
+function createProxy(config) {
+  const computedContext = config.computed ?? cast({});
+  const initialContext = config.context ?? cast({});
+  const state = proxy({
+    value: config.initial ?? "",
+    previousValue: "",
+    event: cast({}),
+    previousEvent: cast({}),
+    context: proxyWithComputed(initialContext, computedContext),
+    done: false,
+    tags: [],
+    hasTag(tag) {
+      return this.tags.includes(tag);
+    },
+    matches(...value) {
+      return value.includes(this.value);
+    },
+    can(event) {
+      return cast(this).nextEvents.includes(event);
+    },
+    get nextEvents() {
+      const stateEvents = config.states?.[this.value]?.["on"] ?? {};
+      const globalEvents = config?.on ?? {};
+      return Object.keys({ ...stateEvents, ...globalEvents });
+    },
+    get changed() {
+      if (this.event.value === "machine.init" || !this.previousValue)
+        return false;
+      return this.value !== this.previousValue;
     }
   });
-  return proxyObject;
-}) => [
-  // public functions
-  proxyFunction2,
-  // shared state
-  proxyStateMap,
-  refSet,
-  // internal things
-  objectIs,
-  newProxy,
-  canProxy,
-  defaultHandlePromise,
-  snapCache,
-  createSnapshot,
-  proxyCache,
-  versionHolder
-];
-var [proxyFunction] = buildProxyFunction();
-function proxy(initialObject = {}) {
-  return proxyFunction(initialObject);
+  return cast(state);
 }
-function subscribe(proxyObject, callback, notifyInSync) {
-  const proxyState = proxyStateMap.get(proxyObject);
-  if (isDev && !proxyState) {
-    console.warn("Please use proxy object");
-  }
-  let promise;
-  const ops = [];
-  const addListener = proxyState[3];
-  let isListenerActive = false;
-  const listener = (op) => {
-    ops.push(op);
-    if (notifyInSync) {
-      callback(ops.splice(0));
-      return;
+function determineDelayFn(delay, delaysMap) {
+  return (context, event) => {
+    if (isNumber(delay))
+      return delay;
+    if (isFunction(delay)) {
+      return delay(context, event);
     }
-    if (!promise) {
-      promise = Promise.resolve().then(() => {
-        promise = void 0;
-        if (isListenerActive) {
-          callback(ops.splice(0));
-        }
-      });
+    if (isString(delay)) {
+      const value = Number.parseFloat(delay);
+      if (!Number.isNaN(value)) {
+        return value;
+      }
+      if (delaysMap) {
+        const valueOrFn = delaysMap?.[delay];
+        invariant(
+          valueOrFn == null,
+          `[@zag-js/core > determine-delay] Cannot determine delay for \`${delay}\`. It doesn't exist in \`options.delays\``
+        );
+        return isFunction(valueOrFn) ? valueOrFn(context, event) : valueOrFn;
+      }
     }
   };
-  const removeListener = addListener(listener);
-  isListenerActive = true;
-  return () => {
-    isListenerActive = false;
-    removeListener();
-  };
-}
-function snapshot(proxyObject, handlePromise) {
-  const proxyState = proxyStateMap.get(proxyObject);
-  if (isDev && !proxyState) {
-    console.warn("Please use proxy object");
-  }
-  const [target, ensureVersion, createSnapshot] = proxyState;
-  return createSnapshot(target, ensureVersion(), handlePromise);
-}
-function ref(obj) {
-  refSet.add(obj);
-  return obj;
 }
-function proxyWithComputed(initialObject, computedFns) {
-  const keys = Object.keys(computedFns);
-  keys.forEach((key) => {
-    if (Object.getOwnPropertyDescriptor(initialObject, key)) {
-      throw new Error("object property already defined");
-    }
-    const computedFn = computedFns[key];
-    const { get, set: set2 } = typeof computedFn === "function" ? { get: computedFn } : computedFn;
-    const desc = {};
-    desc.get = () => get(snapshot(proxyObject));
-    if (set2) {
-      desc.set = (newValue) => set2(proxyObject, newValue);
-    }
-    Object.defineProperty(initialObject, key, desc);
-  });
-  const proxyObject = proxy(initialObject);
-  return proxyObject;
+function toTarget(target) {
+  return isString(target) ? { target } : target;
 }
-var defaultCompareFn = (prev, next) => Object.is(prev, next);
-function subscribeKey(obj, key, fn, sync, compareFn) {
-  let prev = Reflect.get(snapshot(obj), key);
-  const isEqual = compareFn || defaultCompareFn;
-  function onSnapshotChange() {
-    const snap = snapshot(obj);
-    if (isEqual(prev, snap[key]))
-      return;
-    fn(snap[key]);
-    prev = Reflect.get(snap, key);
-  }
-  return subscribe(obj, onSnapshotChange, sync);
-}
-
-// ../../node_modules/.pnpm/klona@2.0.6/node_modules/klona/full/index.mjs
-function set(obj, key, val) {
-  if (typeof val.value === "object")
-    val.value = klona(val.value);
-  if (!val.enumerable || val.get || val.set || !val.configurable || !val.writable || key === "__proto__") {
-    Object.defineProperty(obj, key, val);
-  } else
-    obj[key] = val.value;
-}
-function klona(x) {
-  if (typeof x !== "object")
-    return x;
-  var i2 = 0, k, list, tmp, str = Object.prototype.toString.call(x);
-  if (str === "[object Object]") {
-    tmp = Object.create(x.__proto__ || null);
-  } else if (str === "[object Array]") {
-    tmp = Array(x.length);
-  } else if (str === "[object Set]") {
-    tmp = /* @__PURE__ */ new Set();
-    x.forEach(function(val) {
-      tmp.add(klona(val));
-    });
-  } else if (str === "[object Map]") {
-    tmp = /* @__PURE__ */ new Map();
-    x.forEach(function(val, key) {
-      tmp.set(klona(key), klona(val));
-    });
-  } else if (str === "[object Date]") {
-    tmp = /* @__PURE__ */ new Date(+x);
-  } else if (str === "[object RegExp]") {
-    tmp = new RegExp(x.source, x.flags);
-  } else if (str === "[object DataView]") {
-    tmp = new x.constructor(klona(x.buffer));
-  } else if (str === "[object ArrayBuffer]") {
-    tmp = x.slice(0);
-  } else if (str.slice(-6) === "Array]") {
-    tmp = new x.constructor(x);
-  }
-  if (tmp) {
-    for (list = Object.getOwnPropertySymbols(x); i2 < list.length; i2++) {
-      set(tmp, list[i2], Object.getOwnPropertyDescriptor(x, list[i2]));
-    }
-    for (i2 = 0, list = Object.getOwnPropertyNames(x); i2 < list.length; i2++) {
-      if (Object.hasOwnProperty.call(tmp, k = list[i2]) && tmp[k] === x[k])
-        continue;
-      set(tmp, k, Object.getOwnPropertyDescriptor(x, k));
-    }
-  }
-  return tmp || x;
-}
-
-// ../../node_modules/.pnpm/@zag-js+core@0.19.1/node_modules/@zag-js/core/dist/index.mjs
-var __defProp2 = Object.defineProperty;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-function clear(v) {
-  while (v.length > 0)
-    v.pop();
-  return v;
-}
-var runIfFn = (v, ...a2) => {
-  const res = typeof v === "function" ? v(...a2) : v;
-  return res ?? void 0;
-};
-var cast = (v) => v;
-var noop = () => {
-};
-var uuid = /* @__PURE__ */ (() => {
-  let id = 0;
-  return () => {
-    id++;
-    return id.toString(36);
-  };
-})();
-var isDev2 = () => process.env.NODE_ENV !== "production";
-var isArray = (v) => Array.isArray(v);
-var isObject2 = (v) => !(v == null || typeof v !== "object" || isArray(v));
-var isNumber = (v) => typeof v === "number" && !Number.isNaN(v);
-var isString = (v) => typeof v === "string";
-var isFunction = (v) => typeof v === "function";
-function compact2(obj) {
-  if (!isPlainObject2(obj) || obj === void 0) {
-    return obj;
-  }
-  const keys = Reflect.ownKeys(obj).filter((key) => typeof key === "string");
-  const filtered = {};
-  for (const key of keys) {
-    const value = obj[key];
-    if (value !== void 0) {
-      filtered[key] = compact2(value);
-    }
-  }
-  return filtered;
-}
-var isPlainObject2 = (value) => {
-  return value && typeof value === "object" && value.constructor === Object;
-};
-function warn(...a2) {
-  const m = a2.length === 1 ? a2[0] : a2[1];
-  const c2 = a2.length === 2 ? a2[0] : true;
-  if (c2 && process.env.NODE_ENV !== "production") {
-    console.warn(m);
-  }
-}
-function invariant(...a2) {
-  const m = a2.length === 1 ? a2[0] : a2[1];
-  const c2 = a2.length === 2 ? a2[0] : true;
-  if (c2 && process.env.NODE_ENV !== "production") {
-    throw new Error(m);
-  }
-}
-function deepMerge(source, ...objects) {
-  for (const obj of objects) {
-    const target = compact2(obj);
-    for (const key in target) {
-      if (isObject2(obj[key])) {
-        if (!source[key]) {
-          source[key] = {};
-        }
-        deepMerge(source[key], obj[key]);
-      } else {
-        source[key] = obj[key];
-      }
-    }
-  }
-  return source;
-}
-function structuredClone(v) {
-  return klona(v);
-}
-function toEvent(event) {
-  const obj = isString(event) ? { type: event } : event;
-  return obj;
-}
-function toArray(value) {
-  if (!value)
-    return [];
-  return isArray(value) ? value.slice() : [value];
-}
-function isGuardHelper(value) {
-  return isObject2(value) && value.predicate != null;
-}
-var Truthy = () => true;
-function exec(guardMap, ctx, event, meta) {
-  return (guard) => {
-    if (isString(guard)) {
-      return !!guardMap[guard]?.(ctx, event, meta);
-    }
-    if (isFunction(guard)) {
-      return guard(ctx, event, meta);
-    }
-    return guard.predicate(guardMap)(ctx, event, meta);
-  };
-}
-function or(...conditions) {
-  return {
-    predicate: (guardMap) => (ctx, event, meta) => conditions.map(exec(guardMap, ctx, event, meta)).some(Boolean)
-  };
-}
-function and(...conditions) {
-  return {
-    predicate: (guardMap) => (ctx, event, meta) => conditions.map(exec(guardMap, ctx, event, meta)).every(Boolean)
-  };
-}
-function not(condition) {
-  return {
-    predicate: (guardMap) => (ctx, event, meta) => {
-      return !exec(guardMap, ctx, event, meta)(condition);
-    }
-  };
-}
-function stateIn(...values) {
-  return (_ctx, _evt, meta) => meta.state.matches(...values);
-}
-var guards = { or, and, not, stateIn };
-function determineGuardFn(guard, guardMap) {
-  guard = guard ?? Truthy;
-  return (context, event, meta) => {
-    if (isString(guard)) {
-      const value = guardMap[guard];
-      return isFunction(value) ? value(context, event, meta) : value;
-    }
-    if (isGuardHelper(guard)) {
-      return guard.predicate(guardMap)(context, event, meta);
-    }
-    return guard?.(context, event, meta);
-  };
-}
-function determineActionsFn(values, guardMap) {
-  return (context, event, meta) => {
-    if (isGuardHelper(values)) {
-      return values.predicate(guardMap)(context, event, meta);
-    }
-    return values;
-  };
-}
-function createProxy(config) {
-  const computedContext = config.computed ?? cast({});
-  const initialContext = config.context ?? cast({});
-  const state = proxy({
-    value: config.initial ?? "",
-    previousValue: "",
-    event: cast({}),
-    previousEvent: cast({}),
-    context: proxyWithComputed(initialContext, computedContext),
-    done: false,
-    tags: [],
-    hasTag(tag) {
-      return this.tags.includes(tag);
-    },
-    matches(...value) {
-      return value.includes(this.value);
-    },
-    can(event) {
-      return cast(this).nextEvents.includes(event);
-    },
-    get nextEvents() {
-      const stateEvents = config.states?.[this.value]?.["on"] ?? {};
-      const globalEvents = config?.on ?? {};
-      return Object.keys({ ...stateEvents, ...globalEvents });
-    },
-    get changed() {
-      if (this.event.value === "machine.init" || !this.previousValue)
-        return false;
-      return this.value !== this.previousValue;
-    }
-  });
-  return cast(state);
-}
-function determineDelayFn(delay, delaysMap) {
-  return (context, event) => {
-    if (isNumber(delay))
-      return delay;
-    if (isFunction(delay)) {
-      return delay(context, event);
-    }
-    if (isString(delay)) {
-      const value = Number.parseFloat(delay);
-      if (!Number.isNaN(value)) {
-        return value;
-      }
-      if (delaysMap) {
-        const valueOrFn = delaysMap?.[delay];
-        invariant(
-          valueOrFn == null,
-          `[@zag-js/core > determine-delay] Cannot determine delay for \`${delay}\`. It doesn't exist in \`options.delays\``
-        );
-        return isFunction(valueOrFn) ? valueOrFn(context, event) : valueOrFn;
-      }
-    }
-  };
-}
-function toTarget(target) {
-  return isString(target) ? { target } : target;
-}
-function determineTransitionFn(transitions, guardMap) {
-  return (context, event, meta) => {
-    return toArray(transitions).map(toTarget).find((transition) => {
-      const determineGuard = determineGuardFn(transition.guard, guardMap);
-      const guard = determineGuard(context, event, meta);
-      return guard ?? transition.target ?? transition.actions;
-    });
-  };
+function determineTransitionFn(transitions, guardMap) {
+  return (context, event, meta) => {
+    return toArray(transitions).map(toTarget).find((transition) => {
+      const determineGuard = determineGuardFn(transition.guard, guardMap);
+      const guard = determineGuard(context, event, meta);
+      return guard ?? transition.target ?? transition.actions;
+    });
+  };
 }
 var Machine = class _Machine {
   // Let's get started!
@@ -1343,11 +924,11 @@ var Machine = class _Machine {
     });
     __publicField(this, "withContext", (context) => {
       const transformed = this.transformContext(context);
-      const newContext = { ...this.config.context, ...compact2(transformed) };
+      const newContext = { ...this.config.context, ...compact(transformed) };
       return new _Machine({ ...this.config, context: newContext }, this.options);
     });
     __publicField(this, "setOptions", (options2) => {
-      const opts = compact2(options2);
+      const opts = compact(options2);
       this.actionMap = { ...this.actionMap, ...opts.actions };
       this.delayMap = { ...this.delayMap, ...opts.delays };
       this.activityMap = { ...this.activityMap, ...opts.activities };
@@ -1575,750 +1156,750 @@ var Machine = class _Machine {
       if (!this.parent) {
         invariant("[@zag-js/core > send-parent] Cannot send event to an unknown parent");
       }
-      const event2 = toEvent(evt);
-      this.parent?.send(event2);
-    });
-    __publicField(this, "log", (...args) => {
-      if (isDev2() && this.options.debug) {
-        console.log(...args);
+      const event2 = toEvent(evt);
+      this.parent?.send(event2);
+    });
+    __publicField(this, "log", (...args) => {
+      if (isDev2() && this.options.debug) {
+        console.log(...args);
+      }
+    });
+    __publicField(this, "send", (evt) => {
+      const event2 = toEvent(evt);
+      this.transition(this.state.value, event2);
+    });
+    __publicField(this, "transition", (state, evt) => {
+      const stateNode = isString(state) ? this.getStateNode(state) : state?.stateNode;
+      const event2 = toEvent(evt);
+      if (!stateNode && !this.config.on) {
+        const msg = this.status === "Stopped" ? "[@zag-js/core > transition] Cannot transition a stopped machine" : `[@zag-js/core > transition] State does not have a definition for \`state\`: ${state}, \`event\`: ${event2.type}`;
+        warn(msg);
+        return;
+      }
+      const transitions = stateNode?.on?.[event2.type] ?? this.config.on?.[event2.type];
+      const next = this.getNextStateInfo(transitions, event2);
+      this.performStateChangeEffects(this.state.value, next, event2);
+      return next.stateNode;
+    });
+    __publicField(this, "subscribe", (listener) => {
+      this.stateListeners.add(listener);
+      if (this.status === "Running") {
+        listener(this.stateSnapshot);
+      }
+      return () => {
+        this.stateListeners.delete(listener);
+      };
+    });
+    __publicField(this, "onDone", (listener) => {
+      this.doneListeners.add(listener);
+      return this;
+    });
+    __publicField(this, "onTransition", (listener) => {
+      this.stateListeners.add(listener);
+      if (this.status === "Running") {
+        listener(this.stateSnapshot);
+      }
+      return this;
+    });
+    __publicField(this, "onChange", (listener) => {
+      this.contextListeners.add(listener);
+      return this;
+    });
+    __publicField(this, "onEvent", (listener) => {
+      this.eventListeners.add(listener);
+      return this;
+    });
+    this.config = structuredClone(config);
+    this.options = structuredClone(options ?? {});
+    this.id = this.config.id ?? `machine-${uuid()}`;
+    this.guardMap = this.options?.guards ?? {};
+    this.actionMap = this.options?.actions ?? {};
+    this.delayMap = this.options?.delays ?? {};
+    this.activityMap = this.options?.activities ?? {};
+    this.sync = this.options?.sync ?? false;
+    this.state = createProxy(this.config);
+    this.initialContext = snapshot(this.state.context);
+    this.transformContext(this.state.context);
+    const event = toEvent(
+      "machine.created"
+      /* Created */
+    );
+    this.executeActions(this.config?.created, event);
+  }
+  // immutable state value
+  get stateSnapshot() {
+    return cast(snapshot(this.state));
+  }
+  getState() {
+    return this.stateSnapshot;
+  }
+  // immutable context value
+  get contextSnapshot() {
+    return this.stateSnapshot.context;
+  }
+  /**
+   * A reference to the instance methods of the machine.
+   * Useful when spawning child machines and managing the communication between them.
+   */
+  get self() {
+    const self = this;
+    return {
+      id: this.id,
+      send: this.send.bind(this),
+      sendParent: this.sendParent.bind(this),
+      sendChild: this.sendChild.bind(this),
+      stop: this.stop.bind(this),
+      stopChild: this.stopChild.bind(this),
+      spawn: this.spawn.bind(this),
+      stopActivity: this.stopActivity.bind(this),
+      get state() {
+        return self.stateSnapshot;
+      },
+      get initialContext() {
+        return self.initialContext;
+      },
+      get initialState() {
+        return self.initialState?.target ?? "";
+      }
+    };
+  }
+  get meta() {
+    return {
+      state: this.stateSnapshot,
+      guards: this.guardMap,
+      send: this.send.bind(this),
+      self: this.self,
+      initialContext: this.initialContext,
+      initialState: this.initialState?.target ?? "",
+      getState: () => this.stateSnapshot,
+      getAction: (key) => this.actionMap[key],
+      getGuard: (key) => this.guardMap[key]
+    };
+  }
+  get guardMeta() {
+    return {
+      state: this.stateSnapshot
+    };
+  }
+  get [Symbol.toStringTag]() {
+    return "Machine";
+  }
+};
+var createMachine = (config, options) => new Machine(config, options);
+
+// ../../node_modules/.pnpm/@zag-js+types@0.19.1/node_modules/@zag-js/types/dist/index.mjs
+function createNormalizer(fn) {
+  return new Proxy({}, {
+    get() {
+      return fn;
+    }
+  });
+}
+
+// ../../node_modules/.pnpm/@zag-js+react@0.19.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/@zag-js/react/dist/index.mjs
+import { createElement, useReducer, useRef } from "react";
+import { createPortal } from "react-dom";
+import { useEffect, useLayoutEffect } from "react";
+import ReactExports, { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useSyncExternalStore } from "react";
+import { useRef as useRef3 } from "react";
+var normalizeProps = createNormalizer((v) => v);
+var useSafeLayoutEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
+function Portal(props) {
+  const { children, target } = props;
+  const node = useRef(null);
+  const portalNode = useRef(null);
+  const [, forceUpdate] = useReducer((s2) => s2 + 1, 0);
+  useSafeLayoutEffect(() => {
+    if (!node.current)
+      return;
+    const doc = node.current.ownerDocument;
+    portalNode.current = doc.createElement("zag-portal");
+    doc.body.appendChild(portalNode.current);
+    forceUpdate();
+    return () => {
+      if (portalNode.current) {
+        doc.body.removeChild(portalNode.current);
+      }
+    };
+  }, []);
+  const targetNode = target?.current ?? portalNode.current;
+  if (targetNode) {
+    return createPortal(children, targetNode);
+  }
+  return createElement("span", { ref: node });
+}
+var { use } = ReactExports;
+var targetCache = /* @__PURE__ */ new WeakMap();
+function useSnapshot(proxyObject, options) {
+  const notifyInSync = options?.sync;
+  const lastSnapshot = useRef2();
+  const lastAffected = useRef2();
+  const currSnapshot = useSyncExternalStore(
+    useCallback(
+      (callback) => {
+        const unsub = subscribe(proxyObject, callback, notifyInSync);
+        callback();
+        return unsub;
+      },
+      [proxyObject, notifyInSync]
+    ),
+    () => {
+      const nextSnapshot = snapshot(proxyObject, use);
+      try {
+        if (lastSnapshot.current && lastAffected.current && !p(lastSnapshot.current, nextSnapshot, lastAffected.current, /* @__PURE__ */ new WeakMap())) {
+          return lastSnapshot.current;
+        }
+      } catch (e2) {
+      }
+      return nextSnapshot;
+    },
+    () => snapshot(proxyObject, use)
+  );
+  const currAffected = /* @__PURE__ */ new WeakMap();
+  useEffect2(() => {
+    lastSnapshot.current = currSnapshot;
+    lastAffected.current = currAffected;
+  });
+  const proxyCache = useMemo(() => /* @__PURE__ */ new WeakMap(), []);
+  return a(currSnapshot, currAffected, proxyCache, targetCache);
+}
+function useConstant(fn) {
+  const ref2 = useRef3();
+  if (!ref2.current)
+    ref2.current = { v: fn() };
+  return ref2.current.v;
+}
+function useService(machine, options) {
+  const { actions, state: hydratedState, context } = options ?? {};
+  const service = useConstant(() => {
+    const instance = typeof machine === "function" ? machine() : machine;
+    return context ? instance.withContext(context) : instance;
+  });
+  useSafeLayoutEffect(() => {
+    service.start(hydratedState);
+    if (service.state.can("SETUP")) {
+      service.send("SETUP");
+    }
+    return () => {
+      service.stop();
+    };
+  }, []);
+  service.setOptions({ actions });
+  service.setContext(context);
+  return service;
+}
+function useMachine(machine, options) {
+  const service = useService(machine, options);
+  const state = useSnapshot(service.state);
+  const typedState = state;
+  return [typedState, service.send, service];
+}
+
+// ../../node_modules/.pnpm/@zag-js+anatomy@0.19.1/node_modules/@zag-js/anatomy/dist/index.mjs
+var createAnatomy = (name, parts = []) => ({
+  parts: (...values) => {
+    if (isEmpty(parts)) {
+      return createAnatomy(name, values);
+    }
+    throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
+  },
+  extendWith: (...values) => createAnatomy(name, [...parts, ...values]),
+  rename: (newName) => createAnatomy(newName, parts),
+  keys: () => parts,
+  build: () => [...new Set(parts)].reduce(
+    (prev, part) => Object.assign(prev, {
+      [part]: {
+        selector: [
+          `&[data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`,
+          `& [data-scope="${toKebabCase(name)}"][data-part="${toKebabCase(part)}"]`
+        ].join(", "),
+        attrs: { "data-scope": toKebabCase(name), "data-part": toKebabCase(part) }
       }
-    });
-    __publicField(this, "send", (evt) => {
-      const event2 = toEvent(evt);
-      this.transition(this.state.value, event2);
-    });
-    __publicField(this, "transition", (state, evt) => {
-      const stateNode = isString(state) ? this.getStateNode(state) : state?.stateNode;
-      const event2 = toEvent(evt);
-      if (!stateNode && !this.config.on) {
-        const msg = this.status === "Stopped" ? "[@zag-js/core > transition] Cannot transition a stopped machine" : `[@zag-js/core > transition] State does not have a definition for \`state\`: ${state}, \`event\`: ${event2.type}`;
-        warn(msg);
+    }),
+    {}
+  )
+});
+var toKebabCase = (value) => value.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+var isEmpty = (v) => v.length === 0;
+
+// ../../node_modules/.pnpm/@zag-js+dom-query@0.19.1/node_modules/@zag-js/dom-query/dist/index.mjs
+var dataAttr = (guard) => {
+  return guard ? "" : void 0;
+};
+function isHTMLElement(value) {
+  return typeof value === "object" && value?.nodeType === Node.ELEMENT_NODE && typeof value?.nodeName === "string";
+}
+function contains(parent, child) {
+  if (!parent || !child)
+    return false;
+  if (!isHTMLElement(parent) || !isHTMLElement(child))
+    return false;
+  return parent === child || parent.contains(child);
+}
+var getDocument = (node) => {
+  if (node.nodeType === Node.DOCUMENT_NODE)
+    return node;
+  return node.ownerDocument ?? document;
+};
+function createScope(methods) {
+  const screen = {
+    getRootNode: (ctx) => ctx.getRootNode?.() ?? document,
+    getDoc: (ctx) => getDocument(screen.getRootNode(ctx)),
+    getWin: (ctx) => screen.getDoc(ctx).defaultView ?? window,
+    getActiveElement: (ctx) => screen.getDoc(ctx).activeElement,
+    getById: (ctx, id) => screen.getRootNode(ctx).getElementById(id),
+    setValue: (elem, value) => {
+      if (elem == null || value == null)
         return;
-      }
-      const transitions = stateNode?.on?.[event2.type] ?? this.config.on?.[event2.type];
-      const next = this.getNextStateInfo(transitions, event2);
-      this.performStateChangeEffects(this.state.value, next, event2);
-      return next.stateNode;
+      elem.value = value.toString();
+    }
+  };
+  return { ...screen, ...methods };
+}
+var isDocument = (el) => el.nodeType === Node.DOCUMENT_NODE;
+function getDocument2(el) {
+  if (isDocument(el))
+    return el;
+  return el?.ownerDocument ?? document;
+}
+function getWindow(el) {
+  return el?.ownerDocument.defaultView ?? window;
+}
+function getEventTarget(event) {
+  return event.composedPath?.()[0] ?? event.target;
+}
+function isScrollParent(el) {
+  const win = el.ownerDocument.defaultView || window;
+  const { overflow, overflowX, overflowY } = win.getComputedStyle(el);
+  return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);
+}
+function getParent(el) {
+  if (el.localName === "html")
+    return el;
+  return el.assignedSlot || el.parentElement || el.ownerDocument.documentElement;
+}
+function getScrollParent(el) {
+  if (["html", "body", "#document"].includes(el.localName)) {
+    return el.ownerDocument.body;
+  }
+  if (isHTMLElement(el) && isScrollParent(el)) {
+    return el;
+  }
+  return getScrollParent(getParent(el));
+}
+function getScrollParents(el, list = []) {
+  const parent = getScrollParent(el);
+  const isBody = parent === el.ownerDocument.body;
+  const win = parent.ownerDocument.defaultView || window;
+  const target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(parent) ? parent : []) : parent;
+  const parents = list.concat(target);
+  return isBody ? parents : parents.concat(getScrollParents(getParent(target)));
+}
+var isDom = () => typeof document !== "undefined";
+function getPlatform() {
+  const agent = navigator.userAgentData;
+  return agent?.platform ?? navigator.platform;
+}
+var pt = (v) => isDom() && v.test(getPlatform());
+var vn = (v) => isDom() && v.test(navigator.vendor);
+var isTouchDevice = () => isDom() && !!navigator.maxTouchPoints;
+var isMac = () => pt(/^Mac/) && !isTouchDevice();
+var isSafari = () => isApple() && vn(/apple/i);
+var isApple = () => pt(/mac|iphone|ipad|ipod/i);
+var isIos = () => isApple() && !isMac();
+function nextTick(fn) {
+  const set2 = /* @__PURE__ */ new Set();
+  function raf2(fn2) {
+    const id = globalThis.requestAnimationFrame(fn2);
+    set2.add(() => globalThis.cancelAnimationFrame(id));
+  }
+  raf2(() => raf2(fn));
+  return function cleanup() {
+    set2.forEach((fn2) => fn2());
+  };
+}
+function raf(fn) {
+  const id = globalThis.requestAnimationFrame(fn);
+  return () => {
+    globalThis.cancelAnimationFrame(id);
+  };
+}
+
+// ../../node_modules/.pnpm/@zag-js+utils@0.19.1/node_modules/@zag-js/utils/dist/index.mjs
+var runIfFn2 = (v, ...a2) => {
+  const res = typeof v === "function" ? v(...a2) : v;
+  return res ?? void 0;
+};
+var callAll = (...fns) => (...a2) => {
+  fns.forEach(function(fn) {
+    fn?.(...a2);
+  });
+};
+function compact2(obj) {
+  if (!isPlainObject2(obj) || obj === void 0) {
+    return obj;
+  }
+  const keys = Reflect.ownKeys(obj).filter((key) => typeof key === "string");
+  const filtered = {};
+  for (const key of keys) {
+    const value = obj[key];
+    if (value !== void 0) {
+      filtered[key] = compact2(value);
+    }
+  }
+  return filtered;
+}
+var isPlainObject2 = (value) => {
+  return value && typeof value === "object" && value.constructor === Object;
+};
+function warn2(...a2) {
+  const m = a2.length === 1 ? a2[0] : a2[1];
+  const c2 = a2.length === 2 ? a2[0] : true;
+  if (c2 && process.env.NODE_ENV !== "production") {
+    console.warn(m);
+  }
+}
+
+// ../../node_modules/.pnpm/@zag-js+element-rect@0.19.1/node_modules/@zag-js/element-rect/dist/index.mjs
+var rafId;
+var observedElements = /* @__PURE__ */ new Map();
+var getRectFn = (el) => el.getBoundingClientRect();
+function trackElementRect(el, options) {
+  const { scope = "rect", getRect = getRectFn, onChange } = options;
+  const loop = getLoopFn({ scope, getRect });
+  const data = observedElements.get(el);
+  if (!data) {
+    observedElements.set(el, {
+      rect: {},
+      callbacks: [onChange]
     });
-    __publicField(this, "subscribe", (listener) => {
-      this.stateListeners.add(listener);
-      if (this.status === "Running") {
-        listener(this.stateSnapshot);
+    if (observedElements.size === 1) {
+      rafId = requestAnimationFrame(loop);
+    }
+  } else {
+    data.callbacks.push(onChange);
+    onChange(getRect(el));
+  }
+  return function unobserve() {
+    const data2 = observedElements.get(el);
+    if (!data2)
+      return;
+    const index = data2.callbacks.indexOf(onChange);
+    if (index > -1) {
+      data2.callbacks.splice(index, 1);
+    }
+    if (data2.callbacks.length === 0) {
+      observedElements.delete(el);
+      if (observedElements.size === 0) {
+        cancelAnimationFrame(rafId);
       }
-      return () => {
-        this.stateListeners.delete(listener);
-      };
-    });
-    __publicField(this, "onDone", (listener) => {
-      this.doneListeners.add(listener);
-      return this;
-    });
-    __publicField(this, "onTransition", (listener) => {
-      this.stateListeners.add(listener);
-      if (this.status === "Running") {
-        listener(this.stateSnapshot);
+    }
+  };
+}
+function getLoopFn(options) {
+  const { scope, getRect } = options;
+  const isEqual = getEqualityFn(scope);
+  return function loop() {
+    const changedRectsData = [];
+    observedElements.forEach((data, element) => {
+      const newRect = getRect(element);
+      if (!isEqual(data.rect, newRect)) {
+        data.rect = newRect;
+        changedRectsData.push(data);
       }
-      return this;
-    });
-    __publicField(this, "onChange", (listener) => {
-      this.contextListeners.add(listener);
-      return this;
     });
-    __publicField(this, "onEvent", (listener) => {
-      this.eventListeners.add(listener);
-      return this;
+    changedRectsData.forEach((data) => {
+      data.callbacks.forEach((callback) => callback(data.rect));
     });
-    this.config = structuredClone(config);
-    this.options = structuredClone(options ?? {});
-    this.id = this.config.id ?? `machine-${uuid()}`;
-    this.guardMap = this.options?.guards ?? {};
-    this.actionMap = this.options?.actions ?? {};
-    this.delayMap = this.options?.delays ?? {};
-    this.activityMap = this.options?.activities ?? {};
-    this.sync = this.options?.sync ?? false;
-    this.state = createProxy(this.config);
-    this.initialContext = snapshot(this.state.context);
-    this.transformContext(this.state.context);
-    const event = toEvent(
-      "machine.created"
-      /* Created */
-    );
-    this.executeActions(this.config?.created, event);
-  }
-  // immutable state value
-  get stateSnapshot() {
-    return cast(snapshot(this.state));
-  }
-  getState() {
-    return this.stateSnapshot;
-  }
-  // immutable context value
-  get contextSnapshot() {
-    return this.stateSnapshot.context;
+    rafId = requestAnimationFrame(loop);
+  };
+}
+var isEqualSize = (a2, b) => a2.width === b.width && a2.height === b.height;
+var isEqualPosition = (a2, b) => a2.top === b.top && a2.left === b.left;
+var isEqualRect = (a2, b) => isEqualSize(a2, b) && isEqualPosition(a2, b);
+function getEqualityFn(scope) {
+  if (scope === "size")
+    return isEqualSize;
+  if (scope === "position")
+    return isEqualPosition;
+  return isEqualRect;
+}
+
+// ../../node_modules/.pnpm/@zag-js+popper@0.19.1/node_modules/@zag-js/popper/dist/index.mjs
+var callAll2 = (...fns) => () => fns.forEach((fn) => fn());
+var isHTMLElement2 = (el) => {
+  return typeof el === "object" && el !== null && el.nodeType === 1;
+};
+var addDomEvent = (el, type, fn, options) => {
+  el.addEventListener(type, fn, options);
+  return () => el.removeEventListener(type, fn, options);
+};
+function resolveOptions(option) {
+  const bool = typeof option === "boolean";
+  return {
+    ancestorResize: bool ? option : option.ancestorResize ?? true,
+    ancestorScroll: bool ? option : option.ancestorScroll ?? true,
+    referenceResize: bool ? option : option.referenceResize ?? true
+  };
+}
+function autoUpdate(reference, floating, update, options = false) {
+  const { ancestorScroll, ancestorResize, referenceResize } = resolveOptions(options);
+  const useAncestors = ancestorScroll || ancestorResize;
+  const ancestors = [];
+  if (useAncestors && isHTMLElement2(reference)) {
+    ancestors.push(...getOverflowAncestors(reference));
   }
-  /**
-   * A reference to the instance methods of the machine.
-   * Useful when spawning child machines and managing the communication between them.
-   */
-  get self() {
-    const self = this;
-    return {
-      id: this.id,
-      send: this.send.bind(this),
-      sendParent: this.sendParent.bind(this),
-      sendChild: this.sendChild.bind(this),
-      stop: this.stop.bind(this),
-      stopChild: this.stopChild.bind(this),
-      spawn: this.spawn.bind(this),
-      stopActivity: this.stopActivity.bind(this),
-      get state() {
-        return self.stateSnapshot;
-      },
-      get initialContext() {
-        return self.initialContext;
-      },
-      get initialState() {
-        return self.initialState?.target ?? "";
-      }
-    };
+  function addResizeListeners() {
+    let cleanups = [trackElementRect(floating, { scope: "size", onChange: update })];
+    if (referenceResize && isHTMLElement2(reference)) {
+      cleanups.push(trackElementRect(reference, { onChange: update }));
+    }
+    cleanups.push(callAll2(...ancestors.map((el) => addDomEvent(el, "resize", update))));
+    return () => cleanups.forEach((fn) => fn());
   }
-  get meta() {
-    return {
-      state: this.stateSnapshot,
-      guards: this.guardMap,
-      send: this.send.bind(this),
-      self: this.self,
-      initialContext: this.initialContext,
-      initialState: this.initialState?.target ?? "",
-      getState: () => this.stateSnapshot,
-      getAction: (key) => this.actionMap[key],
-      getGuard: (key) => this.guardMap[key]
-    };
+  function addScrollListeners() {
+    return callAll2(...ancestors.map((el) => addDomEvent(el, "scroll", update, { passive: true })));
   }
-  get guardMeta() {
+  return callAll2(addResizeListeners(), addScrollListeners());
+}
+var toVar = (value) => ({ variable: value, reference: `var(${value})` });
+var cssVars = {
+  arrowSize: toVar("--arrow-size"),
+  arrowSizeHalf: toVar("--arrow-size-half"),
+  arrowBg: toVar("--arrow-background"),
+  transformOrigin: toVar("--transform-origin"),
+  arrowOffset: toVar("--arrow-offset")
+};
+var getTransformOrigin = (arrow2) => ({
+  top: "bottom center",
+  "top-start": arrow2 ? `${arrow2.x}px bottom` : "left bottom",
+  "top-end": arrow2 ? `${arrow2.x}px bottom` : "right bottom",
+  bottom: "top center",
+  "bottom-start": arrow2 ? `${arrow2.x}px top` : "top left",
+  "bottom-end": arrow2 ? `${arrow2.x}px top` : "top right",
+  left: "right center",
+  "left-start": arrow2 ? `right ${arrow2.y}px` : "right top",
+  "left-end": arrow2 ? `right ${arrow2.y}px` : "right bottom",
+  right: "left center",
+  "right-start": arrow2 ? `left ${arrow2.y}px` : "left top",
+  "right-end": arrow2 ? `left ${arrow2.y}px` : "left bottom"
+});
+var transformOrigin = {
+  name: "transformOrigin",
+  fn({ placement, elements, middlewareData }) {
+    const { arrow: arrow2 } = middlewareData;
+    const transformOrigin2 = getTransformOrigin(arrow2)[placement];
+    const { floating } = elements;
+    floating.style.setProperty(cssVars.transformOrigin.variable, transformOrigin2);
     return {
-      state: this.stateSnapshot
+      data: { transformOrigin: transformOrigin2 }
     };
   }
-  get [Symbol.toStringTag]() {
-    return "Machine";
-  }
-};
-var createMachine = (config, options) => new Machine(config, options);
-
-// ../../node_modules/.pnpm/@zag-js+dom-event@0.19.1/node_modules/@zag-js/dom-event/dist/index.mjs
-var addDomEvent2 = (target, eventName, handler, options) => {
-  const node = typeof target === "function" ? target() : target;
-  node?.addEventListener(eventName, handler, options);
-  return () => {
-    node?.removeEventListener(eventName, handler, options);
-  };
 };
-
-// ../../node_modules/.pnpm/@zag-js+tooltip@0.19.1/node_modules/@zag-js/tooltip/dist/index.mjs
-var anatomy = createAnatomy("tooltip").parts("trigger", "arrow", "arrowTip", "positioner", "content");
-var parts = anatomy.build();
-var dom = createScope({
-  getTriggerId: (ctx) => ctx.ids?.trigger ?? `tooltip:${ctx.id}:trigger`,
-  getContentId: (ctx) => ctx.ids?.content ?? `tooltip:${ctx.id}:content`,
-  getArrowId: (ctx) => ctx.ids?.arrow ?? `tooltip:${ctx.id}:arrow`,
-  getPositionerId: (ctx) => ctx.ids?.positioner ?? `tooltip:${ctx.id}:popper`,
-  getTriggerEl: (ctx) => dom.getById(ctx, dom.getTriggerId(ctx)),
-  getContentEl: (ctx) => dom.getById(ctx, dom.getContentId(ctx)),
-  getPositionerEl: (ctx) => dom.getById(ctx, dom.getPositionerId(ctx)),
-  getArrowEl: (ctx) => dom.getById(ctx, dom.getArrowId(ctx)),
-  getScrollParent: (ctx) => getScrollParent(dom.getTriggerEl(ctx))
-});
-var store = proxy({
-  id: null,
-  prevId: null,
-  setId(val) {
-    this.prevId = this.id;
-    this.id = val;
+var shiftArrow = (opts) => ({
+  name: "shiftArrow",
+  fn({ placement, middlewareData }) {
+    const { element: arrow2 } = opts;
+    if (middlewareData.arrow) {
+      const { x, y: y2 } = middlewareData.arrow;
+      const dir = placement.split("-")[0];
+      Object.assign(arrow2.style, {
+        left: x != null ? `${x}px` : "",
+        top: y2 != null ? `${y2}px` : "",
+        [dir]: `calc(100% + ${cssVars.arrowOffset.reference})`
+      });
+    }
+    return {};
   }
 });
-function connect(state, send, normalize) {
-  const id = state.context.id;
-  const hasAriaLabel = state.context.hasAriaLabel;
-  const isOpen = state.hasTag("open");
-  const triggerId = dom.getTriggerId(state.context);
-  const contentId = dom.getContentId(state.context);
-  const isDisabled = state.context.disabled;
-  const popperStyles = getPlacementStyles({
-    ...state.context.positioning,
-    placement: state.context.currentPlacement
-  });
-  return {
-    isOpen,
-    open() {
-      send("OPEN");
-    },
-    close() {
-      send("CLOSE");
-    },
-    setPositioning(options = {}) {
-      send({ type: "SET_POSITIONING", options });
-    },
-    triggerProps: normalize.button({
-      ...parts.trigger.attrs,
-      id: triggerId,
-      "data-expanded": dataAttr(isOpen),
-      "data-state": isOpen ? "open" : "closed",
-      "aria-describedby": isOpen ? contentId : void 0,
-      onClick() {
-        send("CLICK");
-      },
-      onFocus() {
-        if (state.event.type === "POINTER_DOWN")
-          return;
-        send("FOCUS");
-      },
-      onBlur() {
-        if (id === store.id) {
-          send("BLUR");
-        }
-      },
-      onPointerDown() {
-        if (isDisabled)
-          return;
-        if (id === store.id) {
-          send("POINTER_DOWN");
-        }
-      },
-      onPointerMove(event) {
-        if (isDisabled || event.pointerType === "touch")
-          return;
-        send("POINTER_MOVE");
-      },
-      onPointerLeave() {
-        if (isDisabled)
-          return;
-        send("POINTER_LEAVE");
-      },
-      onPointerCancel() {
-        if (isDisabled)
-          return;
-        send("POINTER_LEAVE");
-      }
-    }),
-    arrowProps: normalize.element({
-      id: dom.getArrowId(state.context),
-      ...parts.arrow.attrs,
-      style: popperStyles.arrow
-    }),
-    arrowTipProps: normalize.element({
-      ...parts.arrowTip.attrs,
-      style: popperStyles.arrowTip
-    }),
-    positionerProps: normalize.element({
-      id: dom.getPositionerId(state.context),
-      ...parts.positioner.attrs,
-      style: popperStyles.floating
-    }),
-    contentProps: normalize.element({
-      ...parts.content.attrs,
-      hidden: !isOpen,
-      "data-state": isOpen ? "open" : "closed",
-      role: hasAriaLabel ? void 0 : "tooltip",
-      id: hasAriaLabel ? void 0 : contentId,
-      "data-placement": state.context.currentPlacement,
-      onPointerEnter() {
-        send("CONTENT.POINTER_MOVE");
-      },
-      onPointerLeave() {
-        send("CONTENT.POINTER_LEAVE");
-      },
-      style: {
-        pointerEvents: state.context.interactive ? "auto" : "none"
+var defaultOptions = {
+  strategy: "absolute",
+  placement: "bottom",
+  listeners: true,
+  gutter: 8,
+  flip: true,
+  sameWidth: false,
+  overflowPadding: 8
+};
+function getPlacementImpl(reference, floating, opts = {}) {
+  if (!floating || !reference)
+    return;
+  const options = Object.assign({}, defaultOptions, opts);
+  const arrowEl = floating.querySelector("[data-part=arrow]");
+  const middleware = [];
+  const boundary = typeof options.boundary === "function" ? options.boundary() : options.boundary;
+  if (options.flip) {
+    middleware.push(
+      flip({
+        boundary,
+        padding: options.overflowPadding
+      })
+    );
+  }
+  if (options.gutter || options.offset) {
+    const arrowOffset = arrowEl ? arrowEl.offsetHeight / 2 : 0;
+    let mainAxis = options.offset?.mainAxis ?? options.gutter;
+    let crossAxis = options.offset?.crossAxis;
+    if (mainAxis != null)
+      mainAxis += arrowOffset;
+    const offsetOptions = compact2({ mainAxis, crossAxis });
+    middleware.push(offset(offsetOptions));
+  }
+  middleware.push(
+    shift({
+      boundary,
+      crossAxis: options.overlap,
+      padding: options.overflowPadding
+    })
+  );
+  if (arrowEl) {
+    middleware.push(
+      arrow({ element: arrowEl, padding: 8 }),
+      shiftArrow({ element: arrowEl })
+    );
+  }
+  middleware.push(transformOrigin);
+  middleware.push(
+    size({
+      padding: options.overflowPadding,
+      apply({ rects, availableHeight, availableWidth }) {
+        const referenceWidth = Math.round(rects.reference.width);
+        floating.style.setProperty("--reference-width", `${referenceWidth}px`);
+        floating.style.setProperty("--available-width", `${availableWidth}px`);
+        floating.style.setProperty("--available-height", `${availableHeight}px`);
       }
     })
-  };
-}
-var { and: and2, not: not2 } = guards;
-function machine(userContext) {
-  const ctx = compact(userContext);
-  return createMachine(
-    {
-      id: "tooltip",
-      initial: "closed",
-      context: {
-        openDelay: 1e3,
-        closeDelay: 500,
-        closeOnPointerDown: true,
-        closeOnEsc: true,
-        interactive: true,
-        currentPlacement: void 0,
-        ...ctx,
-        hasPointerMoveOpened: false,
-        positioning: {
-          placement: "bottom",
-          ...ctx.positioning
-        }
-      },
-      computed: {
-        hasAriaLabel: (ctx2) => !!ctx2["aria-label"]
-      },
-      watch: {
-        disabled: ["closeIfDisabled"],
-        open: ["toggleVisibility"]
-      },
-      on: {
-        OPEN: "open",
-        CLOSE: "closed"
-      },
-      states: {
-        closed: {
-          tags: ["closed"],
-          entry: ["clearGlobalId", "invokeOnClose"],
-          on: {
-            FOCUS: "open",
-            POINTER_LEAVE: {
-              actions: ["clearPointerMoveOpened"]
-            },
-            POINTER_MOVE: [
-              {
-                guard: and2("noVisibleTooltip", not2("hasPointerMoveOpened")),
-                target: "opening"
-              },
-              {
-                guard: not2("hasPointerMoveOpened"),
-                target: "open",
-                actions: ["setPointerMoveOpened"]
-              }
-            ]
-          }
-        },
-        opening: {
-          tags: ["closed"],
-          activities: ["trackScroll", "trackPointerlockChange"],
-          after: {
-            OPEN_DELAY: {
-              target: "open",
-              actions: ["setPointerMoveOpened"]
-            }
-          },
-          on: {
-            POINTER_LEAVE: {
-              target: "closed",
-              actions: ["clearPointerMoveOpened"]
-            },
-            BLUR: "closed",
-            SCROLL: "closed",
-            POINTER_LOCK_CHANGE: "closed",
-            POINTER_DOWN: {
-              guard: "closeOnPointerDown",
-              target: "closed"
-            }
-          }
-        },
-        open: {
-          tags: ["open"],
-          activities: [
-            "trackEscapeKey",
-            "trackDisabledTriggerOnSafari",
-            "trackScroll",
-            "trackPointerlockChange",
-            "trackPositioning"
-          ],
-          entry: ["setGlobalId", "invokeOnOpen"],
-          on: {
-            POINTER_LEAVE: [
-              {
-                guard: "isVisible",
-                target: "closing",
-                actions: ["clearPointerMoveOpened"]
-              },
-              {
-                target: "closed",
-                actions: ["clearPointerMoveOpened"]
-              }
-            ],
-            BLUR: "closed",
-            ESCAPE: "closed",
-            SCROLL: "closed",
-            POINTER_LOCK_CHANGE: "closed",
-            "CONTENT.POINTER_LEAVE": {
-              guard: "isInteractive",
-              target: "closing"
-            },
-            POINTER_DOWN: {
-              guard: "closeOnPointerDown",
-              target: "closed"
-            },
-            CLICK: "closed",
-            SET_POSITIONING: {
-              actions: "setPositioning"
-            }
-          }
-        },
-        closing: {
-          tags: ["open"],
-          activities: ["trackStore", "trackPositioning"],
-          after: {
-            CLOSE_DELAY: "closed"
-          },
-          on: {
-            FORCE_CLOSE: "closed",
-            POINTER_MOVE: {
-              target: "open",
-              actions: ["setPointerMoveOpened"]
-            },
-            "CONTENT.POINTER_MOVE": {
-              guard: "isInteractive",
-              target: "open"
-            }
-          }
-        }
-      }
-    },
-    {
-      activities: {
-        trackPositioning(ctx2) {
-          ctx2.currentPlacement = ctx2.positioning.placement;
-          const getPositionerEl = () => dom.getPositionerEl(ctx2);
-          return getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
-            ...ctx2.positioning,
-            defer: true,
-            onComplete(data) {
-              ctx2.currentPlacement = data.placement;
-            },
-            onCleanup() {
-              ctx2.currentPlacement = void 0;
-            }
-          });
-        },
-        trackPointerlockChange(ctx2, _evt, { send }) {
-          const onChange = () => send("POINTER_LOCK_CHANGE");
-          return addDomEvent2(dom.getDoc(ctx2), "pointerlockchange", onChange, false);
-        },
-        trackScroll(ctx2, _evt, { send }) {
-          const trigger = dom.getTriggerEl(ctx2);
-          if (!trigger)
-            return;
-          const cleanups = getScrollParents(trigger).map((el) => {
-            const opts = { passive: true, capture: true };
-            return addDomEvent2(el, "scroll", () => send("SCROLL"), opts);
-          });
-          return () => {
-            cleanups.forEach((fn) => fn?.());
-          };
-        },
-        trackStore(ctx2, _evt, { send }) {
-          return subscribe(store, () => {
-            if (store.id !== ctx2.id) {
-              send("FORCE_CLOSE");
-            }
-          });
-        },
-        trackDisabledTriggerOnSafari(ctx2, _evt, { send }) {
-          if (!isSafari())
-            return;
-          const doc = dom.getDoc(ctx2);
-          return addDomEvent2(doc, "pointermove", (event) => {
-            const selector = "[data-part=trigger][data-expanded]";
-            if (isHTMLElement(event.target) && event.target.closest(selector))
-              return;
-            send("POINTER_LEAVE");
-          });
-        },
-        trackEscapeKey(ctx2, _evt, { send }) {
-          if (!ctx2.closeOnEsc)
-            return;
-          const doc = dom.getDoc(ctx2);
-          return addDomEvent2(doc, "keydown", (event) => {
-            if (event.key === "Escape") {
-              send("ESCAPE");
-            }
-          });
-        }
-      },
-      actions: {
-        setGlobalId(ctx2) {
-          store.setId(ctx2.id);
-        },
-        clearGlobalId(ctx2) {
-          if (ctx2.id === store.id) {
-            store.setId(null);
-          }
-        },
-        invokeOnOpen(ctx2, evt) {
-          const omit = ["CONTENT.POINTER_MOVE", "POINTER_MOVE"];
-          if (!omit.includes(evt.type)) {
-            ctx2.onOpen?.();
-          }
-        },
-        invokeOnClose(ctx2) {
-          ctx2.onClose?.();
-        },
-        closeIfDisabled(ctx2, _evt, { send }) {
-          if (!ctx2.disabled)
-            return;
-          send("CLOSE");
-        },
-        setPositioning(ctx2, evt) {
-          const getPositionerEl = () => dom.getPositionerEl(ctx2);
-          getPlacement(dom.getTriggerEl(ctx2), getPositionerEl, {
-            ...ctx2.positioning,
-            ...evt.options,
-            defer: true,
-            listeners: false
-          });
-        },
-        toggleVisibility(ctx2, _evt, { send }) {
-          send({ type: ctx2.open ? "OPEN" : "CLOSE", src: "controlled" });
-        },
-        setPointerMoveOpened(ctx2) {
-          ctx2.hasPointerMoveOpened = true;
-        },
-        clearPointerMoveOpened(ctx2) {
-          ctx2.hasPointerMoveOpened = false;
-        }
-      },
-      guards: {
-        closeOnPointerDown: (ctx2) => ctx2.closeOnPointerDown,
-        noVisibleTooltip: () => store.id === null,
-        isVisible: (ctx2) => ctx2.id === store.id,
-        isInteractive: (ctx2) => ctx2.interactive,
-        hasPointerMoveOpened: (ctx2) => !!ctx2.hasPointerMoveOpened
-      },
-      delays: {
-        OPEN_DELAY: (ctx2) => ctx2.openDelay,
-        CLOSE_DELAY: (ctx2) => ctx2.closeDelay
-      }
-    }
   );
-}
-
-// ../../node_modules/.pnpm/@zag-js+types@0.19.1/node_modules/@zag-js/types/dist/index.mjs
-function createNormalizer(fn) {
-  return new Proxy({}, {
-    get() {
-      return fn;
-    }
-  });
-}
-
-// ../../node_modules/.pnpm/@zag-js+react@0.19.1_react-dom@18.2.0_react@18.2.0__react@18.2.0/node_modules/@zag-js/react/dist/index.mjs
-import { createElement, useReducer, useRef } from "react";
-import { createPortal } from "react-dom";
-import { useEffect, useLayoutEffect } from "react";
-import ReactExports, { useCallback, useEffect as useEffect2, useMemo, useRef as useRef2, useSyncExternalStore } from "react";
-import { useRef as useRef3 } from "react";
-var normalizeProps = createNormalizer((v) => v);
-var useSafeLayoutEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
-function Portal(props) {
-  const { children, target } = props;
-  const node = useRef(null);
-  const portalNode = useRef(null);
-  const [, forceUpdate] = useReducer((s2) => s2 + 1, 0);
-  useSafeLayoutEffect(() => {
-    if (!node.current)
+  function compute(config = {}) {
+    if (!reference || !floating)
       return;
-    const doc = node.current.ownerDocument;
-    portalNode.current = doc.createElement("zag-portal");
-    doc.body.appendChild(portalNode.current);
-    forceUpdate();
-    return () => {
-      if (portalNode.current) {
-        doc.body.removeChild(portalNode.current);
-      }
-    };
-  }, []);
-  const targetNode = target?.current ?? portalNode.current;
-  if (targetNode) {
-    return createPortal(children, targetNode);
+    const { placement, strategy, onComplete } = options;
+    computePosition(reference, floating, {
+      placement,
+      middleware,
+      strategy,
+      ...config
+    }).then((data) => {
+      const x = Math.round(data.x);
+      floating.style.setProperty("--x", `${x}px`);
+      const y2 = Math.round(data.y);
+      floating.style.setProperty("--y", `${y2}px`);
+      onComplete?.(data);
+    });
   }
-  return createElement("span", { ref: node });
-}
-var { use } = ReactExports;
-var targetCache = /* @__PURE__ */ new WeakMap();
-function useSnapshot(proxyObject, options) {
-  const notifyInSync = options?.sync;
-  const lastSnapshot = useRef2();
-  const lastAffected = useRef2();
-  const currSnapshot = useSyncExternalStore(
-    useCallback(
-      (callback) => {
-        const unsub = subscribe(proxyObject, callback, notifyInSync);
-        callback();
-        return unsub;
-      },
-      [proxyObject, notifyInSync]
-    ),
-    () => {
-      const nextSnapshot = snapshot(proxyObject, use);
-      try {
-        if (lastSnapshot.current && lastAffected.current && !p(lastSnapshot.current, nextSnapshot, lastAffected.current, /* @__PURE__ */ new WeakMap())) {
-          return lastSnapshot.current;
-        }
-      } catch (e2) {
-      }
-      return nextSnapshot;
-    },
-    () => snapshot(proxyObject, use)
+  compute();
+  return callAll(
+    options.listeners ? autoUpdate(reference, floating, compute, options.listeners) : void 0,
+    options.onCleanup
   );
-  const currAffected = /* @__PURE__ */ new WeakMap();
-  useEffect2(() => {
-    lastSnapshot.current = currSnapshot;
-    lastAffected.current = currAffected;
-  });
-  const proxyCache = useMemo(() => /* @__PURE__ */ new WeakMap(), []);
-  return a(currSnapshot, currAffected, proxyCache, targetCache);
 }
-function useConstant(fn) {
-  const ref2 = useRef3();
-  if (!ref2.current)
-    ref2.current = { v: fn() };
-  return ref2.current.v;
+function getPlacement(referenceOrFn, floatingOrFn, opts = {}) {
+  const { defer, ...restOptions } = opts;
+  const func = defer ? raf : (v) => v();
+  const cleanups = [];
+  cleanups.push(
+    func(() => {
+      const reference = typeof referenceOrFn === "function" ? referenceOrFn() : referenceOrFn;
+      const floating = typeof floatingOrFn === "function" ? floatingOrFn() : floatingOrFn;
+      cleanups.push(getPlacementImpl(reference, floating, restOptions));
+    })
+  );
+  return () => {
+    cleanups.forEach((fn) => fn?.());
+  };
 }
-function useService(machine2, options) {
-  const { actions, state: hydratedState, context } = options ?? {};
-  const service = useConstant(() => {
-    const instance = typeof machine2 === "function" ? machine2() : machine2;
-    return context ? instance.withContext(context) : instance;
-  });
-  useSafeLayoutEffect(() => {
-    service.start(hydratedState);
-    if (service.state.can("SETUP")) {
-      service.send("SETUP");
+var ARROW_FLOATING_STYLE = {
+  bottom: "rotate(45deg)",
+  left: "rotate(135deg)",
+  top: "rotate(225deg)",
+  right: "rotate(315deg)"
+};
+function getPlacementStyles(options = {}) {
+  const { placement = "bottom", sameWidth, fitViewport, strategy = "absolute" } = options;
+  return {
+    arrow: {
+      position: "absolute",
+      width: cssVars.arrowSize.reference,
+      height: cssVars.arrowSize.reference,
+      [cssVars.arrowSizeHalf.variable]: `calc(${cssVars.arrowSize.reference} / 2)`,
+      [cssVars.arrowOffset.variable]: `calc(${cssVars.arrowSizeHalf.reference} * -1)`
+    },
+    arrowTip: {
+      transform: ARROW_FLOATING_STYLE[placement.split("-")[0]],
+      background: cssVars.arrowBg.reference,
+      top: "0",
+      left: "0",
+      width: "100%",
+      height: "100%",
+      position: "absolute",
+      zIndex: "inherit"
+    },
+    floating: {
+      position: strategy,
+      minWidth: sameWidth ? void 0 : "max-content",
+      width: sameWidth ? "var(--reference-width)" : void 0,
+      maxWidth: fitViewport ? "var(--available-width)" : void 0,
+      maxHeight: fitViewport ? "var(--available-height)" : void 0,
+      top: "0px",
+      left: "0px",
+      transform: `translate3d(var(--x), var(--y), 0)`
     }
-    return () => {
-      service.stop();
-    };
-  }, []);
-  service.setOptions({ actions });
-  service.setContext(context);
-  return service;
-}
-function useMachine(machine2, options) {
-  const service = useService(machine2, options);
-  const state = useSnapshot(service.state);
-  const typedState = state;
-  return [typedState, service.send, service];
+  };
 }
 
-// ../../node_modules/.pnpm/@cfx-kit+ui-components@0.0.18_@zag-js+accordion@0.19.1_@zag-js+checkbox@0.19.1_@zag-js+dialog_toqhwacqm4ck723ovqekq5mm7u/node_modules/@cfx-kit/ui-components/dist/Tooltip.js
-import { Fragment as Fragment2, jsx, jsxs } from "react/jsx-runtime";
-var Tooltip = (_a) => {
-  var _b = _a, {
-    id,
-    open = false,
-    openDelay = 200,
-    closeDelay = 200,
-    arrow: arrow2 = true,
-    positioning,
-    children,
-    containerClassName,
-    trigger,
-    portalled = false
-  } = _b, props = __objRest(_b, [
-    "id",
-    "open",
-    "openDelay",
-    "closeDelay",
-    "arrow",
-    "positioning",
-    "children",
-    "containerClassName",
-    "trigger",
-    "portalled"
-  ]);
-  const Wrapper = portalled ? Portal : Fragment;
-  const uniqueId = useId();
-  const [state, send] = useMachine(machine(__spreadValues({ id: id != null ? id : uniqueId, openDelay, closeDelay, positioning }, props)));
-  const api = connect(state, send, normalizeProps);
-  useEffect3(() => {
-    if (open === true) {
-      api.open();
-    } else {
-      api.close();
-    }
-  }, [open]);
-  return /* @__PURE__ */ jsxs(Fragment2, { children: [
-    typeof trigger === "function" ? trigger({ triggerProps: api.triggerProps }) : null,
-    api.isOpen && /* @__PURE__ */ jsx(Wrapper, { children: /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ className: `ui-tooltip${containerClassName ? ` ${containerClassName}` : ""}` }, api.positionerProps), { children: [
-      arrow2 && /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, api.arrowProps), { children: /* @__PURE__ */ jsx("div", __spreadValues({}, api.arrowTipProps)) })),
-      typeof children === "function" && children({ contentProps: api.contentProps }),
-      typeof children !== "function" ? Children.count(children) === 1 && isValidElement(children) ? cloneElement(children, __spreadValues({}, api.contentProps)) : /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({}, api.contentProps), { children })) : null
-    ] })) })
-  ] });
+// ../../node_modules/.pnpm/@zag-js+dom-event@0.19.1/node_modules/@zag-js/dom-event/dist/index.mjs
+var addDomEvent2 = (target, eventName, handler, options) => {
+  const node = typeof target === "function" ? target() : target;
+  node?.addEventListener(eventName, handler, options);
+  return () => {
+    node?.removeEventListener(eventName, handler, options);
+  };
 };
-var Tooltip_default = Tooltip;
-
-// src/components/Tooltip/index.tsx
-import { useClickAway } from "@cfx-kit/react-utils/dist/hooks";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Tooltip2 = ({
-  title,
-  children = null,
-  positioning = {},
-  className,
-  containerClassName,
-  ...rest
-}) => {
-  const { placement = "top" } = positioning;
-  const onCloseRef = useRef4();
-  const triggerRef = useRef4(null);
-  const triggerContentRef = useRef4(null);
-  useClickAway([triggerRef, triggerContentRef], (e2) => {
-    onCloseRef.current?.(
-      e2
-    );
-  });
-  return /* @__PURE__ */ jsx2(
-    Tooltip_default,
-    {
-      trigger: ({ triggerProps }) => {
-        onCloseRef.current = triggerProps.onClick;
-        triggerProps.onClick = (e2) => {
-          triggerProps.onPointerMove?.(e2);
-        };
-        return /* @__PURE__ */ jsx2(
-          "span",
-          {
-            ref: triggerRef,
-            ...title ? triggerProps : {},
-            className: cn(className, triggerProps.className),
-            children
-          }
-        );
-      },
-      containerClassName: cn(
-        "sirius-next-tooltip",
-        "lh-normal max-w-320px z-1000 w-max min-w-unset!",
-        "all-[a]:text-[var(--theme-color-blue0)] all-[a:hover]:text-[var(--theme-color-blue2)]",
-        "[&.sirius-next-tooltip>[data-part=arrow]]:[--arrow-size:6px] [&.sirius-next-tooltip>[data-part=arrow]]:[--arrow-background:#333]",
-        containerClassName
-      ),
-      openDelay: 0,
-      closeOnPointerDown: false,
-      ...rest,
-      positioning: {
-        ...positioning,
-        placement
-      },
-      children: ({ contentProps }) => {
-        const _onPointerLeave = contentProps.onPointerLeave;
-        contentProps.onPointerLeave = (e2) => {
-          if (e2.pointerType === "touch")
-            return;
-          _onPointerLeave?.(e2);
-        };
-        return /* @__PURE__ */ jsx2(
-          "div",
-          {
-            className: "px-8px py-6px text-12px text-#fff text-left shadow break-words ws-normal bg-#333 min-w-30px min-h-32px decoration-none rounded-2px",
-            ref: (_ref) => _ref ? triggerContentRef.current = _ref.parentElement : triggerContentRef.current = null,
-            ...contentProps,
-            children: title
-          }
-        );
-      }
-    }
-  );
+var isContextMenuEvent = (e2) => {
+  return e2.button === 2 || isMac2() && e2.ctrlKey && e2.button === 0;
 };
+var isMac2 = () => /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
+function fireCustomEvent(el, type, init) {
+  if (!el)
+    return;
+  const win = el.ownerDocument.defaultView || window;
+  const event = new win.CustomEvent(type, init);
+  return el.dispatchEvent(event);
+}
 
 export {
-  Tooltip2 as Tooltip
+  __spreadValues,
+  __spreadProps,
+  __objRest,
+  createAnatomy,
+  dataAttr,
+  isHTMLElement,
+  contains,
+  createScope,
+  getDocument2,
+  getWindow,
+  getEventTarget,
+  getScrollParent,
+  getScrollParents,
+  isSafari,
+  isIos,
+  nextTick,
+  raf,
+  runIfFn2 as runIfFn,
+  callAll,
+  compact2 as compact,
+  warn2 as warn,
+  getPlacement,
+  getPlacementStyles,
+  proxy,
+  subscribe,
+  guards,
+  createMachine,
+  addDomEvent2 as addDomEvent,
+  isContextMenuEvent,
+  fireCustomEvent,
+  normalizeProps,
+  Portal,
+  useMachine
 };
-//# sourceMappingURL=chunk-ZKNMJZ5R.js.map
+//# sourceMappingURL=chunk-BMO4IZHV.js.map