@basic-ui/material 1.0.0-alpha.35 → 1.0.0-alpha.36

package/build/esm/ThemeExplorer/ThemeBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeBuilder.js","names":["useState","useMemo","useEffect","argbFromHex","hexFromArgb","TonalPalette","HCT","toColor","THEME_OVERRIDE_STORAGE_KEY","injectThemeOverride","transformTheme","loadGoogleFont","rem","remToPx","Box","TonalColors","ThemeColors","makeColorScheme","Text","useLocalStorageCachedState","useDeferredColor","FontAutoComplete","parseMainFont","BorderSlider","ColorSchemePicker","DefaultHighlighter","props","children","ThemeBuilder","mounted","setMounted","ThemeBuilderImpl","theme","baseTheme","CodeHighlightingComponent","fonts","plain","plainFont","setPlainFont","brand","brandFont","setBrandFont","parseInt","radii","radiusExtraSmall","setRadiusExtraSmall","radiusSmall","setRadiusSmall","radiusMedium","setRadiusMedium","radiusLarge","setRadiusLarge","radiusExtraLarge","setRadiusExtraLarge","colors","primary","primaryColor","setPrimaryColor","argb","hex","hct","fromInt","hue","a1","fromHueAndChroma","Math","max","chroma","a2","a3","n1","n2","error","secondaryColor","secondaryColorTonal","setSecondaryColor","tertiaryColor","tertiaryColorTonal","setTertiaryColor","neutralColor","neutralColorTonal","setNeutralColor","scheme","secondary","tertiary","neutral","neutralVariant","newTheme","small","medium","large","large_end","large_top","colorModes","localStorage","setItem","JSON","stringify","gap","flexWrap","v","f","family","weights","c","tone","modes","dark"],"sources":["../../../src/ThemeExplorer/ThemeBuilder.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport { useState, useMemo, useEffect } from 'react';\nimport {\n  argbFromHex,\n  hexFromArgb,\n  TonalPalette,\n  HCT,\n} from '@material/material-color-utilities';\nimport type { Color } from '@basic-ui/color-picker';\nimport { toColor } from '@basic-ui/color-picker';\nimport {\n  THEME_OVERRIDE_STORAGE_KEY,\n  injectThemeOverride,\n  transformTheme,\n  loadGoogleFont,\n} from '@basic-ui/dynamic-theme';\nimport { rem } from 'polished';\nimport remToPx from 'polished/lib/helpers/remToPx';\n\nimport { Box } from '../Box';\nimport { TonalColors } from './components';\nimport { ThemeColors } from './ThemeColors';\nimport { makeColorScheme } from './makeColorScheme';\nimport { Text } from '../Text';\nimport { useLocalStorageCachedState } from './useLocalStorageCachedState';\nimport { useDeferredColor } from './useDeferredColor';\nimport { FontAutoComplete, parseMainFont } from './FontAutoComplete';\nimport type { Theme } from '../theme/theme';\nimport { BorderSlider } from './BorderSlider';\nimport { ColorSchemePicker } from './ColorSchemePicker';\n\nexport interface ThemeBuilderProps {\n  CodeHighlightingComponent?: ComponentType<{\n    children: string;\n    className: string;\n    showButtons?: boolean;\n  }>;\n  baseTheme: Theme;\n}\n\nfunction DefaultHighlighter(props: { children: string }) {\n  return (\n    <Box as=\"pre\" fontFamily=\"monospace\" fontSize=\"12px\">\n      {props.children}\n    </Box>\n  );\n}\n\nexport const ThemeBuilder = (props: ThemeBuilderProps) => {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n  if (!mounted) return null;\n  return <ThemeBuilderImpl {...props} />;\n};\n\nconst ThemeBuilderImpl = (props: ThemeBuilderProps) => {\n  const { baseTheme: theme, CodeHighlightingComponent = DefaultHighlighter } =\n    props;\n  const [plainFont, setPlainFont] = useLocalStorageCachedState(\n    parseMainFont(theme.fonts.plain),\n    'fontFamily.plain'\n  );\n  const [brandFont, setBrandFont] = useLocalStorageCachedState(\n    parseMainFont(theme.fonts.brand),\n    'fontFamily.brand'\n  );\n\n  const [radiusExtraSmall, setRadiusExtraSmall] =\n    useLocalStorageCachedState<number>(\n      parseInt(remToPx(theme.radii['extra-small'])),\n      'radii.extra-small'\n    );\n\n  const [radiusSmall, setRadiusSmall] = useLocalStorageCachedState<number>(\n    parseInt(remToPx(theme.radii['small'])),\n    'radii.small'\n  );\n\n  const [radiusMedium, setRadiusMedium] = useLocalStorageCachedState<number>(\n    parseInt(remToPx(theme.radii['medium'])),\n    'radii.medium'\n  );\n\n  const [radiusLarge, setRadiusLarge] = useLocalStorageCachedState<number>(\n    parseInt(remToPx(theme.radii['large'])),\n    'radii.large'\n  );\n\n  const [radiusExtraLarge, setRadiusExtraLarge] =\n    useLocalStorageCachedState<number>(\n      parseInt(remToPx(theme.radii['extra-large'])),\n      'radii.extra-large'\n    );\n\n  const [primaryColor, setPrimaryColor] = useLocalStorageCachedState<Color>(\n    toColor('hex', theme.colors.primary),\n    'primary'\n  );\n\n  const { a1, a2, a3, error, n1, n2 } = useMemo(() => {\n    /* This is from CorePalette.of(...) */\n    const argb = argbFromHex(primaryColor.hex);\n    const hct = HCT.fromInt(argb);\n    const hue = hct.hue;\n    return {\n      a1: TonalPalette.fromHueAndChroma(hue, Math.max(48, hct.chroma)),\n      a2: TonalPalette.fromHueAndChroma(hue, 16),\n      a3: TonalPalette.fromHueAndChroma(hue + 60, 24),\n      n1: TonalPalette.fromHueAndChroma(hue, 6),\n      n2: TonalPalette.fromHueAndChroma(hue, 8),\n      error: TonalPalette.fromHueAndChroma(25, 84),\n    };\n  }, [primaryColor.hex]);\n\n  const [secondaryColor, secondaryColorTonal, setSecondaryColor] =\n    useDeferredColor('secondary', a2);\n  const [tertiaryColor, tertiaryColorTonal, setTertiaryColor] =\n    useDeferredColor('tertiary', a3);\n  const [neutralColor, neutralColorTonal, setNeutralColor] = useDeferredColor(\n    'neutral',\n    n1\n  );\n\n  const scheme = useMemo(\n    () =>\n      makeColorScheme({\n        primary: a1,\n        secondary: secondaryColorTonal,\n        tertiary: tertiaryColorTonal,\n        error: error,\n        neutral: neutralColorTonal,\n        neutralVariant: n2,\n      }),\n    [a1, secondaryColorTonal, tertiaryColorTonal, error, neutralColorTonal, n2]\n  );\n\n  const newTheme = useMemo(\n    () => ({\n      colors: scheme,\n      fonts: { plain: `\"${plainFont}\"`, brand: `\"${brandFont}\"` },\n      radii: {\n        'extra-small': rem(radiusExtraSmall),\n        'extra-small_top': `${rem(radiusExtraSmall)} ${rem(\n          radiusExtraSmall\n        )} 0 0`,\n        small: rem(radiusSmall),\n        medium: rem(radiusMedium),\n        large: rem(radiusLarge),\n        large_end: `0 ${rem(radiusLarge)} ${rem(radiusLarge)} 0`,\n        large_top: `${rem(radiusLarge)} ${rem(radiusLarge)} 0 0`,\n        'extra-large': rem(radiusExtraLarge),\n        'extra-large_top': `${rem(radiusExtraLarge)} ${rem(\n          radiusExtraLarge\n        )} 0 0`,\n      },\n    }),\n    [\n      scheme,\n      plainFont,\n      brandFont,\n      radiusExtraSmall,\n      radiusSmall,\n      radiusMedium,\n      radiusLarge,\n      radiusExtraLarge,\n    ]\n  );\n\n  const colorModes = useMemo(\n    () => transformTheme(newTheme, ['fonts', 'radii']).colorModes,\n    [newTheme]\n  );\n\n  useEffect(() => {\n    localStorage.setItem(\n      THEME_OVERRIDE_STORAGE_KEY,\n      JSON.stringify({ colorModes })\n    );\n    injectThemeOverride({ colorModes });\n  }, [colorModes]);\n\n  return (\n    <>\n      {/* Shape */}\n      <Text variant=\"headline-small\">Shape</Text>\n      <Box display=\"flex\" my={3} sx={{ gap: 3, flexWrap: 'wrap' }}>\n        <BorderSlider\n          label=\"Extra small\"\n          defaultValue={radiusExtraSmall}\n          onChange={(v) => setRadiusExtraSmall(v)}\n          onReset={() => {\n            setRadiusExtraSmall(parseInt(remToPx(theme.radii['extra-small'])));\n          }}\n          resetDisabled={rem(radiusExtraSmall) === theme.radii['extra-small']}\n        />\n        <BorderSlider\n          label=\"Small\"\n          defaultValue={radiusSmall}\n          onChange={(v) => setRadiusSmall(v)}\n          onReset={() => {\n            setRadiusSmall(parseInt(remToPx(theme.radii['small'])));\n          }}\n          resetDisabled={rem(radiusSmall) === theme.radii.small}\n        />\n        <BorderSlider\n          label=\"Medium\"\n          defaultValue={radiusMedium}\n          onChange={(v) => setRadiusMedium(v)}\n          onReset={() => {\n            setRadiusMedium(parseInt(remToPx(theme.radii['medium'])));\n          }}\n          resetDisabled={rem(radiusMedium) === theme.radii['medium']}\n        />\n        <BorderSlider\n          label=\"Large\"\n          defaultValue={radiusLarge}\n          onChange={(v) => setRadiusLarge(v)}\n          onReset={() => {\n            setRadiusLarge(parseInt(remToPx(theme.radii['large'])));\n          }}\n          resetDisabled={rem(radiusLarge) === theme.radii['large']}\n        />\n        <BorderSlider\n          label=\"Extra large\"\n          defaultValue={radiusExtraLarge}\n          onChange={(v) => setRadiusExtraLarge(v)}\n          onReset={() => {\n            setRadiusExtraLarge(parseInt(remToPx(theme.radii['extra-large'])));\n          }}\n          resetDisabled={rem(radiusExtraLarge) === theme.radii['extra-large']}\n        />\n      </Box>\n      {/* Font pickers */}\n      <Text variant=\"headline-small\">Typography</Text>\n      <Box display=\"flex\" my={3} sx={{ gap: 3, flexWrap: 'wrap' }}>\n        <FontAutoComplete\n          label=\"Brand\"\n          initialValue={brandFont}\n          onSelect={(f) => {\n            if (f) {\n              setBrandFont(f);\n              loadGoogleFont([\n                { family: f, weights: [300, 400, 500, 600, 700] },\n              ]);\n            }\n          }}\n          onReset={() => {\n            setBrandFont(parseMainFont(theme.fonts.brand));\n          }}\n          resetDisabled={brandFont === parseMainFont(theme.fonts.brand)}\n        />\n        <FontAutoComplete\n          label=\"Plain\"\n          initialValue={plainFont}\n          onSelect={(f) => {\n            if (f) {\n              setPlainFont(f);\n              loadGoogleFont([\n                { family: f, weights: [300, 400, 500, 600, 700] },\n              ]);\n            }\n          }}\n          onReset={() => {\n            setPlainFont(parseMainFont(theme.fonts.plain));\n          }}\n          resetDisabled={plainFont === parseMainFont(theme.fonts.plain)}\n        />\n      </Box>\n      {/* Color pickers */}\n      <Text variant=\"headline-small\">Color schemes</Text>\n      <Box display=\"flex\" my={3} sx={{ gap: 3, flexWrap: 'wrap' }}>\n        <ColorSchemePicker\n          label=\"Primary color\"\n          initialValue={primaryColor}\n          onChange={(c) => setPrimaryColor(c)}\n          onReset={() => setPrimaryColor(toColor('hex', theme.colors.primary))}\n          resetDisabled={\n            primaryColor.hex === toColor('hex', theme.colors.primary).hex\n          }\n        />\n        <ColorSchemePicker\n          label=\"Secondary color\"\n          initialValue={\n            secondaryColor ||\n            toColor('hex', hexFromArgb(secondaryColorTonal.tone(40)))\n          }\n          onChange={(c) => setSecondaryColor(c)}\n          onReset={() => setSecondaryColor(null)}\n          resetDisabled={secondaryColor === null}\n        />\n        <ColorSchemePicker\n          label=\"Tertiary color\"\n          initialValue={\n            tertiaryColor ||\n            toColor('hex', hexFromArgb(tertiaryColorTonal.tone(40)))\n          }\n          onChange={(c) => setTertiaryColor(c)}\n          onReset={() => setTertiaryColor(null)}\n          resetDisabled={tertiaryColor === null}\n        />\n        <ColorSchemePicker\n          label=\"Neutral color\"\n          initialValue={\n            neutralColor ||\n            toColor('hex', hexFromArgb(neutralColorTonal.tone(40)))\n          }\n          onChange={(c) => setNeutralColor(c)}\n          onReset={() => setNeutralColor(null)}\n          resetDisabled={neutralColor === null}\n        />\n      </Box>\n      <Box width=\"100%\">\n        <Box display=\"flex\" flexDirection=\"column\" sx={{ gap: 4 }}>\n          <Box flex=\"1\">\n            <Text variant=\"title-medium\" as=\"h1\" pb={'0.3em'} pt={3}>\n              Light theme\n            </Text>\n            <ThemeColors scheme={scheme} />\n          </Box>\n          <Box flex=\"1\">\n            <Text variant=\"title-medium\" as=\"h1\" pb={'0.3em'} pt={3}>\n              Dark theme\n            </Text>\n            <ThemeColors scheme={scheme.modes.dark} />\n          </Box>\n        </Box>\n        <Box my={4} display=\"flex\" sx={{ gap: 3 }} flexDirection=\"column\">\n          <Text variant=\"title-medium\" as=\"h1\" pb={'0.3em'} pt={3}>\n            Palettes\n          </Text>\n          <TonalColors palette={a1} />\n          <TonalColors palette={secondaryColorTonal} />\n          <TonalColors palette={tertiaryColorTonal} />\n          <TonalColors palette={error} />\n          <TonalColors palette={neutralColorTonal} />\n          <TonalColors palette={n2} />\n        </Box>\n      </Box>\n      {/* Color pickers */}\n      <Text variant=\"headline-small\">Theme</Text>\n      <CodeHighlightingComponent className={`language-json`}>\n        {JSON.stringify(newTheme, null, 2)}\n      </CodeHighlightingComponent>\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"ThemeBuilder.js","names":["useState","useMemo","useEffect","argbFromHex","hexFromArgb","TonalPalette","HCT","toColor","THEME_OVERRIDE_STORAGE_KEY","injectThemeOverride","transformTheme","loadGoogleFont","rem","remToPx","Box","TonalColors","ThemeColors","makeColorScheme","Text","useLocalStorageCachedState","useDeferredColor","FontAutoComplete","parseMainFont","BorderSlider","ColorSchemePicker","makeTailwindThemeCSS","DefaultHighlighter","props","children","ThemeBuilder","mounted","setMounted","ThemeBuilderImpl","theme","baseTheme","CodeHighlightingComponent","fonts","plain","plainFont","setPlainFont","brand","brandFont","setBrandFont","parseInt","radii","radiusExtraSmall","setRadiusExtraSmall","radiusSmall","setRadiusSmall","radiusMedium","setRadiusMedium","radiusLarge","setRadiusLarge","radiusExtraLarge","setRadiusExtraLarge","colors","primary","primaryColor","setPrimaryColor","argb","hex","hct","fromInt","hue","a1","fromHueAndChroma","Math","max","chroma","a2","a3","n1","n2","error","secondaryColor","secondaryColorTonal","setSecondaryColor","tertiaryColor","tertiaryColorTonal","setTertiaryColor","neutralColor","neutralColorTonal","setNeutralColor","scheme","secondary","tertiary","neutral","neutralVariant","newTheme","small","medium","large","large_end","large_top","colorModes","localStorage","setItem","JSON","stringify","gap","flexWrap","v","f","family","weights","c","tone","modes","dark"],"sources":["../../../src/ThemeExplorer/ThemeBuilder.tsx"],"sourcesContent":["import type { ComponentType } from 'react';\nimport { useState, useMemo, useEffect } from 'react';\nimport {\n  argbFromHex,\n  hexFromArgb,\n  TonalPalette,\n  HCT,\n} from '@material/material-color-utilities';\nimport type { Color } from '@basic-ui/color-picker';\nimport { toColor } from '@basic-ui/color-picker';\nimport {\n  THEME_OVERRIDE_STORAGE_KEY,\n  injectThemeOverride,\n  transformTheme,\n  loadGoogleFont,\n} from '@basic-ui/dynamic-theme';\nimport { rem } from 'polished';\nimport remToPx from 'polished/lib/helpers/remToPx';\n\nimport { Box } from '../Box';\nimport { TonalColors } from './components';\nimport { ThemeColors } from './ThemeColors';\nimport { makeColorScheme } from './makeColorScheme';\nimport { Text } from '../Text';\nimport { useLocalStorageCachedState } from './useLocalStorageCachedState';\nimport { useDeferredColor } from './useDeferredColor';\nimport { FontAutoComplete, parseMainFont } from './FontAutoComplete';\nimport type { Theme } from '../theme/theme';\nimport { BorderSlider } from './BorderSlider';\nimport { ColorSchemePicker } from './ColorSchemePicker';\nimport { makeTailwindThemeCSS } from './makeTailwindTheme';\n\nexport interface ThemeBuilderProps {\n  CodeHighlightingComponent?: ComponentType<{\n    children: string;\n    className: string;\n    showButtons?: boolean;\n  }>;\n  baseTheme: Theme;\n}\n\nfunction DefaultHighlighter(props: { children: string }) {\n  return (\n    <Box as=\"pre\" fontFamily=\"monospace\" fontSize=\"12px\">\n      {props.children}\n    </Box>\n  );\n}\n\nexport const ThemeBuilder = (props: ThemeBuilderProps) => {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    setMounted(true);\n  }, []);\n  if (!mounted) return null;\n  return <ThemeBuilderImpl {...props} />;\n};\n\nconst ThemeBuilderImpl = (props: ThemeBuilderProps) => {\n  const { baseTheme: theme, CodeHighlightingComponent = DefaultHighlighter } =\n    props;\n  const [plainFont, setPlainFont] = useLocalStorageCachedState(\n    parseMainFont(theme.fonts.plain),\n    'fontFamily.plain'\n  );\n  const [brandFont, setBrandFont] = useLocalStorageCachedState(\n    parseMainFont(theme.fonts.brand),\n    'fontFamily.brand'\n  );\n\n  const [radiusExtraSmall, setRadiusExtraSmall] =\n    useLocalStorageCachedState<number>(\n      parseInt(remToPx(theme.radii['extra-small'])),\n      'radii.extra-small'\n    );\n\n  const [radiusSmall, setRadiusSmall] = useLocalStorageCachedState<number>(\n    parseInt(remToPx(theme.radii['small'])),\n    'radii.small'\n  );\n\n  const [radiusMedium, setRadiusMedium] = useLocalStorageCachedState<number>(\n    parseInt(remToPx(theme.radii['medium'])),\n    'radii.medium'\n  );\n\n  const [radiusLarge, setRadiusLarge] = useLocalStorageCachedState<number>(\n    parseInt(remToPx(theme.radii['large'])),\n    'radii.large'\n  );\n\n  const [radiusExtraLarge, setRadiusExtraLarge] =\n    useLocalStorageCachedState<number>(\n      parseInt(remToPx(theme.radii['extra-large'])),\n      'radii.extra-large'\n    );\n\n  const [primaryColor, setPrimaryColor] = useLocalStorageCachedState<Color>(\n    toColor('hex', theme.colors.primary),\n    'primary'\n  );\n\n  const { a1, a2, a3, error, n1, n2 } = useMemo(() => {\n    /* This is from CorePalette.of(...) */\n    const argb = argbFromHex(primaryColor.hex);\n    const hct = HCT.fromInt(argb);\n    const hue = hct.hue;\n    return {\n      a1: TonalPalette.fromHueAndChroma(hue, Math.max(48, hct.chroma)),\n      a2: TonalPalette.fromHueAndChroma(hue, 16),\n      a3: TonalPalette.fromHueAndChroma(hue + 60, 24),\n      n1: TonalPalette.fromHueAndChroma(hue, 6),\n      n2: TonalPalette.fromHueAndChroma(hue, 8),\n      error: TonalPalette.fromHueAndChroma(25, 84),\n    };\n  }, [primaryColor.hex]);\n\n  const [secondaryColor, secondaryColorTonal, setSecondaryColor] =\n    useDeferredColor('secondary', a2);\n  const [tertiaryColor, tertiaryColorTonal, setTertiaryColor] =\n    useDeferredColor('tertiary', a3);\n  const [neutralColor, neutralColorTonal, setNeutralColor] = useDeferredColor(\n    'neutral',\n    n1\n  );\n\n  const scheme = useMemo(\n    () =>\n      makeColorScheme({\n        primary: a1,\n        secondary: secondaryColorTonal,\n        tertiary: tertiaryColorTonal,\n        error: error,\n        neutral: neutralColorTonal,\n        neutralVariant: n2,\n      }),\n    [a1, secondaryColorTonal, tertiaryColorTonal, error, neutralColorTonal, n2]\n  );\n\n  const newTheme = useMemo(\n    () => ({\n      colors: scheme,\n      fonts: { plain: `\"${plainFont}\"`, brand: `\"${brandFont}\"` },\n      radii: {\n        'extra-small': rem(radiusExtraSmall),\n        'extra-small_top': `${rem(radiusExtraSmall)} ${rem(\n          radiusExtraSmall\n        )} 0 0`,\n        small: rem(radiusSmall),\n        medium: rem(radiusMedium),\n        large: rem(radiusLarge),\n        large_end: `0 ${rem(radiusLarge)} ${rem(radiusLarge)} 0`,\n        large_top: `${rem(radiusLarge)} ${rem(radiusLarge)} 0 0`,\n        'extra-large': rem(radiusExtraLarge),\n        'extra-large_top': `${rem(radiusExtraLarge)} ${rem(\n          radiusExtraLarge\n        )} 0 0`,\n      },\n    }),\n    [\n      scheme,\n      plainFont,\n      brandFont,\n      radiusExtraSmall,\n      radiusSmall,\n      radiusMedium,\n      radiusLarge,\n      radiusExtraLarge,\n    ]\n  );\n\n  const colorModes = useMemo(\n    () => transformTheme(newTheme, ['fonts', 'radii']).colorModes,\n    [newTheme]\n  );\n\n  useEffect(() => {\n    localStorage.setItem(\n      THEME_OVERRIDE_STORAGE_KEY,\n      JSON.stringify({ colorModes })\n    );\n    injectThemeOverride({ colorModes });\n  }, [colorModes]);\n\n  return (\n    <>\n      {/* Shape */}\n      <Text variant=\"headline-small\">Shape</Text>\n      <Box display=\"flex\" my={3} sx={{ gap: 3, flexWrap: 'wrap' }}>\n        <BorderSlider\n          label=\"Extra small\"\n          defaultValue={radiusExtraSmall}\n          onChange={(v) => setRadiusExtraSmall(v)}\n          onReset={() => {\n            setRadiusExtraSmall(parseInt(remToPx(theme.radii['extra-small'])));\n          }}\n          resetDisabled={rem(radiusExtraSmall) === theme.radii['extra-small']}\n        />\n        <BorderSlider\n          label=\"Small\"\n          defaultValue={radiusSmall}\n          onChange={(v) => setRadiusSmall(v)}\n          onReset={() => {\n            setRadiusSmall(parseInt(remToPx(theme.radii['small'])));\n          }}\n          resetDisabled={rem(radiusSmall) === theme.radii.small}\n        />\n        <BorderSlider\n          label=\"Medium\"\n          defaultValue={radiusMedium}\n          onChange={(v) => setRadiusMedium(v)}\n          onReset={() => {\n            setRadiusMedium(parseInt(remToPx(theme.radii['medium'])));\n          }}\n          resetDisabled={rem(radiusMedium) === theme.radii['medium']}\n        />\n        <BorderSlider\n          label=\"Large\"\n          defaultValue={radiusLarge}\n          onChange={(v) => setRadiusLarge(v)}\n          onReset={() => {\n            setRadiusLarge(parseInt(remToPx(theme.radii['large'])));\n          }}\n          resetDisabled={rem(radiusLarge) === theme.radii['large']}\n        />\n        <BorderSlider\n          label=\"Extra large\"\n          defaultValue={radiusExtraLarge}\n          onChange={(v) => setRadiusExtraLarge(v)}\n          onReset={() => {\n            setRadiusExtraLarge(parseInt(remToPx(theme.radii['extra-large'])));\n          }}\n          resetDisabled={rem(radiusExtraLarge) === theme.radii['extra-large']}\n        />\n      </Box>\n      {/* Font pickers */}\n      <Text variant=\"headline-small\">Typography</Text>\n      <Box display=\"flex\" my={3} sx={{ gap: 3, flexWrap: 'wrap' }}>\n        <FontAutoComplete\n          label=\"Brand\"\n          initialValue={brandFont}\n          onSelect={(f) => {\n            if (f) {\n              setBrandFont(f);\n              loadGoogleFont([\n                { family: f, weights: [300, 400, 500, 600, 700] },\n              ]);\n            }\n          }}\n          onReset={() => {\n            setBrandFont(parseMainFont(theme.fonts.brand));\n          }}\n          resetDisabled={brandFont === parseMainFont(theme.fonts.brand)}\n        />\n        <FontAutoComplete\n          label=\"Plain\"\n          initialValue={plainFont}\n          onSelect={(f) => {\n            if (f) {\n              setPlainFont(f);\n              loadGoogleFont([\n                { family: f, weights: [300, 400, 500, 600, 700] },\n              ]);\n            }\n          }}\n          onReset={() => {\n            setPlainFont(parseMainFont(theme.fonts.plain));\n          }}\n          resetDisabled={plainFont === parseMainFont(theme.fonts.plain)}\n        />\n      </Box>\n      {/* Color pickers */}\n      <Text variant=\"headline-small\">Color schemes</Text>\n      <Box display=\"flex\" my={3} sx={{ gap: 3, flexWrap: 'wrap' }}>\n        <ColorSchemePicker\n          label=\"Primary color\"\n          initialValue={primaryColor}\n          onChange={(c) => setPrimaryColor(c)}\n          onReset={() => setPrimaryColor(toColor('hex', theme.colors.primary))}\n          resetDisabled={\n            primaryColor.hex === toColor('hex', theme.colors.primary).hex\n          }\n        />\n        <ColorSchemePicker\n          label=\"Secondary color\"\n          initialValue={\n            secondaryColor ||\n            toColor('hex', hexFromArgb(secondaryColorTonal.tone(40)))\n          }\n          onChange={(c) => setSecondaryColor(c)}\n          onReset={() => setSecondaryColor(null)}\n          resetDisabled={secondaryColor === null}\n        />\n        <ColorSchemePicker\n          label=\"Tertiary color\"\n          initialValue={\n            tertiaryColor ||\n            toColor('hex', hexFromArgb(tertiaryColorTonal.tone(40)))\n          }\n          onChange={(c) => setTertiaryColor(c)}\n          onReset={() => setTertiaryColor(null)}\n          resetDisabled={tertiaryColor === null}\n        />\n        <ColorSchemePicker\n          label=\"Neutral color\"\n          initialValue={\n            neutralColor ||\n            toColor('hex', hexFromArgb(neutralColorTonal.tone(40)))\n          }\n          onChange={(c) => setNeutralColor(c)}\n          onReset={() => setNeutralColor(null)}\n          resetDisabled={neutralColor === null}\n        />\n      </Box>\n      <Box width=\"100%\">\n        <Box display=\"flex\" flexDirection=\"column\" sx={{ gap: 4 }}>\n          <Box flex=\"1\">\n            <Text variant=\"title-medium\" as=\"h1\" pb={'0.3em'} pt={3}>\n              Light theme\n            </Text>\n            <ThemeColors scheme={scheme} />\n          </Box>\n          <Box flex=\"1\">\n            <Text variant=\"title-medium\" as=\"h1\" pb={'0.3em'} pt={3}>\n              Dark theme\n            </Text>\n            <ThemeColors scheme={scheme.modes.dark} />\n          </Box>\n        </Box>\n        <Box my={4} display=\"flex\" sx={{ gap: 3 }} flexDirection=\"column\">\n          <Text variant=\"title-medium\" as=\"h1\" pb={'0.3em'} pt={3}>\n            Palettes\n          </Text>\n          <TonalColors palette={a1} />\n          <TonalColors palette={secondaryColorTonal} />\n          <TonalColors palette={tertiaryColorTonal} />\n          <TonalColors palette={error} />\n          <TonalColors palette={neutralColorTonal} />\n          <TonalColors palette={n2} />\n        </Box>\n      </Box>\n      {/* Code pickers */}\n      <Text variant=\"headline-small\">Theme</Text>\n      <CodeHighlightingComponent className={`language-json`}>\n        {JSON.stringify(newTheme, null, 2)}\n      </CodeHighlightingComponent>\n      <Text variant=\"headline-small\">Tailwind Theme</Text>\n      <CodeHighlightingComponent className={`language-css`}>\n        {makeTailwindThemeCSS(newTheme as any)}\n      </CodeHighlightingComponent>\n    </>\n  );\n};\n"],"mappings":";;AACA,SAASA,QAAT,EAAmBC,OAAnB,EAA4BC,SAA5B,QAA6C,OAA7C;AACA,SACEC,WADF,EAEEC,WAFF,EAGEC,YAHF,EAIEC,GAJF,QAKO,oCALP;AAOA,SAASC,OAAT,QAAwB,wBAAxB;AACA,SACEC,0BADF,EAEEC,mBAFF,EAGEC,cAHF,EAIEC,cAJF,QAKO,yBALP;AAMA,SAASC,GAAT,QAAoB,UAApB;AACA,OAAOC,OAAP,MAAoB,8BAApB;AAEA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,WAAT,QAA4B,cAA5B;AACA,SAASC,WAAT,QAA4B,eAA5B;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,0BAAT,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,oBAAjC;AACA,SAASC,gBAAT,EAA2BC,aAA3B,QAAgD,oBAAhD;AAEA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,oBAAT,QAAqC,qBAArC;;;;;AAWA,SAASC,kBAAT,CAA4BC,KAA5B,EAAyD;EACvD,oBACE,KAAC,GAAD;IAAK,EAAE,EAAC,KAAR;IAAc,UAAU,EAAC,WAAzB;IAAqC,QAAQ,EAAC,MAA9C;IAAA,UACGA,KAAK,CAACC;EADT,EADF;AAKD;;AAED,OAAO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACF,KAAD,EAA8B;EACxD,gBAA8B3B,QAAQ,CAAC,KAAD,CAAtC;EAAA;EAAA,IAAO8B,OAAP;EAAA,IAAgBC,UAAhB;;EACA7B,SAAS,CAAC,YAAM;IACd6B,UAAU,CAAC,IAAD,CAAV;EACD,CAFQ,EAEN,EAFM,CAAT;EAGA,IAAI,CAACD,OAAL,EAAc,OAAO,IAAP;EACd,oBAAO,KAAC,gBAAD,eAAsBH,KAAtB,EAAP;AACD,CAPM;;AASP,IAAMK,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACL,KAAD,EAA8B;EACrD,IAAmBM,KAAnB,GACEN,KADF,CAAQO,SAAR;EAAA,4BACEP,KADF,CAA0BQ,yBAA1B;EAAA,IAA0BA,yBAA1B,sCAAsDT,kBAAtD;;EAEA,4BAAkCP,0BAA0B,CAC1DG,aAAa,CAACW,KAAK,CAACG,KAAN,CAAYC,KAAb,CAD6C,EAE1D,kBAF0D,CAA5D;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EAIA,6BAAkCpB,0BAA0B,CAC1DG,aAAa,CAACW,KAAK,CAACG,KAAN,CAAYI,KAAb,CAD6C,EAE1D,kBAF0D,CAA5D;EAAA;EAAA,IAAOC,SAAP;EAAA,IAAkBC,YAAlB;;EAKA,6BACEvB,0BAA0B,CACxBwB,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,aAAZ,CAAD,CAAR,CADgB,EAExB,mBAFwB,CAD5B;EAAA;EAAA,IAAOC,gBAAP;EAAA,IAAyBC,mBAAzB;;EAMA,6BAAsC3B,0BAA0B,CAC9DwB,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,OAAZ,CAAD,CAAR,CADsD,EAE9D,aAF8D,CAAhE;EAAA;EAAA,IAAOG,WAAP;EAAA,IAAoBC,cAApB;;EAKA,6BAAwC7B,0BAA0B,CAChEwB,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,QAAZ,CAAD,CAAR,CADwD,EAEhE,cAFgE,CAAlE;EAAA;EAAA,IAAOK,YAAP;EAAA,IAAqBC,eAArB;;EAKA,8BAAsC/B,0BAA0B,CAC9DwB,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,OAAZ,CAAD,CAAR,CADsD,EAE9D,aAF8D,CAAhE;EAAA;EAAA,IAAOO,WAAP;EAAA,IAAoBC,cAApB;;EAKA,8BACEjC,0BAA0B,CACxBwB,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,aAAZ,CAAD,CAAR,CADgB,EAExB,mBAFwB,CAD5B;EAAA;EAAA,IAAOS,gBAAP;EAAA,IAAyBC,mBAAzB;;EAMA,8BAAwCnC,0BAA0B,CAChEZ,OAAO,CAAC,KAAD,EAAQ0B,KAAK,CAACsB,MAAN,CAAaC,OAArB,CADyD,EAEhE,SAFgE,CAAlE;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EAKA,eAAsCzD,OAAO,CAAC,YAAM;IAClD;IACA,IAAM0D,IAAI,GAAGxD,WAAW,CAACsD,YAAY,CAACG,GAAd,CAAxB;IACA,IAAMC,GAAG,GAAGvD,GAAG,CAACwD,OAAJ,CAAYH,IAAZ,CAAZ;IACA,IAAMI,GAAG,GAAGF,GAAG,CAACE,GAAhB;IACA,OAAO;MACLC,EAAE,EAAE3D,YAAY,CAAC4D,gBAAb,CAA8BF,GAA9B,EAAmCG,IAAI,CAACC,GAAL,CAAS,EAAT,EAAaN,GAAG,CAACO,MAAjB,CAAnC,CADC;MAELC,EAAE,EAAEhE,YAAY,CAAC4D,gBAAb,CAA8BF,GAA9B,EAAmC,EAAnC,CAFC;MAGLO,EAAE,EAAEjE,YAAY,CAAC4D,gBAAb,CAA8BF,GAAG,GAAG,EAApC,EAAwC,EAAxC,CAHC;MAILQ,EAAE,EAAElE,YAAY,CAAC4D,gBAAb,CAA8BF,GAA9B,EAAmC,CAAnC,CAJC;MAKLS,EAAE,EAAEnE,YAAY,CAAC4D,gBAAb,CAA8BF,GAA9B,EAAmC,CAAnC,CALC;MAMLU,KAAK,EAAEpE,YAAY,CAAC4D,gBAAb,CAA8B,EAA9B,EAAkC,EAAlC;IANF,CAAP;EAQD,CAb4C,EAa1C,CAACR,YAAY,CAACG,GAAd,CAb0C,CAA7C;EAAA,IAAQI,EAAR,YAAQA,EAAR;EAAA,IAAYK,EAAZ,YAAYA,EAAZ;EAAA,IAAgBC,EAAhB,YAAgBA,EAAhB;EAAA,IAAoBG,KAApB,YAAoBA,KAApB;EAAA,IAA2BF,EAA3B,YAA2BA,EAA3B;EAAA,IAA+BC,EAA/B,YAA+BA,EAA/B;;EAeA,wBACEpD,gBAAgB,CAAC,WAAD,EAAciD,EAAd,CADlB;EAAA;EAAA,IAAOK,cAAP;EAAA,IAAuBC,mBAAvB;EAAA,IAA4CC,iBAA5C;;EAEA,yBACExD,gBAAgB,CAAC,UAAD,EAAakD,EAAb,CADlB;EAAA;EAAA,IAAOO,aAAP;EAAA,IAAsBC,kBAAtB;EAAA,IAA0CC,gBAA1C;;EAEA,yBAA2D3D,gBAAgB,CACzE,SADyE,EAEzEmD,EAFyE,CAA3E;EAAA;EAAA,IAAOS,YAAP;EAAA,IAAqBC,iBAArB;EAAA,IAAwCC,eAAxC;;EAKA,IAAMC,MAAM,GAAGlF,OAAO,CACpB;IAAA,OACEgB,eAAe,CAAC;MACduC,OAAO,EAAEQ,EADK;MAEdoB,SAAS,EAAET,mBAFG;MAGdU,QAAQ,EAAEP,kBAHI;MAIdL,KAAK,EAAEA,KAJO;MAKda,OAAO,EAAEL,iBALK;MAMdM,cAAc,EAAEf;IANF,CAAD,CADjB;EAAA,CADoB,EAUpB,CAACR,EAAD,EAAKW,mBAAL,EAA0BG,kBAA1B,EAA8CL,KAA9C,EAAqDQ,iBAArD,EAAwET,EAAxE,CAVoB,CAAtB;EAaA,IAAMgB,QAAQ,GAAGvF,OAAO,CACtB;IAAA,OAAO;MACLsD,MAAM,EAAE4B,MADH;MAEL/C,KAAK,EAAE;QAAEC,KAAK,cAAMC,SAAN,OAAP;QAA2BE,KAAK,cAAMC,SAAN;MAAhC,CAFF;MAGLG,KAAK,EAAE;QACL,eAAehC,GAAG,CAACiC,gBAAD,CADb;QAEL,6BAAsBjC,GAAG,CAACiC,gBAAD,CAAzB,cAA+CjC,GAAG,CAChDiC,gBADgD,CAAlD,SAFK;QAKL4C,KAAK,EAAE7E,GAAG,CAACmC,WAAD,CALL;QAML2C,MAAM,EAAE9E,GAAG,CAACqC,YAAD,CANN;QAOL0C,KAAK,EAAE/E,GAAG,CAACuC,WAAD,CAPL;QAQLyC,SAAS,cAAOhF,GAAG,CAACuC,WAAD,CAAV,cAA2BvC,GAAG,CAACuC,WAAD,CAA9B,OARJ;QASL0C,SAAS,YAAKjF,GAAG,CAACuC,WAAD,CAAR,cAAyBvC,GAAG,CAACuC,WAAD,CAA5B,SATJ;QAUL,eAAevC,GAAG,CAACyC,gBAAD,CAVb;QAWL,6BAAsBzC,GAAG,CAACyC,gBAAD,CAAzB,cAA+CzC,GAAG,CAChDyC,gBADgD,CAAlD;MAXK;IAHF,CAAP;EAAA,CADsB,EAoBtB,CACE8B,MADF,EAEE7C,SAFF,EAGEG,SAHF,EAIEI,gBAJF,EAKEE,WALF,EAMEE,YANF,EAOEE,WAPF,EAQEE,gBARF,CApBsB,CAAxB;EAgCA,IAAMyC,UAAU,GAAG7F,OAAO,CACxB;IAAA,OAAMS,cAAc,CAAC8E,QAAD,EAAW,CAAC,OAAD,EAAU,OAAV,CAAX,CAAd,CAA6CM,UAAnD;EAAA,CADwB,EAExB,CAACN,QAAD,CAFwB,CAA1B;EAKAtF,SAAS,CAAC,YAAM;IACd6F,YAAY,CAACC,OAAb,CACExF,0BADF,EAEEyF,IAAI,CAACC,SAAL,CAAe;MAAEJ,UAAU,EAAVA;IAAF,CAAf,CAFF;IAIArF,mBAAmB,CAAC;MAAEqF,UAAU,EAAVA;IAAF,CAAD,CAAnB;EACD,CANQ,EAMN,CAACA,UAAD,CANM,CAAT;EAQA,oBACE;IAAA,wBAEE,KAAC,IAAD;MAAM,OAAO,EAAC,gBAAd;MAAA;IAAA,EAFF,eAGE,MAAC,GAAD;MAAK,OAAO,EAAC,MAAb;MAAoB,EAAE,EAAE,CAAxB;MAA2B,EAAE,EAAE;QAAEK,GAAG,EAAE,CAAP;QAAUC,QAAQ,EAAE;MAApB,CAA/B;MAAA,wBACE,KAAC,YAAD;QACE,KAAK,EAAC,aADR;QAEE,YAAY,EAAEvD,gBAFhB;QAGE,QAAQ,EAAE,kBAACwD,CAAD;UAAA,OAAOvD,mBAAmB,CAACuD,CAAD,CAA1B;QAAA,CAHZ;QAIE,OAAO,EAAE,mBAAM;UACbvD,mBAAmB,CAACH,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,aAAZ,CAAD,CAAR,CAAT,CAAnB;QACD,CANH;QAOE,aAAa,EAAEhC,GAAG,CAACiC,gBAAD,CAAH,KAA0BZ,KAAK,CAACW,KAAN,CAAY,aAAZ;MAP3C,EADF,eAUE,KAAC,YAAD;QACE,KAAK,EAAC,OADR;QAEE,YAAY,EAAEG,WAFhB;QAGE,QAAQ,EAAE,kBAACsD,CAAD;UAAA,OAAOrD,cAAc,CAACqD,CAAD,CAArB;QAAA,CAHZ;QAIE,OAAO,EAAE,mBAAM;UACbrD,cAAc,CAACL,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,OAAZ,CAAD,CAAR,CAAT,CAAd;QACD,CANH;QAOE,aAAa,EAAEhC,GAAG,CAACmC,WAAD,CAAH,KAAqBd,KAAK,CAACW,KAAN,CAAY6C;MAPlD,EAVF,eAmBE,KAAC,YAAD;QACE,KAAK,EAAC,QADR;QAEE,YAAY,EAAExC,YAFhB;QAGE,QAAQ,EAAE,kBAACoD,CAAD;UAAA,OAAOnD,eAAe,CAACmD,CAAD,CAAtB;QAAA,CAHZ;QAIE,OAAO,EAAE,mBAAM;UACbnD,eAAe,CAACP,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,QAAZ,CAAD,CAAR,CAAT,CAAf;QACD,CANH;QAOE,aAAa,EAAEhC,GAAG,CAACqC,YAAD,CAAH,KAAsBhB,KAAK,CAACW,KAAN,CAAY,QAAZ;MAPvC,EAnBF,eA4BE,KAAC,YAAD;QACE,KAAK,EAAC,OADR;QAEE,YAAY,EAAEO,WAFhB;QAGE,QAAQ,EAAE,kBAACkD,CAAD;UAAA,OAAOjD,cAAc,CAACiD,CAAD,CAArB;QAAA,CAHZ;QAIE,OAAO,EAAE,mBAAM;UACbjD,cAAc,CAACT,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,OAAZ,CAAD,CAAR,CAAT,CAAd;QACD,CANH;QAOE,aAAa,EAAEhC,GAAG,CAACuC,WAAD,CAAH,KAAqBlB,KAAK,CAACW,KAAN,CAAY,OAAZ;MAPtC,EA5BF,eAqCE,KAAC,YAAD;QACE,KAAK,EAAC,aADR;QAEE,YAAY,EAAES,gBAFhB;QAGE,QAAQ,EAAE,kBAACgD,CAAD;UAAA,OAAO/C,mBAAmB,CAAC+C,CAAD,CAA1B;QAAA,CAHZ;QAIE,OAAO,EAAE,mBAAM;UACb/C,mBAAmB,CAACX,QAAQ,CAAC9B,OAAO,CAACoB,KAAK,CAACW,KAAN,CAAY,aAAZ,CAAD,CAAR,CAAT,CAAnB;QACD,CANH;QAOE,aAAa,EAAEhC,GAAG,CAACyC,gBAAD,CAAH,KAA0BpB,KAAK,CAACW,KAAN,CAAY,aAAZ;MAP3C,EArCF;IAAA,EAHF,eAmDE,KAAC,IAAD;MAAM,OAAO,EAAC,gBAAd;MAAA;IAAA,EAnDF,eAoDE,MAAC,GAAD;MAAK,OAAO,EAAC,MAAb;MAAoB,EAAE,EAAE,CAAxB;MAA2B,EAAE,EAAE;QAAEuD,GAAG,EAAE,CAAP;QAAUC,QAAQ,EAAE;MAApB,CAA/B;MAAA,wBACE,KAAC,gBAAD;QACE,KAAK,EAAC,OADR;QAEE,YAAY,EAAE3D,SAFhB;QAGE,QAAQ,EAAE,kBAAC6D,CAAD,EAAO;UACf,IAAIA,CAAJ,EAAO;YACL5D,YAAY,CAAC4D,CAAD,CAAZ;YACA3F,cAAc,CAAC,CACb;cAAE4F,MAAM,EAAED,CAAV;cAAaE,OAAO,EAAE,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB;YAAtB,CADa,CAAD,CAAd;UAGD;QACF,CAVH;QAWE,OAAO,EAAE,mBAAM;UACb9D,YAAY,CAACpB,aAAa,CAACW,KAAK,CAACG,KAAN,CAAYI,KAAb,CAAd,CAAZ;QACD,CAbH;QAcE,aAAa,EAAEC,SAAS,KAAKnB,aAAa,CAACW,KAAK,CAACG,KAAN,CAAYI,KAAb;MAd5C,EADF,eAiBE,KAAC,gBAAD;QACE,KAAK,EAAC,OADR;QAEE,YAAY,EAAEF,SAFhB;QAGE,QAAQ,EAAE,kBAACgE,CAAD,EAAO;UACf,IAAIA,CAAJ,EAAO;YACL/D,YAAY,CAAC+D,CAAD,CAAZ;YACA3F,cAAc,CAAC,CACb;cAAE4F,MAAM,EAAED,CAAV;cAAaE,OAAO,EAAE,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,GAAhB,EAAqB,GAArB;YAAtB,CADa,CAAD,CAAd;UAGD;QACF,CAVH;QAWE,OAAO,EAAE,mBAAM;UACbjE,YAAY,CAACjB,aAAa,CAACW,KAAK,CAACG,KAAN,CAAYC,KAAb,CAAd,CAAZ;QACD,CAbH;QAcE,aAAa,EAAEC,SAAS,KAAKhB,aAAa,CAACW,KAAK,CAACG,KAAN,CAAYC,KAAb;MAd5C,EAjBF;IAAA,EApDF,eAuFE,KAAC,IAAD;MAAM,OAAO,EAAC,gBAAd;MAAA;IAAA,EAvFF,eAwFE,MAAC,GAAD;MAAK,OAAO,EAAC,MAAb;MAAoB,EAAE,EAAE,CAAxB;MAA2B,EAAE,EAAE;QAAE8D,GAAG,EAAE,CAAP;QAAUC,QAAQ,EAAE;MAApB,CAA/B;MAAA,wBACE,KAAC,iBAAD;QACE,KAAK,EAAC,eADR;QAEE,YAAY,EAAE3C,YAFhB;QAGE,QAAQ,EAAE,kBAACgD,CAAD;UAAA,OAAO/C,eAAe,CAAC+C,CAAD,CAAtB;QAAA,CAHZ;QAIE,OAAO,EAAE;UAAA,OAAM/C,eAAe,CAACnD,OAAO,CAAC,KAAD,EAAQ0B,KAAK,CAACsB,MAAN,CAAaC,OAArB,CAAR,CAArB;QAAA,CAJX;QAKE,aAAa,EACXC,YAAY,CAACG,GAAb,KAAqBrD,OAAO,CAAC,KAAD,EAAQ0B,KAAK,CAACsB,MAAN,CAAaC,OAArB,CAAP,CAAqCI;MAN9D,EADF,eAUE,KAAC,iBAAD;QACE,KAAK,EAAC,iBADR;QAEE,YAAY,EACVc,cAAc,IACdnE,OAAO,CAAC,KAAD,EAAQH,WAAW,CAACuE,mBAAmB,CAAC+B,IAApB,CAAyB,EAAzB,CAAD,CAAnB,CAJX;QAME,QAAQ,EAAE,kBAACD,CAAD;UAAA,OAAO7B,iBAAiB,CAAC6B,CAAD,CAAxB;QAAA,CANZ;QAOE,OAAO,EAAE;UAAA,OAAM7B,iBAAiB,CAAC,IAAD,CAAvB;QAAA,CAPX;QAQE,aAAa,EAAEF,cAAc,KAAK;MARpC,EAVF,eAoBE,KAAC,iBAAD;QACE,KAAK,EAAC,gBADR;QAEE,YAAY,EACVG,aAAa,IACbtE,OAAO,CAAC,KAAD,EAAQH,WAAW,CAAC0E,kBAAkB,CAAC4B,IAAnB,CAAwB,EAAxB,CAAD,CAAnB,CAJX;QAME,QAAQ,EAAE,kBAACD,CAAD;UAAA,OAAO1B,gBAAgB,CAAC0B,CAAD,CAAvB;QAAA,CANZ;QAOE,OAAO,EAAE;UAAA,OAAM1B,gBAAgB,CAAC,IAAD,CAAtB;QAAA,CAPX;QAQE,aAAa,EAAEF,aAAa,KAAK;MARnC,EApBF,eA8BE,KAAC,iBAAD;QACE,KAAK,EAAC,eADR;QAEE,YAAY,EACVG,YAAY,IACZzE,OAAO,CAAC,KAAD,EAAQH,WAAW,CAAC6E,iBAAiB,CAACyB,IAAlB,CAAuB,EAAvB,CAAD,CAAnB,CAJX;QAME,QAAQ,EAAE,kBAACD,CAAD;UAAA,OAAOvB,eAAe,CAACuB,CAAD,CAAtB;QAAA,CANZ;QAOE,OAAO,EAAE;UAAA,OAAMvB,eAAe,CAAC,IAAD,CAArB;QAAA,CAPX;QAQE,aAAa,EAAEF,YAAY,KAAK;MARlC,EA9BF;IAAA,EAxFF,eAiIE,MAAC,GAAD;MAAK,KAAK,EAAC,MAAX;MAAA,wBACE,MAAC,GAAD;QAAK,OAAO,EAAC,MAAb;QAAoB,aAAa,EAAC,QAAlC;QAA2C,EAAE,EAAE;UAAEmB,GAAG,EAAE;QAAP,CAA/C;QAAA,wBACE,MAAC,GAAD;UAAK,IAAI,EAAC,GAAV;UAAA,wBACE,KAAC,IAAD;YAAM,OAAO,EAAC,cAAd;YAA6B,EAAE,EAAC,IAAhC;YAAqC,EAAE,EAAE,OAAzC;YAAkD,EAAE,EAAE,CAAtD;YAAA;UAAA,EADF,eAIE,KAAC,WAAD;YAAa,MAAM,EAAEhB;UAArB,EAJF;QAAA,EADF,eAOE,MAAC,GAAD;UAAK,IAAI,EAAC,GAAV;UAAA,wBACE,KAAC,IAAD;YAAM,OAAO,EAAC,cAAd;YAA6B,EAAE,EAAC,IAAhC;YAAqC,EAAE,EAAE,OAAzC;YAAkD,EAAE,EAAE,CAAtD;YAAA;UAAA,EADF,eAIE,KAAC,WAAD;YAAa,MAAM,EAAEA,MAAM,CAACwB,KAAP,CAAaC;UAAlC,EAJF;QAAA,EAPF;MAAA,EADF,eAeE,MAAC,GAAD;QAAK,EAAE,EAAE,CAAT;QAAY,OAAO,EAAC,MAApB;QAA2B,EAAE,EAAE;UAAET,GAAG,EAAE;QAAP,CAA/B;QAA2C,aAAa,EAAC,QAAzD;QAAA,wBACE,KAAC,IAAD;UAAM,OAAO,EAAC,cAAd;UAA6B,EAAE,EAAC,IAAhC;UAAqC,EAAE,EAAE,OAAzC;UAAkD,EAAE,EAAE,CAAtD;UAAA;QAAA,EADF,eAIE,KAAC,WAAD;UAAa,OAAO,EAAEnC;QAAtB,EAJF,eAKE,KAAC,WAAD;UAAa,OAAO,EAAEW;QAAtB,EALF,eAME,KAAC,WAAD;UAAa,OAAO,EAAEG;QAAtB,EANF,eAOE,KAAC,WAAD;UAAa,OAAO,EAAEL;QAAtB,EAPF,eAQE,KAAC,WAAD;UAAa,OAAO,EAAEQ;QAAtB,EARF,eASE,KAAC,WAAD;UAAa,OAAO,EAAET;QAAtB,EATF;MAAA,EAfF;IAAA,EAjIF,eA6JE,KAAC,IAAD;MAAM,OAAO,EAAC,gBAAd;MAAA;IAAA,EA7JF,eA8JE,KAAC,yBAAD;MAA2B,SAAS,iBAApC;MAAA,UACGyB,IAAI,CAACC,SAAL,CAAeV,QAAf,EAAyB,IAAzB,EAA+B,CAA/B;IADH,EA9JF,eAiKE,KAAC,IAAD;MAAM,OAAO,EAAC,gBAAd;MAAA;IAAA,EAjKF,eAkKE,KAAC,yBAAD;MAA2B,SAAS,gBAApC;MAAA,UACG/D,oBAAoB,CAAC+D,QAAD;IADvB,EAlKF;EAAA,EADF;AAwKD,CAtSD"}

package/build/esm/ThemeExplorer/makeTailwindTheme.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '../theme/theme';
+export declare function makeTailwindThemeCSS(theme: Theme): string;

package/build/esm/ThemeExplorer/makeTailwindTheme.js

@@ -0,0 +1,30 @@
+import { DARK_SCHEME_CLASS, LIGHT_SCHEME_CLASS, transformTheme } from '@basic-ui/dynamic-theme';
+export function makeTailwindThemeCSS(theme) {
+  var transformedTheme = transformTheme(theme, []);
+  var _transformedTheme$col = transformedTheme.colorModes,
+      light = _transformedTheme$col.light,
+      dark = _transformedTheme$col.dark;
+
+  var parseColorMode = function parseColorMode(colors) {
+    var keys = Object.keys(colors);
+    var cssLines = []; // let css = '';
+
+    for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
+      var key = _keys[_i];
+
+      if (!key.endsWith('--rgb')) {
+        continue;
+      }
+
+      cssLines.push("  " + key + ': ' + colors[key]);
+    }
+
+    return cssLines.join(';\n') + ';';
+  };
+
+  var bodySelector = "body";
+  var lightThemeSelector = ['' + bodySelector, '' + bodySelector + '.' + LIGHT_SCHEME_CLASS, '' + bodySelector + ' .' + LIGHT_SCHEME_CLASS].join(',\n');
+  var darkThemeSelector = ['' + bodySelector + '.' + DARK_SCHEME_CLASS, '' + bodySelector + ' .' + DARK_SCHEME_CLASS].join(',\n');
+  return "".concat(lightThemeSelector, " {\n").concat(parseColorMode(light), "\n}\n").concat(darkThemeSelector, " {\n").concat(parseColorMode(dark), "\n}");
+}
+//# sourceMappingURL=makeTailwindTheme.js.map

package/build/esm/ThemeExplorer/makeTailwindTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeTailwindTheme.js","names":["DARK_SCHEME_CLASS","LIGHT_SCHEME_CLASS","transformTheme","makeTailwindThemeCSS","theme","transformedTheme","colorModes","light","dark","parseColorMode","colors","keys","Object","cssLines","key","endsWith","push","join","bodySelector","lightThemeSelector","darkThemeSelector"],"sources":["../../../src/ThemeExplorer/makeTailwindTheme.ts"],"sourcesContent":["import {\n  DARK_SCHEME_CLASS,\n  LIGHT_SCHEME_CLASS,\n  transformTheme,\n} from '@basic-ui/dynamic-theme';\n\nimport type { Theme } from '../theme/theme';\n\nexport function makeTailwindThemeCSS(theme: Theme) {\n  const transformedTheme = transformTheme(theme, []);\n  const { light, dark } = transformedTheme.colorModes;\n\n  const parseColorMode = (colors: Record<string, string>) => {\n    const keys = Object.keys(colors);\n    const cssLines: string[] = [];\n    // let css = '';\n    for (const key of keys) {\n      if (!key.endsWith('--rgb')) {\n        continue;\n      }\n\n      cssLines.push(`  ` + key + ': ' + colors[key]);\n    }\n    return cssLines.join(';\\n') + ';';\n  };\n\n  const bodySelector = `body`;\n  const lightThemeSelector = [\n    '' + bodySelector,\n    '' + bodySelector + '.' + LIGHT_SCHEME_CLASS,\n    '' + bodySelector + ' .' + LIGHT_SCHEME_CLASS,\n  ].join(',\\n');\n  const darkThemeSelector = [\n    '' + bodySelector + '.' + DARK_SCHEME_CLASS,\n    '' + bodySelector + ' .' + DARK_SCHEME_CLASS,\n  ].join(',\\n');\n\n  return `${lightThemeSelector} {\n${parseColorMode(light)}\n}\n${darkThemeSelector} {\n${parseColorMode(dark)}\n}`;\n}\n"],"mappings":"AAAA,SACEA,iBADF,EAEEC,kBAFF,EAGEC,cAHF,QAIO,yBAJP;AAQA,OAAO,SAASC,oBAAT,CAA8BC,KAA9B,EAA4C;EACjD,IAAMC,gBAAgB,GAAGH,cAAc,CAACE,KAAD,EAAQ,EAAR,CAAvC;EACA,4BAAwBC,gBAAgB,CAACC,UAAzC;EAAA,IAAQC,KAAR,yBAAQA,KAAR;EAAA,IAAeC,IAAf,yBAAeA,IAAf;;EAEA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,MAAD,EAAoC;IACzD,IAAMC,IAAI,GAAGC,MAAM,CAACD,IAAP,CAAYD,MAAZ,CAAb;IACA,IAAMG,QAAkB,GAAG,EAA3B,CAFyD,CAGzD;;IACA,yBAAkBF,IAAlB,2BAAwB;MAAnB,IAAMG,GAAG,YAAT;;MACH,IAAI,CAACA,GAAG,CAACC,QAAJ,CAAa,OAAb,CAAL,EAA4B;QAC1B;MACD;;MAEDF,QAAQ,CAACG,IAAT,CAAc,OAAOF,GAAP,GAAa,IAAb,GAAoBJ,MAAM,CAACI,GAAD,CAAxC;IACD;;IACD,OAAOD,QAAQ,CAACI,IAAT,CAAc,KAAd,IAAuB,GAA9B;EACD,CAZD;;EAcA,IAAMC,YAAY,SAAlB;EACA,IAAMC,kBAAkB,GAAG,CACzB,KAAKD,YADoB,EAEzB,KAAKA,YAAL,GAAoB,GAApB,GAA0BjB,kBAFD,EAGzB,KAAKiB,YAAL,GAAoB,IAApB,GAA2BjB,kBAHF,EAIzBgB,IAJyB,CAIpB,KAJoB,CAA3B;EAKA,IAAMG,iBAAiB,GAAG,CACxB,KAAKF,YAAL,GAAoB,GAApB,GAA0BlB,iBADF,EAExB,KAAKkB,YAAL,GAAoB,IAApB,GAA2BlB,iBAFH,EAGxBiB,IAHwB,CAGnB,KAHmB,CAA1B;EAKA,iBAAUE,kBAAV,iBACAV,cAAc,CAACF,KAAD,CADd,kBAGAa,iBAHA,iBAIAX,cAAc,CAACD,IAAD,CAJd;AAMD"}

package/build/esm/Tooltip/Tooltip.d.ts

@@ -5,4 +5,4 @@ export interface TooltipProps extends BoxProps, Omit<PopperProps, 'color' | 'anc
     label: ReactNode;
     disabled?: boolean;
 }
-export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "children" | "bottom" | "top" | "hidden" | "left" | "right" | "as" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "p" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontFamily" | "fontSize" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "background" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "label" | "innerAs" | "disabled" | "key" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<TooltipProps, "background" | "label" | "p" | "slot" | "style" | "title" | "as" | "fontFamily" | "fontSize" | "children" | "bottom" | "top" | "hidden" | "left" | "right" | "sx" | "__css" | "variant" | "tx" | "theme" | "m" | "margin" | "mt" | "marginTop" | "mr" | "marginRight" | "mb" | "marginBottom" | "ml" | "marginLeft" | "mx" | "marginX" | "my" | "marginY" | "padding" | "pt" | "paddingTop" | "pr" | "paddingRight" | "pb" | "paddingBottom" | "pl" | "paddingLeft" | "px" | "paddingX" | "py" | "paddingY" | "width" | "height" | "minWidth" | "minHeight" | "maxWidth" | "maxHeight" | "display" | "verticalAlign" | "size" | "overflow" | "overflowX" | "overflowY" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontStyle" | "textAlign" | "color" | "bg" | "backgroundColor" | "opacity" | "alignItems" | "alignContent" | "justifyItems" | "justifyContent" | "flexWrap" | "flexDirection" | "flex" | "flexGrow" | "flexShrink" | "flexBasis" | "justifySelf" | "alignSelf" | "order" | "border" | "borderX" | "borderY" | "borderWidth" | "borderTopWidth" | "borderBottomWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStyle" | "borderTopStyle" | "borderBottomStyle" | "borderLeftStyle" | "borderRightStyle" | "borderColor" | "borderTopColor" | "borderBottomColor" | "borderLeftColor" | "borderRightColor" | "borderRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "gridGap" | "gridColumnGap" | "gridRowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "backgroundImage" | "backgroundSize" | "backgroundPosition" | "backgroundRepeat" | "position" | "zIndex" | "boxShadow" | "textShadow" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "disabled" | "innerAs" | "placement" | "strategy" | "modifiers" | "usePortal" | "portalSelector" | "skidding" | "distance" | "offsetFn" | "arrowPadding"> & import("react").RefAttributes<HTMLDivElement>>;

package/build/esm/tailwind/extendColors.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '../theme/theme';
+export declare type ColorsObject = {
+    [key: string]: string | ColorsObject;
+};
+export declare function extendColors(theme: Theme): ColorsObject;

package/build/esm/tailwind/extendColors.js

@@ -0,0 +1,59 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+export function extendColors(theme) {
+  var modifiedColors = {};
+
+  function extractColors(colors, arr) {
+    var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    function insert(key, value) {
+      var parts = key.split('-');
+      var obj = arr;
+
+      for (var i = 0; i < parts.length; i++) {
+        var part = parts[i];
+        var isLast = i === parts.length - 1;
+
+        if (isLast) {
+          if (_typeof(obj[part]) === 'object') {
+            obj[part].DEFAULT = value;
+          } else {
+            obj[part] = value;
+          }
+        } else {
+          if (typeof obj[part] === 'string') {
+            obj[part] = {
+              DEFAULT: obj[part]
+            };
+          } else if (typeof obj[part] === 'undefined') {
+            obj[part] = {};
+          }
+
+          obj = obj[part];
+        }
+      }
+    }
+
+    for (var _i = 0, _Object$keys = Object.keys(colors); _i < _Object$keys.length; _i++) {
+      var _key = _Object$keys[_i];
+
+      if (_key === 'modes') {
+        continue;
+      }
+
+      var c = colors[_key];
+
+      if (typeof c === 'string') {
+        var varName = "--".concat(root + _key, "--rgb");
+        insert(_key, "rgba(var(".concat(varName, "), <alpha-value>)"));
+      } else if (_typeof(c) === 'object') {
+        var subColors = {};
+        extractColors(c, subColors, root + _key + '-');
+        arr[_key] = subColors;
+      }
+    }
+  }
+
+  extractColors(theme.colors, modifiedColors);
+  return modifiedColors;
+}
+//# sourceMappingURL=extendColors.js.map

package/build/esm/tailwind/extendColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extendColors.js","names":["extendColors","theme","modifiedColors","extractColors","colors","arr","root","insert","key","value","parts","split","obj","i","length","part","isLast","DEFAULT","Object","keys","c","varName","subColors"],"sources":["../../../src/tailwind/extendColors.ts"],"sourcesContent":["import type { Theme } from '../theme/theme';\n\nexport type ColorsObject = { [key: string]: string | ColorsObject };\nexport function extendColors(theme: Theme): ColorsObject {\n  const modifiedColors: ColorsObject = {};\n  function extractColors(colors: ColorsObject, arr: ColorsObject, root = '') {\n    function insert(key: string, value: string) {\n      const parts = key.split('-');\n\n      let obj: any = arr;\n      for (let i = 0; i < parts.length; i++) {\n        const part = parts[i];\n        const isLast = i === parts.length - 1;\n\n        if (isLast) {\n          if (typeof obj[part] === 'object') {\n            obj[part].DEFAULT = value;\n          } else {\n            obj[part] = value;\n          }\n        } else {\n          if (typeof obj[part] === 'string') {\n            obj[part] = { DEFAULT: obj[part] };\n          } else if (typeof obj[part] === 'undefined') {\n            obj[part] = {};\n          }\n          obj = obj[part];\n        }\n      }\n    }\n\n    for (const key of Object.keys(colors)) {\n      if (key === 'modes') {\n        continue;\n      }\n\n      const c = colors[key];\n      if (typeof c === 'string') {\n        const varName = `--${root + key}--rgb`;\n        insert(key, `rgba(var(${varName}), <alpha-value>)`);\n      } else if (typeof c === 'object') {\n        const subColors: ColorsObject = {};\n        extractColors(c, subColors, root + key + '-');\n        arr[key] = subColors;\n      }\n    }\n  }\n\n  extractColors(theme.colors as any, modifiedColors);\n  return modifiedColors;\n}\n"],"mappings":";AAGA,OAAO,SAASA,YAAT,CAAsBC,KAAtB,EAAkD;EACvD,IAAMC,cAA4B,GAAG,EAArC;;EACA,SAASC,aAAT,CAAuBC,MAAvB,EAA6CC,GAA7C,EAA2E;IAAA,IAAXC,IAAW,uEAAJ,EAAI;;IACzE,SAASC,MAAT,CAAgBC,GAAhB,EAA6BC,KAA7B,EAA4C;MAC1C,IAAMC,KAAK,GAAGF,GAAG,CAACG,KAAJ,CAAU,GAAV,CAAd;MAEA,IAAIC,GAAQ,GAAGP,GAAf;;MACA,KAAK,IAAIQ,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGH,KAAK,CAACI,MAA1B,EAAkCD,CAAC,EAAnC,EAAuC;QACrC,IAAME,IAAI,GAAGL,KAAK,CAACG,CAAD,CAAlB;QACA,IAAMG,MAAM,GAAGH,CAAC,KAAKH,KAAK,CAACI,MAAN,GAAe,CAApC;;QAEA,IAAIE,MAAJ,EAAY;UACV,IAAI,QAAOJ,GAAG,CAACG,IAAD,CAAV,MAAqB,QAAzB,EAAmC;YACjCH,GAAG,CAACG,IAAD,CAAH,CAAUE,OAAV,GAAoBR,KAApB;UACD,CAFD,MAEO;YACLG,GAAG,CAACG,IAAD,CAAH,GAAYN,KAAZ;UACD;QACF,CAND,MAMO;UACL,IAAI,OAAOG,GAAG,CAACG,IAAD,CAAV,KAAqB,QAAzB,EAAmC;YACjCH,GAAG,CAACG,IAAD,CAAH,GAAY;cAAEE,OAAO,EAAEL,GAAG,CAACG,IAAD;YAAd,CAAZ;UACD,CAFD,MAEO,IAAI,OAAOH,GAAG,CAACG,IAAD,CAAV,KAAqB,WAAzB,EAAsC;YAC3CH,GAAG,CAACG,IAAD,CAAH,GAAY,EAAZ;UACD;;UACDH,GAAG,GAAGA,GAAG,CAACG,IAAD,CAAT;QACD;MACF;IACF;;IAED,gCAAkBG,MAAM,CAACC,IAAP,CAAYf,MAAZ,CAAlB,kCAAuC;MAAlC,IAAMI,IAAG,mBAAT;;MACH,IAAIA,IAAG,KAAK,OAAZ,EAAqB;QACnB;MACD;;MAED,IAAMY,CAAC,GAAGhB,MAAM,CAACI,IAAD,CAAhB;;MACA,IAAI,OAAOY,CAAP,KAAa,QAAjB,EAA2B;QACzB,IAAMC,OAAO,eAAQf,IAAI,GAAGE,IAAf,UAAb;QACAD,MAAM,CAACC,IAAD,qBAAkBa,OAAlB,uBAAN;MACD,CAHD,MAGO,IAAI,QAAOD,CAAP,MAAa,QAAjB,EAA2B;QAChC,IAAME,SAAuB,GAAG,EAAhC;QACAnB,aAAa,CAACiB,CAAD,EAAIE,SAAJ,EAAehB,IAAI,GAAGE,IAAP,GAAa,GAA5B,CAAb;QACAH,GAAG,CAACG,IAAD,CAAH,GAAWc,SAAX;MACD;IACF;EACF;;EAEDnB,aAAa,CAACF,KAAK,CAACG,MAAP,EAAsBF,cAAtB,CAAb;EACA,OAAOA,cAAP;AACD"}

package/build/esm/tailwind/index.d.ts

@@ -0,0 +1,8 @@
+import type { Config as TailwindConfig } from 'tailwindcss';
+import type { Theme } from '../theme';
+export declare type PluginOptions = {
+    theme?: Theme;
+};
+export default function generatePreset({ theme: basicUiTheme, }: {
+    theme: Theme;
+}): TailwindConfig;

package/build/esm/tailwind/index.js

@@ -0,0 +1,45 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _extends from "@babel/runtime/helpers/extends";
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+import plugin from 'tailwindcss/plugin';
+import { css } from '@styled-system/css';
+import { extendColors } from './extendColors';
+var textVariants = ['display-large', 'display-medium', 'display-small', 'headline-large', 'headline-medium', 'headline-small', 'title-large', 'title-medium', 'title-small', 'label-large', 'label-medium', 'label-small', 'body-large', 'body-medium', 'body-small'];
+export default function generatePreset(_ref) {
+  var basicUiTheme = _ref.theme;
+  return {
+    content: [],
+    darkMode: 'class',
+    theme: {
+      colors: _extends({}, extendColors(basicUiTheme))
+    },
+    plugins: [plugin(function (_ref2) {
+      var addComponents = _ref2.addComponents;
+
+      var _iterator = _createForOfIteratorHelper(textVariants),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var variant = _step.value;
+          var themeStyle = basicUiTheme.text[variant];
+
+          if (themeStyle) {
+            addComponents(_defineProperty({}, ".text-".concat(variant), css(themeStyle)(basicUiTheme)));
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    })]
+  };
+}
+//# sourceMappingURL=index.js.map

package/build/esm/tailwind/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["plugin","css","extendColors","textVariants","generatePreset","basicUiTheme","theme","content","darkMode","colors","plugins","addComponents","variant","themeStyle","text"],"sources":["../../../src/tailwind/index.ts"],"sourcesContent":["import plugin from 'tailwindcss/plugin';\nimport type { Config as TailwindConfig } from 'tailwindcss';\nimport { css } from '@styled-system/css';\n\nimport type { Theme } from '../theme';\nimport { extendColors } from './extendColors';\n\nexport type PluginOptions = {\n  theme?: Theme;\n};\n\nconst textVariants = [\n  'display-large',\n  'display-medium',\n  'display-small',\n  'headline-large',\n  'headline-medium',\n  'headline-small',\n  'title-large',\n  'title-medium',\n  'title-small',\n  'label-large',\n  'label-medium',\n  'label-small',\n  'body-large',\n  'body-medium',\n  'body-small',\n];\n\nexport default function generatePreset({\n  theme: basicUiTheme,\n}: {\n  theme: Theme;\n}): TailwindConfig {\n  return {\n    content: [],\n    darkMode: 'class',\n    theme: {\n      colors: {\n        ...extendColors(basicUiTheme),\n      },\n    },\n    plugins: [\n      plugin(function ({ addComponents }) {\n        for (const variant of textVariants) {\n          const themeStyle = basicUiTheme.text[variant];\n          if (themeStyle) {\n            addComponents({\n              [`.text-${variant}`]: css(themeStyle)(basicUiTheme) as any,\n            });\n          }\n        }\n      }),\n    ],\n  };\n}\n"],"mappings":";;;;;;;;;AAAA,OAAOA,MAAP,MAAmB,oBAAnB;AAEA,SAASC,GAAT,QAAoB,oBAApB;AAGA,SAASC,YAAT,QAA6B,gBAA7B;AAMA,IAAMC,YAAY,GAAG,CACnB,eADmB,EAEnB,gBAFmB,EAGnB,eAHmB,EAInB,gBAJmB,EAKnB,iBALmB,EAMnB,gBANmB,EAOnB,aAPmB,EAQnB,cARmB,EASnB,aATmB,EAUnB,aAVmB,EAWnB,cAXmB,EAYnB,aAZmB,EAanB,YAbmB,EAcnB,aAdmB,EAenB,YAfmB,CAArB;AAkBA,eAAe,SAASC,cAAT,OAII;EAAA,IAHVC,YAGU,QAHjBC,KAGiB;EACjB,OAAO;IACLC,OAAO,EAAE,EADJ;IAELC,QAAQ,EAAE,OAFL;IAGLF,KAAK,EAAE;MACLG,MAAM,eACDP,YAAY,CAACG,YAAD,CADX;IADD,CAHF;IAQLK,OAAO,EAAE,CACPV,MAAM,CAAC,iBAA6B;MAAA,IAAjBW,aAAiB,SAAjBA,aAAiB;;MAAA,2CACZR,YADY;MAAA;;MAAA;QAClC,oDAAoC;UAAA,IAAzBS,OAAyB;UAClC,IAAMC,UAAU,GAAGR,YAAY,CAACS,IAAb,CAAkBF,OAAlB,CAAnB;;UACA,IAAIC,UAAJ,EAAgB;YACdF,aAAa,qCACDC,OADC,GACWX,GAAG,CAACY,UAAD,CAAH,CAAgBR,YAAhB,CADX,EAAb;UAGD;QACF;MARiC;QAAA;MAAA;QAAA;MAAA;IASnC,CATK,CADC;EARJ,CAAP;AAqBD"}

package/build/esm/tailwind/makeTailwindTheme.d.ts

@@ -0,0 +1,5 @@
+import type { Theme } from '../theme/theme';
+export declare type ColorsObject = {
+    [key: string]: string | ColorsObject;
+};
+export declare function extendColors(theme: Theme): ColorsObject;

package/build/esm/tailwind/makeTailwindTheme.js

@@ -0,0 +1,32 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+export function extendColors(theme) {
+  var modifiedColors = {};
+
+  function extractColors(colors, arr) {
+    var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '';
+
+    for (var _i = 0, _Object$keys = Object.keys(colors); _i < _Object$keys.length; _i++) {
+      var _key = _Object$keys[_i];
+
+      if (_key === 'modes') {
+        continue;
+      }
+
+      var c = colors[_key];
+
+      if (typeof c === 'string') {
+        var varName = "--".concat(root + _key, "--rgb"); // arr[key.replace(/-/g, '_')] = `rgba(var(${varName}), <alpha-value>)`;
+
+        arr[_key] = "rgba(var(".concat(varName, "), <alpha-value>)");
+      } else if (_typeof(c) === 'object') {
+        var subColors = {};
+        extractColors(c, subColors, root + _key + '-');
+        arr[_key] = subColors;
+      }
+    }
+  }
+
+  extractColors(theme.colors, modifiedColors);
+  return modifiedColors;
+}
+//# sourceMappingURL=makeTailwindTheme.js.map

package/build/esm/tailwind/makeTailwindTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeTailwindTheme.js","names":["extendColors","theme","modifiedColors","extractColors","colors","arr","root","Object","keys","key","c","varName","subColors"],"sources":["../../../src/tailwind/makeTailwindTheme.ts"],"sourcesContent":["import type { Theme } from '../theme/theme';\n\nexport type ColorsObject = { [key: string]: string | ColorsObject };\nexport function extendColors(theme: Theme): ColorsObject {\n  const modifiedColors: ColorsObject = {};\n  function extractColors(colors: ColorsObject, arr: ColorsObject, root = '') {\n    for (const key of Object.keys(colors)) {\n      if (key === 'modes') {\n        continue;\n      }\n\n      const c = colors[key];\n      if (typeof c === 'string') {\n        const varName = `--${root + key}--rgb`;\n        // arr[key.replace(/-/g, '_')] = `rgba(var(${varName}), <alpha-value>)`;\n        arr[key] = `rgba(var(${varName}), <alpha-value>)`;\n      } else if (typeof c === 'object') {\n        const subColors: ColorsObject = {};\n        extractColors(c, subColors, root + key + '-');\n        arr[key] = subColors;\n      }\n    }\n  }\n\n  extractColors(theme.colors as any, modifiedColors);\n  return modifiedColors;\n}\n"],"mappings":";AAGA,OAAO,SAASA,YAAT,CAAsBC,KAAtB,EAAkD;EACvD,IAAMC,cAA4B,GAAG,EAArC;;EACA,SAASC,aAAT,CAAuBC,MAAvB,EAA6CC,GAA7C,EAA2E;IAAA,IAAXC,IAAW,uEAAJ,EAAI;;IACzE,gCAAkBC,MAAM,CAACC,IAAP,CAAYJ,MAAZ,CAAlB,kCAAuC;MAAlC,IAAMK,IAAG,mBAAT;;MACH,IAAIA,IAAG,KAAK,OAAZ,EAAqB;QACnB;MACD;;MAED,IAAMC,CAAC,GAAGN,MAAM,CAACK,IAAD,CAAhB;;MACA,IAAI,OAAOC,CAAP,KAAa,QAAjB,EAA2B;QACzB,IAAMC,OAAO,eAAQL,IAAI,GAAGG,IAAf,UAAb,CADyB,CAEzB;;QACAJ,GAAG,CAACI,IAAD,CAAH,sBAAuBE,OAAvB;MACD,CAJD,MAIO,IAAI,QAAOD,CAAP,MAAa,QAAjB,EAA2B;QAChC,IAAME,SAAuB,GAAG,EAAhC;QACAT,aAAa,CAACO,CAAD,EAAIE,SAAJ,EAAeN,IAAI,GAAGG,IAAP,GAAa,GAA5B,CAAb;QACAJ,GAAG,CAACI,IAAD,CAAH,GAAWG,SAAX;MACD;IACF;EACF;;EAEDT,aAAa,CAACF,KAAK,CAACG,MAAP,EAAsBF,cAAtB,CAAb;EACA,OAAOA,cAAP;AACD"}

package/build/esm/theme/theme.js

@@ -160,7 +160,7 @@ export var theme = {
       fontFamily: 'body',
       lineHeight: 'body'
     },
-    'display-large': font('brand', 64, 57, 0, 400),
+    'display-large': font('brand', 64, 57, -0.25, 400),
     'display-medium': font('brand', 52, 45, 0, 400),
     'display-small': font('brand', 44, 36, 0, 400),
     'headline-large': font('brand', 40, 32, 0, 400),
@@ -477,8 +477,8 @@ export var theme = {
   styles: {
     root: {
       body: {
-        fontFamily: 'body1',
-        fontWeight: 'body1',
+        fontFamily: 'plain',
+        fontWeight: 'regular',
         lineHeight: 'body',
         backgroundColor: 'surface',
         color: 'on.surface'

package/build/esm/theme/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    'outline-variant': '#d3c2c9',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n      'outline-variant': '#22191e',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        'outline-variant': '#4f4349',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n          'outline-variant': '#efdee5',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, 0, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 15, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'body1',\n        fontWeight: 'body1',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"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"}
+{"version":3,"file":"theme.js","names":["rem","em","EASING_STANDARD","font","fontFamily","lineHeight","fontSize","letterSpacing","weight","fontWeight","theme","googleFonts","colors","primary","secondary","tertiary","error","background","surface","outline","on","modes","dark","sizes","icon","avatar","radii","none","default","small","medium","large","large_end","large_top","full","circle","shadows","fonts","body","heading","brand","plain","monospace","fontSizes","fontWeights","light","regular","lineHeights","space","text","caps","textTransform","display","h1","variant","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","button","caption","overline","appbar","variants","base","backgroundColor","color","transparent","elevations","elevated","boxShadow","height","p","dense","buttons","py","px","borderRadius","cursor","filled","outlined","fab","maxHeight","width","maxWidth","transition","floating","overlays","hover","opacity","focus","pressed","chips","dialogs","backgroundColorOverlay","paper","zIndices","appBar","drawer","dialog","snackbar","tooltip","styles","root"],"sources":["../../../src/theme/theme.ts"],"sourcesContent":["// material theme preset\n// work-in-progress\n\n// references\n// - https://material.io/design/typography/the-type-system.html#type-scale\nimport { rem, em } from 'polished';\n\nimport { EASING_STANDARD } from '../motion';\n\nfunction font(\n  fontFamily: 'plain' | 'brand',\n  lineHeight: number,\n  fontSize: number,\n  letterSpacing: number,\n  weight: number\n) {\n  return {\n    fontFamily,\n    lineHeight: rem(lineHeight),\n    fontSize: rem(fontSize),\n    letterSpacing: rem(letterSpacing),\n    fontWeight: weight,\n  };\n}\n\nexport const theme = {\n  googleFonts:\n    'https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:300,400,500,600,700&display=swap',\n  colors: {\n    primary: '#934078',\n    secondary: '#705765',\n    tertiary: '#80543e',\n    error: '#ba1b1b',\n    'primary-container': '#ffd7ed',\n    'secondary-container': '#fbd9ea',\n    'tertiary-container': '#ffdbc9',\n    'error-container': '#ffdad4',\n    background: '#fcfcfc',\n    surface: '#fcfcfc',\n    'surface-variant': '#efdee5',\n    outline: '#81747a',\n    'outline-variant': '#d3c2c9',\n    on: {\n      primary: '#ffffff',\n      secondary: '#ffffff',\n      tertiary: '#ffffff',\n      error: '#ffffff',\n      'primary-container': '#3b002d',\n      'secondary-container': '#291521',\n      'tertiary-container': '#321303',\n      'error-container': '#410001',\n      background: '#1f1a1c',\n      surface: '#1f1a1c',\n      'surface-variant': '#4f4349',\n      outline: '#feecf3',\n      'outline-variant': '#22191e',\n    },\n    modes: {\n      dark: {\n        primary: '#ffade0',\n        secondary: '#debece',\n        tertiary: '#f4ba9e',\n        error: '#ffb4a9',\n        'primary-container': '#77285f',\n        'secondary-container': '#57404d',\n        'tertiary-container': '#653d28',\n        'error-container': '#930006',\n        background: '#1f1a1c',\n        surface: '#1f1a1c',\n        'surface-variant': '#4f4349',\n        outline: '#9b8d93',\n        'outline-variant': '#4f4349',\n        on: {\n          primary: '#5b0e47',\n          secondary: '#402a37',\n          tertiary: '#4b2714',\n          error: '#680003',\n          'primary-container': '#ffd7ed',\n          'secondary-container': '#fbd9ea',\n          'tertiary-container': '#ffdbc9',\n          'error-container': '#ffdad4',\n          background: '#eae0e3',\n          surface: '#eae0e3',\n          'surface-variant': '#d3c2c9',\n          outline: '#22191e',\n          'outline-variant': '#efdee5',\n        },\n      },\n    },\n  },\n  sizes: {\n    icon: rem(24),\n    avatar: rem(48),\n  },\n  radii: {\n    none: 0,\n    default: rem(4),\n    'extra-small': rem(4),\n    'extra-small_top': `${rem(4)} ${rem(4)} 0 0`,\n    small: rem(8),\n    medium: rem(12),\n    large: rem(16),\n    large_end: `0 ${rem(16)} ${rem(16)} 0`,\n    large_top: `${rem(16)} ${rem(16)} 0 0`,\n    'extra-large': rem(28),\n    'extra-large_top': `${rem(28)} ${rem(28)} 0 0`,\n    full: rem(99999),\n    circle: '100%',\n  },\n  shadows: {\n    0: '0 0 0 0 rgba(0,0,0,0.2),0 0 0 0 rgba(0,0,0,0.14),0 0 0 0 rgba(0,0,0,0.12)',\n    1: '0 1px 2px rgba(0,0,0,0.3),0 1px 3px 1px rgba(0,0,0,0.15)',\n    2: '0 1px 2px rgba(0,0,0,0.3),0 2px 6px 2px rgba(0,0,0,0.15)',\n    3: '0 1px 3px rgba(0,0,0,0.3),0 4px 8px 3px rgba(0,0,0,0.15)',\n    4: '0 2px 3px rgba(0,0,0,0.3),0 6px 10px 4px rgba(0,0,0,0.15)',\n    5: '0 4px 4px rgba(0,0,0,0.3),0 8px 12px 6px rgba(0,0,0,0.15)',\n  },\n  fonts: {\n    body: 'Roboto, sans-serif',\n    heading: 'Roboto, sans-serif',\n    brand: 'Roboto, sans-serif',\n    plain: 'Roboto, sans-serif',\n    monospace: '\"Roboto Mono\", monospace',\n  },\n  fontSizes: {\n    0: rem(10),\n    1: rem(12),\n    2: rem(14),\n    3: rem(16),\n    4: rem(20),\n    5: rem(24),\n    6: rem(34),\n    7: rem(48),\n    8: rem(60),\n    9: rem(96),\n  },\n  fontWeights: {\n    light: 300,\n    regular: 400,\n    medium: 500,\n  },\n  lineHeights: {\n    body: 1.43,\n    heading: 1.2,\n  },\n  space: {\n    0: rem(0),\n    1: rem(4),\n    2: rem(8),\n    3: rem(16),\n    4: rem(32),\n    5: rem(64),\n    6: rem(128),\n    7: rem(256),\n    8: rem(512),\n  },\n  text: {\n    caps: {\n      textTransform: 'uppercase',\n      fontFamily: 'body',\n      lineHeight: 'body',\n      letterSpacing: '0.1em',\n    },\n    heading: {\n      fontFamily: 'heading',\n      lineHeight: 'heading',\n    },\n    display: {\n      fontFamily: 'body',\n      lineHeight: 'body',\n    },\n    'display-large': font('brand', 64, 57, -0.25, 400),\n    'display-medium': font('brand', 52, 45, 0, 400),\n    'display-small': font('brand', 44, 36, 0, 400),\n    'headline-large': font('brand', 40, 32, 0, 400),\n    'headline-medium': font('brand', 36, 28, 0, 400),\n    'headline-small': font('brand', 32, 24, 0, 400),\n    'title-large': font('brand', 28, 22, 0, 400),\n    'title-medium': font('plain', 24, 16, 0.15, 500),\n    'title-small': font('plain', 20, 14, 0.1, 500),\n    'label-large': font('plain', 20, 14, 0.1, 500),\n    'label-medium': font('plain', 16, 12, 0.5, 500),\n    'label-small': font('plain', 15, 11, 0.5, 500),\n    'body-large': font('plain', 24, 16, 0.5, 400),\n    'body-medium': font('plain', 20, 14, 0.25, 400),\n    'body-small': font('plain', 16, 12, 0.4, 400),\n    h1: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 9,\n      letterSpacing: em(-1.5, 96),\n    },\n    h2: {\n      variant: 'text.heading',\n      fontWeight: 'light',\n      fontSize: 8,\n      letterSpacing: em(-0.5, 60),\n    },\n    h3: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 7,\n      letterSpacing: em(0, 48),\n    },\n    h4: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 6,\n      letterSpacing: em(0.25, 34),\n    },\n    h5: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 5,\n      letterSpacing: em(0, 24),\n    },\n    h6: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 4,\n      letterSpacing: em(0.15, 20),\n    },\n    subtitle1: {\n      variant: 'text.heading',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.15, 16),\n    },\n    subtitle2: {\n      variant: 'text.heading',\n      fontWeight: 'medium',\n      fontSize: 2,\n      letterSpacing: em(0.1, 14),\n    },\n    body1: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 3,\n      letterSpacing: em(0.5, 16),\n    },\n    body2: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 2,\n      letterSpacing: em(0.25, 14),\n    },\n    button: {\n      variant: 'text.display',\n      fontSize: 2,\n      letterSpacing: em(1.2, 14),\n      fontWeight: 'medium',\n    },\n    caption: {\n      variant: 'text.display',\n      fontWeight: 'regular',\n      fontSize: 1,\n      letterSpacing: em(0.4, 12),\n    },\n    overline: {\n      variant: 'text.caps',\n      fontWeight: 'medium',\n      fontSize: 0,\n      letterSpacing: em(1.5, 10),\n    },\n  },\n  appbar: {\n    variants: {\n      base: {\n        fontFamily: 'body',\n        fontSize: 4,\n      },\n      default: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n      primary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'primary',\n        color: 'on.primary',\n      },\n      secondary: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'secondary',\n        color: 'on.secondary',\n      },\n      transparent: {\n        variant: 'appbar.variants.base',\n        backgroundColor: 'transparent',\n        color: 'inherit',\n      },\n    },\n    elevations: {\n      default: {},\n      elevated: {\n        boxShadow: 2,\n      },\n    },\n    sizes: {\n      default: {\n        height: rem(64),\n        p: 3,\n      },\n      dense: {\n        height: rem(56),\n      },\n    },\n  },\n  buttons: {\n    variants: {\n      base: {\n        variant: 'text.label-large',\n        boxShadow: 'none',\n        py: 0,\n        px: rem(24),\n        height: rem(40),\n        borderRadius: 'full',\n        cursor: 'pointer',\n        outline: 'none',\n      },\n      text: {\n        variant: 'buttons.variants.base',\n        px: rem(12),\n      },\n      filled: {\n        variant: 'buttons.variants.base',\n      },\n      outlined: {\n        variant: 'buttons.variants.base',\n      },\n      fab: {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        maxHeight: rem(56),\n        width: rem(56),\n        maxWidth: rem(56),\n        borderRadius: 'large',\n        px: 0,\n      },\n      'fab-mini': {\n        variant: 'buttons.variants.fab',\n        height: rem(40),\n        maxHeight: rem(40),\n        width: rem(40),\n        maxWidth: rem(40),\n        borderRadius: 'medium',\n        px: 0,\n      },\n      'fab-large': {\n        variant: 'buttons.variants.fab',\n        height: rem(96),\n        maxHeight: rem(96),\n        width: rem(96),\n        maxWidth: rem(96),\n        borderRadius: 'extra-large',\n        px: 0,\n      },\n      'fab-extended': {\n        variant: 'buttons.variants.base',\n        height: rem(56),\n        px: rem(16),\n        borderRadius: 'large',\n      },\n      icon: {\n        variant: 'buttons.variants.base',\n        height: rem(48),\n        maxHeight: rem(48),\n        width: rem(48),\n        maxWidth: rem(48),\n        px: rem(12),\n        borderRadius: 'full',\n      },\n    },\n    elevations: {\n      none: {},\n      default: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        '&:hover': {\n          boxShadow: 1,\n        },\n        '&:active,&:focus-visible,&:disabled': {\n          boxShadow: 0,\n        },\n      },\n      elevated: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 1,\n        '&:hover': {\n          boxShadow: 2,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 1,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n      floating: {\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n        boxShadow: 3,\n        ':hover': {\n          boxShadow: 4,\n        },\n        '&:active,&:focus-visible': {\n          boxShadow: 3,\n        },\n        '&:disabled,&:disabled:hover,&:disabled:focus,&:disabled:active': {\n          boxShadow: 0,\n        },\n      },\n    },\n    overlays: {\n      transparent: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n      filled: {\n        hover: {\n          opacity: 0.08,\n        },\n        focus: {\n          opacity: 0.12,\n        },\n        pressed: {\n          opacity: 0.16,\n        },\n      },\n    },\n  },\n  chips: {\n    variants: {\n      base: {\n        variant: 'text.body2',\n        boxShadow: 'none',\n        py: 0,\n        px: 0,\n        height: rem(32),\n        borderRadius: 'small',\n        outline: 'none',\n        transition: `box-shadow .28s ${EASING_STANDARD}`,\n      },\n      filled: {\n        variant: 'chips.variants.base',\n        boxShadow: 1,\n        ':active:not([data-disabled])': {\n          boxShadow: 2,\n        },\n      },\n      outlined: {\n        variant: 'chips.variants.base',\n      },\n    },\n  },\n  dialogs: {\n    variants: {\n      base: {\n        borderRadius: 'extra-large',\n      },\n    },\n    backgroundColorOverlay: 3,\n  },\n  paper: {\n    overlays: {\n      0: 0,\n      1: 0.05,\n      2: 0.08,\n      3: 0.11,\n      4: 0.12,\n      5: 0.14,\n    },\n  },\n  zIndices: {\n    appBar: 1100,\n    drawer: 1200,\n    dialog: 1300,\n    snackbar: 1400,\n    tooltip: 1500,\n  },\n  styles: {\n    root: {\n      body: {\n        fontFamily: 'plain',\n        fontWeight: 'regular',\n        lineHeight: 'body',\n        backgroundColor: 'surface',\n        color: 'on.surface',\n      },\n    },\n  },\n};\n\nexport type Theme = typeof theme;\n"],"mappings":"AAAA;AACA;AAEA;AACA;AACA,SAASA,GAAT,EAAcC,EAAd,QAAwB,UAAxB;AAEA,SAASC,eAAT,QAAgC,WAAhC;;AAEA,SAASC,IAAT,CACEC,UADF,EAEEC,UAFF,EAGEC,QAHF,EAIEC,aAJF,EAKEC,MALF,EAME;EACA,OAAO;IACLJ,UAAU,EAAVA,UADK;IAELC,UAAU,EAAEL,GAAG,CAACK,UAAD,CAFV;IAGLC,QAAQ,EAAEN,GAAG,CAACM,QAAD,CAHR;IAILC,aAAa,EAAEP,GAAG,CAACO,aAAD,CAJb;IAKLE,UAAU,EAAED;EALP,CAAP;AAOD;;AAED,OAAO,IAAME,KAAK,GAAG;EACnBC,WAAW,EACT,6FAFiB;EAGnBC,MAAM,EAAE;IACNC,OAAO,EAAE,SADH;IAENC,SAAS,EAAE,SAFL;IAGNC,QAAQ,EAAE,SAHJ;IAINC,KAAK,EAAE,SAJD;IAKN,qBAAqB,SALf;IAMN,uBAAuB,SANjB;IAON,sBAAsB,SAPhB;IAQN,mBAAmB,SARb;IASNC,UAAU,EAAE,SATN;IAUNC,OAAO,EAAE,SAVH;IAWN,mBAAmB,SAXb;IAYNC,OAAO,EAAE,SAZH;IAaN,mBAAmB,SAbb;IAcNC,EAAE,EAAE;MACFP,OAAO,EAAE,SADP;MAEFC,SAAS,EAAE,SAFT;MAGFC,QAAQ,EAAE,SAHR;MAIFC,KAAK,EAAE,SAJL;MAKF,qBAAqB,SALnB;MAMF,uBAAuB,SANrB;MAOF,sBAAsB,SAPpB;MAQF,mBAAmB,SARjB;MASFC,UAAU,EAAE,SATV;MAUFC,OAAO,EAAE,SAVP;MAWF,mBAAmB,SAXjB;MAYFC,OAAO,EAAE,SAZP;MAaF,mBAAmB;IAbjB,CAdE;IA6BNE,KAAK,EAAE;MACLC,IAAI,EAAE;QACJT,OAAO,EAAE,SADL;QAEJC,SAAS,EAAE,SAFP;QAGJC,QAAQ,EAAE,SAHN;QAIJC,KAAK,EAAE,SAJH;QAKJ,qBAAqB,SALjB;QAMJ,uBAAuB,SANnB;QAOJ,sBAAsB,SAPlB;QAQJ,mBAAmB,SARf;QASJC,UAAU,EAAE,SATR;QAUJC,OAAO,EAAE,SAVL;QAWJ,mBAAmB,SAXf;QAYJC,OAAO,EAAE,SAZL;QAaJ,mBAAmB,SAbf;QAcJC,EAAE,EAAE;UACFP,OAAO,EAAE,SADP;UAEFC,SAAS,EAAE,SAFT;UAGFC,QAAQ,EAAE,SAHR;UAIFC,KAAK,EAAE,SAJL;UAKF,qBAAqB,SALnB;UAMF,uBAAuB,SANrB;UAOF,sBAAsB,SAPpB;UAQF,mBAAmB,SARjB;UASFC,UAAU,EAAE,SATV;UAUFC,OAAO,EAAE,SAVP;UAWF,mBAAmB,SAXjB;UAYFC,OAAO,EAAE,SAZP;UAaF,mBAAmB;QAbjB;MAdA;IADD;EA7BD,CAHW;EAiEnBI,KAAK,EAAE;IACLC,IAAI,UADC;IAELC,MAAM;EAFD,CAjEY;EAqEnBC,KAAK,EAAE;IACLC,IAAI,EAAE,CADD;IAELC,OAAO,WAFF;IAGL,wBAHK;IAIL,2DAJK;IAKLC,KAAK,UALA;IAMLC,MAAM,WAND;IAOLC,KAAK,QAPA;IAQLC,SAAS,wCARJ;IASLC,SAAS,oCATJ;IAUL,wBAVK;IAWL,2DAXK;IAYLC,IAAI,gBAZC;IAaLC,MAAM,EAAE;EAbH,CArEY;EAoFnBC,OAAO,EAAE;IACP,GAAG,2EADI;IAEP,GAAG,0DAFI;IAGP,GAAG,0DAHI;IAIP,GAAG,0DAJI;IAKP,GAAG,2DALI;IAMP,GAAG;EANI,CApFU;EA4FnBC,KAAK,EAAE;IACLC,IAAI,EAAE,oBADD;IAELC,OAAO,EAAE,oBAFJ;IAGLC,KAAK,EAAE,oBAHF;IAILC,KAAK,EAAE,oBAJF;IAKLC,SAAS,EAAE;EALN,CA5FY;EAmGnBC,SAAS,EAAE;IACT,aADS;IAET,YAFS;IAGT,aAHS;IAIT,SAJS;IAKT,YALS;IAMT,WANS;IAOT,aAPS;IAQT,SARS;IAST,YATS;IAUT;EAVS,CAnGQ;EA+GnBC,WAAW,EAAE;IACXC,KAAK,EAAE,GADI;IAEXC,OAAO,EAAE,GAFE;IAGXhB,MAAM,EAAE;EAHG,CA/GM;EAoHnBiB,WAAW,EAAE;IACXT,IAAI,EAAE,IADK;IAEXC,OAAO,EAAE;EAFE,CApHM;EAwHnBS,KAAK,EAAE;IACL,SADK;IAEL,YAFK;IAGL,WAHK;IAIL,SAJK;IAKL,SALK;IAML,SANK;IAOL,SAPK;IAQL,UARK;IASL;EATK,CAxHY;EAmInBC,IAAI,EAAE;IACJC,IAAI,EAAE;MACJC,aAAa,EAAE,WADX;MAEJ/C,UAAU,EAAE,MAFR;MAGJC,UAAU,EAAE,MAHR;MAIJE,aAAa,EAAE;IAJX,CADF;IAOJgC,OAAO,EAAE;MACPnC,UAAU,EAAE,SADL;MAEPC,UAAU,EAAE;IAFL,CAPL;IAWJ+C,OAAO,EAAE;MACPhD,UAAU,EAAE,MADL;MAEPC,UAAU,EAAE;IAFL,CAXL;IAeJ,iBAAiBF,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,CAAC,IAAnB,EAAyB,GAAzB,CAfjB;IAgBJ,kBAAkBA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,CAAlB,EAAqB,GAArB,CAhBlB;IAiBJ,iBAAiBA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,CAAlB,EAAqB,GAArB,CAjBjB;IAkBJ,kBAAkBA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,CAAlB,EAAqB,GAArB,CAlBlB;IAmBJ,mBAAmBA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,CAAlB,EAAqB,GAArB,CAnBnB;IAoBJ,kBAAkBA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,CAAlB,EAAqB,GAArB,CApBlB;IAqBJ,eAAeA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,CAAlB,EAAqB,GAArB,CArBf;IAsBJ,gBAAgBA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,IAAlB,EAAwB,GAAxB,CAtBhB;IAuBJ,eAAeA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,GAAlB,EAAuB,GAAvB,CAvBf;IAwBJ,eAAeA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,GAAlB,EAAuB,GAAvB,CAxBf;IAyBJ,gBAAgBA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,GAAlB,EAAuB,GAAvB,CAzBhB;IA0BJ,eAAeA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,GAAlB,EAAuB,GAAvB,CA1Bf;IA2BJ,cAAcA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,GAAlB,EAAuB,GAAvB,CA3Bd;IA4BJ,eAAeA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,IAAlB,EAAwB,GAAxB,CA5Bf;IA6BJ,cAAcA,IAAI,CAAC,OAAD,EAAU,EAAV,EAAc,EAAd,EAAkB,GAAlB,EAAuB,GAAvB,CA7Bd;IA8BJkD,EAAE,EAAE;MACFC,OAAO,EAAE,cADP;MAEF7C,UAAU,EAAE,OAFV;MAGFH,QAAQ,EAAE,CAHR;MAIFC,aAAa,EAAEN,EAAE,CAAC,CAAC,GAAF,EAAO,EAAP;IAJf,CA9BA;IAoCJsD,EAAE,EAAE;MACFD,OAAO,EAAE,cADP;MAEF7C,UAAU,EAAE,OAFV;MAGFH,QAAQ,EAAE,CAHR;MAIFC,aAAa,EAAEN,EAAE,CAAC,CAAC,GAAF,EAAO,EAAP;IAJf,CApCA;IA0CJuD,EAAE,EAAE;MACFF,OAAO,EAAE,cADP;MAEF7C,UAAU,EAAE,SAFV;MAGFH,QAAQ,EAAE,CAHR;MAIFC,aAAa;IAJX,CA1CA;IAgDJkD,EAAE,EAAE;MACFH,OAAO,EAAE,cADP;MAEF7C,UAAU,EAAE,SAFV;MAGFH,QAAQ,EAAE,CAHR;MAIFC,aAAa;IAJX,CAhDA;IAsDJmD,EAAE,EAAE;MACFJ,OAAO,EAAE,cADP;MAEF7C,UAAU,EAAE,SAFV;MAGFH,QAAQ,EAAE,CAHR;MAIFC,aAAa;IAJX,CAtDA;IA4DJoD,EAAE,EAAE;MACFL,OAAO,EAAE,cADP;MAEF7C,UAAU,EAAE,QAFV;MAGFH,QAAQ,EAAE,CAHR;MAIFC,aAAa;IAJX,CA5DA;IAkEJqD,SAAS,EAAE;MACTN,OAAO,EAAE,cADA;MAET7C,UAAU,EAAE,SAFH;MAGTH,QAAQ,EAAE,CAHD;MAITC,aAAa;IAJJ,CAlEP;IAwEJsD,SAAS,EAAE;MACTP,OAAO,EAAE,cADA;MAET7C,UAAU,EAAE,QAFH;MAGTH,QAAQ,EAAE,CAHD;MAITC,aAAa;IAJJ,CAxEP;IA8EJuD,KAAK,EAAE;MACLR,OAAO,EAAE,cADJ;MAEL7C,UAAU,EAAE,SAFP;MAGLH,QAAQ,EAAE,CAHL;MAILC,aAAa;IAJR,CA9EH;IAoFJwD,KAAK,EAAE;MACLT,OAAO,EAAE,cADJ;MAEL7C,UAAU,EAAE,SAFP;MAGLH,QAAQ,EAAE,CAHL;MAILC,aAAa;IAJR,CApFH;IA0FJyD,MAAM,EAAE;MACNV,OAAO,EAAE,cADH;MAENhD,QAAQ,EAAE,CAFJ;MAGNC,aAAa,yBAHP;MAINE,UAAU,EAAE;IAJN,CA1FJ;IAgGJwD,OAAO,EAAE;MACPX,OAAO,EAAE,cADF;MAEP7C,UAAU,EAAE,SAFL;MAGPH,QAAQ,EAAE,CAHH;MAIPC,aAAa;IAJN,CAhGL;IAsGJ2D,QAAQ,EAAE;MACRZ,OAAO,EAAE,WADD;MAER7C,UAAU,EAAE,QAFJ;MAGRH,QAAQ,EAAE,CAHF;MAIRC,aAAa;IAJL;EAtGN,CAnIa;EAgPnB4D,MAAM,EAAE;IACNC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJjE,UAAU,EAAE,MADR;QAEJE,QAAQ,EAAE;MAFN,CADE;MAKRsB,OAAO,EAAE;QACP0B,OAAO,EAAE,sBADF;QAEPgB,eAAe,EAAE,SAFV;QAGPC,KAAK,EAAE;MAHA,CALD;MAUR1D,OAAO,EAAE;QACPyC,OAAO,EAAE,sBADF;QAEPgB,eAAe,EAAE,SAFV;QAGPC,KAAK,EAAE;MAHA,CAVD;MAeRzD,SAAS,EAAE;QACTwC,OAAO,EAAE,sBADA;QAETgB,eAAe,EAAE,WAFR;QAGTC,KAAK,EAAE;MAHE,CAfH;MAoBRC,WAAW,EAAE;QACXlB,OAAO,EAAE,sBADE;QAEXgB,eAAe,EAAE,aAFN;QAGXC,KAAK,EAAE;MAHI;IApBL,CADJ;IA2BNE,UAAU,EAAE;MACV7C,OAAO,EAAE,EADC;MAEV8C,QAAQ,EAAE;QACRC,SAAS,EAAE;MADH;IAFA,CA3BN;IAiCNpD,KAAK,EAAE;MACLK,OAAO,EAAE;QACPgD,MAAM,QADC;QAEPC,CAAC,EAAE;MAFI,CADJ;MAKLC,KAAK,EAAE;QACLF,MAAM;MADD;IALF;EAjCD,CAhPW;EA2RnBG,OAAO,EAAE;IACPX,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJf,OAAO,EAAE,kBADL;QAEJqB,SAAS,EAAE,MAFP;QAGJK,EAAE,EAAE,CAHA;QAIJC,EAAE,UAJE;QAKJL,MAAM,UALF;QAMJM,YAAY,EAAE,MANV;QAOJC,MAAM,EAAE,SAPJ;QAQJhE,OAAO,EAAE;MARL,CADE;MAWR8B,IAAI,EAAE;QACJK,OAAO,EAAE,uBADL;QAEJ2B,EAAE;MAFE,CAXE;MAeRG,MAAM,EAAE;QACN9B,OAAO,EAAE;MADH,CAfA;MAkBR+B,QAAQ,EAAE;QACR/B,OAAO,EAAE;MADD,CAlBF;MAqBRgC,GAAG,EAAE;QACHhC,OAAO,EAAE,uBADN;QAEHsB,MAAM,UAFH;QAGHW,SAAS,UAHN;QAIHC,KAAK,UAJF;QAKHC,QAAQ,UALL;QAMHP,YAAY,EAAE,OANX;QAOHD,EAAE,EAAE;MAPD,CArBG;MA8BR,YAAY;QACV3B,OAAO,EAAE,sBADC;QAEVsB,MAAM,UAFI;QAGVW,SAAS,UAHC;QAIVC,KAAK,UAJK;QAKVC,QAAQ,UALE;QAMVP,YAAY,EAAE,QANJ;QAOVD,EAAE,EAAE;MAPM,CA9BJ;MAuCR,aAAa;QACX3B,OAAO,EAAE,sBADE;QAEXsB,MAAM,QAFK;QAGXW,SAAS,QAHE;QAIXC,KAAK,QAJM;QAKXC,QAAQ,QALG;QAMXP,YAAY,EAAE,aANH;QAOXD,EAAE,EAAE;MAPO,CAvCL;MAgDR,gBAAgB;QACd3B,OAAO,EAAE,uBADK;QAEdsB,MAAM,UAFQ;QAGdK,EAAE,QAHY;QAIdC,YAAY,EAAE;MAJA,CAhDR;MAsDR1D,IAAI,EAAE;QACJ8B,OAAO,EAAE,uBADL;QAEJsB,MAAM,QAFF;QAGJW,SAAS,QAHL;QAIJC,KAAK,QAJD;QAKJC,QAAQ,QALJ;QAMJR,EAAE,WANE;QAOJC,YAAY,EAAE;MAPV;IAtDE,CADH;IAiEPT,UAAU,EAAE;MACV9C,IAAI,EAAE,EADI;MAEVC,OAAO,EAAE;QACP8D,UAAU,4BAAqBxF,eAArB,CADH;QAEP,WAAW;UACTyE,SAAS,EAAE;QADF,CAFJ;QAKP,uCAAuC;UACrCA,SAAS,EAAE;QAD0B;MALhC,CAFC;MAWVD,QAAQ,EAAE;QACRgB,UAAU,4BAAqBxF,eAArB,CADF;QAERyE,SAAS,EAAE,CAFH;QAGR,WAAW;UACTA,SAAS,EAAE;QADF,CAHH;QAMR,4BAA4B;UAC1BA,SAAS,EAAE;QADe,CANpB;QASR,kEAAkE;UAChEA,SAAS,EAAE;QADqD;MAT1D,CAXA;MAwBVgB,QAAQ,EAAE;QACRD,UAAU,4BAAqBxF,eAArB,CADF;QAERyE,SAAS,EAAE,CAFH;QAGR,UAAU;UACRA,SAAS,EAAE;QADH,CAHF;QAMR,4BAA4B;UAC1BA,SAAS,EAAE;QADe,CANpB;QASR,kEAAkE;UAChEA,SAAS,EAAE;QADqD;MAT1D;IAxBA,CAjEL;IAuGPiB,QAAQ,EAAE;MACRpB,WAAW,EAAE;QACXqB,KAAK,EAAE;UACLC,OAAO,EAAE;QADJ,CADI;QAIXC,KAAK,EAAE;UACLD,OAAO,EAAE;QADJ,CAJI;QAOXE,OAAO,EAAE;UACPF,OAAO,EAAE;QADF;MAPE,CADL;MAYRV,MAAM,EAAE;QACNS,KAAK,EAAE;UACLC,OAAO,EAAE;QADJ,CADD;QAINC,KAAK,EAAE;UACLD,OAAO,EAAE;QADJ,CAJD;QAONE,OAAO,EAAE;UACPF,OAAO,EAAE;QADF;MAPH;IAZA;EAvGH,CA3RU;EA2ZnBG,KAAK,EAAE;IACL7B,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJf,OAAO,EAAE,YADL;QAEJqB,SAAS,EAAE,MAFP;QAGJK,EAAE,EAAE,CAHA;QAIJC,EAAE,EAAE,CAJA;QAKJL,MAAM,QALF;QAMJM,YAAY,EAAE,OANV;QAOJ/D,OAAO,EAAE,MAPL;QAQJuE,UAAU,4BAAqBxF,eAArB;MARN,CADE;MAWRkF,MAAM,EAAE;QACN9B,OAAO,EAAE,qBADH;QAENqB,SAAS,EAAE,CAFL;QAGN,gCAAgC;UAC9BA,SAAS,EAAE;QADmB;MAH1B,CAXA;MAkBRU,QAAQ,EAAE;QACR/B,OAAO,EAAE;MADD;IAlBF;EADL,CA3ZY;EAmbnB4C,OAAO,EAAE;IACP9B,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJa,YAAY,EAAE;MADV;IADE,CADH;IAMPiB,sBAAsB,EAAE;EANjB,CAnbU;EA2bnBC,KAAK,EAAE;IACLR,QAAQ,EAAE;MACR,GAAG,CADK;MAER,GAAG,IAFK;MAGR,GAAG,IAHK;MAIR,GAAG,IAJK;MAKR,GAAG,IALK;MAMR,GAAG;IANK;EADL,CA3bY;EAqcnBS,QAAQ,EAAE;IACRC,MAAM,EAAE,IADA;IAERC,MAAM,EAAE,IAFA;IAGRC,MAAM,EAAE,IAHA;IAIRC,QAAQ,EAAE,IAJF;IAKRC,OAAO,EAAE;EALD,CArcS;EA4cnBC,MAAM,EAAE;IACNC,IAAI,EAAE;MACJtE,IAAI,EAAE;QACJlC,UAAU,EAAE,OADR;QAEJK,UAAU,EAAE,SAFR;QAGJJ,UAAU,EAAE,MAHR;QAIJiE,eAAe,EAAE,SAJb;QAKJC,KAAK,EAAE;MALH;IADF;EADA;AA5cW,CAAd"}