"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DEZRGktf.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const i=[{title:"1500+ Lucide Icons",description:"Full access to the Lucide React library through a single namespace. Covers virtually every UI need without searching for third-party packs.",icon:e.jsx(a.Library,{className:"w-6 h-6"})},{title:"96 Custom Domain Icons",description:"Hand-crafted SVG icons for crypto, layouts, brands, and UI patterns not available in Lucide.",icon:e.jsx(a.Palette,{className:"w-6 h-6"})},{title:"Tree-Shakeable Lucide",description:"lucide-react is marked as external — your bundler only includes the icons you actually reference, keeping bundle size minimal.",icon:e.jsx(a.TreeDeciduous,{className:"w-6 h-6"})},{title:"Tailwind Native",description:"Size with w-*/h-*, color with text-*, opacity, transitions — icons behave like any Tailwind element.",icon:e.jsx(a.Paintbrush,{className:"w-6 h-6"})},{title:"Dark Mode Ready",description:"Icons inherit color via currentColor. Use dark: variants on the parent and icons adapt automatically.",icon:e.jsx(a.Moon,{className:"w-6 h-6"})},{title:"TypeScript Support",description:"Full type inference for both icon systems. LucideIcons namespace provides autocomplete for all icon names.",icon:e.jsx(a.Code2,{className:"w-6 h-6"})}];return e.jsxs(e.Fragment,{children:[e.jsx(s.HeroCard,{title:"System Benefits",description:"Why the tucu-ui icon system gives you a great developer experience — performance, flexibility, and consistency in one package.",icon:e.jsx("div",{className:"w-20 h-20 sm:w-24 sm:h-24 md:w-32 md:h-32 bg-linear-to-br from-amber-500 via-yellow-500 to-orange-500 rounded-full flex items-center justify-center shadow-lg",children:e.jsx(a.Zap,{className:"w-10 h-10 sm:w-12 sm:h-12 md:w-16 md:h-16 text-white filter drop-shadow-lg"})})}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Key Benefits"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"What makes the tucu-ui icon system stand out"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 sm:gap-6",children:i.map((t,r)=>e.jsx(s.FeatureCard,{title:t.title,description:t.description,icon:t.icon},r))})]}),e.jsxs("section",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center",children:[e.jsx(s.Typography,{tag:"h2",className:"mb-2",children:"Summary"}),e.jsx(s.Typography,{tag:"p",className:"text-gray-500 dark:text-gray-400 max-w-2xl mx-auto",children:"The icon system at a glance"})]}),e.jsx(s.CardContainer,{children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-6 text-center",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"1500+"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Lucide icons via namespace"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"96"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Custom domain icons"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Typography,{tag:"h3",className:"text-3xl font-bold text-brand",children:"0kb"}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Unused Lucide icons in bundle"})]})]})})})]})]})};exports.default=c;
