@wakastellar/ui 4.0.0 → 4.1.1

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

@@ -0,0 +1,390 @@
+"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, CardHeader as o, CardTitle as s } from "../../components/card/index.es.js";
+import * as c from "react";
+import { ArrowRight as l, ChevronRight as u, Globe as d, Menu as f, Play as p, Shield as m, Star as h, Users as g, X as _, Zap as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/blocks/landing/index.tsx
+var S = c.createContext({});
+function C() {
+	return c.useContext(S);
+}
+function w({ logo: t, brandName: r = "Brand", navItems: i = [], showLoginButton: a = !0, loginButtonText: o = "Se connecter", onLogin: s, loginHref: l }) {
+	let [u, d] = c.useState(!1), { LinkComponent: p } = C(), m = (e, t, n, r) => b(p || "a", {
+		href: e,
+		className: t,
+		onClick: r,
+		children: n
+	});
+	return /* @__PURE__ */ x("nav", {
+		className: "sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+		children: [/* @__PURE__ */ x("div", {
+			className: "container flex h-16 items-center justify-between",
+			children: [
+				m("/", "flex items-center gap-2 font-bold text-xl", /* @__PURE__ */ x(y, { children: [t, /* @__PURE__ */ b("span", { children: r })] })),
+				/* @__PURE__ */ b("div", {
+					className: "hidden md:flex items-center gap-6",
+					children: i.map((t) => m(t.href, e("text-sm font-medium transition-colors hover:text-primary", t.isActive ? "text-primary" : "text-muted-foreground"), t.label))
+				}),
+				/* @__PURE__ */ b("div", {
+					className: "hidden md:flex items-center gap-4",
+					children: a && /* @__PURE__ */ b(n, {
+						variant: "default",
+						onClick: s,
+						asChild: !!l,
+						children: l ? b(p || "a", {
+							href: l,
+							children: o
+						}) : o
+					})
+				}),
+				/* @__PURE__ */ b(n, {
+					variant: "ghost",
+					size: "icon",
+					className: "md:hidden",
+					onClick: () => d(!u),
+					children: b(u ? _ : f, { className: "h-5 w-5" })
+				})
+			]
+		}), u && /* @__PURE__ */ b("div", {
+			className: "md:hidden border-t bg-background p-4",
+			children: /* @__PURE__ */ x("div", {
+				className: "flex flex-col gap-4",
+				children: [i.map((e) => m(e.href, "text-sm font-medium", e.label, () => d(!1))), a && /* @__PURE__ */ b(n, {
+					onClick: s,
+					asChild: !!l,
+					children: l ? b(p || "a", {
+						href: l,
+						children: o
+					}) : o
+				})]
+			})
+		})]
+	});
+}
+function T({ badge: e, title: r, highlightedTitle: i, description: a, primaryButtonText: o = "Commencer", primaryButtonAction: s, primaryButtonHref: c, secondaryButtonText: u, secondaryButtonAction: d, secondaryButtonHref: f, image: m, stats: h }) {
+	let { LinkComponent: g } = C();
+	return /* @__PURE__ */ b("section", {
+		className: "container py-24 md:py-32",
+		children: /* @__PURE__ */ x("div", {
+			className: "flex flex-col lg:flex-row items-center gap-12",
+			children: [/* @__PURE__ */ x("div", {
+				className: "flex-1 text-center lg:text-left",
+				children: [
+					e && /* @__PURE__ */ b(t, {
+						variant: "secondary",
+						className: "mb-4",
+						children: e
+					}),
+					/* @__PURE__ */ x("h1", {
+						className: "text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-6",
+						children: [
+							r,
+							" ",
+							i && /* @__PURE__ */ b("span", {
+								className: "text-primary",
+								children: i
+							})
+						]
+					}),
+					/* @__PURE__ */ b("p", {
+						className: "text-lg md:text-xl text-muted-foreground mb-8 max-w-2xl lg:max-w-none",
+						children: a
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "flex flex-col sm:flex-row gap-4 justify-center lg:justify-start mb-8",
+						children: [/* @__PURE__ */ b(n, {
+							size: "lg",
+							onClick: s,
+							asChild: !!c,
+							children: c ? x(g || "a", {
+								href: c,
+								children: [o, /* @__PURE__ */ b(l, { className: "ml-2 h-4 w-4" })]
+							}) : /* @__PURE__ */ x(y, { children: [o, /* @__PURE__ */ b(l, { className: "ml-2 h-4 w-4" })] })
+						}), u && /* @__PURE__ */ b(n, {
+							size: "lg",
+							variant: "outline",
+							onClick: d,
+							asChild: !!f,
+							children: f ? x(g || "a", {
+								href: f,
+								children: [/* @__PURE__ */ b(p, { className: "mr-2 h-4 w-4" }), u]
+							}) : /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b(p, { className: "mr-2 h-4 w-4" }), u] })
+						})]
+					}),
+					h && h.length > 0 && /* @__PURE__ */ b("div", {
+						className: "flex gap-8 justify-center lg:justify-start",
+						children: h.map((e, t) => /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
+							className: "text-2xl md:text-3xl font-bold",
+							children: e.value
+						}), /* @__PURE__ */ b("div", {
+							className: "text-sm text-muted-foreground",
+							children: e.label
+						})] }, t))
+					})
+				]
+			}), m && /* @__PURE__ */ b("div", {
+				className: "flex-1 w-full lg:w-auto",
+				children: m
+			})]
+		})
+	});
+}
+function E({ title: e = "Fonctionnalités", description: t, features: n }) {
+	return /* @__PURE__ */ x("section", {
+		className: "container py-24 bg-muted/30",
+		children: [/* @__PURE__ */ x("div", {
+			className: "text-center mb-12",
+			children: [/* @__PURE__ */ b("h2", {
+				className: "text-3xl md:text-4xl font-bold tracking-tight mb-4",
+				children: e
+			}), t && /* @__PURE__ */ b("p", {
+				className: "text-lg text-muted-foreground max-w-2xl mx-auto",
+				children: t
+			})]
+		}), /* @__PURE__ */ b("div", {
+			className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6",
+			children: n.map((e) => /* @__PURE__ */ x(r, {
+				className: "bg-background",
+				children: [/* @__PURE__ */ x(o, { children: [/* @__PURE__ */ b("div", {
+					className: "h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center mb-4",
+					children: /* @__PURE__ */ b("span", {
+						className: "text-primary",
+						children: e.icon
+					})
+				}), /* @__PURE__ */ b(s, {
+					className: "text-xl",
+					children: e.title
+				})] }), /* @__PURE__ */ b(i, { children: /* @__PURE__ */ b(a, {
+					className: "text-base",
+					children: e.description
+				}) })]
+			}, e.id))
+		})]
+	});
+}
+function D({ title: t = "Ce que disent nos clients", testimonials: n }) {
+	return /* @__PURE__ */ x("section", {
+		className: "container py-24",
+		children: [/* @__PURE__ */ b("h2", {
+			className: "text-3xl md:text-4xl font-bold tracking-tight text-center mb-12",
+			children: t
+		}), /* @__PURE__ */ b("div", {
+			className: "grid md:grid-cols-2 lg:grid-cols-3 gap-6",
+			children: n.map((t) => /* @__PURE__ */ b(r, { children: /* @__PURE__ */ x(i, {
+				className: "pt-6",
+				children: [
+					t.rating && /* @__PURE__ */ b("div", {
+						className: "flex gap-1 mb-4",
+						children: Array.from({ length: 5 }).map((n, r) => /* @__PURE__ */ b(h, { className: e("h-4 w-4", r < t.rating ? "text-yellow-400 fill-yellow-400" : "text-muted-foreground") }, r))
+					}),
+					/* @__PURE__ */ x("p", {
+						className: "text-muted-foreground mb-6",
+						children: [
+							"\"",
+							t.content,
+							"\""
+						]
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "flex items-center gap-3",
+						children: [t.avatar ? /* @__PURE__ */ b("img", {
+							src: t.avatar,
+							alt: t.author,
+							className: "h-10 w-10 rounded-full object-cover"
+						}) : /* @__PURE__ */ b("div", {
+							className: "h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center",
+							children: /* @__PURE__ */ b("span", {
+								className: "text-sm font-medium text-primary",
+								children: t.author.charAt(0)
+							})
+						}), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("div", {
+							className: "font-medium",
+							children: t.author
+						}), /* @__PURE__ */ x("div", {
+							className: "text-sm text-muted-foreground",
+							children: [t.role, t.company && ` @ ${t.company}`]
+						})] })]
+					})
+				]
+			}) }, t.id))
+		})]
+	});
+}
+function O({ title: t, description: r, buttonText: i, buttonAction: a, buttonHref: o, secondaryButtonText: s, secondaryButtonAction: c, variant: l = "default" }) {
+	let { LinkComponent: d } = C();
+	return /* @__PURE__ */ b("section", {
+		className: e("py-24", {
+			default: "bg-muted/50",
+			gradient: "bg-gradient-to-r from-primary/10 via-primary/5 to-background",
+			dark: "bg-foreground text-background"
+		}[l]),
+		children: /* @__PURE__ */ b("div", {
+			className: "container",
+			children: /* @__PURE__ */ x("div", {
+				className: "text-center max-w-2xl mx-auto",
+				children: [
+					/* @__PURE__ */ b("h2", {
+						className: e("text-3xl md:text-4xl font-bold tracking-tight mb-4", l === "dark" && "text-background"),
+						children: t
+					}),
+					r && /* @__PURE__ */ b("p", {
+						className: e("text-lg mb-8", l === "dark" ? "text-background/80" : "text-muted-foreground"),
+						children: r
+					}),
+					/* @__PURE__ */ x("div", {
+						className: "flex flex-col sm:flex-row gap-4 justify-center",
+						children: [/* @__PURE__ */ b(n, {
+							size: "lg",
+							variant: l === "dark" ? "secondary" : "default",
+							onClick: a,
+							asChild: !!o,
+							children: o ? x(d || "a", {
+								href: o,
+								children: [i, /* @__PURE__ */ b(u, { className: "ml-2 h-4 w-4" })]
+							}) : /* @__PURE__ */ x(y, { children: [i, /* @__PURE__ */ b(u, { className: "ml-2 h-4 w-4" })] })
+						}), s && /* @__PURE__ */ b(n, {
+							size: "lg",
+							variant: "outline",
+							onClick: c,
+							className: l === "dark" ? "border-background/20 text-background hover:bg-background/10" : "",
+							children: s
+						})]
+					})
+				]
+			})
+		})
+	});
+}
+function k({ logo: t, brandName: n = "Brand", navItems: r, showLoginButton: i = !0, loginButtonText: a = "Se connecter", onLogin: o, loginHref: s, hero: l, features: u, featuresTitle: d, featuresDescription: f, testimonials: p, testimonialsTitle: m, cta: h, footer: g, className: _, LinkComponent: v }) {
+	let y = c.useMemo(() => ({ LinkComponent: v }), [v]);
+	return /* @__PURE__ */ b(S.Provider, {
+		value: y,
+		children: /* @__PURE__ */ x("div", {
+			className: e("min-h-screen", _),
+			children: [
+				/* @__PURE__ */ b(w, {
+					logo: t,
+					brandName: n,
+					navItems: r,
+					showLoginButton: i,
+					loginButtonText: a,
+					onLogin: o,
+					loginHref: s
+				}),
+				l && /* @__PURE__ */ b(T, { ...l }),
+				u && u.length > 0 && /* @__PURE__ */ b(E, {
+					title: d,
+					description: f,
+					features: u
+				}),
+				p && p.length > 0 && /* @__PURE__ */ b(D, {
+					title: m,
+					testimonials: p
+				}),
+				h && /* @__PURE__ */ b(O, { ...h }),
+				g
+			]
+		})
+	});
+}
+var A = [
+	{
+		label: "Fonctionnalités",
+		href: "#features"
+	},
+	{
+		label: "Tarifs",
+		href: "#pricing"
+	},
+	{
+		label: "Témoignages",
+		href: "#testimonials"
+	},
+	{
+		label: "Contact",
+		href: "#contact"
+	}
+], j = [
+	{
+		id: "1",
+		icon: /* @__PURE__ */ b(v, { className: "h-6 w-6" }),
+		title: "Rapide et performant",
+		description: "Optimisé pour la vitesse avec des temps de chargement minimaux."
+	},
+	{
+		id: "2",
+		icon: /* @__PURE__ */ b(m, { className: "h-6 w-6" }),
+		title: "Sécurisé",
+		description: "Vos données sont protégées avec un chiffrement de bout en bout."
+	},
+	{
+		id: "3",
+		icon: /* @__PURE__ */ b(g, { className: "h-6 w-6" }),
+		title: "Collaboration",
+		description: "Travaillez en équipe avec des outils de collaboration intégrés."
+	},
+	{
+		id: "4",
+		icon: /* @__PURE__ */ b(d, { className: "h-6 w-6" }),
+		title: "Accessible partout",
+		description: "Accédez à votre espace depuis n'importe quel appareil."
+	}
+], M = [
+	{
+		id: "1",
+		content: "Cette solution a transformé notre façon de travailler. Nous avons gagné un temps précieux.",
+		author: "Marie Dupont",
+		role: "CEO",
+		company: "TechCorp",
+		rating: 5
+	},
+	{
+		id: "2",
+		content: "Interface intuitive et support réactif. Je recommande vivement.",
+		author: "Pierre Martin",
+		role: "CTO",
+		company: "StartupXYZ",
+		rating: 5
+	},
+	{
+		id: "3",
+		content: "Le meilleur outil que nous ayons utilisé pour gérer nos projets.",
+		author: "Sophie Bernard",
+		role: "Product Manager",
+		company: "InnoLab",
+		rating: 5
+	}
+], N = {
+	badge: "Nouveau",
+	title: "La solution pour",
+	highlightedTitle: "votre entreprise",
+	description: "Simplifiez votre quotidien avec notre plateforme tout-en-un. Gagnez du temps et concentrez-vous sur l'essentiel.",
+	primaryButtonText: "Essayer gratuitement",
+	secondaryButtonText: "Voir la démo",
+	stats: [
+		{
+			value: "10K+",
+			label: "Utilisateurs"
+		},
+		{
+			value: "99.9%",
+			label: "Uptime"
+		},
+		{
+			value: "24/7",
+			label: "Support"
+		}
+	]
+}, P = {
+	title: "Prêt à commencer ?",
+	description: "Rejoignez des milliers d'entreprises qui nous font confiance.",
+	buttonText: "Créer un compte gratuit",
+	secondaryButtonText: "Contacter les ventes",
+	variant: "gradient"
+};
+//#endregion
+export { k as WakaLanding, k as default, P as defaultLandingCTA, j as defaultLandingFeatures, N as defaultLandingHero, A as defaultLandingNavItems, M as defaultLandingTestimonials };

package/dist/blocks/language-selector/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"),r=require("../../components/dropdown-menu/index.cjs.js"),i=require("../../components/select/index.cjs.js"),a=require("../../context/language-context.cjs.js");let o=require("react");o=e.__toESM(o);let s=require("lucide-react"),c=require("react/jsx-runtime");function l({variant:e=`dropdown`,showFlags:o=!0,className:l}){let{currentLanguage:u,languages:d,changeLanguage:f,isLoading:p}=a.useLanguage(),m=d.find(e=>e.code===u);return e===`select`?(0,c.jsxs)(i.Select,{value:u,onValueChange:f,disabled:p,children:[(0,c.jsx)(i.SelectTrigger,{className:t.cn(`w-[180px]`,l),children:(0,c.jsxs)(i.SelectValue,{children:[o&&m?.flagEmoji&&(0,c.jsx)(`span`,{className:`mr-2`,children:m.flagEmoji}),m?.label]})}),(0,c.jsx)(i.SelectContent,{children:d.map(e=>(0,c.jsxs)(i.SelectItem,{value:e.code,children:[o&&e.flagEmoji&&(0,c.jsx)(`span`,{className:`mr-2`,children:e.flagEmoji}),e.label]},e.code))})]}):(0,c.jsxs)(r.DropdownMenu,{children:[(0,c.jsx)(r.DropdownMenuTrigger,{asChild:!0,children:(0,c.jsxs)(n.Button,{variant:`outline`,size:`sm`,className:t.cn(`gap-2`,l),disabled:p,children:[(0,c.jsx)(s.Globe,{className:`h-4 w-4`}),o&&m?.flagEmoji&&(0,c.jsx)(`span`,{children:m.flagEmoji}),m?.label]})}),(0,c.jsx)(r.DropdownMenuContent,{align:`end`,children:d.map(e=>(0,c.jsxs)(r.DropdownMenuItem,{onClick:()=>f(e.code),className:`cursor-pointer`,children:[o&&e.flagEmoji&&(0,c.jsx)(`span`,{className:`mr-2`,children:e.flagEmoji}),e.label]},e.code))})]})}exports.LanguageSelector=l;

package/dist/blocks/language-selector/index.es.js

@@ -0,0 +1,57 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../../components/button/index.es.js";
+import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "../../components/dropdown-menu/index.es.js";
+import { Select as o, SelectContent as s, SelectItem as c, SelectTrigger as l, SelectValue as u } from "../../components/select/index.es.js";
+import { useLanguage as d } from "../../context/language-context.es.js";
+import "react";
+import { Globe as f } from "lucide-react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/blocks/language-selector/index.tsx
+function h({ variant: h = "dropdown", showFlags: g = !0, className: _ }) {
+	let { currentLanguage: v, languages: y, changeLanguage: b, isLoading: x } = d(), S = y.find((e) => e.code === v);
+	return h === "select" ? /* @__PURE__ */ m(o, {
+		value: v,
+		onValueChange: b,
+		disabled: x,
+		children: [/* @__PURE__ */ p(l, {
+			className: e("w-[180px]", _),
+			children: /* @__PURE__ */ m(u, { children: [g && S?.flagEmoji && /* @__PURE__ */ p("span", {
+				className: "mr-2",
+				children: S.flagEmoji
+			}), S?.label] })
+		}), /* @__PURE__ */ p(s, { children: y.map((e) => /* @__PURE__ */ m(c, {
+			value: e.code,
+			children: [g && e.flagEmoji && /* @__PURE__ */ p("span", {
+				className: "mr-2",
+				children: e.flagEmoji
+			}), e.label]
+		}, e.code)) })]
+	}) : /* @__PURE__ */ m(n, { children: [/* @__PURE__ */ p(a, {
+		asChild: !0,
+		children: /* @__PURE__ */ m(t, {
+			variant: "outline",
+			size: "sm",
+			className: e("gap-2", _),
+			disabled: x,
+			children: [
+				/* @__PURE__ */ p(f, { className: "h-4 w-4" }),
+				g && S?.flagEmoji && /* @__PURE__ */ p("span", { children: S.flagEmoji }),
+				S?.label
+			]
+		})
+	}), /* @__PURE__ */ p(r, {
+		align: "end",
+		children: y.map((e) => /* @__PURE__ */ m(i, {
+			onClick: () => b(e.code),
+			className: "cursor-pointer",
+			children: [g && e.flagEmoji && /* @__PURE__ */ p("span", {
+				className: "mr-2",
+				children: e.flagEmoji
+			}), e.label]
+		}, e.code))
+	})] });
+}
+//#endregion
+export { h as LanguageSelector };

package/dist/blocks/layout/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"),r=require("../../components/sheet/index.cjs.js");let i=require("react");i=e.__toESM(i);let a=require("lucide-react"),o=require("react/jsx-runtime");function s({children:e,header:s,sidebar:c,footer:l,collapsible:u=!1,className:d}){let[f,p]=i.useState(!1);return(0,o.jsxs)(`div`,{className:t.cn(`min-h-screen bg-background`,d),children:[s&&(0,o.jsx)(`header`,{className:`sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60`,children:(0,o.jsxs)(`div`,{className:`container flex h-14 max-w-screen-2xl items-center`,children:[u&&c&&(0,o.jsxs)(r.Sheet,{open:f,onOpenChange:p,children:[(0,o.jsx)(r.SheetTrigger,{asChild:!0,children:(0,o.jsxs)(n.Button,{variant:`ghost`,size:`icon`,className:`md:hidden`,children:[(0,o.jsx)(a.Menu,{className:`h-5 w-5`}),(0,o.jsx)(`span`,{className:`sr-only`,children:`Ouvrir le menu`})]})}),(0,o.jsx)(r.SheetContent,{side:`left`,className:`w-72 p-0`,children:(0,o.jsxs)(`div`,{className:`flex h-full flex-col`,children:[(0,o.jsxs)(`div`,{className:`flex items-center justify-between p-4`,children:[(0,o.jsx)(`h2`,{className:`text-lg font-semibold`,children:`Navigation`}),(0,o.jsx)(n.Button,{variant:`ghost`,size:`icon`,onClick:()=>p(!1),children:(0,o.jsx)(a.X,{className:`h-4 w-4`})})]}),(0,o.jsx)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:c})]})})]}),s]})}),(0,o.jsxs)(`div`,{className:`flex`,children:[c&&!u&&(0,o.jsx)(`aside`,{className:`hidden w-64 border-r bg-muted/40 md:block`,children:(0,o.jsx)(`div`,{className:`h-full overflow-y-auto p-4`,children:c})}),(0,o.jsx)(`main`,{className:`flex-1`,children:(0,o.jsx)(`div`,{className:`container mx-auto p-4`,children:e})})]}),l&&(0,o.jsx)(`footer`,{className:`border-t bg-muted/40`,children:(0,o.jsx)(`div`,{className:`container mx-auto p-4`,children:l})})]})}exports.Layout=s;

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

@@ -0,0 +1,85 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Button as t } from "../../components/button/index.es.js";
+import { Sheet as n, SheetContent as r, SheetTrigger as i } from "../../components/sheet/index.es.js";
+import * as a from "react";
+import { Menu as o, X as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/blocks/layout/index.tsx
+function u({ children: u, header: d, sidebar: f, footer: p, collapsible: m = !1, className: h }) {
+	let [g, _] = a.useState(!1);
+	return /* @__PURE__ */ l("div", {
+		className: e("min-h-screen bg-background", h),
+		children: [
+			d && /* @__PURE__ */ c("header", {
+				className: "sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+				children: /* @__PURE__ */ l("div", {
+					className: "container flex h-14 max-w-screen-2xl items-center",
+					children: [m && f && /* @__PURE__ */ l(n, {
+						open: g,
+						onOpenChange: _,
+						children: [/* @__PURE__ */ c(i, {
+							asChild: !0,
+							children: /* @__PURE__ */ l(t, {
+								variant: "ghost",
+								size: "icon",
+								className: "md:hidden",
+								children: [/* @__PURE__ */ c(o, { className: "h-5 w-5" }), /* @__PURE__ */ c("span", {
+									className: "sr-only",
+									children: "Ouvrir le menu"
+								})]
+							})
+						}), /* @__PURE__ */ c(r, {
+							side: "left",
+							className: "w-72 p-0",
+							children: /* @__PURE__ */ l("div", {
+								className: "flex h-full flex-col",
+								children: [/* @__PURE__ */ l("div", {
+									className: "flex items-center justify-between p-4",
+									children: [/* @__PURE__ */ c("h2", {
+										className: "text-lg font-semibold",
+										children: "Navigation"
+									}), /* @__PURE__ */ c(t, {
+										variant: "ghost",
+										size: "icon",
+										onClick: () => _(!1),
+										children: /* @__PURE__ */ c(s, { className: "h-4 w-4" })
+									})]
+								}), /* @__PURE__ */ c("div", {
+									className: "flex-1 overflow-y-auto p-4",
+									children: f
+								})]
+							})
+						})]
+					}), d]
+				})
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "flex",
+				children: [f && !m && /* @__PURE__ */ c("aside", {
+					className: "hidden w-64 border-r bg-muted/40 md:block",
+					children: /* @__PURE__ */ c("div", {
+						className: "h-full overflow-y-auto p-4",
+						children: f
+					})
+				}), /* @__PURE__ */ c("main", {
+					className: "flex-1",
+					children: /* @__PURE__ */ c("div", {
+						className: "container mx-auto p-4",
+						children: u
+					})
+				})]
+			}),
+			p && /* @__PURE__ */ c("footer", {
+				className: "border-t bg-muted/40",
+				children: /* @__PURE__ */ c("div", {
+					className: "container mx-auto p-4",
+					children: p
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { u as Layout };

package/dist/blocks/login/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"),r=require("../../components/card/index.cjs.js"),i=require("../../components/label/index.cjs.js"),a=require("../../components/input/index.cjs.js"),o=require("../../components/separator/index.cjs.js"),s=require("../../context/theme-provider.cjs.js");let c=require("react");c=e.__toESM(c);let l=require("lucide-react"),u=require("react/jsx-runtime");function d({config:e,onSubmit:d,onForgotPassword:f,onSignUp:p,onSSOGoogle:m,onSSOMicrosoft:h,onSSOApple:g,onSSOLinkedIn:_,onSSOGlobe:v,onSSOUsers:y,onSSOCamera:b,onSSOFranceConnect:x,showSocialLogin:S=!1,className:C}){let w=!1;try{w=s.useTheme().isDarkMode}catch{}let T=e?.theme_json?.dark_mode??w,[E,D]=c.useState({email:``,password:``,rememberMe:!1}),[O,k]=c.useState(!1),A=c.useMemo(()=>e?.assets?T?e.assets.theme_logo_dark:e.assets.theme_logo_light:null,[e?.assets,T]),j=c.useMemo(()=>e?.color_json?{"--login-primary":e.color_json.primary,"--login-secondary":e.color_json.secondary,"--login-accent":e.color_json.accent}:{},[e?.color_json]),M=c.useMemo(()=>{let t=[];if(!e?.signup_options)return S&&(v&&t.push({id:`github`,label:`GitHub`,icon:(0,u.jsx)(l.Globe,{className:`h-4 w-4`}),onClick:v}),m&&t.push({id:`google`,label:`Google`,icon:(0,u.jsx)(l.Mail,{className:`h-4 w-4`}),onClick:m})),t;let n=e.signup_options;return n.allow_sso_google&&t.push({id:`google`,label:`Google`,icon:(0,u.jsx)(l.Mail,{className:`h-4 w-4`}),onClick:m}),n.allow_sso_microsoft&&t.push({id:`microsoft`,label:`Microsoft`,icon:(0,u.jsx)(l.Mail,{className:`h-4 w-4`}),onClick:h}),n.allow_sso_apple&&t.push({id:`apple`,label:`Apple`,icon:(0,u.jsx)(l.Apple,{className:`h-4 w-4`}),onClick:g}),n.allow_sso_linkedIn&&t.push({id:`linkedin`,label:`LinkedIn`,icon:(0,u.jsx)(l.ExternalLink,{className:`h-4 w-4`}),onClick:_}),n.allow_sso_github&&t.push({id:`github`,label:`GitHub`,icon:(0,u.jsx)(l.Globe,{className:`h-4 w-4`}),onClick:v}),n.allow_sso_facebook&&t.push({id:`facebook`,label:`Users`,icon:(0,u.jsx)(l.Users,{className:`h-4 w-4`}),onClick:y}),n.allow_sso_instagram&&t.push({id:`instagram`,label:`Camera`,icon:(0,u.jsx)(l.Camera,{className:`h-4 w-4`}),onClick:b}),n.allow_sso_france_connect&&t.push({id:`france-connect`,label:`France Connect`,icon:(0,u.jsx)(l.Mail,{className:`h-4 w-4`}),onClick:x}),t},[e?.signup_options,S,m,h,g,_,v,y,b,x]),N=e?.signup_options?.allow_login!==!1,P=async e=>{e.preventDefault(),k(!0);try{await d?.(E)}finally{k(!1)}},F=e=>t=>{D(n=>({...n,[e]:e===`rememberMe`?t.target.checked:t.target.value}))};return(0,u.jsx)(`div`,{className:t.cn(`flex items-center justify-center p-4`,C),style:j,children:(0,u.jsxs)(r.Card,{className:`w-full max-w-md`,children:[(0,u.jsxs)(r.CardHeader,{className:`space-y-1`,children:[A&&(0,u.jsx)(`div`,{className:`flex justify-center mb-4`,children:(0,u.jsx)(`img`,{src:A,alt:e?.theme_json?.name||`Logo`,className:`max-h-16 max-w-full object-contain`})}),(0,u.jsx)(r.CardTitle,{className:`text-2xl text-center`,children:`Connexion`}),(0,u.jsx)(r.CardDescription,{className:`text-center`,children:`Entrez vos identifiants pour accéder à votre compte`})]}),(0,u.jsxs)(r.CardContent,{className:`space-y-4`,children:[M.length>0&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`div`,{className:t.cn(`grid gap-4`,M.length===1?`grid-cols-1`:`grid-cols-2`),children:M.map(e=>(0,u.jsxs)(n.Button,{variant:`outline`,className:`w-full`,onClick:e.onClick,type:`button`,children:[e.icon,e.label]},e.id))}),N&&(0,u.jsxs)(`div`,{className:`relative`,children:[(0,u.jsx)(`div`,{className:`absolute inset-0 flex items-center`,children:(0,u.jsx)(o.Separator,{className:`w-full`})}),(0,u.jsx)(`div`,{className:`relative flex justify-center text-xs uppercase`,children:(0,u.jsx)(`span`,{className:`bg-background px-2 text-muted-foreground`,children:`Ou continuez avec`})})]})]}),N&&(0,u.jsxs)(`form`,{onSubmit:P,className:`space-y-4`,children:[(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(i.Label,{htmlFor:`email`,children:`Email`}),(0,u.jsx)(a.Input,{id:`email`,type:`email`,placeholder:`votre@email.com`,value:E.email,onChange:F(`email`),required:!0})]}),(0,u.jsxs)(`div`,{className:`space-y-2`,children:[(0,u.jsx)(i.Label,{htmlFor:`password`,children:`Mot de passe`}),(0,u.jsx)(a.Input,{id:`password`,type:`password`,placeholder:`••••••••`,value:E.password,onChange:F(`password`),required:!0})]}),(0,u.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,u.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,u.jsx)(`input`,{id:`remember`,type:`checkbox`,checked:E.rememberMe,onChange:F(`rememberMe`),className:`h-4 w-4 rounded border-gray-300`}),(0,u.jsx)(i.Label,{htmlFor:`remember`,className:`text-sm`,children:`Se souvenir de moi`})]}),f&&(0,u.jsx)(n.Button,{type:`button`,variant:`link`,className:`px-0 text-sm`,onClick:f,children:`Mot de passe oublié ?`})]}),(0,u.jsx)(n.Button,{type:`submit`,className:`w-full`,disabled:O,style:e?.color_json?.primary?{backgroundColor:e.color_json.primary,color:e.color_json.secondary}:void 0,children:O?`Connexion...`:`Se connecter`})]}),p&&(0,u.jsxs)(`div`,{className:`text-center text-sm`,children:[(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:`Pas encore de compte ? `}),(0,u.jsx)(n.Button,{type:`button`,variant:`link`,className:`px-0 text-sm`,onClick:p,children:`S'inscrire`})]}),e?.waka_powered&&(0,u.jsx)(`div`,{className:`text-center text-xs text-muted-foreground mt-4 pt-4 border-t`,children:`Powered by Waka`})]})]})})}exports.Login=d;