@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-status-matrix/index.es.js

@@ -0,0 +1,304 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { localDateKey as t, parseLocalDate as n } from "../../utils/local-date.es.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/waka-status-matrix/index.tsx
+var o = [
+	"Jan",
+	"Feb",
+	"Mar",
+	"Apr",
+	"May",
+	"Jun",
+	"Jul",
+	"Aug",
+	"Sep",
+	"Oct",
+	"Nov",
+	"Dec"
+], s = [
+	"Sun",
+	"Mon",
+	"Tue",
+	"Wed",
+	"Thu",
+	"Fri",
+	"Sat"
+], c = {
+	sm: {
+		cell: "w-2 h-2",
+		gap: "gap-0.5",
+		fontSize: "text-[9px]"
+	},
+	md: {
+		cell: "w-3 h-3",
+		gap: "gap-1",
+		fontSize: "text-[10px]"
+	},
+	lg: {
+		cell: "w-4 h-4",
+		gap: "gap-1.5",
+		fontSize: "text-xs"
+	}
+}, l = {
+	green: [
+		"bg-gray-100 dark:bg-gray-800",
+		"bg-green-200 dark:bg-green-900",
+		"bg-green-400 dark:bg-green-700",
+		"bg-green-500 dark:bg-green-600",
+		"bg-green-600 dark:bg-green-500"
+	],
+	blue: [
+		"bg-gray-100 dark:bg-gray-800",
+		"bg-blue-200 dark:bg-blue-900",
+		"bg-blue-400 dark:bg-blue-700",
+		"bg-blue-500 dark:bg-blue-600",
+		"bg-blue-600 dark:bg-blue-500"
+	],
+	purple: [
+		"bg-gray-100 dark:bg-gray-800",
+		"bg-purple-200 dark:bg-purple-900",
+		"bg-purple-400 dark:bg-purple-700",
+		"bg-purple-500 dark:bg-purple-600",
+		"bg-purple-600 dark:bg-purple-500"
+	],
+	orange: [
+		"bg-gray-100 dark:bg-gray-800",
+		"bg-orange-200 dark:bg-orange-900",
+		"bg-orange-400 dark:bg-orange-700",
+		"bg-orange-500 dark:bg-orange-600",
+		"bg-orange-600 dark:bg-orange-500"
+	],
+	status: [
+		"bg-gray-100 dark:bg-gray-800",
+		"bg-green-500 dark:bg-green-600",
+		"bg-yellow-500 dark:bg-yellow-600",
+		"bg-orange-500 dark:bg-orange-600",
+		"bg-red-500 dark:bg-red-600"
+	]
+}, u = {
+	up: "bg-green-500 dark:bg-green-600",
+	degraded: "bg-yellow-500 dark:bg-yellow-600",
+	maintenance: "bg-blue-500 dark:bg-blue-600",
+	down: "bg-red-500 dark:bg-red-600"
+}, d = {
+	up: "Operational",
+	degraded: "Degraded",
+	maintenance: "Maintenance",
+	down: "Down"
+};
+function f(e, t, n) {
+	let r = /* @__PURE__ */ new Date(), i, a = n || r;
+	if (t) i = t;
+	else switch (e) {
+		case "year":
+			i = new Date(a.getFullYear() - 1, a.getMonth(), a.getDate());
+			break;
+		case "quarter":
+			i = new Date(a.getFullYear(), a.getMonth() - 3, a.getDate());
+			break;
+		case "month":
+			i = new Date(a.getFullYear(), a.getMonth() - 1, a.getDate());
+			break;
+		case "week":
+			i = new Date(a.getFullYear(), a.getMonth(), a.getDate() - 7);
+			break;
+		default: i = new Date(a.getFullYear() - 1, a.getMonth(), a.getDate());
+	}
+	return {
+		start: i,
+		end: a
+	};
+}
+function p(e, t) {
+	let n = [], r = new Date(e), i = r.getDay();
+	for (r.setDate(r.getDate() - i); r <= t || n.length === 0 || n.length > 0 && n[n.length - 1].length < 7;) {
+		let e = [];
+		for (let t = 0; t < 7; t++) e.push(new Date(r)), r.setDate(r.getDate() + 1);
+		if (n.push(e), r > t && e[6] >= t) break;
+	}
+	return n;
+}
+function m(e, t) {
+	if (e === 0) return 0;
+	let n = e / t;
+	return n <= .25 ? 1 : n <= .5 ? 2 : n <= .75 ? 3 : 4;
+}
+function h(e) {
+	let t = [], n = -1;
+	return e.forEach((e, r) => {
+		let i = e[0].getMonth();
+		i !== n && (t.push({
+			month: o[i],
+			position: r
+		}), n = i);
+	}), t;
+}
+function g({ date: t, value: n, status: r, position: o }) {
+	let s = t.toLocaleDateString("en-US", {
+		weekday: "long",
+		year: "numeric",
+		month: "long",
+		day: "numeric"
+	}), c = r ? d[r] : `${n} contributions`;
+	return /* @__PURE__ */ a("div", {
+		className: e("absolute z-50 px-3 py-2 text-xs font-medium text-white bg-gray-900 dark:bg-gray-100 dark:text-gray-900 rounded-lg shadow-lg", "pointer-events-none whitespace-nowrap", "animate-in fade-in-0 zoom-in-95 duration-200"),
+		style: {
+			left: o.x,
+			top: o.y,
+			transform: "translate(-50%, -100%) translateY(-8px)"
+		},
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "font-semibold",
+				children: c
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "text-gray-400 dark:text-gray-500",
+				children: s
+			}),
+			/* @__PURE__ */ i("div", { className: "absolute left-1/2 bottom-0 w-2 h-2 bg-gray-900 dark:bg-gray-100 transform -translate-x-1/2 translate-y-1/2 rotate-45" })
+		]
+	});
+}
+function _({ date: t, value: n, status: a, colorScheme: o, maxValue: s, size: d, isInRange: f, onClick: p, onHover: h, emptyColor: g }) {
+	let _ = r.useRef(null), v = () => {
+		if (!f) return;
+		let e = _.current?.getBoundingClientRect();
+		e && h({
+			date: t,
+			value: n,
+			status: a,
+			position: {
+				x: e.left + e.width / 2,
+				y: e.top
+			}
+		});
+	}, y = () => {
+		h(null);
+	}, b = () => {
+		f && p && p(t, n);
+	}, x;
+	if (!f) x = "bg-transparent";
+	else if (o === "status" && a) x = u[a];
+	else {
+		let e = m(n, s);
+		x = l[o][e];
+	}
+	let S = f && n === 0 && g ? { backgroundColor: g } : void 0;
+	return /* @__PURE__ */ i("div", {
+		ref: _,
+		className: e(c[d].cell, "rounded-sm transition-all duration-200 ease-out", f && "cursor-pointer hover:ring-2 hover:ring-gray-400 dark:hover:ring-gray-500 hover:ring-offset-1", f && "hover:scale-110", x),
+		style: S,
+		onMouseEnter: v,
+		onMouseLeave: y,
+		onClick: b,
+		role: f ? "button" : void 0,
+		tabIndex: f ? 0 : void 0,
+		"aria-label": f ? `${t.toDateString()}: ${n}` : void 0
+	});
+}
+function v({ colorScheme: t, size: n }) {
+	return t === "status" ? /* @__PURE__ */ i("div", {
+		className: "flex items-center gap-4 mt-4 flex-wrap",
+		children: Object.keys(u).map((t) => /* @__PURE__ */ a("div", {
+			className: "flex items-center gap-1.5",
+			children: [/* @__PURE__ */ i("div", { className: e(c[n].cell, "rounded-sm", u[t]) }), /* @__PURE__ */ i("span", {
+				className: e("text-muted-foreground", c[n].fontSize),
+				children: d[t]
+			})]
+		}, t))
+	}) : /* @__PURE__ */ a("div", {
+		className: "flex items-center gap-2 mt-4",
+		children: [
+			/* @__PURE__ */ i("span", {
+				className: e("text-muted-foreground", c[n].fontSize),
+				children: "Less"
+			}),
+			/* @__PURE__ */ i("div", {
+				className: "flex items-center gap-0.5",
+				children: l[t].map((t, r) => /* @__PURE__ */ i("div", { className: e(c[n].cell, "rounded-sm", t) }, r))
+			}),
+			/* @__PURE__ */ i("span", {
+				className: e("text-muted-foreground", c[n].fontSize),
+				children: "More"
+			})
+		]
+	});
+}
+function y({ data: o, startDate: l, endDate: u, view: d = "year", colorScheme: m = "green", cellSize: y = "md", showLabels: b = !0, showLegend: x = !0, onCellClick: S, emptyColor: C, className: w }) {
+	let [T, E] = r.useState(null), D = r.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		return o.forEach((r) => {
+			let i = t(n(r.date));
+			e.set(i, {
+				value: r.value,
+				status: r.status
+			});
+		}), e;
+	}, [o]), O = r.useMemo(() => o.length === 0 ? 1 : Math.max(...o.map((e) => e.value), 1), [o]), { start: k, end: A } = r.useMemo(() => f(d, l, u), [
+		d,
+		l,
+		u
+	]), j = r.useMemo(() => p(k, A), [k, A]), M = r.useMemo(() => h(j), [j]), N = (e) => e >= k && e <= A;
+	return /* @__PURE__ */ a("div", {
+		className: e("relative inline-block", w),
+		children: [
+			b && /* @__PURE__ */ i("div", {
+				className: e("flex mb-2 ml-8", c[y].gap),
+				children: j.map((t, n) => {
+					let r = M.find((e) => e.position === n);
+					return /* @__PURE__ */ i("div", {
+						className: e(c[y].cell, "flex items-end justify-start", c[y].fontSize, "text-muted-foreground"),
+						children: r?.month
+					}, n);
+				})
+			}),
+			/* @__PURE__ */ a("div", {
+				className: "flex",
+				children: [b && /* @__PURE__ */ i("div", {
+					className: e("flex flex-col mr-2", c[y].gap),
+					children: s.map((t, n) => /* @__PURE__ */ i("div", {
+						className: e(c[y].cell, "flex items-center justify-end pr-1", c[y].fontSize, "text-muted-foreground", n % 2 == 0 ? "invisible" : ""),
+						children: t
+					}, t))
+				}), /* @__PURE__ */ i("div", {
+					className: e("flex", c[y].gap),
+					children: j.map((n, r) => /* @__PURE__ */ i("div", {
+						className: e("flex flex-col", c[y].gap),
+						children: n.map((e, n) => {
+							let a = t(e), o = D.get(a), s = N(e);
+							return /* @__PURE__ */ i(_, {
+								date: e,
+								value: o?.value ?? 0,
+								status: o?.status,
+								colorScheme: m,
+								maxValue: O,
+								size: y,
+								isInRange: s,
+								onClick: S,
+								onHover: E,
+								emptyColor: C
+							}, `${r}-${n}`);
+						})
+					}, r))
+				})]
+			}),
+			x && /* @__PURE__ */ i(v, {
+				colorScheme: m,
+				size: y
+			}),
+			T && /* @__PURE__ */ i(g, {
+				date: T.date,
+				value: T.value,
+				status: T.status,
+				position: T.position,
+				colorScheme: m
+			})
+		]
+	});
+}
+//#endregion
+export { y as default };

package/dist/components/waka-stepper/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a=n.createContext(null);function o(){let e=n.useContext(a);if(!e)throw Error(`useStepperContext must be used within a WakaStepper`);return e}function s({step:e,index:n,status:a}){let{variant:s,size:c}=o(),l={sm:`h-6 w-6 text-xs`,md:`h-8 w-8 text-sm`,lg:`h-10 w-10 text-base`},u={sm:`h-3 w-3`,md:`h-4 w-4`,lg:`h-5 w-5`},d=t.cn(`rounded-full flex items-center justify-center font-medium transition-all duration-200`,l[c]);return(0,i.jsx)(`div`,{className:t.cn(d,{pending:`bg-muted text-muted-foreground border-2 border-muted`,current:`bg-primary text-primary-foreground border-2 border-primary shadow-md`,completed:`bg-primary text-primary-foreground border-2 border-primary`,error:`bg-destructive text-destructive-foreground border-2 border-destructive`}[a]),children:e.icon&&a===`current`?e.icon:a===`completed`?(0,i.jsx)(r.Check,{className:u[c]}):a===`error`?(0,i.jsx)(r.AlertCircle,{className:u[c]}):s===`simple`?(0,i.jsx)(r.Circle,{className:t.cn(u[c],a===`current`?`fill-current`:``)}):(0,i.jsx)(`span`,{children:n+1})})}function c({isCompleted:e,orientation:n}){return(0,i.jsx)(`div`,{className:t.cn(t.cn(`transition-colors duration-300`,n===`horizontal`?`flex-1 h-0.5 mx-2`:`w-0.5 min-h-[24px] mx-auto my-1`),e?`bg-primary`:`bg-muted`)})}function l({step:e,index:n,isLast:r}){let{currentStep:a,orientation:l,size:u,clickable:d,allowPrevious:f,goToStep:p,getStepStatus:m}=o(),h=m(n),g=d&&!e.disabled&&(f?n<a:!0),_={sm:`text-xs`,md:`text-sm`,lg:`text-base`},v={sm:`text-[10px]`,md:`text-xs`,lg:`text-sm`},y=()=>{g&&p(n)};return l===`vertical`?(0,i.jsxs)(`div`,{className:`flex`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:y,disabled:!g,className:t.cn(`flex items-center gap-3 text-left`,g&&`cursor-pointer hover:opacity-80`,!g&&`cursor-default`),children:(0,i.jsx)(s,{step:e,index:n,status:h})}),!r&&(0,i.jsx)(c,{isCompleted:h===`completed`,orientation:`vertical`})]}),(0,i.jsx)(`div`,{className:`ml-3 pb-6`,children:(0,i.jsxs)(`button`,{type:`button`,onClick:y,disabled:!g,className:t.cn(`text-left`,g&&`cursor-pointer hover:opacity-80`,!g&&`cursor-default`),children:[(0,i.jsxs)(`p`,{className:t.cn(`font-medium`,_[u],h===`current`?`text-foreground`:`text-muted-foreground`,e.disabled&&`opacity-50`),children:[e.title,e.optional&&(0,i.jsx)(`span`,{className:`ml-1 text-muted-foreground font-normal`,children:`(Optionnel)`})]}),e.description&&(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground mt-0.5`,v[u]),children:e.description})]})})]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`flex flex-col items-center`,children:(0,i.jsxs)(`button`,{type:`button`,onClick:y,disabled:!g,className:t.cn(`flex flex-col items-center gap-2`,g&&`cursor-pointer hover:opacity-80`,!g&&`cursor-default`),children:[(0,i.jsx)(s,{step:e,index:n,status:h}),(0,i.jsxs)(`div`,{className:`text-center min-w-[80px] max-w-[120px]`,children:[(0,i.jsx)(`p`,{className:t.cn(`font-medium`,_[u],h===`current`?`text-foreground`:`text-muted-foreground`,e.disabled&&`opacity-50`),children:e.title}),e.description&&(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground mt-0.5 hidden sm:block`,v[u]),children:e.description})]})]})}),!r&&(0,i.jsx)(c,{isCompleted:h===`completed`,orientation:`horizontal`})]})}function u({steps:e,currentStep:r,onStepChange:o,orientation:s=`horizontal`,variant:c=`default`,size:u=`md`,clickable:d=!1,allowPrevious:f=!0,showContent:p=!1,className:m}){let h=n.useCallback(e=>e<r?`completed`:e===r?`current`:`pending`,[r]),g=n.useCallback(t=>{t>=0&&t<e.length&&!e[t].disabled&&o?.(t)},[e,o]),_={currentStep:r,orientation:s,variant:c,size:u,clickable:d,allowPrevious:f,goToStep:g,nextStep:n.useCallback(()=>{r<e.length-1&&g(r+1)},[r,e.length,g]),prevStep:n.useCallback(()=>{r>0&&g(r-1)},[r,g]),getStepStatus:h};return(0,i.jsx)(a.Provider,{value:_,children:(0,i.jsxs)(`div`,{className:t.cn(`w-full`,m),children:[(0,i.jsx)(`nav`,{"aria-label":`Progress`,className:t.cn(s===`horizontal`?`flex items-start justify-between`:`flex flex-col`),children:e.map((t,n)=>(0,i.jsx)(l,{step:t,index:n,isLast:n===e.length-1},t.id))}),p&&e[r]?.content&&(0,i.jsx)(`div`,{className:`mt-6 p-4 rounded-lg border bg-card`,children:e[r].content})]})})}function d({prevLabel:e=`Précédent`,nextLabel:r=`Suivant`,finishLabel:o=`Terminer`,onFinish:s,showCancel:c=!1,cancelLabel:l=`Annuler`,onCancel:u,disableNext:d=!1,className:f}){let p=n.useContext(a);if(!p)throw Error(`StepperNavigation must be used within a WakaStepper`);let{currentStep:m,prevStep:h,nextStep:g}=p;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mt-6`,f),children:[(0,i.jsx)(`div`,{className:`flex gap-2`,children:c&&(0,i.jsx)(`button`,{type:`button`,onClick:u,className:`px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors`,children:l})}),(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:h,disabled:m===0,className:t.cn(`px-4 py-2 text-sm font-medium rounded-md border transition-colors`,m===0?`opacity-50 cursor-not-allowed`:`hover:bg-muted`),children:e}),(0,i.jsx)(`button`,{type:`button`,onClick:s||g,disabled:d,className:t.cn(`px-4 py-2 text-sm font-medium rounded-md bg-primary text-primary-foreground transition-colors`,d?`opacity-50 cursor-not-allowed`:`hover:bg-primary/90`),children:s?o:r})]})]})}exports.StepperNavigation=d,exports.default=u,exports.useStepperContext=o;

package/dist/components/waka-stepper/index.es.js

@@ -0,0 +1,188 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { AlertCircle as n, Check as r, Circle as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/waka-stepper/index.tsx
+var c = t.createContext(null);
+function l() {
+	let e = t.useContext(c);
+	if (!e) throw Error("useStepperContext must be used within a WakaStepper");
+	return e;
+}
+function u({ step: t, index: a, status: s }) {
+	let { variant: c, size: u } = l(), d = {
+		sm: "h-6 w-6 text-xs",
+		md: "h-8 w-8 text-sm",
+		lg: "h-10 w-10 text-base"
+	}, f = {
+		sm: "h-3 w-3",
+		md: "h-4 w-4",
+		lg: "h-5 w-5"
+	};
+	return /* @__PURE__ */ o("div", {
+		className: e(e("rounded-full flex items-center justify-center font-medium transition-all duration-200", d[u]), {
+			pending: "bg-muted text-muted-foreground border-2 border-muted",
+			current: "bg-primary text-primary-foreground border-2 border-primary shadow-md",
+			completed: "bg-primary text-primary-foreground border-2 border-primary",
+			error: "bg-destructive text-destructive-foreground border-2 border-destructive"
+		}[s]),
+		children: t.icon && s === "current" ? t.icon : s === "completed" ? /* @__PURE__ */ o(r, { className: f[u] }) : s === "error" ? /* @__PURE__ */ o(n, { className: f[u] }) : c === "simple" ? /* @__PURE__ */ o(i, { className: e(f[u], s === "current" ? "fill-current" : "") }) : /* @__PURE__ */ o("span", { children: a + 1 })
+	});
+}
+function d({ isCompleted: t, orientation: n }) {
+	return /* @__PURE__ */ o("div", { className: e(e("transition-colors duration-300", n === "horizontal" ? "flex-1 h-0.5 mx-2" : "w-0.5 min-h-[24px] mx-auto my-1"), t ? "bg-primary" : "bg-muted") });
+}
+function f({ step: t, index: n, isLast: r }) {
+	let { currentStep: i, orientation: c, size: f, clickable: p, allowPrevious: m, goToStep: h, getStepStatus: g } = l(), _ = g(n), v = p && !t.disabled && (m ? n < i : !0), y = {
+		sm: "text-xs",
+		md: "text-sm",
+		lg: "text-base"
+	}, b = {
+		sm: "text-[10px]",
+		md: "text-xs",
+		lg: "text-sm"
+	}, x = () => {
+		v && h(n);
+	};
+	return c === "vertical" ? /* @__PURE__ */ s("div", {
+		className: "flex",
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: x,
+				disabled: !v,
+				className: e("flex items-center gap-3 text-left", v && "cursor-pointer hover:opacity-80", !v && "cursor-default"),
+				children: /* @__PURE__ */ o(u, {
+					step: t,
+					index: n,
+					status: _
+				})
+			}), !r && /* @__PURE__ */ o(d, {
+				isCompleted: _ === "completed",
+				orientation: "vertical"
+			})]
+		}), /* @__PURE__ */ o("div", {
+			className: "ml-3 pb-6",
+			children: /* @__PURE__ */ s("button", {
+				type: "button",
+				onClick: x,
+				disabled: !v,
+				className: e("text-left", v && "cursor-pointer hover:opacity-80", !v && "cursor-default"),
+				children: [/* @__PURE__ */ s("p", {
+					className: e("font-medium", y[f], _ === "current" ? "text-foreground" : "text-muted-foreground", t.disabled && "opacity-50"),
+					children: [t.title, t.optional && /* @__PURE__ */ o("span", {
+						className: "ml-1 text-muted-foreground font-normal",
+						children: "(Optionnel)"
+					})]
+				}), t.description && /* @__PURE__ */ o("p", {
+					className: e("text-muted-foreground mt-0.5", b[f]),
+					children: t.description
+				})]
+			})
+		})]
+	}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		className: "flex flex-col items-center",
+		children: /* @__PURE__ */ s("button", {
+			type: "button",
+			onClick: x,
+			disabled: !v,
+			className: e("flex flex-col items-center gap-2", v && "cursor-pointer hover:opacity-80", !v && "cursor-default"),
+			children: [/* @__PURE__ */ o(u, {
+				step: t,
+				index: n,
+				status: _
+			}), /* @__PURE__ */ s("div", {
+				className: "text-center min-w-[80px] max-w-[120px]",
+				children: [/* @__PURE__ */ o("p", {
+					className: e("font-medium", y[f], _ === "current" ? "text-foreground" : "text-muted-foreground", t.disabled && "opacity-50"),
+					children: t.title
+				}), t.description && /* @__PURE__ */ o("p", {
+					className: e("text-muted-foreground mt-0.5 hidden sm:block", b[f]),
+					children: t.description
+				})]
+			})]
+		})
+	}), !r && /* @__PURE__ */ o(d, {
+		isCompleted: _ === "completed",
+		orientation: "horizontal"
+	})] });
+}
+function p({ steps: n, currentStep: r, onStepChange: i, orientation: a = "horizontal", variant: l = "default", size: u = "md", clickable: d = !1, allowPrevious: p = !0, showContent: m = !1, className: h }) {
+	let g = t.useCallback((e) => e < r ? "completed" : e === r ? "current" : "pending", [r]), _ = t.useCallback((e) => {
+		e >= 0 && e < n.length && !n[e].disabled && i?.(e);
+	}, [n, i]), v = {
+		currentStep: r,
+		orientation: a,
+		variant: l,
+		size: u,
+		clickable: d,
+		allowPrevious: p,
+		goToStep: _,
+		nextStep: t.useCallback(() => {
+			r < n.length - 1 && _(r + 1);
+		}, [
+			r,
+			n.length,
+			_
+		]),
+		prevStep: t.useCallback(() => {
+			r > 0 && _(r - 1);
+		}, [r, _]),
+		getStepStatus: g
+	};
+	return /* @__PURE__ */ o(c.Provider, {
+		value: v,
+		children: /* @__PURE__ */ s("div", {
+			className: e("w-full", h),
+			children: [/* @__PURE__ */ o("nav", {
+				"aria-label": "Progress",
+				className: e(a === "horizontal" ? "flex items-start justify-between" : "flex flex-col"),
+				children: n.map((e, t) => /* @__PURE__ */ o(f, {
+					step: e,
+					index: t,
+					isLast: t === n.length - 1
+				}, e.id))
+			}), m && n[r]?.content && /* @__PURE__ */ o("div", {
+				className: "mt-6 p-4 rounded-lg border bg-card",
+				children: n[r].content
+			})]
+		})
+	});
+}
+function m({ prevLabel: n = "Précédent", nextLabel: r = "Suivant", finishLabel: i = "Terminer", onFinish: a, showCancel: l = !1, cancelLabel: u = "Annuler", onCancel: d, disableNext: f = !1, className: p }) {
+	let m = t.useContext(c);
+	if (!m) throw Error("StepperNavigation must be used within a WakaStepper");
+	let { currentStep: h, prevStep: g, nextStep: _ } = m;
+	return /* @__PURE__ */ s("div", {
+		className: e("flex items-center justify-between mt-6", p),
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex gap-2",
+			children: l && /* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: d,
+				className: "px-4 py-2 text-sm font-medium text-muted-foreground hover:text-foreground transition-colors",
+				children: u
+			})
+		}), /* @__PURE__ */ s("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: g,
+				disabled: h === 0,
+				className: e("px-4 py-2 text-sm font-medium rounded-md border transition-colors", h === 0 ? "opacity-50 cursor-not-allowed" : "hover:bg-muted"),
+				children: n
+			}), /* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: a || _,
+				disabled: f,
+				className: e("px-4 py-2 text-sm font-medium rounded-md bg-primary text-primary-foreground transition-colors", f ? "opacity-50 cursor-not-allowed" : "hover:bg-primary/90"),
+				children: a ? i : r
+			})]
+		})]
+	});
+}
+//#endregion
+export { m as StepperNavigation, p as default, l as useStepperContext };

package/dist/components/waka-streak-counter/index.cjs.js

@@ -0,0 +1,25 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);function a({active:e}){return e?(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden`,children:[[...Array(30)].map((e,t)=>(0,i.jsx)(`div`,{className:`absolute animate-confetti`,style:{left:`${Math.random()*100}%`,top:`-10px`,animationDelay:`${Math.random()*.5}s`,animationDuration:`${1+Math.random()*1}s`},children:(0,i.jsx)(`div`,{className:`h-2 w-2 rounded-sm`,style:{backgroundColor:[`#ff6b6b`,`#ffd93d`,`#6bcb77`,`#4d96ff`,`#9b59b6`][Math.floor(Math.random()*5)],transform:`rotate(${Math.random()*360}deg)`}})},t)),(0,i.jsx)(`style`,{children:`
+        @keyframes confetti {
+          0% {
+            transform: translateY(0) rotate(0deg);
+            opacity: 1;
+          }
+          100% {
+            transform: translateY(200px) rotate(720deg);
+            opacity: 0;
+          }
+        }
+        .animate-confetti {
+          animation: confetti 2s ease-out forwards;
+        }
+      `})]}):null}function o({intensity:e}){let n=Math.min(5,Math.max(1,Math.floor(e/20)+1));return(0,i.jsxs)(`div`,{className:`relative h-full w-full`,children:[[...Array(n)].map((n,a)=>(0,i.jsx)(`div`,{className:`absolute bottom-0 left-1/2 -translate-x-1/2 animate-flame`,style:{animationDelay:`${a*.1}s`,opacity:1-a*.15,transform:`translateX(${-50+(a-2)*10}%) scale(${1-a*.1})`},children:(0,i.jsx)(r.Flame,{className:t.cn(`text-orange-500`,e>50&&`text-orange-400`,e>100&&`text-yellow-400`),style:{filter:`drop-shadow(0 0 ${4+e/20}px ${e>100?`#fbbf24`:`#f97316`})`}})},a)),(0,i.jsx)(`style`,{children:`
+        @keyframes flame {
+          0%, 100% { transform: translateX(-50%) scale(1) rotate(-2deg); }
+          25% { transform: translateX(-50%) scale(1.05) rotate(2deg); }
+          50% { transform: translateX(-50%) scale(0.95) rotate(-1deg); }
+          75% { transform: translateX(-50%) scale(1.02) rotate(1deg); }
+        }
+        .animate-flame {
+          animation: flame 0.5s ease-in-out infinite;
+        }
+      `})]})}function s({count:e,label:s=`day streak`,size:c=`default`,variant:l=`flame`,animate:u=!0,milestones:d=[7,30,100,365],bestStreak:f,className:p,confetti:m=!0}){let[h,g]=n.useState(!1),[_,v]=n.useState(e),[y,b]=n.useState(!1),x=n.useRef(e),S=d.includes(e),C=d.find(t=>t>e),w=C?(e-(d[d.indexOf(C)-1]||0))/(C-(d[d.indexOf(C)-1]||0))*100:100;n.useEffect(()=>{if(!u||e===x.current){v(e),x.current=e;return}let t=e-x.current,n=Math.min(Math.abs(t),20),r=t/n,i=0;b(!0);let a=setInterval(()=>{i++,v(Math.round(x.current+r*i)),i>=n&&(clearInterval(a),v(e),b(!1),x.current=e,m&&S&&t>0&&(g(!0),setTimeout(()=>g(!1),2e3)))},50);return()=>clearInterval(a)},[e,u,m,S]);let T={sm:`h-16 px-3`,default:`h-24 px-4`,lg:`h-32 px-6`,xl:`h-40 px-8`},E={sm:`h-5 w-5`,default:`h-8 w-8`,lg:`h-12 w-12`,xl:`h-16 w-16`},D={sm:`text-2xl`,default:`text-4xl`,lg:`text-6xl`,xl:`text-8xl`},O={flame:(0,i.jsx)(o,{intensity:e}),lightning:(0,i.jsx)(r.Zap,{className:t.cn(E[c],`text-yellow-400`)}),trophy:(0,i.jsx)(r.Trophy,{className:t.cn(E[c],`text-amber-500`)}),star:(0,i.jsx)(r.Star,{className:t.cn(E[c],`text-yellow-400 fill-yellow-400`)})};return(0,i.jsxs)(`div`,{className:t.cn(`relative`,p),children:[(0,i.jsx)(a,{active:h}),(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center gap-4 rounded-2xl border bg-gradient-to-r p-4`,T[c],{flame:`from-orange-500/20 via-red-500/10 to-yellow-500/20`,lightning:`from-yellow-500/20 via-amber-500/10 to-orange-500/20`,trophy:`from-amber-500/20 via-yellow-500/10 to-orange-500/20`,star:`from-yellow-500/20 via-amber-500/10 to-yellow-500/20`}[l],S&&`ring-2 ring-yellow-500/50`),children:[(0,i.jsx)(`div`,{className:t.cn(`relative`,E[c]),children:O[l]}),(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,i.jsx)(`span`,{className:t.cn(`font-bold tabular-nums transition-transform`,D[c],y&&`scale-110`),children:_}),f&&e>=f&&(0,i.jsx)(`span`,{className:`text-xs font-medium text-yellow-500 uppercase`,children:`Best!`})]}),(0,i.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:s}),C&&(0,i.jsxs)(`div`,{className:`mt-2`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between text-xs text-muted-foreground mb-1`,children:[(0,i.jsxs)(`span`,{children:[`Next: `,C,` days`]}),(0,i.jsxs)(`span`,{children:[C-e,` to go`]})]}),(0,i.jsx)(`div`,{className:`h-1.5 w-full rounded-full bg-muted overflow-hidden`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-gradient-to-r from-orange-500 to-yellow-500 transition-all duration-500`,style:{width:`${w}%`}})})]})]}),S&&(0,i.jsx)(`div`,{className:`absolute -top-2 -right-2`,children:(0,i.jsx)(`div`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-gradient-to-br from-yellow-400 to-orange-500 text-xs font-bold text-white shadow-lg animate-bounce`,children:`🎉`})})]}),f&&f>e&&(0,i.jsxs)(`div`,{className:`mt-2 text-center text-xs text-muted-foreground`,children:[`Best streak: `,(0,i.jsxs)(`span`,{className:`font-semibold`,children:[f,` days`]}),(0,i.jsxs)(`span`,{className:`ml-1`,children:[`(`,f-e,` to beat)`]})]})]})}function c({count:e,variant:n=`flame`,className:a}){let o={flame:(0,i.jsx)(r.Flame,{className:`h-4 w-4 text-orange-500`}),lightning:(0,i.jsx)(r.Zap,{className:`h-4 w-4 text-yellow-400`}),trophy:(0,i.jsx)(r.Trophy,{className:`h-4 w-4 text-amber-500`}),star:(0,i.jsx)(r.Star,{className:`h-4 w-4 text-yellow-400 fill-yellow-400`})};return(0,i.jsxs)(`div`,{className:t.cn(`inline-flex items-center gap-1.5 rounded-full bg-orange-500/10 px-2.5 py-1`,a),children:[o[n],(0,i.jsx)(`span`,{className:`text-sm font-semibold tabular-nums`,children:e})]})}exports.WakaMiniStreak=c,exports.WakaStreakCounter=s;