@bobbykim/manguito-theme 1.0.1 → 1.1.0

package/dist/{index-CaGu958U.js → index-Ds9xkbnl.js}

@@ -1,29 +1,29 @@
-function m(t) {
-  var e, a, i = "";
-  if (typeof t == "string" || typeof t == "number") i += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var o = t.length;
-    for (e = 0; e < o; e++) t[e] && (a = m(t[e])) && (i && (i += " "), i += a);
-  } else for (a in t) t[a] && (i && (i += " "), i += a);
+function m(a) {
+  var e, t, i = "";
+  if (typeof a == "string" || typeof a == "number") i += a;
+  else if (typeof a == "object") if (Array.isArray(a)) {
+    var o = a.length;
+    for (e = 0; e < o; e++) a[e] && (t = m(a[e])) && (i && (i += " "), i += t);
+  } else for (t in a) a[t] && (i && (i += " "), i += t);
   return i;
 }
 function v() {
-  for (var t, e, a = 0, i = "", o = arguments.length; a < o; a++) (t = arguments[a]) && (e = m(t)) && (i && (i += " "), i += e);
+  for (var a, e, t = 0, i = "", o = arguments.length; t < o; t++) (a = arguments[t]) && (e = m(a)) && (i && (i += " "), i += e);
   return i;
 }
-const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r = (t, e) => (a) => {
+const h = (a) => typeof a == "boolean" ? `${a}` : a === 0 ? "0" : a, p = v, r = (a, e) => (t) => {
   var i;
-  if (e?.variants == null) return p(t, a?.class, a?.className);
+  if (e?.variants == null) return p(a, t?.class, t?.className);
   const { variants: o, defaultVariants: d } = e, k = Object.keys(o).map((n) => {
-    const l = a?.[n], g = d?.[n];
-    if (l === null) return null;
-    const s = h(l) || h(g);
-    return o[n][s];
-  }), b = a && Object.entries(a).reduce((n, l) => {
-    let [g, s] = l;
-    return s === void 0 || (n[g] = s), n;
-  }, {}), f = e == null || (i = e.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((n, l) => {
-    let { class: g, className: s, ...u } = l;
+    const s = t?.[n], g = d?.[n];
+    if (s === null) return null;
+    const l = h(s) || h(g);
+    return o[n][l];
+  }), b = t && Object.entries(t).reduce((n, s) => {
+    let [g, l] = s;
+    return l === void 0 || (n[g] = l), n;
+  }, {}), f = e == null || (i = e.compoundVariants) === null || i === void 0 ? void 0 : i.reduce((n, s) => {
+    let { class: g, className: l, ...u } = s;
     return Object.entries(u).every((y) => {
       let [x, c] = y;
       return Array.isArray(c) ? c.includes({
@@ -36,10 +36,10 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
     }) ? [
       ...n,
       g,
-      s
+      l
     ] : n;
   }, []);
-  return p(t, k, f, a?.class, a?.className);
+  return p(a, k, f, t?.class, t?.className);
 }, w = r("", {
   variants: {
     color: {
@@ -150,7 +150,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "after:bg-transparent"
     }
   }
-}), O = r("", {
+}), B = r("", {
   variants: {
     color: {
       primary: "active:bg-primary",
@@ -172,7 +172,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "active:bg-transparent"
     }
   }
-}), B = r("", {
+}), O = r("", {
   variants: {
     color: {
       primary: "text-primary",
@@ -349,6 +349,72 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
     }
   }
 }), X = r("", {
+  variants: {
+    color: {
+      primary: "peer-checked:bg-primary",
+      secondary: "peer-checked:bg-secondary",
+      success: "peer-checked:bg-success",
+      danger: "peer-checked:bg-danger",
+      info: "peer-checked:bg-info",
+      warning: "peer-checked:bg-warning",
+      "light-1": "peer-checked:bg-light-1",
+      "light-2": "peer-checked:bg-light-2",
+      "light-3": "peer-checked:bg-light-3",
+      "light-4": "peer-checked:bg-light-4",
+      "dark-1": "peer-checked:bg-dark-1",
+      "dark-2": "peer-checked:bg-dark-2",
+      "dark-3": "peer-checked:bg-dark-3",
+      "dark-4": "peer-checked:bg-dark-4",
+      black: "peer-checked:bg-black",
+      white: "peer-checked:bg-white",
+      transparent: "peer-checked:bg-transparent"
+    }
+  }
+}), Y = r("", {
+  variants: {
+    color: {
+      primary: "peer-focus-visible:ring-primary",
+      secondary: "peer-focus-visible:ring-secondary",
+      success: "peer-focus-visible:ring-success",
+      danger: "peer-focus-visible:ring-danger",
+      info: "peer-focus-visible:ring-info",
+      warning: "peer-focus-visible:ring-warning",
+      "light-1": "peer-focus-visible:ring-light-1",
+      "light-2": "peer-focus-visible:ring-light-2",
+      "light-3": "peer-focus-visible:ring-light-3",
+      "light-4": "peer-focus-visible:ring-light-4",
+      "dark-1": "peer-focus-visible:ring-dark-1",
+      "dark-2": "peer-focus-visible:ring-dark-2",
+      "dark-3": "peer-focus-visible:ring-dark-3",
+      "dark-4": "peer-focus-visible:ring-dark-4",
+      black: "peer-focus-visible:ring-black",
+      white: "peer-focus-visible:ring-white",
+      transparent: "peer-focus-visible:ring-transparent"
+    }
+  }
+}), j = r("", {
+  variants: {
+    color: {
+      primary: "focus-visible:ring-primary",
+      secondary: "focus-visible:ring-secondary",
+      success: "focus-visible:ring-success",
+      danger: "focus-visible:ring-danger",
+      info: "focus-visible:ring-info",
+      warning: "focus-visible:ring-warning",
+      "light-1": "focus-visible:ring-light-1",
+      "light-2": "focus-visible:ring-light-2",
+      "light-3": "focus-visible:ring-light-3",
+      "light-4": "focus-visible:ring-light-4",
+      "dark-1": "focus-visible:ring-dark-1",
+      "dark-2": "focus-visible:ring-dark-2",
+      "dark-3": "focus-visible:ring-dark-3",
+      "dark-4": "focus-visible:ring-dark-4",
+      black: "focus-visible:ring-black",
+      white: "focus-visible:ring-white",
+      transparent: "focus-visible:ring-transparent"
+    }
+  }
+}), F = r("", {
   variants: {
     color: {
       primary: "ring-offset-primary",
@@ -370,7 +436,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "ring-offset-transparent"
     }
   }
-}), Y = r("", {
+}), P = r("", {
   variants: {
     color: {
       primary: "mcl-outline-primary",
@@ -392,7 +458,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "mcl-outline-transparent"
     }
   }
-}), j = r("", {
+}), K = r("", {
   variants: {
     color: {
       primary: "focus:mcl-outline-primary",
@@ -414,7 +480,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "focus:mcl-outline-transparent"
     }
   }
-}), P = r("", {
+}), S = r("", {
   variants: {
     color: {
       primary: "active:mcl-outline-primary",
@@ -436,7 +502,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "active:mcl-outline-transparent"
     }
   }
-}), F = r("", {
+}), U = r("", {
   variants: {
     color: {
       primary: "btn-primary",
@@ -458,7 +524,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "btn-transparent"
     }
   }
-}), K = r("", {
+}), $ = r("", {
   variants: {
     color: {
       primary: "mcl-list-primary",
@@ -480,7 +546,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "mcl-list-transparent"
     }
   }
-}), S = r("", {
+}), q = r("", {
   variants: {
     color: {
       primary: "border-primary",
@@ -502,7 +568,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "border-transparent"
     }
   }
-}), U = r("", {
+}), D = r("", {
   variants: {
     color: {
       primary: "border-x-primary",
@@ -524,7 +590,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "border-x-transparent"
     }
   }
-}), $ = r("", {
+}), E = r("", {
   variants: {
     color: {
       primary: "border-y-primary",
@@ -546,7 +612,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "border-y-transparent"
     }
   }
-}), q = r("", {
+}), G = r("", {
   variants: {
     color: {
       primary: "border-t-primary",
@@ -568,7 +634,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "border-t-transparent"
     }
   }
-}), D = r("", {
+}), H = r("", {
   variants: {
     color: {
       primary: "border-b-primary",
@@ -590,7 +656,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "border-b-transparent"
     }
   }
-}), E = r("", {
+}), I = r("", {
   variants: {
     color: {
       primary: "border-l-primary",
@@ -612,7 +678,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "border-l-transparent"
     }
   }
-}), G = r("", {
+}), J = r("", {
   variants: {
     color: {
       primary: "border-r-primary",
@@ -634,7 +700,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       transparent: "border-r-transparent"
     }
   }
-}), H = r("", {
+}), Q = r("", {
   variants: {
     size: {
       xs: "text-xs",
@@ -644,7 +710,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       xl: "text-xl"
     }
   }
-}), I = r("", {
+}), Z = r("", {
   variants: {
     weight: {
       light: "font-light",
@@ -652,7 +718,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       bold: "font-bold"
     }
   }
-}), J = r("", {
+}), rr = r("", {
   variants: {
     align: {
       left: "text-left",
@@ -660,7 +726,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       right: "text-right"
     }
   }
-}), Q = r("", {
+}), ar = r("", {
   variants: {
     size: {
       sm: "h1-sm",
@@ -669,7 +735,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       xl: "h1-xl"
     }
   }
-}), Z = r("", {
+}), tr = r("", {
   variants: {
     size: {
       sm: "h2-sm",
@@ -678,7 +744,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       xl: "h2-xl"
     }
   }
-}), rr = r("", {
+}), ir = r("", {
   variants: {
     size: {
       sm: "h3-sm",
@@ -687,7 +753,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       xl: "h3-xl"
     }
   }
-}), tr = r("", {
+}), er = r("", {
   variants: {
     size: {
       sm: "h4-sm",
@@ -696,7 +762,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       xl: "h4-xl"
     }
   }
-}), ar = {
+}), nr = {
   1: "border-[1px]",
   2: "border-[2px]",
   3: "border-[3px]",
@@ -709,7 +775,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   10: "border-[10px]",
   11: "border-[11px]",
   12: "border-[12px]"
-}, ir = {
+}, or = {
   1: "border-x-[1px]",
   2: "border-x-[2px]",
   3: "border-x-[3px]",
@@ -722,7 +788,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   10: "border-x-[10px]",
   11: "border-x-[11px]",
   12: "border-x-[12px]"
-}, er = {
+}, sr = {
   1: "border-y-[1px]",
   2: "border-y-[2px]",
   3: "border-y-[3px]",
@@ -735,7 +801,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   10: "border-y-[10px]",
   11: "border-y-[11px]",
   12: "border-y-[12px]"
-}, nr = {
+}, lr = {
   1: "border-t-[1px]",
   2: "border-t-[2px]",
   3: "border-t-[3px]",
@@ -748,7 +814,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   10: "border-t-[10px]",
   11: "border-t-[11px]",
   12: "border-t-[12px]"
-}, or = {
+}, dr = {
   1: "border-b-[1px]",
   2: "border-b-[2px]",
   3: "border-b-[3px]",
@@ -761,7 +827,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   10: "border-b-[10px]",
   11: "border-b-[11px]",
   12: "border-b-[12px]"
-}, lr = {
+}, gr = {
   1: "border-l-[1px]",
   2: "border-l-[2px]",
   3: "border-l-[3px]",
@@ -774,7 +840,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   10: "border-l-[10px]",
   11: "border-l-[11px]",
   12: "border-l-[12px]"
-}, sr = {
+}, cr = {
   1: "border-r-[1px]",
   2: "border-r-[2px]",
   3: "border-r-[3px]",
@@ -787,7 +853,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   10: "border-r-[10px]",
   11: "border-r-[11px]",
   12: "border-r-[12px]"
-}, dr = (t) => ar[t.width] ?? "", gr = (t) => ir[t.width] ?? "", cr = (t) => er[t.width] ?? "", br = (t) => nr[t.width] ?? "", xr = (t) => or[t.width] ?? "", hr = (t) => lr[t.width] ?? "", pr = (t) => sr[t.width] ?? "", mr = {
+}, br = (a) => nr[a.width] ?? "", xr = (a) => or[a.width] ?? "", hr = (a) => sr[a.width] ?? "", pr = (a) => lr[a.width] ?? "", mr = (a) => dr[a.width] ?? "", kr = (a) => gr[a.width] ?? "", fr = (a) => cr[a.width] ?? "", ur = {
   10: "opacity-10",
   20: "opacity-20",
   30: "opacity-30",
@@ -798,7 +864,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   80: "opacity-80",
   90: "opacity-90",
   100: "opacity-100"
-}, kr = {
+}, yr = {
   10: "bg-opacity-10",
   20: "bg-opacity-20",
   30: "bg-opacity-30",
@@ -809,7 +875,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   80: "bg-opacity-80",
   90: "bg-opacity-90",
   100: "bg-opacity-100"
-}, fr = {
+}, vr = {
   10: "outline-opacity-10",
   20: "outline-opacity-20",
   30: "outline-opacity-30",
@@ -820,7 +886,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   80: "outline-opacity-80",
   90: "outline-opacity-90",
   100: "outline-opacity-100"
-}, ur = (t) => mr[t.opacity] ?? "", yr = (t) => kr[t.opacity] ?? "", vr = (t) => fr[t.opacity] ?? "", wr = r("", {
+}, wr = (a) => ur[a.opacity] ?? "", Vr = (a) => yr[a.opacity] ?? "", Cr = (a) => vr[a.opacity] ?? "", Wr = r("", {
   variants: {
     spacing: {
       0: "m-0",
@@ -835,7 +901,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "m-3xl"
     }
   }
-}), Vr = r("", {
+}), _r = r("", {
   variants: {
     spacing: {
       0: "mx-0",
@@ -850,7 +916,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "mx-3xl"
     }
   }
-}), Cr = r("", {
+}), Br = r("", {
   variants: {
     spacing: {
       0: "my-0",
@@ -865,7 +931,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "my-3xl"
     }
   }
-}), Wr = r("", {
+}), Or = r("", {
   variants: {
     spacing: {
       0: "mt-0",
@@ -880,7 +946,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "mt-3xl"
     }
   }
-}), _r = r("", {
+}), Mr = r("", {
   variants: {
     spacing: {
       0: "mb-0",
@@ -895,7 +961,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "mb-3xl"
     }
   }
-}), Or = r("", {
+}), Tr = r("", {
   variants: {
     spacing: {
       0: "ml-0",
@@ -910,7 +976,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "ml-3xl"
     }
   }
-}), Br = r("", {
+}), Rr = r("", {
   variants: {
     spacing: {
       0: "mr-0",
@@ -925,7 +991,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "mr-3xl"
     }
   }
-}), Mr = r("", {
+}), Nr = r("", {
   variants: {
     spacing: {
       0: "p-0",
@@ -940,7 +1006,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "p-3xl"
     }
   }
-}), Tr = r("", {
+}), zr = r("", {
   variants: {
     spacing: {
       0: "px-0",
@@ -955,7 +1021,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "px-3xl"
     }
   }
-}), Rr = r("", {
+}), Ar = r("", {
   variants: {
     spacing: {
       0: "py-0",
@@ -970,7 +1036,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "py-3xl"
     }
   }
-}), Nr = r("", {
+}), Lr = r("", {
   variants: {
     spacing: {
       0: "pt-0",
@@ -985,7 +1051,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "pt-3xl"
     }
   }
-}), zr = r("", {
+}), Xr = r("", {
   variants: {
     spacing: {
       0: "pb-0",
@@ -1000,7 +1066,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "pb-3xl"
     }
   }
-}), Ar = r("", {
+}), Yr = r("", {
   variants: {
     spacing: {
       0: "pl-0",
@@ -1015,7 +1081,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "pl-3xl"
     }
   }
-}), Lr = r("", {
+}), jr = r("", {
   variants: {
     spacing: {
       0: "pr-0",
@@ -1030,7 +1096,7 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "pr-3xl"
     }
   }
-}), Xr = r("", {
+}), Fr = r("", {
   variants: {
     spacing: {
       0: "gap-0",
@@ -1045,15 +1111,15 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
       "3xl": "gap-3xl"
     }
   }
-}), Yr = {
+}), Pr = {
   // color
   bgColorVariant: w,
   hoverBgColorVariant: V,
   focusBgColorVariant: C,
   beforeBgColorVariant: W,
   afterBgColorVariant: _,
-  activeBgColorVariant: O,
-  textColorVariant: B,
+  activeBgColorVariant: B,
+  textColorVariant: O,
   hoverTextColorVariant: M,
   focusTextColorVariant: T,
   disabledTextColorVariant: R,
@@ -1061,78 +1127,81 @@ const h = (t) => typeof t == "boolean" ? `${t}` : t === 0 ? "0" : t, p = v, r =
   ringColorVariant: z,
   focusRingColorVariant: A,
   activeRingColorVariant: L,
-  ringOffsetColorVariant: X,
-  outlineColorVariant: Y,
-  focusOutlineColorVariant: j,
-  activeOutlineColorVariant: P,
-  btnColorVariant: F,
-  listColorVariant: K,
-  borderColorVariant: S,
-  borderXColorVariant: U,
-  borderYColorVariant: $,
-  borderTopColorVariant: q,
-  borderBottomColorVariant: D,
-  borderLeftColorVariant: E,
-  borderRightColorVariant: G,
+  peerCheckedBgColorVariant: X,
+  peerFocusVisibleRingColorVariant: Y,
+  focusVisibleRingColorVariant: j,
+  ringOffsetColorVariant: F,
+  outlineColorVariant: P,
+  focusOutlineColorVariant: K,
+  activeOutlineColorVariant: S,
+  btnColorVariant: U,
+  listColorVariant: $,
+  borderColorVariant: q,
+  borderXColorVariant: D,
+  borderYColorVariant: E,
+  borderTopColorVariant: G,
+  borderBottomColorVariant: H,
+  borderLeftColorVariant: I,
+  borderRightColorVariant: J,
   // typography
-  bodyTextVariant: H,
-  fontWeightVariant: I,
-  textAlignVariant: J,
-  h1Variant: Q,
-  h2Variant: Z,
-  h3Variant: rr,
-  h4Variant: tr,
+  bodyTextVariant: Q,
+  fontWeightVariant: Z,
+  textAlignVariant: rr,
+  h1Variant: ar,
+  h2Variant: tr,
+  h3Variant: ir,
+  h4Variant: er,
   // border width
-  borderWidthVariant: dr,
-  borderXWidthVariant: gr,
-  borderYWidthVariant: cr,
-  borderTopWidthVariant: br,
-  borderBottomWidthVariant: xr,
-  borderLeftWidthVariant: hr,
-  borderRightWidthVariant: pr,
+  borderWidthVariant: br,
+  borderXWidthVariant: xr,
+  borderYWidthVariant: hr,
+  borderTopWidthVariant: pr,
+  borderBottomWidthVariant: mr,
+  borderLeftWidthVariant: kr,
+  borderRightWidthVariant: fr,
   // opacity
-  opacityVariant: ur,
-  bgOpacityVariant: yr,
-  outlineOpacityVariant: vr,
+  opacityVariant: wr,
+  bgOpacityVariant: Vr,
+  outlineOpacityVariant: Cr,
   // spacing
-  marginVariant: wr,
-  marginXVariant: Vr,
-  marginYVariant: Cr,
-  marginTopVariant: Wr,
-  marginBottomVariant: _r,
-  marginLeftVariant: Or,
-  marginRightVariant: Br,
-  paddingVariant: Mr,
-  paddingXVariant: Tr,
-  paddingYVariant: Rr,
-  paddingTopVariant: Nr,
-  paddingBottomVariant: zr,
-  paddingLeftVariant: Ar,
-  paddingRightVariant: Lr,
-  gapVariant: Xr
+  marginVariant: Wr,
+  marginXVariant: _r,
+  marginYVariant: Br,
+  marginTopVariant: Or,
+  marginBottomVariant: Mr,
+  marginLeftVariant: Tr,
+  marginRightVariant: Rr,
+  paddingVariant: Nr,
+  paddingXVariant: zr,
+  paddingYVariant: Ar,
+  paddingTopVariant: Lr,
+  paddingBottomVariant: Xr,
+  paddingLeftVariant: Yr,
+  paddingRightVariant: jr,
+  gapVariant: Fr
 };
 export {
-  B as $,
-  J as A,
-  I as B,
-  H as C,
-  tr as D,
-  rr as E,
-  Z as F,
-  Q as G,
-  G as H,
-  E as I,
-  D as J,
-  q as K,
-  $ as L,
-  U as M,
-  S as N,
-  K as O,
-  F as P,
-  P as Q,
-  j as R,
-  Y as S,
-  X as T,
+  O as $,
+  rr as A,
+  Z as B,
+  Q as C,
+  er as D,
+  ir as E,
+  tr as F,
+  ar as G,
+  J as H,
+  I,
+  H as J,
+  G as K,
+  E as L,
+  D as M,
+  q as N,
+  $ as O,
+  U as P,
+  S as Q,
+  K as R,
+  P as S,
+  F as T,
   L as U,
   A as V,
   z as W,
@@ -1140,36 +1209,36 @@ export {
   R as Y,
   T as Z,
   M as _,
-  Xr as a,
-  O as a0,
+  Fr as a,
+  B as a0,
   _ as a1,
   W as a2,
   C as a3,
   V as a4,
   w as a5,
-  Ar as b,
-  zr as c,
-  Nr as d,
-  Rr as e,
-  Tr as f,
-  Yr as g,
-  Mr as h,
-  Or as i,
-  _r as j,
-  Wr as k,
-  Cr as l,
-  Br as m,
-  Vr as n,
-  wr as o,
-  Lr as p,
-  vr as q,
-  yr as r,
-  ur as s,
-  pr as t,
-  hr as u,
-  xr as v,
-  br as w,
-  cr as x,
-  gr as y,
-  dr as z
+  Yr as b,
+  Xr as c,
+  Lr as d,
+  Ar as e,
+  zr as f,
+  Pr as g,
+  Nr as h,
+  Tr as i,
+  Mr as j,
+  Or as k,
+  Br as l,
+  Rr as m,
+  _r as n,
+  Wr as o,
+  jr as p,
+  Cr as q,
+  Vr as r,
+  wr as s,
+  fr as t,
+  kr as u,
+  mr as v,
+  pr as w,
+  hr as x,
+  xr as y,
+  br as z
 };