@sanity/ui 2.0.6 → 2.0.8

package/dist/theme.js

@@ -1,9 +1,6 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var color = require('@sanity/color');
-
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: !0 });
+var color = require("@sanity/color");
 function createSelectableTones(opts, base, dark, solid, muted) {
   return {
     default: _createSelectableStates(opts, base, dark, solid, muted, "default"),
@@ -57,7 +54,6 @@ function _createSelectableStates(opts, base, dark, solid, muted, tone) {
     })
   };
 }
-
 function createSolidTones(opts, base, dark, name) {
   return {
     default: {
@@ -104,7 +100,6 @@ function createSolidTones(opts, base, dark, name) {
     }
   };
 }
-
 function createButtonTones(opts, base, dark, solid, muted, mode) {
   return {
     default: opts.button({
@@ -144,7 +139,6 @@ function createButtonTones(opts, base, dark, solid, muted, mode) {
     })
   };
 }
-
 function createButtonModes(opts, base, dark, solid, muted) {
   return {
     default: createButtonTones(opts, base, dark, solid, muted, "default"),
@@ -152,7 +146,6 @@ function createButtonModes(opts, base, dark, solid, muted) {
     bleed: createButtonTones(opts, base, dark, solid, muted, "bleed")
   };
 }
-
 function createCardStates(opts, base, dark, name, solid, muted) {
   return {
     enabled: opts.card({
@@ -197,10 +190,7 @@ function createCardStates(opts, base, dark, name, solid, muted) {
     })
   };
 }
-
-const black = "hsl(0, 0%, 0%)";
-const white = "hsl(0, 0%, 100%)";
-const colors = {
+const black = "hsl(0, 0%, 0%)", white = "hsl(0, 0%, 100%)", colors = {
   default: {
     lightest: "hsl(0, 0%, 95%)",
     lighter: "hsl(0, 0%, 70%)",
@@ -255,8 +245,7 @@ const colors = {
     darker: "hsl(0, 100%, 20%)",
     darkest: "hsl(0, 100%, 5%)"
   }
-};
-const spots = {
+}, spots = {
   gray: "hsl(0, 0%, 50%)",
   red: "hsl(0, 100%, 50%)",
   orange: "hsl(30, 100%, 50%)",
@@ -266,8 +255,7 @@ const spots = {
   blue: "hsl(240, 100%, 50%)",
   purple: "hsl(270, 100%, 50%)",
   magenta: "hsl(300, 100%, 50%)"
-};
-const tones = {
+}, tones = {
   transparent: {
     bg: [colors.transparent.darkest, colors.transparent.lightest],
     fg: [colors.transparent.lightest, colors.transparent.darkest],
@@ -298,75 +286,66 @@ const tones = {
     border: [colors.critical.darker, colors.critical.lighter],
     focusRing: [colors.critical.base, colors.critical.base]
   }
-};
-const defaultOpts = {
-  base: ({ dark, name }) => {
-    if (name === "default") {
-      return {
-        bg: dark ? black : white,
-        fg: dark ? white : black,
-        border: dark ? colors.default.darkest : colors.default.lightest,
-        focusRing: colors.primary.base,
-        shadow: {
-          outline: black,
-          umbra: black,
-          penumbra: black,
-          ambient: black
-        },
-        skeleton: {
-          from: dark ? white : black,
-          to: dark ? white : black
-        }
-      };
+}, defaultOpts = {
+  base: ({ dark, name }) => name === "default" ? {
+    bg: dark ? black : white,
+    fg: dark ? white : black,
+    border: dark ? colors.default.darkest : colors.default.lightest,
+    focusRing: colors.primary.base,
+    shadow: {
+      outline: black,
+      umbra: black,
+      penumbra: black,
+      ambient: black
+    },
+    skeleton: {
+      from: dark ? white : black,
+      to: dark ? white : black
+    }
+  } : {
+    bg: tones[name].bg[dark ? 0 : 1],
+    fg: tones[name].fg[dark ? 0 : 1],
+    border: tones[name].border[dark ? 0 : 1],
+    focusRing: tones[name].focusRing[dark ? 0 : 1],
+    shadow: {
+      outline: black,
+      umbra: black,
+      penumbra: black,
+      ambient: black
+    },
+    skeleton: {
+      from: dark ? white : black,
+      to: dark ? white : black
     }
-    return {
-      bg: tones[name].bg[dark ? 0 : 1],
-      fg: tones[name].fg[dark ? 0 : 1],
-      border: tones[name].border[dark ? 0 : 1],
-      focusRing: tones[name].focusRing[dark ? 0 : 1],
-      shadow: {
-        outline: black,
-        umbra: black,
-        penumbra: black,
-        ambient: black
-      },
-      skeleton: {
-        from: dark ? white : black,
-        to: dark ? white : black
-      }
-    };
   },
   solid: ({ base, dark, state, tone }) => {
-    const color = colors[tone];
-    if (state === "hovered") {
-      return {
-        bg: dark ? color.light : color.dark,
-        bg2: dark ? color.light : color.dark,
-        border: dark ? color.lighter : color.darker,
-        fg: dark ? color.darkest : color.lightest,
-        icon: dark ? color.darkest : color.lightest,
-        muted: {
-          fg: black
-        },
-        accent: {
-          fg: black
-        },
-        link: {
-          fg: black
-        },
-        code: {
-          bg: black,
-          fg: black
-        },
-        skeleton: base.skeleton
-      };
-    }
-    return {
-      bg: color.base,
-      bg2: color.base,
-      border: dark ? color.light : color.dark,
-      fg: dark ? color.darkest : color.lightest,
-      icon: dark ? color.darkest : color.lightest,
+    const color2 = colors[tone];
+    return state === "hovered" ? {
+      bg: dark ? color2.light : color2.dark,
+      bg2: dark ? color2.light : color2.dark,
+      border: dark ? color2.lighter : color2.darker,
+      fg: dark ? color2.darkest : color2.lightest,
+      icon: dark ? color2.darkest : color2.lightest,
+      muted: {
+        fg: black
+      },
+      accent: {
+        fg: black
+      },
+      link: {
+        fg: black
+      },
+      code: {
+        bg: black,
+        fg: black
+      },
+      skeleton: base.skeleton
+    } : {
+      bg: color2.base,
+      bg2: color2.base,
+      border: dark ? color2.light : color2.dark,
+      fg: dark ? color2.darkest : color2.lightest,
+      icon: dark ? color2.darkest : color2.lightest,
       muted: {
         fg: black
       },
@@ -384,36 +363,13 @@ const defaultOpts = {
     };
   },
   muted: ({ base, dark, state, tone }) => {
-    const color = colors[tone];
-    if (state === "hovered") {
-      return {
-        bg: dark ? color.darker : color.lighter,
-        bg2: dark ? color.darker : color.lighter,
-        border: dark ? color.lighter : color.darker,
-        fg: dark ? color.lightest : color.darkest,
-        icon: dark ? color.lightest : color.darkest,
-        muted: {
-          fg: black
-        },
-        accent: {
-          fg: black
-        },
-        link: {
-          fg: black
-        },
-        code: {
-          bg: black,
-          fg: black
-        },
-        skeleton: base.skeleton
-      };
-    }
-    return {
-      bg: dark ? color.darkest : color.lightest,
-      bg2: dark ? color.darkest : color.lightest,
-      border: dark ? color.darker : color.lighter,
-      fg: dark ? color.lighter : color.darker,
-      icon: dark ? color.lighter : color.darker,
+    const color2 = colors[tone];
+    return state === "hovered" ? {
+      bg: dark ? color2.darker : color2.lighter,
+      bg2: dark ? color2.darker : color2.lighter,
+      border: dark ? color2.lighter : color2.darker,
+      fg: dark ? color2.lightest : color2.darkest,
+      icon: dark ? color2.lightest : color2.darkest,
       muted: {
         fg: black
       },
@@ -428,70 +384,12 @@ const defaultOpts = {
         fg: black
       },
       skeleton: base.skeleton
-    };
-  },
-  button: ({ base, mode, muted, solid }) => {
-    if (mode === "bleed") {
-      return {
-        ...muted,
-        enabled: {
-          bg: "transparent",
-          bg2: "transparent",
-          fg: muted.enabled.fg,
-          icon: muted.enabled.fg,
-          border: "transparent",
-          muted: {
-            fg: black
-          },
-          accent: {
-            fg: black
-          },
-          link: {
-            fg: black
-          },
-          code: {
-            bg: black,
-            fg: black
-          },
-          skeleton: base.skeleton
-        },
-        hovered: {
-          bg: muted.enabled.bg,
-          bg2: muted.enabled.bg,
-          fg: muted.hovered.fg,
-          icon: muted.hovered.fg,
-          border: "transparent",
-          muted: {
-            fg: black
-          },
-          accent: {
-            fg: black
-          },
-          link: {
-            fg: black
-          },
-          code: {
-            bg: black,
-            fg: black
-          },
-          skeleton: base.skeleton
-        }
-      };
-    }
-    if (mode === "ghost")
-      return {
-        ...solid,
-        enabled: muted.enabled
-      };
-    return solid;
-  },
-  card: ({ base }) => {
-    return {
-      bg: black,
-      bg2: black,
-      fg: black,
-      icon: black,
-      border: black,
+    } : {
+      bg: dark ? color2.darkest : color2.lightest,
+      bg2: dark ? color2.darkest : color2.lightest,
+      border: dark ? color2.darker : color2.lighter,
+      fg: dark ? color2.lighter : color2.darker,
+      icon: dark ? color2.lighter : color2.darker,
       muted: {
         fg: black
       },
@@ -508,21 +406,84 @@ const defaultOpts = {
       skeleton: base.skeleton
     };
   },
-  input: () => {
-    return {
+  button: ({ base, mode, muted, solid }) => mode === "bleed" ? {
+    ...muted,
+    enabled: {
+      bg: "transparent",
+      bg2: "transparent",
+      fg: muted.enabled.fg,
+      icon: muted.enabled.fg,
+      border: "transparent",
+      muted: {
+        fg: black
+      },
+      accent: {
+        fg: black
+      },
+      link: {
+        fg: black
+      },
+      code: {
+        bg: black,
+        fg: black
+      },
+      skeleton: base.skeleton
+    },
+    hovered: {
+      bg: muted.enabled.bg,
+      bg2: muted.enabled.bg,
+      fg: muted.hovered.fg,
+      icon: muted.hovered.fg,
+      border: "transparent",
+      muted: {
+        fg: black
+      },
+      accent: {
+        fg: black
+      },
+      link: {
+        fg: black
+      },
+      code: {
+        bg: black,
+        fg: black
+      },
+      skeleton: base.skeleton
+    }
+  } : mode === "ghost" ? {
+    ...solid,
+    enabled: muted.enabled
+  } : solid,
+  card: ({ base }) => ({
+    bg: black,
+    bg2: black,
+    fg: black,
+    icon: black,
+    border: black,
+    muted: {
+      fg: black
+    },
+    accent: {
+      fg: black
+    },
+    link: {
+      fg: black
+    },
+    code: {
       bg: black,
-      bg2: black,
-      fg: black,
-      border: black,
-      placeholder: black
-    };
-  },
-  selectable: ({ muted, state, tone }) => {
-    return muted[tone][state];
-  },
-  spot: ({ key }) => {
-    return spots[key];
-  },
+      fg: black
+    },
+    skeleton: base.skeleton
+  }),
+  input: () => ({
+    bg: black,
+    bg2: black,
+    fg: black,
+    border: black,
+    placeholder: black
+  }),
+  selectable: ({ muted, state, tone }) => muted[tone][state],
+  spot: ({ key }) => spots[key],
   syntax: () => ({
     atrule: black,
     attrName: black,
@@ -562,7 +523,6 @@ const defaultOpts = {
     variable: black
   })
 };
-
 function createInputModes(opts, base, dark, solid, muted) {
   return {
     default: {
@@ -635,7 +595,6 @@ function createInputModes(opts, base, dark, solid, muted) {
     }
   };
 }
-
 function createMutedTones(opts, base, dark, name) {
   return {
     default: {
@@ -682,7 +641,6 @@ function createMutedTones(opts, base, dark, name) {
     }
   };
 }
-
 function createSpot(opts, base, dark) {
   return {
     gray: opts.spot({ base, dark, key: "gray" }),
@@ -696,12 +654,11 @@ function createSpot(opts, base, dark) {
     cyan: opts.spot({ base, dark, key: "cyan" })
   };
 }
-
 function createColorTheme(partialOpts = {}) {
   const builders = { ...defaultOpts, ...partialOpts };
   return {
-    light: _createColorScheme(builders, false),
-    dark: _createColorScheme(builders, true)
+    light: _createColorScheme(builders, !1),
+    dark: _createColorScheme(builders, !0)
   };
 }
 function _createColorScheme(opts, dark) {
@@ -715,9 +672,7 @@ function _createColorScheme(opts, dark) {
   };
 }
 function _createColor(opts, dark, name) {
-  const base = opts.base({ dark, name });
-  const solid = createSolidTones(opts, base, dark, name);
-  const muted = createMutedTones(opts, base, dark, name);
+  const base = opts.base({ dark, name }), solid = createSolidTones(opts, base, dark, name), muted = createMutedTones(opts, base, dark, name);
   return {
     base,
     button: createButtonModes(opts, base, dark, solid, muted),
@@ -731,10 +686,7 @@ function _createColor(opts, dark, name) {
     muted
   };
 }
-
-const BORDER_WIDTH = 1;
-const OUTLINE_WIDTH = 0.5;
-const defaultThemeConfig = {
+const BORDER_WIDTH = 1, OUTLINE_WIDTH = 0.5, defaultThemeConfig = {
   _version: 2,
   avatar: {
     sizes: [
@@ -812,9 +764,7 @@ const defaultThemeConfig = {
     //   },
     // },
   }
-};
-
-const defaultThemeFonts = {
+}, defaultThemeFonts = {
   code: {
     family: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     weights: {
@@ -1035,16 +985,13 @@ const defaultThemeFonts = {
       }
     ]
   }
-};
-
-const cache$4 = /* @__PURE__ */ new WeakMap();
+}, cache$4 = /* @__PURE__ */ new WeakMap();
 function themeColor_v0_v2(color_v0) {
   var _a, _b, _c;
   const cached_v2 = cache$4.get(color_v0);
   if (cached_v2)
     return cached_v2;
-  const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled);
-  const color_v2 = {
+  const base = stateThemeColor_v0_v2(color_v0, color_v0.card.enabled), color_v2 = {
     _blend: color_v0._blend || (color_v0.dark ? "screen" : "multiply"),
     _dark: color_v0.dark,
     accent: base.accent,
@@ -1080,8 +1027,7 @@ function themeColor_v0_v2(color_v0) {
     },
     syntax: color_v0.syntax
   };
-  cache$4.set(color_v0, color_v2);
-  return color_v2;
+  return cache$4.set(color_v0, color_v2), color_v2;
 }
 function stateTonesThemeColor_v0_v2(v0, t) {
   return {
@@ -1230,18 +1176,17 @@ function inputStateThemeColor_v0_v2(state) {
     placeholder: state.placeholder
   };
 }
-
 const cache$3 = /* @__PURE__ */ new WeakMap();
 function getTheme_v2(theme) {
-  var _a;
-  if ((_a = theme.sanity.v2) == null ? void 0 : _a._resolved)
+  var _a, _b;
+  if ((_a = theme.sanity.v2) != null && _a._resolved)
     return theme.sanity.v2;
   const cached_v2 = cache$3.get(theme);
   if (cached_v2)
     return cached_v2;
   const v2 = {
     _version: 2,
-    _resolved: true,
+    _resolved: !0,
     avatar: {
       ...defaultThemeConfig.avatar,
       ...theme.sanity.avatar
@@ -1270,25 +1215,21 @@ function getTheme_v2(theme) {
         ...theme.sanity.input.switch
       }
     },
-    layer: theme.sanity.layer ?? defaultThemeConfig.layer,
+    layer: (_b = theme.sanity.layer) != null ? _b : defaultThemeConfig.layer,
     media: theme.sanity.media,
     radius: theme.sanity.radius,
     shadow: theme.sanity.shadows,
     space: theme.sanity.space,
     style: theme.sanity.styles
   };
-  cache$3.set(theme, v2);
-  return v2;
+  return cache$3.set(theme, v2), v2;
 }
-
 function is_v0(themeProp) {
   return themeProp._version === 0;
 }
-
 function is_v2(themeProp) {
   return themeProp._version === 2;
 }
-
 const cache$2 = /* @__PURE__ */ new WeakMap();
 function v0_v2(v0) {
   if (v0.v2)
@@ -1299,7 +1240,7 @@ function v0_v2(v0) {
   const {
     avatar,
     button,
-    color,
+    color: color2,
     container,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     focusRing: _unused_focusRing,
@@ -1311,8 +1252,7 @@ function v0_v2(v0) {
     shadows: shadow,
     space,
     styles: style
-  } = v0;
-  const v2 = {
+  } = v0, v2 = {
     _version: 2,
     avatar: {
       ...defaultThemeConfig.avatar,
@@ -1325,20 +1265,20 @@ function v0_v2(v0) {
     card: defaultThemeConfig.card,
     color: {
       light: {
-        transparent: themeColor_v0_v2(color.light.transparent),
-        default: themeColor_v0_v2(color.light.default),
-        primary: themeColor_v0_v2(color.light.primary),
-        positive: themeColor_v0_v2(color.light.positive),
-        caution: themeColor_v0_v2(color.light.caution),
-        critical: themeColor_v0_v2(color.light.critical)
+        transparent: themeColor_v0_v2(color2.light.transparent),
+        default: themeColor_v0_v2(color2.light.default),
+        primary: themeColor_v0_v2(color2.light.primary),
+        positive: themeColor_v0_v2(color2.light.positive),
+        caution: themeColor_v0_v2(color2.light.caution),
+        critical: themeColor_v0_v2(color2.light.critical)
       },
       dark: {
-        transparent: themeColor_v0_v2(color.dark.transparent),
-        default: themeColor_v0_v2(color.dark.default),
-        primary: themeColor_v0_v2(color.dark.primary),
-        positive: themeColor_v0_v2(color.dark.positive),
-        caution: themeColor_v0_v2(color.dark.caution),
-        critical: themeColor_v0_v2(color.dark.critical)
+        transparent: themeColor_v0_v2(color2.dark.transparent),
+        default: themeColor_v0_v2(color2.dark.default),
+        primary: themeColor_v0_v2(color2.dark.primary),
+        positive: themeColor_v0_v2(color2.dark.positive),
+        caution: themeColor_v0_v2(color2.dark.caution),
+        critical: themeColor_v0_v2(color2.dark.critical)
       }
     },
     container,
@@ -1359,17 +1299,15 @@ function v0_v2(v0) {
         ...input.switch
       }
     },
-    layer: layer ?? defaultThemeConfig.layer,
+    layer: layer != null ? layer : defaultThemeConfig.layer,
     media,
     radius,
     shadow,
     space,
     style
   };
-  cache$2.set(v0, v2);
-  return v2;
+  return cache$2.set(v0, v2), v2;
 }
-
 const cache$1 = /* @__PURE__ */ new WeakMap();
 function v2_v0(v2) {
   const cachedTheme = cache$1.get(v2);
@@ -1378,7 +1316,7 @@ function v2_v0(v2) {
   const {
     avatar,
     button,
-    color,
+    color: color2,
     container,
     font: fonts,
     input,
@@ -1395,20 +1333,20 @@ function v2_v0(v2) {
     container,
     color: {
       light: {
-        transparent: themeColor_v2_v0(color.light.transparent),
-        default: themeColor_v2_v0(color.light.default),
-        primary: themeColor_v2_v0(color.light.primary),
-        positive: themeColor_v2_v0(color.light.positive),
-        caution: themeColor_v2_v0(color.light.caution),
-        critical: themeColor_v2_v0(color.light.critical)
+        transparent: themeColor_v2_v0(color2.light.transparent),
+        default: themeColor_v2_v0(color2.light.default),
+        primary: themeColor_v2_v0(color2.light.primary),
+        positive: themeColor_v2_v0(color2.light.positive),
+        caution: themeColor_v2_v0(color2.light.caution),
+        critical: themeColor_v2_v0(color2.light.critical)
       },
       dark: {
-        transparent: themeColor_v2_v0(color.dark.transparent),
-        default: themeColor_v2_v0(color.dark.default),
-        primary: themeColor_v2_v0(color.dark.primary),
-        positive: themeColor_v2_v0(color.dark.positive),
-        caution: themeColor_v2_v0(color.dark.caution),
-        critical: themeColor_v2_v0(color.dark.critical)
+        transparent: themeColor_v2_v0(color2.dark.transparent),
+        default: themeColor_v2_v0(color2.dark.default),
+        primary: themeColor_v2_v0(color2.dark.primary),
+        positive: themeColor_v2_v0(color2.dark.positive),
+        caution: themeColor_v2_v0(color2.dark.caution),
+        critical: themeColor_v2_v0(color2.dark.critical)
       }
     },
     focusRing: input.text.focusRing,
@@ -1478,30 +1416,20 @@ function inputStateThemeColor_v2_v0(t) {
     placeholder: t.placeholder
   };
 }
-
-const THEME_COLOR_SCHEMES = ["light", "dark"];
-const THEME_COLOR_BLEND_MODES = ["multiply", "screen"];
-const THEME_COLOR_CARD_TONES = [
+const THEME_COLOR_SCHEMES = ["light", "dark"], THEME_COLOR_BLEND_MODES = ["multiply", "screen"], THEME_COLOR_CARD_TONES = [
   "transparent",
   "default",
   "primary",
   "positive",
   "caution",
   "critical"
-];
-const THEME_COLOR_STATE_TONES = [
+], THEME_COLOR_STATE_TONES = [
   "default",
   "primary",
   "positive",
   "caution",
   "critical"
-];
-const THEME_COLOR_STATES = ["enabled", "hovered", "pressed", "selected", "disabled"];
-const THEME_COLOR_BUTTON_MODES = ["default", "ghost", "bleed"];
-const THEME_COLOR_INPUT_MODES = ["default", "invalid"];
-const THEME_COLOR_INPUT_STATES = ["enabled", "hovered", "readOnly", "disabled"];
-const THEME_COLOR_AVATAR_COLORS = color.COLOR_HUES;
-
+], THEME_COLOR_STATES = ["enabled", "hovered", "pressed", "selected", "disabled"], THEME_COLOR_BUTTON_MODES = ["default", "ghost", "bleed"], THEME_COLOR_INPUT_MODES = ["default", "invalid"], THEME_COLOR_INPUT_STATES = ["enabled", "hovered", "readOnly", "disabled"], THEME_COLOR_AVATAR_COLORS = color.COLOR_HUES;
 function isColorBlendModeValue(str) {
   return THEME_COLOR_BLEND_MODES.includes(str);
 }
@@ -1514,7 +1442,6 @@ function isColorTintKey(str) {
 function isColorButtonMode(str) {
   return THEME_COLOR_BUTTON_MODES.includes(str);
 }
-
 const COLOR_CONFIG_STATE_KEYS = [
   "_hue",
   "bg",
@@ -1530,8 +1457,7 @@ const COLOR_CONFIG_STATE_KEYS = [
   "skeleton/to",
   "status/dot",
   "status/icon"
-];
-const COLOR_CONFIG_CARD_KEYS = [
+], COLOR_CONFIG_CARD_KEYS = [
   ...COLOR_CONFIG_STATE_KEYS,
   "_hue",
   "bg",
@@ -1542,34 +1468,23 @@ const COLOR_CONFIG_CARD_KEYS = [
   "shadow/umbra",
   "shadow/penumbra",
   "shadow/ambient"
-];
-const COLOR_CONFIG_BLEND_KEYS = ["_blend"];
-const COLOR_CONFIG_AVATAR_COLORS = ["*", ...THEME_COLOR_AVATAR_COLORS];
-const COLOR_CONFIG_CARD_TONES = ["*", ...THEME_COLOR_CARD_TONES];
-const COLOR_CONFIG_STATE_TONES = ["*", ...THEME_COLOR_STATE_TONES];
-const COLOR_CONFIG_STATES = ["*", ...THEME_COLOR_STATES];
-const COLOR_CONFIG_INPUT_MODES = ["*", ...THEME_COLOR_INPUT_MODES];
-const COLOR_CONFIG_INPUT_STATES = ["*", ...THEME_COLOR_INPUT_STATES];
-
+], COLOR_CONFIG_BLEND_KEYS = ["_blend"], COLOR_CONFIG_AVATAR_COLORS = ["*", ...THEME_COLOR_AVATAR_COLORS], COLOR_CONFIG_CARD_TONES = ["*", ...THEME_COLOR_CARD_TONES], COLOR_CONFIG_STATE_TONES = ["*", ...THEME_COLOR_STATE_TONES], COLOR_CONFIG_STATES = ["*", ...THEME_COLOR_STATES], COLOR_CONFIG_INPUT_MODES = ["*", ...THEME_COLOR_INPUT_MODES], COLOR_CONFIG_INPUT_STATES = ["*", ...THEME_COLOR_INPUT_STATES];
 function parseTokenKey(str) {
-  const segments = str.split("/");
-  const segment0 = segments.shift() || "";
+  const segments = str.split("/"), segment0 = segments.shift() || "";
   if (isColorConfigBaseTone(segment0)) {
     const key = segments.join("/");
-    if (isColorConfigBaseKey(key)) {
+    if (isColorConfigBaseKey(key))
       return {
         type: "base",
         tone: segment0,
         key
       };
-    }
-    if (isColorConfigBlendKey(key)) {
+    if (isColorConfigBlendKey(key))
       return {
         type: "base",
         tone: segment0,
         key
       };
-    }
   }
   if (segment0 === "button") {
     const segment1 = segments.shift() || "";
@@ -1577,28 +1492,24 @@ function parseTokenKey(str) {
       const segment2 = segments.shift() || "";
       if (isColorButtonMode(segment2)) {
         const key = segments.join("/");
-        if (isColorConfigStateKey(key)) {
+        if (isColorConfigStateKey(key))
           return {
             type: "button",
             tone: segment1,
             mode: segment2,
             key
           };
-        }
-        if (isColorConfigBlendKey(key)) {
+        if (isColorConfigBlendKey(key))
           return {
             type: "button",
             tone: segment1,
             mode: segment2,
             key
           };
-        }
       }
     }
   }
-  return void 0;
 }
-
 function isColorMixPercentValue(str) {
   return /^\d+%$/.test(str);
 }
@@ -1607,14 +1518,13 @@ function parseTokenValue(str) {
   let nextSegment = segments.shift() || "";
   const [segment0, segment0mix] = nextSegment.split(" ");
   if (isColorTintKey(segment0)) {
-    const tint = segment0;
-    const segment1 = segments.shift() || "";
+    const tint = segment0, segment1 = segments.shift() || "";
     if (isColorMixPercentValue(segment0mix)) {
-      const mix = Number(segment0mix.slice(0, -1)) / 100;
+      const mix2 = Number(segment0mix.slice(0, -1)) / 100;
       return {
         type: "color",
         tint,
-        mix
+        mix: mix2
       };
     }
     if (isColorOpacityValue(segment1)) {
@@ -1631,14 +1541,13 @@ function parseTokenValue(str) {
     };
   }
   if (isColorValue(segment0)) {
-    const key = segment0;
-    const segment1 = segments.shift() || "";
+    const key = segment0, segment1 = segments.shift() || "";
     if (isColorMixPercentValue(segment0mix)) {
-      const mix = Number(segment0mix.slice(0, -1)) / 100;
+      const mix2 = Number(segment0mix.slice(0, -1)) / 100;
       return {
         type: "color",
         key,
-        mix
+        mix: mix2
       };
     }
     if (isColorOpacityValue(segment1)) {
@@ -1659,15 +1568,14 @@ function parseTokenValue(str) {
     nextSegment = segments.shift() || "";
     const [segment1, segment1mix] = nextSegment.split(" ");
     if (isColorTintKey(segment1)) {
-      const tint = segment1;
-      const segment2 = segments.shift() || "";
+      const tint = segment1, segment2 = segments.shift() || "";
       if (isColorMixPercentValue(segment1mix)) {
-        const mix = Number(segment1mix.slice(0, -1)) / 100;
+        const mix2 = Number(segment1mix.slice(0, -1)) / 100;
         return {
           type: "color",
           hue,
           tint,
-          mix
+          mix: mix2
         };
       }
       if (isColorOpacityValue(segment2)) {
@@ -1690,16 +1598,12 @@ function parseTokenValue(str) {
       value: hue
     };
   }
-  if (isColorBlendModeValue(segment0)) {
-    const value = segment0;
+  if (isColorBlendModeValue(segment0))
     return {
       type: "blendMode",
-      value
+      value: segment0
     };
-  }
-  return void 0;
 }
-
 function isColorConfigBaseTone(str) {
   return COLOR_CONFIG_CARD_TONES.includes(str);
 }
@@ -1725,33 +1629,17 @@ function isColorValue(str) {
 function isColorOpacityValue(str) {
   return str === "0" || /^0\.[0-9]+$/.test(str) || str === "1";
 }
-
 function compileColorTokenValue(node) {
   let key = "";
-  if (node.key === "black" || node.key === "white") {
-    key = node.key;
-  } else {
-    key = `${node.hue}/${node.tint}`;
-  }
-  if (node.mix !== void 0) {
-    return `${key} ${node.mix * 100}%`;
-  }
-  if (node.opacity !== void 0) {
-    key += `/${node.opacity}`;
-  }
-  return 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);
 }
-
 const DEFAULT_COLOR_TOKEN_VALUE = ["500", "500"];
 function resolveColorTokenValue(context, value = DEFAULT_COLOR_TOKEN_VALUE) {
-  const { hue, scheme } = context;
-  const node = parseTokenValue(value[scheme === "light" ? 0 : 1]);
-  if (!node || node.type !== "color") {
+  const { hue, scheme } = context, node = parseTokenValue(value[scheme === "light" ? 0 : 1]);
+  if (!node || node.type !== "color")
     throw new Error(`Invalid color token: ${value[0]}`);
-  }
   return compileColorTokenValue({ ...node, hue: node.hue || hue });
 }
-
 const defaultColorTokens = {
   base: {
     "*": {
@@ -2328,31 +2216,20 @@ const defaultColorTokens = {
     variable: ["red/600", "red/400"]
   }
 };
-
 function isRecord(value) {
-  return Boolean(value && typeof value === "object" && !Array.isArray(value));
+  return !!(value && typeof value == "object" && !Array.isArray(value));
 }
-
 function merge(...records) {
   const _records = records.filter(Boolean);
-  if (_records.length === 0) {
-    return {};
-  }
-  return _records.reduce(_merge, {});
+  return _records.length === 0 ? {} : _records.reduce(_merge, {});
 }
 function _merge(acc, source) {
   for (const key of Object.keys(source)) {
-    const prevValue = acc[key];
-    const nextValue = source[key];
-    if (isRecord(prevValue) && isRecord(nextValue)) {
-      acc[key] = merge(prevValue, nextValue);
-    } else {
-      acc[key] = nextValue;
-    }
+    const prevValue = acc[key], nextValue = source[key];
+    isRecord(prevValue) && isRecord(nextValue) ? acc[key] = merge(prevValue, nextValue) : acc[key] = nextValue;
   }
   return acc;
 }
-
 function resolveColorTokens(inputTokens) {
   const tokens = merge(defaultColorTokens, inputTokens);
   return {
@@ -2365,15 +2242,13 @@ function resolveColorTokens(inputTokens) {
 }
 function resolveBaseColorTokens(sparseTokens) {
   const tokens = {};
-  for (const tone of THEME_COLOR_CARD_TONES) {
+  for (const tone of THEME_COLOR_CARD_TONES)
     tokens[tone] = resolveBaseColorTones(sparseTokens, tone);
-  }
   return tokens;
 }
 function resolveBaseColorTones(inputTokens, tone) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _A, _B, _C, _D, _E, _F, _G, _H, _I, _J, _K, _L, _M, _N, _O, _P;
-  const spec = merge((_a = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _a["*"], (_b = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _b[tone]);
-  const hue = spec._hue || ((_d = (_c = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _c[tone]) == null ? void 0 : _d._hue) || "gray";
+  const spec = merge((_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 {
     ...spec,
     _hue: hue,
@@ -2419,23 +2294,20 @@ function resolveBaseColorTones(inputTokens, tone) {
 }
 function resolveButtonColorTokens(inputTokens) {
   const tokens = {};
-  for (const mode of THEME_COLOR_BUTTON_MODES) {
+  for (const mode of THEME_COLOR_BUTTON_MODES)
     tokens[mode] = resolveButtonToneColorTokens(inputTokens, mode);
-  }
   return tokens;
 }
 function resolveButtonToneColorTokens(inputTokens, mode) {
   const tokens = {};
-  for (const tone of THEME_COLOR_STATE_TONES) {
+  for (const tone of THEME_COLOR_STATE_TONES)
     tokens[tone] = resolveButtonModeColorTokens(inputTokens, mode, tone);
-  }
   return tokens;
 }
 function resolveButtonModeColorTokens(inputTokens, mode, tone) {
   const tokens = {};
-  for (const state of THEME_COLOR_STATES) {
+  for (const state of THEME_COLOR_STATES)
     tokens[state] = resolveButtonStateColorTokens(inputTokens, tone, mode, state);
-  }
   return tokens;
 }
 function resolveButtonStateColorTokens(inputTokens, tone, mode, state) {
@@ -2445,8 +2317,7 @@ function resolveButtonStateColorTokens(inputTokens, tone, mode, state) {
     (_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]
-  );
-  const hue = spec._hue || ((_n = (_m = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _m[tone]) == null ? void 0 : _n._hue);
+  ), hue = spec._hue || ((_n = (_m = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _m[tone]) == null ? void 0 : _n._hue);
   return {
     ...spec,
     _hue: hue,
@@ -2492,16 +2363,14 @@ function resolveButtonStateColorTokens(inputTokens, tone, mode, state) {
 }
 function resolveInputColorTokens(inputTokens) {
   const tokens = {};
-  for (const mode of THEME_COLOR_INPUT_MODES) {
+  for (const mode of THEME_COLOR_INPUT_MODES)
     tokens[mode] = resolveInputModeColorTokens(inputTokens, mode);
-  }
   return tokens;
 }
 function resolveInputModeColorTokens(inputTokens, mode) {
   const states = {};
-  for (const state of THEME_COLOR_INPUT_STATES) {
+  for (const state of THEME_COLOR_INPUT_STATES)
     states[state] = resolveInputStateColorTokens(inputTokens, mode, state);
-  }
   return states;
 }
 function resolveInputStateColorTokens(inputTokens, mode, state) {
@@ -2511,15 +2380,13 @@ function resolveInputStateColorTokens(inputTokens, mode, state) {
     (_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]
-  );
-  const hue = spec._hue || ((_j = (_i = inputTokens == null ? void 0 : inputTokens.input) == null ? void 0 : _i[mode]) == null ? void 0 : _j._hue);
+  ), hue = spec._hue || ((_j = (_i = inputTokens == null ? void 0 : inputTokens.input) == null ? void 0 : _i[mode]) == null ? void 0 : _j._hue);
   return { ...spec, _hue: hue };
 }
 function resolveSelectableColorTokens(inputTokens) {
   const tokens = {};
-  for (const tone of THEME_COLOR_STATE_TONES) {
+  for (const tone of THEME_COLOR_STATE_TONES)
     tokens[tone] = resolveSelectableToneColorTokens(inputTokens, tone);
-  }
   return tokens;
 }
 function resolveSelectableToneColorTokens(inputTokens, tone) {
@@ -2527,9 +2394,8 @@ function resolveSelectableToneColorTokens(inputTokens, tone) {
   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)
   };
-  for (const state of THEME_COLOR_STATES) {
+  for (const state of THEME_COLOR_STATES)
     states[state] = resolveSelectableStateColorTokens(inputTokens, tone, state);
-  }
   return states;
 }
 function resolveSelectableStateColorTokens(inputTokens, tone, state) {
@@ -2539,8 +2405,7 @@ function resolveSelectableStateColorTokens(inputTokens, tone, state) {
     (_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]
-  );
-  const hue = spec._hue || ((_j = (_i = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _i[tone]) == null ? void 0 : _j._hue);
+  ), hue = spec._hue || ((_j = (_i = inputTokens == null ? void 0 : inputTokens.base) == null ? void 0 : _i[tone]) == null ? void 0 : _j._hue);
   return {
     ...spec,
     _hue: hue,
@@ -2584,7 +2449,6 @@ function resolveSelectableStateColorTokens(inputTokens, tone, state) {
     }
   };
 }
-
 function buildColorTheme(config) {
   const resolvedConfig = {
     ...config,
@@ -2608,13 +2472,9 @@ function buildColorScheme(options, config) {
 }
 function buildCardColorTheme(options, config) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-  const { scheme, tone } = options;
-  const tokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone];
-  const hue = (tokens == null ? void 0 : tokens._hue) || "gray";
-  const context = { hue, scheme };
-  const blendMode = (tokens == null ? void 0 : tokens._blend) || ["multiply", "screen"];
+  const { scheme, tone } = options, tokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone], context = { hue: (tokens == null ? void 0 : tokens._hue) || "gray", scheme };
   return {
-    _blend: blendMode[scheme === "light" ? 0 : 1],
+    _blend: ((tokens == null ? void 0 : 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)
@@ -2656,10 +2516,7 @@ function buildCardColorTheme(options, config) {
 }
 function buildShadowColorTheme(options, config) {
   var _a, _b, _c, _d, _e, _f;
-  const { scheme, tone } = options;
-  const tokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone];
-  const hue = (tokens == null ? void 0 : tokens._hue) || "gray";
-  const context = { hue, scheme };
+  const { scheme, tone } = options, tokens = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone], context = { hue: (tokens == null ? void 0 : tokens._hue) || "gray", scheme };
   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),
@@ -2683,12 +2540,9 @@ function buildAvatarColorTheme(options, stateTokens) {
 }
 function _buildAvatarColorTheme(options, stateTokens) {
   var _a;
-  const { color, scheme } = options;
-  const tokens = (_a = stateTokens == null ? void 0 : stateTokens.avatar) == null ? void 0 : _a[color];
-  const context = { hue: (tokens == null ? void 0 : tokens._hue) || "gray", scheme };
-  const blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"];
+  const { color: color2, scheme } = options, tokens = (_a = stateTokens == null ? void 0 : stateTokens.avatar) == null ? void 0 : _a[color2], context = { hue: (tokens == null ? void 0 : tokens._hue) || "gray", scheme };
   return {
-    _blend: blendMode[scheme === "light" ? 0 : 1],
+    _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)
   };
@@ -2705,10 +2559,7 @@ function buildBadgeColorTheme(tokens, options, config) {
 }
 function _buildBadgeColorTheme(parentTokens, options, config) {
   var _a, _b, _c;
-  const { scheme, tone } = options;
-  const tokens = parentTokens == null ? void 0 : parentTokens[tone];
-  const 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";
-  const context = { hue, scheme };
+  const { scheme, tone } = options, tokens = parentTokens == null ? void 0 : parentTokens[tone], context = { hue: (tokens == null ? void 0 : tokens._hue) || ((_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.base) == null ? void 0 : _b[tone]) == null ? void 0 : _c._hue) || "gray", scheme };
   return {
     bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
     fg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.fg),
@@ -2717,36 +2568,26 @@ function _buildBadgeColorTheme(parentTokens, options, config) {
   };
 }
 function buildButtonColorTheme(options, config) {
-  const { scheme } = options;
-  const modes = {};
-  for (const mode of THEME_COLOR_BUTTON_MODES) {
+  const { scheme } = options, modes = {};
+  for (const mode of THEME_COLOR_BUTTON_MODES)
     modes[mode] = buildButtonTonesColorTheme({ scheme, mode }, config);
-  }
   return modes;
 }
 function buildButtonTonesColorTheme(options, config) {
-  const { mode, scheme } = options;
-  const tones = {};
-  for (const tone of THEME_COLOR_STATE_TONES) {
-    tones[tone] = buildButtonStatesColorTheme({ mode, scheme, tone }, config);
-  }
-  return tones;
+  const { mode, scheme } = options, tones2 = {};
+  for (const tone of THEME_COLOR_STATE_TONES)
+    tones2[tone] = buildButtonStatesColorTheme({ mode, scheme, tone }, config);
+  return tones2;
 }
 function buildButtonStatesColorTheme(options, config) {
-  const { mode, scheme, tone } = options;
-  const states = {};
-  for (const state of THEME_COLOR_STATES) {
+  const { mode, scheme, tone } = options, states = {};
+  for (const state of THEME_COLOR_STATES)
     states[state] = buildButtonStateColorTheme({ mode, tone, scheme, state }, config);
-  }
   return states;
 }
 function buildButtonStateColorTheme(options, config) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
-  const { mode, tone, scheme, state } = options;
-  const tokens = (_d = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.button) == null ? void 0 : _b[mode]) == null ? void 0 : _c[tone]) == null ? void 0 : _d[state];
-  const hue = (tokens == null ? void 0 : tokens._hue) || "gray";
-  const blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"];
-  const context = { hue, scheme };
+  const { mode, tone, scheme, state } = options, tokens = (_d = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.button) == null ? void 0 : _b[mode]) == null ? void 0 : _c[tone]) == null ? void 0 : _d[state], hue = (tokens == null ? void 0 : tokens._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = { hue, scheme };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
@@ -2798,11 +2639,7 @@ function buildInputStatesColorTheme(options, config) {
 }
 function buildInputStateColorTheme(options, config) {
   var _a, _b, _c, _d, _e, _f, _g;
-  const { mode, tone, scheme, state } = options;
-  const tokens = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.input) == null ? void 0 : _b[mode]) == null ? void 0 : _c[state];
-  const hue = (tokens == null ? void 0 : tokens._hue) || ((_f = (_e = (_d = config == null ? void 0 : config.color) == null ? void 0 : _d.base) == null ? void 0 : _e[tone]) == null ? void 0 : _f._hue) || "gray";
-  const blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"];
-  const context = { hue, scheme };
+  const { mode, tone, scheme, state } = options, tokens = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.input) == null ? void 0 : _b[mode]) == null ? void 0 : _c[state], hue = (tokens == null ? void 0 : tokens._hue) || ((_f = (_e = (_d = config == null ? void 0 : config.color) == null ? void 0 : _d.base) == null ? void 0 : _e[tone]) == null ? void 0 : _f._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = { hue, scheme };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     bg: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.bg),
@@ -2815,28 +2652,20 @@ function buildInputStateColorTheme(options, config) {
   };
 }
 function buildSelectableColorTheme(options, config) {
-  const { scheme } = options;
-  const tones = {};
-  for (const tone of THEME_COLOR_STATE_TONES) {
-    tones[tone] = buildSelectableStatesColorTheme({ scheme, tone }, config);
-  }
-  return tones;
+  const { scheme } = options, tones2 = {};
+  for (const tone of THEME_COLOR_STATE_TONES)
+    tones2[tone] = buildSelectableStatesColorTheme({ scheme, tone }, config);
+  return tones2;
 }
 function buildSelectableStatesColorTheme(options, config) {
-  const { scheme, tone } = options;
-  const states = {};
-  for (const state of THEME_COLOR_STATES) {
+  const { scheme, tone } = options, states = {};
+  for (const state of THEME_COLOR_STATES)
     states[state] = buildSelectableStateColorTheme({ tone, scheme, state }, config);
-  }
   return states;
 }
 function buildSelectableStateColorTheme(options, config) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
-  const { scheme, state, tone } = options;
-  const tokens = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.selectable) == null ? void 0 : _b[tone]) == null ? void 0 : _c[state];
-  const hue = (tokens == null ? void 0 : tokens._hue) || "gray";
-  const blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"];
-  const context = { hue, scheme };
+  const { scheme, state, tone } = options, tokens = (_c = (_b = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.selectable) == null ? void 0 : _b[tone]) == null ? void 0 : _c[state], hue = (tokens == null ? void 0 : tokens._hue) || "gray", blendMode = (tokens == null ? void 0 : tokens._blend) || ["screen", "multiply"], context = { hue, scheme };
   return {
     _blend: blendMode[scheme === "light" ? 0 : 1],
     accent: {
@@ -2872,9 +2701,7 @@ function buildSelectableStateColorTheme(options, config) {
 }
 function buildSyntaxColorTheme(options, config) {
   var _a;
-  const { scheme } = options;
-  const tokens = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.syntax;
-  const context = { hue: "gray", scheme };
+  const { scheme } = options, tokens = (_a = config == null ? void 0 : config.color) == null ? void 0 : _a.syntax, context = { hue: "gray", scheme };
   return {
     atrule: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.atrule),
     attrName: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.attrName),
@@ -2914,12 +2741,9 @@ function buildSyntaxColorTheme(options, config) {
     variable: resolveColorTokenValue(context, tokens == null ? void 0 : tokens.variable)
   };
 }
-
 const defaultColorPalette = color.color;
-
 function mixChannel(b, s, weight) {
-  const diff = s - b;
-  const delta = diff * weight;
+  const delta = (s - b) * weight;
   return b + delta;
 }
 function mix(b, s, weight) {
@@ -2929,7 +2753,6 @@ function mix(b, s, weight) {
     b: mixChannel(b.b, s.b, weight)
   };
 }
-
 function multiplyChannel(b, s) {
   return b * s;
 }
@@ -2940,7 +2763,6 @@ function multiply(b, s) {
     b: multiplyChannel(b.b / 255, s.b / 255) * 255
   };
 }
-
 function screenChannel(b, s) {
   return b + s - b * s;
 }
@@ -2951,7 +2773,6 @@ function screen(b, s) {
     b: screenChannel(b.b / 255, s.b / 255) * 255
   };
 }
-
 function lerp(x, y, a) {
   return x * (1 - a) + y * a;
 }
@@ -2967,12 +2788,9 @@ function range(x1, y1, x2, y2, a) {
 function round(value) {
   return Math.round(value);
 }
-
 function hexToRgb(hex) {
   if (hex.length === 4) {
-    const hexR = hex.slice(1, 2);
-    const hexG = hex.slice(2, 3);
-    const hexB = hex.slice(3, 4);
+    const hexR = hex.slice(1, 2), hexG = hex.slice(2, 3), hexB = hex.slice(3, 4);
     return {
       r: parseInt(hexR + hexR, 16),
       g: parseInt(hexG + hexG, 16),
@@ -2985,8 +2803,8 @@ function hexToRgb(hex) {
     b: parseInt(hex.slice(5, 7), 16)
   };
 }
-function rgbaToRGBA(rgba) {
-  const values = rgba.replace(/rgba\(|\)/g, "").split(",");
+function rgbaToRGBA(rgba2) {
+  const values = rgba2.replace(/rgba\(|\)/g, "").split(",");
   return {
     r: parseInt(values[0]),
     g: parseInt(values[1]),
@@ -2994,132 +2812,56 @@ function rgbaToRGBA(rgba) {
     a: parseFloat(values[3])
   };
 }
-function rgbToHex(color) {
-  const r = round(clamp(Math.round(color.r), 0, 255));
-  const g = round(clamp(Math.round(color.g), 0, 255));
-  const b = round(clamp(Math.round(color.b), 0, 255));
-  if ("a" in color) {
-    return `rgba(${r},${g},${b},${color.a})`;
-  }
-  return "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
+function rgbToHex(color2) {
+  const r = round(clamp(Math.round(color2.r), 0, 255)), g = round(clamp(Math.round(color2.g), 0, 255)), b = round(clamp(Math.round(color2.b), 0, 255));
+  return "a" in color2 ? `rgba(${r},${g},${b},${color2.a})` : "#" + ((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1);
 }
 function rgbToHsl({ r, g, b }) {
-  r /= 255;
-  g /= 255;
-  b /= 255;
-  const cmin = Math.min(r, g, b);
-  const cmax = Math.max(r, g, b);
-  const delta = cmax - cmin;
-  let h = 0;
-  let s = 0;
-  let l = 0;
-  if (delta == 0)
-    h = 0;
-  else if (cmax == r)
-    h = (g - b) / delta % 6;
-  else if (cmax == g)
-    h = (b - r) / delta + 2;
-  else
-    h = (r - g) / delta + 4;
-  h = Math.round(h * 60);
-  if (h < 0)
-    h += 360;
-  l = (cmax + cmin) / 2;
-  s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1));
-  s = +(s * 100).toFixed(1);
-  l = +(l * 100).toFixed(1);
-  return { h, s, l };
+  r /= 255, g /= 255, b /= 255;
+  const cmin = Math.min(r, g, b), cmax = Math.max(r, g, b), delta = cmax - cmin;
+  let h = 0, s = 0, l = 0;
+  return delta == 0 ? h = 0 : cmax == r ? h = (g - b) / delta % 6 : cmax == g ? h = (b - r) / delta + 2 : h = (r - g) / delta + 4, h = Math.round(h * 60), h < 0 && (h += 360), l = (cmax + cmin) / 2, s = delta == 0 ? 0 : delta / (1 - Math.abs(2 * l - 1)), s = +(s * 100).toFixed(1), l = +(l * 100).toFixed(1), { h, s, l };
 }
 function hslToRgb(hsl) {
-  const s = hsl.s / 100;
-  const l = hsl.l / 100;
-  const c = (1 - Math.abs(2 * l - 1)) * s;
-  const x = c * (1 - Math.abs(hsl.h / 60 % 2 - 1));
-  const m = l - c / 2;
-  let r = 0;
-  let g = 0;
-  let b = 0;
-  if (0 <= hsl.h && hsl.h < 60) {
-    r = c;
-    g = x;
-    b = 0;
-  } else if (60 <= hsl.h && hsl.h < 120) {
-    r = x;
-    g = c;
-    b = 0;
-  } else if (120 <= hsl.h && hsl.h < 180) {
-    r = 0;
-    g = c;
-    b = x;
-  } else if (180 <= hsl.h && hsl.h < 240) {
-    r = 0;
-    g = x;
-    b = c;
-  } else if (240 <= hsl.h && hsl.h < 300) {
-    r = x;
-    g = 0;
-    b = c;
-  } else if (300 <= hsl.h && hsl.h < 360) {
-    r = c;
-    g = 0;
-    b = x;
-  }
-  return {
+  const s = hsl.s / 100, l = hsl.l / 100, c = (1 - Math.abs(2 * l - 1)) * s, x = c * (1 - Math.abs(hsl.h / 60 % 2 - 1)), m = l - c / 2;
+  let r = 0, g = 0, b = 0;
+  return 0 <= hsl.h && hsl.h < 60 ? (r = c, g = x, b = 0) : 60 <= hsl.h && hsl.h < 120 ? (r = x, g = c, b = 0) : 120 <= hsl.h && hsl.h < 180 ? (r = 0, g = c, b = x) : 180 <= hsl.h && hsl.h < 240 ? (r = 0, g = x, b = c) : 240 <= hsl.h && hsl.h < 300 ? (r = x, g = 0, b = c) : 300 <= hsl.h && hsl.h < 360 && (r = c, g = 0, b = x), {
     r: Math.round((r + m) * 255),
     g: Math.round((g + m) * 255),
     b: Math.round((b + m) * 255)
   };
 }
-
-const HEX_CHARS = "0123456789ABCDEFabcdef";
-const HSL_RE = /hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;
+const HEX_CHARS = "0123456789ABCDEFabcdef", HSL_RE = /hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;
 function isHexChars(str) {
-  for (const c of str) {
-    if (HEX_CHARS.indexOf(c) === -1) {
-      return false;
-    }
-  }
-  return true;
+  for (const c of str)
+    if (HEX_CHARS.indexOf(c) === -1)
+      return !1;
+  return !0;
 }
 function isHex(str) {
-  if (str[0] !== "#")
-    return false;
-  if (!(str.length === 4 || str.length === 7))
-    return false;
-  return isHexChars(str.slice(1));
+  return str[0] !== "#" || !(str.length === 4 || str.length === 7) ? !1 : isHexChars(str.slice(1));
 }
 function parseHsl(str) {
   const res = HSL_RE.exec(str);
-  if (!res) {
+  if (!res)
     throw new Error(`parseHsl: string is not a HSL color: "${str}"`);
-  }
   return { h: parseInt(res[1]), s: parseFloat(res[3]), l: parseFloat(res[5]) };
 }
-function parseColor(color) {
-  if (!color)
+function parseColor(color2) {
+  if (!color2)
     return { r: 0, g: 0, b: 0 };
-  if (typeof color !== "string") {
+  if (typeof color2 != "string")
     throw new Error("parseColor: expected a string");
-  }
-  if (isHex(color)) {
-    return hexToRgb(color);
-  }
-  if (color.startsWith("hsl(")) {
-    return hslToRgb(parseHsl(color));
-  }
-  if (color.startsWith("rgba(")) {
-    return rgbaToRGBA(color);
-  }
-  throw new Error(`parseColor: unexpected color format: "${color}"`);
+  if (isHex(color2))
+    return hexToRgb(color2);
+  if (color2.startsWith("hsl("))
+    return hslToRgb(parseHsl(color2));
+  if (color2.startsWith("rgba("))
+    return rgbaToRGBA(color2);
+  throw new Error(`parseColor: unexpected color format: "${color2}"`);
 }
-
 function getContrastRatio(bg, fg) {
-  const rgb1 = parseColor(bg);
-  const rgb2 = parseColor(fg);
-  const c1 = rgb_lrgb(rgb1);
-  const c2 = rgb_lrgb(rgb2);
-  const l1 = lrgb_luminance(c1);
-  const l2 = lrgb_luminance(c2);
+  const rgb1 = parseColor(bg), rgb2 = parseColor(fg), c1 = rgb_lrgb(rgb1), c2 = rgb_lrgb(rgb2), l1 = lrgb_luminance(c1), l2 = lrgb_luminance(c2);
   return (Math.max(l1, l2) + 0.05) / (Math.min(l1, l2) + 0.05);
 }
 function rgb_lrgb({ r, g, b }) {
@@ -3131,67 +2873,42 @@ function rgb_lrgb1(v) {
 function lrgb_luminance([r, g, b]) {
   return 0.2126 * r + 0.7152 * g + 0.0722 * b;
 }
-
-function rgba(color, a) {
-  const rgb = parseColor(color);
+function rgba(color2, a) {
+  const rgb = parseColor(color2);
   return `rgba(${rgb.r},${rgb.g},${rgb.b},${a})`;
 }
-
 const RGB_RANGE = [0, 255];
 function mixThemeColor(value, options) {
-  const { blendMode } = options;
-  const color = parseColor(value);
-  const black = parseColor(options.black);
-  const white = parseColor(options.white);
-  const bg = options.bg ? parseColor(options.bg) : blendMode === "multiply" ? white : black;
-  const paletteRange = {
-    r: [black.r, white.r],
-    g: [black.g, white.g],
-    b: [black.b, white.b]
-  };
-  const convertedBgColor = {
+  const { blendMode } = options, color2 = parseColor(value), black2 = parseColor(options.black), white2 = parseColor(options.white), bg = options.bg ? parseColor(options.bg) : blendMode === "multiply" ? white2 : black2, paletteRange = {
+    r: [black2.r, white2.r],
+    g: [black2.g, white2.g],
+    b: [black2.b, white2.b]
+  }, convertedBgColor = {
     r: clamp(range(...paletteRange.r, ...RGB_RANGE, bg.r), ...RGB_RANGE),
     g: clamp(range(...paletteRange.g, ...RGB_RANGE, bg.g), ...RGB_RANGE),
     b: clamp(range(...paletteRange.b, ...RGB_RANGE, bg.b), ...RGB_RANGE)
-  };
-  const convertedColor = {
-    r: clamp(range(...paletteRange.r, ...RGB_RANGE, color.r), ...RGB_RANGE),
-    g: clamp(range(...paletteRange.g, ...RGB_RANGE, color.g), ...RGB_RANGE),
-    b: clamp(range(...paletteRange.b, ...RGB_RANGE, color.b), ...RGB_RANGE)
-  };
-  const resultColor = blendMode === "multiply" ? multiply(convertedBgColor, convertedColor) : screen(convertedBgColor, convertedColor);
-  const v = {
+  }, convertedColor = {
+    r: clamp(range(...paletteRange.r, ...RGB_RANGE, color2.r), ...RGB_RANGE),
+    g: clamp(range(...paletteRange.g, ...RGB_RANGE, color2.g), ...RGB_RANGE),
+    b: clamp(range(...paletteRange.b, ...RGB_RANGE, color2.b), ...RGB_RANGE)
+  }, resultColor = blendMode === "multiply" ? multiply(convertedBgColor, convertedColor) : screen(convertedBgColor, convertedColor), v = {
     r: clamp(range(...RGB_RANGE, ...paletteRange.r, resultColor.r), ...paletteRange.r),
     g: clamp(range(...RGB_RANGE, ...paletteRange.g, resultColor.g), ...paletteRange.g),
     b: clamp(range(...RGB_RANGE, ...paletteRange.b, resultColor.b), ...paletteRange.b)
   };
   return rgbToHex(v);
 }
-
 function renderColorValue(str, options) {
   const { bg, blendMode, colorPalette } = options;
-  if (bg === "white") {
+  if (bg === "white")
     throw new Error("Cannot blend with white background");
-  }
   const node = parseTokenValue(str);
-  if (!node || node.type !== "color") {
+  if (!node || node.type !== "color")
     throw new Error(`Invalid color token value: ${str}`);
-  }
   let hex = "";
-  if (node.key === "black") {
-    hex = renderColorHex(colorPalette.black);
-  }
-  if (node.key === "white") {
-    hex = renderColorHex(colorPalette.white);
-  }
-  if (node.hue && node.tint) {
-    hex = renderColorHex(colorPalette[node.hue][node.tint]);
-  }
-  if (!hex) {
+  if (node.key === "black" && (hex = renderColorHex(colorPalette.black)), node.key === "white" && (hex = renderColorHex(colorPalette.white)), node.hue && node.tint && (hex = renderColorHex(colorPalette[node.hue][node.tint])), !hex)
     throw new Error(`Invalid color token value: ${str}`);
-  }
-  const hexBeforeMix = hex;
-  const mixOptions = {
+  const hexBeforeMix = hex, mixOptions = {
     blendMode,
     bg,
     black: renderColorHex(colorPalette.black),
@@ -3199,46 +2916,30 @@ function renderColorValue(str, options) {
     white: renderColorHex(colorPalette.white)
   };
   try {
-    hex = mixThemeColor(hex, mixOptions);
-    if (bg && node.mix !== void 0) {
-      const from = hexToRgb(bg);
-      const to = hexToRgb(hex);
+    if (hex = mixThemeColor(hex, mixOptions), bg && node.mix !== void 0) {
+      const from = hexToRgb(bg), to = hexToRgb(hex);
       hex = rgbToHex(mix(from, to, node.mix));
     }
   } catch (err) {
-    console.warn("could not blend", hex, mixOptions);
-    throw err;
-  }
-  if (hex === "#aN") {
-    console.warn(`invalid color token value: ${str}`);
-    hex = hexBeforeMix;
+    throw console.warn("could not blend", hex, mixOptions), err;
   }
-  if (node.opacity !== void 0) {
-    hex = rgba(hex, node.opacity);
-  }
-  return hex;
+  return hex === "#aN" && (console.warn(`invalid color token value: ${str}`), hex = hexBeforeMix), node.opacity !== void 0 && (hex = rgba(hex, node.opacity)), hex;
 }
-function renderColorHex(color) {
-  return typeof color === "string" ? color : color.hex;
+function renderColorHex(color2) {
+  return typeof color2 == "string" ? color2 : color2.hex;
 }
-
 function renderThemeColorSchemes(value, config) {
-  const colorPalette = (config == null ? void 0 : 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)
   };
 }
 function renderThemeColorScheme(colorPalette, value) {
-  const toneEntries = Object.entries(value);
-  const [, transparentTone] = toneEntries.find(([k]) => k === "transparent");
-  const [, defaultTone] = toneEntries.find(([k]) => k === "default");
-  const renderedTransparentTone = renderThemeColor(transparentTone, { colorPalette });
-  const renderedDefaultTone = renderThemeColor(defaultTone, { colorPalette });
-  const bg = renderedDefaultTone.bg;
-  if (bg === "white") {
+  const toneEntries = Object.entries(value), [, transparentTone] = toneEntries.find(([k]) => k === "transparent"), [, defaultTone] = toneEntries.find(([k]) => k === "default"), renderedTransparentTone = renderThemeColor(transparentTone, { colorPalette }), renderedDefaultTone = renderThemeColor(defaultTone, { colorPalette }), bg = renderedDefaultTone.bg;
+  if (bg === "white")
     throw new Error("Cannot blend with white background");
-  }
   return Object.fromEntries([
     ["transparent", renderedTransparentTone],
     ["default", renderedDefaultTone],
@@ -3246,21 +2947,15 @@ function renderThemeColorScheme(colorPalette, value) {
   ]);
 }
 function renderThemeColor(value, options) {
-  const { colorPalette, bg } = options;
-  const blendMode = value._blend || "multiply";
-  const baseBg = renderColorValue(value.bg, { colorPalette, bg, blendMode });
-  const colorOptions = { colorPalette, bg: baseBg, blendMode };
-  const button = renderThemeColorButton(value.button, {
+  const { colorPalette, bg } = options, blendMode = value._blend || "multiply", baseBg = renderColorValue(value.bg, { colorPalette, bg, blendMode }), colorOptions = { colorPalette, bg: baseBg, blendMode }, button = renderThemeColorButton(value.button, {
     baseBg,
     blendMode,
     colorPalette
-  });
-  const selectable = renderThemeColorSelectable(value.selectable, {
+  }), selectable = renderThemeColorSelectable(value.selectable, {
     colorPalette,
     baseBg,
     blendMode
-  });
-  const shadow = {
+  }), shadow = {
     outline: renderColorValue(value.shadow.outline, colorOptions),
     umbra: renderColorValue(value.shadow.umbra, {
       ...colorOptions,
@@ -3316,14 +3011,11 @@ function renderThemeColor(value, options) {
   };
 }
 function renderThemeColorKBD(value, options) {
-  const { baseBg, blendMode, colorPalette } = options;
-  const rootOptions = {
+  const { baseBg, blendMode, colorPalette } = options, rootOptions = {
     bg: baseBg,
     blendMode,
     colorPalette
-  };
-  const bg = renderColorValue(value.bg, rootOptions);
-  const colorOptions = {
+  }, bg = renderColorValue(value.bg, rootOptions), colorOptions = {
     bg,
     blendMode,
     colorPalette
@@ -3348,15 +3040,11 @@ function renderThemeColorAvatar(value, options) {
   };
 }
 function renderThemeColorAvatarColor(value, options) {
-  const { baseBg, blendMode: rootBlendMode, colorPalette } = options;
-  const blendMode = value._blend || "multiply";
-  const rootOptions = {
+  const { baseBg, blendMode: rootBlendMode, colorPalette } = options, blendMode = value._blend || "multiply", rootOptions = {
     bg: baseBg,
     blendMode: rootBlendMode,
     colorPalette
-  };
-  const bg = renderColorValue(value.bg, rootOptions);
-  const colorOptions = {
+  }, bg = renderColorValue(value.bg, rootOptions), colorOptions = {
     bg,
     blendMode,
     colorPalette
@@ -3377,15 +3065,11 @@ function renderThemeColorBadge(value, options) {
   };
 }
 function renderThemeColorBadgeColor(value, options) {
-  const { baseBg, blendMode: rootBlendMode, colorPalette } = options;
-  const blendMode = rootBlendMode;
-  const rootOptions = {
+  const { baseBg, blendMode: rootBlendMode, colorPalette } = options, blendMode = rootBlendMode, rootOptions = {
     bg: baseBg,
     blendMode: rootBlendMode,
     colorPalette
-  };
-  const bg = renderColorValue(value.bg, rootOptions);
-  const colorOptions = {
+  }, bg = renderColorValue(value.bg, rootOptions), colorOptions = {
     bg,
     blendMode,
     colorPalette
@@ -3424,15 +3108,11 @@ function renderThemeColorButtonStates(value, options) {
 }
 function renderThemeColorState(value, options) {
   var _a, _b;
-  const { baseBg, blendMode: rootBlendMode, colorPalette } = options;
-  const blendMode = value._blend || "multiply";
-  const rootOptions = {
+  const { baseBg, blendMode: rootBlendMode, colorPalette } = options, blendMode = value._blend || "multiply", rootOptions = {
     bg: baseBg,
     blendMode: rootBlendMode,
     colorPalette
-  };
-  const bg = renderColorValue(value.bg, rootOptions);
-  const colorOptions = {
+  }, bg = renderColorValue(value.bg, rootOptions), colorOptions = {
     bg,
     blendMode,
     colorPalette
@@ -3485,11 +3165,7 @@ function renderInputStatesColorTheme(value, options) {
   };
 }
 function renderInputStateColorTheme(value, options) {
-  const { baseBg, blendMode: rootBlendMode, colorPalette } = options;
-  const blendMode = value._blend || "multiply";
-  const rootOptions = { colorPalette, bg: baseBg, blendMode: rootBlendMode };
-  const bg = renderColorValue(value.bg, rootOptions);
-  const colorOptions = { colorPalette, bg, blendMode };
+  const { baseBg, blendMode: rootBlendMode, colorPalette } = options, blendMode = value._blend || "multiply", rootOptions = { colorPalette, bg: baseBg, blendMode: rootBlendMode }, bg = renderColorValue(value.bg, rootOptions), colorOptions = { colorPalette, bg, blendMode };
   return {
     _blend: blendMode,
     bg,
@@ -3520,8 +3196,7 @@ function renderThemeColorSelectableStates(value, options) {
   };
 }
 function renderSyntaxColorTheme(value, options) {
-  const { colorPalette, baseBg, blendMode } = options;
-  const colorOptions = { colorPalette, bg: baseBg, blendMode };
+  const { colorPalette, baseBg, blendMode } = options, colorOptions = { colorPalette, bg: baseBg, blendMode };
   return {
     atrule: renderColorValue(value.atrule, colorOptions),
     attrName: renderColorValue(value.attrName, colorOptions),
@@ -3561,81 +3236,64 @@ function renderSyntaxColorTheme(value, options) {
     variable: renderColorValue(value.variable, colorOptions)
   };
 }
-
 function buildTheme(config) {
-  const colorTheme = buildColorTheme(config);
-  const v2 = {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  const colorTheme = buildColorTheme(config), v2 = {
     _version: 2,
-    avatar: (config == null ? void 0 : config.avatar) ?? defaultThemeConfig.avatar,
-    button: (config == null ? void 0 : config.button) ?? defaultThemeConfig.button,
-    card: (config == null ? void 0 : 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 == null ? void 0 : config.container) ?? defaultThemeConfig.container,
-    font: (config == null ? void 0 : config.font) ?? defaultThemeFonts,
-    input: (config == null ? void 0 : config.input) ?? defaultThemeConfig.input,
-    layer: (config == null ? void 0 : config.layer) ?? defaultThemeConfig.layer,
-    media: (config == null ? void 0 : config.media) ?? defaultThemeConfig.media,
-    radius: (config == null ? void 0 : config.radius) ?? defaultThemeConfig.radius,
-    shadow: (config == null ? void 0 : config.shadow) ?? defaultThemeConfig.shadow,
-    space: (config == null ? void 0 : config.space) ?? defaultThemeConfig.space,
-    style: (config == null ? void 0 : 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);
 }
-
 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;
-  const v2 = is_v2(themeProp) ? themeProp : v0_v2(themeProp);
-  const colorScheme_v0 = v0.color[scheme] || v0.color.light;
-  const color_v0 = colorScheme_v0[tone] || colorScheme_v0.default;
-  const layer_v0 = v0.layer || defaultThemeConfig.layer;
-  const colorScheme_v2 = v2.color[scheme] || v2.color.light;
-  const color_v2 = colorScheme_v2[tone] || colorScheme_v2.default;
-  const layer_v2 = v2.layer || defaultThemeConfig.layer;
-  const theme = {
+  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,
       color: color_v0,
       layer: layer_v0,
       v2: {
         ...v2,
-        _resolved: true,
+        _resolved: !0,
         color: color_v2,
         layer: layer_v2
       }
     }
   };
-  _setCachedTheme(themeProp, scheme, tone, theme);
-  return theme;
+  return _setCachedTheme(themeProp, scheme, tone, theme), theme;
 }
 function _getCachedTheme(rootTheme, scheme, tone) {
   const schemeCache = cache.get(scheme);
   if (!schemeCache)
-    return void 0;
+    return;
   const toneCache = schemeCache.get(tone);
-  if (!toneCache)
-    return void 0;
-  return toneCache.get(rootTheme);
+  if (toneCache)
+    return toneCache.get(rootTheme);
 }
 function _setCachedTheme(rootTheme, scheme, tone, theme) {
-  if (!cache.has(scheme))
-    cache.set(scheme, /* @__PURE__ */ new Map());
+  cache.has(scheme) || cache.set(scheme, /* @__PURE__ */ new Map());
   const schemeCache = cache.get(scheme);
-  if (!schemeCache.has(tone))
-    schemeCache.set(tone, /* @__PURE__ */ new WeakMap());
-  const toneCache = schemeCache.get(tone);
-  toneCache.set(rootTheme, theme);
+  schemeCache.has(tone) || schemeCache.set(tone, /* @__PURE__ */ new WeakMap()), schemeCache.get(tone).set(rootTheme, theme);
 }
-
 exports.COLOR_CONFIG_AVATAR_COLORS = COLOR_CONFIG_AVATAR_COLORS;
 exports.COLOR_CONFIG_BLEND_KEYS = COLOR_CONFIG_BLEND_KEYS;
 exports.COLOR_CONFIG_CARD_KEYS = COLOR_CONFIG_CARD_KEYS;