virtual-ui-lib 1.0.79 → 1.0.80
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 +48 -0
- package/dist/index.mjs +47 -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
|
+
AnimatedButton: () => AnimatedButton,
|
|
32
33
|
AnimatedForm: () => AnimatedForm,
|
|
33
34
|
AvatarCard: () => AvatarCard,
|
|
34
35
|
BackgoundImageSlider: () => BackgoundImageSlider,
|
|
@@ -3941,8 +3942,55 @@ var Button = ({
|
|
|
3941
3942
|
loading ? /* @__PURE__ */ import_react24.default.createElement("span", null, "Loading...") : /* @__PURE__ */ import_react24.default.createElement(import_react24.default.Fragment, null, icon && /* @__PURE__ */ import_react24.default.createElement("span", null, icon), /* @__PURE__ */ import_react24.default.createElement("span", null, text))
|
|
3942
3943
|
);
|
|
3943
3944
|
};
|
|
3945
|
+
|
|
3946
|
+
// src/components/AnimatedButton/AnimatedButton.jsx
|
|
3947
|
+
var import_react25 = __toESM(require("react"));
|
|
3948
|
+
var AnimatedButton = ({
|
|
3949
|
+
text = "Click Me!",
|
|
3950
|
+
bg = "#7c3aed",
|
|
3951
|
+
color = "white",
|
|
3952
|
+
size = "md",
|
|
3953
|
+
width = "auto",
|
|
3954
|
+
radius = "12px",
|
|
3955
|
+
border = "none",
|
|
3956
|
+
weight = "600",
|
|
3957
|
+
shadow = "0 4px 14px rgba(124,58,237,0.4)",
|
|
3958
|
+
onClick
|
|
3959
|
+
}) => {
|
|
3960
|
+
const sizes = { sm: "8px 16px", md: "12px 24px", lg: "16px 32px" };
|
|
3961
|
+
const [hovered, setHovered] = (0, import_react25.useState)(false);
|
|
3962
|
+
return /* @__PURE__ */ import_react25.default.createElement(
|
|
3963
|
+
"button",
|
|
3964
|
+
{
|
|
3965
|
+
onClick,
|
|
3966
|
+
onMouseEnter: () => setHovered(true),
|
|
3967
|
+
onMouseLeave: () => setHovered(false),
|
|
3968
|
+
style: {
|
|
3969
|
+
background: hovered ? "#6b21a8" : bg,
|
|
3970
|
+
color,
|
|
3971
|
+
padding: sizes[size],
|
|
3972
|
+
width,
|
|
3973
|
+
border,
|
|
3974
|
+
borderRadius: radius,
|
|
3975
|
+
cursor: "pointer",
|
|
3976
|
+
fontWeight: weight,
|
|
3977
|
+
fontSize: "15px",
|
|
3978
|
+
boxShadow: shadow,
|
|
3979
|
+
transform: hovered ? "scale(1.05)" : "scale(1)",
|
|
3980
|
+
transition: "transform 0.2s ease, background 0.2s ease",
|
|
3981
|
+
display: "flex",
|
|
3982
|
+
alignItems: "center",
|
|
3983
|
+
justifyContent: "center",
|
|
3984
|
+
fontFamily: "system-ui, sans-serif",
|
|
3985
|
+
letterSpacing: "0.02em"
|
|
3986
|
+
}
|
|
3987
|
+
},
|
|
3988
|
+
text
|
|
3989
|
+
);
|
|
3990
|
+
};
|
|
3944
3991
|
// Annotate the CommonJS export names for ESM import in node:
|
|
3945
3992
|
0 && (module.exports = {
|
|
3993
|
+
AnimatedButton,
|
|
3946
3994
|
AnimatedForm,
|
|
3947
3995
|
AvatarCard,
|
|
3948
3996
|
BackgoundImageSlider,
|
package/dist/index.mjs
CHANGED
|
@@ -3883,7 +3883,54 @@ var Button = ({
|
|
|
3883
3883
|
loading ? /* @__PURE__ */ React24.createElement("span", null, "Loading...") : /* @__PURE__ */ React24.createElement(React24.Fragment, null, icon && /* @__PURE__ */ React24.createElement("span", null, icon), /* @__PURE__ */ React24.createElement("span", null, text))
|
|
3884
3884
|
);
|
|
3885
3885
|
};
|
|
3886
|
+
|
|
3887
|
+
// src/components/AnimatedButton/AnimatedButton.jsx
|
|
3888
|
+
import React25, { useState as useState22 } from "react";
|
|
3889
|
+
var AnimatedButton = ({
|
|
3890
|
+
text = "Click Me!",
|
|
3891
|
+
bg = "#7c3aed",
|
|
3892
|
+
color = "white",
|
|
3893
|
+
size = "md",
|
|
3894
|
+
width = "auto",
|
|
3895
|
+
radius = "12px",
|
|
3896
|
+
border = "none",
|
|
3897
|
+
weight = "600",
|
|
3898
|
+
shadow = "0 4px 14px rgba(124,58,237,0.4)",
|
|
3899
|
+
onClick
|
|
3900
|
+
}) => {
|
|
3901
|
+
const sizes = { sm: "8px 16px", md: "12px 24px", lg: "16px 32px" };
|
|
3902
|
+
const [hovered, setHovered] = useState22(false);
|
|
3903
|
+
return /* @__PURE__ */ React25.createElement(
|
|
3904
|
+
"button",
|
|
3905
|
+
{
|
|
3906
|
+
onClick,
|
|
3907
|
+
onMouseEnter: () => setHovered(true),
|
|
3908
|
+
onMouseLeave: () => setHovered(false),
|
|
3909
|
+
style: {
|
|
3910
|
+
background: hovered ? "#6b21a8" : bg,
|
|
3911
|
+
color,
|
|
3912
|
+
padding: sizes[size],
|
|
3913
|
+
width,
|
|
3914
|
+
border,
|
|
3915
|
+
borderRadius: radius,
|
|
3916
|
+
cursor: "pointer",
|
|
3917
|
+
fontWeight: weight,
|
|
3918
|
+
fontSize: "15px",
|
|
3919
|
+
boxShadow: shadow,
|
|
3920
|
+
transform: hovered ? "scale(1.05)" : "scale(1)",
|
|
3921
|
+
transition: "transform 0.2s ease, background 0.2s ease",
|
|
3922
|
+
display: "flex",
|
|
3923
|
+
alignItems: "center",
|
|
3924
|
+
justifyContent: "center",
|
|
3925
|
+
fontFamily: "system-ui, sans-serif",
|
|
3926
|
+
letterSpacing: "0.02em"
|
|
3927
|
+
}
|
|
3928
|
+
},
|
|
3929
|
+
text
|
|
3930
|
+
);
|
|
3931
|
+
};
|
|
3886
3932
|
export {
|
|
3933
|
+
AnimatedButton,
|
|
3887
3934
|
AnimatedForm,
|
|
3888
3935
|
AvatarCard,
|
|
3889
3936
|
BackgoundImageSlider,
|