@sanity/ui 2.0.13-alpha.1 → 2.0.13

package/dist/theme.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: !0 });
-var getScopedTheme = require("./_chunks-cjs/getScopedTheme.js"), color = require("@sanity/color");
+var color = require("@sanity/color");
 function createSelectableTones(opts, base, dark, solid, muted) {
   return {
     default: _createSelectableStates(opts, base, dark, solid, muted, "default"),
@@ -686,7 +686,85 @@ function _createColor(opts, dark, name) {
     muted
   };
 }
-const defaultThemeFonts = {
+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 = {
   code: {
     family: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
     weights: {
@@ -907,10 +985,437 @@ const defaultThemeFonts = {
       }
     ]
   }
-};
+}, 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",
@@ -2735,32 +3240,60 @@ function buildTheme(config) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const colorTheme = buildColorTheme(config), v2 = {
     _version: 2,
-    avatar: (_a = config == null ? void 0 : config.avatar) != null ? _a : getScopedTheme.defaultThemeConfig.avatar,
-    button: (_b = config == null ? void 0 : config.button) != null ? _b : getScopedTheme.defaultThemeConfig.button,
-    card: (_c = config == null ? void 0 : config.card) != null ? _c : getScopedTheme.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: (_d = config == null ? void 0 : config.container) != null ? _d : getScopedTheme.defaultThemeConfig.container,
+    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 : getScopedTheme.defaultThemeConfig.input,
-    layer: (_g = config == null ? void 0 : config.layer) != null ? _g : getScopedTheme.defaultThemeConfig.layer,
-    media: (_h = config == null ? void 0 : config.media) != null ? _h : getScopedTheme.defaultThemeConfig.media,
-    radius: (_i = config == null ? void 0 : config.radius) != null ? _i : getScopedTheme.defaultThemeConfig.radius,
-    shadow: (_j = config == null ? void 0 : config.shadow) != null ? _j : getScopedTheme.defaultThemeConfig.shadow,
-    space: (_k = config == null ? void 0 : config.space) != null ? _k : getScopedTheme.defaultThemeConfig.space,
-    style: (_l = config == null ? void 0 : config.style) != null ? _l : getScopedTheme.defaultThemeConfig.style
-  };
-  return getScopedTheme.v2_v0(v2);
-}
-exports.getScopedTheme = getScopedTheme.getScopedTheme;
-exports.getTheme_v2 = getScopedTheme.getTheme_v2;
-exports.is_v2 = getScopedTheme.is_v2;
-exports.v0_v2 = getScopedTheme.v0_v2;
-exports.v2_v0 = getScopedTheme.v2_v0;
+    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, 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);
+}
 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;
@@ -2782,6 +3315,8 @@ exports.THEME_COLOR_STATE_TONES = THEME_COLOR_STATE_TONES;
 exports.buildTheme = buildTheme;
 exports.createColorTheme = createColorTheme;
 exports.getContrastRatio = getContrastRatio;
+exports.getScopedTheme = getScopedTheme;
+exports.getTheme_v2 = getTheme_v2;
 exports.hexToRgb = hexToRgb;
 exports.hslToRgb = hslToRgb;
 exports.isColorBlendModeValue = isColorBlendModeValue;
@@ -2797,6 +3332,7 @@ exports.isColorTintKey = isColorTintKey;
 exports.isColorTokenValue = isColorTokenValue;
 exports.isColorValue = isColorValue;
 exports.is_v0 = is_v0;
+exports.is_v2 = is_v2;
 exports.mix = mix;
 exports.multiply = multiply;
 exports.parseColor = parseColor;
@@ -2807,4 +3343,6 @@ exports.rgbToHsl = rgbToHsl;
 exports.rgba = rgba;
 exports.rgbaToRGBA = rgbaToRGBA;
 exports.screen = screen;
+exports.v0_v2 = v0_v2;
+exports.v2_v0 = v2_v0;
 //# sourceMappingURL=theme.js.map