@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-xp-bar/index.es.js

@@ -0,0 +1,381 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-xp-bar/index.tsx
+var a = {
+	1: "hsl(var(--chart-1))",
+	5: "hsl(var(--success))",
+	10: "hsl(var(--chart-2))",
+	20: "hsl(var(--warning))",
+	30: "hsl(var(--destructive))",
+	50: "hsl(var(--chart-3))",
+	75: "hsl(var(--info))",
+	100: "hsl(var(--chart-4))"
+}, o = {
+	sm: {
+		height: "h-2",
+		levelBadge: "h-8 w-8 text-xs",
+		text: "text-xs",
+		container: "gap-2",
+		particleSize: 4
+	},
+	md: {
+		height: "h-3",
+		levelBadge: "h-10 w-10 text-sm",
+		text: "text-sm",
+		container: "gap-3",
+		particleSize: 6
+	},
+	lg: {
+		height: "h-4",
+		levelBadge: "h-14 w-14 text-lg",
+		text: "text-base",
+		container: "gap-4",
+		particleSize: 8
+	}
+};
+function s(e, t) {
+	let n = Object.keys(t).map(Number).sort((e, t) => t - e);
+	for (let r of n) if (e >= r) return t[r];
+	return t[n[n.length - 1]] || "hsl(var(--chart-1))";
+}
+function c(e, t) {
+	return `rgba(${parseInt(e.slice(1, 3), 16)}, ${parseInt(e.slice(3, 5), 16)}, ${parseInt(e.slice(5, 7), 16)}, ${t})`;
+}
+function l(e, t, n, r) {
+	let i = [
+		n,
+		"hsl(var(--foreground))",
+		n,
+		"hsl(var(--warning))"
+	], a = [
+		"circle",
+		"star",
+		"diamond",
+		"spark"
+	];
+	return {
+		id: e,
+		x: t + (Math.random() - .5) * 20,
+		y: 0,
+		vx: (Math.random() - .5) * 3,
+		vy: -2 - Math.random() * 4,
+		size: r * (.5 + Math.random() * .8),
+		color: i[Math.floor(Math.random() * i.length)],
+		opacity: 1,
+		life: 0,
+		maxLife: 60 + Math.random() * 40,
+		shape: a[Math.floor(Math.random() * a.length)]
+	};
+}
+function u({ particles: e }) {
+	return /* @__PURE__ */ r("svg", {
+		className: "pointer-events-none absolute inset-0 h-full w-full overflow-visible",
+		style: { zIndex: 10 },
+		children: e.map((e) => {
+			let t = e.opacity * (1 - e.life / e.maxLife);
+			switch (e.shape) {
+				case "star":
+					let n = e.size / 2, a = e.size / 4;
+					return /* @__PURE__ */ r("polygon", {
+						points: Array.from({ length: 10 }, (t, r) => {
+							let i = r % 2 == 0 ? n : a, o = r * Math.PI / 5 - Math.PI / 2;
+							return `${e.x + i * Math.cos(o)},${e.y + i * Math.sin(o)}`;
+						}).join(" "),
+						fill: e.color,
+						opacity: t,
+						style: { filter: `drop-shadow(0 0 ${e.size}px ${e.color})` }
+					}, e.id);
+				case "diamond":
+					let o = e.size / 2;
+					return /* @__PURE__ */ r("polygon", {
+						points: `${e.x},${e.y - o} ${e.x + o},${e.y} ${e.x},${e.y + o} ${e.x - o},${e.y}`,
+						fill: e.color,
+						opacity: t,
+						style: { filter: `drop-shadow(0 0 ${e.size}px ${e.color})` }
+					}, e.id);
+				case "spark": return /* @__PURE__ */ i("g", {
+					opacity: t,
+					children: [/* @__PURE__ */ r("line", {
+						x1: e.x - e.size,
+						y1: e.y,
+						x2: e.x + e.size,
+						y2: e.y,
+						stroke: e.color,
+						strokeWidth: 2,
+						style: { filter: `drop-shadow(0 0 ${e.size}px ${e.color})` }
+					}), /* @__PURE__ */ r("line", {
+						x1: e.x,
+						y1: e.y - e.size,
+						x2: e.x,
+						y2: e.y + e.size,
+						stroke: e.color,
+						strokeWidth: 2,
+						style: { filter: `drop-shadow(0 0 ${e.size}px ${e.color})` }
+					})]
+				}, e.id);
+				default: return /* @__PURE__ */ r("circle", {
+					cx: e.x,
+					cy: e.y,
+					r: e.size / 2,
+					fill: e.color,
+					opacity: t,
+					style: { filter: `drop-shadow(0 0 ${e.size}px ${e.color})` }
+				}, e.id);
+			}
+		})
+	});
+}
+function d({ level: t, color: a, size: s, animated: l, isLevelingUp: u }) {
+	let d = o[s];
+	return /* @__PURE__ */ i("div", {
+		className: e("relative flex items-center justify-center rounded-full font-bold text-white shadow-lg", d.levelBadge, u && "animate-level-up-badge"),
+		style: {
+			background: `linear-gradient(135deg, ${a}, ${c(a, .7)})`,
+			boxShadow: l ? `0 0 20px ${c(a, .5)}, 0 0 40px ${c(a, .3)}` : void 0
+		},
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "absolute inset-1 rounded-full",
+				style: { background: `radial-gradient(circle at 30% 30%, ${c("#ffffff", .3)}, transparent 60%)` }
+			}),
+			/* @__PURE__ */ r("span", {
+				className: "relative z-10",
+				children: t
+			}),
+			l && /* @__PURE__ */ r("div", {
+				className: "absolute -inset-1 animate-spin-slow rounded-full opacity-50",
+				style: {
+					background: `conic-gradient(from 0deg, transparent, ${a}, transparent)`,
+					animationDuration: "4s"
+				}
+			}),
+			u && /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("div", {
+				className: "absolute inset-0 animate-level-up-ring rounded-full",
+				style: { borderColor: a }
+			}), /* @__PURE__ */ r("div", {
+				className: "absolute inset-0 animate-level-up-ring-2 rounded-full",
+				style: { borderColor: a }
+			})] })
+		]
+	});
+}
+function f({ active: e, color: n, onComplete: a }) {
+	let [o, s] = t.useState(!1);
+	if (t.useEffect(() => {
+		if (e) {
+			s(!0);
+			let e = setTimeout(() => {
+				s(!1), a();
+			}, 2500);
+			return () => clearTimeout(e);
+		}
+	}, [e, a]), !o) return null;
+	let l = [
+		n,
+		"hsl(var(--warning))",
+		"hsl(var(--foreground))",
+		"hsl(var(--chart-3))",
+		"hsl(var(--success))"
+	];
+	return /* @__PURE__ */ i("div", {
+		className: "pointer-events-none absolute inset-0 z-50 overflow-visible",
+		children: [[...Array(40)].map((e, t) => {
+			let n = t / 40 * 360, i = 80 + Math.random() * 120, a = 4 + Math.random() * 8, o = .8 + Math.random() * .4;
+			return /* @__PURE__ */ r("div", {
+				className: "absolute left-1/2 top-1/2 animate-celebration-burst rounded-full",
+				style: {
+					width: a,
+					height: a,
+					backgroundColor: l[Math.floor(Math.random() * l.length)],
+					"--angle": `${n}deg`,
+					"--distance": `${i}px`,
+					animationDuration: `${o}s`,
+					animationDelay: `${Math.random() * .2}s`,
+					boxShadow: `0 0 ${a * 2}px ${l[Math.floor(Math.random() * l.length)]}`
+				}
+			}, t);
+		}), /* @__PURE__ */ r("div", {
+			className: "absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 animate-level-up-text",
+			children: /* @__PURE__ */ r("div", {
+				className: "whitespace-nowrap rounded-full px-4 py-2 text-sm font-bold text-white shadow-2xl",
+				style: {
+					background: `linear-gradient(135deg, ${n}, ${c(n, .8)})`,
+					boxShadow: `0 0 30px ${c(n, .6)}`
+				},
+				children: "LEVEL UP!"
+			})
+		})]
+	});
+}
+function p({ currentXP: n, requiredXP: p, level: m, previousXP: h, showParticles: g = !0, showLevel: _ = !0, showXPCount: v = !0, onLevelUp: y, levelColors: b = a, nextReward: x, size: S = "md", animated: C = !0, className: w }) {
+	let [T, E] = t.useState(0), [D, O] = t.useState([]), [k, A] = t.useState(!1), [j, M] = t.useState(!1), N = t.useRef(m), P = t.useRef(0), F = t.useRef(null), I = t.useRef(void 0), L = o[S], R = Math.min(100, n / p * 100), z = s(m, b), B = h ?? n;
+	return t.useEffect(() => {
+		if (!C) {
+			E(R);
+			return;
+		}
+		let e = T, t = R - e, n = Date.now(), r = () => {
+			let i = Date.now() - n, a = Math.min(i / 1e3, 1), o = 1 - (1 - a) ** 3;
+			E(e + t * o), a < 1 && requestAnimationFrame(r);
+		};
+		requestAnimationFrame(r);
+	}, [R, C]), t.useEffect(() => {
+		if (!g || !C || n <= B) return;
+		let e = n - B, t = Math.min(30, Math.max(5, Math.floor(e / 10))), r = F.current?.offsetWidth || 200, i = R / 100 * r, a = [];
+		for (let e = 0; e < t; e++) a.push(l(P.current++, i, z, L.particleSize));
+		O((e) => [...e, ...a]);
+	}, [
+		n,
+		B,
+		g,
+		C,
+		z,
+		L.particleSize,
+		R
+	]), t.useEffect(() => {
+		if (D.length === 0) return;
+		let e = () => {
+			O((e) => e.map((e) => ({
+				...e,
+				x: e.x + e.vx,
+				y: e.y + e.vy,
+				vy: e.vy + .1,
+				vx: e.vx * .99,
+				life: e.life + 1
+			})).filter((e) => e.life < e.maxLife)), I.current = requestAnimationFrame(e);
+		};
+		return I.current = requestAnimationFrame(e), () => {
+			I.current && cancelAnimationFrame(I.current);
+		};
+	}, [D.length > 0]), t.useEffect(() => {
+		m > N.current && (A(!0), M(!0), y?.(m), setTimeout(() => A(!1), 1e3)), N.current = m;
+	}, [m, y]), /* @__PURE__ */ i("div", {
+		className: e("relative", w),
+		children: [
+			/* @__PURE__ */ r(f, {
+				active: j,
+				color: z,
+				onComplete: () => M(!1)
+			}),
+			/* @__PURE__ */ i("div", {
+				className: e("flex items-center", L.container),
+				children: [
+					_ && /* @__PURE__ */ r(d, {
+						level: m,
+						color: z,
+						size: S,
+						animated: C,
+						isLevelingUp: k
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "relative flex-1",
+						children: [
+							v && /* @__PURE__ */ i("div", {
+								className: e("mb-1 flex items-center justify-between", L.text),
+								children: [/* @__PURE__ */ i("span", {
+									className: "font-medium text-foreground",
+									children: ["Level ", m]
+								}), /* @__PURE__ */ i("span", {
+									className: "tabular-nums text-muted-foreground",
+									children: [
+										/* @__PURE__ */ r("span", {
+											className: "font-semibold text-foreground",
+											children: n.toLocaleString()
+										}),
+										" / ",
+										p.toLocaleString(),
+										" XP"
+									]
+								})]
+							}),
+							/* @__PURE__ */ i("div", {
+								className: "relative",
+								ref: F,
+								children: [/* @__PURE__ */ i("div", {
+									className: e("relative w-full overflow-hidden rounded-full bg-muted", L.height),
+									children: [/* @__PURE__ */ r("div", {
+										className: "absolute inset-0 rounded-full blur-md transition-all duration-300",
+										style: {
+											width: `${T}%`,
+											background: `linear-gradient(90deg, ${c(z, .3)}, ${c(z, .6)})`
+										}
+									}), /* @__PURE__ */ i("div", {
+										className: "relative h-full rounded-full transition-all duration-300",
+										style: {
+											width: `${T}%`,
+											background: `linear-gradient(90deg, ${z}, ${c(z, .8)})`,
+											boxShadow: C ? `0 0 10px ${c(z, .5)}, inset 0 1px 0 ${c("#ffffff", .3)}` : void 0
+										},
+										children: [C && /* @__PURE__ */ r("div", {
+											className: "absolute inset-0 overflow-hidden rounded-full",
+											children: /* @__PURE__ */ r("div", {
+												className: "absolute inset-0 -translate-x-full animate-xp-shine",
+												style: { background: `linear-gradient(90deg, transparent, ${c("#ffffff", .4)}, transparent)` }
+											})
+										}), C && T > 0 && T < 100 && /* @__PURE__ */ r("div", {
+											className: "absolute right-0 top-1/2 h-2 w-2 -translate-y-1/2 translate-x-1/2 animate-pulse rounded-full",
+											style: {
+												backgroundColor: "#ffffff",
+												boxShadow: `0 0 8px ${z}, 0 0 16px ${z}`
+											}
+										})]
+									})]
+								}), g && /* @__PURE__ */ r(u, { particles: D })]
+							}),
+							v && /* @__PURE__ */ i("div", {
+								className: e("mt-1 text-right text-muted-foreground", L.text),
+								children: [/* @__PURE__ */ r("span", {
+									className: "tabular-nums",
+									children: (p - n).toLocaleString()
+								}), " XP to next level"]
+							})
+						]
+					}),
+					x && /* @__PURE__ */ i("div", {
+						className: "flex flex-col items-center opacity-60 transition-opacity hover:opacity-100",
+						children: [/* @__PURE__ */ r("div", {
+							className: e("text-muted-foreground", L.text),
+							children: "Next:"
+						}), x]
+					})
+				]
+			}),
+			/* @__PURE__ */ r("style", { children: "\n        @keyframes xp-shine {\n          0% { transform: translateX(-100%); }\n          50%, 100% { transform: translateX(200%); }\n        }\n        .animate-xp-shine {\n          animation: xp-shine 2.5s ease-in-out infinite;\n        }\n\n        @keyframes spin-slow {\n          from { transform: rotate(0deg); }\n          to { transform: rotate(360deg); }\n        }\n        .animate-spin-slow {\n          animation: spin-slow 4s linear infinite;\n        }\n\n        @keyframes level-up-badge {\n          0% { transform: scale(1); }\n          25% { transform: scale(1.3); }\n          50% { transform: scale(1.1); }\n          75% { transform: scale(1.2); }\n          100% { transform: scale(1); }\n        }\n        .animate-level-up-badge {\n          animation: level-up-badge 0.6s ease-out;\n        }\n\n        @keyframes level-up-ring {\n          0% {\n            transform: scale(1);\n            opacity: 1;\n            border-width: 4px;\n          }\n          100% {\n            transform: scale(2);\n            opacity: 0;\n            border-width: 1px;\n          }\n        }\n        .animate-level-up-ring {\n          animation: level-up-ring 0.8s ease-out forwards;\n          border-style: solid;\n        }\n\n        @keyframes level-up-ring-2 {\n          0% {\n            transform: scale(1);\n            opacity: 0.8;\n            border-width: 2px;\n          }\n          100% {\n            transform: scale(2.5);\n            opacity: 0;\n            border-width: 1px;\n          }\n        }\n        .animate-level-up-ring-2 {\n          animation: level-up-ring-2 1s ease-out 0.1s forwards;\n          border-style: solid;\n        }\n\n        @keyframes celebration-burst {\n          0% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);\n            opacity: 1;\n          }\n          100% {\n            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0);\n            opacity: 0;\n          }\n        }\n        .animate-celebration-burst {\n          animation: celebration-burst 1s ease-out forwards;\n        }\n\n        @keyframes level-up-text {\n          0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }\n          20% { transform: translate(-50%, -50%) scale(1.2); opacity: 1; }\n          30% { transform: translate(-50%, -50%) scale(1); }\n          70% { transform: translate(-50%, -50%) scale(1); opacity: 1; }\n          100% { transform: translate(-50%, -50%) scale(1.3); opacity: 0; }\n        }\n        .animate-level-up-text {\n          animation: level-up-text 2s ease-out forwards;\n        }\n      " })
+		]
+	});
+}
+p.displayName = "WakaXPBar";
+function m({ initialXP: e = 0, initialLevel: n = 1, xpPerLevel: r = 1e3, onLevelChange: i } = {}) {
+	let [a, o] = t.useState(e), [s, c] = t.useState(n), [l, u] = t.useState(e), d = t.useCallback((e) => typeof r == "function" ? r(e) : r, [r]), f = d(s);
+	return {
+		currentXP: a,
+		requiredXP: f,
+		level: s,
+		previousXP: l,
+		addXP: t.useCallback((e) => {
+			u(a), o((t) => {
+				let n = t + e, r = s, a = d(r);
+				for (; n >= a;) n -= a, r++, a = d(r);
+				return r !== s && (c(r), i?.(r, s)), n;
+			});
+		}, [
+			a,
+			s,
+			d,
+			i
+		]),
+		setXP: t.useCallback((e) => {
+			u(a), o(e);
+		}, [a]),
+		setLevel: c,
+		reset: t.useCallback(() => {
+			u(0), o(e), c(n);
+		}, [e, n]),
+		progressPercent: a / f * 100
+	};
+}
+//#endregion
+export { p as WakaXPBar, m as useXPBar };

package/dist/context/admincrumb-context.cjs.js

@@ -0,0 +1 @@
+"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,initialSelection:i,onSelectionChange:a,persistKey:o=`admincrumb-selection`}){let[s,c]=t.useState(()=>{if(typeof window<`u`&&o){let e=localStorage.getItem(o);if(e)try{return JSON.parse(e)}catch(e){console.error(`Failed to parse stored admincrumb selection`,e)}}return i||{}});t.useEffect(()=>{typeof window<`u`&&o&&localStorage.setItem(o,JSON.stringify(s))},[s,o]),t.useEffect(()=>{a?.(s)},[s,a]);let l=t.useCallback(e=>{c({partner:e,network:void 0,customer:void 0})},[]),u=t.useCallback(e=>{c(t=>({...t,network:e,customer:void 0}))},[]),d=t.useCallback(e=>{c(t=>({...t,customer:e}))},[]),f=t.useCallback(()=>{c({})},[]),p=t.useMemo(()=>!!(s.partner||s.network||s.customer),[s]),m=t.useCallback(()=>({...s.partner?.id&&{partnerId:s.partner.id},...s.network?.id&&{networkId:s.network.id},...s.customer?.id&&{customerId:s.customer.id}}),[s]),h=t.useMemo(()=>({selection:s,setPartner:l,setNetwork:u,setCustomer:d,reset:f,isFiltered:p,getFilterQuery:m}),[s,l,u,d,f,p,m]);return(0,n.jsx)(r.Provider,{value:h,children:e})}function a(){let e=t.useContext(r);if(!e)throw Error(`useAdmincrumbContext must be used within AdmincrumbProvider`);return e}function o(){return t.useContext(r)}exports.AdmincrumbProvider=i,exports.useAdmincrumbContext=a,exports.useAdmincrumbContextOptional=o;

package/dist/context/admincrumb-context.d.ts

@@ -31,4 +31,4 @@ export interface AdmincrumbProviderProps {
 }
 export declare function AdmincrumbProvider({ children, initialSelection, onSelectionChange, persistKey }: AdmincrumbProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useAdmincrumbContext(): AdmincrumbContextValue;
-export declare function useAdmincrumbContextOptional(): AdmincrumbContextValue;
+export declare function useAdmincrumbContextOptional(): AdmincrumbContextValue | undefined;

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

@@ -0,0 +1,78 @@
+"use client";
+"use client";
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/context/admincrumb-context.tsx
+var n = e.createContext(void 0);
+function r({ children: r, initialSelection: i, onSelectionChange: a, persistKey: o = "admincrumb-selection" }) {
+	let [s, c] = e.useState(() => {
+		if (typeof window < "u" && o) {
+			let e = localStorage.getItem(o);
+			if (e) try {
+				return JSON.parse(e);
+			} catch (e) {
+				console.error("Failed to parse stored admincrumb selection", e);
+			}
+		}
+		return i || {};
+	});
+	e.useEffect(() => {
+		typeof window < "u" && o && localStorage.setItem(o, JSON.stringify(s));
+	}, [s, o]), e.useEffect(() => {
+		a?.(s);
+	}, [s, a]);
+	let l = e.useCallback((e) => {
+		c({
+			partner: e,
+			network: void 0,
+			customer: void 0
+		});
+	}, []), u = e.useCallback((e) => {
+		c((t) => ({
+			...t,
+			network: e,
+			customer: void 0
+		}));
+	}, []), d = e.useCallback((e) => {
+		c((t) => ({
+			...t,
+			customer: e
+		}));
+	}, []), f = e.useCallback(() => {
+		c({});
+	}, []), p = e.useMemo(() => !!(s.partner || s.network || s.customer), [s]), m = e.useCallback(() => ({
+		...s.partner?.id && { partnerId: s.partner.id },
+		...s.network?.id && { networkId: s.network.id },
+		...s.customer?.id && { customerId: s.customer.id }
+	}), [s]), h = e.useMemo(() => ({
+		selection: s,
+		setPartner: l,
+		setNetwork: u,
+		setCustomer: d,
+		reset: f,
+		isFiltered: p,
+		getFilterQuery: m
+	}), [
+		s,
+		l,
+		u,
+		d,
+		f,
+		p,
+		m
+	]);
+	return /* @__PURE__ */ t(n.Provider, {
+		value: h,
+		children: r
+	});
+}
+function i() {
+	let t = e.useContext(n);
+	if (!t) throw Error("useAdmincrumbContext must be used within AdmincrumbProvider");
+	return t;
+}
+function a() {
+	return e.useContext(n);
+}
+//#endregion
+export { r as AdmincrumbProvider, i as useAdmincrumbContext, a as useAdmincrumbContextOptional };

package/dist/context/language-context.cjs.js

@@ -0,0 +1 @@
+"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"),r=require("react-i18next");var i=t.createContext(void 0);function a({children:e,languages:a,defaultLanguage:o=`fr`,s3Config:s,onLanguageChange:c}){let{i18n:l}=(0,r.useTranslation)(),[u,d]=t.useState(o),[f,p]=t.useState(!0),[m,h]=t.useState(new Set),[g,_]=t.useState(!1),v=t.useCallback(async e=>{if(!s)throw Error(`S3 configuration not provided`);let{baseUrl:t,prefix:n=``,extension:r=`json`,headers:i={}}=s,a=`${t.replace(/\/$/,``)}/${n}${e}.${r}`;console.log(`[LanguageProvider] Loading translations from S3: ${a}`);try{let t=await fetch(a,{headers:{Accept:`application/json`,...i}});if(!t.ok)throw Error(`Failed to load translations: ${t.status} ${t.statusText}`);let n=await t.json();return console.log(`[LanguageProvider] ✓ Translations loaded for ${e}`),n}catch(t){throw console.error(`[LanguageProvider] ✗ Error loading translations for ${e}:`,t),t}},[s]);t.useEffect(()=>{g||!l||!s||(async()=>{try{let e=typeof window<`u`?localStorage.getItem(`language`):null,t=e&&a.some(t=>t.code===e)?e:o;console.log(`[LanguageProvider] Initializing with language: ${t}`);let n=await v(t);l.addResourceBundle&&l.addResourceBundle(t,`translation`,n,!0,!0),await l.changeLanguage(t),d(t),h(new Set([t])),_(!0),console.log(`[LanguageProvider] ✓ Initialized with ${t}`)}catch(e){console.error(`[LanguageProvider] Error initializing:`,e),_(!0)}finally{p(!1)}})()},[g,l,s,o,a,v]);let y={currentLanguage:u,languages:a,changeLanguage:t.useCallback(async e=>{if(e!==u){if(!l?.changeLanguage){console.error(`[LanguageProvider] i18next is not initialized`);return}if(!s){console.error(`[LanguageProvider] S3 config not provided`);return}p(!0);try{if(!m.has(e)){console.log(`[LanguageProvider] Loading ${e} from S3...`);let t=await v(e);l.addResourceBundle&&l.addResourceBundle(e,`translation`,t,!0,!0),h(t=>new Set([...t,e]))}await l.changeLanguage(e),d(e),typeof window<`u`&&localStorage.setItem(`language`,e),c?.(e),console.log(`[LanguageProvider] ✓ Language changed to: ${e}`)}catch(e){throw console.error(`[LanguageProvider] ✗ Error changing language:`,e),e}finally{p(!1)}}},[u,m,s,v,l,c]),isLoading:f,loadedLanguages:m};return(0,n.jsx)(i.Provider,{value:y,children:e})}function o(){let e=t.useContext(i);if(!e)throw Error(`useLanguage must be used within a LanguageProvider`);return e}exports.LanguageProvider=a,exports.useLanguage=o;

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

@@ -0,0 +1,95 @@
+"use client";
+"use client";
+import * as e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import { useTranslation as n } from "react-i18next";
+//#region src/context/language-context.tsx
+var r = e.createContext(void 0);
+function i({ children: i, languages: a, defaultLanguage: o = "fr", s3Config: s, onLanguageChange: c }) {
+	let { i18n: l } = n(), [u, d] = e.useState(o), [f, p] = e.useState(!0), [m, h] = e.useState(/* @__PURE__ */ new Set()), [g, _] = e.useState(!1), v = e.useCallback(async (e) => {
+		if (!s) throw Error("S3 configuration not provided");
+		let { baseUrl: t, prefix: n = "", extension: r = "json", headers: i = {} } = s, a = `${t.replace(/\/$/, "")}/${n}${e}.${r}`;
+		console.log(`[LanguageProvider] Loading translations from S3: ${a}`);
+		try {
+			let t = await fetch(a, { headers: {
+				Accept: "application/json",
+				...i
+			} });
+			if (!t.ok) throw Error(`Failed to load translations: ${t.status} ${t.statusText}`);
+			let n = await t.json();
+			return console.log(`[LanguageProvider] ✓ Translations loaded for ${e}`), n;
+		} catch (t) {
+			throw console.error(`[LanguageProvider] ✗ Error loading translations for ${e}:`, t), t;
+		}
+	}, [s]);
+	e.useEffect(() => {
+		g || !l || !s || (async () => {
+			try {
+				let e = typeof window < "u" ? localStorage.getItem("language") : null, t = e && a.some((t) => t.code === e) ? e : o;
+				console.log(`[LanguageProvider] Initializing with language: ${t}`);
+				let n = await v(t);
+				l.addResourceBundle && l.addResourceBundle(t, "translation", n, !0, !0), await l.changeLanguage(t), d(t), h(/* @__PURE__ */ new Set([t])), _(!0), console.log(`[LanguageProvider] ✓ Initialized with ${t}`);
+			} catch (e) {
+				console.error("[LanguageProvider] Error initializing:", e), _(!0);
+			} finally {
+				p(!1);
+			}
+		})();
+	}, [
+		g,
+		l,
+		s,
+		o,
+		a,
+		v
+	]);
+	let y = {
+		currentLanguage: u,
+		languages: a,
+		changeLanguage: e.useCallback(async (e) => {
+			if (e !== u) {
+				if (!l?.changeLanguage) {
+					console.error("[LanguageProvider] i18next is not initialized");
+					return;
+				}
+				if (!s) {
+					console.error("[LanguageProvider] S3 config not provided");
+					return;
+				}
+				p(!0);
+				try {
+					if (!m.has(e)) {
+						console.log(`[LanguageProvider] Loading ${e} from S3...`);
+						let t = await v(e);
+						l.addResourceBundle && l.addResourceBundle(e, "translation", t, !0, !0), h((t) => /* @__PURE__ */ new Set([...t, e]));
+					}
+					await l.changeLanguage(e), d(e), typeof window < "u" && localStorage.setItem("language", e), c?.(e), console.log(`[LanguageProvider] ✓ Language changed to: ${e}`);
+				} catch (e) {
+					throw console.error("[LanguageProvider] ✗ Error changing language:", e), e;
+				} finally {
+					p(!1);
+				}
+			}
+		}, [
+			u,
+			m,
+			s,
+			v,
+			l,
+			c
+		]),
+		isLoading: f,
+		loadedLanguages: m
+	};
+	return /* @__PURE__ */ t(r.Provider, {
+		value: y,
+		children: i
+	});
+}
+function a() {
+	let t = e.useContext(r);
+	if (!t) throw Error("useLanguage must be used within a LanguageProvider");
+	return t;
+}
+//#endregion
+export { i as LanguageProvider, a as useLanguage };

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

@@ -0,0 +1 @@
+"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,config:i}){let{defaultTheme:s=`light`,storageKey:c=`waka-ui-theme`,themes:l,enableSystem:u=!0,s3Config:d}=i||{},[f,p]=t.useState(s),[m,h]=t.useState(),[g,_]=t.useState([]),[v,y]=t.useState(!0),[b,x]=t.useState(`fallback`);t.useEffect(()=>{(async()=>{if(y(!0),l&&l.length>0){let e=a(l);_(e),x(`config`),y(!1),console.log(`[ThemeProvider] Using themes from config:`,e.length);return}if(d?.baseUrl)try{let e=await o(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]),t.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]),t.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]),t.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=t.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=t.useMemo(()=>({theme:f,setTheme:S,themes:g,systemTheme:m,isLoadingThemes:v,themesSource:b}),[f,S,g,m,v,b]);return(0,n.jsx)(r.Provider,{value:C,children:e})}function a(e){return e.length===0?[]:typeof e[0]==`string`?e.map(e=>({id:e,label:s(e),previewColor:c(e)})):e}async function o(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 s(e){return e.split(`-`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function c(e){return{light:`#3b82f6`,dark:`#1e293b`,forest:`#10b981`,sunset:`#f59e0b`,twilight:`#8b5cf6`,monochrome:`#6b7280`,perpetuity:`#ec4899`}[e]||`#3b82f6`}function l(){let e=t.useContext(r);if(!e)throw Error(`useTheme must be used within a ThemeProvider`);return e}exports.ThemeProvider=i,exports.useTheme=l;