@mci-ui/mci-ui 0.0.7 → 0.0.9

package/dist/index.es.js

@@ -0,0 +1,4254 @@
+import Ze, { forwardRef as Oe, createElement as ke, useState as W, useRef as _e, useEffect as de, useMemo as ve } from "react";
+var me = { exports: {} }, le = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Re;
+function Qe() {
+  if (Re) return le;
+  Re = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function o(t, a, l) {
+    var i = null;
+    if (l !== void 0 && (i = "" + l), a.key !== void 0 && (i = "" + a.key), "key" in a) {
+      l = {};
+      for (var c in a)
+        c !== "key" && (l[c] = a[c]);
+    } else l = a;
+    return a = l.ref, {
+      $$typeof: e,
+      type: t,
+      key: i,
+      ref: a !== void 0 ? a : null,
+      props: l
+    };
+  }
+  return le.Fragment = r, le.jsx = o, le.jsxs = o, le;
+}
+var ie = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ae;
+function Ke() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(n) {
+      if (n == null) return null;
+      if (typeof n == "function")
+        return n.$$typeof === K ? null : n.displayName || n.name || null;
+      if (typeof n == "string") return n;
+      switch (n) {
+        case h:
+          return "Fragment";
+        case T:
+          return "Profiler";
+        case E:
+          return "StrictMode";
+        case G:
+          return "Suspense";
+        case D:
+          return "SuspenseList";
+        case Q:
+          return "Activity";
+      }
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), n.$$typeof) {
+          case k:
+            return "Portal";
+          case P:
+            return n.displayName || "Context";
+          case S:
+            return (n._context.displayName || "Context") + ".Consumer";
+          case L:
+            var x = n.render;
+            return n = n.displayName, n || (n = x.displayName || x.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
+          case b:
+            return x = n.displayName || null, x !== null ? x : e(n.type) || "Memo";
+          case O:
+            x = n._payload, n = n._init;
+            try {
+              return e(n(x));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function r(n) {
+      return "" + n;
+    }
+    function o(n) {
+      try {
+        r(n);
+        var x = !1;
+      } catch {
+        x = !0;
+      }
+      if (x) {
+        x = console;
+        var w = x.error, C = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return w.call(
+          x,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          C
+        ), r(n);
+      }
+    }
+    function t(n) {
+      if (n === h) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === O)
+        return "<...>";
+      try {
+        var x = e(n);
+        return x ? "<" + x + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var n = U.A;
+      return n === null ? null : n.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function i(n) {
+      if (H.call(n, "key")) {
+        var x = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (x && x.isReactWarning) return !1;
+      }
+      return n.key !== void 0;
+    }
+    function c(n, x) {
+      function w() {
+        F || (F = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          x
+        ));
+      }
+      w.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: w,
+        configurable: !0
+      });
+    }
+    function d() {
+      var n = e(this.type);
+      return M[n] || (M[n] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), n = this.props.ref, n !== void 0 ? n : null;
+    }
+    function N(n, x, w, C, B, ee) {
+      var j = w.ref;
+      return n = {
+        $$typeof: f,
+        type: n,
+        key: x,
+        props: w,
+        _owner: C
+      }, (j !== void 0 ? j : null) !== null ? Object.defineProperty(n, "ref", {
+        enumerable: !1,
+        get: d
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(n, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(n, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: B
+      }), Object.defineProperty(n, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ee
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+    }
+    function y(n, x, w, C, B, ee) {
+      var j = x.children;
+      if (j !== void 0)
+        if (C)
+          if (I(j)) {
+            for (C = 0; C < j.length; C++)
+              A(j[C]);
+            Object.freeze && Object.freeze(j);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else A(j);
+      if (H.call(x, "key")) {
+        j = e(n);
+        var Y = Object.keys(x).filter(function(te) {
+          return te !== "key";
+        });
+        C = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", ae[j + C] || (Y = 0 < Y.length ? "{" + Y.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          C,
+          j,
+          Y,
+          j
+        ), ae[j + C] = !0);
+      }
+      if (j = null, w !== void 0 && (o(w), j = "" + w), i(x) && (o(x.key), j = "" + x.key), "key" in x) {
+        w = {};
+        for (var J in x)
+          J !== "key" && (w[J] = x[J]);
+      } else w = x;
+      return j && c(
+        w,
+        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
+      ), N(
+        n,
+        j,
+        w,
+        a(),
+        B,
+        ee
+      );
+    }
+    function A(n) {
+      R(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === O && (n._payload.status === "fulfilled" ? R(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    }
+    function R(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === f;
+    }
+    var _ = Ze, f = Symbol.for("react.transitional.element"), k = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), T = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), P = Symbol.for("react.context"), L = Symbol.for("react.forward_ref"), G = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), U = _.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, H = Object.prototype.hasOwnProperty, I = Array.isArray, V = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    _ = {
+      react_stack_bottom_frame: function(n) {
+        return n();
+      }
+    };
+    var F, M = {}, p = _.react_stack_bottom_frame.bind(
+      _,
+      l
+    )(), ne = V(t(l)), ae = {};
+    ie.Fragment = h, ie.jsx = function(n, x, w) {
+      var C = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return y(
+        n,
+        x,
+        w,
+        !1,
+        C ? Error("react-stack-top-frame") : p,
+        C ? V(t(n)) : ne
+      );
+    }, ie.jsxs = function(n, x, w) {
+      var C = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return y(
+        n,
+        x,
+        w,
+        !0,
+        C ? Error("react-stack-top-frame") : p,
+        C ? V(t(n)) : ne
+      );
+    };
+  })()), ie;
+}
+var Te;
+function et() {
+  return Te || (Te = 1, process.env.NODE_ENV === "production" ? me.exports = Qe() : me.exports = Ke()), me.exports;
+}
+var s = et();
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const tt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), rt = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (r, o, t) => t ? t.toUpperCase() : o.toLowerCase()
+), Se = (e) => {
+  const r = rt(e);
+  return r.charAt(0).toUpperCase() + r.slice(1);
+}, $e = (...e) => e.filter((r, o, t) => !!r && r.trim() !== "" && t.indexOf(r) === o).join(" ").trim(), ot = (e) => {
+  for (const r in e)
+    if (r.startsWith("aria-") || r === "role" || r === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var st = {
+  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.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const nt = Oe(
+  ({
+    color: e = "currentColor",
+    size: r = 24,
+    strokeWidth: o = 2,
+    absoluteStrokeWidth: t,
+    className: a = "",
+    children: l,
+    iconNode: i,
+    ...c
+  }, d) => ke(
+    "svg",
+    {
+      ref: d,
+      ...st,
+      width: r,
+      height: r,
+      stroke: e,
+      strokeWidth: t ? Number(o) * 24 / Number(r) : o,
+      className: $e("lucide", a),
+      ...!l && !ot(c) && { "aria-hidden": "true" },
+      ...c
+    },
+    [
+      ...i.map(([N, y]) => ke(N, y)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const $ = (e, r) => {
+  const o = Oe(
+    ({ className: t, ...a }, l) => ke(nt, {
+      ref: l,
+      iconNode: r,
+      className: $e(
+        `lucide-${tt(Se(e))}`,
+        `lucide-${e}`,
+        t
+      ),
+      ...a
+    })
+  );
+  return o.displayName = Se(e), o;
+};
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const at = [
+  ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
+  ["path", { d: "M17 20V4", key: "1ejh1v" }],
+  ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
+  ["path", { d: "M7 4v16", key: "1glfcx" }]
+], lt = $("arrow-up-down", at);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const it = [
+  [
+    "path",
+    {
+      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+      key: "hh9hay"
+    }
+  ],
+  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }]
+], ct = $("box", it);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const dt = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Fe = $("chevron-down", dt);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ut = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], mt = $("chevron-left", ut);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ft = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Le = $("chevron-right", ft);
+/**
+ * @license lucide-react v0.545.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 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], bt = $("chevron-up", pt);
+/**
+ * @license lucide-react v0.545.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 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], ht = $("circle-alert", gt);
+/**
+ * @license lucide-react v0.545.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 = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
+], yt = $("circle-check", xt);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const kt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
+  ["path", { d: "m9 9 6 6", key: "z0biqf" }]
+], vt = $("circle-x", kt);
+/**
+ * @license lucide-react v0.545.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 = [
+  [
+    "path",
+    {
+      d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+      key: "ct8e1f"
+    }
+  ],
+  ["path", { d: "M14.084 14.158a3 3 0 0 1-4.242-4.242", key: "151rxh" }],
+  [
+    "path",
+    {
+      d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+      key: "13bj9a"
+    }
+  ],
+  ["path", { d: "m2 2 20 20", key: "1ooewy" }]
+], jt = $("eye-off", wt);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Nt = [
+  [
+    "path",
+    {
+      d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+      key: "1nclc0"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], _t = $("eye", Nt);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Ct = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 16v-4", key: "1dtifu" }],
+  ["path", { d: "M12 8h.01", key: "e9boi3" }]
+], Et = $("info", Ct);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Rt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], At = $("loader-circle", Rt);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Tt = [
+  ["path", { d: "M12 2v4", key: "3427ic" }],
+  ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
+  ["path", { d: "M18 12h4", key: "wj9ykh" }],
+  ["path", { d: "m16.2 16.2 2.9 2.9", key: "1bxg5t" }],
+  ["path", { d: "M12 18v4", key: "jadmvz" }],
+  ["path", { d: "m4.9 19.1 2.9-2.9", key: "bwix9q" }],
+  ["path", { d: "M2 12h4", key: "j09sii" }],
+  ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
+], ge = $("loader", Tt);
+/**
+ * @license lucide-react v0.545.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const St = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], Ce = $("x", St);
+function Ge(e) {
+  var r, o, t = "";
+  if (typeof e == "string" || typeof e == "number") t += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var a = e.length;
+    for (r = 0; r < a; r++) e[r] && (o = Ge(e[r])) && (t && (t += " "), t += o);
+  } else for (o in e) e[o] && (t && (t += " "), t += o);
+  return t;
+}
+function zt() {
+  for (var e, r, o = 0, t = "", a = arguments.length; o < a; o++) (e = arguments[o]) && (r = Ge(e)) && (t && (t += " "), t += r);
+  return t;
+}
+const Ee = "-", Mt = (e) => {
+  const r = Pt(e), {
+    conflictingClassGroups: o,
+    conflictingClassGroupModifiers: t
+  } = e;
+  return {
+    getClassGroupId: (i) => {
+      const c = i.split(Ee);
+      return c[0] === "" && c.length !== 1 && c.shift(), Ve(c, r) || It(i);
+    },
+    getConflictingClassGroupIds: (i, c) => {
+      const d = o[i] || [];
+      return c && t[i] ? [...d, ...t[i]] : d;
+    }
+  };
+}, Ve = (e, r) => {
+  if (e.length === 0)
+    return r.classGroupId;
+  const o = e[0], t = r.nextPart.get(o), a = t ? Ve(e.slice(1), t) : void 0;
+  if (a)
+    return a;
+  if (r.validators.length === 0)
+    return;
+  const l = e.join(Ee);
+  return r.validators.find(({
+    validator: i
+  }) => i(l))?.classGroupId;
+}, ze = /^\[(.+)\]$/, It = (e) => {
+  if (ze.test(e)) {
+    const r = ze.exec(e)[1], o = r?.substring(0, r.indexOf(":"));
+    if (o)
+      return "arbitrary.." + o;
+  }
+}, Pt = (e) => {
+  const {
+    theme: r,
+    classGroups: o
+  } = e, t = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  for (const a in o)
+    we(o[a], t, a, r);
+  return t;
+}, we = (e, r, o, t) => {
+  e.forEach((a) => {
+    if (typeof a == "string") {
+      const l = a === "" ? r : Me(r, a);
+      l.classGroupId = o;
+      return;
+    }
+    if (typeof a == "function") {
+      if (Ot(a)) {
+        we(a(t), r, o, t);
+        return;
+      }
+      r.validators.push({
+        validator: a,
+        classGroupId: o
+      });
+      return;
+    }
+    Object.entries(a).forEach(([l, i]) => {
+      we(i, Me(r, l), o, t);
+    });
+  });
+}, Me = (e, r) => {
+  let o = e;
+  return r.split(Ee).forEach((t) => {
+    o.nextPart.has(t) || o.nextPart.set(t, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), o = o.nextPart.get(t);
+  }), o;
+}, Ot = (e) => e.isThemeGetter, $t = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let r = 0, o = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  const a = (l, i) => {
+    o.set(l, i), r++, r > e && (r = 0, t = o, o = /* @__PURE__ */ new Map());
+  };
+  return {
+    get(l) {
+      let i = o.get(l);
+      if (i !== void 0)
+        return i;
+      if ((i = t.get(l)) !== void 0)
+        return a(l, i), i;
+    },
+    set(l, i) {
+      o.has(l) ? o.set(l, i) : a(l, i);
+    }
+  };
+}, je = "!", Ne = ":", Ft = Ne.length, Lt = (e) => {
+  const {
+    prefix: r,
+    experimentalParseClassName: o
+  } = e;
+  let t = (a) => {
+    const l = [];
+    let i = 0, c = 0, d = 0, N;
+    for (let f = 0; f < a.length; f++) {
+      let k = a[f];
+      if (i === 0 && c === 0) {
+        if (k === Ne) {
+          l.push(a.slice(d, f)), d = f + Ft;
+          continue;
+        }
+        if (k === "/") {
+          N = f;
+          continue;
+        }
+      }
+      k === "[" ? i++ : k === "]" ? i-- : k === "(" ? c++ : k === ")" && c--;
+    }
+    const y = l.length === 0 ? a : a.substring(d), A = Gt(y), R = A !== y, _ = N && N > d ? N - d : void 0;
+    return {
+      modifiers: l,
+      hasImportantModifier: R,
+      baseClassName: A,
+      maybePostfixModifierPosition: _
+    };
+  };
+  if (r) {
+    const a = r + Ne, l = t;
+    t = (i) => i.startsWith(a) ? l(i.substring(a.length)) : {
+      isExternal: !0,
+      modifiers: [],
+      hasImportantModifier: !1,
+      baseClassName: i,
+      maybePostfixModifierPosition: void 0
+    };
+  }
+  if (o) {
+    const a = t;
+    t = (l) => o({
+      className: l,
+      parseClassName: a
+    });
+  }
+  return t;
+}, Gt = (e) => e.endsWith(je) ? e.substring(0, e.length - 1) : e.startsWith(je) ? e.substring(1) : e, Vt = (e) => {
+  const r = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
+  return (t) => {
+    if (t.length <= 1)
+      return t;
+    const a = [];
+    let l = [];
+    return t.forEach((i) => {
+      i[0] === "[" || r[i] ? (a.push(...l.sort(), i), l = []) : l.push(i);
+    }), a.push(...l.sort()), a;
+  };
+}, Wt = (e) => ({
+  cache: $t(e.cacheSize),
+  parseClassName: Lt(e),
+  sortModifiers: Vt(e),
+  ...Mt(e)
+}), Dt = /\s+/, Ut = (e, r) => {
+  const {
+    parseClassName: o,
+    getClassGroupId: t,
+    getConflictingClassGroupIds: a,
+    sortModifiers: l
+  } = r, i = [], c = e.trim().split(Dt);
+  let d = "";
+  for (let N = c.length - 1; N >= 0; N -= 1) {
+    const y = c[N], {
+      isExternal: A,
+      modifiers: R,
+      hasImportantModifier: _,
+      baseClassName: f,
+      maybePostfixModifierPosition: k
+    } = o(y);
+    if (A) {
+      d = y + (d.length > 0 ? " " + d : d);
+      continue;
+    }
+    let h = !!k, E = t(h ? f.substring(0, k) : f);
+    if (!E) {
+      if (!h) {
+        d = y + (d.length > 0 ? " " + d : d);
+        continue;
+      }
+      if (E = t(f), !E) {
+        d = y + (d.length > 0 ? " " + d : d);
+        continue;
+      }
+      h = !1;
+    }
+    const T = l(R).join(":"), S = _ ? T + je : T, P = S + E;
+    if (i.includes(P))
+      continue;
+    i.push(P);
+    const L = a(E, h);
+    for (let G = 0; G < L.length; ++G) {
+      const D = L[G];
+      i.push(S + D);
+    }
+    d = y + (d.length > 0 ? " " + d : d);
+  }
+  return d;
+};
+function Bt() {
+  let e = 0, r, o, t = "";
+  for (; e < arguments.length; )
+    (r = arguments[e++]) && (o = We(r)) && (t && (t += " "), t += o);
+  return t;
+}
+const We = (e) => {
+  if (typeof e == "string")
+    return e;
+  let r, o = "";
+  for (let t = 0; t < e.length; t++)
+    e[t] && (r = We(e[t])) && (o && (o += " "), o += r);
+  return o;
+};
+function Yt(e, ...r) {
+  let o, t, a, l = i;
+  function i(d) {
+    const N = r.reduce((y, A) => A(y), e());
+    return o = Wt(N), t = o.cache.get, a = o.cache.set, l = c, c(d);
+  }
+  function c(d) {
+    const N = t(d);
+    if (N)
+      return N;
+    const y = Ut(d, o);
+    return a(d, y), y;
+  }
+  return function() {
+    return l(Bt.apply(null, arguments));
+  };
+}
+const z = (e) => {
+  const r = (o) => o[e] || [];
+  return r.isThemeGetter = !0, r;
+}, De = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ue = /^\((?:(\w[\w-]*):)?(.+)\)$/i, qt = /^\d+\/\d+$/, Jt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Xt = /\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)|color-mix)\(.+\)$/, Zt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Qt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, re = (e) => qt.test(e), v = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), he = (e) => e.endsWith("%") && v(e.slice(0, -1)), q = (e) => Jt.test(e), Kt = () => !0, er = (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.
+  Xt.test(e) && !Ht.test(e)
+), Be = () => !1, tr = (e) => Zt.test(e), rr = (e) => Qt.test(e), or = (e) => !u(e) && !m(e), sr = (e) => oe(e, Je, Be), u = (e) => De.test(e), Z = (e) => oe(e, Xe, er), xe = (e) => oe(e, cr, v), Ie = (e) => oe(e, Ye, Be), nr = (e) => oe(e, qe, rr), fe = (e) => oe(e, He, tr), m = (e) => Ue.test(e), ce = (e) => se(e, Xe), ar = (e) => se(e, dr), Pe = (e) => se(e, Ye), lr = (e) => se(e, Je), ir = (e) => se(e, qe), pe = (e) => se(e, He, !0), oe = (e, r, o) => {
+  const t = De.exec(e);
+  return t ? t[1] ? r(t[1]) : o(t[2]) : !1;
+}, se = (e, r, o = !1) => {
+  const t = Ue.exec(e);
+  return t ? t[1] ? r(t[1]) : o : !1;
+}, Ye = (e) => e === "position" || e === "percentage", qe = (e) => e === "image" || e === "url", Je = (e) => e === "length" || e === "size" || e === "bg-size", Xe = (e) => e === "length", cr = (e) => e === "number", dr = (e) => e === "family-name", He = (e) => e === "shadow", ur = () => {
+  const e = z("color"), r = z("font"), o = z("text"), t = z("font-weight"), a = z("tracking"), l = z("leading"), i = z("breakpoint"), c = z("container"), d = z("spacing"), N = z("radius"), y = z("shadow"), A = z("inset-shadow"), R = z("text-shadow"), _ = z("drop-shadow"), f = z("blur"), k = z("perspective"), h = z("aspect"), E = z("ease"), T = z("animate"), S = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], P = () => [
+    "center",
+    "top",
+    "bottom",
+    "left",
+    "right",
+    "top-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-top",
+    "top-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-top",
+    "bottom-right",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "right-bottom",
+    "bottom-left",
+    // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
+    "left-bottom"
+  ], L = () => [...P(), m, u], G = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], b = () => [m, u, d], O = () => [re, "full", "auto", ...b()], Q = () => [X, "none", "subgrid", m, u], K = () => ["auto", {
+    span: ["full", X, m, u]
+  }, X, m, u], U = () => [X, "auto", m, u], H = () => ["auto", "min", "max", "fr", m, u], I = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], V = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], F = () => ["auto", ...b()], M = () => [re, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], p = () => [e, m, u], ne = () => [...P(), Pe, Ie, {
+    position: [m, u]
+  }], ae = () => ["no-repeat", {
+    repeat: ["", "x", "y", "space", "round"]
+  }], n = () => ["auto", "cover", "contain", lr, sr, {
+    size: [m, u]
+  }], x = () => [he, ce, Z], w = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    "full",
+    N,
+    m,
+    u
+  ], C = () => ["", v, ce, Z], B = () => ["solid", "dashed", "dotted", "double"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], j = () => [v, he, Pe, Ie], Y = () => [
+    // Deprecated since Tailwind CSS v4.0.0
+    "",
+    "none",
+    f,
+    m,
+    u
+  ], J = () => ["none", v, m, u], te = () => ["none", v, m, u], be = () => [v, m, u], ue = () => [re, "full", ...b()];
+  return {
+    cacheSize: 500,
+    theme: {
+      animate: ["spin", "ping", "pulse", "bounce"],
+      aspect: ["video"],
+      blur: [q],
+      breakpoint: [q],
+      color: [Kt],
+      container: [q],
+      "drop-shadow": [q],
+      ease: ["in", "out", "in-out"],
+      font: [or],
+      "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
+      "inset-shadow": [q],
+      leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
+      perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
+      radius: [q],
+      shadow: [q],
+      spacing: ["px", v],
+      text: [q],
+      "text-shadow": [q],
+      tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
+    },
+    classGroups: {
+      // --------------
+      // --- Layout ---
+      // --------------
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", re, u, m, h]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       * @deprecated since Tailwind CSS v4.0.0
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [v, u, m, c]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": S()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": S()
+      }],
+      /**
+       * 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"],
+      /**
+       * Screen Reader Only
+       * @see https://tailwindcss.com/docs/display#screen-reader-only
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * 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: L()
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: G()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": G()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": G()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: D()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": D()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": D()
+      }],
+      /**
+       * 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: O()
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": O()
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": O()
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: O()
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: O()
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: O()
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: O()
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: O()
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: O()
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: [X, "auto", m, u]
+      }],
+      // ------------------------
+      // --- Flexbox and Grid ---
+      // ------------------------
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: [re, "full", "auto", c, ...b()]
+      }],
+      /**
+       * 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: ["nowrap", "wrap", "wrap-reverse"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: [v, re, "auto", "initial", "none", u]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: ["", v, m, u]
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: ["", v, m, u]
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: [X, "first", "last", "none", m, u]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": Q()
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: K()
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": U()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": U()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": Q()
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: K()
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": U()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": U()
+      }],
+      /**
+       * 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": H()
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": H()
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: b()
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": b()
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": b()
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: [...I(), "normal"]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": [...V(), "normal"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", ...V()]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...I()]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: [...V(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", ...V(), {
+          baseline: ["", "last"]
+        }]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": I()
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": [...V(), "baseline"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", ...V()]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: b()
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: b()
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: b()
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: b()
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: b()
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: b()
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: b()
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: b()
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: b()
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: F()
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: F()
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: F()
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: F()
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: F()
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: F()
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: F()
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: F()
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: F()
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x": [{
+        "space-x": b()
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y": [{
+        "space-y": b()
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/margin#adding-space-between-children
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // --------------
+      // --- Sizing ---
+      // --------------
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
+       */
+      size: [{
+        size: M()
+      }],
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: [c, "screen", ...M()]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [
+          c,
+          "screen",
+          /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "none",
+          ...M()
+        ]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [
+          c,
+          "screen",
+          "none",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          "prose",
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          {
+            screen: [i]
+          },
+          ...M()
+        ]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: ["screen", "lh", ...M()]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": ["screen", "lh", "none", ...M()]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": ["screen", "lh", ...M()]
+      }],
+      // ------------------
+      // --- Typography ---
+      // ------------------
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", o, ce, Z]
+      }],
+      /**
+       * 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: [t, m, xe]
+      }],
+      /**
+       * Font Stretch
+       * @see https://tailwindcss.com/docs/font-stretch
+       */
+      "font-stretch": [{
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", he, u]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [ar, u, r]
+      }],
+      /**
+       * 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: [a, m, u]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": [v, "none", m, xe]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: [
+          /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
+          l,
+          ...b()
+        ]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", m, u]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["disc", "decimal", "none", m, u]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://v3.tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: p()
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: p()
+      }],
+      /**
+       * 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: [...B(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: [v, "from-font", "auto", m, Z]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: p()
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": [v, "auto", m, u]
+      }],
+      /**
+       * 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: b()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", m, u]
+      }],
+      /**
+       * 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"]
+      }],
+      /**
+       * Overflow Wrap
+       * @see https://tailwindcss.com/docs/overflow-wrap
+       */
+      wrap: [{
+        wrap: ["break-word", "anywhere", "normal"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", m, u]
+      }],
+      // -------------------
+      // --- 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 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: ne()
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ae()
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: n()
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          linear: [{
+            to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+          }, X, m, u],
+          radial: ["", m, u],
+          conic: [X, m, u]
+        }, ir, nr]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: p()
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: x()
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: x()
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: x()
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: p()
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: p()
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: p()
+      }],
+      // ---------------
+      // --- Borders ---
+      // ---------------
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: w()
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": w()
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": w()
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": w()
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": w()
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": w()
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": w()
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": w()
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": w()
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": w()
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": w()
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": w()
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": w()
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": w()
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": w()
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: C()
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": C()
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": C()
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": C()
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": C()
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": C()
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": C()
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": C()
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": C()
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x": [{
+        "divide-x": C()
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y": [{
+        "divide-y": C()
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/border-width#between-children
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...B(), "hidden", "none"]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
+       */
+      "divide-style": [{
+        divide: [...B(), "hidden", "none"]
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: p()
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": p()
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": p()
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": p()
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": p()
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": p()
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": p()
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": p()
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": p()
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: p()
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: [...B(), "none", "hidden"]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [v, m, u]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: ["", v, ce, Z]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: p()
+      }],
+      // ---------------
+      // --- Effects ---
+      // ---------------
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          y,
+          pe,
+          fe
+        ]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
+       */
+      "shadow-color": [{
+        shadow: p()
+      }],
+      /**
+       * Inset Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
+       */
+      "inset-shadow": [{
+        "inset-shadow": ["none", A, pe, fe]
+      }],
+      /**
+       * Inset Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
+       */
+      "inset-shadow-color": [{
+        "inset-shadow": p()
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
+       */
+      "ring-w": [{
+        ring: C()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://v3.tailwindcss.com/docs/ring-width#inset-rings
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
+       */
+      "ring-color": [{
+        ring: p()
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://v3.tailwindcss.com/docs/ring-offset-width
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-w": [{
+        "ring-offset": [v, Z]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://v3.tailwindcss.com/docs/ring-offset-color
+       * @deprecated since Tailwind CSS v4.0.0
+       * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
+       */
+      "ring-offset-color": [{
+        "ring-offset": p()
+      }],
+      /**
+       * Inset Ring Width
+       * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
+       */
+      "inset-ring-w": [{
+        "inset-ring": C()
+      }],
+      /**
+       * Inset Ring Color
+       * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
+       */
+      "inset-ring-color": [{
+        "inset-ring": p()
+      }],
+      /**
+       * Text Shadow
+       * @see https://tailwindcss.com/docs/text-shadow
+       */
+      "text-shadow": [{
+        "text-shadow": ["none", R, pe, fe]
+      }],
+      /**
+       * Text Shadow Color
+       * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
+       */
+      "text-shadow-color": [{
+        "text-shadow": p()
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [v, m, u]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...ee(), "plus-darker", "plus-lighter"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": ee()
+      }],
+      /**
+       * Mask Clip
+       * @see https://tailwindcss.com/docs/mask-clip
+       */
+      "mask-clip": [{
+        "mask-clip": ["border", "padding", "content", "fill", "stroke", "view"]
+      }, "mask-no-clip"],
+      /**
+       * Mask Composite
+       * @see https://tailwindcss.com/docs/mask-composite
+       */
+      "mask-composite": [{
+        mask: ["add", "subtract", "intersect", "exclude"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image-linear-pos": [{
+        "mask-linear": [v]
+      }],
+      "mask-image-linear-from-pos": [{
+        "mask-linear-from": j()
+      }],
+      "mask-image-linear-to-pos": [{
+        "mask-linear-to": j()
+      }],
+      "mask-image-linear-from-color": [{
+        "mask-linear-from": p()
+      }],
+      "mask-image-linear-to-color": [{
+        "mask-linear-to": p()
+      }],
+      "mask-image-t-from-pos": [{
+        "mask-t-from": j()
+      }],
+      "mask-image-t-to-pos": [{
+        "mask-t-to": j()
+      }],
+      "mask-image-t-from-color": [{
+        "mask-t-from": p()
+      }],
+      "mask-image-t-to-color": [{
+        "mask-t-to": p()
+      }],
+      "mask-image-r-from-pos": [{
+        "mask-r-from": j()
+      }],
+      "mask-image-r-to-pos": [{
+        "mask-r-to": j()
+      }],
+      "mask-image-r-from-color": [{
+        "mask-r-from": p()
+      }],
+      "mask-image-r-to-color": [{
+        "mask-r-to": p()
+      }],
+      "mask-image-b-from-pos": [{
+        "mask-b-from": j()
+      }],
+      "mask-image-b-to-pos": [{
+        "mask-b-to": j()
+      }],
+      "mask-image-b-from-color": [{
+        "mask-b-from": p()
+      }],
+      "mask-image-b-to-color": [{
+        "mask-b-to": p()
+      }],
+      "mask-image-l-from-pos": [{
+        "mask-l-from": j()
+      }],
+      "mask-image-l-to-pos": [{
+        "mask-l-to": j()
+      }],
+      "mask-image-l-from-color": [{
+        "mask-l-from": p()
+      }],
+      "mask-image-l-to-color": [{
+        "mask-l-to": p()
+      }],
+      "mask-image-x-from-pos": [{
+        "mask-x-from": j()
+      }],
+      "mask-image-x-to-pos": [{
+        "mask-x-to": j()
+      }],
+      "mask-image-x-from-color": [{
+        "mask-x-from": p()
+      }],
+      "mask-image-x-to-color": [{
+        "mask-x-to": p()
+      }],
+      "mask-image-y-from-pos": [{
+        "mask-y-from": j()
+      }],
+      "mask-image-y-to-pos": [{
+        "mask-y-to": j()
+      }],
+      "mask-image-y-from-color": [{
+        "mask-y-from": p()
+      }],
+      "mask-image-y-to-color": [{
+        "mask-y-to": p()
+      }],
+      "mask-image-radial": [{
+        "mask-radial": [m, u]
+      }],
+      "mask-image-radial-from-pos": [{
+        "mask-radial-from": j()
+      }],
+      "mask-image-radial-to-pos": [{
+        "mask-radial-to": j()
+      }],
+      "mask-image-radial-from-color": [{
+        "mask-radial-from": p()
+      }],
+      "mask-image-radial-to-color": [{
+        "mask-radial-to": p()
+      }],
+      "mask-image-radial-shape": [{
+        "mask-radial": ["circle", "ellipse"]
+      }],
+      "mask-image-radial-size": [{
+        "mask-radial": [{
+          closest: ["side", "corner"],
+          farthest: ["side", "corner"]
+        }]
+      }],
+      "mask-image-radial-pos": [{
+        "mask-radial-at": P()
+      }],
+      "mask-image-conic-pos": [{
+        "mask-conic": [v]
+      }],
+      "mask-image-conic-from-pos": [{
+        "mask-conic-from": j()
+      }],
+      "mask-image-conic-to-pos": [{
+        "mask-conic-to": j()
+      }],
+      "mask-image-conic-from-color": [{
+        "mask-conic-from": p()
+      }],
+      "mask-image-conic-to-color": [{
+        "mask-conic-to": p()
+      }],
+      /**
+       * Mask Mode
+       * @see https://tailwindcss.com/docs/mask-mode
+       */
+      "mask-mode": [{
+        mask: ["alpha", "luminance", "match"]
+      }],
+      /**
+       * Mask Origin
+       * @see https://tailwindcss.com/docs/mask-origin
+       */
+      "mask-origin": [{
+        "mask-origin": ["border", "padding", "content", "fill", "stroke", "view"]
+      }],
+      /**
+       * Mask Position
+       * @see https://tailwindcss.com/docs/mask-position
+       */
+      "mask-position": [{
+        mask: ne()
+      }],
+      /**
+       * Mask Repeat
+       * @see https://tailwindcss.com/docs/mask-repeat
+       */
+      "mask-repeat": [{
+        mask: ae()
+      }],
+      /**
+       * Mask Size
+       * @see https://tailwindcss.com/docs/mask-size
+       */
+      "mask-size": [{
+        mask: n()
+      }],
+      /**
+       * Mask Type
+       * @see https://tailwindcss.com/docs/mask-type
+       */
+      "mask-type": [{
+        "mask-type": ["alpha", "luminance"]
+      }],
+      /**
+       * Mask Image
+       * @see https://tailwindcss.com/docs/mask-image
+       */
+      "mask-image": [{
+        mask: ["none", m, u]
+      }],
+      // ---------------
+      // --- Filters ---
+      // ---------------
+      /**
+       * Filter
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          m,
+          u
+        ]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: Y()
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [v, m, u]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [v, m, u]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": [
+          // Deprecated since Tailwind CSS v4.0.0
+          "",
+          "none",
+          _,
+          pe,
+          fe
+        ]
+      }],
+      /**
+       * Drop Shadow Color
+       * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
+       */
+      "drop-shadow-color": [{
+        "drop-shadow": p()
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: ["", v, m, u]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [v, m, u]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: ["", v, m, u]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [v, m, u]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: ["", v, m, u]
+      }],
+      /**
+       * Backdrop Filter
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": [
+          // Deprecated since Tailwind CSS v3.0.0
+          "",
+          "none",
+          m,
+          u
+        ]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": Y()
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [v, m, u]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [v, m, u]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": ["", v, m, u]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [v, m, u]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": ["", v, m, u]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [v, m, u]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [v, m, u]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": ["", v, m, u]
+      }],
+      // --------------
+      // --- 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": b()
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": b()
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": b()
+      }],
+      /**
+       * 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 ---
+      // ---------------------------------
+      /**
+       * Transition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", m, u]
+      }],
+      /**
+       * Transition Behavior
+       * @see https://tailwindcss.com/docs/transition-behavior
+       */
+      "transition-behavior": [{
+        transition: ["normal", "discrete"]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: [v, "initial", m, u]
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "initial", E, m, u]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: [v, m, u]
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", T, m, u]
+      }],
+      // ------------------
+      // --- Transforms ---
+      // ------------------
+      /**
+       * Backface Visibility
+       * @see https://tailwindcss.com/docs/backface-visibility
+       */
+      backface: [{
+        backface: ["hidden", "visible"]
+      }],
+      /**
+       * Perspective
+       * @see https://tailwindcss.com/docs/perspective
+       */
+      perspective: [{
+        perspective: [k, m, u]
+      }],
+      /**
+       * Perspective Origin
+       * @see https://tailwindcss.com/docs/perspective-origin
+       */
+      "perspective-origin": [{
+        "perspective-origin": L()
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: J()
+      }],
+      /**
+       * Rotate X
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-x": [{
+        "rotate-x": J()
+      }],
+      /**
+       * Rotate Y
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-y": [{
+        "rotate-y": J()
+      }],
+      /**
+       * Rotate Z
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      "rotate-z": [{
+        "rotate-z": J()
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: te()
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": te()
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": te()
+      }],
+      /**
+       * Scale Z
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-z": [{
+        "scale-z": te()
+      }],
+      /**
+       * Scale 3D
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-3d": ["scale-3d"],
+      /**
+       * Skew
+       * @see https://tailwindcss.com/docs/skew
+       */
+      skew: [{
+        skew: be()
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": be()
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": be()
+      }],
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: [m, u, "", "none", "gpu", "cpu"]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: L()
+      }],
+      /**
+       * Transform Style
+       * @see https://tailwindcss.com/docs/transform-style
+       */
+      "transform-style": [{
+        transform: ["3d", "flat"]
+      }],
+      /**
+       * Translate
+       * @see https://tailwindcss.com/docs/translate
+       */
+      translate: [{
+        translate: ue()
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": ue()
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": ue()
+      }],
+      /**
+       * Translate Z
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-z": [{
+        "translate-z": ue()
+      }],
+      /**
+       * Translate None
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-none": ["translate-none"],
+      // ---------------------
+      // --- Interactivity ---
+      // ---------------------
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: p()
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: p()
+      }],
+      /**
+       * Color Scheme
+       * @see https://tailwindcss.com/docs/color-scheme
+       */
+      "color-scheme": [{
+        scheme: ["normal", "dark", "light", "light-dark", "only-dark", "only-light"]
+      }],
+      /**
+       * 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", m, u]
+      }],
+      /**
+       * Field Sizing
+       * @see https://tailwindcss.com/docs/field-sizing
+       */
+      "field-sizing": [{
+        "field-sizing": ["fixed", "content"]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["auto", "none"]
+      }],
+      /**
+       * 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": b()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": b()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": b()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": b()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": b()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": b()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": b()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": b()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": b()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": b()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": b()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": b()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": b()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": b()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": b()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": b()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": b()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": b()
+      }],
+      /**
+       * 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", m, u]
+      }],
+      // -----------
+      // --- SVG ---
+      // -----------
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: ["none", ...p()]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [v, ce, Z, xe]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: ["none", ...p()]
+      }],
+      // ---------------------
+      // --- Accessibility ---
+      // ---------------------
+      /**
+       * 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-x", "border-w-y", "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-x", "border-color-y", "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"],
+      translate: ["translate-x", "translate-y", "translate-none"],
+      "translate-none": ["translate", "translate-x", "translate-y", "translate-z"],
+      "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"]
+    },
+    orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
+  };
+}, mr = /* @__PURE__ */ Yt(ur);
+function g(...e) {
+  return mr(zt(e));
+}
+function fr(e) {
+  return { handleEscape: (o) => {
+    o.key === "Escape" && e();
+  } };
+}
+function pr(e, r) {
+  return { handleClick: (t) => {
+    e.current && !e.current.contains(t.target) && r();
+  } };
+}
+function kr({
+  items: e,
+  className: r,
+  separatorIcon: o = /* @__PURE__ */ s.jsx(Le, { className: "w-4 h-4 text-gray-400 dark:text-gray-500" })
+}) {
+  return /* @__PURE__ */ s.jsx(
+    "nav",
+    {
+      className: g(
+        "flex items-center space-x-2 text-sm font-medium text-gray-600 dark:text-gray-300",
+        r
+      ),
+      "aria-label": "Breadcrumb",
+      children: e?.map((t, a) => {
+        const l = a === e?.length - 1;
+        return /* @__PURE__ */ s.jsxs("div", { className: "flex items-center", children: [
+          t?.href ? /* @__PURE__ */ s.jsx(
+            "a",
+            {
+              href: t?.href,
+              onClick: t?.onClick,
+              className: g(
+                "hover:text-primary-600 dark:hover:text-primary-400 transition-colors",
+                l && "text-primary-600 dark:text-primary-400"
+              ),
+              children: t?.label
+            }
+          ) : /* @__PURE__ */ s.jsx(
+            "span",
+            {
+              className: g(
+                l ? "text-primary-600 dark:text-primary-400" : "text-gray-500 dark:text-gray-400"
+              ),
+              children: t?.label
+            }
+          ),
+          !l && /* @__PURE__ */ s.jsx("span", { className: "mx-2 flex items-center", children: o })
+        ] }, a);
+      })
+    }
+  );
+}
+function vr({
+  text: e,
+  icon: r,
+  iconPosition: o = "left",
+  size: t = "md",
+  variant: a = "accent",
+  loading: l = !1,
+  disabled: i = !1,
+  onClick: c,
+  className: d
+}) {
+  const N = {
+    sm: "h-[38px] px-3 text-sm gap-2",
+    md: "h-[48px] px-4 text-base gap-2.5",
+    lg: "h-[56px] px-5 text-lg gap-3"
+  }, y = {
+    primary: `
+			bg-secondary-500
+			hover:bg-secondary-600
+			active:bg-secondary-700
+			hover:shadow-lg
+			hover:shadow-secondary-500/30
+			active:scale-[0.98]
+			text-white
+		`,
+    secondary: `
+			bg-secondary-50
+			hover:bg-secondary-100
+			active:bg-secondary-200
+			hover:shadow-md
+			hover:shadow-secondary-500/10
+			active:scale-[0.98]
+			text-secondary-700
+			border border-secondary-200
+			hover:border-secondary-300
+		`,
+    accent: `
+			bg-accent-500
+			hover:bg-accent-600
+			active:bg-accent-700
+			hover:shadow-lg
+			hover:shadow-accent-500/30
+			active:scale-[0.98]
+			text-white
+		`
+  };
+  return /* @__PURE__ */ s.jsxs(
+    "button",
+    {
+      onClick: c,
+      disabled: i || l,
+      className: g(
+        "inline-flex items-center justify-center rounded-[7px] font-medium",
+        "transition-all duration-300 ease-in-out",
+        "transform hover:-translate-y-0.5",
+        "disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:translate-y-0 disabled:hover:shadow-none",
+        "focus:outline-none focus:ring-2 focus:ring-offset-2",
+        a === "primary" && "focus:ring-secondary-500",
+        a === "secondary" && "focus:ring-secondary-400",
+        a === "accent" && "focus:ring-accent-500",
+        y[a],
+        N[t],
+        d
+      ),
+      children: [
+        r && o === "left" && /* @__PURE__ */ s.jsx("span", { className: "flex items-center justify-center transition-transform duration-300 ease-in-out group-hover:scale-110", children: l ? /* @__PURE__ */ s.jsx(ge, { className: "animate-spin", size: 20 }) : r }),
+        e && /* @__PURE__ */ s.jsx("span", { className: "transition-all duration-300", children: e }),
+        r && o === "right" && /* @__PURE__ */ s.jsx("span", { className: "flex items-center justify-center transition-transform duration-300 ease-in-out group-hover:scale-110", children: l ? /* @__PURE__ */ s.jsx(ge, { className: "animate-spin", size: 20 }) : r }),
+        l && /* @__PURE__ */ s.jsx(ge, { className: "animate-spin", size: 20 })
+      ]
+    }
+  );
+}
+function wr({
+  title: e,
+  children: r,
+  defaultOpen: o = !1,
+  icon: t,
+  variant: a = "primary",
+  className: l,
+  titleClassName: i,
+  contentClassName: c
+}) {
+  const [d, N] = W(o), [y, A] = W(0), R = _e(null);
+  de(() => {
+    R.current && A(d ? R.current.scrollHeight : 0);
+  }, [d]);
+  const f = {
+    primary: {
+      title: "bg-secondary-50 hover:bg-secondary-100 border-secondary-200 text-secondary-800",
+      content: "bg-secondary-25 border-secondary-100"
+    },
+    secondary: {
+      title: "bg-accent-50 hover:bg-accent-100 border-accent-200 text-accent-800",
+      content: "bg-accent-25 border-accent-100"
+    },
+    accent: {
+      title: "bg-gray-50 hover:bg-gray-100 border-gray-200 text-gray-800",
+      content: "bg-gray-25 border-gray-100"
+    }
+  }[a];
+  return /* @__PURE__ */ s.jsxs("div", { className: g("border rounded-lg overflow-hidden", l), children: [
+    /* @__PURE__ */ s.jsxs(
+      "button",
+      {
+        onClick: () => N(!d),
+        className: g(
+          "w-full flex items-center justify-between p-4 transition-all duration-300",
+          "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-blue-500",
+          "border-b",
+          f.title
+        ),
+        children: [
+          /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-3", children: [
+            t && /* @__PURE__ */ s.jsx("span", { className: "flex-shrink-0", children: t }),
+            /* @__PURE__ */ s.jsx("span", { className: g("font-medium text-left", i), children: e })
+          ] }),
+          /* @__PURE__ */ s.jsx(
+            Fe,
+            {
+              className: g(
+                "w-5 h-5 transition-transform duration-300 flex-shrink-0",
+                d && "rotate-180"
+              )
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "div",
+      {
+        className: g(
+          "transition-all duration-300 ease-out overflow-hidden",
+          f.content
+        ),
+        style: {
+          height: `${y}px`
+        },
+        children: /* @__PURE__ */ s.jsx("div", { ref: R, className: g("p-4", c), children: r })
+      }
+    )
+  ] });
+}
+function jr({
+  label: e,
+  placeholder: r,
+  type: o = "text",
+  icon: t,
+  iconPosition: a = "left",
+  size: l = "md",
+  error: i,
+  success: c,
+  disabled: d = !1,
+  required: N = !1,
+  value: y,
+  onChange: A,
+  onFocus: R,
+  onBlur: _,
+  className: f
+}) {
+  const [k, h] = W(!1), [E, T] = W(""), [S, P] = W(!1), [L, G] = W(!1), D = y ?? E, b = !!D || L, O = o === "password", Q = () => {
+    h(!0), R?.();
+  }, K = () => {
+    h(!1), _?.();
+  }, U = (M) => {
+    y === void 0 && T(M.target.value), A?.(M);
+  }, H = () => P((M) => !M), I = ve(
+    () => ({
+      sm: {
+        input: "h-[38px] text-sm",
+        padding: t ? a === "left" ? "pl-10 pr-3" : "pl-3 pr-10" : "px-3",
+        icon: "w-4 h-4",
+        iconWrapper: a === "left" ? "left-3" : "right-3",
+        labelFont: "text-xs"
+      },
+      md: {
+        input: "h-[48px] text-base",
+        padding: t ? a === "left" ? "pl-12 pr-4" : "pl-4 pr-12" : "px-4",
+        icon: "w-5 h-5",
+        iconWrapper: a === "left" ? "left-3.5" : "right-3.5",
+        labelFont: "text-sm"
+      },
+      lg: {
+        input: "h-[56px] text-lg",
+        padding: t ? a === "left" ? "pl-14 pr-5" : "pl-5 pr-14" : "px-5",
+        icon: "w-6 h-6",
+        iconWrapper: a === "left" ? "left-4" : "right-4",
+        labelFont: "text-base"
+      }
+    }),
+    [t, a]
+  ), V = ve(() => i ? "border-error-500 focus:border-error-600 focus:ring-error-500/20" : c ? "border-success-500 focus:border-success-600 focus:ring-success-500/20" : "border-gray-300 hover:border-gray-400 focus:border-accent-500 focus:ring-accent-500/20", [i, c]), F = (M) => {
+    M.animationName === "onAutoFillStart" ? G(!0) : M.animationName === "onAutoFillCancel" && G(!1);
+  };
+  return /* @__PURE__ */ s.jsxs("div", { className: g("w-full", f), children: [
+    /* @__PURE__ */ s.jsxs("div", { className: "relative flex items-center", children: [
+      /* @__PURE__ */ s.jsx(
+        "input",
+        {
+          type: O && S ? "text" : o,
+          value: D,
+          onChange: U,
+          onFocus: Q,
+          onBlur: K,
+          onAnimationStart: F,
+          disabled: d,
+          placeholder: e ? "" : r,
+          required: N,
+          className: g(
+            "w-full rounded-[7px] border bg-white font-medium outline-none transition-all duration-300 ease-in-out",
+            "focus:ring-4 disabled:bg-gray-50 disabled:cursor-not-allowed disabled:opacity-60 autofill:shadow-[inset_0_0_0px_1000px_white]",
+            I[l].input,
+            I[l].padding,
+            V
+          ),
+          autoComplete: "on"
+        }
+      ),
+      e && /* @__PURE__ */ s.jsxs(
+        "label",
+        {
+          className: g(
+            "absolute pointer-events-none transition-all duration-300 ease-in-out font-medium",
+            t && a === "left" && !b && !k ? I[l].padding : "left-4",
+            k || b ? g(
+              "top-0 -translate-y-1/2 bg-white px-2",
+              I[l].labelFont,
+              i ? "text-error-600" : c ? "text-success-600" : "text-accent-600"
+            ) : g(
+              "top-1/2 -translate-y-1/2 text-gray-500",
+              I[l].input.includes("38") && "text-sm",
+              I[l].input.includes("48") && "text-base",
+              I[l].input.includes("56") && "text-lg"
+            )
+          ),
+          children: [
+            e,
+            N && /* @__PURE__ */ s.jsx("span", { className: "text-error-500 ml-1", children: "*" })
+          ]
+        }
+      ),
+      t && /* @__PURE__ */ s.jsx(
+        "div",
+        {
+          className: g(
+            "absolute top-1/2 -translate-y-1/2 flex items-center transition-all duration-300",
+            I[l].iconWrapper,
+            i ? "text-error-500" : c ? "text-success-500" : k ? "text-accent-500" : "text-gray-400"
+          ),
+          children: /* @__PURE__ */ s.jsx("span", { className: g(I[l].icon, "mr-2"), children: t })
+        }
+      ),
+      O && /* @__PURE__ */ s.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: H,
+          className: g(
+            "absolute top-1/2 -translate-y-1/2 flex items-center justify-center text-gray-400 hover:text-gray-600 transition-all",
+            "right-3"
+          ),
+          children: S ? /* @__PURE__ */ s.jsx(jt, { className: g(I[l].icon) }) : /* @__PURE__ */ s.jsx(_t, { className: g(I[l].icon) })
+        }
+      )
+    ] }),
+    i && /* @__PURE__ */ s.jsx("p", { className: "mt-1.5 text-sm text-error-600 flex items-center gap-1 animate-[slideDown_0.3s_ease-out]", children: i }),
+    c && !i && /* @__PURE__ */ s.jsx("p", { className: "mt-1.5 text-sm text-success-600 flex items-center gap-1 animate-[slideDown_0.3s_ease-out]", children: c }),
+    /* @__PURE__ */ s.jsx("style", { children: `
+				input {
+					animation-name: onAutoFillCancel;
+				}
+				input:-webkit-autofill {
+					animation-name: onAutoFillStart;
+				}
+				@keyframes onAutoFillStart {}
+				@keyframes onAutoFillCancel {}
+			` })
+  ] });
+}
+function br({
+  className: e,
+  variant: r = "default",
+  width: o = "100%",
+  height: t = "1rem"
+}) {
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: g(
+        "relative overflow-hidden bg-secondary-200 dark:bg-secondary-800",
+        "rounded-sm",
+        r === "circle" && "rounded-full",
+        r === "rounded" && "rounded-md",
+        e
+      ),
+      style: {
+        width: typeof o == "number" ? `${o}px` : o,
+        height: typeof t == "number" ? `${t}px` : t
+      },
+      children: /* @__PURE__ */ s.jsx("div", { className: "absolute inset-0 shimmer-mask" })
+    }
+  );
+}
+function Nr({
+  columns: e,
+  data: r,
+  loading: o = !1,
+  variant: t = "clean",
+  skeletonRows: a = 5,
+  actions: l,
+  noDataText: i
+}) {
+  const [c, d] = W(null), N = ve(() => !c || !c.direction ? r : [...r].sort((f, k) => {
+    const h = f[c.key], E = k[c.key];
+    return h < E ? c.direction === "asc" ? -1 : 1 : h > E ? c.direction === "asc" ? 1 : -1 : 0;
+  }), [r, c]), y = (f) => {
+    f.sortable && d((k) => !k || k.key !== f.key ? { key: f.key, direction: "asc" } : k.direction === "asc" ? { key: f.key, direction: "desc" } : k.direction === "desc" ? { key: f.key, direction: null } : null);
+  }, A = (f) => f?.sortable ? !c || c.key !== f?.key || !c.direction ? /* @__PURE__ */ s.jsx(lt, { size: 15, className: "opacity-40" }) : c.direction === "asc" ? /* @__PURE__ */ s.jsx(bt, { size: 15 }) : /* @__PURE__ */ s.jsx(Fe, { size: 15 }) : null, R = g(
+    "w-full border-separate border-spacing-0 transition-all duration-300",
+    t === "clean" && "bg-white",
+    t === "elevated" && "bg-white  shadow-lg",
+    t === "bordered" && "border border-secondary-200 rounded-lg"
+  ), _ = (f) => g(
+    "bg-secondary-50 text-secondary-800 text-sm font-semibold py-3 px-4 select-none",
+    "border-b border-secondary-200 transition-colors",
+    f.align === "center" && "text-center",
+    f.align === "right" && "text-right",
+    f.sortable && "cursor-pointer hover:bg-secondary-100/70"
+  );
+  return /* @__PURE__ */ s.jsxs("div", { className: "w-full space-y-3", children: [
+    l && /* @__PURE__ */ s.jsx("div", { className: "flex justify-between items-center mb-2", children: l }),
+    /* @__PURE__ */ s.jsx("div", { className: "w-full overflow-x-auto rounded-lg", children: /* @__PURE__ */ s.jsxs("table", { className: R, children: [
+      /* @__PURE__ */ s.jsx("thead", { children: /* @__PURE__ */ s.jsx("tr", { children: e?.map((f, k) => /* @__PURE__ */ s.jsx(
+        "th",
+        {
+          onClick: () => y(f),
+          className: g(
+            _(f),
+            k === 0 && "rounded-tl-lg",
+            k === e?.length - 1 && "rounded-tr-lg"
+          ),
+          style: { width: f.width },
+          children: /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ s.jsx("span", { className: "truncate", children: f.title }),
+            A(f)
+          ] })
+        },
+        String(f?.key)
+      )) }) }),
+      /* @__PURE__ */ s.jsx("tbody", { children: o ? Array.from({ length: a })?.map((f, k) => /* @__PURE__ */ s.jsx("tr", { children: e?.map((h, E) => /* @__PURE__ */ s.jsx("td", { className: "px-4 py-3", children: /* @__PURE__ */ s.jsx(br, { height: 18, variant: "rounded" }) }, E)) }, k)) : N?.map((f, k) => /* @__PURE__ */ s.jsx(
+        "tr",
+        {
+          className: g(
+            "border-b border-secondary-100  transition-all duration-200"
+          ),
+          children: e?.map((h, E) => /* @__PURE__ */ s.jsx(
+            "td",
+            {
+              className: g(
+                "px-4 py-3 text-sm text-gray-800",
+                h?.align === "center" && "text-center",
+                h?.align === "right" && "text-right"
+              ),
+              children: h?.render ? h?.render(f[h?.key], f) : String(f[h?.key])
+            },
+            E
+          ))
+        },
+        k
+      )) })
+    ] }) }),
+    !o && N?.length === 0 && /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center justify-center py-10 text-gray-500 dark:text-gray-400 animate-[fadeIn_0.4s_ease-in-out]", children: [
+      /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ s.jsx(
+          ct,
+          {
+            size: 64,
+            className: "mb-3 text-secondary-400 dark:text-secondary-500 opacity-80 animate-[float_2.5s_ease-in-out_infinite]"
+          }
+        ),
+        /* @__PURE__ */ s.jsx("div", { className: "absolute inset-0 blur-2xl bg-secondary-200/20 dark:bg-secondary-700/20 rounded-full scale-75 animate-[pulse_3s_ease-in-out_infinite]" })
+      ] }),
+      /* @__PURE__ */ s.jsx("p", { className: "text-sm font-medium animate-[fadeUp_0.6s_ease-out]", children: i })
+    ] })
+  ] });
+}
+function _r({
+  show: e,
+  setShow: r,
+  title: o,
+  Header: t,
+  Body: a,
+  footer: l
+}) {
+  const i = _e(null), { handleEscape: c } = fr(() => r(!1));
+  de(() => (e ? (document.addEventListener("keydown", c), document.body.style.overflow = "hidden") : document.body.style.overflow = "unset", () => document.removeEventListener("keydown", c)), [e, c]);
+  const { handleClick: d } = pr(i, () => r(!1));
+  return de(() => (e && document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d)), [e, d]), /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: g(
+        "fixed inset-0 z-50 flex items-center justify-center p-4 bg-secondary-100/50 backdrop-blur-sm transition-all duration-500 ease-in-out",
+        e ? "opacity-100 pointer-events-auto" : "opacity-0 pointer-events-none"
+      ),
+      children: /* @__PURE__ */ s.jsxs(
+        "div",
+        {
+          ref: i,
+          className: g(
+            "relative w-full max-w-lg rounded-[7px] shadow-xl bg-secondary-50 text-gray-800",
+            "transform transition-all duration-500 ease-out",
+            e ? "opacity-100 scale-100" : "opacity-0 scale-90"
+          ),
+          children: [
+            (t || o) && /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-between px-6 py-4 border-b border-secondary-300", children: [
+              t || /* @__PURE__ */ s.jsx("h2", { className: "text-xl font-semibold text-gray-800", children: o }),
+              /* @__PURE__ */ s.jsx(
+                "button",
+                {
+                  onClick: () => r(!1),
+                  className: "text-gray-800 hover:text-secondary-300 active:animate-spin transition",
+                  children: /* @__PURE__ */ s.jsx(Ce, { className: "w-5 h-5" })
+                }
+              )
+            ] }),
+            a && /* @__PURE__ */ s.jsx("div", { className: "px-6 py-4 max-h-96 overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300", children: a }),
+            l && /* @__PURE__ */ s.jsx("div", { className: "flex items-center justify-end gap-3 px-6 py-4 border-t border-secondary-300", children: l })
+          ]
+        }
+      )
+    }
+  );
+}
+function Cr({
+  totalItems: e,
+  currentPage: r,
+  perPage: o,
+  onPageChange: t,
+  onPerPageChange: a,
+  siblingCount: l = 1,
+  perPageOptions: i = [10, 20, 30],
+  showPerPage: c = !0
+}) {
+  const d = Math.ceil(e / o), y = (() => {
+    const _ = l * 2 + 5;
+    if (d <= _)
+      return Array.from({ length: d }, (S, P) => P + 1);
+    const f = Math.max(r - l, 2), k = Math.min(
+      r + l,
+      d - 1
+    ), h = f > 2, E = k < d - 1, T = [1];
+    h && T.push("...");
+    for (let S = f; S <= k; S++)
+      T.push(S);
+    return E && T.push("..."), T.push(d), T;
+  })(), A = () => {
+    r > 1 && t(r - 1);
+  }, R = () => {
+    r < d && t(r + 1);
+  };
+  return /* @__PURE__ */ s.jsxs("div", { className: "w-full flex flex-col md:flex-row md:justify-between md:items-center gap-4 py-4", children: [
+    c && a && /* @__PURE__ */ s.jsx("div", { className: "flex justify-center md:justify-start w-full md:w-auto", children: /* @__PURE__ */ s.jsx(
+      "select",
+      {
+        value: o,
+        onChange: (_) => a(Number(_.target.value)),
+        className: `border rounded-lg px-3 py-2 text-sm bg-white
+                       hover:border-secondary-500 
+                       focus:outline-none focus:ring-2 focus:ring-secondary-500
+                       transition-all duration-200`,
+        children: i?.map((_) => /* @__PURE__ */ s.jsxs("option", { value: _, children: [
+          _,
+          " / page"
+        ] }, _))
+      }
+    ) }),
+    /* @__PURE__ */ s.jsxs("div", { className: "flex items-center justify-center md:justify-end w-full", children: [
+      /* @__PURE__ */ s.jsx(
+        "button",
+        {
+          onClick: A,
+          disabled: r === 1,
+          className: `flex items-center justify-center rounded-xl border px-3 py-2 transition-all duration-200
+            ${r === 1 ? "opacity-40 cursor-not-allowed" : "hover:bg-secondary-100 hover:text-secondary-700"}`,
+          children: /* @__PURE__ */ s.jsx(mt, { size: 18 })
+        }
+      ),
+      /* @__PURE__ */ s.jsx("div", { className: "flex items-center gap-1 mx-2", children: y?.map((_, f) => /* @__PURE__ */ s.jsx(
+        "button",
+        {
+          onClick: () => typeof _ == "number" && t(_),
+          disabled: _ === "...",
+          className: `min-w-[40px] rounded-xl border px-3 py-2 text-sm font-medium transition-all duration-200
+                ${_ === r ? "bg-secondary-500 text-white shadow-md" : _ === "..." ? "cursor-default border-none text-gray-400" : "bg-white text-secondary-700 hover:bg-secondary-100"}`,
+          children: _
+        },
+        f
+      )) }),
+      /* @__PURE__ */ s.jsx(
+        "button",
+        {
+          onClick: R,
+          disabled: r === d,
+          className: `flex items-center justify-center rounded-xl border px-3 py-2 transition-all duration-200
+            ${r === d ? "opacity-40 cursor-not-allowed" : "hover:bg-secondary-100 hover:text-secondary-700"}`,
+          children: /* @__PURE__ */ s.jsx(Le, { size: 18 })
+        }
+      )
+    ] })
+  ] });
+}
+function Er({
+  tabs: e,
+  defaultTab: r,
+  position: o = "top",
+  variant: t = "primary",
+  className: a,
+  onChange: l
+}) {
+  const [i, c] = W(r || e[0]?.id), [d, N] = W({}), y = _e([]);
+  de(() => {
+    const h = e.findIndex((T) => T.id === i), E = y.current[h];
+    if (E) {
+      const { offsetLeft: T, offsetTop: S, offsetWidth: P, offsetHeight: L } = E;
+      N({
+        left: T,
+        top: S,
+        width: P,
+        height: L,
+        transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)"
+      });
+    }
+  }, [i, o, e]);
+  const A = {
+    top: "flex-col",
+    bottom: "flex-col-reverse",
+    left: "flex-row",
+    right: "flex-row-reverse"
+  }, R = {
+    top: "flex-row",
+    bottom: "flex-row",
+    left: "flex-col",
+    right: "flex-col"
+  }, _ = {
+    top: "mt-6",
+    bottom: "mb-6",
+    left: "ml-6",
+    right: "mr-6"
+  }, f = {
+    primary: {
+      active: "text-secondary-600",
+      inactive: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
+      disabled: "text-gray-300 dark:text-gray-600 cursor-not-allowed",
+      bg: "bg-secondary-100 dark:bg-secondary-900"
+    },
+    secondary: {
+      active: "text-accent-600",
+      inactive: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
+      disabled: "text-gray-300 dark:text-gray-600 cursor-not-allowed",
+      bg: "bg-accent-100 dark:bg-accent-900"
+    },
+    accent: {
+      active: "text-gray-800 dark:text-gray-200",
+      inactive: "text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300",
+      disabled: "text-gray-300 dark:text-gray-600 cursor-not-allowed",
+      bg: "bg-gray-100 dark:bg-gray-800"
+    }
+  }, k = o === "left" || o === "right";
+  return /* @__PURE__ */ s.jsxs("div", { className: g("flex w-full", A[o], a), children: [
+    /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        className: g(
+          "flex relative bg-gray-50 dark:bg-gray-900 rounded-lg p-1",
+          R[o],
+          k ? "min-w-48" : "w-full"
+        ),
+        children: [
+          /* @__PURE__ */ s.jsx(
+            "div",
+            {
+              className: g(
+                "absolute rounded-md transition-all duration-300 ease-out",
+                f[t].bg,
+                k ? "w-full" : "h-full"
+              ),
+              style: d
+            }
+          ),
+          e?.map((h, E) => {
+            const T = i === h.id, S = f[t];
+            return /* @__PURE__ */ s.jsxs(
+              "button",
+              {
+                ref: (P) => {
+                  y.current[E] = P;
+                },
+                onClick: () => {
+                  h?.disabled || (c(h?.id), l?.(h?.id));
+                },
+                disabled: h?.disabled,
+                className: g(
+                  "relative flex items-center justify-center gap-2 px-4 py-3 font-medium",
+                  "text-sm whitespace-nowrap transition-all duration-200 z-10",
+                  "focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500",
+                  "rounded-md",
+                  T ? [S.active, "font-semibold"] : [
+                    S.inactive,
+                    "hover:bg-white/50 dark:hover:bg-gray-800/50"
+                  ],
+                  h?.disabled && S.disabled,
+                  k ? "w-full justify-start" : "flex-1"
+                ),
+                children: [
+                  h?.icon && /* @__PURE__ */ s.jsx(
+                    "span",
+                    {
+                      className: g(
+                        "flex-shrink-0 transition-transform duration-200",
+                        T && "scale-110"
+                      ),
+                      children: h?.icon
+                    }
+                  ),
+                  /* @__PURE__ */ s.jsx("span", { className: "relative z-10", children: h?.label })
+                ]
+              },
+              h?.id
+            );
+          })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx("div", { className: g("flex-1 overflow-hidden", _[o]), children: /* @__PURE__ */ s.jsx("div", { className: "animate-fade-in", children: e?.find((h) => h?.id === i)?.content }, i) })
+  ] });
+}
+function Rr({ children: e, className: r }) {
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: g(
+        "p-6 rounded-lg bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700",
+        r
+      ),
+      children: e
+    }
+  );
+}
+const gr = {
+  sm: "text-xs px-2 py-0.5",
+  md: "text-sm px-3 py-1",
+  lg: "text-base px-4 py-1.5"
+}, ye = {
+  sm: "w-3 h-3",
+  md: "w-4 h-4",
+  lg: "w-5 h-5"
+}, hr = {
+  default: "bg-gray-100 text-gray-800 border border-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:border-gray-700",
+  secondary: "bg-secondary-100 text-secondary-800 border border-secondary-200 dark:bg-secondary-800 dark:text-secondary-50 dark:border-secondary-700",
+  success: "bg-success-100 text-success-800 border border-success-200 dark:bg-success-800 dark:text-success-50 dark:border-success-700",
+  error: "bg-error-100 text-error-800 border border-error-200 dark:bg-error-800 dark:text-error-50 dark:border-error-700",
+  info: "bg-info-100 text-info-800 border border-info-200 dark:bg-info-800 dark:text-info-50 dark:border-info-700",
+  accent: "bg-accent-100 text-accent-800 border border-accent-200 dark:bg-accent-800 dark:text-accent-50 dark:border-accent-700"
+};
+function Ar({
+  children: e,
+  variant: r = "default",
+  size: o = "md",
+  icon: t,
+  iconPosition: a = "left",
+  closable: l = !1,
+  onClose: i,
+  className: c
+}) {
+  return /* @__PURE__ */ s.jsxs(
+    "span",
+    {
+      className: g(
+        "inline-flex items-center font-medium animate-[fadeIn_0.3s_ease-out] rounded-[7px]",
+        gr[o],
+        hr[r],
+        t && "gap-1.5",
+        c
+      ),
+      children: [
+        t && a === "left" && /* @__PURE__ */ s.jsx("span", { className: `flex items-center ${g(ye[o])}`, children: t }),
+        /* @__PURE__ */ s.jsx("span", { children: e }),
+        t && a === "right" && /* @__PURE__ */ s.jsx("span", { className: `flex items-center ${g(ye[o])}`, children: t }),
+        l && /* @__PURE__ */ s.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: i,
+            className: "ml-1 rounded-full p-0.5 hover:bg-black/10 dark:hover:bg-white/10 transition-colors",
+            children: /* @__PURE__ */ s.jsx(Ce, { className: g(ye[o]) })
+          }
+        )
+      ]
+    }
+  );
+}
+function Tr({
+  label: e,
+  placeholder: r,
+  value: o = "",
+  onChange: t,
+  required: a = !1,
+  disabled: l = !1,
+  error: i,
+  className: c,
+  rows: d = 4
+}) {
+  const [N, y] = W(!1), A = N || o.length > 0;
+  return /* @__PURE__ */ s.jsxs("div", { className: "relative w-full", children: [
+    e && /* @__PURE__ */ s.jsxs(
+      "label",
+      {
+        className: g(
+          "absolute left-3 top-2 text-gray-500 dark:text-gray-400 transition-all duration-200 pointer-events-none",
+          A ? "text-xs -translate-y-3 bg-white dark:bg-gray-900 px-1" : "text-sm translate-y-0"
+        ),
+        children: [
+          e,
+          a && /* @__PURE__ */ s.jsx("span", { className: "text-error-500 ml-0.5", children: "*" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ s.jsx(
+      "textarea",
+      {
+        rows: d,
+        placeholder: e ? void 0 : r,
+        value: o,
+        onChange: (R) => t?.(R.target.value),
+        onFocus: () => y(!0),
+        onBlur: () => y(!1),
+        disabled: l,
+        className: g(
+          "w-full rounded-md border border-gray-300 dark:border-gray-700 bg-transparent text-gray-900 dark:text-gray-100 px-3 py-2 outline-none transition-all resize-none",
+          "focus:border-primary-500 focus:ring-1 focus:ring-primary-500",
+          l && "opacity-50 cursor-not-allowed",
+          i && "border-error-500 focus:ring-error-500 focus:border-error-500",
+          e && "pt-5",
+          c
+        )
+      }
+    ),
+    i && /* @__PURE__ */ s.jsx("p", { className: "mt-1 text-sm text-error-500", children: i })
+  ] });
+}
+function xr({
+  id: e = Math.random().toString(36),
+  title: r,
+  description: o,
+  type: t = "info",
+  duration: a = 5e3,
+  position: l = "top-right",
+  onClose: i,
+  action: c
+}) {
+  const [d, N] = W(!1), [y, A] = W(!1);
+  de(() => {
+    const T = setTimeout(() => N(!0), 100);
+    if (a !== 1 / 0) {
+      const S = setTimeout(() => R(), a);
+      return () => {
+        clearTimeout(T), clearTimeout(S);
+      };
+    }
+    return () => clearTimeout(T);
+  }, [a]);
+  const R = () => {
+    A(!0), setTimeout(() => {
+      N(!1), i?.(e);
+    }, 300);
+  }, _ = () => {
+    c?.onClick(), R();
+  }, f = {
+    success: /* @__PURE__ */ s.jsx(yt, { className: "w-5 h-5" }),
+    error: /* @__PURE__ */ s.jsx(vt, { className: "w-5 h-5" }),
+    warning: /* @__PURE__ */ s.jsx(ht, { className: "w-5 h-5" }),
+    info: /* @__PURE__ */ s.jsx(Et, { className: "w-5 h-5" }),
+    loading: /* @__PURE__ */ s.jsx(At, { className: "w-5 h-5 animate-spin" })
+  }, k = {
+    success: "bg-success-50 border-success-200 text-success-800",
+    error: "bg-error-50 border-error-200 text-error-800",
+    warning: "bg-secondary-50 border-secondary-200 text-secondary-800",
+    info: "bg-info-50 border-info-200 text-info-800",
+    loading: "bg-gray-50 border-gray-200 text-gray-800"
+  }, h = {
+    success: "text-success-600",
+    error: "text-error-600",
+    warning: "text-secondary-600",
+    info: "text-info-600",
+    loading: "text-gray-600"
+  }, E = {
+    "top-right": "top-4 right-4",
+    "top-left": "top-4 left-4",
+    "bottom-right": "bottom-4 right-4",
+    "bottom-left": "bottom-4 left-4",
+    "top-center": "top-4 left-1/2 -translate-x-1/2",
+    "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
+  };
+  return d ? /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: g(
+        "fixed z-50 transform transition-all duration-300",
+        E[l],
+        y ? "opacity-0 scale-95" : "opacity-100 scale-100",
+        l.includes("top") && !y && "animate-slide-down",
+        l.includes("bottom") && !y && "animate-slide-up"
+      ),
+      children: /* @__PURE__ */ s.jsxs(
+        "div",
+        {
+          className: g(
+            "flex items-start gap-3 p-4 rounded-lg border shadow-lg max-w-sm",
+            "backdrop-blur-sm bg-white/95",
+            k[t]
+          ),
+          children: [
+            /* @__PURE__ */ s.jsx("div", { className: g("flex-shrink-0 mt-0.5", h[t]), children: f[t] }),
+            /* @__PURE__ */ s.jsxs("div", { className: "flex-1 min-w-0", children: [
+              /* @__PURE__ */ s.jsx("h4", { className: "font-semibold text-sm mb-1", children: r }),
+              o && /* @__PURE__ */ s.jsx("p", { className: "text-sm opacity-90", children: o }),
+              c && /* @__PURE__ */ s.jsx(
+                "button",
+                {
+                  onClick: _,
+                  className: "mt-2 text-sm font-medium underline underline-offset-2 hover:no-underline",
+                  children: c.label
+                }
+              )
+            ] }),
+            /* @__PURE__ */ s.jsx(
+              "button",
+              {
+                onClick: R,
+                className: "flex-shrink-0 p-1 rounded-full hover:bg-black/5 transition-colors",
+                children: /* @__PURE__ */ s.jsx(Ce, { className: "w-4 h-4" })
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) : null;
+}
+function Sr({
+  toasts: e,
+  onRemove: r,
+  position: o = "top-right"
+}) {
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: e?.map((t) => /* @__PURE__ */ s.jsx(xr, { ...t, onClose: r, position: o }, t?.id)) });
+}
+function zr({
+  content: e,
+  children: r,
+  position: o = "top",
+  delay: t = 200,
+  className: a
+}) {
+  const l = {
+    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+    bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+    left: "right-full top-1/2 -translate-y-1/2 mr-2",
+    right: "left-full top-1/2 -translate-y-1/2 ml-2"
+  }, i = {
+    top: "left-1/2 -translate-x-1/2 top-full",
+    bottom: "left-1/2 -translate-x-1/2 bottom-full",
+    left: "top-1/2 -translate-y-1/2 left-full",
+    right: "top-1/2 -translate-y-1/2 right-full"
+  };
+  return /* @__PURE__ */ s.jsxs("div", { className: "relative inline-block group", children: [
+    r,
+    /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        className: g(
+          "absolute z-50 whitespace-nowrap rounded-md bg-gray-800 text-white text-xs px-2 py-1 shadow-md dark:bg-gray-900",
+          "transition-all opacity-0 scale-95 group-hover:opacity-100 group-hover:scale-100",
+          "group-hover:delay-200 duration-200 ease-out",
+          l[o],
+          a
+        ),
+        style: { transitionDelay: `${t}ms` },
+        children: [
+          e,
+          /* @__PURE__ */ s.jsx(
+            "span",
+            {
+              className: g(
+                "absolute w-2 h-2 bg-gray-800 dark:bg-gray-900 rotate-45",
+                i[o]
+              )
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}
+export {
+  kr as Breadcrumb,
+  vr as Button,
+  wr as Collapse,
+  jr as InputMain,
+  Nr as MciTable,
+  _r as Modal,
+  Cr as Pagination,
+  br as Skeleton,
+  Rr as TabPanel,
+  Er as Tabs,
+  Ar as Tag,
+  Tr as Textarea,
+  Sr as ToastContainer,
+  zr as Tooltip
+};
+//# sourceMappingURL=index.es.js.map