virtual-ui-lib 1.0.49 → 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 +29 -0
- package/dist/index.mjs +28 -0
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -29,6 +29,7 @@ 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,
|
|
@@ -620,8 +621,36 @@ var import_react13 = __toESM(require("react"));
|
|
|
620
621
|
var Loader = ({ bg = "#0f172a", accent = "#7c3aed", size = "40px", borderRadius = "8px" }) => {
|
|
621
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" } }));
|
|
622
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
|
+
};
|
|
623
651
|
// Annotate the CommonJS export names for ESM import in node:
|
|
624
652
|
0 && (module.exports = {
|
|
653
|
+
Avatar,
|
|
625
654
|
CodeBlock,
|
|
626
655
|
CustomInputField,
|
|
627
656
|
FileUpload,
|
package/dist/index.mjs
CHANGED
|
@@ -573,7 +573,35 @@ import React13 from "react";
|
|
|
573
573
|
var Loader = ({ bg = "#0f172a", accent = "#7c3aed", size = "40px", borderRadius = "8px" }) => {
|
|
574
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
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
|
+
};
|
|
576
603
|
export {
|
|
604
|
+
Avatar,
|
|
577
605
|
CodeBlock,
|
|
578
606
|
CustomInputField,
|
|
579
607
|
FileUpload,
|