telecop 0.1.4 → 0.1.6

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),N=({children:i,variant:a="primary",size:l="md",onClick:o,disabled:t=!1,className:d=""})=>{const r="font-semibold rounded-lg transition-all duration-200 cursor-pointer",n={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"},c={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"},h=t?"opacity-50 cursor-not-allowed":"";return e.jsx("button",{className:`${r} ${n[a]} ${c[l]} ${h} ${d}`,onClick:o,disabled:t,children:i})},x=({children:i,variant:a="blur",size:l="md",onClick:o,disabled:t=!1,className:d=""})=>{const[r,n]=j.useState([]),c=s=>{if(!t&&o){const p=s.currentTarget.getBoundingClientRect(),g=s.clientX-p.left,v=s.clientY-p.top,m=Date.now();n([...r,{x:g,y:v,id:m}]),setTimeout(()=>{n(f=>f.filter(y=>y.id!==m))},800),o()}},h=`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),j=require("react"),N=({children:d,variant:o="primary",size:c="md",onClick:r,disabled:t=!1,className:n=""})=>{const i="font-semibold rounded-lg transition-all duration-200 cursor-pointer",s={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"},l={sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"},h=t?"opacity-50 cursor-not-allowed":"";return e.jsx("button",{className:`${i} ${s[o]} ${l[c]} ${h} ${n}`,onClick:r,disabled:t,children:d})},x=({children:d,variant:o="blur",size:c="md",onClick:r,disabled:t=!1,className:n=""})=>{const[i,s]=j.useState([]),l=a=>{if(!t&&r){const b=a.currentTarget.getBoundingClientRect(),g=a.clientX-b.left,f=a.clientY-b.top,w=Date.now();s([...i,{x:g,y:f,id:w}]),setTimeout(()=>{s(v=>v.filter(y=>y.id!==w))},800),r()}},h=`
     relative overflow-hidden
     backdrop-blur-xl
     border border-white/30
@@ -8,7 +8,7 @@
     cursor-pointer
     shadow-xl
     group
-  `,u={sm:"px-5 py-2.5 text-sm",md:"px-7 py-3.5 text-base",lg:"px-9 py-4.5 text-lg"},b={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"},m={blur:`
       bg-white/5
       hover:bg-white/15
       hover:border-white/50
@@ -31,4 +31,4 @@
       before:translate-x-[-200%] 
       hover:before:translate-x-[200%]
       before:transition-transform before:duration-1000
-    `},w=t?"opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl":"";return e.jsxs("button",{className:`${h} ${u[l]} ${b[a]} ${w} ${d}`,onClick:c,disabled:t,children:[a==="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"})]}),a==="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"})}),r.map(s=>e.jsx("span",{className:"absolute rounded-full bg-white/30 pointer-events-none animate-ripple",style:{left:s.x,top:s.y,width:"20px",height:"20px",transform:"translate(-50%, -50%)"}},s.id)),e.jsx("span",{className:"relative z-10 drop-shadow-lg",children:i})]})},C=({name:i,title:a,description:l="Welcome to my portfolio",primaryButtonText:o="Get Started",secondaryButtonText:t="Learn More",onPrimaryClick:d,onSecondaryClick:r,backgroundGradient:n="linear-gradient(135deg, #667eea 0%, #764ba2 100%)",className:c=""})=>e.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${c}`,style:{background:n},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 animate-fade-in",style:{textShadow:"0 0 40px rgba(0,0,0,0.3)",animation:"fadeInUp 0.8s ease-out"},children:i}),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:a}),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:[e.jsx(x,{variant:"waves",size:"lg",onClick:d,children:o}),e.jsx(x,{variant:"blur",size:"lg",onClick:r,children:t})]}),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"}})]})});exports.Button=N;exports.GlassButton=x;exports.Home=C;
+    `},u=t?"opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl":"";return e.jsxs("button",{className:`${h} ${p[c]} ${m[o]} ${u} ${n}`,onClick:l,disabled:t,children:[o==="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"})]}),o==="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"})}),i.map(a=>e.jsx("span",{className:"absolute rounded-full bg-white/30 pointer-events-none animate-ripple",style:{left:a.x,top:a.y,width:"20px",height:"20px",transform:"translate(-50%, -50%)"}},a.id)),e.jsx("span",{className:"relative z-10 drop-shadow-lg",children:d})]})},$=({name:d,title:o,description:c="Welcome to my portfolio",primaryButtonText:r="Get Started",primaryButtonLink:t,primaryButtonOnClick:n,secondaryButtonText:i="Learn More",secondaryButtonLink:s,secondaryButtonOnClick:l,backgroundGradient:h="linear-gradient(135deg, #667eea 0%, #764ba2 100%)",className:p=""})=>{const m=()=>{t?window.location.href=t:n&&n()},u=()=>{s?window.location.href=s:l&&l()},a=t?e.jsx("a",{href:t,style:{textDecoration:"none"},children:e.jsx(x,{variant:"waves",size:"lg",children:r})}):e.jsx(x,{variant:"waves",size:"lg",onClick:n||m,children:r}),b=s?e.jsx("a",{href:s,style:{textDecoration:"none"},children:e.jsx(x,{variant:"blur",size:"lg",children:i})}):e.jsx(x,{variant:"blur",size:"lg",onClick:l||u,children:i});return e.jsx("div",{className:`min-h-screen flex items-center justify-center p-8 ${p}`,style:{background:h},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 animate-fade-in",style:{textShadow:"0 0 40px rgba(0,0,0,0.3)",animation:"fadeInUp 0.8s ease-out"},children:d}),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:o}),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:c}),e.jsxs("div",{className:"flex flex-wrap gap-6 justify-center mt-12",style:{animation:"fadeInUp 1.4s ease-out 0.6s backwards"},children:[a,b]}),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"}})]})})};exports.Button=N;exports.GlassButton=x;exports.Home=$;

package/dist/index.mjs

@@ -1,47 +1,48 @@
-import { jsx as e, jsxs as h, Fragment as C } from "react/jsx-runtime";
-import { useState as k } from "react";
+"use client";
+import { jsx as e, jsxs as b, Fragment as $ } from "react/jsx-runtime";
+import { useState as C } from "react";
 const I = ({
-  children: i,
-  variant: a = "primary",
-  size: l = "md",
-  onClick: o,
+  children: d,
+  variant: o = "primary",
+  size: c = "md",
+  onClick: r,
   disabled: t = !1,
-  className: d = ""
+  className: n = ""
 }) => {
-  const r = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", n = {
+  const i = "font-semibold rounded-lg transition-all duration-200 cursor-pointer", a = {
     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"
-  }, c = {
+  }, l = {
     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" : "";
+  }, h = t ? "opacity-50 cursor-not-allowed" : "";
   return /* @__PURE__ */ e(
     "button",
     {
-      className: `${r} ${n[a]} ${c[l]} ${p} ${d}`,
-      onClick: o,
+      className: `${i} ${a[o]} ${l[c]} ${h} ${n}`,
+      onClick: r,
       disabled: t,
-      children: i
+      children: d
     }
   );
-}, x = ({
-  children: i,
-  variant: a = "blur",
-  size: l = "md",
-  onClick: o,
+}, m = ({
+  children: d,
+  variant: o = "blur",
+  size: c = "md",
+  onClick: r,
   disabled: t = !1,
-  className: d = ""
+  className: n = ""
 }) => {
-  const [r, n] = k([]), c = (s) => {
-    if (!t && o) {
-      const m = s.currentTarget.getBoundingClientRect(), f = s.clientX - m.left, v = s.clientY - m.top, b = Date.now();
-      n([...r, { x: f, y: v, id: b }]), setTimeout(() => {
-        n((y) => y.filter((N) => N.id !== b));
-      }, 800), o();
+  const [i, a] = C([]), l = (s) => {
+    if (!t && r) {
+      const p = s.currentTarget.getBoundingClientRect(), f = s.clientX - p.left, v = s.clientY - p.top, g = Date.now();
+      a([...i, { x: f, y: v, id: g }]), setTimeout(() => {
+        a((y) => y.filter((N) => N.id !== g));
+      }, 800), r();
     }
-  }, p = `
+  }, h = `
     relative overflow-hidden
     backdrop-blur-xl
     border border-white/30
@@ -51,7 +52,7 @@ const I = ({
     cursor-pointer
     shadow-xl
     group
-  `, u = {
+  `, x = {
     sm: "px-5 py-2.5 text-sm",
     md: "px-7 py-3.5 text-base",
     lg: "px-9 py-4.5 text-lg"
@@ -81,21 +82,21 @@ const I = ({
       hover:before:translate-x-[200%]
       before:transition-transform before:duration-1000
     `
-  }, g = t ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
-  return /* @__PURE__ */ h(
+  }, u = t ? "opacity-40 cursor-not-allowed hover:scale-100 hover:shadow-xl" : "";
+  return /* @__PURE__ */ b(
     "button",
     {
-      className: `${p} ${u[l]} ${w[a]} ${g} ${d}`,
-      onClick: c,
+      className: `${h} ${x[c]} ${w[o]} ${u} ${n}`,
+      onClick: l,
       disabled: t,
       children: [
-        a === "waves" && !t && /* @__PURE__ */ h(C, { children: [
+        o === "waves" && !t && /* @__PURE__ */ b($, { children: [
           /* @__PURE__ */ e("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__ */ e("span", { className: "absolute inset-0 bg-gradient-to-br from-transparent via-white/10 to-transparent animate-pulse" })
         ] }),
-        a === "blur" && !t && /* @__PURE__ */ e("span", { className: "absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
+        o === "blur" && !t && /* @__PURE__ */ e("span", { className: "absolute inset-0 bg-white/5 blur-xl opacity-0 group-hover:opacity-100 transition-opacity duration-500" }),
         /* @__PURE__ */ e("span", { className: "absolute inset-0 rounded-2xl opacity-0 group-hover:opacity-100 transition-opacity duration-500 pointer-events-none", children: /* @__PURE__ */ e("span", { className: "absolute inset-[-2px] rounded-2xl bg-gradient-to-r from-transparent via-white/40 to-transparent blur-sm animate-shimmer" }) }),
-        r.map((s) => /* @__PURE__ */ e(
+        i.map((s) => /* @__PURE__ */ e(
           "span",
           {
             className: "absolute rounded-full bg-white/30 pointer-events-none animate-ripple",
@@ -109,105 +110,114 @@ const I = ({
           },
           s.id
         )),
-        /* @__PURE__ */ e("span", { className: "relative z-10 drop-shadow-lg", children: i })
+        /* @__PURE__ */ e("span", { className: "relative z-10 drop-shadow-lg", children: d })
       ]
     }
   );
-}, S = ({
-  name: i,
-  title: a,
-  description: l = "Welcome to my portfolio",
-  primaryButtonText: o = "Get Started",
-  secondaryButtonText: t = "Learn More",
-  onPrimaryClick: d,
-  onSecondaryClick: r,
-  backgroundGradient: n = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-  className: c = ""
-}) => /* @__PURE__ */ e(
-  "div",
-  {
-    className: `min-h-screen flex items-center justify-center p-8 ${c}`,
-    style: {
-      background: n
-    },
-    children: /* @__PURE__ */ h("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
-      /* @__PURE__ */ e(
-        "h1",
-        {
-          className: "text-6xl md:text-8xl font-bold text-white mb-4 animate-fade-in",
-          style: {
-            textShadow: "0 0 40px rgba(0,0,0,0.3)",
-            animation: "fadeInUp 0.8s ease-out"
-          },
-          children: i
-        }
-      ),
-      /* @__PURE__ */ e(
-        "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
-        }
-      ),
-      /* @__PURE__ */ e(
-        "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
-        }
-      ),
-      /* @__PURE__ */ h(
-        "div",
-        {
-          className: "flex flex-wrap gap-6 justify-center mt-12",
-          style: {
-            animation: "fadeInUp 1.4s ease-out 0.6s backwards"
-          },
-          children: [
-            /* @__PURE__ */ e(
-              x,
-              {
-                variant: "waves",
-                size: "lg",
-                onClick: d,
-                children: o
-              }
-            ),
-            /* @__PURE__ */ e(
-              x,
-              {
-                variant: "blur",
-                size: "lg",
-                onClick: r,
-                children: t
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ e(
-        "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"
+}, j = ({
+  name: d,
+  title: o,
+  description: c = "Welcome to my portfolio",
+  primaryButtonText: r = "Get Started",
+  primaryButtonLink: t,
+  primaryButtonOnClick: n,
+  secondaryButtonText: i = "Learn More",
+  secondaryButtonLink: a,
+  secondaryButtonOnClick: l,
+  backgroundGradient: h = "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+  className: x = ""
+}) => {
+  const w = () => {
+    t ? window.location.href = t : n && n();
+  }, u = () => {
+    a ? window.location.href = a : l && l();
+  }, s = t ? /* @__PURE__ */ e("a", { href: t, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(m, { variant: "waves", size: "lg", children: r }) }) : /* @__PURE__ */ e(
+    m,
+    {
+      variant: "waves",
+      size: "lg",
+      onClick: n || w,
+      children: r
+    }
+  ), p = a ? /* @__PURE__ */ e("a", { href: a, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(m, { variant: "blur", size: "lg", children: i }) }) : /* @__PURE__ */ e(
+    m,
+    {
+      variant: "blur",
+      size: "lg",
+      onClick: l || u,
+      children: i
+    }
+  );
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: `min-h-screen flex items-center justify-center p-8 ${x}`,
+      style: {
+        background: h
+      },
+      children: /* @__PURE__ */ b("div", { className: "max-w-4xl w-full text-center space-y-8", children: [
+        /* @__PURE__ */ e(
+          "h1",
+          {
+            className: "text-6xl md:text-8xl font-bold text-white mb-4 animate-fade-in",
+            style: {
+              textShadow: "0 0 40px rgba(0,0,0,0.3)",
+              animation: "fadeInUp 0.8s ease-out"
+            },
+            children: d
           }
-        }
-      )
-    ] })
-  }
-);
+        ),
+        /* @__PURE__ */ e(
+          "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: o
+          }
+        ),
+        /* @__PURE__ */ e(
+          "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: c
+          }
+        ),
+        /* @__PURE__ */ b(
+          "div",
+          {
+            className: "flex flex-wrap gap-6 justify-center mt-12",
+            style: {
+              animation: "fadeInUp 1.4s ease-out 0.6s backwards"
+            },
+            children: [
+              s,
+              p
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "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"
+            }
+          }
+        )
+      ] })
+    }
+  );
+};
 export {
   I as Button,
-  x as GlassButton,
-  S as Home
+  m as GlassButton,
+  j as Home
 };

package/dist/templates/Home/Home.d.ts

@@ -4,9 +4,11 @@ export interface HomeProps {
     title: string;
     description?: string;
     primaryButtonText?: string;
+    primaryButtonLink?: string;
+    primaryButtonOnClick?: () => void;
     secondaryButtonText?: string;
-    onPrimaryClick?: () => void;
-    onSecondaryClick?: () => void;
+    secondaryButtonLink?: string;
+    secondaryButtonOnClick?: () => void;
     backgroundGradient?: string;
     className?: string;
 }

package/package.json

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