@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/empty-states/index.es.js

@@ -0,0 +1,306 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../../components/button/index.es.js";
+import * as n from "react";
+import { ArrowRight as r, Bell as i, Bookmark as a, Calendar as o, FileQuestion as s, Filter as c, FolderOpen as l, Heart as u, Image as d, Inbox as f, MessageSquare as p, Plus as m, RefreshCw as h, Search as g, ShoppingCart as _, Upload as v, Users as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/blocks/empty-states/index.tsx
+var C = {
+	"no-data": {
+		title: "Aucune donnée",
+		description: "Il n'y a pas encore de données à afficher.",
+		icon: f,
+		actionLabel: "Ajouter",
+		actionIcon: m
+	},
+	"no-results": {
+		title: "Aucun résultat",
+		description: "Aucun élément ne correspond à votre recherche.",
+		icon: g,
+		actionLabel: "Effacer les filtres",
+		actionIcon: c
+	},
+	"no-messages": {
+		title: "Aucun message",
+		description: "Votre boîte de réception est vide.",
+		icon: p,
+		actionLabel: "Nouveau message",
+		actionIcon: m
+	},
+	"no-files": {
+		title: "Aucun fichier",
+		description: "Vous n'avez pas encore de fichiers.",
+		icon: l,
+		actionLabel: "Importer un fichier",
+		actionIcon: v
+	},
+	"no-users": {
+		title: "Aucun utilisateur",
+		description: "Il n'y a pas encore d'utilisateurs.",
+		icon: y,
+		actionLabel: "Inviter des utilisateurs",
+		actionIcon: m
+	},
+	"no-cart": {
+		title: "Panier vide",
+		description: "Votre panier est vide.",
+		icon: _,
+		actionLabel: "Parcourir les produits",
+		actionIcon: r
+	},
+	"no-notifications": {
+		title: "Aucune notification",
+		description: "Vous êtes à jour !",
+		icon: i
+	},
+	"no-events": {
+		title: "Aucun événement",
+		description: "Aucun événement prévu.",
+		icon: o,
+		actionLabel: "Créer un événement",
+		actionIcon: m
+	},
+	"no-images": {
+		title: "Aucune image",
+		description: "Vous n'avez pas encore d'images.",
+		icon: d,
+		actionLabel: "Importer des images",
+		actionIcon: v
+	},
+	"no-bookmarks": {
+		title: "Aucun favori",
+		description: "Vous n'avez pas encore de favoris.",
+		icon: a,
+		actionLabel: "Parcourir",
+		actionIcon: r
+	},
+	"no-favorites": {
+		title: "Aucun favori",
+		description: "Vous n'avez pas encore aimé de contenu.",
+		icon: u
+	},
+	error: {
+		title: "Une erreur est survenue",
+		description: "Impossible de charger les données.",
+		icon: s,
+		actionLabel: "Réessayer",
+		actionIcon: h
+	},
+	custom: {
+		title: "Aucun élément",
+		description: "Il n'y a rien à afficher.",
+		icon: f
+	}
+};
+function w({ type: t, size: n, className: r }) {
+	let i = C[t].icon, a = {
+		sm: {
+			container: "h-24 w-24",
+			icon: "h-8 w-8",
+			circles: {
+				outer: "h-20 w-20",
+				inner: "h-14 w-14"
+			}
+		},
+		md: {
+			container: "h-32 w-32",
+			icon: "h-10 w-10",
+			circles: {
+				outer: "h-28 w-28",
+				inner: "h-20 w-20"
+			}
+		},
+		lg: {
+			container: "h-40 w-40",
+			icon: "h-12 w-12",
+			circles: {
+				outer: "h-36 w-36",
+				inner: "h-28 w-28"
+			}
+		}
+	}[n];
+	return /* @__PURE__ */ S("div", {
+		className: e("relative flex items-center justify-center", a.container, r),
+		children: [
+			/* @__PURE__ */ x("div", { className: e("absolute rounded-full bg-muted/50", a.circles.outer) }),
+			/* @__PURE__ */ x("div", { className: e("absolute rounded-full bg-muted", a.circles.inner) }),
+			/* @__PURE__ */ x("div", {
+				className: "relative z-10 flex items-center justify-center rounded-full bg-background p-4 shadow-sm",
+				children: /* @__PURE__ */ x(i, { className: e(a.icon, "text-muted-foreground") })
+			}),
+			/* @__PURE__ */ x("div", { className: "absolute -right-1 top-2 h-2 w-2 rounded-full bg-primary/20" }),
+			/* @__PURE__ */ x("div", { className: "absolute -left-1 bottom-4 h-1.5 w-1.5 rounded-full bg-primary/30" }),
+			/* @__PURE__ */ x("div", { className: "absolute right-4 bottom-0 h-2.5 w-2.5 rounded-full bg-primary/10" })
+		]
+	});
+}
+function T({ type: r = "no-data", title: i, description: a, icon: o, actions: s, illustration: c, showIllustration: l = !0, size: u = "md", layout: d = "vertical", centered: f = !0, children: p, className: m, LinkComponent: h }) {
+	let g = C[r], _ = i ?? g.title, v = a ?? g.description;
+	g.icon;
+	let y = {
+		sm: {
+			container: "py-8 px-4",
+			title: "text-base",
+			description: "text-sm",
+			icon: "h-8 w-8"
+		},
+		md: {
+			container: "py-12 px-6",
+			title: "text-lg",
+			description: "text-sm",
+			icon: "h-10 w-10"
+		},
+		lg: {
+			container: "py-16 px-8",
+			title: "text-xl",
+			description: "text-base",
+			icon: "h-12 w-12"
+		}
+	}, T = [];
+	if (g.actionLabel && !s) {
+		let e = g.actionIcon;
+		T.push({
+			label: g.actionLabel,
+			variant: "default",
+			icon: e ? /* @__PURE__ */ x(e, { className: "h-4 w-4" }) : void 0
+		});
+	}
+	let E = s || (T.length > 0 ? T : void 0);
+	return d === "horizontal" ? /* @__PURE__ */ S("div", {
+		className: e("flex items-center gap-6", y[u].container, f && "justify-center", m),
+		children: [l && /* @__PURE__ */ x("div", {
+			className: "flex-shrink-0",
+			children: c || (o ? /* @__PURE__ */ x("div", {
+				className: "flex items-center justify-center rounded-full bg-muted p-4",
+				children: o
+			}) : /* @__PURE__ */ x(w, {
+				type: r,
+				size: u
+			}))
+		}), /* @__PURE__ */ S("div", {
+			className: "flex flex-col",
+			children: [
+				/* @__PURE__ */ x("h3", {
+					className: e("font-semibold", y[u].title),
+					children: _
+				}),
+				/* @__PURE__ */ x("p", {
+					className: e("text-muted-foreground mt-1", y[u].description),
+					children: v
+				}),
+				p && /* @__PURE__ */ x("div", {
+					className: "mt-4",
+					children: p
+				}),
+				E && E.length > 0 && /* @__PURE__ */ x("div", {
+					className: "flex gap-3 mt-4",
+					children: E.map((e, n) => /* @__PURE__ */ x(t, {
+						variant: e.variant || "default",
+						size: "sm",
+						onClick: e.onClick,
+						asChild: !!e.href,
+						children: e.href ? S(h || "a", {
+							href: e.href,
+							children: [e.icon && /* @__PURE__ */ x("span", {
+								className: "mr-2",
+								children: e.icon
+							}), e.label]
+						}) : /* @__PURE__ */ S(b, { children: [e.icon && /* @__PURE__ */ x("span", {
+							className: "mr-2",
+							children: e.icon
+						}), e.label] })
+					}, n))
+				})
+			]
+		})]
+	}) : /* @__PURE__ */ S("div", {
+		className: e("flex flex-col items-center", f && "text-center", y[u].container, m),
+		children: [
+			l && /* @__PURE__ */ x("div", {
+				className: "mb-6",
+				children: c || (o ? /* @__PURE__ */ x("div", {
+					className: "flex items-center justify-center rounded-full bg-muted p-6",
+					children: n.cloneElement(o, { className: e(y[u].icon, "text-muted-foreground") })
+				}) : /* @__PURE__ */ x(w, {
+					type: r,
+					size: u
+				}))
+			}),
+			/* @__PURE__ */ x("h3", {
+				className: e("font-semibold", y[u].title),
+				children: _
+			}),
+			/* @__PURE__ */ x("p", {
+				className: e("text-muted-foreground mt-2 max-w-sm", y[u].description),
+				children: v
+			}),
+			p && /* @__PURE__ */ x("div", {
+				className: "mt-4",
+				children: p
+			}),
+			E && E.length > 0 && /* @__PURE__ */ x("div", {
+				className: "flex flex-wrap gap-3 mt-6 justify-center",
+				children: E.map((e, n) => /* @__PURE__ */ x(t, {
+					variant: e.variant || "default",
+					onClick: e.onClick,
+					asChild: !!e.href,
+					children: e.href ? S(h || "a", {
+						href: e.href,
+						children: [e.icon && /* @__PURE__ */ x("span", {
+							className: "mr-2",
+							children: e.icon
+						}), e.label]
+					}) : /* @__PURE__ */ S(b, { children: [e.icon && /* @__PURE__ */ x("span", {
+						className: "mr-2",
+						children: e.icon
+					}), e.label] })
+				}, n))
+			})
+		]
+	});
+}
+function E(e) {
+	return /* @__PURE__ */ x(T, {
+		type: "no-data",
+		...e
+	});
+}
+function D(e) {
+	return /* @__PURE__ */ x(T, {
+		type: "no-results",
+		...e
+	});
+}
+function O(e) {
+	return /* @__PURE__ */ x(T, {
+		type: "no-messages",
+		...e
+	});
+}
+function k(e) {
+	return /* @__PURE__ */ x(T, {
+		type: "no-files",
+		...e
+	});
+}
+function A(e) {
+	return /* @__PURE__ */ x(T, {
+		type: "no-cart",
+		...e
+	});
+}
+function j(e) {
+	return /* @__PURE__ */ x(T, {
+		type: "no-notifications",
+		...e
+	});
+}
+function M(e) {
+	return /* @__PURE__ */ x(T, {
+		type: "error",
+		...e
+	});
+}
+//#endregion
+export { A as EmptyCartState, M as ErrorState, E as NoDataState, k as NoFilesState, O as NoMessagesState, j as NoNotificationsState, D as NoResultsState, T as WakaEmptyState, T as default };

package/dist/blocks/error-pages/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("../../components/button/index.cjs.js");let r=require("react");r=e.__toESM(r);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={404:{code:`404`,title:`Page non trouvée`,description:`Désolé, la page que vous recherchez n'existe pas ou a été déplacée.`,icon:i.FileQuestion},500:{code:`500`,title:`Erreur serveur`,description:`Une erreur inattendue s'est produite. Notre équipe a été notifiée.`,icon:i.ServerCrash},403:{code:`403`,title:`Accès refusé`,description:`Vous n'avez pas les permissions nécessaires pour accéder à cette page.`,icon:i.ShieldX},503:{code:`503`,title:`Service indisponible`,description:`Le service est temporairement indisponible. Veuillez réessayer plus tard.`,icon:i.ServerCrash},offline:{code:`Hors ligne`,title:`Vous êtes hors ligne`,description:`Vérifiez votre connexion internet et réessayez.`,icon:i.Wifi},maintenance:{code:`Maintenance`,title:`Maintenance en cours`,description:`Nous effectuons une maintenance. Nous serons bientôt de retour.`,icon:i.Construction},custom:{code:``,title:`Erreur`,description:`Une erreur s'est produite.`,icon:i.FileQuestion}};function s({type:e,className:n}){let r=o[e].icon;return(0,a.jsxs)(`div`,{className:t.cn(`relative flex items-center justify-center`,n),children:[(0,a.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,a.jsx)(`div`,{className:`h-48 w-48 rounded-full bg-muted/50`})}),(0,a.jsx)(`div`,{className:`absolute inset-0 flex items-center justify-center`,children:(0,a.jsx)(`div`,{className:`h-32 w-32 rounded-full bg-muted`})}),(0,a.jsx)(`div`,{className:`relative z-10 flex h-20 w-20 items-center justify-center rounded-full bg-background shadow-lg`,children:(0,a.jsx)(r,{className:`h-10 w-10 text-muted-foreground`})}),(0,a.jsx)(`div`,{className:`absolute -right-4 top-4 h-3 w-3 rounded-full bg-primary/20`}),(0,a.jsx)(`div`,{className:`absolute -left-2 bottom-8 h-2 w-2 rounded-full bg-primary/30`}),(0,a.jsx)(`div`,{className:`absolute right-8 bottom-2 h-4 w-4 rounded-full bg-primary/10`})]})}function c({type:e=`404`,code:r,title:c,description:l,actions:u,illustration:d,showCode:f=!0,showIllustration:p=!0,showBackButton:m=!0,onBack:h,showHomeButton:g=!0,homeUrl:_=`/`,showRefreshButton:v=!1,children:y,layout:b=`centered`,size:x=`md`,className:S,LinkComponent:C}){let w=o[e],T=r??w.code,E=c??w.title,D=l??w.description,O={sm:{container:`py-12 px-4`,code:`text-6xl`,title:`text-xl`,description:`text-sm`,illustration:`h-32 w-32`},md:{container:`py-16 px-6`,code:`text-8xl`,title:`text-2xl`,description:`text-base`,illustration:`h-48 w-48`},lg:{container:`py-24 px-8`,code:`text-9xl`,title:`text-3xl`,description:`text-lg`,illustration:`h-64 w-64`}},k=[];m&&k.push({label:`Retour`,onClick:h||(()=>window.history.back()),variant:`outline`,icon:(0,a.jsx)(i.ArrowLeft,{className:`h-4 w-4`})}),g&&k.push({label:`Accueil`,href:_,variant:`default`,icon:(0,a.jsx)(i.Home,{className:`h-4 w-4`})}),v&&k.push({label:`Réessayer`,onClick:()=>window.location.reload(),variant:`secondary`,icon:(0,a.jsx)(i.RefreshCw,{className:`h-4 w-4`})});let A=u||k;return b===`split`?(0,a.jsxs)(`div`,{className:t.cn(`min-h-screen flex flex-col lg:flex-row`,S),children:[(0,a.jsx)(`div`,{className:`flex-1 bg-muted/30 flex items-center justify-center p-8 lg:p-16`,children:(0,a.jsx)(`div`,{className:O[x].illustration,children:d||(0,a.jsx)(s,{type:e})})}),(0,a.jsx)(`div`,{className:`flex-1 flex items-center justify-center p-8 lg:p-16`,children:(0,a.jsxs)(`div`,{className:`max-w-md`,children:[f&&T&&(0,a.jsx)(`div`,{className:t.cn(`font-bold text-primary mb-4`,x===`sm`?`text-4xl`:x===`md`?`text-5xl`:`text-6xl`),children:T}),(0,a.jsx)(`h1`,{className:t.cn(`font-bold tracking-tight mb-4`,O[x].title),children:E}),(0,a.jsx)(`p`,{className:t.cn(`text-muted-foreground mb-8`,O[x].description),children:D}),y&&(0,a.jsx)(`div`,{className:`mb-8`,children:y}),A.length>0&&(0,a.jsx)(`div`,{className:`flex flex-wrap gap-3`,children:A.map((e,t)=>(0,a.jsx)(n.Button,{variant:e.variant||`default`,onClick:e.onClick,asChild:!!e.href,children:e.href?C?(0,a.jsxs)(C,{href:e.href,children:[e.icon&&(0,a.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,a.jsxs)(`a`,{href:e.href,children:[e.icon&&(0,a.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,a.jsxs)(a.Fragment,{children:[e.icon&&(0,a.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]})},t))})]})})]}):(0,a.jsx)(`div`,{className:t.cn(`min-h-screen flex items-center justify-center`,O[x].container,S),children:(0,a.jsxs)(`div`,{className:`flex flex-col items-center text-center`,children:[p&&(0,a.jsx)(`div`,{className:t.cn(`mb-8`,O[x].illustration),children:d||(0,a.jsx)(s,{type:e})}),f&&T&&(0,a.jsx)(`div`,{className:t.cn(`font-bold text-muted-foreground/20 mb-4`,O[x].code),children:T}),(0,a.jsx)(`h1`,{className:t.cn(`font-bold tracking-tight mb-4`,O[x].title),children:E}),(0,a.jsx)(`p`,{className:t.cn(`text-muted-foreground max-w-md mb-8`,O[x].description),children:D}),y&&(0,a.jsx)(`div`,{className:`mb-8`,children:y}),A.length>0&&(0,a.jsx)(`div`,{className:`flex flex-wrap gap-3 justify-center`,children:A.map((e,t)=>(0,a.jsx)(n.Button,{variant:e.variant||`default`,onClick:e.onClick,asChild:!!e.href,children:e.href?C?(0,a.jsxs)(C,{href:e.href,children:[e.icon&&(0,a.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,a.jsxs)(`a`,{href:e.href,children:[e.icon&&(0,a.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]}):(0,a.jsxs)(a.Fragment,{children:[e.icon&&(0,a.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]})},t))})]})})}function l(e){return(0,a.jsx)(c,{type:`404`,...e})}function u(e){return(0,a.jsx)(c,{type:`500`,showRefreshButton:!0,...e})}function d(e){return(0,a.jsx)(c,{type:`403`,...e})}function f(e){return(0,a.jsx)(c,{type:`maintenance`,showBackButton:!1,showHomeButton:!1,...e})}function p(e){return(0,a.jsx)(c,{type:`offline`,showRefreshButton:!0,...e})}exports.Error403Page=d,exports.Error404Page=l,exports.Error500Page=u,exports.MaintenancePage=f,exports.OfflinePage=p,exports.WakaErrorPage=c,exports.default=c;

package/dist/blocks/error-pages/index.es.js

@@ -0,0 +1,249 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../../components/button/index.es.js";
+import "react";
+import { ArrowLeft as n, Construction as r, FileQuestion as i, Home as a, RefreshCw as o, ServerCrash as s, ShieldX as c, Wifi as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/blocks/error-pages/index.tsx
+var p = {
+	404: {
+		code: "404",
+		title: "Page non trouvée",
+		description: "Désolé, la page que vous recherchez n'existe pas ou a été déplacée.",
+		icon: i
+	},
+	500: {
+		code: "500",
+		title: "Erreur serveur",
+		description: "Une erreur inattendue s'est produite. Notre équipe a été notifiée.",
+		icon: s
+	},
+	403: {
+		code: "403",
+		title: "Accès refusé",
+		description: "Vous n'avez pas les permissions nécessaires pour accéder à cette page.",
+		icon: c
+	},
+	503: {
+		code: "503",
+		title: "Service indisponible",
+		description: "Le service est temporairement indisponible. Veuillez réessayer plus tard.",
+		icon: s
+	},
+	offline: {
+		code: "Hors ligne",
+		title: "Vous êtes hors ligne",
+		description: "Vérifiez votre connexion internet et réessayez.",
+		icon: l
+	},
+	maintenance: {
+		code: "Maintenance",
+		title: "Maintenance en cours",
+		description: "Nous effectuons une maintenance. Nous serons bientôt de retour.",
+		icon: r
+	},
+	custom: {
+		code: "",
+		title: "Erreur",
+		description: "Une erreur s'est produite.",
+		icon: i
+	}
+};
+function m({ type: t, className: n }) {
+	let r = p[t].icon;
+	return /* @__PURE__ */ f("div", {
+		className: e("relative flex items-center justify-center", n),
+		children: [
+			/* @__PURE__ */ d("div", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: /* @__PURE__ */ d("div", { className: "h-48 w-48 rounded-full bg-muted/50" })
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "absolute inset-0 flex items-center justify-center",
+				children: /* @__PURE__ */ d("div", { className: "h-32 w-32 rounded-full bg-muted" })
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "relative z-10 flex h-20 w-20 items-center justify-center rounded-full bg-background shadow-lg",
+				children: /* @__PURE__ */ d(r, { className: "h-10 w-10 text-muted-foreground" })
+			}),
+			/* @__PURE__ */ d("div", { className: "absolute -right-4 top-4 h-3 w-3 rounded-full bg-primary/20" }),
+			/* @__PURE__ */ d("div", { className: "absolute -left-2 bottom-8 h-2 w-2 rounded-full bg-primary/30" }),
+			/* @__PURE__ */ d("div", { className: "absolute right-8 bottom-2 h-4 w-4 rounded-full bg-primary/10" })
+		]
+	});
+}
+function h({ type: r = "404", code: i, title: s, description: c, actions: l, illustration: h, showCode: g = !0, showIllustration: _ = !0, showBackButton: v = !0, onBack: y, showHomeButton: b = !0, homeUrl: x = "/", showRefreshButton: S = !1, children: C, layout: w = "centered", size: T = "md", className: E, LinkComponent: D }) {
+	let O = p[r], k = i ?? O.code, A = s ?? O.title, j = c ?? O.description, M = {
+		sm: {
+			container: "py-12 px-4",
+			code: "text-6xl",
+			title: "text-xl",
+			description: "text-sm",
+			illustration: "h-32 w-32"
+		},
+		md: {
+			container: "py-16 px-6",
+			code: "text-8xl",
+			title: "text-2xl",
+			description: "text-base",
+			illustration: "h-48 w-48"
+		},
+		lg: {
+			container: "py-24 px-8",
+			code: "text-9xl",
+			title: "text-3xl",
+			description: "text-lg",
+			illustration: "h-64 w-64"
+		}
+	}, N = [];
+	v && N.push({
+		label: "Retour",
+		onClick: y || (() => window.history.back()),
+		variant: "outline",
+		icon: /* @__PURE__ */ d(n, { className: "h-4 w-4" })
+	}), b && N.push({
+		label: "Accueil",
+		href: x,
+		variant: "default",
+		icon: /* @__PURE__ */ d(a, { className: "h-4 w-4" })
+	}), S && N.push({
+		label: "Réessayer",
+		onClick: () => window.location.reload(),
+		variant: "secondary",
+		icon: /* @__PURE__ */ d(o, { className: "h-4 w-4" })
+	});
+	let P = l || N;
+	return w === "split" ? /* @__PURE__ */ f("div", {
+		className: e("min-h-screen flex flex-col lg:flex-row", E),
+		children: [/* @__PURE__ */ d("div", {
+			className: "flex-1 bg-muted/30 flex items-center justify-center p-8 lg:p-16",
+			children: /* @__PURE__ */ d("div", {
+				className: M[T].illustration,
+				children: h || /* @__PURE__ */ d(m, { type: r })
+			})
+		}), /* @__PURE__ */ d("div", {
+			className: "flex-1 flex items-center justify-center p-8 lg:p-16",
+			children: /* @__PURE__ */ f("div", {
+				className: "max-w-md",
+				children: [
+					g && k && /* @__PURE__ */ d("div", {
+						className: e("font-bold text-primary mb-4", T === "sm" ? "text-4xl" : T === "md" ? "text-5xl" : "text-6xl"),
+						children: k
+					}),
+					/* @__PURE__ */ d("h1", {
+						className: e("font-bold tracking-tight mb-4", M[T].title),
+						children: A
+					}),
+					/* @__PURE__ */ d("p", {
+						className: e("text-muted-foreground mb-8", M[T].description),
+						children: j
+					}),
+					C && /* @__PURE__ */ d("div", {
+						className: "mb-8",
+						children: C
+					}),
+					P.length > 0 && /* @__PURE__ */ d("div", {
+						className: "flex flex-wrap gap-3",
+						children: P.map((e, n) => /* @__PURE__ */ d(t, {
+							variant: e.variant || "default",
+							onClick: e.onClick,
+							asChild: !!e.href,
+							children: e.href ? f(D || "a", {
+								href: e.href,
+								children: [e.icon && /* @__PURE__ */ d("span", {
+									className: "mr-2",
+									children: e.icon
+								}), e.label]
+							}) : /* @__PURE__ */ f(u, { children: [e.icon && /* @__PURE__ */ d("span", {
+								className: "mr-2",
+								children: e.icon
+							}), e.label] })
+						}, n))
+					})
+				]
+			})
+		})]
+	}) : /* @__PURE__ */ d("div", {
+		className: e("min-h-screen flex items-center justify-center", M[T].container, E),
+		children: /* @__PURE__ */ f("div", {
+			className: "flex flex-col items-center text-center",
+			children: [
+				_ && /* @__PURE__ */ d("div", {
+					className: e("mb-8", M[T].illustration),
+					children: h || /* @__PURE__ */ d(m, { type: r })
+				}),
+				g && k && /* @__PURE__ */ d("div", {
+					className: e("font-bold text-muted-foreground/20 mb-4", M[T].code),
+					children: k
+				}),
+				/* @__PURE__ */ d("h1", {
+					className: e("font-bold tracking-tight mb-4", M[T].title),
+					children: A
+				}),
+				/* @__PURE__ */ d("p", {
+					className: e("text-muted-foreground max-w-md mb-8", M[T].description),
+					children: j
+				}),
+				C && /* @__PURE__ */ d("div", {
+					className: "mb-8",
+					children: C
+				}),
+				P.length > 0 && /* @__PURE__ */ d("div", {
+					className: "flex flex-wrap gap-3 justify-center",
+					children: P.map((e, n) => /* @__PURE__ */ d(t, {
+						variant: e.variant || "default",
+						onClick: e.onClick,
+						asChild: !!e.href,
+						children: e.href ? f(D || "a", {
+							href: e.href,
+							children: [e.icon && /* @__PURE__ */ d("span", {
+								className: "mr-2",
+								children: e.icon
+							}), e.label]
+						}) : /* @__PURE__ */ f(u, { children: [e.icon && /* @__PURE__ */ d("span", {
+							className: "mr-2",
+							children: e.icon
+						}), e.label] })
+					}, n))
+				})
+			]
+		})
+	});
+}
+function g(e) {
+	return /* @__PURE__ */ d(h, {
+		type: "404",
+		...e
+	});
+}
+function _(e) {
+	return /* @__PURE__ */ d(h, {
+		type: "500",
+		showRefreshButton: !0,
+		...e
+	});
+}
+function v(e) {
+	return /* @__PURE__ */ d(h, {
+		type: "403",
+		...e
+	});
+}
+function y(e) {
+	return /* @__PURE__ */ d(h, {
+		type: "maintenance",
+		showBackButton: !1,
+		showHomeButton: !1,
+		...e
+	});
+}
+function b(e) {
+	return /* @__PURE__ */ d(h, {
+		type: "offline",
+		showRefreshButton: !0,
+		...e
+	});
+}
+//#endregion
+export { v as Error403Page, g as Error404Page, _ as Error500Page, y as MaintenancePage, b as OfflinePage, h as WakaErrorPage, h as default };

package/dist/blocks/faq/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("../../components/accordion/index.cjs.js"),r=require("../../components/badge/index.cjs.js"),i=require("../../components/input/index.cjs.js");let a=require("react");a=e.__toESM(a);let o=require("lucide-react"),s=require("react/jsx-runtime");function c({value:e,onChange:t,placeholder:n}){return(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsx)(o.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,s.jsx)(i.Input,{type:`text`,placeholder:n,value:e,onChange:e=>t(e.target.value),className:`pl-10`})]})}function l({categories:e,activeCategory:n,onCategoryChange:i,itemCounts:a}){return(0,s.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,s.jsxs)(`button`,{type:`button`,onClick:()=>i(null),className:t.cn(`inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-sm font-medium transition-colors`,n===null?`bg-primary text-primary-foreground`:`bg-muted hover:bg-muted/80`),children:[`Tous`,(0,s.jsx)(r.Badge,{variant:`secondary`,className:`ml-1`,children:Object.values(a).reduce((e,t)=>e+t,0)})]}),e.map(e=>(0,s.jsxs)(`button`,{type:`button`,onClick:()=>i(e.id),className:t.cn(`inline-flex items-center gap-2 px-3 py-1.5 rounded-full text-sm font-medium transition-colors`,n===e.id?`bg-primary text-primary-foreground`:`bg-muted hover:bg-muted/80`),children:[e.icon,e.name,(0,s.jsx)(r.Badge,{variant:`secondary`,className:`ml-1`,children:a[e.id]||0})]},e.id))]})}function u({itemId:e,helpful:n=0,notHelpful:r=0,onFeedback:i}){let[o,c]=a.useState(null),l=t=>{o===null&&(c(t),i(e,t))};return(0,s.jsxs)(`div`,{className:`flex items-center gap-4 mt-4 pt-4 border-t`,children:[(0,s.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:`Cette réponse vous a-t-elle aidé ?`}),(0,s.jsxs)(`div`,{className:`flex gap-2`,children:[(0,s.jsxs)(`button`,{type:`button`,onClick:()=>l(!0),disabled:o!==null,className:t.cn(`inline-flex items-center gap-1 px-2 py-1 text-sm rounded transition-colors`,o===!0?`bg-green-100 text-green-700`:o===null?`hover:bg-muted`:`opacity-50`),children:[`👍 `,n+ +(o===!0)]}),(0,s.jsxs)(`button`,{type:`button`,onClick:()=>l(!1),disabled:o!==null,className:t.cn(`inline-flex items-center gap-1 px-2 py-1 text-sm rounded transition-colors`,o===!1?`bg-red-100 text-red-700`:o===null?`hover:bg-muted`:`opacity-50`),children:[`👎 `,r+ +(o===!1)]})]})]})}function d({items:e,categories:i=[],title:d=`Questions fréquentes`,description:f,showSearch:p=!0,searchPlaceholder:m=`Rechercher une question...`,showCategoryFilter:h=!0,activeCategory:g,onCategoryChange:_,allowMultiple:v=!1,defaultOpen:y=[],showFeedback:b=!1,onFeedback:x,layout:S=`default`,size:C=`md`,className:w}){let[T,E]=a.useState(``),[D,O]=a.useState(null),k=g??D,A=e=>{_?_(e):O(e)},j=a.useMemo(()=>e.filter(e=>{if(T){let t=T.toLowerCase();if(!(e.question.toLowerCase().includes(t)||typeof e.answer==`string`&&e.answer.toLowerCase().includes(t)||e.tags?.some(e=>e.toLowerCase().includes(t))))return!1}return!(k&&e.category!==k)}),[e,T,k]),M=a.useMemo(()=>{let t={};return e.forEach(e=>{e.category&&(t[e.category]=(t[e.category]||0)+1)}),t},[e]),N=a.useMemo(()=>{if(S!==`grouped`)return null;let e={};return j.forEach(t=>{let n=t.category||`other`;e[n]||(e[n]=[]),e[n].push(t)}),e},[j,S]),P={sm:{title:`text-xl`,question:`text-sm`,answer:`text-sm`},md:{title:`text-2xl`,question:`text-base`,answer:`text-sm`},lg:{title:`text-3xl`,question:`text-lg`,answer:`text-base`}},F=e=>(0,s.jsx)(s.Fragment,{children:e.map(e=>(0,s.jsxs)(n.AccordionItem,{value:e.id,className:t.cn(S===`cards`&&`border rounded-lg px-4 bg-card`),children:[(0,s.jsx)(n.AccordionTrigger,{className:t.cn(`hover:no-underline`,P[C].question),children:(0,s.jsx)(`span`,{className:`text-left`,children:e.question})}),(0,s.jsxs)(n.AccordionContent,{children:[(0,s.jsx)(`div`,{className:t.cn(`text-muted-foreground`,P[C].answer),children:typeof e.answer==`string`?(0,s.jsx)(`p`,{children:e.answer}):e.answer}),e.tags&&e.tags.length>0&&(0,s.jsx)(`div`,{className:`flex flex-wrap gap-1 mt-3`,children:e.tags.map(e=>(0,s.jsx)(r.Badge,{variant:`outline`,className:`text-xs`,children:e},e))}),b&&x&&(0,s.jsx)(u,{itemId:e.id,helpful:e.helpful,notHelpful:e.notHelpful,onFeedback:x})]})]},e.id))}),I=e=>v?(0,s.jsx)(n.Accordion,{type:`multiple`,defaultValue:y,className:`space-y-2`,children:F(e)}):(0,s.jsx)(n.Accordion,{type:`single`,defaultValue:y[0],collapsible:!0,className:`space-y-2`,children:F(e)});return(0,s.jsxs)(`div`,{className:t.cn(`space-y-6`,w),children:[(0,s.jsxs)(`div`,{className:`text-center`,children:[(0,s.jsx)(`h2`,{className:t.cn(`font-bold tracking-tight`,P[C].title),children:d}),f&&(0,s.jsx)(`p`,{className:`text-muted-foreground mt-2 max-w-2xl mx-auto`,children:f})]}),p&&(0,s.jsx)(`div`,{className:`max-w-md mx-auto`,children:(0,s.jsx)(c,{value:T,onChange:E,placeholder:m})}),h&&i.length>0&&(0,s.jsx)(`div`,{className:`flex justify-center`,children:(0,s.jsx)(l,{categories:i,activeCategory:k,onCategoryChange:A,itemCounts:M})}),j.length===0?(0,s.jsxs)(`div`,{className:`text-center py-12`,children:[(0,s.jsx)(o.HelpCircle,{className:`h-12 w-12 text-muted-foreground mx-auto mb-4`}),(0,s.jsx)(`p`,{className:`text-muted-foreground`,children:`Aucune question ne correspond à votre recherche.`})]}):S===`grouped`&&N?(0,s.jsx)(`div`,{className:`space-y-8`,children:Object.entries(N).map(([e,t])=>{let n=i.find(t=>t.id===e);return(0,s.jsxs)(`div`,{children:[(0,s.jsxs)(`h3`,{className:`text-lg font-semibold mb-4 flex items-center gap-2`,children:[n?.icon,n?.name||e]}),I(t)]},e)})}):(0,s.jsx)(`div`,{className:`max-w-3xl mx-auto`,children:I(j)})]})}var f=[{id:`general`,name:`Général`,icon:(0,s.jsx)(o.HelpCircle,{className:`h-4 w-4`})},{id:`billing`,name:`Facturation`,icon:(0,s.jsx)(o.MessageCircle,{className:`h-4 w-4`})},{id:`technical`,name:`Technique`,icon:(0,s.jsx)(o.MessageCircle,{className:`h-4 w-4`})}],p=[{id:`1`,question:`Comment créer un compte ?`,answer:`Pour créer un compte, cliquez sur le bouton 'S'inscrire' en haut à droite de la page, puis remplissez le formulaire avec vos informations personnelles.`,category:`general`,tags:[`compte`,`inscription`]},{id:`2`,question:`Comment réinitialiser mon mot de passe ?`,answer:`Cliquez sur 'Mot de passe oublié' sur la page de connexion, entrez votre email et suivez les instructions envoyées par email.`,category:`general`,tags:[`mot de passe`,`sécurité`]},{id:`3`,question:`Quels moyens de paiement acceptez-vous ?`,answer:`Nous acceptons les cartes de crédit (Visa, Mastercard, Amex), PayPal et les virements bancaires pour les entreprises.`,category:`billing`,tags:[`paiement`,`carte`]},{id:`4`,question:`Comment annuler mon abonnement ?`,answer:`Vous pouvez annuler votre abonnement à tout moment depuis les paramètres de votre compte, section 'Abonnement'.`,category:`billing`,tags:[`abonnement`,`annulation`]},{id:`5`,question:`L'API est-elle disponible ?`,answer:`Oui, notre API REST est disponible pour tous les plans payants. Consultez notre documentation développeur pour plus d'informations.`,category:`technical`,tags:[`API`,`développeur`]}];exports.WakaFAQ=d,exports.default=d,exports.defaultFAQCategories=f,exports.defaultFAQItems=p;