@raystack/apsara 0.0.0

package/dist/text/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../../../text/text.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { HTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./text.module.css\";\n\nconst text = cva(styles.text, {\n  variants: {\n    size: {\n      1: styles[\"text-1\"],\n      2: styles[\"text-2\"],\n      3: styles[\"text-3\"],\n      4: styles[\"text-4\"],\n      5: styles[\"text-5\"],\n      6: styles[\"text-6\"],\n      7: styles[\"text-7\"],\n      8: styles[\"text-8\"],\n      9: styles[\"text-9\"],\n      10: styles[\"text-10\"],\n    },\n  },\n  defaultVariants: {\n    size: 2,\n  },\n});\n\ntype TextProps = PropsWithChildren<VariantProps<typeof text>> &\n  HTMLAttributes<HTMLSpanElement>;\n\nexport function Text({ children, className, size, ...props }: TextProps) {\n  return (\n    <span className={text({ size, className })} {...props}>\n      {children}\n    </span>\n  );\n}\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC;AACnB,YAAA,EAAE,EAAE,MAAM,CAAC,SAAS,CAAC;AACtB,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACF,CAAA,CAAC,CAAC;AAKa,SAAA,IAAI,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAa,EAAA;AACrE,IAAA,QACEA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,YAClD,QAAQ,EAAA,CACJ,EACP;AACJ;;;;"}

package/dist/text/text.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"text":"text-module_text__1E39C","text-1":"text-module_text-1__ZIYnD","text-2":"text-module_text-2__vhka2","text-3":"text-module_text-3__WhApV","text-4":"text-module_text-4__I4KCY","text-5":"text-module_text-5__5i6jy","text-6":"text-module_text-6__vn534","text-7":"text-module_text-7__5stey","text-8":"text-module_text-8__J--5n","text-9":"text-module_text-9__guv-W","text-10":"text-module_text-10__OdU-l"};
+
+module.exports = styles;
+//# sourceMappingURL=text.module.css.cjs.map

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

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

package/dist/text/text.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"text":"text-module_text__1E39C","text-1":"text-module_text-1__ZIYnD","text-2":"text-module_text-2__vhka2","text-3":"text-module_text-3__WhApV","text-4":"text-module_text-4__I4KCY","text-5":"text-module_text-5__5i6jy","text-6":"text-module_text-6__vn534","text-7":"text-module_text-7__5stey","text-8":"text-module_text-8__J--5n","text-9":"text-module_text-9__guv-W","text-10":"text-module_text-10__OdU-l"};
+
+export { styles as default };
+//# sourceMappingURL=text.module.css.js.map

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

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

package/dist/textfield/index.d.ts

@@ -0,0 +1,2 @@
+export { TextField } from "./textfield";
+//# sourceMappingURL=index.d.ts.map

package/dist/textfield/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../textfield/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/textfield/textfield.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var textfield_module = require('./textfield.module.css.cjs');
+
+const textfield = classVarianceAuthority.cva(textfield_module.textfield, {
+    variants: {
+        size: {
+            small: textfield_module["textfield-sm"],
+            medium: textfield_module["textfield-md"],
+        },
+        state: {
+            invalid: textfield_module["textfield-invalid"],
+            valid: textfield_module["textfield-valid"],
+        },
+    },
+    defaultVariants: {
+        size: "small",
+    },
+});
+const TextField = ({ className, src, size, state, style, ...props }) => {
+    return jsxRuntime.jsx("input", { className: textfield({ size, state, className }), ...props });
+};
+TextField.displayName = "TextField";
+
+exports.TextField = TextField;
+//# sourceMappingURL=textfield.cjs.map

package/dist/textfield/textfield.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.cjs","sources":["../../../textfield/textfield.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { InputHTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./textfield.module.css\";\n\nconst textfield = cva(styles.textfield, {\n  variants: {\n    size: {\n      small: styles[\"textfield-sm\"],\n      medium: styles[\"textfield-md\"],\n    },\n\n    state: {\n      invalid: styles[\"textfield-invalid\"],\n      valid: styles[\"textfield-valid\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\ntype TextfieldProps = PropsWithChildren<VariantProps<typeof textfield>> &\n  InputHTMLAttributes<HTMLInputElement>;\n\nexport const TextField = ({\n  className,\n  src,\n  size,\n  state,\n  style,\n  ...props\n}: TextfieldProps) => {\n  return <input className={textfield({ size, state, className })} {...props} />;\n};\n\nTextField.displayName = \"TextField\";\n"],"names":["cva","styles","_jsx"],"mappings":";;;;;;AAIA,MAAM,SAAS,GAAGA,0BAAG,CAACC,gBAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,gBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAEA,gBAAM,CAAC,cAAc,CAAC;AAC/B,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,gBAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,KAAK,EAAEA,gBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;MAKU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACO,KAAI;AACnB,IAAA,OAAOC,0BAAO,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,GAAI,CAAC;AAChF,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/textfield/textfield.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from "class-variance-authority";
+import { InputHTMLAttributes, PropsWithChildren } from "react";
+declare const textfield: (props?: ({
+    size?: "small" | "medium" | null | undefined;
+    state?: "invalid" | "valid" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+declare type TextfieldProps = PropsWithChildren<VariantProps<typeof textfield>> & InputHTMLAttributes<HTMLInputElement>;
+export declare const TextField: {
+    ({ className, src, size, state, style, ...props }: TextfieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};
+//# sourceMappingURL=textfield.d.ts.map

package/dist/textfield/textfield.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.d.ts","sourceRoot":"","sources":["../../textfield/textfield.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG/D,QAAA,MAAM,SAAS;;;mFAeb,CAAC;AAEH,aAAK,cAAc,GAAG,iBAAiB,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,GACrE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAExC,eAAO,MAAM,SAAS;uDAOnB,cAAc;;CAEhB,CAAC"}

package/dist/textfield/textfield.js

@@ -0,0 +1,26 @@
+import { jsx } from 'react/jsx-runtime';
+import { cva } from 'class-variance-authority';
+import styles from './textfield.module.css.js';
+
+const textfield = cva(styles.textfield, {
+    variants: {
+        size: {
+            small: styles["textfield-sm"],
+            medium: styles["textfield-md"],
+        },
+        state: {
+            invalid: styles["textfield-invalid"],
+            valid: styles["textfield-valid"],
+        },
+    },
+    defaultVariants: {
+        size: "small",
+    },
+});
+const TextField = ({ className, src, size, state, style, ...props }) => {
+    return jsx("input", { className: textfield({ size, state, className }), ...props });
+};
+TextField.displayName = "TextField";
+
+export { TextField };
+//# sourceMappingURL=textfield.js.map

package/dist/textfield/textfield.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textfield.js","sources":["../../../textfield/textfield.tsx"],"sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\nimport { InputHTMLAttributes, PropsWithChildren } from \"react\";\nimport styles from \"./textfield.module.css\";\n\nconst textfield = cva(styles.textfield, {\n  variants: {\n    size: {\n      small: styles[\"textfield-sm\"],\n      medium: styles[\"textfield-md\"],\n    },\n\n    state: {\n      invalid: styles[\"textfield-invalid\"],\n      valid: styles[\"textfield-valid\"],\n    },\n  },\n  defaultVariants: {\n    size: \"small\",\n  },\n});\n\ntype TextfieldProps = PropsWithChildren<VariantProps<typeof textfield>> &\n  InputHTMLAttributes<HTMLInputElement>;\n\nexport const TextField = ({\n  className,\n  src,\n  size,\n  state,\n  style,\n  ...props\n}: TextfieldProps) => {\n  return <input className={textfield({ size, state, className })} {...props} />;\n};\n\nTextField.displayName = \"TextField\";\n"],"names":["_jsx"],"mappings":";;;;AAIA,MAAM,SAAS,GAAG,GAAG,CAAC,MAAM,CAAC,SAAS,EAAE;AACtC,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAE,MAAM,CAAC,cAAc,CAAC;AAC/B,SAAA;AAED,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,IAAI,EAAE,OAAO;AACd,KAAA;AACF,CAAA,CAAC,CAAC;MAKU,SAAS,GAAG,CAAC,EACxB,SAAS,EACT,GAAG,EACH,IAAI,EACJ,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACO,KAAI;AACnB,IAAA,OAAOA,eAAO,SAAS,EAAE,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EAAM,GAAA,KAAK,GAAI,CAAC;AAChF,EAAE;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW;;;;"}

package/dist/textfield/textfield.module.css.cjs

@@ -0,0 +1,6 @@
+'use strict';
+
+var styles = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9"};
+
+module.exports = styles;
+//# sourceMappingURL=textfield.module.css.cjs.map

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

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

package/dist/textfield/textfield.module.css.js

@@ -0,0 +1,4 @@
+var styles = {"textfield":"textfield-module_textfield__u4AGg","textfield-sm":"textfield-module_textfield-sm__OKPic","textfield-md":"textfield-module_textfield-md__e2ayW","textfield-invlid":"textfield-module_textfield-invlid__zo9MF","textfield-valid":"textfield-module_textfield-valid__6rMM9"};
+
+export { styles as default };
+//# sourceMappingURL=textfield.module.css.js.map

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

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

package/dist/themprovider/OSPreference.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+const isBrowser = () => typeof window !== "undefined";
+const getMediaTheme = () => {
+    if (!isBrowser())
+        return null;
+    // If they haven't been explicitly set, let's check the media query
+    const mqlDark = window.matchMedia("(prefers-color-scheme: dark)");
+    const hasMediaQueryPreference = typeof mqlDark.matches === "boolean";
+    if (hasMediaQueryPreference)
+        return mqlDark.matches ? "dark" : "light";
+    return null;
+};
+const listenForOSPreferenceChanges = (preferenceChanged) => {
+    if (!isBrowser())
+        return null;
+    // Listen out for if a user changes operating system mode,
+    // but don't save the change in local storage.
+    // The only two options here are dark or light.
+    window
+        .matchMedia("(prefers-color-scheme: dark)")
+        .addEventListener("change", (e) => {
+        preferenceChanged(e.matches ? "dark" : "light");
+    });
+    window
+        .matchMedia("(prefers-color-scheme: light)")
+        .addEventListener("change", (e) => {
+        preferenceChanged(e.matches ? "light" : "dark");
+    });
+};
+
+exports.getMediaTheme = getMediaTheme;
+exports.listenForOSPreferenceChanges = listenForOSPreferenceChanges;
+//# sourceMappingURL=OSPreference.cjs.map

package/dist/themprovider/OSPreference.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OSPreference.cjs","sources":["../../../themprovider/OSPreference.ts"],"sourcesContent":["const isBrowser = () => typeof window !== \"undefined\";\n\nexport type MediaTheme = \"dark\" | \"light\";\nexport const getMediaTheme = (): MediaTheme | null => {\n  if (!isBrowser()) return null;\n\n  // If they haven't been explicitly set, let's check the media query\n  const mqlDark = window.matchMedia(\"(prefers-color-scheme: dark)\");\n  const hasMediaQueryPreference = typeof mqlDark.matches === \"boolean\";\n  if (hasMediaQueryPreference) return mqlDark.matches ? \"dark\" : \"light\";\n  return null;\n};\n\nexport const listenForOSPreferenceChanges = (\n  preferenceChanged: (preference: MediaTheme) => void\n) => {\n  if (!isBrowser()) return null;\n\n  // Listen out for if a user changes operating system mode,\n  // but don't save the change in local storage.\n  // The only two options here are dark or light.\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .addEventListener(\"change\", (e) => {\n      preferenceChanged(e.matches ? \"dark\" : \"light\");\n    });\n\n  window\n    .matchMedia(\"(prefers-color-scheme: light)\")\n    .addEventListener(\"change\", (e) => {\n      preferenceChanged(e.matches ? \"light\" : \"dark\");\n    });\n};\n"],"names":[],"mappings":";;AAAA,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,KAAK,WAAW,CAAC;AAG/C,MAAM,aAAa,GAAG,MAAwB;IACnD,IAAI,CAAC,SAAS,EAAE;AAAE,QAAA,OAAO,IAAI,CAAC;;IAG9B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;IAClE,MAAM,uBAAuB,GAAG,OAAO,OAAO,CAAC,OAAO,KAAK,SAAS,CAAC;AACrE,IAAA,IAAI,uBAAuB;QAAE,OAAO,OAAO,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACvE,IAAA,OAAO,IAAI,CAAC;AACd,EAAE;AAEW,MAAA,4BAA4B,GAAG,CAC1C,iBAAmD,KACjD;IACF,IAAI,CAAC,SAAS,EAAE;AAAE,QAAA,OAAO,IAAI,CAAC;;;;IAK9B,MAAM;SACH,UAAU,CAAC,8BAA8B,CAAC;AAC1C,SAAA,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAI;AAChC,QAAA,iBAAiB,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAClD,KAAC,CAAC,CAAC;IAEL,MAAM;SACH,UAAU,CAAC,+BAA+B,CAAC;AAC3C,SAAA,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAI;AAChC,QAAA,iBAAiB,CAAC,CAAC,CAAC,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAClD,KAAC,CAAC,CAAC;AACP;;;;;"}

package/dist/themprovider/OSPreference.d.ts

@@ -0,0 +1,4 @@
+export declare type MediaTheme = "dark" | "light";
+export declare const getMediaTheme: () => MediaTheme | null;
+export declare const listenForOSPreferenceChanges: (preferenceChanged: (preference: MediaTheme) => void) => null | undefined;
+//# sourceMappingURL=OSPreference.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OSPreference.d.ts","sourceRoot":"","sources":["../../themprovider/OSPreference.ts"],"names":[],"mappings":"AAEA,oBAAY,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC;AAC1C,eAAO,MAAM,aAAa,QAAO,UAAU,GAAG,IAQ7C,CAAC;AAEF,eAAO,MAAM,4BAA4B,mCACP,UAAU,KAAK,IAAI,qBAkBpD,CAAC"}

package/dist/themprovider/OSPreference.js

@@ -0,0 +1,31 @@
+const isBrowser = () => typeof window !== "undefined";
+const getMediaTheme = () => {
+    if (!isBrowser())
+        return null;
+    // If they haven't been explicitly set, let's check the media query
+    const mqlDark = window.matchMedia("(prefers-color-scheme: dark)");
+    const hasMediaQueryPreference = typeof mqlDark.matches === "boolean";
+    if (hasMediaQueryPreference)
+        return mqlDark.matches ? "dark" : "light";
+    return null;
+};
+const listenForOSPreferenceChanges = (preferenceChanged) => {
+    if (!isBrowser())
+        return null;
+    // Listen out for if a user changes operating system mode,
+    // but don't save the change in local storage.
+    // The only two options here are dark or light.
+    window
+        .matchMedia("(prefers-color-scheme: dark)")
+        .addEventListener("change", (e) => {
+        preferenceChanged(e.matches ? "dark" : "light");
+    });
+    window
+        .matchMedia("(prefers-color-scheme: light)")
+        .addEventListener("change", (e) => {
+        preferenceChanged(e.matches ? "light" : "dark");
+    });
+};
+
+export { getMediaTheme, listenForOSPreferenceChanges };
+//# sourceMappingURL=OSPreference.js.map

package/dist/themprovider/OSPreference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OSPreference.js","sources":["../../../themprovider/OSPreference.ts"],"sourcesContent":["const isBrowser = () => typeof window !== \"undefined\";\n\nexport type MediaTheme = \"dark\" | \"light\";\nexport const getMediaTheme = (): MediaTheme | null => {\n  if (!isBrowser()) return null;\n\n  // If they haven't been explicitly set, let's check the media query\n  const mqlDark = window.matchMedia(\"(prefers-color-scheme: dark)\");\n  const hasMediaQueryPreference = typeof mqlDark.matches === \"boolean\";\n  if (hasMediaQueryPreference) return mqlDark.matches ? \"dark\" : \"light\";\n  return null;\n};\n\nexport const listenForOSPreferenceChanges = (\n  preferenceChanged: (preference: MediaTheme) => void\n) => {\n  if (!isBrowser()) return null;\n\n  // Listen out for if a user changes operating system mode,\n  // but don't save the change in local storage.\n  // The only two options here are dark or light.\n  window\n    .matchMedia(\"(prefers-color-scheme: dark)\")\n    .addEventListener(\"change\", (e) => {\n      preferenceChanged(e.matches ? \"dark\" : \"light\");\n    });\n\n  window\n    .matchMedia(\"(prefers-color-scheme: light)\")\n    .addEventListener(\"change\", (e) => {\n      preferenceChanged(e.matches ? \"light\" : \"dark\");\n    });\n};\n"],"names":[],"mappings":"AAAA,MAAM,SAAS,GAAG,MAAM,OAAO,MAAM,KAAK,WAAW,CAAC;AAG/C,MAAM,aAAa,GAAG,MAAwB;IACnD,IAAI,CAAC,SAAS,EAAE;AAAE,QAAA,OAAO,IAAI,CAAC;;IAG9B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;IAClE,MAAM,uBAAuB,GAAG,OAAO,OAAO,CAAC,OAAO,KAAK,SAAS,CAAC;AACrE,IAAA,IAAI,uBAAuB;QAAE,OAAO,OAAO,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;AACvE,IAAA,OAAO,IAAI,CAAC;AACd,EAAE;AAEW,MAAA,4BAA4B,GAAG,CAC1C,iBAAmD,KACjD;IACF,IAAI,CAAC,SAAS,EAAE;AAAE,QAAA,OAAO,IAAI,CAAC;;;;IAK9B,MAAM;SACH,UAAU,CAAC,8BAA8B,CAAC;AAC1C,SAAA,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAI;AAChC,QAAA,iBAAiB,CAAC,CAAC,CAAC,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC;AAClD,KAAC,CAAC,CAAC;IAEL,MAAM;SACH,UAAU,CAAC,+BAA+B,CAAC;AAC3C,SAAA,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAI;AAChC,QAAA,iBAAiB,CAAC,CAAC,CAAC,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;AAClD,KAAC,CAAC,CAAC;AACP;;;;"}

package/dist/themprovider/index.d.ts

@@ -0,0 +1,3 @@
+export { ThemeSwitcher } from "./switcher";
+export { ApsaraThemeProvider, useApsaraTheme } from "./themeprovider";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../themprovider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/themprovider/storage.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+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;
+    }
+};
+
+exports.getSavedThemePreference = getSavedThemePreference;
+exports.isValidThemePreference = isValidThemePreference;
+exports.saveThemePreference = saveThemePreference;
+//# sourceMappingURL=storage.cjs.map

package/dist/themprovider/storage.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"storage.cjs","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/storage.d.ts

@@ -0,0 +1,5 @@
+export declare type ThemePreference = "auto" | "dark" | "light";
+export declare function isValidThemePreference(theme: string | null): theme is ThemePreference;
+export declare const saveThemePreference: (newTheme: ThemePreference) => void;
+export declare const getSavedThemePreference: () => ThemePreference | null;
+//# sourceMappingURL=storage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"storage.d.ts","sourceRoot":"","sources":["../../themprovider/storage.ts"],"names":[],"mappings":"AAEA,oBAAY,eAAe,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AACxD,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,KAAK,IAAI,eAAe,CAE1B;AAED,eAAO,MAAM,mBAAmB,aAAc,eAAe,SAO5D,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAO,eAAe,GAAG,IAW5D,CAAC"}

package/dist/themprovider/storage.js

@@ -0,0 +1,29 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+'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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,6 @@
+declare type Props = {
+    size?: number;
+};
+export declare function ThemeSwitcher({ size, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=switcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switcher.d.ts","sourceRoot":"","sources":["../../themprovider/switcher.tsx"],"names":[],"mappings":"AASA,aAAK,KAAK,GAAG;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAC/B,wBAAgB,aAAa,CAAC,EAAE,IAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,2CAe3D"}

package/dist/themprovider/switcher.js

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,86 @@
+'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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { ThemePreference } from "./storage";
+declare type Theme = "dark" | "light";
+declare type ThemeProviderType = {
+    themeName: Theme;
+    themePreference: ThemePreference;
+    setTheme(newTheme: string): void;
+};
+declare const ApsaraThemeContext: React.Context<ThemeProviderType>;
+declare const ApsaraThemeProvider: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare function useApsaraTheme(): {
+    themePreference: ThemePreference;
+    setTheme: (newTheme: string) => void;
+    themeName: Theme;
+};
+export { ApsaraThemeContext, ApsaraThemeProvider };
+//# sourceMappingURL=themeprovider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themeprovider.d.ts","sourceRoot":"","sources":["../../themprovider/themeprovider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,OAAO,EAIL,eAAe,EAChB,MAAM,WAAW,CAAC;AAKnB,aAAK,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;AAM9B,aAAK,iBAAiB,GAAG;IACvB,SAAS,EAAE,KAAK,CAAC;IACjB,eAAe,EAAE,eAAe,CAAC;IACjC,QAAQ,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC,CAAC;AAQF,QAAA,MAAM,kBAAkB,kCAAkD,CAAC;AAyD3E,QAAA,MAAM,mBAAmB;cAA8B,MAAM,SAAS;6CAarE,CAAC;AAEF,wBAAgB,cAAc;;;;EAW7B;AAED,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/themprovider/themeprovider.js

@@ -0,0 +1,82 @@
+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