@wakastellar/ui 4.0.0 → 4.1.1

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

@@ -0,0 +1,337 @@
+"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 { ScrollArea as c } from "../scroll-area/index.es.js";
+import * as l from "react";
+import { AlertTriangle as u, ArrowDown as d, ArrowUp as f, Calendar as p, CheckCircle2 as m, ChevronDown as h, ChevronRight as g, Clock as _, Database as v, FileCode as y, MoreVertical as b, Play as x, RotateCcw as S, Timer as C, User as w, XCircle as T } from "lucide-react";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+//#region src/components/waka-migration-list/index.tsx
+var k = {
+	pending: {
+		label: "Pending",
+		icon: _,
+		color: "text-muted-foreground",
+		bgColor: "bg-muted"
+	},
+	applied: {
+		label: "Applied",
+		icon: m,
+		color: "text-green-500",
+		bgColor: "bg-green-500/10"
+	},
+	failed: {
+		label: "Failed",
+		icon: T,
+		color: "text-red-500",
+		bgColor: "bg-red-500/10"
+	},
+	rolled_back: {
+		label: "Rolled Back",
+		icon: S,
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500/10"
+	},
+	running: {
+		label: "Running",
+		icon: x,
+		color: "text-blue-500",
+		bgColor: "bg-blue-500/10"
+	}
+};
+function A(e) {
+	return e.toLocaleDateString("fr-FR", {
+		day: "2-digit",
+		month: "short",
+		year: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+}
+function j(e) {
+	return e < 1e3 ? `${e}ms` : e < 6e4 ? `${(e / 1e3).toFixed(1)}s` : `${Math.floor(e / 6e4)}m ${Math.floor(e % 6e4 / 1e3)}s`;
+}
+function M({ migration: c, isCurrentVersion: m, onApply: _, onRollback: v, onViewDetails: x, showScripts: S }) {
+	let [T, M] = l.useState(!1), N = k[c.status], P = N.icon, F = c.status === "pending" || c.status === "rolled_back", I = c.status === "applied";
+	return /* @__PURE__ */ O("div", {
+		className: e("border-b last:border-b-0", m && "bg-primary/5 border-primary/30", c.status === "failed" && "bg-red-500/5"),
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "flex items-center gap-3 p-3",
+				children: [
+					S && (c.upScript || c.downScript) && /* @__PURE__ */ D("button", {
+						className: "text-muted-foreground hover:text-foreground transition-colors",
+						onClick: () => M(!T),
+						children: D(T ? h : g, { className: "h-4 w-4" })
+					}),
+					/* @__PURE__ */ D("div", {
+						className: e("p-1.5 rounded", N.bgColor),
+						children: /* @__PURE__ */ D(P, { className: e("h-4 w-4", N.color) })
+					}),
+					/* @__PURE__ */ O("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ O("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ D("code", {
+									className: "font-semibold text-sm",
+									children: c.version
+								}),
+								m && /* @__PURE__ */ D(t, {
+									className: "bg-primary text-xs",
+									children: "Current"
+								}),
+								/* @__PURE__ */ D("span", {
+									className: "font-medium truncate",
+									children: c.name
+								})
+							]
+						}), c.description && /* @__PURE__ */ D("p", {
+							className: "text-sm text-muted-foreground truncate mt-0.5",
+							children: c.description
+						})]
+					}),
+					/* @__PURE__ */ O("div", {
+						className: "flex items-center gap-4 text-xs text-muted-foreground shrink-0",
+						children: [
+							c.author && /* @__PURE__ */ O("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ D(w, { className: "h-3 w-3" }), c.author]
+							}),
+							c.appliedAt && /* @__PURE__ */ O("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ D(p, { className: "h-3 w-3" }), A(c.appliedAt)]
+							}),
+							c.duration !== void 0 && /* @__PURE__ */ O("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ D(C, { className: "h-3 w-3" }), j(c.duration)]
+							})
+						]
+					}),
+					/* @__PURE__ */ D(t, {
+						variant: "outline",
+						className: e("shrink-0", N.color),
+						children: N.label
+					}),
+					/* @__PURE__ */ O(r, { children: [/* @__PURE__ */ D(s, {
+						asChild: !0,
+						children: /* @__PURE__ */ D(n, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-8 w-8 p-0",
+							children: /* @__PURE__ */ D(b, { className: "h-4 w-4" })
+						})
+					}), /* @__PURE__ */ O(i, {
+						align: "end",
+						children: [
+							x && /* @__PURE__ */ O(a, {
+								onClick: () => x(c),
+								children: [/* @__PURE__ */ D(y, { className: "h-4 w-4 mr-2" }), "View Details"]
+							}),
+							_ && F && /* @__PURE__ */ O(a, {
+								onClick: () => _(c),
+								children: [/* @__PURE__ */ D(f, { className: "h-4 w-4 mr-2" }), "Apply Migration"]
+							}),
+							v && I && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(o, {}), /* @__PURE__ */ O(a, {
+								onClick: () => v(c),
+								className: "text-destructive",
+								children: [/* @__PURE__ */ D(d, { className: "h-4 w-4 mr-2" }), "Rollback"]
+							})] })
+						]
+					})] })
+				]
+			}),
+			c.status === "failed" && c.error && /* @__PURE__ */ D("div", {
+				className: "px-3 pb-3",
+				children: /* @__PURE__ */ O("div", {
+					className: "flex items-start gap-2 p-2 bg-red-500/10 rounded text-sm text-red-500",
+					children: [/* @__PURE__ */ D(u, { className: "h-4 w-4 shrink-0 mt-0.5" }), /* @__PURE__ */ D("pre", {
+						className: "whitespace-pre-wrap font-mono text-xs",
+						children: c.error
+					})]
+				})
+			}),
+			S && T && /* @__PURE__ */ O("div", {
+				className: "px-3 pb-3 space-y-3",
+				children: [c.upScript && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
+					className: "flex items-center gap-2 text-xs text-muted-foreground mb-1",
+					children: [/* @__PURE__ */ D(f, { className: "h-3 w-3" }), "Up Migration"]
+				}), /* @__PURE__ */ D("pre", {
+					className: "p-2 bg-muted rounded text-xs font-mono overflow-x-auto",
+					children: c.upScript
+				})] }), c.downScript && /* @__PURE__ */ O("div", { children: [/* @__PURE__ */ O("div", {
+					className: "flex items-center gap-2 text-xs text-muted-foreground mb-1",
+					children: [/* @__PURE__ */ D(d, { className: "h-3 w-3" }), "Down Migration (Rollback)"]
+				}), /* @__PURE__ */ D("pre", {
+					className: "p-2 bg-muted rounded text-xs font-mono overflow-x-auto",
+					children: c.downScript
+				})] })]
+			})
+		]
+	});
+}
+function N({ migrations: r, onApply: i, onRollback: a, onViewDetails: o, currentVersion: s, showScripts: u = !1, title: d = "Migrations", className: p }) {
+	let [m, h] = l.useState("all"), g = l.useMemo(() => ({
+		total: r.length,
+		pending: r.filter((e) => e.status === "pending").length,
+		applied: r.filter((e) => e.status === "applied").length,
+		failed: r.filter((e) => e.status === "failed").length
+	}), [r]), _ = l.useMemo(() => m === "all" ? r : r.filter((e) => e.status === m), [r, m]), y = l.useMemo(() => [..._].sort((e, t) => t.version.localeCompare(e.version)), [_]);
+	return /* @__PURE__ */ O("div", {
+		className: e("flex flex-col border rounded-lg bg-background", p),
+		children: [
+			/* @__PURE__ */ O("div", {
+				className: "flex items-center justify-between gap-4 p-3 border-b",
+				children: [/* @__PURE__ */ O("div", {
+					className: "flex items-center gap-3",
+					children: [
+						/* @__PURE__ */ D(v, { className: "h-5 w-5" }),
+						/* @__PURE__ */ D("h3", {
+							className: "font-semibold",
+							children: d
+						}),
+						/* @__PURE__ */ D(t, {
+							variant: "secondary",
+							children: g.total
+						}),
+						s && /* @__PURE__ */ O(t, {
+							variant: "outline",
+							className: "text-xs",
+							children: ["v", s]
+						})
+					]
+				}), /* @__PURE__ */ O("div", {
+					className: "flex items-center gap-2",
+					children: [g.pending > 0 && /* @__PURE__ */ O(t, {
+						variant: "outline",
+						children: [g.pending, " pending"]
+					}), g.failed > 0 && /* @__PURE__ */ O(t, {
+						className: "bg-red-500",
+						children: [g.failed, " failed"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ O("div", {
+				className: "flex items-center gap-2 p-2 border-b bg-muted/30",
+				children: [/* @__PURE__ */ D("span", {
+					className: "text-xs text-muted-foreground",
+					children: "Filter:"
+				}), [
+					"all",
+					"pending",
+					"applied",
+					"failed",
+					"rolled_back"
+				].map((e) => /* @__PURE__ */ D(n, {
+					variant: m === e ? "default" : "ghost",
+					size: "sm",
+					className: "h-7 text-xs",
+					onClick: () => h(e),
+					children: e === "all" ? "All" : k[e].label
+				}, e))]
+			}),
+			/* @__PURE__ */ D(c, {
+				className: "flex-1 max-h-[500px]",
+				children: y.length === 0 ? /* @__PURE__ */ O("div", {
+					className: "flex flex-col items-center justify-center h-32 text-muted-foreground",
+					children: [/* @__PURE__ */ D(v, { className: "h-8 w-8 mb-2" }), /* @__PURE__ */ D("span", { children: "No migrations found" })]
+				}) : y.map((e) => /* @__PURE__ */ D(M, {
+					migration: e,
+					isCurrentVersion: e.version === s,
+					onApply: i,
+					onRollback: a,
+					onViewDetails: o,
+					showScripts: u
+				}, e.id))
+			}),
+			g.pending > 0 && i && /* @__PURE__ */ D("div", {
+				className: "p-3 border-t bg-muted/30",
+				children: /* @__PURE__ */ O(n, {
+					size: "sm",
+					onClick: () => {
+						r.filter((e) => e.status === "pending").forEach((e) => i(e));
+					},
+					children: [
+						/* @__PURE__ */ D(f, { className: "h-4 w-4 mr-1" }),
+						"Apply All Pending (",
+						g.pending,
+						")"
+					]
+				})
+			})
+		]
+	});
+}
+var P = [
+	{
+		id: "1",
+		version: "20240115_001",
+		name: "create_users_table",
+		description: "Create users table with basic fields",
+		status: "applied",
+		appliedAt: /* @__PURE__ */ new Date(Date.now() - 720 * 36e5),
+		duration: 125,
+		author: "john.doe",
+		upScript: "CREATE TABLE users (\n  id SERIAL PRIMARY KEY,\n  email VARCHAR(255) UNIQUE NOT NULL,\n  name VARCHAR(255),\n  created_at TIMESTAMP DEFAULT NOW()\n);",
+		downScript: "DROP TABLE users;"
+	},
+	{
+		id: "2",
+		version: "20240120_001",
+		name: "add_users_password",
+		description: "Add password hash column to users",
+		status: "applied",
+		appliedAt: /* @__PURE__ */ new Date(Date.now() - 600 * 36e5),
+		duration: 45,
+		author: "jane.smith",
+		upScript: "ALTER TABLE users ADD COLUMN password_hash VARCHAR(255);",
+		downScript: "ALTER TABLE users DROP COLUMN password_hash;"
+	},
+	{
+		id: "3",
+		version: "20240125_001",
+		name: "create_posts_table",
+		description: "Create posts table with foreign key to users",
+		status: "applied",
+		appliedAt: /* @__PURE__ */ new Date(Date.now() - 480 * 36e5),
+		duration: 230,
+		author: "john.doe",
+		upScript: "CREATE TABLE posts (\n  id SERIAL PRIMARY KEY,\n  user_id INTEGER REFERENCES users(id),\n  title VARCHAR(255) NOT NULL,\n  content TEXT,\n  created_at TIMESTAMP DEFAULT NOW()\n);\nCREATE INDEX idx_posts_user_id ON posts(user_id);",
+		downScript: "DROP INDEX idx_posts_user_id;\nDROP TABLE posts;"
+	},
+	{
+		id: "4",
+		version: "20240130_001",
+		name: "add_posts_status",
+		description: "Add status enum to posts",
+		status: "failed",
+		author: "jane.smith",
+		error: "ERROR: type \"post_status\" already exists\n  at migration.up (migrations/20240130_001.ts:5:3)",
+		upScript: "CREATE TYPE post_status AS ENUM ('draft', 'published', 'archived');\nALTER TABLE posts ADD COLUMN status post_status DEFAULT 'draft';",
+		downScript: "ALTER TABLE posts DROP COLUMN status;\nDROP TYPE post_status;"
+	},
+	{
+		id: "5",
+		version: "20240205_001",
+		name: "create_comments_table",
+		description: "Create comments table",
+		status: "pending",
+		author: "john.doe",
+		upScript: "CREATE TABLE comments (\n  id SERIAL PRIMARY KEY,\n  post_id INTEGER REFERENCES posts(id),\n  user_id INTEGER REFERENCES users(id),\n  content TEXT NOT NULL,\n  created_at TIMESTAMP DEFAULT NOW()\n);",
+		downScript: "DROP TABLE comments;"
+	},
+	{
+		id: "6",
+		version: "20240210_001",
+		name: "add_full_text_search",
+		description: "Add full-text search to posts",
+		status: "pending",
+		author: "jane.smith",
+		upScript: "ALTER TABLE posts ADD COLUMN search_vector tsvector;\nCREATE INDEX idx_posts_search ON posts USING GIN(search_vector);\nCREATE FUNCTION update_posts_search() RETURNS trigger AS $$\nBEGIN\n  NEW.search_vector := to_tsvector('english', coalesce(NEW.title, '') || ' ' || coalesce(NEW.content, ''));\n  RETURN NEW;\nEND;\n$$ LANGUAGE plpgsql;\nCREATE TRIGGER posts_search_update BEFORE INSERT OR UPDATE ON posts\n  FOR EACH ROW EXECUTE FUNCTION update_posts_search();",
+		downScript: "DROP TRIGGER posts_search_update ON posts;\nDROP FUNCTION update_posts_search;\nDROP INDEX idx_posts_search;\nALTER TABLE posts DROP COLUMN search_vector;"
+	}
+];
+//#endregion
+export { N as WakaMigrationList, P as defaultMigrations };

package/dist/components/waka-milestone-road/index.cjs.js

@@ -0,0 +1,45 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js"),t=require("../../utils/cn.cjs.js");let n=require("react");n=e.__toESM(n);let r=require("lucide-react"),i=require("react/jsx-runtime");var a={default:{roadColor:`#6b7280`,progressColor:`#3b82f6`,completedColor:`#22c55e`,currentColor:`#f59e0b`,lockedColor:`#9ca3af`,gradient:`from-blue-500 to-purple-600`,glow:`#3b82f6`},gold:{roadColor:`#78716c`,progressColor:`#f59e0b`,completedColor:`#22c55e`,currentColor:`#eab308`,lockedColor:`#a8a29e`,gradient:`from-yellow-400 to-orange-500`,glow:`#f59e0b`},purple:{roadColor:`#6b7280`,progressColor:`#a855f7`,completedColor:`#22c55e`,currentColor:`#c084fc`,lockedColor:`#9ca3af`,gradient:`from-purple-500 to-pink-600`,glow:`#a855f7`},green:{roadColor:`#6b7280`,progressColor:`#22c55e`,completedColor:`#10b981`,currentColor:`#4ade80`,lockedColor:`#9ca3af`,gradient:`from-green-500 to-emerald-600`,glow:`#22c55e`},blue:{roadColor:`#6b7280`,progressColor:`#06b6d4`,completedColor:`#22c55e`,currentColor:`#22d3ee`,lockedColor:`#9ca3af`,gradient:`from-cyan-500 to-blue-600`,glow:`#06b6d4`}},o={xp:r.Zap,badge:r.Award,item:r.Gift,currency:r.Gem,unlock:r.Lock};function s({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},1500);return()=>clearTimeout(e)}},[e,t]),!a)return null;let s=[`#fbbf24`,`#f59e0b`,`#22c55e`,`#3b82f6`,`#a855f7`,`#ec4899`];return(0,i.jsxs)(`div`,{className:`pointer-events-none absolute inset-0 overflow-hidden`,children:[[...Array(24)].map((e,t)=>{let n=t/24*360,r=60+Math.random()*40,a=4+Math.random()*6;return(0,i.jsx)(`div`,{className:`absolute left-1/2 top-1/2 animate-milestone-confetti`,style:{width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--angle":`${n}deg`,"--distance":`${r}px`,animationDelay:`${Math.random()*.2}s`}},t)}),[...Array(8)].map((e,t)=>(0,i.jsx)(r.Sparkles,{className:`absolute animate-milestone-sparkle text-yellow-400`,style:{left:`${20+Math.random()*60}%`,top:`${20+Math.random()*60}%`,animationDelay:`${t*.1}s`,width:16,height:16}},`sparkle-${t}`)),(0,i.jsx)(`style`,{children:`
+        @keyframes milestone-confetti {
+          0% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(0) scale(1);
+            opacity: 1;
+          }
+          100% {
+            transform: translate(-50%, -50%) rotate(var(--angle)) translateX(var(--distance)) scale(0);
+            opacity: 0;
+          }
+        }
+        @keyframes milestone-sparkle {
+          0%, 100% { transform: scale(0) rotate(0deg); opacity: 0; }
+          50% { transform: scale(1) rotate(180deg); opacity: 1; }
+        }
+        .animate-milestone-confetti {
+          animation: milestone-confetti 1s ease-out forwards;
+        }
+        .animate-milestone-sparkle {
+          animation: milestone-sparkle 1s ease-in-out;
+        }
+      `})]})}function c({reward:e,size:n=`default`}){let a=o[e.type]||r.Gift;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-full`,{xp:`text-yellow-500 bg-yellow-500/10`,badge:`text-purple-500 bg-purple-500/10`,item:`text-blue-500 bg-blue-500/10`,currency:`text-amber-500 bg-amber-500/10`,unlock:`text-green-500 bg-green-500/10`}[e.type],n===`sm`?`px-1.5 py-0.5`:`px-2 py-1`),children:[e.icon||(0,i.jsx)(a,{className:n===`sm`?`h-3 w-3`:`h-3.5 w-3.5`}),(0,i.jsxs)(`span`,{className:t.cn(`font-medium`,n===`sm`?`text-[10px]`:`text-xs`),children:[typeof e.value==`number`?`+${e.value}`:e.value,e.type===`xp`&&` XP`]})]})}function l({milestone:e,position:o,theme:l,animated:u,onClick:d,onClaimRewards:f}){let[p,m]=n.useState(!1),[h,g]=n.useState(!1),_=a[l],v=e.completed&&e.rewards&&e.rewards.length>0;return(0,i.jsxs)(`g`,{transform:`translate(${o.x}, ${o.y})`,onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),onClick:()=>{v&&(m(!0),f?.()),d?.()},className:`cursor-pointer`,children:[p&&(0,i.jsx)(`foreignObject`,{x:-50,y:-50,width:100,height:100,children:(0,i.jsx)(s,{active:p,onComplete:()=>m(!1)})}),e.isCurrent&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`circle`,{r:36,fill:`none`,stroke:_.currentColor,strokeWidth:2,opacity:.4,className:u?`animate-pulse`:``}),(0,i.jsx)(`circle`,{r:32,fill:`${_.currentColor}20`,className:u?`animate-milestone-glow`:``})]}),e.completed&&!e.isCurrent&&(0,i.jsx)(`circle`,{r:30,fill:`none`,stroke:_.completedColor,strokeWidth:2,opacity:.5}),v&&(0,i.jsx)(`circle`,{r:34,fill:`none`,stroke:_.currentColor,strokeWidth:2,strokeDasharray:`4 4`,className:u?`animate-spin-slow`:``}),(0,i.jsx)(`circle`,{r:48/2,fill:e.completed||e.isCurrent?`url(#milestone-gradient-${l})`:`hsl(var(--background))`,stroke:e.completed?_.completedColor:e.isCurrent?_.currentColor:_.lockedColor,strokeWidth:e.isCurrent?4:3,className:t.cn(`transition-all duration-300`,h&&`filter drop-shadow-lg`)}),(e.completed||e.isCurrent)&&(0,i.jsx)(`circle`,{r:48/2-5,fill:`none`,stroke:`rgba(255,255,255,0.3)`,strokeWidth:1}),(0,i.jsx)(`g`,{transform:`translate(-12, -12)`,children:e.completed?e.icon||(0,i.jsx)(r.Check,{className:`h-6 w-6 text-white`,strokeWidth:3}):e.isCurrent?e.icon||(0,i.jsx)(r.Target,{className:`h-6 w-6 text-white`}):(0,i.jsx)(r.Lock,{className:`h-6 w-6 text-muted-foreground`,opacity:.6})}),(0,i.jsx)(`text`,{y:44,textAnchor:`middle`,className:t.cn(`text-xs font-medium pointer-events-none`,e.completed||e.isCurrent?`fill-foreground`:`fill-muted-foreground/60`),style:{fontSize:11},children:e.name}),h&&e.rewards&&e.rewards.length>0&&(0,i.jsx)(`foreignObject`,{x:-60,y:-98,width:120,height:40,children:(0,i.jsxs)(`div`,{className:`flex flex-wrap justify-center gap-1`,children:[e.rewards.slice(0,3).map((e,t)=>(0,i.jsx)(c,{reward:e,size:`sm`},t)),e.rewards.length>3&&(0,i.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[`+`,e.rewards.length-3]})]})}),(0,i.jsx)(`style`,{children:`
+        @keyframes milestone-glow {
+          0%, 100% { opacity: 0.3; transform: scale(1); }
+          50% { opacity: 0.6; transform: scale(1.05); }
+        }
+        @keyframes spin-slow {
+          from { transform: rotate(0deg); }
+          to { transform: rotate(360deg); }
+        }
+        .animate-milestone-glow {
+          animation: milestone-glow 2s ease-in-out infinite;
+        }
+        .animate-spin-slow {
+          animation: spin-slow 8s linear infinite;
+        }
+      `})]})}function u({position:e,theme:t,animated:n,children:o}){let s=a[t];return(0,i.jsxs)(`g`,{transform:`translate(${e.x}, ${e.y})`,className:n?`animate-character-bounce`:``,children:[(0,i.jsx)(`circle`,{r:20,fill:`${s.progressColor}30`,className:n?`animate-pulse`:``}),o||(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`circle`,{r:14,fill:s.progressColor,stroke:`white`,strokeWidth:3,className:`drop-shadow-lg`}),(0,i.jsx)(`g`,{transform:`translate(-8, -8)`,children:(0,i.jsx)(r.MapPin,{className:`h-4 w-4 text-white`,fill:`white`})})]}),(0,i.jsx)(`style`,{children:`
+        @keyframes character-bounce {
+          0%, 100% { transform: translate(${e.x}px, ${e.y}px) translateY(0); }
+          50% { transform: translate(${e.x}px, ${e.y}px) translateY(-4px); }
+        }
+        .animate-character-bounce {
+          animation: character-bounce 1s ease-in-out infinite;
+        }
+      `})]})}function d(e,t,n=5){let r=[],i=[],a=e*.25,o=t/n,s=e/2,c=t-40;i.push(`M ${s} ${c}`),r.push({x:s,y:c,t:0});for(let t=0;t<n;t++){let l=t%2==0?1:-1,u=c-o,d=s+a*l,f=e/2+a*.5*l*(t%2==0?-1:1),p=s,m=c-o*.3,h=d,g=u+o*.3;i.push(`C ${p} ${m}, ${h} ${g}, ${f} ${u}`);let _=(t+1)/n,v=(c+u)/2,y=s+(d-s)*.5;r.push({x:y,y:v,t:_-.5/n}),r.push({x:f,y:u,t:_}),s=f,c=u}return i.push(`L ${s} 40`),r.push({x:s,y:40,t:1}),{path:i.join(` `),points:r}}function f(e,t){let n=t/2,r=e-60,i=`M 60 ${n} L ${r} ${n}`,a=[];for(let e=0;e<=10;e++){let t=e/10;a.push({x:60+(r-60)*t,y:n,t})}return{path:i,points:a}}function p(e,t){let n=e/2,r=t-60,i=`M ${n} ${r} L ${n} 60`,a=[];for(let e=0;e<=10;e++){let t=e/10;a.push({x:n,y:r+(60-r)*t,t})}return{path:i,points:a}}function m({progress:e,theme:n}){let o=a[n];return(0,i.jsxs)(`div`,{className:`absolute top-4 right-4 flex items-center gap-2 rounded-full border bg-background/90 backdrop-blur-sm px-4 py-2 shadow-lg`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full bg-gradient-to-br`,o.gradient),children:(0,i.jsx)(r.Flag,{className:`h-4 w-4 text-white`})}),(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:`Journey Progress`}),(0,i.jsxs)(`div`,{className:`text-lg font-bold tabular-nums`,children:[Math.round(e),`%`]})]})]})}function h({milestones:e,progress:o,onMilestoneClick:s,onClaimRewards:c,variant:h=`winding`,theme:g=`default`,animated:_=!0,showCharacter:v=!0,character:y,showProgressLabel:b=!0,className:x}){let[S,C]=n.useState(0),w=n.useRef(null),[T,E]=n.useState({width:600,height:500}),D=a[g];n.useEffect(()=>{if(!_){C(o);return}let e=S,t=o-e,n=Date.now(),r=()=>{let i=Date.now()-n,a=Math.min(i/1e3,1),o=1-(1-a)**3;C(e+t*o),a<1&&requestAnimationFrame(r)};requestAnimationFrame(r)},[o,_]),n.useEffect(()=>{let e=()=>{if(w.current){let e=w.current.getBoundingClientRect();E({width:Math.max(e.width,400),height:Math.max(e.height,400)})}};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let{path:O,points:k}=n.useMemo(()=>{switch(h){case`horizontal`:return f(T.width,T.height);case`vertical`:return p(T.width,T.height);default:return d(T.width,T.height)}},[h,T]),A=n.useMemo(()=>e.map((t,n)=>{let r=t.position===void 0?n/Math.max(e.length-1,1):t.position/100,i=k[0],a=1/0;for(let e of k){let t=Math.abs(e.t-r);t<a&&(a=t,i=e)}return{milestone:t,position:i}}),[e,k]),j=n.useMemo(()=>{let e=S/100,t=k[0],n=1/0;for(let r of k){let i=Math.abs(r.t-e);i<n&&(n=i,t=r)}for(let t=0;t<k.length-1;t++){let n=k[t],r=k[t+1];if(e>=n.t&&e<=r.t){let t=(e-n.t)/(r.t-n.t);return{x:n.x+(r.x-n.x)*t,y:n.y+(r.y-n.y)*t}}}return t},[S,k]),M=1e3;return(0,i.jsxs)(`div`,{ref:w,className:t.cn(`relative overflow-hidden rounded-xl border bg-card`,x),style:{minHeight:400},children:[b&&(0,i.jsx)(m,{progress:S,theme:g}),(0,i.jsxs)(`svg`,{width:T.width,height:T.height,className:`absolute inset-0`,"aria-hidden":`true`,focusable:`false`,children:[(0,i.jsxs)(`defs`,{children:[Object.entries(a).map(([e,t])=>(0,i.jsxs)(`linearGradient`,{id:`milestone-gradient-${e}`,x1:`0%`,y1:`0%`,x2:`100%`,y2:`100%`,children:[(0,i.jsx)(`stop`,{offset:`0%`,stopColor:t.progressColor}),(0,i.jsx)(`stop`,{offset:`100%`,stopColor:t.completedColor})]},`milestone-gradient-${e}`)),(0,i.jsx)(`filter`,{id:`road-shadow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:(0,i.jsx)(`feDropShadow`,{dx:`0`,dy:`2`,stdDeviation:`3`,floodOpacity:`0.3`})}),(0,i.jsxs)(`filter`,{id:`glow`,x:`-50%`,y:`-50%`,width:`200%`,height:`200%`,children:[(0,i.jsx)(`feGaussianBlur`,{stdDeviation:`4`,result:`coloredBlur`}),(0,i.jsxs)(`feMerge`,{children:[(0,i.jsx)(`feMergeNode`,{in:`coloredBlur`}),(0,i.jsx)(`feMergeNode`,{in:`SourceGraphic`})]})]})]}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.roadColor,strokeWidth:30,strokeLinecap:`round`,strokeLinejoin:`round`,opacity:.2,filter:`url(#road-shadow)`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.roadColor,strokeWidth:24,strokeLinecap:`round`,strokeLinejoin:`round`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:`rgba(255,255,255,0.3)`,strokeWidth:2,strokeLinecap:`round`,strokeDasharray:`12 8`}),(0,i.jsx)(`path`,{d:O,fill:`none`,stroke:D.progressColor,strokeWidth:24,strokeLinecap:`round`,strokeLinejoin:`round`,strokeDasharray:M,strokeDashoffset:M*(1-S/100),filter:`url(#glow)`,opacity:.8,className:`transition-all duration-300`}),A.map(({milestone:e,position:t})=>(0,i.jsx)(l,{milestone:e,position:t,theme:g,animated:_,onClick:()=>s?.(e),onClaimRewards:()=>c?.(e.id)},e.id)),v&&(0,i.jsx)(u,{position:j,theme:g,animated:_,children:y}),(0,i.jsxs)(`g`,{transform:`translate(${k[0].x}, ${k[0].y})`,children:[(0,i.jsx)(`circle`,{r:16,fill:D.roadColor,opacity:.3}),(0,i.jsx)(`g`,{transform:`translate(-8, -8)`,children:(0,i.jsx)(r.Flag,{className:`h-4 w-4 text-muted-foreground`})})]}),(0,i.jsxs)(`g`,{transform:`translate(${k[k.length-1].x}, ${k[k.length-1].y})`,children:[(0,i.jsx)(`circle`,{r:20,fill:D.currentColor,opacity:.3}),(0,i.jsx)(`circle`,{r:16,fill:D.currentColor,opacity:.6}),(0,i.jsx)(`g`,{transform:`translate(-10, -10)`,children:(0,i.jsx)(r.Trophy,{className:`h-5 w-5 text-white`})})]})]}),(0,i.jsxs)(`div`,{className:`absolute bottom-4 left-4 flex flex-wrap items-center gap-3 rounded-lg border bg-background/90 backdrop-blur-sm px-3 py-2 text-xs`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full`,style:{backgroundColor:D.completedColor}}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Completed`})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full border-2`,style:{borderColor:D.currentColor,backgroundColor:`${D.currentColor}30`}}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Current`})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-3 rounded-full border-2 border-muted-foreground/30`}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Locked`})]})]}),(0,i.jsx)(`div`,{className:`absolute top-4 left-4 flex items-center gap-4`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-full border bg-background/90 backdrop-blur-sm px-3 py-1.5`,children:[(0,i.jsx)(r.Star,{className:`h-4 w-4 text-yellow-500`,fill:`currentColor`}),(0,i.jsxs)(`span`,{className:`text-sm font-medium`,children:[e.filter(e=>e.completed).length,`/`,e.length]})]})})]})}function g({initialMilestones:e,onMilestoneComplete:t,onRewardsClaimed:r,autoCalculateProgress:i=!0}){let[a,o]=n.useState(e),[s,c]=n.useState(0),[l,u]=n.useState(new Set),d=n.useRef(new Map);n.useEffect(()=>{if(i){let e=a.filter(e=>e.completed).length,t=a.length>0?e/a.length*100:0;c(t)}},[a,i]),n.useEffect(()=>{a.forEach(e=>{let n=d.current.get(e.id);e.completed&&!n&&t?.(e),d.current.set(e.id,e.completed)})},[a,t]);let f=n.useMemo(()=>a.find(e=>!e.completed)||a[a.length-1],[a]),p=n.useMemo(()=>a.map(e=>({...e,isCurrent:e.id===f?.id})),[a,f]),m=n.useCallback(e=>{o(t=>t.map(t=>t.id===e?{...t,completed:!0}:t))},[]),h=n.useCallback(e=>{let t=a.find(t=>t.id===e);t&&t.rewards&&!l.has(e)&&(u(t=>new Set([...t,e])),r?.(e,t.rewards))},[a,l,r]),g=n.useCallback(e=>{i||c(Math.max(0,Math.min(100,e)))},[i]),_=n.useCallback(()=>{o(e.map(e=>({...e,completed:!1}))),u(new Set),c(0),d.current.clear()},[e]),v=n.useMemo(()=>a.filter(e=>e.completed&&e.rewards&&!l.has(e.id)).flatMap(e=>e.rewards||[]),[a,l]);return{milestones:p,progress:s,currentMilestone:f,completeMilestone:m,claimRewards:h,setProgress:g,reset:_,completedCount:a.filter(e=>e.completed).length,totalCount:a.length,unclaimedRewards:v,hasUnclaimedRewards:v.length>0}}exports.WakaMilestoneRoad=h,exports.useMilestoneRoad=g;