virtual-ui-lib 1.0.10 → 1.0.12

package/dist/index.js

@@ -35,6 +35,7 @@ __export(index_exports, {
   Badge: () => Badge,
   Button: () => Button,
   Card: () => Card,
+  CopyButton: () => CopyButton,
   Input: () => Input,
   Modal: () => Modal,
   ProgressBar: () => ProgressBar,
@@ -172,27 +173,22 @@ var Input = ({
 // src/components/Badge/Badge.jsx
 var import_react4 = __toESM(require("react"));
 var Badge = ({
-  text = "Badge",
-  bg = "#111",
-  color = "white",
-  radius = "12px",
-  padding = "4px 10px",
-  size = "12px"
+  text = "NEW",
+  color = "#ffffff",
+  bgColor = "#2563eb",
+  radius = "12px"
 }) => {
-  return /* @__PURE__ */ import_react4.default.createElement(
-    "span",
-    {
-      style: {
-        background: bg,
-        color,
-        padding,
-        borderRadius: radius,
-        fontSize: size,
-        display: "inline-block"
-      }
-    },
-    text
-  );
+  return /* @__PURE__ */ import_react4.default.createElement("div", { style: {
+    background: bgColor,
+    color,
+    borderRadius: radius,
+    padding: "8px 12px",
+    fontSize: "14px",
+    fontWeight: "600",
+    display: "inline-block",
+    boxShadow: "0 4px 10px rgba(0,0,0,0.2)",
+    fontFamily: "system-ui, sans-serif"
+  } }, text);
 };
 
 // src/components/Alert/Alert.jsx
@@ -387,6 +383,50 @@ var AnimatedButton = ({
     loading ? "Loading..." : text
   );
 };
+
+// src/components/CopyButton/CopyButton.jsx
+var import_react11 = __toESM(require("react"));
+var CopyButton = ({
+  text = "Copy",
+  copyText = "Hello, World!",
+  successMessage = "Copied!",
+  bg = "#059669",
+  successBg = "#7c3aed",
+  color = "white",
+  radius = "12px",
+  padding = "10px 20px",
+  onCopy
+}) => {
+  const [copied, setCopied] = (0, import_react11.useState)(false);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(copyText);
+    setCopied(true);
+    if (onCopy) onCopy();
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ import_react11.default.createElement(
+    "button",
+    {
+      onClick: handleCopy,
+      style: {
+        background: copied ? successBg : bg,
+        color,
+        border: "none",
+        borderRadius: radius,
+        padding,
+        cursor: "pointer",
+        fontWeight: "600",
+        fontSize: "16px",
+        transition: "background 0.3s ease",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        filter: copied ? "brightness(0.9)" : "none"
+      }
+    },
+    copied ? successMessage : text
+  );
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Alert,
@@ -395,6 +435,7 @@ var AnimatedButton = ({
   Badge,
   Button,
   Card,
+  CopyButton,
   Input,
   Modal,
   ProgressBar,

package/dist/index.mjs

@@ -128,27 +128,22 @@ var Input = ({
 // src/components/Badge/Badge.jsx
 import React4 from "react";
 var Badge = ({
-  text = "Badge",
-  bg = "#111",
-  color = "white",
-  radius = "12px",
-  padding = "4px 10px",
-  size = "12px"
+  text = "NEW",
+  color = "#ffffff",
+  bgColor = "#2563eb",
+  radius = "12px"
 }) => {
-  return /* @__PURE__ */ React4.createElement(
-    "span",
-    {
-      style: {
-        background: bg,
-        color,
-        padding,
-        borderRadius: radius,
-        fontSize: size,
-        display: "inline-block"
-      }
-    },
-    text
-  );
+  return /* @__PURE__ */ React4.createElement("div", { style: {
+    background: bgColor,
+    color,
+    borderRadius: radius,
+    padding: "8px 12px",
+    fontSize: "14px",
+    fontWeight: "600",
+    display: "inline-block",
+    boxShadow: "0 4px 10px rgba(0,0,0,0.2)",
+    fontFamily: "system-ui, sans-serif"
+  } }, text);
 };
 
 // src/components/Alert/Alert.jsx
@@ -343,6 +338,50 @@ var AnimatedButton = ({
     loading ? "Loading..." : text
   );
 };
+
+// src/components/CopyButton/CopyButton.jsx
+import React11, { useState } from "react";
+var CopyButton = ({
+  text = "Copy",
+  copyText = "Hello, World!",
+  successMessage = "Copied!",
+  bg = "#059669",
+  successBg = "#7c3aed",
+  color = "white",
+  radius = "12px",
+  padding = "10px 20px",
+  onCopy
+}) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = () => {
+    navigator.clipboard.writeText(copyText);
+    setCopied(true);
+    if (onCopy) onCopy();
+    setTimeout(() => setCopied(false), 2e3);
+  };
+  return /* @__PURE__ */ React11.createElement(
+    "button",
+    {
+      onClick: handleCopy,
+      style: {
+        background: copied ? successBg : bg,
+        color,
+        border: "none",
+        borderRadius: radius,
+        padding,
+        cursor: "pointer",
+        fontWeight: "600",
+        fontSize: "16px",
+        transition: "background 0.3s ease",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        filter: copied ? "brightness(0.9)" : "none"
+      }
+    },
+    copied ? successMessage : text
+  );
+};
 export {
   Alert,
   AnimatedButton,
@@ -350,6 +389,7 @@ export {
   Badge,
   Button,
   Card,
+  CopyButton,
   Input,
   Modal,
   ProgressBar,

package/package.json

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