@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-treemap-chart/index.es.js

@@ -0,0 +1,433 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { ChevronRight as n, Home as r, Maximize2 as i, ZoomIn as a, ZoomOut as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/waka-treemap-chart/index.tsx
+var l = {
+	default: [
+		"#3b82f6",
+		"#ef4444",
+		"#22c55e",
+		"#f59e0b",
+		"#8b5cf6",
+		"#ec4899",
+		"#14b8a6",
+		"#f97316",
+		"#6366f1",
+		"#84cc16"
+	],
+	cool: [
+		"#06b6d4",
+		"#3b82f6",
+		"#8b5cf6",
+		"#6366f1",
+		"#0ea5e9",
+		"#a855f7",
+		"#14b8a6",
+		"#22d3ee",
+		"#7c3aed",
+		"#2dd4bf"
+	],
+	warm: [
+		"#f97316",
+		"#ef4444",
+		"#f59e0b",
+		"#ec4899",
+		"#f43f5e",
+		"#fb923c",
+		"#fbbf24",
+		"#e11d48",
+		"#dc2626",
+		"#ea580c"
+	],
+	neon: [
+		"#00ff87",
+		"#00d4ff",
+		"#ff00ff",
+		"#ffff00",
+		"#ff6b35",
+		"#00ffff",
+		"#ff1493",
+		"#7fff00",
+		"#ff00aa",
+		"#00ff00"
+	],
+	pastel: [
+		"#a5b4fc",
+		"#fca5a5",
+		"#86efac",
+		"#fcd34d",
+		"#c4b5fd",
+		"#f9a8d4",
+		"#5eead4",
+		"#fdba74",
+		"#93c5fd",
+		"#bef264"
+	]
+};
+function u(e) {
+	let { width: n, height: r, padding: i = 2, innerPadding: a = 4, aspectRatio: o = 1 } = e, [s, c] = t.useState([]), u = t.useCallback((e) => e.reduce((e, t) => t.children && t.children.length > 0 ? e + u(t.children) : e + t.value, 0), []), d = t.useCallback((e, t) => {
+		for (let n of e) {
+			if (n.id === t) return n;
+			if (n.children) {
+				let e = d(n.children, t);
+				if (e) return e;
+			}
+		}
+		return null;
+	}, []), f = t.useCallback((e, t, n = []) => {
+		for (let r of e) {
+			if (r.id === t) return [...n, r];
+			if (r.children) {
+				let e = f(r.children, t, [...n, r]);
+				if (e.length > 0) return e;
+			}
+		}
+		return [];
+	}, []), p = t.useCallback((e, t, n, r, o, s, c, l, d, f, m, h) => {
+		if (e.length === 0 || r <= 0 || o <= 0) return [];
+		let g = [], _ = [...e], v = t, y = n, b = r, x = o, S = (e, t) => {
+			if (e.color) return e.color;
+			if (f === "value") {
+				let t = h > 0 ? e.value / h : 0;
+				return `hsl(${200 - t * 150}, 70%, ${50 + (1 - t) * 20}%)`;
+			}
+			if (e.category) {
+				if (!m.has(e.category)) {
+					let t = m.size % d.length;
+					m.set(e.category, d[t]);
+				}
+				return m.get(e.category);
+			}
+			return d[t % d.length];
+		}, C = (e, t, n) => {
+			if (e.length === 0) return Infinity;
+			let i = e.reduce((e, t) => e + t.value / s * (r * o), 0), a = Math.min(...e.map((e) => e.value / s * (r * o))), c = Math.max(...e.map((e) => e.value / s * (r * o)));
+			return Math.max(n * n * c / (i * i), i * i / (n * n * a));
+		}, w = (e, t, n, _, v, y) => {
+			let b = s > 0 ? e.reduce((e, t) => e + t.value / s * (r * o), 0) : 0, x = _ > 0 ? b / _ : 0, C = 0;
+			e.forEach((e, _) => {
+				let b = s > 0 ? e.value / s * (r * o) : 0, w = x > 0 ? b / x : 0, T = v ? t : t + C, E = v ? n + C : n, D = v ? x : w, O = v ? w : x, k = T + i, A = E + i, j = Math.max(0, D - i * 2), M = Math.max(0, O - i * 2), N = S(e, y + _);
+				if (g.push({
+					...e,
+					x: k,
+					y: A,
+					width: j,
+					height: M,
+					depth: c,
+					parentId: l,
+					computedColor: N
+				}), e.children && e.children.length > 0 && j > a * 2 && M > a * 2) {
+					let t = u(e.children), n = p(e.children, k + a, A + a, j - a * 2, M - a * 2, t, c + 1, e.id, d, f, m, h);
+					g.push(...n);
+				}
+				C += w;
+			});
+		}, T = [], E = 0;
+		for (; _.length > 0;) {
+			let e = b >= x, t = e ? x : b, n = _[0], r = C([...T, n], t, t), i = C(T, t, t);
+			if (T.length === 0 || r <= i) T.push(_.shift());
+			else {
+				let n = T.reduce((e, t) => e + t.value / s * (b * x), 0) / t;
+				w(T, v, y, t, e, E), E += T.length, e ? (v += n, b -= n) : (y += n, x -= n), T.length = 0;
+			}
+		}
+		if (T.length > 0) {
+			let e = b >= x;
+			w(T, v, y, e ? x : b, e, E);
+		}
+		return g;
+	}, [
+		i,
+		a,
+		u
+	]);
+	return {
+		layoutNodes: s,
+		computeLayout: t.useCallback((e, t = null, i = l.default, a = "category") => {
+			let o = e;
+			if (t) {
+				let n = d(e, t);
+				n?.children && (o = n.children);
+			}
+			if (o.length === 0) return c([]), [];
+			let s = [...o].sort((e, t) => {
+				let n = e.children ? u(e.children) : e.value;
+				return (t.children ? u(t.children) : t.value) - n;
+			}), f = u(s), m = Math.max(...s.map((e) => e.children ? u(e.children) : e.value)), h = p(s, 0, 0, n, r, f, 0, t || void 0, i, a, /* @__PURE__ */ new Map(), m);
+			return c(h), h;
+		}, [
+			n,
+			r,
+			p,
+			d,
+			u
+		]),
+		getTotalValue: u,
+		findNode: d,
+		getPathToNode: f
+	};
+}
+function d({ node: t, x: n, y: r, showValues: i }) {
+	return /* @__PURE__ */ c("div", {
+		className: e("absolute z-50 px-3 py-2 text-sm rounded-lg shadow-lg", "bg-popover text-popover-foreground border", "pointer-events-none whitespace-nowrap", "animate-in fade-in-0 zoom-in-95 duration-100"),
+		style: {
+			left: n,
+			top: r,
+			transform: "translate(-50%, -100%)",
+			marginTop: -8
+		},
+		children: [
+			/* @__PURE__ */ s("div", {
+				className: "font-semibold",
+				children: t.label
+			}),
+			t.category && /* @__PURE__ */ s("div", {
+				className: "text-xs text-muted-foreground",
+				children: t.category
+			}),
+			i && /* @__PURE__ */ c("div", {
+				className: "text-xs mt-1",
+				children: ["Value: ", /* @__PURE__ */ s("span", {
+					className: "font-medium",
+					children: t.value.toLocaleString()
+				})]
+			}),
+			/* @__PURE__ */ s("div", { className: "absolute left-1/2 bottom-0 w-2 h-2 rotate-45 -translate-x-1/2 translate-y-1/2 bg-popover border-r border-b" })
+		]
+	});
+}
+function f({ items: t, position: n, onItemClick: r, highlightedCategory: i }) {
+	return /* @__PURE__ */ s("div", {
+		className: e("flex gap-2", n === "right" && "flex-col", n === "bottom" && "flex-wrap justify-center"),
+		children: t.map((t) => /* @__PURE__ */ c("button", {
+			className: e("flex items-center gap-2 px-2 py-1 text-sm rounded transition-all duration-200", "hover:bg-muted focus:outline-none focus:ring-2 focus:ring-primary", i === t.label && "bg-muted ring-2 ring-primary"),
+			onClick: () => r?.(t.label),
+			children: [/* @__PURE__ */ s("span", {
+				className: "w-3 h-3 rounded-sm flex-shrink-0",
+				style: { backgroundColor: t.color }
+			}), /* @__PURE__ */ s("span", {
+				className: "text-muted-foreground truncate max-w-[100px]",
+				children: t.label
+			})]
+		}, t.label))
+	});
+}
+function p({ path: i, onNavigate: a }) {
+	return /* @__PURE__ */ c("nav", {
+		className: "flex items-center gap-1 text-sm overflow-x-auto pb-2",
+		children: [/* @__PURE__ */ c("button", {
+			className: e("flex items-center gap-1 px-2 py-1 rounded transition-colors", "text-muted-foreground hover:text-foreground hover:bg-muted", i.length === 0 && "text-foreground font-medium"),
+			onClick: () => a(null),
+			children: [/* @__PURE__ */ s(r, { className: "h-4 w-4" }), /* @__PURE__ */ s("span", { children: "Root" })]
+		}), i.map((r, o) => /* @__PURE__ */ c(t.Fragment, { children: [/* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground flex-shrink-0" }), /* @__PURE__ */ s("button", {
+			className: e("px-2 py-1 rounded transition-colors truncate max-w-[120px]", "text-muted-foreground hover:text-foreground hover:bg-muted", o === i.length - 1 && "text-foreground font-medium"),
+			onClick: () => a(r.id),
+			children: r.label
+		})] }, r.id))]
+	});
+}
+function m({ onZoomIn: e, onZoomOut: t, onZoomToFit: n, showZoomToFit: r, zoom: l }) {
+	return /* @__PURE__ */ c("div", {
+		className: "flex items-center gap-1 bg-background/80 backdrop-blur-sm rounded-lg border p-1",
+		children: [
+			/* @__PURE__ */ s("button", {
+				className: "p-1.5 rounded hover:bg-muted transition-colors disabled:opacity-50",
+				onClick: t,
+				disabled: l <= .5,
+				"aria-label": "Zoom out",
+				children: /* @__PURE__ */ s(o, { className: "h-4 w-4" })
+			}),
+			/* @__PURE__ */ c("span", {
+				className: "text-xs font-medium min-w-[40px] text-center",
+				children: [Math.round(l * 100), "%"]
+			}),
+			/* @__PURE__ */ s("button", {
+				className: "p-1.5 rounded hover:bg-muted transition-colors disabled:opacity-50",
+				onClick: e,
+				disabled: l >= 3,
+				"aria-label": "Zoom in",
+				children: /* @__PURE__ */ s(a, { className: "h-4 w-4" })
+			}),
+			r && /* @__PURE__ */ s("button", {
+				className: "p-1.5 rounded hover:bg-muted transition-colors",
+				onClick: n,
+				"aria-label": "Zoom to fit",
+				children: /* @__PURE__ */ s(i, { className: "h-4 w-4" })
+			})
+		]
+	});
+}
+function h({ node: t, isHovered: n, isHighlighted: r, showLabel: i, showValue: a, minLabelSize: o, animationDuration: l, onClick: u, onMouseEnter: d, onMouseLeave: f }) {
+	let p = t.width >= o && t.height >= o / 2, m = t.children && t.children.length > 0, h = Math.min(Math.max(10, t.width / 10), Math.max(10, t.height / 3), 14), g = ((e) => {
+		let t = e.replace("#", ""), n, r, i;
+		return t.length === 3 ? (n = parseInt(t[0] + t[0], 16), r = parseInt(t[1] + t[1], 16), i = parseInt(t[2] + t[2], 16)) : (n = parseInt(t.slice(0, 2), 16), r = parseInt(t.slice(2, 4), 16), i = parseInt(t.slice(4, 6), 16)), isNaN(n) || isNaN(r) || isNaN(i) || (.299 * n + .587 * r + .114 * i) / 255 > .5 ? "#000000" : "#ffffff";
+	})(t.computedColor);
+	return /* @__PURE__ */ c("g", {
+		className: e("cursor-pointer", "transition-all", m && "hover:opacity-90"),
+		style: { transitionDuration: `${l}ms` },
+		onClick: u,
+		onMouseEnter: d,
+		onMouseLeave: f,
+		children: [/* @__PURE__ */ s("rect", {
+			x: t.x,
+			y: t.y,
+			width: t.width,
+			height: t.height,
+			fill: t.computedColor,
+			stroke: n || r ? "#ffffff" : "rgba(255,255,255,0.3)",
+			strokeWidth: n || r ? 2 : 1,
+			rx: 2,
+			className: "transition-all",
+			style: {
+				transitionDuration: `${l}ms`,
+				filter: n ? "brightness(1.1)" : r ? "brightness(1.05)" : "brightness(1)",
+				opacity: r === !1 ? .5 : 1
+			}
+		}), i && p && /* @__PURE__ */ s("foreignObject", {
+			x: t.x + 4,
+			y: t.y + 4,
+			width: t.width - 8,
+			height: t.height - 8,
+			className: "pointer-events-none overflow-hidden",
+			children: /* @__PURE__ */ c("div", {
+				className: "flex flex-col justify-center h-full",
+				style: {
+					color: g,
+					fontSize: `${h}px`
+				},
+				children: [/* @__PURE__ */ s("span", {
+					className: "font-medium truncate leading-tight",
+					children: t.label
+				}), a && t.height > o * .75 && /* @__PURE__ */ s("span", {
+					className: "text-xs opacity-80 truncate",
+					children: t.value.toLocaleString()
+				})]
+			})
+		})]
+	});
+}
+function g({ data: n, width: r = 600, height: i = 400, padding: a = 2, innerPadding: o = 4, colorScheme: g = "default", colors: _, colorBy: v = "category", showLabels: y = !0, minLabelSize: b = 50, showValues: x = !0, showTooltip: S = !0, showLegend: C = !0, legendPosition: w = "right", enableDrillDown: T = !0, showBreadcrumb: E = !0, showZoomControls: D = !1, enableZoomToFit: O = !0, animationDuration: k = 300, aspectRatio: A = 1, className: j, onNodeClick: M, onNodeHover: N, onNavigate: P }) {
+	let F = t.useRef(null), [I, L] = t.useState(null), [R, z] = t.useState(null), [B, V] = t.useState(null), [H, U] = t.useState([]), [W, G] = t.useState(1), [K, q] = t.useState(null), J = _ || l[g] || l.default, { layoutNodes: Y, computeLayout: X, findNode: ee, getPathToNode: Z, getTotalValue: te } = u({
+		width: r,
+		height: i,
+		padding: a,
+		innerPadding: o,
+		aspectRatio: A
+	});
+	t.useEffect(() => {
+		X(n, B, J, v);
+	}, [
+		n,
+		B,
+		J,
+		v,
+		X
+	]);
+	let Q = t.useMemo(() => B ? Y.filter((e) => e.parentId === B && e.depth === 0) : Y.filter((e) => e.depth === 0), [Y, B]), $ = t.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		return Q.forEach((t) => {
+			let n = t.category || t.label;
+			e.has(n) || e.set(n, t.computedColor);
+		}), Array.from(e.entries()).map(([e, t]) => ({
+			label: e,
+			color: t
+		}));
+	}, [Q]), ne = (e) => {
+		if (M?.(e), T && e.children && e.children.length > 0) {
+			V(e.id);
+			let t = Z(n, e.id);
+			U(t), P?.(t);
+		}
+	}, re = (e) => {
+		if (V(e), e === null) U([]), P?.([]);
+		else {
+			let t = Z(n, e).slice(0, -1);
+			U(t), P?.(t);
+		}
+	}, ie = (e, t) => {
+		if (L(e), N?.(e), S && F.current) {
+			F.current.getBoundingClientRect();
+			let t = e.x + e.width / 2, n = e.y;
+			z({
+				x: t * W,
+				y: n * W
+			});
+		}
+	}, ae = () => {
+		L(null), z(null), N?.(null);
+	};
+	return /* @__PURE__ */ c("div", {
+		className: e("flex gap-4", w === "bottom" && "flex-col", j),
+		children: [/* @__PURE__ */ c("div", {
+			className: "flex flex-col gap-2 flex-1",
+			children: [E && T && /* @__PURE__ */ s(p, {
+				path: H,
+				onNavigate: re
+			}), /* @__PURE__ */ c("div", {
+				ref: F,
+				className: "relative overflow-hidden rounded-lg border bg-muted/20",
+				children: [
+					D && /* @__PURE__ */ s("div", {
+						className: "absolute top-2 right-2 z-10",
+						children: /* @__PURE__ */ s(m, {
+							zoom: W,
+							onZoomIn: () => G((e) => Math.min(e + .25, 3)),
+							onZoomOut: () => G((e) => Math.max(e - .25, .5)),
+							onZoomToFit: () => G(1),
+							showZoomToFit: O
+						})
+					}),
+					/* @__PURE__ */ c("svg", {
+						width: r * W,
+						height: i * W,
+						viewBox: `0 0 ${r} ${i}`,
+						className: "transition-all duration-300",
+						style: { transformOrigin: "top left" },
+						children: [/* @__PURE__ */ s("rect", {
+							x: 0,
+							y: 0,
+							width: r,
+							height: i,
+							fill: "transparent"
+						}), Q.map((e) => {
+							let t = K === null ? void 0 : (e.category || e.label) === K;
+							return /* @__PURE__ */ s(h, {
+								node: e,
+								isHovered: I?.id === e.id,
+								isHighlighted: t !== !1,
+								showLabel: y,
+								showValue: x,
+								minLabelSize: b,
+								animationDuration: k,
+								onClick: () => ne(e),
+								onMouseEnter: (t) => ie(e, t),
+								onMouseLeave: ae
+							}, e.id);
+						})]
+					}),
+					S && I && R && /* @__PURE__ */ s(d, {
+						node: I,
+						x: R.x,
+						y: R.y,
+						showValues: x
+					})
+				]
+			})]
+		}), C && $.length > 0 && /* @__PURE__ */ s("div", {
+			className: e(w === "right" && "min-w-[120px]", w === "bottom" && "w-full"),
+			children: /* @__PURE__ */ s(f, {
+				items: $,
+				position: w,
+				onItemClick: (e) => {
+					q((t) => t === e ? null : e);
+				},
+				highlightedCategory: K
+			})
+		})]
+	});
+}
+//#endregion
+export { g as default, u as useTreemapChart };

package/dist/components/waka-two-factor-setup/index.cjs.js

@@ -0,0 +1,3 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`lucide-react`),i=require(`react/jsx-runtime`);var a=[{name:`Google Authenticator`,iosUrl:`https://apps.apple.com/app/google-authenticator/id388497605`,androidUrl:`https://play.google.com/store/apps/details?id=com.google.android.apps.authenticator2`},{name:`Authy`,iosUrl:`https://apps.apple.com/app/authy/id494168017`,androidUrl:`https://play.google.com/store/apps/details?id=com.authy.authy`},{name:`1Password`,iosUrl:`https://apps.apple.com/app/1password-password-manager/id568903335`,androidUrl:`https://play.google.com/store/apps/details?id=com.onepassword.android`}],o=[`intro`,`qr-code`,`backup-codes`,`verify`,`success`];function s(e){let{config:t,onVerify:r,onRegenerateBackupCodes:i,onRegenerateSecret:a,onComplete:s,initialStep:c=`intro`}=e,[l,u]=n.useState(c),[d,f]=n.useState(``),[p,m]=n.useState(!1),[h,g]=n.useState(null),[_,v]=n.useState(!1),[y,b]=n.useState(!1),[x,S]=n.useState(!1),[C,w]=n.useState(!1),[T,E]=n.useState(t.backupCodes),[D,O]=n.useState(t.secretKey),[k,A]=n.useState(t.qrCodeUrl),[j,M]=n.useState(!1),N=n.useCallback(e=>{u(e),g(null)},[]);return{currentStep:l,setStep:N,nextStep:n.useCallback(()=>{let e=o.indexOf(l);e<o.length-1&&N(o[e+1])},[l,N]),prevStep:n.useCallback(()=>{let e=o.indexOf(l);e>0&&N(o[e-1])},[l,N]),verificationCode:d,setVerificationCode:f,isVerifying:p,verifyError:h,handleVerify:n.useCallback(async()=>{if(d.length!==6){g(`Please enter a 6-digit code`);return}m(!0),g(null);try{await r(d)?(M(!0),N(`success`),s?.()):g(`Invalid verification code. Please try again.`)}catch(e){g(e instanceof Error?e.message:`Verification failed`)}finally{m(!1)}},[d,r,s,N]),secretKeyCopied:_,copySecretKey:n.useCallback(()=>{navigator.clipboard.writeText(D),v(!0),setTimeout(()=>v(!1),2e3)},[D]),backupCodesCopied:y,copyBackupCodes:n.useCallback(()=>{let e=T.map(e=>e.code).join(`
+`);navigator.clipboard.writeText(e),b(!0),setTimeout(()=>b(!1),2e3)},[T]),downloadBackupCodes:n.useCallback(()=>{let e=[`${t.issuer} - Backup Codes`,`Account: ${t.accountName}`,`Generated: ${new Date().toISOString()}`,``,`Keep these codes safe. Each code can only be used once.`,``,...T.map((e,t)=>`${t+1}. ${e.code}`)].join(`
+`),n=new Blob([e],{type:`text/plain`}),r=URL.createObjectURL(n),i=document.createElement(`a`);i.href=r,i.download=`${t.issuer.toLowerCase().replace(/\s+/g,`-`)}-backup-codes.txt`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(r)},[T,t.issuer,t.accountName]),isRegeneratingCodes:x,regenerateBackupCodes:n.useCallback(async()=>{if(i){S(!0);try{E(await i())}catch(e){console.error(`Failed to regenerate backup codes:`,e)}finally{S(!1)}}},[i]),isRegeneratingSecret:C,regenerateSecret:n.useCallback(async()=>{if(a){w(!0);try{let e=await a();O(e.secretKey),A(e.qrCodeUrl)}catch(e){console.error(`Failed to regenerate secret:`,e)}finally{w(!1)}}},[a]),backupCodes:T,secretKey:D,qrCodeUrl:k,isComplete:j}}function c({currentStep:e,className:a}){let s=[{key:`intro`,label:`Start`},{key:`qr-code`,label:`Scan`},{key:`backup-codes`,label:`Backup`},{key:`verify`,label:`Verify`},{key:`success`,label:`Done`}],c=o.indexOf(e);return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center gap-2`,a),children:s.map((e,a)=>(0,i.jsxs)(n.Fragment,{children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,i.jsx)(`div`,{className:t.cn(`w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium transition-all duration-300`,a<c&&`bg-primary text-primary-foreground`,a===c&&`bg-primary text-primary-foreground ring-4 ring-primary/20`,a>c&&`bg-muted text-muted-foreground`),children:a<c?(0,i.jsx)(r.Check,{className:`w-4 h-4`}):a+1}),(0,i.jsx)(`span`,{className:t.cn(`text-xs hidden sm:block`,a<=c?`text-foreground`:`text-muted-foreground`),children:e.label})]}),a<s.length-1&&(0,i.jsx)(`div`,{className:t.cn(`w-8 sm:w-12 h-0.5 transition-colors duration-300`,a<c?`bg-primary`:`bg-muted`)})]},e.key))})}function l({authenticatorApps:e,onNext:t,onCancel:n}){return(0,i.jsxs)(`div`,{className:`space-y-6 animate-in fade-in slide-in-from-right-4 duration-300`,children:[(0,i.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,i.jsx)(`div`,{className:`mx-auto w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center`,children:(0,i.jsx)(r.Shield,{className:`w-8 h-8 text-primary`})}),(0,i.jsx)(`h3`,{className:`text-xl font-semibold`,children:`Enable Two-Factor Authentication`}),(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm max-w-md mx-auto`,children:`Add an extra layer of security to your account by requiring a verification code in addition to your password.`})]}),(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsx)(`h4`,{className:`text-sm font-medium`,children:`You will need an authenticator app:`}),(0,i.jsx)(`div`,{className:`grid gap-2`,children:e.map(e=>(0,i.jsxs)(`div`,{className:`flex items-center justify-between p-3 bg-muted/50 rounded-lg`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,i.jsx)(r.Smartphone,{className:`w-5 h-5 text-muted-foreground`}),(0,i.jsx)(`span`,{className:`text-sm font-medium`,children:e.name})]}),(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsxs)(`a`,{href:e.iosUrl,target:`_blank`,rel:`noopener noreferrer`,className:`text-xs text-primary hover:underline flex items-center gap-1`,children:[`iOS `,(0,i.jsx)(r.ExternalLink,{className:`w-3 h-3`})]}),(0,i.jsxs)(`a`,{href:e.androidUrl,target:`_blank`,rel:`noopener noreferrer`,className:`text-xs text-primary hover:underline flex items-center gap-1`,children:[`Android `,(0,i.jsx)(r.ExternalLink,{className:`w-3 h-3`})]})]})]},e.name))})]}),(0,i.jsxs)(`div`,{className:`flex gap-3 pt-4`,children:[n&&(0,i.jsx)(`button`,{onClick:n,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors`,children:`Cancel`}),(0,i.jsxs)(`button`,{onClick:t,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center justify-center gap-2`,children:[`Get Started`,(0,i.jsx)(r.ChevronRight,{className:`w-4 h-4`})]})]})]})}function u({qrCodeUrl:e,secretKey:a,issuer:o,secretKeyCopied:s,onCopySecret:c,onRegenerateSecret:l,isRegeneratingSecret:u,onNext:d,onBack:f}){let[p,m]=n.useState(!1);return(0,i.jsxs)(`div`,{className:`space-y-6 animate-in fade-in slide-in-from-right-4 duration-300`,children:[(0,i.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,i.jsx)(`h3`,{className:`text-xl font-semibold`,children:`Scan QR Code`}),(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:`Open your authenticator app and scan this QR code to add your account.`})]}),(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-4`,children:[(0,i.jsxs)(`div`,{className:`relative p-4 bg-white rounded-xl shadow-sm`,children:[e?(0,i.jsx)(`img`,{src:e,alt:`2FA QR Code`,className:t.cn(`w-48 h-48 transition-opacity`,u&&`opacity-50`)}):(0,i.jsx)(`div`,{className:`w-48 h-48 flex items-center justify-center bg-muted rounded-lg`,children:(0,i.jsx)(r.QrCode,{className:`w-16 h-16 text-muted-foreground`})}),u&&(0,i.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,i.jsx)(r.Loader2,{className:`w-8 h-8 animate-spin text-primary`})})]}),l&&(0,i.jsxs)(`button`,{onClick:l,disabled:u,className:`text-sm text-primary hover:underline flex items-center gap-1 disabled:opacity-50`,children:[(0,i.jsx)(r.RefreshCw,{className:t.cn(`w-4 h-4`,u&&`animate-spin`)}),`Generate new code`]})]}),(0,i.jsxs)(`div`,{className:`space-y-2`,children:[(0,i.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,i.jsxs)(`span`,{className:`text-sm font-medium flex items-center gap-2`,children:[(0,i.jsx)(r.Key,{className:`w-4 h-4`}),`Manual entry key`]}),(0,i.jsxs)(`button`,{onClick:()=>m(!p),className:`text-sm text-muted-foreground hover:text-foreground flex items-center gap-1`,children:[p?(0,i.jsx)(r.EyeOff,{className:`w-4 h-4`}):(0,i.jsx)(r.Eye,{className:`w-4 h-4`}),p?`Hide`:`Show`]})]}),(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(`code`,{className:t.cn(`flex-1 px-3 py-2 bg-muted rounded-lg text-sm font-mono break-all`,!p&&`tracking-[0.5em] select-none`),children:p?a:`••••••••••••••••`}),(0,i.jsx)(`button`,{onClick:c,className:`p-2 rounded-lg border border-input hover:bg-accent transition-colors`,title:`Copy to clipboard`,children:s?(0,i.jsx)(r.Check,{className:`w-4 h-4 text-green-500`}):(0,i.jsx)(r.Copy,{className:`w-4 h-4`})})]}),(0,i.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Account: `,o,` (`,a.substring(0,4),`...)`]})]}),(0,i.jsxs)(`div`,{className:`flex gap-3 pt-4`,children:[(0,i.jsxs)(`button`,{onClick:f,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors flex items-center justify-center gap-2`,children:[(0,i.jsx)(r.ChevronLeft,{className:`w-4 h-4`}),`Back`]}),(0,i.jsxs)(`button`,{onClick:d,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center justify-center gap-2`,children:[`Continue`,(0,i.jsx)(r.ChevronRight,{className:`w-4 h-4`})]})]})]})}function d({backupCodes:e,backupCodesCopied:n,onCopyBackupCodes:a,onDownloadBackupCodes:o,onRegenerateBackupCodes:s,isRegeneratingCodes:c,onNext:l,onBack:u}){return(0,i.jsxs)(`div`,{className:`space-y-6 animate-in fade-in slide-in-from-right-4 duration-300`,children:[(0,i.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,i.jsx)(`div`,{className:`mx-auto w-16 h-16 bg-amber-500/10 rounded-full flex items-center justify-center`,children:(0,i.jsx)(r.Key,{className:`w-8 h-8 text-amber-500`})}),(0,i.jsx)(`h3`,{className:`text-xl font-semibold`,children:`Save Backup Codes`}),(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm max-w-md mx-auto`,children:`Save these codes in a safe place. You can use them to access your account if you lose your authenticator device.`})]}),(0,i.jsxs)(`div`,{className:`space-y-3`,children:[(0,i.jsx)(`div`,{className:t.cn(`grid grid-cols-2 gap-2 p-4 bg-muted/50 rounded-lg font-mono text-sm`,c&&`opacity-50`),children:e.map((e,n)=>(0,i.jsx)(`div`,{className:t.cn(`px-3 py-2 bg-background rounded border text-center`,e.used&&`line-through text-muted-foreground`),children:e.code},n))}),(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsx)(`button`,{onClick:a,disabled:c,className:`flex-1 px-3 py-2 text-sm font-medium rounded-lg border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors flex items-center justify-center gap-2 disabled:opacity-50`,children:n?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Check,{className:`w-4 h-4 text-green-500`}),`Copied!`]}):(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Copy,{className:`w-4 h-4`}),`Copy All`]})}),(0,i.jsxs)(`button`,{onClick:o,disabled:c,className:`flex-1 px-3 py-2 text-sm font-medium rounded-lg border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors flex items-center justify-center gap-2 disabled:opacity-50`,children:[(0,i.jsx)(r.Download,{className:`w-4 h-4`}),`Download`]})]}),s&&(0,i.jsxs)(`button`,{onClick:s,disabled:c,className:`w-full text-sm text-primary hover:underline flex items-center justify-center gap-1 disabled:opacity-50`,children:[(0,i.jsx)(r.RefreshCw,{className:t.cn(`w-4 h-4`,c&&`animate-spin`)}),`Generate new codes`]})]}),(0,i.jsx)(`div`,{className:`p-3 bg-amber-50 dark:bg-amber-950/30 border border-amber-200 dark:border-amber-800 rounded-lg`,children:(0,i.jsxs)(`p`,{className:`text-sm text-amber-800 dark:text-amber-200 flex items-start gap-2`,children:[(0,i.jsx)(r.AlertCircle,{className:`w-4 h-4 mt-0.5 flex-shrink-0`}),(0,i.jsxs)(`span`,{children:[(0,i.jsx)(`strong`,{children:`Important:`}),` Each code can only be used once. Store them securely and do not share them with anyone.`]})]})}),(0,i.jsxs)(`div`,{className:`flex gap-3 pt-4`,children:[(0,i.jsxs)(`button`,{onClick:u,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors flex items-center justify-center gap-2`,children:[(0,i.jsx)(r.ChevronLeft,{className:`w-4 h-4`}),`Back`]}),(0,i.jsxs)(`button`,{onClick:l,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center justify-center gap-2`,children:[`I have saved these codes`,(0,i.jsx)(r.ChevronRight,{className:`w-4 h-4`})]})]})]})}function f({verificationCode:e,onCodeChange:a,onVerify:o,isVerifying:s,error:c,onBack:l}){let u=n.useRef([]),[d,f]=n.useState(e.split(``).concat(Array(6-e.length).fill(``))),p=(e,t)=>{if(!/^\d*$/.test(t))return;let n=[...d];n[e]=t.slice(-1),f(n),a(n.join(``)),t&&e<5&&u.current[e+1]?.focus()},m=(t,n)=>{n.key===`Backspace`&&!d[t]&&t>0&&u.current[t-1]?.focus(),n.key===`Enter`&&e.length===6&&o()},h=e=>{e.preventDefault();let t=e.clipboardData.getData(`text`).replace(/\D/g,``).slice(0,6);f(t.split(``).concat(Array(6-t.length).fill(``))),a(t),u.current[Math.min(t.length,5)]?.focus()};return(0,i.jsxs)(`div`,{className:`space-y-6 animate-in fade-in slide-in-from-right-4 duration-300`,children:[(0,i.jsxs)(`div`,{className:`text-center space-y-2`,children:[(0,i.jsx)(`div`,{className:`mx-auto w-16 h-16 bg-primary/10 rounded-full flex items-center justify-center`,children:(0,i.jsx)(r.Smartphone,{className:`w-8 h-8 text-primary`})}),(0,i.jsx)(`h3`,{className:`text-xl font-semibold`,children:`Verify Your Code`}),(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm max-w-md mx-auto`,children:`Enter the 6-digit code from your authenticator app to complete the setup.`})]}),(0,i.jsxs)(`div`,{className:`space-y-4`,children:[(0,i.jsx)(`div`,{className:`flex justify-center gap-2`,children:d.map((e,n)=>(0,i.jsx)(`input`,{ref:e=>{u.current[n]=e},type:`text`,inputMode:`numeric`,maxLength:1,value:e,onChange:e=>p(n,e.target.value),onKeyDown:e=>m(n,e),onPaste:h,className:t.cn(`w-12 h-14 text-center text-xl font-semibold rounded-lg border bg-background`,`focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent`,`transition-all duration-200`,c&&`border-destructive focus:ring-destructive`),disabled:s},n))}),c&&(0,i.jsxs)(`div`,{className:`flex items-center justify-center gap-2 text-sm text-destructive animate-in fade-in slide-in-from-top-2`,children:[(0,i.jsx)(r.AlertCircle,{className:`w-4 h-4`}),c]})]}),(0,i.jsxs)(`div`,{className:`flex gap-3 pt-4`,children:[(0,i.jsxs)(`button`,{onClick:l,disabled:s,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors flex items-center justify-center gap-2 disabled:opacity-50`,children:[(0,i.jsx)(r.ChevronLeft,{className:`w-4 h-4`}),`Back`]}),(0,i.jsx)(`button`,{onClick:o,disabled:s||e.length!==6,className:`flex-1 px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors flex items-center justify-center gap-2 disabled:opacity-50`,children:s?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(r.Loader2,{className:`w-4 h-4 animate-spin`}),`Verifying...`]}):(0,i.jsxs)(i.Fragment,{children:[`Verify`,(0,i.jsx)(r.ChevronRight,{className:`w-4 h-4`})]})})]})]})}function p({onComplete:e}){return(0,i.jsxs)(`div`,{className:`space-y-6 animate-in fade-in zoom-in-95 duration-500`,children:[(0,i.jsxs)(`div`,{className:`text-center space-y-4`,children:[(0,i.jsx)(`div`,{className:`mx-auto w-20 h-20 bg-green-500/10 rounded-full flex items-center justify-center animate-in zoom-in duration-500`,children:(0,i.jsx)(`div`,{className:`w-16 h-16 bg-green-500 rounded-full flex items-center justify-center`,children:(0,i.jsx)(r.Check,{className:`w-8 h-8 text-white`})})}),(0,i.jsx)(`h3`,{className:`text-xl font-semibold`,children:`Two-Factor Authentication Enabled!`}),(0,i.jsx)(`p`,{className:`text-muted-foreground text-sm max-w-md mx-auto`,children:`Your account is now protected with two-factor authentication. You will need to enter a verification code each time you sign in.`})]}),(0,i.jsxs)(`div`,{className:`p-4 bg-muted/50 rounded-lg space-y-2`,children:[(0,i.jsxs)(`h4`,{className:`text-sm font-medium flex items-center gap-2`,children:[(0,i.jsx)(r.Shield,{className:`w-4 h-4 text-green-500`}),`What happens next?`]}),(0,i.jsxs)(`ul`,{className:`text-sm text-muted-foreground space-y-1 list-disc list-inside`,children:[(0,i.jsx)(`li`,{children:`You will be prompted for a code when signing in`}),(0,i.jsx)(`li`,{children:`Use your authenticator app to generate codes`}),(0,i.jsx)(`li`,{children:`Keep your backup codes safe for emergencies`})]})]}),e&&(0,i.jsx)(`button`,{onClick:e,className:`w-full px-4 py-2 text-sm font-medium rounded-lg bg-primary text-primary-foreground hover:bg-primary/90 transition-colors`,children:`Done`})]})}function m({config:e,onComplete:n,onCancel:o,onVerify:m,onRegenerateBackupCodes:h,onRegenerateSecret:g,initialStep:_=`intro`,showStepIndicator:v=!0,allowSkipBackupCodes:y=!1,className:b,isLoading:x=!1,error:S}){let C=s({config:e,onVerify:m,onRegenerateBackupCodes:h,onRegenerateSecret:g,onComplete:n,initialStep:_}),w=e.authenticatorApps||a;return x?(0,i.jsx)(`div`,{className:t.cn(`w-full max-w-md mx-auto p-6`,b),children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 gap-4`,children:[(0,i.jsx)(r.Loader2,{className:`w-8 h-8 animate-spin text-primary`}),(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:`Setting up two-factor authentication...`})]})}):S?(0,i.jsx)(`div`,{className:t.cn(`w-full max-w-md mx-auto p-6`,b),children:(0,i.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 gap-4 text-center`,children:[(0,i.jsx)(`div`,{className:`w-16 h-16 bg-destructive/10 rounded-full flex items-center justify-center`,children:(0,i.jsx)(r.AlertCircle,{className:`w-8 h-8 text-destructive`})}),(0,i.jsxs)(`div`,{className:`space-y-2`,children:[(0,i.jsx)(`h3`,{className:`text-lg font-semibold`,children:`Setup Failed`}),(0,i.jsx)(`p`,{className:`text-sm text-muted-foreground max-w-sm`,children:S})]}),o&&(0,i.jsx)(`button`,{onClick:o,className:`px-4 py-2 text-sm font-medium rounded-lg border border-input bg-background hover:bg-accent hover:text-accent-foreground transition-colors`,children:`Go Back`})]})}):(0,i.jsxs)(`div`,{className:t.cn(`w-full max-w-md mx-auto p-6`,b),children:[v&&C.currentStep!==`success`&&(0,i.jsx)(c,{currentStep:C.currentStep,className:`mb-8`}),C.currentStep===`intro`&&(0,i.jsx)(l,{authenticatorApps:w,onNext:C.nextStep,onCancel:o}),C.currentStep===`qr-code`&&(0,i.jsx)(u,{qrCodeUrl:C.qrCodeUrl,secretKey:C.secretKey,issuer:e.issuer,accountName:e.accountName,secretKeyCopied:C.secretKeyCopied,onCopySecret:C.copySecretKey,onRegenerateSecret:g?C.regenerateSecret:void 0,isRegeneratingSecret:C.isRegeneratingSecret,onNext:C.nextStep,onBack:C.prevStep}),C.currentStep===`backup-codes`&&(0,i.jsx)(d,{backupCodes:C.backupCodes,issuer:e.issuer,backupCodesCopied:C.backupCodesCopied,onCopyBackupCodes:C.copyBackupCodes,onDownloadBackupCodes:C.downloadBackupCodes,onRegenerateBackupCodes:h?C.regenerateBackupCodes:void 0,isRegeneratingCodes:C.isRegeneratingCodes,onNext:C.nextStep,onBack:C.prevStep,allowSkip:y}),C.currentStep===`verify`&&(0,i.jsx)(f,{verificationCode:C.verificationCode,onCodeChange:C.setVerificationCode,onVerify:C.handleVerify,isVerifying:C.isVerifying,error:C.verifyError,onBack:C.prevStep}),C.currentStep===`success`&&(0,i.jsx)(p,{onComplete:n})]})}exports.default=m,exports.useTwoFactorSetup=s;