@wakastellar/ui 4.0.0 → 4.0.1

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

@@ -0,0 +1,40 @@
+"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={daily:{icon:r.Calendar,label:`Daily Quest`,color:`text-blue-500`,bgColor:`bg-blue-500/10`,borderColor:`border-blue-500/30`},weekly:{icon:r.CalendarDays,label:`Weekly Quest`,color:`text-purple-500`,bgColor:`bg-purple-500/10`,borderColor:`border-purple-500/30`},story:{icon:r.BookOpen,label:`Story Quest`,color:`text-amber-500`,bgColor:`bg-amber-500/10`,borderColor:`border-amber-500/30`},challenge:{icon:r.Swords,label:`Challenge`,color:`text-red-500`,bgColor:`bg-red-500/10`,borderColor:`border-red-500/30`},achievement:{icon:r.Trophy,label:`Achievement`,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`,borderColor:`border-yellow-500/30`}},o={easy:{label:`Easy`,color:`text-green-500`,bgColor:`bg-green-500/10`,stars:1},medium:{label:`Medium`,color:`text-yellow-500`,bgColor:`bg-yellow-500/10`,stars:2},hard:{label:`Hard`,color:`text-orange-500`,bgColor:`bg-orange-500/10`,stars:3},legendary:{label:`Legendary`,color:`text-purple-500`,bgColor:`bg-purple-500/10`,stars:4,gradient:`from-purple-500 via-pink-500 to-orange-500`}},s={xp:r.Zap,badge:r.Award,item:r.Package,currency:r.Coins};function c({active:e,onComplete:t}){let[a,o]=n.useState(!1);if(n.useEffect(()=>{if(e){o(!0);let e=setTimeout(()=>{o(!1),t?.()},2e3);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 rounded-lg`,children:[[...Array(40)].map((e,t)=>{let n=20+Math.random()*60,r=n+(Math.random()-.5)*100,a=4+Math.random()*8,o=.8+Math.random()*.6;return(0,i.jsx)(`div`,{className:`absolute animate-quest-confetti`,style:{left:`${n}%`,width:a,height:a,backgroundColor:s[Math.floor(Math.random()*s.length)],borderRadius:Math.random()>.5?`50%`:`2px`,"--end-x":`${r}%`,animationDuration:`${o}s`,animationDelay:`${Math.random()*.3}s`}},t)}),[...Array(12)].map((e,t)=>(0,i.jsx)(r.Sparkles,{className:`absolute animate-quest-sparkle text-yellow-400`,style:{left:`${10+Math.random()*80}%`,top:`${10+Math.random()*80}%`,animationDelay:`${Math.random()*1}s`,width:12+Math.random()*12,height:12+Math.random()*12}},`sparkle-${t}`)),(0,i.jsx)(`div`,{className:`absolute inset-0 animate-quest-glow bg-gradient-to-t from-yellow-400/20 via-transparent to-transparent`}),(0,i.jsx)(`style`,{children:`
+        @keyframes quest-confetti {
+          0% {
+            top: 100%;
+            transform: translateX(0) rotate(0deg);
+            opacity: 1;
+          }
+          100% {
+            top: -10%;
+            transform: translateX(calc(var(--end-x) - 50%)) rotate(720deg);
+            opacity: 0;
+          }
+        }
+        @keyframes quest-sparkle {
+          0%, 100% { transform: scale(0) rotate(0deg); opacity: 0; }
+          50% { transform: scale(1) rotate(180deg); opacity: 1; }
+        }
+        @keyframes quest-glow {
+          0% { opacity: 0; }
+          50% { opacity: 1; }
+          100% { opacity: 0; }
+        }
+        .animate-quest-confetti {
+          animation: quest-confetti 1.5s ease-out forwards;
+        }
+        .animate-quest-sparkle {
+          animation: quest-sparkle 1.5s ease-in-out infinite;
+        }
+        .animate-quest-glow {
+          animation: quest-glow 2s ease-out;
+        }
+      `})]})}function l({type:e,size:n=`default`,className:r}){let o=a[e],s=o.icon;return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-lg p-2`,o.bgColor,r),children:(0,i.jsx)(s,{className:t.cn({sm:`h-4 w-4`,default:`h-5 w-5`,lg:`h-6 w-6`}[n],o.color)})})}function u({difficulty:e,size:n=`default`,className:a}){let s=o[e],c={sm:`text-xs px-1.5 py-0.5`,default:`text-xs px-2 py-1`},l=n===`sm`?`h-2.5 w-2.5`:`h-3 w-3`;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-full font-medium`,s.bgColor,s.color,c[n],e===`legendary`&&`bg-gradient-to-r from-purple-500/10 via-pink-500/10 to-orange-500/10`,a),children:[[...Array(s.stars)].map((e,n)=>(0,i.jsx)(r.Star,{className:t.cn(l,`fill-current`)},n)),(0,i.jsx)(`span`,{className:`ml-0.5`,children:s.label})]})}function d({expiresAt:e,className:a}){let[o,s]=n.useState(``),[c,l]=n.useState(!1);return n.useEffect(()=>{let t=()=>{let t=new Date,n=e.getTime()-t.getTime();if(n<=0){s(`Expired`),l(!0);return}let r=Math.floor(n/(1e3*60*60)),i=Math.floor(n%(1e3*60*60)/(1e3*60));r>=24?(s(`${Math.floor(r/24)}d ${r%24}h`),l(!1)):r>0?(s(`${r}h ${i}m`),l(r<2)):(s(`${i}m`),l(!0))};t();let n=setInterval(t,6e4);return()=>clearInterval(n)},[e]),(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 text-xs`,c?`text-red-500`:`text-muted-foreground`,a),children:[(0,i.jsx)(r.Clock,{className:t.cn(`h-3.5 w-3.5`,c&&`animate-pulse`)}),(0,i.jsx)(`span`,{children:o})]})}function f({objective:e,onClick:n,disabled:a,compact:o}){let s=e.current!==void 0&&e.target!==void 0,c=s?Math.min(100,e.current/e.target*100):0;return(0,i.jsxs)(`button`,{type:`button`,onClick:n,disabled:a||e.completed,className:t.cn(`group flex w-full items-start gap-2 rounded-lg p-2 text-left transition-all`,`hover:bg-muted/50`,e.completed&&`opacity-60`,a&&`cursor-not-allowed`,o&&`p-1.5`),children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 transition-all`,e.completed?`border-green-500 bg-green-500 text-white`:`border-muted-foreground/30 group-hover:border-primary/50`),children:e.completed&&(0,i.jsx)(r.Check,{className:`h-3 w-3`})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:t.cn(`text-sm`,e.completed&&`line-through`,o&&`text-xs`),children:e.text}),s&&!e.completed&&(0,i.jsxs)(`div`,{className:`mt-1 flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`h-1.5 flex-1 overflow-hidden rounded-full bg-muted`,children:(0,i.jsx)(`div`,{className:`h-full rounded-full bg-primary transition-all duration-300`,style:{width:`${c}%`}})}),(0,i.jsxs)(`span`,{className:`text-xs text-muted-foreground tabular-nums`,children:[e.current,`/`,e.target]})]})]})]})}function p({reward:e,compact:n}){let r=s[e.type];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1.5 rounded-full px-2 py-1`,{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`}[e.type],n&&`px-1.5 py-0.5`),children:[e.icon||(0,i.jsx)(r,{className:t.cn(`h-3.5 w-3.5`,n&&`h-3 w-3`)}),(0,i.jsxs)(`span`,{className:t.cn(`text-xs font-medium`,n&&`text-[10px]`),children:[typeof e.value==`number`?`+${e.value}`:e.value,e.type===`xp`&&` XP`]})]})}function m({progress:e,size:n=`default`,showLabel:r=!0,className:a}){let o=n===`sm`?`h-1.5`:`h-2`;return(0,i.jsxs)(`div`,{className:t.cn(`w-full`,a),children:[(0,i.jsx)(`div`,{className:t.cn(`overflow-hidden rounded-full bg-muted`,o),children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500 ease-out`,e>=100?`bg-gradient-to-r from-green-400 to-emerald-500`:`bg-gradient-to-r from-blue-500 to-purple-500`),style:{width:`${Math.min(100,e)}%`}})}),r&&(0,i.jsxs)(`div`,{className:`mt-1 flex justify-between text-xs text-muted-foreground`,children:[(0,i.jsx)(`span`,{children:`Progress`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[Math.round(e),`%`]})]})]})}function h({status:e,onClick:a,disabled:o}){let[s,c]=n.useState(!1);return e===`claimed`?(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-lg bg-muted px-4 py-2 text-sm text-muted-foreground`,children:[(0,i.jsx)(r.Check,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Claimed`})]}):e===`expired`?(0,i.jsxs)(`div`,{className:`flex items-center gap-1.5 rounded-lg bg-red-500/10 px-4 py-2 text-sm text-red-500`,children:[(0,i.jsx)(r.Clock,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Expired`})]}):e===`completed`?(0,i.jsxs)(`button`,{type:`button`,onClick:()=>{e!==`completed`||o||(c(!0),a?.())},disabled:o||s,className:t.cn(`group relative flex items-center gap-2 overflow-hidden rounded-lg px-4 py-2 text-sm font-medium text-white transition-all`,`bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500`,`hover:shadow-lg hover:shadow-orange-500/25`,`active:scale-95`,`disabled:opacity-50 disabled:cursor-not-allowed`,s&&`animate-pulse`),children:[(0,i.jsx)(`div`,{className:`absolute inset-0 -translate-x-full animate-claim-shine bg-gradient-to-r from-transparent via-white/20 to-transparent group-hover:translate-x-full`}),(0,i.jsx)(r.Gift,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{children:`Claim Rewards`}),(0,i.jsx)(`style`,{children:`
+        @keyframes claim-shine {
+          0% { transform: translateX(-100%); }
+          100% { transform: translateX(100%); }
+        }
+        .animate-claim-shine {
+          transition: transform 0.6s ease;
+        }
+      `})]}):null}function g({quest:e,onClaim:o,onObjectiveClick:s,onAbandon:g,onChainNavigate:_,variant:v=`detailed`,showAbandonConfirm:y=!0,className:b}){let[x,S]=n.useState(!1),C=n.useRef(e.status),w=a[e.type],T=e.status===`completed`,E=e.status===`claimed`,D=e.status===`expired`,O=E||D;n.useEffect(()=>{e.status===`completed`&&C.current!==`completed`&&S(!0),C.current=e.status},[e.status]);let k=()=>{S(!0),o?.(e.id)},A=t=>{O||s?.(e.id,t)};return v===`compact`?(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-lg border bg-card p-3 transition-all`,T&&`border-green-500/30 bg-green-500/5`,E&&`opacity-60`,D&&`opacity-50`,!O&&`hover:shadow-md`,b),children:[(0,i.jsx)(c,{active:x,onComplete:()=>S(!1)}),(0,i.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,i.jsx)(l,{type:e.type,size:`sm`}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-medium truncate`,children:e.title}),(0,i.jsx)(u,{difficulty:e.difficulty,size:`sm`})]}),(0,i.jsx)(m,{progress:e.progress,size:`sm`,showLabel:!1,className:`mt-2`}),(0,i.jsxs)(`div`,{className:`mt-2 flex items-center justify-between gap-2`,children:[(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[e.rewards.slice(0,2).map((e,t)=>(0,i.jsx)(p,{reward:e,compact:!0},t)),e.rewards.length>2&&(0,i.jsxs)(`span`,{className:`text-[10px] text-muted-foreground`,children:[`+`,e.rewards.length-2]})]}),e.expiresAt&&(0,i.jsx)(d,{expiresAt:e.expiresAt})]})]})]}),T&&(0,i.jsx)(`div`,{className:`mt-3 flex justify-end`,children:(0,i.jsx)(h,{status:e.status,onClick:k})})]}):(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-xl border bg-card shadow-sm transition-all`,T&&`border-green-500/30`,E&&`opacity-70`,D&&`opacity-50 grayscale`,!O&&`hover:shadow-lg`,b),children:[(0,i.jsx)(c,{active:x,onComplete:()=>S(!1)}),(0,i.jsxs)(`div`,{className:`border-b p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,i.jsx)(l,{type:e.type}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`span`,{className:t.cn(`text-xs font-medium`,w.color),children:w.label}),(0,i.jsx)(u,{difficulty:e.difficulty})]}),(0,i.jsx)(`h3`,{className:`mt-1 text-lg font-semibold`,children:e.title})]}),e.expiresAt&&(0,i.jsx)(d,{expiresAt:e.expiresAt})]}),(0,i.jsx)(`p`,{className:`mt-1 text-sm text-muted-foreground line-clamp-2`,children:e.description})]})]}),(0,i.jsx)(`div`,{className:`mt-4`,children:(0,i.jsx)(m,{progress:e.progress})})]}),(0,i.jsxs)(`div`,{className:`p-4`,children:[(0,i.jsxs)(`h4`,{className:`mb-2 flex items-center gap-2 text-sm font-medium`,children:[(0,i.jsx)(r.Shield,{className:`h-4 w-4 text-muted-foreground`}),`Objectives`,(0,i.jsxs)(`span`,{className:`text-muted-foreground`,children:[`(`,e.objectives.filter(e=>e.completed).length,`/`,e.objectives.length,`)`]})]}),(0,i.jsx)(`div`,{className:`space-y-1`,children:e.objectives.map(e=>(0,i.jsx)(f,{objective:e,onClick:()=>A(e.id),disabled:O},e.id))})]}),(0,i.jsxs)(`div`,{className:`border-t bg-muted/30 p-4`,children:[(0,i.jsxs)(`h4`,{className:`mb-2 flex items-center gap-2 text-sm font-medium`,children:[(0,i.jsx)(r.Crown,{className:`h-4 w-4 text-yellow-500`}),`Rewards`]}),(0,i.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:e.rewards.map((e,t)=>(0,i.jsx)(p,{reward:e},t))}),(T||E||D)&&(0,i.jsx)(`div`,{className:`mt-4 flex justify-end`,children:(0,i.jsx)(h,{status:e.status,onClick:k,disabled:O})})]}),E&&(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center bg-background/60`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-full bg-green-500/10 px-4 py-2 text-green-500`,children:[(0,i.jsx)(r.Check,{className:`h-5 w-5`}),(0,i.jsx)(`span`,{className:`font-medium`,children:`Quest Complete`})]})})]})}function _({variant:e=`detailed`}){return e===`compact`?(0,i.jsx)(`div`,{className:`rounded-lg border bg-card p-3 animate-pulse`,children:(0,i.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,i.jsx)(`div`,{className:`h-9 w-9 rounded-lg bg-muted`}),(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsx)(`div`,{className:`h-4 w-3/4 rounded bg-muted`}),(0,i.jsx)(`div`,{className:`mt-2 h-1.5 rounded-full bg-muted`}),(0,i.jsxs)(`div`,{className:`mt-2 flex gap-2`,children:[(0,i.jsx)(`div`,{className:`h-5 w-16 rounded-full bg-muted`}),(0,i.jsx)(`div`,{className:`h-5 w-16 rounded-full bg-muted`})]})]})]})}):(0,i.jsxs)(`div`,{className:`rounded-xl border bg-card animate-pulse`,children:[(0,i.jsxs)(`div`,{className:`border-b p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,i.jsx)(`div`,{className:`h-10 w-10 rounded-lg bg-muted`}),(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsx)(`div`,{className:`h-3 w-20 rounded bg-muted`}),(0,i.jsx)(`div`,{className:`mt-2 h-5 w-3/4 rounded bg-muted`}),(0,i.jsx)(`div`,{className:`mt-2 h-3 w-full rounded bg-muted`})]})]}),(0,i.jsx)(`div`,{className:`mt-4 h-2 rounded-full bg-muted`})]}),(0,i.jsxs)(`div`,{className:`p-4 space-y-2`,children:[(0,i.jsx)(`div`,{className:`h-4 w-24 rounded bg-muted`}),(0,i.jsx)(`div`,{className:`h-8 rounded-lg bg-muted`}),(0,i.jsx)(`div`,{className:`h-8 rounded-lg bg-muted`}),(0,i.jsx)(`div`,{className:`h-8 rounded-lg bg-muted`})]}),(0,i.jsxs)(`div`,{className:`border-t bg-muted/30 p-4`,children:[(0,i.jsx)(`div`,{className:`h-4 w-20 rounded bg-muted`}),(0,i.jsxs)(`div`,{className:`mt-2 flex gap-2`,children:[(0,i.jsx)(`div`,{className:`h-6 w-20 rounded-full bg-muted`}),(0,i.jsx)(`div`,{className:`h-6 w-20 rounded-full bg-muted`})]})]})]})}function v({quests:e,variant:n=`detailed`,emptyMessage:a=`No quests available`,onClaim:o,onObjectiveClick:s,className:c}){return e.length===0?(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-lg border border-dashed bg-muted/30 p-8 text-center`,children:[(0,i.jsx)(r.Trophy,{className:`h-12 w-12 text-muted-foreground/50`}),(0,i.jsx)(`p`,{className:`mt-2 text-sm text-muted-foreground`,children:a})]}):(0,i.jsx)(`div`,{className:t.cn(`space-y-3`,c),children:e.map(e=>(0,i.jsx)(g,{quest:e,variant:n,onClaim:o,onObjectiveClick:s},e.id))})}function y({initialQuests:e,onQuestComplete:t,onQuestClaimed:r}){let[i,a]=n.useState(e);return{quests:i,setQuests:a,updateObjective:n.useCallback((e,n,r)=>{a(i=>i.map(i=>{if(i.id!==e)return i;let a=i.objectives.map(e=>e.id===n?{...e,completed:r}:e),o=a.filter(e=>e.completed).length,s=a.length>0?o/a.length*100:0,c=o===a.length,l=c?`completed`:o>0?`in_progress`:i.status,u={...i,objectives:a,progress:s,status:l};return c&&i.status!==`completed`&&t?.(u),u}))},[t]),incrementObjective:n.useCallback((e,n,r=1)=>{a(i=>i.map(i=>{if(i.id!==e)return i;let a=i.objectives.map(e=>{if(e.id!==n||e.current===void 0||e.target===void 0)return e;let t=Math.min(e.target,e.current+r);return{...e,current:t,completed:t>=e.target}}),o=a.filter(e=>e.completed).length,s=a.length>0?o/a.length*100:0,c=o===a.length,l=c?`completed`:o>0?`in_progress`:i.status,u={...i,objectives:a,progress:s,status:l};return c&&i.status!==`completed`&&t?.(u),u}))},[t]),claimQuest:n.useCallback(e=>{a(t=>t.map(t=>{if(t.id!==e||t.status!==`completed`)return t;let n={...t,status:`claimed`};return r?.(n),n}))},[r]),addQuest:n.useCallback(e=>{a(t=>[...t,e])},[]),removeQuest:n.useCallback(e=>{a(t=>t.filter(t=>t.id!==e))},[]),getQuestsByStatus:n.useCallback(e=>i.filter(t=>t.status===e),[i]),getQuestsByType:n.useCallback(e=>i.filter(t=>t.type===e),[i]),activeQuests:i.filter(e=>e.status===`available`||e.status===`in_progress`),completedQuests:i.filter(e=>e.status===`completed`||e.status===`claimed`)}}exports.WakaQuestCard=g,exports.WakaQuestCardSkeleton=_,exports.WakaQuestList=v,exports.useQuests=y;

package/dist/components/waka-quest-card/index.es.js

@@ -0,0 +1,559 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Award as n, BookOpen as r, Calendar as i, CalendarDays as a, Check as o, Clock as s, Coins as c, Crown as l, Gift as u, Package as d, Shield as f, Sparkles as p, Star as m, Swords as h, Trophy as g, Zap as _ } from "lucide-react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+//#region src/components/waka-quest-card/index.tsx
+var b = {
+	daily: {
+		icon: i,
+		label: "Daily Quest",
+		color: "text-blue-500",
+		bgColor: "bg-blue-500/10",
+		borderColor: "border-blue-500/30"
+	},
+	weekly: {
+		icon: a,
+		label: "Weekly Quest",
+		color: "text-purple-500",
+		bgColor: "bg-purple-500/10",
+		borderColor: "border-purple-500/30"
+	},
+	story: {
+		icon: r,
+		label: "Story Quest",
+		color: "text-amber-500",
+		bgColor: "bg-amber-500/10",
+		borderColor: "border-amber-500/30"
+	},
+	challenge: {
+		icon: h,
+		label: "Challenge",
+		color: "text-red-500",
+		bgColor: "bg-red-500/10",
+		borderColor: "border-red-500/30"
+	},
+	achievement: {
+		icon: g,
+		label: "Achievement",
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500/10",
+		borderColor: "border-yellow-500/30"
+	}
+}, x = {
+	easy: {
+		label: "Easy",
+		color: "text-green-500",
+		bgColor: "bg-green-500/10",
+		stars: 1
+	},
+	medium: {
+		label: "Medium",
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500/10",
+		stars: 2
+	},
+	hard: {
+		label: "Hard",
+		color: "text-orange-500",
+		bgColor: "bg-orange-500/10",
+		stars: 3
+	},
+	legendary: {
+		label: "Legendary",
+		color: "text-purple-500",
+		bgColor: "bg-purple-500/10",
+		stars: 4,
+		gradient: "from-purple-500 via-pink-500 to-orange-500"
+	}
+}, S = {
+	xp: _,
+	badge: n,
+	item: d,
+	currency: c
+};
+function C({ active: e, onComplete: n }) {
+	let [r, i] = t.useState(!1);
+	if (t.useEffect(() => {
+		if (e) {
+			i(!0);
+			let e = setTimeout(() => {
+				i(!1), n?.();
+			}, 2e3);
+			return () => clearTimeout(e);
+		}
+	}, [e, n]), !r) return null;
+	let a = [
+		"#fbbf24",
+		"#f59e0b",
+		"#22c55e",
+		"#3b82f6",
+		"#a855f7",
+		"#ec4899"
+	];
+	return /* @__PURE__ */ y("div", {
+		className: "pointer-events-none absolute inset-0 overflow-hidden rounded-lg",
+		children: [
+			[...Array(40)].map((e, t) => {
+				let n = 20 + Math.random() * 60, r = n + (Math.random() - .5) * 100, i = 4 + Math.random() * 8, o = .8 + Math.random() * .6;
+				return /* @__PURE__ */ v("div", {
+					className: "absolute animate-quest-confetti",
+					style: {
+						left: `${n}%`,
+						width: i,
+						height: i,
+						backgroundColor: a[Math.floor(Math.random() * a.length)],
+						borderRadius: Math.random() > .5 ? "50%" : "2px",
+						"--end-x": `${r}%`,
+						animationDuration: `${o}s`,
+						animationDelay: `${Math.random() * .3}s`
+					}
+				}, t);
+			}),
+			[...Array(12)].map((e, t) => /* @__PURE__ */ v(p, {
+				className: "absolute animate-quest-sparkle text-yellow-400",
+				style: {
+					left: `${10 + Math.random() * 80}%`,
+					top: `${10 + Math.random() * 80}%`,
+					animationDelay: `${Math.random() * 1}s`,
+					width: 12 + Math.random() * 12,
+					height: 12 + Math.random() * 12
+				}
+			}, `sparkle-${t}`)),
+			/* @__PURE__ */ v("div", { className: "absolute inset-0 animate-quest-glow bg-gradient-to-t from-yellow-400/20 via-transparent to-transparent" }),
+			/* @__PURE__ */ v("style", { children: "\n        @keyframes quest-confetti {\n          0% {\n            top: 100%;\n            transform: translateX(0) rotate(0deg);\n            opacity: 1;\n          }\n          100% {\n            top: -10%;\n            transform: translateX(calc(var(--end-x) - 50%)) rotate(720deg);\n            opacity: 0;\n          }\n        }\n        @keyframes quest-sparkle {\n          0%, 100% { transform: scale(0) rotate(0deg); opacity: 0; }\n          50% { transform: scale(1) rotate(180deg); opacity: 1; }\n        }\n        @keyframes quest-glow {\n          0% { opacity: 0; }\n          50% { opacity: 1; }\n          100% { opacity: 0; }\n        }\n        .animate-quest-confetti {\n          animation: quest-confetti 1.5s ease-out forwards;\n        }\n        .animate-quest-sparkle {\n          animation: quest-sparkle 1.5s ease-in-out infinite;\n        }\n        .animate-quest-glow {\n          animation: quest-glow 2s ease-out;\n        }\n      " })
+		]
+	});
+}
+function w({ type: t, size: n = "default", className: r }) {
+	let i = b[t], a = i.icon;
+	return /* @__PURE__ */ v("div", {
+		className: e("flex items-center justify-center rounded-lg p-2", i.bgColor, r),
+		children: /* @__PURE__ */ v(a, { className: e({
+			sm: "h-4 w-4",
+			default: "h-5 w-5",
+			lg: "h-6 w-6"
+		}[n], i.color) })
+	});
+}
+function T({ difficulty: t, size: n = "default", className: r }) {
+	let i = x[t], a = {
+		sm: "text-xs px-1.5 py-0.5",
+		default: "text-xs px-2 py-1"
+	}, o = n === "sm" ? "h-2.5 w-2.5" : "h-3 w-3";
+	return /* @__PURE__ */ y("div", {
+		className: e("flex items-center gap-1 rounded-full font-medium", i.bgColor, i.color, a[n], t === "legendary" && "bg-gradient-to-r from-purple-500/10 via-pink-500/10 to-orange-500/10", r),
+		children: [[...Array(i.stars)].map((t, n) => /* @__PURE__ */ v(m, { className: e(o, "fill-current") }, n)), /* @__PURE__ */ v("span", {
+			className: "ml-0.5",
+			children: i.label
+		})]
+	});
+}
+function E({ expiresAt: n, className: r }) {
+	let [i, a] = t.useState(""), [o, c] = t.useState(!1);
+	return t.useEffect(() => {
+		let e = () => {
+			let e = /* @__PURE__ */ new Date(), t = n.getTime() - e.getTime();
+			if (t <= 0) {
+				a("Expired"), c(!0);
+				return;
+			}
+			let r = Math.floor(t / (1e3 * 60 * 60)), i = Math.floor(t % (1e3 * 60 * 60) / (1e3 * 60));
+			r >= 24 ? (a(`${Math.floor(r / 24)}d ${r % 24}h`), c(!1)) : r > 0 ? (a(`${r}h ${i}m`), c(r < 2)) : (a(`${i}m`), c(!0));
+		};
+		e();
+		let t = setInterval(e, 6e4);
+		return () => clearInterval(t);
+	}, [n]), /* @__PURE__ */ y("div", {
+		className: e("flex items-center gap-1 text-xs", o ? "text-red-500" : "text-muted-foreground", r),
+		children: [/* @__PURE__ */ v(s, { className: e("h-3.5 w-3.5", o && "animate-pulse") }), /* @__PURE__ */ v("span", { children: i })]
+	});
+}
+function D({ objective: t, onClick: n, disabled: r, compact: i }) {
+	let a = t.current !== void 0 && t.target !== void 0, s = a ? Math.min(100, t.current / t.target * 100) : 0;
+	return /* @__PURE__ */ y("button", {
+		type: "button",
+		onClick: n,
+		disabled: r || t.completed,
+		className: e("group flex w-full items-start gap-2 rounded-lg p-2 text-left transition-all", "hover:bg-muted/50", t.completed && "opacity-60", r && "cursor-not-allowed", i && "p-1.5"),
+		children: [/* @__PURE__ */ v("div", {
+			className: e("flex h-5 w-5 shrink-0 items-center justify-center rounded-md border-2 transition-all", t.completed ? "border-green-500 bg-green-500 text-white" : "border-muted-foreground/30 group-hover:border-primary/50"),
+			children: t.completed && /* @__PURE__ */ v(o, { className: "h-3 w-3" })
+		}), /* @__PURE__ */ y("div", {
+			className: "flex-1 min-w-0",
+			children: [/* @__PURE__ */ v("p", {
+				className: e("text-sm", t.completed && "line-through", i && "text-xs"),
+				children: t.text
+			}), a && !t.completed && /* @__PURE__ */ y("div", {
+				className: "mt-1 flex items-center gap-2",
+				children: [/* @__PURE__ */ v("div", {
+					className: "h-1.5 flex-1 overflow-hidden rounded-full bg-muted",
+					children: /* @__PURE__ */ v("div", {
+						className: "h-full rounded-full bg-primary transition-all duration-300",
+						style: { width: `${s}%` }
+					})
+				}), /* @__PURE__ */ y("span", {
+					className: "text-xs text-muted-foreground tabular-nums",
+					children: [
+						t.current,
+						"/",
+						t.target
+					]
+				})]
+			})]
+		})]
+	});
+}
+function O({ reward: t, compact: n }) {
+	let r = S[t.type];
+	return /* @__PURE__ */ y("div", {
+		className: e("flex items-center gap-1.5 rounded-full px-2 py-1", {
+			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"
+		}[t.type], n && "px-1.5 py-0.5"),
+		children: [t.icon || /* @__PURE__ */ v(r, { className: e("h-3.5 w-3.5", n && "h-3 w-3") }), /* @__PURE__ */ y("span", {
+			className: e("text-xs font-medium", n && "text-[10px]"),
+			children: [typeof t.value == "number" ? `+${t.value}` : t.value, t.type === "xp" && " XP"]
+		})]
+	});
+}
+function k({ progress: t, size: n = "default", showLabel: r = !0, className: i }) {
+	let a = n === "sm" ? "h-1.5" : "h-2";
+	return /* @__PURE__ */ y("div", {
+		className: e("w-full", i),
+		children: [/* @__PURE__ */ v("div", {
+			className: e("overflow-hidden rounded-full bg-muted", a),
+			children: /* @__PURE__ */ v("div", {
+				className: e("h-full rounded-full transition-all duration-500 ease-out", t >= 100 ? "bg-gradient-to-r from-green-400 to-emerald-500" : "bg-gradient-to-r from-blue-500 to-purple-500"),
+				style: { width: `${Math.min(100, t)}%` }
+			})
+		}), r && /* @__PURE__ */ y("div", {
+			className: "mt-1 flex justify-between text-xs text-muted-foreground",
+			children: [/* @__PURE__ */ v("span", { children: "Progress" }), /* @__PURE__ */ y("span", {
+				className: "font-medium tabular-nums",
+				children: [Math.round(t), "%"]
+			})]
+		})]
+	});
+}
+function A({ status: n, onClick: r, disabled: i }) {
+	let [a, c] = t.useState(!1);
+	return n === "claimed" ? /* @__PURE__ */ y("div", {
+		className: "flex items-center gap-1.5 rounded-lg bg-muted px-4 py-2 text-sm text-muted-foreground",
+		children: [/* @__PURE__ */ v(o, { className: "h-4 w-4" }), /* @__PURE__ */ v("span", { children: "Claimed" })]
+	}) : n === "expired" ? /* @__PURE__ */ y("div", {
+		className: "flex items-center gap-1.5 rounded-lg bg-red-500/10 px-4 py-2 text-sm text-red-500",
+		children: [/* @__PURE__ */ v(s, { className: "h-4 w-4" }), /* @__PURE__ */ v("span", { children: "Expired" })]
+	}) : n === "completed" ? /* @__PURE__ */ y("button", {
+		type: "button",
+		onClick: () => {
+			n !== "completed" || i || (c(!0), r?.());
+		},
+		disabled: i || a,
+		className: e("group relative flex items-center gap-2 overflow-hidden rounded-lg px-4 py-2 text-sm font-medium text-white transition-all", "bg-gradient-to-r from-yellow-400 via-orange-500 to-red-500", "hover:shadow-lg hover:shadow-orange-500/25", "active:scale-95", "disabled:opacity-50 disabled:cursor-not-allowed", a && "animate-pulse"),
+		children: [
+			/* @__PURE__ */ v("div", { className: "absolute inset-0 -translate-x-full animate-claim-shine bg-gradient-to-r from-transparent via-white/20 to-transparent group-hover:translate-x-full" }),
+			/* @__PURE__ */ v(u, { className: "h-4 w-4" }),
+			/* @__PURE__ */ v("span", { children: "Claim Rewards" }),
+			/* @__PURE__ */ v("style", { children: "\n        @keyframes claim-shine {\n          0% { transform: translateX(-100%); }\n          100% { transform: translateX(100%); }\n        }\n        .animate-claim-shine {\n          transition: transform 0.6s ease;\n        }\n      " })
+		]
+	}) : null;
+}
+function j({ quest: n, onClaim: r, onObjectiveClick: i, onAbandon: a, onChainNavigate: s, variant: c = "detailed", showAbandonConfirm: u = !0, className: d }) {
+	let [p, m] = t.useState(!1), h = t.useRef(n.status), g = b[n.type], _ = n.status === "completed", x = n.status === "claimed", S = n.status === "expired", j = x || S;
+	t.useEffect(() => {
+		n.status === "completed" && h.current !== "completed" && m(!0), h.current = n.status;
+	}, [n.status]);
+	let M = () => {
+		m(!0), r?.(n.id);
+	}, N = (e) => {
+		j || i?.(n.id, e);
+	};
+	return c === "compact" ? /* @__PURE__ */ y("div", {
+		className: e("relative overflow-hidden rounded-lg border bg-card p-3 transition-all", _ && "border-green-500/30 bg-green-500/5", x && "opacity-60", S && "opacity-50", !j && "hover:shadow-md", d),
+		children: [
+			/* @__PURE__ */ v(C, {
+				active: p,
+				onComplete: () => m(!1)
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ v(w, {
+					type: n.type,
+					size: "sm"
+				}), /* @__PURE__ */ y("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ y("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ v("h3", {
+								className: "text-sm font-medium truncate",
+								children: n.title
+							}), /* @__PURE__ */ v(T, {
+								difficulty: n.difficulty,
+								size: "sm"
+							})]
+						}),
+						/* @__PURE__ */ v(k, {
+							progress: n.progress,
+							size: "sm",
+							showLabel: !1,
+							className: "mt-2"
+						}),
+						/* @__PURE__ */ y("div", {
+							className: "mt-2 flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ y("div", {
+								className: "flex flex-wrap gap-1",
+								children: [n.rewards.slice(0, 2).map((e, t) => /* @__PURE__ */ v(O, {
+									reward: e,
+									compact: !0
+								}, t)), n.rewards.length > 2 && /* @__PURE__ */ y("span", {
+									className: "text-[10px] text-muted-foreground",
+									children: ["+", n.rewards.length - 2]
+								})]
+							}), n.expiresAt && /* @__PURE__ */ v(E, { expiresAt: n.expiresAt })]
+						})
+					]
+				})]
+			}),
+			_ && /* @__PURE__ */ v("div", {
+				className: "mt-3 flex justify-end",
+				children: /* @__PURE__ */ v(A, {
+					status: n.status,
+					onClick: M
+				})
+			})
+		]
+	}) : /* @__PURE__ */ y("div", {
+		className: e("relative overflow-hidden rounded-xl border bg-card shadow-sm transition-all", _ && "border-green-500/30", x && "opacity-70", S && "opacity-50 grayscale", !j && "hover:shadow-lg", d),
+		children: [
+			/* @__PURE__ */ v(C, {
+				active: p,
+				onComplete: () => m(!1)
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "border-b p-4",
+				children: [/* @__PURE__ */ y("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ v(w, { type: n.type }), /* @__PURE__ */ y("div", {
+						className: "flex-1 min-w-0",
+						children: [/* @__PURE__ */ y("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ v("span", {
+									className: e("text-xs font-medium", g.color),
+									children: g.label
+								}), /* @__PURE__ */ v(T, { difficulty: n.difficulty })]
+							}), /* @__PURE__ */ v("h3", {
+								className: "mt-1 text-lg font-semibold",
+								children: n.title
+							})] }), n.expiresAt && /* @__PURE__ */ v(E, { expiresAt: n.expiresAt })]
+						}), /* @__PURE__ */ v("p", {
+							className: "mt-1 text-sm text-muted-foreground line-clamp-2",
+							children: n.description
+						})]
+					})]
+				}), /* @__PURE__ */ v("div", {
+					className: "mt-4",
+					children: /* @__PURE__ */ v(k, { progress: n.progress })
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "p-4",
+				children: [/* @__PURE__ */ y("h4", {
+					className: "mb-2 flex items-center gap-2 text-sm font-medium",
+					children: [
+						/* @__PURE__ */ v(f, { className: "h-4 w-4 text-muted-foreground" }),
+						"Objectives",
+						/* @__PURE__ */ y("span", {
+							className: "text-muted-foreground",
+							children: [
+								"(",
+								n.objectives.filter((e) => e.completed).length,
+								"/",
+								n.objectives.length,
+								")"
+							]
+						})
+					]
+				}), /* @__PURE__ */ v("div", {
+					className: "space-y-1",
+					children: n.objectives.map((e) => /* @__PURE__ */ v(D, {
+						objective: e,
+						onClick: () => N(e.id),
+						disabled: j
+					}, e.id))
+				})]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "border-t bg-muted/30 p-4",
+				children: [
+					/* @__PURE__ */ y("h4", {
+						className: "mb-2 flex items-center gap-2 text-sm font-medium",
+						children: [/* @__PURE__ */ v(l, { className: "h-4 w-4 text-yellow-500" }), "Rewards"]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "flex flex-wrap gap-2",
+						children: n.rewards.map((e, t) => /* @__PURE__ */ v(O, { reward: e }, t))
+					}),
+					(_ || x || S) && /* @__PURE__ */ v("div", {
+						className: "mt-4 flex justify-end",
+						children: /* @__PURE__ */ v(A, {
+							status: n.status,
+							onClick: M,
+							disabled: j
+						})
+					})
+				]
+			}),
+			x && /* @__PURE__ */ v("div", {
+				className: "absolute inset-0 flex items-center justify-center bg-background/60",
+				children: /* @__PURE__ */ y("div", {
+					className: "flex items-center gap-2 rounded-full bg-green-500/10 px-4 py-2 text-green-500",
+					children: [/* @__PURE__ */ v(o, { className: "h-5 w-5" }), /* @__PURE__ */ v("span", {
+						className: "font-medium",
+						children: "Quest Complete"
+					})]
+				})
+			})
+		]
+	});
+}
+function M({ variant: e = "detailed" }) {
+	return e === "compact" ? /* @__PURE__ */ v("div", {
+		className: "rounded-lg border bg-card p-3 animate-pulse",
+		children: /* @__PURE__ */ y("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ v("div", { className: "h-9 w-9 rounded-lg bg-muted" }), /* @__PURE__ */ y("div", {
+				className: "flex-1",
+				children: [
+					/* @__PURE__ */ v("div", { className: "h-4 w-3/4 rounded bg-muted" }),
+					/* @__PURE__ */ v("div", { className: "mt-2 h-1.5 rounded-full bg-muted" }),
+					/* @__PURE__ */ y("div", {
+						className: "mt-2 flex gap-2",
+						children: [/* @__PURE__ */ v("div", { className: "h-5 w-16 rounded-full bg-muted" }), /* @__PURE__ */ v("div", { className: "h-5 w-16 rounded-full bg-muted" })]
+					})
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ y("div", {
+		className: "rounded-xl border bg-card animate-pulse",
+		children: [
+			/* @__PURE__ */ y("div", {
+				className: "border-b p-4",
+				children: [/* @__PURE__ */ y("div", {
+					className: "flex items-start gap-3",
+					children: [/* @__PURE__ */ v("div", { className: "h-10 w-10 rounded-lg bg-muted" }), /* @__PURE__ */ y("div", {
+						className: "flex-1",
+						children: [
+							/* @__PURE__ */ v("div", { className: "h-3 w-20 rounded bg-muted" }),
+							/* @__PURE__ */ v("div", { className: "mt-2 h-5 w-3/4 rounded bg-muted" }),
+							/* @__PURE__ */ v("div", { className: "mt-2 h-3 w-full rounded bg-muted" })
+						]
+					})]
+				}), /* @__PURE__ */ v("div", { className: "mt-4 h-2 rounded-full bg-muted" })]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "p-4 space-y-2",
+				children: [
+					/* @__PURE__ */ v("div", { className: "h-4 w-24 rounded bg-muted" }),
+					/* @__PURE__ */ v("div", { className: "h-8 rounded-lg bg-muted" }),
+					/* @__PURE__ */ v("div", { className: "h-8 rounded-lg bg-muted" }),
+					/* @__PURE__ */ v("div", { className: "h-8 rounded-lg bg-muted" })
+				]
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "border-t bg-muted/30 p-4",
+				children: [/* @__PURE__ */ v("div", { className: "h-4 w-20 rounded bg-muted" }), /* @__PURE__ */ y("div", {
+					className: "mt-2 flex gap-2",
+					children: [/* @__PURE__ */ v("div", { className: "h-6 w-20 rounded-full bg-muted" }), /* @__PURE__ */ v("div", { className: "h-6 w-20 rounded-full bg-muted" })]
+				})]
+			})
+		]
+	});
+}
+function N({ quests: t, variant: n = "detailed", emptyMessage: r = "No quests available", onClaim: i, onObjectiveClick: a, className: o }) {
+	return t.length === 0 ? /* @__PURE__ */ y("div", {
+		className: "flex flex-col items-center justify-center rounded-lg border border-dashed bg-muted/30 p-8 text-center",
+		children: [/* @__PURE__ */ v(g, { className: "h-12 w-12 text-muted-foreground/50" }), /* @__PURE__ */ v("p", {
+			className: "mt-2 text-sm text-muted-foreground",
+			children: r
+		})]
+	}) : /* @__PURE__ */ v("div", {
+		className: e("space-y-3", o),
+		children: t.map((e) => /* @__PURE__ */ v(j, {
+			quest: e,
+			variant: n,
+			onClaim: i,
+			onObjectiveClick: a
+		}, e.id))
+	});
+}
+function P({ initialQuests: e, onQuestComplete: n, onQuestClaimed: r }) {
+	let [i, a] = t.useState(e);
+	return {
+		quests: i,
+		setQuests: a,
+		updateObjective: t.useCallback((e, t, r) => {
+			a((i) => i.map((i) => {
+				if (i.id !== e) return i;
+				let a = i.objectives.map((e) => e.id === t ? {
+					...e,
+					completed: r
+				} : e), o = a.filter((e) => e.completed).length, s = a.length > 0 ? o / a.length * 100 : 0, c = o === a.length, l = c ? "completed" : o > 0 ? "in_progress" : i.status, u = {
+					...i,
+					objectives: a,
+					progress: s,
+					status: l
+				};
+				return c && i.status !== "completed" && n?.(u), u;
+			}));
+		}, [n]),
+		incrementObjective: t.useCallback((e, t, r = 1) => {
+			a((i) => i.map((i) => {
+				if (i.id !== e) return i;
+				let a = i.objectives.map((e) => {
+					if (e.id !== t || e.current === void 0 || e.target === void 0) return e;
+					let n = Math.min(e.target, e.current + r);
+					return {
+						...e,
+						current: n,
+						completed: n >= e.target
+					};
+				}), o = a.filter((e) => e.completed).length, s = a.length > 0 ? o / a.length * 100 : 0, c = o === a.length, l = c ? "completed" : o > 0 ? "in_progress" : i.status, u = {
+					...i,
+					objectives: a,
+					progress: s,
+					status: l
+				};
+				return c && i.status !== "completed" && n?.(u), u;
+			}));
+		}, [n]),
+		claimQuest: t.useCallback((e) => {
+			a((t) => t.map((t) => {
+				if (t.id !== e || t.status !== "completed") return t;
+				let n = {
+					...t,
+					status: "claimed"
+				};
+				return r?.(n), n;
+			}));
+		}, [r]),
+		addQuest: t.useCallback((e) => {
+			a((t) => [...t, e]);
+		}, []),
+		removeQuest: t.useCallback((e) => {
+			a((t) => t.filter((t) => t.id !== e));
+		}, []),
+		getQuestsByStatus: t.useCallback((e) => i.filter((t) => t.status === e), [i]),
+		getQuestsByType: t.useCallback((e) => i.filter((t) => t.type === e), [i]),
+		activeQuests: i.filter((e) => e.status === "available" || e.status === "in_progress"),
+		completedQuests: i.filter((e) => e.status === "completed" || e.status === "claimed")
+	};
+}
+//#endregion
+export { j as WakaQuestCard, M as WakaQuestCardSkeleton, N as WakaQuestList, P as useQuests };

package/dist/components/waka-quota-bar/index.cjs.js

@@ -0,0 +1,11 @@
+"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={normal:`bg-success`,warning:`bg-warning`,danger:`bg-destructive`,overflow:`bg-destructive`},o={sm:{bar:`h-2`,marker:`h-3`,markerDot:`h-1.5 w-1.5`,text:`text-xs`,label:`text-xs`,tooltip:`text-xs p-2`,icon:`h-3 w-3`,gap:`gap-1`},md:{bar:`h-3`,marker:`h-4`,markerDot:`h-2 w-2`,text:`text-sm`,label:`text-sm`,tooltip:`text-sm p-3`,icon:`h-4 w-4`,gap:`gap-2`},lg:{bar:`h-4`,marker:`h-5`,markerDot:`h-2.5 w-2.5`,text:`text-base`,label:`text-base`,tooltip:`text-base p-4`,icon:`h-5 w-5`,gap:`gap-3`}};function s({current:e,softLimit:n,hardLimit:r,unit:a,formatValue:s,size:c,isOverflow:l,usagePercentage:u}){let d=o[c];return(0,i.jsxs)(`div`,{className:t.cn(`absolute left-1/2 -translate-x-1/2 bottom-full mb-2 z-50`,`bg-popover text-popover-foreground border rounded-lg shadow-lg`,`opacity-0 group-hover:opacity-100 transition-opacity duration-200`,`pointer-events-none whitespace-nowrap`,d.tooltip),children:[(0,i.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Current:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[s(e),` `,a]})]}),n!==void 0&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Soft Limit:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums text-yellow-600`,children:[s(n),` `,a]})]}),(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Hard Limit:`}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums text-red-600`,children:[s(r),` `,a]})]}),(0,i.jsx)(`div`,{className:`border-t pt-1.5 mt-1.5`,children:(0,i.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`Usage:`}),(0,i.jsxs)(`span`,{className:t.cn(`font-medium tabular-nums`,l&&`text-red-600`),children:[u.toFixed(1),`%`]})]})})]}),(0,i.jsx)(`div`,{className:`absolute left-1/2 -translate-x-1/2 top-full -mt-px`,children:(0,i.jsx)(`div`,{className:`border-8 border-transparent border-t-popover`})})]})}function c({position:e,type:n,size:r,label:a,showLabel:s}){let c=o[r],l=n===`soft`;return(0,i.jsxs)(`div`,{className:`absolute top-0 -translate-x-1/2 flex flex-col items-center z-10`,style:{left:`${Math.min(e,100)}%`},children:[(0,i.jsx)(`div`,{className:t.cn(`w-0.5`,c.marker,l?`bg-yellow-500`:`bg-red-500`)}),(0,i.jsx)(`div`,{className:t.cn(`rounded-full -mt-0.5`,c.markerDot,l?`bg-yellow-500`:`bg-red-500`)}),s&&a&&(0,i.jsx)(`span`,{className:t.cn(`absolute top-full mt-1 text-muted-foreground whitespace-nowrap`,c.text),children:a})]})}function l({overflowAmount:e,unit:n,formatValue:a,size:s}){let c=o[s];return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center text-red-600`,c.gap,c.text),children:[(0,i.jsx)(r.AlertTriangle,{className:c.icon}),(0,i.jsxs)(`span`,{className:`font-medium`,children:[`+`,a(e),` `,n,` over limit`]})]})}function u({current:e,softLimit:u,hardLimit:d,label:f,unit:p=``,showLabels:m=!0,showMarkers:h=!0,size:g=`md`,variant:_=`simple`,animated:v=!0,colors:y,formatValue:b=e=>e.toLocaleString(),className:x}){let[S,C]=n.useState(0),w={...a,...y},T=o[g],E=e/d*100,D=u?u/d*100:void 0,O=e>d,k=O?e-d:0,A=n.useCallback(()=>O?w.overflow:u&&e>=u?e>=u+(d-u)*.5?w.danger:w.warning:w.normal,[e,u,d,O,w])();return n.useEffect(()=>{if(!v){C(Math.min(E,100));return}let e=Math.min(E,100),t=S,n=e-t,r=Date.now(),i=()=>{let e=Date.now()-r,a=Math.min(e/800,1);C(t+n*(1-(1-a)**3)),a<1&&requestAnimationFrame(i)};requestAnimationFrame(i)},[E,v]),(0,i.jsxs)(`div`,{className:t.cn(`w-full`,x),children:[(f||m&&_===`detailed`)&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mb-2`,T.gap),children:[f&&(0,i.jsx)(`span`,{className:t.cn(`font-medium`,T.label),children:f}),m&&_===`detailed`&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center text-muted-foreground`,T.gap,T.text),children:[(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[b(e),` / `,b(d),` `,p]}),u&&(0,i.jsxs)(`span`,{className:`text-yellow-600`,children:[`(soft: `,b(u),` `,p,`)`]})]})]}),(0,i.jsxs)(`div`,{className:`relative group`,children:[(0,i.jsx)(s,{current:e,softLimit:u,hardLimit:d,unit:p,formatValue:b,size:g,isOverflow:O,usagePercentage:E}),(0,i.jsxs)(`div`,{className:t.cn(`relative w-full overflow-visible rounded-full bg-muted`,T.bar),children:[_===`detailed`&&u&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{className:`absolute inset-y-0 left-0 rounded-l-full bg-green-100 dark:bg-green-900/20`,style:{width:`${D}%`}}),(0,i.jsx)(`div`,{className:`absolute inset-y-0 bg-yellow-100 dark:bg-yellow-900/20`,style:{left:`${D}%`,width:`${50-(D||0)/2}%`}}),(0,i.jsx)(`div`,{className:`absolute inset-y-0 right-0 rounded-r-full bg-red-100 dark:bg-red-900/20`,style:{width:`${100-(D||0)-(50-(D||0)/2)}%`}})]}),(0,i.jsx)(`div`,{className:t.cn(`relative h-full rounded-full transition-colors duration-300`,A,O&&`animate-pulse`),style:{width:`${S}%`,transition:v?void 0:`width 0.3s ease-out`},children:v&&(0,i.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full`,children:(0,i.jsx)(`div`,{className:`absolute inset-0 animate-quota-shine`})})}),h&&(0,i.jsxs)(i.Fragment,{children:[u&&D!==void 0&&(0,i.jsx)(c,{position:D,type:`soft`,size:g,label:_===`detailed`?`Soft: ${b(u)}`:void 0,showLabel:_===`detailed`}),(0,i.jsx)(c,{position:100,type:`hard`,size:g,label:_===`detailed`?`Hard: ${b(d)}`:void 0,showLabel:_===`detailed`})]})]})]}),m&&_===`simple`&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between mt-2`,T.text),children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-1 text-muted-foreground`,children:[(0,i.jsx)(r.Info,{className:T.icon}),(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[b(e),` `,p]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-4 text-muted-foreground`,children:[u&&(0,i.jsxs)(`span`,{className:`text-yellow-600 tabular-nums`,children:[`Soft: `,b(u),` `,p]}),(0,i.jsxs)(`span`,{className:`text-red-600 tabular-nums`,children:[`Hard: `,b(d),` `,p]})]})]}),O&&(0,i.jsx)(`div`,{className:`mt-2`,children:(0,i.jsx)(l,{overflowAmount:k,unit:p,formatValue:b,size:g})}),(0,i.jsx)(`style`,{children:`
+        @keyframes quota-shine {
+          0% { transform: translateX(-100%); opacity: 0; }
+          50% { opacity: 0.3; }
+          100% { transform: translateX(100%); opacity: 0; }
+        }
+        .animate-quota-shine {
+          background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);
+          animation: quota-shine 2s ease-in-out infinite;
+        }
+      `})]})}function d({resources:e,compact:n=!1,size:r=`md`,animated:a=!0,formatValue:s,className:c}){let l=o[r];return(0,i.jsx)(`div`,{className:t.cn(`space-y-4`,c),children:e.map(e=>(0,i.jsxs)(`div`,{className:n?`space-y-1`:void 0,children:[(0,i.jsx)(u,{current:e.current,softLimit:e.softLimit,hardLimit:e.hardLimit,label:e.label,unit:e.unit,size:n?`sm`:r,variant:n?`simple`:`detailed`,animated:a,colors:e.colors,formatValue:s,showLabels:!n,showMarkers:!n}),n&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center justify-between text-muted-foreground`,l.text),children:[(0,i.jsx)(`span`,{children:e.label}),(0,i.jsxs)(`span`,{className:`tabular-nums`,children:[(s||(e=>e.toLocaleString()))(e.current),` /`,` `,(s||(e=>e.toLocaleString()))(e.hardLimit),` `,e.unit]})]})]},e.id))})}function f({initialValue:e=0,softLimit:t,hardLimit:r,onApproachingSoftLimit:i,onApproachingHardLimit:a,onOverflow:o,approachingThreshold:s=80}){let[c,l]=n.useState(e),u=n.useRef(c),d=c/r*100,f=t?t/r*100:void 0,p=c>r,m=p?c-r:0,h=Math.max(0,r-c),g=n.useMemo(()=>p?`overflow`:t&&c>=t?c>=t+(r-t)*.5?`danger`:`warning`:`normal`,[c,t,r,p]);return n.useEffect(()=>{let e=u.current;u.current=c,p&&e<=r?o?.(c,m):t&&c>=s/100*t&&e<s/100*t?i?.(c):c>=s/100*r&&e<s/100*r&&a?.(c)},[c,t,r,p,m,s,i,a,o]),{current:c,usagePercentage:d,softLimitPercentage:f,isOverflow:p,overflowAmount:m,remaining:h,zone:g,add:n.useCallback(e=>{l(t=>t+e)},[]),subtract:n.useCallback(e=>{l(t=>Math.max(0,t-e))},[]),set:n.useCallback(e=>{l(e)},[]),reset:n.useCallback(()=>{l(0)},[])}}exports.WakaMultiQuotaBar=d,exports.default=u,exports.useQuota=f;

package/dist/components/waka-quota-bar/index.d.ts

@@ -87,7 +87,7 @@ export interface UseQuotaOptions {
 export declare function useQuota({ initialValue, softLimit, hardLimit, onApproachingSoftLimit, onApproachingHardLimit, onOverflow, approachingThreshold, }: UseQuotaOptions): {
     current: number;
     usagePercentage: number;
-    softLimitPercentage: number;
+    softLimitPercentage: number | undefined;
     isOverflow: boolean;
     overflowAmount: number;
     remaining: number;