virtual-ui-lib 1.0.48 → 1.0.50
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.
- package/dist/index.js +37 -0
- package/dist/index.mjs +35 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -29,9 +29,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
|
|
|
29
29
|
// src/index.js
|
|
30
30
|
var index_exports = {};
|
|
31
31
|
__export(index_exports, {
|
|
32
|
+
Avatar: () => Avatar,
|
|
32
33
|
CodeBlock: () => CodeBlock,
|
|
33
34
|
CustomInputField: () => CustomInputField,
|
|
34
35
|
FileUpload: () => FileUpload,
|
|
36
|
+
Loader: () => Loader,
|
|
35
37
|
LoadingSpinner: () => LoadingSpinner,
|
|
36
38
|
OtpInput: () => OtpInput,
|
|
37
39
|
ResponsiveNavbar: () => ResponsiveNavbar,
|
|
@@ -613,11 +615,46 @@ var FileUpload = ({ bg = "#1e293b", textColor = "#f1f5f9", accent = "#7c3aed", r
|
|
|
613
615
|
), /* @__PURE__ */ import_react12.default.createElement("div", { style: { background: "#e2e8f0", borderRadius: radius, overflow: "hidden", marginTop: "10px" } }, /* @__PURE__ */ import_react12.default.createElement("div", { style: { width: `${progress}%`, background: accent, height: "8px" } }))) : /* @__PURE__ */ import_react12.default.createElement("p", null, placeholder)
|
|
614
616
|
);
|
|
615
617
|
};
|
|
618
|
+
|
|
619
|
+
// src/components/Loader/Loader.jsx
|
|
620
|
+
var import_react13 = __toESM(require("react"));
|
|
621
|
+
var Loader = ({ bg = "#0f172a", accent = "#7c3aed", size = "40px", borderRadius = "8px" }) => {
|
|
622
|
+
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" } }));
|
|
623
|
+
};
|
|
624
|
+
|
|
625
|
+
// src/components/Avatar/Avatar.jsx
|
|
626
|
+
var import_react14 = __toESM(require("react"));
|
|
627
|
+
var Avatar = ({
|
|
628
|
+
image = "https://i.pravatar.cc/150?img=32",
|
|
629
|
+
alt = "User Avatar",
|
|
630
|
+
size = "60px",
|
|
631
|
+
borderColor = "#7c3aed",
|
|
632
|
+
borderWidth = "4px",
|
|
633
|
+
radius = "50%"
|
|
634
|
+
}) => {
|
|
635
|
+
return /* @__PURE__ */ import_react14.default.createElement("div", { style: {
|
|
636
|
+
width: size,
|
|
637
|
+
height: size,
|
|
638
|
+
borderRadius: radius,
|
|
639
|
+
border: borderWidth + " solid " + borderColor,
|
|
640
|
+
overflow: "hidden",
|
|
641
|
+
display: "flex",
|
|
642
|
+
alignItems: "center",
|
|
643
|
+
justifyContent: "center",
|
|
644
|
+
background: "#f3f4f6"
|
|
645
|
+
} }, /* @__PURE__ */ import_react14.default.createElement("img", { src: image, alt, style: {
|
|
646
|
+
width: "100%",
|
|
647
|
+
height: "100%",
|
|
648
|
+
objectFit: "cover"
|
|
649
|
+
} }));
|
|
650
|
+
};
|
|
616
651
|
// Annotate the CommonJS export names for ESM import in node:
|
|
617
652
|
0 && (module.exports = {
|
|
653
|
+
Avatar,
|
|
618
654
|
CodeBlock,
|
|
619
655
|
CustomInputField,
|
|
620
656
|
FileUpload,
|
|
657
|
+
Loader,
|
|
621
658
|
LoadingSpinner,
|
|
622
659
|
OtpInput,
|
|
623
660
|
ResponsiveNavbar,
|
package/dist/index.mjs
CHANGED
|
@@ -567,10 +567,45 @@ var FileUpload = ({ bg = "#1e293b", textColor = "#f1f5f9", accent = "#7c3aed", r
|
|
|
567
567
|
), /* @__PURE__ */ React12.createElement("div", { style: { background: "#e2e8f0", borderRadius: radius, overflow: "hidden", marginTop: "10px" } }, /* @__PURE__ */ React12.createElement("div", { style: { width: `${progress}%`, background: accent, height: "8px" } }))) : /* @__PURE__ */ React12.createElement("p", null, placeholder)
|
|
568
568
|
);
|
|
569
569
|
};
|
|
570
|
+
|
|
571
|
+
// src/components/Loader/Loader.jsx
|
|
572
|
+
import React13 from "react";
|
|
573
|
+
var Loader = ({ bg = "#0f172a", accent = "#7c3aed", size = "40px", borderRadius = "8px" }) => {
|
|
574
|
+
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" } }));
|
|
575
|
+
};
|
|
576
|
+
|
|
577
|
+
// src/components/Avatar/Avatar.jsx
|
|
578
|
+
import React14 from "react";
|
|
579
|
+
var Avatar = ({
|
|
580
|
+
image = "https://i.pravatar.cc/150?img=32",
|
|
581
|
+
alt = "User Avatar",
|
|
582
|
+
size = "60px",
|
|
583
|
+
borderColor = "#7c3aed",
|
|
584
|
+
borderWidth = "4px",
|
|
585
|
+
radius = "50%"
|
|
586
|
+
}) => {
|
|
587
|
+
return /* @__PURE__ */ React14.createElement("div", { style: {
|
|
588
|
+
width: size,
|
|
589
|
+
height: size,
|
|
590
|
+
borderRadius: radius,
|
|
591
|
+
border: borderWidth + " solid " + borderColor,
|
|
592
|
+
overflow: "hidden",
|
|
593
|
+
display: "flex",
|
|
594
|
+
alignItems: "center",
|
|
595
|
+
justifyContent: "center",
|
|
596
|
+
background: "#f3f4f6"
|
|
597
|
+
} }, /* @__PURE__ */ React14.createElement("img", { src: image, alt, style: {
|
|
598
|
+
width: "100%",
|
|
599
|
+
height: "100%",
|
|
600
|
+
objectFit: "cover"
|
|
601
|
+
} }));
|
|
602
|
+
};
|
|
570
603
|
export {
|
|
604
|
+
Avatar,
|
|
571
605
|
CodeBlock,
|
|
572
606
|
CustomInputField,
|
|
573
607
|
FileUpload,
|
|
608
|
+
Loader,
|
|
574
609
|
LoadingSpinner,
|
|
575
610
|
OtpInput,
|
|
576
611
|
ResponsiveNavbar,
|