@sikka/hawa 0.35.3-next → 0.35.5-next
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/appLayout/index.js +49 -49
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +11 -11
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/appTopbar/index.js +18 -18
- package/dist/appTopbar/index.js.map +1 -1
- package/dist/appTopbar/index.mjs +4 -4
- package/dist/appTopbar/index.mjs.map +1 -1
- package/dist/blocks/index.js +62 -62
- package/dist/blocks/index.mjs +3 -3
- package/dist/blocks/pricing/index.js +75 -74
- package/dist/blocks/pricing/index.mjs +2 -1
- package/dist/{chunk-JU6Q4Q3T.mjs → chunk-545D35G6.mjs} +6 -4
- package/dist/{chunk-OW3WFRFQ.mjs → chunk-G7JHUC5N.mjs} +4 -3
- package/dist/{chunk-OWYGADJZ.mjs → chunk-HSRW7X3Z.mjs} +1 -1
- package/dist/{chunk-YNEQBAQC.mjs → chunk-TERP5K6R.mjs} +1 -1
- package/dist/dataTable/index.js +17 -17
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +4 -4
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/dropdownMenu/index.js +4 -3
- package/dist/dropdownMenu/index.js.map +1 -1
- package/dist/dropdownMenu/index.mjs +4 -3
- package/dist/dropdownMenu/index.mjs.map +1 -1
- package/dist/elements/index.js +371 -370
- package/dist/elements/index.mjs +4 -4
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.css +4 -0
- package/dist/index.js +817 -816
- package/dist/index.mjs +12 -11
- package/dist/layout/index.js +145 -145
- package/dist/layout/index.mjs +5 -7
- package/dist/splitButton/index.js +29 -29
- package/dist/splitButton/index.js.map +1 -1
- package/dist/splitButton/index.mjs +4 -4
- package/dist/splitButton/index.mjs.map +1 -1
- package/dist/stats/index.js +1 -1
- package/dist/stats/index.js.map +1 -1
- package/dist/stats/index.mjs +1 -1
- package/dist/stats/index.mjs.map +1 -1
- package/dist/tabs/index.js.map +1 -1
- package/dist/tabs/index.mjs.map +1 -1
- package/package.json +2 -1
package/dist/elements/index.js
CHANGED
@@ -622,6 +622,7 @@ function Skeleton({
|
|
622
622
|
|
623
623
|
// elements/dropdownMenu/DropdownMenu.tsx
|
624
624
|
var React5 = __toESM(require("react"));
|
625
|
+
var import_react4 = require("@headlessui/react");
|
625
626
|
var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
|
626
627
|
var DropdownMenuRoot = DropdownMenuPrimitive.Root;
|
627
628
|
var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
|
@@ -676,7 +677,7 @@ var DropdownMenuSubContent = React5.forwardRef(({ className, ...props }, ref) =>
|
|
676
677
|
}
|
677
678
|
));
|
678
679
|
DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
|
679
|
-
var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(
|
680
|
+
var DropdownMenuContent = React5.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(
|
680
681
|
DropdownMenuPrimitive.Content,
|
681
682
|
{
|
682
683
|
ref,
|
@@ -854,7 +855,7 @@ var DropdownMenu = ({
|
|
854
855
|
},
|
855
856
|
trigger
|
856
857
|
),
|
857
|
-
/* @__PURE__ */ React5.createElement(
|
858
|
+
/* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(
|
858
859
|
DropdownMenuContent,
|
859
860
|
{
|
860
861
|
side,
|
@@ -915,7 +916,7 @@ var DropdownMenu = ({
|
|
915
916
|
},
|
916
917
|
item.icon && item.icon,
|
917
918
|
item.label && item.label
|
918
|
-
), /* @__PURE__ */ React5.createElement(
|
919
|
+
), /* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
919
920
|
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
920
921
|
return /* @__PURE__ */ React5.createElement(
|
921
922
|
DropdownMenuItem,
|
@@ -1014,8 +1015,8 @@ var React9 = __toESM(require("react"));
|
|
1014
1015
|
var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
|
1015
1016
|
|
1016
1017
|
// elements/chip/Chip.tsx
|
1017
|
-
var
|
1018
|
-
var Chip =
|
1018
|
+
var import_react5 = __toESM(require("react"));
|
1019
|
+
var Chip = import_react5.default.forwardRef(
|
1019
1020
|
({
|
1020
1021
|
label,
|
1021
1022
|
size = "normal",
|
@@ -1057,7 +1058,7 @@ var Chip = import_react4.default.forwardRef(
|
|
1057
1058
|
oceanic: "hawa-text-white dark:hawa-text-black hawa-bg-gradient-to-bl hawa-from-green-300 hawa-via-blue-500 hawa-to-purple-600"
|
1058
1059
|
};
|
1059
1060
|
if (label) {
|
1060
|
-
return /* @__PURE__ */
|
1061
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
1061
1062
|
"span",
|
1062
1063
|
{
|
1063
1064
|
...rest,
|
@@ -1069,7 +1070,7 @@ var Chip = import_react4.default.forwardRef(
|
|
1069
1070
|
color ? colorStyles[color] : "hawa-border hawa-bg-none"
|
1070
1071
|
)
|
1071
1072
|
},
|
1072
|
-
dotType && /* @__PURE__ */
|
1073
|
+
dotType && /* @__PURE__ */ import_react5.default.createElement(
|
1073
1074
|
"span",
|
1074
1075
|
{
|
1075
1076
|
className: cn(dotStyles[size], dotTypeStyles[dotType])
|
@@ -1079,7 +1080,7 @@ var Chip = import_react4.default.forwardRef(
|
|
1079
1080
|
label
|
1080
1081
|
);
|
1081
1082
|
} else {
|
1082
|
-
return /* @__PURE__ */
|
1083
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
1083
1084
|
"span",
|
1084
1085
|
{
|
1085
1086
|
...rest,
|
@@ -1227,9 +1228,9 @@ var AccordionPrimitive5 = __toESM(require("@radix-ui/react-accordion"));
|
|
1227
1228
|
var AccordionRoot = AccordionPrimitive5.Root;
|
1228
1229
|
|
1229
1230
|
// elements/logos/Logos.tsx
|
1230
|
-
var
|
1231
|
+
var import_react6 = __toESM(require("react"));
|
1231
1232
|
var Logos = {
|
1232
|
-
metamask: (props) => /* @__PURE__ */
|
1233
|
+
metamask: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1233
1234
|
"svg",
|
1234
1235
|
{
|
1235
1236
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1240,8 +1241,8 @@ var Logos = {
|
|
1240
1241
|
viewBox: "0 0 318.6 318.6",
|
1241
1242
|
...props
|
1242
1243
|
},
|
1243
|
-
/* @__PURE__ */
|
1244
|
-
/* @__PURE__ */
|
1244
|
+
/* @__PURE__ */ import_react6.default.createElement("style", null, ".st1,.st6{fill:#e4761b;stroke:#e4761b;stroke-linecap:round;stroke-linejoin:round}.st6{fill:#f6851b;stroke:#f6851b}"),
|
1245
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1245
1246
|
"path",
|
1246
1247
|
{
|
1247
1248
|
fill: "#e2761b",
|
@@ -1251,21 +1252,21 @@ var Logos = {
|
|
1251
1252
|
d: "m274.1 35.5-99.5 73.9L193 65.8z"
|
1252
1253
|
}
|
1253
1254
|
),
|
1254
|
-
/* @__PURE__ */
|
1255
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1255
1256
|
"path",
|
1256
1257
|
{
|
1257
1258
|
d: "m44.4 35.5 98.7 74.6-17.5-44.3zm193.9 171.3-26.5 40.6 56.7 15.6 16.3-55.3zm-204.4.9L50.1 263l56.7-15.6-26.5-40.6z",
|
1258
1259
|
className: "st1"
|
1259
1260
|
}
|
1260
1261
|
),
|
1261
|
-
/* @__PURE__ */
|
1262
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1262
1263
|
"path",
|
1263
1264
|
{
|
1264
1265
|
d: "m103.6 138.2-15.8 23.9 56.3 2.5-2-60.5zm111.3 0-39-34.8-1.3 61.2 56.2-2.5zM106.8 247.4l33.8-16.5-29.2-22.8zm71.1-16.5 33.9 16.5-4.7-39.3z",
|
1265
1266
|
className: "st1"
|
1266
1267
|
}
|
1267
1268
|
),
|
1268
|
-
/* @__PURE__ */
|
1269
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1269
1270
|
"path",
|
1270
1271
|
{
|
1271
1272
|
fill: "#d7c1b3",
|
@@ -1275,7 +1276,7 @@ var Logos = {
|
|
1275
1276
|
d: "m211.8 247.4-33.9-16.5 2.7 22.1-.3 9.3zm-105 0 31.5 14.9-.2-9.3 2.5-22.1z"
|
1276
1277
|
}
|
1277
1278
|
),
|
1278
|
-
/* @__PURE__ */
|
1279
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1279
1280
|
"path",
|
1280
1281
|
{
|
1281
1282
|
fill: "#233447",
|
@@ -1285,7 +1286,7 @@ var Logos = {
|
|
1285
1286
|
d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
|
1286
1287
|
}
|
1287
1288
|
),
|
1288
|
-
/* @__PURE__ */
|
1289
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1289
1290
|
"path",
|
1290
1291
|
{
|
1291
1292
|
fill: "#cd6116",
|
@@ -1295,7 +1296,7 @@ var Logos = {
|
|
1295
1296
|
d: "m106.8 247.4 4.8-40.6-31.3.9zM207 206.8l4.8 40.6 26.5-39.7zm23.8-44.7-56.2 2.5 5.2 28.9 8.3-17.4 20 9.1zm-120.2 23.1 20-9.1 8.2 17.4 5.3-28.9-56.3-2.5z"
|
1296
1297
|
}
|
1297
1298
|
),
|
1298
|
-
/* @__PURE__ */
|
1299
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1299
1300
|
"path",
|
1300
1301
|
{
|
1301
1302
|
fill: "#e4751f",
|
@@ -1305,14 +1306,14 @@ var Logos = {
|
|
1305
1306
|
d: "m87.8 162.1 23.6 46-.8-22.9zm120.3 23.1-1 22.9 23.7-46zm-64-20.6-5.3 28.9 6.6 34.1 1.5-44.9zm30.5 0-2.7 18 1.2 45 6.7-34.1z"
|
1306
1307
|
}
|
1307
1308
|
),
|
1308
|
-
/* @__PURE__ */
|
1309
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1309
1310
|
"path",
|
1310
1311
|
{
|
1311
1312
|
d: "m179.8 193.5-6.7 34.1 4.8 3.3 29.2-22.8 1-22.9zm-69.2-8.3.8 22.9 29.2 22.8 4.8-3.3-6.6-34.1z",
|
1312
1313
|
className: "st6"
|
1313
1314
|
}
|
1314
1315
|
),
|
1315
|
-
/* @__PURE__ */
|
1316
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1316
1317
|
"path",
|
1317
1318
|
{
|
1318
1319
|
fill: "#c0ad9e",
|
@@ -1322,7 +1323,7 @@ var Logos = {
|
|
1322
1323
|
d: "m180.3 262.3.3-9.3-2.5-2.2h-37.7l-2.3 2.2.2 9.3-31.5-14.9 11 9 22.3 15.5h38.3l22.4-15.5 11-9z"
|
1323
1324
|
}
|
1324
1325
|
),
|
1325
|
-
/* @__PURE__ */
|
1326
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1326
1327
|
"path",
|
1327
1328
|
{
|
1328
1329
|
fill: "#161616",
|
@@ -1332,7 +1333,7 @@ var Logos = {
|
|
1332
1333
|
d: "m177.9 230.9-4.8-3.3h-27.7l-4.8 3.3-2.5 22.1 2.3-2.2h37.7l2.5 2.2z"
|
1333
1334
|
}
|
1334
1335
|
),
|
1335
|
-
/* @__PURE__ */
|
1336
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1336
1337
|
"path",
|
1337
1338
|
{
|
1338
1339
|
fill: "#763d16",
|
@@ -1342,7 +1343,7 @@ var Logos = {
|
|
1342
1343
|
d: "m278.3 114.2 8.5-40.8-12.7-37.9-96.2 71.4 37 31.3 52.3 15.3 11.6-13.5-5-3.6 8-7.3-6.2-4.8 8-6.1zM31.8 73.4l8.5 40.8-5.4 4 8 6.1-6.1 4.8 8 7.3-5 3.6 11.5 13.5 52.3-15.3 37-31.3-96.2-71.4z"
|
1343
1344
|
}
|
1344
1345
|
),
|
1345
|
-
/* @__PURE__ */
|
1346
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1346
1347
|
"path",
|
1347
1348
|
{
|
1348
1349
|
d: "m267.2 153.5-52.3-15.3 15.9 23.9-23.7 46 31.2-.4h46.5zm-163.6-15.3-52.3 15.3-17.4 54.2h46.4l31.1.4-23.6-46zm71 26.4 3.3-57.7 15.2-41.1h-67.5l15 41.1 3.5 57.7 1.2 18.2.1 44.8h27.7l.2-44.8z",
|
@@ -1350,7 +1351,7 @@ var Logos = {
|
|
1350
1351
|
}
|
1351
1352
|
)
|
1352
1353
|
),
|
1353
|
-
nafath: (props) => /* @__PURE__ */
|
1354
|
+
nafath: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1354
1355
|
"svg",
|
1355
1356
|
{
|
1356
1357
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1361,15 +1362,15 @@ var Logos = {
|
|
1361
1362
|
viewBox: "22.5 44.5 535.6 230.34",
|
1362
1363
|
...props
|
1363
1364
|
},
|
1364
|
-
/* @__PURE__ */
|
1365
|
-
/* @__PURE__ */
|
1365
|
+
/* @__PURE__ */ import_react6.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
|
1366
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1366
1367
|
"path",
|
1367
1368
|
{
|
1368
1369
|
d: "M426.1 233.8c1.5.2 2.4.4 3.3.4 21.3 0 42.7.1 64-.1 12.7-.1 20-6.8 20.4-19.4.6-21 .6-42 .6-63 0-3.9 1.1-6.1 4.7-7.9 10.9-5.4 21.5-11.2 32.3-16.8 1.3-.7 2.7-1.3 4.5-2.1.1 1.4.3 2.4.3 3.5 0 29.1.5 58.2-.2 87.3-.5 21.8-9.4 39.7-29.1 51-10.1 5.8-21.3 7.9-32.7 7.9-32.1.2-64.1.2-96.2 0-8.2-.1-16.4-1.8-24.6-2.1-5.5-.2-11 1.1-16.6 1.4-9.3.4-18.7.7-28 .8-26.3.1-52.6.3-78.9-.1-7.8-.1-15.9-1.2-23.4-3.4-22.7-7-34.9-23.3-38.8-46.2-.8-4.9-1-9.9-1-14.9-.1-42.5 0-85-.1-127.5 0-3.6.9-5.6 4.2-7.2 11-5.5 21.8-11.3 32.7-16.9 1.3-.7 2.7-1.3 4.8-2.3v149c0 3.7.2 7.5.7 11.2 1.5 11.1 7.6 17.5 18.7 17.7 22.6.4 45.1.1 67.7.1.4 0 .9-.3 1.9-.6-1-2-1.9-3.9-2.9-5.7-16-27.8-11.5-65.2 7-87.2 11-13.2 25.3-20.4 42.3-21.9 17.3-1.5 33.9.9 48.1 12.1 15.4 12.1 23.3 28.3 25.8 47.5 2.6 19.1-.9 36.8-10.8 53.3-.1.3-.2.9-.7 2.1zm-27.4-48.1c-.8-3.2-1.5-9.2-3.9-14.4-4.9-10.6-13.9-14.9-25.5-14.3-10.4.6-17.9 5.9-21.5 15.7-7.4 19.7 1.5 44.7 19.4 55.5 3.2 1.9 5.8 2 8.9-.1 14.2-9.4 21.9-22.5 22.6-42.4zM78.7 155.1c6.8-11.7 13.6-23.2 20.5-35 13.5 8.1 25.5 17.4 35.1 29.4 18.1 22.4 24.3 48.2 21.3 76.5-.7 6.9-2.2 13.9-4.6 20.4-6 16.6-18.8 26.3-35.8 27.1-30.6 1.4-61.2.8-91.9 1.1-.1 0-.3-.1-.8-.4.4-1 .7-2.2 1.2-3.2 5.7-11 11.6-22 17.2-33.1 1.4-2.7 3-3.7 6.1-3.7 15.4.2 30.8-.4 46.2.2 18.1.7 21.6-10.1 21.2-23-.7-23.6-12.1-40.9-31.6-53.4-1.1-.9-2.4-1.8-4.1-2.9zM536.2 44.5c13.4 0 21.9 8.4 21.9 21.7 0 14.4-7.4 22.1-21.5 22.3-13.4.2-22-8.4-22.1-22.1 0-13.3 8.4-21.9 21.7-21.9zM121.1 66.4c0 14.8-7.3 22.3-21.5 22.1-13.5-.2-22-9-21.9-22.5.2-13.2 8.8-21.5 22.3-21.5 13.2.1 21.1 8.3 21.1 21.9z",
|
1369
1370
|
className: "st0"
|
1370
1371
|
}
|
1371
1372
|
),
|
1372
|
-
/* @__PURE__ */
|
1373
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1373
1374
|
"path",
|
1374
1375
|
{
|
1375
1376
|
d: "M393 71.1c-.1 14.7-6.8 21.6-21.3 21.6-13.9 0-21.9-8.1-21.9-22.1 0-13.7 8.3-21.6 22.4-21.5 13.3.1 20.8 8.2 20.8 22z",
|
@@ -1377,7 +1378,7 @@ var Logos = {
|
|
1377
1378
|
}
|
1378
1379
|
)
|
1379
1380
|
),
|
1380
|
-
hawa: (props) => /* @__PURE__ */
|
1381
|
+
hawa: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1381
1382
|
"svg",
|
1382
1383
|
{
|
1383
1384
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1385,7 +1386,7 @@ var Logos = {
|
|
1385
1386
|
viewBox: "0 0 765 765",
|
1386
1387
|
...props
|
1387
1388
|
},
|
1388
|
-
/* @__PURE__ */
|
1389
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1389
1390
|
"path",
|
1390
1391
|
{
|
1391
1392
|
d: "M382.5 0C171.6 0 0 171.6 0 382.5V765h382.5C593.4 765 765 593.4 765 382.5S593.4 0 382.5 0zM281.6 305.7c98 0 177.7 79.7 177.7 177.7 0 98-79.7 177.7-177.7 177.7s-177.7-79.7-177.7-177.7c0-98 79.7-177.7 177.7-177.7zm246 314.5c23.2-41.6 35.6-88.7 35.6-136.7 0-155.3-126.3-281.6-281.6-281.6-48 0-95.1 12.4-136.8 35.6C194.9 156 285 104 382.5 104c153.6 0 278.6 125 278.6 278.6 0 97.3-52 187.5-133.5 237.6z",
|
@@ -1393,7 +1394,7 @@ var Logos = {
|
|
1393
1394
|
}
|
1394
1395
|
)
|
1395
1396
|
),
|
1396
|
-
sikka: (props) => /* @__PURE__ */
|
1397
|
+
sikka: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1397
1398
|
"svg",
|
1398
1399
|
{
|
1399
1400
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1403,11 +1404,11 @@ var Logos = {
|
|
1403
1404
|
fill: "currentColor",
|
1404
1405
|
...props
|
1405
1406
|
},
|
1406
|
-
/* @__PURE__ */
|
1407
|
-
/* @__PURE__ */
|
1408
|
-
/* @__PURE__ */
|
1407
|
+
/* @__PURE__ */ import_react6.default.createElement("defs", null, /* @__PURE__ */ import_react6.default.createElement("path", { id: "a", d: "M0 0h916.5v765H0z" })),
|
1408
|
+
/* @__PURE__ */ import_react6.default.createElement("clipPath", { id: "b" }, /* @__PURE__ */ import_react6.default.createElement("use", { xlinkHref: "#a", overflow: "visible" })),
|
1409
|
+
/* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#b)" }, /* @__PURE__ */ import_react6.default.createElement("defs", null, /* @__PURE__ */ import_react6.default.createElement("path", { id: "c", d: "M0 0h916.5v765H0z" })), /* @__PURE__ */ import_react6.default.createElement("clipPath", { id: "d" }, /* @__PURE__ */ import_react6.default.createElement("use", { xlinkHref: "#c", overflow: "visible" })), /* @__PURE__ */ import_react6.default.createElement("g", { clipPath: "url(#d)" }, /* @__PURE__ */ import_react6.default.createElement("path", { d: "M458.3 0h-31.9c-14.6 0-26.5 11.9-26.5 26.3v313.3L136.6 17.1C126 3.9 120.7 0 106.1 0H9.7C.5 0 0 7.9 0 17.1 0 21 1.3 26.3 4 29l288.7 353.6L4 736.1c-2.7 2.7-4 7.9-4 11.8 0 9.2.4 17.1 9.7 17.1h96.4c14.6 0 19.9-3.9 30.5-17.1l263.3-322.5v313.3c0 14.4 11.9 26.3 26.5 26.3h31.9M458.3 765h31.9c14.6 0 26.5-11.8 26.5-26.3V425.5L780 748c10.7 13.2 15.9 17.1 30.5 17.1h96.4c9.2 0 9.7-7.9 9.7-17.1 0-3.9-1.3-9.2-4-11.8L623.8 382.5 912.5 28.9c2.7-2.7 4-7.9 4-11.9 0-9.2-.5-17.1-9.7-17.1h-96.4c-14.6 0-19.9 3.9-30.5 17.1L516.7 339.5V26.3c0-14.4-11.9-26.3-26.5-26.3h-31.9" })))
|
1409
1410
|
),
|
1410
|
-
mail: (props) => /* @__PURE__ */
|
1411
|
+
mail: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1411
1412
|
"svg",
|
1412
1413
|
{
|
1413
1414
|
stroke: "currentColor",
|
@@ -1419,10 +1420,10 @@ var Logos = {
|
|
1419
1420
|
xmlns: "http://www.w3.org/2000/svg",
|
1420
1421
|
...props
|
1421
1422
|
},
|
1422
|
-
/* @__PURE__ */
|
1423
|
-
/* @__PURE__ */
|
1423
|
+
/* @__PURE__ */ import_react6.default.createElement("path", { d: "M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" }),
|
1424
|
+
/* @__PURE__ */ import_react6.default.createElement("polyline", { points: "22,6 12,13 2,6" })
|
1424
1425
|
),
|
1425
|
-
phone: (props) => /* @__PURE__ */
|
1426
|
+
phone: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1426
1427
|
"svg",
|
1427
1428
|
{
|
1428
1429
|
stroke: "currentColor",
|
@@ -1433,7 +1434,7 @@ var Logos = {
|
|
1433
1434
|
xmlns: "http://www.w3.org/2000/svg",
|
1434
1435
|
...props
|
1435
1436
|
},
|
1436
|
-
/* @__PURE__ */
|
1437
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1437
1438
|
"path",
|
1438
1439
|
{
|
1439
1440
|
strokeLinecap: "round",
|
@@ -1442,14 +1443,14 @@ var Logos = {
|
|
1442
1443
|
}
|
1443
1444
|
)
|
1444
1445
|
),
|
1445
|
-
twitter: (props) => /* @__PURE__ */
|
1446
|
+
twitter: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1446
1447
|
"path",
|
1447
1448
|
{
|
1448
1449
|
fill: "currentColor",
|
1449
1450
|
d: "M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148a13.98 13.98 0 0 0 10.15 5.144 4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
|
1450
1451
|
}
|
1451
1452
|
)),
|
1452
|
-
instagram: (props) => /* @__PURE__ */
|
1453
|
+
instagram: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1453
1454
|
"svg",
|
1454
1455
|
{
|
1455
1456
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1457,23 +1458,23 @@ var Logos = {
|
|
1457
1458
|
viewBox: "0 0 16 16",
|
1458
1459
|
...props
|
1459
1460
|
},
|
1460
|
-
/* @__PURE__ */
|
1461
|
+
/* @__PURE__ */ import_react6.default.createElement("path", { d: "M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z" })
|
1461
1462
|
),
|
1462
|
-
microsoft: (props) => /* @__PURE__ */
|
1463
|
+
microsoft: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1463
1464
|
"path",
|
1464
1465
|
{
|
1465
1466
|
fill: "currentColor",
|
1466
1467
|
d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
|
1467
1468
|
}
|
1468
1469
|
)),
|
1469
|
-
github: (props) => /* @__PURE__ */
|
1470
|
+
github: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1470
1471
|
"svg",
|
1471
1472
|
{
|
1472
1473
|
xmlns: "http://www.w3.org/2000/svg",
|
1473
1474
|
viewBox: "0 0 438.549 438.549",
|
1474
1475
|
...props
|
1475
1476
|
},
|
1476
|
-
/* @__PURE__ */
|
1477
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1477
1478
|
"path",
|
1478
1479
|
{
|
1479
1480
|
fill: "currentColor",
|
@@ -1481,77 +1482,77 @@ var Logos = {
|
|
1481
1482
|
}
|
1482
1483
|
)
|
1483
1484
|
),
|
1484
|
-
radix: (props) => /* @__PURE__ */
|
1485
|
+
radix: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 25 25", fill: "none", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1485
1486
|
"path",
|
1486
1487
|
{
|
1487
1488
|
d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
|
1488
1489
|
fill: "currentcolor"
|
1489
1490
|
}
|
1490
|
-
), /* @__PURE__ */
|
1491
|
+
), /* @__PURE__ */ import_react6.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react6.default.createElement(
|
1491
1492
|
"path",
|
1492
1493
|
{
|
1493
1494
|
d: "M17 8C19.2091 8 21 6.20914 21 4C21 1.79086 19.2091 0 17 0C14.7909 0 13 1.79086 13 4C13 6.20914 14.7909 8 17 8Z",
|
1494
1495
|
fill: "currentcolor"
|
1495
1496
|
}
|
1496
1497
|
)),
|
1497
|
-
aria: (props) => /* @__PURE__ */
|
1498
|
-
npm: (props) => /* @__PURE__ */
|
1498
|
+
aria: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", fill: "currentColor", ...props }, /* @__PURE__ */ import_react6.default.createElement("path", { d: "M13.966 22.624l-1.69-4.281H8.122l3.892-9.144 5.662 13.425zM8.884 1.376H0v21.248zm15.116 0h-8.884L24 22.624Z" })),
|
1499
|
+
npm: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1499
1500
|
"path",
|
1500
1501
|
{
|
1501
1502
|
d: "M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z",
|
1502
1503
|
fill: "currentColor"
|
1503
1504
|
}
|
1504
1505
|
)),
|
1505
|
-
yarn: (props) => /* @__PURE__ */
|
1506
|
+
yarn: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1506
1507
|
"path",
|
1507
1508
|
{
|
1508
1509
|
d: "M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12 12-5.375 12-12S18.625 0 12 0zm.768 4.105c.183 0 .363.053.525.157.125.083.287.185.755 1.154.31-.088.468-.042.551-.019.204.056.366.19.463.375.477.917.542 2.553.334 3.605-.241 1.232-.755 2.029-1.131 2.576.324.329.778.899 1.117 1.825.278.774.31 1.478.273 2.015a5.51 5.51 0 0 0 .602-.329c.593-.366 1.487-.917 2.553-.931.714-.009 1.269.445 1.353 1.103a1.23 1.23 0 0 1-.945 1.362c-.649.158-.95.278-1.821.843-1.232.797-2.539 1.242-3.012 1.39a1.686 1.686 0 0 1-.704.343c-.737.181-3.266.315-3.466.315h-.046c-.783 0-1.214-.241-1.45-.491-.658.329-1.51.19-2.122-.134a1.078 1.078 0 0 1-.58-1.153 1.243 1.243 0 0 1-.153-.195c-.162-.25-.528-.936-.454-1.946.056-.723.556-1.367.88-1.71a5.522 5.522 0 0 1 .408-2.256c.306-.727.885-1.348 1.32-1.737-.32-.537-.644-1.367-.329-2.21.227-.602.412-.936.82-1.08h-.005c.199-.074.389-.153.486-.259a3.418 3.418 0 0 1 2.298-1.103c.037-.093.079-.185.125-.283.31-.658.639-1.029 1.024-1.168a.94.94 0 0 1 .328-.06zm.006.7c-.507.016-1.001 1.519-1.001 1.519s-1.27-.204-2.266.871c-.199.218-.468.334-.746.44-.079.028-.176.023-.417.672-.371.991.625 2.094.625 2.094s-1.186.839-1.626 1.881c-.486 1.144-.338 2.261-.338 2.261s-.843.732-.899 1.487c-.051.663.139 1.2.343 1.515.227.343.51.176.51.176s-.561.653-.037.931c.477.25 1.283.394 1.71-.037.31-.31.371-1.001.486-1.283.028-.065.12.111.209.199.097.093.264.195.264.195s-.755.324-.445 1.066c.102.246.468.403 1.066.398.222-.005 2.664-.139 3.313-.296.375-.088.505-.283.505-.283s1.566-.431 2.998-1.357c.917-.598 1.293-.76 2.034-.936.612-.148.57-1.098-.241-1.084-.839.009-1.575.44-2.196.825-1.163.718-1.742.672-1.742.672l-.018-.032c-.079-.13.371-1.293-.134-2.678-.547-1.515-1.413-1.881-1.344-1.997.297-.5 1.038-1.297 1.334-2.78.176-.899.13-2.377-.269-3.151-.074-.144-.732.241-.732.241s-.616-1.371-.788-1.483a.271.271 0 0 0-.157-.046z",
|
1509
1510
|
fill: "currentColor"
|
1510
1511
|
}
|
1511
1512
|
)),
|
1512
|
-
pnpm: (props) => /* @__PURE__ */
|
1513
|
+
pnpm: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1513
1514
|
"path",
|
1514
1515
|
{
|
1515
1516
|
d: "M0 0v7.5h7.5V0zm8.25 0v7.5h7.498V0zm8.25 0v7.5H24V0zM8.25 8.25v7.5h7.498v-7.5zm8.25 0v7.5H24v-7.5zM0 16.5V24h7.5v-7.5zm8.25 0V24h7.498v-7.5zm8.25 0V24H24v-7.5z",
|
1516
1517
|
fill: "currentColor"
|
1517
1518
|
}
|
1518
1519
|
)),
|
1519
|
-
react: (props) => /* @__PURE__ */
|
1520
|
+
react: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1520
1521
|
"path",
|
1521
1522
|
{
|
1522
1523
|
d: "M14.23 12.004a2.236 2.236 0 0 1-2.235 2.236 2.236 2.236 0 0 1-2.236-2.236 2.236 2.236 0 0 1 2.235-2.236 2.236 2.236 0 0 1 2.236 2.236zm2.648-10.69c-1.346 0-3.107.96-4.888 2.622-1.78-1.653-3.542-2.602-4.887-2.602-.41 0-.783.093-1.106.278-1.375.793-1.683 3.264-.973 6.365C1.98 8.917 0 10.42 0 12.004c0 1.59 1.99 3.097 5.043 4.03-.704 3.113-.39 5.588.988 6.38.32.187.69.275 1.102.275 1.345 0 3.107-.96 4.888-2.624 1.78 1.654 3.542 2.603 4.887 2.603.41 0 .783-.09 1.106-.275 1.374-.792 1.683-3.263.973-6.365C22.02 15.096 24 13.59 24 12.004c0-1.59-1.99-3.097-5.043-4.032.704-3.11.39-5.587-.988-6.38-.318-.184-.688-.277-1.092-.278zm-.005 1.09v.006c.225 0 .406.044.558.127.666.382.955 1.835.73 3.704-.054.46-.142.945-.25 1.44-.96-.236-2.006-.417-3.107-.534-.66-.905-1.345-1.727-2.035-2.447 1.592-1.48 3.087-2.292 4.105-2.295zm-9.77.02c1.012 0 2.514.808 4.11 2.28-.686.72-1.37 1.537-2.02 2.442-1.107.117-2.154.298-3.113.538-.112-.49-.195-.964-.254-1.42-.23-1.868.054-3.32.714-3.707.19-.09.4-.127.563-.132zm4.882 3.05c.455.468.91.992 1.36 1.564-.44-.02-.89-.034-1.345-.034-.46 0-.915.01-1.36.034.44-.572.895-1.096 1.345-1.565zM12 8.1c.74 0 1.477.034 2.202.093.406.582.802 1.203 1.183 1.86.372.64.71 1.29 1.018 1.946-.308.655-.646 1.31-1.013 1.95-.38.66-.773 1.288-1.18 1.87-.728.063-1.466.098-2.21.098-.74 0-1.477-.035-2.202-.093-.406-.582-.802-1.204-1.183-1.86-.372-.64-.71-1.29-1.018-1.946.303-.657.646-1.313 1.013-1.954.38-.66.773-1.286 1.18-1.868.728-.064 1.466-.098 2.21-.098zm-3.635.254c-.24.377-.48.763-.704 1.16-.225.39-.435.782-.635 1.174-.265-.656-.49-1.31-.676-1.947.64-.15 1.315-.283 2.015-.386zm7.26 0c.695.103 1.365.23 2.006.387-.18.632-.405 1.282-.66 1.933-.2-.39-.41-.783-.64-1.174-.225-.392-.465-.774-.705-1.146zm3.063.675c.484.15.944.317 1.375.498 1.732.74 2.852 1.708 2.852 2.476-.005.768-1.125 1.74-2.857 2.475-.42.18-.88.342-1.355.493-.28-.958-.646-1.956-1.1-2.98.45-1.017.81-2.01 1.085-2.964zm-13.395.004c.278.96.645 1.957 1.1 2.98-.45 1.017-.812 2.01-1.086 2.964-.484-.15-.944-.318-1.37-.5-1.732-.737-2.852-1.706-2.852-2.474 0-.768 1.12-1.742 2.852-2.476.42-.18.88-.342 1.356-.494zm11.678 4.28c.265.657.49 1.312.676 1.948-.64.157-1.316.29-2.016.39.24-.375.48-.762.705-1.158.225-.39.435-.788.636-1.18zm-9.945.02c.2.392.41.783.64 1.175.23.39.465.772.705 1.143-.695-.102-1.365-.23-2.006-.386.18-.63.406-1.282.66-1.933zM17.92 16.32c.112.493.2.968.254 1.423.23 1.868-.054 3.32-.714 3.708-.147.09-.338.128-.563.128-1.012 0-2.514-.807-4.11-2.28.686-.72 1.37-1.536 2.02-2.44 1.107-.118 2.154-.3 3.113-.54zm-11.83.01c.96.234 2.006.415 3.107.532.66.905 1.345 1.727 2.035 2.446-1.595 1.483-3.092 2.295-4.11 2.295-.22-.005-.406-.05-.553-.132-.666-.38-.955-1.834-.73-3.703.054-.46.142-.944.25-1.438zm4.56.64c.44.02.89.034 1.345.034.46 0 .915-.01 1.36-.034-.44.572-.895 1.095-1.345 1.565-.455-.47-.91-.993-1.36-1.565z",
|
1523
1524
|
fill: "currentColor"
|
1524
1525
|
}
|
1525
1526
|
)),
|
1526
|
-
tailwind: (props) => /* @__PURE__ */
|
1527
|
+
tailwind: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1527
1528
|
"path",
|
1528
1529
|
{
|
1529
1530
|
d: "M12.001,4.8c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 C13.666,10.618,15.027,12,18.001,12c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C16.337,6.182,14.976,4.8,12.001,4.8z M6.001,12c-3.2,0-5.2,1.6-6,4.8c1.2-1.6,2.6-2.2,4.2-1.8c0.913,0.228,1.565,0.89,2.288,1.624 c1.177,1.194,2.538,2.576,5.512,2.576c3.2,0,5.2-1.6,6-4.8c-1.2,1.6-2.6,2.2-4.2,1.8c-0.913-0.228-1.565-0.89-2.288-1.624 C10.337,13.382,8.976,12,6.001,12z",
|
1530
1531
|
fill: "currentColor"
|
1531
1532
|
}
|
1532
1533
|
)),
|
1533
|
-
google: (props) => /* @__PURE__ */
|
1534
|
+
google: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1534
1535
|
"path",
|
1535
1536
|
{
|
1536
1537
|
fill: "currentColor",
|
1537
1538
|
d: "M12.48 10.92v3.28h7.84c-.24 1.84-.853 3.187-1.787 4.133-1.147 1.147-2.933 2.4-6.053 2.4-4.827 0-8.6-3.893-8.6-8.72s3.773-8.72 8.6-8.72c2.6 0 4.507 1.027 5.907 2.347l2.307-2.307C18.747 1.44 16.133 0 12.48 0 5.867 0 .307 5.387.307 12s5.56 12 12.173 12c3.573 0 6.267-1.173 8.373-3.36 2.16-2.16 2.84-5.213 2.84-7.667 0-.76-.053-1.467-.173-2.053H12.48z"
|
1538
1539
|
}
|
1539
1540
|
)),
|
1540
|
-
apple: (props) => /* @__PURE__ */
|
1541
|
+
apple: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1541
1542
|
"path",
|
1542
1543
|
{
|
1543
1544
|
d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
|
1544
1545
|
fill: "currentColor"
|
1545
1546
|
}
|
1546
1547
|
)),
|
1547
|
-
paypal: (props) => /* @__PURE__ */
|
1548
|
+
paypal: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { role: "img", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1548
1549
|
"path",
|
1549
1550
|
{
|
1550
1551
|
d: "M7.076 21.337H2.47a.641.641 0 0 1-.633-.74L4.944.901C5.026.382 5.474 0 5.998 0h7.46c2.57 0 4.578.543 5.69 1.81 1.01 1.15 1.304 2.42 1.012 4.287-.023.143-.047.288-.077.437-.983 5.05-4.349 6.797-8.647 6.797h-2.19c-.524 0-.968.382-1.05.9l-1.12 7.106zm14.146-14.42a3.35 3.35 0 0 0-.607-.541c-.013.076-.026.175-.041.254-.93 4.778-4.005 7.201-9.138 7.201h-2.19a.563.563 0 0 0-.556.479l-1.187 7.527h-.506l-.24 1.516a.56.56 0 0 0 .554.647h3.882c.46 0 .85-.334.922-.788.06-.26.76-4.852.816-5.09a.932.932 0 0 1 .923-.788h.58c3.76 0 6.705-1.528 7.565-5.946.36-1.847.174-3.388-.777-4.471z",
|
1551
1552
|
fill: "currentColor"
|
1552
1553
|
}
|
1553
1554
|
)),
|
1554
|
-
spinner: (props) => /* @__PURE__ */
|
1555
|
+
spinner: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1555
1556
|
"svg",
|
1556
1557
|
{
|
1557
1558
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1565,9 +1566,9 @@ var Logos = {
|
|
1565
1566
|
strokeLinejoin: "round",
|
1566
1567
|
...props
|
1567
1568
|
},
|
1568
|
-
/* @__PURE__ */
|
1569
|
+
/* @__PURE__ */ import_react6.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
1569
1570
|
),
|
1570
|
-
whatsapp: (props) => /* @__PURE__ */
|
1571
|
+
whatsapp: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1571
1572
|
"svg",
|
1572
1573
|
{
|
1573
1574
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1575,7 +1576,7 @@ var Logos = {
|
|
1575
1576
|
fill: "currentColor",
|
1576
1577
|
...props
|
1577
1578
|
},
|
1578
|
-
/* @__PURE__ */
|
1579
|
+
/* @__PURE__ */ import_react6.default.createElement("path", { d: "M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z" })
|
1579
1580
|
)
|
1580
1581
|
};
|
1581
1582
|
|
@@ -2164,15 +2165,15 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
2164
2165
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
2165
2166
|
|
2166
2167
|
// elements/alert/Alert.tsx
|
2167
|
-
var
|
2168
|
+
var import_react8 = __toESM(require("react"));
|
2168
2169
|
|
2169
2170
|
// elements/button/Button.tsx
|
2170
2171
|
var React17 = __toESM(require("react"));
|
2171
2172
|
var import_class_variance_authority3 = require("class-variance-authority");
|
2172
2173
|
|
2173
2174
|
// elements/helperText/HelperText.tsx
|
2174
|
-
var
|
2175
|
-
var HelperText = ({ helperText }) => /* @__PURE__ */
|
2175
|
+
var import_react7 = __toESM(require("react"));
|
2176
|
+
var HelperText = ({ helperText }) => /* @__PURE__ */ import_react7.default.createElement(
|
2176
2177
|
"p",
|
2177
2178
|
{
|
2178
2179
|
className: cn(
|
@@ -2306,9 +2307,9 @@ var Alert = ({
|
|
2306
2307
|
className,
|
2307
2308
|
...props
|
2308
2309
|
}) => {
|
2309
|
-
const alertRef = (0,
|
2310
|
-
const [closed, setClosed] = (0,
|
2311
|
-
(0,
|
2310
|
+
const alertRef = (0, import_react8.useRef)(null);
|
2311
|
+
const [closed, setClosed] = (0, import_react8.useState)(false);
|
2312
|
+
(0, import_react8.useEffect)(() => {
|
2312
2313
|
if (duration) {
|
2313
2314
|
const timeoutHide = setTimeout(() => {
|
2314
2315
|
setClosed(true);
|
@@ -2343,7 +2344,7 @@ var Alert = ({
|
|
2343
2344
|
hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
|
2344
2345
|
oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
|
2345
2346
|
};
|
2346
|
-
return /* @__PURE__ */
|
2347
|
+
return /* @__PURE__ */ import_react8.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react8.default.createElement(
|
2347
2348
|
"div",
|
2348
2349
|
{
|
2349
2350
|
"data-testid": "alert",
|
@@ -2357,13 +2358,13 @@ var Alert = ({
|
|
2357
2358
|
className
|
2358
2359
|
)
|
2359
2360
|
},
|
2360
|
-
/* @__PURE__ */
|
2361
|
+
/* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react8.default.createElement(
|
2361
2362
|
"div",
|
2362
2363
|
{
|
2363
2364
|
className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
|
2364
2365
|
},
|
2365
2366
|
icon
|
2366
|
-
), /* @__PURE__ */
|
2367
|
+
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react8.default.createElement(
|
2367
2368
|
"span",
|
2368
2369
|
{
|
2369
2370
|
className: cn(
|
@@ -2372,7 +2373,7 @@ var Alert = ({
|
|
2372
2373
|
)
|
2373
2374
|
},
|
2374
2375
|
props.title
|
2375
|
-
), /* @__PURE__ */
|
2376
|
+
), /* @__PURE__ */ import_react8.default.createElement(
|
2376
2377
|
"span",
|
2377
2378
|
{
|
2378
2379
|
className: cn(
|
@@ -2381,7 +2382,7 @@ var Alert = ({
|
|
2381
2382
|
)
|
2382
2383
|
},
|
2383
2384
|
props.text
|
2384
|
-
), props.actions && /* @__PURE__ */
|
2385
|
+
), props.actions && /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-mt-2 hawa-flex hawa-flex-row hawa-gap-2" }, props.actions.map((act, index) => /* @__PURE__ */ import_react8.default.createElement(
|
2385
2386
|
Button,
|
2386
2387
|
{
|
2387
2388
|
key: index,
|
@@ -2390,7 +2391,7 @@ var Alert = ({
|
|
2390
2391
|
},
|
2391
2392
|
act.label
|
2392
2393
|
))))),
|
2393
|
-
!props.persistent && /* @__PURE__ */
|
2394
|
+
!props.persistent && /* @__PURE__ */ import_react8.default.createElement(
|
2394
2395
|
"button",
|
2395
2396
|
{
|
2396
2397
|
type: "button",
|
@@ -2417,8 +2418,8 @@ var Alert = ({
|
|
2417
2418
|
}
|
2418
2419
|
}
|
2419
2420
|
},
|
2420
|
-
/* @__PURE__ */
|
2421
|
-
/* @__PURE__ */
|
2421
|
+
/* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
|
2422
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
2422
2423
|
"svg",
|
2423
2424
|
{
|
2424
2425
|
"aria-label": "Close Icon",
|
@@ -2427,7 +2428,7 @@ var Alert = ({
|
|
2427
2428
|
fill: "currentColor",
|
2428
2429
|
viewBox: "0 0 20 20"
|
2429
2430
|
},
|
2430
|
-
/* @__PURE__ */
|
2431
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
2431
2432
|
"path",
|
2432
2433
|
{
|
2433
2434
|
fillRule: "evenodd",
|
@@ -2441,12 +2442,12 @@ var Alert = ({
|
|
2441
2442
|
};
|
2442
2443
|
|
2443
2444
|
// elements/avatar/Avatar.tsx
|
2444
|
-
var
|
2445
|
+
var import_react10 = __toESM(require("react"));
|
2445
2446
|
|
2446
2447
|
// elements/fileUploader/FileUploader.tsx
|
2447
|
-
var
|
2448
|
+
var import_react9 = __toESM(require("react"));
|
2448
2449
|
var FileUploader = ({ handleFile, className }) => {
|
2449
|
-
const hiddenFileInput = (0,
|
2450
|
+
const hiddenFileInput = (0, import_react9.useRef)(null);
|
2450
2451
|
const handleClick = () => {
|
2451
2452
|
var _a;
|
2452
2453
|
(_a = hiddenFileInput.current) == null ? void 0 : _a.click();
|
@@ -2455,7 +2456,7 @@ var FileUploader = ({ handleFile, className }) => {
|
|
2455
2456
|
const fileUploaded = event.target.files[0];
|
2456
2457
|
handleFile(fileUploaded);
|
2457
2458
|
};
|
2458
|
-
return /* @__PURE__ */
|
2459
|
+
return /* @__PURE__ */ import_react9.default.createElement("div", { className }, /* @__PURE__ */ import_react9.default.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ import_react9.default.createElement(
|
2459
2460
|
"input",
|
2460
2461
|
{
|
2461
2462
|
type: "file",
|
@@ -2496,7 +2497,7 @@ var Avatar = ({
|
|
2496
2497
|
inherit: "hawa-rounded",
|
2497
2498
|
none: "hawa-rounded-none"
|
2498
2499
|
};
|
2499
|
-
return /* @__PURE__ */
|
2500
|
+
return /* @__PURE__ */ import_react10.default.createElement(
|
2500
2501
|
"div",
|
2501
2502
|
{
|
2502
2503
|
className: cn(
|
@@ -2506,7 +2507,7 @@ var Avatar = ({
|
|
2506
2507
|
className
|
2507
2508
|
)
|
2508
2509
|
},
|
2509
|
-
/* @__PURE__ */
|
2510
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
2510
2511
|
FileUploader,
|
2511
2512
|
{
|
2512
2513
|
className: cn(
|
@@ -2517,7 +2518,7 @@ var Avatar = ({
|
|
2517
2518
|
)
|
2518
2519
|
}
|
2519
2520
|
),
|
2520
|
-
/* @__PURE__ */
|
2521
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
2521
2522
|
"img",
|
2522
2523
|
{
|
2523
2524
|
className: cn(
|
@@ -2530,7 +2531,7 @@ var Avatar = ({
|
|
2530
2531
|
alt
|
2531
2532
|
}
|
2532
2533
|
),
|
2533
|
-
!src && !hideIcon && /* @__PURE__ */
|
2534
|
+
!src && !hideIcon && /* @__PURE__ */ import_react10.default.createElement(
|
2534
2535
|
"div",
|
2535
2536
|
{
|
2536
2537
|
className: cn(
|
@@ -2538,7 +2539,7 @@ var Avatar = ({
|
|
2538
2539
|
"hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
|
2539
2540
|
)
|
2540
2541
|
},
|
2541
|
-
icon ? icon : /* @__PURE__ */
|
2542
|
+
icon ? icon : /* @__PURE__ */ import_react10.default.createElement(
|
2542
2543
|
"svg",
|
2543
2544
|
{
|
2544
2545
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -2550,8 +2551,8 @@ var Avatar = ({
|
|
2550
2551
|
strokeLinecap: "round",
|
2551
2552
|
strokeLinejoin: "round"
|
2552
2553
|
},
|
2553
|
-
/* @__PURE__ */
|
2554
|
-
/* @__PURE__ */
|
2554
|
+
/* @__PURE__ */ import_react10.default.createElement("circle", { cx: "12", cy: "8", r: "5" }),
|
2555
|
+
/* @__PURE__ */ import_react10.default.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
|
2555
2556
|
)
|
2556
2557
|
)
|
2557
2558
|
);
|
@@ -2562,8 +2563,8 @@ var React23 = __toESM(require("react"));
|
|
2562
2563
|
var import_react_table = require("@tanstack/react-table");
|
2563
2564
|
|
2564
2565
|
// elements/input/Input.tsx
|
2565
|
-
var
|
2566
|
-
var Input = (0,
|
2566
|
+
var import_react11 = __toESM(require("react"));
|
2567
|
+
var Input = (0, import_react11.forwardRef)(
|
2567
2568
|
({
|
2568
2569
|
margin = "none",
|
2569
2570
|
width = "full",
|
@@ -2607,7 +2608,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2607
2608
|
props.onChange(newEvent);
|
2608
2609
|
}
|
2609
2610
|
};
|
2610
|
-
return /* @__PURE__ */
|
2611
|
+
return /* @__PURE__ */ import_react11.default.createElement(
|
2611
2612
|
"div",
|
2612
2613
|
{
|
2613
2614
|
className: cn(
|
@@ -2618,8 +2619,8 @@ var Input = (0, import_react10.forwardRef)(
|
|
2618
2619
|
"hawa-w-full hawa-gap-2"
|
2619
2620
|
)
|
2620
2621
|
},
|
2621
|
-
props.label && /* @__PURE__ */
|
2622
|
-
/* @__PURE__ */
|
2622
|
+
props.label && /* @__PURE__ */ import_react11.default.createElement(Label2, { ...labelProps }, props.label),
|
2623
|
+
/* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-row hawa-w-full hawa-items-center " }, props.outsidePrefix && /* @__PURE__ */ import_react11.default.createElement(
|
2623
2624
|
"span",
|
2624
2625
|
{
|
2625
2626
|
className: cn(
|
@@ -2628,7 +2629,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2628
2629
|
)
|
2629
2630
|
},
|
2630
2631
|
props.outsidePrefix
|
2631
|
-
), props.isLoading ? /* @__PURE__ */
|
2632
|
+
), props.isLoading ? /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-pb-2 hawa-w-full" }, /* @__PURE__ */ import_react11.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, !props.hideSeparator && /* @__PURE__ */ import_react11.default.createElement(
|
2632
2633
|
"div",
|
2633
2634
|
{
|
2634
2635
|
className: cn(
|
@@ -2636,7 +2637,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2636
2637
|
preview ? "hawa-opacity-100" : "hawa-opacity-0"
|
2637
2638
|
)
|
2638
2639
|
}
|
2639
|
-
), /* @__PURE__ */
|
2640
|
+
), /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-w-full hawa-gap-2" }, /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-relative" }, props.startIcon && /* @__PURE__ */ import_react11.default.createElement("div", { className: "hawa-absolute hawa-start-3 hawa-top-1/2 hawa--translate-y-1/2" }, props.startIcon), props.endIcon && /* @__PURE__ */ import_react11.default.createElement(
|
2640
2641
|
"div",
|
2641
2642
|
{
|
2642
2643
|
className: cn(
|
@@ -2645,7 +2646,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2645
2646
|
)
|
2646
2647
|
},
|
2647
2648
|
props.endIcon
|
2648
|
-
), /* @__PURE__ */
|
2649
|
+
), /* @__PURE__ */ import_react11.default.createElement(
|
2649
2650
|
"input",
|
2650
2651
|
{
|
2651
2652
|
required: true,
|
@@ -2671,7 +2672,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2671
2672
|
inputProps == null ? void 0 : inputProps.className
|
2672
2673
|
)
|
2673
2674
|
}
|
2674
|
-
)), !forceHideHelperText && /* @__PURE__ */
|
2675
|
+
)), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
|
2675
2676
|
"p",
|
2676
2677
|
{
|
2677
2678
|
className: cn(
|
@@ -2680,7 +2681,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2680
2681
|
)
|
2681
2682
|
},
|
2682
2683
|
props.helperText
|
2683
|
-
), !props.disabled && forceHideHelperText && /* @__PURE__ */
|
2684
|
+
), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
|
2684
2685
|
"div",
|
2685
2686
|
{
|
2686
2687
|
className: cn(
|
@@ -2689,7 +2690,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2689
2690
|
)
|
2690
2691
|
},
|
2691
2692
|
props.helperText
|
2692
|
-
), showCount && /* @__PURE__ */
|
2693
|
+
), showCount && /* @__PURE__ */ import_react11.default.createElement(
|
2693
2694
|
"div",
|
2694
2695
|
{
|
2695
2696
|
className: cn(
|
@@ -3186,12 +3187,12 @@ var DataTable = ({
|
|
3186
3187
|
};
|
3187
3188
|
|
3188
3189
|
// elements/backToTop/BackToTop.tsx
|
3189
|
-
var
|
3190
|
+
var import_react12 = __toESM(require("react"));
|
3190
3191
|
var BackToTop = ({ ...props }) => {
|
3191
|
-
const [visible, setVisible] = (0,
|
3192
|
-
const [rect, _setRect] = (0,
|
3193
|
-
const self = (0,
|
3194
|
-
const _rect = (0,
|
3192
|
+
const [visible, setVisible] = (0, import_react12.useState)(false);
|
3193
|
+
const [rect, _setRect] = (0, import_react12.useState)(null);
|
3194
|
+
const self = (0, import_react12.useRef)(null);
|
3195
|
+
const _rect = (0, import_react12.useRef)(rect);
|
3195
3196
|
const setRect = (data) => {
|
3196
3197
|
_rect.current = data;
|
3197
3198
|
_setRect(data);
|
@@ -3216,7 +3217,7 @@ var BackToTop = ({ ...props }) => {
|
|
3216
3217
|
props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
|
3217
3218
|
}
|
3218
3219
|
};
|
3219
|
-
(0,
|
3220
|
+
(0, import_react12.useEffect)(() => {
|
3220
3221
|
if (!props.anchor.current)
|
3221
3222
|
return;
|
3222
3223
|
props.anchor.current.addEventListener("scroll", onScroll);
|
@@ -3252,7 +3253,7 @@ var BackToTop = ({ ...props }) => {
|
|
3252
3253
|
};
|
3253
3254
|
return style;
|
3254
3255
|
};
|
3255
|
-
return /* @__PURE__ */
|
3256
|
+
return /* @__PURE__ */ import_react12.default.createElement(
|
3256
3257
|
Button,
|
3257
3258
|
{
|
3258
3259
|
className: cn(
|
@@ -3267,7 +3268,7 @@ var BackToTop = ({ ...props }) => {
|
|
3267
3268
|
ref: self,
|
3268
3269
|
size: "icon"
|
3269
3270
|
},
|
3270
|
-
/* @__PURE__ */
|
3271
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
3271
3272
|
"svg",
|
3272
3273
|
{
|
3273
3274
|
className: cn(
|
@@ -3277,13 +3278,13 @@ var BackToTop = ({ ...props }) => {
|
|
3277
3278
|
viewBox: "0 0 20 20",
|
3278
3279
|
fill: "currentColor"
|
3279
3280
|
},
|
3280
|
-
/* @__PURE__ */
|
3281
|
+
/* @__PURE__ */ import_react12.default.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
|
3281
3282
|
)
|
3282
3283
|
);
|
3283
3284
|
};
|
3284
3285
|
|
3285
3286
|
// elements/radio/Radio.tsx
|
3286
|
-
var
|
3287
|
+
var import_react13 = __toESM(require("react"));
|
3287
3288
|
|
3288
3289
|
// elements/popover/Popover.tsx
|
3289
3290
|
var React25 = __toESM(require("react"));
|
@@ -3352,7 +3353,7 @@ var PopoverPortal = PopoverPrimitive.Portal;
|
|
3352
3353
|
var PopoverRoot = PopoverPrimitive.Root;
|
3353
3354
|
|
3354
3355
|
// elements/radio/Radio.tsx
|
3355
|
-
var Radio = (0,
|
3356
|
+
var Radio = (0, import_react13.forwardRef)(
|
3356
3357
|
({
|
3357
3358
|
design = "default",
|
3358
3359
|
width = "default",
|
@@ -3384,15 +3385,15 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3384
3385
|
default: "hawa-max-w-fit",
|
3385
3386
|
full: "hawa-w-full"
|
3386
3387
|
};
|
3387
|
-
const [parentDirection, setParentDirection] =
|
3388
|
+
const [parentDirection, setParentDirection] = import_react13.default.useState(
|
3388
3389
|
null
|
3389
3390
|
);
|
3390
|
-
const [selectedOption, setSelectedOption] = (0,
|
3391
|
+
const [selectedOption, setSelectedOption] = (0, import_react13.useState)(
|
3391
3392
|
props.defaultValue || props.value
|
3392
3393
|
);
|
3393
|
-
const [openTooltip, setOpenTooltip] = (0,
|
3394
|
-
const parentRef = (0,
|
3395
|
-
(0,
|
3394
|
+
const [openTooltip, setOpenTooltip] = (0, import_react13.useState)(null);
|
3395
|
+
const parentRef = (0, import_react13.useRef)(null);
|
3396
|
+
(0, import_react13.useEffect)(() => {
|
3396
3397
|
var _a2;
|
3397
3398
|
const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
|
3398
3399
|
if (parentNode) {
|
@@ -3418,7 +3419,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3418
3419
|
];
|
3419
3420
|
switch (design) {
|
3420
3421
|
case "tabs":
|
3421
|
-
return /* @__PURE__ */
|
3422
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-gap-2 hawa-flex hawa-flex-col" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement(
|
3422
3423
|
"ul",
|
3423
3424
|
{
|
3424
3425
|
ref: parentRef,
|
@@ -3431,21 +3432,21 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3431
3432
|
)
|
3432
3433
|
},
|
3433
3434
|
(_b = props.options) == null ? void 0 : _b.map((opt, o) => {
|
3434
|
-
return opt.tooltip ? /* @__PURE__ */
|
3435
|
+
return opt.tooltip ? /* @__PURE__ */ import_react13.default.createElement(
|
3435
3436
|
PopoverRoot,
|
3436
3437
|
{
|
3437
3438
|
key: o,
|
3438
3439
|
open: o === openTooltip,
|
3439
3440
|
onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
|
3440
3441
|
},
|
3441
|
-
/* @__PURE__ */
|
3442
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3442
3443
|
PopoverTrigger,
|
3443
3444
|
{
|
3444
3445
|
onMouseEnter: () => setOpenTooltip(o),
|
3445
3446
|
onMouseLeave: () => setOpenTooltip(null),
|
3446
3447
|
asChild: true
|
3447
3448
|
},
|
3448
|
-
/* @__PURE__ */
|
3449
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3449
3450
|
"li",
|
3450
3451
|
{
|
3451
3452
|
"aria-current": "page",
|
@@ -3463,8 +3464,8 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3463
3464
|
opt.label
|
3464
3465
|
)
|
3465
3466
|
),
|
3466
|
-
/* @__PURE__ */
|
3467
|
-
) : /* @__PURE__ */
|
3467
|
+
/* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
|
3468
|
+
) : /* @__PURE__ */ import_react13.default.createElement(
|
3468
3469
|
"li",
|
3469
3470
|
{
|
3470
3471
|
key: o,
|
@@ -3483,7 +3484,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3483
3484
|
opt.label
|
3484
3485
|
);
|
3485
3486
|
})
|
3486
|
-
), !forceHideHelperText && /* @__PURE__ */
|
3487
|
+
), !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(
|
3487
3488
|
"p",
|
3488
3489
|
{
|
3489
3490
|
className: cn(
|
@@ -3494,7 +3495,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3494
3495
|
props.helperText
|
3495
3496
|
));
|
3496
3497
|
case "bordered":
|
3497
|
-
return /* @__PURE__ */
|
3498
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement("div", { key: i, className: "hawa-w-full hawa-rounded hawa-border" }, /* @__PURE__ */ import_react13.default.createElement(
|
3498
3499
|
"div",
|
3499
3500
|
{
|
3500
3501
|
className: cn(
|
@@ -3503,7 +3504,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3503
3504
|
),
|
3504
3505
|
key: i + 1
|
3505
3506
|
},
|
3506
|
-
/* @__PURE__ */
|
3507
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3507
3508
|
"input",
|
3508
3509
|
{
|
3509
3510
|
disabled: opt.disabled,
|
@@ -3514,7 +3515,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3514
3515
|
onChange: () => handleChange(opt)
|
3515
3516
|
}
|
3516
3517
|
),
|
3517
|
-
/* @__PURE__ */
|
3518
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3518
3519
|
"label",
|
3519
3520
|
{
|
3520
3521
|
htmlFor: opt.value.toString(),
|
@@ -3527,7 +3528,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3527
3528
|
)
|
3528
3529
|
))));
|
3529
3530
|
case "cards":
|
3530
|
-
return /* @__PURE__ */
|
3531
|
+
return /* @__PURE__ */ import_react13.default.createElement("ul", { className: cn(orientationStyle[orientation], "hawa-gap-4") }, (_c = props.options) == null ? void 0 : _c.map((opt, o) => /* @__PURE__ */ import_react13.default.createElement("li", { key: o, onClick: () => handleChange(opt) }, /* @__PURE__ */ import_react13.default.createElement(
|
3531
3532
|
"input",
|
3532
3533
|
{
|
3533
3534
|
type: "radio",
|
@@ -3538,7 +3539,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3538
3539
|
required: true,
|
3539
3540
|
disabled: opt.disabled
|
3540
3541
|
}
|
3541
|
-
), /* @__PURE__ */
|
3542
|
+
), /* @__PURE__ */ import_react13.default.createElement(
|
3542
3543
|
"label",
|
3543
3544
|
{
|
3544
3545
|
htmlFor: opt.value.toString(),
|
@@ -3547,10 +3548,10 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3547
3548
|
opt.disabled ? "hawa-opacity-50" : "hawa-cursor-pointer hover:hawa-bg-foreground/10 hover:hawa-text-gray-600 dark:hover:hawa-bg-foreground/20 dark:hover:hawa-text-gray-300"
|
3548
3549
|
)
|
3549
3550
|
},
|
3550
|
-
/* @__PURE__ */
|
3551
|
+
/* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-block hawa-h-full hawa-w-full" }, /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full hawa-text-lg hawa-font-semibold" }, opt.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-w-full" }, opt.sublabel))
|
3551
3552
|
))));
|
3552
3553
|
default:
|
3553
|
-
return /* @__PURE__ */
|
3554
|
+
return /* @__PURE__ */ import_react13.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react13.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react13.default.createElement("div", { className: cn(orientationStyle[orientation], "hawa-gap-2") }, props.options && props.options.map((opt, i) => /* @__PURE__ */ import_react13.default.createElement(
|
3554
3555
|
"div",
|
3555
3556
|
{
|
3556
3557
|
className: cn(
|
@@ -3559,7 +3560,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3559
3560
|
),
|
3560
3561
|
key: i + 1
|
3561
3562
|
},
|
3562
|
-
/* @__PURE__ */
|
3563
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3563
3564
|
"input",
|
3564
3565
|
{
|
3565
3566
|
disabled: opt.disabled,
|
@@ -3570,7 +3571,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3570
3571
|
onChange: () => handleChange(opt)
|
3571
3572
|
}
|
3572
3573
|
),
|
3573
|
-
/* @__PURE__ */
|
3574
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3574
3575
|
"label",
|
3575
3576
|
{
|
3576
3577
|
htmlFor: opt.value.toString(),
|
@@ -3581,7 +3582,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3581
3582
|
},
|
3582
3583
|
opt.label
|
3583
3584
|
)
|
3584
|
-
))), /* @__PURE__ */
|
3585
|
+
))), /* @__PURE__ */ import_react13.default.createElement(
|
3585
3586
|
"p",
|
3586
3587
|
{
|
3587
3588
|
className: cn(
|
@@ -3952,7 +3953,7 @@ var Textarea = React29.forwardRef(
|
|
3952
3953
|
Textarea.displayName = "Textarea";
|
3953
3954
|
|
3954
3955
|
// elements/fileDropzone/FileDropzone.tsx
|
3955
|
-
var
|
3956
|
+
var import_react14 = __toESM(require("react"));
|
3956
3957
|
var import_react_dropzone = require("react-dropzone");
|
3957
3958
|
var import_clsx2 = __toESM(require("clsx"));
|
3958
3959
|
var FileDropzone = ({
|
@@ -3974,8 +3975,8 @@ var FileDropzone = ({
|
|
3974
3975
|
privacyLink
|
3975
3976
|
}) => {
|
3976
3977
|
var _a, _b, _c, _d, _e, _f;
|
3977
|
-
const [cmp, setCmp] = (0,
|
3978
|
-
const [max, setMax] = (0,
|
3978
|
+
const [cmp, setCmp] = (0, import_react14.useState)(0);
|
3979
|
+
const [max, setMax] = (0, import_react14.useState)(0);
|
3979
3980
|
const {
|
3980
3981
|
getRootProps,
|
3981
3982
|
getInputProps,
|
@@ -3997,7 +3998,7 @@ var FileDropzone = ({
|
|
3997
3998
|
);
|
3998
3999
|
}
|
3999
4000
|
});
|
4000
|
-
(0,
|
4001
|
+
(0, import_react14.useEffect)(
|
4001
4002
|
() => () => {
|
4002
4003
|
files == null ? void 0 : files.forEach((file) => {
|
4003
4004
|
URL.revokeObjectURL(file.preview);
|
@@ -4005,7 +4006,7 @@ var FileDropzone = ({
|
|
4005
4006
|
},
|
4006
4007
|
[files]
|
4007
4008
|
);
|
4008
|
-
(0,
|
4009
|
+
(0, import_react14.useEffect)(() => {
|
4009
4010
|
setFiles(acceptedFiles);
|
4010
4011
|
}, [acceptedFiles, cmp, setFiles]);
|
4011
4012
|
onClearFiles = () => {
|
@@ -4017,7 +4018,7 @@ var FileDropzone = ({
|
|
4017
4018
|
acceptedFiles.length = 0;
|
4018
4019
|
setFiles([]);
|
4019
4020
|
};
|
4020
|
-
(0,
|
4021
|
+
(0, import_react14.useEffect)(() => {
|
4021
4022
|
if (maxSize > 0) {
|
4022
4023
|
const k = 1024;
|
4023
4024
|
const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
@@ -4030,7 +4031,7 @@ var FileDropzone = ({
|
|
4030
4031
|
const errs = fileRejections.map((rej, i) => {
|
4031
4032
|
switch (rej.errors[0].code) {
|
4032
4033
|
case "file-too-large":
|
4033
|
-
return /* @__PURE__ */
|
4034
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4034
4035
|
Alert,
|
4035
4036
|
{
|
4036
4037
|
key: i,
|
@@ -4040,7 +4041,7 @@ var FileDropzone = ({
|
|
4040
4041
|
}
|
4041
4042
|
);
|
4042
4043
|
case "too-many-files":
|
4043
|
-
return /* @__PURE__ */
|
4044
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4044
4045
|
Alert,
|
4045
4046
|
{
|
4046
4047
|
key: i,
|
@@ -4050,7 +4051,7 @@ var FileDropzone = ({
|
|
4050
4051
|
}
|
4051
4052
|
);
|
4052
4053
|
case "file-invalid-type":
|
4053
|
-
return /* @__PURE__ */
|
4054
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4054
4055
|
Alert,
|
4055
4056
|
{
|
4056
4057
|
key: i,
|
@@ -4060,7 +4061,7 @@ var FileDropzone = ({
|
|
4060
4061
|
}
|
4061
4062
|
);
|
4062
4063
|
default:
|
4063
|
-
return /* @__PURE__ */
|
4064
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4064
4065
|
Alert,
|
4065
4066
|
{
|
4066
4067
|
key: i,
|
@@ -4071,7 +4072,7 @@ var FileDropzone = ({
|
|
4071
4072
|
);
|
4072
4073
|
}
|
4073
4074
|
});
|
4074
|
-
const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */
|
4075
|
+
const thumbs = files == null ? void 0 : files.map((file, index) => /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-relative hawa-rounded", key: index }, /* @__PURE__ */ import_react14.default.createElement(
|
4075
4076
|
"button",
|
4076
4077
|
{
|
4077
4078
|
onClick: (e) => {
|
@@ -4084,7 +4085,7 @@ var FileDropzone = ({
|
|
4084
4085
|
className: "hawa-absolute hawa-left-0 hawa-ml-auto hawa-inline-flex hawa-items-center hawa-rounded-inner hawa-rounded-bl-none hawa-rounded-tr-none hawa-bg-gray-900 hawa-p-1.5 hawa-text-sm hawa-text-gray-400 hawa-transition-all hover:hawa-bg-gray-200 hover:hawa-text-gray-900 dark:hover:hawa-bg-gray-600 dark:hover:hawa-text-white",
|
4085
4086
|
"data-modal-toggle": "defaultModal"
|
4086
4087
|
},
|
4087
|
-
/* @__PURE__ */
|
4088
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
4088
4089
|
"svg",
|
4089
4090
|
{
|
4090
4091
|
"aria-hidden": "true",
|
@@ -4092,7 +4093,7 @@ var FileDropzone = ({
|
|
4092
4093
|
fill: "currentColor",
|
4093
4094
|
viewBox: "0 0 20 20"
|
4094
4095
|
},
|
4095
|
-
/* @__PURE__ */
|
4096
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
4096
4097
|
"path",
|
4097
4098
|
{
|
4098
4099
|
fillRule: "evenodd",
|
@@ -4101,8 +4102,8 @@ var FileDropzone = ({
|
|
4101
4102
|
}
|
4102
4103
|
)
|
4103
4104
|
),
|
4104
|
-
/* @__PURE__ */
|
4105
|
-
), /* @__PURE__ */
|
4105
|
+
/* @__PURE__ */ import_react14.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
|
4106
|
+
), /* @__PURE__ */ import_react14.default.createElement(
|
4106
4107
|
"div",
|
4107
4108
|
{
|
4108
4109
|
style: {
|
@@ -4121,7 +4122,7 @@ var FileDropzone = ({
|
|
4121
4122
|
key: file.name
|
4122
4123
|
}
|
4123
4124
|
)));
|
4124
|
-
return /* @__PURE__ */
|
4125
|
+
return /* @__PURE__ */ import_react14.default.createElement("div", null, label && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-mb-2 hawa-block hawa-text-sm hawa-font-medium hawa-text-gray-900 dark:hawa-text-gray-300" }, label), /* @__PURE__ */ import_react14.default.createElement(
|
4125
4126
|
"div",
|
4126
4127
|
{
|
4127
4128
|
className: (0, import_clsx2.default)(
|
@@ -4129,7 +4130,7 @@ var FileDropzone = ({
|
|
4129
4130
|
isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
|
4130
4131
|
)
|
4131
4132
|
},
|
4132
|
-
/* @__PURE__ */
|
4133
|
+
/* @__PURE__ */ import_react14.default.createElement("div", { ...getRootProps({}) }, /* @__PURE__ */ import_react14.default.createElement("p", { ...getInputProps() }), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center hawa-gap-2 hawa-pt-4 hawa-text-center" }, /* @__PURE__ */ import_react14.default.createElement(
|
4133
4134
|
"svg",
|
4134
4135
|
{
|
4135
4136
|
stroke: "currentColor",
|
@@ -4141,28 +4142,28 @@ var FileDropzone = ({
|
|
4141
4142
|
height: "1.5em",
|
4142
4143
|
width: "1.5em"
|
4143
4144
|
},
|
4144
|
-
/* @__PURE__ */
|
4145
|
-
/* @__PURE__ */
|
4146
|
-
/* @__PURE__ */
|
4147
|
-
/* @__PURE__ */
|
4148
|
-
/* @__PURE__ */
|
4149
|
-
/* @__PURE__ */
|
4150
|
-
/* @__PURE__ */
|
4151
|
-
/* @__PURE__ */
|
4152
|
-
/* @__PURE__ */
|
4153
|
-
/* @__PURE__ */
|
4154
|
-
), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */
|
4155
|
-
acceptedFiles.length > 0 && /* @__PURE__ */
|
4156
|
-
acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */
|
4157
|
-
/* @__PURE__ */
|
4158
|
-
), disclaimer && /* @__PURE__ */
|
4145
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { stroke: "none", d: "M0 0h24v24H0z", fill: "none" }),
|
4146
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M19 11v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" }),
|
4147
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M13 13l9 3l-4 2l-2 4l-3 -9" }),
|
4148
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 3l0 .01" }),
|
4149
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M7 3l0 .01" }),
|
4150
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M11 3l0 .01" }),
|
4151
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M15 3l0 .01" }),
|
4152
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 7l0 .01" }),
|
4153
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 11l0 .01" }),
|
4154
|
+
/* @__PURE__ */ import_react14.default.createElement("path", { d: "M3 15l0 .01" })
|
4155
|
+
), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-pt-2 hawa-text-center hawa-text-xs" }, texts.acceptedFileTypes, " ", accept.split(",")), /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-select-none hawa-pb-2 hawa-pt-1 hawa-text-center hawa-text-xs" }, texts.maxFileSize, " ", max)),
|
4156
|
+
acceptedFiles.length > 0 && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-flex hawa-justify-center hawa-rounded-lg hawa-p-2 " }, /* @__PURE__ */ import_react14.default.createElement(Button, { onClick: clearAllFiles }, "Clear All")),
|
4157
|
+
acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */ import_react14.default.createElement("aside", { className: "hawa-flex hawa-flex-row hawa-flex-wrap hawa-justify-center hawa-gap-2 hawa-rounded-lg hawa-p-2" }, thumbs) : null,
|
4158
|
+
/* @__PURE__ */ import_react14.default.createElement("div", { className: "px-4" }, ((_b = (_a = fileRejections[0]) == null ? void 0 : _a.errors[0]) == null ? void 0 : _b.code) && errs)
|
4159
|
+
), disclaimer && /* @__PURE__ */ import_react14.default.createElement("div", { className: "hawa-mt-2 hawa-text-sm hawa-text-muted-foreground/50" }, (_c = texts.disclaimer) != null ? _c : "By uploading a file you agree to our", " ", /* @__PURE__ */ import_react14.default.createElement(
|
4159
4160
|
"a",
|
4160
4161
|
{
|
4161
4162
|
href: termsLink,
|
4162
4163
|
className: "clickable-link hawa-text-muted-foreground/50"
|
4163
4164
|
},
|
4164
4165
|
(_d = texts.terms) != null ? _d : "Terms"
|
4165
|
-
), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */
|
4166
|
+
), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react14.default.createElement(
|
4166
4167
|
"a",
|
4167
4168
|
{
|
4168
4169
|
href: privacyLink,
|
@@ -4173,9 +4174,9 @@ var FileDropzone = ({
|
|
4173
4174
|
};
|
4174
4175
|
|
4175
4176
|
// elements/sortButton/SortButton.tsx
|
4176
|
-
var
|
4177
|
+
var import_react15 = __toESM(require("react"));
|
4177
4178
|
var SortButton = (props) => {
|
4178
|
-
return /* @__PURE__ */
|
4179
|
+
return /* @__PURE__ */ import_react15.default.createElement(
|
4179
4180
|
Button,
|
4180
4181
|
{
|
4181
4182
|
variant: "ghost",
|
@@ -4187,7 +4188,7 @@ var SortButton = (props) => {
|
|
4187
4188
|
onClick: props.onSort
|
4188
4189
|
},
|
4189
4190
|
props.label,
|
4190
|
-
/* @__PURE__ */
|
4191
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
4191
4192
|
"svg",
|
4192
4193
|
{
|
4193
4194
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -4199,10 +4200,10 @@ var SortButton = (props) => {
|
|
4199
4200
|
strokeLinejoin: "round",
|
4200
4201
|
className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
|
4201
4202
|
},
|
4202
|
-
/* @__PURE__ */
|
4203
|
-
/* @__PURE__ */
|
4204
|
-
/* @__PURE__ */
|
4205
|
-
/* @__PURE__ */
|
4203
|
+
/* @__PURE__ */ import_react15.default.createElement("path", { d: "m21 16-4 4-4-4" }),
|
4204
|
+
/* @__PURE__ */ import_react15.default.createElement("path", { d: "M17 20V4" }),
|
4205
|
+
/* @__PURE__ */ import_react15.default.createElement("path", { d: "m3 8 4-4 4 4" }),
|
4206
|
+
/* @__PURE__ */ import_react15.default.createElement("path", { d: "M7 4v16" })
|
4206
4207
|
)
|
4207
4208
|
);
|
4208
4209
|
};
|
@@ -4211,34 +4212,34 @@ var SortButton = (props) => {
|
|
4211
4212
|
var React42 = __toESM(require("react"));
|
4212
4213
|
|
4213
4214
|
// hooks/useIsomorphicEffect.ts
|
4214
|
-
var
|
4215
|
+
var import_react16 = require("react");
|
4215
4216
|
|
4216
4217
|
// hooks/useDiscloser.ts
|
4217
|
-
var
|
4218
|
+
var import_react17 = require("react");
|
4218
4219
|
|
4219
4220
|
// hooks/useHover.ts
|
4220
|
-
var
|
4221
|
+
var import_react18 = require("react");
|
4221
4222
|
|
4222
4223
|
// hooks/useToast.ts
|
4223
4224
|
var React34 = __toESM(require("react"));
|
4224
4225
|
|
4225
4226
|
// hooks/useCarousel.ts
|
4226
|
-
var
|
4227
|
+
var import_react19 = require("react");
|
4227
4228
|
|
4228
4229
|
// hooks/useDialogCarousel.ts
|
4229
|
-
var
|
4230
|
+
var import_react20 = require("react");
|
4230
4231
|
var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
|
4231
4232
|
var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
|
4232
4233
|
|
4233
4234
|
// hooks/useDialogSteps.ts
|
4234
|
-
var
|
4235
|
+
var import_react21 = require("react");
|
4235
4236
|
|
4236
4237
|
// hooks/useClipboard.ts
|
4237
|
-
var
|
4238
|
+
var import_react22 = require("react");
|
4238
4239
|
function useClipboard({ timeout = 2e3 } = {}) {
|
4239
|
-
const [error, setError] = (0,
|
4240
|
-
const [copied, setCopied] = (0,
|
4241
|
-
const [copyTimeout, setCopyTimeout] = (0,
|
4240
|
+
const [error, setError] = (0, import_react22.useState)(null);
|
4241
|
+
const [copied, setCopied] = (0, import_react22.useState)(false);
|
4242
|
+
const [copyTimeout, setCopyTimeout] = (0, import_react22.useState)(null);
|
4242
4243
|
const handleCopyResult = (value) => {
|
4243
4244
|
clearTimeout(copyTimeout);
|
4244
4245
|
setCopyTimeout(setTimeout(() => setCopied(false), timeout));
|
@@ -4260,31 +4261,31 @@ function useClipboard({ timeout = 2e3 } = {}) {
|
|
4260
4261
|
}
|
4261
4262
|
|
4262
4263
|
// hooks/useBreakpoint.ts
|
4263
|
-
var
|
4264
|
+
var import_react23 = require("react");
|
4264
4265
|
|
4265
4266
|
// hooks/useWindowSize.ts
|
4266
|
-
var
|
4267
|
+
var import_react24 = require("react");
|
4267
4268
|
|
4268
4269
|
// hooks/useFocusWithin.ts
|
4269
|
-
var
|
4270
|
+
var import_react25 = require("react");
|
4270
4271
|
|
4271
4272
|
// hooks/useMediaQuery.ts
|
4272
|
-
var
|
4273
|
+
var import_react26 = require("react");
|
4273
4274
|
|
4274
4275
|
// hooks/useScrollPosition.ts
|
4275
|
-
var
|
4276
|
+
var import_react27 = require("react");
|
4276
4277
|
|
4277
4278
|
// hooks/useTable.ts
|
4278
|
-
var
|
4279
|
+
var import_react28 = require("react");
|
4279
4280
|
|
4280
4281
|
// hooks/useTabs.ts
|
4281
|
-
var
|
4282
|
+
var import_react29 = require("react");
|
4282
4283
|
|
4283
4284
|
// hooks/useMeasureDirty.ts
|
4284
|
-
var
|
4285
|
+
var import_react30 = require("react");
|
4285
4286
|
var useMeasureDirty = (ref) => {
|
4286
|
-
const frame = (0,
|
4287
|
-
const [rect, set] = (0,
|
4287
|
+
const frame = (0, import_react30.useRef)(0);
|
4288
|
+
const [rect, set] = (0, import_react30.useState)({
|
4288
4289
|
width: 0,
|
4289
4290
|
height: 0,
|
4290
4291
|
top: 0,
|
@@ -4292,7 +4293,7 @@ var useMeasureDirty = (ref) => {
|
|
4292
4293
|
bottom: 0,
|
4293
4294
|
right: 0
|
4294
4295
|
});
|
4295
|
-
const [observer] = (0,
|
4296
|
+
const [observer] = (0, import_react30.useState)(
|
4296
4297
|
() => new ResizeObserver((entries) => {
|
4297
4298
|
const entry = entries[0];
|
4298
4299
|
if (entry) {
|
@@ -4305,7 +4306,7 @@ var useMeasureDirty = (ref) => {
|
|
4305
4306
|
}
|
4306
4307
|
})
|
4307
4308
|
);
|
4308
|
-
(0,
|
4309
|
+
(0, import_react30.useEffect)(() => {
|
4309
4310
|
observer.disconnect();
|
4310
4311
|
if (ref.current) {
|
4311
4312
|
observer.observe(ref.current);
|
@@ -4315,7 +4316,7 @@ var useMeasureDirty = (ref) => {
|
|
4315
4316
|
};
|
4316
4317
|
|
4317
4318
|
// hooks/useOutsideClick.ts
|
4318
|
-
var
|
4319
|
+
var import_react31 = __toESM(require("react"));
|
4319
4320
|
|
4320
4321
|
// elements/tabs/Tabs.tsx
|
4321
4322
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
@@ -4511,7 +4512,7 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
4511
4512
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
4512
4513
|
|
4513
4514
|
// elements/select/Select.tsx
|
4514
|
-
var
|
4515
|
+
var import_react32 = __toESM(require("react"));
|
4515
4516
|
var import_react_select = __toESM(require("react-select"));
|
4516
4517
|
var import_creatable = __toESM(require("react-select/creatable"));
|
4517
4518
|
var import_clsx3 = __toESM(require("clsx"));
|
@@ -4522,10 +4523,10 @@ var Select = ({
|
|
4522
4523
|
}) => {
|
4523
4524
|
const NoOption = () => {
|
4524
4525
|
var _a, _b;
|
4525
|
-
return /* @__PURE__ */
|
4526
|
+
return /* @__PURE__ */ import_react32.default.createElement("div", null, (_b = (_a = props.texts) == null ? void 0 : _a.noOptions) != null ? _b : "No Items Found");
|
4526
4527
|
};
|
4527
4528
|
const Control = ({ children, innerProps, innerRef }) => {
|
4528
|
-
return /* @__PURE__ */
|
4529
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4529
4530
|
"div",
|
4530
4531
|
{
|
4531
4532
|
ref: innerRef,
|
@@ -4538,7 +4539,7 @@ var Select = ({
|
|
4538
4539
|
);
|
4539
4540
|
};
|
4540
4541
|
const Option = ({ children, innerProps, innerRef }) => {
|
4541
|
-
return /* @__PURE__ */
|
4542
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4542
4543
|
"div",
|
4543
4544
|
{
|
4544
4545
|
ref: innerRef,
|
@@ -4559,7 +4560,7 @@ var Select = ({
|
|
4559
4560
|
...menuProps
|
4560
4561
|
}) => {
|
4561
4562
|
const menuOpen = menuProps.selectProps.menuIsOpen;
|
4562
|
-
return /* @__PURE__ */
|
4563
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4563
4564
|
"div",
|
4564
4565
|
{
|
4565
4566
|
className: cn(
|
@@ -4573,7 +4574,7 @@ var Select = ({
|
|
4573
4574
|
children
|
4574
4575
|
);
|
4575
4576
|
};
|
4576
|
-
return /* @__PURE__ */
|
4577
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4577
4578
|
"div",
|
4578
4579
|
{
|
4579
4580
|
className: cn(
|
@@ -4581,10 +4582,10 @@ var Select = ({
|
|
4581
4582
|
props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
|
4582
4583
|
)
|
4583
4584
|
},
|
4584
|
-
props.label && /* @__PURE__ */
|
4585
|
-
props.isLoading ? /* @__PURE__ */
|
4585
|
+
props.label && /* @__PURE__ */ import_react32.default.createElement(Label2, { ...labelProps }, props.label),
|
4586
|
+
props.isLoading ? /* @__PURE__ */ import_react32.default.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" }) : !props.isCreatable ? (
|
4586
4587
|
// TODO: enable keyboard to go to the next item in the list
|
4587
|
-
/* @__PURE__ */
|
4588
|
+
/* @__PURE__ */ import_react32.default.createElement(
|
4588
4589
|
import_react_select.default,
|
4589
4590
|
{
|
4590
4591
|
noOptionsMessage: NoOption,
|
@@ -4623,7 +4624,7 @@ var Select = ({
|
|
4623
4624
|
// {...e}
|
4624
4625
|
// />
|
4625
4626
|
// ),
|
4626
|
-
ValueContainer: (e) => /* @__PURE__ */
|
4627
|
+
ValueContainer: (e) => /* @__PURE__ */ import_react32.default.createElement(
|
4627
4628
|
"div",
|
4628
4629
|
{
|
4629
4630
|
className: cn(
|
@@ -4633,7 +4634,7 @@ var Select = ({
|
|
4633
4634
|
...e
|
4634
4635
|
}
|
4635
4636
|
),
|
4636
|
-
MultiValueContainer: (e) => /* @__PURE__ */
|
4637
|
+
MultiValueContainer: (e) => /* @__PURE__ */ import_react32.default.createElement(
|
4637
4638
|
"div",
|
4638
4639
|
{
|
4639
4640
|
className: cn(
|
@@ -4655,7 +4656,7 @@ var Select = ({
|
|
4655
4656
|
isSearchable: props.isSearchable
|
4656
4657
|
}
|
4657
4658
|
)
|
4658
|
-
) : /* @__PURE__ */
|
4659
|
+
) : /* @__PURE__ */ import_react32.default.createElement(
|
4659
4660
|
import_creatable.default,
|
4660
4661
|
{
|
4661
4662
|
formatCreateLabel: (inputValue) => {
|
@@ -4685,7 +4686,7 @@ var Select = ({
|
|
4685
4686
|
onInputChange: (newValue, action) => props.onInputChange(newValue, action)
|
4686
4687
|
}
|
4687
4688
|
),
|
4688
|
-
!props.hideHelperText && /* @__PURE__ */
|
4689
|
+
!props.hideHelperText && /* @__PURE__ */ import_react32.default.createElement(
|
4689
4690
|
"p",
|
4690
4691
|
{
|
4691
4692
|
className: cn(
|
@@ -4935,7 +4936,7 @@ var Progress = React46.forwardRef(({ className, value, ...props }, ref) => /* @_
|
|
4935
4936
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
4936
4937
|
|
4937
4938
|
// elements/breadcrumb/Breadcrumb.tsx
|
4938
|
-
var
|
4939
|
+
var import_react33 = __toESM(require("react"));
|
4939
4940
|
var Breadcrumb = ({
|
4940
4941
|
breadcrumbLinks,
|
4941
4942
|
separator = ">",
|
@@ -4946,7 +4947,7 @@ var Breadcrumb = ({
|
|
4946
4947
|
small: "hawa-text-sm",
|
4947
4948
|
xs: "hawa-text-xs"
|
4948
4949
|
};
|
4949
|
-
return /* @__PURE__ */
|
4950
|
+
return /* @__PURE__ */ import_react33.default.createElement(
|
4950
4951
|
"div",
|
4951
4952
|
{
|
4952
4953
|
className: cn(
|
@@ -4954,13 +4955,13 @@ var Breadcrumb = ({
|
|
4954
4955
|
textStyles[size]
|
4955
4956
|
)
|
4956
4957
|
},
|
4957
|
-
breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */
|
4958
|
+
breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react33.default.createElement(
|
4958
4959
|
"div",
|
4959
4960
|
{
|
4960
4961
|
key: index,
|
4961
4962
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
|
4962
4963
|
},
|
4963
|
-
/* @__PURE__ */
|
4964
|
+
/* @__PURE__ */ import_react33.default.createElement(
|
4964
4965
|
"a",
|
4965
4966
|
{
|
4966
4967
|
href: singleBreadcrumbLink.href,
|
@@ -4968,49 +4969,49 @@ var Breadcrumb = ({
|
|
4968
4969
|
},
|
4969
4970
|
singleBreadcrumbLink.label
|
4970
4971
|
),
|
4971
|
-
index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */
|
4972
|
+
index != breadcrumbLinks.length - 1 ? typeof separator == "string" ? /* @__PURE__ */ import_react33.default.createElement("div", null, separator) : /* @__PURE__ */ import_react33.default.createElement("div", null, separator) : null
|
4972
4973
|
))
|
4973
4974
|
);
|
4974
4975
|
};
|
4975
4976
|
|
4976
4977
|
// elements/appStores/AppStores.tsx
|
4977
|
-
var
|
4978
|
+
var import_react34 = __toESM(require("react"));
|
4978
4979
|
var AppStores = (props) => {
|
4979
|
-
return /* @__PURE__ */
|
4980
|
+
return /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-flex hawa-justify-center" }, /* @__PURE__ */ import_react34.default.createElement("div", null, props.store === "apple" ? /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react34.default.createElement("svg", { viewBox: "0 0 384 512", width: "30" }, /* @__PURE__ */ import_react34.default.createElement(
|
4980
4981
|
"path",
|
4981
4982
|
{
|
4982
4983
|
fill: "currentColor",
|
4983
4984
|
d: "M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"
|
4984
4985
|
}
|
4985
|
-
))), /* @__PURE__ */
|
4986
|
+
))), /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-text-xs" }, "Download on the"), /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-2xl hawa-font-semibold" }, "App Store"))) : /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mt-3 hawa-flex hawa-h-14 hawa-w-48 hawa-items-center hawa-justify-center hawa-rounded-lg hawa-border hawa-border-black hawa-bg-black hawa-text-white dark:hawa-bg-white dark:hawa-text-black" }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-mr-3" }, /* @__PURE__ */ import_react34.default.createElement("svg", { viewBox: "30 336.7 120.9 129.2", width: "30" }, /* @__PURE__ */ import_react34.default.createElement(
|
4986
4987
|
"path",
|
4987
4988
|
{
|
4988
4989
|
fill: "#FFD400",
|
4989
4990
|
d: "M119.2,421.2c15.3-8.4,27-14.8,28-15.3c3.2-1.7,6.5-6.2,0-9.7 c-2.1-1.1-13.4-7.3-28-15.3l-20.1,20.2L119.2,421.2z"
|
4990
4991
|
}
|
4991
|
-
), /* @__PURE__ */
|
4992
|
+
), /* @__PURE__ */ import_react34.default.createElement(
|
4992
4993
|
"path",
|
4993
4994
|
{
|
4994
4995
|
fill: "#FF3333",
|
4995
4996
|
d: "M99.1,401.1l-64.2,64.7c1.5,0.2,3.2-0.2,5.2-1.3 c4.2-2.3,48.8-26.7,79.1-43.3L99.1,401.1L99.1,401.1z"
|
4996
4997
|
}
|
4997
|
-
), /* @__PURE__ */
|
4998
|
+
), /* @__PURE__ */ import_react34.default.createElement(
|
4998
4999
|
"path",
|
4999
5000
|
{
|
5000
5001
|
fill: "#48FF48",
|
5001
5002
|
d: "M99.1,401.1l20.1-20.2c0,0-74.6-40.7-79.1-43.1 c-1.7-1-3.6-1.3-5.3-1L99.1,401.1z"
|
5002
5003
|
}
|
5003
|
-
), /* @__PURE__ */
|
5004
|
+
), /* @__PURE__ */ import_react34.default.createElement(
|
5004
5005
|
"path",
|
5005
5006
|
{
|
5006
5007
|
fill: "#3BCCFF",
|
5007
5008
|
d: "M99.1,401.1l-64.3-64.3c-2.6,0.6-4.8,2.9-4.8,7.6 c0,7.5,0,107.5,0,113.8c0,4.3,1.7,7.4,4.9,7.7L99.1,401.1z"
|
5008
5009
|
}
|
5009
|
-
))), /* @__PURE__ */
|
5010
|
+
))), /* @__PURE__ */ import_react34.default.createElement("div", null, /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa-text-xs" }, "GET IT ON"), /* @__PURE__ */ import_react34.default.createElement("div", { className: "hawa--mt-1 hawa-font-sans hawa-text-xl hawa-font-semibold" }, "Google Play")))));
|
5010
5011
|
};
|
5011
5012
|
|
5012
5013
|
// elements/badge/Badge.tsx
|
5013
|
-
var
|
5014
|
+
var import_react35 = __toESM(require("react"));
|
5014
5015
|
var Badge = ({
|
5015
5016
|
anchor,
|
5016
5017
|
position = "right",
|
@@ -5018,14 +5019,14 @@ var Badge = ({
|
|
5018
5019
|
text,
|
5019
5020
|
className
|
5020
5021
|
}) => {
|
5021
|
-
const [badgePosition, setBadgePosition] = (0,
|
5022
|
-
const indicatorRef = (0,
|
5022
|
+
const [badgePosition, setBadgePosition] = (0, import_react35.useState)(null);
|
5023
|
+
const indicatorRef = (0, import_react35.useRef)(null);
|
5023
5024
|
const sizeStyles2 = {
|
5024
5025
|
small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
|
5025
5026
|
default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
|
5026
5027
|
large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
|
5027
5028
|
};
|
5028
|
-
(0,
|
5029
|
+
(0, import_react35.useEffect)(() => {
|
5029
5030
|
const handlePositioning = () => {
|
5030
5031
|
var _a;
|
5031
5032
|
if (anchor.current && indicatorRef.current) {
|
@@ -5048,7 +5049,7 @@ var Badge = ({
|
|
5048
5049
|
window.removeEventListener("resize", handlePositioning);
|
5049
5050
|
};
|
5050
5051
|
}, [anchor]);
|
5051
|
-
return /* @__PURE__ */
|
5052
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react35.default.createElement(
|
5052
5053
|
"div",
|
5053
5054
|
{
|
5054
5055
|
style: {
|
@@ -5073,8 +5074,8 @@ var BadgedComponent = ({
|
|
5073
5074
|
size,
|
5074
5075
|
text
|
5075
5076
|
}) => {
|
5076
|
-
const ref = (0,
|
5077
|
-
return /* @__PURE__ */
|
5077
|
+
const ref = (0, import_react35.useRef)(null);
|
5078
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", { className: cn("hawa-relative hawa-w-fit", className), ref }, !hideBadge && /* @__PURE__ */ import_react35.default.createElement(
|
5078
5079
|
Badge,
|
5079
5080
|
{
|
5080
5081
|
size,
|
@@ -5087,7 +5088,7 @@ var BadgedComponent = ({
|
|
5087
5088
|
};
|
5088
5089
|
|
5089
5090
|
// elements/phoneInput/PhoneInput.tsx
|
5090
|
-
var
|
5091
|
+
var import_react36 = __toESM(require("react"));
|
5091
5092
|
|
5092
5093
|
// countries.ts
|
5093
5094
|
var countries = [
|
@@ -6789,9 +6790,9 @@ var PhoneInput = ({
|
|
6789
6790
|
countryCodes,
|
6790
6791
|
...props
|
6791
6792
|
}) => {
|
6792
|
-
const [phoneNumber, setPhoneNumber] = (0,
|
6793
|
-
const [countryCode, setCountryCode] = (0,
|
6794
|
-
const inputRef = (0,
|
6793
|
+
const [phoneNumber, setPhoneNumber] = (0, import_react36.useState)("");
|
6794
|
+
const [countryCode, setCountryCode] = (0, import_react36.useState)(props.preferredCountry);
|
6795
|
+
const inputRef = (0, import_react36.useRef)(null);
|
6795
6796
|
const handleInputChange = (e) => {
|
6796
6797
|
console.log("test e ", e.target.value);
|
6797
6798
|
const validChars = /^[0-9-()]+$/;
|
@@ -6805,7 +6806,7 @@ var PhoneInput = ({
|
|
6805
6806
|
console.log("handleChange prop was not provided in <PhoneInput/>");
|
6806
6807
|
}
|
6807
6808
|
};
|
6808
|
-
return /* @__PURE__ */
|
6809
|
+
return /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react36.default.createElement(Label2, { ...labelProps }, props.label), /* @__PURE__ */ import_react36.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react36.default.createElement(
|
6809
6810
|
Select,
|
6810
6811
|
{
|
6811
6812
|
phoneCode: true,
|
@@ -6821,7 +6822,7 @@ var PhoneInput = ({
|
|
6821
6822
|
value: countryCode == null ? void 0 : countryCode.label,
|
6822
6823
|
defaultValue: props.preferredCountry
|
6823
6824
|
}
|
6824
|
-
), /* @__PURE__ */
|
6825
|
+
), /* @__PURE__ */ import_react36.default.createElement("div", { className: "hawa-relative hawa-flex hawa-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react36.default.createElement(
|
6825
6826
|
"input",
|
6826
6827
|
{
|
6827
6828
|
type: "tel",
|
@@ -6835,7 +6836,7 @@ var PhoneInput = ({
|
|
6835
6836
|
),
|
6836
6837
|
...inputProps
|
6837
6838
|
}
|
6838
|
-
))), /* @__PURE__ */
|
6839
|
+
))), /* @__PURE__ */ import_react36.default.createElement(
|
6839
6840
|
"p",
|
6840
6841
|
{
|
6841
6842
|
className: cn(
|
@@ -6848,7 +6849,7 @@ var PhoneInput = ({
|
|
6848
6849
|
};
|
6849
6850
|
|
6850
6851
|
// elements/pinInput/PinInput.tsx
|
6851
|
-
var
|
6852
|
+
var import_react37 = __toESM(require("react"));
|
6852
6853
|
var PinInput = ({
|
6853
6854
|
label,
|
6854
6855
|
icon,
|
@@ -6858,7 +6859,7 @@ var PinInput = ({
|
|
6858
6859
|
inputProps,
|
6859
6860
|
...props
|
6860
6861
|
}) => {
|
6861
|
-
const [pin, setPin] = (0,
|
6862
|
+
const [pin, setPin] = (0, import_react37.useState)(Array.from(Array(digits)));
|
6862
6863
|
const handleKeyDown = (e, index) => {
|
6863
6864
|
let backTo = 0;
|
6864
6865
|
if (e.key === "Backspace") {
|
@@ -6867,7 +6868,7 @@ var PinInput = ({
|
|
6867
6868
|
previousInput == null ? void 0 : previousInput.focus();
|
6868
6869
|
}
|
6869
6870
|
};
|
6870
|
-
(0,
|
6871
|
+
(0, import_react37.useEffect)(() => {
|
6871
6872
|
let unfilled = pin.includes(void 0);
|
6872
6873
|
if (!unfilled && getPins) {
|
6873
6874
|
getPins(pin);
|
@@ -6892,13 +6893,13 @@ var PinInput = ({
|
|
6892
6893
|
}
|
6893
6894
|
}
|
6894
6895
|
};
|
6895
|
-
return /* @__PURE__ */
|
6896
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react37.default.createElement(
|
6896
6897
|
"div",
|
6897
6898
|
{
|
6898
6899
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
|
6899
6900
|
dir: "ltr"
|
6900
6901
|
},
|
6901
|
-
pin.map((value, index) => /* @__PURE__ */
|
6902
|
+
pin.map((value, index) => /* @__PURE__ */ import_react37.default.createElement(
|
6902
6903
|
"input",
|
6903
6904
|
{
|
6904
6905
|
key: index,
|
@@ -6918,7 +6919,7 @@ var PinInput = ({
|
|
6918
6919
|
...inputProps
|
6919
6920
|
}
|
6920
6921
|
))
|
6921
|
-
), /* @__PURE__ */
|
6922
|
+
), /* @__PURE__ */ import_react37.default.createElement(
|
6922
6923
|
"p",
|
6923
6924
|
{
|
6924
6925
|
className: cn(
|
@@ -6931,12 +6932,12 @@ var PinInput = ({
|
|
6931
6932
|
};
|
6932
6933
|
|
6933
6934
|
// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
|
6934
|
-
var
|
6935
|
+
var import_react38 = __toESM(require("react"));
|
6935
6936
|
var StopPropagationWrapper = (props) => {
|
6936
6937
|
const handleClick = (e) => {
|
6937
6938
|
e.stopPropagation();
|
6938
6939
|
};
|
6939
|
-
return /* @__PURE__ */
|
6940
|
+
return /* @__PURE__ */ import_react38.default.createElement("div", { onClick: handleClick }, props.children);
|
6940
6941
|
};
|
6941
6942
|
|
6942
6943
|
// elements/scrollArea/ScrollArea.tsx
|
@@ -6980,7 +6981,7 @@ var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...pr
|
|
6980
6981
|
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
6981
6982
|
|
6982
6983
|
// elements/colorPicker/ColorPicker.tsx
|
6983
|
-
var
|
6984
|
+
var import_react39 = __toESM(require("react"));
|
6984
6985
|
var ColorPicker = ({
|
6985
6986
|
containerProps,
|
6986
6987
|
colorPickerProps,
|
@@ -6991,8 +6992,8 @@ var ColorPicker = ({
|
|
6991
6992
|
preview = false,
|
6992
6993
|
...props
|
6993
6994
|
}) => {
|
6994
|
-
const [selectedColor, setSelectedColor] = (0,
|
6995
|
-
(0,
|
6995
|
+
const [selectedColor, setSelectedColor] = (0, import_react39.useState)(props.color);
|
6996
|
+
(0, import_react39.useEffect)(() => {
|
6996
6997
|
if (selectedColor && selectedColor[0] !== "#") {
|
6997
6998
|
setSelectedColor(`#${selectedColor}`);
|
6998
6999
|
}
|
@@ -7009,13 +7010,13 @@ var ColorPicker = ({
|
|
7009
7010
|
props.handleChange(e);
|
7010
7011
|
}
|
7011
7012
|
};
|
7012
|
-
return /* @__PURE__ */
|
7013
|
+
return /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-flex hawa-w-fit hawa-flex-col hawa-gap-2" }, props.label && /* @__PURE__ */ import_react39.default.createElement(Label2, { ...labelProps }, props.label), isLoading ? /* @__PURE__ */ import_react39.default.createElement(Skeleton, { style: { height: 40, width: 148 } }) : /* @__PURE__ */ import_react39.default.createElement("div", { dir: "ltr", className: "hawa-flex hawa-w-full hawa-flex-row" }, /* @__PURE__ */ import_react39.default.createElement(
|
7013
7014
|
"div",
|
7014
7015
|
{
|
7015
7016
|
style: { height: 40, backgroundColor: selectedColor },
|
7016
7017
|
className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
|
7017
7018
|
},
|
7018
|
-
/* @__PURE__ */
|
7019
|
+
/* @__PURE__ */ import_react39.default.createElement(
|
7019
7020
|
"input",
|
7020
7021
|
{
|
7021
7022
|
disabled: preview,
|
@@ -7034,7 +7035,7 @@ var ColorPicker = ({
|
|
7034
7035
|
...colorPickerProps
|
7035
7036
|
}
|
7036
7037
|
)
|
7037
|
-
), /* @__PURE__ */
|
7038
|
+
), /* @__PURE__ */ import_react39.default.createElement("div", { className: "hawa-relative hawa-flex hawa-max-h-fit hawa-w-full hawa-flex-col hawa-justify-center hawa-gap-0" }, /* @__PURE__ */ import_react39.default.createElement(
|
7038
7039
|
"input",
|
7039
7040
|
{
|
7040
7041
|
disabled: preview,
|
@@ -7053,7 +7054,7 @@ var ColorPicker = ({
|
|
7053
7054
|
},
|
7054
7055
|
...textInputProps
|
7055
7056
|
}
|
7056
|
-
))), !forceHideHelperText && /* @__PURE__ */
|
7057
|
+
))), !forceHideHelperText && /* @__PURE__ */ import_react39.default.createElement(
|
7057
7058
|
"p",
|
7058
7059
|
{
|
7059
7060
|
className: cn(
|
@@ -7066,7 +7067,7 @@ var ColorPicker = ({
|
|
7066
7067
|
};
|
7067
7068
|
|
7068
7069
|
// elements/progressCircle/ProgressCircle.tsx
|
7069
|
-
var
|
7070
|
+
var import_react40 = __toESM(require("react"));
|
7070
7071
|
var size2config = {
|
7071
7072
|
xs: { radius: 15, strokeWidth: 3 },
|
7072
7073
|
sm: { radius: 19, strokeWidth: 4 },
|
@@ -7083,7 +7084,7 @@ function getLimitedValue(input) {
|
|
7083
7084
|
return input;
|
7084
7085
|
}
|
7085
7086
|
}
|
7086
|
-
var ProgressCircle =
|
7087
|
+
var ProgressCircle = import_react40.default.forwardRef((props, ref) => {
|
7087
7088
|
const {
|
7088
7089
|
value: inputValue,
|
7089
7090
|
size = "md",
|
@@ -7103,7 +7104,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7103
7104
|
const circumference = normalizedRadius * 2 * Math.PI;
|
7104
7105
|
const strokeDashoffset = value / 100 * circumference;
|
7105
7106
|
const offset = circumference - strokeDashoffset;
|
7106
|
-
return /* @__PURE__ */
|
7107
|
+
return /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(
|
7107
7108
|
"div",
|
7108
7109
|
{
|
7109
7110
|
ref,
|
@@ -7112,7 +7113,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7112
7113
|
className
|
7113
7114
|
)
|
7114
7115
|
},
|
7115
|
-
/* @__PURE__ */
|
7116
|
+
/* @__PURE__ */ import_react40.default.createElement(
|
7116
7117
|
"svg",
|
7117
7118
|
{
|
7118
7119
|
width: radius * 2,
|
@@ -7120,7 +7121,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7120
7121
|
viewBox: `0 0 ${radius * 2} ${radius * 2}`,
|
7121
7122
|
className: "hawa-rotate-180 hawa-transform"
|
7122
7123
|
},
|
7123
|
-
/* @__PURE__ */
|
7124
|
+
/* @__PURE__ */ import_react40.default.createElement(
|
7124
7125
|
"circle",
|
7125
7126
|
{
|
7126
7127
|
r: normalizedRadius,
|
@@ -7136,7 +7137,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7136
7137
|
)
|
7137
7138
|
}
|
7138
7139
|
),
|
7139
|
-
value > 0 ? /* @__PURE__ */
|
7140
|
+
value > 0 ? /* @__PURE__ */ import_react40.default.createElement(
|
7140
7141
|
"circle",
|
7141
7142
|
{
|
7142
7143
|
r: normalizedRadius,
|
@@ -7156,24 +7157,24 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7156
7157
|
}
|
7157
7158
|
) : null
|
7158
7159
|
),
|
7159
|
-
/* @__PURE__ */
|
7160
|
+
/* @__PURE__ */ import_react40.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
|
7160
7161
|
));
|
7161
7162
|
});
|
7162
7163
|
ProgressCircle.displayName = "ProgressCircle";
|
7163
7164
|
|
7164
7165
|
// elements/pagination/Pagination.tsx
|
7165
|
-
var
|
7166
|
+
var import_react41 = __toESM(require("react"));
|
7166
7167
|
var import_react_headless_pagination = require("react-headless-pagination");
|
7167
7168
|
var Pagination = ({
|
7168
7169
|
direction,
|
7169
7170
|
totalPages,
|
7170
7171
|
currentPage
|
7171
7172
|
}) => {
|
7172
|
-
const [page, setPage] =
|
7173
|
+
const [page, setPage] = import_react41.default.useState(currentPage || 0);
|
7173
7174
|
const handlePageChange = (page2) => {
|
7174
7175
|
setPage(page2);
|
7175
7176
|
};
|
7176
|
-
return /* @__PURE__ */
|
7177
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
7177
7178
|
import_react_headless_pagination.Pagination,
|
7178
7179
|
{
|
7179
7180
|
totalPages,
|
@@ -7185,10 +7186,10 @@ var Pagination = ({
|
|
7185
7186
|
truncableText: "...",
|
7186
7187
|
truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
|
7187
7188
|
},
|
7188
|
-
/* @__PURE__ */
|
7189
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7189
7190
|
import_react_headless_pagination.Pagination.PrevButton,
|
7190
7191
|
{
|
7191
|
-
as: /* @__PURE__ */
|
7192
|
+
as: /* @__PURE__ */ import_react41.default.createElement(
|
7192
7193
|
"button",
|
7193
7194
|
{
|
7194
7195
|
"aria-label": "Previous Table Page",
|
@@ -7198,7 +7199,7 @@ var Pagination = ({
|
|
7198
7199
|
),
|
7199
7200
|
style: { minWidth: 36 }
|
7200
7201
|
},
|
7201
|
-
/* @__PURE__ */
|
7202
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7202
7203
|
"svg",
|
7203
7204
|
{
|
7204
7205
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7211,7 +7212,7 @@ var Pagination = ({
|
|
7211
7212
|
strokeLinecap: "round",
|
7212
7213
|
strokeLinejoin: "round"
|
7213
7214
|
},
|
7214
|
-
/* @__PURE__ */
|
7215
|
+
/* @__PURE__ */ import_react41.default.createElement("path", { d: "m15 18-6-6 6-6" })
|
7215
7216
|
)
|
7216
7217
|
),
|
7217
7218
|
className: cn(
|
@@ -7224,17 +7225,17 @@ var Pagination = ({
|
|
7224
7225
|
},
|
7225
7226
|
"Previous"
|
7226
7227
|
),
|
7227
|
-
/* @__PURE__ */
|
7228
|
+
/* @__PURE__ */ import_react41.default.createElement("nav", { className: "hawa-flex hawa-flex-grow hawa-justify-center" }, /* @__PURE__ */ import_react41.default.createElement("ul", { className: "hawa-flex hawa-items-center hawa-gap-1" }, /* @__PURE__ */ import_react41.default.createElement(
|
7228
7229
|
import_react_headless_pagination.Pagination.PageButton,
|
7229
7230
|
{
|
7230
7231
|
className: "hawa-tap-highlight-transparent hawa-text-default-foreground data-[focus-visible=true]:hawa-outline-focus data-[disabled=true]:hawa-text-default-300 hawa-min-w-9 hawa-text-small hawa-box-border hawa-flex hawa-h-9 hawa-w-9 hawa-cursor-pointer hawa-touch-none hawa-select-none hawa-flex-wrap hawa-items-center hawa-justify-center hawa-truncate hawa-rounded hawa-border hawa-bg-card hawa-outline-none hawa-transition-all hover:hawa-scale-[1.1] data-[disabled=true]:hawa-pointer-events-none data-[focus-visible=true]:hawa-z-10 data-[pressed=true]:hawa-scale-[0.97] data-[focus-visible=true]:hawa-outline-2 data-[focus-visible=true]:hawa-outline-offset-2",
|
7231
7232
|
activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
|
7232
7233
|
}
|
7233
7234
|
))),
|
7234
|
-
/* @__PURE__ */
|
7235
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7235
7236
|
import_react_headless_pagination.Pagination.NextButton,
|
7236
7237
|
{
|
7237
|
-
as: /* @__PURE__ */
|
7238
|
+
as: /* @__PURE__ */ import_react41.default.createElement(
|
7238
7239
|
"button",
|
7239
7240
|
{
|
7240
7241
|
"aria-label": "Previous Table Page",
|
@@ -7244,7 +7245,7 @@ var Pagination = ({
|
|
7244
7245
|
),
|
7245
7246
|
style: { minWidth: 36 }
|
7246
7247
|
},
|
7247
|
-
/* @__PURE__ */
|
7248
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7248
7249
|
"svg",
|
7249
7250
|
{
|
7250
7251
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7257,7 +7258,7 @@ var Pagination = ({
|
|
7257
7258
|
strokeLinecap: "round",
|
7258
7259
|
strokeLinejoin: "round"
|
7259
7260
|
},
|
7260
|
-
/* @__PURE__ */
|
7261
|
+
/* @__PURE__ */ import_react41.default.createElement("path", { d: "m15 18-6-6 6-6" })
|
7261
7262
|
)
|
7262
7263
|
),
|
7263
7264
|
className: cn(
|
@@ -7274,14 +7275,14 @@ var Pagination = ({
|
|
7274
7275
|
};
|
7275
7276
|
|
7276
7277
|
// elements/passwordInput/PasswordInput.tsx
|
7277
|
-
var
|
7278
|
+
var import_react45 = __toESM(require("react"));
|
7278
7279
|
|
7279
7280
|
// icons/Emojis.tsx
|
7280
|
-
var
|
7281
|
+
var import_react42 = __toESM(require("react"));
|
7281
7282
|
|
7282
7283
|
// icons/InputIcons.tsx
|
7283
|
-
var
|
7284
|
-
var EyeIcon = (props) => /* @__PURE__ */
|
7284
|
+
var import_react43 = __toESM(require("react"));
|
7285
|
+
var EyeIcon = (props) => /* @__PURE__ */ import_react43.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react43.default.createElement(
|
7285
7286
|
"svg",
|
7286
7287
|
{
|
7287
7288
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7292,10 +7293,10 @@ var EyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElement("d
|
|
7292
7293
|
strokeLinecap: "round",
|
7293
7294
|
strokeLinejoin: "round"
|
7294
7295
|
},
|
7295
|
-
/* @__PURE__ */
|
7296
|
-
/* @__PURE__ */
|
7296
|
+
/* @__PURE__ */ import_react43.default.createElement("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
|
7297
|
+
/* @__PURE__ */ import_react43.default.createElement("circle", { cx: "12", cy: "12", r: "3" })
|
7297
7298
|
));
|
7298
|
-
var HiddenEyeIcon = (props) => /* @__PURE__ */
|
7299
|
+
var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react43.default.createElement("div", { className: cn("hawa-h-5 hawa-w-5", props.className) }, /* @__PURE__ */ import_react43.default.createElement(
|
7299
7300
|
"svg",
|
7300
7301
|
{
|
7301
7302
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7306,20 +7307,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElem
|
|
7306
7307
|
strokeLinecap: "round",
|
7307
7308
|
strokeLinejoin: "round"
|
7308
7309
|
},
|
7309
|
-
/* @__PURE__ */
|
7310
|
-
/* @__PURE__ */
|
7311
|
-
/* @__PURE__ */
|
7312
|
-
/* @__PURE__ */
|
7310
|
+
/* @__PURE__ */ import_react43.default.createElement("path", { d: "M9.88 9.88a3 3 0 1 0 4.24 4.24" }),
|
7311
|
+
/* @__PURE__ */ import_react43.default.createElement("path", { d: "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }),
|
7312
|
+
/* @__PURE__ */ import_react43.default.createElement("path", { d: "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }),
|
7313
|
+
/* @__PURE__ */ import_react43.default.createElement("line", { x1: "2", x2: "22", y1: "2", y2: "22" })
|
7313
7314
|
));
|
7314
7315
|
|
7315
7316
|
// icons/CommonIcons.tsx
|
7316
|
-
var
|
7317
|
+
var import_react44 = __toESM(require("react"));
|
7317
7318
|
var CheckMark = ({ size = "default", className }) => {
|
7318
7319
|
let sizeStyles2 = {
|
7319
7320
|
default: "hawa-h-5 hawa-w-5",
|
7320
7321
|
sm: "hawa-h-3 hawa-w-3"
|
7321
7322
|
};
|
7322
|
-
return /* @__PURE__ */
|
7323
|
+
return /* @__PURE__ */ import_react44.default.createElement(
|
7323
7324
|
"svg",
|
7324
7325
|
{
|
7325
7326
|
className: cn(sizeStyles2[size], className),
|
@@ -7327,7 +7328,7 @@ var CheckMark = ({ size = "default", className }) => {
|
|
7327
7328
|
fill: "currentColor",
|
7328
7329
|
viewBox: "0 0 20 20"
|
7329
7330
|
},
|
7330
|
-
/* @__PURE__ */
|
7331
|
+
/* @__PURE__ */ import_react44.default.createElement(
|
7331
7332
|
"path",
|
7332
7333
|
{
|
7333
7334
|
fillRule: "evenodd",
|
@@ -7342,7 +7343,7 @@ var UncheckMark = ({ size = "default", className }) => {
|
|
7342
7343
|
default: "hawa-h-5 hawa-w-5",
|
7343
7344
|
sm: "hawa-h-3 hawa-w-3"
|
7344
7345
|
};
|
7345
|
-
return /* @__PURE__ */
|
7346
|
+
return /* @__PURE__ */ import_react44.default.createElement(
|
7346
7347
|
"svg",
|
7347
7348
|
{
|
7348
7349
|
className: cn(sizeStyles2[size], className),
|
@@ -7350,7 +7351,7 @@ var UncheckMark = ({ size = "default", className }) => {
|
|
7350
7351
|
fill: "currentColor",
|
7351
7352
|
viewBox: "0 0 20 20"
|
7352
7353
|
},
|
7353
|
-
/* @__PURE__ */
|
7354
|
+
/* @__PURE__ */ import_react44.default.createElement(
|
7354
7355
|
"path",
|
7355
7356
|
{
|
7356
7357
|
fillRule: "evenodd",
|
@@ -7388,7 +7389,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
|
|
7388
7389
|
strong: "80%",
|
7389
7390
|
"very-strong": "100%"
|
7390
7391
|
}[currentStrengthLevel];
|
7391
|
-
return /* @__PURE__ */
|
7392
|
+
return /* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-mt-0.5 hawa-h-2 hawa-w-full hawa-rounded hawa-bg-gray-200" }, /* @__PURE__ */ import_react45.default.createElement(
|
7392
7393
|
"div",
|
7393
7394
|
{
|
7394
7395
|
className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
|
@@ -7400,16 +7401,16 @@ var PasswordInput = ({
|
|
7400
7401
|
hidePopover,
|
7401
7402
|
...props
|
7402
7403
|
}) => {
|
7403
|
-
const [inputValue, setInputValue] = (0,
|
7404
|
-
const [isInputFocused, setIsInputFocused] = (0,
|
7405
|
-
const [currentStr, setCurrentStr] = (0,
|
7406
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
7407
|
-
const [lengthCriteriaMet, setLengthCriteriaMet] = (0,
|
7408
|
-
const [numberCriteriaMet, setNumberCriteriaMet] = (0,
|
7409
|
-
const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0,
|
7410
|
-
const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0,
|
7411
|
-
const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0,
|
7412
|
-
(0,
|
7404
|
+
const [inputValue, setInputValue] = (0, import_react45.useState)("");
|
7405
|
+
const [isInputFocused, setIsInputFocused] = (0, import_react45.useState)(false);
|
7406
|
+
const [currentStr, setCurrentStr] = (0, import_react45.useState)(0);
|
7407
|
+
const [passwordVisible, setPasswordVisible] = (0, import_react45.useState)(false);
|
7408
|
+
const [lengthCriteriaMet, setLengthCriteriaMet] = (0, import_react45.useState)(false);
|
7409
|
+
const [numberCriteriaMet, setNumberCriteriaMet] = (0, import_react45.useState)(false);
|
7410
|
+
const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0, import_react45.useState)(false);
|
7411
|
+
const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0, import_react45.useState)(false);
|
7412
|
+
const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0, import_react45.useState)(false);
|
7413
|
+
(0, import_react45.useEffect)(() => {
|
7413
7414
|
const calculateStrength = () => {
|
7414
7415
|
let strengthScore = 0;
|
7415
7416
|
if (lengthCriteriaMet)
|
@@ -7448,7 +7449,7 @@ var PasswordInput = ({
|
|
7448
7449
|
setIsInputFocused(false);
|
7449
7450
|
};
|
7450
7451
|
const getCriteriaClass = (isMet) => isMet ? "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-green-500" : "hawa-flex hawa-flex-row hawa-gap-2 hawa-text-sm hawa-items-center hawa-text-red-600";
|
7451
|
-
return /* @__PURE__ */
|
7452
|
+
return /* @__PURE__ */ import_react45.default.createElement("div", null, /* @__PURE__ */ import_react45.default.createElement(
|
7452
7453
|
Popover,
|
7453
7454
|
{
|
7454
7455
|
width: "trigger",
|
@@ -7457,7 +7458,7 @@ var PasswordInput = ({
|
|
7457
7458
|
onOpenChange: setIsInputFocused,
|
7458
7459
|
triggerProps: { asChild: true },
|
7459
7460
|
contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
|
7460
|
-
trigger: /* @__PURE__ */
|
7461
|
+
trigger: /* @__PURE__ */ import_react45.default.createElement(
|
7461
7462
|
"div",
|
7462
7463
|
{
|
7463
7464
|
onClick: (e) => {
|
@@ -7467,7 +7468,7 @@ var PasswordInput = ({
|
|
7467
7468
|
}
|
7468
7469
|
}
|
7469
7470
|
},
|
7470
|
-
/* @__PURE__ */
|
7471
|
+
/* @__PURE__ */ import_react45.default.createElement(
|
7471
7472
|
Input,
|
7472
7473
|
{
|
7473
7474
|
width: "full",
|
@@ -7477,21 +7478,21 @@ var PasswordInput = ({
|
|
7477
7478
|
onFocus: handleInputFocus,
|
7478
7479
|
onBlur: handleInputBlur,
|
7479
7480
|
type: passwordVisible ? "text" : "password",
|
7480
|
-
endIcon: /* @__PURE__ */
|
7481
|
+
endIcon: /* @__PURE__ */ import_react45.default.createElement(
|
7481
7482
|
"div",
|
7482
7483
|
{
|
7483
7484
|
className: "hawa-cursor-pointer",
|
7484
7485
|
onClick: () => setPasswordVisible(!passwordVisible)
|
7485
7486
|
},
|
7486
|
-
passwordVisible ? /* @__PURE__ */
|
7487
|
+
passwordVisible ? /* @__PURE__ */ import_react45.default.createElement(EyeIcon, { className: "hawa-text-gray-500" }) : /* @__PURE__ */ import_react45.default.createElement(HiddenEyeIcon, { className: "hawa-text-gray-500" }),
|
7487
7488
|
" "
|
7488
7489
|
)
|
7489
7490
|
}
|
7490
7491
|
)
|
7491
7492
|
)
|
7492
7493
|
},
|
7493
|
-
/* @__PURE__ */
|
7494
|
-
), /* @__PURE__ */
|
7494
|
+
/* @__PURE__ */ import_react45.default.createElement("div", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react45.default.createElement("ul", { className: "hawa-rounded hawa-p-2" }, /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(lengthCriteriaMet) }, lengthCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 8 characters long"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(numberCriteriaMet) }, numberCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 number"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(specialCharCriteriaMet) }, specialCharCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 special character"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(lowercaseCriteriaMet) }, lowercaseCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 lowercase letter"), /* @__PURE__ */ import_react45.default.createElement("li", { className: getCriteriaClass(uppercaseCriteriaMet) }, uppercaseCriteriaMet ? /* @__PURE__ */ import_react45.default.createElement(CheckMark, { size: "sm" }) : /* @__PURE__ */ import_react45.default.createElement(UncheckMark, { size: "sm" }), "At least 1 uppercase letter")))
|
7495
|
+
), /* @__PURE__ */ import_react45.default.createElement(PasswordStrengthIndicator, { strength: currentStr }));
|
7495
7496
|
};
|
7496
7497
|
|
7497
7498
|
// elements/slider/Slider.tsx
|
@@ -7606,12 +7607,12 @@ var Separator2 = ({
|
|
7606
7607
|
);
|
7607
7608
|
|
7608
7609
|
// elements/scrollIndicator/ScrollIndicator.tsx
|
7609
|
-
var
|
7610
|
+
var import_react46 = __toESM(require("react"));
|
7610
7611
|
var ScrollIndicator = ({
|
7611
7612
|
anchor,
|
7612
7613
|
inContainer = false
|
7613
7614
|
}) => {
|
7614
|
-
const [scrollPercentage, setScrollPercentage] = (0,
|
7615
|
+
const [scrollPercentage, setScrollPercentage] = (0, import_react46.useState)(0);
|
7615
7616
|
const onScroll = () => {
|
7616
7617
|
const scrollElement = anchor.current;
|
7617
7618
|
if (scrollElement) {
|
@@ -7622,7 +7623,7 @@ var ScrollIndicator = ({
|
|
7622
7623
|
setScrollPercentage(percentageScrolled);
|
7623
7624
|
}
|
7624
7625
|
};
|
7625
|
-
(0,
|
7626
|
+
(0, import_react46.useEffect)(() => {
|
7626
7627
|
if (!anchor.current)
|
7627
7628
|
return;
|
7628
7629
|
anchor.current.addEventListener("scroll", onScroll);
|
@@ -7631,7 +7632,7 @@ var ScrollIndicator = ({
|
|
7631
7632
|
(_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
|
7632
7633
|
};
|
7633
7634
|
}, [anchor]);
|
7634
|
-
return /* @__PURE__ */
|
7635
|
+
return /* @__PURE__ */ import_react46.default.createElement(
|
7635
7636
|
"div",
|
7636
7637
|
{
|
7637
7638
|
style: {
|
@@ -7647,11 +7648,11 @@ var ScrollIndicator = ({
|
|
7647
7648
|
};
|
7648
7649
|
|
7649
7650
|
// elements/codeBlock/CodeBlock.tsx
|
7650
|
-
var
|
7651
|
+
var import_react47 = __toESM(require("react"));
|
7651
7652
|
var import_prism_react_renderer = require("prism-react-renderer");
|
7652
7653
|
(typeof global !== "undefined" ? global : window).Prism = import_prism_react_renderer.Prism;
|
7653
7654
|
require("prismjs/components/prism-bash");
|
7654
|
-
var CopyIcon = () => /* @__PURE__ */
|
7655
|
+
var CopyIcon = () => /* @__PURE__ */ import_react47.default.createElement(
|
7655
7656
|
"svg",
|
7656
7657
|
{
|
7657
7658
|
"aria-label": "Copy",
|
@@ -7664,8 +7665,8 @@ var CopyIcon = () => /* @__PURE__ */ import_react46.default.createElement(
|
|
7664
7665
|
height: "1em",
|
7665
7666
|
width: "1em"
|
7666
7667
|
},
|
7667
|
-
/* @__PURE__ */
|
7668
|
-
/* @__PURE__ */
|
7668
|
+
/* @__PURE__ */ import_react47.default.createElement("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
|
7669
|
+
/* @__PURE__ */ import_react47.default.createElement("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
|
7669
7670
|
);
|
7670
7671
|
var CodeBlock = ({
|
7671
7672
|
tabs,
|
@@ -7679,7 +7680,7 @@ var CodeBlock = ({
|
|
7679
7680
|
...props
|
7680
7681
|
}) => {
|
7681
7682
|
const clipboard = useClipboard();
|
7682
|
-
const [selectedTab, setSelectedTab] = (0,
|
7683
|
+
const [selectedTab, setSelectedTab] = (0, import_react47.useState)(0);
|
7683
7684
|
const theme = import_prism_react_renderer.themes.oceanicNext;
|
7684
7685
|
let widthStyles = {
|
7685
7686
|
full: "hawa-w-full",
|
@@ -7687,7 +7688,7 @@ var CodeBlock = ({
|
|
7687
7688
|
sm: "hawa-w-full hawa-max-w-sm",
|
7688
7689
|
xs: "hawa-w-full hawa-max-w-xs"
|
7689
7690
|
};
|
7690
|
-
return /* @__PURE__ */
|
7691
|
+
return /* @__PURE__ */ import_react47.default.createElement(
|
7691
7692
|
"div",
|
7692
7693
|
{
|
7693
7694
|
className: cn(
|
@@ -7696,7 +7697,7 @@ var CodeBlock = ({
|
|
7696
7697
|
classNames == null ? void 0 : classNames.root
|
7697
7698
|
)
|
7698
7699
|
},
|
7699
|
-
fileName && /* @__PURE__ */
|
7700
|
+
fileName && /* @__PURE__ */ import_react47.default.createElement(
|
7700
7701
|
"div",
|
7701
7702
|
{
|
7702
7703
|
className: cn(
|
@@ -7705,7 +7706,7 @@ var CodeBlock = ({
|
|
7705
7706
|
classNames == null ? void 0 : classNames.fileName
|
7706
7707
|
)
|
7707
7708
|
},
|
7708
|
-
/* @__PURE__ */
|
7709
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7709
7710
|
"div",
|
7710
7711
|
{
|
7711
7712
|
className: cn(
|
@@ -7715,7 +7716,7 @@ var CodeBlock = ({
|
|
7715
7716
|
fileName
|
7716
7717
|
)
|
7717
7718
|
),
|
7718
|
-
tabs && /* @__PURE__ */
|
7719
|
+
tabs && /* @__PURE__ */ import_react47.default.createElement(
|
7719
7720
|
"div",
|
7720
7721
|
{
|
7721
7722
|
className: cn(
|
@@ -7724,7 +7725,7 @@ var CodeBlock = ({
|
|
7724
7725
|
classNames == null ? void 0 : classNames.tabs
|
7725
7726
|
)
|
7726
7727
|
},
|
7727
|
-
tabs.map((tab, i) => /* @__PURE__ */
|
7728
|
+
tabs.map((tab, i) => /* @__PURE__ */ import_react47.default.createElement(
|
7728
7729
|
"div",
|
7729
7730
|
{
|
7730
7731
|
key: i,
|
@@ -7733,7 +7734,7 @@ var CodeBlock = ({
|
|
7733
7734
|
classNames == null ? void 0 : classNames.tab
|
7734
7735
|
)
|
7735
7736
|
},
|
7736
|
-
/* @__PURE__ */
|
7737
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7737
7738
|
"div",
|
7738
7739
|
{
|
7739
7740
|
onClick: () => setSelectedTab(i),
|
@@ -7745,7 +7746,7 @@ var CodeBlock = ({
|
|
7745
7746
|
)
|
7746
7747
|
))
|
7747
7748
|
),
|
7748
|
-
/* @__PURE__ */
|
7749
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7749
7750
|
"div",
|
7750
7751
|
{
|
7751
7752
|
className: cn(
|
@@ -7755,22 +7756,22 @@ var CodeBlock = ({
|
|
7755
7756
|
"hawa-overflow-y-auto"
|
7756
7757
|
)
|
7757
7758
|
},
|
7758
|
-
/* @__PURE__ */
|
7759
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7759
7760
|
"div",
|
7760
7761
|
{
|
7761
7762
|
className: cn(
|
7762
7763
|
"hawa-flex hawa-absolute hawa-w-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-z-50 hawa-right-3 hawa-top-3"
|
7763
7764
|
)
|
7764
7765
|
},
|
7765
|
-
/* @__PURE__ */
|
7766
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7766
7767
|
Tooltip,
|
7767
7768
|
{
|
7768
7769
|
open: clipboard.copied,
|
7769
7770
|
side: "left",
|
7770
|
-
content: /* @__PURE__ */
|
7771
|
+
content: /* @__PURE__ */ import_react47.default.createElement("div", null, "Copied!"),
|
7771
7772
|
triggerProps: { asChild: true }
|
7772
7773
|
},
|
7773
|
-
/* @__PURE__ */
|
7774
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7774
7775
|
Button,
|
7775
7776
|
{
|
7776
7777
|
size: "smallIcon",
|
@@ -7778,18 +7779,18 @@ var CodeBlock = ({
|
|
7778
7779
|
variant: "outline",
|
7779
7780
|
className: "hawa-text-gray-200 hawa-opacity-50 dark:hawa-border-gray-200 dark:hover:hawa-border-gray-400"
|
7780
7781
|
},
|
7781
|
-
/* @__PURE__ */
|
7782
|
+
/* @__PURE__ */ import_react47.default.createElement(CopyIcon, null)
|
7782
7783
|
)
|
7783
7784
|
)
|
7784
7785
|
),
|
7785
|
-
/* @__PURE__ */
|
7786
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7786
7787
|
import_prism_react_renderer.Highlight,
|
7787
7788
|
{
|
7788
7789
|
theme,
|
7789
7790
|
code: tabs ? tabs[selectedTab].code : code || "",
|
7790
7791
|
language
|
7791
7792
|
},
|
7792
|
-
({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */
|
7793
|
+
({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react47.default.createElement(
|
7793
7794
|
"pre",
|
7794
7795
|
{
|
7795
7796
|
className: cn(
|
@@ -7799,7 +7800,7 @@ var CodeBlock = ({
|
|
7799
7800
|
wrapText && "hawa-text-wrap"
|
7800
7801
|
)
|
7801
7802
|
},
|
7802
|
-
tokens.map((line, i) => /* @__PURE__ */
|
7803
|
+
tokens.map((line, i) => /* @__PURE__ */ import_react47.default.createElement("div", { key: i, ...getLineProps({ line }) }, props.lineNumbers && /* @__PURE__ */ import_react47.default.createElement("span", { className: "hawa-mr-4" }, i + 1), line.map((token, key) => /* @__PURE__ */ import_react47.default.createElement("span", { key, ...getTokenProps({ token }) }))))
|
7803
7804
|
)
|
7804
7805
|
)
|
7805
7806
|
)
|
@@ -7807,7 +7808,7 @@ var CodeBlock = ({
|
|
7807
7808
|
};
|
7808
7809
|
|
7809
7810
|
// elements/carousel/Carousel.tsx
|
7810
|
-
var
|
7811
|
+
var import_react48 = __toESM(require("react"));
|
7811
7812
|
var import_embla_carousel_react2 = __toESM(require("embla-carousel-react"));
|
7812
7813
|
var Carousel = ({
|
7813
7814
|
items,
|
@@ -7823,8 +7824,8 @@ var Carousel = ({
|
|
7823
7824
|
direction,
|
7824
7825
|
loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
|
7825
7826
|
});
|
7826
|
-
const [selectedIndex, setSelectedIndex] = (0,
|
7827
|
-
(0,
|
7827
|
+
const [selectedIndex, setSelectedIndex] = (0, import_react48.useState)(0);
|
7828
|
+
(0, import_react48.useEffect)(() => {
|
7828
7829
|
function selectHandler() {
|
7829
7830
|
const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
|
7830
7831
|
setSelectedIndex(index || 0);
|
@@ -7834,7 +7835,7 @@ var Carousel = ({
|
|
7834
7835
|
emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
|
7835
7836
|
};
|
7836
7837
|
}, [emblaApi]);
|
7837
|
-
(0,
|
7838
|
+
(0, import_react48.useEffect)(() => {
|
7838
7839
|
let autoplayTimer;
|
7839
7840
|
if (autoplay && emblaApi) {
|
7840
7841
|
autoplayTimer = setInterval(() => {
|
@@ -7846,17 +7847,17 @@ var Carousel = ({
|
|
7846
7847
|
clearInterval(autoplayTimer);
|
7847
7848
|
};
|
7848
7849
|
}, [emblaApi, autoplay, autoplayInterval]);
|
7849
|
-
const length =
|
7850
|
+
const length = import_react48.default.Children.count(items);
|
7850
7851
|
const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
|
7851
7852
|
const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
|
7852
|
-
return /* @__PURE__ */
|
7853
|
+
return /* @__PURE__ */ import_react48.default.createElement("div", { className: " hawa-relative hawa-h-full" }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-h-full hawa-overflow-hidden" }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-h-full", ref: emblaRef }, /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-h-full" }, items == null ? void 0 : items.map((item, i) => /* @__PURE__ */ import_react48.default.createElement(
|
7853
7854
|
"div",
|
7854
7855
|
{
|
7855
7856
|
key: i,
|
7856
7857
|
className: "hawa-flex hawa-h-full hawa-min-w-0 hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center"
|
7857
7858
|
},
|
7858
7859
|
item
|
7859
|
-
))))), /* @__PURE__ */
|
7860
|
+
))))), /* @__PURE__ */ import_react48.default.createElement(
|
7860
7861
|
Dots,
|
7861
7862
|
{
|
7862
7863
|
direction,
|
@@ -7864,7 +7865,7 @@ var Carousel = ({
|
|
7864
7865
|
selectedIndex,
|
7865
7866
|
onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
|
7866
7867
|
}
|
7867
|
-
), showArrows && /* @__PURE__ */
|
7868
|
+
), showArrows && /* @__PURE__ */ import_react48.default.createElement(
|
7868
7869
|
CarouselControls,
|
7869
7870
|
{
|
7870
7871
|
canScrollNext,
|
@@ -7881,7 +7882,7 @@ var Dots = ({
|
|
7881
7882
|
direction
|
7882
7883
|
}) => {
|
7883
7884
|
const arr = new Array(itemsLength).fill(0);
|
7884
|
-
return /* @__PURE__ */
|
7885
|
+
return /* @__PURE__ */ import_react48.default.createElement(
|
7885
7886
|
"div",
|
7886
7887
|
{
|
7887
7888
|
dir: direction,
|
@@ -7889,7 +7890,7 @@ var Dots = ({
|
|
7889
7890
|
},
|
7890
7891
|
arr.map((_, index) => {
|
7891
7892
|
const selected = index === selectedIndex;
|
7892
|
-
return /* @__PURE__ */
|
7893
|
+
return /* @__PURE__ */ import_react48.default.createElement(
|
7893
7894
|
"div",
|
7894
7895
|
{
|
7895
7896
|
key: index,
|
@@ -7904,7 +7905,7 @@ var Dots = ({
|
|
7904
7905
|
);
|
7905
7906
|
};
|
7906
7907
|
var CarouselControls = (props) => {
|
7907
|
-
return /* @__PURE__ */
|
7908
|
+
return /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react48.default.createElement(
|
7908
7909
|
"button",
|
7909
7910
|
{
|
7910
7911
|
onClick: () => props.canScrollPrev && props.onPrev(),
|
@@ -7915,7 +7916,7 @@ var CarouselControls = (props) => {
|
|
7915
7916
|
props.canScrollPrev && "hawa-bg-primary"
|
7916
7917
|
)
|
7917
7918
|
},
|
7918
|
-
/* @__PURE__ */
|
7919
|
+
/* @__PURE__ */ import_react48.default.createElement(
|
7919
7920
|
"svg",
|
7920
7921
|
{
|
7921
7922
|
"aria-label": "Chevron Right Icon",
|
@@ -7924,9 +7925,9 @@ var CarouselControls = (props) => {
|
|
7924
7925
|
viewBox: "0 0 16 16",
|
7925
7926
|
className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
|
7926
7927
|
},
|
7927
|
-
/* @__PURE__ */
|
7928
|
+
/* @__PURE__ */ import_react48.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
|
7928
7929
|
)
|
7929
|
-
), /* @__PURE__ */
|
7930
|
+
), /* @__PURE__ */ import_react48.default.createElement(
|
7930
7931
|
"button",
|
7931
7932
|
{
|
7932
7933
|
onClick: () => props.canScrollNext && props.onNext(),
|
@@ -7937,7 +7938,7 @@ var CarouselControls = (props) => {
|
|
7937
7938
|
props.canScrollNext && "hawa-bg-primary"
|
7938
7939
|
)
|
7939
7940
|
},
|
7940
|
-
/* @__PURE__ */
|
7941
|
+
/* @__PURE__ */ import_react48.default.createElement(
|
7941
7942
|
"svg",
|
7942
7943
|
{
|
7943
7944
|
"aria-label": "Chevron Right Icon",
|
@@ -7946,15 +7947,15 @@ var CarouselControls = (props) => {
|
|
7946
7947
|
viewBox: "0 0 16 16",
|
7947
7948
|
className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
|
7948
7949
|
},
|
7949
|
-
/* @__PURE__ */
|
7950
|
+
/* @__PURE__ */ import_react48.default.createElement("path", { d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z" })
|
7950
7951
|
)
|
7951
7952
|
));
|
7952
7953
|
};
|
7953
7954
|
|
7954
7955
|
// elements/count/Count.tsx
|
7955
|
-
var
|
7956
|
+
var import_react49 = __toESM(require("react"));
|
7956
7957
|
var Count = (props) => {
|
7957
|
-
return /* @__PURE__ */
|
7958
|
+
return /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-flex hawa-h-fit hawa-flex-row hawa-items-center hawa-gap-2 hawa-px-2" }, /* @__PURE__ */ import_react49.default.createElement("div", null, props.icon), /* @__PURE__ */ import_react49.default.createElement("div", { className: "hawa-text-sm" }, props.count));
|
7958
7959
|
};
|
7959
7960
|
|
7960
7961
|
// elements/toast/Toast.tsx
|
@@ -8095,11 +8096,11 @@ var ToastDescription = React68.forwardRef(({ className, size = "default", ...pro
|
|
8095
8096
|
ToastDescription.displayName = ToastPrimitives.Description.displayName;
|
8096
8097
|
|
8097
8098
|
// elements/toaster/Toaster.tsx
|
8098
|
-
var
|
8099
|
+
var import_react50 = __toESM(require("react"));
|
8099
8100
|
function Toaster(props) {
|
8100
8101
|
var _a;
|
8101
8102
|
let isRTL = props.direction === "rtl";
|
8102
|
-
return /* @__PURE__ */
|
8103
|
+
return /* @__PURE__ */ import_react50.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
|
8103
8104
|
id,
|
8104
8105
|
title,
|
8105
8106
|
description,
|
@@ -8107,7 +8108,7 @@ function Toaster(props) {
|
|
8107
8108
|
action,
|
8108
8109
|
...toastProps
|
8109
8110
|
}) {
|
8110
|
-
return /* @__PURE__ */
|
8111
|
+
return /* @__PURE__ */ import_react50.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react50.default.createElement(
|
8111
8112
|
"div",
|
8112
8113
|
{
|
8113
8114
|
className: cn(
|
@@ -8115,9 +8116,9 @@ function Toaster(props) {
|
|
8115
8116
|
action && "hawa-justify-between"
|
8116
8117
|
)
|
8117
8118
|
},
|
8118
|
-
/* @__PURE__ */
|
8119
|
-
/* @__PURE__ */
|
8120
|
-
/* @__PURE__ */
|
8119
|
+
/* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-h-full hawa-flex-col hawa-p-2 hawa-pe-0" }, /* @__PURE__ */ import_react50.default.createElement(ToastClose, null)),
|
8120
|
+
/* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-mx-0 hawa-h-auto hawa-max-h-full hawa-w-px hawa-bg-primary-foreground/10" }),
|
8121
|
+
/* @__PURE__ */ import_react50.default.createElement(
|
8121
8122
|
"div",
|
8122
8123
|
{
|
8123
8124
|
className: cn(
|
@@ -8125,11 +8126,11 @@ function Toaster(props) {
|
|
8125
8126
|
{ "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
|
8126
8127
|
)
|
8127
8128
|
},
|
8128
|
-
/* @__PURE__ */
|
8129
|
-
action && /* @__PURE__ */
|
8129
|
+
/* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-grid hawa-gap-1 hawa-text-start" }, title && /* @__PURE__ */ import_react50.default.createElement(ToastTitle, { size }, title), description && /* @__PURE__ */ import_react50.default.createElement(ToastDescription, { size }, description)),
|
8130
|
+
action && /* @__PURE__ */ import_react50.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-justify-center" }, action)
|
8130
8131
|
)
|
8131
8132
|
));
|
8132
|
-
}), /* @__PURE__ */
|
8133
|
+
}), /* @__PURE__ */ import_react50.default.createElement(
|
8133
8134
|
ToastViewport,
|
8134
8135
|
{
|
8135
8136
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
@@ -8138,20 +8139,20 @@ function Toaster(props) {
|
|
8138
8139
|
}
|
8139
8140
|
|
8140
8141
|
// elements/destroyableCard/DestroyableCard.tsx
|
8141
|
-
var
|
8142
|
+
var import_react51 = __toESM(require("react"));
|
8142
8143
|
var DestroyableCard = ({
|
8143
8144
|
position = "bottom-right",
|
8144
8145
|
fixed,
|
8145
8146
|
direction,
|
8146
8147
|
...props
|
8147
8148
|
}) => {
|
8148
|
-
const [closed, setClosed] = (0,
|
8149
|
-
const popUpRef = (0,
|
8149
|
+
const [closed, setClosed] = (0, import_react51.useState)(false);
|
8150
|
+
const popUpRef = (0, import_react51.useRef)(null);
|
8150
8151
|
const boxPosition = {
|
8151
8152
|
"bottom-right": "hawa-right-4 hawa-bottom-4",
|
8152
8153
|
"bottom-left": "hawa-left-4 hawa-bottom-4"
|
8153
8154
|
};
|
8154
|
-
return /* @__PURE__ */
|
8155
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
8155
8156
|
"div",
|
8156
8157
|
{
|
8157
8158
|
className: cn(
|
@@ -8160,7 +8161,7 @@ var DestroyableCard = ({
|
|
8160
8161
|
),
|
8161
8162
|
ref: popUpRef
|
8162
8163
|
},
|
8163
|
-
/* @__PURE__ */
|
8164
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8164
8165
|
Card,
|
8165
8166
|
{
|
8166
8167
|
className: cn(
|
@@ -8169,7 +8170,7 @@ var DestroyableCard = ({
|
|
8169
8170
|
),
|
8170
8171
|
dir: direction
|
8171
8172
|
},
|
8172
|
-
/* @__PURE__ */
|
8173
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8173
8174
|
"button",
|
8174
8175
|
{
|
8175
8176
|
type: "button",
|
@@ -8188,7 +8189,7 @@ var DestroyableCard = ({
|
|
8188
8189
|
}, 200);
|
8189
8190
|
}
|
8190
8191
|
},
|
8191
|
-
/* @__PURE__ */
|
8192
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8192
8193
|
"svg",
|
8193
8194
|
{
|
8194
8195
|
"aria-hidden": "true",
|
@@ -8196,7 +8197,7 @@ var DestroyableCard = ({
|
|
8196
8197
|
fill: "currentColor",
|
8197
8198
|
viewBox: "0 0 20 20"
|
8198
8199
|
},
|
8199
|
-
/* @__PURE__ */
|
8200
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8200
8201
|
"path",
|
8201
8202
|
{
|
8202
8203
|
fillRule: "evenodd",
|
@@ -8206,13 +8207,13 @@ var DestroyableCard = ({
|
|
8206
8207
|
)
|
8207
8208
|
)
|
8208
8209
|
),
|
8209
|
-
/* @__PURE__ */
|
8210
|
+
/* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, props.children)
|
8210
8211
|
)
|
8211
8212
|
);
|
8212
8213
|
};
|
8213
8214
|
|
8214
8215
|
// elements/interfaceSettings/InterfaceSettings.tsx
|
8215
|
-
var
|
8216
|
+
var import_react52 = __toESM(require("react"));
|
8216
8217
|
var InterfaceSettings = ({
|
8217
8218
|
orientation = "horizontal",
|
8218
8219
|
width = "default",
|
@@ -8220,13 +8221,13 @@ var InterfaceSettings = ({
|
|
8220
8221
|
handleLanguage,
|
8221
8222
|
...props
|
8222
8223
|
}) => {
|
8223
|
-
const [color, setColor] = (0,
|
8224
|
-
const [language, setLanguage] = (0,
|
8224
|
+
const [color, setColor] = (0, import_react52.useState)(props.currentColorMode);
|
8225
|
+
const [language, setLanguage] = (0, import_react52.useState)(props.currentLanguage);
|
8225
8226
|
let orientationStyle = {
|
8226
8227
|
horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
|
8227
8228
|
vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
|
8228
8229
|
};
|
8229
|
-
return /* @__PURE__ */
|
8230
|
+
return /* @__PURE__ */ import_react52.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react52.default.createElement(
|
8230
8231
|
Radio,
|
8231
8232
|
{
|
8232
8233
|
name: "language",
|
@@ -8244,7 +8245,7 @@ var InterfaceSettings = ({
|
|
8244
8245
|
{ value: "en", label: "English" }
|
8245
8246
|
]
|
8246
8247
|
}
|
8247
|
-
), /* @__PURE__ */
|
8248
|
+
), /* @__PURE__ */ import_react52.default.createElement(
|
8248
8249
|
Radio,
|
8249
8250
|
{
|
8250
8251
|
name: "theme",
|
@@ -8260,7 +8261,7 @@ var InterfaceSettings = ({
|
|
8260
8261
|
options: [
|
8261
8262
|
{
|
8262
8263
|
value: "light",
|
8263
|
-
label: /* @__PURE__ */
|
8264
|
+
label: /* @__PURE__ */ import_react52.default.createElement(
|
8264
8265
|
"svg",
|
8265
8266
|
{
|
8266
8267
|
width: "15",
|
@@ -8270,7 +8271,7 @@ var InterfaceSettings = ({
|
|
8270
8271
|
xmlns: "http://www.w3.org/2000/svg",
|
8271
8272
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
|
8272
8273
|
},
|
8273
|
-
/* @__PURE__ */
|
8274
|
+
/* @__PURE__ */ import_react52.default.createElement(
|
8274
8275
|
"path",
|
8275
8276
|
{
|
8276
8277
|
d: "M7.5 0C7.77614 0 8 0.223858 8 0.5V2.5C8 2.77614 7.77614 3 7.5 3C7.22386 3 7 2.77614 7 2.5V0.5C7 0.223858 7.22386 0 7.5 0ZM2.1967 2.1967C2.39196 2.00144 2.70854 2.00144 2.90381 2.1967L4.31802 3.61091C4.51328 3.80617 4.51328 4.12276 4.31802 4.31802C4.12276 4.51328 3.80617 4.51328 3.61091 4.31802L2.1967 2.90381C2.00144 2.70854 2.00144 2.39196 2.1967 2.1967ZM0.5 7C0.223858 7 0 7.22386 0 7.5C0 7.77614 0.223858 8 0.5 8H2.5C2.77614 8 3 7.77614 3 7.5C3 7.22386 2.77614 7 2.5 7H0.5ZM2.1967 12.8033C2.00144 12.608 2.00144 12.2915 2.1967 12.0962L3.61091 10.682C3.80617 10.4867 4.12276 10.4867 4.31802 10.682C4.51328 10.8772 4.51328 11.1938 4.31802 11.3891L2.90381 12.8033C2.70854 12.9986 2.39196 12.9986 2.1967 12.8033ZM12.5 7C12.2239 7 12 7.22386 12 7.5C12 7.77614 12.2239 8 12.5 8H14.5C14.7761 8 15 7.77614 15 7.5C15 7.22386 14.7761 7 14.5 7H12.5ZM10.682 4.31802C10.4867 4.12276 10.4867 3.80617 10.682 3.61091L12.0962 2.1967C12.2915 2.00144 12.608 2.00144 12.8033 2.1967C12.9986 2.39196 12.9986 2.70854 12.8033 2.90381L11.3891 4.31802C11.1938 4.51328 10.8772 4.51328 10.682 4.31802ZM8 12.5C8 12.2239 7.77614 12 7.5 12C7.22386 12 7 12.2239 7 12.5V14.5C7 14.7761 7.22386 15 7.5 15C7.77614 15 8 14.7761 8 14.5V12.5ZM10.682 10.682C10.8772 10.4867 11.1938 10.4867 11.3891 10.682L12.8033 12.0962C12.9986 12.2915 12.9986 12.608 12.8033 12.8033C12.608 12.9986 12.2915 12.9986 12.0962 12.8033L10.682 11.3891C10.4867 11.1938 10.4867 10.8772 10.682 10.682ZM5.5 7.5C5.5 6.39543 6.39543 5.5 7.5 5.5C8.60457 5.5 9.5 6.39543 9.5 7.5C9.5 8.60457 8.60457 9.5 7.5 9.5C6.39543 9.5 5.5 8.60457 5.5 7.5ZM7.5 4.5C5.84315 4.5 4.5 5.84315 4.5 7.5C4.5 9.15685 5.84315 10.5 7.5 10.5C9.15685 10.5 10.5 9.15685 10.5 7.5C10.5 5.84315 9.15685 4.5 7.5 4.5Z",
|
@@ -8281,7 +8282,7 @@ var InterfaceSettings = ({
|
|
8281
8282
|
},
|
8282
8283
|
{
|
8283
8284
|
value: "dark",
|
8284
|
-
label: /* @__PURE__ */
|
8285
|
+
label: /* @__PURE__ */ import_react52.default.createElement(
|
8285
8286
|
"svg",
|
8286
8287
|
{
|
8287
8288
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -8292,7 +8293,7 @@ var InterfaceSettings = ({
|
|
8292
8293
|
stroke: "currentColor",
|
8293
8294
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
|
8294
8295
|
},
|
8295
|
-
/* @__PURE__ */
|
8296
|
+
/* @__PURE__ */ import_react52.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
|
8296
8297
|
)
|
8297
8298
|
}
|
8298
8299
|
]
|
@@ -8301,14 +8302,14 @@ var InterfaceSettings = ({
|
|
8301
8302
|
};
|
8302
8303
|
|
8303
8304
|
// elements/phoneMockup/PhoneMockup.tsx
|
8304
|
-
var
|
8305
|
+
var import_react53 = __toESM(require("react"));
|
8305
8306
|
var PhoneMockup = ({
|
8306
8307
|
children,
|
8307
8308
|
upperOverlayGradiant,
|
8308
8309
|
lowerOverlayGradiant,
|
8309
8310
|
phone,
|
8310
8311
|
hideButtons
|
8311
|
-
}) => /* @__PURE__ */
|
8312
|
+
}) => /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-relative hawa-mx-auto hawa-h-[600px] hawa-w-[300px] hawa-rounded-[2.5rem] hawa-border-[14px] hawa-border-gray-800 hawa-bg-gray-800 hawa-dark:border-gray-800" }, !hideButtons && /* @__PURE__ */ import_react53.default.createElement(import_react53.default.Fragment, null, /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[72px] hawa-h-[32px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[124px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--left-[16px] hawa-top-[178px] hawa-h-[46px] hawa-w-[3px] hawa-rounded-l-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" }), /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-absolute hawa--right-[16px] hawa-top-[142px] hawa-h-[64px] hawa-w-[3px] hawa-rounded-r-lg hawa-bg-gray-800 hawa-dark:bg-gray-800" })), /* @__PURE__ */ import_react53.default.createElement("div", { className: "no-scrollbar hawa-left-0 hawa-h-[572px] hawa-w-[272px] hawa-overflow-y-scroll hawa-rounded-[2rem] hawa-bg-white hawa-[clip-path:inset(0px_-1px_0px_0px_round_2rem)] hawa-dark:bg-gray-800" }, children), upperOverlayGradiant && /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-left-0 hawa-top-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-t-[2rem] hawa-bg-gradient-to-t hawa-from-transparent hawa-to-black hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }), lowerOverlayGradiant && /* @__PURE__ */ import_react53.default.createElement("div", { className: "hawa-pointer-events-none hawa-absolute hawa-bottom-0 hawa-left-0 hawa-h-[72px] hawa-w-[272px] hawa-rounded-b-[2rem] hawa-bg-gradient-to-t hawa-from-black hawa-to-transparent hawa-opacity-50 hawa-[clip-path:inset(0px_0px_0px_0px_round_0rem)]" }));
|
8312
8313
|
// Annotate the CommonJS export names for ESM import in node:
|
8313
8314
|
0 && (module.exports = {
|
8314
8315
|
Accordion,
|