telecop 0.1.22 → 0.1.23

package/dist/components/Cards/FeatureCard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { FeatureCardProps } from './types';
+export declare const FeatureCard: React.FC<FeatureCardProps>;

package/dist/components/Cards/ProductCard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { ProductCardProps } from './types';
+export declare const ProductCard: React.FC<ProductCardProps>;

package/dist/components/Cards/StatCard.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { StatCardProps } from './types';
+export declare const StatCard: React.FC<StatCardProps>;

package/dist/components/Cards/index.d.ts

@@ -0,0 +1,4 @@
+export { FeatureCard } from './FeatureCard';
+export { ProductCard } from './ProductCard';
+export { StatCard } from './StatCard';
+export type { FeatureCardProps, ProductCardProps, StatCardProps, CardVariant, } from './types';

package/dist/components/Cards/types.d.ts

@@ -0,0 +1,67 @@
+export type CardVariant = 'solid' | 'glass' | 'gradient' | 'outlined';
+export interface FeatureCardProps {
+    icon?: React.ReactNode | string;
+    title: string;
+    description: string;
+    variant?: CardVariant;
+    theme?: 'blue' | 'purple' | 'green' | 'red' | 'pink' | 'orange';
+    hoverable?: boolean;
+    className?: string;
+    onClick?: () => void;
+}
+export interface ProductCardProps {
+    image: string;
+    title: string;
+    description?: string;
+    price: string | number;
+    oldPrice?: string | number;
+    badge?: string;
+    variant?: CardVariant;
+    onAddToCart?: () => void;
+    className?: string;
+}
+export interface ProfileCardProps {
+    avatar: string;
+    name: string;
+    role: string;
+    description?: string;
+    stats?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    variant?: CardVariant;
+    className?: string;
+}
+export interface PricingCardProps {
+    title: string;
+    price: string | number;
+    period?: string;
+    features: string[];
+    featured?: boolean;
+    buttonText?: string;
+    onSelect?: () => void;
+    variant?: CardVariant;
+    className?: string;
+}
+export interface BlogCardProps {
+    image: string;
+    title: string;
+    excerpt: string;
+    author?: string;
+    date?: string;
+    readTime?: string;
+    category?: string;
+    variant?: CardVariant;
+    onClick?: () => void;
+    className?: string;
+}
+export interface StatCardProps {
+    icon?: React.ReactNode | string;
+    label: string;
+    value: string | number;
+    change?: string;
+    trend?: 'up' | 'down' | 'neutral';
+    variant?: CardVariant;
+    theme?: 'blue' | 'purple' | 'green' | 'red' | 'pink' | 'orange';
+    className?: string;
+}

package/dist/index.d.ts

@@ -10,3 +10,5 @@ export { SolidBlue, SolidRed, SolidGreen, SolidPurple, SolidPill, GradientPurple
 export type { TelecopButtonProps, ButtonCategory, ButtonVariantType } from './components/TelecopButton';
 export { Container, ContainerImage, ContainerContent, ContainerButton } from './components/Container/index';
 export type { ContainerProps, ContainerImageProps, ContainerContentProps, ContainerButtonProps, ContainerLayout, ContainerSize, ContainerTheme } from './components/Container/types';
+export { FeatureCard, ProductCard, StatCard } from './components/Cards';
+export type { FeatureCardProps, ProductCardProps, StatCardProps, CardVariant } from './components/Cards';

package/dist/index.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),v=require("react"),k=({children:e,variant:a="primary",size:o="md",onClick:i,disabled:t=!1,className:s=""})=>{const g="font-semibold rounded-lg transition-all duration-200 cursor-pointer",d={primary:"bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",secondary:"bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",danger:"bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"},n={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"},p=t?"opacity-50 cursor-not-allowed":"";return r.jsx("button",{className:`${g} ${d[a]} ${n[o]} ${p} ${s}`,onClick:i,disabled:t,children:e})},u=({children:e,variant:a="blur",size:o="md",onClick:i,disabled:t=!1,className:s=""})=>{const[g,d]=v.useState([]),n=l=>{if(!t&&i){const h=l.currentTarget.getBoundingClientRect(),x=l.clientX-h.left,w=l.clientY-h.top,f=Date.now();d([...g,{x,y:w,id:f}]),setTimeout(()=>{d(y=>y.filter(j=>j.id!==f))},800),i()}},p=`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),j=({children:a,variant:r="primary",size:l="md",onClick:n,disabled:t=!1,className:o=""})=>{const s="font-semibold rounded-lg transition-all duration-200 cursor-pointer",d={primary:"bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",secondary:"bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",danger:"bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"},i={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"},g=t?"opacity-50 cursor-not-allowed":"";return e.jsx("button",{className:`${s} ${d[r]} ${i[l]} ${g} ${o}`,onClick:n,disabled:t,children:a})},m=({children:a,variant:r="blur",size:l="md",onClick:n,disabled:t=!1,className:o=""})=>{const[s,d]=v.useState([]),i=b=>{if(!t&&n){const x=b.currentTarget.getBoundingClientRect(),h=b.clientX-x.left,w=b.clientY-x.top,f=Date.now();d([...s,{x:h,y:w,id:f}]),setTimeout(()=>{d(y=>y.filter(k=>k.id!==f))},800),n()}},g=`
     relative overflow-hidden
     backdrop-blur-xl
     border border-white/30
@@ -8,7 +8,7 @@
     cursor-pointer
     shadow-xl
     group
-  `,c={sm:"px-5 py-2.5 text-sm",md:"px-7 py-3.5 text-base",lg:"px-9 py-4.5 text-lg"},m={blur:`
+  `,p={sm:"px-5 py-2.5 text-sm",md:"px-7 py-3.5 text-base",lg:"px-9 py-4.5 text-lg"},c={blur:`
       bg-white/5
       hover:bg-white/15
       hover:border-white/50
@@ -31,7 +31,7 @@
       before:translate-x-[-200%] 
       hover:before:translate-x-[200%]
       before:transition-transform before:duration-1000
-    `},b=t?"opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl":"";return r.jsxs("button",{className:`${p} ${c[o]} ${m[a]} ${b} ${s}`,onClick:n,disabled:t,children:[a==="waves"&&!t&&r.jsxs(r.Fragment,{children:[r.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-700"}),r.jsx("span",{className:"absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse"})]}),a==="blur"&&!t&&r.jsx("span",{className:"absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"}),r.jsx("span",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none",children:r.jsx("span",{className:"absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer"})}),g.map(l=>r.jsx("span",{className:"absolute rounded-full bg-white/30 pointer-events-none animate-ripple",style:{left:l.x,top:l.y,width:"20px",height:"20px",transform:"translate(-50%, -50%)"}},l.id)),r.jsx("span",{className:"relative z-10 drop-shadow-lg",children:e})]})},N=({name:e,title:a,description:o="Welcome to my portfolio",primaryButtonText:i="Get Started",primaryButtonLink:t,primaryButtonOnClick:s,secondaryButtonText:g="Learn More",secondaryButtonLink:d,secondaryButtonOnClick:n,backgroundGradient:p="linear-gradient(135deg, #667eea 0%, #764ba2 100%)",animationType:c,className:m=""})=>{const b=()=>{t?window.location.href=t:s&&s()},l=()=>{d?window.location.href=d:n&&n()},h=t?r.jsx("a",{href:t,style:{textDecoration:"none"},children:r.jsx(u,{variant:"waves",size:"lg",children:i})}):r.jsx(u,{variant:"waves",size:"lg",onClick:s||b,children:i}),x=d?r.jsx("a",{href:d,style:{textDecoration:"none"},children:r.jsx(u,{variant:"blur",size:"lg",children:g})}):r.jsx(u,{variant:"blur",size:"lg",onClick:n||l,children:g});return r.jsx("div",{className:c?`animate-gradient-${c}`:"",style:{background:p,minHeight:"100vh"},children:r.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${m}`,children:r.jsxs("div",{className:"max-w-4xl w-full text-center space-y-8",children:[r.jsx("h1",{className:"text-6xl md:text-8xl font-bold text-white mb-4",style:{textShadow:"0 0 40px rgba(0,0,0,0.3)",animation:"fadeInUp 0.8s ease-out"},children:e}),r.jsx("h2",{className:"text-3xl md:text-5xl font-semibold text-white/90",style:{textShadow:"0 0 30px rgba(0,0,0,0.2)",animation:"fadeInUp 1s ease-out 0.2s backwards"},children:a}),r.jsx("p",{className:"text-xl md:text-2xl text-white/80 max-w-2xl mx-auto",style:{textShadow:"0 0 20px rgba(0,0,0,0.2)",animation:"fadeInUp 1.2s ease-out 0.4s backwards"},children:o}),r.jsxs("div",{className:"flex flex-wrap gap-6 justify-center mt-12",style:{animation:"fadeInUp 1.4s ease-out 0.6s backwards"},children:[h,x]}),r.jsx("div",{className:"mt-16 mx-auto w-32 h-1 rounded-full",style:{background:"linear-gradient(90deg, transparent, white, transparent)",animation:"fadeIn 2s ease-out 1s backwards"}})]})})})},C=[{id:"glass-morphism",name:"Glass Morphism",gradient:`
+    `},u=t?"opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl":"";return e.jsxs("button",{className:`${g} ${p[l]} ${c[r]} ${u} ${o}`,onClick:i,disabled:t,children:[r==="waves"&&!t&&e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-700"}),e.jsx("span",{className:"absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse"})]}),r==="blur"&&!t&&e.jsx("span",{className:"absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"}),e.jsx("span",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none",children:e.jsx("span",{className:"absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer"})}),s.map(b=>e.jsx("span",{className:"absolute rounded-full bg-white/30 pointer-events-none animate-ripple",style:{left:b.x,top:b.y,width:"20px",height:"20px",transform:"translate(-50%, -50%)"}},b.id)),e.jsx("span",{className:"relative z-10 drop-shadow-lg",children:a})]})},N=({name:a,title:r,description:l="Welcome to my portfolio",primaryButtonText:n="Get Started",primaryButtonLink:t,primaryButtonOnClick:o,secondaryButtonText:s="Learn More",secondaryButtonLink:d,secondaryButtonOnClick:i,backgroundGradient:g="linear-gradient(135deg, #667eea 0%, #764ba2 100%)",animationType:p,className:c=""})=>{const u=()=>{t?window.location.href=t:o&&o()},b=()=>{d?window.location.href=d:i&&i()},x=t?e.jsx("a",{href:t,style:{textDecoration:"none"},children:e.jsx(m,{variant:"waves",size:"lg",children:n})}):e.jsx(m,{variant:"waves",size:"lg",onClick:o||u,children:n}),h=d?e.jsx("a",{href:d,style:{textDecoration:"none"},children:e.jsx(m,{variant:"blur",size:"lg",children:s})}):e.jsx(m,{variant:"blur",size:"lg",onClick:i||b,children:s});return e.jsx("div",{className:p?`animate-gradient-${p}`:"",style:{background:g,minHeight:"100vh"},children:e.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${c}`,children:e.jsxs("div",{className:"max-w-4xl w-full text-center space-y-8",children:[e.jsx("h1",{className:"text-6xl md:text-8xl font-bold text-white mb-4",style:{textShadow:"0 0 40px rgba(0,0,0,0.3)",animation:"fadeInUp 0.8s ease-out"},children:a}),e.jsx("h2",{className:"text-3xl md:text-5xl font-semibold text-white/90",style:{textShadow:"0 0 30px rgba(0,0,0,0.2)",animation:"fadeInUp 1s ease-out 0.2s backwards"},children:r}),e.jsx("p",{className:"text-xl md:text-2xl text-white/80 max-w-2xl mx-auto",style:{textShadow:"0 0 20px rgba(0,0,0,0.2)",animation:"fadeInUp 1.2s ease-out 0.4s backwards"},children:l}),e.jsxs("div",{className:"flex flex-wrap gap-6 justify-center mt-12",style:{animation:"fadeInUp 1.4s ease-out 0.6s backwards"},children:[x,h]}),e.jsx("div",{className:"mt-16 mx-auto w-32 h-1 rounded-full",style:{background:"linear-gradient(90deg, transparent, white, transparent)",animation:"fadeIn 2s ease-out 1s backwards"}})]})})})},C=[{id:"glass-morphism",name:"Glass Morphism",gradient:`
       radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
       radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
       radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
@@ -205,7 +205,7 @@
       radial-gradient(circle at 25% 75%, rgba(185, 28, 28, 0.6), transparent 35%),
       radial-gradient(circle at 75% 80%, rgba(239, 68, 68, 0.5), transparent 40%),
       linear-gradient(135deg, #0f0000 0%, #1a0505 50%, #0f0000 100%)
-    `,category:"premium",animation:"flow"},{id:"purple-dark",name:"Purple Dark",gradient:"linear-gradient(147deg, #000000 0%, #8d45d5 187%)",category:"dark"},{id:"red-fire",name:"Red Fire",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 75%)",category:"dark"},{id:"green-emerald",name:"Green Emerald",gradient:"linear-gradient(308deg, #0ba769 0%, #000000 75%)",category:"dark"},{id:"blue-ocean",name:"Blue Ocean",gradient:"linear-gradient(308deg, #0b32a7 0%, #000000 67%)",category:"dark"},{id:"purple-magic",name:"Purple Magic",gradient:"linear-gradient(308deg, #960ba7 0%, #000000 67%)",category:"dark"},{id:"green-forest",name:"Green Forest",gradient:"linear-gradient(308deg, #3da70b 0%, #000000 67%)",category:"dark"},{id:"pink-rose",name:"Pink Rose",gradient:"linear-gradient(308deg, #a70b7e 0%, #000000 67%)",category:"dark"},{id:"red-crimson",name:"Red Crimson",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 67%)",category:"dark"},{id:"yellow-gold",name:"Yellow Gold",gradient:"linear-gradient(308deg, #a5a70b 0%, #000000 67%)",category:"dark"},{id:"red-center",name:"Red Center",gradient:"linear-gradient(322deg, #000000 23%, #a70b0b 54%, #000000 73%)",category:"mixed"},{id:"blue-center",name:"Blue Center",gradient:"linear-gradient(322deg, #000000 23%, #120ba7 54%, #000000 73%)",category:"mixed"},{id:"gray-steel",name:"Gray Steel",gradient:"linear-gradient(322deg, #000000 23%, #34334d 54%, #000000 73%)",category:"mixed"},{id:"blue-bright",name:"Blue Bright",gradient:"linear-gradient(322deg, #000000 23%, #52a9ff 54%, #000000 73%)",category:"colorful"},{id:"red-fire-flow",name:"Red Fire Flow",gradient:"linear-gradient(308deg, #a70b0b 0%, #ff6b6b 50%, #000000 75%)",category:"animated",animation:"flow"},{id:"blue-wave",name:"Blue Wave",gradient:"linear-gradient(308deg, #0b32a7 0%, #52a9ff 50%, #000000 67%)",category:"animated",animation:"wave"},{id:"purple-shift",name:"Purple Shift",gradient:"linear-gradient(308deg, #960ba7 0%, #e100ff 50%, #000000 67%)",category:"animated",animation:"shift"},{id:"green-pulse",name:"Green Pulse",gradient:"linear-gradient(308deg, #3da70b 0%, #a8e063 50%, #000000 67%)",category:"animated",animation:"pulse"},{id:"pink-rotate",name:"Pink Rotate",gradient:"linear-gradient(308deg, #a70b7e 0%, #ff6ec7 50%, #000000 67%)",category:"animated",animation:"rotate"},{id:"gold-zoom",name:"Gold Zoom",gradient:"linear-gradient(308deg, #a5a70b 0%, #f6d365 50%, #000000 67%)",category:"animated",animation:"zoom"}],G=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),P=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),B=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),S=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),_=({children:e="Pill Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:e}),M=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50",children:e}),$=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50",children:e}),D=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:e}),R=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50",children:e}),z=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:e}),A=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20",children:e}),I=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20",children:e}),E=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20",children:e}),O=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20",children:e}),F=({children:e="Shimmer Effect",onClick:a})=>r.jsxs("button",{onClick:a,className:"relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105",children:[r.jsx("span",{className:"relative z-10",children:e}),r.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"})]}),H=({children:e="Pulse Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105",children:e}),q=({children:e="Bounce Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce",children:e}),W=({children:e="Glow Effect",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105",children:e}),U=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105",children:e}),T=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105",children:e}),Y=({children:e="Gradient Border",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105",style:{borderImage:"linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1"},children:e}),V=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105",children:e}),X=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105",children:e}),Z=({children:e="Click Me",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105",children:e}),J=({children:e="3D Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150",children:e}),K=({children:e="3D Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150",children:e}),Q=({children:e="3D Button",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150",children:e}),L=({children:e="Neon Blue",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105",children:e}),aa=({children:e="Neon Pink",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105",children:e}),ea=({children:e="Neon Green",onClick:a})=>r.jsx("button",{onClick:a,className:"px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105",children:e}),ra={"glass-morphism":`
+    `,category:"premium",animation:"flow"},{id:"purple-dark",name:"Purple Dark",gradient:"linear-gradient(147deg, #000000 0%, #8d45d5 187%)",category:"dark"},{id:"red-fire",name:"Red Fire",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 75%)",category:"dark"},{id:"green-emerald",name:"Green Emerald",gradient:"linear-gradient(308deg, #0ba769 0%, #000000 75%)",category:"dark"},{id:"blue-ocean",name:"Blue Ocean",gradient:"linear-gradient(308deg, #0b32a7 0%, #000000 67%)",category:"dark"},{id:"purple-magic",name:"Purple Magic",gradient:"linear-gradient(308deg, #960ba7 0%, #000000 67%)",category:"dark"},{id:"green-forest",name:"Green Forest",gradient:"linear-gradient(308deg, #3da70b 0%, #000000 67%)",category:"dark"},{id:"pink-rose",name:"Pink Rose",gradient:"linear-gradient(308deg, #a70b7e 0%, #000000 67%)",category:"dark"},{id:"red-crimson",name:"Red Crimson",gradient:"linear-gradient(308deg, #a70b0b 0%, #000000 67%)",category:"dark"},{id:"yellow-gold",name:"Yellow Gold",gradient:"linear-gradient(308deg, #a5a70b 0%, #000000 67%)",category:"dark"},{id:"red-center",name:"Red Center",gradient:"linear-gradient(322deg, #000000 23%, #a70b0b 54%, #000000 73%)",category:"mixed"},{id:"blue-center",name:"Blue Center",gradient:"linear-gradient(322deg, #000000 23%, #120ba7 54%, #000000 73%)",category:"mixed"},{id:"gray-steel",name:"Gray Steel",gradient:"linear-gradient(322deg, #000000 23%, #34334d 54%, #000000 73%)",category:"mixed"},{id:"blue-bright",name:"Blue Bright",gradient:"linear-gradient(322deg, #000000 23%, #52a9ff 54%, #000000 73%)",category:"colorful"},{id:"red-fire-flow",name:"Red Fire Flow",gradient:"linear-gradient(308deg, #a70b0b 0%, #ff6b6b 50%, #000000 75%)",category:"animated",animation:"flow"},{id:"blue-wave",name:"Blue Wave",gradient:"linear-gradient(308deg, #0b32a7 0%, #52a9ff 50%, #000000 67%)",category:"animated",animation:"wave"},{id:"purple-shift",name:"Purple Shift",gradient:"linear-gradient(308deg, #960ba7 0%, #e100ff 50%, #000000 67%)",category:"animated",animation:"shift"},{id:"green-pulse",name:"Green Pulse",gradient:"linear-gradient(308deg, #3da70b 0%, #a8e063 50%, #000000 67%)",category:"animated",animation:"pulse"},{id:"pink-rotate",name:"Pink Rotate",gradient:"linear-gradient(308deg, #a70b7e 0%, #ff6ec7 50%, #000000 67%)",category:"animated",animation:"rotate"},{id:"gold-zoom",name:"Gold Zoom",gradient:"linear-gradient(308deg, #a5a70b 0%, #f6d365 50%, #000000 67%)",category:"animated",animation:"zoom"}],G=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:a}),P=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:a}),S=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:a}),B=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:a}),$=({children:a="Pill Button",onClick:r})=>e.jsx("button",{onClick:r,className:"px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl",children:a}),_=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50",children:a}),M=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50",children:a}),D=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:a}),R=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50",children:a}),z=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50",children:a}),A=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20",children:a}),I=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20",children:a}),F=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20",children:a}),E=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20",children:a}),O=({children:a="Shimmer Effect",onClick:r})=>e.jsxs("button",{onClick:r,className:"relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105",children:[e.jsx("span",{className:"relative z-10",children:a}),e.jsx("span",{className:"absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000"})]}),H=({children:a="Pulse Button",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105",children:a}),q=({children:a="Bounce Button",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce",children:a}),W=({children:a="Glow Effect",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105",children:a}),U=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105",children:a}),Y=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105",children:a}),T=({children:a="Gradient Border",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105",style:{borderImage:"linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1"},children:a}),V=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105",children:a}),X=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105",children:a}),Z=({children:a="Click Me",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105",children:a}),J=({children:a="3D Button",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150",children:a}),K=({children:a="3D Button",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150",children:a}),Q=({children:a="3D Button",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150",children:a}),L=({children:a="Neon Blue",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105",children:a}),ee=({children:a="Neon Pink",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105",children:a}),ae=({children:a="Neon Green",onClick:r})=>e.jsx("button",{onClick:r,className:"px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105",children:a}),re={"glass-morphism":`
     radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
     radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
     radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
@@ -225,4 +225,15 @@
     radial-gradient(circle at 20% 80%, rgba(0, 191, 255, 0.4), transparent 25%),
     radial-gradient(circle at 80% 85%, rgba(138, 43, 226, 0.3), transparent 25%),
     linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
-  `,none:"transparent"},ta=({children:e,layout:a="center",size:o="lg",theme:i="none",padding:t=!0,gap:s="md",className:g=""})=>{const d={sm:"max-w-3xl",md:"max-w-5xl",lg:"max-w-7xl",xl:"max-w-[1400px]",full:"max-w-full"}[o],n={sm:"gap-4",md:"gap-8",lg:"gap-12"}[s],p={"image-right":`grid md:grid-cols-2 ${n} items-center`,"image-left":`grid md:grid-cols-2 ${n} items-center`,"button-right":`grid md:grid-cols-2 ${n} items-center`,"button-left":`grid md:grid-cols-2 ${n} items-center`,center:"flex flex-col items-center justify-center text-center","two-columns":`grid md:grid-cols-2 ${n}`,"three-columns":`grid md:grid-cols-3 ${n}`}[a],c=t?"px-6 py-8":"",m=i!=="none"?{background:ra[i],backgroundSize:"200% 200%"}:{},b=v.Children.toArray(e);let l=b;return(a==="image-left"||a==="button-left")&&(l=b.reverse()),r.jsx("div",{className:`${d} mx-auto ${c} ${g}`,style:m,children:r.jsx("div",{className:p,children:l})})},na=({src:e,alt:a,className:o="",width:i,height:t})=>r.jsx("div",{className:`w-full ${o}`,children:r.jsx("img",{src:e,alt:a,width:i,height:t,className:"w-full h-auto rounded-2xl shadow-2xl object-cover"})}),ia=({children:e,className:a=""})=>r.jsx("div",{className:`space-y-4 ${a}`,children:e}),la=({children:e,className:a=""})=>r.jsx("div",{className:`flex gap-4 ${a}`,children:e});exports.AnimatedBounce=q;exports.AnimatedGlow=W;exports.AnimatedPulse=H;exports.AnimatedShimmer=F;exports.Button=k;exports.Button3DBlue=J;exports.Button3DGreen=Q;exports.Button3DPink=K;exports.Container=ta;exports.ContainerButton=la;exports.ContainerContent=ia;exports.ContainerImage=na;exports.GhostBlue=V;exports.GhostPurple=Z;exports.GhostRed=X;exports.GlassBlue=A;exports.GlassButton=u;exports.GlassPink=O;exports.GlassPurple=I;exports.GlassWhite=E;exports.GradientBlueGreen=$;exports.GradientCyan=R;exports.GradientOrangeRed=D;exports.GradientPurplePink=M;exports.GradientSunset=z;exports.Home=N;exports.NeonBlue=L;exports.NeonGreen=ea;exports.NeonPink=aa;exports.OutlinedBlue=U;exports.OutlinedGradient=Y;exports.OutlinedPurple=T;exports.SolidBlue=G;exports.SolidGreen=B;exports.SolidPill=_;exports.SolidPurple=S;exports.SolidRed=P;exports.gradients=C;
+  `,none:"transparent"},te=({children:a,layout:r="center",size:l="lg",theme:n="none",padding:t=!0,gap:o="md",className:s=""})=>{const d={sm:"max-w-3xl",md:"max-w-5xl",lg:"max-w-7xl",xl:"max-w-[1400px]",full:"max-w-full"}[l],i={sm:"gap-4",md:"gap-8",lg:"gap-12"}[o],g={"image-right":`grid md:grid-cols-2 ${i} items-center`,"image-left":`grid md:grid-cols-2 ${i} items-center`,"button-right":`grid md:grid-cols-2 ${i} items-center`,"button-left":`grid md:grid-cols-2 ${i} items-center`,center:"flex flex-col items-center justify-center text-center","two-columns":`grid md:grid-cols-2 ${i}`,"three-columns":`grid md:grid-cols-3 ${i}`}[r],p=t?"px-6 py-8":"",c=n!=="none"?{background:re[n],backgroundSize:"200% 200%"}:{},u=v.Children.toArray(a);let b=u;return(r==="image-left"||r==="button-left")&&(b=u.reverse()),e.jsx("div",{className:`${d} mx-auto ${p} ${s}`,style:c,children:e.jsx("div",{className:g,children:b})})},ne=({src:a,alt:r,className:l="",width:n,height:t})=>e.jsx("div",{className:`w-full ${l}`,children:e.jsx("img",{src:a,alt:r,width:n,height:t,className:"w-full h-auto rounded-2xl shadow-2xl object-cover"})}),ie=({children:a,className:r=""})=>e.jsx("div",{className:`space-y-4 ${r}`,children:a}),de=({children:a,className:r=""})=>e.jsx("div",{className:`flex gap-4 ${r}`,children:a}),le=({icon:a,title:r,description:l,variant:n="solid",theme:t="blue",hoverable:o=!0,className:s="",onClick:d})=>{const g=`
+    rounded-2xl p-6
+    transition-all duration-300
+    ${o?"hover:scale-105 hover:shadow-2xl cursor-pointer":""}
+    ${{blue:{solid:"bg-blue-600 text-white",glass:"bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 text-white",gradient:"bg-gradient-to-br from-blue-600 to-blue-800 text-white",outlined:"bg-transparent border-2 border-blue-500 text-blue-500"},purple:{solid:"bg-purple-600 text-white",glass:"bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 text-white",gradient:"bg-gradient-to-br from-purple-600 to-pink-600 text-white",outlined:"bg-transparent border-2 border-purple-500 text-purple-500"},green:{solid:"bg-green-600 text-white",glass:"bg-green-500/20 backdrop-blur-xl border border-green-400/30 text-white",gradient:"bg-gradient-to-br from-green-600 to-emerald-600 text-white",outlined:"bg-transparent border-2 border-green-500 text-green-500"},red:{solid:"bg-red-600 text-white",glass:"bg-red-500/20 backdrop-blur-xl border border-red-400/30 text-white",gradient:"bg-gradient-to-br from-red-600 to-orange-600 text-white",outlined:"bg-transparent border-2 border-red-500 text-red-500"},pink:{solid:"bg-pink-600 text-white",glass:"bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 text-white",gradient:"bg-gradient-to-br from-pink-600 to-rose-600 text-white",outlined:"bg-transparent border-2 border-pink-500 text-pink-500"},orange:{solid:"bg-orange-600 text-white",glass:"bg-orange-500/20 backdrop-blur-xl border border-orange-400/30 text-white",gradient:"bg-gradient-to-br from-orange-600 to-red-600 text-white",outlined:"bg-transparent border-2 border-orange-500 text-orange-500"}}[t][n]}
+    ${s}
+  `,p=()=>a?typeof a=="string"?e.jsx("div",{className:"text-4xl mb-4",children:a}):e.jsx("div",{className:"mb-4",children:a}):null;return e.jsxs("div",{className:g,onClick:d,children:[p(),e.jsx("h3",{className:"text-xl font-bold mb-2",children:r}),e.jsx("p",{className:`text-sm ${n==="outlined"?"text-gray-600":"opacity-90"}`,children:l})]})},oe=({image:a,title:r,description:l,price:n,oldPrice:t,badge:o,variant:s="solid",onAddToCart:d,className:i=""})=>{const g={solid:"bg-gray-900 border border-gray-800",glass:"bg-white/5 backdrop-blur-xl border border-white/10",gradient:"bg-gradient-to-br from-gray-900 to-gray-800 border border-gray-700",outlined:"bg-transparent border-2 border-gray-700"};return e.jsxs("div",{className:`rounded-2xl overflow-hidden transition-all duration-300 hover:scale-105 hover:shadow-2xl ${g[s]} ${i}`,children:[e.jsxs("div",{className:"relative",children:[e.jsx("img",{src:a,alt:r,className:"w-full h-48 object-cover"}),o&&e.jsx("span",{className:"absolute top-3 right-3 px-3 py-1 bg-red-500 text-white text-xs font-bold rounded-full",children:o})]}),e.jsxs("div",{className:"p-5 space-y-3",children:[e.jsx("h3",{className:"text-xl font-bold text-white",children:r}),l&&e.jsx("p",{className:"text-gray-400 text-sm",children:l}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxs("span",{className:"text-2xl font-bold text-white",children:["$",n]}),t&&e.jsxs("span",{className:"text-sm text-gray-500 line-through",children:["$",t]})]}),d&&e.jsx("button",{onClick:d,className:"w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition-all duration-300",children:"Add to Cart"})]})]})},se=({icon:a,label:r,value:l,change:n,trend:t="neutral",variant:o="solid",theme:s="blue",className:d=""})=>{const i={blue:{solid:"bg-blue-600/10 border-blue-500/20",glass:"bg-blue-500/20 backdrop-blur-xl border-blue-400/30",gradient:"bg-gradient-to-br from-blue-600/20 to-blue-800/20 border-blue-500/30",outlined:"bg-transparent border-2 border-blue-500"},purple:{solid:"bg-purple-600/10 border-purple-500/20",glass:"bg-purple-500/20 backdrop-blur-xl border-purple-400/30",gradient:"bg-gradient-to-br from-purple-600/20 to-pink-600/20 border-purple-500/30",outlined:"bg-transparent border-2 border-purple-500"},green:{solid:"bg-green-600/10 border-green-500/20",glass:"bg-green-500/20 backdrop-blur-xl border-green-400/30",gradient:"bg-gradient-to-br from-green-600/20 to-emerald-600/20 border-green-500/30",outlined:"bg-transparent border-2 border-green-500"},red:{solid:"bg-red-600/10 border-red-500/20",glass:"bg-red-500/20 backdrop-blur-xl border-red-400/30",gradient:"bg-gradient-to-br from-red-600/20 to-orange-600/20 border-red-500/30",outlined:"bg-transparent border-2 border-red-500"},pink:{solid:"bg-pink-600/10 border-pink-500/20",glass:"bg-pink-500/20 backdrop-blur-xl border-pink-400/30",gradient:"bg-gradient-to-br from-pink-600/20 to-rose-600/20 border-pink-500/30",outlined:"bg-transparent border-2 border-pink-500"},orange:{solid:"bg-orange-600/10 border-orange-500/20",glass:"bg-orange-500/20 backdrop-blur-xl border-orange-400/30",gradient:"bg-gradient-to-br from-orange-600/20 to-red-600/20 border-orange-500/30",outlined:"bg-transparent border-2 border-orange-500"}},g={up:"text-green-400",down:"text-red-400",neutral:"text-gray-400"},p={up:"↑",down:"↓",neutral:"→"},c=()=>a?typeof a=="string"?e.jsx("div",{className:"text-3xl",children:a}):e.jsx("div",{children:a}):null;return e.jsxs("div",{className:`
+      rounded-2xl p-6 border
+      transition-all duration-300 hover:scale-105 hover:shadow-xl
+      ${i[s][o]}
+      ${d}
+    `,children:[e.jsxs("div",{className:"flex items-start justify-between mb-4",children:[c(),n&&e.jsxs("span",{className:`text-sm font-semibold ${g[t]}`,children:[p[t]," ",n]})]}),e.jsx("p",{className:"text-gray-400 text-sm mb-1",children:r}),e.jsx("p",{className:"text-3xl font-bold text-white",children:l})]})};exports.AnimatedBounce=q;exports.AnimatedGlow=W;exports.AnimatedPulse=H;exports.AnimatedShimmer=O;exports.Button=j;exports.Button3DBlue=J;exports.Button3DGreen=Q;exports.Button3DPink=K;exports.Container=te;exports.ContainerButton=de;exports.ContainerContent=ie;exports.ContainerImage=ne;exports.FeatureCard=le;exports.GhostBlue=V;exports.GhostPurple=Z;exports.GhostRed=X;exports.GlassBlue=A;exports.GlassButton=m;exports.GlassPink=E;exports.GlassPurple=I;exports.GlassWhite=F;exports.GradientBlueGreen=M;exports.GradientCyan=R;exports.GradientOrangeRed=D;exports.GradientPurplePink=_;exports.GradientSunset=z;exports.Home=N;exports.NeonBlue=L;exports.NeonGreen=ae;exports.NeonPink=ee;exports.OutlinedBlue=U;exports.OutlinedGradient=T;exports.OutlinedPurple=Y;exports.ProductCard=oe;exports.SolidBlue=G;exports.SolidGreen=S;exports.SolidPill=$;exports.SolidPurple=B;exports.SolidRed=P;exports.StatCard=se;exports.gradients=C;

package/dist/index.mjs

@@ -1,28 +1,28 @@
 "use client";
-import { jsx as r, jsxs as u, Fragment as k } from "react/jsx-runtime";
-import C, { useState as G } from "react";
+import { jsx as r, jsxs as g, Fragment as N } from "react/jsx-runtime";
+import C, { useState as $ } from "react";
 const S = ({
   children: e,
   variant: a = "primary",
-  size: o = "md",
-  onClick: i,
+  size: l = "md",
+  onClick: n,
   disabled: t = !1,
-  className: s = ""
+  className: o = ""
 }) => {
-  const g = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", l = {
+  const s = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", d = {
     primary: "bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",
     secondary: "bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",
     danger: "bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"
-  }, n = {
+  }, i = {
     sm: "px-3 py-1.5 text-sm",
     md: "px-4 py-2 text-base",
     lg: "px-6 py-3 text-lg"
-  }, p = t ? "opacity-50 cursor-not-allowed" : "";
+  }, b = t ? "opacity-50 cursor-not-allowed" : "";
   return /* @__PURE__ */ r(
     "button",
     {
-      className: `${g} ${l[a]} ${n[o]} ${p} ${s}`,
-      onClick: i,
+      className: `${s} ${d[a]} ${i[l]} ${b} ${o}`,
+      onClick: n,
       disabled: t,
       children: e
     }
@@ -30,19 +30,19 @@ const S = ({
 }, x = ({
   children: e,
   variant: a = "blur",
-  size: o = "md",
-  onClick: i,
+  size: l = "md",
+  onClick: n,
   disabled: t = !1,
-  className: s = ""
+  className: o = ""
 }) => {
-  const [g, l] = G([]), n = (d) => {
-    if (!t && i) {
-      const h = d.currentTarget.getBoundingClientRect(), f = d.clientX - h.left, w = d.clientY - h.top, v = Date.now();
-      l([...g, { x: f, y: w, id: v }]), setTimeout(() => {
-        l((y) => y.filter((N) => N.id !== v));
-      }, 800), i();
+  const [s, d] = $([]), i = (p) => {
+    if (!t && n) {
+      const h = p.currentTarget.getBoundingClientRect(), f = p.clientX - h.left, w = p.clientY - h.top, v = Date.now();
+      d([...s, { x: f, y: w, id: v }]), setTimeout(() => {
+        d((y) => y.filter((k) => k.id !== v));
+      }, 800), n();
     }
-  }, p = `
+  }, b = `
     relative overflow-hidden
     backdrop-blur-xl
     border border-white/30
@@ -56,7 +56,7 @@ const S = ({
     sm: "px-5 py-2.5 text-sm",
     md: "px-7 py-3.5 text-base",
     lg: "px-9 py-4.5 text-lg"
-  }, m = {
+  }, u = {
     blur: `
       bg-white/5
       hover:bg-white/15
@@ -82,71 +82,71 @@ const S = ({
       hover:before:translate-x-[200%]
       before:transition-transform before:duration-1000
     `
-  }, b = t ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
-  return /* @__PURE__ */ u(
+  }, m = t ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
+  return /* @__PURE__ */ g(
     "button",
     {
-      className: `${p} ${c[o]} ${m[a]} ${b} ${s}`,
-      onClick: n,
+      className: `${b} ${c[l]} ${u[a]} ${m} ${o}`,
+      onClick: i,
       disabled: t,
       children: [
-        a === "waves" && !t && /* @__PURE__ */ u(k, { children: [
+        a === "waves" && !t && /* @__PURE__ */ g(N, { children: [
           /* @__PURE__ */ r("span", { className: "absolute inset-0 bg-gradient-to-r from-blue-500/10 via-purple-500/10 to-pink-500/10 opacity-0 group-hover:opacity-100 transition-opacity duration-700" }),
           /* @__PURE__ */ r("span", { className: "absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse" })
         ] }),
         a === "blur" && !t && /* @__PURE__ */ r("span", { className: "absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
         /* @__PURE__ */ r("span", { className: "absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none", children: /* @__PURE__ */ r("span", { className: "absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer" }) }),
-        g.map((d) => /* @__PURE__ */ r(
+        s.map((p) => /* @__PURE__ */ r(
           "span",
           {
             className: "absolute rounded-full bg-white/30 pointer-events-none animate-ripple",
             style: {
-              left: d.x,
-              top: d.y,
+              left: p.x,
+              top: p.y,
               width: "20px",
               height: "20px",
               transform: "translate(-50%, -50%)"
             }
           },
-          d.id
+          p.id
         )),
         /* @__PURE__ */ r("span", { className: "relative z-10 drop-shadow-lg", children: e })
       ]
     }
   );
-}, $ = ({
+}, M = ({
   name: e,
   title: a,
-  description: o = "Welcome to my portfolio",
-  primaryButtonText: i = "Get Started",
+  description: l = "Welcome to my portfolio",
+  primaryButtonText: n = "Get Started",
   primaryButtonLink: t,
-  primaryButtonOnClick: s,
-  secondaryButtonText: g = "Learn More",
-  secondaryButtonLink: l,
-  secondaryButtonOnClick: n,
-  backgroundGradient: p = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+  primaryButtonOnClick: o,
+  secondaryButtonText: s = "Learn More",
+  secondaryButtonLink: d,
+  secondaryButtonOnClick: i,
+  backgroundGradient: b = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
   animationType: c,
-  className: m = ""
+  className: u = ""
 }) => {
-  const b = () => {
-    t ? window.location.href = t : s && s();
-  }, d = () => {
-    l ? window.location.href = l : n && n();
-  }, h = t ? /* @__PURE__ */ r("a", { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ r(x, { variant: "waves", size: "lg", children: i }) }) : /* @__PURE__ */ r(
+  const m = () => {
+    t ? window.location.href = t : o && o();
+  }, p = () => {
+    d ? window.location.href = d : i && i();
+  }, h = t ? /* @__PURE__ */ r("a", { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ r(x, { variant: "waves", size: "lg", children: n }) }) : /* @__PURE__ */ r(
     x,
     {
       variant: "waves",
       size: "lg",
-      onClick: s || b,
-      children: i
+      onClick: o || m,
+      children: n
     }
-  ), f = l ? /* @__PURE__ */ r("a", { href: l, style: { textDecoration: "none" }, children: /* @__PURE__ */ r(x, { variant: "blur", size: "lg", children: g }) }) : /* @__PURE__ */ r(
+  ), f = d ? /* @__PURE__ */ r("a", { href: d, style: { textDecoration: "none" }, children: /* @__PURE__ */ r(x, { variant: "blur", size: "lg", children: s }) }) : /* @__PURE__ */ r(
     x,
     {
       variant: "blur",
       size: "lg",
-      onClick: n || d,
-      children: g
+      onClick: i || p,
+      children: s
     }
   );
   return /* @__PURE__ */ r(
@@ -154,10 +154,10 @@ const S = ({
     {
       className: c ? `animate-gradient-${c}` : "",
       style: {
-        background: p,
+        background: b,
         minHeight: "100vh"
       },
-      children: /* @__PURE__ */ r("div", { className: `min-h-screen flex items-center justify-center p-8 ${m}`, children: /* @__PURE__ */ u("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
+      children: /* @__PURE__ */ r("div", { className: `min-h-screen flex items-center justify-center p-8 ${u}`, children: /* @__PURE__ */ g("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
         /* @__PURE__ */ r(
           "h1",
           {
@@ -188,10 +188,10 @@ const S = ({
               textShadow: "0 0 20px rgba(0,0,0,0.2)",
               animation: "fadeInUp 1.2s ease-out 0.4s backwards"
             },
-            children: o
+            children: l
           }
         ),
-        /* @__PURE__ */ u(
+        /* @__PURE__ */ g(
           "div",
           {
             className: "flex flex-wrap gap-6 justify-center mt-12",
@@ -682,10 +682,10 @@ const S = ({
     category: "animated",
     animation: "zoom"
   }
-], D = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), z = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), R = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), A = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), E = ({ children: e = "Pill Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), I = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50", children: e }), F = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50", children: e }), j = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), H = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50", children: e }), q = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), U = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20", children: e }), W = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20", children: e }), O = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20", children: e }), Y = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20", children: e }), T = ({ children: e = "Shimmer Effect", onClick: a }) => /* @__PURE__ */ u("button", { onClick: a, className: "relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105", children: [
+], D = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), z = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), R = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), I = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), j = ({ children: e = "Pill Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-8 py-3 rounded-full font-semibold text-white bg-indigo-600 hover:bg-indigo-700 transition-all duration-300 hover:scale-105 hover:shadow-xl", children: e }), A = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/50", children: e }), E = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-blue-600 to-green-600 hover:from-blue-700 hover:to-green-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/50", children: e }), F = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-orange-600 to-red-600 hover:from-orange-700 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), H = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-br from-cyan-400 to-blue-600 hover:from-cyan-500 hover:to-blue-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-cyan-500/50", children: e }), q = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-yellow-500 via-orange-500 to-red-600 hover:from-yellow-600 hover:via-orange-600 hover:to-red-700 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-orange-500/50", children: e }), U = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 hover:bg-blue-500/30 hover:border-blue-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-blue-500/20", children: e }), W = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 hover:bg-purple-500/30 hover:border-purple-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-purple-500/20", children: e }), O = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-white/10 backdrop-blur-xl border border-white/30 hover:bg-white/20 hover:border-white/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-white/20", children: e }), Y = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 hover:bg-pink-500/30 hover:border-pink-400/50 transition-all duration-300 hover:scale-105 hover:shadow-2xl hover:shadow-pink-500/20", children: e }), V = ({ children: e = "Shimmer Effect", onClick: a }) => /* @__PURE__ */ g("button", { onClick: a, className: "relative px-6 py-3 rounded-lg font-semibold text-white bg-gradient-to-r from-purple-600 to-blue-600 overflow-hidden group transition-all duration-300 hover:scale-105", children: [
   /* @__PURE__ */ r("span", { className: "relative z-10", children: e }),
   /* @__PURE__ */ r("span", { className: "absolute inset-0 bg-gradient-to-r from-transparent via-white/30 to-transparent -translate-x-full group-hover:translate-x-full transition-transform duration-1000" })
-] }), V = ({ children: e = "Pulse Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105", children: e }), X = ({ children: e = "Bounce Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce", children: e }), Z = ({ children: e = "Glow Effect", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105", children: e }), J = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), K = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), Q = ({ children: e = "Gradient Border", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105", style: { borderImage: "linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1" }, children: e }), L = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105", children: e }), aa = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105", children: e }), ea = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105", children: e }), ra = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150", children: e }), ta = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150", children: e }), na = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150", children: e }), ia = ({ children: e = "Neon Blue", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105", children: e }), da = ({ children: e = "Neon Pink", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105", children: e }), la = ({ children: e = "Neon Green", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105", children: e }), _ = {
+] }), X = ({ children: e = "Pulse Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-red-600 hover:bg-red-700 transition-all duration-300 animate-pulse hover:animate-none hover:scale-105", children: e }), Z = ({ children: e = "Bounce Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 hover:bg-green-700 transition-all duration-300 hover:animate-bounce", children: e }), J = ({ children: e = "Glow Effect", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-purple-600 hover:bg-purple-700 transition-all duration-300 hover:shadow-[0_0_30px_rgba(168,85,247,0.8)] hover:scale-105", children: e }), K = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 border-2 border-blue-500 hover:bg-blue-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), Q = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 border-2 border-purple-500 hover:bg-purple-500 hover:text-white transition-all duration-300 hover:scale-105", children: e }), T = ({ children: e = "Gradient Border", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-transparent bg-clip-text bg-gradient-to-r from-purple-500 to-pink-500 border-2 border-transparent hover:text-white transition-all duration-300 hover:scale-105", style: { borderImage: "linear-gradient(to right, rgb(168, 85, 247), rgb(236, 72, 153)) 1" }, children: e }), L = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-500 hover:bg-blue-500/10 transition-all duration-300 hover:scale-105", children: e }), ee = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-red-500 hover:bg-red-500/10 transition-all duration-300 hover:scale-105", children: e }), ae = ({ children: e = "Click Me", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-purple-500 hover:bg-purple-500/10 transition-all duration-300 hover:scale-105", children: e }), re = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-blue-600 shadow-[0_6px_0_rgb(37,99,235)] hover:shadow-[0_4px_0_rgb(37,99,235)] hover:translate-y-[2px] transition-all duration-150", children: e }), te = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-pink-600 shadow-[0_6px_0_rgb(219,39,119)] hover:shadow-[0_4px_0_rgb(219,39,119)] hover:translate-y-[2px] transition-all duration-150", children: e }), ne = ({ children: e = "3D Button", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-white bg-green-600 shadow-[0_6px_0_rgb(22,163,74)] hover:shadow-[0_4px_0_rgb(22,163,74)] hover:translate-y-[2px] transition-all duration-150", children: e }), ie = ({ children: e = "Neon Blue", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-blue-400 border-2 border-blue-400 hover:bg-blue-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(59,130,246,0.8)] hover:scale-105", children: e }), de = ({ children: e = "Neon Pink", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-pink-400 border-2 border-pink-400 hover:bg-pink-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(236,72,153,0.8)] hover:scale-105", children: e }), le = ({ children: e = "Neon Green", onClick: a }) => /* @__PURE__ */ r("button", { onClick: a, className: "px-6 py-3 rounded-lg font-semibold text-green-400 border-2 border-green-400 hover:bg-green-400 hover:text-black transition-all duration-300 hover:shadow-[0_0_20px_rgba(34,197,94,0.8)] hover:scale-105", children: e }), G = {
   "glass-morphism": `
     radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
     radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
@@ -711,105 +711,289 @@ const S = ({
     linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
   `,
   none: "transparent"
-}, oa = ({
+}, oe = ({
   children: e,
   layout: a = "center",
-  size: o = "lg",
-  theme: i = "none",
+  size: l = "lg",
+  theme: n = "none",
   padding: t = !0,
-  gap: s = "md",
-  className: g = ""
+  gap: o = "md",
+  className: s = ""
 }) => {
-  const l = {
+  const d = {
     sm: "max-w-3xl",
     md: "max-w-5xl",
     lg: "max-w-7xl",
     xl: "max-w-[1400px]",
     full: "max-w-full"
-  }[o], n = {
+  }[l], i = {
     sm: "gap-4",
     md: "gap-8",
     lg: "gap-12"
-  }[s], p = {
-    "image-right": `grid md:grid-cols-2 ${n} items-center`,
-    "image-left": `grid md:grid-cols-2 ${n} items-center`,
-    "button-right": `grid md:grid-cols-2 ${n} items-center`,
-    "button-left": `grid md:grid-cols-2 ${n} items-center`,
+  }[o], b = {
+    "image-right": `grid md:grid-cols-2 ${i} items-center`,
+    "image-left": `grid md:grid-cols-2 ${i} items-center`,
+    "button-right": `grid md:grid-cols-2 ${i} items-center`,
+    "button-left": `grid md:grid-cols-2 ${i} items-center`,
     center: "flex flex-col items-center justify-center text-center",
-    "two-columns": `grid md:grid-cols-2 ${n}`,
-    "three-columns": `grid md:grid-cols-3 ${n}`
-  }[a], c = t ? "px-6 py-8" : "", m = i !== "none" ? {
-    background: _[i],
+    "two-columns": `grid md:grid-cols-2 ${i}`,
+    "three-columns": `grid md:grid-cols-3 ${i}`
+  }[a], c = t ? "px-6 py-8" : "", u = n !== "none" ? {
+    background: G[n],
     backgroundSize: "200% 200%"
-  } : {}, b = C.Children.toArray(e);
-  let d = b;
-  return (a === "image-left" || a === "button-left") && (d = b.reverse()), /* @__PURE__ */ r(
+  } : {}, m = C.Children.toArray(e);
+  let p = m;
+  return (a === "image-left" || a === "button-left") && (p = m.reverse()), /* @__PURE__ */ r(
     "div",
     {
-      className: `${l} mx-auto ${c} ${g}`,
-      style: m,
-      children: /* @__PURE__ */ r("div", { className: p, children: d })
+      className: `${d} mx-auto ${c} ${s}`,
+      style: u,
+      children: /* @__PURE__ */ r("div", { className: b, children: p })
     }
   );
-}, sa = ({
+}, se = ({
   src: e,
   alt: a,
-  className: o = "",
-  width: i,
+  className: l = "",
+  width: n,
   height: t
-}) => /* @__PURE__ */ r("div", { className: `w-full ${o}`, children: /* @__PURE__ */ r(
+}) => /* @__PURE__ */ r("div", { className: `w-full ${l}`, children: /* @__PURE__ */ r(
   "img",
   {
     src: e,
     alt: a,
-    width: i,
+    width: n,
     height: t,
     className: "w-full h-auto rounded-2xl shadow-2xl object-cover"
   }
-) }), ga = ({
+) }), ge = ({
   children: e,
   className: a = ""
-}) => /* @__PURE__ */ r("div", { className: `space-y-4 ${a}`, children: e }), pa = ({
+}) => /* @__PURE__ */ r("div", { className: `space-y-4 ${a}`, children: e }), be = ({
   children: e,
   className: a = ""
-}) => /* @__PURE__ */ r("div", { className: `flex gap-4 ${a}`, children: e });
+}) => /* @__PURE__ */ r("div", { className: `flex gap-4 ${a}`, children: e }), pe = ({
+  icon: e,
+  title: a,
+  description: l,
+  variant: n = "solid",
+  theme: t = "blue",
+  hoverable: o = !0,
+  className: s = "",
+  onClick: d
+}) => {
+  const b = `
+    rounded-2xl p-6
+    transition-all duration-300
+    ${o ? "hover:scale-105 hover:shadow-2xl cursor-pointer" : ""}
+    ${{
+    blue: {
+      solid: "bg-blue-600 text-white",
+      glass: "bg-blue-500/20 backdrop-blur-xl border border-blue-400/30 text-white",
+      gradient: "bg-gradient-to-br from-blue-600 to-blue-800 text-white",
+      outlined: "bg-transparent border-2 border-blue-500 text-blue-500"
+    },
+    purple: {
+      solid: "bg-purple-600 text-white",
+      glass: "bg-purple-500/20 backdrop-blur-xl border border-purple-400/30 text-white",
+      gradient: "bg-gradient-to-br from-purple-600 to-pink-600 text-white",
+      outlined: "bg-transparent border-2 border-purple-500 text-purple-500"
+    },
+    green: {
+      solid: "bg-green-600 text-white",
+      glass: "bg-green-500/20 backdrop-blur-xl border border-green-400/30 text-white",
+      gradient: "bg-gradient-to-br from-green-600 to-emerald-600 text-white",
+      outlined: "bg-transparent border-2 border-green-500 text-green-500"
+    },
+    red: {
+      solid: "bg-red-600 text-white",
+      glass: "bg-red-500/20 backdrop-blur-xl border border-red-400/30 text-white",
+      gradient: "bg-gradient-to-br from-red-600 to-orange-600 text-white",
+      outlined: "bg-transparent border-2 border-red-500 text-red-500"
+    },
+    pink: {
+      solid: "bg-pink-600 text-white",
+      glass: "bg-pink-500/20 backdrop-blur-xl border border-pink-400/30 text-white",
+      gradient: "bg-gradient-to-br from-pink-600 to-rose-600 text-white",
+      outlined: "bg-transparent border-2 border-pink-500 text-pink-500"
+    },
+    orange: {
+      solid: "bg-orange-600 text-white",
+      glass: "bg-orange-500/20 backdrop-blur-xl border border-orange-400/30 text-white",
+      gradient: "bg-gradient-to-br from-orange-600 to-red-600 text-white",
+      outlined: "bg-transparent border-2 border-orange-500 text-orange-500"
+    }
+  }[t][n]}
+    ${s}
+  `;
+  return /* @__PURE__ */ g("div", { className: b, onClick: d, children: [
+    e ? typeof e == "string" ? /* @__PURE__ */ r("div", { className: "text-4xl mb-4", children: e }) : /* @__PURE__ */ r("div", { className: "mb-4", children: e }) : null,
+    /* @__PURE__ */ r("h3", { className: "text-xl font-bold mb-2", children: a }),
+    /* @__PURE__ */ r("p", { className: `text-sm ${n === "outlined" ? "text-gray-600" : "opacity-90"}`, children: l })
+  ] });
+}, ce = ({
+  image: e,
+  title: a,
+  description: l,
+  price: n,
+  oldPrice: t,
+  badge: o,
+  variant: s = "solid",
+  onAddToCart: d,
+  className: i = ""
+}) => /* @__PURE__ */ g("div", { className: `rounded-2xl overflow-hidden transition-all duration-300 hover:scale-105 hover:shadow-2xl ${{
+  solid: "bg-gray-900 border border-gray-800",
+  glass: "bg-white/5 backdrop-blur-xl border border-white/10",
+  gradient: "bg-gradient-to-br from-gray-900 to-gray-800 border border-gray-700",
+  outlined: "bg-transparent border-2 border-gray-700"
+}[s]} ${i}`, children: [
+  /* @__PURE__ */ g("div", { className: "relative", children: [
+    /* @__PURE__ */ r(
+      "img",
+      {
+        src: e,
+        alt: a,
+        className: "w-full h-48 object-cover"
+      }
+    ),
+    o && /* @__PURE__ */ r("span", { className: "absolute top-3 right-3 px-3 py-1 bg-red-500 text-white text-xs font-bold rounded-full", children: o })
+  ] }),
+  /* @__PURE__ */ g("div", { className: "p-5 space-y-3", children: [
+    /* @__PURE__ */ r("h3", { className: "text-xl font-bold text-white", children: a }),
+    l && /* @__PURE__ */ r("p", { className: "text-gray-400 text-sm", children: l }),
+    /* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ g("span", { className: "text-2xl font-bold text-white", children: [
+        "$",
+        n
+      ] }),
+      t && /* @__PURE__ */ g("span", { className: "text-sm text-gray-500 line-through", children: [
+        "$",
+        t
+      ] })
+    ] }),
+    d && /* @__PURE__ */ r(
+      "button",
+      {
+        onClick: d,
+        className: "w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition-all duration-300",
+        children: "Add to Cart"
+      }
+    )
+  ] })
+] }), ue = ({
+  icon: e,
+  label: a,
+  value: l,
+  change: n,
+  trend: t = "neutral",
+  variant: o = "solid",
+  theme: s = "blue",
+  className: d = ""
+}) => {
+  const i = {
+    blue: {
+      solid: "bg-blue-600/10 border-blue-500/20",
+      glass: "bg-blue-500/20 backdrop-blur-xl border-blue-400/30",
+      gradient: "bg-gradient-to-br from-blue-600/20 to-blue-800/20 border-blue-500/30",
+      outlined: "bg-transparent border-2 border-blue-500"
+    },
+    purple: {
+      solid: "bg-purple-600/10 border-purple-500/20",
+      glass: "bg-purple-500/20 backdrop-blur-xl border-purple-400/30",
+      gradient: "bg-gradient-to-br from-purple-600/20 to-pink-600/20 border-purple-500/30",
+      outlined: "bg-transparent border-2 border-purple-500"
+    },
+    green: {
+      solid: "bg-green-600/10 border-green-500/20",
+      glass: "bg-green-500/20 backdrop-blur-xl border-green-400/30",
+      gradient: "bg-gradient-to-br from-green-600/20 to-emerald-600/20 border-green-500/30",
+      outlined: "bg-transparent border-2 border-green-500"
+    },
+    red: {
+      solid: "bg-red-600/10 border-red-500/20",
+      glass: "bg-red-500/20 backdrop-blur-xl border-red-400/30",
+      gradient: "bg-gradient-to-br from-red-600/20 to-orange-600/20 border-red-500/30",
+      outlined: "bg-transparent border-2 border-red-500"
+    },
+    pink: {
+      solid: "bg-pink-600/10 border-pink-500/20",
+      glass: "bg-pink-500/20 backdrop-blur-xl border-pink-400/30",
+      gradient: "bg-gradient-to-br from-pink-600/20 to-rose-600/20 border-pink-500/30",
+      outlined: "bg-transparent border-2 border-pink-500"
+    },
+    orange: {
+      solid: "bg-orange-600/10 border-orange-500/20",
+      glass: "bg-orange-500/20 backdrop-blur-xl border-orange-400/30",
+      gradient: "bg-gradient-to-br from-orange-600/20 to-red-600/20 border-orange-500/30",
+      outlined: "bg-transparent border-2 border-orange-500"
+    }
+  }, b = {
+    up: "text-green-400",
+    down: "text-red-400",
+    neutral: "text-gray-400"
+  }, c = {
+    up: "↑",
+    down: "↓",
+    neutral: "→"
+  }, u = () => e ? typeof e == "string" ? /* @__PURE__ */ r("div", { className: "text-3xl", children: e }) : /* @__PURE__ */ r("div", { children: e }) : null;
+  return /* @__PURE__ */ g("div", { className: `
+      rounded-2xl p-6 border
+      transition-all duration-300 hover:scale-105 hover:shadow-xl
+      ${i[s][o]}
+      ${d}
+    `, children: [
+    /* @__PURE__ */ g("div", { className: "flex items-start justify-between mb-4", children: [
+      u(),
+      n && /* @__PURE__ */ g("span", { className: `text-sm font-semibold ${b[t]}`, children: [
+        c[t],
+        " ",
+        n
+      ] })
+    ] }),
+    /* @__PURE__ */ r("p", { className: "text-gray-400 text-sm mb-1", children: a }),
+    /* @__PURE__ */ r("p", { className: "text-3xl font-bold text-white", children: l })
+  ] });
+};
 export {
-  X as AnimatedBounce,
-  Z as AnimatedGlow,
-  V as AnimatedPulse,
-  T as AnimatedShimmer,
+  Z as AnimatedBounce,
+  J as AnimatedGlow,
+  X as AnimatedPulse,
+  V as AnimatedShimmer,
   S as Button,
-  ra as Button3DBlue,
-  na as Button3DGreen,
-  ta as Button3DPink,
-  oa as Container,
-  pa as ContainerButton,
-  ga as ContainerContent,
-  sa as ContainerImage,
+  re as Button3DBlue,
+  ne as Button3DGreen,
+  te as Button3DPink,
+  oe as Container,
+  be as ContainerButton,
+  ge as ContainerContent,
+  se as ContainerImage,
+  pe as FeatureCard,
   L as GhostBlue,
-  ea as GhostPurple,
-  aa as GhostRed,
+  ae as GhostPurple,
+  ee as GhostRed,
   U as GlassBlue,
   x as GlassButton,
   Y as GlassPink,
   W as GlassPurple,
   O as GlassWhite,
-  F as GradientBlueGreen,
+  E as GradientBlueGreen,
   H as GradientCyan,
-  j as GradientOrangeRed,
-  I as GradientPurplePink,
+  F as GradientOrangeRed,
+  A as GradientPurplePink,
   q as GradientSunset,
-  $ as Home,
-  ia as NeonBlue,
-  la as NeonGreen,
-  da as NeonPink,
-  J as OutlinedBlue,
-  Q as OutlinedGradient,
-  K as OutlinedPurple,
+  M as Home,
+  ie as NeonBlue,
+  le as NeonGreen,
+  de as NeonPink,
+  K as OutlinedBlue,
+  T as OutlinedGradient,
+  Q as OutlinedPurple,
+  ce as ProductCard,
   D as SolidBlue,
   R as SolidGreen,
-  E as SolidPill,
-  A as SolidPurple,
+  j as SolidPill,
+  I as SolidPurple,
   z as SolidRed,
+  ue as StatCard,
   B as gradients
 };

package/dist/style.css

@@ -1 +1 @@
-*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[-2px\]{top:-2px;right:-2px;bottom:-2px;left:-2px}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-4{margin-bottom:1rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.flex{display:flex}.grid{display:grid}.h-1{height:.25rem}.h-auto{height:auto}.min-h-screen{min-height:100vh}.w-32{width:8rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-full{max-width:100%}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-12{gap:3rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity))}.border-pink-400{--tw-border-opacity: 1;border-color:rgb(244 114 182 / var(--tw-border-opacity))}.border-pink-400\/30{border-color:#f472b64d}.border-purple-400\/30{border-color:#c084fc4d}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white\/30{border-color:#ffffff4d}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-pink-500\/20{background-color:#ec489933}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity))}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500\/10{--tw-gradient-from: rgb(59 130 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from: #22d3ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from: rgb(255 255 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-orange-500{--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-500\/10{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/30{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/40{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to: rgb(236 72 153 / .1) var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to: rgb(255 255 255 / .05) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_0_rgb\(219\,39\,119\)\]{--tw-shadow: 0 6px 0 rgb(219,39,119);--tw-shadow-colored: 0 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_0_rgb\(22\,163\,74\)\]{--tw-shadow: 0 6px 0 rgb(22,163,74);--tw-shadow-colored: 0 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_0_rgb\(37\,99\,235\)\]{--tw-shadow: 0 6px 0 rgb(37,99,235);--tw-shadow-colored: 0 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ripple{0%{width:0;height:0;opacity:.6}to{width:500px;height:500px;opacity:0}}.animate-shimmer{animation:shimmer 3s linear infinite}.animate-ripple{animation:ripple .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-wave{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes gradient-pulse{0%,to{background-size:100% 100%;opacity:1}50%{background-size:150% 150%;opacity:.8}}@keyframes gradient-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient-zoom{0%,to{background-size:100% 100%}50%{background-size:200% 200%}}.animate-gradient-shift{background-size:200% 200%!important;animation:gradient-shift 8s ease infinite}.animate-gradient-wave{background-size:200% 200%!important;animation:gradient-wave 12s ease infinite}.animate-gradient-pulse{background-position:center!important;animation:gradient-pulse 6s ease infinite}.animate-gradient-rotate{animation:gradient-rotate 10s linear infinite}.animate-gradient-flow{background-size:300% 300%!important;animation:gradient-flow 15s ease infinite}.animate-gradient-zoom{background-position:center!important;animation:gradient-zoom 8s ease infinite}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:translate-x-\[-200\%\]:before{content:var(--tw-content);--tw-translate-x: -200%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-gradient-to-r:before{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.before\:via-white\/20:before{content:var(--tw-content);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position)}.before\:transition-transform:before{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:duration-1000:before{content:var(--tw-content);transition-duration:1s}.hover\:translate-y-\[2px\]:hover{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-100:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.hover\:animate-bounce:hover{animation:bounce 1s infinite}.hover\:animate-none:hover{animation:none}.hover\:border-blue-400\/50:hover{border-color:#60a5fa80}.hover\:border-pink-400\/50:hover{border-color:#f472b680}.hover\:border-purple-400\/50:hover{border-color:#c084fc80}.hover\:border-white\/50:hover{border-color:#ffffff80}.hover\:border-white\/60:hover{border-color:#fff9}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.hover\:bg-green-400:hover{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}.hover\:bg-pink-400:hover{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity))}.hover\:bg-pink-500\/30:hover{background-color:#ec48994d}.hover\:bg-purple-500:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-cyan-500:hover{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-700:hover{--tw-gradient-from: #c2410c var(--tw-gradient-from-position);--tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-white\/10:hover{--tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-600:hover{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:via-orange-600:hover{--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ea580c var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:via-white\/5:hover{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to: #be185d var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.hover\:to-white\/10:hover{--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(236\,72\,153\,0\.8\)\]:hover{--tw-shadow: 0 0 20px rgba(236,72,153,.8);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(34\,197\,94\,0\.8\)\]:hover{--tw-shadow: 0 0 20px rgba(34,197,94,.8);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.8\)\]:hover{--tw-shadow: 0 0 20px rgba(59,130,246,.8);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(168\,85\,247\,0\.8\)\]:hover{--tw-shadow: 0 0 30px rgba(168,85,247,.8);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_4px_0_rgb\(219\,39\,119\)\]:hover{--tw-shadow: 0 4px 0 rgb(219,39,119);--tw-shadow-colored: 0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_4px_0_rgb\(22\,163\,74\)\]:hover{--tw-shadow: 0 4px 0 rgb(22,163,74);--tw-shadow-colored: 0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_4px_0_rgb\(37\,99\,235\)\]:hover{--tw-shadow: 0 4px 0 rgb(37,99,235);--tw-shadow-colored: 0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-blue-500\/20:hover{--tw-shadow-color: rgb(59 130 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-blue-500\/30:hover{--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color: rgb(59 130 246 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-cyan-500\/50:hover{--tw-shadow-color: rgb(6 182 212 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-orange-500\/50:hover{--tw-shadow-color: rgb(249 115 22 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-pink-500\/20:hover{--tw-shadow-color: rgb(236 72 153 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-purple-500\/20:hover{--tw-shadow-color: rgb(168 85 247 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-purple-500\/50:hover{--tw-shadow-color: rgb(168 85 247 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-white\/20:hover{--tw-shadow-color: rgb(255 255 255 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:before\:translate-x-\[200\%\]:hover:before{content:var(--tw-content);--tw-translate-x: 200%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}}
+*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-\[-2px\]{top:-2px;right:-2px;bottom:-2px;left:-2px}.right-3{right:.75rem}.top-3{top:.75rem}.z-10{z-index:10}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.flex{display:flex}.grid{display:grid}.h-1{height:.25rem}.h-48{height:12rem}.h-auto{height:auto}.min-h-screen{min-height:100vh}.w-32{width:8rem}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-\[1400px\]{max-width:1400px}.max-w-full{max-width:100%}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity))}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity))}.border-gray-800{--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity))}.border-green-400\/30{border-color:#4ade804d}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity))}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/30{border-color:#22c55e4d}.border-orange-400\/30{border-color:#fb923c4d}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity))}.border-orange-500\/20{border-color:#f9731633}.border-orange-500\/30{border-color:#f973164d}.border-pink-400{--tw-border-opacity: 1;border-color:rgb(244 114 182 / var(--tw-border-opacity))}.border-pink-400\/30{border-color:#f472b64d}.border-pink-500{--tw-border-opacity: 1;border-color:rgb(236 72 153 / var(--tw-border-opacity))}.border-pink-500\/20{border-color:#ec489933}.border-pink-500\/30{border-color:#ec48994d}.border-purple-400\/30{border-color:#c084fc4d}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity))}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-red-400\/30{border-color:#f871714d}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity))}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-transparent{border-color:transparent}.border-white\/10{border-color:#ffffff1a}.border-white\/30{border-color:#ffffff4d}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.bg-blue-600\/10{background-color:#2563eb1a}.bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity))}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.bg-green-600\/10{background-color:#16a34a1a}.bg-indigo-600{--tw-bg-opacity: 1;background-color:rgb(79 70 229 / var(--tw-bg-opacity))}.bg-orange-500\/20{background-color:#f9731633}.bg-orange-600{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity))}.bg-orange-600\/10{background-color:#ea580c1a}.bg-pink-500\/20{background-color:#ec489933}.bg-pink-600{--tw-bg-opacity: 1;background-color:rgb(219 39 119 / var(--tw-bg-opacity))}.bg-pink-600\/10{background-color:#db27771a}.bg-purple-500\/20{background-color:#a855f733}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity))}.bg-purple-600\/10{background-color:#9333ea1a}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity))}.bg-red-500\/20{background-color:#ef444433}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.bg-red-600\/10{background-color:#dc26261a}.bg-transparent{background-color:transparent}.bg-white\/10{background-color:#ffffff1a}.bg-white\/30{background-color:#ffffff4d}.bg-white\/5{background-color:#ffffff0d}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500\/10{--tw-gradient-from: rgb(59 130 246 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600\/20{--tw-gradient-from: rgb(37 99 235 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-400{--tw-gradient-from: #22d3ee var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 211 238 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-600\/20{--tw-gradient-from: rgb(22 163 74 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600{--tw-gradient-from: #ea580c var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-600\/20{--tw-gradient-from: rgb(234 88 12 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-600{--tw-gradient-from: #db2777 var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-pink-600\/20{--tw-gradient-from: rgb(219 39 119 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(219 39 119 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600\/20{--tw-gradient-from: rgb(147 51 234 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-600\/20{--tw-gradient-from: rgb(220 38 38 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from: rgb(255 255 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-orange-500{--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-purple-500\/10{--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(168 85 247 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-transparent{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/30{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/40{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .4) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to: #1e40af var(--tw-gradient-to-position)}.to-blue-800\/20{--tw-gradient-to: rgb(30 64 175 / .2) var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-emerald-600\/20{--tw-gradient-to: rgb(5 150 105 / .2) var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-orange-600\/20{--tw-gradient-to: rgb(234 88 12 / .2) var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to: #ec4899 var(--tw-gradient-to-position)}.to-pink-500\/10{--tw-gradient-to: rgb(236 72 153 / .1) var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-pink-600\/20{--tw-gradient-to: rgb(219 39 119 / .2) var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-red-600\/20{--tw-gradient-to: rgb(220 38 38 / .2) var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-rose-600\/20{--tw-gradient-to: rgb(225 29 72 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white\/5{--tw-gradient-to: rgb(255 255 255 / .05) var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity))}.text-pink-400{--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity: 1;color:rgb(236 72 153 / var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.text-white\/80{color:#fffc}.text-white\/90{color:#ffffffe6}.line-through{text-decoration-line:line-through}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_0_rgb\(219\,39\,119\)\]{--tw-shadow: 0 6px 0 rgb(219,39,119);--tw-shadow-colored: 0 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_0_rgb\(22\,163\,74\)\]{--tw-shadow: 0 6px 0 rgb(22,163,74);--tw-shadow-colored: 0 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_6px_0_rgb\(37\,99\,235\)\]{--tw-shadow: 0 6px 0 rgb(37,99,235);--tw-shadow-colored: 0 6px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-xl{--tw-blur: blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes ripple{0%{width:0;height:0;opacity:.6}to{width:500px;height:500px;opacity:0}}.animate-shimmer{animation:shimmer 3s linear infinite}.animate-ripple{animation:ripple .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradient-wave{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes gradient-pulse{0%,to{background-size:100% 100%;opacity:1}50%{background-size:150% 150%;opacity:.8}}@keyframes gradient-rotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gradient-zoom{0%,to{background-size:100% 100%}50%{background-size:200% 200%}}.animate-gradient-shift{background-size:200% 200%!important;animation:gradient-shift 8s ease infinite}.animate-gradient-wave{background-size:200% 200%!important;animation:gradient-wave 12s ease infinite}.animate-gradient-pulse{background-position:center!important;animation:gradient-pulse 6s ease infinite}.animate-gradient-rotate{animation:gradient-rotate 10s linear infinite}.animate-gradient-flow{background-size:300% 300%!important;animation:gradient-flow 15s ease infinite}.animate-gradient-zoom{background-position:center!important;animation:gradient-zoom 8s ease infinite}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);top:0;right:0;bottom:0;left:0}.before\:translate-x-\[-200\%\]:before{content:var(--tw-content);--tw-translate-x: -200%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:bg-gradient-to-r:before{content:var(--tw-content);background-image:linear-gradient(to right,var(--tw-gradient-stops))}.before\:from-transparent:before{content:var(--tw-content);--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.before\:via-white\/20:before{content:var(--tw-content);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.before\:to-transparent:before{content:var(--tw-content);--tw-gradient-to: transparent var(--tw-gradient-to-position)}.before\:transition-transform:before{content:var(--tw-content);transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.before\:duration-1000:before{content:var(--tw-content);transition-duration:1s}.hover\:translate-y-\[2px\]:hover{--tw-translate-y: 2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-100:hover{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.hover\:animate-bounce:hover{animation:bounce 1s infinite}.hover\:animate-none:hover{animation:none}.hover\:border-blue-400\/50:hover{border-color:#60a5fa80}.hover\:border-pink-400\/50:hover{border-color:#f472b680}.hover\:border-purple-400\/50:hover{border-color:#c084fc80}.hover\:border-white\/50:hover{border-color:#ffffff80}.hover\:border-white\/60:hover{border-color:#fff9}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity))}.hover\:bg-blue-500:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.hover\:bg-blue-500\/10:hover{background-color:#3b82f61a}.hover\:bg-blue-500\/30:hover{background-color:#3b82f64d}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.hover\:bg-green-400:hover{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity: 1;background-color:rgb(67 56 202 / var(--tw-bg-opacity))}.hover\:bg-pink-400:hover{--tw-bg-opacity: 1;background-color:rgb(244 114 182 / var(--tw-bg-opacity))}.hover\:bg-pink-500\/30:hover{background-color:#ec48994d}.hover\:bg-purple-500:hover{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity))}.hover\:bg-purple-500\/10:hover{background-color:#a855f71a}.hover\:bg-purple-500\/30:hover{background-color:#a855f74d}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity))}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity))}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-cyan-500:hover{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-orange-700:hover{--tw-gradient-from: #c2410c var(--tw-gradient-from-position);--tw-gradient-to: rgb(194 65 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-white\/10:hover{--tw-gradient-from: rgb(255 255 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-yellow-600:hover{--tw-gradient-from: #ca8a04 var(--tw-gradient-from-position);--tw-gradient-to: rgb(202 138 4 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:via-orange-600:hover{--tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #ea580c var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:via-white\/5:hover{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to: #be185d var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to: #b91c1c var(--tw-gradient-to-position)}.hover\:to-white\/10:hover{--tw-gradient-to: rgb(255 255 255 / .1) var(--tw-gradient-to-position)}.hover\:text-black:hover{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(236\,72\,153\,0\.8\)\]:hover{--tw-shadow: 0 0 20px rgba(236,72,153,.8);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(34\,197\,94\,0\.8\)\]:hover{--tw-shadow: 0 0 20px rgba(34,197,94,.8);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.8\)\]:hover{--tw-shadow: 0 0 20px rgba(59,130,246,.8);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_30px_rgba\(168\,85\,247\,0\.8\)\]:hover{--tw-shadow: 0 0 30px rgba(168,85,247,.8);--tw-shadow-colored: 0 0 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_4px_0_rgb\(219\,39\,119\)\]:hover{--tw-shadow: 0 4px 0 rgb(219,39,119);--tw-shadow-colored: 0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_4px_0_rgb\(22\,163\,74\)\]:hover{--tw-shadow: 0 4px 0 rgb(22,163,74);--tw-shadow-colored: 0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_4px_0_rgb\(37\,99\,235\)\]:hover{--tw-shadow: 0 4px 0 rgb(37,99,235);--tw-shadow-colored: 0 4px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-blue-500\/20:hover{--tw-shadow-color: rgb(59 130 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-blue-500\/30:hover{--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color: rgb(59 130 246 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-cyan-500\/50:hover{--tw-shadow-color: rgb(6 182 212 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-orange-500\/50:hover{--tw-shadow-color: rgb(249 115 22 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-pink-500\/20:hover{--tw-shadow-color: rgb(236 72 153 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-purple-500\/20:hover{--tw-shadow-color: rgb(168 85 247 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-purple-500\/50:hover{--tw-shadow-color: rgb(168 85 247 / .5);--tw-shadow: var(--tw-shadow-colored)}.hover\:shadow-white\/20:hover{--tw-shadow-color: rgb(255 255 255 / .2);--tw-shadow: var(--tw-shadow-colored)}.hover\:before\:translate-x-\[200\%\]:hover:before{content:var(--tw-content);--tw-translate-x: 200%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-95:active{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-8xl{font-size:6rem;line-height:1}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "telecop",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "description": "Modern React UI Components Library",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",