@raystack/apsara 0.0.1 → 0.10.2

package/dist/themprovider/storage.js

@@ -1,29 +0,0 @@
-const themeLocalStorageKey = "theme";
-function isValidThemePreference(theme) {
-    return theme == "auto" || theme == "dark" || theme == "light";
-}
-const saveThemePreference = (newTheme) => {
-    try {
-        if (typeof newTheme === "string")
-            window.localStorage.setItem(themeLocalStorageKey, newTheme);
-    }
-    catch (e) {
-        console.warn(e);
-    }
-};
-const getSavedThemePreference = () => {
-    try {
-        const savedMode = window.localStorage.getItem(themeLocalStorageKey);
-        // If the user has explicitly chosen a colour mode,
-        // let's use it. Otherwise, this value will be null.
-        return isValidThemePreference(savedMode) ? savedMode : null;
-    }
-    catch (e) {
-        // When Chrome in incognito, localStorage cannot be accessed
-        console.warn(e);
-        return null;
-    }
-};
-
-export { getSavedThemePreference, isValidThemePreference, saveThemePreference };
-//# sourceMappingURL=storage.js.map

package/dist/themprovider/storage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"storage.js","sources":["../../../themprovider/storage.ts"],"sourcesContent":["const themeLocalStorageKey = \"theme\";\n\nexport type ThemePreference = \"auto\" | \"dark\" | \"light\";\nexport function isValidThemePreference(\n  theme: string | null\n): theme is ThemePreference {\n  return theme == \"auto\" || theme == \"dark\" || theme == \"light\";\n}\n\nexport const saveThemePreference = (newTheme: ThemePreference) => {\n  try {\n    if (typeof newTheme === \"string\")\n      window.localStorage.setItem(themeLocalStorageKey, newTheme);\n  } catch (e) {\n    console.warn(e);\n  }\n};\n\nexport const getSavedThemePreference = (): ThemePreference | null => {\n  try {\n    const savedMode = window.localStorage.getItem(themeLocalStorageKey);\n    // If the user has explicitly chosen a colour mode,\n    // let's use it. Otherwise, this value will be null.\n    return isValidThemePreference(savedMode) ? savedMode : null;\n  } catch (e) {\n    // When Chrome in incognito, localStorage cannot be accessed\n    console.warn(e);\n    return null;\n  }\n};\n"],"names":[],"mappings":"AAAA,MAAM,oBAAoB,GAAG,OAAO,CAAC;AAG/B,SAAU,sBAAsB,CACpC,KAAoB,EAAA;IAEpB,OAAO,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,MAAM,IAAI,KAAK,IAAI,OAAO,CAAC;AAChE,CAAC;AAEY,MAAA,mBAAmB,GAAG,CAAC,QAAyB,KAAI;IAC/D,IAAI;QACF,IAAI,OAAO,QAAQ,KAAK,QAAQ;YAC9B,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,oBAAoB,EAAE,QAAQ,CAAC,CAAC;AAC/D,KAAA;AAAC,IAAA,OAAO,CAAC,EAAE;AACV,QAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AACjB,KAAA;AACH,EAAE;AAEK,MAAM,uBAAuB,GAAG,MAA6B;IAClE,IAAI;QACF,MAAM,SAAS,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC;;;AAGpE,QAAA,OAAO,sBAAsB,CAAC,SAAS,CAAC,GAAG,SAAS,GAAG,IAAI,CAAC;AAC7D,KAAA;AAAC,IAAA,OAAO,CAAC,EAAE;;AAEV,QAAA,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;AAChB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AACH;;;;"}

package/dist/themprovider/switcher.cjs

@@ -1,22 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var reactIcons = require('@radix-ui/react-icons');
-var box = require('../box/box.cjs');
-var themeprovider = require('./themeprovider.cjs');
-
-var Theme;
-(function (Theme) {
-    Theme["DARK"] = "dark";
-    Theme["LIGHT"] = "light";
-})(Theme || (Theme = {}));
-function ThemeSwitcher({ size = 30, ...props }) {
-    const { themeName, setTheme } = themeprovider.useApsaraTheme();
-    const onClickHandler = () => {
-        setTheme(themeName === Theme.DARK ? Theme.LIGHT : Theme.DARK);
-    };
-    return (jsxRuntime.jsx(box.Box, { ...props, children: themeName === Theme.DARK ? (jsxRuntime.jsx(reactIcons.SunIcon, { width: size, height: size, onClick: onClickHandler })) : (jsxRuntime.jsx(reactIcons.MoonIcon, { width: size, height: size, onClick: onClickHandler })) }));
-}
-
-exports.ThemeSwitcher = ThemeSwitcher;
-//# sourceMappingURL=switcher.cjs.map

package/dist/themprovider/switcher.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"switcher.cjs","sources":["../../../themprovider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\nimport { Box } from \"~/box\";\nimport { useApsaraTheme } from \"./themeprovider\";\n\nenum Theme {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n  const { themeName, setTheme } = useApsaraTheme();\n  const onClickHandler = () => {\n    setTheme(themeName === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n  };\n\n  return (\n    <Box {...props}>\n      {themeName === Theme.DARK ? (\n        <SunIcon width={size} height={size} onClick={onClickHandler} />\n      ) : (\n        <MoonIcon width={size} height={size} onClick={onClickHandler} />\n      )}\n    </Box>\n  );\n}\n"],"names":["useApsaraTheme","_jsx","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;AAIA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA,CAAA;AAGK,SAAU,aAAa,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC1D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAGA,4BAAc,EAAE,CAAC;IACjD,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QAAQ,CAAC,SAAS,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAChE,KAAC,CAAC;IAEF,QACEC,cAAC,CAAAC,OAAG,EAAK,EAAA,GAAA,KAAK,YACX,SAAS,KAAK,KAAK,CAAC,IAAI,IACvBD,cAAC,CAAAE,kBAAO,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,KAE/DF,cAAA,CAACG,mBAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,CACjE,EACG,CAAA,EACN;AACJ;;;;"}

package/dist/themprovider/switcher.js

@@ -1,20 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { SunIcon, MoonIcon } from '@radix-ui/react-icons';
-import { Box } from '../box/box.js';
-import { useApsaraTheme } from './themeprovider.js';
-
-var Theme;
-(function (Theme) {
-    Theme["DARK"] = "dark";
-    Theme["LIGHT"] = "light";
-})(Theme || (Theme = {}));
-function ThemeSwitcher({ size = 30, ...props }) {
-    const { themeName, setTheme } = useApsaraTheme();
-    const onClickHandler = () => {
-        setTheme(themeName === Theme.DARK ? Theme.LIGHT : Theme.DARK);
-    };
-    return (jsx(Box, { ...props, children: themeName === Theme.DARK ? (jsx(SunIcon, { width: size, height: size, onClick: onClickHandler })) : (jsx(MoonIcon, { width: size, height: size, onClick: onClickHandler })) }));
-}
-
-export { ThemeSwitcher };
-//# sourceMappingURL=switcher.js.map

package/dist/themprovider/switcher.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"switcher.js","sources":["../../../themprovider/switcher.tsx"],"sourcesContent":["import { MoonIcon, SunIcon } from \"@radix-ui/react-icons\";\nimport { Box } from \"~/box\";\nimport { useApsaraTheme } from \"./themeprovider\";\n\nenum Theme {\n  DARK = \"dark\",\n  LIGHT = \"light\",\n}\n\ntype Props = { size?: number };\nexport function ThemeSwitcher({ size = 30, ...props }: Props) {\n  const { themeName, setTheme } = useApsaraTheme();\n  const onClickHandler = () => {\n    setTheme(themeName === Theme.DARK ? Theme.LIGHT : Theme.DARK);\n  };\n\n  return (\n    <Box {...props}>\n      {themeName === Theme.DARK ? (\n        <SunIcon width={size} height={size} onClick={onClickHandler} />\n      ) : (\n        <MoonIcon width={size} height={size} onClick={onClickHandler} />\n      )}\n    </Box>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;;AAIA,IAAK,KAGJ,CAAA;AAHD,CAAA,UAAK,KAAK,EAAA;AACR,IAAA,KAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACjB,CAAC,EAHI,KAAK,KAAL,KAAK,GAGT,EAAA,CAAA,CAAA,CAAA;AAGK,SAAU,aAAa,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,EAAS,EAAA;IAC1D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACjD,MAAM,cAAc,GAAG,MAAK;AAC1B,QAAA,QAAQ,CAAC,SAAS,KAAK,KAAK,CAAC,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAChE,KAAC,CAAC;IAEF,QACEA,GAAC,CAAA,GAAG,EAAK,EAAA,GAAA,KAAK,YACX,SAAS,KAAK,KAAK,CAAC,IAAI,IACvBA,GAAC,CAAA,OAAO,EAAC,EAAA,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,KAE/DA,GAAA,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAI,CAAA,CACjE,EACG,CAAA,EACN;AACJ;;;;"}

package/dist/themprovider/themeprovider.cjs

@@ -1,86 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var OSPreference = require('./OSPreference.cjs');
-var storage = require('./storage.cjs');
-
-const { createContext, useState, useEffect } = React;
-const defaultThemeName = "dark";
-const initialValues = {
-    themeName: defaultThemeName,
-    themePreference: defaultThemeName,
-    setTheme: () => { },
-};
-const ApsaraThemeContext = createContext(initialValues);
-ApsaraThemeContext.displayName = "ApsaraThemeContext ";
-const useTheme = () => {
-    const [themePreference, setThemePreference] = useState(defaultThemeName);
-    const [themeName, setThemeName] = useState(defaultThemeName);
-    const [osTheme, setOsTheme] = useState(OSPreference.getMediaTheme());
-    // in the future this should prefer auto if no saved
-    useEffect(() => {
-        const initialTheme = storage.getSavedThemePreference();
-        if (storage.isValidThemePreference(initialTheme)) {
-            setThemePreference(initialTheme);
-        }
-        else {
-            setThemePreference(defaultThemeName);
-        }
-    }, []);
-    useEffect(() => {
-        if (themePreference == "auto") {
-            setThemeName(osTheme ?? defaultThemeName);
-        }
-        else {
-            setThemeName(themePreference);
-        }
-    }, [themePreference]);
-    useEffect(() => {
-        // if os theme changes and we are in auto mode, change up
-        if (themePreference == "auto") {
-            setThemeName(osTheme ?? defaultThemeName);
-        }
-    }, [osTheme]);
-    useEffect(() => {
-        const html = document.documentElement;
-        for (const k of ["dark", "light"]) {
-            html.classList.remove(k);
-        }
-        html.classList.add(themeName);
-    }, [themeName]);
-    OSPreference.listenForOSPreferenceChanges((osPref) => {
-        if (osPref === osTheme)
-            return;
-        setOsTheme(osPref);
-    });
-    return {
-        themeName,
-        themePreference: themePreference,
-        setTheme: (newTheme) => {
-            setThemePreference(newTheme);
-            storage.saveThemePreference(newTheme);
-        },
-    };
-};
-const ApsaraThemeProvider = ({ children }) => {
-    const { themePreference, setTheme, themeName } = useTheme();
-    return (jsxRuntime.jsx(ApsaraThemeContext.Provider, { value: {
-            themeName,
-            themePreference,
-            setTheme,
-        }, children: children }));
-};
-function useApsaraTheme() {
-    const context = React.useContext(ApsaraThemeContext);
-    if (!context) {
-        throw new Error("[Apsara UI 2.0]: useApsaraTheme must be used within a ApsaraThemeProvider");
-    }
-    const { themePreference, setTheme, themeName } = context;
-    return { themePreference, setTheme, themeName };
-}
-
-exports.ApsaraThemeContext = ApsaraThemeContext;
-exports.ApsaraThemeProvider = ApsaraThemeProvider;
-exports.useApsaraTheme = useApsaraTheme;
-//# sourceMappingURL=themeprovider.cjs.map

package/dist/themprovider/themeprovider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeprovider.cjs","sources":["../../../themprovider/themeprovider.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\n\nimport {\n  getMediaTheme,\n  listenForOSPreferenceChanges,\n  MediaTheme,\n} from \"./OSPreference\";\n\nimport {\n  getSavedThemePreference,\n  isValidThemePreference,\n  saveThemePreference,\n  ThemePreference,\n} from \"./storage\";\n\nconst { createContext, useState, useEffect } = React;\n\nconst defaultThemeName = \"dark\";\ntype Theme = \"dark\" | \"light\";\n\nfunction isValidTheme(theme: string): theme is Theme {\n  return theme == \"dark\" || theme == \"light\";\n}\n\ntype ThemeProviderType = {\n  themeName: Theme;\n  themePreference: ThemePreference;\n  setTheme(newTheme: string): void;\n};\n\nconst initialValues: ThemeProviderType = {\n  themeName: defaultThemeName,\n  themePreference: defaultThemeName,\n  setTheme: () => {},\n};\n\nconst ApsaraThemeContext = createContext<ThemeProviderType>(initialValues);\nApsaraThemeContext.displayName = \"ApsaraThemeContext \";\n\nconst useTheme = (): ThemeProviderType => {\n  const [themePreference, setThemePreference] =\n    useState<ThemePreference>(defaultThemeName);\n  const [themeName, setThemeName] = useState<Theme>(defaultThemeName);\n  const [osTheme, setOsTheme] = useState<MediaTheme | null>(getMediaTheme());\n\n  // in the future this should prefer auto if no saved\n  useEffect(() => {\n    const initialTheme = getSavedThemePreference();\n    if (isValidThemePreference(initialTheme)) {\n      setThemePreference(initialTheme);\n    } else {\n      setThemePreference(defaultThemeName);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (themePreference == \"auto\") {\n      setThemeName(osTheme ?? defaultThemeName);\n    } else {\n      setThemeName(themePreference);\n    }\n  }, [themePreference]);\n\n  useEffect(() => {\n    // if os theme changes and we are in auto mode, change up\n    if (themePreference == \"auto\") {\n      setThemeName(osTheme ?? defaultThemeName);\n    }\n  }, [osTheme]);\n\n  useEffect(() => {\n    const html = document.documentElement;\n    for (const k of [\"dark\", \"light\"]) {\n      html.classList.remove(k);\n    }\n    html.classList.add(themeName);\n  }, [themeName]);\n\n  listenForOSPreferenceChanges((osPref) => {\n    if (osPref === osTheme) return;\n    setOsTheme(osPref);\n  });\n\n  return {\n    themeName,\n    themePreference: themePreference,\n    setTheme: (newTheme: ThemePreference) => {\n      setThemePreference(newTheme);\n      saveThemePreference(newTheme);\n    },\n  };\n};\n\nconst ApsaraThemeProvider = ({ children }: { children: React.ReactNode }) => {\n  const { themePreference, setTheme, themeName } = useTheme();\n  return (\n    <ApsaraThemeContext.Provider\n      value={{\n        themeName,\n        themePreference,\n        setTheme,\n      }}\n    >\n      {children}\n    </ApsaraThemeContext.Provider>\n  );\n};\n\nexport function useApsaraTheme() {\n  const context = useContext(ApsaraThemeContext);\n\n  if (!context) {\n    throw new Error(\n      \"[Apsara UI 2.0]: useApsaraTheme must be used within a ApsaraThemeProvider\"\n    );\n  }\n\n  const { themePreference, setTheme, themeName } = context;\n  return { themePreference, setTheme, themeName };\n}\n\nexport { ApsaraThemeContext, ApsaraThemeProvider };\n"],"names":["getMediaTheme","getSavedThemePreference","isValidThemePreference","listenForOSPreferenceChanges","saveThemePreference","_jsx","useContext"],"mappings":"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"}

package/dist/themprovider/themeprovider.js

@@ -1,82 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default, { useContext } from 'react';
-import { getMediaTheme, listenForOSPreferenceChanges } from './OSPreference.js';
-import { getSavedThemePreference, isValidThemePreference, saveThemePreference } from './storage.js';
-
-const { createContext, useState, useEffect } = React__default;
-const defaultThemeName = "dark";
-const initialValues = {
-    themeName: defaultThemeName,
-    themePreference: defaultThemeName,
-    setTheme: () => { },
-};
-const ApsaraThemeContext = createContext(initialValues);
-ApsaraThemeContext.displayName = "ApsaraThemeContext ";
-const useTheme = () => {
-    const [themePreference, setThemePreference] = useState(defaultThemeName);
-    const [themeName, setThemeName] = useState(defaultThemeName);
-    const [osTheme, setOsTheme] = useState(getMediaTheme());
-    // in the future this should prefer auto if no saved
-    useEffect(() => {
-        const initialTheme = getSavedThemePreference();
-        if (isValidThemePreference(initialTheme)) {
-            setThemePreference(initialTheme);
-        }
-        else {
-            setThemePreference(defaultThemeName);
-        }
-    }, []);
-    useEffect(() => {
-        if (themePreference == "auto") {
-            setThemeName(osTheme ?? defaultThemeName);
-        }
-        else {
-            setThemeName(themePreference);
-        }
-    }, [themePreference]);
-    useEffect(() => {
-        // if os theme changes and we are in auto mode, change up
-        if (themePreference == "auto") {
-            setThemeName(osTheme ?? defaultThemeName);
-        }
-    }, [osTheme]);
-    useEffect(() => {
-        const html = document.documentElement;
-        for (const k of ["dark", "light"]) {
-            html.classList.remove(k);
-        }
-        html.classList.add(themeName);
-    }, [themeName]);
-    listenForOSPreferenceChanges((osPref) => {
-        if (osPref === osTheme)
-            return;
-        setOsTheme(osPref);
-    });
-    return {
-        themeName,
-        themePreference: themePreference,
-        setTheme: (newTheme) => {
-            setThemePreference(newTheme);
-            saveThemePreference(newTheme);
-        },
-    };
-};
-const ApsaraThemeProvider = ({ children }) => {
-    const { themePreference, setTheme, themeName } = useTheme();
-    return (jsx(ApsaraThemeContext.Provider, { value: {
-            themeName,
-            themePreference,
-            setTheme,
-        }, children: children }));
-};
-function useApsaraTheme() {
-    const context = useContext(ApsaraThemeContext);
-    if (!context) {
-        throw new Error("[Apsara UI 2.0]: useApsaraTheme must be used within a ApsaraThemeProvider");
-    }
-    const { themePreference, setTheme, themeName } = context;
-    return { themePreference, setTheme, themeName };
-}
-
-export { ApsaraThemeContext, ApsaraThemeProvider, useApsaraTheme };
-//# sourceMappingURL=themeprovider.js.map

package/dist/themprovider/themeprovider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeprovider.js","sources":["../../../themprovider/themeprovider.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\n\nimport {\n  getMediaTheme,\n  listenForOSPreferenceChanges,\n  MediaTheme,\n} from \"./OSPreference\";\n\nimport {\n  getSavedThemePreference,\n  isValidThemePreference,\n  saveThemePreference,\n  ThemePreference,\n} from \"./storage\";\n\nconst { createContext, useState, useEffect } = React;\n\nconst defaultThemeName = \"dark\";\ntype Theme = \"dark\" | \"light\";\n\nfunction isValidTheme(theme: string): theme is Theme {\n  return theme == \"dark\" || theme == \"light\";\n}\n\ntype ThemeProviderType = {\n  themeName: Theme;\n  themePreference: ThemePreference;\n  setTheme(newTheme: string): void;\n};\n\nconst initialValues: ThemeProviderType = {\n  themeName: defaultThemeName,\n  themePreference: defaultThemeName,\n  setTheme: () => {},\n};\n\nconst ApsaraThemeContext = createContext<ThemeProviderType>(initialValues);\nApsaraThemeContext.displayName = \"ApsaraThemeContext \";\n\nconst useTheme = (): ThemeProviderType => {\n  const [themePreference, setThemePreference] =\n    useState<ThemePreference>(defaultThemeName);\n  const [themeName, setThemeName] = useState<Theme>(defaultThemeName);\n  const [osTheme, setOsTheme] = useState<MediaTheme | null>(getMediaTheme());\n\n  // in the future this should prefer auto if no saved\n  useEffect(() => {\n    const initialTheme = getSavedThemePreference();\n    if (isValidThemePreference(initialTheme)) {\n      setThemePreference(initialTheme);\n    } else {\n      setThemePreference(defaultThemeName);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (themePreference == \"auto\") {\n      setThemeName(osTheme ?? defaultThemeName);\n    } else {\n      setThemeName(themePreference);\n    }\n  }, [themePreference]);\n\n  useEffect(() => {\n    // if os theme changes and we are in auto mode, change up\n    if (themePreference == \"auto\") {\n      setThemeName(osTheme ?? defaultThemeName);\n    }\n  }, [osTheme]);\n\n  useEffect(() => {\n    const html = document.documentElement;\n    for (const k of [\"dark\", \"light\"]) {\n      html.classList.remove(k);\n    }\n    html.classList.add(themeName);\n  }, [themeName]);\n\n  listenForOSPreferenceChanges((osPref) => {\n    if (osPref === osTheme) return;\n    setOsTheme(osPref);\n  });\n\n  return {\n    themeName,\n    themePreference: themePreference,\n    setTheme: (newTheme: ThemePreference) => {\n      setThemePreference(newTheme);\n      saveThemePreference(newTheme);\n    },\n  };\n};\n\nconst ApsaraThemeProvider = ({ children }: { children: React.ReactNode }) => {\n  const { themePreference, setTheme, themeName } = useTheme();\n  return (\n    <ApsaraThemeContext.Provider\n      value={{\n        themeName,\n        themePreference,\n        setTheme,\n      }}\n    >\n      {children}\n    </ApsaraThemeContext.Provider>\n  );\n};\n\nexport function useApsaraTheme() {\n  const context = useContext(ApsaraThemeContext);\n\n  if (!context) {\n    throw new Error(\n      \"[Apsara UI 2.0]: useApsaraTheme must be used within a ApsaraThemeProvider\"\n    );\n  }\n\n  const { themePreference, setTheme, themeName } = context;\n  return { themePreference, setTheme, themeName };\n}\n\nexport { ApsaraThemeContext, ApsaraThemeProvider };\n"],"names":["React","_jsx"],"mappings":"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"}

package/dist/themprovider/useTheme.cjs

@@ -1,74 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-
-var Theme;
-(function (Theme) {
-    Theme["LIGHT"] = "light";
-    Theme["DARK"] = "dark";
-})(Theme || (Theme = {}));
-const KEY = "mode";
-const defaultContextData = {
-    dark: false,
-    toggleDark: () => { },
-};
-const ThemeContext = React.createContext(defaultContextData);
-const useTheme = () => React.useContext(ThemeContext);
-const storage = {
-    get: (init) => window.localStorage.getItem(KEY) || init,
-    set: (value) => window.localStorage.setItem(KEY, value),
-};
-const supportsDarkMode = () => window.matchMedia("(prefers-color-scheme: dark)").matches === true;
-const useDarkMode = () => {
-    const [themeState, setThemeState] = React.useState(Theme.LIGHT);
-    const setThemeStateEnhanced = (themeValue) => {
-        setThemeState((prevState) => {
-            const nextState = themeValue
-                ? themeValue
-                : prevState === Theme.LIGHT
-                    ? Theme.DARK
-                    : Theme.LIGHT;
-            document.body.classList.remove("apsara-" + prevState);
-            document.body.classList.add("apsara-" + nextState);
-            document.documentElement.style.setProperty("color-scheme", nextState);
-            storage.set(nextState);
-            return nextState;
-        });
-    };
-    React.useEffect(() => {
-        const storedMode = storage.get();
-        if (!storedMode && supportsDarkMode()) {
-            return setThemeStateEnhanced(Theme.DARK);
-        }
-        if (!storedMode || storedMode === themeState) {
-            return;
-        }
-        setThemeStateEnhanced();
-    }, [themeState]);
-    return [themeState, setThemeStateEnhanced];
-};
-const ThemeProvider = (props) => {
-    const { children } = props;
-    const [themeState, setThemeStateEnhanced] = useDarkMode();
-    const toggleDark = React.useCallback(() => {
-        console.log("sds");
-        setThemeStateEnhanced();
-    }, [setThemeStateEnhanced]);
-    React.useEffect(() => {
-        window
-            .matchMedia("(prefers-color-scheme: dark)")
-            .addEventListener("change", (e) => {
-            setThemeStateEnhanced(e.matches ? Theme.DARK : Theme.LIGHT);
-        });
-    }, [setThemeStateEnhanced, toggleDark]);
-    return (jsxRuntime.jsx(ThemeContext.Provider, { value: {
-            dark: themeState === Theme.DARK,
-            toggleDark,
-        }, children: children }));
-};
-
-exports.ThemeContext = ThemeContext;
-exports.ThemeProvider = ThemeProvider;
-exports.useTheme = useTheme;
-//# sourceMappingURL=useTheme.cjs.map

package/dist/themprovider/useTheme.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.cjs","sources":["../../../themprovider/useTheme.tsx"],"sourcesContent":["import React from \"react\";\n\nenum Theme {\n  LIGHT = \"light\",\n  DARK = \"dark\",\n}\n\nconst KEY = \"mode\";\n\nconst defaultContextData = {\n  dark: false,\n  toggleDark: () => {},\n};\n\nexport const ThemeContext = React.createContext(defaultContextData);\n\nconst useTheme = () => React.useContext(ThemeContext);\n\nconst storage = {\n  get: (init?: Theme) => window.localStorage.getItem(KEY) || init,\n  set: (value: Theme) => window.localStorage.setItem(KEY, value),\n};\n\nconst supportsDarkMode = () =>\n  window.matchMedia(\"(prefers-color-scheme: dark)\").matches === true;\n\nconst useDarkMode = (): [Theme, (theme?: Theme) => void] => {\n  const [themeState, setThemeState] = React.useState(Theme.LIGHT);\n\n  const setThemeStateEnhanced = (themeValue?: Theme) => {\n    setThemeState((prevState) => {\n      const nextState = themeValue\n        ? themeValue\n        : prevState === Theme.LIGHT\n        ? Theme.DARK\n        : Theme.LIGHT;\n\n      document.body.classList.remove(\"apsara-\" + prevState);\n      document.body.classList.add(\"apsara-\" + nextState);\n      document.documentElement.style.setProperty(\"color-scheme\", nextState);\n      storage.set(nextState);\n\n      return nextState;\n    });\n  };\n\n  React.useEffect(() => {\n    const storedMode = storage.get();\n    if (!storedMode && supportsDarkMode()) {\n      return setThemeStateEnhanced(Theme.DARK);\n    }\n\n    if (!storedMode || storedMode === themeState) {\n      return;\n    }\n\n    setThemeStateEnhanced();\n  }, [themeState]);\n\n  return [themeState, setThemeStateEnhanced];\n};\n\nconst ThemeProvider = (props: { children: React.ReactNode }) => {\n  const { children } = props;\n  const [themeState, setThemeStateEnhanced] = useDarkMode();\n  const toggleDark = React.useCallback(() => {\n    console.log(\"sds\");\n    setThemeStateEnhanced();\n  }, [setThemeStateEnhanced]);\n\n  React.useEffect(() => {\n    window\n      .matchMedia(\"(prefers-color-scheme: dark)\")\n      .addEventListener(\"change\", (e) => {\n        setThemeStateEnhanced(e.matches ? Theme.DARK : Theme.LIGHT);\n      });\n  }, [setThemeStateEnhanced, toggleDark]);\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        dark: themeState === Theme.DARK,\n        toggleDark,\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nexport { ThemeProvider, useTheme };\n"],"names":["_jsx"],"mappings":"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"}

package/dist/themprovider/useTheme.d.ts

@@ -1,14 +0,0 @@
-import React from "react";
-export declare const ThemeContext: React.Context<{
-    dark: boolean;
-    toggleDark: () => void;
-}>;
-declare const useTheme: () => {
-    dark: boolean;
-    toggleDark: () => void;
-};
-declare const ThemeProvider: (props: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export { ThemeProvider, useTheme };
-//# sourceMappingURL=useTheme.d.ts.map

package/dist/themprovider/useTheme.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../themprovider/useTheme.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,eAAO,MAAM,YAAY;;;EAA0C,CAAC;AAEpE,QAAA,MAAM,QAAQ;;;CAAuC,CAAC;AA8CtD,QAAA,MAAM,aAAa,UAAW;IAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;CAAE,4CA0B1D,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}

package/dist/themprovider/useTheme.js

@@ -1,70 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-
-var Theme;
-(function (Theme) {
-    Theme["LIGHT"] = "light";
-    Theme["DARK"] = "dark";
-})(Theme || (Theme = {}));
-const KEY = "mode";
-const defaultContextData = {
-    dark: false,
-    toggleDark: () => { },
-};
-const ThemeContext = React__default.createContext(defaultContextData);
-const useTheme = () => React__default.useContext(ThemeContext);
-const storage = {
-    get: (init) => window.localStorage.getItem(KEY) || init,
-    set: (value) => window.localStorage.setItem(KEY, value),
-};
-const supportsDarkMode = () => window.matchMedia("(prefers-color-scheme: dark)").matches === true;
-const useDarkMode = () => {
-    const [themeState, setThemeState] = React__default.useState(Theme.LIGHT);
-    const setThemeStateEnhanced = (themeValue) => {
-        setThemeState((prevState) => {
-            const nextState = themeValue
-                ? themeValue
-                : prevState === Theme.LIGHT
-                    ? Theme.DARK
-                    : Theme.LIGHT;
-            document.body.classList.remove("apsara-" + prevState);
-            document.body.classList.add("apsara-" + nextState);
-            document.documentElement.style.setProperty("color-scheme", nextState);
-            storage.set(nextState);
-            return nextState;
-        });
-    };
-    React__default.useEffect(() => {
-        const storedMode = storage.get();
-        if (!storedMode && supportsDarkMode()) {
-            return setThemeStateEnhanced(Theme.DARK);
-        }
-        if (!storedMode || storedMode === themeState) {
-            return;
-        }
-        setThemeStateEnhanced();
-    }, [themeState]);
-    return [themeState, setThemeStateEnhanced];
-};
-const ThemeProvider = (props) => {
-    const { children } = props;
-    const [themeState, setThemeStateEnhanced] = useDarkMode();
-    const toggleDark = React__default.useCallback(() => {
-        console.log("sds");
-        setThemeStateEnhanced();
-    }, [setThemeStateEnhanced]);
-    React__default.useEffect(() => {
-        window
-            .matchMedia("(prefers-color-scheme: dark)")
-            .addEventListener("change", (e) => {
-            setThemeStateEnhanced(e.matches ? Theme.DARK : Theme.LIGHT);
-        });
-    }, [setThemeStateEnhanced, toggleDark]);
-    return (jsx(ThemeContext.Provider, { value: {
-            dark: themeState === Theme.DARK,
-            toggleDark,
-        }, children: children }));
-};
-
-export { ThemeContext, ThemeProvider, useTheme };
-//# sourceMappingURL=useTheme.js.map

package/dist/themprovider/useTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTheme.js","sources":["../../../themprovider/useTheme.tsx"],"sourcesContent":["import React from \"react\";\n\nenum Theme {\n  LIGHT = \"light\",\n  DARK = \"dark\",\n}\n\nconst KEY = \"mode\";\n\nconst defaultContextData = {\n  dark: false,\n  toggleDark: () => {},\n};\n\nexport const ThemeContext = React.createContext(defaultContextData);\n\nconst useTheme = () => React.useContext(ThemeContext);\n\nconst storage = {\n  get: (init?: Theme) => window.localStorage.getItem(KEY) || init,\n  set: (value: Theme) => window.localStorage.setItem(KEY, value),\n};\n\nconst supportsDarkMode = () =>\n  window.matchMedia(\"(prefers-color-scheme: dark)\").matches === true;\n\nconst useDarkMode = (): [Theme, (theme?: Theme) => void] => {\n  const [themeState, setThemeState] = React.useState(Theme.LIGHT);\n\n  const setThemeStateEnhanced = (themeValue?: Theme) => {\n    setThemeState((prevState) => {\n      const nextState = themeValue\n        ? themeValue\n        : prevState === Theme.LIGHT\n        ? Theme.DARK\n        : Theme.LIGHT;\n\n      document.body.classList.remove(\"apsara-\" + prevState);\n      document.body.classList.add(\"apsara-\" + nextState);\n      document.documentElement.style.setProperty(\"color-scheme\", nextState);\n      storage.set(nextState);\n\n      return nextState;\n    });\n  };\n\n  React.useEffect(() => {\n    const storedMode = storage.get();\n    if (!storedMode && supportsDarkMode()) {\n      return setThemeStateEnhanced(Theme.DARK);\n    }\n\n    if (!storedMode || storedMode === themeState) {\n      return;\n    }\n\n    setThemeStateEnhanced();\n  }, [themeState]);\n\n  return [themeState, setThemeStateEnhanced];\n};\n\nconst ThemeProvider = (props: { children: React.ReactNode }) => {\n  const { children } = props;\n  const [themeState, setThemeStateEnhanced] = useDarkMode();\n  const toggleDark = React.useCallback(() => {\n    console.log(\"sds\");\n    setThemeStateEnhanced();\n  }, [setThemeStateEnhanced]);\n\n  React.useEffect(() => {\n    window\n      .matchMedia(\"(prefers-color-scheme: dark)\")\n      .addEventListener(\"change\", (e) => {\n        setThemeStateEnhanced(e.matches ? Theme.DARK : Theme.LIGHT);\n      });\n  }, [setThemeStateEnhanced, toggleDark]);\n\n  return (\n    <ThemeContext.Provider\n      value={{\n        dark: themeState === Theme.DARK,\n        toggleDark,\n      }}\n    >\n      {children}\n    </ThemeContext.Provider>\n  );\n};\n\nexport { ThemeProvider, useTheme };\n"],"names":["React","_jsx"],"mappings":"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"}

package/dist/title/title.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classVarianceAuthority = require('class-variance-authority');
-var title_module = require('./title.module.css.cjs');
-
-const title = classVarianceAuthority.cva(title_module.title, {
-    variants: {
-        size: {
-            small: title_module["title-small"],
-            medium: title_module["title-medium"],
-            large: title_module["title-large"],
-        },
-    },
-    defaultVariants: {
-        size: "small",
-    },
-});
-function Title({ children, className, size, ...props }) {
-    return (jsxRuntime.jsx("span", { className: title({ size, className }), ...props, children: children }));
-}
-
-exports.Title = Title;
-//# sourceMappingURL=title.cjs.map

package/dist/title/title.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"title.cjs","sources":["../../../title/title.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./title.module.css\";\n\nconst title = cva(styles.title, {\n  variants: {\n    size: {\n      small: styles[\"title-small\"],\n      medium: styles[\"title-medium\"],\n      large: styles[\"title-large\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\ntype TitleProps = PropsWithChildren<VariantProps<typeof title>> &\n  HTMLAttributes<HTMLSpanElement>;\n\nexport function Title({ children, className, size, ...props }: TitleProps) {\n  return (\n    <span className={title({ size, className })} {...props}>\n      {children}\n    </span>\n  );\n}\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAIA,MAAM,KAAK,GAAGA,0BAAG,CAACC,YAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,YAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAEA,YAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAEA,YAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAKa,SAAA,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc,EAAA;AACvE,IAAA,QACEC,cAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACnD,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/title/title.js

@@ -1,22 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-import styles from './title.module.css.js';
-
-const title = cva(styles.title, {
-    variants: {
-        size: {
-            small: styles["title-small"],
-            medium: styles["title-medium"],
-            large: styles["title-large"],
-        },
-    },
-    defaultVariants: {
-        size: "small",
-    },
-});
-function Title({ children, className, size, ...props }) {
-    return (jsx("span", { className: title({ size, className }), ...props, children: children }));
-}
-
-export { Title };
-//# sourceMappingURL=title.js.map

package/dist/title/title.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"title.js","sources":["../../../title/title.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./title.module.css\";\n\nconst title = cva(styles.title, {\n  variants: {\n    size: {\n      small: styles[\"title-small\"],\n      medium: styles[\"title-medium\"],\n      large: styles[\"title-large\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\ntype TitleProps = PropsWithChildren<VariantProps<typeof title>> &\n  HTMLAttributes<HTMLSpanElement>;\n\nexport function Title({ children, className, size, ...props }: TitleProps) {\n  return (\n    <span className={title({ size, className })} {...props}>\n      {children}\n    </span>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,KAAK,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE;AAC9B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC5B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC9B,YAAA,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC;AAC7B,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;AAKa,SAAA,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAc,EAAA;AACvE,IAAA,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YACnD,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/title/title.module.css.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {"title":"title-module_title__r78X4","title-small":"title-module_title-small__aS4B3","title-medium":"title-module_title-medium__e8yQc","title-large":"title-module_title-large__TVRRL"};
-
-module.exports = styles;
-//# sourceMappingURL=title.module.css.cjs.map

package/dist/title/title.module.css.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"title.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/title/title.module.css.js

@@ -1,4 +0,0 @@
-var styles = {"title":"title-module_title__r78X4","title-small":"title-module_title-small__aS4B3","title-medium":"title-module_title-medium__e8yQc","title-large":"title-module_title-large__TVRRL"};
-
-export { styles as default };
-//# sourceMappingURL=title.module.css.js.map

package/dist/title/title.module.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"title.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}