@sanity/ui 2.8.8 → 2.8.9

package/dist/theme.js

@@ -981,7 +981,7 @@ function v0_v2(v0) {
         ...input.switch
       }
     },
-    layer: layer != null ? layer : getTheme_v2.defaultThemeConfig.layer,
+    layer: layer ?? getTheme_v2.defaultThemeConfig.layer,
     media,
     radius,
     shadow,
@@ -1301,8 +1301,7 @@ function isColorConfigBlendKey(str) {
   return COLOR_CONFIG_BLEND_KEYS.includes(str);
 }
 function isColorTokenValue(str) {
-  var _a, _b;
-  return ((_a = parseTokenValue(str)) == null ? void 0 : _a.type) === "color" || ((_b = parseTokenValue(str)) == null ? void 0 : _b.type) === "hue";
+  return parseTokenValue(str)?.type === "color" || parseTokenValue(str)?.type === "hue";
 }
 function isColorValue(str) {
   return str === "black" || str === "white";
@@ -1995,47 +1994,46 @@ function resolveBaseColorTokens(sparseTokens) {
   return tokens;
 }
 function resolveBaseColorTones(inputTokens, tone) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
-  const spec = merge((_a = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _a["*"], (_b = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _b[tone]), hue = spec._hue || ((_d = (_c = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _c[tone]) == null ? void 0 : _d._hue) || "gray";
+  const spec = merge(inputTokens?.base?.["*"], inputTokens?.base?.[tone]), hue = spec._hue || inputTokens?.base?.[tone]?._hue || "gray";
   return {
     ...spec,
     _hue: hue,
     avatar: {
-      gray: merge({ _hue: "gray" }, (_e = spec.avatar) == null ? void 0 : _e["*"], (_f = spec.avatar) == null ? void 0 : _f.gray),
-      blue: merge({ _hue: "blue" }, (_g = spec.avatar) == null ? void 0 : _g["*"], (_h = spec.avatar) == null ? void 0 : _h.blue),
-      purple: merge({ _hue: "purple" }, (_i = spec.avatar) == null ? void 0 : _i["*"], (_j = spec.avatar) == null ? void 0 : _j.purple),
-      magenta: merge({ _hue: "magenta" }, (_k = spec.avatar) == null ? void 0 : _k["*"], (_l = spec.avatar) == null ? void 0 : _l.magenta),
-      red: merge({ _hue: "red" }, (_m = spec.avatar) == null ? void 0 : _m["*"], (_n = spec.avatar) == null ? void 0 : _n.red),
-      orange: merge({ _hue: "orange" }, (_o = spec.avatar) == null ? void 0 : _o["*"], (_p = spec.avatar) == null ? void 0 : _p.orange),
-      yellow: merge({ _hue: "yellow" }, (_q = spec.avatar) == null ? void 0 : _q["*"], (_r = spec.avatar) == null ? void 0 : _r.yellow),
-      green: merge({ _hue: "green" }, (_s = spec.avatar) == null ? void 0 : _s["*"], (_t = spec.avatar) == null ? void 0 : _t.green),
-      cyan: merge({ _hue: "cyan" }, (_u = spec.avatar) == null ? void 0 : _u["*"], (_v = spec.avatar) == null ? void 0 : _v.cyan)
+      gray: merge({ _hue: "gray" }, spec.avatar?.["*"], spec.avatar?.gray),
+      blue: merge({ _hue: "blue" }, spec.avatar?.["*"], spec.avatar?.blue),
+      purple: merge({ _hue: "purple" }, spec.avatar?.["*"], spec.avatar?.purple),
+      magenta: merge({ _hue: "magenta" }, spec.avatar?.["*"], spec.avatar?.magenta),
+      red: merge({ _hue: "red" }, spec.avatar?.["*"], spec.avatar?.red),
+      orange: merge({ _hue: "orange" }, spec.avatar?.["*"], spec.avatar?.orange),
+      yellow: merge({ _hue: "yellow" }, spec.avatar?.["*"], spec.avatar?.yellow),
+      green: merge({ _hue: "green" }, spec.avatar?.["*"], spec.avatar?.green),
+      cyan: merge({ _hue: "cyan" }, spec.avatar?.["*"], spec.avatar?.cyan)
     },
     badge: {
       default: {
-        _hue: ((_x = (_w = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _w.default) == null ? void 0 : _x._hue) || hue,
-        ...(_y = spec.badge) == null ? void 0 : _y["*"],
-        ...(_z = spec.badge) == null ? void 0 : _z.default
+        _hue: inputTokens?.base?.default?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.default
       },
       primary: {
-        _hue: ((_B = (_A = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _A.primary) == null ? void 0 : _B._hue) || hue,
-        ...(_C = spec.badge) == null ? void 0 : _C["*"],
-        ...(_D = spec.badge) == null ? void 0 : _D.primary
+        _hue: inputTokens?.base?.primary?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.primary
       },
       positive: {
-        _hue: ((_F = (_E = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _E.positive) == null ? void 0 : _F._hue) || hue,
-        ...(_G = spec.badge) == null ? void 0 : _G["*"],
-        ...(_H = spec.badge) == null ? void 0 : _H.positive
+        _hue: inputTokens?.base?.positive?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.positive
       },
       caution: {
-        _hue: ((_J = (_I = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _I.caution) == null ? void 0 : _J._hue) || hue,
-        ...(_K = spec.badge) == null ? void 0 : _K["*"],
-        ...(_L = spec.badge) == null ? void 0 : _L.caution
+        _hue: inputTokens?.base?.caution?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.caution
       },
       critical: {
-        _hue: ((_N = (_M = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _M.critical) == null ? void 0 : _N._hue) || hue,
-        ...(_O = spec.badge) == null ? void 0 : _O["*"],
-        ...(_P = spec.badge) == null ? void 0 : _P.critical
+        _hue: inputTokens?.base?.critical?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.critical
       }
     }
   };
@@ -2059,52 +2057,51 @@ function resolveButtonModeColorTokens(inputTokens, mode, tone) {
   return tokens;
 }
 function resolveButtonStateColorTokens(inputTokens, tone, mode, state) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V, _W, _X, _Y, _Z;
   const spec = merge(
-    (_c = (_b = (_a = inputTokens == null ? void 0 : inputTokens.button) == null ? void 0 : _a[mode]) == null ? void 0 : _b["*"]) == null ? void 0 : _c["*"],
-    (_f = (_e = (_d = inputTokens == null ? void 0 : inputTokens.button) == null ? void 0 : _d[mode]) == null ? void 0 : _e[tone]) == null ? void 0 : _f["*"],
-    (_i = (_h = (_g = inputTokens == null ? void 0 : inputTokens.button) == null ? void 0 : _g[mode]) == null ? void 0 : _h["*"]) == null ? void 0 : _i[state],
-    (_l = (_k = (_j = inputTokens == null ? void 0 : inputTokens.button) == null ? void 0 : _j[mode]) == null ? void 0 : _k[tone]) == null ? void 0 : _l[state]
-  ), hue = spec._hue || ((_n = (_m = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _m[tone]) == null ? void 0 : _n._hue);
+    inputTokens?.button?.[mode]?.["*"]?.["*"],
+    inputTokens?.button?.[mode]?.[tone]?.["*"],
+    inputTokens?.button?.[mode]?.["*"]?.[state],
+    inputTokens?.button?.[mode]?.[tone]?.[state]
+  ), hue = spec._hue || inputTokens?.base?.[tone]?._hue;
   return {
     ...spec,
     _hue: hue,
     avatar: {
-      gray: merge({ _hue: "gray" }, (_o = spec.avatar) == null ? void 0 : _o["*"], (_p = spec.avatar) == null ? void 0 : _p.gray),
-      blue: merge({ _hue: "blue" }, (_q = spec.avatar) == null ? void 0 : _q["*"], (_r = spec.avatar) == null ? void 0 : _r.blue),
-      purple: merge({ _hue: "purple" }, (_s = spec.avatar) == null ? void 0 : _s["*"], (_t = spec.avatar) == null ? void 0 : _t.purple),
-      magenta: merge({ _hue: "magenta" }, (_u = spec.avatar) == null ? void 0 : _u["*"], (_v = spec.avatar) == null ? void 0 : _v.magenta),
-      red: merge({ _hue: "red" }, (_w = spec.avatar) == null ? void 0 : _w["*"], (_x = spec.avatar) == null ? void 0 : _x.red),
-      orange: merge({ _hue: "orange" }, (_y = spec.avatar) == null ? void 0 : _y["*"], (_z = spec.avatar) == null ? void 0 : _z.orange),
-      yellow: merge({ _hue: "yellow" }, (_A = spec.avatar) == null ? void 0 : _A["*"], (_B = spec.avatar) == null ? void 0 : _B.yellow),
-      green: merge({ _hue: "green" }, (_C = spec.avatar) == null ? void 0 : _C["*"], (_D = spec.avatar) == null ? void 0 : _D.green),
-      cyan: merge({ _hue: "cyan" }, (_E = spec.avatar) == null ? void 0 : _E["*"], (_F = spec.avatar) == null ? void 0 : _F.cyan)
+      gray: merge({ _hue: "gray" }, spec.avatar?.["*"], spec.avatar?.gray),
+      blue: merge({ _hue: "blue" }, spec.avatar?.["*"], spec.avatar?.blue),
+      purple: merge({ _hue: "purple" }, spec.avatar?.["*"], spec.avatar?.purple),
+      magenta: merge({ _hue: "magenta" }, spec.avatar?.["*"], spec.avatar?.magenta),
+      red: merge({ _hue: "red" }, spec.avatar?.["*"], spec.avatar?.red),
+      orange: merge({ _hue: "orange" }, spec.avatar?.["*"], spec.avatar?.orange),
+      yellow: merge({ _hue: "yellow" }, spec.avatar?.["*"], spec.avatar?.yellow),
+      green: merge({ _hue: "green" }, spec.avatar?.["*"], spec.avatar?.green),
+      cyan: merge({ _hue: "cyan" }, spec.avatar?.["*"], spec.avatar?.cyan)
     },
     badge: {
       default: {
-        _hue: (_H = (_G = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _G.default) == null ? void 0 : _H._hue,
-        ...(_I = spec.badge) == null ? void 0 : _I["*"],
-        ...(_J = spec.badge) == null ? void 0 : _J.default
+        _hue: inputTokens?.base?.default?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.default
       },
       primary: {
-        _hue: (_L = (_K = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _K.primary) == null ? void 0 : _L._hue,
-        ...(_M = spec.badge) == null ? void 0 : _M["*"],
-        ...(_N = spec.badge) == null ? void 0 : _N.primary
+        _hue: inputTokens?.base?.primary?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.primary
       },
       positive: {
-        _hue: (_P = (_O = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _O.positive) == null ? void 0 : _P._hue,
-        ...(_Q = spec.badge) == null ? void 0 : _Q["*"],
-        ...(_R = spec.badge) == null ? void 0 : _R.positive
+        _hue: inputTokens?.base?.positive?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.positive
       },
       caution: {
-        _hue: (_T = (_S = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _S.caution) == null ? void 0 : _T._hue,
-        ...(_U = spec.badge) == null ? void 0 : _U["*"],
-        ...(_V = spec.badge) == null ? void 0 : _V.caution
+        _hue: inputTokens?.base?.caution?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.caution
       },
       critical: {
-        _hue: (_X = (_W = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _W.critical) == null ? void 0 : _X._hue,
-        ...(_Y = spec.badge) == null ? void 0 : _Y["*"],
-        ...(_Z = spec.badge) == null ? void 0 : _Z.critical
+        _hue: inputTokens?.base?.critical?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.critical
       }
     }
   };
@@ -2122,13 +2119,12 @@ function resolveInputModeColorTokens(inputTokens, mode) {
   return states;
 }
 function resolveInputStateColorTokens(inputTokens, mode, state) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
   const spec = merge(
-    (_b = (_a = inputTokens == null ? void 0 : inputTokens.input) == null ? void 0 : _a["*"]) == null ? void 0 : _b["*"],
-    (_d = (_c = inputTokens == null ? void 0 : inputTokens.input) == null ? void 0 : _c[mode]) == null ? void 0 : _d["*"],
-    (_f = (_e = inputTokens == null ? void 0 : inputTokens.input) == null ? void 0 : _e["*"]) == null ? void 0 : _f[state],
-    (_h = (_g = inputTokens == null ? void 0 : inputTokens.input) == null ? void 0 : _g[mode]) == null ? void 0 : _h[state]
-  ), hue = spec._hue || ((_j = (_i = inputTokens == null ? void 0 : inputTokens.input) == null ? void 0 : _i[mode]) == null ? void 0 : _j._hue);
+    inputTokens?.input?.["*"]?.["*"],
+    inputTokens?.input?.[mode]?.["*"],
+    inputTokens?.input?.["*"]?.[state],
+    inputTokens?.input?.[mode]?.[state]
+  ), hue = spec._hue || inputTokens?.input?.[mode]?._hue;
   return { ...spec, _hue: hue };
 }
 function resolveSelectableColorTokens(inputTokens) {
@@ -2138,61 +2134,59 @@ function resolveSelectableColorTokens(inputTokens) {
   return tokens;
 }
 function resolveSelectableToneColorTokens(inputTokens, tone) {
-  var _a, _b, _c, _d;
   const states = {
-    _hue: ((_b = (_a = inputTokens == null ? void 0 : inputTokens.selectable) == null ? void 0 : _a[tone]) == null ? void 0 : _b._hue) || ((_d = (_c = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _c[tone]) == null ? void 0 : _d._hue)
+    _hue: inputTokens?.selectable?.[tone]?._hue || inputTokens?.base?.[tone]?._hue
   };
   for (const state of THEME_COLOR_STATES)
     states[state] = resolveSelectableStateColorTokens(inputTokens, tone, state);
   return states;
 }
 function resolveSelectableStateColorTokens(inputTokens, tone, state) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P, _Q, _R, _S, _T, _U, _V;
   const spec = merge(
-    (_b = (_a = inputTokens == null ? void 0 : inputTokens.selectable) == null ? void 0 : _a["*"]) == null ? void 0 : _b["*"],
-    (_d = (_c = inputTokens == null ? void 0 : inputTokens.selectable) == null ? void 0 : _c[tone]) == null ? void 0 : _d["*"],
-    (_f = (_e = inputTokens == null ? void 0 : inputTokens.selectable) == null ? void 0 : _e["*"]) == null ? void 0 : _f[state],
-    (_h = (_g = inputTokens == null ? void 0 : inputTokens.selectable) == null ? void 0 : _g[tone]) == null ? void 0 : _h[state]
-  ), hue = spec._hue || ((_j = (_i = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _i[tone]) == null ? void 0 : _j._hue);
+    inputTokens?.selectable?.["*"]?.["*"],
+    inputTokens?.selectable?.[tone]?.["*"],
+    inputTokens?.selectable?.["*"]?.[state],
+    inputTokens?.selectable?.[tone]?.[state]
+  ), hue = spec._hue || inputTokens?.base?.[tone]?._hue;
   return {
     ...spec,
     _hue: hue,
     avatar: {
-      gray: merge({ _hue: "gray" }, (_k = spec.avatar) == null ? void 0 : _k["*"], (_l = spec.avatar) == null ? void 0 : _l.gray),
-      blue: merge({ _hue: "blue" }, (_m = spec.avatar) == null ? void 0 : _m["*"], (_n = spec.avatar) == null ? void 0 : _n.blue),
-      purple: merge({ _hue: "purple" }, (_o = spec.avatar) == null ? void 0 : _o["*"], (_p = spec.avatar) == null ? void 0 : _p.purple),
-      magenta: merge({ _hue: "magenta" }, (_q = spec.avatar) == null ? void 0 : _q["*"], (_r = spec.avatar) == null ? void 0 : _r.magenta),
-      red: merge({ _hue: "red" }, (_s = spec.avatar) == null ? void 0 : _s["*"], (_t = spec.avatar) == null ? void 0 : _t.red),
-      orange: merge({ _hue: "orange" }, (_u = spec.avatar) == null ? void 0 : _u["*"], (_v = spec.avatar) == null ? void 0 : _v.orange),
-      yellow: merge({ _hue: "yellow" }, (_w = spec.avatar) == null ? void 0 : _w["*"], (_x = spec.avatar) == null ? void 0 : _x.yellow),
-      green: merge({ _hue: "green" }, (_y = spec.avatar) == null ? void 0 : _y["*"], (_z = spec.avatar) == null ? void 0 : _z.green),
-      cyan: merge({ _hue: "cyan" }, (_A = spec.avatar) == null ? void 0 : _A["*"], (_B = spec.avatar) == null ? void 0 : _B.cyan)
+      gray: merge({ _hue: "gray" }, spec.avatar?.["*"], spec.avatar?.gray),
+      blue: merge({ _hue: "blue" }, spec.avatar?.["*"], spec.avatar?.blue),
+      purple: merge({ _hue: "purple" }, spec.avatar?.["*"], spec.avatar?.purple),
+      magenta: merge({ _hue: "magenta" }, spec.avatar?.["*"], spec.avatar?.magenta),
+      red: merge({ _hue: "red" }, spec.avatar?.["*"], spec.avatar?.red),
+      orange: merge({ _hue: "orange" }, spec.avatar?.["*"], spec.avatar?.orange),
+      yellow: merge({ _hue: "yellow" }, spec.avatar?.["*"], spec.avatar?.yellow),
+      green: merge({ _hue: "green" }, spec.avatar?.["*"], spec.avatar?.green),
+      cyan: merge({ _hue: "cyan" }, spec.avatar?.["*"], spec.avatar?.cyan)
     },
     badge: {
       default: {
-        _hue: (_D = (_C = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _C.default) == null ? void 0 : _D._hue,
-        ...(_E = spec.badge) == null ? void 0 : _E["*"],
-        ...(_F = spec.badge) == null ? void 0 : _F.default
+        _hue: inputTokens?.base?.default?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.default
       },
       primary: {
-        _hue: (_H = (_G = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _G.primary) == null ? void 0 : _H._hue,
-        ...(_I = spec.badge) == null ? void 0 : _I["*"],
-        ...(_J = spec.badge) == null ? void 0 : _J.primary
+        _hue: inputTokens?.base?.primary?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.primary
       },
       positive: {
-        _hue: (_L = (_K = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _K.positive) == null ? void 0 : _L._hue,
-        ...(_M = spec.badge) == null ? void 0 : _M["*"],
-        ...(_N = spec.badge) == null ? void 0 : _N.positive
+        _hue: inputTokens?.base?.positive?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.positive
       },
       caution: {
-        _hue: (_P = (_O = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _O.caution) == null ? void 0 : _P._hue,
-        ...(_Q = spec.badge) == null ? void 0 : _Q["*"],
-        ...(_R = spec.badge) == null ? void 0 : _R.caution
+        _hue: inputTokens?.base?.caution?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.caution
       },
       critical: {
-        _hue: (_T = (_S = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _S.critical) == null ? void 0 : _T._hue,
-        ...(_U = spec.badge) == null ? void 0 : _U["*"],
-        ...(_V = spec.badge) == null ? void 0 : _V.critical
+        _hue: inputTokens?.base?.critical?._hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.critical
       }
     }
   };
@@ -2200,7 +2194,7 @@ function resolveSelectableStateColorTokens(inputTokens, tone, state) {
 function buildColorTheme(config) {
   const resolvedConfig = {
     ...config,
-    color: resolveColorTokens(config == null ? void 0 : config.color)
+    color: resolveColorTokens(config?.color)
   };
   return {
     light: buildColorScheme({ scheme: "light" }, resolvedConfig),
@@ -2219,57 +2213,55 @@ function buildColorScheme(options, config) {
   };
 }
 function buildCardColorTheme(options, config) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const { scheme, tone } = options, tokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone], context = { hue: (tokens == null ? void 0 : tokens._hue) || "gray", scheme };
+  const { scheme, tone } = options, tokens = config?.color?.base?.[tone], context = { hue: tokens?._hue || "gray", scheme };
   return {
-    _blend: ((tokens == null ? void 0 : tokens._blend) || ["multiply", "screen"])[scheme === "light" ? 0 : 1],
+    _blend: (tokens?._blend || ["multiply", "screen"])[scheme === "light" ? 0 : 1],
     _dark: scheme === "dark",
     accent: {
-      fg: resolveColorTokenValue(context, (_c = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _c.fg)
+      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
     },
     avatar: buildAvatarColorTheme({ scheme }, tokens),
-    backdrop: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.backdrop),
-    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, { scheme }, config),
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
+    backdrop: resolveColorTokenValue(context, tokens?.backdrop),
+    badge: buildBadgeColorTheme(tokens?.badge, { scheme }, config),
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    border: resolveColorTokenValue(context, tokens?.border),
     button: buildButtonColorTheme({ scheme }, config),
     code: {
-      bg: resolveColorTokenValue(context, (_d = tokens == null ? void 0 : tokens.code) == null ? void 0 : _d.bg),
-      fg: resolveColorTokenValue(context, (_e = tokens == null ? void 0 : tokens.code) == null ? void 0 : _e.fg)
+      bg: resolveColorTokenValue(context, tokens?.code?.bg),
+      fg: resolveColorTokenValue(context, tokens?.code?.fg)
     },
-    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
-    focusRing: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.focusRing),
-    icon: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.icon),
+    fg: resolveColorTokenValue(context, tokens?.fg),
+    focusRing: resolveColorTokenValue(context, tokens?.focusRing),
+    icon: resolveColorTokenValue(context, tokens?.icon),
     input: buildInputColorTheme({ scheme, tone }, config),
     kbd: {
-      bg: resolveColorTokenValue(context, (_f = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _f.bg),
-      fg: resolveColorTokenValue(context, (_g = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _g.fg),
-      border: resolveColorTokenValue(context, (_h = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _h.border)
+      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
+      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
+      border: resolveColorTokenValue(context, tokens?.kbd?.border)
     },
     link: {
-      fg: resolveColorTokenValue(context, (_i = tokens == null ? void 0 : tokens.link) == null ? void 0 : _i.fg)
+      fg: resolveColorTokenValue(context, tokens?.link?.fg)
     },
     muted: {
-      bg: resolveColorTokenValue(context, (_j = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _j.bg),
-      fg: resolveColorTokenValue(context, (_k = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _k.fg)
+      bg: resolveColorTokenValue(context, tokens?.muted?.bg),
+      fg: resolveColorTokenValue(context, tokens?.muted?.fg)
     },
     selectable: buildSelectableColorTheme({ scheme }, config),
     shadow: buildShadowColorTheme({ scheme, tone }, config),
     skeleton: {
-      from: resolveColorTokenValue(context, (_l = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _l.from),
-      to: resolveColorTokenValue(context, (_m = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _m.to)
+      from: resolveColorTokenValue(context, tokens?.skeleton?.from),
+      to: resolveColorTokenValue(context, tokens?.skeleton?.to)
     },
     syntax: buildSyntaxColorTheme({ scheme }, config)
   };
 }
 function buildShadowColorTheme(options, config) {
-  var _a, _b, _c, _d, _e, _f;
-  const { scheme, tone } = options, tokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone], context = { hue: (tokens == null ? void 0 : tokens._hue) || "gray", scheme };
+  const { scheme, tone } = options, tokens = config?.color?.base?.[tone], context = { hue: tokens?._hue || "gray", scheme };
   return {
-    outline: resolveColorTokenValue(context, (_c = tokens == null ? void 0 : tokens.shadow) == null ? void 0 : _c.outline),
-    umbra: resolveColorTokenValue(context, (_d = tokens == null ? void 0 : tokens.shadow) == null ? void 0 : _d.umbra),
-    penumbra: resolveColorTokenValue(context, (_e = tokens == null ? void 0 : tokens.shadow) == null ? void 0 : _e.penumbra),
-    ambient: resolveColorTokenValue(context, (_f = tokens == null ? void 0 : tokens.shadow) == null ? void 0 : _f.ambient)
+    outline: resolveColorTokenValue(context, tokens?.shadow?.outline),
+    umbra: resolveColorTokenValue(context, tokens?.shadow?.umbra),
+    penumbra: resolveColorTokenValue(context, tokens?.shadow?.penumbra),
+    ambient: resolveColorTokenValue(context, tokens?.shadow?.ambient)
   };
 }
 function buildAvatarColorTheme(options, stateTokens) {
@@ -2287,12 +2279,11 @@ function buildAvatarColorTheme(options, stateTokens) {
   };
 }
 function _buildAvatarColorTheme(options, stateTokens) {
-  var _a;
-  const { color: color2, scheme } = options, tokens = (_a = stateTokens == null ? void 0 : stateTokens.avatar) == null ? void 0 : _a[color2], context = { hue: (tokens == null ? void 0 : tokens._hue) || "gray", scheme };
+  const { color: color2, scheme } = options, tokens = stateTokens?.avatar?.[color2], context = { hue: tokens?._hue || "gray", scheme };
   return {
-    _blend: ((tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"])[scheme === "light" ? 0 : 1],
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg)
+    _blend: (tokens?._blend || ["screen", "multiply"])[scheme === "light" ? 0 : 1],
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    fg: resolveColorTokenValue(context, tokens?.fg)
   };
 }
 function buildBadgeColorTheme(tokens, options, config) {
@@ -2306,13 +2297,12 @@ function buildBadgeColorTheme(tokens, options, config) {
   };
 }
 function _buildBadgeColorTheme(parentTokens, options, config) {
-  var _a, _b, _c;
-  const { scheme, tone } = options, tokens = parentTokens == null ? void 0 : parentTokens[tone], context = { hue: (tokens == null ? void 0 : tokens._hue) || ((_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone]) == null ? void 0 : _c._hue) || "gray", scheme };
+  const { scheme, tone } = options, tokens = parentTokens?.[tone], context = { hue: tokens?._hue || config?.color?.base?.[tone]?._hue || "gray", scheme };
   return {
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
-    dot: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.dot),
-    icon: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.icon)
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    fg: resolveColorTokenValue(context, tokens?.fg),
+    dot: resolveColorTokenValue(context, tokens?.dot),
+    icon: resolveColorTokenValue(context, tokens?.icon)
   };
 }
 function buildButtonColorTheme(options, config) {
@@ -2334,38 +2324,37 @@ function buildButtonStatesColorTheme(options, config) {
   return states;
 }
 function buildButtonStateColorTheme(options, config) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  const { mode, tone, scheme, state } = options, tokens = (_d = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.button) == null ? void 0 : _b[mode]) == null ? void 0 : _c[tone]) == null ? void 0 : _d[state], hue = (tokens == null ? void 0 : tokens._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = { hue, scheme };
+  const { mode, tone, scheme, state } = options, tokens = config?.color?.button?.[mode]?.[tone]?.[state], hue = tokens?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = { hue, scheme };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
-      fg: resolveColorTokenValue(context, (_e = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _e.fg)
+      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
     },
     avatar: buildAvatarColorTheme({ scheme }, tokens),
-    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, { scheme }, config),
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
+    badge: buildBadgeColorTheme(tokens?.badge, { scheme }, config),
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    border: resolveColorTokenValue(context, tokens?.border),
     code: {
-      bg: resolveColorTokenValue(context, (_f = tokens == null ? void 0 : tokens.code) == null ? void 0 : _f.bg),
-      fg: resolveColorTokenValue(context, (_g = tokens == null ? void 0 : tokens.code) == null ? void 0 : _g.fg)
+      bg: resolveColorTokenValue(context, tokens?.code?.bg),
+      fg: resolveColorTokenValue(context, tokens?.code?.fg)
     },
-    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
-    icon: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.icon),
+    fg: resolveColorTokenValue(context, tokens?.fg),
+    icon: resolveColorTokenValue(context, tokens?.icon),
     muted: {
-      bg: resolveColorTokenValue(context, (_h = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _h.bg),
-      fg: resolveColorTokenValue(context, (_i = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _i.fg)
+      bg: resolveColorTokenValue(context, tokens?.muted?.bg),
+      fg: resolveColorTokenValue(context, tokens?.muted?.fg)
     },
     kbd: {
-      bg: resolveColorTokenValue(context, (_j = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _j.bg),
-      fg: resolveColorTokenValue(context, (_k = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _k.fg),
-      border: resolveColorTokenValue(context, (_l = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _l.border)
+      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
+      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
+      border: resolveColorTokenValue(context, tokens?.kbd?.border)
     },
     link: {
-      fg: resolveColorTokenValue(context, (_m = tokens == null ? void 0 : tokens.link) == null ? void 0 : _m.fg)
+      fg: resolveColorTokenValue(context, tokens?.link?.fg)
     },
     skeleton: {
-      from: resolveColorTokenValue(context, (_n = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _n.from),
-      to: resolveColorTokenValue(context, (_o = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _o.to)
+      from: resolveColorTokenValue(context, tokens?.skeleton?.from),
+      to: resolveColorTokenValue(context, tokens?.skeleton?.to)
     }
   };
 }
@@ -2386,17 +2375,16 @@ function buildInputStatesColorTheme(options, config) {
   };
 }
 function buildInputStateColorTheme(options, config) {
-  var _a, _b, _c, _d, _e, _f, _g;
-  const { mode, tone, scheme, state } = options, tokens = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.input) == null ? void 0 : _b[mode]) == null ? void 0 : _c[state], hue = (tokens == null ? void 0 : tokens._hue) || ((_f = (_e = (_d = config == null ? void 0 : config.color) == null ? void 0 : _d.base) == null ? void 0 : _e[tone]) == null ? void 0 : _f._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = { hue, scheme };
+  const { mode, tone, scheme, state } = options, tokens = config?.color?.input?.[mode]?.[state], hue = tokens?._hue || config?.color?.base?.[tone]?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = { hue, scheme };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
-    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    border: resolveColorTokenValue(context, tokens?.border),
+    fg: resolveColorTokenValue(context, tokens?.fg),
     muted: {
-      bg: resolveColorTokenValue(context, (_g = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _g.bg)
+      bg: resolveColorTokenValue(context, tokens?.muted?.bg)
     },
-    placeholder: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.placeholder)
+    placeholder: resolveColorTokenValue(context, tokens?.placeholder)
   };
 }
 function buildSelectableColorTheme(options, config) {
@@ -2412,81 +2400,79 @@ function buildSelectableStatesColorTheme(options, config) {
   return states;
 }
 function buildSelectableStateColorTheme(options, config) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const { scheme, state, tone } = options, tokens = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.selectable) == null ? void 0 : _b[tone]) == null ? void 0 : _c[state], hue = (tokens == null ? void 0 : tokens._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = { hue, scheme };
+  const { scheme, state, tone } = options, tokens = config?.color?.selectable?.[tone]?.[state], hue = tokens?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = { hue, scheme };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
-      fg: resolveColorTokenValue(context, (_d = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _d.fg)
+      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
     },
     avatar: buildAvatarColorTheme({ scheme }, tokens),
-    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, { scheme }, config),
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
+    badge: buildBadgeColorTheme(tokens?.badge, { scheme }, config),
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    border: resolveColorTokenValue(context, tokens?.border),
     code: {
-      bg: resolveColorTokenValue(context, (_e = tokens == null ? void 0 : tokens.code) == null ? void 0 : _e.bg),
-      fg: resolveColorTokenValue(context, (_f = tokens == null ? void 0 : tokens.code) == null ? void 0 : _f.fg)
+      bg: resolveColorTokenValue(context, tokens?.code?.bg),
+      fg: resolveColorTokenValue(context, tokens?.code?.fg)
     },
-    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
-    icon: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.icon),
+    fg: resolveColorTokenValue(context, tokens?.fg),
+    icon: resolveColorTokenValue(context, tokens?.icon),
     muted: {
-      bg: resolveColorTokenValue(context, (_g = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _g.bg),
-      fg: resolveColorTokenValue(context, (_h = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _h.fg)
+      bg: resolveColorTokenValue(context, tokens?.muted?.bg),
+      fg: resolveColorTokenValue(context, tokens?.muted?.fg)
     },
     kbd: {
-      bg: resolveColorTokenValue(context, (_i = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _i.bg),
-      fg: resolveColorTokenValue(context, (_j = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _j.fg),
-      border: resolveColorTokenValue(context, (_k = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _k.border)
+      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
+      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
+      border: resolveColorTokenValue(context, tokens?.kbd?.border)
     },
     link: {
-      fg: resolveColorTokenValue(context, (_l = tokens == null ? void 0 : tokens.link) == null ? void 0 : _l.fg)
+      fg: resolveColorTokenValue(context, tokens?.link?.fg)
     },
     skeleton: {
-      from: resolveColorTokenValue(context, (_m = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _m.from),
-      to: resolveColorTokenValue(context, (_n = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _n.to)
+      from: resolveColorTokenValue(context, tokens?.skeleton?.from),
+      to: resolveColorTokenValue(context, tokens?.skeleton?.to)
     }
   };
 }
 function buildSyntaxColorTheme(options, config) {
-  var _a;
-  const { scheme } = options, tokens = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.syntax, context = { hue: "gray", scheme };
+  const { scheme } = options, tokens = config?.color?.syntax, context = { hue: "gray", scheme };
   return {
-    atrule: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.atrule),
-    attrName: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.attrName),
-    attrValue: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.attrValue),
-    attribute: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.attribute),
-    boolean: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.boolean),
-    builtin: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.builtin),
-    cdata: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.cdata),
-    char: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.char),
-    class: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.class),
-    className: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.className),
-    comment: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.comment),
-    constant: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.constant),
-    deleted: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.deleted),
-    doctype: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.doctype),
-    entity: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.entity),
-    function: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.function),
-    hexcode: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.hexcode),
-    id: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.id),
-    important: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.important),
-    inserted: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.inserted),
-    keyword: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.keyword),
-    number: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.number),
-    operator: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.operator),
-    prolog: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.prolog),
-    property: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.property),
-    pseudoClass: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.pseudoClass),
-    pseudoElement: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.pseudoElement),
-    punctuation: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.punctuation),
-    regex: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.regex),
-    selector: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.selector),
-    string: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.string),
-    symbol: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.symbol),
-    tag: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.tag),
-    unit: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.unit),
-    url: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.url),
-    variable: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.variable)
+    atrule: resolveColorTokenValue(context, tokens?.atrule),
+    attrName: resolveColorTokenValue(context, tokens?.attrName),
+    attrValue: resolveColorTokenValue(context, tokens?.attrValue),
+    attribute: resolveColorTokenValue(context, tokens?.attribute),
+    boolean: resolveColorTokenValue(context, tokens?.boolean),
+    builtin: resolveColorTokenValue(context, tokens?.builtin),
+    cdata: resolveColorTokenValue(context, tokens?.cdata),
+    char: resolveColorTokenValue(context, tokens?.char),
+    class: resolveColorTokenValue(context, tokens?.class),
+    className: resolveColorTokenValue(context, tokens?.className),
+    comment: resolveColorTokenValue(context, tokens?.comment),
+    constant: resolveColorTokenValue(context, tokens?.constant),
+    deleted: resolveColorTokenValue(context, tokens?.deleted),
+    doctype: resolveColorTokenValue(context, tokens?.doctype),
+    entity: resolveColorTokenValue(context, tokens?.entity),
+    function: resolveColorTokenValue(context, tokens?.function),
+    hexcode: resolveColorTokenValue(context, tokens?.hexcode),
+    id: resolveColorTokenValue(context, tokens?.id),
+    important: resolveColorTokenValue(context, tokens?.important),
+    inserted: resolveColorTokenValue(context, tokens?.inserted),
+    keyword: resolveColorTokenValue(context, tokens?.keyword),
+    number: resolveColorTokenValue(context, tokens?.number),
+    operator: resolveColorTokenValue(context, tokens?.operator),
+    prolog: resolveColorTokenValue(context, tokens?.prolog),
+    property: resolveColorTokenValue(context, tokens?.property),
+    pseudoClass: resolveColorTokenValue(context, tokens?.pseudoClass),
+    pseudoElement: resolveColorTokenValue(context, tokens?.pseudoElement),
+    punctuation: resolveColorTokenValue(context, tokens?.punctuation),
+    regex: resolveColorTokenValue(context, tokens?.regex),
+    selector: resolveColorTokenValue(context, tokens?.selector),
+    string: resolveColorTokenValue(context, tokens?.string),
+    symbol: resolveColorTokenValue(context, tokens?.symbol),
+    tag: resolveColorTokenValue(context, tokens?.tag),
+    unit: resolveColorTokenValue(context, tokens?.unit),
+    url: resolveColorTokenValue(context, tokens?.url),
+    variable: resolveColorTokenValue(context, tokens?.variable)
   };
 }
 const defaultColorPalette = color.color;
@@ -2676,8 +2662,7 @@ function renderColorHex(color2) {
   return typeof color2 == "string" ? color2 : color2.hex;
 }
 function renderThemeColorSchemes(value, config) {
-  var _a;
-  const colorPalette = (_a = config == null ? void 0 : config.palette) != null ? _a : defaultColorPalette;
+  const colorPalette = config?.palette ?? defaultColorPalette;
   return {
     light: renderThemeColorScheme(colorPalette, value.light),
     dark: renderThemeColorScheme(colorPalette, value.dark)
@@ -2854,7 +2839,6 @@ function renderThemeColorButtonStates(value, options) {
   };
 }
 function renderThemeColorState(value, options) {
-  var _a, _b;
   const { baseBg, blendMode: rootBlendMode, colorPalette } = options, blendMode = value._blend || "multiply", rootOptions = {
     bg: baseBg,
     blendMode: rootBlendMode,
@@ -2892,8 +2876,8 @@ function renderThemeColorState(value, options) {
       border: renderColorValue(value.kbd.border, colorOptions)
     },
     skeleton: {
-      from: renderColorValue((_a = value.skeleton) == null ? void 0 : _a.from, colorOptions),
-      to: renderColorValue((_b = value.skeleton) == null ? void 0 : _b.to, colorOptions)
+      from: renderColorValue(value.skeleton?.from, colorOptions),
+      to: renderColorValue(value.skeleton?.to, colorOptions)
     }
   };
 }
@@ -2984,27 +2968,26 @@ function renderSyntaxColorTheme(value, options) {
   };
 }
 function buildTheme(config) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const colorTheme = buildColorTheme(config), v2 = {
     _version: 2,
-    avatar: (_a = config == null ? void 0 : config.avatar) != null ? _a : getTheme_v2.defaultThemeConfig.avatar,
-    button: (_b = config == null ? void 0 : config.button) != null ? _b : getTheme_v2.defaultThemeConfig.button,
-    card: (_c = config == null ? void 0 : config.card) != null ? _c : getTheme_v2.defaultThemeConfig.card,
+    avatar: config?.avatar ?? getTheme_v2.defaultThemeConfig.avatar,
+    button: config?.button ?? getTheme_v2.defaultThemeConfig.button,
+    card: config?.card ?? getTheme_v2.defaultThemeConfig.card,
     // How colors are generated:
     // 1. Merge custom tokens with default tokens
     // 2. Generate tree of color keys (gray/500, black, white, etc.)
     // 3. Apply mixing and render to hex values
     // render(build(mergeWithDefaults()))
     color: renderThemeColorSchemes(colorTheme, config),
-    container: (_d = config == null ? void 0 : config.container) != null ? _d : getTheme_v2.defaultThemeConfig.container,
-    font: (_e = config == null ? void 0 : config.font) != null ? _e : defaultThemeFonts,
-    input: (_f = config == null ? void 0 : config.input) != null ? _f : getTheme_v2.defaultThemeConfig.input,
-    layer: (_g = config == null ? void 0 : config.layer) != null ? _g : getTheme_v2.defaultThemeConfig.layer,
-    media: (_h = config == null ? void 0 : config.media) != null ? _h : getTheme_v2.defaultThemeConfig.media,
-    radius: (_i = config == null ? void 0 : config.radius) != null ? _i : getTheme_v2.defaultThemeConfig.radius,
-    shadow: (_j = config == null ? void 0 : config.shadow) != null ? _j : getTheme_v2.defaultThemeConfig.shadow,
-    space: (_k = config == null ? void 0 : config.space) != null ? _k : getTheme_v2.defaultThemeConfig.space,
-    style: (_l = config == null ? void 0 : config.style) != null ? _l : getTheme_v2.defaultThemeConfig.style
+    container: config?.container ?? getTheme_v2.defaultThemeConfig.container,
+    font: config?.font ?? defaultThemeFonts,
+    input: config?.input ?? getTheme_v2.defaultThemeConfig.input,
+    layer: config?.layer ?? getTheme_v2.defaultThemeConfig.layer,
+    media: config?.media ?? getTheme_v2.defaultThemeConfig.media,
+    radius: config?.radius ?? getTheme_v2.defaultThemeConfig.radius,
+    shadow: config?.shadow ?? getTheme_v2.defaultThemeConfig.shadow,
+    space: config?.space ?? getTheme_v2.defaultThemeConfig.space,
+    style: config?.style ?? getTheme_v2.defaultThemeConfig.style
   };
   return v2_v0(v2);
 }