@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/pricing/index.es.js

@@ -0,0 +1,405 @@
+"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, CardDescription as a, CardFooter as o, CardHeader as s, CardTitle as c } from "../../components/card/index.es.js";
+import { Label as l } from "../../components/label/index.es.js";
+import { Switch as u } from "../../components/switch/index.es.js";
+import { Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger as m } from "../../components/tooltip/index.es.js";
+import * as h from "react";
+import { Check as g, HelpCircle as _, X as v, Zap as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/blocks/pricing/index.tsx
+var S = h.createContext({});
+function C() {
+	return h.useContext(S);
+}
+function w({ period: n, onChange: r, yearlyDiscount: i }) {
+	return /* @__PURE__ */ x("div", {
+		className: "flex items-center justify-center gap-4 mb-8",
+		children: [
+			/* @__PURE__ */ b(l, {
+				htmlFor: "billing-toggle",
+				className: e("cursor-pointer transition-colors", n === "monthly" ? "text-foreground" : "text-muted-foreground"),
+				children: "Mensuel"
+			}),
+			/* @__PURE__ */ b(u, {
+				id: "billing-toggle",
+				checked: n === "yearly",
+				onCheckedChange: (e) => r(e ? "yearly" : "monthly")
+			}),
+			/* @__PURE__ */ x(l, {
+				htmlFor: "billing-toggle",
+				className: e("cursor-pointer transition-colors flex items-center gap-2", n === "yearly" ? "text-foreground" : "text-muted-foreground"),
+				children: ["Annuel", i && /* @__PURE__ */ x(t, {
+					variant: "secondary",
+					className: "text-xs",
+					children: ["-", i]
+				})]
+			})
+		]
+	});
+}
+function T({ plan: l, billingPeriod: u }) {
+	let { LinkComponent: h } = C(), S = u === "yearly" && l.priceYearly !== void 0 ? l.priceYearly : l.price, w = u === "yearly" && l.periodYearly ? l.periodYearly : l.period || "/mois", T = typeof S == "string";
+	return /* @__PURE__ */ x(r, {
+		className: e("relative flex flex-col", l.popular && "border-primary shadow-lg scale-105"),
+		children: [
+			l.popular && /* @__PURE__ */ b("div", {
+				className: "absolute -top-3 left-1/2 -translate-x-1/2",
+				children: /* @__PURE__ */ x(t, {
+					className: "px-3",
+					children: [/* @__PURE__ */ b(y, { className: "h-3 w-3 mr-1" }), l.badge || "Populaire"]
+				})
+			}),
+			/* @__PURE__ */ x(s, {
+				className: "text-center pb-2",
+				children: [/* @__PURE__ */ b(c, {
+					className: "text-xl",
+					children: l.name
+				}), l.description && /* @__PURE__ */ b(a, { children: l.description })]
+			}),
+			/* @__PURE__ */ x(i, {
+				className: "flex-1",
+				children: [/* @__PURE__ */ b("div", {
+					className: "text-center mb-6",
+					children: T ? /* @__PURE__ */ b("div", {
+						className: "text-3xl font-bold",
+						children: S
+					}) : /* @__PURE__ */ x("div", {
+						className: "flex items-baseline justify-center",
+						children: [
+							/* @__PURE__ */ b("span", {
+								className: "text-sm text-muted-foreground mr-1",
+								children: l.currency || "€"
+							}),
+							/* @__PURE__ */ b("span", {
+								className: "text-4xl font-bold",
+								children: S
+							}),
+							/* @__PURE__ */ b("span", {
+								className: "text-sm text-muted-foreground ml-1",
+								children: w
+							})
+						]
+					})
+				}), /* @__PURE__ */ b("ul", {
+					className: "space-y-3",
+					children: l.features.map((t, n) => /* @__PURE__ */ x("li", {
+						className: "flex items-start gap-2",
+						children: [
+							t.included === !0 ? /* @__PURE__ */ b(g, { className: "h-5 w-5 text-green-500 flex-shrink-0" }) : t.included === "partial" || t.included === "limited" ? /* @__PURE__ */ b(g, { className: "h-5 w-5 text-yellow-500 flex-shrink-0" }) : /* @__PURE__ */ b(v, { className: "h-5 w-5 text-muted-foreground flex-shrink-0" }),
+							/* @__PURE__ */ x("span", {
+								className: e("text-sm", !t.included && "text-muted-foreground"),
+								children: [t.name, t.value && /* @__PURE__ */ x("span", {
+									className: "text-muted-foreground ml-1",
+									children: [
+										"(",
+										t.value,
+										")"
+									]
+								})]
+							}),
+							t.tooltip && /* @__PURE__ */ b(p, { children: /* @__PURE__ */ x(d, { children: [/* @__PURE__ */ b(m, {
+								asChild: !0,
+								children: /* @__PURE__ */ b(_, { className: "h-4 w-4 text-muted-foreground cursor-help" })
+							}), /* @__PURE__ */ b(f, { children: /* @__PURE__ */ b("p", {
+								className: "max-w-xs",
+								children: t.tooltip
+							}) })] }) })
+						]
+					}, n))
+				})]
+			}),
+			/* @__PURE__ */ b(o, { children: /* @__PURE__ */ b(n, {
+				className: "w-full",
+				variant: l.buttonVariant || (l.popular ? "default" : "outline"),
+				onClick: l.onSelect,
+				disabled: l.disabled,
+				asChild: !!l.href,
+				children: l.href ? b(h || "a", {
+					href: l.href,
+					children: l.buttonText || "Choisir"
+				}) : l.buttonText || "Choisir"
+			}) })
+		]
+	});
+}
+function E({ plans: r, billingPeriod: i }) {
+	let { LinkComponent: a } = C(), o = Array.from(new Set(r.flatMap((e) => e.features.map((e) => e.name))));
+	return /* @__PURE__ */ b("div", {
+		className: "overflow-x-auto",
+		children: /* @__PURE__ */ x("table", {
+			className: "w-full border-collapse",
+			children: [/* @__PURE__ */ x("thead", { children: [/* @__PURE__ */ x("tr", { children: [/* @__PURE__ */ b("th", {
+				className: "text-left p-4 border-b bg-muted/50",
+				children: "Fonctionnalité"
+			}), r.map((n) => /* @__PURE__ */ x("th", {
+				className: e("text-center p-4 border-b min-w-[150px]", n.popular && "bg-primary/5"),
+				children: [/* @__PURE__ */ b("div", {
+					className: "font-bold",
+					children: n.name
+				}), n.popular && /* @__PURE__ */ b(t, {
+					className: "mt-1",
+					variant: "default",
+					children: "Populaire"
+				})]
+			}, n.id))] }), /* @__PURE__ */ x("tr", { children: [/* @__PURE__ */ b("td", {
+				className: "p-4 border-b bg-muted/50 font-medium",
+				children: "Prix"
+			}), r.map((t) => {
+				let n = i === "yearly" && t.priceYearly !== void 0 ? t.priceYearly : t.price, r = i === "yearly" && t.periodYearly ? t.periodYearly : t.period || "/mois", a = typeof n == "string";
+				return /* @__PURE__ */ b("td", {
+					className: e("text-center p-4 border-b", t.popular && "bg-primary/5"),
+					children: a ? /* @__PURE__ */ b("span", {
+						className: "font-bold",
+						children: n
+					}) : /* @__PURE__ */ x("span", {
+						className: "font-bold",
+						children: [
+							t.currency || "€",
+							n,
+							/* @__PURE__ */ b("span", {
+								className: "text-sm font-normal text-muted-foreground",
+								children: r
+							})
+						]
+					})
+				}, t.id);
+			})] })] }), /* @__PURE__ */ x("tbody", { children: [o.map((t, n) => /* @__PURE__ */ x("tr", {
+				className: n % 2 == 0 ? "bg-muted/20" : "",
+				children: [/* @__PURE__ */ b("td", {
+					className: "p-4 border-b",
+					children: t
+				}), r.map((n) => {
+					let r = n.features.find((e) => e.name === t);
+					return /* @__PURE__ */ b("td", {
+						className: e("text-center p-4 border-b", n.popular && "bg-primary/5"),
+						children: r ? r.included === !0 ? r.value ? /* @__PURE__ */ b("span", { children: r.value }) : /* @__PURE__ */ b(g, { className: "h-5 w-5 text-green-500 mx-auto" }) : r.included === "partial" || r.included === "limited" ? /* @__PURE__ */ b("span", {
+							className: "text-yellow-600",
+							children: r.value || "Limité"
+						}) : /* @__PURE__ */ b(v, { className: "h-5 w-5 text-muted-foreground mx-auto" }) : /* @__PURE__ */ b(v, { className: "h-5 w-5 text-muted-foreground mx-auto" })
+					}, n.id);
+				})]
+			}, n)), /* @__PURE__ */ x("tr", { children: [/* @__PURE__ */ b("td", { className: "p-4" }), r.map((t) => /* @__PURE__ */ b("td", {
+				className: e("text-center p-4", t.popular && "bg-primary/5"),
+				children: /* @__PURE__ */ b(n, {
+					variant: t.buttonVariant || (t.popular ? "default" : "outline"),
+					onClick: t.onSelect,
+					disabled: t.disabled,
+					asChild: !!t.href,
+					children: t.href ? b(a || "a", {
+						href: t.href,
+						children: t.buttonText || "Choisir"
+					}) : t.buttonText || "Choisir"
+				})
+			}, t.id))] })] })]
+		})
+	});
+}
+function D({ title: e = "Questions fréquentes", items: t }) {
+	return /* @__PURE__ */ x("div", {
+		className: "mt-16",
+		children: [/* @__PURE__ */ b("h2", {
+			className: "text-2xl font-bold text-center mb-8",
+			children: e
+		}), /* @__PURE__ */ b("div", {
+			className: "grid md:grid-cols-2 gap-6 max-w-4xl mx-auto",
+			children: t.map((e, t) => /* @__PURE__ */ x("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ b("h3", {
+					className: "font-semibold",
+					children: e.question
+				}), /* @__PURE__ */ b("p", {
+					className: "text-muted-foreground text-sm",
+					children: e.answer
+				})]
+			}, t))
+		})]
+	});
+}
+function O({ title: t = "Tarification", description: n, plans: r, showBillingToggle: i = !0, billingPeriod: a, onBillingPeriodChange: o, yearlyDiscount: s, faq: c, faqTitle: l, layout: u = "cards", columns: d = 3, showComparison: f = !1, className: p, LinkComponent: m }) {
+	let [g, _] = h.useState("monthly"), v = a ?? g, y = (e) => {
+		o ? o(e) : _(e);
+	}, C = {
+		2: "md:grid-cols-2",
+		3: "md:grid-cols-2 lg:grid-cols-3",
+		4: "md:grid-cols-2 lg:grid-cols-4"
+	}, O = h.useMemo(() => ({ LinkComponent: m }), [m]);
+	return /* @__PURE__ */ b(S.Provider, {
+		value: O,
+		children: /* @__PURE__ */ x("div", {
+			className: e("container py-16", p),
+			children: [
+				/* @__PURE__ */ x("div", {
+					className: "text-center mb-12",
+					children: [/* @__PURE__ */ b("h1", {
+						className: "text-3xl md:text-4xl font-bold tracking-tight mb-4",
+						children: t
+					}), n && /* @__PURE__ */ b("p", {
+						className: "text-lg text-muted-foreground max-w-2xl mx-auto",
+						children: n
+					})]
+				}),
+				i && /* @__PURE__ */ b(w, {
+					period: v,
+					onChange: y,
+					yearlyDiscount: s
+				}),
+				u === "cards" && !f ? /* @__PURE__ */ b("div", {
+					className: e("grid gap-6 items-stretch", C[d]),
+					children: r.map((e) => /* @__PURE__ */ b(T, {
+						plan: e,
+						billingPeriod: v
+					}, e.id))
+				}) : /* @__PURE__ */ b(E, {
+					plans: r,
+					billingPeriod: v
+				}),
+				c && c.length > 0 && /* @__PURE__ */ b(D, {
+					title: l,
+					items: c
+				})
+			]
+		})
+	});
+}
+var k = [
+	{
+		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"
+	}
+], A = [
+	{
+		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."
+	}
+];
+//#endregion
+export { O as WakaPricing, O as default, A as defaultPricingFAQ, k as defaultPricingPlans };

package/dist/blocks/profile/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/button/index.cjs.js"),i=require("../../components/card/index.cjs.js"),a=require("../../components/label/index.cjs.js"),o=require("../../components/input/index.cjs.js"),s=require("../../components/select/index.cjs.js"),c=require("../../components/separator/index.cjs.js"),l=require("../../components/tabs/index.cjs.js"),u=require("../../components/textarea/index.cjs.js");let d=require("react");d=e.__toESM(d);let f=require("lucide-react"),p=require("react/jsx-runtime");function m({url:e,name:i,size:a=`lg`,editable:o,onAvatarChange:s}){let c=d.useRef(null),l={sm:`h-12 w-12`,md:`h-16 w-16`,lg:`h-24 w-24`,xl:`h-32 w-32`},u=i.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2);return(0,p.jsxs)(`div`,{className:`relative inline-block`,children:[(0,p.jsxs)(n.Avatar,{className:t.cn(l[a],`border-4 border-background shadow-lg`),children:[(0,p.jsx)(n.AvatarImage,{src:e,alt:i}),(0,p.jsx)(n.AvatarFallback,{className:`text-lg font-medium`,children:u})]}),o&&s&&(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`input`,{ref:c,type:`file`,accept:`image/*`,onChange:e=>{let t=e.target.files?.[0];t&&s&&s(t)},className:`hidden`}),(0,p.jsx)(r.Button,{size:`icon`,variant:`secondary`,className:`absolute bottom-0 right-0 h-8 w-8 rounded-full shadow-md`,onClick:()=>c.current?.click(),children:(0,p.jsx)(f.Camera,{className:`h-4 w-4`})})]})]})}function h({field:e,value:n,onChange:r,isEditing:i}){if(!i)return(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.icon&&(0,p.jsx)(`span`,{className:`text-muted-foreground`,children:e.icon}),(0,p.jsx)(`span`,{className:t.cn(!n&&`text-muted-foreground italic`),children:n||`Non renseigné`})]});let a={id:e.id,value:n||``,onChange:e=>r(e.target.value),placeholder:e.placeholder,disabled:e.disabled};return e.type===`textarea`?(0,p.jsx)(u.Textarea,{...a,rows:3}):e.type===`select`&&e.options?(0,p.jsxs)(s.Select,{value:n,onValueChange:r,disabled:e.disabled,children:[(0,p.jsx)(s.SelectTrigger,{children:(0,p.jsx)(s.SelectValue,{placeholder:e.placeholder||`Sélectionner...`})}),(0,p.jsx)(s.SelectContent,{children:e.options.map(e=>(0,p.jsx)(s.SelectItem,{value:e.value,children:e.label},e.value))})]}):(0,p.jsx)(o.Input,{type:e.type||`text`,...a})}function g({section:e,values:t,onChange:n,isEditing:r}){return(0,p.jsxs)(i.Card,{children:[(0,p.jsx)(i.CardHeader,{children:(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[e.icon&&(0,p.jsx)(`span`,{className:`text-muted-foreground`,children:e.icon}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(i.CardTitle,{className:`text-base`,children:e.title}),e.description&&(0,p.jsx)(i.CardDescription,{children:e.description})]})]})}),(0,p.jsx)(i.CardContent,{className:`space-y-4`,children:e.fields.map((i,o)=>(0,p.jsxs)(d.Fragment,{children:[(0,p.jsxs)(`div`,{className:`space-y-2`,children:[(0,p.jsxs)(a.Label,{htmlFor:i.id,className:`text-sm font-medium`,children:[i.label,i.required&&(0,p.jsx)(`span`,{className:`text-destructive ml-1`,children:`*`})]}),(0,p.jsx)(h,{field:i,value:t[i.id]||``,onChange:e=>n(i.id,e),isEditing:r})]}),o<e.fields.length-1&&r&&(0,p.jsx)(c.Separator,{className:`my-4`})]},i.id))})]})}function _({links:e,isEditing:t}){let n=e=>{switch(e){case`twitter`:return(0,p.jsx)(f.Share2,{className:`h-4 w-4`});case`github`:return(0,p.jsx)(f.Globe,{className:`h-4 w-4`});case`linkedin`:return(0,p.jsx)(f.ExternalLink,{className:`h-4 w-4`});case`website`:return(0,p.jsx)(f.Globe,{className:`h-4 w-4`});default:return(0,p.jsx)(f.Link,{className:`h-4 w-4`})}};return t?(0,p.jsx)(`div`,{className:`space-y-2`,children:e.map(e=>(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[n(e.type),(0,p.jsx)(o.Input,{value:e.url,className:`flex-1`,readOnly:!0})]},e.id))}):(0,p.jsx)(`div`,{className:`flex gap-2 flex-wrap`,children:e.map(e=>(0,p.jsxs)(`a`,{href:e.url,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted rounded-full text-sm hover:bg-muted/80 transition-colors`,children:[n(e.type),(0,p.jsx)(`span`,{children:e.label||e.type})]},e.id))})}function v({profile:e,editable:n=!1,isEditing:a,onEditToggle:o,onChange:s,onSave:u,saving:h=!1,onAvatarChange:v,customSections:y,showSocialLinks:b=!0,showStats:x=!1,stats:S,layout:C=`card`,useTabs:w=!1,className:T}){let[E,D]=d.useState(!1),[O,k]=d.useState(e),A=a??E;d.useEffect(()=>{k(e)},[e]);let j=t=>{o?o(t):D(t),t||k(e)},M=(e,t)=>{k(n=>({...n,[e]:t})),s?.(e,t)},N=async()=>{await u?.(O),j(!1)},P=[{id:`personal`,title:`Informations personnelles`,icon:(0,p.jsx)(f.User,{className:`h-5 w-5`}),fields:[{id:`firstName`,label:`Prénom`,value:O.firstName||``,type:`text`,placeholder:`Jean`,icon:(0,p.jsx)(f.User,{className:`h-4 w-4`})},{id:`lastName`,label:`Nom`,value:O.lastName||``,type:`text`,placeholder:`Dupont`},{id:`email`,label:`Email`,value:O.email,type:`email`,placeholder:`jean@exemple.com`,required:!0,icon:(0,p.jsx)(f.Mail,{className:`h-4 w-4`})},{id:`phone`,label:`Téléphone`,value:O.phone||``,type:`tel`,placeholder:`+33 6 12 34 56 78`,icon:(0,p.jsx)(f.Phone,{className:`h-4 w-4`})},{id:`bio`,label:`Bio`,value:O.bio||``,type:`textarea`,placeholder:`Parlez-nous de vous...`}]},{id:`professional`,title:`Informations professionnelles`,icon:(0,p.jsx)(f.Briefcase,{className:`h-5 w-5`}),fields:[{id:`role`,label:`Poste`,value:O.role||``,type:`text`,placeholder:`Développeur Senior`,icon:(0,p.jsx)(f.Briefcase,{className:`h-4 w-4`})},{id:`department`,label:`Département`,value:O.department||``,type:`text`,placeholder:`Engineering`},{id:`company`,label:`Entreprise`,value:O.company||``,type:`text`,placeholder:`Acme Inc.`,icon:(0,p.jsx)(f.Building,{className:`h-4 w-4`})},{id:`location`,label:`Localisation`,value:O.location||``,type:`text`,placeholder:`Paris, France`,icon:(0,p.jsx)(f.MapPin,{className:`h-4 w-4`})},{id:`website`,label:`Site web`,value:O.website||``,type:`url`,placeholder:`https://exemple.com`,icon:(0,p.jsx)(f.Globe,{className:`h-4 w-4`})}]}],F=y||P,I={firstName:O.firstName||``,lastName:O.lastName||``,email:O.email,phone:O.phone||``,bio:O.bio||``,role:O.role||``,department:O.department||``,company:O.company||``,location:O.location||``,website:O.website||``,...O.customFields};if(C===`compact`)return(0,p.jsxs)(`div`,{className:t.cn(`flex items-center gap-4`,T),children:[(0,p.jsx)(m,{url:O.avatarUrl,name:O.displayName,size:`md`}),(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h3`,{className:`font-semibold`,children:O.displayName}),O.role&&(0,p.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:O.role}),O.email&&(0,p.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:O.email})]})]});let L=()=>(0,p.jsxs)(`div`,{className:`flex flex-col items-center text-center gap-4 md:flex-row md:text-left`,children:[(0,p.jsx)(m,{url:O.avatarUrl,name:O.displayName,size:`xl`,editable:n&&A,onAvatarChange:v}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 md:flex-row md:items-start md:justify-between`,children:[(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`h1`,{className:`text-2xl font-bold`,children:O.displayName}),O.role&&(0,p.jsx)(`p`,{className:`text-muted-foreground`,children:O.role}),O.company&&(0,p.jsxs)(`p`,{className:`text-sm text-muted-foreground flex items-center gap-1`,children:[(0,p.jsx)(f.Building,{className:`h-3 w-3`}),O.company]}),O.location&&(0,p.jsxs)(`p`,{className:`text-sm text-muted-foreground flex items-center gap-1`,children:[(0,p.jsx)(f.MapPin,{className:`h-3 w-3`}),O.location]})]}),n&&(0,p.jsx)(`div`,{className:`flex gap-2`,children:A?(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>j(!1),disabled:h,children:[(0,p.jsx)(f.X,{className:`mr-2 h-4 w-4`}),`Annuler`]}),(0,p.jsxs)(r.Button,{size:`sm`,onClick:N,disabled:h,children:[h?(0,p.jsx)(f.Loader2,{className:`mr-2 h-4 w-4 animate-spin`}):(0,p.jsx)(f.Save,{className:`mr-2 h-4 w-4`}),`Enregistrer`]})]}):(0,p.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>j(!0),children:[(0,p.jsx)(f.Edit3,{className:`mr-2 h-4 w-4`}),`Modifier`]})})]}),x&&S&&S.length>0&&(0,p.jsx)(`div`,{className:`flex gap-6 mt-4`,children:S.map((e,t)=>(0,p.jsxs)(`div`,{className:`text-center`,children:[(0,p.jsx)(`div`,{className:`text-2xl font-bold`,children:e.value}),(0,p.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:e.label})]},t))}),b&&O.socialLinks&&O.socialLinks.length>0&&(0,p.jsx)(`div`,{className:`mt-4`,children:(0,p.jsx)(_,{links:O.socialLinks,isEditing:A})}),O.joinedAt&&(0,p.jsxs)(`p`,{className:`text-xs text-muted-foreground mt-4 flex items-center gap-1`,children:[(0,p.jsx)(f.Calendar,{className:`h-3 w-3`}),`Membre depuis`,` `,new Date(O.joinedAt).toLocaleDateString(`fr-FR`,{month:`long`,year:`numeric`})]})]})]}),R=()=>(0,p.jsx)(`div`,{className:`space-y-6`,children:F.map(e=>(0,p.jsx)(g,{section:e,values:I,onChange:M,isEditing:A},e.id))});return C===`card`?(0,p.jsx)(i.Card,{className:T,children:(0,p.jsx)(i.CardContent,{className:`pt-6`,children:(0,p.jsxs)(`div`,{className:`space-y-6`,children:[L(),(0,p.jsx)(c.Separator,{}),R()]})})}):(0,p.jsxs)(`div`,{className:t.cn(`space-y-6`,T),children:[L(),w?(0,p.jsxs)(l.Tabs,{defaultValue:F[0]?.id,className:`space-y-6`,children:[(0,p.jsx)(l.TabsList,{children:F.map(e=>(0,p.jsxs)(l.TabsTrigger,{value:e.id,className:`gap-2`,children:[e.icon,e.title]},e.id))}),F.map(e=>(0,p.jsx)(l.TabsContent,{value:e.id,children:(0,p.jsx)(g,{section:e,values:I,onChange:M,isEditing:A})},e.id))]}):R()]})}var y={displayName:`Jean Dupont`,firstName:`Jean`,lastName:`Dupont`,email:`jean.dupont@exemple.com`,phone:`+33 6 12 34 56 78`,bio:`Développeur passionné avec plus de 10 ans d'expérience dans le développement web et mobile.`,avatarUrl:``,role:`Lead Developer`,department:`Engineering`,company:`Acme Inc.`,location:`Paris, France`,website:`https://jeandupont.dev`,joinedAt:new Date(`2023-01-15`),socialLinks:[{id:`1`,type:`twitter`,url:`https://twitter.com/jeandupont`,label:`@jeandupont`},{id:`2`,type:`github`,url:`https://github.com/jeandupont`,label:`jeandupont`},{id:`3`,type:`linkedin`,url:`https://linkedin.com/in/jeandupont`,label:`Jean Dupont`}]};exports.WakaProfile=v,exports.default=v,exports.defaultProfileData=y;