@sanity/themer 0.3.14 → 0.3.16

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.
Files changed (14) hide show
  1. package/README.md +6 -41
  2. package/dist/index.js +1 -1
  3. package/dist/legacy.d.ts +43 -118
  4. package/dist/legacy.d.ts.map +1 -1
  5. package/dist/legacy.js +5 -1205
  6. package/dist/legacy.js.map +1 -1
  7. package/dist/{presets-DWzYcsLg.js → presets-By3s-D-S.js} +15 -3
  8. package/dist/presets-By3s-D-S.js.map +1 -0
  9. package/dist/tool.js +1 -2
  10. package/dist/tool.js.map +1 -1
  11. package/package.json +4 -3
  12. package/dist/mix-BfV6_Ke4.js +0 -42
  13. package/dist/mix-BfV6_Ke4.js.map +0 -1
  14. package/dist/presets-DWzYcsLg.js.map +0 -1
package/dist/tool.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tool.js","names":["resolveThemeOptions(active)","useMemo(() => resolveThemeOptions(active), [active])","buildPalette(active)","useMemo(() => buildPalette(active), [active])","presets.find((preset) => sameOptions(preset.options, active))?.slug ?? ''","createThemeSnippet(active)","(changes: Partial<BuildThemeOptions>) => {\n setOptions({...active, ...changes})\n }","(changes: {dark?: string; light?: string}) => {\n setOptions({...active, background: {...active.background, ...changes}})\n }","active.background","changes","(field: 'text' | 'contrast') => {\n const next = {...active}\n\n delete next[field]\n setOptions(next)\n }","(key: 'dark' | 'light') => {\n const background = {...active.background}\n\n delete background[key]\n\n const next = {...active}\n\n if (background.dark === undefined && background.light === undefined) {\n delete next.background\n } else {\n next.background = background\n }\n\n setOptions(next)\n }","next","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 }","<Box flex={1} paddingLeft={1}>\n <Text size={1} weight=\"semibold\">\n Themer\n </Text>\n </Box>","<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>","<Text size={1} weight=\"medium\">\n Presets\n </Text>","presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))","preset","<Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>","<Text size={1} weight=\"medium\">\n Colors\n </Text>","(accent) => patch({accent})","<ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />","blue","accent","(text) => patch({text})","() => clearField('text')","<ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />","gray","text","active.text === undefined","(dark) => patchBackground({dark})","() => clearBackground('dark')","<ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />","black","dark","active.background?.dark === undefined","(light) => patchBackground({light})","() => clearBackground('light')","<ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />","white","light","active.background?.light === undefined","<Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>","<Text size={1} weight=\"medium\">\n Contrast\n </Text>","<Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>","contrast","active.contrast === undefined ? ' · auto' : ''","active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )","<Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>","(event) => patch({contrast: Number(event.currentTarget.value)})","<Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />","<Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>","<Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\n </Stack>","<Text size={1} weight=\"medium\">\n Add to your config\n </Text>","<Card border overflow=\"auto\" padding={2} radius={2} tone=\"transparent\">\n <Code language=\"ts\" size={0}>\n {snippet}\n </Code>\n </Card>","<Button\n icon={ClipboardIcon}\n mode=\"ghost\"\n onClick={() => void handleCopy()}\n text=\"Copy\"\n />","() => setOptions(null)","<Button\n disabled={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />","options === null","<Flex gap={2}>\n <Button\n icon={ClipboardIcon}\n mode=\"ghost\"\n onClick={() => void handleCopy()}\n text=\"Copy\"\n />\n <Button\n disabled={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>","<Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Add to your config\n </Text>\n <Card border overflow=\"auto\" padding={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>","<Box flex={1} overflow=\"auto\" padding={3}>\n <Stack gap={4}>\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>\n\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>\n\n <Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\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={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>\n </Stack>\n </Box>","<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={3}>\n <Stack gap={4}>\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>\n\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>\n\n <Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\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={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>\n </Stack>\n </Box>\n </Flex>\n </Card>","resolveThemeOptions(preset.options)","options","['accent', resolved.accent]","['text', resolved.text]","['dark', resolved.background.dark]","['light', resolved.background.light]","[\n ['accent', resolved.accent],\n ['text', resolved.text],\n ['dark', resolved.background.dark],\n ['light', resolved.background.light],\n ]","<span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>","([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n )","<Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>","title","<Stack as=\"span\" gap={2}>\n <span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>\n <Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>\n </Stack>","<Button mode=\"ghost\" onClick={onClick} padding={2} selected={active} title={preset.title}>\n <Stack as=\"span\" gap={2}>\n <span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>\n <Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>\n </Stack>\n </Button>","[key, background]","<Text size={1}>{title}</Text>","<Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>","adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''","auto ? ' · auto' : ''","<Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>","onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )","(event) => onChange(event.currentTarget.value)","<Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />","`${title} color`","<Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>\n {onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n <Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />\n </Flex>","tints && (\n <span style={rampStyle}>\n {COLOR_TINTS.map((tint) => (\n <span key={tint} style={{flex: 1, background: tints[tint]}} />\n ))}\n </span>\n )","<Stack gap={2}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>\n {onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n <Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />\n </Flex>\n {tints && (\n <span style={rampStyle}>\n {COLOR_TINTS.map((tint) => (\n <span key={tint} style={{flex: 1, background: tints[tint]}} />\n ))}\n </span>\n )}\n </Stack>","props.renderDefault(props)","props.renderDefault","<Box flex={1} height=\"fill\" overflow=\"auto\">\n {props.renderDefault(props)}\n </Box>","open && (\n <Layer height=\"fill\" style={sidebarStyle} zOffset={100}>\n <ThemerSidebar />\n </Layer>\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>","() => writeStoredOptions(options)","[options]","options === null ? null : buildTheme(options)","useMemo(() => (options === null ? null : buildTheme(options)), [options])","{baseOptions, options, setOptions, open, setOpen}","useMemo<ThemerContextValue>(\n () => ({baseOptions, options, setOptions, open, setOpen}),\n [baseOptions, options, open],\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>","Provider","theme === null ? (\n layoutProps.renderDefault(layoutProps)\n ) : (\n <ThemeProvider theme={theme}>{layoutProps.renderDefault(layoutProps)}</ThemeProvider>\n )","ThemerContext.Provider","<Text size={1}>Themer</Text>","() => setOpen(!open)","<Tooltip content={<Text size={1}>Themer</Text>} portal>\n <Button\n aria-label=\"Themer\"\n icon={ColorWheelIcon}\n mode=\"bleed\"\n onClick={() => setOpen(!open)}\n // The Studio's own navbar buttons go through a wrapper that pins them\n // to this padding, where `@sanity/ui` defaults to a roomier 3\n padding={2}\n selected={open}\n />\n </Tooltip>","props.__internal_actions ?? []","__internal_actions","props.renderDefault({\n ...props,\n __internal_actions: [\n ...(props.__internal_actions ?? []),\n {\n location: 'topbar',\n name: 'themer-topbar',\n render: () => <ThemerNavbarButton />,\n },\n {\n icon: ColorWheelIcon,\n location: 'sidebar',\n name: 'themer-sidebar',\n onAction: () => setOpen(!open),\n selected: open,\n title: 'Themer',\n },\n ],\n })","() => <ThemerNavbarButton />","<ThemerLayout {...props} baseOptions={baseOptions} />"],"sources":["../src/tool/context.ts","../src/tool/options.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 {BuildThemeOptions} from '../theme/options'\n\n/** @internal */\nexport interface ThemerContextValue {\n /** The theme options the Studio's configured theme was generated from */\n baseOptions: BuildThemeOptions\n /** The draft options, or `null` when the configured theme is untouched */\n options: BuildThemeOptions | null\n setOptions: (options: BuildThemeOptions | 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 {\n BuildThemeOptions,\n DEFAULT_ACCENT,\n DEFAULT_BACKGROUND_DARK,\n DEFAULT_BACKGROUND_LIGHT,\n DEFAULT_CONTRAST,\n deriveTextColor,\n resolveThemeOptions,\n} from '../theme/options'\n\n/**\n * Reduces theme options to the minimal object that recreates them through\n * `buildTheme`: the text color is dropped when it matches the one derived\n * from the accent, and backgrounds and contrast are dropped when they match\n * the defaults. Options that boil down to the stock Studio theme reduce to\n * `null` — they need nothing from this package.\n *\n * @internal\n */\nexport function minimizeOptions(options: BuildThemeOptions): BuildThemeOptions | null {\n const resolved = resolveThemeOptions(options)\n const minimized: BuildThemeOptions = {accent: resolved.accent}\n\n if (resolved.text !== deriveTextColor(resolved.accent)) {\n minimized.text = resolved.text\n }\n\n const dark =\n resolved.background.dark === DEFAULT_BACKGROUND_DARK ? null : resolved.background.dark\n const light =\n resolved.background.light === DEFAULT_BACKGROUND_LIGHT ? null : resolved.background.light\n\n if (dark !== null || light !== null) {\n minimized.background = {}\n if (dark !== null) minimized.background.dark = dark\n if (light !== null) minimized.background.light = light\n }\n\n if (resolved.contrast !== DEFAULT_CONTRAST) {\n minimized.contrast = resolved.contrast\n }\n\n if (minimized.accent === DEFAULT_ACCENT && Object.keys(minimized).length === 1) {\n return null\n }\n\n return minimized\n}\n\n/**\n * Whether two sets of theme options generate the same theme, comparing their\n * resolved forms so that derived and explicit values (and hex casing) don't\n * matter.\n *\n * @internal\n */\nexport function sameOptions(a: BuildThemeOptions, b: BuildThemeOptions): boolean {\n const left = resolveThemeOptions(a)\n const right = resolveThemeOptions(b)\n\n return (\n left.accent === right.accent &&\n left.text === right.text &&\n left.background.dark === right.background.dark &&\n left.background.light === right.background.light &&\n left.contrast === right.contrast\n )\n}\n","import {BuildThemeOptions} from '../theme/options'\nimport {minimizeOptions} from './options'\n\n/**\n * Serializes theme options into the `buildTheme` call to paste into\n * `sanity.config.ts`, keeping only what differs from the derived defaults.\n *\n * Options that boil down to the stock Studio theme need nothing from this\n * package — so they serialize to a bare `buildTheme()` from `@sanity/ui/theme`\n * instead.\n *\n * @internal\n */\nexport function createThemeSnippet(options: BuildThemeOptions): string {\n const minimized = minimizeOptions(options)\n\n if (minimized === null) {\n return \"import {buildTheme} from '@sanity/ui/theme'\\n\\nexport const theme = buildTheme()\\n\"\n }\n\n const entries: string[] = [` accent: '${minimized.accent}',`]\n\n if (minimized.text !== undefined) {\n entries.push(` text: '${minimized.text}',`)\n }\n\n if (minimized.background) {\n const parts: string[] = []\n\n if (minimized.background.dark !== undefined) parts.push(`dark: '${minimized.background.dark}'`)\n if (minimized.background.light !== undefined) {\n parts.push(`light: '${minimized.background.light}'`)\n }\n\n entries.push(` background: {${parts.join(', ')}},`)\n }\n\n if (minimized.contrast !== undefined) {\n entries.push(` contrast: ${minimized.contrast},`)\n }\n\n return `import {buildTheme} from '@sanity/themer'\\n\\nexport const theme = buildTheme({\\n${entries.join('\\n')}\\n})\\n`\n}\n","import {COLOR_TINTS, ColorTintKey} from '@sanity/color'\nimport {ClipboardIcon} from '@sanity/icons/Clipboard'\nimport {CloseIcon} from '@sanity/icons/Close'\nimport {ResetIcon} from '@sanity/icons/Reset'\nimport {Box, Button, Card, Flex, Grid, Stack, Text} from '@sanity/ui'\nimport {Code} from '@sanity/ui/code'\nimport {useToast} from '@sanity/ui/toast'\nimport {useMemo} from 'react'\nimport {registerLanguage} from 'react-refractor'\nimport typescript from 'refractor/typescript'\nimport {styled} from 'styled-components'\n\nimport {buildPalette} from '../theme/buildPalette'\nimport {BuildThemeOptions, resolveThemeOptions} from '../theme/options'\nimport {presets, ThemePreset} from '../theme/presets'\nimport {useThemer} from './context'\nimport {sameOptions} from './options'\nimport {createThemeSnippet} from './snippet'\n\n// `Code` only highlights languages the surrounding app has registered with\n// react-refractor, and the Studio registers its own set from an async import\n// during startup — a race this sidebar keeps losing. Registering the one\n// language the snippet needs keeps it highlighted from the first render.\nregisterLanguage(typescript)\n\n/**\n * `<input type=\"color\">` paints the color into a shadow-DOM swatch that brings\n * its own border and padding, which then sits inside ours as a second border.\n * Stripping that chrome leaves the themed border as the only one.\n */\nconst Swatch = styled.input`\n box-sizing: border-box;\n flex: none;\n width: 33px;\n height: 33px;\n padding: 0;\n border: 1px solid var(--card-border-color);\n border-radius: 4px;\n background: none;\n cursor: pointer;\n\n &::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n &::-webkit-color-swatch {\n border: none;\n border-radius: 3px;\n }\n\n &::-moz-color-swatch {\n border: none;\n border-radius: 3px;\n }\n`\n\n/** A native range input, themed through `accent-color` */\nconst Range = styled.input`\n display: block;\n width: 100%;\n margin: 0;\n accent-color: var(--card-focus-ring-color);\n`\n\n/**\n * The themer sidebar: presets, the accent/text/background pickers and the\n * contrast slider that generate the previewed `buildTheme` theme, plus the\n * `buildTheme` snippet to make it permanent.\n *\n * @internal\n */\nexport function ThemerSidebar() {\n const {baseOptions, options, setOptions, setOpen} = useThemer()\n const toast = useToast()\n\n const active = options ?? baseOptions\n const resolved = useMemo(() => resolveThemeOptions(active), [active])\n const palette = useMemo(() => buildPalette(active), [active])\n const activePresetSlug = presets.find((preset) => sameOptions(preset.options, active))?.slug ?? ''\n const snippet = createThemeSnippet(active)\n\n const patch = (changes: Partial<BuildThemeOptions>) => {\n setOptions({...active, ...changes})\n }\n\n const patchBackground = (changes: {dark?: string; light?: string}) => {\n setOptions({...active, background: {...active.background, ...changes}})\n }\n\n const clearField = (field: 'text' | 'contrast') => {\n const next = {...active}\n\n delete next[field]\n setOptions(next)\n }\n\n const clearBackground = (key: 'dark' | 'light') => {\n const background = {...active.background}\n\n delete background[key]\n\n const next = {...active}\n\n if (background.dark === undefined && background.light === undefined) {\n delete next.background\n } else {\n next.background = background\n }\n\n setOptions(next)\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={3}>\n <Stack gap={4}>\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>\n\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>\n\n <Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\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={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>\n </Stack>\n </Box>\n </Flex>\n </Card>\n )\n}\n\nconst paletteStyle: React.CSSProperties = {\n display: 'flex',\n // The gaps let the border color through, so a near-white light background\n // still reads as a swatch rather than a hole in the palette\n gap: 1,\n background: 'var(--card-border-color)',\n height: 21,\n borderRadius: 3,\n overflow: 'hidden',\n boxShadow: 'inset 0 0 0 1px var(--card-border-color)',\n}\n\n/** A little palette of the colors a preset would apply */\nfunction PresetButton(props: {active: boolean; onClick: () => void; preset: ThemePreset}) {\n const {active, onClick, preset} = props\n\n const swatches = useMemo(() => {\n const resolved = resolveThemeOptions(preset.options)\n\n return [\n ['accent', resolved.accent],\n ['text', resolved.text],\n ['dark', resolved.background.dark],\n ['light', resolved.background.light],\n ] as const\n }, [preset])\n\n return (\n <Button mode=\"ghost\" onClick={onClick} padding={2} selected={active} title={preset.title}>\n <Stack as=\"span\" gap={2}>\n <span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>\n <Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>\n </Stack>\n </Button>\n )\n}\n\nconst rampStyle: React.CSSProperties = {\n ...paletteStyle,\n height: 13,\n borderRadius: 2,\n}\n\n/**\n * One color of the theme: a swatch with its value, an optional reset-to-auto\n * button, and the generated 50–950 tint ramp for the scales it anchors.\n */\nfunction ColorRow(props: {\n /** The color the generator actually applied, when it may differ from the input */\n adjusted?: string\n /** Whether the value is derived rather than explicitly set */\n auto?: boolean\n onChange: (value: string) => void\n onClear?: () => void\n /** The generated tint ramp this color anchors */\n tints?: Record<ColorTintKey, string>\n title: string\n value: string\n}) {\n const {adjusted, auto, onChange, onClear, tints, title, value} = props\n\n return (\n <Stack gap={2}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>\n {onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n <Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />\n </Flex>\n {tints && (\n <span style={rampStyle}>\n {COLOR_TINTS.map((tint) => (\n <span key={tint} style={{flex: 1, background: tints[tint]}} />\n ))}\n </span>\n )}\n </Stack>\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\n/**\n * Narrow enough to leave the studio preview as much room as possible: it fits\n * the widest picker label next to its swatch, and the code snippet scrolls\n * horizontally rather than widening the sidebar.\n */\nconst sidebarStyle: React.CSSProperties = {\n width: 240,\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 {BuildThemeOptions, MAXIMUM_CONTRAST, MINIMUM_CONTRAST} from '../theme/options'\n\nconst STORAGE_KEY = 'sanityStudio:themer:options'\n\nfunction sanitizeColor(value: unknown): string | null {\n return typeof value === 'string' && isColor(value) ? value.toLowerCase() : null\n}\n\nfunction sanitizeOptions(value: unknown): BuildThemeOptions | null {\n if (!value || typeof value !== 'object') return null\n\n const accent = sanitizeColor(Reflect.get(value, 'accent'))\n\n if (!accent) return null\n\n const options: BuildThemeOptions = {accent}\n const text = sanitizeColor(Reflect.get(value, 'text'))\n\n if (text) options.text = text\n\n const background: unknown = Reflect.get(value, 'background')\n\n if (background && typeof background === 'object') {\n const dark = sanitizeColor(Reflect.get(background, 'dark'))\n const light = sanitizeColor(Reflect.get(background, 'light'))\n\n if (dark || light) {\n options.background = {}\n if (dark) options.background.dark = dark\n if (light) options.background.light = light\n }\n }\n\n const contrast: unknown = Reflect.get(value, 'contrast')\n\n if (typeof contrast === 'number' && Number.isFinite(contrast)) {\n options.contrast = Math.min(MAXIMUM_CONTRAST, Math.max(MINIMUM_CONTRAST, contrast))\n }\n\n return options\n}\n\n/**\n * Restores draft theme options from localStorage, so theme drafts survive\n * studio reloads.\n *\n * @internal\n */\nexport function readStoredOptions(): BuildThemeOptions | 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 return sanitizeOptions(JSON.parse(raw))\n } catch {\n return null\n }\n}\n\n/** @internal */\nexport function writeStoredOptions(options: BuildThemeOptions | null): void {\n try {\n if (typeof localStorage === 'undefined') return\n\n if (options === null) {\n localStorage.removeItem(STORAGE_KEY)\n } else {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(options))\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 {buildTheme} from '../theme/buildTheme'\nimport {BuildThemeOptions} from '../theme/options'\nimport {ThemerContext, ThemerContextValue} from './context'\nimport {readStoredOptions, writeStoredOptions} 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 & {baseOptions: BuildThemeOptions}) {\n const {baseOptions, ...layoutProps} = props\n const [open, setOpen] = useState(false)\n const [options, setOptions] = useState<BuildThemeOptions | null>(readStoredOptions)\n\n useEffect(() => writeStoredOptions(options), [options])\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(() => (options === null ? null : buildTheme(options)), [options])\n\n const context = useMemo<ThemerContextValue>(\n () => ({baseOptions, options, setOptions, open, setOpen}),\n [baseOptions, options, 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 {Button, Text} from '@sanity/ui'\nimport {Tooltip} from '@sanity/ui/tooltip'\nimport {type NavbarProps} from 'sanity'\n\nimport {useThemer} from './context'\n\nfunction ThemerNavbarButton() {\n const {open, setOpen} = useThemer()\n\n return (\n <Tooltip content={<Text size={1}>Themer</Text>} portal>\n <Button\n aria-label=\"Themer\"\n icon={ColorWheelIcon}\n mode=\"bleed\"\n onClick={() => setOpen(!open)}\n // The Studio's own navbar buttons go through a wrapper that pins them\n // to this padding, where `@sanity/ui` defaults to a roomier 3\n padding={2}\n selected={open}\n />\n </Tooltip>\n )\n}\n\n/**\n * Adds the toggle that opens and closes the themer sidebar to the Studio\n * navbar — an icon button with a tooltip in the top bar (like the Tasks\n * toggle), and a regular titled action in the narrow-screen sidebar menu.\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 location: 'topbar',\n name: 'themer-topbar',\n render: () => <ThemerNavbarButton />,\n },\n {\n icon: ColorWheelIcon,\n location: 'sidebar',\n name: 'themer-sidebar',\n onAction: () => setOpen(!open),\n selected: open,\n title: 'Themer',\n },\n ],\n })\n}\n","import {definePlugin, type LayoutProps} from 'sanity'\n\nimport {BuildThemeOptions, DEFAULT_ACCENT} from '../theme/options'\nimport {ThemerActiveToolLayout} from './ThemerActiveToolLayout'\nimport {ThemerLayout} from './ThemerLayout'\nimport {ThemerNavbar} from './ThemerNavbar'\n\n/**\n * Options for the {@link themerTool} plugin.\n *\n * This is experimental and may change or be removed in any release without\n * notice — use at your own risk.\n *\n * @alpha\n */\nexport interface ThemerToolOptions {\n /**\n * The `buildTheme` options that the Studio's configured theme was generated\n * from — the themer starts editing from these, so pass the same object that\n * the `theme` in the Studio config uses:\n *\n * ```ts\n * const config: BuildThemeOptions = {accent: '#1cb485'}\n *\n * export default defineConfig({\n * theme: buildTheme(config),\n * plugins: [themerTool({config})],\n * })\n * ```\n */\n config?: BuildThemeOptions\n}\n\n/**\n * A Studio plugin that adds a themer sidebar for `buildTheme` themes: a\n * navbar toggle opens the sidebar next to the active tool, where presets, the\n * accent/text/background pickers and the contrast slider preview a\n * `buildTheme` theme live on the whole Studio while you browse around.\n * Toggle between light and dark mode with the regular appearance menu — the\n * 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 * This is experimental and may change or be removed in any release without\n * notice — use at your own risk.\n *\n * @alpha\n */\nexport const themerTool = definePlugin<ThemerToolOptions | void>((options) => {\n const baseOptions = options?.config ?? {accent: DEFAULT_ACCENT}\n\n function ThemerLayoutWithOptions(props: LayoutProps) {\n return <ThemerLayout {...props} baseOptions={baseOptions} />\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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"}
1
+ {"version":3,"file":"tool.js","names":["resolveThemeOptions(active)","useMemo(() => resolveThemeOptions(active), [active])","buildPalette(active)","useMemo(() => buildPalette(active), [active])","presets.find((preset) => sameOptions(preset.options, active))?.slug ?? ''","createThemeSnippet(active)","(changes: Partial<BuildThemeOptions>) => {\n setOptions({...active, ...changes})\n }","(changes: {dark?: string; light?: string}) => {\n setOptions({...active, background: {...active.background, ...changes}})\n }","active.background","changes","(field: 'text' | 'contrast') => {\n const next = {...active}\n\n delete next[field]\n setOptions(next)\n }","(key: 'dark' | 'light') => {\n const background = {...active.background}\n\n delete background[key]\n\n const next = {...active}\n\n if (background.dark === undefined && background.light === undefined) {\n delete next.background\n } else {\n next.background = background\n }\n\n setOptions(next)\n }","next","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 }","<Box flex={1} paddingLeft={1}>\n <Text size={1} weight=\"semibold\">\n Themer\n </Text>\n </Box>","<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>","<Text size={1} weight=\"medium\">\n Presets\n </Text>","presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))","preset","<Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>","<Text size={1} weight=\"medium\">\n Colors\n </Text>","(accent) => patch({accent})","<ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />","blue","accent","(text) => patch({text})","() => clearField('text')","<ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />","gray","text","active.text === undefined","(dark) => patchBackground({dark})","() => clearBackground('dark')","<ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />","black","dark","active.background?.dark === undefined","(light) => patchBackground({light})","() => clearBackground('light')","<ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />","white","light","active.background?.light === undefined","<Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>","<Text size={1} weight=\"medium\">\n Contrast\n </Text>","<Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>","contrast","active.contrast === undefined ? ' · auto' : ''","active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )","<Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>","(event) => patch({contrast: Number(event.currentTarget.value)})","<Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />","<Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>","<Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\n </Stack>","<Text size={1} weight=\"medium\">\n Add to your config\n </Text>","<Card border overflow=\"auto\" padding={2} radius={2} tone=\"transparent\">\n <Code language=\"ts\" size={0}>\n {snippet}\n </Code>\n </Card>","<Button\n icon={ClipboardIcon}\n mode=\"ghost\"\n onClick={() => void handleCopy()}\n text=\"Copy\"\n />","() => setOptions(null)","<Button\n disabled={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />","options === null","<Flex gap={2}>\n <Button\n icon={ClipboardIcon}\n mode=\"ghost\"\n onClick={() => void handleCopy()}\n text=\"Copy\"\n />\n <Button\n disabled={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>","<Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Add to your config\n </Text>\n <Card border overflow=\"auto\" padding={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>","<Box flex={1} overflow=\"auto\" padding={3}>\n <Stack gap={4}>\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>\n\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>\n\n <Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\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={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>\n </Stack>\n </Box>","<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={3}>\n <Stack gap={4}>\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>\n\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>\n\n <Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\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={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>\n </Stack>\n </Box>\n </Flex>\n </Card>","resolveThemeOptions(preset.options)","options","['accent', resolved.accent]","['text', resolved.text]","['dark', resolved.background.dark]","['light', resolved.background.light]","[\n ['accent', resolved.accent],\n ['text', resolved.text],\n ['dark', resolved.background.dark],\n ['light', resolved.background.light],\n ]","<span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>","([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n )","<Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>","title","<Stack as=\"span\" gap={2}>\n <span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>\n <Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>\n </Stack>","<Button mode=\"ghost\" onClick={onClick} padding={2} selected={active} title={preset.title}>\n <Stack as=\"span\" gap={2}>\n <span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>\n <Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>\n </Stack>\n </Button>","[key, background]","<Text size={1}>{title}</Text>","<Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>","adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''","auto ? ' · auto' : ''","<Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>","onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )","(event) => onChange(event.currentTarget.value)","<Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />","`${title} color`","<Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>\n {onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n <Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />\n </Flex>","tints && (\n <span style={rampStyle}>\n {COLOR_TINTS.map((tint) => (\n <span key={tint} style={{flex: 1, background: tints[tint]}} />\n ))}\n </span>\n )","<Stack gap={2}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>\n {onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n <Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />\n </Flex>\n {tints && (\n <span style={rampStyle}>\n {COLOR_TINTS.map((tint) => (\n <span key={tint} style={{flex: 1, background: tints[tint]}} />\n ))}\n </span>\n )}\n </Stack>","props.renderDefault(props)","props.renderDefault","<Box flex={1} height=\"fill\" overflow=\"auto\">\n {props.renderDefault(props)}\n </Box>","open && (\n <Layer height=\"fill\" style={sidebarStyle} zOffset={100}>\n <ThemerSidebar />\n </Layer>\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>","() => writeStoredOptions(options)","[options]","options === null ? null : buildTheme(options)","useMemo(() => (options === null ? null : buildTheme(options)), [options])","{baseOptions, options, setOptions, open, setOpen}","useMemo<ThemerContextValue>(\n () => ({baseOptions, options, setOptions, open, setOpen}),\n [baseOptions, options, open],\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>","Provider","theme === null ? (\n layoutProps.renderDefault(layoutProps)\n ) : (\n <ThemeProvider theme={theme}>{layoutProps.renderDefault(layoutProps)}</ThemeProvider>\n )","ThemerContext.Provider","<Text size={1}>Themer</Text>","() => setOpen(!open)","<Tooltip content={<Text size={1}>Themer</Text>} portal>\n <Button\n aria-label=\"Themer\"\n icon={ColorWheelIcon}\n mode=\"bleed\"\n onClick={() => setOpen(!open)}\n // The Studio's own navbar buttons go through a wrapper that pins them\n // to this padding, where `@sanity/ui` defaults to a roomier 3\n padding={2}\n selected={open}\n />\n </Tooltip>","props.__internal_actions ?? []","__internal_actions","props.renderDefault({\n ...props,\n __internal_actions: [\n ...(props.__internal_actions ?? []),\n {\n location: 'topbar',\n name: 'themer-topbar',\n render: () => <ThemerNavbarButton />,\n },\n {\n icon: ColorWheelIcon,\n location: 'sidebar',\n name: 'themer-sidebar',\n onAction: () => setOpen(!open),\n selected: open,\n title: 'Themer',\n },\n ],\n })","() => <ThemerNavbarButton />","<ThemerLayout {...props} baseOptions={baseOptions} />"],"sources":["../src/tool/context.ts","../src/tool/options.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 {BuildThemeOptions} from '../theme/options'\n\n/** @internal */\nexport interface ThemerContextValue {\n /** The theme options the Studio's configured theme was generated from */\n baseOptions: BuildThemeOptions\n /** The draft options, or `null` when the configured theme is untouched */\n options: BuildThemeOptions | null\n setOptions: (options: BuildThemeOptions | 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 {\n BuildThemeOptions,\n DEFAULT_ACCENT,\n DEFAULT_BACKGROUND_DARK,\n DEFAULT_BACKGROUND_LIGHT,\n DEFAULT_CONTRAST,\n deriveTextColor,\n resolveThemeOptions,\n} from '../theme/options'\n\n/**\n * Reduces theme options to the minimal object that recreates them through\n * `buildTheme`: the text color is dropped when it matches the one derived\n * from the accent, and backgrounds and contrast are dropped when they match\n * the defaults. Options that boil down to the stock Studio theme reduce to\n * `null` — they need nothing from this package.\n *\n * @internal\n */\nexport function minimizeOptions(options: BuildThemeOptions): BuildThemeOptions | null {\n const resolved = resolveThemeOptions(options)\n const minimized: BuildThemeOptions = {accent: resolved.accent}\n\n if (resolved.text !== deriveTextColor(resolved.accent)) {\n minimized.text = resolved.text\n }\n\n const dark =\n resolved.background.dark === DEFAULT_BACKGROUND_DARK ? null : resolved.background.dark\n const light =\n resolved.background.light === DEFAULT_BACKGROUND_LIGHT ? null : resolved.background.light\n\n if (dark !== null || light !== null) {\n minimized.background = {}\n if (dark !== null) minimized.background.dark = dark\n if (light !== null) minimized.background.light = light\n }\n\n if (resolved.contrast !== DEFAULT_CONTRAST) {\n minimized.contrast = resolved.contrast\n }\n\n if (minimized.accent === DEFAULT_ACCENT && Object.keys(minimized).length === 1) {\n return null\n }\n\n return minimized\n}\n\n/**\n * Whether two sets of theme options generate the same theme, comparing their\n * resolved forms so that derived and explicit values (and hex casing) don't\n * matter.\n *\n * @internal\n */\nexport function sameOptions(a: BuildThemeOptions, b: BuildThemeOptions): boolean {\n const left = resolveThemeOptions(a)\n const right = resolveThemeOptions(b)\n\n return (\n left.accent === right.accent &&\n left.text === right.text &&\n left.background.dark === right.background.dark &&\n left.background.light === right.background.light &&\n left.contrast === right.contrast\n )\n}\n","import {BuildThemeOptions} from '../theme/options'\nimport {minimizeOptions} from './options'\n\n/**\n * Serializes theme options into the `buildTheme` call to paste into\n * `sanity.config.ts`, keeping only what differs from the derived defaults.\n *\n * Options that boil down to the stock Studio theme need nothing from this\n * package — so they serialize to a bare `buildTheme()` from `@sanity/ui/theme`\n * instead.\n *\n * @internal\n */\nexport function createThemeSnippet(options: BuildThemeOptions): string {\n const minimized = minimizeOptions(options)\n\n if (minimized === null) {\n return \"import {buildTheme} from '@sanity/ui/theme'\\n\\nexport const theme = buildTheme()\\n\"\n }\n\n const entries: string[] = [` accent: '${minimized.accent}',`]\n\n if (minimized.text !== undefined) {\n entries.push(` text: '${minimized.text}',`)\n }\n\n if (minimized.background) {\n const parts: string[] = []\n\n if (minimized.background.dark !== undefined) parts.push(`dark: '${minimized.background.dark}'`)\n if (minimized.background.light !== undefined) {\n parts.push(`light: '${minimized.background.light}'`)\n }\n\n entries.push(` background: {${parts.join(', ')}},`)\n }\n\n if (minimized.contrast !== undefined) {\n entries.push(` contrast: ${minimized.contrast},`)\n }\n\n return `import {buildTheme} from '@sanity/themer'\\n\\nexport const theme = buildTheme({\\n${entries.join('\\n')}\\n})\\n`\n}\n","import {COLOR_TINTS, ColorTintKey} from '@sanity/color'\nimport {ClipboardIcon} from '@sanity/icons/Clipboard'\nimport {CloseIcon} from '@sanity/icons/Close'\nimport {ResetIcon} from '@sanity/icons/Reset'\nimport {Box, Button, Card, Flex, Grid, Stack, Text} from '@sanity/ui'\nimport {Code} from '@sanity/ui/code'\nimport {useToast} from '@sanity/ui/toast'\nimport {useMemo} from 'react'\nimport {registerLanguage} from 'react-refractor'\nimport typescript from 'refractor/typescript'\nimport {styled} from 'styled-components'\n\nimport {buildPalette} from '../theme/buildPalette'\nimport {BuildThemeOptions, resolveThemeOptions} from '../theme/options'\nimport {presets, ThemePreset} from '../theme/presets'\nimport {useThemer} from './context'\nimport {sameOptions} from './options'\nimport {createThemeSnippet} from './snippet'\n\n// `Code` only highlights languages the surrounding app has registered with\n// react-refractor, and the Studio registers its own set from an async import\n// during startup — a race this sidebar keeps losing. Registering the one\n// language the snippet needs keeps it highlighted from the first render.\nregisterLanguage(typescript)\n\n/**\n * `<input type=\"color\">` paints the color into a shadow-DOM swatch that brings\n * its own border and padding, which then sits inside ours as a second border.\n * Stripping that chrome leaves the themed border as the only one.\n */\nconst Swatch = styled.input`\n box-sizing: border-box;\n flex: none;\n width: 33px;\n height: 33px;\n padding: 0;\n border: 1px solid var(--card-border-color);\n border-radius: 4px;\n background: none;\n cursor: pointer;\n\n &::-webkit-color-swatch-wrapper {\n padding: 0;\n }\n\n &::-webkit-color-swatch {\n border: none;\n border-radius: 3px;\n }\n\n &::-moz-color-swatch {\n border: none;\n border-radius: 3px;\n }\n`\n\n/** A native range input, themed through `accent-color` */\nconst Range = styled.input`\n display: block;\n width: 100%;\n margin: 0;\n accent-color: var(--card-focus-ring-color);\n`\n\n/**\n * The themer sidebar: presets, the accent/text/background pickers and the\n * contrast slider that generate the previewed `buildTheme` theme, plus the\n * `buildTheme` snippet to make it permanent.\n *\n * @internal\n */\nexport function ThemerSidebar() {\n const {baseOptions, options, setOptions, setOpen} = useThemer()\n const toast = useToast()\n\n const active = options ?? baseOptions\n const resolved = useMemo(() => resolveThemeOptions(active), [active])\n const palette = useMemo(() => buildPalette(active), [active])\n const activePresetSlug = presets.find((preset) => sameOptions(preset.options, active))?.slug ?? ''\n const snippet = createThemeSnippet(active)\n\n const patch = (changes: Partial<BuildThemeOptions>) => {\n setOptions({...active, ...changes})\n }\n\n const patchBackground = (changes: {dark?: string; light?: string}) => {\n setOptions({...active, background: {...active.background, ...changes}})\n }\n\n const clearField = (field: 'text' | 'contrast') => {\n const next = {...active}\n\n delete next[field]\n setOptions(next)\n }\n\n const clearBackground = (key: 'dark' | 'light') => {\n const background = {...active.background}\n\n delete background[key]\n\n const next = {...active}\n\n if (background.dark === undefined && background.light === undefined) {\n delete next.background\n } else {\n next.background = background\n }\n\n setOptions(next)\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={3}>\n <Stack gap={4}>\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Presets\n </Text>\n <Grid gap={2} gridTemplateColumns={2}>\n {presets.map((preset) => (\n <PresetButton\n active={preset.slug === activePresetSlug}\n key={preset.slug}\n onClick={() => setOptions(preset.options)}\n preset={preset}\n />\n ))}\n </Grid>\n </Stack>\n\n <Stack gap={3}>\n <Text size={1} weight=\"medium\">\n Colors\n </Text>\n <Stack gap={4}>\n <ColorRow\n onChange={(accent) => patch({accent})}\n tints={palette.blue}\n title=\"Accent\"\n value={resolved.accent}\n />\n <ColorRow\n auto={active.text === undefined}\n onChange={(text) => patch({text})}\n onClear={() => clearField('text')}\n tints={palette.gray}\n title=\"Text\"\n value={resolved.text}\n />\n <ColorRow\n adjusted={palette.black}\n auto={active.background?.dark === undefined}\n onChange={(dark) => patchBackground({dark})}\n onClear={() => clearBackground('dark')}\n title=\"Background · dark\"\n value={resolved.background.dark}\n />\n <ColorRow\n adjusted={palette.white}\n auto={active.background?.light === undefined}\n onChange={(light) => patchBackground({light})}\n onClear={() => clearBackground('light')}\n title=\"Background · light\"\n value={resolved.background.light}\n />\n </Stack>\n </Stack>\n\n <Stack gap={3}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1} weight=\"medium\">\n Contrast\n </Text>\n <Text muted size={0}>\n {resolved.contrast}\n {active.contrast === undefined ? ' · auto' : ''}\n </Text>\n </Stack>\n {active.contrast !== undefined && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={() => clearField('contrast')}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n </Flex>\n <Range\n aria-label=\"Contrast\"\n max={100}\n min={15}\n onChange={(event) => patch({contrast: Number(event.currentTarget.value)})}\n step={1}\n type=\"range\"\n value={resolved.contrast}\n />\n <Text muted size={0}>\n 100 keeps text and borders neutral — lower values blend in the accent\n </Text>\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={2} 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={options === null}\n icon={ResetIcon}\n mode=\"ghost\"\n onClick={() => setOptions(null)}\n text=\"Reset\"\n tone=\"critical\"\n />\n </Flex>\n </Stack>\n </Stack>\n </Box>\n </Flex>\n </Card>\n )\n}\n\nconst paletteStyle: React.CSSProperties = {\n display: 'flex',\n // The gaps let the border color through, so a near-white light background\n // still reads as a swatch rather than a hole in the palette\n gap: 1,\n background: 'var(--card-border-color)',\n height: 21,\n borderRadius: 3,\n overflow: 'hidden',\n boxShadow: 'inset 0 0 0 1px var(--card-border-color)',\n}\n\n/** A little palette of the colors a preset would apply */\nfunction PresetButton(props: {active: boolean; onClick: () => void; preset: ThemePreset}) {\n const {active, onClick, preset} = props\n\n const swatches = useMemo(() => {\n const resolved = resolveThemeOptions(preset.options)\n\n return [\n ['accent', resolved.accent],\n ['text', resolved.text],\n ['dark', resolved.background.dark],\n ['light', resolved.background.light],\n ] as const\n }, [preset])\n\n return (\n <Button mode=\"ghost\" onClick={onClick} padding={2} selected={active} title={preset.title}>\n <Stack as=\"span\" gap={2}>\n <span style={paletteStyle}>\n {swatches.map(([key, background]) => (\n <span key={key} style={{flex: 1, background}} />\n ))}\n </span>\n <Text align=\"left\" size={1} textOverflow=\"ellipsis\">\n {preset.title}\n </Text>\n </Stack>\n </Button>\n )\n}\n\nconst rampStyle: React.CSSProperties = {\n ...paletteStyle,\n height: 13,\n borderRadius: 2,\n}\n\n/**\n * One color of the theme: a swatch with its value, an optional reset-to-auto\n * button, and the generated 50–950 tint ramp for the scales it anchors.\n */\nfunction ColorRow(props: {\n /** The color the generator actually applied, when it may differ from the input */\n adjusted?: string\n /** Whether the value is derived rather than explicitly set */\n auto?: boolean\n onChange: (value: string) => void\n onClear?: () => void\n /** The generated tint ramp this color anchors */\n tints?: Record<ColorTintKey, string>\n title: string\n value: string\n}) {\n const {adjusted, auto, onChange, onClear, tints, title, value} = props\n\n return (\n <Stack gap={2}>\n <Flex align=\"center\" gap={2}>\n <Stack flex={1} gap={2}>\n <Text size={1}>{title}</Text>\n <Text muted size={0} textOverflow=\"ellipsis\">\n {value}\n {adjusted !== undefined && adjusted !== value ? ` → ${adjusted}` : ''}\n {auto ? ' · auto' : ''}\n </Text>\n </Stack>\n {onClear && !auto && (\n <Button\n icon={ResetIcon}\n mode=\"bleed\"\n onClick={onClear}\n padding={2}\n title=\"Reset to auto\"\n />\n )}\n <Swatch\n aria-label={`${title} color`}\n onChange={(event) => onChange(event.currentTarget.value)}\n type=\"color\"\n value={value}\n />\n </Flex>\n {tints && (\n <span style={rampStyle}>\n {COLOR_TINTS.map((tint) => (\n <span key={tint} style={{flex: 1, background: tints[tint]}} />\n ))}\n </span>\n )}\n </Stack>\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\n/**\n * Narrow enough to leave the studio preview as much room as possible: it fits\n * the widest picker label next to its swatch, and the code snippet scrolls\n * horizontally rather than widening the sidebar.\n */\nconst sidebarStyle: React.CSSProperties = {\n width: 240,\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 {BuildThemeOptions, MAXIMUM_CONTRAST, MINIMUM_CONTRAST} from '../theme/options'\n\nconst STORAGE_KEY = 'sanityStudio:themer:options'\n\nfunction sanitizeColor(value: unknown): string | null {\n return typeof value === 'string' && isColor(value) ? value.toLowerCase() : null\n}\n\nfunction sanitizeOptions(value: unknown): BuildThemeOptions | null {\n if (!value || typeof value !== 'object') return null\n\n const accent = sanitizeColor(Reflect.get(value, 'accent'))\n\n if (!accent) return null\n\n const options: BuildThemeOptions = {accent}\n const text = sanitizeColor(Reflect.get(value, 'text'))\n\n if (text) options.text = text\n\n const background: unknown = Reflect.get(value, 'background')\n\n if (background && typeof background === 'object') {\n const dark = sanitizeColor(Reflect.get(background, 'dark'))\n const light = sanitizeColor(Reflect.get(background, 'light'))\n\n if (dark || light) {\n options.background = {}\n if (dark) options.background.dark = dark\n if (light) options.background.light = light\n }\n }\n\n const contrast: unknown = Reflect.get(value, 'contrast')\n\n if (typeof contrast === 'number' && Number.isFinite(contrast)) {\n options.contrast = Math.min(MAXIMUM_CONTRAST, Math.max(MINIMUM_CONTRAST, contrast))\n }\n\n return options\n}\n\n/**\n * Restores draft theme options from localStorage, so theme drafts survive\n * studio reloads.\n *\n * @internal\n */\nexport function readStoredOptions(): BuildThemeOptions | 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 return sanitizeOptions(JSON.parse(raw))\n } catch {\n return null\n }\n}\n\n/** @internal */\nexport function writeStoredOptions(options: BuildThemeOptions | null): void {\n try {\n if (typeof localStorage === 'undefined') return\n\n if (options === null) {\n localStorage.removeItem(STORAGE_KEY)\n } else {\n localStorage.setItem(STORAGE_KEY, JSON.stringify(options))\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 {buildTheme} from '../theme/buildTheme'\nimport {BuildThemeOptions} from '../theme/options'\nimport {ThemerContext, ThemerContextValue} from './context'\nimport {readStoredOptions, writeStoredOptions} 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 & {baseOptions: BuildThemeOptions}) {\n const {baseOptions, ...layoutProps} = props\n const [open, setOpen] = useState(false)\n const [options, setOptions] = useState<BuildThemeOptions | null>(readStoredOptions)\n\n useEffect(() => writeStoredOptions(options), [options])\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(() => (options === null ? null : buildTheme(options)), [options])\n\n const context = useMemo<ThemerContextValue>(\n () => ({baseOptions, options, setOptions, open, setOpen}),\n [baseOptions, options, 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 {Button, Text} from '@sanity/ui'\nimport {Tooltip} from '@sanity/ui/tooltip'\nimport {type NavbarProps} from 'sanity'\n\nimport {useThemer} from './context'\n\nfunction ThemerNavbarButton() {\n const {open, setOpen} = useThemer()\n\n return (\n <Tooltip content={<Text size={1}>Themer</Text>} portal>\n <Button\n aria-label=\"Themer\"\n icon={ColorWheelIcon}\n mode=\"bleed\"\n onClick={() => setOpen(!open)}\n // The Studio's own navbar buttons go through a wrapper that pins them\n // to this padding, where `@sanity/ui` defaults to a roomier 3\n padding={2}\n selected={open}\n />\n </Tooltip>\n )\n}\n\n/**\n * Adds the toggle that opens and closes the themer sidebar to the Studio\n * navbar — an icon button with a tooltip in the top bar (like the Tasks\n * toggle), and a regular titled action in the narrow-screen sidebar menu.\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 location: 'topbar',\n name: 'themer-topbar',\n render: () => <ThemerNavbarButton />,\n },\n {\n icon: ColorWheelIcon,\n location: 'sidebar',\n name: 'themer-sidebar',\n onAction: () => setOpen(!open),\n selected: open,\n title: 'Themer',\n },\n ],\n })\n}\n","import {definePlugin, type LayoutProps} from 'sanity'\n\nimport {BuildThemeOptions, DEFAULT_ACCENT} from '../theme/options'\nimport {ThemerActiveToolLayout} from './ThemerActiveToolLayout'\nimport {ThemerLayout} from './ThemerLayout'\nimport {ThemerNavbar} from './ThemerNavbar'\n\n/**\n * Options for the {@link themerTool} plugin.\n *\n * This is experimental and may change or be removed in any release without\n * notice — use at your own risk.\n *\n * @alpha\n */\nexport interface ThemerToolOptions {\n /**\n * The `buildTheme` options that the Studio's configured theme was generated\n * from — the themer starts editing from these, so pass the same object that\n * the `theme` in the Studio config uses:\n *\n * ```ts\n * const config: BuildThemeOptions = {accent: '#1cb485'}\n *\n * export default defineConfig({\n * theme: buildTheme(config),\n * plugins: [themerTool({config})],\n * })\n * ```\n */\n config?: BuildThemeOptions\n}\n\n/**\n * A Studio plugin that adds a themer sidebar for `buildTheme` themes: a\n * navbar toggle opens the sidebar next to the active tool, where presets, the\n * accent/text/background pickers and the contrast slider preview a\n * `buildTheme` theme live on the whole Studio while you browse around.\n * Toggle between light and dark mode with the regular appearance menu — the\n * 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 * This is experimental and may change or be removed in any release without\n * notice — use at your own risk.\n *\n * @alpha\n */\nexport const themerTool = definePlugin<ThemerToolOptions | void>((options) => {\n const baseOptions = options?.config ?? {accent: DEFAULT_ACCENT}\n\n function ThemerLayoutWithOptions(props: LayoutProps) {\n return <ThemerLayout {...props} baseOptions={baseOptions} />\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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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/themer",
3
- "version": "0.3.14",
3
+ "version": "0.3.16",
4
4
  "description": "Generate Sanity Studio themes, and preview them with a Studio tool.",
5
5
  "keywords": [
6
6
  "sanity",
@@ -35,7 +35,8 @@
35
35
  "dependencies": {
36
36
  "@sanity/color": "^3.0.8",
37
37
  "@sanity/icons": "^5.2.2",
38
- "@sanity/ui": "^4.2.2",
38
+ "@sanity/themer-legacy": "^0.1.0",
39
+ "@sanity/ui": "^4.2.4",
39
40
  "react-compiler-runtime": "1.0.0",
40
41
  "react-refractor": "^4.0.0",
41
42
  "refractor": "^5.0.0"
@@ -48,7 +49,7 @@
48
49
  "oxc-transform-react": "^0.151.0",
49
50
  "react": "^19.3.0",
50
51
  "rimraf": "^5.0.5",
51
- "sanity": "^6.15.0",
52
+ "sanity": "^6.16.0",
52
53
  "styled-components": "^6.5.3",
53
54
  "tsdown": "^0.23.0",
54
55
  "typescript": "7.0.2",
package/dist/mix-BfV6_Ke4.js DELETED
@@ -1,42 +0,0 @@
1
- /**
2
- * Color mixing that is byte-for-byte compatible with the `mix` function from
3
- * `polished`, which the hosted Themer service (themer.sanity.build) used to
4
- * interpolate hue tints. Only opaque hex colors are supported, which is all
5
- * the theme generators ever pass.
6
- *
7
- * @internal
8
- */
9
- function mix(weight, color, otherColor) {
10
- if (weight === 0) return otherColor;
11
- let [r1, g1, b1] = hexToRgb(color), [r2, g2, b2] = hexToRgb(otherColor), w2 = 1 - weight;
12
- return reduceHex(`#${channelToHex(Math.floor(r1 * weight + r2 * w2))}${channelToHex(Math.floor(g1 * weight + g2 * w2))}${channelToHex(Math.floor(b1 * weight + b2 * w2))}`);
13
- }
14
- /**
15
- * Matches `#abc` and `#aabbcc` hex colors (the only formats the theme
16
- * generators accept), same as the hosted Themer service did.
17
- *
18
- * @internal
19
- */
20
- function isColor(input) {
21
- return /^#(?:[0-9a-f]{3}){1,2}$/i.test(input);
22
- }
23
- function hexToRgb(color) {
24
- if (!isColor(color)) throw TypeError(`Invalid color: ${JSON.stringify(color)} — expected a hex color`);
25
- let hex = color.length === 4 ? `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}` : color.slice(1);
26
- return [
27
- parseInt(hex.slice(0, 2), 16),
28
- parseInt(hex.slice(2, 4), 16),
29
- parseInt(hex.slice(4, 6), 16)
30
- ];
31
- }
32
- function channelToHex(value) {
33
- let hex = value.toString(16);
34
- return hex.length === 1 ? `0${hex}` : hex;
35
- }
36
- /** Shortens `#aabbcc` to `#abc` when possible, same as `polished` does */
37
- function reduceHex(hex) {
38
- return hex[1] === hex[2] && hex[3] === hex[4] && hex[5] === hex[6] ? `#${hex[1]}${hex[3]}${hex[5]}` : hex;
39
- }
40
- export { mix as n, isColor as t };
41
-
42
- //# sourceMappingURL=mix-BfV6_Ke4.js.map
package/dist/mix-BfV6_Ke4.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"mix-BfV6_Ke4.js","names":[],"sources":["../src/lib/mix.ts"],"sourcesContent":["/**\n * Color mixing that is byte-for-byte compatible with the `mix` function from\n * `polished`, which the hosted Themer service (themer.sanity.build) used to\n * interpolate hue tints. Only opaque hex colors are supported, which is all\n * the theme generators ever pass.\n *\n * @internal\n */\nexport function mix(weight: number, color: string, otherColor: string): string {\n // `polished` returns the other color as-is when the weight is 0\n if (weight === 0) return otherColor\n\n const [r1, g1, b1] = hexToRgb(color)\n const [r2, g2, b2] = hexToRgb(otherColor)\n\n const w2 = 1 - weight\n\n return reduceHex(\n `#${channelToHex(Math.floor(r1 * weight + r2 * w2))}${channelToHex(\n Math.floor(g1 * weight + g2 * w2),\n )}${channelToHex(Math.floor(b1 * weight + b2 * w2))}`,\n )\n}\n\n/**\n * Matches `#abc` and `#aabbcc` hex colors (the only formats the theme\n * generators accept), same as the hosted Themer service did.\n *\n * @internal\n */\nexport function isColor(input: string): boolean {\n return /^#(?:[0-9a-f]{3}){1,2}$/i.test(input)\n}\n\nfunction hexToRgb(color: string): [number, number, number] {\n if (!isColor(color)) {\n throw new TypeError(`Invalid color: ${JSON.stringify(color)} — expected a hex color`)\n }\n\n const hex =\n color.length === 4\n ? `${color[1]}${color[1]}${color[2]}${color[2]}${color[3]}${color[3]}`\n : color.slice(1)\n\n return [\n parseInt(hex.slice(0, 2), 16),\n parseInt(hex.slice(2, 4), 16),\n parseInt(hex.slice(4, 6), 16),\n ]\n}\n\nfunction channelToHex(value: number): string {\n const hex = value.toString(16)\n\n return hex.length === 1 ? `0${hex}` : hex\n}\n\n/** Shortens `#aabbcc` to `#abc` when possible, same as `polished` does */\nfunction reduceHex(hex: string): string {\n if (hex[1] === hex[2] && hex[3] === hex[4] && hex[5] === hex[6]) {\n return `#${hex[1]}${hex[3]}${hex[5]}`\n }\n\n return hex\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,IAAI,QAAgB,OAAe,YAA4B;CAE7E,IAAI,WAAW,GAAG,OAAO;CAEzB,IAAM,CAAC,IAAI,IAAI,MAAM,SAAS,KAAK,GAC7B,CAAC,IAAI,IAAI,MAAM,SAAS,UAAU,GAElC,KAAK,IAAI;CAEf,OAAO,UACL,IAAI,aAAa,KAAK,MAAM,KAAK,SAAS,KAAK,EAAE,CAAC,IAAI,aACpD,KAAK,MAAM,KAAK,SAAS,KAAK,EAAE,CAClC,IAAI,aAAa,KAAK,MAAM,KAAK,SAAS,KAAK,EAAE,CAAC,GACpD;AACF;;;;;;;AAQA,SAAgB,QAAQ,OAAwB;CAC9C,OAAO,2BAA2B,KAAK,KAAK;AAC9C;AAEA,SAAS,SAAS,OAAyC;CACzD,IAAI,CAAC,QAAQ,KAAK,GAChB,MAAU,UAAU,kBAAkB,KAAK,UAAU,KAAK,EAAE,wBAAwB;CAGtF,IAAM,MACJ,MAAM,WAAW,IACb,GAAG,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,KAAK,MAAM,OAChE,MAAM,MAAM,CAAC;CAEnB,OAAO;EACL,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;EAC5B,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;EAC5B,SAAS,IAAI,MAAM,GAAG,CAAC,GAAG,EAAE;CAC9B;AACF;AAEA,SAAS,aAAa,OAAuB;CAC3C,IAAM,MAAM,MAAM,SAAS,EAAE;CAE7B,OAAO,IAAI,WAAW,IAAI,IAAI,QAAQ;AACxC;;AAGA,SAAS,UAAU,KAAqB;CAKtC,OAJI,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,IAAI,MAAM,IAAI,OAAO,IAAI,KACpD,IAAI,IAAI,KAAK,IAAI,KAAK,IAAI,OAG5B;AACT"}
package/dist/presets-DWzYcsLg.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"presets-DWzYcsLg.js","names":[],"sources":["../src/theme/hsl.ts","../src/theme/options.ts","../src/theme/buildPalette.ts","../src/theme/buildTheme.ts","../src/theme/presets.ts"],"sourcesContent":["/**\n * Color math for the palette generator, kept at full float precision: unlike\n * the HSL helpers in `@sanity/ui/theme`, nothing is rounded between the two\n * conversions, so `hslToHex(hexToHsl(hex))` returns `hex` unchanged for every\n * color. `buildTheme` relies on that to reproduce the stock `@sanity/color`\n * palette byte-for-byte when it is called with the stock anchor colors.\n */\n\n/**\n * A color in HSL space: `h` in degrees within `[0, 360)`, `s` and `l` as\n * fractions within `[0, 1]`.\n *\n * @internal\n */\nexport interface Hsl {\n h: number\n s: number\n l: number\n}\n\n/** @internal */\nexport function hexToHsl(hex: string): Hsl {\n const [r, g, b] = parseHex(hex)\n\n const max = Math.max(r, g, b)\n const min = Math.min(r, g, b)\n const delta = max - min\n\n const l = (max + min) / 2\n\n if (delta === 0) {\n return {h: 0, s: 0, l}\n }\n\n const s = delta / (1 - Math.abs(2 * l - 1))\n\n let h: number\n\n if (max === r) {\n h = ((g - b) / delta) % 6\n } else if (max === g) {\n h = (b - r) / delta + 2\n } else {\n h = (r - g) / delta + 4\n }\n\n return {h: normalizeHue(h * 60), s, l}\n}\n\n/** @internal */\nexport function hslToHex(hsl: Hsl): string {\n const h = normalizeHue(hsl.h)\n const s = clamp01(hsl.s)\n const l = clamp01(hsl.l)\n\n const c = (1 - Math.abs(2 * l - 1)) * s\n const x = c * (1 - Math.abs(((h / 60) % 2) - 1))\n const m = l - c / 2\n\n let r = 0\n let g = 0\n let b = 0\n\n if (h < 60) {\n r = c\n g = x\n } else if (h < 120) {\n r = x\n g = c\n } else if (h < 180) {\n g = c\n b = x\n } else if (h < 240) {\n g = x\n b = c\n } else if (h < 300) {\n r = x\n b = c\n } else {\n r = c\n b = x\n }\n\n return `#${channelToHex(r + m)}${channelToHex(g + m)}${channelToHex(b + m)}`\n}\n\n/**\n * Rotates `from` towards `to` along the shortest arc of the hue circle.\n *\n * @internal\n */\nexport function mixHue(from: number, to: number, amount: number): number {\n const delta = ((((to - from) % 360) + 540) % 360) - 180\n\n return normalizeHue(from + delta * amount)\n}\n\n/**\n * The WCAG relative luminance of a hex color, between 0 (black) and 1 (white).\n *\n * @internal\n */\nexport function relativeLuminance(hex: string): number {\n const [r, g, b] = parseHex(hex)\n\n return 0.2126 * linearChannel(r) + 0.7152 * linearChannel(g) + 0.0722 * linearChannel(b)\n}\n\nfunction linearChannel(value: number): number {\n return value <= 0.04045 ? value / 12.92 : ((value + 0.055) / 1.055) ** 2.4\n}\n\n/** Parses `#abc` and `#aabbcc` hex colors into channel fractions of 1 */\nfunction parseHex(hex: string): [number, number, number] {\n const expanded =\n hex.length === 4 ? `${hex[1]}${hex[1]}${hex[2]}${hex[2]}${hex[3]}${hex[3]}` : hex.slice(1)\n\n return [\n parseInt(expanded.slice(0, 2), 16) / 255,\n parseInt(expanded.slice(2, 4), 16) / 255,\n parseInt(expanded.slice(4, 6), 16) / 255,\n ]\n}\n\nfunction channelToHex(value: number): string {\n return Math.round(clamp01(value) * 255)\n .toString(16)\n .padStart(2, '0')\n}\n\nfunction normalizeHue(hue: number): number {\n return ((hue % 360) + 360) % 360\n}\n\nfunction clamp01(value: number): number {\n return Math.min(1, Math.max(0, value))\n}\n","import {black, blue, gray, white} from '@sanity/color'\n\nimport {isColor} from '../lib/mix'\nimport {hexToHsl, hslToHex} from './hsl'\n\n/**\n * Options for {@link buildTheme} and {@link buildPalette}.\n *\n * Every color is a hex color (`#rgb` or `#rrggbb`). Passing the stock values\n * for every option — or just `accent: '#556bfc'` on its own — reproduces the\n * `@sanity/color` palette exactly, so the generated theme matches\n * `buildTheme()` from `@sanity/ui/theme` with no options.\n *\n * @public\n */\nexport interface BuildThemeOptions {\n /**\n * The accent color — the brand color of the theme. Replaces the `blue`\n * scale of the palette, which Sanity UI uses for primary buttons, focus\n * rings and links.\n *\n * The stock accent is `#556bfc` (`blue/500` of `@sanity/color`).\n */\n accent: string\n\n /**\n * The backgrounds of the two color schemes. `dark` replaces `black` in the\n * palette and `light` replaces `white` — every other color of a scheme is\n * blended onto them.\n *\n * Both are kept far enough from the text and accent colors to stay usable:\n * `dark` is made darker until it has enough contrast with them (it can\n * never be lighter than either), and `light` can never be darker than\n * either.\n *\n * The stock backgrounds are `#0d0e12` (dark) and `#ffffff` (light).\n */\n background?: {\n /** The dark scheme background — defaults to `#0d0e12` */\n dark?: string\n /** The light scheme background — defaults to `#ffffff` */\n light?: string\n }\n\n /**\n * How strongly text and borders separate from the accent color, between 15\n * and 100. The default is 85, which uses the text color as-is. Above 85 the\n * text scale loses its tint until it is fully neutral at 100 — a high\n * contrast scheme with no mixing of the text and accent colors. Below 85\n * more and more of the accent color mixes into the text scale, giving text\n * and borders more color, until the scale fully adopts the accent hue and\n * saturation at 15.\n */\n contrast?: number\n\n /**\n * The text color. Replaces the `gray` scale of the palette, which Sanity UI\n * uses for text, icons, borders and neutral surfaces. When omitted, it is\n * derived from the accent color: a mostly desaturated version of it, the\n * way the stock `gray` scale carries a hint of the stock blue.\n *\n * The stock text color is `#727892` (`gray/500` of `@sanity/color`).\n */\n text?: string\n}\n\n/**\n * {@link BuildThemeOptions} with every option filled in: colors normalized to\n * lowercase `#rrggbb`, the text color derived from the accent when it was\n * omitted, and the contrast clamped into its valid range.\n *\n * @internal\n */\nexport interface ResolvedThemeOptions {\n accent: string\n background: {dark: string; light: string}\n contrast: number\n text: string\n}\n\n/** The stock accent color — `blue/500` of `@sanity/color` @internal */\nexport const DEFAULT_ACCENT: string = blue[500].hex\n\n/** The stock text color — `gray/500` of `@sanity/color` @internal */\nexport const DEFAULT_TEXT: string = gray[500].hex\n\n/** The stock dark scheme background — `black` of `@sanity/color` @internal */\nexport const DEFAULT_BACKGROUND_DARK: string = black.hex\n\n/** The stock light scheme background — `white` of `@sanity/color` @internal */\nexport const DEFAULT_BACKGROUND_LIGHT: string = white.hex\n\n/** The contrast that applies the text color as-is @internal */\nexport const DEFAULT_CONTRAST = 85\n\n/** @internal */\nexport const MINIMUM_CONTRAST = 15\n\n/** @internal */\nexport const MAXIMUM_CONTRAST = 100\n\n/** @internal */\nexport function resolveThemeOptions(options: BuildThemeOptions): ResolvedThemeOptions {\n const accent = normalizeColor(options.accent, 'accent')\n\n return {\n accent,\n background: {\n dark:\n options.background?.dark === undefined\n ? DEFAULT_BACKGROUND_DARK\n : normalizeColor(options.background.dark, 'background.dark'),\n light:\n options.background?.light === undefined\n ? DEFAULT_BACKGROUND_LIGHT\n : normalizeColor(options.background.light, 'background.light'),\n },\n contrast: normalizeContrast(options.contrast),\n text:\n options.text === undefined ? deriveTextColor(accent) : normalizeColor(options.text, 'text'),\n }\n}\n\n/**\n * Derives the text color from an accent color, keeping the relationship the\n * stock palette has between `gray/500` and `blue/500`: the text color takes\n * the accent's hue (offset the way the stock gray is offset from the stock\n * blue), carries about an eighth of its saturation, and keeps the stock text\n * lightness. Deriving from the stock accent returns the stock text color.\n *\n * @internal\n */\nexport function deriveTextColor(accent: string): string {\n const accentHsl = hexToHsl(normalizeColor(accent, 'accent'))\n const defaultAccent = hexToHsl(DEFAULT_ACCENT)\n const defaultText = hexToHsl(DEFAULT_TEXT)\n\n return hslToHex({\n h: defaultText.h + (accentHsl.h - defaultAccent.h),\n s: Math.min(1, defaultText.s * (accentHsl.s / defaultAccent.s)),\n l: defaultText.l,\n })\n}\n\nfunction normalizeColor(value: string, name: string): string {\n if (typeof value !== 'string' || !isColor(value)) {\n throw new TypeError(\n `Invalid \\`${name}\\` color: ${JSON.stringify(value)} — expected a hex color like #556bfc`,\n )\n }\n\n const lower = value.toLowerCase()\n\n return lower.length === 4\n ? `#${lower[1]}${lower[1]}${lower[2]}${lower[2]}${lower[3]}${lower[3]}`\n : lower\n}\n\nfunction normalizeContrast(value: number | undefined): number {\n if (value === undefined) {\n return DEFAULT_CONTRAST\n }\n\n if (typeof value !== 'number' || !Number.isFinite(value)) {\n throw new TypeError(\n `Invalid \\`contrast\\`: ${JSON.stringify(value)} — expected a number between ${MINIMUM_CONTRAST} and ${MAXIMUM_CONTRAST}`,\n )\n }\n\n return Math.min(MAXIMUM_CONTRAST, Math.max(MINIMUM_CONTRAST, value))\n}\n","import {color, COLOR_TINTS, ColorHueKey, ColorTintKey, ColorTints} from '@sanity/color'\n\nimport {hexToHsl, Hsl, hslToHex, mixHue, relativeLuminance} from './hsl'\nimport {\n BuildThemeOptions,\n DEFAULT_ACCENT,\n DEFAULT_CONTRAST,\n DEFAULT_TEXT,\n MAXIMUM_CONTRAST,\n MINIMUM_CONTRAST,\n resolveThemeOptions,\n} from './options'\n\n/**\n * The lightness band the accent and text colors are clamped into — anchors\n * outside it would squeeze most of their scale's tints into an\n * indistinguishable sliver, messing with the rest of the scale.\n */\nconst MINIMUM_ANCHOR_LIGHTNESS = 0.25\nconst MAXIMUM_ANCHOR_LIGHTNESS = 0.75\n\n/**\n * The contrast ratio the dark background must reach against the 400 tints of\n * the text and accent scales — the tints Sanity UI paints muted text and\n * solid buttons with on dark backgrounds. The stock palette sits at ~6.8.\n */\nconst MINIMUM_DARK_BACKGROUND_CONTRAST = 4.5\n\n/** How much lightness each step of a background adjustment removes or adds */\nconst BACKGROUND_LIGHTNESS_STEP = 0.005\n\n/**\n * The color palette generated by {@link buildPalette}: the `palette` config\n * of `buildTheme` from `@sanity/ui/theme`, with every color as a hex string.\n *\n * @public\n */\nexport type GeneratedColorPalette = {black: string; white: string} & Record<\n ColorHueKey,\n Record<ColorTintKey, string>\n>\n\n/**\n * Generates a Sanity UI color palette from the theme options: the accent\n * color replaces the `blue` scale, the text color the `gray` scale, and the\n * backgrounds replace `black` and `white`. All other hues keep their stock\n * `@sanity/color` values. Called with the stock colors, it returns the stock\n * palette byte-for-byte.\n *\n * ```ts\n * import {buildPalette} from '@sanity/themer'\n *\n * const palette = buildPalette({accent: '#556bfc'})\n * ```\n *\n * @public\n */\nexport function buildPalette(options: BuildThemeOptions): GeneratedColorPalette {\n const resolved = resolveThemeOptions(options)\n\n const accentAnchor = clampAnchorLightness(hexToHsl(resolved.accent))\n const textAnchor = clampAnchorLightness(hexToHsl(resolved.text))\n const grayAnchor = applyContrast(textAnchor, accentAnchor, resolved.contrast)\n\n const blueTints = remapTints(color.blue, hexToHsl(DEFAULT_ACCENT), accentAnchor)\n const grayTints = remapTints(color.gray, hexToHsl(DEFAULT_TEXT), grayAnchor)\n\n const anchorLuminances = [\n relativeLuminance(hslToHex(grayAnchor)),\n relativeLuminance(hslToHex(accentAnchor)),\n ]\n\n return {\n black: darkenBackground(resolved.background.dark, {\n anchorLuminances,\n tints: [grayTints['400'], blueTints['400']],\n }),\n white: lightenBackground(resolved.background.light, anchorLuminances),\n gray: grayTints,\n blue: blueTints,\n purple: tintHexes(color.purple),\n magenta: tintHexes(color.magenta),\n red: tintHexes(color.red),\n orange: tintHexes(color.orange),\n yellow: tintHexes(color.yellow),\n green: tintHexes(color.green),\n cyan: tintHexes(color.cyan),\n }\n}\n\n/**\n * Mixes the accent color into the text color according to the contrast: 85\n * applies the text color as-is, 100 removes its tint entirely, and lower\n * values rotate and saturate it towards the accent.\n */\nfunction applyContrast(text: Hsl, accent: Hsl, contrast: number): Hsl {\n if (contrast === DEFAULT_CONTRAST) {\n return text\n }\n\n if (contrast > DEFAULT_CONTRAST) {\n const amount = (contrast - DEFAULT_CONTRAST) / (MAXIMUM_CONTRAST - DEFAULT_CONTRAST)\n\n return {h: text.h, s: text.s * (1 - amount), l: text.l}\n }\n\n const amount = (DEFAULT_CONTRAST - contrast) / (DEFAULT_CONTRAST - MINIMUM_CONTRAST)\n\n return {\n h: mixHue(text.h, accent.h, amount),\n s: text.s + (accent.s - text.s) * amount,\n l: text.l,\n }\n}\n\n/**\n * Rebuilds a stock tint scale around a new anchor color, where `from` is the\n * scale's stock 500 tint: hues rotate along, saturation scales\n * proportionally, and lightness is remapped piecewise so the anchor takes the\n * new lightness while the scale keeps spanning light to dark. When the anchor\n * matches the stock one, every tint comes back unchanged.\n */\nfunction remapTints(tints: ColorTints, from: Hsl, to: Hsl): Record<ColorTintKey, string> {\n const rotation = to.h - from.h\n const result: Partial<Record<ColorTintKey, string>> = {}\n\n for (const tint of COLOR_TINTS) {\n const value = hexToHsl(tints[tint].hex)\n\n result[tint] = hslToHex({\n h: value.h + rotation,\n s: remapSaturation(value.s, from.s, to.s),\n l: remapLightness(value.l, from.l, to.l),\n })\n }\n\n // oxlint-disable-next-line no-unsafe-type-assertion -- the loop assigns every tint key\n return result as Record<ColorTintKey, string>\n}\n\nfunction remapSaturation(value: number, from: number, to: number): number {\n if (from === to) {\n return value\n }\n\n return Math.min(1, value * (to / from))\n}\n\nfunction remapLightness(value: number, from: number, to: number): number {\n if (from === to) {\n return value\n }\n\n if (value <= from) {\n return value * (to / from)\n }\n\n return to + ((value - from) * (1 - to)) / (1 - from)\n}\n\nfunction clampAnchorLightness(anchor: Hsl): Hsl {\n const l = Math.min(MAXIMUM_ANCHOR_LIGHTNESS, Math.max(MINIMUM_ANCHOR_LIGHTNESS, anchor.l))\n\n return l === anchor.l ? anchor : {...anchor, l}\n}\n\n/**\n * Enforces the dark background rules: it can never be lighter than the text\n * or accent colors, and it must reach enough contrast with the 400 tints of\n * their scales — it is made darker until it does (or bottoms out at black).\n */\nfunction darkenBackground(\n hex: string,\n rules: {anchorLuminances: number[]; tints: string[]},\n): string {\n const maximumLuminance = Math.min(...rules.anchorLuminances)\n const tintLuminances = rules.tints.map((tint) => relativeLuminance(tint))\n\n const isDarkEnough = (background: string): boolean => {\n const luminance = relativeLuminance(background)\n\n return (\n luminance < maximumLuminance &&\n tintLuminances.every(\n (tintLuminance) =>\n (tintLuminance + 0.05) / (luminance + 0.05) >= MINIMUM_DARK_BACKGROUND_CONTRAST,\n )\n )\n }\n\n const {h, s, l} = hexToHsl(hex)\n let lightness = l\n let current = hex\n\n while (!isDarkEnough(current) && lightness > 0) {\n lightness = Math.max(0, lightness - BACKGROUND_LIGHTNESS_STEP)\n current = hslToHex({h, s, l: lightness})\n }\n\n return current\n}\n\n/**\n * Enforces the light background rule: it can never be darker than the text\n * or accent colors — it is made lighter until it is (or tops out at white).\n */\nfunction lightenBackground(hex: string, anchorLuminances: number[]): string {\n const minimumLuminance = Math.max(...anchorLuminances)\n\n const {h, s, l} = hexToHsl(hex)\n let lightness = l\n let current = hex\n\n while (relativeLuminance(current) <= minimumLuminance && lightness < 1) {\n lightness = Math.min(1, lightness + BACKGROUND_LIGHTNESS_STEP)\n current = hslToHex({h, s, l: lightness})\n }\n\n return current\n}\n\nfunction tintHexes(tints: ColorTints): Record<ColorTintKey, string> {\n const result: Partial<Record<ColorTintKey, string>> = {}\n\n for (const tint of COLOR_TINTS) {\n result[tint] = tints[tint].hex\n }\n\n // oxlint-disable-next-line no-unsafe-type-assertion -- the loop assigns every tint key\n return result as Record<ColorTintKey, string>\n}\n","import {buildTheme as buildUITheme, RootTheme} from '@sanity/ui/theme'\n\nimport {buildPalette} from './buildPalette'\nimport {BuildThemeOptions} from './options'\n\n/**\n * Generates a Studio theme from a handful of colors, by replacing the color\n * palette that the `buildTheme` from `@sanity/ui/theme` otherwise fills with\n * `@sanity/color`: the accent color replaces the `blue` scale (primary\n * buttons, focus rings, links), the optional text color the `gray` scale\n * (text, icons, borders), and the optional backgrounds replace `black` and\n * `white`. The result is the same type of theme that `@sanity/ui/theme`\n * builds, ready for the `theme` property of a Studio config.\n *\n * ```ts\n * import {buildTheme} from '@sanity/themer'\n * import {defineConfig} from 'sanity'\n *\n * export const theme = buildTheme({\n * accent: '#556bfc',\n * text: '#727892', // optional — derived from `accent` when omitted\n * background: {dark: '#0d0e12', light: '#ffffff'}, // optional\n * contrast: 85, // optional, 15–100\n * })\n *\n * export default defineConfig({\n * theme,\n * // ...rest of the config\n * })\n * ```\n *\n * Called with the stock colors — like the example — it returns the exact\n * same colors as `buildTheme()` from `@sanity/ui/theme` with no options.\n *\n * @public\n */\nexport function buildTheme(options: BuildThemeOptions): RootTheme {\n return buildUITheme({palette: buildPalette(options)})\n}\n","import {BuildThemeOptions, DEFAULT_ACCENT} from './options'\n\n/**\n * A preset theme: a named set of {@link BuildThemeOptions} ready to pass to\n * `buildTheme`.\n *\n * @public\n */\nexport interface ThemePreset {\n slug: string\n title: string\n /** The preset's theme options, ready to pass to `buildTheme` */\n options: BuildThemeOptions\n}\n\n/**\n * Preset themes for `buildTheme`, carried over from the hosted Themer service\n * (themer.sanity.build) presets: each one maps the legacy preset's primary\n * hue to `accent`, its default hue to `text` and its lightest/darkest colors\n * to the backgrounds.\n *\n * ```ts\n * import {buildTheme, presets} from '@sanity/themer'\n *\n * const verdant = presets.find((preset) => preset.slug === 'verdant')\n * const theme = buildTheme(verdant.options)\n * ```\n *\n * @public\n */\nexport const presets: ThemePreset[] = [\n {\n slug: 'studio',\n title: 'Studio',\n options: {accent: DEFAULT_ACCENT},\n },\n {\n slug: 'dew',\n title: 'Dew',\n options: {\n accent: '#d1a308',\n text: '#5e63b4',\n background: {dark: '#0d0d15', light: '#fcfcfd'},\n },\n },\n {\n slug: 'pink-synth',\n title: 'Pink Synth',\n options: {\n accent: '#ec4899',\n text: '#8b6584',\n background: {dark: '#171721', light: '#f7f2f5'},\n },\n },\n {\n slug: 'pixel-art',\n title: 'Pixel Art',\n options: {\n accent: '#f10784',\n text: '#57619c',\n background: {dark: '#0d0e15', light: '#fcfcfd'},\n },\n },\n {\n slug: 'retro-colonial',\n title: 'Retro Colonial',\n options: {\n accent: '#fa7a78',\n text: '#8bb9b5',\n background: {dark: '#0d1515', light: '#fcfdfd'},\n },\n },\n {\n slug: 'rosabel',\n title: 'Rosabel',\n options: {\n accent: '#ed2555',\n text: '#9d8966',\n background: {dark: '#15120d', light: '#fdfdfc'},\n },\n },\n {\n slug: 'stereofidelic',\n title: 'Stereofidelic',\n options: {\n accent: '#f13009',\n text: '#678e9a',\n background: {dark: '#0e1315', light: '#fcfdfd'},\n },\n },\n {\n slug: 'verdant',\n title: 'Verdant',\n options: {\n accent: '#1cb485',\n text: '#5c9199',\n background: {dark: '#0d1415', light: '#fcfdfd'},\n },\n },\n]\n"],"mappings":"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"}