@wakastellar/ui 4.0.0 → 4.0.1

package/dist/blocks/player-profile/index.es.js

@@ -0,0 +1,529 @@
+"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 { Card as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l } from "../../components/card/index.es.js";
+import { Progress as u } from "../../components/progress/index.es.js";
+import { Tabs as d, TabsContent as f, TabsList as p, TabsTrigger as m } from "../../components/tabs/index.es.js";
+import "react";
+import { Award as h, Calendar as g, Clock as _, Crown as v, Flame as y, Gamepad2 as b, Heart as x, Medal as S, Shield as C, Star as w, Swords as T, Target as E, TrendingUp as D, Trophy as O, Users as k, Zap as A } from "lucide-react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+//#region src/blocks/player-profile/index.tsx
+var N = {
+	common: "bg-slate-500/20 text-slate-400 border-slate-500/30",
+	rare: "bg-blue-500/20 text-blue-400 border-blue-500/30",
+	epic: "bg-purple-500/20 text-purple-400 border-purple-500/30",
+	legendary: "bg-amber-500/20 text-amber-400 border-amber-500/30"
+}, P = {
+	common: "",
+	rare: "shadow-blue-500/20",
+	epic: "shadow-purple-500/20",
+	legendary: "shadow-amber-500/30 shadow-lg"
+};
+function F({ current: e, max: t, level: n }) {
+	let r = e / t * 100;
+	return /* @__PURE__ */ M("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ M("div", {
+			className: "flex items-center justify-between text-sm",
+			children: [/* @__PURE__ */ M("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ j("div", {
+					className: "h-8 w-8 rounded-full bg-primary flex items-center justify-center text-primary-foreground font-bold",
+					children: n
+				}), /* @__PURE__ */ M("span", {
+					className: "text-muted-foreground",
+					children: ["Level ", n]
+				})]
+			}), /* @__PURE__ */ M("span", {
+				className: "text-muted-foreground",
+				children: [
+					e.toLocaleString(),
+					" / ",
+					t.toLocaleString(),
+					" XP"
+				]
+			})]
+		}), /* @__PURE__ */ M("div", {
+			className: "relative h-3 rounded-full bg-muted overflow-hidden",
+			children: [/* @__PURE__ */ j("div", {
+				className: "absolute inset-y-0 left-0 bg-gradient-to-r from-primary to-primary/80 rounded-full transition-all duration-500",
+				style: { width: `${r}%` }
+			}), /* @__PURE__ */ j("div", {
+				className: "absolute inset-y-0 left-0 bg-gradient-to-r from-white/20 to-transparent rounded-full",
+				style: { width: `${r}%` }
+			})]
+		})]
+	});
+}
+function I({ stat: t }) {
+	return /* @__PURE__ */ M("div", {
+		className: "flex items-center gap-3 p-3 rounded-lg bg-muted/50",
+		children: [t.icon && /* @__PURE__ */ j("div", {
+			className: e("h-10 w-10 rounded-lg bg-background flex items-center justify-center", {
+				default: "text-foreground",
+				blue: "text-blue-500",
+				green: "text-green-500",
+				yellow: "text-yellow-500",
+				red: "text-red-500",
+				purple: "text-purple-500"
+			}[t.color || "default"]),
+			children: t.icon
+		}), /* @__PURE__ */ M("div", { children: [/* @__PURE__ */ j("p", {
+			className: "text-2xl font-bold",
+			children: t.value
+		}), /* @__PURE__ */ j("p", {
+			className: "text-sm text-muted-foreground",
+			children: t.label
+		})] })]
+	});
+}
+function L({ achievement: t }) {
+	let n = t.unlockedAt || t.progress !== void 0 && t.maxProgress !== void 0 && t.progress >= t.maxProgress;
+	return /* @__PURE__ */ j("div", {
+		className: e("p-4 rounded-lg border transition-all", n ? e(N[t.rarity || "common"], P[t.rarity || "common"]) : "bg-muted/30 border-dashed opacity-60"),
+		children: /* @__PURE__ */ M("div", {
+			className: "flex items-start gap-3",
+			children: [/* @__PURE__ */ j("div", {
+				className: e("h-12 w-12 rounded-lg flex items-center justify-center", n ? "bg-background/50" : "bg-muted"),
+				children: t.icon || /* @__PURE__ */ j(O, { className: "h-6 w-6" })
+			}), /* @__PURE__ */ M("div", {
+				className: "flex-1 min-w-0",
+				children: [
+					/* @__PURE__ */ M("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ j("h4", {
+							className: "font-medium truncate",
+							children: t.name
+						}), t.rarity && /* @__PURE__ */ j(i, {
+							variant: "outline",
+							className: "text-xs capitalize",
+							children: t.rarity
+						})]
+					}),
+					/* @__PURE__ */ j("p", {
+						className: "text-sm text-muted-foreground mt-1",
+						children: t.description
+					}),
+					t.progress !== void 0 && t.maxProgress !== void 0 && !n && /* @__PURE__ */ M("div", {
+						className: "mt-2",
+						children: [/* @__PURE__ */ j(u, {
+							value: t.progress / t.maxProgress * 100,
+							className: "h-1.5"
+						}), /* @__PURE__ */ M("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: [
+								t.progress,
+								" / ",
+								t.maxProgress
+							]
+						})]
+					}),
+					t.unlockedAt && /* @__PURE__ */ M("p", {
+						className: "text-xs text-muted-foreground mt-2",
+						children: ["Unlocked ", typeof t.unlockedAt == "string" ? t.unlockedAt : t.unlockedAt.toLocaleDateString()]
+					})
+				]
+			})]
+		})
+	});
+}
+function R({ match: t }) {
+	let n = {
+		win: "text-green-500 bg-green-500/10",
+		loss: "text-red-500 bg-red-500/10",
+		draw: "text-yellow-500 bg-yellow-500/10"
+	}, r = {
+		win: /* @__PURE__ */ j(O, { className: "h-4 w-4" }),
+		loss: /* @__PURE__ */ j(T, { className: "h-4 w-4" }),
+		draw: /* @__PURE__ */ j(C, { className: "h-4 w-4" })
+	};
+	return /* @__PURE__ */ M("div", {
+		className: "flex items-center gap-4 p-3 rounded-lg bg-muted/50",
+		children: [
+			/* @__PURE__ */ j("div", {
+				className: e("h-10 w-10 rounded-lg flex items-center justify-center", n[t.result]),
+				children: r[t.result]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ M("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ j("span", {
+						className: "font-medium capitalize",
+						children: t.result
+					}), t.score && /* @__PURE__ */ j("span", {
+						className: "text-muted-foreground",
+						children: t.score
+					})]
+				}), /* @__PURE__ */ M("div", {
+					className: "flex items-center gap-2 text-sm text-muted-foreground",
+					children: [t.opponent && /* @__PURE__ */ M("span", { children: ["vs ", t.opponent] }), t.mode && /* @__PURE__ */ j(i, {
+						variant: "outline",
+						className: "text-xs",
+						children: t.mode
+					})]
+				})]
+			}),
+			/* @__PURE__ */ M("div", {
+				className: "text-right",
+				children: [t.xpGained && /* @__PURE__ */ M("p", {
+					className: "text-sm font-medium text-green-500",
+					children: [
+						"+",
+						t.xpGained,
+						" XP"
+					]
+				}), /* @__PURE__ */ j("p", {
+					className: "text-xs text-muted-foreground",
+					children: typeof t.date == "string" ? t.date : t.date.toLocaleDateString()
+				})]
+			})
+		]
+	});
+}
+function z({ name: i, avatar: u, title: h, level: v, currentXP: b, maxXP: x, totalXP: C, rank: w, rankIcon: T, stats: E, achievements: D, badges: O, matchHistory: N, streak: P, joinDate: z, playtime: B, friendsCount: V, isOnline: H = !1, className: U }) {
+	return /* @__PURE__ */ M("div", {
+		className: e("space-y-6", U),
+		children: [
+			/* @__PURE__ */ j(a, { children: /* @__PURE__ */ M(o, {
+				className: "pt-6",
+				children: [
+					/* @__PURE__ */ M("div", {
+						className: "flex flex-col md:flex-row gap-6 items-start",
+						children: [/* @__PURE__ */ M("div", {
+							className: "flex items-center gap-4",
+							children: [/* @__PURE__ */ M("div", {
+								className: "relative",
+								children: [
+									/* @__PURE__ */ M(t, {
+										className: "h-24 w-24 border-4 border-primary/20",
+										children: [/* @__PURE__ */ j(r, {
+											src: u,
+											alt: i
+										}), /* @__PURE__ */ j(n, {
+											className: "text-2xl",
+											children: i.slice(0, 2).toUpperCase()
+										})]
+									}),
+									H && /* @__PURE__ */ j("div", { className: "absolute bottom-1 right-1 h-5 w-5 rounded-full bg-green-500 border-2 border-background" }),
+									/* @__PURE__ */ j("div", {
+										className: "absolute -top-2 -right-2 h-8 w-8 rounded-full bg-primary flex items-center justify-center text-primary-foreground font-bold text-sm",
+										children: v
+									})
+								]
+							}), /* @__PURE__ */ M("div", { children: [
+								/* @__PURE__ */ j("h2", {
+									className: "text-2xl font-bold",
+									children: i
+								}),
+								h && /* @__PURE__ */ j("p", {
+									className: "text-muted-foreground",
+									children: h
+								}),
+								w && /* @__PURE__ */ M("div", {
+									className: "flex items-center gap-2 mt-2",
+									children: [T || /* @__PURE__ */ j(S, { className: "h-5 w-5 text-yellow-500" }), /* @__PURE__ */ j("span", {
+										className: "font-medium",
+										children: w
+									})]
+								})
+							] })]
+						}), /* @__PURE__ */ M("div", {
+							className: "flex-1 grid grid-cols-2 md:grid-cols-4 gap-4",
+							children: [
+								P !== void 0 && /* @__PURE__ */ M("div", {
+									className: "text-center p-3 rounded-lg bg-orange-500/10",
+									children: [
+										/* @__PURE__ */ j(y, { className: "h-6 w-6 text-orange-500 mx-auto" }),
+										/* @__PURE__ */ j("p", {
+											className: "text-2xl font-bold mt-1",
+											children: P
+										}),
+										/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Day Streak"
+										})
+									]
+								}),
+								C !== void 0 && /* @__PURE__ */ M("div", {
+									className: "text-center p-3 rounded-lg bg-purple-500/10",
+									children: [
+										/* @__PURE__ */ j(A, { className: "h-6 w-6 text-purple-500 mx-auto" }),
+										/* @__PURE__ */ j("p", {
+											className: "text-2xl font-bold mt-1",
+											children: C.toLocaleString()
+										}),
+										/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Total XP"
+										})
+									]
+								}),
+								B && /* @__PURE__ */ M("div", {
+									className: "text-center p-3 rounded-lg bg-blue-500/10",
+									children: [
+										/* @__PURE__ */ j(_, { className: "h-6 w-6 text-blue-500 mx-auto" }),
+										/* @__PURE__ */ j("p", {
+											className: "text-2xl font-bold mt-1",
+											children: B
+										}),
+										/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Playtime"
+										})
+									]
+								}),
+								V !== void 0 && /* @__PURE__ */ M("div", {
+									className: "text-center p-3 rounded-lg bg-green-500/10",
+									children: [
+										/* @__PURE__ */ j(k, { className: "h-6 w-6 text-green-500 mx-auto" }),
+										/* @__PURE__ */ j("p", {
+											className: "text-2xl font-bold mt-1",
+											children: V
+										}),
+										/* @__PURE__ */ j("p", {
+											className: "text-xs text-muted-foreground",
+											children: "Friends"
+										})
+									]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ j("div", {
+						className: "mt-6",
+						children: /* @__PURE__ */ j(F, {
+							current: b,
+							max: x,
+							level: v
+						})
+					}),
+					O && O.length > 0 && /* @__PURE__ */ M("div", {
+						className: "mt-6",
+						children: [/* @__PURE__ */ j("h3", {
+							className: "text-sm font-medium text-muted-foreground mb-3",
+							children: "Badges"
+						}), /* @__PURE__ */ j("div", {
+							className: "flex flex-wrap gap-2",
+							children: O.map((e) => /* @__PURE__ */ M("div", {
+								className: "flex items-center gap-2 px-3 py-1.5 rounded-full bg-muted text-sm",
+								style: e.color ? {
+									backgroundColor: `${e.color}20`,
+									color: e.color
+								} : void 0,
+								children: [e.icon, /* @__PURE__ */ j("span", { children: e.name })]
+							}, e.id))
+						})]
+					})
+				]
+			}) }),
+			/* @__PURE__ */ M(d, {
+				defaultValue: "stats",
+				className: "w-full",
+				children: [
+					/* @__PURE__ */ M(p, {
+						className: "w-full justify-start",
+						children: [
+							/* @__PURE__ */ j(m, {
+								value: "stats",
+								children: "Stats"
+							}),
+							/* @__PURE__ */ j(m, {
+								value: "achievements",
+								children: "Achievements"
+							}),
+							/* @__PURE__ */ j(m, {
+								value: "history",
+								children: "Match History"
+							})
+						]
+					}),
+					/* @__PURE__ */ j(f, {
+						value: "stats",
+						className: "mt-4",
+						children: /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ M(c, { children: [/* @__PURE__ */ j(l, { children: "Player Statistics" }), /* @__PURE__ */ j(s, { children: "Your performance metrics" })] }), /* @__PURE__ */ j(o, { children: E && E.length > 0 ? /* @__PURE__ */ j("div", {
+							className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+							children: E.map((e, t) => /* @__PURE__ */ j(I, { stat: e }, t))
+						}) : /* @__PURE__ */ j("p", {
+							className: "text-muted-foreground text-center py-8",
+							children: "No statistics available"
+						}) })] })
+					}),
+					/* @__PURE__ */ j(f, {
+						value: "achievements",
+						className: "mt-4",
+						children: /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ M(c, { children: [/* @__PURE__ */ j(l, { children: "Achievements" }), /* @__PURE__ */ M(s, { children: [
+							D?.filter((e) => e.unlockedAt).length || 0,
+							" / ",
+							D?.length || 0,
+							" unlocked"
+						] })] }), /* @__PURE__ */ j(o, { children: D && D.length > 0 ? /* @__PURE__ */ j("div", {
+							className: "grid gap-4 sm:grid-cols-2",
+							children: D.map((e) => /* @__PURE__ */ j(L, { achievement: e }, e.id))
+						}) : /* @__PURE__ */ j("p", {
+							className: "text-muted-foreground text-center py-8",
+							children: "No achievements yet"
+						}) })] })
+					}),
+					/* @__PURE__ */ j(f, {
+						value: "history",
+						className: "mt-4",
+						children: /* @__PURE__ */ M(a, { children: [/* @__PURE__ */ M(c, { children: [/* @__PURE__ */ j(l, { children: "Match History" }), /* @__PURE__ */ j(s, { children: "Your recent games" })] }), /* @__PURE__ */ j(o, { children: N && N.length > 0 ? /* @__PURE__ */ j("div", {
+							className: "space-y-3",
+							children: N.map((e) => /* @__PURE__ */ j(R, { match: e }, e.id))
+						}) : /* @__PURE__ */ j("p", {
+							className: "text-muted-foreground text-center py-8",
+							children: "No matches played yet"
+						}) })] })
+					})
+				]
+			}),
+			z && /* @__PURE__ */ M("div", {
+				className: "flex items-center justify-center gap-2 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ j(g, { className: "h-4 w-4" }), /* @__PURE__ */ M("span", { children: ["Member since ", typeof z == "string" ? z : z.toLocaleDateString()] })]
+			})
+		]
+	});
+}
+var B = [
+	{
+		label: "Matches Played",
+		value: 342,
+		icon: /* @__PURE__ */ j(b, { className: "h-5 w-5" }),
+		color: "blue"
+	},
+	{
+		label: "Wins",
+		value: 189,
+		icon: /* @__PURE__ */ j(O, { className: "h-5 w-5" }),
+		color: "green"
+	},
+	{
+		label: "Win Rate",
+		value: "55.3%",
+		icon: /* @__PURE__ */ j(D, { className: "h-5 w-5" }),
+		color: "yellow"
+	},
+	{
+		label: "Best Score",
+		value: "12,450",
+		icon: /* @__PURE__ */ j(w, { className: "h-5 w-5" }),
+		color: "purple"
+	},
+	{
+		label: "Kills",
+		value: "1,234",
+		icon: /* @__PURE__ */ j(E, { className: "h-5 w-5" }),
+		color: "red"
+	},
+	{
+		label: "Assists",
+		value: 876,
+		icon: /* @__PURE__ */ j(x, { className: "h-5 w-5" }),
+		color: "default"
+	}
+], V = [
+	{
+		id: "first-win",
+		name: "First Victory",
+		description: "Win your first match",
+		rarity: "common",
+		unlockedAt: /* @__PURE__ */ new Date("2024-01-15"),
+		icon: /* @__PURE__ */ j(O, { className: "h-6 w-6 text-yellow-500" })
+	},
+	{
+		id: "streak-master",
+		name: "Streak Master",
+		description: "Achieve a 10-day login streak",
+		rarity: "rare",
+		unlockedAt: /* @__PURE__ */ new Date("2024-02-20"),
+		icon: /* @__PURE__ */ j(y, { className: "h-6 w-6 text-orange-500" })
+	},
+	{
+		id: "legendary-player",
+		name: "Legendary Player",
+		description: "Reach level 50",
+		rarity: "legendary",
+		progress: 42,
+		maxProgress: 50,
+		icon: /* @__PURE__ */ j(v, { className: "h-6 w-6 text-amber-500" })
+	},
+	{
+		id: "social-butterfly",
+		name: "Social Butterfly",
+		description: "Add 25 friends",
+		rarity: "epic",
+		progress: 18,
+		maxProgress: 25,
+		icon: /* @__PURE__ */ j(k, { className: "h-6 w-6 text-purple-500" })
+	}
+], H = [
+	{
+		id: "beta",
+		name: "Beta Tester",
+		icon: /* @__PURE__ */ j(C, { className: "h-4 w-4" }),
+		color: "#3b82f6"
+	},
+	{
+		id: "premium",
+		name: "Premium",
+		icon: /* @__PURE__ */ j(v, { className: "h-4 w-4" }),
+		color: "#f59e0b"
+	},
+	{
+		id: "verified",
+		name: "Verified",
+		icon: /* @__PURE__ */ j(h, { className: "h-4 w-4" }),
+		color: "#10b981"
+	}
+], U = [
+	{
+		id: "1",
+		result: "win",
+		score: "3-1",
+		opponent: "xShadowx",
+		mode: "Ranked",
+		date: /* @__PURE__ */ new Date("2024-03-10"),
+		xpGained: 150
+	},
+	{
+		id: "2",
+		result: "win",
+		score: "2-0",
+		opponent: "ProGamer99",
+		mode: "Ranked",
+		date: /* @__PURE__ */ new Date("2024-03-10"),
+		xpGained: 175
+	},
+	{
+		id: "3",
+		result: "loss",
+		score: "1-3",
+		opponent: "NightHawk",
+		mode: "Ranked",
+		date: /* @__PURE__ */ new Date("2024-03-09"),
+		xpGained: 50
+	},
+	{
+		id: "4",
+		result: "draw",
+		score: "2-2",
+		opponent: "StormRider",
+		mode: "Casual",
+		date: /* @__PURE__ */ new Date("2024-03-09"),
+		xpGained: 75
+	},
+	{
+		id: "5",
+		result: "win",
+		score: "5-2",
+		opponent: "BlazeMaster",
+		mode: "Ranked",
+		date: /* @__PURE__ */ new Date("2024-03-08"),
+		xpGained: 200
+	}
+];
+//#endregion
+export { z as default, V as defaultAchievements, H as defaultBadges, U as defaultMatchHistory, B as defaultPlayerStats };

package/dist/blocks/pricing/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/badge/index.cjs.js`),r=require(`../../components/button/index.cjs.js`),i=require(`../../components/card/index.cjs.js`),a=require(`../../components/label/index.cjs.js`),o=require(`../../components/switch/index.cjs.js`),s=require(`../../components/tooltip/index.cjs.js`);let c=require(`react`);c=e.__toESM(c);let l=require(`lucide-react`),u=require(`react/jsx-runtime`);var d=c.createContext({});function f(){return c.useContext(d)}function p({period:e,onChange:r,yearlyDiscount:i}){return(0,u.jsxs)(`div`,{className:`flex items-center justify-center gap-4 mb-8`,children:[(0,u.jsx)(a.Label,{htmlFor:`billing-toggle`,className:t.cn(`cursor-pointer transition-colors`,e===`monthly`?`text-foreground`:`text-muted-foreground`),children:`Mensuel`}),(0,u.jsx)(o.Switch,{id:`billing-toggle`,checked:e===`yearly`,onCheckedChange:e=>r(e?`yearly`:`monthly`)}),(0,u.jsxs)(a.Label,{htmlFor:`billing-toggle`,className:t.cn(`cursor-pointer transition-colors flex items-center gap-2`,e===`yearly`?`text-foreground`:`text-muted-foreground`),children:[`Annuel`,i&&(0,u.jsxs)(n.Badge,{variant:`secondary`,className:`text-xs`,children:[`-`,i]})]})]})}function m({plan:e,billingPeriod:a}){let{LinkComponent:o}=f(),c=a===`yearly`&&e.priceYearly!==void 0?e.priceYearly:e.price,d=a===`yearly`&&e.periodYearly?e.periodYearly:e.period||`/mois`,p=typeof c==`string`;return(0,u.jsxs)(i.Card,{className:t.cn(`relative flex flex-col`,e.popular&&`border-primary shadow-lg scale-105`),children:[e.popular&&(0,u.jsx)(`div`,{className:`absolute -top-3 left-1/2 -translate-x-1/2`,children:(0,u.jsxs)(n.Badge,{className:`px-3`,children:[(0,u.jsx)(l.Zap,{className:`h-3 w-3 mr-1`}),e.badge||`Populaire`]})}),(0,u.jsxs)(i.CardHeader,{className:`text-center pb-2`,children:[(0,u.jsx)(i.CardTitle,{className:`text-xl`,children:e.name}),e.description&&(0,u.jsx)(i.CardDescription,{children:e.description})]}),(0,u.jsxs)(i.CardContent,{className:`flex-1`,children:[(0,u.jsx)(`div`,{className:`text-center mb-6`,children:p?(0,u.jsx)(`div`,{className:`text-3xl font-bold`,children:c}):(0,u.jsxs)(`div`,{className:`flex items-baseline justify-center`,children:[(0,u.jsx)(`span`,{className:`text-sm text-muted-foreground mr-1`,children:e.currency||`€`}),(0,u.jsx)(`span`,{className:`text-4xl font-bold`,children:c}),(0,u.jsx)(`span`,{className:`text-sm text-muted-foreground ml-1`,children:d})]})}),(0,u.jsx)(`ul`,{className:`space-y-3`,children:e.features.map((e,n)=>(0,u.jsxs)(`li`,{className:`flex items-start gap-2`,children:[e.included===!0?(0,u.jsx)(l.Check,{className:`h-5 w-5 text-green-500 flex-shrink-0`}):e.included===`partial`||e.included===`limited`?(0,u.jsx)(l.Check,{className:`h-5 w-5 text-yellow-500 flex-shrink-0`}):(0,u.jsx)(l.X,{className:`h-5 w-5 text-muted-foreground flex-shrink-0`}),(0,u.jsxs)(`span`,{className:t.cn(`text-sm`,!e.included&&`text-muted-foreground`),children:[e.name,e.value&&(0,u.jsxs)(`span`,{className:`text-muted-foreground ml-1`,children:[`(`,e.value,`)`]})]}),e.tooltip&&(0,u.jsx)(s.TooltipProvider,{children:(0,u.jsxs)(s.Tooltip,{children:[(0,u.jsx)(s.TooltipTrigger,{asChild:!0,children:(0,u.jsx)(l.HelpCircle,{className:`h-4 w-4 text-muted-foreground cursor-help`})}),(0,u.jsx)(s.TooltipContent,{children:(0,u.jsx)(`p`,{className:`max-w-xs`,children:e.tooltip})})]})})]},n))})]}),(0,u.jsx)(i.CardFooter,{children:(0,u.jsx)(r.Button,{className:`w-full`,variant:e.buttonVariant||(e.popular?`default`:`outline`),onClick:e.onSelect,disabled:e.disabled,asChild:!!e.href,children:e.href?o?(0,u.jsx)(o,{href:e.href,children:e.buttonText||`Choisir`}):(0,u.jsx)(`a`,{href:e.href,children:e.buttonText||`Choisir`}):e.buttonText||`Choisir`})})]})}function h({plans:e,billingPeriod:i}){let{LinkComponent:a}=f(),o=Array.from(new Set(e.flatMap(e=>e.features.map(e=>e.name))));return(0,u.jsx)(`div`,{className:`overflow-x-auto`,children:(0,u.jsxs)(`table`,{className:`w-full border-collapse`,children:[(0,u.jsxs)(`thead`,{children:[(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`th`,{className:`text-left p-4 border-b bg-muted/50`,children:`Fonctionnalité`}),e.map(e=>(0,u.jsxs)(`th`,{className:t.cn(`text-center p-4 border-b min-w-[150px]`,e.popular&&`bg-primary/5`),children:[(0,u.jsx)(`div`,{className:`font-bold`,children:e.name}),e.popular&&(0,u.jsx)(n.Badge,{className:`mt-1`,variant:`default`,children:`Populaire`})]},e.id))]}),(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`td`,{className:`p-4 border-b bg-muted/50 font-medium`,children:`Prix`}),e.map(e=>{let n=i===`yearly`&&e.priceYearly!==void 0?e.priceYearly:e.price,r=i===`yearly`&&e.periodYearly?e.periodYearly:e.period||`/mois`,a=typeof n==`string`;return(0,u.jsx)(`td`,{className:t.cn(`text-center p-4 border-b`,e.popular&&`bg-primary/5`),children:a?(0,u.jsx)(`span`,{className:`font-bold`,children:n}):(0,u.jsxs)(`span`,{className:`font-bold`,children:[e.currency||`€`,n,(0,u.jsx)(`span`,{className:`text-sm font-normal text-muted-foreground`,children:r})]})},e.id)})]})]}),(0,u.jsxs)(`tbody`,{children:[o.map((n,r)=>(0,u.jsxs)(`tr`,{className:r%2==0?`bg-muted/20`:``,children:[(0,u.jsx)(`td`,{className:`p-4 border-b`,children:n}),e.map(e=>{let r=e.features.find(e=>e.name===n);return(0,u.jsx)(`td`,{className:t.cn(`text-center p-4 border-b`,e.popular&&`bg-primary/5`),children:r?r.included===!0?r.value?(0,u.jsx)(`span`,{children:r.value}):(0,u.jsx)(l.Check,{className:`h-5 w-5 text-green-500 mx-auto`}):r.included===`partial`||r.included===`limited`?(0,u.jsx)(`span`,{className:`text-yellow-600`,children:r.value||`Limité`}):(0,u.jsx)(l.X,{className:`h-5 w-5 text-muted-foreground mx-auto`}):(0,u.jsx)(l.X,{className:`h-5 w-5 text-muted-foreground mx-auto`})},e.id)})]},r)),(0,u.jsxs)(`tr`,{children:[(0,u.jsx)(`td`,{className:`p-4`}),e.map(e=>(0,u.jsx)(`td`,{className:t.cn(`text-center p-4`,e.popular&&`bg-primary/5`),children:(0,u.jsx)(r.Button,{variant:e.buttonVariant||(e.popular?`default`:`outline`),onClick:e.onSelect,disabled:e.disabled,asChild:!!e.href,children:e.href?a?(0,u.jsx)(a,{href:e.href,children:e.buttonText||`Choisir`}):(0,u.jsx)(`a`,{href:e.href,children:e.buttonText||`Choisir`}):e.buttonText||`Choisir`})},e.id))]})]})]})})}function g({title:e=`Questions fréquentes`,items:t}){return(0,u.jsxs)(`div`,{className:`mt-16`,children:[(0,u.jsx)(`h2`,{className:`text-2xl font-bold text-center mb-8`,children:e}),(0,u.jsx)(`div`,{className:`grid md:grid-cols-2 gap-6 max-w-4xl mx-auto`,children:t.map((e,t)=>(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(`h3`,{className:`font-semibold`,children:e.question}),(0,u.jsx)(`p`,{className:`text-muted-foreground text-sm`,children:e.answer})]},t))})]})}function _({title:e=`Tarification`,description:n,plans:r,showBillingToggle:i=!0,billingPeriod:a,onBillingPeriodChange:o,yearlyDiscount:s,faq:l,faqTitle:f,layout:_=`cards`,columns:v=3,showComparison:y=!1,className:b,LinkComponent:x}){let[S,C]=c.useState(`monthly`),w=a??S,T=e=>{o?o(e):C(e)},E={2:`md:grid-cols-2`,3:`md:grid-cols-2 lg:grid-cols-3`,4:`md:grid-cols-2 lg:grid-cols-4`},D=c.useMemo(()=>({LinkComponent:x}),[x]);return(0,u.jsx)(d.Provider,{value:D,children:(0,u.jsxs)(`div`,{className:t.cn(`container py-16`,b),children:[(0,u.jsxs)(`div`,{className:`text-center mb-12`,children:[(0,u.jsx)(`h1`,{className:`text-3xl md:text-4xl font-bold tracking-tight mb-4`,children:e}),n&&(0,u.jsx)(`p`,{className:`text-lg text-muted-foreground max-w-2xl mx-auto`,children:n})]}),i&&(0,u.jsx)(p,{period:w,onChange:T,yearlyDiscount:s}),_===`cards`&&!y?(0,u.jsx)(`div`,{className:t.cn(`grid gap-6 items-stretch`,E[v]),children:r.map(e=>(0,u.jsx)(m,{plan:e,billingPeriod:w},e.id))}):(0,u.jsx)(h,{plans:r,billingPeriod:w}),l&&l.length>0&&(0,u.jsx)(g,{title:f,items:l})]})})}var v=[{id:`free`,name:`Gratuit`,description:`Pour démarrer`,price:0,priceYearly:0,features:[{name:`1 utilisateur`,included:!0},{name:`5 projets`,included:!0},{name:`1 Go de stockage`,included:!0},{name:`Support email`,included:!0},{name:`API Access`,included:!1},{name:`Analytics avancés`,included:!1},{name:`Support prioritaire`,included:!1}],buttonText:`Commencer gratuitement`,buttonVariant:`outline`},{id:`pro`,name:`Pro`,description:`Pour les équipes`,price:29,priceYearly:24,periodYearly:`/mois (facturé annuellement)`,popular:!0,features:[{name:`5 utilisateurs`,included:!0},{name:`Projets illimités`,included:!0},{name:`50 Go de stockage`,included:!0},{name:`Support email`,included:!0},{name:`API Access`,included:!0},{name:`Analytics avancés`,included:!0},{name:`Support prioritaire`,included:!1}],buttonText:`Essai gratuit 14 jours`},{id:`enterprise`,name:`Enterprise`,description:`Pour les grandes équipes`,price:`Sur mesure`,features:[{name:`Utilisateurs illimités`,included:!0},{name:`Projets illimités`,included:!0},{name:`Stockage illimité`,included:!0},{name:`Support email`,included:!0},{name:`API Access`,included:!0},{name:`Analytics avancés`,included:!0},{name:`Support prioritaire`,included:!0}],buttonText:`Contacter les ventes`,buttonVariant:`outline`}],y=[{question:`Puis-je changer de plan à tout moment ?`,answer:`Oui, vous pouvez upgrader ou downgrader votre plan à tout moment. Les changements prennent effet immédiatement.`},{question:`Y a-t-il une période d'essai ?`,answer:`Oui, tous nos plans payants incluent une période d'essai gratuite de 14 jours, sans carte bancaire requise.`},{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.`},{question:`Puis-je annuler à tout moment ?`,answer:`Absolument. Vous pouvez annuler votre abonnement à tout moment sans frais supplémentaires.`}];exports.default=_,exports.defaultPricingFAQ=y,exports.defaultPricingPlans=v;