@react-md/core 1.0.0-next.14 → 1.0.0-next.16

package/dist/theme/LocalStorageColorSchemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/LocalStorageColorSchemeProvider.tsx"],"sourcesContent":["\"use client\";\nimport { type ReactElement, type ReactNode } from \"react\";\nimport { useLocalStorage } from \"../useLocalStorage.js\";\nimport { ColorSchemeProvider, type ColorSchemeMode } from \"./useColorScheme.js\";\nimport { useColorSchemeProvider } from \"./useColorSchemeProvider.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface LocalStorageColorSchemeProviderProps {\n  /**\n   * Set this to `true` to prevent a `<meta name=\"color-scheme\" content=\"{COLOR_SCHEME}\">`\n   * from being added to the `document.head`.\n   *\n   * @defaultValue `false`\n   */\n  disableMetaTag?: boolean;\n\n  /**\n   * Set this to a string like `\"colorScheme\"` if you want to store the user's\n   * color scheme preference in local storage.\n   *\n   * @defaultValue `\"\"`\n   */\n  localStorageKey?: string;\n\n  /**\n   * The current color scheme mode that is being used by your app. This should\n   * match the `$color-scheme` SCSS variable.\n   *\n   * @defaultValue `\"light\"`\n   */\n  defaultColorSchemeMode?: ColorSchemeMode;\n\n  children: ReactNode;\n}\n\n/**\n * An optional implementation of the {@link ColorSchemeProvider} that supports\n * storing the value in local storage if the\n * {@link LocalStorageColorSchemeProviderProps.localStorageKey} is provided.\n *\n * @example\n * ```tsx\n * import {\n *   LocalStorageColorSchemeProvider,\n *   SegmentedButtonContainer,\n *   SegmentedButton,\n *   useColorScheme,\n * } from \"@react-md/core\";\n * import { createRoot } from \"react-dom/client\";\n *\n * function MyComponent(): ReactElement {\n *   const { colorScheme, colorSchemeMode, setColorSchemeMode } = useColorScheme();\n *   // colorScheme: \"light\" | \"dark\"\n *   // colorSchemeMode: \"light\" | \"dark\" | \"system\"\n *\n *   return (\n *     <>\n *       The current color scheme is {colorScheme}\n *       <SegmentedButtonContainer>\n *         <SegmentedButton\n *           selected={colorSchemeMode === \"light\"}\n *           onClick={() => {\n *             setColorSchemeMode(\"light\")\n *           }}\n *         >\n *           Light\n *         </SegmentedButton>\n *         <SegmentedButton\n *           selected={colorSchemeMode === \"dark\"}\n *           onClick={() => {\n *             setColorSchemeMode(\"dark\")\n *           }}\n *         >\n *           Dark\n *         </SegmentedButton>\n *         <SegmentedButton\n *           selected={colorSchemeMode === \"system\"}\n *           onClick={() => {\n *             setColorSchemeMode(\"system\")\n *           }}\n *         >\n *           System\n *         </SegmentedButton>\n *       </SegmentedButtonContainer>\n *     </>\n *   )l\n * }\n *\n * const container = document.getElementById(\"root\");\n * const root = createRoot(container);\n *\n * root.render(\n *   <LocalStorageColorSchemeProvider defaultColorSchemeMode=\"system\">\n *     <MyComponent />\n *   </LocalStorageColorSchemeProvider>\n * );\n * ```\n *\n * @since 6.0.0\n */\nexport function LocalStorageColorSchemeProvider(\n  props: LocalStorageColorSchemeProviderProps\n): ReactElement {\n  const {\n    localStorageKey = \"\",\n    defaultColorSchemeMode = \"light\",\n    disableMetaTag,\n    children,\n  } = props;\n\n  const { value: colorSchemeMode, setValue: setColorSchemeMode } =\n    useLocalStorage({\n      key: localStorageKey,\n      defaultValue: defaultColorSchemeMode,\n      deserializer: (item) =>\n        item === \"light\" || item === \"dark\" || item === \"system\"\n          ? item\n          : defaultColorSchemeMode,\n    });\n\n  const value = useColorSchemeProvider({\n    disableMetaTag,\n    colorSchemeMode,\n    setColorSchemeMode,\n  });\n\n  return <ColorSchemeProvider value={value}>{children}</ColorSchemeProvider>;\n}\n"],"names":["useLocalStorage","ColorSchemeProvider","useColorSchemeProvider","LocalStorageColorSchemeProvider","props","localStorageKey","defaultColorSchemeMode","disableMetaTag","children","value","colorSchemeMode","setValue","setColorSchemeMode","key","defaultValue","deserializer","item"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AAEA,SAASA,eAAe,QAAQ,wBAAwB;AACxD,SAASC,mBAAmB,QAA8B,sBAAsB;AAChF,SAASC,sBAAsB,QAAQ,8BAA8B;AAiCrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEC,GACD,OAAO,SAASC,gCACdC,KAA2C;IAE3C,MAAM,EACJC,kBAAkB,EAAE,EACpBC,yBAAyB,OAAO,EAChCC,cAAc,EACdC,QAAQ,EACT,GAAGJ;IAEJ,MAAM,EAAEK,OAAOC,eAAe,EAAEC,UAAUC,kBAAkB,EAAE,GAC5DZ,gBAAgB;QACda,KAAKR;QACLS,cAAcR;QACdS,cAAc,CAACC,OACbA,SAAS,WAAWA,SAAS,UAAUA,SAAS,WAC5CA,OACAV;IACR;IAEF,MAAMG,QAAQP,uBAAuB;QACnCK;QACAG;QACAE;IACF;IAEA,qBAAO,KAACX;QAAoBQ,OAAOA;kBAAQD;;AAC7C"}
+{"version":3,"sources":["../../src/theme/LocalStorageColorSchemeProvider.tsx"],"sourcesContent":["\"use client\";\nimport { type ReactElement, type ReactNode } from \"react\";\nimport { useLocalStorage } from \"../useLocalStorage.js\";\nimport { ColorSchemeProvider, type ColorSchemeMode } from \"./useColorScheme.js\";\nimport { useColorSchemeProvider } from \"./useColorSchemeProvider.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface LocalStorageColorSchemeProviderProps {\n  /**\n   * Set this to `true` to prevent a `<meta name=\"color-scheme\" content=\"{COLOR_SCHEME}\">`\n   * from being added to the `document.head`.\n   *\n   * @defaultValue `false`\n   */\n  disableMetaTag?: boolean;\n\n  /**\n   * Set this to a string like `\"colorScheme\"` if you want to store the user's\n   * color scheme preference in local storage.\n   *\n   * @defaultValue `\"\"`\n   */\n  localStorageKey?: string;\n\n  /**\n   * The current color scheme mode that is being used by your app. This should\n   * match the `$color-scheme` SCSS variable.\n   *\n   * @defaultValue `\"light\"`\n   */\n  defaultColorSchemeMode?: ColorSchemeMode;\n\n  children: ReactNode;\n}\n\n/**\n * An optional implementation of the {@link ColorSchemeProvider} that supports\n * storing the value in local storage if the\n * {@link LocalStorageColorSchemeProviderProps.localStorageKey} is provided.\n *\n * @example\n * ```tsx\n * import {\n *   LocalStorageColorSchemeProvider,\n *   SegmentedButtonContainer,\n *   SegmentedButton,\n *   useColorScheme,\n * } from \"@react-md/core\";\n * import { createRoot } from \"react-dom/client\";\n *\n * function MyComponent(): ReactElement {\n *   const { colorScheme, colorSchemeMode, setColorSchemeMode } = useColorScheme();\n *   // colorScheme: \"light\" | \"dark\"\n *   // colorSchemeMode: \"light\" | \"dark\" | \"system\"\n *\n *   return (\n *     <>\n *       The current color scheme is {colorScheme}\n *       <SegmentedButtonContainer>\n *         <SegmentedButton\n *           selected={colorSchemeMode === \"light\"}\n *           onClick={() => {\n *             setColorSchemeMode(\"light\")\n *           }}\n *         >\n *           Light\n *         </SegmentedButton>\n *         <SegmentedButton\n *           selected={colorSchemeMode === \"dark\"}\n *           onClick={() => {\n *             setColorSchemeMode(\"dark\")\n *           }}\n *         >\n *           Dark\n *         </SegmentedButton>\n *         <SegmentedButton\n *           selected={colorSchemeMode === \"system\"}\n *           onClick={() => {\n *             setColorSchemeMode(\"system\")\n *           }}\n *         >\n *           System\n *         </SegmentedButton>\n *       </SegmentedButtonContainer>\n *     </>\n *   )l\n * }\n *\n * const container = document.getElementById(\"root\");\n * const root = createRoot(container);\n *\n * root.render(\n *   <LocalStorageColorSchemeProvider defaultColorSchemeMode=\"system\">\n *     <MyComponent />\n *   </LocalStorageColorSchemeProvider>\n * );\n * ```\n *\n * @since 6.0.0\n */\nexport function LocalStorageColorSchemeProvider(\n  props: LocalStorageColorSchemeProviderProps\n): ReactElement {\n  const {\n    localStorageKey = \"\",\n    defaultColorSchemeMode = \"light\",\n    disableMetaTag,\n    children,\n  } = props;\n\n  const { value: colorSchemeMode, setValue: setColorSchemeMode } =\n    useLocalStorage({\n      key: localStorageKey,\n      defaultValue: defaultColorSchemeMode,\n      deserializer: (item) =>\n        item === \"light\" || item === \"dark\" || item === \"system\"\n          ? item\n          : defaultColorSchemeMode,\n    });\n\n  const value = useColorSchemeProvider({\n    disableMetaTag,\n    colorSchemeMode,\n    setColorSchemeMode,\n  });\n\n  return <ColorSchemeProvider value={value}>{children}</ColorSchemeProvider>;\n}\n"],"names":["useLocalStorage","ColorSchemeProvider","useColorSchemeProvider","LocalStorageColorSchemeProvider","props","localStorageKey","defaultColorSchemeMode","disableMetaTag","children","value","colorSchemeMode","setValue","setColorSchemeMode","key","defaultValue","deserializer","item"],"mappings":"AAAA;;AAEA,SAASA,eAAe,QAAQ,wBAAwB;AACxD,SAASC,mBAAmB,QAA8B,sBAAsB;AAChF,SAASC,sBAAsB,QAAQ,8BAA8B;AAiCrE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEC,GACD,OAAO,SAASC,gCACdC,KAA2C;IAE3C,MAAM,EACJC,kBAAkB,EAAE,EACpBC,yBAAyB,OAAO,EAChCC,cAAc,EACdC,QAAQ,EACT,GAAGJ;IAEJ,MAAM,EAAEK,OAAOC,eAAe,EAAEC,UAAUC,kBAAkB,EAAE,GAC5DZ,gBAAgB;QACda,KAAKR;QACLS,cAAcR;QACdS,cAAc,CAACC,OACbA,SAAS,WAAWA,SAAS,UAAUA,SAAS,WAC5CA,OACAV;IACR;IAEF,MAAMG,QAAQP,uBAAuB;QACnCK;QACAG;QACAE;IACF;IAEA,qBAAO,KAACX;QAAoBQ,OAAOA;kBAAQD;;AAC7C"}

package/dist/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { useSsr } from \"../SsrProvider.js\";\nimport { type UseStateSetter } from \"../types.js\";\nimport {\n  black,\n  blue500,\n  greenAccent700,\n  orangeAccent200,\n  orangeAccent400,\n  red500,\n} from \"./colors.js\";\nimport {\n  backgroundColorVar,\n  errorColorVar,\n  onErrorColorVar,\n  onPrimaryColorVar,\n  onSecondaryColorVar,\n  onSuccessColorVar,\n  onWarningColorVar,\n  primaryColorVar,\n  secondaryColorVar,\n  successColorVar,\n  textDisabledColorVar,\n  textHintColorVar,\n  textPrimaryColorVar,\n  textSecondaryColorVar,\n  warningColorVar,\n} from \"./cssVars.js\";\nimport { useColorScheme } from \"./useColorScheme.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-background-color\"?: string;\n    \"--rmd-on-background-color\"?: string;\n    \"--rmd-surface-color\"?: string;\n    \"--rmd-primary-color\"?: string;\n    \"--rmd-on-primary-color\"?: string;\n    \"--rmd-secondary-color\"?: string;\n    \"--rmd-on-secondary-color\"?: string;\n    \"--rmd-warning-color\"?: string;\n    \"--rmd-on-warning-color\"?: string;\n    \"--rmd-error-color\"?: string;\n    \"--rmd-on-error-color\"?: string;\n    \"--rmd-success-color\"?: string;\n    \"--rmd-on-success-color\"?: string;\n    \"--rmd-text-primary-color\"?: string;\n    \"--rmd-text-secondary-color\"?: string;\n    \"--rmd-text-hint-color\"?: string;\n    \"--rmd-text-disabled-color\"?: string;\n\n    \"--rmd-outline-width\"?: string | number;\n    \"--rmd-outline-color\"?: string;\n    \"--rmd-outline-grey-color\"?: string;\n  }\n}\n\n/** @since 6.0.0 */\nexport interface ThemeColors {\n  primaryColor: string;\n  onPrimaryColor: string;\n  secondaryColor: string;\n  onSecondaryColor: string;\n  warningColor: string;\n  onWarningColor: string;\n  errorColor: string;\n  onErrorColor: string;\n  successColor: string;\n  onSuccessColor: string;\n}\n\n/** @since 6.0.0 */\nexport interface ThemeTextColors {\n  textPrimaryColor: string;\n  textSecondaryColor: string;\n  textHintColor: string;\n  textDisabledColor: string;\n}\n\n/** @since 6.0.0 */\nexport interface ConfigurableThemeColors extends ThemeColors, ThemeTextColors {\n  backgroundColor: string;\n}\n\n/** @since 6.0.0 */\nexport type ConfigurableThemeColorsName = keyof ConfigurableThemeColors;\n\n/** @since 6.0.0 */\nexport interface ThemeContext extends ConfigurableThemeColors {\n  /**\n   * This will be `true` if a `theme` was not provided to the {@link ThemeProvider}\n   */\n  derived: boolean;\n\n  /**\n   * @example Simple Example\n   * ```tsx\n   * import { getDerivedTheme, useHtmlClassName, useTheme } from \"@react-md/core\";\n   * import { useEffect } from \"react\";\n   *\n   * import styles from \"./LightTheme.module.scss\";\n   *\n   * let loadedOnce = false;\n   *\n   * export default function LightTheme(): null {\n   *   useHtmlClassName(styles.container);\n   *   const { setDerivedTheme } = useTheme();\n   *   useEffect(() => {\n   *     if (loadedOnce) {\n   *       return;\n   *     }\n   *\n   *     loadedOnce = true;\n   *     setDerivedTheme(getDerivedTheme());\n   *   }, [setDerivedTheme]);\n   *   return null;\n   * }\n   * ```\n   */\n  setDerivedTheme: UseStateSetter<Readonly<ConfigurableThemeColors>>;\n}\n\n/** @since 6.0.0 */\nexport const DEFAULT_THEME_COLORS: Readonly<ThemeColors> = {\n  primaryColor: blue500,\n  onPrimaryColor: black,\n  secondaryColor: orangeAccent400,\n  onSecondaryColor: black,\n  warningColor: orangeAccent200,\n  onWarningColor: black,\n  errorColor: red500,\n  onErrorColor: black,\n  successColor: greenAccent700,\n  onSuccessColor: black,\n};\n\n/** @since 6.0.0 */\nexport const DEFAULT_LIGHT_THEME: Readonly<ConfigurableThemeColors> = {\n  ...DEFAULT_THEME_COLORS,\n  backgroundColor: \"#fafafa\",\n  textPrimaryColor: \"#212121\",\n  textSecondaryColor: \"#757575\",\n  textHintColor: \"#a8a8a8\",\n  textDisabledColor: \"#9e9e9e\",\n};\n\n/** @since 6.0.0 */\nexport const DEFAULT_DARK_THEME: Readonly<ConfigurableThemeColors> = {\n  ...DEFAULT_THEME_COLORS,\n  backgroundColor: \"#121212\",\n  textPrimaryColor: \"#d9d9d9\",\n  textSecondaryColor: \"#b3b3b3\",\n  textHintColor: \"gray\", // #808080\n  textDisabledColor: \"gray\", // #808080\n};\n\nconst context = createContext<Readonly<ThemeContext> | undefined>(undefined);\ncontext.displayName = \"Theme\";\nconst { Provider } = context;\n\n/** @since 6.0.0 */\nexport const getDerivedTheme = (\n  container: Element = document.documentElement\n): Readonly<ConfigurableThemeColors> => {\n  const rootStyles = window.getComputedStyle(container);\n  const backgroundColor = rootStyles.getPropertyValue(backgroundColorVar);\n  const primaryColor = rootStyles.getPropertyValue(primaryColorVar);\n  const onPrimaryColor = rootStyles.getPropertyValue(onPrimaryColorVar);\n  const secondaryColor = rootStyles.getPropertyValue(secondaryColorVar);\n  const onSecondaryColor = rootStyles.getPropertyValue(onSecondaryColorVar);\n  const warningColor = rootStyles.getPropertyValue(warningColorVar);\n  const onWarningColor = rootStyles.getPropertyValue(onWarningColorVar);\n  const errorColor = rootStyles.getPropertyValue(errorColorVar);\n  const onErrorColor = rootStyles.getPropertyValue(onErrorColorVar);\n  const successColor = rootStyles.getPropertyValue(successColorVar);\n  const onSuccessColor = rootStyles.getPropertyValue(onSuccessColorVar);\n  const textPrimaryColor = rootStyles.getPropertyValue(textPrimaryColorVar);\n  const textSecondaryColor = rootStyles.getPropertyValue(textSecondaryColorVar);\n  const textHintColor = rootStyles.getPropertyValue(textHintColorVar);\n  const textDisabledColor = rootStyles.getPropertyValue(textDisabledColorVar);\n\n  return {\n    backgroundColor,\n    primaryColor,\n    onPrimaryColor,\n    secondaryColor,\n    onSecondaryColor,\n    warningColor,\n    onWarningColor,\n    errorColor,\n    onErrorColor,\n    successColor,\n    onSuccessColor,\n    textPrimaryColor,\n    textSecondaryColor,\n    textHintColor,\n    textDisabledColor,\n  };\n};\n\n/**\n * This hook can be used to access the current theme set by the\n * {@link ThemeProvider}.\n *\n * @example Simple Example\n * ```tsx\n * import { useTheme } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const theme = useTheme();\n *\n *   return <pre><code>{JSON.stringify(theme, null, 2)}</code></pre>;\n * }\n * ```\n *\n * @since 6.0.0\n * @throws \"The `ThemeProvider` has not been initialized.\"\n */\nexport function useTheme(): Readonly<ThemeContext>;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function useTheme(\n  allowUndefined: true\n): Readonly<ThemeContext> | undefined;\n\n/**\n * @internal\n * @since 6.0.0\n * @throws \"The `ThemeProvider` has not been initialized.\"\n */\nexport function useTheme(\n  allowUndefined?: boolean\n): Readonly<ThemeContext> | undefined {\n  const theme = useContext(context);\n  if (!theme && !allowUndefined) {\n    throw new Error(\"The `ThemeProvider` has not been initialized.\");\n  }\n\n  return theme;\n}\n\n/** @since 6.0.0 */\nexport interface ThemeProviderProps {\n  /**\n   * When this is `undefined`, the theme will be derived by computing the\n   * `document.documentElement`'s styles for all the `react-md` theme custom\n   * properties. The theme will also automatically update whenever the\n   * `colorScheme` or `colorSchemeMode` change.\n   *\n   * It is recommended to manually provide your theme if you know it beforehand.\n   * Deriving the theme is really only useful if you allow your user to\n   * customize all these theme values themselves and persist through local\n   * storage/cookies.\n   *\n   * @see {@link DEFAULT_DARK_THEME}\n   * @see {@link DEFAULT_LIGHT_THEME}\n   * @defaultValue `colorScheme === \"dark\" ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME`\n   */\n  theme?: Readonly<ConfigurableThemeColors>;\n\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * The `ThemeProvider` should be added to the root of your app but as a child of\n * the `CoreProviders`.\n *\n * @example\n * ```tsx\n * import {\n *   black,\n *   blue500,\n *   greenAccent700,\n *   orangeAccent200,\n *   orangeAccent400,\n *   red500,\n *   CoreProviders,\n *   ThemeProvider,\n * } from \"@react-md/core\";\n * import type { ConfigurableThemeColors } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n * import { createRoot } from \"react-dom/client\";\n *\n * import App from \"./App\";\n *\n * const theme: Readonly<ConfigurableThemeColors> = {\n *   primaryColor: blue500,\n *   onPrimaryColor: black,\n *   secondaryColor: orangeAccent400,\n *   onSecondaryColor: black,\n *   warningColor: orangeAccent200,\n *   onWarningColor: black,\n *   errorColor: red500,\n *   onErrorColor: black,\n *   successColor: greenAccent700,\n *   onSuccessColor: black,\n *   backgroundColor: \"#121212\",\n *   textPrimaryColor: \"#d9d9d9\",\n *   textSecondaryColor: \"#b3b3b3\",\n *   textHintColor: \"gray\", // #808080\n *   textDisabledColor: \"gray\", // #808080\n * };\n *\n * const container = document.getElementById(\"app\");\n * const root = createRoot(container);\n * root.render(\n *   <CoreProviders>\n *     <ThemeProvider theme={theme}>\n *       <App />\n *     </ThemeProvider>\n *   </CoreProviders>\n * );\n * ```\n *\n * @example Automatically Deriving the Theme\n * ```tsx\n * import {\n *   CoreProviders,\n *   LocalStorageColorSchemeProvider,\n *   ThemeProvider,\n * } from \"@react-md/core\";\n * import { type ReactElement } from \"react\";\n * import { createRoot } from \"react-dom/client\";\n *\n * import App from \"./App\";\n *\n * const container = document.getElementById(\"app\");\n * const root = createRoot(container);\n * root.render(\n *   <CoreProviders>\n *     <LocalStorageColorSchemeProvider>\n *       <ThemeProvider>\n *         <App />\n *       </ThemeProvider>\n *     </LocalStorageColorSchemeProvider>\n *   </CoreProviders>\n * );\n * ```\n *\n * @since 6.0.0\n */\nexport function ThemeProvider(props: ThemeProviderProps): ReactElement {\n  const { children, theme } = props;\n  const ssr = useSsr();\n  const { colorScheme, colorSchemeMode } = useColorScheme();\n  const [derivedTheme, setDerivedTheme] = useState<ConfigurableThemeColors>(\n    () => {\n      if (theme) {\n        return theme;\n      }\n\n      if (!ssr && typeof document !== \"undefined\") {\n        return getDerivedTheme(document.documentElement);\n      }\n\n      return colorScheme === \"dark\" ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;\n    }\n  );\n\n  const derived = !theme;\n  useEffect(() => {\n    if (theme) {\n      return;\n    }\n\n    // This has to be recalculated after an animation to ensure the new theme\n    // styles have been applied. It will use the previous theme styles without\n    // this frame.\n    //\n    // NOTE: This will not be correct the first time a new theme is lazy-loaded\n    // and applied. It might be good to have a way to manually force this flow\n    // again?\n    const frame = window.requestAnimationFrame(() =>\n      setDerivedTheme(getDerivedTheme(document.documentElement))\n    );\n\n    return () => {\n      window.cancelAnimationFrame(frame);\n    };\n  }, [theme, colorScheme, colorSchemeMode]);\n\n  const value = useMemo<ThemeContext>(() => {\n    const backgroundColor =\n      theme?.backgroundColor ?? derivedTheme.backgroundColor;\n    const primaryColor = theme?.primaryColor ?? derivedTheme.primaryColor;\n    const onPrimaryColor = theme?.onPrimaryColor ?? derivedTheme.onPrimaryColor;\n    const secondaryColor = theme?.secondaryColor ?? derivedTheme.secondaryColor;\n    const onSecondaryColor =\n      theme?.onSecondaryColor ?? derivedTheme.onSecondaryColor;\n    const warningColor = theme?.warningColor ?? derivedTheme.warningColor;\n    const onWarningColor = theme?.onWarningColor ?? derivedTheme.onWarningColor;\n    const errorColor = theme?.errorColor ?? derivedTheme.errorColor;\n    const onErrorColor = theme?.onErrorColor ?? derivedTheme.onErrorColor;\n    const successColor = theme?.successColor ?? derivedTheme.successColor;\n    const onSuccessColor = theme?.onSuccessColor ?? derivedTheme.onSuccessColor;\n    const textPrimaryColor =\n      theme?.textPrimaryColor ?? derivedTheme.textPrimaryColor;\n    const textSecondaryColor =\n      theme?.textSecondaryColor ?? derivedTheme.textSecondaryColor;\n    const textHintColor = theme?.textHintColor ?? derivedTheme.textHintColor;\n    const textDisabledColor =\n      theme?.textDisabledColor ?? derivedTheme.textDisabledColor;\n\n    return {\n      derived,\n      backgroundColor,\n      primaryColor,\n      onPrimaryColor,\n      secondaryColor,\n      onSecondaryColor,\n      warningColor,\n      onWarningColor,\n      errorColor,\n      onErrorColor,\n      successColor,\n      onSuccessColor,\n      textPrimaryColor,\n      textSecondaryColor,\n      textHintColor,\n      textDisabledColor,\n      setDerivedTheme,\n    };\n  }, [\n    derived,\n    derivedTheme.backgroundColor,\n    derivedTheme.errorColor,\n    derivedTheme.onErrorColor,\n    derivedTheme.onPrimaryColor,\n    derivedTheme.onSecondaryColor,\n    derivedTheme.onSuccessColor,\n    derivedTheme.onWarningColor,\n    derivedTheme.primaryColor,\n    derivedTheme.secondaryColor,\n    derivedTheme.successColor,\n    derivedTheme.textDisabledColor,\n    derivedTheme.textHintColor,\n    derivedTheme.textPrimaryColor,\n    derivedTheme.textSecondaryColor,\n    derivedTheme.warningColor,\n    theme?.backgroundColor,\n    theme?.errorColor,\n    theme?.onErrorColor,\n    theme?.onPrimaryColor,\n    theme?.onSecondaryColor,\n    theme?.onSuccessColor,\n    theme?.onWarningColor,\n    theme?.primaryColor,\n    theme?.secondaryColor,\n    theme?.successColor,\n    theme?.textDisabledColor,\n    theme?.textHintColor,\n    theme?.textPrimaryColor,\n    theme?.textSecondaryColor,\n    theme?.warningColor,\n  ]);\n\n  return <Provider value={value}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","useEffect","useMemo","useState","useSsr","black","blue500","greenAccent700","orangeAccent200","orangeAccent400","red500","backgroundColorVar","errorColorVar","onErrorColorVar","onPrimaryColorVar","onSecondaryColorVar","onSuccessColorVar","onWarningColorVar","primaryColorVar","secondaryColorVar","successColorVar","textDisabledColorVar","textHintColorVar","textPrimaryColorVar","textSecondaryColorVar","warningColorVar","useColorScheme","DEFAULT_THEME_COLORS","primaryColor","onPrimaryColor","secondaryColor","onSecondaryColor","warningColor","onWarningColor","errorColor","onErrorColor","successColor","onSuccessColor","DEFAULT_LIGHT_THEME","backgroundColor","textPrimaryColor","textSecondaryColor","textHintColor","textDisabledColor","DEFAULT_DARK_THEME","context","undefined","displayName","Provider","getDerivedTheme","container","document","documentElement","rootStyles","window","getComputedStyle","getPropertyValue","useTheme","allowUndefined","theme","Error","ThemeProvider","props","children","ssr","colorScheme","colorSchemeMode","derivedTheme","setDerivedTheme","derived","frame","requestAnimationFrame","cancelAnimationFrame","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../src/theme/ThemeProvider.tsx"],"sourcesContent":["\"use client\";\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport { useSsr } from \"../SsrProvider.js\";\nimport { type UseStateSetter } from \"../types.js\";\nimport {\n  black,\n  blue500,\n  greenAccent700,\n  orangeAccent200,\n  orangeAccent400,\n  red500,\n} from \"./colors.js\";\nimport {\n  backgroundColorVar,\n  errorColorVar,\n  onErrorColorVar,\n  onPrimaryColorVar,\n  onSecondaryColorVar,\n  onSuccessColorVar,\n  onWarningColorVar,\n  primaryColorVar,\n  secondaryColorVar,\n  successColorVar,\n  textDisabledColorVar,\n  textHintColorVar,\n  textPrimaryColorVar,\n  textSecondaryColorVar,\n  warningColorVar,\n} from \"./cssVars.js\";\nimport { useColorScheme } from \"./useColorScheme.js\";\n\ndeclare module \"react\" {\n  interface CSSProperties {\n    \"--rmd-background-color\"?: string;\n    \"--rmd-on-background-color\"?: string;\n    \"--rmd-surface-color\"?: string;\n    \"--rmd-primary-color\"?: string;\n    \"--rmd-on-primary-color\"?: string;\n    \"--rmd-secondary-color\"?: string;\n    \"--rmd-on-secondary-color\"?: string;\n    \"--rmd-warning-color\"?: string;\n    \"--rmd-on-warning-color\"?: string;\n    \"--rmd-error-color\"?: string;\n    \"--rmd-on-error-color\"?: string;\n    \"--rmd-success-color\"?: string;\n    \"--rmd-on-success-color\"?: string;\n    \"--rmd-text-primary-color\"?: string;\n    \"--rmd-text-secondary-color\"?: string;\n    \"--rmd-text-hint-color\"?: string;\n    \"--rmd-text-disabled-color\"?: string;\n\n    \"--rmd-outline-width\"?: string | number;\n    \"--rmd-outline-color\"?: string;\n    \"--rmd-outline-grey-color\"?: string;\n  }\n}\n\n/** @since 6.0.0 */\nexport interface ThemeColors {\n  primaryColor: string;\n  onPrimaryColor: string;\n  secondaryColor: string;\n  onSecondaryColor: string;\n  warningColor: string;\n  onWarningColor: string;\n  errorColor: string;\n  onErrorColor: string;\n  successColor: string;\n  onSuccessColor: string;\n}\n\n/** @since 6.0.0 */\nexport interface ThemeTextColors {\n  textPrimaryColor: string;\n  textSecondaryColor: string;\n  textHintColor: string;\n  textDisabledColor: string;\n}\n\n/** @since 6.0.0 */\nexport interface ConfigurableThemeColors extends ThemeColors, ThemeTextColors {\n  backgroundColor: string;\n}\n\n/** @since 6.0.0 */\nexport type ConfigurableThemeColorsName = keyof ConfigurableThemeColors;\n\n/** @since 6.0.0 */\nexport interface ThemeContext extends ConfigurableThemeColors {\n  /**\n   * This will be `true` if a `theme` was not provided to the {@link ThemeProvider}\n   */\n  derived: boolean;\n\n  /**\n   * @example Simple Example\n   * ```tsx\n   * import { getDerivedTheme, useHtmlClassName, useTheme } from \"@react-md/core\";\n   * import { useEffect } from \"react\";\n   *\n   * import styles from \"./LightTheme.module.scss\";\n   *\n   * let loadedOnce = false;\n   *\n   * export default function LightTheme(): null {\n   *   useHtmlClassName(styles.container);\n   *   const { setDerivedTheme } = useTheme();\n   *   useEffect(() => {\n   *     if (loadedOnce) {\n   *       return;\n   *     }\n   *\n   *     loadedOnce = true;\n   *     setDerivedTheme(getDerivedTheme());\n   *   }, [setDerivedTheme]);\n   *   return null;\n   * }\n   * ```\n   */\n  setDerivedTheme: UseStateSetter<Readonly<ConfigurableThemeColors>>;\n}\n\n/** @since 6.0.0 */\nexport const DEFAULT_THEME_COLORS: Readonly<ThemeColors> = {\n  primaryColor: blue500,\n  onPrimaryColor: black,\n  secondaryColor: orangeAccent400,\n  onSecondaryColor: black,\n  warningColor: orangeAccent200,\n  onWarningColor: black,\n  errorColor: red500,\n  onErrorColor: black,\n  successColor: greenAccent700,\n  onSuccessColor: black,\n};\n\n/** @since 6.0.0 */\nexport const DEFAULT_LIGHT_THEME: Readonly<ConfigurableThemeColors> = {\n  ...DEFAULT_THEME_COLORS,\n  backgroundColor: \"#fafafa\",\n  textPrimaryColor: \"#212121\",\n  textSecondaryColor: \"#757575\",\n  textHintColor: \"#a8a8a8\",\n  textDisabledColor: \"#9e9e9e\",\n};\n\n/** @since 6.0.0 */\nexport const DEFAULT_DARK_THEME: Readonly<ConfigurableThemeColors> = {\n  ...DEFAULT_THEME_COLORS,\n  backgroundColor: \"#121212\",\n  textPrimaryColor: \"#d9d9d9\",\n  textSecondaryColor: \"#b3b3b3\",\n  textHintColor: \"gray\", // #808080\n  textDisabledColor: \"gray\", // #808080\n};\n\nconst context = createContext<Readonly<ThemeContext> | undefined>(undefined);\ncontext.displayName = \"Theme\";\nconst { Provider } = context;\n\n/** @since 6.0.0 */\nexport const getDerivedTheme = (\n  container: Element = document.documentElement\n): Readonly<ConfigurableThemeColors> => {\n  const rootStyles = window.getComputedStyle(container);\n  const backgroundColor = rootStyles.getPropertyValue(backgroundColorVar);\n  const primaryColor = rootStyles.getPropertyValue(primaryColorVar);\n  const onPrimaryColor = rootStyles.getPropertyValue(onPrimaryColorVar);\n  const secondaryColor = rootStyles.getPropertyValue(secondaryColorVar);\n  const onSecondaryColor = rootStyles.getPropertyValue(onSecondaryColorVar);\n  const warningColor = rootStyles.getPropertyValue(warningColorVar);\n  const onWarningColor = rootStyles.getPropertyValue(onWarningColorVar);\n  const errorColor = rootStyles.getPropertyValue(errorColorVar);\n  const onErrorColor = rootStyles.getPropertyValue(onErrorColorVar);\n  const successColor = rootStyles.getPropertyValue(successColorVar);\n  const onSuccessColor = rootStyles.getPropertyValue(onSuccessColorVar);\n  const textPrimaryColor = rootStyles.getPropertyValue(textPrimaryColorVar);\n  const textSecondaryColor = rootStyles.getPropertyValue(textSecondaryColorVar);\n  const textHintColor = rootStyles.getPropertyValue(textHintColorVar);\n  const textDisabledColor = rootStyles.getPropertyValue(textDisabledColorVar);\n\n  return {\n    backgroundColor,\n    primaryColor,\n    onPrimaryColor,\n    secondaryColor,\n    onSecondaryColor,\n    warningColor,\n    onWarningColor,\n    errorColor,\n    onErrorColor,\n    successColor,\n    onSuccessColor,\n    textPrimaryColor,\n    textSecondaryColor,\n    textHintColor,\n    textDisabledColor,\n  };\n};\n\n/**\n * This hook can be used to access the current theme set by the\n * {@link ThemeProvider}.\n *\n * @example Simple Example\n * ```tsx\n * import { useTheme } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n *\n * function Example(): ReactElement {\n *   const theme = useTheme();\n *\n *   return <pre><code>{JSON.stringify(theme, null, 2)}</code></pre>;\n * }\n * ```\n *\n * @since 6.0.0\n * @throws \"The `ThemeProvider` has not been initialized.\"\n */\nexport function useTheme(): Readonly<ThemeContext>;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function useTheme(\n  allowUndefined: true\n): Readonly<ThemeContext> | undefined;\n\n/**\n * @internal\n * @since 6.0.0\n * @throws \"The `ThemeProvider` has not been initialized.\"\n */\nexport function useTheme(\n  allowUndefined?: boolean\n): Readonly<ThemeContext> | undefined {\n  const theme = useContext(context);\n  if (!theme && !allowUndefined) {\n    throw new Error(\"The `ThemeProvider` has not been initialized.\");\n  }\n\n  return theme;\n}\n\n/** @since 6.0.0 */\nexport interface ThemeProviderProps {\n  /**\n   * When this is `undefined`, the theme will be derived by computing the\n   * `document.documentElement`'s styles for all the `react-md` theme custom\n   * properties. The theme will also automatically update whenever the\n   * `colorScheme` or `colorSchemeMode` change.\n   *\n   * It is recommended to manually provide your theme if you know it beforehand.\n   * Deriving the theme is really only useful if you allow your user to\n   * customize all these theme values themselves and persist through local\n   * storage/cookies.\n   *\n   * @see {@link DEFAULT_DARK_THEME}\n   * @see {@link DEFAULT_LIGHT_THEME}\n   * @defaultValue `colorScheme === \"dark\" ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME`\n   */\n  theme?: Readonly<ConfigurableThemeColors>;\n\n  children: ReactNode;\n}\n\n/**\n * **Client Component**\n *\n * The `ThemeProvider` should be added to the root of your app but as a child of\n * the `CoreProviders`.\n *\n * @example\n * ```tsx\n * import {\n *   black,\n *   blue500,\n *   greenAccent700,\n *   orangeAccent200,\n *   orangeAccent400,\n *   red500,\n *   CoreProviders,\n *   ThemeProvider,\n * } from \"@react-md/core\";\n * import type { ConfigurableThemeColors } from \"@react-md/core\";\n * import type { ReactElement } from \"react\";\n * import { createRoot } from \"react-dom/client\";\n *\n * import App from \"./App\";\n *\n * const theme: Readonly<ConfigurableThemeColors> = {\n *   primaryColor: blue500,\n *   onPrimaryColor: black,\n *   secondaryColor: orangeAccent400,\n *   onSecondaryColor: black,\n *   warningColor: orangeAccent200,\n *   onWarningColor: black,\n *   errorColor: red500,\n *   onErrorColor: black,\n *   successColor: greenAccent700,\n *   onSuccessColor: black,\n *   backgroundColor: \"#121212\",\n *   textPrimaryColor: \"#d9d9d9\",\n *   textSecondaryColor: \"#b3b3b3\",\n *   textHintColor: \"gray\", // #808080\n *   textDisabledColor: \"gray\", // #808080\n * };\n *\n * const container = document.getElementById(\"app\");\n * const root = createRoot(container);\n * root.render(\n *   <CoreProviders>\n *     <ThemeProvider theme={theme}>\n *       <App />\n *     </ThemeProvider>\n *   </CoreProviders>\n * );\n * ```\n *\n * @example Automatically Deriving the Theme\n * ```tsx\n * import {\n *   CoreProviders,\n *   LocalStorageColorSchemeProvider,\n *   ThemeProvider,\n * } from \"@react-md/core\";\n * import { type ReactElement } from \"react\";\n * import { createRoot } from \"react-dom/client\";\n *\n * import App from \"./App\";\n *\n * const container = document.getElementById(\"app\");\n * const root = createRoot(container);\n * root.render(\n *   <CoreProviders>\n *     <LocalStorageColorSchemeProvider>\n *       <ThemeProvider>\n *         <App />\n *       </ThemeProvider>\n *     </LocalStorageColorSchemeProvider>\n *   </CoreProviders>\n * );\n * ```\n *\n * @since 6.0.0\n */\nexport function ThemeProvider(props: ThemeProviderProps): ReactElement {\n  const { children, theme } = props;\n  const ssr = useSsr();\n  const { colorScheme, colorSchemeMode } = useColorScheme();\n  const [derivedTheme, setDerivedTheme] = useState<ConfigurableThemeColors>(\n    () => {\n      if (theme) {\n        return theme;\n      }\n\n      if (!ssr && typeof document !== \"undefined\") {\n        return getDerivedTheme(document.documentElement);\n      }\n\n      return colorScheme === \"dark\" ? DEFAULT_DARK_THEME : DEFAULT_LIGHT_THEME;\n    }\n  );\n\n  const derived = !theme;\n  useEffect(() => {\n    if (theme) {\n      return;\n    }\n\n    // This has to be recalculated after an animation to ensure the new theme\n    // styles have been applied. It will use the previous theme styles without\n    // this frame.\n    //\n    // NOTE: This will not be correct the first time a new theme is lazy-loaded\n    // and applied. It might be good to have a way to manually force this flow\n    // again?\n    const frame = window.requestAnimationFrame(() =>\n      setDerivedTheme(getDerivedTheme(document.documentElement))\n    );\n\n    return () => {\n      window.cancelAnimationFrame(frame);\n    };\n  }, [theme, colorScheme, colorSchemeMode]);\n\n  const value = useMemo<ThemeContext>(() => {\n    const backgroundColor =\n      theme?.backgroundColor ?? derivedTheme.backgroundColor;\n    const primaryColor = theme?.primaryColor ?? derivedTheme.primaryColor;\n    const onPrimaryColor = theme?.onPrimaryColor ?? derivedTheme.onPrimaryColor;\n    const secondaryColor = theme?.secondaryColor ?? derivedTheme.secondaryColor;\n    const onSecondaryColor =\n      theme?.onSecondaryColor ?? derivedTheme.onSecondaryColor;\n    const warningColor = theme?.warningColor ?? derivedTheme.warningColor;\n    const onWarningColor = theme?.onWarningColor ?? derivedTheme.onWarningColor;\n    const errorColor = theme?.errorColor ?? derivedTheme.errorColor;\n    const onErrorColor = theme?.onErrorColor ?? derivedTheme.onErrorColor;\n    const successColor = theme?.successColor ?? derivedTheme.successColor;\n    const onSuccessColor = theme?.onSuccessColor ?? derivedTheme.onSuccessColor;\n    const textPrimaryColor =\n      theme?.textPrimaryColor ?? derivedTheme.textPrimaryColor;\n    const textSecondaryColor =\n      theme?.textSecondaryColor ?? derivedTheme.textSecondaryColor;\n    const textHintColor = theme?.textHintColor ?? derivedTheme.textHintColor;\n    const textDisabledColor =\n      theme?.textDisabledColor ?? derivedTheme.textDisabledColor;\n\n    return {\n      derived,\n      backgroundColor,\n      primaryColor,\n      onPrimaryColor,\n      secondaryColor,\n      onSecondaryColor,\n      warningColor,\n      onWarningColor,\n      errorColor,\n      onErrorColor,\n      successColor,\n      onSuccessColor,\n      textPrimaryColor,\n      textSecondaryColor,\n      textHintColor,\n      textDisabledColor,\n      setDerivedTheme,\n    };\n  }, [\n    derived,\n    derivedTheme.backgroundColor,\n    derivedTheme.errorColor,\n    derivedTheme.onErrorColor,\n    derivedTheme.onPrimaryColor,\n    derivedTheme.onSecondaryColor,\n    derivedTheme.onSuccessColor,\n    derivedTheme.onWarningColor,\n    derivedTheme.primaryColor,\n    derivedTheme.secondaryColor,\n    derivedTheme.successColor,\n    derivedTheme.textDisabledColor,\n    derivedTheme.textHintColor,\n    derivedTheme.textPrimaryColor,\n    derivedTheme.textSecondaryColor,\n    derivedTheme.warningColor,\n    theme?.backgroundColor,\n    theme?.errorColor,\n    theme?.onErrorColor,\n    theme?.onPrimaryColor,\n    theme?.onSecondaryColor,\n    theme?.onSuccessColor,\n    theme?.onWarningColor,\n    theme?.primaryColor,\n    theme?.secondaryColor,\n    theme?.successColor,\n    theme?.textDisabledColor,\n    theme?.textHintColor,\n    theme?.textPrimaryColor,\n    theme?.textSecondaryColor,\n    theme?.warningColor,\n  ]);\n\n  return <Provider value={value}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","useEffect","useMemo","useState","useSsr","black","blue500","greenAccent700","orangeAccent200","orangeAccent400","red500","backgroundColorVar","errorColorVar","onErrorColorVar","onPrimaryColorVar","onSecondaryColorVar","onSuccessColorVar","onWarningColorVar","primaryColorVar","secondaryColorVar","successColorVar","textDisabledColorVar","textHintColorVar","textPrimaryColorVar","textSecondaryColorVar","warningColorVar","useColorScheme","DEFAULT_THEME_COLORS","primaryColor","onPrimaryColor","secondaryColor","onSecondaryColor","warningColor","onWarningColor","errorColor","onErrorColor","successColor","onSuccessColor","DEFAULT_LIGHT_THEME","backgroundColor","textPrimaryColor","textSecondaryColor","textHintColor","textDisabledColor","DEFAULT_DARK_THEME","context","undefined","displayName","Provider","getDerivedTheme","container","document","documentElement","rootStyles","window","getComputedStyle","getPropertyValue","useTheme","allowUndefined","theme","Error","ThemeProvider","props","children","ssr","colorScheme","colorSchemeMode","derivedTheme","setDerivedTheme","derived","frame","requestAnimationFrame","cancelAnimationFrame","value"],"mappings":"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"}

package/dist/theme/_theme.scss

@@ -410,7 +410,8 @@ $theme-variables: (
   @if not $disable-dark-elevation {
     @if $color-scheme == dark {
       @include use-dark-theme-elevation-colors;
-    } @else if $color-scheme == light {
+    } @else {
+      // default to light theme for system themes as well
       @include use-light-theme-elevation-colors;
     }
   }

package/dist/theme/colors.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/colors.ts"],"sourcesContent":["export const red50 = \"#ffebee\";\nexport const red100 = \"#ffcdd2\";\nexport const red200 = \"#ef9a9a\";\nexport const red300 = \"#e57373\";\nexport const red400 = \"#ef5350\";\nexport const red500 = \"#f44336\";\nexport const red600 = \"#e53935\";\nexport const red700 = \"#d32f2f\";\nexport const red800 = \"#c62828\";\nexport const red900 = \"#b71c1c\";\nexport const redAccent100 = \"#ff8a80\";\nexport const redAccent200 = \"#ff5252\";\nexport const redAccent400 = \"#ff1744\";\nexport const redAccent700 = \"#d50000\";\n\nexport const pink50 = \"#fce4ec\";\nexport const pink100 = \"#f8bbd0\";\nexport const pink200 = \"#f48fb1\";\nexport const pink300 = \"#f06292\";\nexport const pink400 = \"#ec407a\";\nexport const pink500 = \"#e91e63\";\nexport const pink600 = \"#d81b60\";\nexport const pink700 = \"#c2185b\";\nexport const pink800 = \"#ad1457\";\nexport const pink900 = \"#880e4f\";\nexport const pinkAccent100 = \"#ff80ab\";\nexport const pinkAccent200 = \"#ff4081\";\nexport const pinkAccent400 = \"#f50057\";\nexport const pinkAccent700 = \"#c51162\";\n\nexport const purple50 = \"#f3e5f5\";\nexport const purple100 = \"#e1bee7\";\nexport const purple200 = \"#ce93d8\";\nexport const purple300 = \"#ba68c8\";\nexport const purple400 = \"#ab47bc\";\nexport const purple500 = \"#9c27b0\";\nexport const purple600 = \"#8e24aa\";\nexport const purple700 = \"#7b1fa2\";\nexport const purple800 = \"#6a1b9a\";\nexport const purple900 = \"#4a148c\";\nexport const purpleAccent100 = \"#ea80fc\";\nexport const purpleAccent200 = \"#e040fb\";\nexport const purpleAccent400 = \"#d500f9\";\nexport const purpleAccent700 = \"#a0f\";\n\nexport const deepPurple50 = \"#ede7f6\";\nexport const deepPurple100 = \"#d1c4e9\";\nexport const deepPurple200 = \"#b39ddb\";\nexport const deepPurple300 = \"#9575cd\";\nexport const deepPurple400 = \"#7e57c2\";\nexport const deepPurple500 = \"#673ab7\";\nexport const deepPurple600 = \"#5e35b1\";\nexport const deepPurple700 = \"#512da8\";\nexport const deepPurple800 = \"#4527a0\";\nexport const deepPurple900 = \"#311b92\";\nexport const deepPurpleAccent100 = \"#b388ff\";\nexport const deepPurpleAccent200 = \"#7c4dff\";\nexport const deepPurpleAccent400 = \"#651fff\";\nexport const deepPurpleAccent700 = \"#6200ea\";\n\nexport const indigo50 = \"#e8eaf6\";\nexport const indigo100 = \"#c5cae9\";\nexport const indigo200 = \"#9fa8da\";\nexport const indigo300 = \"#7986cb\";\nexport const indigo400 = \"#5c6bc0\";\nexport const indigo500 = \"#3f51b5\";\nexport const indigo600 = \"#3949ab\";\nexport const indigo700 = \"#303f9f\";\nexport const indigo800 = \"#283593\";\nexport const indigo900 = \"#1a237e\";\nexport const indigoAccent100 = \"#8c9eff\";\nexport const indigoAccent200 = \"#536dfe\";\nexport const indigoAccent400 = \"#3d5afe\";\nexport const indigoAccent700 = \"#304ffe\";\n\nexport const blue50 = \"#e3f2fd\";\nexport const blue100 = \"#bbdefb\";\nexport const blue200 = \"#90caf9\";\nexport const blue300 = \"#64b5f6\";\nexport const blue400 = \"#42a5f5\";\nexport const blue500 = \"#2196f3\";\nexport const blue600 = \"#1e88e5\";\nexport const blue700 = \"#1976d2\";\nexport const blue800 = \"#1565c0\";\nexport const blue900 = \"#0d47a1\";\nexport const blueAccent100 = \"#82b1ff\";\nexport const blueAccent200 = \"#448aff\";\nexport const blueAccent400 = \"#2979ff\";\nexport const blueAccent700 = \"#2962ff\";\n\nexport const lightBlue50 = \"#e1f5fe\";\nexport const lightBlue100 = \"#b3e5fc\";\nexport const lightBlue200 = \"#81d4fa\";\nexport const lightBlue300 = \"#4fc3f7\";\nexport const lightBlue400 = \"#29b6f6\";\nexport const lightBlue500 = \"#03a9f4\";\nexport const lightBlue600 = \"#039be5\";\nexport const lightBlue700 = \"#0288d1\";\nexport const lightBlue800 = \"#0277bd\";\nexport const lightBlue900 = \"#01579b\";\nexport const lightBlueAccent100 = \"#80d8ff\";\nexport const lightBlueAccent200 = \"#40c4ff\";\nexport const lightBlueAccent400 = \"#00b0ff\";\nexport const lightBlueAccent700 = \"#0091ea\";\n\nexport const cyan50 = \"#e0f7fa\";\nexport const cyan100 = \"#b2ebf2\";\nexport const cyan200 = \"#80deea\";\nexport const cyan300 = \"#4dd0e1\";\nexport const cyan400 = \"#26c6da\";\nexport const cyan500 = \"#00bcd4\";\nexport const cyan600 = \"#00acc1\";\nexport const cyan700 = \"#0097a7\";\nexport const cyan800 = \"#00838f\";\nexport const cyan900 = \"#006064\";\nexport const cyanAccent100 = \"#84ffff\";\nexport const cyanAccent200 = \"#18ffff\";\nexport const cyanAccent400 = \"#00e5ff\";\nexport const cyanAccent700 = \"#00b8d4\";\n\nexport const teal50 = \"#e0f2f1\";\nexport const teal100 = \"#b2dfdb\";\nexport const teal200 = \"#80cbc4\";\nexport const teal300 = \"#4db6ac\";\nexport const teal400 = \"#26a69a\";\nexport const teal500 = \"#009688\";\nexport const teal600 = \"#00897b\";\nexport const teal700 = \"#00796b\";\nexport const teal800 = \"#00695c\";\nexport const teal900 = \"#004d40\";\nexport const tealAccent100 = \"#a7ffeb\";\nexport const tealAccent200 = \"#64ffda\";\nexport const tealAccent400 = \"#1de9b6\";\nexport const tealAccent700 = \"#00bfa5\";\n\nexport const green50 = \"#e8f5e9\";\nexport const green100 = \"#c8e6c9\";\nexport const green200 = \"#a5d6a7\";\nexport const green300 = \"#81c784\";\nexport const green400 = \"#66bb6a\";\nexport const green500 = \"#4caf50\";\nexport const green600 = \"#43a047\";\nexport const green700 = \"#388e3c\";\nexport const green800 = \"#2e7d32\";\nexport const green900 = \"#1b5e20\";\nexport const greenAccent100 = \"#b9f6ca\";\nexport const greenAccent200 = \"#69f0ae\";\nexport const greenAccent400 = \"#00e676\";\nexport const greenAccent700 = \"#00c853\";\n\nexport const lightGreen50 = \"#f1f8e9\";\nexport const lightGreen100 = \"#dcedc8\";\nexport const lightGreen200 = \"#c5e1a5\";\nexport const lightGreen300 = \"#aed581\";\nexport const lightGreen400 = \"#9ccc65\";\nexport const lightGreen500 = \"#8bc34a\";\nexport const lightGreen600 = \"#7cb342\";\nexport const lightGreen700 = \"#689f38\";\nexport const lightGreen800 = \"#558b2f\";\nexport const lightGreen900 = \"#33691e\";\nexport const lightGreenAccent100 = \"#ccff90\";\nexport const lightGreenAccent200 = \"#b2ff59\";\nexport const lightGreenAccent400 = \"#76ff03\";\nexport const lightGreenAccent700 = \"#64dd17\";\n\nexport const lime50 = \"#f9fbe7\";\nexport const lime100 = \"#f0f4c3\";\nexport const lime200 = \"#e6ee9c\";\nexport const lime300 = \"#dce775\";\nexport const lime400 = \"#d4e157\";\nexport const lime500 = \"#cddc39\";\nexport const lime600 = \"#c0ca33\";\nexport const lime700 = \"#afb42b\";\nexport const lime800 = \"#9e9d24\";\nexport const lime900 = \"#827717\";\nexport const limeAccent100 = \"#f4ff81\";\nexport const limeAccent200 = \"#eeff41\";\nexport const limeAccent400 = \"#c6ff00\";\nexport const limeAccent700 = \"#aeea00\";\n\nexport const yellow50 = \"#fffde7\";\nexport const yellow100 = \"#fff9c4\";\nexport const yellow200 = \"#fff59d\";\nexport const yellow300 = \"#fff176\";\nexport const yellow400 = \"#ffee58\";\nexport const yellow500 = \"#ffeb3b\";\nexport const yellow600 = \"#fdd835\";\nexport const yellow700 = \"#fbc02d\";\nexport const yellow800 = \"#f9a825\";\nexport const yellow900 = \"#f57f17\";\nexport const yellowAccent100 = \"#ffff8d\";\nexport const yellowAccent200 = \"#ff0\";\nexport const yellowAccent400 = \"#ffea00\";\nexport const yellowAccent700 = \"#ffd600\";\n\nexport const amber50 = \"#fff8e1\";\nexport const amber100 = \"#ffecb3\";\nexport const amber200 = \"#ffe082\";\nexport const amber300 = \"#ffd54f\";\nexport const amber400 = \"#ffca28\";\nexport const amber500 = \"#ffc107\";\nexport const amber600 = \"#ffb300\";\nexport const amber700 = \"#ffa000\";\nexport const amber800 = \"#ff8f00\";\nexport const amber900 = \"#ff6f00\";\nexport const amberAccent100 = \"#ffe57f\";\nexport const amberAccent200 = \"#ffd740\";\nexport const amberAccent400 = \"#ffc400\";\nexport const amberAccent700 = \"#ffab00\";\n\nexport const orange50 = \"#fff3e0\";\nexport const orange100 = \"#fff0b2\";\nexport const orange200 = \"#ffcc80\";\nexport const orange300 = \"#ffb74d\";\nexport const orange400 = \"#ffa726\";\nexport const orange500 = \"#ff9800\";\nexport const orange600 = \"#fb8c00\";\nexport const orange700 = \"#f57c00\";\nexport const orange800 = \"#ef6c00\";\nexport const orange900 = \"#e65100\";\nexport const orangeAccent100 = \"#ffd180\";\nexport const orangeAccent200 = \"#ffab40\";\nexport const orangeAccent400 = \"#ff9100\";\nexport const orangeAccent700 = \"#ff6d00\";\n\nexport const deepOrange50 = \"#fbe9e7\";\nexport const deepOrange100 = \"#ffccbc\";\nexport const deepOrange200 = \"#ffab91\";\nexport const deepOrange300 = \"#ff8a65\";\nexport const deepOrange400 = \"#ff7043\";\nexport const deepOrange500 = \"#ff5722\";\nexport const deepOrange600 = \"#f4511e\";\nexport const deepOrange700 = \"#e64a19\";\nexport const deepOrange800 = \"#d84315\";\nexport const deepOrange900 = \"#bf360c\";\nexport const deepOrangeAccent100 = \"#ff9e80\";\nexport const deepOrangeAccent200 = \"#ff6e40\";\nexport const deepOrangeAccent400 = \"#ff3d00\";\nexport const deepOrangeAccent700 = \"#dd2c00\";\n\nexport const brown50 = \"#efebe9\";\nexport const brown100 = \"#d7ccc8\";\nexport const brown200 = \"#bcaaa4\";\nexport const brown300 = \"#a1887f\";\nexport const brown400 = \"#8d6e63\";\nexport const brown500 = \"#795548\";\nexport const brown600 = \"#6d4c41\";\nexport const brown700 = \"#5d4037\";\nexport const brown800 = \"#4e342e\";\nexport const brown900 = \"#3e2723\";\n\nexport const grey50 = \"#fafafa\";\nexport const grey100 = \"#f5f5f5\";\nexport const grey200 = \"#eee\";\nexport const grey300 = \"#e0e0e0\";\nexport const grey400 = \"#bdbdbd\";\nexport const grey500 = \"#9e9e9e\";\nexport const grey600 = \"#757575\";\nexport const grey700 = \"#616161\";\nexport const grey800 = \"#424242\";\nexport const grey900 = \"#212121\";\n\nexport const blueGrey50 = \"#eceff1\";\nexport const blueGrey100 = \"#cfd8dc\";\nexport const blueGrey200 = \"#b0bec5\";\nexport const blueGrey300 = \"#90a4ae\";\nexport const blueGrey400 = \"#78909c\";\nexport const blueGrey500 = \"#607d8b\";\nexport const blueGrey600 = \"#546e7a\";\nexport const blueGrey700 = \"#455a64\";\nexport const blueGrey800 = \"#37474f\";\nexport const blueGrey900 = \"#263238\";\n\nexport const white = \"#fff\";\nexport const black = \"#000\";\n"],"names":["red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","redAccent100","redAccent200","redAccent400","redAccent700","pink50","pink100","pink200","pink300","pink400","pink500","pink600","pink700","pink800","pink900","pinkAccent100","pinkAccent200","pinkAccent400","pinkAccent700","purple50","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple900","purpleAccent100","purpleAccent200","purpleAccent400","purpleAccent700","deepPurple50","deepPurple100","deepPurple200","deepPurple300","deepPurple400","deepPurple500","deepPurple600","deepPurple700","deepPurple800","deepPurple900","deepPurpleAccent100","deepPurpleAccent200","deepPurpleAccent400","deepPurpleAccent700","indigo50","indigo100","indigo200","indigo300","indigo400","indigo500","indigo600","indigo700","indigo800","indigo900","indigoAccent100","indigoAccent200","indigoAccent400","indigoAccent700","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blueAccent100","blueAccent200","blueAccent400","blueAccent700","lightBlue50","lightBlue100","lightBlue200","lightBlue300","lightBlue400","lightBlue500","lightBlue600","lightBlue700","lightBlue800","lightBlue900","lightBlueAccent100","lightBlueAccent200","lightBlueAccent400","lightBlueAccent700","cyan50","cyan100","cyan200","cyan300","cyan400","cyan500","cyan600","cyan700","cyan800","cyan900","cyanAccent100","cyanAccent200","cyanAccent400","cyanAccent700","teal50","teal100","teal200","teal300","teal400","teal500","teal600","teal700","teal800","teal900","tealAccent100","tealAccent200","tealAccent400","tealAccent700","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","greenAccent100","greenAccent200","greenAccent400","greenAccent700","lightGreen50","lightGreen100","lightGreen200","lightGreen300","lightGreen400","lightGreen500","lightGreen600","lightGreen700","lightGreen800","lightGreen900","lightGreenAccent100","lightGreenAccent200","lightGreenAccent400","lightGreenAccent700","lime50","lime100","lime200","lime300","lime400","lime500","lime600","lime700","lime800","lime900","limeAccent100","limeAccent200","limeAccent400","limeAccent700","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellowAccent100","yellowAccent200","yellowAccent400","yellowAccent700","amber50","amber100","amber200","amber300","amber400","amber500","amber600","amber700","amber800","amber900","amberAccent100","amberAccent200","amberAccent400","amberAccent700","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orangeAccent100","orangeAccent200","orangeAccent400","orangeAccent700","deepOrange50","deepOrange100","deepOrange200","deepOrange300","deepOrange400","deepOrange500","deepOrange600","deepOrange700","deepOrange800","deepOrange900","deepOrangeAccent100","deepOrangeAccent200","deepOrangeAccent400","deepOrangeAccent700","brown50","brown100","brown200","brown300","brown400","brown500","brown600","brown700","brown800","brown900","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","blueGrey50","blueGrey100","blueGrey200","blueGrey300","blueGrey400","blueGrey500","blueGrey600","blueGrey700","blueGrey800","blueGrey900","white","black"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,QAAQ,UAAU;AAC/B,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AAEtC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AAEvC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,OAAO;AAEtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAE7C,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AAEzC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AAEvC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,qBAAqB,UAAU;AAC5C,OAAO,MAAMC,qBAAqB,UAAU;AAC5C,OAAO,MAAMC,qBAAqB,UAAU;AAC5C,OAAO,MAAMC,qBAAqB,UAAU;AAE5C,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AAEvC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AAEvC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,iBAAiB,UAAU;AACxC,OAAO,MAAMC,iBAAiB,UAAU;AACxC,OAAO,MAAMC,iBAAiB,UAAU;AACxC,OAAO,MAAMC,iBAAiB,UAAU;AAExC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAE7C,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AAEvC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,OAAO;AACtC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AAEzC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,iBAAiB,UAAU;AACxC,OAAO,MAAMC,iBAAiB,UAAU;AACxC,OAAO,MAAMC,iBAAiB,UAAU;AACxC,OAAO,MAAMC,iBAAiB,UAAU;AAExC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,YAAY,UAAU;AACnC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AACzC,OAAO,MAAMC,kBAAkB,UAAU;AAEzC,OAAO,MAAMC,eAAe,UAAU;AACtC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,gBAAgB,UAAU;AACvC,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAC7C,OAAO,MAAMC,sBAAsB,UAAU;AAE7C,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAClC,OAAO,MAAMC,WAAW,UAAU;AAElC,OAAO,MAAMC,SAAS,UAAU;AAChC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,OAAO;AAC9B,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AACjC,OAAO,MAAMC,UAAU,UAAU;AAEjC,OAAO,MAAMC,aAAa,UAAU;AACpC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AACrC,OAAO,MAAMC,cAAc,UAAU;AAErC,OAAO,MAAMC,QAAQ,OAAO;AAC5B,OAAO,MAAMC,QAAQ,OAAO"}
+{"version":3,"sources":["../../src/theme/colors.ts"],"sourcesContent":["export const red50 = \"#ffebee\";\nexport const red100 = \"#ffcdd2\";\nexport const red200 = \"#ef9a9a\";\nexport const red300 = \"#e57373\";\nexport const red400 = \"#ef5350\";\nexport const red500 = \"#f44336\";\nexport const red600 = \"#e53935\";\nexport const red700 = \"#d32f2f\";\nexport const red800 = \"#c62828\";\nexport const red900 = \"#b71c1c\";\nexport const redAccent100 = \"#ff8a80\";\nexport const redAccent200 = \"#ff5252\";\nexport const redAccent400 = \"#ff1744\";\nexport const redAccent700 = \"#d50000\";\n\nexport const pink50 = \"#fce4ec\";\nexport const pink100 = \"#f8bbd0\";\nexport const pink200 = \"#f48fb1\";\nexport const pink300 = \"#f06292\";\nexport const pink400 = \"#ec407a\";\nexport const pink500 = \"#e91e63\";\nexport const pink600 = \"#d81b60\";\nexport const pink700 = \"#c2185b\";\nexport const pink800 = \"#ad1457\";\nexport const pink900 = \"#880e4f\";\nexport const pinkAccent100 = \"#ff80ab\";\nexport const pinkAccent200 = \"#ff4081\";\nexport const pinkAccent400 = \"#f50057\";\nexport const pinkAccent700 = \"#c51162\";\n\nexport const purple50 = \"#f3e5f5\";\nexport const purple100 = \"#e1bee7\";\nexport const purple200 = \"#ce93d8\";\nexport const purple300 = \"#ba68c8\";\nexport const purple400 = \"#ab47bc\";\nexport const purple500 = \"#9c27b0\";\nexport const purple600 = \"#8e24aa\";\nexport const purple700 = \"#7b1fa2\";\nexport const purple800 = \"#6a1b9a\";\nexport const purple900 = \"#4a148c\";\nexport const purpleAccent100 = \"#ea80fc\";\nexport const purpleAccent200 = \"#e040fb\";\nexport const purpleAccent400 = \"#d500f9\";\nexport const purpleAccent700 = \"#a0f\";\n\nexport const deepPurple50 = \"#ede7f6\";\nexport const deepPurple100 = \"#d1c4e9\";\nexport const deepPurple200 = \"#b39ddb\";\nexport const deepPurple300 = \"#9575cd\";\nexport const deepPurple400 = \"#7e57c2\";\nexport const deepPurple500 = \"#673ab7\";\nexport const deepPurple600 = \"#5e35b1\";\nexport const deepPurple700 = \"#512da8\";\nexport const deepPurple800 = \"#4527a0\";\nexport const deepPurple900 = \"#311b92\";\nexport const deepPurpleAccent100 = \"#b388ff\";\nexport const deepPurpleAccent200 = \"#7c4dff\";\nexport const deepPurpleAccent400 = \"#651fff\";\nexport const deepPurpleAccent700 = \"#6200ea\";\n\nexport const indigo50 = \"#e8eaf6\";\nexport const indigo100 = \"#c5cae9\";\nexport const indigo200 = \"#9fa8da\";\nexport const indigo300 = \"#7986cb\";\nexport const indigo400 = \"#5c6bc0\";\nexport const indigo500 = \"#3f51b5\";\nexport const indigo600 = \"#3949ab\";\nexport const indigo700 = \"#303f9f\";\nexport const indigo800 = \"#283593\";\nexport const indigo900 = \"#1a237e\";\nexport const indigoAccent100 = \"#8c9eff\";\nexport const indigoAccent200 = \"#536dfe\";\nexport const indigoAccent400 = \"#3d5afe\";\nexport const indigoAccent700 = \"#304ffe\";\n\nexport const blue50 = \"#e3f2fd\";\nexport const blue100 = \"#bbdefb\";\nexport const blue200 = \"#90caf9\";\nexport const blue300 = \"#64b5f6\";\nexport const blue400 = \"#42a5f5\";\nexport const blue500 = \"#2196f3\";\nexport const blue600 = \"#1e88e5\";\nexport const blue700 = \"#1976d2\";\nexport const blue800 = \"#1565c0\";\nexport const blue900 = \"#0d47a1\";\nexport const blueAccent100 = \"#82b1ff\";\nexport const blueAccent200 = \"#448aff\";\nexport const blueAccent400 = \"#2979ff\";\nexport const blueAccent700 = \"#2962ff\";\n\nexport const lightBlue50 = \"#e1f5fe\";\nexport const lightBlue100 = \"#b3e5fc\";\nexport const lightBlue200 = \"#81d4fa\";\nexport const lightBlue300 = \"#4fc3f7\";\nexport const lightBlue400 = \"#29b6f6\";\nexport const lightBlue500 = \"#03a9f4\";\nexport const lightBlue600 = \"#039be5\";\nexport const lightBlue700 = \"#0288d1\";\nexport const lightBlue800 = \"#0277bd\";\nexport const lightBlue900 = \"#01579b\";\nexport const lightBlueAccent100 = \"#80d8ff\";\nexport const lightBlueAccent200 = \"#40c4ff\";\nexport const lightBlueAccent400 = \"#00b0ff\";\nexport const lightBlueAccent700 = \"#0091ea\";\n\nexport const cyan50 = \"#e0f7fa\";\nexport const cyan100 = \"#b2ebf2\";\nexport const cyan200 = \"#80deea\";\nexport const cyan300 = \"#4dd0e1\";\nexport const cyan400 = \"#26c6da\";\nexport const cyan500 = \"#00bcd4\";\nexport const cyan600 = \"#00acc1\";\nexport const cyan700 = \"#0097a7\";\nexport const cyan800 = \"#00838f\";\nexport const cyan900 = \"#006064\";\nexport const cyanAccent100 = \"#84ffff\";\nexport const cyanAccent200 = \"#18ffff\";\nexport const cyanAccent400 = \"#00e5ff\";\nexport const cyanAccent700 = \"#00b8d4\";\n\nexport const teal50 = \"#e0f2f1\";\nexport const teal100 = \"#b2dfdb\";\nexport const teal200 = \"#80cbc4\";\nexport const teal300 = \"#4db6ac\";\nexport const teal400 = \"#26a69a\";\nexport const teal500 = \"#009688\";\nexport const teal600 = \"#00897b\";\nexport const teal700 = \"#00796b\";\nexport const teal800 = \"#00695c\";\nexport const teal900 = \"#004d40\";\nexport const tealAccent100 = \"#a7ffeb\";\nexport const tealAccent200 = \"#64ffda\";\nexport const tealAccent400 = \"#1de9b6\";\nexport const tealAccent700 = \"#00bfa5\";\n\nexport const green50 = \"#e8f5e9\";\nexport const green100 = \"#c8e6c9\";\nexport const green200 = \"#a5d6a7\";\nexport const green300 = \"#81c784\";\nexport const green400 = \"#66bb6a\";\nexport const green500 = \"#4caf50\";\nexport const green600 = \"#43a047\";\nexport const green700 = \"#388e3c\";\nexport const green800 = \"#2e7d32\";\nexport const green900 = \"#1b5e20\";\nexport const greenAccent100 = \"#b9f6ca\";\nexport const greenAccent200 = \"#69f0ae\";\nexport const greenAccent400 = \"#00e676\";\nexport const greenAccent700 = \"#00c853\";\n\nexport const lightGreen50 = \"#f1f8e9\";\nexport const lightGreen100 = \"#dcedc8\";\nexport const lightGreen200 = \"#c5e1a5\";\nexport const lightGreen300 = \"#aed581\";\nexport const lightGreen400 = \"#9ccc65\";\nexport const lightGreen500 = \"#8bc34a\";\nexport const lightGreen600 = \"#7cb342\";\nexport const lightGreen700 = \"#689f38\";\nexport const lightGreen800 = \"#558b2f\";\nexport const lightGreen900 = \"#33691e\";\nexport const lightGreenAccent100 = \"#ccff90\";\nexport const lightGreenAccent200 = \"#b2ff59\";\nexport const lightGreenAccent400 = \"#76ff03\";\nexport const lightGreenAccent700 = \"#64dd17\";\n\nexport const lime50 = \"#f9fbe7\";\nexport const lime100 = \"#f0f4c3\";\nexport const lime200 = \"#e6ee9c\";\nexport const lime300 = \"#dce775\";\nexport const lime400 = \"#d4e157\";\nexport const lime500 = \"#cddc39\";\nexport const lime600 = \"#c0ca33\";\nexport const lime700 = \"#afb42b\";\nexport const lime800 = \"#9e9d24\";\nexport const lime900 = \"#827717\";\nexport const limeAccent100 = \"#f4ff81\";\nexport const limeAccent200 = \"#eeff41\";\nexport const limeAccent400 = \"#c6ff00\";\nexport const limeAccent700 = \"#aeea00\";\n\nexport const yellow50 = \"#fffde7\";\nexport const yellow100 = \"#fff9c4\";\nexport const yellow200 = \"#fff59d\";\nexport const yellow300 = \"#fff176\";\nexport const yellow400 = \"#ffee58\";\nexport const yellow500 = \"#ffeb3b\";\nexport const yellow600 = \"#fdd835\";\nexport const yellow700 = \"#fbc02d\";\nexport const yellow800 = \"#f9a825\";\nexport const yellow900 = \"#f57f17\";\nexport const yellowAccent100 = \"#ffff8d\";\nexport const yellowAccent200 = \"#ff0\";\nexport const yellowAccent400 = \"#ffea00\";\nexport const yellowAccent700 = \"#ffd600\";\n\nexport const amber50 = \"#fff8e1\";\nexport const amber100 = \"#ffecb3\";\nexport const amber200 = \"#ffe082\";\nexport const amber300 = \"#ffd54f\";\nexport const amber400 = \"#ffca28\";\nexport const amber500 = \"#ffc107\";\nexport const amber600 = \"#ffb300\";\nexport const amber700 = \"#ffa000\";\nexport const amber800 = \"#ff8f00\";\nexport const amber900 = \"#ff6f00\";\nexport const amberAccent100 = \"#ffe57f\";\nexport const amberAccent200 = \"#ffd740\";\nexport const amberAccent400 = \"#ffc400\";\nexport const amberAccent700 = \"#ffab00\";\n\nexport const orange50 = \"#fff3e0\";\nexport const orange100 = \"#fff0b2\";\nexport const orange200 = \"#ffcc80\";\nexport const orange300 = \"#ffb74d\";\nexport const orange400 = \"#ffa726\";\nexport const orange500 = \"#ff9800\";\nexport const orange600 = \"#fb8c00\";\nexport const orange700 = \"#f57c00\";\nexport const orange800 = \"#ef6c00\";\nexport const orange900 = \"#e65100\";\nexport const orangeAccent100 = \"#ffd180\";\nexport const orangeAccent200 = \"#ffab40\";\nexport const orangeAccent400 = \"#ff9100\";\nexport const orangeAccent700 = \"#ff6d00\";\n\nexport const deepOrange50 = \"#fbe9e7\";\nexport const deepOrange100 = \"#ffccbc\";\nexport const deepOrange200 = \"#ffab91\";\nexport const deepOrange300 = \"#ff8a65\";\nexport const deepOrange400 = \"#ff7043\";\nexport const deepOrange500 = \"#ff5722\";\nexport const deepOrange600 = \"#f4511e\";\nexport const deepOrange700 = \"#e64a19\";\nexport const deepOrange800 = \"#d84315\";\nexport const deepOrange900 = \"#bf360c\";\nexport const deepOrangeAccent100 = \"#ff9e80\";\nexport const deepOrangeAccent200 = \"#ff6e40\";\nexport const deepOrangeAccent400 = \"#ff3d00\";\nexport const deepOrangeAccent700 = \"#dd2c00\";\n\nexport const brown50 = \"#efebe9\";\nexport const brown100 = \"#d7ccc8\";\nexport const brown200 = \"#bcaaa4\";\nexport const brown300 = \"#a1887f\";\nexport const brown400 = \"#8d6e63\";\nexport const brown500 = \"#795548\";\nexport const brown600 = \"#6d4c41\";\nexport const brown700 = \"#5d4037\";\nexport const brown800 = \"#4e342e\";\nexport const brown900 = \"#3e2723\";\n\nexport const grey50 = \"#fafafa\";\nexport const grey100 = \"#f5f5f5\";\nexport const grey200 = \"#eee\";\nexport const grey300 = \"#e0e0e0\";\nexport const grey400 = \"#bdbdbd\";\nexport const grey500 = \"#9e9e9e\";\nexport const grey600 = \"#757575\";\nexport const grey700 = \"#616161\";\nexport const grey800 = \"#424242\";\nexport const grey900 = \"#212121\";\n\nexport const blueGrey50 = \"#eceff1\";\nexport const blueGrey100 = \"#cfd8dc\";\nexport const blueGrey200 = \"#b0bec5\";\nexport const blueGrey300 = \"#90a4ae\";\nexport const blueGrey400 = \"#78909c\";\nexport const blueGrey500 = \"#607d8b\";\nexport const blueGrey600 = \"#546e7a\";\nexport const blueGrey700 = \"#455a64\";\nexport const blueGrey800 = \"#37474f\";\nexport const blueGrey900 = \"#263238\";\n\nexport const white = \"#fff\";\nexport const black = \"#000\";\n"],"names":["red50","red100","red200","red300","red400","red500","red600","red700","red800","red900","redAccent100","redAccent200","redAccent400","redAccent700","pink50","pink100","pink200","pink300","pink400","pink500","pink600","pink700","pink800","pink900","pinkAccent100","pinkAccent200","pinkAccent400","pinkAccent700","purple50","purple100","purple200","purple300","purple400","purple500","purple600","purple700","purple800","purple900","purpleAccent100","purpleAccent200","purpleAccent400","purpleAccent700","deepPurple50","deepPurple100","deepPurple200","deepPurple300","deepPurple400","deepPurple500","deepPurple600","deepPurple700","deepPurple800","deepPurple900","deepPurpleAccent100","deepPurpleAccent200","deepPurpleAccent400","deepPurpleAccent700","indigo50","indigo100","indigo200","indigo300","indigo400","indigo500","indigo600","indigo700","indigo800","indigo900","indigoAccent100","indigoAccent200","indigoAccent400","indigoAccent700","blue50","blue100","blue200","blue300","blue400","blue500","blue600","blue700","blue800","blue900","blueAccent100","blueAccent200","blueAccent400","blueAccent700","lightBlue50","lightBlue100","lightBlue200","lightBlue300","lightBlue400","lightBlue500","lightBlue600","lightBlue700","lightBlue800","lightBlue900","lightBlueAccent100","lightBlueAccent200","lightBlueAccent400","lightBlueAccent700","cyan50","cyan100","cyan200","cyan300","cyan400","cyan500","cyan600","cyan700","cyan800","cyan900","cyanAccent100","cyanAccent200","cyanAccent400","cyanAccent700","teal50","teal100","teal200","teal300","teal400","teal500","teal600","teal700","teal800","teal900","tealAccent100","tealAccent200","tealAccent400","tealAccent700","green50","green100","green200","green300","green400","green500","green600","green700","green800","green900","greenAccent100","greenAccent200","greenAccent400","greenAccent700","lightGreen50","lightGreen100","lightGreen200","lightGreen300","lightGreen400","lightGreen500","lightGreen600","lightGreen700","lightGreen800","lightGreen900","lightGreenAccent100","lightGreenAccent200","lightGreenAccent400","lightGreenAccent700","lime50","lime100","lime200","lime300","lime400","lime500","lime600","lime700","lime800","lime900","limeAccent100","limeAccent200","limeAccent400","limeAccent700","yellow50","yellow100","yellow200","yellow300","yellow400","yellow500","yellow600","yellow700","yellow800","yellow900","yellowAccent100","yellowAccent200","yellowAccent400","yellowAccent700","amber50","amber100","amber200","amber300","amber400","amber500","amber600","amber700","amber800","amber900","amberAccent100","amberAccent200","amberAccent400","amberAccent700","orange50","orange100","orange200","orange300","orange400","orange500","orange600","orange700","orange800","orange900","orangeAccent100","orangeAccent200","orangeAccent400","orangeAccent700","deepOrange50","deepOrange100","deepOrange200","deepOrange300","deepOrange400","deepOrange500","deepOrange600","deepOrange700","deepOrange800","deepOrange900","deepOrangeAccent100","deepOrangeAccent200","deepOrangeAccent400","deepOrangeAccent700","brown50","brown100","brown200","brown300","brown400","brown500","brown600","brown700","brown800","brown900","grey50","grey100","grey200","grey300","grey400","grey500","grey600","grey700","grey800","grey900","blueGrey50","blueGrey100","blueGrey200","blueGrey300","blueGrey400","blueGrey500","blueGrey600","blueGrey700","blueGrey800","blueGrey900","white","black"],"mappings":"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"}

package/dist/theme/cssVars.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/cssVars.ts"],"sourcesContent":["export const backgroundColorVar = \"--rmd-background-color\";\nexport const primaryColorVar = \"--rmd-primary-color\";\nexport const onPrimaryColorVar = \"--rmd-on-primary-color\";\nexport const secondaryColorVar = \"--rmd-secondary-color\";\nexport const onSecondaryColorVar = \"--rmd-on-secondary-color\";\nexport const warningColorVar = \"--rmd-warning-color\";\nexport const onWarningColorVar = \"--rmd-on-warning-color\";\nexport const errorColorVar = \"--rmd-error-color\";\nexport const onErrorColorVar = \"--rmd-on-error-color\";\nexport const successColorVar = \"--rmd-success-color\";\nexport const onSuccessColorVar = \"--rmd-on-success-color\";\nexport const textPrimaryColorVar = \"--rmd-text-primary-color\";\nexport const textSecondaryColorVar = \"--rmd-text-secondary-color\";\nexport const textHintColorVar = \"--rmd-text-hint-color\";\nexport const textDisabledColorVar = \"--rmd-text-disabled-color\";\n"],"names":["backgroundColorVar","primaryColorVar","onPrimaryColorVar","secondaryColorVar","onSecondaryColorVar","warningColorVar","onWarningColorVar","errorColorVar","onErrorColorVar","successColorVar","onSuccessColorVar","textPrimaryColorVar","textSecondaryColorVar","textHintColorVar","textDisabledColorVar"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAO,MAAMA,qBAAqB,yBAAyB;AAC3D,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,oBAAoB,wBAAwB;AACzD,OAAO,MAAMC,sBAAsB,2BAA2B;AAC9D,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,gBAAgB,oBAAoB;AACjD,OAAO,MAAMC,kBAAkB,uBAAuB;AACtD,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,sBAAsB,2BAA2B;AAC9D,OAAO,MAAMC,wBAAwB,6BAA6B;AAClE,OAAO,MAAMC,mBAAmB,wBAAwB;AACxD,OAAO,MAAMC,uBAAuB,4BAA4B"}
+{"version":3,"sources":["../../src/theme/cssVars.ts"],"sourcesContent":["export const backgroundColorVar = \"--rmd-background-color\";\nexport const primaryColorVar = \"--rmd-primary-color\";\nexport const onPrimaryColorVar = \"--rmd-on-primary-color\";\nexport const secondaryColorVar = \"--rmd-secondary-color\";\nexport const onSecondaryColorVar = \"--rmd-on-secondary-color\";\nexport const warningColorVar = \"--rmd-warning-color\";\nexport const onWarningColorVar = \"--rmd-on-warning-color\";\nexport const errorColorVar = \"--rmd-error-color\";\nexport const onErrorColorVar = \"--rmd-on-error-color\";\nexport const successColorVar = \"--rmd-success-color\";\nexport const onSuccessColorVar = \"--rmd-on-success-color\";\nexport const textPrimaryColorVar = \"--rmd-text-primary-color\";\nexport const textSecondaryColorVar = \"--rmd-text-secondary-color\";\nexport const textHintColorVar = \"--rmd-text-hint-color\";\nexport const textDisabledColorVar = \"--rmd-text-disabled-color\";\n"],"names":["backgroundColorVar","primaryColorVar","onPrimaryColorVar","secondaryColorVar","onSecondaryColorVar","warningColorVar","onWarningColorVar","errorColorVar","onErrorColorVar","successColorVar","onSuccessColorVar","textPrimaryColorVar","textSecondaryColorVar","textHintColorVar","textDisabledColorVar"],"mappings":"AAAA,OAAO,MAAMA,qBAAqB,yBAAyB;AAC3D,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,oBAAoB,wBAAwB;AACzD,OAAO,MAAMC,sBAAsB,2BAA2B;AAC9D,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,gBAAgB,oBAAoB;AACjD,OAAO,MAAMC,kBAAkB,uBAAuB;AACtD,OAAO,MAAMC,kBAAkB,sBAAsB;AACrD,OAAO,MAAMC,oBAAoB,yBAAyB;AAC1D,OAAO,MAAMC,sBAAsB,2BAA2B;AAC9D,OAAO,MAAMC,wBAAwB,6BAA6B;AAClE,OAAO,MAAMC,mBAAmB,wBAAwB;AACxD,OAAO,MAAMC,uBAAuB,4BAA4B"}

package/dist/theme/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/types.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\n/**\n * @since 6.0.0\n */\nexport type CSSVariableName = `--${string}`;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport type DefinedCustomProperty<Property = keyof CSSProperties> =\n  Property extends CSSVariableName ? Property : never;\n\n/**\n * This is a utility type that can be used to auto-complete and type-check css\n * variables that are defined through module augmentation.\n *\n * ```ts\n * declare module \"react\" {\n *   interface CSSProperties {\n *     \"--custom-property\"?: number | string;\n *   }\n * }\n *\n * // will no longer throw a type error. also the `--custom-property` will\n * // appear as an auto-complete item\n * const style: CSSProperties = {\n *   \"--custom-property\": \"red\",\n * };\n *\n * // `DefinedCSSVariableName` will also include `--custom-property` with all\n * // defined react-md custom properties\n * ```\n *\n * @since 6.0.0\n */\nexport type DefinedCSSVariableName = DefinedCustomProperty;\n"],"names":[],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAcA;;;;;;;;;;;;;;;;;;;;;;CAsBC,GACD,WAA2D"}
+{"version":3,"sources":["../../src/theme/types.ts"],"sourcesContent":["import type { CSSProperties } from \"react\";\n\n/**\n * @since 6.0.0\n */\nexport type CSSVariableName = `--${string}`;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport type DefinedCustomProperty<Property = keyof CSSProperties> =\n  Property extends CSSVariableName ? Property : never;\n\n/**\n * This is a utility type that can be used to auto-complete and type-check css\n * variables that are defined through module augmentation.\n *\n * ```ts\n * declare module \"react\" {\n *   interface CSSProperties {\n *     \"--custom-property\"?: number | string;\n *   }\n * }\n *\n * // will no longer throw a type error. also the `--custom-property` will\n * // appear as an auto-complete item\n * const style: CSSProperties = {\n *   \"--custom-property\": \"red\",\n * };\n *\n * // `DefinedCSSVariableName` will also include `--custom-property` with all\n * // defined react-md custom properties\n * ```\n *\n * @since 6.0.0\n */\nexport type DefinedCSSVariableName = DefinedCustomProperty;\n"],"names":[],"mappings":"AAcA;;;;;;;;;;;;;;;;;;;;;;CAsBC,GACD,WAA2D"}

package/dist/theme/useCSSVariables.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/useCSSVariables.ts"],"sourcesContent":["\"use client\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport type { CSSVariableName, DefinedCSSVariableName } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface CSSVariable<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> {\n  name: Name;\n  value: string | number;\n}\n\n/**\n * @since 6.0.0\n */\nexport type CSSVariablesProperties<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = {\n  [key in Name]?: string | number;\n};\n\n/**\n * @since 6.0.0\n */\nexport type ReadonlyCSSVariableList<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = readonly Readonly<CSSVariable<Name>>[];\n\n/**\n * @example Applying Variables the root html element\n * ```ts\n * import {\n *   contrastColor,\n *   pinkAccent200,\n *   purple500,\n *   useCSSVariables,\n *  } from \"@react-md/core\";\n * import { useMemo } from \"react\";\n *\n * function Example(): null {\n *   // Note: You should use `useMemo` so that the custom variables are not\n *   // added and removed during each render.\n *   useCSSVariables(useMemo(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []));\n *\n *   return null;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNode?: RefObject<HTMLElement> | HTMLElement\n): void;\n/**\n * @example Applying variables through inline styles\n * ```tsx\n * import {\n *   contrastColor,\n *   ReadonlyCSSVariableList,\n *   pinkAccent200,\n *   purple500,\n *   useCSSVariables,\n *  } from \"@react-md/core\";\n * import { useMemo } from \"react\";\n * import type { ReactElement, ReactNode } from \"react\";\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const customVariables = useMemo<ReadonlyCSSVariableList>(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []);\n *   const style = useCSSVariables(customVariables, true);\n *\n *   return <div style={style}>{children}</div>;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  inlineStyle: true\n): CSSVariablesProperties<Name>;\n/**\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNodeOrInlineStyle?: RefObject<HTMLElement> | HTMLElement | boolean\n): CSSVariablesProperties<Name> | void {\n  useEffect(() => {\n    if (rootNodeOrInlineStyle === true || !variables.length) {\n      return;\n    }\n\n    // use an iife so that hoisting doesn't cause a possible \"null\" issue for\n    // the root\n    const root = (() => {\n      if (!rootNodeOrInlineStyle) {\n        return document.documentElement;\n      }\n\n      if (\"current\" in rootNodeOrInlineStyle) {\n        return rootNodeOrInlineStyle.current;\n      }\n\n      return rootNodeOrInlineStyle;\n    })();\n\n    if (!root) {\n      return;\n    }\n\n    // const root = document.documentElement;\n    variables.forEach(({ name, value }) => {\n      if (\n        process.env.NODE_ENV !== \"production\" &&\n        root.style.getPropertyValue(name)\n      ) {\n        const currentValue = root.style.getPropertyValue(name);\n        const overwritten =\n          currentValue !== value\n            ? ` and will be overwritten to \"${value}\"`\n            : \"\";\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The \"${name}\" css variable has already been set to \"${currentValue}\" ` +\n            `on the root element${overwritten}. There might be conflicting overrides.`\n        );\n      }\n\n      root.style.setProperty(name, `${value}`);\n    });\n    return () => {\n      variables.forEach(({ name }) => {\n        root.style.removeProperty(name);\n      });\n    };\n  }, [variables, rootNodeOrInlineStyle]);\n\n  return useMemo(() => {\n    if (rootNodeOrInlineStyle !== true) {\n      return;\n    }\n\n    return variables.reduce<CSSVariablesProperties<Name>>(\n      (style, { name, value }) => {\n        style[name] = value;\n        return style;\n      },\n      {}\n    );\n  }, [rootNodeOrInlineStyle, variables]);\n}\n"],"names":["useEffect","useMemo","useCSSVariables","variables","rootNodeOrInlineStyle","length","root","document","documentElement","current","forEach","name","value","process","env","NODE_ENV","style","getPropertyValue","currentValue","overwritten","console","warn","setProperty","removeProperty","reduce"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAEA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AAwG3C;;CAEC,GACD,OAAO,SAASC,gBACdC,SAAwC,EACxCC,qBAAsE;IAEtEJ,UAAU;QACR,IAAII,0BAA0B,QAAQ,CAACD,UAAUE,MAAM,EAAE;YACvD;QACF;QAEA,yEAAyE;QACzE,WAAW;QACX,MAAMC,OAAO,AAAC,CAAA;YACZ,IAAI,CAACF,uBAAuB;gBAC1B,OAAOG,SAASC,eAAe;YACjC;YAEA,IAAI,aAAaJ,uBAAuB;gBACtC,OAAOA,sBAAsBK,OAAO;YACtC;YAEA,OAAOL;QACT,CAAA;QAEA,IAAI,CAACE,MAAM;YACT;QACF;QAEA,yCAAyC;QACzCH,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAE;YAChC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBACzBT,KAAKU,KAAK,CAACC,gBAAgB,CAACN,OAC5B;gBACA,MAAMO,eAAeZ,KAAKU,KAAK,CAACC,gBAAgB,CAACN;gBACjD,MAAMQ,cACJD,iBAAiBN,QACb,CAAC,6BAA6B,EAAEA,MAAM,CAAC,CAAC,GACxC;gBACN,sCAAsC;gBACtCQ,QAAQC,IAAI,CACV,CAAC,KAAK,EAAEV,KAAK,wCAAwC,EAAEO,aAAa,EAAE,CAAC,GACrE,CAAC,mBAAmB,EAAEC,YAAY,uCAAuC,CAAC;YAEhF;YAEAb,KAAKU,KAAK,CAACM,WAAW,CAACX,MAAM,CAAC,EAAEC,MAAM,CAAC;QACzC;QACA,OAAO;YACLT,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAE;gBACzBL,KAAKU,KAAK,CAACO,cAAc,CAACZ;YAC5B;QACF;IACF,GAAG;QAACR;QAAWC;KAAsB;IAErC,OAAOH,QAAQ;QACb,IAAIG,0BAA0B,MAAM;YAClC;QACF;QAEA,OAAOD,UAAUqB,MAAM,CACrB,CAACR,OAAO,EAAEL,IAAI,EAAEC,KAAK,EAAE;YACrBI,KAAK,CAACL,KAAK,GAAGC;YACd,OAAOI;QACT,GACA,CAAC;IAEL,GAAG;QAACZ;QAAuBD;KAAU;AACvC"}
+{"version":3,"sources":["../../src/theme/useCSSVariables.ts"],"sourcesContent":["\"use client\";\nimport type { RefObject } from \"react\";\nimport { useEffect, useMemo } from \"react\";\nimport type { CSSVariableName, DefinedCSSVariableName } from \"./types.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface CSSVariable<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> {\n  name: Name;\n  value: string | number;\n}\n\n/**\n * @since 6.0.0\n */\nexport type CSSVariablesProperties<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = {\n  [key in Name]?: string | number;\n};\n\n/**\n * @since 6.0.0\n */\nexport type ReadonlyCSSVariableList<\n  Name extends CSSVariableName = DefinedCSSVariableName,\n> = readonly Readonly<CSSVariable<Name>>[];\n\n/**\n * @example Applying Variables the root html element\n * ```ts\n * import {\n *   contrastColor,\n *   pinkAccent200,\n *   purple500,\n *   useCSSVariables,\n *  } from \"@react-md/core\";\n * import { useMemo } from \"react\";\n *\n * function Example(): null {\n *   // Note: You should use `useMemo` so that the custom variables are not\n *   // added and removed during each render.\n *   useCSSVariables(useMemo(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []));\n *\n *   return null;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNode?: RefObject<HTMLElement> | HTMLElement\n): void;\n/**\n * @example Applying variables through inline styles\n * ```tsx\n * import {\n *   contrastColor,\n *   ReadonlyCSSVariableList,\n *   pinkAccent200,\n *   purple500,\n *   useCSSVariables,\n *  } from \"@react-md/core\";\n * import { useMemo } from \"react\";\n * import type { ReactElement, ReactNode } from \"react\";\n *\n * function Example({ children }: { children: ReactNode }): ReactElement {\n *   const customVariables = useMemo<ReadonlyCSSVariableList>(() => {\n *     return [\n *       {\n *         name: \"--rmd-primary-color\",\n *         value: purple500,\n *       },\n *       {\n *         name: \"--rmd-on-primary-color\",\n *         value: contrastColor(purple500),\n *       },\n *     ];\n *   }, []);\n *   const style = useCSSVariables(customVariables, true);\n *\n *   return <div style={style}>{children}</div>;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  inlineStyle: true\n): CSSVariablesProperties<Name>;\n/**\n * @since 6.0.0\n */\nexport function useCSSVariables<Name extends CSSVariableName>(\n  variables: ReadonlyCSSVariableList<Name>,\n  rootNodeOrInlineStyle?: RefObject<HTMLElement> | HTMLElement | boolean\n): CSSVariablesProperties<Name> | void {\n  useEffect(() => {\n    if (rootNodeOrInlineStyle === true || !variables.length) {\n      return;\n    }\n\n    // use an iife so that hoisting doesn't cause a possible \"null\" issue for\n    // the root\n    const root = (() => {\n      if (!rootNodeOrInlineStyle) {\n        return document.documentElement;\n      }\n\n      if (\"current\" in rootNodeOrInlineStyle) {\n        return rootNodeOrInlineStyle.current;\n      }\n\n      return rootNodeOrInlineStyle;\n    })();\n\n    if (!root) {\n      return;\n    }\n\n    // const root = document.documentElement;\n    variables.forEach(({ name, value }) => {\n      if (\n        process.env.NODE_ENV !== \"production\" &&\n        root.style.getPropertyValue(name)\n      ) {\n        const currentValue = root.style.getPropertyValue(name);\n        const overwritten =\n          currentValue !== value\n            ? ` and will be overwritten to \"${value}\"`\n            : \"\";\n        // eslint-disable-next-line no-console\n        console.warn(\n          `The \"${name}\" css variable has already been set to \"${currentValue}\" ` +\n            `on the root element${overwritten}. There might be conflicting overrides.`\n        );\n      }\n\n      root.style.setProperty(name, `${value}`);\n    });\n    return () => {\n      variables.forEach(({ name }) => {\n        root.style.removeProperty(name);\n      });\n    };\n  }, [variables, rootNodeOrInlineStyle]);\n\n  return useMemo(() => {\n    if (rootNodeOrInlineStyle !== true) {\n      return;\n    }\n\n    return variables.reduce<CSSVariablesProperties<Name>>(\n      (style, { name, value }) => {\n        style[name] = value;\n        return style;\n      },\n      {}\n    );\n  }, [rootNodeOrInlineStyle, variables]);\n}\n"],"names":["useEffect","useMemo","useCSSVariables","variables","rootNodeOrInlineStyle","length","root","document","documentElement","current","forEach","name","value","process","env","NODE_ENV","style","getPropertyValue","currentValue","overwritten","console","warn","setProperty","removeProperty","reduce"],"mappings":"AAAA;AAEA,SAASA,SAAS,EAAEC,OAAO,QAAQ,QAAQ;AAwG3C;;CAEC,GACD,OAAO,SAASC,gBACdC,SAAwC,EACxCC,qBAAsE;IAEtEJ,UAAU;QACR,IAAII,0BAA0B,QAAQ,CAACD,UAAUE,MAAM,EAAE;YACvD;QACF;QAEA,yEAAyE;QACzE,WAAW;QACX,MAAMC,OAAO,AAAC,CAAA;YACZ,IAAI,CAACF,uBAAuB;gBAC1B,OAAOG,SAASC,eAAe;YACjC;YAEA,IAAI,aAAaJ,uBAAuB;gBACtC,OAAOA,sBAAsBK,OAAO;YACtC;YAEA,OAAOL;QACT,CAAA;QAEA,IAAI,CAACE,MAAM;YACT;QACF;QAEA,yCAAyC;QACzCH,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAE;YAChC,IACEC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBACzBT,KAAKU,KAAK,CAACC,gBAAgB,CAACN,OAC5B;gBACA,MAAMO,eAAeZ,KAAKU,KAAK,CAACC,gBAAgB,CAACN;gBACjD,MAAMQ,cACJD,iBAAiBN,QACb,CAAC,6BAA6B,EAAEA,MAAM,CAAC,CAAC,GACxC;gBACN,sCAAsC;gBACtCQ,QAAQC,IAAI,CACV,CAAC,KAAK,EAAEV,KAAK,wCAAwC,EAAEO,aAAa,EAAE,CAAC,GACrE,CAAC,mBAAmB,EAAEC,YAAY,uCAAuC,CAAC;YAEhF;YAEAb,KAAKU,KAAK,CAACM,WAAW,CAACX,MAAM,CAAC,EAAEC,MAAM,CAAC;QACzC;QACA,OAAO;YACLT,UAAUO,OAAO,CAAC,CAAC,EAAEC,IAAI,EAAE;gBACzBL,KAAKU,KAAK,CAACO,cAAc,CAACZ;YAC5B;QACF;IACF,GAAG;QAACR;QAAWC;KAAsB;IAErC,OAAOH,QAAQ;QACb,IAAIG,0BAA0B,MAAM;YAClC;QACF;QAEA,OAAOD,UAAUqB,MAAM,CACrB,CAACR,OAAO,EAAEL,IAAI,EAAEC,KAAK,EAAE;YACrBI,KAAK,CAACL,KAAK,GAAGC;YACd,OAAOI;QACT,GACA,CAAC;IAEL,GAAG;QAACZ;QAAuBD;KAAU;AACvC"}

package/dist/theme/useColorScheme.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { UseStateSetter } from "../types.js";
 /** @since 6.0.0 */
 export type ColorScheme = "light" | "dark";

package/dist/theme/useColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/useColorScheme.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\nimport type { UseStateSetter } from \"../types.js\";\n\n/** @since 6.0.0 */\nexport type ColorScheme = \"light\" | \"dark\";\n\n/** @since 6.0.0 */\nexport type ColorSchemeMode = ColorScheme | \"system\";\n\n/**\n * @since 6.0.0\n */\nexport interface ColorSchemeModeBehavior {\n  /**\n   * The current color scheme mode that is being used by your app that should\n   * default to the `$color-scheme` SCSS variable. If the\n   * {@link setColorSchemeMode} is called, this will update to that new value.\n   *\n   * TODO: Figure out how to document this\n   *\n   * - `colorScheme` - only `light` or `dark` -- only useful when the `colorSchemeMode` is set to `system`\n   * - `colorSchemeMode` - current **user** defined color scheme behavior? should default to `$color-scheme`, but will change based on `setColorSchemeMode`\n   */\n  colorSchemeMode: ColorSchemeMode;\n\n  /**\n   * A function to update the color scheme.\n   *\n   * @see {@link useColorScheme} for an example usage\n   */\n  setColorSchemeMode: UseStateSetter<ColorSchemeMode>;\n}\n\n/** @since 6.0.0 */\nexport interface ColorSchemeContext extends ColorSchemeModeBehavior {\n  /**\n   * The current color scheme that is being used. This is only useful when the\n   * {@link colorSchemeMode} is set to `\"system\"`.\n   */\n  colorScheme: ColorScheme;\n}\n\nconst context = createContext<ColorSchemeContext>({\n  colorScheme: \"light\",\n  colorSchemeMode: \"light\",\n  setColorSchemeMode() {\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\"The `ColorSchemeProvider` has not been initialized.\");\n    }\n  },\n});\ncontext.displayName = \"ColorScheme\";\nexport const { Provider: ColorSchemeProvider } = context;\n\n/**\n * @example Lazy Load Configurable Themes\n * ```tsx\n * import type { ChangeEvent, ReactElement } from \"react\";\n * import { lazy } from \"react\";\n * import { createRoot } from \"react-doc/client\";\n * import { Checkbox, ColorSchemeProvider, useColorScheme } from \"@react-md/core\";\n *\n * const DarkTheme = lazy(() => import(\"./DarkTheme\"));\n * const SystemTheme = lazy(() => import(\"./SystemTheme\"));\n *\n * function App(): ReactElement {\n *   const { colorScheme, colorSchemeMode, setColorSchemeMode } =\n *     useColorScheme();\n *\n *   const onChange = (event: ChangeEvent<HTMLInputElement>): void => {\n *     const { value } = event.currentTarget;\n *     if (value === \"light\" || value === \"dark\" || value === \"system\") {\n *       setColorSchemeMode(value);\n *     }\n *   };\n *\n *   return (\n *     <>\n *       {colorSchemeMode === \"dark\" && <DarkTheme />}\n *       {colorSchemeMode === \"system\" && <SystemTheme />}\n *       <Checkbox\n *         label=\"Light\"\n *         value=\"light\"\n *         checked={colorSchemeMode === \"light\"}\n *         onChange={onChange}\n *       />\n *       <Checkbox\n *         label=\"Dark\"\n *         value=\"dark\"\n *         checked={colorSchemeMode === \"dark\"}\n *         onChange={onChange}\n *       />\n *       <Checkbox\n *         label=\"System\"\n *         value=\"system\"\n *         checked={colorSchemeMode === \"system\"}\n *         onChange={onChange}\n *       />\n *     </>\n *   );\n * }\n *\n *\n * const root = createRoot(document.getElementById(\"root\"));\n * root.render(\n *   <ColorSchemeProvider>\n *     <App />\n *   </ColorSchemeProvider>\n * );\n *\n * // DarkTheme.tsx\n * import { useHtmlClassName } from \"@react-md/core\";\n *\n * import styles from \"./DarkTheme.module.scss\";\n *\n * export default function DarkTheme(): null {\n *   useHtmlClassName(styles.theme);\n *   return null\n * }\n *\n * // DarkTheme.module.scss\n * @use \"@react-md/core\";\n *\n * .theme {\n *   @include core.use-dark-theme;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useColorScheme(): Readonly<ColorSchemeContext> {\n  return useContext(context);\n}\n"],"names":["createContext","useContext","context","colorScheme","colorSchemeMode","setColorSchemeMode","process","env","NODE_ENV","Error","displayName","Provider","ColorSchemeProvider","useColorScheme"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AA0ClD,MAAMC,UAAUF,cAAkC;IAChDG,aAAa;IACbC,iBAAiB;IACjBC;QACE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,MAAM,IAAIC,MAAM;QAClB;IACF;AACF;AACAP,QAAQQ,WAAW,GAAG;AACtB,OAAO,MAAM,EAAEC,UAAUC,mBAAmB,EAAE,GAAGV,QAAQ;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EC,GACD,OAAO,SAASW;IACd,OAAOZ,WAAWC;AACpB"}
+{"version":3,"sources":["../../src/theme/useColorScheme.ts"],"sourcesContent":["\"use client\";\nimport { createContext, useContext } from \"react\";\nimport type { UseStateSetter } from \"../types.js\";\n\n/** @since 6.0.0 */\nexport type ColorScheme = \"light\" | \"dark\";\n\n/** @since 6.0.0 */\nexport type ColorSchemeMode = ColorScheme | \"system\";\n\n/**\n * @since 6.0.0\n */\nexport interface ColorSchemeModeBehavior {\n  /**\n   * The current color scheme mode that is being used by your app that should\n   * default to the `$color-scheme` SCSS variable. If the\n   * {@link setColorSchemeMode} is called, this will update to that new value.\n   *\n   * TODO: Figure out how to document this\n   *\n   * - `colorScheme` - only `light` or `dark` -- only useful when the `colorSchemeMode` is set to `system`\n   * - `colorSchemeMode` - current **user** defined color scheme behavior? should default to `$color-scheme`, but will change based on `setColorSchemeMode`\n   */\n  colorSchemeMode: ColorSchemeMode;\n\n  /**\n   * A function to update the color scheme.\n   *\n   * @see {@link useColorScheme} for an example usage\n   */\n  setColorSchemeMode: UseStateSetter<ColorSchemeMode>;\n}\n\n/** @since 6.0.0 */\nexport interface ColorSchemeContext extends ColorSchemeModeBehavior {\n  /**\n   * The current color scheme that is being used. This is only useful when the\n   * {@link colorSchemeMode} is set to `\"system\"`.\n   */\n  colorScheme: ColorScheme;\n}\n\nconst context = createContext<ColorSchemeContext>({\n  colorScheme: \"light\",\n  colorSchemeMode: \"light\",\n  setColorSchemeMode() {\n    if (process.env.NODE_ENV !== \"production\") {\n      throw new Error(\"The `ColorSchemeProvider` has not been initialized.\");\n    }\n  },\n});\ncontext.displayName = \"ColorScheme\";\nexport const { Provider: ColorSchemeProvider } = context;\n\n/**\n * @example Lazy Load Configurable Themes\n * ```tsx\n * import type { ChangeEvent, ReactElement } from \"react\";\n * import { lazy } from \"react\";\n * import { createRoot } from \"react-doc/client\";\n * import { Checkbox, ColorSchemeProvider, useColorScheme } from \"@react-md/core\";\n *\n * const DarkTheme = lazy(() => import(\"./DarkTheme\"));\n * const SystemTheme = lazy(() => import(\"./SystemTheme\"));\n *\n * function App(): ReactElement {\n *   const { colorScheme, colorSchemeMode, setColorSchemeMode } =\n *     useColorScheme();\n *\n *   const onChange = (event: ChangeEvent<HTMLInputElement>): void => {\n *     const { value } = event.currentTarget;\n *     if (value === \"light\" || value === \"dark\" || value === \"system\") {\n *       setColorSchemeMode(value);\n *     }\n *   };\n *\n *   return (\n *     <>\n *       {colorSchemeMode === \"dark\" && <DarkTheme />}\n *       {colorSchemeMode === \"system\" && <SystemTheme />}\n *       <Checkbox\n *         label=\"Light\"\n *         value=\"light\"\n *         checked={colorSchemeMode === \"light\"}\n *         onChange={onChange}\n *       />\n *       <Checkbox\n *         label=\"Dark\"\n *         value=\"dark\"\n *         checked={colorSchemeMode === \"dark\"}\n *         onChange={onChange}\n *       />\n *       <Checkbox\n *         label=\"System\"\n *         value=\"system\"\n *         checked={colorSchemeMode === \"system\"}\n *         onChange={onChange}\n *       />\n *     </>\n *   );\n * }\n *\n *\n * const root = createRoot(document.getElementById(\"root\"));\n * root.render(\n *   <ColorSchemeProvider>\n *     <App />\n *   </ColorSchemeProvider>\n * );\n *\n * // DarkTheme.tsx\n * import { useHtmlClassName } from \"@react-md/core\";\n *\n * import styles from \"./DarkTheme.module.scss\";\n *\n * export default function DarkTheme(): null {\n *   useHtmlClassName(styles.theme);\n *   return null\n * }\n *\n * // DarkTheme.module.scss\n * @use \"@react-md/core\";\n *\n * .theme {\n *   @include core.use-dark-theme;\n * }\n * ```\n *\n * @since 6.0.0\n */\nexport function useColorScheme(): Readonly<ColorSchemeContext> {\n  return useContext(context);\n}\n"],"names":["createContext","useContext","context","colorScheme","colorSchemeMode","setColorSchemeMode","process","env","NODE_ENV","Error","displayName","Provider","ColorSchemeProvider","useColorScheme"],"mappings":"AAAA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,QAAQ;AA0ClD,MAAMC,UAAUF,cAAkC;IAChDG,aAAa;IACbC,iBAAiB;IACjBC;QACE,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;YACzC,MAAM,IAAIC,MAAM;QAClB;IACF;AACF;AACAP,QAAQQ,WAAW,GAAG;AACtB,OAAO,MAAM,EAAEC,UAAUC,mBAAmB,EAAE,GAAGV,QAAQ;AAEzD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2EC,GACD,OAAO,SAASW;IACd,OAAOZ,WAAWC;AACpB"}

package/dist/theme/useColorSchemeMetaTag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/useColorSchemeMetaTag.ts"],"sourcesContent":["\"use client\";\nimport { useEffect } from \"react\";\nimport { type ColorScheme } from \"./useColorScheme.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ColorSchemeMetaTagOptions {\n  /**\n   * @defaultValue `\"false\"`\n   */\n  disabled?: boolean;\n  colorScheme: ColorScheme;\n}\n\n/**\n * Adds a `<meta name=\"color-scheme\" content=\"light\">` or\n * `<meta name=\"color-scheme\" content=\"dark\">` into the head element. This\n * should not be used if you are using the `useColorSchemeProvider` since it is\n * already built in.\n *\n * @since 6.0.0\n */\nexport function useColorSchemeMetaTag(\n  options: ColorSchemeMetaTagOptions\n): void {\n  const { disabled, colorScheme } = options;\n\n  useEffect(() => {\n    if (disabled || document.querySelector('meta[name=\"color-scheme\"]')) {\n      return;\n    }\n\n    // Adding the meta tag allows the default browser styles for form inputs to\n    // be updated as well.\n    //\n    // Chrome and Firefox:\n    // - the input type=\"number\"'s spinner color will update from grey to white\n    // - native `<select>` background color updates from grey/white to a dark color\n    //\n    // Chrome:\n    // - the date/time/datetime icons will change from black to white\n    // - the date/time/datetime pickers will use a darker theme instead of white\n    const meta = document.createElement(\"meta\");\n    meta.name = \"color-scheme\";\n    meta.content = colorScheme;\n    document.head.appendChild(meta);\n\n    return () => {\n      document.head.removeChild(meta);\n    };\n  }, [disabled, colorScheme]);\n}\n"],"names":["useEffect","useColorSchemeMetaTag","options","disabled","colorScheme","document","querySelector","meta","createElement","name","content","head","appendChild","removeChild"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,QAAQ;AAclC;;;;;;;CAOC,GACD,OAAO,SAASC,sBACdC,OAAkC;IAElC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGF;IAElCF,UAAU;QACR,IAAIG,YAAYE,SAASC,aAAa,CAAC,8BAA8B;YACnE;QACF;QAEA,2EAA2E;QAC3E,sBAAsB;QACtB,EAAE;QACF,sBAAsB;QACtB,2EAA2E;QAC3E,+EAA+E;QAC/E,EAAE;QACF,UAAU;QACV,iEAAiE;QACjE,4EAA4E;QAC5E,MAAMC,OAAOF,SAASG,aAAa,CAAC;QACpCD,KAAKE,IAAI,GAAG;QACZF,KAAKG,OAAO,GAAGN;QACfC,SAASM,IAAI,CAACC,WAAW,CAACL;QAE1B,OAAO;YACLF,SAASM,IAAI,CAACE,WAAW,CAACN;QAC5B;IACF,GAAG;QAACJ;QAAUC;KAAY;AAC5B"}
+{"version":3,"sources":["../../src/theme/useColorSchemeMetaTag.ts"],"sourcesContent":["\"use client\";\nimport { useEffect } from \"react\";\nimport { type ColorScheme } from \"./useColorScheme.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ColorSchemeMetaTagOptions {\n  /**\n   * @defaultValue `\"false\"`\n   */\n  disabled?: boolean;\n  colorScheme: ColorScheme;\n}\n\n/**\n * Adds a `<meta name=\"color-scheme\" content=\"light\">` or\n * `<meta name=\"color-scheme\" content=\"dark\">` into the head element. This\n * should not be used if you are using the `useColorSchemeProvider` since it is\n * already built in.\n *\n * @since 6.0.0\n */\nexport function useColorSchemeMetaTag(\n  options: ColorSchemeMetaTagOptions\n): void {\n  const { disabled, colorScheme } = options;\n\n  useEffect(() => {\n    if (disabled || document.querySelector('meta[name=\"color-scheme\"]')) {\n      return;\n    }\n\n    // Adding the meta tag allows the default browser styles for form inputs to\n    // be updated as well.\n    //\n    // Chrome and Firefox:\n    // - the input type=\"number\"'s spinner color will update from grey to white\n    // - native `<select>` background color updates from grey/white to a dark color\n    //\n    // Chrome:\n    // - the date/time/datetime icons will change from black to white\n    // - the date/time/datetime pickers will use a darker theme instead of white\n    const meta = document.createElement(\"meta\");\n    meta.name = \"color-scheme\";\n    meta.content = colorScheme;\n    document.head.appendChild(meta);\n\n    return () => {\n      document.head.removeChild(meta);\n    };\n  }, [disabled, colorScheme]);\n}\n"],"names":["useEffect","useColorSchemeMetaTag","options","disabled","colorScheme","document","querySelector","meta","createElement","name","content","head","appendChild","removeChild"],"mappings":"AAAA;AACA,SAASA,SAAS,QAAQ,QAAQ;AAclC;;;;;;;CAOC,GACD,OAAO,SAASC,sBACdC,OAAkC;IAElC,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAE,GAAGF;IAElCF,UAAU;QACR,IAAIG,YAAYE,SAASC,aAAa,CAAC,8BAA8B;YACnE;QACF;QAEA,2EAA2E;QAC3E,sBAAsB;QACtB,EAAE;QACF,sBAAsB;QACtB,2EAA2E;QAC3E,+EAA+E;QAC/E,EAAE;QACF,UAAU;QACV,iEAAiE;QACjE,4EAA4E;QAC5E,MAAMC,OAAOF,SAASG,aAAa,CAAC;QACpCD,KAAKE,IAAI,GAAG;QACZF,KAAKG,OAAO,GAAGN;QACfC,SAASM,IAAI,CAACC,WAAW,CAACL;QAE1B,OAAO;YACLF,SAASM,IAAI,CAACE,WAAW,CAACN;QAC5B;IACF,GAAG;QAACJ;QAAUC;KAAY;AAC5B"}

package/dist/theme/useColorSchemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/useColorSchemeProvider.ts"],"sourcesContent":["\"use client\";\nimport { useMemo } from \"react\";\nimport { type UseStateInitializer } from \"../types.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport {\n  type ColorSchemeContext,\n  type ColorSchemeMode,\n  type ColorSchemeModeBehavior,\n} from \"./useColorScheme.js\";\nimport { useColorSchemeMetaTag } from \"./useColorSchemeMetaTag.js\";\nimport { usePrefersDarkTheme } from \"./usePrefersColorScheme.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ColorSchemeProviderOptions\n  extends Partial<ColorSchemeModeBehavior> {\n  /**\n   * Set this to `true` to prevent a `<meta name=\"color-scheme\" content=\"{COLOR_SCHEME}\">`\n   * from being added to the `document.head`.\n   *\n   * @defaultValue `false`\n   */\n  disableMetaTag?: boolean;\n\n  /**\n   * The current color scheme mode that is being used by your app. This should\n   * match the `$color-scheme` SCSS variable.\n   *\n   * @defaultValue `\"light\"`\n   */\n  defaultColorSchemeMode?: UseStateInitializer<ColorSchemeMode>;\n}\n\n/**\n * @example\n * ```tsx\n * import {\n *   ColorSchemeProvider,\n *   useColorSchemeProvider,\n *   type ColorSchemeMode,\n * } from \"@react-md/core\";\n * import { type PropsWithChildren, type ReactElement } from \"react\";\n * import Cookies from \"js-cookie\";\n *\n * function MyColorSchemeProvider(props: PropsWithChildren): ReactElement {\n *   const { children } = props;\n *\n *   const [colorSchemeMode, setColorSchemeMode] = useState<ColorSchemeMode>(\n *     () => Cookies.get(\"colorSchemeMode\") || \"system\"\n *   );\n *   const value = useColorSchemeProvider({\n *     colorSchemeMode,\n *     setColorSchemeMode(nextValue) {\n *       setColorSchemeMode((prevValue) => {\n *         const value = typeof nextValue === \"function\"\n *           ? nextValue(prevValue)\n *           : nextValue;\n *\n *         Cookies.set(\"colorSchemeMode\", value);\n *         return value;\n *       });\n *     }\n *   });\n *\n *   return <ColorSchemeProvider value={value}>{children}</ColorSchemeProvider>\n * }\n * ```\n * @since 6.0.0\n */\nexport function useColorSchemeProvider(\n  options?: { [key in keyof ColorSchemeModeBehavior]?: never } & {\n    disableMetaTag?: boolean;\n    defaultColorSchemeMode?: UseStateInitializer<ColorSchemeMode>;\n  }\n): ColorSchemeContext;\nexport function useColorSchemeProvider(\n  options: ColorSchemeModeBehavior & {\n    disableMetaTag?: boolean;\n    defaultColorSchemeMode?: never;\n  }\n): ColorSchemeContext;\nexport function useColorSchemeProvider(\n  options: ColorSchemeProviderOptions = {}\n): ColorSchemeContext {\n  const {\n    disableMetaTag,\n    colorSchemeMode: value,\n    setColorSchemeMode: setValue,\n    defaultColorSchemeMode,\n  } = options;\n\n  const [colorSchemeMode, setColorSchemeMode] = useEnsuredState({\n    value,\n    setValue,\n    defaultValue: defaultColorSchemeMode,\n  });\n  const prefersDarkTheme = usePrefersDarkTheme(colorSchemeMode !== \"system\");\n  const derivedColorScheme = prefersDarkTheme ? \"dark\" : \"light\";\n  const colorScheme =\n    colorSchemeMode === \"system\" ? derivedColorScheme : colorSchemeMode;\n\n  useColorSchemeMetaTag({\n    disabled: disableMetaTag,\n    colorScheme,\n  });\n\n  return useMemo<ColorSchemeContext>(\n    () => ({\n      colorScheme,\n      colorSchemeMode,\n      setColorSchemeMode,\n    }),\n    [colorScheme, colorSchemeMode, setColorSchemeMode]\n  );\n}\n"],"names":["useMemo","useEnsuredState","useColorSchemeMetaTag","usePrefersDarkTheme","useColorSchemeProvider","options","disableMetaTag","colorSchemeMode","value","setColorSchemeMode","setValue","defaultColorSchemeMode","defaultValue","prefersDarkTheme","derivedColorScheme","colorScheme","disabled"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ,wBAAwB;AAMxD,SAASC,qBAAqB,QAAQ,6BAA6B;AACnE,SAASC,mBAAmB,QAAQ,6BAA6B;AAwEjE,OAAO,SAASC,uBACdC,UAAsC,CAAC,CAAC;IAExC,MAAM,EACJC,cAAc,EACdC,iBAAiBC,KAAK,EACtBC,oBAAoBC,QAAQ,EAC5BC,sBAAsB,EACvB,GAAGN;IAEJ,MAAM,CAACE,iBAAiBE,mBAAmB,GAAGR,gBAAgB;QAC5DO;QACAE;QACAE,cAAcD;IAChB;IACA,MAAME,mBAAmBV,oBAAoBI,oBAAoB;IACjE,MAAMO,qBAAqBD,mBAAmB,SAAS;IACvD,MAAME,cACJR,oBAAoB,WAAWO,qBAAqBP;IAEtDL,sBAAsB;QACpBc,UAAUV;QACVS;IACF;IAEA,OAAOf,QACL,IAAO,CAAA;YACLe;YACAR;YACAE;QACF,CAAA,GACA;QAACM;QAAaR;QAAiBE;KAAmB;AAEtD"}
+{"version":3,"sources":["../../src/theme/useColorSchemeProvider.ts"],"sourcesContent":["\"use client\";\nimport { useMemo } from \"react\";\nimport { type UseStateInitializer } from \"../types.js\";\nimport { useEnsuredState } from \"../useEnsuredState.js\";\nimport {\n  type ColorSchemeContext,\n  type ColorSchemeMode,\n  type ColorSchemeModeBehavior,\n} from \"./useColorScheme.js\";\nimport { useColorSchemeMetaTag } from \"./useColorSchemeMetaTag.js\";\nimport { usePrefersDarkTheme } from \"./usePrefersColorScheme.js\";\n\n/**\n * @since 6.0.0\n */\nexport interface ColorSchemeProviderOptions\n  extends Partial<ColorSchemeModeBehavior> {\n  /**\n   * Set this to `true` to prevent a `<meta name=\"color-scheme\" content=\"{COLOR_SCHEME}\">`\n   * from being added to the `document.head`.\n   *\n   * @defaultValue `false`\n   */\n  disableMetaTag?: boolean;\n\n  /**\n   * The current color scheme mode that is being used by your app. This should\n   * match the `$color-scheme` SCSS variable.\n   *\n   * @defaultValue `\"light\"`\n   */\n  defaultColorSchemeMode?: UseStateInitializer<ColorSchemeMode>;\n}\n\n/**\n * @example\n * ```tsx\n * import {\n *   ColorSchemeProvider,\n *   useColorSchemeProvider,\n *   type ColorSchemeMode,\n * } from \"@react-md/core\";\n * import { type PropsWithChildren, type ReactElement } from \"react\";\n * import Cookies from \"js-cookie\";\n *\n * function MyColorSchemeProvider(props: PropsWithChildren): ReactElement {\n *   const { children } = props;\n *\n *   const [colorSchemeMode, setColorSchemeMode] = useState<ColorSchemeMode>(\n *     () => Cookies.get(\"colorSchemeMode\") || \"system\"\n *   );\n *   const value = useColorSchemeProvider({\n *     colorSchemeMode,\n *     setColorSchemeMode(nextValue) {\n *       setColorSchemeMode((prevValue) => {\n *         const value = typeof nextValue === \"function\"\n *           ? nextValue(prevValue)\n *           : nextValue;\n *\n *         Cookies.set(\"colorSchemeMode\", value);\n *         return value;\n *       });\n *     }\n *   });\n *\n *   return <ColorSchemeProvider value={value}>{children}</ColorSchemeProvider>\n * }\n * ```\n * @since 6.0.0\n */\nexport function useColorSchemeProvider(\n  options?: { [key in keyof ColorSchemeModeBehavior]?: never } & {\n    disableMetaTag?: boolean;\n    defaultColorSchemeMode?: UseStateInitializer<ColorSchemeMode>;\n  }\n): ColorSchemeContext;\nexport function useColorSchemeProvider(\n  options: ColorSchemeModeBehavior & {\n    disableMetaTag?: boolean;\n    defaultColorSchemeMode?: never;\n  }\n): ColorSchemeContext;\nexport function useColorSchemeProvider(\n  options: ColorSchemeProviderOptions = {}\n): ColorSchemeContext {\n  const {\n    disableMetaTag,\n    colorSchemeMode: value,\n    setColorSchemeMode: setValue,\n    defaultColorSchemeMode,\n  } = options;\n\n  const [colorSchemeMode, setColorSchemeMode] = useEnsuredState({\n    value,\n    setValue,\n    defaultValue: defaultColorSchemeMode,\n  });\n  const prefersDarkTheme = usePrefersDarkTheme(colorSchemeMode !== \"system\");\n  const derivedColorScheme = prefersDarkTheme ? \"dark\" : \"light\";\n  const colorScheme =\n    colorSchemeMode === \"system\" ? derivedColorScheme : colorSchemeMode;\n\n  useColorSchemeMetaTag({\n    disabled: disableMetaTag,\n    colorScheme,\n  });\n\n  return useMemo<ColorSchemeContext>(\n    () => ({\n      colorScheme,\n      colorSchemeMode,\n      setColorSchemeMode,\n    }),\n    [colorScheme, colorSchemeMode, setColorSchemeMode]\n  );\n}\n"],"names":["useMemo","useEnsuredState","useColorSchemeMetaTag","usePrefersDarkTheme","useColorSchemeProvider","options","disableMetaTag","colorSchemeMode","value","setColorSchemeMode","setValue","defaultColorSchemeMode","defaultValue","prefersDarkTheme","derivedColorScheme","colorScheme","disabled"],"mappings":"AAAA;AACA,SAASA,OAAO,QAAQ,QAAQ;AAEhC,SAASC,eAAe,QAAQ,wBAAwB;AAMxD,SAASC,qBAAqB,QAAQ,6BAA6B;AACnE,SAASC,mBAAmB,QAAQ,6BAA6B;AAwEjE,OAAO,SAASC,uBACdC,UAAsC,CAAC,CAAC;IAExC,MAAM,EACJC,cAAc,EACdC,iBAAiBC,KAAK,EACtBC,oBAAoBC,QAAQ,EAC5BC,sBAAsB,EACvB,GAAGN;IAEJ,MAAM,CAACE,iBAAiBE,mBAAmB,GAAGR,gBAAgB;QAC5DO;QACAE;QACAE,cAAcD;IAChB;IACA,MAAME,mBAAmBV,oBAAoBI,oBAAoB;IACjE,MAAMO,qBAAqBD,mBAAmB,SAAS;IACvD,MAAME,cACJR,oBAAoB,WAAWO,qBAAqBP;IAEtDL,sBAAsB;QACpBc,UAAUV;QACVS;IACF;IAEA,OAAOf,QACL,IAAO,CAAA;YACLe;YACAR;YACAE;QACF,CAAA,GACA;QAACM;QAAaR;QAAiBE;KAAmB;AAEtD"}

package/dist/theme/usePrefersColorScheme.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/usePrefersColorScheme.ts"],"sourcesContent":["\"use client\";\nimport { useMediaQuery } from \"../media-queries/useMediaQuery.js\";\n\n/**\n * A simple wrapper around the {@link useMediaQuery} hook with:\n * `\"(prefers-color-scheme: dark)\"`.\n *\n * @since 6.0.0\n */\nexport function usePrefersDarkTheme(disabled = false): boolean {\n  return useMediaQuery(\"(prefers-color-scheme: dark)\", disabled);\n}\n"],"names":["useMediaQuery","usePrefersDarkTheme","disabled"],"rangeMappings":";;;;;;;;;","mappings":"AAAA;AACA,SAASA,aAAa,QAAQ,oCAAoC;AAElE;;;;;CAKC,GACD,OAAO,SAASC,oBAAoBC,WAAW,KAAK;IAClD,OAAOF,cAAc,gCAAgCE;AACvD"}
+{"version":3,"sources":["../../src/theme/usePrefersColorScheme.ts"],"sourcesContent":["\"use client\";\nimport { useMediaQuery } from \"../media-queries/useMediaQuery.js\";\n\n/**\n * A simple wrapper around the {@link useMediaQuery} hook with:\n * `\"(prefers-color-scheme: dark)\"`.\n *\n * @since 6.0.0\n */\nexport function usePrefersDarkTheme(disabled = false): boolean {\n  return useMediaQuery(\"(prefers-color-scheme: dark)\", disabled);\n}\n"],"names":["useMediaQuery","usePrefersDarkTheme","disabled"],"mappings":"AAAA;AACA,SAASA,aAAa,QAAQ,oCAAoC;AAElE;;;;;CAKC,GACD,OAAO,SAASC,oBAAoBC,WAAW,KAAK;IAClD,OAAOF,cAAc,gCAAgCE;AACvD"}

package/dist/theme/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/theme/utils.ts"],"sourcesContent":["import { black, white } from \"./colors.js\";\n\nconst RGB_REGEX = /^rgb\\(((\\b([01]?\\d\\d?|2[0-4]\\d|25[0-5])\\b),?){3}\\)$/;\nconst SHORTHAND_REGEX = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\nconst VERBOSE_REGEX = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i;\n\nexport type RGB = readonly [red: number, green: number, blue: number];\n\n/**\n * Converts a hex string into an rgb value. This is useful for detecting color\n * contrast ratios and other stuff.\n *\n * @param hex - The hex string to convert\n * @returns an object containing the r, g, b values for the color.\n */\nexport function hexToRGB(hex: string): RGB {\n  if (\n    process.env.NODE_ENV !== \"production\" &&\n    !SHORTHAND_REGEX.test(hex) &&\n    !VERBOSE_REGEX.test(hex)\n  ) {\n    throw new TypeError(\"Invalid color string.\");\n  }\n\n  hex = hex.replace(\n    SHORTHAND_REGEX,\n    (_m, r, g, b) => `${r}${r}${g}${g}${b}${b}`\n  );\n\n  const result = hex.match(VERBOSE_REGEX) || [];\n  const r = parseInt(result[1] || \"\", 16) || 0;\n  const g = parseInt(result[2] || \"\", 16) || 0;\n  const b = parseInt(result[3] || \"\", 16) || 0;\n\n  return [r, g, b];\n}\n\nexport function getRGB(color: string): RGB {\n  // chrome 102.0.50005.63 apparently has whitespace when calling `window.getComputedStyle(element)`\n  // remove whitepsace to make it easy for supporting rgb or hex\n  color = color.replace(/\\s/g, \"\");\n  const rgbMatches = color.match(RGB_REGEX);\n  if (rgbMatches) {\n    const r = parseInt(rgbMatches[1] || \"\", 16) || 0;\n    const g = parseInt(rgbMatches[2] || \"\", 16) || 0;\n    const b = parseInt(rgbMatches[3] || \"\", 16) || 0;\n\n    return [r, g, b];\n  }\n\n  return hexToRGB(color);\n}\n\nconst RED_MULTIPLIER = 0.2126;\nconst GREEN_MULTIPLIER = 0.7152;\nconst BLUE_MULTIPLIER = 0.0722;\n\n/**\n * I really couldn't figure out how to name these \"magic\" numbers since the\n * formula doesn't really describe it much:\n *\n * @see https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @internal\n */\nfunction get8BitColor(color: number): number {\n  color /= 255;\n\n  if (color <= 0.03928) {\n    return color / 12.92;\n  }\n\n  return ((color + 0.055) / 1.055) ** 2.4;\n}\n\n/**\n * A number closest to 0 should be closest to black while a number closest to 1\n * should be closest to white.\n *\n * @see https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @internal\n */\nexport function getLuminance(color: string): number {\n  const [r, g, b] = getRGB(color);\n\n  const red = get8BitColor(r) * RED_MULTIPLIER;\n  const green = get8BitColor(g) * GREEN_MULTIPLIER;\n  const blue = get8BitColor(b) * BLUE_MULTIPLIER;\n\n  return red + green + blue;\n}\n\n/**\n * Gets the contrast ratio between a background color and a foreground color.\n *\n * @see https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n *\n * @param background - The background color\n * @param foreground - The foreground color. This is normally the `color` css\n * value.\n * @returns the contrast ratio between the background and foreground colors.\n */\nexport function getContrastRatio(\n  background: string,\n  foreground: string\n): number {\n  const backgroundLuminance = getLuminance(background) + 0.05;\n  const foregroundLuminance = getLuminance(foreground) + 0.05;\n\n  return (\n    Math.max(backgroundLuminance, foregroundLuminance) /\n    Math.min(backgroundLuminance, foregroundLuminance)\n  );\n}\n\n/**\n * The type of contrast ratio compliance to confirm to. The ratios in order are:\n * - 3:1 for large text (18pt normal or 14pt bold)\n * - 4.5:1 for normal text\n * - 7:1 for Level AAA requirements.\n *\n * @see https://www.w3.org/TR/WCAG20/#visual-audio-contrast\n * @see https://www.w3.org/TR/WCAG20/#larger-scaledef\n */\nexport type ContrastRatioCompliance = \"large\" | \"normal\" | \"AAA\";\n\n/**\n * The contrast ratio that can be used for large text where large text is\n * considered 18pt or 14pt bold.\n */\nexport const LARGE_TEXT_CONTRAST_RATIO = 3;\n\n/**\n * The contrast ratio that can be used for normal text.\n */\nexport const NORMAL_TEXT_CONTRAST_RATIO = 4.5;\n\n/**\n * The AAA contrast ratio for passing WGAC 2.0 color contrast ratios.\n */\nexport const AAA_CONTRAST_RATIO = 7;\n\n/**\n * Checks if there is an acceptable contrast ratio between the background and\n * foreground colors based on the provided compliance level.\n *\n * @param background - The background color to check against\n * @param foreground - The foreground color to check against\n * @param compliance - The compliance level to use or a custom number as a\n * ratio.\n * @returns true if there is enough contrast between the foreground and\n * background colors for the provided compliance level.\n */\nexport function isContrastCompliant(\n  background: string,\n  foreground: string,\n  compliance: ContrastRatioCompliance | number = \"normal\"\n): boolean {\n  let ratio: number;\n  switch (compliance) {\n    case \"large\":\n      ratio = LARGE_TEXT_CONTRAST_RATIO;\n      break;\n    case \"normal\":\n      ratio = NORMAL_TEXT_CONTRAST_RATIO;\n      break;\n    case \"AAA\":\n      ratio = AAA_CONTRAST_RATIO;\n      break;\n    default:\n      ratio = compliance;\n  }\n\n  return getContrastRatio(background, foreground) >= ratio;\n}\n\n/**\n * Returns the highest contrast color to the provided `backgroundColor`. This is\n * normally used to ensure that a new background color can use an accessible text\n * color of either `#000` or `#fff`.\n *\n * This is pretty much a javascript implementation as the `contrast-color` Sass\n * function.\n *\n * @since 6.0.0\n */\nexport function contrastColor(\n  backgroundColor: string,\n  lightColor = white,\n  darkColor = black\n): string {\n  const lightContrast = getContrastRatio(backgroundColor, lightColor);\n  const darkContrast = getContrastRatio(backgroundColor, darkColor);\n\n  return lightContrast > darkContrast ? lightColor : darkColor;\n}\n"],"names":["black","white","RGB_REGEX","SHORTHAND_REGEX","VERBOSE_REGEX","hexToRGB","hex","process","env","NODE_ENV","test","TypeError","replace","_m","r","g","b","result","match","parseInt","getRGB","color","rgbMatches","RED_MULTIPLIER","GREEN_MULTIPLIER","BLUE_MULTIPLIER","get8BitColor","getLuminance","red","green","blue","getContrastRatio","background","foreground","backgroundLuminance","foregroundLuminance","Math","max","min","LARGE_TEXT_CONTRAST_RATIO","NORMAL_TEXT_CONTRAST_RATIO","AAA_CONTRAST_RATIO","isContrastCompliant","compliance","ratio","contrastColor","backgroundColor","lightColor","darkColor","lightContrast","darkContrast"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}
+{"version":3,"sources":["../../src/theme/utils.ts"],"sourcesContent":["import { black, white } from \"./colors.js\";\n\nconst RGB_REGEX = /^rgb\\(((\\b([01]?\\d\\d?|2[0-4]\\d|25[0-5])\\b),?){3}\\)$/;\nconst SHORTHAND_REGEX = /^#?([a-f\\d])([a-f\\d])([a-f\\d])$/i;\nconst VERBOSE_REGEX = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i;\n\nexport type RGB = readonly [red: number, green: number, blue: number];\n\n/**\n * Converts a hex string into an rgb value. This is useful for detecting color\n * contrast ratios and other stuff.\n *\n * @param hex - The hex string to convert\n * @returns an object containing the r, g, b values for the color.\n */\nexport function hexToRGB(hex: string): RGB {\n  if (\n    process.env.NODE_ENV !== \"production\" &&\n    !SHORTHAND_REGEX.test(hex) &&\n    !VERBOSE_REGEX.test(hex)\n  ) {\n    throw new TypeError(\"Invalid color string.\");\n  }\n\n  hex = hex.replace(\n    SHORTHAND_REGEX,\n    (_m, r, g, b) => `${r}${r}${g}${g}${b}${b}`\n  );\n\n  const result = hex.match(VERBOSE_REGEX) || [];\n  const r = parseInt(result[1] || \"\", 16) || 0;\n  const g = parseInt(result[2] || \"\", 16) || 0;\n  const b = parseInt(result[3] || \"\", 16) || 0;\n\n  return [r, g, b];\n}\n\nexport function getRGB(color: string): RGB {\n  // chrome 102.0.50005.63 apparently has whitespace when calling `window.getComputedStyle(element)`\n  // remove whitepsace to make it easy for supporting rgb or hex\n  color = color.replace(/\\s/g, \"\");\n  const rgbMatches = color.match(RGB_REGEX);\n  if (rgbMatches) {\n    const r = parseInt(rgbMatches[1] || \"\", 16) || 0;\n    const g = parseInt(rgbMatches[2] || \"\", 16) || 0;\n    const b = parseInt(rgbMatches[3] || \"\", 16) || 0;\n\n    return [r, g, b];\n  }\n\n  return hexToRGB(color);\n}\n\nconst RED_MULTIPLIER = 0.2126;\nconst GREEN_MULTIPLIER = 0.7152;\nconst BLUE_MULTIPLIER = 0.0722;\n\n/**\n * I really couldn't figure out how to name these \"magic\" numbers since the\n * formula doesn't really describe it much:\n *\n * @see https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @internal\n */\nfunction get8BitColor(color: number): number {\n  color /= 255;\n\n  if (color <= 0.03928) {\n    return color / 12.92;\n  }\n\n  return ((color + 0.055) / 1.055) ** 2.4;\n}\n\n/**\n * A number closest to 0 should be closest to black while a number closest to 1\n * should be closest to white.\n *\n * @see https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n * @internal\n */\nexport function getLuminance(color: string): number {\n  const [r, g, b] = getRGB(color);\n\n  const red = get8BitColor(r) * RED_MULTIPLIER;\n  const green = get8BitColor(g) * GREEN_MULTIPLIER;\n  const blue = get8BitColor(b) * BLUE_MULTIPLIER;\n\n  return red + green + blue;\n}\n\n/**\n * Gets the contrast ratio between a background color and a foreground color.\n *\n * @see https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests\n *\n * @param background - The background color\n * @param foreground - The foreground color. This is normally the `color` css\n * value.\n * @returns the contrast ratio between the background and foreground colors.\n */\nexport function getContrastRatio(\n  background: string,\n  foreground: string\n): number {\n  const backgroundLuminance = getLuminance(background) + 0.05;\n  const foregroundLuminance = getLuminance(foreground) + 0.05;\n\n  return (\n    Math.max(backgroundLuminance, foregroundLuminance) /\n    Math.min(backgroundLuminance, foregroundLuminance)\n  );\n}\n\n/**\n * The type of contrast ratio compliance to confirm to. The ratios in order are:\n * - 3:1 for large text (18pt normal or 14pt bold)\n * - 4.5:1 for normal text\n * - 7:1 for Level AAA requirements.\n *\n * @see https://www.w3.org/TR/WCAG20/#visual-audio-contrast\n * @see https://www.w3.org/TR/WCAG20/#larger-scaledef\n */\nexport type ContrastRatioCompliance = \"large\" | \"normal\" | \"AAA\";\n\n/**\n * The contrast ratio that can be used for large text where large text is\n * considered 18pt or 14pt bold.\n */\nexport const LARGE_TEXT_CONTRAST_RATIO = 3;\n\n/**\n * The contrast ratio that can be used for normal text.\n */\nexport const NORMAL_TEXT_CONTRAST_RATIO = 4.5;\n\n/**\n * The AAA contrast ratio for passing WGAC 2.0 color contrast ratios.\n */\nexport const AAA_CONTRAST_RATIO = 7;\n\n/**\n * Checks if there is an acceptable contrast ratio between the background and\n * foreground colors based on the provided compliance level.\n *\n * @param background - The background color to check against\n * @param foreground - The foreground color to check against\n * @param compliance - The compliance level to use or a custom number as a\n * ratio.\n * @returns true if there is enough contrast between the foreground and\n * background colors for the provided compliance level.\n */\nexport function isContrastCompliant(\n  background: string,\n  foreground: string,\n  compliance: ContrastRatioCompliance | number = \"normal\"\n): boolean {\n  let ratio: number;\n  switch (compliance) {\n    case \"large\":\n      ratio = LARGE_TEXT_CONTRAST_RATIO;\n      break;\n    case \"normal\":\n      ratio = NORMAL_TEXT_CONTRAST_RATIO;\n      break;\n    case \"AAA\":\n      ratio = AAA_CONTRAST_RATIO;\n      break;\n    default:\n      ratio = compliance;\n  }\n\n  return getContrastRatio(background, foreground) >= ratio;\n}\n\n/**\n * Returns the highest contrast color to the provided `backgroundColor`. This is\n * normally used to ensure that a new background color can use an accessible text\n * color of either `#000` or `#fff`.\n *\n * This is pretty much a javascript implementation as the `contrast-color` Sass\n * function.\n *\n * @since 6.0.0\n */\nexport function contrastColor(\n  backgroundColor: string,\n  lightColor = white,\n  darkColor = black\n): string {\n  const lightContrast = getContrastRatio(backgroundColor, lightColor);\n  const darkContrast = getContrastRatio(backgroundColor, darkColor);\n\n  return lightContrast > darkContrast ? lightColor : darkColor;\n}\n"],"names":["black","white","RGB_REGEX","SHORTHAND_REGEX","VERBOSE_REGEX","hexToRGB","hex","process","env","NODE_ENV","test","TypeError","replace","_m","r","g","b","result","match","parseInt","getRGB","color","rgbMatches","RED_MULTIPLIER","GREEN_MULTIPLIER","BLUE_MULTIPLIER","get8BitColor","getLuminance","red","green","blue","getContrastRatio","background","foreground","backgroundLuminance","foregroundLuminance","Math","max","min","LARGE_TEXT_CONTRAST_RATIO","NORMAL_TEXT_CONTRAST_RATIO","AAA_CONTRAST_RATIO","isContrastCompliant","compliance","ratio","contrastColor","backgroundColor","lightColor","darkColor","lightContrast","darkContrast"],"mappings":"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"}

package/dist/tooltip/Tooltip.d.ts

@@ -1,23 +1,28 @@
 import { type HTMLAttributes } from "react";
 import { type TextOverflow } from "../cssUtils.js";
 import { type SimplePosition } from "../positioning/types.js";
-import { type CSSTransitionComponentProps, type TransitionActions } from "../transition/types.js";
+import { type CSSTransitionClassNames, type CSSTransitionComponentProps, type SSRTransitionOptions, type TransitionActions, type TransitionTimeout } from "../transition/types.js";
 /**
  * The base props for the `Tooltip` component. This can be extended when
  * creating custom tooltip implementations.
  *
  * @since 2.8.0 Supports the `RenderConditionalPortalProps`
- * @since 6.0.0 No longer supports the `RenderConditionalPortalProps`.
+ * @since 6.0.0 The `id` prop is optional.
+ * @since 6.0.0 Removed `lineWrap` for `textOverflow`
+ * @since 6.0.0 No longer supports the `RenderConditionalPortalProps` other than
+ * `portal` with the `disablePortal` prop.
  */
-export interface TooltipProps extends HTMLAttributes<HTMLSpanElement>, CSSTransitionComponentProps, TransitionActions {
+export interface TooltipProps extends HTMLAttributes<HTMLSpanElement>, CSSTransitionComponentProps, SSRTransitionOptions, TransitionActions {
     visible: boolean;
     /**
+     * Set this to `true` to use a smaller font size and padding on the tooltip
+     * and a smaller gap between the tooltip and tooltipped element.
+     *
      * @defaultValue `false`
      */
     dense?: boolean;
     /**
-     * @defaultValue `DEFAULT_TOOLTIP_POSITION`
-     * @see {@link DEFAULT_TOOLTIP_POSITION}
+     * @defaultValue `"below"`
      */
     position?: SimplePosition;
     /**
@@ -25,10 +30,6 @@ export interface TooltipProps extends HTMLAttributes<HTMLSpanElement>, CSSTransi
      * @defaultValue `true`
      */
     temporary?: boolean;
-    /**
-     * @defaultValue `false`
-     */
-    disablePortal?: boolean;
     /**
      * Set this to `"nowrap"` for tooltips that are positioned near the edge of
      * the viewport that have a position of `"above"` or `"below"` so that the
@@ -40,6 +41,16 @@ export interface TooltipProps extends HTMLAttributes<HTMLSpanElement>, CSSTransi
      * @defaultValue `"allow"`
      */
     textOverflow?: TextOverflow;
+    /**
+     * @see {@link CSSTransitionComponentProps.timeout}
+     * @defaultValue `DEFAULT_TOOLTIP_TIMEOUT`
+     */
+    timeout?: TransitionTimeout;
+    /**
+     * @see {@link CSSTransitionComponentProps.classNames}
+     * @defaultValue `DEFAULT_TOOLTIP_CLASSNAMES`
+     */
+    classNames?: CSSTransitionClassNames;
 }
 /**
  * **Client Component**

package/dist/tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { type TextOverflow } from \"../cssUtils.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { type SimplePosition } from \"../positioning/types.js\";\nimport {\n  type CSSTransitionComponentProps,\n  type TransitionActions,\n} from \"../transition/types.js\";\nimport { useCSSTransition } from \"../transition/useCSSTransition.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport {\n  DEFAULT_TOOLTIP_CLASSNAMES,\n  DEFAULT_TOOLTIP_POSITION,\n  DEFAULT_TOOLTIP_TIMEOUT,\n} from \"./constants.js\";\nimport { tooltip } from \"./tooltipStyles.js\";\n\n/**\n * The base props for the `Tooltip` component. This can be extended when\n * creating custom tooltip implementations.\n *\n * @since 2.8.0 Supports the `RenderConditionalPortalProps`\n * @since 6.0.0 No longer supports the `RenderConditionalPortalProps`.\n */\nexport interface TooltipProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    CSSTransitionComponentProps,\n    TransitionActions {\n  visible: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  dense?: boolean;\n\n  /**\n   * @defaultValue `DEFAULT_TOOLTIP_POSITION`\n   * @see {@link DEFAULT_TOOLTIP_POSITION}\n   */\n  position?: SimplePosition;\n\n  /**\n   * @see {@link CSSTransitionComponentProps.temporary}\n   * @defaultValue `true`\n   */\n  temporary?: boolean;\n\n  /**\n   * @defaultValue `false`\n   */\n  disablePortal?: boolean;\n\n  /**\n   * Set this to `\"nowrap\"` for tooltips that are positioned near the edge of\n   * the viewport that have a position of `\"above\"` or `\"below\"` so that the\n   * tooltip no longer aligns to the center of the tooltipped element.\n   *\n   * Set this to `\"ellipsis\"` if the tooltip should only show a single line of\n   * text and ellipsis once it has reached the max tooltip width.\n   *\n   * @defaultValue `\"allow\"`\n   */\n  textOverflow?: TextOverflow;\n}\n\n/**\n * **Client Component**\n *\n * This is the base tooltip component that can only be used to render a tooltip\n * with an animation when the visibility changes. If this component is used, you\n * will need to manually add all the event listeners and triggers to change the\n * `visible` prop.\n *\n * @example Simple Usage\n * ```tsx\n * import { Button, useTooltip, Tooltip } from \"@react-md/core\";\n *\n * function Example() {\n *   const { elementProps, tooltipProps } = useTooltip();\n *\n *   return (\n *     <>\n *       <Button {...elementProps}>Button</Button>\n *       <Tooltip {...tooltipProps}>\n *         Tooltip Content\n *       </Tooltip>\n *     </>\n *   );\n * }\n * ```\n */\nexport const Tooltip = forwardRef<HTMLSpanElement, TooltipProps>(\n  function Tooltip(props, nodeRef) {\n    const {\n      id: propId,\n      dense,\n      visible,\n      children,\n      appear,\n      enter,\n      exit,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      timeout = DEFAULT_TOOLTIP_TIMEOUT,\n      classNames = DEFAULT_TOOLTIP_CLASSNAMES,\n      className,\n      position = DEFAULT_TOOLTIP_POSITION,\n      temporary = true,\n      exitedHidden = !temporary,\n      textOverflow,\n      disablePortal: propDisablePortal,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"tooltip\");\n\n    const { rendered, elementProps, disablePortal } = useCSSTransition({\n      nodeRef,\n      appear,\n      enter,\n      exit,\n      transitionIn: visible,\n      timeout,\n      classNames,\n      className: tooltip({\n        dense,\n        position,\n        className,\n        textOverflow,\n      }),\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary,\n      exitedHidden,\n      disablePortal: propDisablePortal,\n    });\n\n    return (\n      <Portal disabled={disablePortal}>\n        {rendered && (\n          <span {...remaining} {...elementProps} id={id} role=\"tooltip\">\n            {children}\n          </span>\n        )}\n      </Portal>\n    );\n  }\n);\n"],"names":["forwardRef","Portal","useCSSTransition","useEnsuredId","DEFAULT_TOOLTIP_CLASSNAMES","DEFAULT_TOOLTIP_POSITION","DEFAULT_TOOLTIP_TIMEOUT","tooltip","Tooltip","props","nodeRef","id","propId","dense","visible","children","appear","enter","exit","onEnter","onEntering","onEntered","onExit","onExiting","onExited","timeout","classNames","className","position","temporary","exitedHidden","textOverflow","disablePortal","propDisablePortal","remaining","rendered","elementProps","transitionIn","disabled","span","role"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AAExD,SAASC,MAAM,QAAQ,sBAAsB;AAM7C,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SACEC,0BAA0B,EAC1BC,wBAAwB,EACxBC,uBAAuB,QAClB,iBAAiB;AACxB,SAASC,OAAO,QAAQ,qBAAqB;AAkD7C;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,wBAAUR,WACrB,SAASQ,QAAQC,KAAK,EAAEC,OAAO;IAC7B,MAAM,EACJC,IAAIC,MAAM,EACVC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,UAAUnB,uBAAuB,EACjCoB,aAAatB,0BAA0B,EACvCuB,SAAS,EACTC,WAAWvB,wBAAwB,EACnCwB,YAAY,IAAI,EAChBC,eAAe,CAACD,SAAS,EACzBE,YAAY,EACZC,eAAeC,iBAAiB,EAChC,GAAGC,WACJ,GAAGzB;IACJ,MAAME,KAAKR,aAAaS,QAAQ;IAEhC,MAAM,EAAEuB,QAAQ,EAAEC,YAAY,EAAEJ,aAAa,EAAE,GAAG9B,iBAAiB;QACjEQ;QACAM;QACAC;QACAC;QACAmB,cAAcvB;QACdW;QACAC;QACAC,WAAWpB,QAAQ;YACjBM;YACAe;YACAD;YACAI;QACF;QACAZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAK;QACAC;QACAE,eAAeC;IACjB;IAEA,qBACE,KAAChC;QAAOqC,UAAUN;kBACfG,0BACC,KAACI;YAAM,GAAGL,SAAS;YAAG,GAAGE,YAAY;YAAEzB,IAAIA;YAAI6B,MAAK;sBACjDzB;;;AAKX,GACA"}
+{"version":3,"sources":["../../src/tooltip/Tooltip.tsx"],"sourcesContent":["\"use client\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { type TextOverflow } from \"../cssUtils.js\";\nimport { Portal } from \"../portal/Portal.js\";\nimport { type SimplePosition } from \"../positioning/types.js\";\nimport {\n  type CSSTransitionClassNames,\n  type CSSTransitionComponentProps,\n  type SSRTransitionOptions,\n  type TransitionActions,\n  type TransitionTimeout,\n} from \"../transition/types.js\";\nimport { useCSSTransition } from \"../transition/useCSSTransition.js\";\nimport { useEnsuredId } from \"../useEnsuredId.js\";\nimport {\n  DEFAULT_TOOLTIP_CLASSNAMES,\n  DEFAULT_TOOLTIP_POSITION,\n  DEFAULT_TOOLTIP_TIMEOUT,\n} from \"./constants.js\";\nimport { tooltip } from \"./tooltipStyles.js\";\n\n/**\n * The base props for the `Tooltip` component. This can be extended when\n * creating custom tooltip implementations.\n *\n * @since 2.8.0 Supports the `RenderConditionalPortalProps`\n * @since 6.0.0 The `id` prop is optional.\n * @since 6.0.0 Removed `lineWrap` for `textOverflow`\n * @since 6.0.0 No longer supports the `RenderConditionalPortalProps` other than\n * `portal` with the `disablePortal` prop.\n */\nexport interface TooltipProps\n  extends HTMLAttributes<HTMLSpanElement>,\n    CSSTransitionComponentProps,\n    SSRTransitionOptions,\n    TransitionActions {\n  visible: boolean;\n\n  /**\n   * Set this to `true` to use a smaller font size and padding on the tooltip\n   * and a smaller gap between the tooltip and tooltipped element.\n   *\n   * @defaultValue `false`\n   */\n  dense?: boolean;\n\n  /**\n   * @defaultValue `\"below\"`\n   */\n  position?: SimplePosition;\n\n  /**\n   * @see {@link CSSTransitionComponentProps.temporary}\n   * @defaultValue `true`\n   */\n  temporary?: boolean;\n\n  /**\n   * Set this to `\"nowrap\"` for tooltips that are positioned near the edge of\n   * the viewport that have a position of `\"above\"` or `\"below\"` so that the\n   * tooltip no longer aligns to the center of the tooltipped element.\n   *\n   * Set this to `\"ellipsis\"` if the tooltip should only show a single line of\n   * text and ellipsis once it has reached the max tooltip width.\n   *\n   * @defaultValue `\"allow\"`\n   */\n  textOverflow?: TextOverflow;\n\n  /**\n   * @see {@link CSSTransitionComponentProps.timeout}\n   * @defaultValue `DEFAULT_TOOLTIP_TIMEOUT`\n   */\n  timeout?: TransitionTimeout;\n\n  /**\n   * @see {@link CSSTransitionComponentProps.classNames}\n   * @defaultValue `DEFAULT_TOOLTIP_CLASSNAMES`\n   */\n  classNames?: CSSTransitionClassNames;\n}\n\n/**\n * **Client Component**\n *\n * This is the base tooltip component that can only be used to render a tooltip\n * with an animation when the visibility changes. If this component is used, you\n * will need to manually add all the event listeners and triggers to change the\n * `visible` prop.\n *\n * @example Simple Usage\n * ```tsx\n * import { Button, useTooltip, Tooltip } from \"@react-md/core\";\n *\n * function Example() {\n *   const { elementProps, tooltipProps } = useTooltip();\n *\n *   return (\n *     <>\n *       <Button {...elementProps}>Button</Button>\n *       <Tooltip {...tooltipProps}>\n *         Tooltip Content\n *       </Tooltip>\n *     </>\n *   );\n * }\n * ```\n */\nexport const Tooltip = forwardRef<HTMLSpanElement, TooltipProps>(\n  function Tooltip(props, nodeRef) {\n    const {\n      id: propId,\n      dense,\n      visible,\n      children,\n      appear,\n      enter,\n      exit,\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      timeout = DEFAULT_TOOLTIP_TIMEOUT,\n      classNames = DEFAULT_TOOLTIP_CLASSNAMES,\n      className,\n      position = DEFAULT_TOOLTIP_POSITION,\n      temporary = true,\n      exitedHidden = !temporary,\n      textOverflow,\n      disablePortal: propDisablePortal,\n      ...remaining\n    } = props;\n    const id = useEnsuredId(propId, \"tooltip\");\n\n    const { rendered, elementProps, disablePortal } = useCSSTransition({\n      nodeRef,\n      appear,\n      enter,\n      exit,\n      transitionIn: visible,\n      timeout,\n      classNames,\n      className: tooltip({\n        dense,\n        position,\n        className,\n        textOverflow,\n      }),\n      onEnter,\n      onEntering,\n      onEntered,\n      onExit,\n      onExiting,\n      onExited,\n      temporary,\n      exitedHidden,\n      disablePortal: propDisablePortal,\n    });\n\n    return (\n      <Portal disabled={disablePortal}>\n        {rendered && (\n          <span {...remaining} {...elementProps} id={id} role=\"tooltip\">\n            {children}\n          </span>\n        )}\n      </Portal>\n    );\n  }\n);\n"],"names":["forwardRef","Portal","useCSSTransition","useEnsuredId","DEFAULT_TOOLTIP_CLASSNAMES","DEFAULT_TOOLTIP_POSITION","DEFAULT_TOOLTIP_TIMEOUT","tooltip","Tooltip","props","nodeRef","id","propId","dense","visible","children","appear","enter","exit","onEnter","onEntering","onEntered","onExit","onExiting","onExited","timeout","classNames","className","position","temporary","exitedHidden","textOverflow","disablePortal","propDisablePortal","remaining","rendered","elementProps","transitionIn","disabled","span","role"],"mappings":"AAAA;;AACA,SAASA,UAAU,QAA6B,QAAQ;AAExD,SAASC,MAAM,QAAQ,sBAAsB;AAS7C,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,YAAY,QAAQ,qBAAqB;AAClD,SACEC,0BAA0B,EAC1BC,wBAAwB,EACxBC,uBAAuB,QAClB,iBAAiB;AACxB,SAASC,OAAO,QAAQ,qBAAqB;AA+D7C;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,wBAAUR,WACrB,SAASQ,QAAQC,KAAK,EAAEC,OAAO;IAC7B,MAAM,EACJC,IAAIC,MAAM,EACVC,KAAK,EACLC,OAAO,EACPC,QAAQ,EACRC,MAAM,EACNC,KAAK,EACLC,IAAI,EACJC,OAAO,EACPC,UAAU,EACVC,SAAS,EACTC,MAAM,EACNC,SAAS,EACTC,QAAQ,EACRC,UAAUnB,uBAAuB,EACjCoB,aAAatB,0BAA0B,EACvCuB,SAAS,EACTC,WAAWvB,wBAAwB,EACnCwB,YAAY,IAAI,EAChBC,eAAe,CAACD,SAAS,EACzBE,YAAY,EACZC,eAAeC,iBAAiB,EAChC,GAAGC,WACJ,GAAGzB;IACJ,MAAME,KAAKR,aAAaS,QAAQ;IAEhC,MAAM,EAAEuB,QAAQ,EAAEC,YAAY,EAAEJ,aAAa,EAAE,GAAG9B,iBAAiB;QACjEQ;QACAM;QACAC;QACAC;QACAmB,cAAcvB;QACdW;QACAC;QACAC,WAAWpB,QAAQ;YACjBM;YACAe;YACAD;YACAI;QACF;QACAZ;QACAC;QACAC;QACAC;QACAC;QACAC;QACAK;QACAC;QACAE,eAAeC;IACjB;IAEA,qBACE,KAAChC;QAAOqC,UAAUN;kBACfG,0BACC,KAACI;YAAM,GAAGL,SAAS;YAAG,GAAGE,YAAY;YAAEzB,IAAIA;YAAI6B,MAAK;sBACjDzB;;;AAKX,GACA"}

package/dist/tooltip/TooltipHoverModeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tooltip/TooltipHoverModeProvider.tsx"],"sourcesContent":["\"use client\";\nimport {\n  createContext,\n  useContext,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport {\n  createHoverModeContext,\n  useHoverModeProvider,\n  type HoverModeConfiguration,\n  type HoverModeContext,\n} from \"../hoverMode/useHoverModeProvider.js\";\nimport { DEFAULT_TOOLTIP_DELAY } from \"./constants.js\";\n\n/** @since 6.0.0 */\nexport type TooltipHoverModeContext = HoverModeContext;\n\nconst context = createContext<TooltipHoverModeContext>(\n  createHoverModeContext({\n    hoverTimeout: DEFAULT_TOOLTIP_DELAY,\n    leaveTimeout: 0,\n  })\n);\ncontext.displayName = \"TooltipHoverMode\";\nconst { Provider } = context;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function useTooltipHoverMode(): Readonly<TooltipHoverModeContext> {\n  return useContext(context);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TooltipHoverModeProviderProps\n  extends Partial<HoverModeConfiguration> {\n  children: ReactNode;\n\n  /**\n   * @see {@link HoverModeConfiguration.hoverTimeout}\n   * @defaultValue `1000`\n   */\n  hoverTimeout?: number;\n\n  /**\n   * @see {@link HoverModeConfiguration.leaveTimeout}\n   * @defaultValue `0`\n   */\n  leaveTimeout?: number;\n\n  /**\n   * @see {@link HoverModeConfiguration.disableTimeout}\n   * @defaultValue `1000`\n   */\n  disableTimeout?: number;\n}\n\n/**\n * **Client Component**\n *\n * Updates all tooltips that are rendered as a child anywhere in the React tree\n * to immediately appear for a short duration once a tooltip has become visible.\n * You can also use this provider to configure all tooltips' visibility delay to\n * a new value.\n *\n * @example Configuration Example\n * ```tsx\n * <TooltipHoverModeProvider\n *   // wait 3 seconds before displaying any tooltips\n *   hoverTimeout={3000}\n *\n *   // wait 1 second before hiding any tooltips\n *   leaveTimeout={1000}\n *\n *   // disable the hover mode functionality only if another tooltip has not\n *   // been visible for 20 seconds\n *   disableTimeout={20000}\n * >\n *   <RestOfTheApp />\n * </TooltipHoverModeProvider>\n * ```\n *\n * @since 6.0.0\n */\nexport function TooltipHoverModeProvider(\n  props: TooltipHoverModeProviderProps\n): ReactElement {\n  const {\n    hoverTimeout = DEFAULT_TOOLTIP_DELAY,\n    leaveTimeout = 0,\n    disableTimeout = DEFAULT_TOOLTIP_DELAY,\n    defaultActiveId,\n    children,\n  } = props;\n  const context = useHoverModeProvider({\n    hoverTimeout,\n    leaveTimeout,\n    disableTimeout,\n    defaultActiveId,\n  });\n\n  return <Provider value={context}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","createHoverModeContext","useHoverModeProvider","DEFAULT_TOOLTIP_DELAY","context","hoverTimeout","leaveTimeout","displayName","Provider","useTooltipHoverMode","TooltipHoverModeProvider","props","disableTimeout","defaultActiveId","children","value"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;;AACA,SACEA,aAAa,EACbC,UAAU,QAGL,QAAQ;AACf,SACEC,sBAAsB,EACtBC,oBAAoB,QAGf,uCAAuC;AAC9C,SAASC,qBAAqB,QAAQ,iBAAiB;AAKvD,MAAMC,wBAAUL,cACdE,uBAAuB;IACrBI,cAAcF;IACdG,cAAc;AAChB;AAEFF,QAAQG,WAAW,GAAG;AACtB,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;AAErB;;;CAGC,GACD,OAAO,SAASK;IACd,OAAOT,WAAWI;AACpB;AA4BA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BC,GACD,OAAO,SAASM,yBACdC,KAAoC;IAEpC,MAAM,EACJN,eAAeF,qBAAqB,EACpCG,eAAe,CAAC,EAChBM,iBAAiBT,qBAAqB,EACtCU,eAAe,EACfC,QAAQ,EACT,GAAGH;IACJ,MAAMP,UAAUF,qBAAqB;QACnCG;QACAC;QACAM;QACAC;IACF;IAEA,qBAAO,KAACL;QAASO,OAAOX;kBAAUU;;AACpC"}
+{"version":3,"sources":["../../src/tooltip/TooltipHoverModeProvider.tsx"],"sourcesContent":["\"use client\";\nimport {\n  createContext,\n  useContext,\n  type ReactElement,\n  type ReactNode,\n} from \"react\";\nimport {\n  createHoverModeContext,\n  useHoverModeProvider,\n  type HoverModeConfiguration,\n  type HoverModeContext,\n} from \"../hoverMode/useHoverModeProvider.js\";\nimport { DEFAULT_TOOLTIP_DELAY } from \"./constants.js\";\n\n/** @since 6.0.0 */\nexport type TooltipHoverModeContext = HoverModeContext;\n\nconst context = createContext<TooltipHoverModeContext>(\n  createHoverModeContext({\n    hoverTimeout: DEFAULT_TOOLTIP_DELAY,\n    leaveTimeout: 0,\n  })\n);\ncontext.displayName = \"TooltipHoverMode\";\nconst { Provider } = context;\n\n/**\n * @internal\n * @since 6.0.0\n */\nexport function useTooltipHoverMode(): Readonly<TooltipHoverModeContext> {\n  return useContext(context);\n}\n\n/**\n * @since 6.0.0\n */\nexport interface TooltipHoverModeProviderProps\n  extends Partial<HoverModeConfiguration> {\n  children: ReactNode;\n\n  /**\n   * @see {@link HoverModeConfiguration.hoverTimeout}\n   * @defaultValue `1000`\n   */\n  hoverTimeout?: number;\n\n  /**\n   * @see {@link HoverModeConfiguration.leaveTimeout}\n   * @defaultValue `0`\n   */\n  leaveTimeout?: number;\n\n  /**\n   * @see {@link HoverModeConfiguration.disableTimeout}\n   * @defaultValue `1000`\n   */\n  disableTimeout?: number;\n}\n\n/**\n * **Client Component**\n *\n * Updates all tooltips that are rendered as a child anywhere in the React tree\n * to immediately appear for a short duration once a tooltip has become visible.\n * You can also use this provider to configure all tooltips' visibility delay to\n * a new value.\n *\n * @example Configuration Example\n * ```tsx\n * <TooltipHoverModeProvider\n *   // wait 3 seconds before displaying any tooltips\n *   hoverTimeout={3000}\n *\n *   // wait 1 second before hiding any tooltips\n *   leaveTimeout={1000}\n *\n *   // disable the hover mode functionality only if another tooltip has not\n *   // been visible for 20 seconds\n *   disableTimeout={20000}\n * >\n *   <RestOfTheApp />\n * </TooltipHoverModeProvider>\n * ```\n *\n * @since 6.0.0\n */\nexport function TooltipHoverModeProvider(\n  props: TooltipHoverModeProviderProps\n): ReactElement {\n  const {\n    hoverTimeout = DEFAULT_TOOLTIP_DELAY,\n    leaveTimeout = 0,\n    disableTimeout = DEFAULT_TOOLTIP_DELAY,\n    defaultActiveId,\n    children,\n  } = props;\n  const context = useHoverModeProvider({\n    hoverTimeout,\n    leaveTimeout,\n    disableTimeout,\n    defaultActiveId,\n  });\n\n  return <Provider value={context}>{children}</Provider>;\n}\n"],"names":["createContext","useContext","createHoverModeContext","useHoverModeProvider","DEFAULT_TOOLTIP_DELAY","context","hoverTimeout","leaveTimeout","displayName","Provider","useTooltipHoverMode","TooltipHoverModeProvider","props","disableTimeout","defaultActiveId","children","value"],"mappings":"AAAA;;AACA,SACEA,aAAa,EACbC,UAAU,QAGL,QAAQ;AACf,SACEC,sBAAsB,EACtBC,oBAAoB,QAGf,uCAAuC;AAC9C,SAASC,qBAAqB,QAAQ,iBAAiB;AAKvD,MAAMC,wBAAUL,cACdE,uBAAuB;IACrBI,cAAcF;IACdG,cAAc;AAChB;AAEFF,QAAQG,WAAW,GAAG;AACtB,MAAM,EAAEC,QAAQ,EAAE,GAAGJ;AAErB;;;CAGC,GACD,OAAO,SAASK;IACd,OAAOT,WAAWI;AACpB;AA4BA;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BC,GACD,OAAO,SAASM,yBACdC,KAAoC;IAEpC,MAAM,EACJN,eAAeF,qBAAqB,EACpCG,eAAe,CAAC,EAChBM,iBAAiBT,qBAAqB,EACtCU,eAAe,EACfC,QAAQ,EACT,GAAGH;IACJ,MAAMP,UAAUF,qBAAqB;QACnCG;QACAC;QACAM;QACAC;IACF;IAEA,qBAAO,KAACL;QAASO,OAAOX;kBAAUU;;AACpC"}