@sanity/themer 0.0.0 → 0.1.0

package/README.md

@@ -1,105 +1,25 @@
 # @sanity/themer
 
-Generate [Sanity Studio](https://www.sanity.io/studio) themes, and preview them with a Studio tool.
+Recreate [Sanity Studio](https://www.sanity.io/studio) themes from the hosted Themer service locally.
 
-This package is the npm migration path off the hosted Themer service ([themer.sanity.build](https://themer.sanity.build)) — the generators run locally, so Studio configs no longer need to import modules from a hosted URL.
+This package is the npm migration path off the hosted Themer service ([themer.sanity.build](https://themer.sanity.build)) — the generator runs locally, so Studio configs no longer need to import modules from a hosted URL. The `@sanity/themer/legacy` subpath generates the exact same colors the service serves. There is no root export yet.
 
 ```sh
 npm install @sanity/themer
 ```
 
-## Usage
-
-Generate a theme from a handful of colors:
-
-```ts
-// sanity.config.ts
-import {createTheme} from '@sanity/themer'
-import {defineConfig} from 'sanity'
-
-export default defineConfig({
-  theme: createTheme({primary: '#2276fc'}),
-  // ...rest of the config
-})
-```
-
-Every color is optional — omitted colors keep their default Sanity ramps:
-
-| Color      | Drives                                  |
-| ---------- | --------------------------------------- |
-| `primary`  | Buttons, focus rings, links, selections |
-| `gray`     | Neutral surfaces, borders and text      |
-| `positive` | Success accents                         |
-| `caution`  | Warning accents                         |
-| `critical` | Errors and destructive actions          |
-| `lightest` | Light mode background                   |
-| `darkest`  | Dark mode background                    |
-
-Preset themes are available from the `presets` export:
-
-```ts
-import {createTheme, presets} from '@sanity/themer'
-
-const verdant = presets.find((preset) => preset.slug === 'verdant')
-const theme = createTheme(verdant.colors)
-```
-
-For customization beyond colors, `themeConfigFromColors` maps colors to a [`@sanity/ui`](https://github.com/sanity-io/ui) `ThemeConfig` to pass to `buildTheme`:
-
-```ts
-import {themeConfigFromColors} from '@sanity/themer'
-import {buildTheme} from '@sanity/ui/theme'
-
-const theme = buildTheme({
-  ...themeConfigFromColors({primary: '#2276fc'}),
-  // ...other ThemeConfig properties
-})
-```
-
-## The Studio tool
-
-The `themerTool` plugin previews generated themes live on your own Studio:
-
-```ts
-// sanity.config.ts
-import {themerTool} from '@sanity/themer/tool'
-import {defineConfig} from 'sanity'
-
-export default defineConfig({
-  plugins: [themerTool()],
-  // ...rest of the config
-})
-```
-
-A color wheel toggle in the navbar opens the themer sidebar next to the active tool, so you can browse around the Studio while tweaking presets and colors. Toggle between light and dark mode with the regular appearance menu — the preview follows it. When the theme looks right, copy the generated `createTheme` snippet into the Studio config.
-
-If the Studio is already themed, pass the same colors to the plugin so the sidebar starts editing from them:
-
-```ts
-import {createTheme} from '@sanity/themer'
-import {themerTool} from '@sanity/themer/tool'
-import {defineConfig} from 'sanity'
-
-const colors = {primary: '#2276fc'}
-
-export default defineConfig({
-  theme: createTheme(colors),
-  plugins: [themerTool({colors})],
-})
-```
-
 ## Migrating from themer.sanity.build
 
-`@sanity/themer/legacy` generates the exact same colors as the hosted service, with the same `createTheme`, `hues` and `theme` exports that `https://themer.sanity.build/api/hues` served. Replace the URL import with `createThemeFromUrl` and the URL as a string:
+`@sanity/themer/legacy` generates the exact same colors as the hosted service, with the same `createTheme`, `hues` and `theme` exports that `https://themer.sanity.build/api/hues` served. Replace the URL import with `buildThemeFromUrl` and the URL as a string:
 
 ```ts
 // Before:
 import {theme} from 'https://themer.sanity.build/api/hues?preset=verdant&primary=22fca8'
 
 // After:
-import {createThemeFromUrl} from '@sanity/themer/legacy'
+import {buildThemeFromUrl} from '@sanity/themer/legacy'
 
-const theme = createThemeFromUrl(
+const theme = buildThemeFromUrl(
   'https://themer.sanity.build/api/hues?preset=verdant&primary=22fca8',
 )
 ```
@@ -121,17 +41,17 @@ export default defineConfig({
 })
 ```
 
-The hosted presets are also available directly:
+The hosted presets are addressed by query, exactly like the service:
 
 ```ts
-import {createTheme, getPreset} from '@sanity/themer/legacy'
+import {buildThemeFromUrl} from '@sanity/themer/legacy'
 
-const theme = createTheme(getPreset('verdant').hues)
+const theme = buildThemeFromUrl('?preset=verdant')
 ```
 
 Once migrated, remove any `themer.d.ts` module declarations and `urlImports` config that the URL imports needed.
 
-The legacy API is frozen — it exists to make leaving the hosted service painless. New themes should use `createTheme` from the `@sanity/themer` root export instead.
+The generated theme carries no `__themer` flag, which is the one intentional difference from the hosted module. Sanity Studio uses that flag to throw away the fonts the hosted module bundled, because they had drifted from the Studio's own; here the fonts come from the `@sanity/ui` installed next to the Studio, so there is nothing to throw away.
 
 ## License
 

package/dist/{legacy.cjs → defaults-DJtuhI2W.js}

@@ -1,6 +1,5 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_mix = require("./_chunks/mix.cjs");
-let _sanity_color = require("@sanity/color"), _sanity_ui_theme = require("@sanity/ui/theme");
+import { buildTheme, createColorTheme, multiply, parseColor, rgbToHex, rgba, screen } from "@sanity/ui/theme";
+import { COLOR_TINTS } from "@sanity/color";
 /**
 * Drops properties that are set to `undefined`, so that spreading the hue
 * over defaults doesn't shadow them. The hosted Themer service used a
@@ -521,6 +520,45 @@ function applyHues(_hues, defaults = defaultHues) {
 		}
 	};
 }
+/**
+* Color mixing that is byte-for-byte compatible with the `mix` function from
+* `polished`, which the hosted Themer service (themer.sanity.build) used to
+* interpolate hue tints. Only opaque hex colors are supported, which is all
+* the theme generators ever pass.
+*
+* @internal
+*/
+function mix(weight, color, otherColor) {
+	if (weight === 0) return otherColor;
+	let [r1, g1, b1] = hexToRgb(color), [r2, g2, b2] = hexToRgb(otherColor), w2 = 1 - weight;
+	return reduceHex(`#${channelToHex(Math.floor(r1 * weight + r2 * w2))}${channelToHex(Math.floor(g1 * weight + g2 * w2))}${channelToHex(Math.floor(b1 * weight + b2 * w2))}`);
+}
+/**
+* Matches `#abc` and `#aabbcc` hex colors (the only formats the theme
+* generators accept), same as the hosted Themer service did.
+*
+* @internal
+*/
+function isColor(input) {
+	return /^#(?:[0-9a-f]{3}){1,2}$/i.test(input);
+}
+function hexToRgb(color) {
+	if (!isColor(color)) throw TypeError(`Invalid color: ${JSON.stringify(color)} — expected a hex color`);
+	let hex = color.length === 4 ? `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}` : color.slice(1);
+	return [
+		parseInt(hex.slice(0, 2), 16),
+		parseInt(hex.slice(2, 4), 16),
+		parseInt(hex.slice(4, 6), 16)
+	];
+}
+function channelToHex(value) {
+	let hex = value.toString(16);
+	return hex.length === 1 ? `0${hex}` : hex;
+}
+/** Shortens `#aabbcc` to `#abc` when possible, same as `polished` does */
+function reduceHex(hex) {
+	return hex[1] === hex[2] && hex[3] === hex[4] && hex[5] === hex[6] ? `#${hex[1]}${hex[3]}${hex[5]}` : hex;
+}
 const VALID_MID_POINTS = /* @__PURE__ */ new Set([
 	50,
 	100,
@@ -561,7 +599,7 @@ function parseHue(key, searchParams, defaultLightest, defaultDarkest) {
 		let maybeMid = `#${param}`, maybeMidPoint = roundMidPoint(Number(param));
 		switch (!0) {
 			case param === "": break;
-			case require_mix.t(maybeMid) && !mid:
+			case isColor(maybeMid) && !mid:
 				mid = maybeMid;
 				break;
 			case !Number.isNaN(maybeMidPoint) && !midPoint:
@@ -573,7 +611,7 @@ function parseHue(key, searchParams, defaultLightest, defaultDarkest) {
 			case param.startsWith("darkest:") && !darkest:
 				darkest = assertValidColor(`#${param.replace(/^darkest:/, "")}`);
 				break;
-			case require_mix.t(maybeMid):
+			case isColor(maybeMid):
 				throwDuplicate(key, mid?.replace(/^#/, ""), param, input);
 				break;
 			case !Number.isNaN(maybeMidPoint):
@@ -602,7 +640,7 @@ function throwDuplicate(key, a, b, input) {
 	throw TypeError(`Duplicate params detected. Remove at least ${a === b ? `one of the ${JSON.stringify(String(a))}` : `${JSON.stringify(String(a))} or ${JSON.stringify(String(b))}`} from the ${key} hue: ${JSON.stringify(input)}`);
 }
 function assertValidColor(input) {
-	if (require_mix.t(input)) return input;
+	if (isColor(input)) return input;
 	throw TypeError(`Invalid color: ${input}`);
 }
 function assertValidMidPoint(input) {
@@ -633,9 +671,10 @@ const defaultPreset = definePreset("default", "Studio v3", "lightest=fff&darkest
 ];
 /**
 * Finds a preset by its slug, falling back to the default Studio preset for
-* unknown slugs — the same behavior as the hosted Themer service.
+* unknown slugs — the behavior of the hosted Themer service's `?preset`
+* param, which `parseHuesFromUrl` exposes.
 *
-* @public
+* @internal
 */
 function getPreset(slug) {
 	let needle = slug?.toLowerCase();
@@ -656,14 +695,14 @@ function createTonesFromHues(hues) {
 	};
 }
 function createTintsFromHue(hue, title) {
-	return _sanity_color.COLOR_TINTS.reduce((tints, tint) => (tints[tint] = {
+	return COLOR_TINTS.reduce((tints, tint) => (tints[tint] = {
 		title: `${title} ${tint}`,
 		hex: getColorHex(hue, tint)
 	}, tints), {});
 }
 function getColorHex(hue, tint) {
 	let tintNum = Number(tint), midPoint = hue.midPoint, darkSize = 1e3 - midPoint, lightPosition = tintNum / midPoint, darkPosition = (tintNum - midPoint) / darkSize;
-	return tintNum === midPoint ? hue.mid.toLowerCase() : tintNum < midPoint ? require_mix.n(lightPosition, hue.mid, hue.lightest) : require_mix.n(darkPosition, hue.darkest, hue.mid);
+	return tintNum === midPoint ? hue.mid.toLowerCase() : tintNum < midPoint ? mix(lightPosition, hue.mid, hue.lightest) : mix(darkPosition, hue.darkest, hue.mid);
 }
 const NEUTRAL_TONES = /* @__PURE__ */ new Set(["default", "transparent"]), SPOT_TINTS = {
 	blue,
@@ -681,7 +720,7 @@ function getTint(key) {
 	if (!tints) throw Error(`Unknown tint: ${key}`);
 	return tints;
 }
-const studioTheme = (0, _sanity_ui_theme.buildTheme)();
+const defaultTheme = buildTheme();
 /**
 * Generates a Studio theme from hues, producing the exact same colors as the
 * hosted Themer service (themer.sanity.build). This is a port of its
@@ -689,11 +728,11 @@ const studioTheme = (0, _sanity_ui_theme.buildTheme)();
 * https://github.com/sanity-io/themer/blob/main/apps/v1/utils/themeFromHues.ts
 */
 function themeFromHues(partialHues) {
-	function multiply(bg, fg) {
-		return (0, _sanity_ui_theme.rgbToHex)((0, _sanity_ui_theme.multiply)((0, _sanity_ui_theme.parseColor)(bg), (0, _sanity_ui_theme.parseColor)(fg)));
+	function multiply$1(bg, fg) {
+		return rgbToHex(multiply(parseColor(bg), parseColor(fg)));
 	}
-	function screen(bg, fg) {
-		return (0, _sanity_ui_theme.rgbToHex)((0, _sanity_ui_theme.screen)((0, _sanity_ui_theme.parseColor)(bg), (0, _sanity_ui_theme.parseColor)(fg)));
+	function screen$1(bg, fg) {
+		return rgbToHex(screen(parseColor(bg), parseColor(fg)));
 	}
 	let hues = applyHues(partialHues), black = {
 		title: "Black",
@@ -701,7 +740,7 @@ function themeFromHues(partialHues) {
 	}, white = {
 		title: "white",
 		hex: hues.default.lightest
-	}, tones = createTonesFromHues(hues), focusRingHue = tones.primary, accentHue = tones.critical, linkHue = tones.primary, color = (0, _sanity_ui_theme.createColorTheme)({
+	}, tones = createTonesFromHues(hues), focusRingHue = tones.primary, accentHue = tones.critical, linkHue = tones.primary, color = createColorTheme({
 		base: ({ dark, name }) => {
 			if (name === "default") {
 				let skeletonFrom = dark ? tones.transparent[900].hex : tones.transparent[100].hex;
@@ -711,14 +750,14 @@ function themeFromHues(partialHues) {
 					border: tones.transparent[dark ? 800 : 200].hex,
 					focusRing: focusRingHue[500].hex,
 					shadow: {
-						outline: (0, _sanity_ui_theme.rgba)(tones.transparent[500].hex, .4),
-						umbra: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tones.transparent[500].hex, .2),
-						penumbra: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tones.transparent[500].hex, .14),
-						ambient: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tones.transparent[500].hex, .12)
+						outline: rgba(tones.transparent[500].hex, .4),
+						umbra: rgba(dark ? black.hex : tones.transparent[500].hex, .2),
+						penumbra: rgba(dark ? black.hex : tones.transparent[500].hex, .14),
+						ambient: rgba(dark ? black.hex : tones.transparent[500].hex, .12)
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -730,14 +769,14 @@ function themeFromHues(partialHues) {
 					border: tints[dark ? 800 : 300].hex,
 					focusRing: focusRingHue[500].hex,
 					shadow: {
-						outline: (0, _sanity_ui_theme.rgba)(tints[500].hex, dark ? .2 : .4),
-						umbra: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tints[500].hex, .2),
-						penumbra: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tints[500].hex, .14),
-						ambient: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tints[500].hex, .12)
+						outline: rgba(tints[500].hex, dark ? .2 : .4),
+						umbra: rgba(dark ? black.hex : tints[500].hex, .2),
+						penumbra: rgba(dark ? black.hex : tints[500].hex, .14),
+						ambient: rgba(dark ? black.hex : tints[500].hex, .12)
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -748,19 +787,19 @@ function themeFromHues(partialHues) {
 				border: tints[dark ? 800 : 200].hex,
 				focusRing: tints[500].hex,
 				shadow: {
-					outline: (0, _sanity_ui_theme.rgba)(tints[500].hex, dark ? .2 : .4),
-					umbra: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tints[500].hex, .2),
-					penumbra: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tints[500].hex, .14),
-					ambient: (0, _sanity_ui_theme.rgba)(dark ? black.hex : tints[500].hex, .12)
+					outline: rgba(tints[500].hex, dark ? .2 : .4),
+					umbra: rgba(dark ? black.hex : tints[500].hex, .2),
+					penumbra: rgba(dark ? black.hex : tints[500].hex, .14),
+					ambient: rgba(dark ? black.hex : tints[500].hex, .12)
 				},
 				skeleton: {
 					from: skeletonFrom,
-					to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+					to: rgba(skeletonFrom, .5)
 				}
 			};
 		},
 		solid: ({ base, dark, name, state, tone }) => {
-			let mix = dark ? screen : multiply, mix2 = dark ? multiply : screen, defaultTints = tones[name] || tones.default, isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone), tints = tones[tone === "default" ? name : tone] || defaultTints;
+			let mix = dark ? screen$1 : multiply$1, mix2 = dark ? multiply$1 : screen$1, defaultTints = tones[name] || tones.default, isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone), tints = tones[tone === "default" ? name : tone] || defaultTints;
 			if (state === "disabled") {
 				tints = defaultTints;
 				let bg = mix(base.bg, tints[dark ? 800 : 200].hex), skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex);
@@ -779,7 +818,7 @@ function themeFromHues(partialHues) {
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -800,7 +839,7 @@ function themeFromHues(partialHues) {
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -821,7 +860,7 @@ function themeFromHues(partialHues) {
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -843,7 +882,7 @@ function themeFromHues(partialHues) {
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -863,12 +902,12 @@ function themeFromHues(partialHues) {
 				},
 				skeleton: {
 					from: skeletonFrom,
-					to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+					to: rgba(skeletonFrom, .5)
 				}
 			};
 		},
 		muted: ({ base, dark, name, state, tone }) => {
-			let mix = dark ? screen : multiply, defaultTints = tones[name] || tones.default, isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone), tints = tones[tone === "default" ? name : tone] || defaultTints;
+			let mix = dark ? screen$1 : multiply$1, defaultTints = tones[name] || tones.default, isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone), tints = tones[tone === "default" ? name : tone] || defaultTints;
 			if (state === "disabled") {
 				tints = defaultTints;
 				let bg = base.bg, skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex);
@@ -886,8 +925,8 @@ function themeFromHues(partialHues) {
 						fg: mix(bg, tints[dark ? 900 : 100].hex)
 					},
 					skeleton: {
-						from: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5),
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .25)
+						from: rgba(skeletonFrom, .5),
+						to: rgba(skeletonFrom, .25)
 					}
 				};
 			}
@@ -909,7 +948,7 @@ function themeFromHues(partialHues) {
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -931,7 +970,7 @@ function themeFromHues(partialHues) {
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -953,7 +992,7 @@ function themeFromHues(partialHues) {
 					},
 					skeleton: {
 						from: skeletonFrom,
-						to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+						to: rgba(skeletonFrom, .5)
 					}
 				};
 			}
@@ -973,7 +1012,7 @@ function themeFromHues(partialHues) {
 				},
 				skeleton: {
 					from: skeletonFrom,
-					to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+					to: rgba(skeletonFrom, .5)
 				}
 			};
 		},
@@ -1009,7 +1048,7 @@ function themeFromHues(partialHues) {
 		card: ({ base, dark, muted, name, solid, state }) => {
 			if (state === "hovered") return muted[name].hovered;
 			if (state === "disabled") return muted[name].disabled;
-			let isNeutral = NEUTRAL_TONES.has(name), tints = tones[name] || tones.default, mix = dark ? screen : multiply;
+			let isNeutral = NEUTRAL_TONES.has(name), tints = tones[name] || tones.default, mix = dark ? screen$1 : multiply$1;
 			if (state === "pressed") return isNeutral ? muted.primary.pressed : muted[name].pressed;
 			if (state === "selected") return isNeutral ? solid.primary.enabled : solid[name].enabled;
 			let bg = base.bg, skeletonFrom = mix(base.bg, tints[dark ? 900 : 100].hex);
@@ -1028,12 +1067,12 @@ function themeFromHues(partialHues) {
 				},
 				skeleton: {
 					from: skeletonFrom,
-					to: (0, _sanity_ui_theme.rgba)(skeletonFrom, .5)
+					to: rgba(skeletonFrom, .5)
 				}
 			};
 		},
 		input: ({ base, dark, mode, state }) => {
-			let mix = dark ? screen : multiply;
+			let mix = dark ? screen$1 : multiply$1;
 			if (mode === "invalid") {
 				let tints = tones.critical;
 				return {
@@ -1077,9 +1116,9 @@ function themeFromHues(partialHues) {
 			...muted[tone].disabled,
 			bg: base.bg
 		} : muted[tone][state],
-		spot: ({ base, dark, key }) => (dark ? screen : multiply)(base.bg, getTint(key)[dark ? 400 : 500].hex),
+		spot: ({ base, dark, key }) => (dark ? screen$1 : multiply$1)(base.bg, getTint(key)[dark ? 400 : 500].hex),
 		syntax: ({ base, dark }) => {
-			let mix = dark ? screen : multiply, mainShade = dark ? 400 : 600, secondaryShade = dark ? 600 : 400;
+			let mix = dark ? screen$1 : multiply$1, mainShade = dark ? 400 : 600, secondaryShade = dark ? 600 : 400;
 			return {
 				atrule: mix(base.bg, purple[mainShade].hex),
 				attrName: mix(base.bg, green[mainShade].hex),
@@ -1121,9 +1160,8 @@ function themeFromHues(partialHues) {
 		}
 	});
 	return {
-		...studioTheme,
+		...defaultTheme,
 		color,
-		__themer: !0,
 		v2: void 0
 	};
 }
@@ -1175,16 +1213,16 @@ function parseHuesFromUrl(url) {
 * // import {theme} from 'https://themer.sanity.build/api/hues?preset=verdant'
 *
 * // After:
-* import {createThemeFromUrl} from '@sanity/themer/legacy'
+* import {buildThemeFromUrl} from '@sanity/themer/legacy'
 *
-* const theme = createThemeFromUrl(
+* const theme = buildThemeFromUrl(
 *   'https://themer.sanity.build/api/hues?preset=verdant',
 * )
 * ```
 *
 * @public
 */
-function createThemeFromUrl(url) {
+function buildThemeFromUrl(url) {
 	return createTheme(parseHuesFromUrl(url));
 }
 /**
@@ -1194,6 +1232,6 @@ function createThemeFromUrl(url) {
 * @public
 */
 const hues = applyHues({}), theme = createTheme(hues);
-exports.createTheme = createTheme, exports.createThemeFromUrl = createThemeFromUrl, exports.getPreset = getPreset, exports.hues = hues, exports.parseHuesFromUrl = parseHuesFromUrl, exports.presets = presets, exports.theme = theme;
+export { parseHuesFromUrl as a, isColor as c, createTheme as i, applyHues as l, theme as n, createTonesFromHues as o, buildThemeFromUrl as r, presets as s, hues as t };
 
-//# sourceMappingURL=legacy.cjs.map
+//# sourceMappingURL=defaults-DJtuhI2W.js.map