2 lines
13 KiB
JavaScript
2 lines
13 KiB
JavaScript
|
import{j as e}from"./vendor-react-BHG7lGYR.js";import{f as l,B as a,s as t,I as i,P as c}from"./index-BWcMVITa.js";import{I as s}from"./input-BGBI2Wze.js";import"./vendor-IYr-MHu4.js";import"./vendor-router-D-s5vIeO.js";import"./vendor-tanstack-BzWBL1hV.js";import"./vendor-utils-CgOSfOkx.js";import"./vendor-icons-DaGlTw4_.js";function N(){return e.jsx("div",{className:"min-h-screen bg-kodo-void text-kodo-primary p-8",children:e.jsxs("div",{className:"max-w-6xl mx-auto space-y-12",children:[e.jsxs("header",{className:"text-center space-y-4",children:[e.jsx("h1",{className:"text-5xl font-display font-bold text-white",children:"Kōdō Design System"}),e.jsx("p",{className:"text-xl text-kodo-secondary",children:"Spectre Astral • Premium Components"})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsx("h2",{className:"text-3xl font-heading font-bold text-white border-b border-kodo-steel pb-2",children:"Buttons"}),e.jsxs("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:[e.jsx(l,{variant:"primary",children:"Primary"}),e.jsx(l,{variant:"secondary",children:"Secondary"}),e.jsx(l,{variant:"ghost",children:"Ghost"}),e.jsx(l,{variant:"gaming",children:"Premium"}),e.jsx(l,{variant:"terminal",children:"Terminal"}),e.jsx(l,{variant:"nature",children:"Success"}),e.jsx(l,{variant:"primary",size:"sm",children:"Small"}),e.jsx(l,{variant:"primary",size:"lg",children:"Large"})]})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsx("h2",{className:"text-3xl font-heading font-bold text-white border-b border-kodo-steel pb-2",children:"Design System Button Variants (Visual Test)"}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold text-white mb-4",children:"Variants"}),e.jsxs("div",{className:"flex flex-wrap gap-4",children:[e.jsx(a,{variant:"default",children:"Default"}),e.jsx(a,{variant:"destructive",children:"Destructive"}),e.jsx(a,{variant:"outline",children:"Outline"}),e.jsx(a,{variant:"secondary",children:"Secondary"}),e.jsx(a,{variant:"ghost",children:"Ghost"})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold text-white mb-4",children:"Sizes"}),e.jsxs("div",{className:"flex flex-wrap items-center gap-4",children:[e.jsx(a,{variant:"default",size:"sm",children:"Small"}),e.jsx(a,{variant:"default",size:"default",children:"Default"}),e.jsx(a,{variant:"default",size:"lg",children:"Large"}),e.jsx(a,{variant:"default",size:"icon",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})})]})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold text-white mb-4",children:"All Variants × All Sizes"}),e.jsx("div",{className:"space-y-4",children:["default","destructive","outline","secondary","ghost"].map(d=>e.jsxs("div",{className:"flex flex-wrap items-center gap-4",children:[e.jsxs("span",{className:"text-sm text-kodo-secondary w-24 capitalize",children:[d,":"]}),e.jsx(a,{variant:d,size:"sm",children:"sm"}),e.jsx(a,{variant:d,size:"default",children:"default"}),e.jsx(a,{variant:d,size:"lg",children:"lg"}),e.jsx(a,{variant:d,size:"icon",children:e.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})})]},d))})]}),e.jsxs("div",{children:[e.jsx("h3",{className:"text-xl font-semibold text-white mb-4",children:"States"}),e.jsxs("div",{className:"flex flex-wrap gap-4",children:[e.jsx(a,{variant:"default",children:"Normal"}),e.jsx(a,{variant:"default",disabled:!0,children:"Disabled"}),e.jsx(a,{variant:"outline",children:"Normal"}),e.jsx(a,{variant:"outline",disabled:!0,children:"Disabled"})]})]})]})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsx("h2",{className:"text-3xl font-heading font-bold text-white border-b border-kodo-steel pb-2",children:"Cards"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 l
|