@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-cart-summary/index.es.js

@@ -0,0 +1,498 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { AlertCircle as o, Loader2 as s, Minus as c, Package as l, Plus as u, ShoppingCart as d, Tag as f, Trash2 as p, Truck as m, X as h } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/waka-cart-summary/index.tsx
+var y = (e, t) => new Intl.NumberFormat("en-US", {
+	style: "currency",
+	currency: t
+}).format(e), b = ({ showImage: e = !0 }) => /* @__PURE__ */ v("div", {
+	className: "flex gap-4 p-4 animate-pulse",
+	children: [e && /* @__PURE__ */ _("div", { className: "w-20 h-20 bg-gray-200 dark:bg-gray-700 rounded-lg shrink-0" }), /* @__PURE__ */ v("div", {
+		className: "flex-1 space-y-2",
+		children: [
+			/* @__PURE__ */ _("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4" }),
+			/* @__PURE__ */ _("div", { className: "h-3 bg-gray-200 dark:bg-gray-700 rounded w-1/2" }),
+			/* @__PURE__ */ v("div", {
+				className: "flex justify-between items-center mt-2",
+				children: [/* @__PURE__ */ _("div", { className: "h-8 bg-gray-200 dark:bg-gray-700 rounded w-24" }), /* @__PURE__ */ _("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-16" })]
+			})
+		]
+	})]
+}), x = () => /* @__PURE__ */ v("div", {
+	className: "space-y-3 p-4 animate-pulse",
+	children: [[...[
+		,
+		,
+		,
+		,
+	]].map((e, t) => /* @__PURE__ */ v("div", {
+		className: "flex justify-between",
+		children: [/* @__PURE__ */ _("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-20" }), /* @__PURE__ */ _("div", { className: "h-4 bg-gray-200 dark:bg-gray-700 rounded w-16" })]
+	}, t)), /* @__PURE__ */ _("div", {
+		className: "border-t pt-3 mt-3",
+		children: /* @__PURE__ */ v("div", {
+			className: "flex justify-between",
+			children: [/* @__PURE__ */ _("div", { className: "h-5 bg-gray-200 dark:bg-gray-700 rounded w-16" }), /* @__PURE__ */ _("div", { className: "h-5 bg-gray-200 dark:bg-gray-700 rounded w-20" })]
+		})
+	})]
+}), S = ({ item: t, currency: n, showImage: r, showDescription: i, showSku: a, enableQuantityEdit: o, enableRemove: s, formatPrice: d, onQuantityChange: f, onRemove: m, isRemoving: h, animationDuration: g }) => {
+	let y = t.minQuantity ?? 1, b = t.maxQuantity ?? 99, x = t.quantity > y, S = t.quantity < b && t.inStock !== !1, C = t.price * t.quantity, w = t.originalPrice && t.originalPrice > t.price;
+	return /* @__PURE__ */ v("div", {
+		className: e("flex gap-4 p-4 border-b border-gray-200 dark:border-gray-700 transition-all", h && "opacity-0 scale-95 -translate-x-4"),
+		style: { transitionDuration: `${g}ms` },
+		children: [r && /* @__PURE__ */ v("div", {
+			className: "relative w-20 h-20 shrink-0 rounded-lg overflow-hidden bg-gray-100 dark:bg-gray-800",
+			children: [t.image ? /* @__PURE__ */ _("img", {
+				src: t.image,
+				alt: t.name,
+				className: "w-full h-full object-cover",
+				loading: "lazy"
+			}) : /* @__PURE__ */ _("div", {
+				className: "w-full h-full flex items-center justify-center",
+				children: /* @__PURE__ */ _(l, { className: "w-8 h-8 text-gray-400" })
+			}), t.inStock === !1 && /* @__PURE__ */ _("div", {
+				className: "absolute inset-0 bg-black/50 flex items-center justify-center",
+				children: /* @__PURE__ */ _("span", {
+					className: "text-white text-xs font-medium px-2 py-1 bg-red-500 rounded",
+					children: "Out of Stock"
+				})
+			})]
+		}), /* @__PURE__ */ v("div", {
+			className: "flex-1 min-w-0",
+			children: [/* @__PURE__ */ v("div", {
+				className: "flex justify-between items-start gap-2",
+				children: [/* @__PURE__ */ v("div", {
+					className: "min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ _("h4", {
+							className: "font-medium text-gray-900 dark:text-gray-100 truncate",
+							children: t.name
+						}),
+						t.variant && /* @__PURE__ */ _("p", {
+							className: "text-sm text-gray-500 dark:text-gray-400",
+							children: t.variant
+						}),
+						i && t.description && /* @__PURE__ */ _("p", {
+							className: "text-sm text-gray-500 dark:text-gray-400 line-clamp-2 mt-1",
+							children: t.description
+						}),
+						a && t.sku && /* @__PURE__ */ v("p", {
+							className: "text-xs text-gray-400 dark:text-gray-500 mt-1",
+							children: ["SKU: ", t.sku]
+						})
+					]
+				}), s && /* @__PURE__ */ _("button", {
+					onClick: () => m?.(t.id),
+					className: e("p-1.5 rounded-md text-gray-400 hover:text-red-500", "hover:bg-red-50 dark:hover:bg-red-900/20", "transition-colors focus:outline-none focus:ring-2", "focus:ring-red-500 focus:ring-offset-2"),
+					"aria-label": `Remove ${t.name} from cart`,
+					children: /* @__PURE__ */ _(p, { className: "w-4 h-4" })
+				})]
+			}), /* @__PURE__ */ v("div", {
+				className: "flex justify-between items-end mt-3",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center",
+					children: o ? /* @__PURE__ */ v("div", {
+						className: "flex items-center border border-gray-200 dark:border-gray-700 rounded-lg",
+						children: [
+							/* @__PURE__ */ _("button", {
+								onClick: () => x && f?.(t.id, t.quantity - 1),
+								disabled: !x,
+								className: e("p-2 transition-colors", "hover:bg-gray-100 dark:hover:bg-gray-800", "disabled:opacity-50 disabled:cursor-not-allowed", "focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"),
+								"aria-label": "Decrease quantity",
+								children: /* @__PURE__ */ _(c, { className: "w-3.5 h-3.5" })
+							}),
+							/* @__PURE__ */ _("span", {
+								className: "w-10 text-center text-sm font-medium tabular-nums",
+								children: t.quantity
+							}),
+							/* @__PURE__ */ _("button", {
+								onClick: () => S && f?.(t.id, t.quantity + 1),
+								disabled: !S,
+								className: e("p-2 transition-colors", "hover:bg-gray-100 dark:hover:bg-gray-800", "disabled:opacity-50 disabled:cursor-not-allowed", "focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"),
+								"aria-label": "Increase quantity",
+								children: /* @__PURE__ */ _(u, { className: "w-3.5 h-3.5" })
+							})
+						]
+					}) : /* @__PURE__ */ v("span", {
+						className: "text-sm text-gray-600 dark:text-gray-400",
+						children: ["Qty: ", t.quantity]
+					})
+				}), /* @__PURE__ */ v("div", {
+					className: "text-right",
+					children: [
+						w && /* @__PURE__ */ _("span", {
+							className: "text-sm text-gray-400 line-through mr-2",
+							children: d(t.originalPrice * t.quantity, n)
+						}),
+						/* @__PURE__ */ _("span", {
+							className: e("font-semibold", w && "text-red-600 dark:text-red-400"),
+							children: d(C, n)
+						}),
+						t.quantity > 1 && /* @__PURE__ */ v("p", {
+							className: "text-xs text-gray-500 dark:text-gray-400 mt-0.5",
+							children: [d(t.price, n), " each"]
+						})
+					]
+				})]
+			})]
+		})]
+	});
+}, C = ({ discount: t, onApply: n, onRemove: r, formatPrice: i, currency: c }) => {
+	let [l, u] = a(""), [d, p] = a(!1), [m, g] = a(null), y = async () => {
+		if (!(!l.trim() || !n)) {
+			p(!0), g(null);
+			try {
+				await n(l.trim()) ? u("") : g("Invalid discount code");
+			} catch {
+				g("Failed to apply discount");
+			} finally {
+				p(!1);
+			}
+		}
+	};
+	return t ? /* @__PURE__ */ v("div", {
+		className: "flex items-center justify-between p-3 bg-green-50 dark:bg-green-900/20 rounded-lg border border-green-200 dark:border-green-800",
+		children: [/* @__PURE__ */ v("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ _(f, { className: "w-4 h-4 text-green-600 dark:text-green-400" }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("span", {
+				className: "font-medium text-green-700 dark:text-green-300",
+				children: t.code
+			}), t.description && /* @__PURE__ */ _("p", {
+				className: "text-xs text-green-600 dark:text-green-400",
+				children: t.description
+			})] })]
+		}), /* @__PURE__ */ v("div", {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ v("span", {
+				className: "text-sm font-medium text-green-700 dark:text-green-300",
+				children: ["-", t.type === "percentage" ? `${t.value}%` : i(t.value, c)]
+			}), r && /* @__PURE__ */ _("button", {
+				onClick: r,
+				className: "p-1 text-green-600 dark:text-green-400 hover:text-green-800 dark:hover:text-green-200 transition-colors",
+				"aria-label": "Remove discount",
+				children: /* @__PURE__ */ _(h, { className: "w-4 h-4" })
+			})]
+		})]
+	}) : /* @__PURE__ */ v("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ v("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ _("input", {
+				type: "text",
+				value: l,
+				onChange: (e) => {
+					u(e.target.value), g(null);
+				},
+				placeholder: "Enter discount code",
+				className: e("flex-1 px-3 py-2 text-sm rounded-lg border", "bg-white dark:bg-gray-900", "border-gray-200 dark:border-gray-700", "placeholder:text-gray-400 dark:placeholder:text-gray-500", "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent", m && "border-red-500 focus:ring-red-500"),
+				onKeyDown: (e) => {
+					e.key === "Enter" && y();
+				}
+			}), /* @__PURE__ */ _("button", {
+				onClick: y,
+				disabled: !l.trim() || d,
+				className: e("px-4 py-2 text-sm font-medium rounded-lg transition-colors", "bg-gray-900 dark:bg-gray-100 text-white dark:text-gray-900", "hover:bg-gray-800 dark:hover:bg-gray-200", "disabled:opacity-50 disabled:cursor-not-allowed", "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900 dark:focus:ring-gray-100"),
+				children: d ? /* @__PURE__ */ _(s, { className: "w-4 h-4 animate-spin" }) : "Apply"
+			})]
+		}), m && /* @__PURE__ */ v("div", {
+			className: "flex items-center gap-1.5 text-sm text-red-600 dark:text-red-400",
+			children: [/* @__PURE__ */ _(o, { className: "w-4 h-4" }), m]
+		})]
+	});
+}, w = () => /* @__PURE__ */ v("div", {
+	className: "flex flex-col items-center justify-center py-12 px-4 text-center",
+	children: [
+		/* @__PURE__ */ _("div", {
+			className: "w-16 h-16 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center mb-4",
+			children: /* @__PURE__ */ _(d, { className: "w-8 h-8 text-gray-400" })
+		}),
+		/* @__PURE__ */ _("h3", {
+			className: "text-lg font-medium text-gray-900 dark:text-gray-100 mb-1",
+			children: "Your cart is empty"
+		}),
+		/* @__PURE__ */ _("p", {
+			className: "text-sm text-gray-500 dark:text-gray-400 max-w-sm",
+			children: "Looks like you haven't added any items to your cart yet. Start shopping to fill it up!"
+		})
+	]
+}), T = ({ items: o, currency: s = "USD", taxRate: c = 0, shippingCost: l = 0, freeShippingThreshold: u, discount: f = null, isLoading: p = !1, showImages: h = !0, showDescriptions: T = !1, showSku: E = !1, enableQuantityEdit: D = !0, enableRemove: O = !0, emptyState: k, loadingState: A, header: j, footer: M, className: N, itemClassName: P, summaryClassName: F, onQuantityChange: I, onRemoveItem: L, onApplyDiscount: R, onRemoveDiscount: z, onCheckout: B, formatPrice: V = y, animationDuration: H = 300, ariaLabel: U = "Shopping cart summary" }) => {
+	let [W, G] = a(/* @__PURE__ */ new Set()), [K, q] = a(/* @__PURE__ */ new Set()), J = i(new Set(o.map((e) => e.id)));
+	n(() => {
+		let e = new Set(o.map((e) => e.id)), t = /* @__PURE__ */ new Set();
+		if (e.forEach((e) => {
+			J.current.has(e) || t.add(e);
+		}), t.size > 0) {
+			q(t);
+			let e = setTimeout(() => {
+				q(/* @__PURE__ */ new Set());
+			}, H);
+			return () => clearTimeout(e);
+		}
+		J.current = e;
+	}, [o, H]);
+	let Y = t((e) => {
+		G((t) => new Set([...t, e])), setTimeout(() => {
+			L?.(e), G((t) => {
+				let n = new Set(t);
+				return n.delete(e), n;
+			});
+		}, H);
+	}, [L, H]), X = r(() => {
+		let e = o.reduce((e, t) => e + t.price * t.quantity, 0), t = l;
+		u && e >= u && (t = 0);
+		let n = 0, r = 0;
+		f && (f.type === "percentage" ? n = e * (f.value / 100) : f.type === "fixed" ? n = Math.min(f.value, e) : f.type === "shipping" && (r = t, t = 0));
+		let i = e - n, a = i * c, s = i + a + t;
+		return {
+			subtotal: e,
+			tax: a,
+			taxRate: c,
+			shipping: t,
+			discount: n + r,
+			total: Math.max(0, s)
+		};
+	}, [
+		o,
+		l,
+		u,
+		f,
+		c
+	]), Z = o.reduce((e, t) => e + t.quantity, 0), Q = u && X.subtotal < u ? X.subtotal / u * 100 : null;
+	return p ? /* @__PURE__ */ _("div", {
+		className: e("bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden", N),
+		"aria-label": U,
+		"aria-busy": "true",
+		children: A || /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", {
+			className: "border-b border-gray-200 dark:border-gray-700",
+			children: [...[
+				,
+				,
+				,
+			]].map((e, t) => /* @__PURE__ */ _(b, { showImage: h }, t))
+		}), /* @__PURE__ */ _(x, {})] })
+	}) : o.length === 0 ? /* @__PURE__ */ _("div", {
+		className: e("bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden", N),
+		"aria-label": U,
+		children: k || /* @__PURE__ */ _(w, {})
+	}) : /* @__PURE__ */ v("div", {
+		className: e("bg-white dark:bg-gray-900 rounded-xl border border-gray-200 dark:border-gray-800 overflow-hidden", N),
+		role: "region",
+		"aria-label": U,
+		children: [
+			j || /* @__PURE__ */ v("div", {
+				className: "flex items-center justify-between px-4 py-3 border-b border-gray-200 dark:border-gray-700",
+				children: [/* @__PURE__ */ v("h3", {
+					className: "font-semibold text-gray-900 dark:text-gray-100 flex items-center gap-2",
+					children: [/* @__PURE__ */ _(d, { className: "w-5 h-5" }), "Cart"]
+				}), /* @__PURE__ */ v("span", {
+					className: "text-sm text-gray-500 dark:text-gray-400",
+					children: [
+						Z,
+						" ",
+						Z === 1 ? "item" : "items"
+					]
+				})]
+			}),
+			Q !== null && /* @__PURE__ */ v("div", {
+				className: "px-4 py-3 bg-blue-50 dark:bg-blue-900/20 border-b border-gray-200 dark:border-gray-700",
+				children: [/* @__PURE__ */ v("div", {
+					className: "flex items-center gap-2 mb-2",
+					children: [/* @__PURE__ */ _(m, { className: "w-4 h-4 text-blue-600 dark:text-blue-400" }), /* @__PURE__ */ v("span", {
+						className: "text-sm text-blue-700 dark:text-blue-300",
+						children: [
+							V(u - X.subtotal, s),
+							" ",
+							"away from free shipping!"
+						]
+					})]
+				}), /* @__PURE__ */ _("div", {
+					className: "h-1.5 bg-blue-200 dark:bg-blue-800 rounded-full overflow-hidden",
+					children: /* @__PURE__ */ _("div", {
+						className: "h-full bg-blue-600 dark:bg-blue-400 rounded-full transition-all duration-500",
+						style: { width: `${Q}%` }
+					})
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: e("divide-y divide-gray-200 dark:divide-gray-700", P),
+				children: o.map((t) => /* @__PURE__ */ _("div", {
+					className: e("transition-all", K.has(t.id) && "animate-in slide-in-from-right fade-in duration-300"),
+					children: /* @__PURE__ */ _(S, {
+						item: t,
+						currency: s,
+						showImage: h,
+						showDescription: T,
+						showSku: E,
+						enableQuantityEdit: D,
+						enableRemove: O,
+						formatPrice: V,
+						onQuantityChange: I,
+						onRemove: Y,
+						isRemoving: W.has(t.id),
+						animationDuration: H
+					})
+				}, t.id))
+			}),
+			(R || f) && /* @__PURE__ */ _("div", {
+				className: "px-4 py-3 border-t border-gray-200 dark:border-gray-700",
+				children: /* @__PURE__ */ _(C, {
+					discount: f,
+					onApply: R,
+					onRemove: z,
+					formatPrice: V,
+					currency: s
+				})
+			}),
+			/* @__PURE__ */ v("div", {
+				className: e("px-4 py-4 bg-gray-50 dark:bg-gray-800/50 space-y-3", F),
+				children: [
+					/* @__PURE__ */ v("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ _("span", {
+							className: "text-gray-600 dark:text-gray-400",
+							children: "Subtotal"
+						}), /* @__PURE__ */ _("span", {
+							className: "font-medium text-gray-900 dark:text-gray-100",
+							children: V(X.subtotal, s)
+						})]
+					}),
+					X.discount > 0 && /* @__PURE__ */ v("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ _("span", {
+							className: "text-green-600 dark:text-green-400",
+							children: "Discount"
+						}), /* @__PURE__ */ v("span", {
+							className: "font-medium text-green-600 dark:text-green-400",
+							children: ["-", V(X.discount, s)]
+						})]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ _("span", {
+							className: "text-gray-600 dark:text-gray-400",
+							children: "Shipping"
+						}), /* @__PURE__ */ _("span", {
+							className: "font-medium text-gray-900 dark:text-gray-100",
+							children: X.shipping === 0 ? /* @__PURE__ */ _("span", {
+								className: "text-green-600 dark:text-green-400",
+								children: "Free"
+							}) : V(X.shipping, s)
+						})]
+					}),
+					X.tax > 0 && /* @__PURE__ */ v("div", {
+						className: "flex justify-between text-sm",
+						children: [/* @__PURE__ */ v("span", {
+							className: "text-gray-600 dark:text-gray-400",
+							children: [
+								"Tax (",
+								(X.taxRate * 100).toFixed(0),
+								"%)"
+							]
+						}), /* @__PURE__ */ _("span", {
+							className: "font-medium text-gray-900 dark:text-gray-100",
+							children: V(X.tax, s)
+						})]
+					}),
+					/* @__PURE__ */ v("div", {
+						className: "flex justify-between pt-3 border-t border-gray-200 dark:border-gray-700",
+						children: [/* @__PURE__ */ _("span", {
+							className: "text-base font-semibold text-gray-900 dark:text-gray-100",
+							children: "Total"
+						}), /* @__PURE__ */ _("span", {
+							className: "text-lg font-bold text-gray-900 dark:text-gray-100",
+							children: V(X.total, s)
+						})]
+					})
+				]
+			}),
+			M || B && /* @__PURE__ */ _("div", {
+				className: "p-4 border-t border-gray-200 dark:border-gray-700",
+				children: /* @__PURE__ */ _("button", {
+					onClick: () => B(X),
+					className: e("w-full py-3 px-4 rounded-lg font-semibold text-white", "bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600", "transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"),
+					children: "Proceed to Checkout"
+				})
+			})
+		]
+	});
+};
+function E(e = {}) {
+	let { initialItems: n = [], currency: i = "USD", taxRate: o = 0, shippingCost: s = 0, freeShippingThreshold: c, onCartChange: l } = e, [u, d] = a(n), [f, p] = a(null), m = t((e) => {
+		d(e), l?.(e);
+	}, [l]), h = t((e) => {
+		d((t) => {
+			let n = t.findIndex((t) => t.id === e.id);
+			if (n >= 0) {
+				let r = [...t];
+				return r[n] = {
+					...r[n],
+					quantity: r[n].quantity + e.quantity
+				}, l?.(r), r;
+			}
+			let r = [...t, e];
+			return l?.(r), r;
+		});
+	}, [l]), g = t((e) => {
+		d((t) => {
+			let n = t.filter((t) => t.id !== e);
+			return l?.(n), n;
+		});
+	}, [l]), _ = t((e, t) => {
+		if (t <= 0) {
+			g(e);
+			return;
+		}
+		d((n) => {
+			let r = n.map((n) => n.id === e ? {
+				...n,
+				quantity: t
+			} : n);
+			return l?.(r), r;
+		});
+	}, [g, l]), v = t(() => {
+		m([]), p(null);
+	}, [m]), y = t((e) => {
+		p(e);
+	}, []), b = t(() => {
+		p(null);
+	}, []);
+	return {
+		items: u,
+		discount: f,
+		totals: r(() => {
+			let e = u.reduce((e, t) => e + t.price * t.quantity, 0), t = s;
+			c && e >= c && (t = 0);
+			let n = 0;
+			f && (f.type === "percentage" ? n = e * (f.value / 100) : f.type === "fixed" ? n = Math.min(f.value, e) : f.type === "shipping" && (n = t, t = 0));
+			let r = e - n, i = r * o, a = r + i + t;
+			return {
+				subtotal: e,
+				tax: i,
+				taxRate: o,
+				shipping: t,
+				discount: n,
+				total: Math.max(0, a)
+			};
+		}, [
+			u,
+			s,
+			c,
+			f,
+			o
+		]),
+		itemCount: r(() => u.reduce((e, t) => e + t.quantity, 0), [u]),
+		isEmpty: u.length === 0,
+		addItem: h,
+		removeItem: g,
+		updateQuantity: _,
+		clearCart: v,
+		applyDiscount: y,
+		removeDiscount: b,
+		setItems: m
+	};
+}
+//#endregion
+export { T as default, E as useCartSummary };

package/dist/components/waka-challenge-timer/index.cjs.js

@@ -0,0 +1,38 @@
+"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`);function a({endTime:e,isPaused:t=!1,urgentThreshold:r=3600,onComplete:i,onUrgent:a}){let[s,c]=n.useState(()=>o(e,r)),l=n.useRef(!1),u=n.useRef(!1);return n.useEffect(()=>{if(t)return;let n=()=>{let t=o(e,r);c(t),t.isUrgent&&!l.current&&!t.isExpired&&(l.current=!0,a?.()),t.isExpired&&!u.current&&(u.current=!0,i?.())};n();let s=setInterval(n,1e3);return()=>clearInterval(s)},[e,t,r,i,a]),n.useEffect(()=>{l.current=!1,u.current=!1},[e]),s}function o(e,t){let n=new Date,r=e.getTime()-n.getTime(),i=Math.max(0,Math.floor(r/1e3));return{days:Math.floor(i/(1440*60)),hours:Math.floor(i%(1440*60)/3600),minutes:Math.floor(i%3600/60),seconds:i%60,totalSeconds:i,isExpired:i<=0,isUrgent:i>0&&i<=t}}function s({value:e,label:n,size:r,isUrgent:a,isPaused:o}){let s={compact:{container:`min-w-[40px]`,value:`text-lg font-bold`,label:`text-[10px]`},default:{container:`min-w-[60px]`,value:`text-3xl font-bold`,label:`text-xs`},large:{container:`min-w-[80px]`,value:`text-5xl font-bold`,label:`text-sm`}}[r];return(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col items-center rounded-lg bg-muted/50 p-2`,s.container,a&&`bg-red-500/10`,o&&`opacity-50`),children:[(0,i.jsx)(`span`,{className:t.cn(`tabular-nums transition-all`,s.value,a&&`text-red-500 animate-urgent-pulse`,o&&`text-muted-foreground`),children:String(e).padStart(2,`0`)}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground uppercase tracking-wider`,s.label),children:n})]})}function c({size:e,isUrgent:n}){return(0,i.jsx)(`span`,{className:t.cn(`font-bold text-muted-foreground`,{compact:`text-lg`,default:`text-2xl`,large:`text-4xl`}[e],n&&`text-red-500 animate-urgent-blink`),children:`:`})}function l({tasks:e,size:n,className:a}){let o=e.filter(e=>e.completed).length,s=e.length,c=s>0?o/s*100:0,l=n===`compact`?`h-1`:n===`large`?`h-2.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`,l),children:(0,i.jsx)(`div`,{className:t.cn(`h-full rounded-full transition-all duration-500 ease-out`,c>=100?`bg-gradient-to-r from-green-400 to-emerald-500`:`bg-gradient-to-r from-blue-500 to-purple-500`),style:{width:`${c}%`}})}),(0,i.jsxs)(`div`,{className:`mt-1 flex items-center justify-between text-xs text-muted-foreground`,children:[(0,i.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,i.jsx)(r.Target,{className:`h-3 w-3`}),`Tasks`]}),(0,i.jsxs)(`span`,{className:`font-medium tabular-nums`,children:[o,`/`,s]})]})]})}function u({task:e,onClick:n,compact:a}){let o=e.current!==void 0&&e.target!==void 0,s=o?Math.min(100,e.current/e.target*100):0;return(0,i.jsxs)(`button`,{type:`button`,onClick:n,disabled: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&&`p-1.5`),children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-5 w-5 shrink-0 items-center justify-center rounded-full 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.CheckCircle2,{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`,a&&`text-xs`),children:e.text}),o&&!e.completed&&(0,i.jsxs)(`div`,{className:`mt-1 flex items-center gap-2`,children:[(0,i.jsx)(`div`,{className:`h-1 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:`${s}%`}})}),(0,i.jsxs)(`span`,{className:`text-xs text-muted-foreground tabular-nums`,children:[e.current,`/`,e.target]})]})]})]})}function d({rewards:e,size:n,className:a}){let o={xp:(0,i.jsx)(r.Zap,{className:`h-3.5 w-3.5 text-yellow-500`}),badge:(0,i.jsx)(r.Star,{className:`h-3.5 w-3.5 text-purple-500 fill-purple-500`}),item:(0,i.jsx)(r.Gift,{className:`h-3.5 w-3.5 text-blue-500`}),currency:(0,i.jsx)(r.Sparkles,{className:`h-3.5 w-3.5 text-amber-500`}),custom:(0,i.jsx)(r.Trophy,{className:`h-3.5 w-3.5 text-orange-500`})},s=n===`compact`;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2`,a),children:[(0,i.jsx)(r.Trophy,{className:t.cn(`text-amber-500`,s?`h-3 w-3`:`h-4 w-4`)}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,s?`text-[10px]`:`text-xs`),children:`Rewards:`}),(0,i.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[e.slice(0,s?2:4).map((e,n)=>(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1 rounded-full bg-muted px-2 py-0.5`,s&&`px-1.5`),children:[e.icon||o[e.type],(0,i.jsx)(`span`,{className:t.cn(`font-medium`,s?`text-[10px]`:`text-xs`),children:typeof e.value==`number`?`+${e.value}`:e.value})]},n)),e.length>(s?2:4)&&(0,i.jsxs)(`span`,{className:t.cn(`text-muted-foreground`,s?`text-[10px]`:`text-xs`),children:[`+`,e.length-(s?2:4),` more`]})]})]})}function f({isPaused:e,onToggle:n,size:a,disabled:o}){let s={compact:`h-8 w-8`,default:`h-10 w-10`,large:`h-12 w-12`},c={compact:`h-4 w-4`,default:`h-5 w-5`,large:`h-6 w-6`};return(0,i.jsx)(`button`,{type:`button`,onClick:n,disabled:o,className:t.cn(`flex items-center justify-center rounded-full transition-all`,`bg-primary text-primary-foreground`,`hover:bg-primary/90 active:scale-95`,`disabled:opacity-50 disabled:cursor-not-allowed`,s[a]),"aria-label":e?`Start timer`:`Pause timer`,children:e?(0,i.jsx)(r.Play,{className:t.cn(c[a],`ml-0.5`)}):(0,i.jsx)(r.Pause,{className:c[a]})})}function p(){return(0,i.jsx)(`style`,{children:`
+      @keyframes urgent-pulse {
+        0%, 100% { transform: scale(1); opacity: 1; }
+        50% { transform: scale(1.02); opacity: 0.9; }
+      }
+      @keyframes urgent-blink {
+        0%, 100% { opacity: 1; }
+        50% { opacity: 0.3; }
+      }
+      @keyframes urgent-shake {
+        0%, 100% { transform: translateX(0); }
+        10%, 30%, 50%, 70%, 90% { transform: translateX(-2px); }
+        20%, 40%, 60%, 80% { transform: translateX(2px); }
+      }
+      @keyframes urgent-glow {
+        0%, 100% { box-shadow: 0 0 5px rgba(239, 68, 68, 0.3); }
+        50% { box-shadow: 0 0 20px rgba(239, 68, 68, 0.6); }
+      }
+      @keyframes flame-flicker {
+        0%, 100% { transform: scaleY(1) rotate(-2deg); }
+        50% { transform: scaleY(1.1) rotate(2deg); }
+      }
+      .animate-urgent-pulse {
+        animation: urgent-pulse 1s ease-in-out infinite;
+      }
+      .animate-urgent-blink {
+        animation: urgent-blink 1s ease-in-out infinite;
+      }
+      .animate-urgent-shake {
+        animation: urgent-shake 0.5s ease-in-out;
+      }
+      .animate-urgent-glow {
+        animation: urgent-glow 1.5s ease-in-out infinite;
+      }
+      .animate-flame-flicker {
+        animation: flame-flicker 0.3s ease-in-out infinite;
+      }
+    `})}function m({category:e,size:n}){if(!e)return null;let{label:r,color:a,bg:o}={daily:{label:`Daily`,color:`text-blue-500`,bg:`bg-blue-500/10`},weekly:{label:`Weekly`,color:`text-purple-500`,bg:`bg-purple-500/10`},event:{label:`Event`,color:`text-orange-500`,bg:`bg-orange-500/10`},personal:{label:`Personal`,color:`text-green-500`,bg:`bg-green-500/10`},competition:{label:`Competition`,color:`text-red-500`,bg:`bg-red-500/10`}}[e];return(0,i.jsx)(`span`,{className:t.cn(`rounded-full font-medium`,o,a,n===`compact`?`px-1.5 py-0.5 text-[10px]`:`px-2 py-1 text-xs`),children:r})}function h({challenge:e,size:n=`default`,onComplete:o,onUrgent:h,onPause:g,onStart:_,onTaskClick:v,isPaused:y=!1,urgentThreshold:b=3600,className:x}){let S=a({endTime:e.endTime,isPaused:y,urgentThreshold:b,onComplete:()=>o?.(e.id),onUrgent:()=>h?.(e.id)}),C=e.tasks&&e.tasks.length>0,w=e.rewards&&e.rewards.length>0,T=e.isPersonal,E=()=>{y?_?.(e.id):g?.(e.id)},D=t=>{v?.(e.id,t)};return n===`compact`?(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-lg border bg-card p-3 transition-all`,S.isUrgent&&`border-red-500/50 animate-urgent-glow`,S.isExpired&&`opacity-60`,x),children:[(0,i.jsx)(p,{}),(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-10 w-10 shrink-0 items-center justify-center rounded-lg`,S.isUrgent?`bg-red-500/10`:`bg-primary/10`),children:S.isUrgent?(0,i.jsx)(r.Flame,{className:`h-5 w-5 text-red-500 animate-flame-flicker`}):(0,i.jsx)(r.Clock,{className:`h-5 w-5 text-primary`})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold truncate`,children:e.name}),(0,i.jsx)(m,{category:e.category,size:n})]}),(0,i.jsxs)(`div`,{className:`mt-1 flex items-center gap-1`,children:[S.isExpired?(0,i.jsx)(`span`,{className:`text-sm font-medium text-red-500`,children:`Expired`}):(0,i.jsxs)(i.Fragment,{children:[S.days>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)(`span`,{className:t.cn(`text-sm font-bold tabular-nums`,S.isUrgent&&`text-red-500`),children:[S.days,`d`]}),(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:`:`})]}),(0,i.jsx)(`span`,{className:t.cn(`text-sm font-bold tabular-nums`,S.isUrgent&&`text-red-500`),children:String(S.hours).padStart(2,`0`)}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,S.isUrgent&&`text-red-500 animate-urgent-blink`),children:`:`}),(0,i.jsx)(`span`,{className:t.cn(`text-sm font-bold tabular-nums`,S.isUrgent&&`text-red-500`),children:String(S.minutes).padStart(2,`0`)}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground`,S.isUrgent&&`text-red-500 animate-urgent-blink`),children:`:`}),(0,i.jsx)(`span`,{className:t.cn(`text-sm font-bold tabular-nums`,S.isUrgent&&`text-red-500`),children:String(S.seconds).padStart(2,`0`)})]}),y&&(0,i.jsx)(`span`,{className:`ml-2 text-[10px] font-medium text-amber-500 uppercase`,children:`Paused`})]})]}),T&&!S.isExpired&&(0,i.jsx)(f,{isPaused:y,onToggle:E,size:n})]}),C&&(0,i.jsx)(l,{tasks:e.tasks,size:n,className:`mt-2`})]}):n===`large`?(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-2xl border bg-card shadow-lg transition-all`,S.isUrgent&&`border-red-500/50 animate-urgent-glow`,S.isExpired&&`opacity-70`,x),children:[(0,i.jsx)(p,{}),(0,i.jsxs)(`div`,{className:`border-b p-6`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,i.jsx)(`div`,{className:`flex-1`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-12 w-12 items-center justify-center rounded-xl`,S.isUrgent?`bg-red-500/10`:`bg-primary/10`),children:S.isUrgent?(0,i.jsx)(r.Flame,{className:`h-7 w-7 text-red-500 animate-flame-flicker`}):(0,i.jsx)(r.Clock,{className:`h-7 w-7 text-primary`})}),(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`h2`,{className:`text-2xl font-bold`,children:e.name}),(0,i.jsx)(m,{category:e.category,size:n})]}),e.description&&(0,i.jsx)(`p`,{className:`mt-1 text-muted-foreground`,children:e.description})]})]})}),T&&!S.isExpired&&(0,i.jsx)(f,{isPaused:y,onToggle:E,size:n})]}),y&&(0,i.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 rounded-lg bg-amber-500/10 px-4 py-2 text-amber-600`,children:[(0,i.jsx)(r.AlertTriangle,{className:`h-5 w-5`}),(0,i.jsx)(`span`,{className:`font-medium`,children:`Timer Paused`})]})]}),(0,i.jsx)(`div`,{className:`p-6`,children:S.isExpired?(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-8`,children:[(0,i.jsx)(r.AlertTriangle,{className:`h-16 w-16 text-red-500`}),(0,i.jsx)(`span`,{className:`mt-4 text-2xl font-bold text-red-500`,children:`Challenge Expired`})]}):(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-3`,children:[S.days>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s,{value:S.days,label:`Days`,size:n,isUrgent:S.isUrgent,isPaused:y}),(0,i.jsx)(c,{size:n,isUrgent:S.isUrgent})]}),(0,i.jsx)(s,{value:S.hours,label:`Hours`,size:n,isUrgent:S.isUrgent,isPaused:y}),(0,i.jsx)(c,{size:n,isUrgent:S.isUrgent}),(0,i.jsx)(s,{value:S.minutes,label:`Minutes`,size:n,isUrgent:S.isUrgent,isPaused:y}),(0,i.jsx)(c,{size:n,isUrgent:S.isUrgent}),(0,i.jsx)(s,{value:S.seconds,label:`Seconds`,size:n,isUrgent:S.isUrgent,isPaused:y})]})}),C&&(0,i.jsxs)(`div`,{className:`border-t p-6`,children:[(0,i.jsxs)(`h3`,{className:`mb-3 flex items-center gap-2 font-semibold`,children:[(0,i.jsx)(r.Target,{className:`h-5 w-5 text-muted-foreground`}),`Challenge Tasks`]}),(0,i.jsx)(l,{tasks:e.tasks,size:n,className:`mb-4`}),(0,i.jsx)(`div`,{className:`space-y-1`,children:e.tasks.map(e=>(0,i.jsx)(u,{task:e,onClick:()=>D(e.id)},e.id))})]}),w&&(0,i.jsxs)(`div`,{className:`border-t bg-gradient-to-r from-amber-500/5 via-orange-500/5 to-red-500/5 p-6`,children:[(0,i.jsxs)(`h3`,{className:`mb-3 flex items-center gap-2 font-semibold`,children:[(0,i.jsx)(r.Trophy,{className:`h-5 w-5 text-amber-500`}),`Completion Rewards`]}),(0,i.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:e.rewards.map((e,t)=>{let n={xp:(0,i.jsx)(r.Zap,{className:`h-5 w-5 text-yellow-500`}),badge:(0,i.jsx)(r.Star,{className:`h-5 w-5 text-purple-500 fill-purple-500`}),item:(0,i.jsx)(r.Gift,{className:`h-5 w-5 text-blue-500`}),currency:(0,i.jsx)(r.Sparkles,{className:`h-5 w-5 text-amber-500`}),custom:(0,i.jsx)(r.Trophy,{className:`h-5 w-5 text-orange-500`})};return(0,i.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg bg-background/80 px-4 py-2 shadow-sm`,children:[e.icon||n[e.type],(0,i.jsxs)(`div`,{children:[(0,i.jsx)(`span`,{className:`text-lg font-bold`,children:typeof e.value==`number`?`+${e.value}`:e.value}),(0,i.jsx)(`span`,{className:`ml-1 text-sm text-muted-foreground`,children:e.label})]})]},t)})})]})]}):(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-xl border bg-card shadow-sm transition-all`,S.isUrgent&&`border-red-500/50 animate-urgent-glow`,S.isExpired&&`opacity-70`,x),children:[(0,i.jsx)(p,{}),(0,i.jsxs)(`div`,{className:`border-b p-4`,children:[(0,i.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`div`,{className:t.cn(`flex h-10 w-10 items-center justify-center rounded-lg`,S.isUrgent?`bg-red-500/10`:`bg-primary/10`),children:S.isUrgent?(0,i.jsx)(r.Flame,{className:`h-5 w-5 text-red-500 animate-flame-flicker`}):(0,i.jsx)(r.Clock,{className:`h-5 w-5 text-primary`})}),(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`h3`,{className:`font-semibold`,children:e.name}),(0,i.jsx)(m,{category:e.category,size:n})]}),e.description&&(0,i.jsx)(`p`,{className:`mt-0.5 text-sm text-muted-foreground line-clamp-1`,children:e.description})]})]}),T&&!S.isExpired&&(0,i.jsx)(f,{isPaused:y,onToggle:E,size:n})]}),y&&(0,i.jsxs)(`div`,{className:`mt-3 flex items-center gap-2 rounded-lg bg-amber-500/10 px-3 py-1.5 text-amber-600`,children:[(0,i.jsx)(r.AlertTriangle,{className:`h-4 w-4`}),(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:`Timer Paused`})]})]}),(0,i.jsx)(`div`,{className:`p-4`,children:S.isExpired?(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-4`,children:[(0,i.jsx)(r.AlertTriangle,{className:`h-10 w-10 text-red-500`}),(0,i.jsx)(`span`,{className:`mt-2 text-lg font-bold text-red-500`,children:`Challenge Expired`})]}):(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-2`,children:[S.days>0&&(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(s,{value:S.days,label:`Days`,size:n,isUrgent:S.isUrgent,isPaused:y}),(0,i.jsx)(c,{size:n,isUrgent:S.isUrgent})]}),(0,i.jsx)(s,{value:S.hours,label:`Hours`,size:n,isUrgent:S.isUrgent,isPaused:y}),(0,i.jsx)(c,{size:n,isUrgent:S.isUrgent}),(0,i.jsx)(s,{value:S.minutes,label:`Mins`,size:n,isUrgent:S.isUrgent,isPaused:y}),(0,i.jsx)(c,{size:n,isUrgent:S.isUrgent}),(0,i.jsx)(s,{value:S.seconds,label:`Secs`,size:n,isUrgent:S.isUrgent,isPaused:y})]})}),C&&(0,i.jsxs)(`div`,{className:`border-t p-4`,children:[(0,i.jsx)(l,{tasks:e.tasks,size:n}),(0,i.jsx)(`div`,{className:`mt-3 space-y-1 max-h-[150px] overflow-y-auto`,children:e.tasks.map(e=>(0,i.jsx)(u,{task:e,onClick:()=>D(e.id),compact:!0},e.id))})]}),w&&(0,i.jsx)(`div`,{className:`border-t bg-muted/30 p-4`,children:(0,i.jsx)(d,{rewards:e.rewards,size:n})})]})}function g({size:e=`default`}){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-center 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-4 w-32 rounded bg-muted`}),(0,i.jsx)(`div`,{className:`mt-2 h-3 w-24 rounded bg-muted`})]})]})}):e===`large`?(0,i.jsxs)(`div`,{className:`rounded-2xl border bg-card animate-pulse`,children:[(0,i.jsx)(`div`,{className:`border-b p-6`,children:(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(`div`,{className:`h-12 w-12 rounded-xl bg-muted`}),(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsx)(`div`,{className:`h-6 w-48 rounded bg-muted`}),(0,i.jsx)(`div`,{className:`mt-2 h-4 w-64 rounded bg-muted`})]})]})}),(0,i.jsx)(`div`,{className:`flex justify-center gap-3 p-6`,children:[...[,,,,]].map((e,t)=>(0,i.jsx)(`div`,{className:`h-24 w-20 rounded-lg bg-muted`},t))})]}):(0,i.jsxs)(`div`,{className:`rounded-xl border bg-card animate-pulse`,children:[(0,i.jsx)(`div`,{className:`border-b p-4`,children:(0,i.jsxs)(`div`,{className:`flex items-center 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-5 w-40 rounded bg-muted`}),(0,i.jsx)(`div`,{className:`mt-1 h-3 w-56 rounded bg-muted`})]})]})}),(0,i.jsx)(`div`,{className:`flex justify-center gap-2 p-4`,children:[...[,,,,]].map((e,t)=>(0,i.jsx)(`div`,{className:`h-16 w-14 rounded-lg bg-muted`},t))})]})}exports.WakaChallengeTimer=h,exports.WakaChallengeTimerSkeleton=g,exports.useChallengeTimer=a;