@sanity/ui 2.10.11 → 2.10.13

package/dist/theme.js

@@ -370,14 +370,6 @@ function createCardStates(opts, base, dark, name, solid, muted) {
     })
   };
 }
-var __defProp$8 = Object.defineProperty, __defProps$7 = Object.defineProperties, __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$8 = Object.getOwnPropertySymbols, __hasOwnProp$8 = Object.prototype.hasOwnProperty, __propIsEnum$8 = Object.prototype.propertyIsEnumerable, __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$8 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$8.call(b, prop) && __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b))
-      __propIsEnum$8.call(b, prop) && __defNormalProp$8(a, prop, b[prop]);
-  return a;
-}, __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
 const black = "hsl(0, 0%, 0%)", white = "hsl(0, 0%, 100%)", colors = {
   default: {
     lightest: "hsl(0, 0%, 95%)",
@@ -612,7 +604,8 @@ const black = "hsl(0, 0%, 0%)", white = "hsl(0, 0%, 100%)", colors = {
     mode,
     muted,
     solid
-  }) => mode === "bleed" ? __spreadProps$7(__spreadValues$8({}, muted), {
+  }) => mode === "bleed" ? {
+    ...muted,
     enabled: {
       bg: "transparent",
       bg2: "transparent",
@@ -655,9 +648,10 @@ const black = "hsl(0, 0%, 0%)", white = "hsl(0, 0%, 100%)", colors = {
       },
       skeleton: base.skeleton
     }
-  }) : mode === "ghost" ? __spreadProps$7(__spreadValues$8({}, solid), {
+  } : mode === "ghost" ? {
+    ...solid,
     enabled: muted.enabled
-  }) : solid,
+  } : solid,
   card: ({
     base
   }) => ({
@@ -1082,16 +1076,11 @@ function createSpot(opts, base, dark) {
     })
   };
 }
-var __defProp$7 = Object.defineProperty, __getOwnPropSymbols$7 = Object.getOwnPropertySymbols, __hasOwnProp$7 = Object.prototype.hasOwnProperty, __propIsEnum$7 = Object.prototype.propertyIsEnumerable, __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$7 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$7.call(b, prop) && __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b))
-      __propIsEnum$7.call(b, prop) && __defNormalProp$7(a, prop, b[prop]);
-  return a;
-};
 function createColorTheme(partialOpts = {}) {
-  const builders = __spreadValues$7(__spreadValues$7({}, defaultOpts), partialOpts);
+  const builders = {
+    ...defaultOpts,
+    ...partialOpts
+  };
   return {
     light: _createColorScheme(builders, !1),
     dark: _createColorScheme(builders, !0)
@@ -1330,14 +1319,6 @@ function is_v0(themeProp) {
 function is_v2(themeProp) {
   return themeProp._version === 2;
 }
-var __defProp$6 = Object.defineProperty, __defProps$6 = Object.defineProperties, __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$6 = Object.getOwnPropertySymbols, __hasOwnProp$6 = Object.prototype.hasOwnProperty, __propIsEnum$6 = Object.prototype.propertyIsEnumerable, __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$6 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$6.call(b, prop) && __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b))
-      __propIsEnum$6.call(b, prop) && __defNormalProp$6(a, prop, b[prop]);
-  return a;
-}, __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
 const cache$2 = /* @__PURE__ */ new WeakMap();
 function v0_v2(v0) {
   if (v0.v2) return v0.v2;
@@ -1360,8 +1341,14 @@ function v0_v2(v0) {
     styles: style
   } = v0, v2 = {
     _version: 2,
-    avatar: __spreadValues$6(__spreadValues$6({}, getTheme_v2.defaultThemeConfig.avatar), avatar),
-    button: __spreadValues$6(__spreadValues$6({}, getTheme_v2.defaultThemeConfig.button), button),
+    avatar: {
+      ...getTheme_v2.defaultThemeConfig.avatar,
+      ...avatar
+    },
+    button: {
+      ...getTheme_v2.defaultThemeConfig.button,
+      ...button
+    },
     card: getTheme_v2.defaultThemeConfig.card,
     color: {
       light: {
@@ -1387,12 +1374,23 @@ function v0_v2(v0) {
     },
     container,
     font,
-    input: __spreadProps$6(__spreadValues$6(__spreadValues$6({}, getTheme_v2.defaultThemeConfig.input), input), {
-      checkbox: __spreadValues$6(__spreadValues$6({}, getTheme_v2.defaultThemeConfig.input.checkbox), input.checkbox),
-      radio: __spreadValues$6(__spreadValues$6({}, getTheme_v2.defaultThemeConfig.input.radio), input.radio),
-      switch: __spreadValues$6(__spreadValues$6({}, getTheme_v2.defaultThemeConfig.input.switch), input.switch)
-    }),
-    layer: layer != null ? layer : getTheme_v2.defaultThemeConfig.layer,
+    input: {
+      ...getTheme_v2.defaultThemeConfig.input,
+      ...input,
+      checkbox: {
+        ...getTheme_v2.defaultThemeConfig.input.checkbox,
+        ...input.checkbox
+      },
+      radio: {
+        ...getTheme_v2.defaultThemeConfig.input.radio,
+        ...input.radio
+      },
+      switch: {
+        ...getTheme_v2.defaultThemeConfig.input.switch,
+        ...input.switch
+      }
+    },
+    layer: layer ?? getTheme_v2.defaultThemeConfig.layer,
     media,
     radius,
     shadow,
@@ -1401,14 +1399,6 @@ function v0_v2(v0) {
   };
   return cache$2.set(v0, v2), v2;
 }
-var __defProp$5 = Object.defineProperty, __defProps$5 = Object.defineProperties, __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$5 = Object.getOwnPropertySymbols, __hasOwnProp$5 = Object.prototype.hasOwnProperty, __propIsEnum$5 = Object.prototype.propertyIsEnumerable, __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$5 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$5.call(b, prop) && __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b))
-      __propIsEnum$5.call(b, prop) && __defNormalProp$5(a, prop, b[prop]);
-  return a;
-}, __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
 const cache$1 = /* @__PURE__ */ new WeakMap();
 function v2_v0(v2) {
   const cachedTheme = cache$1.get(v2);
@@ -1476,12 +1466,14 @@ function themeColor_v2_v0(color_v2) {
       default: inputStatesThemeColor_v2_v0(color_v2.input.default),
       invalid: inputStatesThemeColor_v2_v0(color_v2.input.invalid)
     },
-    muted: __spreadProps$5(__spreadValues$5({}, color_v2.button.ghost), {
+    muted: {
+      ...color_v2.button.ghost,
       transparent: color_v2.button.ghost.default
-    }),
-    solid: __spreadProps$5(__spreadValues$5({}, color_v2.button.default), {
+    },
+    solid: {
+      ...color_v2.button.default,
       transparent: color_v2.button.default.default
-    }),
+    },
     selectable: color_v2.selectable,
     spot: {
       gray: color_v2.avatar.gray.bg,
@@ -1698,8 +1690,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";
@@ -1711,14 +1702,6 @@ function compileColorTokenValue(node) {
   let key = "";
   return node.key === "black" || node.key === "white" ? key = node.key : key = `${node.hue}/${node.tint}`, node.mix !== void 0 ? `${key} ${node.mix * 100}%` : (node.opacity !== void 0 && (key += `/${node.opacity}`), key);
 }
-var __defProp$4 = Object.defineProperty, __defProps$4 = Object.defineProperties, __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$4 = Object.getOwnPropertySymbols, __hasOwnProp$4 = Object.prototype.hasOwnProperty, __propIsEnum$4 = Object.prototype.propertyIsEnumerable, __defNormalProp$4 = (obj, key, value) => key in obj ? __defProp$4(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$4 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$4.call(b, prop) && __defNormalProp$4(a, prop, b[prop]);
-  if (__getOwnPropSymbols$4)
-    for (var prop of __getOwnPropSymbols$4(b))
-      __propIsEnum$4.call(b, prop) && __defNormalProp$4(a, prop, b[prop]);
-  return a;
-}, __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
 const DEFAULT_COLOR_TOKEN_VALUE = ["500", "500"];
 function resolveColorTokenValue(context, value = DEFAULT_COLOR_TOKEN_VALUE) {
   const {
@@ -1727,9 +1710,10 @@ function resolveColorTokenValue(context, value = DEFAULT_COLOR_TOKEN_VALUE) {
   } = context, node = parseTokenValue(value[scheme === "light" ? 0 : 1]);
   if (!node || node.type !== "color")
     throw new Error(`Invalid color token: ${value[0]}`);
-  return compileColorTokenValue(__spreadProps$4(__spreadValues$4({}, node), {
+  return compileColorTokenValue({
+    ...node,
     hue: node.hue || hue
-  }));
+  });
 }
 const defaultColorTokens = {
   base: {
@@ -2401,14 +2385,6 @@ function _merge(acc, source) {
   }
   return acc;
 }
-var __defProp$3 = Object.defineProperty, __defProps$3 = Object.defineProperties, __getOwnPropDescs$3 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$3 = Object.getOwnPropertySymbols, __hasOwnProp$3 = Object.prototype.hasOwnProperty, __propIsEnum$3 = Object.prototype.propertyIsEnumerable, __defNormalProp$3 = (obj, key, value) => key in obj ? __defProp$3(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$3 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
-  if (__getOwnPropSymbols$3)
-    for (var prop of __getOwnPropSymbols$3(b))
-      __propIsEnum$3.call(b, prop) && __defNormalProp$3(a, prop, b[prop]);
-  return a;
-}, __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
 function resolveColorTokens(inputTokens) {
   const tokens = merge(defaultColorTokens, inputTokens);
   return {
@@ -2426,27 +2402,25 @@ function resolveBaseColorTokens(sparseTokens) {
   return tokens;
 }
 function resolveBaseColorTones(inputTokens, tone) {
-  var _a, _b, _c, _d;
-  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";
-  return __spreadProps$3(__spreadValues$3({}, spec), {
+  const spec = merge(inputTokens?.base?.["*"], inputTokens?.base?.[tone]), hue = spec._hue || inputTokens?.base?.[tone]?._hue || "gray";
+  return {
+    ...spec,
     _hue: hue,
-    avatar: color.COLOR_HUES.reduce((acc, hue2) => {
-      var _a2, _b2;
-      return __spreadProps$3(__spreadValues$3({}, acc), {
-        [hue2]: merge({
-          _hue: hue2
-        }, (_a2 = spec.avatar) == null ? void 0 : _a2["*"], (_b2 = spec.avatar) == null ? void 0 : _b2[hue2])
-      });
-    }, {}),
-    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone2) => {
-      var _a2, _b2, _c2, _d2;
-      return __spreadProps$3(__spreadValues$3({}, acc), {
-        [tone2]: __spreadValues$3(__spreadValues$3({
-          _hue: ((_b2 = (_a2 = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _a2[tone2]) == null ? void 0 : _b2._hue) || hue
-        }, (_c2 = spec.badge) == null ? void 0 : _c2["*"]), (_d2 = spec.badge) == null ? void 0 : _d2[tone2])
-      });
-    }, {})
-  });
+    avatar: color.COLOR_HUES.reduce((acc, hue2) => ({
+      ...acc,
+      [hue2]: merge({
+        _hue: hue2
+      }, spec.avatar?.["*"], spec.avatar?.[hue2])
+    }), {}),
+    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone2) => ({
+      ...acc,
+      [tone2]: {
+        _hue: inputTokens?.base?.[tone2]?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.[tone2]
+      }
+    }), {})
+  };
 }
 function resolveButtonColorTokens(inputTokens) {
   const tokens = {};
@@ -2467,27 +2441,25 @@ 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;
-  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);
-  return __spreadProps$3(__spreadValues$3({}, spec), {
+  const spec = merge(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: color.COLOR_HUES.reduce((acc, hue2) => {
-      var _a2, _b2;
-      return __spreadProps$3(__spreadValues$3({}, acc), {
-        [hue2]: merge({
-          _hue: hue2
-        }, (_a2 = spec.avatar) == null ? void 0 : _a2["*"], (_b2 = spec.avatar) == null ? void 0 : _b2[hue2])
-      });
-    }, {}),
-    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone2) => {
-      var _a2, _b2, _c2, _d2;
-      return __spreadProps$3(__spreadValues$3({}, acc), {
-        [tone2]: __spreadValues$3(__spreadValues$3({
-          _hue: ((_b2 = (_a2 = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _a2[tone2]) == null ? void 0 : _b2._hue) || hue
-        }, (_c2 = spec.badge) == null ? void 0 : _c2["*"]), (_d2 = spec.badge) == null ? void 0 : _d2[tone2])
-      });
-    }, {})
-  });
+    avatar: color.COLOR_HUES.reduce((acc, hue2) => ({
+      ...acc,
+      [hue2]: merge({
+        _hue: hue2
+      }, spec.avatar?.["*"], spec.avatar?.[hue2])
+    }), {}),
+    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone2) => ({
+      ...acc,
+      [tone2]: {
+        _hue: inputTokens?.base?.[tone2]?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.[tone2]
+      }
+    }), {})
+  };
 }
 function resolveInputColorTokens(inputTokens) {
   const tokens = {};
@@ -2502,11 +2474,11 @@ 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);
-  return __spreadProps$3(__spreadValues$3({}, spec), {
+  const spec = merge(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) {
   const tokens = {};
@@ -2515,49 +2487,39 @@ 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;
-  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);
-  return __spreadProps$3(__spreadValues$3({}, spec), {
+  const spec = merge(inputTokens?.selectable?.["*"]?.["*"], inputTokens?.selectable?.[tone]?.["*"], inputTokens?.selectable?.["*"]?.[state], inputTokens?.selectable?.[tone]?.[state]), hue = spec._hue || inputTokens?.base?.[tone]?._hue;
+  return {
+    ...spec,
     _hue: hue,
-    avatar: color.COLOR_HUES.reduce((acc, hue2) => {
-      var _a2, _b2;
-      return __spreadProps$3(__spreadValues$3({}, acc), {
-        [hue2]: merge({
-          _hue: hue2
-        }, (_a2 = spec.avatar) == null ? void 0 : _a2["*"], (_b2 = spec.avatar) == null ? void 0 : _b2[hue2])
-      });
-    }, {}),
-    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone2) => {
-      var _a2, _b2, _c2, _d2;
-      return __spreadProps$3(__spreadValues$3({}, acc), {
-        [tone2]: __spreadValues$3(__spreadValues$3({
-          _hue: ((_b2 = (_a2 = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _a2[tone2]) == null ? void 0 : _b2._hue) || hue
-        }, (_c2 = spec.badge) == null ? void 0 : _c2["*"]), (_d2 = spec.badge) == null ? void 0 : _d2[tone2])
-      });
-    }, {})
-  });
+    avatar: color.COLOR_HUES.reduce((acc, hue2) => ({
+      ...acc,
+      [hue2]: merge({
+        _hue: hue2
+      }, spec.avatar?.["*"], spec.avatar?.[hue2])
+    }), {}),
+    badge: THEME_COLOR_STATE_TONES.reduce((acc, tone2) => ({
+      ...acc,
+      [tone2]: {
+        _hue: inputTokens?.base?.[tone2]?._hue || hue,
+        ...spec.badge?.["*"],
+        ...spec.badge?.[tone2]
+      }
+    }), {})
+  };
 }
-var __defProp$2 = Object.defineProperty, __defProps$2 = Object.defineProperties, __getOwnPropDescs$2 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$2 = Object.getOwnPropertySymbols, __hasOwnProp$2 = Object.prototype.hasOwnProperty, __propIsEnum$2 = Object.prototype.propertyIsEnumerable, __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$2 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
-  if (__getOwnPropSymbols$2)
-    for (var prop of __getOwnPropSymbols$2(b))
-      __propIsEnum$2.call(b, prop) && __defNormalProp$2(a, prop, b[prop]);
-  return a;
-}, __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 function buildColorTheme(config) {
-  const resolvedConfig = __spreadProps$2(__spreadValues$2({}, config), {
-    color: resolveColorTokens(config == null ? void 0 : config.color)
-  });
+  const resolvedConfig = {
+    ...config,
+    color: resolveColorTokens(config?.color)
+  };
   return {
     light: buildColorScheme({
       scheme: "light"
@@ -2579,55 +2541,54 @@ function buildColorScheme(options, config) {
   return colorScheme;
 }
 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",
+  } = 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, {
+    backdrop: resolveColorTokenValue(context, tokens?.backdrop),
+    badge: buildBadgeColorTheme(tokens?.badge, {
       scheme
     }, config),
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    border: resolveColorTokenValue(context, tokens?.border),
     button: buildButtonColorTheme({
       scheme,
       tone
     }, 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,
@@ -2638,8 +2599,8 @@ function buildCardColorTheme(options, config) {
       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
@@ -2647,19 +2608,18 @@ function buildCardColorTheme(options, 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",
+  } = 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) {
@@ -2706,18 +2666,17 @@ 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",
+  } = 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) {
@@ -2732,19 +2691,18 @@ function buildBadgeColorTheme(tokens, options, config) {
   return colorBadge;
 }
 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",
+  } = 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) {
@@ -2793,51 +2751,50 @@ 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, _p, _q;
   const {
     cardTone,
     mode,
     tone,
     scheme,
     state
-  } = options, cardTokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[cardTone], tokens = (_f = (_e = (_d = (_c = config == null ? void 0 : config.color) == null ? void 0 : _c.button) == null ? void 0 : _d[mode]) == null ? void 0 : _e[tone]) == null ? void 0 : _f[state], hue = (tokens == null ? void 0 : tokens._hue) || (cardTokens == null ? void 0 : cardTokens._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = {
+  } = options, cardTokens = config?.color?.base?.[cardTone], tokens = config?.color?.button?.[mode]?.[tone]?.[state], hue = tokens?._hue || cardTokens?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = {
     hue,
     scheme
   };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
-      fg: resolveColorTokenValue(context, (_g = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _g.fg)
+      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
     },
     avatar: buildAvatarColorTheme({
       scheme
     }, tokens),
-    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, {
+    badge: buildBadgeColorTheme(tokens?.badge, {
       scheme
     }, config),
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    border: resolveColorTokenValue(context, tokens?.border),
     code: {
-      bg: resolveColorTokenValue(context, (_h = tokens == null ? void 0 : tokens.code) == null ? void 0 : _h.bg),
-      fg: resolveColorTokenValue(context, (_i = tokens == null ? void 0 : tokens.code) == null ? void 0 : _i.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, (_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)
     },
     kbd: {
-      bg: resolveColorTokenValue(context, (_l = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _l.bg),
-      fg: resolveColorTokenValue(context, (_m = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _m.fg),
-      border: resolveColorTokenValue(context, (_n = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _n.border)
+      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
+      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
+      border: resolveColorTokenValue(context, tokens?.kbd?.border)
     },
     link: {
-      fg: resolveColorTokenValue(context, (_o = tokens == null ? void 0 : tokens.link) == null ? void 0 : _o.fg)
+      fg: resolveColorTokenValue(context, tokens?.link?.fg)
     },
     skeleton: {
-      from: resolveColorTokenValue(context, (_p = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _p.from),
-      to: resolveColorTokenValue(context, (_q = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _q.to)
+      from: resolveColorTokenValue(context, tokens?.skeleton?.from),
+      to: resolveColorTokenValue(context, tokens?.skeleton?.to)
     }
   };
 }
@@ -2893,25 +2850,24 @@ function buildInputStatesColorTheme(options, config) {
   };
 }
 function buildInputStateColorTheme(options, config) {
-  var _a, _b, _c, _d, _e, _f;
   const {
     cardTone,
     mode,
     scheme,
     state
-  } = options, cardTokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[cardTone], tokens = (_e = (_d = (_c = config == null ? void 0 : config.color) == null ? void 0 : _c.input) == null ? void 0 : _d[mode]) == null ? void 0 : _e[state], hue = (tokens == null ? void 0 : tokens._hue) || (cardTokens == null ? void 0 : cardTokens._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = {
+  } = options, cardTokens = config?.color?.base?.[cardTone], tokens = config?.color?.input?.[mode]?.[state], hue = tokens?._hue || cardTokens?._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, (_f = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _f.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) {
@@ -2943,98 +2899,96 @@ 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, _o, _p;
   const {
     cardTone,
     scheme,
     state,
     tone
-  } = options, cardTokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[cardTone], tokens = (_e = (_d = (_c = config == null ? void 0 : config.color) == null ? void 0 : _c.selectable) == null ? void 0 : _d[tone]) == null ? void 0 : _e[state], hue = (tokens == null ? void 0 : tokens._hue) || (cardTokens == null ? void 0 : cardTokens._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = {
+  } = options, cardTokens = config?.color?.base?.[cardTone], tokens = config?.color?.selectable?.[tone]?.[state], hue = tokens?._hue || cardTokens?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = {
     hue,
     scheme
   };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
-      fg: resolveColorTokenValue(context, (_f = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _f.fg)
+      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
     },
     avatar: buildAvatarColorTheme({
       scheme
     }, tokens),
-    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, {
+    badge: buildBadgeColorTheme(tokens?.badge, {
       scheme
     }, config),
-    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
-    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
+    bg: resolveColorTokenValue(context, tokens?.bg),
+    border: resolveColorTokenValue(context, tokens?.border),
     code: {
-      bg: resolveColorTokenValue(context, (_g = tokens == null ? void 0 : tokens.code) == null ? void 0 : _g.bg),
-      fg: resolveColorTokenValue(context, (_h = tokens == null ? void 0 : tokens.code) == null ? void 0 : _h.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, (_i = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _i.bg),
-      fg: resolveColorTokenValue(context, (_j = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _j.fg)
+      bg: resolveColorTokenValue(context, tokens?.muted?.bg),
+      fg: resolveColorTokenValue(context, tokens?.muted?.fg)
     },
     kbd: {
-      bg: resolveColorTokenValue(context, (_k = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _k.bg),
-      fg: resolveColorTokenValue(context, (_l = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _l.fg),
-      border: resolveColorTokenValue(context, (_m = tokens == null ? void 0 : tokens.kbd) == null ? void 0 : _m.border)
+      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
+      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
+      border: resolveColorTokenValue(context, tokens?.kbd?.border)
     },
     link: {
-      fg: resolveColorTokenValue(context, (_n = tokens == null ? void 0 : tokens.link) == null ? void 0 : _n.fg)
+      fg: resolveColorTokenValue(context, tokens?.link?.fg)
     },
     skeleton: {
-      from: resolveColorTokenValue(context, (_o = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _o.from),
-      to: resolveColorTokenValue(context, (_p = tokens == null ? void 0 : tokens.skeleton) == null ? void 0 : _p.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 = {
+  } = 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;
@@ -3249,17 +3203,8 @@ function renderColorValue(str, options) {
 function renderColorHex(color2) {
   return typeof color2 == "string" ? color2 : color2.hex;
 }
-var __defProp$1 = Object.defineProperty, __defProps$1 = Object.defineProperties, __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors, __getOwnPropSymbols$1 = Object.getOwnPropertySymbols, __hasOwnProp$1 = Object.prototype.hasOwnProperty, __propIsEnum$1 = Object.prototype.propertyIsEnumerable, __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues$1 = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
-  if (__getOwnPropSymbols$1)
-    for (var prop of __getOwnPropSymbols$1(b))
-      __propIsEnum$1.call(b, prop) && __defNormalProp$1(a, prop, b[prop]);
-  return a;
-}, __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
 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)
@@ -3300,24 +3245,30 @@ function renderThemeColor(value, options) {
     blendMode
   }), shadow = {
     outline: renderColorValue(value.shadow.outline, colorOptions),
-    umbra: renderColorValue(value.shadow.umbra, __spreadProps$1(__spreadValues$1({}, colorOptions), {
+    umbra: renderColorValue(value.shadow.umbra, {
+      ...colorOptions,
       bg: void 0,
-      colorPalette: __spreadProps$1(__spreadValues$1({}, colorPalette), {
+      colorPalette: {
+        ...colorPalette,
         black: "#000000"
-      })
-    })),
-    penumbra: renderColorValue(value.shadow.penumbra, __spreadProps$1(__spreadValues$1({}, colorOptions), {
+      }
+    }),
+    penumbra: renderColorValue(value.shadow.penumbra, {
+      ...colorOptions,
       bg: void 0,
-      colorPalette: __spreadProps$1(__spreadValues$1({}, colorPalette), {
+      colorPalette: {
+        ...colorPalette,
         black: "#000000"
-      })
-    })),
-    ambient: renderColorValue(value.shadow.ambient, __spreadProps$1(__spreadValues$1({}, colorOptions), {
+      }
+    }),
+    ambient: renderColorValue(value.shadow.ambient, {
+      ...colorOptions,
       bg: void 0,
-      colorPalette: __spreadProps$1(__spreadValues$1({}, colorPalette), {
+      colorPalette: {
+        ...colorPalette,
         black: "#000000"
-      })
-    }))
+      }
+    })
   };
   return {
     _blend: blendMode,
@@ -3472,7 +3423,6 @@ function renderThemeColorButtonStates(value, options) {
   };
 }
 function renderThemeColorState(value, options) {
-  var _a, _b;
   const {
     baseBg,
     blendMode: rootBlendMode,
@@ -3522,8 +3472,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)
     }
   };
 }
@@ -3631,52 +3581,45 @@ 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);
 }
-var __defProp = Object.defineProperty, __defProps = Object.defineProperties, __getOwnPropDescs = Object.getOwnPropertyDescriptors, __getOwnPropSymbols = Object.getOwnPropertySymbols, __hasOwnProp = Object.prototype.hasOwnProperty, __propIsEnum = Object.prototype.propertyIsEnumerable, __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: !0, configurable: !0, writable: !0, value }) : obj[key] = value, __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    __hasOwnProp.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b))
-      __propIsEnum.call(b, prop) && __defNormalProp(a, prop, b[prop]);
-  return a;
-}, __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 const cache = /* @__PURE__ */ new Map();
 function getScopedTheme(themeProp, scheme, tone) {
   const cachedTheme = _getCachedTheme(themeProp, scheme, tone);
   if (cachedTheme) return cachedTheme;
   const v0 = is_v2(themeProp) ? v2_v0(themeProp) : themeProp, v2 = is_v2(themeProp) ? themeProp : v0_v2(themeProp), colorScheme_v0 = v0.color[scheme] || v0.color.light, color_v0 = colorScheme_v0[tone] || colorScheme_v0.default, layer_v0 = v0.layer || getTheme_v2.defaultThemeConfig.layer, colorScheme_v2 = v2.color[scheme] || v2.color.light, color_v2 = colorScheme_v2[tone] || colorScheme_v2.default, layer_v2 = v2.layer || getTheme_v2.defaultThemeConfig.layer, theme = {
-    sanity: __spreadProps(__spreadValues({}, v0), {
+    sanity: {
+      ...v0,
       color: color_v0,
       layer: layer_v0,
-      v2: __spreadProps(__spreadValues({}, v2), {
+      v2: {
+        ...v2,
         _resolved: !0,
         color: color_v2,
         layer: layer_v2
-      })
-    })
+      }
+    }
   };
   return _setCachedTheme(themeProp, scheme, tone, theme), theme;
 }