omui-lib 1.0.12 → 1.0.13
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/chunk-472PLVGR.mjs +113 -0
- package/dist/components/StatsCard/StatsCard.js +146 -0
- package/dist/components/StatsCard/StatsCard.mjs +6 -0
- package/dist/index.js +112 -0
- package/dist/index.mjs +14 -10
- package/package.json +1 -1
|
@@ -0,0 +1,113 @@
|
|
|
1
|
+
// src/components/StatsCard/StatsCard.jsx
|
|
2
|
+
import React from "react";
|
|
3
|
+
var StatsCard = ({
|
|
4
|
+
title = "Total Revenue",
|
|
5
|
+
value = "$24,500",
|
|
6
|
+
change = "+12.5%",
|
|
7
|
+
subtitle = "Compared to last month",
|
|
8
|
+
icon = "\u{1F4B0}",
|
|
9
|
+
color = "#6366f1",
|
|
10
|
+
positive = true
|
|
11
|
+
}) => {
|
|
12
|
+
return /* @__PURE__ */ React.createElement(
|
|
13
|
+
"div",
|
|
14
|
+
{
|
|
15
|
+
style: {
|
|
16
|
+
width: "280px",
|
|
17
|
+
padding: "22px",
|
|
18
|
+
borderRadius: "18px",
|
|
19
|
+
background: "rgba(255,255,255,0.08)",
|
|
20
|
+
border: "1px solid rgba(255,255,255,0.12)",
|
|
21
|
+
backdropFilter: "blur(12px)",
|
|
22
|
+
WebkitBackdropFilter: "blur(12px)",
|
|
23
|
+
color: "#fff",
|
|
24
|
+
boxShadow: "0 10px 30px rgba(0,0,0,0.2)"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
/* @__PURE__ */ React.createElement(
|
|
28
|
+
"div",
|
|
29
|
+
{
|
|
30
|
+
style: {
|
|
31
|
+
display: "flex",
|
|
32
|
+
justifyContent: "space-between",
|
|
33
|
+
alignItems: "center",
|
|
34
|
+
marginBottom: "20px"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
/* @__PURE__ */ React.createElement(
|
|
38
|
+
"span",
|
|
39
|
+
{
|
|
40
|
+
style: {
|
|
41
|
+
fontSize: "14px",
|
|
42
|
+
color: "rgba(255,255,255,0.6)"
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
title
|
|
46
|
+
),
|
|
47
|
+
/* @__PURE__ */ React.createElement(
|
|
48
|
+
"div",
|
|
49
|
+
{
|
|
50
|
+
style: {
|
|
51
|
+
width: "40px",
|
|
52
|
+
height: "40px",
|
|
53
|
+
display: "flex",
|
|
54
|
+
justifyContent: "center",
|
|
55
|
+
alignItems: "center",
|
|
56
|
+
borderRadius: "10px",
|
|
57
|
+
background: `${color}20`,
|
|
58
|
+
fontSize: "20px"
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
icon
|
|
62
|
+
)
|
|
63
|
+
),
|
|
64
|
+
/* @__PURE__ */ React.createElement(
|
|
65
|
+
"h2",
|
|
66
|
+
{
|
|
67
|
+
style: {
|
|
68
|
+
margin: "0 0 10px",
|
|
69
|
+
fontSize: "30px",
|
|
70
|
+
fontWeight: "700"
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
value
|
|
74
|
+
),
|
|
75
|
+
/* @__PURE__ */ React.createElement(
|
|
76
|
+
"div",
|
|
77
|
+
{
|
|
78
|
+
style: {
|
|
79
|
+
display: "flex",
|
|
80
|
+
alignItems: "center",
|
|
81
|
+
gap: "8px"
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
/* @__PURE__ */ React.createElement(
|
|
85
|
+
"span",
|
|
86
|
+
{
|
|
87
|
+
style: {
|
|
88
|
+
color: positive ? "#22c55e" : "#ef4444",
|
|
89
|
+
fontSize: "13px",
|
|
90
|
+
fontWeight: "600"
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
positive ? "\u2197" : "\u2198",
|
|
94
|
+
" ",
|
|
95
|
+
change
|
|
96
|
+
),
|
|
97
|
+
/* @__PURE__ */ React.createElement(
|
|
98
|
+
"span",
|
|
99
|
+
{
|
|
100
|
+
style: {
|
|
101
|
+
color: "rgba(255,255,255,0.45)",
|
|
102
|
+
fontSize: "12px"
|
|
103
|
+
}
|
|
104
|
+
},
|
|
105
|
+
subtitle
|
|
106
|
+
)
|
|
107
|
+
)
|
|
108
|
+
);
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
export {
|
|
112
|
+
StatsCard
|
|
113
|
+
};
|
|
@@ -0,0 +1,146 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all)
|
|
9
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
+
};
|
|
11
|
+
var __copyProps = (to, from, except, desc) => {
|
|
12
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
+
for (let key of __getOwnPropNames(from))
|
|
14
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
+
}
|
|
17
|
+
return to;
|
|
18
|
+
};
|
|
19
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
21
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
22
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
23
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
24
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
25
|
+
mod
|
|
26
|
+
));
|
|
27
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
28
|
+
|
|
29
|
+
// src/components/StatsCard/StatsCard.jsx
|
|
30
|
+
var StatsCard_exports = {};
|
|
31
|
+
__export(StatsCard_exports, {
|
|
32
|
+
StatsCard: () => StatsCard
|
|
33
|
+
});
|
|
34
|
+
module.exports = __toCommonJS(StatsCard_exports);
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
var StatsCard = ({
|
|
37
|
+
title = "Total Revenue",
|
|
38
|
+
value = "$24,500",
|
|
39
|
+
change = "+12.5%",
|
|
40
|
+
subtitle = "Compared to last month",
|
|
41
|
+
icon = "\u{1F4B0}",
|
|
42
|
+
color = "#6366f1",
|
|
43
|
+
positive = true
|
|
44
|
+
}) => {
|
|
45
|
+
return /* @__PURE__ */ import_react.default.createElement(
|
|
46
|
+
"div",
|
|
47
|
+
{
|
|
48
|
+
style: {
|
|
49
|
+
width: "280px",
|
|
50
|
+
padding: "22px",
|
|
51
|
+
borderRadius: "18px",
|
|
52
|
+
background: "rgba(255,255,255,0.08)",
|
|
53
|
+
border: "1px solid rgba(255,255,255,0.12)",
|
|
54
|
+
backdropFilter: "blur(12px)",
|
|
55
|
+
WebkitBackdropFilter: "blur(12px)",
|
|
56
|
+
color: "#fff",
|
|
57
|
+
boxShadow: "0 10px 30px rgba(0,0,0,0.2)"
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
61
|
+
"div",
|
|
62
|
+
{
|
|
63
|
+
style: {
|
|
64
|
+
display: "flex",
|
|
65
|
+
justifyContent: "space-between",
|
|
66
|
+
alignItems: "center",
|
|
67
|
+
marginBottom: "20px"
|
|
68
|
+
}
|
|
69
|
+
},
|
|
70
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
71
|
+
"span",
|
|
72
|
+
{
|
|
73
|
+
style: {
|
|
74
|
+
fontSize: "14px",
|
|
75
|
+
color: "rgba(255,255,255,0.6)"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
title
|
|
79
|
+
),
|
|
80
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
81
|
+
"div",
|
|
82
|
+
{
|
|
83
|
+
style: {
|
|
84
|
+
width: "40px",
|
|
85
|
+
height: "40px",
|
|
86
|
+
display: "flex",
|
|
87
|
+
justifyContent: "center",
|
|
88
|
+
alignItems: "center",
|
|
89
|
+
borderRadius: "10px",
|
|
90
|
+
background: `${color}20`,
|
|
91
|
+
fontSize: "20px"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
icon
|
|
95
|
+
)
|
|
96
|
+
),
|
|
97
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
98
|
+
"h2",
|
|
99
|
+
{
|
|
100
|
+
style: {
|
|
101
|
+
margin: "0 0 10px",
|
|
102
|
+
fontSize: "30px",
|
|
103
|
+
fontWeight: "700"
|
|
104
|
+
}
|
|
105
|
+
},
|
|
106
|
+
value
|
|
107
|
+
),
|
|
108
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
109
|
+
"div",
|
|
110
|
+
{
|
|
111
|
+
style: {
|
|
112
|
+
display: "flex",
|
|
113
|
+
alignItems: "center",
|
|
114
|
+
gap: "8px"
|
|
115
|
+
}
|
|
116
|
+
},
|
|
117
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
118
|
+
"span",
|
|
119
|
+
{
|
|
120
|
+
style: {
|
|
121
|
+
color: positive ? "#22c55e" : "#ef4444",
|
|
122
|
+
fontSize: "13px",
|
|
123
|
+
fontWeight: "600"
|
|
124
|
+
}
|
|
125
|
+
},
|
|
126
|
+
positive ? "\u2197" : "\u2198",
|
|
127
|
+
" ",
|
|
128
|
+
change
|
|
129
|
+
),
|
|
130
|
+
/* @__PURE__ */ import_react.default.createElement(
|
|
131
|
+
"span",
|
|
132
|
+
{
|
|
133
|
+
style: {
|
|
134
|
+
color: "rgba(255,255,255,0.45)",
|
|
135
|
+
fontSize: "12px"
|
|
136
|
+
}
|
|
137
|
+
},
|
|
138
|
+
subtitle
|
|
139
|
+
)
|
|
140
|
+
)
|
|
141
|
+
);
|
|
142
|
+
};
|
|
143
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
144
|
+
0 && (module.exports = {
|
|
145
|
+
StatsCard
|
|
146
|
+
});
|
package/dist/index.js
CHANGED
|
@@ -40,6 +40,7 @@ __export(index_exports, {
|
|
|
40
40
|
ProductCard: () => ProductCard,
|
|
41
41
|
ProfileCard: () => ProfileCard,
|
|
42
42
|
SliderCard: () => SliderCard,
|
|
43
|
+
StatsCard: () => StatsCard,
|
|
43
44
|
SwipeCard: () => SwipeCard,
|
|
44
45
|
TestimonialCard: () => TestimonialCard,
|
|
45
46
|
ThumbnailCard: () => ThumbnailCard
|
|
@@ -1370,6 +1371,116 @@ var BlogCard = ({
|
|
|
1370
1371
|
)
|
|
1371
1372
|
);
|
|
1372
1373
|
};
|
|
1374
|
+
|
|
1375
|
+
// src/components/StatsCard/StatsCard.jsx
|
|
1376
|
+
var import_react15 = __toESM(require("react"));
|
|
1377
|
+
var StatsCard = ({
|
|
1378
|
+
title = "Total Revenue",
|
|
1379
|
+
value = "$24,500",
|
|
1380
|
+
change = "+12.5%",
|
|
1381
|
+
subtitle = "Compared to last month",
|
|
1382
|
+
icon = "\u{1F4B0}",
|
|
1383
|
+
color = "#6366f1",
|
|
1384
|
+
positive = true
|
|
1385
|
+
}) => {
|
|
1386
|
+
return /* @__PURE__ */ import_react15.default.createElement(
|
|
1387
|
+
"div",
|
|
1388
|
+
{
|
|
1389
|
+
style: {
|
|
1390
|
+
width: "280px",
|
|
1391
|
+
padding: "22px",
|
|
1392
|
+
borderRadius: "18px",
|
|
1393
|
+
background: "rgba(255,255,255,0.08)",
|
|
1394
|
+
border: "1px solid rgba(255,255,255,0.12)",
|
|
1395
|
+
backdropFilter: "blur(12px)",
|
|
1396
|
+
WebkitBackdropFilter: "blur(12px)",
|
|
1397
|
+
color: "#fff",
|
|
1398
|
+
boxShadow: "0 10px 30px rgba(0,0,0,0.2)"
|
|
1399
|
+
}
|
|
1400
|
+
},
|
|
1401
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
1402
|
+
"div",
|
|
1403
|
+
{
|
|
1404
|
+
style: {
|
|
1405
|
+
display: "flex",
|
|
1406
|
+
justifyContent: "space-between",
|
|
1407
|
+
alignItems: "center",
|
|
1408
|
+
marginBottom: "20px"
|
|
1409
|
+
}
|
|
1410
|
+
},
|
|
1411
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
1412
|
+
"span",
|
|
1413
|
+
{
|
|
1414
|
+
style: {
|
|
1415
|
+
fontSize: "14px",
|
|
1416
|
+
color: "rgba(255,255,255,0.6)"
|
|
1417
|
+
}
|
|
1418
|
+
},
|
|
1419
|
+
title
|
|
1420
|
+
),
|
|
1421
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
1422
|
+
"div",
|
|
1423
|
+
{
|
|
1424
|
+
style: {
|
|
1425
|
+
width: "40px",
|
|
1426
|
+
height: "40px",
|
|
1427
|
+
display: "flex",
|
|
1428
|
+
justifyContent: "center",
|
|
1429
|
+
alignItems: "center",
|
|
1430
|
+
borderRadius: "10px",
|
|
1431
|
+
background: `${color}20`,
|
|
1432
|
+
fontSize: "20px"
|
|
1433
|
+
}
|
|
1434
|
+
},
|
|
1435
|
+
icon
|
|
1436
|
+
)
|
|
1437
|
+
),
|
|
1438
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
1439
|
+
"h2",
|
|
1440
|
+
{
|
|
1441
|
+
style: {
|
|
1442
|
+
margin: "0 0 10px",
|
|
1443
|
+
fontSize: "30px",
|
|
1444
|
+
fontWeight: "700"
|
|
1445
|
+
}
|
|
1446
|
+
},
|
|
1447
|
+
value
|
|
1448
|
+
),
|
|
1449
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
1450
|
+
"div",
|
|
1451
|
+
{
|
|
1452
|
+
style: {
|
|
1453
|
+
display: "flex",
|
|
1454
|
+
alignItems: "center",
|
|
1455
|
+
gap: "8px"
|
|
1456
|
+
}
|
|
1457
|
+
},
|
|
1458
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
1459
|
+
"span",
|
|
1460
|
+
{
|
|
1461
|
+
style: {
|
|
1462
|
+
color: positive ? "#22c55e" : "#ef4444",
|
|
1463
|
+
fontSize: "13px",
|
|
1464
|
+
fontWeight: "600"
|
|
1465
|
+
}
|
|
1466
|
+
},
|
|
1467
|
+
positive ? "\u2197" : "\u2198",
|
|
1468
|
+
" ",
|
|
1469
|
+
change
|
|
1470
|
+
),
|
|
1471
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
|
1472
|
+
"span",
|
|
1473
|
+
{
|
|
1474
|
+
style: {
|
|
1475
|
+
color: "rgba(255,255,255,0.45)",
|
|
1476
|
+
fontSize: "12px"
|
|
1477
|
+
}
|
|
1478
|
+
},
|
|
1479
|
+
subtitle
|
|
1480
|
+
)
|
|
1481
|
+
)
|
|
1482
|
+
);
|
|
1483
|
+
};
|
|
1373
1484
|
// Annotate the CommonJS export names for ESM import in node:
|
|
1374
1485
|
0 && (module.exports = {
|
|
1375
1486
|
AnimatedProgressBar,
|
|
@@ -1383,6 +1494,7 @@ var BlogCard = ({
|
|
|
1383
1494
|
ProductCard,
|
|
1384
1495
|
ProfileCard,
|
|
1385
1496
|
SliderCard,
|
|
1497
|
+
StatsCard,
|
|
1386
1498
|
SwipeCard,
|
|
1387
1499
|
TestimonialCard,
|
|
1388
1500
|
ThumbnailCard
|
package/dist/index.mjs
CHANGED
|
@@ -1,27 +1,33 @@
|
|
|
1
1
|
import {
|
|
2
2
|
PricingCard
|
|
3
3
|
} from "./chunk-FGTNFYFJ.mjs";
|
|
4
|
+
import {
|
|
5
|
+
ProductCard
|
|
6
|
+
} from "./chunk-TVYAQSOM.mjs";
|
|
7
|
+
import {
|
|
8
|
+
ProfileCard
|
|
9
|
+
} from "./chunk-WFKB25KN.mjs";
|
|
4
10
|
import {
|
|
5
11
|
SliderCard
|
|
6
12
|
} from "./chunk-NJSJATQ6.mjs";
|
|
7
13
|
import {
|
|
8
|
-
|
|
9
|
-
} from "./chunk-
|
|
14
|
+
StatsCard
|
|
15
|
+
} from "./chunk-472PLVGR.mjs";
|
|
10
16
|
import {
|
|
11
17
|
TestimonialCard
|
|
12
18
|
} from "./chunk-M2MU6Y4N.mjs";
|
|
13
19
|
import {
|
|
14
|
-
|
|
15
|
-
} from "./chunk-
|
|
16
|
-
import {
|
|
17
|
-
ProfileCard
|
|
18
|
-
} from "./chunk-WFKB25KN.mjs";
|
|
20
|
+
SwipeCard
|
|
21
|
+
} from "./chunk-XD6E2QQI.mjs";
|
|
19
22
|
import {
|
|
20
23
|
ThumbnailCard
|
|
21
24
|
} from "./chunk-57QJO5RD.mjs";
|
|
22
25
|
import {
|
|
23
26
|
AnimatedProgressBar
|
|
24
27
|
} from "./chunk-VA6HDMVP.mjs";
|
|
28
|
+
import {
|
|
29
|
+
BlogCard
|
|
30
|
+
} from "./chunk-KIF4X4NE.mjs";
|
|
25
31
|
import {
|
|
26
32
|
Button
|
|
27
33
|
} from "./chunk-5LA6VVEY.mjs";
|
|
@@ -37,9 +43,6 @@ import {
|
|
|
37
43
|
import {
|
|
38
44
|
Loader
|
|
39
45
|
} from "./chunk-XGVKPI3O.mjs";
|
|
40
|
-
import {
|
|
41
|
-
BlogCard
|
|
42
|
-
} from "./chunk-KIF4X4NE.mjs";
|
|
43
46
|
export {
|
|
44
47
|
AnimatedProgressBar,
|
|
45
48
|
BlogCard,
|
|
@@ -52,6 +55,7 @@ export {
|
|
|
52
55
|
ProductCard,
|
|
53
56
|
ProfileCard,
|
|
54
57
|
SliderCard,
|
|
58
|
+
StatsCard,
|
|
55
59
|
SwipeCard,
|
|
56
60
|
TestimonialCard,
|
|
57
61
|
ThumbnailCard
|