@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-pipeline-view/index.cjs.js

@@ -0,0 +1,18 @@
+"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={pending:{icon:r.Circle,color:`text-muted-foreground`,bgColor:`bg-muted`,borderColor:`border-muted-foreground/30`,label:`Pending`},running:{icon:r.Loader2,color:`text-blue-500`,bgColor:`bg-blue-500/10`,borderColor:`border-blue-500`,label:`Running`},success:{icon:r.Check,color:`text-green-500`,bgColor:`bg-green-500/10`,borderColor:`border-green-500`,label:`Success`},failed:{icon:r.X,color:`text-destructive`,bgColor:`bg-destructive/10`,borderColor:`border-destructive`,label:`Failed`},skipped:{icon:r.SkipForward,color:`text-muted-foreground`,bgColor:`bg-muted/50`,borderColor:`border-muted-foreground/20`,label:`Skipped`},cancelled:{icon:r.Ban,color:`text-orange-500`,bgColor:`bg-orange-500/10`,borderColor:`border-orange-500`,label:`Cancelled`}};function o(e){if(e<60)return`${e}s`;let t=Math.floor(e/60),n=e%60;if(t<60)return n>0?`${t}m ${n}s`:`${t}m`;let r=Math.floor(t/60),i=t%60;return i>0?`${r}h ${i}m`:`${r}h`}function s({status:e,size:n,animated:r}){let o=a[e],s=o.icon;return(0,i.jsx)(`div`,{className:t.cn(`rounded-full flex items-center justify-center border-2 transition-all duration-300`,{sm:`h-6 w-6`,md:`h-8 w-8`,lg:`h-10 w-10`}[n],o.bgColor,o.borderColor,e===`running`&&r&&`shadow-[0_0_12px_rgba(59,130,246,0.5)]`),children:(0,i.jsx)(s,{className:t.cn({sm:`h-3 w-3`,md:`h-4 w-4`,lg:`h-5 w-5`}[n],o.color,e===`running`&&r&&`animate-spin`)})})}function c({status:e,prevStatus:n,orientation:r,animated:a}){let o=n===`success`||n===`running`,s=n===`running`&&a;return(0,i.jsx)(`div`,{className:t.cn(t.cn(`transition-colors duration-300 relative overflow-hidden`,r===`horizontal`?`flex-1 h-0.5 mx-1`:`w-0.5 min-h-[24px] mx-auto my-1`),o?`bg-green-500`:`bg-muted`),children:s&&(0,i.jsx)(`div`,{className:t.cn(`absolute bg-blue-400`,r===`horizontal`?`h-full w-4 animate-[flow-horizontal_1s_linear_infinite]`:`w-full h-4 animate-[flow-vertical_1s_linear_infinite]`),style:{background:`linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.8), transparent)`}})})}function l({job:e,size:n,showDuration:r,animated:s}){let c=a[e.status],l=c.icon,u={sm:`h-3 w-3`,md:`h-3.5 w-3.5`,lg:`h-4 w-4`},d={sm:`text-[10px]`,md:`text-xs`,lg:`text-sm`};return(0,i.jsxs)(`div`,{className:`flex items-center gap-2 py-1`,children:[(0,i.jsx)(l,{className:t.cn(u[n],c.color,e.status===`running`&&s&&`animate-spin`)}),(0,i.jsx)(`span`,{className:t.cn(`flex-1`,d[n]),children:e.name}),r&&e.duration!==void 0&&(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,d[n]),children:o(e.duration)})]})}function u({stage:e,isFirst:u,isLast:d,prevStatus:f,size:p,variant:m,showDuration:h,showJobs:g,animated:_,onStageClick:v,onRetry:y}){let[b,x]=n.useState(!1),[S,C]=n.useState(!1),w=a[e.status],T={sm:{card:`min-w-[100px] p-2`,title:`text-xs`,subtitle:`text-[10px]`,iconWrapper:`mb-1`},md:{card:`min-w-[140px] p-3`,title:`text-sm`,subtitle:`text-xs`,iconWrapper:`mb-2`},lg:{card:`min-w-[180px] p-4`,title:`text-base`,subtitle:`text-sm`,iconWrapper:`mb-3`}},E=g&&e.jobs&&e.jobs.length>0,D=e.status===`failed`&&y,O=()=>{E&&x(!b),v?.(e.id)},k=t=>{t.stopPropagation(),y?.(e.id)};return m===`vertical`?(0,i.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,i.jsx)(s,{status:e.status,size:p,animated:_}),!d&&(0,i.jsx)(c,{status:e.status,prevStatus:e.status,orientation:`vertical`,animated:_})]}),(0,i.jsxs)(`div`,{className:t.cn(`flex-1 pb-6 cursor-pointer group`,T[p].card),onClick:O,onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`h4`,{className:t.cn(`font-medium`,T[p].title),children:e.name}),E&&(0,i.jsx)(`button`,{type:`button`,className:`p-0.5 rounded hover:bg-muted transition-colors`,children:b?(0,i.jsx)(r.ChevronUp,{className:`h-4 w-4`}):(0,i.jsx)(r.ChevronDown,{className:`h-4 w-4`})})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[h&&e.duration!==void 0&&(0,i.jsxs)(`span`,{className:t.cn(`text-muted-foreground flex items-center gap-1`,T[p].subtitle),children:[(0,i.jsx)(r.Clock,{className:`h-3 w-3`}),o(e.duration)]}),D&&S&&(0,i.jsx)(`button`,{type:`button`,onClick:k,className:`p-1 rounded-md bg-destructive/10 hover:bg-destructive/20 text-destructive transition-colors`,title:`Retry`,children:(0,i.jsx)(r.RotateCcw,{className:`h-3 w-3`})})]})]}),(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground`,T[p].subtitle),children:w.label}),E&&b&&(0,i.jsx)(`div`,{className:`mt-2 pl-2 border-l-2 border-muted`,children:e.jobs.map(e=>(0,i.jsx)(l,{job:e,size:p,showDuration:h,animated:_},e.id))})]})]}):(0,i.jsxs)(i.Fragment,{children:[!u&&(0,i.jsx)(c,{status:e.status,prevStatus:f,orientation:`horizontal`,animated:_}),(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col items-center rounded-lg border transition-all duration-200 cursor-pointer`,T[p].card,w.bgColor,w.borderColor,`hover:shadow-md`,e.status===`running`&&_&&`shadow-[0_0_20px_rgba(59,130,246,0.3)]`),onClick:O,onMouseEnter:()=>C(!0),onMouseLeave:()=>C(!1),children:[(0,i.jsx)(`div`,{className:T[p].iconWrapper,children:(0,i.jsx)(s,{status:e.status,size:p,animated:_})}),(0,i.jsx)(`h4`,{className:t.cn(`font-medium text-center`,T[p].title),children:e.name}),h&&e.duration!==void 0&&(0,i.jsxs)(`span`,{className:t.cn(`text-muted-foreground flex items-center gap-1 mt-1`,T[p].subtitle),children:[(0,i.jsx)(r.Clock,{className:`h-3 w-3`}),o(e.duration)]}),E&&(0,i.jsxs)(`button`,{type:`button`,className:t.cn(`mt-1 flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors`,T[p].subtitle),onClick:e=>{e.stopPropagation(),x(!b)},children:[e.jobs.length,` jobs`,b?(0,i.jsx)(r.ChevronUp,{className:`h-3 w-3`}):(0,i.jsx)(r.ChevronDown,{className:`h-3 w-3`})]}),D&&S&&(0,i.jsxs)(`button`,{type:`button`,onClick:k,className:t.cn(`mt-2 flex items-center gap-1 px-2 py-1 rounded-md bg-destructive/10 hover:bg-destructive/20 text-destructive transition-colors`,T[p].subtitle),title:`Retry`,children:[(0,i.jsx)(r.RotateCcw,{className:`h-3 w-3`}),`Retry`]}),E&&b&&(0,i.jsx)(`div`,{className:`mt-2 pt-2 border-t border-muted w-full`,children:e.jobs.map(e=>(0,i.jsx)(l,{job:e,size:p,showDuration:h,animated:_},e.id))})]})]})}function d({stages:e,onStageClick:n,onRetry:r,variant:a=`horizontal`,size:o=`md`,showDuration:s=!0,showJobs:c=!0,animated:l=!0,className:d}){return(0,i.jsxs)(`div`,{className:t.cn(a===`horizontal`?`flex items-start overflow-x-auto pb-2`:`flex flex-col`,d),children:[(0,i.jsx)(`style`,{children:`
+        @keyframes flow-horizontal {
+          from {
+            transform: translateX(-100%);
+          }
+          to {
+            transform: translateX(400%);
+          }
+        }
+        @keyframes flow-vertical {
+          from {
+            transform: translateY(-100%);
+          }
+          to {
+            transform: translateY(400%);
+          }
+        }
+      `}),e.map((t,d)=>(0,i.jsx)(u,{stage:t,isFirst:d===0,isLast:d===e.length-1,prevStatus:d>0?e[d-1].status:void 0,size:o,variant:a,showDuration:s,showJobs:c,animated:l,onStageClick:n,onRetry:r},t.id))]})}exports.default=d;

package/dist/components/waka-pipeline-view/index.es.js

@@ -0,0 +1,272 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Ban as n, Check as r, ChevronDown as i, ChevronUp as a, Circle as o, Clock as s, Loader2 as c, RotateCcw as l, SkipForward 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-pipeline-view/index.tsx
+var h = {
+	pending: {
+		icon: o,
+		color: "text-muted-foreground",
+		bgColor: "bg-muted",
+		borderColor: "border-muted-foreground/30",
+		label: "Pending"
+	},
+	running: {
+		icon: c,
+		color: "text-blue-500",
+		bgColor: "bg-blue-500/10",
+		borderColor: "border-blue-500",
+		label: "Running"
+	},
+	success: {
+		icon: r,
+		color: "text-green-500",
+		bgColor: "bg-green-500/10",
+		borderColor: "border-green-500",
+		label: "Success"
+	},
+	failed: {
+		icon: d,
+		color: "text-destructive",
+		bgColor: "bg-destructive/10",
+		borderColor: "border-destructive",
+		label: "Failed"
+	},
+	skipped: {
+		icon: u,
+		color: "text-muted-foreground",
+		bgColor: "bg-muted/50",
+		borderColor: "border-muted-foreground/20",
+		label: "Skipped"
+	},
+	cancelled: {
+		icon: n,
+		color: "text-orange-500",
+		bgColor: "bg-orange-500/10",
+		borderColor: "border-orange-500",
+		label: "Cancelled"
+	}
+};
+function g(e) {
+	if (e < 60) return `${e}s`;
+	let t = Math.floor(e / 60), n = e % 60;
+	if (t < 60) return n > 0 ? `${t}m ${n}s` : `${t}m`;
+	let r = Math.floor(t / 60), i = t % 60;
+	return i > 0 ? `${r}h ${i}m` : `${r}h`;
+}
+function _({ status: t, size: n, animated: r }) {
+	let i = h[t], a = i.icon;
+	return /* @__PURE__ */ p("div", {
+		className: e("rounded-full flex items-center justify-center border-2 transition-all duration-300", {
+			sm: "h-6 w-6",
+			md: "h-8 w-8",
+			lg: "h-10 w-10"
+		}[n], i.bgColor, i.borderColor, t === "running" && r && "shadow-[0_0_12px_rgba(59,130,246,0.5)]"),
+		children: /* @__PURE__ */ p(a, { className: e({
+			sm: "h-3 w-3",
+			md: "h-4 w-4",
+			lg: "h-5 w-5"
+		}[n], i.color, t === "running" && r && "animate-spin") })
+	});
+}
+function v({ status: t, prevStatus: n, orientation: r, animated: i }) {
+	let a = n === "success" || n === "running", o = n === "running" && i;
+	return /* @__PURE__ */ p("div", {
+		className: e(e("transition-colors duration-300 relative overflow-hidden", r === "horizontal" ? "flex-1 h-0.5 mx-1" : "w-0.5 min-h-[24px] mx-auto my-1"), a ? "bg-green-500" : "bg-muted"),
+		children: o && /* @__PURE__ */ p("div", {
+			className: e("absolute bg-blue-400", r === "horizontal" ? "h-full w-4 animate-[flow-horizontal_1s_linear_infinite]" : "w-full h-4 animate-[flow-vertical_1s_linear_infinite]"),
+			style: { background: "linear-gradient(90deg, transparent, rgba(59, 130, 246, 0.8), transparent)" }
+		})
+	});
+}
+function y({ job: t, size: n, showDuration: r, animated: i }) {
+	let a = h[t.status], o = a.icon, s = {
+		sm: "h-3 w-3",
+		md: "h-3.5 w-3.5",
+		lg: "h-4 w-4"
+	}, c = {
+		sm: "text-[10px]",
+		md: "text-xs",
+		lg: "text-sm"
+	};
+	return /* @__PURE__ */ m("div", {
+		className: "flex items-center gap-2 py-1",
+		children: [
+			/* @__PURE__ */ p(o, { className: e(s[n], a.color, t.status === "running" && i && "animate-spin") }),
+			/* @__PURE__ */ p("span", {
+				className: e("flex-1", c[n]),
+				children: t.name
+			}),
+			r && t.duration !== void 0 && /* @__PURE__ */ p("span", {
+				className: e("text-muted-foreground", c[n]),
+				children: g(t.duration)
+			})
+		]
+	});
+}
+function b({ stage: n, isFirst: r, isLast: o, prevStatus: c, size: u, variant: d, showDuration: b, showJobs: x, animated: S, onStageClick: C, onRetry: w }) {
+	let [T, E] = t.useState(!1), [D, O] = t.useState(!1), k = h[n.status], A = {
+		sm: {
+			card: "min-w-[100px] p-2",
+			title: "text-xs",
+			subtitle: "text-[10px]",
+			iconWrapper: "mb-1"
+		},
+		md: {
+			card: "min-w-[140px] p-3",
+			title: "text-sm",
+			subtitle: "text-xs",
+			iconWrapper: "mb-2"
+		},
+		lg: {
+			card: "min-w-[180px] p-4",
+			title: "text-base",
+			subtitle: "text-sm",
+			iconWrapper: "mb-3"
+		}
+	}, j = x && n.jobs && n.jobs.length > 0, M = n.status === "failed" && w, N = () => {
+		j && E(!T), C?.(n.id);
+	}, P = (e) => {
+		e.stopPropagation(), w?.(n.id);
+	};
+	return d === "vertical" ? /* @__PURE__ */ m("div", {
+		className: "flex items-start gap-3",
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ p(_, {
+				status: n.status,
+				size: u,
+				animated: S
+			}), !o && /* @__PURE__ */ p(v, {
+				status: n.status,
+				prevStatus: n.status,
+				orientation: "vertical",
+				animated: S
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: e("flex-1 pb-6 cursor-pointer group", A[u].card),
+			onClick: N,
+			onMouseEnter: () => O(!0),
+			onMouseLeave: () => O(!1),
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "flex items-center justify-between",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ p("h4", {
+							className: e("font-medium", A[u].title),
+							children: n.name
+						}), j && /* @__PURE__ */ p("button", {
+							type: "button",
+							className: "p-0.5 rounded hover:bg-muted transition-colors",
+							children: p(T ? a : i, { className: "h-4 w-4" })
+						})]
+					}), /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [b && n.duration !== void 0 && /* @__PURE__ */ m("span", {
+							className: e("text-muted-foreground flex items-center gap-1", A[u].subtitle),
+							children: [/* @__PURE__ */ p(s, { className: "h-3 w-3" }), g(n.duration)]
+						}), M && D && /* @__PURE__ */ p("button", {
+							type: "button",
+							onClick: P,
+							className: "p-1 rounded-md bg-destructive/10 hover:bg-destructive/20 text-destructive transition-colors",
+							title: "Retry",
+							children: /* @__PURE__ */ p(l, { className: "h-3 w-3" })
+						})]
+					})]
+				}),
+				/* @__PURE__ */ p("p", {
+					className: e("text-muted-foreground", A[u].subtitle),
+					children: k.label
+				}),
+				j && T && /* @__PURE__ */ p("div", {
+					className: "mt-2 pl-2 border-l-2 border-muted",
+					children: n.jobs.map((e) => /* @__PURE__ */ p(y, {
+						job: e,
+						size: u,
+						showDuration: b,
+						animated: S
+					}, e.id))
+				})
+			]
+		})]
+	}) : /* @__PURE__ */ m(f, { children: [!r && /* @__PURE__ */ p(v, {
+		status: n.status,
+		prevStatus: c,
+		orientation: "horizontal",
+		animated: S
+	}), /* @__PURE__ */ m("div", {
+		className: e("flex flex-col items-center rounded-lg border transition-all duration-200 cursor-pointer", A[u].card, k.bgColor, k.borderColor, "hover:shadow-md", n.status === "running" && S && "shadow-[0_0_20px_rgba(59,130,246,0.3)]"),
+		onClick: N,
+		onMouseEnter: () => O(!0),
+		onMouseLeave: () => O(!1),
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: A[u].iconWrapper,
+				children: /* @__PURE__ */ p(_, {
+					status: n.status,
+					size: u,
+					animated: S
+				})
+			}),
+			/* @__PURE__ */ p("h4", {
+				className: e("font-medium text-center", A[u].title),
+				children: n.name
+			}),
+			b && n.duration !== void 0 && /* @__PURE__ */ m("span", {
+				className: e("text-muted-foreground flex items-center gap-1 mt-1", A[u].subtitle),
+				children: [/* @__PURE__ */ p(s, { className: "h-3 w-3" }), g(n.duration)]
+			}),
+			j && /* @__PURE__ */ m("button", {
+				type: "button",
+				className: e("mt-1 flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors", A[u].subtitle),
+				onClick: (e) => {
+					e.stopPropagation(), E(!T);
+				},
+				children: [
+					n.jobs.length,
+					" jobs",
+					p(T ? a : i, { className: "h-3 w-3" })
+				]
+			}),
+			M && D && /* @__PURE__ */ m("button", {
+				type: "button",
+				onClick: P,
+				className: e("mt-2 flex items-center gap-1 px-2 py-1 rounded-md bg-destructive/10 hover:bg-destructive/20 text-destructive transition-colors", A[u].subtitle),
+				title: "Retry",
+				children: [/* @__PURE__ */ p(l, { className: "h-3 w-3" }), "Retry"]
+			}),
+			j && T && /* @__PURE__ */ p("div", {
+				className: "mt-2 pt-2 border-t border-muted w-full",
+				children: n.jobs.map((e) => /* @__PURE__ */ p(y, {
+					job: e,
+					size: u,
+					showDuration: b,
+					animated: S
+				}, e.id))
+			})
+		]
+	})] });
+}
+function x({ stages: t, onStageClick: n, onRetry: r, variant: i = "horizontal", size: a = "md", showDuration: o = !0, showJobs: s = !0, animated: c = !0, className: l }) {
+	return /* @__PURE__ */ m("div", {
+		className: e(i === "horizontal" ? "flex items-start overflow-x-auto pb-2" : "flex flex-col", l),
+		children: [/* @__PURE__ */ p("style", { children: "\n        @keyframes flow-horizontal {\n          from {\n            transform: translateX(-100%);\n          }\n          to {\n            transform: translateX(400%);\n          }\n        }\n        @keyframes flow-vertical {\n          from {\n            transform: translateY(-100%);\n          }\n          to {\n            transform: translateY(400%);\n          }\n        }\n      " }), t.map((e, l) => /* @__PURE__ */ p(b, {
+			stage: e,
+			isFirst: l === 0,
+			isLast: l === t.length - 1,
+			prevStatus: l > 0 ? t[l - 1].status : void 0,
+			size: a,
+			variant: i,
+			showDuration: o,
+			showJobs: s,
+			animated: c,
+			onStageClick: n,
+			onRetry: r
+		}, e.id))]
+	});
+}
+//#endregion
+export { x as default };

package/dist/components/waka-player-card/index.cjs.js

@@ -0,0 +1,27 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);var i={common:{borderColor:`border-zinc-400 dark:border-zinc-500`,bgGradient:`from-zinc-100 to-zinc-200 dark:from-zinc-800 dark:to-zinc-900`,glowColor:`hsl(var(--muted-foreground) / 0.3)`,textColor:`text-zinc-600 dark:text-zinc-400`,label:`Common`,frameGradient:`from-zinc-300 via-zinc-400 to-zinc-300 dark:from-zinc-600 dark:via-zinc-500 dark:to-zinc-600`},rare:{borderColor:`border-blue-400 dark:border-blue-500`,bgGradient:`from-blue-50 to-blue-100 dark:from-blue-950 dark:to-blue-900`,glowColor:`hsl(var(--info) / 0.4)`,textColor:`text-blue-600 dark:text-blue-400`,label:`Rare`,frameGradient:`from-blue-300 via-blue-500 to-blue-300 dark:from-blue-600 dark:via-blue-400 dark:to-blue-600`},epic:{borderColor:`border-purple-400 dark:border-purple-500`,bgGradient:`from-purple-50 to-purple-100 dark:from-purple-950 dark:to-purple-900`,glowColor:`hsl(var(--chart-2) / 0.5)`,textColor:`text-purple-600 dark:text-purple-400`,label:`Epic`,frameGradient:`from-purple-300 via-purple-500 to-purple-300 dark:from-purple-600 dark:via-purple-400 dark:to-purple-600`},legendary:{borderColor:`border-amber-400 dark:border-amber-500`,bgGradient:`from-amber-50 to-orange-100 dark:from-amber-950 dark:to-orange-900`,glowColor:`hsl(var(--warning) / 0.5)`,textColor:`text-amber-600 dark:text-amber-400`,label:`Legendary`,frameGradient:`from-yellow-300 via-amber-500 to-orange-400 dark:from-yellow-500 dark:via-amber-400 dark:to-orange-500`},mythic:{borderColor:`border-rose-400 dark:border-rose-500`,bgGradient:`from-rose-50 via-pink-50 to-violet-50 dark:from-rose-950 dark:via-pink-950 dark:to-violet-950`,glowColor:`hsl(var(--destructive) / 0.6)`,textColor:`text-rose-600 dark:text-rose-400`,label:`Mythic`,frameGradient:`from-rose-400 via-pink-500 to-violet-500 dark:from-rose-500 dark:via-pink-400 dark:to-violet-400`}},a={sm:{card:`w-48 h-64`,avatar:`w-20 h-20`,title:`text-sm`,name:`text-base`,stats:`text-xs`,padding:`p-3`},md:{card:`w-64 h-80`,avatar:`w-24 h-24`,title:`text-sm`,name:`text-lg`,stats:`text-xs`,padding:`p-4`},lg:{card:`w-80 h-96`,avatar:`w-32 h-32`,title:`text-base`,name:`text-xl`,stats:`text-sm`,padding:`p-5`}};function o({stat:e,size:n,rarity:o}){let s=e.max??100,c=Math.min(e.value/s*100,100),l=i[o];return(0,r.jsxs)(`div`,{className:`space-y-0.5`,children:[(0,r.jsxs)(`div`,{className:t.cn(`flex justify-between`,a[n].stats),children:[(0,r.jsx)(`span`,{className:`text-muted-foreground uppercase tracking-wide`,children:e.name}),(0,r.jsx)(`span`,{className:`font-mono font-semibold`,children:e.value})]}),(0,r.jsx)(`div`,{className:`h-1.5 w-full rounded-full bg-black/10 dark:bg-white/10 overflow-hidden`,children:(0,r.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500 ease-out`,`bg-gradient-to-r`,l.frameGradient),style:{width:`${c}%`}})})]})}function s({src:e,alt:n,rarity:o,size:s,animated:c}){let l=i[o],u=o===`legendary`||o===`mythic`;return(0,r.jsxs)(`div`,{className:`relative inline-block`,children:[u&&c&&(0,r.jsx)(`div`,{className:`absolute -inset-2 rounded-full blur-md animate-pulse`,style:{backgroundColor:l.glowColor}}),(0,r.jsx)(`div`,{className:t.cn(`relative rounded-full p-1 bg-gradient-to-br`,l.frameGradient,u&&c&&`animate-[spin_8s_linear_infinite]`),children:(0,r.jsx)(`div`,{className:`rounded-full p-0.5 bg-black/20 dark:bg-black/40`,children:(0,r.jsx)(`div`,{className:t.cn(a[s].avatar,`rounded-full overflow-hidden bg-muted`),children:(0,r.jsx)(`img`,{src:e,alt:n,className:`w-full h-full object-cover`})})})})]})}function c({level:e,rarity:n,size:a}){let o=i[n],s=a===`sm`?`w-8 h-8 text-xs`:a===`md`?`w-10 h-10 text-sm`:`w-12 h-12 text-base`;return(0,r.jsx)(`div`,{className:t.cn(`absolute -bottom-2 left-1/2 -translate-x-1/2 rounded-full`,`flex items-center justify-center font-bold`,`bg-gradient-to-br shadow-lg border-2 border-background`,o.frameGradient,s),children:(0,r.jsx)(`span`,{className:`text-white drop-shadow-md`,children:e})})}function l({rarity:e}){let n=i[e];return(0,r.jsx)(`span`,{className:t.cn(`inline-flex items-center px-2 py-0.5 rounded text-xs font-semibold uppercase tracking-wider`,`bg-gradient-to-r bg-clip-text text-transparent`,n.frameGradient),children:n.label})}function u({rarity:e,animated:i}){let a=e===`legendary`||e===`mythic`,[o,s]=n.useState({x:50,y:50}),c=n.useRef(null),l=n.useCallback(e=>{if(!c.current)return;let t=c.current.getBoundingClientRect();s({x:(e.clientX-t.left)/t.width*100,y:(e.clientY-t.top)/t.height*100})},[]);return n.useEffect(()=>{let e=c.current?.parentElement;if(!(!e||!a))return e.addEventListener(`mousemove`,l),()=>e.removeEventListener(`mousemove`,l)},[l,a]),a?(0,r.jsxs)(`div`,{ref:c,className:`absolute inset-0 pointer-events-none overflow-hidden rounded-xl`,children:[(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 opacity-30`,i&&`animate-[shimmer_3s_ease-in-out_infinite]`),style:{background:`
+            linear-gradient(
+              ${45+(o.x-50)*.5}deg,
+              transparent 20%,
+              rgba(255, 0, 0, 0.1) 25%,
+              rgba(255, 165, 0, 0.1) 30%,
+              rgba(255, 255, 0, 0.1) 35%,
+              rgba(0, 255, 0, 0.1) 40%,
+              rgba(0, 255, 255, 0.1) 45%,
+              rgba(0, 0, 255, 0.1) 50%,
+              rgba(128, 0, 128, 0.1) 55%,
+              transparent 60%
+            )
+          `,transform:`translateX(${(o.x-50)*2}%)`}}),(0,r.jsx)(`div`,{className:`absolute inset-0`,style:{background:`
+            radial-gradient(circle at ${o.x}% ${o.y}%,
+              rgba(255, 255, 255, 0.3) 0%,
+              transparent 50%
+            )
+          `}}),e===`mythic`&&(0,r.jsx)(`div`,{className:`absolute inset-0 opacity-20 mix-blend-overlay`,style:{backgroundImage:`
+              repeating-linear-gradient(
+                ${o.x*1.8}deg,
+                transparent,
+                transparent 2px,
+                rgba(255, 255, 255, 0.1) 2px,
+                rgba(255, 255, 255, 0.1) 4px
+              )
+            `}})]}):null}function d({player:e,size:n,backContent:o}){let s=i[e.rarity];return o?(0,r.jsx)(r.Fragment,{children:o}):(0,r.jsxs)(`div`,{className:t.cn(`h-full flex flex-col`,a[n].padding),children:[(0,r.jsxs)(`div`,{className:`flex-1 flex flex-col items-center justify-center space-y-4`,children:[(0,r.jsx)(`div`,{className:t.cn(`w-16 h-16 rounded-full bg-gradient-to-br opacity-50`,s.frameGradient),children:(0,r.jsx)(`div`,{className:`w-full h-full rounded-full border-4 border-dashed border-current opacity-30`})}),(0,r.jsx)(`div`,{className:t.cn(`text-2xl font-bold bg-gradient-to-br bg-clip-text text-transparent`,s.frameGradient),children:e.name.split(` `).map(e=>e[0]).join(``).toUpperCase()}),e.joinedAt&&(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground text-center`,children:[(0,r.jsx)(`div`,{className:`uppercase tracking-wider opacity-60`,children:`Member since`}),(0,r.jsx)(`div`,{className:`font-mono`,children:e.joinedAt.toLocaleDateString(`en-US`,{year:`numeric`,month:`short`})})]}),e.achievements!==void 0&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1.5 text-xs`,children:[(0,r.jsx)(`svg`,{className:t.cn(`w-4 h-4`,s.textColor),fill:`currentColor`,viewBox:`0 0 20 20`,"aria-hidden":`true`,focusable:`false`,children:(0,r.jsx)(`path`,{d:`M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z`})}),(0,r.jsx)(`span`,{className:`font-semibold`,children:e.achievements}),(0,r.jsx)(`span`,{className:`text-muted-foreground`,children:`Achievements`})]})]}),(0,r.jsx)(`div`,{className:t.cn(`h-1 w-full rounded-full bg-gradient-to-r opacity-50`,s.frameGradient)})]})}function f({player:e,variant:f=`default`,showBack:p=!1,backContent:m,onClick:h,size:g=`md`,animated:_=!0,className:v,...y}){let[b,x]=n.useState(!1),S=i[e.rarity],C=a[g],w=e.rarity===`legendary`||e.rarity===`mythic`,T=()=>{p&&x(!b),h?.()};return f===`compact`?(0,r.jsxs)(`div`,{onClick:T,className:t.cn(`relative flex items-center gap-3 rounded-lg border-2 p-3`,`bg-gradient-to-r transition-all duration-300`,S.borderColor,S.bgGradient,h&&`cursor-pointer hover:scale-[1.02]`,_&&w&&`shadow-lg`,v),style:w&&_?{boxShadow:`0 0 20px ${S.glowColor}`}:void 0,...y,children:[(0,r.jsx)(s,{src:e.avatar,alt:e.name,rarity:e.rarity,size:`sm`,animated:_}),(0,r.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(`span`,{className:`font-semibold truncate`,children:e.name}),(0,r.jsxs)(`span`,{className:t.cn(`shrink-0 px-1.5 py-0.5 rounded text-[10px] font-bold uppercase`,`bg-gradient-to-r text-white`,S.frameGradient),children:[`Lv.`,e.level]})]}),e.title&&(0,r.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:e.title}),(0,r.jsx)(l,{rarity:e.rarity})]})]}):f===`full`?(0,r.jsxs)(`div`,{onClick:T,className:t.cn(`relative rounded-xl border-2 overflow-hidden`,`bg-gradient-to-br transition-all duration-300`,S.borderColor,S.bgGradient,h&&`cursor-pointer hover:scale-[1.01]`,_&&w&&`shadow-xl`,v),style:w&&_?{boxShadow:`0 0 30px ${S.glowColor}`}:void 0,...y,children:[(0,r.jsx)(u,{rarity:e.rarity,animated:_}),(0,r.jsxs)(`div`,{className:t.cn(`relative`,C.padding),children:[(0,r.jsxs)(`div`,{className:`flex items-start justify-between mb-4`,children:[(0,r.jsxs)(`div`,{children:[(0,r.jsx)(l,{rarity:e.rarity}),(0,r.jsx)(`h3`,{className:t.cn(`font-bold mt-1`,C.name),children:e.name}),e.title&&(0,r.jsx)(`p`,{className:t.cn(`text-muted-foreground`,C.title),children:e.title})]}),(0,r.jsxs)(`div`,{className:`relative`,children:[(0,r.jsx)(s,{src:e.avatar,alt:e.name,rarity:e.rarity,size:g,animated:_}),(0,r.jsx)(c,{level:e.level,rarity:e.rarity,size:g})]})]}),(0,r.jsx)(`div`,{className:`space-y-3 mt-6`,children:e.stats.map(t=>(0,r.jsx)(o,{stat:t,size:g,rarity:e.rarity},t.name))}),(0,r.jsxs)(`div`,{className:`flex items-center justify-between mt-4 pt-3 border-t border-current/10`,children:[e.achievements!==void 0&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,r.jsx)(`svg`,{className:t.cn(`w-4 h-4`,S.textColor),fill:`currentColor`,viewBox:`0 0 20 20`,"aria-hidden":`true`,focusable:`false`,children:(0,r.jsx)(`path`,{d:`M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z`})}),(0,r.jsx)(`span`,{className:t.cn(`font-semibold text-sm`,S.textColor),children:e.achievements})]}),e.joinedAt&&(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`Since `,e.joinedAt.toLocaleDateString(`en-US`,{year:`numeric`,month:`short`})]})]})]})]}):(0,r.jsx)(`div`,{className:t.cn(`relative perspective-1000`,C.card),style:{perspective:`1000px`},children:(0,r.jsxs)(`div`,{onClick:T,className:t.cn(`relative w-full h-full transition-transform duration-500`,`transform-style-preserve-3d`,p&&`cursor-pointer`,b&&`rotate-y-180`),style:{transformStyle:`preserve-3d`,transform:b?`rotateY(180deg)`:`rotateY(0deg)`},...y,children:[(0,r.jsxs)(`div`,{className:t.cn(`absolute inset-0 rounded-xl border-2 overflow-hidden`,`bg-gradient-to-br backface-hidden`,S.borderColor,S.bgGradient,_&&w&&`shadow-xl`,v),style:{backfaceVisibility:`hidden`,boxShadow:w&&_?`0 0 25px ${S.glowColor}`:void 0},children:[(0,r.jsx)(u,{rarity:e.rarity,animated:_}),(0,r.jsxs)(`div`,{className:t.cn(`relative h-full flex flex-col`,C.padding),children:[(0,r.jsxs)(`div`,{className:`flex justify-between items-start mb-2`,children:[(0,r.jsx)(l,{rarity:e.rarity}),e.achievements!==void 0&&(0,r.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,r.jsx)(`svg`,{className:t.cn(`w-3.5 h-3.5`,S.textColor),fill:`currentColor`,viewBox:`0 0 20 20`,"aria-hidden":`true`,focusable:`false`,children:(0,r.jsx)(`path`,{d:`M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z`})}),(0,r.jsx)(`span`,{className:t.cn(`text-xs font-semibold`,S.textColor),children:e.achievements})]})]}),(0,r.jsxs)(`div`,{className:`flex-1 flex flex-col items-center justify-center`,children:[(0,r.jsxs)(`div`,{className:`relative mb-4`,children:[(0,r.jsx)(s,{src:e.avatar,alt:e.name,rarity:e.rarity,size:g,animated:_}),(0,r.jsx)(c,{level:e.level,rarity:e.rarity,size:g})]}),(0,r.jsx)(`h3`,{className:t.cn(`font-bold text-center`,C.name),children:e.name}),e.title&&(0,r.jsx)(`p`,{className:t.cn(`text-muted-foreground text-center mt-0.5`,C.title),children:e.title})]}),(0,r.jsx)(`div`,{className:`space-y-2 mt-auto`,children:e.stats.slice(0,3).map(t=>(0,r.jsx)(o,{stat:t,size:g,rarity:e.rarity},t.name))})]})]}),p&&(0,r.jsx)(`div`,{className:t.cn(`absolute inset-0 rounded-xl border-2 overflow-hidden`,`bg-gradient-to-br rotate-y-180 backface-hidden`,S.borderColor,S.bgGradient,v),style:{backfaceVisibility:`hidden`,transform:`rotateY(180deg)`},children:(0,r.jsx)(d,{player:e,size:g,backContent:m})})]})})}exports.default=f;