@moontra/moonui-pro 2.28.8 → 2.28.9
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.global.js +1 -1
- package/dist/index.global.js.map +1 -1
- package/dist/index.mjs +60 -43
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -85707,13 +85707,13 @@ function WidgetBase({
|
|
|
85707
85707
|
overlay
|
|
85708
85708
|
}) {
|
|
85709
85709
|
const colorSchemeClasses = {
|
|
85710
|
-
blue: "from-blue-500/
|
|
85711
|
-
green: "from-green-500/
|
|
85712
|
-
purple: "from-purple-500/
|
|
85713
|
-
orange: "from-orange-500/
|
|
85714
|
-
pink: "from-pink-500/
|
|
85715
|
-
cyan: "from-cyan-500/
|
|
85716
|
-
neutral: "from-gray-500/
|
|
85710
|
+
blue: "from-blue-500/10 via-blue-500/5 to-transparent border-blue-500/20 dark:from-blue-400/10 dark:via-blue-400/5 dark:border-blue-400/20",
|
|
85711
|
+
green: "from-green-500/10 via-green-500/5 to-transparent border-green-500/20 dark:from-green-400/10 dark:via-green-400/5 dark:border-green-400/20",
|
|
85712
|
+
purple: "from-purple-500/10 via-purple-500/5 to-transparent border-purple-500/20 dark:from-purple-400/10 dark:via-purple-400/5 dark:border-purple-400/20",
|
|
85713
|
+
orange: "from-orange-500/10 via-orange-500/5 to-transparent border-orange-500/20 dark:from-orange-400/10 dark:via-orange-400/5 dark:border-orange-400/20",
|
|
85714
|
+
pink: "from-pink-500/10 via-pink-500/5 to-transparent border-pink-500/20 dark:from-pink-400/10 dark:via-pink-400/5 dark:border-pink-400/20",
|
|
85715
|
+
cyan: "from-cyan-500/10 via-cyan-500/5 to-transparent border-cyan-500/20 dark:from-cyan-400/10 dark:via-cyan-400/5 dark:border-cyan-400/20",
|
|
85716
|
+
neutral: "from-gray-500/10 via-gray-500/5 to-transparent border-gray-500/20 dark:from-gray-400/10 dark:via-gray-400/5 dark:border-gray-400/20"
|
|
85717
85717
|
};
|
|
85718
85718
|
const roundedClasses = {
|
|
85719
85719
|
none: "rounded-none",
|
|
@@ -85757,6 +85757,16 @@ function WidgetBase({
|
|
|
85757
85757
|
"to-tl": "bg-gradient-to-tl"
|
|
85758
85758
|
// top-left
|
|
85759
85759
|
};
|
|
85760
|
+
const gradientDirectionStyles = {
|
|
85761
|
+
"to-t": { backgroundImage: "linear-gradient(to top, var(--tw-gradient-stops))" },
|
|
85762
|
+
"to-tr": { backgroundImage: "linear-gradient(to top right, var(--tw-gradient-stops))" },
|
|
85763
|
+
"to-r": { backgroundImage: "linear-gradient(to right, var(--tw-gradient-stops))" },
|
|
85764
|
+
"to-br": { backgroundImage: "linear-gradient(to bottom right, var(--tw-gradient-stops))" },
|
|
85765
|
+
"to-b": { backgroundImage: "linear-gradient(to bottom, var(--tw-gradient-stops))" },
|
|
85766
|
+
"to-bl": { backgroundImage: "linear-gradient(to bottom left, var(--tw-gradient-stops))" },
|
|
85767
|
+
"to-l": { backgroundImage: "linear-gradient(to left, var(--tw-gradient-stops))" },
|
|
85768
|
+
"to-tl": { backgroundImage: "linear-gradient(to top left, var(--tw-gradient-stops))" }
|
|
85769
|
+
};
|
|
85760
85770
|
const variantClasses = {
|
|
85761
85771
|
default: "bg-card border",
|
|
85762
85772
|
minimal: "border-0 shadow-none bg-card/50",
|
|
@@ -85767,42 +85777,49 @@ function WidgetBase({
|
|
|
85767
85777
|
overlay: "bg-card border relative overflow-hidden",
|
|
85768
85778
|
floating: "bg-card border-0 shadow-2xl hover:shadow-3xl transform hover:-translate-y-1 transition-all duration-300 ring-1 ring-gray-200/50 dark:ring-gray-700/50"
|
|
85769
85779
|
};
|
|
85770
|
-
const content = /* @__PURE__ */ jsxs(
|
|
85771
|
-
|
|
85772
|
-
|
|
85773
|
-
|
|
85774
|
-
|
|
85775
|
-
|
|
85776
|
-
|
|
85777
|
-
|
|
85778
|
-
|
|
85779
|
-
|
|
85780
|
-
|
|
85781
|
-
|
|
85782
|
-
|
|
85783
|
-
|
|
85784
|
-
|
|
85785
|
-
|
|
85786
|
-
|
|
85787
|
-
|
|
85788
|
-
|
|
85789
|
-
|
|
85790
|
-
|
|
85791
|
-
|
|
85792
|
-
|
|
85793
|
-
|
|
85794
|
-
|
|
85795
|
-
|
|
85796
|
-
|
|
85797
|
-
|
|
85798
|
-
|
|
85799
|
-
|
|
85800
|
-
|
|
85801
|
-
|
|
85802
|
-
|
|
85803
|
-
|
|
85804
|
-
|
|
85805
|
-
|
|
85780
|
+
const content = /* @__PURE__ */ jsxs(
|
|
85781
|
+
MoonUICardPro,
|
|
85782
|
+
{
|
|
85783
|
+
className: cn(
|
|
85784
|
+
variantClasses[variant],
|
|
85785
|
+
roundedClasses[rounded],
|
|
85786
|
+
shadowClasses[shadow],
|
|
85787
|
+
"transition-all duration-200 relative",
|
|
85788
|
+
className
|
|
85789
|
+
),
|
|
85790
|
+
style: variant === "gradient" || variant === "colored" ? gradientDirectionStyles[gradientDirection] : void 0,
|
|
85791
|
+
children: [
|
|
85792
|
+
(variant === "overlay" || overlay) && overlay?.pattern && overlay.pattern !== "none" && /* @__PURE__ */ jsx(
|
|
85793
|
+
"div",
|
|
85794
|
+
{
|
|
85795
|
+
className: "absolute inset-0 pointer-events-none",
|
|
85796
|
+
style: {
|
|
85797
|
+
backgroundImage: overlayPatterns[overlay.pattern],
|
|
85798
|
+
backgroundSize: overlay.pattern === "dots" ? "8px 8px" : overlay.pattern === "grid" ? "20px 20px" : overlay.pattern === "diagonal" ? "8px 8px" : overlay.pattern === "waves" ? "60px 60px" : "auto",
|
|
85799
|
+
opacity: overlay.opacity || 0.1,
|
|
85800
|
+
color: overlay.color || "currentColor"
|
|
85801
|
+
}
|
|
85802
|
+
}
|
|
85803
|
+
),
|
|
85804
|
+
(title || subtitle || headerAction) && /* @__PURE__ */ jsxs(MoonUICardHeaderPro, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
|
|
85805
|
+
/* @__PURE__ */ jsxs("div", { children: [
|
|
85806
|
+
title && /* @__PURE__ */ jsx(MoonUICardTitlePro, { className: "text-base font-semibold", children: title }),
|
|
85807
|
+
subtitle && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: subtitle })
|
|
85808
|
+
] }),
|
|
85809
|
+
headerAction && /* @__PURE__ */ jsx("div", { className: "ml-4", children: headerAction })
|
|
85810
|
+
] }),
|
|
85811
|
+
/* @__PURE__ */ jsx(MoonUICardContentPro, { className: cn(
|
|
85812
|
+
title || subtitle || headerAction ? "pt-0" : "pt-6"
|
|
85813
|
+
), children: loading ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8", children: /* @__PURE__ */ jsxs("div", { className: "animate-pulse space-y-2", children: [
|
|
85814
|
+
/* @__PURE__ */ jsx("div", { className: "h-4 bg-muted rounded w-24 mx-auto" }),
|
|
85815
|
+
/* @__PURE__ */ jsx("div", { className: "h-8 bg-muted rounded w-16 mx-auto" })
|
|
85816
|
+
] }) }) : error ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-8 text-center", children: /* @__PURE__ */ jsxs("div", { className: "text-destructive", children: [
|
|
85817
|
+
/* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: "Error" }),
|
|
85818
|
+
/* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-1", children: error })
|
|
85819
|
+
] }) }) : children })
|
|
85820
|
+
]
|
|
85821
|
+
}
|
|
85822
|
+
);
|
|
85806
85823
|
if (animate5) {
|
|
85807
85824
|
return /* @__PURE__ */ jsx(
|
|
85808
85825
|
motion.div,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@moontra/moonui-pro",
|
|
3
|
-
"version": "2.28.
|
|
3
|
+
"version": "2.28.9",
|
|
4
4
|
"description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.mjs",
|