@nocoo/basalt 2.0.0-rc.1

package/dist/providers/link.js

@@ -0,0 +1,18 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/providers/link.tsx
+var r = e("a");
+function i({ render: e, children: t }) {
+	return /* @__PURE__ */ n(r.Provider, {
+		value: e ?? "a",
+		children: t
+	});
+}
+function a() {
+	return t(r);
+}
+//#endregion
+export { i as LinkProvider, a as useLinkComponent };
+
+//# sourceMappingURL=link.js.map

package/dist/providers/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../src/providers/link.tsx"],"sourcesContent":["import { type ComponentType, createContext, type ReactNode, useContext } from \"react\";\n\ntype LinkComponent = ComponentType<{ href: string; className?: string; children?: ReactNode }>;\n\nconst LinkContext = createContext<LinkComponent | \"a\">(\"a\");\n\nexport function LinkProvider({\n\trender,\n\tchildren,\n}: {\n\trender?: LinkComponent;\n\tchildren: ReactNode;\n}) {\n\treturn <LinkContext.Provider value={render ?? \"a\"}>{children}</LinkContext.Provider>;\n}\n\nexport function useLinkComponent() {\n\treturn useContext(LinkContext);\n}\n"],"mappings":";;;;AAIA,IAAM,IAAc,EAAmC,GAAG;AAE1D,SAAgB,EAAa,EAC5B,WACA,eAIE;CACF,OAAO,kBAAC,EAAY,UAAb;EAAsB,OAAO,KAAU;EAAM;CAA+B,CAAA;AACpF;AAEA,SAAgB,IAAmB;CAClC,OAAO,EAAW,CAAW;AAC9B"}

package/dist/providers/theme.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+export type BasaltTheme = "light" | "dark" | "system";
+type ThemeContextValue = {
+    theme: BasaltTheme;
+    setTheme: (theme: BasaltTheme) => void;
+};
+export declare function ThemeProvider({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useTheme(): ThemeContextValue;
+export {};

package/dist/providers/theme.js

@@ -0,0 +1,43 @@
+"use client";
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useMemo as i, useSyncExternalStore as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/providers/theme.tsx
+var s = "theme", c = e(null);
+function l() {
+	let e = window.localStorage.getItem(s);
+	return e === "light" || e === "dark" || e === "system" ? e : "system";
+}
+function u(e) {
+	return window.addEventListener("storage", e), () => window.removeEventListener("storage", e);
+}
+function d(e) {
+	let t = document.documentElement, n = window.matchMedia("(prefers-color-scheme: dark)").matches, r = e === "dark" || e === "system" && n;
+	t.classList.toggle("dark", r), t.classList.toggle("light", !r), t.dataset.mode = r ? "dark" : "light";
+}
+function f({ children: e }) {
+	let n = a(u, l, () => "system");
+	r(() => {
+		if (d(n), n !== "system") return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = () => d("system");
+		return e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [n]);
+	let f = t((e) => {
+		window.localStorage.setItem(s, e), d(e), window.dispatchEvent(new Event("storage"));
+	}, []), p = i(() => ({
+		theme: n,
+		setTheme: f
+	}), [n, f]);
+	return /* @__PURE__ */ o(c.Provider, {
+		value: p,
+		children: e
+	});
+}
+function p() {
+	let e = n(c);
+	if (!e) throw Error("useTheme must be used within ThemeProvider");
+	return e;
+}
+//#endregion
+export { f as ThemeProvider, p as useTheme };
+
+//# sourceMappingURL=theme.js.map

package/dist/providers/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/providers/theme.tsx"],"sourcesContent":["import {\n\tcreateContext,\n\ttype ReactNode,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseMemo,\n\tuseSyncExternalStore,\n} from \"react\";\n\nexport type BasaltTheme = \"light\" | \"dark\" | \"system\";\n\nconst STORAGE_KEY = \"theme\";\n\ntype ThemeContextValue = {\n\ttheme: BasaltTheme;\n\tsetTheme: (theme: BasaltTheme) => void;\n};\n\nconst ThemeContext = createContext<ThemeContextValue | null>(null);\n\nfunction readTheme(): BasaltTheme {\n\tconst value = window.localStorage.getItem(STORAGE_KEY);\n\tif (value === \"light\" || value === \"dark\" || value === \"system\") {\n\t\treturn value;\n\t}\n\treturn \"system\";\n}\n\nfunction subscribe(onStoreChange: () => void) {\n\twindow.addEventListener(\"storage\", onStoreChange);\n\treturn () => window.removeEventListener(\"storage\", onStoreChange);\n}\n\nfunction applyTheme(theme: BasaltTheme) {\n\tconst root = document.documentElement;\n\tconst systemDark = window.matchMedia(\"(prefers-color-scheme: dark)\").matches;\n\tconst dark = theme === \"dark\" || (theme === \"system\" && systemDark);\n\troot.classList.toggle(\"dark\", dark);\n\troot.classList.toggle(\"light\", !dark);\n\troot.dataset.mode = dark ? \"dark\" : \"light\";\n}\n\nexport function ThemeProvider({ children }: { children: ReactNode }) {\n\tconst theme = useSyncExternalStore(subscribe, readTheme, () => \"system\" as const);\n\tuseEffect(() => {\n\t\tapplyTheme(theme);\n\t\tif (theme !== \"system\") {\n\t\t\treturn;\n\t\t}\n\t\tconst mq = window.matchMedia(\"(prefers-color-scheme: dark)\");\n\t\tconst onChange = () => applyTheme(\"system\");\n\t\tmq.addEventListener(\"change\", onChange);\n\t\treturn () => mq.removeEventListener(\"change\", onChange);\n\t}, [theme]);\n\tconst setTheme = useCallback((next: BasaltTheme) => {\n\t\twindow.localStorage.setItem(STORAGE_KEY, next);\n\t\tapplyTheme(next);\n\t\twindow.dispatchEvent(new Event(\"storage\"));\n\t}, []);\n\tconst value = useMemo(() => ({ theme, setTheme }), [theme, setTheme]);\n\treturn <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>;\n}\n\nexport function useTheme() {\n\tconst ctx = useContext(ThemeContext);\n\tif (!ctx) {\n\t\tthrow new Error(\"useTheme must be used within ThemeProvider\");\n\t}\n\treturn ctx;\n}\n"],"mappings":";;;;AAYA,IAAM,IAAc,SAOd,IAAe,EAAwC,IAAI;AAEjE,SAAS,IAAyB;CACjC,IAAM,IAAQ,OAAO,aAAa,QAAQ,CAAW;CAIrD,OAHI,MAAU,WAAW,MAAU,UAAU,MAAU,WAC/C,IAED;AACR;AAEA,SAAS,EAAU,GAA2B;CAE7C,OADA,OAAO,iBAAiB,WAAW,CAAa,SACnC,OAAO,oBAAoB,WAAW,CAAa;AACjE;AAEA,SAAS,EAAW,GAAoB;CACvC,IAAM,IAAO,SAAS,iBAChB,IAAa,OAAO,WAAW,8BAA8B,CAAC,CAAC,SAC/D,IAAO,MAAU,UAAW,MAAU,YAAY;CAGxD,AAFA,EAAK,UAAU,OAAO,QAAQ,CAAI,GAClC,EAAK,UAAU,OAAO,SAAS,CAAC,CAAI,GACpC,EAAK,QAAQ,OAAO,IAAO,SAAS;AACrC;AAEA,SAAgB,EAAc,EAAE,eAAqC;CACpE,IAAM,IAAQ,EAAqB,GAAW,SAAiB,QAAiB;CAChF,QAAgB;EAEf,IADA,EAAW,CAAK,GACZ,MAAU,UACb;EAED,IAAM,IAAK,OAAO,WAAW,8BAA8B,GACrD,UAAiB,EAAW,QAAQ;EAE1C,OADA,EAAG,iBAAiB,UAAU,CAAQ,SACzB,EAAG,oBAAoB,UAAU,CAAQ;CACvD,GAAG,CAAC,CAAK,CAAC;CACV,IAAM,IAAW,GAAa,MAAsB;EAGnD,AAFA,OAAO,aAAa,QAAQ,GAAa,CAAI,GAC7C,EAAW,CAAI,GACf,OAAO,cAAc,IAAI,MAAM,SAAS,CAAC;CAC1C,GAAG,CAAC,CAAC,GACC,IAAQ,SAAe;EAAE;EAAO;CAAS,IAAI,CAAC,GAAO,CAAQ,CAAC;CACpE,OAAO,kBAAC,EAAa,UAAd;EAA8B;EAAQ;CAAgC,CAAA;AAC9E;AAEA,SAAgB,IAAW;CAC1B,IAAM,IAAM,EAAW,CAAY;CACnC,IAAI,CAAC,GACJ,MAAU,MAAM,4CAA4C;CAE7D,OAAO;AACR"}