@tabl.io/ui 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,366 +1,2296 @@
-import * as k from "react";
-import { jsx as ne } from "react/jsx-runtime";
-function ze(e) {
-  var t, r, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
+import * as s from "react";
+import { createElement as rt, forwardRef as Kt, useState as Tn } from "react";
+import * as On from "react-dom";
+import Dn from "react-dom";
+import { Fragment as ne, jsx as c, jsxs as x } from "react/jsx-runtime";
+function Zt(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (r = ze(e[t])) && (o && (o += " "), o += r);
-  } else for (r in e) e[r] && (o && (o += " "), o += r);
-  return o;
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (r = Zt(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
 }
-function Ce() {
-  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = ze(e)) && (o && (o += " "), o += t);
-  return o;
+function Qt() {
+  for (var e, t, r = 0, n = "", o = arguments.length; r < o; r++) (e = arguments[r]) && (t = Zt(e)) && (n && (n += " "), n += t);
+  return n;
 }
-var ge = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e;
-const be = Ce, Ne = (e, t) => (r) => {
-  var o;
-  if (t?.variants == null) return be(e, r?.class, r?.className);
-  const { variants: n, defaultVariants: s } = t, c = Object.keys(n).map((l) => {
-    const f = r?.[l], g = s?.[l];
-    if (f === null) return null;
-    const b = ge(f) || ge(g);
-    return n[l][b];
-  }), m = r && Object.entries(r).reduce((l, f) => {
-    let [g, b] = f;
-    return b === void 0 || (l[g] = b), l;
+var kt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e;
+const Et = Qt, Jt = (e, t) => (r) => {
+  var n;
+  if (t?.variants == null) return Et(e, r?.class, r?.className);
+  const { variants: o, defaultVariants: a } = t, l = Object.keys(o).map((d) => {
+    const u = r?.[d], f = a?.[d];
+    if (u === null) return null;
+    const m = kt(u) || kt(f);
+    return o[d][m];
+  }), i = r && Object.entries(r).reduce((d, u) => {
+    let [f, m] = u;
+    return m === void 0 || (d[f] = m), d;
   }, {});
-  return be(e, c, t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((l, f) => {
-    let { class: g, className: b, ...C } = f;
-    return Object.entries(C).every((A) => {
-      let [S, y] = A;
-      return Array.isArray(y) ? y.includes({
-        ...s,
-        ...m
-      }[S]) : {
-        ...s,
-        ...m
-      }[S] === y;
+  return Et(e, l, t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((d, u) => {
+    let { class: f, className: m, ...p } = u;
+    return Object.entries(p).every((g) => {
+      let [C, h] = g;
+      return Array.isArray(h) ? h.includes({
+        ...a,
+        ...i
+      }[C]) : {
+        ...a,
+        ...i
+      }[C] === h;
     }) ? [
-      ...l,
-      g,
-      b
-    ] : l;
+      ...d,
+      f,
+      m
+    ] : d;
   }, []), r?.class, r?.className);
 };
-function he(e, t) {
+function Nt(e, t) {
   if (typeof e == "function") return e(t);
   e != null && (e.current = t);
 }
-function _e(...e) {
+function er(...e) {
   return (t) => {
     let r = !1;
-    const o = e.map((n) => {
-      const s = he(n, t);
-      return !r && typeof s == "function" && (r = !0), s;
+    const n = e.map((o) => {
+      const a = Nt(o, t);
+      return !r && typeof a == "function" && (r = !0), a;
     });
     if (r) return () => {
-      for (let n = 0; n < o.length; n++) {
-        const s = o[n];
-        typeof s == "function" ? s() : he(e[n], null);
+      for (let o = 0; o < n.length; o++) {
+        const a = n[o];
+        typeof a == "function" ? a() : Nt(e[o], null);
       }
     };
   };
 }
+function B(...e) {
+  return s.useCallback(er(...e), e);
+}
 // @__NO_SIDE_EFFECTS__
-function Le(e) {
-  const t = /* @__PURE__ */ Fe(e), r = k.forwardRef((o, n) => {
-    const { children: s, ...c } = o, m = k.Children.toArray(s), l = m.find($e);
-    if (l) {
-      const f = l.props.children, g = m.map((b) => b === l ? k.Children.count(f) > 1 ? k.Children.only(null) : k.isValidElement(f) ? f.props.children : null : b);
-      return /* @__PURE__ */ ne(t, {
-        ...c,
-        ref: n,
-        children: k.isValidElement(f) ? k.cloneElement(f, void 0, g) : null
+function it(e) {
+  const t = /* @__PURE__ */ _n(e), r = s.forwardRef((n, o) => {
+    const { children: a, ...l } = n, i = s.Children.toArray(a), d = i.find(In);
+    if (d) {
+      const u = d.props.children, f = i.map((m) => m === d ? s.Children.count(u) > 1 ? s.Children.only(null) : s.isValidElement(u) ? u.props.children : null : m);
+      return /* @__PURE__ */ c(t, {
+        ...l,
+        ref: o,
+        children: s.isValidElement(u) ? s.cloneElement(u, void 0, f) : null
       });
     }
-    return /* @__PURE__ */ ne(t, {
-      ...c,
-      ref: n,
-      children: s
+    return /* @__PURE__ */ c(t, {
+      ...l,
+      ref: o,
+      children: a
     });
   });
   return r.displayName = `${e}.Slot`, r;
 }
-var We = /* @__PURE__ */ Le("Slot");
+var tr = /* @__PURE__ */ it("Slot");
 // @__NO_SIDE_EFFECTS__
-function Fe(e) {
-  const t = k.forwardRef((r, o) => {
-    const { children: n, ...s } = r;
-    if (k.isValidElement(n)) {
-      const c = Ue(n), m = De(s, n.props);
-      return n.type !== k.Fragment && (m.ref = o ? _e(o, c) : c), k.cloneElement(n, m);
+function _n(e) {
+  const t = s.forwardRef((r, n) => {
+    const { children: o, ...a } = r;
+    if (s.isValidElement(o)) {
+      const l = Ln(o), i = zn(a, o.props);
+      return o.type !== s.Fragment && (i.ref = n ? er(n, l) : l), s.cloneElement(o, i);
     }
-    return k.Children.count(n) > 1 ? k.Children.only(null) : null;
+    return s.Children.count(o) > 1 ? s.Children.only(null) : null;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var Be = /* @__PURE__ */ Symbol("radix.slottable");
-function $e(e) {
-  return k.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Be;
+var Mn = /* @__PURE__ */ Symbol("radix.slottable");
+function In(e) {
+  return s.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Mn;
 }
-function De(e, t) {
+function zn(e, t) {
   const r = { ...t };
-  for (const o in t) {
-    const n = e[o], s = t[o];
-    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...c) => {
-      const m = s(...c);
-      return n(...c), m;
-    } : n && (r[o] = n) : o === "style" ? r[o] = {
-      ...n,
-      ...s
-    } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
+  for (const n in t) {
+    const o = e[n], a = t[n];
+    /^on[A-Z]/.test(n) ? o && a ? r[n] = (...l) => {
+      const i = a(...l);
+      return o(...l), i;
+    } : o && (r[n] = o) : n === "style" ? r[n] = {
+      ...o,
+      ...a
+    } : n === "className" && (r[n] = [o, a].filter(Boolean).join(" "));
   }
   return {
     ...e,
     ...r
   };
 }
-function Ue(e) {
+function Ln(e) {
+  let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+var I = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+].reduce((e, t) => {
+  const r = /* @__PURE__ */ it(`Primitive.${t}`), n = s.forwardRef((o, a) => {
+    const { asChild: l, ...i } = o, d = l ? r : t;
+    return typeof window < "u" && (window[/* @__PURE__ */ Symbol.for("radix-ui")] = !0), /* @__PURE__ */ c(d, {
+      ...i,
+      ref: a
+    });
+  });
+  return n.displayName = `Primitive.${t}`, {
+    ...e,
+    [t]: n
+  };
+}, {});
+function Fn(e, t) {
+  e && On.flushSync(() => e.dispatchEvent(t));
+}
+function Wn(e, t) {
+  const r = s.createContext(t), n = (a) => {
+    const { children: l, ...i } = a, d = s.useMemo(() => i, Object.values(i));
+    return /* @__PURE__ */ c(r.Provider, {
+      value: d,
+      children: l
+    });
+  };
+  n.displayName = e + "Provider";
+  function o(a) {
+    const l = s.useContext(r);
+    if (l) return l;
+    if (t !== void 0) return t;
+    throw new Error(`\`${a}\` must be used within \`${e}\``);
+  }
+  return [n, o];
+}
+function st(e, t = []) {
+  let r = [];
+  function n(a, l) {
+    const i = s.createContext(l), d = r.length;
+    r = [...r, l];
+    const u = (m) => {
+      const { scope: p, children: g, ...C } = m, h = p?.[e]?.[d] || i, v = s.useMemo(() => C, Object.values(C));
+      return /* @__PURE__ */ c(h.Provider, {
+        value: v,
+        children: g
+      });
+    };
+    u.displayName = a + "Provider";
+    function f(m, p) {
+      const g = p?.[e]?.[d] || i, C = s.useContext(g);
+      if (C) return C;
+      if (l !== void 0) return l;
+      throw new Error(`\`${m}\` must be used within \`${a}\``);
+    }
+    return [u, f];
+  }
+  const o = () => {
+    const a = r.map((l) => s.createContext(l));
+    return function(i) {
+      const d = i?.[e] || a;
+      return s.useMemo(() => ({ [`__scope${e}`]: {
+        ...i,
+        [e]: d
+      } }), [i, d]);
+    };
+  };
+  return o.scopeName = e, [n, Bn(o, ...t)];
+}
+function Bn(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const r = () => {
+    const n = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(a) {
+      const l = n.reduce((i, { useScope: d, scopeName: u }) => {
+        const f = d(a)[`__scope${u}`];
+        return {
+          ...i,
+          ...f
+        };
+      }, {});
+      return s.useMemo(() => ({ [`__scope${t.scopeName}`]: l }), [l]);
+    };
+  };
+  return r.scopeName = t.scopeName, r;
+}
+var vs = !!(typeof window < "u" && window.document && window.document.createElement);
+function F(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+  return function(o) {
+    if (e?.(o), r === !1 || !o.defaultPrevented) return t?.(o);
+  };
+}
+var ie = globalThis?.document ? s.useLayoutEffect : () => {
+}, $n = s[" useInsertionEffect ".trim().toString()] || ie;
+function rr({ prop: e, defaultProp: t, onChange: r = () => {
+}, caller: n }) {
+  const [o, a, l] = jn({
+    defaultProp: t,
+    onChange: r
+  }), i = e !== void 0, d = i ? e : o;
+  {
+    const u = s.useRef(e !== void 0);
+    s.useEffect(() => {
+      const f = u.current;
+      f !== i && console.warn(`${n} is changing from ${f ? "controlled" : "uncontrolled"} to ${i ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`), u.current = i;
+    }, [i, n]);
+  }
+  return [d, s.useCallback((u) => {
+    if (i) {
+      const f = Un(u) ? u(e) : u;
+      f !== e && l.current?.(f);
+    } else a(u);
+  }, [
+    i,
+    e,
+    a,
+    l
+  ])];
+}
+function jn({ defaultProp: e, onChange: t }) {
+  const [r, n] = s.useState(e), o = s.useRef(r), a = s.useRef(t);
+  return $n(() => {
+    a.current = t;
+  }, [t]), s.useEffect(() => {
+    o.current !== r && (a.current?.(r), o.current = r);
+  }, [r, o]), [
+    r,
+    n,
+    a
+  ];
+}
+function Un(e) {
+  return typeof e == "function";
+}
+function Vn(e, t) {
+  return s.useReducer((r, n) => t[r][n] ?? r, e);
+}
+var Q = (e) => {
+  const { present: t, children: r } = e, n = Hn(t), o = typeof r == "function" ? r({ present: n.isPresent }) : s.Children.only(r), a = B(n.ref, Gn(o));
+  return typeof r == "function" || n.isPresent ? s.cloneElement(o, { ref: a }) : null;
+};
+Q.displayName = "Presence";
+function Hn(e) {
+  const [t, r] = s.useState(), n = s.useRef(null), o = s.useRef(e), a = s.useRef("none"), [l, i] = Vn(e ? "mounted" : "unmounted", {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: { MOUNT: "mounted" }
+  });
+  return s.useEffect(() => {
+    const d = Ce(n.current);
+    a.current = l === "mounted" ? d : "none";
+  }, [l]), ie(() => {
+    const d = n.current, u = o.current;
+    if (u !== e) {
+      const f = a.current, m = Ce(d);
+      e ? i("MOUNT") : m === "none" || d?.display === "none" ? i("UNMOUNT") : i(u && f !== m ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, i]), ie(() => {
+    if (t) {
+      let d;
+      const u = t.ownerDocument.defaultView ?? window, f = (p) => {
+        const g = Ce(n.current).includes(CSS.escape(p.animationName));
+        if (p.target === t && g && (i("ANIMATION_END"), !o.current)) {
+          const C = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", d = u.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = C);
+          });
+        }
+      }, m = (p) => {
+        p.target === t && (a.current = Ce(n.current));
+      };
+      return t.addEventListener("animationstart", m), t.addEventListener("animationcancel", f), t.addEventListener("animationend", f), () => {
+        u.clearTimeout(d), t.removeEventListener("animationstart", m), t.removeEventListener("animationcancel", f), t.removeEventListener("animationend", f);
+      };
+    } else i("ANIMATION_END");
+  }, [t, i]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(l),
+    ref: s.useCallback((d) => {
+      n.current = d ? getComputedStyle(d) : null, r(d);
+    }, [])
+  };
+}
+function Ce(e) {
+  return e?.animationName || "none";
+}
+function Gn(e) {
   let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-var Ye = (e, t) => {
+var Xn = s[" useId ".trim().toString()] || (() => {
+}), Yn = 0;
+function Ge(e) {
+  const [t, r] = s.useState(Xn());
+  return ie(() => {
+    e || r((n) => n ?? String(Yn++));
+  }, [e]), e || (t ? `radix-${t}` : "");
+}
+var qn = s.createContext(void 0);
+function Kn(e) {
+  const t = s.useContext(qn);
+  return e || t || "ltr";
+}
+function U(e) {
+  const t = s.useRef(e);
+  return s.useEffect(() => {
+    t.current = e;
+  }), s.useMemo(() => (...r) => t.current?.(...r), []);
+}
+function Zn(e, t = globalThis?.document) {
+  const r = U(e);
+  s.useEffect(() => {
+    const n = (o) => {
+      o.key === "Escape" && r(o);
+    };
+    return t.addEventListener("keydown", n, { capture: !0 }), () => t.removeEventListener("keydown", n, { capture: !0 });
+  }, [r, t]);
+}
+var Qn = "DismissableLayer", nt = "dismissableLayer.update", Jn = "dismissableLayer.pointerDownOutside", eo = "dismissableLayer.focusOutside", Rt, nr = s.createContext({
+  layers: /* @__PURE__ */ new Set(),
+  layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+  branches: /* @__PURE__ */ new Set()
+}), or = s.forwardRef((e, t) => {
+  const { disableOutsidePointerEvents: r = !1, onEscapeKeyDown: n, onPointerDownOutside: o, onFocusOutside: a, onInteractOutside: l, onDismiss: i, ...d } = e, u = s.useContext(nr), [f, m] = s.useState(null), p = f?.ownerDocument ?? globalThis?.document, [, g] = s.useState({}), C = B(t, (T) => m(T)), h = Array.from(u.layers), [v] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), E = h.indexOf(v), R = f ? h.indexOf(f) : -1, w = u.layersWithOutsidePointerEventsDisabled.size > 0, S = R >= E, D = no((T) => {
+    const k = T.target, O = [...u.branches].some((z) => z.contains(k));
+    !S || O || (o?.(T), l?.(T), T.defaultPrevented || i?.());
+  }, p), _ = oo((T) => {
+    const k = T.target;
+    [...u.branches].some((O) => O.contains(k)) || (a?.(T), l?.(T), T.defaultPrevented || i?.());
+  }, p);
+  return Zn((T) => {
+    R === u.layers.size - 1 && (n?.(T), !T.defaultPrevented && i && (T.preventDefault(), i()));
+  }, p), s.useEffect(() => {
+    if (f)
+      return r && (u.layersWithOutsidePointerEventsDisabled.size === 0 && (Rt = p.body.style.pointerEvents, p.body.style.pointerEvents = "none"), u.layersWithOutsidePointerEventsDisabled.add(f)), u.layers.add(f), Pt(), () => {
+        r && u.layersWithOutsidePointerEventsDisabled.size === 1 && (p.body.style.pointerEvents = Rt);
+      };
+  }, [
+    f,
+    p,
+    r,
+    u
+  ]), s.useEffect(() => () => {
+    f && (u.layers.delete(f), u.layersWithOutsidePointerEventsDisabled.delete(f), Pt());
+  }, [f, u]), s.useEffect(() => {
+    const T = () => g({});
+    return document.addEventListener(nt, T), () => document.removeEventListener(nt, T);
+  }, []), /* @__PURE__ */ c(I.div, {
+    ...d,
+    ref: C,
+    style: {
+      pointerEvents: w ? S ? "auto" : "none" : void 0,
+      ...e.style
+    },
+    onFocusCapture: F(e.onFocusCapture, _.onFocusCapture),
+    onBlurCapture: F(e.onBlurCapture, _.onBlurCapture),
+    onPointerDownCapture: F(e.onPointerDownCapture, D.onPointerDownCapture)
+  });
+});
+or.displayName = Qn;
+var to = "DismissableLayerBranch", ro = s.forwardRef((e, t) => {
+  const r = s.useContext(nr), n = s.useRef(null), o = B(t, n);
+  return s.useEffect(() => {
+    const a = n.current;
+    if (a)
+      return r.branches.add(a), () => {
+        r.branches.delete(a);
+      };
+  }, [r.branches]), /* @__PURE__ */ c(I.div, {
+    ...e,
+    ref: o
+  });
+});
+ro.displayName = to;
+function no(e, t = globalThis?.document) {
+  const r = U(e), n = s.useRef(!1), o = s.useRef(() => {
+  });
+  return s.useEffect(() => {
+    const a = (i) => {
+      if (i.target && !n.current) {
+        let d = function() {
+          ar(Jn, r, u, { discrete: !0 });
+        };
+        const u = { originalEvent: i };
+        i.pointerType === "touch" ? (t.removeEventListener("click", o.current), o.current = d, t.addEventListener("click", o.current, { once: !0 })) : d();
+      } else t.removeEventListener("click", o.current);
+      n.current = !1;
+    }, l = window.setTimeout(() => {
+      t.addEventListener("pointerdown", a);
+    }, 0);
+    return () => {
+      window.clearTimeout(l), t.removeEventListener("pointerdown", a), t.removeEventListener("click", o.current);
+    };
+  }, [t, r]), { onPointerDownCapture: () => n.current = !0 };
+}
+function oo(e, t = globalThis?.document) {
+  const r = U(e), n = s.useRef(!1);
+  return s.useEffect(() => {
+    const o = (a) => {
+      a.target && !n.current && ar(eo, r, { originalEvent: a }, { discrete: !1 });
+    };
+    return t.addEventListener("focusin", o), () => t.removeEventListener("focusin", o);
+  }, [t, r]), {
+    onFocusCapture: () => n.current = !0,
+    onBlurCapture: () => n.current = !1
+  };
+}
+function Pt() {
+  const e = new CustomEvent(nt);
+  document.dispatchEvent(e);
+}
+function ar(e, t, r, { discrete: n }) {
+  const o = r.originalEvent.target, a = new CustomEvent(e, {
+    bubbles: !1,
+    cancelable: !0,
+    detail: r
+  });
+  t && o.addEventListener(e, t, { once: !0 }), n ? Fn(o, a) : o.dispatchEvent(a);
+}
+var Xe = "focusScope.autoFocusOnMount", Ye = "focusScope.autoFocusOnUnmount", At = {
+  bubbles: !1,
+  cancelable: !0
+}, ao = "FocusScope", ir = s.forwardRef((e, t) => {
+  const { loop: r = !1, trapped: n = !1, onMountAutoFocus: o, onUnmountAutoFocus: a, ...l } = e, [i, d] = s.useState(null), u = U(o), f = U(a), m = s.useRef(null), p = B(t, (h) => d(h)), g = s.useRef({
+    paused: !1,
+    pause() {
+      this.paused = !0;
+    },
+    resume() {
+      this.paused = !1;
+    }
+  }).current;
+  s.useEffect(() => {
+    if (n) {
+      let h = function(w) {
+        if (g.paused || !i) return;
+        const S = w.target;
+        i.contains(S) ? m.current = S : te(m.current, { select: !0 });
+      }, v = function(w) {
+        if (g.paused || !i) return;
+        const S = w.relatedTarget;
+        S !== null && (i.contains(S) || te(m.current, { select: !0 }));
+      }, E = function(w) {
+        if (document.activeElement === document.body)
+          for (const S of w) S.removedNodes.length > 0 && te(i);
+      };
+      document.addEventListener("focusin", h), document.addEventListener("focusout", v);
+      const R = new MutationObserver(E);
+      return i && R.observe(i, {
+        childList: !0,
+        subtree: !0
+      }), () => {
+        document.removeEventListener("focusin", h), document.removeEventListener("focusout", v), R.disconnect();
+      };
+    }
+  }, [
+    n,
+    i,
+    g.paused
+  ]), s.useEffect(() => {
+    if (i) {
+      Ot.add(g);
+      const h = document.activeElement;
+      if (!i.contains(h)) {
+        const v = new CustomEvent(Xe, At);
+        i.addEventListener(Xe, u), i.dispatchEvent(v), v.defaultPrevented || (io(fo(sr(i)), { select: !0 }), document.activeElement === h && te(i));
+      }
+      return () => {
+        i.removeEventListener(Xe, u), setTimeout(() => {
+          const v = new CustomEvent(Ye, At);
+          i.addEventListener(Ye, f), i.dispatchEvent(v), v.defaultPrevented || te(h ?? document.body, { select: !0 }), i.removeEventListener(Ye, f), Ot.remove(g);
+        }, 0);
+      };
+    }
+  }, [
+    i,
+    u,
+    f,
+    g
+  ]);
+  const C = s.useCallback((h) => {
+    if (!r && !n || g.paused) return;
+    const v = h.key === "Tab" && !h.altKey && !h.ctrlKey && !h.metaKey, E = document.activeElement;
+    if (v && E) {
+      const R = h.currentTarget, [w, S] = so(R);
+      w && S ? !h.shiftKey && E === S ? (h.preventDefault(), r && te(w, { select: !0 })) : h.shiftKey && E === w && (h.preventDefault(), r && te(S, { select: !0 })) : E === R && h.preventDefault();
+    }
+  }, [
+    r,
+    n,
+    g.paused
+  ]);
+  return /* @__PURE__ */ c(I.div, {
+    tabIndex: -1,
+    ...l,
+    ref: p,
+    onKeyDown: C
+  });
+});
+ir.displayName = ao;
+function io(e, { select: t = !1 } = {}) {
+  const r = document.activeElement;
+  for (const n of e)
+    if (te(n, { select: t }), document.activeElement !== r) return;
+}
+function so(e) {
+  const t = sr(e);
+  return [Tt(t, e), Tt(t.reverse(), e)];
+}
+function sr(e) {
+  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (n) => {
+    const o = n.tagName === "INPUT" && n.type === "hidden";
+    return n.disabled || n.hidden || o ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+  } });
+  for (; r.nextNode(); ) t.push(r.currentNode);
+  return t;
+}
+function Tt(e, t) {
+  for (const r of e) if (!lo(r, { upTo: t })) return r;
+}
+function lo(e, { upTo: t }) {
+  if (getComputedStyle(e).visibility === "hidden") return !0;
+  for (; e; ) {
+    if (t !== void 0 && e === t) return !1;
+    if (getComputedStyle(e).display === "none") return !0;
+    e = e.parentElement;
+  }
+  return !1;
+}
+function co(e) {
+  return e instanceof HTMLInputElement && "select" in e;
+}
+function te(e, { select: t = !1 } = {}) {
+  if (e && e.focus) {
+    const r = document.activeElement;
+    e.focus({ preventScroll: !0 }), e !== r && co(e) && t && e.select();
+  }
+}
+var Ot = uo();
+function uo() {
+  let e = [];
+  return {
+    add(t) {
+      const r = e[0];
+      t !== r && r?.pause(), e = Dt(e, t), e.unshift(t);
+    },
+    remove(t) {
+      e = Dt(e, t), e[0]?.resume();
+    }
+  };
+}
+function Dt(e, t) {
+  const r = [...e], n = r.indexOf(t);
+  return n !== -1 && r.splice(n, 1), r;
+}
+function fo(e) {
+  return e.filter((t) => t.tagName !== "A");
+}
+var mo = "Portal", lr = s.forwardRef((e, t) => {
+  const { container: r, ...n } = e, [o, a] = s.useState(!1);
+  ie(() => a(!0), []);
+  const l = r || o && globalThis?.document?.body;
+  return l ? Dn.createPortal(/* @__PURE__ */ c(I.div, {
+    ...n,
+    ref: t
+  }), l) : null;
+});
+lr.displayName = mo;
+var qe = 0;
+function po() {
+  s.useEffect(() => {
+    const e = document.querySelectorAll("[data-radix-focus-guard]");
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? _t()), document.body.insertAdjacentElement("beforeend", e[1] ?? _t()), qe++, () => {
+      qe === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), qe--;
+    };
+  }, []);
+}
+function _t() {
+  const e = document.createElement("span");
+  return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+var G = function() {
+  return G = Object.assign || function(t) {
+    for (var r, n = 1, o = arguments.length; n < o; n++) {
+      r = arguments[n];
+      for (var a in r) Object.prototype.hasOwnProperty.call(r, a) && (t[a] = r[a]);
+    }
+    return t;
+  }, G.apply(this, arguments);
+};
+function cr(e, t) {
+  var r = {};
+  for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && t.indexOf(n) < 0 && (r[n] = e[n]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var o = 0, n = Object.getOwnPropertySymbols(e); o < n.length; o++) t.indexOf(n[o]) < 0 && Object.prototype.propertyIsEnumerable.call(e, n[o]) && (r[n[o]] = e[n[o]]);
+  return r;
+}
+function ho(e, t, r) {
+  if (r || arguments.length === 2)
+    for (var n = 0, o = t.length, a; n < o; n++) (a || !(n in t)) && (a || (a = Array.prototype.slice.call(t, 0, n)), a[n] = t[n]);
+  return e.concat(a || Array.prototype.slice.call(t));
+}
+var Te = "right-scroll-bar-position", Oe = "width-before-scroll-bar", vo = "with-scroll-bars-hidden", go = "--removed-body-scroll-bar-size";
+function Ke(e, t) {
+  return typeof e == "function" ? e(t) : e && (e.current = t), e;
+}
+function bo(e, t) {
+  var r = Tn(function() {
+    return {
+      value: e,
+      callback: t,
+      facade: {
+        get current() {
+          return r.value;
+        },
+        set current(n) {
+          var o = r.value;
+          o !== n && (r.value = n, r.callback(n, o));
+        }
+      }
+    };
+  })[0];
+  return r.callback = t, r.facade;
+}
+var yo = typeof window < "u" ? s.useLayoutEffect : s.useEffect, Mt = /* @__PURE__ */ new WeakMap();
+function xo(e, t) {
+  var r = bo(t || null, function(n) {
+    return e.forEach(function(o) {
+      return Ke(o, n);
+    });
+  });
+  return yo(function() {
+    var n = Mt.get(r);
+    if (n) {
+      var o = new Set(n), a = new Set(e), l = r.current;
+      o.forEach(function(i) {
+        a.has(i) || Ke(i, null);
+      }), a.forEach(function(i) {
+        o.has(i) || Ke(i, l);
+      });
+    }
+    Mt.set(r, e);
+  }, [e]), r;
+}
+function wo(e) {
+  return e;
+}
+function So(e, t) {
+  t === void 0 && (t = wo);
+  var r = [], n = !1;
+  return {
+    read: function() {
+      if (n) throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
+      return r.length ? r[r.length - 1] : e;
+    },
+    useMedium: function(o) {
+      var a = t(o, n);
+      return r.push(a), function() {
+        r = r.filter(function(l) {
+          return l !== a;
+        });
+      };
+    },
+    assignSyncMedium: function(o) {
+      for (n = !0; r.length; ) {
+        var a = r;
+        r = [], a.forEach(o);
+      }
+      r = {
+        push: function(l) {
+          return o(l);
+        },
+        filter: function() {
+          return r;
+        }
+      };
+    },
+    assignMedium: function(o) {
+      n = !0;
+      var a = [];
+      if (r.length) {
+        var l = r;
+        r = [], l.forEach(o), a = r;
+      }
+      var i = function() {
+        var u = a;
+        a = [], u.forEach(o);
+      }, d = function() {
+        return Promise.resolve().then(i);
+      };
+      d(), r = {
+        push: function(u) {
+          a.push(u), d();
+        },
+        filter: function(u) {
+          return a = a.filter(u), r;
+        }
+      };
+    }
+  };
+}
+function Co(e) {
+  e === void 0 && (e = {});
+  var t = So(null);
+  return t.options = G({
+    async: !0,
+    ssr: !1
+  }, e), t;
+}
+var dr = function(e) {
+  var t = e.sideCar, r = cr(e, ["sideCar"]);
+  if (!t) throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var n = t.read();
+  if (!n) throw new Error("Sidecar medium not found");
+  return s.createElement(n, G({}, r));
+};
+dr.isSideCarExport = !0;
+function ko(e, t) {
+  return e.useMedium(t), dr;
+}
+var ur = Co(), Ze = function() {
+}, Fe = s.forwardRef(function(e, t) {
+  var r = s.useRef(null), n = s.useState({
+    onScrollCapture: Ze,
+    onWheelCapture: Ze,
+    onTouchMoveCapture: Ze
+  }), o = n[0], a = n[1], l = e.forwardProps, i = e.children, d = e.className, u = e.removeScrollBar, f = e.enabled, m = e.shards, p = e.sideCar, g = e.noRelative, C = e.noIsolation, h = e.inert, v = e.allowPinchZoom, E = e.as, R = E === void 0 ? "div" : E, w = e.gapMode, S = cr(e, [
+    "forwardProps",
+    "children",
+    "className",
+    "removeScrollBar",
+    "enabled",
+    "shards",
+    "sideCar",
+    "noRelative",
+    "noIsolation",
+    "inert",
+    "allowPinchZoom",
+    "as",
+    "gapMode"
+  ]), D = p, _ = xo([r, t]), T = G(G({}, S), o);
+  return s.createElement(s.Fragment, null, f && s.createElement(D, {
+    sideCar: ur,
+    removeScrollBar: u,
+    shards: m,
+    noRelative: g,
+    noIsolation: C,
+    inert: h,
+    setCallbacks: a,
+    allowPinchZoom: !!v,
+    lockRef: r,
+    gapMode: w
+  }), l ? s.cloneElement(s.Children.only(i), G(G({}, T), { ref: _ })) : s.createElement(R, G({}, T, {
+    className: d,
+    ref: _
+  }), i));
+});
+Fe.defaultProps = {
+  enabled: !0,
+  removeScrollBar: !0,
+  inert: !1
+};
+Fe.classNames = {
+  fullWidth: Oe,
+  zeroRight: Te
+};
+var It, Eo = function() {
+  if (It) return It;
+  if (typeof __webpack_nonce__ < "u") return __webpack_nonce__;
+};
+function No() {
+  if (!document) return null;
+  var e = document.createElement("style");
+  e.type = "text/css";
+  var t = Eo();
+  return t && e.setAttribute("nonce", t), e;
+}
+function Ro(e, t) {
+  e.styleSheet ? e.styleSheet.cssText = t : e.appendChild(document.createTextNode(t));
+}
+function Po(e) {
+  (document.head || document.getElementsByTagName("head")[0]).appendChild(e);
+}
+var Ao = function() {
+  var e = 0, t = null;
+  return {
+    add: function(r) {
+      e == 0 && (t = No()) && (Ro(t, r), Po(t)), e++;
+    },
+    remove: function() {
+      e--, !e && t && (t.parentNode && t.parentNode.removeChild(t), t = null);
+    }
+  };
+}, To = function() {
+  var e = Ao();
+  return function(t, r) {
+    s.useEffect(function() {
+      return e.add(t), function() {
+        e.remove();
+      };
+    }, [t && r]);
+  };
+}, fr = function() {
+  var e = To(), t = function(r) {
+    var n = r.styles, o = r.dynamic;
+    return e(n, o), null;
+  };
+  return t;
+}, Oo = {
+  left: 0,
+  top: 0,
+  right: 0,
+  gap: 0
+}, Qe = function(e) {
+  return parseInt(e || "", 10) || 0;
+}, Do = function(e) {
+  var t = window.getComputedStyle(document.body), r = t[e === "padding" ? "paddingLeft" : "marginLeft"], n = t[e === "padding" ? "paddingTop" : "marginTop"], o = t[e === "padding" ? "paddingRight" : "marginRight"];
+  return [
+    Qe(r),
+    Qe(n),
+    Qe(o)
+  ];
+}, _o = function(e) {
+  if (e === void 0 && (e = "margin"), typeof window > "u") return Oo;
+  var t = Do(e), r = document.documentElement.clientWidth, n = window.innerWidth;
+  return {
+    left: t[0],
+    top: t[1],
+    right: t[2],
+    gap: Math.max(0, n - r + t[2] - t[0])
+  };
+}, Mo = fr(), ge = "data-scroll-locked", Io = function(e, t, r, n) {
+  var o = e.left, a = e.top, l = e.right, i = e.gap;
+  return r === void 0 && (r = "margin"), `
+  .`.concat(vo, ` {
+   overflow: hidden `).concat(n, `;
+   padding-right: `).concat(i, "px ").concat(n, `;
+  }
+  body[`).concat(ge, `] {
+    overflow: hidden `).concat(n, `;
+    overscroll-behavior: contain;
+    `).concat([
+    t && "position: relative ".concat(n, ";"),
+    r === "margin" && `
+    padding-left: `.concat(o, `px;
+    padding-top: `).concat(a, `px;
+    padding-right: `).concat(l, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(i, "px ").concat(n, `;
+    `),
+    r === "padding" && "padding-right: ".concat(i, "px ").concat(n, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(Te, ` {
+    right: `).concat(i, "px ").concat(n, `;
+  }
+  
+  .`).concat(Oe, ` {
+    margin-right: `).concat(i, "px ").concat(n, `;
+  }
+  
+  .`).concat(Te, " .").concat(Te, ` {
+    right: 0 `).concat(n, `;
+  }
+  
+  .`).concat(Oe, " .").concat(Oe, ` {
+    margin-right: 0 `).concat(n, `;
+  }
+  
+  body[`).concat(ge, `] {
+    `).concat(go, ": ").concat(i, `px;
+  }
+`);
+}, zt = function() {
+  var e = parseInt(document.body.getAttribute("data-scroll-locked") || "0", 10);
+  return isFinite(e) ? e : 0;
+}, zo = function() {
+  s.useEffect(function() {
+    return document.body.setAttribute(ge, (zt() + 1).toString()), function() {
+      var e = zt() - 1;
+      e <= 0 ? document.body.removeAttribute(ge) : document.body.setAttribute(ge, e.toString());
+    };
+  }, []);
+}, Lo = function(e) {
+  var t = e.noRelative, r = e.noImportant, n = e.gapMode, o = n === void 0 ? "margin" : n;
+  zo();
+  var a = s.useMemo(function() {
+    return _o(o);
+  }, [o]);
+  return s.createElement(Mo, { styles: Io(a, !t, o, r ? "" : "!important") });
+}, ot = !1;
+if (typeof window < "u") try {
+  var ke = Object.defineProperty({}, "passive", { get: function() {
+    return ot = !0, !0;
+  } });
+  window.addEventListener("test", ke, ke), window.removeEventListener("test", ke, ke);
+} catch {
+  ot = !1;
+}
+var ce = ot ? { passive: !1 } : !1, Fo = function(e) {
+  return e.tagName === "TEXTAREA";
+}, mr = function(e, t) {
+  if (!(e instanceof Element)) return !1;
+  var r = window.getComputedStyle(e);
+  return r[t] !== "hidden" && !(r.overflowY === r.overflowX && !Fo(e) && r[t] === "visible");
+}, Wo = function(e) {
+  return mr(e, "overflowY");
+}, Bo = function(e) {
+  return mr(e, "overflowX");
+}, Lt = function(e, t) {
+  var r = t.ownerDocument, n = t;
+  do {
+    if (typeof ShadowRoot < "u" && n instanceof ShadowRoot && (n = n.host), pr(e, n)) {
+      var o = hr(e, n);
+      if (o[1] > o[2]) return !0;
+    }
+    n = n.parentNode;
+  } while (n && n !== r.body);
+  return !1;
+}, $o = function(e) {
+  return [
+    e.scrollTop,
+    e.scrollHeight,
+    e.clientHeight
+  ];
+}, jo = function(e) {
+  return [
+    e.scrollLeft,
+    e.scrollWidth,
+    e.clientWidth
+  ];
+}, pr = function(e, t) {
+  return e === "v" ? Wo(t) : Bo(t);
+}, hr = function(e, t) {
+  return e === "v" ? $o(t) : jo(t);
+}, Uo = function(e, t) {
+  return e === "h" && t === "rtl" ? -1 : 1;
+}, Vo = function(e, t, r, n, o) {
+  var a = Uo(e, window.getComputedStyle(t).direction), l = a * n, i = r.target, d = t.contains(i), u = !1, f = l > 0, m = 0, p = 0;
+  do {
+    if (!i) break;
+    var g = hr(e, i), C = g[0], h = g[1] - g[2] - a * C;
+    (C || h) && pr(e, i) && (m += h, p += C);
+    var v = i.parentNode;
+    i = v && v.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? v.host : v;
+  } while (!d && i !== document.body || d && (t.contains(i) || t === i));
+  return (f && (o && Math.abs(m) < 1 || !o && l > m) || !f && (o && Math.abs(p) < 1 || !o && -l > p)) && (u = !0), u;
+}, Ee = function(e) {
+  return "changedTouches" in e ? [e.changedTouches[0].clientX, e.changedTouches[0].clientY] : [0, 0];
+}, Ft = function(e) {
+  return [e.deltaX, e.deltaY];
+}, Wt = function(e) {
+  return e && "current" in e ? e.current : e;
+}, Ho = function(e, t) {
+  return e[0] === t[0] && e[1] === t[1];
+}, Go = function(e) {
+  return `
+  .block-interactivity-`.concat(e, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(e, ` {pointer-events: all;}
+`);
+}, Xo = 0, de = [];
+function Yo(e) {
+  var t = s.useRef([]), r = s.useRef([0, 0]), n = s.useRef(), o = s.useState(Xo++)[0], a = s.useState(fr)[0], l = s.useRef(e);
+  s.useEffect(function() {
+    l.current = e;
+  }, [e]), s.useEffect(function() {
+    if (e.inert) {
+      document.body.classList.add("block-interactivity-".concat(o));
+      var h = ho([e.lockRef.current], (e.shards || []).map(Wt), !0).filter(Boolean);
+      return h.forEach(function(v) {
+        return v.classList.add("allow-interactivity-".concat(o));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(o)), h.forEach(function(v) {
+          return v.classList.remove("allow-interactivity-".concat(o));
+        });
+      };
+    }
+  }, [
+    e.inert,
+    e.lockRef.current,
+    e.shards
+  ]);
+  var i = s.useCallback(function(h, v) {
+    if ("touches" in h && h.touches.length === 2 || h.type === "wheel" && h.ctrlKey) return !l.current.allowPinchZoom;
+    var E = Ee(h), R = r.current, w = "deltaX" in h ? h.deltaX : R[0] - E[0], S = "deltaY" in h ? h.deltaY : R[1] - E[1], D, _ = h.target, T = Math.abs(w) > Math.abs(S) ? "h" : "v";
+    if ("touches" in h && T === "h" && _.type === "range") return !1;
+    var k = window.getSelection(), O = k && k.anchorNode;
+    if (O && (O === _ || O.contains(_))) return !1;
+    var z = Lt(T, _);
+    if (!z) return !0;
+    if (z ? D = T : (D = T === "v" ? "h" : "v", z = Lt(T, _)), !z) return !1;
+    if (!n.current && "changedTouches" in h && (w || S) && (n.current = D), !D) return !0;
+    var q = n.current || D;
+    return Vo(q, v, h, q === "h" ? w : S, !0);
+  }, []), d = s.useCallback(function(h) {
+    var v = h;
+    if (!(!de.length || de[de.length - 1] !== a)) {
+      var E = "deltaY" in v ? Ft(v) : Ee(v), R = t.current.filter(function(S) {
+        return S.name === v.type && (S.target === v.target || v.target === S.shadowParent) && Ho(S.delta, E);
+      })[0];
+      if (R && R.should) {
+        v.cancelable && v.preventDefault();
+        return;
+      }
+      if (!R) {
+        var w = (l.current.shards || []).map(Wt).filter(Boolean).filter(function(S) {
+          return S.contains(v.target);
+        });
+        (w.length > 0 ? i(v, w[0]) : !l.current.noIsolation) && v.cancelable && v.preventDefault();
+      }
+    }
+  }, []), u = s.useCallback(function(h, v, E, R) {
+    var w = {
+      name: h,
+      delta: v,
+      target: E,
+      should: R,
+      shadowParent: qo(E)
+    };
+    t.current.push(w), setTimeout(function() {
+      t.current = t.current.filter(function(S) {
+        return S !== w;
+      });
+    }, 1);
+  }, []), f = s.useCallback(function(h) {
+    r.current = Ee(h), n.current = void 0;
+  }, []), m = s.useCallback(function(h) {
+    u(h.type, Ft(h), h.target, i(h, e.lockRef.current));
+  }, []), p = s.useCallback(function(h) {
+    u(h.type, Ee(h), h.target, i(h, e.lockRef.current));
+  }, []);
+  s.useEffect(function() {
+    return de.push(a), e.setCallbacks({
+      onScrollCapture: m,
+      onWheelCapture: m,
+      onTouchMoveCapture: p
+    }), document.addEventListener("wheel", d, ce), document.addEventListener("touchmove", d, ce), document.addEventListener("touchstart", f, ce), function() {
+      de = de.filter(function(h) {
+        return h !== a;
+      }), document.removeEventListener("wheel", d, ce), document.removeEventListener("touchmove", d, ce), document.removeEventListener("touchstart", f, ce);
+    };
+  }, []);
+  var g = e.removeScrollBar, C = e.inert;
+  return s.createElement(s.Fragment, null, C ? s.createElement(a, { styles: Go(o) }) : null, g ? s.createElement(Lo, {
+    noRelative: e.noRelative,
+    gapMode: e.gapMode
+  }) : null);
+}
+function qo(e) {
+  for (var t = null; e !== null; )
+    e instanceof ShadowRoot && (t = e.host, e = e.host), e = e.parentNode;
+  return t;
+}
+var Ko = ko(ur, Yo), vr = s.forwardRef(function(e, t) {
+  return s.createElement(Fe, G({}, e, {
+    ref: t,
+    sideCar: Ko
+  }));
+});
+vr.classNames = Fe.classNames;
+var Zo = function(e) {
+  return typeof document > "u" ? null : (Array.isArray(e) ? e[0] : e).ownerDocument.body;
+}, ue = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), Re = {}, Je = 0, gr = function(e) {
+  return e && (e.host || gr(e.parentNode));
+}, Qo = function(e, t) {
+  return t.map(function(r) {
+    if (e.contains(r)) return r;
+    var n = gr(r);
+    return n && e.contains(n) ? n : (console.error("aria-hidden", r, "in not contained inside", e, ". Doing nothing"), null);
+  }).filter(function(r) {
+    return !!r;
+  });
+}, Jo = function(e, t, r, n) {
+  var o = Qo(t, Array.isArray(e) ? e : [e]);
+  Re[r] || (Re[r] = /* @__PURE__ */ new WeakMap());
+  var a = Re[r], l = [], i = /* @__PURE__ */ new Set(), d = new Set(o), u = function(m) {
+    !m || i.has(m) || (i.add(m), u(m.parentNode));
+  };
+  o.forEach(u);
+  var f = function(m) {
+    !m || d.has(m) || Array.prototype.forEach.call(m.children, function(p) {
+      if (i.has(p)) f(p);
+      else try {
+        var g = p.getAttribute(n), C = g !== null && g !== "false", h = (ue.get(p) || 0) + 1, v = (a.get(p) || 0) + 1;
+        ue.set(p, h), a.set(p, v), l.push(p), h === 1 && C && Ne.set(p, !0), v === 1 && p.setAttribute(r, "true"), C || p.setAttribute(n, "true");
+      } catch (E) {
+        console.error("aria-hidden: cannot operate on ", p, E);
+      }
+    });
+  };
+  return f(t), i.clear(), Je++, function() {
+    l.forEach(function(m) {
+      var p = ue.get(m) - 1, g = a.get(m) - 1;
+      ue.set(m, p), a.set(m, g), p || (Ne.has(m) || m.removeAttribute(n), Ne.delete(m)), g || m.removeAttribute(r);
+    }), Je--, Je || (ue = /* @__PURE__ */ new WeakMap(), ue = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), Re = {});
+  };
+}, ea = function(e, t, r) {
+  r === void 0 && (r = "data-aria-hidden");
+  var n = Array.from(Array.isArray(e) ? e : [e]), o = t || Zo(e);
+  return o ? (n.push.apply(n, Array.from(o.querySelectorAll("[aria-live], script"))), Jo(n, o, r, "aria-hidden")) : function() {
+    return null;
+  };
+}, We = "Dialog", [br, gs] = st(We), [ta, H] = br(We), yr = (e) => {
+  const { __scopeDialog: t, children: r, open: n, defaultOpen: o, onOpenChange: a, modal: l = !0 } = e, i = s.useRef(null), d = s.useRef(null), [u, f] = rr({
+    prop: n,
+    defaultProp: o ?? !1,
+    onChange: a,
+    caller: We
+  });
+  return /* @__PURE__ */ c(ta, {
+    scope: t,
+    triggerRef: i,
+    contentRef: d,
+    contentId: Ge(),
+    titleId: Ge(),
+    descriptionId: Ge(),
+    open: u,
+    onOpenChange: f,
+    onOpenToggle: s.useCallback(() => f((m) => !m), [f]),
+    modal: l,
+    children: r
+  });
+};
+yr.displayName = We;
+var xr = "DialogTrigger", ra = s.forwardRef((e, t) => {
+  const { __scopeDialog: r, ...n } = e, o = H(xr, r), a = B(t, o.triggerRef);
+  return /* @__PURE__ */ c(I.button, {
+    type: "button",
+    "aria-haspopup": "dialog",
+    "aria-expanded": o.open,
+    "aria-controls": o.contentId,
+    "data-state": dt(o.open),
+    ...n,
+    ref: a,
+    onClick: F(e.onClick, o.onOpenToggle)
+  });
+});
+ra.displayName = xr;
+var lt = "DialogPortal", [na, wr] = br(lt, { forceMount: void 0 }), Sr = (e) => {
+  const { __scopeDialog: t, forceMount: r, children: n, container: o } = e, a = H(lt, t);
+  return /* @__PURE__ */ c(na, {
+    scope: t,
+    forceMount: r,
+    children: s.Children.map(n, (l) => /* @__PURE__ */ c(Q, {
+      present: r || a.open,
+      children: /* @__PURE__ */ c(lr, {
+        asChild: !0,
+        container: o,
+        children: l
+      })
+    }))
+  });
+};
+Sr.displayName = lt;
+var _e = "DialogOverlay", Cr = s.forwardRef((e, t) => {
+  const r = wr(_e, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, a = H(_e, e.__scopeDialog);
+  return a.modal ? /* @__PURE__ */ c(Q, {
+    present: n || a.open,
+    children: /* @__PURE__ */ c(aa, {
+      ...o,
+      ref: t
+    })
+  }) : null;
+});
+Cr.displayName = _e;
+var oa = /* @__PURE__ */ it("DialogOverlay.RemoveScroll"), aa = s.forwardRef((e, t) => {
+  const { __scopeDialog: r, ...n } = e, o = H(_e, r);
+  return /* @__PURE__ */ c(vr, {
+    as: oa,
+    allowPinchZoom: !0,
+    shards: [o.contentRef],
+    children: /* @__PURE__ */ c(I.div, {
+      "data-state": dt(o.open),
+      ...n,
+      ref: t,
+      style: {
+        pointerEvents: "auto",
+        ...n.style
+      }
+    })
+  });
+}), se = "DialogContent", kr = s.forwardRef((e, t) => {
+  const r = wr(se, e.__scopeDialog), { forceMount: n = r.forceMount, ...o } = e, a = H(se, e.__scopeDialog);
+  return /* @__PURE__ */ c(Q, {
+    present: n || a.open,
+    children: a.modal ? /* @__PURE__ */ c(ia, {
+      ...o,
+      ref: t
+    }) : /* @__PURE__ */ c(sa, {
+      ...o,
+      ref: t
+    })
+  });
+});
+kr.displayName = se;
+var ia = s.forwardRef((e, t) => {
+  const r = H(se, e.__scopeDialog), n = s.useRef(null), o = B(t, r.contentRef, n);
+  return s.useEffect(() => {
+    const a = n.current;
+    if (a) return ea(a);
+  }, []), /* @__PURE__ */ c(Er, {
+    ...e,
+    ref: o,
+    trapFocus: r.open,
+    disableOutsidePointerEvents: !0,
+    onCloseAutoFocus: F(e.onCloseAutoFocus, (a) => {
+      a.preventDefault(), r.triggerRef.current?.focus();
+    }),
+    onPointerDownOutside: F(e.onPointerDownOutside, (a) => {
+      const l = a.detail.originalEvent, i = l.button === 0 && l.ctrlKey === !0;
+      (l.button === 2 || i) && a.preventDefault();
+    }),
+    onFocusOutside: F(e.onFocusOutside, (a) => a.preventDefault())
+  });
+}), sa = s.forwardRef((e, t) => {
+  const r = H(se, e.__scopeDialog), n = s.useRef(!1), o = s.useRef(!1);
+  return /* @__PURE__ */ c(Er, {
+    ...e,
+    ref: t,
+    trapFocus: !1,
+    disableOutsidePointerEvents: !1,
+    onCloseAutoFocus: (a) => {
+      e.onCloseAutoFocus?.(a), a.defaultPrevented || (n.current || r.triggerRef.current?.focus(), a.preventDefault()), n.current = !1, o.current = !1;
+    },
+    onInteractOutside: (a) => {
+      e.onInteractOutside?.(a), a.defaultPrevented || (n.current = !0, a.detail.originalEvent.type === "pointerdown" && (o.current = !0));
+      const l = a.target;
+      r.triggerRef.current?.contains(l) && a.preventDefault(), a.detail.originalEvent.type === "focusin" && o.current && a.preventDefault();
+    }
+  });
+}), Er = s.forwardRef((e, t) => {
+  const { __scopeDialog: r, trapFocus: n, onOpenAutoFocus: o, onCloseAutoFocus: a, ...l } = e, i = H(se, r), d = s.useRef(null), u = B(t, d);
+  return po(), /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ c(ir, {
+    asChild: !0,
+    loop: !0,
+    trapped: n,
+    onMountAutoFocus: o,
+    onUnmountAutoFocus: a,
+    children: /* @__PURE__ */ c(or, {
+      role: "dialog",
+      id: i.contentId,
+      "aria-describedby": i.descriptionId,
+      "aria-labelledby": i.titleId,
+      "data-state": dt(i.open),
+      ...l,
+      ref: u,
+      onDismiss: () => i.onOpenChange(!1)
+    })
+  }), /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ c(ca, { titleId: i.titleId }), /* @__PURE__ */ c(ua, {
+    contentRef: d,
+    descriptionId: i.descriptionId
+  })] })] });
+}), ct = "DialogTitle", Nr = s.forwardRef((e, t) => {
+  const { __scopeDialog: r, ...n } = e, o = H(ct, r);
+  return /* @__PURE__ */ c(I.h2, {
+    id: o.titleId,
+    ...n,
+    ref: t
+  });
+});
+Nr.displayName = ct;
+var Rr = "DialogDescription", la = s.forwardRef((e, t) => {
+  const { __scopeDialog: r, ...n } = e, o = H(Rr, r);
+  return /* @__PURE__ */ c(I.p, {
+    id: o.descriptionId,
+    ...n,
+    ref: t
+  });
+});
+la.displayName = Rr;
+var Pr = "DialogClose", Ar = s.forwardRef((e, t) => {
+  const { __scopeDialog: r, ...n } = e, o = H(Pr, r);
+  return /* @__PURE__ */ c(I.button, {
+    type: "button",
+    ...n,
+    ref: t,
+    onClick: F(e.onClick, () => o.onOpenChange(!1))
+  });
+});
+Ar.displayName = Pr;
+function dt(e) {
+  return e ? "open" : "closed";
+}
+var Tr = "DialogTitleWarning", [bs, Or] = Wn(Tr, {
+  contentName: se,
+  titleName: ct,
+  docsSlug: "dialog"
+}), ca = ({ titleId: e }) => {
+  const t = Or(Tr), r = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(r));
+  }, [r, e]), null;
+}, da = "DialogDescriptionWarning", ua = ({ contentRef: e, descriptionId: t }) => {
+  const r = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${Or(da).contentName}}.`;
+  return s.useEffect(() => {
+    const n = e.current?.getAttribute("aria-describedby");
+    t && n && (document.getElementById(t) || console.warn(r));
+  }, [
+    r,
+    e,
+    t
+  ]), null;
+}, Dr = yr, _r = Sr, Mr = Cr, Ir = kr, zr = Nr, Lr = Ar;
+function fa(e) {
+  const t = s.useRef({
+    value: e,
+    previous: e
+  });
+  return s.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+function ma(e) {
+  const [t, r] = s.useState(void 0);
+  return ie(() => {
+    if (e) {
+      r({
+        width: e.offsetWidth,
+        height: e.offsetHeight
+      });
+      const n = new ResizeObserver((o) => {
+        if (!Array.isArray(o) || !o.length) return;
+        const a = o[0];
+        let l, i;
+        if ("borderBoxSize" in a) {
+          const d = a.borderBoxSize, u = Array.isArray(d) ? d[0] : d;
+          l = u.inlineSize, i = u.blockSize;
+        } else
+          l = e.offsetWidth, i = e.offsetHeight;
+        r({
+          width: l,
+          height: i
+        });
+      });
+      return n.observe(e, { box: "border-box" }), () => n.unobserve(e);
+    } else r(void 0);
+  }, [e]), t;
+}
+var Be = "Checkbox", [pa, ys] = st(Be), [ha, ut] = pa(Be);
+function va(e) {
+  const { __scopeCheckbox: t, checked: r, children: n, defaultChecked: o, disabled: a, form: l, name: i, onCheckedChange: d, required: u, value: f = "on", internal_do_not_use_render: m } = e, [p, g] = rr({
+    prop: r,
+    defaultProp: o ?? !1,
+    onChange: d,
+    caller: Be
+  }), [C, h] = s.useState(null), [v, E] = s.useState(null), R = s.useRef(!1), w = C ? !!l || !!C.closest("form") : !0, S = {
+    checked: p,
+    disabled: a,
+    setChecked: g,
+    control: C,
+    setControl: h,
+    name: i,
+    form: l,
+    value: f,
+    hasConsumerStoppedPropagationRef: R,
+    required: u,
+    defaultChecked: re(o) ? !1 : o,
+    isFormControl: w,
+    bubbleInput: v,
+    setBubbleInput: E
+  };
+  return /* @__PURE__ */ c(ha, {
+    scope: t,
+    ...S,
+    children: ga(m) ? m(S) : n
+  });
+}
+var Fr = "CheckboxTrigger", Wr = s.forwardRef(({ __scopeCheckbox: e, onKeyDown: t, onClick: r, ...n }, o) => {
+  const { control: a, value: l, disabled: i, checked: d, required: u, setControl: f, setChecked: m, hasConsumerStoppedPropagationRef: p, isFormControl: g, bubbleInput: C } = ut(Fr, e), h = B(o, f), v = s.useRef(d);
+  return s.useEffect(() => {
+    const E = a?.form;
+    if (E) {
+      const R = () => m(v.current);
+      return E.addEventListener("reset", R), () => E.removeEventListener("reset", R);
+    }
+  }, [a, m]), /* @__PURE__ */ c(I.button, {
+    type: "button",
+    role: "checkbox",
+    "aria-checked": re(d) ? "mixed" : d,
+    "aria-required": u,
+    "data-state": Hr(d),
+    "data-disabled": i ? "" : void 0,
+    disabled: i,
+    value: l,
+    ...n,
+    ref: h,
+    onKeyDown: F(t, (E) => {
+      E.key === "Enter" && E.preventDefault();
+    }),
+    onClick: F(r, (E) => {
+      m((R) => re(R) ? !0 : !R), C && g && (p.current = E.isPropagationStopped(), p.current || E.stopPropagation());
+    })
+  });
+});
+Wr.displayName = Fr;
+var Br = s.forwardRef((e, t) => {
+  const { __scopeCheckbox: r, name: n, checked: o, defaultChecked: a, required: l, disabled: i, value: d, onCheckedChange: u, form: f, ...m } = e;
+  return /* @__PURE__ */ c(va, {
+    __scopeCheckbox: r,
+    checked: o,
+    defaultChecked: a,
+    disabled: i,
+    required: l,
+    onCheckedChange: u,
+    name: n,
+    form: f,
+    value: d,
+    internal_do_not_use_render: ({ isFormControl: p }) => /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ c(Wr, {
+      ...m,
+      ref: t,
+      __scopeCheckbox: r
+    }), p && /* @__PURE__ */ c(Vr, { __scopeCheckbox: r })] })
+  });
+});
+Br.displayName = Be;
+var $r = "CheckboxIndicator", jr = s.forwardRef((e, t) => {
+  const { __scopeCheckbox: r, forceMount: n, ...o } = e, a = ut($r, r);
+  return /* @__PURE__ */ c(Q, {
+    present: n || re(a.checked) || a.checked === !0,
+    children: /* @__PURE__ */ c(I.span, {
+      "data-state": Hr(a.checked),
+      "data-disabled": a.disabled ? "" : void 0,
+      ...o,
+      ref: t,
+      style: {
+        pointerEvents: "none",
+        ...e.style
+      }
+    })
+  });
+});
+jr.displayName = $r;
+var Ur = "CheckboxBubbleInput", Vr = s.forwardRef(({ __scopeCheckbox: e, ...t }, r) => {
+  const { control: n, hasConsumerStoppedPropagationRef: o, checked: a, defaultChecked: l, required: i, disabled: d, name: u, value: f, form: m, bubbleInput: p, setBubbleInput: g } = ut(Ur, e), C = B(r, g), h = fa(a), v = ma(n);
+  s.useEffect(() => {
+    const R = p;
+    if (!R) return;
+    const w = window.HTMLInputElement.prototype, S = Object.getOwnPropertyDescriptor(w, "checked").set, D = !o.current;
+    if (h !== a && S) {
+      const _ = new Event("click", { bubbles: D });
+      R.indeterminate = re(a), S.call(R, re(a) ? !1 : a), R.dispatchEvent(_);
+    }
+  }, [
+    p,
+    h,
+    a,
+    o
+  ]);
+  const E = s.useRef(re(a) ? !1 : a);
+  return /* @__PURE__ */ c(I.input, {
+    type: "checkbox",
+    "aria-hidden": !0,
+    defaultChecked: l ?? E.current,
+    required: i,
+    disabled: d,
+    name: u,
+    value: f,
+    form: m,
+    ...t,
+    tabIndex: -1,
+    ref: C,
+    style: {
+      ...t.style,
+      ...v,
+      position: "absolute",
+      pointerEvents: "none",
+      opacity: 0,
+      margin: 0,
+      transform: "translateX(-100%)"
+    }
+  });
+});
+Vr.displayName = Ur;
+function ga(e) {
+  return typeof e == "function";
+}
+function re(e) {
+  return e === "indeterminate";
+}
+function Hr(e) {
+  return re(e) ? "indeterminate" : e ? "checked" : "unchecked";
+}
+var ba = "Label", Gr = s.forwardRef((e, t) => /* @__PURE__ */ c(I.label, {
+  ...e,
+  ref: t,
+  onMouseDown: (r) => {
+    r.target.closest("button, input, select, textarea") || (e.onMouseDown?.(r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
+  }
+}));
+Gr.displayName = ba;
+var ya = Gr;
+function xa(e, [t, r]) {
+  return Math.min(r, Math.max(t, e));
+}
+function wa(e, t) {
+  return s.useReducer((r, n) => t[r][n] ?? r, e);
+}
+var ft = "ScrollArea", [Xr, xs] = st(ft), [Sa, V] = Xr(ft), Yr = s.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, type: n = "hover", dir: o, scrollHideDelay: a = 600, ...l } = e, [i, d] = s.useState(null), [u, f] = s.useState(null), [m, p] = s.useState(null), [g, C] = s.useState(null), [h, v] = s.useState(null), [E, R] = s.useState(0), [w, S] = s.useState(0), [D, _] = s.useState(!1), [T, k] = s.useState(!1), O = B(t, (q) => d(q)), z = Kn(o);
+  return /* @__PURE__ */ c(Sa, {
+    scope: r,
+    type: n,
+    dir: z,
+    scrollHideDelay: a,
+    scrollArea: i,
+    viewport: u,
+    onViewportChange: f,
+    content: m,
+    onContentChange: p,
+    scrollbarX: g,
+    onScrollbarXChange: C,
+    scrollbarXEnabled: D,
+    onScrollbarXEnabledChange: _,
+    scrollbarY: h,
+    onScrollbarYChange: v,
+    scrollbarYEnabled: T,
+    onScrollbarYEnabledChange: k,
+    onCornerWidthChange: R,
+    onCornerHeightChange: S,
+    children: /* @__PURE__ */ c(I.div, {
+      dir: z,
+      ...l,
+      ref: O,
+      style: {
+        position: "relative",
+        "--radix-scroll-area-corner-width": E + "px",
+        "--radix-scroll-area-corner-height": w + "px",
+        ...e.style
+      }
+    })
+  });
+});
+Yr.displayName = ft;
+var qr = "ScrollAreaViewport", Kr = s.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, children: n, nonce: o, ...a } = e, l = V(qr, r), i = B(t, s.useRef(null), l.onViewportChange);
+  return /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ c("style", {
+    dangerouslySetInnerHTML: { __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}" },
+    nonce: o
+  }), /* @__PURE__ */ c(I.div, {
+    "data-radix-scroll-area-viewport": "",
+    ...a,
+    ref: i,
+    style: {
+      overflowX: l.scrollbarXEnabled ? "scroll" : "hidden",
+      overflowY: l.scrollbarYEnabled ? "scroll" : "hidden",
+      ...e.style
+    },
+    children: /* @__PURE__ */ c("div", {
+      ref: l.onContentChange,
+      style: {
+        minWidth: "100%",
+        display: "table"
+      },
+      children: n
+    })
+  })] });
+});
+Kr.displayName = qr;
+var Y = "ScrollAreaScrollbar", Zr = s.forwardRef((e, t) => {
+  const { forceMount: r, ...n } = e, o = V(Y, e.__scopeScrollArea), { onScrollbarXEnabledChange: a, onScrollbarYEnabledChange: l } = o, i = e.orientation === "horizontal";
+  return s.useEffect(() => (i ? a(!0) : l(!0), () => {
+    i ? a(!1) : l(!1);
+  }), [
+    i,
+    a,
+    l
+  ]), o.type === "hover" ? /* @__PURE__ */ c(Ca, {
+    ...n,
+    ref: t,
+    forceMount: r
+  }) : o.type === "scroll" ? /* @__PURE__ */ c(ka, {
+    ...n,
+    ref: t,
+    forceMount: r
+  }) : o.type === "auto" ? /* @__PURE__ */ c(Qr, {
+    ...n,
+    ref: t,
+    forceMount: r
+  }) : o.type === "always" ? /* @__PURE__ */ c(mt, {
+    ...n,
+    ref: t
+  }) : null;
+});
+Zr.displayName = Y;
+var Ca = s.forwardRef((e, t) => {
+  const { forceMount: r, ...n } = e, o = V(Y, e.__scopeScrollArea), [a, l] = s.useState(!1);
+  return s.useEffect(() => {
+    const i = o.scrollArea;
+    let d = 0;
+    if (i) {
+      const u = () => {
+        window.clearTimeout(d), l(!0);
+      }, f = () => {
+        d = window.setTimeout(() => l(!1), o.scrollHideDelay);
+      };
+      return i.addEventListener("pointerenter", u), i.addEventListener("pointerleave", f), () => {
+        window.clearTimeout(d), i.removeEventListener("pointerenter", u), i.removeEventListener("pointerleave", f);
+      };
+    }
+  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ c(Q, {
+    present: r || a,
+    children: /* @__PURE__ */ c(Qr, {
+      "data-state": a ? "visible" : "hidden",
+      ...n,
+      ref: t
+    })
+  });
+}), ka = s.forwardRef((e, t) => {
+  const { forceMount: r, ...n } = e, o = V(Y, e.__scopeScrollArea), a = e.orientation === "horizontal", l = je(() => d("SCROLL_END"), 100), [i, d] = wa("hidden", {
+    hidden: { SCROLL: "scrolling" },
+    scrolling: {
+      SCROLL_END: "idle",
+      POINTER_ENTER: "interacting"
+    },
+    interacting: {
+      SCROLL: "interacting",
+      POINTER_LEAVE: "idle"
+    },
+    idle: {
+      HIDE: "hidden",
+      SCROLL: "scrolling",
+      POINTER_ENTER: "interacting"
+    }
+  });
+  return s.useEffect(() => {
+    if (i === "idle") {
+      const u = window.setTimeout(() => d("HIDE"), o.scrollHideDelay);
+      return () => window.clearTimeout(u);
+    }
+  }, [
+    i,
+    o.scrollHideDelay,
+    d
+  ]), s.useEffect(() => {
+    const u = o.viewport, f = a ? "scrollLeft" : "scrollTop";
+    if (u) {
+      let m = u[f];
+      const p = () => {
+        const g = u[f];
+        m !== g && (d("SCROLL"), l()), m = g;
+      };
+      return u.addEventListener("scroll", p), () => u.removeEventListener("scroll", p);
+    }
+  }, [
+    o.viewport,
+    a,
+    d,
+    l
+  ]), /* @__PURE__ */ c(Q, {
+    present: r || i !== "hidden",
+    children: /* @__PURE__ */ c(mt, {
+      "data-state": i === "hidden" ? "hidden" : "visible",
+      ...n,
+      ref: t,
+      onPointerEnter: F(e.onPointerEnter, () => d("POINTER_ENTER")),
+      onPointerLeave: F(e.onPointerLeave, () => d("POINTER_LEAVE"))
+    })
+  });
+}), Qr = s.forwardRef((e, t) => {
+  const r = V(Y, e.__scopeScrollArea), { forceMount: n, ...o } = e, [a, l] = s.useState(!1), i = e.orientation === "horizontal", d = je(() => {
+    if (r.viewport) {
+      const u = r.viewport.offsetWidth < r.viewport.scrollWidth, f = r.viewport.offsetHeight < r.viewport.scrollHeight;
+      l(i ? u : f);
+    }
+  }, 10);
+  return me(r.viewport, d), me(r.content, d), /* @__PURE__ */ c(Q, {
+    present: n || a,
+    children: /* @__PURE__ */ c(mt, {
+      "data-state": a ? "visible" : "hidden",
+      ...o,
+      ref: t
+    })
+  });
+}), mt = s.forwardRef((e, t) => {
+  const { orientation: r = "vertical", ...n } = e, o = V(Y, e.__scopeScrollArea), a = s.useRef(null), l = s.useRef(0), [i, d] = s.useState({
+    content: 0,
+    viewport: 0,
+    scrollbar: {
+      size: 0,
+      paddingStart: 0,
+      paddingEnd: 0
+    }
+  }), u = nn(i.viewport, i.content), f = {
+    ...n,
+    sizes: i,
+    onSizesChange: d,
+    hasThumb: u > 0 && u < 1,
+    onThumbChange: (p) => a.current = p,
+    onThumbPointerUp: () => l.current = 0,
+    onThumbPointerDown: (p) => l.current = p
+  };
+  function m(p, g) {
+    return Ta(p, l.current, i, g);
+  }
+  return r === "horizontal" ? /* @__PURE__ */ c(Ea, {
+    ...f,
+    ref: t,
+    onThumbPositionChange: () => {
+      if (o.viewport && a.current) {
+        const p = o.viewport.scrollLeft, g = Bt(p, i, o.dir);
+        a.current.style.transform = `translate3d(${g}px, 0, 0)`;
+      }
+    },
+    onWheelScroll: (p) => {
+      o.viewport && (o.viewport.scrollLeft = p);
+    },
+    onDragScroll: (p) => {
+      o.viewport && (o.viewport.scrollLeft = m(p, o.dir));
+    }
+  }) : r === "vertical" ? /* @__PURE__ */ c(Na, {
+    ...f,
+    ref: t,
+    onThumbPositionChange: () => {
+      if (o.viewport && a.current) {
+        const p = o.viewport.scrollTop, g = Bt(p, i);
+        a.current.style.transform = `translate3d(0, ${g}px, 0)`;
+      }
+    },
+    onWheelScroll: (p) => {
+      o.viewport && (o.viewport.scrollTop = p);
+    },
+    onDragScroll: (p) => {
+      o.viewport && (o.viewport.scrollTop = m(p));
+    }
+  }) : null;
+}), Ea = s.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: n, ...o } = e, a = V(Y, e.__scopeScrollArea), [l, i] = s.useState(), d = s.useRef(null), u = B(t, d, a.onScrollbarXChange);
+  return s.useEffect(() => {
+    d.current && i(getComputedStyle(d.current));
+  }, [d]), /* @__PURE__ */ c(en, {
+    "data-orientation": "horizontal",
+    ...o,
+    ref: u,
+    sizes: r,
+    style: {
+      bottom: 0,
+      left: a.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
+      right: a.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
+      "--radix-scroll-area-thumb-width": $e(r) + "px",
+      ...e.style
+    },
+    onThumbPointerDown: (f) => e.onThumbPointerDown(f.x),
+    onDragScroll: (f) => e.onDragScroll(f.x),
+    onWheelScroll: (f, m) => {
+      if (a.viewport) {
+        const p = a.viewport.scrollLeft + f.deltaX;
+        e.onWheelScroll(p), an(p, m) && f.preventDefault();
+      }
+    },
+    onResize: () => {
+      d.current && a.viewport && l && n({
+        content: a.viewport.scrollWidth,
+        viewport: a.viewport.offsetWidth,
+        scrollbar: {
+          size: d.current.clientWidth,
+          paddingStart: Ie(l.paddingLeft),
+          paddingEnd: Ie(l.paddingRight)
+        }
+      });
+    }
+  });
+}), Na = s.forwardRef((e, t) => {
+  const { sizes: r, onSizesChange: n, ...o } = e, a = V(Y, e.__scopeScrollArea), [l, i] = s.useState(), d = s.useRef(null), u = B(t, d, a.onScrollbarYChange);
+  return s.useEffect(() => {
+    d.current && i(getComputedStyle(d.current));
+  }, [d]), /* @__PURE__ */ c(en, {
+    "data-orientation": "vertical",
+    ...o,
+    ref: u,
+    sizes: r,
+    style: {
+      top: 0,
+      right: a.dir === "ltr" ? 0 : void 0,
+      left: a.dir === "rtl" ? 0 : void 0,
+      bottom: "var(--radix-scroll-area-corner-height)",
+      "--radix-scroll-area-thumb-height": $e(r) + "px",
+      ...e.style
+    },
+    onThumbPointerDown: (f) => e.onThumbPointerDown(f.y),
+    onDragScroll: (f) => e.onDragScroll(f.y),
+    onWheelScroll: (f, m) => {
+      if (a.viewport) {
+        const p = a.viewport.scrollTop + f.deltaY;
+        e.onWheelScroll(p), an(p, m) && f.preventDefault();
+      }
+    },
+    onResize: () => {
+      d.current && a.viewport && l && n({
+        content: a.viewport.scrollHeight,
+        viewport: a.viewport.offsetHeight,
+        scrollbar: {
+          size: d.current.clientHeight,
+          paddingStart: Ie(l.paddingTop),
+          paddingEnd: Ie(l.paddingBottom)
+        }
+      });
+    }
+  });
+}), [Ra, Jr] = Xr(Y), en = s.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, sizes: n, hasThumb: o, onThumbChange: a, onThumbPointerUp: l, onThumbPointerDown: i, onThumbPositionChange: d, onDragScroll: u, onWheelScroll: f, onResize: m, ...p } = e, g = V(Y, r), [C, h] = s.useState(null), v = B(t, (O) => h(O)), E = s.useRef(null), R = s.useRef(""), w = g.viewport, S = n.content - n.viewport, D = U(f), _ = U(d), T = je(m, 10);
+  function k(O) {
+    E.current && u({
+      x: O.clientX - E.current.left,
+      y: O.clientY - E.current.top
+    });
+  }
+  return s.useEffect(() => {
+    const O = (z) => {
+      const q = z.target;
+      C?.contains(q) && D(z, S);
+    };
+    return document.addEventListener("wheel", O, { passive: !1 }), () => document.removeEventListener("wheel", O, { passive: !1 });
+  }, [
+    w,
+    C,
+    S,
+    D
+  ]), s.useEffect(_, [n, _]), me(C, T), me(g.content, T), /* @__PURE__ */ c(Ra, {
+    scope: r,
+    scrollbar: C,
+    hasThumb: o,
+    onThumbChange: U(a),
+    onThumbPointerUp: U(l),
+    onThumbPositionChange: _,
+    onThumbPointerDown: U(i),
+    children: /* @__PURE__ */ c(I.div, {
+      ...p,
+      ref: v,
+      style: {
+        position: "absolute",
+        ...p.style
+      },
+      onPointerDown: F(e.onPointerDown, (O) => {
+        O.button === 0 && (O.target.setPointerCapture(O.pointerId), E.current = C.getBoundingClientRect(), R.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", g.viewport && (g.viewport.style.scrollBehavior = "auto"), k(O));
+      }),
+      onPointerMove: F(e.onPointerMove, k),
+      onPointerUp: F(e.onPointerUp, (O) => {
+        const z = O.target;
+        z.hasPointerCapture(O.pointerId) && z.releasePointerCapture(O.pointerId), document.body.style.webkitUserSelect = R.current, g.viewport && (g.viewport.style.scrollBehavior = ""), E.current = null;
+      })
+    })
+  });
+}), Me = "ScrollAreaThumb", tn = s.forwardRef((e, t) => {
+  const { forceMount: r, ...n } = e, o = Jr(Me, e.__scopeScrollArea);
+  return /* @__PURE__ */ c(Q, {
+    present: r || o.hasThumb,
+    children: /* @__PURE__ */ c(Pa, {
+      ref: t,
+      ...n
+    })
+  });
+}), Pa = s.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, style: n, ...o } = e, a = V(Me, r), l = Jr(Me, r), { onThumbPositionChange: i } = l, d = B(t, (m) => l.onThumbChange(m)), u = s.useRef(void 0), f = je(() => {
+    u.current && (u.current(), u.current = void 0);
+  }, 100);
+  return s.useEffect(() => {
+    const m = a.viewport;
+    if (m) {
+      const p = () => {
+        f(), u.current || (u.current = Oa(m, i), i());
+      };
+      return i(), m.addEventListener("scroll", p), () => m.removeEventListener("scroll", p);
+    }
+  }, [
+    a.viewport,
+    f,
+    i
+  ]), /* @__PURE__ */ c(I.div, {
+    "data-state": l.hasThumb ? "visible" : "hidden",
+    ...o,
+    ref: d,
+    style: {
+      width: "var(--radix-scroll-area-thumb-width)",
+      height: "var(--radix-scroll-area-thumb-height)",
+      ...n
+    },
+    onPointerDownCapture: F(e.onPointerDownCapture, (m) => {
+      const p = m.target.getBoundingClientRect(), g = m.clientX - p.left, C = m.clientY - p.top;
+      l.onThumbPointerDown({
+        x: g,
+        y: C
+      });
+    }),
+    onPointerUp: F(e.onPointerUp, l.onThumbPointerUp)
+  });
+});
+tn.displayName = Me;
+var pt = "ScrollAreaCorner", rn = s.forwardRef((e, t) => {
+  const r = V(pt, e.__scopeScrollArea), n = !!(r.scrollbarX && r.scrollbarY);
+  return r.type !== "scroll" && n ? /* @__PURE__ */ c(Aa, {
+    ...e,
+    ref: t
+  }) : null;
+});
+rn.displayName = pt;
+var Aa = s.forwardRef((e, t) => {
+  const { __scopeScrollArea: r, ...n } = e, o = V(pt, r), [a, l] = s.useState(0), [i, d] = s.useState(0), u = !!(a && i);
+  return me(o.scrollbarX, () => {
+    const f = o.scrollbarX?.offsetHeight || 0;
+    o.onCornerHeightChange(f), d(f);
+  }), me(o.scrollbarY, () => {
+    const f = o.scrollbarY?.offsetWidth || 0;
+    o.onCornerWidthChange(f), l(f);
+  }), u ? /* @__PURE__ */ c(I.div, {
+    ...n,
+    ref: t,
+    style: {
+      width: a,
+      height: i,
+      position: "absolute",
+      right: o.dir === "ltr" ? 0 : void 0,
+      left: o.dir === "rtl" ? 0 : void 0,
+      bottom: 0,
+      ...e.style
+    }
+  }) : null;
+});
+function Ie(e) {
+  return e ? parseInt(e, 10) : 0;
+}
+function nn(e, t) {
+  const r = e / t;
+  return isNaN(r) ? 0 : r;
+}
+function $e(e) {
+  const t = nn(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, n = (e.scrollbar.size - r) * t;
+  return Math.max(n, 18);
+}
+function Ta(e, t, r, n = "ltr") {
+  const o = $e(r), a = o / 2, l = t || a, i = o - l, d = r.scrollbar.paddingStart + l, u = r.scrollbar.size - r.scrollbar.paddingEnd - i, f = r.content - r.viewport, m = n === "ltr" ? [0, f] : [f * -1, 0];
+  return on([d, u], m)(e);
+}
+function Bt(e, t, r = "ltr") {
+  const n = $e(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, a = t.scrollbar.size - o, l = t.content - t.viewport, i = a - n, d = xa(e, r === "ltr" ? [0, l] : [l * -1, 0]);
+  return on([0, l], [0, i])(d);
+}
+function on(e, t) {
+  return (r) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const n = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + n * (r - e[0]);
+  };
+}
+function an(e, t) {
+  return e > 0 && e < t;
+}
+var Oa = (e, t = () => {
+}) => {
+  let r = {
+    left: e.scrollLeft,
+    top: e.scrollTop
+  }, n = 0;
+  return (function o() {
+    const a = {
+      left: e.scrollLeft,
+      top: e.scrollTop
+    }, l = r.left !== a.left, i = r.top !== a.top;
+    (l || i) && t(), r = a, n = window.requestAnimationFrame(o);
+  })(), () => window.cancelAnimationFrame(n);
+};
+function je(e, t) {
+  const r = U(e), n = s.useRef(0);
+  return s.useEffect(() => () => window.clearTimeout(n.current), []), s.useCallback(() => {
+    window.clearTimeout(n.current), n.current = window.setTimeout(r, t);
+  }, [r, t]);
+}
+function me(e, t) {
+  const r = U(t);
+  ie(() => {
+    let n = 0;
+    if (e) {
+      const o = new ResizeObserver(() => {
+        cancelAnimationFrame(n), n = window.requestAnimationFrame(r);
+      });
+      return o.observe(e), () => {
+        window.cancelAnimationFrame(n), o.unobserve(e);
+      };
+    }
+  }, [e, r]);
+}
+var Da = Yr, _a = Kr, Ma = rn, Ia = "Separator", $t = "horizontal", za = ["horizontal", "vertical"], sn = s.forwardRef((e, t) => {
+  const { decorative: r, orientation: n = $t, ...o } = e, a = La(n) ? n : $t, i = r ? { role: "none" } : {
+    "aria-orientation": a === "vertical" ? a : void 0,
+    role: "separator"
+  };
+  return /* @__PURE__ */ c(I.div, {
+    "data-orientation": a,
+    ...i,
+    ...o,
+    ref: t
+  });
+});
+sn.displayName = Ia;
+function La(e) {
+  return za.includes(e);
+}
+var Fa = sn, Wa = (e, t) => {
   const r = new Array(e.length + t.length);
-  for (let o = 0; o < e.length; o++) r[o] = e[o];
-  for (let o = 0; o < t.length; o++) r[e.length + o] = t[o];
+  for (let n = 0; n < e.length; n++) r[n] = e[n];
+  for (let n = 0; n < t.length; n++) r[e.length + n] = t[n];
   return r;
-}, qe = (e, t) => ({
+}, Ba = (e, t) => ({
   classGroupId: e,
   validator: t
-}), Se = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
+}), ln = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
   nextPart: e,
   validators: t,
   classGroupId: r
-}), H = "-", ve = [], Xe = "arbitrary..", Je = (e) => {
-  const t = Ze(e), { conflictingClassGroups: r, conflictingClassGroupModifiers: o } = e;
+}), ze = "-", jt = [], $a = "arbitrary..", ja = (e) => {
+  const t = Va(e), { conflictingClassGroups: r, conflictingClassGroupModifiers: n } = e;
   return {
-    getClassGroupId: (c) => {
-      if (c.startsWith("[") && c.endsWith("]")) return Ke(c);
-      const m = c.split(H);
-      return Ae(m, m[0] === "" && m.length > 1 ? 1 : 0, t);
+    getClassGroupId: (l) => {
+      if (l.startsWith("[") && l.endsWith("]")) return Ua(l);
+      const i = l.split(ze);
+      return cn(i, i[0] === "" && i.length > 1 ? 1 : 0, t);
     },
-    getConflictingClassGroupIds: (c, m) => {
-      if (m) {
-        const l = o[c], f = r[c];
-        return l ? f ? Ye(f, l) : l : f || ve;
+    getConflictingClassGroupIds: (l, i) => {
+      if (i) {
+        const d = n[l], u = r[l];
+        return d ? u ? Wa(u, d) : d : u || jt;
       }
-      return r[c] || ve;
+      return r[l] || jt;
     }
   };
-}, Ae = (e, t, r) => {
+}, cn = (e, t, r) => {
   if (e.length - t === 0) return r.classGroupId;
-  const o = e[t], n = r.nextPart.get(o);
-  if (n) {
-    const l = Ae(e, t + 1, n);
-    if (l) return l;
+  const n = e[t], o = r.nextPart.get(n);
+  if (o) {
+    const d = cn(e, t + 1, o);
+    if (d) return d;
   }
-  const s = r.validators;
-  if (s === null) return;
-  const c = t === 0 ? e.join(H) : e.slice(t).join(H), m = s.length;
-  for (let l = 0; l < m; l++) {
-    const f = s[l];
-    if (f.validator(c)) return f.classGroupId;
+  const a = r.validators;
+  if (a === null) return;
+  const l = t === 0 ? e.join(ze) : e.slice(t).join(ze), i = a.length;
+  for (let d = 0; d < i; d++) {
+    const u = a[d];
+    if (u.validator(l)) return u.classGroupId;
   }
-}, Ke = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const t = e.slice(1, -1), r = t.indexOf(":"), o = t.slice(0, r);
-  return o ? Xe + o : void 0;
-})(), Ze = (e) => {
+}, Ua = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const t = e.slice(1, -1), r = t.indexOf(":"), n = t.slice(0, r);
+  return n ? $a + n : void 0;
+})(), Va = (e) => {
   const { theme: t, classGroups: r } = e;
-  return He(r, t);
-}, He = (e, t) => {
-  const r = Se();
-  for (const o in e) {
-    const n = e[o];
-    ae(n, r, o, t);
+  return Ha(r, t);
+}, Ha = (e, t) => {
+  const r = ln();
+  for (const n in e) {
+    const o = e[n];
+    ht(o, r, n, t);
   }
   return r;
-}, ae = (e, t, r, o) => {
-  const n = e.length;
-  for (let s = 0; s < n; s++) {
-    const c = e[s];
-    Qe(c, t, r, o);
+}, ht = (e, t, r, n) => {
+  const o = e.length;
+  for (let a = 0; a < o; a++) {
+    const l = e[a];
+    Ga(l, t, r, n);
   }
-}, Qe = (e, t, r, o) => {
+}, Ga = (e, t, r, n) => {
   if (typeof e == "string") {
-    er(e, t, r);
+    Xa(e, t, r);
     return;
   }
   if (typeof e == "function") {
-    rr(e, t, r, o);
+    Ya(e, t, r, n);
     return;
   }
-  or(e, t, r, o);
-}, er = (e, t, r) => {
-  const o = e === "" ? t : Re(t, e);
-  o.classGroupId = r;
-}, rr = (e, t, r, o) => {
-  if (tr(e)) {
-    ae(e(o), t, r, o);
+  qa(e, t, r, n);
+}, Xa = (e, t, r) => {
+  const n = e === "" ? t : dn(t, e);
+  n.classGroupId = r;
+}, Ya = (e, t, r, n) => {
+  if (Ka(e)) {
+    ht(e(n), t, r, n);
     return;
   }
-  t.validators === null && (t.validators = []), t.validators.push(qe(r, e));
-}, or = (e, t, r, o) => {
-  const n = Object.entries(e), s = n.length;
-  for (let c = 0; c < s; c++) {
-    const [m, l] = n[c];
-    ae(l, Re(t, m), r, o);
+  t.validators === null && (t.validators = []), t.validators.push(Ba(r, e));
+}, qa = (e, t, r, n) => {
+  const o = Object.entries(e), a = o.length;
+  for (let l = 0; l < a; l++) {
+    const [i, d] = o[l];
+    ht(d, dn(t, i), r, n);
   }
-}, Re = (e, t) => {
+}, dn = (e, t) => {
   let r = e;
-  const o = t.split(H), n = o.length;
-  for (let s = 0; s < n; s++) {
-    const c = o[s];
-    let m = r.nextPart.get(c);
-    m || (m = Se(), r.nextPart.set(c, m)), r = m;
+  const n = t.split(ze), o = n.length;
+  for (let a = 0; a < o; a++) {
+    const l = n[a];
+    let i = r.nextPart.get(l);
+    i || (i = ln(), r.nextPart.set(l, i)), r = i;
   }
   return r;
-}, tr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, nr = (e) => {
+}, Ka = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Za = (e) => {
   if (e < 1) return {
     get: () => {
     },
     set: () => {
     }
   };
-  let t = 0, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const n = (s, c) => {
-    r[s] = c, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
+  let t = 0, r = /* @__PURE__ */ Object.create(null), n = /* @__PURE__ */ Object.create(null);
+  const o = (a, l) => {
+    r[a] = l, t++, t > e && (t = 0, n = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(s) {
-      let c = r[s];
-      if (c !== void 0) return c;
-      if ((c = o[s]) !== void 0)
-        return n(s, c), c;
+    get(a) {
+      let l = r[a];
+      if (l !== void 0) return l;
+      if ((l = n[a]) !== void 0)
+        return o(a, l), l;
     },
-    set(s, c) {
-      s in r ? r[s] = c : n(s, c);
+    set(a, l) {
+      a in r ? r[a] = l : o(a, l);
     }
   };
-}, se = "!", ye = ":", sr = [], xe = (e, t, r, o, n) => ({
+}, at = "!", Ut = ":", Qa = [], Vt = (e, t, r, n, o) => ({
   modifiers: e,
   hasImportantModifier: t,
   baseClassName: r,
-  maybePostfixModifierPosition: o,
-  isExternal: n
-}), ar = (e) => {
+  maybePostfixModifierPosition: n,
+  isExternal: o
+}), Ja = (e) => {
   const { prefix: t, experimentalParseClassName: r } = e;
-  let o = (n) => {
-    const s = [];
-    let c = 0, m = 0, l = 0, f;
-    const g = n.length;
-    for (let y = 0; y < g; y++) {
-      const w = n[y];
-      if (c === 0 && m === 0) {
-        if (w === ye) {
-          s.push(n.slice(l, y)), l = y + 1;
+  let n = (o) => {
+    const a = [];
+    let l = 0, i = 0, d = 0, u;
+    const f = o.length;
+    for (let h = 0; h < f; h++) {
+      const v = o[h];
+      if (l === 0 && i === 0) {
+        if (v === Ut) {
+          a.push(o.slice(d, h)), d = h + 1;
           continue;
         }
-        if (w === "/") {
-          f = y;
+        if (v === "/") {
+          u = h;
           continue;
         }
       }
-      w === "[" ? c++ : w === "]" ? c-- : w === "(" ? m++ : w === ")" && m--;
+      v === "[" ? l++ : v === "]" ? l-- : v === "(" ? i++ : v === ")" && i--;
     }
-    const b = s.length === 0 ? n : n.slice(l);
-    let C = b, A = !1;
-    b.endsWith(se) ? (C = b.slice(0, -1), A = !0) : b.startsWith(se) && (C = b.slice(1), A = !0);
-    const S = f && f > l ? f - l : void 0;
-    return xe(s, A, C, S);
+    const m = a.length === 0 ? o : o.slice(d);
+    let p = m, g = !1;
+    m.endsWith(at) ? (p = m.slice(0, -1), g = !0) : m.startsWith(at) && (p = m.slice(1), g = !0);
+    const C = u && u > d ? u - d : void 0;
+    return Vt(a, g, p, C);
   };
   if (t) {
-    const n = t + ye, s = o;
-    o = (c) => c.startsWith(n) ? s(c.slice(n.length)) : xe(sr, !1, c, void 0, !0);
+    const o = t + Ut, a = n;
+    n = (l) => l.startsWith(o) ? a(l.slice(o.length)) : Vt(Qa, !1, l, void 0, !0);
   }
   if (r) {
-    const n = o;
-    o = (s) => r({
-      className: s,
-      parseClassName: n
+    const o = n;
+    n = (a) => r({
+      className: a,
+      parseClassName: o
     });
   }
-  return o;
-}, ir = (e) => {
+  return n;
+}, ei = (e) => {
   const t = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((r, o) => {
-    t.set(r, 1e6 + o);
+  return e.orderSensitiveModifiers.forEach((r, n) => {
+    t.set(r, 1e6 + n);
   }), (r) => {
-    const o = [];
-    let n = [];
-    for (let s = 0; s < r.length; s++) {
-      const c = r[s], m = c[0] === "[", l = t.has(c);
-      m || l ? (n.length > 0 && (n.sort(), o.push(...n), n = []), o.push(c)) : n.push(c);
+    const n = [];
+    let o = [];
+    for (let a = 0; a < r.length; a++) {
+      const l = r[a], i = l[0] === "[", d = t.has(l);
+      i || d ? (o.length > 0 && (o.sort(), n.push(...o), o = []), n.push(l)) : o.push(l);
     }
-    return n.length > 0 && (n.sort(), o.push(...n)), o;
+    return o.length > 0 && (o.sort(), n.push(...o)), n;
   };
-}, lr = (e) => ({
-  cache: nr(e.cacheSize),
-  parseClassName: ar(e),
-  sortModifiers: ir(e),
-  ...Je(e)
-}), cr = /\s+/, dr = (e, t) => {
-  const { parseClassName: r, getClassGroupId: o, getConflictingClassGroupIds: n, sortModifiers: s } = t, c = [], m = e.trim().split(cr);
-  let l = "";
-  for (let f = m.length - 1; f >= 0; f -= 1) {
-    const g = m[f], { isExternal: b, modifiers: C, hasImportantModifier: A, baseClassName: S, maybePostfixModifierPosition: y } = r(g);
-    if (b) {
-      l = g + (l.length > 0 ? " " + l : l);
+}, ti = (e) => ({
+  cache: Za(e.cacheSize),
+  parseClassName: Ja(e),
+  sortModifiers: ei(e),
+  ...ja(e)
+}), ri = /\s+/, ni = (e, t) => {
+  const { parseClassName: r, getClassGroupId: n, getConflictingClassGroupIds: o, sortModifiers: a } = t, l = [], i = e.trim().split(ri);
+  let d = "";
+  for (let u = i.length - 1; u >= 0; u -= 1) {
+    const f = i[u], { isExternal: m, modifiers: p, hasImportantModifier: g, baseClassName: C, maybePostfixModifierPosition: h } = r(f);
+    if (m) {
+      d = f + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let w = !!y, T = o(w ? S.substring(0, y) : S);
-    if (!T) {
-      if (!w) {
-        l = g + (l.length > 0 ? " " + l : l);
+    let v = !!h, E = n(v ? C.substring(0, h) : C);
+    if (!E) {
+      if (!v) {
+        d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (T = o(S), !T) {
-        l = g + (l.length > 0 ? " " + l : l);
+      if (E = n(C), !E) {
+        d = f + (d.length > 0 ? " " + d : d);
         continue;
       }
-      w = !1;
+      v = !1;
     }
-    const D = C.length === 0 ? "" : C.length === 1 ? C[0] : s(C).join(":"), F = A ? D + se : D, j = F + T;
-    if (c.indexOf(j) > -1) continue;
-    c.push(j);
-    const G = n(T, w);
-    for (let O = 0; O < G.length; ++O) {
-      const B = G[O];
-      c.push(F + B);
+    const R = p.length === 0 ? "" : p.length === 1 ? p[0] : a(p).join(":"), w = g ? R + at : R, S = w + E;
+    if (l.indexOf(S) > -1) continue;
+    l.push(S);
+    const D = o(E, v);
+    for (let _ = 0; _ < D.length; ++_) {
+      const T = D[_];
+      l.push(w + T);
     }
-    l = g + (l.length > 0 ? " " + l : l);
+    d = f + (d.length > 0 ? " " + d : d);
   }
-  return l;
-}, mr = (...e) => {
-  let t = 0, r, o, n = "";
-  for (; t < e.length; ) (r = e[t++]) && (o = Ie(r)) && (n && (n += " "), n += o);
-  return n;
-}, Ie = (e) => {
+  return d;
+}, oi = (...e) => {
+  let t = 0, r, n, o = "";
+  for (; t < e.length; ) (r = e[t++]) && (n = un(r)) && (o && (o += " "), o += n);
+  return o;
+}, un = (e) => {
   if (typeof e == "string") return e;
   let t, r = "";
-  for (let o = 0; o < e.length; o++) e[o] && (t = Ie(e[o])) && (r && (r += " "), r += t);
+  for (let n = 0; n < e.length; n++) e[n] && (t = un(e[n])) && (r && (r += " "), r += t);
   return r;
-}, ur = (e, ...t) => {
-  let r, o, n, s;
-  const c = (l) => (r = lr(t.reduce((f, g) => g(f), e())), o = r.cache.get, n = r.cache.set, s = m, m(l)), m = (l) => {
-    const f = o(l);
-    if (f) return f;
-    const g = dr(l, r);
-    return n(l, g), g;
+}, ai = (e, ...t) => {
+  let r, n, o, a;
+  const l = (d) => (r = ti(t.reduce((u, f) => f(u), e())), n = r.cache.get, o = r.cache.set, a = i, i(d)), i = (d) => {
+    const u = n(d);
+    if (u) return u;
+    const f = ni(d, r);
+    return o(d, f), f;
   };
-  return s = c, (...l) => s(mr(...l));
-}, pr = [], h = (e) => {
-  const t = (r) => r[e] || pr;
+  return a = l, (...d) => a(oi(...d));
+}, ii = [], M = (e) => {
+  const t = (r) => r[e] || ii;
   return t.isThemeGetter = !0, t;
-}, Pe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, fr = /^\d+\/\d+$/, gr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, br = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, hr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, yr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, _ = (e) => fr.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), M = (e) => !!e && Number.isInteger(Number(e)), oe = (e) => e.endsWith("%") && p(e.slice(0, -1)), P = (e) => gr.test(e), xr = () => !0, kr = (e) => br.test(e) && !hr.test(e), Te = () => !1, wr = (e) => vr.test(e), zr = (e) => yr.test(e), Cr = (e) => !a(e) && !i(e), Sr = (e) => L(e, Ee, Te), a = (e) => Pe.test(e), E = (e) => L(e, je, kr), te = (e) => L(e, Mr, p), ke = (e) => L(e, Oe, Te), Ar = (e) => L(e, Ve, zr), K = (e) => L(e, Ge, wr), i = (e) => Me.test(e), $ = (e) => W(e, je), Rr = (e) => W(e, Tr), we = (e) => W(e, Oe), Ir = (e) => W(e, Ee), Pr = (e) => W(e, Ve), Z = (e) => W(e, Ge, !0), L = (e, t, r) => {
-  const o = Pe.exec(e);
-  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
-}, W = (e, t, r = !1) => {
-  const o = Me.exec(e);
-  return o ? o[1] ? t(o[1]) : r : !1;
-}, Oe = (e) => e === "position" || e === "percentage", Ve = (e) => e === "image" || e === "url", Ee = (e) => e === "length" || e === "size" || e === "bg-size", je = (e) => e === "length", Mr = (e) => e === "number", Tr = (e) => e === "family-name", Ge = (e) => e === "shadow", Or = () => {
-  const e = h("color"), t = h("font"), r = h("text"), o = h("font-weight"), n = h("tracking"), s = h("leading"), c = h("breakpoint"), m = h("container"), l = h("spacing"), f = h("radius"), g = h("shadow"), b = h("inset-shadow"), C = h("text-shadow"), A = h("drop-shadow"), S = h("blur"), y = h("perspective"), w = h("aspect"), T = h("ease"), D = h("animate"), F = () => [
+}, fn = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, mn = /^\((?:(\w[\w-]*):)?(.+)\)$/i, si = /^\d+\/\d+$/, li = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ci = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, di = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, ui = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, fi = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, fe = (e) => si.test(e), A = (e) => !!e && !Number.isNaN(Number(e)), ee = (e) => !!e && Number.isInteger(Number(e)), et = (e) => e.endsWith("%") && A(e.slice(0, -1)), Z = (e) => li.test(e), mi = () => !0, pi = (e) => ci.test(e) && !di.test(e), pn = () => !1, hi = (e) => ui.test(e), vi = (e) => fi.test(e), gi = (e) => !b(e) && !y(e), bi = (e) => pe(e, gn, pn), b = (e) => fn.test(e), ae = (e) => pe(e, bn, pi), tt = (e) => pe(e, Ci, A), Ht = (e) => pe(e, hn, pn), yi = (e) => pe(e, vn, vi), Pe = (e) => pe(e, yn, hi), y = (e) => mn.test(e), ve = (e) => he(e, bn), xi = (e) => he(e, ki), Gt = (e) => he(e, hn), wi = (e) => he(e, gn), Si = (e) => he(e, vn), Ae = (e) => he(e, yn, !0), pe = (e, t, r) => {
+  const n = fn.exec(e);
+  return n ? n[1] ? t(n[1]) : r(n[2]) : !1;
+}, he = (e, t, r = !1) => {
+  const n = mn.exec(e);
+  return n ? n[1] ? t(n[1]) : r : !1;
+}, hn = (e) => e === "position" || e === "percentage", vn = (e) => e === "image" || e === "url", gn = (e) => e === "length" || e === "size" || e === "bg-size", bn = (e) => e === "length", Ci = (e) => e === "number", ki = (e) => e === "family-name", yn = (e) => e === "shadow", Ei = () => {
+  const e = M("color"), t = M("font"), r = M("text"), n = M("font-weight"), o = M("tracking"), a = M("leading"), l = M("breakpoint"), i = M("container"), d = M("spacing"), u = M("radius"), f = M("shadow"), m = M("inset-shadow"), p = M("text-shadow"), g = M("drop-shadow"), C = M("blur"), h = M("perspective"), v = M("aspect"), E = M("ease"), R = M("animate"), w = () => [
     "auto",
     "avoid",
     "all",
@@ -369,7 +2299,7 @@ var Ye = (e, t) => {
     "left",
     "right",
     "column"
-  ], j = () => [
+  ], S = () => [
     "center",
     "top",
     "bottom",
@@ -383,59 +2313,59 @@ var Ye = (e, t) => {
     "right-bottom",
     "bottom-left",
     "left-bottom"
-  ], G = () => [
-    ...j(),
-    i,
-    a
-  ], O = () => [
+  ], D = () => [
+    ...S(),
+    y,
+    b
+  ], _ = () => [
     "auto",
     "hidden",
     "clip",
     "visible",
     "scroll"
-  ], B = () => [
+  ], T = () => [
     "auto",
     "contain",
     "none"
-  ], u = () => [
-    i,
-    a,
-    l
-  ], R = () => [
-    _,
+  ], k = () => [
+    y,
+    b,
+    d
+  ], O = () => [
+    fe,
     "full",
     "auto",
-    ...u()
-  ], ie = () => [
-    M,
+    ...k()
+  ], z = () => [
+    ee,
     "none",
     "subgrid",
-    i,
-    a
-  ], le = () => [
+    y,
+    b
+  ], q = () => [
     "auto",
     { span: [
       "full",
-      M,
-      i,
-      a
+      ee,
+      y,
+      b
     ] },
-    M,
-    i,
-    a
-  ], U = () => [
-    M,
+    ee,
+    y,
+    b
+  ], be = () => [
+    ee,
     "auto",
-    i,
-    a
-  ], ce = () => [
+    y,
+    b
+  ], bt = () => [
     "auto",
     "min",
     "max",
     "fr",
-    i,
-    a
-  ], Q = () => [
+    y,
+    b
+  ], Ue = () => [
     "start",
     "end",
     "center",
@@ -446,15 +2376,15 @@ var Ye = (e, t) => {
     "baseline",
     "center-safe",
     "end-safe"
-  ], N = () => [
+  ], le = () => [
     "start",
     "end",
     "center",
     "stretch",
     "center-safe",
     "end-safe"
-  ], I = () => ["auto", ...u()], V = () => [
-    _,
+  ], K = () => ["auto", ...k()], oe = () => [
+    fe,
     "auto",
     "full",
     "dvw",
@@ -466,51 +2396,51 @@ var Ye = (e, t) => {
     "min",
     "max",
     "fit",
-    ...u()
-  ], d = () => [
+    ...k()
+  ], N = () => [
     e,
-    i,
-    a
-  ], de = () => [
-    ...j(),
-    we,
-    ke,
-    { position: [i, a] }
-  ], me = () => ["no-repeat", { repeat: [
+    y,
+    b
+  ], yt = () => [
+    ...S(),
+    Gt,
+    Ht,
+    { position: [y, b] }
+  ], xt = () => ["no-repeat", { repeat: [
     "",
     "x",
     "y",
     "space",
     "round"
-  ] }], ue = () => [
+  ] }], wt = () => [
     "auto",
     "cover",
     "contain",
-    Ir,
-    Sr,
-    { size: [i, a] }
-  ], ee = () => [
-    oe,
-    $,
-    E
-  ], x = () => [
+    wi,
+    bi,
+    { size: [y, b] }
+  ], Ve = () => [
+    et,
+    ve,
+    ae
+  ], W = () => [
     "",
     "none",
     "full",
-    f,
-    i,
-    a
-  ], z = () => [
+    u,
+    y,
+    b
+  ], $ = () => [
     "",
-    p,
-    $,
-    E
-  ], Y = () => [
+    A,
+    ve,
+    ae
+  ], ye = () => [
     "solid",
     "dashed",
     "dotted",
     "double"
-  ], pe = () => [
+  ], St = () => [
     "normal",
     "multiply",
     "screen",
@@ -527,35 +2457,35 @@ var Ye = (e, t) => {
     "saturation",
     "color",
     "luminosity"
-  ], v = () => [
-    p,
-    oe,
-    we,
-    ke
-  ], fe = () => [
+  ], L = () => [
+    A,
+    et,
+    Gt,
+    Ht
+  ], Ct = () => [
     "",
     "none",
-    S,
-    i,
-    a
-  ], q = () => [
+    C,
+    y,
+    b
+  ], xe = () => [
     "none",
-    p,
-    i,
-    a
-  ], X = () => [
+    A,
+    y,
+    b
+  ], we = () => [
     "none",
-    p,
-    i,
-    a
-  ], re = () => [
-    p,
-    i,
-    a
-  ], J = () => [
-    _,
+    A,
+    y,
+    b
+  ], He = () => [
+    A,
+    y,
+    b
+  ], Se = () => [
+    fe,
     "full",
-    ...u()
+    ...k()
   ];
   return {
     cacheSize: 500,
@@ -567,17 +2497,17 @@ var Ye = (e, t) => {
         "bounce"
       ],
       aspect: ["video"],
-      blur: [P],
-      breakpoint: [P],
-      color: [xr],
-      container: [P],
-      "drop-shadow": [P],
+      blur: [Z],
+      breakpoint: [Z],
+      color: [mi],
+      container: [Z],
+      "drop-shadow": [Z],
       ease: [
         "in",
         "out",
         "in-out"
       ],
-      font: [Cr],
+      font: [gi],
       "font-weight": [
         "thin",
         "extralight",
@@ -589,7 +2519,7 @@ var Ye = (e, t) => {
         "extrabold",
         "black"
       ],
-      "inset-shadow": [P],
+      "inset-shadow": [Z],
       leading: [
         "none",
         "tight",
@@ -606,11 +2536,11 @@ var Ye = (e, t) => {
         "distant",
         "none"
       ],
-      radius: [P],
-      shadow: [P],
-      spacing: ["px", p],
-      text: [P],
-      "text-shadow": [P],
+      radius: [Z],
+      shadow: [Z],
+      spacing: ["px", A],
+      text: [Z],
+      "text-shadow": [Z],
       tracking: [
         "tighter",
         "tight",
@@ -624,20 +2554,20 @@ var Ye = (e, t) => {
       aspect: [{ aspect: [
         "auto",
         "square",
-        _,
-        a,
-        i,
-        w
+        fe,
+        b,
+        y,
+        v
       ] }],
       container: ["container"],
       columns: [{ columns: [
-        p,
-        a,
-        i,
-        m
+        A,
+        b,
+        y,
+        i
       ] }],
-      "break-after": [{ "break-after": F() }],
-      "break-before": [{ "break-before": F() }],
+      "break-after": [{ "break-after": w() }],
+      "break-before": [{ "break-before": w() }],
       "break-inside": [{ "break-inside": [
         "auto",
         "avoid",
@@ -693,13 +2623,13 @@ var Ye = (e, t) => {
         "none",
         "scale-down"
       ] }],
-      "object-position": [{ object: G() }],
-      overflow: [{ overflow: O() }],
-      "overflow-x": [{ "overflow-x": O() }],
-      "overflow-y": [{ "overflow-y": O() }],
-      overscroll: [{ overscroll: B() }],
-      "overscroll-x": [{ "overscroll-x": B() }],
-      "overscroll-y": [{ "overscroll-y": B() }],
+      "object-position": [{ object: D() }],
+      overflow: [{ overflow: _() }],
+      "overflow-x": [{ "overflow-x": _() }],
+      "overflow-y": [{ "overflow-y": _() }],
+      overscroll: [{ overscroll: T() }],
+      "overscroll-x": [{ "overscroll-x": T() }],
+      "overscroll-y": [{ "overscroll-y": T() }],
       position: [
         "static",
         "fixed",
@@ -707,32 +2637,32 @@ var Ye = (e, t) => {
         "relative",
         "sticky"
       ],
-      inset: [{ inset: R() }],
-      "inset-x": [{ "inset-x": R() }],
-      "inset-y": [{ "inset-y": R() }],
-      start: [{ start: R() }],
-      end: [{ end: R() }],
-      top: [{ top: R() }],
-      right: [{ right: R() }],
-      bottom: [{ bottom: R() }],
-      left: [{ left: R() }],
+      inset: [{ inset: O() }],
+      "inset-x": [{ "inset-x": O() }],
+      "inset-y": [{ "inset-y": O() }],
+      start: [{ start: O() }],
+      end: [{ end: O() }],
+      top: [{ top: O() }],
+      right: [{ right: O() }],
+      bottom: [{ bottom: O() }],
+      left: [{ left: O() }],
       visibility: [
         "visible",
         "invisible",
         "collapse"
       ],
       z: [{ z: [
-        M,
+        ee,
         "auto",
-        i,
-        a
+        y,
+        b
       ] }],
       basis: [{ basis: [
-        _,
+        fe,
         "full",
         "auto",
-        m,
-        ...u()
+        i,
+        ...k()
       ] }],
       "flex-direction": [{ flex: [
         "row",
@@ -746,41 +2676,41 @@ var Ye = (e, t) => {
         "wrap-reverse"
       ] }],
       flex: [{ flex: [
-        p,
-        _,
+        A,
+        fe,
         "auto",
         "initial",
         "none",
-        a
+        b
       ] }],
       grow: [{ grow: [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       shrink: [{ shrink: [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       order: [{ order: [
-        M,
+        ee,
         "first",
         "last",
         "none",
-        i,
-        a
-      ] }],
-      "grid-cols": [{ "grid-cols": ie() }],
-      "col-start-end": [{ col: le() }],
-      "col-start": [{ "col-start": U() }],
-      "col-end": [{ "col-end": U() }],
-      "grid-rows": [{ "grid-rows": ie() }],
-      "row-start-end": [{ row: le() }],
-      "row-start": [{ "row-start": U() }],
-      "row-end": [{ "row-end": U() }],
+        y,
+        b
+      ] }],
+      "grid-cols": [{ "grid-cols": z() }],
+      "col-start-end": [{ col: q() }],
+      "col-start": [{ "col-start": be() }],
+      "col-end": [{ "col-end": be() }],
+      "grid-rows": [{ "grid-rows": z() }],
+      "row-start-end": [{ row: q() }],
+      "row-start": [{ "row-start": be() }],
+      "row-end": [{ "row-end": be() }],
       "grid-flow": [{ "grid-flow": [
         "row",
         "col",
@@ -788,94 +2718,94 @@ var Ye = (e, t) => {
         "row-dense",
         "col-dense"
       ] }],
-      "auto-cols": [{ "auto-cols": ce() }],
-      "auto-rows": [{ "auto-rows": ce() }],
-      gap: [{ gap: u() }],
-      "gap-x": [{ "gap-x": u() }],
-      "gap-y": [{ "gap-y": u() }],
-      "justify-content": [{ justify: [...Q(), "normal"] }],
-      "justify-items": [{ "justify-items": [...N(), "normal"] }],
-      "justify-self": [{ "justify-self": ["auto", ...N()] }],
-      "align-content": [{ content: ["normal", ...Q()] }],
-      "align-items": [{ items: [...N(), { baseline: ["", "last"] }] }],
+      "auto-cols": [{ "auto-cols": bt() }],
+      "auto-rows": [{ "auto-rows": bt() }],
+      gap: [{ gap: k() }],
+      "gap-x": [{ "gap-x": k() }],
+      "gap-y": [{ "gap-y": k() }],
+      "justify-content": [{ justify: [...Ue(), "normal"] }],
+      "justify-items": [{ "justify-items": [...le(), "normal"] }],
+      "justify-self": [{ "justify-self": ["auto", ...le()] }],
+      "align-content": [{ content: ["normal", ...Ue()] }],
+      "align-items": [{ items: [...le(), { baseline: ["", "last"] }] }],
       "align-self": [{ self: [
         "auto",
-        ...N(),
+        ...le(),
         { baseline: ["", "last"] }
       ] }],
-      "place-content": [{ "place-content": Q() }],
-      "place-items": [{ "place-items": [...N(), "baseline"] }],
-      "place-self": [{ "place-self": ["auto", ...N()] }],
-      p: [{ p: u() }],
-      px: [{ px: u() }],
-      py: [{ py: u() }],
-      ps: [{ ps: u() }],
-      pe: [{ pe: u() }],
-      pt: [{ pt: u() }],
-      pr: [{ pr: u() }],
-      pb: [{ pb: u() }],
-      pl: [{ pl: u() }],
-      m: [{ m: I() }],
-      mx: [{ mx: I() }],
-      my: [{ my: I() }],
-      ms: [{ ms: I() }],
-      me: [{ me: I() }],
-      mt: [{ mt: I() }],
-      mr: [{ mr: I() }],
-      mb: [{ mb: I() }],
-      ml: [{ ml: I() }],
-      "space-x": [{ "space-x": u() }],
+      "place-content": [{ "place-content": Ue() }],
+      "place-items": [{ "place-items": [...le(), "baseline"] }],
+      "place-self": [{ "place-self": ["auto", ...le()] }],
+      p: [{ p: k() }],
+      px: [{ px: k() }],
+      py: [{ py: k() }],
+      ps: [{ ps: k() }],
+      pe: [{ pe: k() }],
+      pt: [{ pt: k() }],
+      pr: [{ pr: k() }],
+      pb: [{ pb: k() }],
+      pl: [{ pl: k() }],
+      m: [{ m: K() }],
+      mx: [{ mx: K() }],
+      my: [{ my: K() }],
+      ms: [{ ms: K() }],
+      me: [{ me: K() }],
+      mt: [{ mt: K() }],
+      mr: [{ mr: K() }],
+      mb: [{ mb: K() }],
+      ml: [{ ml: K() }],
+      "space-x": [{ "space-x": k() }],
       "space-x-reverse": ["space-x-reverse"],
-      "space-y": [{ "space-y": u() }],
+      "space-y": [{ "space-y": k() }],
       "space-y-reverse": ["space-y-reverse"],
-      size: [{ size: V() }],
+      size: [{ size: oe() }],
       w: [{ w: [
-        m,
+        i,
         "screen",
-        ...V()
+        ...oe()
       ] }],
       "min-w": [{ "min-w": [
-        m,
+        i,
         "screen",
         "none",
-        ...V()
+        ...oe()
       ] }],
       "max-w": [{ "max-w": [
-        m,
+        i,
         "screen",
         "none",
         "prose",
-        { screen: [c] },
-        ...V()
+        { screen: [l] },
+        ...oe()
       ] }],
       h: [{ h: [
         "screen",
         "lh",
-        ...V()
+        ...oe()
       ] }],
       "min-h": [{ "min-h": [
         "screen",
         "lh",
         "none",
-        ...V()
+        ...oe()
       ] }],
       "max-h": [{ "max-h": [
         "screen",
         "lh",
-        ...V()
+        ...oe()
       ] }],
       "font-size": [{ text: [
         "base",
         r,
-        $,
-        E
+        ve,
+        ae
       ] }],
       "font-smoothing": ["antialiased", "subpixel-antialiased"],
       "font-style": ["italic", "not-italic"],
       "font-weight": [{ font: [
-        o,
-        i,
-        te
+        n,
+        y,
+        tt
       ] }],
       "font-stretch": [{ "font-stretch": [
         "ultra-condensed",
@@ -887,12 +2817,12 @@ var Ye = (e, t) => {
         "expanded",
         "extra-expanded",
         "ultra-expanded",
-        oe,
-        a
+        et,
+        b
       ] }],
       "font-family": [{ font: [
-        Rr,
-        a,
+        xi,
+        b,
         t
       ] }],
       "fvn-normal": ["normal-nums"],
@@ -902,29 +2832,29 @@ var Ye = (e, t) => {
       "fvn-spacing": ["proportional-nums", "tabular-nums"],
       "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
       tracking: [{ tracking: [
-        n,
-        i,
-        a
+        o,
+        y,
+        b
       ] }],
       "line-clamp": [{ "line-clamp": [
-        p,
+        A,
         "none",
-        i,
-        te
+        y,
+        tt
       ] }],
-      leading: [{ leading: [s, ...u()] }],
+      leading: [{ leading: [a, ...k()] }],
       "list-image": [{ "list-image": [
         "none",
-        i,
-        a
+        y,
+        b
       ] }],
       "list-style-position": [{ list: ["inside", "outside"] }],
       "list-style-type": [{ list: [
         "disc",
         "decimal",
         "none",
-        i,
-        a
+        y,
+        b
       ] }],
       "text-alignment": [{ text: [
         "left",
@@ -934,28 +2864,28 @@ var Ye = (e, t) => {
         "start",
         "end"
       ] }],
-      "placeholder-color": [{ placeholder: d() }],
-      "text-color": [{ text: d() }],
+      "placeholder-color": [{ placeholder: N() }],
+      "text-color": [{ text: N() }],
       "text-decoration": [
         "underline",
         "overline",
         "line-through",
         "no-underline"
       ],
-      "text-decoration-style": [{ decoration: [...Y(), "wavy"] }],
+      "text-decoration-style": [{ decoration: [...ye(), "wavy"] }],
       "text-decoration-thickness": [{ decoration: [
-        p,
+        A,
         "from-font",
         "auto",
-        i,
-        E
+        y,
+        ae
       ] }],
-      "text-decoration-color": [{ decoration: d() }],
+      "text-decoration-color": [{ decoration: N() }],
       "underline-offset": [{ "underline-offset": [
-        p,
+        A,
         "auto",
-        i,
-        a
+        y,
+        b
       ] }],
       "text-transform": [
         "uppercase",
@@ -974,7 +2904,7 @@ var Ye = (e, t) => {
         "balance",
         "pretty"
       ] }],
-      indent: [{ indent: u() }],
+      indent: [{ indent: k() }],
       "vertical-align": [{ align: [
         "baseline",
         "top",
@@ -984,8 +2914,8 @@ var Ye = (e, t) => {
         "text-bottom",
         "sub",
         "super",
-        i,
-        a
+        y,
+        b
       ] }],
       whitespace: [{ whitespace: [
         "normal",
@@ -1013,8 +2943,8 @@ var Ye = (e, t) => {
       ] }],
       content: [{ content: [
         "none",
-        i,
-        a
+        y,
+        b
       ] }],
       "bg-attachment": [{ bg: [
         "fixed",
@@ -1032,9 +2962,9 @@ var Ye = (e, t) => {
         "padding",
         "content"
       ] }],
-      "bg-position": [{ bg: de() }],
-      "bg-repeat": [{ bg: me() }],
-      "bg-size": [{ bg: ue() }],
+      "bg-position": [{ bg: yt() }],
+      "bg-repeat": [{ bg: xt() }],
+      "bg-size": [{ bg: wt() }],
       "bg-image": [{ bg: [
         "none",
         {
@@ -1049,136 +2979,136 @@ var Ye = (e, t) => {
               "l",
               "tl"
             ] },
-            M,
-            i,
-            a
+            ee,
+            y,
+            b
           ],
           radial: [
             "",
-            i,
-            a
+            y,
+            b
           ],
           conic: [
-            M,
-            i,
-            a
+            ee,
+            y,
+            b
           ]
         },
-        Pr,
-        Ar
-      ] }],
-      "bg-color": [{ bg: d() }],
-      "gradient-from-pos": [{ from: ee() }],
-      "gradient-via-pos": [{ via: ee() }],
-      "gradient-to-pos": [{ to: ee() }],
-      "gradient-from": [{ from: d() }],
-      "gradient-via": [{ via: d() }],
-      "gradient-to": [{ to: d() }],
-      rounded: [{ rounded: x() }],
-      "rounded-s": [{ "rounded-s": x() }],
-      "rounded-e": [{ "rounded-e": x() }],
-      "rounded-t": [{ "rounded-t": x() }],
-      "rounded-r": [{ "rounded-r": x() }],
-      "rounded-b": [{ "rounded-b": x() }],
-      "rounded-l": [{ "rounded-l": x() }],
-      "rounded-ss": [{ "rounded-ss": x() }],
-      "rounded-se": [{ "rounded-se": x() }],
-      "rounded-ee": [{ "rounded-ee": x() }],
-      "rounded-es": [{ "rounded-es": x() }],
-      "rounded-tl": [{ "rounded-tl": x() }],
-      "rounded-tr": [{ "rounded-tr": x() }],
-      "rounded-br": [{ "rounded-br": x() }],
-      "rounded-bl": [{ "rounded-bl": x() }],
-      "border-w": [{ border: z() }],
-      "border-w-x": [{ "border-x": z() }],
-      "border-w-y": [{ "border-y": z() }],
-      "border-w-s": [{ "border-s": z() }],
-      "border-w-e": [{ "border-e": z() }],
-      "border-w-t": [{ "border-t": z() }],
-      "border-w-r": [{ "border-r": z() }],
-      "border-w-b": [{ "border-b": z() }],
-      "border-w-l": [{ "border-l": z() }],
-      "divide-x": [{ "divide-x": z() }],
+        Si,
+        yi
+      ] }],
+      "bg-color": [{ bg: N() }],
+      "gradient-from-pos": [{ from: Ve() }],
+      "gradient-via-pos": [{ via: Ve() }],
+      "gradient-to-pos": [{ to: Ve() }],
+      "gradient-from": [{ from: N() }],
+      "gradient-via": [{ via: N() }],
+      "gradient-to": [{ to: N() }],
+      rounded: [{ rounded: W() }],
+      "rounded-s": [{ "rounded-s": W() }],
+      "rounded-e": [{ "rounded-e": W() }],
+      "rounded-t": [{ "rounded-t": W() }],
+      "rounded-r": [{ "rounded-r": W() }],
+      "rounded-b": [{ "rounded-b": W() }],
+      "rounded-l": [{ "rounded-l": W() }],
+      "rounded-ss": [{ "rounded-ss": W() }],
+      "rounded-se": [{ "rounded-se": W() }],
+      "rounded-ee": [{ "rounded-ee": W() }],
+      "rounded-es": [{ "rounded-es": W() }],
+      "rounded-tl": [{ "rounded-tl": W() }],
+      "rounded-tr": [{ "rounded-tr": W() }],
+      "rounded-br": [{ "rounded-br": W() }],
+      "rounded-bl": [{ "rounded-bl": W() }],
+      "border-w": [{ border: $() }],
+      "border-w-x": [{ "border-x": $() }],
+      "border-w-y": [{ "border-y": $() }],
+      "border-w-s": [{ "border-s": $() }],
+      "border-w-e": [{ "border-e": $() }],
+      "border-w-t": [{ "border-t": $() }],
+      "border-w-r": [{ "border-r": $() }],
+      "border-w-b": [{ "border-b": $() }],
+      "border-w-l": [{ "border-l": $() }],
+      "divide-x": [{ "divide-x": $() }],
       "divide-x-reverse": ["divide-x-reverse"],
-      "divide-y": [{ "divide-y": z() }],
+      "divide-y": [{ "divide-y": $() }],
       "divide-y-reverse": ["divide-y-reverse"],
       "border-style": [{ border: [
-        ...Y(),
+        ...ye(),
         "hidden",
         "none"
       ] }],
       "divide-style": [{ divide: [
-        ...Y(),
+        ...ye(),
         "hidden",
         "none"
       ] }],
-      "border-color": [{ border: d() }],
-      "border-color-x": [{ "border-x": d() }],
-      "border-color-y": [{ "border-y": d() }],
-      "border-color-s": [{ "border-s": d() }],
-      "border-color-e": [{ "border-e": d() }],
-      "border-color-t": [{ "border-t": d() }],
-      "border-color-r": [{ "border-r": d() }],
-      "border-color-b": [{ "border-b": d() }],
-      "border-color-l": [{ "border-l": d() }],
-      "divide-color": [{ divide: d() }],
+      "border-color": [{ border: N() }],
+      "border-color-x": [{ "border-x": N() }],
+      "border-color-y": [{ "border-y": N() }],
+      "border-color-s": [{ "border-s": N() }],
+      "border-color-e": [{ "border-e": N() }],
+      "border-color-t": [{ "border-t": N() }],
+      "border-color-r": [{ "border-r": N() }],
+      "border-color-b": [{ "border-b": N() }],
+      "border-color-l": [{ "border-l": N() }],
+      "divide-color": [{ divide: N() }],
       "outline-style": [{ outline: [
-        ...Y(),
+        ...ye(),
         "none",
         "hidden"
       ] }],
       "outline-offset": [{ "outline-offset": [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "outline-w": [{ outline: [
         "",
-        p,
-        $,
-        E
+        A,
+        ve,
+        ae
       ] }],
-      "outline-color": [{ outline: d() }],
+      "outline-color": [{ outline: N() }],
       shadow: [{ shadow: [
         "",
         "none",
-        g,
-        Z,
-        K
+        f,
+        Ae,
+        Pe
       ] }],
-      "shadow-color": [{ shadow: d() }],
+      "shadow-color": [{ shadow: N() }],
       "inset-shadow": [{ "inset-shadow": [
         "none",
-        b,
-        Z,
-        K
+        m,
+        Ae,
+        Pe
       ] }],
-      "inset-shadow-color": [{ "inset-shadow": d() }],
-      "ring-w": [{ ring: z() }],
+      "inset-shadow-color": [{ "inset-shadow": N() }],
+      "ring-w": [{ ring: $() }],
       "ring-w-inset": ["ring-inset"],
-      "ring-color": [{ ring: d() }],
-      "ring-offset-w": [{ "ring-offset": [p, E] }],
-      "ring-offset-color": [{ "ring-offset": d() }],
-      "inset-ring-w": [{ "inset-ring": z() }],
-      "inset-ring-color": [{ "inset-ring": d() }],
+      "ring-color": [{ ring: N() }],
+      "ring-offset-w": [{ "ring-offset": [A, ae] }],
+      "ring-offset-color": [{ "ring-offset": N() }],
+      "inset-ring-w": [{ "inset-ring": $() }],
+      "inset-ring-color": [{ "inset-ring": N() }],
       "text-shadow": [{ "text-shadow": [
         "none",
-        C,
-        Z,
-        K
+        p,
+        Ae,
+        Pe
       ] }],
-      "text-shadow-color": [{ "text-shadow": d() }],
+      "text-shadow-color": [{ "text-shadow": N() }],
       opacity: [{ opacity: [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "mix-blend": [{ "mix-blend": [
-        ...pe(),
+        ...St(),
         "plus-darker",
         "plus-lighter"
       ] }],
-      "bg-blend": [{ "bg-blend": pe() }],
+      "bg-blend": [{ "bg-blend": St() }],
       "mask-clip": [{ "mask-clip": [
         "border",
         "padding",
@@ -1193,51 +3123,51 @@ var Ye = (e, t) => {
         "intersect",
         "exclude"
       ] }],
-      "mask-image-linear-pos": [{ "mask-linear": [p] }],
-      "mask-image-linear-from-pos": [{ "mask-linear-from": v() }],
-      "mask-image-linear-to-pos": [{ "mask-linear-to": v() }],
-      "mask-image-linear-from-color": [{ "mask-linear-from": d() }],
-      "mask-image-linear-to-color": [{ "mask-linear-to": d() }],
-      "mask-image-t-from-pos": [{ "mask-t-from": v() }],
-      "mask-image-t-to-pos": [{ "mask-t-to": v() }],
-      "mask-image-t-from-color": [{ "mask-t-from": d() }],
-      "mask-image-t-to-color": [{ "mask-t-to": d() }],
-      "mask-image-r-from-pos": [{ "mask-r-from": v() }],
-      "mask-image-r-to-pos": [{ "mask-r-to": v() }],
-      "mask-image-r-from-color": [{ "mask-r-from": d() }],
-      "mask-image-r-to-color": [{ "mask-r-to": d() }],
-      "mask-image-b-from-pos": [{ "mask-b-from": v() }],
-      "mask-image-b-to-pos": [{ "mask-b-to": v() }],
-      "mask-image-b-from-color": [{ "mask-b-from": d() }],
-      "mask-image-b-to-color": [{ "mask-b-to": d() }],
-      "mask-image-l-from-pos": [{ "mask-l-from": v() }],
-      "mask-image-l-to-pos": [{ "mask-l-to": v() }],
-      "mask-image-l-from-color": [{ "mask-l-from": d() }],
-      "mask-image-l-to-color": [{ "mask-l-to": d() }],
-      "mask-image-x-from-pos": [{ "mask-x-from": v() }],
-      "mask-image-x-to-pos": [{ "mask-x-to": v() }],
-      "mask-image-x-from-color": [{ "mask-x-from": d() }],
-      "mask-image-x-to-color": [{ "mask-x-to": d() }],
-      "mask-image-y-from-pos": [{ "mask-y-from": v() }],
-      "mask-image-y-to-pos": [{ "mask-y-to": v() }],
-      "mask-image-y-from-color": [{ "mask-y-from": d() }],
-      "mask-image-y-to-color": [{ "mask-y-to": d() }],
-      "mask-image-radial": [{ "mask-radial": [i, a] }],
-      "mask-image-radial-from-pos": [{ "mask-radial-from": v() }],
-      "mask-image-radial-to-pos": [{ "mask-radial-to": v() }],
-      "mask-image-radial-from-color": [{ "mask-radial-from": d() }],
-      "mask-image-radial-to-color": [{ "mask-radial-to": d() }],
+      "mask-image-linear-pos": [{ "mask-linear": [A] }],
+      "mask-image-linear-from-pos": [{ "mask-linear-from": L() }],
+      "mask-image-linear-to-pos": [{ "mask-linear-to": L() }],
+      "mask-image-linear-from-color": [{ "mask-linear-from": N() }],
+      "mask-image-linear-to-color": [{ "mask-linear-to": N() }],
+      "mask-image-t-from-pos": [{ "mask-t-from": L() }],
+      "mask-image-t-to-pos": [{ "mask-t-to": L() }],
+      "mask-image-t-from-color": [{ "mask-t-from": N() }],
+      "mask-image-t-to-color": [{ "mask-t-to": N() }],
+      "mask-image-r-from-pos": [{ "mask-r-from": L() }],
+      "mask-image-r-to-pos": [{ "mask-r-to": L() }],
+      "mask-image-r-from-color": [{ "mask-r-from": N() }],
+      "mask-image-r-to-color": [{ "mask-r-to": N() }],
+      "mask-image-b-from-pos": [{ "mask-b-from": L() }],
+      "mask-image-b-to-pos": [{ "mask-b-to": L() }],
+      "mask-image-b-from-color": [{ "mask-b-from": N() }],
+      "mask-image-b-to-color": [{ "mask-b-to": N() }],
+      "mask-image-l-from-pos": [{ "mask-l-from": L() }],
+      "mask-image-l-to-pos": [{ "mask-l-to": L() }],
+      "mask-image-l-from-color": [{ "mask-l-from": N() }],
+      "mask-image-l-to-color": [{ "mask-l-to": N() }],
+      "mask-image-x-from-pos": [{ "mask-x-from": L() }],
+      "mask-image-x-to-pos": [{ "mask-x-to": L() }],
+      "mask-image-x-from-color": [{ "mask-x-from": N() }],
+      "mask-image-x-to-color": [{ "mask-x-to": N() }],
+      "mask-image-y-from-pos": [{ "mask-y-from": L() }],
+      "mask-image-y-to-pos": [{ "mask-y-to": L() }],
+      "mask-image-y-from-color": [{ "mask-y-from": N() }],
+      "mask-image-y-to-color": [{ "mask-y-to": N() }],
+      "mask-image-radial": [{ "mask-radial": [y, b] }],
+      "mask-image-radial-from-pos": [{ "mask-radial-from": L() }],
+      "mask-image-radial-to-pos": [{ "mask-radial-to": L() }],
+      "mask-image-radial-from-color": [{ "mask-radial-from": N() }],
+      "mask-image-radial-to-color": [{ "mask-radial-to": N() }],
       "mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
       "mask-image-radial-size": [{ "mask-radial": [{
         closest: ["side", "corner"],
         farthest: ["side", "corner"]
       }] }],
-      "mask-image-radial-pos": [{ "mask-radial-at": j() }],
-      "mask-image-conic-pos": [{ "mask-conic": [p] }],
-      "mask-image-conic-from-pos": [{ "mask-conic-from": v() }],
-      "mask-image-conic-to-pos": [{ "mask-conic-to": v() }],
-      "mask-image-conic-from-color": [{ "mask-conic-from": d() }],
-      "mask-image-conic-to-color": [{ "mask-conic-to": d() }],
+      "mask-image-radial-pos": [{ "mask-radial-at": S() }],
+      "mask-image-conic-pos": [{ "mask-conic": [A] }],
+      "mask-image-conic-from-pos": [{ "mask-conic-from": L() }],
+      "mask-image-conic-to-pos": [{ "mask-conic-to": L() }],
+      "mask-image-conic-from-color": [{ "mask-conic-from": N() }],
+      "mask-image-conic-to-color": [{ "mask-conic-to": N() }],
       "mask-mode": [{ mask: [
         "alpha",
         "luminance",
@@ -1251,122 +3181,122 @@ var Ye = (e, t) => {
         "stroke",
         "view"
       ] }],
-      "mask-position": [{ mask: de() }],
-      "mask-repeat": [{ mask: me() }],
-      "mask-size": [{ mask: ue() }],
+      "mask-position": [{ mask: yt() }],
+      "mask-repeat": [{ mask: xt() }],
+      "mask-size": [{ mask: wt() }],
       "mask-type": [{ "mask-type": ["alpha", "luminance"] }],
       "mask-image": [{ mask: [
         "none",
-        i,
-        a
+        y,
+        b
       ] }],
       filter: [{ filter: [
         "",
         "none",
-        i,
-        a
+        y,
+        b
       ] }],
-      blur: [{ blur: fe() }],
+      blur: [{ blur: Ct() }],
       brightness: [{ brightness: [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       contrast: [{ contrast: [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "drop-shadow": [{ "drop-shadow": [
         "",
         "none",
-        A,
-        Z,
-        K
+        g,
+        Ae,
+        Pe
       ] }],
-      "drop-shadow-color": [{ "drop-shadow": d() }],
+      "drop-shadow-color": [{ "drop-shadow": N() }],
       grayscale: [{ grayscale: [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "hue-rotate": [{ "hue-rotate": [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       invert: [{ invert: [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       saturate: [{ saturate: [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       sepia: [{ sepia: [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-filter": [{ "backdrop-filter": [
         "",
         "none",
-        i,
-        a
+        y,
+        b
       ] }],
-      "backdrop-blur": [{ "backdrop-blur": fe() }],
+      "backdrop-blur": [{ "backdrop-blur": Ct() }],
       "backdrop-brightness": [{ "backdrop-brightness": [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-contrast": [{ "backdrop-contrast": [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-grayscale": [{ "backdrop-grayscale": [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-invert": [{ "backdrop-invert": [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-opacity": [{ "backdrop-opacity": [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-saturate": [{ "backdrop-saturate": [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "backdrop-sepia": [{ "backdrop-sepia": [
         "",
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       "border-collapse": [{ border: ["collapse", "separate"] }],
-      "border-spacing": [{ "border-spacing": u() }],
-      "border-spacing-x": [{ "border-spacing-x": u() }],
-      "border-spacing-y": [{ "border-spacing-y": u() }],
+      "border-spacing": [{ "border-spacing": k() }],
+      "border-spacing-x": [{ "border-spacing-x": k() }],
+      "border-spacing-y": [{ "border-spacing-y": k() }],
       "table-layout": [{ table: ["auto", "fixed"] }],
       caption: [{ caption: ["top", "bottom"] }],
       transition: [{ transition: [
@@ -1377,71 +3307,71 @@ var Ye = (e, t) => {
         "shadow",
         "transform",
         "none",
-        i,
-        a
+        y,
+        b
       ] }],
       "transition-behavior": [{ transition: ["normal", "discrete"] }],
       duration: [{ duration: [
-        p,
+        A,
         "initial",
-        i,
-        a
+        y,
+        b
       ] }],
       ease: [{ ease: [
         "linear",
         "initial",
-        T,
-        i,
-        a
+        E,
+        y,
+        b
       ] }],
       delay: [{ delay: [
-        p,
-        i,
-        a
+        A,
+        y,
+        b
       ] }],
       animate: [{ animate: [
         "none",
-        D,
-        i,
-        a
+        R,
+        y,
+        b
       ] }],
       backface: [{ backface: ["hidden", "visible"] }],
       perspective: [{ perspective: [
+        h,
         y,
-        i,
-        a
-      ] }],
-      "perspective-origin": [{ "perspective-origin": G() }],
-      rotate: [{ rotate: q() }],
-      "rotate-x": [{ "rotate-x": q() }],
-      "rotate-y": [{ "rotate-y": q() }],
-      "rotate-z": [{ "rotate-z": q() }],
-      scale: [{ scale: X() }],
-      "scale-x": [{ "scale-x": X() }],
-      "scale-y": [{ "scale-y": X() }],
-      "scale-z": [{ "scale-z": X() }],
+        b
+      ] }],
+      "perspective-origin": [{ "perspective-origin": D() }],
+      rotate: [{ rotate: xe() }],
+      "rotate-x": [{ "rotate-x": xe() }],
+      "rotate-y": [{ "rotate-y": xe() }],
+      "rotate-z": [{ "rotate-z": xe() }],
+      scale: [{ scale: we() }],
+      "scale-x": [{ "scale-x": we() }],
+      "scale-y": [{ "scale-y": we() }],
+      "scale-z": [{ "scale-z": we() }],
       "scale-3d": ["scale-3d"],
-      skew: [{ skew: re() }],
-      "skew-x": [{ "skew-x": re() }],
-      "skew-y": [{ "skew-y": re() }],
+      skew: [{ skew: He() }],
+      "skew-x": [{ "skew-x": He() }],
+      "skew-y": [{ "skew-y": He() }],
       transform: [{ transform: [
-        i,
-        a,
+        y,
+        b,
         "",
         "none",
         "gpu",
         "cpu"
       ] }],
-      "transform-origin": [{ origin: G() }],
+      "transform-origin": [{ origin: D() }],
       "transform-style": [{ transform: ["3d", "flat"] }],
-      translate: [{ translate: J() }],
-      "translate-x": [{ "translate-x": J() }],
-      "translate-y": [{ "translate-y": J() }],
-      "translate-z": [{ "translate-z": J() }],
+      translate: [{ translate: Se() }],
+      "translate-x": [{ "translate-x": Se() }],
+      "translate-y": [{ "translate-y": Se() }],
+      "translate-z": [{ "translate-z": Se() }],
       "translate-none": ["translate-none"],
-      accent: [{ accent: d() }],
+      accent: [{ accent: N() }],
       appearance: [{ appearance: ["none", "auto"] }],
-      "caret-color": [{ caret: d() }],
+      "caret-color": [{ caret: N() }],
       "color-scheme": [{ scheme: [
         "normal",
         "dark",
@@ -1487,8 +3417,8 @@ var Ye = (e, t) => {
         "nwse-resize",
         "zoom-in",
         "zoom-out",
-        i,
-        a
+        y,
+        b
       ] }],
       "field-sizing": [{ "field-sizing": ["fixed", "content"] }],
       "pointer-events": [{ "pointer-events": ["auto", "none"] }],
@@ -1499,24 +3429,24 @@ var Ye = (e, t) => {
         "x"
       ] }],
       "scroll-behavior": [{ scroll: ["auto", "smooth"] }],
-      "scroll-m": [{ "scroll-m": u() }],
-      "scroll-mx": [{ "scroll-mx": u() }],
-      "scroll-my": [{ "scroll-my": u() }],
-      "scroll-ms": [{ "scroll-ms": u() }],
-      "scroll-me": [{ "scroll-me": u() }],
-      "scroll-mt": [{ "scroll-mt": u() }],
-      "scroll-mr": [{ "scroll-mr": u() }],
-      "scroll-mb": [{ "scroll-mb": u() }],
-      "scroll-ml": [{ "scroll-ml": u() }],
-      "scroll-p": [{ "scroll-p": u() }],
-      "scroll-px": [{ "scroll-px": u() }],
-      "scroll-py": [{ "scroll-py": u() }],
-      "scroll-ps": [{ "scroll-ps": u() }],
-      "scroll-pe": [{ "scroll-pe": u() }],
-      "scroll-pt": [{ "scroll-pt": u() }],
-      "scroll-pr": [{ "scroll-pr": u() }],
-      "scroll-pb": [{ "scroll-pb": u() }],
-      "scroll-pl": [{ "scroll-pl": u() }],
+      "scroll-m": [{ "scroll-m": k() }],
+      "scroll-mx": [{ "scroll-mx": k() }],
+      "scroll-my": [{ "scroll-my": k() }],
+      "scroll-ms": [{ "scroll-ms": k() }],
+      "scroll-me": [{ "scroll-me": k() }],
+      "scroll-mt": [{ "scroll-mt": k() }],
+      "scroll-mr": [{ "scroll-mr": k() }],
+      "scroll-mb": [{ "scroll-mb": k() }],
+      "scroll-ml": [{ "scroll-ml": k() }],
+      "scroll-p": [{ "scroll-p": k() }],
+      "scroll-px": [{ "scroll-px": k() }],
+      "scroll-py": [{ "scroll-py": k() }],
+      "scroll-ps": [{ "scroll-ps": k() }],
+      "scroll-pe": [{ "scroll-pe": k() }],
+      "scroll-pt": [{ "scroll-pt": k() }],
+      "scroll-pr": [{ "scroll-pr": k() }],
+      "scroll-pb": [{ "scroll-pb": k() }],
+      "scroll-pl": [{ "scroll-pl": k() }],
       "snap-align": [{ snap: [
         "start",
         "end",
@@ -1558,17 +3488,17 @@ var Ye = (e, t) => {
         "scroll",
         "contents",
         "transform",
-        i,
-        a
+        y,
+        b
       ] }],
-      fill: [{ fill: ["none", ...d()] }],
+      fill: [{ fill: ["none", ...N()] }],
       "stroke-w": [{ stroke: [
-        p,
-        $,
-        E,
-        te
+        A,
+        ve,
+        ae,
+        tt
       ] }],
-      stroke: [{ stroke: ["none", ...d()] }],
+      stroke: [{ stroke: ["none", ...N()] }],
       "forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
     },
     conflictingClassGroups: {
@@ -1738,11 +3668,11 @@ var Ye = (e, t) => {
       "selection"
     ]
   };
-}, Vr = /* @__PURE__ */ ur(Or);
-function Er(...e) {
-  return Vr(Ce(e));
+}, Ni = /* @__PURE__ */ ai(Ei);
+function P(...e) {
+  return Ni(Qt(e));
 }
-var jr = Ne("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+var Ri = Jt("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
   variants: {
     variant: {
       default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -1768,20 +3698,966 @@ var jr = Ne("inline-flex items-center justify-center gap-2 whitespace-nowrap rou
     size: "default"
   }
 });
-function Nr({ className: e, variant: t = "default", size: r = "default", asChild: o = !1, ...n }) {
-  return /* @__PURE__ */ ne(o ? We : "button", {
+function X({ className: e, variant: t = "default", size: r = "default", asChild: n = !1, ...o }) {
+  return /* @__PURE__ */ c(n ? tr : "button", {
     "data-slot": "button",
     "data-variant": t,
     "data-size": r,
-    className: Er(jr({
+    className: P(Ri({
       variant: t,
       size: r,
       className: e
     })),
+    ...o
+  });
+}
+var xn = (...e) => e.filter((t, r, n) => !!t && t.trim() !== "" && n.indexOf(t) === r).join(" ").trim();
+var Pi = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+var Ai = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (t, r, n) => n ? n.toUpperCase() : r.toLowerCase());
+var Xt = (e) => {
+  const t = Ai(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+};
+var Ti = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+var Oi = (e) => {
+  for (const t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
+  return !1;
+};
+var Di = Kt(({ color: e = "currentColor", size: t = 24, strokeWidth: r = 2, absoluteStrokeWidth: n, className: o = "", children: a, iconNode: l, ...i }, d) => rt("svg", {
+  ref: d,
+  ...Ti,
+  width: t,
+  height: t,
+  stroke: e,
+  strokeWidth: n ? Number(r) * 24 / Number(t) : r,
+  className: xn("lucide", o),
+  ...!a && !Oi(i) && { "aria-hidden": "true" },
+  ...i
+}, [...l.map(([u, f]) => rt(u, f)), ...Array.isArray(a) ? a : [a]]));
+var J = (e, t) => {
+  const r = Kt(({ className: n, ...o }, a) => rt(Di, {
+    ref: a,
+    iconNode: t,
+    className: xn(`lucide-${Pi(Xt(e))}`, `lucide-${e}`, n),
+    ...o
+  }));
+  return r.displayName = Xt(e), r;
+};
+var _i = [["path", {
+  d: "m12 19-7-7 7-7",
+  key: "1l729n"
+}], ["path", {
+  d: "M19 12H5",
+  key: "x3x0zl"
+}]], Mi = J("arrow-left", _i);
+var Ii = [["path", {
+  d: "M20 6 9 17l-5-5",
+  key: "1gmf2c"
+}]], zi = J("check", Ii);
+var Li = [["circle", {
+  cx: "12",
+  cy: "12",
+  r: "10",
+  key: "1mglay"
+}], ["path", {
+  d: "m9 12 2 2 4-4",
+  key: "dzmm74"
+}]], Fi = J("circle-check", Li);
+var Wi = [["path", {
+  d: "M21 12a9 9 0 1 1-6.219-8.56",
+  key: "13zald"
+}]], Bi = J("loader-circle", Wi);
+var $i = [["path", {
+  d: "M5 12h14",
+  key: "1ays0h"
+}]], ji = J("minus", $i);
+var Ui = [["path", {
+  d: "M5 12h14",
+  key: "1ays0h"
+}], ["path", {
+  d: "M12 5v14",
+  key: "s699le"
+}]], Vi = J("plus", Ui);
+var Hi = [
+  ["circle", {
+    cx: "8",
+    cy: "21",
+    r: "1",
+    key: "jimo8o"
+  }],
+  ["circle", {
+    cx: "19",
+    cy: "21",
+    r: "1",
+    key: "13723u"
+  }],
+  ["path", {
+    d: "M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.12",
+    key: "9zh506"
+  }]
+], wn = J("shopping-cart", Hi);
+var Gi = [
+  ["path", {
+    d: "M10 11v6",
+    key: "nco0om"
+  }],
+  ["path", {
+    d: "M14 11v6",
+    key: "outv1u"
+  }],
+  ["path", {
+    d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",
+    key: "miytrc"
+  }],
+  ["path", {
+    d: "M3 6h18",
+    key: "d0wm0j"
+  }],
+  ["path", {
+    d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",
+    key: "e791ji"
+  }]
+], Xi = J("trash-2", Gi);
+var Yi = [["path", {
+  d: "M18 6 6 18",
+  key: "1bl5f8"
+}], ["path", {
+  d: "m6 6 12 12",
+  key: "d8bk6v"
+}]], vt = J("x", Yi);
+function ws({ title: e, subtitle: t, showBack: r = !1, onBack: n, actions: o, className: a }) {
+  return /* @__PURE__ */ c("header", {
+    className: P("sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", a),
+    children: /* @__PURE__ */ x("div", {
+      className: "flex h-14 items-center gap-4 px-4",
+      children: [
+        r && /* @__PURE__ */ c(X, {
+          variant: "ghost",
+          size: "icon-sm",
+          onClick: n,
+          "aria-label": "Voltar",
+          children: /* @__PURE__ */ c(Mi, {})
+        }),
+        /* @__PURE__ */ x("div", {
+          className: "flex flex-1 flex-col justify-center min-w-0",
+          children: [/* @__PURE__ */ c("h1", {
+            className: "text-lg font-semibold leading-none truncate",
+            children: e
+          }), t && /* @__PURE__ */ c("p", {
+            className: "text-sm text-muted-foreground truncate",
+            children: t
+          })]
+        }),
+        o && /* @__PURE__ */ c("div", {
+          className: "flex items-center gap-2",
+          children: o
+        })
+      ]
+    })
+  });
+}
+var qi = Jt("inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
+  variants: { variant: {
+    default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+    secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+    destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+    outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+    ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+    link: "text-primary underline-offset-4 [a&]:hover:underline"
+  } },
+  defaultVariants: { variant: "default" }
+});
+function Le({ className: e, variant: t = "default", asChild: r = !1, ...n }) {
+  return /* @__PURE__ */ c(r ? tr : "span", {
+    "data-slot": "badge",
+    "data-variant": t,
+    className: P(qi({ variant: t }), e),
+    ...n
+  });
+}
+function j(e) {
+  return new Intl.NumberFormat("pt-BR", {
+    style: "currency",
+    currency: "BRL"
+  }).format(e);
+}
+function Ss({ count: e, total: t, onClick: r, className: n }) {
+  return e === 0 ? null : /* @__PURE__ */ x(X, {
+    variant: "ghost",
+    onClick: r,
+    className: P("relative gap-2 font-semibold text-primary hover:text-primary", n),
+    children: [/* @__PURE__ */ x("div", {
+      className: "relative",
+      children: [/* @__PURE__ */ c(wn, { className: "size-5" }), /* @__PURE__ */ c(Le, {
+        variant: "destructive",
+        className: "absolute -right-2 -top-2 size-5 flex items-center justify-center p-0 text-xs font-bold",
+        children: e
+      })]
+    }), /* @__PURE__ */ c("span", {
+      className: "hidden sm:inline",
+      children: j(t)
+    })]
+  });
+}
+function Sn({ value: e, onChange: t, min: r = 1, max: n, size: o = "default", className: a }) {
+  const l = () => {
+    e > r && t(e - 1);
+  }, i = () => {
+    (!n || e < n) && t(e + 1);
+  }, d = e > r, u = !n || e < n, f = {
+    sm: "h-7 gap-2",
+    default: "h-9 gap-3",
+    lg: "h-11 gap-4"
+  }, m = o === "sm" ? "icon-xs" : o === "lg" ? "icon-sm" : "icon-xs", p = o === "sm" ? "text-sm" : o === "lg" ? "text-lg" : "text-base";
+  return /* @__PURE__ */ x("div", {
+    className: P("inline-flex items-center rounded-md border bg-background", f[o], a),
+    children: [
+      /* @__PURE__ */ c(X, {
+        variant: "ghost",
+        size: m,
+        onClick: l,
+        disabled: !d,
+        "aria-label": "Diminuir quantidade",
+        className: "rounded-r-none",
+        children: /* @__PURE__ */ c(ji, {})
+      }),
+      /* @__PURE__ */ c("span", {
+        className: P("min-w-8 text-center font-semibold tabular-nums", p),
+        children: e
+      }),
+      /* @__PURE__ */ c(X, {
+        variant: "ghost",
+        size: m,
+        onClick: i,
+        disabled: !u,
+        "aria-label": "Aumentar quantidade",
+        className: "rounded-l-none",
+        children: /* @__PURE__ */ c(Vi, {})
+      })
+    ]
+  });
+}
+function Cs({ children: e, className: t, ...r }) {
+  return /* @__PURE__ */ c("div", {
+    className: P("grid gap-4 p-4", "grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6", t),
+    ...r,
+    children: e
+  });
+}
+function Cn({ className: e, ...t }) {
+  return /* @__PURE__ */ c("div", {
+    "data-slot": "card",
+    className: P("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", e),
+    ...t
+  });
+}
+var Ki = {
+  available: {
+    label: "Livre",
+    variant: "default"
+  },
+  occupied: {
+    label: "Ocupada",
+    variant: "destructive"
+  },
+  reserved: {
+    label: "Reservada",
+    variant: "secondary"
+  }
+};
+function Zi({ status: e, className: t }) {
+  const r = Ki[e];
+  return /* @__PURE__ */ c(Le, {
+    variant: r.variant,
+    className: P("text-xs", t),
+    children: r.label
+  });
+}
+function ks({ number: e, status: t, onClick: r, className: n }) {
+  const o = t === "reserved";
+  return /* @__PURE__ */ x(Cn, {
+    className: P("relative flex aspect-square cursor-pointer flex-col items-center justify-center gap-2 p-4 transition-all", "hover:scale-105 hover:shadow-lg", "active:scale-95", o && "cursor-not-allowed opacity-50 hover:scale-100", n),
+    onClick: o ? void 0 : r,
+    children: [
+      /* @__PURE__ */ c("span", {
+        className: "text-sm text-muted-foreground font-medium uppercase",
+        children: "Mesa"
+      }),
+      /* @__PURE__ */ c("span", {
+        className: "text-4xl font-bold leading-none",
+        children: e
+      }),
+      /* @__PURE__ */ c(Zi, { status: t })
+    ]
+  });
+}
+function gt({ className: e, children: t, ...r }) {
+  return /* @__PURE__ */ x(Da, {
+    "data-slot": "scroll-area",
+    className: P("relative", e),
+    ...r,
+    children: [
+      /* @__PURE__ */ c(_a, {
+        "data-slot": "scroll-area-viewport",
+        className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
+        children: t
+      }),
+      /* @__PURE__ */ c(Qi, {}),
+      /* @__PURE__ */ c(Ma, {})
+    ]
+  });
+}
+function Qi({ className: e, orientation: t = "vertical", ...r }) {
+  return /* @__PURE__ */ c(Zr, {
+    "data-slot": "scroll-area-scrollbar",
+    orientation: t,
+    className: P("flex touch-none p-px transition-colors select-none", t === "vertical" && "h-full w-2.5 border-l border-l-transparent", t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", e),
+    ...r,
+    children: /* @__PURE__ */ c(tn, {
+      "data-slot": "scroll-area-thumb",
+      className: "bg-border relative flex-1 rounded-full"
+    })
+  });
+}
+function Yt({ name: e, isActive: t = !1, onClick: r, className: n }) {
+  return /* @__PURE__ */ c(X, {
+    variant: t ? "default" : "outline",
+    size: "sm",
+    onClick: r,
+    className: P("shrink-0 rounded-full px-4 transition-all", t && "shadow-sm", n),
+    children: e
+  });
+}
+function Es({ categories: e, activeCategory: t, onSelectCategory: r, className: n }) {
+  return /* @__PURE__ */ c("div", {
+    className: P("sticky top-14 z-40 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60", n),
+    children: /* @__PURE__ */ c(gt, {
+      className: "w-full",
+      children: /* @__PURE__ */ x("div", {
+        className: "flex gap-2 p-4",
+        children: [/* @__PURE__ */ c(Yt, {
+          name: "Todos",
+          isActive: !t,
+          onClick: () => r("")
+        }), e.map((o) => /* @__PURE__ */ c(Yt, {
+          name: o.name,
+          isActive: t === o.id,
+          onClick: () => r(o.id)
+        }, o.id))]
+      })
+    })
+  });
+}
+function Ns({ children: e, className: t, ...r }) {
+  return /* @__PURE__ */ c("div", {
+    className: P("grid gap-4 p-4", "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4", t),
+    ...r,
+    children: e
+  });
+}
+function Rs({ product: e, onClick: t, className: r }) {
+  const n = !e.isActive;
+  return /* @__PURE__ */ x(Cn, {
+    className: P("group relative flex cursor-pointer flex-col overflow-hidden transition-all", "hover:shadow-lg hover:scale-[1.02]", "active:scale-[0.98]", n && "cursor-not-allowed opacity-50 hover:scale-100", r),
+    onClick: n ? void 0 : t,
+    children: [/* @__PURE__ */ x("div", {
+      className: "relative aspect-video w-full overflow-hidden bg-muted",
+      children: [
+        e.imageUrl ? /* @__PURE__ */ c("img", {
+          src: e.imageUrl,
+          alt: e.name,
+          className: "size-full object-cover transition-transform group-hover:scale-110"
+        }) : /* @__PURE__ */ c("div", {
+          className: "flex size-full items-center justify-center text-muted-foreground",
+          children: /* @__PURE__ */ c("span", {
+            className: "text-sm",
+            children: "Sem imagem"
+          })
+        }),
+        /* @__PURE__ */ c(Le, {
+          variant: "secondary",
+          className: "absolute right-2 top-2 bg-background/90 backdrop-blur-sm font-semibold",
+          children: j(e.price)
+        }),
+        n && /* @__PURE__ */ c(Le, {
+          variant: "destructive",
+          className: "absolute left-2 top-2 bg-destructive/90 backdrop-blur-sm",
+          children: "Indisponível"
+        })
+      ]
+    }), /* @__PURE__ */ x("div", {
+      className: "flex flex-1 flex-col gap-1 p-3",
+      children: [/* @__PURE__ */ c("h3", {
+        className: "font-semibold leading-tight line-clamp-1",
+        children: e.name
+      }), e.description && /* @__PURE__ */ c("p", {
+        className: "text-sm text-muted-foreground line-clamp-2",
+        children: e.description
+      })]
+    })]
+  });
+}
+function Ji({ basePrice: e, additionalPrice: t, className: r }) {
+  const n = e + t, o = t > 0;
+  return /* @__PURE__ */ c("div", {
+    className: P("flex flex-col gap-1", r),
+    children: o ? /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ x("div", {
+      className: "flex items-center gap-2 text-sm text-muted-foreground",
+      children: [
+        /* @__PURE__ */ c("span", { children: j(e) }),
+        /* @__PURE__ */ c("span", { children: "+" }),
+        /* @__PURE__ */ c("span", {
+          className: "text-primary font-medium",
+          children: j(t)
+        })
+      ]
+    }), /* @__PURE__ */ c("div", {
+      className: "text-2xl font-bold text-primary",
+      children: j(n)
+    })] }) : /* @__PURE__ */ c("div", {
+      className: "text-2xl font-bold text-primary",
+      children: j(n)
+    })
+  });
+}
+function kn({ ...e }) {
+  return /* @__PURE__ */ c(Dr, {
+    "data-slot": "dialog",
+    ...e
+  });
+}
+function es({ ...e }) {
+  return /* @__PURE__ */ c(_r, {
+    "data-slot": "dialog-portal",
+    ...e
+  });
+}
+function ts({ className: e, ...t }) {
+  return /* @__PURE__ */ c(Mr, {
+    "data-slot": "dialog-overlay",
+    className: P("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
+    ...t
+  });
+}
+function En({ className: e, children: t, showCloseButton: r = !0, ...n }) {
+  return /* @__PURE__ */ x(es, {
+    "data-slot": "dialog-portal",
+    children: [/* @__PURE__ */ c(ts, {}), /* @__PURE__ */ x(Ir, {
+      "data-slot": "dialog-content",
+      className: P("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg", e),
+      ...n,
+      children: [t, r && /* @__PURE__ */ x(Lr, {
+        "data-slot": "dialog-close",
+        className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        children: [/* @__PURE__ */ c(vt, {}), /* @__PURE__ */ c("span", {
+          className: "sr-only",
+          children: "Close"
+        })]
+      })]
+    })]
+  });
+}
+function Nn({ className: e, ...t }) {
+  return /* @__PURE__ */ c("div", {
+    "data-slot": "dialog-header",
+    className: P("flex flex-col gap-2 text-center sm:text-left", e),
+    ...t
+  });
+}
+function Rn({ className: e, ...t }) {
+  return /* @__PURE__ */ c(zr, {
+    "data-slot": "dialog-title",
+    className: P("text-lg leading-none font-semibold", e),
+    ...t
+  });
+}
+function De({ className: e, orientation: t = "horizontal", decorative: r = !0, ...n }) {
+  return /* @__PURE__ */ c(Fa, {
+    "data-slot": "separator",
+    decorative: r,
+    orientation: t,
+    className: P("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", e),
     ...n
   });
 }
+function qt({ title: e, description: t, children: r, className: n }) {
+  return /* @__PURE__ */ x("div", {
+    className: P("space-y-3", n),
+    children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ c("h3", {
+      className: "text-sm font-medium leading-none",
+      children: e
+    }), t && /* @__PURE__ */ c("p", {
+      className: "mt-1 text-xs text-muted-foreground",
+      children: t
+    })] }), /* @__PURE__ */ c("div", {
+      className: "space-y-2",
+      children: r
+    })]
+  });
+}
+function Pn({ className: e, ...t }) {
+  return /* @__PURE__ */ c(Br, {
+    "data-slot": "checkbox",
+    className: P("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", e),
+    ...t,
+    children: /* @__PURE__ */ c(jr, {
+      "data-slot": "checkbox-indicator",
+      className: "grid place-content-center text-current transition-none",
+      children: /* @__PURE__ */ c(zi, { className: "size-3.5" })
+    })
+  });
+}
+function An({ className: e, ...t }) {
+  return /* @__PURE__ */ c(ya, {
+    "data-slot": "label",
+    className: P("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", e),
+    ...t
+  });
+}
+function rs({ ingredient: e, checked: t, onCheckedChange: r, className: n }) {
+  const o = `ingredient-${e.id}`, a = e.unit ? `${e.quantity} ${e.unit}` : e.quantity > 1 ? `${e.quantity}x` : "";
+  return /* @__PURE__ */ x("div", {
+    className: P("flex items-center gap-3", n),
+    children: [/* @__PURE__ */ c(Pn, {
+      id: o,
+      checked: t,
+      onCheckedChange: r
+    }), /* @__PURE__ */ x(An, {
+      htmlFor: o,
+      className: "flex-1 cursor-pointer select-none text-sm leading-tight",
+      children: [/* @__PURE__ */ c("span", {
+        className: P(t && "line-through text-muted-foreground"),
+        children: e.name
+      }), a && /* @__PURE__ */ x("span", {
+        className: "ml-2 text-xs text-muted-foreground",
+        children: [
+          "(",
+          a,
+          ")"
+        ]
+      })]
+    })]
+  });
+}
+function ns({ extra: e, checked: t, onCheckedChange: r, className: n }) {
+  const o = `extra-${e.id}`;
+  return /* @__PURE__ */ x("div", {
+    className: P("flex items-center gap-3", n),
+    children: [/* @__PURE__ */ c(Pn, {
+      id: o,
+      checked: t,
+      onCheckedChange: r
+    }), /* @__PURE__ */ x(An, {
+      htmlFor: o,
+      className: "flex flex-1 cursor-pointer select-none items-center justify-between text-sm leading-tight",
+      children: [/* @__PURE__ */ c("span", {
+        className: P(t && "font-medium text-primary"),
+        children: e.name
+      }), /* @__PURE__ */ x("span", {
+        className: P("text-sm font-semibold", t ? "text-primary" : "text-muted-foreground"),
+        children: ["+ ", j(e.price)]
+      })]
+    })]
+  });
+}
+function Ps({ open: e, onOpenChange: t, product: r, removableIngredients: n = [], availableExtras: o = [], onAddToCart: a, className: l }) {
+  const [i, d] = s.useState(1), [u, f] = s.useState([]), [m, p] = s.useState([]), [g, C] = s.useState("");
+  s.useEffect(() => {
+    e && (d(1), f([]), p([]), C(""));
+  }, [e]);
+  const h = m.reduce((w, S) => w + (o.find((D) => D.id === S)?.price || 0), 0), v = (w, S) => {
+    f((D) => S ? [...D, w] : D.filter((_) => _ !== w));
+  }, E = (w, S) => {
+    p((D) => S ? [...D, w] : D.filter((_) => _ !== w));
+  }, R = () => {
+    a({
+      productId: r.id,
+      quantity: i,
+      removedIngredients: u,
+      addedExtras: m,
+      notes: g.trim() || void 0
+    }), t(!1);
+  };
+  return /* @__PURE__ */ c(kn, {
+    open: e,
+    onOpenChange: t,
+    children: /* @__PURE__ */ x(En, {
+      className: P("flex max-h-[90vh] max-w-lg flex-col gap-0 p-0", l),
+      children: [
+        /* @__PURE__ */ x("div", {
+          className: "relative",
+          children: [r.imageUrl && /* @__PURE__ */ c("div", {
+            className: "aspect-video w-full overflow-hidden bg-muted",
+            children: /* @__PURE__ */ c("img", {
+              src: r.imageUrl,
+              alt: r.name,
+              className: "size-full object-cover"
+            })
+          }), /* @__PURE__ */ c(X, {
+            variant: "ghost",
+            size: "icon-sm",
+            onClick: () => t(!1),
+            className: "absolute right-2 top-2 bg-background/80 backdrop-blur-sm hover:bg-background",
+            children: /* @__PURE__ */ c(vt, {})
+          })]
+        }),
+        /* @__PURE__ */ c(gt, {
+          className: "flex-1",
+          children: /* @__PURE__ */ x("div", {
+            className: "space-y-4 p-6",
+            children: [
+              /* @__PURE__ */ x(Nn, { children: [/* @__PURE__ */ c(Rn, {
+                className: "text-2xl",
+                children: r.name
+              }), r.description && /* @__PURE__ */ c("p", {
+                className: "text-muted-foreground",
+                children: r.description
+              })] }),
+              /* @__PURE__ */ c(Ji, {
+                basePrice: r.price,
+                additionalPrice: h
+              }),
+              n.length > 0 && /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ c(De, {}), /* @__PURE__ */ c(qt, {
+                title: "Remover ingredientes?",
+                children: n.map((w) => /* @__PURE__ */ c(rs, {
+                  ingredient: w,
+                  checked: u.includes(w.id),
+                  onCheckedChange: (S) => v(w.id, S)
+                }, w.id))
+              })] }),
+              o.length > 0 && /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ c(De, {}), /* @__PURE__ */ c(qt, {
+                title: "Adicionar extras?",
+                children: o.map((w) => /* @__PURE__ */ c(ns, {
+                  extra: w,
+                  checked: m.includes(w.id),
+                  onCheckedChange: (S) => E(w.id, S)
+                }, w.id))
+              })] }),
+              /* @__PURE__ */ c(De, {}),
+              /* @__PURE__ */ x("div", {
+                className: "space-y-2",
+                children: [/* @__PURE__ */ c("label", {
+                  htmlFor: "notes",
+                  className: "text-sm font-medium leading-none",
+                  children: "Observações"
+                }), /* @__PURE__ */ c("textarea", {
+                  id: "notes",
+                  value: g,
+                  onChange: (w) => C(w.target.value),
+                  placeholder: "Ex: sem cebola, bem passado...",
+                  className: "min-h-20 w-full rounded-md border bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+                })]
+              })
+            ]
+          })
+        }),
+        /* @__PURE__ */ x("div", {
+          className: "flex items-center justify-between gap-4 border-t p-4",
+          children: [/* @__PURE__ */ c(Sn, {
+            value: i,
+            onChange: d
+          }), /* @__PURE__ */ c(X, {
+            onClick: R,
+            size: "lg",
+            className: "flex-1",
+            children: "Adicionar ao pedido"
+          })]
+        })
+      ]
+    })
+  });
+}
+function os({ ...e }) {
+  return /* @__PURE__ */ c(Dr, {
+    "data-slot": "sheet",
+    ...e
+  });
+}
+function as({ ...e }) {
+  return /* @__PURE__ */ c(_r, {
+    "data-slot": "sheet-portal",
+    ...e
+  });
+}
+function is({ className: e, ...t }) {
+  return /* @__PURE__ */ c(Mr, {
+    "data-slot": "sheet-overlay",
+    className: P("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
+    ...t
+  });
+}
+function ss({ className: e, children: t, side: r = "right", showCloseButton: n = !0, ...o }) {
+  return /* @__PURE__ */ x(as, { children: [/* @__PURE__ */ c(is, {}), /* @__PURE__ */ x(Ir, {
+    "data-slot": "sheet-content",
+    className: P("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", r === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", r === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", r === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", r === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", e),
+    ...o,
+    children: [t, n && /* @__PURE__ */ x(Lr, {
+      className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+      children: [/* @__PURE__ */ c(vt, { className: "size-4" }), /* @__PURE__ */ c("span", {
+        className: "sr-only",
+        children: "Close"
+      })]
+    })]
+  })] });
+}
+function ls({ className: e, ...t }) {
+  return /* @__PURE__ */ c("div", {
+    "data-slot": "sheet-header",
+    className: P("flex flex-col gap-1.5 p-4", e),
+    ...t
+  });
+}
+function cs({ className: e, ...t }) {
+  return /* @__PURE__ */ c(zr, {
+    "data-slot": "sheet-title",
+    className: P("text-foreground font-semibold", e),
+    ...t
+  });
+}
+function ds({ className: e }) {
+  return /* @__PURE__ */ x("div", {
+    className: P("flex flex-col items-center justify-center gap-3 py-12 text-center", e),
+    children: [/* @__PURE__ */ c("div", {
+      className: "rounded-full bg-muted p-4",
+      children: /* @__PURE__ */ c(wn, { className: "size-8 text-muted-foreground" })
+    }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ c("h3", {
+      className: "font-semibold",
+      children: "Carrinho vazio"
+    }), /* @__PURE__ */ c("p", {
+      className: "text-sm text-muted-foreground",
+      children: "Adicione produtos para começar o pedido"
+    })] })]
+  });
+}
+function us({ item: e, onQuantityChange: t, onRemove: r, className: n }) {
+  const o = (e.unitPrice + e.additionalPrice) * e.quantity;
+  return /* @__PURE__ */ c("div", {
+    className: P("flex gap-3 rounded-lg border p-3", n),
+    children: /* @__PURE__ */ x("div", {
+      className: "flex flex-1 flex-col gap-2",
+      children: [
+        /* @__PURE__ */ x("div", {
+          className: "flex items-start justify-between gap-2",
+          children: [/* @__PURE__ */ c("h4", {
+            className: "font-semibold leading-tight",
+            children: e.productName
+          }), /* @__PURE__ */ c("span", {
+            className: "shrink-0 font-semibold text-primary",
+            children: j(o)
+          })]
+        }),
+        e.removedIngredients && e.removedIngredients.length > 0 && /* @__PURE__ */ x("p", {
+          className: "text-xs text-destructive",
+          children: ["- SEM ", e.removedIngredients.join(", ")]
+        }),
+        e.addedExtras && e.addedExtras.length > 0 && /* @__PURE__ */ x("p", {
+          className: "text-xs text-primary",
+          children: ["+ EXTRA ", e.addedExtras.join(", ")]
+        }),
+        e.notes && /* @__PURE__ */ x("p", {
+          className: "text-xs text-muted-foreground italic",
+          children: ["Obs: ", e.notes]
+        }),
+        e.additionalPrice > 0 && /* @__PURE__ */ x("p", {
+          className: "text-xs text-muted-foreground",
+          children: [
+            j(e.unitPrice),
+            " + ",
+            j(e.additionalPrice),
+            " extras"
+          ]
+        }),
+        /* @__PURE__ */ x("div", {
+          className: "flex items-center justify-between gap-2 pt-1",
+          children: [/* @__PURE__ */ c(Sn, {
+            value: e.quantity,
+            onChange: (a) => t(e.id, a),
+            size: "sm"
+          }), /* @__PURE__ */ c(X, {
+            variant: "ghost",
+            size: "icon-xs",
+            onClick: () => r(e.id),
+            className: "text-destructive hover:text-destructive",
+            children: /* @__PURE__ */ c(Xi, {})
+          })]
+        })
+      ]
+    })
+  });
+}
+function fs({ subtotal: e, itemCount: t, onConfirm: r, loading: n = !1, className: o }) {
+  return /* @__PURE__ */ x("div", {
+    className: P("space-y-4", o),
+    children: [
+      /* @__PURE__ */ c(De, {}),
+      /* @__PURE__ */ x("div", {
+        className: "space-y-2",
+        children: [/* @__PURE__ */ x("div", {
+          className: "flex items-center justify-between text-sm",
+          children: [/* @__PURE__ */ x("span", {
+            className: "text-muted-foreground",
+            children: [
+              t,
+              " ",
+              t === 1 ? "item" : "itens"
+            ]
+          }), /* @__PURE__ */ c("span", {
+            className: "font-medium",
+            children: j(e)
+          })]
+        }), /* @__PURE__ */ x("div", {
+          className: "flex items-center justify-between",
+          children: [/* @__PURE__ */ c("span", {
+            className: "text-lg font-semibold",
+            children: "Subtotal"
+          }), /* @__PURE__ */ c("span", {
+            className: "text-2xl font-bold text-primary",
+            children: j(e)
+          })]
+        })]
+      }),
+      /* @__PURE__ */ c(X, {
+        size: "lg",
+        className: "w-full",
+        onClick: r,
+        disabled: n || t === 0,
+        children: n ? "Enviando..." : "Confirmar e enviar"
+      })
+    ]
+  });
+}
+function As({ open: e, onOpenChange: t, items: r, onQuantityChange: n, onRemoveItem: o, onConfirmOrder: a, loading: l = !1, className: i }) {
+  const d = r.reduce((u, f) => u + (f.unitPrice + f.additionalPrice) * f.quantity, 0);
+  return /* @__PURE__ */ c(os, {
+    open: e,
+    onOpenChange: t,
+    children: /* @__PURE__ */ x(ss, {
+      side: "right",
+      className: P("flex w-full flex-col gap-0 p-0 sm:max-w-lg", i),
+      children: [/* @__PURE__ */ c(ls, {
+        className: "border-b p-6 pb-4",
+        children: /* @__PURE__ */ c(cs, {
+          className: "text-xl",
+          children: "Revisão do pedido"
+        })
+      }), r.length === 0 ? /* @__PURE__ */ c(ds, {}) : /* @__PURE__ */ x(ne, { children: [/* @__PURE__ */ c(gt, {
+        className: "flex-1",
+        children: /* @__PURE__ */ c("div", {
+          className: "space-y-3 p-6",
+          children: r.map((u) => /* @__PURE__ */ c(us, {
+            item: u,
+            onQuantityChange: n,
+            onRemove: o
+          }, u.id))
+        })
+      }), /* @__PURE__ */ c("div", {
+        className: "border-t p-6 pt-4",
+        children: /* @__PURE__ */ c(fs, {
+          subtotal: d,
+          itemCount: r.length,
+          onConfirm: a,
+          loading: l
+        })
+      })] })]
+    })
+  });
+}
+function Ts({ open: e, onOpenChange: t, orderId: r, totalValue: n, onClose: o, className: a }) {
+  return /* @__PURE__ */ c(kn, {
+    open: e,
+    onOpenChange: t,
+    children: /* @__PURE__ */ x(En, {
+      className: P("max-w-md", a),
+      children: [/* @__PURE__ */ c(Nn, { children: /* @__PURE__ */ x("div", {
+        className: "flex flex-col items-center gap-4 text-center",
+        children: [/* @__PURE__ */ c("div", {
+          className: "rounded-full bg-primary/10 p-4",
+          children: /* @__PURE__ */ c(Fi, { className: "size-12 text-primary" })
+        }), /* @__PURE__ */ x("div", {
+          className: "space-y-2",
+          children: [/* @__PURE__ */ c(Rn, {
+            className: "text-2xl",
+            children: "Pedido enviado!"
+          }), /* @__PURE__ */ c("p", {
+            className: "text-muted-foreground",
+            children: "O pedido foi enviado para a cozinha com sucesso"
+          })]
+        })]
+      }) }), /* @__PURE__ */ x("div", {
+        className: "space-y-4 pt-4",
+        children: [
+          r && /* @__PURE__ */ x("div", {
+            className: "rounded-lg bg-muted p-4 text-center",
+            children: [/* @__PURE__ */ c("p", {
+              className: "text-sm text-muted-foreground",
+              children: "Número do pedido"
+            }), /* @__PURE__ */ x("p", {
+              className: "text-lg font-mono font-semibold",
+              children: ["#", r.slice(0, 8)]
+            })]
+          }),
+          /* @__PURE__ */ x("div", {
+            className: "flex items-center justify-between rounded-lg border p-4",
+            children: [/* @__PURE__ */ c("span", {
+              className: "text-sm text-muted-foreground",
+              children: "Valor total"
+            }), /* @__PURE__ */ c("span", {
+              className: "text-xl font-bold text-primary",
+              children: j(n)
+            })]
+          }),
+          /* @__PURE__ */ c(X, {
+            size: "lg",
+            className: "w-full",
+            onClick: o,
+            children: "Voltar para mesas"
+          })
+        ]
+      })]
+    })
+  });
+}
+function Os({ message: e = "Enviando pedido...", className: t }) {
+  return /* @__PURE__ */ x("div", {
+    className: P("flex flex-col items-center justify-center gap-4 py-12 text-center", t),
+    children: [/* @__PURE__ */ c(Bi, { className: "size-12 animate-spin text-primary" }), /* @__PURE__ */ c("p", {
+      className: "text-lg font-medium text-muted-foreground",
+      children: e
+    })]
+  });
+}
 export {
-  Nr as Button,
-  jr as buttonVariants
+  ws as AppHeader,
+  X as Button,
+  ds as CartEmptyState,
+  Ss as CartIndicator,
+  us as CartItem,
+  As as CartSheet,
+  fs as CartSummary,
+  Yt as CategoryPill,
+  Es as CategoryTabs,
+  ns as ExtraCheckbox,
+  rs as IngredientCheckbox,
+  qt as IngredientList,
+  Ts as OrderConfirmationModal,
+  Os as OrderLoadingState,
+  Rs as ProductCard,
+  Ps as ProductDetailModal,
+  Ns as ProductGrid,
+  Ji as ProductPriceDisplay,
+  Sn as QuantityStepper,
+  Zi as TableBadge,
+  ks as TableCard,
+  Cs as TableGrid,
+  Ri as buttonVariants
 };