welcome-ui 7.0.0-alpha.9 → 7.0.1-alpha.0

package/dist/theme.mjs

@@ -1,82 +1,163 @@
 "use client";
-import { css as f, rpxTransformers as F, defaultTheme as y } from "@xstyled/styled-components";
-import { h as b } from "./hex-to-rgba-BIDK-3ab.mjs";
-function p(e, r) {
-  if (typeof e != "object" || e === null) return r;
-  if (typeof r != "object" || r === null) return e;
-  const o = { ...e };
-  for (const n in r)
-    r.hasOwnProperty(n) && (o[n] = p(o[n], r[n]));
-  return o;
+import { css as w, 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(o) {
+  return o != null && typeof o == "object" && o["@@functional/placeholder"] === !0;
 }
-const w = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, radii: l, space: a, texts: s, transitions: d } = e;
+var F = R, L = F;
+function I(o) {
+  return function r(e) {
+    return arguments.length === 0 || L(e) ? r : o.apply(this, arguments);
+  };
+}
+var W = I, y = W, h = F;
+function H(o) {
+  return function r(e, n) {
+    switch (arguments.length) {
+      case 0:
+        return r;
+      case 1:
+        return h(e) ? r : y(function(a) {
+          return o(e, a);
+        });
+      default:
+        return h(e) && h(n) ? r : h(e) ? y(function(a) {
+          return o(a, n);
+        }) : h(n) ? y(function(a) {
+          return o(e, a);
+        }) : o(e, n);
+    }
+  };
+}
+var S = H, f = W, m = S, c = F;
+function U(o) {
+  return function r(e, n, a) {
+    switch (arguments.length) {
+      case 0:
+        return r;
+      case 1:
+        return c(e) ? r : m(function(l, d) {
+          return o(e, l, d);
+        });
+      case 2:
+        return c(e) && c(n) ? r : c(e) ? m(function(l, d) {
+          return o(l, n, d);
+        }) : c(n) ? m(function(l, d) {
+          return o(e, l, d);
+        }) : f(function(l) {
+          return o(e, n, l);
+        });
+      default:
+        return c(e) && c(n) && c(a) ? r : c(e) && c(n) ? m(function(l, d) {
+          return o(l, d, a);
+        }) : c(e) && c(a) ? m(function(l, d) {
+          return o(l, n, d);
+        }) : c(n) && c(a) ? m(function(l, d) {
+          return o(e, l, d);
+        }) : c(e) ? f(function(l) {
+          return o(l, n, a);
+        }) : c(n) ? f(function(l) {
+          return o(e, l, a);
+        }) : c(a) ? f(function(l) {
+          return o(e, n, l);
+        }) : o(e, n, a);
+    }
+  };
+}
+var T = U;
+function O(o) {
+  return Object.prototype.toString.call(o) === "[object Object]";
+}
+var N = O;
+function j(o, r) {
+  return Object.prototype.hasOwnProperty.call(r, o);
+}
+var P = j, G = T, x = P, M = /* @__PURE__ */ G(function(r, e, n) {
+  var a = {}, l;
+  e = e || {}, n = n || {};
+  for (l in e)
+    x(l, e) && (a[l] = x(l, n) ? r(l, e[l], n[l]) : e[l]);
+  for (l in n)
+    x(l, n) && !x(l, a) && (a[l] = n[l]);
+  return a;
+}), K = M, Y = T, $ = N, J = K, X = /* @__PURE__ */ Y(function o(r, e, n) {
+  return J(function(a, l, d) {
+    return $(l) && $(d) ? o(r, l, d) : r(a, l, d);
+  }, e, n);
+}), Z = X, q = S, Q = Z, V = /* @__PURE__ */ q(function(r, e) {
+  return Q(function(n, a, l) {
+    return l;
+  }, r, e);
+}), rr = V;
+const v = /* @__PURE__ */ _(rr), er = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: n, radii: a, space: l, texts: d, transitions: i } = o;
   return {
-    padding: a.lg,
+    padding: l.lg,
     wrapper: {
-      backgroundColor: o["neutral-10"],
-      transition: d.medium,
-      border: `${r.sm} solid ${o["neutral-30"]}`,
-      borderRadius: l.md
+      backgroundColor: e["neutral-10"],
+      transition: i.medium,
+      border: `${r.sm} solid ${e["neutral-30"]}`,
+      borderRadius: a.md
     },
     icon: {
-      color: o["neutral-90"]
+      color: e["neutral-90"]
     },
     content: {
       fontSize: n.sm
     },
-    title: s.h5
+    title: d.h5
   };
-}, $ = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: l, radii: a, space: s } = e, d = (i) => ({
-    backgroundColor: o[`${i}-10`],
-    borderColor: o[`${i}-10`],
-    color: o[`${i}-90`]
+}, or = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: n, fontWeights: a, radii: l, space: d } = o, i = (s) => ({
+    backgroundColor: e[`${s}-10`],
+    borderColor: e[`${s}-10`],
+    color: e[`${s}-90`]
   });
   return {
     default: {
-      backgroundColor: o["neutral-10"],
-      borderColor: o["neutral-30"],
-      borderRadius: a.lg,
+      backgroundColor: e["neutral-10"],
+      borderColor: e["neutral-30"],
+      borderRadius: l.lg,
       borderStyle: "solid",
       borderWidth: r.sm,
-      color: o["neutral-80"],
+      color: e["neutral-80"],
       fontSize: n.sm
     },
     title: {
       default: {
-        color: o["neutral-90"],
-        fontWeight: l.medium
+        color: e["neutral-90"],
+        fontWeight: a.medium
       },
       sizes: {
         sm: {
-          marginBottom: s.xs
+          marginBottom: d.xs
         },
         md: {
-          marginBottom: s.sm
+          marginBottom: d.sm
         }
       }
     },
-    danger: d("red"),
-    warning: d("orange"),
-    info: d("blue"),
-    success: d("green"),
+    danger: i("red"),
+    warning: i("orange"),
+    info: i("blue"),
+    success: i("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"]
     },
     sizes: {
       sm: {
-        padding: s.lg
+        padding: d.lg
       },
       md: {
-        padding: s.xl
+        padding: d.xl
       }
     }
   };
-}, S = (e) => {
-  const { colors: r, fontWeights: o, toRem: n } = e;
+}, tr = (o) => {
+  const { colors: r, fontWeights: e, toRem: n } = o;
   return {
     sizes: {
       sm: n(20),
@@ -87,15 +168,15 @@ const w = (e) => {
     },
     text: {
       color: r["neutral-90"],
-      fontWeight: o.bold
+      fontWeight: e.bold
     }
   };
-}, W = (e) => {
-  const { colors: r, fontWeights: o, space: n, texts: l, toRem: a } = e;
+}, nr = (o) => {
+  const { colors: r, fontWeights: e, space: n, texts: a, toRem: l } = o;
   return {
     default: {
-      ...l.xs,
-      fontWeight: o.medium
+      ...a.xs,
+      fontWeight: e.medium
     },
     variants: {
       default: {
@@ -120,22 +201,22 @@ const w = (e) => {
     sizes: {
       sm: {
         padding: n.xxs,
-        height: a(16),
-        borderRadius: a(14)
+        height: l(16),
+        borderRadius: l(14)
       },
       md: {
         padding: n.xs,
-        height: a(20),
-        borderRadius: a(14)
+        height: l(20),
+        borderRadius: l(14)
       }
     }
   };
-}, T = (e) => {
-  const { colors: r, space: o, texts: n } = e;
+}, ar = (o) => {
+  const { colors: r, space: e, texts: n } = o;
   return {
     list: {
       ...n["subtitle-sm"],
-      padding: `${o.sm} 0`
+      padding: `${e.sm} 0`
     },
     item: {
       default: {
@@ -150,38 +231,38 @@ const w = (e) => {
       }
     },
     separator: {
-      padding: `0 ${o.xs}`,
+      padding: `0 ${e.xs}`,
       color: r["neutral-50"]
     }
   };
-}, z = (e) => {
-  const { colors: r, focus: o, fontWeights: n, radii: l, space: a, texts: s, toRem: d } = e, i = {
-    ...s.xs,
+}, lr = (o) => {
+  const { colors: r, focus: e, fontWeights: n, radii: a, space: l, texts: d, toRem: i } = o, s = {
+    ...d.xs,
     color: r["neutral-10"],
     fontWeight: n.bold,
     letterSpacing: 0,
-    borderRadius: l.md
+    borderRadius: a.md
   };
   return {
     primary: {
-      ...i,
-      color: e.colors["neutral-90"],
+      ...s,
+      color: o.colors["neutral-90"],
       backgroundColor: r["primary-40"],
       borderColor: r["primary-40"]
     },
     secondary: {
-      ...i,
+      ...s,
       backgroundColor: r["neutral-90"],
       borderColor: r["neutral-90"]
     },
     tertiary: {
-      ...i,
+      ...s,
       color: r["neutral-90"],
       backgroundColor: "transparent",
       borderColor: r["neutral-90"]
     },
     ghost: {
-      ...i,
+      ...s,
       color: r["neutral-90"],
       backgroundColor: "transparent",
       borderColor: "transparent"
@@ -213,10 +294,10 @@ const w = (e) => {
         borderColor: "transparent"
       },
       tertiary: {
-        backgroundColor: b(r["neutral-90"], 0.1)
+        backgroundColor: p(r["neutral-90"], 0.1)
       },
       ghost: {
-        backgroundColor: b(r["neutral-90"], 0.1)
+        backgroundColor: p(r["neutral-90"], 0.1)
       },
       danger: {
         primary: {
@@ -232,14 +313,14 @@ const w = (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"]) }
       }
     },
     active: {
@@ -252,10 +333,10 @@ const w = (e) => {
         borderColor: r["neutral-50"]
       },
       tertiary: {
-        backgroundColor: b(r["neutral-90"], 0.4)
+        backgroundColor: p(r["neutral-90"], 0.4)
       },
       ghost: {
-        backgroundColor: b(r["neutral-90"], 0.4)
+        backgroundColor: p(r["neutral-90"], 0.4)
       },
       danger: {
         primary: {
@@ -271,83 +352,83 @@ const w = (e) => {
       }
     },
     disabled: {
-      ...i,
+      ...s,
       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: d(24),
-        padding: `${a.xs} ${a.sm}`
+        height: i(24),
+        padding: `${l.xs} ${l.sm}`
       },
       sm: {
-        height: d(32),
-        padding: `${a.sm} ${a.md}`
+        height: i(32),
+        padding: `${l.sm} ${l.md}`
       },
       md: {
-        ...s.sm,
+        ...d.sm,
         fontWeight: n.bold,
-        height: d(40),
-        padding: `${a.sm} ${a.lg}`
+        height: i(40),
+        padding: `${l.sm} ${l.lg}`
       },
       lg: {
-        ...s.sm,
+        ...d.sm,
         fontWeight: n.bold,
-        height: d(48),
-        padding: `${a.md} ${a.xl}`
+        height: i(48),
+        padding: `${l.md} ${l.xl}`
       }
     },
     icon: {
       only: {
-        xs: d(16),
-        sm: d(16),
-        md: d(16),
-        lg: d(24)
+        xs: i(16),
+        sm: i(16),
+        md: i(16),
+        lg: i(24)
       },
       default: {
-        xs: d(12),
-        sm: d(16),
-        md: d(16),
-        lg: d(16)
+        xs: i(12),
+        sm: i(16),
+        md: i(16),
+        lg: i(16)
       }
     }
   };
-}, v = (e) => {
-  const { borderWidths: r, colors: o } = e;
+}, ir = (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"]
     }
   };
-}, B = (e) => {
-  const { colors: r, fontWeights: o } = e;
+}, dr = (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
       }
     }
   };
-}, A = (e) => {
-  const { colors: r, radii: o, toRem: n } = e;
+}, sr = (o) => {
+  const { colors: r, radii: e, toRem: n } = o;
   return {
     default: {
       width: n(16),
       height: n(16),
       flexShrink: 0,
-      borderRadius: o.sm
+      borderRadius: e.sm
     },
     disabled: {
       borderColor: r["beige-60"]
@@ -358,8 +439,8 @@ const w = (e) => {
       borderColor: r["primary-40"]
     }
   };
-}, D = (e) => {
-  const { colors: r, space: o, toRem: n } = e;
+}, cr = (o) => {
+  const { colors: r, space: e, toRem: n } = o;
   return {
     backdrop: {
       backgroundColor: r.overlay,
@@ -372,14 +453,14 @@ const w = (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: {
@@ -394,12 +475,12 @@ const w = (e) => {
       }
     }
   };
-}, E = (e) => {
-  const { colors: r, fontSizes: o, radii: n, toRem: l } = e, a = r["beige-30"];
+}, gr = (o) => {
+  const { colors: r, fontSizes: e, radii: n, toRem: a } = o, l = r["beige-30"];
   return {
     inner: {
-      fontSize: o.sm,
-      minWidth: l(130),
+      fontSize: e.sm,
+      minWidth: a(130),
       borderRadius: n.md
     },
     item: {
@@ -420,14 +501,14 @@ const w = (e) => {
       }
     },
     separator: {
-      backgroundColor: a
+      backgroundColor: l
     }
   };
-}, R = (e) => {
-  const { colors: r, toRem: o } = e;
+}, ur = (o) => {
+  const { colors: r, toRem: e } = o;
   return {
     default: {
-      minHeight: o(200),
+      minHeight: e(200),
       borderStyle: "dashed"
     },
     dragAccept: {},
@@ -436,11 +517,11 @@ const w = (e) => {
       backgroundColor: r["beige-30"]
     }
   };
-}, L = (e) => {
-  const { colors: r, texts: o } = e;
+}, br = (o) => {
+  const { colors: r, texts: e } = o;
   return {
     default: {
-      ...o.xs,
+      ...e.xs,
       color: r["neutral-60"]
     },
     danger: {
@@ -453,23 +534,23 @@ const w = (e) => {
       color: r["orange-70"]
     }
   };
-}, I = (e) => {
-  const { colors: r, fontSizes: o, fontWeights: n } = e;
+}, mr = (o) => {
+  const { colors: r, fontSizes: e, fontWeights: n } = o;
   return {
     color: r["neutral-60"],
-    fontSize: o.sm,
+    fontSize: e.sm,
     fontWeight: n.medium
   };
-}, H = (e) => {
-  const { colors: r, fontWeights: o, icons: n, space: l, transitions: a } = e;
+}, hr = (o) => {
+  const { colors: r, fontWeights: e, icons: n, space: a, transitions: l } = o;
   return {
     default: {
       color: r["neutral-90"],
-      fontWeight: o.medium,
-      transition: a.medium
+      fontWeight: e.medium,
+      transition: l.medium
     },
     withExternalLink: {
-      backgroundSize: `calc(100% - ${n.sm} - ${l.sm}) 50%`
+      backgroundSize: `calc(100% - ${n.sm} - ${a.sm}) 50%`
     },
     disabled: {
       color: r["neutral-50"],
@@ -488,20 +569,20 @@ const w = (e) => {
       }
     }
   };
-}, _ = ({ toRem: e }) => ({
-  xs: e(8),
-  sm: e(10),
-  md: e(15),
-  lg: e(20)
-}), U = ({ toRem: e }) => ({
-  xs: e(12),
-  sm: e(16),
-  md: e(24),
-  lg: e(32),
-  xl: e(48),
-  xxl: e(64)
-}), N = (e) => {
-  const { colors: r, radii: o, space: n, toRem: l } = e;
+}, pr = ({ toRem: o }) => ({
+  xs: o(8),
+  sm: o(10),
+  md: o(15),
+  lg: o(20)
+}), fr = ({ toRem: o }) => ({
+  xs: o(12),
+  sm: o(16),
+  md: o(24),
+  lg: o(32),
+  xl: o(48),
+  xxl: o(64)
+}), xr = (o) => {
+  const { colors: r, radii: e, space: n, toRem: a } = o;
   return {
     backdrop: {
       backgroundColor: r.overlay,
@@ -509,12 +590,12 @@ const w = (e) => {
     },
     default: {
       zIndex: 999,
-      borderRadius: o.md
+      borderRadius: e.md
     },
     header: {
       backgroundColor: r["neutral-10"],
-      borderTopLeftRadius: o.md,
-      borderTopRightRadius: o.md,
+      borderTopLeftRadius: e.md,
+      borderTopRightRadius: e.md,
       paddingTop: n.xxl,
       paddingRight: n["3xl"],
       paddingBottom: n.xxl,
@@ -534,8 +615,8 @@ const w = (e) => {
     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,
@@ -550,39 +631,39 @@ const w = (e) => {
         paddingBottom: n.xxl
       }
     },
-    gutter: l(32),
+    gutter: a(32),
     sizes: {
       xs: {
-        width: l(320)
+        width: a(320)
       },
       sm: {
-        width: l(450)
+        width: a(450)
       },
       md: {
-        width: l(600)
+        width: a(600)
       },
       lg: {
-        width: l(730)
+        width: a(730)
       },
       auto: {}
     },
     cover: {}
   };
-}, G = (e) => {
-  const { colors: r, focus: o, fontSizes: n, fontWeights: l, toRem: a } = e;
+}, Cr = (o) => {
+  const { colors: r, focus: e, fontSizes: n, fontWeights: a, toRem: l } = o;
   return {
     default: {
-      width: a(32),
-      height: a(32),
+      width: l(32),
+      height: l(32),
       color: r["neutral-90"],
-      fontWeight: l.bold,
+      fontWeight: a.bold,
       fontSize: n.xs
     },
     item: {
       "&:hover, &:focus": {
         backgroundColor: r["neutral-30"]
       },
-      "&:focus": { ...o(r["neutral-60"]) }
+      "&:focus": { ...e(r["neutral-60"]) }
     },
     active: {
       backgroundColor: r["neutral-90"],
@@ -596,14 +677,14 @@ const w = (e) => {
       color: r["beige-70"]
     }
   };
-}, O = (e) => {
-  const { borderWidths: r, colors: o, space: n, texts: l, toRem: a } = e;
+}, kr = (o) => {
+  const { borderWidths: r, colors: e, space: n, texts: a, toRem: l } = o;
   return {
     default: {
-      ...l.sm,
-      backgroundColor: o["neutral-90"],
-      color: o["neutral-10"],
-      maxWidth: a(700),
+      ...a.sm,
+      backgroundColor: e["neutral-90"],
+      color: e["neutral-10"],
+      maxWidth: l(700),
       zIndex: 1
     },
     content: {
@@ -611,20 +692,20 @@ const w = (e) => {
       padding: n.md
     },
     title: {
-      ...l.h6,
+      ...a.h6,
       padding: `${n.md} ${n.md} ${n.xs}`,
-      color: o["neutral-10"],
-      borderBottomColor: o["neutral-70"],
+      color: e["neutral-10"],
+      borderBottomColor: e["neutral-70"],
       borderBottomWidth: r.sm,
       borderBottomStyle: "solid"
     }
   };
-}, M = (e) => {
-  const { colors: r, toRem: o } = e;
+}, yr = (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"],
@@ -635,8 +716,8 @@ const w = (e) => {
       disabled: r["beige-60"]
     }
   };
-}, P = (e) => {
-  const { colors: r } = e;
+}, Fr = (o) => {
+  const { colors: r } = o;
   return {
     default: {
       "&:hover": {
@@ -645,52 +726,52 @@ const w = (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"]
       }
     }
   };
-}, Y = (e) => {
-  const { borderWidths: r, colors: o } = e;
+}, wr = (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"]
       }
     }
   };
-}, J = (e) => {
-  const { colors: r } = e;
+}, $r = (o) => {
+  const { colors: r } = o;
   return {
     navigation: {
       bullet: {
@@ -699,74 +780,74 @@ const w = (e) => {
       }
     }
   };
-}, V = (e) => {
-  const { borderWidths: r, colors: o, fontWeights: n, space: l } = e;
+}, vr = (o) => {
+  const { borderWidths: r, colors: e, fontWeights: n, space: a } = o;
   return {
     th: {
-      color: o["neutral-60"],
+      color: e["neutral-60"],
       fontWeight: n.medium,
       textAlign: "left",
-      borderBottomColor: o["neutral-90"],
+      borderBottomColor: e["neutral-90"],
       borderBottomWidth: r.sm,
       borderBottomStyle: "solid"
     },
     td: {
       textAlign: "left",
-      padding: l.xl
+      padding: a.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"
       }
     }
   };
-}, X = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: l, lineHeights: a, space: s } = e;
+}, Wr = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: n, fontWeights: a, 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: l.medium,
+        color: e["neutral-70"],
+        fontWeight: a.medium,
         textDecoration: "none",
-        lineHeight: a.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: {
@@ -784,7 +865,7 @@ const w = (e) => {
         }
       },
       horizontal: {
-        marginTop: s.xl,
+        marginTop: d.xl,
         "&:focus": {
           outline: "none"
         }
@@ -792,42 +873,42 @@ const w = (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
       }
     },
     icon: {
-      maxWidth: s.lg,
-      maxHeight: s.lg
+      maxWidth: d.lg,
+      maxHeight: d.lg
     },
     badge: {
-      maxHeight: s.lg
+      maxHeight: d.lg
     }
   };
-}, Z = (e) => {
-  const { colors: r, fontSizes: o, fontWeights: n, radii: l, space: a, toRem: s } = e, d = {
-    xs: s(20),
-    sm: s(24),
-    md: s(32)
-  }, i = (c) => ({
-    backgroundColor: r[`${c}-10`],
-    color: r[`${c}-90`]
-  }), t = (c) => ({
-    backgroundColor: r[`${c}-20`]
-  }), g = (c) => ({
-    backgroundColor: r[`${c}-${c === "green" ? "30" : "40"}`],
+}, Sr = (o) => {
+  const { colors: r, fontSizes: e, fontWeights: n, radii: a, space: l, toRem: d } = o, i = {
+    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`]
+  }), g = (u) => ({
+    backgroundColor: r[`${u}-${u === "green" ? "30" : "40"}`],
     color: r["neutral-90"]
-  }), u = (c) => ({
-    backgroundColor: r[`${c}-${c === "green" ? "40" : "50"}`]
+  }), b = (u) => ({
+    backgroundColor: r[`${u}-${u === "green" ? "40" : "50"}`]
   });
   return {
     default: {
       fontWeight: n.medium,
-      borderRadius: l.md
+      borderRadius: a.md
     },
     variants: {
       default: {
@@ -835,13 +916,13 @@ const w = (e) => {
         color: r["beige-90"]
       },
       primary: {
-        color: e.colors["neutral-90"],
+        color: o.colors["neutral-90"],
         backgroundColor: r["primary-40"]
       },
-      success: i("green"),
-      danger: i("red"),
-      warning: i("orange"),
-      info: i("blue"),
+      success: s("green"),
+      danger: s("red"),
+      warning: s("orange"),
+      info: s("blue"),
       teal: g("teal"),
       blue: g("blue"),
       orange: g("orange"),
@@ -860,82 +941,82 @@ const w = (e) => {
       danger: t("red"),
       warning: t("orange"),
       info: t("blue"),
-      teal: u("teal"),
-      blue: u("blue"),
-      orange: u("orange"),
-      pink: u("pink"),
-      green: u("green"),
-      violet: u("violet")
+      teal: b("teal"),
+      blue: b("blue"),
+      orange: b("orange"),
+      pink: b("pink"),
+      green: b("green"),
+      violet: b("violet")
     },
     sizes: {
       xs: {
-        padding: `${a.xxs} ${a.xs}`,
-        height: d.xs,
-        fontSize: o.xs,
-        gap: a.xs,
-        borderRadius: l.sm
+        padding: `${l.xxs} ${l.xs}`,
+        height: i.xs,
+        fontSize: e.xs,
+        gap: l.xs,
+        borderRadius: a.sm
       },
       sm: {
-        padding: `${a.xs} ${a.sm}`,
-        height: d.sm,
-        fontSize: o.xs,
-        gap: a.xs
+        padding: `${l.xs} ${l.sm}`,
+        height: i.sm,
+        fontSize: e.xs,
+        gap: l.xs
       },
       md: {
-        padding: `${a.xs} ${a.sm}`,
-        height: d.md,
-        fontSize: o.sm,
-        gap: a.sm
+        padding: `${l.xs} ${l.sm}`,
+        height: i.md,
+        fontSize: e.sm,
+        gap: l.sm
       }
     },
     icon: {
-      xs: s(12),
-      sm: s(12),
-      md: s(16)
+      xs: d(12),
+      sm: d(12),
+      md: d(16)
     },
     shape: {
       xs: {
-        width: d.xs,
-        height: d.xs
+        width: i.xs,
+        height: i.xs
       },
       sm: {
-        width: d.sm,
-        height: d.sm
+        width: i.sm,
+        height: i.sm
       },
       md: {
-        width: d.md,
-        height: d.md
+        width: i.md,
+        height: i.md
       }
     }
   };
-}, q = (e) => {
-  const { space: r, toRem: o } = e;
+}, Tr = (o) => {
+  const { space: r, toRem: e } = o;
   return {
-    minHeight: o(130),
+    minHeight: e(130),
     padding: r.md
   };
-}, K = (e, r) => {
-  const { toEm: o, toRem: n } = r, l = n;
+}, Dr = (o, r) => {
+  const { toEm: e, toRem: n } = r, a = n;
   return {
-    h0: l(65),
-    h1: l(45),
-    h2: l(36),
-    h3: l(26),
-    h4: l(20),
-    h5: l(16),
-    h6: l(14),
-    lg: l(18),
-    md: l(16),
-    sm: l(14),
-    "subtitle-md": l(13),
-    "subtitle-sm": l(11),
-    xs: l(12)
+    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)
   };
-}, Q = ({
-  defaultLineHeight: e,
+}, zr = ({
+  defaultLineHeight: o,
   toRem: r
 }) => ({
-  html: e,
+  html: o,
   h0: r(72),
   h1: r(48),
   h2: r(40),
@@ -947,17 +1028,17 @@ const w = (e) => {
   md: r(18),
   sm: r(18),
   xs: r(14),
-  "subtitle-md": e,
-  "subtitle-sm": e
-}), j = {
+  "subtitle-md": o,
+  "subtitle-sm": o
+}), Br = {
   regular: 400,
   medium: 500,
   bold: 600
-}, rr = ({
-  defaultLetterSpacing: e,
+}, Ar = ({
+  defaultLetterSpacing: o,
   toRem: r
 }) => ({
-  html: e,
+  html: o,
   h0: r(-1.7),
   h1: r(-1.2),
   h2: r(-1),
@@ -965,14 +1046,14 @@ const w = (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)
-}), or = (e) => {
-  const { fontWeights: r } = e;
+}), Er = (o) => {
+  const { fontWeights: r } = o;
   return {
     h0: r.bold,
     h1: r.bold,
@@ -988,8 +1069,8 @@ const w = (e) => {
     "subtitle-sm": r.medium,
     xs: r.regular
   };
-}, er = (e) => {
-  const { fonts: r } = e;
+}, _r = (o) => {
+  const { fonts: r } = o;
   return {
     h0: r.headings,
     h1: r.headings,
@@ -1001,11 +1082,11 @@ const w = (e) => {
     "subtitle-md": r.headings,
     "subtitle-sm": r.headings
   };
-}, tr = () => ({
+}, Rr = () => ({
   "subtitle-md": "uppercase",
   "subtitle-sm": "uppercase"
-}), nr = (e) => {
-  const { colors: r } = e;
+}), Lr = (o) => {
+  const { colors: r } = o;
   return {
     h0: r["neutral-90"],
     h1: r["neutral-90"],
@@ -1015,151 +1096,151 @@ const w = (e) => {
     h5: r["neutral-90"],
     h6: r["neutral-90"]
   };
-}, x = (e) => {
+}, D = (o) => {
   const {
     fontSizes: r,
-    letterSpacings: o,
+    letterSpacings: e,
     lineHeights: n,
-    textsFontColors: l,
-    textsFontFamily: a,
-    textsFontWeights: s,
-    textsTextTransform: d
-  } = e;
-  return Object.keys(r).reduce((i, t) => ({
-    ...i,
+    textsFontColors: a,
+    textsFontFamily: l,
+    textsFontWeights: d,
+    textsTextTransform: i
+  } = o;
+  return Object.keys(r).reduce((s, t) => ({
+    ...s,
     [t]: {
-      color: l[t],
-      fontFamily: a[t] || void 0,
-      fontWeight: s[t],
+      color: a[t],
+      fontFamily: l[t] || void 0,
+      fontWeight: d[t],
       fontSize: r[t],
       lineHeight: n[t] || n.lg,
-      letterSpacing: o[t] || void 0,
-      textTransform: d[t] || void 0
+      letterSpacing: e[t] || void 0,
+      textTransform: i[t] || void 0
     }
   }), {});
-}, lr = (e, r, o) => ({
-  texts: [e, "sans-serif"].join(", "),
+}, Ir = (o, r, e) => ({
+  texts: [o, "sans-serif"].join(", "),
   headings: [r, "sans-serif"].join(", "),
-  icons: o
-}), ar = (e) => {
-  const { borderWidths: r, colors: o, fontWeights: n, radii: l, space: a } = e;
+  icons: e
+}), Hr = (o) => {
+  const { borderWidths: r, colors: e, fontWeights: n, radii: a, space: l } = o;
   return {
     default: {
-      paddingLeft: a.sm,
-      paddingRight: a.sm
+      paddingLeft: l.sm,
+      paddingRight: l.sm
     },
     top: {
-      paddingTop: a.lg
+      paddingTop: l.lg
     },
     bottom: {
-      paddingBottom: a.lg
+      paddingBottom: l.lg
     },
     growls: {
       default: {
-        ...x(e).sm,
+        ...D(o).sm,
         borderWidth: r.sm,
         borderStyle: "solid",
-        borderRadius: l.lg,
+        borderRadius: a.lg,
         maxWidth: 340
       },
       title: {
         fontWeight: n.bold,
-        color: o["neutral-90"]
+        color: e["neutral-90"]
       }
     },
     snackbar: {
       default: {
-        borderRadius: l.lg
+        borderRadius: a.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"]
         }
       }
     }
   };
-}, dr = "0.32rem !important", ir = "0.12rem ! important", sr = (e) => {
-  const { borderWidths: r, colors: o, focus: n, toRem: l } = e;
+}, Ur = "0.32rem !important", Or = "0.12rem ! important", Nr = (o) => {
+  const { borderWidths: r, colors: e, focus: n, toRem: a } = 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: l(16),
+        borderRadius: a(16),
         "&:focus": {
-          borderColor: o["primary-30"],
-          ...n(o["primary-30"])
+          borderColor: e["primary-30"],
+          ...n(e["primary-30"])
         }
       },
       sizes: {
         xs: {
-          width: l(28),
-          height: l(16),
-          marginTop: dr
+          width: a(28),
+          height: a(16),
+          marginTop: Ur
         },
         sm: {
-          width: l(36),
-          height: l(20),
-          marginTop: ir
+          width: a(36),
+          height: a(20),
+          marginTop: Or
         },
         md: {
-          width: l(44),
-          height: l(24),
+          width: a(44),
+          height: a(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: l(12),
-          height: l(12)
+          width: a(12),
+          height: a(12)
         },
         sm: {
-          width: l(16),
-          height: l(16)
+          width: a(16),
+          height: a(16)
         },
         md: {
-          width: l(20),
-          height: l(20)
+          width: a(20),
+          height: a(20)
         }
       }
     },
@@ -1180,38 +1261,38 @@ const w = (e) => {
       },
       sizes: {
         xs: {
-          width: l(10),
-          height: l(10),
-          fontSize: l(10)
+          width: a(10),
+          height: a(10),
+          fontSize: a(10)
         },
         sm: {
-          width: l(12),
-          height: l(12),
-          fontSize: l(12)
+          width: a(12),
+          height: a(12),
+          fontSize: a(12)
         },
         md: {
-          width: l(16),
-          height: l(16),
-          fontSize: l(16)
+          width: a(16),
+          height: a(16),
+          fontSize: a(16)
         }
       }
     }
   };
-}, gr = (e) => {
-  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: l, radii: a, space: s, toRem: d } = e;
+}, jr = (o) => {
+  const { borderWidths: r, colors: e, fontSizes: n, fontWeights: a, radii: l, space: d, toRem: i } = o;
   return {
-    maxWidth: d(200),
-    backgroundColor: o["neutral-90"],
-    color: o["neutral-10"],
-    padding: `${s.xs} ${s.sm}`,
+    maxWidth: i(200),
+    backgroundColor: e["neutral-90"],
+    color: e["neutral-10"],
+    padding: `${d.xs} ${d.sm}`,
     fontSize: n.sm,
-    fontWeight: l.medium,
-    border: `${r.sm} solid ${o["neutral-60"]}`,
-    borderRadius: a.md,
+    fontWeight: a.medium,
+    border: `${r.sm} solid ${e["neutral-60"]}`,
+    borderRadius: l.md,
     boxSizing: "border-box"
   };
-}, cr = (e) => {
-  const { colors: r } = e;
+}, Pr = (o) => {
+  const { colors: r } = o;
   return {
     default: {
       color: r["neutral-90"]
@@ -1229,7 +1310,7 @@ const w = (e) => {
       color: r["blue-60"]
     }
   };
-}, ur = {
+}, Gr = {
   "beige-10": "#FBF9F7",
   "beige-20": "#F6F3EF",
   "beige-30": "#EAE4DE",
@@ -1335,94 +1416,94 @@ const w = (e) => {
   "yellow-70": "#846A01",
   "yellow-80": "#604D00",
   "yellow-90": "#423500"
-}, C = (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"],
+}, z = (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)"
-}), h = C(ur), br = Object.keys(h).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);
+}), k = z(Gr), Mr = Object.keys(k).reduce((o, r) => {
+  if (r.startsWith("secondary-") || r === "overlay") return o;
+  const e = 100 - Number(r.slice(-2)), n = r.slice(0, r.length - 2);
   return {
-    ...e,
-    [r]: h[`${n}${o}`]
+    ...o,
+    [r]: k[`${n}${e}`]
   };
-}, {}), mr = {
-  ...h,
-  ...C(br)
-}, Ir = {
-  colors: mr
-}, hr = "f19d0de47a5f6f7446d37111f075c0901835bf12", pr = (e) => ({
+}, {}), Kr = {
+  ...k,
+  ...z(Mr)
+}, he = {
+  colors: Kr
+}, Yr = "f19d0de47a5f6f7446d37111f075c0901835bf12", Jr = (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/${hr}/welcome-icon-font`,
+      url: `${o.fontsUrl}/icon-font/${Yr}/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"
     }
   ]
-}), m = {
+}), C = {
   primary: "ease",
   secondary: "linear",
   tertiary: "cubic-bezier(0.41, 0.094, 0.54, 0.07)"
-}, fr = {
-  slow: `500ms ${m.tertiary}`,
-  medium: `300ms ${m.primary}`,
-  fast: `100ms ${m.secondary}`
-}, xr = ({ colors: e }) => ({
-  default: f`
+}, Xr = {
+  slow: `500ms ${C.tertiary}`,
+  medium: `300ms ${C.primary}`,
+  fast: `100ms ${C.secondary}`
+}, Zr = ({ colors: o }) => ({
+  default: w`
       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%;
@@ -1432,24 +1513,24 @@ const w = (e) => {
         background-size 250ms,
         color 250ms;
     `,
-  hover: f`
+  hover: w`
       opacity: 1;
       background-position-y: 100%;
       background-size: 100% 100%;
     `
-}), Cr = (e) => ({
+}), qr = (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%"
-}), kr = {
+}), Qr = {
   sm: "1px",
   md: "2px",
   lg: "3px"
-}, Fr = {
+}, Vr = {
   xs: 0,
   sm: 480,
   md: 736,
@@ -1458,122 +1539,122 @@ const w = (e) => {
   xxl: 1440,
   "3xl": 1620,
   "4xl": 1920
-}, yr = {
+}, re = {
   sm: "1px 2px 4px 0 rgba(0,0,0,0.05)",
   md: "3px 4px 10px 0 rgba(0,0,0,0.07)"
-}, wr = (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)
-}), $r = (e) => ({
-  backgroundColor: e.colors["primary-40"],
-  color: e.colors["neutral-90"]
-}), Sr = ({ colors: e }) => {
-  function r(o = e["primary-40"]) {
+}, ee = (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)
+}), oe = (o) => ({
+  backgroundColor: o.colors["primary-40"],
+  color: o.colors["neutral-90"]
+}), te = ({ colors: o }) => {
+  function r(e = o["primary-40"]) {
     return {
-      boxShadow: `0 0 0 2px ${o}`
+      boxShadow: `0 0 0 2px ${e}`
     };
   }
   return r;
-}, Wr = (e) => {
-  const { borderWidths: r, colors: o, focus: n, fontSizes: l, fontWeights: a, radii: s, space: d, toRem: i } = e;
+}, ne = (o) => {
+  const { borderWidths: r, colors: e, focus: n, fontSizes: a, fontWeights: l, radii: d, space: i, toRem: s } = o;
   return {
     default: {
-      color: o["neutral-90"],
-      fontSize: l.sm,
+      color: e["neutral-90"],
+      fontSize: a.sm,
       /* Can't use 16 because that's a valid line-height value (16em) */
       lineHeight: "1rem",
-      fontWeight: a.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",
-      borderRadius: s.md
+      borderRadius: d.md
     },
     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"]
+        ...n(e["primary-20"]),
+        borderColor: e["primary-40"]
       },
-      danger: { ...n(o["red-30"]) },
-      warning: { ...n(o["orange-20"]) },
-      success: { ...n(o["green-30"]) }
+      danger: { ...n(e["red-30"]) },
+      warning: { ...n(e["orange-20"]) },
+      success: { ...n(e["green-30"]) }
     },
     sizes: {
       xs: {
-        height: i(24),
-        paddingTop: d.xs,
-        paddingRight: d.sm,
-        paddingBottom: d.xs,
-        paddingLeft: d.sm
+        height: s(24),
+        paddingTop: i.xs,
+        paddingRight: i.sm,
+        paddingBottom: i.xs,
+        paddingLeft: i.sm
       },
       sm: {
-        height: i(32),
-        paddingTop: d.sm,
-        paddingRight: d.md,
-        paddingBottom: d.sm,
-        paddingLeft: d.md
+        height: s(32),
+        paddingTop: i.sm,
+        paddingRight: i.md,
+        paddingBottom: i.sm,
+        paddingLeft: i.md
       },
       md: {
-        height: i(40),
-        paddingTop: d.md,
-        paddingRight: d.md,
-        paddingBottom: d.md,
-        paddingLeft: d.md
+        height: s(40),
+        paddingTop: i.md,
+        paddingRight: i.md,
+        paddingBottom: i.md,
+        paddingLeft: i.md
       },
       lg: {
-        height: i(48),
-        paddingTop: d.lg,
-        paddingRight: d.md,
-        paddingBottom: d.lg,
-        paddingLeft: d.md
+        height: s(48),
+        paddingTop: i.lg,
+        paddingRight: i.md,
+        paddingBottom: i.lg,
+        paddingLeft: i.md
       }
     },
     iconPlacement: {
       xs: {
-        left: i(8),
-        right: i(8)
+        left: s(8),
+        right: s(8)
       },
       sm: {
-        left: i(12),
-        right: i(12)
+        left: s(12),
+        right: s(12)
       },
       md: {
-        left: i(12),
-        right: i(12)
+        left: s(12),
+        right: s(12)
       },
       lg: {
-        left: i(12),
-        right: i(12)
+        left: s(12),
+        right: s(12)
       }
     },
     checkableField: {
@@ -1586,42 +1667,42 @@ const w = (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"
       }
     },
     select: {
       default: {
-        maxHeight: i(155),
-        borderRadius: s.md
+        maxHeight: s(155),
+        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: a.bold
+        color: e["neutral-90"],
+        fontWeight: l.bold
       },
       disabled: {
-        color: o["beige-60"],
+        color: e["beige-60"],
         cursor: "not-allowed"
       }
     },
@@ -1629,21 +1710,21 @@ const w = (e) => {
       "border-width": "0"
     }
   };
-}, Tr = "work-sans", zr = 16, vr = "-0.019rem", Br = 1.15, Ar = "https://cdn.welcome-ui.com/fonts", Dr = "welcome-font", Er = "welcome-icon-font", Hr = (e = {}) => {
+}, ae = "work-sans", le = 16, ie = "-0.019rem", de = 1.15, se = "https://cdn.welcome-ui.com/fonts", ce = "welcome-font", ge = "welcome-icon-font", pe = (o = {}) => {
   const {
-    defaultFontFamily: r = Tr,
-    defaultFontSize: o = zr,
-    defaultLetterSpacing: n = vr,
-    defaultLineHeight: l = Br,
-    fontsUrl: a = Ar,
-    headingFontFamily: s = Dr,
-    iconFontFamily: d = Er,
-    ...i
-  } = e;
+    defaultFontFamily: r = ae,
+    defaultFontSize: e = le,
+    defaultLetterSpacing: n = ie,
+    defaultLineHeight: a = de,
+    fontsUrl: l = se,
+    headingFontFamily: d = ce,
+    iconFontFamily: i = ge,
+    ...s
+  } = o;
   let t = {};
-  return t.transformers = { ...F }, t.toEm = (g) => `${g / o}em`, t.toRem = (g) => `${g / o}rem`, t.toPx = (g) => `${g * o}px`, t.colors = h, t.fontsUrl = a, t.fontFaces = pr(t), t.fontSizes = K("rem", t), t.defaultLineHeight = l, t.defaultLetterSpacing = n, t.lineHeights = Q(t), t.fontWeights = j, t.letterSpacings = rr(t), t.fonts = lr(r, s, d), t.borderWidths = kr, t.screens = Fr, t.space = wr(t), t.inset = t.space, t.radii = Cr(t), t.transitions = fr, t.timingFunction = m, t.shadows = yr, t = p(t, i), t.selection = $r(t), t.underline = xr(t), t.focus = Sr(t), t.textsFontWeights = or(t), t.textsFontFamily = er(t), t.textsFontColors = nr(t), t.textsTextTransform = tr(), t.texts = x(t), t.defaultFields = Wr(t), t.icons = U(t), t.accordions = w(t), t.alerts = $(t), t.avatars = S(t), t.badges = W(t), t.breadcrumbs = T(t), t.buttons = z(t), t.cards = v(t), t.checkboxes = A(t), t.dateTimePickerCommon = B(t), t.drawers = D(t), t.dropdownMenu = E(t), t.fileDrops = R(t), t.hints = L(t), t.labels = I(t), t.links = H(t), t.loaders = _(t), t.modals = N(t), t.paginations = G(t), t.popovers = O(t), t.radios = M(t), t.radiosTab = P(t), t.sliders = Y(t), t.swipers = J(t), t.tables = V(t), t.tabs = X(t), t.tags = Z(t), t.textareas = q(t), t.toasts = ar(t), t.toggles = sr(t), t.tooltips = gr(t), t.variantIcon = cr(t), t.states = y.states, t = p(t, i), t;
+  return t.transformers = { ...A }, t.toEm = (g) => `${g / e}em`, t.toRem = (g) => `${g / e}rem`, t.toPx = (g) => `${g * e}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 = ee(t), t.inset = t.space, t.radii = qr(t), t.transitions = Xr, t.timingFunction = C, t.shadows = re, t = v(t, s), t.selection = oe(t), t.underline = Zr(t), t.focus = te(t), t.textsFontWeights = Er(t), t.textsFontFamily = _r(t), t.textsFontColors = Lr(t), t.textsTextTransform = Rr(), t.texts = D(t), t.defaultFields = ne(t), t.icons = fr(t), t.accordions = er(t), t.alerts = or(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 = wr(t), t.swipers = $r(t), t.tables = vr(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 = v(t, s), t;
 };
 export {
-  Hr as createTheme,
-  Ir as darkTheme
+  pe as createTheme,
+  he as darkTheme
 };