@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/deployment-dashboard/index.es.js

@@ -0,0 +1,523 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Avatar as t, AvatarFallback as n, AvatarImage as r } from "../../components/avatar/index.es.js";
+import { Badge as i } from "../../components/badge/index.es.js";
+import { Button as a } from "../../components/button/index.es.js";
+import { Card as o, CardContent as s, CardHeader as c, CardTitle as l } from "../../components/card/index.es.js";
+import { Select as u, SelectContent as d, SelectItem as f, SelectTrigger as p, SelectValue as m } from "../../components/select/index.es.js";
+import { Progress as h } from "../../components/progress/index.es.js";
+import { Tabs as g, TabsContent as _, TabsList as v, TabsTrigger as y } from "../../components/tabs/index.es.js";
+import * as b from "react";
+import { Activity as x, AlertCircle as S, CheckCircle as C, ChevronRight as w, Clock as T, ExternalLink as E, GitBranch as D, GitCommit as O, Globe as k, Loader2 as A, Pause as j, RefreshCw as M, Rocket as N, RotateCcw as P, Server as F, Terminal as I, XCircle as L } from "lucide-react";
+import { jsx as R, jsxs as z } from "react/jsx-runtime";
+//#region src/blocks/deployment-dashboard/index.tsx
+var B = {
+	pending: {
+		color: "text-yellow-500 bg-yellow-500/10",
+		icon: /* @__PURE__ */ R(T, { className: "h-4 w-4" }),
+		label: "Pending"
+	},
+	building: {
+		color: "text-blue-500 bg-blue-500/10",
+		icon: /* @__PURE__ */ R(A, { className: "h-4 w-4 animate-spin" }),
+		label: "Building"
+	},
+	deploying: {
+		color: "text-purple-500 bg-purple-500/10",
+		icon: /* @__PURE__ */ R(N, { className: "h-4 w-4 animate-pulse" }),
+		label: "Deploying"
+	},
+	success: {
+		color: "text-green-500 bg-green-500/10",
+		icon: /* @__PURE__ */ R(C, { className: "h-4 w-4" }),
+		label: "Success"
+	},
+	failed: {
+		color: "text-red-500 bg-red-500/10",
+		icon: /* @__PURE__ */ R(L, { className: "h-4 w-4" }),
+		label: "Failed"
+	},
+	cancelled: {
+		color: "text-gray-500 bg-gray-500/10",
+		icon: /* @__PURE__ */ R(L, { className: "h-4 w-4" }),
+		label: "Cancelled"
+	},
+	rollback: {
+		color: "text-orange-500 bg-orange-500/10",
+		icon: /* @__PURE__ */ R(P, { className: "h-4 w-4" }),
+		label: "Rollback"
+	}
+}, V = {
+	development: {
+		color: "text-blue-500 border-blue-500/30 bg-blue-500/10",
+		icon: /* @__PURE__ */ R(I, { className: "h-4 w-4" })
+	},
+	staging: {
+		color: "text-yellow-500 border-yellow-500/30 bg-yellow-500/10",
+		icon: /* @__PURE__ */ R(F, { className: "h-4 w-4" })
+	},
+	production: {
+		color: "text-green-500 border-green-500/30 bg-green-500/10",
+		icon: /* @__PURE__ */ R(k, { className: "h-4 w-4" })
+	}
+};
+function H({ status: t }) {
+	let n = B[t];
+	return /* @__PURE__ */ z(i, {
+		variant: "outline",
+		className: e("gap-1", n.color),
+		children: [n.icon, n.label]
+	});
+}
+function U({ environment: t }) {
+	let n = V[t];
+	return /* @__PURE__ */ z(i, {
+		variant: "outline",
+		className: e("gap-1 capitalize", n.color),
+		children: [n.icon, t]
+	});
+}
+function W({ deployment: e, onRollback: i, onCancel: o, onRetry: s }) {
+	let c = e.status === "building" || e.status === "deploying", l = e.status === "success" && e.environment === "production", u = e.status === "failed", d = c;
+	return /* @__PURE__ */ R("div", {
+		className: "p-4 rounded-lg border bg-card hover:bg-muted/50 transition-colors",
+		children: /* @__PURE__ */ z("div", {
+			className: "flex items-start justify-between gap-4",
+			children: [/* @__PURE__ */ z("div", {
+				className: "flex items-start gap-3",
+				children: [/* @__PURE__ */ z(t, {
+					className: "h-10 w-10",
+					children: [/* @__PURE__ */ R(r, { src: e.author.avatar }), /* @__PURE__ */ R(n, { children: e.author.name.slice(0, 2).toUpperCase() })]
+				}), /* @__PURE__ */ z("div", { children: [
+					/* @__PURE__ */ z("div", {
+						className: "flex items-center gap-2 flex-wrap",
+						children: [/* @__PURE__ */ R(H, { status: e.status }), /* @__PURE__ */ R(U, { environment: e.environment })]
+					}),
+					/* @__PURE__ */ R("p", {
+						className: "text-sm mt-1 line-clamp-1",
+						children: e.commitMessage
+					}),
+					/* @__PURE__ */ z("div", {
+						className: "flex items-center gap-3 mt-2 text-xs text-muted-foreground",
+						children: [
+							/* @__PURE__ */ z("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ R(D, { className: "h-3 w-3" }), e.branch]
+							}),
+							/* @__PURE__ */ z("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ R(O, { className: "h-3 w-3" }), e.commit.slice(0, 7)]
+							}),
+							/* @__PURE__ */ z("span", {
+								className: "flex items-center gap-1",
+								children: [/* @__PURE__ */ R(T, { className: "h-3 w-3" }), typeof e.startedAt == "string" ? e.startedAt : q(e.startedAt)]
+							}),
+							e.duration && /* @__PURE__ */ R("span", { children: e.duration })
+						]
+					})
+				] })]
+			}), /* @__PURE__ */ z("div", {
+				className: "flex items-center gap-1",
+				children: [
+					e.url && /* @__PURE__ */ R(a, {
+						variant: "ghost",
+						size: "icon",
+						asChild: !0,
+						children: /* @__PURE__ */ R("a", {
+							href: e.url,
+							target: "_blank",
+							rel: "noopener noreferrer",
+							children: /* @__PURE__ */ R(E, { className: "h-4 w-4" })
+						})
+					}),
+					d && /* @__PURE__ */ R(a, {
+						variant: "ghost",
+						size: "icon",
+						onClick: o,
+						children: /* @__PURE__ */ R(j, { className: "h-4 w-4" })
+					}),
+					u && /* @__PURE__ */ R(a, {
+						variant: "ghost",
+						size: "icon",
+						onClick: s,
+						children: /* @__PURE__ */ R(M, { className: "h-4 w-4" })
+					}),
+					l && /* @__PURE__ */ R(a, {
+						variant: "ghost",
+						size: "icon",
+						onClick: i,
+						children: /* @__PURE__ */ R(P, { className: "h-4 w-4" })
+					})
+				]
+			})]
+		})
+	});
+}
+function G({ pipeline: t }) {
+	let n = t.stages.filter((e) => e.status === "success").length / t.stages.length * 100;
+	return /* @__PURE__ */ z(o, { children: [/* @__PURE__ */ z(c, {
+		className: "pb-2",
+		children: [/* @__PURE__ */ z("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ z("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ R(H, { status: t.status }), /* @__PURE__ */ R("span", {
+					className: "font-medium",
+					children: t.name
+				})]
+			}), /* @__PURE__ */ R("span", {
+				className: "text-xs text-muted-foreground",
+				children: typeof t.startedAt == "string" ? t.startedAt : q(t.startedAt)
+			})]
+		}), /* @__PURE__ */ z("div", {
+			className: "flex items-center gap-2 text-xs text-muted-foreground",
+			children: [
+				/* @__PURE__ */ R(D, { className: "h-3 w-3" }),
+				t.branch,
+				/* @__PURE__ */ R("span", {
+					className: "mx-1",
+					children: "•"
+				}),
+				"Triggered by ",
+				t.trigger
+			]
+		})]
+	}), /* @__PURE__ */ R(s, { children: /* @__PURE__ */ z("div", {
+		className: "space-y-3",
+		children: [/* @__PURE__ */ R(h, {
+			value: n,
+			className: "h-2"
+		}), /* @__PURE__ */ R("div", {
+			className: "flex items-center justify-between",
+			children: t.stages.map((n, r) => /* @__PURE__ */ z(b.Fragment, { children: [/* @__PURE__ */ z("div", {
+				className: "flex flex-col items-center gap-1",
+				children: [
+					/* @__PURE__ */ R("div", {
+						className: e("h-8 w-8 rounded-full flex items-center justify-center", B[n.status].color),
+						children: B[n.status].icon
+					}),
+					/* @__PURE__ */ R("span", {
+						className: "text-xs",
+						children: n.name
+					}),
+					n.duration && /* @__PURE__ */ R("span", {
+						className: "text-xs text-muted-foreground",
+						children: n.duration
+					})
+				]
+			}), r < t.stages.length - 1 && /* @__PURE__ */ R(w, { className: "h-4 w-4 text-muted-foreground" })] }, n.id))
+		})]
+	}) })] });
+}
+function K({ env: t }) {
+	let n = {
+		healthy: "text-green-500",
+		degraded: "text-yellow-500",
+		down: "text-red-500"
+	}, r = {
+		healthy: /* @__PURE__ */ R(C, { className: "h-5 w-5" }),
+		degraded: /* @__PURE__ */ R(S, { className: "h-5 w-5" }),
+		down: /* @__PURE__ */ R(L, { className: "h-5 w-5" })
+	};
+	return /* @__PURE__ */ z(o, { children: [/* @__PURE__ */ R(c, {
+		className: "pb-2",
+		children: /* @__PURE__ */ z("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ z(l, {
+				className: "capitalize flex items-center gap-2",
+				children: [V[t.name].icon, t.name]
+			}), /* @__PURE__ */ z("div", {
+				className: e("flex items-center gap-1", n[t.status]),
+				children: [r[t.status], /* @__PURE__ */ R("span", {
+					className: "text-sm capitalize",
+					children: t.status
+				})]
+			})]
+		})
+	}), /* @__PURE__ */ z(s, {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ z("div", {
+				className: "flex items-center gap-2 text-sm",
+				children: [/* @__PURE__ */ R(E, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ R("a", {
+					href: t.url,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					className: "text-primary hover:underline truncate",
+					children: t.url
+				})]
+			}),
+			/* @__PURE__ */ z("div", {
+				className: "grid grid-cols-2 gap-4 text-sm",
+				children: [t.uptime && /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("p", {
+					className: "text-muted-foreground",
+					children: "Uptime"
+				}), /* @__PURE__ */ R("p", {
+					className: "font-medium",
+					children: t.uptime
+				})] }), t.responseTime && /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("p", {
+					className: "text-muted-foreground",
+					children: "Response Time"
+				}), /* @__PURE__ */ R("p", {
+					className: "font-medium",
+					children: t.responseTime
+				})] })]
+			}),
+			t.lastDeployment && /* @__PURE__ */ z("div", {
+				className: "pt-2 border-t",
+				children: [/* @__PURE__ */ R("p", {
+					className: "text-xs text-muted-foreground mb-1",
+					children: "Last Deployment"
+				}), /* @__PURE__ */ z("div", {
+					className: "flex items-center gap-2 text-sm",
+					children: [/* @__PURE__ */ R(H, { status: t.lastDeployment.status }), /* @__PURE__ */ R("span", {
+						className: "text-muted-foreground",
+						children: typeof t.lastDeployment.startedAt == "string" ? t.lastDeployment.startedAt : q(t.lastDeployment.startedAt)
+					})]
+				})]
+			})
+		]
+	})] });
+}
+function q(e) {
+	let t = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(t / 6e4), r = Math.floor(n / 60), i = Math.floor(r / 24);
+	return n < 1 ? "just now" : n < 60 ? `${n}m ago` : r < 24 ? `${r}h ago` : `${i}d ago`;
+}
+function J({ deployments: t = [], pipelines: n = [], environments: r = [], onDeploy: i, onRollback: c, onCancel: l, onRetry: h, branches: S = [
+	"main",
+	"develop",
+	"staging"
+], className: C }) {
+	let [w, T] = b.useState(S[0]), [E, O] = b.useState("staging"), k = t.filter((e) => e.status === "building" || e.status === "deploying");
+	return /* @__PURE__ */ z("div", {
+		className: e("space-y-6", C),
+		children: [
+			/* @__PURE__ */ z("div", {
+				className: "flex flex-col sm:flex-row gap-4 justify-between",
+				children: [/* @__PURE__ */ z("div", { children: [/* @__PURE__ */ R("h1", {
+					className: "text-2xl font-bold",
+					children: "Deployments"
+				}), /* @__PURE__ */ R("p", {
+					className: "text-muted-foreground",
+					children: "Manage and monitor your deployments"
+				})] }), /* @__PURE__ */ z("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ z(u, {
+							value: w,
+							onValueChange: T,
+							children: [/* @__PURE__ */ z(p, {
+								className: "w-[160px]",
+								children: [/* @__PURE__ */ R(D, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ R(m, {})]
+							}), /* @__PURE__ */ R(d, { children: S.map((e) => /* @__PURE__ */ R(f, {
+								value: e,
+								children: e
+							}, e)) })]
+						}),
+						/* @__PURE__ */ z(u, {
+							value: E,
+							onValueChange: (e) => O(e),
+							children: [/* @__PURE__ */ z(p, {
+								className: "w-[160px]",
+								children: [/* @__PURE__ */ R(F, { className: "h-4 w-4 mr-2" }), /* @__PURE__ */ R(m, {})]
+							}), /* @__PURE__ */ z(d, { children: [
+								/* @__PURE__ */ R(f, {
+									value: "development",
+									children: "Development"
+								}),
+								/* @__PURE__ */ R(f, {
+									value: "staging",
+									children: "Staging"
+								}),
+								/* @__PURE__ */ R(f, {
+									value: "production",
+									children: "Production"
+								})
+							] })]
+						}),
+						/* @__PURE__ */ z(a, {
+							onClick: () => i?.(E, w),
+							children: [/* @__PURE__ */ R(N, { className: "h-4 w-4 mr-2" }), "Deploy"]
+						})
+					]
+				})]
+			}),
+			k.length > 0 && /* @__PURE__ */ R(o, {
+				className: "border-blue-500/50 bg-blue-500/5",
+				children: /* @__PURE__ */ R(s, {
+					className: "py-4",
+					children: /* @__PURE__ */ z("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ R("div", {
+							className: "h-10 w-10 rounded-full bg-blue-500/10 flex items-center justify-center",
+							children: /* @__PURE__ */ R(N, { className: "h-5 w-5 text-blue-500 animate-pulse" })
+						}), /* @__PURE__ */ z("div", { children: [/* @__PURE__ */ z("p", {
+							className: "font-medium",
+							children: [
+								k.length,
+								" deployment",
+								k.length > 1 ? "s" : "",
+								" in progress"
+							]
+						}), /* @__PURE__ */ R("p", {
+							className: "text-sm text-muted-foreground",
+							children: k.map((e) => e.environment).join(", ")
+						})] })]
+					})
+				})
+			}),
+			/* @__PURE__ */ R("div", {
+				className: "grid gap-4 md:grid-cols-3",
+				children: r.map((e) => /* @__PURE__ */ R(K, { env: e }, e.name))
+			}),
+			/* @__PURE__ */ z(g, {
+				defaultValue: "deployments",
+				className: "w-full",
+				children: [
+					/* @__PURE__ */ z(v, { children: [/* @__PURE__ */ R(y, {
+						value: "deployments",
+						children: "Recent Deployments"
+					}), /* @__PURE__ */ R(y, {
+						value: "pipelines",
+						children: "Pipelines"
+					})] }),
+					/* @__PURE__ */ R(_, {
+						value: "deployments",
+						className: "mt-4 space-y-3",
+						children: t.length > 0 ? t.map((e) => /* @__PURE__ */ R(W, {
+							deployment: e,
+							onRollback: () => c?.(e.id),
+							onCancel: () => l?.(e.id),
+							onRetry: () => h?.(e.id)
+						}, e.id)) : /* @__PURE__ */ R(o, { children: /* @__PURE__ */ z(s, {
+							className: "py-12 text-center",
+							children: [
+								/* @__PURE__ */ R(N, { className: "h-12 w-12 mx-auto text-muted-foreground mb-4" }),
+								/* @__PURE__ */ R("p", {
+									className: "text-muted-foreground",
+									children: "No deployments yet"
+								}),
+								/* @__PURE__ */ R("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Deploy your first version to get started"
+								})
+							]
+						}) })
+					}),
+					/* @__PURE__ */ R(_, {
+						value: "pipelines",
+						className: "mt-4 space-y-4",
+						children: n.length > 0 ? n.map((e) => /* @__PURE__ */ R(G, { pipeline: e }, e.id)) : /* @__PURE__ */ R(o, { children: /* @__PURE__ */ z(s, {
+							className: "py-12 text-center",
+							children: [
+								/* @__PURE__ */ R(x, { className: "h-12 w-12 mx-auto text-muted-foreground mb-4" }),
+								/* @__PURE__ */ R("p", {
+									className: "text-muted-foreground",
+									children: "No active pipelines"
+								}),
+								/* @__PURE__ */ R("p", {
+									className: "text-sm text-muted-foreground",
+									children: "Pipelines will appear here when triggered"
+								})
+							]
+						}) })
+					})
+				]
+			})
+		]
+	});
+}
+var Y = [
+	{
+		id: "d1",
+		status: "success",
+		environment: "production",
+		branch: "main",
+		commit: "a1b2c3d4e5f6",
+		commitMessage: "feat: Add new dashboard component",
+		author: { name: "John Doe" },
+		startedAt: /* @__PURE__ */ new Date(Date.now() - 36e5),
+		finishedAt: /* @__PURE__ */ new Date(Date.now() - 33e5),
+		duration: "5m 12s",
+		url: "https://app.example.com"
+	},
+	{
+		id: "d2",
+		status: "building",
+		environment: "staging",
+		branch: "develop",
+		commit: "f6e5d4c3b2a1",
+		commitMessage: "fix: Resolve login issue",
+		author: { name: "Jane Smith" },
+		startedAt: /* @__PURE__ */ new Date(Date.now() - 18e4)
+	},
+	{
+		id: "d3",
+		status: "failed",
+		environment: "development",
+		branch: "feature/new-api",
+		commit: "1a2b3c4d5e6f",
+		commitMessage: "wip: New API endpoints",
+		author: { name: "Bob Wilson" },
+		startedAt: /* @__PURE__ */ new Date(Date.now() - 72e5),
+		finishedAt: /* @__PURE__ */ new Date(Date.now() - 7e6),
+		duration: "3m 20s"
+	}
+], X = [{
+	id: "p1",
+	name: "CI/CD Pipeline",
+	status: "building",
+	trigger: "push to main",
+	branch: "main",
+	startedAt: /* @__PURE__ */ new Date(Date.now() - 3e5),
+	stages: [
+		{
+			id: "s1",
+			name: "Build",
+			status: "success",
+			duration: "1m 30s"
+		},
+		{
+			id: "s2",
+			name: "Test",
+			status: "success",
+			duration: "2m 45s"
+		},
+		{
+			id: "s3",
+			name: "Deploy",
+			status: "building"
+		},
+		{
+			id: "s4",
+			name: "Verify",
+			status: "pending"
+		}
+	]
+}], Z = [
+	{
+		name: "production",
+		status: "healthy",
+		url: "https://app.example.com",
+		uptime: "99.9%",
+		responseTime: "120ms",
+		lastDeployment: Y[0]
+	},
+	{
+		name: "staging",
+		status: "degraded",
+		url: "https://staging.example.com",
+		uptime: "98.5%",
+		responseTime: "250ms"
+	},
+	{
+		name: "development",
+		status: "healthy",
+		url: "https://dev.example.com",
+		uptime: "95.0%",
+		responseTime: "180ms"
+	}
+];
+//#endregion
+export { J as DeploymentDashboard, J as default, Y as defaultDeployments, Z as defaultEnvironments, X as defaultPipelines };

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