virtual-ui-lib 1.0.49 → 1.0.51

package/dist/index.js

@@ -29,8 +29,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.js
 var index_exports = {};
 __export(index_exports, {
+  Avatar: () => Avatar,
   CodeBlock: () => CodeBlock,
   CustomInputField: () => CustomInputField,
+  DividerLine: () => DividerLine,
   FileUpload: () => FileUpload,
   Loader: () => Loader,
   LoadingSpinner: () => LoadingSpinner,
@@ -620,10 +622,52 @@ var import_react13 = __toESM(require("react"));
 var Loader = ({ bg = "#0f172a", accent = "#7c3aed", size = "40px", borderRadius = "8px" }) => {
   return /* @__PURE__ */ import_react13.default.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", background: bg, height: size, width: size, borderRadius } }, /* @__PURE__ */ import_react13.default.createElement("div", { style: { border: `4px solid ${bg}`, borderTop: `4px solid ${accent}`, borderRadius: "50%", width: "100%", height: "100%", animation: "spin 1s linear infinite" } }));
 };
+
+// src/components/Avatar/Avatar.jsx
+var import_react14 = __toESM(require("react"));
+var Avatar = ({
+  image = "https://i.pravatar.cc/150?img=32",
+  alt = "User Avatar",
+  size = "60px",
+  borderColor = "#7c3aed",
+  borderWidth = "4px",
+  radius = "50%"
+}) => {
+  return /* @__PURE__ */ import_react14.default.createElement("div", { style: {
+    width: size,
+    height: size,
+    borderRadius: radius,
+    border: borderWidth + " solid " + borderColor,
+    overflow: "hidden",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    background: "#f3f4f6"
+  } }, /* @__PURE__ */ import_react14.default.createElement("img", { src: image, alt, style: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  } }));
+};
+
+// src/components/DividerLine/DividerLine.jsx
+var import_react15 = __toESM(require("react"));
+var DividerLine = ({
+  text = "Section",
+  textColor = "#f1f5f9",
+  lineColor = "#334155",
+  spacing = "20px",
+  thickness = "2px",
+  borderRadius = "4px"
+}) => {
+  return /* @__PURE__ */ import_react15.default.createElement("div", { style: { display: "flex", alignItems: "center", margin: spacing } }, /* @__PURE__ */ import_react15.default.createElement("div", { style: { flex: 1, height: thickness, background: lineColor, borderRadius } }), /* @__PURE__ */ import_react15.default.createElement("span", { style: { margin: "0 12px", color: textColor, fontSize: "14px", fontWeight: "600" } }, text), /* @__PURE__ */ import_react15.default.createElement("div", { style: { flex: 1, height: thickness, background: lineColor, borderRadius } }));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Avatar,
   CodeBlock,
   CustomInputField,
+  DividerLine,
   FileUpload,
   Loader,
   LoadingSpinner,

package/dist/index.mjs

@@ -573,9 +573,51 @@ import React13 from "react";
 var Loader = ({ bg = "#0f172a", accent = "#7c3aed", size = "40px", borderRadius = "8px" }) => {
   return /* @__PURE__ */ React13.createElement("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", background: bg, height: size, width: size, borderRadius } }, /* @__PURE__ */ React13.createElement("div", { style: { border: `4px solid ${bg}`, borderTop: `4px solid ${accent}`, borderRadius: "50%", width: "100%", height: "100%", animation: "spin 1s linear infinite" } }));
 };
+
+// src/components/Avatar/Avatar.jsx
+import React14 from "react";
+var Avatar = ({
+  image = "https://i.pravatar.cc/150?img=32",
+  alt = "User Avatar",
+  size = "60px",
+  borderColor = "#7c3aed",
+  borderWidth = "4px",
+  radius = "50%"
+}) => {
+  return /* @__PURE__ */ React14.createElement("div", { style: {
+    width: size,
+    height: size,
+    borderRadius: radius,
+    border: borderWidth + " solid " + borderColor,
+    overflow: "hidden",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    background: "#f3f4f6"
+  } }, /* @__PURE__ */ React14.createElement("img", { src: image, alt, style: {
+    width: "100%",
+    height: "100%",
+    objectFit: "cover"
+  } }));
+};
+
+// src/components/DividerLine/DividerLine.jsx
+import React15 from "react";
+var DividerLine = ({
+  text = "Section",
+  textColor = "#f1f5f9",
+  lineColor = "#334155",
+  spacing = "20px",
+  thickness = "2px",
+  borderRadius = "4px"
+}) => {
+  return /* @__PURE__ */ React15.createElement("div", { style: { display: "flex", alignItems: "center", margin: spacing } }, /* @__PURE__ */ React15.createElement("div", { style: { flex: 1, height: thickness, background: lineColor, borderRadius } }), /* @__PURE__ */ React15.createElement("span", { style: { margin: "0 12px", color: textColor, fontSize: "14px", fontWeight: "600" } }, text), /* @__PURE__ */ React15.createElement("div", { style: { flex: 1, height: thickness, background: lineColor, borderRadius } }));
+};
 export {
+  Avatar,
   CodeBlock,
   CustomInputField,
+  DividerLine,
   FileUpload,
   Loader,
   LoadingSpinner,

package/package.json

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