telecop 0.1.25 → 0.1.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
export interface FeatureCardProps {
|
|
3
|
-
icon?:
|
|
3
|
+
icon?: string;
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
6
|
variant?: 'solid' | 'glass' | 'gradient' | 'outlined';
|
|
7
7
|
theme?: 'blue' | 'purple' | 'green' | 'red' | 'pink' | 'orange';
|
|
8
8
|
hoverable?: boolean;
|
|
9
|
+
onClick?: () => void;
|
|
9
10
|
className?: string;
|
|
10
11
|
}
|
|
11
12
|
export declare const FeatureCard: React.FC<FeatureCardProps>;
|
|
@@ -7,7 +7,8 @@ export interface ProductCardProps {
|
|
|
7
7
|
oldPrice?: string | number;
|
|
8
8
|
badge?: string;
|
|
9
9
|
variant?: 'solid' | 'glass' | 'gradient' | 'outlined';
|
|
10
|
-
|
|
10
|
+
buttonText?: string;
|
|
11
|
+
onButtonClick?: () => void;
|
|
11
12
|
className?: string;
|
|
12
13
|
}
|
|
13
14
|
export declare const ProductCard: React.FC<ProductCardProps>;
|
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
|
|
2
|
+
export interface StatCardProps {
|
|
3
|
+
icon?: string;
|
|
4
|
+
label: string;
|
|
5
|
+
value: string | number;
|
|
6
|
+
change?: string;
|
|
7
|
+
trend?: 'up' | 'down' | 'neutral';
|
|
8
|
+
variant?: 'solid' | 'glass' | 'gradient' | 'outlined';
|
|
9
|
+
theme?: 'blue' | 'purple' | 'green' | 'red' | 'pink' | 'orange';
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
3
12
|
export declare const StatCard: React.FC<StatCardProps>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export type CardVariant = 'solid' | 'glass' | 'gradient' | 'outlined';
|
|
2
2
|
export interface FeatureCardProps {
|
|
3
|
-
icon?:
|
|
3
|
+
icon?: string;
|
|
4
4
|
title: string;
|
|
5
5
|
description: string;
|
|
6
6
|
variant?: CardVariant;
|
|
7
7
|
theme?: 'blue' | 'purple' | 'green' | 'red' | 'pink' | 'orange';
|
|
8
8
|
hoverable?: boolean;
|
|
9
|
-
className?: string;
|
|
10
9
|
onClick?: () => void;
|
|
10
|
+
className?: string;
|
|
11
11
|
}
|
|
12
12
|
export interface ProductCardProps {
|
|
13
13
|
image: string;
|
|
@@ -17,46 +17,12 @@ export interface ProductCardProps {
|
|
|
17
17
|
oldPrice?: string | number;
|
|
18
18
|
badge?: string;
|
|
19
19
|
variant?: CardVariant;
|
|
20
|
-
onAddToCart?: () => void;
|
|
21
|
-
className?: string;
|
|
22
|
-
}
|
|
23
|
-
export interface ProfileCardProps {
|
|
24
|
-
avatar: string;
|
|
25
|
-
name: string;
|
|
26
|
-
role: string;
|
|
27
|
-
description?: string;
|
|
28
|
-
stats?: Array<{
|
|
29
|
-
label: string;
|
|
30
|
-
value: string | number;
|
|
31
|
-
}>;
|
|
32
|
-
variant?: CardVariant;
|
|
33
|
-
className?: string;
|
|
34
|
-
}
|
|
35
|
-
export interface PricingCardProps {
|
|
36
|
-
title: string;
|
|
37
|
-
price: string | number;
|
|
38
|
-
period?: string;
|
|
39
|
-
features: string[];
|
|
40
|
-
featured?: boolean;
|
|
41
20
|
buttonText?: string;
|
|
42
|
-
|
|
43
|
-
variant?: CardVariant;
|
|
44
|
-
className?: string;
|
|
45
|
-
}
|
|
46
|
-
export interface BlogCardProps {
|
|
47
|
-
image: string;
|
|
48
|
-
title: string;
|
|
49
|
-
excerpt: string;
|
|
50
|
-
author?: string;
|
|
51
|
-
date?: string;
|
|
52
|
-
readTime?: string;
|
|
53
|
-
category?: string;
|
|
54
|
-
variant?: CardVariant;
|
|
55
|
-
onClick?: () => void;
|
|
21
|
+
onButtonClick?: () => void;
|
|
56
22
|
className?: string;
|
|
57
23
|
}
|
|
58
24
|
export interface StatCardProps {
|
|
59
|
-
icon?:
|
|
25
|
+
icon?: string;
|
|
60
26
|
label: string;
|
|
61
27
|
value: string | number;
|
|
62
28
|
change?: string;
|
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("react"),j=({children:
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),v=require("react"),j=({children:r,variant:e="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 a.jsx("button",{className:`${s} ${d[e]} ${i[l]} ${g} ${o}`,onClick:n,disabled:t,children:r})},m=({children:r,variant:e="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=`
|
|
2
2
|
relative overflow-hidden
|
|
3
3
|
backdrop-blur-xl
|
|
4
4
|
border border-white/30
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
cursor-pointer
|
|
9
9
|
shadow-xl
|
|
10
10
|
group
|
|
11
|
-
`,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"},
|
|
11
|
+
`,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"},u={blur:`
|
|
12
12
|
bg-white/5
|
|
13
13
|
hover:bg-white/15
|
|
14
14
|
hover:border-white/50
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
before:translate-x-[-200%]
|
|
32
32
|
hover:before:translate-x-[200%]
|
|
33
33
|
before:transition-transform before:duration-1000
|
|
34
|
-
`},
|
|
34
|
+
`},c=t?"opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl":"";return a.jsxs("button",{className:`${g} ${p[l]} ${u[e]} ${c} ${o}`,onClick:i,disabled:t,children:[e==="waves"&&!t&&a.jsxs(a.Fragment,{children:[a.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"}),a.jsx("span",{className:"absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse"})]}),e==="blur"&&!t&&a.jsx("span",{className:"absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500"}),a.jsx("span",{className:"absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none",children:a.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=>a.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)),a.jsx("span",{className:"relative z-10 drop-shadow-lg",children:r})]})},N=({name:r,title:e,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:u=""})=>{const c=()=>{t?window.location.href=t:o&&o()},b=()=>{d?window.location.href=d:i&&i()},x=t?a.jsx("a",{href:t,style:{textDecoration:"none"},children:a.jsx(m,{variant:"waves",size:"lg",children:n})}):a.jsx(m,{variant:"waves",size:"lg",onClick:o||c,children:n}),h=d?a.jsx("a",{href:d,style:{textDecoration:"none"},children:a.jsx(m,{variant:"blur",size:"lg",children:s})}):a.jsx(m,{variant:"blur",size:"lg",onClick:i||b,children:s});return a.jsx("div",{className:p?`animate-gradient-${p}`:"",style:{background:g,minHeight:"100vh"},children:a.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${u}`,children:a.jsxs("div",{className:"max-w-4xl w-full text-center space-y-8",children:[a.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:r}),a.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:e}),a.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}),a.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]}),a.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:`
|
|
35
35
|
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
|
|
36
36
|
radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
|
|
37
37
|
radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
|
|
@@ -205,7 +205,7 @@
|
|
|
205
205
|
radial-gradient(circle at 25% 75%, rgba(185, 28, 28, 0.6), transparent 35%),
|
|
206
206
|
radial-gradient(circle at 75% 80%, rgba(239, 68, 68, 0.5), transparent 40%),
|
|
207
207
|
linear-gradient(135deg, #0f0000 0%, #1a0505 50%, #0f0000 100%)
|
|
208
|
-
`,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:r})=>a.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:e}),P=({children:e="Click Me",onClick:r})=>a.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:e}),S=({children:e="Click Me",onClick:r})=>a.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:e}),B=({children:e="Click Me",onClick:r})=>a.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:e}),$=({children:e="Pill Button",onClick:r})=>a.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:e}),_=({children:e="Click Me",onClick:r})=>a.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:e}),M=({children:e="Click Me",onClick:r})=>a.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:e}),D=({children:e="Click Me",onClick:r})=>a.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:e}),R=({children:e="Click Me",onClick:r})=>a.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:e}),z=({children:e="Click Me",onClick:r})=>a.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:e}),A=({children:e="Click Me",onClick:r})=>a.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:e}),I=({children:e="Click Me",onClick:r})=>a.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:e}),F=({children:e="Click Me",onClick:r})=>a.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:e}),E=({children:e="Click Me",onClick:r})=>a.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:e}),O=({children:e="Shimmer Effect",onClick:r})=>a.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:[a.jsx("span",{className:"relative z-10",children:e}),a.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:r})=>a.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:e}),q=({children:e="Bounce Button",onClick:r})=>a.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:e}),W=({children:e="Glow Effect",onClick:r})=>a.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:e}),U=({children:e="Click Me",onClick:r})=>a.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:e}),T=({children:e="Click Me",onClick:r})=>a.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:e}),Y=({children:e="Gradient Border",onClick:r})=>a.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:e}),V=({children:e="Click Me",onClick:r})=>a.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:e}),X=({children:e="Click Me",onClick:r})=>a.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:e}),Z=({children:e="Click Me",onClick:r})=>a.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:e}),J=({children:e="3D Button",onClick:r})=>a.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:e}),K=({children:e="3D Button",onClick:r})=>a.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:e}),Q=({children:e="3D Button",onClick:r})=>a.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:e}),L=({children:e="Neon Blue",onClick:r})=>a.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:e}),ee=({children:e="Neon Pink",onClick:r})=>a.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:e}),ae=({children:e="Neon Green",onClick:r})=>a.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:e}),re={"glass-morphism":`
|
|
208
|
+
`,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:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),P=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),S=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),$=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),B=({children:r="Pill Button",onClick:e})=>a.jsx("button",{onClick:e,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:r}),_=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),M=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),D=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),R=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),z=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),A=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),I=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),F=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),E=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),O=({children:r="Shimmer Effect",onClick:e})=>a.jsxs("button",{onClick:e,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:[a.jsx("span",{className:"relative z-10",children:r}),a.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:r="Pulse Button",onClick:e})=>a.jsx("button",{onClick:e,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:r}),q=({children:r="Bounce Button",onClick:e})=>a.jsx("button",{onClick:e,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:r}),W=({children:r="Glow Effect",onClick:e})=>a.jsx("button",{onClick:e,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:r}),U=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),Y=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),T=({children:r="Gradient Border",onClick:e})=>a.jsx("button",{onClick:e,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:r}),V=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),X=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),Z=({children:r="Click Me",onClick:e})=>a.jsx("button",{onClick:e,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:r}),J=({children:r="3D Button",onClick:e})=>a.jsx("button",{onClick:e,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:r}),K=({children:r="3D Button",onClick:e})=>a.jsx("button",{onClick:e,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:r}),Q=({children:r="3D Button",onClick:e})=>a.jsx("button",{onClick:e,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:r}),L=({children:r="Neon Blue",onClick:e})=>a.jsx("button",{onClick:e,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:r}),ee=({children:r="Neon Pink",onClick:e})=>a.jsx("button",{onClick:e,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:r}),ae=({children:r="Neon Green",onClick:e})=>a.jsx("button",{onClick:e,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:r}),re={"glass-morphism":`
|
|
209
209
|
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
|
|
210
210
|
radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
|
|
211
211
|
radial-gradient(circle at 40% 90%, rgba(88, 166, 255, 0.3), transparent 50%),
|
|
@@ -225,15 +225,16 @@
|
|
|
225
225
|
radial-gradient(circle at 20% 80%, rgba(0, 191, 255, 0.4), transparent 25%),
|
|
226
226
|
radial-gradient(circle at 80% 85%, rgba(138, 43, 226, 0.3), transparent 25%),
|
|
227
227
|
linear-gradient(180deg, #000000 0%, #0a0a1a 50%, #000000 100%)
|
|
228
|
-
`,none:"transparent"},te=({children:
|
|
228
|
+
`,none:"transparent"},te=({children:r,layout:e="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}`}[e],p=t?"px-6 py-8":"",u=n!=="none"?{background:re[n],backgroundSize:"200% 200%"}:{},c=v.Children.toArray(r);let b=c;return(e==="image-left"||e==="button-left")&&(b=c.reverse()),a.jsx("div",{className:`${d} mx-auto ${p} ${s}`,style:u,children:a.jsx("div",{className:g,children:b})})},ne=({src:r,alt:e,className:l="",width:n,height:t})=>a.jsx("div",{className:`w-full ${l}`,children:a.jsx("img",{src:r,alt:e,width:n,height:t,className:"w-full h-auto rounded-2xl shadow-2xl object-cover"})}),ie=({children:r,className:e=""})=>a.jsx("div",{className:`space-y-4 ${e}`,children:r}),de=({children:r,className:e=""})=>a.jsx("div",{className:`flex gap-4 ${e}`,children:r}),le=({icon:r,title:e,description:l,variant:n="solid",theme:t="blue",hoverable:o=!0,onClick:s,className:d=""})=>{const g=`
|
|
229
229
|
rounded-2xl p-6
|
|
230
230
|
transition-all duration-300
|
|
231
|
-
${
|
|
231
|
+
${o?"hover:scale-105 hover:shadow-2xl":""}
|
|
232
|
+
${s?"cursor-pointer":""}
|
|
232
233
|
${{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]}
|
|
233
|
-
${
|
|
234
|
-
|
|
234
|
+
${d}
|
|
235
|
+
`;return a.jsxs("div",{className:g,onClick:s,children:[r&&a.jsx("div",{className:"text-4xl mb-4",children:r}),a.jsx("h3",{className:"text-xl font-bold mb-2",children:e}),a.jsx("p",{className:`text-sm ${n==="outlined"?"text-gray-600":"opacity-90"}`,children:l})]})},oe=({image:r,title:e,description:l,price:n,oldPrice:t,badge:o,variant:s="solid",buttonText:d="Add to Cart",onButtonClick:i,className:g=""})=>{const p={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 a.jsxs("div",{className:`rounded-2xl overflow-hidden transition-all duration-300 hover:scale-105 hover:shadow-2xl ${p[s]} ${g}`,children:[a.jsxs("div",{className:"relative",children:[a.jsx("img",{src:r,alt:e,className:"w-full h-48 object-cover"}),o&&a.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})]}),a.jsxs("div",{className:"p-5 space-y-3",children:[a.jsx("h3",{className:"text-xl font-bold text-white",children:e}),l&&a.jsx("p",{className:"text-gray-400 text-sm",children:l}),a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsxs("span",{className:"text-2xl font-bold text-white",children:["$",n]}),t&&a.jsxs("span",{className:"text-sm text-gray-500 line-through",children:["$",t]})]}),d&&a.jsx("button",{onClick:i,className:"w-full px-4 py-2 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105",children:d})]})]})},se=({icon:r,label:e,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:"→"};return a.jsxs("div",{className:`
|
|
235
236
|
rounded-2xl p-6 border
|
|
236
237
|
transition-all duration-300 hover:scale-105 hover:shadow-xl
|
|
237
|
-
${i[s][
|
|
238
|
-
${
|
|
239
|
-
`,children:[a.jsxs("div",{className:"flex items-start justify-between mb-4",children:[
|
|
238
|
+
${i[s][o]}
|
|
239
|
+
${d}
|
|
240
|
+
`,children:[a.jsxs("div",{className:"flex items-start justify-between mb-4",children:[r&&a.jsx("div",{className:"text-3xl",children:r}),n&&a.jsxs("span",{className:`text-sm font-semibold ${g[t]}`,children:[p[t]," ",n]})]}),a.jsx("p",{className:"text-gray-400 text-sm mb-1",children:e}),a.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=B;exports.SolidPurple=$;exports.SolidRed=P;exports.StatCard=se;exports.gradients=C;
|
package/dist/index.mjs
CHANGED
|
@@ -2,14 +2,14 @@
|
|
|
2
2
|
import { jsx as r, jsxs as g, Fragment as N } from "react/jsx-runtime";
|
|
3
3
|
import C, { useState as $ } from "react";
|
|
4
4
|
const S = ({
|
|
5
|
-
children:
|
|
6
|
-
variant:
|
|
7
|
-
size:
|
|
5
|
+
children: a,
|
|
6
|
+
variant: e = "primary",
|
|
7
|
+
size: l = "md",
|
|
8
8
|
onClick: n,
|
|
9
9
|
disabled: t = !1,
|
|
10
|
-
className:
|
|
10
|
+
className: o = ""
|
|
11
11
|
}) => {
|
|
12
|
-
const s = "font-semibold rounded-lg transition-all duration-200 cursor-pointer",
|
|
12
|
+
const s = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", d = {
|
|
13
13
|
primary: "bg-blue-600 hover:bg-blue-700 text-white shadow-md hover:shadow-lg",
|
|
14
14
|
secondary: "bg-gray-600 hover:bg-gray-700 text-white shadow-md hover:shadow-lg",
|
|
15
15
|
danger: "bg-red-600 hover:bg-red-700 text-white shadow-md hover:shadow-lg"
|
|
@@ -17,32 +17,32 @@ const S = ({
|
|
|
17
17
|
sm: "px-3 py-1.5 text-sm",
|
|
18
18
|
md: "px-4 py-2 text-base",
|
|
19
19
|
lg: "px-6 py-3 text-lg"
|
|
20
|
-
},
|
|
20
|
+
}, b = t ? "opacity-50 cursor-not-allowed" : "";
|
|
21
21
|
return /* @__PURE__ */ r(
|
|
22
22
|
"button",
|
|
23
23
|
{
|
|
24
|
-
className: `${s} ${
|
|
24
|
+
className: `${s} ${d[e]} ${i[l]} ${b} ${o}`,
|
|
25
25
|
onClick: n,
|
|
26
26
|
disabled: t,
|
|
27
|
-
children:
|
|
27
|
+
children: a
|
|
28
28
|
}
|
|
29
29
|
);
|
|
30
30
|
}, x = ({
|
|
31
|
-
children:
|
|
32
|
-
variant:
|
|
33
|
-
size:
|
|
31
|
+
children: a,
|
|
32
|
+
variant: e = "blur",
|
|
33
|
+
size: l = "md",
|
|
34
34
|
onClick: n,
|
|
35
35
|
disabled: t = !1,
|
|
36
|
-
className:
|
|
36
|
+
className: o = ""
|
|
37
37
|
}) => {
|
|
38
|
-
const [s,
|
|
38
|
+
const [s, d] = $([]), i = (p) => {
|
|
39
39
|
if (!t && n) {
|
|
40
|
-
const h =
|
|
41
|
-
|
|
42
|
-
|
|
40
|
+
const h = p.currentTarget.getBoundingClientRect(), f = p.clientX - h.left, w = p.clientY - h.top, v = Date.now();
|
|
41
|
+
d([...s, { x: f, y: w, id: v }]), setTimeout(() => {
|
|
42
|
+
d((y) => y.filter((k) => k.id !== v));
|
|
43
43
|
}, 800), n();
|
|
44
44
|
}
|
|
45
|
-
},
|
|
45
|
+
}, b = `
|
|
46
46
|
relative overflow-hidden
|
|
47
47
|
backdrop-blur-xl
|
|
48
48
|
border border-white/30
|
|
@@ -56,7 +56,7 @@ const S = ({
|
|
|
56
56
|
sm: "px-5 py-2.5 text-sm",
|
|
57
57
|
md: "px-7 py-3.5 text-base",
|
|
58
58
|
lg: "px-9 py-4.5 text-lg"
|
|
59
|
-
},
|
|
59
|
+
}, u = {
|
|
60
60
|
blur: `
|
|
61
61
|
bg-white/5
|
|
62
62
|
hover:bg-white/15
|
|
@@ -82,70 +82,70 @@ const S = ({
|
|
|
82
82
|
hover:before:translate-x-[200%]
|
|
83
83
|
before:transition-transform before:duration-1000
|
|
84
84
|
`
|
|
85
|
-
},
|
|
85
|
+
}, m = t ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
|
|
86
86
|
return /* @__PURE__ */ g(
|
|
87
87
|
"button",
|
|
88
88
|
{
|
|
89
|
-
className: `${
|
|
89
|
+
className: `${b} ${c[l]} ${u[e]} ${m} ${o}`,
|
|
90
90
|
onClick: i,
|
|
91
91
|
disabled: t,
|
|
92
92
|
children: [
|
|
93
|
-
|
|
93
|
+
e === "waves" && !t && /* @__PURE__ */ g(N, { children: [
|
|
94
94
|
/* @__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" }),
|
|
95
95
|
/* @__PURE__ */ r("span", { className: "absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse" })
|
|
96
96
|
] }),
|
|
97
|
-
|
|
97
|
+
e === "blur" && !t && /* @__PURE__ */ r("span", { className: "absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
|
|
98
98
|
/* @__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" }) }),
|
|
99
|
-
s.map((
|
|
99
|
+
s.map((p) => /* @__PURE__ */ r(
|
|
100
100
|
"span",
|
|
101
101
|
{
|
|
102
102
|
className: "absolute rounded-full bg-white/30 pointer-events-none animate-ripple",
|
|
103
103
|
style: {
|
|
104
|
-
left:
|
|
105
|
-
top:
|
|
104
|
+
left: p.x,
|
|
105
|
+
top: p.y,
|
|
106
106
|
width: "20px",
|
|
107
107
|
height: "20px",
|
|
108
108
|
transform: "translate(-50%, -50%)"
|
|
109
109
|
}
|
|
110
110
|
},
|
|
111
|
-
|
|
111
|
+
p.id
|
|
112
112
|
)),
|
|
113
|
-
/* @__PURE__ */ r("span", { className: "relative z-10 drop-shadow-lg", children:
|
|
113
|
+
/* @__PURE__ */ r("span", { className: "relative z-10 drop-shadow-lg", children: a })
|
|
114
114
|
]
|
|
115
115
|
}
|
|
116
116
|
);
|
|
117
117
|
}, M = ({
|
|
118
|
-
name:
|
|
119
|
-
title:
|
|
120
|
-
description:
|
|
118
|
+
name: a,
|
|
119
|
+
title: e,
|
|
120
|
+
description: l = "Welcome to my portfolio",
|
|
121
121
|
primaryButtonText: n = "Get Started",
|
|
122
122
|
primaryButtonLink: t,
|
|
123
|
-
primaryButtonOnClick:
|
|
123
|
+
primaryButtonOnClick: o,
|
|
124
124
|
secondaryButtonText: s = "Learn More",
|
|
125
|
-
secondaryButtonLink:
|
|
125
|
+
secondaryButtonLink: d,
|
|
126
126
|
secondaryButtonOnClick: i,
|
|
127
|
-
backgroundGradient:
|
|
127
|
+
backgroundGradient: b = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
|
|
128
128
|
animationType: c,
|
|
129
|
-
className:
|
|
129
|
+
className: u = ""
|
|
130
130
|
}) => {
|
|
131
|
-
const
|
|
132
|
-
t ? window.location.href = t :
|
|
133
|
-
},
|
|
134
|
-
|
|
131
|
+
const m = () => {
|
|
132
|
+
t ? window.location.href = t : o && o();
|
|
133
|
+
}, p = () => {
|
|
134
|
+
d ? window.location.href = d : i && i();
|
|
135
135
|
}, h = t ? /* @__PURE__ */ r("a", { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ r(x, { variant: "waves", size: "lg", children: n }) }) : /* @__PURE__ */ r(
|
|
136
136
|
x,
|
|
137
137
|
{
|
|
138
138
|
variant: "waves",
|
|
139
139
|
size: "lg",
|
|
140
|
-
onClick:
|
|
140
|
+
onClick: o || m,
|
|
141
141
|
children: n
|
|
142
142
|
}
|
|
143
|
-
), f =
|
|
143
|
+
), f = d ? /* @__PURE__ */ r("a", { href: d, style: { textDecoration: "none" }, children: /* @__PURE__ */ r(x, { variant: "blur", size: "lg", children: s }) }) : /* @__PURE__ */ r(
|
|
144
144
|
x,
|
|
145
145
|
{
|
|
146
146
|
variant: "blur",
|
|
147
147
|
size: "lg",
|
|
148
|
-
onClick: i ||
|
|
148
|
+
onClick: i || p,
|
|
149
149
|
children: s
|
|
150
150
|
}
|
|
151
151
|
);
|
|
@@ -154,10 +154,10 @@ const S = ({
|
|
|
154
154
|
{
|
|
155
155
|
className: c ? `animate-gradient-${c}` : "",
|
|
156
156
|
style: {
|
|
157
|
-
background:
|
|
157
|
+
background: b,
|
|
158
158
|
minHeight: "100vh"
|
|
159
159
|
},
|
|
160
|
-
children: /* @__PURE__ */ r("div", { className: `min-h-screen flex items-center justify-center p-8 ${
|
|
160
|
+
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: [
|
|
161
161
|
/* @__PURE__ */ r(
|
|
162
162
|
"h1",
|
|
163
163
|
{
|
|
@@ -166,7 +166,7 @@ const S = ({
|
|
|
166
166
|
textShadow: "0 0 40px rgba(0,0,0,0.3)",
|
|
167
167
|
animation: "fadeInUp 0.8s ease-out"
|
|
168
168
|
},
|
|
169
|
-
children:
|
|
169
|
+
children: a
|
|
170
170
|
}
|
|
171
171
|
),
|
|
172
172
|
/* @__PURE__ */ r(
|
|
@@ -177,7 +177,7 @@ const S = ({
|
|
|
177
177
|
textShadow: "0 0 30px rgba(0,0,0,0.2)",
|
|
178
178
|
animation: "fadeInUp 1s ease-out 0.2s backwards"
|
|
179
179
|
},
|
|
180
|
-
children:
|
|
180
|
+
children: e
|
|
181
181
|
}
|
|
182
182
|
),
|
|
183
183
|
/* @__PURE__ */ r(
|
|
@@ -188,7 +188,7 @@ const S = ({
|
|
|
188
188
|
textShadow: "0 0 20px rgba(0,0,0,0.2)",
|
|
189
189
|
animation: "fadeInUp 1.2s ease-out 0.4s backwards"
|
|
190
190
|
},
|
|
191
|
-
children:
|
|
191
|
+
children: l
|
|
192
192
|
}
|
|
193
193
|
),
|
|
194
194
|
/* @__PURE__ */ g(
|
|
@@ -682,10 +682,10 @@ const S = ({
|
|
|
682
682
|
category: "animated",
|
|
683
683
|
animation: "zoom"
|
|
684
684
|
}
|
|
685
|
-
], D = ({ children:
|
|
686
|
-
/* @__PURE__ */ r("span", { className: "relative z-10", children:
|
|
685
|
+
], D = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), z = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), R = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), A = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), I = ({ children: a = "Pill Button", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), j = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), E = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), F = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), H = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), q = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), U = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), W = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), O = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), Y = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), V = ({ children: a = "Shimmer Effect", onClick: e }) => /* @__PURE__ */ g("button", { onClick: e, 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: [
|
|
686
|
+
/* @__PURE__ */ r("span", { className: "relative z-10", children: a }),
|
|
687
687
|
/* @__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" })
|
|
688
|
-
] }),
|
|
688
|
+
] }), X = ({ children: a = "Pulse Button", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), Z = ({ children: a = "Bounce Button", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), J = ({ children: a = "Glow Effect", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), K = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), Q = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), L = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), ee = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), ae = ({ children: a = "Click Me", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), re = ({ children: a = "3D Button", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), te = ({ children: a = "3D Button", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), ne = ({ children: a = "3D Button", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), ie = ({ children: a = "Neon Blue", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), de = ({ children: a = "Neon Pink", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), le = ({ children: a = "Neon Green", onClick: e }) => /* @__PURE__ */ r("button", { onClick: e, 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 }), G = {
|
|
689
689
|
"glass-morphism": `
|
|
690
690
|
radial-gradient(circle at 20% 50%, rgba(120, 119, 198, 0.3), transparent 50%),
|
|
691
691
|
radial-gradient(circle at 80% 80%, rgba(255, 128, 171, 0.3), transparent 50%),
|
|
@@ -712,25 +712,25 @@ const S = ({
|
|
|
712
712
|
`,
|
|
713
713
|
none: "transparent"
|
|
714
714
|
}, oe = ({
|
|
715
|
-
children:
|
|
716
|
-
layout:
|
|
717
|
-
size:
|
|
715
|
+
children: a,
|
|
716
|
+
layout: e = "center",
|
|
717
|
+
size: l = "lg",
|
|
718
718
|
theme: n = "none",
|
|
719
719
|
padding: t = !0,
|
|
720
|
-
gap:
|
|
720
|
+
gap: o = "md",
|
|
721
721
|
className: s = ""
|
|
722
722
|
}) => {
|
|
723
|
-
const
|
|
723
|
+
const d = {
|
|
724
724
|
sm: "max-w-3xl",
|
|
725
725
|
md: "max-w-5xl",
|
|
726
726
|
lg: "max-w-7xl",
|
|
727
727
|
xl: "max-w-[1400px]",
|
|
728
728
|
full: "max-w-full"
|
|
729
|
-
}[
|
|
729
|
+
}[l], i = {
|
|
730
730
|
sm: "gap-4",
|
|
731
731
|
md: "gap-8",
|
|
732
732
|
lg: "gap-12"
|
|
733
|
-
}[
|
|
733
|
+
}[o], b = {
|
|
734
734
|
"image-right": `grid md:grid-cols-2 ${i} items-center`,
|
|
735
735
|
"image-left": `grid md:grid-cols-2 ${i} items-center`,
|
|
736
736
|
"button-right": `grid md:grid-cols-2 ${i} items-center`,
|
|
@@ -738,53 +738,55 @@ const S = ({
|
|
|
738
738
|
center: "flex flex-col items-center justify-center text-center",
|
|
739
739
|
"two-columns": `grid md:grid-cols-2 ${i}`,
|
|
740
740
|
"three-columns": `grid md:grid-cols-3 ${i}`
|
|
741
|
-
}[
|
|
741
|
+
}[e], c = t ? "px-6 py-8" : "", u = n !== "none" ? {
|
|
742
742
|
background: G[n],
|
|
743
743
|
backgroundSize: "200% 200%"
|
|
744
|
-
} : {},
|
|
745
|
-
let
|
|
746
|
-
return (
|
|
744
|
+
} : {}, m = C.Children.toArray(a);
|
|
745
|
+
let p = m;
|
|
746
|
+
return (e === "image-left" || e === "button-left") && (p = m.reverse()), /* @__PURE__ */ r(
|
|
747
747
|
"div",
|
|
748
748
|
{
|
|
749
|
-
className: `${
|
|
750
|
-
style:
|
|
751
|
-
children: /* @__PURE__ */ r("div", { className:
|
|
749
|
+
className: `${d} mx-auto ${c} ${s}`,
|
|
750
|
+
style: u,
|
|
751
|
+
children: /* @__PURE__ */ r("div", { className: b, children: p })
|
|
752
752
|
}
|
|
753
753
|
);
|
|
754
754
|
}, se = ({
|
|
755
|
-
src:
|
|
756
|
-
alt:
|
|
757
|
-
className:
|
|
755
|
+
src: a,
|
|
756
|
+
alt: e,
|
|
757
|
+
className: l = "",
|
|
758
758
|
width: n,
|
|
759
759
|
height: t
|
|
760
|
-
}) => /* @__PURE__ */ r("div", { className: `w-full ${
|
|
760
|
+
}) => /* @__PURE__ */ r("div", { className: `w-full ${l}`, children: /* @__PURE__ */ r(
|
|
761
761
|
"img",
|
|
762
762
|
{
|
|
763
|
-
src:
|
|
764
|
-
alt:
|
|
763
|
+
src: a,
|
|
764
|
+
alt: e,
|
|
765
765
|
width: n,
|
|
766
766
|
height: t,
|
|
767
767
|
className: "w-full h-auto rounded-2xl shadow-2xl object-cover"
|
|
768
768
|
}
|
|
769
769
|
) }), ge = ({
|
|
770
|
-
children:
|
|
771
|
-
className:
|
|
772
|
-
}) => /* @__PURE__ */ r("div", { className: `space-y-4 ${
|
|
773
|
-
children:
|
|
774
|
-
className:
|
|
775
|
-
}) => /* @__PURE__ */ r("div", { className: `flex gap-4 ${
|
|
776
|
-
icon:
|
|
777
|
-
title:
|
|
778
|
-
description:
|
|
770
|
+
children: a,
|
|
771
|
+
className: e = ""
|
|
772
|
+
}) => /* @__PURE__ */ r("div", { className: `space-y-4 ${e}`, children: a }), be = ({
|
|
773
|
+
children: a,
|
|
774
|
+
className: e = ""
|
|
775
|
+
}) => /* @__PURE__ */ r("div", { className: `flex gap-4 ${e}`, children: a }), pe = ({
|
|
776
|
+
icon: a,
|
|
777
|
+
title: e,
|
|
778
|
+
description: l,
|
|
779
779
|
variant: n = "solid",
|
|
780
780
|
theme: t = "blue",
|
|
781
|
-
hoverable:
|
|
782
|
-
|
|
781
|
+
hoverable: o = !0,
|
|
782
|
+
onClick: s,
|
|
783
|
+
className: d = ""
|
|
783
784
|
}) => {
|
|
784
|
-
const
|
|
785
|
+
const b = `
|
|
785
786
|
rounded-2xl p-6
|
|
786
787
|
transition-all duration-300
|
|
787
|
-
${
|
|
788
|
+
${o ? "hover:scale-105 hover:shadow-2xl" : ""}
|
|
789
|
+
${s ? "cursor-pointer" : ""}
|
|
788
790
|
${{
|
|
789
791
|
blue: {
|
|
790
792
|
solid: "bg-blue-600 text-white",
|
|
@@ -823,43 +825,44 @@ const S = ({
|
|
|
823
825
|
outlined: "bg-transparent border-2 border-orange-500 text-orange-500"
|
|
824
826
|
}
|
|
825
827
|
}[t][n]}
|
|
826
|
-
${
|
|
828
|
+
${d}
|
|
827
829
|
`;
|
|
828
|
-
return /* @__PURE__ */ g("div", { className:
|
|
829
|
-
|
|
830
|
-
/* @__PURE__ */ r("h3", { className: "text-xl font-bold mb-2", children:
|
|
831
|
-
/* @__PURE__ */ r("p", { className: `text-sm ${n === "outlined" ? "text-gray-600" : "opacity-90"}`, children:
|
|
830
|
+
return /* @__PURE__ */ g("div", { className: b, onClick: s, children: [
|
|
831
|
+
a && /* @__PURE__ */ r("div", { className: "text-4xl mb-4", children: a }),
|
|
832
|
+
/* @__PURE__ */ r("h3", { className: "text-xl font-bold mb-2", children: e }),
|
|
833
|
+
/* @__PURE__ */ r("p", { className: `text-sm ${n === "outlined" ? "text-gray-600" : "opacity-90"}`, children: l })
|
|
832
834
|
] });
|
|
833
835
|
}, ce = ({
|
|
834
|
-
image:
|
|
835
|
-
title:
|
|
836
|
-
description:
|
|
836
|
+
image: a,
|
|
837
|
+
title: e,
|
|
838
|
+
description: l,
|
|
837
839
|
price: n,
|
|
838
840
|
oldPrice: t,
|
|
839
|
-
badge:
|
|
841
|
+
badge: o,
|
|
840
842
|
variant: s = "solid",
|
|
841
|
-
|
|
842
|
-
|
|
843
|
+
buttonText: d = "Add to Cart",
|
|
844
|
+
onButtonClick: i,
|
|
845
|
+
className: b = ""
|
|
843
846
|
}) => /* @__PURE__ */ g("div", { className: `rounded-2xl overflow-hidden transition-all duration-300 hover:scale-105 hover:shadow-2xl ${{
|
|
844
847
|
solid: "bg-gray-900 border border-gray-800",
|
|
845
848
|
glass: "bg-white/5 backdrop-blur-xl border border-white/10",
|
|
846
849
|
gradient: "bg-gradient-to-br from-gray-900 to-gray-800 border border-gray-700",
|
|
847
850
|
outlined: "bg-transparent border-2 border-gray-700"
|
|
848
|
-
}[s]} ${
|
|
851
|
+
}[s]} ${b}`, children: [
|
|
849
852
|
/* @__PURE__ */ g("div", { className: "relative", children: [
|
|
850
853
|
/* @__PURE__ */ r(
|
|
851
854
|
"img",
|
|
852
855
|
{
|
|
853
|
-
src:
|
|
854
|
-
alt:
|
|
856
|
+
src: a,
|
|
857
|
+
alt: e,
|
|
855
858
|
className: "w-full h-48 object-cover"
|
|
856
859
|
}
|
|
857
860
|
),
|
|
858
|
-
|
|
861
|
+
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 })
|
|
859
862
|
] }),
|
|
860
863
|
/* @__PURE__ */ g("div", { className: "p-5 space-y-3", children: [
|
|
861
|
-
/* @__PURE__ */ r("h3", { className: "text-xl font-bold text-white", children:
|
|
862
|
-
|
|
864
|
+
/* @__PURE__ */ r("h3", { className: "text-xl font-bold text-white", children: e }),
|
|
865
|
+
l && /* @__PURE__ */ r("p", { className: "text-gray-400 text-sm", children: l }),
|
|
863
866
|
/* @__PURE__ */ g("div", { className: "flex items-center gap-2", children: [
|
|
864
867
|
/* @__PURE__ */ g("span", { className: "text-2xl font-bold text-white", children: [
|
|
865
868
|
"$",
|
|
@@ -870,17 +873,24 @@ const S = ({
|
|
|
870
873
|
t
|
|
871
874
|
] })
|
|
872
875
|
] }),
|
|
873
|
-
|
|
876
|
+
d && /* @__PURE__ */ r(
|
|
877
|
+
"button",
|
|
878
|
+
{
|
|
879
|
+
onClick: i,
|
|
880
|
+
className: "w-full px-4 py-2 rounded-lg font-semibold text-white bg-blue-600 hover:bg-blue-700 transition-all duration-300 hover:scale-105",
|
|
881
|
+
children: d
|
|
882
|
+
}
|
|
883
|
+
)
|
|
874
884
|
] })
|
|
875
885
|
] }), me = ({
|
|
876
|
-
icon:
|
|
877
|
-
label:
|
|
878
|
-
value:
|
|
886
|
+
icon: a,
|
|
887
|
+
label: e,
|
|
888
|
+
value: l,
|
|
879
889
|
change: n,
|
|
880
890
|
trend: t = "neutral",
|
|
881
|
-
variant:
|
|
891
|
+
variant: o = "solid",
|
|
882
892
|
theme: s = "blue",
|
|
883
|
-
className:
|
|
893
|
+
className: d = ""
|
|
884
894
|
}) => {
|
|
885
895
|
const i = {
|
|
886
896
|
blue: {
|
|
@@ -919,7 +929,7 @@ const S = ({
|
|
|
919
929
|
gradient: "bg-gradient-to-br from-orange-600/20 to-red-600/20 border-orange-500/30",
|
|
920
930
|
outlined: "bg-transparent border-2 border-orange-500"
|
|
921
931
|
}
|
|
922
|
-
},
|
|
932
|
+
}, b = {
|
|
923
933
|
up: "text-green-400",
|
|
924
934
|
down: "text-red-400",
|
|
925
935
|
neutral: "text-gray-400"
|
|
@@ -927,30 +937,30 @@ const S = ({
|
|
|
927
937
|
up: "↑",
|
|
928
938
|
down: "↓",
|
|
929
939
|
neutral: "→"
|
|
930
|
-
}
|
|
940
|
+
};
|
|
931
941
|
return /* @__PURE__ */ g("div", { className: `
|
|
932
942
|
rounded-2xl p-6 border
|
|
933
943
|
transition-all duration-300 hover:scale-105 hover:shadow-xl
|
|
934
|
-
${i[s][
|
|
935
|
-
${
|
|
944
|
+
${i[s][o]}
|
|
945
|
+
${d}
|
|
936
946
|
`, children: [
|
|
937
947
|
/* @__PURE__ */ g("div", { className: "flex items-start justify-between mb-4", children: [
|
|
938
|
-
|
|
939
|
-
n && /* @__PURE__ */ g("span", { className: `text-sm font-semibold ${
|
|
948
|
+
a && /* @__PURE__ */ r("div", { className: "text-3xl", children: a }),
|
|
949
|
+
n && /* @__PURE__ */ g("span", { className: `text-sm font-semibold ${b[t]}`, children: [
|
|
940
950
|
c[t],
|
|
941
951
|
" ",
|
|
942
952
|
n
|
|
943
953
|
] })
|
|
944
954
|
] }),
|
|
945
|
-
/* @__PURE__ */ r("p", { className: "text-gray-400 text-sm mb-1", children:
|
|
946
|
-
/* @__PURE__ */ r("p", { className: "text-3xl font-bold text-white", children:
|
|
955
|
+
/* @__PURE__ */ r("p", { className: "text-gray-400 text-sm mb-1", children: e }),
|
|
956
|
+
/* @__PURE__ */ r("p", { className: "text-3xl font-bold text-white", children: l })
|
|
947
957
|
] });
|
|
948
958
|
};
|
|
949
959
|
export {
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
960
|
+
Z as AnimatedBounce,
|
|
961
|
+
J as AnimatedGlow,
|
|
962
|
+
X as AnimatedPulse,
|
|
963
|
+
V as AnimatedShimmer,
|
|
954
964
|
S as Button,
|
|
955
965
|
re as Button3DBlue,
|
|
956
966
|
ne as Button3DGreen,
|
|
@@ -971,20 +981,20 @@ export {
|
|
|
971
981
|
E as GradientBlueGreen,
|
|
972
982
|
H as GradientCyan,
|
|
973
983
|
F as GradientOrangeRed,
|
|
974
|
-
|
|
984
|
+
j as GradientPurplePink,
|
|
975
985
|
q as GradientSunset,
|
|
976
986
|
M as Home,
|
|
977
987
|
ie as NeonBlue,
|
|
978
988
|
le as NeonGreen,
|
|
979
989
|
de as NeonPink,
|
|
980
|
-
|
|
981
|
-
|
|
982
|
-
|
|
990
|
+
K as OutlinedBlue,
|
|
991
|
+
T as OutlinedGradient,
|
|
992
|
+
Q as OutlinedPurple,
|
|
983
993
|
ce as ProductCard,
|
|
984
994
|
D as SolidBlue,
|
|
985
995
|
R as SolidGreen,
|
|
986
|
-
|
|
987
|
-
|
|
996
|
+
I as SolidPill,
|
|
997
|
+
A as SolidPurple,
|
|
988
998
|
z as SolidRed,
|
|
989
999
|
me as StatCard,
|
|
990
1000
|
B as gradients
|