virtual-ui-lib 1.0.76 → 1.0.77

package/README.md

@@ -1,3 +1,9 @@
+# 🌐 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.

package/dist/index.js

@@ -48,6 +48,7 @@ __export(index_exports, {
   PricingCard: () => PricingCard,
   ProgressBar: () => ProgressBar,
   RatingStars: () => RatingStars,
+  ReviewCard: () => ReviewCard,
   Sidebar: () => Sidebar,
   StatCard: () => StatCard
 });
@@ -3760,6 +3761,26 @@ var AnimatedForm = ({
     )
   );
 };
+
+// src/components/ReviewCard/ReviewCard.jsx
+var import_react22 = __toESM(require("react"));
+var ReviewCard = ({
+  avatar = "https://images.unsplash.com/photo-1633332755192-727a05c4013d?w=800&q=80",
+  name = "John Doe",
+  rating = 4,
+  review = "This product is fantastic! It exceeded my expectations in every way.",
+  date = "2 days ago",
+  accent = "#6366f1",
+  bg = "#0f172a",
+  onProfileClick = () => {
+  }
+}) => {
+  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 + ")";
+  };
+  return /* @__PURE__ */ import_react22.default.createElement("div", { style: { background: bg, borderRadius: "16px", padding: "16px", width: "320px", fontFamily: "system-ui,sans-serif", border: "1px solid rgba(255,255,255,0.08)", boxShadow: "0 4px 16px rgba(0,0,0,0.3)" } }, /* @__PURE__ */ import_react22.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "12px" } }, /* @__PURE__ */ import_react22.default.createElement("img", { src: avatar, alt: name, onClick: onProfileClick, style: { width: "40px", height: "40px", borderRadius: "50%", cursor: "pointer" } }), /* @__PURE__ */ import_react22.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "2px" } }, /* @__PURE__ */ import_react22.default.createElement("div", { style: { fontSize: "14px", fontWeight: "700", color: "#fff" } }, name), /* @__PURE__ */ import_react22.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "4px" } }, Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ import_react22.default.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: i < rating ? accent : "rgba(255,255,255,0.15)", stroke: "none" }, /* @__PURE__ */ import_react22.default.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })))))), /* @__PURE__ */ import_react22.default.createElement("div", { style: { fontSize: "13px", color: "rgba(255,255,255,0.7)", lineHeight: 1.5, marginBottom: "12px" } }, review), /* @__PURE__ */ import_react22.default.createElement("div", { style: { fontSize: "11px", color: "rgba(255,255,255,0.4)" } }, date));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AnimatedForm,
@@ -3781,6 +3802,7 @@ var AnimatedForm = ({
   PricingCard,
   ProgressBar,
   RatingStars,
+  ReviewCard,
   Sidebar,
   StatCard
 });

package/dist/index.mjs

@@ -3705,6 +3705,26 @@ var AnimatedForm = ({
     )
   );
 };
+
+// src/components/ReviewCard/ReviewCard.jsx
+import React22 from "react";
+var ReviewCard = ({
+  avatar = "https://images.unsplash.com/photo-1633332755192-727a05c4013d?w=800&q=80",
+  name = "John Doe",
+  rating = 4,
+  review = "This product is fantastic! It exceeded my expectations in every way.",
+  date = "2 days ago",
+  accent = "#6366f1",
+  bg = "#0f172a",
+  onProfileClick = () => {
+  }
+}) => {
+  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 + ")";
+  };
+  return /* @__PURE__ */ React22.createElement("div", { style: { background: bg, borderRadius: "16px", padding: "16px", width: "320px", fontFamily: "system-ui,sans-serif", border: "1px solid rgba(255,255,255,0.08)", boxShadow: "0 4px 16px rgba(0,0,0,0.3)" } }, /* @__PURE__ */ React22.createElement("div", { style: { display: "flex", alignItems: "center", gap: "12px", marginBottom: "12px" } }, /* @__PURE__ */ React22.createElement("img", { src: avatar, alt: name, onClick: onProfileClick, style: { width: "40px", height: "40px", borderRadius: "50%", cursor: "pointer" } }), /* @__PURE__ */ React22.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "2px" } }, /* @__PURE__ */ React22.createElement("div", { style: { fontSize: "14px", fontWeight: "700", color: "#fff" } }, name), /* @__PURE__ */ React22.createElement("div", { style: { display: "flex", alignItems: "center", gap: "4px" } }, Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ React22.createElement("svg", { key: i, width: "14", height: "14", viewBox: "0 0 24 24", fill: i < rating ? accent : "rgba(255,255,255,0.15)", stroke: "none" }, /* @__PURE__ */ React22.createElement("path", { d: "M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" })))))), /* @__PURE__ */ React22.createElement("div", { style: { fontSize: "13px", color: "rgba(255,255,255,0.7)", lineHeight: 1.5, marginBottom: "12px" } }, review), /* @__PURE__ */ React22.createElement("div", { style: { fontSize: "11px", color: "rgba(255,255,255,0.4)" } }, date));
+};
 export {
   AnimatedForm,
   AvatarCard,
@@ -3725,6 +3745,7 @@ export {
   PricingCard,
   ProgressBar,
   RatingStars,
+  ReviewCard,
   Sidebar,
   StatCard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "virtual-ui-lib",
-  "version": "1.0.76",
+  "version": "1.0.77",
   "description": "Virtual UI React Component Library",
   "author": "Ankush",
   "license": "ISC",