https://catakana-orga.vercel.app/assets/index-sYxiiheg.js

1import{j as e,o as t,U as n,bd as o,aD as c,aZ as l,ba as d}from"./ui-CQQ40jiu.js";import{R as p}from"./vendor-BlkMEHpz.js";import{I as s,F as a,a as m,b as x,C as i,H as u,D as h,R as b}from"./RolesGrid-LncvwEdW.js";import"./button-BbBEkwEI.js";import"./sheet-DG25tTJY.js";import"./index-1LJrDA3q.js";import"./input-Bo1KXe1d.js";import"./label-B2XpLFCZ.js";import"./tabs-BbjS73gq.js";import"./dropdown-menu-nwFaIH9H.js";import{S as r}from"./separator-CQdIItqm.js";import"./supabase-BiuJTEsC.js";import"./index-Btb9qTQU.js";import"./forms-C-mJx-_F.js";const T=()=>(p.useEffect(()=>{},[]),e.jsx("div",{className:"min-h-screen bg-background py-8",children:e.jsxs("div",{className:"container mx-auto px-4 max-w-6xl",children:[e.jsxs("div",{className:"text-center mb-12",children:[e.jsx("h1",{className:"text-4xl font-bold mb-4 bg-gradient-to-r from-catakana-purple to-catakana-blue bg-clip-text text-transparent",children:"UI Library Catakana"}),e.jsx("p",{className:"text-lg text-muted-foreground",children:"Documentation et prévisualisation des composants Atomic Design"})]}),e.jsxs("section",{className:"mb-16",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"Architecture Atomic Design"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6",children:[e.jsxs("div",{className:"glass-card p-6 rounded-lg",children:[e.jsx("h3",{className:"text-lg font-semibold mb-3 text-catakana-blue",children:"Atoms"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Éléments de base : IconWrapper, Button primitifs"})]}),e.jsxs("div",{className:"glass-card p-6 rounded-lg",children:[e.jsx("h3",{className:"text-lg font-semibold mb-3 text-catakana-purple",children:"Molecules"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Combinaisons d'atomes : FeatureCard, DirectoryCard, RoleCard, CTACard"})]}),e.jsxs("div",{className:"glass-card p-6 rounded-lg",children:[e.jsx("h3",{className:"text-lg font-semibold mb-3 text-amber-500",children:"Organisms"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Sections complètes : Header, HeroSection, FeaturesGrid, etc."})]})]})]}),e.jsx(r,{}),e.jsxs("section",{className:"mb-16 mt-16",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"⚛️ Atoms"}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"IconWrapper"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-5 gap-4 mb-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s,{icon:t,variant:"catakana-blue",size:"sm"}),e.jsx("p",{className:"text-xs mt-2",children:"Small Blue"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx(s,{icon:n,variant:"catakana-purple",size:"md"}),e.jsx("p",{className:"text-xs mt-2",children:"Medium Purple"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx(s,{icon:o,variant:"amber",size:"lg"}),e.jsx("p",{className:"text-xs mt-2",children:"Large Amber"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx(s,{icon:c,variant:"green",size:"md"}),e.jsx("p",{className:"text-xs mt-2",children:"Medium Green"})]}),e.jsxs("div",{className:"text-center",children:[e.jsx(s,{icon:l,variant:"default",size:"md"}),e.jsx("p",{className:"text-xs mt-2",children:"Default"})]})]})]}),e.jsx(r,{}),e.jsxs("section",{className:"mb-16 mt-16",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"🧬 Molecules"}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"FeatureCard"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8",children:[e.jsx(a,{title:"Profil centralisé",description:"Créez et mettez à jour votre profil exposant une seule fois pour toutes les conventions.",icon:c,variant:"catakana-blue"}),e.jsx(a,{title:"Gestion des éditions",description:"Créez et gérez une ou plusieurs éditions de votre convention en toute simplicité.",icon:t,variant:"catakana-purple"}),e.jsx(a,{title:"Inscription simple",description:"Inscrivez-vous facilement aux missions qui correspondent à vos disponibilités.",icon:d,variant:"amber"})]}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"DirectoryCard"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8",children:[e.jsx(m,{title:"Annuaire des exposants",description:"Découvrez les artistes et créateurs participant aux conventions",icon:n,href:"/exposants",variant:"catakana-blue"}),e.jsx(m,{title:"Annuaire des conventions",description:"Trouvez toutes les conventions passées et à venir en France",icon:t,href:"/conventions",variant:"catakana-purple"})]}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"RoleCard"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6 mb-8",children:[e.jsx(x,{title:"Administrateurs",description:"Accès complet à toutes les fonctionnalités et à la configuration du système.",color:"catakana-purple"}),e.jsx(x,{title:"Exposants",description:"Accès à leur profil, candidatures et documents pour participer aux conventions.",color:"green"})]}),e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"CTACard"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-6 mb-8",children:[e.jsx(i,{title:"Créer un compte exposant",description:"Présentez vos créations et candidatez facilement aux événements qui vous intéressent",icon:o,href:"/login",buttonText:"S'inscrire",variant:"catakana-blue"}),e.jsx(i,{title:"Organiser une convention",description:"Utilisez nos outils professionnels pour créer et gérer votre propre convention",icon:l,href:"/contact",buttonText:"Découvrir",variant:"catakana-purple"}),e.jsx(i,{title:"Proposer mon aide",description:"Inscrivez-vous comme bénévole et participez à l'organisation des conventions",icon:d,href:"/login",buttonText:"Devenir bénévole",variant:"amber"})]})]}),e.jsx(r,{}),e.jsxs("section",{className:"mb-16 mt-16",children:[e.jsx("h2",{className:"text-2xl font-bold mb-6",children:"🦠 Organisms"}),e.jsx("p",{className:"text-muted-foreground mb-8",children:"Les organismes sont des sections complètes composées de molécules et d'atomes. Ils sont utilisés pour construire les pages entières."}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"HeroSection"}),e.jsx("div",{className:"border rounded-lg p-4 bg-muted/20",children:e.jsx(u,{title:"Exemple de Hero Section",subtitle:"Ceci est un exemple de sous-titre pour démonstration"})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"DirectoryBanner"}),e.jsx("div",{className:"border rounded-lg p-4 bg-muted/20",children:e.jsx(h,{})})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold mb-4",children:"RolesGrid"}),e.jsx("div",{className:"border rounded-lg p-4 bg-muted/20",children:e.jsx(b,{})})]})]})]}),e.jsx("div",{className:"text-center mt-16 pt-8 border-t",children:e.jsx("p",{className:"text-muted-foreground",children:"UI Library Catakana • Architecture Atomic Design • React + TypeScript + shadcn/ui"})})]})}));export{T as UILibraryPage,T as default};