@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-coupon-input/index.es.js

@@ -0,0 +1,231 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Input as n } from "../input/index.es.js";
+import * as r from "react";
+import { Check as i, Loader2 as a, Percent as o, Tag as s, Ticket as c, X as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/waka-coupon-input/index.tsx
+function f(e = {}) {
+	let { initialCoupons: t = [], validateCoupon: n, allowMultiple: i = !1, maxCoupons: a = 5, onApply: o, onRemove: s, statusResetDelay: c = 2e3 } = e, [l, u] = r.useState(""), [d, f] = r.useState("idle"), [p, m] = r.useState(null), [h, g] = r.useState(t), _ = r.useRef(null);
+	r.useEffect(() => () => {
+		_.current && clearTimeout(_.current);
+	}, []);
+	let v = r.useCallback(() => {
+		_.current && clearTimeout(_.current), _.current = setTimeout(() => {
+			f("idle"), m(null);
+		}, c);
+	}, [c]), y = r.useMemo(() => i ? h.length < a : h.length === 0, [
+		i,
+		h.length,
+		a
+	]), b = r.useCallback((e) => h.some((t) => t.code.toUpperCase() === e.toUpperCase()), [h]);
+	return {
+		inputValue: l,
+		setInputValue: u,
+		status: d,
+		errorMessage: p,
+		appliedCoupons: h,
+		applyCoupon: r.useCallback(async () => {
+			let e = l.trim().toUpperCase();
+			if (!e) {
+				f("error"), m("Please enter a coupon code"), v();
+				return;
+			}
+			if (b(e)) {
+				f("error"), m("This coupon is already applied"), v();
+				return;
+			}
+			if (!y) {
+				f("error"), m(i ? `Maximum ${a} coupons allowed` : "Only one coupon can be applied"), v();
+				return;
+			}
+			f("loading"), m(null);
+			try {
+				if (n) {
+					let t = await n(e);
+					t.isValid && t.coupon ? (g((e) => [...e, t.coupon]), o?.(t.coupon), f("success"), u(""), v()) : (f("error"), m(t.errorMessage || "Invalid coupon code"), v());
+				} else {
+					let t = {
+						code: e,
+						discountValue: 10,
+						discountType: "percentage",
+						description: "Discount applied"
+					};
+					g((e) => [...e, t]), o?.(t), f("success"), u(""), v();
+				}
+			} catch (e) {
+				f("error"), m(e instanceof Error ? e.message : "Failed to validate coupon"), v();
+			}
+		}, [
+			l,
+			b,
+			y,
+			i,
+			a,
+			n,
+			o,
+			v
+		]),
+		removeCoupon: r.useCallback((e) => {
+			g((t) => t.filter((t) => t.code.toUpperCase() !== e.toUpperCase())), s?.(e);
+		}, [s]),
+		clearAllCoupons: r.useCallback(() => {
+			let e = h.map((e) => e.code);
+			g([]), e.forEach((e) => s?.(e));
+		}, [h, s]),
+		resetInput: r.useCallback(() => {
+			u(""), f("idle"), m(null), _.current && clearTimeout(_.current);
+		}, []),
+		canApplyMore: y,
+		isCodeApplied: b
+	};
+}
+var p = {
+	sm: {
+		input: "h-8 text-xs",
+		button: "h-8 px-3 text-xs",
+		icon: "h-3.5 w-3.5",
+		tag: "text-xs py-1 px-2",
+		tagIcon: "h-3 w-3"
+	},
+	md: {
+		input: "h-9 text-sm",
+		button: "h-9 px-4 text-sm",
+		icon: "h-4 w-4",
+		tag: "text-sm py-1.5 px-3",
+		tagIcon: "h-3.5 w-3.5"
+	},
+	lg: {
+		input: "h-10 text-base",
+		button: "h-10 px-5 text-base",
+		icon: "h-5 w-5",
+		tag: "text-base py-2 px-4",
+		tagIcon: "h-4 w-4"
+	}
+};
+function m({ appliedCoupons: m, onApply: h, onRemove: g, validateCoupon: _, allowMultiple: v = !1, maxCoupons: y = 5, placeholder: b = "Enter coupon code", applyButtonText: x = "Apply", currencySymbol: S = "$", disabled: C = !1, size: w = "md", className: T, inputClassName: E, buttonClassName: D, showAppliedCoupons: O = !0, formatDiscount: k, id: A, name: j }) {
+	let { inputValue: M, setInputValue: N, status: P, errorMessage: F, appliedCoupons: I, applyCoupon: L, removeCoupon: R, canApplyMore: z } = f({
+		initialCoupons: m,
+		validateCoupon: _,
+		allowMultiple: v,
+		maxCoupons: y,
+		onApply: h,
+		onRemove: g
+	}), B = m ?? I, [V, H] = r.useState(0), U = r.useRef(null), W = p[w];
+	r.useEffect(() => {
+		P === "error" && H((e) => e + 1);
+	}, [P]);
+	let G = (e) => {
+		N(e.target.value.toUpperCase());
+	}, K = (e) => {
+		e.key === "Enter" && (e.preventDefault(), L());
+	}, q = () => {
+		L();
+	}, J = (e) => {
+		R(e);
+	}, Y = (e) => k ? k(e) : e.discountType === "percentage" ? `${e.discountValue}% off` : `${S}${e.discountValue} off`, X = () => {
+		switch (P) {
+			case "loading": return /* @__PURE__ */ u(a, { className: e(W.icon, "animate-spin") });
+			case "success": return /* @__PURE__ */ u(i, { className: W.icon });
+			default: return x;
+		}
+	}, Z = C || P === "loading" || !z;
+	return /* @__PURE__ */ d("div", {
+		className: e("space-y-3", T),
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ d("div", {
+					className: e("relative flex-1", P === "error" && "waka-coupon-shake"),
+					children: [
+						/* @__PURE__ */ u("div", {
+							className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground",
+							children: /* @__PURE__ */ u(c, { className: W.icon })
+						}),
+						/* @__PURE__ */ u(n, {
+							ref: U,
+							id: A,
+							name: j,
+							type: "text",
+							value: M,
+							onChange: G,
+							onKeyDown: K,
+							placeholder: b,
+							disabled: Z,
+							className: e(W.input, "pl-10 font-mono uppercase tracking-wider", P === "error" && "border-destructive focus-visible:ring-destructive", P === "success" && "border-green-500 focus-visible:ring-green-500", E),
+							"aria-invalid": P === "error",
+							"aria-describedby": F ? "coupon-error" : void 0
+						}),
+						P === "success" && /* @__PURE__ */ u("div", {
+							className: "absolute right-3 top-1/2 -translate-y-1/2",
+							children: /* @__PURE__ */ u("div", {
+								className: "waka-coupon-success-check rounded-full bg-green-500 p-0.5",
+								children: /* @__PURE__ */ u(i, { className: "h-3 w-3 text-white" })
+							})
+						})
+					]
+				}, V), /* @__PURE__ */ u(t, {
+					type: "button",
+					onClick: q,
+					disabled: Z || !M.trim(),
+					className: e(W.button, P === "success" && "bg-green-500 hover:bg-green-600", D),
+					children: X()
+				})]
+			}),
+			P === "error" && F && /* @__PURE__ */ d("p", {
+				id: "coupon-error",
+				className: "text-sm text-destructive flex items-center gap-1.5",
+				role: "alert",
+				children: [/* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" }), F]
+			}),
+			O && B.length > 0 && /* @__PURE__ */ u("div", {
+				className: "space-y-2",
+				children: B.map((n) => /* @__PURE__ */ d("div", {
+					className: e("flex items-center justify-between rounded-lg border bg-muted/50 waka-coupon-applied", W.tag),
+					children: [/* @__PURE__ */ d("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ u(s, { className: e(W.tagIcon, "text-primary") }),
+							/* @__PURE__ */ u("span", {
+								className: "font-mono font-medium",
+								children: n.code
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "text-muted-foreground",
+								children: "-"
+							}),
+							/* @__PURE__ */ d("span", {
+								className: "flex items-center gap-1 text-green-600 font-medium",
+								children: [n.discountType === "percentage" ? /* @__PURE__ */ u(o, { className: W.tagIcon }) : null, Y(n)]
+							})
+						]
+					}), /* @__PURE__ */ u(t, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						onClick: () => J(n.code),
+						disabled: C,
+						className: "h-6 w-6 text-muted-foreground hover:text-destructive",
+						"aria-label": `Remove coupon ${n.code}`,
+						children: /* @__PURE__ */ u(l, { className: "h-3.5 w-3.5" })
+					})]
+				}, n.code))
+			}),
+			v && B.length > 0 && z && /* @__PURE__ */ d("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					B.length,
+					" of ",
+					y,
+					" coupons applied"
+				]
+			}),
+			/* @__PURE__ */ u("style", { dangerouslySetInnerHTML: { __html: "\n            @keyframes waka-coupon-shake {\n              0%, 100% { transform: translateX(0); }\n              10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }\n              20%, 40%, 60%, 80% { transform: translateX(4px); }\n            }\n\n            @keyframes waka-coupon-success-pop {\n              0% { transform: scale(0); opacity: 0; }\n              50% { transform: scale(1.2); }\n              100% { transform: scale(1); opacity: 1; }\n            }\n\n            @keyframes waka-coupon-slide-in {\n              0% {\n                opacity: 0;\n                transform: translateY(-10px);\n              }\n              100% {\n                opacity: 1;\n                transform: translateY(0);\n              }\n            }\n\n            .waka-coupon-shake {\n              animation: waka-coupon-shake 0.4s ease-in-out;\n            }\n\n            .waka-coupon-success-check {\n              animation: waka-coupon-success-pop 0.3s ease-out;\n            }\n\n            .waka-coupon-applied {\n              animation: waka-coupon-slide-in 0.3s ease-out;\n            }\n          " } })
+		]
+	});
+}
+m.displayName = "WakaCouponInput";
+//#endregion
+export { m as default, f as useCouponInput };

package/dist/components/waka-credit-activity-feed/index.cjs.js

@@ -0,0 +1,17 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../button/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);var o={debit:{icon:i.ArrowDownLeft,color:`text-red-600 dark:text-red-400`,bgColor:`bg-red-100 dark:bg-red-900/30`,dotColor:`bg-red-500`,amountColor:`text-red-600 dark:text-red-400`,amountPrefix:`-`,label:`Debit`},credit:{icon:i.ArrowUpRight,color:`text-green-600 dark:text-green-400`,bgColor:`bg-green-100 dark:bg-green-900/30`,dotColor:`bg-green-500`,amountColor:`text-green-600 dark:text-green-400`,amountPrefix:`+`,label:`Credit`},refund:{icon:i.RotateCcw,color:`text-blue-600 dark:text-blue-400`,bgColor:`bg-blue-100 dark:bg-blue-900/30`,dotColor:`bg-blue-500`,amountColor:`text-blue-600 dark:text-blue-400`,amountPrefix:`+`,label:`Refund`},bonus:{icon:i.Gift,color:`text-purple-600 dark:text-purple-400`,bgColor:`bg-purple-100 dark:bg-purple-900/30`,dotColor:`bg-purple-500`,amountColor:`text-purple-600 dark:text-purple-400`,amountPrefix:`+`,label:`Bonus`},expiry:{icon:i.Clock,color:`text-gray-500 dark:text-gray-400`,bgColor:`bg-gray-100 dark:bg-gray-800/30`,dotColor:`bg-gray-400`,amountColor:`text-gray-500 dark:text-gray-400`,amountPrefix:`-`,label:`Expired`}};function s(e){let t=Math.floor((new Date().getTime()-e.getTime())/1e3);if(t<60)return`just now`;let n=Math.floor(t/60);if(n<60)return`${n} min ago`;let r=Math.floor(n/60);if(r<24)return`${r}h ago`;let i=Math.floor(r/24);if(i===1)return`yesterday`;if(i<7)return`${i} days ago`;let a=Math.floor(i/7);if(a<4)return`${a}w ago`;let o=Math.floor(i/30);return o<12?`${o}mo ago`:`${Math.floor(i/365)}y ago`}function c(e,t){return`${t}${e.toLocaleString(`en-US`)}`}function l(){return(0,a.jsxs)(`div`,{className:`flex gap-3 py-3`,children:[(0,a.jsx)(`div`,{className:`flex flex-col items-center flex-shrink-0`,children:(0,a.jsx)(`div`,{className:`h-8 w-8 rounded-full bg-muted animate-pulse`})}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0 space-y-2`,children:[(0,a.jsx)(`div`,{className:`h-4 w-3/4 bg-muted rounded animate-pulse`}),(0,a.jsx)(`div`,{className:`h-3 w-1/3 bg-muted rounded animate-pulse`})]}),(0,a.jsxs)(`div`,{className:`flex flex-col items-end flex-shrink-0 space-y-2`,children:[(0,a.jsx)(`div`,{className:`h-4 w-16 bg-muted rounded animate-pulse`}),(0,a.jsx)(`div`,{className:`h-3 w-12 bg-muted rounded animate-pulse`})]})]})}function u({activity:e,isLast:n,animated:r,index:i}){let l=o[e.type],u=l.icon,d=new Date(e.timestamp);return(0,a.jsxs)(`div`,{className:t.cn(`relative flex gap-3 py-3`,r&&`animate-feed-item-in`),style:r?{"--stagger-delay":`${i*80}ms`}:void 0,children:[(0,a.jsxs)(`div`,{className:`flex flex-col items-center flex-shrink-0`,children:[(0,a.jsx)(`div`,{className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full flex-shrink-0`,l.bgColor),children:(0,a.jsx)(u,{className:t.cn(`h-4 w-4`,l.color)})}),!n&&(0,a.jsx)(`div`,{className:`w-px flex-1 bg-border mt-1 min-h-[16px]`})]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0 pt-1`,children:[(0,a.jsx)(`p`,{className:`text-sm font-medium text-foreground leading-tight truncate`,children:e.description}),e.service&&(0,a.jsx)(`p`,{className:`text-xs text-muted-foreground mt-0.5 truncate`,children:e.service})]}),(0,a.jsxs)(`div`,{className:`flex flex-col items-end flex-shrink-0 pt-1`,children:[(0,a.jsx)(`span`,{className:t.cn(`text-sm font-semibold tabular-nums`,l.amountColor),children:c(e.amount,l.amountPrefix)}),(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground mt-0.5`,children:s(d)})]})]})}function d({message:e}){return(0,a.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 text-center`,children:[(0,a.jsx)(i.Inbox,{className:`h-12 w-12 text-muted-foreground/50 mb-4`}),(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e})]})}function f({activities:e,maxItems:o,showLoadMore:s=!1,onLoadMore:c,loading:f=!1,emptyMessage:p=`No recent activity`,animated:m=!1,className:h}){let g=r.useMemo(()=>o&&o>0?e.slice(0,o):e,[e,o]);return f?(0,a.jsx)(`div`,{className:t.cn(`divide-y divide-transparent`,h),children:Array.from({length:4}).map((e,t)=>(0,a.jsx)(l,{},t))}):g.length===0?(0,a.jsx)(`div`,{className:h,children:(0,a.jsx)(d,{message:p})}):(0,a.jsxs)(`div`,{className:t.cn(`relative`,h),children:[(0,a.jsx)(`div`,{children:g.map((e,t)=>(0,a.jsx)(u,{activity:e,isLast:t===g.length-1,animated:m,index:t},e.id))}),s&&c&&(0,a.jsx)(`div`,{className:`flex justify-center pt-2`,children:(0,a.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:c,className:`gap-2`,children:[(0,a.jsx)(i.ChevronDown,{className:`h-4 w-4`}),`Load more`]})}),m&&(0,a.jsx)(`style`,{children:`
+          @keyframes feed-item-in {
+            0% {
+              opacity: 0;
+              transform: translateY(8px);
+            }
+            100% {
+              opacity: 1;
+              transform: translateY(0);
+            }
+          }
+          .animate-feed-item-in {
+            opacity: 0;
+            animation: feed-item-in 0.35s ease-out forwards;
+            animation-delay: var(--stagger-delay, 0ms);
+          }
+        `})]})}exports.default=f;

package/dist/components/waka-credit-activity-feed/index.es.js

@@ -0,0 +1,170 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import * as n from "react";
+import { ArrowDownLeft as r, ArrowUpRight as i, ChevronDown as a, Clock as o, Gift as s, Inbox as c, RotateCcw as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/waka-credit-activity-feed/index.tsx
+var f = {
+	debit: {
+		icon: r,
+		color: "text-red-600 dark:text-red-400",
+		bgColor: "bg-red-100 dark:bg-red-900/30",
+		dotColor: "bg-red-500",
+		amountColor: "text-red-600 dark:text-red-400",
+		amountPrefix: "-",
+		label: "Debit"
+	},
+	credit: {
+		icon: i,
+		color: "text-green-600 dark:text-green-400",
+		bgColor: "bg-green-100 dark:bg-green-900/30",
+		dotColor: "bg-green-500",
+		amountColor: "text-green-600 dark:text-green-400",
+		amountPrefix: "+",
+		label: "Credit"
+	},
+	refund: {
+		icon: l,
+		color: "text-blue-600 dark:text-blue-400",
+		bgColor: "bg-blue-100 dark:bg-blue-900/30",
+		dotColor: "bg-blue-500",
+		amountColor: "text-blue-600 dark:text-blue-400",
+		amountPrefix: "+",
+		label: "Refund"
+	},
+	bonus: {
+		icon: s,
+		color: "text-purple-600 dark:text-purple-400",
+		bgColor: "bg-purple-100 dark:bg-purple-900/30",
+		dotColor: "bg-purple-500",
+		amountColor: "text-purple-600 dark:text-purple-400",
+		amountPrefix: "+",
+		label: "Bonus"
+	},
+	expiry: {
+		icon: o,
+		color: "text-gray-500 dark:text-gray-400",
+		bgColor: "bg-gray-100 dark:bg-gray-800/30",
+		dotColor: "bg-gray-400",
+		amountColor: "text-gray-500 dark:text-gray-400",
+		amountPrefix: "-",
+		label: "Expired"
+	}
+};
+function p(e) {
+	let t = Math.floor(((/* @__PURE__ */ new Date()).getTime() - e.getTime()) / 1e3);
+	if (t < 60) return "just now";
+	let n = Math.floor(t / 60);
+	if (n < 60) return `${n} min ago`;
+	let r = Math.floor(n / 60);
+	if (r < 24) return `${r}h ago`;
+	let i = Math.floor(r / 24);
+	if (i === 1) return "yesterday";
+	if (i < 7) return `${i} days ago`;
+	let a = Math.floor(i / 7);
+	if (a < 4) return `${a}w ago`;
+	let o = Math.floor(i / 30);
+	return o < 12 ? `${o}mo ago` : `${Math.floor(i / 365)}y ago`;
+}
+function m(e, t) {
+	return `${t}${e.toLocaleString("en-US")}`;
+}
+function h() {
+	return /* @__PURE__ */ d("div", {
+		className: "flex gap-3 py-3",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex flex-col items-center flex-shrink-0",
+				children: /* @__PURE__ */ u("div", { className: "h-8 w-8 rounded-full bg-muted animate-pulse" })
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex-1 min-w-0 space-y-2",
+				children: [/* @__PURE__ */ u("div", { className: "h-4 w-3/4 bg-muted rounded animate-pulse" }), /* @__PURE__ */ u("div", { className: "h-3 w-1/3 bg-muted rounded animate-pulse" })]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex flex-col items-end flex-shrink-0 space-y-2",
+				children: [/* @__PURE__ */ u("div", { className: "h-4 w-16 bg-muted rounded animate-pulse" }), /* @__PURE__ */ u("div", { className: "h-3 w-12 bg-muted rounded animate-pulse" })]
+			})
+		]
+	});
+}
+function g({ activity: t, isLast: n, animated: r, index: i }) {
+	let a = f[t.type], o = a.icon, s = new Date(t.timestamp);
+	return /* @__PURE__ */ d("div", {
+		className: e("relative flex gap-3 py-3", r && "animate-feed-item-in"),
+		style: r ? { "--stagger-delay": `${i * 80}ms` } : void 0,
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "flex flex-col items-center flex-shrink-0",
+				children: [/* @__PURE__ */ u("div", {
+					className: e("flex h-8 w-8 items-center justify-center rounded-full flex-shrink-0", a.bgColor),
+					children: /* @__PURE__ */ u(o, { className: e("h-4 w-4", a.color) })
+				}), !n && /* @__PURE__ */ u("div", { className: "w-px flex-1 bg-border mt-1 min-h-[16px]" })]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex-1 min-w-0 pt-1",
+				children: [/* @__PURE__ */ u("p", {
+					className: "text-sm font-medium text-foreground leading-tight truncate",
+					children: t.description
+				}), t.service && /* @__PURE__ */ u("p", {
+					className: "text-xs text-muted-foreground mt-0.5 truncate",
+					children: t.service
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex flex-col items-end flex-shrink-0 pt-1",
+				children: [/* @__PURE__ */ u("span", {
+					className: e("text-sm font-semibold tabular-nums", a.amountColor),
+					children: m(t.amount, a.amountPrefix)
+				}), /* @__PURE__ */ u("span", {
+					className: "text-xs text-muted-foreground mt-0.5",
+					children: p(s)
+				})]
+			})
+		]
+	});
+}
+function _({ message: e }) {
+	return /* @__PURE__ */ d("div", {
+		className: "flex flex-col items-center justify-center py-12 text-center",
+		children: [/* @__PURE__ */ u(c, { className: "h-12 w-12 text-muted-foreground/50 mb-4" }), /* @__PURE__ */ u("p", {
+			className: "text-sm text-muted-foreground",
+			children: e
+		})]
+	});
+}
+function v({ activities: r, maxItems: i, showLoadMore: o = !1, onLoadMore: s, loading: c = !1, emptyMessage: l = "No recent activity", animated: f = !1, className: p }) {
+	let m = n.useMemo(() => i && i > 0 ? r.slice(0, i) : r, [r, i]);
+	return c ? /* @__PURE__ */ u("div", {
+		className: e("divide-y divide-transparent", p),
+		children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ u(h, {}, t))
+	}) : m.length === 0 ? /* @__PURE__ */ u("div", {
+		className: p,
+		children: /* @__PURE__ */ u(_, { message: l })
+	}) : /* @__PURE__ */ d("div", {
+		className: e("relative", p),
+		children: [
+			/* @__PURE__ */ u("div", { children: m.map((e, t) => /* @__PURE__ */ u(g, {
+				activity: e,
+				isLast: t === m.length - 1,
+				animated: f,
+				index: t
+			}, e.id)) }),
+			o && s && /* @__PURE__ */ u("div", {
+				className: "flex justify-center pt-2",
+				children: /* @__PURE__ */ d(t, {
+					variant: "outline",
+					size: "sm",
+					onClick: s,
+					className: "gap-2",
+					children: [/* @__PURE__ */ u(a, { className: "h-4 w-4" }), "Load more"]
+				})
+			}),
+			f && /* @__PURE__ */ u("style", { children: "\n          @keyframes feed-item-in {\n            0% {\n              opacity: 0;\n              transform: translateY(8px);\n            }\n            100% {\n              opacity: 1;\n              transform: translateY(0);\n            }\n          }\n          .animate-feed-item-in {\n            opacity: 0;\n            animation: feed-item-in 0.35s ease-out forwards;\n            animation-delay: var(--stagger-delay, 0ms);\n          }\n        " })
+		]
+	});
+}
+//#endregion
+export { v as default };

package/dist/components/waka-credit-alert/index.cjs.js

@@ -0,0 +1 @@
+"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={info:{icon:r.Info,bg:`bg-blue-50 dark:bg-blue-950/40`,border:`border-blue-200 dark:border-blue-800`,text:`text-blue-900 dark:text-blue-100`,iconColor:`text-blue-500 dark:text-blue-400`,buttonBg:`bg-blue-600 hover:bg-blue-700 text-white`,buttonHover:`hover:bg-blue-700`,dismissColor:`text-blue-500 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-200`},warning:{icon:r.AlertTriangle,bg:`bg-amber-50 dark:bg-amber-950/40`,border:`border-amber-200 dark:border-amber-800`,text:`text-amber-900 dark:text-amber-100`,iconColor:`text-amber-500 dark:text-amber-400`,buttonBg:`bg-amber-600 hover:bg-amber-700 text-white`,buttonHover:`hover:bg-amber-700`,dismissColor:`text-amber-500 hover:text-amber-700 dark:text-amber-400 dark:hover:text-amber-200`},critical:{icon:r.AlertCircle,bg:`bg-red-50 dark:bg-red-950/40`,border:`border-red-200 dark:border-red-800`,text:`text-red-900 dark:text-red-100`,iconColor:`text-red-500 dark:text-red-400`,buttonBg:`bg-red-600 hover:bg-red-700 text-white`,buttonHover:`hover:bg-red-700`,dismissColor:`text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-200`},depleted:{icon:r.XCircle,bg:`bg-red-100 dark:bg-red-950/60`,border:`border-red-300 dark:border-red-700`,text:`text-red-950 dark:text-red-50`,iconColor:`text-red-700 dark:text-red-300`,buttonBg:`bg-red-800 hover:bg-red-900 text-white`,buttonHover:`hover:bg-red-900`,dismissColor:`text-red-600 hover:text-red-800 dark:text-red-300 dark:hover:text-red-100`}},o={info:e=>`Your credit balance is ${e.toLocaleString()} credits.`,warning:e=>`Low balance! You have ${e.toLocaleString()} credits remaining.`,critical:e=>`Critical! Only ${e.toLocaleString()} credits left. Recharge now.`,depleted:()=>`No credits remaining. Services may be interrupted.`};function s({level:e,balance:n,threshold:s,message:c,onDismiss:l,onTopUp:u,topUpLabel:d=`Top Up`,dismissable:f=!1,className:p}){let m=a[e],h=m.icon,g=c??o[e](n);return(0,i.jsxs)(`div`,{role:`alert`,className:t.cn(`relative flex items-start gap-3 rounded-lg border px-4 py-3`,m.bg,m.border,m.text,p),children:[(0,i.jsx)(h,{className:t.cn(`h-5 w-5 mt-0.5 shrink-0`,m.iconColor),"aria-hidden":`true`}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:`text-sm font-medium leading-relaxed`,children:g}),s!==void 0&&(0,i.jsxs)(`p`,{className:`text-xs mt-1 opacity-75`,children:[`Threshold: `,s.toLocaleString(),` credits`]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2 shrink-0`,children:[u&&(0,i.jsx)(`button`,{type:`button`,onClick:u,className:t.cn(`inline-flex items-center rounded-md px-3 py-1.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,m.buttonBg),children:d}),f&&l&&(0,i.jsx)(`button`,{type:`button`,onClick:l,className:t.cn(`inline-flex items-center justify-center rounded-md p-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring`,m.dismissColor),"aria-label":`Dismiss alert`,children:(0,i.jsx)(r.X,{className:`h-4 w-4`})})]})]})}exports.default=s;

package/dist/components/waka-credit-alert/index.es.js

@@ -0,0 +1,98 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import "react";
+import { AlertCircle as t, AlertTriangle as n, Info as r, X as i, XCircle as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/waka-credit-alert/index.tsx
+var c = {
+	info: {
+		icon: r,
+		bg: "bg-blue-50 dark:bg-blue-950/40",
+		border: "border-blue-200 dark:border-blue-800",
+		text: "text-blue-900 dark:text-blue-100",
+		iconColor: "text-blue-500 dark:text-blue-400",
+		buttonBg: "bg-blue-600 hover:bg-blue-700 text-white",
+		buttonHover: "hover:bg-blue-700",
+		dismissColor: "text-blue-500 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-200"
+	},
+	warning: {
+		icon: n,
+		bg: "bg-amber-50 dark:bg-amber-950/40",
+		border: "border-amber-200 dark:border-amber-800",
+		text: "text-amber-900 dark:text-amber-100",
+		iconColor: "text-amber-500 dark:text-amber-400",
+		buttonBg: "bg-amber-600 hover:bg-amber-700 text-white",
+		buttonHover: "hover:bg-amber-700",
+		dismissColor: "text-amber-500 hover:text-amber-700 dark:text-amber-400 dark:hover:text-amber-200"
+	},
+	critical: {
+		icon: t,
+		bg: "bg-red-50 dark:bg-red-950/40",
+		border: "border-red-200 dark:border-red-800",
+		text: "text-red-900 dark:text-red-100",
+		iconColor: "text-red-500 dark:text-red-400",
+		buttonBg: "bg-red-600 hover:bg-red-700 text-white",
+		buttonHover: "hover:bg-red-700",
+		dismissColor: "text-red-500 hover:text-red-700 dark:text-red-400 dark:hover:text-red-200"
+	},
+	depleted: {
+		icon: a,
+		bg: "bg-red-100 dark:bg-red-950/60",
+		border: "border-red-300 dark:border-red-700",
+		text: "text-red-950 dark:text-red-50",
+		iconColor: "text-red-700 dark:text-red-300",
+		buttonBg: "bg-red-800 hover:bg-red-900 text-white",
+		buttonHover: "hover:bg-red-900",
+		dismissColor: "text-red-600 hover:text-red-800 dark:text-red-300 dark:hover:text-red-100"
+	}
+}, l = {
+	info: (e) => `Your credit balance is ${e.toLocaleString()} credits.`,
+	warning: (e) => `Low balance! You have ${e.toLocaleString()} credits remaining.`,
+	critical: (e) => `Critical! Only ${e.toLocaleString()} credits left. Recharge now.`,
+	depleted: () => "No credits remaining. Services may be interrupted."
+};
+function u({ level: t, balance: n, threshold: r, message: a, onDismiss: u, onTopUp: d, topUpLabel: f = "Top Up", dismissable: p = !1, className: m }) {
+	let h = c[t], g = h.icon, _ = a ?? l[t](n);
+	return /* @__PURE__ */ s("div", {
+		role: "alert",
+		className: e("relative flex items-start gap-3 rounded-lg border px-4 py-3", h.bg, h.border, h.text, m),
+		children: [
+			/* @__PURE__ */ o(g, {
+				className: e("h-5 w-5 mt-0.5 shrink-0", h.iconColor),
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ o("p", {
+					className: "text-sm font-medium leading-relaxed",
+					children: _
+				}), r !== void 0 && /* @__PURE__ */ s("p", {
+					className: "text-xs mt-1 opacity-75",
+					children: [
+						"Threshold: ",
+						r.toLocaleString(),
+						" credits"
+					]
+				})]
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "flex items-center gap-2 shrink-0",
+				children: [d && /* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: d,
+					className: e("inline-flex items-center rounded-md px-3 py-1.5 text-xs font-semibold transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", h.buttonBg),
+					children: f
+				}), p && u && /* @__PURE__ */ o("button", {
+					type: "button",
+					onClick: u,
+					className: e("inline-flex items-center justify-center rounded-md p-1 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", h.dismissColor),
+					"aria-label": "Dismiss alert",
+					children: /* @__PURE__ */ o(i, { className: "h-4 w-4" })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { u as default };

package/dist/components/waka-credit-balance/index.cjs.js

@@ -0,0 +1 @@
+"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={warning:100,critical:20},o={sm:{container:`p-3`,label:`text-xs`,value:`text-xl`,currency:`text-xs`,trend:`text-[10px]`,trendIcon:`h-3 w-3`,coinIcon:`h-4 w-4`,coinContainer:`h-8 w-8`},md:{container:`p-4`,label:`text-sm`,value:`text-2xl`,currency:`text-sm`,trend:`text-xs`,trendIcon:`h-4 w-4`,coinIcon:`h-5 w-5`,coinContainer:`h-10 w-10`},lg:{container:`p-6`,label:`text-base`,value:`text-4xl`,currency:`text-base`,trend:`text-sm`,trendIcon:`h-5 w-5`,coinIcon:`h-6 w-6`,coinContainer:`h-12 w-12`}};function s(e,t){return e<=0?{level:`depleted`,color:`text-red-700 dark:text-red-400`,bg:`bg-red-100 dark:bg-red-900/30`,iconColor:`text-red-600`}:e<=t.critical?{level:`critical`,color:`text-red-600 dark:text-red-400`,bg:`bg-red-50 dark:bg-red-900/20`,iconColor:`text-red-500`}:e<=t.warning?{level:`warning`,color:`text-yellow-600 dark:text-yellow-400`,bg:`bg-yellow-50 dark:bg-yellow-900/20`,iconColor:`text-yellow-500`}:{level:`healthy`,color:`text-green-600 dark:text-green-400`,bg:`bg-green-50 dark:bg-green-900/20`,iconColor:`text-green-500`}}function c(e){return e.toLocaleString(`en-US`)}function l(e,t,r=800){let[i,a]=n.useState(e),o=n.useRef(void 0),s=n.useRef(e);return n.useEffect(()=>{if(!t){a(e),s.current=e;return}let n=s.current,i=e-n;if(i===0)return;let c=performance.now(),l=t=>{let u=t-c,d=Math.min(u/r,1);a(n+i*(1-(1-d)**3)),d<1?o.current=requestAnimationFrame(l):(a(e),s.current=e)};return o.current=requestAnimationFrame(l),()=>{o.current&&cancelAnimationFrame(o.current)}},[e,t,r]),Math.round(i)}function u({direction:e,value:n,text:a,size:s}){let c=o[s],l=e===`up`?r.TrendingUp:e===`down`?r.TrendingDown:r.Minus;return(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-1`,c.trend,e===`up`&&`text-green-600`,e===`down`&&`text-red-600`,e===`neutral`&&`text-muted-foreground`),children:[(0,i.jsx)(l,{className:c.trendIcon}),(0,i.jsx)(`span`,{className:`font-medium`,children:n}),a&&(0,i.jsx)(`span`,{className:`text-muted-foreground`,children:a})]})}function d({size:e,variant:n}){let r={sm:`h-5 w-20`,md:`h-7 w-24`,lg:`h-9 w-32`};return n===`minimal`?(0,i.jsxs)(`div`,{className:`animate-pulse flex items-baseline gap-2`,children:[(0,i.jsx)(`div`,{className:t.cn(`bg-muted rounded`,r[e])}),(0,i.jsx)(`div`,{className:`h-3 w-12 bg-muted rounded`})]}):n===`compact`?(0,i.jsxs)(`div`,{className:`animate-pulse flex items-center gap-3`,children:[(0,i.jsx)(`div`,{className:`h-8 w-8 bg-muted rounded-lg`}),(0,i.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,i.jsx)(`div`,{className:`h-3 w-16 bg-muted rounded`}),(0,i.jsx)(`div`,{className:t.cn(`bg-muted rounded`,r[e])})]})]}):(0,i.jsx)(`div`,{className:`animate-pulse`,children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,i.jsxs)(`div`,{className:`space-y-2`,children:[(0,i.jsx)(`div`,{className:`h-3 w-20 bg-muted rounded`}),(0,i.jsx)(`div`,{className:t.cn(`bg-muted rounded`,r[e])}),(0,i.jsx)(`div`,{className:`h-3 w-24 bg-muted rounded`})]}),(0,i.jsx)(`div`,{className:`h-10 w-10 bg-muted rounded-lg`})]})})}function f({balance:e,currency:n=`credits`,trend:f,thresholds:p=a,variant:m=`card`,size:h=`md`,animated:g=!0,loading:_=!1,formatValue:v=c,className:y}){let b=o[h],x=s(e,p),S=l(e,g);return _?(0,i.jsx)(`div`,{className:t.cn(m===`card`&&`rounded-lg border bg-card shadow-sm`,m===`card`&&b.container,m===`compact`&&b.container,y),children:(0,i.jsx)(d,{size:h,variant:m})}):m===`minimal`?(0,i.jsxs)(`div`,{className:t.cn(`flex flex-col`,y),children:[(0,i.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,i.jsx)(`span`,{className:t.cn(`font-bold tracking-tight tabular-nums`,b.value,x.color),children:v(S)}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground font-medium`,b.currency),children:n})]}),f&&(0,i.jsx)(u,{direction:f.direction,value:f.value,text:f.text,size:h})]}):m===`compact`?(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-3`,b.container,y),children:[(0,i.jsx)(`div`,{className:t.cn(`rounded-lg flex items-center justify-center flex-shrink-0`,b.coinContainer,x.bg),children:(0,i.jsx)(r.Coins,{className:t.cn(b.coinIcon,x.iconColor)})}),(0,i.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground font-medium`,b.label),children:n}),(0,i.jsxs)(`div`,{className:`flex items-baseline gap-2`,children:[(0,i.jsx)(`span`,{className:t.cn(`font-bold tracking-tight tabular-nums`,b.value,x.color),children:v(S)}),f&&(0,i.jsx)(u,{direction:f.direction,value:f.value,text:f.text,size:h})]})]})]}):(0,i.jsx)(`div`,{className:t.cn(`rounded-lg border bg-card shadow-sm`,b.container,y),children:(0,i.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,i.jsxs)(`div`,{className:`flex-1`,children:[(0,i.jsx)(`p`,{className:t.cn(`text-muted-foreground font-medium`,b.label),children:`Credit Balance`}),(0,i.jsxs)(`div`,{className:`flex items-baseline gap-2 mt-1`,children:[(0,i.jsx)(`span`,{className:t.cn(`font-bold tracking-tight tabular-nums`,b.value,x.color),children:v(S)}),(0,i.jsx)(`span`,{className:t.cn(`text-muted-foreground font-medium`,b.currency),children:n})]}),f&&(0,i.jsx)(`div`,{className:`mt-2`,children:(0,i.jsx)(u,{direction:f.direction,value:f.value,text:f.text,size:h})})]}),(0,i.jsx)(`div`,{className:t.cn(`rounded-lg flex items-center justify-center flex-shrink-0`,b.coinContainer,x.bg),children:(0,i.jsx)(r.Coins,{className:t.cn(b.coinIcon,x.iconColor)})})]})})}exports.default=f;