@sanity/ui 2.10.3 → 2.10.5

package/dist/theme.esm.js

@@ -370,6 +370,14 @@ 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%)",
@@ -604,8 +612,7 @@ const black = "hsl(0, 0%, 0%)", white = "hsl(0, 0%, 100%)", colors = {
     mode,
     muted,
     solid
-  }) => mode === "bleed" ? {
-    ...muted,
+  }) => mode === "bleed" ? __spreadProps$7(__spreadValues$8({}, muted), {
     enabled: {
       bg: "transparent",
       bg2: "transparent",
@@ -648,10 +655,9 @@ const black = "hsl(0, 0%, 0%)", white = "hsl(0, 0%, 100%)", colors = {
       },
       skeleton: base.skeleton
     }
-  } : mode === "ghost" ? {
-    ...solid,
+  }) : mode === "ghost" ? __spreadProps$7(__spreadValues$8({}, solid), {
     enabled: muted.enabled
-  } : solid,
+  }) : solid,
   card: ({
     base
   }) => ({
@@ -1076,11 +1082,16 @@ 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 = {
-    ...defaultOpts,
-    ...partialOpts
-  };
+  const builders = __spreadValues$7(__spreadValues$7({}, defaultOpts), partialOpts);
   return {
     light: _createColorScheme(builders, !1),
     dark: _createColorScheme(builders, !0)
@@ -1319,6 +1330,14 @@ 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;
@@ -1341,14 +1360,8 @@ function v0_v2(v0) {
     styles: style
   } = v0, v2 = {
     _version: 2,
-    avatar: {
-      ...defaultThemeConfig.avatar,
-      ...avatar
-    },
-    button: {
-      ...defaultThemeConfig.button,
-      ...button
-    },
+    avatar: __spreadValues$6(__spreadValues$6({}, defaultThemeConfig.avatar), avatar),
+    button: __spreadValues$6(__spreadValues$6({}, defaultThemeConfig.button), button),
     card: defaultThemeConfig.card,
     color: {
       light: {
@@ -1374,23 +1387,12 @@ function v0_v2(v0) {
     },
     container,
     font,
-    input: {
-      ...defaultThemeConfig.input,
-      ...input,
-      checkbox: {
-        ...defaultThemeConfig.input.checkbox,
-        ...input.checkbox
-      },
-      radio: {
-        ...defaultThemeConfig.input.radio,
-        ...input.radio
-      },
-      switch: {
-        ...defaultThemeConfig.input.switch,
-        ...input.switch
-      }
-    },
-    layer: layer ?? defaultThemeConfig.layer,
+    input: __spreadProps$6(__spreadValues$6(__spreadValues$6({}, defaultThemeConfig.input), input), {
+      checkbox: __spreadValues$6(__spreadValues$6({}, defaultThemeConfig.input.checkbox), input.checkbox),
+      radio: __spreadValues$6(__spreadValues$6({}, defaultThemeConfig.input.radio), input.radio),
+      switch: __spreadValues$6(__spreadValues$6({}, defaultThemeConfig.input.switch), input.switch)
+    }),
+    layer: layer != null ? layer : defaultThemeConfig.layer,
     media,
     radius,
     shadow,
@@ -1399,6 +1401,14 @@ 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);
@@ -1466,14 +1476,12 @@ function themeColor_v2_v0(color_v2) {
       default: inputStatesThemeColor_v2_v0(color_v2.input.default),
       invalid: inputStatesThemeColor_v2_v0(color_v2.input.invalid)
     },
-    muted: {
-      ...color_v2.button.ghost,
+    muted: __spreadProps$5(__spreadValues$5({}, color_v2.button.ghost), {
       transparent: color_v2.button.ghost.default
-    },
-    solid: {
-      ...color_v2.button.default,
+    }),
+    solid: __spreadProps$5(__spreadValues$5({}, color_v2.button.default), {
       transparent: color_v2.button.default.default
-    },
+    }),
     selectable: color_v2.selectable,
     spot: {
       gray: color_v2.avatar.gray.bg,
@@ -1690,7 +1698,8 @@ function isColorConfigBlendKey(str) {
   return COLOR_CONFIG_BLEND_KEYS.includes(str);
 }
 function isColorTokenValue(str) {
-  return parseTokenValue(str)?.type === "color" || parseTokenValue(str)?.type === "hue";
+  var _a, _b;
+  return ((_a = parseTokenValue(str)) == null ? void 0 : _a.type) === "color" || ((_b = parseTokenValue(str)) == null ? void 0 : _b.type) === "hue";
 }
 function isColorValue(str) {
   return str === "black" || str === "white";
@@ -1702,6 +1711,14 @@ 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 {
@@ -1710,10 +1727,9 @@ 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({
-    ...node,
+  return compileColorTokenValue(__spreadProps$4(__spreadValues$4({}, node), {
     hue: node.hue || hue
-  });
+  }));
 }
 const defaultColorTokens = {
   base: {
@@ -2385,6 +2401,14 @@ 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 {
@@ -2402,25 +2426,27 @@ function resolveBaseColorTokens(sparseTokens) {
   return tokens;
 }
 function resolveBaseColorTones(inputTokens, tone) {
-  const spec = merge(inputTokens?.base?.["*"], inputTokens?.base?.[tone]), hue = spec._hue || inputTokens?.base?.[tone]?._hue || "gray";
-  return {
-    ...spec,
+  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), {
     _hue: hue,
-    avatar: 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]
-      }
-    }), {})
-  };
+    avatar: 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])
+      });
+    }, {})
+  });
 }
 function resolveButtonColorTokens(inputTokens) {
   const tokens = {};
@@ -2441,25 +2467,27 @@ function resolveButtonModeColorTokens(inputTokens, mode, tone) {
   return tokens;
 }
 function resolveButtonStateColorTokens(inputTokens, tone, mode, state) {
-  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,
+  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), {
     _hue: hue,
-    avatar: 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]
-      }
-    }), {})
-  };
+    avatar: 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])
+      });
+    }, {})
+  });
 }
 function resolveInputColorTokens(inputTokens) {
   const tokens = {};
@@ -2474,11 +2502,11 @@ function resolveInputModeColorTokens(inputTokens, mode) {
   return states;
 }
 function resolveInputStateColorTokens(inputTokens, mode, state) {
-  const spec = merge(inputTokens?.input?.["*"]?.["*"], inputTokens?.input?.[mode]?.["*"], inputTokens?.input?.["*"]?.[state], inputTokens?.input?.[mode]?.[state]), hue = spec._hue || inputTokens?.input?.[mode]?._hue;
-  return {
-    ...spec,
+  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), {
     _hue: hue
-  };
+  });
 }
 function resolveSelectableColorTokens(inputTokens) {
   const tokens = {};
@@ -2487,39 +2515,49 @@ function resolveSelectableColorTokens(inputTokens) {
   return tokens;
 }
 function resolveSelectableToneColorTokens(inputTokens, tone) {
+  var _a, _b, _c, _d;
   const states = {
-    _hue: inputTokens?.selectable?.[tone]?._hue || inputTokens?.base?.[tone]?._hue
+    _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)
   };
   for (const state of THEME_COLOR_STATES)
     states[state] = resolveSelectableStateColorTokens(inputTokens, tone, state);
   return states;
 }
 function resolveSelectableStateColorTokens(inputTokens, tone, state) {
-  const spec = merge(inputTokens?.selectable?.["*"]?.["*"], inputTokens?.selectable?.[tone]?.["*"], inputTokens?.selectable?.["*"]?.[state], inputTokens?.selectable?.[tone]?.[state]), hue = spec._hue || inputTokens?.base?.[tone]?._hue;
-  return {
-    ...spec,
+  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), {
     _hue: hue,
-    avatar: 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]
-      }
-    }), {})
-  };
+    avatar: 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])
+      });
+    }, {})
+  });
 }
+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 = {
-    ...config,
-    color: resolveColorTokens(config?.color)
-  };
+  const resolvedConfig = __spreadProps$2(__spreadValues$2({}, config), {
+    color: resolveColorTokens(config == null ? void 0 : config.color)
+  });
   return {
     light: buildColorScheme({
       scheme: "light"
@@ -2541,54 +2579,55 @@ 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 = config?.color?.base?.[tone], context = {
-    hue: tokens?._hue || "gray",
+  } = 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
   };
   return {
-    _blend: (tokens?._blend || ["multiply", "screen"])[scheme === "light" ? 0 : 1],
+    _blend: ((tokens == null ? void 0 : tokens._blend) || ["multiply", "screen"])[scheme === "light" ? 0 : 1],
     _dark: scheme === "dark",
     accent: {
-      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
+      fg: resolveColorTokenValue(context, (_c = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _c.fg)
     },
     avatar: buildAvatarColorTheme({
       scheme
     }, tokens),
-    backdrop: resolveColorTokenValue(context, tokens?.backdrop),
-    badge: buildBadgeColorTheme(tokens?.badge, {
+    backdrop: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.backdrop),
+    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, {
       scheme
     }, config),
-    bg: resolveColorTokenValue(context, tokens?.bg),
-    border: resolveColorTokenValue(context, tokens?.border),
+    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
+    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
     button: buildButtonColorTheme({
       scheme,
       tone
     }, config),
     code: {
-      bg: resolveColorTokenValue(context, tokens?.code?.bg),
-      fg: resolveColorTokenValue(context, tokens?.code?.fg)
+      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)
     },
-    fg: resolveColorTokenValue(context, tokens?.fg),
-    focusRing: resolveColorTokenValue(context, tokens?.focusRing),
-    icon: resolveColorTokenValue(context, tokens?.icon),
+    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),
     input: buildInputColorTheme({
       scheme,
       tone
     }, config),
     kbd: {
-      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
-      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
-      border: resolveColorTokenValue(context, tokens?.kbd?.border)
+      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)
     },
     link: {
-      fg: resolveColorTokenValue(context, tokens?.link?.fg)
+      fg: resolveColorTokenValue(context, (_i = tokens == null ? void 0 : tokens.link) == null ? void 0 : _i.fg)
     },
     muted: {
-      bg: resolveColorTokenValue(context, tokens?.muted?.bg),
-      fg: resolveColorTokenValue(context, tokens?.muted?.fg)
+      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)
     },
     selectable: buildSelectableColorTheme({
       scheme,
@@ -2599,8 +2638,8 @@ function buildCardColorTheme(options, config) {
       tone
     }, config),
     skeleton: {
-      from: resolveColorTokenValue(context, tokens?.skeleton?.from),
-      to: resolveColorTokenValue(context, tokens?.skeleton?.to)
+      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)
     },
     syntax: buildSyntaxColorTheme({
       scheme
@@ -2608,18 +2647,19 @@ function buildCardColorTheme(options, config) {
   };
 }
 function buildShadowColorTheme(options, config) {
+  var _a, _b, _c, _d, _e, _f;
   const {
     scheme,
     tone
-  } = options, tokens = config?.color?.base?.[tone], context = {
-    hue: tokens?._hue || "gray",
+  } = 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
   };
   return {
-    outline: resolveColorTokenValue(context, tokens?.shadow?.outline),
-    umbra: resolveColorTokenValue(context, tokens?.shadow?.umbra),
-    penumbra: resolveColorTokenValue(context, tokens?.shadow?.penumbra),
-    ambient: resolveColorTokenValue(context, tokens?.shadow?.ambient)
+    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)
   };
 }
 function buildAvatarColorTheme(options, stateTokens) {
@@ -2666,17 +2706,18 @@ function buildAvatarColorTheme(options, stateTokens) {
   };
 }
 function _buildAvatarColorTheme(options, stateTokens) {
+  var _a;
   const {
     color: color2,
     scheme
-  } = options, tokens = stateTokens?.avatar?.[color2], context = {
-    hue: tokens?._hue || "gray",
+  } = options, tokens = (_a = stateTokens == null ? void 0 : stateTokens.avatar) == null ? void 0 : _a[color2], context = {
+    hue: (tokens == null ? void 0 : tokens._hue) || "gray",
     scheme
   };
   return {
-    _blend: (tokens?._blend || ["screen", "multiply"])[scheme === "light" ? 0 : 1],
-    bg: resolveColorTokenValue(context, tokens?.bg),
-    fg: resolveColorTokenValue(context, tokens?.fg)
+    _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)
   };
 }
 function buildBadgeColorTheme(tokens, options, config) {
@@ -2691,18 +2732,19 @@ function buildBadgeColorTheme(tokens, options, config) {
   return colorBadge;
 }
 function _buildBadgeColorTheme(parentTokens, options, config) {
+  var _a, _b, _c;
   const {
     scheme,
     tone
-  } = options, tokens = parentTokens?.[tone], context = {
-    hue: tokens?._hue || config?.color?.base?.[tone]?._hue || "gray",
+  } = 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
   };
   return {
-    bg: resolveColorTokenValue(context, tokens?.bg),
-    fg: resolveColorTokenValue(context, tokens?.fg),
-    dot: resolveColorTokenValue(context, tokens?.dot),
-    icon: resolveColorTokenValue(context, tokens?.icon)
+    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)
   };
 }
 function buildButtonColorTheme(options, config) {
@@ -2751,50 +2793,51 @@ 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 = config?.color?.base?.[cardTone], tokens = config?.color?.button?.[mode]?.[tone]?.[state], hue = tokens?._hue || cardTokens?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = {
+  } = 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 = {
     hue,
     scheme
   };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
-      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
+      fg: resolveColorTokenValue(context, (_g = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _g.fg)
     },
     avatar: buildAvatarColorTheme({
       scheme
     }, tokens),
-    badge: buildBadgeColorTheme(tokens?.badge, {
+    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, {
       scheme
     }, config),
-    bg: resolveColorTokenValue(context, tokens?.bg),
-    border: resolveColorTokenValue(context, tokens?.border),
+    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
+    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
     code: {
-      bg: resolveColorTokenValue(context, tokens?.code?.bg),
-      fg: resolveColorTokenValue(context, tokens?.code?.fg)
+      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)
     },
-    fg: resolveColorTokenValue(context, tokens?.fg),
-    icon: resolveColorTokenValue(context, tokens?.icon),
+    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
+    icon: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.icon),
     muted: {
-      bg: resolveColorTokenValue(context, tokens?.muted?.bg),
-      fg: resolveColorTokenValue(context, tokens?.muted?.fg)
+      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)
     },
     kbd: {
-      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
-      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
-      border: resolveColorTokenValue(context, tokens?.kbd?.border)
+      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)
     },
     link: {
-      fg: resolveColorTokenValue(context, tokens?.link?.fg)
+      fg: resolveColorTokenValue(context, (_o = tokens == null ? void 0 : tokens.link) == null ? void 0 : _o.fg)
     },
     skeleton: {
-      from: resolveColorTokenValue(context, tokens?.skeleton?.from),
-      to: resolveColorTokenValue(context, tokens?.skeleton?.to)
+      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)
     }
   };
 }
@@ -2850,24 +2893,25 @@ function buildInputStatesColorTheme(options, config) {
   };
 }
 function buildInputStateColorTheme(options, config) {
+  var _a, _b, _c, _d, _e, _f;
   const {
     cardTone,
     mode,
     scheme,
     state
-  } = options, cardTokens = config?.color?.base?.[cardTone], tokens = config?.color?.input?.[mode]?.[state], hue = tokens?._hue || cardTokens?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = {
+  } = 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 = {
     hue,
     scheme
   };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
-    bg: resolveColorTokenValue(context, tokens?.bg),
-    border: resolveColorTokenValue(context, tokens?.border),
-    fg: resolveColorTokenValue(context, tokens?.fg),
+    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),
     muted: {
-      bg: resolveColorTokenValue(context, tokens?.muted?.bg)
+      bg: resolveColorTokenValue(context, (_f = tokens == null ? void 0 : tokens.muted) == null ? void 0 : _f.bg)
     },
-    placeholder: resolveColorTokenValue(context, tokens?.placeholder)
+    placeholder: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.placeholder)
   };
 }
 function buildSelectableColorTheme(options, config) {
@@ -2899,96 +2943,98 @@ 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 = config?.color?.base?.[cardTone], tokens = config?.color?.selectable?.[tone]?.[state], hue = tokens?._hue || cardTokens?._hue || "gray", blendMode = tokens?._blend || ["screen", "multiply"], context = {
+  } = 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 = {
     hue,
     scheme
   };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
-      fg: resolveColorTokenValue(context, tokens?.accent?.fg)
+      fg: resolveColorTokenValue(context, (_f = tokens == null ? void 0 : tokens.accent) == null ? void 0 : _f.fg)
     },
     avatar: buildAvatarColorTheme({
       scheme
     }, tokens),
-    badge: buildBadgeColorTheme(tokens?.badge, {
+    badge: buildBadgeColorTheme(tokens == null ? void 0 : tokens.badge, {
       scheme
     }, config),
-    bg: resolveColorTokenValue(context, tokens?.bg),
-    border: resolveColorTokenValue(context, tokens?.border),
+    bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
+    border: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.border),
     code: {
-      bg: resolveColorTokenValue(context, tokens?.code?.bg),
-      fg: resolveColorTokenValue(context, tokens?.code?.fg)
+      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)
     },
-    fg: resolveColorTokenValue(context, tokens?.fg),
-    icon: resolveColorTokenValue(context, tokens?.icon),
+    fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
+    icon: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.icon),
     muted: {
-      bg: resolveColorTokenValue(context, tokens?.muted?.bg),
-      fg: resolveColorTokenValue(context, tokens?.muted?.fg)
+      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)
     },
     kbd: {
-      bg: resolveColorTokenValue(context, tokens?.kbd?.bg),
-      fg: resolveColorTokenValue(context, tokens?.kbd?.fg),
-      border: resolveColorTokenValue(context, tokens?.kbd?.border)
+      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)
     },
     link: {
-      fg: resolveColorTokenValue(context, tokens?.link?.fg)
+      fg: resolveColorTokenValue(context, (_n = tokens == null ? void 0 : tokens.link) == null ? void 0 : _n.fg)
     },
     skeleton: {
-      from: resolveColorTokenValue(context, tokens?.skeleton?.from),
-      to: resolveColorTokenValue(context, tokens?.skeleton?.to)
+      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)
     }
   };
 }
 function buildSyntaxColorTheme(options, config) {
+  var _a;
   const {
     scheme
-  } = options, tokens = config?.color?.syntax, context = {
+  } = options, tokens = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.syntax, context = {
     hue: "gray",
     scheme
   };
   return {
-    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)
+    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)
   };
 }
 const defaultColorPalette = color;
@@ -3203,8 +3249,17 @@ 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) {
-  const colorPalette = config?.palette ?? defaultColorPalette;
+  var _a;
+  const colorPalette = (_a = config == null ? void 0 : config.palette) != null ? _a : defaultColorPalette;
   return {
     light: renderThemeColorScheme(colorPalette, value.light),
     dark: renderThemeColorScheme(colorPalette, value.dark)
@@ -3245,30 +3300,24 @@ function renderThemeColor(value, options) {
     blendMode
   }), shadow = {
     outline: renderColorValue(value.shadow.outline, colorOptions),
-    umbra: renderColorValue(value.shadow.umbra, {
-      ...colorOptions,
+    umbra: renderColorValue(value.shadow.umbra, __spreadProps$1(__spreadValues$1({}, colorOptions), {
       bg: void 0,
-      colorPalette: {
-        ...colorPalette,
+      colorPalette: __spreadProps$1(__spreadValues$1({}, colorPalette), {
         black: "#000000"
-      }
-    }),
-    penumbra: renderColorValue(value.shadow.penumbra, {
-      ...colorOptions,
+      })
+    })),
+    penumbra: renderColorValue(value.shadow.penumbra, __spreadProps$1(__spreadValues$1({}, colorOptions), {
       bg: void 0,
-      colorPalette: {
-        ...colorPalette,
+      colorPalette: __spreadProps$1(__spreadValues$1({}, colorPalette), {
         black: "#000000"
-      }
-    }),
-    ambient: renderColorValue(value.shadow.ambient, {
-      ...colorOptions,
+      })
+    })),
+    ambient: renderColorValue(value.shadow.ambient, __spreadProps$1(__spreadValues$1({}, colorOptions), {
       bg: void 0,
-      colorPalette: {
-        ...colorPalette,
+      colorPalette: __spreadProps$1(__spreadValues$1({}, colorPalette), {
         black: "#000000"
-      }
-    })
+      })
+    }))
   };
   return {
     _blend: blendMode,
@@ -3423,6 +3472,7 @@ function renderThemeColorButtonStates(value, options) {
   };
 }
 function renderThemeColorState(value, options) {
+  var _a, _b;
   const {
     baseBg,
     blendMode: rootBlendMode,
@@ -3472,8 +3522,8 @@ function renderThemeColorState(value, options) {
       border: renderColorValue(value.kbd.border, colorOptions)
     },
     skeleton: {
-      from: renderColorValue(value.skeleton?.from, colorOptions),
-      to: renderColorValue(value.skeleton?.to, colorOptions)
+      from: renderColorValue((_a = value.skeleton) == null ? void 0 : _a.from, colorOptions),
+      to: renderColorValue((_b = value.skeleton) == null ? void 0 : _b.to, colorOptions)
     }
   };
 }
@@ -3581,45 +3631,52 @@ 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: config?.avatar ?? defaultThemeConfig.avatar,
-    button: config?.button ?? defaultThemeConfig.button,
-    card: config?.card ?? defaultThemeConfig.card,
+    avatar: (_a = config == null ? void 0 : config.avatar) != null ? _a : defaultThemeConfig.avatar,
+    button: (_b = config == null ? void 0 : config.button) != null ? _b : defaultThemeConfig.button,
+    card: (_c = config == null ? void 0 : config.card) != null ? _c : 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: config?.container ?? defaultThemeConfig.container,
-    font: config?.font ?? defaultThemeFonts,
-    input: config?.input ?? defaultThemeConfig.input,
-    layer: config?.layer ?? defaultThemeConfig.layer,
-    media: config?.media ?? defaultThemeConfig.media,
-    radius: config?.radius ?? defaultThemeConfig.radius,
-    shadow: config?.shadow ?? defaultThemeConfig.shadow,
-    space: config?.space ?? defaultThemeConfig.space,
-    style: config?.style ?? defaultThemeConfig.style
+    container: (_d = config == null ? void 0 : config.container) != null ? _d : defaultThemeConfig.container,
+    font: (_e = config == null ? void 0 : config.font) != null ? _e : defaultThemeFonts,
+    input: (_f = config == null ? void 0 : config.input) != null ? _f : defaultThemeConfig.input,
+    layer: (_g = config == null ? void 0 : config.layer) != null ? _g : defaultThemeConfig.layer,
+    media: (_h = config == null ? void 0 : config.media) != null ? _h : defaultThemeConfig.media,
+    radius: (_i = config == null ? void 0 : config.radius) != null ? _i : defaultThemeConfig.radius,
+    shadow: (_j = config == null ? void 0 : config.shadow) != null ? _j : defaultThemeConfig.shadow,
+    space: (_k = config == null ? void 0 : config.space) != null ? _k : defaultThemeConfig.space,
+    style: (_l = config == null ? void 0 : config.style) != null ? _l : 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 || defaultThemeConfig.layer, colorScheme_v2 = v2.color[scheme] || v2.color.light, color_v2 = colorScheme_v2[tone] || colorScheme_v2.default, layer_v2 = v2.layer || defaultThemeConfig.layer, theme = {
-    sanity: {
-      ...v0,
+    sanity: __spreadProps(__spreadValues({}, v0), {
       color: color_v0,
       layer: layer_v0,
-      v2: {
-        ...v2,
+      v2: __spreadProps(__spreadValues({}, v2), {
         _resolved: !0,
         color: color_v2,
         layer: layer_v2
-      }
-    }
+      })
+    })
   };
   return _setCachedTheme(themeProp, scheme, tone, theme), theme;
 }