welcome-ui 7.3.0 → 8.0.0-alpha.0

package/dist/theme.mjs

@@ -1,102 +1,102 @@
 "use client";
-import { css as v, rpxTransformers as A, defaultTheme as E } from "@xstyled/styled-components";
-import { g as _ } from "./_commonjsHelpers-CXJ7dpIk.mjs";
-import { h as p } from "./hex-to-rgba-BIDK-3ab.mjs";
-function R(e) {
+import { css as w, rpxTransformers as E, defaultTheme as b } from "@xstyled/styled-components";
+import { g as R } from "./_commonjsHelpers-CXJ7dpIk.mjs";
+import { h as f } from "./hex-to-rgba-BIDK-3ab.mjs";
+function _(e) {
   return e != null && typeof e == "object" && e["@@functional/placeholder"] === !0;
 }
-var F = R, L = F;
+var v = _, L = v;
 function I(e) {
   return function r(o) {
     return arguments.length === 0 || L(o) ? r : e.apply(this, arguments);
   };
 }
-var W = I, y = W, h = F;
+var S = I, F = S, p = v;
 function H(e) {
   return function r(o, n) {
     switch (arguments.length) {
       case 0:
         return r;
       case 1:
-        return h(o) ? r : y(function(a) {
+        return p(o) ? r : F(function(a) {
           return e(o, a);
         });
       default:
-        return h(o) && h(n) ? r : h(o) ? y(function(a) {
+        return p(o) && p(n) ? r : p(o) ? F(function(a) {
           return e(a, n);
-        }) : h(n) ? y(function(a) {
+        }) : p(n) ? F(function(a) {
           return e(o, a);
         }) : e(o, n);
     }
   };
 }
-var S = H, f = W, m = S, c = F;
+var T = H, x = S, h = T, g = v;
 function U(e) {
   return function r(o, n, a) {
     switch (arguments.length) {
       case 0:
         return r;
       case 1:
-        return c(o) ? r : m(function(l, d) {
-          return e(o, l, d);
+        return g(o) ? r : h(function(i, d) {
+          return e(o, i, d);
         });
       case 2:
-        return c(o) && c(n) ? r : c(o) ? m(function(l, d) {
-          return e(l, n, d);
-        }) : c(n) ? m(function(l, d) {
-          return e(o, l, d);
-        }) : f(function(l) {
-          return e(o, n, l);
+        return g(o) && g(n) ? r : g(o) ? h(function(i, d) {
+          return e(i, n, d);
+        }) : g(n) ? h(function(i, d) {
+          return e(o, i, d);
+        }) : x(function(i) {
+          return e(o, n, i);
         });
       default:
-        return c(o) && c(n) && c(a) ? r : c(o) && c(n) ? m(function(l, d) {
-          return e(l, d, a);
-        }) : c(o) && c(a) ? m(function(l, d) {
-          return e(l, n, d);
-        }) : c(n) && c(a) ? m(function(l, d) {
-          return e(o, l, d);
-        }) : c(o) ? f(function(l) {
-          return e(l, n, a);
-        }) : c(n) ? f(function(l) {
-          return e(o, l, a);
-        }) : c(a) ? f(function(l) {
-          return e(o, n, l);
+        return g(o) && g(n) && g(a) ? r : g(o) && g(n) ? h(function(i, d) {
+          return e(i, d, a);
+        }) : g(o) && g(a) ? h(function(i, d) {
+          return e(i, n, d);
+        }) : g(n) && g(a) ? h(function(i, d) {
+          return e(o, i, d);
+        }) : g(o) ? x(function(i) {
+          return e(i, n, a);
+        }) : g(n) ? x(function(i) {
+          return e(o, i, a);
+        }) : g(a) ? x(function(i) {
+          return e(o, n, i);
         }) : e(o, n, a);
     }
   };
 }
-var T = U;
+var D = U;
 function O(e) {
   return Object.prototype.toString.call(e) === "[object Object]";
 }
 var N = O;
-function j(e, r) {
+function P(e, r) {
   return Object.prototype.hasOwnProperty.call(r, e);
 }
-var P = j, G = T, x = P, M = /* @__PURE__ */ G(function(r, o, n) {
-  var a = {}, l;
+var j = P, G = D, C = j, M = /* @__PURE__ */ G(function(r, o, n) {
+  var a = {}, i;
   o = o || {}, n = n || {};
-  for (l in o)
-    x(l, o) && (a[l] = x(l, n) ? r(l, o[l], n[l]) : o[l]);
-  for (l in n)
-    x(l, n) && !x(l, a) && (a[l] = n[l]);
+  for (i in o)
+    C(i, o) && (a[i] = C(i, n) ? r(i, o[i], n[i]) : o[i]);
+  for (i in n)
+    C(i, n) && !C(i, a) && (a[i] = n[i]);
   return a;
-}), K = M, Y = T, w = N, J = K, X = /* @__PURE__ */ Y(function e(r, o, n) {
-  return J(function(a, l, d) {
-    return w(l) && w(d) ? e(r, l, d) : r(a, l, d);
+}), K = M, Y = D, $ = N, J = K, X = /* @__PURE__ */ Y(function e(r, o, n) {
+  return J(function(a, i, d) {
+    return $(i) && $(d) ? e(r, i, d) : r(a, i, d);
   }, o, n);
-}), Z = X, q = S, Q = Z, V = /* @__PURE__ */ q(function(r, o) {
-  return Q(function(n, a, l) {
-    return l;
+}), Z = X, q = T, Q = Z, V = /* @__PURE__ */ q(function(r, o) {
+  return Q(function(n, a, i) {
+    return i;
   }, r, o);
 }), rr = V;
-const $ = /* @__PURE__ */ _(rr), or = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, radii: a, space: l, texts: d, transitions: i } = e;
+const W = /* @__PURE__ */ R(rr), or = (e) => {
+  const { borderWidths: r, colors: o, fontSizes: n, radii: a, space: i, texts: d, transitions: l } = e;
   return {
-    padding: l.lg,
+    padding: i.lg,
     wrapper: {
       backgroundColor: o["neutral-10"],
-      transition: i.medium,
+      transition: l.medium,
       border: `${r.sm} solid ${o["neutral-30"]}`,
       borderRadius: a.md
     },
@@ -109,7 +109,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     title: d.h5
   };
 }, er = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, radii: l, space: d } = e, i = (s) => ({
+  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, radii: i, space: d } = e, l = (s) => ({
     backgroundColor: o[`${s}-10`],
     borderColor: o[`${s}-10`],
     color: o[`${s}-90`]
@@ -118,7 +118,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     default: {
       backgroundColor: o["neutral-10"],
       borderColor: o["neutral-30"],
-      borderRadius: l.lg,
+      borderRadius: i.lg,
       borderStyle: "solid",
       borderWidth: r.sm,
       color: o["neutral-80"],
@@ -138,10 +138,10 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
         }
       }
     },
-    danger: i("red"),
-    warning: i("orange"),
-    info: i("blue"),
-    success: i("green"),
+    danger: l("red"),
+    warning: l("orange"),
+    info: l("blue"),
+    success: l("green"),
     beige: {
       backgroundColor: o["beige-20"],
       borderColor: o["beige-20"],
@@ -177,7 +177,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     }
   };
 }, nr = (e) => {
-  const { colors: r, fontWeights: o, space: n, texts: a, toRem: l } = e;
+  const { colors: r, fontWeights: o, space: n, texts: a, toRem: i } = e;
   return {
     default: {
       ...a.xs,
@@ -206,13 +206,13 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     sizes: {
       sm: {
         padding: n.xxs,
-        height: l(16),
-        borderRadius: l(14)
+        height: i(16),
+        borderRadius: i(14)
       },
       md: {
         padding: n.xs,
-        height: l(20),
-        borderRadius: l(14)
+        height: i(20),
+        borderRadius: i(14)
       }
     }
   };
@@ -240,8 +240,8 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       color: r["neutral-50"]
     }
   };
-}, lr = (e) => {
-  const { colors: r, focus: o, fontWeights: n, radii: a, space: l, texts: d, toRem: i } = e, s = {
+}, ir = (e) => {
+  const { colors: r, focus: o, fontWeights: n, radii: a, space: i, texts: d, toRem: l } = e, s = {
     ...d.xs,
     color: r["neutral-10"],
     fontWeight: n.bold,
@@ -316,10 +316,10 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
         borderColor: "transparent"
       },
       tertiary: {
-        backgroundColor: p(r["neutral-90"], 0.1)
+        backgroundColor: f(r["neutral-90"], 0.1)
       },
       ghost: {
-        backgroundColor: p(r["neutral-90"], 0.1)
+        backgroundColor: f(r["neutral-90"], 0.1)
       },
       danger: {
         primary: {
@@ -372,10 +372,10 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
         borderColor: r["neutral-50"]
       },
       tertiary: {
-        backgroundColor: p(r["neutral-90"], 0.4)
+        backgroundColor: f(r["neutral-90"], 0.4)
       },
       ghost: {
-        backgroundColor: p(r["neutral-90"], 0.4)
+        backgroundColor: f(r["neutral-90"], 0.4)
       },
       danger: {
         primary: {
@@ -411,42 +411,42 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     },
     sizes: {
       xs: {
-        height: i(24),
-        padding: `${l.xs} ${l.sm}`
+        height: l(24),
+        padding: `${i.xs} ${i.sm}`
       },
       sm: {
-        height: i(32),
-        padding: `${l.sm} ${l.md}`
+        height: l(32),
+        padding: `${i.sm} ${i.md}`
       },
       md: {
         ...d.sm,
         fontWeight: n.bold,
-        height: i(40),
-        padding: `${l.sm} ${l.lg}`
+        height: l(40),
+        padding: `${i.sm} ${i.lg}`
       },
       lg: {
         ...d.sm,
         fontWeight: n.bold,
-        height: i(48),
-        padding: `${l.md} ${l.xl}`
+        height: l(48),
+        padding: `${i.md} ${i.xl}`
       }
     },
     icon: {
       only: {
-        xs: i(16),
-        sm: i(16),
-        md: i(16),
-        lg: i(24)
+        xs: l(16),
+        sm: l(16),
+        md: l(16),
+        lg: l(24)
       },
       default: {
-        xs: i(12),
-        sm: i(16),
-        md: i(16),
-        lg: i(16)
+        xs: l(12),
+        sm: l(16),
+        md: l(16),
+        lg: l(16)
       }
     }
   };
-}, ir = (e) => {
+}, lr = (e) => {
   const { borderWidths: r, colors: o } = e;
   return {
     default: {
@@ -490,7 +490,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       borderColor: r["primary-40"]
     }
   };
-}, cr = (e) => {
+}, gr = (e) => {
   const { colors: r, space: o, toRem: n } = e;
   return {
     backdrop: {
@@ -526,8 +526,8 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       }
     }
   };
-}, gr = (e) => {
-  const { colors: r, fontSizes: o, radii: n, toRem: a } = e, l = r["beige-30"];
+}, cr = (e) => {
+  const { colors: r, fontSizes: o, radii: n, toRem: a } = e, i = r["beige-30"];
   return {
     inner: {
       fontSize: o.sm,
@@ -552,7 +552,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       }
     },
     separator: {
-      backgroundColor: l
+      backgroundColor: i
     }
   };
 }, ur = (e) => {
@@ -593,12 +593,12 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     fontWeight: n.medium
   };
 }, hr = (e) => {
-  const { colors: r, fontWeights: o, icons: n, space: a, transitions: l } = e;
+  const { colors: r, fontWeights: o, icons: n, space: a, transitions: i } = e;
   return {
     default: {
       color: r["neutral-90"],
       fontWeight: o.medium,
-      transition: l.medium
+      transition: i.medium
     },
     withExternalLink: {
       backgroundSize: `calc(100% - ${n.sm} - ${a.sm}) 50%`
@@ -701,11 +701,11 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     cover: {}
   };
 }, Cr = (e) => {
-  const { colors: r, focus: o, fontSizes: n, fontWeights: a, toRem: l } = e;
+  const { colors: r, focus: o, fontSizes: n, fontWeights: a, toRem: i } = e;
   return {
     default: {
-      width: l(32),
-      height: l(32),
+      width: i(32),
+      height: i(32),
       color: r["neutral-90"],
       fontWeight: a.bold,
       fontSize: n.xs
@@ -729,13 +729,13 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     }
   };
 }, kr = (e) => {
-  const { borderWidths: r, colors: o, space: n, texts: a, toRem: l } = e;
+  const { borderWidths: r, colors: o, space: n, texts: a, toRem: i } = e;
   return {
     default: {
       ...a.sm,
       backgroundColor: o["neutral-90"],
       color: o["neutral-10"],
-      maxWidth: l(700),
+      maxWidth: i(700),
       zIndex: 1
     },
     content: {
@@ -874,7 +874,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     }
   };
 }, Wr = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, lineHeights: l, space: d } = e;
+  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, lineHeights: i, space: d } = e;
   return {
     tabsBorder: {
       horizontal: {
@@ -889,7 +889,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
         color: o["neutral-70"],
         fontWeight: a.medium,
         textDecoration: "none",
-        lineHeight: l.md
+        lineHeight: i.md
       },
       active: {
         color: o["neutral-90"]
@@ -941,7 +941,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     }
   };
 }, Sr = (e) => {
-  const { colors: r, fontSizes: o, fontWeights: n, radii: a, space: l, toRem: d } = e, i = {
+  const { colors: r, fontSizes: o, fontWeights: n, radii: a, space: i, toRem: d } = e, l = {
     xs: d(20),
     sm: d(24),
     md: d(32)
@@ -950,10 +950,10 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     color: r[`${u}-90`]
   }), t = (u) => ({
     backgroundColor: r[`${u}-20`]
-  }), g = (u) => ({
+  }), c = (u) => ({
     backgroundColor: r[`${u}-${u === "green" ? "30" : "40"}`],
     color: r["neutral-90"]
-  }), b = (u) => ({
+  }), m = (u) => ({
     backgroundColor: r[`${u}-${u === "green" ? "40" : "50"}`]
   });
   return {
@@ -974,12 +974,12 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       danger: s("red"),
       warning: s("orange"),
       info: s("blue"),
-      teal: g("teal"),
-      blue: g("blue"),
-      orange: g("orange"),
-      pink: g("pink"),
-      green: g("green"),
-      violet: g("violet"),
+      teal: c("teal"),
+      blue: c("blue"),
+      orange: c("orange"),
+      pink: c("pink"),
+      green: c("green"),
+      violet: c("violet"),
       ai: {
         backgroundColor: r["violet-20"],
         color: r["violet-90"]
@@ -996,35 +996,35 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       danger: t("red"),
       warning: t("orange"),
       info: t("blue"),
-      teal: b("teal"),
-      blue: b("blue"),
-      orange: b("orange"),
-      pink: b("pink"),
-      green: b("green"),
-      violet: b("violet"),
+      teal: m("teal"),
+      blue: m("blue"),
+      orange: m("orange"),
+      pink: m("pink"),
+      green: m("green"),
+      violet: m("violet"),
       ai: {
         backgroundColor: r["violet-30"]
       }
     },
     sizes: {
       xs: {
-        padding: `${l.xxs} ${l.xs}`,
-        height: i.xs,
+        padding: `${i.xxs} ${i.xs}`,
+        height: l.xs,
         fontSize: o.xs,
-        gap: l.xs,
+        gap: i.xs,
         borderRadius: a.sm
       },
       sm: {
-        padding: `${l.xs} ${l.sm}`,
-        height: i.sm,
+        padding: `${i.xs} ${i.sm}`,
+        height: l.sm,
         fontSize: o.xs,
-        gap: l.xs
+        gap: i.xs
       },
       md: {
-        padding: `${l.xs} ${l.sm}`,
-        height: i.md,
+        padding: `${i.xs} ${i.sm}`,
+        height: l.md,
         fontSize: o.sm,
-        gap: l.sm
+        gap: i.sm
       }
     },
     icon: {
@@ -1034,16 +1034,16 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     },
     shape: {
       xs: {
-        width: i.xs,
-        height: i.xs
+        width: l.xs,
+        height: l.xs
       },
       sm: {
-        width: i.sm,
-        height: i.sm
+        width: l.sm,
+        height: l.sm
       },
       md: {
-        width: i.md,
-        height: i.md
+        width: l.md,
+        height: l.md
       }
     }
   };
@@ -1127,7 +1127,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     "subtitle-sm": r.medium,
     xs: r.regular
   };
-}, _r = (e) => {
+}, Rr = (e) => {
   const { fonts: r } = e;
   return {
     h0: r.headings,
@@ -1140,7 +1140,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     "subtitle-md": r.headings,
     "subtitle-sm": r.headings
   };
-}, Rr = () => ({
+}, _r = () => ({
   "subtitle-md": "uppercase",
   "subtitle-sm": "uppercase"
 }), Lr = (e) => {
@@ -1154,26 +1154,26 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     h5: r["neutral-90"],
     h6: r["neutral-90"]
   };
-}, D = (e) => {
+}, z = (e) => {
   const {
     fontSizes: r,
     letterSpacings: o,
     lineHeights: n,
     textsFontColors: a,
-    textsFontFamily: l,
+    textsFontFamily: i,
     textsFontWeights: d,
-    textsTextTransform: i
+    textsTextTransform: l
   } = e;
   return Object.keys(r).reduce((s, t) => ({
     ...s,
     [t]: {
       color: a[t],
-      fontFamily: l[t] || void 0,
+      fontFamily: i[t] || void 0,
       fontWeight: d[t],
       fontSize: r[t],
       lineHeight: n[t] || n.lg,
       letterSpacing: o[t] || void 0,
-      textTransform: i[t] || void 0
+      textTransform: l[t] || void 0
     }
   }), {});
 }, Ir = (e, r, o) => ({
@@ -1181,21 +1181,21 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
   headings: [r, "sans-serif"].join(", "),
   icons: o
 }), Hr = (e) => {
-  const { borderWidths: r, colors: o, fontWeights: n, radii: a, space: l } = e;
+  const { borderWidths: r, colors: o, fontWeights: n, radii: a, space: i } = e;
   return {
     default: {
-      paddingLeft: l.sm,
-      paddingRight: l.sm
+      paddingLeft: i.sm,
+      paddingRight: i.sm
     },
     top: {
-      paddingTop: l.lg
+      paddingTop: i.lg
     },
     bottom: {
-      paddingBottom: l.lg
+      paddingBottom: i.lg
     },
     growls: {
       default: {
-        ...D(e).sm,
+        ...z(e).sm,
         borderWidth: r.sm,
         borderStyle: "solid",
         borderRadius: a.lg,
@@ -1336,20 +1336,20 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       }
     }
   };
-}, jr = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, radii: l, space: d, toRem: i } = e;
+}, Pr = (e) => {
+  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, radii: i, space: d, toRem: l } = e;
   return {
-    maxWidth: i(200),
+    maxWidth: l(200),
     backgroundColor: o["neutral-90"],
     color: o["neutral-10"],
     padding: `${d.xs} ${d.sm}`,
     fontSize: n.sm,
     fontWeight: a.medium,
     border: `${r.sm} solid ${o["neutral-60"]}`,
-    borderRadius: l.md,
+    borderRadius: i.md,
     boxSizing: "border-box"
   };
-}, Pr = (e) => {
+}, jr = (e) => {
   const { colors: r } = e;
   return {
     default: {
@@ -1477,7 +1477,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
   "yellow-70": "#846A01",
   "yellow-80": "#604D00",
   "yellow-90": "#423500"
-}, z = (e) => ({
+}, B = (e) => ({
   ...e,
   "primary-10": e["yellow-10"],
   "primary-20": e["yellow-20"],
@@ -1495,16 +1495,16 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
   "secondary-teal": e["teal-40"],
   "secondary-violet": e["violet-40"],
   overlay: "rgba(0, 0, 0, 0.55)"
-}), k = z(Gr), Mr = Object.keys(k).reduce((e, r) => {
+}), y = B(Gr), Mr = Object.keys(y).reduce((e, r) => {
   if (r.startsWith("secondary-") || r === "overlay") return e;
   const o = 100 - Number(r.slice(-2)), n = r.slice(0, r.length - 2);
   return {
     ...e,
-    [r]: k[`${n}${o}`]
+    [r]: y[`${n}${o}`]
   };
 }, {}), Kr = {
-  ...k,
-  ...z(Mr)
+  ...y,
+  ...B(Mr)
 }, po = {
   colors: Kr
 }, Yr = "f19d0de47a5f6f7446d37111f075c0901835bf12", Jr = (e) => ({
@@ -1551,16 +1551,16 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       weight: "100 1000"
     }
   ]
-}), C = {
+}), k = {
   primary: "ease",
   secondary: "linear",
   tertiary: "cubic-bezier(0.41, 0.094, 0.54, 0.07)"
 }, Xr = {
-  slow: `500ms ${C.tertiary}`,
-  medium: `300ms ${C.primary}`,
-  fast: `100ms ${C.secondary}`
+  slow: `500ms ${k.tertiary}`,
+  medium: `300ms ${k.primary}`,
+  fast: `100ms ${k.secondary}`
 }, Zr = ({ colors: e }) => ({
-  default: v`
+  default: w`
       background-image: linear-gradient(
         0deg,
         ${e["primary-40"]},
@@ -1574,7 +1574,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
         background-size 250ms,
         color 250ms;
     `,
-  hover: v`
+  hover: w`
       opacity: 1;
       background-position-y: 100%;
       background-size: 100% 100%;
@@ -1627,14 +1627,14 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
   }
   return r;
 }, no = (e) => {
-  const { borderWidths: r, colors: o, focus: n, fontSizes: a, fontWeights: l, radii: d, space: i, toRem: s } = e;
+  const { borderWidths: r, colors: o, focus: n, fontSizes: a, fontWeights: i, radii: d, space: l, toRem: s } = e;
   return {
     default: {
       color: o["neutral-90"],
       fontSize: a.sm,
       /* Can't use 16 because that's a valid line-height value (16em) */
       lineHeight: "1rem",
-      fontWeight: l.regular,
+      fontWeight: i.regular,
       backgroundColor: o["neutral-10"],
       borderColor: o["neutral-30"],
       borderWidth: r.sm,
@@ -1673,31 +1673,31 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
     sizes: {
       xs: {
         height: s(24),
-        paddingTop: i.xs,
-        paddingRight: i.sm,
-        paddingBottom: i.xs,
-        paddingLeft: i.sm
+        paddingTop: l.xs,
+        paddingRight: l.sm,
+        paddingBottom: l.xs,
+        paddingLeft: l.sm
       },
       sm: {
         height: s(32),
-        paddingTop: i.sm,
-        paddingRight: i.md,
-        paddingBottom: i.sm,
-        paddingLeft: i.md
+        paddingTop: l.sm,
+        paddingRight: l.md,
+        paddingBottom: l.sm,
+        paddingLeft: l.md
       },
       md: {
         height: s(40),
-        paddingTop: i.md,
-        paddingRight: i.md,
-        paddingBottom: i.md,
-        paddingLeft: i.md
+        paddingTop: l.md,
+        paddingRight: l.md,
+        paddingBottom: l.md,
+        paddingLeft: l.md
       },
       lg: {
         height: s(48),
-        paddingTop: i.lg,
-        paddingRight: i.md,
-        paddingBottom: i.lg,
-        paddingLeft: i.md
+        paddingTop: l.lg,
+        paddingRight: l.md,
+        paddingBottom: l.lg,
+        paddingLeft: l.md
       }
     },
     iconPlacement: {
@@ -1760,7 +1760,7 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       },
       selected: {
         color: o["neutral-90"],
-        fontWeight: l.bold
+        fontWeight: i.bold
       },
       disabled: {
         color: o["beige-60"],
@@ -1771,19 +1771,19 @@ const $ = /* @__PURE__ */ _(rr), or = (e) => {
       "border-width": "0"
     }
   };
-}, ao = "work-sans", lo = 16, io = "-0.019rem", so = 1.15, co = "https://cdn.welcome-ui.com/fonts", go = "welcome-font", uo = "welcome-icon-font", fo = (e = {}) => {
+}, ao = "work-sans", io = 16, lo = "-0.019rem", so = 1.15, go = "https://cdn.welcome-ui.com/fonts", co = "welcome-font", uo = "welcome-icon-font", fo = (e = {}) => {
   const {
     defaultFontFamily: r = ao,
-    defaultFontSize: o = lo,
-    defaultLetterSpacing: n = io,
+    defaultFontSize: o = io,
+    defaultLetterSpacing: n = lo,
     defaultLineHeight: a = so,
-    fontsUrl: l = co,
-    headingFontFamily: d = go,
-    iconFontFamily: i = uo,
+    fontsUrl: i = go,
+    headingFontFamily: d = co,
+    iconFontFamily: l = uo,
     ...s
   } = e;
   let t = {};
-  return t.transformers = { ...A }, t.toEm = (g) => `${g / o}em`, t.toRem = (g) => `${g / o}rem`, t.toPx = (g) => `${g * o}px`, t.colors = k, t.fontsUrl = l, t.fontFaces = Jr(t), t.fontSizes = Dr("rem", t), t.defaultLineHeight = a, t.defaultLetterSpacing = n, t.lineHeights = zr(t), t.fontWeights = Br, t.letterSpacings = Ar(t), t.fonts = Ir(r, d, i), t.borderWidths = Qr, t.screens = Vr, t.space = oo(t), t.inset = t.space, t.radii = qr(t), t.transitions = Xr, t.timingFunction = C, t.shadows = ro, t = $(t, s), t.selection = eo(t), t.underline = Zr(t), t.focus = to(t), t.textsFontWeights = Er(t), t.textsFontFamily = _r(t), t.textsFontColors = Lr(t), t.textsTextTransform = Rr(), t.texts = D(t), t.defaultFields = no(t), t.icons = fr(t), t.accordions = or(t), t.alerts = er(t), t.avatars = tr(t), t.badges = nr(t), t.breadcrumbs = ar(t), t.buttons = lr(t), t.cards = ir(t), t.checkboxes = sr(t), t.dateTimePickerCommon = dr(t), t.drawers = cr(t), t.dropdownMenu = gr(t), t.fileDrops = ur(t), t.hints = br(t), t.labels = mr(t), t.links = hr(t), t.loaders = pr(t), t.modals = xr(t), t.paginations = Cr(t), t.popovers = kr(t), t.radios = yr(t), t.radiosTab = Fr(t), t.sliders = vr(t), t.swipers = wr(t), t.tables = $r(t), t.tabs = Wr(t), t.tags = Sr(t), t.textareas = Tr(t), t.toasts = Hr(t), t.toggles = Nr(t), t.tooltips = jr(t), t.variantIcon = Pr(t), t.states = E.states, t = $(t, s), t;
+  return t.transformers = { ...E }, t.toEm = (c) => `${c / o}em`, t.toRem = (c) => `${c / o}rem`, t.toPx = (c) => `${c * o}px`, t.colors = y, t.fontsUrl = i, t.fontFaces = Jr(t), t.fontSizes = Dr("rem", t), t.defaultLineHeight = a, t.defaultLetterSpacing = n, t.lineHeights = zr(t), t.fontWeights = Br, t.letterSpacings = Ar(t), t.fonts = Ir(r, d, l), t.borderWidths = Qr, t.screens = Vr, t.space = oo(t), t.inset = t.space, t.radii = qr(t), t.transitions = Xr, t.timingFunction = k, t.shadows = ro, t = W(t, s), t.selection = eo(t), t.underline = Zr(t), t.focus = to(t), t.textsFontWeights = Er(t), t.textsFontFamily = Rr(t), t.textsFontColors = Lr(t), t.textsTextTransform = _r(), t.texts = z(t), t.defaultFields = no(t), t.icons = fr(t), t.accordions = or(t), t.alerts = er(t), t.avatars = tr(t), t.badges = nr(t), t.breadcrumbs = ar(t), t.buttons = ir(t), t.cards = lr(t), t.checkboxes = sr(t), t.dateTimePickerCommon = dr(t), t.drawers = gr(t), t.dropdownMenu = cr(t), t.fileDrops = ur(t), t.hints = br(t), t.labels = mr(t), t.links = hr(t), t.loaders = pr(t), t.modals = xr(t), t.paginations = Cr(t), t.popovers = kr(t), t.radios = yr(t), t.radiosTab = Fr(t), t.sliders = vr(t), t.swipers = wr(t), t.tables = $r(t), t.tabs = Wr(t), t.tags = Sr(t), t.textareas = Tr(t), t.toasts = Hr(t), t.toggles = Nr(t), t.tooltips = Pr(t), t.variantIcon = jr(t), t.states = b.states, t.durations = b.durations, t.gridTemplateColumns = b.gridTemplateColumns, t.gridTemplateRows = b.gridTemplateRows, t.ringWidths = b.ringWidths, t.borders = b.borders, t.transitionProperties = b.transitionProperties, t.timingFunctions = b.timingFunctions, t.animations = b.animations, t.xstyled = b.xstyled, t = W(t, s), t;
 };
 export {
   fo as createTheme,