@wakastellar/ui 4.0.0 → 4.1.1

package/dist/components/waka-spinner/index.cjs.js

@@ -0,0 +1,18 @@
+"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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`relative inline-flex items-center justify-center`,{variants:{size:{sm:`w-12 h-12`,md:`w-16 h-16`,lg:`w-24 h-24`,xl:`w-32 h-32`}},defaultVariants:{size:`md`}}),o=n.forwardRef(({className:e,size:n,showAsteroids:r=!0,speed:o=2,rocketColor:c=`text-primary`,asteroidColor:l=`text-muted-foreground`,...u},d)=>{let f={sm:{orbit:40,rocket:16,asteroid:6},md:{orbit:56,rocket:20,asteroid:8},lg:{orbit:88,rocket:28,asteroid:12},xl:{orbit:120,rocket:36,asteroid:16}}[n||`md`],p=f.orbit,m=f.orbit;return(0,i.jsxs)(`div`,{ref:d,className:t.cn(a({size:n,className:e})),role:`status`,"aria-label":`Chargement en cours`,...u,children:[(0,i.jsxs)(`svg`,{width:f.orbit*2,height:f.orbit*2,viewBox:`0 0 ${f.orbit*2} ${f.orbit*2}`,className:`overflow-visible`,children:[(0,i.jsx)(`circle`,{cx:p,cy:m,r:f.orbit-f.rocket,fill:`none`,stroke:`currentColor`,strokeWidth:`1`,strokeDasharray:`4 4`,className:`opacity-20`}),r&&(0,i.jsxs)(`g`,{className:l,children:[(0,i.jsx)(`g`,{style:{animation:`waka-float ${o*1.5}s ease-in-out infinite`,transformOrigin:`${p+f.orbit*.6}px ${m-f.orbit*.5}px`},children:(0,i.jsx)(`polygon`,{points:s(p+f.orbit*.6,m-f.orbit*.5,f.asteroid),fill:`currentColor`,opacity:`0.3`})}),(0,i.jsx)(`g`,{style:{animation:`waka-float ${o*2}s ease-in-out infinite 0.5s`,transformOrigin:`${p-f.orbit*.7}px ${m+f.orbit*.4}px`},children:(0,i.jsx)(`polygon`,{points:s(p-f.orbit*.7,m+f.orbit*.4,f.asteroid*.8),fill:`currentColor`,opacity:`0.3`})}),(0,i.jsx)(`g`,{style:{animation:`waka-float ${o*1.8}s ease-in-out infinite 1s`,transformOrigin:`${p-f.orbit*.8}px ${m-f.orbit*.2}px`},children:(0,i.jsx)(`polygon`,{points:s(p-f.orbit*.8,m-f.orbit*.2,f.asteroid*.6),fill:`currentColor`,opacity:`0.3`})})]}),(0,i.jsx)(`g`,{className:c,style:{animation:`waka-orbit ${o}s linear infinite`,transformOrigin:`${p}px ${m}px`},children:(0,i.jsxs)(`g`,{transform:`translate(${p}, ${m-f.orbit+f.rocket/2})`,children:[(0,i.jsx)(`path`,{d:`M 0,-${f.rocket/2} L ${f.rocket/4},-${f.rocket/6} L ${f.rocket/4},${f.rocket/3} L 0,${f.rocket/2} L -${f.rocket/4},${f.rocket/3} L -${f.rocket/4},-${f.rocket/6} Z`,fill:`currentColor`}),(0,i.jsx)(`circle`,{cx:`0`,cy:-f.rocket/6,r:f.rocket/8,fill:`white`,opacity:`0.8`}),(0,i.jsxs)(`g`,{opacity:`0.8`,children:[(0,i.jsx)(`path`,{d:`M -${f.rocket/6},${f.rocket/2} L -${f.rocket/8},${f.rocket/1.5} L 0,${f.rocket/2} Z`,fill:`#FF6B35`,style:{animation:`waka-flicker ${o/4}s ease-in-out infinite`}}),(0,i.jsx)(`path`,{d:`M 0,${f.rocket/2} L ${f.rocket/8},${f.rocket/1.5} L ${f.rocket/6},${f.rocket/2} Z`,fill:`#FF6B35`,style:{animation:`waka-flicker ${o/4}s ease-in-out infinite 0.1s`}}),(0,i.jsx)(`path`,{d:`M -${f.rocket/12},${f.rocket/2} L 0,${f.rocket/1.3} L ${f.rocket/12},${f.rocket/2} Z`,fill:`#FFA500`,style:{animation:`waka-flicker ${o/4}s ease-in-out infinite 0.05s`}})]})]})}),[...[,,,]].map((e,t)=>(0,i.jsx)(`circle`,{cx:p+(t-1)*f.orbit*.3,cy:m-f.orbit*1.2,r:`1`,fill:`currentColor`,className:`opacity-40`,style:{animation:`waka-twinkle ${o*1.5}s ease-in-out infinite ${t*.3}s`}},t))]}),(0,i.jsx)(`style`,{dangerouslySetInnerHTML:{__html:`
+            @keyframes waka-orbit {
+              from { transform: rotate(0deg); }
+              to { transform: rotate(360deg); }
+            }
+            @keyframes waka-float {
+              0%, 100% { transform: translateY(0px) translateX(0px); }
+              50% { transform: translateY(-10px) translateX(5px); }
+            }
+            @keyframes waka-flicker {
+              0%, 100% { opacity: 0.8; transform: scaleY(1); }
+              50% { opacity: 0.5; transform: scaleY(0.8); }
+            }
+            @keyframes waka-twinkle {
+              0%, 100% { opacity: 0.4; transform: scale(1); }
+              50% { opacity: 1; transform: scale(1.5); }
+            }
+          `}})]})});o.displayName=`WakaSpinner`;function s(e,t,n){let r=[];for(let i=0;i<6;i++){let a=i/6*Math.PI*2,o=n*(.7+Math.random()*.6),s=e+Math.cos(a)*o,c=t+Math.sin(a)*o;r.push([s,c])}return r.map(([e,t])=>`${e},${t}`).join(` `)}exports.WakaSpinner=o;

package/dist/components/waka-spinner/index.d.ts

@@ -4,9 +4,9 @@ import { type VariantProps } from "class-variance-authority";
  * Variantes du spinner spatial WakaSpinner
  * Définit les différentes tailles disponibles pour l'animation
  */
-declare const spinnerVariants: (props?: {
-    size?: "sm" | "md" | "lg" | "xl";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const spinnerVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface WakaSpinnerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof spinnerVariants> {
     /**
      * Affiche les astéroïdes en arrière-plan

package/dist/components/waka-spinner/index.es.js

@@ -0,0 +1,171 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-spinner/index.tsx
+var a = n("relative inline-flex items-center justify-center", {
+	variants: { size: {
+		sm: "w-12 h-12",
+		md: "w-16 h-16",
+		lg: "w-24 h-24",
+		xl: "w-32 h-32"
+	} },
+	defaultVariants: { size: "md" }
+}), o = t.forwardRef(({ className: t, size: n, showAsteroids: o = !0, speed: c = 2, rocketColor: l = "text-primary", asteroidColor: u = "text-muted-foreground", ...d }, f) => {
+	let p = {
+		sm: {
+			orbit: 40,
+			rocket: 16,
+			asteroid: 6
+		},
+		md: {
+			orbit: 56,
+			rocket: 20,
+			asteroid: 8
+		},
+		lg: {
+			orbit: 88,
+			rocket: 28,
+			asteroid: 12
+		},
+		xl: {
+			orbit: 120,
+			rocket: 36,
+			asteroid: 16
+		}
+	}[n || "md"], m = p.orbit, h = p.orbit;
+	return /* @__PURE__ */ i("div", {
+		ref: f,
+		className: e(a({
+			size: n,
+			className: t
+		})),
+		role: "status",
+		"aria-label": "Chargement en cours",
+		...d,
+		children: [/* @__PURE__ */ i("svg", {
+			width: p.orbit * 2,
+			height: p.orbit * 2,
+			viewBox: `0 0 ${p.orbit * 2} ${p.orbit * 2}`,
+			className: "overflow-visible",
+			children: [
+				/* @__PURE__ */ r("circle", {
+					cx: m,
+					cy: h,
+					r: p.orbit - p.rocket,
+					fill: "none",
+					stroke: "currentColor",
+					strokeWidth: "1",
+					strokeDasharray: "4 4",
+					className: "opacity-20"
+				}),
+				o && /* @__PURE__ */ i("g", {
+					className: u,
+					children: [
+						/* @__PURE__ */ r("g", {
+							style: {
+								animation: `waka-float ${c * 1.5}s ease-in-out infinite`,
+								transformOrigin: `${m + p.orbit * .6}px ${h - p.orbit * .5}px`
+							},
+							children: /* @__PURE__ */ r("polygon", {
+								points: s(m + p.orbit * .6, h - p.orbit * .5, p.asteroid),
+								fill: "currentColor",
+								opacity: "0.3"
+							})
+						}),
+						/* @__PURE__ */ r("g", {
+							style: {
+								animation: `waka-float ${c * 2}s ease-in-out infinite 0.5s`,
+								transformOrigin: `${m - p.orbit * .7}px ${h + p.orbit * .4}px`
+							},
+							children: /* @__PURE__ */ r("polygon", {
+								points: s(m - p.orbit * .7, h + p.orbit * .4, p.asteroid * .8),
+								fill: "currentColor",
+								opacity: "0.3"
+							})
+						}),
+						/* @__PURE__ */ r("g", {
+							style: {
+								animation: `waka-float ${c * 1.8}s ease-in-out infinite 1s`,
+								transformOrigin: `${m - p.orbit * .8}px ${h - p.orbit * .2}px`
+							},
+							children: /* @__PURE__ */ r("polygon", {
+								points: s(m - p.orbit * .8, h - p.orbit * .2, p.asteroid * .6),
+								fill: "currentColor",
+								opacity: "0.3"
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ r("g", {
+					className: l,
+					style: {
+						animation: `waka-orbit ${c}s linear infinite`,
+						transformOrigin: `${m}px ${h}px`
+					},
+					children: /* @__PURE__ */ i("g", {
+						transform: `translate(${m}, ${h - p.orbit + p.rocket / 2})`,
+						children: [
+							/* @__PURE__ */ r("path", {
+								d: `M 0,-${p.rocket / 2} L ${p.rocket / 4},-${p.rocket / 6} L ${p.rocket / 4},${p.rocket / 3} L 0,${p.rocket / 2} L -${p.rocket / 4},${p.rocket / 3} L -${p.rocket / 4},-${p.rocket / 6} Z`,
+								fill: "currentColor"
+							}),
+							/* @__PURE__ */ r("circle", {
+								cx: "0",
+								cy: -p.rocket / 6,
+								r: p.rocket / 8,
+								fill: "white",
+								opacity: "0.8"
+							}),
+							/* @__PURE__ */ i("g", {
+								opacity: "0.8",
+								children: [
+									/* @__PURE__ */ r("path", {
+										d: `M -${p.rocket / 6},${p.rocket / 2} L -${p.rocket / 8},${p.rocket / 1.5} L 0,${p.rocket / 2} Z`,
+										fill: "#FF6B35",
+										style: { animation: `waka-flicker ${c / 4}s ease-in-out infinite` }
+									}),
+									/* @__PURE__ */ r("path", {
+										d: `M 0,${p.rocket / 2} L ${p.rocket / 8},${p.rocket / 1.5} L ${p.rocket / 6},${p.rocket / 2} Z`,
+										fill: "#FF6B35",
+										style: { animation: `waka-flicker ${c / 4}s ease-in-out infinite 0.1s` }
+									}),
+									/* @__PURE__ */ r("path", {
+										d: `M -${p.rocket / 12},${p.rocket / 2} L 0,${p.rocket / 1.3} L ${p.rocket / 12},${p.rocket / 2} Z`,
+										fill: "#FFA500",
+										style: { animation: `waka-flicker ${c / 4}s ease-in-out infinite 0.05s` }
+									})
+								]
+							})
+						]
+					})
+				}),
+				[...[
+					,
+					,
+					,
+				]].map((e, t) => /* @__PURE__ */ r("circle", {
+					cx: m + (t - 1) * p.orbit * .3,
+					cy: h - p.orbit * 1.2,
+					r: "1",
+					fill: "currentColor",
+					className: "opacity-40",
+					style: { animation: `waka-twinkle ${c * 1.5}s ease-in-out infinite ${t * .3}s` }
+				}, t))
+			]
+		}), /* @__PURE__ */ r("style", { dangerouslySetInnerHTML: { __html: "\n            @keyframes waka-orbit {\n              from { transform: rotate(0deg); }\n              to { transform: rotate(360deg); }\n            }\n            @keyframes waka-float {\n              0%, 100% { transform: translateY(0px) translateX(0px); }\n              50% { transform: translateY(-10px) translateX(5px); }\n            }\n            @keyframes waka-flicker {\n              0%, 100% { opacity: 0.8; transform: scaleY(1); }\n              50% { opacity: 0.5; transform: scaleY(0.8); }\n            }\n            @keyframes waka-twinkle {\n              0%, 100% { opacity: 0.4; transform: scale(1); }\n              50% { opacity: 1; transform: scale(1.5); }\n            }\n          " } })]
+	});
+});
+o.displayName = "WakaSpinner";
+function s(e, t, n) {
+	let r = [];
+	for (let i = 0; i < 6; i++) {
+		let a = i / 6 * Math.PI * 2, o = n * (.7 + Math.random() * .6), s = e + Math.cos(a) * o, c = t + Math.sin(a) * o;
+		r.push([s, c]);
+	}
+	return r.map(([e, t]) => `${e},${t}`).join(" ");
+}
+//#endregion
+export { o as WakaSpinner };

package/dist/components/waka-sponsored-badge/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("react/jsx-runtime");function i({sponsor:e,variant:n=`default`,size:i=`sm`,showIcon:a=!0,label:o=`Sponsored`,className:s,onInfoClick:c}){return(0,r.jsxs)(`span`,{className:t.cn(`inline-flex items-center rounded border font-medium`,{default:`bg-muted text-muted-foreground border-transparent`,subtle:`bg-black/50 text-white border-transparent backdrop-blur-sm`,outline:`bg-transparent text-muted-foreground border-muted-foreground/30`,dark:`bg-black/70 text-white border-transparent`}[n],{sm:`text-[10px] px-1.5 py-0.5 gap-1`,md:`text-xs px-2 py-1 gap-1.5`,lg:`text-sm px-2.5 py-1 gap-2`}[i],s),children:[(0,r.jsx)(`span`,{className:`whitespace-nowrap`,children:e?`${o} by ${e}`:o}),a&&(0,r.jsx)(`button`,{onClick:e=>{e.preventDefault(),e.stopPropagation(),c?.()},className:t.cn(`rounded-full hover:opacity-70 transition-opacity focus:outline-none focus:ring-1 focus:ring-current`,{sm:`h-2.5 w-2.5`,md:`h-3 w-3`,lg:`h-3.5 w-3.5`}[i]),"aria-label":`Why am I seeing this ad?`,children:(0,r.jsxs)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:2,className:`w-full h-full`,children:[(0,r.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,r.jsx)(`path`,{d:`M12 16v-4`}),(0,r.jsx)(`path`,{d:`M12 8h.01`})]})})]})}exports.WakaSponsoredBadge=i,exports.default=i;

package/dist/components/waka-sponsored-badge/index.es.js

@@ -0,0 +1,52 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/waka-sponsored-badge/index.tsx
+function r({ sponsor: r, variant: i = "default", size: a = "sm", showIcon: o = !0, label: s = "Sponsored", className: c, onInfoClick: l }) {
+	return /* @__PURE__ */ n("span", {
+		className: e("inline-flex items-center rounded border font-medium", {
+			default: "bg-muted text-muted-foreground border-transparent",
+			subtle: "bg-black/50 text-white border-transparent backdrop-blur-sm",
+			outline: "bg-transparent text-muted-foreground border-muted-foreground/30",
+			dark: "bg-black/70 text-white border-transparent"
+		}[i], {
+			sm: "text-[10px] px-1.5 py-0.5 gap-1",
+			md: "text-xs px-2 py-1 gap-1.5",
+			lg: "text-sm px-2.5 py-1 gap-2"
+		}[a], c),
+		children: [/* @__PURE__ */ t("span", {
+			className: "whitespace-nowrap",
+			children: r ? `${s} by ${r}` : s
+		}), o && /* @__PURE__ */ t("button", {
+			onClick: (e) => {
+				e.preventDefault(), e.stopPropagation(), l?.();
+			},
+			className: e("rounded-full hover:opacity-70 transition-opacity focus:outline-none focus:ring-1 focus:ring-current", {
+				sm: "h-2.5 w-2.5",
+				md: "h-3 w-3",
+				lg: "h-3.5 w-3.5"
+			}[a]),
+			"aria-label": "Why am I seeing this ad?",
+			children: /* @__PURE__ */ n("svg", {
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 2,
+				className: "w-full h-full",
+				children: [
+					/* @__PURE__ */ t("circle", {
+						cx: "12",
+						cy: "12",
+						r: "10"
+					}),
+					/* @__PURE__ */ t("path", { d: "M12 16v-4" }),
+					/* @__PURE__ */ t("path", { d: "M12 8h.01" })
+				]
+			})
+		})]
+	});
+}
+//#endregion
+export { r as WakaSponsoredBadge, r as default };

package/dist/components/waka-sponsored-card/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-sponsored-badge/index.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({slotId:e,variant:s=`article`,adUnitPath:c,showImage:l=!0,showDescription:u=!0,showCta:d=!0,aspectRatio:f=`video`,className:p,onClick:m,onLoad:h}){let g=(0,i.useRef)(null),{config:_,isReady:v,hasConsent:y,getCustomAd:b,trackEvent:x}=n.useAdContext(),{isVisible:S}=n.useAdVisibility(g),[C,w]=(0,i.useState)(`loading`),[T,E]=(0,i.useState)(null);(0,i.useEffect)(()=>{!v||!S||y===!1||(async()=>{try{let t=await b(e);t?(E(t),w(`loaded`),x({type:`loaded`,slotId:e,timestamp:new Date}),x({type:`impression`,slotId:e,timestamp:new Date}),h?.(),t.impressionUrl&&fetch(t.impressionUrl,{mode:`no-cors`}).catch(()=>{})):w(`error`)}catch{w(`error`)}})()},[v,S,y,e,b,x,h]);let D=(0,i.useCallback)(()=>{T&&(x({type:`click`,slotId:e,timestamp:new Date}),m?.(),T.clickUrl&&fetch(T.clickUrl,{mode:`no-cors`}).catch(()=>{}),T.targetUrl&&window.open(T.targetUrl,`_blank`,`noopener,noreferrer`))},[T,e,x,m]),O={video:`aspect-video`,square:`aspect-square`,portrait:`aspect-[3/4]`};return C===`error`||!T?null:C===`loading`?(0,o.jsx)(`div`,{ref:g,className:t.cn(`rounded-lg border bg-muted animate-pulse`,s===`horizontal`?`h-32`:`h-64`,p)}):s===`horizontal`?(0,o.jsx)(`div`,{ref:g,className:t.cn(`group`,p),children:(0,o.jsxs)(`button`,{onClick:D,className:`w-full flex gap-4 p-3 rounded-lg border bg-card hover:bg-accent/50 transition-colors text-left`,children:[l&&T.imageUrl&&(0,o.jsx)(`div`,{className:`w-24 h-24 flex-shrink-0 rounded-md overflow-hidden bg-muted`,children:(0,o.jsx)(`img`,{src:T.imageUrl,alt:``,className:`w-full h-full object-cover`})}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,o.jsxs)(`div`,{className:`flex items-start justify-between gap-2 mb-1`,children:[(0,o.jsx)(`h3`,{className:`font-semibold text-sm line-clamp-2 group-hover:text-primary transition-colors`,children:T.title}),(0,o.jsx)(r.WakaSponsoredBadge,{sponsor:T.sponsor,size:`sm`,showIcon:!1})]}),u&&T.description&&(0,o.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-2`,children:T.description}),d&&T.cta&&(0,o.jsxs)(`span`,{className:`text-xs text-primary font-medium inline-flex items-center gap-1`,children:[T.cta,(0,o.jsx)(a.ExternalLink,{className:`h-3 w-3`})]})]})]})}):s===`compact`?(0,o.jsx)(`div`,{ref:g,className:t.cn(`group`,p),children:(0,o.jsxs)(`button`,{onClick:D,className:`w-full p-2 rounded-lg border bg-card hover:bg-accent/50 transition-colors text-left`,children:[(0,o.jsx)(`div`,{className:`flex items-center gap-2 mb-1`,children:(0,o.jsx)(r.WakaSponsoredBadge,{sponsor:T.sponsor,size:`sm`,showIcon:!1})}),(0,o.jsx)(`h3`,{className:`font-medium text-sm line-clamp-2 group-hover:text-primary transition-colors`,children:T.title})]})}):s===`product`?(0,o.jsx)(`div`,{ref:g,className:t.cn(`group`,p),children:(0,o.jsxs)(`button`,{onClick:D,className:`w-full rounded-lg border bg-card overflow-hidden hover:shadow-md transition-shadow text-left`,children:[l&&T.imageUrl&&(0,o.jsxs)(`div`,{className:t.cn(`relative bg-muted`,O[f]),children:[(0,o.jsx)(`img`,{src:T.imageUrl,alt:``,className:`absolute inset-0 w-full h-full object-cover`}),(0,o.jsx)(`div`,{className:`absolute top-2 left-2`,children:(0,o.jsx)(r.WakaSponsoredBadge,{variant:`subtle`,size:`sm`,showIcon:!1})})]}),(0,o.jsxs)(`div`,{className:`p-4`,children:[(0,o.jsx)(`h3`,{className:`font-semibold text-sm mb-1 group-hover:text-primary transition-colors line-clamp-2`,children:T.title}),u&&T.description&&(0,o.jsx)(`p`,{className:`text-xs text-muted-foreground line-clamp-2 mb-3`,children:T.description}),d&&T.cta&&(0,o.jsx)(`span`,{className:`inline-flex items-center justify-center w-full px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium hover:bg-primary/90 transition-colors`,children:T.cta})]})]})}):(0,o.jsx)(`div`,{ref:g,className:t.cn(`group`,p),children:(0,o.jsxs)(`button`,{onClick:D,className:`w-full rounded-lg border bg-card overflow-hidden hover:shadow-md transition-shadow text-left`,children:[l&&T.imageUrl&&(0,o.jsxs)(`div`,{className:t.cn(`relative bg-muted`,O[f]),children:[(0,o.jsx)(`img`,{src:T.imageUrl,alt:``,className:`absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-300`}),(0,o.jsx)(`div`,{className:`absolute top-2 right-2`,children:(0,o.jsx)(r.WakaSponsoredBadge,{variant:`subtle`,size:`sm`})})]}),(0,o.jsxs)(`div`,{className:`p-4`,children:[!l&&(0,o.jsx)(`div`,{className:`mb-2`,children:(0,o.jsx)(r.WakaSponsoredBadge,{sponsor:T.sponsor,size:`sm`})}),(0,o.jsx)(`h3`,{className:`font-semibold mb-2 group-hover:text-primary transition-colors line-clamp-2`,children:T.title}),u&&T.description&&(0,o.jsx)(`p`,{className:`text-sm text-muted-foreground line-clamp-3 mb-3`,children:T.description}),d&&T.cta&&(0,o.jsxs)(`span`,{className:`text-sm text-primary font-medium inline-flex items-center gap-1`,children:[T.cta,(0,o.jsx)(a.ExternalLink,{className:`h-4 w-4`})]})]})]})})}exports.WakaSponsoredCard=s,exports.default=s;

package/dist/components/waka-sponsored-card/index.d.ts

@@ -21,5 +21,5 @@ export interface WakaSponsoredCardProps {
     /** Callback when loaded */
     onLoad?: () => void;
 }
-export declare function WakaSponsoredCard({ slotId, variant, adUnitPath, showImage, showDescription, showCta, aspectRatio, className, onClick, onLoad, }: WakaSponsoredCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaSponsoredCard({ slotId, variant, adUnitPath, showImage, showDescription, showCta, aspectRatio, className, onClick, onLoad, }: WakaSponsoredCardProps): import("react/jsx-runtime").JSX.Element | null;
 export default WakaSponsoredCard;

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

@@ -0,0 +1,198 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { useAdContext as t, useAdVisibility as n } from "../waka-ad-provider/index.es.js";
+import { WakaSponsoredBadge as r } from "../waka-sponsored-badge/index.es.js";
+import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import { ExternalLink as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/waka-sponsored-card/index.tsx
+function d({ slotId: d, variant: f = "article", adUnitPath: p, showImage: m = !0, showDescription: h = !0, showCta: g = !0, aspectRatio: _ = "video", className: v, onClick: y, onLoad: b }) {
+	let x = o(null), { config: S, isReady: C, hasConsent: w, getCustomAd: T, trackEvent: E } = t(), { isVisible: D } = n(x), [O, k] = s("loading"), [A, j] = s(null);
+	a(() => {
+		!C || !D || w === !1 || (async () => {
+			try {
+				let e = await T(d);
+				e ? (j(e), k("loaded"), E({
+					type: "loaded",
+					slotId: d,
+					timestamp: /* @__PURE__ */ new Date()
+				}), E({
+					type: "impression",
+					slotId: d,
+					timestamp: /* @__PURE__ */ new Date()
+				}), b?.(), e.impressionUrl && fetch(e.impressionUrl, { mode: "no-cors" }).catch(() => {})) : k("error");
+			} catch {
+				k("error");
+			}
+		})();
+	}, [
+		C,
+		D,
+		w,
+		d,
+		T,
+		E,
+		b
+	]);
+	let M = i(() => {
+		A && (E({
+			type: "click",
+			slotId: d,
+			timestamp: /* @__PURE__ */ new Date()
+		}), y?.(), A.clickUrl && fetch(A.clickUrl, { mode: "no-cors" }).catch(() => {}), A.targetUrl && window.open(A.targetUrl, "_blank", "noopener,noreferrer"));
+	}, [
+		A,
+		d,
+		E,
+		y
+	]), N = {
+		video: "aspect-video",
+		square: "aspect-square",
+		portrait: "aspect-[3/4]"
+	};
+	return O === "error" || !A ? null : O === "loading" ? /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e("rounded-lg border bg-muted animate-pulse", f === "horizontal" ? "h-32" : "h-64", v)
+	}) : f === "horizontal" ? /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e("group", v),
+		children: /* @__PURE__ */ u("button", {
+			onClick: M,
+			className: "w-full flex gap-4 p-3 rounded-lg border bg-card hover:bg-accent/50 transition-colors text-left",
+			children: [m && A.imageUrl && /* @__PURE__ */ l("div", {
+				className: "w-24 h-24 flex-shrink-0 rounded-md overflow-hidden bg-muted",
+				children: /* @__PURE__ */ l("img", {
+					src: A.imageUrl,
+					alt: "",
+					className: "w-full h-full object-cover"
+				})
+			}), /* @__PURE__ */ u("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ u("div", {
+						className: "flex items-start justify-between gap-2 mb-1",
+						children: [/* @__PURE__ */ l("h3", {
+							className: "font-semibold text-sm line-clamp-2 group-hover:text-primary transition-colors",
+							children: A.title
+						}), /* @__PURE__ */ l(r, {
+							sponsor: A.sponsor,
+							size: "sm",
+							showIcon: !1
+						})]
+					}),
+					h && A.description && /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground line-clamp-2 mb-2",
+						children: A.description
+					}),
+					g && A.cta && /* @__PURE__ */ u("span", {
+						className: "text-xs text-primary font-medium inline-flex items-center gap-1",
+						children: [A.cta, /* @__PURE__ */ l(c, { className: "h-3 w-3" })]
+					})
+				]
+			})]
+		})
+	}) : f === "compact" ? /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e("group", v),
+		children: /* @__PURE__ */ u("button", {
+			onClick: M,
+			className: "w-full p-2 rounded-lg border bg-card hover:bg-accent/50 transition-colors text-left",
+			children: [/* @__PURE__ */ l("div", {
+				className: "flex items-center gap-2 mb-1",
+				children: /* @__PURE__ */ l(r, {
+					sponsor: A.sponsor,
+					size: "sm",
+					showIcon: !1
+				})
+			}), /* @__PURE__ */ l("h3", {
+				className: "font-medium text-sm line-clamp-2 group-hover:text-primary transition-colors",
+				children: A.title
+			})]
+		})
+	}) : f === "product" ? /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e("group", v),
+		children: /* @__PURE__ */ u("button", {
+			onClick: M,
+			className: "w-full rounded-lg border bg-card overflow-hidden hover:shadow-md transition-shadow text-left",
+			children: [m && A.imageUrl && /* @__PURE__ */ u("div", {
+				className: e("relative bg-muted", N[_]),
+				children: [/* @__PURE__ */ l("img", {
+					src: A.imageUrl,
+					alt: "",
+					className: "absolute inset-0 w-full h-full object-cover"
+				}), /* @__PURE__ */ l("div", {
+					className: "absolute top-2 left-2",
+					children: /* @__PURE__ */ l(r, {
+						variant: "subtle",
+						size: "sm",
+						showIcon: !1
+					})
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "p-4",
+				children: [
+					/* @__PURE__ */ l("h3", {
+						className: "font-semibold text-sm mb-1 group-hover:text-primary transition-colors line-clamp-2",
+						children: A.title
+					}),
+					h && A.description && /* @__PURE__ */ l("p", {
+						className: "text-xs text-muted-foreground line-clamp-2 mb-3",
+						children: A.description
+					}),
+					g && A.cta && /* @__PURE__ */ l("span", {
+						className: "inline-flex items-center justify-center w-full px-4 py-2 bg-primary text-primary-foreground rounded-md text-sm font-medium hover:bg-primary/90 transition-colors",
+						children: A.cta
+					})
+				]
+			})]
+		})
+	}) : /* @__PURE__ */ l("div", {
+		ref: x,
+		className: e("group", v),
+		children: /* @__PURE__ */ u("button", {
+			onClick: M,
+			className: "w-full rounded-lg border bg-card overflow-hidden hover:shadow-md transition-shadow text-left",
+			children: [m && A.imageUrl && /* @__PURE__ */ u("div", {
+				className: e("relative bg-muted", N[_]),
+				children: [/* @__PURE__ */ l("img", {
+					src: A.imageUrl,
+					alt: "",
+					className: "absolute inset-0 w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
+				}), /* @__PURE__ */ l("div", {
+					className: "absolute top-2 right-2",
+					children: /* @__PURE__ */ l(r, {
+						variant: "subtle",
+						size: "sm"
+					})
+				})]
+			}), /* @__PURE__ */ u("div", {
+				className: "p-4",
+				children: [
+					!m && /* @__PURE__ */ l("div", {
+						className: "mb-2",
+						children: /* @__PURE__ */ l(r, {
+							sponsor: A.sponsor,
+							size: "sm"
+						})
+					}),
+					/* @__PURE__ */ l("h3", {
+						className: "font-semibold mb-2 group-hover:text-primary transition-colors line-clamp-2",
+						children: A.title
+					}),
+					h && A.description && /* @__PURE__ */ l("p", {
+						className: "text-sm text-muted-foreground line-clamp-3 mb-3",
+						children: A.description
+					}),
+					g && A.cta && /* @__PURE__ */ u("span", {
+						className: "text-sm text-primary font-medium inline-flex items-center gap-1",
+						children: [A.cta, /* @__PURE__ */ l(c, { className: "h-4 w-4" })]
+					})
+				]
+			})]
+		})
+	});
+}
+//#endregion
+export { d as WakaSponsoredCard, d as default };

package/dist/components/waka-sponsored-feed/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-sponsored-card/index.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("react/jsx-runtime");function a({items:e,renderItem:r,adSlots:a,adFrequency:o=5,adStartPosition:s=2,adVariant:c=`article`,maxAds:l,columns:u=1,gap:d=`md`,className:f,keyExtractor:p}){let m={sm:`gap-2`,md:`gap-4`,lg:`gap-6`},h={1:`grid-cols-1`,2:`grid-cols-1 sm:grid-cols-2`,3:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3`,4:`grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4`},g=e=>{if(e<s)return null;let t=Math.floor((e-s)/(o+1));return(e-s)%(o+1)!==0||l!==void 0&&t>=l||t>=a.length?null:a[t]},_=[],v=0,y=0;for(;v<e.length;){let t=g(y);t?_.push({type:`ad`,slot:t}):(_.push({type:`content`,item:e[v],index:v}),v++),y++}return(0,i.jsx)(`div`,{className:t.cn(`grid`,h[u],m[d],f),children:_.map((e,t)=>{if(e.type===`ad`)return(0,i.jsx)(n.WakaSponsoredCard,{slotId:e.slot.slotId,adUnitPath:e.slot.adUnitPath,variant:c},`ad-${e.slot.slotId}`);let a=p?p(e.item,e.index):`item-${e.index}`;return(0,i.jsx)(`div`,{children:r(e.item,e.index)},a)})})}exports.WakaSponsoredFeed=a,exports.default=a;

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

@@ -0,0 +1,48 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { WakaSponsoredCard as t } from "../waka-sponsored-card/index.es.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/waka-sponsored-feed/index.tsx
+function r({ items: r, renderItem: i, adSlots: a, adFrequency: o = 5, adStartPosition: s = 2, adVariant: c = "article", maxAds: l, columns: u = 1, gap: d = "md", className: f, keyExtractor: p }) {
+	let m = {
+		sm: "gap-2",
+		md: "gap-4",
+		lg: "gap-6"
+	}, h = {
+		1: "grid-cols-1",
+		2: "grid-cols-1 sm:grid-cols-2",
+		3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
+		4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
+	}, g = (e) => {
+		if (e < s) return null;
+		let t = Math.floor((e - s) / (o + 1));
+		return (e - s) % (o + 1) !== 0 || l !== void 0 && t >= l || t >= a.length ? null : a[t];
+	}, _ = [], v = 0, y = 0;
+	for (; v < r.length;) {
+		let e = g(y);
+		e ? _.push({
+			type: "ad",
+			slot: e
+		}) : (_.push({
+			type: "content",
+			item: r[v],
+			index: v
+		}), v++), y++;
+	}
+	return /* @__PURE__ */ n("div", {
+		className: e("grid", h[u], m[d], f),
+		children: _.map((e, r) => {
+			if (e.type === "ad") return /* @__PURE__ */ n(t, {
+				slotId: e.slot.slotId,
+				adUnitPath: e.slot.adUnitPath,
+				variant: c
+			}, `ad-${e.slot.slotId}`);
+			let a = p ? p(e.item, e.index) : `item-${e.index}`;
+			return /* @__PURE__ */ n("div", { children: i(e.item, e.index) }, a);
+		})
+	});
+}
+//#endregion
+export { r as WakaSponsoredFeed, r as default };

package/dist/components/waka-spotlight/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("../../utils/security.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={page:(0,a.jsx)(i.FileText,{className:`h-4 w-4`}),action:(0,a.jsx)(i.ArrowRight,{className:`h-4 w-4`}),user:(0,a.jsx)(i.User,{className:`h-4 w-4`}),file:(0,a.jsx)(i.Folder,{className:`h-4 w-4`}),setting:(0,a.jsx)(i.Settings,{className:`h-4 w-4`}),external:(0,a.jsx)(i.ExternalLink,{className:`h-4 w-4`})};function s({open:e,onOpenChange:s,onSearch:c,filters:l,placeholder:u=`Search anything...`,recentItems:d,quickActions:f,debounceMs:p=150,showPreview:m=!0}){let[h,g]=r.useState(``),[_,v]=r.useState(null),[y,b]=r.useState([]),[x,S]=r.useState(0),[C,w]=r.useState(!1),[T,E]=r.useState(null),D=r.useRef(null),O=r.useRef(void 0);r.useEffect(()=>{if(O.current&&clearTimeout(O.current),!h.trim()){b([]),w(!1);return}return w(!0),O.current=setTimeout(async()=>{try{let e=await c(h,_||void 0);b(e),S(0)}catch(e){console.error(`Search error:`,e),b([])}finally{w(!1)}},p),()=>{O.current&&clearTimeout(O.current)}},[h,_,c,p]),r.useEffect(()=>{E((h?y:d||f||[])[x]||null)},[x,y,h,d,f]),r.useEffect(()=>{e&&(g(``),v(null),b([]),S(0),setTimeout(()=>D.current?.focus(),0))},[e]),r.useEffect(()=>{if(!e)return;let t=h?y:d||f||[],n=e=>{switch(e.key){case`ArrowDown`:e.preventDefault(),S(e=>Math.min(e+1,t.length-1));break;case`ArrowUp`:e.preventDefault(),S(e=>Math.max(e-1,0));break;case`Enter`:e.preventDefault();let n=t[x];n&&k(n);break;case`Escape`:e.preventDefault(),s(!1);break;case`Tab`:if(l&&l.length>0){e.preventDefault();let t=(l.findIndex(e=>e.id===_)+1)%(l.length+1);v(t===l.length?null:l[t].id)}break}};return window.addEventListener(`keydown`,n),()=>window.removeEventListener(`keydown`,n)},[e,x,y,h,d,f,s,l,_]),r.useEffect(()=>{let t=t=>{(t.metaKey||t.ctrlKey)&&t.key===`/`&&(t.preventDefault(),s(!e))};return window.addEventListener(`keydown`,t),()=>window.removeEventListener(`keydown`,t)},[e,s]);let k=e=>{e.action?.(),e.href&&n.safeNavigate(e.href),s(!1)};if(!e)return null;let A=h?y:d||f||[],j=h&&!C&&y.length===0;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`div`,{className:`fixed inset-0 z-50 bg-black/60 backdrop-blur-sm animate-in fade-in-0`,onClick:()=>s(!1)}),(0,a.jsx)(`div`,{className:`fixed left-1/2 top-[15%] z-50 w-full max-w-3xl -translate-x-1/2 animate-in fade-in-0 zoom-in-95 slide-in-from-top-4`,children:(0,a.jsxs)(`div`,{className:`overflow-hidden rounded-2xl border bg-popover/95 shadow-2xl backdrop-blur-xl`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-3 border-b px-4 py-3`,children:[(0,a.jsx)(i.Search,{className:t.cn(`h-5 w-5 transition-colors`,C?`text-primary animate-pulse`:`text-muted-foreground`)}),(0,a.jsx)(`input`,{ref:D,type:`text`,value:h,onChange:e=>g(e.target.value),placeholder:u,className:`flex-1 bg-transparent text-base outline-none placeholder:text-muted-foreground`}),h&&(0,a.jsx)(`button`,{onClick:()=>g(``),className:`rounded-md p-1 hover:bg-accent`,children:(0,a.jsx)(i.X,{className:`h-4 w-4 text-muted-foreground`})})]}),l&&l.length>0&&(0,a.jsxs)(`div`,{className:`flex items-center gap-2 border-b px-4 py-2`,children:[(0,a.jsx)(`button`,{onClick:()=>v(null),className:t.cn(`rounded-full px-3 py-1 text-xs font-medium transition-colors`,_===null?`bg-primary text-primary-foreground`:`bg-muted text-muted-foreground hover:text-foreground`),children:`All`}),l.map(e=>(0,a.jsxs)(`button`,{onClick:()=>v(e.id),className:t.cn(`flex items-center gap-1.5 rounded-full px-3 py-1 text-xs font-medium transition-colors`,_===e.id?`bg-primary text-primary-foreground`:`bg-muted text-muted-foreground hover:text-foreground`),children:[e.icon,e.label]},e.id))]}),(0,a.jsxs)(`div`,{className:`flex`,children:[(0,a.jsxs)(`div`,{className:t.cn(`max-h-96 overflow-y-auto`,m?`w-1/2 border-r`:`w-full`),children:[!h&&d&&d.length>0&&(0,a.jsxs)(`div`,{className:`px-4 py-2 text-xs font-medium text-muted-foreground flex items-center gap-2`,children:[(0,a.jsx)(i.Clock,{className:`h-3 w-3`}),`Recent`]}),!h&&!d&&f&&f.length>0&&(0,a.jsx)(`div`,{className:`px-4 py-2 text-xs font-medium text-muted-foreground`,children:`Quick Actions`}),h&&y.length>0&&(0,a.jsxs)(`div`,{className:`px-4 py-2 text-xs font-medium text-muted-foreground`,children:[y.length,` result`,y.length===1?``:`s`]}),(0,a.jsx)(`div`,{className:`p-2`,children:j?(0,a.jsxs)(`div`,{className:`py-12 text-center`,children:[(0,a.jsx)(i.Search,{className:`h-10 w-10 mx-auto text-muted-foreground/50 mb-3`}),(0,a.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[`No results for "`,h,`"`]}),(0,a.jsx)(`p`,{className:`text-xs text-muted-foreground/70 mt-1`,children:`Try different keywords`})]}):A.map((e,n)=>(0,a.jsxs)(`button`,{onClick:()=>k(e),onMouseEnter:()=>S(n),className:t.cn(`flex w-full items-center gap-3 rounded-lg px-3 py-2.5 text-left transition-all`,x===n?`bg-accent text-accent-foreground`:`hover:bg-accent/50`),children:[(0,a.jsx)(`span`,{className:t.cn(`flex h-9 w-9 shrink-0 items-center justify-center rounded-lg`,x===n?`bg-primary text-primary-foreground`:`bg-muted`),children:e.icon||o[e.type]}),(0,a.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,a.jsx)(`div`,{className:`font-medium truncate`,children:e.title}),e.subtitle&&(0,a.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:e.subtitle})]}),e.meta&&(0,a.jsx)(`span`,{className:`text-xs text-muted-foreground shrink-0`,children:e.meta})]},e.id))})]}),m&&T&&(0,a.jsx)(`div`,{className:`w-1/2 p-4`,children:(0,a.jsx)(`div`,{className:`h-full rounded-lg border bg-muted/30 p-4`,children:T.preview||(0,a.jsxs)(`div`,{className:`flex h-full flex-col items-center justify-center text-center`,children:[(0,a.jsx)(`span`,{className:`flex h-12 w-12 items-center justify-center rounded-xl bg-muted mb-3`,children:T.icon||o[T.type]}),(0,a.jsx)(`h3`,{className:`font-semibold`,children:T.title}),T.subtitle&&(0,a.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:T.subtitle}),(0,a.jsx)(`p`,{className:`text-xs text-muted-foreground mt-3 capitalize`,children:T.type})]})})})]}),(0,a.jsxs)(`div`,{className:`flex items-center justify-between border-t bg-muted/30 px-4 py-2 text-xs text-muted-foreground`,children:[(0,a.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,a.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,a.jsx)(`kbd`,{className:`rounded border bg-background px-1.5 py-0.5`,children:`↑↓`}),`Navigate`]}),(0,a.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,a.jsx)(`kbd`,{className:`rounded border bg-background px-1.5 py-0.5`,children:`↵`}),`Open`]}),l&&(0,a.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,a.jsx)(`kbd`,{className:`rounded border bg-background px-1.5 py-0.5`,children:`Tab`}),`Filter`]})]}),(0,a.jsxs)(`span`,{className:`flex items-center gap-1`,children:[(0,a.jsx)(`kbd`,{className:`rounded border bg-background px-1.5 py-0.5`,children:`⌘`}),(0,a.jsx)(`kbd`,{className:`rounded border bg-background px-1.5 py-0.5`,children:`/`}),`Toggle`]})]})]})})]})}function c(){let[e,t]=r.useState(!1);return{open:e,onOpenChange:t,openSpotlight:()=>t(!0),closeSpotlight:()=>t(!1),toggleSpotlight:()=>t(e=>!e)}}exports.WakaSpotlight=s,exports.useSpotlight=c;

package/dist/components/waka-spotlight/index.d.ts

@@ -37,7 +37,7 @@ export interface WakaSpotlightProps {
     /** Show preview panel */
     showPreview?: boolean;
 }
-export declare function WakaSpotlight({ open, onOpenChange, onSearch, filters, placeholder, recentItems, quickActions, debounceMs, showPreview, }: WakaSpotlightProps): import("react/jsx-runtime").JSX.Element;
+export declare function WakaSpotlight({ open, onOpenChange, onSearch, filters, placeholder, recentItems, quickActions, debounceMs, showPreview, }: WakaSpotlightProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function useSpotlight(): {
     open: boolean;
     onOpenChange: React.Dispatch<React.SetStateAction<boolean>>;