@sanity/ui 2.0.12 → 2.0.13-alpha.2

package/dist/theme.esm.js

@@ -1,3 +1,5 @@
+import { d as defaultThemeConfig, v as v2_v0 } from "./_legacy/getScopedTheme.esm.js";
+import { g, a, i, b } from "./_legacy/getScopedTheme.esm.js";
 import { COLOR_HUES, COLOR_TINTS, color } from "@sanity/color";
 function createSelectableTones(opts, base, dark, solid, muted) {
   return {
@@ -684,85 +686,7 @@ function _createColor(opts, dark, name) {
     muted
   };
 }
-const BORDER_WIDTH = 1, OUTLINE_WIDTH = 0.5, defaultThemeConfig = {
-  _version: 2,
-  avatar: {
-    sizes: [
-      { distance: -4, size: 19 },
-      { distance: -4, size: 25 },
-      { distance: -8, size: 33 },
-      { distance: -12, size: 49 }
-    ],
-    focusRing: { offset: 1, width: 1 }
-  },
-  button: {
-    textWeight: "medium",
-    border: { width: BORDER_WIDTH },
-    focusRing: { offset: -1, width: 1 }
-  },
-  card: {
-    border: { width: BORDER_WIDTH },
-    focusRing: { offset: -1, width: 1 },
-    shadow: { outline: OUTLINE_WIDTH }
-  },
-  container: [320, 640, 960, 1280, 1600, 1920],
-  media: [360, 600, 900, 1200, 1800, 2400],
-  layer: {
-    dialog: { zOffset: 600 },
-    popover: { zOffset: 400 },
-    tooltip: { zOffset: 200 }
-  },
-  radius: [0, 1, 3, 6, 9, 12, 21],
-  shadow: [
-    null,
-    { umbra: [0, 0, 0, 0], penumbra: [0, 0, 0, 0], ambient: [0, 0, 0, 0] },
-    { umbra: [0, 3, 5, -2], penumbra: [0, 6, 10, 0], ambient: [0, 1, 18, 1] },
-    { umbra: [0, 7, 8, -4], penumbra: [0, 12, 17, 2], ambient: [0, 5, 22, 4] },
-    { umbra: [0, 9, 11, -5], penumbra: [0, 18, 28, 2], ambient: [0, 7, 34, 6] },
-    { umbra: [0, 11, 15, -7], penumbra: [0, 24, 38, 3], ambient: [0, 9, 46, 8] }
-  ],
-  space: [0, 4, 8, 12, 20, 32, 52, 84, 136, 220],
-  input: {
-    border: {
-      width: BORDER_WIDTH
-    },
-    checkbox: {
-      size: 17,
-      focusRing: { offset: -1, width: 1 }
-    },
-    radio: {
-      size: 17,
-      markSize: 9,
-      focusRing: { offset: -1, width: 1 }
-    },
-    switch: {
-      width: 25,
-      height: 17,
-      padding: 5,
-      transitionDurationMs: 150,
-      transitionTimingFunction: "ease-out",
-      focusRing: { offset: 1, width: 1 }
-    },
-    select: {
-      focusRing: { offset: -1, width: 1 }
-    },
-    text: {
-      focusRing: { offset: -1, width: 1 }
-    }
-  },
-  style: {
-    button: {
-      root: {
-        transition: "background-color 100ms,border-color 100ms,color 100ms"
-      }
-    }
-    // card: {
-    //   root: {
-    //     transition: 'background-color 100ms,border-color 100ms,color 100ms',
-    //   },
-    // },
-  }
-}, defaultThemeFonts = {
+const defaultThemeFonts = {
   code: {
     family: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     weights: {
@@ -983,437 +907,10 @@ const BORDER_WIDTH = 1, OUTLINE_WIDTH = 0.5, defaultThemeConfig = {
       }
     ]
   }
-}, 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), color_v2 = {
-    _blend: color_v0._blend || (color_v0.dark ? "screen" : "multiply"),
-    _dark: color_v0.dark,
-    accent: base.accent,
-    avatar: base.avatar,
-    backdrop: color_v0.base.shadow.ambient,
-    badge: base.badge,
-    bg: color_v0.base.bg,
-    border: color_v0.base.border,
-    button: {
-      default: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.default),
-      ghost: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.ghost),
-      bleed: stateTonesThemeColor_v0_v2(color_v0, color_v0.button.bleed)
-    },
-    code: base.code,
-    fg: color_v0.base.fg,
-    focusRing: color_v0.base.focusRing,
-    icon: base.muted.fg,
-    input: {
-      default: inputStatesThemeColor_v0_v2(color_v0.input.default),
-      invalid: inputStatesThemeColor_v0_v2(color_v0.input.invalid)
-    },
-    kbd: base.kbd,
-    link: base.link,
-    muted: {
-      ...base.muted,
-      bg: ((_a = color_v0.selectable) == null ? void 0 : _a.default.enabled.bg2) || color_v0.base.bg
-    },
-    selectable: stateTonesThemeColor_v0_v2(color_v0, color_v0.selectable || color_v0.muted),
-    shadow: color_v0.base.shadow,
-    skeleton: {
-      from: ((_b = color_v0.skeleton) == null ? void 0 : _b.from) || color_v0.base.border,
-      to: ((_c = color_v0.skeleton) == null ? void 0 : _c.to) || color_v0.base.border
-    },
-    syntax: color_v0.syntax
-  };
-  return cache$4.set(color_v0, color_v2), color_v2;
-}
-function stateTonesThemeColor_v0_v2(v0, t) {
-  return {
-    default: {
-      enabled: stateThemeColor_v0_v2(v0, t.default.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.default.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.default.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.default.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.default.disabled)
-    },
-    primary: {
-      enabled: stateThemeColor_v0_v2(v0, t.primary.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.primary.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.primary.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.primary.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.primary.disabled)
-    },
-    positive: {
-      enabled: stateThemeColor_v0_v2(v0, t.positive.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.positive.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.positive.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.positive.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.positive.disabled)
-    },
-    caution: {
-      enabled: stateThemeColor_v0_v2(v0, t.caution.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.caution.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.caution.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.caution.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.caution.disabled)
-    },
-    critical: {
-      enabled: stateThemeColor_v0_v2(v0, t.critical.enabled),
-      hovered: stateThemeColor_v0_v2(v0, t.critical.hovered),
-      pressed: stateThemeColor_v0_v2(v0, t.critical.pressed),
-      selected: stateThemeColor_v0_v2(v0, t.critical.selected),
-      disabled: stateThemeColor_v0_v2(v0, t.critical.disabled)
-    }
-  };
-}
-function stateThemeColor_v0_v2(v0, state) {
-  var _a, _b;
-  return {
-    ...state,
-    avatar: {
-      gray: {
-        bg: v0.spot.gray,
-        fg: v0.base.bg
-      },
-      blue: {
-        bg: v0.spot.blue,
-        fg: v0.base.bg
-      },
-      purple: {
-        bg: v0.spot.purple,
-        fg: v0.base.bg
-      },
-      magenta: {
-        bg: v0.spot.magenta,
-        fg: v0.base.bg
-      },
-      red: {
-        bg: v0.spot.red,
-        fg: v0.base.bg
-      },
-      orange: {
-        bg: v0.spot.orange,
-        fg: v0.base.bg
-      },
-      yellow: {
-        bg: v0.spot.yellow,
-        fg: v0.base.bg
-      },
-      green: {
-        bg: v0.spot.green,
-        fg: v0.base.bg
-      },
-      cyan: {
-        bg: v0.spot.cyan,
-        fg: v0.base.bg
-      }
-    },
-    badge: {
-      default: {
-        bg: v0.muted.default.enabled.bg,
-        fg: v0.muted.default.enabled.fg,
-        dot: v0.muted.default.enabled.muted.fg,
-        icon: v0.muted.default.enabled.muted.fg
-      },
-      primary: {
-        bg: v0.muted.primary.enabled.bg,
-        fg: v0.muted.primary.enabled.fg,
-        dot: v0.muted.primary.enabled.muted.fg,
-        icon: v0.muted.primary.enabled.muted.fg
-      },
-      positive: {
-        bg: v0.muted.positive.enabled.bg,
-        fg: v0.muted.positive.enabled.fg,
-        dot: v0.muted.positive.enabled.muted.fg,
-        icon: v0.muted.positive.enabled.muted.fg
-      },
-      caution: {
-        bg: v0.muted.caution.enabled.bg,
-        fg: v0.muted.caution.enabled.fg,
-        dot: v0.muted.caution.enabled.muted.fg,
-        icon: v0.muted.caution.enabled.muted.fg
-      },
-      critical: {
-        bg: v0.muted.critical.enabled.bg,
-        fg: v0.muted.critical.enabled.fg,
-        dot: v0.muted.critical.enabled.muted.fg,
-        icon: v0.muted.critical.enabled.muted.fg
-      }
-    },
-    kbd: {
-      bg: v0.muted.default.enabled.bg,
-      fg: v0.muted.default.enabled.fg,
-      border: v0.muted.default.enabled.border
-    },
-    muted: {
-      ...v0.muted.default.enabled.muted,
-      bg: state.bg2 || state.bg
-    },
-    skeleton: {
-      from: ((_a = state.skeleton) == null ? void 0 : _a.from) || state.border,
-      to: ((_b = state.skeleton) == null ? void 0 : _b.to) || state.border
-    }
-  };
-}
-function inputStatesThemeColor_v0_v2(states) {
-  return {
-    enabled: inputStateThemeColor_v0_v2(states.enabled),
-    disabled: inputStateThemeColor_v0_v2(states.disabled),
-    readOnly: inputStateThemeColor_v0_v2(states.readOnly),
-    hovered: inputStateThemeColor_v0_v2(states.hovered)
-  };
-}
-function inputStateThemeColor_v0_v2(state) {
-  return {
-    bg: state.bg,
-    border: state.border,
-    fg: state.fg,
-    muted: {
-      bg: state.bg2
-    },
-    placeholder: state.placeholder
-  };
-}
-const cache$3 = /* @__PURE__ */ new WeakMap();
-function getTheme_v2(theme) {
-  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: !0,
-    avatar: {
-      ...defaultThemeConfig.avatar,
-      ...theme.sanity.avatar
-    },
-    button: {
-      ...defaultThemeConfig.button,
-      ...theme.sanity.button
-    },
-    card: defaultThemeConfig.card,
-    color: themeColor_v0_v2(theme.sanity.color),
-    container: theme.sanity.container,
-    font: theme.sanity.fonts,
-    input: {
-      ...defaultThemeConfig.input,
-      ...theme.sanity.input,
-      checkbox: {
-        ...defaultThemeConfig.input.checkbox,
-        ...theme.sanity.input.checkbox
-      },
-      radio: {
-        ...defaultThemeConfig.input.radio,
-        ...theme.sanity.input.radio
-      },
-      switch: {
-        ...defaultThemeConfig.input.switch,
-        ...theme.sanity.input.switch
-      }
-    },
-    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
-  };
-  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)
-    return v0.v2;
-  const cached_v2 = cache$2.get(v0);
-  if (cached_v2)
-    return cached_v2;
-  const {
-    avatar,
-    button,
-    color: color2,
-    container,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    focusRing: _unused_focusRing,
-    fonts: font,
-    input,
-    layer,
-    media,
-    radius,
-    shadows: shadow,
-    space,
-    styles: style
-  } = v0, v2 = {
-    _version: 2,
-    avatar: {
-      ...defaultThemeConfig.avatar,
-      ...avatar
-    },
-    button: {
-      ...defaultThemeConfig.button,
-      ...button
-    },
-    card: defaultThemeConfig.card,
-    color: {
-      light: {
-        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(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,
-    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 != null ? layer : defaultThemeConfig.layer,
-    media,
-    radius,
-    shadow,
-    space,
-    style
-  };
-  return cache$2.set(v0, v2), v2;
-}
-const cache$1 = /* @__PURE__ */ new WeakMap();
-function v2_v0(v2) {
-  const cachedTheme = cache$1.get(v2);
-  if (cachedTheme)
-    return cachedTheme;
-  const {
-    avatar,
-    button,
-    color: color2,
-    container,
-    font: fonts,
-    input,
-    media,
-    radius,
-    shadow: shadows,
-    space,
-    style: styles
-  } = v2;
-  return {
-    _version: 0,
-    avatar,
-    button,
-    container,
-    color: {
-      light: {
-        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(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,
-    fonts,
-    input,
-    media,
-    radius,
-    shadows,
-    space,
-    styles,
-    v2
-  };
-}
-function themeColor_v2_v0(color_v2) {
-  return {
-    base: {
-      bg: color_v2.bg,
-      fg: color_v2.fg,
-      border: color_v2.border,
-      focusRing: color_v2.focusRing,
-      shadow: color_v2.shadow
-    },
-    button: color_v2.button,
-    card: color_v2.selectable.default,
-    dark: color_v2._dark,
-    input: {
-      default: inputStatesThemeColor_v2_v0(color_v2.input.default),
-      invalid: inputStatesThemeColor_v2_v0(color_v2.input.invalid)
-    },
-    muted: {
-      ...color_v2.button.ghost,
-      transparent: color_v2.button.ghost.default
-    },
-    solid: {
-      ...color_v2.button.default,
-      transparent: color_v2.button.default.default
-    },
-    selectable: color_v2.selectable,
-    spot: {
-      gray: color_v2.avatar.gray.bg,
-      blue: color_v2.avatar.blue.bg,
-      purple: color_v2.avatar.purple.bg,
-      magenta: color_v2.avatar.magenta.bg,
-      red: color_v2.avatar.red.bg,
-      orange: color_v2.avatar.orange.bg,
-      yellow: color_v2.avatar.yellow.bg,
-      green: color_v2.avatar.green.bg,
-      cyan: color_v2.avatar.cyan.bg
-    },
-    syntax: color_v2.syntax
-  };
-}
-function inputStatesThemeColor_v2_v0(t) {
-  return {
-    enabled: inputStateThemeColor_v2_v0(t.enabled),
-    disabled: inputStateThemeColor_v2_v0(t.disabled),
-    readOnly: inputStateThemeColor_v2_v0(t.readOnly),
-    hovered: inputStateThemeColor_v2_v0(t.hovered)
-  };
-}
-function inputStateThemeColor_v2_v0(t) {
-  return {
-    bg: t.bg,
-    bg2: t.muted.bg,
-    border: t.border,
-    fg: t.fg,
-    placeholder: t.placeholder
-  };
-}
 const THEME_COLOR_SCHEMES = ["light", "dark"], THEME_COLOR_BLEND_MODES = ["multiply", "screen"], THEME_COLOR_CARD_TONES = [
   "transparent",
   "default",
@@ -2740,48 +2237,48 @@ function buildSyntaxColorTheme(options, config) {
   };
 }
 const defaultColorPalette = color;
-function mixChannel(b, s, weight) {
-  const delta = (s - b) * weight;
-  return b + delta;
+function mixChannel(b2, s, weight) {
+  const delta = (s - b2) * weight;
+  return b2 + delta;
 }
-function mix(b, s, weight) {
+function mix(b2, s, weight) {
   return {
-    r: mixChannel(b.r, s.r, weight),
-    g: mixChannel(b.g, s.g, weight),
-    b: mixChannel(b.b, s.b, weight)
+    r: mixChannel(b2.r, s.r, weight),
+    g: mixChannel(b2.g, s.g, weight),
+    b: mixChannel(b2.b, s.b, weight)
   };
 }
-function multiplyChannel(b, s) {
-  return b * s;
+function multiplyChannel(b2, s) {
+  return b2 * s;
 }
-function multiply(b, s) {
+function multiply(b2, s) {
   return {
-    r: multiplyChannel(b.r / 255, s.r / 255) * 255,
-    g: multiplyChannel(b.g / 255, s.g / 255) * 255,
-    b: multiplyChannel(b.b / 255, s.b / 255) * 255
+    r: multiplyChannel(b2.r / 255, s.r / 255) * 255,
+    g: multiplyChannel(b2.g / 255, s.g / 255) * 255,
+    b: multiplyChannel(b2.b / 255, s.b / 255) * 255
   };
 }
-function screenChannel(b, s) {
-  return b + s - b * s;
+function screenChannel(b2, s) {
+  return b2 + s - b2 * s;
 }
-function screen(b, s) {
+function screen(b2, s) {
   return {
-    r: screenChannel(b.r / 255, s.r / 255) * 255,
-    g: screenChannel(b.g / 255, s.g / 255) * 255,
-    b: screenChannel(b.b / 255, s.b / 255) * 255
+    r: screenChannel(b2.r / 255, s.r / 255) * 255,
+    g: screenChannel(b2.g / 255, s.g / 255) * 255,
+    b: screenChannel(b2.b / 255, s.b / 255) * 255
   };
 }
-function lerp(x, y, a) {
-  return x * (1 - a) + y * a;
+function lerp(x, y, a2) {
+  return x * (1 - a2) + y * a2;
 }
-function invlerp(x, y, a) {
-  return clamp((a - x) / (y - x));
+function invlerp(x, y, a2) {
+  return clamp((a2 - x) / (y - x));
 }
-function clamp(a, min = 0, max = 1) {
-  return Math.min(max, Math.max(min, a));
+function clamp(a2, min = 0, max = 1) {
+  return Math.min(max, Math.max(min, a2));
 }
-function range(x1, y1, x2, y2, a) {
-  return lerp(x2, y2, invlerp(x1, y1, a));
+function range(x1, y1, x2, y2, a2) {
+  return lerp(x2, y2, invlerp(x1, y1, a2));
 }
 function round(value) {
   return Math.round(value);
@@ -2811,22 +2308,22 @@ function rgbaToRGBA(rgba2) {
   };
 }
 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);
+  const r = round(clamp(Math.round(color2.r), 0, 255)), g2 = round(clamp(Math.round(color2.g), 0, 255)), b2 = round(clamp(Math.round(color2.b), 0, 255));
+  return "a" in color2 ? `rgba(${r},${g2},${b2},${color2.a})` : "#" + ((1 << 24) + (r << 16) + (g2 << 8) + b2).toString(16).slice(1);
 }
-function rgbToHsl({ r, g, b }) {
-  r /= 255, g /= 255, b /= 255;
-  const cmin = Math.min(r, g, b), cmax = Math.max(r, g, b), delta = cmax - cmin;
+function rgbToHsl({ r, g: g2, b: b2 }) {
+  r /= 255, g2 /= 255, b2 /= 255;
+  const cmin = Math.min(r, g2, b2), cmax = Math.max(r, g2, b2), 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 };
+  return delta == 0 ? h = 0 : cmax == r ? h = (g2 - b2) / delta % 6 : cmax == g2 ? h = (b2 - r) / delta + 2 : h = (r - g2) / 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, 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), {
+  let r = 0, g2 = 0, b2 = 0;
+  return 0 <= hsl.h && hsl.h < 60 ? (r = c, g2 = x, b2 = 0) : 60 <= hsl.h && hsl.h < 120 ? (r = x, g2 = c, b2 = 0) : 120 <= hsl.h && hsl.h < 180 ? (r = 0, g2 = c, b2 = x) : 180 <= hsl.h && hsl.h < 240 ? (r = 0, g2 = x, b2 = c) : 240 <= hsl.h && hsl.h < 300 ? (r = x, g2 = 0, b2 = c) : 300 <= hsl.h && hsl.h < 360 && (r = c, g2 = 0, b2 = x), {
     r: Math.round((r + m) * 255),
-    g: Math.round((g + m) * 255),
-    b: Math.round((b + m) * 255)
+    g: Math.round((g2 + m) * 255),
+    b: Math.round((b2 + m) * 255)
   };
 }
 const HEX_CHARS = "0123456789ABCDEFabcdef", HSL_RE = /hsl\(\s*(\d+)\s*,\s*((\d+(?:\.\d+)?)%)\s*,\s*((\d+(?:\.\d+)?)%)\s*\)/i;
@@ -2862,18 +2359,18 @@ function getContrastRatio(bg, fg) {
   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 }) {
-  return [rgb_lrgb1(r / 255), rgb_lrgb1(g / 255), rgb_lrgb1(b / 255)];
+function rgb_lrgb({ r, g: g2, b: b2 }) {
+  return [rgb_lrgb1(r / 255), rgb_lrgb1(g2 / 255), rgb_lrgb1(b2 / 255)];
 }
 function rgb_lrgb1(v) {
   return v <= 0.04045 ? v / 12.92 : ((v + 0.055) / 1.055) ** 2.4;
 }
-function lrgb_luminance([r, g, b]) {
-  return 0.2126 * r + 0.7152 * g + 0.0722 * b;
+function lrgb_luminance([r, g2, b2]) {
+  return 0.2126 * r + 0.7152 * g2 + 0.0722 * b2;
 }
-function rgba(color2, a) {
+function rgba(color2, a2) {
   const rgb = parseColor(color2);
-  return `rgba(${rgb.r},${rgb.g},${rgb.b},${a})`;
+  return `rgba(${rgb.r},${rgb.g},${rgb.b},${a2})`;
 }
 const RGB_RANGE = [0, 255];
 function mixThemeColor(value, options) {
@@ -3259,39 +2756,6 @@ function buildTheme(config) {
   };
   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, 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: !0,
-        color: color_v2,
-        layer: layer_v2
-      }
-    }
-  };
-  return _setCachedTheme(themeProp, scheme, tone, theme), theme;
-}
-function _getCachedTheme(rootTheme, scheme, tone) {
-  const schemeCache = cache.get(scheme);
-  if (!schemeCache)
-    return;
-  const toneCache = schemeCache.get(tone);
-  if (toneCache)
-    return toneCache.get(rootTheme);
-}
-function _setCachedTheme(rootTheme, scheme, tone, theme) {
-  cache.has(scheme) || cache.set(scheme, /* @__PURE__ */ new Map());
-  const schemeCache = cache.get(scheme);
-  schemeCache.has(tone) || schemeCache.set(tone, /* @__PURE__ */ new WeakMap()), schemeCache.get(tone).set(rootTheme, theme);
-}
 export {
   COLOR_CONFIG_AVATAR_COLORS,
   COLOR_CONFIG_BLEND_KEYS,
@@ -3314,8 +2778,8 @@ export {
   buildTheme,
   createColorTheme,
   getContrastRatio,
-  getScopedTheme,
-  getTheme_v2,
+  g as getScopedTheme,
+  a as getTheme_v2,
   hexToRgb,
   hslToRgb,
   isColorBlendModeValue,
@@ -3331,7 +2795,7 @@ export {
   isColorTokenValue,
   isColorValue,
   is_v0,
-  is_v2,
+  i as is_v2,
   mix,
   multiply,
   parseColor,
@@ -3342,7 +2806,7 @@ export {
   rgba,
   rgbaToRGBA,
   screen,
-  v0_v2,
+  b as v0_v2,
   v2_v0
 };
 //# sourceMappingURL=theme.esm.js.map