@wakastellar/ui 4.0.0 → 4.1.1

package/dist/context/theme-context.es.js

@@ -0,0 +1,117 @@
+"use client";
+"use client";
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/context/theme-context.tsx
+var n = e.createContext(void 0);
+function r({ children: r, config: o }) {
+	let { defaultTheme: s = "light", storageKey: c = "waka-ui-theme", themes: l, enableSystem: u = !0, s3Config: d } = o || {}, [f, p] = e.useState(s), [m, h] = e.useState(), [g, _] = e.useState([]), [v, y] = e.useState(!0), [b, x] = e.useState("fallback");
+	e.useEffect(() => {
+		(async () => {
+			if (y(!0), l && l.length > 0) {
+				let e = i(l);
+				_(e), x("config"), y(!1), console.log("[ThemeProvider] Using themes from config:", e.length);
+				return;
+			}
+			if (d?.baseUrl) try {
+				let e = await a(d.baseUrl);
+				if (e.length > 0) {
+					_(e), x("s3"), y(!1), console.log("[ThemeProvider] Loaded themes from S3:", e.length);
+					return;
+				}
+			} catch (e) {
+				console.error("[ThemeProvider] Failed to load themes from S3:", e);
+			}
+			_([{
+				id: "light",
+				label: "Clair",
+				previewColor: "#3b82f6"
+			}, {
+				id: "dark",
+				label: "Sombre",
+				previewColor: "#1e293b"
+			}]), x("fallback"), y(!1), console.log("[ThemeProvider] Using fallback themes");
+		})();
+	}, [l, d]), e.useEffect(() => {
+		if (!u) return;
+		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => {
+			h(e.matches ? "dark" : "light");
+		};
+		return h(e.matches ? "dark" : "light"), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+	}, [u]), e.useEffect(() => {
+		if (g.length === 0) return;
+		let e = localStorage.getItem(c), t = g.map((e) => e.id);
+		e && t.includes(e) && p(e);
+	}, [c, g]), e.useEffect(() => {
+		if (g.length === 0) return;
+		let e = document.documentElement, t = f === "system" && m ? m : f;
+		g.forEach((t) => e.classList.remove(t.id)), e.classList.add(t), e.setAttribute("data-theme", t), process.env.NODE_ENV === "development" && console.log(`[WakaUI] Theme applied: ${t}`);
+	}, [
+		f,
+		m,
+		g
+	]);
+	let S = e.useCallback((e) => {
+		let t = g.map((e) => e.id);
+		if (!t.includes(e) && e !== "system") {
+			console.warn(`[WakaUI] Theme "${e}" is not in the list of available themes:`, t);
+			return;
+		}
+		p(e), localStorage.setItem(c, e);
+	}, [g, c]), C = e.useMemo(() => ({
+		theme: f,
+		setTheme: S,
+		themes: g,
+		systemTheme: m,
+		isLoadingThemes: v,
+		themesSource: b
+	}), [
+		f,
+		S,
+		g,
+		m,
+		v,
+		b
+	]);
+	return /* @__PURE__ */ t(n.Provider, {
+		value: C,
+		children: r
+	});
+}
+function i(e) {
+	return e.length === 0 ? [] : typeof e[0] == "string" ? e.map((e) => ({
+		id: e,
+		label: o(e),
+		previewColor: s(e)
+	})) : e;
+}
+async function a(e) {
+	try {
+		let e = await fetch("/api/themes/list", { cache: "no-store" });
+		if (!e.ok) throw Error(`HTTP ${e.status}`);
+		return (await e.json()).themes || [];
+	} catch (e) {
+		return console.error("[ThemeProvider] Failed to fetch themes from S3:", e), [];
+	}
+}
+function o(e) {
+	return e.split("-").map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join(" ");
+}
+function s(e) {
+	return {
+		light: "#3b82f6",
+		dark: "#1e293b",
+		forest: "#10b981",
+		sunset: "#f59e0b",
+		twilight: "#8b5cf6",
+		monochrome: "#6b7280",
+		perpetuity: "#ec4899"
+	}[e] || "#3b82f6";
+}
+function c() {
+	let t = e.useContext(n);
+	if (!t) throw Error("useTheme must be used within a ThemeProvider");
+	return t;
+}
+//#endregion
+export { r as ThemeProvider, c as useTheme };

package/dist/context/theme-provider.cjs.js

@@ -0,0 +1,3 @@
+"use client";"use client";const e=require("../_virtual/_rolldown/runtime.cjs.js");let t=require("react");t=e.__toESM(t);let n=require("react/jsx-runtime");var r=t.createContext(void 0);function i({children:e,themes:i,defaultTheme:o=`default`,s3Config:s,onThemeChange:c,enableDarkMode:l=!1}){let[u,d]=t.useState(o),[f,p]=t.useState(!0),[m,h]=t.useState(new Set),[g,_]=t.useState(!1),[v,y]=t.useState(!1),b=t.useRef(new Map),x=t.useRef(new Set);t.useEffect(()=>{x.current=m},[m]);let S=t.useCallback(async e=>{if(!s)throw Error(`S3 configuration not provided`);let{baseUrl:t,prefix:n=``,extension:r=`css`,headers:i={},timeout:o=1e4}=s,c=t.replace(/\/+$/,``),l=n.replace(/^\/+/,``).replace(/\/+$/,``),u=`v=${Date.now()}`,d;d=l?`${c}/${l}/${e}.${r}?${u}`:`${c}/${e}.${r}?${u}`,console.log(`[ThemeProvider] Loading theme "${e}" from URL: ${d}`);try{let t=new AbortController,n=setTimeout(()=>t.abort(),o),s=await fetch(d,{signal:t.signal,headers:{Accept:r===`json`?`application/json`:`text/css`,"Cache-Control":`no-cache, no-store, must-revalidate`,Pragma:`no-cache`,...i}});if(clearTimeout(n),!s.ok){let t=`HTTP ${s.status}: ${s.statusText}`;throw console.error(`[ThemeProvider] Failed to load theme "${e}" from ${d}:`,t),Error(t)}if(console.log(`[ThemeProvider] ✅ Successfully loaded theme "${e}" from ${d}`),r===`json`){let t;try{let n=await s.text();if(console.log(`[ThemeProvider] Raw JSON response for theme "${e}" (${n.length} chars)`),!n||n.trim().length===0)throw Error(`Empty JSON response for theme "${e}"`);t=JSON.parse(n),console.log(`[ThemeProvider] Parsed JSON for theme "${e}":`,Object.keys(t))}catch(t){throw console.error(`[ThemeProvider] Failed to parse JSON for theme "${e}":`,t),Error(`Invalid JSON format for theme "${e}": ${t instanceof Error?t.message:`Unknown error`}`)}try{let n=a(e,t);if(!n.includes(`[data-theme="${e}"]`))throw console.error(`[ThemeProvider] ❌ Generated CSS missing [data-theme="${e}"] selector for theme "${e}"`),console.error(`[ThemeProvider] Generated CSS:`,n.substring(0,500)),Error(`Generated CSS is missing the required selector [data-theme="${e}"]`);return console.log(`[ThemeProvider] ✅ Converted JSON to CSS for theme "${e}" (${n.length} chars)`),n}catch(t){throw console.error(`[ThemeProvider] Failed to convert JSON to CSS for theme "${e}":`,t),t}}let c=await s.text();if(!c||c.trim().length===0)throw Error(`Empty CSS response for theme "${e}"`);return!c.includes(`[data-theme="${e}"]`)&&!c.includes(`:root`)&&!c.includes(`html`)?(console.warn(`[ThemeProvider] Theme CSS might be missing [data-theme="${e}"] selector`),console.warn(`[ThemeProvider] CSS content preview:`,c.substring(0,200))):console.log(`[ThemeProvider] ✅ CSS file loaded for theme "${e}" (${c.length} chars)`),c}catch(t){throw console.error(`[ThemeProvider] Error loading theme ${e}:`,t),t}},[s]);t.useCallback(e=>{let t=b.current.get(e);t&&(t.parentNode&&t.parentNode.removeChild(t),b.current.delete(e))},[]);let C=t.useCallback((e,t)=>{if(typeof document>`u`)return;!t.includes(`[data-theme="${e}"]`)&&!t.includes(`:root`)&&console.warn(`[ThemeProvider] CSS might be missing [data-theme="${e}"] selector:`,t.substring(0,200)),document.querySelectorAll(`style[data-theme-styles]`).forEach(e=>e.remove()),b.current.clear();let n=document.createElement(`style`);n.setAttribute(`data-theme-id`,e),n.setAttribute(`data-theme-styles`,`active`),n.textContent=t,document.head.appendChild(n),b.current.set(e,n),document.querySelector(`style[data-theme-id="${e}"]`)?console.log(`[ThemeProvider] ✅ CSS injected for theme "${e}" (${t.length} chars)`):console.error(`[ThemeProvider] ❌ Failed to inject CSS for theme "${e}"`),n.offsetHeight},[]),w=t.useCallback(e=>{if(typeof document>`u`)return;let t=document.documentElement;t.setAttribute(`data-theme`,e);let n=t.getAttribute(`data-theme`);n===e?console.log(`[ThemeProvider] ✅ Theme attribute applied: data-theme="${e}"`):console.warn(`[ThemeProvider] Failed to apply theme attribute. Expected: ${e}, Got: ${n}`);try{localStorage.setItem(`waka-theme`,e)}catch(e){console.warn(`[ThemeProvider] Could not save theme to localStorage:`,e)}},[]),T=t.useCallback(async e=>{if(!x.current.has(e))try{if(s){let t=await S(e);C(e,t),h(t=>new Set(t).add(e))}else h(t=>new Set(t).add(e))}catch(t){throw console.error(`[ThemeProvider] Failed to preload theme ${e}:`,t),t}},[s,S,C]),E=t.useCallback(async e=>{console.log(`[ThemeProvider] changeTheme called with themeId: ${e}`),p(!0);try{if(s){console.log(`[ThemeProvider] Loading theme from S3: ${e}`);let t=await S(e);console.log(`[ThemeProvider] CSS loaded, length: ${t.length}`),C(e,t),h(t=>new Set(t).add(e)),await new Promise(e=>requestAnimationFrame(e))}else console.log(`[ThemeProvider] No S3 config, applying theme directly`);console.log(`[ThemeProvider] Applying theme attribute: ${e}`),w(e),d(e),console.log(`[ThemeProvider] ✅ Theme changed successfully to: ${e}`),c?.(e)}catch(t){console.error(`[ThemeProvider] ❌ Failed to change theme to ${e}:`,t);try{w(e),d(e)}catch(e){console.error(`[ThemeProvider] ❌ Fallback also failed:`,e)}throw t}finally{p(!1)}},[s,S,C,w,c]),D=t.useCallback(e=>m.has(e),[m]);t.useEffect(()=>{g||(async()=>{p(!0);try{let e=o;if(typeof window<`u`){let t=localStorage.getItem(`waka-theme`);t&&i.some(e=>e.id===t)&&(e=t)}if(s){let t=await S(e);C(e,t),h(new Set([e])),await new Promise(e=>requestAnimationFrame(e))}else h(new Set([e]));w(e),d(e)}catch(e){console.error(`[ThemeProvider] Error initializing:`,e),w(o),d(o),h(new Set([o]))}finally{p(!1),_(!0)}})()},[g,o,i,s,S,C,w]);let O=t.useCallback(()=>{l&&y(e=>{let t=!e,n=document.documentElement;t?n.classList.add(`dark`):n.classList.remove(`dark`);try{localStorage.setItem(`waka-dark-mode`,t?`dark`:`light`)}catch(e){console.warn(`[ThemeProvider] Could not save dark mode to localStorage:`,e)}return t})},[l]);t.useEffect(()=>{if(!l||typeof window>`u`)return;let e=!1;try{let t=localStorage.getItem(`waka-dark-mode`);t===null?(e=window.matchMedia(`(prefers-color-scheme: dark)`).matches,localStorage.setItem(`waka-dark-mode`,e?`dark`:`light`)):e=t===`dark`}catch(e){console.warn(`[ThemeProvider] Could not read dark mode from localStorage:`,e)}y(e);let t=document.documentElement;e?t.classList.add(`dark`):t.classList.remove(`dark`);let n=window.matchMedia(`(prefers-color-scheme: dark)`),r=e=>{try{localStorage.getItem(`waka-dark-mode`)||(y(e.matches),e.matches?document.documentElement.classList.add(`dark`):document.documentElement.classList.remove(`dark`),localStorage.setItem(`waka-dark-mode`,e.matches?`dark`:`light`))}catch{}};return n.addEventListener(`change`,r),()=>{n.removeEventListener(`change`,r)}},[]),t.useEffect(()=>()=>{b.current.forEach(e=>{e.parentNode&&e.parentNode.removeChild(e)}),b.current.clear()},[]);let k={currentTheme:u,themes:i,changeTheme:E,isLoading:f,loadedThemes:m,preloadTheme:T,isThemeLoaded:D,isDarkMode:v,toggleDarkMode:O};return(0,n.jsx)(r.Provider,{value:k,children:e})}function a(e,t){if(!t||typeof t!=`object`)throw console.error(`[ThemeProvider] Invalid JSON data for theme "${e}":`,t),Error(`Invalid JSON data for theme "${e}"`);let n=t,r={};if(n.cssVars||n[`css-vars`])r=n.cssVars||n[`css-vars`],console.log(`[ThemeProvider] Using cssVars/css-vars format for theme "${e}"`);else if(n.variables)r=n.variables,console.log(`[ThemeProvider] Using variables format for theme "${e}"`);else{let t=[`label`,`description`,`author`,`previewColor`,`version`,`createdAt`,`changelog`,`id`];r=Object.fromEntries(Object.entries(n).filter(([e])=>!t.includes(e))),console.log(`[ThemeProvider] Using direct object format for theme "${e}"`)}if(!r||Object.keys(r).length===0)throw console.error(`[ThemeProvider] No CSS variables found in JSON for theme "${e}":`,t),Error(`No CSS variables found in JSON for theme "${e}"`);console.log(`[ThemeProvider] Found ${Object.keys(r).length} CSS variables for theme "${e}"`);let i=(e,t)=>{if(typeof e==`string`)return e;if(typeof e==`number`||typeof e==`boolean`)return String(e);if(e==null)return`none`;if(typeof e==`object`){if(Array.isArray(e))return e.map(e=>i(e,t)).join(` `);let n=e;if(console.log(`[ThemeProvider] Converting object value for key "${t}":`,JSON.stringify(e,null,2)),(`r`in n||`R`in n)&&(`g`in n||`G`in n)&&(`b`in n||`B`in n)){let e=n.r??n.R??0,t=n.g??n.G??0,r=n.b??n.B??0,i=n.a??n.A??n.alpha??n.opacity;return i==null?`rgb(${e}, ${t}, ${r})`:`rgba(${e}, ${t}, ${r}, ${i})`}if((`h`in n||`H`in n)&&(`s`in n||`S`in n)&&(`l`in n||`L`in n)){let e=n.h??n.H??0,t=n.s??n.S??0,r=n.l??n.L??0,i=n.a??n.A??n.alpha??n.opacity;return i==null?`hsl(${e}, ${t}%, ${r}%)`:`hsla(${e}, ${t}%, ${r}%, ${i})`}return Object.keys(n).length>0?(console.warn(`[ThemeProvider] Object value for "${t}" has nested structure, cannot convert to CSS:`,e),JSON.stringify(e)):`none`}return console.warn(`[ThemeProvider] Unknown value type for "${t}":`,typeof e,e),String(e)},a=(e,t=``)=>{let n=[];for(let[r,o]of Object.entries(e))if(typeof o==`object`&&o&&!Array.isArray(o)){let e=o;if((`r`in e||`R`in e||`h`in e||`H`in e)&&(`g`in e||`G`in e||`s`in e||`S`in e)){let e=t?`--${t}-${r}`:r.startsWith(`--`)?r:`--${r}`,a=i(o,r);n.push(`  ${e}: ${a};`)}else{let i=t?`${t}-${r}`:``,o=a(e,i);n.push(...o)}}else{let e=t?`--${t}-${r}`:r.startsWith(`--`)?r:`--${r}`,a=i(o,r);n.push(`  ${e}: ${a};`)}return n},o=r.light,s=r.dark,c=r.theme,l=Object.fromEntries(Object.entries(r).filter(([e])=>![`light`,`dark`,`theme`].includes(e))),u=[];c&&typeof c==`object`&&!Array.isArray(c)&&u.push(...a(c,``)),Object.keys(l).length>0&&u.push(...a(l,``));let d=o&&typeof o==`object`&&!Array.isArray(o)?a(o,``):[],f=s&&typeof s==`object`&&!Array.isArray(s)?a(s,``):[],p=``;if(u.length>0||d.length>0){let t=[...u,...d];p+=`[data-theme="${e}"] {\n${t.join(`
+`)}\n}\n\n`}f.length>0&&(p+=`[data-theme="${e}"].dark,\n[data-theme="${e}"][data-theme-mode="dark"] {\n${f.join(`
+`)}\n}`);let m=p.trim();if(m.trim().length===0)throw console.error(`[ThemeProvider] No CSS variables generated for theme "${e}"`),Error(`No CSS variables found in JSON for theme "${e}"`);let h=m;if(!h.includes(`[data-theme="${e}"]`))throw console.error(`[ThemeProvider] Generated CSS is missing the selector for theme "${e}"`),console.error(`[ThemeProvider] Generated CSS:`,h),Error(`Generated CSS is missing the required selector [data-theme="${e}"]`);return h.length<50&&console.warn(`[ThemeProvider] Generated CSS seems too short for theme "${e}":`,h),console.log(`[ThemeProvider] ✅ Generated valid CSS for theme "${e}" with ${Object.keys(r).length} variables`),h}function o(){let e=t.useContext(r);if(!e)throw Error(`useTheme must be used within a ThemeProvider`);return e}exports.ThemeProvider=i,exports.useTheme=o;

package/dist/context/theme-provider.es.js

@@ -0,0 +1,274 @@
+"use client";
+"use client";
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/context/theme-provider.tsx
+var n = e.createContext(void 0);
+function r({ children: r, themes: a, defaultTheme: o = "default", s3Config: s, onThemeChange: c, enableDarkMode: l = !1 }) {
+	let [u, d] = e.useState(o), [f, p] = e.useState(!0), [m, h] = e.useState(/* @__PURE__ */ new Set()), [g, _] = e.useState(!1), [v, y] = e.useState(!1), b = e.useRef(/* @__PURE__ */ new Map()), x = e.useRef(/* @__PURE__ */ new Set());
+	e.useEffect(() => {
+		x.current = m;
+	}, [m]);
+	let S = e.useCallback(async (e) => {
+		if (!s) throw Error("S3 configuration not provided");
+		let { baseUrl: t, prefix: n = "", extension: r = "css", headers: a = {}, timeout: o = 1e4 } = s, c = t.replace(/\/+$/, ""), l = n.replace(/^\/+/, "").replace(/\/+$/, ""), u = `v=${Date.now()}`, d;
+		d = l ? `${c}/${l}/${e}.${r}?${u}` : `${c}/${e}.${r}?${u}`, console.log(`[ThemeProvider] Loading theme "${e}" from URL: ${d}`);
+		try {
+			let t = new AbortController(), n = setTimeout(() => t.abort(), o), s = await fetch(d, {
+				signal: t.signal,
+				headers: {
+					Accept: r === "json" ? "application/json" : "text/css",
+					"Cache-Control": "no-cache, no-store, must-revalidate",
+					Pragma: "no-cache",
+					...a
+				}
+			});
+			if (clearTimeout(n), !s.ok) {
+				let t = `HTTP ${s.status}: ${s.statusText}`;
+				throw console.error(`[ThemeProvider] Failed to load theme "${e}" from ${d}:`, t), Error(t);
+			}
+			if (console.log(`[ThemeProvider] ✅ Successfully loaded theme "${e}" from ${d}`), r === "json") {
+				let t;
+				try {
+					let n = await s.text();
+					if (console.log(`[ThemeProvider] Raw JSON response for theme "${e}" (${n.length} chars)`), !n || n.trim().length === 0) throw Error(`Empty JSON response for theme "${e}"`);
+					t = JSON.parse(n), console.log(`[ThemeProvider] Parsed JSON for theme "${e}":`, Object.keys(t));
+				} catch (t) {
+					throw console.error(`[ThemeProvider] Failed to parse JSON for theme "${e}":`, t), Error(`Invalid JSON format for theme "${e}": ${t instanceof Error ? t.message : "Unknown error"}`);
+				}
+				try {
+					let n = i(e, t);
+					if (!n.includes(`[data-theme="${e}"]`)) throw console.error(`[ThemeProvider] ❌ Generated CSS missing [data-theme="${e}"] selector for theme "${e}"`), console.error("[ThemeProvider] Generated CSS:", n.substring(0, 500)), Error(`Generated CSS is missing the required selector [data-theme="${e}"]`);
+					return console.log(`[ThemeProvider] ✅ Converted JSON to CSS for theme "${e}" (${n.length} chars)`), n;
+				} catch (t) {
+					throw console.error(`[ThemeProvider] Failed to convert JSON to CSS for theme "${e}":`, t), t;
+				}
+			}
+			let c = await s.text();
+			if (!c || c.trim().length === 0) throw Error(`Empty CSS response for theme "${e}"`);
+			return !c.includes(`[data-theme="${e}"]`) && !c.includes(":root") && !c.includes("html") ? (console.warn(`[ThemeProvider] Theme CSS might be missing [data-theme="${e}"] selector`), console.warn("[ThemeProvider] CSS content preview:", c.substring(0, 200))) : console.log(`[ThemeProvider] ✅ CSS file loaded for theme "${e}" (${c.length} chars)`), c;
+		} catch (t) {
+			throw console.error(`[ThemeProvider] Error loading theme ${e}:`, t), t;
+		}
+	}, [s]);
+	e.useCallback((e) => {
+		let t = b.current.get(e);
+		t && (t.parentNode && t.parentNode.removeChild(t), b.current.delete(e));
+	}, []);
+	let C = e.useCallback((e, t) => {
+		if (typeof document > "u") return;
+		!t.includes(`[data-theme="${e}"]`) && !t.includes(":root") && console.warn(`[ThemeProvider] CSS might be missing [data-theme="${e}"] selector:`, t.substring(0, 200)), document.querySelectorAll("style[data-theme-styles]").forEach((e) => e.remove()), b.current.clear();
+		let n = document.createElement("style");
+		n.setAttribute("data-theme-id", e), n.setAttribute("data-theme-styles", "active"), n.textContent = t, document.head.appendChild(n), b.current.set(e, n), document.querySelector(`style[data-theme-id="${e}"]`) ? console.log(`[ThemeProvider] ✅ CSS injected for theme "${e}" (${t.length} chars)`) : console.error(`[ThemeProvider] ❌ Failed to inject CSS for theme "${e}"`), n.offsetHeight;
+	}, []), w = e.useCallback((e) => {
+		if (typeof document > "u") return;
+		let t = document.documentElement;
+		t.setAttribute("data-theme", e);
+		let n = t.getAttribute("data-theme");
+		n === e ? console.log(`[ThemeProvider] ✅ Theme attribute applied: data-theme="${e}"`) : console.warn(`[ThemeProvider] Failed to apply theme attribute. Expected: ${e}, Got: ${n}`);
+		try {
+			localStorage.setItem("waka-theme", e);
+		} catch (e) {
+			console.warn("[ThemeProvider] Could not save theme to localStorage:", e);
+		}
+	}, []), T = e.useCallback(async (e) => {
+		if (!x.current.has(e)) try {
+			if (s) {
+				let t = await S(e);
+				C(e, t), h((t) => new Set(t).add(e));
+			} else h((t) => new Set(t).add(e));
+		} catch (t) {
+			throw console.error(`[ThemeProvider] Failed to preload theme ${e}:`, t), t;
+		}
+	}, [
+		s,
+		S,
+		C
+	]), E = e.useCallback(async (e) => {
+		console.log(`[ThemeProvider] changeTheme called with themeId: ${e}`), p(!0);
+		try {
+			if (s) {
+				console.log(`[ThemeProvider] Loading theme from S3: ${e}`);
+				let t = await S(e);
+				console.log(`[ThemeProvider] CSS loaded, length: ${t.length}`), C(e, t), h((t) => new Set(t).add(e)), await new Promise((e) => requestAnimationFrame(e));
+			} else console.log("[ThemeProvider] No S3 config, applying theme directly");
+			console.log(`[ThemeProvider] Applying theme attribute: ${e}`), w(e), d(e), console.log(`[ThemeProvider] ✅ Theme changed successfully to: ${e}`), c?.(e);
+		} catch (t) {
+			console.error(`[ThemeProvider] ❌ Failed to change theme to ${e}:`, t);
+			try {
+				w(e), d(e);
+			} catch (e) {
+				console.error("[ThemeProvider] ❌ Fallback also failed:", e);
+			}
+			throw t;
+		} finally {
+			p(!1);
+		}
+	}, [
+		s,
+		S,
+		C,
+		w,
+		c
+	]), D = e.useCallback((e) => m.has(e), [m]);
+	e.useEffect(() => {
+		g || (async () => {
+			p(!0);
+			try {
+				let e = o;
+				if (typeof window < "u") {
+					let t = localStorage.getItem("waka-theme");
+					t && a.some((e) => e.id === t) && (e = t);
+				}
+				if (s) {
+					let t = await S(e);
+					C(e, t), h(/* @__PURE__ */ new Set([e])), await new Promise((e) => requestAnimationFrame(e));
+				} else h(/* @__PURE__ */ new Set([e]));
+				w(e), d(e);
+			} catch (e) {
+				console.error("[ThemeProvider] Error initializing:", e), w(o), d(o), h(/* @__PURE__ */ new Set([o]));
+			} finally {
+				p(!1), _(!0);
+			}
+		})();
+	}, [
+		g,
+		o,
+		a,
+		s,
+		S,
+		C,
+		w
+	]);
+	let O = e.useCallback(() => {
+		l && y((e) => {
+			let t = !e, n = document.documentElement;
+			t ? n.classList.add("dark") : n.classList.remove("dark");
+			try {
+				localStorage.setItem("waka-dark-mode", t ? "dark" : "light");
+			} catch (e) {
+				console.warn("[ThemeProvider] Could not save dark mode to localStorage:", e);
+			}
+			return t;
+		});
+	}, [l]);
+	e.useEffect(() => {
+		if (!l || typeof window > "u") return;
+		let e = !1;
+		try {
+			let t = localStorage.getItem("waka-dark-mode");
+			t === null ? (e = window.matchMedia("(prefers-color-scheme: dark)").matches, localStorage.setItem("waka-dark-mode", e ? "dark" : "light")) : e = t === "dark";
+		} catch (e) {
+			console.warn("[ThemeProvider] Could not read dark mode from localStorage:", e);
+		}
+		y(e);
+		let t = document.documentElement;
+		e ? t.classList.add("dark") : t.classList.remove("dark");
+		let n = window.matchMedia("(prefers-color-scheme: dark)"), r = (e) => {
+			try {
+				localStorage.getItem("waka-dark-mode") || (y(e.matches), e.matches ? document.documentElement.classList.add("dark") : document.documentElement.classList.remove("dark"), localStorage.setItem("waka-dark-mode", e.matches ? "dark" : "light"));
+			} catch {}
+		};
+		return n.addEventListener("change", r), () => {
+			n.removeEventListener("change", r);
+		};
+	}, []), e.useEffect(() => () => {
+		b.current.forEach((e) => {
+			e.parentNode && e.parentNode.removeChild(e);
+		}), b.current.clear();
+	}, []);
+	let k = {
+		currentTheme: u,
+		themes: a,
+		changeTheme: E,
+		isLoading: f,
+		loadedThemes: m,
+		preloadTheme: T,
+		isThemeLoaded: D,
+		isDarkMode: v,
+		toggleDarkMode: O
+	};
+	return /* @__PURE__ */ t(n.Provider, {
+		value: k,
+		children: r
+	});
+}
+function i(e, t) {
+	if (!t || typeof t != "object") throw console.error(`[ThemeProvider] Invalid JSON data for theme "${e}":`, t), Error(`Invalid JSON data for theme "${e}"`);
+	let n = t, r = {};
+	if (n.cssVars || n["css-vars"]) r = n.cssVars || n["css-vars"], console.log(`[ThemeProvider] Using cssVars/css-vars format for theme "${e}"`);
+	else if (n.variables) r = n.variables, console.log(`[ThemeProvider] Using variables format for theme "${e}"`);
+	else {
+		let t = [
+			"label",
+			"description",
+			"author",
+			"previewColor",
+			"version",
+			"createdAt",
+			"changelog",
+			"id"
+		];
+		r = Object.fromEntries(Object.entries(n).filter(([e]) => !t.includes(e))), console.log(`[ThemeProvider] Using direct object format for theme "${e}"`);
+	}
+	if (!r || Object.keys(r).length === 0) throw console.error(`[ThemeProvider] No CSS variables found in JSON for theme "${e}":`, t), Error(`No CSS variables found in JSON for theme "${e}"`);
+	console.log(`[ThemeProvider] Found ${Object.keys(r).length} CSS variables for theme "${e}"`);
+	let i = (e, t) => {
+		if (typeof e == "string") return e;
+		if (typeof e == "number" || typeof e == "boolean") return String(e);
+		if (e == null) return "none";
+		if (typeof e == "object") {
+			if (Array.isArray(e)) return e.map((e) => i(e, t)).join(" ");
+			let n = e;
+			if (console.log(`[ThemeProvider] Converting object value for key "${t}":`, JSON.stringify(e, null, 2)), ("r" in n || "R" in n) && ("g" in n || "G" in n) && ("b" in n || "B" in n)) {
+				let e = n.r ?? n.R ?? 0, t = n.g ?? n.G ?? 0, r = n.b ?? n.B ?? 0, i = n.a ?? n.A ?? n.alpha ?? n.opacity;
+				return i == null ? `rgb(${e}, ${t}, ${r})` : `rgba(${e}, ${t}, ${r}, ${i})`;
+			}
+			if (("h" in n || "H" in n) && ("s" in n || "S" in n) && ("l" in n || "L" in n)) {
+				let e = n.h ?? n.H ?? 0, t = n.s ?? n.S ?? 0, r = n.l ?? n.L ?? 0, i = n.a ?? n.A ?? n.alpha ?? n.opacity;
+				return i == null ? `hsl(${e}, ${t}%, ${r}%)` : `hsla(${e}, ${t}%, ${r}%, ${i})`;
+			}
+			return Object.keys(n).length > 0 ? (console.warn(`[ThemeProvider] Object value for "${t}" has nested structure, cannot convert to CSS:`, e), JSON.stringify(e)) : "none";
+		}
+		return console.warn(`[ThemeProvider] Unknown value type for "${t}":`, typeof e, e), String(e);
+	}, a = (e, t = "") => {
+		let n = [];
+		for (let [r, o] of Object.entries(e)) if (typeof o == "object" && o && !Array.isArray(o)) {
+			let e = o;
+			if (("r" in e || "R" in e || "h" in e || "H" in e) && ("g" in e || "G" in e || "s" in e || "S" in e)) {
+				let e = t ? `--${t}-${r}` : r.startsWith("--") ? r : `--${r}`, a = i(o, r);
+				n.push(`  ${e}: ${a};`);
+			} else {
+				let i = t ? `${t}-${r}` : "", o = a(e, i);
+				n.push(...o);
+			}
+		} else {
+			let e = t ? `--${t}-${r}` : r.startsWith("--") ? r : `--${r}`, a = i(o, r);
+			n.push(`  ${e}: ${a};`);
+		}
+		return n;
+	}, o = r.light, s = r.dark, c = r.theme, l = Object.fromEntries(Object.entries(r).filter(([e]) => ![
+		"light",
+		"dark",
+		"theme"
+	].includes(e))), u = [];
+	c && typeof c == "object" && !Array.isArray(c) && u.push(...a(c, "")), Object.keys(l).length > 0 && u.push(...a(l, ""));
+	let d = o && typeof o == "object" && !Array.isArray(o) ? a(o, "") : [], f = s && typeof s == "object" && !Array.isArray(s) ? a(s, "") : [], p = "";
+	if (u.length > 0 || d.length > 0) {
+		let t = [...u, ...d];
+		p += `[data-theme="${e}"] {\n${t.join("\n")}\n}\n\n`;
+	}
+	f.length > 0 && (p += `[data-theme="${e}"].dark,\n[data-theme="${e}"][data-theme-mode="dark"] {\n${f.join("\n")}\n}`);
+	let m = p.trim();
+	if (m.trim().length === 0) throw console.error(`[ThemeProvider] No CSS variables generated for theme "${e}"`), Error(`No CSS variables found in JSON for theme "${e}"`);
+	let h = m;
+	if (!h.includes(`[data-theme="${e}"]`)) throw console.error(`[ThemeProvider] Generated CSS is missing the selector for theme "${e}"`), console.error("[ThemeProvider] Generated CSS:", h), Error(`Generated CSS is missing the required selector [data-theme="${e}"]`);
+	return h.length < 50 && console.warn(`[ThemeProvider] Generated CSS seems too short for theme "${e}":`, h), console.log(`[ThemeProvider] ✅ Generated valid CSS for theme "${e}" with ${Object.keys(r).length} variables`), h;
+}
+function a() {
+	let t = e.useContext(n);
+	if (!t) throw Error("useTheme must be used within a ThemeProvider");
+	return t;
+}
+//#endregion
+export { r as ThemeProvider, a as useTheme };

package/dist/context/waka-provider.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("./theme-provider.cjs.js"),n=require("../locales/default-resources.cjs.js"),r=require("./language-context.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("react/jsx-runtime"),o=require("react-i18next"),s=require("i18next");s=e.__toESM(s);function c({children:e,config:c}){let[u]=i.useState(()=>s.default.createInstance()),[d,f]=i.useState(!1);return i.useEffect(()=>{(async()=>{try{await u.use(o.initReactI18next).init({lng:c.language.defaultLanguage,fallbackLng:c.language.defaultLanguage,supportedLngs:c.language.supportedLanguages,resources:n.mergeWakaUiDefaultResources(c.language.resources),defaultNS:`translation`,ns:[`translation`,n.WAKA_UI_NS],fallbackNS:n.WAKA_UI_NS,interpolation:{escapeValue:!1},react:{useSuspense:!1},debug:c.debug}),c.language.s3Config&&await l(u,c.language.s3Config,c.language.supportedLanguages),f(!0),c.debug&&console.log(`[WakaUI] i18n initialized successfully`)}catch(e){console.error(`[WakaUI] Failed to initialize i18n:`,e),f(!0)}})()},[u,c]),i.useEffect(()=>{if(!d)return;let e=c.language.storageKey||`waka-ui-language`,t=localStorage.getItem(e);t&&c.language.supportedLanguages.includes(t)&&u.changeLanguage(t);let n=t=>{localStorage.setItem(e,t),c.debug&&console.log(`[WakaUI] Language changed to: ${t}`)};return u.on(`languageChanged`,n),()=>{u.off(`languageChanged`,n)}},[d,u,c]),d?(0,a.jsx)(o.I18nextProvider,{i18n:u,children:(0,a.jsx)(r.LanguageProvider,{languages:c.language.languages||[],defaultLanguage:c.language.defaultLanguage,s3Config:c.language.s3Config?{baseUrl:c.language.s3Config.bucketUrl,prefix:c.language.s3Config.translationsPath?`${c.language.s3Config.translationsPath}/`:``,extension:`json`}:void 0,children:(0,a.jsx)(t.ThemeProvider,{themes:c.theme?.themes||[{id:`default`,label:`Default`}],defaultTheme:c.theme?.defaultTheme||`default`,s3Config:c.theme?.s3Config,enableDarkMode:c.theme?.enableSystem,children:e})})}):(0,a.jsx)(`div`,{style:{padding:`20px`,textAlign:`center`},children:`Loading WakaUI...`})}async function l(e,t,n){if(!t)return;let{bucketUrl:r,translationsPath:i=`translations`}=t;try{await Promise.all(n.map(async t=>{try{let n=`${r}/${i}/${t}.json`,a=await fetch(n);if(!a.ok){console.warn(`[WakaUI] Failed to load translations for ${t} from S3`);return}let o=await a.json();e.addResourceBundle(t,`translation`,o,!0,!0),process.env.NODE_ENV===`development`&&console.log(`[WakaUI] Loaded translations for ${t} from S3`)}catch(e){console.warn(`[WakaUI] Error loading translations for ${t}:`,e)}}))}catch(e){console.error(`[WakaUI] Error loading translations from S3:`,e)}}function u(){let{i18n:e,t:n}=(0,o.useTranslation)(),i=r.useLanguage(),a=t.useTheme();return{currentLanguage:e.language||i.currentLanguage,changeLanguage:async t=>{await i.changeLanguage(t),await e.changeLanguage(t)},languages:i.languages,isLanguageLoading:i.isLoading,currentTheme:a.currentTheme,changeTheme:a.changeTheme,themes:a.themes,isThemeLoading:a.isLoading,preloadTheme:a.preloadTheme,isThemeLoaded:a.isThemeLoaded,t:n}}exports.WakaProvider=c,exports.useWaka=u;

package/dist/context/waka-provider.es.js

@@ -0,0 +1,115 @@
+"use client";
+"use client";
+import { ThemeProvider as e, useTheme as t } from "./theme-provider.es.js";
+import { WAKA_UI_NS as n, mergeWakaUiDefaultResources as r } from "../locales/default-resources.es.js";
+import { LanguageProvider as i, useLanguage as a } from "./language-context.es.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { I18nextProvider as c, initReactI18next as l, useTranslation as u } from "react-i18next";
+import d from "i18next";
+//#region src/context/waka-provider.tsx
+function f({ children: t, config: a }) {
+	let [u] = o.useState(() => d.createInstance()), [f, m] = o.useState(!1);
+	return o.useEffect(() => {
+		(async () => {
+			try {
+				await u.use(l).init({
+					lng: a.language.defaultLanguage,
+					fallbackLng: a.language.defaultLanguage,
+					supportedLngs: a.language.supportedLanguages,
+					resources: r(a.language.resources),
+					defaultNS: "translation",
+					ns: ["translation", n],
+					fallbackNS: n,
+					interpolation: { escapeValue: !1 },
+					react: { useSuspense: !1 },
+					debug: a.debug
+				}), a.language.s3Config && await p(u, a.language.s3Config, a.language.supportedLanguages), m(!0), a.debug && console.log("[WakaUI] i18n initialized successfully");
+			} catch (e) {
+				console.error("[WakaUI] Failed to initialize i18n:", e), m(!0);
+			}
+		})();
+	}, [u, a]), o.useEffect(() => {
+		if (!f) return;
+		let e = a.language.storageKey || "waka-ui-language", t = localStorage.getItem(e);
+		t && a.language.supportedLanguages.includes(t) && u.changeLanguage(t);
+		let n = (t) => {
+			localStorage.setItem(e, t), a.debug && console.log(`[WakaUI] Language changed to: ${t}`);
+		};
+		return u.on("languageChanged", n), () => {
+			u.off("languageChanged", n);
+		};
+	}, [
+		f,
+		u,
+		a
+	]), f ? /* @__PURE__ */ s(c, {
+		i18n: u,
+		children: /* @__PURE__ */ s(i, {
+			languages: a.language.languages || [],
+			defaultLanguage: a.language.defaultLanguage,
+			s3Config: a.language.s3Config ? {
+				baseUrl: a.language.s3Config.bucketUrl,
+				prefix: a.language.s3Config.translationsPath ? `${a.language.s3Config.translationsPath}/` : "",
+				extension: "json"
+			} : void 0,
+			children: /* @__PURE__ */ s(e, {
+				themes: a.theme?.themes || [{
+					id: "default",
+					label: "Default"
+				}],
+				defaultTheme: a.theme?.defaultTheme || "default",
+				s3Config: a.theme?.s3Config,
+				enableDarkMode: a.theme?.enableSystem,
+				children: t
+			})
+		})
+	}) : /* @__PURE__ */ s("div", {
+		style: {
+			padding: "20px",
+			textAlign: "center"
+		},
+		children: "Loading WakaUI..."
+	});
+}
+async function p(e, t, n) {
+	if (!t) return;
+	let { bucketUrl: r, translationsPath: i = "translations" } = t;
+	try {
+		await Promise.all(n.map(async (t) => {
+			try {
+				let n = `${r}/${i}/${t}.json`, a = await fetch(n);
+				if (!a.ok) {
+					console.warn(`[WakaUI] Failed to load translations for ${t} from S3`);
+					return;
+				}
+				let o = await a.json();
+				e.addResourceBundle(t, "translation", o, !0, !0), process.env.NODE_ENV === "development" && console.log(`[WakaUI] Loaded translations for ${t} from S3`);
+			} catch (e) {
+				console.warn(`[WakaUI] Error loading translations for ${t}:`, e);
+			}
+		}));
+	} catch (e) {
+		console.error("[WakaUI] Error loading translations from S3:", e);
+	}
+}
+function m() {
+	let { i18n: e, t: n } = u(), r = a(), i = t();
+	return {
+		currentLanguage: e.language || r.currentLanguage,
+		changeLanguage: async (t) => {
+			await r.changeLanguage(t), await e.changeLanguage(t);
+		},
+		languages: r.languages,
+		isLanguageLoading: r.isLoading,
+		currentTheme: i.currentTheme,
+		changeTheme: i.changeTheme,
+		themes: i.themes,
+		isThemeLoading: i.isLoading,
+		preloadTheme: i.preloadTheme,
+		isThemeLoaded: i.isThemeLoaded,
+		t: n
+	};
+}
+//#endregion
+export { f as WakaProvider, m as useWaka };

package/dist/doc.cjs.js

@@ -1,2 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./chunk-FDd1SASZ.js`),t=require(`./cn-DEeiGoUV.js`),n=require(`./separator-DviMy-io.js`),r=require(`./waka-doc-renderer-22MUZbyl.js`);let i=require(`react`);i=e.r(i);let a=require(`lucide-react`),o=require(`react/jsx-runtime`);function s({content:e,mode:s=`view`,canEdit:l=!1,onModeChange:u,onChange:d,debounceMs:f=1500,saveStatus:p=`idle`,navItems:m,activePageId:h,onPageChange:g,breadcrumbs:_,onBreadcrumbClick:v,searchPages:y,onSearchSelect:b,versions:x,currentVersion:S,onVersionChange:C,className:w}){let[T,E]=i.useState([]),[D,O]=i.useState(!1),[k,A]=i.useState(e);i.useEffect(()=>{A(e)},[e]);let j=i.useRef(),M=i.useCallback(e=>{A(e),j.current&&clearTimeout(j.current),j.current=setTimeout(()=>{d?.(e)},f)},[d,f]);i.useEffect(()=>()=>{j.current&&clearTimeout(j.current)},[]);let N=m&&m.length>0,P=y&&y.length>0,F=x&&x.length>0&&S;return(0,o.jsxs)(`div`,{className:t.t(`relative flex min-h-screen`,w),children:[N&&(0,o.jsx)(n.n,{variant:`ghost`,size:`icon`,className:`fixed left-4 top-4 z-50 lg:hidden`,onClick:()=>O(!D),children:D?(0,o.jsx)(a.X,{className:`h-5 w-5`}):(0,o.jsx)(a.Menu,{className:`h-5 w-5`})}),N&&(0,o.jsx)(`aside`,{className:t.t(`fixed inset-y-0 left-0 z-40 w-72 shrink-0 border-r border-border/50 bg-background/95 backdrop-blur-md transition-transform duration-300 lg:relative lg:translate-x-0`,D?`translate-x-0`:`-translate-x-full`),children:(0,o.jsxs)(`div`,{className:`flex h-full flex-col gap-4 overflow-y-auto p-4`,children:[P&&(0,o.jsx)(r.o,{pages:y,onSelect:e=>{b?.(e),O(!1)}}),F&&(0,o.jsx)(r.a,{versions:x,current:S,onVersionChange:C}),(0,o.jsx)(r.s,{items:m,activeId:h,onItemClick:e=>{g?.(e),O(!1)}})]})}),N&&D&&(0,o.jsx)(`div`,{className:`fixed inset-0 z-30 bg-black/50 lg:hidden`,onClick:()=>O(!1)}),(0,o.jsxs)(`main`,{className:`flex min-w-0 flex-1 gap-8`,children:[(0,o.jsxs)(`div`,{className:`mx-auto w-full max-w-3xl px-4 py-8 lg:px-8`,children:[(0,o.jsxs)(`div`,{className:`mb-6 flex flex-col gap-3`,children:[_&&_.length>0&&(0,o.jsx)(r.r,{items:_,onItemClick:v}),(0,o.jsx)(r.i,{content:k,mode:s,canEdit:l,onModeChange:u,saveStatus:p})]}),s===`view`?(0,o.jsx)(r.t,{content:k,onHeadingsExtracted:E}):(0,o.jsx)(c,{content:k,onChange:M,onHeadingsExtracted:E})]}),T.length>0&&(0,o.jsx)(`aside`,{className:`hidden w-56 shrink-0 py-8 xl:block`,children:(0,o.jsx)(r.c,{items:T})})]})]})}function c({content:e,onChange:t,onHeadingsExtracted:n}){let[r,a]=i.useState(null);return i.useEffect(()=>{(async()=>{try{let{WakaRichTextEditor:e}=await Promise.resolve().then(()=>require(`./waka-rich-text-editor-DcZuIQ-q.js`)).then(e=>e.n);a(()=>e)}catch{}})()},[]),i.useEffect(()=>{let t=[],r=e.split(`
-`);for(let e of r){let n=e.match(/^(#{2,4})\s+(.+)$/);if(n){let e=n[1].length,r=n[2].replace(/[`*_~]/g,``),i=r.toLowerCase().replace(/[^\w\s-]/g,``).replace(/\s+/g,`-`);t.push({id:i,text:r,level:e})}}n(t)},[e,n]),r?(0,o.jsx)(r,{value:e,onChange:t,placeholder:`Écrivez votre documentation...`,minHeight:400,editable:!0}):(0,o.jsx)(`textarea`,{value:e,onChange:e=>t(e.target.value),className:`min-h-[400px] w-full rounded-lg border border-border/50 bg-background p-4 font-mono text-sm focus:outline-none focus:ring-2 focus:ring-primary/50`,placeholder:`Écrivez en markdown...`})}exports.WakaDocBreadcrumb=r.r,exports.WakaDocCallout=r.u,exports.WakaDocCodeBlock=r.l,exports.WakaDocNav=r.s,exports.WakaDocRenderer=r.t,exports.WakaDocSearch=r.o,exports.WakaDocShell=s,exports.WakaDocTable=r.n,exports.WakaDocToc=r.c,exports.WakaDocToolbar=r.i,exports.WakaDocVersion=r.a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./components/waka-doc-callout/index.cjs.js"),t=require("./components/waka-doc-code-block/index.cjs.js"),n=require("./components/waka-doc-toc/index.cjs.js"),r=require("./components/waka-doc-nav/index.cjs.js"),i=require("./components/waka-doc-search/index.cjs.js"),a=require("./components/waka-doc-version/index.cjs.js"),o=require("./components/waka-doc-toolbar/index.cjs.js"),s=require("./components/waka-doc-breadcrumb/index.cjs.js"),c=require("./components/waka-doc-table/index.cjs.js"),l=require("./components/waka-doc-renderer/index.cjs.js"),u=require("./blocks/waka-doc-shell/index.cjs.js");exports.WakaDocBreadcrumb=s.WakaDocBreadcrumb,exports.WakaDocCallout=e.WakaDocCallout,exports.WakaDocCodeBlock=t.WakaDocCodeBlock,exports.WakaDocNav=r.WakaDocNav,exports.WakaDocRenderer=l.WakaDocRenderer,exports.WakaDocSearch=i.WakaDocSearch,exports.WakaDocShell=u.WakaDocShell,exports.WakaDocTable=c.WakaDocTable,exports.WakaDocToc=n.WakaDocToc,exports.WakaDocToolbar=o.WakaDocToolbar,exports.WakaDocVersion=a.WakaDocVersion;