@sanity/themer 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1 @@
1
+ {"version":3,"file":"legacy.js","names":["multiply","multiplyRgb","screen","screenRgb"],"sources":["../src/legacy/dropUndefined.ts","../src/legacy/palette.ts","../src/legacy/applyHues.ts","../src/legacy/parseHuesFromSearchParams.ts","../src/legacy/presets.ts","../src/legacy/createTonesFromHues.ts","../src/legacy/themeFromHues.ts","../src/legacy/createTheme.ts","../src/legacy/defaults.ts"],"sourcesContent":["import {Hue} from './types'\n\n/**\n * Drops properties that are set to `undefined`, so that spreading the hue\n * over defaults doesn't shadow them. The hosted Themer service used a\n * `JSON.parse(JSON.stringify(…))` round trip for this.\n */\nexport function dropUndefined(hue: Partial<Hue> | undefined): Partial<Hue> | undefined {\n if (!hue) return undefined\n\n const result: Partial<Hue> = {}\n\n if (hue.mid !== undefined) result.mid = hue.mid\n if (hue.midPoint !== undefined) result.midPoint = hue.midPoint\n if (hue.lightest !== undefined) result.lightest = hue.lightest\n if (hue.darkest !== undefined) result.darkest = hue.darkest\n\n return result\n}\n","import {ColorTint, ColorTints} from '@sanity/color'\n\n/**\n * The color palette from `@sanity/color@2.2.5`, vendored so that themes\n * generated by this module keep producing the exact same colors as the hosted\n * Themer service (themer.sanity.build), which bundles that version. The\n * current `@sanity/color` palette has different values, so it cannot be used\n * here without changing generated themes.\n */\n\n/** @internal */\nexport const black: ColorTint = {title: 'Black', hex: '#101112'}\n\n/** @internal */\nexport const white: ColorTint = {title: 'White', hex: '#fff'}\n\n/** @internal */\nexport const gray: ColorTints = {\n '50': {title: 'Gray 50', hex: '#f2f3f5'},\n '100': {title: 'Gray 100', hex: '#e6e8ec'},\n '200': {title: 'Gray 200', hex: '#ced2d9'},\n '300': {title: 'Gray 300', hex: '#b6bcc6'},\n '400': {title: 'Gray 400', hex: '#9ea6b3'},\n '500': {title: 'Gray 500', hex: '#8690a0'},\n '600': {title: 'Gray 600', hex: '#6e7683'},\n '700': {title: 'Gray 700', hex: '#565d67'},\n '800': {title: 'Gray 800', hex: '#3f434a'},\n '900': {title: 'Gray 900', hex: '#272a2e'},\n '950': {title: 'Gray 950', hex: '#1b1d20'},\n}\n\n/** @internal */\nexport const blue: ColorTints = {\n '50': {title: 'Blue 50', hex: '#e8f1fe'},\n '100': {title: 'Blue 100', hex: '#d2e3fe'},\n '200': {title: 'Blue 200', hex: '#a6c8fd'},\n '300': {title: 'Blue 300', hex: '#7aacfd'},\n '400': {title: 'Blue 400', hex: '#4e91fc'},\n '500': {title: 'Blue 500', hex: '#2276fc'},\n '600': {title: 'Blue 600', hex: '#1e61cd'},\n '700': {title: 'Blue 700', hex: '#1a4d9e'},\n '800': {title: 'Blue 800', hex: '#17396f'},\n '900': {title: 'Blue 900', hex: '#132540'},\n '950': {title: 'Blue 950', hex: '#111b29'},\n}\n\n/** @internal */\nexport const purple: ColorTints = {\n '50': {title: 'Purple 50', hex: '#f8e9fe'},\n '100': {title: 'Purple 100', hex: '#f2d3fe'},\n '200': {title: 'Purple 200', hex: '#e6a7fd'},\n '300': {title: 'Purple 300', hex: '#d97bfd'},\n '400': {title: 'Purple 400', hex: '#cd4efc'},\n '500': {title: 'Purple 500', hex: '#c123fc'},\n '600': {title: 'Purple 600', hex: '#9d1fcd'},\n '700': {title: 'Purple 700', hex: '#7a1b9e'},\n '800': {title: 'Purple 800', hex: '#56186f'},\n '900': {title: 'Purple 900', hex: '#331440'},\n '950': {title: 'Purple 950', hex: '#211229'},\n}\n\n/** @internal */\nexport const magenta: ColorTints = {\n '50': {title: 'Magenta 50', hex: '#fcebf5'},\n '100': {title: 'Magenta 100', hex: '#f9d7eb'},\n '200': {title: 'Magenta 200', hex: '#f4afd8'},\n '300': {title: 'Magenta 300', hex: '#ef87c4'},\n '400': {title: 'Magenta 400', hex: '#ea5fb1'},\n '500': {title: 'Magenta 500', hex: '#e5389e'},\n '600': {title: 'Magenta 600', hex: '#ba3082'},\n '700': {title: 'Magenta 700', hex: '#8f2866'},\n '800': {title: 'Magenta 800', hex: '#65204a'},\n '900': {title: 'Magenta 900', hex: '#3a182d'},\n '950': {title: 'Magenta 950', hex: '#25141f'},\n}\n\n/** @internal */\nexport const red: ColorTints = {\n '50': {title: 'Red 50', hex: '#fdebea'},\n '100': {title: 'Red 100', hex: '#fcd8d5'},\n '200': {title: 'Red 200', hex: '#f9b1ab'},\n '300': {title: 'Red 300', hex: '#f68b82'},\n '400': {title: 'Red 400', hex: '#f36458'},\n '500': {title: 'Red 500', hex: '#f03e2f'},\n '600': {title: 'Red 600', hex: '#c33529'},\n '700': {title: 'Red 700', hex: '#962c23'},\n '800': {title: 'Red 800', hex: '#69231d'},\n '900': {title: 'Red 900', hex: '#3c1a17'},\n '950': {title: 'Red 950', hex: '#261514'},\n}\n\n/** @internal */\nexport const orange: ColorTints = {\n '50': {title: 'Orange 50', hex: '#fef0e6'},\n '100': {title: 'Orange 100', hex: '#fee2ce'},\n '200': {title: 'Orange 200', hex: '#fdc59d'},\n '300': {title: 'Orange 300', hex: '#fca86d'},\n '400': {title: 'Orange 400', hex: '#fb8b3c'},\n '500': {title: 'Orange 500', hex: '#e57322'},\n '600': {title: 'Orange 600', hex: '#ba5f1f'},\n '700': {title: 'Orange 700', hex: '#904b1b'},\n '800': {title: 'Orange 800', hex: '#653818'},\n '900': {title: 'Orange 900', hex: '#3a2415'},\n '950': {title: 'Orange 950', hex: '#251a13'},\n}\n\n/** @internal */\nexport const yellow: ColorTints = {\n '50': {title: 'Yellow 50', hex: '#fef7da'},\n '100': {title: 'Yellow 100', hex: '#fdefb6'},\n '200': {title: 'Yellow 200', hex: '#fcdf6d'},\n '300': {title: 'Yellow 300', hex: '#fbd024'},\n '400': {title: 'Yellow 400', hex: '#d9b421'},\n '500': {title: 'Yellow 500', hex: '#b7991e'},\n '600': {title: 'Yellow 600', hex: '#967e1c'},\n '700': {title: 'Yellow 700', hex: '#746219'},\n '800': {title: 'Yellow 800', hex: '#534717'},\n '900': {title: 'Yellow 900', hex: '#312c14'},\n '950': {title: 'Yellow 950', hex: '#201e13'},\n}\n\n/** @internal */\nexport const green: ColorTints = {\n '50': {title: 'Green 50', hex: '#e7f9ed'},\n '100': {title: 'Green 100', hex: '#d0f4dc'},\n '200': {title: 'Green 200', hex: '#a1eaba'},\n '300': {title: 'Green 300', hex: '#72e097'},\n '400': {title: 'Green 400', hex: '#43d675'},\n '500': {title: 'Green 500', hex: '#3ab564'},\n '600': {title: 'Green 600', hex: '#329454'},\n '700': {title: 'Green 700', hex: '#297343'},\n '800': {title: 'Green 800', hex: '#215233'},\n '900': {title: 'Green 900', hex: '#183122'},\n '950': {title: 'Green 950', hex: '#14211a'},\n}\n\n/** @internal */\nexport const cyan: ColorTints = {\n '50': {title: 'Cyan 50', hex: '#e3fafd'},\n '100': {title: 'Cyan 100', hex: '#c7f5fc'},\n '200': {title: 'Cyan 200', hex: '#90ecf9'},\n '300': {title: 'Cyan 300', hex: '#59e3f6'},\n '400': {title: 'Cyan 400', hex: '#22daf4'},\n '500': {title: 'Cyan 500', hex: '#1fb8ce'},\n '600': {title: 'Cyan 600', hex: '#1c97a8'},\n '700': {title: 'Cyan 700', hex: '#197583'},\n '800': {title: 'Cyan 800', hex: '#16545d'},\n '900': {title: 'Cyan 900', hex: '#133237'},\n '950': {title: 'Cyan 950', hex: '#112124'},\n}\n","import {dropUndefined} from './dropUndefined'\nimport {black, white} from './palette'\nimport {Hues, PartialHues} from './types'\n\nconst lightest = white.hex.toLowerCase()\nconst darkest = black.hex.toLowerCase()\n\n/**\n * The hues of the default Studio theme, matching the `default` preset of the\n * hosted Themer service.\n */\nconst defaultHues: Hues = {\n default: {\n lightest,\n darkest,\n mid: '#8690a0',\n midPoint: 500,\n },\n primary: {\n lightest,\n darkest,\n mid: '#2276fc',\n midPoint: 500,\n },\n transparent: {\n lightest,\n darkest,\n mid: '#8690a0',\n midPoint: 500,\n },\n positive: {\n lightest,\n darkest,\n mid: '#43d675',\n midPoint: 400,\n },\n caution: {\n lightest,\n darkest,\n mid: '#fbd024',\n midPoint: 300,\n },\n critical: {\n lightest,\n darkest,\n mid: '#f03e2f',\n midPoint: 500,\n },\n}\n\n/**\n * Merges partial hues over the defaults, exactly like the hosted Themer\n * service did. When a hue's `mid` color is customized without an explicit\n * `midPoint`, the mid point resets to `500`.\n */\nexport function applyHues(_hues: PartialHues, defaults: Hues = defaultHues): Hues {\n // Filter out undefined values so they don't shadow the defaults when spread\n const hues: PartialHues = {\n default: dropUndefined(_hues.default),\n primary: dropUndefined(_hues.primary),\n transparent: dropUndefined(_hues.transparent),\n positive: dropUndefined(_hues.positive),\n caution: dropUndefined(_hues.caution),\n critical: dropUndefined(_hues.critical),\n }\n\n const defaultMid = hues.default?.mid?.toLowerCase() || defaults.default.mid\n const primaryMid = hues.primary?.mid?.toLowerCase() || defaults.primary.mid\n const transparentMid = hues.transparent?.mid?.toLowerCase() || defaults.transparent.mid\n const positiveMid = hues.positive?.mid?.toLowerCase() || defaults.positive.mid\n const cautionMid = hues.caution?.mid?.toLowerCase() || defaults.caution.mid\n const criticalMid = hues.critical?.mid?.toLowerCase() || defaults.critical.mid\n\n return {\n default: {\n ...defaults.default,\n midPoint: defaultMid === defaults.default.mid ? defaults.default.midPoint : 500,\n ...hues.default,\n mid: defaultMid,\n },\n primary: {\n ...defaults.primary,\n midPoint: primaryMid === defaults.primary.mid ? defaults.primary.midPoint : 500,\n ...hues.primary,\n mid: primaryMid,\n },\n transparent: {\n ...defaults.transparent,\n midPoint: transparentMid === defaults.transparent.mid ? defaults.transparent.midPoint : 500,\n ...hues.transparent,\n mid: transparentMid,\n },\n positive: {\n ...defaults.positive,\n midPoint: positiveMid === defaults.positive.mid ? defaults.positive.midPoint : 500,\n ...hues.positive,\n mid: positiveMid,\n },\n caution: {\n ...defaults.caution,\n midPoint: cautionMid === defaults.caution.mid ? defaults.caution.midPoint : 500,\n ...hues.caution,\n mid: cautionMid,\n },\n critical: {\n ...defaults.critical,\n midPoint: criticalMid === defaults.critical.mid ? defaults.critical.midPoint : 500,\n ...hues.critical,\n mid: criticalMid,\n },\n }\n}\n","import {isColor} from '../lib/mix'\nimport {dropUndefined} from './dropUndefined'\nimport {Hue, HueMidPoint, PartialHues} from './types'\n\nconst HUE_KEYS = ['default', 'primary', 'transparent', 'positive', 'caution', 'critical'] as const\n\nconst VALID_MID_POINTS = new Set([50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950])\n\n/**\n * Parses hues from the query of a hosted Themer service URL, exactly like\n * `https://themer.sanity.build/api/hues` did — including its validation\n * errors.\n */\nexport function parseHuesFromSearchParams(searchParams: URLSearchParams): PartialHues {\n const lightest = searchParams.has('lightest')\n ? assertValidColor(`#${(searchParams.get('lightest') ?? '').toLowerCase()}`)\n : undefined\n const darkest = searchParams.get('darkest')\n ? assertValidColor(`#${(searchParams.get('darkest') ?? '').toLowerCase()}`)\n : undefined\n\n // Filter out undefined values so they don't shadow defaults downstream\n return {\n default: dropUndefined(parseHue('default', searchParams, lightest, darkest)),\n primary: dropUndefined(parseHue('primary', searchParams, lightest, darkest)),\n transparent: dropUndefined(parseHue('transparent', searchParams, lightest, darkest)),\n positive: dropUndefined(parseHue('positive', searchParams, lightest, darkest)),\n caution: dropUndefined(parseHue('caution', searchParams, lightest, darkest)),\n critical: dropUndefined(parseHue('critical', searchParams, lightest, darkest)),\n }\n}\n\nfunction parseHue(\n key: (typeof HUE_KEYS)[number],\n searchParams: URLSearchParams,\n defaultLightest: string | undefined,\n defaultDarkest: string | undefined,\n): Partial<Hue> {\n if (!searchParams.has(key)) {\n return {lightest: defaultLightest, darkest: defaultDarkest}\n }\n const input = (searchParams.get(key) ?? '').toLowerCase()\n\n let mid: string | undefined\n let midPoint: HueMidPoint | undefined\n let lightest: string | undefined\n let darkest: string | undefined\n // format: color;midPoint;lightest:color;darkest:color\n const params = input.split(';')\n if (params.length > 4) {\n throw new TypeError(\n `Invalid number of params for the ${key} hue, it should be 4 or less instead it's ${\n params.length\n }: ${JSON.stringify(params)}`,\n )\n }\n for (const param of params) {\n const maybeMid = `#${param}`\n const maybeMidPoint = roundMidPoint(Number(param))\n\n switch (true) {\n case param === '':\n break\n case isColor(maybeMid) && !mid:\n mid = maybeMid\n break\n case !Number.isNaN(maybeMidPoint) && !midPoint:\n midPoint = assertValidMidPoint(maybeMidPoint)\n break\n case param.startsWith('lightest:') && !lightest:\n lightest = assertValidColor(`#${param.replace(/^lightest:/, '')}`)\n break\n case param.startsWith('darkest:') && !darkest:\n darkest = assertValidColor(`#${param.replace(/^darkest:/, '')}`)\n break\n // Surface duplicates\n case isColor(maybeMid):\n throwDuplicate(key, mid?.replace(/^#/, ''), param, input)\n break\n case !Number.isNaN(maybeMidPoint):\n throwDuplicate(key, midPoint, maybeMidPoint, input)\n break\n case param.startsWith('lightest:'):\n throwDuplicate(key, lightest?.replace(/^#/, 'lightest:'), param, input)\n break\n case param.startsWith('darkest:'):\n throwDuplicate(key, darkest?.replace(/^#/, 'darkest:'), param, input)\n break\n default:\n // If the parser can't make sense of it we throw to surface that something is wrong with the input\n throw new TypeError(`Invalid param for the ${key} hue: ${param}`)\n }\n }\n\n return {\n mid,\n midPoint,\n lightest: lightest ?? defaultLightest,\n darkest: darkest ?? defaultDarkest,\n }\n}\n\nfunction roundMidPoint(value: number): number {\n if (value < 75) {\n return 50\n }\n if (value > 925) {\n return 950\n }\n\n return Math.round(value / 100) * 100\n}\n\nfunction throwDuplicate(key: string, a: unknown, b: unknown, input: string): never {\n throw new TypeError(\n `Duplicate params detected. Remove at least ${\n a === b\n ? `one of the ${JSON.stringify(String(a))}`\n : `${JSON.stringify(String(a))} or ${JSON.stringify(String(b))}`\n } from the ${key} hue: ${JSON.stringify(input)}`,\n )\n}\n\nfunction assertValidColor(input: string): string {\n if (isColor(input)) {\n return input\n }\n throw new TypeError(`Invalid color: ${input}`)\n}\n\nfunction assertValidMidPoint(input: number): HueMidPoint {\n if (isMidPoint(input)) {\n return input\n }\n throw new TypeError(`Invalid midPoint: ${input}`)\n}\n\nfunction isMidPoint(input: number): input is HueMidPoint {\n return VALID_MID_POINTS.has(input)\n}\n","import {applyHues} from './applyHues'\nimport {parseHuesFromSearchParams} from './parseHuesFromSearchParams'\nimport {ThemePreset} from './types'\n\nfunction definePreset(slug: string, title: string, searchParams: string): ThemePreset {\n return {\n slug,\n title,\n searchParams,\n hues: applyHues(parseHuesFromSearchParams(new URLSearchParams(searchParams))),\n }\n}\n\nconst defaultPreset = definePreset(\n 'default',\n 'Studio v3',\n 'lightest=fff&darkest=101112&default=8690a0;500&primary=2276fc;500&transparent=8690a0;500&positive=43d675;400&caution=fbd024;300&critical=f03e2f;500',\n)\n\n/**\n * The preset themes of the hosted Themer service (themer.sanity.build), with\n * the same slugs and hues:\n *\n * ```ts\n * import {createTheme, getPreset} from '@sanity/themer/legacy'\n *\n * const theme = createTheme(getPreset('verdant').hues)\n * ```\n *\n * @public\n */\nexport const presets: ThemePreset[] = [\n defaultPreset,\n definePreset(\n 'dew',\n 'Dew',\n 'default=5e63b4;600;lightest:fcfcfd;darkest:0d0d15&primary=d1a308;400;lightest:fcfcfd;darkest:0d0d15&transparent=6c6fa7;500;lightest:fcfcfd;darkest:0d0d15&positive=43D675;300;lightest:fcfcfd;darkest:0d0d15&caution=fb9f24;400;lightest:fcfcfd;darkest:0d0d15&critical=F03E2F;500;lightest:fcfcfd;darkest:0d0d15',\n ),\n definePreset(\n 'pink-synth',\n 'Pink Synth',\n 'lightest=f7f2f5&darkest=171721&default=8b6584&primary=ec4899&transparent=503a4c&positive=10b981&caution=fde047;300&critical=fe3459',\n ),\n definePreset(\n 'pixel-art',\n 'Pixel Art',\n 'default=57619c;600&primary=f10784&transparent=5b6498;600&positive=43d675;300&caution=fbd024;200&lightest=fcfcfd&darkest=0d0e15',\n ),\n definePreset(\n 'retro-colonial',\n 'Retro Colonial',\n 'default=8bb9b5;400&primary=fa7a78;400&transparent=8bb9b5;400&positive=43d675;300&caution=fbd024;200&critical=f02f53&lightest=fcfdfd&darkest=0d1515',\n ),\n definePreset(\n 'rosabel',\n 'Rosabel',\n 'default=9d8966&primary=ed2555;700&transparent=9d8966&positive=43d675;300&caution=fbd024;200&lightest=fdfdfc&darkest=15120d',\n ),\n definePreset(\n 'stereofidelic',\n 'Stereofidelic',\n 'default=678e9a&primary=f13009&transparent=678e9a&positive=43d675;300&caution=fbd024;200&critical=f02f35&lightest=fcfdfd&darkest=0e1315',\n ),\n definePreset(\n 'tw-cyan',\n 'Tailwind Cyan',\n 'default=677389;500;lightest:f9fafb;darkest:101728&primary=51b4d0;500;lightest:effefe;darkest:264d61&transparent=6b727f;500;lightest:f8fafb;darkest:131826&positive=55b785;500;lightest:eefdf5;darkest:214d3b&caution=e2b53e;500;lightest:fefbea;darkest:69411b&critical=e14f62;500;lightest:fdf2f2;darkest:7d2037',\n ),\n definePreset(\n 'verdant',\n 'Verdant',\n 'default=5c9199;500;lightest:fcfdfd;darkest:0d1415&primary=1cb485;400;lightest:fcfdfd;darkest:0d1415&transparent=5c9199;500;lightest:fcfdfd;darkest:0d1415&positive=43D675;300;lightest:fcfdfd;darkest:0d1415&caution=FBD024;200;lightest:fcfdfd;darkest:0d1415&critical=F03E2F;500;lightest:fcfdfd;darkest:0d1415',\n ),\n]\n\n/**\n * Finds a preset by its slug, falling back to the default Studio preset for\n * unknown slugs — the same behavior as the hosted Themer service.\n *\n * @public\n */\nexport function getPreset(slug: string | null | undefined): ThemePreset {\n const needle = slug?.toLowerCase()\n const match = presets.find((preset) => preset.slug === needle)\n if (match) return match\n return defaultPreset\n}\n","import {COLOR_TINTS, ColorTints} from '@sanity/color'\n\nimport {mix} from '../lib/mix'\nimport {Hue, Hues} from './types'\n\n/**\n * Generates the tint ramp for each of the six hues, exactly like the hosted\n * Themer service did.\n */\nexport function createTonesFromHues(hues: Hues): {\n default: ColorTints\n primary: ColorTints\n transparent: ColorTints\n positive: ColorTints\n caution: ColorTints\n critical: ColorTints\n} {\n return {\n default: createTintsFromHue(hues.default, 'Default'),\n primary: createTintsFromHue(hues.primary, 'Primary'),\n transparent: createTintsFromHue(hues.transparent, 'Transparent'),\n positive: createTintsFromHue(hues.positive, 'Positive'),\n caution: createTintsFromHue(hues.caution, 'Caution'),\n critical: createTintsFromHue(hues.critical, 'Critical'),\n }\n}\n\nfunction createTintsFromHue(hue: Hue, title: string): ColorTints {\n // oxlint-disable-next-line typescript/no-unsafe-type-assertion -- the reduce assigns every COLOR_TINTS key, so the Partial is complete\n return COLOR_TINTS.reduce<Partial<ColorTints>>((tints, tint) => {\n tints[tint] = {\n title: `${title} ${tint}`,\n hex: getColorHex(hue, tint),\n }\n\n return tints\n }, {}) as ColorTints\n}\n\nfunction getColorHex(hue: Hue, tint: string): string {\n const tintNum = Number(tint)\n const midPoint = hue.midPoint\n const darkSize = 1000 - midPoint\n const lightPosition = tintNum / midPoint\n const darkPosition = (tintNum - midPoint) / darkSize\n\n if (tintNum === midPoint) {\n return hue.mid.toLowerCase()\n }\n\n // light side of scale: x < midPoint\n if (tintNum < midPoint) {\n return mix(lightPosition, hue.mid, hue.lightest)\n }\n\n // dark side of scale: x > midPoint\n return mix(darkPosition, hue.darkest, hue.mid)\n}\n","import {ColorTints} from '@sanity/color'\nimport {\n buildTheme,\n createColorTheme,\n multiply as multiplyRgb,\n parseColor,\n rgba,\n rgbToHex,\n screen as screenRgb,\n} from '@sanity/ui/theme'\n\nimport {applyHues} from './applyHues'\nimport {createTonesFromHues} from './createTonesFromHues'\nimport {blue, cyan, gray, green, magenta, orange, purple, red, yellow} from './palette'\nimport {LegacyTheme, PartialHues} from './types'\n\nconst NEUTRAL_TONES: ReadonlySet<string> = new Set(['default', 'transparent'])\n\n/** The static tints used for spot colors, syntax highlighting and input states */\nconst SPOT_TINTS: Record<string, ColorTints> = {\n blue,\n cyan,\n gray,\n green,\n magenta,\n orange,\n purple,\n red,\n yellow,\n}\n\nfunction getTint(key: string): ColorTints {\n const tints = SPOT_TINTS[key]\n\n if (!tints) {\n throw new Error(`Unknown tint: ${key}`)\n }\n\n return tints\n}\n\nconst studioTheme = buildTheme()\n\n/**\n * Generates a Studio theme from hues, producing the exact same colors as the\n * hosted Themer service (themer.sanity.build). This is a port of its\n * `themeFromHues` implementation:\n * https://github.com/sanity-io/themer/blob/main/apps/v1/utils/themeFromHues.ts\n */\nexport function themeFromHues(partialHues: PartialHues): LegacyTheme {\n function multiply(bg: string, fg: string): string {\n return rgbToHex(multiplyRgb(parseColor(bg), parseColor(fg)))\n }\n function screen(bg: string, fg: string): string {\n return rgbToHex(screenRgb(parseColor(bg), parseColor(fg)))\n }\n\n const hues = applyHues(partialHues)\n // These variables are made top-level to keep the body of createColorTheme largely the same.\n // This makes it much easier to sync it with new releases of @sanity/ui should its implementation details change.\n const black = {title: 'Black', hex: hues.default.darkest}\n const white = {title: 'white', hex: hues.default.lightest}\n\n const tones = createTonesFromHues(hues)\n const focusRingHue = tones.primary\n const accentHue = tones.critical\n const linkHue = tones.primary\n\n // Generate colors :OOO\n // Based on the studio color theme of @sanity/ui at the time the hosted\n // Themer service was built\n // oxlint-disable-next-line no-deprecated\n const color = createColorTheme({\n base: ({dark, name}) => {\n if (name === 'default') {\n const skeletonFrom = dark ? tones.transparent[900].hex : tones.transparent[100].hex\n\n return {\n fg: dark ? white.hex : black.hex,\n bg: dark ? black.hex : white.hex,\n border: tones.transparent[dark ? 800 : 200].hex,\n focusRing: focusRingHue[500].hex,\n shadow: {\n outline: rgba(tones.transparent[500].hex, 0.4),\n umbra: rgba(dark ? black.hex : tones.transparent[500].hex, 0.2),\n penumbra: rgba(dark ? black.hex : tones.transparent[500].hex, 0.14),\n ambient: rgba(dark ? black.hex : tones.transparent[500].hex, 0.12),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (name === 'transparent') {\n const tints = tones.default\n const skeletonFrom = tints[dark ? 800 : 200].hex\n\n return {\n fg: tints[dark ? 100 : 900].hex,\n bg: tints[dark ? 950 : 50].hex,\n border: tints[dark ? 800 : 300].hex,\n focusRing: focusRingHue[500].hex,\n shadow: {\n outline: rgba(tints[500].hex, dark ? 0.2 : 0.4),\n umbra: rgba(dark ? black.hex : tints[500].hex, 0.2),\n penumbra: rgba(dark ? black.hex : tints[500].hex, 0.14),\n ambient: rgba(dark ? black.hex : tints[500].hex, 0.12),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n const tints = tones[name] || tones.default\n const skeletonFrom = tints[dark ? 800 : 200].hex\n\n return {\n fg: tints[dark ? 100 : 900].hex,\n bg: tints[dark ? 950 : 50].hex,\n border: tints[dark ? 800 : 200].hex,\n focusRing: tints[500].hex,\n shadow: {\n outline: rgba(tints[500].hex, dark ? 0.2 : 0.4),\n umbra: rgba(dark ? black.hex : tints[500].hex, 0.2),\n penumbra: rgba(dark ? black.hex : tints[500].hex, 0.14),\n ambient: rgba(dark ? black.hex : tints[500].hex, 0.12),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n solid: ({base, dark, name, state, tone}) => {\n const mix = dark ? screen : multiply\n const mix2 = dark ? multiply : screen\n const defaultTints = tones[name] || tones.default\n const isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone)\n\n let tints = tones[tone === 'default' ? name : tone] || defaultTints\n\n if (state === 'disabled') {\n tints = defaultTints\n const bg = mix(base.bg, tints[dark ? 800 : 200].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 800 : 200].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n accent: {\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n link: {\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n code: {\n bg,\n fg: mix(base.bg, tints[dark ? 950 : 50].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'hovered') {\n const bg = mix(base.bg, tints[dark ? 300 : 600].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 300 : 600].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 800 : 200].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 800 : 200].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'pressed') {\n const bg = mix(base.bg, tints[dark ? 200 : 800].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg: mix(base.bg, tints[dark ? 200 : 800].hex),\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 200 : 800].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 800 : 200].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 800 : 200].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'selected') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 200 : 800].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 200 : 800].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 800 : 200].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 800 : 200].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 800 : 200].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n // state: \"enabled\" | unknown\n const bg = mix(base.bg, tints[dark ? 400 : 500].hex)\n const skeletonFrom = mix2(bg, tints[dark ? 200 : 800].hex)\n\n return {\n bg,\n bg2: mix2(bg, tints[dark ? 50 : 950].hex),\n border: mix(base.bg, tints[dark ? 400 : 500].hex),\n fg: mix(base.bg, dark ? black.hex : white.hex),\n icon: mix(base.bg, dark ? black.hex : white.hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 900 : 100].hex),\n },\n accent: {\n fg: mix2(bg, accentHue[dark ? 900 : 100].hex),\n },\n link: {\n fg: mix2(bg, linkHue[dark ? 900 : 100].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 900 : 100].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n muted: ({base, dark, name, state, tone}) => {\n const mix = dark ? screen : multiply\n const defaultTints = tones[name] || tones.default\n const isNeutral = NEUTRAL_TONES.has(name) && NEUTRAL_TONES.has(tone)\n\n let tints = tones[tone === 'default' ? name : tone] || defaultTints\n\n if (state === 'disabled') {\n tints = defaultTints\n\n const bg = base.bg\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(bg, tints[dark ? 800 : 200].hex),\n icon: mix(bg, tints[dark ? 800 : 200].hex),\n muted: {\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n accent: {\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n link: {\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n code: {\n bg,\n fg: mix(bg, tints[dark ? 900 : 100].hex),\n },\n skeleton: {\n from: rgba(skeletonFrom, 0.5),\n to: rgba(skeletonFrom, 0.25),\n },\n }\n }\n\n if (state === 'hovered') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 950 : 50].hex)\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 200 : 800].hex),\n icon: mix(base.bg, tints[dark ? 200 : 800].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(base.bg, linkHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(base.bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'pressed') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 900 : 100].hex)\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 200 : 800].hex),\n icon: mix(base.bg, tints[dark ? 200 : 800].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(bg, accentHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n if (state === 'selected') {\n if (isNeutral) {\n tints = tones.primary\n }\n\n const bg = mix(base.bg, tints[dark ? 900 : 100].hex)\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 200 : 800].hex),\n icon: mix(base.bg, tints[dark ? 200 : 800].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(bg, accentHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n }\n\n const bg = base.bg\n const skeletonFrom = mix(bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n border: mix(bg, tints[dark ? 900 : 100].hex),\n fg: mix(base.bg, tints[dark ? 300 : 700].hex),\n icon: mix(base.bg, tints[dark ? 300 : 700].hex),\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(base.bg, accentHue[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(base.bg, linkHue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(base.bg, tints[dark ? 950 : 50].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n button: ({base, mode, muted, solid}) => {\n if (mode === 'bleed') {\n return {\n enabled: {\n ...muted.enabled,\n border: muted.enabled.bg,\n },\n hovered: {\n ...muted.hovered,\n border: muted.hovered.bg,\n },\n pressed: {\n ...muted.pressed,\n border: muted.pressed.bg,\n },\n selected: {\n ...muted.selected,\n border: muted.selected.bg,\n },\n disabled: {\n ...muted.disabled,\n border: muted.disabled.bg,\n },\n }\n }\n\n if (mode === 'ghost') {\n return {\n ...solid,\n enabled: {\n ...muted.enabled,\n border: base.border,\n },\n disabled: muted.disabled,\n }\n }\n\n return solid\n },\n\n card: ({base, dark, muted, name, solid, state}) => {\n if (state === 'hovered') {\n return muted[name].hovered\n }\n\n if (state === 'disabled') {\n return muted[name].disabled\n }\n\n const isNeutral = NEUTRAL_TONES.has(name)\n const tints = tones[name] || tones.default\n const mix = dark ? screen : multiply\n\n if (state === 'pressed') {\n if (isNeutral) {\n return muted.primary.pressed\n }\n\n return muted[name].pressed\n }\n\n if (state === 'selected') {\n if (isNeutral) {\n return solid.primary.enabled\n }\n\n return solid[name].enabled\n }\n\n const bg = base.bg\n const skeletonFrom = mix(base.bg, tints[dark ? 900 : 100].hex)\n\n return {\n bg,\n bg2: mix(bg, tints[dark ? 950 : 50].hex),\n fg: base.fg,\n icon: base.fg,\n border: base.border,\n muted: {\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n },\n accent: {\n fg: mix(base.bg, red[dark ? 400 : 500].hex),\n },\n link: {\n fg: mix(base.bg, blue[dark ? 400 : 600].hex),\n },\n code: {\n bg: mix(base.bg, tints[dark ? 950 : 50].hex),\n fg: tints[dark ? 400 : 600].hex,\n },\n skeleton: {\n from: skeletonFrom,\n to: rgba(skeletonFrom, 0.5),\n },\n }\n },\n\n input: ({base, dark, mode, state}) => {\n const mix = dark ? screen : multiply\n\n if (mode === 'invalid') {\n const tints = tones.critical\n\n return {\n bg: mix(base.bg, tints[dark ? 950 : 50].hex),\n bg2: mix(base.bg, tints[dark ? 800 : 200].hex),\n fg: mix(base.bg, tints[dark ? 400 : 600].hex),\n border: mix(base.bg, tints[dark ? 800 : 200].hex),\n placeholder: mix(base.bg, tints[dark ? 600 : 400].hex),\n }\n }\n\n if (state === 'hovered') {\n return {\n bg: base.bg,\n bg2: mix(base.bg, gray[dark ? 700 : 300].hex),\n fg: base.fg,\n border: mix(base.bg, gray[dark ? 700 : 300].hex),\n placeholder: mix(base.bg, gray[dark ? 600 : 400].hex),\n }\n }\n\n if (state === 'disabled') {\n return {\n bg: mix(base.bg, gray[dark ? 950 : 50].hex),\n bg2: mix(base.bg, gray[dark ? 900 : 100].hex),\n fg: mix(base.bg, gray[dark ? 700 : 300].hex),\n border: mix(base.bg, gray[dark ? 900 : 100].hex),\n placeholder: mix(base.bg, gray[dark ? 800 : 200].hex),\n }\n }\n\n if (state === 'readOnly') {\n return {\n bg: mix(base.bg, gray[dark ? 950 : 50].hex),\n bg2: mix(base.bg, gray[dark ? 800 : 200].hex),\n fg: mix(base.bg, gray[dark ? 200 : 800].hex),\n border: mix(base.bg, gray[dark ? 800 : 200].hex),\n placeholder: mix(base.bg, gray[dark ? 600 : 400].hex),\n }\n }\n\n return {\n bg: base.bg,\n bg2: base.border,\n fg: base.fg,\n border: base.border,\n placeholder: mix(base.bg, gray[dark ? 600 : 400].hex),\n }\n },\n\n selectable: ({base, muted, tone, solid, state}) => {\n if (state === 'enabled') {\n return {\n ...muted[tone].enabled,\n bg: base.bg,\n }\n }\n\n if (state === 'pressed') {\n if (tone === 'default') {\n return muted.primary.pressed\n }\n\n return muted[tone].pressed\n }\n\n if (state === 'selected') {\n if (tone === 'default') {\n return solid.primary.enabled\n }\n\n return solid[tone].enabled\n }\n\n if (state === 'disabled') {\n return {\n ...muted[tone].disabled,\n bg: base.bg,\n }\n }\n\n return muted[tone][state]\n },\n\n spot: ({base, dark, key}) => {\n const mix = dark ? screen : multiply\n\n return mix(base.bg, getTint(key)[dark ? 400 : 500].hex)\n },\n\n syntax: ({base, dark}) => {\n const mix = dark ? screen : multiply\n const mainShade = dark ? 400 : 600\n const secondaryShade = dark ? 600 : 400\n\n return {\n atrule: mix(base.bg, purple[mainShade].hex),\n attrName: mix(base.bg, green[mainShade].hex),\n attrValue: mix(base.bg, yellow[mainShade].hex),\n attribute: mix(base.bg, yellow[mainShade].hex),\n boolean: mix(base.bg, purple[mainShade].hex),\n builtin: mix(base.bg, purple[mainShade].hex),\n cdata: mix(base.bg, yellow[mainShade].hex),\n char: mix(base.bg, yellow[mainShade].hex),\n class: mix(base.bg, orange[mainShade].hex),\n className: mix(base.bg, cyan[mainShade].hex),\n comment: mix(base.bg, gray[secondaryShade].hex),\n constant: mix(base.bg, purple[mainShade].hex),\n deleted: mix(base.bg, red[mainShade].hex),\n doctype: mix(base.bg, gray[secondaryShade].hex),\n entity: mix(base.bg, red[mainShade].hex),\n function: mix(base.bg, green[mainShade].hex),\n hexcode: mix(base.bg, blue[mainShade].hex),\n id: mix(base.bg, purple[mainShade].hex),\n important: mix(base.bg, purple[mainShade].hex),\n inserted: mix(base.bg, yellow[mainShade].hex),\n keyword: mix(base.bg, magenta[mainShade].hex),\n number: mix(base.bg, purple[mainShade].hex),\n operator: mix(base.bg, magenta[mainShade].hex),\n prolog: mix(base.bg, gray[secondaryShade].hex),\n property: mix(base.bg, blue[mainShade].hex),\n pseudoClass: mix(base.bg, yellow[mainShade].hex),\n pseudoElement: mix(base.bg, yellow[mainShade].hex),\n punctuation: mix(base.bg, gray[mainShade].hex),\n regex: mix(base.bg, blue[mainShade].hex),\n selector: mix(base.bg, red[mainShade].hex),\n string: mix(base.bg, yellow[mainShade].hex),\n symbol: mix(base.bg, purple[mainShade].hex),\n tag: mix(base.bg, red[mainShade].hex),\n unit: mix(base.bg, orange[mainShade].hex),\n url: mix(base.bg, red[mainShade].hex),\n variable: mix(base.bg, red[mainShade].hex),\n }\n },\n })\n\n // oxlint-disable-next-line no-deprecated -- the legacy API intentionally targets the deprecated v0 color property, like the hosted service did\n return {...studioTheme, color, __themer: true, v2: undefined}\n}\n","import {applyHues} from './applyHues'\nimport {parseHuesFromSearchParams} from './parseHuesFromSearchParams'\nimport {getPreset} from './presets'\nimport {themeFromHues} from './themeFromHues'\nimport {Hues, LegacyTheme, PartialHues} from './types'\n\n/**\n * Generates a Studio theme from hues, producing the same colors as importing\n * the theme from the hosted Themer service (themer.sanity.build):\n *\n * ```ts\n * import {createTheme, hues} from '@sanity/themer/legacy'\n * import {defineConfig} from 'sanity'\n *\n * export default defineConfig({\n * theme: createTheme({...hues, primary: {...hues.primary, mid: '#22fca8'}}),\n * // ...rest of the config\n * })\n * ```\n *\n * @public\n */\nexport function createTheme(hues: PartialHues = {}): LegacyTheme {\n return themeFromHues(hues)\n}\n\n/**\n * Parses the hues encoded in a hosted Themer service URL, returning the exact\n * hues that `https://themer.sanity.build/api/hues` served for that query —\n * presets and overrides included.\n *\n * ```ts\n * import {createTheme, parseHuesFromUrl} from '@sanity/themer/legacy'\n *\n * const hues = parseHuesFromUrl(\n * 'https://themer.sanity.build/api/hues?preset=verdant&primary=22fca8',\n * )\n * const theme = createTheme(hues)\n * ```\n *\n * @public\n */\nexport function parseHuesFromUrl(url: string | URL): Hues {\n const {searchParams} = new URL(url, 'https://themer.sanity.build/api/hues')\n const preset = getPreset(searchParams.get('preset'))\n\n return applyHues(parseHuesFromSearchParams(searchParams), preset.hues)\n}\n\n/**\n * The one-line replacement for a theme imported from the hosted Themer\n * service — pass the URL that used to be imported:\n *\n * ```ts\n * // Before:\n * // import {theme} from 'https://themer.sanity.build/api/hues?preset=verdant'\n *\n * // After:\n * import {createThemeFromUrl} from '@sanity/themer/legacy'\n *\n * const theme = createThemeFromUrl(\n * 'https://themer.sanity.build/api/hues?preset=verdant',\n * )\n * ```\n *\n * @public\n */\nexport function createThemeFromUrl(url: string | URL): LegacyTheme {\n return createTheme(parseHuesFromUrl(url))\n}\n","import {applyHues} from './applyHues'\nimport {createTheme} from './createTheme'\nimport {Hues, LegacyTheme} from './types'\n\n/**\n * The hues of the default Studio theme — the same `hues` export that\n * `https://themer.sanity.build/api/hues` served without any parameters.\n *\n * @public\n */\nexport const hues: Hues = applyHues({})\n\n/**\n * The default Studio theme — the same `theme` export that\n * `https://themer.sanity.build/api/hues` served without any parameters.\n *\n * @public\n */\nexport const theme: LegacyTheme = createTheme(hues)\n"],"mappings":"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"}
package/dist/tool.cjs ADDED
@@ -0,0 +1,407 @@
1
+ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
2
+ const require_mix = require("./_chunks/mix.cjs"), require_presets = require("./_chunks/presets.cjs");
3
+ let _sanity_color = require("@sanity/color"), sanity = require("sanity"), _sanity_ui = require("@sanity/ui"), react = require("react"), _sanity_icons_Clipboard = require("@sanity/icons/Clipboard"), _sanity_icons_Close = require("@sanity/icons/Close"), _sanity_icons_Reset = require("@sanity/icons/Reset"), react_jsx_runtime = require("react/jsx-runtime"), _sanity_icons_ColorWheel = require("@sanity/icons/ColorWheel");
4
+ /** @internal */
5
+ const ThemerContext = (0, react.createContext)(null);
6
+ /** @internal */
7
+ function useThemer() {
8
+ let context = (0, react.useContext)(ThemerContext);
9
+ if (!context) throw Error("useThemer must be used within the `themerTool` plugin");
10
+ return context;
11
+ }
12
+ /** @internal */
13
+ const THEMER_FIELDS = [
14
+ {
15
+ key: "primary",
16
+ title: "Primary",
17
+ description: "Buttons, focus rings and links",
18
+ defaultValue: _sanity_color.color.blue[500].hex
19
+ },
20
+ {
21
+ key: "gray",
22
+ title: "Gray",
23
+ description: "Neutral surfaces, borders and text",
24
+ defaultValue: _sanity_color.color.gray[500].hex
25
+ },
26
+ {
27
+ key: "positive",
28
+ title: "Positive",
29
+ description: "Success accents",
30
+ defaultValue: _sanity_color.color.green[500].hex
31
+ },
32
+ {
33
+ key: "caution",
34
+ title: "Caution",
35
+ description: "Warning accents",
36
+ defaultValue: _sanity_color.color.yellow[500].hex
37
+ },
38
+ {
39
+ key: "critical",
40
+ title: "Critical",
41
+ description: "Errors and destructive actions",
42
+ defaultValue: _sanity_color.color.red[500].hex
43
+ },
44
+ {
45
+ key: "lightest",
46
+ title: "Lightest",
47
+ description: "Light mode background",
48
+ defaultValue: _sanity_color.color.white.hex
49
+ },
50
+ {
51
+ key: "darkest",
52
+ title: "Darkest",
53
+ description: "Dark mode background",
54
+ defaultValue: _sanity_color.color.black.hex
55
+ }
56
+ ];
57
+ /**
58
+ * Serializes colors into the `createTheme` call to paste into
59
+ * `sanity.config.ts`.
60
+ *
61
+ * @internal
62
+ */
63
+ function createThemeSnippet(colors) {
64
+ let entries = THEMER_FIELDS.filter(({ key }) => colors[key]).map(({ key }) => ` ${key}: '${colors[key]}',`);
65
+ return `import {createTheme} from '@sanity/themer'\n\nexport const theme = ${entries.length === 0 ? "createTheme()" : `createTheme({\n${entries.join("\n")}\n})`}\n`;
66
+ }
67
+ const swatchStyle = {
68
+ width: 33,
69
+ height: 33,
70
+ padding: 0,
71
+ border: "1px solid var(--card-border-color)",
72
+ borderRadius: 6,
73
+ background: "transparent",
74
+ cursor: "pointer",
75
+ flex: "none"
76
+ };
77
+ function sameColors(a, b) {
78
+ return THEMER_FIELDS.every(({ key }) => (a[key]?.toLowerCase() ?? void 0) === (b[key]?.toLowerCase() ?? void 0));
79
+ }
80
+ /** Expands `#abc` to `#aabbcc`, which is the only format `<input type="color">` accepts */
81
+ function expandHex(hex) {
82
+ return hex.length === 4 ? `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}` : hex;
83
+ }
84
+ /**
85
+ * The themer sidebar: a preset picker and a handful of color pickers that
86
+ * generate the previewed theme, plus the `createTheme` snippet to make it
87
+ * permanent.
88
+ *
89
+ * @internal
90
+ */
91
+ function ThemerSidebar() {
92
+ let { baseColors, colors, setColors, setOpen } = useThemer(), toast = (0, _sanity_ui.useToast)(), active = colors ?? baseColors, activePresetSlug = require_presets.t.find((preset) => sameColors(preset.colors, active))?.slug ?? "", snippet = createThemeSnippet(active), handleFieldChange = (key, value) => {
93
+ let next = { ...active };
94
+ value === void 0 ? delete next[key] : next[key] = value, setColors(next);
95
+ }, handlePresetChange = (slug) => {
96
+ let preset = require_presets.t.find((candidate) => candidate.slug === slug);
97
+ preset && setColors({ ...preset.colors });
98
+ }, handleCopy = async () => {
99
+ try {
100
+ await navigator.clipboard.writeText(snippet), toast.push({
101
+ status: "success",
102
+ title: "Copied theme to the clipboard"
103
+ });
104
+ } catch {
105
+ toast.push({
106
+ status: "error",
107
+ title: "Could not copy the theme"
108
+ });
109
+ }
110
+ };
111
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Card, {
112
+ height: "fill",
113
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Flex, {
114
+ direction: "column",
115
+ height: "fill",
116
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Card, {
117
+ borderBottom: !0,
118
+ padding: 3,
119
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Flex, {
120
+ align: "center",
121
+ gap: 2,
122
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Box, {
123
+ flex: 1,
124
+ paddingLeft: 1,
125
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Text, {
126
+ size: 1,
127
+ weight: "semibold",
128
+ children: "Themer"
129
+ })
130
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Button, {
131
+ icon: _sanity_icons_Close.CloseIcon,
132
+ mode: "bleed",
133
+ onClick: () => setOpen(!1),
134
+ padding: 2,
135
+ title: "Close themer"
136
+ })]
137
+ })
138
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Box, {
139
+ flex: 1,
140
+ overflow: "auto",
141
+ padding: 4,
142
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Stack, {
143
+ gap: 5,
144
+ children: [
145
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Stack, {
146
+ gap: 3,
147
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Text, {
148
+ size: 1,
149
+ weight: "medium",
150
+ children: "Preset"
151
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Select, {
152
+ onChange: (event) => handlePresetChange(event.currentTarget.value),
153
+ value: activePresetSlug,
154
+ children: [activePresetSlug === "" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
155
+ value: "",
156
+ children: "Custom"
157
+ }), require_presets.t.map((preset) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("option", {
158
+ value: preset.slug,
159
+ children: preset.title
160
+ }, preset.slug))]
161
+ })]
162
+ }),
163
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Stack, {
164
+ gap: 4,
165
+ children: THEMER_FIELDS.map((field) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ColorField, {
166
+ field,
167
+ onChange: handleFieldChange,
168
+ value: active[field.key]
169
+ }, field.key))
170
+ }),
171
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Stack, {
172
+ gap: 3,
173
+ children: [
174
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Text, {
175
+ size: 1,
176
+ weight: "medium",
177
+ children: "Add to your config"
178
+ }),
179
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Card, {
180
+ border: !0,
181
+ overflow: "auto",
182
+ padding: 3,
183
+ radius: 2,
184
+ tone: "transparent",
185
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Code, {
186
+ language: "ts",
187
+ size: 0,
188
+ children: snippet
189
+ })
190
+ }),
191
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Flex, {
192
+ gap: 2,
193
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Button, {
194
+ icon: _sanity_icons_Clipboard.ClipboardIcon,
195
+ mode: "ghost",
196
+ onClick: () => void handleCopy(),
197
+ text: "Copy"
198
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Button, {
199
+ disabled: colors === null,
200
+ icon: _sanity_icons_Reset.ResetIcon,
201
+ mode: "ghost",
202
+ onClick: () => setColors(null),
203
+ text: "Reset",
204
+ tone: "critical"
205
+ })]
206
+ })
207
+ ]
208
+ })
209
+ ]
210
+ })
211
+ })]
212
+ })
213
+ });
214
+ }
215
+ function ColorField(props) {
216
+ let { field, value, onChange } = props;
217
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Flex, {
218
+ align: "center",
219
+ gap: 3,
220
+ children: [
221
+ /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Stack, {
222
+ flex: 1,
223
+ gap: 2,
224
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Text, {
225
+ size: 1,
226
+ weight: "medium",
227
+ children: field.title
228
+ }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Text, {
229
+ muted: !0,
230
+ size: 0,
231
+ children: value ?? field.description
232
+ })]
233
+ }),
234
+ value !== void 0 && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Button, {
235
+ icon: _sanity_icons_Close.CloseIcon,
236
+ mode: "bleed",
237
+ onClick: () => onChange(field.key, void 0),
238
+ padding: 2,
239
+ title: `Reset ${field.title}`
240
+ }),
241
+ /* @__PURE__ */ (0, react_jsx_runtime.jsx)("input", {
242
+ "aria-label": `${field.title} color`,
243
+ onChange: (event) => onChange(field.key, event.currentTarget.value),
244
+ style: swatchStyle,
245
+ type: "color",
246
+ value: expandHex(value ?? field.defaultValue)
247
+ })
248
+ ]
249
+ });
250
+ }
251
+ const sidebarStyle = {
252
+ width: 360,
253
+ flex: "none",
254
+ borderLeft: "1px solid var(--card-border-color)",
255
+ boxSizing: "border-box",
256
+ overflow: "hidden"
257
+ };
258
+ /**
259
+ * Renders the themer sidebar next to the active tool, so the user can browse
260
+ * around their own studio while tweaking the theme.
261
+ *
262
+ * @internal
263
+ */
264
+ function ThemerActiveToolLayout(props) {
265
+ let { open } = useThemer();
266
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_sanity_ui.Flex, {
267
+ height: "fill",
268
+ sizing: "border",
269
+ children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Box, {
270
+ flex: 1,
271
+ height: "fill",
272
+ overflow: "auto",
273
+ children: props.renderDefault(props)
274
+ }), open && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.Layer, {
275
+ height: "fill",
276
+ style: sidebarStyle,
277
+ zOffset: 100,
278
+ children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemerSidebar, {})
279
+ })]
280
+ });
281
+ }
282
+ const STORAGE_KEY = "sanityStudio:themer:colors";
283
+ /**
284
+ * Restores draft colors from localStorage, so theme drafts survive studio
285
+ * reloads.
286
+ *
287
+ * @internal
288
+ */
289
+ function readStoredColors() {
290
+ try {
291
+ if (typeof localStorage > "u") return null;
292
+ let raw = localStorage.getItem(STORAGE_KEY);
293
+ if (!raw) return null;
294
+ let parsed = JSON.parse(raw);
295
+ if (!parsed || typeof parsed != "object") return null;
296
+ let colors = {};
297
+ for (let { key } of THEMER_FIELDS) {
298
+ let value = Reflect.get(parsed, key);
299
+ typeof value == "string" && require_mix.t(value) && (colors[key] = value);
300
+ }
301
+ return colors;
302
+ } catch {
303
+ return null;
304
+ }
305
+ }
306
+ /** @internal */
307
+ function writeStoredColors(colors) {
308
+ try {
309
+ if (typeof localStorage > "u") return;
310
+ colors === null ? localStorage.removeItem(STORAGE_KEY) : localStorage.setItem(STORAGE_KEY, JSON.stringify(colors));
311
+ } catch {}
312
+ }
313
+ /**
314
+ * Wraps the whole Studio so that draft themes generated by the themer sidebar
315
+ * apply everywhere while the user browses around, and hosts the state that the
316
+ * navbar toggle and the sidebar share.
317
+ *
318
+ * The draft theme provider inherits the color scheme from the Studio, so the
319
+ * preview follows the appearance setting (light/dark/system) like any other
320
+ * theme.
321
+ *
322
+ * @internal
323
+ */
324
+ function ThemerLayout(props) {
325
+ let { baseColors, ...layoutProps } = props, [open, setOpen] = (0, react.useState)(!1), [colors, setColors] = (0, react.useState)(readStoredColors);
326
+ (0, react.useEffect)(() => writeStoredColors(colors), [colors]);
327
+ let theme = (0, react.useMemo)(() => colors === null ? null : require_presets.n({
328
+ ...baseColors,
329
+ ...colors
330
+ }), [baseColors, colors]), context = (0, react.useMemo)(() => ({
331
+ baseColors,
332
+ colors,
333
+ setColors,
334
+ open,
335
+ setOpen
336
+ }), [
337
+ baseColors,
338
+ colors,
339
+ open
340
+ ]);
341
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemerContext.Provider, {
342
+ value: context,
343
+ children: theme === null ? layoutProps.renderDefault(layoutProps) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_ui.ThemeProvider, {
344
+ theme,
345
+ children: layoutProps.renderDefault(layoutProps)
346
+ })
347
+ });
348
+ }
349
+ /**
350
+ * Adds the toggle that opens and closes the themer sidebar to the Studio
351
+ * navbar.
352
+ *
353
+ * @internal
354
+ */
355
+ function ThemerNavbar(props) {
356
+ let { open, setOpen } = useThemer();
357
+ return props.renderDefault({
358
+ ...props,
359
+ __internal_actions: [...props.__internal_actions ?? [], {
360
+ icon: _sanity_icons_ColorWheel.ColorWheelIcon,
361
+ location: "topbar",
362
+ name: "themer",
363
+ onAction: () => setOpen(!open),
364
+ selected: open,
365
+ title: "Themer"
366
+ }]
367
+ });
368
+ }
369
+ /**
370
+ * A Studio plugin that adds a themer sidebar for generating Studio themes:
371
+ * a navbar toggle opens the sidebar next to the active tool, where presets
372
+ * and color pickers preview a `createTheme` theme live on the whole Studio
373
+ * while you browse around. Toggle between light and dark mode with the
374
+ * regular appearance menu — the preview follows it.
375
+ *
376
+ * ```ts
377
+ * import {themerTool} from '@sanity/themer/tool'
378
+ * import {defineConfig} from 'sanity'
379
+ *
380
+ * export default defineConfig({
381
+ * plugins: [themerTool()],
382
+ * // ...rest of the config
383
+ * })
384
+ * ```
385
+ *
386
+ * @public
387
+ */
388
+ const themerTool = (0, sanity.definePlugin)((options) => {
389
+ let baseColors = options?.colors ?? {};
390
+ function ThemerLayoutWithOptions(props) {
391
+ return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemerLayout, {
392
+ ...props,
393
+ baseColors
394
+ });
395
+ }
396
+ return {
397
+ name: "@sanity/themer/tool",
398
+ studio: { components: {
399
+ layout: ThemerLayoutWithOptions,
400
+ navbar: ThemerNavbar,
401
+ activeToolLayout: ThemerActiveToolLayout
402
+ } }
403
+ };
404
+ });
405
+ exports.themerTool = themerTool;
406
+
407
+ //# sourceMappingURL=tool.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tool.cjs","names":["color","presets","Card","Flex","Box","Text","Button","CloseIcon","Stack","Select","Code","ClipboardIcon","ResetIcon","Flex","Box","Layer","isColor","createTheme","ThemeProvider","ColorWheelIcon"],"sources":["../src/tool/context.ts","../src/tool/fields.ts","../src/tool/snippet.ts","../src/tool/ThemerSidebar.tsx","../src/tool/ThemerActiveToolLayout.tsx","../src/tool/storage.ts","../src/tool/ThemerLayout.tsx","../src/tool/ThemerNavbar.tsx","../src/tool/plugin.tsx"],"sourcesContent":["import {createContext, useContext} from 'react'\n\nimport {CreateThemeOptions} from '../types'\n\n/** @internal */\nexport interface ThemerContextValue {\n /** The colors the Studio's configured theme was generated from */\n baseColors: CreateThemeOptions\n /** The draft colors, or `null` when the configured theme is untouched */\n colors: CreateThemeOptions | null\n setColors: (colors: CreateThemeOptions | null) => void\n /** Whether the themer sidebar is open */\n open: boolean\n setOpen: (open: boolean) => void\n}\n\n/** @internal */\nexport const ThemerContext = createContext<ThemerContextValue | null>(null)\n\n/** @internal */\nexport function useThemer(): ThemerContextValue {\n const context = useContext(ThemerContext)\n\n if (!context) {\n throw new Error('useThemer must be used within the `themerTool` plugin')\n }\n\n return context\n}\n","import {color} from '@sanity/color'\n\nimport {CreateThemeOptions} from '../types'\n\n/** @internal */\nexport interface ThemerField {\n key: keyof CreateThemeOptions\n title: string\n description: string\n /** The color the picker shows while the field is unset (6-digit hex) */\n defaultValue: string\n}\n\n/** @internal */\nexport const THEMER_FIELDS: ThemerField[] = [\n {\n key: 'primary',\n title: 'Primary',\n description: 'Buttons, focus rings and links',\n defaultValue: color.blue[500].hex,\n },\n {\n key: 'gray',\n title: 'Gray',\n description: 'Neutral surfaces, borders and text',\n defaultValue: color.gray[500].hex,\n },\n {\n key: 'positive',\n title: 'Positive',\n description: 'Success accents',\n defaultValue: color.green[500].hex,\n },\n {\n key: 'caution',\n title: 'Caution',\n description: 'Warning accents',\n defaultValue: color.yellow[500].hex,\n },\n {\n key: 'critical',\n title: 'Critical',\n description: 'Errors and destructive actions',\n defaultValue: color.red[500].hex,\n },\n {\n key: 'lightest',\n title: 'Lightest',\n description: 'Light mode background',\n defaultValue: color.white.hex,\n },\n {\n key: 'darkest',\n title: 'Darkest',\n description: 'Dark mode background',\n defaultValue: color.black.hex,\n },\n]\n","import {CreateThemeOptions} from '../types'\nimport {THEMER_FIELDS} from './fields'\n\n/**\n * Serializes colors into the `createTheme` call to paste into\n * `sanity.config.ts`.\n *\n * @internal\n */\nexport function createThemeSnippet(colors: CreateThemeOptions): string {\n const entries = THEMER_FIELDS.filter(({key}) => colors[key]).map(\n ({key}) => ` ${key}: '${colors[key]}',`,\n )\n\n const call = entries.length === 0 ? 'createTheme()' : `createTheme({\\n${entries.join('\\n')}\\n})`\n\n return `import {createTheme} from '@sanity/themer'\\n\\nexport const theme = ${call}\\n`\n}\n","import {ClipboardIcon} from '@sanity/icons/Clipboard'\nimport {CloseIcon} from '@sanity/icons/Close'\nimport {ResetIcon} from '@sanity/icons/Reset'\nimport {Box, Button, Card, Code, Flex, Select, Stack, Text, useToast} from '@sanity/ui'\n\nimport {presets} from '../presets'\nimport {CreateThemeOptions} from '../types'\nimport {useThemer} from './context'\nimport {THEMER_FIELDS, ThemerField} from './fields'\nimport {createThemeSnippet} from './snippet'\n\nconst swatchStyle: React.CSSProperties = {\n width: 33,\n height: 33,\n padding: 0,\n border: '1px solid var(--card-border-color)',\n borderRadius: 6,\n background: 'transparent',\n cursor: 'pointer',\n flex: 'none',\n}\n\nfunction sameColors(a: CreateThemeOptions, b: CreateThemeOptions): boolean {\n return THEMER_FIELDS.every(\n ({key}) => (a[key]?.toLowerCase() ?? undefined) === (b[key]?.toLowerCase() ?? undefined),\n )\n}\n\n/** Expands `#abc` to `#aabbcc`, which is the only format `<input type=\"color\">` accepts */\nfunction expandHex(hex: string): string {\n if (hex.length === 4) {\n return `#${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}`\n }\n\n return hex\n}\n\n/**\n * The themer sidebar: a preset picker and a handful of color pickers that\n * generate the previewed theme, plus the `createTheme` snippet to make it\n * permanent.\n *\n * @internal\n */\nexport function ThemerSidebar() {\n const {baseColors, colors, setColors, setOpen} = useThemer()\n const toast = useToast()\n\n const active = colors ?? baseColors\n const activePresetSlug = presets.find((preset) => sameColors(preset.colors, active))?.slug ?? ''\n const snippet = createThemeSnippet(active)\n\n const handleFieldChange = (key: keyof CreateThemeOptions, value: string | undefined) => {\n const next = {...active}\n\n if (value === undefined) {\n delete next[key]\n } else {\n next[key] = value\n }\n\n setColors(next)\n }\n\n const handlePresetChange = (slug: string) => {\n const preset = presets.find((candidate) => candidate.slug === slug)\n\n if (preset) {\n setColors({...preset.colors})\n }\n }\n\n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(snippet)\n toast.push({status: 'success', title: 'Copied theme to the clipboard'})\n } catch {\n toast.push({status: 'error', title: 'Could not copy the theme'})\n }\n }\n\n return (\n <Card height=\"fill\">\n <Flex direction=\"column\" height=\"fill\">\n <Card borderBottom padding={3}>\n <Flex align=\"center\" gap={2}>\n <Box flex={1} paddingLeft={1}>\n <Text size={1} weight=\"semibold\">\n Themer\n </Text>\n </Box>\n <Button\n icon={CloseIcon}\n mode=\"bleed\"\n onClick={() => setOpen(false)}\n padding={2}\n title=\"Close themer\"\n />\n </Flex>\n </Card>\n\n <Box flex={1} overflow=\"auto\" padding={4}>\n <Stack gap={5}>\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Preset\n </Text>\n <Select\n onChange={(event) => handlePresetChange(event.currentTarget.value)}\n value={activePresetSlug}\n >\n {activePresetSlug === '' && <option value=\"\">Custom</option>}\n {presets.map((preset) => (\n <option key={preset.slug} value={preset.slug}>\n {preset.title}\n </option>\n ))}\n </Select>\n </Stack>\n\n <Stack gap={4}>\n {THEMER_FIELDS.map((field) => (\n <ColorField\n field={field}\n key={field.key}\n onChange={handleFieldChange}\n value={active[field.key]}\n />\n ))}\n </Stack>\n\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Add to your config\n </Text>\n <Card border overflow=\"auto\" padding={3} radius={2} tone=\"transparent\">\n <Code language=\"ts\" size={0}>\n {snippet}\n </Code>\n </Card>\n <Flex gap={2}>\n <Button\n icon={ClipboardIcon}\n mode=\"ghost\"\n onClick={() => void handleCopy()}\n text=\"Copy\"\n />\n <Button\n disabled={colors === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setColors(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>\n </Stack>\n </Box>\n </Flex>\n </Card>\n )\n}\n\nfunction ColorField(props: {\n field: ThemerField\n value: string | undefined\n onChange: (key: keyof CreateThemeOptions, value: string | undefined) => void\n}) {\n const {field, value, onChange} = props\n\n return (\n <Flex align=\"center\" gap={3}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n {field.title}\n </Text>\n <Text muted size={0}>\n {value ?? field.description}\n </Text>\n </Stack>\n {value !== undefined && (\n <Button\n icon={CloseIcon}\n mode=\"bleed\"\n onClick={() => onChange(field.key, undefined)}\n padding={2}\n title={`Reset ${field.title}`}\n />\n )}\n <input\n aria-label={`${field.title} color`}\n onChange={(event) => onChange(field.key, event.currentTarget.value)}\n style={swatchStyle}\n type=\"color\"\n value={expandHex(value ?? field.defaultValue)}\n />\n </Flex>\n )\n}\n","import {Box, Flex, Layer} from '@sanity/ui'\nimport {type ActiveToolLayoutProps} from 'sanity'\n\nimport {useThemer} from './context'\nimport {ThemerSidebar} from './ThemerSidebar'\n\nconst sidebarStyle: React.CSSProperties = {\n width: 360,\n flex: 'none',\n borderLeft: '1px solid var(--card-border-color)',\n boxSizing: 'border-box',\n overflow: 'hidden',\n}\n\n/**\n * Renders the themer sidebar next to the active tool, so the user can browse\n * around their own studio while tweaking the theme.\n *\n * @internal\n */\nexport function ThemerActiveToolLayout(props: ActiveToolLayoutProps) {\n const {open} = useThemer()\n\n return (\n <Flex height=\"fill\" sizing=\"border\">\n <Box flex={1} height=\"fill\" overflow=\"auto\">\n {props.renderDefault(props)}\n </Box>\n\n {open && (\n <Layer height=\"fill\" style={sidebarStyle} zOffset={100}>\n <ThemerSidebar />\n </Layer>\n )}\n </Flex>\n )\n}\n","import {isColor} from '../lib/mix'\nimport {CreateThemeOptions} from '../types'\nimport {THEMER_FIELDS} from './fields'\n\nconst STORAGE_KEY = 'sanityStudio:themer:colors'\n\n/**\n * Restores draft colors from localStorage, so theme drafts survive studio\n * reloads.\n *\n * @internal\n */\nexport function readStoredColors(): CreateThemeOptions | null {\n try {\n if (typeof localStorage === 'undefined') return null\n\n const raw = localStorage.getItem(STORAGE_KEY)\n\n if (!raw) return null\n\n const parsed: unknown = JSON.parse(raw)\n\n if (!parsed || typeof parsed !== 'object') return null\n\n const colors: CreateThemeOptions = {}\n\n for (const {key} of THEMER_FIELDS) {\n const value: unknown = Reflect.get(parsed, key)\n\n if (typeof value === 'string' && isColor(value)) {\n colors[key] = value\n }\n }\n\n return colors\n } catch {\n return null\n }\n}\n\n/** @internal */\nexport function writeStoredColors(colors: CreateThemeOptions | null): void {\n try {\n if (typeof localStorage === 'undefined') return\n\n if (colors === null) {\n localStorage.removeItem(STORAGE_KEY)\n } else {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(colors))\n }\n } catch {\n // Storage can be unavailable (e.g. private browsing) — drafts just won't persist\n }\n}\n","import {ThemeProvider} from '@sanity/ui'\nimport {useEffect, useMemo, useState} from 'react'\nimport {type LayoutProps} from 'sanity'\n\nimport {createTheme} from '../createTheme'\nimport {CreateThemeOptions} from '../types'\nimport {ThemerContext, ThemerContextValue} from './context'\nimport {readStoredColors, writeStoredColors} from './storage'\n\n/**\n * Wraps the whole Studio so that draft themes generated by the themer sidebar\n * apply everywhere while the user browses around, and hosts the state that the\n * navbar toggle and the sidebar share.\n *\n * The draft theme provider inherits the color scheme from the Studio, so the\n * preview follows the appearance setting (light/dark/system) like any other\n * theme.\n *\n * @internal\n */\nexport function ThemerLayout(props: LayoutProps & {baseColors: CreateThemeOptions}) {\n const {baseColors, ...layoutProps} = props\n const [open, setOpen] = useState(false)\n const [colors, setColors] = useState<CreateThemeOptions | null>(readStoredColors)\n\n useEffect(() => writeStoredColors(colors), [colors])\n\n // The theme identity must be stable between renders: it feeds the\n // styled-components theme context for the whole Studio, and rebuilding it\n // would re-render everything\n const theme = useMemo(\n () => (colors === null ? null : createTheme({...baseColors, ...colors})),\n [baseColors, colors],\n )\n\n const context = useMemo<ThemerContextValue>(\n () => ({baseColors, colors, setColors, open, setOpen}),\n [baseColors, colors, open],\n )\n\n return (\n <ThemerContext.Provider value={context}>\n {theme === null ? (\n layoutProps.renderDefault(layoutProps)\n ) : (\n <ThemeProvider theme={theme}>{layoutProps.renderDefault(layoutProps)}</ThemeProvider>\n )}\n </ThemerContext.Provider>\n )\n}\n","import {ColorWheelIcon} from '@sanity/icons/ColorWheel'\nimport {type NavbarProps} from 'sanity'\n\nimport {useThemer} from './context'\n\n/**\n * Adds the toggle that opens and closes the themer sidebar to the Studio\n * navbar.\n *\n * @internal\n */\nexport function ThemerNavbar(props: NavbarProps) {\n const {open, setOpen} = useThemer()\n\n return props.renderDefault({\n ...props,\n __internal_actions: [\n ...(props.__internal_actions ?? []),\n {\n icon: ColorWheelIcon,\n location: 'topbar',\n name: 'themer',\n onAction: () => setOpen(!open),\n selected: open,\n title: 'Themer',\n },\n ],\n })\n}\n","import {definePlugin, type LayoutProps} from 'sanity'\n\nimport {CreateThemeOptions} from '../types'\nimport {ThemerActiveToolLayout} from './ThemerActiveToolLayout'\nimport {ThemerLayout} from './ThemerLayout'\nimport {ThemerNavbar} from './ThemerNavbar'\n\n/**\n * Options for the {@link themerTool} plugin.\n *\n * @public\n */\nexport interface ThemerToolOptions {\n /**\n * The colors that the Studio's configured theme was generated from — the\n * themer starts editing from these, so pass the same object that the\n * `theme` in the Studio config uses:\n *\n * ```ts\n * const colors = {primary: '#2276fc'}\n *\n * export default defineConfig({\n * theme: createTheme(colors),\n * plugins: [themerTool({colors})],\n * })\n * ```\n */\n colors?: CreateThemeOptions\n}\n\n/**\n * A Studio plugin that adds a themer sidebar for generating Studio themes:\n * a navbar toggle opens the sidebar next to the active tool, where presets\n * and color pickers preview a `createTheme` theme live on the whole Studio\n * while you browse around. Toggle between light and dark mode with the\n * regular appearance menu — the preview follows it.\n *\n * ```ts\n * import {themerTool} from '@sanity/themer/tool'\n * import {defineConfig} from 'sanity'\n *\n * export default defineConfig({\n * plugins: [themerTool()],\n * // ...rest of the config\n * })\n * ```\n *\n * @public\n */\nexport const themerTool = definePlugin<ThemerToolOptions | void>((options) => {\n const baseColors: CreateThemeOptions = options?.colors ?? {}\n\n function ThemerLayoutWithOptions(props: LayoutProps) {\n return <ThemerLayout {...props} baseColors={baseColors} />\n }\n\n return {\n name: '@sanity/themer/tool',\n studio: {\n components: {\n layout: ThemerLayoutWithOptions,\n navbar: ThemerNavbar,\n activeToolLayout: ThemerActiveToolLayout,\n },\n },\n }\n})\n"],"mappings":"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"}