welcome-ui 7.1.1 → 7.2.0

package/dist/theme.mjs

@@ -1,132 +1,132 @@
 "use client";
-import { css as w, rpxTransformers as A, defaultTheme as E } from "@xstyled/styled-components";
+import { css as v, rpxTransformers as A, defaultTheme as E } from "@xstyled/styled-components";
 import { g as _ } from "./_commonjsHelpers-CXJ7dpIk.mjs";
 import { h as p } from "./hex-to-rgba-BIDK-3ab.mjs";
-function R(o) {
-  return o != null && typeof o == "object" && o["@@functional/placeholder"] === !0;
+function R(e) {
+  return e != null && typeof e == "object" && e["@@functional/placeholder"] === !0;
 }
 var F = R, L = F;
-function I(o) {
-  return function r(e) {
-    return arguments.length === 0 || L(e) ? r : o.apply(this, arguments);
+function I(e) {
+  return function r(o) {
+    return arguments.length === 0 || L(o) ? r : e.apply(this, arguments);
   };
 }
 var W = I, y = W, h = F;
-function H(o) {
-  return function r(e, n) {
+function H(e) {
+  return function r(o, n) {
     switch (arguments.length) {
       case 0:
         return r;
       case 1:
-        return h(e) ? r : y(function(a) {
-          return o(e, a);
+        return h(o) ? r : y(function(a) {
+          return e(o, a);
         });
       default:
-        return h(e) && h(n) ? r : h(e) ? y(function(a) {
-          return o(a, n);
+        return h(o) && h(n) ? r : h(o) ? y(function(a) {
+          return e(a, n);
         }) : h(n) ? y(function(a) {
-          return o(e, a);
-        }) : o(e, n);
+          return e(o, a);
+        }) : e(o, n);
     }
   };
 }
 var S = H, f = W, m = S, c = F;
-function U(o) {
-  return function r(e, n, a) {
+function U(e) {
+  return function r(o, n, a) {
     switch (arguments.length) {
       case 0:
         return r;
       case 1:
-        return c(e) ? r : m(function(l, d) {
-          return o(e, l, d);
+        return c(o) ? r : m(function(l, d) {
+          return e(o, l, d);
         });
       case 2:
-        return c(e) && c(n) ? r : c(e) ? m(function(l, d) {
-          return o(l, n, d);
+        return c(o) && c(n) ? r : c(o) ? m(function(l, d) {
+          return e(l, n, d);
         }) : c(n) ? m(function(l, d) {
-          return o(e, l, d);
+          return e(o, l, d);
         }) : f(function(l) {
-          return o(e, n, l);
+          return e(o, 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);
+        return c(o) && c(n) && c(a) ? r : c(o) && c(n) ? m(function(l, d) {
+          return e(l, d, a);
+        }) : c(o) && c(a) ? m(function(l, d) {
+          return e(l, n, d);
         }) : c(n) && c(a) ? m(function(l, d) {
-          return o(e, l, d);
-        }) : c(e) ? f(function(l) {
-          return o(l, n, a);
+          return e(o, l, d);
+        }) : c(o) ? f(function(l) {
+          return e(l, n, a);
         }) : c(n) ? f(function(l) {
-          return o(e, l, a);
+          return e(o, l, a);
         }) : c(a) ? f(function(l) {
-          return o(e, n, l);
-        }) : o(e, n, a);
+          return e(o, n, l);
+        }) : e(o, n, a);
     }
   };
 }
 var T = U;
-function O(o) {
-  return Object.prototype.toString.call(o) === "[object Object]";
+function O(e) {
+  return Object.prototype.toString.call(e) === "[object Object]";
 }
 var N = O;
-function j(o, r) {
-  return Object.prototype.hasOwnProperty.call(r, o);
+function j(e, r) {
+  return Object.prototype.hasOwnProperty.call(r, e);
 }
-var P = j, G = T, x = P, M = /* @__PURE__ */ G(function(r, e, n) {
+var P = j, G = T, x = P, M = /* @__PURE__ */ G(function(r, o, 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]);
+  o = o || {}, n = n || {};
+  for (l in o)
+    x(l, o) && (a[l] = x(l, n) ? r(l, o[l], n[l]) : o[l]);
   for (l in n)
     x(l, n) && !x(l, a) && (a[l] = n[l]);
   return a;
-}), K = M, Y = T, $ = N, J = K, X = /* @__PURE__ */ Y(function o(r, e, n) {
+}), K = M, Y = T, w = N, J = K, X = /* @__PURE__ */ Y(function e(r, o, 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 w(l) && w(d) ? e(r, l, d) : r(a, l, d);
+  }, o, n);
+}), Z = X, q = S, Q = Z, V = /* @__PURE__ */ q(function(r, o) {
   return Q(function(n, a, l) {
     return l;
-  }, r, e);
+  }, r, o);
 }), rr = V;
-const v = /* @__PURE__ */ _(rr), er = (o) => {
-  const { borderWidths: r, colors: e, fontSizes: n, radii: a, space: l, texts: d, transitions: i } = o;
+const $ = /* @__PURE__ */ _(rr), or = (e) => {
+  const { borderWidths: r, colors: o, fontSizes: n, radii: a, space: l, texts: d, transitions: i } = e;
   return {
     padding: l.lg,
     wrapper: {
-      backgroundColor: e["neutral-10"],
+      backgroundColor: o["neutral-10"],
       transition: i.medium,
-      border: `${r.sm} solid ${e["neutral-30"]}`,
+      border: `${r.sm} solid ${o["neutral-30"]}`,
       borderRadius: a.md
     },
     icon: {
-      color: e["neutral-90"]
+      color: o["neutral-90"]
     },
     content: {
       fontSize: n.sm
     },
     title: d.h5
   };
-}, 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`]
+}, er = (e) => {
+  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, radii: l, space: d } = e, i = (s) => ({
+    backgroundColor: o[`${s}-10`],
+    borderColor: o[`${s}-10`],
+    color: o[`${s}-90`]
   });
   return {
     default: {
-      backgroundColor: e["neutral-10"],
-      borderColor: e["neutral-30"],
+      backgroundColor: o["neutral-10"],
+      borderColor: o["neutral-30"],
       borderRadius: l.lg,
       borderStyle: "solid",
       borderWidth: r.sm,
-      color: e["neutral-80"],
+      color: o["neutral-80"],
       fontSize: n.sm
     },
     title: {
       default: {
-        color: e["neutral-90"],
+        color: o["neutral-90"],
         fontWeight: a.medium
       },
       sizes: {
@@ -143,9 +143,14 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     info: i("blue"),
     success: i("green"),
     beige: {
-      backgroundColor: e["beige-20"],
-      borderColor: e["beige-20"],
-      color: e["beige-80"]
+      backgroundColor: o["beige-20"],
+      borderColor: o["beige-20"],
+      color: o["beige-80"]
+    },
+    ai: {
+      backgroundColor: o["violet-10"],
+      color: o["violet-90"],
+      borderColor: o["violet-10"]
     },
     sizes: {
       sm: {
@@ -156,8 +161,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, tr = (o) => {
-  const { colors: r, fontWeights: e, toRem: n } = o;
+}, tr = (e) => {
+  const { colors: r, fontWeights: o, toRem: n } = e;
   return {
     sizes: {
       sm: n(20),
@@ -168,15 +173,15 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     text: {
       color: r["neutral-90"],
-      fontWeight: e.bold
+      fontWeight: o.bold
     }
   };
-}, nr = (o) => {
-  const { colors: r, fontWeights: e, space: n, texts: a, toRem: l } = o;
+}, nr = (e) => {
+  const { colors: r, fontWeights: o, space: n, texts: a, toRem: l } = e;
   return {
     default: {
       ...a.xs,
-      fontWeight: e.medium
+      fontWeight: o.medium
     },
     variants: {
       default: {
@@ -211,12 +216,12 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, ar = (o) => {
-  const { colors: r, space: e, texts: n } = o;
+}, ar = (e) => {
+  const { colors: r, space: o, texts: n } = e;
   return {
     list: {
       ...n["subtitle-sm"],
-      padding: `${e.sm} 0`
+      padding: `${o.sm} 0`
     },
     item: {
       default: {
@@ -231,12 +236,12 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     },
     separator: {
-      padding: `0 ${e.xs}`,
+      padding: `0 ${o.xs}`,
       color: r["neutral-50"]
     }
   };
-}, lr = (o) => {
-  const { colors: r, focus: e, fontWeights: n, radii: a, space: l, texts: d, toRem: i } = o, s = {
+}, lr = (e) => {
+  const { colors: r, focus: o, fontWeights: n, radii: a, space: l, texts: d, toRem: i } = e, s = {
     ...d.xs,
     color: r["neutral-10"],
     fontWeight: n.bold,
@@ -246,7 +251,7 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
   return {
     primary: {
       ...s,
-      color: o.colors["neutral-90"],
+      color: e.colors["neutral-90"],
       backgroundColor: r["primary-40"],
       borderColor: r["primary-40"]
     },
@@ -284,6 +289,23 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
         borderColor: "transparent"
       }
     },
+    ai: {
+      primary: {
+        color: r["neutral-10"],
+        backgroundColor: r["violet-70"],
+        borderColor: "transparent"
+      },
+      tertiary: {
+        backgroundColor: "neutral-10",
+        color: r["violet-70"],
+        borderColor: r["violet-70"]
+      },
+      ghost: {
+        color: r["violet-70"],
+        backgroundColor: r["neutral-10"],
+        borderColor: "transparent"
+      }
+    },
     hover: {
       primary: {
         backgroundColor: r["primary-30"],
@@ -310,17 +332,34 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
         ghost: {
           backgroundColor: r["red-10"]
         }
+      },
+      ai: {
+        primary: {
+          backgroundColor: r["violet-60"],
+          borderColor: "transparent"
+        },
+        tertiary: {
+          backgroundColor: r["violet-10"]
+        },
+        ghost: {
+          backgroundColor: r["violet-10"]
+        }
       }
     },
     focus: {
-      primary: { ...e(r["primary-20"]) },
-      secondary: { ...e(r["neutral-40"]) },
-      tertiary: { ...e(r["neutral-40"]) },
-      ghost: { ...e(r["neutral-40"]) },
+      primary: { ...o(r["primary-20"]) },
+      secondary: { ...o(r["neutral-40"]) },
+      tertiary: { ...o(r["neutral-40"]) },
+      ghost: { ...o(r["neutral-40"]) },
       danger: {
-        primary: { ...e(r["red-40"]) },
-        tertiary: { ...e(r["red-40"]) },
-        ghost: { ...e(r["red-40"]) }
+        primary: { ...o(r["red-40"]) },
+        tertiary: { ...o(r["red-40"]) },
+        ghost: { ...o(r["red-40"]) }
+      },
+      ai: {
+        primary: { ...o(r["violet-50"]) },
+        tertiary: { ...o(r["violet-50"]) },
+        ghost: { ...o(r["violet-50"]) }
       }
     },
     active: {
@@ -349,6 +388,18 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
         ghost: {
           backgroundColor: r["red-20"]
         }
+      },
+      ai: {
+        primary: {
+          backgroundColor: r["violet-40"],
+          borderColor: r["violet-40"]
+        },
+        tertiary: {
+          backgroundColor: r["violet-30"]
+        },
+        ghost: {
+          backgroundColor: r["violet-30"]
+        }
       }
     },
     disabled: {
@@ -356,7 +407,7 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       color: r["beige-70"],
       backgroundColor: r["beige-40"],
       borderColor: r["beige-40"],
-      "&:focus": { ...e(r["beige-10"]) }
+      "&:focus": { ...o(r["beige-10"]) }
     },
     sizes: {
       xs: {
@@ -395,40 +446,40 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, ir = (o) => {
-  const { borderWidths: r, colors: e } = o;
+}, ir = (e) => {
+  const { borderWidths: r, colors: o } = e;
   return {
     default: {
-      backgroundColor: e["neutral-10"],
+      backgroundColor: o["neutral-10"],
       borderStyle: "solid",
       borderWidth: r.sm,
-      borderColor: e["neutral-30"]
+      borderColor: o["neutral-30"]
     }
   };
-}, dr = (o) => {
-  const { colors: r, fontWeights: e } = o;
+}, dr = (e) => {
+  const { colors: r, fontWeights: o } = e;
   return {
     item: {
       selected: {
         color: r["neutral-90"],
-        fontWeight: e.bold,
+        fontWeight: o.bold,
         backgroundColor: r["primary-40"],
         outline: "none"
       },
       today: {
         color: r["neutral-90"],
-        fontWeight: e.bold
+        fontWeight: o.bold
       }
     }
   };
-}, sr = (o) => {
-  const { colors: r, radii: e, toRem: n } = o;
+}, sr = (e) => {
+  const { colors: r, radii: o, toRem: n } = e;
   return {
     default: {
       width: n(16),
       height: n(16),
       flexShrink: 0,
-      borderRadius: e.sm
+      borderRadius: o.sm
     },
     disabled: {
       borderColor: r["beige-60"]
@@ -439,8 +490,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       borderColor: r["primary-40"]
     }
   };
-}, cr = (o) => {
-  const { colors: r, space: e, toRem: n } = o;
+}, cr = (e) => {
+  const { colors: r, space: o, toRem: n } = e;
   return {
     backdrop: {
       backgroundColor: r.overlay,
@@ -453,14 +504,14 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     title: {
       margin: 0,
       backgroundColor: r["neutral-10"],
-      padding: `${e.xl} ${e["5xl"]} ${e.xl} ${e.xl}`
+      padding: `${o.xl} ${o["5xl"]} ${o.xl} ${o.xl}`
     },
     content: {
-      padding: `${e.xl}`
+      padding: `${o.xl}`
     },
     footer: {
       backgroundColor: r["neutral-10"],
-      padding: `${e.xl}`
+      padding: `${o.xl}`
     },
     sizes: {
       horizontal: {
@@ -475,11 +526,11 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, gr = (o) => {
-  const { colors: r, fontSizes: e, radii: n, toRem: a } = o, l = r["beige-30"];
+}, gr = (e) => {
+  const { colors: r, fontSizes: o, radii: n, toRem: a } = e, l = r["beige-30"];
   return {
     inner: {
-      fontSize: e.sm,
+      fontSize: o.sm,
       minWidth: a(130),
       borderRadius: n.md
     },
@@ -504,11 +555,11 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       backgroundColor: l
     }
   };
-}, ur = (o) => {
-  const { colors: r, toRem: e } = o;
+}, ur = (e) => {
+  const { colors: r, toRem: o } = e;
   return {
     default: {
-      minHeight: e(200),
+      minHeight: o(200),
       borderStyle: "dashed"
     },
     dragAccept: {},
@@ -517,11 +568,11 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       backgroundColor: r["beige-30"]
     }
   };
-}, br = (o) => {
-  const { colors: r, texts: e } = o;
+}, br = (e) => {
+  const { colors: r, texts: o } = e;
   return {
     default: {
-      ...e.xs,
+      ...o.xs,
       color: r["neutral-60"]
     },
     danger: {
@@ -534,19 +585,19 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       color: r["orange-70"]
     }
   };
-}, mr = (o) => {
-  const { colors: r, fontSizes: e, fontWeights: n } = o;
+}, mr = (e) => {
+  const { colors: r, fontSizes: o, fontWeights: n } = e;
   return {
     color: r["neutral-60"],
-    fontSize: e.sm,
+    fontSize: o.sm,
     fontWeight: n.medium
   };
-}, hr = (o) => {
-  const { colors: r, fontWeights: e, icons: n, space: a, transitions: l } = o;
+}, hr = (e) => {
+  const { colors: r, fontWeights: o, icons: n, space: a, transitions: l } = e;
   return {
     default: {
       color: r["neutral-90"],
-      fontWeight: e.medium,
+      fontWeight: o.medium,
       transition: l.medium
     },
     withExternalLink: {
@@ -569,20 +620,20 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, 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;
+}, 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;
   return {
     backdrop: {
       backgroundColor: r.overlay,
@@ -590,12 +641,12 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     default: {
       zIndex: 999,
-      borderRadius: e.md
+      borderRadius: o.md
     },
     header: {
       backgroundColor: r["neutral-10"],
-      borderTopLeftRadius: e.md,
-      borderTopRightRadius: e.md,
+      borderTopLeftRadius: o.md,
+      borderTopRightRadius: o.md,
       paddingTop: n.xxl,
       paddingRight: n["3xl"],
       paddingBottom: n.xxl,
@@ -615,8 +666,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     footer: {
       backgroundColor: r["neutral-10"],
       borderTop: `solid ${r["neutral-30"]}`,
-      borderBottomLeftRadius: e.md,
-      borderBottomRightRadius: e.md,
+      borderBottomLeftRadius: o.md,
+      borderBottomRightRadius: o.md,
       children: {
         paddingRight: n.xxl,
         paddingLeft: n.xxl,
@@ -649,8 +700,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     cover: {}
   };
-}, Cr = (o) => {
-  const { colors: r, focus: e, fontSizes: n, fontWeights: a, toRem: l } = o;
+}, Cr = (e) => {
+  const { colors: r, focus: o, fontSizes: n, fontWeights: a, toRem: l } = e;
   return {
     default: {
       width: l(32),
@@ -663,7 +714,7 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       "&:hover, &:focus": {
         backgroundColor: r["neutral-30"]
       },
-      "&:focus": { ...e(r["neutral-60"]) }
+      "&:focus": { ...o(r["neutral-60"]) }
     },
     active: {
       backgroundColor: r["neutral-90"],
@@ -677,13 +728,13 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       color: r["beige-70"]
     }
   };
-}, kr = (o) => {
-  const { borderWidths: r, colors: e, space: n, texts: a, toRem: l } = o;
+}, kr = (e) => {
+  const { borderWidths: r, colors: o, space: n, texts: a, toRem: l } = e;
   return {
     default: {
       ...a.sm,
-      backgroundColor: e["neutral-90"],
-      color: e["neutral-10"],
+      backgroundColor: o["neutral-90"],
+      color: o["neutral-10"],
       maxWidth: l(700),
       zIndex: 1
     },
@@ -694,18 +745,18 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     title: {
       ...a.h6,
       padding: `${n.md} ${n.md} ${n.xs}`,
-      color: e["neutral-10"],
-      borderBottomColor: e["neutral-70"],
+      color: o["neutral-10"],
+      borderBottomColor: o["neutral-70"],
       borderBottomWidth: r.sm,
       borderBottomStyle: "solid"
     }
   };
-}, yr = (o) => {
-  const { colors: r, toRem: e } = o;
+}, yr = (e) => {
+  const { colors: r, toRem: o } = e;
   return {
     default: {
-      width: e(16),
-      height: e(16)
+      width: o(16),
+      height: o(16)
     },
     checked: {
       color: r["neutral-90"],
@@ -716,8 +767,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       disabled: r["beige-60"]
     }
   };
-}, Fr = (o) => {
-  const { colors: r } = o;
+}, Fr = (e) => {
+  const { colors: r } = e;
   return {
     default: {
       "&:hover": {
@@ -726,52 +777,52 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     checked: {
       backgroundColor: r["primary-40"],
-      color: o.colors["neutral-90"],
+      color: e.colors["neutral-90"],
       borderColor: r["primary-40"],
       "&:hover": {
         backgroundColor: r["primary-30"]
       }
     }
   };
-}, wr = (o) => {
-  const { borderWidths: r, colors: e } = o;
+}, vr = (e) => {
+  const { borderWidths: r, colors: o } = e;
   return {
     default: {
-      backgroundColor: e["beige-40"],
-      backgroundImage: `linear-gradient(${e["primary-40"]}, ${e["primary-40"]})`
+      backgroundColor: o["beige-40"],
+      backgroundImage: `linear-gradient(${o["primary-40"]}, ${o["primary-40"]})`
     },
     selector: {
-      backgroundColor: e["neutral-90"],
+      backgroundColor: o["neutral-90"],
       borderRadius: "50%",
       border: `${r.md} solid`,
       disabled: {
-        backgroundColor: e["beige-60"]
+        backgroundColor: o["beige-60"]
       }
     },
     output: {
       tooltip: {
-        backgroundColor: e["neutral-90"],
-        border: `${r.sm} solid ${e["neutral-70"]}}`,
-        color: e["neutral-10"]
+        backgroundColor: o["neutral-90"],
+        border: `${r.sm} solid ${o["neutral-70"]}}`,
+        color: o["neutral-10"]
       }
     },
     focused: {
-      outline: `${r.md} solid ${e["primary-40"]}`,
+      outline: `${r.md} solid ${o["primary-40"]}`,
       disabled: {
         outline: "none"
       }
     },
     disabled: {
-      backgroundImage: `linear-gradient(${e["beige-60"]}, ${e["beige-60"]})`
+      backgroundImage: `linear-gradient(${o["beige-60"]}, ${o["beige-60"]})`
     },
     rangeInput: {
       disabled: {
-        backgroundColor: e["beige-60"]
+        backgroundColor: o["beige-60"]
       }
     }
   };
-}, $r = (o) => {
-  const { colors: r } = o;
+}, wr = (e) => {
+  const { colors: r } = e;
   return {
     navigation: {
       bullet: {
@@ -780,14 +831,14 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, vr = (o) => {
-  const { borderWidths: r, colors: e, fontWeights: n, space: a } = o;
+}, $r = (e) => {
+  const { borderWidths: r, colors: o, fontWeights: n, space: a } = e;
   return {
     th: {
-      color: e["neutral-60"],
+      color: o["neutral-60"],
       fontWeight: n.medium,
       textAlign: "left",
-      borderBottomColor: e["neutral-90"],
+      borderBottomColor: o["neutral-90"],
       borderBottomWidth: r.sm,
       borderBottomStyle: "solid"
     },
@@ -797,57 +848,57 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     tr: {
       default: {
-        borderBottomColor: e["neutral-30"],
+        borderBottomColor: o["neutral-30"],
         borderBottomWidth: r.sm,
         borderBottomStyle: "solid"
       },
       danger: {
-        backgroundColor: e["red-10"],
-        color: e["red-70"]
+        backgroundColor: o["red-10"],
+        color: o["red-70"]
       },
       warning: {
-        backgroundColor: e["orange-10"],
-        color: e["orange-80"]
+        backgroundColor: o["orange-10"],
+        color: o["orange-80"]
       },
       info: {
-        backgroundColor: e["blue-10"],
-        color: e["blue-70"]
+        backgroundColor: o["blue-10"],
+        color: o["blue-70"]
       },
       success: {
-        backgroundColor: e["green-10"],
-        color: e["green-70"]
+        backgroundColor: o["green-10"],
+        color: o["green-70"]
       },
       clickable: {
         cursor: "pointer"
       }
     }
   };
-}, Wr = (o) => {
-  const { borderWidths: r, colors: e, fontSizes: n, fontWeights: a, lineHeights: l, space: d } = o;
+}, Wr = (e) => {
+  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, lineHeights: l, space: d } = e;
   return {
     tabsBorder: {
       horizontal: {
-        boxShadow: `inset 0 -${r.sm} 0 ${e["neutral-30"]}`
+        boxShadow: `inset 0 -${r.sm} 0 ${o["neutral-30"]}`
       },
       vertical: {
-        boxShadow: `inset -${r.sm} 0 0 ${e["neutral-30"]}`
+        boxShadow: `inset -${r.sm} 0 0 ${o["neutral-30"]}`
       }
     },
     item: {
       default: {
-        color: e["neutral-70"],
+        color: o["neutral-70"],
         fontWeight: a.medium,
         textDecoration: "none",
         lineHeight: l.md
       },
       active: {
-        color: e["neutral-90"]
+        color: o["neutral-90"]
       },
       focus: {
-        color: e["neutral-90"]
+        color: o["neutral-90"]
       },
       disabled: {
-        color: e["neutral-50"]
+        color: o["neutral-50"]
       },
       size: {
         sm: {
@@ -873,11 +924,11 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     activeBar: {
       horizontal: {
-        background: e["primary-40"],
+        background: o["primary-40"],
         height: r.md
       },
       vertical: {
-        background: e["primary-40"],
+        background: o["primary-40"],
         width: r.md
       }
     },
@@ -889,8 +940,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       maxHeight: d.lg
     }
   };
-}, Sr = (o) => {
-  const { colors: r, fontSizes: e, fontWeights: n, radii: a, space: l, toRem: d } = o, i = {
+}, Sr = (e) => {
+  const { colors: r, fontSizes: o, fontWeights: n, radii: a, space: l, toRem: d } = e, i = {
     xs: d(20),
     sm: d(24),
     md: d(32)
@@ -916,7 +967,7 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
         color: r["beige-90"]
       },
       primary: {
-        color: o.colors["neutral-90"],
+        color: e.colors["neutral-90"],
         backgroundColor: r["primary-40"]
       },
       success: s("green"),
@@ -928,7 +979,11 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       orange: g("orange"),
       pink: g("pink"),
       green: g("green"),
-      violet: g("violet")
+      violet: g("violet"),
+      ai: {
+        backgroundColor: r["violet-20"],
+        color: r["violet-90"]
+      }
     },
     hover: {
       default: {
@@ -946,26 +1001,29 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       orange: b("orange"),
       pink: b("pink"),
       green: b("green"),
-      violet: b("violet")
+      violet: b("violet"),
+      ai: {
+        backgroundColor: r["violet-30"]
+      }
     },
     sizes: {
       xs: {
         padding: `${l.xxs} ${l.xs}`,
         height: i.xs,
-        fontSize: e.xs,
+        fontSize: o.xs,
         gap: l.xs,
         borderRadius: a.sm
       },
       sm: {
         padding: `${l.xs} ${l.sm}`,
         height: i.sm,
-        fontSize: e.xs,
+        fontSize: o.xs,
         gap: l.xs
       },
       md: {
         padding: `${l.xs} ${l.sm}`,
         height: i.md,
-        fontSize: e.sm,
+        fontSize: o.sm,
         gap: l.sm
       }
     },
@@ -989,14 +1047,14 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, Tr = (o) => {
-  const { space: r, toRem: e } = o;
+}, Tr = (e) => {
+  const { space: r, toRem: o } = e;
   return {
-    minHeight: e(130),
+    minHeight: o(130),
     padding: r.md
   };
-}, Dr = (o, r) => {
-  const { toEm: e, toRem: n } = r, a = n;
+}, Dr = (e, r) => {
+  const { toEm: o, toRem: n } = r, a = n;
   return {
     h0: a(65),
     h1: a(45),
@@ -1013,10 +1071,10 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     xs: a(12)
   };
 }, zr = ({
-  defaultLineHeight: o,
+  defaultLineHeight: e,
   toRem: r
 }) => ({
-  html: o,
+  html: e,
   h0: r(72),
   h1: r(48),
   h2: r(40),
@@ -1028,17 +1086,17 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
   md: r(18),
   sm: r(18),
   xs: r(14),
-  "subtitle-md": o,
-  "subtitle-sm": o
+  "subtitle-md": e,
+  "subtitle-sm": e
 }), Br = {
   regular: 400,
   medium: 500,
   bold: 600
 }, Ar = ({
-  defaultLetterSpacing: o,
+  defaultLetterSpacing: e,
   toRem: r
 }) => ({
-  html: o,
+  html: e,
   h0: r(-1.7),
   h1: r(-1.2),
   h2: r(-1),
@@ -1046,14 +1104,14 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
   h4: r(-0.6),
   h5: r(-0.5),
   h6: r(-0.5),
-  lg: o,
-  md: o,
-  sm: o,
+  lg: e,
+  md: e,
+  sm: e,
   xs: r(-0.2),
   "subtitle-md": r(-0.2),
   "subtitle-sm": r(-0.2)
-}), Er = (o) => {
-  const { fontWeights: r } = o;
+}), Er = (e) => {
+  const { fontWeights: r } = e;
   return {
     h0: r.bold,
     h1: r.bold,
@@ -1069,8 +1127,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     "subtitle-sm": r.medium,
     xs: r.regular
   };
-}, _r = (o) => {
-  const { fonts: r } = o;
+}, _r = (e) => {
+  const { fonts: r } = e;
   return {
     h0: r.headings,
     h1: r.headings,
@@ -1085,8 +1143,8 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
 }, Rr = () => ({
   "subtitle-md": "uppercase",
   "subtitle-sm": "uppercase"
-}), Lr = (o) => {
-  const { colors: r } = o;
+}), Lr = (e) => {
+  const { colors: r } = e;
   return {
     h0: r["neutral-90"],
     h1: r["neutral-90"],
@@ -1096,16 +1154,16 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     h5: r["neutral-90"],
     h6: r["neutral-90"]
   };
-}, D = (o) => {
+}, D = (e) => {
   const {
     fontSizes: r,
-    letterSpacings: e,
+    letterSpacings: o,
     lineHeights: n,
     textsFontColors: a,
     textsFontFamily: l,
     textsFontWeights: d,
     textsTextTransform: i
-  } = o;
+  } = e;
   return Object.keys(r).reduce((s, t) => ({
     ...s,
     [t]: {
@@ -1114,16 +1172,16 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       fontWeight: d[t],
       fontSize: r[t],
       lineHeight: n[t] || n.lg,
-      letterSpacing: e[t] || void 0,
+      letterSpacing: o[t] || void 0,
       textTransform: i[t] || void 0
     }
   }), {});
-}, Ir = (o, r, e) => ({
-  texts: [o, "sans-serif"].join(", "),
+}, Ir = (e, r, o) => ({
+  texts: [e, "sans-serif"].join(", "),
   headings: [r, "sans-serif"].join(", "),
-  icons: e
-}), Hr = (o) => {
-  const { borderWidths: r, colors: e, fontWeights: n, radii: a, space: l } = o;
+  icons: o
+}), Hr = (e) => {
+  const { borderWidths: r, colors: o, fontWeights: n, radii: a, space: l } = e;
   return {
     default: {
       paddingLeft: l.sm,
@@ -1137,7 +1195,7 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     growls: {
       default: {
-        ...D(o).sm,
+        ...D(e).sm,
         borderWidth: r.sm,
         borderStyle: "solid",
         borderRadius: a.lg,
@@ -1145,7 +1203,7 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       },
       title: {
         fontWeight: n.bold,
-        color: e["neutral-90"]
+        color: o["neutral-90"]
       }
     },
     snackbar: {
@@ -1155,36 +1213,36 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       separator: {
         default: {
           borderLeft: "1px solid",
-          borderLeftColor: e["neutral-30"]
+          borderLeftColor: o["neutral-30"]
         },
         danger: {
-          borderLeftColor: e["red-20"]
+          borderLeftColor: o["red-20"]
         },
         warning: {
-          borderLeftColor: e["orange-20"]
+          borderLeftColor: o["orange-20"]
         },
         info: {
-          borderLeftColor: e["blue-30"]
+          borderLeftColor: o["blue-30"]
         },
         success: {
-          borderLeftColor: e["green-30"]
+          borderLeftColor: o["green-30"]
         }
       }
     }
   };
-}, Ur = "0.32rem !important", Or = "0.12rem ! important", Nr = (o) => {
-  const { borderWidths: r, colors: e, focus: n, toRem: a } = o;
+}, Ur = "0.32rem !important", Or = "0.12rem ! important", Nr = (e) => {
+  const { borderWidths: r, colors: o, focus: n, toRem: a } = e;
   return {
     item: {
       default: {
-        backgroundColor: e["neutral-10"],
-        borderColor: e["neutral-30"],
+        backgroundColor: o["neutral-10"],
+        borderColor: o["neutral-30"],
         borderWidth: r.sm,
         borderStyle: "solid",
         borderRadius: a(16),
         "&:focus": {
-          borderColor: e["primary-30"],
-          ...n(e["primary-30"])
+          borderColor: o["primary-30"],
+          ...n(o["primary-30"])
         }
       },
       sizes: {
@@ -1205,29 +1263,29 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
         }
       },
       checked: {
-        backgroundColor: e["primary-40"],
-        borderColor: e["primary-40"]
+        backgroundColor: o["primary-40"],
+        borderColor: o["primary-40"]
       },
       disabled: {
-        borderColor: e["beige-60"],
-        backgroundColor: e["beige-40"]
+        borderColor: o["beige-60"],
+        backgroundColor: o["beige-40"]
       }
     },
     after: {
       default: {
-        backgroundColor: e["neutral-10"],
-        borderColor: e["neutral-50"],
+        backgroundColor: o["neutral-10"],
+        borderColor: o["neutral-50"],
         borderWidth: r.sm,
         borderStyle: "solid",
         borderRadius: "50%"
       },
       checked: {
-        backgroundColor: e["neutral-10"],
-        borderColor: e["neutral-10"]
+        backgroundColor: o["neutral-10"],
+        borderColor: o["neutral-10"]
       },
       disabled: {
         borderColor: "transparent",
-        backgroundColor: e["beige-60"]
+        backgroundColor: o["beige-60"]
       },
       sizes: {
         xs: {
@@ -1278,21 +1336,21 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     }
   };
-}, jr = (o) => {
-  const { borderWidths: r, colors: e, fontSizes: n, fontWeights: a, radii: l, space: d, toRem: i } = o;
+}, jr = (e) => {
+  const { borderWidths: r, colors: o, fontSizes: n, fontWeights: a, radii: l, space: d, toRem: i } = e;
   return {
     maxWidth: i(200),
-    backgroundColor: e["neutral-90"],
-    color: e["neutral-10"],
+    backgroundColor: o["neutral-90"],
+    color: o["neutral-10"],
     padding: `${d.xs} ${d.sm}`,
     fontSize: n.sm,
     fontWeight: a.medium,
-    border: `${r.sm} solid ${e["neutral-60"]}`,
+    border: `${r.sm} solid ${o["neutral-60"]}`,
     borderRadius: l.md,
     boxSizing: "border-box"
   };
-}, Pr = (o) => {
-  const { colors: r } = o;
+}, Pr = (e) => {
+  const { colors: r } = e;
   return {
     default: {
       color: r["neutral-90"]
@@ -1308,6 +1366,9 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     info: {
       color: r["blue-60"]
+    },
+    ai: {
+      color: r["violet-70"]
     }
   };
 }, Gr = {
@@ -1416,75 +1477,75 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
   "yellow-70": "#846A01",
   "yellow-80": "#604D00",
   "yellow-90": "#423500"
-}, 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"],
+}, z = (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"],
   overlay: "rgba(0, 0, 0, 0.55)"
-}), 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);
+}), k = z(Gr), Mr = Object.keys(k).reduce((e, r) => {
+  if (r.startsWith("secondary-") || r === "overlay") return e;
+  const o = 100 - Number(r.slice(-2)), n = r.slice(0, r.length - 2);
   return {
-    ...o,
-    [r]: k[`${n}${e}`]
+    ...e,
+    [r]: k[`${n}${o}`]
   };
 }, {}), Kr = {
   ...k,
   ...z(Mr)
-}, he = {
+}, po = {
   colors: Kr
-}, Yr = "f19d0de47a5f6f7446d37111f075c0901835bf12", Jr = (o) => ({
+}, Yr = "f19d0de47a5f6f7446d37111f075c0901835bf12", Jr = (e) => ({
   "welcome-font": [
     {
-      url: `${o.fontsUrl}/welcome-font-regular`,
+      url: `${e.fontsUrl}/welcome-font-regular`,
       weight: "400"
     },
     {
-      url: `${o.fontsUrl}/welcome-font-medium`,
+      url: `${e.fontsUrl}/welcome-font-medium`,
       weight: "500"
     },
     {
-      url: `${o.fontsUrl}/welcome-font-bold`,
+      url: `${e.fontsUrl}/welcome-font-bold`,
       weight: "600"
     },
     {
-      url: `${o.fontsUrl}/welcome-font-regular-italic`,
+      url: `${e.fontsUrl}/welcome-font-regular-italic`,
       style: "italic",
       weight: "400"
     },
     {
-      url: `${o.fontsUrl}/welcome-font-medium-italic`,
+      url: `${e.fontsUrl}/welcome-font-medium-italic`,
       style: "italic",
       weight: "500"
     },
     {
-      url: `${o.fontsUrl}/welcome-font-bold-italic`,
+      url: `${e.fontsUrl}/welcome-font-bold-italic`,
       style: "italic",
       weight: "600"
     }
   ],
   "welcome-icon-font": [
     {
-      url: `${o.fontsUrl}/icon-font/${Yr}/welcome-icon-font`,
+      url: `${e.fontsUrl}/icon-font/${Yr}/welcome-icon-font`,
       display: "block"
     }
   ],
   "work-sans": [
     {
-      url: `${o.fontsUrl}/work-sans-variable`,
+      url: `${e.fontsUrl}/work-sans-variable`,
       isVariable: !0,
       stretch: "75% 125%",
       weight: "100 1000"
@@ -1498,12 +1559,12 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
   slow: `500ms ${C.tertiary}`,
   medium: `300ms ${C.primary}`,
   fast: `100ms ${C.secondary}`
-}, Zr = ({ colors: o }) => ({
-  default: w`
+}, Zr = ({ colors: e }) => ({
+  default: v`
       background-image: linear-gradient(
         0deg,
-        ${o["primary-40"]},
-        ${o["primary-40"]} 100%
+        ${e["primary-40"]},
+        ${e["primary-40"]} 100%
       );
       background-repeat: no-repeat;
       background-size: 100% 50%;
@@ -1513,18 +1574,18 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
         background-size 250ms,
         color 250ms;
     `,
-  hover: w`
+  hover: v`
       opacity: 1;
       background-position-y: 100%;
       background-size: 100% 100%;
     `
-}), qr = (o) => ({
+}), qr = (e) => ({
   none: "0",
-  sm: o.toRem(2),
-  md: o.toRem(4),
-  lg: o.toRem(8),
-  xl: o.toRem(16),
-  xxl: o.toRem(24),
+  sm: e.toRem(2),
+  md: e.toRem(4),
+  lg: e.toRem(8),
+  xl: e.toRem(16),
+  xxl: e.toRem(24),
   full: "100%"
 }), Qr = {
   sm: "1px",
@@ -1539,43 +1600,43 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
   xxl: 1440,
   "3xl": 1620,
   "4xl": 1920
-}, re = {
+}, ro = {
   sm: "1px 2px 4px 0 rgba(0,0,0,0.05)",
   md: "3px 4px 10px 0 rgba(0,0,0,0.07)"
-}, 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"]) {
+}, 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"]) {
     return {
-      boxShadow: `0 0 0 2px ${e}`
+      boxShadow: `0 0 0 2px ${o}`
     };
   }
   return r;
-}, ne = (o) => {
-  const { borderWidths: r, colors: e, focus: n, fontSizes: a, fontWeights: l, radii: d, space: i, toRem: s } = o;
+}, no = (e) => {
+  const { borderWidths: r, colors: o, focus: n, fontSizes: a, fontWeights: l, radii: d, space: i, toRem: s } = e;
   return {
     default: {
-      color: e["neutral-90"],
+      color: o["neutral-90"],
       fontSize: a.sm,
       /* Can't use 16 because that's a valid line-height value (16em) */
       lineHeight: "1rem",
       fontWeight: l.regular,
-      backgroundColor: e["neutral-10"],
-      borderColor: e["neutral-30"],
+      backgroundColor: o["neutral-10"],
+      borderColor: o["neutral-30"],
       borderWidth: r.sm,
       borderStyle: "solid",
       outline: "none",
@@ -1583,31 +1644,31 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
     },
     hover: {
       default: {
-        borderColor: e["neutral-40"]
+        borderColor: o["neutral-40"]
       },
       transparency: {
-        borderColor: e["neutral-20"]
+        borderColor: o["neutral-20"]
       }
     },
     variants: {
       danger: {
-        borderColor: e["red-70"]
+        borderColor: o["red-70"]
       },
       success: {
-        borderColor: e["green-60"]
+        borderColor: o["green-60"]
       },
       warning: {
-        borderColor: e["orange-60"]
+        borderColor: o["orange-60"]
       }
     },
     focused: {
       default: {
-        ...n(e["primary-20"]),
-        borderColor: e["primary-40"]
+        ...n(o["primary-20"]),
+        borderColor: o["primary-40"]
       },
-      danger: { ...n(e["red-30"]) },
-      warning: { ...n(e["orange-20"]) },
-      success: { ...n(e["green-30"]) }
+      danger: { ...n(o["red-30"]) },
+      warning: { ...n(o["orange-20"]) },
+      success: { ...n(o["green-30"]) }
     },
     sizes: {
       xs: {
@@ -1667,17 +1728,17 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       }
     },
     disabled: {
-      backgroundColor: e["beige-40"],
-      color: e["beige-70"],
+      backgroundColor: o["beige-40"],
+      color: o["beige-70"],
       cursor: "not-allowed"
     },
     placeholder: {
-      color: e["neutral-50"]
+      color: o["neutral-50"]
     },
     checkablelabel: {
       default: {},
       checked: {
-        color: e["neutral-90"],
+        color: o["neutral-90"],
         "-webkit-text-stroke": "0.04em"
       }
     },
@@ -1687,22 +1748,22 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
         borderRadius: d.md
       },
       existing: {
-        color: e["beige-40"],
+        color: o["beige-40"],
         cursor: "not-allowed"
       },
       highlighted: {
-        backgroundColor: e["beige-20"],
+        backgroundColor: o["beige-20"],
         cursor: "default"
       },
       selectedAndHighlighted: {
         backgroundImage: "linear-gradient(0deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.08) 100%)"
       },
       selected: {
-        color: e["neutral-90"],
+        color: o["neutral-90"],
         fontWeight: l.bold
       },
       disabled: {
-        color: e["beige-60"],
+        color: o["beige-60"],
         cursor: "not-allowed"
       }
     },
@@ -1710,21 +1771,21 @@ const v = /* @__PURE__ */ _(rr), er = (o) => {
       "border-width": "0"
     }
   };
-}, 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 = {}) => {
+}, ao = "work-sans", lo = 16, io = "-0.019rem", so = 1.15, co = "https://cdn.welcome-ui.com/fonts", go = "welcome-font", uo = "welcome-icon-font", fo = (e = {}) => {
   const {
-    defaultFontFamily: r = ae,
-    defaultFontSize: e = le,
-    defaultLetterSpacing: n = ie,
-    defaultLineHeight: a = de,
-    fontsUrl: l = se,
-    headingFontFamily: d = ce,
-    iconFontFamily: i = ge,
+    defaultFontFamily: r = ao,
+    defaultFontSize: o = lo,
+    defaultLetterSpacing: n = io,
+    defaultLineHeight: a = so,
+    fontsUrl: l = co,
+    headingFontFamily: d = go,
+    iconFontFamily: i = uo,
     ...s
-  } = o;
+  } = e;
   let 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;
+  return t.transformers = { ...A }, t.toEm = (g) => `${g / o}em`, t.toRem = (g) => `${g / o}rem`, t.toPx = (g) => `${g * o}px`, t.colors = k, t.fontsUrl = l, t.fontFaces = Jr(t), t.fontSizes = Dr("rem", t), t.defaultLineHeight = a, t.defaultLetterSpacing = n, t.lineHeights = zr(t), t.fontWeights = Br, t.letterSpacings = Ar(t), t.fonts = Ir(r, d, i), t.borderWidths = Qr, t.screens = Vr, t.space = oo(t), t.inset = t.space, t.radii = qr(t), t.transitions = Xr, t.timingFunction = C, t.shadows = ro, t = $(t, s), t.selection = eo(t), t.underline = Zr(t), t.focus = to(t), t.textsFontWeights = Er(t), t.textsFontFamily = _r(t), t.textsFontColors = Lr(t), t.textsTextTransform = Rr(), t.texts = D(t), t.defaultFields = no(t), t.icons = fr(t), t.accordions = or(t), t.alerts = er(t), t.avatars = tr(t), t.badges = nr(t), t.breadcrumbs = ar(t), t.buttons = lr(t), t.cards = ir(t), t.checkboxes = sr(t), t.dateTimePickerCommon = dr(t), t.drawers = cr(t), t.dropdownMenu = gr(t), t.fileDrops = ur(t), t.hints = br(t), t.labels = mr(t), t.links = hr(t), t.loaders = pr(t), t.modals = xr(t), t.paginations = Cr(t), t.popovers = kr(t), t.radios = yr(t), t.radiosTab = Fr(t), t.sliders = vr(t), t.swipers = wr(t), t.tables = $r(t), t.tabs = Wr(t), t.tags = Sr(t), t.textareas = Tr(t), t.toasts = Hr(t), t.toggles = Nr(t), t.tooltips = jr(t), t.variantIcon = Pr(t), t.states = E.states, t = $(t, s), t;
 };
 export {
-  pe as createTheme,
-  he as darkTheme
+  fo as createTheme,
+  po as darkTheme
 };