@wakastellar/ui 4.0.0 → 4.0.1

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

@@ -0,0 +1,240 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { safeNavigate as t } from "../../utils/security.es.js";
+import * as n from "react";
+import { CornerDownLeft as r, Search as i } from "lucide-react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/waka-command-bar/index.tsx
+function c(e, t) {
+	if (!t) return {
+		match: !0,
+		score: 1
+	};
+	let n = e.toLowerCase(), r = t.toLowerCase();
+	if (n.includes(r)) return {
+		match: !0,
+		score: n.indexOf(r) === 0 ? 1 : .8
+	};
+	let i = 0, a = 0, o = 0;
+	for (let e = 0; e < n.length && i < r.length; e++) n[e] === r[i] ? (a += 1 + o * .5, o++, i++) : o = 0;
+	let s = i === r.length;
+	return {
+		match: s,
+		score: s ? a / r.length : 0
+	};
+}
+function l(e, t) {
+	return t ? e.map((e) => {
+		let n = c(e.label, t), r = e.description ? c(e.description, t) : {
+			match: !1,
+			score: 0
+		}, i = e.keywords?.some((e) => c(e, t).match) ? {
+			match: !0,
+			score: .5
+		} : {
+			match: !1,
+			score: 0
+		};
+		return {
+			item: e,
+			score: Math.max(n.score, r.score * .7, i.score),
+			matched: n.match || r.match || i.match
+		};
+	}).filter((e) => e.matched).sort((e, t) => t.score - e.score).map((e) => e.item) : e;
+}
+function u({ open: e, onOpenChange: r, items: c, placeholder: u = "Type a command or search...", onSelect: f, emptyMessage: p = "No results found.", recentItems: m, footer: h, shortcut: g = ["⌘", "K"] }) {
+	let [_, v] = n.useState(""), [y, b] = n.useState(0), x = n.useRef(null), S = n.useRef(null), C = c.length > 0 && "items" in c[0], w = n.useMemo(() => C ? c.flatMap((e) => e.items.map((t) => ({
+		...t,
+		category: e.label
+	}))) : c, [c, C]), T = n.useMemo(() => l(w, _), [w, _]), E = n.useMemo(() => !C || _ ? [{
+		label: _ ? "Results" : "Commands",
+		items: T
+	}] : c, [
+		c,
+		C,
+		T,
+		_
+	]), D = n.useMemo(() => E.flatMap((e) => e.items), [E]);
+	n.useEffect(() => {
+		if (!e) return;
+		let t = (e) => {
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), b((e) => Math.min(e + 1, D.length - 1));
+					break;
+				case "ArrowUp":
+					e.preventDefault(), b((e) => Math.max(e - 1, 0));
+					break;
+				case "Enter":
+					e.preventDefault();
+					let t = D[y];
+					t && O(t);
+					break;
+				case "Escape":
+					e.preventDefault(), r(!1);
+					break;
+			}
+		};
+		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+	}, [
+		e,
+		y,
+		D,
+		r
+	]), n.useEffect(() => {
+		e && (v(""), b(0), setTimeout(() => x.current?.focus(), 0));
+	}, [e]), n.useEffect(() => {
+		(S.current?.querySelector(`[data-index="${y}"]`))?.scrollIntoView({ block: "nearest" });
+	}, [y]), n.useEffect(() => {
+		let t = (t) => {
+			(t.metaKey || t.ctrlKey) && t.key === "k" && (t.preventDefault(), r(!e));
+		};
+		return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
+	}, [e, r]);
+	let O = (e) => {
+		f?.(e), e.action?.(), e.href && t(e.href), r(!1);
+	};
+	if (!e) return null;
+	let k = -1;
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("div", {
+		className: "fixed inset-0 z-50 bg-black/50 backdrop-blur-sm animate-in fade-in-0",
+		onClick: () => r(!1)
+	}), /* @__PURE__ */ o("div", {
+		className: "fixed left-1/2 top-[20%] z-50 w-full max-w-xl -translate-x-1/2 animate-in fade-in-0 zoom-in-95 slide-in-from-top-2",
+		children: /* @__PURE__ */ s("div", {
+			className: "overflow-hidden rounded-xl border bg-popover shadow-2xl",
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "flex items-center border-b px-4",
+					children: [
+						/* @__PURE__ */ o(i, { className: "h-5 w-5 shrink-0 text-muted-foreground" }),
+						/* @__PURE__ */ o("input", {
+							ref: x,
+							type: "text",
+							value: _,
+							onChange: (e) => {
+								v(e.target.value), b(0);
+							},
+							placeholder: u,
+							className: "flex-1 bg-transparent py-4 px-3 text-sm outline-none placeholder:text-muted-foreground"
+						}),
+						/* @__PURE__ */ o("kbd", {
+							className: "hidden sm:inline-flex h-6 items-center gap-1 rounded border bg-muted px-2 text-xs text-muted-foreground",
+							children: "ESC"
+						})
+					]
+				}),
+				/* @__PURE__ */ s("div", {
+					ref: S,
+					className: "max-h-80 overflow-y-auto p-2",
+					children: [!_ && m && m.length > 0 && /* @__PURE__ */ s("div", {
+						className: "mb-2",
+						children: [/* @__PURE__ */ o("div", {
+							className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+							children: "Recent"
+						}), m.map((e) => {
+							k++;
+							let t = k;
+							return /* @__PURE__ */ o(d, {
+								item: e,
+								selected: y === t,
+								dataIndex: t,
+								onSelect: () => O(e),
+								onHover: () => b(t)
+							}, `recent-${e.id}`);
+						})]
+					}), E.map((e) => /* @__PURE__ */ s("div", {
+						className: "mb-2",
+						children: [/* @__PURE__ */ o("div", {
+							className: "px-2 py-1.5 text-xs font-medium text-muted-foreground",
+							children: e.label
+						}), e.items.length === 0 ? /* @__PURE__ */ o("div", {
+							className: "px-2 py-8 text-center text-sm text-muted-foreground",
+							children: p
+						}) : e.items.map((e) => {
+							k++;
+							let t = k;
+							return /* @__PURE__ */ o(d, {
+								item: e,
+								selected: y === t,
+								dataIndex: t,
+								onSelect: () => O(e),
+								onHover: () => b(t)
+							}, e.id);
+						})]
+					}, e.label))]
+				}),
+				/* @__PURE__ */ o("div", {
+					className: "flex items-center justify-between border-t bg-muted/50 px-4 py-2 text-xs text-muted-foreground",
+					children: h || /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ s("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ o("kbd", {
+								className: "rounded border bg-background px-1.5 py-0.5",
+								children: "↑↓"
+							}), "Navigate"]
+						}), /* @__PURE__ */ s("span", {
+							className: "flex items-center gap-1",
+							children: [/* @__PURE__ */ o("kbd", {
+								className: "rounded border bg-background px-1.5 py-0.5",
+								children: "↵"
+							}), "Select"]
+						})]
+					}), /* @__PURE__ */ s("span", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ o("kbd", {
+							className: "rounded border bg-background px-1.5 py-0.5",
+							children: "ESC"
+						}), "Close"]
+					})] })
+				})
+			]
+		})
+	})] });
+}
+function d({ item: t, selected: n, dataIndex: i, onSelect: a, onHover: c }) {
+	return /* @__PURE__ */ s("button", {
+		"data-index": i,
+		onClick: a,
+		onMouseEnter: c,
+		className: e("flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left text-sm transition-colors", n ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"),
+		children: [
+			t.icon && /* @__PURE__ */ o("span", {
+				className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md border bg-background",
+				children: t.icon
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ o("div", {
+					className: "font-medium truncate",
+					children: t.label
+				}), t.description && /* @__PURE__ */ o("div", {
+					className: "text-xs text-muted-foreground truncate",
+					children: t.description
+				})]
+			}),
+			t.shortcut && /* @__PURE__ */ o("div", {
+				className: "flex items-center gap-1 shrink-0",
+				children: t.shortcut.map((e, t) => /* @__PURE__ */ o("kbd", {
+					className: "rounded border bg-muted px-1.5 py-0.5 text-xs",
+					children: e
+				}, t))
+			}),
+			n && !t.shortcut && /* @__PURE__ */ o(r, { className: "h-4 w-4 shrink-0 text-muted-foreground" })
+		]
+	});
+}
+function f() {
+	let [e, t] = n.useState(!1);
+	return {
+		open: e,
+		onOpenChange: t,
+		openCommandBar: () => t(!0),
+		closeCommandBar: () => t(!1),
+		toggleCommandBar: () => t((e) => !e)
+	};
+}
+//#endregion
+export { u as WakaCommandBar, f as useCommandBar };

package/dist/components/waka-compare-period/index.cjs.js

@@ -0,0 +1,16 @@
+"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={default:{bar:`bg-primary`,barBg:`bg-primary/20`,text:`text-primary`,icon:`text-primary`},blue:{bar:`bg-blue-500`,barBg:`bg-blue-500/20`,text:`text-blue-600`,icon:`text-blue-500`},green:{bar:`bg-green-500`,barBg:`bg-green-500/20`,text:`text-green-600`,icon:`text-green-500`},purple:{bar:`bg-purple-500`,barBg:`bg-purple-500/20`,text:`text-purple-600`,icon:`text-purple-500`},orange:{bar:`bg-orange-500`,barBg:`bg-orange-500/20`,text:`text-orange-600`,icon:`text-orange-500`},red:{bar:`bg-red-500`,barBg:`bg-red-500/20`,text:`text-red-600`,icon:`text-red-500`}},o={last_week:{label:`vs Last Week`,shortLabel:`Week`},last_month:{label:`vs Last Month`,shortLabel:`Month`},last_quarter:{label:`vs Last Quarter`,shortLabel:`Quarter`},last_year:{label:`vs Last Year`,shortLabel:`Year`},custom:{label:`Custom Range`,shortLabel:`Custom`}};function s(e,t){if(t===0)return{percentage:e>0?100:0,absolute:e,direction:e>0?`up`:e<0?`down`:`neutral`};let n=e-t,r=(e-t)/Math.abs(t)*100,i=`neutral`;return r>.01?i=`up`:r<-.01&&(i=`down`),{percentage:r,absolute:n,direction:i}}function c(e){return`${e>=0?`+`:``}${e.toFixed(1)}%`}function l(e,t,n){let r=e>=0?`+`:``,i=t?t(Math.abs(e)):Math.abs(e).toLocaleString();return`${r}${e<0?`-`:``}${i}${n||``}`}function u(e){return e.toLocaleDateString(`en-US`,{month:`short`,day:`numeric`})}function d(e,t=new Date){let n=new Date(t);n.setHours(23,59,59,999);let r,i=n,a,o;switch(e){case`last_week`:r=new Date(n),r.setDate(n.getDate()-6),r.setHours(0,0,0,0),o=new Date(r),o.setDate(o.getDate()-1),o.setHours(23,59,59,999),a=new Date(o),a.setDate(o.getDate()-6),a.setHours(0,0,0,0);break;case`last_month`:r=new Date(n),r.setDate(n.getDate()-29),r.setHours(0,0,0,0),o=new Date(r),o.setDate(o.getDate()-1),o.setHours(23,59,59,999),a=new Date(o),a.setDate(o.getDate()-29),a.setHours(0,0,0,0);break;case`last_quarter`:r=new Date(n),r.setDate(n.getDate()-89),r.setHours(0,0,0,0),o=new Date(r),o.setDate(o.getDate()-1),o.setHours(23,59,59,999),a=new Date(o),a.setDate(o.getDate()-89),a.setHours(0,0,0,0);break;case`last_year`:r=new Date(n),r.setFullYear(n.getFullYear()-1),r.setHours(0,0,0,0),o=new Date(r),o.setDate(o.getDate()-1),o.setHours(23,59,59,999),a=new Date(o),a.setFullYear(o.getFullYear()-1),a.setHours(0,0,0,0);break;default:r=new Date(n),r.setDate(n.getDate()-6),r.setHours(0,0,0,0),o=new Date(r),o.setDate(o.getDate()-1),o.setHours(23,59,59,999),a=new Date(o),a.setDate(o.getDate()-6),a.setHours(0,0,0,0)}return{current:{start:r,end:i,label:`${u(r)} - ${u(i)}`},previous:{start:a,end:o,label:`${u(a)} - ${u(o)}`}}}function f({direction:e,invert:n=!1,size:a=`md`,animated:o=!0}){let s=n?e===`down`:e===`up`,c=n?e===`up`:e===`down`,l={sm:`h-3 w-3`,md:`h-4 w-4`,lg:`h-5 w-5`},u=e===`up`?r.TrendingUp:e===`down`?r.TrendingDown:r.Minus;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-center transition-transform duration-300`,s&&`text-green-600`,c&&`text-red-600`,e===`neutral`&&`text-muted-foreground`,o&&e===`up`&&`animate-trend-up`,o&&e===`down`&&`animate-trend-down`),children:[(0,i.jsx)(u,{className:l[a]}),(0,i.jsx)(`style`,{children:`
+        @keyframes trend-up {
+          0%, 100% { transform: translateY(0); }
+          50% { transform: translateY(-2px); }
+        }
+        @keyframes trend-down {
+          0%, 100% { transform: translateY(0); }
+          50% { transform: translateY(2px); }
+        }
+        .animate-trend-up {
+          animation: trend-up 2s ease-in-out infinite;
+        }
+        .animate-trend-down {
+          animation: trend-down 2s ease-in-out infinite;
+        }
+      `})]})}function p({value:e,format:r,unit:a,className:o,animated:s=!0}){let[c,l]=n.useState(e),u=n.useRef(e);n.useEffect(()=>{if(!s||e===u.current){l(e),u.current=e;return}let t=u.current,n=e,r=performance.now(),i=e=>{let a=e-r,o=Math.min(a/500,1),s=1-(1-o)**3;l(t+(n-t)*s),o<1&&requestAnimationFrame(i)};requestAnimationFrame(i),u.current=e},[e,s]);let d=r?r(c):Number.isInteger(c)?c.toLocaleString():c.toLocaleString(void 0,{maximumFractionDigits:2});return(0,i.jsxs)(`span`,{className:t.cn(`tabular-nums`,o),children:[d,a&&(0,i.jsx)(`span`,{className:`text-muted-foreground ml-0.5`,children:a})]})}function m({current:e,previous:r,color:o=`default`,animated:s=!0}){let[c,l]=n.useState(!s),u=Math.max(e,r,1),d=e/u*100,f=r/u*100;n.useEffect(()=>{if(s){let e=setTimeout(()=>l(!0),100);return()=>clearTimeout(e)}},[s]);let p=a[o];return(0,i.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`span`,{className:`text-[10px] text-muted-foreground w-12`,children:`Current`}),(0,i.jsx)(`div`,{className:`flex-1 h-2 rounded-full bg-muted overflow-hidden`,children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-700 ease-out`,p.bar),style:{width:c?`${d}%`:`0%`}})})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`span`,{className:`text-[10px] text-muted-foreground w-12`,children:`Previous`}),(0,i.jsx)(`div`,{className:`flex-1 h-2 rounded-full bg-muted overflow-hidden`,children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-700 ease-out opacity-50`,p.bar),style:{width:c?`${f}%`:`0%`}})})]})]})}function h({selectedPreset:e,onSelect:a,currentPeriod:s,previousPeriod:c,className:l}){let[u,d]=n.useState(!1),f=n.useRef(null);return n.useEffect(()=>{function e(e){f.current&&!f.current.contains(e.target)&&d(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,i.jsxs)(`div`,{ref:f,className:t.cn(`relative`,l),children:[(0,i.jsxs)(`button`,{type:`button`,onClick:()=>d(!u),className:t.cn(`flex items-center gap-2 px-3 py-2 rounded-lg border bg-card`,`text-sm font-medium transition-colors`,`hover:bg-muted focus:outline-none focus:ring-2 focus:ring-primary/20`,u&&`ring-2 ring-primary/20`),children:[(0,i.jsx)(r.Calendar,{className:`h-4 w-4 text-muted-foreground`}),(0,i.jsx)(`span`,{children:o[e].label}),(0,i.jsx)(r.ChevronDown,{className:t.cn(`h-4 w-4 text-muted-foreground transition-transform duration-200`,u&&`rotate-180`)})]}),u&&(0,i.jsxs)(`div`,{className:t.cn(`absolute top-full right-0 mt-2 z-50 min-w-[280px]`,`rounded-lg border bg-card shadow-lg`,`animate-in fade-in-0 zoom-in-95 duration-100`),children:[(0,i.jsx)(`div`,{className:`p-3 border-b`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,i.jsxs)(`div`,{className:`flex-1 text-center`,children:[(0,i.jsx)(`div`,{className:`text-[10px] uppercase text-muted-foreground mb-1`,children:`Current`}),(0,i.jsx)(`div`,{className:`font-medium`,children:s.label})]}),(0,i.jsx)(r.ArrowRight,{className:`h-4 w-4 text-muted-foreground`}),(0,i.jsxs)(`div`,{className:`flex-1 text-center`,children:[(0,i.jsx)(`div`,{className:`text-[10px] uppercase text-muted-foreground mb-1`,children:`Previous`}),(0,i.jsx)(`div`,{className:`font-medium`,children:c.label})]})]})}),(0,i.jsx)(`div`,{className:`p-1`,children:[`last_week`,`last_month`,`last_quarter`,`last_year`,`custom`].map(n=>(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{a(n),d(!1)},className:t.cn(`flex items-center justify-between w-full px-3 py-2 rounded-md text-sm`,`transition-colors hover:bg-muted`,e===n&&`bg-primary/10 text-primary`),children:[(0,i.jsx)(`span`,{children:o[n].label}),e===n&&(0,i.jsx)(r.Check,{className:`h-4 w-4`})]},n))})]})]})}function g({metric:e,showComparisonBars:n,animated:r,variant:o}){let{percentage:u,absolute:d,direction:h}=s(e.value.current,e.value.previous),g=a[e.color||`default`];return o===`compact`?(0,i.jsxs)(`div`,{className:`flex items-center justify-between py-2 border-b last:border-b-0`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.icon&&(0,i.jsx)(`div`,{className:t.cn(`h-4 w-4`,g.icon),children:e.icon}),(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:e.name})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(p,{value:e.value.current,format:e.format,unit:e.unit,animated:r,className:`font-semibold`}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(f,{direction:h,invert:e.invertTrend,size:`sm`,animated:r}),(0,i.jsx)(`span`,{className:t.cn(`text-xs font-medium`,(e.invertTrend?h===`down`:h===`up`)&&`text-green-600`,(e.invertTrend?h===`up`:h===`down`)&&`text-red-600`,h===`neutral`&&`text-muted-foreground`),children:c(u)})]})]})]}):o===`list`?(0,i.jsxs)(`div`,{className:`flex items-center gap-4 p-4 rounded-lg border bg-card`,children:[e.icon&&(0,i.jsx)(`div`,{className:t.cn(`rounded-lg p-2`,g.barBg),children:(0,i.jsx)(`div`,{className:t.cn(`h-5 w-5`,g.icon),children:e.icon})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-1`,children:[(0,i.jsx)(`span`,{className:`font-medium truncate`,children:e.name}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(f,{direction:h,invert:e.invertTrend,animated:r}),(0,i.jsx)(`span`,{className:t.cn(`text-sm font-semibold`,(e.invertTrend?h===`down`:h===`up`)&&`text-green-600`,(e.invertTrend?h===`up`:h===`down`)&&`text-red-600`,h===`neutral`&&`text-muted-foreground`),children:c(u)})]})]}),(0,i.jsxs)(`div`,{className:`flex items-baseline gap-3`,children:[(0,i.jsx)(p,{value:e.value.current,format:e.format,unit:e.unit,animated:r,className:`text-2xl font-bold`}),(0,i.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[`from`,` `,(0,i.jsx)(p,{value:e.value.previous,format:e.format,unit:e.unit,animated:r,className:`font-medium`})]})]}),n&&(0,i.jsx)(`div`,{className:`mt-3`,children:(0,i.jsx)(m,{current:e.value.current,previous:e.value.previous,color:e.color,animated:r})})]})]}):(0,i.jsxs)(`div`,{className:`p-4 rounded-lg border bg-card`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between mb-3`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.icon&&(0,i.jsx)(`div`,{className:t.cn(`rounded-lg p-1.5`,g.barBg),children:(0,i.jsx)(`div`,{className:t.cn(`h-4 w-4`,g.icon),children:e.icon})}),(0,i.jsx)(`span`,{className:`text-sm font-medium text-muted-foreground`,children:e.name})]}),(0,i.jsx)(f,{direction:h,invert:e.invertTrend,animated:r})]}),(0,i.jsx)(`div`,{className:`mb-2`,children:(0,i.jsx)(p,{value:e.value.current,format:e.format,unit:e.unit,animated:r,className:`text-2xl font-bold`})}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-sm`,children:[(0,i.jsx)(`span`,{className:t.cn(`font-semibold`,(e.invertTrend?h===`down`:h===`up`)&&`text-green-600`,(e.invertTrend?h===`up`:h===`down`)&&`text-red-600`,h===`neutral`&&`text-muted-foreground`),children:c(u)}),(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,l(d,e.format,e.unit),`)`]})]}),(0,i.jsxs)(`div`,{className:`mt-1 text-xs text-muted-foreground`,children:[`Previous:`,` `,(0,i.jsx)(p,{value:e.value.previous,format:e.format,unit:e.unit,animated:r,className:`font-medium`})]}),n&&(0,i.jsx)(`div`,{className:`mt-4`,children:(0,i.jsx)(m,{current:e.value.current,previous:e.value.previous,color:e.color,animated:r})})]})}function _({summary:e,metrics:n,animated:a}){let o=n.find(t=>t.id===e.bestMetricId),s=n.find(t=>t.id===e.worstMetricId);return(0,i.jsxs)(`div`,{className:`p-4 rounded-lg border bg-card`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mb-4`,children:[(0,i.jsx)(r.BarChart3,{className:`h-5 w-5 text-muted-foreground`}),(0,i.jsx)(`span`,{className:`font-semibold`,children:`Summary`})]}),(0,i.jsxs)(`div`,{className:`grid grid-cols-3 gap-4 mb-4`,children:[(0,i.jsxs)(`div`,{className:`text-center`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-green-600 mb-1`,children:[(0,i.jsx)(r.TrendingUp,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`text-xl font-bold`,children:e.improving})]}),(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Improving`})]}),(0,i.jsxs)(`div`,{className:`text-center`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-red-600 mb-1`,children:[(0,i.jsx)(r.TrendingDown,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`text-xl font-bold`,children:e.declining})]}),(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Declining`})]}),(0,i.jsxs)(`div`,{className:`text-center`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-1 text-muted-foreground mb-1`,children:[(0,i.jsx)(r.Minus,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`text-xl font-bold`,children:e.unchanged})]}),(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Unchanged`})]})]}),(0,i.jsx)(`div`,{className:`p-3 rounded-lg bg-muted/50 mb-3`,children:(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Average Change`}),(0,i.jsx)(`span`,{className:t.cn(`font-bold`,e.averageChange>0&&`text-green-600`,e.averageChange<0&&`text-red-600`),children:c(e.averageChange)})]})}),(0,i.jsxs)(`div`,{className:`space-y-2`,children:[o&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Best performer`}),(0,i.jsx)(`span`,{className:`font-medium text-green-600`,children:o.name})]}),s&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between text-sm`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Needs attention`}),(0,i.jsx)(`span`,{className:`font-medium text-red-600`,children:s.name})]})]})]})}function v({metrics:e,currentPeriod:a,previousPeriod:o,periodPreset:c=`last_week`,onPeriodChange:l,showPeriodSelector:u=!0,showComparisonBars:f=!0,showSummary:p=!0,animated:m=!0,variant:v=`grid`,columns:y=3,className:b}){let[x,S]=n.useState(c),[C,w]=n.useState(a),[T,E]=n.useState(o),D=n.useMemo(()=>{let t=0,n=0,r=0,i=0,a=-1/0,o=1/0,c,l;return e.forEach(e=>{let{percentage:u,direction:d}=s(e.value.current,e.value.previous),f=e.invertTrend?d===`up`?`down`:d===`down`?`up`:`neutral`:d;f===`up`?t++:f===`down`?n++:r++,i+=u;let p=e.invertTrend?-u:u;p>a&&(a=p,c=e.id),p<o&&(o=p,l=e.id)}),{improving:t,declining:n,unchanged:r,averageChange:e.length>0?i/e.length:0,bestMetricId:c,worstMetricId:l}},[e]);return(0,i.jsxs)(`div`,{className:t.cn(`space-y-4`,b),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsx)(`div`,{className:`flex items-center gap-3`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2 text-sm text-muted-foreground`,children:[(0,i.jsx)(r.Calendar,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:C.label}),(0,i.jsx)(r.ArrowRight,{className:`h-3 w-3`}),(0,i.jsx)(`span`,{children:T.label})]})}),u&&(0,i.jsx)(h,{selectedPreset:x,onSelect:e=>{if(S(e),e!==`custom`){let t=d(e);w(t.current),E(t.previous),l?.(e,t.current,t.previous)}else l?.(e,C,T)},currentPeriod:C,previousPeriod:T})]}),v===`compact`?(0,i.jsx)(`div`,{className:`rounded-lg border bg-card p-4`,children:e.map(e=>(0,i.jsx)(g,{metric:e,showComparisonBars:!1,animated:m,variant:`compact`},e.id))}):v===`list`?(0,i.jsx)(`div`,{className:`space-y-3`,children:e.map(e=>(0,i.jsx)(g,{metric:e,showComparisonBars:f,animated:m,variant:`list`},e.id))}):(0,i.jsx)(`div`,{className:t.cn(`grid gap-4`,{2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`}[y]),children:e.map(e=>(0,i.jsx)(g,{metric:e,showComparisonBars:f,animated:m,variant:`grid`},e.id))}),p&&e.length>0&&(0,i.jsx)(_,{summary:D,metrics:e,animated:m})]})}function y(e={}){let{initialPreset:t=`last_week`,initialMetrics:r=[],referenceDate:i,autoRefreshInterval:a,onRefresh:o}=e,c=n.useMemo(()=>i??new Date,[i]),[l,u]=n.useState(t),[f,p]=n.useState(r),[m,h]=n.useState(!1),[g,_]=n.useState(null),[v,y]=n.useState(()=>d(t,c));n.useEffect(()=>{l!==`custom`&&y(d(l,c))},[l,c]),n.useEffect(()=>{if(!a||!o)return;let e=setInterval(async()=>{try{p(await o())}catch(e){_(e instanceof Error?e:Error(`Refresh failed`))}},a);return()=>clearInterval(e)},[a,o]);let b=n.useMemo(()=>{let e=0,t=0,n=0,r=0,i=-1/0,a=1/0,o,c;return f.forEach(l=>{let{percentage:u,direction:d}=s(l.value.current,l.value.previous),f=l.invertTrend?d===`up`?`down`:d===`down`?`up`:`neutral`:d;f===`up`?e++:f===`down`?t++:n++,r+=u;let p=l.invertTrend?-u:u;p>i&&(i=p,o=l.id),p<a&&(a=p,c=l.id)}),{improving:e,declining:t,unchanged:n,averageChange:f.length>0?r/f.length:0,bestMetricId:o,worstMetricId:c}},[f]),x=n.useCallback((e,t)=>{u(`custom`),y({current:e,previous:t})},[]),S=n.useCallback((e,t)=>{p(n=>n.map(n=>n.id===e?{...n,value:t}:n))},[]),C=n.useCallback(async()=>{if(o){h(!0),_(null);try{p(await o())}catch(e){_(e instanceof Error?e:Error(`Refresh failed`))}finally{h(!1)}}},[o]),w=n.useCallback(e=>{let t=f.find(t=>t.id===e);return t?s(t.value.current,t.value.previous):null},[f]);return{preset:l,currentPeriod:v.current,previousPeriod:v.previous,metrics:f,summary:b,isLoading:m,error:g,setPreset:u,setCustomPeriods:x,setMetrics:p,updateMetric:S,refresh:C,getMetricChange:w}}exports.default=v,exports.useComparePeriod=y;