@arturoliveira/vesta-ui 0.1.0

package/dist/index.mjs

@@ -0,0 +1,4731 @@
+import { jsxs as I, jsx as h, Fragment as ut } from "react/jsx-runtime";
+import { clsx as Es } from "clsx";
+import { twMerge as Ts } from "tailwind-merge";
+import { createContext as Je, useContext as fn, useRef as re, useLayoutEffect as Ns, useEffect as Ie, useSyncExternalStore as hn, useCallback as pn, useMemo as ze, memo as Cs, forwardRef as R, createElement as ws, Children as gn, isValidElement as Ps, cloneElement as xs, useId as mn, useState as dt } from "react";
+import { createPortal as Os } from "react-dom";
+import { X as yn, Check as Ss, ChevronDown as ks, Info as Is, AlertTriangle as Ds, AlertCircle as As, CheckCircle as Rs } from "lucide-react";
+import { Select as H, createListCollection as Ls } from "@ark-ui/react";
+function E(...e) {
+  return Ts(Es(e));
+}
+const jt = {
+  variant: {
+    default: "bg-primary text-primary-foreground hover:bg-primary/90",
+    destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+    outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+    secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+    ghost: "hover:bg-accent hover:text-accent-foreground",
+    link: "text-primary underline-offset-4 hover:underline"
+  },
+  size: {
+    default: "h-10 px-4 py-2",
+    sm: "h-9 rounded-md px-3",
+    lg: "h-11 rounded-md px-8",
+    icon: "h-10 w-10"
+  }
+};
+function Vt({
+  className: e,
+  variant: t = "default",
+  size: n = "default",
+  children: s,
+  loading: r = !1,
+  disabled: o,
+  ...c
+}) {
+  return /* @__PURE__ */ I(
+    "button",
+    {
+      className: E(
+        // Base styles
+        "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium",
+        "ring-offset-background transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:pointer-events-none disabled:opacity-50",
+        "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+        // Variants
+        jt.variant[t],
+        // Sizes
+        jt.size[n],
+        e
+      ),
+      disabled: o || r,
+      ...c,
+      children: [
+        r && /* @__PURE__ */ I(
+          "svg",
+          {
+            className: "animate-spin h-4 w-4",
+            xmlns: "http://www.w3.org/2000/svg",
+            fill: "none",
+            viewBox: "0 0 24 24",
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ h(
+                "circle",
+                {
+                  className: "opacity-25",
+                  cx: "12",
+                  cy: "12",
+                  r: "10",
+                  stroke: "currentColor",
+                  strokeWidth: "4"
+                }
+              ),
+              /* @__PURE__ */ h(
+                "path",
+                {
+                  className: "opacity-75",
+                  fill: "currentColor",
+                  d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                }
+              )
+            ]
+          }
+        ),
+        s
+      ]
+    }
+  );
+}
+function Aa({ className: e, ...t }) {
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: E("rounded-lg border border-border bg-card text-card-foreground", e),
+      ...t
+    }
+  );
+}
+function Ra({ className: e, ...t }) {
+  return /* @__PURE__ */ h("div", { className: E("flex flex-col space-y-1.5 p-6", e), ...t });
+}
+function La({ className: e, ...t }) {
+  return /* @__PURE__ */ h(
+    "h3",
+    {
+      className: E("text-2xl font-semibold leading-none tracking-tight", e),
+      ...t
+    }
+  );
+}
+function Fa({ className: e, ...t }) {
+  return /* @__PURE__ */ h("p", { className: E("text-sm text-muted-foreground", e), ...t });
+}
+function Ma({ className: e, ...t }) {
+  return /* @__PURE__ */ h("div", { className: E("p-6 pt-0", e), ...t });
+}
+function _a({ className: e, ...t }) {
+  return /* @__PURE__ */ h("div", { className: E("flex items-center p-6 pt-0", e), ...t });
+}
+function Fs(e, t) {
+  return `${e} returned \`undefined\`. Seems you forgot to wrap component within ${t}`;
+}
+function J(e = {}) {
+  const {
+    name: t,
+    strict: n = !0,
+    hookName: s = "useContext",
+    providerName: r = "Provider",
+    errorMessage: o,
+    defaultValue: c
+  } = e, i = Je(c);
+  i.displayName = t;
+  function u() {
+    var l;
+    const a = fn(i);
+    if (!a && n) {
+      const d = new Error(o ?? Fs(s, r));
+      throw d.name = "ContextError", (l = Error.captureStackTrace) == null || l.call(Error, d, u), d;
+    }
+    return a;
+  }
+  return [i.Provider, u, i];
+}
+const [Ms, Qe] = J({
+  name: "CheckboxContext",
+  hookName: "useCheckboxContext",
+  providerName: "<CheckboxProvider />"
+}), _s = Symbol(), wt = Symbol(), we = "a", vn = "f", Gt = "p", bn = "c", En = "t", Tn = "h", Ue = "w", Nn = "o", Cn = "k";
+let Bs = (e, t) => new Proxy(e, t);
+const ft = Object.getPrototypeOf, ht = /* @__PURE__ */ new WeakMap(), wn = (e) => e && (ht.has(e) ? ht.get(e) : ft(e) === Object.prototype || ft(e) === Array.prototype), Ut = (e) => typeof e == "object" && e !== null, $s = (e) => Object.values(Object.getOwnPropertyDescriptors(e)).some((t) => !t.configurable && !t.writable), Hs = (e) => {
+  if (Array.isArray(e))
+    return Array.from(e);
+  const t = Object.getOwnPropertyDescriptors(e);
+  return Object.values(t).forEach((n) => {
+    n.configurable = !0;
+  }), Object.create(ft(e), t);
+}, js = (e, t) => {
+  const n = {
+    [vn]: t
+  };
+  let s = !1;
+  const r = (i, u) => {
+    if (!s) {
+      let a = n[we].get(e);
+      if (a || (a = {}, n[we].set(e, a)), i === Ue)
+        a[Ue] = !0;
+      else {
+        let l = a[i];
+        l || (l = /* @__PURE__ */ new Set(), a[i] = l), l.add(u);
+      }
+    }
+  }, o = () => {
+    s = !0, n[we].delete(e);
+  }, c = {
+    get(i, u) {
+      return u === wt ? e : (r(Cn, u), xn(Reflect.get(i, u), n[we], n[bn], n[En]));
+    },
+    has(i, u) {
+      return u === _s ? (o(), !0) : (r(Tn, u), Reflect.has(i, u));
+    },
+    getOwnPropertyDescriptor(i, u) {
+      return r(Nn, u), Reflect.getOwnPropertyDescriptor(i, u);
+    },
+    ownKeys(i) {
+      return r(Ue), Reflect.ownKeys(i);
+    }
+  };
+  return t && (c.set = c.deleteProperty = () => !1), [c, n];
+}, Pn = (e) => (
+  // unwrap proxy
+  e[wt] || // otherwise
+  e
+), xn = (e, t, n, s) => {
+  if (!wn(e))
+    return e;
+  let r = s && s.get(e);
+  if (!r) {
+    const u = Pn(e);
+    $s(u) ? r = [u, Hs(u)] : r = [u], s == null || s.set(e, r);
+  }
+  const [o, c] = r;
+  let i = n && n.get(o);
+  return (!i || i[1][vn] !== !!c) && (i = js(o, !!c), i[1][Gt] = Bs(c || o, i[0]), n && n.set(o, i)), i[1][we] = t, i[1][bn] = n, i[1][En] = s, i[1][Gt];
+}, Vs = (e, t) => {
+  const n = Reflect.ownKeys(e), s = Reflect.ownKeys(t);
+  return n.length !== s.length || n.some((r, o) => r !== s[o]);
+}, On = (e, t, n, s, r = Object.is) => {
+  if (r(e, t))
+    return !1;
+  if (!Ut(e) || !Ut(t))
+    return !0;
+  const o = n.get(Pn(e));
+  if (!o)
+    return !0;
+  if (s) {
+    if (s.get(e) === t)
+      return !1;
+    s.set(e, t);
+  }
+  let c = null;
+  for (const i of o[Tn] || [])
+    if (c = Reflect.has(e, i) !== Reflect.has(t, i), c)
+      return c;
+  if (o[Ue] === !0) {
+    if (c = Vs(e, t), c)
+      return c;
+  } else
+    for (const i of o[Nn] || []) {
+      const u = !!Reflect.getOwnPropertyDescriptor(e, i), a = !!Reflect.getOwnPropertyDescriptor(t, i);
+      if (c = u !== a, c)
+        return c;
+    }
+  for (const i of o[Cn] || [])
+    if (c = On(e[i], t[i], n, s, r), c)
+      return c;
+  if (c === null)
+    throw new Error("invalid used");
+  return c;
+}, Gs = (e) => wn(e) && e[wt] || null, Kt = (e, t = !0) => {
+  ht.set(e, t);
+};
+function Us() {
+  if (typeof globalThis < "u") return globalThis;
+  if (typeof self < "u") return self;
+  if (typeof window < "u") return window;
+  if (typeof global < "u") return global;
+}
+function Pt(e, t) {
+  const n = Us();
+  return n ? (n[e] || (n[e] = t()), n[e]) : t();
+}
+var xe = Pt("__zag__refSet", () => /* @__PURE__ */ new WeakSet()), Ks = (e) => typeof e == "object" && e !== null && "$$typeof" in e && "props" in e, Ws = (e) => typeof e == "object" && e !== null && "__v_isVNode" in e, zs = (e) => typeof e == "object" && e !== null && "nodeType" in e && typeof e.nodeName == "string", qs = (e) => Ks(e) || Ws(e) || zs(e), pt = (e) => e !== null && typeof e == "object", gt = (e) => pt(e) && !xe.has(e) && (Array.isArray(e) || !(Symbol.iterator in e)) && !qs(e) && !(e instanceof WeakMap) && !(e instanceof WeakSet) && !(e instanceof Error) && !(e instanceof Number) && !(e instanceof Date) && !(e instanceof String) && !(e instanceof RegExp) && !(e instanceof ArrayBuffer) && !(e instanceof Promise), qe = () => process.env.NODE_ENV !== "production";
+function Wt(e, t, n) {
+  typeof n.value == "object" && !gt(n.value) && (n.value = ce(n.value)), !n.enumerable || n.get || n.set || !n.configurable || !n.writable || t === "__proto__" ? Object.defineProperty(e, t, n) : e[t] = n.value;
+}
+function ce(e) {
+  if (typeof e != "object") return e;
+  var t = 0, n, s, r, o = Object.prototype.toString.call(e);
+  if (o === "[object Object]" ? r = Object.create(Object.getPrototypeOf(e) || null) : o === "[object Array]" ? r = Array(e.length) : o === "[object Set]" ? (r = /* @__PURE__ */ new Set(), e.forEach(function(c) {
+    r.add(ce(c));
+  })) : o === "[object Map]" ? (r = /* @__PURE__ */ new Map(), e.forEach(function(c, i) {
+    r.set(ce(i), ce(c));
+  })) : o === "[object Date]" ? r = /* @__PURE__ */ new Date(+e) : o === "[object RegExp]" ? r = new RegExp(e.source, e.flags) : o === "[object DataView]" ? r = new e.constructor(ce(e.buffer)) : o === "[object ArrayBuffer]" ? r = e.slice(0) : o === "[object Blob]" ? r = e.slice() : o.slice(-6) === "Array]" && (r = new e.constructor(e)), r) {
+    for (s = Object.getOwnPropertySymbols(e); t < s.length; t++)
+      Wt(r, s[t], Object.getOwnPropertyDescriptor(e, s[t]));
+    for (t = 0, s = Object.getOwnPropertyNames(e); t < s.length; t++)
+      Object.hasOwnProperty.call(r, n = s[t]) && r[n] === e[n] || Wt(r, n, Object.getOwnPropertyDescriptor(e, n));
+  }
+  return r || e;
+}
+var ae = Pt("__zag__proxyStateMap", () => /* @__PURE__ */ new WeakMap()), Ys = (e = Object.is, t = (i, u) => new Proxy(i, u), n = /* @__PURE__ */ new WeakMap(), s = (i, u) => {
+  const a = n.get(i);
+  if ((a == null ? void 0 : a[0]) === u)
+    return a[1];
+  const l = Array.isArray(i) ? [] : Object.create(Object.getPrototypeOf(i));
+  return Kt(l, !0), n.set(i, [u, l]), Reflect.ownKeys(i).forEach((d) => {
+    const f = Reflect.get(i, d);
+    xe.has(f) ? (Kt(f, !1), l[d] = f) : ae.has(f) ? l[d] = ne(f) : l[d] = f;
+  }), Object.freeze(l);
+}, r = /* @__PURE__ */ new WeakMap(), o = [1, 1], c = (i) => {
+  if (!pt(i))
+    throw new Error("object required");
+  const u = r.get(i);
+  if (u)
+    return u;
+  let a = o[0];
+  const l = /* @__PURE__ */ new Set(), d = (b, T = ++o[0]) => {
+    a !== T && (a = T, l.forEach((x) => x(b, T)));
+  };
+  let f = o[1];
+  const p = (b = ++o[1]) => (f !== b && !l.size && (f = b, m.forEach(([T]) => {
+    const x = T[1](b);
+    x > a && (a = x);
+  })), a), g = (b) => (T, x) => {
+    const M = [...T];
+    M[1] = [b, ...M[1]], d(M, x);
+  }, m = /* @__PURE__ */ new Map(), w = (b, T) => {
+    if (qe() && m.has(b))
+      throw new Error("prop listener already exists");
+    if (l.size) {
+      const x = T[3](g(b));
+      m.set(b, [T, x]);
+    } else
+      m.set(b, [T]);
+  }, v = (b) => {
+    var x;
+    const T = m.get(b);
+    T && (m.delete(b), (x = T[1]) == null || x.call(T));
+  }, O = (b) => (l.add(b), l.size === 1 && m.forEach(([x, M], Q) => {
+    if (qe() && M)
+      throw new Error("remove already exists");
+    const ee = x[3](g(Q));
+    m.set(Q, [x, ee]);
+  }), () => {
+    l.delete(b), l.size === 0 && m.forEach(([x, M], Q) => {
+      M && (M(), m.set(Q, [x]));
+    });
+  }), N = Array.isArray(i) ? [] : Object.create(Object.getPrototypeOf(i)), P = t(N, {
+    deleteProperty(b, T) {
+      const x = Reflect.get(b, T);
+      v(T);
+      const M = Reflect.deleteProperty(b, T);
+      return M && d(["delete", [T], x]), M;
+    },
+    set(b, T, x, M) {
+      var $t;
+      const Q = Reflect.has(b, T), ee = Reflect.get(b, T, M);
+      if (Q && (e(ee, x) || r.has(x) && e(ee, r.get(x))))
+        return !0;
+      v(T), pt(x) && (x = Gs(x) || x);
+      let Me = x;
+      if (!(($t = Object.getOwnPropertyDescriptor(b, T)) != null && $t.set)) {
+        !ae.has(x) && gt(x) && (Me = xt(x));
+        const Ht = !xe.has(Me) && ae.get(Me);
+        Ht && w(T, Ht);
+      }
+      return Reflect.set(b, T, Me, M), d(["set", [T], x, ee]), !0;
+    }
+  });
+  r.set(i, P);
+  const D = [N, p, s, O];
+  return ae.set(P, D), Reflect.ownKeys(i).forEach((b) => {
+    const T = Object.getOwnPropertyDescriptor(i, b);
+    T.get || T.set ? Object.defineProperty(N, b, T) : P[b] = i[b];
+  }), P;
+}) => [
+  // public functions
+  c,
+  // shared state
+  ae,
+  xe,
+  // internal things
+  e,
+  t,
+  gt,
+  n,
+  s,
+  r,
+  o
+], [Xs] = Ys();
+function xt(e = {}) {
+  return Xs(e);
+}
+function Ye(e, t, n) {
+  const s = ae.get(e);
+  qe() && !s && console.warn("Please use proxy object");
+  let r;
+  const o = [], c = s[3];
+  let i = !1;
+  const a = c((l) => {
+    if (o.push(l), n) {
+      t(o.splice(0));
+      return;
+    }
+    r || (r = Promise.resolve().then(() => {
+      r = void 0, i && t(o.splice(0));
+    }));
+  });
+  return i = !0, () => {
+    i = !1, a();
+  };
+}
+function ne(e) {
+  const t = ae.get(e);
+  qe() && !t && console.warn("Please use proxy object");
+  const [n, s, r] = t;
+  return r(n, s());
+}
+function De(e) {
+  return xe.add(e), e;
+}
+function Zs(e, t) {
+  Object.keys(t).forEach((r) => {
+    if (Object.getOwnPropertyDescriptor(e, r))
+      throw new Error("object property already defined");
+    const o = t[r], { get: c, set: i } = typeof o == "function" ? { get: o } : o, u = {};
+    u.get = () => c(ne(s)), i && (u.set = (a) => i(s, a)), Object.defineProperty(e, r, u);
+  });
+  const s = xt(e);
+  return s;
+}
+function Js(e) {
+  for (; e.length > 0; ) e.pop();
+  return e;
+}
+var zt = (e) => (e == null ? void 0 : e.constructor.name) === "Array", Qs = (e, t) => {
+  if (e.length !== t.length) return !1;
+  for (let n = 0; n < e.length; n++)
+    if (!Ot(e[n], t[n])) return !1;
+  return !0;
+}, Ot = (e, t) => {
+  if (Object.is(e, t)) return !0;
+  if (e == null && t != null || e != null && t == null) return !1;
+  if (typeof (e == null ? void 0 : e.isEqual) == "function" && typeof (t == null ? void 0 : t.isEqual) == "function")
+    return e.isEqual(t);
+  if (typeof e == "function" && typeof t == "function")
+    return e.toString() === t.toString();
+  if (zt(e) && zt(t))
+    return Qs(Array.from(e), Array.from(t));
+  if (typeof e != "object" || typeof t != "object") return !1;
+  const n = Object.keys(t ?? /* @__PURE__ */ Object.create(null)), s = n.length;
+  for (let r = 0; r < s; r++)
+    if (!Reflect.has(e, n[r])) return !1;
+  for (let r = 0; r < s; r++) {
+    const o = n[r];
+    if (!Ot(e[o], t[o])) return !1;
+  }
+  return !0;
+}, Oe = (e, ...t) => (typeof e == "function" ? e(...t) : e) ?? void 0, Z = (e) => e, er = () => {
+}, mt = (...e) => (...t) => {
+  e.forEach(function(n) {
+    n == null || n(...t);
+  });
+}, yt = /* @__PURE__ */ (() => {
+  let e = 0;
+  return () => (e++, e.toString(36));
+})(), tr = () => process.env.NODE_ENV !== "production", Xe = (e) => Array.isArray(e), Sn = (e) => e != null && typeof e == "object", Ke = (e) => Sn(e) && !Xe(e), nr = (e) => typeof e == "number" && !Number.isNaN(e), G = (e) => typeof e == "string", ve = (e) => typeof e == "function", kn = (e, t) => Object.prototype.hasOwnProperty.call(e, t), sr = (e) => Object.prototype.toString.call(e), In = Function.prototype.toString, rr = In.call(Object), _e = (e) => {
+  if (!Sn(e) || sr(e) != "[object Object]") return !1;
+  const t = Object.getPrototypeOf(e);
+  if (t === null) return !0;
+  const n = kn(t, "constructor") && t.constructor;
+  return typeof n == "function" && n instanceof n && In.call(n) == rr;
+};
+function ue(e) {
+  if (!or(e) || e === void 0) return e;
+  const t = Reflect.ownKeys(e).filter((s) => typeof s == "string"), n = {};
+  for (const s of t) {
+    const r = e[s];
+    r !== void 0 && (n[s] = ue(r));
+  }
+  return n;
+}
+var or = (e) => e && typeof e == "object" && e.constructor === Object;
+function me(...e) {
+  const t = e.length === 1 ? e[0] : e[1];
+  (e.length === 2 ? e[0] : !0) && process.env.NODE_ENV !== "production" && console.warn(t);
+}
+function We(...e) {
+  const t = e.length === 1 ? e[0] : e[1];
+  if ((e.length === 2 ? e[0] : !0) && process.env.NODE_ENV !== "production")
+    throw new Error(t);
+}
+var ir = Object.defineProperty, ar = (e, t, n) => t in e ? ir(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, y = (e, t, n) => ar(e, typeof t != "symbol" ? t + "" : t, n);
+function Dn(e, ...t) {
+  if (!_e(e))
+    throw new TypeError("Source argument must be a plain object");
+  for (const n of t) {
+    if (!_e(n)) continue;
+    const s = ue(n);
+    for (const r in s) {
+      if (!Object.prototype.hasOwnProperty.call(s, r) || r === "__proto__" || r === "constructor" || r === "prototype") continue;
+      const o = e[r], c = n[r];
+      _e(c) ? e[r] = _e(o) ? Dn(o, c) : { ...c } : e[r] = c;
+    }
+  }
+  return e;
+}
+function q(e) {
+  return G(e) ? { type: e } : e;
+}
+function te(e) {
+  return e ? Xe(e) ? e.slice() : [e] : [];
+}
+function An(e) {
+  return Ke(e) && e.predicate != null;
+}
+var cr = () => !0;
+function St(e, t, n, s) {
+  return (r) => {
+    var o;
+    return G(r) ? !!((o = e[r]) != null && o.call(e, t, n, s)) : ve(r) ? r(t, n, s) : r.predicate(e)(t, n, s);
+  };
+}
+function lr(...e) {
+  return {
+    predicate: (t) => (n, s, r) => e.map(St(t, n, s, r)).some(Boolean)
+  };
+}
+function ur(...e) {
+  return {
+    predicate: (t) => (n, s, r) => e.map(St(t, n, s, r)).every(Boolean)
+  };
+}
+function dr(e) {
+  return {
+    predicate: (t) => (n, s, r) => !St(t, n, s, r)(e)
+  };
+}
+var Rn = { or: lr, and: ur, not: dr };
+function Ln(e, t) {
+  return e = e ?? cr, (n, s, r) => {
+    if (G(e)) {
+      const o = t[e];
+      return ve(o) ? o(n, s, r) : o;
+    }
+    return An(e) ? e.predicate(t)(n, s, r) : e == null ? void 0 : e(n, s, r);
+  };
+}
+function st(e, t) {
+  return (n, s, r) => An(e) ? e.predicate(t)(n, s, r) : e;
+}
+function fr(e) {
+  var o, c;
+  const t = e.computed ?? Z({}), n = e.context ?? Z({}), s = e.initial ? (c = (o = e.states) == null ? void 0 : o[e.initial]) == null ? void 0 : c.tags : [], r = xt({
+    value: e.initial ?? "",
+    previousValue: "",
+    event: Z({}),
+    previousEvent: Z({}),
+    context: Zs(n, t),
+    done: !1,
+    tags: s ?? [],
+    hasTag(i) {
+      return this.tags.includes(i);
+    },
+    matches(...i) {
+      return i.includes(this.value);
+    },
+    can(i) {
+      return Z(this).nextEvents.includes(i);
+    },
+    get nextEvents() {
+      var a, l;
+      const i = ((l = (a = e.states) == null ? void 0 : a[this.value]) == null ? void 0 : l.on) ?? {}, u = (e == null ? void 0 : e.on) ?? {};
+      return Object.keys({ ...i, ...u });
+    },
+    get changed() {
+      return this.event.value === "machine.init" || !this.previousValue ? !1 : this.value !== this.previousValue;
+    }
+  });
+  return Z(r);
+}
+function Ee(e, t) {
+  return (n, s) => {
+    if (nr(e)) return e;
+    if (ve(e))
+      return e(n, s);
+    if (G(e)) {
+      const r = Number.parseFloat(e);
+      if (!Number.isNaN(r))
+        return r;
+      if (t) {
+        const o = t == null ? void 0 : t[e];
+        return We(
+          o == null,
+          `[@zag-js/core > determine-delay] Cannot determine delay for \`${e}\`. It doesn't exist in \`options.delays\``
+        ), ve(o) ? o(n, s) : o;
+      }
+    }
+  };
+}
+function hr(e) {
+  return G(e) ? { target: e } : e;
+}
+function pr(e, t) {
+  return (n, s, r) => te(e).map(hr).find((o) => Ln(o.guard, t)(n, s, r) ?? o.target ?? o.actions);
+}
+var Fn = class {
+  // Let's get started!
+  constructor(e, t) {
+    var n, s, r, o, c;
+    y(
+      this,
+      "status",
+      "Not Started"
+      /* NotStarted */
+    ), y(this, "state"), y(this, "initialState"), y(this, "initialContext"), y(this, "id"), y(
+      this,
+      "type",
+      "machine"
+      /* Machine */
+    ), y(this, "activityEvents", /* @__PURE__ */ new Map()), y(this, "delayedEvents", /* @__PURE__ */ new Map()), y(this, "stateListeners", /* @__PURE__ */ new Set()), y(this, "doneListeners", /* @__PURE__ */ new Set()), y(this, "contextWatchers", /* @__PURE__ */ new Set()), y(this, "removeStateListener", er), y(this, "parent"), y(this, "children", /* @__PURE__ */ new Map()), y(this, "guardMap"), y(this, "actionMap"), y(this, "delayMap"), y(this, "activityMap"), y(this, "sync"), y(this, "options"), y(this, "config"), y(this, "_created", () => {
+      if (!this.config.created) return;
+      const i = q(
+        "machine.created"
+        /* Created */
+      );
+      this.executeActions(this.config.created, i);
+    }), y(this, "start", (i) => {
+      if (this.state.value = "", this.state.tags = [], this.status === "Running")
+        return this;
+      this.status = "Running", this.removeStateListener = Ye(
+        this.state,
+        () => {
+          this.stateListeners.forEach((p) => {
+            p(this.stateSnapshot);
+          });
+        },
+        this.sync
+      ), this.setupContextWatchers(), this.executeActivities(
+        q(
+          "machine.start"
+          /* Start */
+        ),
+        te(this.config.activities),
+        "machine.start"
+        /* Start */
+      ), this.executeActions(this.config.entry, q(
+        "machine.start"
+        /* Start */
+      ));
+      const u = q(
+        "machine.init"
+        /* Init */
+      ), a = Ke(i) ? i.value : i, l = Ke(i) ? i.context : void 0;
+      l && this.setContext(l);
+      const d = {
+        target: a ?? this.config.initial
+      }, f = this.getNextStateInfo(d, u);
+      return this.initialState = f, this.performStateChangeEffects(this.state.value, f, u), this;
+    }), y(this, "setupContextWatchers", () => {
+      const { watch: i } = this.config;
+      if (!i) return;
+      let u = ne(this.state.context);
+      const a = Ye(this.state.context, () => {
+        var d;
+        const l = ne(this.state.context);
+        for (const [f, p] of Object.entries(i))
+          (((d = this.options.compareFns) == null ? void 0 : d[f]) ?? Object.is)(u[f], l[f]) || this.executeActions(p, this.state.event);
+        u = l;
+      });
+      this.contextWatchers.add(a);
+    }), y(this, "stop", () => {
+      if (this.status !== "Stopped")
+        return this.performExitEffects(this.state.value, q(
+          "machine.stop"
+          /* Stop */
+        )), this.executeActions(this.config.exit, q(
+          "machine.stop"
+          /* Stop */
+        )), this.setState(""), this.setEvent(
+          "machine.stop"
+          /* Stop */
+        ), this.stopStateListeners(), this.stopChildren(), this.stopActivities(), this.stopDelayedEvents(), this.stopContextWatchers(), this.status = "Stopped", this;
+    }), y(this, "stopStateListeners", () => {
+      this.removeStateListener(), this.stateListeners.clear();
+    }), y(this, "stopContextWatchers", () => {
+      this.contextWatchers.forEach((i) => i()), this.contextWatchers.clear();
+    }), y(this, "stopDelayedEvents", () => {
+      this.delayedEvents.forEach((i) => {
+        i.forEach((u) => u());
+      }), this.delayedEvents.clear();
+    }), y(this, "stopActivities", (i) => {
+      var u, a;
+      i ? ((u = this.activityEvents.get(i)) == null || u.forEach((l) => l()), (a = this.activityEvents.get(i)) == null || a.clear(), this.activityEvents.delete(i)) : (this.activityEvents.forEach((l) => {
+        l.forEach((d) => d()), l.clear();
+      }), this.activityEvents.clear());
+    }), y(this, "sendChild", (i, u) => {
+      const a = q(i), l = Oe(u, this.contextSnapshot), d = this.children.get(l);
+      d || We(`[@zag-js/core] Cannot send '${a.type}' event to unknown child`), d.send(a);
+    }), y(this, "stopChild", (i) => {
+      this.children.has(i) || We(`[@zag-js/core > stop-child] Cannot stop unknown child ${i}`), this.children.get(i).stop(), this.children.delete(i);
+    }), y(this, "removeChild", (i) => {
+      this.children.delete(i);
+    }), y(this, "stopChildren", () => {
+      this.children.forEach((i) => i.stop()), this.children.clear();
+    }), y(this, "setParent", (i) => {
+      this.parent = i;
+    }), y(this, "spawn", (i, u) => {
+      const a = Oe(i);
+      return u && (a.id = u), a.type = "machine.actor", a.setParent(this), this.children.set(a.id, Z(a)), a.onDone(() => {
+        this.removeChild(a.id);
+      }).start(), Z(De(a));
+    }), y(this, "stopActivity", (i) => {
+      var a;
+      if (!this.state.value) return;
+      const u = this.activityEvents.get(this.state.value);
+      (a = u == null ? void 0 : u.get(i)) == null || a(), u == null || u.delete(i);
+    }), y(this, "addActivityCleanup", (i, u, a) => {
+      var l;
+      i && (this.activityEvents.has(i) ? (l = this.activityEvents.get(i)) == null || l.set(u, a) : this.activityEvents.set(i, /* @__PURE__ */ new Map([[u, a]])));
+    }), y(this, "setState", (i) => {
+      this.state.previousValue = this.state.value, this.state.value = i;
+      const u = this.getStateNode(i);
+      i == null ? Js(this.state.tags) : this.state.tags = te(u == null ? void 0 : u.tags);
+    }), y(this, "setContext", (i) => {
+      i && Dn(this.state.context, i);
+    }), y(this, "setOptions", (i) => {
+      const u = ue(i);
+      this.actionMap = { ...this.actionMap, ...u.actions }, this.delayMap = { ...this.delayMap, ...u.delays }, this.activityMap = { ...this.activityMap, ...u.activities }, this.guardMap = { ...this.guardMap, ...u.guards };
+    }), y(this, "getStateNode", (i) => {
+      var u;
+      if (i)
+        return (u = this.config.states) == null ? void 0 : u[i];
+    }), y(this, "getNextStateInfo", (i, u) => {
+      const a = this.determineTransition(i, u), l = !(a != null && a.target), d = (a == null ? void 0 : a.target) ?? this.state.value, f = this.state.value !== d, p = this.getStateNode(d), m = {
+        reenter: !l && !f && !(a != null && a.internal),
+        transition: a,
+        stateNode: p,
+        target: d,
+        changed: f
+      };
+      return this.log("NextState:", `[${u.type}]`, this.state.value, "---->", m.target), m;
+    }), y(this, "getAfterActions", (i, u) => {
+      let a;
+      const l = this.state.value;
+      return {
+        entry: () => {
+          a = globalThis.setTimeout(() => {
+            const d = this.getNextStateInfo(i, this.state.event);
+            this.performStateChangeEffects(l, d, this.state.event);
+          }, u);
+        },
+        exit: () => {
+          globalThis.clearTimeout(a);
+        }
+      };
+    }), y(this, "getDelayedEventActions", (i) => {
+      const u = this.getStateNode(i), a = this.state.event;
+      if (!u || !u.after) return;
+      const l = [], d = [];
+      if (Xe(u.after)) {
+        const f = this.determineTransition(u.after, a);
+        if (!f) return;
+        if (!kn(f, "delay"))
+          throw new Error(`[@zag-js/core > after] Delay is required for after transition: ${JSON.stringify(f)}`);
+        const g = Ee(f.delay, this.delayMap)(this.contextSnapshot, a), m = this.getAfterActions(f, g);
+        return l.push(m.entry), d.push(m.exit), { entries: l, exits: d };
+      }
+      if (Ke(u.after))
+        for (const f in u.after) {
+          const p = u.after[f], m = Ee(f, this.delayMap)(this.contextSnapshot, a), w = this.getAfterActions(p, m);
+          l.push(w.entry), d.push(w.exit);
+        }
+      return { entries: l, exits: d };
+    }), y(this, "executeActions", (i, u) => {
+      var l;
+      const a = st(i, this.guardMap)(this.contextSnapshot, u, this.guardMeta);
+      for (const d of te(a)) {
+        const f = G(d) ? (l = this.actionMap) == null ? void 0 : l[d] : d;
+        me(
+          G(d) && !f,
+          `[@zag-js/core > execute-actions] No implementation found for action: \`${d}\``
+        ), f == null || f(this.state.context, u, this.meta);
+      }
+    }), y(this, "executeActivities", (i, u, a) => {
+      var l;
+      for (const d of u) {
+        const f = G(d) ? (l = this.activityMap) == null ? void 0 : l[d] : d;
+        if (!f) {
+          me(`[@zag-js/core > execute-activity] No implementation found for activity: \`${d}\``);
+          continue;
+        }
+        const p = f(this.state.context, i, this.meta);
+        if (p) {
+          const g = G(d) ? d : d.name || yt();
+          this.addActivityCleanup(a ?? this.state.value, g, p);
+        }
+      }
+    }), y(this, "createEveryActivities", (i, u) => {
+      if (i)
+        if (Xe(i)) {
+          const a = te(i).find((p) => {
+            const g = p.delay, w = Ee(g, this.delayMap)(this.contextSnapshot, this.state.event);
+            return Ln(p.guard, this.guardMap)(this.contextSnapshot, this.state.event, this.guardMeta) ?? w != null;
+          });
+          if (!a) return;
+          const d = Ee(a.delay, this.delayMap)(this.contextSnapshot, this.state.event);
+          u(() => {
+            const p = globalThis.setInterval(() => {
+              this.executeActions(a.actions, this.state.event);
+            }, d);
+            return () => {
+              globalThis.clearInterval(p);
+            };
+          });
+        } else
+          for (const a in i) {
+            const l = i == null ? void 0 : i[a], f = Ee(a, this.delayMap)(this.contextSnapshot, this.state.event);
+            u(() => {
+              const g = globalThis.setInterval(() => {
+                this.executeActions(l, this.state.event);
+              }, f);
+              return () => {
+                globalThis.clearInterval(g);
+              };
+            });
+          }
+    }), y(this, "setEvent", (i) => {
+      this.state.previousEvent = this.state.event, this.state.event = De(q(i));
+    }), y(this, "performExitEffects", (i, u) => {
+      const a = this.state.value;
+      if (a === "") return;
+      const l = i ? this.getStateNode(i) : void 0;
+      this.stopActivities(a);
+      const d = st(l == null ? void 0 : l.exit, this.guardMap)(this.contextSnapshot, u, this.guardMeta), f = te(d), p = this.delayedEvents.get(a);
+      p && f.push(...p), this.executeActions(f, u), this.delayedEvents.delete(a);
+    }), y(this, "performEntryEffects", (i, u) => {
+      const a = this.getStateNode(i), l = te(a == null ? void 0 : a.activities);
+      this.createEveryActivities(a == null ? void 0 : a.every, (g) => {
+        l.unshift(g);
+      }), l.length > 0 && this.executeActivities(u, l);
+      const d = st(a == null ? void 0 : a.entry, this.guardMap)(
+        this.contextSnapshot,
+        u,
+        this.guardMeta
+      ), f = te(d), p = this.getDelayedEventActions(i);
+      a != null && a.after && p && (this.delayedEvents.set(i, p == null ? void 0 : p.exits), f.push(...p.entries)), this.executeActions(f, u), (a == null ? void 0 : a.type) === "final" && (this.state.done = !0, this.doneListeners.forEach((g) => {
+        g(this.stateSnapshot);
+      }), this.stop());
+    }), y(this, "performTransitionEffects", (i, u) => {
+      const a = this.determineTransition(i, u);
+      this.executeActions(a == null ? void 0 : a.actions, u);
+    }), y(this, "performStateChangeEffects", (i, u, a) => {
+      this.setEvent(a);
+      const l = u.changed || u.reenter;
+      l && this.performExitEffects(i, a), this.performTransitionEffects(u.transition, a), this.setState(u.target), l && this.performEntryEffects(u.target, a);
+    }), y(this, "determineTransition", (i, u) => {
+      const a = pr(i, this.guardMap);
+      return a == null ? void 0 : a(this.contextSnapshot, u, this.guardMeta);
+    }), y(this, "sendParent", (i) => {
+      var a;
+      this.parent || We("[@zag-js/core > send-parent] Cannot send event to an unknown parent");
+      const u = q(i);
+      (a = this.parent) == null || a.send(u);
+    }), y(this, "log", (...i) => {
+      tr() && this.options.debug && console.log(...i);
+    }), y(this, "send", (i) => {
+      const u = q(i);
+      this.transition(this.state.value, u);
+    }), y(this, "transition", (i, u) => {
+      var p, g;
+      const a = G(i) ? this.getStateNode(i) : i == null ? void 0 : i.stateNode, l = q(u);
+      if (!a && !this.config.on) {
+        const m = this.status === "Stopped" ? "[@zag-js/core > transition] Cannot transition a stopped machine" : `[@zag-js/core > transition] State does not have a definition for \`state\`: ${i}, \`event\`: ${l.type}`;
+        me(m);
+        return;
+      }
+      const d = (
+        // @ts-expect-error - Fix this
+        ((p = a == null ? void 0 : a.on) == null ? void 0 : p[l.type]) ?? ((g = this.config.on) == null ? void 0 : g[l.type])
+      ), f = this.getNextStateInfo(d, l);
+      return this.performStateChangeEffects(this.state.value, f, l), f.stateNode;
+    }), y(this, "subscribe", (i) => (this.stateListeners.add(i), this.status === "Running" && i(this.stateSnapshot), () => {
+      this.stateListeners.delete(i);
+    })), y(this, "onDone", (i) => (this.doneListeners.add(i), this)), y(this, "onTransition", (i) => (this.stateListeners.add(i), this.status === "Running" && i(this.stateSnapshot), this)), this.config = ce(e), this.options = ce(t ?? {}), this.id = this.config.id ?? `machine-${yt()}`, this.guardMap = ((n = this.options) == null ? void 0 : n.guards) ?? {}, this.actionMap = ((s = this.options) == null ? void 0 : s.actions) ?? {}, this.delayMap = ((r = this.options) == null ? void 0 : r.delays) ?? {}, this.activityMap = ((o = this.options) == null ? void 0 : o.activities) ?? {}, this.sync = ((c = this.options) == null ? void 0 : c.sync) ?? !1, this.state = fr(this.config), this.initialContext = ne(this.state.context);
+  }
+  // immutable state value
+  get stateSnapshot() {
+    return Z(ne(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 e = 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 e.stateSnapshot;
+      },
+      get initialContext() {
+        return e.initialContext;
+      },
+      get initialState() {
+        var t;
+        return ((t = e.initialState) == null ? void 0 : t.target) ?? "";
+      }
+    };
+  }
+  get meta() {
+    var e;
+    return {
+      state: this.stateSnapshot,
+      guards: this.guardMap,
+      send: this.send.bind(this),
+      self: this.self,
+      initialContext: this.initialContext,
+      initialState: ((e = this.initialState) == null ? void 0 : e.target) ?? "",
+      getState: () => this.stateSnapshot,
+      getAction: (t) => this.actionMap[t],
+      getGuard: (t) => this.guardMap[t]
+    };
+  }
+  get guardMeta() {
+    return {
+      state: this.stateSnapshot
+    };
+  }
+  get [Symbol.toStringTag]() {
+    return "Machine";
+  }
+  getHydrationState() {
+    const e = this.getState();
+    return {
+      value: e.value,
+      tags: e.tags
+    };
+  }
+}, Re = (e, t) => new Fn(e, t), gr = (e) => e instanceof Fn || (e == null ? void 0 : e.type) === "machine", mr = (...e) => e.map((t) => {
+  var n;
+  return (n = t == null ? void 0 : t.trim) == null ? void 0 : n.call(t);
+}).filter(Boolean).join(" "), yr = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g, qt = (e) => {
+  const t = {};
+  let n;
+  for (; n = yr.exec(e); )
+    t[n[1]] = n[2];
+  return t;
+}, vr = (e, t) => {
+  if (G(e)) {
+    if (G(t)) return `${e};${t}`;
+    e = qt(e);
+  } else G(t) && (t = qt(t));
+  return Object.assign({}, e ?? {}, t ?? {});
+};
+function k(...e) {
+  let t = {};
+  for (let n of e) {
+    for (let s in t) {
+      if (s.startsWith("on") && typeof t[s] == "function" && typeof n[s] == "function") {
+        t[s] = mt(n[s], t[s]);
+        continue;
+      }
+      if (s === "className" || s === "class") {
+        t[s] = mr(t[s], n[s]);
+        continue;
+      }
+      if (s === "style") {
+        t[s] = vr(t[s], n[s]);
+        continue;
+      }
+      t[s] = n[s] !== void 0 ? n[s] : t[s];
+    }
+    for (let s in n)
+      t[s] === void 0 && (t[s] = n[s]);
+  }
+  return t;
+}
+function br(e) {
+  return new Proxy({}, {
+    get() {
+      return e;
+    }
+  });
+}
+var kt = () => (e) => Array.from(new Set(e)), Le = br((e) => e), Yt = (e) => (e == null ? void 0 : e.constructor.name) === "Array", Er = (e, t) => {
+  if (e.length !== t.length) return !1;
+  for (let n = 0; n < e.length; n++)
+    if (!It(e[n], t[n])) return !1;
+  return !0;
+}, It = (e, t) => {
+  if (Object.is(e, t)) return !0;
+  if (e == null && t != null || e != null && t == null) return !1;
+  if (typeof (e == null ? void 0 : e.isEqual) == "function" && typeof (t == null ? void 0 : t.isEqual) == "function")
+    return e.isEqual(t);
+  if (typeof e == "function" && typeof t == "function")
+    return e.toString() === t.toString();
+  if (Yt(e) && Yt(t))
+    return Er(Array.from(e), Array.from(t));
+  if (typeof e != "object" || typeof t != "object") return !1;
+  const n = Object.keys(t ?? /* @__PURE__ */ Object.create(null)), s = n.length;
+  for (let r = 0; r < s; r++)
+    if (!Reflect.has(e, n[r])) return !1;
+  for (let r = 0; r < s; r++) {
+    const o = n[r];
+    if (!It(e[o], t[o])) return !1;
+  }
+  return !0;
+}, Tr = () => process.env.NODE_ENV !== "production", Nr = Function.prototype.toString;
+Nr.call(Object);
+function Mn(e) {
+  if (!Cr(e) || e === void 0) return e;
+  const t = Reflect.ownKeys(e).filter((s) => typeof s == "string"), n = {};
+  for (const s of t) {
+    const r = e[s];
+    r !== void 0 && (n[s] = Mn(r));
+  }
+  return n;
+}
+var Cr = (e) => e && typeof e == "object" && e.constructor === Object;
+function wr(e, t) {
+  const n = re(!1), s = re(!1);
+  Ie(() => {
+    if (n.current && s.current)
+      return e();
+    s.current = !0;
+  }, t), Ie(() => (n.current = !0, () => {
+    n.current = !1;
+  }), []);
+}
+var Pr = Pt("__zag__targetCache", () => /* @__PURE__ */ new WeakMap());
+function _n(e, t) {
+  const { actions: n, context: s, sync: r } = t ?? {}, o = re(void 0), c = re(void 0), i = hn(
+    pn((d) => Ye(e.state, d, r), [r]),
+    () => {
+      const d = ne(e.state);
+      try {
+        if (o.current && c.current && !On(o.current, d, c.current, /* @__PURE__ */ new WeakMap()))
+          return o.current;
+      } catch {
+      }
+      return d;
+    },
+    () => ne(e.state)
+  );
+  e.setOptions({ actions: n });
+  const u = ze(() => Mn(s ?? {}), [s]);
+  wr(() => {
+    const d = Object.entries(u), f = e.contextSnapshot ?? {};
+    d.map(([m, w]) => ({
+      key: m,
+      curr: w,
+      prev: f[m],
+      equal: It(f[m], w)
+    })).every(({ equal: m }) => m) || e.setContext(u);
+  }, [u]);
+  const a = /* @__PURE__ */ new WeakMap();
+  Ie(() => {
+    o.current = i, c.current = a;
+  });
+  const l = ze(() => /* @__PURE__ */ new WeakMap(), []);
+  return xn(i, a, l, Pr);
+}
+function xr(e) {
+  return [_n(e), e.send];
+}
+function Or(e) {
+  const t = re(void 0);
+  return t.current || (t.current = { v: e() }), t.current.v;
+}
+var Sr = typeof document < "u" ? Ns : Ie;
+function kr(e, t) {
+  const { state: n, context: s } = t ?? {}, r = Or(() => {
+    const c = typeof e == "function" ? e() : e;
+    return s && c.setContext(s), c._created(), c;
+  }), o = re(void 0);
+  return Sr(() => {
+    const c = n ?? o.current;
+    return r.start(c), () => {
+      Tr() && (o.current = r.getHydrationState()), r.stop();
+    };
+  }, []), r;
+}
+function et(e, t) {
+  const n = kr(e, t);
+  return [_n(n, t), n.send, n];
+}
+function Ir(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function Dt(...e) {
+  return (t) => {
+    for (const n of e)
+      Ir(n, t);
+  };
+}
+function Dr(e) {
+  var s, r;
+  let t = (s = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : s.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+const rt = (e) => {
+  const t = Cs(
+    R((n, s) => {
+      const { asChild: r, children: o, ...c } = n;
+      if (!r)
+        return ws(e, { ...c, ref: s }, o);
+      const i = gn.only(o);
+      if (!Ps(i))
+        return null;
+      const u = Dr(i);
+      return xs(i, {
+        ...k(c, i.props),
+        ref: s ? Dt(s, u) : u
+      });
+    })
+  );
+  return t.displayName = e.displayName || e.name, t;
+}, Ar = () => {
+  const e = /* @__PURE__ */ new Map();
+  return new Proxy(rt, {
+    apply(t, n, s) {
+      return rt(s[0]);
+    },
+    get(t, n) {
+      const s = n;
+      return e.has(s) || e.set(s, rt(s)), e.get(s);
+    }
+  });
+}, F = Ar(), Bn = R((e, t) => {
+  const n = Qe(), s = k(n.getControlProps(), e);
+  return /* @__PURE__ */ h(F.div, { ...s, ref: t });
+});
+Bn.displayName = "CheckboxControl";
+const At = () => (e, t) => t.reduce(
+  (n, s) => {
+    const [r, o] = n, c = s;
+    return o[c] !== void 0 && (r[c] = o[c]), delete o[c], [r, o];
+  },
+  [{}, { ...e }]
+);
+var ye = (e, t = []) => ({
+  parts: (...n) => {
+    if (Rr(t))
+      return ye(e, n);
+    throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
+  },
+  extendWith: (...n) => ye(e, [...t, ...n]),
+  rename: (n) => ye(n, t),
+  keys: () => t,
+  build: () => [...new Set(t)].reduce(
+    (n, s) => Object.assign(n, {
+      [s]: {
+        selector: [
+          `&[data-scope="${he(e)}"][data-part="${he(s)}"]`,
+          `& [data-scope="${he(e)}"][data-part="${he(s)}"]`
+        ].join(", "),
+        attrs: { "data-scope": he(e), "data-part": he(s) }
+      }
+    }),
+    {}
+  )
+}), he = (e) => e.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), Rr = (e) => e.length === 0, ot = (...e) => (t) => e.reduce((n, s) => s(n), t), Be = () => {
+}, tt = (e) => typeof e == "object" && e !== null, Lr = 2147483647, j = (e) => e ? "" : void 0, Fr = 1, Mr = 9, _r = 11, $ = (e) => tt(e) && e.nodeType === Fr && typeof e.nodeName == "string", Rt = (e) => tt(e) && e.nodeType === Mr, Br = (e) => tt(e) && e === e.window, $n = (e) => $(e) ? e.localName || "" : "#document";
+function $r(e) {
+  return ["html", "body", "#document"].includes($n(e));
+}
+var Hr = (e) => tt(e) && e.nodeType !== void 0, Ae = (e) => Hr(e) && e.nodeType === _r && "host" in e, jr = (e) => $(e) && e.localName === "input", Vr = (e) => $(e) ? e.offsetWidth > 0 || e.offsetHeight > 0 || e.getClientRects().length > 0 : !1, Gr = /(textarea|select)/;
+function Ur(e) {
+  if (e == null || !$(e)) return !1;
+  try {
+    return jr(e) && e.selectionStart != null || Gr.test(e.localName) || e.isContentEditable || e.getAttribute("contenteditable") === "true" || e.getAttribute("contenteditable") === "";
+  } catch {
+    return !1;
+  }
+}
+function be(e, t) {
+  var s;
+  if (!e || !t || !$(e) || !$(t)) return !1;
+  const n = (s = t.getRootNode) == null ? void 0 : s.call(t);
+  if (e === t || e.contains(t)) return !0;
+  if (n && Ae(n)) {
+    let r = t;
+    for (; r; ) {
+      if (e === r) return !0;
+      r = r.parentNode || r.host;
+    }
+  }
+  return !1;
+}
+function K(e) {
+  return Rt(e) ? e : Br(e) ? e.document : (e == null ? void 0 : e.ownerDocument) ?? document;
+}
+function Kr(e) {
+  return K(e).documentElement;
+}
+function U(e) {
+  var t;
+  return Ae(e) ? U(e.host) : Rt(e) ? e.defaultView ?? window : $(e) ? ((t = e.ownerDocument) == null ? void 0 : t.defaultView) ?? window : window;
+}
+function Hn(e) {
+  let t = e.activeElement;
+  for (; t != null && t.shadowRoot; ) {
+    const n = t.shadowRoot.activeElement;
+    if (n === t) break;
+    t = n;
+  }
+  return t;
+}
+function Wr(e) {
+  if ($n(e) === "html") return e;
+  const t = e.assignedSlot || e.parentNode || Ae(e) && e.host || Kr(e);
+  return Ae(t) ? t.host : t;
+}
+var it = /* @__PURE__ */ new WeakMap();
+function zr(e) {
+  return it.has(e) || it.set(e, U(e).getComputedStyle(e)), it.get(e);
+}
+var qr = () => typeof document < "u";
+function Yr() {
+  const e = navigator.userAgentData;
+  return (e == null ? void 0 : e.platform) ?? navigator.platform;
+}
+var jn = (e) => qr() && e.test(Yr()), Vn = () => jn(/^Mac/), Xr = () => jn(/iP(hone|ad|od)|iOS/);
+function Zr(e) {
+  var t, n, s;
+  return ((t = e.composedPath) == null ? void 0 : t.call(e)) ?? ((s = (n = e.nativeEvent) == null ? void 0 : n.composedPath) == null ? void 0 : s.call(n));
+}
+function z(e) {
+  const t = Zr(e);
+  return (t == null ? void 0 : t[0]) ?? e.target;
+}
+var Jr = (e) => e.button === 2 || Vn() && e.ctrlKey && e.button === 0, Qr = (e) => "touches" in e && e.touches.length > 0;
+function eo(e, t = "client") {
+  const n = Qr(e) ? e.touches[0] || e.changedTouches[0] : e;
+  return { x: n[`${t}X`], y: n[`${t}Y`] };
+}
+var A = (e, t, n, s) => {
+  const r = typeof e == "function" ? e() : e;
+  return r == null || r.addEventListener(t, n, s), () => {
+    r == null || r.removeEventListener(t, n, s);
+  };
+};
+function Gn(e, t) {
+  const { type: n = "HTMLInputElement", property: s = "value" } = t, r = U(e)[n].prototype;
+  return Object.getOwnPropertyDescriptor(r, s) ?? {};
+}
+function to(e) {
+  if (e.localName === "input") return "HTMLInputElement";
+  if (e.localName === "textarea") return "HTMLTextAreaElement";
+  if (e.localName === "select") return "HTMLSelectElement";
+}
+function no(e, t, n = "value") {
+  var r;
+  const s = to(e);
+  s && ((r = Gn(e, { type: s, property: n }).set) == null || r.call(e, t)), e.setAttribute(n, t);
+}
+function Un(e, t) {
+  var s;
+  (s = Gn(e, { type: "HTMLInputElement", property: "checked" }).set) == null || s.call(e, t), t ? e.setAttribute("checked", "") : e.removeAttribute("checked");
+}
+function so(e, t) {
+  const { checked: n, bubbles: s = !0 } = t;
+  if (!e) return;
+  const r = U(e);
+  e instanceof r.HTMLInputElement && (Un(e, n), e.dispatchEvent(new r.Event("click", { bubbles: s })));
+}
+function ro(e) {
+  return oo(e) ? e.form : e.closest("form");
+}
+function oo(e) {
+  return e.matches("textarea, input, select, button");
+}
+function io(e, t) {
+  if (!e) return;
+  const n = ro(e), s = (r) => {
+    r.defaultPrevented || t();
+  };
+  return n == null || n.addEventListener("reset", s, { passive: !0 }), () => n == null ? void 0 : n.removeEventListener("reset", s);
+}
+function ao(e, t) {
+  const n = e == null ? void 0 : e.closest("fieldset");
+  if (!n) return;
+  t(n.disabled);
+  const s = U(n), r = new s.MutationObserver(() => t(n.disabled));
+  return r.observe(n, {
+    attributes: !0,
+    attributeFilter: ["disabled"]
+  }), () => r.disconnect();
+}
+function co(e, t) {
+  if (!e) return;
+  const { onFieldsetDisabledChange: n, onFormReset: s } = t, r = [io(e, s), ao(e, n)];
+  return () => r.forEach((o) => o == null ? void 0 : o());
+}
+var Kn = (e) => $(e) && e.tagName === "IFRAME", lo = (e) => !Number.isNaN(parseInt(e.getAttribute("tabindex") || "0", 10)), uo = (e) => parseInt(e.getAttribute("tabindex") || "0", 10) < 0, Lt = "input:not([type='hidden']):not([disabled]), select:not([disabled]), textarea:not([disabled]), a[href], button:not([disabled]), [tabindex], iframe, object, embed, area[href], audio[controls], video[controls], [contenteditable]:not([contenteditable='false']), details > summary:first-of-type", Wn = (e, t = !1) => {
+  if (!e) return [];
+  const n = Array.from(e.querySelectorAll(Lt));
+  (t == !0 || t == "if-empty" && n.length === 0) && $(e) && se(e) && n.unshift(e);
+  const r = n.filter(se);
+  return r.forEach((o, c) => {
+    if (Kn(o) && o.contentDocument) {
+      const i = o.contentDocument.body;
+      r.splice(c, 1, ...Wn(i));
+    }
+  }), r;
+};
+function se(e) {
+  return !e || e.closest("[inert]") ? !1 : e.matches(Lt) && Vr(e);
+}
+function zn(e, t) {
+  if (!e) return [];
+  const s = Array.from(e.querySelectorAll(Lt)).filter(ie);
+  return s.forEach((r, o) => {
+    if (Kn(r) && r.contentDocument) {
+      const c = r.contentDocument.body, i = zn(c);
+      s.splice(o, 1, ...i);
+    }
+  }), s.length, s;
+}
+function ie(e) {
+  return e != null && e.tabIndex > 0 ? !0 : se(e) && !uo(e);
+}
+function Te(e) {
+  return e.tabIndex < 0 && (/^(audio|video|details)$/.test(e.localName) || Ur(e)) && !lo(e) ? 0 : e.tabIndex;
+}
+function Y(e) {
+  const t = globalThis.requestAnimationFrame(e);
+  return () => {
+    globalThis.cancelAnimationFrame(t);
+  };
+}
+function vt(e) {
+  const t = Wr(e);
+  return $r(t) ? K(t).body : $(t) && ho(t) ? t : vt(t);
+}
+var fo = /auto|scroll|overlay|hidden|clip/;
+function ho(e) {
+  const t = U(e), { overflow: n, overflowX: s, overflowY: r, display: o } = t.getComputedStyle(e);
+  return fo.test(n + r + s) && !["inline", "contents"].includes(o);
+}
+function po(e) {
+  const {
+    pointerNode: t,
+    keyboardNode: n = t,
+    onPress: s,
+    onPressStart: r,
+    onPressEnd: o,
+    isValidKey: c = (N) => N.key === "Enter"
+  } = e;
+  if (!t) return Be;
+  const i = U(t), u = K(t);
+  let a = Be, l = Be, d = Be;
+  const f = (N) => ({
+    point: eo(N),
+    event: N
+  });
+  function p(N) {
+    r == null || r(f(N));
+  }
+  function g(N) {
+    o == null || o(f(N));
+  }
+  const w = A(t, "pointerdown", (N) => {
+    l();
+    const P = A(i, "pointerup", (b) => {
+      const T = z(b);
+      be(t, T) ? s == null || s(f(b)) : o == null || o(f(b));
+    }, { passive: !s }), D = A(i, "pointercancel", g, { passive: !o });
+    l = ot(P, D), u.activeElement === n && N.pointerType === "mouse" && N.preventDefault(), p(N);
+  }, { passive: !r }), v = A(n, "focus", O);
+  a = ot(w, v);
+  function O() {
+    const N = (b) => {
+      if (!c(b)) return;
+      const T = (M) => {
+        if (!c(M)) return;
+        const Q = new i.PointerEvent("pointerup"), ee = f(Q);
+        s == null || s(ee), o == null || o(ee);
+      };
+      l(), l = A(n, "keyup", T);
+      const x = new i.PointerEvent("pointerdown");
+      p(x);
+    }, X = () => {
+      const b = new i.PointerEvent("pointercancel");
+      g(b);
+    }, P = A(n, "keydown", N), D = A(n, "blur", X);
+    d = ot(P, D);
+  }
+  return () => {
+    a(), l(), d();
+  };
+}
+function go(e, t) {
+  return Array.from((e == null ? void 0 : e.querySelectorAll(t)) ?? []);
+}
+function Ft(e) {
+  const t = {
+    getRootNode: (n) => {
+      var s;
+      return ((s = n.getRootNode) == null ? void 0 : s.call(n)) ?? document;
+    },
+    getDoc: (n) => K(t.getRootNode(n)),
+    getWin: (n) => t.getDoc(n).defaultView ?? window,
+    getActiveElement: (n) => Hn(t.getRootNode(n)),
+    isActiveElement: (n, s) => s === t.getActiveElement(n),
+    getById: (n, s) => t.getRootNode(n).getElementById(s),
+    setValue: (n, s) => {
+      n == null || s == null || no(n, s.toString());
+    }
+  };
+  return { ...t, ...e };
+}
+var at = /* @__PURE__ */ new WeakMap();
+function mo(e, t, n) {
+  at.has(e) || at.set(e, /* @__PURE__ */ new Map());
+  const s = at.get(e), r = s.get(t);
+  if (!r)
+    return s.set(t, n()), () => {
+      var i;
+      (i = s.get(t)) == null || i(), s.delete(t);
+    };
+  const o = n(), c = () => {
+    o(), r(), s.delete(t);
+  };
+  return s.set(t, c), () => {
+    s.get(t) === c && (o(), s.set(t, r));
+  };
+}
+function yo(e, t) {
+  return e ? mo(e, "style", () => {
+    const s = e.style.cssText;
+    return Object.assign(e.style, t), () => {
+      e.style.cssText = s;
+    };
+  }) : () => {
+  };
+}
+var vo = {
+  border: "0",
+  clip: "rect(0 0 0 0)",
+  height: "1px",
+  margin: "-1px",
+  overflow: "hidden",
+  padding: "0",
+  position: "absolute",
+  width: "1px",
+  whiteSpace: "nowrap",
+  wordWrap: "normal"
+}, bo = 1e3 / 60;
+function Eo(e, t) {
+  const n = e();
+  if ($(n) && n.isConnected)
+    return t(n), () => {
+    };
+  {
+    const s = setInterval(() => {
+      const r = e();
+      $(r) && r.isConnected && (t(r), clearInterval(s));
+    }, bo);
+    return () => clearInterval(s);
+  }
+}
+function To(e, t) {
+  const n = [];
+  return e == null || e.forEach((s) => {
+    const r = Eo(s, t);
+    n.push(r);
+  }), () => {
+    n.forEach((s) => s());
+  };
+}
+function No(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : e.detail === 0 && !e.pointerType;
+}
+function Co(e) {
+  return !(e.metaKey || !Vn() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+var wo = /* @__PURE__ */ new Set(["checkbox", "radio", "range", "color", "file", "image", "button", "submit", "reset"]);
+function Po(e, t, n) {
+  const s = n ? z(n) : null, r = U(s);
+  return e = e || s instanceof r.HTMLInputElement && !wo.has(s == null ? void 0 : s.type) || s instanceof r.HTMLTextAreaElement || s instanceof r.HTMLElement && s.isContentEditable, !(e && t === "keyboard" && n instanceof r.KeyboardEvent && !Reflect.has(xo, n.key));
+}
+var de = null, bt = /* @__PURE__ */ new Set(), Se = /* @__PURE__ */ new Map(), le = !1, Et = !1, xo = {
+  Tab: !0,
+  Escape: !0
+};
+function nt(e, t) {
+  for (let n of bt)
+    n(e, t);
+}
+function Ze(e) {
+  le = !0, Co(e) && (de = "keyboard", nt("keyboard", e));
+}
+function W(e) {
+  de = "pointer", (e.type === "mousedown" || e.type === "pointerdown") && (le = !0, nt("pointer", e));
+}
+function qn(e) {
+  No(e) && (le = !0, de = "virtual");
+}
+function Yn(e) {
+  const t = z(e);
+  t === U(t) || t === K(t) || (!le && !Et && (de = "virtual", nt("virtual", e)), le = !1, Et = !1);
+}
+function Xn() {
+  le = !1, Et = !0;
+}
+function Oo(e) {
+  if (typeof window > "u" || Se.get(U(e)))
+    return;
+  const t = U(e), n = K(e);
+  let s = t.HTMLElement.prototype.focus;
+  t.HTMLElement.prototype.focus = function() {
+    de = "virtual", nt("virtual", null), le = !0, s.apply(this, arguments);
+  }, n.addEventListener("keydown", Ze, !0), n.addEventListener("keyup", Ze, !0), n.addEventListener("click", qn, !0), t.addEventListener("focus", Yn, !0), t.addEventListener("blur", Xn, !1), typeof t.PointerEvent < "u" ? (n.addEventListener("pointerdown", W, !0), n.addEventListener("pointermove", W, !0), n.addEventListener("pointerup", W, !0)) : (n.addEventListener("mousedown", W, !0), n.addEventListener("mousemove", W, !0), n.addEventListener("mouseup", W, !0)), t.addEventListener(
+    "beforeunload",
+    () => {
+      So(e);
+    },
+    { once: !0 }
+  ), Se.set(t, { focus: s });
+}
+var So = (e, t) => {
+  const n = U(e), s = K(e);
+  Se.has(n) && (n.HTMLElement.prototype.focus = Se.get(n).focus, s.removeEventListener("keydown", Ze, !0), s.removeEventListener("keyup", Ze, !0), s.removeEventListener("click", qn, !0), n.removeEventListener("focus", Yn, !0), n.removeEventListener("blur", Xn, !1), typeof n.PointerEvent < "u" ? (s.removeEventListener("pointerdown", W, !0), s.removeEventListener("pointermove", W, !0), s.removeEventListener("pointerup", W, !0)) : (s.removeEventListener("mousedown", W, !0), s.removeEventListener("mousemove", W, !0), s.removeEventListener("mouseup", W, !0)), Se.delete(n));
+};
+function Tt() {
+  return de === "keyboard";
+}
+function ko(e = {}) {
+  const { isTextInput: t, autoFocus: n, onChange: s, root: r } = e;
+  Oo(r), s == null || s({ isFocusVisible: n || Tt(), modality: de });
+  const o = (c, i) => {
+    Po(!!t, c, i) && (s == null || s({ isFocusVisible: Tt(), modality: c }));
+  };
+  return bt.add(o), () => {
+    bt.delete(o);
+  };
+}
+var Io = ye("checkbox").parts("root", "label", "control", "indicator"), $e = Io.build(), L = Ft({
+  getRootId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.root) ?? `checkbox:${e.id}`;
+  },
+  getLabelId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.label) ?? `checkbox:${e.id}:label`;
+  },
+  getControlId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.control) ?? `checkbox:${e.id}:control`;
+  },
+  getHiddenInputId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.hiddenInput) ?? `checkbox:${e.id}:input`;
+  },
+  getRootEl: (e) => L.getById(e, L.getRootId(e)),
+  getHiddenInputEl: (e) => L.getById(e, L.getHiddenInputId(e))
+});
+function Do(e, t, n) {
+  const s = e.context.isDisabled, r = e.context.readOnly, o = !s && e.context.focused, c = !s && e.context.focusVisible, i = e.context.isChecked, u = e.context.isIndeterminate, a = {
+    "data-active": j(e.context.active),
+    "data-focus": j(o),
+    "data-focus-visible": j(c),
+    "data-readonly": j(r),
+    "data-hover": j(e.context.hovered),
+    "data-disabled": j(s),
+    "data-state": u ? "indeterminate" : e.context.checked ? "checked" : "unchecked",
+    "data-invalid": j(e.context.invalid)
+  };
+  return {
+    checked: i,
+    disabled: s,
+    indeterminate: u,
+    focused: o,
+    checkedState: e.context.checked,
+    setChecked(l) {
+      t({ type: "CHECKED.SET", checked: l, isTrusted: !1 });
+    },
+    toggleChecked() {
+      t({ type: "CHECKED.TOGGLE", checked: i, isTrusted: !1 });
+    },
+    getRootProps() {
+      return n.label({
+        ...$e.root.attrs,
+        ...a,
+        dir: e.context.dir,
+        id: L.getRootId(e.context),
+        htmlFor: L.getHiddenInputId(e.context),
+        onPointerMove() {
+          s || t({ type: "CONTEXT.SET", context: { hovered: !0 } });
+        },
+        onPointerLeave() {
+          s || t({ type: "CONTEXT.SET", context: { hovered: !1 } });
+        },
+        onClick(l) {
+          z(l) === L.getHiddenInputEl(e.context) && l.stopPropagation();
+        }
+      });
+    },
+    getLabelProps() {
+      return n.element({
+        ...$e.label.attrs,
+        ...a,
+        dir: e.context.dir,
+        id: L.getLabelId(e.context)
+      });
+    },
+    getControlProps() {
+      return n.element({
+        ...$e.control.attrs,
+        ...a,
+        dir: e.context.dir,
+        id: L.getControlId(e.context),
+        "aria-hidden": !0
+      });
+    },
+    getIndicatorProps() {
+      return n.element({
+        ...$e.indicator.attrs,
+        ...a,
+        dir: e.context.dir,
+        hidden: !u && !e.context.checked
+      });
+    },
+    getHiddenInputProps() {
+      return n.input({
+        id: L.getHiddenInputId(e.context),
+        type: "checkbox",
+        required: e.context.required,
+        defaultChecked: i,
+        disabled: s,
+        "aria-labelledby": L.getLabelId(e.context),
+        "aria-invalid": e.context.invalid,
+        name: e.context.name,
+        form: e.context.form,
+        value: e.context.value,
+        style: vo,
+        onFocus() {
+          const l = Tt();
+          t({ type: "CONTEXT.SET", context: { focused: !0, focusVisible: l } });
+        },
+        onBlur() {
+          t({ type: "CONTEXT.SET", context: { focused: !1, focusVisible: !1 } });
+        },
+        onClick(l) {
+          if (r) {
+            l.preventDefault();
+            return;
+          }
+          const d = l.currentTarget.checked;
+          t({ type: "CHECKED.SET", checked: d, isTrusted: !0 });
+        }
+      });
+    }
+  };
+}
+var { not: Xt } = Rn;
+function Ao(e) {
+  const t = ue(e);
+  return Re(
+    {
+      id: "checkbox",
+      initial: "ready",
+      context: {
+        checked: !1,
+        value: "on",
+        disabled: !1,
+        ...t,
+        fieldsetDisabled: !1,
+        focusVisible: !1
+      },
+      watch: {
+        disabled: "removeFocusIfNeeded",
+        checked: "syncInputElement"
+      },
+      activities: ["trackFormControlState", "trackPressEvent", "trackFocusVisible"],
+      on: {
+        "CHECKED.TOGGLE": [
+          {
+            guard: Xt("isTrusted"),
+            actions: ["toggleChecked", "dispatchChangeEvent"]
+          },
+          {
+            actions: ["toggleChecked"]
+          }
+        ],
+        "CHECKED.SET": [
+          {
+            guard: Xt("isTrusted"),
+            actions: ["setChecked", "dispatchChangeEvent"]
+          },
+          {
+            actions: ["setChecked"]
+          }
+        ],
+        "CONTEXT.SET": {
+          actions: ["setContext"]
+        }
+      },
+      computed: {
+        isIndeterminate: (n) => Nt(n.checked),
+        isChecked: (n) => Zt(n.checked),
+        isDisabled: (n) => !!n.disabled || n.fieldsetDisabled
+      },
+      states: {
+        ready: {}
+      }
+    },
+    {
+      guards: {
+        isTrusted: (n, s) => !!s.isTrusted
+      },
+      activities: {
+        trackPressEvent(n) {
+          if (!n.isDisabled)
+            return po({
+              pointerNode: L.getRootEl(n),
+              keyboardNode: L.getHiddenInputEl(n),
+              isValidKey: (s) => s.key === " ",
+              onPress: () => n.active = !1,
+              onPressStart: () => n.active = !0,
+              onPressEnd: () => n.active = !1
+            });
+        },
+        trackFocusVisible(n) {
+          if (!n.isDisabled)
+            return ko({ root: L.getRootNode(n) });
+        },
+        trackFormControlState(n, s, { send: r, initialContext: o }) {
+          return co(L.getHiddenInputEl(n), {
+            onFieldsetDisabledChange(c) {
+              n.fieldsetDisabled = c;
+            },
+            onFormReset() {
+              r({ type: "CHECKED.SET", checked: !!o.checked });
+            }
+          });
+        }
+      },
+      actions: {
+        setContext(n, s) {
+          Object.assign(n, s.context);
+        },
+        syncInputElement(n) {
+          const s = L.getHiddenInputEl(n);
+          s && (Un(s, n.isChecked), s.indeterminate = n.isIndeterminate);
+        },
+        removeFocusIfNeeded(n) {
+          n.disabled && n.focused && (n.focused = !1, n.focusVisible = !1);
+        },
+        setChecked(n, s) {
+          Jt.checked(n, s.checked);
+        },
+        toggleChecked(n) {
+          const s = Nt(n.checked) ? !0 : !n.checked;
+          Jt.checked(n, s);
+        },
+        dispatchChangeEvent(n) {
+          const s = L.getHiddenInputEl(n);
+          so(s, { checked: Zt(n.checked) });
+        }
+      }
+    }
+  );
+}
+function Nt(e) {
+  return e === "indeterminate";
+}
+function Zt(e) {
+  return Nt(e) ? !1 : !!e;
+}
+var Ro = {
+  change: (e) => {
+    var t;
+    (t = e.onCheckedChange) == null || t.call(e, { checked: e.checked });
+  }
+}, Jt = {
+  checked: (e, t) => {
+    Ot(e.checked, t) || (e.checked = t, Ro.change(e));
+  }
+};
+kt()([
+  "checked",
+  "dir",
+  "disabled",
+  "form",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "name",
+  "onCheckedChange",
+  "readOnly",
+  "required",
+  "value"
+]);
+function ke(e, t = {}) {
+  const { sync: n = !1 } = t, s = Lo(e);
+  return pn(
+    // biome-ignore lint/suspicious/noExplicitAny: <explanation>
+    (...r) => {
+      var o;
+      return n ? queueMicrotask(() => {
+        var c;
+        return (c = s.current) == null ? void 0 : c.call(s, ...r);
+      }) : (o = s.current) == null ? void 0 : o.call(s, ...r);
+    },
+    [n, s]
+  );
+}
+function Lo(e) {
+  const t = re(e);
+  return t.current = e, t;
+}
+const [Ba, Fo] = J({
+  name: "CheckboxGroupContext",
+  hookName: "useCheckboxGroupContext",
+  providerName: "<CheckboxGroupProvider />",
+  strict: !1
+}), [$a, Zn] = J({
+  name: "FieldContext",
+  hookName: "useFieldContext",
+  providerName: "<FieldProvider />",
+  strict: !1
+}), Jn = R(
+  (e, t) => {
+    const n = Qe(), s = k(n.getHiddenInputProps(), e), r = Zn();
+    return /* @__PURE__ */ h(F.input, { "aria-describedby": r == null ? void 0 : r.ariaDescribedby, ...s, ref: t });
+  }
+);
+Jn.displayName = "CheckboxHiddenInput";
+const Qn = R(
+  (e, t) => {
+    const { indeterminate: n, ...s } = e, r = Qe(), o = k(r.getIndicatorProps(), s), c = n ? r.indeterminate : r.checked;
+    return /* @__PURE__ */ h(F.div, { ...o, hidden: !c, ref: t });
+  }
+);
+Qn.displayName = "CheckboxIndicator";
+const es = R((e, t) => {
+  const n = Qe(), s = k(n.getLabelProps(), e);
+  return /* @__PURE__ */ h(F.span, { ...s, ref: t });
+});
+es.displayName = "CheckboxLabel";
+const [Ha, Mt] = J({
+  name: "EnvironmentContext",
+  hookName: "useEnvironmentContext",
+  providerName: "<EnvironmentProvider />",
+  strict: !1,
+  defaultValue: {
+    getRootNode: () => document,
+    getDocument: () => document,
+    getWindow: () => window
+  }
+}), [ja, ts] = J({
+  name: "LocaleContext",
+  hookName: "useLocaleContext",
+  providerName: "<LocaleProvider />",
+  strict: !1,
+  defaultValue: { dir: "ltr", locale: "en-US" }
+}), Mo = (e = {}) => {
+  const t = Fo(), n = Zn(), s = ze(() => k(e, (t == null ? void 0 : t.getItemProps({ value: e.value })) ?? {}), [e, t]), { getRootNode: r } = Mt(), { dir: o } = ts(), c = {
+    id: mn(),
+    ids: {
+      label: n == null ? void 0 : n.ids.label,
+      hiddenInput: n == null ? void 0 : n.ids.control
+    },
+    dir: o,
+    disabled: n == null ? void 0 : n.disabled,
+    readOnly: n == null ? void 0 : n.readOnly,
+    invalid: n == null ? void 0 : n.invalid,
+    required: n == null ? void 0 : n.required,
+    getRootNode: r,
+    checked: s.defaultChecked,
+    ...s
+  }, i = {
+    ...c,
+    checked: s.checked,
+    onCheckedChange: ke(s.onCheckedChange, { sync: !0 })
+  }, [u, a] = et(Ao(c), { context: i });
+  return Do(u, a, Le);
+}, ns = R((e, t) => {
+  const [n, s] = At()(e, [
+    "checked",
+    "defaultChecked",
+    "disabled",
+    "form",
+    "id",
+    "ids",
+    "invalid",
+    "name",
+    "onCheckedChange",
+    "readOnly",
+    "required",
+    "value"
+  ]), r = Mo(n), o = k(r.getRootProps(), s);
+  return /* @__PURE__ */ h(Ms, { value: r, children: /* @__PURE__ */ h(F.label, { ...o, ref: t }) });
+});
+ns.displayName = "CheckboxRoot";
+function Va({
+  children: e,
+  checked: t,
+  defaultChecked: n,
+  disabled: s = !1,
+  indeterminate: r = !1,
+  onChange: o,
+  name: c,
+  value: i,
+  className: u
+}) {
+  return /* @__PURE__ */ I(
+    ns,
+    {
+      checked: t,
+      defaultChecked: n,
+      disabled: s,
+      onCheckedChange: (a) => o == null ? void 0 : o(a.checked === !0),
+      name: c,
+      value: i,
+      className: E(
+        "inline-flex items-center gap-2 cursor-pointer select-none text-sm",
+        "data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
+        u
+      ),
+      children: [
+        /* @__PURE__ */ h(
+          Bn,
+          {
+            className: E(
+              "relative h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background",
+              "data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+              "data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+              "disabled:cursor-not-allowed disabled:opacity-50",
+              "transition-colors"
+            ),
+            children: /* @__PURE__ */ h(Qn, { className: "absolute inset-0 flex items-center justify-center text-current", children: r ? /* @__PURE__ */ h("svg", { width: "12", height: "12", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ h(
+              "path",
+              {
+                d: "M2.25 7.5C2.25 7.22386 2.47386 7 2.75 7H12.25C12.5261 7 12.75 7.22386 12.75 7.5C12.75 7.77614 12.5261 8 12.25 8H2.75C2.47386 8 2.25 7.77614 2.25 7.5Z",
+                fill: "currentColor",
+                fillRule: "evenodd",
+                clipRule: "evenodd"
+              }
+            ) }) : /* @__PURE__ */ h("svg", { width: "12", height: "12", viewBox: "0 0 15 15", fill: "none", children: /* @__PURE__ */ h(
+              "path",
+              {
+                d: "M11.4669 3.72684C11.7558 3.91574 11.8369 4.30308 11.648 4.59198L7.39799 11.092C7.29783 11.2452 7.13556 11.3467 6.95402 11.3699C6.77247 11.3931 6.58989 11.3355 6.45446 11.2124L3.70446 8.71241C3.44905 8.48022 3.43023 8.08494 3.66242 7.82953C3.89461 7.57412 4.28989 7.55529 4.5453 7.78749L6.75292 9.79441L10.6018 3.90792C10.7907 3.61902 11.178 3.53795 11.4669 3.72684Z",
+                fill: "currentColor",
+                fillRule: "evenodd",
+                clipRule: "evenodd"
+              }
+            ) }) })
+          }
+        ),
+        e && /* @__PURE__ */ h(es, { className: "cursor-pointer leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", children: e }),
+        /* @__PURE__ */ h(Jn, {})
+      ]
+    }
+  );
+}
+const [_o, Bo] = J({
+  name: "RenderStrategyContext",
+  hookName: "useRenderStrategyContext",
+  providerName: "<RenderStrategyPropsProvider />"
+}), $o = (e) => At()(e, ["lazyMount", "unmountOnExit"]);
+function Ho(e, t, n) {
+  const s = e.matches("mounted", "unmountSuspended");
+  return {
+    skip: !e.context.initial && s,
+    present: s,
+    setNode(r) {
+      r && t({ type: "NODE.SET", node: r });
+    },
+    unmount() {
+      t({ type: "UNMOUNT" });
+    }
+  };
+}
+function jo(e) {
+  return Re(
+    {
+      initial: e.present ? "mounted" : "unmounted",
+      context: {
+        node: null,
+        styles: null,
+        unmountAnimationName: null,
+        prevAnimationName: null,
+        present: !1,
+        initial: !1,
+        ...e
+      },
+      exit: ["clearInitial", "cleanupNode"],
+      watch: {
+        present: ["setInitial", "syncPresence"]
+      },
+      on: {
+        "NODE.SET": {
+          actions: ["setNode", "setStyles"]
+        }
+      },
+      states: {
+        mounted: {
+          on: {
+            UNMOUNT: {
+              target: "unmounted",
+              actions: ["invokeOnExitComplete"]
+            },
+            "UNMOUNT.SUSPEND": "unmountSuspended"
+          }
+        },
+        unmountSuspended: {
+          activities: ["trackAnimationEvents"],
+          after: {
+            // Fallback to timeout to ensure we exit this state even if the `animationend` event
+            // did not get trigger
+            ANIMATION_DURATION: {
+              target: "unmounted",
+              actions: ["invokeOnExitComplete"]
+            }
+          },
+          on: {
+            MOUNT: {
+              target: "mounted",
+              actions: ["setPrevAnimationName"]
+            },
+            UNMOUNT: {
+              target: "unmounted",
+              actions: ["invokeOnExitComplete"]
+            }
+          }
+        },
+        unmounted: {
+          entry: ["clearPrevAnimationName"],
+          on: {
+            MOUNT: {
+              target: "mounted",
+              actions: ["setPrevAnimationName"]
+            }
+          }
+        }
+      }
+    },
+    {
+      delays: {
+        ANIMATION_DURATION(t) {
+          var n, s;
+          return Qt((n = t.styles) == null ? void 0 : n.animationDuration) + Qt((s = t.styles) == null ? void 0 : s.animationDelay) + Vo;
+        }
+      },
+      actions: {
+        setInitial(t) {
+          t.initial = !0;
+        },
+        clearInitial(t) {
+          t.initial = !1;
+        },
+        cleanupNode(t) {
+          t.node = null, t.styles = null;
+        },
+        invokeOnExitComplete(t) {
+          var n;
+          (n = t.onExitComplete) == null || n.call(t);
+        },
+        setNode(t, n) {
+          t.node = De(n.node);
+        },
+        setStyles(t, n) {
+          const s = n.node.ownerDocument.defaultView || window;
+          t.styles = De(s.getComputedStyle(n.node));
+        },
+        syncPresence(t, n, { send: s }) {
+          var c;
+          if (t.present) {
+            s({ type: "MOUNT", src: "presence.changed" });
+            return;
+          }
+          if (!t.present && ((c = t.node) == null ? void 0 : c.ownerDocument.visibilityState) === "hidden") {
+            s({ type: "UNMOUNT", src: "visibilitychange" });
+            return;
+          }
+          const r = He(t.styles);
+          (t.immediate ? queueMicrotask : requestAnimationFrame)(() => {
+            var i, u;
+            t.unmountAnimationName = r, r === "none" || r === t.prevAnimationName || ((i = t.styles) == null ? void 0 : i.display) === "none" || ((u = t.styles) == null ? void 0 : u.animationDuration) === "0s" ? s({ type: "UNMOUNT", src: "presence.changed" }) : s({ type: "UNMOUNT.SUSPEND" });
+          });
+        },
+        setPrevAnimationName(t) {
+          (t.immediate ? queueMicrotask : requestAnimationFrame)(() => {
+            t.prevAnimationName = He(t.styles);
+          });
+        },
+        clearPrevAnimationName(t) {
+          t.prevAnimationName = null;
+        }
+      },
+      activities: {
+        trackAnimationEvents(t, n, { send: s }) {
+          const r = t.node;
+          if (!r) return;
+          const o = (i) => {
+            var a, l;
+            (((l = (a = i.composedPath) == null ? void 0 : a.call(i)) == null ? void 0 : l[0]) ?? i.target) === r && (t.prevAnimationName = He(t.styles));
+          }, c = (i) => {
+            var l, d;
+            const u = He(t.styles);
+            (((d = (l = i.composedPath) == null ? void 0 : l.call(i)) == null ? void 0 : d[0]) ?? i.target) === r && u === t.unmountAnimationName && s({ type: "UNMOUNT", src: "animationend" });
+          };
+          return r.addEventListener("animationstart", o), r.addEventListener("animationcancel", c), r.addEventListener("animationend", c), () => {
+            r.removeEventListener("animationstart", o), r.removeEventListener("animationcancel", c), r.removeEventListener("animationend", c);
+          };
+        }
+      }
+    }
+  );
+}
+function He(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function Qt(e) {
+  return parseFloat(e || "0") * 1e3;
+}
+var Vo = 16.667;
+kt()(["onExitComplete", "present", "immediate"]);
+const ss = (e) => {
+  const { lazyMount: t, unmountOnExit: n, present: s, ...r } = e, o = re(!1), c = {
+    ...r,
+    present: s,
+    onExitComplete: ke(e.onExitComplete)
+  }, [i, u] = et(jo(c), { context: c }), a = Ho(i, u);
+  a.present && (o.current = !0);
+  const l = !a.present && !o.current && t || n && !a.present && o.current, d = () => ({
+    "data-state": s ? "open" : "closed",
+    hidden: !a.present
+  });
+  return {
+    ref: a.setNode,
+    getPresenceProps: d,
+    present: a.present,
+    unmounted: l
+  };
+}, [Go, fe] = J({
+  name: "DialogContext",
+  hookName: "useDialogContext",
+  providerName: "<DialogProvider />"
+}), rs = R((e, t) => {
+  const n = fe(), s = Bo(), r = ss({ ...s, present: n.open }), o = k(n.getBackdropProps(), r.getPresenceProps(), e);
+  return r.unmounted ? null : /* @__PURE__ */ h(F.div, { ...o, ref: Dt(r.ref, t) });
+});
+rs.displayName = "DialogBackdrop";
+const os = R(
+  (e, t) => {
+    const n = fe(), s = k(n.getCloseTriggerProps(), e);
+    return /* @__PURE__ */ h(F.button, { ...s, ref: t });
+  }
+);
+os.displayName = "DialogCloseTrigger";
+const [Uo, _t] = J({
+  name: "PresenceContext",
+  hookName: "usePresenceContext",
+  providerName: "<PresenceProvider />"
+}), is = R((e, t) => {
+  const n = fe(), s = _t(), r = k(n.getContentProps(), s.getPresenceProps(), e);
+  return s.unmounted ? null : /* @__PURE__ */ h(F.div, { ...r, ref: Dt(s.ref, t) });
+});
+is.displayName = "DialogContent";
+const as = R(
+  (e, t) => {
+    const n = fe(), s = k(n.getDescriptionProps(), e);
+    return /* @__PURE__ */ h(F.div, { ...s, ref: t });
+  }
+);
+as.displayName = "DialogDescription";
+const cs = R((e, t) => {
+  const n = fe(), s = k(n.getPositionerProps(), e);
+  return _t().unmounted ? null : /* @__PURE__ */ h(F.div, { ...s, ref: t });
+});
+cs.displayName = "DialogPositioner";
+const Ko = (e) => At()(e, [
+  "immediate",
+  "lazyMount",
+  "onExitComplete",
+  "present",
+  "unmountOnExit"
+]);
+var pe = /* @__PURE__ */ new WeakMap(), je = /* @__PURE__ */ new WeakMap(), Ve = {}, ct = 0, ls = (e) => e && (e.host || ls(e.parentNode)), Wo = (e, t) => t.map((n) => {
+  if (e.contains(n)) return n;
+  const s = ls(n);
+  return s && e.contains(s) ? s : (console.error("[zag-js > ariaHidden] target", n, "in not contained inside", e, ". Doing nothing"), null);
+}).filter((n) => !!n), zo = (e) => e.localName === "next-route-announcer" || e.localName === "script" || e.hasAttribute("aria-live") ? !0 : e.matches("[data-live-announcer]"), qo = (e, t) => {
+  const { parentNode: n, markerName: s, controlAttribute: r, explicitBooleanValue: o } = t, c = Wo(n, Array.isArray(e) ? e : [e]);
+  Ve[s] || (Ve[s] = /* @__PURE__ */ new WeakMap());
+  const i = Ve[s], u = [], a = /* @__PURE__ */ new Set(), l = new Set(c), d = (p) => {
+    !p || a.has(p) || (a.add(p), d(p.parentNode));
+  };
+  c.forEach(d);
+  const f = (p) => {
+    !p || l.has(p) || Array.prototype.forEach.call(p.children, (g) => {
+      if (a.has(g))
+        f(g);
+      else
+        try {
+          if (zo(g)) return;
+          const m = g.getAttribute(r), w = o ? m === "true" : m !== null && m !== "false", v = (pe.get(g) || 0) + 1, O = (i.get(g) || 0) + 1;
+          pe.set(g, v), i.set(g, O), u.push(g), v === 1 && w && je.set(g, !0), O === 1 && g.setAttribute(s, ""), w || g.setAttribute(r, o ? "true" : "");
+        } catch (m) {
+          console.error("[zag-js > ariaHidden] cannot operate on ", g, m);
+        }
+    });
+  };
+  return f(n), a.clear(), ct++, () => {
+    u.forEach((p) => {
+      const g = pe.get(p) - 1, m = i.get(p) - 1;
+      pe.set(p, g), i.set(p, m), g || (je.has(p) || p.removeAttribute(r), je.delete(p)), m || p.removeAttribute(s);
+    }), ct--, ct || (pe = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), je = /* @__PURE__ */ new WeakMap(), Ve = {});
+  };
+}, Yo = (e) => (Array.isArray(e) ? e[0] : e).ownerDocument.body, Xo = (e, t = Yo(e), n = "data-aria-hidden") => {
+  if (t)
+    return qo(e, {
+      parentNode: t,
+      markerName: n,
+      controlAttribute: "aria-hidden",
+      explicitBooleanValue: !0
+    });
+}, Zo = (e) => {
+  const t = requestAnimationFrame(() => e());
+  return () => cancelAnimationFrame(t);
+};
+function Jo(e, t = {}) {
+  const { defer: n = !0 } = t, s = n ? Zo : (o) => o(), r = [];
+  return r.push(
+    s(() => {
+      const c = (typeof e == "function" ? e() : e).filter(Boolean);
+      c.length !== 0 && r.push(Xo(c));
+    })
+  ), () => {
+    r.forEach((o) => o == null ? void 0 : o());
+  };
+}
+function Qo(e) {
+  const t = {
+    each(n) {
+      var s;
+      for (let r = 0; r < ((s = e.frames) == null ? void 0 : s.length); r += 1) {
+        const o = e.frames[r];
+        o && n(o);
+      }
+    },
+    addEventListener(n, s, r) {
+      return t.each((o) => {
+        try {
+          o.document.addEventListener(n, s, r);
+        } catch {
+        }
+      }), () => {
+        try {
+          t.removeEventListener(n, s, r);
+        } catch {
+        }
+      };
+    },
+    removeEventListener(n, s, r) {
+      t.each((o) => {
+        try {
+          o.document.removeEventListener(n, s, r);
+        } catch {
+        }
+      });
+    }
+  };
+  return t;
+}
+function ei(e) {
+  const t = e.frameElement != null ? e.parent : null;
+  return {
+    addEventListener: (n, s, r) => {
+      try {
+        t == null || t.addEventListener(n, s, r);
+      } catch {
+      }
+      return () => {
+        try {
+          t == null || t.removeEventListener(n, s, r);
+        } catch {
+        }
+      };
+    },
+    removeEventListener: (n, s, r) => {
+      try {
+        t == null || t.removeEventListener(n, s, r);
+      } catch {
+      }
+    }
+  };
+}
+var en = "pointerdown.outside", tn = "focus.outside";
+function ti(e) {
+  for (const t of e)
+    if ($(t) && se(t)) return !0;
+  return !1;
+}
+var us = (e) => "clientY" in e;
+function ni(e, t) {
+  if (!us(t) || !e) return !1;
+  const n = e.getBoundingClientRect();
+  return n.width === 0 || n.height === 0 ? !1 : n.top <= t.clientY && t.clientY <= n.top + n.height && n.left <= t.clientX && t.clientX <= n.left + n.width;
+}
+function si(e, t) {
+  return e.y <= t.y && t.y <= e.y + e.height && e.x <= t.x && t.x <= e.x + e.width;
+}
+function nn(e, t) {
+  if (!t || !us(e)) return !1;
+  const n = t.scrollHeight > t.clientHeight, s = n && e.clientX > t.offsetLeft + t.clientWidth, r = t.scrollWidth > t.clientWidth, o = r && e.clientY > t.offsetTop + t.clientHeight, c = {
+    x: t.offsetLeft,
+    y: t.offsetTop,
+    width: t.clientWidth + (n ? 16 : 0),
+    height: t.clientHeight + (r ? 16 : 0)
+  }, i = {
+    x: e.clientX,
+    y: e.clientY
+  };
+  return si(c, i) ? s || o : !1;
+}
+function ri(e, t) {
+  const { exclude: n, onFocusOutside: s, onPointerDownOutside: r, onInteractOutside: o, defer: c } = t;
+  if (!e) return;
+  const i = K(e), u = U(e), a = Qo(u), l = ei(u);
+  function d(v) {
+    const O = z(v);
+    if (!$(O) || !O.isConnected || be(e, O) || ni(e, v)) return !1;
+    const N = i.querySelector(`[aria-controls="${e.id}"]`);
+    if (N) {
+      const P = vt(N);
+      if (nn(v, P)) return !1;
+    }
+    const X = vt(e);
+    return nn(v, X) ? !1 : !(n != null && n(O));
+  }
+  const f = /* @__PURE__ */ new Set();
+  function p(v) {
+    function O() {
+      var P;
+      const N = c ? Y : (D) => D(), X = ((P = v.composedPath) == null ? void 0 : P.call(v)) ?? [v.target];
+      N(() => {
+        if (!(!e || !d(v))) {
+          if (r || o) {
+            const D = mt(r, o);
+            e.addEventListener(en, D, { once: !0 });
+          }
+          sn(e, en, {
+            bubbles: !1,
+            cancelable: !0,
+            detail: {
+              originalEvent: v,
+              contextmenu: Jr(v),
+              focusable: ti(X)
+            }
+          });
+        }
+      });
+    }
+    v.pointerType === "touch" ? (f.forEach((N) => N()), f.add(A(i, "click", O, { once: !0 })), f.add(l.addEventListener("click", O, { once: !0 })), f.add(a.addEventListener("click", O, { once: !0 }))) : O();
+  }
+  const g = /* @__PURE__ */ new Set(), m = setTimeout(() => {
+    g.add(A(i, "pointerdown", p, !0)), g.add(l.addEventListener("pointerdown", p, !0)), g.add(a.addEventListener("pointerdown", p, !0));
+  }, 0);
+  function w(v) {
+    (c ? Y : (N) => N())(() => {
+      if (!(!e || !d(v))) {
+        if (s || o) {
+          const N = mt(s, o);
+          e.addEventListener(tn, N, { once: !0 });
+        }
+        sn(e, tn, {
+          bubbles: !1,
+          cancelable: !0,
+          detail: {
+            originalEvent: v,
+            contextmenu: !1,
+            focusable: se(z(v))
+          }
+        });
+      }
+    });
+  }
+  return g.add(A(i, "focusin", w, !0)), g.add(l.addEventListener("focusin", w, !0)), g.add(a.addEventListener("focusin", w, !0)), () => {
+    clearTimeout(m), f.forEach((v) => v()), g.forEach((v) => v());
+  };
+}
+function oi(e, t) {
+  const { defer: n } = t, s = n ? Y : (o) => o(), r = [];
+  return r.push(
+    s(() => {
+      const o = typeof e == "function" ? e() : e;
+      r.push(ri(o, t));
+    })
+  ), () => {
+    r.forEach((o) => o == null ? void 0 : o());
+  };
+}
+function sn(e, t, n) {
+  const s = e.ownerDocument.defaultView || window, r = new s.CustomEvent(t, n);
+  return e.dispatchEvent(r);
+}
+function ii(e, t) {
+  const n = (s) => {
+    s.key === "Escape" && (s.isComposing || t == null || t(s));
+  };
+  return A(K(e), "keydown", n, { capture: !0 });
+}
+var V = {
+  layers: [],
+  branches: [],
+  count() {
+    return this.layers.length;
+  },
+  pointerBlockingLayers() {
+    return this.layers.filter((e) => e.pointerBlocking);
+  },
+  topMostPointerBlockingLayer() {
+    return [...this.pointerBlockingLayers()].slice(-1)[0];
+  },
+  hasPointerBlockingLayer() {
+    return this.pointerBlockingLayers().length > 0;
+  },
+  isBelowPointerBlockingLayer(e) {
+    var s;
+    const t = this.indexOf(e), n = this.topMostPointerBlockingLayer() ? this.indexOf((s = this.topMostPointerBlockingLayer()) == null ? void 0 : s.node) : -1;
+    return t < n;
+  },
+  isTopMost(e) {
+    const t = this.layers[this.count() - 1];
+    return (t == null ? void 0 : t.node) === e;
+  },
+  getNestedLayers(e) {
+    return Array.from(this.layers).slice(this.indexOf(e) + 1);
+  },
+  isInNestedLayer(e, t) {
+    return this.getNestedLayers(e).some((n) => be(n.node, t));
+  },
+  isInBranch(e) {
+    return Array.from(this.branches).some((t) => be(t, e));
+  },
+  add(e) {
+    const t = this.layers.push(e);
+    e.node.style.setProperty("--layer-index", `${t}`);
+  },
+  addBranch(e) {
+    this.branches.push(e);
+  },
+  remove(e) {
+    const t = this.indexOf(e);
+    t < 0 || (t < this.count() - 1 && this.getNestedLayers(e).forEach((s) => s.dismiss()), this.layers.splice(t, 1), e.style.removeProperty("--layer-index"));
+  },
+  removeBranch(e) {
+    const t = this.branches.indexOf(e);
+    t >= 0 && this.branches.splice(t, 1);
+  },
+  indexOf(e) {
+    return this.layers.findIndex((t) => t.node === e);
+  },
+  dismiss(e) {
+    var t;
+    (t = this.layers[this.indexOf(e)]) == null || t.dismiss();
+  },
+  clear() {
+    this.remove(this.layers[0].node);
+  }
+}, rn;
+function on() {
+  V.layers.forEach(({ node: e }) => {
+    e.style.pointerEvents = V.isBelowPointerBlockingLayer(e) ? "none" : "auto";
+  });
+}
+function ai(e) {
+  e.style.pointerEvents = "";
+}
+function ci(e, t) {
+  const n = K(e), s = [];
+  if (V.hasPointerBlockingLayer() && !n.body.hasAttribute("data-inert") && (rn = document.body.style.pointerEvents, queueMicrotask(() => {
+    n.body.style.pointerEvents = "none", n.body.setAttribute("data-inert", "");
+  })), t) {
+    const r = To(t, (o) => {
+      s.push(yo(o, { pointerEvents: "auto" }));
+    });
+    s.push(r);
+  }
+  return () => {
+    V.hasPointerBlockingLayer() || (queueMicrotask(() => {
+      n.body.style.pointerEvents = rn, n.body.removeAttribute("data-inert"), n.body.style.length === 0 && n.body.removeAttribute("style");
+    }), s.forEach((r) => r()));
+  };
+}
+function li(e, t) {
+  if (!e) {
+    me("[@zag-js/dismissable] node is `null` or `undefined`");
+    return;
+  }
+  const { onDismiss: n, pointerBlocking: s, exclude: r, debug: o } = t, c = { dismiss: n, node: e, pointerBlocking: s };
+  V.add(c), on();
+  function i(f) {
+    var g, m;
+    const p = z(f.detail.originalEvent);
+    V.isBelowPointerBlockingLayer(e) || V.isInBranch(p) || ((g = t.onPointerDownOutside) == null || g.call(t, f), (m = t.onInteractOutside) == null || m.call(t, f), !f.defaultPrevented && (o && console.log("onPointerDownOutside:", f.detail.originalEvent), n == null || n()));
+  }
+  function u(f) {
+    var g, m;
+    const p = z(f.detail.originalEvent);
+    V.isInBranch(p) || ((g = t.onFocusOutside) == null || g.call(t, f), (m = t.onInteractOutside) == null || m.call(t, f), !f.defaultPrevented && (o && console.log("onFocusOutside:", f.detail.originalEvent), n == null || n()));
+  }
+  function a(f) {
+    var p;
+    V.isTopMost(e) && ((p = t.onEscapeKeyDown) == null || p.call(t, f), !f.defaultPrevented && n && (f.preventDefault(), n()));
+  }
+  function l(f) {
+    var w;
+    if (!e) return !1;
+    const p = typeof r == "function" ? r() : r, g = Array.isArray(p) ? p : [p], m = (w = t.persistentElements) == null ? void 0 : w.map((v) => v()).filter($);
+    return m && g.push(...m), g.some((v) => be(v, f)) || V.isInNestedLayer(e, f);
+  }
+  const d = [
+    s ? ci(e, t.persistentElements) : void 0,
+    ii(e, a),
+    oi(e, { exclude: l, onFocusOutside: u, onPointerDownOutside: i, defer: t.defer })
+  ];
+  return () => {
+    V.remove(e), on(), ai(e), d.forEach((f) => f == null ? void 0 : f());
+  };
+}
+function ui(e, t) {
+  const { defer: n } = t, s = n ? Y : (o) => o(), r = [];
+  return r.push(
+    s(() => {
+      const o = ve(e) ? e() : e;
+      r.push(li(o, t));
+    })
+  ), () => {
+    r.forEach((o) => o == null ? void 0 : o());
+  };
+}
+function di(e, t = {}) {
+  const { defer: n } = t, s = n ? Y : (o) => o(), r = [];
+  return r.push(
+    s(() => {
+      const o = ve(e) ? e() : e;
+      if (!o) {
+        me("[@zag-js/dismissable] branch node is `null` or `undefined`");
+        return;
+      }
+      V.addBranch(o), r.push(() => {
+        V.removeBranch(o);
+      });
+    })
+  ), () => {
+    r.forEach((o) => o == null ? void 0 : o());
+  };
+}
+var fi = Object.defineProperty, hi = (e, t, n) => t in e ? fi(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, S = (e, t, n) => hi(e, typeof t != "symbol" ? t + "" : t, n), an = {
+  activateTrap(e, t) {
+    if (e.length > 0) {
+      const s = e[e.length - 1];
+      s !== t && s.pause();
+    }
+    const n = e.indexOf(t);
+    n === -1 || e.splice(n, 1), e.push(t);
+  },
+  deactivateTrap(e, t) {
+    const n = e.indexOf(t);
+    n !== -1 && e.splice(n, 1), e.length > 0 && e[e.length - 1].unpause();
+  }
+}, pi = [], gi = class {
+  constructor(e, t) {
+    S(this, "trapStack"), S(this, "config"), S(this, "doc"), S(this, "state", {
+      containers: [],
+      containerGroups: [],
+      tabbableGroups: [],
+      nodeFocusedBeforeActivation: null,
+      mostRecentlyFocusedNode: null,
+      active: !1,
+      paused: !1,
+      delayInitialFocusTimer: void 0,
+      recentNavEvent: void 0
+    }), S(this, "listenerCleanups", []), S(this, "handleFocus", (s) => {
+      const r = z(s), o = this.findContainerIndex(r, s) >= 0;
+      if (o || Rt(r))
+        o && (this.state.mostRecentlyFocusedNode = r);
+      else {
+        s.stopImmediatePropagation();
+        let c, i = !0;
+        if (this.state.mostRecentlyFocusedNode)
+          if (Te(this.state.mostRecentlyFocusedNode) > 0) {
+            const u = this.findContainerIndex(this.state.mostRecentlyFocusedNode), { tabbableNodes: a } = this.state.containerGroups[u];
+            if (a.length > 0) {
+              const l = a.findIndex((d) => d === this.state.mostRecentlyFocusedNode);
+              l >= 0 && (this.config.isKeyForward(this.state.recentNavEvent) ? l + 1 < a.length && (c = a[l + 1], i = !1) : l - 1 >= 0 && (c = a[l - 1], i = !1));
+            }
+          } else
+            this.state.containerGroups.some((u) => u.tabbableNodes.some((a) => Te(a) > 0)) || (i = !1);
+        else
+          i = !1;
+        i && (c = this.findNextNavNode({
+          // move FROM the MRU node, not event-related node (which will be the node that is
+          //  outside the trap causing the focus escape we're trying to fix)
+          target: this.state.mostRecentlyFocusedNode,
+          isBackward: this.config.isKeyBackward(this.state.recentNavEvent)
+        })), c ? this.tryFocus(c) : this.tryFocus(this.state.mostRecentlyFocusedNode || this.getInitialFocusNode());
+      }
+      this.state.recentNavEvent = void 0;
+    }), S(this, "handlePointerDown", (s) => {
+      const r = z(s);
+      if (!(this.findContainerIndex(r, s) >= 0)) {
+        if (Ce(this.config.clickOutsideDeactivates, s)) {
+          this.deactivate({ returnFocus: this.config.returnFocusOnDeactivate });
+          return;
+        }
+        Ce(this.config.allowOutsideClick, s) || s.preventDefault();
+      }
+    }), S(this, "handleClick", (s) => {
+      const r = z(s);
+      this.findContainerIndex(r, s) >= 0 || Ce(this.config.clickOutsideDeactivates, s) || Ce(this.config.allowOutsideClick, s) || (s.preventDefault(), s.stopImmediatePropagation());
+    }), S(this, "handleTabKey", (s) => {
+      if (this.config.isKeyForward(s) || this.config.isKeyBackward(s)) {
+        this.state.recentNavEvent = s;
+        const r = this.config.isKeyBackward(s), o = this.findNextNavNode({ event: s, isBackward: r });
+        if (!o) return;
+        Ne(s) && s.preventDefault(), this.tryFocus(o);
+      }
+    }), S(this, "handleEscapeKey", (s) => {
+      mi(s) && Ce(this.config.escapeDeactivates, s) !== !1 && (s.preventDefault(), this.deactivate());
+    }), S(this, "_mutationObserver"), S(this, "setupMutationObserver", () => {
+      const s = this.doc.defaultView || window;
+      this._mutationObserver = new s.MutationObserver((r) => {
+        r.some((c) => Array.from(c.removedNodes).some((u) => u === this.state.mostRecentlyFocusedNode)) && this.tryFocus(this.getInitialFocusNode());
+      });
+    }), S(this, "updateObservedNodes", () => {
+      var s;
+      (s = this._mutationObserver) == null || s.disconnect(), this.state.active && !this.state.paused && this.state.containers.map((r) => {
+        var o;
+        (o = this._mutationObserver) == null || o.observe(r, { subtree: !0, childList: !0 });
+      });
+    }), S(this, "getInitialFocusNode", () => {
+      let s = this.getNodeForOption("initialFocus", { hasFallback: !0 });
+      if (s === !1)
+        return !1;
+      if (s === void 0 || s && !se(s))
+        if (this.findContainerIndex(this.doc.activeElement) >= 0)
+          s = this.doc.activeElement;
+        else {
+          const r = this.state.tabbableGroups[0];
+          s = r && r.firstTabbableNode || this.getNodeForOption("fallbackFocus");
+        }
+      else s === null && (s = this.getNodeForOption("fallbackFocus"));
+      if (!s)
+        throw new Error("Your focus-trap needs to have at least one focusable element");
+      return s.isConnected || (s = this.getNodeForOption("fallbackFocus")), s;
+    }), S(this, "tryFocus", (s) => {
+      if (s !== !1 && s !== Hn(this.doc)) {
+        if (!s || !s.focus) {
+          this.tryFocus(this.getInitialFocusNode());
+          return;
+        }
+        s.focus({ preventScroll: !!this.config.preventScroll }), this.state.mostRecentlyFocusedNode = s, yi(s) && s.select();
+      }
+    }), S(this, "deactivate", (s) => {
+      if (!this.state.active) return this;
+      const r = {
+        onDeactivate: this.config.onDeactivate,
+        onPostDeactivate: this.config.onPostDeactivate,
+        checkCanReturnFocus: this.config.checkCanReturnFocus,
+        ...s
+      };
+      clearTimeout(this.state.delayInitialFocusTimer), this.state.delayInitialFocusTimer = void 0, this.removeListeners(), this.state.active = !1, this.state.paused = !1, this.updateObservedNodes(), an.deactivateTrap(this.trapStack, this);
+      const o = this.getOption(r, "onDeactivate"), c = this.getOption(r, "onPostDeactivate"), i = this.getOption(r, "checkCanReturnFocus"), u = this.getOption(r, "returnFocus", "returnFocusOnDeactivate");
+      o == null || o();
+      const a = () => {
+        cn(() => {
+          if (u) {
+            const l = this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);
+            this.tryFocus(l);
+          }
+          c == null || c();
+        });
+      };
+      if (u && i) {
+        const l = this.getReturnFocusNode(this.state.nodeFocusedBeforeActivation);
+        return i(l).then(a, a), this;
+      }
+      return a(), this;
+    }), S(this, "pause", (s) => {
+      if (this.state.paused || !this.state.active)
+        return this;
+      const r = this.getOption(s, "onPause"), o = this.getOption(s, "onPostPause");
+      return this.state.paused = !0, r == null || r(), this.removeListeners(), this.updateObservedNodes(), o == null || o(), this;
+    }), S(this, "unpause", (s) => {
+      if (!this.state.paused || !this.state.active)
+        return this;
+      const r = this.getOption(s, "onUnpause"), o = this.getOption(s, "onPostUnpause");
+      return this.state.paused = !1, r == null || r(), this.updateTabbableNodes(), this.addListeners(), this.updateObservedNodes(), o == null || o(), this;
+    }), S(this, "updateContainerElements", (s) => (this.state.containers = Array.isArray(s) ? s.filter(Boolean) : [s].filter(Boolean), this.state.active && this.updateTabbableNodes(), this.updateObservedNodes(), this)), S(this, "getReturnFocusNode", (s) => {
+      const r = this.getNodeForOption("setReturnFocus", {
+        params: [s]
+      });
+      return r || (r === !1 ? !1 : s);
+    }), S(this, "getOption", (s, r, o) => s && s[r] !== void 0 ? s[r] : (
+      // @ts-expect-error
+      this.config[o || r]
+    )), S(this, "getNodeForOption", (s, { hasFallback: r = !1, params: o = [] } = {}) => {
+      let c = this.config[s];
+      if (typeof c == "function" && (c = c(...o)), c === !0 && (c = void 0), !c) {
+        if (c === void 0 || c === !1)
+          return c;
+        throw new Error(`\`${s}\` was specified but was not a node, or did not return a node`);
+      }
+      let i = c;
+      if (typeof c == "string") {
+        try {
+          i = this.doc.querySelector(c);
+        } catch (u) {
+          throw new Error(`\`${s}\` appears to be an invalid selector; error="${u.message}"`);
+        }
+        if (!i && !r)
+          throw new Error(`\`${s}\` as selector refers to no known node`);
+      }
+      return i;
+    }), S(this, "findNextNavNode", (s) => {
+      const { event: r, isBackward: o = !1 } = s, c = s.target || z(r);
+      this.updateTabbableNodes();
+      let i = null;
+      if (this.state.tabbableGroups.length > 0) {
+        const u = this.findContainerIndex(c, r), a = u >= 0 ? this.state.containerGroups[u] : void 0;
+        if (u < 0)
+          o ? i = this.state.tabbableGroups[this.state.tabbableGroups.length - 1].lastTabbableNode : i = this.state.tabbableGroups[0].firstTabbableNode;
+        else if (o) {
+          let l = this.state.tabbableGroups.findIndex(
+            ({ firstTabbableNode: d }) => c === d
+          );
+          if (l < 0 && ((a == null ? void 0 : a.container) === c || se(c) && !ie(c) && !(a != null && a.nextTabbableNode(c, !1))) && (l = u), l >= 0) {
+            const d = l === 0 ? this.state.tabbableGroups.length - 1 : l - 1, f = this.state.tabbableGroups[d];
+            i = Te(c) >= 0 ? f.lastTabbableNode : f.lastDomTabbableNode;
+          } else Ne(r) || (i = a == null ? void 0 : a.nextTabbableNode(c, !1));
+        } else {
+          let l = this.state.tabbableGroups.findIndex(
+            ({ lastTabbableNode: d }) => c === d
+          );
+          if (l < 0 && ((a == null ? void 0 : a.container) === c || se(c) && !ie(c) && !(a != null && a.nextTabbableNode(c))) && (l = u), l >= 0) {
+            const d = l === this.state.tabbableGroups.length - 1 ? 0 : l + 1, f = this.state.tabbableGroups[d];
+            i = Te(c) >= 0 ? f.firstTabbableNode : f.firstDomTabbableNode;
+          } else Ne(r) || (i = a == null ? void 0 : a.nextTabbableNode(c));
+        }
+      } else
+        i = this.getNodeForOption("fallbackFocus");
+      return i;
+    }), this.trapStack = t.trapStack || pi;
+    const n = {
+      returnFocusOnDeactivate: !0,
+      escapeDeactivates: !0,
+      delayInitialFocus: !0,
+      isKeyForward(s) {
+        return Ne(s) && !s.shiftKey;
+      },
+      isKeyBackward(s) {
+        return Ne(s) && s.shiftKey;
+      },
+      ...t
+    };
+    this.doc = n.document || K(Array.isArray(e) ? e[0] : e), this.config = n, this.updateContainerElements(e), this.setupMutationObserver();
+  }
+  get active() {
+    return this.state.active;
+  }
+  get paused() {
+    return this.state.paused;
+  }
+  findContainerIndex(e, t) {
+    const n = typeof (t == null ? void 0 : t.composedPath) == "function" ? t.composedPath() : void 0;
+    return this.state.containerGroups.findIndex(
+      ({ container: s, tabbableNodes: r }) => s.contains(e) || (n == null ? void 0 : n.includes(s)) || r.find((o) => o === e)
+    );
+  }
+  updateTabbableNodes() {
+    if (this.state.containerGroups = this.state.containers.map((e) => {
+      const t = zn(e), n = Wn(e), s = t.length > 0 ? t[0] : void 0, r = t.length > 0 ? t[t.length - 1] : void 0, o = n.find((a) => ie(a)), c = n.slice().reverse().find((a) => ie(a)), i = !!t.find((a) => Te(a) > 0);
+      function u(a, l = !0) {
+        const d = t.indexOf(a);
+        return d < 0 ? l ? n.slice(n.indexOf(a) + 1).find((f) => ie(f)) : n.slice(0, n.indexOf(a)).reverse().find((f) => ie(f)) : t[d + (l ? 1 : -1)];
+      }
+      return {
+        container: e,
+        tabbableNodes: t,
+        focusableNodes: n,
+        posTabIndexesFound: i,
+        firstTabbableNode: s,
+        lastTabbableNode: r,
+        firstDomTabbableNode: o,
+        lastDomTabbableNode: c,
+        nextTabbableNode: u
+      };
+    }), this.state.tabbableGroups = this.state.containerGroups.filter((e) => e.tabbableNodes.length > 0), this.state.tabbableGroups.length <= 0 && !this.getNodeForOption("fallbackFocus"))
+      throw new Error(
+        "Your focus-trap must have at least one container with at least one tabbable node in it at all times"
+      );
+    if (this.state.containerGroups.find((e) => e.posTabIndexesFound) && this.state.containerGroups.length > 1)
+      throw new Error(
+        "At least one node with a positive tabindex was found in one of your focus-trap's multiple containers. Positive tabindexes are only supported in single-container focus-traps."
+      );
+  }
+  addListeners() {
+    if (this.state.active)
+      return an.activateTrap(this.trapStack, this), this.state.delayInitialFocusTimer = this.config.delayInitialFocus ? cn(() => {
+        this.tryFocus(this.getInitialFocusNode());
+      }) : this.tryFocus(this.getInitialFocusNode()), this.listenerCleanups.push(
+        A(this.doc, "focusin", this.handleFocus, !0),
+        A(this.doc, "mousedown", this.handlePointerDown, { capture: !0, passive: !1 }),
+        A(this.doc, "touchstart", this.handlePointerDown, { capture: !0, passive: !1 }),
+        A(this.doc, "click", this.handleClick, { capture: !0, passive: !1 }),
+        A(this.doc, "keydown", this.handleTabKey, { capture: !0, passive: !1 }),
+        A(this.doc, "keydown", this.handleEscapeKey)
+      ), this;
+  }
+  removeListeners() {
+    if (this.state.active)
+      return this.listenerCleanups.forEach((e) => e()), this.listenerCleanups = [], this;
+  }
+  activate(e) {
+    if (this.state.active)
+      return this;
+    const t = this.getOption(e, "onActivate"), n = this.getOption(e, "onPostActivate"), s = this.getOption(e, "checkCanFocusTrap");
+    s || this.updateTabbableNodes(), this.state.active = !0, this.state.paused = !1, this.state.nodeFocusedBeforeActivation = this.doc.activeElement || null, t == null || t();
+    const r = () => {
+      s && this.updateTabbableNodes(), this.addListeners(), this.updateObservedNodes(), n == null || n();
+    };
+    return s ? (s(this.state.containers.concat()).then(r, r), this) : (r(), this);
+  }
+}, Ne = (e) => e.key === "Tab", Ce = (e, ...t) => typeof e == "function" ? e(...t) : e, mi = (e) => !e.isComposing && e.key === "Escape", cn = (e) => setTimeout(e, 0), yi = (e) => e.localName === "input" && "select" in e && typeof e.select == "function";
+function vi(e, t = {}) {
+  let n;
+  const s = Y(() => {
+    const r = typeof e == "function" ? e() : e;
+    if (r) {
+      n = new gi(r, {
+        escapeDeactivates: !1,
+        allowOutsideClick: !0,
+        preventScroll: !0,
+        returnFocusOnDeactivate: !0,
+        delayInitialFocus: !1,
+        fallbackFocus: r,
+        ...t,
+        document: K(r)
+      });
+      try {
+        n.activate();
+      } catch {
+      }
+    }
+  });
+  return function() {
+    n == null || n.deactivate(), s();
+  };
+}
+var lt = "data-scroll-lock";
+function ln(e, t) {
+  if (!e) return;
+  const n = Object.keys(t).reduce(
+    (s, r) => (s[r] = e.style.getPropertyValue(r), s),
+    {}
+  );
+  return Object.assign(e.style, t), () => {
+    Object.assign(e.style, n);
+  };
+}
+function bi(e, t, n) {
+  if (!e) return;
+  const s = e.style.getPropertyValue(t);
+  return e.style.setProperty(t, n), () => {
+    s ? e.style.setProperty(t, s) : e.style.removeProperty(t);
+  };
+}
+function Ei(e) {
+  const t = e.getBoundingClientRect().left;
+  return Math.round(t) + e.scrollLeft ? "paddingLeft" : "paddingRight";
+}
+function Ti(e) {
+  const t = e ?? document, n = t.defaultView ?? window, { documentElement: s, body: r } = t;
+  if (r.hasAttribute(lt)) return;
+  r.setAttribute(lt, "");
+  const c = n.innerWidth - s.clientWidth, i = () => bi(s, "--scrollbar-width", `${c}px`), u = Ei(s), a = () => ln(r, {
+    overflow: "hidden",
+    [u]: `${c}px`
+  }), l = () => {
+    const { scrollX: f, scrollY: p, visualViewport: g } = n, m = (g == null ? void 0 : g.offsetLeft) ?? 0, w = (g == null ? void 0 : g.offsetTop) ?? 0, v = ln(r, {
+      position: "fixed",
+      overflow: "hidden",
+      top: `${-(p - Math.floor(w))}px`,
+      left: `${-(f - Math.floor(m))}px`,
+      right: "0",
+      [u]: `${c}px`
+    });
+    return () => {
+      v == null || v(), n.scrollTo({ left: f, top: p, behavior: "instant" });
+    };
+  }, d = [i(), Xr() ? l() : a()];
+  return () => {
+    d.forEach((f) => f == null ? void 0 : f()), r.removeAttribute(lt);
+  };
+}
+var Ni = ye("dialog").parts(
+  "trigger",
+  "backdrop",
+  "positioner",
+  "content",
+  "title",
+  "description",
+  "closeTrigger"
+), oe = Ni.build(), C = Ft({
+  getPositionerId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.positioner) ?? `dialog:${e.id}:positioner`;
+  },
+  getBackdropId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.backdrop) ?? `dialog:${e.id}:backdrop`;
+  },
+  getContentId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.content) ?? `dialog:${e.id}:content`;
+  },
+  getTriggerId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.trigger) ?? `dialog:${e.id}:trigger`;
+  },
+  getTitleId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.title) ?? `dialog:${e.id}:title`;
+  },
+  getDescriptionId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.description) ?? `dialog:${e.id}:description`;
+  },
+  getCloseTriggerId: (e) => {
+    var t;
+    return ((t = e.ids) == null ? void 0 : t.closeTrigger) ?? `dialog:${e.id}:close`;
+  },
+  getContentEl: (e) => C.getById(e, C.getContentId(e)),
+  getPositionerEl: (e) => C.getById(e, C.getPositionerId(e)),
+  getBackdropEl: (e) => C.getById(e, C.getBackdropId(e)),
+  getTriggerEl: (e) => C.getById(e, C.getTriggerId(e)),
+  getTitleEl: (e) => C.getById(e, C.getTitleId(e)),
+  getDescriptionEl: (e) => C.getById(e, C.getDescriptionId(e)),
+  getCloseTriggerEl: (e) => C.getById(e, C.getCloseTriggerId(e))
+});
+function Ci(e, t, n) {
+  const s = e.context["aria-label"], r = e.matches("open"), o = e.context.renderedElements;
+  return {
+    open: r,
+    setOpen(c) {
+      c !== r && t(c ? "OPEN" : "CLOSE");
+    },
+    getTriggerProps() {
+      return n.button({
+        ...oe.trigger.attrs,
+        dir: e.context.dir,
+        id: C.getTriggerId(e.context),
+        "aria-haspopup": "dialog",
+        type: "button",
+        "aria-expanded": r,
+        "data-state": r ? "open" : "closed",
+        "aria-controls": C.getContentId(e.context),
+        onClick(c) {
+          c.defaultPrevented || t("TOGGLE");
+        }
+      });
+    },
+    getBackdropProps() {
+      return n.element({
+        ...oe.backdrop.attrs,
+        dir: e.context.dir,
+        hidden: !r,
+        id: C.getBackdropId(e.context),
+        "data-state": r ? "open" : "closed"
+      });
+    },
+    getPositionerProps() {
+      return n.element({
+        ...oe.positioner.attrs,
+        dir: e.context.dir,
+        id: C.getPositionerId(e.context),
+        style: {
+          pointerEvents: r ? void 0 : "none"
+        }
+      });
+    },
+    getContentProps() {
+      return n.element({
+        ...oe.content.attrs,
+        dir: e.context.dir,
+        role: e.context.role,
+        hidden: !r,
+        id: C.getContentId(e.context),
+        tabIndex: -1,
+        "data-state": r ? "open" : "closed",
+        "aria-modal": !0,
+        "aria-label": s || void 0,
+        "aria-labelledby": s || !o.title ? void 0 : C.getTitleId(e.context),
+        "aria-describedby": o.description ? C.getDescriptionId(e.context) : void 0
+      });
+    },
+    getTitleProps() {
+      return n.element({
+        ...oe.title.attrs,
+        dir: e.context.dir,
+        id: C.getTitleId(e.context)
+      });
+    },
+    getDescriptionProps() {
+      return n.element({
+        ...oe.description.attrs,
+        dir: e.context.dir,
+        id: C.getDescriptionId(e.context)
+      });
+    },
+    getCloseTriggerProps() {
+      return n.button({
+        ...oe.closeTrigger.attrs,
+        dir: e.context.dir,
+        id: C.getCloseTriggerId(e.context),
+        type: "button",
+        onClick(c) {
+          c.defaultPrevented || (c.stopPropagation(), t("CLOSE"));
+        }
+      });
+    }
+  };
+}
+function wi(e) {
+  const t = ue(e);
+  return Re(
+    {
+      id: "dialog",
+      initial: t.open ? "open" : "closed",
+      context: {
+        role: "dialog",
+        renderedElements: {
+          title: !0,
+          description: !0
+        },
+        modal: !0,
+        trapFocus: !0,
+        preventScroll: !0,
+        closeOnInteractOutside: !0,
+        closeOnEscape: !0,
+        restoreFocus: !0,
+        ...t
+      },
+      created: ["setAlertDialogProps"],
+      watch: {
+        open: ["toggleVisibility"]
+      },
+      states: {
+        open: {
+          entry: ["checkRenderedElements", "syncZIndex"],
+          activities: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
+          on: {
+            "CONTROLLED.CLOSE": {
+              target: "closed"
+            },
+            CLOSE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose"]
+              }
+            ],
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose"]
+              }
+            ]
+          }
+        },
+        closed: {
+          on: {
+            "CONTROLLED.OPEN": {
+              target: "open"
+            },
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen"]
+              }
+            ],
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen"]
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      guards: {
+        isOpenControlled: (n) => !!n["open.controlled"]
+      },
+      activities: {
+        trackDismissableElement(n, s, { send: r }) {
+          return ui(() => C.getContentEl(n), {
+            defer: !0,
+            pointerBlocking: n.modal,
+            exclude: [C.getTriggerEl(n)],
+            onInteractOutside(c) {
+              var i;
+              (i = n.onInteractOutside) == null || i.call(n, c), n.closeOnInteractOutside || c.preventDefault();
+            },
+            persistentElements: n.persistentElements,
+            onFocusOutside: n.onFocusOutside,
+            onPointerDownOutside: n.onPointerDownOutside,
+            onEscapeKeyDown(c) {
+              var i;
+              (i = n.onEscapeKeyDown) == null || i.call(n, c), n.closeOnEscape || c.preventDefault();
+            },
+            onDismiss() {
+              r({ type: "CLOSE", src: "interact-outside" });
+            }
+          });
+        },
+        preventScroll(n) {
+          if (n.preventScroll)
+            return Ti(C.getDoc(n));
+        },
+        trapFocus(n) {
+          return !n.trapFocus || !n.modal ? void 0 : vi(() => C.getContentEl(n), {
+            preventScroll: !0,
+            returnFocusOnDeactivate: !!n.restoreFocus,
+            initialFocus: n.initialFocusEl,
+            setReturnFocus: (r) => {
+              var o;
+              return ((o = n.finalFocusEl) == null ? void 0 : o.call(n)) ?? r;
+            }
+          });
+        },
+        hideContentBelow(n) {
+          return n.modal ? Jo(() => [C.getContentEl(n)], { defer: !0 }) : void 0;
+        }
+      },
+      actions: {
+        setAlertDialogProps(n) {
+          n.role === "alertdialog" && (n.initialFocusEl || (n.initialFocusEl = () => C.getCloseTriggerEl(n)), n.closeOnInteractOutside = !1);
+        },
+        checkRenderedElements(n) {
+          Y(() => {
+            n.renderedElements.title = !!C.getTitleEl(n), n.renderedElements.description = !!C.getDescriptionEl(n);
+          });
+        },
+        syncZIndex(n) {
+          Y(() => {
+            const s = C.getContentEl(n);
+            if (!s) return;
+            const r = zr(s);
+            [C.getPositionerEl(n), C.getBackdropEl(n)].forEach((c) => {
+              c == null || c.style.setProperty("--z-index", r.zIndex);
+            });
+          });
+        },
+        invokeOnClose(n) {
+          var s;
+          (s = n.onOpenChange) == null || s.call(n, { open: !1 });
+        },
+        invokeOnOpen(n) {
+          var s;
+          (s = n.onOpenChange) == null || s.call(n, { open: !0 });
+        },
+        toggleVisibility(n, s, { send: r }) {
+          r({ type: n.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: s });
+        }
+      }
+    }
+  );
+}
+kt()([
+  "aria-label",
+  "closeOnEscape",
+  "closeOnInteractOutside",
+  "dir",
+  "finalFocusEl",
+  "getRootNode",
+  "getRootNode",
+  "id",
+  "id",
+  "ids",
+  "initialFocusEl",
+  "modal",
+  "onEscapeKeyDown",
+  "onFocusOutside",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "open.controlled",
+  "open",
+  "persistentElements",
+  "preventScroll",
+  "restoreFocus",
+  "role",
+  "trapFocus"
+]);
+const Pi = (e = {}) => {
+  const { getRootNode: t } = Mt(), { dir: n } = ts(), s = {
+    id: mn(),
+    getRootNode: t,
+    dir: n,
+    open: e.defaultOpen,
+    "open.controlled": e.open !== void 0,
+    ...e
+  }, r = {
+    ...s,
+    open: e.open,
+    onOpenChange: ke(e.onOpenChange, { sync: !0 }),
+    onEscapeKeyDown: ke(e.onEscapeKeyDown),
+    onInteractOutside: ke(e.onInteractOutside)
+  }, [o, c] = et(wi(s), { context: r });
+  return Ci(o, c, Le);
+}, xi = (e) => {
+  const [t, { children: n, ...s }] = Ko(e), [r] = $o(t), o = Pi(s), c = ss(k({ present: o.open }, t));
+  return /* @__PURE__ */ h(Go, { value: o, children: /* @__PURE__ */ h(_o, { value: r, children: /* @__PURE__ */ h(Uo, { value: c, children: n }) }) });
+}, ds = R((e, t) => {
+  const n = fe(), s = k(n.getTitleProps(), e);
+  return /* @__PURE__ */ h(F.h2, { ...s, ref: t });
+});
+ds.displayName = "DialogTitle";
+const fs = R((e, t) => {
+  const n = fe(), s = _t(), r = k(
+    {
+      ...n.getTriggerProps(),
+      "aria-controls": s.unmounted ? void 0 : n.getTriggerProps()["aria-controls"]
+    },
+    e
+  );
+  return /* @__PURE__ */ h(F.button, { ...r, ref: t });
+});
+fs.displayName = "DialogTrigger";
+const Oi = (e) => {
+  var u;
+  const { children: t, disabled: n } = e, [s, r] = dt((u = e.container) == null ? void 0 : u.current), o = hn(
+    ki,
+    () => !1,
+    () => !0
+  ), { getRootNode: c } = Mt();
+  if (Ie(() => {
+    r(() => {
+      var a;
+      return (a = e.container) == null ? void 0 : a.current;
+    });
+  }, [e.container]), o || n) return /* @__PURE__ */ h(ut, { children: t });
+  const i = s ?? Si(c);
+  return /* @__PURE__ */ h(ut, { children: gn.map(t, (a) => Os(a, i)) });
+}, Si = (e) => {
+  const t = e == null ? void 0 : e(), n = t.getRootNode();
+  return Ae(n) ? n : K(t).body;
+}, ki = () => () => {
+}, Ii = Je({}), Di = {
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  full: "max-w-full mx-4"
+};
+function Ai({
+  open: e,
+  onOpenChange: t,
+  children: n,
+  modal: s = !0,
+  closeOnInteractOutside: r = !0,
+  closeOnEscape: o = !0
+}) {
+  return /* @__PURE__ */ h(
+    xi,
+    {
+      open: e,
+      onOpenChange: t,
+      modal: s,
+      closeOnInteractOutside: r,
+      closeOnEscape: o,
+      children: n
+    }
+  );
+}
+function Ri({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ h(fs, { className: t, children: e });
+}
+function Li({ children: e }) {
+  return /* @__PURE__ */ h(Oi, { children: e });
+}
+function Fi({ className: e }) {
+  return /* @__PURE__ */ h(
+    rs,
+    {
+      className: E(
+        "fixed inset-0 bg-black/50 backdrop-blur-sm",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        e
+      ),
+      style: { zIndex: 9999 }
+    }
+  );
+}
+function Mi({ children: e }) {
+  return /* @__PURE__ */ h(
+    cs,
+    {
+      className: "fixed inset-0 flex items-center justify-center p-4",
+      style: { zIndex: 1e4 },
+      children: e
+    }
+  );
+}
+function _i({
+  children: e,
+  size: t = "md",
+  className: n
+}) {
+  return /* @__PURE__ */ h(Ii.Provider, { value: { size: t }, children: /* @__PURE__ */ h(
+    is,
+    {
+      className: E(
+        "relative w-full rounded-lg bg-card text-card-foreground shadow-lg border border-border",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        "data-[state=closed]:slide-out-to-bottom-[2%] data-[state=open]:slide-in-from-bottom-[2%]",
+        "duration-200",
+        Di[t],
+        n
+      ),
+      children: e
+    }
+  ) });
+}
+function Bi({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      className: E(
+        "flex items-start justify-between gap-4 p-6 pb-4",
+        t
+      ),
+      children: e
+    }
+  );
+}
+function $i({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ h(ds, { className: E("text-lg font-semibold text-foreground", t), children: e });
+}
+function Hi({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ h(as, { className: E("text-sm text-muted-foreground", t), children: e });
+}
+function ji({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ h("div", { className: E("px-6 py-4", t), children: e });
+}
+function Vi({
+  children: e,
+  className: t
+}) {
+  return /* @__PURE__ */ h("div", { className: E("flex justify-end gap-2 p-6 pt-4", t), children: e });
+}
+function Gi({
+  className: e
+}) {
+  return /* @__PURE__ */ h(
+    os,
+    {
+      className: E(
+        "absolute right-4 top-4 rounded-md p-2 text-muted-foreground",
+        "hover:bg-secondary hover:text-foreground",
+        "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+        "disabled:pointer-events-none",
+        "transition-colors",
+        e
+      ),
+      "aria-label": "Close dialog",
+      children: /* @__PURE__ */ h(yn, { className: "h-4 w-4" })
+    }
+  );
+}
+const Ga = {
+  Root: Ai,
+  Trigger: Ri,
+  Portal: Li,
+  Backdrop: Fi,
+  Positioner: Mi,
+  Content: _i,
+  Header: Bi,
+  Title: $i,
+  Description: Hi,
+  Body: ji,
+  Footer: Vi,
+  CloseTrigger: Gi
+};
+function Ua({ className: e, type: t = "text", label: n, id: s, ...r }) {
+  const o = /* @__PURE__ */ h(
+    "input",
+    {
+      id: s,
+      type: t,
+      className: E(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+        "ring-offset-background",
+        "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground",
+        "placeholder:text-muted-foreground",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ...r
+    }
+  );
+  return n ? /* @__PURE__ */ I("div", { className: "w-full", children: [
+    /* @__PURE__ */ h("label", { htmlFor: s, className: "block text-sm font-medium mb-1.5 text-card-foreground", children: n }),
+    o
+  ] }) : o;
+}
+const Ui = {
+  default: "bg-primary",
+  success: "bg-green-600",
+  warning: "bg-yellow-600",
+  error: "bg-destructive"
+}, Ki = {
+  sm: "h-1",
+  md: "h-2",
+  lg: "h-3"
+};
+function Ka({
+  value: e = 0,
+  indeterminate: t = !1,
+  label: n,
+  showValue: s = !1,
+  variant: r = "default",
+  size: o = "md",
+  className: c
+}) {
+  const i = Math.min(100, Math.max(0, e));
+  return /* @__PURE__ */ I("div", { className: E("w-full", c), children: [
+    (n || s) && /* @__PURE__ */ I("div", { className: "flex justify-between items-center mb-2", children: [
+      n && /* @__PURE__ */ h("span", { className: "text-sm font-medium", children: n }),
+      s && !t && /* @__PURE__ */ I("span", { className: "text-sm text-muted-foreground", children: [
+        i,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ h(
+      "div",
+      {
+        className: E(
+          "w-full overflow-hidden rounded-full bg-muted",
+          Ki[o]
+        ),
+        role: "progressbar",
+        "aria-valuenow": t ? void 0 : i,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-label": n || "Progress",
+        children: /* @__PURE__ */ h(
+          "div",
+          {
+            className: E(
+              "h-full rounded-full transition-all duration-500 ease-out",
+              Ui[r],
+              t && "animate-pulse w-full"
+            ),
+            style: {
+              width: t ? "100%" : `${i}%`
+            }
+          }
+        )
+      }
+    )
+  ] });
+}
+const hs = Je({});
+function Wi({
+  children: e,
+  variant: t = "default",
+  interactive: n = !1,
+  className: s
+}) {
+  return /* @__PURE__ */ h(hs.Provider, { value: { variant: t, interactive: n }, children: /* @__PURE__ */ h("div", { className: E("relative w-full overflow-x-auto", s), children: /* @__PURE__ */ h("table", { className: "w-full caption-bottom text-sm", children: e }) }) });
+}
+function zi({ children: e, className: t }) {
+  return /* @__PURE__ */ h("thead", { className: E("[&_tr]:border-b", t), children: e });
+}
+function qi({ children: e, className: t }) {
+  return /* @__PURE__ */ h("tbody", { className: E("[&_tr:last-child]:border-0", t), children: e });
+}
+function Yi({ children: e, onClick: t, selected: n = !1, className: s }) {
+  const { interactive: r } = fn(hs);
+  return /* @__PURE__ */ h(
+    "tr",
+    {
+      className: E(
+        "border-b transition-colors",
+        (t || r) && "cursor-pointer hover:bg-muted/50 data-[state=selected]:bg-muted",
+        n && "bg-muted",
+        s
+      ),
+      onClick: t,
+      role: t ? "button" : void 0,
+      tabIndex: t ? 0 : void 0,
+      "data-state": n ? "selected" : void 0,
+      onKeyDown: (c) => {
+        t && (c.key === "Enter" || c.key === " ") && (c.preventDefault(), t());
+      },
+      children: e
+    }
+  );
+}
+function Xi({
+  children: e,
+  align: t = "left",
+  sortable: n = !1,
+  sorted: s = !1,
+  onSort: r,
+  className: o
+}) {
+  const c = () => {
+    n && r && r();
+  };
+  return /* @__PURE__ */ h(
+    "th",
+    {
+      className: E(
+        "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+        t === "center" && "text-center",
+        t === "right" && "text-right",
+        n && "cursor-pointer select-none hover:bg-muted/50 transition-colors",
+        o
+      ),
+      onClick: c,
+      role: n ? "button" : void 0,
+      tabIndex: n ? 0 : void 0,
+      "aria-sort": s ? s === "asc" ? "ascending" : "descending" : void 0,
+      onKeyDown: (i) => {
+        n && r && (i.key === "Enter" || i.key === " ") && (i.preventDefault(), r());
+      },
+      children: /* @__PURE__ */ I(
+        "div",
+        {
+          className: E(
+            "flex items-center gap-2",
+            t === "center" && "justify-center",
+            t === "right" && "justify-end"
+          ),
+          children: [
+            e,
+            n && /* @__PURE__ */ h("span", { className: "text-xs", "aria-hidden": "true", children: s === "asc" ? "↑" : s === "desc" ? "↓" : "↕" })
+          ]
+        }
+      )
+    }
+  );
+}
+function Zi({ children: e, align: t = "left", className: n }) {
+  return /* @__PURE__ */ h(
+    "td",
+    {
+      className: E(
+        "p-4 align-middle [&:has([role=checkbox])]:pr-0",
+        t === "center" && "text-center",
+        t === "right" && "text-right",
+        n
+      ),
+      children: e
+    }
+  );
+}
+function Ji({ children: e, className: t }) {
+  return /* @__PURE__ */ h("tfoot", { className: E("border-t font-medium", t), children: e });
+}
+function Qi({ children: e, className: t }) {
+  return /* @__PURE__ */ h("caption", { className: E("mt-4 text-sm text-muted-foreground", t), children: e });
+}
+const B = {
+  Root: Wi,
+  Header: zi,
+  Body: qi,
+  Row: Yi,
+  HeadCell: Xi,
+  Cell: Zi,
+  Footer: Ji,
+  Caption: Qi
+};
+function Wa({
+  products: e,
+  isLoading: t = !1,
+  isError: n = !1,
+  error: s,
+  onRefresh: r,
+  onProductClick: o,
+  className: c,
+  currency: i = "USD",
+  sortField: u,
+  sortDirection: a,
+  onSort: l
+}) {
+  const [d, f] = dt("name"), [p, g] = dt("asc"), m = u ?? d, w = a ?? p, v = (P) => {
+    const D = m === P && w === "asc" ? "desc" : "asc";
+    l ? l(P, D) : (f(P), g(D));
+  }, O = [...e].sort((P, D) => {
+    let b = 0;
+    switch (m) {
+      case "name":
+        b = P.name.localeCompare(D.name);
+        break;
+      case "price":
+        b = P.price - D.price;
+        break;
+      case "expiration":
+        b = new Date(P.expiration).getTime() - new Date(D.expiration).getTime();
+        break;
+    }
+    return w === "asc" ? b : -b;
+  }), N = (P) => new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency: i || "USD"
+  }).format(P), X = (P) => new Intl.DateTimeFormat("en-US", {
+    year: "numeric",
+    month: "short",
+    day: "numeric"
+  }).format(new Date(P));
+  return n ? /* @__PURE__ */ I("div", { className: "flex flex-col items-center justify-center gap-4 p-8 border rounded-lg text-center", children: [
+    /* @__PURE__ */ h("h3", { className: "text-2xl font-semibold", children: "Error Loading Products" }),
+    /* @__PURE__ */ h("p", { className: "text-sm max-w-md", children: (s == null ? void 0 : s.message) || "Failed to load products" }),
+    r && /* @__PURE__ */ h(Vt, { onClick: r, variant: "default", children: "Retry" })
+  ] }) : /* @__PURE__ */ I("div", { className: E("w-full", c), children: [
+    r && /* @__PURE__ */ I("div", { className: "flex items-center justify-between py-4 mb-4 border-b", children: [
+      /* @__PURE__ */ h("h2", { className: "text-2xl font-semibold", children: "Products Catalog" }),
+      /* @__PURE__ */ h(Vt, { onClick: r, variant: "ghost", size: "sm", loading: t, children: "Refresh" })
+    ] }),
+    /* @__PURE__ */ I(B.Root, { variant: "bordered", interactive: !0, children: [
+      /* @__PURE__ */ h(B.Header, { children: /* @__PURE__ */ I(B.Row, { children: [
+        /* @__PURE__ */ h(
+          B.HeadCell,
+          {
+            sortable: !0,
+            sorted: m === "name" ? w : !1,
+            onSort: () => v("name"),
+            children: "Product Name"
+          }
+        ),
+        /* @__PURE__ */ h(
+          B.HeadCell,
+          {
+            align: "right",
+            sortable: !0,
+            sorted: m === "price" ? w : !1,
+            onSort: () => v("price"),
+            children: "Price"
+          }
+        ),
+        /* @__PURE__ */ h(
+          B.HeadCell,
+          {
+            align: "right",
+            sortable: !0,
+            sorted: m === "expiration" ? w : !1,
+            onSort: () => v("expiration"),
+            children: "Expiration Date"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ h(B.Body, { children: t ? /* @__PURE__ */ h(B.Row, { children: /* @__PURE__ */ h(B.Cell, { align: "center", className: "py-8 text-center italic", children: "Loading products..." }) }) : O.length === 0 ? /* @__PURE__ */ h(B.Row, { children: /* @__PURE__ */ h(B.Cell, { align: "center", className: "py-8 text-center text-muted-foreground italic", children: "No products found" }) }) : O.map((P) => /* @__PURE__ */ I(
+        B.Row,
+        {
+          onClick: o ? () => o(P) : void 0,
+          children: [
+            /* @__PURE__ */ h(B.Cell, { children: P.name }),
+            /* @__PURE__ */ h(B.Cell, { align: "right", className: "font-medium", children: (() => {
+              var b;
+              if (i === "USD") return N(P.price);
+              const D = (b = P.rates) == null ? void 0 : b.find((T) => T.currency === i);
+              return N(D ? D.convertedPrice : P.price);
+            })() }),
+            /* @__PURE__ */ h(B.Cell, { align: "right", children: X(P.expiration) })
+          ]
+        },
+        P.id
+      )) })
+    ] })
+  ] });
+}
+function ea({ children: e, className: t }) {
+  return /* @__PURE__ */ h(H.Positioner, { style: { zIndex: 9999 }, children: /* @__PURE__ */ h(
+    H.Content,
+    {
+      style: { backgroundColor: "white", zIndex: 9999 },
+      className: E(
+        "w-full mt-1 max-h-60 overflow-auto rounded-md border border-gray-200 shadow-lg",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out",
+        "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        "data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
+        t
+      ),
+      children: e
+    }
+  ) });
+}
+function ta() {
+  return /* @__PURE__ */ h(H.HiddenSelect, {});
+}
+function na({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ I(
+    H.Item,
+    {
+      className: E(
+        "relative flex cursor-pointer items-center gap-2 px-3 py-2 text-sm outline-none",
+        "hover:bg-gray-100",
+        "data-[highlighted]:bg-gray-100",
+        "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        e
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ h(H.ItemText, { children: t }),
+        /* @__PURE__ */ h(H.ItemIndicator, { className: "ml-auto", children: /* @__PURE__ */ h(Ss, { className: "h-2 w-2 text-blue-600" }) })
+      ]
+    }
+  );
+}
+function sa({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ h(H.ItemGroup, { className: E("py-1", e), ...n, children: t });
+}
+function ra({ className: e, children: t, ...n }) {
+  return /* @__PURE__ */ h(
+    H.ItemGroupLabel,
+    {
+      className: E("px-3 py-1.5 text-xs font-semibold text-gray-500", e),
+      ...n,
+      children: t
+    }
+  );
+}
+function oa({ children: e, className: t }) {
+  return /* @__PURE__ */ h(H.Label, { className: E("mb-1 block text-sm font-medium text-gray-700", t), children: e });
+}
+const ia = Je({});
+function aa(e) {
+  const { items: t, ...n } = e, s = ze(() => Ls({ items: t }), [t]);
+  return /* @__PURE__ */ h(ia.Provider, { value: {}, children: /* @__PURE__ */ h(H.Root, { collection: s, positioning: { sameWidth: !0 }, ...n }) });
+}
+function ca({ className: e, placeholder: t }) {
+  return /* @__PURE__ */ I(
+    H.Control,
+    {
+      className: E(
+        "flex items-center justify-between gap-2 rounded-md border border-gray-300 bg-white px-3 py-2 text-sm",
+        "hover:border-gray-400",
+        "focus-within:border-blue-500 focus-within:ring-1 focus-within:ring-blue-500",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      children: [
+        /* @__PURE__ */ h(H.Trigger, { className: "flex flex-1 items-center gap-2", children: /* @__PURE__ */ h(H.ValueText, { placeholder: t || "Select an option" }) }),
+        /* @__PURE__ */ h(H.Indicator, { children: /* @__PURE__ */ h(ks, { className: "h-4 w-4 text-gray-500" }) })
+      ]
+    }
+  );
+}
+const za = {
+  Root: aa,
+  Label: oa,
+  Trigger: ca,
+  Content: ea,
+  Item: na,
+  ItemGroup: sa,
+  ItemGroupLabel: ra,
+  HiddenSelect: ta
+};
+var la = ye("toast").parts(
+  "group",
+  "root",
+  "title",
+  "description",
+  "actionTrigger",
+  "closeTrigger"
+), ge = la.build(), _ = Ft({
+  getRegionId: (e) => `toast-group:${e}`,
+  getRegionEl: (e, t) => _.getById(e, `toast-group:${t}`),
+  getRootId: (e) => `toast:${e.id}`,
+  getRootEl: (e) => _.getById(e, _.getRootId(e)),
+  getTitleId: (e) => `toast:${e.id}:title`,
+  getDescriptionId: (e) => `toast:${e.id}:description`,
+  getCloseTriggerId: (e) => `toast${e.id}:close`
+});
+function Bt(e, t) {
+  return e.filter((n) => n.state.context.placement === t);
+}
+var un = {
+  info: 5e3,
+  error: 5e3,
+  success: 2e3,
+  loading: 1 / 0,
+  DEFAULT: 5e3
+};
+function dn(e, t) {
+  return e ?? un[t] ?? un.DEFAULT;
+}
+function ua(e, t) {
+  var l;
+  const n = e.offsets, s = typeof n == "string" ? { left: n, right: n, bottom: n, top: n } : n, r = e.dir === "rtl", o = t.replace("-start", r ? "-right" : "-left").replace("-end", r ? "-left" : "-right"), c = o.includes("right"), i = o.includes("left"), u = {
+    position: "fixed",
+    pointerEvents: e.count > 0 ? void 0 : "none",
+    display: "flex",
+    flexDirection: "column",
+    "--gap": `${e.gap}px`,
+    "--first-height": `${((l = e.heights[0]) == null ? void 0 : l.height) || 0}px`,
+    zIndex: Lr
+  };
+  let a = "center";
+  if (c && (a = "flex-end"), i && (a = "flex-start"), u.alignItems = a, o.includes("top")) {
+    const d = s.top;
+    u.top = `max(env(safe-area-inset-top, 0px), ${d})`;
+  }
+  if (o.includes("bottom")) {
+    const d = s.bottom;
+    u.bottom = `max(env(safe-area-inset-bottom, 0px), ${d})`;
+  }
+  if (!o.includes("left")) {
+    const d = s.right;
+    u.insetInlineEnd = `calc(env(safe-area-inset-right, 0px) + ${d})`;
+  }
+  if (!o.includes("right")) {
+    const d = s.left;
+    u.insetInlineStart = `calc(env(safe-area-inset-left, 0px) + ${d})`;
+  }
+  return u;
+}
+function da(e, t) {
+  const [n] = e.placement.split("-"), s = !e.frontmost, r = !e.stacked, o = {
+    position: "absolute",
+    pointerEvents: "auto",
+    "--opacity": "0",
+    "--remove-delay": `${e.removeDelay}ms`,
+    "--duration": `${e.type === "loading" ? Number.MAX_SAFE_INTEGER : e.duration}ms`,
+    "--initial-height": `${e.height}px`,
+    "--offset": `${e.offset}px`,
+    "--index": e.index,
+    "--z-index": e.zIndex,
+    "--lift-amount": "calc(var(--lift) * var(--gap))",
+    "--y": "100%",
+    "--x": "0"
+  }, c = (i) => Object.assign(o, i);
+  return n === "top" ? c({
+    top: "0",
+    "--sign": "-1",
+    "--y": "-100%",
+    "--lift": "1"
+  }) : n === "bottom" && c({
+    bottom: "0",
+    "--sign": "1",
+    "--y": "100%",
+    "--lift": "-1"
+  }), e.mounted && (c({
+    "--y": "0",
+    "--opacity": "1"
+  }), e.stacked && c({
+    "--y": "calc(var(--lift) * var(--offset))",
+    "--height": "var(--initial-height)"
+  })), t || c({
+    "--opacity": "0",
+    pointerEvents: "none"
+  }), s && r && (c({
+    "--base-scale": "var(--index) * 0.05 + 1",
+    "--y": "calc(var(--lift-amount) * var(--index))",
+    "--scale": "calc(-1 * var(--base-scale))",
+    "--height": "var(--first-height)"
+  }), t || c({
+    "--y": "calc(var(--sign) * 40%)"
+  })), s && e.stacked && !t && c({
+    "--y": "calc(var(--lift) * var(--offset) + var(--lift) * -100%)"
+  }), e.frontmost && !t && c({
+    "--y": "calc(var(--lift) * -100%)"
+  }), o;
+}
+function fa(e, t) {
+  const n = {
+    position: "absolute",
+    inset: "0",
+    scale: "1 2",
+    pointerEvents: t ? "none" : "auto"
+  }, s = (r) => Object.assign(n, r);
+  return e.frontmost && !t && s({
+    height: "calc(var(--initial-height) + 80%)"
+  }), n;
+}
+function ha(e, t) {
+  return {
+    position: "absolute",
+    left: "0",
+    height: "calc(var(--gap) + 2px)",
+    bottom: "100%",
+    width: "100%"
+  };
+}
+function pa(e, t, n) {
+  function s() {
+    return gr(e) ? e.getState() : e;
+  }
+  function r(l) {
+    return Bt(s().context.toasts, l);
+  }
+  function o(l) {
+    const d = s().context.toasts;
+    return d.length ? !!d.find((f) => f.id == l) : !1;
+  }
+  function c(l) {
+    const d = `toast:${yt()}`, f = l.id ? l.id : d;
+    return o(f) || t({ type: "ADD_TOAST", toast: { ...l, id: f } }), f;
+  }
+  function i(l, d) {
+    return o(l) && t({ type: "UPDATE_TOAST", id: l, toast: d }), l;
+  }
+  function u(l) {
+    const { id: d } = l;
+    return (d ? o(d) : !1) && d != null ? i(d, l) : c(l);
+  }
+  function a(l) {
+    l == null ? t("DISMISS_ALL") : o(l) && t({ type: "DISMISS_TOAST", id: l });
+  }
+  return {
+    getCount() {
+      return s().context.count;
+    },
+    getPlacements() {
+      const d = s().context.toasts.map((f) => f.state.context.placement);
+      return Array.from(new Set(d));
+    },
+    getToastsByPlacement: r,
+    isVisible: o,
+    create: c,
+    update: i,
+    upsert: u,
+    dismiss: a,
+    remove(l) {
+      l == null ? t("REMOVE_ALL") : o(l) && t({ type: "REMOVE_TOAST", id: l });
+    },
+    dismissByPlacement(l) {
+      r(l).forEach((f) => a(f.id));
+    },
+    loading(l) {
+      return u({ ...l, type: "loading" });
+    },
+    success(l) {
+      return u({ ...l, type: "success" });
+    },
+    error(l) {
+      return u({ ...l, type: "error" });
+    },
+    promise(l, d, f = {}) {
+      const p = u({ ...f, ...d.loading, type: "loading" });
+      return Oe(l).then((g) => {
+        const m = Oe(d.success, g);
+        u({ ...f, ...m, id: p, type: "success" });
+      }).catch((g) => {
+        const m = Oe(d.error, g);
+        u({ ...f, ...m, id: p, type: "error" });
+      }).finally(() => {
+        var g;
+        (g = d.finally) == null || g.call(d);
+      }), p;
+    },
+    pause(l) {
+      l == null ? t("PAUSE_ALL") : o(l) && t({ type: "PAUSE_TOAST", id: l });
+    },
+    resume(l) {
+      l == null ? t("RESUME_ALL") : o(l) && t({ type: "RESUME_TOAST", id: l });
+    },
+    getGroupProps(l) {
+      const { placement: d, label: f = "Notifications" } = l, p = s(), g = p.context.hotkey.join("+").replace(/Key/g, "").replace(/Digit/g, ""), [m, w = "center"] = d.split("-");
+      return n.element({
+        ...ge.group.attrs,
+        dir: p.context.dir,
+        tabIndex: -1,
+        "aria-label": `${d} ${f} ${g}`,
+        id: _.getRegionId(d),
+        "data-placement": d,
+        "data-side": m,
+        "data-align": w,
+        "aria-live": "polite",
+        role: "region",
+        style: ua(p.context, d),
+        onMouseMove() {
+          t({ type: "REGION.POINTER_ENTER", placement: d });
+        },
+        onMouseLeave() {
+          t({ type: "REGION.POINTER_LEAVE", placement: d });
+        },
+        onFocus(v) {
+          t({ type: "REGION.FOCUS", target: v.relatedTarget });
+        },
+        onBlur(v) {
+          p.context.isFocusWithin && !be(v.currentTarget, v.relatedTarget) && t({ type: "REGION.BLUR" });
+        }
+      });
+    },
+    subscribe(l) {
+      const d = s();
+      return Ye(d.context.toasts, () => {
+        const p = r(d.context.placement).map((g) => g.getState().context);
+        l(p);
+      });
+    }
+  };
+}
+var { not: ga, and: ma, or: ya } = Rn;
+function va(e) {
+  const { type: t = "info", duration: n, id: s = "1", placement: r = "bottom", removeDelay: o = 200, ...c } = e, i = ue(c), u = dn(n, t);
+  return Re(
+    {
+      id: s,
+      context: {
+        id: s,
+        type: t,
+        remaining: u,
+        duration: u,
+        removeDelay: o,
+        createdAt: Date.now(),
+        placement: r,
+        ...i,
+        height: 0,
+        offset: 0,
+        frontmost: !1,
+        mounted: !1,
+        index: -1,
+        zIndex: 0
+      },
+      initial: t === "loading" ? "visible:persist" : "visible",
+      on: {
+        UPDATE: [
+          {
+            guard: ma("hasTypeChanged", "isChangingToLoading"),
+            target: "visible:persist",
+            actions: ["setContext"]
+          },
+          {
+            guard: ya("hasDurationChanged", "hasTypeChanged"),
+            target: "visible:updating",
+            actions: ["setContext"]
+          },
+          {
+            actions: ["setContext"]
+          }
+        ],
+        MEASURE: {
+          actions: ["measureHeight"]
+        }
+      },
+      entry: ["invokeOnVisible"],
+      activities: ["trackHeight"],
+      states: {
+        "visible:updating": {
+          tags: ["visible", "updating"],
+          after: {
+            0: "visible"
+          }
+        },
+        "visible:persist": {
+          tags: ["visible", "paused"],
+          on: {
+            RESUME: {
+              guard: ga("isLoadingType"),
+              target: "visible",
+              actions: ["setCreatedAt"]
+            },
+            DISMISS: "dismissing"
+          }
+        },
+        visible: {
+          tags: ["visible"],
+          after: {
+            VISIBLE_DURATION: "dismissing"
+          },
+          on: {
+            DISMISS: "dismissing",
+            PAUSE: {
+              target: "visible:persist",
+              actions: "setRemainingDuration"
+            }
+          }
+        },
+        dismissing: {
+          entry: "invokeOnDismiss",
+          after: {
+            REMOVE_DELAY: {
+              target: "unmounted",
+              actions: "notifyParentToRemove"
+            }
+          }
+        },
+        unmounted: {
+          entry: "invokeOnUnmount",
+          type: "final"
+        }
+      }
+    },
+    {
+      activities: {
+        trackHeight(a, l, { self: d }) {
+          let f;
+          return Y(() => {
+            const p = _.getRootEl(a);
+            if (!p) return;
+            a.mounted = !0;
+            const g = go(p, "[data-ghost]");
+            me(
+              g.length !== 2,
+              "[toast] No ghost element found in toast. Render the `ghostBefore` and `ghostAfter` elements"
+            );
+            const m = () => {
+              const O = p.style.height;
+              p.style.height = "auto";
+              const N = p.getBoundingClientRect().height;
+              p.style.height = O, a.height = N, d.sendParent({ type: "UPDATE_HEIGHT", id: d.id, height: N, placement: a.placement });
+            };
+            m();
+            const w = _.getWin(a), v = new w.MutationObserver(m);
+            v.observe(p, { childList: !0, subtree: !0, characterData: !0 }), f = () => v.disconnect();
+          }), () => f == null ? void 0 : f();
+        }
+      },
+      guards: {
+        isChangingToLoading: (a, l) => {
+          var d;
+          return ((d = l.toast) == null ? void 0 : d.type) === "loading";
+        },
+        isLoadingType: (a) => a.type === "loading",
+        hasTypeChanged: (a, l) => {
+          var d;
+          return ((d = l.toast) == null ? void 0 : d.type) != null && l.toast.type !== a.type;
+        },
+        hasDurationChanged: (a, l) => {
+          var d;
+          return ((d = l.toast) == null ? void 0 : d.duration) != null && l.toast.duration !== a.duration;
+        }
+      },
+      delays: {
+        VISIBLE_DURATION: (a) => a.remaining,
+        REMOVE_DELAY: (a) => a.removeDelay
+      },
+      actions: {
+        measureHeight(a, l, { self: d }) {
+          Y(() => {
+            const f = _.getRootEl(a);
+            if (!f) return;
+            a.mounted = !0;
+            const p = f.style.height;
+            f.style.height = "auto";
+            const g = f.getBoundingClientRect().height;
+            f.style.height = p, a.height = g, d.sendParent({ type: "UPDATE_HEIGHT", id: d.id, height: g, placement: a.placement });
+          });
+        },
+        setRemainingDuration(a) {
+          a.remaining -= Date.now() - a.createdAt;
+        },
+        setCreatedAt(a) {
+          a.createdAt = Date.now();
+        },
+        notifyParentToRemove(a, l, { self: d }) {
+          d.sendParent({ type: "REMOVE_TOAST", id: d.id });
+        },
+        invokeOnDismiss(a) {
+          var l;
+          (l = a.onStatusChange) == null || l.call(a, { status: "dismissing" });
+        },
+        invokeOnUnmount(a) {
+          var l;
+          (l = a.onStatusChange) == null || l.call(a, { status: "unmounted" });
+        },
+        invokeOnVisible(a) {
+          var l;
+          (l = a.onStatusChange) == null || l.call(a, { status: "visible" });
+        },
+        setContext(a, l) {
+          var g, m;
+          const d = (g = l.toast) == null ? void 0 : g.duration, f = ((m = l.toast) == null ? void 0 : m.type) ?? a.type, p = dn(d, f);
+          Object.assign(a, {
+            ...l.toast,
+            duration: p,
+            remaining: p
+          });
+        }
+      }
+    }
+  );
+}
+function ba(e) {
+  const t = ue(e);
+  return Re(
+    {
+      id: "toaster",
+      initial: t.overlap ? "overlap" : "stack",
+      context: {
+        dir: "ltr",
+        max: Number.MAX_SAFE_INTEGER,
+        gap: 16,
+        pauseOnPageIdle: !1,
+        hotkey: ["altKey", "KeyT"],
+        offsets: "1rem",
+        placement: "bottom",
+        removeDelay: 200,
+        ...t,
+        toasts: [],
+        lastFocusedEl: null,
+        isFocusWithin: !1,
+        heights: []
+      },
+      computed: {
+        count: (n) => n.toasts.length
+      },
+      activities: ["trackDocumentVisibility", "trackHotKeyPress"],
+      watch: {
+        toasts: ["collapsedIfEmpty", "setDismissableBranch"]
+      },
+      exit: ["removeToasts", "clearDismissableBranch", "clearLastFocusedEl"],
+      on: {
+        PAUSE_TOAST: {
+          actions: ["pauseToast"]
+        },
+        PAUSE_ALL: {
+          actions: ["pauseToasts"]
+        },
+        RESUME_TOAST: {
+          actions: ["resumeToast"]
+        },
+        RESUME_ALL: {
+          actions: ["resumeToasts"]
+        },
+        ADD_TOAST: {
+          guard: "isWithinRange",
+          actions: ["createToast", "syncToastIndex"]
+        },
+        UPDATE_TOAST: {
+          actions: ["updateToast"]
+        },
+        DISMISS_TOAST: {
+          actions: ["dismissToast"]
+        },
+        DISMISS_ALL: {
+          actions: ["dismissToasts"]
+        },
+        REMOVE_TOAST: {
+          actions: ["removeToast", "syncToastIndex", "syncToastOffset"]
+        },
+        REMOVE_ALL: {
+          actions: ["removeToasts"]
+        },
+        UPDATE_HEIGHT: {
+          actions: ["syncHeights", "syncToastOffset"]
+        },
+        "DOC.HOTKEY": {
+          actions: ["focusRegionEl"]
+        },
+        "REGION.BLUR": [
+          {
+            guard: "isOverlapping",
+            target: "overlap",
+            actions: ["resumeToasts", "restoreLastFocusedEl"]
+          },
+          {
+            actions: ["resumeToasts", "restoreLastFocusedEl"]
+          }
+        ]
+      },
+      states: {
+        stack: {
+          entry: ["expandToasts"],
+          on: {
+            "REGION.POINTER_LEAVE": [
+              {
+                guard: "isOverlapping",
+                target: "overlap",
+                actions: ["resumeToasts"]
+              },
+              {
+                actions: ["resumeToasts"]
+              }
+            ],
+            "REGION.OVERLAP": {
+              target: "overlap"
+            },
+            "REGION.FOCUS": {
+              actions: ["setLastFocusedEl", "pauseToasts"]
+            },
+            "REGION.POINTER_ENTER": {
+              actions: ["pauseToasts"]
+            }
+          }
+        },
+        overlap: {
+          entry: ["collapseToasts"],
+          on: {
+            "REGION.STACK": {
+              target: "stack"
+            },
+            "REGION.POINTER_ENTER": {
+              target: "stack",
+              actions: ["pauseToasts"]
+            },
+            "REGION.FOCUS": {
+              target: "stack",
+              actions: ["setLastFocusedEl", "pauseToasts"]
+            }
+          }
+        }
+      }
+    },
+    {
+      guards: {
+        isWithinRange: (n) => n.toasts.length < n.max,
+        isOverlapping: (n) => !!n.overlap
+      },
+      activities: {
+        trackHotKeyPress(n, s, { send: r }) {
+          return A(document, "keydown", (c) => {
+            n.hotkey.every((u) => c[u] || c.code === u) && r({ type: "DOC.HOTKEY" });
+          }, { capture: !0 });
+        },
+        trackDocumentVisibility(n, s, { send: r }) {
+          if (!n.pauseOnPageIdle) return;
+          const o = _.getDoc(n);
+          return A(o, "visibilitychange", () => {
+            r(o.visibilityState === "hidden" ? "PAUSE_ALL" : "RESUME_ALL");
+          });
+        }
+      },
+      actions: {
+        setDismissableBranch(n) {
+          var c;
+          const r = Bt(n.toasts, n.placement).length > 0;
+          if (!r) {
+            (c = n._cleanup) == null || c.call(n);
+            return;
+          }
+          if (r && n._cleanup)
+            return;
+          const o = () => _.getRegionEl(n, n.placement);
+          n._cleanup = di(o, { defer: !0 });
+        },
+        clearDismissableBranch(n) {
+          var s;
+          (s = n._cleanup) == null || s.call(n);
+        },
+        focusRegionEl(n) {
+          queueMicrotask(() => {
+            var s;
+            (s = _.getRegionEl(n, n.placement)) == null || s.focus();
+          });
+        },
+        expandToasts(n) {
+          Ge(n, (s) => {
+            s.state.context.stacked = !0;
+          });
+        },
+        collapseToasts(n) {
+          Ge(n, (s) => {
+            s.state.context.stacked = !1;
+          });
+        },
+        collapsedIfEmpty(n, s, { send: r }) {
+          !n.overlap || n.toasts.length > 1 || r("REGION.OVERLAP");
+        },
+        pauseToast(n, s, { self: r }) {
+          r.sendChild("PAUSE", s.id);
+        },
+        pauseToasts(n) {
+          n.toasts.forEach((s) => s.send("PAUSE"));
+        },
+        resumeToast(n, s, { self: r }) {
+          r.sendChild("RESUME", s.id);
+        },
+        resumeToasts(n) {
+          n.toasts.forEach((s) => s.send("RESUME"));
+        },
+        measureToasts(n) {
+          n.toasts.forEach((s) => s.send("MEASURE"));
+        },
+        createToast(n, s, { self: r, getState: o }) {
+          const c = {
+            placement: n.placement,
+            duration: n.duration,
+            removeDelay: n.removeDelay,
+            ...s.toast,
+            dir: n.dir,
+            getRootNode: n.getRootNode,
+            stacked: o().matches("stack")
+          }, i = va(c), u = r.spawn(i);
+          n.toasts = [u, ...n.toasts];
+        },
+        updateToast(n, s, { self: r }) {
+          r.sendChild({ type: "UPDATE", toast: s.toast }, s.id);
+        },
+        dismissToast(n, s, { self: r }) {
+          r.sendChild("DISMISS", s.id);
+        },
+        dismissToasts(n) {
+          n.toasts.forEach((s) => s.send("DISMISS"));
+        },
+        removeToast(n, s, { self: r }) {
+          r.stopChild(s.id), n.toasts = n.toasts.filter((o) => o.id !== s.id), n.heights = n.heights.filter((o) => o.id !== s.id);
+        },
+        removeToasts(n, s, { self: r }) {
+          n.toasts.forEach((o) => r.stopChild(o.id)), n.toasts = [], n.heights = [];
+        },
+        syncHeights(n, s) {
+          const r = n.heights.find((o) => o.id === s.id);
+          if (r)
+            r.height = s.height, r.placement = s.placement;
+          else {
+            const o = { id: s.id, height: s.height, placement: s.placement };
+            n.heights = [o, ...n.heights];
+          }
+        },
+        syncToastIndex(n) {
+          Ge(n, (s, r, o) => {
+            s.state.context.index = r, s.state.context.frontmost = r === 0, s.state.context.zIndex = o.length - r;
+          });
+        },
+        syncToastOffset(n, s) {
+          const r = s.placement ?? n.placement;
+          Ge({ ...n, placement: r }, (o) => {
+            const c = Math.max(
+              n.heights.findIndex((u) => u.id === o.id),
+              0
+            ), i = n.heights.reduce((u, a, l) => l >= c ? u : u + a.height, 0);
+            o.state.context.offset = c * n.gap + i;
+          });
+        },
+        setLastFocusedEl(n, s) {
+          n.isFocusWithin || !s.target || (n.isFocusWithin = !0, n.lastFocusedEl = De(s.target));
+        },
+        restoreLastFocusedEl(n) {
+          n.isFocusWithin = !1, n.lastFocusedEl && (n.lastFocusedEl.focus({ preventScroll: !0 }), n.lastFocusedEl = null);
+        },
+        clearLastFocusedEl(n) {
+          n.lastFocusedEl && (n.lastFocusedEl.focus({ preventScroll: !0 }), n.lastFocusedEl = null, n.isFocusWithin = !1);
+        }
+      }
+    }
+  );
+}
+function Ge(e, t) {
+  Bt(e.toasts, e.placement).forEach(t);
+}
+function Ea(e, t, n) {
+  const s = e.hasTag("visible"), r = e.hasTag("paused"), o = e.context.placement, c = e.context.type, [i, u = "center"] = o.split("-");
+  return {
+    type: c,
+    title: e.context.title,
+    description: e.context.description,
+    placement: o,
+    visible: s,
+    paused: r,
+    pause() {
+      t("PAUSE");
+    },
+    resume() {
+      t("RESUME");
+    },
+    dismiss() {
+      t("DISMISS");
+    },
+    getRootProps() {
+      return n.element({
+        ...ge.root.attrs,
+        dir: e.context.dir,
+        id: _.getRootId(e.context),
+        "data-state": s ? "open" : "closed",
+        "data-type": c,
+        "data-placement": o,
+        "data-align": u,
+        "data-side": i,
+        "data-mounted": j(e.context.mounted),
+        "data-paused": j(r),
+        "data-first": j(e.context.frontmost),
+        "data-sibling": j(!e.context.frontmost),
+        "data-stack": j(e.context.stacked),
+        "data-overlap": j(!e.context.stacked),
+        role: "status",
+        "aria-atomic": "true",
+        "aria-describedby": e.context.description ? _.getDescriptionId(e.context) : void 0,
+        "aria-labelledby": e.context.title ? _.getTitleId(e.context) : void 0,
+        tabIndex: 0,
+        style: da(e.context, s),
+        onKeyDown(a) {
+          a.defaultPrevented || a.key == "Escape" && (t("DISMISS"), a.preventDefault());
+        }
+      });
+    },
+    /* Leave a ghost div to avoid setting hover to false when transitioning out */
+    getGhostBeforeProps() {
+      return n.element({
+        "data-ghost": "before",
+        style: fa(e.context, s)
+      });
+    },
+    /* Needed to avoid setting hover to false when in between toasts */
+    getGhostAfterProps() {
+      return n.element({
+        "data-ghost": "after",
+        style: ha()
+      });
+    },
+    getTitleProps() {
+      return n.element({
+        ...ge.title.attrs,
+        id: _.getTitleId(e.context)
+      });
+    },
+    getDescriptionProps() {
+      return n.element({
+        ...ge.description.attrs,
+        id: _.getDescriptionId(e.context)
+      });
+    },
+    getActionTriggerProps() {
+      return n.button({
+        ...ge.actionTrigger.attrs,
+        type: "button",
+        onClick(a) {
+          var l, d;
+          a.defaultPrevented || ((d = (l = e.context.action) == null ? void 0 : l.onClick) == null || d.call(l), t("DISMISS"));
+        }
+      });
+    },
+    getCloseTriggerProps() {
+      return n.button({
+        id: _.getCloseTriggerId(e.context),
+        ...ge.closeTrigger.attrs,
+        type: "button",
+        "aria-label": "Dismiss notification",
+        onClick(a) {
+          a.defaultPrevented || t("DISMISS");
+        }
+      });
+    }
+  };
+}
+var Ct = {
+  connect: pa,
+  machine: ba
+};
+const Ta = (e) => {
+  const t = Ct.machine({ id: "1", ...e });
+  return { ...Ct.connect(t, t.send, Le), machine: t };
+}, [Na, Fe] = J({
+  name: "ToastContext",
+  hookName: "useToastContext",
+  providerName: "<ToastProvider />"
+}), ps = R(
+  (e, t) => {
+    const n = Fe(), s = k(n.getActionTriggerProps(), e);
+    return /* @__PURE__ */ h(F.button, { ...s, ref: t });
+  }
+);
+ps.displayName = "ToastActionTrigger";
+const gs = R(
+  (e, t) => {
+    const n = Fe(), s = k(n.getCloseTriggerProps(), e);
+    return /* @__PURE__ */ h(F.button, { ...s, ref: t });
+  }
+);
+gs.displayName = "ToastCloseTrigger";
+const ms = R((e, t) => {
+  const n = Fe(), s = k(n.getDescriptionProps(), e);
+  return /* @__PURE__ */ h(F.div, { ...s, ref: t });
+});
+ms.displayName = "ToastDescription";
+const ys = R((e, t) => {
+  const n = Fe(), s = k(n.getRootProps(), e);
+  return /* @__PURE__ */ I("div", { ...s, ref: t, children: [
+    /* @__PURE__ */ h("div", { ...n.getGhostBeforeProps() }),
+    e.children,
+    /* @__PURE__ */ h("div", { ...n.getGhostAfterProps() })
+  ] });
+});
+ys.displayName = "ToastRoot";
+const vs = R((e, t) => {
+  const n = Fe(), s = k(n.getTitleProps(), e);
+  return /* @__PURE__ */ h(F.div, { ...s, ref: t });
+});
+vs.displayName = "ToastTitle";
+const bs = R((e, t) => {
+  const { toaster: n, children: s, ...r } = e, [o, c] = et(n.machine), i = o.context.placement, u = Ct.connect(o, c, Le), a = u.getToastsByPlacement(i), l = k(u.getGroupProps({ placement: i }), r);
+  return /* @__PURE__ */ h(F.div, { ...l, ref: t, children: a.map((d) => /* @__PURE__ */ h(Ca, { value: d, children: (f) => s(f) }, d.id)) });
+});
+bs.displayName = "Toaster";
+const Ca = (e) => {
+  const [t, n] = xr(e.value), s = Ea(t, n, Le);
+  return /* @__PURE__ */ h(Na, { value: s, children: e.children(t.context) });
+}, Pe = Ta({
+  placement: "bottom-end",
+  duration: 5e3,
+  overlap: !0,
+  gap: 16
+}), wa = {
+  success: {
+    container: "border-green-200 bg-green-50 text-green-900",
+    icon: "text-green-600",
+    IconComponent: Rs
+  },
+  error: {
+    container: "border-red-200 bg-red-50 text-red-900",
+    icon: "text-red-600",
+    IconComponent: As
+  },
+  warning: {
+    container: "border-yellow-200 bg-yellow-50 text-yellow-900",
+    icon: "text-yellow-600",
+    IconComponent: Ds
+  },
+  info: {
+    container: "border-blue-200 bg-blue-50 text-blue-900",
+    icon: "text-blue-600",
+    IconComponent: Is
+  }
+};
+function qa({ children: e }) {
+  return /* @__PURE__ */ I(ut, { children: [
+    e,
+    /* @__PURE__ */ h(bs, { toaster: Pe, children: (t) => {
+      const n = t.type || "info", s = wa[n], r = s.IconComponent;
+      return /* @__PURE__ */ I(
+        ys,
+        {
+          className: E(
+            // Base styles
+            "flex items-start gap-3 rounded-lg border p-4 shadow-lg",
+            "min-w-[320px] max-w-[420px]",
+            // Animation variables - CRITICAL for Ark UI animations
+            "[translate:var(--x)_var(--y)]",
+            "[scale:var(--scale)]",
+            "[z-index:var(--z-index)]",
+            "[height:var(--height)]",
+            "[opacity:var(--opacity)]",
+            // Variant styles
+            s.container
+          ),
+          children: [
+            /* @__PURE__ */ h(r, { className: E("h-5 w-5 flex-shrink-0 mt-0.5", s.icon) }),
+            /* @__PURE__ */ I("div", { className: "flex-1 space-y-1", children: [
+              /* @__PURE__ */ h(vs, { className: "text-sm font-semibold", children: t.title }),
+              t.description && /* @__PURE__ */ h(ms, { className: "text-sm opacity-90", children: t.description }),
+              t.action && /* @__PURE__ */ h(
+                ps,
+                {
+                  className: E(
+                    "mt-2 inline-flex items-center text-sm font-medium underline-offset-4 hover:underline"
+                  ),
+                  children: t.action.label
+                }
+              )
+            ] }),
+            /* @__PURE__ */ h(
+              gs,
+              {
+                className: E(
+                  "flex-shrink-0 rounded-md p-1 hover:bg-black/5",
+                  "focus:outline-none focus:ring-2 focus:ring-offset-2"
+                ),
+                "aria-label": "Close notification",
+                children: /* @__PURE__ */ h(yn, { className: "h-4 w-4" })
+              }
+            )
+          ]
+        }
+      );
+    } })
+  ] });
+}
+const Ya = {
+  success: (e) => Pe.create({
+    ...e,
+    type: "success"
+  }),
+  error: (e) => Pe.create({
+    ...e,
+    type: "error"
+  }),
+  warning: (e) => Pe.create({
+    ...e,
+    type: "warning"
+  }),
+  info: (e) => Pe.create({
+    ...e,
+    type: "info"
+  })
+};
+export {
+  Vt as Button,
+  Aa as Card,
+  Ma as CardContent,
+  Fa as CardDescription,
+  _a as CardFooter,
+  Ra as CardHeader,
+  La as CardTitle,
+  Va as Checkbox,
+  Ga as Dialog,
+  Ua as Input,
+  Wa as ProductsTable,
+  Ka as Progress,
+  za as Select,
+  B as Table,
+  qa as ToastProvider,
+  E as cn,
+  Ya as toast,
+  Pe as toaster
+};
+//# sourceMappingURL=index.mjs.map