@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-stats-hexagon/index.es.js

@@ -0,0 +1,565 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Info as n } from "lucide-react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/waka-stats-hexagon/index.tsx
+var o = {
+	default: {
+		primary: "#3b82f6",
+		secondary: "#ef4444"
+	},
+	blue: {
+		primary: "#3b82f6",
+		secondary: "#93c5fd"
+	},
+	green: {
+		primary: "#22c55e",
+		secondary: "#86efac"
+	},
+	purple: {
+		primary: "#8b5cf6",
+		secondary: "#c4b5fd"
+	},
+	orange: {
+		primary: "#f59e0b",
+		secondary: "#fcd34d"
+	},
+	pink: {
+		primary: "#ec4899",
+		secondary: "#f9a8d4"
+	},
+	cyan: {
+		primary: "#06b6d4",
+		secondary: "#67e8f9"
+	},
+	gradient: {
+		primary: "#8b5cf6",
+		secondary: "#3b82f6"
+	}
+}, s = [
+	{
+		id: "stat1",
+		label: "Stat 1",
+		value: 75
+	},
+	{
+		id: "stat2",
+		label: "Stat 2",
+		value: 60
+	},
+	{
+		id: "stat3",
+		label: "Stat 3",
+		value: 85
+	},
+	{
+		id: "stat4",
+		label: "Stat 4",
+		value: 50
+	},
+	{
+		id: "stat5",
+		label: "Stat 5",
+		value: 70
+	},
+	{
+		id: "stat6",
+		label: "Stat 6",
+		value: 65
+	}
+], c = {
+	id: "default",
+	name: "Profile",
+	stats: [
+		75,
+		60,
+		85,
+		50,
+		70,
+		65
+	]
+};
+function l(e = {}) {
+	let { initialStats: n = s, initialProfile: r = c } = e, [i, a] = t.useState(n), [o, l] = t.useState(r), [u, d] = t.useState(null), [f, p] = t.useState(null), [m, h] = t.useState(!1);
+	return {
+		stats: i,
+		setStats: a,
+		profile: o,
+		setProfile: l,
+		comparisonProfile: u,
+		setComparisonProfile: d,
+		updateStat: t.useCallback((e, t) => {
+			a((n) => n.map((n) => n.id === e ? {
+				...n,
+				value: t
+			} : n)), l((n) => {
+				let r = i.findIndex((t) => t.id === e);
+				if (r !== -1) {
+					let e = [...n.stats];
+					return e[r] = t, {
+						...n,
+						stats: e
+					};
+				}
+				return n;
+			});
+		}, [i]),
+		updateProfileStats: t.useCallback((e) => {
+			e.length === 6 && (l((t) => ({
+				...t,
+				stats: e
+			})), a((t) => t.map((t, n) => ({
+				...t,
+				value: e[n]
+			}))));
+		}, []),
+		reset: t.useCallback(() => {
+			a(n), l(r), d(null), p(null), h(!1);
+		}, [n, r]),
+		activeStatIndex: f,
+		setActiveStatIndex: p,
+		isComparing: m,
+		toggleComparison: t.useCallback(() => {
+			h((e) => !e);
+		}, [])
+	};
+}
+function u({ stats: s, profile: c, comparisonProfile: l, size: u = 300, levels: d = 5, theme: f = "default", primaryColor: p, showGrid: m = !0, showLabels: h = !0, showValues: g = !0, showPoints: _ = !0, showTooltips: v = !0, animated: y = !0, animationDuration: b = 800, showLegend: x = !0, className: S, onStatClick: C }) {
+	let [w, T] = t.useState(!y), [E, D] = t.useState(null), [O, k] = t.useState(null);
+	if (t.useEffect(() => {
+		if (y) {
+			T(!1);
+			let e = setTimeout(() => {
+				T(!0);
+			}, 50);
+			return () => clearTimeout(e);
+		}
+	}, [y, c.stats]), s.length !== 6) return console.warn("WakaStatsHexagon requires exactly 6 stats"), null;
+	let A = o[f], j = p || c.color || A.primary, M = l?.color || A.secondary, N = u / 2, P = u / 2, F = u * .35, I = 2 * Math.PI / 6, L = (e, t, n = 100) => {
+		let r = e * I - Math.PI / 2, i = t / n * F;
+		return {
+			x: N + i * Math.cos(r),
+			y: P + i * Math.sin(r)
+		};
+	}, R = (e, t = 1) => e.map((e, n) => {
+		let r = s[n]?.max || 100, i = L(n, e * t, r);
+		return `${n === 0 ? "M" : "L"} ${i.x.toFixed(2)} ${i.y.toFixed(2)}`;
+	}).join(" ") + " Z", z = (e) => {
+		let t = e / d * F;
+		return Array.from({ length: 6 }).map((e, n) => {
+			let r = n * I - Math.PI / 2, i = N + t * Math.cos(r), a = P + t * Math.sin(r);
+			return `${n === 0 ? "M" : "L"} ${i.toFixed(2)} ${a.toFixed(2)}`;
+		}).join(" ") + " Z";
+	}, B = (e, t, n, r) => {
+		let i = L(e, n, r.max || 100);
+		D({
+			index: e,
+			profileId: t,
+			x: i.x,
+			y: i.y,
+			value: n,
+			stat: r
+		});
+	}, V = (e, t) => {
+		C && C(e, t);
+	}, H = () => x ? /* @__PURE__ */ i("div", {
+		className: "flex items-center justify-center gap-6 mt-4",
+		children: (l ? [{
+			id: c.id,
+			name: c.name,
+			color: j
+		}, {
+			id: l.id,
+			name: l.name,
+			color: M
+		}] : [{
+			id: c.id,
+			name: c.name,
+			color: j
+		}]).map((t) => /* @__PURE__ */ a("button", {
+			type: "button",
+			className: e("flex items-center gap-2 text-sm transition-opacity duration-200", "hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 rounded px-2 py-1", O && O !== t.id && "opacity-40"),
+			style: { "--tw-ring-color": t.color },
+			onMouseEnter: () => k(t.id),
+			onMouseLeave: () => k(null),
+			children: [/* @__PURE__ */ i("span", {
+				className: "w-3 h-3 rounded-full",
+				style: { backgroundColor: t.color }
+			}), /* @__PURE__ */ i("span", {
+				className: "text-muted-foreground font-medium",
+				children: t.name
+			})]
+		}, t.id))
+	}) : null, U = (e) => {
+		switch (e) {
+			case 0: return {
+				textAnchor: "middle",
+				dx: 0,
+				dy: -8
+			};
+			case 1: return {
+				textAnchor: "start",
+				dx: 8,
+				dy: 0
+			};
+			case 2: return {
+				textAnchor: "start",
+				dx: 8,
+				dy: 8
+			};
+			case 3: return {
+				textAnchor: "middle",
+				dx: 0,
+				dy: 16
+			};
+			case 4: return {
+				textAnchor: "end",
+				dx: -8,
+				dy: 8
+			};
+			case 5: return {
+				textAnchor: "end",
+				dx: -8,
+				dy: 0
+			};
+			default: return {
+				textAnchor: "middle",
+				dx: 0,
+				dy: 0
+			};
+		}
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("inline-flex flex-col items-center", S),
+		children: [/* @__PURE__ */ a("div", {
+			className: "relative",
+			style: {
+				width: u,
+				height: u
+			},
+			children: [/* @__PURE__ */ a("svg", {
+				width: u,
+				height: u,
+				viewBox: `0 0 ${u} ${u}`,
+				className: "overflow-visible",
+				"aria-hidden": "true",
+				focusable: "false",
+				children: [
+					/* @__PURE__ */ i("defs", { children: f === "gradient" && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("linearGradient", {
+						id: "hexGradientFill",
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ i("stop", {
+							offset: "0%",
+							stopColor: A.primary,
+							stopOpacity: "0.3"
+						}), /* @__PURE__ */ i("stop", {
+							offset: "100%",
+							stopColor: A.secondary,
+							stopOpacity: "0.3"
+						})]
+					}), /* @__PURE__ */ a("linearGradient", {
+						id: "hexGradientStroke",
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ i("stop", {
+							offset: "0%",
+							stopColor: A.primary
+						}), /* @__PURE__ */ i("stop", {
+							offset: "100%",
+							stopColor: A.secondary
+						})]
+					})] }) }),
+					m && Array.from({ length: d }).map((e, t) => /* @__PURE__ */ i("path", {
+						d: z(t + 1),
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1",
+						className: "opacity-15"
+					}, `grid-${t}`)),
+					s.map((e, t) => {
+						let n = t * I - Math.PI / 2;
+						return /* @__PURE__ */ i("line", {
+							x1: N,
+							y1: P,
+							x2: N + F * Math.cos(n),
+							y2: P + F * Math.sin(n),
+							stroke: "currentColor",
+							strokeWidth: "1",
+							className: "opacity-20"
+						}, `axis-${t}`);
+					}),
+					l && /* @__PURE__ */ a("g", {
+						className: e("transition-opacity duration-300", O && O !== l.id && "opacity-20"),
+						children: [/* @__PURE__ */ i("path", {
+							d: R(l.stats, +!!w),
+							fill: M,
+							fillOpacity: l.fillOpacity ?? .15,
+							stroke: M,
+							strokeWidth: "2",
+							strokeLinejoin: "round",
+							className: e(y && "transition-all ease-out"),
+							style: { transitionDuration: `${b}ms` }
+						}), _ && l.stats.map((t, n) => {
+							let r = s[n], a = r?.max || 100, o = L(n, w ? t : 0, a), c = E?.profileId === l.id && E?.index === n;
+							return /* @__PURE__ */ i("circle", {
+								cx: o.x,
+								cy: o.y,
+								r: c ? 6 : 4,
+								fill: M,
+								stroke: "white",
+								strokeWidth: "2",
+								className: e("cursor-pointer transition-all", y && "ease-out"),
+								style: { transitionDuration: y ? `${b}ms` : "150ms" },
+								onMouseEnter: () => B(n, l.id, t, r),
+								onMouseLeave: () => D(null),
+								onClick: () => V(r, t)
+							}, `comparison-point-${n}`);
+						})]
+					}),
+					/* @__PURE__ */ a("g", {
+						className: e("transition-opacity duration-300", O && O !== c.id && "opacity-20"),
+						children: [/* @__PURE__ */ i("path", {
+							d: R(c.stats, +!!w),
+							fill: f === "gradient" ? "url(#hexGradientFill)" : j,
+							fillOpacity: f === "gradient" ? 1 : c.fillOpacity ?? .25,
+							stroke: f === "gradient" ? "url(#hexGradientStroke)" : j,
+							strokeWidth: "2.5",
+							strokeLinejoin: "round",
+							className: e(y && "transition-all ease-out"),
+							style: { transitionDuration: `${b}ms` }
+						}), _ && c.stats.map((t, n) => {
+							let r = s[n], a = r?.max || 100, o = L(n, w ? t : 0, a), l = E?.profileId === c.id && E?.index === n;
+							return /* @__PURE__ */ i("circle", {
+								cx: o.x,
+								cy: o.y,
+								r: l ? 7 : 5,
+								fill: f === "gradient" ? A.primary : j,
+								stroke: "white",
+								strokeWidth: "2",
+								className: e("cursor-pointer transition-all", y && "ease-out"),
+								style: { transitionDuration: y ? `${b}ms` : "150ms" },
+								onMouseEnter: () => B(n, c.id, t, r),
+								onMouseLeave: () => D(null),
+								onClick: () => V(r, t)
+							}, `main-point-${n}`);
+						})]
+					}),
+					h && s.map((e, t) => {
+						let n = t * I - Math.PI / 2, r = N + (F + 35) * Math.cos(n), o = P + (F + 35) * Math.sin(n), { textAnchor: s, dx: l, dy: u } = U(t), d = c.stats[t], f = e.max || 100;
+						return /* @__PURE__ */ a("g", { children: [/* @__PURE__ */ i("text", {
+							x: r + l,
+							y: o + u,
+							textAnchor: s,
+							fill: "currentColor",
+							className: "text-xs font-semibold opacity-80",
+							children: e.label
+						}), g && /* @__PURE__ */ a("text", {
+							x: r + l,
+							y: o + u + 14,
+							textAnchor: s,
+							fill: "currentColor",
+							className: "text-[10px] opacity-50",
+							children: [
+								d,
+								"/",
+								f
+							]
+						})] }, `label-${t}`);
+					})
+				]
+			}), v && E && /* @__PURE__ */ a("div", {
+				className: e("absolute z-20 px-3 py-2 text-xs rounded-lg shadow-xl", "bg-popover text-popover-foreground border", "animate-in fade-in-0 zoom-in-95 duration-150", "pointer-events-none min-w-[120px]"),
+				style: {
+					left: E.x,
+					top: E.y - 60,
+					transform: "translateX(-50%)"
+				},
+				children: [
+					/* @__PURE__ */ a("div", {
+						className: "flex items-center gap-1.5 font-semibold mb-1",
+						children: [E.stat.icon, /* @__PURE__ */ i("span", { children: E.stat.label })]
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "flex items-center justify-between gap-4",
+						children: [/* @__PURE__ */ i("span", {
+							className: "text-muted-foreground",
+							children: "Value:"
+						}), /* @__PURE__ */ a("span", {
+							className: "font-bold",
+							children: [
+								E.value,
+								" / ",
+								E.stat.max || 100
+							]
+						})]
+					}),
+					E.stat.description && /* @__PURE__ */ a("div", {
+						className: "mt-1.5 pt-1.5 border-t text-muted-foreground flex items-start gap-1",
+						children: [/* @__PURE__ */ i(n, { className: "w-3 h-3 mt-0.5 shrink-0" }), /* @__PURE__ */ i("span", { children: E.stat.description })]
+					}),
+					/* @__PURE__ */ i("div", { className: "absolute left-1/2 -translate-x-1/2 -bottom-1.5 w-3 h-3 rotate-45 bg-popover border-r border-b" })
+				]
+			})]
+		}), H()]
+	});
+}
+function d({ data: e, profileName: t = "Stats", ...n }) {
+	let r = e.slice(0, 6);
+	for (; r.length < 6;) r.push({
+		label: `Stat ${r.length + 1}`,
+		value: 0
+	});
+	return /* @__PURE__ */ i(u, {
+		stats: r.map((e, t) => ({
+			id: `stat-${t}`,
+			label: e.label,
+			value: e.value,
+			max: e.max
+		})),
+		profile: {
+			id: "main",
+			name: t,
+			stats: r.map((e) => e.value)
+		},
+		...n
+	});
+}
+function f({ characterStats: e, characterName: t = "Character", comparisonStats: n, comparisonName: r = "Comparison", maxStat: a = 20, theme: o = "purple", ...s }) {
+	return /* @__PURE__ */ i(u, {
+		stats: [
+			{
+				id: "str",
+				label: "STR",
+				value: e.strength,
+				max: a,
+				description: "Physical power"
+			},
+			{
+				id: "dex",
+				label: "DEX",
+				value: e.dexterity,
+				max: a,
+				description: "Agility & reflexes"
+			},
+			{
+				id: "int",
+				label: "INT",
+				value: e.intelligence,
+				max: a,
+				description: "Mental acuity"
+			},
+			{
+				id: "wis",
+				label: "WIS",
+				value: e.wisdom,
+				max: a,
+				description: "Perception & insight"
+			},
+			{
+				id: "cha",
+				label: "CHA",
+				value: e.charisma,
+				max: a,
+				description: "Force of personality"
+			},
+			{
+				id: "con",
+				label: "CON",
+				value: e.constitution,
+				max: a,
+				description: "Health & stamina"
+			}
+		],
+		profile: {
+			id: "main",
+			name: t,
+			stats: [
+				e.strength,
+				e.dexterity,
+				e.intelligence,
+				e.wisdom,
+				e.charisma,
+				e.constitution
+			]
+		},
+		comparisonProfile: n ? {
+			id: "comparison",
+			name: r,
+			stats: [
+				n.strength,
+				n.dexterity,
+				n.intelligence,
+				n.wisdom,
+				n.charisma,
+				n.constitution
+			]
+		} : void 0,
+		theme: o,
+		...s
+	});
+}
+function p({ skills: e, name: t = "Skills Assessment", theme: n = "blue", ...r }) {
+	return /* @__PURE__ */ i(u, {
+		stats: [
+			{
+				id: "tech",
+				label: "Technical",
+				value: e.technical,
+				description: "Technical expertise & coding skills"
+			},
+			{
+				id: "comm",
+				label: "Communication",
+				value: e.communication,
+				description: "Written & verbal communication"
+			},
+			{
+				id: "lead",
+				label: "Leadership",
+				value: e.leadership,
+				description: "Team leadership & management"
+			},
+			{
+				id: "prob",
+				label: "Problem Solving",
+				value: e.problemSolving,
+				description: "Analytical thinking"
+			},
+			{
+				id: "create",
+				label: "Creativity",
+				value: e.creativity,
+				description: "Innovation & creative thinking"
+			},
+			{
+				id: "team",
+				label: "Teamwork",
+				value: e.teamwork,
+				description: "Collaboration & cooperation"
+			}
+		],
+		profile: {
+			id: "main",
+			name: t,
+			stats: [
+				e.technical,
+				e.communication,
+				e.leadership,
+				e.problemSolving,
+				e.creativity,
+				e.teamwork
+			]
+		},
+		theme: n,
+		...r
+	});
+}
+//#endregion
+export { f as WakaStatsHexagonRPG, d as WakaStatsHexagonSimple, p as WakaStatsHexagonSkills, u as default, l as useStatsHexagon };

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

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../../utils/local-date.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);var a=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],o=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],s={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`}},c={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`]},l={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`},u={up:`Operational`,degraded:`Degraded`,maintenance:`Maintenance`,down:`Down`};function d(e,t,n){let r=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 f(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 p(e,t){if(e===0)return 0;let n=e/t;return n<=.25?1:n<=.5?2:n<=.75?3:4}function m(e){let t=[],n=-1;return e.forEach((e,r)=>{let i=e[0].getMonth();i!==n&&(t.push({month:a[i],position:r}),n=i)}),t}function h({date:e,value:n,status:r,position:a}){let o=e.toLocaleDateString(`en-US`,{weekday:`long`,year:`numeric`,month:`long`,day:`numeric`}),s=r?u[r]:`${n} contributions`;return(0,i.jsxs)(`div`,{className:t.cn(`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:a.x,top:a.y,transform:`translate(-50%, -100%) translateY(-8px)`},children:[(0,i.jsx)(`div`,{className:`font-semibold`,children:s}),(0,i.jsx)(`div`,{className:`text-gray-400 dark:text-gray-500`,children:o}),(0,i.jsx)(`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 g({date:e,value:n,status:a,colorScheme:o,maxValue:u,size:d,isInRange:f,onClick:m,onHover:h,emptyColor:g}){let _=r.useRef(null),v=()=>{if(!f)return;let t=_.current?.getBoundingClientRect();t&&h({date:e,value:n,status:a,position:{x:t.left+t.width/2,y:t.top}})},y=()=>{h(null)},b=()=>{f&&m&&m(e,n)},x;if(!f)x=`bg-transparent`;else if(o===`status`&&a)x=l[a];else{let e=p(n,u);x=c[o][e]}let S=f&&n===0&&g?{backgroundColor:g}:void 0;return(0,i.jsx)(`div`,{ref:_,className:t.cn(s[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?`${e.toDateString()}: ${n}`:void 0})}function _({colorScheme:e,size:n}){return e===`status`?(0,i.jsx)(`div`,{className:`flex items-center gap-4 mt-4 flex-wrap`,children:Object.keys(l).map(e=>(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:t.cn(s[n].cell,`rounded-sm`,l[e])}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,s[n].fontSize),children:u[e]})]},e))}):(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mt-4`,children:[(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,s[n].fontSize),children:`Less`}),(0,i.jsx)(`div`,{className:`flex items-center gap-0.5`,children:c[e].map((e,r)=>(0,i.jsx)(`div`,{className:t.cn(s[n].cell,`rounded-sm`,e)},r))}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,s[n].fontSize),children:`More`})]})}function v({data:e,startDate:a,endDate:c,view:l=`year`,colorScheme:u=`green`,cellSize:p=`md`,showLabels:v=!0,showLegend:y=!0,onCellClick:b,emptyColor:x,className:S}){let[C,w]=r.useState(null),T=r.useMemo(()=>{let t=new Map;return e.forEach(e=>{let r=n.localDateKey(n.parseLocalDate(e.date));t.set(r,{value:e.value,status:e.status})}),t},[e]),E=r.useMemo(()=>e.length===0?1:Math.max(...e.map(e=>e.value),1),[e]),{start:D,end:O}=r.useMemo(()=>d(l,a,c),[l,a,c]),k=r.useMemo(()=>f(D,O),[D,O]),A=r.useMemo(()=>m(k),[k]),j=e=>e>=D&&e<=O;return(0,i.jsxs)(`div`,{className:t.cn(`relative inline-block`,S),children:[v&&(0,i.jsx)(`div`,{className:t.cn(`flex mb-2 ml-8`,s[p].gap),children:k.map((e,n)=>{let r=A.find(e=>e.position===n);return(0,i.jsx)(`div`,{className:t.cn(s[p].cell,`flex items-end justify-start`,s[p].fontSize,`text-muted-foreground`),children:r?.month},n)})}),(0,i.jsxs)(`div`,{className:`flex`,children:[v&&(0,i.jsx)(`div`,{className:t.cn(`flex flex-col mr-2`,s[p].gap),children:o.map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(s[p].cell,`flex items-center justify-end pr-1`,s[p].fontSize,`text-muted-foreground`,n%2==0?`invisible`:``),children:e},e))}),(0,i.jsx)(`div`,{className:t.cn(`flex`,s[p].gap),children:k.map((e,r)=>(0,i.jsx)(`div`,{className:t.cn(`flex flex-col`,s[p].gap),children:e.map((e,t)=>{let a=n.localDateKey(e),o=T.get(a),s=j(e);return(0,i.jsx)(g,{date:e,value:o?.value??0,status:o?.status,colorScheme:u,maxValue:E,size:p,isInRange:s,onClick:b,onHover:w,emptyColor:x},`${r}-${t}`)})},r))})]}),y&&(0,i.jsx)(_,{colorScheme:u,size:p}),C&&(0,i.jsx)(h,{date:C.date,value:C.value,status:C.status,position:C.position,colorScheme:u})]})}exports.default=v;