virtuo-ui-library 1.0.4 → 1.0.5

package/dist/index.js

@@ -31,8 +31,7 @@ var index_exports = {};
 __export(index_exports, {
   Button: () => Button,
   Card: () => Card,
-  EcommerceCard: () => EcommerceCard,
-  ProfileCard: () => ProfileCard
+  EcommerceCard: () => EcommerceCard
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -263,81 +262,8 @@ function shadeColor2(hex, percent) {
   return `rgb(${r},${g},${b})`;
 }
 
-// src/components/ProfileCard/ProfileCard.jsx
-var import_react3 = __toESM(require("react"));
-var ProfileCard = ({
-  name = "John Doe",
-  role = "Software Engineer",
-  avatarUrl = "https://i.pravatar.cc/150?img=3",
-  color = "#4f46e5",
-  size = "medium"
-}) => {
-  const [isHovered, setIsHovered] = (0, import_react3.useState)(false);
-  const [isFollowing, setIsFollowing] = (0, import_react3.useState)(false);
-  const sizeMap = {
-    small: { width: 220, avatar: 60, fontSize: 14 },
-    medium: { width: 280, avatar: 80, fontSize: 16 },
-    large: { width: 340, avatar: 100, fontSize: 18 }
-  };
-  const { width, avatar, fontSize } = sizeMap[size] || sizeMap.medium;
-  const cardStyle = {
-    width,
-    padding: "20px",
-    borderRadius: "16px",
-    textAlign: "center",
-    fontFamily: "Arial, sans-serif",
-    backgroundColor: "#ffffff",
-    boxShadow: isHovered ? "0 12px 24px rgba(0,0,0,0.15)" : "0 4px 12px rgba(0,0,0,0.08)",
-    transform: isHovered ? "translateY(-4px)" : "translateY(0)",
-    transition: "all 0.25s ease-in-out",
-    border: `1px solid ${color}20`
-  };
-  const avatarStyle = {
-    width: avatar,
-    height: avatar,
-    borderRadius: "50%",
-    objectFit: "cover",
-    border: `3px solid ${color}`,
-    marginBottom: "12px"
-  };
-  const nameStyle = {
-    margin: 0,
-    fontSize: fontSize + 4,
-    fontWeight: "bold",
-    color: "#1f2937"
-  };
-  const roleStyle = {
-    margin: "4px 0 16px",
-    fontSize,
-    color: "#6b7280"
-  };
-  const buttonStyle = {
-    padding: "8px 20px",
-    borderRadius: "999px",
-    cursor: "pointer",
-    fontSize,
-    fontWeight: 600,
-    color: isFollowing ? color : "#ffffff",
-    backgroundColor: isFollowing ? "#ffffff" : color,
-    border: `2px solid ${color}`,
-    transition: "all 0.2s ease-in-out"
-  };
-  return /* @__PURE__ */ import_react3.default.createElement(
-    "div",
-    {
-      style: cardStyle,
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false)
-    },
-    /* @__PURE__ */ import_react3.default.createElement("img", { src: avatarUrl, alt: name, style: avatarStyle }),
-    /* @__PURE__ */ import_react3.default.createElement("h3", { style: nameStyle }, name),
-    /* @__PURE__ */ import_react3.default.createElement("p", { style: roleStyle }, role),
-    /* @__PURE__ */ import_react3.default.createElement("button", { style: buttonStyle, onClick: () => setIsFollowing(!isFollowing) }, isFollowing ? "Following" : "Follow")
-  );
-};
-
 // src/components/EcommerceCard/EcommerceCard.jsx
-var import_react4 = __toESM(require("react"));
+var import_react3 = __toESM(require("react"));
 var EcommerceCard = ({
   image = "https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=600&q=80",
   title = "Wireless Headphones",
@@ -352,8 +278,8 @@ var EcommerceCard = ({
   onAddToCart = () => {
   }
 }) => {
-  const [hovered, setHovered] = (0, import_react4.useState)(false);
-  const [wishlisted, setWishlisted] = (0, import_react4.useState)(false);
+  const [hovered, setHovered] = (0, import_react3.useState)(false);
+  const [wishlisted, setWishlisted] = (0, import_react3.useState)(false);
   const alpha = (hex, 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 + ")";
@@ -365,21 +291,21 @@ var EcommerceCard = ({
     for (let i = 1; i <= 5; i++) {
       if (i <= fullStars) {
         stars.push(
-          /* @__PURE__ */ import_react4.default.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ import_react4.default.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
+          /* @__PURE__ */ import_react3.default.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ import_react3.default.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
         );
       } else if (i === fullStars + 1 && hasHalfStar) {
         stars.push(
-          /* @__PURE__ */ import_react4.default.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ import_react4.default.createElement("defs", null, /* @__PURE__ */ import_react4.default.createElement("linearGradient", { id: "half", x1: "0", x2: "100%", y1: "0", y2: "0" }, /* @__PURE__ */ import_react4.default.createElement("stop", { offset: "50%", stopColor: "#fbbf24" }), /* @__PURE__ */ import_react4.default.createElement("stop", { offset: "50%", stopColor: "rgba(255,255,255,0.1)" }))), /* @__PURE__ */ import_react4.default.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2", fill: "url(#half)" }))
+          /* @__PURE__ */ import_react3.default.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ import_react3.default.createElement("defs", null, /* @__PURE__ */ import_react3.default.createElement("linearGradient", { id: "half", x1: "0", x2: "100%", y1: "0", y2: "0" }, /* @__PURE__ */ import_react3.default.createElement("stop", { offset: "50%", stopColor: "#fbbf24" }), /* @__PURE__ */ import_react3.default.createElement("stop", { offset: "50%", stopColor: "rgba(255,255,255,0.1)" }))), /* @__PURE__ */ import_react3.default.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2", fill: "url(#half)" }))
         );
       } else {
         stars.push(
-          /* @__PURE__ */ import_react4.default.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "rgba(255,255,255,0.1)", stroke: "none" }, /* @__PURE__ */ import_react4.default.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
+          /* @__PURE__ */ import_react3.default.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "rgba(255,255,255,0.1)", stroke: "none" }, /* @__PURE__ */ import_react3.default.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
         );
       }
     }
     return stars;
   };
-  return /* @__PURE__ */ import_react4.default.createElement(
+  return /* @__PURE__ */ import_react3.default.createElement(
     "div",
     {
       onMouseEnter: () => setHovered(true),
@@ -396,7 +322,7 @@ var EcommerceCard = ({
         boxShadow: hovered ? "0 12px 30px rgba(0,0,0,0.4)" : "0 4px 16px rgba(0,0,0,0.3)"
       }
     },
-    /* @__PURE__ */ import_react4.default.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ import_react4.default.createElement(
+    /* @__PURE__ */ import_react3.default.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ import_react3.default.createElement(
       "img",
       {
         src: image,
@@ -409,7 +335,7 @@ var EcommerceCard = ({
           transform: hovered ? "scale(1.05)" : "scale(1)"
         }
       }
-    ), badge && /* @__PURE__ */ import_react4.default.createElement("div", { style: {
+    ), badge && /* @__PURE__ */ import_react3.default.createElement("div", { style: {
       position: "absolute",
       top: "10px",
       left: "10px",
@@ -421,7 +347,7 @@ var EcommerceCard = ({
       color: "#fff",
       textTransform: "uppercase",
       letterSpacing: "0.5px"
-    } }, badge), /* @__PURE__ */ import_react4.default.createElement(
+    } }, badge), /* @__PURE__ */ import_react3.default.createElement(
       "button",
       {
         onClick: () => setWishlisted(!wishlisted),
@@ -440,7 +366,7 @@ var EcommerceCard = ({
           cursor: "pointer"
         }
       },
-      /* @__PURE__ */ import_react4.default.createElement(
+      /* @__PURE__ */ import_react3.default.createElement(
         "svg",
         {
           width: "16",
@@ -450,38 +376,38 @@ var EcommerceCard = ({
           stroke: wishlisted ? "#ef4444" : "#fff",
           strokeWidth: "2"
         },
-        /* @__PURE__ */ import_react4.default.createElement("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
+        /* @__PURE__ */ import_react3.default.createElement("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
       )
     )),
-    /* @__PURE__ */ import_react4.default.createElement("div", { style: { padding: "16px" } }, /* @__PURE__ */ import_react4.default.createElement("h3", { style: {
+    /* @__PURE__ */ import_react3.default.createElement("div", { style: { padding: "16px" } }, /* @__PURE__ */ import_react3.default.createElement("h3", { style: {
       fontSize: "16px",
       fontWeight: "700",
       color: "#fff",
       margin: "0 0 8px",
       lineHeight: 1.4
-    } }, title), /* @__PURE__ */ import_react4.default.createElement("div", { style: {
+    } }, title), /* @__PURE__ */ import_react3.default.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: "6px",
       marginBottom: "12px"
-    } }, /* @__PURE__ */ import_react4.default.createElement("div", { style: { display: "flex" } }, renderStars()), /* @__PURE__ */ import_react4.default.createElement("span", { style: {
+    } }, /* @__PURE__ */ import_react3.default.createElement("div", { style: { display: "flex" } }, renderStars()), /* @__PURE__ */ import_react3.default.createElement("span", { style: {
       fontSize: "12px",
       color: "rgba(255,255,255,0.45)"
-    } }, "(", reviewCount, ")")), /* @__PURE__ */ import_react4.default.createElement("div", { style: {
+    } }, "(", reviewCount, ")")), /* @__PURE__ */ import_react3.default.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: "10px",
       marginBottom: "16px"
-    } }, /* @__PURE__ */ import_react4.default.createElement("span", { style: {
+    } }, /* @__PURE__ */ import_react3.default.createElement("span", { style: {
       fontSize: "20px",
       fontWeight: "800",
       color: "#fff"
-    } }, currency, price.toFixed(2)), discount > 0 && /* @__PURE__ */ import_react4.default.createElement("span", { style: {
+    } }, currency, price.toFixed(2)), discount > 0 && /* @__PURE__ */ import_react3.default.createElement("span", { style: {
       fontSize: "14px",
       fontWeight: "500",
       color: "#86efac",
       textDecoration: "line-through"
-    } }, currency, (price + price * discount / 100).toFixed(2))), /* @__PURE__ */ import_react4.default.createElement(
+    } }, currency, (price + price * discount / 100).toFixed(2))), /* @__PURE__ */ import_react3.default.createElement(
       "button",
       {
         onClick: onAddToCart,
@@ -502,7 +428,7 @@ var EcommerceCard = ({
           gap: "8px"
         }
       },
-      /* @__PURE__ */ import_react4.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react4.default.createElement("circle", { cx: "9", cy: "21", r: "1" }), /* @__PURE__ */ import_react4.default.createElement("circle", { cx: "20", cy: "21", r: "1" }), /* @__PURE__ */ import_react4.default.createElement("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })),
+      /* @__PURE__ */ import_react3.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react3.default.createElement("circle", { cx: "9", cy: "21", r: "1" }), /* @__PURE__ */ import_react3.default.createElement("circle", { cx: "20", cy: "21", r: "1" }), /* @__PURE__ */ import_react3.default.createElement("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })),
       "Add to Cart"
     ))
   );
@@ -511,6 +437,5 @@ var EcommerceCard = ({
 0 && (module.exports = {
   Button,
   Card,
-  EcommerceCard,
-  ProfileCard
+  EcommerceCard
 });

package/dist/index.mjs

@@ -225,81 +225,8 @@ function shadeColor2(hex, percent) {
   return `rgb(${r},${g},${b})`;
 }
 
-// src/components/ProfileCard/ProfileCard.jsx
-import React3, { useState as useState3 } from "react";
-var ProfileCard = ({
-  name = "John Doe",
-  role = "Software Engineer",
-  avatarUrl = "https://i.pravatar.cc/150?img=3",
-  color = "#4f46e5",
-  size = "medium"
-}) => {
-  const [isHovered, setIsHovered] = useState3(false);
-  const [isFollowing, setIsFollowing] = useState3(false);
-  const sizeMap = {
-    small: { width: 220, avatar: 60, fontSize: 14 },
-    medium: { width: 280, avatar: 80, fontSize: 16 },
-    large: { width: 340, avatar: 100, fontSize: 18 }
-  };
-  const { width, avatar, fontSize } = sizeMap[size] || sizeMap.medium;
-  const cardStyle = {
-    width,
-    padding: "20px",
-    borderRadius: "16px",
-    textAlign: "center",
-    fontFamily: "Arial, sans-serif",
-    backgroundColor: "#ffffff",
-    boxShadow: isHovered ? "0 12px 24px rgba(0,0,0,0.15)" : "0 4px 12px rgba(0,0,0,0.08)",
-    transform: isHovered ? "translateY(-4px)" : "translateY(0)",
-    transition: "all 0.25s ease-in-out",
-    border: `1px solid ${color}20`
-  };
-  const avatarStyle = {
-    width: avatar,
-    height: avatar,
-    borderRadius: "50%",
-    objectFit: "cover",
-    border: `3px solid ${color}`,
-    marginBottom: "12px"
-  };
-  const nameStyle = {
-    margin: 0,
-    fontSize: fontSize + 4,
-    fontWeight: "bold",
-    color: "#1f2937"
-  };
-  const roleStyle = {
-    margin: "4px 0 16px",
-    fontSize,
-    color: "#6b7280"
-  };
-  const buttonStyle = {
-    padding: "8px 20px",
-    borderRadius: "999px",
-    cursor: "pointer",
-    fontSize,
-    fontWeight: 600,
-    color: isFollowing ? color : "#ffffff",
-    backgroundColor: isFollowing ? "#ffffff" : color,
-    border: `2px solid ${color}`,
-    transition: "all 0.2s ease-in-out"
-  };
-  return /* @__PURE__ */ React3.createElement(
-    "div",
-    {
-      style: cardStyle,
-      onMouseEnter: () => setIsHovered(true),
-      onMouseLeave: () => setIsHovered(false)
-    },
-    /* @__PURE__ */ React3.createElement("img", { src: avatarUrl, alt: name, style: avatarStyle }),
-    /* @__PURE__ */ React3.createElement("h3", { style: nameStyle }, name),
-    /* @__PURE__ */ React3.createElement("p", { style: roleStyle }, role),
-    /* @__PURE__ */ React3.createElement("button", { style: buttonStyle, onClick: () => setIsFollowing(!isFollowing) }, isFollowing ? "Following" : "Follow")
-  );
-};
-
 // src/components/EcommerceCard/EcommerceCard.jsx
-import React4, { useState as useState4 } from "react";
+import React3, { useState as useState3 } from "react";
 var EcommerceCard = ({
   image = "https://images.unsplash.com/photo-1523275335684-37898b6baf30?w=600&q=80",
   title = "Wireless Headphones",
@@ -314,8 +241,8 @@ var EcommerceCard = ({
   onAddToCart = () => {
   }
 }) => {
-  const [hovered, setHovered] = useState4(false);
-  const [wishlisted, setWishlisted] = useState4(false);
+  const [hovered, setHovered] = useState3(false);
+  const [wishlisted, setWishlisted] = useState3(false);
   const alpha = (hex, 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 + ")";
@@ -327,21 +254,21 @@ var EcommerceCard = ({
     for (let i = 1; i <= 5; i++) {
       if (i <= fullStars) {
         stars.push(
-          /* @__PURE__ */ React4.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ React4.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
+          /* @__PURE__ */ React3.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ React3.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
         );
       } else if (i === fullStars + 1 && hasHalfStar) {
         stars.push(
-          /* @__PURE__ */ React4.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ React4.createElement("defs", null, /* @__PURE__ */ React4.createElement("linearGradient", { id: "half", x1: "0", x2: "100%", y1: "0", y2: "0" }, /* @__PURE__ */ React4.createElement("stop", { offset: "50%", stopColor: "#fbbf24" }), /* @__PURE__ */ React4.createElement("stop", { offset: "50%", stopColor: "rgba(255,255,255,0.1)" }))), /* @__PURE__ */ React4.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2", fill: "url(#half)" }))
+          /* @__PURE__ */ React3.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "#fbbf24", stroke: "none" }, /* @__PURE__ */ React3.createElement("defs", null, /* @__PURE__ */ React3.createElement("linearGradient", { id: "half", x1: "0", x2: "100%", y1: "0", y2: "0" }, /* @__PURE__ */ React3.createElement("stop", { offset: "50%", stopColor: "#fbbf24" }), /* @__PURE__ */ React3.createElement("stop", { offset: "50%", stopColor: "rgba(255,255,255,0.1)" }))), /* @__PURE__ */ React3.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2", fill: "url(#half)" }))
         );
       } else {
         stars.push(
-          /* @__PURE__ */ React4.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "rgba(255,255,255,0.1)", stroke: "none" }, /* @__PURE__ */ React4.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
+          /* @__PURE__ */ React3.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: "rgba(255,255,255,0.1)", stroke: "none" }, /* @__PURE__ */ React3.createElement("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" }))
         );
       }
     }
     return stars;
   };
-  return /* @__PURE__ */ React4.createElement(
+  return /* @__PURE__ */ React3.createElement(
     "div",
     {
       onMouseEnter: () => setHovered(true),
@@ -358,7 +285,7 @@ var EcommerceCard = ({
         boxShadow: hovered ? "0 12px 30px rgba(0,0,0,0.4)" : "0 4px 16px rgba(0,0,0,0.3)"
       }
     },
-    /* @__PURE__ */ React4.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React4.createElement(
+    /* @__PURE__ */ React3.createElement("div", { style: { position: "relative" } }, /* @__PURE__ */ React3.createElement(
       "img",
       {
         src: image,
@@ -371,7 +298,7 @@ var EcommerceCard = ({
           transform: hovered ? "scale(1.05)" : "scale(1)"
         }
       }
-    ), badge && /* @__PURE__ */ React4.createElement("div", { style: {
+    ), badge && /* @__PURE__ */ React3.createElement("div", { style: {
       position: "absolute",
       top: "10px",
       left: "10px",
@@ -383,7 +310,7 @@ var EcommerceCard = ({
       color: "#fff",
       textTransform: "uppercase",
       letterSpacing: "0.5px"
-    } }, badge), /* @__PURE__ */ React4.createElement(
+    } }, badge), /* @__PURE__ */ React3.createElement(
       "button",
       {
         onClick: () => setWishlisted(!wishlisted),
@@ -402,7 +329,7 @@ var EcommerceCard = ({
           cursor: "pointer"
         }
       },
-      /* @__PURE__ */ React4.createElement(
+      /* @__PURE__ */ React3.createElement(
         "svg",
         {
           width: "16",
@@ -412,38 +339,38 @@ var EcommerceCard = ({
           stroke: wishlisted ? "#ef4444" : "#fff",
           strokeWidth: "2"
         },
-        /* @__PURE__ */ React4.createElement("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
+        /* @__PURE__ */ React3.createElement("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
       )
     )),
-    /* @__PURE__ */ React4.createElement("div", { style: { padding: "16px" } }, /* @__PURE__ */ React4.createElement("h3", { style: {
+    /* @__PURE__ */ React3.createElement("div", { style: { padding: "16px" } }, /* @__PURE__ */ React3.createElement("h3", { style: {
       fontSize: "16px",
       fontWeight: "700",
       color: "#fff",
       margin: "0 0 8px",
       lineHeight: 1.4
-    } }, title), /* @__PURE__ */ React4.createElement("div", { style: {
+    } }, title), /* @__PURE__ */ React3.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: "6px",
       marginBottom: "12px"
-    } }, /* @__PURE__ */ React4.createElement("div", { style: { display: "flex" } }, renderStars()), /* @__PURE__ */ React4.createElement("span", { style: {
+    } }, /* @__PURE__ */ React3.createElement("div", { style: { display: "flex" } }, renderStars()), /* @__PURE__ */ React3.createElement("span", { style: {
       fontSize: "12px",
       color: "rgba(255,255,255,0.45)"
-    } }, "(", reviewCount, ")")), /* @__PURE__ */ React4.createElement("div", { style: {
+    } }, "(", reviewCount, ")")), /* @__PURE__ */ React3.createElement("div", { style: {
       display: "flex",
       alignItems: "center",
       gap: "10px",
       marginBottom: "16px"
-    } }, /* @__PURE__ */ React4.createElement("span", { style: {
+    } }, /* @__PURE__ */ React3.createElement("span", { style: {
       fontSize: "20px",
       fontWeight: "800",
       color: "#fff"
-    } }, currency, price.toFixed(2)), discount > 0 && /* @__PURE__ */ React4.createElement("span", { style: {
+    } }, currency, price.toFixed(2)), discount > 0 && /* @__PURE__ */ React3.createElement("span", { style: {
       fontSize: "14px",
       fontWeight: "500",
       color: "#86efac",
       textDecoration: "line-through"
-    } }, currency, (price + price * discount / 100).toFixed(2))), /* @__PURE__ */ React4.createElement(
+    } }, currency, (price + price * discount / 100).toFixed(2))), /* @__PURE__ */ React3.createElement(
       "button",
       {
         onClick: onAddToCart,
@@ -464,7 +391,7 @@ var EcommerceCard = ({
           gap: "8px"
         }
       },
-      /* @__PURE__ */ React4.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React4.createElement("circle", { cx: "9", cy: "21", r: "1" }), /* @__PURE__ */ React4.createElement("circle", { cx: "20", cy: "21", r: "1" }), /* @__PURE__ */ React4.createElement("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })),
+      /* @__PURE__ */ React3.createElement("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "#fff", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React3.createElement("circle", { cx: "9", cy: "21", r: "1" }), /* @__PURE__ */ React3.createElement("circle", { cx: "20", cy: "21", r: "1" }), /* @__PURE__ */ React3.createElement("path", { d: "M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6" })),
       "Add to Cart"
     ))
   );
@@ -472,6 +399,5 @@ var EcommerceCard = ({
 export {
   Button,
   Card,
-  EcommerceCard,
-  ProfileCard
+  EcommerceCard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtuo-ui-library",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Virtual UI React Component Library",
   "license": "ISC",
   "author": "Ritik Saini",