@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-autocomplete/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(`../badge/index.cjs.js`),r=require(`../button/index.cjs.js`),i=require(`../command/index.cjs.js`),a=require(`../label/index.cjs.js`),o=require(`../popover/index.cjs.js`);let s=require(`react`);s=e.__toESM(s);let c=require(`lucide-react`),l=require(`react/jsx-runtime`);var u=s.forwardRef(({options:e,value:u,onChange:d,onSearch:f,multiple:p=!1,creatable:m=!1,onCreate:h,placeholder:g=`Sélectionner...`,emptyMessage:_=`Aucun résultat.`,loading:v=!1,disabled:y=!1,error:b,className:x,label:S,description:C,maxSelections:w,sortOptions:T=!1,searchDebounce:E=300},D)=>{let[O,k]=s.useState(!1),[A,j]=s.useState(``),[M,N]=s.useState(e),[P,F]=s.useState(!1),I=s.useRef(void 0);s.useEffect(()=>{f||N(e)},[e,f]);let L=s.useMemo(()=>u?Array.isArray(u)?u:[u]:[],[u]);s.useEffect(()=>{if(f){if(I.current&&clearTimeout(I.current),!A.trim()){N(e);return}return I.current=setTimeout(async()=>{F(!0);try{N(await f(A))}catch{N([])}finally{F(!1)}},E),()=>{I.current&&clearTimeout(I.current)}}},[A,f,E,e]);let R=s.useMemo(()=>{let e=M;if(!f&&A.trim()){let t=A.toLowerCase();e=M.filter(e=>e.label.toLowerCase().includes(t)||e.value.toLowerCase().includes(t))}return T&&(e=[...e].sort((e,t)=>e.label.localeCompare(t.label))),e},[M,A,f,T]),z=s.useMemo(()=>{let e={_ungrouped:[]};for(let t of R){let n=t.group||`_ungrouped`;e[n]||(e[n]=[]),e[n].push(t)}return e},[R]),B=m&&A.trim()&&!M.some(e=>e.value.toLowerCase()===A.toLowerCase()),V=e=>{if(p){let t=L.includes(e)?L.filter(t=>t!==e):w&&L.length>=w?L:[...L,e];d?.(t.length>0?t:null)}else d?.(e===u?null:e),k(!1);j(``)},H=()=>{if(!A.trim())return;let e={value:A.trim(),label:A.trim()};N(t=>[...t,e]),V(e.value),h?.(e.value)},U=(e,t)=>{t.stopPropagation();let n=L.filter(t=>t!==e);d?.(n.length>0?n:null)},W=e=>M.find(t=>t.value===e)?.label||e,G=P||v;return(0,l.jsxs)(`div`,{className:t.cn(`space-y-1.5`,x),children:[S&&(0,l.jsx)(a.Label,{children:S}),C&&(0,l.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:C}),(0,l.jsxs)(o.Popover,{open:O,onOpenChange:k,children:[(0,l.jsx)(o.PopoverTrigger,{asChild:!0,children:(0,l.jsxs)(r.Button,{ref:D,variant:`outline`,role:`combobox`,"aria-expanded":O,disabled:y,className:t.cn(`w-full justify-between font-normal`,!u&&`text-muted-foreground`,b&&`border-destructive`),children:[p?(0,l.jsx)(`div`,{className:`flex flex-wrap gap-1 flex-1 min-w-0`,children:L.length>0?L.map(e=>(0,l.jsxs)(n.Badge,{variant:`secondary`,className:`text-xs`,children:[W(e),(0,l.jsx)(`button`,{className:`ml-1 hover:text-destructive`,onClick:t=>U(e,t),children:(0,l.jsx)(c.X,{className:`h-3 w-3`})})]},e)):(0,l.jsx)(`span`,{children:g})}):(0,l.jsx)(`span`,{className:`truncate`,children:u?W(u):g}),G?(0,l.jsx)(c.Loader2,{className:`ml-2 h-4 w-4 shrink-0 animate-spin`}):(0,l.jsx)(c.ChevronsUpDown,{className:`ml-2 h-4 w-4 shrink-0 opacity-50`})]})}),(0,l.jsx)(o.PopoverContent,{className:`w-[var(--radix-popover-trigger-width)] p-0`,align:`start`,children:(0,l.jsxs)(i.Command,{shouldFilter:!1,children:[(0,l.jsx)(i.CommandInput,{placeholder:`Rechercher...`,value:A,onValueChange:j}),(0,l.jsxs)(i.CommandList,{children:[G&&(0,l.jsxs)(`div`,{className:`py-6 text-center text-sm`,children:[(0,l.jsx)(c.Loader2,{className:`h-4 w-4 animate-spin mx-auto mb-2`}),`Chargement...`]}),!G&&R.length===0&&!B&&(0,l.jsx)(i.CommandEmpty,{children:_}),B&&(0,l.jsx)(i.CommandGroup,{children:(0,l.jsxs)(i.CommandItem,{onSelect:H,className:`cursor-pointer`,children:[(0,l.jsx)(c.Plus,{className:`mr-2 h-4 w-4`}),`Créer "`,A,`"`]})}),Object.entries(z).map(([e,n])=>n.length===0?null:(0,l.jsx)(i.CommandGroup,{heading:e===`_ungrouped`?void 0:e,children:n.map(e=>(0,l.jsxs)(i.CommandItem,{value:e.value,onSelect:()=>V(e.value),disabled:e.disabled,className:`cursor-pointer`,children:[(0,l.jsx)(c.Check,{className:t.cn(`mr-2 h-4 w-4`,L.includes(e.value)?`opacity-100`:`opacity-0`)}),e.label]},e.value))},e))]})]})})]}),b&&(0,l.jsx)(`p`,{className:`text-sm text-destructive`,children:b})]})});u.displayName=`WakaAutocomplete`;var d=s.forwardRef((e,t)=>(0,l.jsx)(u,{ref:t,...e}));d.displayName=`WakaAutocompleteForm`,exports.WakaAutocompleteForm=d,exports.default=u;

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

@@ -0,0 +1,170 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import { Button as n } from "../button/index.es.js";
+import { Command as ee, CommandEmpty as r, CommandGroup as i, CommandInput as a, CommandItem as o, CommandList as s } from "../command/index.es.js";
+import { Label as c } from "../label/index.es.js";
+import { Popover as l, PopoverContent as te, PopoverTrigger as u } from "../popover/index.es.js";
+import * as d from "react";
+import { Check as f, ChevronsUpDown as p, Loader2 as m, Plus as h, X as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+//#region src/components/waka-autocomplete/index.tsx
+var y = d.forwardRef(({ options: y, value: b, onChange: x, onSearch: S, multiple: C = !1, creatable: w = !1, onCreate: T, placeholder: E = "Sélectionner...", emptyMessage: D = "Aucun résultat.", loading: O = !1, disabled: k = !1, error: A, className: j, label: M, description: N, maxSelections: P, sortOptions: F = !1, searchDebounce: I = 300 }, L) => {
+	let [R, z] = d.useState(!1), [B, V] = d.useState(""), [H, U] = d.useState(y), [W, G] = d.useState(!1), K = d.useRef(void 0);
+	d.useEffect(() => {
+		S || U(y);
+	}, [y, S]);
+	let q = d.useMemo(() => b ? Array.isArray(b) ? b : [b] : [], [b]);
+	d.useEffect(() => {
+		if (S) {
+			if (K.current && clearTimeout(K.current), !B.trim()) {
+				U(y);
+				return;
+			}
+			return K.current = setTimeout(async () => {
+				G(!0);
+				try {
+					U(await S(B));
+				} catch {
+					U([]);
+				} finally {
+					G(!1);
+				}
+			}, I), () => {
+				K.current && clearTimeout(K.current);
+			};
+		}
+	}, [
+		B,
+		S,
+		I,
+		y
+	]);
+	let J = d.useMemo(() => {
+		let e = H;
+		if (!S && B.trim()) {
+			let t = B.toLowerCase();
+			e = H.filter((e) => e.label.toLowerCase().includes(t) || e.value.toLowerCase().includes(t));
+		}
+		return F && (e = [...e].sort((e, t) => e.label.localeCompare(t.label))), e;
+	}, [
+		H,
+		B,
+		S,
+		F
+	]), Y = d.useMemo(() => {
+		let e = { _ungrouped: [] };
+		for (let t of J) {
+			let n = t.group || "_ungrouped";
+			e[n] || (e[n] = []), e[n].push(t);
+		}
+		return e;
+	}, [J]), X = w && B.trim() && !H.some((e) => e.value.toLowerCase() === B.toLowerCase()), Z = (e) => {
+		if (C) {
+			let t = q.includes(e) ? q.filter((t) => t !== e) : P && q.length >= P ? q : [...q, e];
+			x?.(t.length > 0 ? t : null);
+		} else x?.(e === b ? null : e), z(!1);
+		V("");
+	}, ne = () => {
+		if (!B.trim()) return;
+		let e = {
+			value: B.trim(),
+			label: B.trim()
+		};
+		U((t) => [...t, e]), Z(e.value), T?.(e.value);
+	}, re = (e, t) => {
+		t.stopPropagation();
+		let n = q.filter((t) => t !== e);
+		x?.(n.length > 0 ? n : null);
+	}, Q = (e) => H.find((t) => t.value === e)?.label || e, $ = W || O;
+	return /* @__PURE__ */ v("div", {
+		className: e("space-y-1.5", j),
+		children: [
+			M && /* @__PURE__ */ _(c, { children: M }),
+			N && /* @__PURE__ */ _("p", {
+				className: "text-sm text-muted-foreground",
+				children: N
+			}),
+			/* @__PURE__ */ v(l, {
+				open: R,
+				onOpenChange: z,
+				children: [/* @__PURE__ */ _(u, {
+					asChild: !0,
+					children: /* @__PURE__ */ v(n, {
+						ref: L,
+						variant: "outline",
+						role: "combobox",
+						"aria-expanded": R,
+						disabled: k,
+						className: e("w-full justify-between font-normal", !b && "text-muted-foreground", A && "border-destructive"),
+						children: [C ? /* @__PURE__ */ _("div", {
+							className: "flex flex-wrap gap-1 flex-1 min-w-0",
+							children: q.length > 0 ? q.map((e) => /* @__PURE__ */ v(t, {
+								variant: "secondary",
+								className: "text-xs",
+								children: [Q(e), /* @__PURE__ */ _("button", {
+									className: "ml-1 hover:text-destructive",
+									onClick: (t) => re(e, t),
+									children: /* @__PURE__ */ _(g, { className: "h-3 w-3" })
+								})]
+							}, e)) : /* @__PURE__ */ _("span", { children: E })
+						}) : /* @__PURE__ */ _("span", {
+							className: "truncate",
+							children: b ? Q(b) : E
+						}), $ ? /* @__PURE__ */ _(m, { className: "ml-2 h-4 w-4 shrink-0 animate-spin" }) : /* @__PURE__ */ _(p, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+					})
+				}), /* @__PURE__ */ _(te, {
+					className: "w-[var(--radix-popover-trigger-width)] p-0",
+					align: "start",
+					children: /* @__PURE__ */ v(ee, {
+						shouldFilter: !1,
+						children: [/* @__PURE__ */ _(a, {
+							placeholder: "Rechercher...",
+							value: B,
+							onValueChange: V
+						}), /* @__PURE__ */ v(s, { children: [
+							$ && /* @__PURE__ */ v("div", {
+								className: "py-6 text-center text-sm",
+								children: [/* @__PURE__ */ _(m, { className: "h-4 w-4 animate-spin mx-auto mb-2" }), "Chargement..."]
+							}),
+							!$ && J.length === 0 && !X && /* @__PURE__ */ _(r, { children: D }),
+							X && /* @__PURE__ */ _(i, { children: /* @__PURE__ */ v(o, {
+								onSelect: ne,
+								className: "cursor-pointer",
+								children: [
+									/* @__PURE__ */ _(h, { className: "mr-2 h-4 w-4" }),
+									"Créer \"",
+									B,
+									"\""
+								]
+							}) }),
+							Object.entries(Y).map(([t, n]) => n.length === 0 ? null : /* @__PURE__ */ _(i, {
+								heading: t === "_ungrouped" ? void 0 : t,
+								children: n.map((t) => /* @__PURE__ */ v(o, {
+									value: t.value,
+									onSelect: () => Z(t.value),
+									disabled: t.disabled,
+									className: "cursor-pointer",
+									children: [/* @__PURE__ */ _(f, { className: e("mr-2 h-4 w-4", q.includes(t.value) ? "opacity-100" : "opacity-0") }), t.label]
+								}, t.value))
+							}, t))
+						] })]
+					})
+				})]
+			}),
+			A && /* @__PURE__ */ _("p", {
+				className: "text-sm text-destructive",
+				children: A
+			})
+		]
+	});
+});
+y.displayName = "WakaAutocomplete";
+var b = d.forwardRef((e, t) => /* @__PURE__ */ _(y, {
+	ref: t,
+	...e
+}));
+b.displayName = "WakaAutocompleteForm";
+//#endregion
+export { b as WakaAutocompleteForm, y as default };

package/dist/components/waka-badge-showcase/index.cjs.js

@@ -0,0 +1,50 @@
+"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`);var i={common:{gradient:`from-slate-400 to-slate-500`,glow:`hsl(var(--muted-foreground))`,border:`border-slate-400`,bg:`bg-slate-100 dark:bg-slate-800`,text:`text-slate-600 dark:text-slate-300`,shine:`hsl(var(--muted-foreground) / 0.6)`,label:`Common`},rare:{gradient:`from-blue-400 to-blue-600`,glow:`hsl(var(--info))`,border:`border-blue-400`,bg:`bg-blue-100 dark:bg-blue-900`,text:`text-blue-600 dark:text-blue-300`,shine:`hsl(var(--info) / 0.6)`,label:`Rare`},epic:{gradient:`from-purple-400 to-purple-600`,glow:`hsl(var(--chart-3))`,border:`border-purple-400`,bg:`bg-purple-100 dark:bg-purple-900`,text:`text-purple-600 dark:text-purple-300`,shine:`hsl(var(--chart-3) / 0.6)`,label:`Epic`},legendary:{gradient:`from-amber-400 via-orange-500 to-red-500`,glow:`hsl(var(--warning))`,border:`border-amber-400`,bg:`bg-amber-100 dark:bg-amber-900`,text:`text-amber-600 dark:text-amber-300`,shine:`hsl(var(--warning) / 0.8)`,label:`Legendary`}},a={sm:{badge:`h-12 w-12`,icon:`h-6 w-6`,text:`text-xs`,gap:`gap-2`},md:{badge:`h-16 w-16`,icon:`h-8 w-8`,text:`text-sm`,gap:`gap-3`},lg:{badge:`h-24 w-24`,icon:`h-12 w-12`,text:`text-base`,gap:`gap-4`}};function o({active:e,color:t}){return e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:`absolute inset-0 overflow-hidden rounded-full`,children:(0,r.jsx)(`div`,{className:`absolute inset-0 animate-badge-shine`,style:{background:`linear-gradient(
+              90deg,
+              transparent 0%,
+              ${t} 50%,
+              transparent 100%
+            )`}})}),(0,r.jsx)(`style`,{children:`
+        @keyframes badge-shine {
+          0% {
+            transform: translateX(-100%) rotate(45deg);
+          }
+          100% {
+            transform: translateX(200%) rotate(45deg);
+          }
+        }
+        .animate-badge-shine {
+          animation: badge-shine 3s ease-in-out infinite;
+        }
+      `})]}):null}function s({active:e,color:t}){return e?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:`absolute inset-0 rounded-full animate-badge-glow`,style:{boxShadow:`0 0 20px 4px ${t}60, 0 0 40px 8px ${t}30`}}),(0,r.jsx)(`style`,{children:`
+        @keyframes badge-glow {
+          0%, 100% { opacity: 0.6; }
+          50% { opacity: 1; }
+        }
+        .animate-badge-glow {
+          animation: badge-glow 2s ease-in-out infinite;
+        }
+      `})]}):null}function c(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(`div`,{className:`absolute -top-1 -right-1 z-20`,children:(0,r.jsxs)(`span`,{className:`relative flex h-4 w-4`,children:[(0,r.jsx)(`span`,{className:`animate-badge-ping absolute inline-flex h-full w-full rounded-full bg-success opacity-75`}),(0,r.jsx)(`span`,{className:`relative inline-flex rounded-full h-4 w-4 bg-success items-center justify-center`,children:(0,r.jsx)(`span`,{className:`text-[8px] font-bold text-success-foreground`,children:`!`})})]})}),(0,r.jsx)(`style`,{children:`
+        @keyframes badge-ping {
+          75%, 100% {
+            transform: scale(2);
+            opacity: 0;
+          }
+        }
+        .animate-badge-ping {
+          animation: badge-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
+        }
+      `})]})}function l({progress:e,color:t,size:n}){let i=n===`sm`?3:n===`md`?4:5;return(0,r.jsxs)(`svg`,{className:`absolute inset-0 -rotate-90`,viewBox:`0 0 100 100`,children:[(0,r.jsx)(`circle`,{cx:`50`,cy:`50`,r:46,fill:`none`,stroke:`currentColor`,strokeWidth:i,className:`text-muted-foreground/20`}),(0,r.jsx)(`circle`,{cx:`50`,cy:`50`,r:46,fill:`none`,stroke:t,strokeWidth:i,strokeLinecap:`round`,strokeDasharray:`${e/100*2*Math.PI*46} ${2*Math.PI*46}`,className:`transition-all duration-500`})]})}function u({badge:e,size:u,showProgress:d,onClick:f,variant:p}){let[m,h]=n.useState(!1),g=i[e.rarity],_=a[u],v=!e.unlocked,y=v&&d&&e.progress!==void 0&&e.progress>0;return(0,r.jsxs)(`div`,{className:t.cn(`group relative cursor-pointer transition-transform duration-200`,p===`list`&&`flex items-center gap-4`,p===`showcase`&&`flex flex-col items-center`,f&&`cursor-pointer`),onClick:f,onMouseEnter:()=>h(!0),onMouseLeave:()=>h(!1),children:[(0,r.jsxs)(`div`,{className:`relative`,children:[!v&&(0,r.jsx)(s,{active:m,color:g.glow}),e.isNew&&!v&&(0,r.jsx)(c,{}),(0,r.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center rounded-full border-2 transition-all duration-300`,_.badge,v?`bg-muted/50 border-muted-foreground/30 grayscale`:t.cn(`bg-gradient-to-br`,g.gradient,g.border),!v&&m&&`scale-110`,!v&&`shadow-lg`),style:!v&&m?{boxShadow:`0 0 30px 8px ${g.glow}50`}:{},children:[y&&(0,r.jsx)(l,{progress:e.progress,color:g.glow,size:u}),(0,r.jsx)(`div`,{className:t.cn(_.icon,`transition-all duration-200 flex items-center justify-center`,v?`text-muted-foreground/40 opacity-50 blur-[1px]`:`text-white`),children:e.icon}),v&&(0,r.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center rounded-full bg-black/20`,children:(0,r.jsx)(`svg`,{className:`h-5 w-5 text-muted-foreground/60`,fill:`none`,viewBox:`0 0 24 24`,stroke:`currentColor`,children:(0,r.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z`})})}),!v&&(0,r.jsx)(o,{active:!0,color:g.shine})]})]}),(p===`list`||p===`showcase`)&&(0,r.jsxs)(`div`,{className:t.cn(`transition-opacity duration-200`,p===`showcase`&&`text-center mt-2`,v&&`opacity-60`),children:[(0,r.jsx)(`div`,{className:t.cn(`font-semibold`,_.text),children:e.name}),p===`list`&&(0,r.jsx)(`div`,{className:t.cn(`text-muted-foreground`,_.text,`text-xs`),children:e.description}),(0,r.jsx)(`div`,{className:t.cn(`inline-flex items-center rounded-full px-2 py-0.5 mt-1`,_.text,`text-[10px] font-medium uppercase tracking-wider`,g.bg,g.text),children:g.label}),y&&(0,r.jsxs)(`div`,{className:t.cn(`text-muted-foreground mt-1`,`text-xs`),children:[Math.round(e.progress),`% complete`]})]}),p===`grid`&&m&&(0,r.jsxs)(`div`,{className:t.cn(`absolute left-1/2 top-full z-30 mt-2 -translate-x-1/2`,`whitespace-nowrap rounded-lg bg-popover px-3 py-2 text-sm shadow-lg border`,`animate-badge-tooltip`),children:[(0,r.jsx)(`div`,{className:`font-semibold`,children:e.name}),(0,r.jsx)(`div`,{className:`text-xs text-muted-foreground max-w-[200px] whitespace-normal`,children:e.description}),(0,r.jsx)(`div`,{className:t.cn(`inline-flex items-center rounded-full px-2 py-0.5 mt-1`,`text-[10px] font-medium uppercase tracking-wider`,g.bg,g.text),children:g.label}),e.unlockedAt&&!v&&(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-1`,children:[`Unlocked: `,e.unlockedAt.toLocaleDateString()]}),y&&(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground mt-1`,children:[`Progress: `,Math.round(e.progress),`%`]}),(0,r.jsx)(`style`,{children:`
+            @keyframes badge-tooltip {
+              from { opacity: 0; transform: translate(-50%, 10px); }
+              to { opacity: 1; transform: translate(-50%, 0); }
+            }
+            .animate-badge-tooltip {
+              animation: badge-tooltip 0.2s ease-out;
+            }
+          `})]})]})}function d({category:e,count:t,unlockedCount:n}){return(0,r.jsxs)(`div`,{className:`flex items-center justify-between mb-4`,children:[(0,r.jsx)(`h3`,{className:`text-lg font-semibold capitalize`,children:e}),(0,r.jsxs)(`span`,{className:`text-sm text-muted-foreground`,children:[n,`/`,t]})]})}function f({badges:e,onBadgeClick:i,variant:a=`grid`,showLocked:o=!0,showProgress:s=!0,columns:c=4,size:l=`md`,className:f}){let p=o?e:e.filter(e=>e.unlocked),m=n.useMemo(()=>{let e={};return p.forEach(t=>{let n=t.category||`uncategorized`;e[n]||(e[n]=[]),e[n].push(t)}),e},[p]),h=Object.keys(m).length>1||!m.uncategorized,g=()=>{switch(c){case 1:return`grid-cols-1`;case 2:return`grid-cols-2`;case 3:return`grid-cols-3`;case 4:return`grid-cols-4`;case 5:return`grid-cols-5`;case 6:return`grid-cols-6`;default:return`grid-cols-4`}},_=e=>a===`list`?(0,r.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.map(e=>(0,r.jsx)(u,{badge:e,size:l,showProgress:s,onClick:i?()=>i(e.id):void 0,variant:a},e.id))}):a===`showcase`?(0,r.jsx)(`div`,{className:`flex flex-wrap justify-center gap-8`,children:e.map(e=>(0,r.jsx)(u,{badge:e,size:l,showProgress:s,onClick:i?()=>i(e.id):void 0,variant:a},e.id))}):(0,r.jsx)(`div`,{className:t.cn(`grid gap-6`,g()),children:e.map(e=>(0,r.jsx)(`div`,{className:`flex justify-center`,children:(0,r.jsx)(u,{badge:e,size:l,showProgress:s,onClick:i?()=>i(e.id):void 0,variant:a})},e.id))});return(0,r.jsxs)(`div`,{className:t.cn(`relative`,f),children:[h?(0,r.jsx)(`div`,{className:`space-y-8`,children:Object.entries(m).map(([e,t])=>(0,r.jsxs)(`div`,{children:[(0,r.jsx)(d,{category:e,count:t.length,unlockedCount:t.filter(e=>e.unlocked).length}),_(t)]},e))}):_(p),(0,r.jsx)(`style`,{children:`
+        @keyframes legendary-shimmer {
+          0% { background-position: 0% 50%; }
+          50% { background-position: 100% 50%; }
+          100% { background-position: 0% 50%; }
+        }
+      `})]})}function p(e){return(0,r.jsx)(f,{variant:`grid`,size:`sm`,columns:6,...e})}function m(e){return(0,r.jsx)(f,{variant:`list`,...e})}function h(e){return(0,r.jsx)(f,{variant:`showcase`,size:`lg`,...e})}function g({badges:e,className:a}){let o=n.useMemo(()=>{let t=e.length,n=e.filter(e=>e.unlocked).length,r={common:e.filter(e=>e.rarity===`common`),rare:e.filter(e=>e.rarity===`rare`),epic:e.filter(e=>e.rarity===`epic`),legendary:e.filter(e=>e.rarity===`legendary`)};return{total:t,unlocked:n,percentage:Math.round(n/t*100),byRarity:r}},[e]);return(0,r.jsxs)(`div`,{className:t.cn(`flex flex-wrap gap-4 p-4 rounded-lg bg-muted/50 border`,a),children:[(0,r.jsxs)(`div`,{className:`flex-1 min-w-[100px]`,children:[(0,r.jsxs)(`div`,{className:`text-2xl font-bold`,children:[o.unlocked,`/`,o.total]}),(0,r.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:`Badges Unlocked`}),(0,r.jsx)(`div`,{className:`mt-2 h-2 rounded-full bg-muted overflow-hidden`,children:(0,r.jsx)(`div`,{className:`h-full bg-primary rounded-full transition-all duration-500`,style:{width:`${o.percentage}%`}})})]}),[`common`,`rare`,`epic`,`legendary`].map(e=>{let n=o.byRarity[e],a=n.filter(e=>e.unlocked).length,s=i[e];return(0,r.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,r.jsx)(`div`,{className:t.cn(`h-8 w-8 rounded-full bg-gradient-to-br flex items-center justify-center`,s.gradient),children:(0,r.jsx)(`span`,{className:`text-white text-xs font-bold`,children:a})}),(0,r.jsxs)(`div`,{children:[(0,r.jsx)(`div`,{className:t.cn(`text-xs font-medium`,s.text),children:s.label}),(0,r.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`of `,n.length]})]})]},e)})]})}exports.WakaBadgeShowcase=f,exports.WakaBadgeShowcaseCompact=p,exports.WakaBadgeShowcaseHero=h,exports.WakaBadgeShowcaseList=m,exports.WakaBadgeStats=g;

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

@@ -0,0 +1,395 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/waka-badge-showcase/index.tsx
+var a = {
+	common: {
+		gradient: "from-slate-400 to-slate-500",
+		glow: "hsl(var(--muted-foreground))",
+		border: "border-slate-400",
+		bg: "bg-slate-100 dark:bg-slate-800",
+		text: "text-slate-600 dark:text-slate-300",
+		shine: "hsl(var(--muted-foreground) / 0.6)",
+		label: "Common"
+	},
+	rare: {
+		gradient: "from-blue-400 to-blue-600",
+		glow: "hsl(var(--info))",
+		border: "border-blue-400",
+		bg: "bg-blue-100 dark:bg-blue-900",
+		text: "text-blue-600 dark:text-blue-300",
+		shine: "hsl(var(--info) / 0.6)",
+		label: "Rare"
+	},
+	epic: {
+		gradient: "from-purple-400 to-purple-600",
+		glow: "hsl(var(--chart-3))",
+		border: "border-purple-400",
+		bg: "bg-purple-100 dark:bg-purple-900",
+		text: "text-purple-600 dark:text-purple-300",
+		shine: "hsl(var(--chart-3) / 0.6)",
+		label: "Epic"
+	},
+	legendary: {
+		gradient: "from-amber-400 via-orange-500 to-red-500",
+		glow: "hsl(var(--warning))",
+		border: "border-amber-400",
+		bg: "bg-amber-100 dark:bg-amber-900",
+		text: "text-amber-600 dark:text-amber-300",
+		shine: "hsl(var(--warning) / 0.8)",
+		label: "Legendary"
+	}
+}, o = {
+	sm: {
+		badge: "h-12 w-12",
+		icon: "h-6 w-6",
+		text: "text-xs",
+		gap: "gap-2"
+	},
+	md: {
+		badge: "h-16 w-16",
+		icon: "h-8 w-8",
+		text: "text-sm",
+		gap: "gap-3"
+	},
+	lg: {
+		badge: "h-24 w-24",
+		icon: "h-12 w-12",
+		text: "text-base",
+		gap: "gap-4"
+	}
+};
+function s({ active: e, color: t }) {
+	return e ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("div", {
+		className: "absolute inset-0 overflow-hidden rounded-full",
+		children: /* @__PURE__ */ r("div", {
+			className: "absolute inset-0 animate-badge-shine",
+			style: { background: `linear-gradient(
+              90deg,
+              transparent 0%,
+              ${t} 50%,
+              transparent 100%
+            )` }
+		})
+	}), /* @__PURE__ */ r("style", { children: "\n        @keyframes badge-shine {\n          0% {\n            transform: translateX(-100%) rotate(45deg);\n          }\n          100% {\n            transform: translateX(200%) rotate(45deg);\n          }\n        }\n        .animate-badge-shine {\n          animation: badge-shine 3s ease-in-out infinite;\n        }\n      " })] }) : null;
+}
+function c({ active: e, color: t }) {
+	return e ? /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("div", {
+		className: "absolute inset-0 rounded-full animate-badge-glow",
+		style: { boxShadow: `0 0 20px 4px ${t}60, 0 0 40px 8px ${t}30` }
+	}), /* @__PURE__ */ r("style", { children: "\n        @keyframes badge-glow {\n          0%, 100% { opacity: 0.6; }\n          50% { opacity: 1; }\n        }\n        .animate-badge-glow {\n          animation: badge-glow 2s ease-in-out infinite;\n        }\n      " })] }) : null;
+}
+function l() {
+	return /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r("div", {
+		className: "absolute -top-1 -right-1 z-20",
+		children: /* @__PURE__ */ i("span", {
+			className: "relative flex h-4 w-4",
+			children: [/* @__PURE__ */ r("span", { className: "animate-badge-ping absolute inline-flex h-full w-full rounded-full bg-success opacity-75" }), /* @__PURE__ */ r("span", {
+				className: "relative inline-flex rounded-full h-4 w-4 bg-success items-center justify-center",
+				children: /* @__PURE__ */ r("span", {
+					className: "text-[8px] font-bold text-success-foreground",
+					children: "!"
+				})
+			})]
+		})
+	}), /* @__PURE__ */ r("style", { children: "\n        @keyframes badge-ping {\n          75%, 100% {\n            transform: scale(2);\n            opacity: 0;\n          }\n        }\n        .animate-badge-ping {\n          animation: badge-ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n        }\n      " })] });
+}
+function u({ progress: e, color: t, size: n }) {
+	let a = n === "sm" ? 3 : n === "md" ? 4 : 5;
+	return /* @__PURE__ */ i("svg", {
+		className: "absolute inset-0 -rotate-90",
+		viewBox: "0 0 100 100",
+		children: [/* @__PURE__ */ r("circle", {
+			cx: "50",
+			cy: "50",
+			r: 46,
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: a,
+			className: "text-muted-foreground/20"
+		}), /* @__PURE__ */ r("circle", {
+			cx: "50",
+			cy: "50",
+			r: 46,
+			fill: "none",
+			stroke: t,
+			strokeWidth: a,
+			strokeLinecap: "round",
+			strokeDasharray: `${e / 100 * 2 * Math.PI * 46} ${2 * Math.PI * 46}`,
+			className: "transition-all duration-500"
+		})]
+	});
+}
+function d({ badge: n, size: d, showProgress: f, onClick: p, variant: m }) {
+	let [h, g] = t.useState(!1), _ = a[n.rarity], v = o[d], y = !n.unlocked, b = y && f && n.progress !== void 0 && n.progress > 0;
+	return /* @__PURE__ */ i("div", {
+		className: e("group relative cursor-pointer transition-transform duration-200", m === "list" && "flex items-center gap-4", m === "showcase" && "flex flex-col items-center", p && "cursor-pointer"),
+		onClick: p,
+		onMouseEnter: () => g(!0),
+		onMouseLeave: () => g(!1),
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: "relative",
+				children: [
+					!y && /* @__PURE__ */ r(c, {
+						active: h,
+						color: _.glow
+					}),
+					n.isNew && !y && /* @__PURE__ */ r(l, {}),
+					/* @__PURE__ */ i("div", {
+						className: e("relative flex items-center justify-center rounded-full border-2 transition-all duration-300", v.badge, y ? "bg-muted/50 border-muted-foreground/30 grayscale" : e("bg-gradient-to-br", _.gradient, _.border), !y && h && "scale-110", !y && "shadow-lg"),
+						style: !y && h ? { boxShadow: `0 0 30px 8px ${_.glow}50` } : {},
+						children: [
+							b && /* @__PURE__ */ r(u, {
+								progress: n.progress,
+								color: _.glow,
+								size: d
+							}),
+							/* @__PURE__ */ r("div", {
+								className: e(v.icon, "transition-all duration-200 flex items-center justify-center", y ? "text-muted-foreground/40 opacity-50 blur-[1px]" : "text-white"),
+								children: n.icon
+							}),
+							y && /* @__PURE__ */ r("div", {
+								className: "absolute inset-0 flex items-center justify-center rounded-full bg-black/20",
+								children: /* @__PURE__ */ r("svg", {
+									className: "h-5 w-5 text-muted-foreground/60",
+									fill: "none",
+									viewBox: "0 0 24 24",
+									stroke: "currentColor",
+									children: /* @__PURE__ */ r("path", {
+										strokeLinecap: "round",
+										strokeLinejoin: "round",
+										strokeWidth: 2,
+										d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
+									})
+								})
+							}),
+							!y && /* @__PURE__ */ r(s, {
+								active: !0,
+								color: _.shine
+							})
+						]
+					})
+				]
+			}),
+			(m === "list" || m === "showcase") && /* @__PURE__ */ i("div", {
+				className: e("transition-opacity duration-200", m === "showcase" && "text-center mt-2", y && "opacity-60"),
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: e("font-semibold", v.text),
+						children: n.name
+					}),
+					m === "list" && /* @__PURE__ */ r("div", {
+						className: e("text-muted-foreground", v.text, "text-xs"),
+						children: n.description
+					}),
+					/* @__PURE__ */ r("div", {
+						className: e("inline-flex items-center rounded-full px-2 py-0.5 mt-1", v.text, "text-[10px] font-medium uppercase tracking-wider", _.bg, _.text),
+						children: _.label
+					}),
+					b && /* @__PURE__ */ i("div", {
+						className: e("text-muted-foreground mt-1", "text-xs"),
+						children: [Math.round(n.progress), "% complete"]
+					})
+				]
+			}),
+			m === "grid" && h && /* @__PURE__ */ i("div", {
+				className: e("absolute left-1/2 top-full z-30 mt-2 -translate-x-1/2", "whitespace-nowrap rounded-lg bg-popover px-3 py-2 text-sm shadow-lg border", "animate-badge-tooltip"),
+				children: [
+					/* @__PURE__ */ r("div", {
+						className: "font-semibold",
+						children: n.name
+					}),
+					/* @__PURE__ */ r("div", {
+						className: "text-xs text-muted-foreground max-w-[200px] whitespace-normal",
+						children: n.description
+					}),
+					/* @__PURE__ */ r("div", {
+						className: e("inline-flex items-center rounded-full px-2 py-0.5 mt-1", "text-[10px] font-medium uppercase tracking-wider", _.bg, _.text),
+						children: _.label
+					}),
+					n.unlockedAt && !y && /* @__PURE__ */ i("div", {
+						className: "text-xs text-muted-foreground mt-1",
+						children: ["Unlocked: ", n.unlockedAt.toLocaleDateString()]
+					}),
+					b && /* @__PURE__ */ i("div", {
+						className: "text-xs text-muted-foreground mt-1",
+						children: [
+							"Progress: ",
+							Math.round(n.progress),
+							"%"
+						]
+					}),
+					/* @__PURE__ */ r("style", { children: "\n            @keyframes badge-tooltip {\n              from { opacity: 0; transform: translate(-50%, 10px); }\n              to { opacity: 1; transform: translate(-50%, 0); }\n            }\n            .animate-badge-tooltip {\n              animation: badge-tooltip 0.2s ease-out;\n            }\n          " })
+				]
+			})
+		]
+	});
+}
+function f({ category: e, count: t, unlockedCount: n }) {
+	return /* @__PURE__ */ i("div", {
+		className: "flex items-center justify-between mb-4",
+		children: [/* @__PURE__ */ r("h3", {
+			className: "text-lg font-semibold capitalize",
+			children: e
+		}), /* @__PURE__ */ i("span", {
+			className: "text-sm text-muted-foreground",
+			children: [
+				n,
+				"/",
+				t
+			]
+		})]
+	});
+}
+function p({ badges: n, onBadgeClick: a, variant: o = "grid", showLocked: s = !0, showProgress: c = !0, columns: l = 4, size: u = "md", className: p }) {
+	let m = s ? n : n.filter((e) => e.unlocked), h = t.useMemo(() => {
+		let e = {};
+		return m.forEach((t) => {
+			let n = t.category || "uncategorized";
+			e[n] || (e[n] = []), e[n].push(t);
+		}), e;
+	}, [m]), g = Object.keys(h).length > 1 || !h.uncategorized, _ = () => {
+		switch (l) {
+			case 1: return "grid-cols-1";
+			case 2: return "grid-cols-2";
+			case 3: return "grid-cols-3";
+			case 4: return "grid-cols-4";
+			case 5: return "grid-cols-5";
+			case 6: return "grid-cols-6";
+			default: return "grid-cols-4";
+		}
+	}, v = (t) => o === "list" ? /* @__PURE__ */ r("div", {
+		className: "flex flex-col gap-4",
+		children: t.map((e) => /* @__PURE__ */ r(d, {
+			badge: e,
+			size: u,
+			showProgress: c,
+			onClick: a ? () => a(e.id) : void 0,
+			variant: o
+		}, e.id))
+	}) : o === "showcase" ? /* @__PURE__ */ r("div", {
+		className: "flex flex-wrap justify-center gap-8",
+		children: t.map((e) => /* @__PURE__ */ r(d, {
+			badge: e,
+			size: u,
+			showProgress: c,
+			onClick: a ? () => a(e.id) : void 0,
+			variant: o
+		}, e.id))
+	}) : /* @__PURE__ */ r("div", {
+		className: e("grid gap-6", _()),
+		children: t.map((e) => /* @__PURE__ */ r("div", {
+			className: "flex justify-center",
+			children: /* @__PURE__ */ r(d, {
+				badge: e,
+				size: u,
+				showProgress: c,
+				onClick: a ? () => a(e.id) : void 0,
+				variant: o
+			})
+		}, e.id))
+	});
+	return /* @__PURE__ */ i("div", {
+		className: e("relative", p),
+		children: [g ? /* @__PURE__ */ r("div", {
+			className: "space-y-8",
+			children: Object.entries(h).map(([e, t]) => /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r(f, {
+				category: e,
+				count: t.length,
+				unlockedCount: t.filter((e) => e.unlocked).length
+			}), v(t)] }, e))
+		}) : v(m), /* @__PURE__ */ r("style", { children: "\n        @keyframes legendary-shimmer {\n          0% { background-position: 0% 50%; }\n          50% { background-position: 100% 50%; }\n          100% { background-position: 0% 50%; }\n        }\n      " })]
+	});
+}
+function m(e) {
+	return /* @__PURE__ */ r(p, {
+		variant: "grid",
+		size: "sm",
+		columns: 6,
+		...e
+	});
+}
+function h(e) {
+	return /* @__PURE__ */ r(p, {
+		variant: "list",
+		...e
+	});
+}
+function g(e) {
+	return /* @__PURE__ */ r(p, {
+		variant: "showcase",
+		size: "lg",
+		...e
+	});
+}
+function _({ badges: n, className: o }) {
+	let s = t.useMemo(() => {
+		let e = n.length, t = n.filter((e) => e.unlocked).length, r = {
+			common: n.filter((e) => e.rarity === "common"),
+			rare: n.filter((e) => e.rarity === "rare"),
+			epic: n.filter((e) => e.rarity === "epic"),
+			legendary: n.filter((e) => e.rarity === "legendary")
+		};
+		return {
+			total: e,
+			unlocked: t,
+			percentage: Math.round(t / e * 100),
+			byRarity: r
+		};
+	}, [n]);
+	return /* @__PURE__ */ i("div", {
+		className: e("flex flex-wrap gap-4 p-4 rounded-lg bg-muted/50 border", o),
+		children: [/* @__PURE__ */ i("div", {
+			className: "flex-1 min-w-[100px]",
+			children: [
+				/* @__PURE__ */ i("div", {
+					className: "text-2xl font-bold",
+					children: [
+						s.unlocked,
+						"/",
+						s.total
+					]
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Badges Unlocked"
+				}),
+				/* @__PURE__ */ r("div", {
+					className: "mt-2 h-2 rounded-full bg-muted overflow-hidden",
+					children: /* @__PURE__ */ r("div", {
+						className: "h-full bg-primary rounded-full transition-all duration-500",
+						style: { width: `${s.percentage}%` }
+					})
+				})
+			]
+		}), [
+			"common",
+			"rare",
+			"epic",
+			"legendary"
+		].map((t) => {
+			let n = s.byRarity[t], o = n.filter((e) => e.unlocked).length, c = a[t];
+			return /* @__PURE__ */ i("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ r("div", {
+					className: e("h-8 w-8 rounded-full bg-gradient-to-br flex items-center justify-center", c.gradient),
+					children: /* @__PURE__ */ r("span", {
+						className: "text-white text-xs font-bold",
+						children: o
+					})
+				}), /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("div", {
+					className: e("text-xs font-medium", c.text),
+					children: c.label
+				}), /* @__PURE__ */ i("div", {
+					className: "text-xs text-muted-foreground",
+					children: ["of ", n.length]
+				})] })]
+			}, t);
+		})]
+	});
+}
+//#endregion
+export { p as WakaBadgeShowcase, m as WakaBadgeShowcaseCompact, g as WakaBadgeShowcaseHero, h as WakaBadgeShowcaseList, _ as WakaBadgeStats };

package/dist/components/waka-barcode/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(`../button/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`lucide-react`),a=require(`react/jsx-runtime`);var o={" ":`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`},s=`11010000100`,c=`1100011101011`;function l(e){let t=s;for(let n of e.toUpperCase()){let e=o[n];e?t+=e:t+=o[`?`]}return t+=s,t+=c,t}var u={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 d(e){let t=u[`*`]+`0`;for(let n of e.toUpperCase()){let e=u[n];e&&(t+=e+`0`)}return t+=u[`*`],t}function f(e,t){switch(t){case`CODE128`:return l(e);case`CODE39`:return d(e);case`EAN13`:case`EAN8`:case`UPC`:case`ITF14`:return l(e);default:return l(e)}}function p({value:e,format:o=`CODE128`,width:s=200,height:c=80,displayValue:l=!0,lineColor:u=`#000000`,background:d=`#FFFFFF`,fontSize:p=14,margin:m=10,showActions:h=!1,className:g}){let _=r.useRef(null),[v,y]=r.useState(!1);return r.useEffect(()=>{let t=_.current;if(!t||!e)return;let n=t.getContext(`2d`);if(!n)return;let r=f(e,o),i=c-(l?p+4:0)-m*2,a=(s-m*2)/r.length;n.fillStyle=d,n.fillRect(0,0,s,c),n.fillStyle=u;for(let e=0;e<r.length;e++)r[e]===`1`&&n.fillRect(m+e*a,m,a,i);l&&(n.fillStyle=u,n.font=`${p}px monospace`,n.textAlign=`center`,n.textBaseline=`bottom`,n.fillText(e,s/2,c-m+2))},[e,o,s,c,l,u,d,p,m]),(0,a.jsxs)(`div`,{className:t.cn(`inline-flex flex-col items-center gap-2`,g),children:[(0,a.jsx)(`canvas`,{ref:_,width:s,height:c,className:`rounded border`,style:{width:s,height:c}}),h&&(0,a.jsxs)(`div`,{className:`flex gap-2`,children:[(0,a.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:()=>{let t=_.current;if(!t)return;let n=document.createElement(`a`);n.download=`barcode-${e}-${Date.now()}.png`,n.href=t.toDataURL(`image/png`),n.click()},children:[(0,a.jsx)(i.Download,{className:`h-4 w-4 mr-1`}),`Télécharger`]}),(0,a.jsxs)(n.Button,{variant:`outline`,size:`sm`,onClick:async()=>{let e=_.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})]),y(!0),setTimeout(()=>y(!1),2e3)}catch(e){console.error(`Failed to copy barcode:`,e)}},children:[v?(0,a.jsx)(i.Check,{className:`h-4 w-4 mr-1`}):(0,a.jsx)(i.Copy,{className:`h-4 w-4 mr-1`}),v?`Copié`:`Copier`]})]})]})}exports.default=p;