@techlabi/kycrazy-ui-kit 0.10.0 → 0.11.0

package/dist/index.es.js

@@ -0,0 +1,3585 @@
+var Ie = (e) => {
+  throw TypeError(e);
+};
+var me = (e, t, r) => t.has(e) || Ie("Cannot " + r);
+var C = (e, t, r) => (me(e, t, "read from private field"), r ? r.call(e) : t.get(e)), K = (e, t, r) => t.has(e) ? Ie("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, r), q = (e, t, r, o) => (me(e, t, "write to private field"), o ? o.call(e, r) : t.set(e, r), r), Q = (e, t, r) => (me(e, t, "access private method"), r);
+import { jsx as s, jsxs as h, Fragment as ke } from "react/jsx-runtime";
+import * as p from "react";
+import je, { forwardRef as $e, createElement as xe, useState as $, useRef as Ee, useEffect as se, useCallback as pe, useMemo as lt } from "react";
+import "react-dom";
+const ct = 1, dt = 1e6;
+let he = 0;
+function ut() {
+  return he = (he + 1) % Number.MAX_SAFE_INTEGER, he.toString();
+}
+const be = /* @__PURE__ */ new Map(), ze = (e) => {
+  if (be.has(e))
+    return;
+  const t = setTimeout(() => {
+    be.delete(e), re({
+      type: "REMOVE_TOAST",
+      toastId: e
+    });
+  }, dt);
+  be.set(e, t);
+}, ft = (e, t) => {
+  switch (t.type) {
+    case "ADD_TOAST":
+      return {
+        ...e,
+        toasts: [t.toast, ...e.toasts].slice(0, ct)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...e,
+        toasts: e.toasts.map(
+          (r) => r.id === t.toast.id ? { ...r, ...t.toast } : r
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: r } = t;
+      return r ? ze(r) : e.toasts.forEach((o) => {
+        ze(o.id);
+      }), {
+        ...e,
+        toasts: e.toasts.map(
+          (o) => o.id === r || r === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return t.toastId === void 0 ? {
+        ...e,
+        toasts: []
+      } : {
+        ...e,
+        toasts: e.toasts.filter((r) => r.id !== t.toastId)
+      };
+  }
+}, ie = [];
+let ae = { toasts: [] };
+function re(e) {
+  ae = ft(ae, e), ie.forEach((t) => {
+    t(ae);
+  });
+}
+function mt({ ...e }) {
+  const t = ut(), r = (n) => re({
+    type: "UPDATE_TOAST",
+    toast: { ...n, id: t }
+  }), o = () => re({ type: "DISMISS_TOAST", toastId: t });
+  return re({
+    type: "ADD_TOAST",
+    toast: {
+      ...e,
+      id: t,
+      open: !0,
+      onOpenChange: (n) => {
+        n || o();
+      }
+    }
+  }), {
+    id: t,
+    dismiss: o,
+    update: r
+  };
+}
+function We() {
+  const [e, t] = p.useState(ae);
+  return p.useEffect(() => (ie.push(t), () => {
+    const r = ie.indexOf(t);
+    r > -1 && ie.splice(r, 1);
+  }), [e]), {
+    ...e,
+    toast: mt,
+    dismiss: (r) => re({ type: "DISMISS_TOAST", toastId: r })
+  };
+}
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), He = (...e) => e.filter((t, r, o) => !!t && t.trim() !== "" && o.indexOf(t) === r).join(" ").trim();
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var ht = {
+  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"
+};
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const bt = $e(
+  ({
+    color: e = "currentColor",
+    size: t = 24,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: o,
+    className: n = "",
+    children: i,
+    iconNode: l,
+    ...a
+  }, c) => xe(
+    "svg",
+    {
+      ref: c,
+      ...ht,
+      width: t,
+      height: t,
+      stroke: e,
+      strokeWidth: o ? Number(r) * 24 / Number(t) : r,
+      className: He("lucide", n),
+      ...a
+    },
+    [
+      ...l.map(([d, u]) => xe(d, u)),
+      ...Array.isArray(i) ? i : [i]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const W = (e, t) => {
+  const r = $e(
+    ({ className: o, ...n }, i) => xe(bt, {
+      ref: i,
+      iconNode: t,
+      className: He(`lucide-${pt(e)}`, o),
+      ...n
+    })
+  );
+  return r.displayName = `${e}`, r;
+};
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ke = W("ArrowLeft", [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const gt = W("BookOpen", [
+  ["path", { d: "M12 7v14", key: "1akyts" }],
+  [
+    "path",
+    {
+      d: "M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",
+      key: "ruj8y"
+    }
+  ]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const yt = W("Car", [
+  [
+    "path",
+    {
+      d: "M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2",
+      key: "5owen"
+    }
+  ],
+  ["circle", { cx: "7", cy: "17", r: "2", key: "u2ysq9" }],
+  ["path", { d: "M9 17h6", key: "r8uit2" }],
+  ["circle", { cx: "17", cy: "17", r: "2", key: "axvx0g" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const qe = W("CircleCheckBig", [
+  ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
+  ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vt = W("IdCard", [
+  ["path", { d: "M16 10h2", key: "8sgtl7" }],
+  ["path", { d: "M16 14h2", key: "epxaof" }],
+  ["path", { d: "M6.17 15a3 3 0 0 1 5.66 0", key: "n6f512" }],
+  ["circle", { cx: "9", cy: "11", r: "2", key: "yxgjnd" }],
+  ["rect", { x: "2", y: "5", width: "20", height: "14", rx: "2", key: "qneu4z" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xt = W("User", [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+]);
+/**
+ * @license lucide-react v0.462.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const wt = W("Users", [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }],
+  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
+  ["path", { d: "M16 3.13a4 4 0 0 1 0 7.75", key: "1da9ce" }]
+]);
+function Le(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function Ct(...e) {
+  return (t) => {
+    let r = !1;
+    const o = e.map((n) => {
+      const i = Le(n, t);
+      return !r && typeof i == "function" && (r = !0), i;
+    });
+    if (r)
+      return () => {
+        for (let n = 0; n < o.length; n++) {
+          const i = o[n];
+          typeof i == "function" ? i() : Le(e[n], null);
+        }
+      };
+  };
+}
+// @__NO_SIDE_EFFECTS__
+function Qe(e) {
+  const t = /* @__PURE__ */ Nt(e), r = p.forwardRef((o, n) => {
+    const { children: i, ...l } = o, a = p.Children.toArray(i), c = a.find(Mt);
+    if (c) {
+      const d = c.props.children, u = a.map((m) => m === c ? p.Children.count(d) > 1 ? p.Children.only(null) : p.isValidElement(d) ? d.props.children : null : m);
+      return /* @__PURE__ */ s(t, { ...l, ref: n, children: p.isValidElement(d) ? p.cloneElement(d, void 0, u) : null });
+    }
+    return /* @__PURE__ */ s(t, { ...l, ref: n, children: i });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+var kt = /* @__PURE__ */ Qe("Slot");
+// @__NO_SIDE_EFFECTS__
+function Nt(e) {
+  const t = p.forwardRef((r, o) => {
+    const { children: n, ...i } = r;
+    if (p.isValidElement(n)) {
+      const l = Ot(n), a = Rt(i, n.props);
+      return n.type !== p.Fragment && (a.ref = o ? Ct(o, l) : l), p.cloneElement(n, a);
+    }
+    return p.Children.count(n) > 1 ? p.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var St = Symbol("radix.slottable");
+function Mt(e) {
+  return p.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === St;
+}
+function Rt(e, t) {
+  const r = { ...t };
+  for (const o in t) {
+    const n = e[o], i = t[o];
+    /^on[A-Z]/.test(o) ? n && i ? r[o] = (...a) => {
+      const c = i(...a);
+      return n(...a), c;
+    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...i } : o === "className" && (r[o] = [n, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function Ot(e) {
+  var o, n;
+  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+function Ye(e) {
+  var t, r, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var n = e.length;
+    for (t = 0; t < n; t++) e[t] && (r = Ye(e[t])) && (o && (o += " "), o += r);
+  } else for (r in e) e[r] && (o && (o += " "), o += r);
+  return o;
+}
+function Je() {
+  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = Ye(e)) && (o && (o += " "), o += t);
+  return o;
+}
+const Ve = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, _e = Je, Ze = (e, t) => (r) => {
+  var o;
+  if ((t == null ? void 0 : t.variants) == null) return _e(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+  const { variants: n, defaultVariants: i } = t, l = Object.keys(n).map((d) => {
+    const u = r == null ? void 0 : r[d], m = i == null ? void 0 : i[d];
+    if (u === null) return null;
+    const g = Ve(u) || Ve(m);
+    return n[d][g];
+  }), a = r && Object.entries(r).reduce((d, u) => {
+    let [m, g] = u;
+    return g === void 0 || (d[m] = g), d;
+  }, {}), c = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, u) => {
+    let { class: m, className: g, ...y } = u;
+    return Object.entries(y).every((S) => {
+      let [x, b] = S;
+      return Array.isArray(b) ? b.includes({
+        ...i,
+        ...a
+      }[x]) : {
+        ...i,
+        ...a
+      }[x] === b;
+    }) ? [
+      ...d,
+      m,
+      g
+    ] : d;
+  }, []);
+  return _e(e, l, c, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+}, Ne = "-", At = (e) => {
+  const t = Pt(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: o
+  } = e;
+  return {
+    getClassGroupId: (l) => {
+      const a = l.split(Ne);
+      return a[0] === "" && a.length !== 1 && a.shift(), Xe(a, t) || Tt(l);
+    },
+    getConflictingClassGroupIds: (l, a) => {
+      const c = r[l] || [];
+      return a && o[l] ? [...c, ...o[l]] : c;
+    }
+  };
+}, Xe = (e, t) => {
+  var l;
+  if (e.length === 0)
+    return t.classGroupId;
+  const r = e[0], o = t.nextPart.get(r), n = o ? Xe(e.slice(1), o) : void 0;
+  if (n)
+    return n;
+  if (t.validators.length === 0)
+    return;
+  const i = e.join(Ne);
+  return (l = t.validators.find(({
+    validator: a
+  }) => a(i))) == null ? void 0 : l.classGroupId;
+}, Ge = /^\[(.+)\]$/, Tt = (e) => {
+  if (Ge.test(e)) {
+    const t = Ge.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
+  }
+}, Pt = (e) => {
+  const {
+    theme: t,
+    prefix: r
+  } = e, o = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  return jt(Object.entries(e.classGroups), r).forEach(([i, l]) => {
+    we(l, o, i, t);
+  }), o;
+}, we = (e, t, r, o) => {
+  e.forEach((n) => {
+    if (typeof n == "string") {
+      const i = n === "" ? t : Be(t, n);
+      i.classGroupId = r;
+      return;
+    }
+    if (typeof n == "function") {
+      if (It(n)) {
+        we(n(o), t, r, o);
+        return;
+      }
+      t.validators.push({
+        validator: n,
+        classGroupId: r
+      });
+      return;
+    }
+    Object.entries(n).forEach(([i, l]) => {
+      we(l, Be(t, i), r, o);
+    });
+  });
+}, Be = (e, t) => {
+  let r = e;
+  return t.split(Ne).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), r = r.nextPart.get(o);
+  }), r;
+}, It = (e) => e.isThemeGetter, jt = (e, t) => t ? e.map(([r, o]) => {
+  const n = o.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([l, a]) => [t + l, a])) : i);
+  return [r, n];
+}) : e, Et = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const n = (i, l) => {
+    r.set(i, l), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
+  };
+  return {
+    get(i) {
+      let l = r.get(i);
+      if (l !== void 0)
+        return l;
+      if ((l = o.get(i)) !== void 0)
+        return n(i, l), l;
+    },
+    set(i, l) {
+      r.has(i) ? r.set(i, l) : n(i, l);
+    }
+  };
+}, et = "!", zt = (e) => {
+  const {
+    separator: t,
+    experimentalParseClassName: r
+  } = e, o = t.length === 1, n = t[0], i = t.length, l = (a) => {
+    const c = [];
+    let d = 0, u = 0, m;
+    for (let b = 0; b < a.length; b++) {
+      let N = a[b];
+      if (d === 0) {
+        if (N === n && (o || a.slice(b, b + i) === t)) {
+          c.push(a.slice(u, b)), u = b + i;
+          continue;
+        }
+        if (N === "/") {
+          m = b;
+          continue;
+        }
+      }
+      N === "[" ? d++ : N === "]" && d--;
+    }
+    const g = c.length === 0 ? a : a.substring(u), y = g.startsWith(et), S = y ? g.substring(1) : g, x = m && m > u ? m - u : void 0;
+    return {
+      modifiers: c,
+      hasImportantModifier: y,
+      baseClassName: S,
+      maybePostfixModifierPosition: x
+    };
+  };
+  return r ? (a) => r({
+    className: a,
+    parseClassName: l
+  }) : l;
+}, Lt = (e) => {
+  if (e.length <= 1)
+    return e;
+  const t = [];
+  let r = [];
+  return e.forEach((o) => {
+    o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
+  }), t.push(...r.sort()), t;
+}, Vt = (e) => ({
+  cache: Et(e.cacheSize),
+  parseClassName: zt(e),
+  ...At(e)
+}), _t = /\s+/, Gt = (e, t) => {
+  const {
+    parseClassName: r,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: n
+  } = t, i = [], l = e.trim().split(_t);
+  let a = "";
+  for (let c = l.length - 1; c >= 0; c -= 1) {
+    const d = l[c], {
+      modifiers: u,
+      hasImportantModifier: m,
+      baseClassName: g,
+      maybePostfixModifierPosition: y
+    } = r(d);
+    let S = !!y, x = o(S ? g.substring(0, y) : g);
+    if (!x) {
+      if (!S) {
+        a = d + (a.length > 0 ? " " + a : a);
+        continue;
+      }
+      if (x = o(g), !x) {
+        a = d + (a.length > 0 ? " " + a : a);
+        continue;
+      }
+      S = !1;
+    }
+    const b = Lt(u).join(":"), N = m ? b + et : b, M = N + x;
+    if (i.includes(M))
+      continue;
+    i.push(M);
+    const _ = n(x, S);
+    for (let k = 0; k < _.length; ++k) {
+      const A = _[k];
+      i.push(N + A);
+    }
+    a = d + (a.length > 0 ? " " + a : a);
+  }
+  return a;
+};
+function Bt() {
+  let e = 0, t, r, o = "";
+  for (; e < arguments.length; )
+    (t = arguments[e++]) && (r = tt(t)) && (o && (o += " "), o += r);
+  return o;
+}
+const tt = (e) => {
+  if (typeof e == "string")
+    return e;
+  let t, r = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (t = tt(e[o])) && (r && (r += " "), r += t);
+  return r;
+};
+function Dt(e, ...t) {
+  let r, o, n, i = l;
+  function l(c) {
+    const d = t.reduce((u, m) => m(u), e());
+    return r = Vt(d), o = r.cache.get, n = r.cache.set, i = a, a(c);
+  }
+  function a(c) {
+    const d = o(c);
+    if (d)
+      return d;
+    const u = Gt(c, r);
+    return n(c, u), u;
+  }
+  return function() {
+    return i(Bt.apply(null, arguments));
+  };
+}
+const v = (e) => {
+  const t = (r) => r[e] || [];
+  return t.isThemeGetter = !0, t;
+}, rt = /^\[(?:([a-z-]+):)?(.+)\]$/i, Ft = /^\d+\/\d+$/, Ut = /* @__PURE__ */ new Set(["px", "full", "screen"]), $t = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Wt = /\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$/, Ht = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Kt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, I = (e) => J(e) || Ut.has(e) || Ft.test(e), G = (e) => Z(e, "length", rr), J = (e) => !!e && !Number.isNaN(Number(e)), ge = (e) => Z(e, "number", J), ee = (e) => !!e && Number.isInteger(Number(e)), Qt = (e) => e.endsWith("%") && J(e.slice(0, -1)), f = (e) => rt.test(e), B = (e) => $t.test(e), Yt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Jt = (e) => Z(e, Yt, ot), Zt = (e) => Z(e, "position", ot), Xt = /* @__PURE__ */ new Set(["image", "url"]), er = (e) => Z(e, Xt, nr), tr = (e) => Z(e, "", or), te = () => !0, Z = (e, t, r) => {
+  const o = rt.exec(e);
+  return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
+}, rr = (e) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  Wt.test(e) && !Ht.test(e)
+), ot = () => !1, or = (e) => Kt.test(e), nr = (e) => qt.test(e), sr = () => {
+  const e = v("colors"), t = v("spacing"), r = v("blur"), o = v("brightness"), n = v("borderColor"), i = v("borderRadius"), l = v("borderSpacing"), a = v("borderWidth"), c = v("contrast"), d = v("grayscale"), u = v("hueRotate"), m = v("invert"), g = v("gap"), y = v("gradientColorStops"), S = v("gradientColorStopPositions"), x = v("inset"), b = v("margin"), N = v("opacity"), M = v("padding"), _ = v("saturate"), k = v("scale"), A = v("sepia"), T = v("skew"), U = v("space"), H = v("translate"), ce = () => ["auto", "contain", "none"], de = () => ["auto", "hidden", "clip", "visible", "scroll"], ue = () => ["auto", f, t], w = () => [f, t], Oe = () => ["", I, G], oe = () => ["auto", J, f], Ae = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], ne = () => ["solid", "dashed", "dotted", "double", "none"], Te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], fe = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], X = () => ["", "0", f], Pe = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [J, f];
+  return {
+    cacheSize: 500,
+    separator: ":",
+    theme: {
+      colors: [te],
+      spacing: [I, G],
+      blur: ["none", "", B, f],
+      brightness: P(),
+      borderColor: [e],
+      borderRadius: ["none", "", "full", B, f],
+      borderSpacing: w(),
+      borderWidth: Oe(),
+      contrast: P(),
+      grayscale: X(),
+      hueRotate: P(),
+      invert: X(),
+      gap: w(),
+      gradientColorStops: [e],
+      gradientColorStopPositions: [Qt, G],
+      inset: ue(),
+      margin: ue(),
+      opacity: P(),
+      padding: w(),
+      saturate: P(),
+      scale: P(),
+      sepia: X(),
+      skew: P(),
+      space: w(),
+      translate: w()
+    },
+    classGroups: {
+      // Layout
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", "video", f]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [B]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": Pe()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": Pe()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: [...Ae(), f]
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: de()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": de()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": de()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: ce()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": ce()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": ce()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: [x]
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": [x]
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": [x]
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: [x]
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: [x]
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: [x]
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: [x]
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: [x]
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: [x]
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: ["auto", ee, f]
+      }],
+      // Flexbox and Grid
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: ue()
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["wrap", "wrap-reverse", "nowrap"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: ["1", "auto", "initial", "none", f]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: X()
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: X()
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: ["first", "last", "none", ee, f]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": [te]
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ["auto", {
+          span: ["full", ee, f]
+        }, f]
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": oe()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": oe()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": [te]
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ["auto", {
+          span: [ee, f]
+        }, f]
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": oe()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": oe()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": ["auto", "min", "max", "fr", f]
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": ["auto", "min", "max", "fr", f]
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: [g]
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": [g]
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": [g]
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: ["normal", ...fe()]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": ["start", "end", "center", "stretch"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...fe(), "baseline"]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", "start", "end", "center", "stretch", "baseline"]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": [...fe(), "baseline"]
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: [M]
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: [M]
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: [M]
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: [M]
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: [M]
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: [M]
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: [M]
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: [M]
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: [M]
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: [b]
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: [b]
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: [b]
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: [b]
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: [b]
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: [b]
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: [b]
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: [b]
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: [b]
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x": [{
+        "space-x": [U]
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y": [{
+        "space-y": [U]
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // Sizing
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", f, t]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [f, t, "min", "max", "fit"]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [f, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [B]
+        }, B]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: [f, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": [f, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": [f, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [f, t, "auto", "min", "max", "fit"]
+      }],
+      // Typography
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", B, G]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ge]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [te]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", f]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": ["none", J, ge]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", I, f]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", f]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["none", "disc", "decimal", f]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: [e]
+      }],
+      /**
+       * Placeholder Opacity
+       * @see https://tailwindcss.com/docs/placeholder-opacity
+       */
+      "placeholder-opacity": [{
+        "placeholder-opacity": [N]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: [e]
+      }],
+      /**
+       * Text Opacity
+       * @see https://tailwindcss.com/docs/text-opacity
+       */
+      "text-opacity": [{
+        "text-opacity": [N]
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...ne(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: ["auto", "from-font", I, G]
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": ["auto", I, f]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: [e]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: w()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", f]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", f]
+      }],
+      // Backgrounds
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Opacity
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/background-opacity
+       */
+      "bg-opacity": [{
+        "bg-opacity": [N]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: [...Ae(), Zt]
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ["no-repeat", {
+          repeat: ["", "x", "y", "round", "space"]
+        }]
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: ["auto", "cover", "contain", Jt]
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+        }, er]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: [e]
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: [S]
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: [S]
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: [S]
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: [y]
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: [y]
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: [y]
+      }],
+      // Borders
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: [i]
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": [i]
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": [i]
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": [i]
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": [i]
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": [i]
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": [i]
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": [i]
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": [i]
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": [i]
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": [i]
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": [i]
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": [i]
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": [i]
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": [i]
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: [a]
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": [a]
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": [a]
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": [a]
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": [a]
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": [a]
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": [a]
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": [a]
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": [a]
+      }],
+      /**
+       * Border Opacity
+       * @see https://tailwindcss.com/docs/border-opacity
+       */
+      "border-opacity": [{
+        "border-opacity": [N]
+      }],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...ne(), "hidden"]
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x": [{
+        "divide-x": [a]
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y": [{
+        "divide-y": [a]
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Divide Opacity
+       * @see https://tailwindcss.com/docs/divide-opacity
+       */
+      "divide-opacity": [{
+        "divide-opacity": [N]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/divide-style
+       */
+      "divide-style": [{
+        divide: ne()
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: [n]
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": [n]
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": [n]
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": [n]
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": [n]
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": [n]
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": [n]
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": [n]
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": [n]
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: [n]
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: ["", ...ne()]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [I, f]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: [I, G]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: [e]
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w": [{
+        ring: Oe()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/ring-color
+       */
+      "ring-color": [{
+        ring: [e]
+      }],
+      /**
+       * Ring Opacity
+       * @see https://tailwindcss.com/docs/ring-opacity
+       */
+      "ring-opacity": [{
+        "ring-opacity": [N]
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://tailwindcss.com/docs/ring-offset-width
+       */
+      "ring-offset-w": [{
+        "ring-offset": [I, G]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://tailwindcss.com/docs/ring-offset-color
+       */
+      "ring-offset-color": [{
+        "ring-offset": [e]
+      }],
+      // Effects
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: ["", "inner", "none", B, tr]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow-color
+       */
+      "shadow-color": [{
+        shadow: [te]
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [N]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...Te(), "plus-lighter", "plus-darker"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": Te()
+      }],
+      // Filters
+      /**
+       * Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: ["", "none"]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: [r]
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [o]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [c]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": ["", "none", B, f]
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: [d]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [u]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: [m]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [_]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: [A]
+      }],
+      /**
+       * Backdrop Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": ["", "none"]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": [r]
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [o]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [c]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": [d]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [u]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": [m]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [N]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [_]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": [A]
+      }],
+      // Tables
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": [l]
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": [l]
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": [l]
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // Transitions and Animation
+      /**
+       * Tranisition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", f]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: P()
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "in", "out", "in-out", f]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: P()
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", "spin", "ping", "pulse", "bounce", f]
+      }],
+      // Transforms
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: ["", "gpu", "none"]
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: [k]
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": [k]
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": [k]
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: [ee, f]
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": [H]
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": [H]
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": [T]
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": [T]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", f]
+      }],
+      // Interactivity
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: ["auto", e]
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", f]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: [e]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["none", "auto"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "y", "x", ""]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": w()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": w()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": w()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": w()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": w()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": w()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": w()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": w()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": w()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": w()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": w()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": w()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": w()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": w()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": w()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": w()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": w()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": w()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", f]
+      }],
+      // SVG
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: [e, "none"]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [I, G, ge]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: [e, "none"]
+      }],
+      // Accessibility
+      /**
+       * Screen Readers
+       * @see https://tailwindcss.com/docs/screen-readers
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    }
+  };
+}, ir = /* @__PURE__ */ Dt(sr);
+function z(...e) {
+  return ir(Je(e));
+}
+const ar = Ze(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), O = p.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: o = !1, ...n }, i) => /* @__PURE__ */ s(
+    o ? kt : "button",
+    {
+      className: z(ar({ variant: t, size: r, className: e })),
+      ref: i,
+      ...n
+    }
+  )
+);
+O.displayName = "Button";
+const L = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
+  "div",
+  {
+    ref: r,
+    className: z(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      e
+    ),
+    ...t
+  }
+));
+L.displayName = "Card";
+const Se = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
+  "div",
+  {
+    ref: r,
+    className: z("flex flex-col space-y-1.5 p-6", e),
+    ...t
+  }
+));
+Se.displayName = "CardHeader";
+const Me = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
+  "h3",
+  {
+    ref: r,
+    className: z(
+      "text-2xl font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+Me.displayName = "CardTitle";
+const lr = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
+  "p",
+  {
+    ref: r,
+    className: z("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+lr.displayName = "CardDescription";
+const V = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s("div", { ref: r, className: z("p-6 pt-0", e), ...t }));
+V.displayName = "CardContent";
+const cr = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
+  "div",
+  {
+    ref: r,
+    className: z("flex items-center p-6 pt-0", e),
+    ...t
+  }
+));
+cr.displayName = "CardFooter";
+const dr = ({ onContinue: e }) => /* @__PURE__ */ s(L, { className: "w-full max-w-md mx-auto", children: /* @__PURE__ */ h(V, { className: "pt-8 text-center", children: [
+  /* @__PURE__ */ s("div", { className: "bg-gradient-to-br from-primary/10 to-primary/5 rounded-3xl p-8 mb-8", children: /* @__PURE__ */ s("div", { className: "relative mb-8", children: /* @__PURE__ */ h("div", { className: "relative mx-auto w-48 h-32", children: [
+    /* @__PURE__ */ s("div", { className: "absolute inset-0 bg-gradient-to-br from-primary to-primary/80 rounded-2xl transform rotate-3 shadow-lg", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ s("div", { className: "w-12 h-12 bg-white/20 rounded-full flex items-center justify-center", children: /* @__PURE__ */ s(
+      "svg",
+      {
+        viewBox: "0 0 24 24",
+        className: "w-6 h-6 text-white",
+        fill: "currentColor",
+        children: /* @__PURE__ */ s("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" })
+      }
+    ) }) }) }),
+    /* @__PURE__ */ s("div", { className: "absolute top-4 right-0 bg-card rounded-xl shadow-lg p-4 transform -rotate-3", children: /* @__PURE__ */ h("div", { className: "flex items-center space-x-2", children: [
+      /* @__PURE__ */ s("div", { className: "w-8 h-8 bg-primary/20 rounded-full" }),
+      /* @__PURE__ */ h("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ s("div", { className: "w-12 h-2 bg-primary rounded" }),
+        /* @__PURE__ */ s("div", { className: "w-8 h-2 bg-primary/60 rounded" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ s("div", { className: "absolute -top-2 -right-2 w-10 h-10 bg-primary rounded-full flex items-center justify-center shadow-lg", children: /* @__PURE__ */ s(qe, { className: "w-6 h-6 text-white" }) })
+  ] }) }) }),
+  /* @__PURE__ */ s("h1", { className: "text-3xl font-bold text-foreground mb-4", children: "Verify your identity" }),
+  /* @__PURE__ */ s("p", { className: "text-lg text-muted-foreground mb-12", children: "We need some information to help us confirm your identity." }),
+  /* @__PURE__ */ s(
+    O,
+    {
+      className: "w-full h-14 text-lg font-semibold",
+      onClick: e,
+      children: "Start"
+    }
+  ),
+  /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground mt-6", children: "Verifying usually takes a few seconds." })
+] }) }), nt = p.forwardRef(
+  ({ className: e, type: t, ...r }, o) => /* @__PURE__ */ s(
+    "input",
+    {
+      type: t,
+      className: z(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        e
+      ),
+      ref: o,
+      ...r
+    }
+  )
+);
+nt.displayName = "Input";
+var ur = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], fr = ur.reduce((e, t) => {
+  const r = /* @__PURE__ */ Qe(`Primitive.${t}`), o = p.forwardRef((n, i) => {
+    const { asChild: l, ...a } = n, c = l ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ s(c, { ...a, ref: i });
+  });
+  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
+}, {}), mr = "Label", st = p.forwardRef((e, t) => /* @__PURE__ */ s(
+  fr.label,
+  {
+    ...e,
+    ref: t,
+    onMouseDown: (r) => {
+      var n;
+      r.target.closest("button, input, select, textarea") || ((n = e.onMouseDown) == null || n.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
+    }
+  }
+));
+st.displayName = mr;
+var it = st;
+const pr = Ze(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), Y = p.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ s(
+  it,
+  {
+    ref: r,
+    className: z(pr(), e),
+    ...t
+  }
+));
+Y.displayName = it.displayName;
+const hr = ({
+  fullName: e,
+  onNameChange: t,
+  onContinue: r,
+  renderProgress: o
+}) => /* @__PURE__ */ h(L, { className: "w-full max-w-md mx-auto", children: [
+  /* @__PURE__ */ h(Se, { className: "text-center", children: [
+    /* @__PURE__ */ s(xt, { className: "w-12 h-12 mx-auto mb-4 text-primary" }),
+    /* @__PURE__ */ s(Me, { children: "Personal Information" }),
+    /* @__PURE__ */ s("p", { className: "text-muted-foreground", children: "Please enter your full legal name" })
+  ] }),
+  /* @__PURE__ */ h(V, { children: [
+    /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ h("div", { children: [
+        /* @__PURE__ */ s(Y, { htmlFor: "fullName", children: "Full Name" }),
+        /* @__PURE__ */ s(
+          nt,
+          {
+            id: "fullName",
+            placeholder: "Enter your full name",
+            value: e,
+            onChange: (n) => t(n.target.value)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ s(
+        O,
+        {
+          className: "w-full",
+          onClick: r,
+          disabled: !e.trim(),
+          children: "Continue"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ s("div", { className: "mt-6", children: o() })
+  ] })
+] }), Re = ({
+  title: e,
+  subTitle: t,
+  onBack: r
+}) => /* @__PURE__ */ h(ke, { children: [
+  /* @__PURE__ */ h("div", { className: "flex items-center mb-6", children: [
+    /* @__PURE__ */ s(O, { variant: "ghost", size: "icon", className: "mr-2", onClick: r, children: /* @__PURE__ */ s(Ke, { className: "w-6 h-6" }) }),
+    /* @__PURE__ */ s("h1", { className: "text-2xl font-semibold ml-4", children: e })
+  ] }),
+  /* @__PURE__ */ s("p", { className: "text-center text-muted-foreground mb-6", children: t })
+] }), br = ({
+  selectedDocumentType: e,
+  onDocumentTypeChange: t,
+  onContinue: r,
+  onBack: o,
+  renderProgress: n
+}) => /* @__PURE__ */ s(L, { className: "w-full max-w-md mx-auto", children: /* @__PURE__ */ h(V, { className: "p-6", children: [
+  /* @__PURE__ */ s(
+    Re,
+    {
+      title: "Upload ID",
+      subTitle: "Choose the document type you would like to identify with",
+      onBack: o
+    }
+  ),
+  /* @__PURE__ */ s("div", { className: "space-y-3", children: [
+    {
+      id: "id-card",
+      title: "ID Card",
+      description: "Government-issued personal ID.",
+      icon: vt
+    },
+    {
+      id: "drivers-license",
+      title: "Drivers license",
+      description: "Government-issued Drivers license",
+      icon: yt
+    },
+    {
+      id: "passport",
+      title: "Passport",
+      description: "Your official travel document.",
+      icon: gt
+    },
+    {
+      id: "voter-id",
+      title: "Voter ID",
+      description: "Government-issued Voter ID",
+      icon: wt
+    }
+  ].map((l) => {
+    const a = l.icon;
+    return /* @__PURE__ */ s(
+      "button",
+      {
+        className: `w-full p-4 rounded-lg border text-left transition-colors hover:bg-muted/50 ${e === l.id ? "border-primary bg-primary/5" : "border-border"}`,
+        onClick: () => t(l.id),
+        children: /* @__PURE__ */ h("div", { className: "flex items-center space-x-4", children: [
+          /* @__PURE__ */ s("div", { className: "w-12 h-12 bg-primary rounded-full flex items-center justify-center", children: /* @__PURE__ */ s(a, { className: "w-6 h-6 text-white" }) }),
+          /* @__PURE__ */ h("div", { className: "flex-1", children: [
+            /* @__PURE__ */ s("h3", { className: "font-semibold text-foreground", children: l.title }),
+            /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground", children: l.description })
+          ] })
+        ] })
+      },
+      l.id
+    );
+  }) }),
+  /* @__PURE__ */ s(
+    O,
+    {
+      className: "w-full mt-6",
+      onClick: r,
+      disabled: !e,
+      children: "Continue"
+    }
+  ),
+  /* @__PURE__ */ s("div", { className: "mt-6", children: n() })
+] }) }), gr = (e) => {
+  switch (e) {
+    case "selfie":
+      return {
+        title: "Selfie",
+        description: "Place your face inside the frame and take a picture. Make sure it is clearly visible.",
+        frameType: "circular"
+      };
+    case "id-front":
+      return {
+        title: "Upload ID",
+        description: "Place your ID inside the frame and take a picture. Make sure it is not cut or has any glare.",
+        frameType: "rectangular"
+      };
+    case "id-back":
+      return {
+        title: "Upload ID Back",
+        description: "Place the back of your ID inside the frame and take a picture. Make sure it is not cut or has any glare.",
+        frameType: "rectangular"
+      };
+    default:
+      return {
+        title: "Take Photo",
+        description: "Position your document inside the frame and take a picture.",
+        frameType: "rectangular"
+      };
+  }
+}, ye = ({
+  acceptedFile: e,
+  currentStep: t,
+  setCurrentStep: r,
+  setSelfiePhoto: o,
+  setIdCardFront: n,
+  setIdCardBack: i
+}) => {
+  const [l, a] = $(null), c = Ee(null), d = Ee(null), u = !!l, { toast: m } = We();
+  se(() => {
+    l && c.current && (c.current.srcObject = l);
+  }, [l]);
+  const g = pe(async () => {
+    try {
+      const k = await navigator.mediaDevices.getUserMedia({
+        video: {
+          facingMode: t === "selfie" ? "user" : "environment",
+          width: { ideal: 1280 },
+          height: { ideal: 720 }
+        }
+      });
+      a(k);
+    } catch {
+      m({
+        title: "Camera Error",
+        description: "Unable to access camera. Please check permissions.",
+        variant: "destructive"
+      });
+    }
+  }, [t, m]);
+  se(() => {
+    !l && !e && g();
+  }, [t, g, l, e]);
+  const y = pe(() => {
+    l && (l.getTracks().forEach((k) => k.stop()), a(null));
+  }, [l]), S = pe(() => {
+    if (!c.current || !d.current) return;
+    const k = c.current, A = d.current, T = A.getContext("2d");
+    T && (A.width = k.videoWidth, A.height = k.videoHeight, T.drawImage(k, 0, 0), A.toBlob(
+      (U) => {
+        if (U) {
+          const H = new File([U], `${t}-${Date.now()}.jpg`, {
+            type: "image/jpeg"
+          });
+          switch (t) {
+            case "selfie":
+              o(H), y(), r("selfie-confirm");
+              break;
+            case "id-front":
+              n(H), y(), r("id-front-confirm");
+              break;
+            case "id-back":
+              i(H), y(), r("id-back-confirm");
+              break;
+          }
+          m({
+            title: "Photo Captured",
+            description: "Photo captured successfully"
+          });
+        }
+      },
+      "image/jpeg",
+      0.8
+    ));
+  }, [t, y, m]);
+  se(() => () => {
+    y();
+  }, [y]);
+  const x = gr(t), { title: b, description: N, frameType: M } = x;
+  return /* @__PURE__ */ s(L, { className: "w-full max-w-md mx-auto border-gray-900 bg-gray-900", children: /* @__PURE__ */ h(V, { className: " text-white flex flex-col", children: [
+    /* @__PURE__ */ h("div", { className: "flex items-center p-6", children: [
+      /* @__PURE__ */ s(O, { variant: "ghost", size: "sm", onClick: () => {
+        switch (y(), t) {
+          case "selfie":
+            r("pre-selfie");
+            break;
+          case "id-front":
+            r("document-selection");
+            break;
+          case "id-back":
+            r("document-selection");
+            break;
+        }
+      }, className: "text-white hover:bg-gray-800", children: /* @__PURE__ */ s(Ke, { className: "h-6 w-6" }) }),
+      /* @__PURE__ */ s("h1", { className: "text-xl font-semibold ml-4", children: b })
+    ] }),
+    /* @__PURE__ */ s("div", { className: "px-6 mb-8", children: /* @__PURE__ */ s("p", { className: "text-gray-300 text-center", children: N }) }),
+    /* @__PURE__ */ h("div", { className: "flex-1 flex flex-col items-center justify-center px-6", children: [
+      /* @__PURE__ */ s("div", { className: "relative mb-16", children: u ? /* @__PURE__ */ h(ke, { children: [
+        /* @__PURE__ */ s(
+          "video",
+          {
+            ref: c,
+            autoPlay: !0,
+            playsInline: !0,
+            className: `bg-gray-800 object-cover ${M === "circular" ? "w-80 h-80 rounded-full" : "w-80 h-48 rounded-2xl"}`
+          }
+        ),
+        /* @__PURE__ */ s("canvas", { ref: d, className: "hidden" })
+      ] }) : /* @__PURE__ */ s(
+        "div",
+        {
+          className: `bg-gray-700 flex items-center justify-center ${M === "circular" ? "w-80 h-80 rounded-full" : "w-80 h-48 rounded-2xl"}`,
+          children: /* @__PURE__ */ s("p", { className: "text-gray-400", children: "Camera loading..." })
+        }
+      ) }),
+      /* @__PURE__ */ s(
+        O,
+        {
+          onClick: u ? S : g,
+          size: "lg",
+          className: "w-16 h-16 rounded-full bg-white hover:bg-gray-100 border-4 border-gray-600 p-0",
+          disabled: !u,
+          children: /* @__PURE__ */ s("div", { className: "w-8 h-8 rounded-full bg-white" })
+        }
+      )
+    ] })
+  ] }) });
+}, yr = ({
+  onContinue: e,
+  onBack: t
+}) => /* @__PURE__ */ s(L, { className: "w-full max-w-md mx-auto", children: /* @__PURE__ */ h(V, { className: "p-6", children: [
+  /* @__PURE__ */ s(
+    Re,
+    {
+      title: "Selfie",
+      subTitle: "Make sure your face is clear and is fully inside the frame.",
+      onBack: t
+    }
+  ),
+  /* @__PURE__ */ s("div", { className: "m-auto w-44 h-80 bg-gradient-to-br from-primary/20 to-primary/40 rounded-3xl p-4 shadow-2xl", children: /* @__PURE__ */ s("div", { className: "w-full h-full bg-background rounded-2xl overflow-hidden relative", children: /* @__PURE__ */ s("div", { className: "flex items-center justify-center h-full bg-muted/30", children: /* @__PURE__ */ h("div", { className: "text-center", children: [
+    /* @__PURE__ */ s("div", { className: "w-16 h-16 bg-primary rounded-full flex items-center justify-center mx-auto mb-2" }),
+    /* @__PURE__ */ s("div", { className: "w-28 h-32 bg-primary/30 rounded-2xl mx-auto" })
+  ] }) }) }) }),
+  /* @__PURE__ */ s("div", { className: "mt-8", children: /* @__PURE__ */ s(
+    O,
+    {
+      onClick: e,
+      className: "w-full h-12 text-lg font-semibold",
+      children: "Take a selfie"
+    }
+  ) })
+] }) }), ve = ({
+  photo: e,
+  onRetake: t,
+  onConfirm: r,
+  onBack: o,
+  renderProgress: n
+}) => {
+  const i = je.useMemo(() => URL.createObjectURL(e), [e]);
+  return je.useEffect(() => () => {
+    URL.revokeObjectURL(i);
+  }, [i]), /* @__PURE__ */ s(L, { className: "w-full max-w-md mx-auto", children: /* @__PURE__ */ h(V, { className: "p-6", children: [
+    /* @__PURE__ */ s(
+      Re,
+      {
+        title: "Review picture",
+        subTitle: "Make sure the information is seen clearly, with no blur or glare.",
+        onBack: o
+      }
+    ),
+    /* @__PURE__ */ s("div", { className: "mb-8", children: /* @__PURE__ */ s("div", { className: "relative", children: /* @__PURE__ */ s(
+      "img",
+      {
+        src: i,
+        alt: "Captured photo",
+        className: "w-full h-64 object-cover rounded-2xl bg-muted"
+      }
+    ) }) }),
+    /* @__PURE__ */ h("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ s(
+        O,
+        {
+          variant: "outline",
+          onClick: t,
+          className: "flex-1 text-md",
+          children: "Take again"
+        }
+      ),
+      /* @__PURE__ */ s(O, { onClick: r, className: "flex-1 text-md", children: "Looks good" })
+    ] })
+  ] }) });
+}, vr = ({
+  fullName: e,
+  onComplete: t,
+  onStartOver: r
+}) => /* @__PURE__ */ h(L, { className: "w-full max-w-md mx-auto", children: [
+  /* @__PURE__ */ h(Se, { className: "text-center", children: [
+    /* @__PURE__ */ s(qe, { className: "w-12 h-12 mx-auto mb-4 text-green-500" }),
+    /* @__PURE__ */ s(Me, { children: "Review Information" }),
+    /* @__PURE__ */ s("p", { className: "text-muted-foreground", children: "Please review your information before submitting" })
+  ] }),
+  /* @__PURE__ */ s(V, { children: /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ h("div", { children: [
+      /* @__PURE__ */ s(Y, { children: "Full Name" }),
+      /* @__PURE__ */ s("p", { className: "font-medium", children: e })
+    ] }),
+    /* @__PURE__ */ h("div", { className: "grid grid-cols-3 gap-2 text-center", children: [
+      /* @__PURE__ */ h("div", { children: [
+        /* @__PURE__ */ s(Y, { className: "text-xs", children: "Selfie" }),
+        /* @__PURE__ */ s("div", { className: "text-green-500", children: "✓" })
+      ] }),
+      /* @__PURE__ */ h("div", { children: [
+        /* @__PURE__ */ s(Y, { className: "text-xs", children: "ID Front" }),
+        /* @__PURE__ */ s("div", { className: "text-green-500", children: "✓" })
+      ] }),
+      /* @__PURE__ */ h("div", { children: [
+        /* @__PURE__ */ s(Y, { className: "text-xs", children: "ID Back" }),
+        /* @__PURE__ */ s("div", { className: "text-green-500", children: "✓" })
+      ] })
+    ] }),
+    /* @__PURE__ */ s(O, { className: "w-full text-md", onClick: t, children: "Complete Verification" }),
+    /* @__PURE__ */ s(
+      O,
+      {
+        variant: "outline",
+        className: "w-full text-md",
+        onClick: r,
+        children: "Start Over"
+      }
+    )
+  ] }) })
+] }), xr = ({ onComplete: e }) => (se(() => {
+  const t = setTimeout(() => {
+    e();
+  }, 3e3);
+  return () => clearTimeout(t);
+}, [e]), /* @__PURE__ */ s(L, { className: "w-full max-w-md mx-auto min-h-[500px] flex items-center justify-center", children: /* @__PURE__ */ h(V, { className: "text-center space-y-8", children: [
+  /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("h2", { className: "text-2xl font-semibold text-foreground mb-2", children: "We're verifying your documents" }) }),
+  /* @__PURE__ */ s("div", { className: "flex justify-center", children: /* @__PURE__ */ s("div", { className: "w-16 h-16 border-4 border-primary border-t-transparent rounded-full animate-spin" }) })
+] }) }));
+var wr = class {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set(), this.subscribe = this.subscribe.bind(this);
+  }
+  subscribe(e) {
+    return this.listeners.add(e), this.onSubscribe(), () => {
+      this.listeners.delete(e), this.onUnsubscribe();
+    };
+  }
+  hasListeners() {
+    return this.listeners.size > 0;
+  }
+  onSubscribe() {
+  }
+  onUnsubscribe() {
+  }
+};
+function Cr() {
+}
+function De(e) {
+  return JSON.stringify(
+    e,
+    (t, r) => Nr(r) ? Object.keys(r).sort().reduce((o, n) => (o[n] = r[n], o), {}) : r
+  );
+}
+function kr(e, t) {
+  if (!t || Object.keys(e).length !== Object.keys(t).length)
+    return !1;
+  for (const r in e)
+    if (e[r] !== t[r])
+      return !1;
+  return !0;
+}
+function Nr(e) {
+  if (!Fe(e))
+    return !1;
+  const t = e.constructor;
+  if (t === void 0)
+    return !0;
+  const r = t.prototype;
+  return !(!Fe(r) || !r.hasOwnProperty("isPrototypeOf") || Object.getPrototypeOf(e) !== Object.prototype);
+}
+function Fe(e) {
+  return Object.prototype.toString.call(e) === "[object Object]";
+}
+function Sr(e, t) {
+  return typeof e == "function" ? e(...t) : !!e;
+}
+var Mr = (e) => setTimeout(e, 0);
+function Rr() {
+  let e = [], t = 0, r = (a) => {
+    a();
+  }, o = (a) => {
+    a();
+  }, n = Mr;
+  const i = (a) => {
+    t ? e.push(a) : n(() => {
+      r(a);
+    });
+  }, l = () => {
+    const a = e;
+    e = [], a.length && n(() => {
+      o(() => {
+        a.forEach((c) => {
+          r(c);
+        });
+      });
+    });
+  };
+  return {
+    batch: (a) => {
+      let c;
+      t++;
+      try {
+        c = a();
+      } finally {
+        t--, t || l();
+      }
+      return c;
+    },
+    /**
+     * All calls to the wrapped function will be batched.
+     */
+    batchCalls: (a) => (...c) => {
+      i(() => {
+        a(...c);
+      });
+    },
+    schedule: i,
+    /**
+     * Use this method to set a custom notify function.
+     * This can be used to for example wrap notifications with `React.act` while running tests.
+     */
+    setNotifyFunction: (a) => {
+      r = a;
+    },
+    /**
+     * Use this method to set a custom function to batch notifications together into a single tick.
+     * By default React Query will use the batch function provided by ReactDOM or React Native.
+     */
+    setBatchNotifyFunction: (a) => {
+      o = a;
+    },
+    setScheduler: (a) => {
+      n = a;
+    }
+  };
+}
+var at = Rr();
+function Or() {
+  return {
+    context: void 0,
+    data: void 0,
+    error: null,
+    failureCount: 0,
+    failureReason: null,
+    isPaused: !1,
+    status: "idle",
+    variables: void 0,
+    submittedAt: 0
+  };
+}
+var D, F, R, j, E, le, Ce, Ue, Ar = (Ue = class extends wr {
+  constructor(t, r) {
+    super();
+    K(this, E);
+    K(this, D);
+    K(this, F);
+    K(this, R);
+    K(this, j);
+    q(this, D, t), this.setOptions(r), this.bindMethods(), Q(this, E, le).call(this);
+  }
+  bindMethods() {
+    this.mutate = this.mutate.bind(this), this.reset = this.reset.bind(this);
+  }
+  setOptions(t) {
+    var o;
+    const r = this.options;
+    this.options = C(this, D).defaultMutationOptions(t), kr(this.options, r) || C(this, D).getMutationCache().notify({
+      type: "observerOptionsUpdated",
+      mutation: C(this, R),
+      observer: this
+    }), r != null && r.mutationKey && this.options.mutationKey && De(r.mutationKey) !== De(this.options.mutationKey) ? this.reset() : ((o = C(this, R)) == null ? void 0 : o.state.status) === "pending" && C(this, R).setOptions(this.options);
+  }
+  onUnsubscribe() {
+    var t;
+    this.hasListeners() || (t = C(this, R)) == null || t.removeObserver(this);
+  }
+  onMutationUpdate(t) {
+    Q(this, E, le).call(this), Q(this, E, Ce).call(this, t);
+  }
+  getCurrentResult() {
+    return C(this, F);
+  }
+  reset() {
+    var t;
+    (t = C(this, R)) == null || t.removeObserver(this), q(this, R, void 0), Q(this, E, le).call(this), Q(this, E, Ce).call(this);
+  }
+  mutate(t, r) {
+    var o;
+    return q(this, j, r), (o = C(this, R)) == null || o.removeObserver(this), q(this, R, C(this, D).getMutationCache().build(C(this, D), this.options)), C(this, R).addObserver(this), C(this, R).execute(t);
+  }
+}, D = new WeakMap(), F = new WeakMap(), R = new WeakMap(), j = new WeakMap(), E = new WeakSet(), le = function() {
+  var r;
+  const t = ((r = C(this, R)) == null ? void 0 : r.state) ?? Or();
+  q(this, F, {
+    ...t,
+    isPending: t.status === "pending",
+    isSuccess: t.status === "success",
+    isError: t.status === "error",
+    isIdle: t.status === "idle",
+    mutate: this.mutate,
+    reset: this.reset
+  });
+}, Ce = function(t) {
+  at.batch(() => {
+    var r, o, n, i, l, a, c, d;
+    if (C(this, j) && this.hasListeners()) {
+      const u = C(this, F).variables, m = C(this, F).context;
+      (t == null ? void 0 : t.type) === "success" ? ((o = (r = C(this, j)).onSuccess) == null || o.call(r, t.data, u, m), (i = (n = C(this, j)).onSettled) == null || i.call(n, t.data, null, u, m)) : (t == null ? void 0 : t.type) === "error" && ((a = (l = C(this, j)).onError) == null || a.call(l, t.error, u, m), (d = (c = C(this, j)).onSettled) == null || d.call(
+        c,
+        void 0,
+        t.error,
+        u,
+        m
+      ));
+    }
+    this.listeners.forEach((u) => {
+      u(C(this, F));
+    });
+  });
+}, Ue), Tr = p.createContext(
+  void 0
+), Pr = (e) => {
+  const t = p.useContext(Tr);
+  if (!t)
+    throw new Error("No QueryClient set, use QueryClientProvider to set one");
+  return t;
+};
+function Ir(e, t) {
+  const r = Pr(), [o] = p.useState(
+    () => new Ar(
+      r,
+      e
+    )
+  );
+  p.useEffect(() => {
+    o.setOptions(e);
+  }, [o, e]);
+  const n = p.useSyncExternalStore(
+    p.useCallback(
+      (l) => o.subscribe(at.batchCalls(l)),
+      [o]
+    ),
+    () => o.getCurrentResult(),
+    () => o.getCurrentResult()
+  ), i = p.useCallback(
+    (l, a) => {
+      o.mutate(l, a).catch(Cr);
+    },
+    [o]
+  );
+  if (n.error && Sr(o.options.throwOnError, [n.error]))
+    throw n.error;
+  return { ...n, mutate: i, mutateAsync: n.mutate };
+}
+const _r = ({ apiEndpoint: e, hideNameStep: t, hideDocumentSelectionStep: r }) => {
+  const [o, n] = $("landing"), [i, l] = $(""), [a, c] = $(""), [d, u] = $(null), [m, g] = $(null), [y, S] = $(null), x = Ir({
+    mutationFn: jr
+  }), { toast: b } = We(), N = lt(() => [
+    ...t ? [] : ["name"],
+    ...r ? [] : ["document-selection"],
+    "selfie",
+    "selfie-confirm",
+    "pre-selfie",
+    "id-front",
+    "id-front-confirm",
+    "id-back",
+    "id-back-confirm",
+    "verify"
+  ], [t, r]), M = () => t ? r ? "id-front" : "document-selection" : "name", _ = () => {
+    (t || !!i) && d && m && y && (x.mutate({
+      endpoint: e,
+      data: {
+        fullName: i,
+        selfiePhoto: d,
+        idCardFront: m,
+        idCardBack: y
+      }
+    }), b({
+      title: "KYC Complete",
+      description: "Identity verification completed successfully"
+    }), l(""), u(null), g(null), S(null), n("landing"));
+  }, k = () => /* @__PURE__ */ s(ke, { children: o !== "landing" && /* @__PURE__ */ s("div", { className: "flex justify-center", children: /* @__PURE__ */ s("div", { className: "flex space-x-2", children: N.map((T, U) => /* @__PURE__ */ s(
+    "div",
+    {
+      className: `w-3 h-3 rounded-full ${N.indexOf(o) >= U ? "bg-primary" : "bg-muted"}`
+    },
+    T
+  )) }) }) });
+  return /* @__PURE__ */ s("div", { className: "w-[430px]", children: (() => {
+    switch (o) {
+      case "landing":
+        return /* @__PURE__ */ s(dr, { onContinue: () => n(M()) });
+      case "name":
+        return /* @__PURE__ */ s(
+          hr,
+          {
+            fullName: i,
+            onNameChange: l,
+            onContinue: () => n(r ? "id-front" : "document-selection"),
+            renderProgress: k
+          }
+        );
+      case "document-selection":
+        return /* @__PURE__ */ s(
+          br,
+          {
+            selectedDocumentType: a,
+            onDocumentTypeChange: c,
+            onContinue: () => n("id-front"),
+            onBack: () => n(t ? "landing" : "name"),
+            renderProgress: k
+          }
+        );
+      case "id-front":
+        return /* @__PURE__ */ s(
+          ye,
+          {
+            acceptedFile: m,
+            currentStep: o,
+            setCurrentStep: n,
+            setSelfiePhoto: u,
+            setIdCardFront: g,
+            setIdCardBack: S
+          }
+        );
+      case "id-back":
+        return /* @__PURE__ */ s(
+          ye,
+          {
+            acceptedFile: y,
+            currentStep: o,
+            setCurrentStep: n,
+            setSelfiePhoto: u,
+            setIdCardFront: g,
+            setIdCardBack: S
+          }
+        );
+      case "pre-selfie":
+        return /* @__PURE__ */ s(yr, { onContinue: () => n("selfie"), onBack: () => n("name") });
+      case "selfie":
+        return /* @__PURE__ */ s(
+          ye,
+          {
+            acceptedFile: d,
+            currentStep: o,
+            setCurrentStep: n,
+            setSelfiePhoto: u,
+            setIdCardFront: g,
+            setIdCardBack: S
+          }
+        );
+      case "selfie-confirm":
+        return d ? /* @__PURE__ */ s(
+          ve,
+          {
+            photo: d,
+            onRetake: () => {
+              u(null), n("selfie");
+            },
+            onConfirm: () => n("verify"),
+            onBack: () => n("selfie"),
+            renderProgress: k
+          }
+        ) : null;
+      case "id-front-confirm":
+        return m ? /* @__PURE__ */ s(
+          ve,
+          {
+            photo: m,
+            onRetake: () => {
+              g(null), n("id-front");
+            },
+            onConfirm: () => n("id-back"),
+            onBack: () => n("id-front"),
+            renderProgress: k
+          }
+        ) : null;
+      case "id-back-confirm":
+        return y ? /* @__PURE__ */ s(
+          ve,
+          {
+            photo: y,
+            onRetake: () => {
+              S(null), n("id-back");
+            },
+            onConfirm: () => n("pre-selfie"),
+            onBack: () => n("id-back"),
+            renderProgress: k
+          }
+        ) : null;
+      case "verify":
+        return /* @__PURE__ */ s(
+          vr,
+          {
+            fullName: i,
+            onComplete: () => n("processing"),
+            onStartOver: () => n("landing")
+          }
+        );
+      case "processing":
+        return /* @__PURE__ */ s(xr, { onComplete: _ });
+      default:
+        return null;
+    }
+  })() });
+};
+async function jr({
+  endpoint: e,
+  data: t
+}) {
+  const r = await fetch(e, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json"
+    },
+    body: JSON.stringify(t)
+  });
+  if (!r.ok)
+    throw new Error("Network response was not ok");
+  return r.json();
+}
+export {
+  _r as KYCrazy,
+  z as cn
+};