pre-react-ui-lib 1.0.0 → 1.0.1

package/README.md

@@ -1,19 +1,8 @@
-# 🌐 Live Demo
-
-👉 https://virtual-ui-client.onrender.com
-
----
-
-# Virtual UI
-
-A modern and customizable **React UI Component Library** designed for fast development and clean design systems.
-
----
 
 ## 📦 Install
 
 ```bash
-npm install virtual-ui-lib
+npm i pre-react-ui-lib
 ```
 
 ---

package/dist/index.js

@@ -47,249 +47,21 @@ module.exports = __toCommonJS(index_exports);
 var import_react = __toESM(require("react"));
 var Navbar = ({
   logo = "VirtualAI",
-  links = ["Home", "Features", "Pricing", "Blog"],
-  ctaText = "Get Started",
+  links = ["Home", "About", "Contact"],
   accent = "#6366f1",
   bg = "#0f172a",
-  onCtaClick = () => {
-  },
   onLinkClick = () => {
   }
 }) => {
-  const [scrolled, setScrolled] = (0, import_react.useState)(false);
-  const [menuOpen, setMenuOpen] = (0, import_react.useState)(false);
   const [active, setActive] = (0, import_react.useState)("Home");
-  const [isMobile, setIsMobile] = (0, import_react.useState)(false);
   const alpha = (hex, op) => {
-    const r = parseInt(hex.slice(1, 3), 16);
-    const g = parseInt(hex.slice(3, 5), 16);
-    const b = parseInt(hex.slice(5, 7), 16);
-    return `rgba(${r},${g},${b},${op})`;
+    const r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
+    return "rgba(" + r + "," + g + "," + b + "," + op + ")";
   };
-  (0, import_react.useEffect)(() => {
-    const checkMobile = () => setIsMobile(window.innerWidth < 768);
-    checkMobile();
-    window.addEventListener("resize", checkMobile);
-    return () => window.removeEventListener("resize", checkMobile);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    const handler = () => setScrolled(window.scrollY > 10);
-    window.addEventListener("scroll", handler);
-    return () => window.removeEventListener("scroll", handler);
-  }, []);
-  (0, import_react.useEffect)(() => {
-    if (!isMobile) setMenuOpen(false);
-  }, [isMobile]);
-  const handleLink = (link) => {
+  return /* @__PURE__ */ import_react.default.createElement("nav", { style: { background: bg, borderBottom: "1px solid rgba(255,255,255,0.06)", fontFamily: "system-ui,sans-serif", width: "100%", boxSizing: "border-box", borderRadius: "12px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { maxWidth: "1100px", margin: "0 auto", padding: "0 20px", height: "60px", display: "flex", alignItems: "center", justifyContent: "space-between" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "28px", height: "28px", borderRadius: "8px", background: "linear-gradient(135deg, " + accent + ", " + alpha(accent, 0.6) + ")", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "13px", fontWeight: "800", color: "#fff" } }, logo[0]), /* @__PURE__ */ import_react.default.createElement("span", { style: { fontSize: "15px", fontWeight: "800", color: "#fff" } }, logo)), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "2px" } }, links.map((link) => /* @__PURE__ */ import_react.default.createElement("button", { key: link, onClick: () => {
     setActive(link);
-    setMenuOpen(false);
     onLinkClick(link);
-  };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("style", null, `
-        @keyframes nbSlideDown {
-          from { opacity: 0; transform: translateY(-8px); }
-          to   { opacity: 1; transform: translateY(0); }
-        }
-        .nb-link:hover { color: rgba(255,255,255,0.9) !important; background: rgba(255,255,255,0.05) !important; }
-        .nb-cta:hover  { opacity: 0.85 !important; }
-        .nb-ham:hover  { background: rgba(255,255,255,0.1) !important; }
-        .nb-mlink:hover { background: rgba(255,255,255,0.06) !important; }
-      `), /* @__PURE__ */ import_react.default.createElement("nav", { style: {
-    position: "sticky",
-    top: 0,
-    left: 0,
-    right: 0,
-    zIndex: 1e3,
-    background: scrolled ? alpha(bg, 0.96) : bg,
-    borderBottom: `1px solid ${scrolled ? "rgba(255,255,255,0.09)" : "rgba(255,255,255,0.04)"}`,
-    backdropFilter: scrolled ? "blur(12px)" : "none",
-    WebkitBackdropFilter: scrolled ? "blur(12px)" : "none",
-    transition: "all 0.3s ease",
-    fontFamily: "system-ui, -apple-system, sans-serif",
-    width: "100%",
-    boxSizing: "border-box"
-  } }, /* @__PURE__ */ import_react.default.createElement("div", { style: {
-    maxWidth: "1200px",
-    margin: "0 auto",
-    padding: "0 20px",
-    height: isMobile ? "56px" : "64px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "16px",
-    boxSizing: "border-box"
-  } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer", flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement("div", { style: {
-    width: isMobile ? "26px" : "30px",
-    height: isMobile ? "26px" : "30px",
-    borderRadius: "8px",
-    background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.6)})`,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: isMobile ? "12px" : "14px",
-    fontWeight: "800",
-    color: "#fff",
-    flexShrink: 0
-  } }, logo[0]), /* @__PURE__ */ import_react.default.createElement("span", { style: {
-    fontSize: isMobile ? "14px" : "16px",
-    fontWeight: "800",
-    color: "#fff",
-    letterSpacing: "-0.3px"
-  } }, logo)), !isMobile && /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "2px", flex: 1, justifyContent: "center" } }, links.map((link) => /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      key: link,
-      className: "nb-link",
-      onClick: () => handleLink(link),
-      style: {
-        background: active === link ? alpha(accent, 0.12) : "transparent",
-        border: "none",
-        padding: "7px 16px",
-        borderRadius: "9px",
-        fontSize: "14px",
-        fontWeight: active === link ? "700" : "500",
-        color: active === link ? accent : "rgba(255,255,255,0.5)",
-        cursor: "pointer",
-        transition: "all 0.2s",
-        fontFamily: "inherit",
-        whiteSpace: "nowrap"
-      }
-    },
-    link
-  ))), /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 } }, /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: "nb-cta",
-      onClick: onCtaClick,
-      style: {
-        padding: isMobile ? "7px 14px" : "9px 20px",
-        borderRadius: "10px",
-        border: "none",
-        background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.75)})`,
-        color: "#fff",
-        fontSize: isMobile ? "12px" : "13px",
-        fontWeight: "700",
-        cursor: "pointer",
-        fontFamily: "inherit",
-        transition: "opacity 0.2s",
-        whiteSpace: "nowrap"
-      }
-    },
-    ctaText
-  ), isMobile && /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      className: "nb-ham",
-      onClick: () => setMenuOpen((o) => !o),
-      style: {
-        background: "rgba(255,255,255,0.06)",
-        border: "1px solid rgba(255,255,255,0.1)",
-        borderRadius: "8px",
-        width: "34px",
-        height: "34px",
-        cursor: "pointer",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: "5px",
-        transition: "background 0.2s",
-        flexShrink: 0,
-        padding: 0
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement("div", { style: {
-      width: "16px",
-      height: "1.5px",
-      background: "rgba(255,255,255,0.7)",
-      borderRadius: "2px",
-      transform: menuOpen ? "rotate(45deg) translate(4px, 4px)" : "none",
-      transition: "transform 0.25s"
-    } }),
-    /* @__PURE__ */ import_react.default.createElement("div", { style: {
-      width: "16px",
-      height: "1.5px",
-      background: "rgba(255,255,255,0.7)",
-      borderRadius: "2px",
-      opacity: menuOpen ? 0 : 1,
-      transition: "opacity 0.2s"
-    } }),
-    /* @__PURE__ */ import_react.default.createElement("div", { style: {
-      width: "16px",
-      height: "1.5px",
-      background: "rgba(255,255,255,0.7)",
-      borderRadius: "2px",
-      transform: menuOpen ? "rotate(-45deg) translate(4px, -4px)" : "none",
-      transition: "transform 0.25s"
-    } })
-  ))), isMobile && menuOpen && /* @__PURE__ */ import_react.default.createElement("div", { style: {
-    animation: "nbSlideDown 0.2s ease",
-    borderTop: "1px solid rgba(255,255,255,0.06)",
-    padding: "10px 16px 16px",
-    display: "flex",
-    flexDirection: "column",
-    gap: "3px",
-    background: alpha(bg, 0.98)
-  } }, links.map((link) => /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      key: link,
-      className: "nb-mlink",
-      onClick: () => handleLink(link),
-      style: {
-        background: active === link ? alpha(accent, 0.1) : "transparent",
-        border: "none",
-        padding: "11px 14px",
-        borderRadius: "10px",
-        fontSize: "14px",
-        fontWeight: active === link ? "700" : "500",
-        color: active === link ? accent : "rgba(255,255,255,0.55)",
-        cursor: "pointer",
-        textAlign: "left",
-        fontFamily: "inherit",
-        width: "100%",
-        transition: "all 0.15s",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between"
-      }
-    },
-    link,
-    active === link && /* @__PURE__ */ import_react.default.createElement(
-      "svg",
-      {
-        width: "14",
-        height: "14",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: accent,
-        strokeWidth: "2.5",
-        strokeLinecap: "round"
-      },
-      /* @__PURE__ */ import_react.default.createElement("polyline", { points: "9 18 15 12 9 6" })
-    )
-  )), /* @__PURE__ */ import_react.default.createElement("div", { style: { height: "1px", background: "rgba(255,255,255,0.07)", margin: "8px 0" } }), /* @__PURE__ */ import_react.default.createElement(
-    "button",
-    {
-      onClick: () => {
-        setMenuOpen(false);
-        onCtaClick();
-      },
-      style: {
-        background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.75)})`,
-        border: "none",
-        padding: "12px",
-        borderRadius: "12px",
-        fontSize: "14px",
-        fontWeight: "700",
-        color: "#fff",
-        cursor: "pointer",
-        fontFamily: "inherit",
-        width: "100%"
-      }
-    },
-    ctaText
-  ))));
+  }, style: { background: active === link ? alpha(accent, 0.12) : "transparent", border: "none", padding: "7px 16px", borderRadius: "9px", fontSize: "14px", fontWeight: active === link ? "700" : "500", color: active === link ? accent : "rgba(255,255,255,0.5)", cursor: "pointer", fontFamily: "inherit" } }, link)))));
 };
 
 // src/components/Footer/Footer.jsx

package/dist/index.mjs

@@ -1,250 +1,22 @@
 // src/components/Navbar/Navbar.jsx
-import React, { useState, useEffect } from "react";
+import React, { useState } from "react";
 var Navbar = ({
   logo = "VirtualAI",
-  links = ["Home", "Features", "Pricing", "Blog"],
-  ctaText = "Get Started",
+  links = ["Home", "About", "Contact"],
   accent = "#6366f1",
   bg = "#0f172a",
-  onCtaClick = () => {
-  },
   onLinkClick = () => {
   }
 }) => {
-  const [scrolled, setScrolled] = useState(false);
-  const [menuOpen, setMenuOpen] = useState(false);
   const [active, setActive] = useState("Home");
-  const [isMobile, setIsMobile] = useState(false);
   const alpha = (hex, op) => {
-    const r = parseInt(hex.slice(1, 3), 16);
-    const g = parseInt(hex.slice(3, 5), 16);
-    const b = parseInt(hex.slice(5, 7), 16);
-    return `rgba(${r},${g},${b},${op})`;
+    const r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
+    return "rgba(" + r + "," + g + "," + b + "," + op + ")";
   };
-  useEffect(() => {
-    const checkMobile = () => setIsMobile(window.innerWidth < 768);
-    checkMobile();
-    window.addEventListener("resize", checkMobile);
-    return () => window.removeEventListener("resize", checkMobile);
-  }, []);
-  useEffect(() => {
-    const handler = () => setScrolled(window.scrollY > 10);
-    window.addEventListener("scroll", handler);
-    return () => window.removeEventListener("scroll", handler);
-  }, []);
-  useEffect(() => {
-    if (!isMobile) setMenuOpen(false);
-  }, [isMobile]);
-  const handleLink = (link) => {
+  return /* @__PURE__ */ React.createElement("nav", { style: { background: bg, borderBottom: "1px solid rgba(255,255,255,0.06)", fontFamily: "system-ui,sans-serif", width: "100%", boxSizing: "border-box", borderRadius: "12px" } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: "1100px", margin: "0 auto", padding: "0 20px", height: "60px", display: "flex", alignItems: "center", justifyContent: "space-between" } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer" } }, /* @__PURE__ */ React.createElement("div", { style: { width: "28px", height: "28px", borderRadius: "8px", background: "linear-gradient(135deg, " + accent + ", " + alpha(accent, 0.6) + ")", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "13px", fontWeight: "800", color: "#fff" } }, logo[0]), /* @__PURE__ */ React.createElement("span", { style: { fontSize: "15px", fontWeight: "800", color: "#fff" } }, logo)), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "2px" } }, links.map((link) => /* @__PURE__ */ React.createElement("button", { key: link, onClick: () => {
     setActive(link);
-    setMenuOpen(false);
     onLinkClick(link);
-  };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, `
-        @keyframes nbSlideDown {
-          from { opacity: 0; transform: translateY(-8px); }
-          to   { opacity: 1; transform: translateY(0); }
-        }
-        .nb-link:hover { color: rgba(255,255,255,0.9) !important; background: rgba(255,255,255,0.05) !important; }
-        .nb-cta:hover  { opacity: 0.85 !important; }
-        .nb-ham:hover  { background: rgba(255,255,255,0.1) !important; }
-        .nb-mlink:hover { background: rgba(255,255,255,0.06) !important; }
-      `), /* @__PURE__ */ React.createElement("nav", { style: {
-    position: "sticky",
-    top: 0,
-    left: 0,
-    right: 0,
-    zIndex: 1e3,
-    background: scrolled ? alpha(bg, 0.96) : bg,
-    borderBottom: `1px solid ${scrolled ? "rgba(255,255,255,0.09)" : "rgba(255,255,255,0.04)"}`,
-    backdropFilter: scrolled ? "blur(12px)" : "none",
-    WebkitBackdropFilter: scrolled ? "blur(12px)" : "none",
-    transition: "all 0.3s ease",
-    fontFamily: "system-ui, -apple-system, sans-serif",
-    width: "100%",
-    boxSizing: "border-box"
-  } }, /* @__PURE__ */ React.createElement("div", { style: {
-    maxWidth: "1200px",
-    margin: "0 auto",
-    padding: "0 20px",
-    height: isMobile ? "56px" : "64px",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "space-between",
-    gap: "16px",
-    boxSizing: "border-box"
-  } }, /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px", cursor: "pointer", flexShrink: 0 } }, /* @__PURE__ */ React.createElement("div", { style: {
-    width: isMobile ? "26px" : "30px",
-    height: isMobile ? "26px" : "30px",
-    borderRadius: "8px",
-    background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.6)})`,
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: isMobile ? "12px" : "14px",
-    fontWeight: "800",
-    color: "#fff",
-    flexShrink: 0
-  } }, logo[0]), /* @__PURE__ */ React.createElement("span", { style: {
-    fontSize: isMobile ? "14px" : "16px",
-    fontWeight: "800",
-    color: "#fff",
-    letterSpacing: "-0.3px"
-  } }, logo)), !isMobile && /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "2px", flex: 1, justifyContent: "center" } }, links.map((link) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      key: link,
-      className: "nb-link",
-      onClick: () => handleLink(link),
-      style: {
-        background: active === link ? alpha(accent, 0.12) : "transparent",
-        border: "none",
-        padding: "7px 16px",
-        borderRadius: "9px",
-        fontSize: "14px",
-        fontWeight: active === link ? "700" : "500",
-        color: active === link ? accent : "rgba(255,255,255,0.5)",
-        cursor: "pointer",
-        transition: "all 0.2s",
-        fontFamily: "inherit",
-        whiteSpace: "nowrap"
-      }
-    },
-    link
-  ))), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px", flexShrink: 0 } }, /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: "nb-cta",
-      onClick: onCtaClick,
-      style: {
-        padding: isMobile ? "7px 14px" : "9px 20px",
-        borderRadius: "10px",
-        border: "none",
-        background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.75)})`,
-        color: "#fff",
-        fontSize: isMobile ? "12px" : "13px",
-        fontWeight: "700",
-        cursor: "pointer",
-        fontFamily: "inherit",
-        transition: "opacity 0.2s",
-        whiteSpace: "nowrap"
-      }
-    },
-    ctaText
-  ), isMobile && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      className: "nb-ham",
-      onClick: () => setMenuOpen((o) => !o),
-      style: {
-        background: "rgba(255,255,255,0.06)",
-        border: "1px solid rgba(255,255,255,0.1)",
-        borderRadius: "8px",
-        width: "34px",
-        height: "34px",
-        cursor: "pointer",
-        display: "flex",
-        flexDirection: "column",
-        alignItems: "center",
-        justifyContent: "center",
-        gap: "5px",
-        transition: "background 0.2s",
-        flexShrink: 0,
-        padding: 0
-      }
-    },
-    /* @__PURE__ */ React.createElement("div", { style: {
-      width: "16px",
-      height: "1.5px",
-      background: "rgba(255,255,255,0.7)",
-      borderRadius: "2px",
-      transform: menuOpen ? "rotate(45deg) translate(4px, 4px)" : "none",
-      transition: "transform 0.25s"
-    } }),
-    /* @__PURE__ */ React.createElement("div", { style: {
-      width: "16px",
-      height: "1.5px",
-      background: "rgba(255,255,255,0.7)",
-      borderRadius: "2px",
-      opacity: menuOpen ? 0 : 1,
-      transition: "opacity 0.2s"
-    } }),
-    /* @__PURE__ */ React.createElement("div", { style: {
-      width: "16px",
-      height: "1.5px",
-      background: "rgba(255,255,255,0.7)",
-      borderRadius: "2px",
-      transform: menuOpen ? "rotate(-45deg) translate(4px, -4px)" : "none",
-      transition: "transform 0.25s"
-    } })
-  ))), isMobile && menuOpen && /* @__PURE__ */ React.createElement("div", { style: {
-    animation: "nbSlideDown 0.2s ease",
-    borderTop: "1px solid rgba(255,255,255,0.06)",
-    padding: "10px 16px 16px",
-    display: "flex",
-    flexDirection: "column",
-    gap: "3px",
-    background: alpha(bg, 0.98)
-  } }, links.map((link) => /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      key: link,
-      className: "nb-mlink",
-      onClick: () => handleLink(link),
-      style: {
-        background: active === link ? alpha(accent, 0.1) : "transparent",
-        border: "none",
-        padding: "11px 14px",
-        borderRadius: "10px",
-        fontSize: "14px",
-        fontWeight: active === link ? "700" : "500",
-        color: active === link ? accent : "rgba(255,255,255,0.55)",
-        cursor: "pointer",
-        textAlign: "left",
-        fontFamily: "inherit",
-        width: "100%",
-        transition: "all 0.15s",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between"
-      }
-    },
-    link,
-    active === link && /* @__PURE__ */ React.createElement(
-      "svg",
-      {
-        width: "14",
-        height: "14",
-        viewBox: "0 0 24 24",
-        fill: "none",
-        stroke: accent,
-        strokeWidth: "2.5",
-        strokeLinecap: "round"
-      },
-      /* @__PURE__ */ React.createElement("polyline", { points: "9 18 15 12 9 6" })
-    )
-  )), /* @__PURE__ */ React.createElement("div", { style: { height: "1px", background: "rgba(255,255,255,0.07)", margin: "8px 0" } }), /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      onClick: () => {
-        setMenuOpen(false);
-        onCtaClick();
-      },
-      style: {
-        background: `linear-gradient(135deg, ${accent}, ${alpha(accent, 0.75)})`,
-        border: "none",
-        padding: "12px",
-        borderRadius: "12px",
-        fontSize: "14px",
-        fontWeight: "700",
-        color: "#fff",
-        cursor: "pointer",
-        fontFamily: "inherit",
-        width: "100%"
-      }
-    },
-    ctaText
-  ))));
+  }, style: { background: active === link ? alpha(accent, 0.12) : "transparent", border: "none", padding: "7px 16px", borderRadius: "9px", fontSize: "14px", fontWeight: active === link ? "700" : "500", color: active === link ? accent : "rgba(255,255,255,0.5)", cursor: "pointer", fontFamily: "inherit" } }, link)))));
 };
 
 // src/components/Footer/Footer.jsx
@@ -751,7 +523,7 @@ var ImageCard = ({
 };
 
 // src/components/BackgoundImageSlider/BackgoundImageSlider.jsx
-import React5, { useState as useState4, useEffect as useEffect2, useCallback } from "react";
+import React5, { useState as useState4, useEffect, useCallback } from "react";
 var BackgoundImageSlider = ({
   images = [
     {
@@ -803,7 +575,7 @@ var BackgoundImageSlider = ({
   }, [animating, images.length]);
   const prev = () => go(current - 1);
   const next = () => go(current + 1);
-  useEffect2(() => {
+  useEffect(() => {
     if (!autoPlay) return;
     const t = setInterval(() => go(current + 1), autoPlayInterval);
     return () => clearInterval(t);

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "pre-react-ui-lib",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Virtual UI React Component Library",
   "author": "vikas",
   "license": "ISC",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
-  "files": [ 
+  "files": [
     "dist"
   ],
   "scripts": {