pre-react-ui-lib 1.0.1 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/index.js +12 -48
  2. package/dist/index.mjs +12 -48
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -67,55 +67,19 @@ var Navbar = ({
67
67
  // src/components/Footer/Footer.jsx
68
68
  var import_react2 = __toESM(require("react"));
69
69
  var Footer = ({
70
- logo = "VirtualAI",
71
- links = ["Home", "Features", "Pricing", "Blog", "Contact"],
72
- copyright = "VirtualAI",
73
- accent = "#6366f1",
74
- bg = "#0f172a"
70
+ backgroundColor = "#0f172a",
71
+ textColor = "rgba(255,255,255,0.7)",
72
+ accentColor = "#6366f1",
73
+ instagramLink = "https://instagram.com",
74
+ facebookLink = "https://facebook.com",
75
+ githubLink = "https://github.com",
76
+ copyrightText = "\xA9 2023 All rights reserved"
75
77
  }) => {
76
- return /* @__PURE__ */ import_react2.default.createElement("footer", { style: {
77
- background: bg,
78
- borderTop: "1px solid rgba(255,255,255,0.06)",
79
- fontFamily: "system-ui, sans-serif",
80
- width: "100%",
81
- boxSizing: "border-box",
82
- padding: "28px 24px"
83
- } }, /* @__PURE__ */ import_react2.default.createElement("div", { style: {
84
- maxWidth: "900px",
85
- margin: "0 auto",
86
- display: "flex",
87
- flexDirection: "column",
88
- alignItems: "center",
89
- gap: "20px"
90
- } }, /* @__PURE__ */ import_react2.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ import_react2.default.createElement("div", { style: {
91
- width: "26px",
92
- height: "26px",
93
- borderRadius: "7px",
94
- background: `linear-gradient(135deg, ${accent}, rgba(99,102,241,0.5))`,
95
- display: "flex",
96
- alignItems: "center",
97
- justifyContent: "center",
98
- fontSize: "12px",
99
- fontWeight: "800",
100
- color: "#fff"
101
- } }, logo[0]), /* @__PURE__ */ import_react2.default.createElement("span", { style: { fontSize: "15px", fontWeight: "800", color: "#fff" } }, logo)), /* @__PURE__ */ import_react2.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", justifyContent: "center", gap: "4px" } }, links.map((link) => /* @__PURE__ */ import_react2.default.createElement(
102
- "a",
103
- {
104
- key: link,
105
- href: "#",
106
- style: {
107
- fontSize: "13px",
108
- color: "rgba(255,255,255,0.4)",
109
- textDecoration: "none",
110
- padding: "4px 12px",
111
- borderRadius: "8px",
112
- transition: "color 0.2s"
113
- },
114
- onMouseEnter: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.85)",
115
- onMouseLeave: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.4)"
116
- },
117
- link
118
- ))), /* @__PURE__ */ import_react2.default.createElement("div", { style: { width: "100%", height: "1px", background: "rgba(255,255,255,0.06)" } }), /* @__PURE__ */ import_react2.default.createElement("p", { style: { fontSize: "12px", color: "rgba(255,255,255,0.22)", margin: 0 } }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", copyright, ". All rights reserved.")));
78
+ const alpha = (hex, op) => {
79
+ const r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
80
+ return "rgba(" + r + "," + g + "," + b + "," + op + ")";
81
+ };
82
+ return /* @__PURE__ */ import_react2.default.createElement("footer", { style: { background: backgroundColor, padding: "40px 20px", borderTop: "1px solid rgba(255,255,255,0.08)", fontFamily: "system-ui,sans-serif" } }, /* @__PURE__ */ import_react2.default.createElement("div", { style: { maxWidth: "800px", margin: "0 auto", display: "flex", flexDirection: "column", alignItems: "center", gap: "20px" } }, /* @__PURE__ */ import_react2.default.createElement("div", { style: { display: "flex", gap: "20px" } }, /* @__PURE__ */ import_react2.default.createElement("a", { href: instagramLink, target: "_blank", rel: "noopener noreferrer", style: { color: textColor, textDecoration: "none", transition: "all 0.2s ease", opacity: 0.7 } }, /* @__PURE__ */ import_react2.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: textColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), /* @__PURE__ */ import_react2.default.createElement("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), /* @__PURE__ */ import_react2.default.createElement("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" }))), /* @__PURE__ */ import_react2.default.createElement("a", { href: facebookLink, target: "_blank", rel: "noopener noreferrer", style: { color: textColor, textDecoration: "none", transition: "all 0.2s ease", opacity: 0.7 } }, /* @__PURE__ */ import_react2.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: textColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }))), /* @__PURE__ */ import_react2.default.createElement("a", { href: githubLink, target: "_blank", rel: "noopener noreferrer", style: { color: textColor, textDecoration: "none", transition: "all 0.2s ease", opacity: 0.7 } }, /* @__PURE__ */ import_react2.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: textColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ import_react2.default.createElement("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" })))), /* @__PURE__ */ import_react2.default.createElement("div", { style: { fontSize: "12px", color: textColor } }, copyrightText)));
119
83
  };
120
84
 
121
85
  // src/components/Charts/Charts.jsx
package/dist/index.mjs CHANGED
@@ -22,55 +22,19 @@ var Navbar = ({
22
22
  // src/components/Footer/Footer.jsx
23
23
  import React2 from "react";
24
24
  var Footer = ({
25
- logo = "VirtualAI",
26
- links = ["Home", "Features", "Pricing", "Blog", "Contact"],
27
- copyright = "VirtualAI",
28
- accent = "#6366f1",
29
- bg = "#0f172a"
25
+ backgroundColor = "#0f172a",
26
+ textColor = "rgba(255,255,255,0.7)",
27
+ accentColor = "#6366f1",
28
+ instagramLink = "https://instagram.com",
29
+ facebookLink = "https://facebook.com",
30
+ githubLink = "https://github.com",
31
+ copyrightText = "\xA9 2023 All rights reserved"
30
32
  }) => {
31
- return /* @__PURE__ */ React2.createElement("footer", { style: {
32
- background: bg,
33
- borderTop: "1px solid rgba(255,255,255,0.06)",
34
- fontFamily: "system-ui, sans-serif",
35
- width: "100%",
36
- boxSizing: "border-box",
37
- padding: "28px 24px"
38
- } }, /* @__PURE__ */ React2.createElement("div", { style: {
39
- maxWidth: "900px",
40
- margin: "0 auto",
41
- display: "flex",
42
- flexDirection: "column",
43
- alignItems: "center",
44
- gap: "20px"
45
- } }, /* @__PURE__ */ React2.createElement("div", { style: { display: "flex", alignItems: "center", gap: "8px" } }, /* @__PURE__ */ React2.createElement("div", { style: {
46
- width: "26px",
47
- height: "26px",
48
- borderRadius: "7px",
49
- background: `linear-gradient(135deg, ${accent}, rgba(99,102,241,0.5))`,
50
- display: "flex",
51
- alignItems: "center",
52
- justifyContent: "center",
53
- fontSize: "12px",
54
- fontWeight: "800",
55
- color: "#fff"
56
- } }, logo[0]), /* @__PURE__ */ React2.createElement("span", { style: { fontSize: "15px", fontWeight: "800", color: "#fff" } }, logo)), /* @__PURE__ */ React2.createElement("div", { style: { display: "flex", flexWrap: "wrap", justifyContent: "center", gap: "4px" } }, links.map((link) => /* @__PURE__ */ React2.createElement(
57
- "a",
58
- {
59
- key: link,
60
- href: "#",
61
- style: {
62
- fontSize: "13px",
63
- color: "rgba(255,255,255,0.4)",
64
- textDecoration: "none",
65
- padding: "4px 12px",
66
- borderRadius: "8px",
67
- transition: "color 0.2s"
68
- },
69
- onMouseEnter: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.85)",
70
- onMouseLeave: (e) => e.currentTarget.style.color = "rgba(255,255,255,0.4)"
71
- },
72
- link
73
- ))), /* @__PURE__ */ React2.createElement("div", { style: { width: "100%", height: "1px", background: "rgba(255,255,255,0.06)" } }), /* @__PURE__ */ React2.createElement("p", { style: { fontSize: "12px", color: "rgba(255,255,255,0.22)", margin: 0 } }, "\xA9 ", (/* @__PURE__ */ new Date()).getFullYear(), " ", copyright, ". All rights reserved.")));
33
+ const alpha = (hex, op) => {
34
+ const r = parseInt(hex.slice(1, 3), 16), g = parseInt(hex.slice(3, 5), 16), b = parseInt(hex.slice(5, 7), 16);
35
+ return "rgba(" + r + "," + g + "," + b + "," + op + ")";
36
+ };
37
+ return /* @__PURE__ */ React2.createElement("footer", { style: { background: backgroundColor, padding: "40px 20px", borderTop: "1px solid rgba(255,255,255,0.08)", fontFamily: "system-ui,sans-serif" } }, /* @__PURE__ */ React2.createElement("div", { style: { maxWidth: "800px", margin: "0 auto", display: "flex", flexDirection: "column", alignItems: "center", gap: "20px" } }, /* @__PURE__ */ React2.createElement("div", { style: { display: "flex", gap: "20px" } }, /* @__PURE__ */ React2.createElement("a", { href: instagramLink, target: "_blank", rel: "noopener noreferrer", style: { color: textColor, textDecoration: "none", transition: "all 0.2s ease", opacity: 0.7 } }, /* @__PURE__ */ React2.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: textColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "5", ry: "5" }), /* @__PURE__ */ React2.createElement("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }), /* @__PURE__ */ React2.createElement("line", { x1: "17.5", y1: "6.5", x2: "17.51", y2: "6.5" }))), /* @__PURE__ */ React2.createElement("a", { href: facebookLink, target: "_blank", rel: "noopener noreferrer", style: { color: textColor, textDecoration: "none", transition: "all 0.2s ease", opacity: 0.7 } }, /* @__PURE__ */ React2.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: textColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" }))), /* @__PURE__ */ React2.createElement("a", { href: githubLink, target: "_blank", rel: "noopener noreferrer", style: { color: textColor, textDecoration: "none", transition: "all 0.2s ease", opacity: 0.7 } }, /* @__PURE__ */ React2.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: textColor, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, /* @__PURE__ */ React2.createElement("path", { d: "M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22" })))), /* @__PURE__ */ React2.createElement("div", { style: { fontSize: "12px", color: textColor } }, copyrightText)));
74
38
  };
75
39
 
76
40
  // src/components/Charts/Charts.jsx
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pre-react-ui-lib",
3
- "version": "1.0.1",
3
+ "version": "1.0.2",
4
4
  "description": "Virtual UI React Component Library",
5
5
  "author": "vikas",
6
6
  "license": "ISC",