@wakastellar/ui 4.0.0 → 4.0.1

package/dist/blocks/gitops-sync-status/index.es.js

@@ -0,0 +1,580 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../../components/badge/index.es.js";
+import { Button as n } from "../../components/button/index.es.js";
+import { Card as r, CardContent as i, CardHeader as a, CardTitle as o } from "../../components/card/index.es.js";
+import { Progress as s } from "../../components/progress/index.es.js";
+import { ScrollArea as c } from "../../components/scroll-area/index.es.js";
+import * as l from "react";
+import { AlertTriangle as u, ArrowRight as d, CheckCircle2 as f, Clock as p, Cloud as m, Eye as h, Folder as g, GitBranch as _, GitCommit as v, Loader2 as y, Pause as b, Play as x, RefreshCw as S, Server as C, XCircle as w } from "lucide-react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+//#region src/blocks/gitops-sync-status/index.tsx
+var O = {
+	synced: {
+		icon: f,
+		color: "text-green-500",
+		bgColor: "bg-green-500",
+		label: "Synced"
+	},
+	out_of_sync: {
+		icon: u,
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500",
+		label: "Out of Sync"
+	},
+	syncing: {
+		icon: y,
+		color: "text-blue-500",
+		bgColor: "bg-blue-500",
+		label: "Syncing"
+	},
+	failed: {
+		icon: w,
+		color: "text-red-500",
+		bgColor: "bg-red-500",
+		label: "Failed"
+	},
+	unknown: {
+		icon: p,
+		color: "text-gray-500",
+		bgColor: "bg-gray-500",
+		label: "Unknown"
+	},
+	suspended: {
+		icon: b,
+		color: "text-orange-500",
+		bgColor: "bg-orange-500",
+		label: "Suspended"
+	}
+}, k = {
+	healthy: {
+		color: "text-green-500",
+		bgColor: "bg-green-500",
+		label: "Healthy"
+	},
+	degraded: {
+		color: "text-red-500",
+		bgColor: "bg-red-500",
+		label: "Degraded"
+	},
+	progressing: {
+		color: "text-blue-500",
+		bgColor: "bg-blue-500",
+		label: "Progressing"
+	},
+	missing: {
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500",
+		label: "Missing"
+	},
+	unknown: {
+		color: "text-gray-500",
+		bgColor: "bg-gray-500",
+		label: "Unknown"
+	}
+};
+function A(e) {
+	let t = Math.floor((Date.now() - e.getTime()) / 1e3);
+	if (t < 60) return `${t}s ago`;
+	let n = Math.floor(t / 60);
+	if (n < 60) return `${n}m ago`;
+	let r = Math.floor(n / 60);
+	return r < 24 ? `${r}h ago` : `${Math.floor(r / 24)}d ago`;
+}
+function j(e) {
+	return e.slice(0, 7);
+}
+function M({ status: n }) {
+	let r = O[n], i = r.icon;
+	return /* @__PURE__ */ D(t, {
+		variant: "outline",
+		className: e("gap-1", r.color),
+		children: [/* @__PURE__ */ E(i, { className: e("h-3 w-3", n === "syncing" && "animate-spin") }), r.label]
+	});
+}
+function N({ status: t }) {
+	let n = k[t];
+	return /* @__PURE__ */ D("div", {
+		className: "flex items-center gap-1.5",
+		children: [/* @__PURE__ */ E("div", { className: e("w-2 h-2 rounded-full", n.bgColor) }), /* @__PURE__ */ E("span", {
+			className: e("text-sm", n.color),
+			children: n.label
+		})]
+	});
+}
+function P({ app: a, onSync: o, onSuspend: c, onResume: u, onViewDetails: f }) {
+	let m = O[a.syncStatus];
+	k[a.healthStatus];
+	let y = m.icon, w = l.useMemo(() => ({
+		synced: a.resources.filter((e) => e.syncStatus === "synced").length,
+		healthy: a.resources.filter((e) => e.healthStatus === "healthy").length,
+		total: a.resources.length
+	}), [a.resources]);
+	return /* @__PURE__ */ E(r, {
+		className: e(a.syncStatus === "failed" && "border-red-500/50", a.syncStatus === "out_of_sync" && "border-yellow-500/30", a.healthStatus === "degraded" && "border-red-500/30"),
+		children: /* @__PURE__ */ E(i, {
+			className: "p-4",
+			children: /* @__PURE__ */ D("div", {
+				className: "flex items-start gap-4",
+				children: [/* @__PURE__ */ E("div", {
+					className: e("w-12 h-12 rounded-lg flex items-center justify-center shrink-0", `${m.bgColor}/10`),
+					children: /* @__PURE__ */ E(y, { className: e("h-6 w-6", m.color, a.syncStatus === "syncing" && "animate-spin") })
+				}), /* @__PURE__ */ D("div", {
+					className: "flex-1 min-w-0 space-y-3",
+					children: [
+						/* @__PURE__ */ D("div", {
+							className: "flex items-start justify-between gap-2",
+							children: [/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ E("h3", {
+									className: "font-semibold",
+									children: a.name
+								}), /* @__PURE__ */ E(t, {
+									variant: "secondary",
+									className: "text-xs",
+									children: a.project
+								})]
+							}), /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2 mt-1 text-sm text-muted-foreground",
+								children: [
+									/* @__PURE__ */ E(C, { className: "h-3 w-3" }),
+									/* @__PURE__ */ E("span", { children: a.destination.namespace }),
+									/* @__PURE__ */ E("span", { children: "@" }),
+									/* @__PURE__ */ E("span", {
+										className: "truncate max-w-[200px]",
+										children: a.destination.server
+									})
+								]
+							})] }), /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2 shrink-0",
+								children: [/* @__PURE__ */ E(M, { status: a.syncStatus }), /* @__PURE__ */ E(N, { status: a.healthStatus })]
+							})]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "flex items-center gap-4 text-sm",
+							children: [
+								/* @__PURE__ */ D("div", {
+									className: "flex items-center gap-1.5 text-muted-foreground",
+									children: [/* @__PURE__ */ E(_, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", { children: a.repo.branch })]
+								}),
+								/* @__PURE__ */ D("div", {
+									className: "flex items-center gap-1.5 text-muted-foreground",
+									children: [/* @__PURE__ */ E(g, { className: "h-4 w-4" }), /* @__PURE__ */ E("span", {
+										className: "truncate max-w-[150px]",
+										children: a.repo.path
+									})]
+								}),
+								a.lastSyncedRevision && /* @__PURE__ */ D("div", {
+									className: "flex items-center gap-1.5",
+									children: [
+										/* @__PURE__ */ E(v, { className: "h-4 w-4 text-muted-foreground" }),
+										/* @__PURE__ */ E("code", {
+											className: "text-xs bg-muted px-1.5 py-0.5 rounded",
+											children: j(a.lastSyncedRevision)
+										}),
+										a.targetRevision && a.lastSyncedRevision !== a.targetRevision && /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(d, { className: "h-3 w-3 text-muted-foreground" }), /* @__PURE__ */ E("code", {
+											className: "text-xs bg-yellow-500/20 text-yellow-600 px-1.5 py-0.5 rounded",
+											children: j(a.targetRevision)
+										})] })
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "flex items-center gap-4",
+							children: [/* @__PURE__ */ D("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ D("div", {
+									className: "flex items-center justify-between text-xs mb-1",
+									children: [/* @__PURE__ */ E("span", {
+										className: "text-muted-foreground",
+										children: "Resources Synced"
+									}), /* @__PURE__ */ D("span", { children: [
+										w.synced,
+										"/",
+										w.total
+									] })]
+								}), /* @__PURE__ */ E(s, {
+									value: w.synced / w.total * 100,
+									className: "h-1.5"
+								})]
+							}), /* @__PURE__ */ D("div", {
+								className: "flex-1",
+								children: [/* @__PURE__ */ D("div", {
+									className: "flex items-center justify-between text-xs mb-1",
+									children: [/* @__PURE__ */ E("span", {
+										className: "text-muted-foreground",
+										children: "Resources Healthy"
+									}), /* @__PURE__ */ D("span", { children: [
+										w.healthy,
+										"/",
+										w.total
+									] })]
+								}), /* @__PURE__ */ E(s, {
+									value: w.healthy / w.total * 100,
+									className: e("h-1.5", w.healthy < w.total && "[&>div]:bg-yellow-500")
+								})]
+							})]
+						}),
+						a.message && (a.syncStatus === "failed" || a.healthStatus === "degraded") && /* @__PURE__ */ E("div", {
+							className: "text-sm text-red-500 bg-red-500/10 p-2 rounded",
+							children: a.message
+						}),
+						/* @__PURE__ */ D("div", {
+							className: "flex items-center justify-between pt-2 border-t",
+							children: [/* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2 text-xs text-muted-foreground",
+								children: [a.lastSyncedAt && /* @__PURE__ */ D("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ E(p, { className: "h-3 w-3" }),
+										"Last synced ",
+										A(a.lastSyncedAt)
+									]
+								}), a.autoSync && /* @__PURE__ */ D(t, {
+									variant: "outline",
+									className: "text-xs",
+									children: [/* @__PURE__ */ E(S, { className: "h-3 w-3 mr-1" }), "Auto-sync"]
+								})]
+							}), /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-1",
+								children: [f && /* @__PURE__ */ D(n, {
+									variant: "ghost",
+									size: "sm",
+									onClick: f,
+									children: [/* @__PURE__ */ E(h, { className: "h-4 w-4 mr-1" }), "Details"]
+								}), a.syncStatus === "suspended" && u ? /* @__PURE__ */ D(n, {
+									variant: "outline",
+									size: "sm",
+									onClick: u,
+									children: [/* @__PURE__ */ E(x, { className: "h-4 w-4 mr-1" }), "Resume"]
+								}) : /* @__PURE__ */ D(T, { children: [c && a.syncStatus !== "suspended" && /* @__PURE__ */ E(n, {
+									variant: "ghost",
+									size: "sm",
+									onClick: c,
+									children: /* @__PURE__ */ E(b, { className: "h-4 w-4" })
+								}), o && a.syncStatus !== "syncing" && /* @__PURE__ */ D(n, {
+									variant: "outline",
+									size: "sm",
+									onClick: o,
+									children: [/* @__PURE__ */ E(S, { className: "h-4 w-4 mr-1" }), "Sync"]
+								})] })]
+							})]
+						})
+					]
+				})]
+			})
+		})
+	});
+}
+function F({ applications: e }) {
+	let t = l.useMemo(() => ({
+		total: e.length,
+		synced: e.filter((e) => e.syncStatus === "synced").length,
+		outOfSync: e.filter((e) => e.syncStatus === "out_of_sync").length,
+		failed: e.filter((e) => e.syncStatus === "failed").length,
+		healthy: e.filter((e) => e.healthStatus === "healthy").length,
+		degraded: e.filter((e) => e.healthStatus === "degraded").length
+	}), [e]);
+	return /* @__PURE__ */ D("div", {
+		className: "grid grid-cols-6 gap-4",
+		children: [
+			/* @__PURE__ */ E(r, { children: /* @__PURE__ */ D(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ E("div", {
+					className: "text-2xl font-bold",
+					children: t.total
+				}), /* @__PURE__ */ E("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Total Apps"
+				})]
+			}) }),
+			/* @__PURE__ */ E(r, { children: /* @__PURE__ */ D(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ E("div", {
+					className: "text-2xl font-bold text-green-500",
+					children: t.synced
+				}), /* @__PURE__ */ E("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Synced"
+				})]
+			}) }),
+			/* @__PURE__ */ E(r, { children: /* @__PURE__ */ D(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ E("div", {
+					className: "text-2xl font-bold text-yellow-500",
+					children: t.outOfSync
+				}), /* @__PURE__ */ E("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Out of Sync"
+				})]
+			}) }),
+			/* @__PURE__ */ E(r, { children: /* @__PURE__ */ D(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ E("div", {
+					className: "text-2xl font-bold text-red-500",
+					children: t.failed
+				}), /* @__PURE__ */ E("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Failed"
+				})]
+			}) }),
+			/* @__PURE__ */ E(r, { children: /* @__PURE__ */ D(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ E("div", {
+					className: "text-2xl font-bold text-green-500",
+					children: t.healthy
+				}), /* @__PURE__ */ E("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Healthy"
+				})]
+			}) }),
+			/* @__PURE__ */ E(r, { children: /* @__PURE__ */ D(i, {
+				className: "p-4 text-center",
+				children: [/* @__PURE__ */ E("div", {
+					className: "text-2xl font-bold text-red-500",
+					children: t.degraded
+				}), /* @__PURE__ */ E("div", {
+					className: "text-sm text-muted-foreground",
+					children: "Degraded"
+				})]
+			}) })
+		]
+	});
+}
+function I({ applications: t, onSync: i, onRefresh: s, onSuspend: u, onResume: d, onViewDetails: f, className: p }) {
+	let [h, g] = l.useState("all"), v = l.useMemo(() => h === "all" ? t : t.filter((e) => e.syncStatus === h), [t, h]);
+	return /* @__PURE__ */ D("div", {
+		className: e("space-y-6", p),
+		children: [
+			/* @__PURE__ */ E(r, { children: /* @__PURE__ */ E(a, { children: /* @__PURE__ */ D("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ D("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ E(_, { className: "h-6 w-6" }), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E(o, { children: "GitOps Sync Status" }), /* @__PURE__ */ E("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Monitor application synchronization with Git"
+					})] })]
+				}), /* @__PURE__ */ D("div", {
+					className: "flex items-center gap-2",
+					children: [[
+						"all",
+						"synced",
+						"out_of_sync",
+						"failed",
+						"syncing"
+					].map((e) => /* @__PURE__ */ E(n, {
+						variant: h === e ? "default" : "ghost",
+						size: "sm",
+						onClick: () => g(e),
+						children: e === "all" ? "All" : O[e].label
+					}, e)), s && /* @__PURE__ */ D(n, {
+						variant: "outline",
+						onClick: s,
+						children: [/* @__PURE__ */ E(S, { className: "h-4 w-4 mr-1" }), "Refresh All"]
+					})]
+				})]
+			}) }) }),
+			/* @__PURE__ */ E(F, { applications: t }),
+			/* @__PURE__ */ E(c, {
+				className: "h-[500px]",
+				children: /* @__PURE__ */ E("div", {
+					className: "space-y-4 pr-4",
+					children: v.length === 0 ? /* @__PURE__ */ D("div", {
+						className: "flex flex-col items-center justify-center h-48 text-muted-foreground",
+						children: [
+							/* @__PURE__ */ E(m, { className: "h-12 w-12 mb-4" }),
+							/* @__PURE__ */ E("p", {
+								className: "text-lg font-medium",
+								children: "No applications found"
+							}),
+							/* @__PURE__ */ E("p", {
+								className: "text-sm",
+								children: "Adjust your filters or add new applications"
+							})
+						]
+					}) : v.map((e) => /* @__PURE__ */ E(P, {
+						app: e,
+						onSync: i ? () => i(e) : void 0,
+						onSuspend: u ? () => u(e) : void 0,
+						onResume: d ? () => d(e) : void 0,
+						onViewDetails: f ? () => f(e) : void 0
+					}, e.id))
+				})
+			})
+		]
+	});
+}
+var L = [
+	{
+		id: "1",
+		name: "api-gateway",
+		project: "production",
+		repo: {
+			url: "https://github.com/example/infra",
+			branch: "main",
+			path: "apps/api-gateway"
+		},
+		destination: {
+			server: "https://kubernetes.default.svc",
+			namespace: "production"
+		},
+		syncStatus: "synced",
+		healthStatus: "healthy",
+		lastSyncedAt: /* @__PURE__ */ new Date(Date.now() - 5 * 6e4),
+		lastSyncedRevision: "a1b2c3d4e5f6789",
+		autoSync: !0,
+		resources: [
+			{
+				kind: "Deployment",
+				name: "api-gateway",
+				namespace: "production",
+				syncStatus: "synced",
+				healthStatus: "healthy"
+			},
+			{
+				kind: "Service",
+				name: "api-gateway",
+				namespace: "production",
+				syncStatus: "synced",
+				healthStatus: "healthy"
+			},
+			{
+				kind: "ConfigMap",
+				name: "api-gateway-config",
+				namespace: "production",
+				syncStatus: "synced",
+				healthStatus: "healthy"
+			},
+			{
+				kind: "Ingress",
+				name: "api-gateway",
+				namespace: "production",
+				syncStatus: "synced",
+				healthStatus: "healthy"
+			}
+		]
+	},
+	{
+		id: "2",
+		name: "user-service",
+		project: "production",
+		repo: {
+			url: "https://github.com/example/infra",
+			branch: "main",
+			path: "apps/user-service"
+		},
+		destination: {
+			server: "https://kubernetes.default.svc",
+			namespace: "production"
+		},
+		syncStatus: "out_of_sync",
+		healthStatus: "healthy",
+		lastSyncedAt: /* @__PURE__ */ new Date(Date.now() - 2 * 36e5),
+		lastSyncedRevision: "old123456789",
+		targetRevision: "new987654321",
+		autoSync: !1,
+		resources: [
+			{
+				kind: "Deployment",
+				name: "user-service",
+				namespace: "production",
+				syncStatus: "out_of_sync",
+				healthStatus: "healthy"
+			},
+			{
+				kind: "Service",
+				name: "user-service",
+				namespace: "production",
+				syncStatus: "synced",
+				healthStatus: "healthy"
+			},
+			{
+				kind: "Secret",
+				name: "user-service-secrets",
+				namespace: "production",
+				syncStatus: "out_of_sync",
+				healthStatus: "healthy"
+			}
+		]
+	},
+	{
+		id: "3",
+		name: "payment-service",
+		project: "production",
+		repo: {
+			url: "https://github.com/example/infra",
+			branch: "main",
+			path: "apps/payment-service"
+		},
+		destination: {
+			server: "https://kubernetes.default.svc",
+			namespace: "production"
+		},
+		syncStatus: "failed",
+		healthStatus: "degraded",
+		lastSyncedAt: /* @__PURE__ */ new Date(Date.now() - 30 * 6e4),
+		lastSyncedRevision: "abc123def456",
+		message: "Failed to apply resource: Deployment/payment-service: ImagePullBackOff",
+		autoSync: !0,
+		resources: [
+			{
+				kind: "Deployment",
+				name: "payment-service",
+				namespace: "production",
+				syncStatus: "failed",
+				healthStatus: "degraded",
+				message: "ImagePullBackOff"
+			},
+			{
+				kind: "Service",
+				name: "payment-service",
+				namespace: "production",
+				syncStatus: "synced",
+				healthStatus: "healthy"
+			},
+			{
+				kind: "Secret",
+				name: "payment-service-secrets",
+				namespace: "production",
+				syncStatus: "synced",
+				healthStatus: "healthy"
+			}
+		]
+	},
+	{
+		id: "4",
+		name: "notification-service",
+		project: "staging",
+		repo: {
+			url: "https://github.com/example/infra",
+			branch: "develop",
+			path: "apps/notification-service"
+		},
+		destination: {
+			server: "https://staging.k8s.example.com",
+			namespace: "staging"
+		},
+		syncStatus: "syncing",
+		healthStatus: "progressing",
+		lastSyncedAt: /* @__PURE__ */ new Date(Date.now() - 6e4),
+		lastSyncedRevision: "syncing123",
+		autoSync: !0,
+		resources: [{
+			kind: "Deployment",
+			name: "notification-service",
+			namespace: "staging",
+			syncStatus: "syncing",
+			healthStatus: "progressing"
+		}, {
+			kind: "Service",
+			name: "notification-service",
+			namespace: "staging",
+			syncStatus: "synced",
+			healthStatus: "healthy"
+		}]
+	}
+];
+//#endregion
+export { I as GitOpsSyncStatus, L as defaultGitOpsApplications };

package/dist/blocks/header/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/avatar/index.cjs.js`),r=require(`../../components/badge/index.cjs.js`),i=require(`../../components/button/index.cjs.js`),a=require(`../../components/dropdown-menu/index.cjs.js`),o=require(`../../components/input/index.cjs.js`),s=require(`../../components/select/index.cjs.js`);let c=require(`react`);c=e.__toESM(c);let l=require(`lucide-react`),u=require(`react/jsx-runtime`);function d({title:e,subtitle:d,showSearch:f=!0,searchPlaceholder:p=`Rechercher...`,searchValue:m,onSearchChange:h,onSearchSubmit:g,primaryAction:_,secondaryActions:v,filters:y,notifications:b,unreadCount:x=0,onNotificationsClick:S,userMenu:C,leftContent:w,rightContent:T,filterContent:E,className:D,mainBarClassName:O,filterBarClassName:k,sticky:A=!0}){let[j,M]=c.useState(m||``),N=e=>{let t=e.target.value;M(t),h?.(t)},P=e=>{e.key===`Enter`&&g?.(j)},F=y&&y.length>0||E;return(0,u.jsxs)(`header`,{className:t.cn(`w-full bg-background border-b`,A&&`sticky top-0 z-50`,D),children:[(0,u.jsxs)(`div`,{className:t.cn(`flex items-center gap-4 px-4 py-2 min-h-[56px]`,O),children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-3 flex-shrink-0`,children:[_&&(0,u.jsxs)(i.Button,{variant:_.variant||`default`,size:`sm`,onClick:_.onClick,className:`gap-2`,children:[_.icon||(0,u.jsx)(l.Plus,{className:`h-4 w-4`}),_.label]}),f&&(0,u.jsxs)(`div`,{className:`relative`,children:[(0,u.jsx)(l.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,u.jsx)(o.Input,{type:`search`,placeholder:p,value:j,onChange:N,onKeyDown:P,className:`pl-9 w-[200px] h-9 bg-muted/50`})]}),w]}),(e||d)&&(0,u.jsxs)(`div`,{className:`flex-1 text-center`,children:[e&&(0,u.jsx)(`h1`,{className:`text-lg font-semibold leading-none`,children:e}),d&&(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground mt-0.5`,children:d})]}),(0,u.jsxs)(`div`,{className:`flex items-center gap-2 flex-shrink-0 ml-auto`,children:[v?.map(e=>(0,u.jsxs)(i.Button,{variant:e.variant||`ghost`,size:`sm`,onClick:e.onClick,className:`gap-2`,children:[e.icon,e.label]},e.id)),T,(b||S)&&(0,u.jsxs)(a.DropdownMenu,{children:[(0,u.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,u.jsxs)(i.Button,{variant:`ghost`,size:`icon`,className:`relative`,onClick:b?void 0:S,children:[(0,u.jsx)(l.Bell,{className:`h-5 w-5`}),x>0&&(0,u.jsx)(r.Badge,{variant:`destructive`,className:`absolute -top-1 -right-1 h-5 w-5 p-0 flex items-center justify-center text-xs`,children:x>9?`9+`:x})]})}),b&&b.length>0&&(0,u.jsxs)(a.DropdownMenuContent,{align:`end`,className:`w-80`,children:[(0,u.jsx)(`div`,{className:`p-2 font-semibold border-b`,children:`Notifications`}),b.slice(0,5).map(e=>(0,u.jsxs)(a.DropdownMenuItem,{onClick:e.onClick,className:t.cn(`flex flex-col items-start gap-1 p-3`,!e.read&&`bg-muted/50`),children:[(0,u.jsx)(`div`,{className:`font-medium`,children:e.title}),e.description&&(0,u.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.description}),e.time&&(0,u.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.time})]},e.id))]})]}),C&&(0,u.jsxs)(a.DropdownMenu,{children:[(0,u.jsx)(a.DropdownMenuTrigger,{asChild:!0,children:(0,u.jsxs)(i.Button,{variant:`ghost`,size:`sm`,className:`gap-2`,children:[(0,u.jsxs)(n.Avatar,{className:`h-7 w-7`,children:[C.avatar&&(0,u.jsx)(n.AvatarImage,{src:C.avatar,alt:C.name}),(0,u.jsx)(n.AvatarFallback,{className:`text-xs`,children:C.initials||C.name.slice(0,2).toUpperCase()})]}),(0,u.jsx)(l.ChevronDown,{className:`h-4 w-4`})]})}),(0,u.jsxs)(a.DropdownMenuContent,{align:`end`,className:`w-56`,children:[(0,u.jsxs)(`div`,{className:`p-2`,children:[(0,u.jsx)(`p`,{className:`font-medium`,children:C.name}),C.email&&(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:C.email})]}),(0,u.jsx)(a.DropdownMenuSeparator,{}),C.items.map((e,t)=>e.separator?(0,u.jsx)(a.DropdownMenuSeparator,{},t):(0,u.jsxs)(a.DropdownMenuItem,{onClick:e.onClick,children:[e.icon&&(0,u.jsx)(`span`,{className:`mr-2`,children:e.icon}),e.label]},t))]})]})]})]}),F&&(0,u.jsxs)(`div`,{className:t.cn(`flex items-center gap-2 px-4 py-2 border-t bg-muted/30`,k),children:[y?.map(e=>(0,u.jsxs)(s.Select,{value:e.value,onValueChange:e.onChange,children:[(0,u.jsxs)(s.SelectTrigger,{className:`w-auto h-8 gap-2 bg-muted/50 border-0`,children:[e.icon,(0,u.jsx)(s.SelectValue,{placeholder:e.placeholder||e.label})]}),(0,u.jsx)(s.SelectContent,{children:e.options.map(e=>(0,u.jsx)(s.SelectItem,{value:e.value,children:e.label},e.value))})]},e.id)),E]})]})}exports.default=d;