@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-alert-stack/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={critical:{icon:r.AlertTriangle,color:`text-red-600 dark:text-red-300`,bgColor:`bg-red-50 dark:bg-red-900/40`,borderColor:`border-red-500 dark:border-red-400`,ringColor:`ring-red-500/20 dark:ring-red-400/30`,label:`Critical`,priority:3},warning:{icon:r.AlertCircle,color:`text-amber-600 dark:text-amber-300`,bgColor:`bg-amber-50 dark:bg-amber-900/40`,borderColor:`border-amber-500 dark:border-amber-400`,ringColor:`ring-amber-500/20 dark:ring-amber-400/30`,label:`Warning`,priority:2},info:{icon:r.Info,color:`text-blue-600 dark:text-blue-300`,bgColor:`bg-blue-50 dark:bg-blue-900/40`,borderColor:`border-blue-500 dark:border-blue-400`,ringColor:`ring-blue-500/20 dark:ring-blue-400/30`,label:`Info`,priority:1}},o=[{label:`5 min`,value:300*1e3},{label:`15 min`,value:900*1e3},{label:`30 min`,value:1800*1e3},{label:`1 hour`,value:3600*1e3},{label:`4 hours`,value:14400*1e3}];function s(e){let t=new Date().getTime()-e.getTime(),n=Math.floor(t/6e4),r=Math.floor(t/36e5),i=Math.floor(t/864e5);return n<1?`Just now`:n<60?`${n}m ago`:r<24?`${r}h ago`:i<7?`${i}d ago`:e.toLocaleDateString()}function c(e){let t=new Date().getTime()-e.getTime(),n=Math.floor(t/6e4),r=Math.floor(t/36e5);return n<60?`${n}m`:r<24?`${r}h ${n%60}m`:`${Math.floor(r/24)}d ${r%24}h`}function l(e){let t=new Date,n=e.getTime()-t.getTime();if(n<=0)return`Expired`;let r=Math.floor(n/6e4),i=Math.floor(n/36e5);return r<60?`${r}m remaining`:`${i}h ${r%60}m remaining`}function u(e=[],t={}){let[r,i]=n.useState(e),{onNewAlert:a,playSoundOnCritical:o=!0}=t,s=n.useRef(new Set(e.map(e=>e.id))),c=n.useCallback(e=>{let t={...e,id:`alert-${Date.now()}-${Math.random().toString(36).slice(2)}`,timestamp:new Date};return i(e=>[t,...e]),a?.(t),t},[a]),l=n.useCallback((e,t)=>{i(n=>n.map(n=>n.id===e?{...n,acknowledged:!0,acknowledgedBy:t}:n))},[]),u=n.useCallback((e,t)=>{let n=new Date(Date.now()+t);i(t=>t.map(t=>t.id===e?{...t,snoozedUntil:n}:t))},[]),d=n.useCallback(e=>{i(t=>t.filter(t=>t.id!==e))},[]),f=n.useCallback(()=>{i(e=>e.filter(e=>!e.acknowledged))},[]),p=n.useCallback(()=>{i([])},[]);return n.useEffect(()=>{let e=new Set(r.map(e=>e.id)),t=r.filter(e=>!s.current.has(e.id));o&&t.some(e=>e.severity===`critical`),s.current=e},[r,o]),{alerts:r,activeAlerts:n.useMemo(()=>{let e=new Date;return r.filter(t=>!(t.snoozedUntil&&t.snoozedUntil>e))},[r]),snoozedAlerts:n.useMemo(()=>{let e=new Date;return r.filter(t=>t.snoozedUntil&&t.snoozedUntil>e)},[r]),addAlert:c,acknowledgeAlert:l,snoozeAlert:u,dismissAlert:d,clearAcknowledged:f,clearAll:p}}function d({alert:e,onAcknowledge:u,onSnooze:d,onDismiss:f,isStacked:p=!1,stackIndex:m=0,animated:h=!0}){let[g,_]=n.useState(!1),[v,y]=n.useState(!1),b=n.useRef(null),x=a[e.severity],S=x.icon,C=e.snoozedUntil&&e.snoozedUntil>new Date;n.useEffect(()=>{function e(e){b.current&&!b.current.contains(e.target)&&y(!1)}return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]);let w=p?{transform:`translateY(${m*8}px) scale(${1-m*.02})`,zIndex:100-m,opacity:1-m*.15}:{};return(0,i.jsx)(`div`,{className:t.cn(`relative w-full rounded-lg border-l-4 shadow-lg transition-all duration-300`,x.borderColor,x.bgColor,`ring-1`,x.ringColor,e.acknowledged&&`opacity-60`,C&&`opacity-50`,h&&`animate-in slide-in-from-right-5 fade-in duration-300`,p&&m>0&&`absolute top-0 left-0`),style:w,children:(0,i.jsxs)(`div`,{className:`p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center`,x.bgColor,`ring-2`,x.ringColor),children:(0,i.jsx)(S,{className:t.cn(`h-5 w-5`,x.color)})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`h4`,{className:`font-semibold text-sm text-foreground`,children:e.title}),e.count&&e.count>1&&(0,i.jsx)(`span`,{className:t.cn(`inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium`,x.bgColor,x.color,`ring-1`,x.ringColor),children:e.count})]}),e.source&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5`,children:e.source})]}),f&&(0,i.jsx)(`button`,{onClick:()=>f(e.id),className:`flex-shrink-0 p-1 rounded hover:bg-black/10 dark:hover:bg-white/10 transition-colors`,"aria-label":`Dismiss alert`,children:(0,i.jsx)(r.X,{className:`h-4 w-4 text-muted-foreground`})})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mt-1 text-xs text-muted-foreground`,children:[(0,i.jsx)(`span`,{children:s(e.timestamp)}),(0,i.jsx)(`span`,{className:`text-muted-foreground/50`,children:`|`}),(0,i.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(r.Clock,{className:`h-3 w-3`}),c(e.timestamp)]}),C&&e.snoozedUntil&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`span`,{className:`text-muted-foreground/50`,children:`|`}),(0,i.jsxs)(`span`,{className:`flex items-center gap-1 text-amber-600 dark:text-amber-400`,children:[(0,i.jsx)(r.BellOff,{className:`h-3 w-3`}),l(e.snoozedUntil)]})]})]}),e.acknowledged&&(0,i.jsxs)(`div`,{className:`flex items-center gap-1 mt-1 text-xs text-green-600 dark:text-green-400`,children:[(0,i.jsx)(r.Check,{className:`h-3 w-3`}),(0,i.jsxs)(`span`,{children:[`Acknowledged`,e.acknowledgedBy&&` by ${e.acknowledgedBy}`]})]})]})]}),e.description&&(0,i.jsxs)(`div`,{className:`mt-3`,children:[(0,i.jsxs)(`button`,{onClick:()=>_(!g),className:`flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors`,children:[g?(0,i.jsx)(r.ChevronUp,{className:`h-3 w-3`}):(0,i.jsx)(r.ChevronDown,{className:`h-3 w-3`}),g?`Hide details`:`Show details`]}),g&&(0,i.jsx)(`div`,{className:`mt-2 p-3 rounded-md bg-black/5 dark:bg-white/5 animate-in slide-in-from-top-2 fade-in duration-200`,children:(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground whitespace-pre-wrap`,children:e.description})})]}),(!e.acknowledged||d)&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2 mt-3`,children:[u&&!e.acknowledged&&(0,i.jsxs)(`button`,{onClick:()=>u(e.id),className:t.cn(`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors`,`bg-green-100 text-green-700 hover:bg-green-200`,`dark:bg-green-900/50 dark:text-green-300 dark:hover:bg-green-900/70`),children:[(0,i.jsx)(r.Check,{className:`h-3.5 w-3.5`}),`Acknowledge`]}),d&&!C&&(0,i.jsxs)(`div`,{className:`relative`,ref:b,children:[(0,i.jsxs)(`button`,{onClick:()=>y(!v),className:t.cn(`inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors`,`bg-amber-100 text-amber-700 hover:bg-amber-200`,`dark:bg-amber-900/50 dark:text-amber-300 dark:hover:bg-amber-900/70`),children:[(0,i.jsx)(r.BellOff,{className:`h-3.5 w-3.5`}),`Snooze`,(0,i.jsx)(r.ChevronDown,{className:`h-3 w-3`})]}),v&&(0,i.jsx)(`div`,{className:`absolute bottom-full left-0 mb-1 py-1 bg-popover border rounded-md shadow-lg min-w-[120px] z-50 animate-in slide-in-from-bottom-2 fade-in duration-150`,children:o.map(t=>(0,i.jsx)(`button`,{onClick:()=>{d(e.id,t.value),y(!1)},className:`w-full px-3 py-1.5 text-xs text-left hover:bg-muted transition-colors`,children:t.label},t.value))})]})]})]})})}function f({alerts:e,maxVisible:n,onExpand:r}){let o=e.slice(0,n),c=e.length-n;return(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(`div`,{className:`relative`,style:{height:`${56+(Math.min(n,e.length)-1)*8}px`},children:o.map((e,n)=>{let o=a[e.severity],c=o.icon;return(0,i.jsx)(`div`,{className:t.cn(`absolute left-0 right-0 h-14 rounded-lg border-l-4 shadow-md transition-all duration-300`,o.borderColor,o.bgColor,`ring-1`,o.ringColor,`cursor-pointer hover:translate-y-[-2px]`),style:{transform:`translateY(${n*8}px) scale(${1-n*.02})`,zIndex:100-n,opacity:1-n*.15},onClick:r,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-3 p-3 h-full`,children:[(0,i.jsx)(c,{className:t.cn(`h-5 w-5 flex-shrink-0`,o.color)}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium truncate`,children:e.title}),(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:s(e.timestamp)})]}),e.count&&e.count>1&&(0,i.jsx)(`span`,{className:t.cn(`flex-shrink-0 inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium`,o.color),children:e.count})]})},e.id)})}),c>0&&(0,i.jsxs)(`button`,{onClick:r,className:`absolute -bottom-2 left-1/2 -translate-x-1/2 px-2 py-0.5 bg-muted rounded-full text-xs font-medium text-muted-foreground hover:bg-muted/80 transition-colors shadow-sm`,children:[`+`,c,` more`]})]})}function p({alerts:e,onAcknowledge:o,onSnooze:s,onDismiss:c,maxVisible:l=5,groupSimilar:u=!0,animated:p=!0,className:m}){let[h,g]=n.useState(!1),_=n.useMemo(()=>{let t=new Date,n=e.filter(e=>!(e.snoozedUntil&&e.snoozedUntil>t));if(u){let e=new Map;n.forEach(t=>{let n=`${t.severity}-${t.title}-${t.source||``}`,r=e.get(n);r?e.set(n,{...r,count:(r.count||1)+1,timestamp:t.timestamp>r.timestamp?t.timestamp:r.timestamp}):e.set(n,{...t,count:t.count||1})}),n=Array.from(e.values())}return n.sort((e,t)=>{let n=a[t.severity].priority-a[e.severity].priority;return n===0?t.timestamp.getTime()-e.timestamp.getTime():n})},[e,u]),v=n.useMemo(()=>{let t=new Date;return e.filter(e=>e.snoozedUntil&&e.snoozedUntil>t)},[e]),y=n.useMemo(()=>({critical:_.filter(e=>e.severity===`critical`).length,warning:_.filter(e=>e.severity===`warning`).length,info:_.filter(e=>e.severity===`info`).length,snoozed:v.length}),[_,v]);return e.length===0?(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col items-center justify-center py-8 text-center rounded-lg border border-dashed`,m),children:[(0,i.jsx)(r.Bell,{className:`h-10 w-10 text-muted-foreground/50 mb-3`}),(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`No active alerts`})]}):(0,i.jsxs)(`div`,{className:t.cn(`w-full`,m),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`h3`,{className:`font-semibold text-sm`,children:`Alerts`}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[y.critical>0&&(0,i.jsxs)(`span`,{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-700 dark:bg-red-900/50 dark:text-red-300`,children:[(0,i.jsx)(r.AlertTriangle,{className:`h-3 w-3`}),y.critical]}),y.warning>0&&(0,i.jsxs)(`span`,{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300`,children:[(0,i.jsx)(r.AlertCircle,{className:`h-3 w-3`}),y.warning]}),y.info>0&&(0,i.jsxs)(`span`,{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300`,children:[(0,i.jsx)(r.Info,{className:`h-3 w-3`}),y.info]}),y.snoozed>0&&(0,i.jsxs)(`span`,{className:`inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground`,children:[(0,i.jsx)(r.BellOff,{className:`h-3 w-3`}),y.snoozed]})]})]}),_.length>1&&(0,i.jsx)(`button`,{onClick:()=>g(!h),className:`text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1`,children:h?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.ChevronUp,{className:`h-3 w-3`}),`Collapse`]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.ChevronDown,{className:`h-3 w-3`}),`Expand all`]})})]}),h?(0,i.jsxs)(`div`,{className:`space-y-3`,children:[_.map((e,t)=>(0,i.jsx)(d,{alert:e,onAcknowledge:o,onSnooze:s,onDismiss:c,animated:p},e.id)),v.length>0&&(0,i.jsxs)(`div`,{className:`pt-3 border-t`,children:[(0,i.jsxs)(`p`,{className:`text-xs text-muted-foreground mb-2 flex items-center gap-1`,children:[(0,i.jsx)(r.BellOff,{className:`h-3 w-3`}),`Snoozed (`,v.length,`)`]}),(0,i.jsx)(`div`,{className:`space-y-2`,children:v.map(e=>(0,i.jsx)(d,{alert:e,onAcknowledge:o,onSnooze:s,onDismiss:c,animated:!1},e.id))})]})]}):(0,i.jsx)(i.Fragment,{children:_.length===1?(0,i.jsx)(d,{alert:_[0],onAcknowledge:o,onSnooze:s,onDismiss:c,animated:p}):(0,i.jsx)(f,{alerts:_,maxVisible:l,onExpand:()=>g(!0)})})]})}exports.WakaAlertStack=p,exports.default=p,exports.useAlertStack=u;

package/dist/components/waka-alert-stack/index.es.js

@@ -0,0 +1,410 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { AlertCircle as n, AlertTriangle as r, Bell as i, BellOff as a, Check as o, ChevronDown as s, ChevronUp as c, Clock as l, Info as u, X as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/waka-alert-stack/index.tsx
+var h = {
+	critical: {
+		icon: r,
+		color: "text-red-600 dark:text-red-300",
+		bgColor: "bg-red-50 dark:bg-red-900/40",
+		borderColor: "border-red-500 dark:border-red-400",
+		ringColor: "ring-red-500/20 dark:ring-red-400/30",
+		label: "Critical",
+		priority: 3
+	},
+	warning: {
+		icon: n,
+		color: "text-amber-600 dark:text-amber-300",
+		bgColor: "bg-amber-50 dark:bg-amber-900/40",
+		borderColor: "border-amber-500 dark:border-amber-400",
+		ringColor: "ring-amber-500/20 dark:ring-amber-400/30",
+		label: "Warning",
+		priority: 2
+	},
+	info: {
+		icon: u,
+		color: "text-blue-600 dark:text-blue-300",
+		bgColor: "bg-blue-50 dark:bg-blue-900/40",
+		borderColor: "border-blue-500 dark:border-blue-400",
+		ringColor: "ring-blue-500/20 dark:ring-blue-400/30",
+		label: "Info",
+		priority: 1
+	}
+}, g = [
+	{
+		label: "5 min",
+		value: 300 * 1e3
+	},
+	{
+		label: "15 min",
+		value: 900 * 1e3
+	},
+	{
+		label: "30 min",
+		value: 1800 * 1e3
+	},
+	{
+		label: "1 hour",
+		value: 3600 * 1e3
+	},
+	{
+		label: "4 hours",
+		value: 14400 * 1e3
+	}
+];
+function _(e) {
+	let t = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(t / 6e4), r = Math.floor(t / 36e5), i = Math.floor(t / 864e5);
+	return n < 1 ? "Just now" : n < 60 ? `${n}m ago` : r < 24 ? `${r}h ago` : i < 7 ? `${i}d ago` : e.toLocaleDateString();
+}
+function v(e) {
+	let t = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(t / 6e4), r = Math.floor(t / 36e5);
+	return n < 60 ? `${n}m` : r < 24 ? `${r}h ${n % 60}m` : `${Math.floor(r / 24)}d ${r % 24}h`;
+}
+function y(e) {
+	let t = /* @__PURE__ */ new Date(), n = e.getTime() - t.getTime();
+	if (n <= 0) return "Expired";
+	let r = Math.floor(n / 6e4), i = Math.floor(n / 36e5);
+	return r < 60 ? `${r}m remaining` : `${i}h ${r % 60}m remaining`;
+}
+function b(e = [], n = {}) {
+	let [r, i] = t.useState(e), { onNewAlert: a, playSoundOnCritical: o = !0 } = n, s = t.useRef(new Set(e.map((e) => e.id))), c = t.useCallback((e) => {
+		let t = {
+			...e,
+			id: `alert-${Date.now()}-${Math.random().toString(36).slice(2)}`,
+			timestamp: /* @__PURE__ */ new Date()
+		};
+		return i((e) => [t, ...e]), a?.(t), t;
+	}, [a]), l = t.useCallback((e, t) => {
+		i((n) => n.map((n) => n.id === e ? {
+			...n,
+			acknowledged: !0,
+			acknowledgedBy: t
+		} : n));
+	}, []), u = t.useCallback((e, t) => {
+		let n = new Date(Date.now() + t);
+		i((t) => t.map((t) => t.id === e ? {
+			...t,
+			snoozedUntil: n
+		} : t));
+	}, []), d = t.useCallback((e) => {
+		i((t) => t.filter((t) => t.id !== e));
+	}, []), f = t.useCallback(() => {
+		i((e) => e.filter((e) => !e.acknowledged));
+	}, []), p = t.useCallback(() => {
+		i([]);
+	}, []);
+	return t.useEffect(() => {
+		let e = new Set(r.map((e) => e.id)), t = r.filter((e) => !s.current.has(e.id));
+		o && t.some((e) => e.severity === "critical"), s.current = e;
+	}, [r, o]), {
+		alerts: r,
+		activeAlerts: t.useMemo(() => {
+			let e = /* @__PURE__ */ new Date();
+			return r.filter((t) => !(t.snoozedUntil && t.snoozedUntil > e));
+		}, [r]),
+		snoozedAlerts: t.useMemo(() => {
+			let e = /* @__PURE__ */ new Date();
+			return r.filter((t) => t.snoozedUntil && t.snoozedUntil > e);
+		}, [r]),
+		addAlert: c,
+		acknowledgeAlert: l,
+		snoozeAlert: u,
+		dismissAlert: d,
+		clearAcknowledged: f,
+		clearAll: p
+	};
+}
+function x({ alert: n, onAcknowledge: r, onSnooze: i, onDismiss: u, isStacked: b = !1, stackIndex: x = 0, animated: S = !0 }) {
+	let [C, w] = t.useState(!1), [T, E] = t.useState(!1), D = t.useRef(null), O = h[n.severity], k = O.icon, A = n.snoozedUntil && n.snoozedUntil > /* @__PURE__ */ new Date();
+	t.useEffect(() => {
+		function e(e) {
+			D.current && !D.current.contains(e.target) && E(!1);
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let j = b ? {
+		transform: `translateY(${x * 8}px) scale(${1 - x * .02})`,
+		zIndex: 100 - x,
+		opacity: 1 - x * .15
+	} : {};
+	return /* @__PURE__ */ p("div", {
+		className: e("relative w-full rounded-lg border-l-4 shadow-lg transition-all duration-300", O.borderColor, O.bgColor, "ring-1", O.ringColor, n.acknowledged && "opacity-60", A && "opacity-50", S && "animate-in slide-in-from-right-5 fade-in duration-300", b && x > 0 && "absolute top-0 left-0"),
+		style: j,
+		children: /* @__PURE__ */ m("div", {
+			className: "p-4",
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ p("div", {
+						className: e("flex-shrink-0 w-10 h-10 rounded-full flex items-center justify-center", O.bgColor, "ring-2", O.ringColor),
+						children: /* @__PURE__ */ p(k, { className: e("h-5 w-5", O.color) })
+					}), /* @__PURE__ */ m("div", {
+						className: "flex-1 min-w-0",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "flex items-start justify-between gap-2",
+								children: [/* @__PURE__ */ m("div", {
+									className: "flex-1",
+									children: [/* @__PURE__ */ m("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ p("h4", {
+											className: "font-semibold text-sm text-foreground",
+											children: n.title
+										}), n.count && n.count > 1 && /* @__PURE__ */ p("span", {
+											className: e("inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium", O.bgColor, O.color, "ring-1", O.ringColor),
+											children: n.count
+										})]
+									}), n.source && /* @__PURE__ */ p("p", {
+										className: "text-xs text-muted-foreground mt-0.5",
+										children: n.source
+									})]
+								}), u && /* @__PURE__ */ p("button", {
+									onClick: () => u(n.id),
+									className: "flex-shrink-0 p-1 rounded hover:bg-black/10 dark:hover:bg-white/10 transition-colors",
+									"aria-label": "Dismiss alert",
+									children: /* @__PURE__ */ p(d, { className: "h-4 w-4 text-muted-foreground" })
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 mt-1 text-xs text-muted-foreground",
+								children: [
+									/* @__PURE__ */ p("span", { children: _(n.timestamp) }),
+									/* @__PURE__ */ p("span", {
+										className: "text-muted-foreground/50",
+										children: "|"
+									}),
+									/* @__PURE__ */ m("span", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ p(l, { className: "h-3 w-3" }), v(n.timestamp)]
+									}),
+									A && n.snoozedUntil && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+										className: "text-muted-foreground/50",
+										children: "|"
+									}), /* @__PURE__ */ m("span", {
+										className: "flex items-center gap-1 text-amber-600 dark:text-amber-400",
+										children: [/* @__PURE__ */ p(a, { className: "h-3 w-3" }), y(n.snoozedUntil)]
+									})] })
+								]
+							}),
+							n.acknowledged && /* @__PURE__ */ m("div", {
+								className: "flex items-center gap-1 mt-1 text-xs text-green-600 dark:text-green-400",
+								children: [/* @__PURE__ */ p(o, { className: "h-3 w-3" }), /* @__PURE__ */ m("span", { children: ["Acknowledged", n.acknowledgedBy && ` by ${n.acknowledgedBy}`] })]
+							})
+						]
+					})]
+				}),
+				n.description && /* @__PURE__ */ m("div", {
+					className: "mt-3",
+					children: [/* @__PURE__ */ m("button", {
+						onClick: () => w(!C),
+						className: "flex items-center gap-1 text-xs text-muted-foreground hover:text-foreground transition-colors",
+						children: [p(C ? c : s, { className: "h-3 w-3" }), C ? "Hide details" : "Show details"]
+					}), C && /* @__PURE__ */ p("div", {
+						className: "mt-2 p-3 rounded-md bg-black/5 dark:bg-white/5 animate-in slide-in-from-top-2 fade-in duration-200",
+						children: /* @__PURE__ */ p("p", {
+							className: "text-sm text-muted-foreground whitespace-pre-wrap",
+							children: n.description
+						})
+					})]
+				}),
+				(!n.acknowledged || i) && /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2 mt-3",
+					children: [r && !n.acknowledged && /* @__PURE__ */ m("button", {
+						onClick: () => r(n.id),
+						className: e("inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors", "bg-green-100 text-green-700 hover:bg-green-200", "dark:bg-green-900/50 dark:text-green-300 dark:hover:bg-green-900/70"),
+						children: [/* @__PURE__ */ p(o, { className: "h-3.5 w-3.5" }), "Acknowledge"]
+					}), i && !A && /* @__PURE__ */ m("div", {
+						className: "relative",
+						ref: D,
+						children: [/* @__PURE__ */ m("button", {
+							onClick: () => E(!T),
+							className: e("inline-flex items-center gap-1.5 px-3 py-1.5 rounded-md text-xs font-medium transition-colors", "bg-amber-100 text-amber-700 hover:bg-amber-200", "dark:bg-amber-900/50 dark:text-amber-300 dark:hover:bg-amber-900/70"),
+							children: [
+								/* @__PURE__ */ p(a, { className: "h-3.5 w-3.5" }),
+								"Snooze",
+								/* @__PURE__ */ p(s, { className: "h-3 w-3" })
+							]
+						}), T && /* @__PURE__ */ p("div", {
+							className: "absolute bottom-full left-0 mb-1 py-1 bg-popover border rounded-md shadow-lg min-w-[120px] z-50 animate-in slide-in-from-bottom-2 fade-in duration-150",
+							children: g.map((e) => /* @__PURE__ */ p("button", {
+								onClick: () => {
+									i(n.id, e.value), E(!1);
+								},
+								className: "w-full px-3 py-1.5 text-xs text-left hover:bg-muted transition-colors",
+								children: e.label
+							}, e.value))
+						})]
+					})]
+				})
+			]
+		})
+	});
+}
+function S({ alerts: t, maxVisible: n, onExpand: r }) {
+	let i = t.slice(0, n), a = t.length - n;
+	return /* @__PURE__ */ m("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ p("div", {
+			className: "relative",
+			style: { height: `${56 + (Math.min(n, t.length) - 1) * 8}px` },
+			children: i.map((t, n) => {
+				let i = h[t.severity], a = i.icon;
+				return /* @__PURE__ */ p("div", {
+					className: e("absolute left-0 right-0 h-14 rounded-lg border-l-4 shadow-md transition-all duration-300", i.borderColor, i.bgColor, "ring-1", i.ringColor, "cursor-pointer hover:translate-y-[-2px]"),
+					style: {
+						transform: `translateY(${n * 8}px) scale(${1 - n * .02})`,
+						zIndex: 100 - n,
+						opacity: 1 - n * .15
+					},
+					onClick: r,
+					children: /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-3 p-3 h-full",
+						children: [
+							/* @__PURE__ */ p(a, { className: e("h-5 w-5 flex-shrink-0", i.color) }),
+							/* @__PURE__ */ m("div", {
+								className: "flex-1 min-w-0",
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-sm font-medium truncate",
+									children: t.title
+								}), /* @__PURE__ */ p("p", {
+									className: "text-xs text-muted-foreground",
+									children: _(t.timestamp)
+								})]
+							}),
+							t.count && t.count > 1 && /* @__PURE__ */ p("span", {
+								className: e("flex-shrink-0 inline-flex items-center justify-center min-w-[20px] h-5 px-1.5 rounded-full text-xs font-medium", i.color),
+								children: t.count
+							})
+						]
+					})
+				}, t.id);
+			})
+		}), a > 0 && /* @__PURE__ */ m("button", {
+			onClick: r,
+			className: "absolute -bottom-2 left-1/2 -translate-x-1/2 px-2 py-0.5 bg-muted rounded-full text-xs font-medium text-muted-foreground hover:bg-muted/80 transition-colors shadow-sm",
+			children: [
+				"+",
+				a,
+				" more"
+			]
+		})]
+	});
+}
+function C({ alerts: o, onAcknowledge: l, onSnooze: d, onDismiss: g, maxVisible: _ = 5, groupSimilar: v = !0, animated: y = !0, className: b }) {
+	let [C, w] = t.useState(!1), T = t.useMemo(() => {
+		let e = /* @__PURE__ */ new Date(), t = o.filter((t) => !(t.snoozedUntil && t.snoozedUntil > e));
+		if (v) {
+			let e = /* @__PURE__ */ new Map();
+			t.forEach((t) => {
+				let n = `${t.severity}-${t.title}-${t.source || ""}`, r = e.get(n);
+				r ? e.set(n, {
+					...r,
+					count: (r.count || 1) + 1,
+					timestamp: t.timestamp > r.timestamp ? t.timestamp : r.timestamp
+				}) : e.set(n, {
+					...t,
+					count: t.count || 1
+				});
+			}), t = Array.from(e.values());
+		}
+		return t.sort((e, t) => {
+			let n = h[t.severity].priority - h[e.severity].priority;
+			return n === 0 ? t.timestamp.getTime() - e.timestamp.getTime() : n;
+		});
+	}, [o, v]), E = t.useMemo(() => {
+		let e = /* @__PURE__ */ new Date();
+		return o.filter((t) => t.snoozedUntil && t.snoozedUntil > e);
+	}, [o]), D = t.useMemo(() => ({
+		critical: T.filter((e) => e.severity === "critical").length,
+		warning: T.filter((e) => e.severity === "warning").length,
+		info: T.filter((e) => e.severity === "info").length,
+		snoozed: E.length
+	}), [T, E]);
+	return o.length === 0 ? /* @__PURE__ */ m("div", {
+		className: e("flex flex-col items-center justify-center py-8 text-center rounded-lg border border-dashed", b),
+		children: [/* @__PURE__ */ p(i, { className: "h-10 w-10 text-muted-foreground/50 mb-3" }), /* @__PURE__ */ p("p", {
+			className: "text-sm text-muted-foreground",
+			children: "No active alerts"
+		})]
+	}) : /* @__PURE__ */ m("div", {
+		className: e("w-full", b),
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex items-center justify-between mb-4",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ p("h3", {
+					className: "font-semibold text-sm",
+					children: "Alerts"
+				}), /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2",
+					children: [
+						D.critical > 0 && /* @__PURE__ */ m("span", {
+							className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-red-100 text-red-700 dark:bg-red-900/50 dark:text-red-300",
+							children: [/* @__PURE__ */ p(r, { className: "h-3 w-3" }), D.critical]
+						}),
+						D.warning > 0 && /* @__PURE__ */ m("span", {
+							className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-amber-100 text-amber-700 dark:bg-amber-900/50 dark:text-amber-300",
+							children: [/* @__PURE__ */ p(n, { className: "h-3 w-3" }), D.warning]
+						}),
+						D.info > 0 && /* @__PURE__ */ m("span", {
+							className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-blue-100 text-blue-700 dark:bg-blue-900/50 dark:text-blue-300",
+							children: [/* @__PURE__ */ p(u, { className: "h-3 w-3" }), D.info]
+						}),
+						D.snoozed > 0 && /* @__PURE__ */ m("span", {
+							className: "inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium bg-muted text-muted-foreground",
+							children: [/* @__PURE__ */ p(a, { className: "h-3 w-3" }), D.snoozed]
+						})
+					]
+				})]
+			}), T.length > 1 && /* @__PURE__ */ p("button", {
+				onClick: () => w(!C),
+				className: "text-xs text-muted-foreground hover:text-foreground transition-colors flex items-center gap-1",
+				children: C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(c, { className: "h-3 w-3" }), "Collapse"] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(s, { className: "h-3 w-3" }), "Expand all"] })
+			})]
+		}), C ? /* @__PURE__ */ m("div", {
+			className: "space-y-3",
+			children: [T.map((e, t) => /* @__PURE__ */ p(x, {
+				alert: e,
+				onAcknowledge: l,
+				onSnooze: d,
+				onDismiss: g,
+				animated: y
+			}, e.id)), E.length > 0 && /* @__PURE__ */ m("div", {
+				className: "pt-3 border-t",
+				children: [/* @__PURE__ */ m("p", {
+					className: "text-xs text-muted-foreground mb-2 flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ p(a, { className: "h-3 w-3" }),
+						"Snoozed (",
+						E.length,
+						")"
+					]
+				}), /* @__PURE__ */ p("div", {
+					className: "space-y-2",
+					children: E.map((e) => /* @__PURE__ */ p(x, {
+						alert: e,
+						onAcknowledge: l,
+						onSnooze: d,
+						onDismiss: g,
+						animated: !1
+					}, e.id))
+				})]
+			})]
+		}) : /* @__PURE__ */ p(f, { children: T.length === 1 ? /* @__PURE__ */ p(x, {
+			alert: T[0],
+			onAcknowledge: l,
+			onSnooze: d,
+			onDismiss: g,
+			animated: y
+		}) : /* @__PURE__ */ p(S, {
+			alerts: T,
+			maxVisible: _,
+			onExpand: () => w(!0)
+		}) })]
+	});
+}
+//#endregion
+export { C as WakaAlertStack, C as default, b as useAlertStack };

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

@@ -0,0 +1,19 @@
+"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={sm:{cell:`w-12 h-12`,header:`w-12 h-10`,text:`text-xs`,headerText:`text-xs`,padding:`p-1`,icon:`h-3 w-3`},md:{cell:`w-16 h-16`,header:`w-16 h-12`,text:`text-sm`,headerText:`text-sm`,padding:`p-2`,icon:`h-4 w-4`},lg:{cell:`w-20 h-20`,header:`w-20 h-14`,text:`text-base`,headerText:`text-base`,padding:`p-3`,icon:`h-5 w-5`}},o={blue:{light:[`bg-blue-50`,`bg-blue-100`,`bg-blue-200`,`bg-blue-300`,`bg-blue-400`,`bg-blue-500`],dark:[`dark:bg-blue-950`,`dark:bg-blue-900`,`dark:bg-blue-800`,`dark:bg-blue-700`,`dark:bg-blue-600`,`dark:bg-blue-500`],text:[`text-blue-900`,`text-blue-900`,`text-blue-900`,`text-white`,`text-white`,`text-white`],darkText:[`dark:text-blue-100`,`dark:text-blue-100`,`dark:text-blue-100`,`dark:text-white`,`dark:text-white`,`dark:text-white`]},green:{light:[`bg-green-50`,`bg-green-100`,`bg-green-200`,`bg-green-300`,`bg-green-400`,`bg-green-500`],dark:[`dark:bg-green-950`,`dark:bg-green-900`,`dark:bg-green-800`,`dark:bg-green-700`,`dark:bg-green-600`,`dark:bg-green-500`],text:[`text-green-900`,`text-green-900`,`text-green-900`,`text-white`,`text-white`,`text-white`],darkText:[`dark:text-green-100`,`dark:text-green-100`,`dark:text-green-100`,`dark:text-white`,`dark:text-white`,`dark:text-white`]},purple:{light:[`bg-purple-50`,`bg-purple-100`,`bg-purple-200`,`bg-purple-300`,`bg-purple-400`,`bg-purple-500`],dark:[`dark:bg-purple-950`,`dark:bg-purple-900`,`dark:bg-purple-800`,`dark:bg-purple-700`,`dark:bg-purple-600`,`dark:bg-purple-500`],text:[`text-purple-900`,`text-purple-900`,`text-purple-900`,`text-white`,`text-white`,`text-white`],darkText:[`dark:text-purple-100`,`dark:text-purple-100`,`dark:text-purple-100`,`dark:text-white`,`dark:text-white`,`dark:text-white`]},orange:{light:[`bg-orange-50`,`bg-orange-100`,`bg-orange-200`,`bg-orange-300`,`bg-orange-400`,`bg-orange-500`],dark:[`dark:bg-orange-950`,`dark:bg-orange-900`,`dark:bg-orange-800`,`dark:bg-orange-700`,`dark:bg-orange-600`,`dark:bg-orange-500`],text:[`text-orange-900`,`text-orange-900`,`text-orange-900`,`text-white`,`text-white`,`text-white`],darkText:[`dark:text-orange-100`,`dark:text-orange-100`,`dark:text-orange-100`,`dark:text-white`,`dark:text-white`,`dark:text-white`]}},s={low:`bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400`,medium:`bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-400`,high:`bg-orange-100 dark:bg-orange-900 text-orange-600 dark:text-orange-400`,critical:`bg-red-100 dark:bg-red-900 text-red-600 dark:text-red-400`};function c(e,t){return`${e}:${t}`}function l(e,t=100){if(e===0)return 0;let n=e/t*100;return n<=20?1:n<=40?2:n<=60?3:n<=80?4:5}function u(e,t,n){return t.reduce((t,r)=>{let i=c(e,r.id);return t+(n.get(i)||0)},0)}function d(e,t,n){return t.reduce((t,r)=>{let i=c(r.id,e);return t+(n.get(i)||0)},0)}function f(e,t,n,r){let i=0,a=0,o=0,s=0,c=0;e.forEach(e=>{let l=u(e.id,t,n);i+=l;let d=e.capacity||r;l===0?c++:l>d?a++:l===d?s++:o++});let l=e.length*t.length,d=l>0?i/l:0,f=e.reduce((e,t)=>e+(t.capacity||r),0),p=f>0?Math.min(100,i/f*100):0;return{totalAllocations:i,averageAllocation:d,overAllocatedCount:a,underAllocatedCount:o,fullyAllocatedCount:s,unallocatedCount:c,utilizationEfficiency:p}}function p({resources:e,consumers:t,initialAllocations:r=[],overAllocationThreshold:i=100,onAllocationChange:a}){let[o,s]=n.useState(()=>{let e=new Map;return r.forEach(t=>{let n=c(t.resourceId,t.consumerId);e.set(n,t.value)}),e}),[l,p]=n.useState(null),[m,h]=n.useState({field:`name`,direction:`asc`}),[g,_]=n.useState({field:`name`,direction:`asc`}),[v,y]=n.useState(`all`),[b,x]=n.useState(``),S=n.useRef(r),C=n.useCallback((e,t,n)=>{let r=c(e,t),i=Math.max(0,n);s(e=>{let t=new Map(e);return i===0?t.delete(r):t.set(r,i),t}),a?.(e,t,i)},[a]),w=n.useCallback((e,t)=>{let n=c(e,t);return o.get(n)||0},[o]),T=n.useCallback(e=>u(e,t,o),[t,o]),E=n.useCallback(t=>d(t,e,o),[e,o]),D=n.useCallback(t=>{let n=e.find(e=>e.id===t)?.capacity||i;return T(t)>n},[e,T,i]);return{allocations:o,setAllocation:C,getAllocation:w,getRowTotal:T,getColumnTotal:E,isOverAllocated:D,getSummary:n.useCallback(()=>f(e,t,o,i),[e,t,o,i]),clearAll:n.useCallback(()=>{s(new Map)},[]),reset:n.useCallback(()=>{let e=new Map;S.current.forEach(t=>{let n=c(t.resourceId,t.consumerId);e.set(n,t.value)}),s(e)},[]),exportAllocations:n.useCallback(()=>{let e=[];return o.forEach((t,n)=>{let[r,i]=n.split(`:`);e.push({resourceId:r,consumerId:i,value:t})}),e},[o]),importAllocations:n.useCallback(e=>{let t=new Map;e.forEach(e=>{let n=c(e.resourceId,e.consumerId);t.set(n,e.value)}),s(t)},[]),selectedCell:l,setSelectedCell:p,rowSort:m,setRowSort:h,columnSort:g,setColumnSort:_,filterMode:v,setFilterMode:y,searchQuery:b,setSearchQuery:x,filteredResources:n.useMemo(()=>{let t=[...e];if(b){let e=b.toLowerCase();t=t.filter(t=>t.name.toLowerCase().includes(e)||t.category?.toLowerCase().includes(e))}switch(v){case`over-allocated`:t=t.filter(e=>D(e.id));break;case`under-allocated`:t=t.filter(e=>{let t=T(e.id),n=e.capacity||i;return t>0&&t<n});break;case`unallocated`:t=t.filter(e=>T(e.id)===0);break}return t.sort((e,t)=>{let n=0;switch(m.field){case`name`:n=e.name.localeCompare(t.name);break;case`total`:n=T(e.id)-T(t.id);break}return m.direction===`asc`?n:-n}),t},[e,b,v,m,D,T,i]),sortedConsumers:n.useMemo(()=>{let e=[...t];return e.sort((e,t)=>{let n=0;switch(g.field){case`name`:n=e.name.localeCompare(t.name);break;case`total`:n=E(e.id)-E(t.id);break}return g.direction===`asc`?n:-n}),e},[t,g,E])}}function m({value:e,isSelected:s,isEditable:c,enableDrag:u,isOverAllocated:d,colorScheme:f,size:p,onSelect:m,onChange:h,onDragStart:g,onDrag:_,onDragEnd:v}){let[y,b]=n.useState(e.toString()),[x,S]=n.useState(!1),C=n.useRef(0),w=n.useRef(null),T=a[p],E=o[f],D=l(e);n.useEffect(()=>{b(e.toString())},[e]),n.useEffect(()=>{s&&w.current&&(w.current.focus(),w.current.select())},[s]);let O=t=>{t.key===`Enter`?(h(Math.max(0,parseInt(y)||0)),m()):t.key===`Escape`&&(b(e.toString()),m())},k=()=>{let t=Math.max(0,parseInt(y)||0);t!==e&&h(t)},A=t=>{!u||!c||(S(!0),C.current=t.clientY,g(e))},j=n.useCallback(e=>{x&&_(C.current-e.clientY)},[x,_]),M=n.useCallback(()=>{x&&(S(!1),v())},[x,v]);return n.useEffect(()=>{if(x)return window.addEventListener(`mousemove`,j),window.addEventListener(`mouseup`,M),()=>{window.removeEventListener(`mousemove`,j),window.removeEventListener(`mouseup`,M)}},[x,j,M]),(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center border border-border/50 transition-all duration-200`,T.cell,T.padding,E.light[D],E.dark[D],E.text[D],E.darkText[D],c&&`cursor-pointer hover:ring-2 hover:ring-primary/50`,s&&`ring-2 ring-primary z-10`,x&&`cursor-ns-resize`,d&&e>0&&`ring-2 ring-red-500 ring-inset`),onClick:c&&!s?m:void 0,onMouseDown:A,children:[s&&c?(0,i.jsx)(`input`,{ref:w,type:`number`,min:`0`,max:`200`,value:y,onChange:e=>b(e.target.value),onKeyDown:O,onBlur:k,"aria-label":`Allocation value (percent)`,className:t.cn(`w-full h-full text-center bg-transparent outline-none`,T.text,`font-medium tabular-nums`,`[appearance:textfield] [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none`)}):(0,i.jsx)(`span`,{className:t.cn(T.text,`font-medium tabular-nums select-none`),children:e>0?`${e}%`:`-`}),u&&c&&!s&&(0,i.jsx)(`div`,{className:`absolute bottom-0.5 left-1/2 -translate-x-1/2 opacity-0 group-hover:opacity-50 transition-opacity`,children:(0,i.jsx)(r.GripHorizontal,{className:t.cn(T.icon,`text-current`)})})]})}function h({label:e,subtitle:n,priority:o,isColumn:c,isSortable:l,sortDirection:u,size:d,onSort:f}){let p=a[d];return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col items-center justify-center bg-muted/50 border border-border/50`,p.header,p.padding,c&&`min-w-max`,l&&`cursor-pointer hover:bg-muted transition-colors`),onClick:f,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(`span`,{className:t.cn(p.headerText,`font-medium truncate max-w-full`,c&&`writing-mode-vertical-rl rotate-180`),style:c?{writingMode:`vertical-rl`}:void 0,title:e,children:e}),l&&u&&(u===`asc`?(0,i.jsx)(r.ChevronUp,{className:p.icon}):(0,i.jsx)(r.ChevronDown,{className:p.icon}))]}),n&&(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,d===`sm`?`text-[10px]`:`text-xs`),children:n}),o&&(0,i.jsx)(`span`,{className:t.cn(`mt-0.5 px-1 rounded text-[10px] font-medium`,s[o]),children:o})]})}function g({value:e,isOverAllocated:n,maxValue:o=100,size:s,isRow:c}){let l=a[s],u=e/o*100;return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col items-center justify-center border border-border/50`,c?`bg-muted/30`:`bg-muted/50`,l.cell,l.padding,n&&`bg-red-100 dark:bg-red-900/30`),children:[(0,i.jsxs)(`span`,{className:t.cn(l.text,`font-bold tabular-nums`,n?`text-red-600 dark:text-red-400`:`text-foreground`),children:[e,`%`]}),c&&(0,i.jsx)(`div`,{className:`w-full mt-1 h-1 bg-muted rounded-full overflow-hidden`,children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-300`,n?`bg-red-500`:u>=80?`bg-yellow-500`:`bg-green-500`),style:{width:`${Math.min(u,100)}%`}})}),n&&(0,i.jsx)(r.AlertTriangle,{className:t.cn(l.icon,`text-red-500 mt-0.5`)})]})}function _({summary:e,size:n}){let r=a[n];return(0,i.jsx)(`div`,{className:`flex flex-wrap gap-4 p-4 bg-muted/30 rounded-lg border border-border`,children:[{label:`Total Allocated`,value:`${e.totalAllocations.toFixed(0)}%`,color:`text-foreground`},{label:`Avg per Cell`,value:`${e.averageAllocation.toFixed(1)}%`,color:`text-foreground`},{label:`Utilization`,value:`${e.utilizationEfficiency.toFixed(1)}%`,color:`text-blue-600`},{label:`Over-allocated`,value:e.overAllocatedCount.toString(),color:e.overAllocatedCount>0?`text-red-600`:`text-green-600`},{label:`Fully Allocated`,value:e.fullyAllocatedCount.toString(),color:`text-green-600`},{label:`Under-allocated`,value:e.underAllocatedCount.toString(),color:`text-yellow-600`},{label:`Unallocated`,value:e.unallocatedCount.toString(),color:`text-muted-foreground`}].map(e=>(0,i.jsxs)(`div`,{className:`flex flex-col`,children:[(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,r.headerText),children:e.label}),(0,i.jsx)(`span`,{className:t.cn(`font-bold tabular-nums`,r.text,e.color),children:e.value})]},e.label))})}function v({resources:e,consumers:o,allocations:s=[],editable:c=!0,enableDrag:l=!0,showRowTotals:u=!0,showColumnTotals:d=!0,showSummary:f=!0,showFilters:v=!0,showSearch:y=!0,overAllocationThreshold:b=100,cellSize:x=`md`,colorScheme:S=`blue`,onAllocationChange:C,onSave:w,formatValue:T,className:E}){let D=p({resources:e,consumers:o,initialAllocations:s,overAllocationThreshold:b,onAllocationChange:C}),[O,k]=n.useState(0),[A,j]=n.useState(null),M=a[x],N=(e,t,n)=>{k(n),j({resourceId:e,consumerId:t})},P=(e,t,n)=>{if(!A)return;let r=Math.max(0,Math.min(200,O+Math.round(n/5)));D.setAllocation(e,t,r)},F=()=>{j(null)},I=()=>{w?.(D.exportAllocations())},L=()=>{D.setRowSort({field:D.rowSort.field===`name`?`total`:`name`,direction:D.rowSort.field===D.rowSort.field&&D.rowSort.direction===`asc`?`desc`:`asc`})},R=()=>{D.setColumnSort({field:D.columnSort.field===`name`?`total`:`name`,direction:D.columnSort.field===D.columnSort.field&&D.columnSort.direction===`asc`?`desc`:`asc`})},z=D.getSummary();return(0,i.jsxs)(`div`,{className:t.cn(`space-y-4`,E),children:[(v||y)&&(0,i.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[y&&(0,i.jsxs)(`div`,{className:`relative`,children:[(0,i.jsx)(r.Search,{className:t.cn(M.icon,`absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground`)}),(0,i.jsx)(`input`,{type:`text`,placeholder:`Search resources...`,"aria-label":`Search resources`,value:D.searchQuery,onChange:e=>D.setSearchQuery(e.target.value),className:t.cn(`pl-10 pr-4 py-2 border border-border rounded-lg bg-background`,M.text,`focus:outline-none focus:ring-2 focus:ring-primary/50`)}),D.searchQuery&&(0,i.jsx)(`button`,{type:`button`,onClick:()=>D.setSearchQuery(``),className:`absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground`,children:(0,i.jsx)(r.X,{className:M.icon})})]}),v&&(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(r.Filter,{className:t.cn(M.icon,`text-muted-foreground`)}),(0,i.jsx)(`div`,{className:`flex rounded-lg border border-border overflow-hidden`,children:[`all`,`over-allocated`,`under-allocated`,`unallocated`].map(e=>(0,i.jsx)(`button`,{type:`button`,onClick:()=>D.setFilterMode(e),className:t.cn(`px-3 py-1.5 transition-colors`,M.text,D.filterMode===e?`bg-primary text-primary-foreground`:`bg-background hover:bg-muted`),children:e===`all`?`All`:e===`over-allocated`?`Over`:e===`under-allocated`?`Under`:`None`},e))})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 ml-auto`,children:[(0,i.jsxs)(`button`,{type:`button`,onClick:L,className:t.cn(`flex items-center gap-1 px-3 py-1.5 border border-border rounded-lg`,`bg-background hover:bg-muted transition-colors`,M.text),children:[(0,i.jsx)(r.ArrowUpDown,{className:M.icon}),`Rows: `,D.rowSort.field]}),(0,i.jsxs)(`button`,{type:`button`,onClick:R,className:t.cn(`flex items-center gap-1 px-3 py-1.5 border border-border rounded-lg`,`bg-background hover:bg-muted transition-colors`,M.text),children:[(0,i.jsx)(r.ArrowUpDown,{className:M.icon}),`Columns: `,D.columnSort.field]})]})]}),f&&(0,i.jsx)(_,{summary:z,size:x}),(0,i.jsx)(`div`,{className:`overflow-auto`,children:(0,i.jsxs)(`div`,{className:`inline-block min-w-full`,children:[(0,i.jsxs)(`div`,{className:`flex`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center bg-muted/50 border border-border/50 sticky left-0 z-20`,M.header,M.padding),children:(0,i.jsx)(r.Percent,{className:t.cn(M.icon,`text-muted-foreground`)})}),D.sortedConsumers.map(e=>(0,i.jsx)(h,{label:e.name,priority:e.priority,isColumn:!0,isSortable:!0,sortDirection:D.columnSort.field===`name`?D.columnSort.direction:null,size:x,onSort:R},e.id)),u&&(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center bg-muted/50 border border-border/50`,M.header,M.padding),children:(0,i.jsx)(`span`,{className:t.cn(M.headerText,`font-bold`),children:`Total`})})]}),D.filteredResources.map(e=>{let t=D.getRowTotal(e.id),n=e.capacity||b,r=t>n;return(0,i.jsxs)(`div`,{className:`flex group`,children:[(0,i.jsx)(h,{label:e.name,subtitle:e.category,isSortable:!0,sortDirection:D.rowSort.field===`name`?D.rowSort.direction:null,size:x,onSort:L}),D.sortedConsumers.map(t=>{let n=D.getAllocation(e.id,t.id),a=D.selectedCell?.resourceId===e.id&&D.selectedCell?.consumerId===t.id;return(0,i.jsx)(m,{resourceId:e.id,consumerId:t.id,value:n,isSelected:a,isEditable:c,enableDrag:l,isOverAllocated:r,colorScheme:S,size:x,onSelect:()=>D.setSelectedCell(a?null:{resourceId:e.id,consumerId:t.id}),onChange:n=>D.setAllocation(e.id,t.id,n),onDragStart:n=>N(e.id,t.id,n),onDrag:n=>P(e.id,t.id,n),onDragEnd:F},`${e.id}-${t.id}`)}),u&&(0,i.jsx)(g,{value:t,isOverAllocated:r,maxValue:n,size:x,isRow:!0})]},e.id)}),d&&(0,i.jsxs)(`div`,{className:`flex`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center bg-muted/50 border border-border/50`,M.header,M.padding),children:(0,i.jsx)(`span`,{className:t.cn(M.headerText,`font-bold`),children:`Total`})}),D.sortedConsumers.map(e=>(0,i.jsx)(g,{value:D.getColumnTotal(e.id),size:x},`total-${e.id}`)),u&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-center bg-muted border border-border/50 font-bold`,M.cell,M.padding,M.text),children:[z.totalAllocations.toFixed(0),`%`]})]})]})}),c&&w&&(0,i.jsxs)(`div`,{className:`flex justify-end gap-2`,children:[(0,i.jsx)(`button`,{type:`button`,onClick:D.reset,className:t.cn(`px-4 py-2 border border-border rounded-lg`,`bg-background hover:bg-muted transition-colors`,M.text),children:`Reset`}),(0,i.jsx)(`button`,{type:`button`,onClick:D.clearAll,className:t.cn(`px-4 py-2 border border-border rounded-lg`,`bg-background hover:bg-muted transition-colors`,M.text),children:`Clear All`}),(0,i.jsx)(`button`,{type:`button`,onClick:I,className:t.cn(`px-4 py-2 rounded-lg`,`bg-primary text-primary-foreground hover:bg-primary/90 transition-colors`,M.text),children:`Save Allocations`})]}),(0,i.jsx)(`style`,{children:`
+        @keyframes allocation-pulse {
+          0%, 100% { opacity: 1; }
+          50% { opacity: 0.7; }
+        }
+
+        .allocation-cell-editing {
+          animation: allocation-pulse 1.5s ease-in-out infinite;
+        }
+
+        @keyframes over-allocation-warning {
+          0%, 100% { box-shadow: inset 0 0 0 2px rgba(239, 68, 68, 0.5); }
+          50% { box-shadow: inset 0 0 0 2px rgba(239, 68, 68, 1); }
+        }
+
+        .over-allocated-cell {
+          animation: over-allocation-warning 2s ease-in-out infinite;
+        }
+      `})]})}exports.WakaAllocationMatrix=v,exports.default=v,exports.useAllocationMatrix=p;