@wakastellar/ui 4.0.0 → 4.0.1

package/dist/components/waka-feature-flag-row/index.es.js

@@ -0,0 +1,305 @@
+"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 { DropdownMenu as r, DropdownMenuContent as i, DropdownMenuItem as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../dropdown-menu/index.es.js";
+import { Input as c } from "../input/index.es.js";
+import { Progress as l } from "../progress/index.es.js";
+import { Switch as u } from "../switch/index.es.js";
+import { Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "../tooltip/index.es.js";
+import * as h from "react";
+import { Calendar as g, Clock as _, Copy as v, Edit as y, Flag as b, History as x, MoreVertical as S, Percent as C, Target as w, Trash2 as T, Users as E } from "lucide-react";
+import { Fragment as D, jsx as O, jsxs as k } from "react/jsx-runtime";
+//#region src/components/waka-feature-flag-row/index.tsx
+var A = {
+	enabled: {
+		label: "Enabled",
+		color: "bg-green-500"
+	},
+	disabled: {
+		label: "Disabled",
+		color: "bg-gray-500"
+	},
+	percentage: {
+		label: "Percentage",
+		color: "bg-blue-500"
+	},
+	segment: {
+		label: "Segment",
+		color: "bg-purple-500"
+	}
+};
+function j(e) {
+	return e.toLocaleDateString("fr-FR", {
+		day: "2-digit",
+		month: "short"
+	});
+}
+function M({ flag: M, onToggle: N, onPercentageChange: P, onEdit: F, onDelete: I, onViewHistory: L, onDuplicate: R, readOnly: z = !1, compact: B = !1, className: V }) {
+	let [H, U] = h.useState(M.percentage || 0), W = A[M.status], G = (e) => {
+		U(Math.min(100, Math.max(0, parseInt(e) || 0)));
+	};
+	return B ? /* @__PURE__ */ k("div", {
+		className: e("flex items-center gap-3 p-2 border-b hover:bg-muted/30 transition-colors", !M.enabled && "opacity-60", V),
+		children: [
+			/* @__PURE__ */ O(b, { className: e("h-4 w-4 shrink-0", M.enabled ? "text-green-500" : "text-muted-foreground") }),
+			/* @__PURE__ */ O("div", {
+				className: "flex-1 min-w-0",
+				children: /* @__PURE__ */ k("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ O("code", {
+						className: "font-medium text-sm truncate",
+						children: M.key
+					}), M.environment && /* @__PURE__ */ O(t, {
+						variant: "outline",
+						className: "text-xs",
+						children: M.environment
+					})]
+				})
+			}),
+			M.status === "percentage" && /* @__PURE__ */ k(t, {
+				variant: "secondary",
+				className: "text-xs",
+				children: [
+					/* @__PURE__ */ O(C, { className: "h-3 w-3 mr-1" }),
+					M.percentage,
+					"%"
+				]
+			}),
+			M.status === "segment" && M.segments && /* @__PURE__ */ k(t, {
+				variant: "secondary",
+				className: "text-xs",
+				children: [/* @__PURE__ */ O(E, { className: "h-3 w-3 mr-1" }), M.segments.length]
+			}),
+			/* @__PURE__ */ O(u, {
+				checked: M.enabled,
+				onCheckedChange: N,
+				disabled: z
+			})
+		]
+	}) : /* @__PURE__ */ O("div", {
+		className: e("border rounded-lg p-4 transition-all", M.enabled ? "bg-green-500/5 border-green-500/30" : "bg-muted/30", V),
+		children: /* @__PURE__ */ k("div", {
+			className: "flex items-start gap-4",
+			children: [
+				/* @__PURE__ */ O("div", {
+					className: e("w-10 h-10 rounded-lg flex items-center justify-center shrink-0", M.enabled ? "bg-green-500/20" : "bg-muted"),
+					children: /* @__PURE__ */ O(b, { className: e("h-5 w-5", M.enabled ? "text-green-500" : "text-muted-foreground") })
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "flex-1 min-w-0",
+					children: [
+						/* @__PURE__ */ k("div", {
+							className: "flex items-center gap-2 flex-wrap",
+							children: [
+								/* @__PURE__ */ O("code", {
+									className: "font-semibold",
+									children: M.key
+								}),
+								/* @__PURE__ */ O(t, {
+									className: e("text-white text-xs", W.color),
+									children: W.label
+								}),
+								M.environment && /* @__PURE__ */ O(t, {
+									variant: "outline",
+									className: "text-xs",
+									children: M.environment
+								}),
+								M.tags?.map((e) => /* @__PURE__ */ O(t, {
+									variant: "secondary",
+									className: "text-xs",
+									children: e
+								}, e))
+							]
+						}),
+						/* @__PURE__ */ O("div", {
+							className: "text-sm font-medium mt-1",
+							children: M.name
+						}),
+						M.description && /* @__PURE__ */ O("p", {
+							className: "text-sm text-muted-foreground mt-1",
+							children: M.description
+						}),
+						M.status === "percentage" && /* @__PURE__ */ k("div", {
+							className: "mt-3 space-y-2",
+							children: [/* @__PURE__ */ k("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ O(C, { className: "h-4 w-4 text-muted-foreground" }),
+									/* @__PURE__ */ O("div", {
+										className: "flex-1 max-w-xs",
+										children: /* @__PURE__ */ O(l, {
+											value: H,
+											className: "h-2"
+										})
+									}),
+									/* @__PURE__ */ k("div", {
+										className: "flex items-center gap-1",
+										children: [/* @__PURE__ */ O(c, {
+											type: "number",
+											min: 0,
+											max: 100,
+											value: H,
+											onChange: (e) => G(e.target.value),
+											onBlur: () => {
+												H !== M.percentage && P?.(H);
+											},
+											className: "w-16 h-8 text-center",
+											disabled: z
+										}), /* @__PURE__ */ O("span", {
+											className: "text-sm text-muted-foreground",
+											children: "%"
+										})]
+									})
+								]
+							}), /* @__PURE__ */ k("p", {
+								className: "text-xs text-muted-foreground",
+								children: [H, "% of users will see this feature"]
+							})]
+						}),
+						M.status === "segment" && M.segments && M.segments.length > 0 && /* @__PURE__ */ k("div", {
+							className: "mt-3",
+							children: [/* @__PURE__ */ k("div", {
+								className: "flex items-center gap-2 text-sm text-muted-foreground mb-2",
+								children: [
+									/* @__PURE__ */ O(w, { className: "h-4 w-4" }),
+									"Targeting ",
+									M.segments.length,
+									" segment",
+									M.segments.length > 1 ? "s" : ""
+								]
+							}), /* @__PURE__ */ O("div", {
+								className: "flex flex-wrap gap-2",
+								children: M.segments.map((e) => /* @__PURE__ */ O(p, { children: /* @__PURE__ */ k(d, { children: [/* @__PURE__ */ O(m, { children: /* @__PURE__ */ k(t, {
+									variant: "secondary",
+									className: "text-xs",
+									children: [/* @__PURE__ */ O(E, { className: "h-3 w-3 mr-1" }), e.name]
+								}) }), e.description && /* @__PURE__ */ O(f, { children: e.description })] }) }, e.id))
+							})]
+						}),
+						/* @__PURE__ */ k("div", {
+							className: "flex items-center gap-4 mt-3 text-xs text-muted-foreground",
+							children: [/* @__PURE__ */ k("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ O(g, { className: "h-3 w-3" }),
+									"Created ",
+									j(M.createdAt),
+									M.createdBy && ` by ${M.createdBy}`
+								]
+							}), /* @__PURE__ */ k("span", {
+								className: "flex items-center gap-1",
+								children: [
+									/* @__PURE__ */ O(_, { className: "h-3 w-3" }),
+									"Updated ",
+									j(M.updatedAt)
+								]
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ k("div", {
+					className: "flex items-center gap-2 shrink-0",
+					children: [/* @__PURE__ */ O(u, {
+						checked: M.enabled,
+						onCheckedChange: N,
+						disabled: z
+					}), /* @__PURE__ */ k(r, { children: [/* @__PURE__ */ O(s, {
+						asChild: !0,
+						children: /* @__PURE__ */ O(n, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-8 w-8 p-0",
+							children: /* @__PURE__ */ O(S, { className: "h-4 w-4" })
+						})
+					}), /* @__PURE__ */ k(i, {
+						align: "end",
+						children: [
+							F && /* @__PURE__ */ k(a, {
+								onClick: F,
+								children: [/* @__PURE__ */ O(y, { className: "h-4 w-4 mr-2" }), "Edit"]
+							}),
+							L && /* @__PURE__ */ k(a, {
+								onClick: L,
+								children: [/* @__PURE__ */ O(x, { className: "h-4 w-4 mr-2" }), "View History"]
+							}),
+							R && /* @__PURE__ */ k(a, {
+								onClick: R,
+								children: [/* @__PURE__ */ O(v, { className: "h-4 w-4 mr-2" }), "Duplicate"]
+							}),
+							I && /* @__PURE__ */ k(D, { children: [/* @__PURE__ */ O(o, {}), /* @__PURE__ */ k(a, {
+								onClick: I,
+								className: "text-destructive",
+								children: [/* @__PURE__ */ O(T, { className: "h-4 w-4 mr-2" }), "Delete"]
+							})] })
+						]
+					})] })]
+				})
+			]
+		})
+	});
+}
+var N = [
+	{
+		id: "1",
+		key: "new_checkout_flow",
+		name: "New Checkout Flow",
+		description: "Enable the redesigned checkout experience with improved UX",
+		status: "percentage",
+		enabled: !0,
+		percentage: 25,
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 720 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 48 * 36e5),
+		createdBy: "product-team",
+		environment: "production",
+		tags: ["checkout", "experiment"]
+	},
+	{
+		id: "2",
+		key: "dark_mode_v2",
+		name: "Dark Mode V2",
+		description: "Updated dark mode with better contrast and accessibility",
+		status: "enabled",
+		enabled: !0,
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 1440 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 168 * 36e5),
+		environment: "production",
+		tags: ["ui", "accessibility"]
+	},
+	{
+		id: "3",
+		key: "beta_features",
+		name: "Beta Features Access",
+		description: "Allow access to beta features for selected user segments",
+		status: "segment",
+		enabled: !0,
+		segments: [{
+			id: "s1",
+			name: "Beta Testers",
+			description: "Users who opted into beta program"
+		}, {
+			id: "s2",
+			name: "Premium Users",
+			description: "Users with premium subscription"
+		}],
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 2160 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 24 * 36e5),
+		createdBy: "engineering",
+		environment: "production"
+	},
+	{
+		id: "4",
+		key: "legacy_api",
+		name: "Legacy API Support",
+		description: "Maintain backward compatibility with v1 API",
+		status: "disabled",
+		enabled: !1,
+		createdAt: /* @__PURE__ */ new Date(Date.now() - 4320 * 36e5),
+		updatedAt: /* @__PURE__ */ new Date(Date.now() - 336 * 36e5),
+		environment: "production",
+		tags: ["deprecated"]
+	}
+];
+//#endregion
+export { M as WakaFeatureFlagRow, N as defaultFeatureFlags };

package/dist/components/waka-file-upload/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`),r=require(`../label/index.cjs.js`),i=require(`../progress/index.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`lucide-react`),s=require(`react/jsx-runtime`);function c(e){if(e===0)return`0 Bytes`;let t=1024,n=[`Bytes`,`KB`,`MB`,`GB`],r=Math.floor(Math.log(e)/Math.log(t));return`${parseFloat((e/t**+r).toFixed(2))} ${n[r]}`}function l(e){let t=e.type;return t.startsWith(`image/`)?o.Image:t.includes(`pdf`)?o.FileText:t.includes(`spreadsheet`)||t.includes(`excel`)||t.includes(`csv`)?o.FileSpreadsheet:t.includes(`zip`)||t.includes(`archive`)||t.includes(`compressed`)?o.FileArchive:o.File}var u=a.forwardRef(({variant:e=`dropzone`,accept:u,maxSize:d=10*1024*1024,maxFiles:f=5,multiple:p=!1,onUpload:m,onComplete:h,onRemove:g,onError:_,showPreview:v=!0,showProgress:y=!0,disabled:b=!1,className:x,placeholder:S=`Glissez vos fichiers ici ou cliquez pour sélectionner`,label:C,description:w},T)=>{let[E,D]=a.useState([]),[O,k]=a.useState(!1),A=a.useRef(null),j=()=>`${Date.now()}-${Math.random().toString(36).slice(2,11)}`,M=e=>d&&e.size>d?`Le fichier dépasse la taille maximale de ${c(d)}`:u&&!u.split(`,`).map(e=>e.trim()).some(t=>t.startsWith(`.`)?e.name.toLowerCase().endsWith(t.toLowerCase()):t.endsWith(`/*`)?e.type.startsWith(t.replace(`/*`,`/`)):e.type===t)?`Type de fichier non accepté. Types acceptés: ${u}`:null,N=async e=>{let t=Array.from(e),n=f-E.filter(e=>e.status!==`error`).length,r=t.slice(0,n);t.length>n&&_?.(`Nombre maximum de fichiers atteint (${f})`);let i=r.map(e=>({id:j(),file:e,progress:0,status:`pending`})),a=[];for(let e of i){let t=M(e.file);t&&(e.status=`error`,e.error=t,_?.(t,e.file)),a.push(e)}if(D(e=>[...e,...a]),m)for(let e of a.filter(e=>e.status===`pending`))try{D(t=>t.map(t=>t.id===e.id?{...t,status:`uploading`}:t));let t=await m(e.file,t=>{D(n=>n.map(n=>n.id===e.id?{...n,progress:t}:n))});D(n=>n.map(n=>n.id===e.id?{...n,status:`success`,progress:100,url:t}:n))}catch(t){let n=t instanceof Error?t.message:`Erreur d'upload`;D(t=>t.map(t=>t.id===e.id?{...t,status:`error`,error:n}:t)),_?.(n,e.file)}else D(e=>e.map(e=>a.some(t=>t.id===e.id)&&e.status===`pending`?{...e,status:`success`,progress:100}:e))};a.useEffect(()=>{E.length>0&&E.every(e=>e.status!==`pending`&&e.status!==`uploading`)&&h?.(E)},[E,h]);let P=e=>{if(e.preventDefault(),k(!1),b)return;let t=e.dataTransfer.files;t.length>0&&N(p?t:[t[0]])},F=e=>{let t=e.target.files;t&&t.length>0&&N(p?t:[t[0]]),e.target.value=``},I=e=>{D(t=>t.filter(t=>t.id!==e.id)),g?.(e)},L=()=>{b||A.current?.click()};return(0,s.jsxs)(`div`,{ref:T,className:`space-y-3`,children:[C&&(0,s.jsx)(r.Label,{children:C}),(0,s.jsx)(`input`,{ref:A,type:`file`,accept:u,multiple:p,onChange:F,className:`sr-only`,disabled:b}),e===`dropzone`&&(0,s.jsx)(`div`,{className:t.cn(`relative border-2 border-dashed rounded-lg p-6 transition-colors`,O&&`border-primary bg-primary/5`,b&&`opacity-50 cursor-not-allowed`,!b&&`cursor-pointer hover:border-primary/50`,x),onDragOver:e=>{e.preventDefault(),b||k(!0)},onDragLeave:()=>k(!1),onDrop:P,onClick:L,children:(0,s.jsxs)(`div`,{className:`flex flex-col items-center justify-center text-center`,children:[(0,s.jsx)(o.Upload,{className:t.cn(`h-10 w-10 mb-3`,O?`text-primary`:`text-muted-foreground`)}),(0,s.jsx)(`p`,{className:`text-sm font-medium`,children:S}),w&&(0,s.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:w}),d&&(0,s.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:[`Taille max: `,c(d)]})]})}),e===`button`&&(0,s.jsxs)(n.Button,{variant:`outline`,disabled:b,onClick:L,className:x,children:[(0,s.jsx)(o.Upload,{className:`h-4 w-4 mr-2`}),S||`Sélectionner un fichier`]}),e===`inline`&&(0,s.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 p-2 border rounded-lg`,b&&`opacity-50 cursor-not-allowed`,!b&&`cursor-pointer hover:bg-muted/50`,x),onClick:L,children:[(0,s.jsx)(o.Upload,{className:`h-4 w-4 text-muted-foreground`}),(0,s.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:S||`Ajouter un fichier`})]}),E.length>0&&(0,s.jsx)(`div`,{className:`space-y-2`,children:E.map(e=>{let r=l(e.file),a=e.file.type.startsWith(`image/`);return(0,s.jsxs)(`div`,{className:t.cn(`flex items-center gap-3 p-2 rounded-lg border`,e.status===`error`&&`border-destructive bg-destructive/5`),children:[(0,s.jsx)(`div`,{className:`w-10 h-10 rounded flex items-center justify-center bg-muted overflow-hidden flex-shrink-0`,children:v&&a&&e.status!==`error`?(0,s.jsx)(`img`,{src:URL.createObjectURL(e.file),alt:e.file.name,className:`w-full h-full object-cover`}):(0,s.jsx)(r,{className:`h-5 w-5 text-muted-foreground`})}),(0,s.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,s.jsx)(`p`,{className:`text-sm font-medium truncate`,children:e.file.name}),(0,s.jsxs)(`div`,{className:`flex items-center gap-2 text-xs text-muted-foreground`,children:[(0,s.jsx)(`span`,{children:c(e.file.size)}),e.status===`error`&&(0,s.jsxs)(`span`,{className:`text-destructive flex items-center gap-1`,children:[(0,s.jsx)(o.AlertCircle,{className:`h-3 w-3`}),e.error]}),e.status===`success`&&(0,s.jsxs)(`span`,{className:`text-green-600 flex items-center gap-1`,children:[(0,s.jsx)(o.Check,{className:`h-3 w-3`}),`Uploadé`]})]}),y&&e.status===`uploading`&&(0,s.jsx)(i.Progress,{value:e.progress,className:`h-1 mt-1`})]}),(0,s.jsx)(n.Button,{variant:`ghost`,size:`icon`,className:`h-8 w-8 flex-shrink-0`,onClick:t=>{t.stopPropagation(),I(e)},children:(0,s.jsx)(o.X,{className:`h-4 w-4`})})]},e.id)})})]})});u.displayName=`WakaFileUpload`,exports.default=u;

package/dist/components/waka-file-upload/index.es.js

@@ -0,0 +1,201 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../button/index.es.js";
+import { Label as n } from "../label/index.es.js";
+import { Progress as r } from "../progress/index.es.js";
+import * as i from "react";
+import { AlertCircle as a, Check as o, File as s, FileArchive as c, FileSpreadsheet as l, FileText as u, Image as d, Upload as f, X as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/waka-file-upload/index.tsx
+function g(e) {
+	if (e === 0) return "0 Bytes";
+	let t = 1024, n = [
+		"Bytes",
+		"KB",
+		"MB",
+		"GB"
+	], r = Math.floor(Math.log(e) / Math.log(t));
+	return `${parseFloat((e / t ** +r).toFixed(2))} ${n[r]}`;
+}
+function _(e) {
+	let t = e.type;
+	return t.startsWith("image/") ? d : t.includes("pdf") ? u : t.includes("spreadsheet") || t.includes("excel") || t.includes("csv") ? l : t.includes("zip") || t.includes("archive") || t.includes("compressed") ? c : s;
+}
+var v = i.forwardRef(({ variant: s = "dropzone", accept: c, maxSize: l = 10 * 1024 * 1024, maxFiles: u = 5, multiple: d = !1, onUpload: v, onComplete: y, onRemove: b, onError: x, showPreview: S = !0, showProgress: C = !0, disabled: w = !1, className: T, placeholder: E = "Glissez vos fichiers ici ou cliquez pour sélectionner", label: D, description: O }, k) => {
+	let [A, j] = i.useState([]), [M, N] = i.useState(!1), P = i.useRef(null), F = () => `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`, I = (e) => l && e.size > l ? `Le fichier dépasse la taille maximale de ${g(l)}` : c && !c.split(",").map((e) => e.trim()).some((t) => t.startsWith(".") ? e.name.toLowerCase().endsWith(t.toLowerCase()) : t.endsWith("/*") ? e.type.startsWith(t.replace("/*", "/")) : e.type === t) ? `Type de fichier non accepté. Types acceptés: ${c}` : null, L = async (e) => {
+		let t = Array.from(e), n = u - A.filter((e) => e.status !== "error").length, r = t.slice(0, n);
+		t.length > n && x?.(`Nombre maximum de fichiers atteint (${u})`);
+		let i = r.map((e) => ({
+			id: F(),
+			file: e,
+			progress: 0,
+			status: "pending"
+		})), a = [];
+		for (let e of i) {
+			let t = I(e.file);
+			t && (e.status = "error", e.error = t, x?.(t, e.file)), a.push(e);
+		}
+		if (j((e) => [...e, ...a]), v) for (let e of a.filter((e) => e.status === "pending")) try {
+			j((t) => t.map((t) => t.id === e.id ? {
+				...t,
+				status: "uploading"
+			} : t));
+			let t = await v(e.file, (t) => {
+				j((n) => n.map((n) => n.id === e.id ? {
+					...n,
+					progress: t
+				} : n));
+			});
+			j((n) => n.map((n) => n.id === e.id ? {
+				...n,
+				status: "success",
+				progress: 100,
+				url: t
+			} : n));
+		} catch (t) {
+			let n = t instanceof Error ? t.message : "Erreur d'upload";
+			j((t) => t.map((t) => t.id === e.id ? {
+				...t,
+				status: "error",
+				error: n
+			} : t)), x?.(n, e.file);
+		}
+		else j((e) => e.map((e) => a.some((t) => t.id === e.id) && e.status === "pending" ? {
+			...e,
+			status: "success",
+			progress: 100
+		} : e));
+	};
+	i.useEffect(() => {
+		A.length > 0 && A.every((e) => e.status !== "pending" && e.status !== "uploading") && y?.(A);
+	}, [A, y]);
+	let R = (e) => {
+		if (e.preventDefault(), N(!1), w) return;
+		let t = e.dataTransfer.files;
+		t.length > 0 && L(d ? t : [t[0]]);
+	}, z = (e) => {
+		let t = e.target.files;
+		t && t.length > 0 && L(d ? t : [t[0]]), e.target.value = "";
+	}, B = (e) => {
+		j((t) => t.filter((t) => t.id !== e.id)), b?.(e);
+	}, V = () => {
+		w || P.current?.click();
+	};
+	return /* @__PURE__ */ h("div", {
+		ref: k,
+		className: "space-y-3",
+		children: [
+			D && /* @__PURE__ */ m(n, { children: D }),
+			/* @__PURE__ */ m("input", {
+				ref: P,
+				type: "file",
+				accept: c,
+				multiple: d,
+				onChange: z,
+				className: "sr-only",
+				disabled: w
+			}),
+			s === "dropzone" && /* @__PURE__ */ m("div", {
+				className: e("relative border-2 border-dashed rounded-lg p-6 transition-colors", M && "border-primary bg-primary/5", w && "opacity-50 cursor-not-allowed", !w && "cursor-pointer hover:border-primary/50", T),
+				onDragOver: (e) => {
+					e.preventDefault(), w || N(!0);
+				},
+				onDragLeave: () => N(!1),
+				onDrop: R,
+				onClick: V,
+				children: /* @__PURE__ */ h("div", {
+					className: "flex flex-col items-center justify-center text-center",
+					children: [
+						/* @__PURE__ */ m(f, { className: e("h-10 w-10 mb-3", M ? "text-primary" : "text-muted-foreground") }),
+						/* @__PURE__ */ m("p", {
+							className: "text-sm font-medium",
+							children: E
+						}),
+						O && /* @__PURE__ */ m("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: O
+						}),
+						l && /* @__PURE__ */ h("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: ["Taille max: ", g(l)]
+						})
+					]
+				})
+			}),
+			s === "button" && /* @__PURE__ */ h(t, {
+				variant: "outline",
+				disabled: w,
+				onClick: V,
+				className: T,
+				children: [/* @__PURE__ */ m(f, { className: "h-4 w-4 mr-2" }), E || "Sélectionner un fichier"]
+			}),
+			s === "inline" && /* @__PURE__ */ h("div", {
+				className: e("flex items-center gap-2 p-2 border rounded-lg", w && "opacity-50 cursor-not-allowed", !w && "cursor-pointer hover:bg-muted/50", T),
+				onClick: V,
+				children: [/* @__PURE__ */ m(f, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ m("span", {
+					className: "text-sm text-muted-foreground",
+					children: E || "Ajouter un fichier"
+				})]
+			}),
+			A.length > 0 && /* @__PURE__ */ m("div", {
+				className: "space-y-2",
+				children: A.map((n) => {
+					let i = _(n.file), s = n.file.type.startsWith("image/");
+					return /* @__PURE__ */ h("div", {
+						className: e("flex items-center gap-3 p-2 rounded-lg border", n.status === "error" && "border-destructive bg-destructive/5"),
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "w-10 h-10 rounded flex items-center justify-center bg-muted overflow-hidden flex-shrink-0",
+								children: S && s && n.status !== "error" ? /* @__PURE__ */ m("img", {
+									src: URL.createObjectURL(n.file),
+									alt: n.file.name,
+									className: "w-full h-full object-cover"
+								}) : /* @__PURE__ */ m(i, { className: "h-5 w-5 text-muted-foreground" })
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "flex-1 min-w-0",
+								children: [
+									/* @__PURE__ */ m("p", {
+										className: "text-sm font-medium truncate",
+										children: n.file.name
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex items-center gap-2 text-xs text-muted-foreground",
+										children: [
+											/* @__PURE__ */ m("span", { children: g(n.file.size) }),
+											n.status === "error" && /* @__PURE__ */ h("span", {
+												className: "text-destructive flex items-center gap-1",
+												children: [/* @__PURE__ */ m(a, { className: "h-3 w-3" }), n.error]
+											}),
+											n.status === "success" && /* @__PURE__ */ h("span", {
+												className: "text-green-600 flex items-center gap-1",
+												children: [/* @__PURE__ */ m(o, { className: "h-3 w-3" }), "Uploadé"]
+											})
+										]
+									}),
+									C && n.status === "uploading" && /* @__PURE__ */ m(r, {
+										value: n.progress,
+										className: "h-1 mt-1"
+									})
+								]
+							}),
+							/* @__PURE__ */ m(t, {
+								variant: "ghost",
+								size: "icon",
+								className: "h-8 w-8 flex-shrink-0",
+								onClick: (e) => {
+									e.stopPropagation(), B(n);
+								},
+								children: /* @__PURE__ */ m(p, { className: "h-4 w-4" })
+							})
+						]
+					}, n.id);
+				})
+			})
+		]
+	});
+});
+v.displayName = "WakaFileUpload";
+//#endregion
+export { v as default };

package/dist/components/waka-floating-nav/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(`lucide-react`),i=require(`react/jsx-runtime`);function a(e,t){let[r,i]=n.useState(!0),[a,o]=n.useState(!1),[s,c]=n.useState(0),l=n.useRef(0);return n.useEffect(()=>{let n=()=>{let n=window.scrollY;o(n>t),c(n),n<e?i(!0):n>l.current?i(!1):i(!0),l.current=n};return window.addEventListener(`scroll`,n,{passive:!0}),n(),()=>window.removeEventListener(`scroll`,n)},[e,t]),{isVisible:r,isCompact:a,scrollY:s}}function o({items:e,isOpen:r,onClose:a,renderItem:o}){return n.useEffect(()=>(r?document.body.style.overflow=`hidden`:document.body.style.overflow=``,()=>{document.body.style.overflow=``}),[r]),(0,i.jsxs)(`div`,{className:t.cn(`fixed inset-0 z-40 md:hidden`,`transition-all duration-300`,r?`visible`:`invisible pointer-events-none`),children:[(0,i.jsx)(`div`,{className:t.cn(`absolute inset-0 bg-background/80 backdrop-blur-sm`,`transition-opacity duration-300`,r?`opacity-100`:`opacity-0`),onClick:a}),(0,i.jsx)(`div`,{className:t.cn(`absolute top-16 left-4 right-4 bg-background border rounded-2xl shadow-2xl p-4`,`transition-all duration-300 ease-out`,r?`opacity-100 translate-y-0 scale-100`:`opacity-0 -translate-y-4 scale-95`),children:(0,i.jsx)(`nav`,{className:`flex flex-col gap-1`,children:e.map(e=>o?(0,i.jsx)(`div`,{onClick:a,children:o(e,!1)},e.id):(0,i.jsxs)(e.href?`a`:`button`,{href:e.href,onClick:()=>{e.onClick?.(),a()},disabled:e.disabled,className:t.cn(`flex items-center gap-3 px-4 py-3 rounded-xl text-left`,`transition-colors duration-200`,e.active?`bg-primary text-primary-foreground`:`hover:bg-muted text-foreground`,e.disabled&&`opacity-50 cursor-not-allowed`),children:[e.icon&&(0,i.jsx)(`span`,{className:`h-5 w-5`,children:e.icon}),(0,i.jsx)(`span`,{className:`font-medium`,children:e.label})]},e.id))})})]})}function s({items:e,logo:s,compactLogo:c,scrollThreshold:l=100,showThreshold:u=50,alwaysVisible:d=!1,renderItem:f,actions:p,compactActions:m,position:h=`top`,className:g}){let{isVisible:_,isCompact:v,scrollY:y}=a(u,l),[b,x]=n.useState(!1),S=d||_,C=v&&c?c:s,w=v&&m?m:p;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`header`,{className:t.cn(`fixed left-0 right-0 z-50`,`transition-all duration-500 ease-out`,h===`top`?`top-0`:`bottom-0`,S?`translate-y-0 opacity-100`:h===`top`?`-translate-y-full opacity-0`:`translate-y-full opacity-0`,g),children:(0,i.jsx)(`div`,{className:t.cn(`mx-auto transition-all duration-500 ease-out`,v?`max-w-2xl px-4 pt-3`:`max-w-7xl px-4 sm:px-6 lg:px-8 pt-4`),children:(0,i.jsxs)(`nav`,{className:t.cn(`relative flex items-center justify-between`,`transition-all duration-500 ease-out`,`bg-background/70 backdrop-blur-xl border shadow-lg`,v?`rounded-full px-4 py-2 gap-2`:`rounded-2xl px-6 py-4 gap-4`),children:[C&&(0,i.jsx)(`div`,{className:t.cn(`flex-shrink-0 transition-all duration-300`,v?`scale-90`:`scale-100`),children:C}),(0,i.jsx)(`div`,{className:t.cn(`hidden md:flex items-center transition-all duration-300`,v?`gap-1`:`gap-2`),children:e.map(e=>f?(0,i.jsx)(n.Fragment,{children:f(e,v)},e.id):(0,i.jsxs)(e.href?`a`:`button`,{href:e.href,onClick:e.onClick,disabled:e.disabled,className:t.cn(`relative flex items-center gap-2 font-medium`,`transition-all duration-300`,v?`px-3 py-1.5 text-sm rounded-full`:`px-4 py-2 text-sm rounded-xl`,e.active?`bg-primary/10 text-primary`:`text-muted-foreground hover:text-foreground hover:bg-muted`,e.disabled&&`opacity-50 cursor-not-allowed`),children:[e.icon&&(0,i.jsx)(`span`,{className:t.cn(`transition-all duration-300`,`h-4 w-4`),children:e.icon}),(0,i.jsx)(`span`,{className:t.cn(`transition-all duration-300`,v&&!e.active&&`hidden lg:inline`),children:e.label}),e.active&&(0,i.jsx)(`span`,{className:t.cn(`absolute bottom-0 left-1/2 -translate-x-1/2 bg-primary rounded-full`,`transition-all duration-300`,v?`w-1 h-1`:`w-6 h-0.5`)})]},e.id))}),(0,i.jsx)(`div`,{className:`hidden md:flex items-center gap-2 flex-shrink-0`,children:w}),(0,i.jsx)(`button`,{type:`button`,onClick:()=>x(!b),className:t.cn(`md:hidden flex items-center justify-center`,`transition-all duration-300`,v?`h-8 w-8`:`h-10 w-10`,`rounded-full hover:bg-muted`),"aria-label":b?`Close menu`:`Open menu`,children:(0,i.jsx)(`span`,{className:t.cn(`transition-transform duration-300`,b&&`rotate-90`),children:b?(0,i.jsx)(r.X,{className:`h-5 w-5`}):(0,i.jsx)(r.Menu,{className:`h-5 w-5`})})})]})})}),(0,i.jsx)(o,{items:e,isOpen:b,onClose:()=>x(!1),renderItem:f})]})}function c(e){let[t,r]=n.useState(e);return{items:t,setItems:r,setActiveItem:n.useCallback(e=>{r(t=>t.map(t=>({...t,active:t.id===e})))},[]),updateItem:n.useCallback((e,t)=>{r(n=>n.map(n=>n.id===e?{...n,...t}:n))},[]),addItem:n.useCallback(e=>{r(t=>[...t,e])},[]),removeItem:n.useCallback(e=>{r(t=>t.filter(t=>t.id!==e))},[])}}exports.default=s,exports.useFloatingNav=c;

package/dist/components/waka-floating-nav/index.es.js

@@ -0,0 +1,139 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import * as t from "react";
+import { Menu as n, X as r } from "lucide-react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/components/waka-floating-nav/index.tsx
+function s(e, n) {
+	let [r, i] = t.useState(!0), [a, o] = t.useState(!1), [s, c] = t.useState(0), l = t.useRef(0);
+	return t.useEffect(() => {
+		let t = () => {
+			let t = window.scrollY;
+			o(t > n), c(t), t < e ? i(!0) : t > l.current ? i(!1) : i(!0), l.current = t;
+		};
+		return window.addEventListener("scroll", t, { passive: !0 }), t(), () => window.removeEventListener("scroll", t);
+	}, [e, n]), {
+		isVisible: r,
+		isCompact: a,
+		scrollY: s
+	};
+}
+function c({ items: n, isOpen: r, onClose: i, renderItem: s }) {
+	return t.useEffect(() => (r ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+		document.body.style.overflow = "";
+	}), [r]), /* @__PURE__ */ o("div", {
+		className: e("fixed inset-0 z-40 md:hidden", "transition-all duration-300", r ? "visible" : "invisible pointer-events-none"),
+		children: [/* @__PURE__ */ a("div", {
+			className: e("absolute inset-0 bg-background/80 backdrop-blur-sm", "transition-opacity duration-300", r ? "opacity-100" : "opacity-0"),
+			onClick: i
+		}), /* @__PURE__ */ a("div", {
+			className: e("absolute top-16 left-4 right-4 bg-background border rounded-2xl shadow-2xl p-4", "transition-all duration-300 ease-out", r ? "opacity-100 translate-y-0 scale-100" : "opacity-0 -translate-y-4 scale-95"),
+			children: /* @__PURE__ */ a("nav", {
+				className: "flex flex-col gap-1",
+				children: n.map((t) => s ? /* @__PURE__ */ a("div", {
+					onClick: i,
+					children: s(t, !1)
+				}, t.id) : /* @__PURE__ */ o(t.href ? "a" : "button", {
+					href: t.href,
+					onClick: () => {
+						t.onClick?.(), i();
+					},
+					disabled: t.disabled,
+					className: e("flex items-center gap-3 px-4 py-3 rounded-xl text-left", "transition-colors duration-200", t.active ? "bg-primary text-primary-foreground" : "hover:bg-muted text-foreground", t.disabled && "opacity-50 cursor-not-allowed"),
+					children: [t.icon && /* @__PURE__ */ a("span", {
+						className: "h-5 w-5",
+						children: t.icon
+					}), /* @__PURE__ */ a("span", {
+						className: "font-medium",
+						children: t.label
+					})]
+				}, t.id))
+			})
+		})]
+	});
+}
+function l({ items: l, logo: u, compactLogo: d, scrollThreshold: f = 100, showThreshold: p = 50, alwaysVisible: m = !1, renderItem: h, actions: g, compactActions: _, position: v = "top", className: y }) {
+	let { isVisible: b, isCompact: x, scrollY: S } = s(p, f), [C, w] = t.useState(!1), T = m || b, E = x && d ? d : u, D = x && _ ? _ : g;
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("header", {
+		className: e("fixed left-0 right-0 z-50", "transition-all duration-500 ease-out", v === "top" ? "top-0" : "bottom-0", T ? "translate-y-0 opacity-100" : v === "top" ? "-translate-y-full opacity-0" : "translate-y-full opacity-0", y),
+		children: /* @__PURE__ */ a("div", {
+			className: e("mx-auto transition-all duration-500 ease-out", x ? "max-w-2xl px-4 pt-3" : "max-w-7xl px-4 sm:px-6 lg:px-8 pt-4"),
+			children: /* @__PURE__ */ o("nav", {
+				className: e("relative flex items-center justify-between", "transition-all duration-500 ease-out", "bg-background/70 backdrop-blur-xl border shadow-lg", x ? "rounded-full px-4 py-2 gap-2" : "rounded-2xl px-6 py-4 gap-4"),
+				children: [
+					E && /* @__PURE__ */ a("div", {
+						className: e("flex-shrink-0 transition-all duration-300", x ? "scale-90" : "scale-100"),
+						children: E
+					}),
+					/* @__PURE__ */ a("div", {
+						className: e("hidden md:flex items-center transition-all duration-300", x ? "gap-1" : "gap-2"),
+						children: l.map((n) => h ? /* @__PURE__ */ a(t.Fragment, { children: h(n, x) }, n.id) : /* @__PURE__ */ o(n.href ? "a" : "button", {
+							href: n.href,
+							onClick: n.onClick,
+							disabled: n.disabled,
+							className: e("relative flex items-center gap-2 font-medium", "transition-all duration-300", x ? "px-3 py-1.5 text-sm rounded-full" : "px-4 py-2 text-sm rounded-xl", n.active ? "bg-primary/10 text-primary" : "text-muted-foreground hover:text-foreground hover:bg-muted", n.disabled && "opacity-50 cursor-not-allowed"),
+							children: [
+								n.icon && /* @__PURE__ */ a("span", {
+									className: e("transition-all duration-300", "h-4 w-4"),
+									children: n.icon
+								}),
+								/* @__PURE__ */ a("span", {
+									className: e("transition-all duration-300", x && !n.active && "hidden lg:inline"),
+									children: n.label
+								}),
+								n.active && /* @__PURE__ */ a("span", { className: e("absolute bottom-0 left-1/2 -translate-x-1/2 bg-primary rounded-full", "transition-all duration-300", x ? "w-1 h-1" : "w-6 h-0.5") })
+							]
+						}, n.id))
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "hidden md:flex items-center gap-2 flex-shrink-0",
+						children: D
+					}),
+					/* @__PURE__ */ a("button", {
+						type: "button",
+						onClick: () => w(!C),
+						className: e("md:hidden flex items-center justify-center", "transition-all duration-300", x ? "h-8 w-8" : "h-10 w-10", "rounded-full hover:bg-muted"),
+						"aria-label": C ? "Close menu" : "Open menu",
+						children: /* @__PURE__ */ a("span", {
+							className: e("transition-transform duration-300", C && "rotate-90"),
+							children: a(C ? r : n, { className: "h-5 w-5" })
+						})
+					})
+				]
+			})
+		})
+	}), /* @__PURE__ */ a(c, {
+		items: l,
+		isOpen: C,
+		onClose: () => w(!1),
+		renderItem: h
+	})] });
+}
+function u(e) {
+	let [n, r] = t.useState(e);
+	return {
+		items: n,
+		setItems: r,
+		setActiveItem: t.useCallback((e) => {
+			r((t) => t.map((t) => ({
+				...t,
+				active: t.id === e
+			})));
+		}, []),
+		updateItem: t.useCallback((e, t) => {
+			r((n) => n.map((n) => n.id === e ? {
+				...n,
+				...t
+			} : n));
+		}, []),
+		addItem: t.useCallback((e) => {
+			r((t) => [...t, e]);
+		}, []),
+		removeItem: t.useCallback((e) => {
+			r((t) => t.filter((t) => t.id !== e));
+		}, [])
+	};
+}
+//#endregion
+export { l as default, u as useFloatingNav };