@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-ad-interstitial/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-sponsored-badge/index.cjs.js");let a=require("react");a=e.__toESM(a);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({slotId:e,open:c,onClose:l,minDisplayTime:u=5,autoCloseAfter:d=0,adUnitPath:f,showCountdown:p=!0,skipText:m=`Skip Ad`,className:h,onLoad:g,onClick:_}){let{config:v,isReady:y,hasConsent:b,getCustomAd:x,trackEvent:S}=n.useAdContext(),[C,w]=(0,a.useState)(`loading`),[T,E]=(0,a.useState)(null),[D,O]=(0,a.useState)(u),[k,A]=(0,a.useState)(u===0),[j,M]=(0,a.useState)(d);(0,a.useEffect)(()=>{!c||!y||b===!1||(async()=>{w(`loading`),O(u),A(u===0),M(d);try{if(v.network===`custom`){let t=await x(e);t?(E(t),w(`loaded`),S({type:`loaded`,slotId:e,timestamp:new Date}),S({type:`impression`,slotId:e,timestamp:new Date}),g?.(),t.impressionUrl&&fetch(t.impressionUrl,{mode:`no-cors`}).catch(()=>{})):(w(`error`),l())}else w(`loaded`),g?.()}catch{w(`error`),l()}})()},[c,y,b,v.network,e,x,S,u,d,g,l]),(0,a.useEffect)(()=>{if(!c||k||D<=0)return;let e=setInterval(()=>{O(e=>e<=1?(A(!0),0):e-1)},1e3);return()=>clearInterval(e)},[c,k,D]),(0,a.useEffect)(()=>{if(!c||d===0||j<=0)return;let e=setInterval(()=>{M(e=>e<=1?(l(),0):e-1)},1e3);return()=>clearInterval(e)},[c,d,j,l]),(0,a.useEffect)(()=>{c&&C===`loaded`&&S({type:`viewable`,slotId:e,timestamp:new Date})},[c,C,e,S]);let N=(0,a.useCallback)(()=>{S({type:`click`,slotId:e,timestamp:new Date}),_?.(),T?.clickUrl&&fetch(T.clickUrl,{mode:`no-cors`}).catch(()=>{}),T?.targetUrl&&window.open(T.targetUrl,`_blank`,`noopener,noreferrer`)},[e,T,S,_]),P=(0,a.useCallback)(()=>{k&&l()},[k,l]);return(0,a.useEffect)(()=>{if(!c)return;let e=e=>{e.key===`Escape`&&k&&l()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[c,k,l]),(0,a.useEffect)(()=>{if(c)return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=``}},[c]),c?(0,s.jsxs)(`div`,{className:t.cn(`fixed inset-0 z-50 flex items-center justify-center`,`bg-black/80 backdrop-blur-sm`,h),role:`dialog`,"aria-modal":`true`,"aria-label":`Advertisement`,children:[(0,s.jsx)(`div`,{className:`absolute top-4 right-4 z-10`,children:k?(0,s.jsxs)(`button`,{onClick:P,className:`flex items-center gap-2 px-4 py-2 bg-white/10 hover:bg-white/20 text-white rounded-full transition-colors`,children:[(0,s.jsx)(`span`,{className:`text-sm font-medium`,children:m}),(0,s.jsx)(o.X,{className:`h-4 w-4`})]}):p?(0,s.jsxs)(`div`,{className:`flex items-center gap-2 px-4 py-2 bg-white/10 text-white rounded-full`,children:[(0,s.jsx)(`span`,{className:`text-sm`,children:`Skip in`}),(0,s.jsx)(`span`,{className:`w-6 h-6 flex items-center justify-center bg-white/20 rounded-full text-sm font-bold`,children:D})]}):null}),(0,s.jsx)(`div`,{className:`absolute top-4 left-4 z-10`,children:(0,s.jsx)(i.WakaSponsoredBadge,{sponsor:T?.sponsor,variant:`dark`,size:`md`})}),d>0&&C===`loaded`&&(0,s.jsx)(`div`,{className:`absolute bottom-4 left-1/2 -translate-x-1/2 z-10`,children:(0,s.jsxs)(`div`,{className:`px-4 py-2 bg-white/10 text-white rounded-full text-sm`,children:[`Closing in `,j,`s`]})}),(0,s.jsx)(`div`,{className:`relative max-w-4xl max-h-[80vh] w-full mx-4`,children:C===`loading`?(0,s.jsx)(r.WakaAdPlaceholder,{width:800,height:600}):T?(0,s.jsx)(`button`,{onClick:N,className:`relative w-full focus:outline-none focus:ring-2 focus:ring-white/50 rounded-lg overflow-hidden`,children:T.videoUrl?(0,s.jsx)(`video`,{src:T.videoUrl,autoPlay:!0,muted:!0,playsInline:!0,className:`w-full max-h-[80vh] object-contain bg-black`}):T.imageUrl?(0,s.jsx)(`img`,{src:T.imageUrl,alt:T.title||`Advertisement`,className:`w-full max-h-[80vh] object-contain`}):(0,s.jsxs)(`div`,{className:`flex flex-col items-center justify-center h-96 bg-muted rounded-lg p-8`,children:[(0,s.jsx)(`h2`,{className:`text-2xl font-bold mb-2`,children:T.title}),T.description&&(0,s.jsx)(`p`,{className:`text-muted-foreground mb-4 text-center max-w-md`,children:T.description}),T.cta&&(0,s.jsx)(`span`,{className:`px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium`,children:T.cta})]})}):null})]}):null}exports.WakaAdInterstitial=c,exports.default=c;

package/dist/components/waka-ad-interstitial/index.d.ts

@@ -22,5 +22,5 @@ export interface WakaAdInterstitialProps {
     /** Callback when ad is clicked */
     onClick?: () => void;
 }
-export declare function WakaAdInterstitial({ slotId, open, onClose, minDisplayTime, autoCloseAfter, adUnitPath, showCountdown, skipText, className, onLoad, onClick, }: WakaAdInterstitialProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaAdInterstitial({ slotId, open, onClose, minDisplayTime, autoCloseAfter, adUnitPath, showCountdown, skipText, className, onLoad, onClick, }: WakaAdInterstitialProps): import("react/jsx-runtime").JSX.Element | null;
 export default WakaAdInterstitial;

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

@@ -0,0 +1,192 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { useAdContext as t } from "../waka-ad-provider/index.es.js";
+import { WakaAdPlaceholder as n } from "../waka-ad-placeholder/index.es.js";
+import { WakaSponsoredBadge as r } from "../waka-sponsored-badge/index.es.js";
+import { useCallback as i, useEffect as a, useState as o } from "react";
+import { X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/waka-ad-interstitial/index.tsx
+function u({ slotId: u, open: d, onClose: f, minDisplayTime: p = 5, autoCloseAfter: m = 0, adUnitPath: h, showCountdown: g = !0, skipText: _ = "Skip Ad", className: v, onLoad: y, onClick: b }) {
+	let { config: x, isReady: S, hasConsent: C, getCustomAd: w, trackEvent: T } = t(), [E, D] = o("loading"), [O, k] = o(null), [A, j] = o(p), [M, N] = o(p === 0), [P, F] = o(m);
+	a(() => {
+		!d || !S || C === !1 || (async () => {
+			D("loading"), j(p), N(p === 0), F(m);
+			try {
+				if (x.network === "custom") {
+					let e = await w(u);
+					e ? (k(e), D("loaded"), T({
+						type: "loaded",
+						slotId: u,
+						timestamp: /* @__PURE__ */ new Date()
+					}), T({
+						type: "impression",
+						slotId: u,
+						timestamp: /* @__PURE__ */ new Date()
+					}), y?.(), e.impressionUrl && fetch(e.impressionUrl, { mode: "no-cors" }).catch(() => {})) : (D("error"), f());
+				} else D("loaded"), y?.();
+			} catch {
+				D("error"), f();
+			}
+		})();
+	}, [
+		d,
+		S,
+		C,
+		x.network,
+		u,
+		w,
+		T,
+		p,
+		m,
+		y,
+		f
+	]), a(() => {
+		if (!d || M || A <= 0) return;
+		let e = setInterval(() => {
+			j((e) => e <= 1 ? (N(!0), 0) : e - 1);
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [
+		d,
+		M,
+		A
+	]), a(() => {
+		if (!d || m === 0 || P <= 0) return;
+		let e = setInterval(() => {
+			F((e) => e <= 1 ? (f(), 0) : e - 1);
+		}, 1e3);
+		return () => clearInterval(e);
+	}, [
+		d,
+		m,
+		P,
+		f
+	]), a(() => {
+		d && E === "loaded" && T({
+			type: "viewable",
+			slotId: u,
+			timestamp: /* @__PURE__ */ new Date()
+		});
+	}, [
+		d,
+		E,
+		u,
+		T
+	]);
+	let I = i(() => {
+		T({
+			type: "click",
+			slotId: u,
+			timestamp: /* @__PURE__ */ new Date()
+		}), b?.(), O?.clickUrl && fetch(O.clickUrl, { mode: "no-cors" }).catch(() => {}), O?.targetUrl && window.open(O.targetUrl, "_blank", "noopener,noreferrer");
+	}, [
+		u,
+		O,
+		T,
+		b
+	]), L = i(() => {
+		M && f();
+	}, [M, f]);
+	return a(() => {
+		if (!d) return;
+		let e = (e) => {
+			e.key === "Escape" && M && f();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		d,
+		M,
+		f
+	]), a(() => {
+		if (d) return document.body.style.overflow = "hidden", () => {
+			document.body.style.overflow = "";
+		};
+	}, [d]), d ? /* @__PURE__ */ l("div", {
+		className: e("fixed inset-0 z-50 flex items-center justify-center", "bg-black/80 backdrop-blur-sm", v),
+		role: "dialog",
+		"aria-modal": "true",
+		"aria-label": "Advertisement",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "absolute top-4 right-4 z-10",
+				children: M ? /* @__PURE__ */ l("button", {
+					onClick: L,
+					className: "flex items-center gap-2 px-4 py-2 bg-white/10 hover:bg-white/20 text-white rounded-full transition-colors",
+					children: [/* @__PURE__ */ c("span", {
+						className: "text-sm font-medium",
+						children: _
+					}), /* @__PURE__ */ c(s, { className: "h-4 w-4" })]
+				}) : g ? /* @__PURE__ */ l("div", {
+					className: "flex items-center gap-2 px-4 py-2 bg-white/10 text-white rounded-full",
+					children: [/* @__PURE__ */ c("span", {
+						className: "text-sm",
+						children: "Skip in"
+					}), /* @__PURE__ */ c("span", {
+						className: "w-6 h-6 flex items-center justify-center bg-white/20 rounded-full text-sm font-bold",
+						children: A
+					})]
+				}) : null
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "absolute top-4 left-4 z-10",
+				children: /* @__PURE__ */ c(r, {
+					sponsor: O?.sponsor,
+					variant: "dark",
+					size: "md"
+				})
+			}),
+			m > 0 && E === "loaded" && /* @__PURE__ */ c("div", {
+				className: "absolute bottom-4 left-1/2 -translate-x-1/2 z-10",
+				children: /* @__PURE__ */ l("div", {
+					className: "px-4 py-2 bg-white/10 text-white rounded-full text-sm",
+					children: [
+						"Closing in ",
+						P,
+						"s"
+					]
+				})
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "relative max-w-4xl max-h-[80vh] w-full mx-4",
+				children: E === "loading" ? /* @__PURE__ */ c(n, {
+					width: 800,
+					height: 600
+				}) : O ? /* @__PURE__ */ c("button", {
+					onClick: I,
+					className: "relative w-full focus:outline-none focus:ring-2 focus:ring-white/50 rounded-lg overflow-hidden",
+					children: O.videoUrl ? /* @__PURE__ */ c("video", {
+						src: O.videoUrl,
+						autoPlay: !0,
+						muted: !0,
+						playsInline: !0,
+						className: "w-full max-h-[80vh] object-contain bg-black"
+					}) : O.imageUrl ? /* @__PURE__ */ c("img", {
+						src: O.imageUrl,
+						alt: O.title || "Advertisement",
+						className: "w-full max-h-[80vh] object-contain"
+					}) : /* @__PURE__ */ l("div", {
+						className: "flex flex-col items-center justify-center h-96 bg-muted rounded-lg p-8",
+						children: [
+							/* @__PURE__ */ c("h2", {
+								className: "text-2xl font-bold mb-2",
+								children: O.title
+							}),
+							O.description && /* @__PURE__ */ c("p", {
+								className: "text-muted-foreground mb-4 text-center max-w-md",
+								children: O.description
+							}),
+							O.cta && /* @__PURE__ */ c("span", {
+								className: "px-6 py-3 bg-primary text-primary-foreground rounded-lg font-medium",
+								children: O.cta
+							})
+						]
+					})
+				}) : null
+			})
+		]
+	}) : null;
+}
+//#endregion
+export { u as WakaAdInterstitial, u as default };

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

@@ -0,0 +1,7 @@
+"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({size:e=`rectangle`,width:r,height:a,animated:o=!0,showLabel:s=!0,className:c}){let l=n.AD_SIZES[e],u=r??l.width,d=a??l.height;return(0,i.jsxs)(`div`,{className:t.cn(`relative overflow-hidden bg-muted rounded-md`,o&&`animate-pulse`,c),style:{width:u,height:d,maxWidth:`100%`},role:`status`,"aria-label":`Loading advertisement`,children:[(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2 text-muted-foreground/50`,children:[(0,i.jsx)(`svg`,{className:`h-8 w-8`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,children:(0,i.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:1.5,d:`M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z`})}),s&&(0,i.jsx)(`span`,{className:`text-xs`,children:`Loading ad...`})]})}),o&&(0,i.jsx)(`div`,{className:`absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/10 to-transparent animate-shimmer`,style:{animation:`shimmer 2s infinite`}}),(0,i.jsx)(`style`,{children:`
+        @keyframes shimmer {
+          100% {
+            transform: translateX(100%);
+          }
+        }
+      `})]})}exports.WakaAdPlaceholder=a,exports.default=a;

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

@@ -0,0 +1,50 @@
+"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-placeholder/index.tsx
+function i({ size: i = "rectangle", width: a, height: o, animated: s = !0, showLabel: c = !0, className: l }) {
+	let u = t[i], d = a ?? u.width, f = o ?? u.height;
+	return /* @__PURE__ */ r("div", {
+		className: e("relative overflow-hidden bg-muted rounded-md", s && "animate-pulse", l),
+		style: {
+			width: d,
+			height: f,
+			maxWidth: "100%"
+		},
+		role: "status",
+		"aria-label": "Loading advertisement",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: /* @__PURE__ */ r("div", {
+					className: "flex flex-col items-center gap-2 text-muted-foreground/50",
+					children: [/* @__PURE__ */ n("svg", {
+						className: "h-8 w-8",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							strokeWidth: 1.5,
+							d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+						})
+					}), c && /* @__PURE__ */ n("span", {
+						className: "text-xs",
+						children: "Loading ad..."
+					})]
+				})
+			}),
+			s && /* @__PURE__ */ n("div", {
+				className: "absolute inset-0 -translate-x-full bg-gradient-to-r from-transparent via-white/10 to-transparent animate-shimmer",
+				style: { animation: "shimmer 2s infinite" }
+			}),
+			/* @__PURE__ */ n("style", { children: "\n        @keyframes shimmer {\n          100% {\n            transform: translateX(100%);\n          }\n        }\n      " })
+		]
+	});
+}
+//#endregion
+export { i as WakaAdPlaceholder, i as default };

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

@@ -0,0 +1 @@
+"use client";"use client";const e=require("../../_virtual/_rolldown/runtime.cjs.js");let t=require("react");t=e.__toESM(t);let n=require("react/jsx-runtime");var r={leaderboard:{width:728,height:90,label:`Leaderboard (728x90)`},rectangle:{width:300,height:250,label:`Medium Rectangle (300x250)`},skyscraper:{width:160,height:600,label:`Wide Skyscraper (160x600)`},billboard:{width:970,height:250,label:`Billboard (970x250)`},"mobile-banner":{width:320,height:50,label:`Mobile Banner (320x50)`},custom:{width:0,height:0,label:`Custom Size`}},i=(0,t.createContext)(null);function a(){let e=(0,t.useContext)(i);if(!e)throw Error(`useAdContext must be used within WakaAdProvider`);return e}function o(e,n=.5){let[r,i]=(0,t.useState)(!1),[a,o]=(0,t.useState)(0),s=(0,t.useRef)(null);return(0,t.useEffect)(()=>{if(!e.current)return;let t=new IntersectionObserver(([e])=>{let t=e.intersectionRatio>=n;i(t),t&&!s.current?s.current=Date.now():!t&&s.current&&(o(e=>e+(Date.now()-s.current)),s.current=null)},{threshold:[0,n,1]});return t.observe(e.current),()=>t.disconnect()},[e,n]),{isVisible:r,viewableTime:a}}function s(){let{hasConsent:e,setConsent:t}=a();return{hasConsent:e,setConsent:t}}function c(e){let{registerSlot:n,unregisterSlot:r,refreshSlot:i,isReady:o}=a();return(0,t.useEffect)(()=>{if(o)return n(e),()=>r(e.id)},[e.id,o,n,r,e]),{refresh:(0,t.useCallback)(()=>i(e.id),[e.id,i]),isReady:o}}function l({children:e,config:r,onEvent:a}){let[o,s]=(0,t.useState)(!1),[c,l]=(0,t.useState)(null),[u,d]=(0,t.useState)(new Map),f=(0,t.useRef)([]);(0,t.useEffect)(()=>{(async()=>{if(r.network===`gpt`&&typeof window<`u`){if(!window.googletag){let e=document.createElement(`script`);e.src=`https://securepubads.g.doubleclick.net/tag/js/gpt.js`,e.async=!0,document.head.appendChild(e),await new Promise(t=>{e.onload=()=>t()})}window.googletag=window.googletag||{cmd:[]},window.googletag.cmd.push(()=>{window.googletag.pubads().enableSingleRequest(),r.enableLazyLoad&&window.googletag.pubads().enableLazyLoad({fetchMarginPercent:100,renderMarginPercent:r.lazyLoadOffset||50,mobileScaling:2}),window.googletag.enableServices()})}s(!0)})()},[r]),(0,t.useEffect)(()=>{if(r.enableConsent&&typeof window<`u`){let e=localStorage.getItem(`ad_consent`);e!==null&&l(e===`true`)}else l(!0)},[r.enableConsent]);let p=(0,t.useCallback)(e=>{l(e),typeof window<`u`&&localStorage.setItem(`ad_consent`,String(e))},[]),m=(0,t.useCallback)(e=>{d(t=>{let n=new Map(t);return n.set(e.id,e),n})},[]),h=(0,t.useCallback)(e=>{d(t=>{let n=new Map(t);return n.delete(e),n})},[]),g=(0,t.useCallback)(e=>{r.network===`gpt`&&window.googletag&&window.googletag.cmd.push(()=>{window.googletag.pubads().refresh()})},[r.network]),_={config:r,isReady:o,hasConsent:c,setConsent:p,registerSlot:m,unregisterSlot:h,refreshSlot:g,refreshAll:(0,t.useCallback)(()=>{u.forEach((e,t)=>g(t))},[u,g]),getCustomAd:(0,t.useCallback)(async e=>{if(!r.customAdServer)return null;try{let t=await fetch(`${r.customAdServer}/ad`,{method:`POST`,headers:{"Content-Type":`application/json`,...r.customApiKey&&{Authorization:`Bearer ${r.customApiKey}`}},body:JSON.stringify({slotId:e,slot:u.get(e),testMode:r.testMode})});return t.ok?t.json():null}catch{return null}},[r.customAdServer,r.customApiKey,r.testMode,u]),trackEvent:(0,t.useCallback)(e=>{r.debugMode&&console.log(`[WakaAd]`,e.type,e.slotId,e.data),a?.(e),f.current.push(e)},[r.debugMode,a]),slots:u};return(0,n.jsx)(i.Provider,{value:_,children:e})}exports.AD_SIZES=r,exports.WakaAdProvider=l,exports.default=l,exports.useAdConsent=s,exports.useAdContext=a,exports.useAdSlot=c,exports.useAdVisibility=o;

package/dist/components/waka-ad-provider/index.d.ts

@@ -66,12 +66,12 @@ export declare const AD_SIZES: Record<AdSize, {
     label: string;
 }>;
 export declare function useAdContext(): AdContextValue;
-export declare function useAdVisibility(ref: React.RefObject<HTMLElement>, threshold?: number): {
+export declare function useAdVisibility(ref: React.RefObject<HTMLElement | null>, threshold?: number): {
     isVisible: boolean;
     viewableTime: number;
 };
 export declare function useAdConsent(): {
-    hasConsent: boolean;
+    hasConsent: boolean | null;
     setConsent: (consent: boolean) => void;
 };
 export declare function useAdSlot(slot: AdSlot): {

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

@@ -0,0 +1,173 @@
+"use client";
+"use client";
+import { createContext as e, useCallback as t, useContext as n, useEffect as r, useRef as i, useState as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/components/waka-ad-provider/index.tsx
+var s = {
+	leaderboard: {
+		width: 728,
+		height: 90,
+		label: "Leaderboard (728x90)"
+	},
+	rectangle: {
+		width: 300,
+		height: 250,
+		label: "Medium Rectangle (300x250)"
+	},
+	skyscraper: {
+		width: 160,
+		height: 600,
+		label: "Wide Skyscraper (160x600)"
+	},
+	billboard: {
+		width: 970,
+		height: 250,
+		label: "Billboard (970x250)"
+	},
+	"mobile-banner": {
+		width: 320,
+		height: 50,
+		label: "Mobile Banner (320x50)"
+	},
+	custom: {
+		width: 0,
+		height: 0,
+		label: "Custom Size"
+	}
+}, c = e(null);
+function l() {
+	let e = n(c);
+	if (!e) throw Error("useAdContext must be used within WakaAdProvider");
+	return e;
+}
+function u(e, t = .5) {
+	let [n, o] = a(!1), [s, c] = a(0), l = i(null);
+	return r(() => {
+		if (!e.current) return;
+		let n = new IntersectionObserver(([e]) => {
+			let n = e.intersectionRatio >= t;
+			o(n), n && !l.current ? l.current = Date.now() : !n && l.current && (c((e) => e + (Date.now() - l.current)), l.current = null);
+		}, { threshold: [
+			0,
+			t,
+			1
+		] });
+		return n.observe(e.current), () => n.disconnect();
+	}, [e, t]), {
+		isVisible: n,
+		viewableTime: s
+	};
+}
+function d() {
+	let { hasConsent: e, setConsent: t } = l();
+	return {
+		hasConsent: e,
+		setConsent: t
+	};
+}
+function f(e) {
+	let { registerSlot: n, unregisterSlot: i, refreshSlot: a, isReady: o } = l();
+	return r(() => {
+		if (o) return n(e), () => i(e.id);
+	}, [
+		e.id,
+		o,
+		n,
+		i,
+		e
+	]), {
+		refresh: t(() => a(e.id), [e.id, a]),
+		isReady: o
+	};
+}
+function p({ children: e, config: n, onEvent: s }) {
+	let [l, u] = a(!1), [d, f] = a(null), [p, m] = a(/* @__PURE__ */ new Map()), h = i([]);
+	r(() => {
+		(async () => {
+			if (n.network === "gpt" && typeof window < "u") {
+				if (!window.googletag) {
+					let e = document.createElement("script");
+					e.src = "https://securepubads.g.doubleclick.net/tag/js/gpt.js", e.async = !0, document.head.appendChild(e), await new Promise((t) => {
+						e.onload = () => t();
+					});
+				}
+				window.googletag = window.googletag || { cmd: [] }, window.googletag.cmd.push(() => {
+					window.googletag.pubads().enableSingleRequest(), n.enableLazyLoad && window.googletag.pubads().enableLazyLoad({
+						fetchMarginPercent: 100,
+						renderMarginPercent: n.lazyLoadOffset || 50,
+						mobileScaling: 2
+					}), window.googletag.enableServices();
+				});
+			}
+			u(!0);
+		})();
+	}, [n]), r(() => {
+		if (n.enableConsent && typeof window < "u") {
+			let e = localStorage.getItem("ad_consent");
+			e !== null && f(e === "true");
+		} else f(!0);
+	}, [n.enableConsent]);
+	let g = t((e) => {
+		f(e), typeof window < "u" && localStorage.setItem("ad_consent", String(e));
+	}, []), _ = t((e) => {
+		m((t) => {
+			let n = new Map(t);
+			return n.set(e.id, e), n;
+		});
+	}, []), v = t((e) => {
+		m((t) => {
+			let n = new Map(t);
+			return n.delete(e), n;
+		});
+	}, []), y = t((e) => {
+		n.network === "gpt" && window.googletag && window.googletag.cmd.push(() => {
+			window.googletag.pubads().refresh();
+		});
+	}, [n.network]), b = {
+		config: n,
+		isReady: l,
+		hasConsent: d,
+		setConsent: g,
+		registerSlot: _,
+		unregisterSlot: v,
+		refreshSlot: y,
+		refreshAll: t(() => {
+			p.forEach((e, t) => y(t));
+		}, [p, y]),
+		getCustomAd: t(async (e) => {
+			if (!n.customAdServer) return null;
+			try {
+				let t = await fetch(`${n.customAdServer}/ad`, {
+					method: "POST",
+					headers: {
+						"Content-Type": "application/json",
+						...n.customApiKey && { Authorization: `Bearer ${n.customApiKey}` }
+					},
+					body: JSON.stringify({
+						slotId: e,
+						slot: p.get(e),
+						testMode: n.testMode
+					})
+				});
+				return t.ok ? t.json() : null;
+			} catch {
+				return null;
+			}
+		}, [
+			n.customAdServer,
+			n.customApiKey,
+			n.testMode,
+			p
+		]),
+		trackEvent: t((e) => {
+			n.debugMode && console.log("[WakaAd]", e.type, e.slotId, e.data), s?.(e), h.current.push(e);
+		}, [n.debugMode, s]),
+		slots: p
+	};
+	return /* @__PURE__ */ o(c.Provider, {
+		value: b,
+		children: e
+	});
+}
+//#endregion
+export { s as AD_SIZES, p as WakaAdProvider, p as default, d as useAdConsent, l as useAdContext, f as useAdSlot, u as useAdVisibility };

package/dist/components/waka-ad-sidebar/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,sticky:a=!0,stickyOffset:o=80,boundarySelector:s,gap:c=16,additionalSlots:l=[],className:u,...d}){let f=(0,r.useRef)(null),[p,m]=(0,r.useState)(!1),[h,g]=(0,r.useState)({});return(0,r.useEffect)(()=>{if(!a||!f.current)return;let e=f.current,t=s?document.querySelector(s):null,n=()=>{let n=e.getBoundingClientRect(),r=t?.getBoundingClientRect();if(n.top<=o){if(r&&r.top-e.offsetHeight-c<o){g({position:`absolute`,top:t.offsetTop-e.offsetHeight-c,width:n.width}),m(!1);return}m(!0),g({position:`fixed`,top:o,width:n.width})}else m(!1),g({})};return window.addEventListener(`scroll`,n,{passive:!0}),n(),()=>window.removeEventListener(`scroll`,n)},[a,o,s,c]),(0,i.jsx)(`div`,{ref:f,className:t.cn(`relative`,u),"data-sticky":p,children:(0,i.jsx)(`div`,{style:h,children:(0,i.jsxs)(`div`,{className:`flex flex-col`,style:{gap:c},children:[(0,i.jsx)(n.WakaAdBanner,{slotId:e,size:`skyscraper`,...d}),l.map((e,t)=>(0,i.jsx)(n.WakaAdBanner,{slotId:e.slotId,size:`rectangle`,adUnitPath:e.adUnitPath,lazyLoad:!0,...d},e.slotId))]})})})}exports.WakaAdSidebar=a,exports.default=a;

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

@@ -0,0 +1,61 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { WakaAdBanner as t } from "../waka-ad-banner/index.es.js";
+import { useEffect as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/waka-ad-sidebar/index.tsx
+function s({ slotId: s, sticky: c = !0, stickyOffset: l = 80, boundarySelector: u, gap: d = 16, additionalSlots: f = [], className: p, ...m }) {
+	let h = r(null), [g, _] = i(!1), [v, y] = i({});
+	return n(() => {
+		if (!c || !h.current) return;
+		let e = h.current, t = u ? document.querySelector(u) : null, n = () => {
+			let n = e.getBoundingClientRect(), r = t?.getBoundingClientRect();
+			if (n.top <= l) {
+				if (r && r.top - e.offsetHeight - d < l) {
+					y({
+						position: "absolute",
+						top: t.offsetTop - e.offsetHeight - d,
+						width: n.width
+					}), _(!1);
+					return;
+				}
+				_(!0), y({
+					position: "fixed",
+					top: l,
+					width: n.width
+				});
+			} else _(!1), y({});
+		};
+		return window.addEventListener("scroll", n, { passive: !0 }), n(), () => window.removeEventListener("scroll", n);
+	}, [
+		c,
+		l,
+		u,
+		d
+	]), /* @__PURE__ */ a("div", {
+		ref: h,
+		className: e("relative", p),
+		"data-sticky": g,
+		children: /* @__PURE__ */ a("div", {
+			style: v,
+			children: /* @__PURE__ */ o("div", {
+				className: "flex flex-col",
+				style: { gap: d },
+				children: [/* @__PURE__ */ a(t, {
+					slotId: s,
+					size: "skyscraper",
+					...m
+				}), f.map((e, n) => /* @__PURE__ */ a(t, {
+					slotId: e.slotId,
+					size: "rectangle",
+					adUnitPath: e.adUnitPath,
+					lazyLoad: !0,
+					...m
+				}, e.slotId))]
+			})
+		})
+	});
+}
+//#endregion
+export { s as WakaAdSidebar, s as default };

package/dist/components/waka-ad-sticky-footer/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("lucide-react"),a=require("react/jsx-runtime");function o({slotId:e,dismissable:o=!0,showCloseAfter:s=0,animation:c=`slide`,safeAreaPadding:l=!0,blur:u=!0,className:d,containerClassName:f,...p}){let[m,h]=(0,r.useState)(!0),[g,_]=(0,r.useState)(s===0),[v,y]=(0,r.useState)(!1);(0,r.useEffect)(()=>{if(s>0&&!g){let e=setTimeout(()=>{_(!0)},s*1e3);return()=>clearTimeout(e)}},[s,g]);let b=()=>{!o||!g||(c===`none`?h(!1):(y(!0),setTimeout(()=>{h(!1)},300)))};if(!m)return null;let x={slide:t.cn(`transition-transform duration-300`,v?`translate-y-full`:`translate-y-0`),fade:t.cn(`transition-opacity duration-300`,v?`opacity-0`:`opacity-100`),none:``};return(0,a.jsx)(`div`,{className:t.cn(`fixed bottom-0 left-0 right-0 z-40`,u&&`backdrop-blur-sm`,l&&`pb-safe`,x[c],f),role:`complementary`,"aria-label":`Advertisement`,children:(0,a.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center`,`bg-background/95 border-t border-border shadow-lg`,`py-2 px-4`,d),children:[o&&(0,a.jsx)(`button`,{onClick:b,disabled:!g,className:t.cn(`absolute top-1 right-1 p-1 rounded-full transition-all`,g?`bg-muted hover:bg-muted-foreground/20 text-muted-foreground hover:text-foreground cursor-pointer`:`bg-muted/50 text-muted-foreground/50 cursor-not-allowed`),"aria-label":`Close advertisement`,children:(0,a.jsx)(i.X,{className:`h-4 w-4`})}),(0,a.jsx)(n.WakaAdBanner,{slotId:e,size:`mobile-banner`,showBadge:!1,...p})]})})}exports.WakaAdStickyFooter=o,exports.default=o;

package/dist/components/waka-ad-sticky-footer/index.d.ts

@@ -13,5 +13,5 @@ export interface WakaAdStickyFooterProps extends Omit<WakaAdBannerProps, "size">
     /** Container class name */
     containerClassName?: string;
 }
-export declare function WakaAdStickyFooter({ slotId, dismissable, showCloseAfter, animation, safeAreaPadding, blur, className, containerClassName, ...bannerProps }: WakaAdStickyFooterProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaAdStickyFooter({ slotId, dismissable, showCloseAfter, animation, safeAreaPadding, blur, className, containerClassName, ...bannerProps }: WakaAdStickyFooterProps): import("react/jsx-runtime").JSX.Element | null;
 export default WakaAdStickyFooter;

package/dist/components/waka-ad-sticky-footer/index.es.js

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { WakaAdBanner as t } from "../waka-ad-banner/index.es.js";
+import { useEffect as n, useState as r } from "react";
+import { X as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/waka-ad-sticky-footer/index.tsx
+function s({ slotId: s, dismissable: c = !0, showCloseAfter: l = 0, animation: u = "slide", safeAreaPadding: d = !0, blur: f = !0, className: p, containerClassName: m, ...h }) {
+	let [g, _] = r(!0), [v, y] = r(l === 0), [b, x] = r(!1);
+	n(() => {
+		if (l > 0 && !v) {
+			let e = setTimeout(() => {
+				y(!0);
+			}, l * 1e3);
+			return () => clearTimeout(e);
+		}
+	}, [l, v]);
+	let S = () => {
+		!c || !v || (u === "none" ? _(!1) : (x(!0), setTimeout(() => {
+			_(!1);
+		}, 300)));
+	};
+	if (!g) return null;
+	let C = {
+		slide: e("transition-transform duration-300", b ? "translate-y-full" : "translate-y-0"),
+		fade: e("transition-opacity duration-300", b ? "opacity-0" : "opacity-100"),
+		none: ""
+	};
+	return /* @__PURE__ */ a("div", {
+		className: e("fixed bottom-0 left-0 right-0 z-40", f && "backdrop-blur-sm", d && "pb-safe", C[u], m),
+		role: "complementary",
+		"aria-label": "Advertisement",
+		children: /* @__PURE__ */ o("div", {
+			className: e("relative flex items-center justify-center", "bg-background/95 border-t border-border shadow-lg", "py-2 px-4", p),
+			children: [c && /* @__PURE__ */ a("button", {
+				onClick: S,
+				disabled: !v,
+				className: e("absolute top-1 right-1 p-1 rounded-full transition-all", v ? "bg-muted hover:bg-muted-foreground/20 text-muted-foreground hover:text-foreground cursor-pointer" : "bg-muted/50 text-muted-foreground/50 cursor-not-allowed"),
+				"aria-label": "Close advertisement",
+				children: /* @__PURE__ */ a(i, { className: "h-4 w-4" })
+			}), /* @__PURE__ */ a(t, {
+				slotId: s,
+				size: "mobile-banner",
+				showBadge: !1,
+				...h
+			})]
+		})
+	});
+}
+//#endregion
+export { s as WakaAdStickyFooter, s as default };