@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-container-list/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../badge/index.cjs.js"),r=require("../button/index.cjs.js"),i=require("../dropdown-menu/index.cjs.js"),a=require("../input/index.cjs.js"),o=require("../progress/index.cjs.js"),s=require("../scroll-area/index.cjs.js"),c=require("../tooltip/index.cjs.js");let l=require("react");l=e.__toESM(l);let u=require("lucide-react"),d=require("react/jsx-runtime");var f={running:{icon:u.CheckCircle2,color:`text-green-500`,label:`Running`},stopped:{icon:u.XCircle,color:`text-gray-500`,label:`Stopped`},paused:{icon:u.PauseCircle,color:`text-yellow-500`,label:`Paused`},restarting:{icon:u.Loader2,color:`text-blue-500`,label:`Restarting`},exited:{icon:u.XCircle,color:`text-red-500`,label:`Exited`},created:{icon:u.Box,color:`text-gray-400`,label:`Created`}};function p(e){if(e===0)return`0 B`;let t=1024,n=[`B`,`KB`,`MB`,`GB`,`TB`],r=Math.floor(Math.log(e)/Math.log(t));return parseFloat((e/t**r).toFixed(2))+` `+n[r]}function m(e){if(!e)return`-`;let t=Date.now()-e.getTime(),n=Math.floor(t/(24*36e5)),r=Math.floor(t%(24*36e5)/36e5),i=Math.floor(t%36e5/6e4);return n>0?`${n}d ${r}h`:r>0?`${r}h ${i}m`:`${i}m`}function h({container:e,onStart:a,onStop:s,onRestart:l,onRemove:h,onViewLogs:g,onExec:_}){let v=f[e.status],y=v.icon,b=e.status===`running`,x=e.resources?e.resources.memory/e.resources.memoryLimit*100:0;return(0,d.jsxs)(`div`,{className:`flex items-center gap-4 px-4 py-3 border-b hover:bg-muted/30 transition-colors`,children:[(0,d.jsx)(c.TooltipProvider,{children:(0,d.jsxs)(c.Tooltip,{children:[(0,d.jsx)(c.TooltipTrigger,{children:(0,d.jsx)(y,{className:t.cn(`h-5 w-5`,v.color,e.status===`restarting`&&`animate-spin`)})}),(0,d.jsx)(c.TooltipContent,{children:v.label})]})}),(0,d.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`font-medium truncate`,children:e.name}),(0,d.jsx)(`code`,{className:`text-xs bg-muted px-1.5 py-0.5 rounded truncate max-w-[200px]`,children:e.id.slice(0,12)})]}),(0,d.jsx)(`div`,{className:`text-sm text-muted-foreground truncate`,children:e.image})]}),(0,d.jsx)(`div`,{className:`hidden md:block w-32`,children:e.ports&&e.ports.length>0?(0,d.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[e.ports.slice(0,2).map((e,t)=>(0,d.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[e.host,`:`,e.container]},t)),e.ports.length>2&&(0,d.jsxs)(n.Badge,{variant:`outline`,className:`text-xs`,children:[`+`,e.ports.length-2]})]}):(0,d.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`-`})}),b&&e.resources&&(0,d.jsxs)(`div`,{className:`hidden lg:flex items-center gap-4 w-48`,children:[(0,d.jsx)(c.TooltipProvider,{children:(0,d.jsxs)(c.Tooltip,{children:[(0,d.jsxs)(c.TooltipTrigger,{className:`flex items-center gap-1.5`,children:[(0,d.jsx)(u.Cpu,{className:`h-4 w-4 text-muted-foreground`}),(0,d.jsxs)(`span`,{className:`text-sm w-12`,children:[e.resources.cpu.toFixed(1),`%`]})]}),(0,d.jsx)(c.TooltipContent,{children:`CPU Usage`})]})}),(0,d.jsx)(c.TooltipProvider,{children:(0,d.jsxs)(c.Tooltip,{children:[(0,d.jsxs)(c.TooltipTrigger,{className:`flex items-center gap-1.5 flex-1`,children:[(0,d.jsx)(u.HardDrive,{className:`h-4 w-4 text-muted-foreground`}),(0,d.jsx)(o.Progress,{value:x,className:`h-1.5 flex-1`})]}),(0,d.jsxs)(c.TooltipContent,{children:[`Memory: `,p(e.resources.memory),` / `,p(e.resources.memoryLimit)]})]})})]}),(0,d.jsxs)(`div`,{className:`hidden sm:flex items-center gap-1.5 w-20 text-sm text-muted-foreground`,children:[(0,d.jsx)(u.Clock,{className:`h-4 w-4`}),m(e.startedAt)]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-1`,children:[b?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c.TooltipProvider,{children:(0,d.jsxs)(c.Tooltip,{children:[(0,d.jsx)(c.TooltipTrigger,{asChild:!0,children:(0,d.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,onClick:()=>s?.(e.id),children:(0,d.jsx)(u.Square,{className:`h-4 w-4`})})}),(0,d.jsx)(c.TooltipContent,{children:`Stop`})]})}),(0,d.jsx)(c.TooltipProvider,{children:(0,d.jsxs)(c.Tooltip,{children:[(0,d.jsx)(c.TooltipTrigger,{asChild:!0,children:(0,d.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,onClick:()=>l?.(e.id),children:(0,d.jsx)(u.RotateCcw,{className:`h-4 w-4`})})}),(0,d.jsx)(c.TooltipContent,{children:`Restart`})]})})]}):(0,d.jsx)(c.TooltipProvider,{children:(0,d.jsxs)(c.Tooltip,{children:[(0,d.jsx)(c.TooltipTrigger,{asChild:!0,children:(0,d.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,onClick:()=>a?.(e.id),children:(0,d.jsx)(u.Play,{className:`h-4 w-4`})})}),(0,d.jsx)(c.TooltipContent,{children:`Start`})]})}),(0,d.jsxs)(i.DropdownMenu,{children:[(0,d.jsx)(i.DropdownMenuTrigger,{asChild:!0,children:(0,d.jsx)(r.Button,{variant:`ghost`,size:`sm`,className:`h-8 w-8 p-0`,children:(0,d.jsx)(u.MoreVertical,{className:`h-4 w-4`})})}),(0,d.jsxs)(i.DropdownMenuContent,{align:`end`,children:[(0,d.jsxs)(i.DropdownMenuItem,{onClick:()=>g?.(e.id),children:[(0,d.jsx)(u.FileText,{className:`h-4 w-4 mr-2`}),`View Logs`]}),b&&(0,d.jsxs)(i.DropdownMenuItem,{onClick:()=>_?.(e.id),children:[(0,d.jsx)(u.Terminal,{className:`h-4 w-4 mr-2`}),`Open Terminal`]}),(0,d.jsx)(i.DropdownMenuSeparator,{}),(0,d.jsxs)(i.DropdownMenuItem,{onClick:()=>h?.(e.id),className:`text-destructive`,children:[(0,d.jsx)(u.Trash2,{className:`h-4 w-4 mr-2`}),`Remove`]})]})]})]})]})}function g({containers:e,onStart:i,onStop:o,onRestart:c,onRemove:f,onViewLogs:p,onExec:m,onRefresh:g,isLoading:_=!1,className:v,title:y=`Containers`}){let[b,x]=l.useState(``),S=l.useMemo(()=>{if(!b)return e;let t=b.toLowerCase();return e.filter(e=>e.name.toLowerCase().includes(t)||e.image.toLowerCase().includes(t)||e.id.toLowerCase().includes(t))},[e,b]),C=l.useMemo(()=>e.reduce((e,t)=>(e[t.status]=(e[t.status]||0)+1,e),{}),[e]);return(0,d.jsxs)(`div`,{className:t.cn(`flex flex-col border rounded-lg bg-background`,v),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between gap-4 p-3 border-b`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,d.jsx)(u.Box,{className:`h-5 w-5`}),(0,d.jsx)(`h3`,{className:`font-semibold`,children:y}),(0,d.jsx)(n.Badge,{variant:`secondary`,children:e.length}),(0,d.jsxs)(`div`,{className:`hidden md:flex items-center gap-1`,children:[C.running>0&&(0,d.jsxs)(n.Badge,{className:`bg-green-500 text-xs`,children:[C.running,` running`]}),C.stopped>0&&(0,d.jsxs)(n.Badge,{variant:`secondary`,className:`text-xs`,children:[C.stopped,` stopped`]})]})]}),(0,d.jsx)(`div`,{className:`flex items-center gap-2`,children:g&&(0,d.jsx)(r.Button,{variant:`ghost`,size:`sm`,onClick:g,disabled:_,children:(0,d.jsx)(u.RefreshCw,{className:t.cn(`h-4 w-4`,_&&`animate-spin`)})})})]}),(0,d.jsx)(`div`,{className:`p-2 border-b bg-muted/30`,children:(0,d.jsxs)(`div`,{className:`relative max-w-sm`,children:[(0,d.jsx)(u.Search,{className:`absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,d.jsx)(a.Input,{placeholder:`Search containers...`,value:b,onChange:e=>x(e.target.value),className:`pl-8 h-8`})]})}),(0,d.jsx)(s.ScrollArea,{className:`flex-1`,children:S.length===0?(0,d.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-32 text-muted-foreground`,children:[(0,d.jsx)(u.Box,{className:`h-8 w-8 mb-2`}),(0,d.jsx)(`span`,{children:`No containers found`})]}):S.map(e=>(0,d.jsx)(h,{container:e,onStart:i,onStop:o,onRestart:c,onRemove:f,onViewLogs:p,onExec:m},e.id))})]})}var _=[{id:`abc123def456`,name:`api-server`,image:`myapp/api:v1.2.3`,status:`running`,createdAt:new Date(Date.now()-168*36e5),startedAt:new Date(Date.now()-48*36e5),ports:[{host:8080,container:80,protocol:`tcp`},{host:8443,container:443,protocol:`tcp`}],resources:{cpu:23.5,memory:256*1024*1024,memoryLimit:512*1024*1024,networkRx:1024*1024*50,networkTx:1024*1024*25}},{id:`def456ghi789`,name:`postgres-db`,image:`postgres:15-alpine`,status:`running`,createdAt:new Date(Date.now()-720*36e5),startedAt:new Date(Date.now()-360*36e5),ports:[{host:5432,container:5432,protocol:`tcp`}],resources:{cpu:5.2,memory:384*1024*1024,memoryLimit:1024*1024*1024,networkRx:1024*1024*10,networkTx:1024*1024*5}},{id:`ghi789jkl012`,name:`redis-cache`,image:`redis:7-alpine`,status:`stopped`,createdAt:new Date(Date.now()-336*36e5),exitCode:0},{id:`jkl012mno345`,name:`worker-1`,image:`myapp/worker:v1.2.3`,status:`restarting`,createdAt:new Date(Date.now()-72*36e5)}];exports.WakaContainerList=g,exports.defaultContainers=_;

package/dist/components/waka-container-list/index.es.js

@@ -0,0 +1,330 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import { Button as n } from "../button/index.es.js";
+import { DropdownMenu as r, DropdownMenuContent as i, DropdownMenuItem as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../dropdown-menu/index.es.js";
+import { Input as c } from "../input/index.es.js";
+import { Progress as l } from "../progress/index.es.js";
+import { ScrollArea as u } from "../scroll-area/index.es.js";
+import { Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "../tooltip/index.es.js";
+import * as h from "react";
+import { Box as g, CheckCircle2 as _, Clock as v, Cpu as y, FileText as b, HardDrive as x, Loader2 as S, MoreVertical as C, PauseCircle as w, Play as T, RefreshCw as E, RotateCcw as D, Search as O, Square as k, Terminal as A, Trash2 as j, XCircle as M } from "lucide-react";
+import { Fragment as N, jsx as P, jsxs as F } from "react/jsx-runtime";
+//#region src/components/waka-container-list/index.tsx
+var I = {
+	running: {
+		icon: _,
+		color: "text-green-500",
+		label: "Running"
+	},
+	stopped: {
+		icon: M,
+		color: "text-gray-500",
+		label: "Stopped"
+	},
+	paused: {
+		icon: w,
+		color: "text-yellow-500",
+		label: "Paused"
+	},
+	restarting: {
+		icon: S,
+		color: "text-blue-500",
+		label: "Restarting"
+	},
+	exited: {
+		icon: M,
+		color: "text-red-500",
+		label: "Exited"
+	},
+	created: {
+		icon: g,
+		color: "text-gray-400",
+		label: "Created"
+	}
+};
+function L(e) {
+	if (e === 0) return "0 B";
+	let t = 1024, n = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return parseFloat((e / t ** r).toFixed(2)) + " " + n[r];
+}
+function R(e) {
+	if (!e) return "-";
+	let t = Date.now() - e.getTime(), n = Math.floor(t / (24 * 36e5)), r = Math.floor(t % (24 * 36e5) / 36e5), i = Math.floor(t % 36e5 / 6e4);
+	return n > 0 ? `${n}d ${r}h` : r > 0 ? `${r}h ${i}m` : `${i}m`;
+}
+function z({ container: c, onStart: u, onStop: h, onRestart: g, onRemove: _, onViewLogs: S, onExec: w }) {
+	let E = I[c.status], O = E.icon, M = c.status === "running", z = c.resources ? c.resources.memory / c.resources.memoryLimit * 100 : 0;
+	return /* @__PURE__ */ F("div", {
+		className: "flex items-center gap-4 px-4 py-3 border-b hover:bg-muted/30 transition-colors",
+		children: [
+			/* @__PURE__ */ P(p, { children: /* @__PURE__ */ F(d, { children: [/* @__PURE__ */ P(m, { children: /* @__PURE__ */ P(O, { className: e("h-5 w-5", E.color, c.status === "restarting" && "animate-spin") }) }), /* @__PURE__ */ P(f, { children: E.label })] }) }),
+			/* @__PURE__ */ F("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ P("span", {
+						className: "font-medium truncate",
+						children: c.name
+					}), /* @__PURE__ */ P("code", {
+						className: "text-xs bg-muted px-1.5 py-0.5 rounded truncate max-w-[200px]",
+						children: c.id.slice(0, 12)
+					})]
+				}), /* @__PURE__ */ P("div", {
+					className: "text-sm text-muted-foreground truncate",
+					children: c.image
+				})]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "hidden md:block w-32",
+				children: c.ports && c.ports.length > 0 ? /* @__PURE__ */ F("div", {
+					className: "flex flex-wrap gap-1",
+					children: [c.ports.slice(0, 2).map((e, n) => /* @__PURE__ */ F(t, {
+						variant: "outline",
+						className: "text-xs",
+						children: [
+							e.host,
+							":",
+							e.container
+						]
+					}, n)), c.ports.length > 2 && /* @__PURE__ */ F(t, {
+						variant: "outline",
+						className: "text-xs",
+						children: ["+", c.ports.length - 2]
+					})]
+				}) : /* @__PURE__ */ P("span", {
+					className: "text-sm text-muted-foreground",
+					children: "-"
+				})
+			}),
+			M && c.resources && /* @__PURE__ */ F("div", {
+				className: "hidden lg:flex items-center gap-4 w-48",
+				children: [/* @__PURE__ */ P(p, { children: /* @__PURE__ */ F(d, { children: [/* @__PURE__ */ F(m, {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ P(y, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ F("span", {
+						className: "text-sm w-12",
+						children: [c.resources.cpu.toFixed(1), "%"]
+					})]
+				}), /* @__PURE__ */ P(f, { children: "CPU Usage" })] }) }), /* @__PURE__ */ P(p, { children: /* @__PURE__ */ F(d, { children: [/* @__PURE__ */ F(m, {
+					className: "flex items-center gap-1.5 flex-1",
+					children: [/* @__PURE__ */ P(x, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ P(l, {
+						value: z,
+						className: "h-1.5 flex-1"
+					})]
+				}), /* @__PURE__ */ F(f, { children: [
+					"Memory: ",
+					L(c.resources.memory),
+					" / ",
+					L(c.resources.memoryLimit)
+				] })] }) })]
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "hidden sm:flex items-center gap-1.5 w-20 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ P(v, { className: "h-4 w-4" }), R(c.startedAt)]
+			}),
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center gap-1",
+				children: [M ? /* @__PURE__ */ F(N, { children: [/* @__PURE__ */ P(p, { children: /* @__PURE__ */ F(d, { children: [/* @__PURE__ */ P(m, {
+					asChild: !0,
+					children: /* @__PURE__ */ P(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						onClick: () => h?.(c.id),
+						children: /* @__PURE__ */ P(k, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ P(f, { children: "Stop" })] }) }), /* @__PURE__ */ P(p, { children: /* @__PURE__ */ F(d, { children: [/* @__PURE__ */ P(m, {
+					asChild: !0,
+					children: /* @__PURE__ */ P(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						onClick: () => g?.(c.id),
+						children: /* @__PURE__ */ P(D, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ P(f, { children: "Restart" })] }) })] }) : /* @__PURE__ */ P(p, { children: /* @__PURE__ */ F(d, { children: [/* @__PURE__ */ P(m, {
+					asChild: !0,
+					children: /* @__PURE__ */ P(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						onClick: () => u?.(c.id),
+						children: /* @__PURE__ */ P(T, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ P(f, { children: "Start" })] }) }), /* @__PURE__ */ F(r, { children: [/* @__PURE__ */ P(s, {
+					asChild: !0,
+					children: /* @__PURE__ */ P(n, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						children: /* @__PURE__ */ P(C, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ F(i, {
+					align: "end",
+					children: [
+						/* @__PURE__ */ F(a, {
+							onClick: () => S?.(c.id),
+							children: [/* @__PURE__ */ P(b, { className: "h-4 w-4 mr-2" }), "View Logs"]
+						}),
+						M && /* @__PURE__ */ F(a, {
+							onClick: () => w?.(c.id),
+							children: [/* @__PURE__ */ P(A, { className: "h-4 w-4 mr-2" }), "Open Terminal"]
+						}),
+						/* @__PURE__ */ P(o, {}),
+						/* @__PURE__ */ F(a, {
+							onClick: () => _?.(c.id),
+							className: "text-destructive",
+							children: [/* @__PURE__ */ P(j, { className: "h-4 w-4 mr-2" }), "Remove"]
+						})
+					]
+				})] })]
+			})
+		]
+	});
+}
+function B({ containers: r, onStart: i, onStop: a, onRestart: o, onRemove: s, onViewLogs: l, onExec: d, onRefresh: f, isLoading: p = !1, className: m, title: _ = "Containers" }) {
+	let [v, y] = h.useState(""), b = h.useMemo(() => {
+		if (!v) return r;
+		let e = v.toLowerCase();
+		return r.filter((t) => t.name.toLowerCase().includes(e) || t.image.toLowerCase().includes(e) || t.id.toLowerCase().includes(e));
+	}, [r, v]), x = h.useMemo(() => r.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), [r]);
+	return /* @__PURE__ */ F("div", {
+		className: e("flex flex-col border rounded-lg bg-background", m),
+		children: [
+			/* @__PURE__ */ F("div", {
+				className: "flex items-center justify-between gap-4 p-3 border-b",
+				children: [/* @__PURE__ */ F("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ P(g, { className: "h-5 w-5" }),
+						/* @__PURE__ */ P("h3", {
+							className: "font-semibold",
+							children: _
+						}),
+						/* @__PURE__ */ P(t, {
+							variant: "secondary",
+							children: r.length
+						}),
+						/* @__PURE__ */ F("div", {
+							className: "hidden md:flex items-center gap-1",
+							children: [x.running > 0 && /* @__PURE__ */ F(t, {
+								className: "bg-green-500 text-xs",
+								children: [x.running, " running"]
+							}), x.stopped > 0 && /* @__PURE__ */ F(t, {
+								variant: "secondary",
+								className: "text-xs",
+								children: [x.stopped, " stopped"]
+							})]
+						})
+					]
+				}), /* @__PURE__ */ P("div", {
+					className: "flex items-center gap-2",
+					children: f && /* @__PURE__ */ P(n, {
+						variant: "ghost",
+						size: "sm",
+						onClick: f,
+						disabled: p,
+						children: /* @__PURE__ */ P(E, { className: e("h-4 w-4", p && "animate-spin") })
+					})
+				})]
+			}),
+			/* @__PURE__ */ P("div", {
+				className: "p-2 border-b bg-muted/30",
+				children: /* @__PURE__ */ F("div", {
+					className: "relative max-w-sm",
+					children: [/* @__PURE__ */ P(O, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ P(c, {
+						placeholder: "Search containers...",
+						value: v,
+						onChange: (e) => y(e.target.value),
+						className: "pl-8 h-8"
+					})]
+				})
+			}),
+			/* @__PURE__ */ P(u, {
+				className: "flex-1",
+				children: b.length === 0 ? /* @__PURE__ */ F("div", {
+					className: "flex flex-col items-center justify-center h-32 text-muted-foreground",
+					children: [/* @__PURE__ */ P(g, { className: "h-8 w-8 mb-2" }), /* @__PURE__ */ P("span", { children: "No containers found" })]
+				}) : b.map((e) => /* @__PURE__ */ P(z, {
+					container: e,
+					onStart: i,
+					onStop: a,
+					onRestart: o,
+					onRemove: s,
+					onViewLogs: l,
+					onExec: d
+				}, e.id))
+			})
+		]
+	});
+}
+var V = [
+	{
+		id: "abc123def456",
+		name: "api-server",
+		image: "myapp/api:v1.2.3",
+		status: "running",
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 168 * 36e5),
+		startedAt: /* @__PURE__ */ new Date(Date.now() - 48 * 36e5),
+		ports: [{
+			host: 8080,
+			container: 80,
+			protocol: "tcp"
+		}, {
+			host: 8443,
+			container: 443,
+			protocol: "tcp"
+		}],
+		resources: {
+			cpu: 23.5,
+			memory: 256 * 1024 * 1024,
+			memoryLimit: 512 * 1024 * 1024,
+			networkRx: 1024 * 1024 * 50,
+			networkTx: 1024 * 1024 * 25
+		}
+	},
+	{
+		id: "def456ghi789",
+		name: "postgres-db",
+		image: "postgres:15-alpine",
+		status: "running",
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 720 * 36e5),
+		startedAt: /* @__PURE__ */ new Date(Date.now() - 360 * 36e5),
+		ports: [{
+			host: 5432,
+			container: 5432,
+			protocol: "tcp"
+		}],
+		resources: {
+			cpu: 5.2,
+			memory: 384 * 1024 * 1024,
+			memoryLimit: 1024 * 1024 * 1024,
+			networkRx: 1024 * 1024 * 10,
+			networkTx: 1024 * 1024 * 5
+		}
+	},
+	{
+		id: "ghi789jkl012",
+		name: "redis-cache",
+		image: "redis:7-alpine",
+		status: "stopped",
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 336 * 36e5),
+		exitCode: 0
+	},
+	{
+		id: "jkl012mno345",
+		name: "worker-1",
+		image: "myapp/worker:v1.2.3",
+		status: "restarting",
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 72 * 36e5)
+	}
+];
+//#endregion
+export { B as WakaContainerList, V as defaultContainers };

package/dist/components/waka-content-recommendation/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../waka-ad-provider/index.cjs.js"),r=require("../waka-sponsored-badge/index.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({title:e=`You May Also Like`,slotIds:s,layout:c=`grid`,columns:l=3,showArrows:u=!0,autoScroll:d=!1,autoScrollInterval:f=5,className:p,onItemClick:m}){let h=(0,i.useRef)(null),g=(0,i.useRef)(null),{config:_,isReady:v,hasConsent:y,getCustomAd:b,trackEvent:x}=n.useAdContext(),{isVisible:S}=n.useAdVisibility(h),[C,w]=(0,i.useState)(new Map),[T,E]=(0,i.useState)(!0),[D,O]=(0,i.useState)(0);(0,i.useEffect)(()=>{!v||!S||y===!1||(async()=>{E(!0);let e=new Map;await Promise.all(s.map(async t=>{try{let n=await b(t);n&&(e.set(t,n),x({type:`loaded`,slotId:t,timestamp:new Date}),n.impressionUrl&&fetch(n.impressionUrl,{mode:`no-cors`}).catch(()=>{}))}catch{}})),w(e),E(!1)})()},[v,S,y,s,b,x]),(0,i.useEffect)(()=>{S&&C.size>0&&C.forEach((e,t)=>{x({type:`viewable`,slotId:t,timestamp:new Date})})},[S,C,x]),(0,i.useEffect)(()=>{if(c!==`carousel`||!d||C.size===0)return;let e=setInterval(()=>{O(e=>(e+1)%C.size)},f*1e3);return()=>clearInterval(e)},[c,d,f,C.size]),(0,i.useEffect)(()=>{if(c!==`carousel`||!g.current)return;let e=g.current.offsetWidth/Math.min(l,C.size);g.current.scrollTo({left:D*e,behavior:`smooth`})},[D,c,l,C.size]);let k=(e,t)=>{x({type:`click`,slotId:e,timestamp:new Date}),m?.(e),t.clickUrl&&fetch(t.clickUrl,{mode:`no-cors`}).catch(()=>{}),t.targetUrl&&window.open(t.targetUrl,`_blank`,`noopener,noreferrer`)},A=()=>{O(e=>(e-1+C.size)%C.size)},j=()=>{O(e=>(e+1)%C.size)};if(C.size===0&&!T)return null;let M={2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},N=(e,t)=>(0,o.jsxs)(`button`,{onClick:()=>k(e,t),className:`group flex-shrink-0 w-full text-left rounded-lg overflow-hidden bg-card border hover:shadow-md transition-shadow`,children:[t.imageUrl&&(0,o.jsx)(`div`,{className:`relative aspect-video bg-muted overflow-hidden`,children:(0,o.jsx)(`img`,{src:t.imageUrl,alt:``,className:`w-full h-full object-cover group-hover:scale-105 transition-transform duration-300`})}),(0,o.jsxs)(`div`,{className:`p-3`,children:[(0,o.jsx)(`h4`,{className:`font-medium text-sm line-clamp-2 mb-1 group-hover:text-primary transition-colors`,children:t.title}),(0,o.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.sponsor||`Sponsored`}),(0,o.jsx)(a.ExternalLink,{className:`h-3 w-3 text-muted-foreground`})]})]})]},e);return(0,o.jsxs)(`div`,{ref:h,className:t.cn(`relative`,p),children:[(0,o.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,o.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,o.jsx)(`h3`,{className:`font-semibold text-lg`,children:e}),(0,o.jsx)(r.WakaSponsoredBadge,{size:`sm`,showIcon:!1})]}),c===`carousel`&&u&&C.size>l&&(0,o.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,o.jsx)(`button`,{onClick:A,className:`p-1.5 rounded-full bg-muted hover:bg-muted-foreground/20 transition-colors`,"aria-label":`Previous`,children:(0,o.jsx)(a.ChevronLeft,{className:`h-4 w-4`})}),(0,o.jsx)(`button`,{onClick:j,className:`p-1.5 rounded-full bg-muted hover:bg-muted-foreground/20 transition-colors`,"aria-label":`Next`,children:(0,o.jsx)(a.ChevronRight,{className:`h-4 w-4`})})]})]}),T?(0,o.jsx)(`div`,{className:t.cn(`grid gap-4`,M[l]),children:s.slice(0,l).map((e,t)=>(0,o.jsx)(`div`,{className:`rounded-lg border bg-muted animate-pulse aspect-[4/3]`},t))}):c===`grid`?(0,o.jsx)(`div`,{className:t.cn(`grid gap-4`,M[l]),children:Array.from(C.entries()).map(([e,t])=>N(e,t))}):c===`carousel`?(0,o.jsx)(`div`,{ref:g,className:`flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory`,style:{scrollbarWidth:`none`,msOverflowStyle:`none`},children:Array.from(C.entries()).map(([e,t])=>(0,o.jsx)(`div`,{className:`snap-start`,style:{minWidth:`calc((100% - ${(l-1)*16}px) / ${l})`},children:N(e,t)},e))}):(0,o.jsx)(`div`,{className:`space-y-3`,children:Array.from(C.entries()).map(([e,t])=>(0,o.jsxs)(`button`,{onClick:()=>k(e,t),className:`group w-full flex gap-3 p-2 rounded-lg border hover:bg-accent/50 transition-colors text-left`,children:[t.imageUrl&&(0,o.jsx)(`div`,{className:`w-20 h-20 flex-shrink-0 rounded-md overflow-hidden bg-muted`,children:(0,o.jsx)(`img`,{src:t.imageUrl,alt:``,className:`w-full h-full object-cover`})}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,o.jsx)(`h4`,{className:`font-medium text-sm line-clamp-2 mb-1 group-hover:text-primary transition-colors`,children:t.title}),(0,o.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:t.sponsor||`Sponsored`})]})]},e))}),c===`carousel`&&C.size>l&&(0,o.jsx)(`div`,{className:`flex justify-center gap-1.5 mt-4`,children:Array.from({length:Math.ceil(C.size/l)}).map((e,n)=>(0,o.jsx)(`button`,{onClick:()=>O(n*l),className:t.cn(`w-2 h-2 rounded-full transition-colors`,Math.floor(D/l)===n?`bg-primary`:`bg-muted-foreground/30`),"aria-label":`Go to slide ${n+1}`},n))})]})}exports.WakaContentRecommendation=s,exports.default=s;

package/dist/components/waka-content-recommendation/index.d.ts

@@ -19,5 +19,5 @@ export interface WakaContentRecommendationProps {
     /** Callback when item is clicked */
     onItemClick?: (slotId: string) => void;
 }
-export declare function WakaContentRecommendation({ title, slotIds, layout, columns, showArrows, autoScroll, autoScrollInterval, className, onItemClick, }: WakaContentRecommendationProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaContentRecommendation({ title, slotIds, layout, columns, showArrows, autoScroll, autoScrollInterval, className, onItemClick, }: WakaContentRecommendationProps): import("react/jsx-runtime").JSX.Element | null;
 export default WakaContentRecommendation;

package/dist/components/waka-content-recommendation/index.es.js

@@ -0,0 +1,194 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { useAdContext as t, useAdVisibility as n } from "../waka-ad-provider/index.es.js";
+import { WakaSponsoredBadge as r } from "../waka-sponsored-badge/index.es.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { ChevronLeft as s, ChevronRight as c, ExternalLink as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/waka-content-recommendation/index.tsx
+function f({ title: f = "You May Also Like", slotIds: p, layout: m = "grid", columns: h = 3, showArrows: g = !0, autoScroll: _ = !1, autoScrollInterval: v = 5, className: y, onItemClick: b }) {
+	let x = a(null), S = a(null), { config: C, isReady: w, hasConsent: T, getCustomAd: E, trackEvent: D } = t(), { isVisible: O } = n(x), [k, A] = o(/* @__PURE__ */ new Map()), [j, M] = o(!0), [N, P] = o(0);
+	i(() => {
+		!w || !O || T === !1 || (async () => {
+			M(!0);
+			let e = /* @__PURE__ */ new Map();
+			await Promise.all(p.map(async (t) => {
+				try {
+					let n = await E(t);
+					n && (e.set(t, n), D({
+						type: "loaded",
+						slotId: t,
+						timestamp: /* @__PURE__ */ new Date()
+					}), n.impressionUrl && fetch(n.impressionUrl, { mode: "no-cors" }).catch(() => {}));
+				} catch {}
+			})), A(e), M(!1);
+		})();
+	}, [
+		w,
+		O,
+		T,
+		p,
+		E,
+		D
+	]), i(() => {
+		O && k.size > 0 && k.forEach((e, t) => {
+			D({
+				type: "viewable",
+				slotId: t,
+				timestamp: /* @__PURE__ */ new Date()
+			});
+		});
+	}, [
+		O,
+		k,
+		D
+	]), i(() => {
+		if (m !== "carousel" || !_ || k.size === 0) return;
+		let e = setInterval(() => {
+			P((e) => (e + 1) % k.size);
+		}, v * 1e3);
+		return () => clearInterval(e);
+	}, [
+		m,
+		_,
+		v,
+		k.size
+	]), i(() => {
+		if (m !== "carousel" || !S.current) return;
+		let e = S.current.offsetWidth / Math.min(h, k.size);
+		S.current.scrollTo({
+			left: N * e,
+			behavior: "smooth"
+		});
+	}, [
+		N,
+		m,
+		h,
+		k.size
+	]);
+	let F = (e, t) => {
+		D({
+			type: "click",
+			slotId: e,
+			timestamp: /* @__PURE__ */ new Date()
+		}), b?.(e), t.clickUrl && fetch(t.clickUrl, { mode: "no-cors" }).catch(() => {}), t.targetUrl && window.open(t.targetUrl, "_blank", "noopener,noreferrer");
+	}, I = () => {
+		P((e) => (e - 1 + k.size) % k.size);
+	}, L = () => {
+		P((e) => (e + 1) % k.size);
+	};
+	if (k.size === 0 && !j) return null;
+	let R = {
+		2: "grid-cols-1 sm:grid-cols-2",
+		3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+		4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+	}, z = (e, t) => /* @__PURE__ */ d("button", {
+		onClick: () => F(e, t),
+		className: "group flex-shrink-0 w-full text-left rounded-lg overflow-hidden bg-card border hover:shadow-md transition-shadow",
+		children: [t.imageUrl && /* @__PURE__ */ u("div", {
+			className: "relative aspect-video bg-muted overflow-hidden",
+			children: /* @__PURE__ */ u("img", {
+				src: t.imageUrl,
+				alt: "",
+				className: "w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+			})
+		}), /* @__PURE__ */ d("div", {
+			className: "p-3",
+			children: [/* @__PURE__ */ u("h4", {
+				className: "font-medium text-sm line-clamp-2 mb-1 group-hover:text-primary transition-colors",
+				children: t.title
+			}), /* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ u("span", {
+					className: "text-xs text-muted-foreground",
+					children: t.sponsor || "Sponsored"
+				}), /* @__PURE__ */ u(l, { className: "h-3 w-3 text-muted-foreground" })]
+			})]
+		})]
+	}, e);
+	return /* @__PURE__ */ d("div", {
+		ref: x,
+		className: e("relative", y),
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex items-center justify-between mb-4",
+				children: [/* @__PURE__ */ d("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ u("h3", {
+						className: "font-semibold text-lg",
+						children: f
+					}), /* @__PURE__ */ u(r, {
+						size: "sm",
+						showIcon: !1
+					})]
+				}), m === "carousel" && g && k.size > h && /* @__PURE__ */ d("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u("button", {
+						onClick: I,
+						className: "p-1.5 rounded-full bg-muted hover:bg-muted-foreground/20 transition-colors",
+						"aria-label": "Previous",
+						children: /* @__PURE__ */ u(s, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ u("button", {
+						onClick: L,
+						className: "p-1.5 rounded-full bg-muted hover:bg-muted-foreground/20 transition-colors",
+						"aria-label": "Next",
+						children: /* @__PURE__ */ u(c, { className: "h-4 w-4" })
+					})]
+				})]
+			}),
+			j ? /* @__PURE__ */ u("div", {
+				className: e("grid gap-4", R[h]),
+				children: p.slice(0, h).map((e, t) => /* @__PURE__ */ u("div", { className: "rounded-lg border bg-muted animate-pulse aspect-[4/3]" }, t))
+			}) : m === "grid" ? /* @__PURE__ */ u("div", {
+				className: e("grid gap-4", R[h]),
+				children: Array.from(k.entries()).map(([e, t]) => z(e, t))
+			}) : m === "carousel" ? /* @__PURE__ */ u("div", {
+				ref: S,
+				className: "flex gap-4 overflow-x-auto scrollbar-hide snap-x snap-mandatory",
+				style: {
+					scrollbarWidth: "none",
+					msOverflowStyle: "none"
+				},
+				children: Array.from(k.entries()).map(([e, t]) => /* @__PURE__ */ u("div", {
+					className: "snap-start",
+					style: { minWidth: `calc((100% - ${(h - 1) * 16}px) / ${h})` },
+					children: z(e, t)
+				}, e))
+			}) : /* @__PURE__ */ u("div", {
+				className: "space-y-3",
+				children: Array.from(k.entries()).map(([e, t]) => /* @__PURE__ */ d("button", {
+					onClick: () => F(e, t),
+					className: "group w-full flex gap-3 p-2 rounded-lg border hover:bg-accent/50 transition-colors text-left",
+					children: [t.imageUrl && /* @__PURE__ */ u("div", {
+						className: "w-20 h-20 flex-shrink-0 rounded-md overflow-hidden bg-muted",
+						children: /* @__PURE__ */ u("img", {
+							src: t.imageUrl,
+							alt: "",
+							className: "w-full h-full object-cover"
+						})
+					}), /* @__PURE__ */ d("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ u("h4", {
+							className: "font-medium text-sm line-clamp-2 mb-1 group-hover:text-primary transition-colors",
+							children: t.title
+						}), /* @__PURE__ */ u("span", {
+							className: "text-xs text-muted-foreground",
+							children: t.sponsor || "Sponsored"
+						})]
+					})]
+				}, e))
+			}),
+			m === "carousel" && k.size > h && /* @__PURE__ */ u("div", {
+				className: "flex justify-center gap-1.5 mt-4",
+				children: Array.from({ length: Math.ceil(k.size / h) }).map((t, n) => /* @__PURE__ */ u("button", {
+					onClick: () => P(n * h),
+					className: e("w-2 h-2 rounded-full transition-colors", Math.floor(N / h) === n ? "bg-primary" : "bg-muted-foreground/30"),
+					"aria-label": `Go to slide ${n + 1}`
+				}, n))
+			})
+		]
+	});
+}
+//#endregion
+export { f as WakaContentRecommendation, f as default };

package/dist/components/waka-contribution-graph/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js"),n=require("../../utils/local-date.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("react/jsx-runtime");var a={green:[`#ebedf0`,`#9be9a8`,`#40c463`,`#30a14e`,`#216e39`],blue:[`#ebedf0`,`#9ecae9`,`#6baed6`,`#3182bd`,`#08519c`],purple:[`#ebedf0`,`#d4b9da`,`#c994c7`,`#df65b0`,`#980043`],orange:[`#ebedf0`,`#fdd49e`,`#fdbb84`,`#fc8d59`,`#d7301f`]},o=[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],s=[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`];function c(e){return new Date(e,0,1)}function l(e){return new Date(e,11,31)}var u=n.localDateKey,d=n.parseLocalDate;function f(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function p(e,t){if(e===0||t===0)return 0;let n=e/t;return n<=.25?1:n<=.5?2:n<=.75?3:4}function m(e,t){let n=0,r=0,i=0,a=!0,o=new Date;o.setHours(0,0,0,0);let s=new Date(Math.min(o.getTime(),t.getTime()));s.setHours(0,0,0,0);let c=u(s);(!e.has(c)||e.get(c)===0)&&s.setDate(s.getDate()-1);let l=new Date(s.getFullYear(),0,1);for(;s>=l;){let t=u(s);(e.get(t)||0)>0?(i++,a&&(n=i),r=Math.max(r,i)):(a=!1,i=0),s.setDate(s.getDate()-1)}return{currentStreak:n,longestStreak:r}}function h({date:e,count:t,x:n,y:r}){let a=e.toLocaleDateString(`en-US`,{weekday:`short`,month:`short`,day:`numeric`,year:`numeric`});return(0,i.jsxs)(`div`,{className:`absolute z-50 px-2 py-1 text-xs font-medium text-white bg-gray-900 rounded shadow-lg pointer-events-none whitespace-nowrap`,style:{left:n,top:r,transform:`translate(-50%, -100%)`,marginTop:-8},children:[(0,i.jsxs)(`div`,{className:`font-semibold`,children:[t,` `,t===1?`contribution`:`contributions`]}),(0,i.jsx)(`div`,{className:`text-gray-300`,children:a}),(0,i.jsx)(`div`,{className:`absolute left-1/2 bottom-0 w-2 h-2 bg-gray-900 transform -translate-x-1/2 translate-y-1/2 rotate-45`})]})}function g({date:e,count:n,color:r,size:a,gap:o,isToday:s,onClick:c,onHover:l}){return(0,i.jsx)(`div`,{className:t.cn(`rounded-sm transition-all duration-150`,c&&`cursor-pointer hover:ring-2 hover:ring-gray-400 hover:ring-offset-1`,s&&`ring-2 ring-gray-600 ring-offset-1`),style:{width:a,height:a,backgroundColor:r,marginBottom:o},onMouseEnter:t=>{let r=t.currentTarget.getBoundingClientRect(),i=t.currentTarget.closest(`.contribution-graph-container`)?.getBoundingClientRect();i&&l({date:e,count:n,x:r.left-i.left+r.width/2,y:r.top-i.top})},onMouseLeave:()=>{l(null)},onClick:()=>{c?.(e,n)},role:`gridcell`,"aria-label":`${n} contributions on ${e.toDateString()}`})}function _({colors:e}){return(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-xs text-muted-foreground`,children:[(0,i.jsx)(`span`,{children:`Less`}),e.map((e,t)=>(0,i.jsx)(`div`,{className:`w-3 h-3 rounded-sm`,style:{backgroundColor:e}},t)),(0,i.jsx)(`span`,{children:`More`})]})}function v({currentStreak:e,longestStreak:t}){return(0,i.jsxs)(`div`,{className:`flex gap-6 text-sm`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Current streak`}),(0,i.jsxs)(`span`,{className:`font-semibold text-lg`,children:[e,` `,e===1?`day`:`days`]})]}),(0,i.jsxs)(`div`,{className:`flex flex-col`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Longest streak`}),(0,i.jsxs)(`span`,{className:`font-semibold text-lg`,children:[t,` `,t===1?`day`:`days`]})]})]})}function y({contributions:e,year:n=new Date().getFullYear(),colorScheme:y=`green`,colors:b,onCellClick:x,showWeekdayLabels:S=!0,showMonthLabels:C=!0,showLegend:w=!0,showStreak:T=!1,cellSize:E=10,cellGap:D=2,className:O}){let[k,A]=r.useState(null),j=r.useMemo(()=>{let t=new Map;return e.forEach(({date:e,count:n})=>{let r=u(d(e));t.set(r,(t.get(r)||0)+n)}),t},[e]),M=r.useMemo(()=>{let e=0;return j.forEach(t=>{t>e&&(e=t)}),e},[j]),N=b||a[y]||a.green,P=r.useMemo(()=>T?m(j,l(n)):{currentStreak:0,longestStreak:0},[j,n,T]),F=r.useMemo(()=>{let e=[],t=c(n),r=l(n),i=t.getDay(),a=new Date(t);a.setDate(a.getDate()-i);let o=new Date(a),s=[];for(;o<=r||s.length>0;){let i=u(o),a=j.get(i)||0;if(o.getFullYear()===n?s.push({date:new Date(o),count:a}):o<t&&s.push({date:new Date(o),count:-1}),o.setDate(o.getDate()+1),(o.getDay()===0||o>r)&&(s.length>0&&(e.push(s),s=[]),o>r))break}return e},[n,j]),I=r.useMemo(()=>{if(!C)return[];let e=[],t=-1;return F.forEach((n,r)=>{let i=n.find(e=>e.count>=0);if(i){let n=i.date.getMonth();n!==t&&(e.push({month:s[n],weekIndex:r}),t=n)}}),e},[F,C]),L=new Date;L.setHours(0,0,0,0);let R=S?28:0,z=E+D;return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col gap-2`,O),children:[T&&(0,i.jsx)(v,{currentStreak:P.currentStreak,longestStreak:P.longestStreak}),(0,i.jsxs)(`div`,{className:`contribution-graph-container relative overflow-x-auto`,children:[C&&(0,i.jsxs)(`div`,{className:`flex text-xs text-muted-foreground mb-1`,style:{marginLeft:R},children:[I.map((e,t)=>(0,i.jsx)(`div`,{className:`absolute`,style:{left:R+e.weekIndex*z},children:e.month},t)),(0,i.jsx)(`div`,{className:`h-4`})]}),(0,i.jsxs)(`div`,{className:`flex`,children:[S&&(0,i.jsx)(`div`,{className:`flex flex-col text-xs text-muted-foreground pr-1`,style:{width:R},children:o.map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-end`,![1,3,5].includes(n)&&`invisible`),style:{height:E+D},children:e},e))}),(0,i.jsx)(`div`,{className:`flex gap-0.5`,role:`grid`,"aria-label":`Contribution graph`,children:F.map((e,t)=>(0,i.jsx)(`div`,{className:`flex flex-col`,role:`row`,children:e.map((e,t)=>{if(e.count<0)return(0,i.jsx)(`div`,{style:{width:E,height:E,marginBottom:D}},t);let n=p(e.count,M),r=N[n],a=f(e.date,L);return(0,i.jsx)(g,{date:e.date,count:e.count,color:r,size:E,gap:D,isToday:a,onClick:x,onHover:e=>A(e?{...e}:null)},t)})},t))})]}),k&&(0,i.jsx)(h,{date:k.date,count:k.count,x:k.x,y:k.y})]}),w&&(0,i.jsx)(`div`,{className:`flex justify-end mt-1`,children:(0,i.jsx)(_,{colors:N})})]})}exports.WakaContributionGraph=y,exports.default=y;