welcome-ui 8.0.0 → 8.0.2

package/dist/theme.mjs

@@ -1,133 +1,188 @@
 "use client";
-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;
+import { css as S, rpxTransformers as M, defaultTheme as u } from "@xstyled/styled-components";
+import { g as N } from "./_commonjsHelpers-CXJ7dpIk.mjs";
+import { h as m } from "./hex-to-rgba-BIDK-3ab.mjs";
+var f, D;
+function $() {
+  if (D) return f;
+  D = 1;
+  function o(r) {
+    return r != null && typeof r == "object" && r["@@functional/placeholder"] === !0;
+  }
+  return f = o, f;
 }
-var v = _, L = v;
-function I(e) {
-  return function r(o) {
-    return arguments.length === 0 || L(o) ? r : e.apply(this, arguments);
-  };
+var x, T;
+function H() {
+  if (T) return x;
+  T = 1;
+  var o = /* @__PURE__ */ $();
+  function r(e) {
+    return function i(n) {
+      return arguments.length === 0 || o(n) ? i : e.apply(this, arguments);
+    };
+  }
+  return x = r, x;
 }
-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 p(o) ? r : F(function(a) {
-          return e(o, a);
-        });
-      default:
-        return p(o) && p(n) ? r : p(o) ? F(function(a) {
-          return e(a, n);
-        }) : p(n) ? F(function(a) {
-          return e(o, a);
-        }) : e(o, n);
-    }
-  };
+var C, R;
+function q() {
+  if (R) return C;
+  R = 1;
+  var o = /* @__PURE__ */ H(), r = /* @__PURE__ */ $();
+  function e(i) {
+    return function n(l, d) {
+      switch (arguments.length) {
+        case 0:
+          return n;
+        case 1:
+          return r(l) ? n : o(function(a) {
+            return i(l, a);
+          });
+        default:
+          return r(l) && r(d) ? n : r(l) ? o(function(a) {
+            return i(a, d);
+          }) : r(d) ? o(function(a) {
+            return i(l, a);
+          }) : i(l, d);
+      }
+    };
+  }
+  return C = e, C;
 }
-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 g(o) ? r : h(function(i, d) {
-          return e(o, i, d);
-        });
-      case 2:
-        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 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 y, _;
+function O() {
+  if (_) return y;
+  _ = 1;
+  var o = /* @__PURE__ */ H(), r = /* @__PURE__ */ q(), e = /* @__PURE__ */ $();
+  function i(n) {
+    return function l(d, a, s) {
+      switch (arguments.length) {
+        case 0:
+          return l;
+        case 1:
+          return e(d) ? l : r(function(t, c) {
+            return n(d, t, c);
+          });
+        case 2:
+          return e(d) && e(a) ? l : e(d) ? r(function(t, c) {
+            return n(t, a, c);
+          }) : e(a) ? r(function(t, c) {
+            return n(d, t, c);
+          }) : o(function(t) {
+            return n(d, a, t);
+          });
+        default:
+          return e(d) && e(a) && e(s) ? l : e(d) && e(a) ? r(function(t, c) {
+            return n(t, c, s);
+          }) : e(d) && e(s) ? r(function(t, c) {
+            return n(t, a, c);
+          }) : e(a) && e(s) ? r(function(t, c) {
+            return n(d, t, c);
+          }) : e(d) ? o(function(t) {
+            return n(t, a, s);
+          }) : e(a) ? o(function(t) {
+            return n(d, t, s);
+          }) : e(s) ? o(function(t) {
+            return n(d, a, t);
+          }) : n(d, a, s);
+      }
+    };
+  }
+  return y = i, y;
 }
-var D = U;
-function O(e) {
-  return Object.prototype.toString.call(e) === "[object Object]";
+var k, z;
+function K() {
+  if (z) return k;
+  z = 1;
+  function o(r) {
+    return Object.prototype.toString.call(r) === "[object Object]";
+  }
+  return k = o, k;
+}
+var F, B;
+function G() {
+  if (B) return F;
+  B = 1;
+  function o(r, e) {
+    return Object.prototype.hasOwnProperty.call(e, r);
+  }
+  return F = o, F;
 }
-var N = O;
-function P(e, r) {
-  return Object.prototype.hasOwnProperty.call(r, e);
+var v, A;
+function Y() {
+  if (A) return v;
+  A = 1;
+  var o = /* @__PURE__ */ O(), r = /* @__PURE__ */ G(), e = /* @__PURE__ */ o(function(n, l, d) {
+    var a = {}, s;
+    l = l || {}, d = d || {};
+    for (s in l)
+      r(s, l) && (a[s] = r(s, d) ? n(s, l[s], d[s]) : l[s]);
+    for (s in d)
+      r(s, d) && !r(s, a) && (a[s] = d[s]);
+    return a;
+  });
+  return v = e, v;
 }
-var j = P, G = D, C = j, M = /* @__PURE__ */ G(function(r, o, n) {
-  var a = {}, i;
-  o = o || {}, n = n || {};
-  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 = 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 = T, Q = Z, V = /* @__PURE__ */ q(function(r, o) {
-  return Q(function(n, a, i) {
-    return i;
-  }, r, o);
-}), rr = V;
-const W = /* @__PURE__ */ R(rr), or = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, radii: a, space: i, texts: d, transitions: l } = e;
+var w, E;
+function J() {
+  if (E) return w;
+  E = 1;
+  var o = /* @__PURE__ */ O(), r = /* @__PURE__ */ K(), e = /* @__PURE__ */ Y(), i = /* @__PURE__ */ o(function n(l, d, a) {
+    return e(function(s, t, c) {
+      return r(t) && r(c) ? n(l, t, c) : l(s, t, c);
+    }, d, a);
+  });
+  return w = i, w;
+}
+var W, L;
+function X() {
+  if (L) return W;
+  L = 1;
+  var o = /* @__PURE__ */ q(), r = /* @__PURE__ */ J(), e = /* @__PURE__ */ o(function(n, l) {
+    return r(function(d, a, s) {
+      return s;
+    }, n, l);
+  });
+  return W = e, W;
+}
+var Z = /* @__PURE__ */ X();
+const I = /* @__PURE__ */ N(Z), Q = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: i, radii: n, space: l, texts: d, transitions: a } = o;
   return {
-    padding: i.lg,
+    padding: l.lg,
     wrapper: {
-      backgroundColor: o["neutral-10"],
-      transition: l.medium,
-      border: `${r.sm} solid ${o["neutral-30"]}`,
-      borderRadius: a.md
+      backgroundColor: e["neutral-10"],
+      transition: a.medium,
+      border: `${r.sm} solid ${e["neutral-30"]}`,
+      borderRadius: n.md
     },
     icon: {
-      color: o["neutral-90"]
+      color: e["neutral-90"]
     },
     content: {
-      fontSize: n.sm
+      fontSize: i.sm
     },
     title: d.h5
   };
-}, er = (e) => {
-  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`]
+}, V = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: i, fontWeights: n, radii: l, space: d } = o, a = (s) => ({
+    backgroundColor: e[`${s}-10`],
+    borderColor: e[`${s}-10`],
+    color: e[`${s}-90`]
   });
   return {
     default: {
-      backgroundColor: o["neutral-10"],
-      borderColor: o["neutral-30"],
-      borderRadius: i.lg,
+      backgroundColor: e["neutral-10"],
+      borderColor: e["neutral-30"],
+      borderRadius: l.lg,
       borderStyle: "solid",
       borderWidth: r.sm,
-      color: o["neutral-80"],
-      fontSize: n.sm
+      color: e["neutral-80"],
+      fontSize: i.sm
     },
     title: {
       default: {
-        color: o["neutral-90"],
-        fontWeight: a.medium
+        color: e["neutral-90"],
+        fontWeight: n.medium
       },
       sizes: {
         sm: {
@@ -138,19 +193,19 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
         }
       }
     },
-    danger: l("red"),
-    warning: l("orange"),
-    info: l("blue"),
-    success: l("green"),
+    danger: a("red"),
+    warning: a("orange"),
+    info: a("blue"),
+    success: a("green"),
     beige: {
-      backgroundColor: o["beige-20"],
-      borderColor: o["beige-20"],
-      color: o["beige-80"]
+      backgroundColor: e["beige-20"],
+      borderColor: e["beige-20"],
+      color: e["beige-80"]
     },
     ai: {
-      backgroundColor: o["violet-10"],
-      color: o["violet-90"],
-      borderColor: o["violet-10"]
+      backgroundColor: e["violet-10"],
+      color: e["violet-90"],
+      borderColor: e["violet-10"]
     },
     sizes: {
       sm: {
@@ -161,27 +216,27 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       }
     }
   };
-}, tr = (e) => {
-  const { colors: r, fontWeights: o, toRem: n } = e;
+}, rr = (o) => {
+  const { colors: r, fontWeights: e, toRem: i } = o;
   return {
     sizes: {
-      sm: n(20),
-      md: n(30),
-      lg: n(40),
-      xl: n(50),
-      xxl: n(60)
+      sm: i(20),
+      md: i(30),
+      lg: i(40),
+      xl: i(50),
+      xxl: i(60)
     },
     text: {
       color: r["neutral-90"],
-      fontWeight: o.bold
+      fontWeight: e.bold
     }
   };
-}, nr = (e) => {
-  const { colors: r, fontWeights: o, space: n, texts: a, toRem: i } = e;
+}, er = (o) => {
+  const { colors: r, fontWeights: e, space: i, texts: n, toRem: l } = o;
   return {
     default: {
-      ...a.xs,
-      fontWeight: o.medium
+      ...n.xs,
+      fontWeight: e.medium
     },
     variants: {
       default: {
@@ -205,23 +260,23 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     },
     sizes: {
       sm: {
-        padding: n.xxs,
-        height: i(16),
-        borderRadius: i(14)
+        padding: i.xxs,
+        height: l(16),
+        borderRadius: l(14)
       },
       md: {
-        padding: n.xs,
-        height: i(20),
-        borderRadius: i(14)
+        padding: i.xs,
+        height: l(20),
+        borderRadius: l(14)
       }
     }
   };
-}, ar = (e) => {
-  const { colors: r, space: o, texts: n } = e;
+}, or = (o) => {
+  const { colors: r, space: e, texts: i } = o;
   return {
     list: {
-      ...n["subtitle-sm"],
-      padding: `${o.sm} 0`
+      ...i["subtitle-sm"],
+      padding: `${e.sm} 0`
     },
     item: {
       default: {
@@ -236,22 +291,22 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       }
     },
     separator: {
-      padding: `0 ${o.xs}`,
+      padding: `0 ${e.xs}`,
       color: r["neutral-50"]
     }
   };
-}, ir = (e) => {
-  const { colors: r, focus: o, fontWeights: n, radii: a, space: i, texts: d, toRem: l } = e, s = {
+}, tr = (o) => {
+  const { colors: r, focus: e, fontWeights: i, radii: n, space: l, texts: d, toRem: a } = o, s = {
     ...d.xs,
     color: r["neutral-10"],
-    fontWeight: n.bold,
+    fontWeight: i.bold,
     letterSpacing: 0,
-    borderRadius: a.md
+    borderRadius: n.md
   };
   return {
     primary: {
       ...s,
-      color: e.colors["neutral-90"],
+      color: o.colors["neutral-90"],
       backgroundColor: r["primary-40"],
       borderColor: r["primary-40"]
     },
@@ -316,10 +371,10 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
         borderColor: "transparent"
       },
       tertiary: {
-        backgroundColor: f(r["neutral-90"], 0.1)
+        backgroundColor: m(r["neutral-90"], 0.1)
       },
       ghost: {
-        backgroundColor: f(r["neutral-90"], 0.1)
+        backgroundColor: m(r["neutral-90"], 0.1)
       },
       danger: {
         primary: {
@@ -347,19 +402,19 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       }
     },
     focus: {
-      primary: { ...o(r["primary-20"]) },
-      secondary: { ...o(r["neutral-40"]) },
-      tertiary: { ...o(r["neutral-40"]) },
-      ghost: { ...o(r["neutral-40"]) },
+      primary: { ...e(r["primary-20"]) },
+      secondary: { ...e(r["neutral-40"]) },
+      tertiary: { ...e(r["neutral-40"]) },
+      ghost: { ...e(r["neutral-40"]) },
       danger: {
-        primary: { ...o(r["red-40"]) },
-        tertiary: { ...o(r["red-40"]) },
-        ghost: { ...o(r["red-40"]) }
+        primary: { ...e(r["red-40"]) },
+        tertiary: { ...e(r["red-40"]) },
+        ghost: { ...e(r["red-40"]) }
       },
       ai: {
-        primary: { ...o(r["violet-50"]) },
-        tertiary: { ...o(r["violet-50"]) },
-        ghost: { ...o(r["violet-50"]) }
+        primary: { ...e(r["violet-50"]) },
+        tertiary: { ...e(r["violet-50"]) },
+        ghost: { ...e(r["violet-50"]) }
       }
     },
     active: {
@@ -372,10 +427,10 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
         borderColor: r["neutral-50"]
       },
       tertiary: {
-        backgroundColor: f(r["neutral-90"], 0.4)
+        backgroundColor: m(r["neutral-90"], 0.4)
       },
       ghost: {
-        backgroundColor: f(r["neutral-90"], 0.4)
+        backgroundColor: m(r["neutral-90"], 0.4)
       },
       danger: {
         primary: {
@@ -407,79 +462,79 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       color: r["beige-70"],
       backgroundColor: r["beige-40"],
       borderColor: r["beige-40"],
-      "&:focus": { ...o(r["beige-10"]) }
+      "&:focus": { ...e(r["beige-10"]) }
     },
     sizes: {
       xs: {
-        height: l(24),
-        padding: `${i.xs} ${i.sm}`
+        height: a(24),
+        padding: `${l.xs} ${l.sm}`
       },
       sm: {
-        height: l(32),
-        padding: `${i.sm} ${i.md}`
+        height: a(32),
+        padding: `${l.sm} ${l.md}`
       },
       md: {
         ...d.sm,
-        fontWeight: n.bold,
-        height: l(40),
-        padding: `${i.sm} ${i.lg}`
+        fontWeight: i.bold,
+        height: a(40),
+        padding: `${l.sm} ${l.lg}`
       },
       lg: {
         ...d.sm,
-        fontWeight: n.bold,
-        height: l(48),
-        padding: `${i.md} ${i.xl}`
+        fontWeight: i.bold,
+        height: a(48),
+        padding: `${l.md} ${l.xl}`
       }
     },
     icon: {
       only: {
-        xs: l(16),
-        sm: l(16),
-        md: l(16),
-        lg: l(24)
+        xs: a(16),
+        sm: a(16),
+        md: a(16),
+        lg: a(24)
       },
       default: {
-        xs: l(12),
-        sm: l(16),
-        md: l(16),
-        lg: l(16)
+        xs: a(12),
+        sm: a(16),
+        md: a(16),
+        lg: a(16)
       }
     }
   };
-}, lr = (e) => {
-  const { borderWidths: r, colors: o } = e;
+}, nr = (o) => {
+  const { borderWidths: r, colors: e } = o;
   return {
     default: {
-      backgroundColor: o["neutral-10"],
+      backgroundColor: e["neutral-10"],
       borderStyle: "solid",
       borderWidth: r.sm,
-      borderColor: o["neutral-30"]
+      borderColor: e["neutral-30"]
     }
   };
-}, dr = (e) => {
-  const { colors: r, fontWeights: o } = e;
+}, ir = (o) => {
+  const { colors: r, fontWeights: e } = o;
   return {
     item: {
       selected: {
         color: r["neutral-90"],
-        fontWeight: o.bold,
+        fontWeight: e.bold,
         backgroundColor: r["primary-40"],
         outline: "none"
       },
       today: {
         color: r["neutral-90"],
-        fontWeight: o.bold
+        fontWeight: e.bold
       }
     }
   };
-}, sr = (e) => {
-  const { colors: r, radii: o, toRem: n } = e;
+}, ar = (o) => {
+  const { colors: r, radii: e, toRem: i } = o;
   return {
     default: {
-      width: n(16),
-      height: n(16),
+      width: i(16),
+      height: i(16),
       flexShrink: 0,
-      borderRadius: o.sm
+      borderRadius: e.sm
     },
     disabled: {
       borderColor: r["beige-60"]
@@ -490,8 +545,8 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       borderColor: r["primary-40"]
     }
   };
-}, gr = (e) => {
-  const { colors: r, space: o, toRem: n } = e;
+}, lr = (o) => {
+  const { colors: r, space: e, toRem: i } = o;
   return {
     backdrop: {
       backgroundColor: r.overlay,
@@ -504,35 +559,35 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     title: {
       margin: 0,
       backgroundColor: r["neutral-10"],
-      padding: `${o.xl} ${o["5xl"]} ${o.xl} ${o.xl}`
+      padding: `${e.xl} ${e["5xl"]} ${e.xl} ${e.xl}`
     },
     content: {
-      padding: `${o.xl}`
+      padding: `${e.xl}`
     },
     footer: {
       backgroundColor: r["neutral-10"],
-      padding: `${o.xl}`
+      padding: `${e.xl}`
     },
     sizes: {
       horizontal: {
-        sm: { width: n(400) },
-        md: { width: n(550) },
-        lg: { width: n(680) }
+        sm: { width: i(400) },
+        md: { width: i(550) },
+        lg: { width: i(680) }
       },
       vertical: {
-        sm: { height: n(400) },
-        md: { height: n(550) },
-        lg: { height: n(680) }
+        sm: { height: i(400) },
+        md: { height: i(550) },
+        lg: { height: i(680) }
       }
     }
   };
-}, cr = (e) => {
-  const { colors: r, fontSizes: o, radii: n, toRem: a } = e, i = r["beige-30"];
+}, dr = (o) => {
+  const { colors: r, fontSizes: e, radii: i, toRem: n } = o, l = r["beige-30"];
   return {
     inner: {
-      fontSize: o.sm,
-      minWidth: a(130),
-      borderRadius: n.md
+      fontSize: e.sm,
+      minWidth: n(130),
+      borderRadius: i.md
     },
     item: {
       backgroundColor: "transparent",
@@ -552,14 +607,14 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       }
     },
     separator: {
-      backgroundColor: i
+      backgroundColor: l
     }
   };
-}, ur = (e) => {
-  const { colors: r, toRem: o } = e;
+}, sr = (o) => {
+  const { colors: r, toRem: e } = o;
   return {
     default: {
-      minHeight: o(200),
+      minHeight: e(200),
       borderStyle: "dashed"
     },
     dragAccept: {},
@@ -568,11 +623,11 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       backgroundColor: r["beige-30"]
     }
   };
-}, br = (e) => {
-  const { colors: r, texts: o } = e;
+}, cr = (o) => {
+  const { colors: r, texts: e } = o;
   return {
     default: {
-      ...o.xs,
+      ...e.xs,
       color: r["neutral-60"]
     },
     danger: {
@@ -585,23 +640,23 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       color: r["orange-70"]
     }
   };
-}, mr = (e) => {
-  const { colors: r, fontSizes: o, fontWeights: n } = e;
+}, gr = (o) => {
+  const { colors: r, fontSizes: e, fontWeights: i } = o;
   return {
     color: r["neutral-60"],
-    fontSize: o.sm,
-    fontWeight: n.medium
+    fontSize: e.sm,
+    fontWeight: i.medium
   };
-}, hr = (e) => {
-  const { colors: r, fontWeights: o, icons: n, space: a, transitions: i } = e;
+}, ur = (o) => {
+  const { colors: r, fontWeights: e, icons: i, space: n, transitions: l } = o;
   return {
     default: {
       color: r["neutral-90"],
-      fontWeight: o.medium,
-      transition: i.medium
+      fontWeight: e.medium,
+      transition: l.medium
     },
     withExternalLink: {
-      backgroundSize: `calc(100% - ${n.sm} - ${a.sm}) 50%`
+      backgroundSize: `calc(100% - ${i.sm} - ${n.sm}) 50%`
     },
     disabled: {
       color: r["neutral-50"],
@@ -620,20 +675,20 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       }
     }
   };
-}, pr = ({ toRem: e }) => ({
-  xs: e(8),
-  sm: e(10),
-  md: e(15),
-  lg: e(20)
-}), fr = ({ toRem: e }) => ({
-  xs: e(12),
-  sm: e(16),
-  md: e(24),
-  lg: e(32),
-  xl: e(48),
-  xxl: e(64)
-}), xr = (e) => {
-  const { colors: r, radii: o, space: n, toRem: a } = e;
+}, br = ({ toRem: o }) => ({
+  xs: o(8),
+  sm: o(10),
+  md: o(15),
+  lg: o(20)
+}), mr = ({ toRem: o }) => ({
+  xs: o(12),
+  sm: o(16),
+  md: o(24),
+  lg: o(32),
+  xl: o(48),
+  xxl: o(64)
+}), hr = (o) => {
+  const { colors: r, radii: e, space: i, toRem: n } = o;
   return {
     backdrop: {
       backgroundColor: r.overlay,
@@ -641,16 +696,16 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     },
     default: {
       zIndex: 999,
-      borderRadius: o.md
+      borderRadius: e.md
     },
     header: {
       backgroundColor: r["neutral-10"],
-      borderTopLeftRadius: o.md,
-      borderTopRightRadius: o.md,
-      paddingTop: n.xxl,
-      paddingRight: n["3xl"],
-      paddingBottom: n.xxl,
-      paddingLeft: n.xxl,
+      borderTopLeftRadius: e.md,
+      borderTopRightRadius: e.md,
+      paddingTop: i.xxl,
+      paddingRight: i["3xl"],
+      paddingBottom: i.xxl,
+      paddingLeft: i.xxl,
       subtitle: {
         color: r["neutral-70"],
         variant: "sm",
@@ -659,62 +714,62 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     },
     body: {
       color: r["neutral-90"],
-      paddingRight: n["3xl"],
-      paddingBottom: n.xxl,
-      paddingLeft: n.xxl
+      paddingRight: i["3xl"],
+      paddingBottom: i.xxl,
+      paddingLeft: i.xxl
     },
     footer: {
       backgroundColor: r["neutral-10"],
       borderTop: `solid ${r["neutral-30"]}`,
-      borderBottomLeftRadius: o.md,
-      borderBottomRightRadius: o.md,
+      borderBottomLeftRadius: e.md,
+      borderBottomRightRadius: e.md,
       children: {
-        paddingRight: n.xxl,
-        paddingLeft: n.xxl,
-        paddingTop: n.lg,
-        paddingBottom: n.xl
+        paddingRight: i.xxl,
+        paddingLeft: i.xxl,
+        paddingTop: i.lg,
+        paddingBottom: i.xl
       },
       information: {
         backgroundColor: r["beige-20"],
-        paddingRight: n.xxl,
-        paddingLeft: n.xxl,
-        paddingTop: n.xl,
-        paddingBottom: n.xxl
+        paddingRight: i.xxl,
+        paddingLeft: i.xxl,
+        paddingTop: i.xl,
+        paddingBottom: i.xxl
       }
     },
-    gutter: a(32),
+    gutter: n(32),
     sizes: {
       xs: {
-        width: a(320)
+        width: n(320)
       },
       sm: {
-        width: a(450)
+        width: n(450)
       },
       md: {
-        width: a(600)
+        width: n(600)
       },
       lg: {
-        width: a(730)
+        width: n(730)
       },
       auto: {}
     },
     cover: {}
   };
-}, Cr = (e) => {
-  const { colors: r, focus: o, fontSizes: n, fontWeights: a, toRem: i } = e;
+}, pr = (o) => {
+  const { colors: r, focus: e, fontSizes: i, fontWeights: n, toRem: l } = o;
   return {
     default: {
-      width: i(32),
-      height: i(32),
+      width: l(32),
+      height: l(32),
       color: r["neutral-90"],
-      fontWeight: a.bold,
-      fontSize: n.xs
+      fontWeight: n.bold,
+      fontSize: i.xs
     },
     item: {
       "&:hover, &:focus": {
         backgroundColor: r["neutral-30"]
       },
-      "&:focus": { ...o(r["neutral-60"]) }
+      "&:focus": { ...e(r["neutral-60"]) }
     },
     active: {
       backgroundColor: r["neutral-90"],
@@ -728,35 +783,35 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       color: r["beige-70"]
     }
   };
-}, kr = (e) => {
-  const { borderWidths: r, colors: o, space: n, texts: a, toRem: i } = e;
+}, fr = (o) => {
+  const { borderWidths: r, colors: e, space: i, texts: n, toRem: l } = o;
   return {
     default: {
-      ...a.sm,
-      backgroundColor: o["neutral-90"],
-      color: o["neutral-10"],
-      maxWidth: i(700),
+      ...n.sm,
+      backgroundColor: e["neutral-90"],
+      color: e["neutral-10"],
+      maxWidth: l(700),
       zIndex: 1
     },
     content: {
       display: "block",
-      padding: n.md
+      padding: i.md
     },
     title: {
-      ...a.h6,
-      padding: `${n.md} ${n.md} ${n.xs}`,
-      color: o["neutral-10"],
-      borderBottomColor: o["neutral-70"],
+      ...n.h6,
+      padding: `${i.md} ${i.md} ${i.xs}`,
+      color: e["neutral-10"],
+      borderBottomColor: e["neutral-70"],
       borderBottomWidth: r.sm,
       borderBottomStyle: "solid"
     }
   };
-}, yr = (e) => {
-  const { colors: r, toRem: o } = e;
+}, xr = (o) => {
+  const { colors: r, toRem: e } = o;
   return {
     default: {
-      width: o(16),
-      height: o(16)
+      width: e(16),
+      height: e(16)
     },
     checked: {
       color: r["neutral-90"],
@@ -767,8 +822,8 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       disabled: r["beige-60"]
     }
   };
-}, Fr = (e) => {
-  const { colors: r } = e;
+}, Cr = (o) => {
+  const { colors: r } = o;
   return {
     default: {
       "&:hover": {
@@ -777,52 +832,52 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     },
     checked: {
       backgroundColor: r["primary-40"],
-      color: e.colors["neutral-90"],
+      color: o.colors["neutral-90"],
       borderColor: r["primary-40"],
       "&:hover": {
         backgroundColor: r["primary-30"]
       }
     }
   };
-}, vr = (e) => {
-  const { borderWidths: r, colors: o } = e;
+}, yr = (o) => {
+  const { borderWidths: r, colors: e } = o;
   return {
     default: {
-      backgroundColor: o["beige-40"],
-      backgroundImage: `linear-gradient(${o["primary-40"]}, ${o["primary-40"]})`
+      backgroundColor: e["beige-40"],
+      backgroundImage: `linear-gradient(${e["primary-40"]}, ${e["primary-40"]})`
     },
     selector: {
-      backgroundColor: o["neutral-90"],
+      backgroundColor: e["neutral-90"],
       borderRadius: "50%",
       border: `${r.md} solid`,
       disabled: {
-        backgroundColor: o["beige-60"]
+        backgroundColor: e["beige-60"]
       }
     },
     output: {
       tooltip: {
-        backgroundColor: o["neutral-90"],
-        border: `${r.sm} solid ${o["neutral-70"]}}`,
-        color: o["neutral-10"]
+        backgroundColor: e["neutral-90"],
+        border: `${r.sm} solid ${e["neutral-70"]}}`,
+        color: e["neutral-10"]
       }
     },
     focused: {
-      outline: `${r.md} solid ${o["primary-40"]}`,
+      outline: `${r.md} solid ${e["primary-40"]}`,
       disabled: {
         outline: "none"
       }
     },
     disabled: {
-      backgroundImage: `linear-gradient(${o["beige-60"]}, ${o["beige-60"]})`
+      backgroundImage: `linear-gradient(${e["beige-60"]}, ${e["beige-60"]})`
     },
     rangeInput: {
       disabled: {
-        backgroundColor: o["beige-60"]
+        backgroundColor: e["beige-60"]
       }
     }
   };
-}, wr = (e) => {
-  const { colors: r } = e;
+}, kr = (o) => {
+  const { colors: r } = o;
   return {
     navigation: {
       bullet: {
@@ -831,81 +886,81 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       }
     }
   };
-}, $r = (e) => {
-  const { borderWidths: r, colors: o, fontWeights: n, space: a } = e;
+}, Fr = (o) => {
+  const { borderWidths: r, colors: e, fontWeights: i, space: n } = o;
   return {
     th: {
-      color: o["neutral-60"],
-      fontWeight: n.medium,
+      color: e["neutral-60"],
+      fontWeight: i.medium,
       textAlign: "left",
-      borderBottomColor: o["neutral-90"],
+      borderBottomColor: e["neutral-90"],
       borderBottomWidth: r.sm,
       borderBottomStyle: "solid"
     },
     td: {
       textAlign: "left",
-      padding: a.xl
+      padding: n.xl
     },
     tr: {
       default: {
-        borderBottomColor: o["neutral-30"],
+        borderBottomColor: e["neutral-30"],
         borderBottomWidth: r.sm,
         borderBottomStyle: "solid"
       },
       danger: {
-        backgroundColor: o["red-10"],
-        color: o["red-70"]
+        backgroundColor: e["red-10"],
+        color: e["red-70"]
       },
       warning: {
-        backgroundColor: o["orange-10"],
-        color: o["orange-80"]
+        backgroundColor: e["orange-10"],
+        color: e["orange-80"]
       },
       info: {
-        backgroundColor: o["blue-10"],
-        color: o["blue-70"]
+        backgroundColor: e["blue-10"],
+        color: e["blue-70"]
       },
       success: {
-        backgroundColor: o["green-10"],
-        color: o["green-70"]
+        backgroundColor: e["green-10"],
+        color: e["green-70"]
       },
       clickable: {
         cursor: "pointer"
       }
     }
   };
-}, Wr = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, lineHeights: i, space: d } = e;
+}, vr = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: i, fontWeights: n, lineHeights: l, space: d } = o;
   return {
     tabsBorder: {
       horizontal: {
-        boxShadow: `inset 0 -${r.sm} 0 ${o["neutral-30"]}`
+        boxShadow: `inset 0 -${r.sm} 0 ${e["neutral-30"]}`
       },
       vertical: {
-        boxShadow: `inset -${r.sm} 0 0 ${o["neutral-30"]}`
+        boxShadow: `inset -${r.sm} 0 0 ${e["neutral-30"]}`
       }
     },
     item: {
       default: {
-        color: o["neutral-70"],
-        fontWeight: a.medium,
+        color: e["neutral-70"],
+        fontWeight: n.medium,
         textDecoration: "none",
-        lineHeight: i.md
+        lineHeight: l.md
       },
       active: {
-        color: o["neutral-90"]
+        color: e["neutral-90"]
       },
       focus: {
-        color: o["neutral-90"]
+        color: e["neutral-90"]
       },
       disabled: {
-        color: o["neutral-50"]
+        color: e["neutral-50"]
       },
       size: {
         sm: {
-          fontSize: n.sm
+          fontSize: i.sm
         },
         md: {
-          fontSize: n.md
+          fontSize: i.md
         }
       }
     },
@@ -924,11 +979,11 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     },
     activeBar: {
       horizontal: {
-        background: o["primary-40"],
+        background: e["primary-40"],
         height: r.md
       },
       vertical: {
-        background: o["primary-40"],
+        background: e["primary-40"],
         width: r.md
       }
     },
@@ -940,26 +995,26 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       maxHeight: d.lg
     }
   };
-}, Sr = (e) => {
-  const { colors: r, fontSizes: o, fontWeights: n, radii: a, space: i, toRem: d } = e, l = {
+}, wr = (o) => {
+  const { colors: r, fontSizes: e, fontWeights: i, radii: n, space: l, toRem: d } = o, a = {
     xs: d(20),
     sm: d(24),
     md: d(32)
-  }, s = (u) => ({
-    backgroundColor: r[`${u}-10`],
-    color: r[`${u}-90`]
-  }), t = (u) => ({
-    backgroundColor: r[`${u}-20`]
-  }), c = (u) => ({
-    backgroundColor: r[`${u}-${u === "green" ? "30" : "40"}`],
+  }, s = (g) => ({
+    backgroundColor: r[`${g}-10`],
+    color: r[`${g}-90`]
+  }), t = (g) => ({
+    backgroundColor: r[`${g}-20`]
+  }), c = (g) => ({
+    backgroundColor: r[`${g}-${g === "green" ? "30" : "40"}`],
     color: r["neutral-90"]
-  }), m = (u) => ({
-    backgroundColor: r[`${u}-${u === "green" ? "40" : "50"}`]
+  }), b = (g) => ({
+    backgroundColor: r[`${g}-${g === "green" ? "40" : "50"}`]
   });
   return {
     default: {
-      fontWeight: n.medium,
-      borderRadius: a.md
+      fontWeight: i.medium,
+      borderRadius: n.md
     },
     variants: {
       default: {
@@ -967,7 +1022,7 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
         color: r["beige-90"]
       },
       primary: {
-        color: e.colors["neutral-90"],
+        color: o.colors["neutral-90"],
         backgroundColor: r["primary-40"]
       },
       success: s("green"),
@@ -996,35 +1051,35 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       danger: t("red"),
       warning: t("orange"),
       info: t("blue"),
-      teal: m("teal"),
-      blue: m("blue"),
-      orange: m("orange"),
-      pink: m("pink"),
-      green: m("green"),
-      violet: m("violet"),
+      teal: b("teal"),
+      blue: b("blue"),
+      orange: b("orange"),
+      pink: b("pink"),
+      green: b("green"),
+      violet: b("violet"),
       ai: {
         backgroundColor: r["violet-30"]
       }
     },
     sizes: {
       xs: {
-        padding: `${i.xxs} ${i.xs}`,
-        height: l.xs,
-        fontSize: o.xs,
-        gap: i.xs,
-        borderRadius: a.sm
+        padding: `${l.xxs} ${l.xs}`,
+        height: a.xs,
+        fontSize: e.xs,
+        gap: l.xs,
+        borderRadius: n.sm
       },
       sm: {
-        padding: `${i.xs} ${i.sm}`,
-        height: l.sm,
-        fontSize: o.xs,
-        gap: i.xs
+        padding: `${l.xs} ${l.sm}`,
+        height: a.sm,
+        fontSize: e.xs,
+        gap: l.xs
       },
       md: {
-        padding: `${i.xs} ${i.sm}`,
-        height: l.md,
-        fontSize: o.sm,
-        gap: i.sm
+        padding: `${l.xs} ${l.sm}`,
+        height: a.md,
+        fontSize: e.sm,
+        gap: l.sm
       }
     },
     icon: {
@@ -1034,47 +1089,47 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     },
     shape: {
       xs: {
-        width: l.xs,
-        height: l.xs
+        width: a.xs,
+        height: a.xs
       },
       sm: {
-        width: l.sm,
-        height: l.sm
+        width: a.sm,
+        height: a.sm
       },
       md: {
-        width: l.md,
-        height: l.md
+        width: a.md,
+        height: a.md
       }
     }
   };
-}, Tr = (e) => {
-  const { space: r, toRem: o } = e;
+}, Wr = (o) => {
+  const { space: r, toRem: e } = o;
   return {
-    minHeight: o(130),
+    minHeight: e(130),
     padding: r.md
   };
-}, Dr = (e, r) => {
-  const { toEm: o, toRem: n } = r, a = n;
+}, $r = (o, r) => {
+  const { toEm: e, toRem: i } = r, n = i;
   return {
-    h0: a(65),
-    h1: a(45),
-    h2: a(36),
-    h3: a(26),
-    h4: a(20),
-    h5: a(16),
-    h6: a(14),
-    lg: a(18),
-    md: a(16),
-    sm: a(14),
-    "subtitle-md": a(13),
-    "subtitle-sm": a(11),
-    xs: a(12)
+    h0: n(65),
+    h1: n(45),
+    h2: n(36),
+    h3: n(26),
+    h4: n(20),
+    h5: n(16),
+    h6: n(14),
+    lg: n(18),
+    md: n(16),
+    sm: n(14),
+    "subtitle-md": n(13),
+    "subtitle-sm": n(11),
+    xs: n(12)
   };
-}, zr = ({
-  defaultLineHeight: e,
+}, Sr = ({
+  defaultLineHeight: o,
   toRem: r
 }) => ({
-  html: e,
+  html: o,
   h0: r(72),
   h1: r(48),
   h2: r(40),
@@ -1086,17 +1141,17 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
   md: r(18),
   sm: r(18),
   xs: r(14),
-  "subtitle-md": e,
-  "subtitle-sm": e
-}), Br = {
+  "subtitle-md": o,
+  "subtitle-sm": o
+}), Dr = {
   regular: 400,
   medium: 500,
   bold: 600
-}, Ar = ({
-  defaultLetterSpacing: e,
+}, Tr = ({
+  defaultLetterSpacing: o,
   toRem: r
 }) => ({
-  html: e,
+  html: o,
   h0: r(-1.7),
   h1: r(-1.2),
   h2: r(-1),
@@ -1104,14 +1159,14 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
   h4: r(-0.6),
   h5: r(-0.5),
   h6: r(-0.5),
-  lg: e,
-  md: e,
-  sm: e,
+  lg: o,
+  md: o,
+  sm: o,
   xs: r(-0.2),
   "subtitle-md": r(-0.2),
   "subtitle-sm": r(-0.2)
-}), Er = (e) => {
-  const { fontWeights: r } = e;
+}), Rr = (o) => {
+  const { fontWeights: r } = o;
   return {
     h0: r.bold,
     h1: r.bold,
@@ -1127,8 +1182,8 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     "subtitle-sm": r.medium,
     xs: r.regular
   };
-}, Rr = (e) => {
-  const { fonts: r } = e;
+}, _r = (o) => {
+  const { fonts: r } = o;
   return {
     h0: r.headings,
     h1: r.headings,
@@ -1140,11 +1195,11 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     "subtitle-md": r.headings,
     "subtitle-sm": r.headings
   };
-}, _r = () => ({
+}, zr = () => ({
   "subtitle-md": "uppercase",
   "subtitle-sm": "uppercase"
-}), Lr = (e) => {
-  const { colors: r } = e;
+}), Br = (o) => {
+  const { colors: r } = o;
   return {
     h0: r["neutral-90"],
     h1: r["neutral-90"],
@@ -1154,151 +1209,151 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     h5: r["neutral-90"],
     h6: r["neutral-90"]
   };
-}, z = (e) => {
+}, U = (o) => {
   const {
     fontSizes: r,
-    letterSpacings: o,
-    lineHeights: n,
-    textsFontColors: a,
-    textsFontFamily: i,
+    letterSpacings: e,
+    lineHeights: i,
+    textsFontColors: n,
+    textsFontFamily: l,
     textsFontWeights: d,
-    textsTextTransform: l
-  } = e;
+    textsTextTransform: a
+  } = o;
   return Object.keys(r).reduce((s, t) => ({
     ...s,
     [t]: {
-      color: a[t],
-      fontFamily: i[t] || void 0,
+      color: n[t],
+      fontFamily: l[t] || void 0,
       fontWeight: d[t],
       fontSize: r[t],
-      lineHeight: n[t] || n.lg,
-      letterSpacing: o[t] || void 0,
-      textTransform: l[t] || void 0
+      lineHeight: i[t] || i.lg,
+      letterSpacing: e[t] || void 0,
+      textTransform: a[t] || void 0
     }
   }), {});
-}, Ir = (e, r, o) => ({
-  texts: [e, "sans-serif"].join(", "),
+}, Ar = (o, r, e) => ({
+  texts: [o, "sans-serif"].join(", "),
   headings: [r, "sans-serif"].join(", "),
-  icons: o
-}), Hr = (e) => {
-  const { borderWidths: r, colors: o, fontWeights: n, radii: a, space: i } = e;
+  icons: e
+}), Er = (o) => {
+  const { borderWidths: r, colors: e, fontWeights: i, radii: n, space: l } = o;
   return {
     default: {
-      paddingLeft: i.sm,
-      paddingRight: i.sm
+      paddingLeft: l.sm,
+      paddingRight: l.sm
     },
     top: {
-      paddingTop: i.lg
+      paddingTop: l.lg
     },
     bottom: {
-      paddingBottom: i.lg
+      paddingBottom: l.lg
     },
     growls: {
       default: {
-        ...z(e).sm,
+        ...U(o).sm,
         borderWidth: r.sm,
         borderStyle: "solid",
-        borderRadius: a.lg,
+        borderRadius: n.lg,
         maxWidth: 340
       },
       title: {
-        fontWeight: n.bold,
-        color: o["neutral-90"]
+        fontWeight: i.bold,
+        color: e["neutral-90"]
       }
     },
     snackbar: {
       default: {
-        borderRadius: a.lg
+        borderRadius: n.lg
       },
       separator: {
         default: {
           borderLeft: "1px solid",
-          borderLeftColor: o["neutral-30"]
+          borderLeftColor: e["neutral-30"]
         },
         danger: {
-          borderLeftColor: o["red-20"]
+          borderLeftColor: e["red-20"]
         },
         warning: {
-          borderLeftColor: o["orange-20"]
+          borderLeftColor: e["orange-20"]
         },
         info: {
-          borderLeftColor: o["blue-30"]
+          borderLeftColor: e["blue-30"]
         },
         success: {
-          borderLeftColor: o["green-30"]
+          borderLeftColor: e["green-30"]
         }
       }
     }
   };
-}, Ur = "0.32rem !important", Or = "0.12rem ! important", Nr = (e) => {
-  const { borderWidths: r, colors: o, focus: n, toRem: a } = e;
+}, Lr = "0.32rem !important", Ir = "0.12rem ! important", Hr = (o) => {
+  const { borderWidths: r, colors: e, focus: i, toRem: n } = o;
   return {
     item: {
       default: {
-        backgroundColor: o["neutral-10"],
-        borderColor: o["neutral-30"],
+        backgroundColor: e["neutral-10"],
+        borderColor: e["neutral-30"],
         borderWidth: r.sm,
         borderStyle: "solid",
-        borderRadius: a(16),
+        borderRadius: n(16),
         "&:focus": {
-          borderColor: o["primary-30"],
-          ...n(o["primary-30"])
+          borderColor: e["primary-30"],
+          ...i(e["primary-30"])
         }
       },
       sizes: {
         xs: {
-          width: a(28),
-          height: a(16),
-          marginTop: Ur
+          width: n(28),
+          height: n(16),
+          marginTop: Lr
         },
         sm: {
-          width: a(36),
-          height: a(20),
-          marginTop: Or
+          width: n(36),
+          height: n(20),
+          marginTop: Ir
         },
         md: {
-          width: a(44),
-          height: a(24),
+          width: n(44),
+          height: n(24),
           marginTop: "0 !important"
         }
       },
       checked: {
-        backgroundColor: o["primary-40"],
-        borderColor: o["primary-40"]
+        backgroundColor: e["primary-40"],
+        borderColor: e["primary-40"]
       },
       disabled: {
-        borderColor: o["beige-60"],
-        backgroundColor: o["beige-40"]
+        borderColor: e["beige-60"],
+        backgroundColor: e["beige-40"]
       }
     },
     after: {
       default: {
-        backgroundColor: o["neutral-10"],
-        borderColor: o["neutral-50"],
+        backgroundColor: e["neutral-10"],
+        borderColor: e["neutral-50"],
         borderWidth: r.sm,
         borderStyle: "solid",
         borderRadius: "50%"
       },
       checked: {
-        backgroundColor: o["neutral-10"],
-        borderColor: o["neutral-10"]
+        backgroundColor: e["neutral-10"],
+        borderColor: e["neutral-10"]
       },
       disabled: {
         borderColor: "transparent",
-        backgroundColor: o["beige-60"]
+        backgroundColor: e["beige-60"]
       },
       sizes: {
         xs: {
-          width: a(12),
-          height: a(12)
+          width: n(12),
+          height: n(12)
         },
         sm: {
-          width: a(16),
-          height: a(16)
+          width: n(16),
+          height: n(16)
         },
         md: {
-          width: a(20),
-          height: a(20)
+          width: n(20),
+          height: n(20)
         }
       }
     },
@@ -1319,38 +1374,38 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       },
       sizes: {
         xs: {
-          width: a(10),
-          height: a(10),
-          fontSize: a(10)
+          width: n(10),
+          height: n(10),
+          fontSize: n(10)
         },
         sm: {
-          width: a(12),
-          height: a(12),
-          fontSize: a(12)
+          width: n(12),
+          height: n(12),
+          fontSize: n(12)
         },
         md: {
-          width: a(16),
-          height: a(16),
-          fontSize: a(16)
+          width: n(16),
+          height: n(16),
+          fontSize: n(16)
         }
       }
     }
   };
-}, Pr = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, radii: i, space: d, toRem: l } = e;
+}, qr = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: i, fontWeights: n, radii: l, space: d, toRem: a } = o;
   return {
-    maxWidth: l(200),
-    backgroundColor: o["neutral-90"],
-    color: o["neutral-10"],
+    maxWidth: a(200),
+    backgroundColor: e["neutral-90"],
+    color: e["neutral-10"],
     padding: `${d.xs} ${d.sm}`,
-    fontSize: n.sm,
-    fontWeight: a.medium,
-    border: `${r.sm} solid ${o["neutral-60"]}`,
-    borderRadius: i.md,
+    fontSize: i.sm,
+    fontWeight: n.medium,
+    border: `${r.sm} solid ${e["neutral-60"]}`,
+    borderRadius: l.md,
     boxSizing: "border-box"
   };
-}, jr = (e) => {
-  const { colors: r } = e;
+}, Or = (o) => {
+  const { colors: r } = o;
   return {
     default: {
       color: r["neutral-90"]
@@ -1371,7 +1426,7 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       color: r["violet-70"]
     }
   };
-}, Gr = {
+}, Ur = {
   "beige-10": "#FBF9F7",
   "beige-20": "#F6F3EF",
   "beige-30": "#EAE4DE",
@@ -1477,94 +1532,94 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
   "yellow-70": "#846A01",
   "yellow-80": "#604D00",
   "yellow-90": "#423500"
-}, B = (e) => ({
-  ...e,
-  "primary-10": e["yellow-10"],
-  "primary-20": e["yellow-20"],
-  "primary-30": e["yellow-30"],
-  "primary-40": e["yellow-40"],
-  "primary-50": e["yellow-50"],
-  "primary-60": e["yellow-60"],
-  "primary-70": e["yellow-70"],
-  "primary-80": e["yellow-80"],
-  "primary-90": e["yellow-90"],
-  "secondary-blue": e["blue-40"],
-  "secondary-green": e["green-30"],
-  "secondary-orange": e["red-orange-40"],
-  "secondary-pink": e["pink-40"],
-  "secondary-teal": e["teal-40"],
-  "secondary-violet": e["violet-40"],
+}, P = (o) => ({
+  ...o,
+  "primary-10": o["yellow-10"],
+  "primary-20": o["yellow-20"],
+  "primary-30": o["yellow-30"],
+  "primary-40": o["yellow-40"],
+  "primary-50": o["yellow-50"],
+  "primary-60": o["yellow-60"],
+  "primary-70": o["yellow-70"],
+  "primary-80": o["yellow-80"],
+  "primary-90": o["yellow-90"],
+  "secondary-blue": o["blue-40"],
+  "secondary-green": o["green-30"],
+  "secondary-orange": o["red-orange-40"],
+  "secondary-pink": o["pink-40"],
+  "secondary-teal": o["teal-40"],
+  "secondary-violet": o["violet-40"],
   overlay: "rgba(0, 0, 0, 0.55)"
-}), 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);
+}), p = P(Ur), Pr = Object.keys(p).reduce((o, r) => {
+  if (r.startsWith("secondary-") || r === "overlay") return o;
+  const e = 100 - Number(r.slice(-2)), i = r.slice(0, r.length - 2);
   return {
-    ...e,
-    [r]: y[`${n}${o}`]
+    ...o,
+    [r]: p[`${i}${e}`]
   };
-}, {}), Kr = {
-  ...y,
-  ...B(Mr)
-}, po = {
-  colors: Kr
-}, Yr = "f19d0de47a5f6f7446d37111f075c0901835bf12", Jr = (e) => ({
+}, {}), jr = {
+  ...p,
+  ...P(Pr)
+}, ue = {
+  colors: jr
+}, Mr = "f19d0de47a5f6f7446d37111f075c0901835bf12", Nr = (o) => ({
   "welcome-font": [
     {
-      url: `${e.fontsUrl}/welcome-font-regular`,
+      url: `${o.fontsUrl}/welcome-font-regular`,
       weight: "400"
     },
     {
-      url: `${e.fontsUrl}/welcome-font-medium`,
+      url: `${o.fontsUrl}/welcome-font-medium`,
       weight: "500"
     },
     {
-      url: `${e.fontsUrl}/welcome-font-bold`,
+      url: `${o.fontsUrl}/welcome-font-bold`,
       weight: "600"
     },
     {
-      url: `${e.fontsUrl}/welcome-font-regular-italic`,
+      url: `${o.fontsUrl}/welcome-font-regular-italic`,
       style: "italic",
       weight: "400"
     },
     {
-      url: `${e.fontsUrl}/welcome-font-medium-italic`,
+      url: `${o.fontsUrl}/welcome-font-medium-italic`,
       style: "italic",
       weight: "500"
     },
     {
-      url: `${e.fontsUrl}/welcome-font-bold-italic`,
+      url: `${o.fontsUrl}/welcome-font-bold-italic`,
       style: "italic",
       weight: "600"
     }
   ],
   "welcome-icon-font": [
     {
-      url: `${e.fontsUrl}/icon-font/${Yr}/welcome-icon-font`,
+      url: `${o.fontsUrl}/icon-font/${Mr}/welcome-icon-font`,
       display: "block"
     }
   ],
   "work-sans": [
     {
-      url: `${e.fontsUrl}/work-sans-variable`,
+      url: `${o.fontsUrl}/work-sans-variable`,
       isVariable: !0,
       stretch: "75% 125%",
       weight: "100 1000"
     }
   ]
-}), k = {
+}), h = {
   primary: "ease",
   secondary: "linear",
   tertiary: "cubic-bezier(0.41, 0.094, 0.54, 0.07)"
-}, Xr = {
-  slow: `500ms ${k.tertiary}`,
-  medium: `300ms ${k.primary}`,
-  fast: `100ms ${k.secondary}`
-}, Zr = ({ colors: e }) => ({
-  default: w`
+}, Kr = {
+  slow: `500ms ${h.tertiary}`,
+  medium: `300ms ${h.primary}`,
+  fast: `100ms ${h.secondary}`
+}, Gr = ({ colors: o }) => ({
+  default: S`
       background-image: linear-gradient(
         0deg,
-        ${e["primary-40"]},
-        ${e["primary-40"]} 100%
+        ${o["primary-40"]},
+        ${o["primary-40"]} 100%
       );
       background-repeat: no-repeat;
       background-size: 100% 50%;
@@ -1574,24 +1629,24 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
         background-size 250ms,
         color 250ms;
     `,
-  hover: w`
+  hover: S`
       opacity: 1;
       background-position-y: 100%;
       background-size: 100% 100%;
     `
-}), qr = (e) => ({
+}), Yr = (o) => ({
   none: "0",
-  sm: e.toRem(2),
-  md: e.toRem(4),
-  lg: e.toRem(8),
-  xl: e.toRem(16),
-  xxl: e.toRem(24),
+  sm: o.toRem(2),
+  md: o.toRem(4),
+  lg: o.toRem(8),
+  xl: o.toRem(16),
+  xxl: o.toRem(24),
   full: "100%"
-}), Qr = {
+}), Jr = {
   sm: "1px",
   md: "2px",
   lg: "3px"
-}, Vr = {
+}, Xr = {
   xs: 0,
   sm: 480,
   md: 736,
@@ -1600,43 +1655,43 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
   xxl: 1440,
   "3xl": 1620,
   "4xl": 1920
-}, ro = {
+}, Zr = {
   sm: "1px 2px 4px 0 rgba(0,0,0,0.05)",
   md: "3px 4px 10px 0 rgba(0,0,0,0.07)"
-}, oo = (e) => ({
-  xxs: e.toRem(2),
-  xs: e.toRem(4),
-  sm: e.toRem(8),
-  md: e.toRem(12),
-  lg: e.toRem(16),
-  xl: e.toRem(24),
-  xxl: e.toRem(32),
-  "3xl": e.toRem(48),
-  "4xl": e.toRem(64),
-  "5xl": e.toRem(96),
-  "6xl": e.toRem(128),
-  "7xl": e.toRem(192)
-}), eo = (e) => ({
-  backgroundColor: e.colors["primary-40"],
-  color: e.colors["neutral-90"]
-}), to = ({ colors: e }) => {
-  function r(o = e["primary-40"]) {
+}, Qr = (o) => ({
+  xxs: o.toRem(2),
+  xs: o.toRem(4),
+  sm: o.toRem(8),
+  md: o.toRem(12),
+  lg: o.toRem(16),
+  xl: o.toRem(24),
+  xxl: o.toRem(32),
+  "3xl": o.toRem(48),
+  "4xl": o.toRem(64),
+  "5xl": o.toRem(96),
+  "6xl": o.toRem(128),
+  "7xl": o.toRem(192)
+}), Vr = (o) => ({
+  backgroundColor: o.colors["primary-40"],
+  color: o.colors["neutral-90"]
+}), re = ({ colors: o }) => {
+  function r(e = o["primary-40"]) {
     return {
-      boxShadow: `0 0 0 2px ${o}`
+      boxShadow: `0 0 0 2px ${e}`
     };
   }
   return r;
-}, no = (e) => {
-  const { borderWidths: r, colors: o, focus: n, fontSizes: a, fontWeights: i, radii: d, space: l, toRem: s } = e;
+}, ee = (o) => {
+  const { borderWidths: r, colors: e, focus: i, fontSizes: n, fontWeights: l, radii: d, space: a, toRem: s } = o;
   return {
     default: {
-      color: o["neutral-90"],
-      fontSize: a.sm,
+      color: e["neutral-90"],
+      fontSize: n.sm,
       /* Can't use 16 because that's a valid line-height value (16em) */
       lineHeight: "1rem",
-      fontWeight: i.regular,
-      backgroundColor: o["neutral-10"],
-      borderColor: o["neutral-30"],
+      fontWeight: l.regular,
+      backgroundColor: e["neutral-10"],
+      borderColor: e["neutral-30"],
       borderWidth: r.sm,
       borderStyle: "solid",
       outline: "none",
@@ -1644,60 +1699,60 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
     },
     hover: {
       default: {
-        borderColor: o["neutral-40"]
+        borderColor: e["neutral-40"]
       },
       transparency: {
-        borderColor: o["neutral-20"]
+        borderColor: e["neutral-20"]
       }
     },
     variants: {
       danger: {
-        borderColor: o["red-70"]
+        borderColor: e["red-70"]
       },
       success: {
-        borderColor: o["green-60"]
+        borderColor: e["green-60"]
       },
       warning: {
-        borderColor: o["orange-60"]
+        borderColor: e["orange-60"]
       }
     },
     focused: {
       default: {
-        ...n(o["primary-20"]),
-        borderColor: o["primary-40"]
+        ...i(e["primary-20"]),
+        borderColor: e["primary-40"]
       },
-      danger: { ...n(o["red-30"]) },
-      warning: { ...n(o["orange-20"]) },
-      success: { ...n(o["green-30"]) }
+      danger: { ...i(e["red-30"]) },
+      warning: { ...i(e["orange-20"]) },
+      success: { ...i(e["green-30"]) }
     },
     sizes: {
       xs: {
         height: s(24),
-        paddingTop: l.xs,
-        paddingRight: l.sm,
-        paddingBottom: l.xs,
-        paddingLeft: l.sm
+        paddingTop: a.xs,
+        paddingRight: a.sm,
+        paddingBottom: a.xs,
+        paddingLeft: a.sm
       },
       sm: {
         height: s(32),
-        paddingTop: l.sm,
-        paddingRight: l.md,
-        paddingBottom: l.sm,
-        paddingLeft: l.md
+        paddingTop: a.sm,
+        paddingRight: a.md,
+        paddingBottom: a.sm,
+        paddingLeft: a.md
       },
       md: {
         height: s(40),
-        paddingTop: l.md,
-        paddingRight: l.md,
-        paddingBottom: l.md,
-        paddingLeft: l.md
+        paddingTop: a.md,
+        paddingRight: a.md,
+        paddingBottom: a.md,
+        paddingLeft: a.md
       },
       lg: {
         height: s(48),
-        paddingTop: l.lg,
-        paddingRight: l.md,
-        paddingBottom: l.lg,
-        paddingLeft: l.md
+        paddingTop: a.lg,
+        paddingRight: a.md,
+        paddingBottom: a.lg,
+        paddingLeft: a.md
       }
     },
     iconPlacement: {
@@ -1728,17 +1783,17 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       }
     },
     disabled: {
-      backgroundColor: o["beige-40"],
-      color: o["beige-70"],
+      backgroundColor: e["beige-40"],
+      color: e["beige-70"],
       cursor: "not-allowed"
     },
     placeholder: {
-      color: o["neutral-50"]
+      color: e["neutral-50"]
     },
     checkablelabel: {
       default: {},
       checked: {
-        color: o["neutral-90"],
+        color: e["neutral-90"],
         "-webkit-text-stroke": "0.04em"
       }
     },
@@ -1748,22 +1803,22 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
         borderRadius: d.md
       },
       existing: {
-        color: o["beige-40"],
+        color: e["beige-40"],
         cursor: "not-allowed"
       },
       highlighted: {
-        backgroundColor: o["beige-20"],
+        backgroundColor: e["beige-20"],
         cursor: "default"
       },
       selectedAndHighlighted: {
         backgroundImage: "linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08) 100%)"
       },
       selected: {
-        color: o["neutral-90"],
-        fontWeight: i.bold
+        color: e["neutral-90"],
+        fontWeight: l.bold
       },
       disabled: {
-        color: o["beige-60"],
+        color: e["beige-60"],
         cursor: "not-allowed"
       }
     },
@@ -1771,21 +1826,21 @@ const W = /* @__PURE__ */ R(rr), or = (e) => {
       "border-width": "0"
     }
   };
-}, 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 = {}) => {
+}, oe = "work-sans", te = 16, ne = "-0.019rem", ie = 1.15, ae = "https://cdn.welcome-ui.com/fonts", le = "welcome-font", de = "welcome-icon-font", be = (o = {}) => {
   const {
-    defaultFontFamily: r = ao,
-    defaultFontSize: o = io,
-    defaultLetterSpacing: n = lo,
-    defaultLineHeight: a = so,
-    fontsUrl: i = go,
-    headingFontFamily: d = co,
-    iconFontFamily: l = uo,
+    defaultFontFamily: r = oe,
+    defaultFontSize: e = te,
+    defaultLetterSpacing: i = ne,
+    defaultLineHeight: n = ie,
+    fontsUrl: l = ae,
+    headingFontFamily: d = le,
+    iconFontFamily: a = de,
     ...s
-  } = e;
+  } = o;
   let 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;
+  return t.transformers = { ...M }, t.toEm = (c) => `${c / e}em`, t.toRem = (c) => `${c / e}rem`, t.toPx = (c) => `${c * e}px`, t.colors = p, t.fontsUrl = l, t.fontFaces = Nr(t), t.fontSizes = $r("rem", t), t.defaultLineHeight = n, t.defaultLetterSpacing = i, t.lineHeights = Sr(t), t.fontWeights = Dr, t.letterSpacings = Tr(t), t.fonts = Ar(r, d, a), t.borderWidths = Jr, t.screens = Xr, t.space = Qr(t), t.inset = t.space, t.radii = Yr(t), t.transitions = Kr, t.timingFunction = h, t.shadows = Zr, t = I(t, s), t.selection = Vr(t), t.underline = Gr(t), t.focus = re(t), t.textsFontWeights = Rr(t), t.textsFontFamily = _r(t), t.textsFontColors = Br(t), t.textsTextTransform = zr(), t.texts = U(t), t.defaultFields = ee(t), t.icons = mr(t), t.accordions = Q(t), t.alerts = V(t), t.avatars = rr(t), t.badges = er(t), t.breadcrumbs = or(t), t.buttons = tr(t), t.cards = nr(t), t.checkboxes = ar(t), t.dateTimePickerCommon = ir(t), t.drawers = lr(t), t.dropdownMenu = dr(t), t.fileDrops = sr(t), t.hints = cr(t), t.labels = gr(t), t.links = ur(t), t.loaders = br(t), t.modals = hr(t), t.paginations = pr(t), t.popovers = fr(t), t.radios = xr(t), t.radiosTab = Cr(t), t.sliders = yr(t), t.swipers = kr(t), t.tables = Fr(t), t.tabs = vr(t), t.tags = wr(t), t.textareas = Wr(t), t.toasts = Er(t), t.toggles = Hr(t), t.tooltips = qr(t), t.variantIcon = Or(t), t.states = u.states, t.durations = u.durations, t.gridTemplateColumns = u.gridTemplateColumns, t.gridTemplateRows = u.gridTemplateRows, t.ringWidths = u.ringWidths, t.borders = u.borders, t.transitionProperties = u.transitionProperties, t.timingFunctions = u.timingFunctions, t.animations = u.animations, t.xstyled = u.xstyled, t = I(t, s), t;
 };
 export {
-  fo as createTheme,
-  po as darkTheme
+  be as createTheme,
+  ue as darkTheme
 };