@wakastellar/ui 4.0.0 → 4.0.1

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

@@ -0,0 +1,315 @@
+"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 { ChevronDown as r, Flag as i, Heart as a, Loader2 as o, MessageCircle as s, ShoppingCart as c, Swords as l, TrendingUp as u, Trophy as d, UserPlus as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/waka-activity-feed/index.tsx
+var h = {
+	achievement: {
+		icon: d,
+		color: "text-yellow-600",
+		bgColor: "bg-yellow-100",
+		label: "Achievement"
+	},
+	level_up: {
+		icon: u,
+		color: "text-green-600",
+		bgColor: "bg-green-100",
+		label: "Level Up"
+	},
+	purchase: {
+		icon: c,
+		color: "text-blue-600",
+		bgColor: "bg-blue-100",
+		label: "Purchase"
+	},
+	follow: {
+		icon: f,
+		color: "text-purple-600",
+		bgColor: "bg-purple-100",
+		label: "Follow"
+	},
+	challenge: {
+		icon: l,
+		color: "text-red-600",
+		bgColor: "bg-red-100",
+		label: "Challenge"
+	},
+	milestone: {
+		icon: i,
+		color: "text-orange-600",
+		bgColor: "bg-orange-100",
+		label: "Milestone"
+	}
+};
+function g(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}m ago`;
+	let r = Math.floor(n / 60);
+	if (r < 24) return `${r}h ago`;
+	let i = Math.floor(r / 24);
+	if (i < 7) return `${i}d 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 _(e) {
+	let t = [], n = /* @__PURE__ */ new Set();
+	for (let r of e) {
+		if (n.has(r.id)) continue;
+		let i = e.filter((e) => e.id === r.id || n.has(e.id) || e.type !== r.type || e.content !== r.content ? !1 : Math.abs(new Date(e.timestamp).getTime() - new Date(r.timestamp).getTime()) < 3600 * 1e3);
+		if (i.length > 0) {
+			let e = i.map((e) => e.user), a = [r.user, ...e];
+			t.push({
+				...r,
+				user: r.user,
+				groupedUsers: e,
+				totalUsers: a.length
+			}), i.forEach((e) => n.add(e.id));
+		} else t.push(r);
+		n.add(r.id);
+	}
+	return t;
+}
+function v(e) {
+	return "groupedUsers" in e && "totalUsers" in e;
+}
+function y({ user: t, size: n = "md", className: r }) {
+	return /* @__PURE__ */ p("div", {
+		className: e("relative flex items-center justify-center rounded-full font-semibold flex-shrink-0", {
+			sm: "h-6 w-6 text-[10px]",
+			md: "h-10 w-10 text-sm",
+			lg: "h-12 w-12 text-base"
+		}[n], t.avatar ? "" : "bg-muted text-muted-foreground", r),
+		children: t.avatar ? /* @__PURE__ */ p("img", {
+			src: t.avatar,
+			alt: t.name,
+			className: "h-full w-full rounded-full object-cover"
+		}) : ((e) => e.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2))(t.name)
+	});
+}
+function b({ users: t, max: n = 3, size: r = "sm" }) {
+	let i = t.slice(0, n), a = t.length - n;
+	return /* @__PURE__ */ m("div", {
+		className: "flex -space-x-2",
+		children: [i.map((t, n) => /* @__PURE__ */ p(y, {
+			user: t,
+			size: r,
+			className: e("ring-2 ring-background", n > 0 && "relative")
+		}, t.id)), a > 0 && /* @__PURE__ */ m("div", {
+			className: e("flex items-center justify-center rounded-full bg-muted text-muted-foreground font-medium ring-2 ring-background", r === "sm" ? "h-6 w-6 text-[10px]" : "h-8 w-8 text-xs"),
+			children: ["+", a]
+		})]
+	});
+}
+function x({ type: t, className: n }) {
+	let r = h[t], i = r.icon;
+	return /* @__PURE__ */ p("div", {
+		className: e("flex h-8 w-8 items-center justify-center rounded-full flex-shrink-0", r.bgColor, n),
+		children: /* @__PURE__ */ p(i, { className: e("h-4 w-4", r.color) })
+	});
+}
+function S({ activity: t, showLikes: r, onLike: i, animated: o, isNew: s }) {
+	let [c, l] = n.useState(s && o), u = v(t);
+	n.useEffect(() => {
+		if (s && o) {
+			l(!0);
+			let e = setTimeout(() => l(!1), 500);
+			return () => clearTimeout(e);
+		}
+	}, [s, o]);
+	let d = (e) => {
+		e.stopPropagation(), i?.(t.id);
+	}, f = () => {
+		if (u) {
+			let e = t.totalUsers - 1;
+			return /* @__PURE__ */ m("span", {
+				className: "font-medium",
+				children: [t.user.name, e > 0 && /* @__PURE__ */ m("span", {
+					className: "text-muted-foreground font-normal",
+					children: [
+						" ",
+						"and ",
+						e,
+						" ",
+						e === 1 ? "other" : "others"
+					]
+				})]
+			});
+		}
+		return /* @__PURE__ */ p("span", {
+			className: "font-medium",
+			children: t.user.name
+		});
+	};
+	return /* @__PURE__ */ m("div", {
+		className: e("group flex gap-3 rounded-lg border bg-card p-4 transition-all duration-300", "hover:bg-accent/50 hover:shadow-sm", c && "animate-slide-in-fade"),
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex-shrink-0",
+				children: u && t.groupedUsers.length > 0 ? /* @__PURE__ */ p(b, {
+					users: [t.user, ...t.groupedUsers],
+					max: 3,
+					size: "sm"
+				}) : /* @__PURE__ */ p(y, {
+					user: t.user,
+					size: "md"
+				})
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "flex items-start justify-between gap-2",
+						children: [/* @__PURE__ */ m("div", {
+							className: "flex-1 min-w-0",
+							children: [/* @__PURE__ */ m("div", {
+								className: "flex items-center gap-2 flex-wrap",
+								children: [f(), /* @__PURE__ */ p(x, {
+									type: t.type,
+									className: "h-5 w-5"
+								})]
+							}), /* @__PURE__ */ p("p", {
+								className: "mt-1 text-sm text-foreground",
+								children: t.content
+							})]
+						}), /* @__PURE__ */ p("span", {
+							className: "flex-shrink-0 text-xs text-muted-foreground",
+							children: g(new Date(t.timestamp))
+						})]
+					}),
+					t.metadata && Object.keys(t.metadata).length > 0 && /* @__PURE__ */ p("div", {
+						className: "mt-2 flex flex-wrap gap-2",
+						children: Object.entries(t.metadata).map(([e, t]) => /* @__PURE__ */ m("span", {
+							className: "inline-flex items-center rounded-full bg-muted px-2 py-0.5 text-xs text-muted-foreground",
+							children: [
+								e,
+								": ",
+								String(t)
+							]
+						}, e))
+					}),
+					r && /* @__PURE__ */ p("div", {
+						className: "mt-3 flex items-center gap-4",
+						children: /* @__PURE__ */ m("button", {
+							onClick: d,
+							className: e("flex items-center gap-1.5 text-sm transition-colors", t.liked ? "text-red-500" : "text-muted-foreground hover:text-red-500"),
+							children: [/* @__PURE__ */ p(a, { className: e("h-4 w-4", t.liked && "fill-current") }), /* @__PURE__ */ p("span", { children: t.likes || 0 })]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ p("style", { children: "\n        @keyframes slide-in-fade {\n          0% {\n            opacity: 0;\n            transform: translateY(-10px);\n          }\n          100% {\n            opacity: 1;\n            transform: translateY(0);\n          }\n        }\n        .animate-slide-in-fade {\n          animation: slide-in-fade 0.3s ease-out;\n        }\n      " })
+		]
+	});
+}
+function C({ activities: i, onLike: a, onLoadMore: c, hasMore: l = !1, loading: u = !1, showLikes: d = !0, groupSimilar: f = !1, maxItems: h, animated: g = !0, className: v }) {
+	let [y, b] = n.useState(/* @__PURE__ */ new Set()), x = n.useRef(/* @__PURE__ */ new Set());
+	n.useEffect(() => {
+		let e = new Set(i.map((e) => e.id)), t = /* @__PURE__ */ new Set();
+		if (e.forEach((e) => {
+			x.current.has(e) || t.add(e);
+		}), t.size > 0 && x.current.size > 0) {
+			b(t);
+			let e = setTimeout(() => b(/* @__PURE__ */ new Set()), 500);
+			return () => clearTimeout(e);
+		}
+		x.current = e;
+	}, [i]);
+	let C = n.useMemo(() => {
+		let e = f ? _(i) : i;
+		return h && h > 0 && (e = e.slice(0, h)), e;
+	}, [
+		i,
+		f,
+		h
+	]);
+	return C.length === 0 && !u ? /* @__PURE__ */ m("div", {
+		className: e("flex flex-col items-center justify-center py-12 text-center", v),
+		children: [
+			/* @__PURE__ */ p(s, { className: "h-12 w-12 text-muted-foreground/50 mb-4" }),
+			/* @__PURE__ */ p("h3", {
+				className: "text-lg font-medium text-muted-foreground",
+				children: "No activities yet"
+			}),
+			/* @__PURE__ */ p("p", {
+				className: "text-sm text-muted-foreground/70 mt-1",
+				children: "When there's activity, you'll see it here."
+			})
+		]
+	}) : /* @__PURE__ */ m("div", {
+		className: e("space-y-3", v),
+		children: [
+			C.map((e) => /* @__PURE__ */ p(S, {
+				activity: e,
+				showLikes: d,
+				onLike: a,
+				animated: g,
+				isNew: y.has(e.id)
+			}, e.id)),
+			u && /* @__PURE__ */ p("div", {
+				className: "flex items-center justify-center py-4",
+				children: /* @__PURE__ */ p(o, { className: "h-6 w-6 animate-spin text-muted-foreground" })
+			}),
+			!u && l && c && /* @__PURE__ */ p("div", {
+				className: "flex justify-center pt-2",
+				children: /* @__PURE__ */ m(t, {
+					variant: "outline",
+					size: "sm",
+					onClick: c,
+					className: "gap-2",
+					children: [/* @__PURE__ */ p(r, { className: "h-4 w-4" }), "Load more"]
+				})
+			})
+		]
+	});
+}
+function w({ initialActivities: e = [], maxActivities: t = 100 } = {}) {
+	let [r, i] = n.useState(e), [a, o] = n.useState(!1);
+	return {
+		activities: r,
+		loading: a,
+		addActivity: n.useCallback((e) => {
+			i((n) => [e, ...n].slice(0, t));
+		}, [t]),
+		addActivities: n.useCallback((e) => {
+			i((n) => [...e, ...n].slice(0, t));
+		}, [t]),
+		removeActivity: n.useCallback((e) => {
+			i((t) => t.filter((t) => t.id !== e));
+		}, []),
+		toggleLike: n.useCallback((e) => {
+			i((t) => t.map((t) => t.id === e ? {
+				...t,
+				liked: !t.liked,
+				likes: t.liked ? (t.likes || 1) - 1 : (t.likes || 0) + 1
+			} : t));
+		}, []),
+		loadMore: n.useCallback(async (e) => {
+			o(!0);
+			try {
+				let n = await e();
+				i((e) => {
+					let r = new Set(e.map((e) => e.id)), i = n.filter((e) => !r.has(e.id));
+					return [...e, ...i].slice(0, t);
+				});
+			} finally {
+				o(!1);
+			}
+		}, [t]),
+		refresh: n.useCallback((e) => {
+			i(e);
+		}, []),
+		clear: n.useCallback(() => {
+			i([]);
+		}, []),
+		setLoading: o
+	};
+}
+//#endregion
+export { C as default, w as useActivityFeed };

package/dist/components/waka-ad-banner/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../waka-ad-provider/index.cjs.js`),r=require(`../waka-ad-placeholder/index.cjs.js`),i=require(`../waka-ad-fallback/index.cjs.js`),a=require(`../waka-sponsored-badge/index.cjs.js`);let o=require(`react`);o=e.__toESM(o);let s=require(`react/jsx-runtime`);function c({slotId:e,size:c=`rectangle`,customWidth:l,customHeight:u,adUnitPath:d,targeting:f,refreshInterval:p=0,lazyLoad:m=!0,fallback:h,showBadge:g=!0,badgePosition:_=`top-right`,className:v,onLoad:y,onError:b,onClick:x}){let S=(0,o.useRef)(null),{config:C,isReady:w,hasConsent:T,registerSlot:E,unregisterSlot:D,getCustomAd:O,trackEvent:k}=n.useAdContext(),{isVisible:A}=n.useAdVisibility(S),[j,M]=(0,o.useState)(`loading`),[N,P]=(0,o.useState)(null),F=c===`custom`?{width:l||300,height:u||250}:n.AD_SIZES[c];(0,o.useEffect)(()=>(E({id:e,network:C.network,size:c,position:`inline`,targeting:f,refreshInterval:p,lazyLoad:m,customWidth:l,customHeight:u}),()=>D(e)),[e,C.network,c,f,p,m,l,u,E,D]);let I=(0,o.useCallback)(async()=>{if(!(!w||T===!1)){M(`loading`);try{if(C.network===`gpt`&&window.googletag&&d)window.googletag.cmd.push(()=>{window.googletag.defineSlot(d,[F.width,F.height],e)&&f&&Object.entries(f).forEach(([e,t])=>{window.googletag.pubads().setTargeting(e,t)}),window.googletag.enableServices(),window.googletag.display(e)}),M(`loaded`),k({type:`loaded`,slotId:e,timestamp:new Date}),y?.();else if(C.network===`custom`){let t=await O(e);t?(P(t),M(`loaded`),k({type:`loaded`,slotId:e,timestamp:new Date}),y?.(),t.impressionUrl&&fetch(t.impressionUrl,{mode:`no-cors`}).catch(()=>{}),t.trackingPixels?.forEach(e=>{let t=new Image;t.src=e})):(M(`empty`),k({type:`empty`,slotId:e,timestamp:new Date}))}}catch(t){M(`error`),k({type:`error`,slotId:e,timestamp:new Date,data:{error:t}}),b?.(t)}}},[w,T,C.network,d,F,e,f,O,k,y,b]);return(0,o.useEffect)(()=>{m?A&&I():I()},[m,A,I]),(0,o.useEffect)(()=>{if(p>0&&j===`loaded`&&A){let e=setInterval(()=>{I()},p*1e3);return()=>clearInterval(e)}},[p,j,A,I]),(0,o.useEffect)(()=>{A&&j===`loaded`&&k({type:`viewable`,slotId:e,timestamp:new Date})},[A,j,e,k]),(0,s.jsxs)(`div`,{ref:S,id:e,className:t.cn(`relative overflow-hidden bg-muted/20 border border-border/50 rounded-md`,v),style:{width:F.width,height:F.height,maxWidth:`100%`},"data-ad-slot":e,"data-ad-size":c,"data-ad-status":j,children:[T===!1?h||(0,s.jsx)(i.default,{width:F.width,height:F.height}):j===`loading`?(0,s.jsx)(r.default,{width:F.width,height:F.height}):j===`error`||j===`empty`?h||(0,s.jsx)(i.default,{width:F.width,height:F.height}):C.network===`gpt`?null:N?(0,s.jsxs)(`button`,{onClick:()=>{k({type:`click`,slotId:e,timestamp:new Date}),x?.(),N?.clickUrl&&fetch(N.clickUrl,{mode:`no-cors`}).catch(()=>{}),N?.targetUrl&&window.open(N.targetUrl,`_blank`,`noopener,noreferrer`)},className:`relative w-full h-full cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary`,children:[N.imageUrl&&(0,s.jsx)(`img`,{src:N.imageUrl,alt:N.title||`Advertisement`,className:`w-full h-full object-cover`}),N.title&&!N.imageUrl&&(0,s.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-full p-4 bg-muted`,children:[(0,s.jsx)(`p`,{className:`font-semibold text-center`,children:N.title}),N.description&&(0,s.jsx)(`p`,{className:`text-sm text-muted-foreground text-center mt-1`,children:N.description}),N.cta&&(0,s.jsx)(`span`,{className:`mt-2 px-4 py-1 bg-primary text-primary-foreground rounded text-sm`,children:N.cta})]})]}):null,g&&j===`loaded`&&(0,s.jsx)(`div`,{className:t.cn(`absolute z-10`,{"top-left":`top-1 left-1`,"top-right":`top-1 right-1`,"bottom-left":`bottom-1 left-1`,"bottom-right":`bottom-1 right-1`}[_]),children:(0,s.jsx)(a.default,{sponsor:N?.sponsor})})]})}exports.default=c;

package/dist/components/waka-ad-banner/index.es.js

@@ -0,0 +1,180 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { AD_SIZES as t, useAdContext as n, useAdVisibility as r } from "../waka-ad-provider/index.es.js";
+import i from "../waka-ad-placeholder/index.es.js";
+import a from "../waka-ad-fallback/index.es.js";
+import o from "../waka-sponsored-badge/index.es.js";
+import { useCallback as s, useEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/components/waka-ad-banner/index.tsx
+function p({ slotId: p, size: m = "rectangle", customWidth: h, customHeight: g, adUnitPath: _, targeting: v, refreshInterval: y = 0, lazyLoad: b = !0, fallback: x, showBadge: S = !0, badgePosition: C = "top-right", className: w, onLoad: T, onError: E, onClick: D }) {
+	let O = l(null), { config: k, isReady: A, hasConsent: j, registerSlot: M, unregisterSlot: N, getCustomAd: P, trackEvent: F } = n(), { isVisible: I } = r(O), [L, R] = u("loading"), [z, B] = u(null), V = m === "custom" ? {
+		width: h || 300,
+		height: g || 250
+	} : t[m];
+	c(() => (M({
+		id: p,
+		network: k.network,
+		size: m,
+		position: "inline",
+		targeting: v,
+		refreshInterval: y,
+		lazyLoad: b,
+		customWidth: h,
+		customHeight: g
+	}), () => N(p)), [
+		p,
+		k.network,
+		m,
+		v,
+		y,
+		b,
+		h,
+		g,
+		M,
+		N
+	]);
+	let H = s(async () => {
+		if (!(!A || j === !1)) {
+			R("loading");
+			try {
+				if (k.network === "gpt" && window.googletag && _) window.googletag.cmd.push(() => {
+					window.googletag.defineSlot(_, [V.width, V.height], p) && v && Object.entries(v).forEach(([e, t]) => {
+						window.googletag.pubads().setTargeting(e, t);
+					}), window.googletag.enableServices(), window.googletag.display(p);
+				}), R("loaded"), F({
+					type: "loaded",
+					slotId: p,
+					timestamp: /* @__PURE__ */ new Date()
+				}), T?.();
+				else if (k.network === "custom") {
+					let e = await P(p);
+					e ? (B(e), R("loaded"), F({
+						type: "loaded",
+						slotId: p,
+						timestamp: /* @__PURE__ */ new Date()
+					}), T?.(), e.impressionUrl && fetch(e.impressionUrl, { mode: "no-cors" }).catch(() => {}), e.trackingPixels?.forEach((e) => {
+						let t = new Image();
+						t.src = e;
+					})) : (R("empty"), F({
+						type: "empty",
+						slotId: p,
+						timestamp: /* @__PURE__ */ new Date()
+					}));
+				}
+			} catch (e) {
+				R("error"), F({
+					type: "error",
+					slotId: p,
+					timestamp: /* @__PURE__ */ new Date(),
+					data: { error: e }
+				}), E?.(e);
+			}
+		}
+	}, [
+		A,
+		j,
+		k.network,
+		_,
+		V,
+		p,
+		v,
+		P,
+		F,
+		T,
+		E
+	]);
+	return c(() => {
+		b ? I && H() : H();
+	}, [
+		b,
+		I,
+		H
+	]), c(() => {
+		if (y > 0 && L === "loaded" && I) {
+			let e = setInterval(() => {
+				H();
+			}, y * 1e3);
+			return () => clearInterval(e);
+		}
+	}, [
+		y,
+		L,
+		I,
+		H
+	]), c(() => {
+		I && L === "loaded" && F({
+			type: "viewable",
+			slotId: p,
+			timestamp: /* @__PURE__ */ new Date()
+		});
+	}, [
+		I,
+		L,
+		p,
+		F
+	]), /* @__PURE__ */ f("div", {
+		ref: O,
+		id: p,
+		className: e("relative overflow-hidden bg-muted/20 border border-border/50 rounded-md", w),
+		style: {
+			width: V.width,
+			height: V.height,
+			maxWidth: "100%"
+		},
+		"data-ad-slot": p,
+		"data-ad-size": m,
+		"data-ad-status": L,
+		children: [j === !1 ? x || /* @__PURE__ */ d(a, {
+			width: V.width,
+			height: V.height
+		}) : L === "loading" ? /* @__PURE__ */ d(i, {
+			width: V.width,
+			height: V.height
+		}) : L === "error" || L === "empty" ? x || /* @__PURE__ */ d(a, {
+			width: V.width,
+			height: V.height
+		}) : k.network === "gpt" ? null : z ? /* @__PURE__ */ f("button", {
+			onClick: () => {
+				F({
+					type: "click",
+					slotId: p,
+					timestamp: /* @__PURE__ */ new Date()
+				}), D?.(), z?.clickUrl && fetch(z.clickUrl, { mode: "no-cors" }).catch(() => {}), z?.targetUrl && window.open(z.targetUrl, "_blank", "noopener,noreferrer");
+			},
+			className: "relative w-full h-full cursor-pointer focus:outline-none focus:ring-2 focus:ring-primary",
+			children: [z.imageUrl && /* @__PURE__ */ d("img", {
+				src: z.imageUrl,
+				alt: z.title || "Advertisement",
+				className: "w-full h-full object-cover"
+			}), z.title && !z.imageUrl && /* @__PURE__ */ f("div", {
+				className: "flex flex-col items-center justify-center h-full p-4 bg-muted",
+				children: [
+					/* @__PURE__ */ d("p", {
+						className: "font-semibold text-center",
+						children: z.title
+					}),
+					z.description && /* @__PURE__ */ d("p", {
+						className: "text-sm text-muted-foreground text-center mt-1",
+						children: z.description
+					}),
+					z.cta && /* @__PURE__ */ d("span", {
+						className: "mt-2 px-4 py-1 bg-primary text-primary-foreground rounded text-sm",
+						children: z.cta
+					})
+				]
+			})]
+		}) : null, S && L === "loaded" && /* @__PURE__ */ d("div", {
+			className: e("absolute z-10", {
+				"top-left": "top-1 left-1",
+				"top-right": "top-1 right-1",
+				"bottom-left": "bottom-1 left-1",
+				"bottom-right": "bottom-1 right-1"
+			}[C]),
+			children: /* @__PURE__ */ d(o, { sponsor: z?.sponsor })
+		})]
+	});
+}
+//#endregion
+export { p as default };

package/dist/components/waka-ad-fallback/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../waka-ad-provider/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);function a({variant:e=`house`,size:r=`rectangle`,width:a,height:o,title:s=`Your Ad Here`,description:c=`Advertise with us`,ctaText:l=`Learn More`,ctaUrl:u,imageUrl:d,showBorder:f=!0,className:p,onClick:m,children:h}){let g=n.AD_SIZES[r],_=a??g.width,v=o??g.height;if(e===`custom`&&h)return(0,i.jsx)(`div`,{className:t.cn(`rounded-md overflow-hidden`,p),style:{width:_,height:v,maxWidth:`100%`},children:h});if(e===`empty`)return(0,i.jsx)(`div`,{className:t.cn(`relative overflow-hidden rounded-md`,f&&`border border-dashed border-muted-foreground/20`,`flex items-center justify-center`,`bg-muted/20`,p),style:{width:_,height:v,maxWidth:`100%`},children:(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground/40`,children:`Ad`})});let y=(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden rounded-md transition-all duration-200`,f&&`border border-dashed border-muted-foreground/30`,`hover:border-muted-foreground/50 hover:bg-muted/50`,`flex flex-col items-center justify-center p-4 text-center`,`bg-gradient-to-br from-muted/30 to-muted/10`,p),style:{width:_,height:v,maxWidth:`100%`,backgroundImage:d?`url(${d})`:void 0,backgroundSize:`cover`,backgroundPosition:`center`},children:[d&&(0,i.jsx)(`div`,{className:`absolute inset-0 bg-black/40`}),(0,i.jsxs)(`div`,{className:t.cn(`relative z-10`,d&&`text-white`),children:[(0,i.jsx)(`div`,{className:`mb-2`,children:(0,i.jsx)(`svg`,{className:`h-10 w-10 mx-auto text-muted-foreground/50`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,children:(0,i.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1.5,d:`M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z`})})}),(0,i.jsx)(`h3`,{className:t.cn(`font-semibold text-sm mb-1`,!d&&`text-muted-foreground`),children:s}),(0,i.jsx)(`p`,{className:t.cn(`text-xs mb-3`,d?`text-white/80`:`text-muted-foreground/70`),children:c}),(0,i.jsxs)(`span`,{className:t.cn(`inline-flex items-center px-3 py-1 rounded text-xs font-medium transition-colors`,d?`bg-white text-black hover:bg-white/90`:`bg-primary/10 text-primary hover:bg-primary/20`),children:[l,(0,i.jsx)(`svg`,{className:`ml-1 h-3 w-3`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,children:(0,i.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M9 5l7 7-7 7`})})]})]})]});return u?(0,i.jsx)(`a`,{href:u,target:`_blank`,rel:`noopener noreferrer sponsored`,onClick:m,className:`block cursor-pointer`,children:y}):m?(0,i.jsx)(`button`,{onClick:m,className:`block cursor-pointer text-left`,children:y}):y}exports.default=a;

package/dist/components/waka-ad-fallback/index.es.js

@@ -0,0 +1,99 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { AD_SIZES as t } from "../waka-ad-provider/index.es.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/waka-ad-fallback/index.tsx
+function i({ variant: i = "house", size: a = "rectangle", width: o, height: s, title: c = "Your Ad Here", description: l = "Advertise with us", ctaText: u = "Learn More", ctaUrl: d, imageUrl: f, showBorder: p = !0, className: m, onClick: h, children: g }) {
+	let _ = t[a], v = o ?? _.width, y = s ?? _.height;
+	if (i === "custom" && g) return /* @__PURE__ */ n("div", {
+		className: e("rounded-md overflow-hidden", m),
+		style: {
+			width: v,
+			height: y,
+			maxWidth: "100%"
+		},
+		children: g
+	});
+	if (i === "empty") return /* @__PURE__ */ n("div", {
+		className: e("relative overflow-hidden rounded-md", p && "border border-dashed border-muted-foreground/20", "flex items-center justify-center", "bg-muted/20", m),
+		style: {
+			width: v,
+			height: y,
+			maxWidth: "100%"
+		},
+		children: /* @__PURE__ */ n("span", {
+			className: "text-xs text-muted-foreground/40",
+			children: "Ad"
+		})
+	});
+	let b = /* @__PURE__ */ r("div", {
+		className: e("relative overflow-hidden rounded-md transition-all duration-200", p && "border border-dashed border-muted-foreground/30", "hover:border-muted-foreground/50 hover:bg-muted/50", "flex flex-col items-center justify-center p-4 text-center", "bg-gradient-to-br from-muted/30 to-muted/10", m),
+		style: {
+			width: v,
+			height: y,
+			maxWidth: "100%",
+			backgroundImage: f ? `url(${f})` : void 0,
+			backgroundSize: "cover",
+			backgroundPosition: "center"
+		},
+		children: [f && /* @__PURE__ */ n("div", { className: "absolute inset-0 bg-black/40" }), /* @__PURE__ */ r("div", {
+			className: e("relative z-10", f && "text-white"),
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "mb-2",
+					children: /* @__PURE__ */ n("svg", {
+						className: "h-10 w-10 mx-auto text-muted-foreground/50",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 1.5,
+							d: "M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z"
+						})
+					})
+				}),
+				/* @__PURE__ */ n("h3", {
+					className: e("font-semibold text-sm mb-1", !f && "text-muted-foreground"),
+					children: c
+				}),
+				/* @__PURE__ */ n("p", {
+					className: e("text-xs mb-3", f ? "text-white/80" : "text-muted-foreground/70"),
+					children: l
+				}),
+				/* @__PURE__ */ r("span", {
+					className: e("inline-flex items-center px-3 py-1 rounded text-xs font-medium transition-colors", f ? "bg-white text-black hover:bg-white/90" : "bg-primary/10 text-primary hover:bg-primary/20"),
+					children: [u, /* @__PURE__ */ n("svg", {
+						className: "ml-1 h-3 w-3",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 2,
+							d: "M9 5l7 7-7 7"
+						})
+					})]
+				})
+			]
+		})]
+	});
+	return d ? /* @__PURE__ */ n("a", {
+		href: d,
+		target: "_blank",
+		rel: "noopener noreferrer sponsored",
+		onClick: h,
+		className: "block cursor-pointer",
+		children: b
+	}) : h ? /* @__PURE__ */ n("button", {
+		onClick: h,
+		className: "block cursor-pointer text-left",
+		children: b
+	}) : b;
+}
+//#endregion
+export { i as default };

package/dist/components/waka-ad-inline/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../waka-ad-banner/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);function a({slotId:e,size:a=`responsive`,align:o=`center`,margin:s=`md`,showSeparators:c=!1,label:l,className:u,...d}){let f={left:`justify-start`,center:`justify-center`,right:`justify-end`},p={none:`my-0`,sm:`my-4`,md:`my-8`,lg:`my-12`},m=()=>typeof window>`u`?`rectangle`:window.innerWidth>=768?`leaderboard`:window.innerWidth>=480?`rectangle`:`mobile-banner`,[h,g]=r.useState(`rectangle`);r.useEffect(()=>{let e=()=>{g(m())};return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let _=a===`responsive`?h:a;return(0,i.jsxs)(`div`,{className:t.cn(`w-full`,p[s],u),children:[c&&(0,i.jsxs)(`div`,{className:`flex items-center gap-4 mb-3`,children:[(0,i.jsx)(`div`,{className:`flex-1 h-px bg-border`}),(0,i.jsx)(`span`,{className:`text-xs text-muted-foreground uppercase tracking-wider`,children:l||`Advertisement`}),(0,i.jsx)(`div`,{className:`flex-1 h-px bg-border`})]}),!c&&l&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground uppercase tracking-wider mb-2 text-center`,children:l}),(0,i.jsx)(`div`,{className:t.cn(`flex w-full`,f[o]),children:(0,i.jsx)(n.default,{slotId:e,size:_,...d})}),c&&(0,i.jsx)(`div`,{className:`h-px bg-border mt-3`})]})}exports.default=a;

package/dist/components/waka-ad-inline/index.es.js

@@ -0,0 +1,57 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import t from "../waka-ad-banner/index.es.js";
+import * as n from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-ad-inline/index.tsx
+function a({ slotId: a, size: o = "responsive", align: s = "center", margin: c = "md", showSeparators: l = !1, label: u, className: d, ...f }) {
+	let p = {
+		left: "justify-start",
+		center: "justify-center",
+		right: "justify-end"
+	}, m = {
+		none: "my-0",
+		sm: "my-4",
+		md: "my-8",
+		lg: "my-12"
+	}, h = () => typeof window > "u" ? "rectangle" : window.innerWidth >= 768 ? "leaderboard" : window.innerWidth >= 480 ? "rectangle" : "mobile-banner", [g, _] = n.useState("rectangle");
+	n.useEffect(() => {
+		let e = () => {
+			_(h());
+		};
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []);
+	let v = o === "responsive" ? g : o;
+	return /* @__PURE__ */ i("div", {
+		className: e("w-full", m[c], d),
+		children: [
+			l && /* @__PURE__ */ i("div", {
+				className: "flex items-center gap-4 mb-3",
+				children: [
+					/* @__PURE__ */ r("div", { className: "flex-1 h-px bg-border" }),
+					/* @__PURE__ */ r("span", {
+						className: "text-xs text-muted-foreground uppercase tracking-wider",
+						children: u || "Advertisement"
+					}),
+					/* @__PURE__ */ r("div", { className: "flex-1 h-px bg-border" })
+				]
+			}),
+			!l && u && /* @__PURE__ */ r("p", {
+				className: "text-xs text-muted-foreground uppercase tracking-wider mb-2 text-center",
+				children: u
+			}),
+			/* @__PURE__ */ r("div", {
+				className: e("flex w-full", p[s]),
+				children: /* @__PURE__ */ r(t, {
+					slotId: a,
+					size: v,
+					...f
+				})
+			}),
+			l && /* @__PURE__ */ r("div", { className: "h-px bg-border mt-3" })
+		]
+	});
+}
+//#endregion
+export { a as default };