@volt-ui/react 0.1.0 → 0.1.1

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.
Files changed (3) hide show
  1. package/dist/index.js +61 -31
  2. package/dist/index.mjs +61 -31
  3. package/package.json +4 -2
package/dist/index.js CHANGED
@@ -953,18 +953,21 @@ var RippleButton = ({
953
953
  y,
954
954
  id: Date.now()
955
955
  };
956
- setRipples([...ripples, newRipple]);
956
+ setRipples((prev) => [...prev, newRipple]);
957
957
  setTimeout(() => {
958
958
  setRipples((prev) => prev.filter((r) => r.id !== newRipple.id));
959
959
  }, 600);
960
- notify(getRandomPhrase(), "info");
961
- onClick == null ? void 0 : onClick();
960
+ if (onClick) {
961
+ onClick();
962
+ } else {
963
+ notify(getRandomPhrase(), "info");
964
+ }
962
965
  };
963
966
  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
964
967
  "button",
965
968
  {
966
969
  onClick: handleClick,
967
- className: `relative overflow-hidden px-8 py-4 rounded-lg font-bold text-white text-lg ${className}`,
970
+ className: `relative overflow-hidden px-8 py-4 rounded-lg font-bold text-white text-lg ${className} cursor-pointer`,
968
971
  style: { backgroundColor: color },
969
972
  children: [
970
973
  children,
@@ -1027,11 +1030,14 @@ var MagneticButton = ({
1027
1030
  onMouseEnter: () => setIsHovered(true),
1028
1031
  onMouseLeave: handleMouseLeave,
1029
1032
  onClick: () => {
1030
- notify(getRandomPhrase(), "info");
1031
- onClick == null ? void 0 : onClick();
1033
+ if (onClick) {
1034
+ onClick();
1035
+ } else {
1036
+ notify(getRandomPhrase(), "info");
1037
+ }
1032
1038
  },
1033
1039
  style: { x, y, backgroundColor: color },
1034
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative overflow-hidden ${className}`,
1040
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative overflow-hidden ${className} cursor-pointer`,
1035
1041
  whileHover: { scale: 1.05 },
1036
1042
  whileTap: { scale: 0.95 },
1037
1043
  children: [
@@ -1071,10 +1077,13 @@ var LiquidFillButton = ({
1071
1077
  onMouseEnter: () => setIsHovered(true),
1072
1078
  onMouseLeave: () => setIsHovered(false),
1073
1079
  onClick: () => {
1074
- notify(getRandomPhrase(), "info");
1075
- onClick == null ? void 0 : onClick();
1080
+ if (onClick) {
1081
+ onClick();
1082
+ } else {
1083
+ notify(getRandomPhrase(), "info");
1084
+ }
1076
1085
  },
1077
- className: `relative px-8 py-4 rounded-lg font-bold text-lg overflow-hidden ${className}`,
1086
+ className: `relative px-8 py-4 rounded-lg font-bold text-lg overflow-hidden ${className} cursor-pointer`,
1078
1087
  style: {
1079
1088
  border: `2px solid ${borderColor}`,
1080
1089
  color: isHovered ? textColor : borderColor
@@ -1112,10 +1121,13 @@ var ShimmerButton = ({
1112
1121
  "button",
1113
1122
  {
1114
1123
  onClick: () => {
1115
- notify(getRandomPhrase(), "info");
1116
- onClick == null ? void 0 : onClick();
1124
+ if (onClick) {
1125
+ onClick();
1126
+ } else {
1127
+ notify(getRandomPhrase(), "info");
1128
+ }
1117
1129
  },
1118
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className}`,
1130
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className} cursor-pointer`,
1119
1131
  style: { backgroundColor: color },
1120
1132
  children: [
1121
1133
  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
@@ -1158,10 +1170,13 @@ var GlowPulseButton = ({
1158
1170
  import_framer_motion22.motion.button,
1159
1171
  {
1160
1172
  onClick: () => {
1161
- notify(getRandomPhrase(), "info");
1162
- onClick == null ? void 0 : onClick();
1173
+ if (onClick) {
1174
+ onClick();
1175
+ } else {
1176
+ notify(getRandomPhrase(), "info");
1177
+ }
1163
1178
  },
1164
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg ${className}`,
1179
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg ${className} cursor-pointer`,
1165
1180
  style: {
1166
1181
  backgroundColor: color
1167
1182
  },
@@ -1205,10 +1220,13 @@ var PressButton = ({
1205
1220
  onMouseUp: () => setIsPressed(false),
1206
1221
  onMouseLeave: () => setIsPressed(false),
1207
1222
  onClick: () => {
1208
- notify(getRandomPhrase(), "info");
1209
- onClick == null ? void 0 : onClick();
1223
+ if (onClick) {
1224
+ onClick();
1225
+ } else {
1226
+ notify(getRandomPhrase(), "info");
1227
+ }
1210
1228
  },
1211
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative ${className}`,
1229
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative ${className} cursor-pointer`,
1212
1230
  style: {
1213
1231
  backgroundColor: color,
1214
1232
  boxShadow: isPressed ? `0 2px 0 ${shadowColor}` : `0 ${depth}px 0 ${shadowColor}`,
@@ -1243,10 +1261,13 @@ var SplitRevealButton = ({
1243
1261
  onMouseEnter: () => setIsHovered(true),
1244
1262
  onMouseLeave: () => setIsHovered(false),
1245
1263
  onClick: () => {
1246
- notify(getRandomPhrase(), "info");
1247
- onClick == null ? void 0 : onClick();
1264
+ if (onClick) {
1265
+ onClick();
1266
+ } else {
1267
+ notify(getRandomPhrase(), "info");
1268
+ }
1248
1269
  },
1249
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className}`,
1270
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className} cursor-pointer`,
1250
1271
  style: { backgroundColor: isHovered ? hoverColor : color },
1251
1272
  children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative h-6 w-8 flex items-center justify-center", children: [
1252
1273
  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -1309,14 +1330,17 @@ var ParticleButton = ({
1309
1330
  setTimeout(() => {
1310
1331
  setParticles([]);
1311
1332
  }, 1e3);
1312
- notify(getRandomPhrase(), "info");
1313
- onClick == null ? void 0 : onClick();
1333
+ if (onClick) {
1334
+ onClick();
1335
+ } else {
1336
+ notify(getRandomPhrase(), "info");
1337
+ }
1314
1338
  };
1315
1339
  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
1316
1340
  "button",
1317
1341
  {
1318
1342
  onClick: handleClick,
1319
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-visible ${className}`,
1343
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-visible ${className} cursor-pointer`,
1320
1344
  style: { backgroundColor: color },
1321
1345
  children: [
1322
1346
  /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -1376,10 +1400,13 @@ var BorderGlowButton = ({
1376
1400
  "button",
1377
1401
  {
1378
1402
  onClick: () => {
1379
- notify(getRandomPhrase(), "info");
1380
- onClick == null ? void 0 : onClick();
1403
+ if (onClick) {
1404
+ onClick();
1405
+ } else {
1406
+ notify(getRandomPhrase(), "info");
1407
+ }
1381
1408
  },
1382
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg ${className}`,
1409
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg ${className} cursor-pointer`,
1383
1410
  style: { backgroundColor: color },
1384
1411
  children: [
1385
1412
  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
@@ -1434,10 +1461,13 @@ var ExpandButton = ({
1434
1461
  onMouseEnter: () => setIsExpanded(true),
1435
1462
  onMouseLeave: () => setIsExpanded(false),
1436
1463
  onClick: () => {
1437
- notify(getRandomPhrase(), "info");
1438
- onClick == null ? void 0 : onClick();
1464
+ if (onClick) {
1465
+ onClick();
1466
+ } else {
1467
+ notify(getRandomPhrase(), "info");
1468
+ }
1439
1469
  },
1440
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className}`,
1470
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className} cursor-pointer`,
1441
1471
  style: { backgroundColor: color },
1442
1472
  animate: {
1443
1473
  width: isExpanded ? "auto" : "auto"
package/dist/index.mjs CHANGED
@@ -837,18 +837,21 @@ var RippleButton = ({
837
837
  y,
838
838
  id: Date.now()
839
839
  };
840
- setRipples([...ripples, newRipple]);
840
+ setRipples((prev) => [...prev, newRipple]);
841
841
  setTimeout(() => {
842
842
  setRipples((prev) => prev.filter((r) => r.id !== newRipple.id));
843
843
  }, 600);
844
- notify(getRandomPhrase(), "info");
845
- onClick == null ? void 0 : onClick();
844
+ if (onClick) {
845
+ onClick();
846
+ } else {
847
+ notify(getRandomPhrase(), "info");
848
+ }
846
849
  };
847
850
  return /* @__PURE__ */ jsxs8(
848
851
  "button",
849
852
  {
850
853
  onClick: handleClick,
851
- className: `relative overflow-hidden px-8 py-4 rounded-lg font-bold text-white text-lg ${className}`,
854
+ className: `relative overflow-hidden px-8 py-4 rounded-lg font-bold text-white text-lg ${className} cursor-pointer`,
852
855
  style: { backgroundColor: color },
853
856
  children: [
854
857
  children,
@@ -911,11 +914,14 @@ var MagneticButton = ({
911
914
  onMouseEnter: () => setIsHovered(true),
912
915
  onMouseLeave: handleMouseLeave,
913
916
  onClick: () => {
914
- notify(getRandomPhrase(), "info");
915
- onClick == null ? void 0 : onClick();
917
+ if (onClick) {
918
+ onClick();
919
+ } else {
920
+ notify(getRandomPhrase(), "info");
921
+ }
916
922
  },
917
923
  style: { x, y, backgroundColor: color },
918
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative overflow-hidden ${className}`,
924
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative overflow-hidden ${className} cursor-pointer`,
919
925
  whileHover: { scale: 1.05 },
920
926
  whileTap: { scale: 0.95 },
921
927
  children: [
@@ -955,10 +961,13 @@ var LiquidFillButton = ({
955
961
  onMouseEnter: () => setIsHovered(true),
956
962
  onMouseLeave: () => setIsHovered(false),
957
963
  onClick: () => {
958
- notify(getRandomPhrase(), "info");
959
- onClick == null ? void 0 : onClick();
964
+ if (onClick) {
965
+ onClick();
966
+ } else {
967
+ notify(getRandomPhrase(), "info");
968
+ }
960
969
  },
961
- className: `relative px-8 py-4 rounded-lg font-bold text-lg overflow-hidden ${className}`,
970
+ className: `relative px-8 py-4 rounded-lg font-bold text-lg overflow-hidden ${className} cursor-pointer`,
962
971
  style: {
963
972
  border: `2px solid ${borderColor}`,
964
973
  color: isHovered ? textColor : borderColor
@@ -996,10 +1005,13 @@ var ShimmerButton = ({
996
1005
  "button",
997
1006
  {
998
1007
  onClick: () => {
999
- notify(getRandomPhrase(), "info");
1000
- onClick == null ? void 0 : onClick();
1008
+ if (onClick) {
1009
+ onClick();
1010
+ } else {
1011
+ notify(getRandomPhrase(), "info");
1012
+ }
1001
1013
  },
1002
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className}`,
1014
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className} cursor-pointer`,
1003
1015
  style: { backgroundColor: color },
1004
1016
  children: [
1005
1017
  /* @__PURE__ */ jsx21(
@@ -1042,10 +1054,13 @@ var GlowPulseButton = ({
1042
1054
  motion22.button,
1043
1055
  {
1044
1056
  onClick: () => {
1045
- notify(getRandomPhrase(), "info");
1046
- onClick == null ? void 0 : onClick();
1057
+ if (onClick) {
1058
+ onClick();
1059
+ } else {
1060
+ notify(getRandomPhrase(), "info");
1061
+ }
1047
1062
  },
1048
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg ${className}`,
1063
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg ${className} cursor-pointer`,
1049
1064
  style: {
1050
1065
  backgroundColor: color
1051
1066
  },
@@ -1089,10 +1104,13 @@ var PressButton = ({
1089
1104
  onMouseUp: () => setIsPressed(false),
1090
1105
  onMouseLeave: () => setIsPressed(false),
1091
1106
  onClick: () => {
1092
- notify(getRandomPhrase(), "info");
1093
- onClick == null ? void 0 : onClick();
1107
+ if (onClick) {
1108
+ onClick();
1109
+ } else {
1110
+ notify(getRandomPhrase(), "info");
1111
+ }
1094
1112
  },
1095
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative ${className}`,
1113
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg relative ${className} cursor-pointer`,
1096
1114
  style: {
1097
1115
  backgroundColor: color,
1098
1116
  boxShadow: isPressed ? `0 2px 0 ${shadowColor}` : `0 ${depth}px 0 ${shadowColor}`,
@@ -1127,10 +1145,13 @@ var SplitRevealButton = ({
1127
1145
  onMouseEnter: () => setIsHovered(true),
1128
1146
  onMouseLeave: () => setIsHovered(false),
1129
1147
  onClick: () => {
1130
- notify(getRandomPhrase(), "info");
1131
- onClick == null ? void 0 : onClick();
1148
+ if (onClick) {
1149
+ onClick();
1150
+ } else {
1151
+ notify(getRandomPhrase(), "info");
1152
+ }
1132
1153
  },
1133
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className}`,
1154
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className} cursor-pointer`,
1134
1155
  style: { backgroundColor: isHovered ? hoverColor : color },
1135
1156
  children: /* @__PURE__ */ jsxs12("div", { className: "relative h-6 w-8 flex items-center justify-center", children: [
1136
1157
  /* @__PURE__ */ jsx24(
@@ -1193,14 +1214,17 @@ var ParticleButton = ({
1193
1214
  setTimeout(() => {
1194
1215
  setParticles([]);
1195
1216
  }, 1e3);
1196
- notify(getRandomPhrase(), "info");
1197
- onClick == null ? void 0 : onClick();
1217
+ if (onClick) {
1218
+ onClick();
1219
+ } else {
1220
+ notify(getRandomPhrase(), "info");
1221
+ }
1198
1222
  };
1199
1223
  return /* @__PURE__ */ jsxs13(
1200
1224
  "button",
1201
1225
  {
1202
1226
  onClick: handleClick,
1203
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-visible ${className}`,
1227
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg overflow-visible ${className} cursor-pointer`,
1204
1228
  style: { backgroundColor: color },
1205
1229
  children: [
1206
1230
  /* @__PURE__ */ jsx25(
@@ -1260,10 +1284,13 @@ var BorderGlowButton = ({
1260
1284
  "button",
1261
1285
  {
1262
1286
  onClick: () => {
1263
- notify(getRandomPhrase(), "info");
1264
- onClick == null ? void 0 : onClick();
1287
+ if (onClick) {
1288
+ onClick();
1289
+ } else {
1290
+ notify(getRandomPhrase(), "info");
1291
+ }
1265
1292
  },
1266
- className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg ${className}`,
1293
+ className: `relative px-8 py-4 rounded-lg font-bold text-white text-lg ${className} cursor-pointer`,
1267
1294
  style: { backgroundColor: color },
1268
1295
  children: [
1269
1296
  /* @__PURE__ */ jsx26(
@@ -1318,10 +1345,13 @@ var ExpandButton = ({
1318
1345
  onMouseEnter: () => setIsExpanded(true),
1319
1346
  onMouseLeave: () => setIsExpanded(false),
1320
1347
  onClick: () => {
1321
- notify(getRandomPhrase(), "info");
1322
- onClick == null ? void 0 : onClick();
1348
+ if (onClick) {
1349
+ onClick();
1350
+ } else {
1351
+ notify(getRandomPhrase(), "info");
1352
+ }
1323
1353
  },
1324
- className: `px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className}`,
1354
+ className: `px-8 py-4 rounded-lg font-bold text-white text-lg overflow-hidden ${className} cursor-pointer`,
1325
1355
  style: { backgroundColor: color },
1326
1356
  animate: {
1327
1357
  width: isExpanded ? "auto" : "auto"
package/package.json CHANGED
@@ -1,10 +1,12 @@
1
1
  {
2
2
  "name": "@volt-ui/react",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
7
- "files": ["dist"],
7
+ "files": [
8
+ "dist"
9
+ ],
8
10
  "private": false,
9
11
  "scripts": {
10
12
  "dev": "next dev --turbopack",