telecop 0.1.23 → 0.1.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +6 -6
- package/dist/index.mjs +32 -32
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"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",
|
|
1
|
+
"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",i={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"},d={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} ${i[r]} ${d[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,i]=v.useState([]),d=b=>{if(!t&&n){const x=b.currentTarget.getBoundingClientRect(),h=b.clientX-x.left,w=b.clientY-x.top,f=Date.now();i([...s,{x:h,y:w,id:f}]),setTimeout(()=>{i(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
|
|
@@ -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
|
-
`},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:
|
|
34
|
+
`},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:d,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:i,secondaryButtonOnClick:d,backgroundGradient:g="linear-gradient(135deg, #667eea 0%, #764ba2 100%)",animationType:p,className:c=""})=>{const u=()=>{t?window.location.href=t:o&&o()},b=()=>{i?window.location.href=i:d&&d()},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=i?e.jsx("a",{href:i,style:{textDecoration:"none"},children:e.jsx(m,{variant:"blur",size:"lg",children:s})}):e.jsx(m,{variant:"blur",size:"lg",onClick:d||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:`
|
|
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%),
|
|
@@ -225,15 +225,15 @@
|
|
|
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:a,layout:r="center",size:l="lg",theme:n="none",padding:t=!0,gap:o="md",className:s=""})=>{const
|
|
228
|
+
`,none:"transparent"},te=({children:a,layout:r="center",size:l="lg",theme:n="none",padding:t=!0,gap:o="md",className:s=""})=>{const i={sm:"max-w-3xl",md:"max-w-5xl",lg:"max-w-7xl",xl:"max-w-[1400px]",full:"max-w-full"}[l],d={sm:"gap-4",md:"gap-8",lg:"gap-12"}[o],g={"image-right":`grid md:grid-cols-2 ${d} items-center`,"image-left":`grid md:grid-cols-2 ${d} items-center`,"button-right":`grid md:grid-cols-2 ${d} items-center`,"button-left":`grid md:grid-cols-2 ${d} items-center`,center:"flex flex-col items-center justify-center text-center","two-columns":`grid md:grid-cols-2 ${d}`,"three-columns":`grid md:grid-cols-3 ${d}`}[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:`${i} 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:i})=>{const g=`
|
|
229
229
|
rounded-2xl p-6
|
|
230
230
|
transition-all duration-300
|
|
231
231
|
${o?"hover:scale-105 hover:shadow-2xl cursor-pointer":""}
|
|
232
232
|
${{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
233
|
${s}
|
|
234
|
-
`,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:
|
|
234
|
+
`,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:i?()=>i():void 0,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:i,className:d=""})=>{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]} ${d}`,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]})]}),i&&e.jsx("button",{onClick:()=>i(),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:i=""})=>{const d={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:`
|
|
235
235
|
rounded-2xl p-6 border
|
|
236
236
|
transition-all duration-300 hover:scale-105 hover:shadow-xl
|
|
237
|
-
${
|
|
238
|
-
${
|
|
237
|
+
${d[s][o]}
|
|
238
|
+
${i}
|
|
239
239
|
`,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
CHANGED
|
@@ -9,11 +9,11 @@ const S = ({
|
|
|
9
9
|
disabled: t = !1,
|
|
10
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", i = {
|
|
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"
|
|
16
|
-
},
|
|
16
|
+
}, d = {
|
|
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"
|
|
@@ -21,7 +21,7 @@ const S = ({
|
|
|
21
21
|
return /* @__PURE__ */ r(
|
|
22
22
|
"button",
|
|
23
23
|
{
|
|
24
|
-
className: `${s} ${
|
|
24
|
+
className: `${s} ${i[a]} ${d[l]} ${b} ${o}`,
|
|
25
25
|
onClick: n,
|
|
26
26
|
disabled: t,
|
|
27
27
|
children: e
|
|
@@ -35,11 +35,11 @@ const S = ({
|
|
|
35
35
|
disabled: t = !1,
|
|
36
36
|
className: o = ""
|
|
37
37
|
}) => {
|
|
38
|
-
const [s,
|
|
38
|
+
const [s, i] = $([]), d = (p) => {
|
|
39
39
|
if (!t && n) {
|
|
40
40
|
const h = p.currentTarget.getBoundingClientRect(), f = p.clientX - h.left, w = p.clientY - h.top, v = Date.now();
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
i([...s, { x: f, y: w, id: v }]), setTimeout(() => {
|
|
42
|
+
i((y) => y.filter((k) => k.id !== v));
|
|
43
43
|
}, 800), n();
|
|
44
44
|
}
|
|
45
45
|
}, b = `
|
|
@@ -87,7 +87,7 @@ const S = ({
|
|
|
87
87
|
"button",
|
|
88
88
|
{
|
|
89
89
|
className: `${b} ${c[l]} ${u[a]} ${m} ${o}`,
|
|
90
|
-
onClick:
|
|
90
|
+
onClick: d,
|
|
91
91
|
disabled: t,
|
|
92
92
|
children: [
|
|
93
93
|
a === "waves" && !t && /* @__PURE__ */ g(N, { children: [
|
|
@@ -122,8 +122,8 @@ const S = ({
|
|
|
122
122
|
primaryButtonLink: t,
|
|
123
123
|
primaryButtonOnClick: o,
|
|
124
124
|
secondaryButtonText: s = "Learn More",
|
|
125
|
-
secondaryButtonLink:
|
|
126
|
-
secondaryButtonOnClick:
|
|
125
|
+
secondaryButtonLink: i,
|
|
126
|
+
secondaryButtonOnClick: d,
|
|
127
127
|
backgroundGradient: b = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
|
|
128
128
|
animationType: c,
|
|
129
129
|
className: u = ""
|
|
@@ -131,7 +131,7 @@ const S = ({
|
|
|
131
131
|
const m = () => {
|
|
132
132
|
t ? window.location.href = t : o && o();
|
|
133
133
|
}, p = () => {
|
|
134
|
-
|
|
134
|
+
i ? window.location.href = i : d && d();
|
|
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
|
{
|
|
@@ -140,12 +140,12 @@ const S = ({
|
|
|
140
140
|
onClick: o || m,
|
|
141
141
|
children: n
|
|
142
142
|
}
|
|
143
|
-
), f =
|
|
143
|
+
), f = i ? /* @__PURE__ */ r("a", { href: i, 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:
|
|
148
|
+
onClick: d || p,
|
|
149
149
|
children: s
|
|
150
150
|
}
|
|
151
151
|
);
|
|
@@ -720,24 +720,24 @@ const S = ({
|
|
|
720
720
|
gap: o = "md",
|
|
721
721
|
className: s = ""
|
|
722
722
|
}) => {
|
|
723
|
-
const
|
|
723
|
+
const i = {
|
|
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
|
-
}[l],
|
|
729
|
+
}[l], d = {
|
|
730
730
|
sm: "gap-4",
|
|
731
731
|
md: "gap-8",
|
|
732
732
|
lg: "gap-12"
|
|
733
733
|
}[o], b = {
|
|
734
|
-
"image-right": `grid md:grid-cols-2 ${
|
|
735
|
-
"image-left": `grid md:grid-cols-2 ${
|
|
736
|
-
"button-right": `grid md:grid-cols-2 ${
|
|
737
|
-
"button-left": `grid md:grid-cols-2 ${
|
|
734
|
+
"image-right": `grid md:grid-cols-2 ${d} items-center`,
|
|
735
|
+
"image-left": `grid md:grid-cols-2 ${d} items-center`,
|
|
736
|
+
"button-right": `grid md:grid-cols-2 ${d} items-center`,
|
|
737
|
+
"button-left": `grid md:grid-cols-2 ${d} items-center`,
|
|
738
738
|
center: "flex flex-col items-center justify-center text-center",
|
|
739
|
-
"two-columns": `grid md:grid-cols-2 ${
|
|
740
|
-
"three-columns": `grid md:grid-cols-3 ${
|
|
739
|
+
"two-columns": `grid md:grid-cols-2 ${d}`,
|
|
740
|
+
"three-columns": `grid md:grid-cols-3 ${d}`
|
|
741
741
|
}[a], c = t ? "px-6 py-8" : "", u = n !== "none" ? {
|
|
742
742
|
background: G[n],
|
|
743
743
|
backgroundSize: "200% 200%"
|
|
@@ -746,7 +746,7 @@ const S = ({
|
|
|
746
746
|
return (a === "image-left" || a === "button-left") && (p = m.reverse()), /* @__PURE__ */ r(
|
|
747
747
|
"div",
|
|
748
748
|
{
|
|
749
|
-
className: `${
|
|
749
|
+
className: `${i} mx-auto ${c} ${s}`,
|
|
750
750
|
style: u,
|
|
751
751
|
children: /* @__PURE__ */ r("div", { className: b, children: p })
|
|
752
752
|
}
|
|
@@ -780,7 +780,7 @@ const S = ({
|
|
|
780
780
|
theme: t = "blue",
|
|
781
781
|
hoverable: o = !0,
|
|
782
782
|
className: s = "",
|
|
783
|
-
onClick:
|
|
783
|
+
onClick: i
|
|
784
784
|
}) => {
|
|
785
785
|
const b = `
|
|
786
786
|
rounded-2xl p-6
|
|
@@ -826,7 +826,7 @@ const S = ({
|
|
|
826
826
|
}[t][n]}
|
|
827
827
|
${s}
|
|
828
828
|
`;
|
|
829
|
-
return /* @__PURE__ */ g("div", { className: b, onClick:
|
|
829
|
+
return /* @__PURE__ */ g("div", { className: b, onClick: i ? () => i() : void 0, children: [
|
|
830
830
|
e ? typeof e == "string" ? /* @__PURE__ */ r("div", { className: "text-4xl mb-4", children: e }) : /* @__PURE__ */ r("div", { className: "mb-4", children: e }) : null,
|
|
831
831
|
/* @__PURE__ */ r("h3", { className: "text-xl font-bold mb-2", children: a }),
|
|
832
832
|
/* @__PURE__ */ r("p", { className: `text-sm ${n === "outlined" ? "text-gray-600" : "opacity-90"}`, children: l })
|
|
@@ -839,14 +839,14 @@ const S = ({
|
|
|
839
839
|
oldPrice: t,
|
|
840
840
|
badge: o,
|
|
841
841
|
variant: s = "solid",
|
|
842
|
-
onAddToCart:
|
|
843
|
-
className:
|
|
842
|
+
onAddToCart: i,
|
|
843
|
+
className: d = ""
|
|
844
844
|
}) => /* @__PURE__ */ g("div", { className: `rounded-2xl overflow-hidden transition-all duration-300 hover:scale-105 hover:shadow-2xl ${{
|
|
845
845
|
solid: "bg-gray-900 border border-gray-800",
|
|
846
846
|
glass: "bg-white/5 backdrop-blur-xl border border-white/10",
|
|
847
847
|
gradient: "bg-gradient-to-br from-gray-900 to-gray-800 border border-gray-700",
|
|
848
848
|
outlined: "bg-transparent border-2 border-gray-700"
|
|
849
|
-
}[s]} ${
|
|
849
|
+
}[s]} ${d}`, children: [
|
|
850
850
|
/* @__PURE__ */ g("div", { className: "relative", children: [
|
|
851
851
|
/* @__PURE__ */ r(
|
|
852
852
|
"img",
|
|
@@ -871,10 +871,10 @@ const S = ({
|
|
|
871
871
|
t
|
|
872
872
|
] })
|
|
873
873
|
] }),
|
|
874
|
-
|
|
874
|
+
i && /* @__PURE__ */ r(
|
|
875
875
|
"button",
|
|
876
876
|
{
|
|
877
|
-
onClick:
|
|
877
|
+
onClick: () => i(),
|
|
878
878
|
className: "w-full px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition-all duration-300",
|
|
879
879
|
children: "Add to Cart"
|
|
880
880
|
}
|
|
@@ -888,9 +888,9 @@ const S = ({
|
|
|
888
888
|
trend: t = "neutral",
|
|
889
889
|
variant: o = "solid",
|
|
890
890
|
theme: s = "blue",
|
|
891
|
-
className:
|
|
891
|
+
className: i = ""
|
|
892
892
|
}) => {
|
|
893
|
-
const
|
|
893
|
+
const d = {
|
|
894
894
|
blue: {
|
|
895
895
|
solid: "bg-blue-600/10 border-blue-500/20",
|
|
896
896
|
glass: "bg-blue-500/20 backdrop-blur-xl border-blue-400/30",
|
|
@@ -939,8 +939,8 @@ const S = ({
|
|
|
939
939
|
return /* @__PURE__ */ g("div", { className: `
|
|
940
940
|
rounded-2xl p-6 border
|
|
941
941
|
transition-all duration-300 hover:scale-105 hover:shadow-xl
|
|
942
|
-
${
|
|
943
|
-
${
|
|
942
|
+
${d[s][o]}
|
|
943
|
+
${i}
|
|
944
944
|
`, children: [
|
|
945
945
|
/* @__PURE__ */ g("div", { className: "flex items-start justify-between mb-4", children: [
|
|
946
946
|
u(),
|