@wakastellar/ui 4.0.0 → 4.1.1

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

@@ -0,0 +1,205 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import * as n from "react";
+import { Check as r, Copy as i, Download as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/waka-barcode/index.tsx
+var c = {
+	" ": "11011001100",
+	"!": "11001101100",
+	"\"": "11001100110",
+	"#": "10010011000",
+	$: "10010001100",
+	"%": "10001001100",
+	"&": "10011001000",
+	"'": "10011000100",
+	"(": "10001100100",
+	")": "11001001000",
+	"*": "11001000100",
+	"+": "11000100100",
+	",": "10110011100",
+	"-": "10011011100",
+	".": "10011001110",
+	"/": "10111001100",
+	0: "10011101100",
+	1: "10011100110",
+	2: "11001110010",
+	3: "11001011100",
+	4: "11001001110",
+	5: "11011100100",
+	6: "11001110100",
+	7: "11101101110",
+	8: "11101001100",
+	9: "11100101100",
+	":": "11100100110",
+	";": "11101100100",
+	"<": "11100110100",
+	"=": "11100110010",
+	">": "11011011000",
+	"?": "11011000110",
+	"@": "11000110110",
+	A: "10100011000",
+	B: "10001011000",
+	C: "10001000110",
+	D: "10110001000",
+	E: "10001101000",
+	F: "10001100010",
+	G: "11010001000",
+	H: "11000101000",
+	I: "11000100010",
+	J: "10110111000",
+	K: "10110001110",
+	L: "10001101110",
+	M: "10111011000",
+	N: "10111000110",
+	O: "10001110110",
+	P: "11101110110",
+	Q: "11010001110",
+	R: "11000101110",
+	S: "11011101000",
+	T: "11011100010",
+	U: "11011101110",
+	V: "11101011000",
+	W: "11101000110",
+	X: "11100010110",
+	Y: "11101101000",
+	Z: "11101100010"
+}, l = "11010000100", u = "1100011101011";
+function d(e) {
+	let t = l;
+	for (let n of e.toUpperCase()) {
+		let e = c[n];
+		e ? t += e : t += c["?"];
+	}
+	return t += l, t += u, t;
+}
+var f = {
+	0: "101001101101",
+	1: "110100101011",
+	2: "101100101011",
+	3: "110110010101",
+	4: "101001101011",
+	5: "110100110101",
+	6: "101100110101",
+	7: "101001011011",
+	8: "110100101101",
+	9: "101100101101",
+	A: "110101001011",
+	B: "101101001011",
+	C: "110110100101",
+	D: "101011001011",
+	E: "110101100101",
+	F: "101101100101",
+	G: "101010011011",
+	H: "110101001101",
+	I: "101101001101",
+	J: "101011001101",
+	K: "110101010011",
+	L: "101101010011",
+	M: "110110101001",
+	N: "101011010011",
+	O: "110101101001",
+	P: "101101101001",
+	Q: "101010110011",
+	R: "110101011001",
+	S: "101101011001",
+	T: "101011011001",
+	U: "110010101011",
+	V: "100110101011",
+	W: "110011010101",
+	X: "100101101011",
+	Y: "110010110101",
+	Z: "100110110101",
+	"-": "100101011011",
+	".": "110010101101",
+	" ": "100110101101",
+	"*": "100101101101"
+};
+function p(e) {
+	let t = f["*"] + "0";
+	for (let n of e.toUpperCase()) {
+		let e = f[n];
+		e && (t += e + "0");
+	}
+	return t += f["*"], t;
+}
+function m(e, t) {
+	switch (t) {
+		case "CODE128": return d(e);
+		case "CODE39": return p(e);
+		case "EAN13":
+		case "EAN8":
+		case "UPC":
+		case "ITF14": return d(e);
+		default: return d(e);
+	}
+}
+function h({ value: c, format: l = "CODE128", width: u = 200, height: d = 80, displayValue: f = !0, lineColor: p = "#000000", background: h = "#FFFFFF", fontSize: g = 14, margin: _ = 10, showActions: v = !1, className: y }) {
+	let b = n.useRef(null), [x, S] = n.useState(!1);
+	return n.useEffect(() => {
+		let e = b.current;
+		if (!e || !c) return;
+		let t = e.getContext("2d");
+		if (!t) return;
+		let n = m(c, l), r = d - (f ? g + 4 : 0) - _ * 2, i = (u - _ * 2) / n.length;
+		t.fillStyle = h, t.fillRect(0, 0, u, d), t.fillStyle = p;
+		for (let e = 0; e < n.length; e++) n[e] === "1" && t.fillRect(_ + e * i, _, i, r);
+		f && (t.fillStyle = p, t.font = `${g}px monospace`, t.textAlign = "center", t.textBaseline = "bottom", t.fillText(c, u / 2, d - _ + 2));
+	}, [
+		c,
+		l,
+		u,
+		d,
+		f,
+		p,
+		h,
+		g,
+		_
+	]), /* @__PURE__ */ s("div", {
+		className: e("inline-flex flex-col items-center gap-2", y),
+		children: [/* @__PURE__ */ o("canvas", {
+			ref: b,
+			width: u,
+			height: d,
+			className: "rounded border",
+			style: {
+				width: u,
+				height: d
+			}
+		}), v && /* @__PURE__ */ s("div", {
+			className: "flex gap-2",
+			children: [/* @__PURE__ */ s(t, {
+				variant: "outline",
+				size: "sm",
+				onClick: () => {
+					let e = b.current;
+					if (!e) return;
+					let t = document.createElement("a");
+					t.download = `barcode-${c}-${Date.now()}.png`, t.href = e.toDataURL("image/png"), t.click();
+				},
+				children: [/* @__PURE__ */ o(a, { className: "h-4 w-4 mr-1" }), "Télécharger"]
+			}), /* @__PURE__ */ s(t, {
+				variant: "outline",
+				size: "sm",
+				onClick: async () => {
+					let e = b.current;
+					if (e) try {
+						let t = await new Promise((t) => {
+							e.toBlob((e) => {
+								e && t(e);
+							}, "image/png");
+						});
+						await navigator.clipboard.write([new ClipboardItem({ "image/png": t })]), S(!0), setTimeout(() => S(!1), 2e3);
+					} catch (e) {
+						console.error("Failed to copy barcode:", e);
+					}
+				},
+				children: [o(x ? r : i, { className: "h-4 w-4 mr-1" }), x ? "Copié" : "Copier"]
+			})]
+		})]
+	});
+}
+//#endregion
+export { h as WakaBarcode, h as default };

package/dist/components/waka-biometric-prompt/index.cjs.js

@@ -0,0 +1,52 @@
+"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");function a(e={}){let{initialType:t=`fingerprint`,scanningDuration:r=2e3,successRate:i=.9,onSuccess:a,onError:o,authenticate:s}=e,[c,l]=n.useState(`idle`),[u,d]=n.useState(t),[f,p]=n.useState(null),m=n.useRef(null),h=n.useCallback(()=>{m.current&&=(clearTimeout(m.current),null)},[]),g=n.useCallback(()=>{h(),l(`idle`),p(null)},[h]),_=n.useCallback(()=>{h(),l(`idle`),p(null)},[h]),v=n.useCallback(async()=>{h(),l(`scanning`),p(null);try{if(s)if(await s())l(`success`),a?.();else{l(`error`);let e=`Authentication failed. Please try again.`;p(e),o?.(e)}else await new Promise(e=>{m.current=setTimeout(()=>{if(Math.random()<i)l(`success`),a?.();else{l(`error`);let e=`Authentication failed. Please try again.`;p(e),o?.(e)}e()},r)})}catch(e){l(`error`);let t=e instanceof Error?e.message:`An unexpected error occurred.`;p(t),o?.(t)}},[s,h,o,a,r,i]),y=n.useCallback(()=>{v()},[v]);return n.useEffect(()=>()=>{h()},[h]),{state:c,selectedType:u,errorMessage:f,setSelectedType:d,startAuthentication:v,retry:y,reset:g,cancel:_}}var o=[{type:`fingerprint`,label:`Fingerprint`},{type:`face`,label:`Face ID`}],s={fingerprint:(0,i.jsx)(r.Fingerprint,{className:`h-full w-full`}),face:(0,i.jsx)(r.ScanFace,{className:`h-full w-full`}),iris:(0,i.jsx)(r.ScanFace,{className:`h-full w-full`}),voice:(0,i.jsx)(r.ScanFace,{className:`h-full w-full`})},c={sm:{container:`p-4 max-w-xs`,icon:`h-12 w-12`,iconInner:`h-8 w-8`,title:`text-base`,description:`text-xs`,button:`h-8 px-3 text-xs`,typeButton:`h-8 w-8`},md:{container:`p-6 max-w-sm`,icon:`h-20 w-20`,iconInner:`h-12 w-12`,title:`text-lg`,description:`text-sm`,button:`h-10 px-4 text-sm`,typeButton:`h-10 w-10`},lg:{container:`p-8 max-w-md`,icon:`h-28 w-28`,iconInner:`h-16 w-16`,title:`text-xl`,description:`text-base`,button:`h-12 px-6 text-base`,typeButton:`h-12 w-12`}},l={default:{background:`bg-background`,text:`text-foreground`,muted:`text-muted-foreground`,primary:`text-primary`,success:`text-green-500`,error:`text-destructive`,iconBg:`bg-muted`,iconBgScanning:`bg-primary/10`,iconBgSuccess:`bg-green-500/10`,iconBgError:`bg-destructive/10`,button:`bg-primary text-primary-foreground hover:bg-primary/90`,buttonOutline:`border border-input bg-background hover:bg-accent hover:text-accent-foreground`,buttonGhost:`hover:bg-accent hover:text-accent-foreground`},primary:{background:`bg-primary`,text:`text-primary-foreground`,muted:`text-primary-foreground/70`,primary:`text-primary-foreground`,success:`text-green-300`,error:`text-red-300`,iconBg:`bg-primary-foreground/10`,iconBgScanning:`bg-primary-foreground/20`,iconBgSuccess:`bg-green-400/20`,iconBgError:`bg-red-400/20`,button:`bg-primary-foreground text-primary hover:bg-primary-foreground/90`,buttonOutline:`border border-primary-foreground/30 bg-transparent hover:bg-primary-foreground/10`,buttonGhost:`hover:bg-primary-foreground/10`},dark:{background:`bg-zinc-900`,text:`text-zinc-100`,muted:`text-zinc-400`,primary:`text-blue-400`,success:`text-green-400`,error:`text-red-400`,iconBg:`bg-zinc-800`,iconBgScanning:`bg-blue-500/20`,iconBgSuccess:`bg-green-500/20`,iconBgError:`bg-red-500/20`,button:`bg-blue-500 text-white hover:bg-blue-600`,buttonOutline:`border border-zinc-700 bg-transparent hover:bg-zinc-800`,buttonGhost:`hover:bg-zinc-800`}};function u({type:e,size:n,colorScheme:r}){let a=l[r],o=c[n];return(0,i.jsxs)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:[(0,i.jsx)(`div`,{className:t.cn(`absolute rounded-full animate-ping`,a.iconBgScanning,o.icon),style:{animationDuration:`1.5s`}}),(0,i.jsx)(`div`,{className:t.cn(`absolute rounded-full animate-ping`,a.iconBgScanning,o.icon),style:{animationDuration:`1.5s`,animationDelay:`0.5s`}}),e===`fingerprint`&&(0,i.jsx)(`div`,{className:t.cn(`absolute h-0.5 rounded-full animate-scan-line`,r==="default"?`bg-primary`:r===`primary`?`bg-primary-foreground`:`bg-blue-400`),style:{width:`70%`}}),e===`face`&&(0,i.jsx)(`div`,{className:`absolute inset-2 border-2 border-dashed rounded-lg animate-pulse`,style:{borderColor:r==="default"?`hsl(var(--primary))`:r===`primary`?`hsl(var(--primary-foreground))`:`#60a5fa`}})]})}function d({size:e,colorScheme:n}){let a=l[n],o=c[e];return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full animate-success-pop`,a.iconBgSuccess,o.icon),children:(0,i.jsx)(r.Check,{className:t.cn(o.iconInner,a.success),strokeWidth:3})})}function f({size:e,colorScheme:n}){let a=l[n],o=c[e];return(0,i.jsx)(`div`,{className:t.cn(`flex items-center justify-center rounded-full animate-error-shake`,a.iconBgError,o.icon),children:(0,i.jsx)(r.AlertCircle,{className:t.cn(o.iconInner,a.error),strokeWidth:2})})}function p({types:e,selectedType:n,onTypeChange:r,disabled:a,size:o,colorScheme:u}){let d=l[u],f=c[o];return e.length<=1?null:(0,i.jsx)(`div`,{className:`flex items-center justify-center gap-2 mt-4`,role:`radiogroup`,"aria-label":`Biometric type selection`,children:e.map(e=>{let c=e.type===n,l=e.icon||s[e.type];return(0,i.jsx)(`button`,{type:`button`,role:`radio`,"aria-checked":c,"aria-label":e.label||e.type,disabled:a,onClick:()=>r(e.type),className:t.cn(`flex items-center justify-center rounded-full transition-all`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,f.typeButton,c?t.cn(d.button):t.cn(d.buttonGhost,d.muted),a&&`opacity-50 cursor-not-allowed`),children:(0,i.jsx)(`div`,{className:t.cn(o===`sm`?`h-4 w-4`:o===`md`?`h-5 w-5`:`h-6 w-6`),children:l})},e.type)})})}var m=n.forwardRef(({biometricTypes:e=o,selectedType:a,onTypeChange:m,title:h=`Use biometrics`,description:g=`Authenticate using your biometric data`,state:_=`idle`,errorMessage:v,onAuthenticate:y,onRetry:b,onCancel:x,onFallbackToPassword:S,showPasswordFallback:C=!0,showCancel:w=!0,successMessage:T=`Authentication successful`,className:E,size:D=`md`,colorScheme:O=`default`},k)=>{let[A,j]=n.useState(e[0]?.type||`fingerprint`),M=a??A,N=m??j,P=l[O],F=c[D],I=e.find(e=>e.type===M)||e[0],L=I?.icon||s[M],R=_===`scanning`||_===`success`;return(0,i.jsxs)(`div`,{ref:k,className:t.cn(`flex flex-col items-center rounded-2xl shadow-lg`,P.background,F.container,E),role:`dialog`,"aria-labelledby":`biometric-title`,"aria-describedby":`biometric-description`,onKeyDown:e=>{e.key===`Enter`||e.key===` `?(e.preventDefault(),_===`idle`?y?.():_===`error`&&b?.()):e.key===`Escape`&&(e.preventDefault(),x?.())},children:[(0,i.jsxs)(`div`,{className:`relative flex items-center justify-center mb-4`,children:[_===`idle`&&(0,i.jsx)(`button`,{type:`button`,onClick:y,disabled:R,className:t.cn(`flex items-center justify-center rounded-full transition-all`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,`hover:scale-105 active:scale-95`,P.iconBg,P.primary,F.icon),"aria-label":`Authenticate with ${I?.label||M}`,children:(0,i.jsx)(`div`,{className:F.iconInner,children:L})}),_===`scanning`&&(0,i.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full`,P.iconBgScanning,P.primary,F.icon),children:[(0,i.jsx)(`div`,{className:t.cn(F.iconInner,`animate-pulse`),children:L}),(0,i.jsx)(u,{type:M,size:D,colorScheme:O})]}),_===`success`&&(0,i.jsx)(d,{size:D,colorScheme:O}),_===`error`&&(0,i.jsx)(f,{size:D,colorScheme:O})]}),(0,i.jsx)(`h2`,{id:`biometric-title`,className:t.cn(`font-semibold text-center`,P.text,F.title),children:_===`success`?T:_===`error`?`Authentication failed`:h}),(0,i.jsxs)(`p`,{id:`biometric-description`,className:t.cn(`text-center mt-1`,P.muted,F.description),children:[_===`scanning`&&`Scanning ${I?.label||M}...`,_===`error`&&(v||`Please try again`),_===`success`&&`You can now proceed`,_===`idle`&&g]}),_===`idle`&&(0,i.jsx)(p,{types:e,selectedType:M,onTypeChange:N,disabled:R,size:D,colorScheme:O}),_===`scanning`&&(0,i.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 mt-4`,P.muted),children:[(0,i.jsx)(r.Loader2,{className:`h-4 w-4 animate-spin`}),(0,i.jsx)(`span`,{className:F.description,children:`Processing...`})]}),(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2 mt-6 w-full`,children:[_===`error`&&b&&(0,i.jsxs)(`button`,{type:`button`,onClick:b,className:t.cn(`inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-colors`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,P.button,F.button,`w-full`),"aria-label":`Retry authentication`,children:[(0,i.jsx)(r.RefreshCw,{className:`h-4 w-4`}),`Try again`]}),_===`idle`&&C&&S&&(0,i.jsxs)(`button`,{type:`button`,onClick:S,className:t.cn(`inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-colors`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,P.buttonOutline,F.button,`w-full`),"aria-label":`Use password instead`,children:[(0,i.jsx)(r.KeyRound,{className:`h-4 w-4`}),`Use password instead`]}),(_===`idle`||_===`error`)&&w&&x&&(0,i.jsxs)(`button`,{type:`button`,onClick:x,className:t.cn(`inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-colors`,`focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2`,P.buttonGhost,P.muted,F.button),"aria-label":`Cancel authentication`,children:[(0,i.jsx)(r.X,{className:`h-4 w-4`}),`Cancel`]})]})]})});if(m.displayName=`WakaBiometricPrompt`,typeof document<`u`){let e=`waka-biometric-prompt-styles`;if(!document.getElementById(e)){let t=document.createElement(`style`);t.id=e,t.textContent=`
+      @keyframes scan-line {
+        0%, 100% {
+          transform: translateY(-200%);
+          opacity: 0;
+        }
+        10%, 90% {
+          opacity: 1;
+        }
+        50% {
+          transform: translateY(200%);
+        }
+      }
+
+      @keyframes success-pop {
+        0% {
+          transform: scale(0);
+          opacity: 0;
+        }
+        50% {
+          transform: scale(1.2);
+        }
+        100% {
+          transform: scale(1);
+          opacity: 1;
+        }
+      }
+
+      @keyframes error-shake {
+        0%, 100% {
+          transform: translateX(0);
+        }
+        10%, 30%, 50%, 70%, 90% {
+          transform: translateX(-4px);
+        }
+        20%, 40%, 60%, 80% {
+          transform: translateX(4px);
+        }
+      }
+
+      .animate-scan-line {
+        animation: scan-line 2s ease-in-out infinite;
+      }
+
+      .animate-success-pop {
+        animation: success-pop 0.4s ease-out forwards;
+      }
+
+      .animate-error-shake {
+        animation: error-shake 0.5s ease-in-out;
+      }
+    `,document.head.appendChild(t)}}exports.WakaBiometricPrompt=m,exports.default=m,exports.useBiometricPrompt=a;

package/dist/components/waka-biometric-prompt/index.es.js

@@ -0,0 +1,334 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { AlertCircle as n, Check as r, Fingerprint as i, KeyRound as a, Loader2 as o, RefreshCw as s, ScanFace as c, X as l } from "lucide-react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/waka-biometric-prompt/index.tsx
+function f(e = {}) {
+	let { initialType: n = "fingerprint", scanningDuration: r = 2e3, successRate: i = .9, onSuccess: a, onError: o, authenticate: s } = e, [c, l] = t.useState("idle"), [u, d] = t.useState(n), [f, p] = t.useState(null), m = t.useRef(null), h = t.useCallback(() => {
+		m.current &&= (clearTimeout(m.current), null);
+	}, []), g = t.useCallback(() => {
+		h(), l("idle"), p(null);
+	}, [h]), _ = t.useCallback(() => {
+		h(), l("idle"), p(null);
+	}, [h]), v = t.useCallback(async () => {
+		h(), l("scanning"), p(null);
+		try {
+			if (s) if (await s()) l("success"), a?.();
+			else {
+				l("error");
+				let e = "Authentication failed. Please try again.";
+				p(e), o?.(e);
+			}
+			else await new Promise((e) => {
+				m.current = setTimeout(() => {
+					if (Math.random() < i) l("success"), a?.();
+					else {
+						l("error");
+						let e = "Authentication failed. Please try again.";
+						p(e), o?.(e);
+					}
+					e();
+				}, r);
+			});
+		} catch (e) {
+			l("error");
+			let t = e instanceof Error ? e.message : "An unexpected error occurred.";
+			p(t), o?.(t);
+		}
+	}, [
+		s,
+		h,
+		o,
+		a,
+		r,
+		i
+	]), y = t.useCallback(() => {
+		v();
+	}, [v]);
+	return t.useEffect(() => () => {
+		h();
+	}, [h]), {
+		state: c,
+		selectedType: u,
+		errorMessage: f,
+		setSelectedType: d,
+		startAuthentication: v,
+		retry: y,
+		reset: g,
+		cancel: _
+	};
+}
+var p = [{
+	type: "fingerprint",
+	label: "Fingerprint"
+}, {
+	type: "face",
+	label: "Face ID"
+}], m = {
+	fingerprint: /* @__PURE__ */ u(i, { className: "h-full w-full" }),
+	face: /* @__PURE__ */ u(c, { className: "h-full w-full" }),
+	iris: /* @__PURE__ */ u(c, { className: "h-full w-full" }),
+	voice: /* @__PURE__ */ u(c, { className: "h-full w-full" })
+}, h = {
+	sm: {
+		container: "p-4 max-w-xs",
+		icon: "h-12 w-12",
+		iconInner: "h-8 w-8",
+		title: "text-base",
+		description: "text-xs",
+		button: "h-8 px-3 text-xs",
+		typeButton: "h-8 w-8"
+	},
+	md: {
+		container: "p-6 max-w-sm",
+		icon: "h-20 w-20",
+		iconInner: "h-12 w-12",
+		title: "text-lg",
+		description: "text-sm",
+		button: "h-10 px-4 text-sm",
+		typeButton: "h-10 w-10"
+	},
+	lg: {
+		container: "p-8 max-w-md",
+		icon: "h-28 w-28",
+		iconInner: "h-16 w-16",
+		title: "text-xl",
+		description: "text-base",
+		button: "h-12 px-6 text-base",
+		typeButton: "h-12 w-12"
+	}
+}, g = {
+	default: {
+		background: "bg-background",
+		text: "text-foreground",
+		muted: "text-muted-foreground",
+		primary: "text-primary",
+		success: "text-green-500",
+		error: "text-destructive",
+		iconBg: "bg-muted",
+		iconBgScanning: "bg-primary/10",
+		iconBgSuccess: "bg-green-500/10",
+		iconBgError: "bg-destructive/10",
+		button: "bg-primary text-primary-foreground hover:bg-primary/90",
+		buttonOutline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+		buttonGhost: "hover:bg-accent hover:text-accent-foreground"
+	},
+	primary: {
+		background: "bg-primary",
+		text: "text-primary-foreground",
+		muted: "text-primary-foreground/70",
+		primary: "text-primary-foreground",
+		success: "text-green-300",
+		error: "text-red-300",
+		iconBg: "bg-primary-foreground/10",
+		iconBgScanning: "bg-primary-foreground/20",
+		iconBgSuccess: "bg-green-400/20",
+		iconBgError: "bg-red-400/20",
+		button: "bg-primary-foreground text-primary hover:bg-primary-foreground/90",
+		buttonOutline: "border border-primary-foreground/30 bg-transparent hover:bg-primary-foreground/10",
+		buttonGhost: "hover:bg-primary-foreground/10"
+	},
+	dark: {
+		background: "bg-zinc-900",
+		text: "text-zinc-100",
+		muted: "text-zinc-400",
+		primary: "text-blue-400",
+		success: "text-green-400",
+		error: "text-red-400",
+		iconBg: "bg-zinc-800",
+		iconBgScanning: "bg-blue-500/20",
+		iconBgSuccess: "bg-green-500/20",
+		iconBgError: "bg-red-500/20",
+		button: "bg-blue-500 text-white hover:bg-blue-600",
+		buttonOutline: "border border-zinc-700 bg-transparent hover:bg-zinc-800",
+		buttonGhost: "hover:bg-zinc-800"
+	}
+};
+function _({ type: t, size: n, colorScheme: r }) {
+	let i = g[r], a = h[n];
+	return /* @__PURE__ */ d("div", {
+		className: "absolute inset-0 flex items-center justify-center",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: e("absolute rounded-full animate-ping", i.iconBgScanning, a.icon),
+				style: { animationDuration: "1.5s" }
+			}),
+			/* @__PURE__ */ u("div", {
+				className: e("absolute rounded-full animate-ping", i.iconBgScanning, a.icon),
+				style: {
+					animationDuration: "1.5s",
+					animationDelay: "0.5s"
+				}
+			}),
+			t === "fingerprint" && /* @__PURE__ */ u("div", {
+				className: e("absolute h-0.5 rounded-full animate-scan-line", r === "default" ? "bg-primary" : r === "primary" ? "bg-primary-foreground" : "bg-blue-400"),
+				style: { width: "70%" }
+			}),
+			t === "face" && /* @__PURE__ */ u("div", {
+				className: "absolute inset-2 border-2 border-dashed rounded-lg animate-pulse",
+				style: { borderColor: r === "default" ? "hsl(var(--primary))" : r === "primary" ? "hsl(var(--primary-foreground))" : "#60a5fa" }
+			})
+		]
+	});
+}
+function v({ size: t, colorScheme: n }) {
+	let i = g[n], a = h[t];
+	return /* @__PURE__ */ u("div", {
+		className: e("flex items-center justify-center rounded-full animate-success-pop", i.iconBgSuccess, a.icon),
+		children: /* @__PURE__ */ u(r, {
+			className: e(a.iconInner, i.success),
+			strokeWidth: 3
+		})
+	});
+}
+function y({ size: t, colorScheme: r }) {
+	let i = g[r], a = h[t];
+	return /* @__PURE__ */ u("div", {
+		className: e("flex items-center justify-center rounded-full animate-error-shake", i.iconBgError, a.icon),
+		children: /* @__PURE__ */ u(n, {
+			className: e(a.iconInner, i.error),
+			strokeWidth: 2
+		})
+	});
+}
+function b({ types: t, selectedType: n, onTypeChange: r, disabled: i, size: a, colorScheme: o }) {
+	let s = g[o], c = h[a];
+	return t.length <= 1 ? null : /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center gap-2 mt-4",
+		role: "radiogroup",
+		"aria-label": "Biometric type selection",
+		children: t.map((t) => {
+			let o = t.type === n, l = t.icon || m[t.type];
+			return /* @__PURE__ */ u("button", {
+				type: "button",
+				role: "radio",
+				"aria-checked": o,
+				"aria-label": t.label || t.type,
+				disabled: i,
+				onClick: () => r(t.type),
+				className: e("flex items-center justify-center rounded-full transition-all", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", c.typeButton, o ? e(s.button) : e(s.buttonGhost, s.muted), i && "opacity-50 cursor-not-allowed"),
+				children: /* @__PURE__ */ u("div", {
+					className: e(a === "sm" ? "h-4 w-4" : a === "md" ? "h-5 w-5" : "h-6 w-6"),
+					children: l
+				})
+			}, t.type);
+		})
+	});
+}
+var x = t.forwardRef(({ biometricTypes: n = p, selectedType: r, onTypeChange: i, title: c = "Use biometrics", description: f = "Authenticate using your biometric data", state: x = "idle", errorMessage: S, onAuthenticate: C, onRetry: w, onCancel: T, onFallbackToPassword: E, showPasswordFallback: D = !0, showCancel: O = !0, successMessage: k = "Authentication successful", className: A, size: j = "md", colorScheme: M = "default" }, N) => {
+	let [P, F] = t.useState(n[0]?.type || "fingerprint"), I = r ?? P, L = i ?? F, R = g[M], z = h[j], B = n.find((e) => e.type === I) || n[0], V = B?.icon || m[I], H = x === "scanning" || x === "success";
+	return /* @__PURE__ */ d("div", {
+		ref: N,
+		className: e("flex flex-col items-center rounded-2xl shadow-lg", R.background, z.container, A),
+		role: "dialog",
+		"aria-labelledby": "biometric-title",
+		"aria-describedby": "biometric-description",
+		onKeyDown: (e) => {
+			e.key === "Enter" || e.key === " " ? (e.preventDefault(), x === "idle" ? C?.() : x === "error" && w?.()) : e.key === "Escape" && (e.preventDefault(), T?.());
+		},
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "relative flex items-center justify-center mb-4",
+				children: [
+					x === "idle" && /* @__PURE__ */ u("button", {
+						type: "button",
+						onClick: C,
+						disabled: H,
+						className: e("flex items-center justify-center rounded-full transition-all", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "hover:scale-105 active:scale-95", R.iconBg, R.primary, z.icon),
+						"aria-label": `Authenticate with ${B?.label || I}`,
+						children: /* @__PURE__ */ u("div", {
+							className: z.iconInner,
+							children: V
+						})
+					}),
+					x === "scanning" && /* @__PURE__ */ d("div", {
+						className: e("relative flex items-center justify-center rounded-full", R.iconBgScanning, R.primary, z.icon),
+						children: [/* @__PURE__ */ u("div", {
+							className: e(z.iconInner, "animate-pulse"),
+							children: V
+						}), /* @__PURE__ */ u(_, {
+							type: I,
+							size: j,
+							colorScheme: M
+						})]
+					}),
+					x === "success" && /* @__PURE__ */ u(v, {
+						size: j,
+						colorScheme: M
+					}),
+					x === "error" && /* @__PURE__ */ u(y, {
+						size: j,
+						colorScheme: M
+					})
+				]
+			}),
+			/* @__PURE__ */ u("h2", {
+				id: "biometric-title",
+				className: e("font-semibold text-center", R.text, z.title),
+				children: x === "success" ? k : x === "error" ? "Authentication failed" : c
+			}),
+			/* @__PURE__ */ d("p", {
+				id: "biometric-description",
+				className: e("text-center mt-1", R.muted, z.description),
+				children: [
+					x === "scanning" && `Scanning ${B?.label || I}...`,
+					x === "error" && (S || "Please try again"),
+					x === "success" && "You can now proceed",
+					x === "idle" && f
+				]
+			}),
+			x === "idle" && /* @__PURE__ */ u(b, {
+				types: n,
+				selectedType: I,
+				onTypeChange: L,
+				disabled: H,
+				size: j,
+				colorScheme: M
+			}),
+			x === "scanning" && /* @__PURE__ */ d("div", {
+				className: e("flex items-center gap-2 mt-4", R.muted),
+				children: [/* @__PURE__ */ u(o, { className: "h-4 w-4 animate-spin" }), /* @__PURE__ */ u("span", {
+					className: z.description,
+					children: "Processing..."
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "flex flex-col items-center gap-2 mt-6 w-full",
+				children: [
+					x === "error" && w && /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: w,
+						className: e("inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", R.button, z.button, "w-full"),
+						"aria-label": "Retry authentication",
+						children: [/* @__PURE__ */ u(s, { className: "h-4 w-4" }), "Try again"]
+					}),
+					x === "idle" && D && E && /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: E,
+						className: e("inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", R.buttonOutline, z.button, "w-full"),
+						"aria-label": "Use password instead",
+						children: [/* @__PURE__ */ u(a, { className: "h-4 w-4" }), "Use password instead"]
+					}),
+					(x === "idle" || x === "error") && O && T && /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: T,
+						className: e("inline-flex items-center justify-center gap-2 rounded-lg font-medium transition-colors", "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", R.buttonGhost, R.muted, z.button),
+						"aria-label": "Cancel authentication",
+						children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Cancel"]
+					})
+				]
+			})
+		]
+	});
+});
+if (x.displayName = "WakaBiometricPrompt", typeof document < "u") {
+	let e = "waka-biometric-prompt-styles";
+	if (!document.getElementById(e)) {
+		let t = document.createElement("style");
+		t.id = e, t.textContent = "\n      @keyframes scan-line {\n        0%, 100% {\n          transform: translateY(-200%);\n          opacity: 0;\n        }\n        10%, 90% {\n          opacity: 1;\n        }\n        50% {\n          transform: translateY(200%);\n        }\n      }\n\n      @keyframes success-pop {\n        0% {\n          transform: scale(0);\n          opacity: 0;\n        }\n        50% {\n          transform: scale(1.2);\n        }\n        100% {\n          transform: scale(1);\n          opacity: 1;\n        }\n      }\n\n      @keyframes error-shake {\n        0%, 100% {\n          transform: translateX(0);\n        }\n        10%, 30%, 50%, 70%, 90% {\n          transform: translateX(-4px);\n        }\n        20%, 40%, 60%, 80% {\n          transform: translateX(4px);\n        }\n      }\n\n      .animate-scan-line {\n        animation: scan-line 2s ease-in-out infinite;\n      }\n\n      .animate-success-pop {\n        animation: success-pop 0.4s ease-out forwards;\n      }\n\n      .animate-error-shake {\n        animation: error-shake 0.5s ease-in-out;\n      }\n    ", document.head.appendChild(t);
+	}
+}
+//#endregion
+export { x as WakaBiometricPrompt, x as default, f as useBiometricPrompt };

package/dist/components/waka-bottom-sheet/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("class-variance-authority"),i=require("react/jsx-runtime");var a=(0,r.cva)(`fixed inset-x-0 bottom-0 z-50 flex flex-col bg-background touch-none`,{variants:{variant:{default:`rounded-t-2xl shadow-2xl border-t border-border`,flat:`shadow-lg`,glass:`rounded-t-2xl bg-background/80 backdrop-blur-xl border-t border-white/20`}},defaultVariants:{variant:`default`}}),o=(0,r.cva)(`fixed inset-0 z-40 transition-opacity`,{variants:{variant:{default:`bg-black/50`,blur:`bg-black/30 backdrop-blur-sm`,none:`bg-transparent pointer-events-none`}},defaultVariants:{variant:`default`}}),s=(0,r.cva)(`mx-auto mt-3 mb-2 rounded-full bg-muted transition-colors`,{variants:{size:{sm:`w-8 h-1`,default:`w-12 h-1.5`,lg:`w-16 h-2`}},defaultVariants:{size:`default`}});function c(e=`light`){typeof window<`u`&&`vibrate`in navigator&&navigator.vibrate({light:10,medium:20,heavy:30}[e])}function l(e,t,n){return Math.min(Math.max(e,t),n)}var u=n.forwardRef(({open:e,onOpenChange:r,snapPoints:u=[25,50,90],defaultSnapPoint:d=0,snapPoint:f,onSnapPointChange:p,showBackdrop:m=!0,closeOnBackdropClick:h=!0,showHandle:g=!0,blockScroll:_=!0,hapticFeedback:v=!0,header:y,footer:b,children:x,onDragStart:S,onDragEnd:C,animationDuration:w=300,closeOnEscape:T=!0,variant:E,className:D,...O},k)=>{let A=n.useRef(null),j=n.useRef(null),[M,N]=n.useState(d),[P,F]=n.useState(!1),[I,L]=n.useState({y:0,height:0}),[R,z]=n.useState(0),[B,ee]=n.useState(0),[V,H]=n.useState(!1),U=f??M,W=n.useCallback(e=>{N(e),p?.(e)},[p]);n.useImperativeHandle(k,()=>A.current);let G=n.useCallback(e=>e===`full`?B:e===`content`?j.current?.scrollHeight??B*.5:e/100*B,[B]),K=n.useMemo(()=>u.map(G),[u,G]);n.useEffect(()=>{let e=()=>ee(window.innerHeight);return e(),window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]),n.useEffect(()=>{if(e&&B>0){let e=K[U]??K[0];z(e)}},[e,B,K,U]),n.useEffect(()=>{if(_&&e){let e=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=e}}},[_,e]),n.useEffect(()=>{if(!T||!e)return;let t=e=>{e.key===`Escape`&&r(!1)};return document.addEventListener(`keydown`,t),()=>document.removeEventListener(`keydown`,t)},[T,e,r]);let q=n.useCallback(e=>{let t=0,n=1/0;return K.forEach((r,i)=>{let a=Math.abs(e-r);a<n&&(n=a,t=i)}),t},[K]),J=n.useCallback(e=>{V||(F(!0),L({y:e,height:R}),S?.())},[V,R,S]),Y=n.useCallback(e=>{if(!P)return;let t=I.y-e,n=l(I.height+t,0,B);z(n)},[P,I,B]),X=n.useCallback(()=>{if(!P)return;F(!1);let e=K[0]*.5;if(R<e){H(!0),z(0),setTimeout(()=>{r(!1),H(!1)},w),C?.(-1);return}let t=q(R),n=K[t];v&&t!==U&&c(`light`),H(!0),z(n),W(t),setTimeout(()=>{H(!1)},w),C?.(t)},[P,R,K,q,v,U,w,r,C,W]),Z=n.useCallback(e=>{J(e.touches[0].clientY)},[J]),Q=n.useCallback(e=>{Y(e.touches[0].clientY)},[Y]),$=n.useCallback(()=>{X()},[X]),te=n.useCallback(e=>{J(e.clientY),e.preventDefault()},[J]);n.useEffect(()=>{if(!P)return;let e=e=>{Y(e.clientY)},t=()=>{X()};return document.addEventListener(`mousemove`,e),document.addEventListener(`mouseup`,t),()=>{document.removeEventListener(`mousemove`,e),document.removeEventListener(`mouseup`,t)}},[P,Y,X]);let ne=n.useCallback(()=>{h&&r(!1)},[h,r]);n.useCallback(e=>{if(e<0||e>=u.length)return;let t=K[e];H(!0),z(t),W(e),v&&c(`light`),setTimeout(()=>{H(!1)},w)},[u.length,K,v,w,W]);let re=e?l(R/(B*.5),0,1):0;return!e&&R===0?null:(0,i.jsxs)(i.Fragment,{children:[m&&(0,i.jsx)(`div`,{className:t.cn(o({variant:`default`})),style:{opacity:re,transition:V||!P?`opacity ${w}ms ease-out`:`none`},onClick:ne,"aria-hidden":`true`}),(0,i.jsxs)(`div`,{ref:A,role:`dialog`,"aria-modal":`true`,className:t.cn(a({variant:E}),D),style:{height:R,maxHeight:B,transition:V||!P?`height ${w}ms ease-out`:`none`},...O,children:[g&&(0,i.jsx)(`div`,{className:`flex-shrink-0 cursor-grab active:cursor-grabbing`,onTouchStart:Z,onTouchMove:Q,onTouchEnd:$,onTouchCancel:$,onMouseDown:te,children:(0,i.jsx)(`div`,{className:t.cn(s({size:`default`}))})}),y&&(0,i.jsx)(`div`,{className:`flex-shrink-0 px-4 pb-2 border-b border-border`,children:y}),(0,i.jsx)(`div`,{ref:j,className:`flex-1 overflow-auto overscroll-contain px-4 py-2`,children:x}),b&&(0,i.jsx)(`div`,{className:`flex-shrink-0 px-4 pt-2 pb-4 border-t border-border safe-area-inset-bottom`,children:b})]})]})});u.displayName=`WakaBottomSheet`;function d(e={}){let{defaultOpen:t=!1,defaultSnapPoint:r=0,onOpenChange:i,onSnapPointChange:a}=e,[o,s]=n.useState(t),[c,l]=n.useState(r);return{open:o,snapPoint:c,onOpenChange:n.useCallback(e=>{s(e),i?.(e)},[i]),onSnapPointChange:n.useCallback(e=>{l(e),a?.(e)},[a]),openSheet:n.useCallback(e=>{e!==void 0&&l(e),s(!0)},[]),closeSheet:n.useCallback(()=>{s(!1)},[]),toggleSheet:n.useCallback(()=>{s(e=>!e)},[])}}exports.WakaBottomSheet=u,exports.useBottomSheet=d;

package/dist/components/waka-bottom-sheet/index.d.ts

@@ -39,9 +39,9 @@ export interface WakaBottomSheetProps extends Omit<React.HTMLAttributes<HTMLDivE
     /** Enable keyboard escape to close */
     closeOnEscape?: boolean;
 }
-declare const bottomSheetVariants: (props?: {
-    variant?: "default" | "glass" | "flat";
-} & import("class-variance-authority/types").ClassProp) => string;
+declare const bottomSheetVariants: (props?: ({
+    variant?: "default" | "glass" | "flat" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const WakaBottomSheet: React.ForwardRefExoticComponent<WakaBottomSheetProps & React.RefAttributes<HTMLDivElement>>;
 export interface UseBottomSheetOptions {
     defaultOpen?: boolean;