@sudobility/components 2.0.3 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +23 -28
- package/dist/index.umd.js +2 -2
- package/dist/ui/dropdown.d.ts +1 -0
- package/dist/ui/dropdown.d.ts.map +1 -1
- package/package.json +7 -29
package/dist/index.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(i,K){typeof exports=="object"&&typeof module<"u"?K(exports,require("clsx"),require("tailwind-merge"),require("react"),require("react/jsx-runtime"),require("web-vitals"),require("@heroicons/react/24/outline"),require("@radix-ui/react-slot"),require("class-variance-authority"),require("@radix-ui/react-label"),require("@radix-ui/react-select"),require("lucide-react"),require("@radix-ui/react-switch"),require("@radix-ui/react-tabs"),require("react-router-dom"),require("react-dom"),require("react-share"),require("react-i18next"),require("@heroicons/react/24/solid"),require("react-helmet-async")):typeof define=="function"&&define.amd?define(["exports","clsx","tailwind-merge","react","react/jsx-runtime","web-vitals","@heroicons/react/24/outline","@radix-ui/react-slot","class-variance-authority","@radix-ui/react-label","@radix-ui/react-select","lucide-react","@radix-ui/react-switch","@radix-ui/react-tabs","react-router-dom","react-dom","react-share","react-i18next","@heroicons/react/24/solid","react-helmet-async"],K):(i=typeof globalThis<"u"?globalThis:i||self,K(i.MailBoxComponents={},i.clsx,i.tailwindMerge,i.React,i.ReactJSXRuntime,i.WebVitals,i.HeroiconsOutline,i.RadixSlot,i.cva,i.RadixLabel,i.RadixSelect,i.LucideReact,i.RadixSwitch,i.RadixTabs,i.ReactRouterDOM,i.ReactDOM,i.ReactShare,i.ReactI18next,i.HeroiconsSolid,i.ReactHelmetAsync))})(this,(function(i,K,nt,b,a,R,v,Sr,I,it,Nr,ce,Ee,V,ge,Er,z,st,ue,$r){"use strict";function lt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const T=lt(b),P=lt(Nr);function h(...t){return nt.twMerge(K.clsx(t))}const y={blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7c3aed",800:"#6b21a8",900:"#581c87",950:"#3b0764"},neutral:{0:"#ffffff",50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},web3:{ethereum:{light:"#627eea",DEFAULT:"#627eea",dark:"#4c63d2"},solana:{light:"#9945ff",DEFAULT:"#9945ff",dark:"#7d37d9"},polygon:{light:"#8247e5",DEFAULT:"#8247e5",dark:"#6a3bc0"},bitcoin:{light:"#f7931a",DEFAULT:"#f7931a",dark:"#e07f00"},binance:{light:"#f3ba2f",DEFAULT:"#f3ba2f",dark:"#d4a423"},cardano:{light:"#0033ad",DEFAULT:"#0033ad",dark:"#002488"},avalanche:{light:"#e84142",DEFAULT:"#e84142",dark:"#d1383a"},fantom:{light:"#1969ff",DEFAULT:"#1969ff",dark:"#0052ff"},arbitrum:{light:"#2d374b",DEFAULT:"#2d374b",dark:"#1e2532"},optimism:{light:"#ff0420",DEFAULT:"#ff0420",dark:"#e6031c"},chainlink:{light:"#375bd2",DEFAULT:"#375bd2",dark:"#2d4bb5"},cosmos:{light:"#2e3148",DEFAULT:"#2e3148",dark:"#1f2030"},polkadot:{light:"#e6007a",DEFAULT:"#e6007a",dark:"#cc006e"}}},Ir={text:{primary:{light:y.neutral[900],dark:y.neutral[0]},secondary:{light:y.neutral[600],dark:y.neutral[400]},tertiary:{light:y.neutral[500],dark:y.neutral[500]},disabled:{light:y.neutral[400],dark:y.neutral[600]},inverse:{light:y.neutral[0],dark:y.neutral[900]},link:{light:y.blue[600],dark:y.blue[400]},linkHover:{light:y.blue[700],dark:y.blue[300]}},background:{primary:{light:y.neutral[0],dark:y.neutral[900]},secondary:{light:y.neutral[50],dark:y.neutral[800]},tertiary:{light:y.neutral[100],dark:y.neutral[700]},elevated:{light:y.neutral[0],dark:y.neutral[800]},overlay:{light:"rgba(0, 0, 0, 0.5)",dark:"rgba(0, 0, 0, 0.7)"},page:{light:y.neutral[50],dark:y.neutral[950]}},border:{primary:{light:y.neutral[200],dark:y.neutral[700]},secondary:{light:y.neutral[100],dark:y.neutral[800]},focus:{light:y.blue[500],dark:y.blue[400]},error:{light:y.red[300],dark:y.red[700]}},brand:{primary:{light:y.blue[600],dark:y.blue[500]},primaryHover:{light:y.blue[700],dark:y.blue[400]},secondary:{light:y.purple[600],dark:y.purple[500]},secondaryHover:{light:y.purple[700],dark:y.purple[400]}},state:{success:{light:y.green[600],dark:y.green[500]},successBg:{light:y.green[100],dark:`${y.green[900]}/30`},successText:{light:y.green[700],dark:y.green[300]},warning:{light:y.amber[500],dark:y.amber[400]},warningBg:{light:y.amber[100],dark:`${y.amber[900]}/30`},warningText:{light:y.amber[700],dark:y.amber[300]},error:{light:y.red[600],dark:y.red[500]},errorBg:{light:y.red[100],dark:`${y.red[900]}/30`},errorText:{light:y.red[700],dark:y.red[300]},info:{light:y.blue[600],dark:y.blue[500]},infoBg:{light:y.blue[100],dark:`${y.blue[900]}/30`},infoText:{light:y.blue[700],dark:y.blue[300]},selected:{light:y.blue[100],dark:`${y.blue[900]}/30`}},action:{primary:{light:y.blue[600],dark:y.blue[600]},primaryHover:{light:y.blue[700],dark:y.blue[700]},secondary:{light:y.neutral[100],dark:y.neutral[800]},danger:{light:y.red[600],dark:y.red[600]}},web3:{ethereum:{light:y.web3.ethereum.light,dark:y.web3.ethereum.dark},ethereumBg:{light:`${y.blue[100]}`,dark:`${y.blue[900]}/30`},solana:{light:y.web3.solana.light,dark:y.web3.solana.dark},solanaBg:{light:`${y.purple[100]}`,dark:`${y.purple[900]}/30`},polygon:{light:y.web3.polygon.light,dark:y.web3.polygon.dark},polygonBg:{light:`${y.purple[50]}`,dark:`${y.purple[900]}/20`},bitcoin:{light:y.web3.bitcoin.light,dark:y.web3.bitcoin.dark},bitcoinBg:{light:`${y.orange[100]}`,dark:`${y.orange[900]}/30`},binance:{light:y.web3.binance.light,dark:y.web3.binance.dark},binanceBg:{light:`${y.amber[100]}`,dark:`${y.amber[900]}/30`},cardano:{light:y.web3.cardano.light,dark:y.web3.cardano.dark},cardanoBg:{light:`${y.blue[50]}`,dark:`${y.blue[900]}/20`},avalanche:{light:y.web3.avalanche.light,dark:y.web3.avalanche.dark},avalancheBg:{light:`${y.red[100]}`,dark:`${y.red[900]}/30`},arbitrum:{light:y.web3.arbitrum.light,dark:y.web3.arbitrum.dark},arbitrumBg:{light:`${y.neutral[100]}`,dark:`${y.neutral[800]}/50`},optimism:{light:y.web3.optimism.light,dark:y.web3.optimism.dark},optimismBg:{light:`${y.red[50]}`,dark:`${y.red[900]}/20`}}},dt={button:{primary:{base:"bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white border-transparent",dark:"dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white",focus:"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 dark:focus-visible:ring-blue-400",disabled:"disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-blue-600"},secondary:{base:"bg-gray-100 hover:bg-gray-200 active:bg-gray-300 text-gray-900 border-transparent",dark:"dark:bg-gray-800 dark:hover:bg-gray-700 dark:active:bg-gray-600 dark:text-gray-50",focus:"focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},outline:{base:"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border-gray-300",dark:"dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600",focus:"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},ghost:{base:"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent",dark:"dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300",focus:"focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},destructive:{base:"bg-red-600 hover:bg-red-700 active:bg-red-800 text-white border-transparent",dark:"dark:bg-red-600 dark:hover:bg-red-700 dark:active:bg-red-800 dark:text-white",focus:"focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},success:{base:"bg-green-600 hover:bg-green-700 active:bg-green-800 text-white border-transparent",dark:"dark:bg-green-600 dark:hover:bg-green-700 dark:active:bg-green-800 dark:text-white",focus:"focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},link:{base:"bg-transparent hover:bg-transparent active:bg-transparent text-blue-600 border-transparent underline-offset-4 hover:underline",dark:"dark:text-blue-400",focus:"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed disabled:no-underline"},gradient:{primary:"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white border-transparent shadow-lg hover:shadow-xl",secondary:"bg-gradient-to-r from-gray-100 to-gray-200 hover:from-gray-200 hover:to-gray-300 text-gray-900 border-transparent",success:"bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white border-transparent"}},card:{default:{base:"bg-white border-gray-200",dark:"dark:bg-gray-800 dark:border-gray-700",hover:"hover:shadow-md transition-shadow duration-200"},elevated:{base:"bg-white shadow-sm border-gray-200",dark:"dark:bg-gray-800 dark:border-gray-700",hover:"hover:shadow-lg transition-shadow duration-200"},interactive:{base:"bg-white border-gray-200 cursor-pointer",dark:"dark:bg-gray-800 dark:border-gray-700",hover:"hover:bg-gray-50 hover:shadow-md dark:hover:bg-gray-700 transition-all duration-200",focus:"focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"},success:{base:"bg-green-50 border-green-200",dark:"dark:bg-green-900/20 dark:border-green-800",text:"text-green-800 dark:text-green-200"},warning:{base:"bg-amber-50 border-amber-200",dark:"dark:bg-amber-900/20 dark:border-amber-800",text:"text-amber-800 dark:text-amber-200"},error:{base:"bg-red-50 border-red-200",dark:"dark:bg-red-900/20 dark:border-red-800",text:"text-red-800 dark:text-red-200"}},badge:{default:{base:"bg-gray-100 text-gray-800",dark:"dark:bg-gray-800 dark:text-gray-300"},primary:{base:"bg-blue-100 text-blue-800",dark:"dark:bg-blue-900/30 dark:text-blue-300"},success:{base:"bg-green-100 text-green-800",dark:"dark:bg-green-900/30 dark:text-green-300"},warning:{base:"bg-amber-100 text-amber-800",dark:"dark:bg-amber-900/30 dark:text-amber-300"},error:{base:"bg-red-100 text-red-800",dark:"dark:bg-red-900/30 dark:text-red-300"},ethereum:{base:"bg-blue-100 text-blue-800",dark:"dark:bg-blue-900/30 dark:text-blue-300"},solana:{base:"bg-purple-100 text-purple-800",dark:"dark:bg-purple-900/30 dark:text-purple-300"},polygon:{base:"bg-purple-50 text-purple-800",dark:"dark:bg-purple-900/20 dark:text-purple-300"},bitcoin:{base:"bg-orange-100 text-orange-800",dark:"dark:bg-orange-900/30 dark:text-orange-300"},binance:{base:"bg-amber-100 text-amber-800",dark:"dark:bg-amber-900/30 dark:text-amber-300"},cardano:{base:"bg-blue-50 text-blue-900",dark:"dark:bg-blue-900/20 dark:text-blue-200"},avalanche:{base:"bg-red-100 text-red-800",dark:"dark:bg-red-900/30 dark:text-red-300"},arbitrum:{base:"bg-gray-100 text-gray-800",dark:"dark:bg-gray-800/50 dark:text-gray-300"},optimism:{base:"bg-red-50 text-red-900",dark:"dark:bg-red-900/20 dark:text-red-200"}},input:{default:{base:"bg-white border-gray-300 text-gray-900 placeholder:text-gray-500",dark:"dark:bg-gray-900 dark:border-gray-600 dark:text-gray-100 dark:placeholder:text-gray-400",focus:"focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-400 dark:focus:border-blue-400",error:"border-red-300 focus:border-red-500 focus:ring-red-500 dark:border-red-700"},search:{base:"bg-gray-50 border-gray-200 text-gray-900 placeholder:text-gray-500",dark:"dark:bg-gray-800 dark:border-gray-700 dark:text-gray-100 dark:placeholder:text-gray-400",focus:"focus:bg-white focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:bg-gray-900"}},alert:{info:{base:"bg-blue-50 border-blue-200 text-blue-800",dark:"dark:bg-blue-900/20 dark:border-blue-800 dark:text-blue-200",icon:"text-blue-600 dark:text-blue-400"},success:{base:"bg-green-50 border-green-200 text-green-800",dark:"dark:bg-green-900/20 dark:border-green-800 dark:text-green-200",icon:"text-green-600 dark:text-green-400"},warning:{base:"bg-amber-50 border-amber-200 text-amber-800",dark:"dark:bg-amber-900/20 dark:border-amber-800 dark:text-amber-200",icon:"text-amber-600 dark:text-amber-400"},error:{base:"bg-red-50 border-red-200 text-red-800",dark:"dark:bg-red-900/20 dark:border-red-800 dark:text-red-200",icon:"text-red-600 dark:text-red-400"}}},Ar=(t,e,r=["focus"])=>{const o=dt[t][e];return o?[o.base,o.dark,...r.map(n=>o[n]).filter(Boolean)].join(" "):(console.warn(`Color variant '${e}' not found for component '${t}'`),"")},Pr=(t,e,r,o)=>{const n=[`bg-${t}`,`text-${e}`];return r&&n.push(`border-${r}`),o?.hover&&(o.hover.background&&n.push(`hover:bg-${o.hover.background}`),o.hover.text&&n.push(`hover:text-${o.hover.text}`),o.hover.border&&n.push(`hover:border-${o.hover.border}`)),o?.focus?.ring&&n.push(`focus:ring-2 focus:ring-${o.focus.ring}`),o?.dark&&(o.dark.background&&n.push(`dark:bg-${o.dark.background}`),o.dark.text&&n.push(`dark:text-${o.dark.text}`),o.dark.border&&n.push(`dark:border-${o.dark.border}`)),n.join(" ")},$e={raw:y,semantic:Ir,component:dt,utils:{getColorClasses:Ar,buildColorClass:Pr}},g={spacing:{xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8","2xl":"p-12","3xl":"p-16","4xl":"p-20","5xl":"p-24"},margin:{xs:"m-1",sm:"m-2",md:"m-4",lg:"m-6",xl:"m-8","2xl":"m-12","3xl":"m-16","4xl":"m-20","5xl":"m-24"},padding:{xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8","2xl":"p-12","3xl":"p-16"},gap:{xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12","3xl":"gap-16"},radius:{none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},shadow:{none:"shadow-none",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg",xl:"shadow-xl","2xl":"shadow-2xl"},typography:{family:{sans:"font-sans",serif:"font-serif",mono:"font-mono",display:"font-sans",body:"font-sans"},size:{micro:"text-[10px]",xs:"text-xs",sm:"text-sm",base:"text-base",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl","6xl":"text-6xl","7xl":"text-7xl","8xl":"text-8xl","9xl":"text-9xl"},semantic:{caption:"text-xs",small:"text-sm",body:"text-base",bodyLarge:"text-lg",subheading:"text-xl",h6:"text-base",h5:"text-lg",h4:"text-xl",h3:"text-2xl",h2:"text-3xl",h1:"text-4xl",display:"text-6xl",hero:"text-8xl"},weight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",body:"font-normal",emphasis:"font-medium",strong:"font-semibold",heading:"font-bold",display:"font-extrabold"},style:{normal:"not-italic",italic:"italic",oblique:"italic"},decoration:{none:"no-underline",underline:"underline",overline:"overline",lineThrough:"line-through"},decorationStyle:{solid:"decoration-solid",double:"decoration-double",dotted:"decoration-dotted",dashed:"decoration-dashed",wavy:"decoration-wavy"},decorationThickness:{auto:"decoration-auto",fromFont:"decoration-from-font",thin:"decoration-1",medium:"decoration-2",thick:"decoration-4"},underlineOffset:{auto:"underline-offset-auto",small:"underline-offset-1",medium:"underline-offset-2",large:"underline-offset-4",xl:"underline-offset-8"},leading:{none:"leading-none",tight:"leading-tight",snug:"leading-snug",normal:"leading-normal",relaxed:"leading-relaxed",loose:"leading-loose",heading:"leading-tight",body:"leading-relaxed",caption:"leading-normal",display:"leading-none"},tracking:{tighter:"tracking-tighter",tight:"tracking-tight",normal:"tracking-normal",wide:"tracking-wide",wider:"tracking-wider",widest:"tracking-widest",heading:"tracking-tight",body:"tracking-normal",caption:"tracking-normal",button:"tracking-wide",uppercase:"tracking-wider"},transform:{none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},align:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify",start:"text-start",end:"text-end"},verticalAlign:{baseline:"align-baseline",top:"align-top",middle:"align-middle",bottom:"align-bottom",textTop:"align-text-top",textBottom:"align-text-bottom",sub:"align-sub",super:"align-super"},whitespace:{normal:"whitespace-normal",nowrap:"whitespace-nowrap",pre:"whitespace-pre",preLine:"whitespace-pre-line",preWrap:"whitespace-pre-wrap",break:"whitespace-break-spaces"},wordBreak:{normal:"break-normal",words:"break-words",all:"break-all",keep:"break-keep"},overflow:{clip:"text-clip",ellipsis:"text-ellipsis"},indent:{none:"indent-0",sm:"indent-1",md:"indent-4",lg:"indent-8"}},animation:{none:"duration-0",fastest:"duration-75",fast:"duration-150",normal:"duration-200",slow:"duration-300",slower:"duration-500",slowest:"duration-700"},ease:{linear:"ease-linear",in:"ease-in",out:"ease-out",inOut:"ease-in-out"},zIndex:{auto:"z-auto",base:"z-0",docked:"z-10",dropdown:"z-20",sticky:"z-30",banner:"z-40",overlay:"z-50",modal:"z-60",popover:"z-70",skipLink:"z-80",toast:"z-90",tooltip:"z-100"},breakpoints:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},grid:{cols1:"grid-cols-1",cols2:"grid-cols-2",cols3:"grid-cols-3",cols4:"grid-cols-4",cols5:"grid-cols-5",cols6:"grid-cols-6",cols12:"grid-cols-12"},gridResponsive:{responsive2:"grid-cols-1 md:grid-cols-2",responsive3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",responsive4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4",responsive6:"grid-cols-2 md:grid-cols-3 lg:grid-cols-6"},flex:{center:"flex items-center justify-center",between:"flex items-center justify-between",start:"flex items-center justify-start",end:"flex items-center justify-end",col:"flex flex-col",colCenter:"flex flex-col items-center justify-center",wrap:"flex flex-wrap"},width:{full:"w-full",screen:"w-screen",auto:"w-auto",fit:"w-fit",container:"w-full max-w-7xl mx-auto",containerSm:"w-full max-w-3xl mx-auto",containerLg:"w-full max-w-full mx-auto"},height:{full:"h-full",screen:"h-screen",auto:"h-auto",fit:"h-fit",min:"min-h-0",minScreen:"min-h-screen"}},E={heading:{display:{hero:()=>`${g.typography.family.display} ${g.typography.semantic.hero} ${g.typography.weight.display} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,xl:()=>`${g.typography.family.display} text-7xl ${g.typography.weight.display} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,lg:()=>`${g.typography.family.display} text-6xl ${g.typography.weight.bold} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,md:()=>`${g.typography.family.display} text-5xl ${g.typography.weight.bold} ${g.typography.leading.tight} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,sm:()=>`${g.typography.family.display} text-4xl ${g.typography.weight.bold} ${g.typography.leading.tight} ${g.typography.tracking.heading} text-gray-900 dark:text-white`},h1:()=>`${g.typography.family.sans} ${g.typography.semantic.h1} ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h2:()=>`${g.typography.family.sans} ${g.typography.semantic.h2} ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h3:()=>`${g.typography.family.sans} ${g.typography.semantic.h3} ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h4:()=>`${g.typography.family.sans} ${g.typography.semantic.h4} ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h5:()=>`${g.typography.family.sans} ${g.typography.semantic.h5} ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h6:()=>`${g.typography.family.sans} ${g.typography.semantic.h6} ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,responsive:{h1:()=>`${g.typography.family.sans} text-2xl sm:text-3xl md:text-4xl lg:text-5xl ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h2:()=>`${g.typography.family.sans} text-xl sm:text-2xl md:text-3xl lg:text-4xl ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h3:()=>`${g.typography.family.sans} text-lg sm:text-xl md:text-2xl lg:text-3xl ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,display:()=>`${g.typography.family.display} text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl ${g.typography.weight.display} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`}},body:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,xs:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,strong:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`},emphasis:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`},muted:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`}},caption:{default:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.body} ${g.typography.leading.caption} ${g.typography.tracking.caption} text-gray-500 dark:text-gray-500`,emphasis:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.emphasis} ${g.typography.leading.caption} ${g.typography.tracking.caption} text-gray-600 dark:text-gray-400`,uppercase:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.emphasis} ${g.typography.leading.caption} ${g.typography.tracking.uppercase} ${g.typography.transform.uppercase} text-gray-500 dark:text-gray-500`},lead:{lg:()=>`${g.typography.family.body} text-xl ${g.typography.weight.body} ${g.typography.leading.relaxed} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,md:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.body} ${g.typography.leading.relaxed} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.relaxed} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`},link:{default:()=>`${g.typography.decoration.underline} ${g.typography.underlineOffset.medium} text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors duration-150`,subtle:()=>`${g.typography.decoration.none} text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 hover:${g.typography.decoration.underline} hover:${g.typography.underlineOffset.medium} transition-all duration-150`,muted:()=>`${g.typography.decoration.underline} ${g.typography.underlineOffset.medium} text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors duration-150`,external:()=>`${g.typography.decoration.underline} ${g.typography.underlineOffset.medium} text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors duration-150 inline-flex items-center gap-1`},code:{inline:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.medium} px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100`,block:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.body} ${g.typography.leading.relaxed} p-4 rounded-lg bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100 overflow-x-auto`,small:()=>`${g.typography.family.mono} text-xs ${g.typography.weight.medium} px-1 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100`},label:{default:()=>`${g.typography.family.body} text-sm ${g.typography.weight.emphasis} text-gray-900 dark:text-white`,required:()=>`${g.typography.family.body} text-sm ${g.typography.weight.emphasis} text-gray-900 dark:text-white after:content-['*'] after:ml-0.5 after:text-red-500`,optional:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-gray-600 dark:text-gray-400`,helper:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-gray-500 dark:text-gray-500`,error:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-red-600 dark:text-red-400`,success:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-green-600 dark:text-green-400`},web3:{address:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.body} text-gray-900 dark:text-white break-all`,addressShort:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.body} text-gray-900 dark:text-white`,hash:()=>`${g.typography.family.mono} text-xs ${g.typography.weight.body} text-gray-500 dark:text-gray-500 break-all`,amount:()=>`${g.typography.family.mono} text-base ${g.typography.weight.emphasis} text-gray-900 dark:text-white`,chain:()=>`${g.typography.family.body} text-sm ${g.typography.weight.emphasis} text-gray-900 dark:text-white`,symbol:()=>`${g.typography.family.body} text-sm ${g.typography.weight.bold} ${g.typography.transform.uppercase} text-gray-900 dark:text-white`},truncate:{line:()=>`${g.typography.overflow.ellipsis} ${g.typography.whitespace.nowrap} overflow-hidden`,lines2:()=>"line-clamp-2",lines3:()=>"line-clamp-3",lines4:()=>"line-clamp-4"},selection:{default:()=>"selection:bg-blue-200 dark:selection:bg-blue-800 selection:text-blue-900 dark:selection:text-blue-100",brand:()=>"selection:bg-purple-200 dark:selection:bg-purple-800 selection:text-purple-900 dark:selection:text-purple-100"}},C={button:{primary:{default:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8",large:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center rounded-md px-6 py-3 text-base font-medium transition-colors duration-200 h-12",withIcon:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",fullWidth:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 flex items-center justify-center w-full rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"},secondary:{default:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8",large:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center rounded-md px-6 py-3 text-base font-medium transition-colors duration-200 h-12",withIcon:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"},outline:{default:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8",large:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center rounded-md px-6 py-3 text-base font-medium transition-colors duration-200 h-12",withIcon:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"},destructive:{default:()=>"bg-red-600 text-white hover:bg-red-700 active:bg-red-800 border-transparent focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-red-600 dark:hover:bg-red-700 dark:active:bg-red-800 dark:text-white inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",outline:()=>"bg-transparent hover:bg-red-50 active:bg-red-100 text-red-600 border border-red-300 focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:hover:bg-red-900/20 dark:text-red-400 dark:border-red-800 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-red-600 text-white hover:bg-red-700 active:bg-red-800 border-transparent focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-red-600 dark:hover:bg-red-700 dark:active:bg-red-800 dark:text-white inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8"},ghost:{default:()=>"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300 inline-flex items-center justify-center rounded-md px-2 py-1 text-xs font-medium transition-colors duration-200 h-8",icon:()=>"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300 inline-flex items-center justify-center rounded-md p-2 transition-colors duration-200 h-10 w-10"},link:{default:()=>"bg-transparent hover:bg-transparent active:bg-transparent text-blue-600 border-transparent underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed disabled:no-underline dark:text-blue-400 inline-flex items-center justify-center rounded-md px-0 py-0 text-sm font-medium transition-colors duration-200",muted:()=>"bg-transparent hover:bg-transparent active:bg-transparent text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 border-transparent underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed disabled:no-underline inline-flex items-center justify-center rounded-md px-0 py-0 text-sm font-medium transition-colors duration-200"},gradient:{primary:()=>"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white border-transparent shadow-lg hover:shadow-xl focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all duration-200",secondary:()=>"bg-gradient-to-r from-gray-100 to-gray-200 hover:from-gray-200 hover:to-gray-300 text-gray-900 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all duration-200",success:()=>"bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white border-transparent shadow-lg hover:shadow-xl focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all duration-200"},web3:{wallet:()=>"bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",connect:()=>"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white border-transparent shadow-lg hover:shadow-xl focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-all duration-200",disconnect:()=>"bg-transparent hover:bg-red-50 active:bg-red-100 text-red-600 border border-red-300 focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:hover:bg-red-900/20 dark:text-red-400 dark:border-red-800 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"}},card:{default:{base:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg",padded:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-6",interactive:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-6 transition-all duration-200 hover:shadow-md cursor-pointer"},elevated:{base:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm",padded:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm p-6",interactive:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm p-6 transition-all duration-200 hover:shadow-lg cursor-pointer"},state:{success:()=>"bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800 text-green-800 dark:text-green-200 rounded-lg border p-4",warning:()=>"bg-amber-50 border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 text-amber-800 dark:text-amber-200 rounded-lg border p-4",error:()=>"bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800 text-red-800 dark:text-red-200 rounded-lg border p-4",info:()=>"bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800 text-blue-800 dark:text-blue-200 rounded-lg border p-4"}},badge:{default:()=>"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",primary:()=>"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",success:()=>"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",warning:()=>"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",error:()=>"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",ethereum:()=>"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",solana:()=>"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",small:(t="default")=>{const e={default:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300",primary:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",warning:"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",error:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300"};return`${e[t]||e.default} inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium`},large:(t="default")=>{const e={default:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300",primary:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",warning:"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",error:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300"};return`${e[t]||e.default} inline-flex items-center px-3 py-1 rounded-full text-sm font-medium`}},input:{default:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",search:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",error:()=>"bg-white dark:bg-gray-900 border-red-300 dark:border-red-700 text-gray-900 dark:text-gray-100 focus:border-red-500 focus:ring-red-500 block w-full rounded-md px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",small:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-2 py-1.5 text-xs placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",large:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-4 py-3 text-base placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",withIcon:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md pl-10 pr-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2"},alert:{info:()=>"bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800 text-blue-800 dark:text-blue-200 rounded-md border p-4 flex items-start gap-3",success:()=>"bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800 text-green-800 dark:text-green-200 rounded-md border p-4 flex items-start gap-3",warning:()=>"bg-amber-50 border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 text-amber-800 dark:text-amber-200 rounded-md border p-4 flex items-start gap-3",error:()=>"bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800 text-red-800 dark:text-red-200 rounded-md border p-4 flex items-start gap-3",compact:{info:()=>"bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800 text-blue-800 dark:text-blue-200 rounded border px-3 py-2 text-sm",success:()=>"bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800 text-green-800 dark:text-green-200 rounded border px-3 py-2 text-sm",warning:()=>"bg-amber-50 border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 text-amber-800 dark:text-amber-200 rounded border px-3 py-2 text-sm",error:()=>"bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800 text-red-800 dark:text-red-200 rounded border px-3 py-2 text-sm"}},loading:{spinner:{default:()=>"animate-spin rounded-full border-2 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-5 h-5",small:()=>"animate-spin rounded-full border-2 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-4 h-4",large:()=>"animate-spin rounded-full border-2 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-8 h-8",extraLarge:()=>"animate-spin rounded-full border-4 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-16 h-16",white:()=>"animate-spin rounded-full border-2 border-white/30 border-t-white w-5 h-5",success:()=>"animate-spin rounded-full border-2 border-green-200 border-t-green-600 dark:border-green-700 dark:border-t-green-400 w-5 h-5",warning:()=>"animate-spin rounded-full border-2 border-amber-200 border-t-amber-600 dark:border-amber-700 dark:border-t-amber-400 w-5 h-5",error:()=>"animate-spin rounded-full border-2 border-red-200 border-t-red-600 dark:border-red-700 dark:border-t-red-400 w-5 h-5"},state:{default:()=>"flex flex-col items-center justify-center py-8 px-4",fullScreen:()=>"flex flex-col items-center justify-center min-h-screen bg-white dark:bg-gray-900",inline:()=>"inline-flex items-center gap-2",center:()=>"flex items-center justify-center"},button:{default:()=>"inline-flex items-center gap-2 opacity-70 cursor-wait pointer-events-none",primary:()=>"bg-blue-600 text-white hover:bg-blue-700 inline-flex items-center gap-2 opacity-70 cursor-wait pointer-events-none px-4 py-2 rounded-md text-sm font-medium",secondary:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 inline-flex items-center gap-2 opacity-70 cursor-wait pointer-events-none px-4 py-2 rounded-md text-sm font-medium dark:bg-gray-800 dark:text-gray-50"},skeleton:{default:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded",text:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded h-4",title:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded h-6",avatar:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-full w-10 h-10",card:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-lg h-32"},progress:{bar:()=>"w-full bg-gray-200 rounded-full h-2 dark:bg-gray-700",fill:()=>"bg-blue-600 h-2 rounded-full transition-all duration-300",indeterminate:()=>"w-full bg-gray-200 rounded-full h-2 dark:bg-gray-700 overflow-hidden relative before:absolute before:inset-0 before:bg-blue-600 before:rounded-full before:animate-pulse"},dots:{default:()=>"flex space-x-1 justify-center items-center",dot:()=>"w-2 h-2 bg-blue-600 dark:bg-blue-400 rounded-full animate-pulse",dotStaggered:(t=0)=>`w-2 h-2 bg-blue-600 dark:bg-blue-400 rounded-full animate-pulse animation-delay-${t}`}},modal:{overlay:{default:()=>"fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4",dark:()=>"fixed inset-0 bg-black/70 backdrop-blur-sm z-50 flex items-center justify-center p-4",light:()=>"fixed inset-0 bg-black/30 backdrop-blur-sm z-50 flex items-center justify-center p-4"},container:{default:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden",small:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-sm",medium:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-md",large:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-2xl",extraLarge:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-4xl",fullScreen:()=>"bg-white dark:bg-gray-800 shadow-xl border border-gray-200 dark:border-gray-700 w-full h-full overflow-hidden"},header:{default:()=>"px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between",centered:()=>"px-6 py-4 border-b border-gray-200 dark:border-gray-700 text-center",minimal:()=>"px-6 py-4 flex items-center justify-between"},content:{default:()=>"px-6 py-4 overflow-y-auto flex-1",padded:()=>"px-6 py-6 overflow-y-auto flex-1",compact:()=>"px-4 py-3 overflow-y-auto flex-1",scrollable:()=>"px-6 py-4 overflow-y-auto flex-1 max-h-96"},footer:{default:()=>"px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-end gap-3",centered:()=>"px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-center gap-3",spaceBetween:()=>"px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-between",minimal:()=>"px-6 py-4 flex items-center justify-end gap-3"},close:{default:()=>"text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200 p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700",subtle:()=>"text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200",prominent:()=>"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors duration-200 p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 border border-gray-200 dark:border-gray-600"},web3:{wallet:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-md",transaction:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-lg",confirmation:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-sm"},animation:{fadeIn:()=>"animate-in fade-in-0 duration-200",slideIn:()=>"animate-in fade-in-0 zoom-in-95 duration-200",slideUp:()=>"animate-in fade-in-0 slide-in-from-bottom-4 duration-200",fadeOut:()=>"animate-out fade-out-0 duration-150",slideOut:()=>"animate-out fade-out-0 zoom-out-95 duration-150"}},navigation:{breadcrumb:{container:()=>"flex items-center justify-between text-sm",list:()=>"flex items-center space-x-1",item:()=>"flex items-center",separator:()=>"h-4 w-4 text-gray-400 dark:text-gray-500 mx-2 flex-shrink-0",link:()=>"flex items-center text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:rounded-sm",current:()=>"flex items-center text-gray-900 dark:text-white font-medium",home:()=>"h-4 w-4 mr-1 flex-shrink-0"},tabs:{root:()=>"",list:()=>"inline-flex h-10 items-center justify-center rounded-md bg-gray-100 dark:bg-gray-800 p-1 text-gray-500 dark:text-gray-400",listUnderlined:()=>"flex border-b border-gray-200 dark:border-gray-700",listPills:()=>"flex space-x-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-1",trigger:()=>"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-gray-950 data-[state=active]:shadow-sm dark:ring-offset-gray-950 dark:focus-visible:ring-blue-400 dark:data-[state=active]:bg-gray-950 dark:data-[state=active]:text-gray-50",triggerUnderlined:()=>"inline-flex items-center justify-center whitespace-nowrap px-4 py-2 text-sm font-medium text-gray-500 dark:text-gray-400 border-b-2 border-transparent hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-blue-600 focus:border-blue-600 dark:focus:text-blue-400 dark:focus:border-blue-400 data-[state=active]:text-blue-600 data-[state=active]:border-blue-600 dark:data-[state=active]:text-blue-400 dark:data-[state=active]:border-blue-400 transition-colors",triggerPills:()=>"inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-white dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 data-[state=active]:bg-white data-[state=active]:text-gray-900 data-[state=active]:shadow-sm dark:data-[state=active]:bg-gray-700 dark:data-[state=active]:text-gray-100 transition-all",content:()=>"mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 dark:ring-offset-gray-950 dark:focus-visible:ring-blue-400"},menu:{trigger:()=>"inline-flex items-center justify-center whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors",content:()=>"z-50 min-w-[12rem] overflow-hidden rounded-md border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-1 text-gray-900 dark:text-gray-100 shadow-lg",item:()=>"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none focus:bg-gray-100 focus:text-gray-900 dark:focus:bg-gray-700 dark:focus:text-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",separator:()=>"-mx-1 my-1 h-px bg-gray-200 dark:bg-gray-700",label:()=>"px-2 py-1.5 text-sm font-semibold text-gray-900 dark:text-gray-100",shortcut:()=>"ml-auto text-xs tracking-widest text-gray-500 dark:text-gray-400"},pagination:{container:()=>"flex items-center justify-between border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 px-4 py-3 sm:px-6",info:()=>"flex flex-1 justify-between sm:hidden",nav:()=>"hidden sm:flex sm:flex-1 sm:items-center sm:justify-between",results:()=>"text-sm text-gray-700 dark:text-gray-300",buttons:()=>"relative z-0 inline-flex rounded-md shadow-sm -space-x-px",button:()=>"relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 focus:z-10 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 transition-colors",buttonActive:()=>"relative inline-flex items-center px-4 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 border border-blue-300 dark:border-blue-700 z-10",buttonFirst:()=>"rounded-l-md",buttonLast:()=>"rounded-r-md",mobileButton:()=>"relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-md transition-colors"},sidebar:{container:()=>"flex flex-col h-full bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700",nav:()=>"flex-1 px-4 py-6 space-y-1",item:()=>"group flex items-center px-3 py-2 text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",itemActive:()=>"group flex items-center px-3 py-2 text-sm font-medium rounded-md bg-blue-100 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 border-r-2 border-blue-500",icon:()=>"mr-3 h-5 w-5 flex-shrink-0 text-gray-400 group-hover:text-gray-500 dark:text-gray-500 dark:group-hover:text-gray-400",iconActive:()=>"mr-3 h-5 w-5 flex-shrink-0 text-blue-500 dark:text-blue-400"},steps:{container:()=>"flex items-center justify-center",list:()=>"flex items-center space-x-4",step:()=>"flex items-center space-x-2",circle:()=>"flex items-center justify-center w-8 h-8 rounded-full border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 text-sm font-medium",circleActive:()=>"flex items-center justify-center w-8 h-8 rounded-full border-2 border-blue-600 dark:border-blue-400 bg-blue-600 dark:bg-blue-400 text-white text-sm font-medium",circleCompleted:()=>"flex items-center justify-center w-8 h-8 rounded-full border-2 border-green-600 dark:border-green-400 bg-green-600 dark:bg-green-400 text-white text-sm font-medium",label:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",labelInactive:()=>"text-sm font-medium text-gray-500 dark:text-gray-400",connector:()=>"w-12 h-px bg-gray-300 dark:bg-gray-600",connectorActive:()=>"w-12 h-px bg-blue-600 dark:bg-blue-400"}},dataDisplay:{table:{container:()=>"w-full overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",wrapper:()=>"overflow-x-auto",table:()=>"min-w-full divide-y divide-gray-200 dark:divide-gray-700",thead:()=>"bg-gray-50 dark:bg-gray-800",tbody:()=>"bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700",tfoot:()=>"bg-gray-50 dark:bg-gray-800",tr:()=>"hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors",trSelected:()=>"bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30",th:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",thSortable:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:text-gray-700 dark:hover:text-gray-200 transition-colors",td:()=>"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100",tdCompact:()=>"px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100"},list:{container:()=>"bg-white dark:bg-gray-900 shadow overflow-hidden rounded-lg",ul:()=>"divide-y divide-gray-200 dark:divide-gray-700",li:()=>"px-4 py-4 sm:px-6 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors",liActive:()=>"px-4 py-4 sm:px-6 bg-blue-50 dark:bg-blue-900/20 border-l-4 border-blue-500",emailItem:()=>"flex items-center px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer transition-colors",emailItemRead:()=>"flex items-center px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer transition-colors opacity-60",emailItemSelected:()=>"flex items-center px-4 py-3 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 cursor-pointer"},grid:{container:()=>"grid gap-4",twoColumn:()=>"grid grid-cols-1 md:grid-cols-2 gap-4",threeColumn:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",fourColumn:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",autoFit:()=>"grid grid-cols-[repeat(auto-fit,minmax(250px,1fr))] gap-4"},keyValue:{container:()=>"bg-white dark:bg-gray-900 shadow overflow-hidden rounded-lg",list:()=>"divide-y divide-gray-200 dark:divide-gray-700",row:()=>"px-4 py-4 sm:px-6 sm:grid sm:grid-cols-3 sm:gap-4",key:()=>"text-sm font-medium text-gray-500 dark:text-gray-400",value:()=>"mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2",inline:()=>"flex items-center space-x-2",inlineKey:()=>"text-sm font-medium text-gray-500 dark:text-gray-400",inlineValue:()=>"text-sm text-gray-900 dark:text-gray-100"},code:{inline:()=>"font-mono text-sm text-pink-600 dark:text-pink-400 bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded",block:()=>"font-mono text-sm text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto",address:()=>"font-mono text-sm text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 px-2 py-1 rounded select-all",hash:()=>"font-mono text-sm text-purple-600 dark:text-purple-400 bg-purple-50 dark:bg-purple-900/20 px-2 py-1 rounded select-all",keyword:()=>"text-purple-600 dark:text-purple-400",string:()=>"text-green-600 dark:text-green-400",number:()=>"text-blue-600 dark:text-blue-400",comment:()=>"text-gray-500 dark:text-gray-500 italic"},stats:{container:()=>"bg-white dark:bg-gray-900 overflow-hidden shadow rounded-lg",grid:()=>"grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-gray-200 dark:divide-gray-700",item:()=>"px-4 py-5 sm:p-6",label:()=>"text-sm font-medium text-gray-500 dark:text-gray-400 truncate",value:()=>"mt-1 text-3xl font-semibold text-gray-900 dark:text-gray-100",change:()=>"mt-2 flex items-center text-sm",changePositive:()=>"text-green-600 dark:text-green-400",changeNegative:()=>"text-red-600 dark:text-red-400"},empty:{container:()=>"text-center py-12",icon:()=>"mx-auto h-12 w-12 text-gray-400",title:()=>"mt-2 text-sm font-medium text-gray-900 dark:text-gray-100",description:()=>"mt-1 text-sm text-gray-500 dark:text-gray-400",action:()=>"mt-6"},timeline:{container:()=>"flow-root",list:()=>"-mb-8",item:()=>"relative pb-8",itemLast:()=>"relative",connector:()=>"absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200 dark:bg-gray-700",dot:()=>"relative flex h-8 w-8 items-center justify-center rounded-full bg-white dark:bg-gray-800 ring-8 ring-white dark:ring-gray-900",dotActive:()=>"bg-blue-600 dark:bg-blue-400",dotComplete:()=>"bg-green-600 dark:bg-green-400",content:()=>"ml-12 flex flex-col",time:()=>"text-xs text-gray-500 dark:text-gray-400",title:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",description:()=>"mt-1 text-sm text-gray-500 dark:text-gray-400"}},formsAdvanced:{wizard:{container:()=>"w-full",steps:()=>"flex items-center justify-between mb-8",step:()=>"flex flex-col items-center",stepCircle:()=>"w-10 h-10 rounded-full flex items-center justify-center text-sm font-medium border-2 transition-all",stepCompleted:()=>"bg-green-100 border-green-500 text-green-700 dark:bg-green-900/30 dark:border-green-400 dark:text-green-300",stepCurrent:()=>"bg-blue-100 border-blue-500 text-blue-700 dark:bg-blue-900/30 dark:border-blue-400 dark:text-blue-300",stepInactive:()=>"bg-gray-100 border-gray-300 text-gray-500 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400",stepContent:()=>"mt-2 text-center",stepTitle:()=>"text-sm font-medium",stepDescription:()=>"text-xs text-gray-500 dark:text-gray-400 mt-1",connector:()=>"flex-1 h-px bg-gray-200 dark:bg-gray-700 mt-5",connectorCompleted:()=>"flex-1 h-px bg-green-300 dark:bg-green-600 mt-5"},fileUpload:{dropzone:()=>"border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-8 text-center transition-colors hover:border-gray-400 dark:hover:border-gray-500 cursor-pointer",dropzoneActive:()=>"border-blue-400 bg-blue-50 dark:bg-blue-900/20 dark:border-blue-500",dropzoneError:()=>"border-red-400 bg-red-50 dark:bg-red-900/20 dark:border-red-500",icon:()=>"h-12 w-12 text-gray-400 mx-auto mb-4",text:()=>"text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",subtext:()=>"text-sm text-gray-500 dark:text-gray-400 mb-4",button:()=>"inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer transition-colors",input:()=>"sr-only",fileList:()=>"mt-6 space-y-2",fileItem:()=>"flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg",fileIcon:()=>"w-8 h-8 bg-blue-100 dark:bg-blue-900 rounded flex items-center justify-center mr-3",fileName:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",fileSize:()=>"text-xs text-gray-500 dark:text-gray-400",removeButton:()=>"p-1 text-gray-400 hover:text-red-500 transition-colors"},web3:{container:()=>"space-y-2",label:()=>"text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 flex items-center",labelIcon:()=>"h-4 w-4 inline mr-1",inputGroup:()=>"flex rounded-md shadow-sm",tokenInput:()=>"rounded-r-none font-mono",tokenSymbol:()=>"inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-500 dark:text-gray-400 text-sm font-medium",balance:()=>"text-sm text-gray-500 dark:text-gray-400",balanceActions:()=>"flex space-x-2",maxButton:()=>"text-xs",addressInput:()=>"font-mono text-sm",addressValid:()=>"border-green-300 dark:border-green-600 pr-10",addressInvalid:()=>"border-red-300 dark:border-red-600 pr-10",gasSettings:()=>"grid grid-cols-3 gap-2",gasOption:()=>"p-2 text-center border rounded-md transition-colors cursor-pointer",gasOptionActive:()=>"border-blue-300 bg-blue-50 dark:border-blue-600 dark:bg-blue-900/20",gasOptionInactive:()=>"border-gray-300 dark:border-gray-600 hover:border-gray-400 dark:hover:border-gray-500"},validation:{container:()=>"space-y-1",label:()=>"text-sm font-medium text-gray-700 dark:text-gray-300",input:()=>"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:text-gray-100",inputSuccess:()=>"border-green-300 dark:border-green-600 focus:border-green-500 focus:ring-green-500 pr-10",inputError:()=>"border-red-300 dark:border-red-600 focus:border-red-500 focus:ring-red-500 pr-10",inputWarning:()=>"border-yellow-300 dark:border-yellow-600 focus:border-yellow-500 focus:ring-yellow-500 pr-10",successIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500",errorIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-red-500",warningIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-yellow-500",loadingIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 animate-spin text-blue-600",successMessage:()=>"text-xs text-green-600 dark:text-green-400",errorMessage:()=>"text-xs text-red-600 dark:text-red-400",warningMessage:()=>"text-xs text-yellow-600 dark:text-yellow-400",helpMessage:()=>"text-xs text-gray-500 dark:text-gray-400",requirements:()=>"space-y-1 mt-2",requirement:()=>"flex items-center text-xs",requirementMet:()=>"text-green-600 dark:text-green-400",requirementUnmet:()=>"text-gray-500 dark:text-gray-400",requirementIcon:()=>"h-3 w-3 mr-1"},layout:{section:()=>"space-y-6",sectionTitle:()=>"text-lg font-medium text-gray-900 dark:text-gray-100",sectionDescription:()=>"text-sm text-gray-500 dark:text-gray-400",fieldGroup:()=>"space-y-4",fieldRow:()=>"grid grid-cols-1 md:grid-cols-2 gap-4",fieldColumn:()=>"space-y-4",actions:()=>"flex justify-between pt-6 border-t border-gray-200 dark:border-gray-700",actionsRight:()=>"flex justify-end space-x-4 pt-6 border-t border-gray-200 dark:border-gray-700",actionsCenter:()=>"flex justify-center space-x-4 pt-6 border-t border-gray-200 dark:border-gray-700"},security:{container:()=>"relative",input:()=>"font-mono",toggleButton:()=>"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-200",strengthMeter:()=>"mt-2 h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden",strengthBar:()=>"h-full transition-all duration-300",strengthWeak:()=>"bg-red-500 w-1/4",strengthMedium:()=>"bg-yellow-500 w-1/2",strengthStrong:()=>"bg-green-500 w-3/4",strengthVeryStrong:()=>"bg-green-600 w-full"},conditional:{container:()=>"space-y-4",trigger:()=>"flex items-center space-x-2",content:()=>"ml-6 mt-4 pl-4 border-l-2 border-gray-200 dark:border-gray-700 space-y-4",contentVisible:()=>"opacity-100 max-h-none",contentHidden:()=>"opacity-0 max-h-0 overflow-hidden"}},notifications:{toast:{container:()=>"fixed top-4 right-4 z-50 max-w-sm w-full transform transition-all duration-300 ease-out",content:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg p-4",wrapper:()=>"flex items-start space-x-3",icon:()=>"flex-shrink-0 mt-0.5",successIcon:()=>"h-5 w-5 text-green-500",errorIcon:()=>"h-5 w-5 text-red-500",warningIcon:()=>"h-5 w-5 text-yellow-500",infoIcon:()=>"h-5 w-5 text-blue-500",text:()=>"flex-1 min-w-0",title:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",message:()=>"mt-1 text-sm text-gray-500 dark:text-gray-400",action:()=>"mt-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 cursor-pointer",closeButton:()=>"ml-4 flex-shrink-0 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 cursor-pointer",success:()=>"border-green-200 dark:border-green-800 bg-green-50 dark:bg-green-900/20",error:()=>"border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-900/20",warning:()=>"border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20",info:()=>"border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20"},progress:{container:()=>"w-full",content:()=>"flex items-center justify-between mb-2",text:()=>"flex-1 min-w-0 mr-4",title:()=>"text-sm font-medium text-gray-700 dark:text-gray-300",message:()=>"text-xs text-gray-500 dark:text-gray-400 mt-1",bar:()=>"w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2 overflow-hidden",fill:()=>"h-full bg-blue-600 rounded-full transition-all duration-300",fillSuccess:()=>"h-full bg-green-600 rounded-full transition-all duration-300",fillError:()=>"h-full bg-red-600 rounded-full transition-all duration-300",fillWarning:()=>"h-full bg-yellow-600 rounded-full transition-all duration-300",percentage:()=>"text-sm text-gray-500 dark:text-gray-400 ml-2 flex-shrink-0",circle:()=>"relative w-8 h-8",circleTrack:()=>"absolute inset-0 rounded-full border-2 border-gray-200 dark:border-gray-700",circleFill:()=>"absolute inset-0 rounded-full border-2 border-transparent transition-all duration-300",spinner:()=>"animate-spin rounded-full border-2 border-transparent",spinnerPrimary:()=>"border-t-blue-600 border-r-blue-600",spinnerSuccess:()=>"border-t-green-600 border-r-green-600",spinnerError:()=>"border-t-red-600 border-r-red-600",spinnerWarning:()=>"border-t-yellow-600 border-r-yellow-600"},transaction:{container:()=>"border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-white dark:bg-gray-800",wrapper:()=>"flex items-start space-x-3",icon:()=>"w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0",iconPending:()=>"bg-yellow-100 dark:bg-yellow-900/30 text-yellow-600 dark:text-yellow-400",iconConfirming:()=>"bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400",iconConfirmed:()=>"bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400",iconFailed:()=>"bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400",content:()=>"flex-1 min-w-0",header:()=>"flex items-center justify-between mb-1",type:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",status:()=>"px-2 py-1 text-xs rounded-full font-medium",statusPending:()=>"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300",statusConfirming:()=>"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",statusConfirmed:()=>"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",statusFailed:()=>"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",details:()=>"text-xs text-gray-500 dark:text-gray-400 mt-1",hash:()=>"font-mono text-xs text-gray-500 dark:text-gray-400",amount:()=>"text-sm text-gray-600 dark:text-gray-400 ml-2",confirmations:()=>"mt-2 text-xs text-gray-500 dark:text-gray-400",confirmationBar:()=>"w-full bg-gray-200 dark:bg-gray-700 rounded-full h-1.5 mt-1",confirmationProgress:()=>"h-1.5 bg-blue-600 rounded-full transition-all duration-300"},status:{indicator:()=>"flex items-center space-x-2",dot:()=>"w-3 h-3 rounded-full flex-shrink-0",text:()=>"text-sm font-medium",online:()=>"text-green-700 dark:text-green-300",onlineDot:()=>"bg-green-500",degraded:()=>"text-yellow-700 dark:text-yellow-300",degradedDot:()=>"bg-yellow-500",offline:()=>"text-red-700 dark:text-red-300",offlineDot:()=>"bg-red-500",pulse:()=>"animate-pulse",connection:()=>"flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg",connectionLabel:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",connectionDescription:()=>"text-xs text-gray-500 dark:text-gray-400",connectionStatus:()=>"px-2 py-1 text-xs rounded-full font-medium"},badge:{container:()=>"relative inline-block",badge:()=>"absolute -top-1 -right-1 text-white text-xs rounded-full flex items-center justify-center font-medium",small:()=>"h-3 w-3 text-xs",medium:()=>"h-4 w-4 text-xs",large:()=>"h-5 w-5 text-xs",primary:()=>"bg-blue-500",success:()=>"bg-green-500",error:()=>"bg-red-500",warning:()=>"bg-yellow-500",dot:()=>"w-2 h-2 rounded-full animate-pulse",count:()=>"min-w-[1rem] px-1",countOverflow:()=>"min-w-[1.25rem] px-1"},feedback:{container:()=>"p-3 rounded-lg border",content:()=>"flex items-start",icon:()=>"flex-shrink-0 mr-2 mt-0.5",text:()=>"flex-1 min-w-0",title:()=>"text-sm font-medium",message:()=>"text-sm mt-1",action:()=>"ml-auto flex-shrink-0",success:()=>"bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800",successIcon:()=>"h-4 w-4 text-green-600 dark:text-green-400",successTitle:()=>"text-green-800 dark:text-green-200",successMessage:()=>"text-green-700 dark:text-green-300",error:()=>"bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800",errorIcon:()=>"h-4 w-4 text-red-600 dark:text-red-400",errorTitle:()=>"text-red-800 dark:text-red-200",errorMessage:()=>"text-red-700 dark:text-red-300",warning:()=>"bg-yellow-50 dark:bg-yellow-900/20 border-yellow-200 dark:border-yellow-800",warningIcon:()=>"h-4 w-4 text-yellow-600 dark:text-yellow-400",warningTitle:()=>"text-yellow-800 dark:text-yellow-200",warningMessage:()=>"text-yellow-700 dark:text-yellow-300",info:()=>"bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800",infoIcon:()=>"h-4 w-4 text-blue-600 dark:text-blue-400",infoTitle:()=>"text-blue-800 dark:text-blue-200",infoMessage:()=>"text-blue-700 dark:text-blue-300",neutral:()=>"bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700",neutralIcon:()=>"h-4 w-4 text-gray-600 dark:text-gray-400",neutralTitle:()=>"text-gray-900 dark:text-gray-100",neutralMessage:()=>"text-gray-600 dark:text-gray-400"},banner:{container:()=>"border-l-4 p-4",content:()=>"flex items-center justify-between",text:()=>"flex items-center",icon:()=>"flex-shrink-0 mr-3",message:()=>"text-sm font-medium",action:()=>"flex-shrink-0 ml-4",closeButton:()=>"text-gray-400 hover:text-gray-500 dark:hover:text-gray-300",success:()=>"bg-green-50 dark:bg-green-900/20 border-green-400",error:()=>"bg-red-50 dark:bg-red-900/20 border-red-400",warning:()=>"bg-yellow-50 dark:bg-yellow-900/20 border-yellow-400",info:()=>"bg-blue-50 dark:bg-blue-900/20 border-blue-400"},loading:{overlay:()=>"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",container:()=>"bg-white dark:bg-gray-800 rounded-lg p-6 max-w-sm mx-4",content:()=>"text-center",spinner:()=>"mx-auto mb-4",title:()=>"text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",message:()=>"text-sm text-gray-500 dark:text-gray-400",inline:()=>"flex items-center space-x-2",inlineSpinner:()=>"flex-shrink-0",inlineText:()=>"text-sm text-gray-600 dark:text-gray-400"}},layout:{container:{narrow:()=>"max-w-2xl mx-auto px-4 sm:px-6",default:()=>"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",wide:()=>"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",full:()=>"w-full px-4 sm:px-6 lg:px-8",fluid:()=>"w-full"},grid:{responsive:{oneToTwo:()=>"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6",oneToThree:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6",oneToFour:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6",twoToFour:()=>"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6",threeToSix:()=>"grid grid-cols-3 md:grid-cols-6 gap-4 md:gap-6"},fixed:{one:()=>"grid grid-cols-1 gap-4 md:gap-6",two:()=>"grid grid-cols-2 gap-4 md:gap-6",three:()=>"grid grid-cols-3 gap-4 md:gap-6",four:()=>"grid grid-cols-4 gap-4 md:gap-6",five:()=>"grid grid-cols-5 gap-4 md:gap-6",six:()=>"grid grid-cols-6 gap-4 md:gap-6"},autoFit:{small:()=>"grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] gap-4 md:gap-6",medium:()=>"grid grid-cols-[repeat(auto-fit,minmax(300px,1fr))] gap-4 md:gap-6",large:()=>"grid grid-cols-[repeat(auto-fit,minmax(400px,1fr))] gap-4 md:gap-6"},dashboard:{sidebar:()=>"grid grid-cols-1 lg:grid-cols-4 gap-6",sidebarContent:()=>"lg:col-span-3",sidebarAside:()=>"lg:col-span-1",twoColumn:()=>"grid grid-cols-1 lg:grid-cols-2 gap-6",threeColumn:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",masonry:()=>"columns-1 md:columns-2 lg:columns-3 xl:columns-4 gap-6 space-y-6",masonryItem:()=>"break-inside-avoid mb-6"}},flex:{row:()=>"flex flex-row",column:()=>"flex flex-col",rowReverse:()=>"flex flex-row-reverse",columnReverse:()=>"flex flex-col-reverse",center:()=>"flex items-center justify-center",centerVertical:()=>"flex items-center",centerHorizontal:()=>"flex justify-center",spaceBetween:()=>"flex items-center justify-between",spaceAround:()=>"flex items-center justify-around",spaceEvenly:()=>"flex items-center justify-evenly",responsiveColumn:()=>"flex flex-col md:flex-row",responsiveRow:()=>"flex flex-row md:flex-col",header:()=>"flex items-center justify-between w-full",toolbar:()=>"flex items-center space-x-2",buttonGroup:()=>"flex items-center space-x-2",iconText:()=>"flex items-center space-x-2",listItem:()=>"flex items-start space-x-3",listItemCenter:()=>"flex items-center space-x-3",listItemEnd:()=>"flex items-end space-x-3",cardContent:()=>"flex flex-col space-y-4",cardActions:()=>"flex items-center justify-end space-x-2 pt-4",cardHeader:()=>"flex items-start justify-between",formRow:()=>"flex flex-col sm:flex-row sm:items-center sm:space-x-4 space-y-2 sm:space-y-0",formActions:()=>"flex flex-col sm:flex-row-reverse sm:justify-start space-y-2 sm:space-y-0 sm:space-x-2 sm:space-x-reverse",wrap:()=>"flex flex-wrap",nowrap:()=>"flex flex-nowrap",wrapReverse:()=>"flex flex-wrap-reverse",gapSm:()=>"gap-2",gapMd:()=>"gap-4",gapLg:()=>"gap-6",gapXl:()=>"gap-8"},spacing:{margin:{none:()=>"m-0",xs:()=>"m-1",sm:()=>"m-2",md:()=>"m-4",lg:()=>"m-6",xl:()=>"m-8",xxl:()=>"m-12",top:{none:()=>"mt-0",xs:()=>"mt-1",sm:()=>"mt-2",md:()=>"mt-4",lg:()=>"mt-6",xl:()=>"mt-8",xxl:()=>"mt-12"},bottom:{none:()=>"mb-0",xs:()=>"mb-1",sm:()=>"mb-2",md:()=>"mb-4",lg:()=>"mb-6",xl:()=>"mb-8",xxl:()=>"mb-12"},left:{none:()=>"ml-0",xs:()=>"ml-1",sm:()=>"ml-2",md:()=>"ml-4",lg:()=>"ml-6",xl:()=>"ml-8",xxl:()=>"ml-12"},right:{none:()=>"mr-0",xs:()=>"mr-1",sm:()=>"mr-2",md:()=>"mr-4",lg:()=>"mr-6",xl:()=>"mr-8",xxl:()=>"mr-12"},horizontal:{none:()=>"mx-0",xs:()=>"mx-1",sm:()=>"mx-2",md:()=>"mx-4",lg:()=>"mx-6",xl:()=>"mx-8",xxl:()=>"mx-12",auto:()=>"mx-auto"},vertical:{none:()=>"my-0",xs:()=>"my-1",sm:()=>"my-2",md:()=>"my-4",lg:()=>"my-6",xl:()=>"my-8",xxl:()=>"my-12"}},padding:{none:()=>"p-0",xs:()=>"p-1",sm:()=>"p-2",md:()=>"p-4",lg:()=>"p-6",xl:()=>"p-8",xxl:()=>"p-12",top:{none:()=>"pt-0",xs:()=>"pt-1",sm:()=>"pt-2",md:()=>"pt-4",lg:()=>"pt-6",xl:()=>"pt-8",xxl:()=>"pt-12"},bottom:{none:()=>"pb-0",xs:()=>"pb-1",sm:()=>"pb-2",md:()=>"pb-4",lg:()=>"pb-6",xl:()=>"pb-8",xxl:()=>"pb-12"},left:{none:()=>"pl-0",xs:()=>"pl-1",sm:()=>"pl-2",md:()=>"pl-4",lg:()=>"pl-6",xl:()=>"pl-8",xxl:()=>"pl-12"},right:{none:()=>"pr-0",xs:()=>"pr-1",sm:()=>"pr-2",md:()=>"pr-4",lg:()=>"pr-6",xl:()=>"pr-8",xxl:()=>"pr-12"},horizontal:{none:()=>"px-0",xs:()=>"px-1",sm:()=>"px-2",md:()=>"px-4",lg:()=>"px-6",xl:()=>"px-8",xxl:()=>"px-12"},vertical:{none:()=>"py-0",xs:()=>"py-1",sm:()=>"py-2",md:()=>"py-4",lg:()=>"py-6",xl:()=>"py-8",xxl:()=>"py-12"}},section:()=>"py-12 md:py-16 lg:py-20",subsection:()=>"py-8 md:py-12",cardSpacing:()=>"p-6 md:p-8",listSpacing:()=>"space-y-4",buttonSpacing:()=>"space-x-2"},web3:{wallet:{connect:()=>"flex flex-col items-center space-y-4 p-6",connected:()=>"flex items-center justify-between p-4 bg-green-50 dark:bg-green-900/20 rounded-lg",balance:()=>"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",portfolio:()=>"grid grid-cols-1 lg:grid-cols-3 gap-6"},transaction:{form:()=>"space-y-6",preview:()=>"bg-gray-50 dark:bg-gray-800 rounded-lg p-4 space-y-3",history:()=>"space-y-2",historyItem:()=>"flex items-center justify-between p-3 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",details:()=>"grid grid-cols-1 md:grid-cols-2 gap-4"},nft:{gallery:()=>"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6",card:()=>"bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden",cardContent:()=>"p-4 space-y-3",cardActions:()=>"flex items-center justify-between pt-3 border-t border-gray-200 dark:border-gray-700",collection:()=>"grid grid-cols-1 lg:grid-cols-4 gap-6",collectionSidebar:()=>"lg:col-span-1 space-y-6",collectionGrid:()=>"lg:col-span-3"},defi:{dashboard:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",pool:()=>"bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-6",poolStats:()=>"grid grid-cols-2 md:grid-cols-4 gap-4",liquidity:()=>"space-y-4",farming:()=>"grid grid-cols-1 lg:grid-cols-2 gap-6"},dao:{governance:()=>"grid grid-cols-1 lg:grid-cols-3 gap-6",proposal:()=>"bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-6",proposalHeader:()=>"flex items-start justify-between mb-6",proposalContent:()=>"space-y-6",voting:()=>"grid grid-cols-1 md:grid-cols-2 gap-4"}},position:{relative:()=>"relative",absolute:()=>"absolute",fixed:()=>"fixed",sticky:()=>"sticky",topLeft:()=>"absolute top-0 left-0",topRight:()=>"absolute top-0 right-0",bottomLeft:()=>"absolute bottom-0 left-0",bottomRight:()=>"absolute bottom-0 right-0",center:()=>"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",overlay:()=>"fixed inset-0 z-50",backdrop:()=>"fixed inset-0 bg-black bg-opacity-50 z-40"},overflow:{hidden:()=>"overflow-hidden",auto:()=>"overflow-auto",scroll:()=>"overflow-scroll",xHidden:()=>"overflow-x-hidden",yHidden:()=>"overflow-y-hidden",xAuto:()=>"overflow-x-auto",yAuto:()=>"overflow-y-auto",xScroll:()=>"overflow-x-scroll",yScroll:()=>"overflow-y-scroll"},zIndex:{base:()=>"z-0",dropdown:()=>"z-10",sticky:()=>"z-20",modal:()=>"z-50",popover:()=>"z-60",tooltip:()=>"z-70"},display:{block:()=>"block",inline:()=>"inline",inlineBlock:()=>"inline-block",flex:()=>"flex",inlineFlex:()=>"inline-flex",grid:()=>"grid",inlineGrid:()=>"inline-grid",hidden:()=>"hidden",hiddenMobile:()=>"hidden sm:block",hiddenTablet:()=>"hidden md:block",hiddenDesktop:()=>"block md:hidden",mobileOnly:()=>"block sm:hidden",tabletOnly:()=>"hidden sm:block md:hidden",desktopOnly:()=>"hidden md:block"},patterns:{fullHeight:()=>"min-h-screen flex flex-col",centeredPage:()=>"min-h-screen flex items-center justify-center",header:()=>"sticky top-0 z-40 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700",headerContent:()=>"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between",sidebarLayout:()=>"flex h-screen bg-gray-100 dark:bg-gray-900",sidebar:()=>"w-64 bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700",mainContent:()=>"flex-1 flex flex-col overflow-hidden",modalOverlay:()=>"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50",modalContent:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-lg w-full max-h-[90vh] overflow-hidden",cardGrid:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",cardStack:()=>"space-y-6",dividedList:()=>"divide-y divide-gray-200 dark:divide-gray-700",spacedList:()=>"space-y-4",formStack:()=>"space-y-6",formGrid:()=>"grid grid-cols-1 md:grid-cols-2 gap-6",fieldset:()=>"space-y-4",loadingOverlay:()=>"absolute inset-0 bg-white bg-opacity-75 dark:bg-gray-900 dark:bg-opacity-75 flex items-center justify-center",loadingInline:()=>"flex items-center space-x-2",emptyState:()=>"text-center py-12",emptyStateIcon:()=>"mx-auto h-12 w-12 text-gray-400 mb-4"}},table:{container:()=>"overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",table:()=>"min-w-full divide-y divide-gray-200 dark:divide-gray-700",header:{row:()=>"bg-gray-50 dark:bg-gray-900/50",cell:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",sortable:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none group"},body:{row:()=>"bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors duration-200",rowSelected:()=>"bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors duration-200",rowClickable:()=>"bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors duration-200 cursor-pointer",cell:()=>"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100",cellMuted:()=>"px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400",cellAction:()=>"px-6 py-4 whitespace-nowrap text-right text-sm font-medium"},compact:{header:{cell:()=>"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",sortable:()=>"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none group"},body:{cell:()=>"px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100",cellMuted:()=>"px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400",cellAction:()=>"px-4 py-3 whitespace-nowrap text-right text-sm font-medium"}},states:{loading:()=>"opacity-50 pointer-events-none",empty:()=>"text-center py-12 text-gray-500 dark:text-gray-400",error:()=>"text-center py-12 text-red-500 dark:text-red-400"},pagination:{container:()=>"bg-white dark:bg-gray-800 px-4 py-3 flex items-center justify-between border-t border-gray-200 dark:border-gray-700 sm:px-6",info:()=>"flex-1 flex justify-between sm:hidden text-sm text-gray-700 dark:text-gray-300",nav:()=>"hidden sm:flex-1 sm:flex sm:items-center sm:justify-between",button:()=>"relative inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",buttonCurrent:()=>"relative inline-flex items-center px-4 py-2 border border-blue-500 dark:border-blue-400 text-sm font-medium rounded-md text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors duration-200"},grid:{container:()=>"overflow-auto rounded-lg border border-gray-200 dark:border-gray-700",table:()=>"min-w-full table-fixed",resizeHandle:()=>"absolute right-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-blue-500 dark:hover:bg-blue-400 transition-colors duration-200",filterContainer:()=>"border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900/50 p-3",filterInput:()=>"block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-3 py-2 text-sm focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 focus:outline-none focus:ring-2"},sort:{indicator:()=>"ml-2 h-4 w-4 flex-none rounded text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-300",ascending:()=>"ml-2 h-4 w-4 flex-none rounded text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-300 transform rotate-0",descending:()=>"ml-2 h-4 w-4 flex-none rounded text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-300 transform rotate-180"}},icon:{size:{xs:()=>"h-3 w-3",sm:()=>"h-4 w-4",md:()=>"h-5 w-5",lg:()=>"h-6 w-6",xl:()=>"h-8 w-8",xxl:()=>"h-10 w-10",xxxl:()=>"h-12 w-12"},color:{default:()=>"text-gray-500 dark:text-gray-400",muted:()=>"text-gray-400 dark:text-gray-500",subtle:()=>"text-gray-300 dark:text-gray-600",primary:()=>"text-gray-900 dark:text-gray-100",brand:()=>"text-blue-600 dark:text-blue-400",brandMuted:()=>"text-blue-500 dark:text-blue-500",success:()=>"text-green-600 dark:text-green-400",warning:()=>"text-amber-600 dark:text-amber-400",error:()=>"text-red-600 dark:text-red-400",info:()=>"text-blue-600 dark:text-blue-400",interactive:()=>"text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200",interactiveSubtle:()=>"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors duration-200",ethereum:()=>"text-blue-600 dark:text-blue-400",solana:()=>"text-purple-600 dark:text-purple-400",bitcoin:()=>"text-orange-600 dark:text-orange-400"},variant:{default:{xs:()=>"h-3 w-3 text-gray-500 dark:text-gray-400",sm:()=>"h-4 w-4 text-gray-500 dark:text-gray-400",md:()=>"h-5 w-5 text-gray-500 dark:text-gray-400",lg:()=>"h-6 w-6 text-gray-500 dark:text-gray-400",xl:()=>"h-8 w-8 text-gray-500 dark:text-gray-400"},interactive:{xs:()=>"h-3 w-3 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",sm:()=>"h-4 w-4 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",md:()=>"h-5 w-5 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",lg:()=>"h-6 w-6 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",xl:()=>"h-8 w-8 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer"},success:{xs:()=>"h-3 w-3 text-green-600 dark:text-green-400",sm:()=>"h-4 w-4 text-green-600 dark:text-green-400",md:()=>"h-5 w-5 text-green-600 dark:text-green-400",lg:()=>"h-6 w-6 text-green-600 dark:text-green-400",xl:()=>"h-8 w-8 text-green-600 dark:text-green-400"},warning:{xs:()=>"h-3 w-3 text-amber-600 dark:text-amber-400",sm:()=>"h-4 w-4 text-amber-600 dark:text-amber-400",md:()=>"h-5 w-5 text-amber-600 dark:text-amber-400",lg:()=>"h-6 w-6 text-amber-600 dark:text-amber-400",xl:()=>"h-8 w-8 text-amber-600 dark:text-amber-400"},error:{xs:()=>"h-3 w-3 text-red-600 dark:text-red-400",sm:()=>"h-4 w-4 text-red-600 dark:text-red-400",md:()=>"h-5 w-5 text-red-600 dark:text-red-400",lg:()=>"h-6 w-6 text-red-600 dark:text-red-400",xl:()=>"h-8 w-8 text-red-600 dark:text-red-400"},muted:{xs:()=>"h-3 w-3 text-gray-400 dark:text-gray-500",sm:()=>"h-4 w-4 text-gray-400 dark:text-gray-500",md:()=>"h-5 w-5 text-gray-400 dark:text-gray-500",lg:()=>"h-6 w-6 text-gray-400 dark:text-gray-500",xl:()=>"h-8 w-8 text-gray-400 dark:text-gray-500"}},context:{button:{leading:()=>"h-4 w-4 mr-2 flex-shrink-0",trailing:()=>"h-4 w-4 ml-2 flex-shrink-0",only:()=>"h-4 w-4",small:()=>"h-3 w-3",large:()=>"h-5 w-5"},input:{leading:()=>"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 pointer-events-none",trailing:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400",interactive:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 hover:text-gray-600 cursor-pointer transition-colors duration-200"},navigation:{menu:()=>"h-5 w-5 text-gray-600 dark:text-gray-400",menuActive:()=>"h-5 w-5 text-blue-600 dark:text-blue-400",breadcrumb:()=>"h-4 w-4 text-gray-400 mx-2",tab:()=>"h-4 w-4 mr-2"},status:{success:()=>"h-5 w-5 text-green-500 flex-shrink-0",warning:()=>"h-5 w-5 text-amber-500 flex-shrink-0",error:()=>"h-5 w-5 text-red-500 flex-shrink-0",info:()=>"h-5 w-5 text-blue-500 flex-shrink-0",loading:()=>"h-5 w-5 text-gray-400 animate-spin flex-shrink-0"},avatar:{small:()=>"h-6 w-6 text-gray-400",medium:()=>"h-8 w-8 text-gray-400",large:()=>"h-10 w-10 text-gray-400",fallback:()=>"h-full w-full text-gray-300"},web3:{wallet:()=>"h-5 w-5 text-gray-600 dark:text-gray-400",walletConnected:()=>"h-5 w-5 text-green-600 dark:text-green-400",walletDisconnected:()=>"h-5 w-5 text-gray-400 dark:text-gray-500",transaction:()=>"h-4 w-4 text-blue-600 dark:text-blue-400",blockchain:{ethereum:()=>"h-5 w-5 text-blue-600 dark:text-blue-400",solana:()=>"h-5 w-5 text-purple-600 dark:text-purple-400",bitcoin:()=>"h-5 w-5 text-orange-600 dark:text-orange-400"}},card:{header:()=>"h-5 w-5 text-gray-600 dark:text-gray-400 mr-2",action:()=>"h-4 w-4 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors duration-200",feature:()=>"h-6 w-6 text-blue-600 dark:text-blue-400",featureLarge:()=>"h-8 w-8 text-blue-600 dark:text-blue-400"},list:{item:()=>"h-4 w-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0",action:()=>"h-4 w-4 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200",bullet:()=>"h-1.5 w-1.5 text-gray-400 mt-2 mr-3 flex-shrink-0"}},decorative:{hero:{small:()=>"h-12 w-12 text-blue-600 dark:text-blue-400",medium:()=>"h-16 w-16 text-blue-600 dark:text-blue-400",large:()=>"h-20 w-20 text-blue-600 dark:text-blue-400",xlarge:()=>"h-24 w-24 text-blue-600 dark:text-blue-400"},feature:{small:()=>"h-8 w-8 text-gray-600 dark:text-gray-400",medium:()=>"h-10 w-10 text-gray-600 dark:text-gray-400",large:()=>"h-12 w-12 text-gray-600 dark:text-gray-400"},background:{subtle:()=>"h-32 w-32 text-gray-100 dark:text-gray-800 opacity-50",muted:()=>"h-24 w-24 text-gray-200 dark:text-gray-700 opacity-30"},empty:{small:()=>"h-8 w-8 text-gray-400 dark:text-gray-500 mb-2",medium:()=>"h-12 w-12 text-gray-400 dark:text-gray-500 mb-4",large:()=>"h-16 w-16 text-gray-400 dark:text-gray-500 mb-6"}}},overlays:{modal:{backdrop:()=>"fixed inset-0 z-40 bg-black/50 dark:bg-black/70 backdrop-blur-sm transition-all duration-300 ease-out",backdropEntering:()=>"opacity-0",backdropEntered:()=>"opacity-100",backdropExiting:()=>"opacity-0",container:()=>"fixed inset-0 z-50 flex items-center justify-center p-4 transition-all duration-300 ease-out",containerEntering:()=>"opacity-0 scale-95",containerEntered:()=>"opacity-100 scale-100",containerExiting:()=>"opacity-0 scale-95",content:()=>"relative w-full max-w-lg bg-white dark:bg-gray-900 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[80vh] overflow-hidden",small:()=>"max-w-sm",medium:()=>"max-w-lg",large:()=>"max-w-2xl",extraLarge:()=>"max-w-4xl",fullWidth:()=>"max-w-[95vw]",header:()=>"flex items-center justify-between p-4 sm:p-6 border-b border-gray-200 dark:border-gray-700",title:()=>"text-lg font-semibold text-gray-900 dark:text-gray-100",closeButton:()=>"p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",body:()=>"p-4 sm:p-6 overflow-y-auto",footer:()=>"flex items-center justify-end space-x-3 p-4 sm:p-6 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50"},tooltip:{container:()=>"absolute z-50 px-2 py-1 text-xs font-medium text-white bg-gray-900 dark:bg-gray-800 rounded shadow-lg transition-all duration-200 pointer-events-none",arrow:()=>"absolute w-2 h-2 bg-gray-900 dark:bg-gray-800 transform rotate-45",top:()=>"-translate-x-1/2 -translate-y-full left-1/2 bottom-full mb-2",topArrow:()=>"top-full left-1/2 -translate-x-1/2 -translate-y-1/2",bottom:()=>"-translate-x-1/2 translate-y-full left-1/2 top-full mt-2",bottomArrow:()=>"bottom-full left-1/2 -translate-x-1/2 translate-y-1/2",left:()=>"-translate-y-1/2 -translate-x-full top-1/2 right-full mr-2",leftArrow:()=>"left-full top-1/2 -translate-y-1/2 -translate-x-1/2",right:()=>"-translate-y-1/2 translate-x-full top-1/2 left-full ml-2",rightArrow:()=>"right-full top-1/2 -translate-y-1/2 translate-x-1/2",light:()=>"text-gray-900 bg-white border border-gray-200 shadow-md",dark:()=>"text-white bg-gray-900 dark:bg-gray-800",info:()=>"text-blue-50 bg-blue-600",success:()=>"text-green-50 bg-green-600",warning:()=>"text-amber-50 bg-amber-600",error:()=>"text-red-50 bg-red-600"},popover:{backdrop:()=>"fixed inset-0 z-30",container:()=>"absolute z-40 w-64 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 transition-all duration-200",arrow:()=>"absolute w-3 h-3 bg-white dark:bg-gray-800 border-l border-t border-gray-200 dark:border-gray-700 transform rotate-45",small:()=>"w-48",medium:()=>"w-64",large:()=>"w-80",auto:()=>"w-auto min-w-48 max-w-xs",top:()=>"-translate-x-1/2 -translate-y-full left-1/2 bottom-full mb-3",topArrow:()=>"top-full left-1/2 -translate-x-1/2 -translate-y-1/2",bottom:()=>"-translate-x-1/2 translate-y-full left-1/2 top-full mt-3",bottomArrow:()=>"bottom-full left-1/2 -translate-x-1/2 translate-y-1/2",left:()=>"-translate-y-1/2 -translate-x-full top-1/2 right-full mr-3",leftArrow:()=>"left-full top-1/2 -translate-y-1/2 -translate-x-1/2",right:()=>"-translate-y-1/2 translate-x-full top-1/2 left-full ml-3",rightArrow:()=>"right-full top-1/2 -translate-y-1/2 translate-x-1/2",header:()=>"px-4 py-3 border-b border-gray-200 dark:border-gray-700",title:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",body:()=>"px-4 py-3",footer:()=>"px-4 py-3 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-700/50",entering:()=>"opacity-0 scale-95 transform",entered:()=>"opacity-100 scale-100 transform",exiting:()=>"opacity-0 scale-95 transform"},dropdown:{container:()=>"relative inline-block",trigger:()=>"inline-flex justify-center items-center bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:ring-offset-gray-950 transition-colors",menu:()=>"absolute z-50 w-56 bg-white dark:bg-gray-800 rounded-md shadow-lg border border-gray-200 dark:border-gray-700 focus:outline-none transition-all duration-200",menuSmall:()=>"w-40",menuLarge:()=>"w-72",menuAuto:()=>"w-auto min-w-40",menuTop:()=>"bottom-full mb-1",menuBottom:()=>"top-full mt-1",menuLeft:()=>"right-0",menuRight:()=>"left-0",menuEntering:()=>"opacity-0 scale-95 transform origin-top",menuEntered:()=>"opacity-100 scale-100 transform origin-top",menuExiting:()=>"opacity-0 scale-95 transform origin-top",itemContainer:()=>"py-1 px-1",item:()=>"flex items-center w-full text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-blue-700 dark:hover:text-blue-300 transition-all duration-200 cursor-pointer hover:shadow-sm rounded-sm",itemActive:()=>"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 shadow-sm",itemDisabled:()=>"text-gray-400 dark:text-gray-600 cursor-not-allowed hover:bg-transparent hover:text-gray-400 dark:hover:text-gray-600",divider:()=>"my-1 border-t border-gray-200 dark:border-gray-700",header:()=>"px-4 py-2 text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide",itemIcon:()=>"mr-3 h-4 w-4 flex-shrink-0",itemIconRight:()=>"ml-auto h-4 w-4 flex-shrink-0"},drawer:{backdrop:()=>"fixed inset-0 z-40 bg-black/50 dark:bg-black/70 transition-opacity duration-300",container:()=>"fixed inset-y-0 z-50 flex w-full justify-end transition-transform duration-300 ease-in-out",right:()=>"right-0",left:()=>"left-0 justify-start",narrow:()=>"max-w-xs",default:()=>"max-w-md",wide:()=>"max-w-lg",extraWide:()=>"max-w-2xl",content:()=>"relative flex w-full flex-col bg-white dark:bg-gray-900 border-l border-gray-200 dark:border-gray-700 shadow-xl",contentLeft:()=>"border-r border-l-0 border-gray-200 dark:border-gray-700",header:()=>"flex items-center justify-between px-4 sm:px-6 py-4 border-b border-gray-200 dark:border-gray-700",title:()=>"text-lg font-semibold text-gray-900 dark:text-gray-100",closeButton:()=>"p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",body:()=>"flex-1 px-4 sm:px-6 py-4 overflow-y-auto",footer:()=>"flex items-center justify-end space-x-3 px-4 sm:px-6 py-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50",entering:()=>"translate-x-full",enteringLeft:()=>"-translate-x-full",entered:()=>"translate-x-0",exiting:()=>"translate-x-full",exitingLeft:()=>"-translate-x-full"},sheet:{backdrop:()=>"fixed inset-0 z-40 bg-black/50 dark:bg-black/70 transition-opacity duration-300",container:()=>"fixed inset-x-0 bottom-0 z-50 transition-transform duration-300 ease-out",content:()=>"relative bg-white dark:bg-gray-900 rounded-t-lg shadow-xl border-t border-gray-200 dark:border-gray-700 max-h-[85vh] overflow-hidden",handle:()=>"flex justify-center py-2",handleBar:()=>"w-10 h-1 bg-gray-300 dark:bg-gray-600 rounded-full",header:()=>"flex items-center justify-between px-4 sm:px-6 py-4 border-b border-gray-200 dark:border-gray-700",title:()=>"text-lg font-semibold text-gray-900 dark:text-gray-100",closeButton:()=>"p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",body:()=>"px-4 sm:px-6 py-4 overflow-y-auto",footer:()=>"flex items-center justify-center space-x-3 px-4 sm:px-6 py-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50",entering:()=>"translate-y-full",entered:()=>"translate-y-0",exiting:()=>"translate-y-full"},contextMenu:{backdrop:()=>"fixed inset-0 z-30",container:()=>"absolute z-50 w-48 bg-white dark:bg-gray-800 rounded-md shadow-lg border border-gray-200 dark:border-gray-700 py-1 focus:outline-none transition-all duration-150",item:()=>"flex items-center px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-gray-100 transition-colors cursor-pointer",itemDisabled:()=>"text-gray-400 dark:text-gray-600 cursor-not-allowed hover:bg-transparent",itemDanger:()=>"text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 hover:text-red-700 dark:hover:text-red-300",divider:()=>"my-1 border-t border-gray-200 dark:border-gray-700",icon:()=>"mr-2 h-4 w-4 flex-shrink-0",shortcut:()=>"ml-auto text-xs text-gray-400 dark:text-gray-500",submenuIndicator:()=>"ml-auto h-4 w-4 text-gray-400 dark:text-gray-500",submenu:()=>"absolute left-full top-0 ml-1"},loading:{backdrop:()=>"fixed inset-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm flex items-center justify-center transition-all duration-300",container:()=>"flex flex-col items-center space-y-4 p-6 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700",spinner:()=>"w-8 h-8 border-2 border-blue-600 border-t-transparent rounded-full animate-spin",spinnerLarge:()=>"w-12 h-12 border-3 border-blue-600 border-t-transparent rounded-full animate-spin",text:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",subtext:()=>"text-xs text-gray-500 dark:text-gray-400 text-center max-w-xs"},portal:{backdrop:()=>"z-40",dropdown:()=>"z-50",tooltip:()=>"z-50",popover:()=>"z-40",modal:()=>"z-50",drawer:()=>"z-50",sheet:()=>"z-50",contextMenu:()=>"z-50",loading:()=>"z-60",notification:()=>"z-70",focusTrap:()=>"focus:outline-none",focusVisible:()=>"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",srOnly:()=>"sr-only",ariaLabel:()=>"aria-label"}},animations:{hover:{card:{subtle:()=>"transition-all duration-200 hover:shadow-md hover:-translate-y-0.5",lift:()=>"transition-all duration-300 hover:shadow-lg hover:-translate-y-1",glow:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-blue-500/25 dark:hover:shadow-blue-400/25",scale:()=>"transition-transform duration-200 hover:scale-105",border:()=>"transition-all duration-200 hover:border-blue-300 dark:hover:border-blue-600",nft:()=>"transition-all duration-300 hover:shadow-xl hover:shadow-purple-500/30 hover:scale-[1.02]",wallet:()=>"transition-all duration-200 hover:shadow-md hover:bg-gradient-to-r hover:from-blue-50 hover:to-indigo-50 dark:hover:from-blue-900/20 dark:hover:to-indigo-900/20",transaction:()=>"transition-all duration-200 hover:shadow-md hover:border-green-300 dark:hover:border-green-600"},button:{lift:()=>"transition-all duration-150 hover:-translate-y-0.5 hover:shadow-md",glow:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-current/25",scale:()=>"transition-transform duration-150 hover:scale-105",shimmer:()=>"relative overflow-hidden transition-all duration-200 before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent hover:before:translate-x-full",connect:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-blue-500/30 hover:scale-[1.02]",transaction:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-green-500/30",disconnect:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-red-500/30"},icon:{bounce:()=>"transition-transform duration-200 hover:scale-110 hover:-translate-y-0.5",rotate:()=>"transition-transform duration-200 hover:rotate-12",pulse:()=>"transition-all duration-200 hover:scale-110 hover:text-blue-600 dark:hover:text-blue-400",glow:()=>"transition-all duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:drop-shadow-sm"}},loading:{spinner:{default:()=>"animate-spin",slow:()=>"animate-spin-slow",fast:()=>"animate-spin-fast",bounce:()=>"animate-bounce",pulse:()=>"animate-pulse",ping:()=>"animate-ping"},skeleton:{base:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded",line:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 h-4 rounded",circle:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-full",card:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-lg h-32",shimmer:()=>"relative overflow-hidden bg-gray-200 dark:bg-gray-700 before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-gray-200 before:via-white before:to-gray-200 dark:before:from-gray-700 dark:before:via-gray-600 dark:before:to-gray-700",progressive:()=>"bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 dark:from-gray-700 dark:via-gray-600 dark:to-gray-700 bg-[length:200%_100%] animate-shimmer-bg"},progress:{bar:()=>"transition-all duration-300 ease-out",indeterminate:()=>"animate-progress-indeterminate bg-gradient-to-r from-blue-500 via-purple-500 to-blue-500 bg-[length:200%_100%]",transaction:()=>"animate-progress-glow bg-gradient-to-r from-green-400 to-blue-500",minting:()=>"animate-progress-rainbow bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500"}},transitions:{slide:{up:()=>"transition-transform duration-300 ease-out",upEnter:()=>"translate-y-full",upEntered:()=>"translate-y-0",upExit:()=>"translate-y-full",down:()=>"transition-transform duration-300 ease-out",downEnter:()=>"-translate-y-full",downEntered:()=>"translate-y-0",downExit:()=>"-translate-y-full",left:()=>"transition-transform duration-300 ease-out",leftEnter:()=>"translate-x-full",leftEntered:()=>"translate-x-0",leftExit:()=>"translate-x-full",right:()=>"transition-transform duration-300 ease-out",rightEnter:()=>"-translate-x-full",rightEntered:()=>"translate-x-0",rightExit:()=>"-translate-x-full"},fade:{default:()=>"transition-opacity duration-300 ease-out",enter:()=>"opacity-0",entered:()=>"opacity-100",exit:()=>"opacity-0",fast:()=>"transition-opacity duration-150 ease-out",slow:()=>"transition-opacity duration-500 ease-out",scale:()=>"transition-all duration-300 ease-out",scaleEnter:()=>"opacity-0 scale-95",scaleEntered:()=>"opacity-100 scale-100",scaleExit:()=>"opacity-0 scale-95"},page:{slideLeft:()=>"transition-transform duration-300 ease-in-out",slideRight:()=>"transition-transform duration-300 ease-in-out",fadeScale:()=>"transition-all duration-300 ease-in-out"}},feedback:{tap:{ripple:()=>"relative overflow-hidden transition-all duration-150 active:scale-95",scale:()=>"transition-transform duration-100 active:scale-95",glow:()=>"transition-all duration-150 active:shadow-lg active:shadow-current/30",materialRipple:()=>"relative overflow-hidden after:absolute after:inset-0 after:rounded-[inherit] after:pointer-events-none after:transition-opacity after:duration-300 after:opacity-0 active:after:opacity-100 active:after:bg-white/20"},focus:{ring:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",glow:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:shadow-lg focus-visible:shadow-blue-500/25",scale:()=>"focus-visible:outline-none focus-visible:scale-105 focus-visible:ring-2 focus-visible:ring-blue-500",wallet:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:bg-blue-50 dark:focus-visible:bg-blue-900/20"},drag:{dragging:()=>"opacity-50 scale-95 rotate-3 shadow-xl z-50",dropzone:()=>"transition-all duration-200 border-2 border-dashed",dropzoneActive:()=>"border-blue-400 bg-blue-50 dark:bg-blue-900/20 scale-105",dropzoneInactive:()=>"border-gray-300 dark:border-gray-600"}},scroll:{reveal:{fadeUp:()=>"opacity-0 translate-y-8 transition-all duration-700 ease-out",fadeUpVisible:()=>"opacity-100 translate-y-0",fadeDown:()=>"opacity-0 -translate-y-8 transition-all duration-700 ease-out",fadeDownVisible:()=>"opacity-100 translate-y-0",fadeLeft:()=>"opacity-0 translate-x-8 transition-all duration-700 ease-out",fadeLeftVisible:()=>"opacity-100 translate-x-0",fadeRight:()=>"opacity-0 -translate-x-8 transition-all duration-700 ease-out",fadeRightVisible:()=>"opacity-100 translate-x-0",scale:()=>"opacity-0 scale-90 transition-all duration-700 ease-out",scaleVisible:()=>"opacity-100 scale-100"},parallax:{slow:()=>"transform transition-transform duration-75",medium:()=>"transform transition-transform duration-100",fast:()=>"transform transition-transform duration-150"},sticky:{shrink:()=>"transition-all duration-300 ease-out",shrinkActive:()=>"py-2 shadow-lg backdrop-blur-md",shrinkInactive:()=>"py-4"}},web3:{wallet:{connecting:()=>"animate-pulse bg-gradient-to-r from-blue-500 via-purple-500 to-blue-500 bg-[length:200%_100%] animate-shimmer-bg",connected:()=>"animate-bounce-gentle bg-gradient-to-r from-green-400 to-blue-500",disconnected:()=>"animate-fade-out opacity-50",error:()=>"animate-shake bg-red-100 dark:bg-red-900/20"},transaction:{pending:()=>"animate-pulse border border-yellow-300 bg-yellow-50 dark:border-yellow-700 dark:bg-yellow-900/20",confirming:()=>"animate-progress-dots bg-gradient-to-r from-blue-500 to-purple-500",confirmed:()=>"animate-success-pulse border border-green-300 bg-green-50 dark:border-green-700 dark:bg-green-900/20",failed:()=>"animate-error-flash border border-red-300 bg-red-50 dark:border-red-700 dark:bg-red-900/20"},blockchain:{mining:()=>"animate-mining-pulse bg-gradient-to-r from-yellow-400 via-orange-500 to-yellow-400 bg-[length:200%_100%]",minting:()=>"animate-rainbow bg-gradient-to-r from-pink-500 via-purple-500 via-blue-500 to-pink-500 bg-[length:300%_100%]",staking:()=>"animate-glow-pulse bg-gradient-to-r from-green-400 to-emerald-500",burning:()=>"animate-fire bg-gradient-to-r from-red-500 via-orange-500 to-yellow-500 bg-[length:200%_100%]"}},utility:{attention:{bounce:()=>"animate-bounce",pulse:()=>"animate-pulse",ping:()=>"animate-ping",shake:()=>"animate-shake",wiggle:()=>"animate-wiggle",heartbeat:()=>"animate-heartbeat"},state:{success:()=>"animate-success-checkmark",error:()=>"animate-error-x",warning:()=>"animate-warning-triangle",info:()=>"animate-info-circle"},reduced:{fadeOnly:()=>"transition-opacity duration-300 ease-out",scaleOnly:()=>"transition-transform duration-200 ease-out",instant:()=>"transition-none",respectPrefers:()=>"motion-safe:transition-all motion-safe:duration-300 motion-reduce:transition-none"}}},accessibility:{screenReader:{only:()=>"sr-only",focusable:()=>"sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:p-2 focus:bg-white focus:text-black focus:border focus:rounded",skipLink:()=>"sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:px-4 focus:py-2 focus:bg-blue-600 focus:text-white focus:rounded focus:m-2 focus:no-underline"},focus:{ring:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",ringInset:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-500",ringDark:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900",highContrast:()=>"focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-yellow-400 focus-visible:ring-offset-2 focus-visible:bg-yellow-50 dark:focus-visible:bg-yellow-900/20",wallet:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:bg-blue-50 dark:focus-visible:bg-blue-900/20",transaction:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2",error:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"},contrast:{text:{high:()=>"text-gray-900 dark:text-gray-100",medium:()=>"text-gray-700 dark:text-gray-300",low:()=>"text-gray-600 dark:text-gray-400",inverse:()=>"text-white dark:text-gray-900"},background:{primary:()=>"bg-blue-700 text-white dark:bg-blue-300 dark:text-gray-900",secondary:()=>"bg-gray-700 text-white dark:bg-gray-300 dark:text-gray-900",success:()=>"bg-green-700 text-white dark:bg-green-300 dark:text-gray-900",warning:()=>"bg-yellow-700 text-white dark:bg-yellow-300 dark:text-gray-900",error:()=>"bg-red-700 text-white dark:bg-red-300 dark:text-gray-900"},link:{default:()=>"text-blue-700 dark:text-blue-300 underline hover:text-blue-900 dark:hover:text-blue-100",visited:()=>"text-purple-700 dark:text-purple-300 underline hover:text-purple-900 dark:hover:text-purple-100"}},motion:{respectPrefers:()=>"motion-safe:transition-all motion-safe:duration-300 motion-reduce:transition-none",reduceMotion:()=>"motion-reduce:transition-none motion-reduce:animate-none",safe:{fade:()=>"motion-safe:transition-opacity motion-safe:duration-300 motion-reduce:transition-none",scale:()=>"motion-safe:transition-transform motion-safe:duration-200 motion-reduce:transition-none",slide:()=>"motion-safe:transition-transform motion-safe:duration-300 motion-reduce:transition-none"},loading:{spin:()=>"motion-safe:animate-spin motion-reduce:animate-none",pulse:()=>"motion-safe:animate-pulse motion-reduce:animate-none",bounce:()=>"motion-safe:animate-bounce motion-reduce:animate-none"}},semantic:{interactive:{button:()=>'role="button" tabindex="0"',link:()=>'role="link"',menuitem:()=>'role="menuitem"',tab:()=>'role="tab"',tabpanel:()=>'role="tabpanel"',dialog:()=>'role="dialog"'},states:{selected:t=>`aria-selected="${t}"`,checked:t=>`aria-checked="${t}"`,pressed:t=>`aria-pressed="${t}"`,expanded:t=>`aria-expanded="${t}"`,disabled:t=>t?'aria-disabled="true" tabindex="-1"':""},web3:{wallet:()=>'role="button" aria-label="Connect Wallet"',transaction:()=>'role="status" aria-live="polite"',balance:()=>'role="text" aria-label="Account Balance"',address:()=>'role="text" aria-label="Wallet Address"'}},form:{required:{indicator:()=>"text-red-500 dark:text-red-400",text:()=>'aria-required="true" required',visual:()=>'after:content-["*"] after:ml-1 after:text-red-500 dark:after:text-red-400'},validation:{valid:()=>"border-green-500 dark:border-green-400 focus:ring-green-500",invalid:()=>'border-red-500 dark:border-red-400 focus:ring-red-500 aria-invalid="true"',pending:()=>"border-yellow-500 dark:border-yellow-400 focus:ring-yellow-500"}},interactive:{button:{primary:()=>"inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",secondary:()=>"inline-flex items-center justify-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",icon:()=>"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"},link:{default:()=>"text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",external:()=>'text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 after:content-["↗"] after:ml-1 after:text-xs'}},content:{text:{minimum:()=>"text-sm min-h-[44px] min-w-[44px]",touch:()=>"min-h-[44px] min-w-[44px] touch-manipulation"}},feedback:{error:{container:()=>"border border-red-300 dark:border-red-700 bg-red-50 dark:bg-red-900/20 rounded-md p-4",title:()=>"text-sm font-medium text-red-800 dark:text-red-200",message:()=>"text-sm text-red-700 dark:text-red-300 mt-2"},success:{container:()=>"border border-green-300 dark:border-green-700 bg-green-50 dark:bg-green-900/20 rounded-md p-4",title:()=>"text-sm font-medium text-green-800 dark:text-green-200",message:()=>"text-sm text-green-700 dark:text-green-300 mt-2"},liveRegion:{polite:()=>'sr-only aria-live="polite"',assertive:()=>'sr-only aria-live="assertive"',status:()=>'sr-only role="status" aria-live="polite"',alert:()=>'sr-only role="alert" aria-live="assertive"'}}},performance:{bundle:{lazy:{component:()=>"opacity-0 transition-opacity duration-300",componentLoaded:()=>"opacity-100",image:()=>"blur-sm transition-all duration-300",imageLoaded:()=>"blur-none",skeleton:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded"},splitting:{loading:()=>"flex items-center justify-center py-8",error:()=>"text-red-600 dark:text-red-400 text-center py-8",fallback:()=>"bg-gray-100 dark:bg-gray-800 animate-pulse rounded"}},rendering:{gpu:{transform:()=>"transform-gpu",layer:()=>"will-change-transform transform translate3d-0",composite:()=>"backface-hidden"},layout:{stable:()=>"aspect-square",containLayout:()=>"contain-layout",containStyle:()=>"contain-style",sticky:()=>"sticky top-0 z-40",fixed:()=>"fixed inset-0 z-50"},memory:{virtualList:()=>"overflow-hidden",virtualItem:()=>"absolute left-0 right-0",responsiveImage:()=>"max-w-full h-auto object-cover",lazyImage:()=>"object-cover transition-opacity duration-300 opacity-0",loadedImage:()=>"opacity-100"}},network:{cache:{cached:()=>"border-l-4 border-green-500 bg-green-50 dark:bg-green-900/20",updating:()=>"border-l-4 border-blue-500 bg-blue-50 dark:bg-blue-900/20",offline:()=>"border-l-4 border-gray-500 bg-gray-50 dark:bg-gray-900/20",error:()=>"border-l-4 border-red-500 bg-red-50 dark:bg-red-900/20",fresh:()=>"text-green-600 dark:text-green-400",stale:()=>"text-yellow-600 dark:text-yellow-400",expired:()=>"text-red-600 dark:text-red-400"},connection:{fast:()=>"border-green-500 bg-green-50 dark:bg-green-900/20",slow:()=>"border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20",offline:()=>"border-red-500 bg-red-50 dark:bg-red-900/20"}},webVitals:{lcp:{optimize:()=>"will-change-contents",hero:()=>"contain-layout will-change-contents",image:()=>"object-cover will-change-auto"},interactivity:{optimize:()=>"touch-manipulation select-none",debounced:()=>"transition-none",throttled:()=>"pointer-events-none transition-opacity duration-100",ready:()=>"pointer-events-auto opacity-100"},layoutStability:{stable:()=>"aspect-square contain-layout",placeholder:()=>"min-h-[200px] bg-gray-100 dark:bg-gray-800",skeleton:()=>"animate-pulse bg-gray-200 dark:bg-gray-700",imageContainer:()=>"overflow-hidden relative",imageStable:()=>"absolute inset-0 object-cover"}},web3:{wallet:{cached:()=>"opacity-100 transition-opacity duration-200",connecting:()=>"opacity-75 cursor-wait",staleData:()=>"opacity-75",freshData:()=>"opacity-100"},transaction:{batched:()=>"border-l-4 border-blue-500 bg-blue-50 dark:bg-blue-900/20",individual:()=>"border-l-4 border-gray-500 bg-gray-50 dark:bg-gray-900/20",gasOptimal:()=>"text-green-600 dark:text-green-400",gasHigh:()=>"text-yellow-600 dark:text-yellow-400",gasVeryHigh:()=>"text-red-600 dark:text-red-400"},blockchain:{realtime:()=>"border-green-500 bg-green-50 dark:bg-green-900/20",cached:()=>"border-blue-500 bg-blue-50 dark:bg-blue-900/20",stale:()=>"border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20",optimistic:()=>"opacity-75 transition-opacity duration-200",confirmed:()=>"opacity-100",refetching:()=>"animate-pulse"}},monitoring:{metrics:{good:()=>"text-green-600 dark:text-green-400 bg-green-100 dark:bg-green-900/20",needsImprovement:()=>"text-yellow-600 dark:text-yellow-400 bg-yellow-100 dark:bg-yellow-900/20",poor:()=>"text-red-600 dark:text-red-400 bg-red-100 dark:bg-red-900/20"},errorBoundary:{container:()=>"border border-red-300 dark:border-red-700 bg-red-50 dark:bg-red-900/20 rounded-lg p-4",title:()=>"text-lg font-semibold text-red-800 dark:text-red-200",message:()=>"text-red-700 dark:text-red-300 mt-2",retry:()=>"mt-4 px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500",fallback:()=>"text-center text-gray-500 dark:text-gray-400 py-8"}},resource:{image:{responsive:()=>"w-full h-auto object-cover",hero:()=>"w-full h-[50vh] object-cover",thumbnail:()=>"w-16 h-16 object-cover rounded",avatar:()=>"w-10 h-10 object-cover rounded-full",placeholder:()=>"bg-gray-200 dark:bg-gray-700 animate-pulse",blurred:()=>"filter blur-sm",sharp:()=>"filter blur-none transition-all duration-300"},critical:{aboveFold:()=>"will-change-contents",belowFold:()=>"will-change-auto"}},data:{query:{cached:()=>"opacity-100",loading:()=>"opacity-75 animate-pulse",error:()=>"opacity-50 text-red-600 dark:text-red-400",fresh:()=>"border-l-2 border-green-500",stale:()=>"border-l-2 border-yellow-500",invalid:()=>"border-l-2 border-red-500",optimistic:()=>"opacity-75",confirmed:()=>"opacity-100",reverted:()=>"opacity-50 line-through"},realtime:{connected:()=>"border-green-500 bg-green-50 dark:bg-green-900/20",connecting:()=>"border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20",disconnected:()=>"border-red-500 bg-red-50 dark:bg-red-900/20",live:()=>"animate-pulse text-green-600 dark:text-green-400",delayed:()=>"text-yellow-600 dark:text-yellow-400",offline:()=>"text-gray-500 dark:text-gray-400"}}}};function Ie(...t){return nt.twMerge(K.clsx(t))}function ct(t,e){if(t.startsWith("hsl("))return t.replace(")",` / ${e})`);if(t.startsWith("#")){const r=t.slice(1),o=parseInt(r.slice(0,2),16),n=parseInt(r.slice(2,4),16),s=parseInt(r.slice(4,6),16);return`rgba(${o}, ${n}, ${s}, ${e})`}return t}function gt(t,e={}){const r=[t];return Object.entries(e).forEach(([o,n])=>{r.push(`${o}:${n}`)}),r.join(" ")}function ut(t,e){return`${t} dark:${e}`}const Tr={button:{xs:"h-7 px-2 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-sm",lg:"h-11 px-8 text-base",xl:"h-12 px-10 text-lg"},input:{xs:"h-7 px-2 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-3 text-sm",lg:"h-11 px-4 text-base",xl:"h-12 px-4 text-lg"},icon:{xs:"w-3 h-3",sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6",xl:"w-8 h-8"}};function mt(t,e="md"){return Tr[t][e]}const Lr="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",zr="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",bt={default:"transition-colors duration-200",colors:"transition-colors duration-200"};function pt(t){return Ie({default:"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800",primary:"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800",secondary:"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",destructive:"bg-red-600 text-white hover:bg-red-700 active:bg-red-800",outline:"border border-gray-300 bg-transparent hover:bg-gray-50 active:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800",ghost:"bg-transparent hover:bg-gray-100 active:bg-gray-200 dark:hover:bg-gray-800"}[t],bt.default,zr)}function ht(t="default"){return Ie("w-full rounded-md border bg-white px-3 py-2 text-sm placeholder:text-gray-500 dark:bg-gray-800 dark:text-gray-100 dark:placeholder:text-gray-400",{default:"border-gray-300 dark:border-gray-600 focus:border-blue-500 dark:focus:border-blue-400",error:"border-red-300 dark:border-red-600 focus:border-red-500 dark:focus:border-red-400",success:"border-green-300 dark:border-green-600 focus:border-green-500 dark:focus:border-green-400"}[t],Lr,bt.colors)}function yt(t="default"){const e="rounded-lg bg-white dark:bg-gray-800";return{default:e,bordered:`${e} border border-gray-200 dark:border-gray-700`,elevated:`${e} shadow-md`}[t]}function ft(t="base",e="normal",r="default"){const o={xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl"},n={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},s={default:"text-gray-900 dark:text-gray-100",muted:"text-gray-600 dark:text-gray-400",primary:"text-blue-600 dark:text-blue-400"};return Ie(o[t],n[e],s[r])}const M={backgrounds:{main:"bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100",page:"bg-gradient-to-br from-blue-50 to-indigo-100",pageDark:"bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800",section:"bg-gradient-to-r from-purple-50 to-blue-50",overlay:"bg-gradient-to-br from-blue-50/50 to-purple-50/50"},buttons:{primary:"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700",primaryBlue:"bg-gradient-to-r from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800",primaryPurple:"bg-gradient-to-r from-purple-500 to-purple-700 hover:from-purple-600 hover:to-purple-800"},text:{primary:"bg-gradient-to-r from-gray-900 via-blue-800 to-purple-800",secondary:"bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600",accent:"bg-gradient-to-r from-blue-600 to-purple-600"},effects:{glow:"bg-gradient-to-r from-blue-600 to-purple-600",shimmer:"bg-gradient-to-r from-transparent via-white/20 to-transparent"}},xt={primaryButton:`${M.buttons.primary} text-white shadow-lg hover:shadow-xl transition-all duration-200`,heroButton:`${M.buttons.primary} text-white px-8 py-4 rounded-xl font-bold text-lg transition-all duration-300 transform hover:scale-105 shadow-2xl hover:shadow-blue-500/25`,headerButton:`${M.buttons.primary} text-white px-4 py-2 rounded-md font-medium transition-all duration-200 transform hover:scale-105 shadow-lg`,pageLayout:`min-h-screen ${M.backgrounds.page}`,pageLayoutDark:`min-h-screen ${M.backgrounds.pageDark}`,gradientText:`${M.text.primary} bg-clip-text text-transparent`,gradientTextSecondary:`${M.text.secondary} bg-clip-text text-transparent`},jr=(t,e)=>M[t][e]||"",Mr=(t,e="")=>`${t} ${e}`.trim(),L={layout:{section:"py-20",sectionSm:"py-16",sectionLg:"py-24",container:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",containerSm:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",containerLg:"max-w-8xl mx-auto px-4 sm:px-6 lg:px-8"},animation:{fast:150,normal:300,slow:500,extraSlow:1e3},spacing:{sectionGap:"space-y-20",cardGap:"space-y-8",listGap:"space-y-4",inlineGap:"space-x-4"},grid:{responsive2:"grid md:grid-cols-2 gap-8",responsive3:"grid md:grid-cols-2 lg:grid-cols-3 gap-8",responsive4:"grid md:grid-cols-2 lg:grid-cols-4 gap-8",autoFit:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-auto-fit gap-8"},typography:{hero:"text-4xl md:text-6xl lg:text-7xl font-bold",heading1:"text-3xl md:text-5xl font-bold",heading2:"text-2xl md:text-4xl font-bold",heading3:"text-xl md:text-2xl font-bold",bodyLarge:"text-xl md:text-2xl",body:"text-lg",caption:"text-sm text-gray-600 dark:text-gray-400"},card:{base:"bg-white dark:bg-gray-800 rounded-lg shadow-lg",interactive:"bg-white dark:bg-gray-800 rounded-lg shadow-lg hover:shadow-xl transition-shadow",border:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg"},button:{sm:"px-3 py-2 text-sm",md:"px-4 py-2",lg:"px-6 py-3 text-lg",xl:"px-8 py-4 text-xl"},icon:{xs:"w-4 h-4",sm:"w-5 h-5",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-10 h-10",xxl:"w-12 h-12"},transition:{base:"transition-all duration-200",slow:"transition-all duration-300",colors:"transition-colors duration-200",transform:"transition-transform duration-200",shadow:"transition-shadow duration-200"},hover:{scale:"hover:scale-105",scaleSmall:"hover:scale-102",lift:"hover:-translate-y-1",glow:"hover:shadow-lg"},focus:{ring:"focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",ringInset:"focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"}};`${L.layout.section}${L.layout.container}`,`${L.layout.section}${L.layout.container}`,`${L.card.interactive}${L.transition.base}${L.hover.lift}`,`${L.button.md}${L.transition.base}${L.hover.scale}${L.focus.ring}`,`${L.typography.hero}`,`${L.grid.responsive4}`,`${L.icon.lg}`;const B=["Web3 email platform","wallet email","ENS email","SNS email","smart contract integration","decentralized email","blockchain messaging","crypto email","Web3 communication","secure email"],Ae=["Web3 email for users","wallet email address","passwordless email","secure Web3 communication","ENS domain email","SNS domain email","crypto wallet email","Web2 Web3 bridge","decentralized identity","blockchain email"],Pe=["Web3 email API","smart contract email integration","blockchain developer tools","Web3 SDK","decentralized messaging API","smart contract notifications","Web3 developer platform","blockchain email service","crypto developer tools","Web3 infrastructure"],kt=["Web3 email documentation","wallet email guide","ENS email setup","SNS email integration","smart contract email API","Web3 communication docs","blockchain email tutorial","crypto wallet email","decentralized email guide","Web3 developer documentation"],Te=["about 0xmail.box","Web3 email team","blockchain email company","crypto email platform","decentralized email team","wallet email founders","Web3 communication team","blockchain messaging company","ENS email team","crypto startup team"],me=["DeFi email notifications","DAO communication platform","NFT email alerts","crypto airdrop notifications","Web3 social platform","blockchain KYC email","DeFi yield farming alerts","GameFi notification system","Layer 2 email integration","cross-chain messaging protocol","multichain email support","decentralized identity verification","Web3 reputation system","crypto compliance email"],be=["EIP-712 signature authentication","SIWE Sign-In with Ethereum","multi-signature wallet email","hardware wallet email support","Web3 API integration","smart contract event notifications","IPFS email storage","ENS subdomain email routing","Chainlink oracle integration","Web3 SDK documentation","blockchain webhook notifications","crypto API endpoints","decentralized email protocol","Web3 developer tools"],Le=["accessible Web3 email","screen reader crypto wallet","Web3 accessibility features","inclusive blockchain platform","accessible wallet integration","Web3 WCAG compliance","keyboard navigation Web3","voice control crypto email","high contrast Web3 interface","accessible blockchain tools"],D=(...t)=>{const e=new Set;return t.forEach(r=>r.forEach(o=>e.add(o))),Array.from(e)},Or=()=>D(B,Ae,me),Wr=()=>D(B,Te),Br=()=>D(B,kt,be),Dr=()=>D(B,Ae,Le),Fr=()=>D(B,Pe,be),_r=()=>D(B,Pe,me),qr=()=>D(B,me,be),Vr=()=>D(B,Te,Le),wt={"@type":"Organization",name:"0xmail.box",url:"https://0xmail.box",contactPoint:{"@type":"ContactPoint",contactType:"customer service",email:"support@sudobility.com"}},Ur=t=>({"@context":"https://schema.org","@type":"TechArticle",name:"Documentation",headline:"0xmail.box Documentation - Web3 Email Platform Guide",description:"Complete documentation for 0xmail.box Web3 email platform. Learn how to connect wallets, manage ENS/SNS domain emails, integrate smart contracts, and use Web3 communication features.",url:"https://0xmail.box/document",datePublished:"2025-01-12",dateModified:"2025-01-12",author:wt,publisher:wt,...t}),Hr={centeredContainer:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",fullWidthSection:"w-full py-8 sm:py-12 lg:py-16",flexBetween:"flex items-center justify-between",flexCenter:"flex items-center justify-center",gridResponsive:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",clickable:"cursor-pointer transition-colors duration-200 hover:opacity-80",focusable:"focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",disabled:"opacity-50 cursor-not-allowed pointer-events-none",cardShadow:"shadow-md hover:shadow-lg transition-shadow duration-200",elevatedCard:"bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700",subtleCard:"bg-gray-50 dark:bg-gray-900 rounded-md border border-gray-200 dark:border-gray-800",sectionSpacing:"py-8 sm:py-12 lg:py-16",componentSpacing:"space-y-4",tightSpacing:"space-y-2",looseSpacing:"space-y-8"},vt={layout:{container:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",containerSmall:"mx-auto max-w-3xl px-4 sm:px-6 lg:px-8",containerLarge:"mx-auto max-w-full px-4 sm:px-6 lg:px-8",section:"py-8 sm:py-12 lg:py-16",sectionSmall:"py-6 sm:py-8 lg:py-10",flex:"flex items-center justify-between",flexCenter:"flex items-center justify-center",flexCol:"flex flex-col",grid:"grid grid-cols-1 gap-6",gridMd:"grid grid-cols-1 md:grid-cols-2 gap-6",gridLg:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"},background:{surface:"bg-white dark:bg-gray-800",subtle:"bg-gray-50 dark:bg-gray-900",muted:"bg-gray-100 dark:bg-gray-700",overlay:"bg-black/50 dark:bg-black/70"},border:{default:"border-gray-200 dark:border-gray-700",subtle:"border-gray-100 dark:border-gray-800",radius:"rounded-lg",radiusSm:"rounded-md",radiusLg:"rounded-xl",radiusFull:"rounded-full"},shadow:{sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg",xl:"shadow-xl"},spacing:{card:{sm:"p-4",md:"p-6",lg:"p-8"},section:{sm:"py-6 px-4",md:"py-8 px-6",lg:"py-12 px-8"}},text:{h1:"text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white leading-tight tracking-tight",h2:"text-2xl sm:text-3xl lg:text-4xl font-bold text-gray-900 dark:text-white leading-tight tracking-tight",h3:"text-xl sm:text-2xl font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",h4:"text-lg sm:text-xl font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",h5:"text-base sm:text-lg font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",h6:"text-base font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",display:"text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-extrabold text-gray-900 dark:text-white leading-none tracking-tight",hero:"text-6xl sm:text-7xl md:text-8xl lg:text-9xl font-black text-gray-900 dark:text-white leading-none tracking-tight",body:"text-base font-normal text-gray-700 dark:text-gray-300 leading-relaxed",bodyLarge:"text-lg font-normal text-gray-700 dark:text-gray-300 leading-relaxed",bodySmall:"text-sm font-normal text-gray-600 dark:text-gray-400 leading-relaxed",lead:"text-xl font-normal text-gray-700 dark:text-gray-300 leading-relaxed",leadLarge:"text-2xl font-normal text-gray-700 dark:text-gray-300 leading-relaxed",caption:"text-sm font-normal text-gray-500 dark:text-gray-500 leading-normal",label:"text-sm font-medium text-gray-700 dark:text-gray-300",helper:"text-sm font-normal text-gray-500 dark:text-gray-500",link:"text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 underline underline-offset-2 decoration-blue-600 dark:decoration-blue-400 transition-colors duration-150",linkSubtle:"text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 no-underline hover:underline hover:underline-offset-2 transition-all duration-150",linkMuted:"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline underline-offset-2 decoration-gray-400 hover:decoration-gray-600 transition-colors duration-150",code:"font-mono text-sm font-medium text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded",codeBlock:"font-mono text-sm font-normal text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto leading-relaxed",success:"text-green-700 dark:text-green-300 font-medium",warning:"text-amber-700 dark:text-amber-300 font-medium",error:"text-red-700 dark:text-red-300 font-medium",info:"text-blue-700 dark:text-blue-300 font-medium",emphasis:"font-medium text-gray-900 dark:text-gray-100",strong:"font-semibold text-gray-900 dark:text-gray-100",muted:"text-gray-500 dark:text-gray-500",uppercase:"text-xs font-semibold text-gray-500 dark:text-gray-500 uppercase tracking-wider"},transition:{default:"transition-colors duration-200",all:"transition-all duration-200",fast:"transition-all duration-150",slow:"transition-all duration-300",transform:"transition-transform duration-200"},states:{hover:"hover:opacity-80 transition-opacity duration-200",focus:"focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none",loading:"animate-pulse"},web3:{walletButton:"bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100 inline-flex items-center gap-2 px-4 py-2 rounded-lg font-medium",chainBadge:t=>t==="ethereum"?"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium":"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",addressText:"font-mono text-sm text-gray-600 dark:text-gray-400"}},Gr=t=>t,Kr=t=>{if(typeof document>"u")return;const e=document.createElement("style");e.textContent=t,e.setAttribute("data-critical","true"),document.head.appendChild(e)},Yr=t=>{if(typeof document>"u")return;const e=document.createElement("link");e.rel="preload",e.as="style",e.href=t,e.onload=()=>{e.rel="stylesheet"},document.head.appendChild(e);const r=document.createElement("noscript");r.innerHTML=`<link rel="stylesheet" href="${t}">`,document.head.appendChild(r)},Qr=t=>{const e={};return Object.entries(t).forEach(([r,o])=>{e[`--${r}`]=typeof o=="number"?`${o}px`:o}),e},Zr={xs:475,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},Jr=(t,e=Zr)=>{const[r,o]=b.useState("base");return b.useEffect(()=>{const n=()=>{const s=window.innerWidth;s>=e["2xl"]?o("2xl"):s>=e.xl?o("xl"):s>=e.lg?o("lg"):s>=e.md?o("md"):s>=e.sm?o("sm"):s>=e.xs?o("xs"):o("base")};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),t[r]||t.base||{}},Ct=()=>typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches,Xr=()=>{const[t,e]=b.useState(Ct);return b.useEffect(()=>{const r=window.matchMedia("(prefers-reduced-motion: reduce)"),o=()=>{e(r.matches)};return r.addEventListener?r.addEventListener("change",o):r.addListener(o),()=>{r.removeEventListener?r.removeEventListener("change",o):r.removeListener(o)}},[]),t},Rr=(t,e=["layout","paint"])=>{t&&(t.style.contain=e.join(" "))},ea=(t,e)=>t?(t.style.willChange=e.join(", "),()=>{t.style.willChange="auto"}):void 0,ta=t=>{typeof window>"u"||requestAnimationFrame(()=>{t.forEach(e=>e())})},ra=(...t)=>t.filter(Boolean).join(" "),aa=t=>{const e={},r=["display","position","width","height","margin","padding","fontSize","fontFamily","color","backgroundColor"];return Object.entries(t).forEach(([o,n])=>{r.includes(o)&&(e[o]=n)}),e},oa=(t,e=[])=>{const[r,o]=b.useState(null),[n,s]=b.useState(!0);return b.useEffect(()=>{let d=!0;return t().then(l=>{d&&(o(l.default),s(!1))}),()=>{d=!1}},[t,...e]),{styles:r,loading:n}},na=(t,e="1rem")=>({display:"grid",gridTemplateColumns:`repeat(${t}, minmax(0, 1fr))`,gap:e,contain:"layout",willChange:"transform"}),ia=(t="row",e="center",r="flex-start")=>({display:"flex",flexDirection:t,alignItems:e,justifyContent:r,contain:"layout"}),sa=t=>{const[e,r]=b.useState(!1);return b.useEffect(()=>{const o=window.matchMedia(t);r(o.matches);const n=()=>r(o.matches);return o.addEventListener?o.addEventListener("change",n):o.addListener(n),()=>{o.removeEventListener?o.removeEventListener("change",n):o.removeListener(n)}},[t]),e},la=(t,e)=>{const[r,o]=b.useState("light");return b.useEffect(()=>{const n=window.matchMedia("(prefers-color-scheme: dark)");o(n.matches?"dark":"light");const s=()=>{o(n.matches?"dark":"light")};return n.addEventListener?n.addEventListener("change",s):n.addListener(s),()=>{n.removeEventListener?n.removeEventListener("change",s):n.removeListener(s)}},[]),r==="dark"?e:t},da=t=>{const e={src:t.src,alt:t.alt,loading:t.loading||"lazy"};return t.title&&(e.title=t.title),t.width&&(e.width=t.width),t.height&&(e.height=t.height),t.sizes&&(e.sizes=t.sizes),t.srcSet&&(e.srcSet=t.srcSet),e.itemProp="image",e},ca=(t,e=[320,640,768,1024,1280,1920])=>e.map(r=>`${t.replace(/\{width\}/g,r.toString())} ${r}w`).join(", "),ga=t=>t.map(e=>e.maxWidth?`(max-width: ${e.maxWidth}px) ${e.size}`:e.size).join(", "),ua=(t,e="openGraph")=>{const r={};return e==="openGraph"?(r["og:image"]=t.url,t.width&&(r["og:image:width"]=t.width.toString()),t.height&&(r["og:image:height"]=t.height.toString()),t.alt&&(r["og:image:alt"]=t.alt),t.type&&(r["og:image:type"]=t.type)):(r["twitter:image"]=t.url,t.alt&&(r["twitter:image:alt"]=t.alt)),r},ma=(t='img[loading="lazy"]')=>{if(typeof window>"u"||!("IntersectionObserver"in window))return;const e=document.querySelectorAll(t);if("loading"in HTMLImageElement.prototype){e.forEach(o=>{o.dataset.src&&(o.src=o.dataset.src)});return}const r=new IntersectionObserver(o=>{o.forEach(n=>{if(n.isIntersecting){const s=n.target;s.dataset.src&&(s.src=s.dataset.src,s.removeAttribute("data-src")),s.dataset.srcset&&(s.srcset=s.dataset.srcset,s.removeAttribute("data-srcset")),r.unobserve(s)}})},{rootMargin:"50px 0px",threshold:.01});return e.forEach(o=>r.observe(o)),()=>{e.forEach(o=>r.unobserve(o))}},St=()=>typeof window>"u"?Promise.resolve(!1):new Promise(t=>{const e=new Image;e.onload=e.onerror=function(){t(e.height===2)},e.src="data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA"}),Nt=()=>typeof window>"u"?Promise.resolve(!1):new Promise(t=>{const e=new Image;e.onload=()=>t(!0),e.onerror=()=>t(!1),e.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A="}),ba=async(t="jpg")=>{const[e,r]=await Promise.all([St(),Nt()]);return r?"avif":e?"webp":t},pa=(t,e,r,o)=>`
|
|
1
|
+
(function(i,K){typeof exports=="object"&&typeof module<"u"?K(exports,require("clsx"),require("tailwind-merge"),require("react"),require("react/jsx-runtime"),require("web-vitals"),require("@heroicons/react/24/outline"),require("@radix-ui/react-slot"),require("class-variance-authority"),require("@radix-ui/react-label"),require("@radix-ui/react-select"),require("lucide-react"),require("@radix-ui/react-switch"),require("@radix-ui/react-tabs"),require("react-router-dom"),require("react-dom"),require("react-share"),require("react-i18next"),require("@heroicons/react/24/solid"),require("react-helmet-async")):typeof define=="function"&&define.amd?define(["exports","clsx","tailwind-merge","react","react/jsx-runtime","web-vitals","@heroicons/react/24/outline","@radix-ui/react-slot","class-variance-authority","@radix-ui/react-label","@radix-ui/react-select","lucide-react","@radix-ui/react-switch","@radix-ui/react-tabs","react-router-dom","react-dom","react-share","react-i18next","@heroicons/react/24/solid","react-helmet-async"],K):(i=typeof globalThis<"u"?globalThis:i||self,K(i.MailBoxComponents={},i.clsx,i.tailwindMerge,i.React,i.ReactJSXRuntime,i.WebVitals,i.HeroiconsOutline,i.RadixSlot,i.cva,i.RadixLabel,i.RadixSelect,i.LucideReact,i.RadixSwitch,i.RadixTabs,i.ReactRouterDOM,i.ReactDOM,i.ReactShare,i.ReactI18next,i.HeroiconsSolid,i.ReactHelmetAsync))})(this,(function(i,K,nt,b,a,R,v,Sr,I,it,Nr,ce,Ee,V,ge,Er,z,st,ue,$r){"use strict";function lt(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,o.get?o:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const T=lt(b),P=lt(Nr);function h(...t){return nt.twMerge(K.clsx(t))}const y={blue:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a",950:"#172554"},purple:{50:"#faf5ff",100:"#f3e8ff",200:"#e9d5ff",300:"#d8b4fe",400:"#c084fc",500:"#a855f7",600:"#9333ea",700:"#7c3aed",800:"#6b21a8",900:"#581c87",950:"#3b0764"},neutral:{0:"#ffffff",50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827",950:"#030712"},red:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d",950:"#450a0a"},orange:{50:"#fff7ed",100:"#ffedd5",200:"#fed7aa",300:"#fdba74",400:"#fb923c",500:"#f97316",600:"#ea580c",700:"#c2410c",800:"#9a3412",900:"#7c2d12",950:"#431407"},amber:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f",950:"#451a03"},green:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d",950:"#052e16"},web3:{ethereum:{light:"#627eea",DEFAULT:"#627eea",dark:"#4c63d2"},solana:{light:"#9945ff",DEFAULT:"#9945ff",dark:"#7d37d9"},polygon:{light:"#8247e5",DEFAULT:"#8247e5",dark:"#6a3bc0"},bitcoin:{light:"#f7931a",DEFAULT:"#f7931a",dark:"#e07f00"},binance:{light:"#f3ba2f",DEFAULT:"#f3ba2f",dark:"#d4a423"},cardano:{light:"#0033ad",DEFAULT:"#0033ad",dark:"#002488"},avalanche:{light:"#e84142",DEFAULT:"#e84142",dark:"#d1383a"},fantom:{light:"#1969ff",DEFAULT:"#1969ff",dark:"#0052ff"},arbitrum:{light:"#2d374b",DEFAULT:"#2d374b",dark:"#1e2532"},optimism:{light:"#ff0420",DEFAULT:"#ff0420",dark:"#e6031c"},chainlink:{light:"#375bd2",DEFAULT:"#375bd2",dark:"#2d4bb5"},cosmos:{light:"#2e3148",DEFAULT:"#2e3148",dark:"#1f2030"},polkadot:{light:"#e6007a",DEFAULT:"#e6007a",dark:"#cc006e"}}},Ir={text:{primary:{light:y.neutral[900],dark:y.neutral[0]},secondary:{light:y.neutral[600],dark:y.neutral[400]},tertiary:{light:y.neutral[500],dark:y.neutral[500]},disabled:{light:y.neutral[400],dark:y.neutral[600]},inverse:{light:y.neutral[0],dark:y.neutral[900]},link:{light:y.blue[600],dark:y.blue[400]},linkHover:{light:y.blue[700],dark:y.blue[300]}},background:{primary:{light:y.neutral[0],dark:y.neutral[900]},secondary:{light:y.neutral[50],dark:y.neutral[800]},tertiary:{light:y.neutral[100],dark:y.neutral[700]},elevated:{light:y.neutral[0],dark:y.neutral[800]},overlay:{light:"rgba(0, 0, 0, 0.5)",dark:"rgba(0, 0, 0, 0.7)"},page:{light:y.neutral[50],dark:y.neutral[950]}},border:{primary:{light:y.neutral[200],dark:y.neutral[700]},secondary:{light:y.neutral[100],dark:y.neutral[800]},focus:{light:y.blue[500],dark:y.blue[400]},error:{light:y.red[300],dark:y.red[700]}},brand:{primary:{light:y.blue[600],dark:y.blue[500]},primaryHover:{light:y.blue[700],dark:y.blue[400]},secondary:{light:y.purple[600],dark:y.purple[500]},secondaryHover:{light:y.purple[700],dark:y.purple[400]}},state:{success:{light:y.green[600],dark:y.green[500]},successBg:{light:y.green[100],dark:`${y.green[900]}/30`},successText:{light:y.green[700],dark:y.green[300]},warning:{light:y.amber[500],dark:y.amber[400]},warningBg:{light:y.amber[100],dark:`${y.amber[900]}/30`},warningText:{light:y.amber[700],dark:y.amber[300]},error:{light:y.red[600],dark:y.red[500]},errorBg:{light:y.red[100],dark:`${y.red[900]}/30`},errorText:{light:y.red[700],dark:y.red[300]},info:{light:y.blue[600],dark:y.blue[500]},infoBg:{light:y.blue[100],dark:`${y.blue[900]}/30`},infoText:{light:y.blue[700],dark:y.blue[300]},selected:{light:y.blue[100],dark:`${y.blue[900]}/30`}},action:{primary:{light:y.blue[600],dark:y.blue[600]},primaryHover:{light:y.blue[700],dark:y.blue[700]},secondary:{light:y.neutral[100],dark:y.neutral[800]},danger:{light:y.red[600],dark:y.red[600]}},web3:{ethereum:{light:y.web3.ethereum.light,dark:y.web3.ethereum.dark},ethereumBg:{light:`${y.blue[100]}`,dark:`${y.blue[900]}/30`},solana:{light:y.web3.solana.light,dark:y.web3.solana.dark},solanaBg:{light:`${y.purple[100]}`,dark:`${y.purple[900]}/30`},polygon:{light:y.web3.polygon.light,dark:y.web3.polygon.dark},polygonBg:{light:`${y.purple[50]}`,dark:`${y.purple[900]}/20`},bitcoin:{light:y.web3.bitcoin.light,dark:y.web3.bitcoin.dark},bitcoinBg:{light:`${y.orange[100]}`,dark:`${y.orange[900]}/30`},binance:{light:y.web3.binance.light,dark:y.web3.binance.dark},binanceBg:{light:`${y.amber[100]}`,dark:`${y.amber[900]}/30`},cardano:{light:y.web3.cardano.light,dark:y.web3.cardano.dark},cardanoBg:{light:`${y.blue[50]}`,dark:`${y.blue[900]}/20`},avalanche:{light:y.web3.avalanche.light,dark:y.web3.avalanche.dark},avalancheBg:{light:`${y.red[100]}`,dark:`${y.red[900]}/30`},arbitrum:{light:y.web3.arbitrum.light,dark:y.web3.arbitrum.dark},arbitrumBg:{light:`${y.neutral[100]}`,dark:`${y.neutral[800]}/50`},optimism:{light:y.web3.optimism.light,dark:y.web3.optimism.dark},optimismBg:{light:`${y.red[50]}`,dark:`${y.red[900]}/20`}}},dt={button:{primary:{base:"bg-blue-600 hover:bg-blue-700 active:bg-blue-800 text-white border-transparent",dark:"dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white",focus:"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 dark:focus-visible:ring-blue-400",disabled:"disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:bg-blue-600"},secondary:{base:"bg-gray-100 hover:bg-gray-200 active:bg-gray-300 text-gray-900 border-transparent",dark:"dark:bg-gray-800 dark:hover:bg-gray-700 dark:active:bg-gray-600 dark:text-gray-50",focus:"focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},outline:{base:"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border-gray-300",dark:"dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600",focus:"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},ghost:{base:"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent",dark:"dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300",focus:"focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},destructive:{base:"bg-red-600 hover:bg-red-700 active:bg-red-800 text-white border-transparent",dark:"dark:bg-red-600 dark:hover:bg-red-700 dark:active:bg-red-800 dark:text-white",focus:"focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},success:{base:"bg-green-600 hover:bg-green-700 active:bg-green-800 text-white border-transparent",dark:"dark:bg-green-600 dark:hover:bg-green-700 dark:active:bg-green-800 dark:text-white",focus:"focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed"},link:{base:"bg-transparent hover:bg-transparent active:bg-transparent text-blue-600 border-transparent underline-offset-4 hover:underline",dark:"dark:text-blue-400",focus:"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed disabled:no-underline"},gradient:{primary:"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white border-transparent shadow-lg hover:shadow-xl",secondary:"bg-gradient-to-r from-gray-100 to-gray-200 hover:from-gray-200 hover:to-gray-300 text-gray-900 border-transparent",success:"bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white border-transparent"}},card:{default:{base:"bg-white border-gray-200",dark:"dark:bg-gray-800 dark:border-gray-700",hover:"hover:shadow-md transition-shadow duration-200"},elevated:{base:"bg-white shadow-sm border-gray-200",dark:"dark:bg-gray-800 dark:border-gray-700",hover:"hover:shadow-lg transition-shadow duration-200"},interactive:{base:"bg-white border-gray-200 cursor-pointer",dark:"dark:bg-gray-800 dark:border-gray-700",hover:"hover:bg-gray-50 hover:shadow-md dark:hover:bg-gray-700 transition-all duration-200",focus:"focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"},success:{base:"bg-green-50 border-green-200",dark:"dark:bg-green-900/20 dark:border-green-800",text:"text-green-800 dark:text-green-200"},warning:{base:"bg-amber-50 border-amber-200",dark:"dark:bg-amber-900/20 dark:border-amber-800",text:"text-amber-800 dark:text-amber-200"},error:{base:"bg-red-50 border-red-200",dark:"dark:bg-red-900/20 dark:border-red-800",text:"text-red-800 dark:text-red-200"}},badge:{default:{base:"bg-gray-100 text-gray-800",dark:"dark:bg-gray-800 dark:text-gray-300"},primary:{base:"bg-blue-100 text-blue-800",dark:"dark:bg-blue-900/30 dark:text-blue-300"},success:{base:"bg-green-100 text-green-800",dark:"dark:bg-green-900/30 dark:text-green-300"},warning:{base:"bg-amber-100 text-amber-800",dark:"dark:bg-amber-900/30 dark:text-amber-300"},error:{base:"bg-red-100 text-red-800",dark:"dark:bg-red-900/30 dark:text-red-300"},ethereum:{base:"bg-blue-100 text-blue-800",dark:"dark:bg-blue-900/30 dark:text-blue-300"},solana:{base:"bg-purple-100 text-purple-800",dark:"dark:bg-purple-900/30 dark:text-purple-300"},polygon:{base:"bg-purple-50 text-purple-800",dark:"dark:bg-purple-900/20 dark:text-purple-300"},bitcoin:{base:"bg-orange-100 text-orange-800",dark:"dark:bg-orange-900/30 dark:text-orange-300"},binance:{base:"bg-amber-100 text-amber-800",dark:"dark:bg-amber-900/30 dark:text-amber-300"},cardano:{base:"bg-blue-50 text-blue-900",dark:"dark:bg-blue-900/20 dark:text-blue-200"},avalanche:{base:"bg-red-100 text-red-800",dark:"dark:bg-red-900/30 dark:text-red-300"},arbitrum:{base:"bg-gray-100 text-gray-800",dark:"dark:bg-gray-800/50 dark:text-gray-300"},optimism:{base:"bg-red-50 text-red-900",dark:"dark:bg-red-900/20 dark:text-red-200"}},input:{default:{base:"bg-white border-gray-300 text-gray-900 placeholder:text-gray-500",dark:"dark:bg-gray-900 dark:border-gray-600 dark:text-gray-100 dark:placeholder:text-gray-400",focus:"focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-400 dark:focus:border-blue-400",error:"border-red-300 focus:border-red-500 focus:ring-red-500 dark:border-red-700"},search:{base:"bg-gray-50 border-gray-200 text-gray-900 placeholder:text-gray-500",dark:"dark:bg-gray-800 dark:border-gray-700 dark:text-gray-100 dark:placeholder:text-gray-400",focus:"focus:bg-white focus:ring-2 focus:ring-blue-500 focus:border-blue-500 dark:focus:bg-gray-900"}},alert:{info:{base:"bg-blue-50 border-blue-200 text-blue-800",dark:"dark:bg-blue-900/20 dark:border-blue-800 dark:text-blue-200",icon:"text-blue-600 dark:text-blue-400"},success:{base:"bg-green-50 border-green-200 text-green-800",dark:"dark:bg-green-900/20 dark:border-green-800 dark:text-green-200",icon:"text-green-600 dark:text-green-400"},warning:{base:"bg-amber-50 border-amber-200 text-amber-800",dark:"dark:bg-amber-900/20 dark:border-amber-800 dark:text-amber-200",icon:"text-amber-600 dark:text-amber-400"},error:{base:"bg-red-50 border-red-200 text-red-800",dark:"dark:bg-red-900/20 dark:border-red-800 dark:text-red-200",icon:"text-red-600 dark:text-red-400"}}},Ar=(t,e,r=["focus"])=>{const o=dt[t][e];return o?[o.base,o.dark,...r.map(n=>o[n]).filter(Boolean)].join(" "):(console.warn(`Color variant '${e}' not found for component '${t}'`),"")},Pr=(t,e,r,o)=>{const n=[`bg-${t}`,`text-${e}`];return r&&n.push(`border-${r}`),o?.hover&&(o.hover.background&&n.push(`hover:bg-${o.hover.background}`),o.hover.text&&n.push(`hover:text-${o.hover.text}`),o.hover.border&&n.push(`hover:border-${o.hover.border}`)),o?.focus?.ring&&n.push(`focus:ring-2 focus:ring-${o.focus.ring}`),o?.dark&&(o.dark.background&&n.push(`dark:bg-${o.dark.background}`),o.dark.text&&n.push(`dark:text-${o.dark.text}`),o.dark.border&&n.push(`dark:border-${o.dark.border}`)),n.join(" ")},$e={raw:y,semantic:Ir,component:dt,utils:{getColorClasses:Ar,buildColorClass:Pr}},g={spacing:{xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8","2xl":"p-12","3xl":"p-16","4xl":"p-20","5xl":"p-24"},margin:{xs:"m-1",sm:"m-2",md:"m-4",lg:"m-6",xl:"m-8","2xl":"m-12","3xl":"m-16","4xl":"m-20","5xl":"m-24"},padding:{xs:"p-1",sm:"p-2",md:"p-4",lg:"p-6",xl:"p-8","2xl":"p-12","3xl":"p-16"},gap:{xs:"gap-1",sm:"gap-2",md:"gap-4",lg:"gap-6",xl:"gap-8","2xl":"gap-12","3xl":"gap-16"},radius:{none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl","2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full"},shadow:{none:"shadow-none",sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg",xl:"shadow-xl","2xl":"shadow-2xl"},typography:{family:{sans:"font-sans",serif:"font-serif",mono:"font-mono",display:"font-sans",body:"font-sans"},size:{micro:"text-[10px]",xs:"text-xs",sm:"text-sm",base:"text-base",md:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl","3xl":"text-3xl","4xl":"text-4xl","5xl":"text-5xl","6xl":"text-6xl","7xl":"text-7xl","8xl":"text-8xl","9xl":"text-9xl"},semantic:{caption:"text-xs",small:"text-sm",body:"text-base",bodyLarge:"text-lg",subheading:"text-xl",h6:"text-base",h5:"text-lg",h4:"text-xl",h3:"text-2xl",h2:"text-3xl",h1:"text-4xl",display:"text-6xl",hero:"text-8xl"},weight:{thin:"font-thin",extralight:"font-extralight",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black",body:"font-normal",emphasis:"font-medium",strong:"font-semibold",heading:"font-bold",display:"font-extrabold"},style:{normal:"not-italic",italic:"italic",oblique:"italic"},decoration:{none:"no-underline",underline:"underline",overline:"overline",lineThrough:"line-through"},decorationStyle:{solid:"decoration-solid",double:"decoration-double",dotted:"decoration-dotted",dashed:"decoration-dashed",wavy:"decoration-wavy"},decorationThickness:{auto:"decoration-auto",fromFont:"decoration-from-font",thin:"decoration-1",medium:"decoration-2",thick:"decoration-4"},underlineOffset:{auto:"underline-offset-auto",small:"underline-offset-1",medium:"underline-offset-2",large:"underline-offset-4",xl:"underline-offset-8"},leading:{none:"leading-none",tight:"leading-tight",snug:"leading-snug",normal:"leading-normal",relaxed:"leading-relaxed",loose:"leading-loose",heading:"leading-tight",body:"leading-relaxed",caption:"leading-normal",display:"leading-none"},tracking:{tighter:"tracking-tighter",tight:"tracking-tight",normal:"tracking-normal",wide:"tracking-wide",wider:"tracking-wider",widest:"tracking-widest",heading:"tracking-tight",body:"tracking-normal",caption:"tracking-normal",button:"tracking-wide",uppercase:"tracking-wider"},transform:{none:"normal-case",uppercase:"uppercase",lowercase:"lowercase",capitalize:"capitalize"},align:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify",start:"text-start",end:"text-end"},verticalAlign:{baseline:"align-baseline",top:"align-top",middle:"align-middle",bottom:"align-bottom",textTop:"align-text-top",textBottom:"align-text-bottom",sub:"align-sub",super:"align-super"},whitespace:{normal:"whitespace-normal",nowrap:"whitespace-nowrap",pre:"whitespace-pre",preLine:"whitespace-pre-line",preWrap:"whitespace-pre-wrap",break:"whitespace-break-spaces"},wordBreak:{normal:"break-normal",words:"break-words",all:"break-all",keep:"break-keep"},overflow:{clip:"text-clip",ellipsis:"text-ellipsis"},indent:{none:"indent-0",sm:"indent-1",md:"indent-4",lg:"indent-8"}},animation:{none:"duration-0",fastest:"duration-75",fast:"duration-150",normal:"duration-200",slow:"duration-300",slower:"duration-500",slowest:"duration-700"},ease:{linear:"ease-linear",in:"ease-in",out:"ease-out",inOut:"ease-in-out"},zIndex:{auto:"z-auto",base:"z-0",docked:"z-10",dropdown:"z-20",sticky:"z-30",banner:"z-40",overlay:"z-50",modal:"z-60",popover:"z-70",skipLink:"z-80",toast:"z-90",tooltip:"z-100"},breakpoints:{sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},grid:{cols1:"grid-cols-1",cols2:"grid-cols-2",cols3:"grid-cols-3",cols4:"grid-cols-4",cols5:"grid-cols-5",cols6:"grid-cols-6",cols12:"grid-cols-12"},gridResponsive:{responsive2:"grid-cols-1 md:grid-cols-2",responsive3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",responsive4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4",responsive6:"grid-cols-2 md:grid-cols-3 lg:grid-cols-6"},flex:{center:"flex items-center justify-center",between:"flex items-center justify-between",start:"flex items-center justify-start",end:"flex items-center justify-end",col:"flex flex-col",colCenter:"flex flex-col items-center justify-center",wrap:"flex flex-wrap"},width:{full:"w-full",screen:"w-screen",auto:"w-auto",fit:"w-fit",container:"w-full max-w-7xl mx-auto",containerSm:"w-full max-w-3xl mx-auto",containerLg:"w-full max-w-full mx-auto"},height:{full:"h-full",screen:"h-screen",auto:"h-auto",fit:"h-fit",min:"min-h-0",minScreen:"min-h-screen"}},E={heading:{display:{hero:()=>`${g.typography.family.display} ${g.typography.semantic.hero} ${g.typography.weight.display} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,xl:()=>`${g.typography.family.display} text-7xl ${g.typography.weight.display} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,lg:()=>`${g.typography.family.display} text-6xl ${g.typography.weight.bold} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,md:()=>`${g.typography.family.display} text-5xl ${g.typography.weight.bold} ${g.typography.leading.tight} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,sm:()=>`${g.typography.family.display} text-4xl ${g.typography.weight.bold} ${g.typography.leading.tight} ${g.typography.tracking.heading} text-gray-900 dark:text-white`},h1:()=>`${g.typography.family.sans} ${g.typography.semantic.h1} ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h2:()=>`${g.typography.family.sans} ${g.typography.semantic.h2} ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h3:()=>`${g.typography.family.sans} ${g.typography.semantic.h3} ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h4:()=>`${g.typography.family.sans} ${g.typography.semantic.h4} ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h5:()=>`${g.typography.family.sans} ${g.typography.semantic.h5} ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h6:()=>`${g.typography.family.sans} ${g.typography.semantic.h6} ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,responsive:{h1:()=>`${g.typography.family.sans} text-2xl sm:text-3xl md:text-4xl lg:text-5xl ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h2:()=>`${g.typography.family.sans} text-xl sm:text-2xl md:text-3xl lg:text-4xl ${g.typography.weight.heading} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,h3:()=>`${g.typography.family.sans} text-lg sm:text-xl md:text-2xl lg:text-3xl ${g.typography.weight.semibold} ${g.typography.leading.heading} ${g.typography.tracking.heading} text-gray-900 dark:text-white`,display:()=>`${g.typography.family.display} text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl ${g.typography.weight.display} ${g.typography.leading.display} ${g.typography.tracking.heading} text-gray-900 dark:text-white`}},body:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,xs:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,strong:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.strong} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`},emphasis:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.emphasis} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-900 dark:text-white`},muted:{xl:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,lg:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,md:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.small} ${g.typography.weight.body} ${g.typography.leading.body} ${g.typography.tracking.body} text-gray-600 dark:text-gray-400`}},caption:{default:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.body} ${g.typography.leading.caption} ${g.typography.tracking.caption} text-gray-500 dark:text-gray-500`,emphasis:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.emphasis} ${g.typography.leading.caption} ${g.typography.tracking.caption} text-gray-600 dark:text-gray-400`,uppercase:()=>`${g.typography.family.body} ${g.typography.semantic.caption} ${g.typography.weight.emphasis} ${g.typography.leading.caption} ${g.typography.tracking.uppercase} ${g.typography.transform.uppercase} text-gray-500 dark:text-gray-500`},lead:{lg:()=>`${g.typography.family.body} text-xl ${g.typography.weight.body} ${g.typography.leading.relaxed} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,md:()=>`${g.typography.family.body} ${g.typography.semantic.bodyLarge} ${g.typography.weight.body} ${g.typography.leading.relaxed} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`,sm:()=>`${g.typography.family.body} ${g.typography.semantic.body} ${g.typography.weight.body} ${g.typography.leading.relaxed} ${g.typography.tracking.body} text-gray-700 dark:text-gray-300`},link:{default:()=>`${g.typography.decoration.underline} ${g.typography.underlineOffset.medium} text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors duration-150`,subtle:()=>`${g.typography.decoration.none} text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 hover:${g.typography.decoration.underline} hover:${g.typography.underlineOffset.medium} transition-all duration-150`,muted:()=>`${g.typography.decoration.underline} ${g.typography.underlineOffset.medium} text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors duration-150`,external:()=>`${g.typography.decoration.underline} ${g.typography.underlineOffset.medium} text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors duration-150 inline-flex items-center gap-1`},code:{inline:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.medium} px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100`,block:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.body} ${g.typography.leading.relaxed} p-4 rounded-lg bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100 overflow-x-auto`,small:()=>`${g.typography.family.mono} text-xs ${g.typography.weight.medium} px-1 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-gray-100`},label:{default:()=>`${g.typography.family.body} text-sm ${g.typography.weight.emphasis} text-gray-900 dark:text-white`,required:()=>`${g.typography.family.body} text-sm ${g.typography.weight.emphasis} text-gray-900 dark:text-white after:content-['*'] after:ml-0.5 after:text-red-500`,optional:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-gray-600 dark:text-gray-400`,helper:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-gray-500 dark:text-gray-500`,error:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-red-600 dark:text-red-400`,success:()=>`${g.typography.family.body} text-sm ${g.typography.weight.body} text-green-600 dark:text-green-400`},web3:{address:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.body} text-gray-900 dark:text-white break-all`,addressShort:()=>`${g.typography.family.mono} text-sm ${g.typography.weight.body} text-gray-900 dark:text-white`,hash:()=>`${g.typography.family.mono} text-xs ${g.typography.weight.body} text-gray-500 dark:text-gray-500 break-all`,amount:()=>`${g.typography.family.mono} text-base ${g.typography.weight.emphasis} text-gray-900 dark:text-white`,chain:()=>`${g.typography.family.body} text-sm ${g.typography.weight.emphasis} text-gray-900 dark:text-white`,symbol:()=>`${g.typography.family.body} text-sm ${g.typography.weight.bold} ${g.typography.transform.uppercase} text-gray-900 dark:text-white`},truncate:{line:()=>`${g.typography.overflow.ellipsis} ${g.typography.whitespace.nowrap} overflow-hidden`,lines2:()=>"line-clamp-2",lines3:()=>"line-clamp-3",lines4:()=>"line-clamp-4"},selection:{default:()=>"selection:bg-blue-200 dark:selection:bg-blue-800 selection:text-blue-900 dark:selection:text-blue-100",brand:()=>"selection:bg-purple-200 dark:selection:bg-purple-800 selection:text-purple-900 dark:selection:text-purple-100"}},C={button:{primary:{default:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8",large:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center rounded-md px-6 py-3 text-base font-medium transition-colors duration-200 h-12",withIcon:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",fullWidth:()=>"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800 border-transparent focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-blue-600 dark:hover:bg-blue-700 dark:active:bg-blue-800 dark:text-white dark:focus-visible:ring-blue-400 flex items-center justify-center w-full rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"},secondary:{default:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8",large:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center rounded-md px-6 py-3 text-base font-medium transition-colors duration-200 h-12",withIcon:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-800 dark:text-gray-50 dark:hover:bg-gray-700 dark:active:bg-gray-600 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"},outline:{default:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8",large:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center rounded-md px-6 py-3 text-base font-medium transition-colors duration-200 h-12",withIcon:()=>"bg-transparent hover:bg-gray-50 active:bg-gray-100 text-gray-900 border border-gray-300 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-50 dark:border-gray-600 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"},destructive:{default:()=>"bg-red-600 text-white hover:bg-red-700 active:bg-red-800 border-transparent focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-red-600 dark:hover:bg-red-700 dark:active:bg-red-800 dark:text-white inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",outline:()=>"bg-transparent hover:bg-red-50 active:bg-red-100 text-red-600 border border-red-300 focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:hover:bg-red-900/20 dark:text-red-400 dark:border-red-800 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-red-600 text-white hover:bg-red-700 active:bg-red-800 border-transparent focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-red-600 dark:hover:bg-red-700 dark:active:bg-red-800 dark:text-white inline-flex items-center justify-center rounded-md px-3 py-1.5 text-xs font-medium transition-colors duration-200 h-8"},ghost:{default:()=>"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300 inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",small:()=>"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300 inline-flex items-center justify-center rounded-md px-2 py-1 text-xs font-medium transition-colors duration-200 h-8",icon:()=>"bg-transparent hover:bg-gray-100 active:bg-gray-200 text-gray-700 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-transparent dark:hover:bg-gray-800 dark:active:bg-gray-700 dark:text-gray-300 inline-flex items-center justify-center rounded-md p-2 transition-colors duration-200 h-10 w-10"},link:{default:()=>"bg-transparent hover:bg-transparent active:bg-transparent text-blue-600 border-transparent underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed disabled:no-underline dark:text-blue-400 inline-flex items-center justify-center rounded-md px-0 py-0 text-sm font-medium transition-colors duration-200",muted:()=>"bg-transparent hover:bg-transparent active:bg-transparent text-gray-600 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 border-transparent underline-offset-4 hover:underline focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed disabled:no-underline inline-flex items-center justify-center rounded-md px-0 py-0 text-sm font-medium transition-colors duration-200"},gradient:{primary:()=>"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white border-transparent shadow-lg hover:shadow-xl focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all duration-200",secondary:()=>"bg-gradient-to-r from-gray-100 to-gray-200 hover:from-gray-200 hover:to-gray-300 text-gray-900 border-transparent focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all duration-200",success:()=>"bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 text-white border-transparent shadow-lg hover:shadow-xl focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all duration-200"},web3:{wallet:()=>"bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100 focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200",connect:()=>"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700 text-white border-transparent shadow-lg hover:shadow-xl focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-all duration-200",disconnect:()=>"bg-transparent hover:bg-red-50 active:bg-red-100 text-red-600 border border-red-300 focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed dark:hover:bg-red-900/20 dark:text-red-400 dark:border-red-800 inline-flex items-center justify-center gap-2 rounded-md px-4 py-2 text-sm font-medium transition-colors duration-200"}},card:{default:{base:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg",padded:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-6",interactive:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg p-6 transition-all duration-200 hover:shadow-md cursor-pointer"},elevated:{base:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm",padded:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm p-6",interactive:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-sm p-6 transition-all duration-200 hover:shadow-lg cursor-pointer"},state:{success:()=>"bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800 text-green-800 dark:text-green-200 rounded-lg border p-4",warning:()=>"bg-amber-50 border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 text-amber-800 dark:text-amber-200 rounded-lg border p-4",error:()=>"bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800 text-red-800 dark:text-red-200 rounded-lg border p-4",info:()=>"bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800 text-blue-800 dark:text-blue-200 rounded-lg border p-4"}},badge:{default:()=>"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",primary:()=>"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",success:()=>"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",warning:()=>"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",error:()=>"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",ethereum:()=>"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",solana:()=>"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",small:(t="default")=>{const e={default:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300",primary:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",warning:"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",error:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300"};return`${e[t]||e.default} inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium`},large:(t="default")=>{const e={default:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300",primary:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",warning:"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",error:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300"};return`${e[t]||e.default} inline-flex items-center px-3 py-1 rounded-full text-sm font-medium`}},input:{default:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",search:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",error:()=>"bg-white dark:bg-gray-900 border-red-300 dark:border-red-700 text-gray-900 dark:text-gray-100 focus:border-red-500 focus:ring-red-500 block w-full rounded-md px-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",small:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-2 py-1.5 text-xs placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",large:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md px-4 py-3 text-base placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2",withIcon:()=>"bg-white dark:bg-gray-900 border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 block w-full rounded-md pl-10 pr-3 py-2 text-sm placeholder:text-gray-500 dark:placeholder:text-gray-400 transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2"},alert:{info:()=>"bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800 text-blue-800 dark:text-blue-200 rounded-md border p-4 flex items-start gap-3",success:()=>"bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800 text-green-800 dark:text-green-200 rounded-md border p-4 flex items-start gap-3",warning:()=>"bg-amber-50 border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 text-amber-800 dark:text-amber-200 rounded-md border p-4 flex items-start gap-3",error:()=>"bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800 text-red-800 dark:text-red-200 rounded-md border p-4 flex items-start gap-3",compact:{info:()=>"bg-blue-50 border-blue-200 dark:bg-blue-900/20 dark:border-blue-800 text-blue-800 dark:text-blue-200 rounded border px-3 py-2 text-sm",success:()=>"bg-green-50 border-green-200 dark:bg-green-900/20 dark:border-green-800 text-green-800 dark:text-green-200 rounded border px-3 py-2 text-sm",warning:()=>"bg-amber-50 border-amber-200 dark:bg-amber-900/20 dark:border-amber-800 text-amber-800 dark:text-amber-200 rounded border px-3 py-2 text-sm",error:()=>"bg-red-50 border-red-200 dark:bg-red-900/20 dark:border-red-800 text-red-800 dark:text-red-200 rounded border px-3 py-2 text-sm"}},loading:{spinner:{default:()=>"animate-spin rounded-full border-2 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-5 h-5",small:()=>"animate-spin rounded-full border-2 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-4 h-4",large:()=>"animate-spin rounded-full border-2 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-8 h-8",extraLarge:()=>"animate-spin rounded-full border-4 border-gray-200 border-t-blue-600 dark:border-gray-700 dark:border-t-blue-400 w-16 h-16",white:()=>"animate-spin rounded-full border-2 border-white/30 border-t-white w-5 h-5",success:()=>"animate-spin rounded-full border-2 border-green-200 border-t-green-600 dark:border-green-700 dark:border-t-green-400 w-5 h-5",warning:()=>"animate-spin rounded-full border-2 border-amber-200 border-t-amber-600 dark:border-amber-700 dark:border-t-amber-400 w-5 h-5",error:()=>"animate-spin rounded-full border-2 border-red-200 border-t-red-600 dark:border-red-700 dark:border-t-red-400 w-5 h-5"},state:{default:()=>"flex flex-col items-center justify-center py-8 px-4",fullScreen:()=>"flex flex-col items-center justify-center min-h-screen bg-white dark:bg-gray-900",inline:()=>"inline-flex items-center gap-2",center:()=>"flex items-center justify-center"},button:{default:()=>"inline-flex items-center gap-2 opacity-70 cursor-wait pointer-events-none",primary:()=>"bg-blue-600 text-white hover:bg-blue-700 inline-flex items-center gap-2 opacity-70 cursor-wait pointer-events-none px-4 py-2 rounded-md text-sm font-medium",secondary:()=>"bg-gray-100 text-gray-900 hover:bg-gray-200 inline-flex items-center gap-2 opacity-70 cursor-wait pointer-events-none px-4 py-2 rounded-md text-sm font-medium dark:bg-gray-800 dark:text-gray-50"},skeleton:{default:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded",text:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded h-4",title:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded h-6",avatar:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-full w-10 h-10",card:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-lg h-32"},progress:{bar:()=>"w-full bg-gray-200 rounded-full h-2 dark:bg-gray-700",fill:()=>"bg-blue-600 h-2 rounded-full transition-all duration-300",indeterminate:()=>"w-full bg-gray-200 rounded-full h-2 dark:bg-gray-700 overflow-hidden relative before:absolute before:inset-0 before:bg-blue-600 before:rounded-full before:animate-pulse"},dots:{default:()=>"flex space-x-1 justify-center items-center",dot:()=>"w-2 h-2 bg-blue-600 dark:bg-blue-400 rounded-full animate-pulse",dotStaggered:(t=0)=>`w-2 h-2 bg-blue-600 dark:bg-blue-400 rounded-full animate-pulse animation-delay-${t}`}},modal:{overlay:{default:()=>"fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4",dark:()=>"fixed inset-0 bg-black/70 backdrop-blur-sm z-50 flex items-center justify-center p-4",light:()=>"fixed inset-0 bg-black/30 backdrop-blur-sm z-50 flex items-center justify-center p-4"},container:{default:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden",small:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-sm",medium:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-md",large:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-2xl",extraLarge:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-4xl",fullScreen:()=>"bg-white dark:bg-gray-800 shadow-xl border border-gray-200 dark:border-gray-700 w-full h-full overflow-hidden"},header:{default:()=>"px-6 py-4 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between",centered:()=>"px-6 py-4 border-b border-gray-200 dark:border-gray-700 text-center",minimal:()=>"px-6 py-4 flex items-center justify-between"},content:{default:()=>"px-6 py-4 overflow-y-auto flex-1",padded:()=>"px-6 py-6 overflow-y-auto flex-1",compact:()=>"px-4 py-3 overflow-y-auto flex-1",scrollable:()=>"px-6 py-4 overflow-y-auto flex-1 max-h-96"},footer:{default:()=>"px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-end gap-3",centered:()=>"px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-center gap-3",spaceBetween:()=>"px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-between",minimal:()=>"px-6 py-4 flex items-center justify-end gap-3"},close:{default:()=>"text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200 p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700",subtle:()=>"text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200",prominent:()=>"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors duration-200 p-2 rounded-md hover:bg-gray-100 dark:hover:bg-gray-700 border border-gray-200 dark:border-gray-600"},web3:{wallet:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-md",transaction:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-lg",confirmation:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[90vh] overflow-hidden w-full max-w-sm"},animation:{fadeIn:()=>"animate-in fade-in-0 duration-200",slideIn:()=>"animate-in fade-in-0 zoom-in-95 duration-200",slideUp:()=>"animate-in fade-in-0 slide-in-from-bottom-4 duration-200",fadeOut:()=>"animate-out fade-out-0 duration-150",slideOut:()=>"animate-out fade-out-0 zoom-out-95 duration-150"}},navigation:{breadcrumb:{container:()=>"flex items-center justify-between text-sm",list:()=>"flex items-center space-x-1",item:()=>"flex items-center",separator:()=>"h-4 w-4 text-gray-400 dark:text-gray-500 mx-2 flex-shrink-0",link:()=>"flex items-center text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-300 transition-colors focus:outline-none focus:ring-2 focus:ring-blue-500 focus:rounded-sm",current:()=>"flex items-center text-gray-900 dark:text-white font-medium",home:()=>"h-4 w-4 mr-1 flex-shrink-0"},tabs:{root:()=>"",list:()=>"inline-flex h-10 items-center justify-center rounded-md bg-gray-100 dark:bg-gray-800 p-1 text-gray-500 dark:text-gray-400",listUnderlined:()=>"flex border-b border-gray-200 dark:border-gray-700",listPills:()=>"flex space-x-1 bg-gray-100 dark:bg-gray-800 rounded-lg p-1",trigger:()=>"inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-white transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-gray-950 data-[state=active]:shadow-sm dark:ring-offset-gray-950 dark:focus-visible:ring-blue-400 dark:data-[state=active]:bg-gray-950 dark:data-[state=active]:text-gray-50",triggerUnderlined:()=>"inline-flex items-center justify-center whitespace-nowrap px-4 py-2 text-sm font-medium text-gray-500 dark:text-gray-400 border-b-2 border-transparent hover:text-gray-700 dark:hover:text-gray-300 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-blue-600 focus:border-blue-600 dark:focus:text-blue-400 dark:focus:border-blue-400 data-[state=active]:text-blue-600 data-[state=active]:border-blue-600 dark:data-[state=active]:text-blue-400 dark:data-[state=active]:border-blue-400 transition-colors",triggerPills:()=>"inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 hover:bg-white dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 data-[state=active]:bg-white data-[state=active]:text-gray-900 data-[state=active]:shadow-sm dark:data-[state=active]:bg-gray-700 dark:data-[state=active]:text-gray-100 transition-all",content:()=>"mt-2 ring-offset-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 dark:ring-offset-gray-950 dark:focus-visible:ring-blue-400"},menu:{trigger:()=>"inline-flex items-center justify-center whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors",content:()=>"z-50 min-w-[12rem] overflow-hidden rounded-md border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 p-1 text-gray-900 dark:text-gray-100 shadow-lg",item:()=>"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm font-medium outline-none focus:bg-gray-100 focus:text-gray-900 dark:focus:bg-gray-700 dark:focus:text-gray-100 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors",separator:()=>"-mx-1 my-1 h-px bg-gray-200 dark:bg-gray-700",label:()=>"px-2 py-1.5 text-sm font-semibold text-gray-900 dark:text-gray-100",shortcut:()=>"ml-auto text-xs tracking-widest text-gray-500 dark:text-gray-400"},pagination:{container:()=>"flex items-center justify-between border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 px-4 py-3 sm:px-6",info:()=>"flex flex-1 justify-between sm:hidden",nav:()=>"hidden sm:flex sm:flex-1 sm:items-center sm:justify-between",results:()=>"text-sm text-gray-700 dark:text-gray-300",buttons:()=>"relative z-0 inline-flex rounded-md shadow-sm -space-x-px",button:()=>"relative inline-flex items-center px-2 py-2 text-sm font-medium text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 focus:z-10 focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500 transition-colors",buttonActive:()=>"relative inline-flex items-center px-4 py-2 text-sm font-medium text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 border border-blue-300 dark:border-blue-700 z-10",buttonFirst:()=>"rounded-l-md",buttonLast:()=>"rounded-r-md",mobileButton:()=>"relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 rounded-md transition-colors"},sidebar:{container:()=>"flex flex-col h-full bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700",nav:()=>"flex-1 px-4 py-6 space-y-1",item:()=>"group flex items-center px-3 py-2 text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-gray-100 transition-colors",itemActive:()=>"group flex items-center px-3 py-2 text-sm font-medium rounded-md bg-blue-100 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 border-r-2 border-blue-500",icon:()=>"mr-3 h-5 w-5 flex-shrink-0 text-gray-400 group-hover:text-gray-500 dark:text-gray-500 dark:group-hover:text-gray-400",iconActive:()=>"mr-3 h-5 w-5 flex-shrink-0 text-blue-500 dark:text-blue-400"},steps:{container:()=>"flex items-center justify-center",list:()=>"flex items-center space-x-4",step:()=>"flex items-center space-x-2",circle:()=>"flex items-center justify-center w-8 h-8 rounded-full border-2 border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-500 dark:text-gray-400 text-sm font-medium",circleActive:()=>"flex items-center justify-center w-8 h-8 rounded-full border-2 border-blue-600 dark:border-blue-400 bg-blue-600 dark:bg-blue-400 text-white text-sm font-medium",circleCompleted:()=>"flex items-center justify-center w-8 h-8 rounded-full border-2 border-green-600 dark:border-green-400 bg-green-600 dark:bg-green-400 text-white text-sm font-medium",label:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",labelInactive:()=>"text-sm font-medium text-gray-500 dark:text-gray-400",connector:()=>"w-12 h-px bg-gray-300 dark:bg-gray-600",connectorActive:()=>"w-12 h-px bg-blue-600 dark:bg-blue-400"}},dataDisplay:{table:{container:()=>"w-full overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700",wrapper:()=>"overflow-x-auto",table:()=>"min-w-full divide-y divide-gray-200 dark:divide-gray-700",thead:()=>"bg-gray-50 dark:bg-gray-800",tbody:()=>"bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700",tfoot:()=>"bg-gray-50 dark:bg-gray-800",tr:()=>"hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors",trSelected:()=>"bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30",th:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",thSortable:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:text-gray-700 dark:hover:text-gray-200 transition-colors",td:()=>"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100",tdCompact:()=>"px-3 py-2 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100"},list:{container:()=>"bg-white dark:bg-gray-900 shadow overflow-hidden rounded-lg",ul:()=>"divide-y divide-gray-200 dark:divide-gray-700",li:()=>"px-4 py-4 sm:px-6 hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors",liActive:()=>"px-4 py-4 sm:px-6 bg-blue-50 dark:bg-blue-900/20 border-l-4 border-blue-500",emailItem:()=>"flex items-center px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer transition-colors",emailItemRead:()=>"flex items-center px-4 py-3 hover:bg-gray-50 dark:hover:bg-gray-800 cursor-pointer transition-colors opacity-60",emailItemSelected:()=>"flex items-center px-4 py-3 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 cursor-pointer"},grid:{container:()=>"grid gap-4",twoColumn:()=>"grid grid-cols-1 md:grid-cols-2 gap-4",threeColumn:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",fourColumn:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4",autoFit:()=>"grid grid-cols-[repeat(auto-fit,minmax(250px,1fr))] gap-4"},keyValue:{container:()=>"bg-white dark:bg-gray-900 shadow overflow-hidden rounded-lg",list:()=>"divide-y divide-gray-200 dark:divide-gray-700",row:()=>"px-4 py-4 sm:px-6 sm:grid sm:grid-cols-3 sm:gap-4",key:()=>"text-sm font-medium text-gray-500 dark:text-gray-400",value:()=>"mt-1 text-sm text-gray-900 dark:text-gray-100 sm:mt-0 sm:col-span-2",inline:()=>"flex items-center space-x-2",inlineKey:()=>"text-sm font-medium text-gray-500 dark:text-gray-400",inlineValue:()=>"text-sm text-gray-900 dark:text-gray-100"},code:{inline:()=>"font-mono text-sm text-pink-600 dark:text-pink-400 bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded",block:()=>"font-mono text-sm text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto",address:()=>"font-mono text-sm text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 px-2 py-1 rounded select-all",hash:()=>"font-mono text-sm text-purple-600 dark:text-purple-400 bg-purple-50 dark:bg-purple-900/20 px-2 py-1 rounded select-all",keyword:()=>"text-purple-600 dark:text-purple-400",string:()=>"text-green-600 dark:text-green-400",number:()=>"text-blue-600 dark:text-blue-400",comment:()=>"text-gray-500 dark:text-gray-500 italic"},stats:{container:()=>"bg-white dark:bg-gray-900 overflow-hidden shadow rounded-lg",grid:()=>"grid grid-cols-1 md:grid-cols-3 divide-y md:divide-y-0 md:divide-x divide-gray-200 dark:divide-gray-700",item:()=>"px-4 py-5 sm:p-6",label:()=>"text-sm font-medium text-gray-500 dark:text-gray-400 truncate",value:()=>"mt-1 text-3xl font-semibold text-gray-900 dark:text-gray-100",change:()=>"mt-2 flex items-center text-sm",changePositive:()=>"text-green-600 dark:text-green-400",changeNegative:()=>"text-red-600 dark:text-red-400"},empty:{container:()=>"text-center py-12",icon:()=>"mx-auto h-12 w-12 text-gray-400",title:()=>"mt-2 text-sm font-medium text-gray-900 dark:text-gray-100",description:()=>"mt-1 text-sm text-gray-500 dark:text-gray-400",action:()=>"mt-6"},timeline:{container:()=>"flow-root",list:()=>"-mb-8",item:()=>"relative pb-8",itemLast:()=>"relative",connector:()=>"absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200 dark:bg-gray-700",dot:()=>"relative flex h-8 w-8 items-center justify-center rounded-full bg-white dark:bg-gray-800 ring-8 ring-white dark:ring-gray-900",dotActive:()=>"bg-blue-600 dark:bg-blue-400",dotComplete:()=>"bg-green-600 dark:bg-green-400",content:()=>"ml-12 flex flex-col",time:()=>"text-xs text-gray-500 dark:text-gray-400",title:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",description:()=>"mt-1 text-sm text-gray-500 dark:text-gray-400"}},formsAdvanced:{wizard:{container:()=>"w-full",steps:()=>"flex items-center justify-between mb-8",step:()=>"flex flex-col items-center",stepCircle:()=>"w-10 h-10 rounded-full flex items-center justify-center text-sm font-medium border-2 transition-all",stepCompleted:()=>"bg-green-100 border-green-500 text-green-700 dark:bg-green-900/30 dark:border-green-400 dark:text-green-300",stepCurrent:()=>"bg-blue-100 border-blue-500 text-blue-700 dark:bg-blue-900/30 dark:border-blue-400 dark:text-blue-300",stepInactive:()=>"bg-gray-100 border-gray-300 text-gray-500 dark:bg-gray-800 dark:border-gray-600 dark:text-gray-400",stepContent:()=>"mt-2 text-center",stepTitle:()=>"text-sm font-medium",stepDescription:()=>"text-xs text-gray-500 dark:text-gray-400 mt-1",connector:()=>"flex-1 h-px bg-gray-200 dark:bg-gray-700 mt-5",connectorCompleted:()=>"flex-1 h-px bg-green-300 dark:bg-green-600 mt-5"},fileUpload:{dropzone:()=>"border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-8 text-center transition-colors hover:border-gray-400 dark:hover:border-gray-500 cursor-pointer",dropzoneActive:()=>"border-blue-400 bg-blue-50 dark:bg-blue-900/20 dark:border-blue-500",dropzoneError:()=>"border-red-400 bg-red-50 dark:bg-red-900/20 dark:border-red-500",icon:()=>"h-12 w-12 text-gray-400 mx-auto mb-4",text:()=>"text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",subtext:()=>"text-sm text-gray-500 dark:text-gray-400 mb-4",button:()=>"inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm text-sm font-medium text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 cursor-pointer transition-colors",input:()=>"sr-only",fileList:()=>"mt-6 space-y-2",fileItem:()=>"flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg",fileIcon:()=>"w-8 h-8 bg-blue-100 dark:bg-blue-900 rounded flex items-center justify-center mr-3",fileName:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",fileSize:()=>"text-xs text-gray-500 dark:text-gray-400",removeButton:()=>"p-1 text-gray-400 hover:text-red-500 transition-colors"},web3:{container:()=>"space-y-2",label:()=>"text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 flex items-center",labelIcon:()=>"h-4 w-4 inline mr-1",inputGroup:()=>"flex rounded-md shadow-sm",tokenInput:()=>"rounded-r-none font-mono",tokenSymbol:()=>"inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-500 dark:text-gray-400 text-sm font-medium",balance:()=>"text-sm text-gray-500 dark:text-gray-400",balanceActions:()=>"flex space-x-2",maxButton:()=>"text-xs",addressInput:()=>"font-mono text-sm",addressValid:()=>"border-green-300 dark:border-green-600 pr-10",addressInvalid:()=>"border-red-300 dark:border-red-600 pr-10",gasSettings:()=>"grid grid-cols-3 gap-2",gasOption:()=>"p-2 text-center border rounded-md transition-colors cursor-pointer",gasOptionActive:()=>"border-blue-300 bg-blue-50 dark:border-blue-600 dark:bg-blue-900/20",gasOptionInactive:()=>"border-gray-300 dark:border-gray-600 hover:border-gray-400 dark:hover:border-gray-500"},validation:{container:()=>"space-y-1",label:()=>"text-sm font-medium text-gray-700 dark:text-gray-300",input:()=>"block w-full rounded-md border-gray-300 dark:border-gray-600 shadow-sm focus:border-blue-500 focus:ring-blue-500 dark:bg-gray-800 dark:text-gray-100",inputSuccess:()=>"border-green-300 dark:border-green-600 focus:border-green-500 focus:ring-green-500 pr-10",inputError:()=>"border-red-300 dark:border-red-600 focus:border-red-500 focus:ring-red-500 pr-10",inputWarning:()=>"border-yellow-300 dark:border-yellow-600 focus:border-yellow-500 focus:ring-yellow-500 pr-10",successIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-green-500",errorIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-red-500",warningIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-yellow-500",loadingIcon:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 animate-spin text-blue-600",successMessage:()=>"text-xs text-green-600 dark:text-green-400",errorMessage:()=>"text-xs text-red-600 dark:text-red-400",warningMessage:()=>"text-xs text-yellow-600 dark:text-yellow-400",helpMessage:()=>"text-xs text-gray-500 dark:text-gray-400",requirements:()=>"space-y-1 mt-2",requirement:()=>"flex items-center text-xs",requirementMet:()=>"text-green-600 dark:text-green-400",requirementUnmet:()=>"text-gray-500 dark:text-gray-400",requirementIcon:()=>"h-3 w-3 mr-1"},layout:{section:()=>"space-y-6",sectionTitle:()=>"text-lg font-medium text-gray-900 dark:text-gray-100",sectionDescription:()=>"text-sm text-gray-500 dark:text-gray-400",fieldGroup:()=>"space-y-4",fieldRow:()=>"grid grid-cols-1 md:grid-cols-2 gap-4",fieldColumn:()=>"space-y-4",actions:()=>"flex justify-between pt-6 border-t border-gray-200 dark:border-gray-700",actionsRight:()=>"flex justify-end space-x-4 pt-6 border-t border-gray-200 dark:border-gray-700",actionsCenter:()=>"flex justify-center space-x-4 pt-6 border-t border-gray-200 dark:border-gray-700"},security:{container:()=>"relative",input:()=>"font-mono",toggleButton:()=>"absolute inset-y-0 right-0 pr-3 flex items-center text-gray-400 hover:text-gray-600 dark:hover:text-gray-200",strengthMeter:()=>"mt-2 h-2 bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden",strengthBar:()=>"h-full transition-all duration-300",strengthWeak:()=>"bg-red-500 w-1/4",strengthMedium:()=>"bg-yellow-500 w-1/2",strengthStrong:()=>"bg-green-500 w-3/4",strengthVeryStrong:()=>"bg-green-600 w-full"},conditional:{container:()=>"space-y-4",trigger:()=>"flex items-center space-x-2",content:()=>"ml-6 mt-4 pl-4 border-l-2 border-gray-200 dark:border-gray-700 space-y-4",contentVisible:()=>"opacity-100 max-h-none",contentHidden:()=>"opacity-0 max-h-0 overflow-hidden"}},notifications:{toast:{container:()=>"fixed top-4 right-4 z-50 max-w-sm w-full transform transition-all duration-300 ease-out",content:()=>"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-lg p-4",wrapper:()=>"flex items-start space-x-3",icon:()=>"flex-shrink-0 mt-0.5",successIcon:()=>"h-5 w-5 text-green-500",errorIcon:()=>"h-5 w-5 text-red-500",warningIcon:()=>"h-5 w-5 text-yellow-500",infoIcon:()=>"h-5 w-5 text-blue-500",text:()=>"flex-1 min-w-0",title:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",message:()=>"mt-1 text-sm text-gray-500 dark:text-gray-400",action:()=>"mt-2 text-sm text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 cursor-pointer",closeButton:()=>"ml-4 flex-shrink-0 text-gray-400 hover:text-gray-500 dark:hover:text-gray-300 cursor-pointer",success:()=>"border-green-200 dark:border-green-800 bg-green-50 dark:bg-green-900/20",error:()=>"border-red-200 dark:border-red-800 bg-red-50 dark:bg-red-900/20",warning:()=>"border-yellow-200 dark:border-yellow-800 bg-yellow-50 dark:bg-yellow-900/20",info:()=>"border-blue-200 dark:border-blue-800 bg-blue-50 dark:bg-blue-900/20"},progress:{container:()=>"w-full",content:()=>"flex items-center justify-between mb-2",text:()=>"flex-1 min-w-0 mr-4",title:()=>"text-sm font-medium text-gray-700 dark:text-gray-300",message:()=>"text-xs text-gray-500 dark:text-gray-400 mt-1",bar:()=>"w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2 overflow-hidden",fill:()=>"h-full bg-blue-600 rounded-full transition-all duration-300",fillSuccess:()=>"h-full bg-green-600 rounded-full transition-all duration-300",fillError:()=>"h-full bg-red-600 rounded-full transition-all duration-300",fillWarning:()=>"h-full bg-yellow-600 rounded-full transition-all duration-300",percentage:()=>"text-sm text-gray-500 dark:text-gray-400 ml-2 flex-shrink-0",circle:()=>"relative w-8 h-8",circleTrack:()=>"absolute inset-0 rounded-full border-2 border-gray-200 dark:border-gray-700",circleFill:()=>"absolute inset-0 rounded-full border-2 border-transparent transition-all duration-300",spinner:()=>"animate-spin rounded-full border-2 border-transparent",spinnerPrimary:()=>"border-t-blue-600 border-r-blue-600",spinnerSuccess:()=>"border-t-green-600 border-r-green-600",spinnerError:()=>"border-t-red-600 border-r-red-600",spinnerWarning:()=>"border-t-yellow-600 border-r-yellow-600"},transaction:{container:()=>"border border-gray-200 dark:border-gray-700 rounded-lg p-4 bg-white dark:bg-gray-800",wrapper:()=>"flex items-start space-x-3",icon:()=>"w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0",iconPending:()=>"bg-yellow-100 dark:bg-yellow-900/30 text-yellow-600 dark:text-yellow-400",iconConfirming:()=>"bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400",iconConfirmed:()=>"bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400",iconFailed:()=>"bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400",content:()=>"flex-1 min-w-0",header:()=>"flex items-center justify-between mb-1",type:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",status:()=>"px-2 py-1 text-xs rounded-full font-medium",statusPending:()=>"bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300",statusConfirming:()=>"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",statusConfirmed:()=>"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",statusFailed:()=>"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",details:()=>"text-xs text-gray-500 dark:text-gray-400 mt-1",hash:()=>"font-mono text-xs text-gray-500 dark:text-gray-400",amount:()=>"text-sm text-gray-600 dark:text-gray-400 ml-2",confirmations:()=>"mt-2 text-xs text-gray-500 dark:text-gray-400",confirmationBar:()=>"w-full bg-gray-200 dark:bg-gray-700 rounded-full h-1.5 mt-1",confirmationProgress:()=>"h-1.5 bg-blue-600 rounded-full transition-all duration-300"},status:{indicator:()=>"flex items-center space-x-2",dot:()=>"w-3 h-3 rounded-full flex-shrink-0",text:()=>"text-sm font-medium",online:()=>"text-green-700 dark:text-green-300",onlineDot:()=>"bg-green-500",degraded:()=>"text-yellow-700 dark:text-yellow-300",degradedDot:()=>"bg-yellow-500",offline:()=>"text-red-700 dark:text-red-300",offlineDot:()=>"bg-red-500",pulse:()=>"animate-pulse",connection:()=>"flex items-center justify-between p-3 bg-gray-50 dark:bg-gray-800 rounded-lg",connectionLabel:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",connectionDescription:()=>"text-xs text-gray-500 dark:text-gray-400",connectionStatus:()=>"px-2 py-1 text-xs rounded-full font-medium"},badge:{container:()=>"relative inline-block",badge:()=>"absolute -top-1 -right-1 text-white text-xs rounded-full flex items-center justify-center font-medium",small:()=>"h-3 w-3 text-xs",medium:()=>"h-4 w-4 text-xs",large:()=>"h-5 w-5 text-xs",primary:()=>"bg-blue-500",success:()=>"bg-green-500",error:()=>"bg-red-500",warning:()=>"bg-yellow-500",dot:()=>"w-2 h-2 rounded-full animate-pulse",count:()=>"min-w-[1rem] px-1",countOverflow:()=>"min-w-[1.25rem] px-1"},feedback:{container:()=>"p-3 rounded-lg border",content:()=>"flex items-start",icon:()=>"flex-shrink-0 mr-2 mt-0.5",text:()=>"flex-1 min-w-0",title:()=>"text-sm font-medium",message:()=>"text-sm mt-1",action:()=>"ml-auto flex-shrink-0",success:()=>"bg-green-50 dark:bg-green-900/20 border-green-200 dark:border-green-800",successIcon:()=>"h-4 w-4 text-green-600 dark:text-green-400",successTitle:()=>"text-green-800 dark:text-green-200",successMessage:()=>"text-green-700 dark:text-green-300",error:()=>"bg-red-50 dark:bg-red-900/20 border-red-200 dark:border-red-800",errorIcon:()=>"h-4 w-4 text-red-600 dark:text-red-400",errorTitle:()=>"text-red-800 dark:text-red-200",errorMessage:()=>"text-red-700 dark:text-red-300",warning:()=>"bg-yellow-50 dark:bg-yellow-900/20 border-yellow-200 dark:border-yellow-800",warningIcon:()=>"h-4 w-4 text-yellow-600 dark:text-yellow-400",warningTitle:()=>"text-yellow-800 dark:text-yellow-200",warningMessage:()=>"text-yellow-700 dark:text-yellow-300",info:()=>"bg-blue-50 dark:bg-blue-900/20 border-blue-200 dark:border-blue-800",infoIcon:()=>"h-4 w-4 text-blue-600 dark:text-blue-400",infoTitle:()=>"text-blue-800 dark:text-blue-200",infoMessage:()=>"text-blue-700 dark:text-blue-300",neutral:()=>"bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700",neutralIcon:()=>"h-4 w-4 text-gray-600 dark:text-gray-400",neutralTitle:()=>"text-gray-900 dark:text-gray-100",neutralMessage:()=>"text-gray-600 dark:text-gray-400"},banner:{container:()=>"border-l-4 p-4",content:()=>"flex items-center justify-between",text:()=>"flex items-center",icon:()=>"flex-shrink-0 mr-3",message:()=>"text-sm font-medium",action:()=>"flex-shrink-0 ml-4",closeButton:()=>"text-gray-400 hover:text-gray-500 dark:hover:text-gray-300",success:()=>"bg-green-50 dark:bg-green-900/20 border-green-400",error:()=>"bg-red-50 dark:bg-red-900/20 border-red-400",warning:()=>"bg-yellow-50 dark:bg-yellow-900/20 border-yellow-400",info:()=>"bg-blue-50 dark:bg-blue-900/20 border-blue-400"},loading:{overlay:()=>"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50",container:()=>"bg-white dark:bg-gray-800 rounded-lg p-6 max-w-sm mx-4",content:()=>"text-center",spinner:()=>"mx-auto mb-4",title:()=>"text-lg font-medium text-gray-900 dark:text-gray-100 mb-2",message:()=>"text-sm text-gray-500 dark:text-gray-400",inline:()=>"flex items-center space-x-2",inlineSpinner:()=>"flex-shrink-0",inlineText:()=>"text-sm text-gray-600 dark:text-gray-400"}},layout:{container:{narrow:()=>"max-w-2xl mx-auto px-4 sm:px-6",default:()=>"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",wide:()=>"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",full:()=>"w-full px-4 sm:px-6 lg:px-8",fluid:()=>"w-full"},grid:{responsive:{oneToTwo:()=>"grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-6",oneToThree:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 md:gap-6",oneToFour:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 md:gap-6",twoToFour:()=>"grid grid-cols-2 md:grid-cols-4 gap-4 md:gap-6",threeToSix:()=>"grid grid-cols-3 md:grid-cols-6 gap-4 md:gap-6"},fixed:{one:()=>"grid grid-cols-1 gap-4 md:gap-6",two:()=>"grid grid-cols-2 gap-4 md:gap-6",three:()=>"grid grid-cols-3 gap-4 md:gap-6",four:()=>"grid grid-cols-4 gap-4 md:gap-6",five:()=>"grid grid-cols-5 gap-4 md:gap-6",six:()=>"grid grid-cols-6 gap-4 md:gap-6"},autoFit:{small:()=>"grid grid-cols-[repeat(auto-fit,minmax(200px,1fr))] gap-4 md:gap-6",medium:()=>"grid grid-cols-[repeat(auto-fit,minmax(300px,1fr))] gap-4 md:gap-6",large:()=>"grid grid-cols-[repeat(auto-fit,minmax(400px,1fr))] gap-4 md:gap-6"},dashboard:{sidebar:()=>"grid grid-cols-1 lg:grid-cols-4 gap-6",sidebarContent:()=>"lg:col-span-3",sidebarAside:()=>"lg:col-span-1",twoColumn:()=>"grid grid-cols-1 lg:grid-cols-2 gap-6",threeColumn:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",masonry:()=>"columns-1 md:columns-2 lg:columns-3 xl:columns-4 gap-6 space-y-6",masonryItem:()=>"break-inside-avoid mb-6"}},flex:{row:()=>"flex flex-row",column:()=>"flex flex-col",rowReverse:()=>"flex flex-row-reverse",columnReverse:()=>"flex flex-col-reverse",center:()=>"flex items-center justify-center",centerVertical:()=>"flex items-center",centerHorizontal:()=>"flex justify-center",spaceBetween:()=>"flex items-center justify-between",spaceAround:()=>"flex items-center justify-around",spaceEvenly:()=>"flex items-center justify-evenly",responsiveColumn:()=>"flex flex-col md:flex-row",responsiveRow:()=>"flex flex-row md:flex-col",header:()=>"flex items-center justify-between w-full",toolbar:()=>"flex items-center space-x-2",buttonGroup:()=>"flex items-center space-x-2",iconText:()=>"flex items-center space-x-2",listItem:()=>"flex items-start space-x-3",listItemCenter:()=>"flex items-center space-x-3",listItemEnd:()=>"flex items-end space-x-3",cardContent:()=>"flex flex-col space-y-4",cardActions:()=>"flex items-center justify-end space-x-2 pt-4",cardHeader:()=>"flex items-start justify-between",formRow:()=>"flex flex-col sm:flex-row sm:items-center sm:space-x-4 space-y-2 sm:space-y-0",formActions:()=>"flex flex-col sm:flex-row-reverse sm:justify-start space-y-2 sm:space-y-0 sm:space-x-2 sm:space-x-reverse",wrap:()=>"flex flex-wrap",nowrap:()=>"flex flex-nowrap",wrapReverse:()=>"flex flex-wrap-reverse",gapSm:()=>"gap-2",gapMd:()=>"gap-4",gapLg:()=>"gap-6",gapXl:()=>"gap-8"},spacing:{margin:{none:()=>"m-0",xs:()=>"m-1",sm:()=>"m-2",md:()=>"m-4",lg:()=>"m-6",xl:()=>"m-8",xxl:()=>"m-12",top:{none:()=>"mt-0",xs:()=>"mt-1",sm:()=>"mt-2",md:()=>"mt-4",lg:()=>"mt-6",xl:()=>"mt-8",xxl:()=>"mt-12"},bottom:{none:()=>"mb-0",xs:()=>"mb-1",sm:()=>"mb-2",md:()=>"mb-4",lg:()=>"mb-6",xl:()=>"mb-8",xxl:()=>"mb-12"},left:{none:()=>"ml-0",xs:()=>"ml-1",sm:()=>"ml-2",md:()=>"ml-4",lg:()=>"ml-6",xl:()=>"ml-8",xxl:()=>"ml-12"},right:{none:()=>"mr-0",xs:()=>"mr-1",sm:()=>"mr-2",md:()=>"mr-4",lg:()=>"mr-6",xl:()=>"mr-8",xxl:()=>"mr-12"},horizontal:{none:()=>"mx-0",xs:()=>"mx-1",sm:()=>"mx-2",md:()=>"mx-4",lg:()=>"mx-6",xl:()=>"mx-8",xxl:()=>"mx-12",auto:()=>"mx-auto"},vertical:{none:()=>"my-0",xs:()=>"my-1",sm:()=>"my-2",md:()=>"my-4",lg:()=>"my-6",xl:()=>"my-8",xxl:()=>"my-12"}},padding:{none:()=>"p-0",xs:()=>"p-1",sm:()=>"p-2",md:()=>"p-4",lg:()=>"p-6",xl:()=>"p-8",xxl:()=>"p-12",top:{none:()=>"pt-0",xs:()=>"pt-1",sm:()=>"pt-2",md:()=>"pt-4",lg:()=>"pt-6",xl:()=>"pt-8",xxl:()=>"pt-12"},bottom:{none:()=>"pb-0",xs:()=>"pb-1",sm:()=>"pb-2",md:()=>"pb-4",lg:()=>"pb-6",xl:()=>"pb-8",xxl:()=>"pb-12"},left:{none:()=>"pl-0",xs:()=>"pl-1",sm:()=>"pl-2",md:()=>"pl-4",lg:()=>"pl-6",xl:()=>"pl-8",xxl:()=>"pl-12"},right:{none:()=>"pr-0",xs:()=>"pr-1",sm:()=>"pr-2",md:()=>"pr-4",lg:()=>"pr-6",xl:()=>"pr-8",xxl:()=>"pr-12"},horizontal:{none:()=>"px-0",xs:()=>"px-1",sm:()=>"px-2",md:()=>"px-4",lg:()=>"px-6",xl:()=>"px-8",xxl:()=>"px-12"},vertical:{none:()=>"py-0",xs:()=>"py-1",sm:()=>"py-2",md:()=>"py-4",lg:()=>"py-6",xl:()=>"py-8",xxl:()=>"py-12"}},section:()=>"py-12 md:py-16 lg:py-20",subsection:()=>"py-8 md:py-12",cardSpacing:()=>"p-6 md:p-8",listSpacing:()=>"space-y-4",buttonSpacing:()=>"space-x-2"},web3:{wallet:{connect:()=>"flex flex-col items-center space-y-4 p-6",connected:()=>"flex items-center justify-between p-4 bg-green-50 dark:bg-green-900/20 rounded-lg",balance:()=>"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",portfolio:()=>"grid grid-cols-1 lg:grid-cols-3 gap-6"},transaction:{form:()=>"space-y-6",preview:()=>"bg-gray-50 dark:bg-gray-800 rounded-lg p-4 space-y-3",history:()=>"space-y-2",historyItem:()=>"flex items-center justify-between p-3 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700",details:()=>"grid grid-cols-1 md:grid-cols-2 gap-4"},nft:{gallery:()=>"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 md:gap-6",card:()=>"bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 overflow-hidden",cardContent:()=>"p-4 space-y-3",cardActions:()=>"flex items-center justify-between pt-3 border-t border-gray-200 dark:border-gray-700",collection:()=>"grid grid-cols-1 lg:grid-cols-4 gap-6",collectionSidebar:()=>"lg:col-span-1 space-y-6",collectionGrid:()=>"lg:col-span-3"},defi:{dashboard:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",pool:()=>"bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-6",poolStats:()=>"grid grid-cols-2 md:grid-cols-4 gap-4",liquidity:()=>"space-y-4",farming:()=>"grid grid-cols-1 lg:grid-cols-2 gap-6"},dao:{governance:()=>"grid grid-cols-1 lg:grid-cols-3 gap-6",proposal:()=>"bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-6",proposalHeader:()=>"flex items-start justify-between mb-6",proposalContent:()=>"space-y-6",voting:()=>"grid grid-cols-1 md:grid-cols-2 gap-4"}},position:{relative:()=>"relative",absolute:()=>"absolute",fixed:()=>"fixed",sticky:()=>"sticky",topLeft:()=>"absolute top-0 left-0",topRight:()=>"absolute top-0 right-0",bottomLeft:()=>"absolute bottom-0 left-0",bottomRight:()=>"absolute bottom-0 right-0",center:()=>"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2",overlay:()=>"fixed inset-0 z-50",backdrop:()=>"fixed inset-0 bg-black bg-opacity-50 z-40"},overflow:{hidden:()=>"overflow-hidden",auto:()=>"overflow-auto",scroll:()=>"overflow-scroll",xHidden:()=>"overflow-x-hidden",yHidden:()=>"overflow-y-hidden",xAuto:()=>"overflow-x-auto",yAuto:()=>"overflow-y-auto",xScroll:()=>"overflow-x-scroll",yScroll:()=>"overflow-y-scroll"},zIndex:{base:()=>"z-0",dropdown:()=>"z-10",sticky:()=>"z-20",modal:()=>"z-50",popover:()=>"z-60",tooltip:()=>"z-70"},display:{block:()=>"block",inline:()=>"inline",inlineBlock:()=>"inline-block",flex:()=>"flex",inlineFlex:()=>"inline-flex",grid:()=>"grid",inlineGrid:()=>"inline-grid",hidden:()=>"hidden",hiddenMobile:()=>"hidden sm:block",hiddenTablet:()=>"hidden md:block",hiddenDesktop:()=>"block md:hidden",mobileOnly:()=>"block sm:hidden",tabletOnly:()=>"hidden sm:block md:hidden",desktopOnly:()=>"hidden md:block"},patterns:{fullHeight:()=>"min-h-screen flex flex-col",centeredPage:()=>"min-h-screen flex items-center justify-center",header:()=>"sticky top-0 z-40 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700",headerContent:()=>"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-16 flex items-center justify-between",sidebarLayout:()=>"flex h-screen bg-gray-100 dark:bg-gray-900",sidebar:()=>"w-64 bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700",mainContent:()=>"flex-1 flex flex-col overflow-hidden",modalOverlay:()=>"fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50",modalContent:()=>"bg-white dark:bg-gray-800 rounded-lg shadow-xl max-w-lg w-full max-h-[90vh] overflow-hidden",cardGrid:()=>"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",cardStack:()=>"space-y-6",dividedList:()=>"divide-y divide-gray-200 dark:divide-gray-700",spacedList:()=>"space-y-4",formStack:()=>"space-y-6",formGrid:()=>"grid grid-cols-1 md:grid-cols-2 gap-6",fieldset:()=>"space-y-4",loadingOverlay:()=>"absolute inset-0 bg-white bg-opacity-75 dark:bg-gray-900 dark:bg-opacity-75 flex items-center justify-center",loadingInline:()=>"flex items-center space-x-2",emptyState:()=>"text-center py-12",emptyStateIcon:()=>"mx-auto h-12 w-12 text-gray-400 mb-4"}},table:{container:()=>"overflow-hidden rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800",table:()=>"min-w-full divide-y divide-gray-200 dark:divide-gray-700",header:{row:()=>"bg-gray-50 dark:bg-gray-900/50",cell:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",sortable:()=>"px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none group"},body:{row:()=>"bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors duration-200",rowSelected:()=>"bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors duration-200",rowClickable:()=>"bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors duration-200 cursor-pointer",cell:()=>"px-6 py-4 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100",cellMuted:()=>"px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400",cellAction:()=>"px-6 py-4 whitespace-nowrap text-right text-sm font-medium"},compact:{header:{cell:()=>"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider",sortable:()=>"px-4 py-2 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-800 select-none group"},body:{cell:()=>"px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-gray-100",cellMuted:()=>"px-4 py-3 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400",cellAction:()=>"px-4 py-3 whitespace-nowrap text-right text-sm font-medium"}},states:{loading:()=>"opacity-50 pointer-events-none",empty:()=>"text-center py-12 text-gray-500 dark:text-gray-400",error:()=>"text-center py-12 text-red-500 dark:text-red-400"},pagination:{container:()=>"bg-white dark:bg-gray-800 px-4 py-3 flex items-center justify-between border-t border-gray-200 dark:border-gray-700 sm:px-6",info:()=>"flex-1 flex justify-between sm:hidden text-sm text-gray-700 dark:text-gray-300",nav:()=>"hidden sm:flex-1 sm:flex sm:items-center sm:justify-between",button:()=>"relative inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 text-sm font-medium rounded-md text-gray-700 dark:text-gray-300 bg-white dark:bg-gray-800 hover:bg-gray-50 dark:hover:bg-gray-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors duration-200",buttonCurrent:()=>"relative inline-flex items-center px-4 py-2 border border-blue-500 dark:border-blue-400 text-sm font-medium rounded-md text-blue-600 dark:text-blue-400 bg-blue-50 dark:bg-blue-900/20 hover:bg-blue-100 dark:hover:bg-blue-900/30 transition-colors duration-200"},grid:{container:()=>"overflow-auto rounded-lg border border-gray-200 dark:border-gray-700",table:()=>"min-w-full table-fixed",resizeHandle:()=>"absolute right-0 top-0 bottom-0 w-1 cursor-col-resize hover:bg-blue-500 dark:hover:bg-blue-400 transition-colors duration-200",filterContainer:()=>"border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900/50 p-3",filterInput:()=>"block w-full rounded-md border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-3 py-2 text-sm focus:border-blue-500 focus:ring-blue-500 dark:focus:border-blue-400 dark:focus:ring-blue-400 focus:outline-none focus:ring-2"},sort:{indicator:()=>"ml-2 h-4 w-4 flex-none rounded text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-300",ascending:()=>"ml-2 h-4 w-4 flex-none rounded text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-300 transform rotate-0",descending:()=>"ml-2 h-4 w-4 flex-none rounded text-gray-400 group-hover:text-gray-500 dark:group-hover:text-gray-300 transform rotate-180"}},icon:{size:{xs:()=>"h-3 w-3",sm:()=>"h-4 w-4",md:()=>"h-5 w-5",lg:()=>"h-6 w-6",xl:()=>"h-8 w-8",xxl:()=>"h-10 w-10",xxxl:()=>"h-12 w-12"},color:{default:()=>"text-gray-500 dark:text-gray-400",muted:()=>"text-gray-400 dark:text-gray-500",subtle:()=>"text-gray-300 dark:text-gray-600",primary:()=>"text-gray-900 dark:text-gray-100",brand:()=>"text-blue-600 dark:text-blue-400",brandMuted:()=>"text-blue-500 dark:text-blue-500",success:()=>"text-green-600 dark:text-green-400",warning:()=>"text-amber-600 dark:text-amber-400",error:()=>"text-red-600 dark:text-red-400",info:()=>"text-blue-600 dark:text-blue-400",interactive:()=>"text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200",interactiveSubtle:()=>"text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors duration-200",ethereum:()=>"text-blue-600 dark:text-blue-400",solana:()=>"text-purple-600 dark:text-purple-400",bitcoin:()=>"text-orange-600 dark:text-orange-400"},variant:{default:{xs:()=>"h-3 w-3 text-gray-500 dark:text-gray-400",sm:()=>"h-4 w-4 text-gray-500 dark:text-gray-400",md:()=>"h-5 w-5 text-gray-500 dark:text-gray-400",lg:()=>"h-6 w-6 text-gray-500 dark:text-gray-400",xl:()=>"h-8 w-8 text-gray-500 dark:text-gray-400"},interactive:{xs:()=>"h-3 w-3 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",sm:()=>"h-4 w-4 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",md:()=>"h-5 w-5 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",lg:()=>"h-6 w-6 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer",xl:()=>"h-8 w-8 text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors duration-200 cursor-pointer"},success:{xs:()=>"h-3 w-3 text-green-600 dark:text-green-400",sm:()=>"h-4 w-4 text-green-600 dark:text-green-400",md:()=>"h-5 w-5 text-green-600 dark:text-green-400",lg:()=>"h-6 w-6 text-green-600 dark:text-green-400",xl:()=>"h-8 w-8 text-green-600 dark:text-green-400"},warning:{xs:()=>"h-3 w-3 text-amber-600 dark:text-amber-400",sm:()=>"h-4 w-4 text-amber-600 dark:text-amber-400",md:()=>"h-5 w-5 text-amber-600 dark:text-amber-400",lg:()=>"h-6 w-6 text-amber-600 dark:text-amber-400",xl:()=>"h-8 w-8 text-amber-600 dark:text-amber-400"},error:{xs:()=>"h-3 w-3 text-red-600 dark:text-red-400",sm:()=>"h-4 w-4 text-red-600 dark:text-red-400",md:()=>"h-5 w-5 text-red-600 dark:text-red-400",lg:()=>"h-6 w-6 text-red-600 dark:text-red-400",xl:()=>"h-8 w-8 text-red-600 dark:text-red-400"},muted:{xs:()=>"h-3 w-3 text-gray-400 dark:text-gray-500",sm:()=>"h-4 w-4 text-gray-400 dark:text-gray-500",md:()=>"h-5 w-5 text-gray-400 dark:text-gray-500",lg:()=>"h-6 w-6 text-gray-400 dark:text-gray-500",xl:()=>"h-8 w-8 text-gray-400 dark:text-gray-500"}},context:{button:{leading:()=>"h-4 w-4 mr-2 flex-shrink-0",trailing:()=>"h-4 w-4 ml-2 flex-shrink-0",only:()=>"h-4 w-4",small:()=>"h-3 w-3",large:()=>"h-5 w-5"},input:{leading:()=>"absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 pointer-events-none",trailing:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400",interactive:()=>"absolute right-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-gray-400 hover:text-gray-600 cursor-pointer transition-colors duration-200"},navigation:{menu:()=>"h-5 w-5 text-gray-600 dark:text-gray-400",menuActive:()=>"h-5 w-5 text-blue-600 dark:text-blue-400",breadcrumb:()=>"h-4 w-4 text-gray-400 mx-2",tab:()=>"h-4 w-4 mr-2"},status:{success:()=>"h-5 w-5 text-green-500 flex-shrink-0",warning:()=>"h-5 w-5 text-amber-500 flex-shrink-0",error:()=>"h-5 w-5 text-red-500 flex-shrink-0",info:()=>"h-5 w-5 text-blue-500 flex-shrink-0",loading:()=>"h-5 w-5 text-gray-400 animate-spin flex-shrink-0"},avatar:{small:()=>"h-6 w-6 text-gray-400",medium:()=>"h-8 w-8 text-gray-400",large:()=>"h-10 w-10 text-gray-400",fallback:()=>"h-full w-full text-gray-300"},web3:{wallet:()=>"h-5 w-5 text-gray-600 dark:text-gray-400",walletConnected:()=>"h-5 w-5 text-green-600 dark:text-green-400",walletDisconnected:()=>"h-5 w-5 text-gray-400 dark:text-gray-500",transaction:()=>"h-4 w-4 text-blue-600 dark:text-blue-400",blockchain:{ethereum:()=>"h-5 w-5 text-blue-600 dark:text-blue-400",solana:()=>"h-5 w-5 text-purple-600 dark:text-purple-400",bitcoin:()=>"h-5 w-5 text-orange-600 dark:text-orange-400"}},card:{header:()=>"h-5 w-5 text-gray-600 dark:text-gray-400 mr-2",action:()=>"h-4 w-4 text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors duration-200",feature:()=>"h-6 w-6 text-blue-600 dark:text-blue-400",featureLarge:()=>"h-8 w-8 text-blue-600 dark:text-blue-400"},list:{item:()=>"h-4 w-4 text-gray-500 dark:text-gray-400 mr-3 flex-shrink-0",action:()=>"h-4 w-4 text-gray-400 hover:text-gray-600 dark:text-gray-500 dark:hover:text-gray-300 transition-colors duration-200",bullet:()=>"h-1.5 w-1.5 text-gray-400 mt-2 mr-3 flex-shrink-0"}},decorative:{hero:{small:()=>"h-12 w-12 text-blue-600 dark:text-blue-400",medium:()=>"h-16 w-16 text-blue-600 dark:text-blue-400",large:()=>"h-20 w-20 text-blue-600 dark:text-blue-400",xlarge:()=>"h-24 w-24 text-blue-600 dark:text-blue-400"},feature:{small:()=>"h-8 w-8 text-gray-600 dark:text-gray-400",medium:()=>"h-10 w-10 text-gray-600 dark:text-gray-400",large:()=>"h-12 w-12 text-gray-600 dark:text-gray-400"},background:{subtle:()=>"h-32 w-32 text-gray-100 dark:text-gray-800 opacity-50",muted:()=>"h-24 w-24 text-gray-200 dark:text-gray-700 opacity-30"},empty:{small:()=>"h-8 w-8 text-gray-400 dark:text-gray-500 mb-2",medium:()=>"h-12 w-12 text-gray-400 dark:text-gray-500 mb-4",large:()=>"h-16 w-16 text-gray-400 dark:text-gray-500 mb-6"}}},overlays:{modal:{backdrop:()=>"fixed inset-0 z-40 bg-black/50 dark:bg-black/70 backdrop-blur-sm transition-all duration-300 ease-out",backdropEntering:()=>"opacity-0",backdropEntered:()=>"opacity-100",backdropExiting:()=>"opacity-0",container:()=>"fixed inset-0 z-50 flex items-center justify-center p-4 transition-all duration-300 ease-out",containerEntering:()=>"opacity-0 scale-95",containerEntered:()=>"opacity-100 scale-100",containerExiting:()=>"opacity-0 scale-95",content:()=>"relative w-full max-w-lg bg-white dark:bg-gray-900 rounded-lg shadow-xl border border-gray-200 dark:border-gray-700 max-h-[80vh] overflow-hidden",small:()=>"max-w-sm",medium:()=>"max-w-lg",large:()=>"max-w-2xl",extraLarge:()=>"max-w-4xl",fullWidth:()=>"max-w-[95vw]",header:()=>"flex items-center justify-between p-4 sm:p-6 border-b border-gray-200 dark:border-gray-700",title:()=>"text-lg font-semibold text-gray-900 dark:text-gray-100",closeButton:()=>"p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",body:()=>"p-4 sm:p-6 overflow-y-auto",footer:()=>"flex items-center justify-end space-x-3 p-4 sm:p-6 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50"},tooltip:{container:()=>"absolute z-50 px-2 py-1 text-xs font-medium text-white bg-gray-900 dark:bg-gray-800 rounded shadow-lg transition-all duration-200 pointer-events-none",arrow:()=>"absolute w-2 h-2 bg-gray-900 dark:bg-gray-800 transform rotate-45",top:()=>"-translate-x-1/2 -translate-y-full left-1/2 bottom-full mb-2",topArrow:()=>"top-full left-1/2 -translate-x-1/2 -translate-y-1/2",bottom:()=>"-translate-x-1/2 translate-y-full left-1/2 top-full mt-2",bottomArrow:()=>"bottom-full left-1/2 -translate-x-1/2 translate-y-1/2",left:()=>"-translate-y-1/2 -translate-x-full top-1/2 right-full mr-2",leftArrow:()=>"left-full top-1/2 -translate-y-1/2 -translate-x-1/2",right:()=>"-translate-y-1/2 translate-x-full top-1/2 left-full ml-2",rightArrow:()=>"right-full top-1/2 -translate-y-1/2 translate-x-1/2",light:()=>"text-gray-900 bg-white border border-gray-200 shadow-md",dark:()=>"text-white bg-gray-900 dark:bg-gray-800",info:()=>"text-blue-50 bg-blue-600",success:()=>"text-green-50 bg-green-600",warning:()=>"text-amber-50 bg-amber-600",error:()=>"text-red-50 bg-red-600"},popover:{backdrop:()=>"fixed inset-0 z-30",container:()=>"absolute z-40 w-64 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 transition-all duration-200",arrow:()=>"absolute w-3 h-3 bg-white dark:bg-gray-800 border-l border-t border-gray-200 dark:border-gray-700 transform rotate-45",small:()=>"w-48",medium:()=>"w-64",large:()=>"w-80",auto:()=>"w-auto min-w-48 max-w-xs",top:()=>"-translate-x-1/2 -translate-y-full left-1/2 bottom-full mb-3",topArrow:()=>"top-full left-1/2 -translate-x-1/2 -translate-y-1/2",bottom:()=>"-translate-x-1/2 translate-y-full left-1/2 top-full mt-3",bottomArrow:()=>"bottom-full left-1/2 -translate-x-1/2 translate-y-1/2",left:()=>"-translate-y-1/2 -translate-x-full top-1/2 right-full mr-3",leftArrow:()=>"left-full top-1/2 -translate-y-1/2 -translate-x-1/2",right:()=>"-translate-y-1/2 translate-x-full top-1/2 left-full ml-3",rightArrow:()=>"right-full top-1/2 -translate-y-1/2 translate-x-1/2",header:()=>"px-4 py-3 border-b border-gray-200 dark:border-gray-700",title:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",body:()=>"px-4 py-3",footer:()=>"px-4 py-3 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-700/50",entering:()=>"opacity-0 scale-95 transform",entered:()=>"opacity-100 scale-100 transform",exiting:()=>"opacity-0 scale-95 transform"},dropdown:{container:()=>"relative inline-block",trigger:()=>"inline-flex justify-center items-center bg-transparent border-0 text-gray-900 dark:text-gray-100 focus:outline-none transition-colors",triggerBordered:()=>"inline-flex justify-center items-center bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:ring-offset-gray-950 transition-colors",menu:()=>"absolute z-50 w-56 bg-white dark:bg-gray-800 rounded-md shadow-lg focus:outline-none transition-all duration-200",menuSmall:()=>"w-40",menuLarge:()=>"w-72",menuAuto:()=>"w-auto min-w-40",menuTop:()=>"bottom-full mb-1",menuBottom:()=>"top-full mt-1",menuLeft:()=>"right-0",menuRight:()=>"left-0",menuEntering:()=>"opacity-0 scale-95 transform origin-top",menuEntered:()=>"opacity-100 scale-100 transform origin-top",menuExiting:()=>"opacity-0 scale-95 transform origin-top",itemContainer:()=>"py-1 px-1",item:()=>"flex items-center w-full text-left px-4 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-blue-50 dark:hover:bg-blue-900/20 hover:text-blue-700 dark:hover:text-blue-300 transition-all duration-200 cursor-pointer hover:shadow-sm rounded-sm",itemActive:()=>"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300 shadow-sm",itemDisabled:()=>"text-gray-400 dark:text-gray-600 cursor-not-allowed hover:bg-transparent hover:text-gray-400 dark:hover:text-gray-600",divider:()=>"my-1 border-t border-gray-200 dark:border-gray-700",header:()=>"px-4 py-2 text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide",itemIcon:()=>"mr-3 h-4 w-4 flex-shrink-0",itemIconRight:()=>"ml-auto h-4 w-4 flex-shrink-0"},drawer:{backdrop:()=>"fixed inset-0 z-40 bg-black/50 dark:bg-black/70 transition-opacity duration-300",container:()=>"fixed inset-y-0 z-50 flex w-full justify-end transition-transform duration-300 ease-in-out",right:()=>"right-0",left:()=>"left-0 justify-start",narrow:()=>"max-w-xs",default:()=>"max-w-md",wide:()=>"max-w-lg",extraWide:()=>"max-w-2xl",content:()=>"relative flex w-full flex-col bg-white dark:bg-gray-900 border-l border-gray-200 dark:border-gray-700 shadow-xl",contentLeft:()=>"border-r border-l-0 border-gray-200 dark:border-gray-700",header:()=>"flex items-center justify-between px-4 sm:px-6 py-4 border-b border-gray-200 dark:border-gray-700",title:()=>"text-lg font-semibold text-gray-900 dark:text-gray-100",closeButton:()=>"p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",body:()=>"flex-1 px-4 sm:px-6 py-4 overflow-y-auto",footer:()=>"flex items-center justify-end space-x-3 px-4 sm:px-6 py-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50",entering:()=>"translate-x-full",enteringLeft:()=>"-translate-x-full",entered:()=>"translate-x-0",exiting:()=>"translate-x-full",exitingLeft:()=>"-translate-x-full"},sheet:{backdrop:()=>"fixed inset-0 z-40 bg-black/50 dark:bg-black/70 transition-opacity duration-300",container:()=>"fixed inset-x-0 bottom-0 z-50 transition-transform duration-300 ease-out",content:()=>"relative bg-white dark:bg-gray-900 rounded-t-lg shadow-xl border-t border-gray-200 dark:border-gray-700 max-h-[85vh] overflow-hidden",handle:()=>"flex justify-center py-2",handleBar:()=>"w-10 h-1 bg-gray-300 dark:bg-gray-600 rounded-full",header:()=>"flex items-center justify-between px-4 sm:px-6 py-4 border-b border-gray-200 dark:border-gray-700",title:()=>"text-lg font-semibold text-gray-900 dark:text-gray-100",closeButton:()=>"p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-md transition-colors",body:()=>"px-4 sm:px-6 py-4 overflow-y-auto",footer:()=>"flex items-center justify-center space-x-3 px-4 sm:px-6 py-4 border-t border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800/50",entering:()=>"translate-y-full",entered:()=>"translate-y-0",exiting:()=>"translate-y-full"},contextMenu:{backdrop:()=>"fixed inset-0 z-30",container:()=>"absolute z-50 w-48 bg-white dark:bg-gray-800 rounded-md shadow-lg border border-gray-200 dark:border-gray-700 py-1 focus:outline-none transition-all duration-150",item:()=>"flex items-center px-3 py-2 text-sm text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-gray-100 transition-colors cursor-pointer",itemDisabled:()=>"text-gray-400 dark:text-gray-600 cursor-not-allowed hover:bg-transparent",itemDanger:()=>"text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 hover:text-red-700 dark:hover:text-red-300",divider:()=>"my-1 border-t border-gray-200 dark:border-gray-700",icon:()=>"mr-2 h-4 w-4 flex-shrink-0",shortcut:()=>"ml-auto text-xs text-gray-400 dark:text-gray-500",submenuIndicator:()=>"ml-auto h-4 w-4 text-gray-400 dark:text-gray-500",submenu:()=>"absolute left-full top-0 ml-1"},loading:{backdrop:()=>"fixed inset-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm flex items-center justify-center transition-all duration-300",container:()=>"flex flex-col items-center space-y-4 p-6 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700",spinner:()=>"w-8 h-8 border-2 border-blue-600 border-t-transparent rounded-full animate-spin",spinnerLarge:()=>"w-12 h-12 border-3 border-blue-600 border-t-transparent rounded-full animate-spin",text:()=>"text-sm font-medium text-gray-900 dark:text-gray-100",subtext:()=>"text-xs text-gray-500 dark:text-gray-400 text-center max-w-xs"},portal:{backdrop:()=>"z-40",dropdown:()=>"z-50",tooltip:()=>"z-50",popover:()=>"z-40",modal:()=>"z-50",drawer:()=>"z-50",sheet:()=>"z-50",contextMenu:()=>"z-50",loading:()=>"z-60",notification:()=>"z-70",focusTrap:()=>"focus:outline-none",focusVisible:()=>"focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",srOnly:()=>"sr-only",ariaLabel:()=>"aria-label"}},animations:{hover:{card:{subtle:()=>"transition-all duration-200 hover:shadow-md hover:-translate-y-0.5",lift:()=>"transition-all duration-300 hover:shadow-lg hover:-translate-y-1",glow:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-blue-500/25 dark:hover:shadow-blue-400/25",scale:()=>"transition-transform duration-200 hover:scale-105",border:()=>"transition-all duration-200 hover:border-blue-300 dark:hover:border-blue-600",nft:()=>"transition-all duration-300 hover:shadow-xl hover:shadow-purple-500/30 hover:scale-[1.02]",wallet:()=>"transition-all duration-200 hover:shadow-md hover:bg-gradient-to-r hover:from-blue-50 hover:to-indigo-50 dark:hover:from-blue-900/20 dark:hover:to-indigo-900/20",transaction:()=>"transition-all duration-200 hover:shadow-md hover:border-green-300 dark:hover:border-green-600"},button:{lift:()=>"transition-all duration-150 hover:-translate-y-0.5 hover:shadow-md",glow:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-current/25",scale:()=>"transition-transform duration-150 hover:scale-105",shimmer:()=>"relative overflow-hidden transition-all duration-200 before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-transparent before:via-white/20 before:to-transparent hover:before:translate-x-full",connect:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-blue-500/30 hover:scale-[1.02]",transaction:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-green-500/30",disconnect:()=>"transition-all duration-200 hover:shadow-lg hover:shadow-red-500/30"},icon:{bounce:()=>"transition-transform duration-200 hover:scale-110 hover:-translate-y-0.5",rotate:()=>"transition-transform duration-200 hover:rotate-12",pulse:()=>"transition-all duration-200 hover:scale-110 hover:text-blue-600 dark:hover:text-blue-400",glow:()=>"transition-all duration-200 hover:text-blue-600 dark:hover:text-blue-400 hover:drop-shadow-sm"}},loading:{spinner:{default:()=>"animate-spin",slow:()=>"animate-spin-slow",fast:()=>"animate-spin-fast",bounce:()=>"animate-bounce",pulse:()=>"animate-pulse",ping:()=>"animate-ping"},skeleton:{base:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded",line:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 h-4 rounded",circle:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-full",card:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded-lg h-32",shimmer:()=>"relative overflow-hidden bg-gray-200 dark:bg-gray-700 before:absolute before:inset-0 before:-translate-x-full before:animate-shimmer before:bg-gradient-to-r before:from-gray-200 before:via-white before:to-gray-200 dark:before:from-gray-700 dark:before:via-gray-600 dark:before:to-gray-700",progressive:()=>"bg-gradient-to-r from-gray-200 via-gray-300 to-gray-200 dark:from-gray-700 dark:via-gray-600 dark:to-gray-700 bg-[length:200%_100%] animate-shimmer-bg"},progress:{bar:()=>"transition-all duration-300 ease-out",indeterminate:()=>"animate-progress-indeterminate bg-gradient-to-r from-blue-500 via-purple-500 to-blue-500 bg-[length:200%_100%]",transaction:()=>"animate-progress-glow bg-gradient-to-r from-green-400 to-blue-500",minting:()=>"animate-progress-rainbow bg-gradient-to-r from-pink-500 via-purple-500 to-indigo-500"}},transitions:{slide:{up:()=>"transition-transform duration-300 ease-out",upEnter:()=>"translate-y-full",upEntered:()=>"translate-y-0",upExit:()=>"translate-y-full",down:()=>"transition-transform duration-300 ease-out",downEnter:()=>"-translate-y-full",downEntered:()=>"translate-y-0",downExit:()=>"-translate-y-full",left:()=>"transition-transform duration-300 ease-out",leftEnter:()=>"translate-x-full",leftEntered:()=>"translate-x-0",leftExit:()=>"translate-x-full",right:()=>"transition-transform duration-300 ease-out",rightEnter:()=>"-translate-x-full",rightEntered:()=>"translate-x-0",rightExit:()=>"-translate-x-full"},fade:{default:()=>"transition-opacity duration-300 ease-out",enter:()=>"opacity-0",entered:()=>"opacity-100",exit:()=>"opacity-0",fast:()=>"transition-opacity duration-150 ease-out",slow:()=>"transition-opacity duration-500 ease-out",scale:()=>"transition-all duration-300 ease-out",scaleEnter:()=>"opacity-0 scale-95",scaleEntered:()=>"opacity-100 scale-100",scaleExit:()=>"opacity-0 scale-95"},page:{slideLeft:()=>"transition-transform duration-300 ease-in-out",slideRight:()=>"transition-transform duration-300 ease-in-out",fadeScale:()=>"transition-all duration-300 ease-in-out"}},feedback:{tap:{ripple:()=>"relative overflow-hidden transition-all duration-150 active:scale-95",scale:()=>"transition-transform duration-100 active:scale-95",glow:()=>"transition-all duration-150 active:shadow-lg active:shadow-current/30",materialRipple:()=>"relative overflow-hidden after:absolute after:inset-0 after:rounded-[inherit] after:pointer-events-none after:transition-opacity after:duration-300 after:opacity-0 active:after:opacity-100 active:after:bg-white/20"},focus:{ring:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",glow:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:shadow-lg focus-visible:shadow-blue-500/25",scale:()=>"focus-visible:outline-none focus-visible:scale-105 focus-visible:ring-2 focus-visible:ring-blue-500",wallet:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:bg-blue-50 dark:focus-visible:bg-blue-900/20"},drag:{dragging:()=>"opacity-50 scale-95 rotate-3 shadow-xl z-50",dropzone:()=>"transition-all duration-200 border-2 border-dashed",dropzoneActive:()=>"border-blue-400 bg-blue-50 dark:bg-blue-900/20 scale-105",dropzoneInactive:()=>"border-gray-300 dark:border-gray-600"}},scroll:{reveal:{fadeUp:()=>"opacity-0 translate-y-8 transition-all duration-700 ease-out",fadeUpVisible:()=>"opacity-100 translate-y-0",fadeDown:()=>"opacity-0 -translate-y-8 transition-all duration-700 ease-out",fadeDownVisible:()=>"opacity-100 translate-y-0",fadeLeft:()=>"opacity-0 translate-x-8 transition-all duration-700 ease-out",fadeLeftVisible:()=>"opacity-100 translate-x-0",fadeRight:()=>"opacity-0 -translate-x-8 transition-all duration-700 ease-out",fadeRightVisible:()=>"opacity-100 translate-x-0",scale:()=>"opacity-0 scale-90 transition-all duration-700 ease-out",scaleVisible:()=>"opacity-100 scale-100"},parallax:{slow:()=>"transform transition-transform duration-75",medium:()=>"transform transition-transform duration-100",fast:()=>"transform transition-transform duration-150"},sticky:{shrink:()=>"transition-all duration-300 ease-out",shrinkActive:()=>"py-2 shadow-lg backdrop-blur-md",shrinkInactive:()=>"py-4"}},web3:{wallet:{connecting:()=>"animate-pulse bg-gradient-to-r from-blue-500 via-purple-500 to-blue-500 bg-[length:200%_100%] animate-shimmer-bg",connected:()=>"animate-bounce-gentle bg-gradient-to-r from-green-400 to-blue-500",disconnected:()=>"animate-fade-out opacity-50",error:()=>"animate-shake bg-red-100 dark:bg-red-900/20"},transaction:{pending:()=>"animate-pulse border border-yellow-300 bg-yellow-50 dark:border-yellow-700 dark:bg-yellow-900/20",confirming:()=>"animate-progress-dots bg-gradient-to-r from-blue-500 to-purple-500",confirmed:()=>"animate-success-pulse border border-green-300 bg-green-50 dark:border-green-700 dark:bg-green-900/20",failed:()=>"animate-error-flash border border-red-300 bg-red-50 dark:border-red-700 dark:bg-red-900/20"},blockchain:{mining:()=>"animate-mining-pulse bg-gradient-to-r from-yellow-400 via-orange-500 to-yellow-400 bg-[length:200%_100%]",minting:()=>"animate-rainbow bg-gradient-to-r from-pink-500 via-purple-500 via-blue-500 to-pink-500 bg-[length:300%_100%]",staking:()=>"animate-glow-pulse bg-gradient-to-r from-green-400 to-emerald-500",burning:()=>"animate-fire bg-gradient-to-r from-red-500 via-orange-500 to-yellow-500 bg-[length:200%_100%]"}},utility:{attention:{bounce:()=>"animate-bounce",pulse:()=>"animate-pulse",ping:()=>"animate-ping",shake:()=>"animate-shake",wiggle:()=>"animate-wiggle",heartbeat:()=>"animate-heartbeat"},state:{success:()=>"animate-success-checkmark",error:()=>"animate-error-x",warning:()=>"animate-warning-triangle",info:()=>"animate-info-circle"},reduced:{fadeOnly:()=>"transition-opacity duration-300 ease-out",scaleOnly:()=>"transition-transform duration-200 ease-out",instant:()=>"transition-none",respectPrefers:()=>"motion-safe:transition-all motion-safe:duration-300 motion-reduce:transition-none"}}},accessibility:{screenReader:{only:()=>"sr-only",focusable:()=>"sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:p-2 focus:bg-white focus:text-black focus:border focus:rounded",skipLink:()=>"sr-only focus:not-sr-only focus:absolute focus:top-0 focus:left-0 focus:z-50 focus:px-4 focus:py-2 focus:bg-blue-600 focus:text-white focus:rounded focus:m-2 focus:no-underline"},focus:{ring:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",ringInset:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-blue-500",ringDark:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 focus-visible:ring-offset-gray-900",highContrast:()=>"focus-visible:outline-none focus-visible:ring-4 focus-visible:ring-yellow-400 focus-visible:ring-offset-2 focus-visible:bg-yellow-50 dark:focus-visible:bg-yellow-900/20",wallet:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:bg-blue-50 dark:focus-visible:bg-blue-900/20",transaction:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2",error:()=>"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"},contrast:{text:{high:()=>"text-gray-900 dark:text-gray-100",medium:()=>"text-gray-700 dark:text-gray-300",low:()=>"text-gray-600 dark:text-gray-400",inverse:()=>"text-white dark:text-gray-900"},background:{primary:()=>"bg-blue-700 text-white dark:bg-blue-300 dark:text-gray-900",secondary:()=>"bg-gray-700 text-white dark:bg-gray-300 dark:text-gray-900",success:()=>"bg-green-700 text-white dark:bg-green-300 dark:text-gray-900",warning:()=>"bg-yellow-700 text-white dark:bg-yellow-300 dark:text-gray-900",error:()=>"bg-red-700 text-white dark:bg-red-300 dark:text-gray-900"},link:{default:()=>"text-blue-700 dark:text-blue-300 underline hover:text-blue-900 dark:hover:text-blue-100",visited:()=>"text-purple-700 dark:text-purple-300 underline hover:text-purple-900 dark:hover:text-purple-100"}},motion:{respectPrefers:()=>"motion-safe:transition-all motion-safe:duration-300 motion-reduce:transition-none",reduceMotion:()=>"motion-reduce:transition-none motion-reduce:animate-none",safe:{fade:()=>"motion-safe:transition-opacity motion-safe:duration-300 motion-reduce:transition-none",scale:()=>"motion-safe:transition-transform motion-safe:duration-200 motion-reduce:transition-none",slide:()=>"motion-safe:transition-transform motion-safe:duration-300 motion-reduce:transition-none"},loading:{spin:()=>"motion-safe:animate-spin motion-reduce:animate-none",pulse:()=>"motion-safe:animate-pulse motion-reduce:animate-none",bounce:()=>"motion-safe:animate-bounce motion-reduce:animate-none"}},semantic:{interactive:{button:()=>'role="button" tabindex="0"',link:()=>'role="link"',menuitem:()=>'role="menuitem"',tab:()=>'role="tab"',tabpanel:()=>'role="tabpanel"',dialog:()=>'role="dialog"'},states:{selected:t=>`aria-selected="${t}"`,checked:t=>`aria-checked="${t}"`,pressed:t=>`aria-pressed="${t}"`,expanded:t=>`aria-expanded="${t}"`,disabled:t=>t?'aria-disabled="true" tabindex="-1"':""},web3:{wallet:()=>'role="button" aria-label="Connect Wallet"',transaction:()=>'role="status" aria-live="polite"',balance:()=>'role="text" aria-label="Account Balance"',address:()=>'role="text" aria-label="Wallet Address"'}},form:{required:{indicator:()=>"text-red-500 dark:text-red-400",text:()=>'aria-required="true" required',visual:()=>'after:content-["*"] after:ml-1 after:text-red-500 dark:after:text-red-400'},validation:{valid:()=>"border-green-500 dark:border-green-400 focus:ring-green-500",invalid:()=>'border-red-500 dark:border-red-400 focus:ring-red-500 aria-invalid="true"',pending:()=>"border-yellow-500 dark:border-yellow-400 focus:ring-yellow-500"}},interactive:{button:{primary:()=>"inline-flex items-center justify-center px-4 py-2 border border-transparent text-sm font-medium rounded-md text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",secondary:()=>"inline-flex items-center justify-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 disabled:opacity-50 disabled:cursor-not-allowed",icon:()=>"inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"},link:{default:()=>"text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",external:()=>'text-blue-600 dark:text-blue-400 hover:text-blue-800 dark:hover:text-blue-200 underline focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 after:content-["↗"] after:ml-1 after:text-xs'}},content:{text:{minimum:()=>"text-sm min-h-[44px] min-w-[44px]",touch:()=>"min-h-[44px] min-w-[44px] touch-manipulation"}},feedback:{error:{container:()=>"border border-red-300 dark:border-red-700 bg-red-50 dark:bg-red-900/20 rounded-md p-4",title:()=>"text-sm font-medium text-red-800 dark:text-red-200",message:()=>"text-sm text-red-700 dark:text-red-300 mt-2"},success:{container:()=>"border border-green-300 dark:border-green-700 bg-green-50 dark:bg-green-900/20 rounded-md p-4",title:()=>"text-sm font-medium text-green-800 dark:text-green-200",message:()=>"text-sm text-green-700 dark:text-green-300 mt-2"},liveRegion:{polite:()=>'sr-only aria-live="polite"',assertive:()=>'sr-only aria-live="assertive"',status:()=>'sr-only role="status" aria-live="polite"',alert:()=>'sr-only role="alert" aria-live="assertive"'}}},performance:{bundle:{lazy:{component:()=>"opacity-0 transition-opacity duration-300",componentLoaded:()=>"opacity-100",image:()=>"blur-sm transition-all duration-300",imageLoaded:()=>"blur-none",skeleton:()=>"animate-pulse bg-gray-200 dark:bg-gray-700 rounded"},splitting:{loading:()=>"flex items-center justify-center py-8",error:()=>"text-red-600 dark:text-red-400 text-center py-8",fallback:()=>"bg-gray-100 dark:bg-gray-800 animate-pulse rounded"}},rendering:{gpu:{transform:()=>"transform-gpu",layer:()=>"will-change-transform transform translate3d-0",composite:()=>"backface-hidden"},layout:{stable:()=>"aspect-square",containLayout:()=>"contain-layout",containStyle:()=>"contain-style",sticky:()=>"sticky top-0 z-40",fixed:()=>"fixed inset-0 z-50"},memory:{virtualList:()=>"overflow-hidden",virtualItem:()=>"absolute left-0 right-0",responsiveImage:()=>"max-w-full h-auto object-cover",lazyImage:()=>"object-cover transition-opacity duration-300 opacity-0",loadedImage:()=>"opacity-100"}},network:{cache:{cached:()=>"border-l-4 border-green-500 bg-green-50 dark:bg-green-900/20",updating:()=>"border-l-4 border-blue-500 bg-blue-50 dark:bg-blue-900/20",offline:()=>"border-l-4 border-gray-500 bg-gray-50 dark:bg-gray-900/20",error:()=>"border-l-4 border-red-500 bg-red-50 dark:bg-red-900/20",fresh:()=>"text-green-600 dark:text-green-400",stale:()=>"text-yellow-600 dark:text-yellow-400",expired:()=>"text-red-600 dark:text-red-400"},connection:{fast:()=>"border-green-500 bg-green-50 dark:bg-green-900/20",slow:()=>"border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20",offline:()=>"border-red-500 bg-red-50 dark:bg-red-900/20"}},webVitals:{lcp:{optimize:()=>"will-change-contents",hero:()=>"contain-layout will-change-contents",image:()=>"object-cover will-change-auto"},interactivity:{optimize:()=>"touch-manipulation select-none",debounced:()=>"transition-none",throttled:()=>"pointer-events-none transition-opacity duration-100",ready:()=>"pointer-events-auto opacity-100"},layoutStability:{stable:()=>"aspect-square contain-layout",placeholder:()=>"min-h-[200px] bg-gray-100 dark:bg-gray-800",skeleton:()=>"animate-pulse bg-gray-200 dark:bg-gray-700",imageContainer:()=>"overflow-hidden relative",imageStable:()=>"absolute inset-0 object-cover"}},web3:{wallet:{cached:()=>"opacity-100 transition-opacity duration-200",connecting:()=>"opacity-75 cursor-wait",staleData:()=>"opacity-75",freshData:()=>"opacity-100"},transaction:{batched:()=>"border-l-4 border-blue-500 bg-blue-50 dark:bg-blue-900/20",individual:()=>"border-l-4 border-gray-500 bg-gray-50 dark:bg-gray-900/20",gasOptimal:()=>"text-green-600 dark:text-green-400",gasHigh:()=>"text-yellow-600 dark:text-yellow-400",gasVeryHigh:()=>"text-red-600 dark:text-red-400"},blockchain:{realtime:()=>"border-green-500 bg-green-50 dark:bg-green-900/20",cached:()=>"border-blue-500 bg-blue-50 dark:bg-blue-900/20",stale:()=>"border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20",optimistic:()=>"opacity-75 transition-opacity duration-200",confirmed:()=>"opacity-100",refetching:()=>"animate-pulse"}},monitoring:{metrics:{good:()=>"text-green-600 dark:text-green-400 bg-green-100 dark:bg-green-900/20",needsImprovement:()=>"text-yellow-600 dark:text-yellow-400 bg-yellow-100 dark:bg-yellow-900/20",poor:()=>"text-red-600 dark:text-red-400 bg-red-100 dark:bg-red-900/20"},errorBoundary:{container:()=>"border border-red-300 dark:border-red-700 bg-red-50 dark:bg-red-900/20 rounded-lg p-4",title:()=>"text-lg font-semibold text-red-800 dark:text-red-200",message:()=>"text-red-700 dark:text-red-300 mt-2",retry:()=>"mt-4 px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500",fallback:()=>"text-center text-gray-500 dark:text-gray-400 py-8"}},resource:{image:{responsive:()=>"w-full h-auto object-cover",hero:()=>"w-full h-[50vh] object-cover",thumbnail:()=>"w-16 h-16 object-cover rounded",avatar:()=>"w-10 h-10 object-cover rounded-full",placeholder:()=>"bg-gray-200 dark:bg-gray-700 animate-pulse",blurred:()=>"filter blur-sm",sharp:()=>"filter blur-none transition-all duration-300"},critical:{aboveFold:()=>"will-change-contents",belowFold:()=>"will-change-auto"}},data:{query:{cached:()=>"opacity-100",loading:()=>"opacity-75 animate-pulse",error:()=>"opacity-50 text-red-600 dark:text-red-400",fresh:()=>"border-l-2 border-green-500",stale:()=>"border-l-2 border-yellow-500",invalid:()=>"border-l-2 border-red-500",optimistic:()=>"opacity-75",confirmed:()=>"opacity-100",reverted:()=>"opacity-50 line-through"},realtime:{connected:()=>"border-green-500 bg-green-50 dark:bg-green-900/20",connecting:()=>"border-yellow-500 bg-yellow-50 dark:bg-yellow-900/20",disconnected:()=>"border-red-500 bg-red-50 dark:bg-red-900/20",live:()=>"animate-pulse text-green-600 dark:text-green-400",delayed:()=>"text-yellow-600 dark:text-yellow-400",offline:()=>"text-gray-500 dark:text-gray-400"}}}};function Ie(...t){return nt.twMerge(K.clsx(t))}function ct(t,e){if(t.startsWith("hsl("))return t.replace(")",` / ${e})`);if(t.startsWith("#")){const r=t.slice(1),o=parseInt(r.slice(0,2),16),n=parseInt(r.slice(2,4),16),s=parseInt(r.slice(4,6),16);return`rgba(${o}, ${n}, ${s}, ${e})`}return t}function gt(t,e={}){const r=[t];return Object.entries(e).forEach(([o,n])=>{r.push(`${o}:${n}`)}),r.join(" ")}function ut(t,e){return`${t} dark:${e}`}const Tr={button:{xs:"h-7 px-2 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-sm",lg:"h-11 px-8 text-base",xl:"h-12 px-10 text-lg"},input:{xs:"h-7 px-2 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-3 text-sm",lg:"h-11 px-4 text-base",xl:"h-12 px-4 text-lg"},icon:{xs:"w-3 h-3",sm:"w-4 h-4",md:"w-5 h-5",lg:"w-6 h-6",xl:"w-8 h-8"}};function mt(t,e="md"){return Tr[t][e]}const Lr="focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",zr="focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2",bt={default:"transition-colors duration-200",colors:"transition-colors duration-200"};function pt(t){return Ie({default:"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800",primary:"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800",secondary:"bg-gray-100 text-gray-900 hover:bg-gray-200 active:bg-gray-300 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",destructive:"bg-red-600 text-white hover:bg-red-700 active:bg-red-800",outline:"border border-gray-300 bg-transparent hover:bg-gray-50 active:bg-gray-100 dark:border-gray-600 dark:hover:bg-gray-800",ghost:"bg-transparent hover:bg-gray-100 active:bg-gray-200 dark:hover:bg-gray-800"}[t],bt.default,zr)}function ht(t="default"){return Ie("w-full rounded-md border bg-white px-3 py-2 text-sm placeholder:text-gray-500 dark:bg-gray-800 dark:text-gray-100 dark:placeholder:text-gray-400",{default:"border-gray-300 dark:border-gray-600 focus:border-blue-500 dark:focus:border-blue-400",error:"border-red-300 dark:border-red-600 focus:border-red-500 dark:focus:border-red-400",success:"border-green-300 dark:border-green-600 focus:border-green-500 dark:focus:border-green-400"}[t],Lr,bt.colors)}function yt(t="default"){const e="rounded-lg bg-white dark:bg-gray-800";return{default:e,bordered:`${e} border border-gray-200 dark:border-gray-700`,elevated:`${e} shadow-md`}[t]}function ft(t="base",e="normal",r="default"){const o={xs:"text-xs",sm:"text-sm",base:"text-base",lg:"text-lg",xl:"text-xl","2xl":"text-2xl"},n={normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"},s={default:"text-gray-900 dark:text-gray-100",muted:"text-gray-600 dark:text-gray-400",primary:"text-blue-600 dark:text-blue-400"};return Ie(o[t],n[e],s[r])}const M={backgrounds:{main:"bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100",page:"bg-gradient-to-br from-blue-50 to-indigo-100",pageDark:"bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800",section:"bg-gradient-to-r from-purple-50 to-blue-50",overlay:"bg-gradient-to-br from-blue-50/50 to-purple-50/50"},buttons:{primary:"bg-gradient-to-r from-blue-600 to-purple-600 hover:from-blue-700 hover:to-purple-700",primaryBlue:"bg-gradient-to-r from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800",primaryPurple:"bg-gradient-to-r from-purple-500 to-purple-700 hover:from-purple-600 hover:to-purple-800"},text:{primary:"bg-gradient-to-r from-gray-900 via-blue-800 to-purple-800",secondary:"bg-gradient-to-r from-blue-600 via-purple-600 to-pink-600",accent:"bg-gradient-to-r from-blue-600 to-purple-600"},effects:{glow:"bg-gradient-to-r from-blue-600 to-purple-600",shimmer:"bg-gradient-to-r from-transparent via-white/20 to-transparent"}},xt={primaryButton:`${M.buttons.primary} text-white shadow-lg hover:shadow-xl transition-all duration-200`,heroButton:`${M.buttons.primary} text-white px-8 py-4 rounded-xl font-bold text-lg transition-all duration-300 transform hover:scale-105 shadow-2xl hover:shadow-blue-500/25`,headerButton:`${M.buttons.primary} text-white px-4 py-2 rounded-md font-medium transition-all duration-200 transform hover:scale-105 shadow-lg`,pageLayout:`min-h-screen ${M.backgrounds.page}`,pageLayoutDark:`min-h-screen ${M.backgrounds.pageDark}`,gradientText:`${M.text.primary} bg-clip-text text-transparent`,gradientTextSecondary:`${M.text.secondary} bg-clip-text text-transparent`},jr=(t,e)=>M[t][e]||"",Mr=(t,e="")=>`${t} ${e}`.trim(),L={layout:{section:"py-20",sectionSm:"py-16",sectionLg:"py-24",container:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",containerSm:"max-w-4xl mx-auto px-4 sm:px-6 lg:px-8",containerLg:"max-w-8xl mx-auto px-4 sm:px-6 lg:px-8"},animation:{fast:150,normal:300,slow:500,extraSlow:1e3},spacing:{sectionGap:"space-y-20",cardGap:"space-y-8",listGap:"space-y-4",inlineGap:"space-x-4"},grid:{responsive2:"grid md:grid-cols-2 gap-8",responsive3:"grid md:grid-cols-2 lg:grid-cols-3 gap-8",responsive4:"grid md:grid-cols-2 lg:grid-cols-4 gap-8",autoFit:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-auto-fit gap-8"},typography:{hero:"text-4xl md:text-6xl lg:text-7xl font-bold",heading1:"text-3xl md:text-5xl font-bold",heading2:"text-2xl md:text-4xl font-bold",heading3:"text-xl md:text-2xl font-bold",bodyLarge:"text-xl md:text-2xl",body:"text-lg",caption:"text-sm text-gray-600 dark:text-gray-400"},card:{base:"bg-white dark:bg-gray-800 rounded-lg shadow-lg",interactive:"bg-white dark:bg-gray-800 rounded-lg shadow-lg hover:shadow-xl transition-shadow",border:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg"},button:{sm:"px-3 py-2 text-sm",md:"px-4 py-2",lg:"px-6 py-3 text-lg",xl:"px-8 py-4 text-xl"},icon:{xs:"w-4 h-4",sm:"w-5 h-5",md:"w-6 h-6",lg:"w-8 h-8",xl:"w-10 h-10",xxl:"w-12 h-12"},transition:{base:"transition-all duration-200",slow:"transition-all duration-300",colors:"transition-colors duration-200",transform:"transition-transform duration-200",shadow:"transition-shadow duration-200"},hover:{scale:"hover:scale-105",scaleSmall:"hover:scale-102",lift:"hover:-translate-y-1",glow:"hover:shadow-lg"},focus:{ring:"focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",ringInset:"focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500"}};`${L.layout.section}${L.layout.container}`,`${L.layout.section}${L.layout.container}`,`${L.card.interactive}${L.transition.base}${L.hover.lift}`,`${L.button.md}${L.transition.base}${L.hover.scale}${L.focus.ring}`,`${L.typography.hero}`,`${L.grid.responsive4}`,`${L.icon.lg}`;const B=["Web3 email platform","wallet email","ENS email","SNS email","smart contract integration","decentralized email","blockchain messaging","crypto email","Web3 communication","secure email"],Ae=["Web3 email for users","wallet email address","passwordless email","secure Web3 communication","ENS domain email","SNS domain email","crypto wallet email","Web2 Web3 bridge","decentralized identity","blockchain email"],Pe=["Web3 email API","smart contract email integration","blockchain developer tools","Web3 SDK","decentralized messaging API","smart contract notifications","Web3 developer platform","blockchain email service","crypto developer tools","Web3 infrastructure"],kt=["Web3 email documentation","wallet email guide","ENS email setup","SNS email integration","smart contract email API","Web3 communication docs","blockchain email tutorial","crypto wallet email","decentralized email guide","Web3 developer documentation"],Te=["about 0xmail.box","Web3 email team","blockchain email company","crypto email platform","decentralized email team","wallet email founders","Web3 communication team","blockchain messaging company","ENS email team","crypto startup team"],me=["DeFi email notifications","DAO communication platform","NFT email alerts","crypto airdrop notifications","Web3 social platform","blockchain KYC email","DeFi yield farming alerts","GameFi notification system","Layer 2 email integration","cross-chain messaging protocol","multichain email support","decentralized identity verification","Web3 reputation system","crypto compliance email"],be=["EIP-712 signature authentication","SIWE Sign-In with Ethereum","multi-signature wallet email","hardware wallet email support","Web3 API integration","smart contract event notifications","IPFS email storage","ENS subdomain email routing","Chainlink oracle integration","Web3 SDK documentation","blockchain webhook notifications","crypto API endpoints","decentralized email protocol","Web3 developer tools"],Le=["accessible Web3 email","screen reader crypto wallet","Web3 accessibility features","inclusive blockchain platform","accessible wallet integration","Web3 WCAG compliance","keyboard navigation Web3","voice control crypto email","high contrast Web3 interface","accessible blockchain tools"],D=(...t)=>{const e=new Set;return t.forEach(r=>r.forEach(o=>e.add(o))),Array.from(e)},Or=()=>D(B,Ae,me),Wr=()=>D(B,Te),Br=()=>D(B,kt,be),Dr=()=>D(B,Ae,Le),Fr=()=>D(B,Pe,be),_r=()=>D(B,Pe,me),qr=()=>D(B,me,be),Vr=()=>D(B,Te,Le),wt={"@type":"Organization",name:"0xmail.box",url:"https://0xmail.box",contactPoint:{"@type":"ContactPoint",contactType:"customer service",email:"support@sudobility.com"}},Ur=t=>({"@context":"https://schema.org","@type":"TechArticle",name:"Documentation",headline:"0xmail.box Documentation - Web3 Email Platform Guide",description:"Complete documentation for 0xmail.box Web3 email platform. Learn how to connect wallets, manage ENS/SNS domain emails, integrate smart contracts, and use Web3 communication features.",url:"https://0xmail.box/document",datePublished:"2025-01-12",dateModified:"2025-01-12",author:wt,publisher:wt,...t}),Hr={centeredContainer:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",fullWidthSection:"w-full py-8 sm:py-12 lg:py-16",flexBetween:"flex items-center justify-between",flexCenter:"flex items-center justify-center",gridResponsive:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6",clickable:"cursor-pointer transition-colors duration-200 hover:opacity-80",focusable:"focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",disabled:"opacity-50 cursor-not-allowed pointer-events-none",cardShadow:"shadow-md hover:shadow-lg transition-shadow duration-200",elevatedCard:"bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700",subtleCard:"bg-gray-50 dark:bg-gray-900 rounded-md border border-gray-200 dark:border-gray-800",sectionSpacing:"py-8 sm:py-12 lg:py-16",componentSpacing:"space-y-4",tightSpacing:"space-y-2",looseSpacing:"space-y-8"},vt={layout:{container:"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",containerSmall:"mx-auto max-w-3xl px-4 sm:px-6 lg:px-8",containerLarge:"mx-auto max-w-full px-4 sm:px-6 lg:px-8",section:"py-8 sm:py-12 lg:py-16",sectionSmall:"py-6 sm:py-8 lg:py-10",flex:"flex items-center justify-between",flexCenter:"flex items-center justify-center",flexCol:"flex flex-col",grid:"grid grid-cols-1 gap-6",gridMd:"grid grid-cols-1 md:grid-cols-2 gap-6",gridLg:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"},background:{surface:"bg-white dark:bg-gray-800",subtle:"bg-gray-50 dark:bg-gray-900",muted:"bg-gray-100 dark:bg-gray-700",overlay:"bg-black/50 dark:bg-black/70"},border:{default:"border-gray-200 dark:border-gray-700",subtle:"border-gray-100 dark:border-gray-800",radius:"rounded-lg",radiusSm:"rounded-md",radiusLg:"rounded-xl",radiusFull:"rounded-full"},shadow:{sm:"shadow-sm",md:"shadow-md",lg:"shadow-lg",xl:"shadow-xl"},spacing:{card:{sm:"p-4",md:"p-6",lg:"p-8"},section:{sm:"py-6 px-4",md:"py-8 px-6",lg:"py-12 px-8"}},text:{h1:"text-3xl sm:text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white leading-tight tracking-tight",h2:"text-2xl sm:text-3xl lg:text-4xl font-bold text-gray-900 dark:text-white leading-tight tracking-tight",h3:"text-xl sm:text-2xl font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",h4:"text-lg sm:text-xl font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",h5:"text-base sm:text-lg font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",h6:"text-base font-semibold text-gray-900 dark:text-white leading-tight tracking-tight",display:"text-4xl sm:text-5xl md:text-6xl lg:text-7xl xl:text-8xl font-extrabold text-gray-900 dark:text-white leading-none tracking-tight",hero:"text-6xl sm:text-7xl md:text-8xl lg:text-9xl font-black text-gray-900 dark:text-white leading-none tracking-tight",body:"text-base font-normal text-gray-700 dark:text-gray-300 leading-relaxed",bodyLarge:"text-lg font-normal text-gray-700 dark:text-gray-300 leading-relaxed",bodySmall:"text-sm font-normal text-gray-600 dark:text-gray-400 leading-relaxed",lead:"text-xl font-normal text-gray-700 dark:text-gray-300 leading-relaxed",leadLarge:"text-2xl font-normal text-gray-700 dark:text-gray-300 leading-relaxed",caption:"text-sm font-normal text-gray-500 dark:text-gray-500 leading-normal",label:"text-sm font-medium text-gray-700 dark:text-gray-300",helper:"text-sm font-normal text-gray-500 dark:text-gray-500",link:"text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 underline underline-offset-2 decoration-blue-600 dark:decoration-blue-400 transition-colors duration-150",linkSubtle:"text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 no-underline hover:underline hover:underline-offset-2 transition-all duration-150",linkMuted:"text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 underline underline-offset-2 decoration-gray-400 hover:decoration-gray-600 transition-colors duration-150",code:"font-mono text-sm font-medium text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-800 px-1.5 py-0.5 rounded",codeBlock:"font-mono text-sm font-normal text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-800 p-4 rounded-lg overflow-x-auto leading-relaxed",success:"text-green-700 dark:text-green-300 font-medium",warning:"text-amber-700 dark:text-amber-300 font-medium",error:"text-red-700 dark:text-red-300 font-medium",info:"text-blue-700 dark:text-blue-300 font-medium",emphasis:"font-medium text-gray-900 dark:text-gray-100",strong:"font-semibold text-gray-900 dark:text-gray-100",muted:"text-gray-500 dark:text-gray-500",uppercase:"text-xs font-semibold text-gray-500 dark:text-gray-500 uppercase tracking-wider"},transition:{default:"transition-colors duration-200",all:"transition-all duration-200",fast:"transition-all duration-150",slow:"transition-all duration-300",transform:"transition-transform duration-200"},states:{hover:"hover:opacity-80 transition-opacity duration-200",focus:"focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2",disabled:"disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none",loading:"animate-pulse"},web3:{walletButton:"bg-white dark:bg-gray-800 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-900 dark:text-gray-100 inline-flex items-center gap-2 px-4 py-2 rounded-lg font-medium",chainBadge:t=>t==="ethereum"?"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium":"bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300 inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",addressText:"font-mono text-sm text-gray-600 dark:text-gray-400"}},Gr=t=>t,Kr=t=>{if(typeof document>"u")return;const e=document.createElement("style");e.textContent=t,e.setAttribute("data-critical","true"),document.head.appendChild(e)},Yr=t=>{if(typeof document>"u")return;const e=document.createElement("link");e.rel="preload",e.as="style",e.href=t,e.onload=()=>{e.rel="stylesheet"},document.head.appendChild(e);const r=document.createElement("noscript");r.innerHTML=`<link rel="stylesheet" href="${t}">`,document.head.appendChild(r)},Qr=t=>{const e={};return Object.entries(t).forEach(([r,o])=>{e[`--${r}`]=typeof o=="number"?`${o}px`:o}),e},Zr={xs:475,sm:640,md:768,lg:1024,xl:1280,"2xl":1536},Jr=(t,e=Zr)=>{const[r,o]=b.useState("base");return b.useEffect(()=>{const n=()=>{const s=window.innerWidth;s>=e["2xl"]?o("2xl"):s>=e.xl?o("xl"):s>=e.lg?o("lg"):s>=e.md?o("md"):s>=e.sm?o("sm"):s>=e.xs?o("xs"):o("base")};return n(),window.addEventListener("resize",n),()=>window.removeEventListener("resize",n)},[e]),t[r]||t.base||{}},Ct=()=>typeof window>"u"?!1:window.matchMedia("(prefers-reduced-motion: reduce)").matches,Xr=()=>{const[t,e]=b.useState(Ct);return b.useEffect(()=>{const r=window.matchMedia("(prefers-reduced-motion: reduce)"),o=()=>{e(r.matches)};return r.addEventListener?r.addEventListener("change",o):r.addListener(o),()=>{r.removeEventListener?r.removeEventListener("change",o):r.removeListener(o)}},[]),t},Rr=(t,e=["layout","paint"])=>{t&&(t.style.contain=e.join(" "))},ea=(t,e)=>t?(t.style.willChange=e.join(", "),()=>{t.style.willChange="auto"}):void 0,ta=t=>{typeof window>"u"||requestAnimationFrame(()=>{t.forEach(e=>e())})},ra=(...t)=>t.filter(Boolean).join(" "),aa=t=>{const e={},r=["display","position","width","height","margin","padding","fontSize","fontFamily","color","backgroundColor"];return Object.entries(t).forEach(([o,n])=>{r.includes(o)&&(e[o]=n)}),e},oa=(t,e=[])=>{const[r,o]=b.useState(null),[n,s]=b.useState(!0);return b.useEffect(()=>{let d=!0;return t().then(l=>{d&&(o(l.default),s(!1))}),()=>{d=!1}},[t,...e]),{styles:r,loading:n}},na=(t,e="1rem")=>({display:"grid",gridTemplateColumns:`repeat(${t}, minmax(0, 1fr))`,gap:e,contain:"layout",willChange:"transform"}),ia=(t="row",e="center",r="flex-start")=>({display:"flex",flexDirection:t,alignItems:e,justifyContent:r,contain:"layout"}),sa=t=>{const[e,r]=b.useState(!1);return b.useEffect(()=>{const o=window.matchMedia(t);r(o.matches);const n=()=>r(o.matches);return o.addEventListener?o.addEventListener("change",n):o.addListener(n),()=>{o.removeEventListener?o.removeEventListener("change",n):o.removeListener(n)}},[t]),e},la=(t,e)=>{const[r,o]=b.useState("light");return b.useEffect(()=>{const n=window.matchMedia("(prefers-color-scheme: dark)");o(n.matches?"dark":"light");const s=()=>{o(n.matches?"dark":"light")};return n.addEventListener?n.addEventListener("change",s):n.addListener(s),()=>{n.removeEventListener?n.removeEventListener("change",s):n.removeListener(s)}},[]),r==="dark"?e:t},da=t=>{const e={src:t.src,alt:t.alt,loading:t.loading||"lazy"};return t.title&&(e.title=t.title),t.width&&(e.width=t.width),t.height&&(e.height=t.height),t.sizes&&(e.sizes=t.sizes),t.srcSet&&(e.srcSet=t.srcSet),e.itemProp="image",e},ca=(t,e=[320,640,768,1024,1280,1920])=>e.map(r=>`${t.replace(/\{width\}/g,r.toString())} ${r}w`).join(", "),ga=t=>t.map(e=>e.maxWidth?`(max-width: ${e.maxWidth}px) ${e.size}`:e.size).join(", "),ua=(t,e="openGraph")=>{const r={};return e==="openGraph"?(r["og:image"]=t.url,t.width&&(r["og:image:width"]=t.width.toString()),t.height&&(r["og:image:height"]=t.height.toString()),t.alt&&(r["og:image:alt"]=t.alt),t.type&&(r["og:image:type"]=t.type)):(r["twitter:image"]=t.url,t.alt&&(r["twitter:image:alt"]=t.alt)),r},ma=(t='img[loading="lazy"]')=>{if(typeof window>"u"||!("IntersectionObserver"in window))return;const e=document.querySelectorAll(t);if("loading"in HTMLImageElement.prototype){e.forEach(o=>{o.dataset.src&&(o.src=o.dataset.src)});return}const r=new IntersectionObserver(o=>{o.forEach(n=>{if(n.isIntersecting){const s=n.target;s.dataset.src&&(s.src=s.dataset.src,s.removeAttribute("data-src")),s.dataset.srcset&&(s.srcset=s.dataset.srcset,s.removeAttribute("data-srcset")),r.unobserve(s)}})},{rootMargin:"50px 0px",threshold:.01});return e.forEach(o=>r.observe(o)),()=>{e.forEach(o=>r.unobserve(o))}},St=()=>typeof window>"u"?Promise.resolve(!1):new Promise(t=>{const e=new Image;e.onload=e.onerror=function(){t(e.height===2)},e.src="data:image/webp;base64,UklGRjoAAABXRUJQVlA4IC4AAACyAgCdASoCAAIALmk0mk0iIiIiIgBoSygABc6WWgAA/veff/0PP8bA//LwYAAA"}),Nt=()=>typeof window>"u"?Promise.resolve(!1):new Promise(t=>{const e=new Image;e.onload=()=>t(!0),e.onerror=()=>t(!1),e.src="data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A="}),ba=async(t="jpg")=>{const[e,r]=await Promise.all([St(),Nt()]);return r?"avif":e?"webp":t},pa=(t,e,r,o)=>`
|
|
2
2
|
<picture>
|
|
3
3
|
${t.map(s=>{const d=[`srcset="${s.srcSet}"`];return s.type&&d.push(`type="${s.type}"`),s.media&&d.push(`media="${s.media}"`),s.sizes&&d.push(`sizes="${s.sizes}"`),`<source ${d.join(" ")}>`}).join(`
|
|
4
4
|
`)}
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
.animate-bounce-slow {
|
|
30
30
|
animation: bounce-slow 4s ease-in-out infinite;
|
|
31
31
|
}
|
|
32
|
-
`,po(k))}}},[t]),a.jsx("div",{ref:p,className:`${f()} ${s}`,children:n})},ho=({children:t,delay:e=0,className:r=""})=>a.jsx(H,{animation:"fade-in-up",delay:e,className:r,children:t}),yo=({children:t,delay:e=0,className:r=""})=>a.jsx(H,{animation:"fade-in-scale",delay:e,className:r,children:t}),fo=({children:t,className:e=""})=>a.jsx(H,{animation:"float",className:e,children:t}),Wt=I.cva("min-h-[44px] touch-manipulation",{variants:{variant:{default:"",primary:"",secondary:"",outline:"",ghost:"",destructive:"","destructive-outline":"",success:"",link:"",gradient:"","gradient-secondary":"","gradient-success":"",wallet:"",connect:"",disconnect:""},size:{default:"",sm:"h-8",lg:"h-12",icon:"h-10 w-10 p-0"},animation:{none:"transition-colors duration-200",hover:"transition-all duration-200 hover:scale-105",lift:"transition-all duration-200 hover:scale-105",scale:"transition-transform duration-200 hover:scale-95",glow:"transition-all duration-200 hover:shadow-lg",shimmer:"transition-all duration-200",tap:"transition-transform duration-100 active:scale-95",connect:"transition-all duration-200 hover:scale-105",transaction:"transition-all duration-200 animate-pulse",disconnect:"transition-all duration-200 hover:opacity-80"}},defaultVariants:{variant:"default",size:"default",animation:"hover"}}),q=T.forwardRef(({className:t,variant:e,size:r,animation:o,asChild:n=!1,...s},d)=>{const l=n?Sr.Slot:"button",c=e||"default",u=r&&r!=="default"&&r!=="icon"?r:void 0,m=x=>x?{sm:"small",lg:"large",default:"default"}[x]||x:"default",f=(()=>{if(c.startsWith("gradient")){const x=c.replace("gradient-","").replace("gradient","primary");return C.button.gradient[x]?.()||C.button.primary.default()}else{if(["wallet","connect","disconnect"].includes(c))return C.button.web3[c]?.()||C.button.primary.default();{const x=m(u);return C.button[c]?.[x]?.()||C.button.primary.default()}}})();return a.jsx(l,{className:h(Wt({size:r,animation:o}),f,t),ref:d,...s})});q.displayName="Button";const xo={default:"bg-white dark:bg-gray-800",bordered:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",elevated:"bg-white dark:bg-gray-800 shadow-md",info:"bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 text-blue-900 dark:text-blue-300",success:"bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 text-green-900 dark:text-green-300",warning:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-yellow-900 dark:text-yellow-300",error:"bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-900 dark:text-red-300",callout:"bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border border-blue-200 dark:border-blue-800"},ko={none:"",sm:"p-3",md:"p-6",lg:"p-8"},Oe=({variant:t="elevated",padding:e="md",icon:r,onClose:o,className:n,children:s,...d})=>{const c=["info","success","warning","error"].includes(t)&&(r||o);return a.jsx("div",{className:h("rounded-lg",xo[t],ko[e],n),...d,children:c?a.jsxs("div",{className:"flex items-start gap-3",children:[r&&a.jsx("div",{className:"flex-shrink-0 text-lg",children:r}),a.jsx("div",{className:"flex-1 min-w-0",children:s}),o&&a.jsx("button",{onClick:o,className:"flex-shrink-0 text-current hover:opacity-70 transition-opacity","aria-label":"Close",children:a.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}):s})},wo=({title:t,description:e,className:r,children:o,...n})=>a.jsxs("div",{className:h("space-y-1.5",r),...n,children:[t&&a.jsx("h3",{className:E.heading.h4(),children:t}),e&&a.jsx("p",{className:E.body.sm(),children:e}),o]}),vo=({className:t,children:e,...r})=>a.jsx("div",{className:h("",t),...r,children:e}),Co=({className:t,children:e,...r})=>a.jsx("div",{className:h("flex items-center pt-4",t),...r,children:e}),So=({title:t,children:e,variant:r="info",size:o="default",className:n})=>{const s={sm:"sm",default:"md",lg:"lg"},d=r==="neutral"?"bordered":r;return a.jsxs(Oe,{variant:d,padding:s[o],className:n,children:[t&&a.jsx("h3",{className:h("font-semibold mb-2",o==="sm"?"text-base":o==="lg"?"text-xl":"text-lg"),children:t}),e]})},No=({title:t,icon:e,children:r,variant:o="gradient",size:n="default",centered:s=!1,className:d})=>{const l={sm:"sm",default:"md",lg:"lg"},c=o==="gradient"||o==="neutral"?"callout":o;return a.jsx(Oe,{variant:c,padding:l[n],className:d,children:a.jsxs("div",{className:h("space-y-4",s&&"text-center"),children:[e&&a.jsx("div",{className:h("font-bold",n==="sm"?"text-2xl":n==="lg"?"text-5xl":"text-4xl",s?"text-center":"text-left"),children:e}),t&&a.jsx("h3",{className:h("font-bold mb-4",n==="sm"?"text-lg":n==="lg"?"text-3xl":"text-2xl"),children:t}),a.jsx("div",{className:h("text-gray-600 dark:text-gray-400",n==="sm"?"text-sm":n==="lg"?"text-lg":"text-base"),children:r})]})})},Eo=I.cva("grid gap-8",{variants:{layout:{grid:"grid-cols-1 md:grid-cols-2",stacked:"grid-cols-1 space-y-8",cards:"grid-cols-1 md:grid-cols-2 gap-6"},spacing:{sm:"gap-4",md:"gap-8",lg:"gap-12"}},defaultVariants:{layout:"grid",spacing:"md"}}),$o=I.cva("rounded-xl p-6 transition-all duration-300",{variants:{variant:{traditional:"bg-red-50 dark:bg-red-900/20 border-2 border-red-100 dark:border-red-800/30 hover:border-red-200 dark:hover:border-red-700/50",web3:"bg-green-50 dark:bg-green-900/20 border-2 border-green-100 dark:border-green-800/30 hover:border-green-200 dark:hover:border-green-700/50",neutral:"bg-gray-50 dark:bg-gray-800/50 border-2 border-gray-100 dark:border-gray-700/30 hover:border-gray-200 dark:hover:border-gray-600/50",elevated:"bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl border border-gray-200 dark:border-gray-700"},animation:{none:"",hover:"hover:transform hover:scale-[1.02]",float:"hover:-translate-y-1"}},defaultVariants:{variant:"traditional",animation:"hover"}}),Io=I.cva("text-lg font-bold mb-4 flex items-center gap-3",{variants:{variant:{traditional:"text-red-600 dark:text-red-400",web3:"text-green-600 dark:text-green-400",neutral:"text-gray-900 dark:text-white",elevated:"text-gray-900 dark:text-white"}},defaultVariants:{variant:"traditional"}}),Ao={traditional:"❌",web3:"✅",neutral:"ℹ️",elevated:"⭐"},Po={red:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",green:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",blue:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",gray:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"},To=({className:t,layout:e="grid",spacing:r="md",title:o,subtitle:n,traditional:s,web3:d,cardAnimation:l="hover",animate:c=!0,animationDelay:u=0,traditionalIcon:m,web3Icon:p})=>{const f=(k,w)=>{const $=a.jsxs("div",{className:h($o({variant:k.variant,animation:l})),children:[a.jsxs("div",{className:h(Io({variant:k.variant})),children:[a.jsx("span",{className:"text-2xl",children:k.icon||(w===0?m:p)||Ao[k.variant]}),a.jsx("div",{className:"flex-1",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("span",{children:k.title}),k.badge&&a.jsx("span",{className:h("text-xs font-medium px-2 py-1 rounded-full",Po[k.badge.color||"gray"]),children:k.badge.text})]})})]}),a.jsx("ul",{className:"space-y-3",children:k.items.map((S,N)=>a.jsxs("li",{className:h("flex items-start gap-3 text-sm leading-relaxed",S.highlight&&"font-medium"),children:[S.icon&&a.jsx("span",{className:"flex-shrink-0 mt-0.5 text-base",children:S.icon}),a.jsxs("div",{className:"flex-1",children:[a.jsx("span",{className:h(k.variant==="traditional"||k.variant==="web3"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-400"),children:S.text}),S.subtext&&a.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-500 mt-1",children:S.subtext})]})]},N))})]});return c?a.jsx(H,{animation:"fade-in-up",delay:u+w*200,children:$},k.title):a.jsx("div",{children:$},k.title)},x=a.jsxs("div",{className:h("space-y-8",t),children:[(o||n)&&a.jsxs("div",{className:"text-center space-y-4",children:[o&&a.jsx("h2",{className:"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white",children:o}),n&&a.jsx("p",{className:"text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:n})]}),a.jsxs("div",{className:h(Eo({layout:e,spacing:r})),children:[f(s,0),f(d,1)]})]});return c?a.jsx(H,{animation:"fade-in-up",delay:u,children:x}):x},We=(t,e,r,o)=>({title:t,variant:r,items:e.map(n=>typeof n=="string"?{text:n}:n),...o}),Lo=t=>{const e=[{text:"Create account with email/password",icon:"🔑"},{text:"Remember multiple passwords",icon:"🧠"},{text:"Verify email address",icon:"📧"},{text:"Risk of password theft",icon:"⚠️"},{text:"Data stored on company servers",icon:"🏢"},{text:"Account can be locked/suspended",icon:"🔒"}],r=[{text:"Connect your wallet",icon:"🔗"},{text:"No passwords needed",icon:"🚫"},{text:"Instant authentication",icon:"⚡"},{text:"Cryptographically secure",icon:"🔐"},{text:"You own your data",icon:"👑"},{text:"Censorship resistant",icon:"🛡️"}];return{traditional:We(t?.traditionalTitle||"Traditional Email",t?.traditionalItems||e,"traditional",{badge:{text:t?.traditionalBadge||"Old Way",color:"red"}}),web3:We(t?.web3Title||"Web3 Email",t?.web3Items||r,"web3",{badge:{text:t?.web3Badge||"New Way",color:"green"}})}},zo=I.cva("mx-auto px-4 sm:px-6",{variants:{size:{sm:"max-w-2xl",md:"max-w-4xl",lg:"max-w-6xl",xl:"max-w-7xl lg:px-8",full:"max-w-full",prose:"max-w-prose"},spacing:{none:"",xs:"py-2",sm:"py-3",md:"py-4",lg:"py-6",xl:"py-8","2xl":"py-12","3xl":"py-16"},align:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:"xl",spacing:"md",align:"left"}}),jo=({children:t,size:e="xl",spacing:r="md",align:o="left",className:n,as:s="div"})=>b.createElement(s,{className:h(zo({size:e,spacing:r,align:o}),n)},t),Mo=({trigger:t,items:e,align:r="right",className:o=""})=>{const[n,s]=b.useState(!1),d=b.useRef(null);jt(d,()=>s(!1));const l=u=>{u.disabled||(u.onClick(),s(!1))},c=r==="left"?C.overlays.dropdown.menuRight():C.overlays.dropdown.menuLeft();return a.jsxs("div",{className:`${C.overlays.dropdown.container()} ${o}`,ref:d,children:[a.jsx("div",{className:C.overlays.dropdown.trigger(),onClick:()=>s(!n),children:t}),n&&a.jsx("div",{className:`${C.overlays.dropdown.menu()} ${c} ${C.overlays.dropdown.menuBottom()}`,children:a.jsx("div",{className:C.overlays.dropdown.itemContainer(),children:e.map(u=>u.separator?a.jsx("div",{className:"my-1 h-px bg-gray-200 dark:bg-gray-700",role:"separator"},u.id):a.jsxs("button",{onClick:()=>l(u),disabled:u.disabled,className:u.disabled?C.overlays.dropdown.itemDisabled():C.overlays.dropdown.item(),children:[u.icon&&a.jsx(u.icon,{className:C.overlays.dropdown.itemIcon()}),a.jsx("span",{children:u.label})]},u.id))})})]})},Oo=({icon:t,title:e,description:r,benefits:o,metrics:n,color:s="blue",isHighlight:d=!1,learnMoreUrl:l,cta:c,className:u})=>{const m={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",orange:"text-orange-600 dark:text-orange-400",pink:"text-pink-600 dark:text-pink-400",gray:"text-gray-600 dark:text-gray-400"},p=m[s]||m.blue,f=()=>a.jsxs(a.Fragment,{children:[a.jsx("div",{className:h("flex-shrink-0 mb-4",p),children:t}),a.jsxs("div",{className:"flex-1",children:[a.jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-3",children:e}),a.jsx("p",{className:"text-gray-600 dark:text-gray-300 mb-4 leading-relaxed",children:r}),c&&a.jsx("div",{className:"mt-3 mb-4",children:c}),o&&o.length>0&&a.jsx("ul",{className:"space-y-2 mb-4",children:o.map((x,k)=>a.jsxs("li",{className:"flex items-start",children:[a.jsx("div",{className:h("w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0",`bg-${s}-500`)}),a.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:x})]},k))}),n&&Object.keys(n).length>0&&a.jsx("div",{className:"grid grid-cols-2 gap-4 mt-4",children:Object.entries(n).map(([x,k],w)=>a.jsxs("div",{className:"text-center p-3 bg-gray-50 dark:bg-gray-700/50 rounded-lg",children:[a.jsx("div",{className:h("text-lg font-bold",p),children:k}),a.jsx("div",{className:"text-xs text-gray-500 dark:text-gray-400 mt-1",children:x})]},w))})]})]});return l?a.jsx("a",{href:l,className:h("block group p-6 rounded-xl border transition-all duration-200 hover:shadow-lg",d?"bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border-blue-200 dark:border-blue-800":"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600",u),children:a.jsx(f,{})}):a.jsx("div",{className:h("p-6 rounded-xl border",d?"bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border-blue-200 dark:border-blue-800":"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700",u),children:a.jsx(f,{})})},Wo=I.cva("grid gap-8",{variants:{columns:{1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4"},spacing:{sm:"gap-4",md:"gap-8",lg:"gap-12"}},defaultVariants:{columns:3,spacing:"md"}}),Bo=I.cva("group transition-all duration-300",{variants:{variant:{default:"text-center",left:"text-left",hoverable:"text-center hover:transform hover:scale-105 cursor-pointer",card:"bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg hover:shadow-xl text-center",minimal:"text-center space-y-4"},animation:{none:"",hover:"hover:transform hover:scale-105",float:"hover:-translate-y-2"}},defaultVariants:{variant:"default",animation:"hover"}}),Do=I.cva("flex items-center justify-center rounded-2xl mb-6 transition-all duration-300",{variants:{size:{sm:"w-16 h-16",md:"w-20 h-20",lg:"w-24 h-24"},style:{gradient:"bg-gradient-to-br from-blue-100 to-blue-200 dark:from-blue-900/30 dark:to-blue-800/30 group-hover:from-blue-200 group-hover:to-blue-300 dark:group-hover:from-blue-800/40 dark:group-hover:to-blue-700/40",solid:"bg-blue-100 dark:bg-blue-900/30 group-hover:bg-blue-200 dark:group-hover:bg-blue-800/40",outline:"border-2 border-blue-200 dark:border-blue-800 group-hover:border-blue-300 dark:group-hover:border-blue-700",colorful:"group-hover:scale-110"},position:{center:"mx-auto",left:"",right:"ml-auto"}},defaultVariants:{size:"md",style:"gradient",position:"center"}}),Fo={success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",info:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",warning:"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",default:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"},_o=({className:t,features:e,columns:r=3,spacing:o="md",cardVariant:n="default",cardAnimation:s="hover",iconSize:d="md",iconStyle:l="gradient",iconPosition:c="center",titleClass:u,descriptionClass:m,animate:p=!0,animationDelay:f=0,staggerDelay:x=100,onFeatureClick:k,defaultLinkText:w="Learn more"})=>{const $=(N,A)=>{if(l==="colorful"&&N.gradient)return{background:`linear-gradient(135deg, ${N.gradient.from}, ${N.gradient.to})`};if(l==="colorful"){const j=[{from:"#3B82F6",to:"#1D4ED8"},{from:"#10B981",to:"#059669"},{from:"#8B5CF6",to:"#7C3AED"},{from:"#F59E0B",to:"#D97706"},{from:"#EF4444",to:"#DC2626"},{from:"#06B6D4",to:"#0891B2"}],Ne=j[A%j.length];return{background:`linear-gradient(135deg, ${Ne.from}, ${Ne.to})`}}},S=(N,A)=>{const j=a.jsxs("div",{className:h(Bo({variant:n,animation:s})),onClick:()=>k?.(N),role:k?"button":void 0,tabIndex:k?0:void 0,children:[N.badge&&a.jsx("div",{className:"mb-4",children:a.jsx("span",{className:h("inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",Fo[N.badge.variant||"default"]),children:N.badge.text})}),a.jsx("div",{className:h(Do({size:d,style:l,position:c})),style:$(N,A),children:a.jsx("div",{className:h("flex items-center justify-center",l==="colorful"?"text-white":"text-blue-600 dark:text-blue-400"),children:N.icon})}),a.jsx("h3",{className:h("text-xl font-bold text-gray-900 dark:text-white mb-4",u),children:N.title}),a.jsx("div",{className:h("text-gray-600 dark:text-gray-300 leading-relaxed",m),children:N.description}),N.link&&a.jsx("div",{className:"mt-6",children:a.jsxs("a",{href:N.link.href,className:"inline-flex items-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 font-medium transition-colors duration-200",children:[N.link.text||w,a.jsx("svg",{className:"w-4 h-4 ml-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})})]});return p?a.jsx(H,{animation:"fade-in-up",delay:f+A*x,children:j},N.id||A):a.jsx("div",{children:j},N.id||A)};return a.jsx("div",{className:h(Wo({columns:r,spacing:o}),t),children:e.map(S)})},Be=(t,e,r,o)=>({icon:t,title:e,description:r,...o}),qo=t=>[Be(a.jsx("svg",{className:"w-8 h-8",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"})}),t?.passwordlessTitle||"Passwordless Security",t?.passwordlessDescription||"Authenticate using your Web3 wallet - no passwords to remember or lose."),Be(a.jsx("svg",{className:"w-8 h-8",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.40A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"})}),t?.encryptionTitle||"End-to-End Encryption",t?.encryptionDescription||"Your emails are encrypted and only you can read them.")],Vo=t=>({primary:C.button.gradient.primary,secondary:C.button.gradient.secondary,success:C.button.gradient.success,warning:C.button.gradient.primary,error:C.button.gradient.primary})[t](),Uo={sm:"h-8",md:"",lg:"h-12"},Ho=({children:t,variant:e="primary",size:r="md",disabled:o=!1,loading:n=!1,fullWidth:s=!1,onClick:d,type:l="button",className:c})=>a.jsxs("button",{type:l,onClick:d,disabled:o||n,className:h("relative",Vo(e),Uo[r],"hover:scale-105 active:scale-95 transition-transform",s&&"w-full",c),children:[n&&a.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:a.jsx("div",{className:"w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin"})}),a.jsx("span",{className:h(n&&"opacity-0"),children:t})]}),Go=({badgeIcon:t,badgeText:e,badgeColor:r="blue",title:o,subtitle:n,description:s,primaryButton:d,secondaryButton:l,className:c,children:u})=>{const p={blue:"bg-blue-100 dark:bg-blue-900/30 border-blue-300 dark:border-blue-700 text-blue-800 dark:text-blue-200",green:"bg-green-100 dark:bg-green-900/30 border-green-300 dark:border-green-700 text-green-800 dark:text-green-200",purple:"bg-purple-100 dark:bg-purple-900/30 border-purple-300 dark:border-purple-700 text-purple-800 dark:text-purple-200",orange:"bg-orange-100 dark:bg-orange-900/30 border-orange-300 dark:border-orange-700 text-orange-800 dark:text-orange-200",pink:"bg-pink-100 dark:bg-pink-900/30 border-pink-300 dark:border-pink-700 text-pink-800 dark:text-pink-200",gray:"bg-gray-100 dark:bg-gray-900/30 border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-200"}[r];return a.jsx("section",{className:h("py-20",c),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[a.jsxs("div",{className:h("inline-flex items-center border px-6 py-3 rounded-full mb-6",p),children:[t&&a.jsx("span",{className:"mr-3",children:t}),a.jsx("span",{className:"font-semibold",children:e})]}),a.jsxs("h1",{className:"text-4xl md:text-6xl font-bold text-gray-900 dark:text-gray-100 mb-6",children:[typeof o=="string"?a.jsx("span",{dangerouslySetInnerHTML:{__html:o}}):o,n&&a.jsx("span",{className:"text-blue-600 dark:text-blue-400 block",children:n})]}),a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 mb-8 max-w-4xl mx-auto leading-relaxed",children:s}),(d||l)&&a.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center mb-8",children:[d&&a.jsx(q,{size:"lg",...d,className:h("px-8 py-3",d.className),children:d.text}),l&&a.jsx(q,{variant:"outline",size:"lg",...l,className:h("px-8 py-3",l.className),children:l.text})]}),u]})})},Bt=T.forwardRef(({className:t,type:e,...r},o)=>a.jsx("input",{type:e,className:h(C.input.default(),t),ref:o,...r}));Bt.displayName="Input";const Ko=I.cva(`${E.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`),De=T.forwardRef(({className:t,...e},r)=>a.jsx(it.Root,{ref:r,className:h(Ko(),t),...e}));De.displayName=it.Root.displayName;const Yo=({title:t,description:e,metrics:r,columns:o=3,className:n})=>{const s={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",orange:"text-orange-600 dark:text-orange-400",pink:"text-pink-600 dark:text-pink-400",gray:"text-gray-600 dark:text-gray-400"},d={2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"};return a.jsx("section",{className:h("py-16",n),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(t||e)&&a.jsxs("div",{className:"text-center mb-12",children:[t&&a.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-4",children:t}),e&&a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:e})]}),a.jsx("div",{className:h("grid gap-8",d[o]),children:r.map((l,c)=>{const u=l.color?s[l.color]:s.blue;return a.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700 text-center hover:shadow-lg transition-shadow",children:[l.icon&&a.jsx("div",{className:h("flex justify-center mb-4",u),children:l.icon}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:h("text-3xl font-bold",u),children:l.value}),a.jsx("div",{className:"text-gray-600 dark:text-gray-400 font-medium",children:l.label}),l.trend&&a.jsxs("div",{className:h("text-sm font-semibold",l.trend.direction==="up"?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"),children:[l.trend.direction==="up"?"↑":"↓"," ",l.trend.value]})]})]},c)})})]})})},Qo=({title:t,description:e,steps:r,orientation:o="vertical",color:n="blue",className:s})=>{const l={blue:{bg:"bg-blue-600",text:"text-blue-600 dark:text-blue-400",border:"border-blue-200 dark:border-blue-800"},green:{bg:"bg-green-600",text:"text-green-600 dark:text-green-400",border:"border-green-200 dark:border-green-800"},purple:{bg:"bg-purple-600",text:"text-purple-600 dark:text-purple-400",border:"border-purple-200 dark:border-purple-800"},orange:{bg:"bg-orange-600",text:"text-orange-600 dark:text-orange-400",border:"border-orange-200 dark:border-orange-800"},pink:{bg:"bg-pink-600",text:"text-pink-600 dark:text-pink-400",border:"border-pink-200 dark:border-pink-800"},gray:{bg:"bg-gray-600",text:"text-gray-600 dark:text-gray-400",border:"border-gray-200 dark:border-gray-800"}}[n];return a.jsx("section",{className:h("py-16",s),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(t||e)&&a.jsxs("div",{className:"text-center mb-12",children:[t&&a.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-4",children:t}),e&&a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:e})]}),a.jsx("div",{className:h(o==="horizontal"?"flex flex-col lg:flex-row justify-center items-center lg:items-start space-y-8 lg:space-y-0 lg:space-x-8":"space-y-8 max-w-4xl mx-auto"),children:r.map((c,u)=>a.jsxs("div",{className:h("relative",o==="horizontal"?"flex-1 text-center lg:text-left":"flex items-start"),children:[a.jsx("div",{className:h("flex-shrink-0 flex items-center justify-center rounded-full text-white font-bold",l.bg,o==="horizontal"?"w-12 h-12 mx-auto lg:mx-0 mb-4":"w-10 h-10 mr-4 mt-1"),children:c.icon?c.icon:c.step}),u<r.length-1&&o==="vertical"&&a.jsx("div",{className:h("absolute left-5 top-12 w-px h-8 -ml-px",l.bg.replace("bg-","bg-").replace("-600","-200"),"dark:"+l.bg.replace("bg-","bg-").replace("-600","-800"))}),a.jsxs("div",{className:h(o==="horizontal"?"flex-1":"flex-1 min-w-0"),children:[a.jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:c.title}),a.jsx("p",{className:"text-gray-600 dark:text-gray-300 mb-3",children:c.description}),c.details&&c.details.length>0&&a.jsx("ul",{className:"space-y-1",children:c.details.map((m,p)=>a.jsxs("li",{className:"flex items-start",children:[a.jsx("div",{className:h("w-1.5 h-1.5 rounded-full mt-2 mr-2 flex-shrink-0",l.bg)}),a.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:m})]},p))})]})]},u))})]})})},Fe=P.Root,Zo=P.Group,Dt=P.Value,ye=T.forwardRef(({className:t,children:e,...r},o)=>a.jsxs(P.Trigger,{ref:o,className:h("flex h-9 w-full items-center justify-between rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-3 py-2 text-sm text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:ring-offset-gray-950 transition-colors disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",t),...r,children:[e,a.jsx(P.Icon,{asChild:!0,children:a.jsx(ce.ChevronDown,{className:"h-4 w-4 opacity-50 ml-2 flex-shrink-0"})})]}));ye.displayName=P.Trigger.displayName;const _e=T.forwardRef(({className:t,...e},r)=>a.jsx(P.ScrollUpButton,{ref:r,className:h("flex cursor-default items-center justify-center py-1",t),...e,children:a.jsx(ce.ChevronUp,{className:"h-4 w-4"})}));_e.displayName=P.ScrollUpButton.displayName;const qe=T.forwardRef(({className:t,...e},r)=>a.jsx(P.ScrollDownButton,{ref:r,className:h("flex cursor-default items-center justify-center py-1",t),...e,children:a.jsx(ce.ChevronDown,{className:"h-4 w-4"})}));qe.displayName=P.ScrollDownButton.displayName;const fe=T.forwardRef(({className:t,children:e,position:r="popper",...o},n)=>a.jsx(P.Portal,{children:a.jsxs(P.Content,{ref:n,className:h(C.overlays.dropdown.menu(),"z-[1000000] max-h-96 min-w-[8rem] overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:r,...o,children:[a.jsx(_e,{}),a.jsx(P.Viewport,{className:h(C.overlays.dropdown.itemContainer(),r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:e}),a.jsx(qe,{})]})}));fe.displayName=P.Content.displayName;const Ft=T.forwardRef(({className:t,...e},r)=>a.jsx(P.Label,{ref:r,className:h(C.overlays.dropdown.header(),"py-1.5",t),...e}));Ft.displayName=P.Label.displayName;const xe=T.forwardRef(({className:t,children:e,...r},o)=>a.jsxs(P.Item,{ref:o,className:h(C.overlays.dropdown.item(),"relative select-none justify-between pr-8 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...r,children:[a.jsx(P.ItemText,{children:e}),a.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:a.jsx(P.ItemIndicator,{children:a.jsx(ce.Check,{className:"h-4 w-4"})})})]}));xe.displayName=P.Item.displayName;const _t=T.forwardRef(({className:t,...e},r)=>a.jsx(P.Separator,{ref:r,className:h("my-1 h-px bg-gray-200 dark:bg-gray-700",t),...e}));_t.displayName=P.Separator.displayName;const Ve=({size:t="default",variant:e="default",className:r,ariaLabel:o="Loading",loadingText:n="Loading..."})=>{const s=()=>{const d={small:"w-4 h-4",default:"w-6 h-6",large:"w-8 h-8",extraLarge:"w-16 h-16 border-4"},l={default:"border-gray-300 border-t-blue-600",white:"border-white/30 border-t-white",success:"border-gray-300 border-t-green-600",warning:"border-gray-300 border-t-orange-600",error:"border-gray-300 border-t-red-600"};return`animate-spin rounded-full border-2 ${d[t]} ${l[e]}`};return a.jsx("div",{className:h(s(),r),role:"status","aria-label":o,children:a.jsx("span",{className:"sr-only",children:n})})},qt=T.forwardRef(({className:t,...e},r)=>a.jsx(Ee.Root,{className:h("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-gray-200 dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-950 dark:data-[state=checked]:bg-blue-500 dark:data-[state=unchecked]:bg-gray-700",t),...e,ref:r,children:a.jsx(Ee.Thumb,{className:h("pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")})}));qt.displayName=Ee.Root.displayName;const Jo=({title:t,onAdd:e,addButtonTooltip:r,loading:o,className:n=""})=>a.jsx("div",{className:`p-4 border-b border-gray-200 dark:border-gray-700 ${n}`,children:a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("h2",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:t}),a.jsxs("div",{className:"flex items-center space-x-2",children:[o&&a.jsx("div",{className:"w-5 h-5 border-2 border-blue-600 border-t-transparent rounded-full animate-spin"}),e&&a.jsx("button",{onClick:e,className:"p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors",title:r,"aria-label":r||"Add",children:a.jsx("svg",{className:"w-5 h-5 text-gray-600 dark:text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})})]})]})}),Xo=({subsections:t,isExpanded:e,selectedSubsection:r,parentSectionId:o,onSubsectionSelect:n})=>{const s=b.useRef(null),[d,l]=b.useState(void 0);return b.useEffect(()=>{if(s.current){const c=s.current.scrollHeight;l(e?c+8:0)}},[e,t]),a.jsx("div",{className:"overflow-hidden transition-all duration-300 ease-in-out",style:{height:d!==void 0?`${d}px`:"auto"},children:a.jsx("div",{ref:s,className:"ml-6 mt-2 space-y-1",children:t.map(c=>a.jsx("button",{onClick:()=>n?.(c.id,o),className:`block w-full text-left px-3 py-2 rounded-md text-sm transition-all duration-200 hover:scale-[1.02] ${r===c.id?"bg-blue-100 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 shadow-sm":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200"}`,children:c.title},c.id))})})},Ro=({sections:t,selectedSection:e,selectedSubsection:r,expandedSections:o,onSectionSelect:n,onSubsectionSelect:s,onToggleSection:d,className:l=""})=>a.jsx("nav",{className:`space-y-2 ${l}`,children:t.map(c=>a.jsxs("div",{children:[a.jsxs("div",{className:"flex items-center",children:[a.jsx("button",{onClick:()=>n(c.id),className:`flex-1 text-left px-3 py-2 rounded-md text-sm font-medium transition-all duration-200 hover:scale-[1.02] ${e===c.id&&!r?"bg-blue-100 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 shadow-sm":"text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100"}`,children:c.title}),c.subsections&&c.subsections.length>0&&a.jsx("button",{onClick:()=>d(c.id),className:"p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-110 transition-all duration-200",children:a.jsx(v.ChevronRightIcon,{className:`h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out ${o.includes(c.id)?"rotate-90":"rotate-0"}`})})]}),c.subsections&&a.jsx(Xo,{subsections:c.subsections,isExpanded:o.includes(c.id),selectedSubsection:r,parentSectionId:c.id,onSubsectionSelect:s})]},c.id))}),en=t=>{switch(t){case"verified":case"success":return"bg-green-500";case"connected":case"warning":return"bg-amber-500";case"disconnected":case"error":return"bg-red-500";case"pending":return"bg-blue-500";default:return"bg-gray-500"}},tn=t=>{switch(t){case"sm":return"w-1.5 h-1.5";case"lg":return"w-3 h-3";default:return"w-2 h-2"}},rn=({status:t,label:e,showDot:r=!0,size:o="md"})=>{const s=e||{verified:"Verified",connected:"Connected",disconnected:"Disconnected",pending:"Pending",error:"Error",success:"Success",warning:"Warning"}[t],l=((m,p)=>{const f={sm:"small",md:"default",lg:"large"},k={verified:"success",success:"success",connected:"warning",warning:"warning",disconnected:"error",error:"error",pending:"primary"}[m]||"default",w=f[p];return w==="default"?C.badge[k]():C.badge[w](k)})(t,o),c=en(t),u=tn(o);return a.jsxs("span",{className:l,children:[r&&a.jsx("span",{className:`inline-block ${u} rounded-full ${c} mr-1`}),s]})},Vt=({chainType:t,size:e="md"})=>{if(t==="unknown")return null;const r=t==="solana"?"SOL":"ETH",n={sm:"small",md:"default",lg:"large"}[e],s=()=>{const d=t==="solana"?"solana":"ethereum";return n==="default"?C.badge[d]():C.badge[n](d)};return a.jsx("span",{className:s(),children:r})},an=t=>t?t.length<=10?t:`${t.slice(0,6)}...${t.slice(-4)}`:"",Ut=({type:t,addressType:e})=>{if(t==="primary")return a.jsx(Vt,{chainType:e==="solana"?"solana":"evm",size:"sm"});const r=()=>t.toUpperCase(),o=()=>{switch(t){case"ens":return"bg-green-50 text-green-700 border-green-200 dark:bg-green-900/10 dark:text-green-300 dark:border-green-800";case"sns":return"bg-orange-50 text-orange-700 border-orange-200 dark:bg-orange-900/10 dark:text-orange-300 dark:border-orange-800";default:return"bg-gray-50 text-gray-700 border-gray-200 dark:bg-gray-900/10 dark:text-gray-300 dark:border-gray-800"}};return a.jsx("span",{className:h("inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium border",o()),children:r()})},on=({domainEmails:t,isExpanded:e,selectedAccount:r,onAccountSelect:o,onAccountSettings:n})=>{const s=b.useRef(null),[d,l]=b.useState(void 0);return b.useEffect(()=>{if(s.current){const c=s.current.scrollHeight;l(e?c+8:0)}},[e,t]),a.jsx("div",{className:"overflow-hidden transition-all duration-300 ease-in-out",style:{height:d!==void 0?`${d}px`:"auto"},children:a.jsx("div",{ref:s,className:"ml-6 mt-2 space-y-1",children:t.map(c=>a.jsxs("button",{onClick:()=>o(c.address),className:h("w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",E.body.sm(),r===c.address?"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300":"hover:bg-gray-100 dark:hover:bg-gray-700"),children:[a.jsx("span",{className:"truncate flex-1",children:c.name}),a.jsx(Ut,{type:c.type,addressType:c.addressType})]},c.address))})})},nn=({walletGroups:t,selectedAccount:e,expandedWallets:r,onAccountSelect:o,onToggleWallet:n,onAccountSettings:s,className:d=""})=>a.jsx("nav",{className:h("space-y-1",d),children:t.map(l=>a.jsxs("div",{children:[a.jsxs("button",{onClick:()=>o(l.primaryEmail.address),className:h("w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",E.body.sm(),e===l.primaryEmail.address&&l.domainEmails.length===0?"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300":"hover:bg-gray-100 dark:hover:bg-gray-700"),style:l.customColor?{backgroundColor:l.customColor}:void 0,children:[a.jsxs("div",{className:"flex items-center flex-1 min-w-0",children:[a.jsx("span",{className:"truncate flex-1",children:an(l.walletAddress)}),a.jsx(Ut,{type:l.primaryEmail.type,addressType:l.addressType})]}),l.domainEmails.length>0&&a.jsx("div",{onClick:c=>{c.stopPropagation(),n(l.walletAddress)},className:"p-1 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-pointer",role:"button",tabIndex:0,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.stopPropagation(),n(l.walletAddress))},children:a.jsx(v.ChevronRightIcon,{className:h("h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out",r.includes(l.walletAddress)?"rotate-90":"rotate-0")})})]}),l.domainEmails.length>0&&a.jsx(on,{domainEmails:l.domainEmails,isExpanded:r.includes(l.walletAddress),selectedAccount:e,onAccountSelect:o,onAccountSettings:s})]},l.walletAddress))}),sn=V.Root,Ht=T.forwardRef(({className:t,...e},r)=>a.jsx(V.List,{ref:r,className:h(C.navigation.tabs.list(),t),...e}));Ht.displayName=V.List.displayName;const Gt=T.forwardRef(({className:t,...e},r)=>a.jsx(V.Trigger,{ref:r,className:h(C.navigation.tabs.trigger(),t),...e}));Gt.displayName=V.Trigger.displayName;const Kt=T.forwardRef(({className:t,...e},r)=>a.jsx(V.Content,{ref:r,className:h(C.navigation.tabs.content(),t),...e}));Kt.displayName=V.Content.displayName;const ln=({title:t,description:e,useCases:r,columns:o=3,className:n})=>{const s={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",orange:"text-orange-600 dark:text-orange-400",pink:"text-pink-600 dark:text-pink-400",gray:"text-gray-600 dark:text-gray-400"},d={2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"};return a.jsx("section",{className:h("py-16",n),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(t||e)&&a.jsxs("div",{className:"text-center mb-12",children:[t&&a.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-4",children:t}),e&&a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:e})]}),a.jsx("div",{className:h("grid gap-8",d[o]),children:r.map((l,c)=>{const u=l.color?s[l.color]:s.blue;return a.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow",children:[a.jsx("div",{className:h("flex-shrink-0 mb-4",u),children:l.icon}),a.jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-3",children:l.title}),a.jsx("p",{className:"text-gray-600 dark:text-gray-300 mb-4",children:l.description}),l.examples&&l.examples.length>0&&a.jsxs("div",{children:[a.jsx("h4",{className:"text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2",children:"Examples:"}),a.jsx("ul",{className:"space-y-1",children:l.examples.map((m,p)=>a.jsxs("li",{className:"flex items-start",children:[a.jsx("div",{className:h("w-1.5 h-1.5 rounded-full mt-2 mr-2 flex-shrink-0",l.color?`bg-${l.color}-500`:"bg-blue-500")}),a.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:m})]},p))})]})]},c)})})]})})},dn={row:"flex-row","row-reverse":"flex-row-reverse",col:"flex-col","col-reverse":"flex-col-reverse"},cn={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},gn={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},un={wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},mn={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},bn=({children:t,direction:e="row",align:r="start",justify:o="start",wrap:n="nowrap",gap:s="0",className:d})=>a.jsx("div",{className:h("flex",dn[e],cn[r],gn[o],un[n],mn[s],d),children:t}),pn=I.cva("min-h-screen flex flex-col",{variants:{background:{default:"bg-gray-50 dark:bg-gray-900",surface:"bg-white dark:bg-gray-800",transparent:"bg-transparent",gradient:"bg-gradient-to-br from-gray-50 via-blue-50 to-purple-50 dark:from-gray-900 dark:via-blue-900/20 dark:to-purple-900/20"},overflow:{visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-auto"}},defaultVariants:{background:"default",overflow:"visible"}}),hn=({children:t,background:e="default",overflow:r="visible",className:o})=>a.jsx("div",{className:h(pn({background:e,overflow:r}),o),children:t}),yn=I.cva("",{variants:{variant:{default:"",hero:"relative overflow-hidden",feature:"bg-white dark:bg-gray-800",cta:"relative overflow-hidden",testimonial:"bg-gray-50 dark:bg-gray-900",footer:"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 border-t"},spacing:{none:"",xs:"py-2",sm:"py-3",md:"py-4",lg:"py-6",xl:"py-8","2xl":"py-12","3xl":"py-16","4xl":"py-20","5xl":"py-24"},background:{none:"bg-transparent",default:"bg-gray-50 dark:bg-gray-900",surface:"bg-white dark:bg-gray-800",gradient:"bg-gradient-to-br from-gray-50 via-blue-50 to-purple-50 dark:from-gray-900 dark:via-blue-900/20 dark:to-purple-900/20","gradient-primary":"bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-blue-900/20 dark:to-indigo-900/20","gradient-secondary":"bg-gradient-to-br from-green-50 to-blue-100 dark:from-green-900/20 dark:to-blue-900/20","gradient-vibrant":"bg-gradient-to-br from-blue-600 to-purple-600"}},defaultVariants:{variant:"default",spacing:"3xl",background:"none"}}),fn=({children:t,variant:e="default",spacing:r="3xl",background:o="none",className:n,as:s="section",id:d})=>b.createElement(s,{id:d,className:h(yn({variant:e,spacing:r,background:o}),n)},t),Yt=({icon:t,title:e="No data",description:r,action:o,className:n})=>a.jsxs("div",{className:h("flex flex-col items-center justify-center py-12 px-4 text-center",n),children:[t&&a.jsx("div",{className:"mb-4 text-gray-400 dark:text-gray-600",children:t}),a.jsx("h3",{className:h(E.heading.h3(),"mb-2"),children:e}),r&&a.jsx("p",{className:h(E.body.sm(),"text-gray-600 dark:text-gray-400 max-w-sm mb-6"),children:r}),o&&a.jsx("div",{className:"mt-4",children:o})]}),xn=({message:t="Loading...",size:e="default",fullScreen:r=!1,variant:o="default",className:n})=>{const d={small:{spinner:"small",text:"text-sm"},default:{spinner:"default",text:"text-base"},large:{spinner:"large",text:"text-lg"}}[e],l=r?"fixed inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-gray-900/80":"flex flex-col items-center justify-center p-8",c=a.jsxs("div",{className:h(l,n),children:[a.jsx(Ve,{size:d.spinner,variant:o,className:"mb-4"}),t&&a.jsx("p",{className:h(d.text,"text-gray-600 dark:text-gray-400 text-center max-w-sm"),children:t})]});return r?a.jsx("div",{className:"fixed inset-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm",children:a.jsxs("div",{className:"flex items-center justify-center min-h-full p-4",children:[a.jsx(Ve,{size:d.spinner,variant:o,className:"mb-4"}),t&&a.jsx("p",{className:"text-center text-gray-600 dark:text-gray-400 max-w-sm",children:t})]})}):c},kn=({title:t,subtext:e,className:r})=>a.jsx(Yt,{title:t,description:e,className:r}),Ue=({label:t,value:e,onChange:r,placeholder:o,required:n=!1,error:s,className:d=""})=>a.jsxs("div",{className:d,children:[a.jsxs(De,{htmlFor:t.toLowerCase(),className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:[t," ",n&&a.jsx("span",{className:"text-red-500",children:"*"})]}),a.jsx("input",{id:t.toLowerCase(),type:"email",value:e,onChange:l=>r(l.target.value),placeholder:o,className:`
|
|
32
|
+
`,po(k))}}},[t]),a.jsx("div",{ref:p,className:`${f()} ${s}`,children:n})},ho=({children:t,delay:e=0,className:r=""})=>a.jsx(H,{animation:"fade-in-up",delay:e,className:r,children:t}),yo=({children:t,delay:e=0,className:r=""})=>a.jsx(H,{animation:"fade-in-scale",delay:e,className:r,children:t}),fo=({children:t,className:e=""})=>a.jsx(H,{animation:"float",className:e,children:t}),Wt=I.cva("min-h-[44px] touch-manipulation",{variants:{variant:{default:"",primary:"",secondary:"",outline:"",ghost:"",destructive:"","destructive-outline":"",success:"",link:"",gradient:"","gradient-secondary":"","gradient-success":"",wallet:"",connect:"",disconnect:""},size:{default:"",sm:"h-8",lg:"h-12",icon:"h-10 w-10 p-0"},animation:{none:"transition-colors duration-200",hover:"transition-all duration-200 hover:scale-105",lift:"transition-all duration-200 hover:scale-105",scale:"transition-transform duration-200 hover:scale-95",glow:"transition-all duration-200 hover:shadow-lg",shimmer:"transition-all duration-200",tap:"transition-transform duration-100 active:scale-95",connect:"transition-all duration-200 hover:scale-105",transaction:"transition-all duration-200 animate-pulse",disconnect:"transition-all duration-200 hover:opacity-80"}},defaultVariants:{variant:"default",size:"default",animation:"hover"}}),q=T.forwardRef(({className:t,variant:e,size:r,animation:o,asChild:n=!1,...s},d)=>{const l=n?Sr.Slot:"button",c=e||"default",u=r&&r!=="default"&&r!=="icon"?r:void 0,m=x=>x?{sm:"small",lg:"large",default:"default"}[x]||x:"default",f=(()=>{if(c.startsWith("gradient")){const x=c.replace("gradient-","").replace("gradient","primary");return C.button.gradient[x]?.()||C.button.primary.default()}else{if(["wallet","connect","disconnect"].includes(c))return C.button.web3[c]?.()||C.button.primary.default();{const x=m(u);return C.button[c]?.[x]?.()||C.button.primary.default()}}})();return a.jsx(l,{className:h(Wt({size:r,animation:o}),f,t),ref:d,...s})});q.displayName="Button";const xo={default:"bg-white dark:bg-gray-800",bordered:"bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700",elevated:"bg-white dark:bg-gray-800 shadow-md",info:"bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 text-blue-900 dark:text-blue-300",success:"bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 text-green-900 dark:text-green-300",warning:"bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-yellow-900 dark:text-yellow-300",error:"bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 text-red-900 dark:text-red-300",callout:"bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border border-blue-200 dark:border-blue-800"},ko={none:"",sm:"p-3",md:"p-6",lg:"p-8"},Oe=({variant:t="elevated",padding:e="md",icon:r,onClose:o,className:n,children:s,...d})=>{const c=["info","success","warning","error"].includes(t)&&(r||o);return a.jsx("div",{className:h("rounded-lg",xo[t],ko[e],n),...d,children:c?a.jsxs("div",{className:"flex items-start gap-3",children:[r&&a.jsx("div",{className:"flex-shrink-0 text-lg",children:r}),a.jsx("div",{className:"flex-1 min-w-0",children:s}),o&&a.jsx("button",{onClick:o,className:"flex-shrink-0 text-current hover:opacity-70 transition-opacity","aria-label":"Close",children:a.jsx("svg",{className:"w-5 h-5",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]}):s})},wo=({title:t,description:e,className:r,children:o,...n})=>a.jsxs("div",{className:h("space-y-1.5",r),...n,children:[t&&a.jsx("h3",{className:E.heading.h4(),children:t}),e&&a.jsx("p",{className:E.body.sm(),children:e}),o]}),vo=({className:t,children:e,...r})=>a.jsx("div",{className:h("",t),...r,children:e}),Co=({className:t,children:e,...r})=>a.jsx("div",{className:h("flex items-center pt-4",t),...r,children:e}),So=({title:t,children:e,variant:r="info",size:o="default",className:n})=>{const s={sm:"sm",default:"md",lg:"lg"},d=r==="neutral"?"bordered":r;return a.jsxs(Oe,{variant:d,padding:s[o],className:n,children:[t&&a.jsx("h3",{className:h("font-semibold mb-2",o==="sm"?"text-base":o==="lg"?"text-xl":"text-lg"),children:t}),e]})},No=({title:t,icon:e,children:r,variant:o="gradient",size:n="default",centered:s=!1,className:d})=>{const l={sm:"sm",default:"md",lg:"lg"},c=o==="gradient"||o==="neutral"?"callout":o;return a.jsx(Oe,{variant:c,padding:l[n],className:d,children:a.jsxs("div",{className:h("space-y-4",s&&"text-center"),children:[e&&a.jsx("div",{className:h("font-bold",n==="sm"?"text-2xl":n==="lg"?"text-5xl":"text-4xl",s?"text-center":"text-left"),children:e}),t&&a.jsx("h3",{className:h("font-bold mb-4",n==="sm"?"text-lg":n==="lg"?"text-3xl":"text-2xl"),children:t}),a.jsx("div",{className:h("text-gray-600 dark:text-gray-400",n==="sm"?"text-sm":n==="lg"?"text-lg":"text-base"),children:r})]})})},Eo=I.cva("grid gap-8",{variants:{layout:{grid:"grid-cols-1 md:grid-cols-2",stacked:"grid-cols-1 space-y-8",cards:"grid-cols-1 md:grid-cols-2 gap-6"},spacing:{sm:"gap-4",md:"gap-8",lg:"gap-12"}},defaultVariants:{layout:"grid",spacing:"md"}}),$o=I.cva("rounded-xl p-6 transition-all duration-300",{variants:{variant:{traditional:"bg-red-50 dark:bg-red-900/20 border-2 border-red-100 dark:border-red-800/30 hover:border-red-200 dark:hover:border-red-700/50",web3:"bg-green-50 dark:bg-green-900/20 border-2 border-green-100 dark:border-green-800/30 hover:border-green-200 dark:hover:border-green-700/50",neutral:"bg-gray-50 dark:bg-gray-800/50 border-2 border-gray-100 dark:border-gray-700/30 hover:border-gray-200 dark:hover:border-gray-600/50",elevated:"bg-white dark:bg-gray-800 shadow-lg hover:shadow-xl border border-gray-200 dark:border-gray-700"},animation:{none:"",hover:"hover:transform hover:scale-[1.02]",float:"hover:-translate-y-1"}},defaultVariants:{variant:"traditional",animation:"hover"}}),Io=I.cva("text-lg font-bold mb-4 flex items-center gap-3",{variants:{variant:{traditional:"text-red-600 dark:text-red-400",web3:"text-green-600 dark:text-green-400",neutral:"text-gray-900 dark:text-white",elevated:"text-gray-900 dark:text-white"}},defaultVariants:{variant:"traditional"}}),Ao={traditional:"❌",web3:"✅",neutral:"ℹ️",elevated:"⭐"},Po={red:"bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300",green:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",blue:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",gray:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"},To=({className:t,layout:e="grid",spacing:r="md",title:o,subtitle:n,traditional:s,web3:d,cardAnimation:l="hover",animate:c=!0,animationDelay:u=0,traditionalIcon:m,web3Icon:p})=>{const f=(k,w)=>{const $=a.jsxs("div",{className:h($o({variant:k.variant,animation:l})),children:[a.jsxs("div",{className:h(Io({variant:k.variant})),children:[a.jsx("span",{className:"text-2xl",children:k.icon||(w===0?m:p)||Ao[k.variant]}),a.jsx("div",{className:"flex-1",children:a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("span",{children:k.title}),k.badge&&a.jsx("span",{className:h("text-xs font-medium px-2 py-1 rounded-full",Po[k.badge.color||"gray"]),children:k.badge.text})]})})]}),a.jsx("ul",{className:"space-y-3",children:k.items.map((S,N)=>a.jsxs("li",{className:h("flex items-start gap-3 text-sm leading-relaxed",S.highlight&&"font-medium"),children:[S.icon&&a.jsx("span",{className:"flex-shrink-0 mt-0.5 text-base",children:S.icon}),a.jsxs("div",{className:"flex-1",children:[a.jsx("span",{className:h(k.variant==="traditional"||k.variant==="web3"?"text-gray-700 dark:text-gray-300":"text-gray-600 dark:text-gray-400"),children:S.text}),S.subtext&&a.jsx("p",{className:"text-xs text-gray-500 dark:text-gray-500 mt-1",children:S.subtext})]})]},N))})]});return c?a.jsx(H,{animation:"fade-in-up",delay:u+w*200,children:$},k.title):a.jsx("div",{children:$},k.title)},x=a.jsxs("div",{className:h("space-y-8",t),children:[(o||n)&&a.jsxs("div",{className:"text-center space-y-4",children:[o&&a.jsx("h2",{className:"text-2xl sm:text-3xl font-bold text-gray-900 dark:text-white",children:o}),n&&a.jsx("p",{className:"text-lg text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:n})]}),a.jsxs("div",{className:h(Eo({layout:e,spacing:r})),children:[f(s,0),f(d,1)]})]});return c?a.jsx(H,{animation:"fade-in-up",delay:u,children:x}):x},We=(t,e,r,o)=>({title:t,variant:r,items:e.map(n=>typeof n=="string"?{text:n}:n),...o}),Lo=t=>{const e=[{text:"Create account with email/password",icon:"🔑"},{text:"Remember multiple passwords",icon:"🧠"},{text:"Verify email address",icon:"📧"},{text:"Risk of password theft",icon:"⚠️"},{text:"Data stored on company servers",icon:"🏢"},{text:"Account can be locked/suspended",icon:"🔒"}],r=[{text:"Connect your wallet",icon:"🔗"},{text:"No passwords needed",icon:"🚫"},{text:"Instant authentication",icon:"⚡"},{text:"Cryptographically secure",icon:"🔐"},{text:"You own your data",icon:"👑"},{text:"Censorship resistant",icon:"🛡️"}];return{traditional:We(t?.traditionalTitle||"Traditional Email",t?.traditionalItems||e,"traditional",{badge:{text:t?.traditionalBadge||"Old Way",color:"red"}}),web3:We(t?.web3Title||"Web3 Email",t?.web3Items||r,"web3",{badge:{text:t?.web3Badge||"New Way",color:"green"}})}},zo=I.cva("mx-auto px-4 sm:px-6",{variants:{size:{sm:"max-w-2xl",md:"max-w-4xl",lg:"max-w-6xl",xl:"max-w-7xl lg:px-8",full:"max-w-full",prose:"max-w-prose"},spacing:{none:"",xs:"py-2",sm:"py-3",md:"py-4",lg:"py-6",xl:"py-8","2xl":"py-12","3xl":"py-16"},align:{left:"text-left",center:"text-center",right:"text-right"}},defaultVariants:{size:"xl",spacing:"md",align:"left"}}),jo=({children:t,size:e="xl",spacing:r="md",align:o="left",className:n,as:s="div"})=>b.createElement(s,{className:h(zo({size:e,spacing:r,align:o}),n)},t),Mo=({trigger:t,items:e,align:r="right",className:o="",variant:n="default"})=>{const[s,d]=b.useState(!1),l=b.useRef(null);jt(l,()=>d(!1));const c=p=>{p.disabled||(p.onClick(),d(!1))},u=r==="left"?C.overlays.dropdown.menuRight():C.overlays.dropdown.menuLeft(),m=n==="bordered"?C.overlays.dropdown.triggerBordered():C.overlays.dropdown.trigger();return a.jsxs("div",{className:`${C.overlays.dropdown.container()} ${o}`,ref:l,children:[a.jsx("div",{className:m,onClick:()=>d(!s),children:t}),s&&a.jsx("div",{className:`${C.overlays.dropdown.menu()} ${u} ${C.overlays.dropdown.menuBottom()}`,children:a.jsx("div",{className:C.overlays.dropdown.itemContainer(),children:e.map(p=>p.separator?a.jsx("div",{className:"my-1 h-px bg-gray-200 dark:bg-gray-700",role:"separator"},p.id):a.jsxs("button",{onClick:()=>c(p),disabled:p.disabled,className:p.disabled?C.overlays.dropdown.itemDisabled():C.overlays.dropdown.item(),children:[p.icon&&a.jsx(p.icon,{className:C.overlays.dropdown.itemIcon()}),a.jsx("span",{children:p.label})]},p.id))})})]})},Oo=({icon:t,title:e,description:r,benefits:o,metrics:n,color:s="blue",isHighlight:d=!1,learnMoreUrl:l,cta:c,className:u})=>{const m={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",orange:"text-orange-600 dark:text-orange-400",pink:"text-pink-600 dark:text-pink-400",gray:"text-gray-600 dark:text-gray-400"},p=m[s]||m.blue,f=()=>a.jsxs(a.Fragment,{children:[a.jsx("div",{className:h("flex-shrink-0 mb-4",p),children:t}),a.jsxs("div",{className:"flex-1",children:[a.jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-3",children:e}),a.jsx("p",{className:"text-gray-600 dark:text-gray-300 mb-4 leading-relaxed",children:r}),c&&a.jsx("div",{className:"mt-3 mb-4",children:c}),o&&o.length>0&&a.jsx("ul",{className:"space-y-2 mb-4",children:o.map((x,k)=>a.jsxs("li",{className:"flex items-start",children:[a.jsx("div",{className:h("w-2 h-2 rounded-full mt-2 mr-3 flex-shrink-0",`bg-${s}-500`)}),a.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:x})]},k))}),n&&Object.keys(n).length>0&&a.jsx("div",{className:"grid grid-cols-2 gap-4 mt-4",children:Object.entries(n).map(([x,k],w)=>a.jsxs("div",{className:"text-center p-3 bg-gray-50 dark:bg-gray-700/50 rounded-lg",children:[a.jsx("div",{className:h("text-lg font-bold",p),children:k}),a.jsx("div",{className:"text-xs text-gray-500 dark:text-gray-400 mt-1",children:x})]},w))})]})]});return l?a.jsx("a",{href:l,className:h("block group p-6 rounded-xl border transition-all duration-200 hover:shadow-lg",d?"bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border-blue-200 dark:border-blue-800":"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600",u),children:a.jsx(f,{})}):a.jsx("div",{className:h("p-6 rounded-xl border",d?"bg-gradient-to-br from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20 border-blue-200 dark:border-blue-800":"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700",u),children:a.jsx(f,{})})},Wo=I.cva("grid gap-8",{variants:{columns:{1:"grid-cols-1",2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 md:grid-cols-2 lg:grid-cols-4"},spacing:{sm:"gap-4",md:"gap-8",lg:"gap-12"}},defaultVariants:{columns:3,spacing:"md"}}),Bo=I.cva("group transition-all duration-300",{variants:{variant:{default:"text-center",left:"text-left",hoverable:"text-center hover:transform hover:scale-105 cursor-pointer",card:"bg-white dark:bg-gray-800 rounded-2xl p-8 shadow-lg hover:shadow-xl text-center",minimal:"text-center space-y-4"},animation:{none:"",hover:"hover:transform hover:scale-105",float:"hover:-translate-y-2"}},defaultVariants:{variant:"default",animation:"hover"}}),Do=I.cva("flex items-center justify-center rounded-2xl mb-6 transition-all duration-300",{variants:{size:{sm:"w-16 h-16",md:"w-20 h-20",lg:"w-24 h-24"},style:{gradient:"bg-gradient-to-br from-blue-100 to-blue-200 dark:from-blue-900/30 dark:to-blue-800/30 group-hover:from-blue-200 group-hover:to-blue-300 dark:group-hover:from-blue-800/40 dark:group-hover:to-blue-700/40",solid:"bg-blue-100 dark:bg-blue-900/30 group-hover:bg-blue-200 dark:group-hover:bg-blue-800/40",outline:"border-2 border-blue-200 dark:border-blue-800 group-hover:border-blue-300 dark:group-hover:border-blue-700",colorful:"group-hover:scale-110"},position:{center:"mx-auto",left:"",right:"ml-auto"}},defaultVariants:{size:"md",style:"gradient",position:"center"}}),Fo={success:"bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300",info:"bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300",warning:"bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300",default:"bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-300"},_o=({className:t,features:e,columns:r=3,spacing:o="md",cardVariant:n="default",cardAnimation:s="hover",iconSize:d="md",iconStyle:l="gradient",iconPosition:c="center",titleClass:u,descriptionClass:m,animate:p=!0,animationDelay:f=0,staggerDelay:x=100,onFeatureClick:k,defaultLinkText:w="Learn more"})=>{const $=(N,A)=>{if(l==="colorful"&&N.gradient)return{background:`linear-gradient(135deg, ${N.gradient.from}, ${N.gradient.to})`};if(l==="colorful"){const j=[{from:"#3B82F6",to:"#1D4ED8"},{from:"#10B981",to:"#059669"},{from:"#8B5CF6",to:"#7C3AED"},{from:"#F59E0B",to:"#D97706"},{from:"#EF4444",to:"#DC2626"},{from:"#06B6D4",to:"#0891B2"}],Ne=j[A%j.length];return{background:`linear-gradient(135deg, ${Ne.from}, ${Ne.to})`}}},S=(N,A)=>{const j=a.jsxs("div",{className:h(Bo({variant:n,animation:s})),onClick:()=>k?.(N),role:k?"button":void 0,tabIndex:k?0:void 0,children:[N.badge&&a.jsx("div",{className:"mb-4",children:a.jsx("span",{className:h("inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium",Fo[N.badge.variant||"default"]),children:N.badge.text})}),a.jsx("div",{className:h(Do({size:d,style:l,position:c})),style:$(N,A),children:a.jsx("div",{className:h("flex items-center justify-center",l==="colorful"?"text-white":"text-blue-600 dark:text-blue-400"),children:N.icon})}),a.jsx("h3",{className:h("text-xl font-bold text-gray-900 dark:text-white mb-4",u),children:N.title}),a.jsx("div",{className:h("text-gray-600 dark:text-gray-300 leading-relaxed",m),children:N.description}),N.link&&a.jsx("div",{className:"mt-6",children:a.jsxs("a",{href:N.link.href,className:"inline-flex items-center text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 font-medium transition-colors duration-200",children:[N.link.text||w,a.jsx("svg",{className:"w-4 h-4 ml-1",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 5l7 7-7 7"})})]})})]});return p?a.jsx(H,{animation:"fade-in-up",delay:f+A*x,children:j},N.id||A):a.jsx("div",{children:j},N.id||A)};return a.jsx("div",{className:h(Wo({columns:r,spacing:o}),t),children:e.map(S)})},Be=(t,e,r,o)=>({icon:t,title:e,description:r,...o}),qo=t=>[Be(a.jsx("svg",{className:"w-8 h-8",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"})}),t?.passwordlessTitle||"Passwordless Security",t?.passwordlessDescription||"Authenticate using your Web3 wallet - no passwords to remember or lose."),Be(a.jsx("svg",{className:"w-8 h-8",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.40A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"})}),t?.encryptionTitle||"End-to-End Encryption",t?.encryptionDescription||"Your emails are encrypted and only you can read them.")],Vo=t=>({primary:C.button.gradient.primary,secondary:C.button.gradient.secondary,success:C.button.gradient.success,warning:C.button.gradient.primary,error:C.button.gradient.primary})[t](),Uo={sm:"h-8",md:"",lg:"h-12"},Ho=({children:t,variant:e="primary",size:r="md",disabled:o=!1,loading:n=!1,fullWidth:s=!1,onClick:d,type:l="button",className:c})=>a.jsxs("button",{type:l,onClick:d,disabled:o||n,className:h("relative",Vo(e),Uo[r],"hover:scale-105 active:scale-95 transition-transform",s&&"w-full",c),children:[n&&a.jsx("div",{className:"absolute inset-0 flex items-center justify-center",children:a.jsx("div",{className:"w-5 h-5 border-2 border-white border-t-transparent rounded-full animate-spin"})}),a.jsx("span",{className:h(n&&"opacity-0"),children:t})]}),Go=({badgeIcon:t,badgeText:e,badgeColor:r="blue",title:o,subtitle:n,description:s,primaryButton:d,secondaryButton:l,className:c,children:u})=>{const p={blue:"bg-blue-100 dark:bg-blue-900/30 border-blue-300 dark:border-blue-700 text-blue-800 dark:text-blue-200",green:"bg-green-100 dark:bg-green-900/30 border-green-300 dark:border-green-700 text-green-800 dark:text-green-200",purple:"bg-purple-100 dark:bg-purple-900/30 border-purple-300 dark:border-purple-700 text-purple-800 dark:text-purple-200",orange:"bg-orange-100 dark:bg-orange-900/30 border-orange-300 dark:border-orange-700 text-orange-800 dark:text-orange-200",pink:"bg-pink-100 dark:bg-pink-900/30 border-pink-300 dark:border-pink-700 text-pink-800 dark:text-pink-200",gray:"bg-gray-100 dark:bg-gray-900/30 border-gray-300 dark:border-gray-700 text-gray-800 dark:text-gray-200"}[r];return a.jsx("section",{className:h("py-20",c),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center",children:[a.jsxs("div",{className:h("inline-flex items-center border px-6 py-3 rounded-full mb-6",p),children:[t&&a.jsx("span",{className:"mr-3",children:t}),a.jsx("span",{className:"font-semibold",children:e})]}),a.jsxs("h1",{className:"text-4xl md:text-6xl font-bold text-gray-900 dark:text-gray-100 mb-6",children:[typeof o=="string"?a.jsx("span",{dangerouslySetInnerHTML:{__html:o}}):o,n&&a.jsx("span",{className:"text-blue-600 dark:text-blue-400 block",children:n})]}),a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 mb-8 max-w-4xl mx-auto leading-relaxed",children:s}),(d||l)&&a.jsxs("div",{className:"flex flex-col sm:flex-row gap-4 justify-center mb-8",children:[d&&a.jsx(q,{size:"lg",...d,className:h("px-8 py-3",d.className),children:d.text}),l&&a.jsx(q,{variant:"outline",size:"lg",...l,className:h("px-8 py-3",l.className),children:l.text})]}),u]})})},Bt=T.forwardRef(({className:t,type:e,...r},o)=>a.jsx("input",{type:e,className:h(C.input.default(),t),ref:o,...r}));Bt.displayName="Input";const Ko=I.cva(`${E.label.default()} peer-disabled:cursor-not-allowed peer-disabled:opacity-70`),De=T.forwardRef(({className:t,...e},r)=>a.jsx(it.Root,{ref:r,className:h(Ko(),t),...e}));De.displayName=it.Root.displayName;const Yo=({title:t,description:e,metrics:r,columns:o=3,className:n})=>{const s={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",orange:"text-orange-600 dark:text-orange-400",pink:"text-pink-600 dark:text-pink-400",gray:"text-gray-600 dark:text-gray-400"},d={2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"};return a.jsx("section",{className:h("py-16",n),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(t||e)&&a.jsxs("div",{className:"text-center mb-12",children:[t&&a.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-4",children:t}),e&&a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:e})]}),a.jsx("div",{className:h("grid gap-8",d[o]),children:r.map((l,c)=>{const u=l.color?s[l.color]:s.blue;return a.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700 text-center hover:shadow-lg transition-shadow",children:[l.icon&&a.jsx("div",{className:h("flex justify-center mb-4",u),children:l.icon}),a.jsxs("div",{className:"space-y-2",children:[a.jsx("div",{className:h("text-3xl font-bold",u),children:l.value}),a.jsx("div",{className:"text-gray-600 dark:text-gray-400 font-medium",children:l.label}),l.trend&&a.jsxs("div",{className:h("text-sm font-semibold",l.trend.direction==="up"?"text-green-600 dark:text-green-400":"text-red-600 dark:text-red-400"),children:[l.trend.direction==="up"?"↑":"↓"," ",l.trend.value]})]})]},c)})})]})})},Qo=({title:t,description:e,steps:r,orientation:o="vertical",color:n="blue",className:s})=>{const l={blue:{bg:"bg-blue-600",text:"text-blue-600 dark:text-blue-400",border:"border-blue-200 dark:border-blue-800"},green:{bg:"bg-green-600",text:"text-green-600 dark:text-green-400",border:"border-green-200 dark:border-green-800"},purple:{bg:"bg-purple-600",text:"text-purple-600 dark:text-purple-400",border:"border-purple-200 dark:border-purple-800"},orange:{bg:"bg-orange-600",text:"text-orange-600 dark:text-orange-400",border:"border-orange-200 dark:border-orange-800"},pink:{bg:"bg-pink-600",text:"text-pink-600 dark:text-pink-400",border:"border-pink-200 dark:border-pink-800"},gray:{bg:"bg-gray-600",text:"text-gray-600 dark:text-gray-400",border:"border-gray-200 dark:border-gray-800"}}[n];return a.jsx("section",{className:h("py-16",s),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(t||e)&&a.jsxs("div",{className:"text-center mb-12",children:[t&&a.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-4",children:t}),e&&a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:e})]}),a.jsx("div",{className:h(o==="horizontal"?"flex flex-col lg:flex-row justify-center items-center lg:items-start space-y-8 lg:space-y-0 lg:space-x-8":"space-y-8 max-w-4xl mx-auto"),children:r.map((c,u)=>a.jsxs("div",{className:h("relative",o==="horizontal"?"flex-1 text-center lg:text-left":"flex items-start"),children:[a.jsx("div",{className:h("flex-shrink-0 flex items-center justify-center rounded-full text-white font-bold",l.bg,o==="horizontal"?"w-12 h-12 mx-auto lg:mx-0 mb-4":"w-10 h-10 mr-4 mt-1"),children:c.icon?c.icon:c.step}),u<r.length-1&&o==="vertical"&&a.jsx("div",{className:h("absolute left-5 top-12 w-px h-8 -ml-px",l.bg.replace("bg-","bg-").replace("-600","-200"),"dark:"+l.bg.replace("bg-","bg-").replace("-600","-800"))}),a.jsxs("div",{className:h(o==="horizontal"?"flex-1":"flex-1 min-w-0"),children:[a.jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-2",children:c.title}),a.jsx("p",{className:"text-gray-600 dark:text-gray-300 mb-3",children:c.description}),c.details&&c.details.length>0&&a.jsx("ul",{className:"space-y-1",children:c.details.map((m,p)=>a.jsxs("li",{className:"flex items-start",children:[a.jsx("div",{className:h("w-1.5 h-1.5 rounded-full mt-2 mr-2 flex-shrink-0",l.bg)}),a.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:m})]},p))})]})]},u))})]})})},Fe=P.Root,Zo=P.Group,Dt=P.Value,ye=T.forwardRef(({className:t,children:e,...r},o)=>a.jsxs(P.Trigger,{ref:o,className:h("flex h-9 w-full items-center justify-between rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 px-3 py-2 text-sm text-gray-900 dark:text-gray-100 hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:ring-offset-gray-950 transition-colors disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",t),...r,children:[e,a.jsx(P.Icon,{asChild:!0,children:a.jsx(ce.ChevronDown,{className:"h-4 w-4 opacity-50 ml-2 flex-shrink-0"})})]}));ye.displayName=P.Trigger.displayName;const _e=T.forwardRef(({className:t,...e},r)=>a.jsx(P.ScrollUpButton,{ref:r,className:h("flex cursor-default items-center justify-center py-1",t),...e,children:a.jsx(ce.ChevronUp,{className:"h-4 w-4"})}));_e.displayName=P.ScrollUpButton.displayName;const qe=T.forwardRef(({className:t,...e},r)=>a.jsx(P.ScrollDownButton,{ref:r,className:h("flex cursor-default items-center justify-center py-1",t),...e,children:a.jsx(ce.ChevronDown,{className:"h-4 w-4"})}));qe.displayName=P.ScrollDownButton.displayName;const fe=T.forwardRef(({className:t,children:e,position:r="popper",...o},n)=>a.jsx(P.Portal,{children:a.jsxs(P.Content,{ref:n,className:h(C.overlays.dropdown.menu(),"z-[1000000] max-h-96 min-w-[8rem] overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",t),position:r,...o,children:[a.jsx(_e,{}),a.jsx(P.Viewport,{className:h(C.overlays.dropdown.itemContainer(),r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:e}),a.jsx(qe,{})]})}));fe.displayName=P.Content.displayName;const Ft=T.forwardRef(({className:t,...e},r)=>a.jsx(P.Label,{ref:r,className:h(C.overlays.dropdown.header(),"py-1.5",t),...e}));Ft.displayName=P.Label.displayName;const xe=T.forwardRef(({className:t,children:e,...r},o)=>a.jsxs(P.Item,{ref:o,className:h(C.overlays.dropdown.item(),"relative select-none justify-between pr-8 data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t),...r,children:[a.jsx(P.ItemText,{children:e}),a.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:a.jsx(P.ItemIndicator,{children:a.jsx(ce.Check,{className:"h-4 w-4"})})})]}));xe.displayName=P.Item.displayName;const _t=T.forwardRef(({className:t,...e},r)=>a.jsx(P.Separator,{ref:r,className:h("my-1 h-px bg-gray-200 dark:bg-gray-700",t),...e}));_t.displayName=P.Separator.displayName;const Ve=({size:t="default",variant:e="default",className:r,ariaLabel:o="Loading",loadingText:n="Loading..."})=>{const s=()=>{const d={small:"w-4 h-4",default:"w-6 h-6",large:"w-8 h-8",extraLarge:"w-16 h-16 border-4"},l={default:"border-gray-300 border-t-blue-600",white:"border-white/30 border-t-white",success:"border-gray-300 border-t-green-600",warning:"border-gray-300 border-t-orange-600",error:"border-gray-300 border-t-red-600"};return`animate-spin rounded-full border-2 ${d[t]} ${l[e]}`};return a.jsx("div",{className:h(s(),r),role:"status","aria-label":o,children:a.jsx("span",{className:"sr-only",children:n})})},qt=T.forwardRef(({className:t,...e},r)=>a.jsx(Ee.Root,{className:h("peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 focus-visible:ring-offset-white disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-gray-200 dark:focus-visible:ring-blue-400 dark:focus-visible:ring-offset-gray-950 dark:data-[state=checked]:bg-blue-500 dark:data-[state=unchecked]:bg-gray-700",t),...e,ref:r,children:a.jsx(Ee.Thumb,{className:h("pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0")})}));qt.displayName=Ee.Root.displayName;const Jo=({title:t,onAdd:e,addButtonTooltip:r,loading:o,className:n=""})=>a.jsx("div",{className:`p-4 border-b border-gray-200 dark:border-gray-700 ${n}`,children:a.jsxs("div",{className:"flex items-center justify-between",children:[a.jsx("h2",{className:"text-lg font-semibold text-gray-900 dark:text-gray-100",children:t}),a.jsxs("div",{className:"flex items-center space-x-2",children:[o&&a.jsx("div",{className:"w-5 h-5 border-2 border-blue-600 border-t-transparent rounded-full animate-spin"}),e&&a.jsx("button",{onClick:e,className:"p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors",title:r,"aria-label":r||"Add",children:a.jsx("svg",{className:"w-5 h-5 text-gray-600 dark:text-gray-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:a.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M12 4v16m8-8H4"})})})]})]})}),Xo=({subsections:t,isExpanded:e,selectedSubsection:r,parentSectionId:o,onSubsectionSelect:n})=>{const s=b.useRef(null),[d,l]=b.useState(void 0);return b.useEffect(()=>{if(s.current){const c=s.current.scrollHeight;l(e?c+8:0)}},[e,t]),a.jsx("div",{className:"overflow-hidden transition-all duration-300 ease-in-out",style:{height:d!==void 0?`${d}px`:"auto"},children:a.jsx("div",{ref:s,className:"ml-6 mt-2 space-y-1",children:t.map(c=>a.jsx("button",{onClick:()=>n?.(c.id,o),className:`block w-full text-left px-3 py-2 rounded-md text-sm transition-all duration-200 hover:scale-[1.02] ${r===c.id?"bg-blue-100 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 shadow-sm":"text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200"}`,children:c.title},c.id))})})},Ro=({sections:t,selectedSection:e,selectedSubsection:r,expandedSections:o,onSectionSelect:n,onSubsectionSelect:s,onToggleSection:d,className:l=""})=>a.jsx("nav",{className:`space-y-2 ${l}`,children:t.map(c=>a.jsxs("div",{children:[a.jsxs("div",{className:"flex items-center",children:[a.jsx("button",{onClick:()=>n(c.id),className:`flex-1 text-left px-3 py-2 rounded-md text-sm font-medium transition-all duration-200 hover:scale-[1.02] ${e===c.id&&!r?"bg-blue-100 dark:bg-blue-900/20 text-blue-700 dark:text-blue-300 shadow-sm":"text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:text-gray-900 dark:hover:text-gray-100"}`,children:c.title}),c.subsections&&c.subsections.length>0&&a.jsx("button",{onClick:()=>d(c.id),className:"p-1 rounded-md hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-110 transition-all duration-200",children:a.jsx(v.ChevronRightIcon,{className:`h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out ${o.includes(c.id)?"rotate-90":"rotate-0"}`})})]}),c.subsections&&a.jsx(Xo,{subsections:c.subsections,isExpanded:o.includes(c.id),selectedSubsection:r,parentSectionId:c.id,onSubsectionSelect:s})]},c.id))}),en=t=>{switch(t){case"verified":case"success":return"bg-green-500";case"connected":case"warning":return"bg-amber-500";case"disconnected":case"error":return"bg-red-500";case"pending":return"bg-blue-500";default:return"bg-gray-500"}},tn=t=>{switch(t){case"sm":return"w-1.5 h-1.5";case"lg":return"w-3 h-3";default:return"w-2 h-2"}},rn=({status:t,label:e,showDot:r=!0,size:o="md"})=>{const s=e||{verified:"Verified",connected:"Connected",disconnected:"Disconnected",pending:"Pending",error:"Error",success:"Success",warning:"Warning"}[t],l=((m,p)=>{const f={sm:"small",md:"default",lg:"large"},k={verified:"success",success:"success",connected:"warning",warning:"warning",disconnected:"error",error:"error",pending:"primary"}[m]||"default",w=f[p];return w==="default"?C.badge[k]():C.badge[w](k)})(t,o),c=en(t),u=tn(o);return a.jsxs("span",{className:l,children:[r&&a.jsx("span",{className:`inline-block ${u} rounded-full ${c} mr-1`}),s]})},Vt=({chainType:t,size:e="md"})=>{if(t==="unknown")return null;const r=t==="solana"?"SOL":"ETH",n={sm:"small",md:"default",lg:"large"}[e],s=()=>{const d=t==="solana"?"solana":"ethereum";return n==="default"?C.badge[d]():C.badge[n](d)};return a.jsx("span",{className:s(),children:r})},an=t=>t?t.length<=10?t:`${t.slice(0,6)}...${t.slice(-4)}`:"",Ut=({type:t,addressType:e})=>{if(t==="primary")return a.jsx(Vt,{chainType:e==="solana"?"solana":"evm",size:"sm"});const r=()=>t.toUpperCase(),o=()=>{switch(t){case"ens":return"bg-green-50 text-green-700 border-green-200 dark:bg-green-900/10 dark:text-green-300 dark:border-green-800";case"sns":return"bg-orange-50 text-orange-700 border-orange-200 dark:bg-orange-900/10 dark:text-orange-300 dark:border-orange-800";default:return"bg-gray-50 text-gray-700 border-gray-200 dark:bg-gray-900/10 dark:text-gray-300 dark:border-gray-800"}};return a.jsx("span",{className:h("inline-flex items-center px-2.5 py-0.5 rounded-md text-xs font-medium border",o()),children:r()})},on=({domainEmails:t,isExpanded:e,selectedAccount:r,onAccountSelect:o,onAccountSettings:n})=>{const s=b.useRef(null),[d,l]=b.useState(void 0);return b.useEffect(()=>{if(s.current){const c=s.current.scrollHeight;l(e?c+8:0)}},[e,t]),a.jsx("div",{className:"overflow-hidden transition-all duration-300 ease-in-out",style:{height:d!==void 0?`${d}px`:"auto"},children:a.jsx("div",{ref:s,className:"ml-6 mt-2 space-y-1",children:t.map(c=>a.jsxs("button",{onClick:()=>o(c.address),className:h("w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",E.body.sm(),r===c.address?"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300":"hover:bg-gray-100 dark:hover:bg-gray-700"),children:[a.jsx("span",{className:"truncate flex-1",children:c.name}),a.jsx(Ut,{type:c.type,addressType:c.addressType})]},c.address))})})},nn=({walletGroups:t,selectedAccount:e,expandedWallets:r,onAccountSelect:o,onToggleWallet:n,onAccountSettings:s,className:d=""})=>a.jsx("nav",{className:h("space-y-1",d),children:t.map(l=>a.jsxs("div",{children:[a.jsxs("button",{onClick:()=>o(l.primaryEmail.address),className:h("w-full flex items-center justify-between text-left px-3 py-2 rounded-lg transition-colors h-[44px]",E.body.sm(),e===l.primaryEmail.address&&l.domainEmails.length===0?"bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-300":"hover:bg-gray-100 dark:hover:bg-gray-700"),style:l.customColor?{backgroundColor:l.customColor}:void 0,children:[a.jsxs("div",{className:"flex items-center flex-1 min-w-0",children:[a.jsx("span",{className:"truncate flex-1",children:an(l.walletAddress)}),a.jsx(Ut,{type:l.primaryEmail.type,addressType:l.addressType})]}),l.domainEmails.length>0&&a.jsx("div",{onClick:c=>{c.stopPropagation(),n(l.walletAddress)},className:"p-1 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-pointer",role:"button",tabIndex:0,onKeyDown:c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),c.stopPropagation(),n(l.walletAddress))},children:a.jsx(v.ChevronRightIcon,{className:h("h-4 w-4 text-gray-500 transition-transform duration-300 ease-in-out",r.includes(l.walletAddress)?"rotate-90":"rotate-0")})})]}),l.domainEmails.length>0&&a.jsx(on,{domainEmails:l.domainEmails,isExpanded:r.includes(l.walletAddress),selectedAccount:e,onAccountSelect:o,onAccountSettings:s})]},l.walletAddress))}),sn=V.Root,Ht=T.forwardRef(({className:t,...e},r)=>a.jsx(V.List,{ref:r,className:h(C.navigation.tabs.list(),t),...e}));Ht.displayName=V.List.displayName;const Gt=T.forwardRef(({className:t,...e},r)=>a.jsx(V.Trigger,{ref:r,className:h(C.navigation.tabs.trigger(),t),...e}));Gt.displayName=V.Trigger.displayName;const Kt=T.forwardRef(({className:t,...e},r)=>a.jsx(V.Content,{ref:r,className:h(C.navigation.tabs.content(),t),...e}));Kt.displayName=V.Content.displayName;const ln=({title:t,description:e,useCases:r,columns:o=3,className:n})=>{const s={blue:"text-blue-600 dark:text-blue-400",green:"text-green-600 dark:text-green-400",purple:"text-purple-600 dark:text-purple-400",orange:"text-orange-600 dark:text-orange-400",pink:"text-pink-600 dark:text-pink-400",gray:"text-gray-600 dark:text-gray-400"},d={2:"grid-cols-1 md:grid-cols-2",3:"grid-cols-1 md:grid-cols-2 lg:grid-cols-3",4:"grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"};return a.jsx("section",{className:h("py-16",n),children:a.jsxs("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:[(t||e)&&a.jsxs("div",{className:"text-center mb-12",children:[t&&a.jsx("h2",{className:"text-3xl font-bold text-gray-900 dark:text-white mb-4",children:t}),e&&a.jsx("p",{className:"text-xl text-gray-600 dark:text-gray-300 max-w-3xl mx-auto",children:e})]}),a.jsx("div",{className:h("grid gap-8",d[o]),children:r.map((l,c)=>{const u=l.color?s[l.color]:s.blue;return a.jsxs("div",{className:"bg-white dark:bg-gray-800 rounded-xl p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow",children:[a.jsx("div",{className:h("flex-shrink-0 mb-4",u),children:l.icon}),a.jsx("h3",{className:"text-xl font-semibold text-gray-900 dark:text-white mb-3",children:l.title}),a.jsx("p",{className:"text-gray-600 dark:text-gray-300 mb-4",children:l.description}),l.examples&&l.examples.length>0&&a.jsxs("div",{children:[a.jsx("h4",{className:"text-sm font-semibold text-gray-700 dark:text-gray-300 mb-2",children:"Examples:"}),a.jsx("ul",{className:"space-y-1",children:l.examples.map((m,p)=>a.jsxs("li",{className:"flex items-start",children:[a.jsx("div",{className:h("w-1.5 h-1.5 rounded-full mt-2 mr-2 flex-shrink-0",l.color?`bg-${l.color}-500`:"bg-blue-500")}),a.jsx("span",{className:"text-sm text-gray-600 dark:text-gray-400",children:m})]},p))})]})]},c)})})]})})},dn={row:"flex-row","row-reverse":"flex-row-reverse",col:"flex-col","col-reverse":"flex-col-reverse"},cn={start:"items-start",center:"items-center",end:"items-end",stretch:"items-stretch",baseline:"items-baseline"},gn={start:"justify-start",center:"justify-center",end:"justify-end",between:"justify-between",around:"justify-around",evenly:"justify-evenly"},un={wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse",nowrap:"flex-nowrap"},mn={0:"gap-0",1:"gap-1",2:"gap-2",3:"gap-3",4:"gap-4",5:"gap-5",6:"gap-6",8:"gap-8",10:"gap-10",12:"gap-12"},bn=({children:t,direction:e="row",align:r="start",justify:o="start",wrap:n="nowrap",gap:s="0",className:d})=>a.jsx("div",{className:h("flex",dn[e],cn[r],gn[o],un[n],mn[s],d),children:t}),pn=I.cva("min-h-screen flex flex-col",{variants:{background:{default:"bg-gray-50 dark:bg-gray-900",surface:"bg-white dark:bg-gray-800",transparent:"bg-transparent",gradient:"bg-gradient-to-br from-gray-50 via-blue-50 to-purple-50 dark:from-gray-900 dark:via-blue-900/20 dark:to-purple-900/20"},overflow:{visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-auto"}},defaultVariants:{background:"default",overflow:"visible"}}),hn=({children:t,background:e="default",overflow:r="visible",className:o})=>a.jsx("div",{className:h(pn({background:e,overflow:r}),o),children:t}),yn=I.cva("",{variants:{variant:{default:"",hero:"relative overflow-hidden",feature:"bg-white dark:bg-gray-800",cta:"relative overflow-hidden",testimonial:"bg-gray-50 dark:bg-gray-900",footer:"bg-white dark:bg-gray-800 border-gray-200 dark:border-gray-700 border-t"},spacing:{none:"",xs:"py-2",sm:"py-3",md:"py-4",lg:"py-6",xl:"py-8","2xl":"py-12","3xl":"py-16","4xl":"py-20","5xl":"py-24"},background:{none:"bg-transparent",default:"bg-gray-50 dark:bg-gray-900",surface:"bg-white dark:bg-gray-800",gradient:"bg-gradient-to-br from-gray-50 via-blue-50 to-purple-50 dark:from-gray-900 dark:via-blue-900/20 dark:to-purple-900/20","gradient-primary":"bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-blue-900/20 dark:to-indigo-900/20","gradient-secondary":"bg-gradient-to-br from-green-50 to-blue-100 dark:from-green-900/20 dark:to-blue-900/20","gradient-vibrant":"bg-gradient-to-br from-blue-600 to-purple-600"}},defaultVariants:{variant:"default",spacing:"3xl",background:"none"}}),fn=({children:t,variant:e="default",spacing:r="3xl",background:o="none",className:n,as:s="section",id:d})=>b.createElement(s,{id:d,className:h(yn({variant:e,spacing:r,background:o}),n)},t),Yt=({icon:t,title:e="No data",description:r,action:o,className:n})=>a.jsxs("div",{className:h("flex flex-col items-center justify-center py-12 px-4 text-center",n),children:[t&&a.jsx("div",{className:"mb-4 text-gray-400 dark:text-gray-600",children:t}),a.jsx("h3",{className:h(E.heading.h3(),"mb-2"),children:e}),r&&a.jsx("p",{className:h(E.body.sm(),"text-gray-600 dark:text-gray-400 max-w-sm mb-6"),children:r}),o&&a.jsx("div",{className:"mt-4",children:o})]}),xn=({message:t="Loading...",size:e="default",fullScreen:r=!1,variant:o="default",className:n})=>{const d={small:{spinner:"small",text:"text-sm"},default:{spinner:"default",text:"text-base"},large:{spinner:"large",text:"text-lg"}}[e],l=r?"fixed inset-0 z-50 flex items-center justify-center bg-white/80 dark:bg-gray-900/80":"flex flex-col items-center justify-center p-8",c=a.jsxs("div",{className:h(l,n),children:[a.jsx(Ve,{size:d.spinner,variant:o,className:"mb-4"}),t&&a.jsx("p",{className:h(d.text,"text-gray-600 dark:text-gray-400 text-center max-w-sm"),children:t})]});return r?a.jsx("div",{className:"fixed inset-0 z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm",children:a.jsxs("div",{className:"flex items-center justify-center min-h-full p-4",children:[a.jsx(Ve,{size:d.spinner,variant:o,className:"mb-4"}),t&&a.jsx("p",{className:"text-center text-gray-600 dark:text-gray-400 max-w-sm",children:t})]})}):c},kn=({title:t,subtext:e,className:r})=>a.jsx(Yt,{title:t,description:e,className:r}),Ue=({label:t,value:e,onChange:r,placeholder:o,required:n=!1,error:s,className:d=""})=>a.jsxs("div",{className:d,children:[a.jsxs(De,{htmlFor:t.toLowerCase(),className:"text-sm font-medium text-gray-700 dark:text-gray-300",children:[t," ",n&&a.jsx("span",{className:"text-red-500",children:"*"})]}),a.jsx("input",{id:t.toLowerCase(),type:"email",value:e,onChange:l=>r(l.target.value),placeholder:o,className:`
|
|
33
33
|
mt-1 block w-full px-3 py-2 border rounded-md shadow-sm
|
|
34
34
|
focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500
|
|
35
35
|
dark:bg-gray-800 dark:border-gray-600 dark:text-white
|