@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-haptic-button/index.es.js

@@ -0,0 +1,199 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
+//#region src/components/waka-haptic-button/index.tsx
+var o = n("relative inline-flex items-center justify-center gap-2 overflow-hidden whitespace-nowrap rounded-xl font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground shadow-md hover:shadow-lg active:shadow-sm",
+			secondary: "bg-secondary text-secondary-foreground shadow hover:shadow-md",
+			destructive: "bg-destructive text-destructive-foreground shadow-md hover:shadow-lg",
+			outline: "border-2 border-input bg-background hover:bg-accent hover:text-accent-foreground",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			glass: "bg-white/10 backdrop-blur-md border border-white/20 text-white shadow-lg hover:bg-white/20",
+			gradient: "bg-gradient-to-r from-primary to-primary/70 text-primary-foreground shadow-lg hover:shadow-xl",
+			neon: "bg-primary/10 text-primary border-2 border-primary shadow-[0_0_15px_rgba(var(--primary),0.3)] hover:shadow-[0_0_25px_rgba(var(--primary),0.5)]"
+		},
+		size: {
+			sm: "h-9 px-4 text-sm",
+			default: "h-11 px-6 text-base",
+			lg: "h-14 px-8 text-lg",
+			xl: "h-16 px-10 text-xl",
+			icon: "h-11 w-11",
+			"icon-sm": "h-9 w-9",
+			"icon-lg": "h-14 w-14"
+		},
+		rounded: {
+			default: "rounded-xl",
+			sm: "rounded-lg",
+			lg: "rounded-2xl",
+			full: "rounded-full"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default",
+		rounded: "default"
+	}
+});
+function s(e) {
+	typeof window > "u" || !("vibrate" in navigator) || (Array.isArray(e) ? navigator.vibrate(e) : navigator.vibrate({
+		light: [10],
+		medium: [20],
+		heavy: [30],
+		success: [
+			10,
+			50,
+			10
+		],
+		warning: [
+			20,
+			50,
+			20
+		],
+		error: [
+			30,
+			50,
+			30,
+			50,
+			30
+		],
+		selection: [5]
+	}[e] ?? [10]));
+}
+function c({ x: e, y: n, size: i, color: a, duration: o, onComplete: s }) {
+	return t.useEffect(() => {
+		let e = setTimeout(s, o);
+		return () => clearTimeout(e);
+	}, [o, s]), /* @__PURE__ */ r("span", {
+		className: "absolute rounded-full pointer-events-none animate-ripple",
+		style: {
+			left: e - i / 2,
+			top: n - i / 2,
+			width: i,
+			height: i,
+			backgroundColor: a,
+			animationDuration: `${o}ms`
+		}
+	});
+}
+function l({ className: t }) {
+	return /* @__PURE__ */ i("svg", {
+		className: e("animate-spin", t),
+		width: "20",
+		height: "20",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		children: [/* @__PURE__ */ r("circle", {
+			className: "opacity-25",
+			cx: "12",
+			cy: "12",
+			r: "10",
+			stroke: "currentColor",
+			strokeWidth: "3"
+		}), /* @__PURE__ */ r("path", {
+			className: "opacity-75",
+			fill: "currentColor",
+			d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+		})]
+	});
+}
+var u = t.forwardRef(({ className: n, variant: u, size: d, rounded: f, asChild: p = !1, hapticPattern: m = "medium", hapticEnabled: h = !0, ripple: g = !0, rippleColor: _ = "rgba(255, 255, 255, 0.35)", rippleDuration: v = 600, pressScale: y = !0, pressScaleFactor: b = .97, glowOnPress: x = !1, glowColor: S, loading: C = !1, leftIcon: w, rightIcon: T, children: E, onClick: D, onPointerDown: O, disabled: k, ...A }, j) => {
+	let M = t.useRef(null), [N, P] = t.useState([]), [F, I] = t.useState(!1), L = t.useRef(0);
+	t.useImperativeHandle(j, () => M.current);
+	let R = t.useCallback((e) => {
+		if (!(k || C)) {
+			if (I(!0), h && s(m), g && M.current) {
+				let t = M.current.getBoundingClientRect(), n = e.clientX - t.left, r = e.clientY - t.top, i = Math.max(t.width, t.height) * 2, a = L.current++;
+				P((e) => [...e, {
+					id: a,
+					x: n,
+					y: r,
+					size: i
+				}]);
+			}
+			O?.(e);
+		}
+	}, [
+		k,
+		C,
+		h,
+		m,
+		g,
+		O
+	]), z = t.useCallback(() => {
+		I(!1);
+	}, []), B = t.useCallback((e) => {
+		k || C || D?.(e);
+	}, [
+		k,
+		C,
+		D
+	]), V = t.useCallback((e) => {
+		P((t) => t.filter((t) => t.id !== e));
+	}, []), H = y && F ? { transform: `scale(${b})` } : {}, U = x && F ? { boxShadow: `0 0 20px ${S ?? (u === "destructive" ? "rgba(239, 68, 68, 0.5)" : "rgba(var(--primary), 0.5)")}` } : {};
+	return /* @__PURE__ */ i(p ? a : "button", {
+		ref: M,
+		className: e(o({
+			variant: u,
+			size: d,
+			rounded: f,
+			className: n
+		})),
+		style: {
+			...H,
+			...U,
+			transition: "transform 0.1s ease-out, box-shadow 0.2s ease-out"
+		},
+		disabled: k || C,
+		onClick: B,
+		onPointerDown: R,
+		onPointerUp: z,
+		onPointerLeave: z,
+		onPointerCancel: z,
+		...A,
+		children: [
+			N.map(({ id: e, x: t, y: n, size: i }) => /* @__PURE__ */ r(c, {
+				x: t,
+				y: n,
+				size: i,
+				color: _,
+				duration: v,
+				onComplete: () => V(e)
+			}, e)),
+			C ? /* @__PURE__ */ r(l, { className: "mr-2" }) : w ? /* @__PURE__ */ r("span", {
+				className: "flex-shrink-0",
+				children: w
+			}) : null,
+			/* @__PURE__ */ r("span", {
+				className: e(C && "opacity-0"),
+				children: E
+			}),
+			!C && T && /* @__PURE__ */ r("span", {
+				className: "flex-shrink-0",
+				children: T
+			})
+		]
+	});
+});
+if (u.displayName = "WakaHapticButton", typeof document < "u") {
+	let e = "waka-haptic-button-styles";
+	if (!document.getElementById(e)) {
+		let t = document.createElement("style");
+		t.id = e, t.textContent = "\n      @keyframes ripple {\n        0% {\n          transform: scale(0);\n          opacity: 1;\n        }\n        100% {\n          transform: scale(1);\n          opacity: 0;\n        }\n      }\n      .animate-ripple {\n        animation: ripple ease-out forwards;\n      }\n    ", document.head.appendChild(t);
+	}
+}
+var d = t.forwardRef(({ icon: e, size: t = "icon", rounded: n = "full", ...i }, a) => /* @__PURE__ */ r(u, {
+	ref: a,
+	size: t,
+	rounded: n,
+	...i,
+	children: e
+}));
+d.displayName = "WakaHapticIconButton";
+//#endregion
+export { u as WakaHapticButton, d as WakaHapticIconButton };

package/dist/components/waka-health-pulse/index.cjs.js

@@ -0,0 +1,84 @@
+"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("react/jsx-runtime");var i={healthy:`hsl(var(--success))`,warning:`hsl(var(--warning))`,critical:`hsl(var(--destructive))`,down:`hsl(var(--muted-foreground))`,unknown:`hsl(var(--chart-3))`},a={sm:{width:160,height:48,strokeWidth:1.5,fontSize:`text-xs`,labelSize:`text-[10px]`,dotSize:6,padding:`p-2`},md:{width:240,height:64,strokeWidth:2,fontSize:`text-sm`,labelSize:`text-xs`,dotSize:8,padding:`p-3`},lg:{width:320,height:80,strokeWidth:2.5,fontSize:`text-base`,labelSize:`text-sm`,dotSize:10,padding:`p-4`}};function o(e,t,n){let r=n/2,i=n*.35,a=r;switch(e){case`healthy`:return`
+        M 0,${a}
+        L ${t*.15},${a}
+        Q ${t*.18},${a-i*.2} ${t*.2},${a}
+        L ${t*.28},${a}
+        L ${t*.32},${a+i*.15}
+        L ${t*.35},${a-i}
+        L ${t*.4},${a+i*.4}
+        L ${t*.45},${a}
+        Q ${t*.55},${a-i*.25} ${t*.65},${a}
+        L ${t},${a}
+      `.trim();case`warning`:return`
+        M 0,${a}
+        L ${t*.1},${a}
+        L ${t*.15},${a-i*.6}
+        L ${t*.2},${a+i*.2}
+        L ${t*.25},${a}
+        L ${t*.35},${a}
+        L ${t*.38},${a-i*.8}
+        L ${t*.42},${a+i*.3}
+        L ${t*.46},${a-i*.4}
+        L ${t*.5},${a}
+        L ${t*.6},${a}
+        Q ${t*.7},${a-i*.15} ${t*.8},${a}
+        L ${t},${a}
+      `.trim();case`critical`:return`
+        M 0,${a}
+        L ${t*.05},${a}
+        L ${t*.08},${a-i}
+        L ${t*.12},${a+i*.5}
+        L ${t*.16},${a-i*.7}
+        L ${t*.2},${a}
+        L ${t*.28},${a}
+        L ${t*.32},${a-i*.9}
+        L ${t*.36},${a+i*.6}
+        L ${t*.4},${a-i*.5}
+        L ${t*.44},${a+i*.3}
+        L ${t*.48},${a}
+        L ${t*.55},${a}
+        L ${t*.58},${a-i*.8}
+        L ${t*.62},${a+i*.4}
+        L ${t*.66},${a}
+        L ${t},${a}
+      `.trim();case`down`:return`
+        M 0,${a}
+        L ${t},${a}
+      `.trim();case`unknown`:return`
+        M 0,${a}
+        L ${t*.1},${a}
+        L ${t*.15},${a-i*.3}
+        L ${t*.2},${a+i*.2}
+        L ${t*.25},${a}
+        M ${t*.35},${a}
+        L ${t*.4},${a-i*.4}
+        L ${t*.45},${a}
+        M ${t*.55},${a}
+        L ${t*.6},${a+i*.25}
+        L ${t*.65},${a-i*.35}
+        L ${t*.7},${a}
+        L ${t},${a}
+      `.trim();default:return`M 0,${a} L ${t},${a}`}}var s={healthy:`Healthy`,warning:`Warning`,critical:`Critical`,down:`Down`,unknown:`Unknown`};function c({status:e,pulseRate:c=60,value:l,label:u,unit:d,size:f=`md`,showValue:p=!0,animated:m=!0,colors:h,className:g}){let _=a[f],v={...i,...h}[e],y=c>0?60/c:1,b=o(e,_.width,_.height),x=n.useId();return(0,r.jsxs)(`div`,{className:t.cn(`inline-flex flex-col rounded-lg border bg-card`,_.padding,g),children:[(0,r.jsxs)(`div`,{className:`flex items-center justify-between mb-2`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(`span`,{className:t.cn(`rounded-full`,m&&e!==`down`&&`animate-pulse`),style:{width:_.dotSize,height:_.dotSize,backgroundColor:v,boxShadow:m&&e!==`down`?`0 0 ${_.dotSize}px ${v}`:`none`}}),(0,r.jsx)(`span`,{className:t.cn(`font-medium text-foreground`,_.labelSize),children:u||s[e]})]}),p&&l!==void 0&&(0,r.jsxs)(`div`,{className:t.cn(`font-mono font-semibold`,_.fontSize),style:{color:v},children:[l.toLocaleString(),d&&(0,r.jsx)(`span`,{className:`text-muted-foreground ml-1`,children:d})]})]}),(0,r.jsxs)(`div`,{className:`relative overflow-hidden rounded bg-background/50`,children:[(0,r.jsxs)(`svg`,{width:_.width,height:_.height,viewBox:`0 0 ${_.width} ${_.height}`,className:`block`,children:[(0,r.jsxs)(`defs`,{children:[(0,r.jsxs)(`linearGradient`,{id:`pulse-gradient-${x}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,children:[(0,r.jsx)(`stop`,{offset:`0%`,stopColor:v,stopOpacity:`0`}),(0,r.jsx)(`stop`,{offset:`50%`,stopColor:v,stopOpacity:`1`}),(0,r.jsx)(`stop`,{offset:`100%`,stopColor:v,stopOpacity:`0.3`})]}),(0,r.jsxs)(`filter`,{id:`pulse-glow-${x}`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:[(0,r.jsx)(`feGaussianBlur`,{stdDeviation:`2`,result:`blur`}),(0,r.jsxs)(`feMerge`,{children:[(0,r.jsx)(`feMergeNode`,{in:`blur`}),(0,r.jsx)(`feMergeNode`,{in:`SourceGraphic`})]})]}),m&&e!==`down`&&(0,r.jsx)(`clipPath`,{id:`pulse-clip-${x}`,children:(0,r.jsx)(`rect`,{x:`0`,y:`0`,width:_.width,height:_.height,children:(0,r.jsx)(`animate`,{attributeName:`x`,from:-_.width,to:_.width,dur:`${y}s`,repeatCount:`indefinite`})})})]}),(0,r.jsxs)(`g`,{className:`opacity-10`,children:[[.25,.5,.75].map(e=>(0,r.jsx)(`line`,{x1:`0`,y1:_.height*e,x2:_.width,y2:_.height*e,stroke:`currentColor`,strokeWidth:`0.5`,strokeDasharray:`2 4`},`h-${e}`)),[.25,.5,.75].map(e=>(0,r.jsx)(`line`,{x1:_.width*e,y1:`0`,x2:_.width*e,y2:_.height,stroke:`currentColor`,strokeWidth:`0.5`,strokeDasharray:`2 4`},`v-${e}`))]}),(0,r.jsx)(`path`,{d:b,fill:`none`,stroke:v,strokeWidth:_.strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,opacity:m?.3:1,filter:m?void 0:`url(#pulse-glow-${x})`}),m&&e!==`down`&&(0,r.jsxs)(`g`,{children:[(0,r.jsx)(`path`,{d:b,fill:`none`,stroke:`url(#pulse-gradient-${x})`,strokeWidth:_.strokeWidth*3,strokeLinecap:`round`,strokeLinejoin:`round`,opacity:`0.4`,style:{animation:`pulse-sweep-${x} ${y}s linear infinite`}}),(0,r.jsx)(`path`,{d:b,fill:`none`,stroke:v,strokeWidth:_.strokeWidth,strokeLinecap:`round`,strokeLinejoin:`round`,filter:`url(#pulse-glow-${x})`,style:{strokeDasharray:_.width*2,strokeDashoffset:_.width*2,animation:`pulse-draw-${x} ${y}s linear infinite`}})]}),e===`down`&&m&&(0,r.jsx)(`g`,{children:(0,r.jsx)(`circle`,{cx:_.width/2,cy:_.height/2,r:`3`,fill:v,opacity:`0.5`,children:(0,r.jsx)(`animate`,{attributeName:`opacity`,values:`0.5;0.2;0.5`,dur:`2s`,repeatCount:`indefinite`})})})]}),(0,r.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
+            @keyframes pulse-draw-${x} {
+              0% {
+                stroke-dashoffset: ${_.width*2};
+              }
+              100% {
+                stroke-dashoffset: 0;
+              }
+            }
+            @keyframes pulse-sweep-${x} {
+              0% {
+                opacity: 0;
+              }
+              10% {
+                opacity: 0.4;
+              }
+              90% {
+                opacity: 0.4;
+              }
+              100% {
+                opacity: 0;
+              }
+            }
+          `}})]}),c>0&&(0,r.jsx)(`div`,{className:t.cn(`flex items-center justify-end mt-1.5`,_.labelSize),children:(0,r.jsxs)(`span`,{className:`text-muted-foreground`,children:[c,` BPM`]})})]})}c.displayName=`WakaHealthPulse`,exports.WakaHealthPulse=c,exports.default=c;

package/dist/components/waka-health-pulse/index.es.js

@@ -0,0 +1,326 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/waka-health-pulse/index.tsx
+var i = {
+	healthy: "hsl(var(--success))",
+	warning: "hsl(var(--warning))",
+	critical: "hsl(var(--destructive))",
+	down: "hsl(var(--muted-foreground))",
+	unknown: "hsl(var(--chart-3))"
+}, a = {
+	sm: {
+		width: 160,
+		height: 48,
+		strokeWidth: 1.5,
+		fontSize: "text-xs",
+		labelSize: "text-[10px]",
+		dotSize: 6,
+		padding: "p-2"
+	},
+	md: {
+		width: 240,
+		height: 64,
+		strokeWidth: 2,
+		fontSize: "text-sm",
+		labelSize: "text-xs",
+		dotSize: 8,
+		padding: "p-3"
+	},
+	lg: {
+		width: 320,
+		height: 80,
+		strokeWidth: 2.5,
+		fontSize: "text-base",
+		labelSize: "text-sm",
+		dotSize: 10,
+		padding: "p-4"
+	}
+};
+function o(e, t, n) {
+	let r = n / 2, i = n * .35, a = r;
+	switch (e) {
+		case "healthy": return `
+        M 0,${a}
+        L ${t * .15},${a}
+        Q ${t * .18},${a - i * .2} ${t * .2},${a}
+        L ${t * .28},${a}
+        L ${t * .32},${a + i * .15}
+        L ${t * .35},${a - i}
+        L ${t * .4},${a + i * .4}
+        L ${t * .45},${a}
+        Q ${t * .55},${a - i * .25} ${t * .65},${a}
+        L ${t},${a}
+      `.trim();
+		case "warning": return `
+        M 0,${a}
+        L ${t * .1},${a}
+        L ${t * .15},${a - i * .6}
+        L ${t * .2},${a + i * .2}
+        L ${t * .25},${a}
+        L ${t * .35},${a}
+        L ${t * .38},${a - i * .8}
+        L ${t * .42},${a + i * .3}
+        L ${t * .46},${a - i * .4}
+        L ${t * .5},${a}
+        L ${t * .6},${a}
+        Q ${t * .7},${a - i * .15} ${t * .8},${a}
+        L ${t},${a}
+      `.trim();
+		case "critical": return `
+        M 0,${a}
+        L ${t * .05},${a}
+        L ${t * .08},${a - i}
+        L ${t * .12},${a + i * .5}
+        L ${t * .16},${a - i * .7}
+        L ${t * .2},${a}
+        L ${t * .28},${a}
+        L ${t * .32},${a - i * .9}
+        L ${t * .36},${a + i * .6}
+        L ${t * .4},${a - i * .5}
+        L ${t * .44},${a + i * .3}
+        L ${t * .48},${a}
+        L ${t * .55},${a}
+        L ${t * .58},${a - i * .8}
+        L ${t * .62},${a + i * .4}
+        L ${t * .66},${a}
+        L ${t},${a}
+      `.trim();
+		case "down": return `
+        M 0,${a}
+        L ${t},${a}
+      `.trim();
+		case "unknown": return `
+        M 0,${a}
+        L ${t * .1},${a}
+        L ${t * .15},${a - i * .3}
+        L ${t * .2},${a + i * .2}
+        L ${t * .25},${a}
+        M ${t * .35},${a}
+        L ${t * .4},${a - i * .4}
+        L ${t * .45},${a}
+        M ${t * .55},${a}
+        L ${t * .6},${a + i * .25}
+        L ${t * .65},${a - i * .35}
+        L ${t * .7},${a}
+        L ${t},${a}
+      `.trim();
+		default: return `M 0,${a} L ${t},${a}`;
+	}
+}
+var s = {
+	healthy: "Healthy",
+	warning: "Warning",
+	critical: "Critical",
+	down: "Down",
+	unknown: "Unknown"
+};
+function c({ status: c, pulseRate: l = 60, value: u, label: d, unit: f, size: p = "md", showValue: m = !0, animated: h = !0, colors: g, className: _ }) {
+	let v = a[p], y = {
+		...i,
+		...g
+	}[c], b = l > 0 ? 60 / l : 1, x = o(c, v.width, v.height), S = t.useId();
+	return /* @__PURE__ */ r("div", {
+		className: e("inline-flex flex-col rounded-lg border bg-card", v.padding, _),
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between mb-2",
+				children: [/* @__PURE__ */ r("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ n("span", {
+						className: e("rounded-full", h && c !== "down" && "animate-pulse"),
+						style: {
+							width: v.dotSize,
+							height: v.dotSize,
+							backgroundColor: y,
+							boxShadow: h && c !== "down" ? `0 0 ${v.dotSize}px ${y}` : "none"
+						}
+					}), /* @__PURE__ */ n("span", {
+						className: e("font-medium text-foreground", v.labelSize),
+						children: d || s[c]
+					})]
+				}), m && u !== void 0 && /* @__PURE__ */ r("div", {
+					className: e("font-mono font-semibold", v.fontSize),
+					style: { color: y },
+					children: [u.toLocaleString(), f && /* @__PURE__ */ n("span", {
+						className: "text-muted-foreground ml-1",
+						children: f
+					})]
+				})]
+			}),
+			/* @__PURE__ */ r("div", {
+				className: "relative overflow-hidden rounded bg-background/50",
+				children: [/* @__PURE__ */ r("svg", {
+					width: v.width,
+					height: v.height,
+					viewBox: `0 0 ${v.width} ${v.height}`,
+					className: "block",
+					children: [
+						/* @__PURE__ */ r("defs", { children: [
+							/* @__PURE__ */ r("linearGradient", {
+								id: `pulse-gradient-${S}`,
+								x1: "0%",
+								y1: "0%",
+								x2: "100%",
+								y2: "0%",
+								children: [
+									/* @__PURE__ */ n("stop", {
+										offset: "0%",
+										stopColor: y,
+										stopOpacity: "0"
+									}),
+									/* @__PURE__ */ n("stop", {
+										offset: "50%",
+										stopColor: y,
+										stopOpacity: "1"
+									}),
+									/* @__PURE__ */ n("stop", {
+										offset: "100%",
+										stopColor: y,
+										stopOpacity: "0.3"
+									})
+								]
+							}),
+							/* @__PURE__ */ r("filter", {
+								id: `pulse-glow-${S}`,
+								x: "-50%",
+								y: "-50%",
+								width: "200%",
+								height: "200%",
+								children: [/* @__PURE__ */ n("feGaussianBlur", {
+									stdDeviation: "2",
+									result: "blur"
+								}), /* @__PURE__ */ r("feMerge", { children: [/* @__PURE__ */ n("feMergeNode", { in: "blur" }), /* @__PURE__ */ n("feMergeNode", { in: "SourceGraphic" })] })]
+							}),
+							h && c !== "down" && /* @__PURE__ */ n("clipPath", {
+								id: `pulse-clip-${S}`,
+								children: /* @__PURE__ */ n("rect", {
+									x: "0",
+									y: "0",
+									width: v.width,
+									height: v.height,
+									children: /* @__PURE__ */ n("animate", {
+										attributeName: "x",
+										from: -v.width,
+										to: v.width,
+										dur: `${b}s`,
+										repeatCount: "indefinite"
+									})
+								})
+							})
+						] }),
+						/* @__PURE__ */ r("g", {
+							className: "opacity-10",
+							children: [[
+								.25,
+								.5,
+								.75
+							].map((e) => /* @__PURE__ */ n("line", {
+								x1: "0",
+								y1: v.height * e,
+								x2: v.width,
+								y2: v.height * e,
+								stroke: "currentColor",
+								strokeWidth: "0.5",
+								strokeDasharray: "2 4"
+							}, `h-${e}`)), [
+								.25,
+								.5,
+								.75
+							].map((e) => /* @__PURE__ */ n("line", {
+								x1: v.width * e,
+								y1: "0",
+								x2: v.width * e,
+								y2: v.height,
+								stroke: "currentColor",
+								strokeWidth: "0.5",
+								strokeDasharray: "2 4"
+							}, `v-${e}`))]
+						}),
+						/* @__PURE__ */ n("path", {
+							d: x,
+							fill: "none",
+							stroke: y,
+							strokeWidth: v.strokeWidth,
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							opacity: h ? .3 : 1,
+							filter: h ? void 0 : `url(#pulse-glow-${S})`
+						}),
+						h && c !== "down" && /* @__PURE__ */ r("g", { children: [/* @__PURE__ */ n("path", {
+							d: x,
+							fill: "none",
+							stroke: `url(#pulse-gradient-${S})`,
+							strokeWidth: v.strokeWidth * 3,
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							opacity: "0.4",
+							style: { animation: `pulse-sweep-${S} ${b}s linear infinite` }
+						}), /* @__PURE__ */ n("path", {
+							d: x,
+							fill: "none",
+							stroke: y,
+							strokeWidth: v.strokeWidth,
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							filter: `url(#pulse-glow-${S})`,
+							style: {
+								strokeDasharray: v.width * 2,
+								strokeDashoffset: v.width * 2,
+								animation: `pulse-draw-${S} ${b}s linear infinite`
+							}
+						})] }),
+						c === "down" && h && /* @__PURE__ */ n("g", { children: /* @__PURE__ */ n("circle", {
+							cx: v.width / 2,
+							cy: v.height / 2,
+							r: "3",
+							fill: y,
+							opacity: "0.5",
+							children: /* @__PURE__ */ n("animate", {
+								attributeName: "opacity",
+								values: "0.5;0.2;0.5",
+								dur: "2s",
+								repeatCount: "indefinite"
+							})
+						}) })
+					]
+				}), /* @__PURE__ */ n("style", { dangerouslySetInnerHTML: { __html: `
+            @keyframes pulse-draw-${S} {
+              0% {
+                stroke-dashoffset: ${v.width * 2};
+              }
+              100% {
+                stroke-dashoffset: 0;
+              }
+            }
+            @keyframes pulse-sweep-${S} {
+              0% {
+                opacity: 0;
+              }
+              10% {
+                opacity: 0.4;
+              }
+              90% {
+                opacity: 0.4;
+              }
+              100% {
+                opacity: 0;
+              }
+            }
+          ` } })]
+			}),
+			l > 0 && /* @__PURE__ */ n("div", {
+				className: e("flex items-center justify-end mt-1.5", v.labelSize),
+				children: /* @__PURE__ */ r("span", {
+					className: "text-muted-foreground",
+					children: [l, " BPM"]
+				})
+			})
+		]
+	});
+}
+c.displayName = "WakaHealthPulse";
+//#endregion
+export { c as WakaHealthPulse, c as default };

package/dist/components/waka-heatmap/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={blues:{type:`sequential`,colors:[`#f7fbff`,`#deebf7`,`#c6dbef`,`#9ecae1`,`#6baed6`,`#4292c6`,`#2171b5`,`#08519c`,`#08306b`]},greens:{type:`sequential`,colors:[`#f7fcf5`,`#e5f5e0`,`#c7e9c0`,`#a1d99b`,`#74c476`,`#41ab5d`,`#238b45`,`#006d2c`,`#00441b`]},reds:{type:`sequential`,colors:[`#fff5f0`,`#fee0d2`,`#fcbba1`,`#fc9272`,`#fb6a4a`,`#ef3b2c`,`#cb181d`,`#a50f15`,`#67000d`]},viridis:{type:`sequential`,colors:[`#440154`,`#482878`,`#3e4989`,`#31688e`,`#26828e`,`#1f9e89`,`#35b779`,`#6ece58`,`#fde725`]},plasma:{type:`sequential`,colors:[`#0d0887`,`#46039f`,`#7201a8`,`#9c179e`,`#bd3786`,`#d8576b`,`#ed7953`,`#fb9f3a`,`#fdca26`]},coolwarm:{type:`diverging`,colors:[`#3b4cc0`,`#5977e3`,`#7b9ff9`,`#9ebeff`,`#c0d4f5`,`#f7f7f7`,`#f4c5ad`,`#f19072`,`#d95f47`,`#b40426`]},rdylgn:{type:`diverging`,colors:[`#a50026`,`#d73027`,`#f46d43`,`#fdae61`,`#fee08b`,`#ffffbf`,`#d9ef8b`,`#a6d96a`,`#66bd63`,`#1a9850`,`#006837`]}};function o(e,t){let n=Math.max(0,Math.min(1,t))*(e.length-1),r=Math.floor(n),i=Math.ceil(n);if(r===i)return e[r];let a=n-r,o=e[r],s=e[i],c=parseInt(o.slice(1,3),16),l=parseInt(o.slice(3,5),16),u=parseInt(o.slice(5,7),16),d=parseInt(s.slice(1,3),16),f=parseInt(s.slice(3,5),16),p=parseInt(s.slice(5,7),16),m=Math.round(c+(d-c)*a),h=Math.round(l+(f-l)*a),g=Math.round(u+(p-u)*a);return`#${m.toString(16).padStart(2,`0`)}${h.toString(16).padStart(2,`0`)}${g.toString(16).padStart(2,`0`)}`}function s(e,t,n,r){if(r.type===`diverging`){let i=Math.max(Math.abs(t),Math.abs(n));if(e===0)return r.colors[Math.floor(r.colors.length/2)];let a=(e+i)/(2*i);return o(r.colors,a)}if(n===t)return r.colors[Math.floor(r.colors.length/2)];let i=(e-t)/(n-t);return o(r.colors,i)}function c(e={}){let{initialZoom:t=1,minZoom:r=.5,maxZoom:i=4,initialPan:a={x:0,y:0},onSelectionChange:o}=e,[s,c]=n.useState(t),[l,u]=n.useState(a),[d,f]=n.useState(null),[p,m]=n.useState(!1);return{zoom:s,pan:l,selectedCell:d,isPanning:p,zoomIn:n.useCallback(()=>{c(e=>Math.min(e*1.2,i))},[i]),zoomOut:n.useCallback(()=>{c(e=>Math.max(e/1.2,r))},[r]),resetZoom:n.useCallback(()=>{c(t)},[t]),setPan:u,resetPan:n.useCallback(()=>{u(a)},[a]),selectCell:n.useCallback(e=>{f(e),o?.(e)},[o]),startPanning:n.useCallback(()=>{m(!0)},[]),stopPanning:n.useCallback(()=>{m(!1)},[]),handlePanMove:n.useCallback((e,t)=>{u(n=>({x:n.x+e,y:n.y+t}))},[])}}function l({value:e,row:t,col:n,rowLabel:r,colLabel:a,x:o,y:s,valueFormatter:c}){let l=c?c(e):e.toFixed(2);return(0,i.jsxs)(`div`,{className:`absolute z-50 px-3 py-2 text-xs font-medium text-white bg-gray-900 rounded-lg shadow-lg pointer-events-none whitespace-nowrap`,style:{left:o,top:s,transform:`translate(-50%, -100%)`,marginTop:-10},children:[(0,i.jsx)(`div`,{className:`font-semibold text-sm`,children:l}),(r||a)&&(0,i.jsxs)(`div`,{className:`text-gray-300 mt-1`,children:[r&&(0,i.jsxs)(`span`,{children:[`Row: `,r]}),r&&a&&(0,i.jsx)(`span`,{className:`mx-1`,children:`|`}),a&&(0,i.jsxs)(`span`,{children:[`Col: `,a]})]}),!r&&!a&&(0,i.jsxs)(`div`,{className:`text-gray-300 mt-1`,children:[`[`,t,`, `,n,`]`]}),(0,i.jsx)(`div`,{className:`absolute left-1/2 bottom-0 w-2.5 h-2.5 bg-gray-900 transform -translate-x-1/2 translate-y-1/2 rotate-45`})]})}function u({colorScheme:e,minValue:r,maxValue:a,valueFormatter:o,className:s}){let c=n.useId(),l=e=>o?o(e):e.toFixed(1);return(0,i.jsx)(`div`,{className:t.cn(`flex flex-col gap-1`,s),children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground min-w-12 text-right`,children:l(r)}),(0,i.jsx)(`div`,{className:`relative h-3 w-32 rounded overflow-hidden`,children:(0,i.jsxs)(`svg`,{width:`100%`,height:`100%`,"aria-hidden":`true`,focusable:`false`,children:[(0,i.jsx)(`defs`,{children:(0,i.jsx)(`linearGradient`,{id:c,x1:`0%`,y1:`0%`,x2:`100%`,y2:`0%`,children:e.colors.map((t,n)=>(0,i.jsx)(`stop`,{offset:`${n/(e.colors.length-1)*100}%`,stopColor:t},n))})}),(0,i.jsx)(`rect`,{width:`100%`,height:`100%`,fill:`url(#${c})`})]})}),(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground min-w-12`,children:l(a)})]})})}function d({minValue:e,maxValue:t,minPosition:n,maxPosition:r,valueFormatter:a}){let o=e=>a?a(e):e.toFixed(2);return(0,i.jsxs)(`div`,{className:`flex gap-4 text-xs text-muted-foreground`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(`span`,{className:`font-medium`,children:`Min:`}),(0,i.jsx)(`span`,{className:`text-foreground font-semibold`,children:o(e)}),(0,i.jsxs)(`span`,{className:`text-gray-400`,children:[`[`,n.row,`, `,n.col,`]`]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(`span`,{className:`font-medium`,children:`Max:`}),(0,i.jsx)(`span`,{className:`text-foreground font-semibold`,children:o(t)}),(0,i.jsxs)(`span`,{className:`text-gray-400`,children:[`[`,r.row,`, `,r.col,`]`]})]})]})}function f({enableZoom:e,enablePan:n,enableExport:a,zoom:o,isPanning:s,onZoomIn:c,onZoomOut:l,onResetZoom:u,onTogglePan:d,onExport:f}){return(0,i.jsxs)(`div`,{className:`flex items-center gap-1 bg-muted/50 rounded-lg p-1`,children:[e&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:l,className:`p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground`,"aria-label":`Zoom out`,title:`Zoom out`,children:(0,i.jsx)(r.ZoomOut,{className:`w-4 h-4`})}),(0,i.jsxs)(`span`,{className:`text-xs text-muted-foreground px-2 min-w-12 text-center`,children:[Math.round(o*100),`%`]}),(0,i.jsx)(`button`,{type:`button`,onClick:c,className:`p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground`,"aria-label":`Zoom in`,title:`Zoom in`,children:(0,i.jsx)(r.ZoomIn,{className:`w-4 h-4`})}),(0,i.jsx)(`button`,{type:`button`,onClick:u,className:`p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground`,"aria-label":`Reset zoom`,title:`Reset zoom`,children:(0,i.jsx)(r.Maximize2,{className:`w-4 h-4`})}),(0,i.jsx)(`div`,{className:`w-px h-4 bg-border mx-1`})]}),n&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{type:`button`,onClick:d,className:t.cn(`p-1.5 rounded transition-colors`,s?`bg-primary text-primary-foreground`:`hover:bg-muted text-muted-foreground hover:text-foreground`),"aria-label":`Toggle pan mode`,title:`Toggle pan mode`,children:(0,i.jsx)(r.Move,{className:`w-4 h-4`})}),(0,i.jsx)(`div`,{className:`w-px h-4 bg-border mx-1`})]}),a&&(0,i.jsx)(`button`,{type:`button`,onClick:f,className:`p-1.5 rounded hover:bg-muted transition-colors text-muted-foreground hover:text-foreground`,"aria-label":`Export as image`,title:`Export as image`,children:(0,i.jsx)(r.Download,{className:`w-4 h-4`})})]})}function p({data:e,width:r=600,height:o=400,cellSize:p=24,cellGap:m=2,colorScheme:h,colorSchemeName:g=`blues`,showRowLabels:_=!0,showColumnLabels:v=!0,showLegend:y=!0,showMinMax:b=!0,showTooltip:x=!0,enableSelection:S=!0,enableZoom:C=!0,enablePan:w=!0,enableExport:T=!0,initialZoom:E=1,minZoom:D=.5,maxZoom:O=4,valueFormatter:k,onCellClick:A,onSelectionChange:j,className:M,title:N}){let P=n.useRef(null),F=n.useRef(null),I=n.useRef(null),[L,R]=n.useState(null),[z,B]=n.useState(!1),V=c({initialZoom:E,minZoom:D,maxZoom:O,onSelectionChange:j}),H=n.useMemo(()=>h||a[g]||a.blues,[h,g]),{minValue:U,maxValue:W,minPosition:G,maxPosition:K}=n.useMemo(()=>{let t=1/0,n=-1/0,r={row:0,col:0},i={row:0,col:0};return e.values.forEach((e,a)=>{e.forEach((e,o)=>{e<t&&(t=e,r={row:a,col:o}),e>n&&(n=e,i={row:a,col:o})})}),{minValue:t===1/0?0:t,maxValue:n===-1/0?0:n,minPosition:r,maxPosition:i}},[e.values]),q=e.values.length,J=e.values[0]?.length||0,Y=_?80:0;J*(p+m)-m,q*(p+m)-m;let X=n.useCallback((t,n,r,i)=>{if(!x)return;let a=t.currentTarget.getBoundingClientRect(),o=P.current?.getBoundingClientRect();o&&R({value:i,row:n,col:r,rowLabel:e.rowLabels?.[n],colLabel:e.columnLabels?.[r],x:a.left-o.left+a.width/2,y:a.top-o.top,valueFormatter:k})},[x,e.rowLabels,e.columnLabels,k]),Z=n.useCallback((e,t,n)=>{if(!S)return;let r={row:e,col:t,value:n};V.selectedCell?.row===e&&V.selectedCell?.col===t?V.selectCell(null):(V.selectCell(r),A?.(r))},[S,V,A]),Q=n.useCallback(()=>{let t=document.createElement(`canvas`),n=t.getContext(`2d`);if(!n)return;let r=p*2,i=m*2,a=_?160:0,o=v?60:0,c=J*(r+i)-i,l=q*(r+i)-i;t.width=c+a+80,t.height=l+o+80,n.fillStyle=`#ffffff`,n.fillRect(0,0,t.width,t.height),N&&(n.fillStyle=`#1f2937`,n.font=`bold 24px sans-serif`,n.textAlign=`center`,n.fillText(N,t.width/2,30)),v&&e.columnLabels&&(n.fillStyle=`#6b7280`,n.font=`12px sans-serif`,n.textAlign=`center`,e.columnLabels.forEach((e,t)=>{let s=40+a+t*(r+i)+r/2;n.fillText(e,s,40+o-10)})),_&&e.rowLabels&&(n.fillStyle=`#6b7280`,n.font=`12px sans-serif`,n.textAlign=`right`,n.textBaseline=`middle`,e.rowLabels.forEach((e,t)=>{let s=40+o+t*(r+i)+r/2;n.fillText(e,40+a-10,s)})),e.values.forEach((e,t)=>{e.forEach((e,c)=>{let l=40+a+c*(r+i),u=40+o+t*(r+i),d=s(e,U,W,H);n.fillStyle=d,n.fillRect(l,u,r,r)})});let u=document.createElement(`a`);u.download=`heatmap-${Date.now()}.png`,u.href=t.toDataURL(`image/png`),u.click()},[p,m,J,q,_,v,e.columnLabels,e.rowLabels,e.values,U,W,H,N]),ee=n.useCallback(e=>{!w||!z||(V.startPanning(),I.current={x:e.clientX,y:e.clientY})},[w,z,V]),te=n.useCallback(e=>{if(!V.isPanning||!I.current)return;let t=e.clientX-I.current.x,n=e.clientY-I.current.y;V.handlePanMove(t,n),I.current={x:e.clientX,y:e.clientY}},[V]),$=n.useCallback(()=>{V.stopPanning(),I.current=null},[V]),ne=n.useCallback(e=>{C&&(e.preventDefault(),e.deltaY<0?V.zoomIn():V.zoomOut())},[C,V]),re=n.useCallback(()=>{B(e=>!e)},[]);return(0,i.jsxs)(`div`,{ref:P,className:t.cn(`flex flex-col gap-3`,M),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[N&&(0,i.jsx)(`h3`,{className:`text-lg font-semibold text-foreground`,children:N}),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-4`,!N&&`ml-auto`),children:[b&&(0,i.jsx)(d,{minValue:U,maxValue:W,minPosition:G,maxPosition:K,valueFormatter:k}),(C||w||T)&&(0,i.jsx)(f,{enableZoom:C,enablePan:w,enableExport:T,zoom:V.zoom,isPanning:z,onZoomIn:V.zoomIn,onZoomOut:V.zoomOut,onResetZoom:()=>{V.resetZoom(),V.resetPan()},onTogglePan:re,onExport:Q})]})]}),(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-lg border bg-background`,z&&`cursor-grab`,V.isPanning&&`cursor-grabbing`),style:{width:r,height:o},onMouseDown:ee,onMouseMove:te,onMouseUp:$,onMouseLeave:()=>{$(),R(null)},onWheel:ne,children:[(0,i.jsxs)(`div`,{className:`relative transition-transform duration-150`,style:{transform:`scale(${V.zoom}) translate(${V.pan.x/V.zoom}px, ${V.pan.y/V.zoom}px)`,transformOrigin:`top left`,padding:16},children:[v&&e.columnLabels&&(0,i.jsx)(`div`,{className:`flex`,style:{marginLeft:Y,marginBottom:8},children:e.columnLabels.map((e,t)=>(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground truncate text-center`,style:{width:p,marginRight:m},title:e,children:e},t))}),(0,i.jsxs)(`div`,{className:`flex`,children:[_&&e.rowLabels&&(0,i.jsx)(`div`,{className:`flex flex-col`,style:{width:Y,marginRight:8},children:e.rowLabels.map((e,t)=>(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground truncate text-right flex items-center justify-end`,style:{height:p,marginBottom:m},title:e,children:e},t))}),(0,i.jsx)(`div`,{className:`grid`,style:{gridTemplateColumns:`repeat(${J}, ${p}px)`,gridTemplateRows:`repeat(${q}, ${p}px)`,gap:m},role:`grid`,"aria-label":`Heatmap grid`,children:e.values.flatMap((e,n)=>e.map((e,r)=>{let a=s(e,U,W,H),o=V.selectedCell?.row===n&&V.selectedCell?.col===r,c=b&&G.row===n&&G.col===r,l=b&&K.row===n&&K.col===r;return(0,i.jsx)(`div`,{className:t.cn(`rounded-sm transition-all duration-150`,S&&!z&&`cursor-pointer hover:ring-2 hover:ring-primary/50`,o&&`ring-2 ring-primary ring-offset-1`,(c||l)&&`ring-1 ring-offset-1`,c&&`ring-blue-500`,l&&`ring-red-500`),style:{backgroundColor:a,width:p,height:p},role:`gridcell`,"aria-label":`Value ${e} at row ${n}, column ${r}`,onMouseEnter:t=>!z&&X(t,n,r,e),onMouseLeave:()=>R(null),onClick:()=>!z&&Z(n,r,e)},`${n}-${r}`)}))})]})]}),L&&!z&&(0,i.jsx)(l,{...L}),(0,i.jsx)(`canvas`,{ref:F,className:`hidden`})]}),y&&(0,i.jsx)(`div`,{className:`flex justify-center`,children:(0,i.jsx)(u,{colorScheme:H,minValue:U,maxValue:W,valueFormatter:k})})]})}exports.WakaHeatmap=p,exports.default=p,exports.useHeatmap=c;