@sanity/ui 3.1.12 → 3.1.13

package/dist/theme.js

@@ -1788,7 +1788,28 @@ function v0_v2(v0) {
   };
   return cache$2.set(v0, v2), v2;
 }
-const cache$1 = /* @__PURE__ */ new WeakMap();
+function defineLazyProperty(obj, key, factory) {
+  Object.defineProperty(obj, key, {
+    get() {
+      const value = factory();
+      return Object.defineProperty(obj, key, {
+        value,
+        enumerable: !0,
+        writable: !1,
+        configurable: !1
+      }), value;
+    },
+    enumerable: !0,
+    configurable: !0
+  });
+}
+const cache$1 = /* @__PURE__ */ new WeakMap(), V0_TONES = ["transparent", "default", "primary", "positive", "caution", "critical"];
+function lazyV0Scheme(schemeKey, color2) {
+  const scheme = {};
+  for (const tone of V0_TONES)
+    defineLazyProperty(scheme, tone, () => themeColor_v2_v0(color2[schemeKey][tone]));
+  return scheme;
+}
 function v2_v0(v2) {
   const cachedTheme = cache$1.get(v2);
   if (cachedTheme) return cachedTheme;
@@ -1804,30 +1825,14 @@ function v2_v0(v2) {
     shadow: shadows,
     space,
     style: styles
-  } = v2;
-  return {
+  } = v2, v0Color = {};
+  defineLazyProperty(v0Color, "light", () => lazyV0Scheme("light", color2)), defineLazyProperty(v0Color, "dark", () => lazyV0Scheme("dark", color2));
+  const theme = {
     _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)
-      }
-    },
+    color: v0Color,
     focusRing: input.text.focusRing,
     fonts,
     input,
@@ -1838,6 +1843,7 @@ function v2_v0(v2) {
     styles,
     v2
   };
+  return cache$1.set(v2, theme), theme;
 }
 function themeColor_v2_v0(color_v2) {
   return {
@@ -2907,25 +2913,22 @@ function resolveSelectableStateColorTokens(inputTokens, tone, state) {
 function buildColorTheme(config) {
   const resolvedConfig = {
     color: resolveColorTokens(config?.color)
-  };
-  return {
-    light: buildColorScheme({
-      scheme: "light"
-    }, resolvedConfig),
-    dark: buildColorScheme({
-      scheme: "dark"
-    }, resolvedConfig)
-  };
+  }, schemes = {};
+  return defineLazyProperty(schemes, "light", () => buildColorScheme({
+    scheme: "light"
+  }, resolvedConfig)), defineLazyProperty(schemes, "dark", () => buildColorScheme({
+    scheme: "dark"
+  }, resolvedConfig)), schemes;
 }
 function buildColorScheme(options, config) {
   const {
     scheme
   } = options, colorScheme = {};
   for (const tone of THEME_COLOR_CARD_TONES)
-    colorScheme[tone] = buildCardColorTheme({
+    defineLazyProperty(colorScheme, tone, () => buildCardColorTheme({
       scheme,
       tone
-    }, config);
+    }, config));
   return colorScheme;
 }
 function buildCardColorTheme(options, config) {
@@ -3592,24 +3595,29 @@ function renderColorHex(color2) {
   return typeof color2 == "string" ? color2 : color2.hex;
 }
 function renderThemeColorSchemes(value, config) {
-  const colorPalette = config?.palette ?? defaultColorPalette;
-  return {
-    light: renderThemeColorScheme(colorPalette, value.light),
-    dark: renderThemeColorScheme(colorPalette, value.dark)
-  };
+  const colorPalette = config?.palette ?? defaultColorPalette, schemes = {};
+  return defineLazyProperty(schemes, "light", () => renderThemeColorScheme(colorPalette, value.light)), defineLazyProperty(schemes, "dark", () => renderThemeColorScheme(colorPalette, value.dark)), schemes;
 }
 function renderThemeColorScheme(colorPalette, value) {
-  const toneEntries = Object.entries(value), [, transparentTone] = toneEntries.find(([k]) => k === "transparent"), [, defaultTone] = toneEntries.find(([k]) => k === "default"), renderedTransparentTone = renderThemeColor(transparentTone, {
-    colorPalette
-  }), renderedDefaultTone = renderThemeColor(defaultTone, {
+  const renderedDefaultTone = renderThemeColor(value.default, {
     colorPalette
   }), bg = renderedDefaultTone.bg;
   if (bg === "white")
     throw new Error("Cannot blend with white background");
-  return Object.fromEntries([["transparent", renderedTransparentTone], ["default", renderedDefaultTone], ...toneEntries.filter(([k]) => k !== "default" && k !== "transparent").map(([k, v]) => [k, renderThemeColor(v, {
-    bg,
-    colorPalette
-  })])]);
+  const scheme = {
+    default: renderedDefaultTone
+  };
+  for (const tone of THEME_COLOR_CARD_TONES) {
+    if (tone === "default") continue;
+    const opts = tone === "transparent" ? {
+      colorPalette
+    } : {
+      bg,
+      colorPalette
+    };
+    defineLazyProperty(scheme, tone, () => renderThemeColor(value[tone], opts));
+  }
+  return scheme;
 }
 function renderThemeColor(value, options) {
   const {
@@ -4031,19 +4039,26 @@ 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, color_v2_9 = themeColor_v0_v2_9(color_v2), layer_v2 = v2.layer || defaultThemeConfig.layer, theme = {
-    sanity: {
-      ...v0,
-      color: color_v0,
-      layer: layer_v0,
-      v2: {
-        ...v2,
-        _resolved: !0,
-        color: color_v2_9,
-        layer: layer_v2
-      }
+  const v0 = is_v2(themeProp) ? v2_v0(themeProp) : themeProp, v2 = is_v2(themeProp) ? themeProp : v0_v2(themeProp), layer_v0 = v0.layer || defaultThemeConfig.layer, colorScheme_v2 = v2.color[scheme] || v2.color.light, color_v2 = colorScheme_v2[tone] || colorScheme_v2.default, color_v2_9 = themeColor_v0_v2_9(color_v2), layer_v2 = v2.layer || defaultThemeConfig.layer, {
+    color: _v0Color,
+    ...v0Rest
+  } = v0, sanity = {
+    ...v0Rest,
+    layer: layer_v0,
+    v2: {
+      ...v2,
+      _resolved: !0,
+      color: color_v2_9,
+      layer: layer_v2
     }
   };
+  defineLazyProperty(sanity, "color", () => {
+    const colorScheme_v0 = v0.color[scheme] || v0.color.light;
+    return colorScheme_v0[tone] || colorScheme_v0.default;
+  });
+  const theme = {
+    sanity
+  };
   return _setCachedTheme(themeProp, scheme, tone, theme), theme;
 }
 function _getCachedTheme(rootTheme, scheme, tone) {