@sikka/hawa 0.35.2-next → 0.35.4-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/{DropdownMenu-K3ztliYc.d.mts → DropdownMenu-BYiPSEYy.d.mts} +1 -0
- package/dist/{DropdownMenu-CJblb-9q.d.ts → DropdownMenu-ChxqadLu.d.ts} +1 -0
- package/dist/appLayout/index.js +53 -43
- package/dist/appLayout/index.js.map +1 -1
- package/dist/appLayout/index.mjs +15 -5
- package/dist/appLayout/index.mjs.map +1 -1
- package/dist/appTopbar/index.js +28 -19
- package/dist/appTopbar/index.js.map +1 -1
- package/dist/appTopbar/index.mjs +14 -5
- package/dist/appTopbar/index.mjs.map +1 -1
- package/dist/blocks/index.d.mts +1 -1
- package/dist/blocks/index.d.ts +1 -1
- package/dist/blocks/index.js +72 -63
- package/dist/blocks/index.mjs +2 -2
- package/dist/blocks/pricing/index.js +75 -74
- package/dist/blocks/pricing/index.mjs +2 -1
- package/dist/{chunk-FY7BKFH7.mjs → chunk-G7JHUC5N.mjs} +14 -4
- package/dist/{chunk-WVMMGOXW.mjs → chunk-HSRW7X3Z.mjs} +1 -1
- package/dist/{chunk-Y6XTMPVO.mjs → chunk-TERP5K6R.mjs} +1 -1
- package/dist/dataTable/index.js +27 -18
- package/dist/dataTable/index.js.map +1 -1
- package/dist/dataTable/index.mjs +14 -5
- package/dist/dataTable/index.mjs.map +1 -1
- package/dist/dropdownMenu/index.d.mts +1 -0
- package/dist/dropdownMenu/index.d.ts +1 -0
- package/dist/dropdownMenu/index.js +14 -4
- package/dist/dropdownMenu/index.js.map +1 -1
- package/dist/dropdownMenu/index.mjs +14 -4
- package/dist/dropdownMenu/index.mjs.map +1 -1
- package/dist/elements/index.d.mts +1 -1
- package/dist/elements/index.d.ts +1 -1
- package/dist/elements/index.js +381 -371
- package/dist/elements/index.mjs +3 -3
- package/dist/index.css +4 -0
- package/dist/index.d.mts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +821 -810
- package/dist/index.mjs +16 -5
- package/dist/layout/index.d.mts +1 -1
- package/dist/layout/index.d.ts +1 -1
- package/dist/layout/index.js +149 -139
- package/dist/layout/index.mjs +4 -3
- package/dist/splitButton/index.js +39 -30
- package/dist/splitButton/index.js.map +1 -1
- package/dist/splitButton/index.mjs +14 -5
- 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/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,
|
@@ -813,6 +814,7 @@ var DropdownMenu = ({
|
|
813
814
|
side,
|
814
815
|
className,
|
815
816
|
triggerClassname,
|
817
|
+
triggerProps,
|
816
818
|
align,
|
817
819
|
alignOffset,
|
818
820
|
onItemSelect,
|
@@ -844,8 +846,16 @@ var DropdownMenu = ({
|
|
844
846
|
modal: false,
|
845
847
|
dir: direction
|
846
848
|
},
|
847
|
-
/* @__PURE__ */ React5.createElement(
|
848
|
-
|
849
|
+
/* @__PURE__ */ React5.createElement(
|
850
|
+
DropdownMenuTrigger,
|
851
|
+
{
|
852
|
+
asChild: true,
|
853
|
+
className: triggerClassname,
|
854
|
+
...triggerProps
|
855
|
+
},
|
856
|
+
trigger
|
857
|
+
),
|
858
|
+
/* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(
|
849
859
|
DropdownMenuContent,
|
850
860
|
{
|
851
861
|
side,
|
@@ -906,7 +916,7 @@ var DropdownMenu = ({
|
|
906
916
|
},
|
907
917
|
item.icon && item.icon,
|
908
918
|
item.label && item.label
|
909
|
-
), /* @__PURE__ */ React5.createElement(
|
919
|
+
), /* @__PURE__ */ React5.createElement(import_react4.Portal, null, /* @__PURE__ */ React5.createElement(DropdownMenuSubContent, null, item.subitems.map((subitem, subIndex) => {
|
910
920
|
const SubitemLinkComponent = subitem.slug ? LinkComponent : "a";
|
911
921
|
return /* @__PURE__ */ React5.createElement(
|
912
922
|
DropdownMenuItem,
|
@@ -1005,8 +1015,8 @@ var React9 = __toESM(require("react"));
|
|
1005
1015
|
var AccordionPrimitive3 = __toESM(require("@radix-ui/react-accordion"));
|
1006
1016
|
|
1007
1017
|
// elements/chip/Chip.tsx
|
1008
|
-
var
|
1009
|
-
var Chip =
|
1018
|
+
var import_react5 = __toESM(require("react"));
|
1019
|
+
var Chip = import_react5.default.forwardRef(
|
1010
1020
|
({
|
1011
1021
|
label,
|
1012
1022
|
size = "normal",
|
@@ -1048,7 +1058,7 @@ var Chip = import_react4.default.forwardRef(
|
|
1048
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"
|
1049
1059
|
};
|
1050
1060
|
if (label) {
|
1051
|
-
return /* @__PURE__ */
|
1061
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
1052
1062
|
"span",
|
1053
1063
|
{
|
1054
1064
|
...rest,
|
@@ -1060,7 +1070,7 @@ var Chip = import_react4.default.forwardRef(
|
|
1060
1070
|
color ? colorStyles[color] : "hawa-border hawa-bg-none"
|
1061
1071
|
)
|
1062
1072
|
},
|
1063
|
-
dotType && /* @__PURE__ */
|
1073
|
+
dotType && /* @__PURE__ */ import_react5.default.createElement(
|
1064
1074
|
"span",
|
1065
1075
|
{
|
1066
1076
|
className: cn(dotStyles[size], dotTypeStyles[dotType])
|
@@ -1070,7 +1080,7 @@ var Chip = import_react4.default.forwardRef(
|
|
1070
1080
|
label
|
1071
1081
|
);
|
1072
1082
|
} else {
|
1073
|
-
return /* @__PURE__ */
|
1083
|
+
return /* @__PURE__ */ import_react5.default.createElement(
|
1074
1084
|
"span",
|
1075
1085
|
{
|
1076
1086
|
...rest,
|
@@ -1218,9 +1228,9 @@ var AccordionPrimitive5 = __toESM(require("@radix-ui/react-accordion"));
|
|
1218
1228
|
var AccordionRoot = AccordionPrimitive5.Root;
|
1219
1229
|
|
1220
1230
|
// elements/logos/Logos.tsx
|
1221
|
-
var
|
1231
|
+
var import_react6 = __toESM(require("react"));
|
1222
1232
|
var Logos = {
|
1223
|
-
metamask: (props) => /* @__PURE__ */
|
1233
|
+
metamask: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1224
1234
|
"svg",
|
1225
1235
|
{
|
1226
1236
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1231,8 +1241,8 @@ var Logos = {
|
|
1231
1241
|
viewBox: "0 0 318.6 318.6",
|
1232
1242
|
...props
|
1233
1243
|
},
|
1234
|
-
/* @__PURE__ */
|
1235
|
-
/* @__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(
|
1236
1246
|
"path",
|
1237
1247
|
{
|
1238
1248
|
fill: "#e2761b",
|
@@ -1242,21 +1252,21 @@ var Logos = {
|
|
1242
1252
|
d: "m274.1 35.5-99.5 73.9L193 65.8z"
|
1243
1253
|
}
|
1244
1254
|
),
|
1245
|
-
/* @__PURE__ */
|
1255
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1246
1256
|
"path",
|
1247
1257
|
{
|
1248
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",
|
1249
1259
|
className: "st1"
|
1250
1260
|
}
|
1251
1261
|
),
|
1252
|
-
/* @__PURE__ */
|
1262
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1253
1263
|
"path",
|
1254
1264
|
{
|
1255
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",
|
1256
1266
|
className: "st1"
|
1257
1267
|
}
|
1258
1268
|
),
|
1259
|
-
/* @__PURE__ */
|
1269
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1260
1270
|
"path",
|
1261
1271
|
{
|
1262
1272
|
fill: "#d7c1b3",
|
@@ -1266,7 +1276,7 @@ var Logos = {
|
|
1266
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"
|
1267
1277
|
}
|
1268
1278
|
),
|
1269
|
-
/* @__PURE__ */
|
1279
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1270
1280
|
"path",
|
1271
1281
|
{
|
1272
1282
|
fill: "#233447",
|
@@ -1276,7 +1286,7 @@ var Logos = {
|
|
1276
1286
|
d: "m138.8 193.5-28.2-8.3 19.9-9.1zm40.9 0 8.3-17.4 20 9.1z"
|
1277
1287
|
}
|
1278
1288
|
),
|
1279
|
-
/* @__PURE__ */
|
1289
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1280
1290
|
"path",
|
1281
1291
|
{
|
1282
1292
|
fill: "#cd6116",
|
@@ -1286,7 +1296,7 @@ var Logos = {
|
|
1286
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"
|
1287
1297
|
}
|
1288
1298
|
),
|
1289
|
-
/* @__PURE__ */
|
1299
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1290
1300
|
"path",
|
1291
1301
|
{
|
1292
1302
|
fill: "#e4751f",
|
@@ -1296,14 +1306,14 @@ var Logos = {
|
|
1296
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"
|
1297
1307
|
}
|
1298
1308
|
),
|
1299
|
-
/* @__PURE__ */
|
1309
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1300
1310
|
"path",
|
1301
1311
|
{
|
1302
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",
|
1303
1313
|
className: "st6"
|
1304
1314
|
}
|
1305
1315
|
),
|
1306
|
-
/* @__PURE__ */
|
1316
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1307
1317
|
"path",
|
1308
1318
|
{
|
1309
1319
|
fill: "#c0ad9e",
|
@@ -1313,7 +1323,7 @@ var Logos = {
|
|
1313
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"
|
1314
1324
|
}
|
1315
1325
|
),
|
1316
|
-
/* @__PURE__ */
|
1326
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1317
1327
|
"path",
|
1318
1328
|
{
|
1319
1329
|
fill: "#161616",
|
@@ -1323,7 +1333,7 @@ var Logos = {
|
|
1323
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"
|
1324
1334
|
}
|
1325
1335
|
),
|
1326
|
-
/* @__PURE__ */
|
1336
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1327
1337
|
"path",
|
1328
1338
|
{
|
1329
1339
|
fill: "#763d16",
|
@@ -1333,7 +1343,7 @@ var Logos = {
|
|
1333
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"
|
1334
1344
|
}
|
1335
1345
|
),
|
1336
|
-
/* @__PURE__ */
|
1346
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1337
1347
|
"path",
|
1338
1348
|
{
|
1339
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",
|
@@ -1341,7 +1351,7 @@ var Logos = {
|
|
1341
1351
|
}
|
1342
1352
|
)
|
1343
1353
|
),
|
1344
|
-
nafath: (props) => /* @__PURE__ */
|
1354
|
+
nafath: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1345
1355
|
"svg",
|
1346
1356
|
{
|
1347
1357
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1352,15 +1362,15 @@ var Logos = {
|
|
1352
1362
|
viewBox: "22.5 44.5 535.6 230.34",
|
1353
1363
|
...props
|
1354
1364
|
},
|
1355
|
-
/* @__PURE__ */
|
1356
|
-
/* @__PURE__ */
|
1365
|
+
/* @__PURE__ */ import_react6.default.createElement("style", null, ".st0{fill:#0a9a8f}"),
|
1366
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1357
1367
|
"path",
|
1358
1368
|
{
|
1359
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",
|
1360
1370
|
className: "st0"
|
1361
1371
|
}
|
1362
1372
|
),
|
1363
|
-
/* @__PURE__ */
|
1373
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1364
1374
|
"path",
|
1365
1375
|
{
|
1366
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",
|
@@ -1368,7 +1378,7 @@ var Logos = {
|
|
1368
1378
|
}
|
1369
1379
|
)
|
1370
1380
|
),
|
1371
|
-
hawa: (props) => /* @__PURE__ */
|
1381
|
+
hawa: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1372
1382
|
"svg",
|
1373
1383
|
{
|
1374
1384
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1376,7 +1386,7 @@ var Logos = {
|
|
1376
1386
|
viewBox: "0 0 765 765",
|
1377
1387
|
...props
|
1378
1388
|
},
|
1379
|
-
/* @__PURE__ */
|
1389
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1380
1390
|
"path",
|
1381
1391
|
{
|
1382
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",
|
@@ -1384,7 +1394,7 @@ var Logos = {
|
|
1384
1394
|
}
|
1385
1395
|
)
|
1386
1396
|
),
|
1387
|
-
sikka: (props) => /* @__PURE__ */
|
1397
|
+
sikka: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1388
1398
|
"svg",
|
1389
1399
|
{
|
1390
1400
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1394,11 +1404,11 @@ var Logos = {
|
|
1394
1404
|
fill: "currentColor",
|
1395
1405
|
...props
|
1396
1406
|
},
|
1397
|
-
/* @__PURE__ */
|
1398
|
-
/* @__PURE__ */
|
1399
|
-
/* @__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" })))
|
1400
1410
|
),
|
1401
|
-
mail: (props) => /* @__PURE__ */
|
1411
|
+
mail: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1402
1412
|
"svg",
|
1403
1413
|
{
|
1404
1414
|
stroke: "currentColor",
|
@@ -1410,10 +1420,10 @@ var Logos = {
|
|
1410
1420
|
xmlns: "http://www.w3.org/2000/svg",
|
1411
1421
|
...props
|
1412
1422
|
},
|
1413
|
-
/* @__PURE__ */
|
1414
|
-
/* @__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" })
|
1415
1425
|
),
|
1416
|
-
phone: (props) => /* @__PURE__ */
|
1426
|
+
phone: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1417
1427
|
"svg",
|
1418
1428
|
{
|
1419
1429
|
stroke: "currentColor",
|
@@ -1424,7 +1434,7 @@ var Logos = {
|
|
1424
1434
|
xmlns: "http://www.w3.org/2000/svg",
|
1425
1435
|
...props
|
1426
1436
|
},
|
1427
|
-
/* @__PURE__ */
|
1437
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1428
1438
|
"path",
|
1429
1439
|
{
|
1430
1440
|
strokeLinecap: "round",
|
@@ -1433,14 +1443,14 @@ var Logos = {
|
|
1433
1443
|
}
|
1434
1444
|
)
|
1435
1445
|
),
|
1436
|
-
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(
|
1437
1447
|
"path",
|
1438
1448
|
{
|
1439
1449
|
fill: "currentColor",
|
1440
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"
|
1441
1451
|
}
|
1442
1452
|
)),
|
1443
|
-
instagram: (props) => /* @__PURE__ */
|
1453
|
+
instagram: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1444
1454
|
"svg",
|
1445
1455
|
{
|
1446
1456
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1448,23 +1458,23 @@ var Logos = {
|
|
1448
1458
|
viewBox: "0 0 16 16",
|
1449
1459
|
...props
|
1450
1460
|
},
|
1451
|
-
/* @__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" })
|
1452
1462
|
),
|
1453
|
-
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(
|
1454
1464
|
"path",
|
1455
1465
|
{
|
1456
1466
|
fill: "currentColor",
|
1457
1467
|
d: "M7.462 0H0v7.19h7.462V0zM16 0H8.538v7.19H16V0zM7.462 8.211H0V16h7.462V8.211zm8.538 0H8.538V16H16V8.211z"
|
1458
1468
|
}
|
1459
1469
|
)),
|
1460
|
-
github: (props) => /* @__PURE__ */
|
1470
|
+
github: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1461
1471
|
"svg",
|
1462
1472
|
{
|
1463
1473
|
xmlns: "http://www.w3.org/2000/svg",
|
1464
1474
|
viewBox: "0 0 438.549 438.549",
|
1465
1475
|
...props
|
1466
1476
|
},
|
1467
|
-
/* @__PURE__ */
|
1477
|
+
/* @__PURE__ */ import_react6.default.createElement(
|
1468
1478
|
"path",
|
1469
1479
|
{
|
1470
1480
|
fill: "currentColor",
|
@@ -1472,77 +1482,77 @@ var Logos = {
|
|
1472
1482
|
}
|
1473
1483
|
)
|
1474
1484
|
),
|
1475
|
-
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(
|
1476
1486
|
"path",
|
1477
1487
|
{
|
1478
1488
|
d: "M12 25C7.58173 25 4 21.4183 4 17C4 12.5817 7.58173 9 12 9V25Z",
|
1479
1489
|
fill: "currentcolor"
|
1480
1490
|
}
|
1481
|
-
), /* @__PURE__ */
|
1491
|
+
), /* @__PURE__ */ import_react6.default.createElement("path", { d: "M12 0H4V8H12V0Z", fill: "currentcolor" }), /* @__PURE__ */ import_react6.default.createElement(
|
1482
1492
|
"path",
|
1483
1493
|
{
|
1484
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",
|
1485
1495
|
fill: "currentcolor"
|
1486
1496
|
}
|
1487
1497
|
)),
|
1488
|
-
aria: (props) => /* @__PURE__ */
|
1489
|
-
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(
|
1490
1500
|
"path",
|
1491
1501
|
{
|
1492
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",
|
1493
1503
|
fill: "currentColor"
|
1494
1504
|
}
|
1495
1505
|
)),
|
1496
|
-
yarn: (props) => /* @__PURE__ */
|
1506
|
+
yarn: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1497
1507
|
"path",
|
1498
1508
|
{
|
1499
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",
|
1500
1510
|
fill: "currentColor"
|
1501
1511
|
}
|
1502
1512
|
)),
|
1503
|
-
pnpm: (props) => /* @__PURE__ */
|
1513
|
+
pnpm: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1504
1514
|
"path",
|
1505
1515
|
{
|
1506
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",
|
1507
1517
|
fill: "currentColor"
|
1508
1518
|
}
|
1509
1519
|
)),
|
1510
|
-
react: (props) => /* @__PURE__ */
|
1520
|
+
react: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1511
1521
|
"path",
|
1512
1522
|
{
|
1513
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",
|
1514
1524
|
fill: "currentColor"
|
1515
1525
|
}
|
1516
1526
|
)),
|
1517
|
-
tailwind: (props) => /* @__PURE__ */
|
1527
|
+
tailwind: (props) => /* @__PURE__ */ import_react6.default.createElement("svg", { viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ import_react6.default.createElement(
|
1518
1528
|
"path",
|
1519
1529
|
{
|
1520
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",
|
1521
1531
|
fill: "currentColor"
|
1522
1532
|
}
|
1523
1533
|
)),
|
1524
|
-
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(
|
1525
1535
|
"path",
|
1526
1536
|
{
|
1527
1537
|
fill: "currentColor",
|
1528
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"
|
1529
1539
|
}
|
1530
1540
|
)),
|
1531
|
-
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(
|
1532
1542
|
"path",
|
1533
1543
|
{
|
1534
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",
|
1535
1545
|
fill: "currentColor"
|
1536
1546
|
}
|
1537
1547
|
)),
|
1538
|
-
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(
|
1539
1549
|
"path",
|
1540
1550
|
{
|
1541
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",
|
1542
1552
|
fill: "currentColor"
|
1543
1553
|
}
|
1544
1554
|
)),
|
1545
|
-
spinner: (props) => /* @__PURE__ */
|
1555
|
+
spinner: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1546
1556
|
"svg",
|
1547
1557
|
{
|
1548
1558
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1556,9 +1566,9 @@ var Logos = {
|
|
1556
1566
|
strokeLinejoin: "round",
|
1557
1567
|
...props
|
1558
1568
|
},
|
1559
|
-
/* @__PURE__ */
|
1569
|
+
/* @__PURE__ */ import_react6.default.createElement("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
|
1560
1570
|
),
|
1561
|
-
whatsapp: (props) => /* @__PURE__ */
|
1571
|
+
whatsapp: (props) => /* @__PURE__ */ import_react6.default.createElement(
|
1562
1572
|
"svg",
|
1563
1573
|
{
|
1564
1574
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -1566,7 +1576,7 @@ var Logos = {
|
|
1566
1576
|
fill: "currentColor",
|
1567
1577
|
...props
|
1568
1578
|
},
|
1569
|
-
/* @__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" })
|
1570
1580
|
)
|
1571
1581
|
};
|
1572
1582
|
|
@@ -2155,15 +2165,15 @@ DialogContent.displayName = DialogPrimitive.Content.displayName;
|
|
2155
2165
|
DialogDescription.displayName = DialogPrimitive.Description.displayName;
|
2156
2166
|
|
2157
2167
|
// elements/alert/Alert.tsx
|
2158
|
-
var
|
2168
|
+
var import_react8 = __toESM(require("react"));
|
2159
2169
|
|
2160
2170
|
// elements/button/Button.tsx
|
2161
2171
|
var React17 = __toESM(require("react"));
|
2162
2172
|
var import_class_variance_authority3 = require("class-variance-authority");
|
2163
2173
|
|
2164
2174
|
// elements/helperText/HelperText.tsx
|
2165
|
-
var
|
2166
|
-
var HelperText = ({ helperText }) => /* @__PURE__ */
|
2175
|
+
var import_react7 = __toESM(require("react"));
|
2176
|
+
var HelperText = ({ helperText }) => /* @__PURE__ */ import_react7.default.createElement(
|
2167
2177
|
"p",
|
2168
2178
|
{
|
2169
2179
|
className: cn(
|
@@ -2297,9 +2307,9 @@ var Alert = ({
|
|
2297
2307
|
className,
|
2298
2308
|
...props
|
2299
2309
|
}) => {
|
2300
|
-
const alertRef = (0,
|
2301
|
-
const [closed, setClosed] = (0,
|
2302
|
-
(0,
|
2310
|
+
const alertRef = (0, import_react8.useRef)(null);
|
2311
|
+
const [closed, setClosed] = (0, import_react8.useState)(false);
|
2312
|
+
(0, import_react8.useEffect)(() => {
|
2303
2313
|
if (duration) {
|
2304
2314
|
const timeoutHide = setTimeout(() => {
|
2305
2315
|
setClosed(true);
|
@@ -2334,7 +2344,7 @@ var Alert = ({
|
|
2334
2344
|
hyper: "hawa-text-white hawa-bg-gradient-to-tl hawa-from-pink-700 hawa-via-red-500 hawa-to-yellow-600 ",
|
2335
2345
|
oceanic: "hawa-text-white hawa-bg-gradient-to-bl hawa-from-green-500 hawa-via-blue-700 hawa-to-purple-500"
|
2336
2346
|
};
|
2337
|
-
return /* @__PURE__ */
|
2347
|
+
return /* @__PURE__ */ import_react8.default.createElement("div", { ref: alertRef }, /* @__PURE__ */ import_react8.default.createElement(
|
2338
2348
|
"div",
|
2339
2349
|
{
|
2340
2350
|
"data-testid": "alert",
|
@@ -2348,13 +2358,13 @@ var Alert = ({
|
|
2348
2358
|
className
|
2349
2359
|
)
|
2350
2360
|
},
|
2351
|
-
/* @__PURE__ */
|
2361
|
+
/* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-row" }, icon && /* @__PURE__ */ import_react8.default.createElement(
|
2352
2362
|
"div",
|
2353
2363
|
{
|
2354
2364
|
className: direction === "rtl" ? "hawa-pl-2 hawa-pt-1" : "hawa-pr-2 hawa-pt-1"
|
2355
2365
|
},
|
2356
2366
|
icon
|
2357
|
-
), /* @__PURE__ */
|
2367
|
+
), /* @__PURE__ */ import_react8.default.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ import_react8.default.createElement(
|
2358
2368
|
"span",
|
2359
2369
|
{
|
2360
2370
|
className: cn(
|
@@ -2363,7 +2373,7 @@ var Alert = ({
|
|
2363
2373
|
)
|
2364
2374
|
},
|
2365
2375
|
props.title
|
2366
|
-
), /* @__PURE__ */
|
2376
|
+
), /* @__PURE__ */ import_react8.default.createElement(
|
2367
2377
|
"span",
|
2368
2378
|
{
|
2369
2379
|
className: cn(
|
@@ -2372,7 +2382,7 @@ var Alert = ({
|
|
2372
2382
|
)
|
2373
2383
|
},
|
2374
2384
|
props.text
|
2375
|
-
), 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(
|
2376
2386
|
Button,
|
2377
2387
|
{
|
2378
2388
|
key: index,
|
@@ -2381,7 +2391,7 @@ var Alert = ({
|
|
2381
2391
|
},
|
2382
2392
|
act.label
|
2383
2393
|
))))),
|
2384
|
-
!props.persistent && /* @__PURE__ */
|
2394
|
+
!props.persistent && /* @__PURE__ */ import_react8.default.createElement(
|
2385
2395
|
"button",
|
2386
2396
|
{
|
2387
2397
|
type: "button",
|
@@ -2408,8 +2418,8 @@ var Alert = ({
|
|
2408
2418
|
}
|
2409
2419
|
}
|
2410
2420
|
},
|
2411
|
-
/* @__PURE__ */
|
2412
|
-
/* @__PURE__ */
|
2421
|
+
/* @__PURE__ */ import_react8.default.createElement("span", { className: "hawa-sr-only" }, "Close"),
|
2422
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
2413
2423
|
"svg",
|
2414
2424
|
{
|
2415
2425
|
"aria-label": "Close Icon",
|
@@ -2418,7 +2428,7 @@ var Alert = ({
|
|
2418
2428
|
fill: "currentColor",
|
2419
2429
|
viewBox: "0 0 20 20"
|
2420
2430
|
},
|
2421
|
-
/* @__PURE__ */
|
2431
|
+
/* @__PURE__ */ import_react8.default.createElement(
|
2422
2432
|
"path",
|
2423
2433
|
{
|
2424
2434
|
fillRule: "evenodd",
|
@@ -2432,12 +2442,12 @@ var Alert = ({
|
|
2432
2442
|
};
|
2433
2443
|
|
2434
2444
|
// elements/avatar/Avatar.tsx
|
2435
|
-
var
|
2445
|
+
var import_react10 = __toESM(require("react"));
|
2436
2446
|
|
2437
2447
|
// elements/fileUploader/FileUploader.tsx
|
2438
|
-
var
|
2448
|
+
var import_react9 = __toESM(require("react"));
|
2439
2449
|
var FileUploader = ({ handleFile, className }) => {
|
2440
|
-
const hiddenFileInput = (0,
|
2450
|
+
const hiddenFileInput = (0, import_react9.useRef)(null);
|
2441
2451
|
const handleClick = () => {
|
2442
2452
|
var _a;
|
2443
2453
|
(_a = hiddenFileInput.current) == null ? void 0 : _a.click();
|
@@ -2446,7 +2456,7 @@ var FileUploader = ({ handleFile, className }) => {
|
|
2446
2456
|
const fileUploaded = event.target.files[0];
|
2447
2457
|
handleFile(fileUploaded);
|
2448
2458
|
};
|
2449
|
-
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(
|
2450
2460
|
"input",
|
2451
2461
|
{
|
2452
2462
|
type: "file",
|
@@ -2487,7 +2497,7 @@ var Avatar = ({
|
|
2487
2497
|
inherit: "hawa-rounded",
|
2488
2498
|
none: "hawa-rounded-none"
|
2489
2499
|
};
|
2490
|
-
return /* @__PURE__ */
|
2500
|
+
return /* @__PURE__ */ import_react10.default.createElement(
|
2491
2501
|
"div",
|
2492
2502
|
{
|
2493
2503
|
className: cn(
|
@@ -2497,7 +2507,7 @@ var Avatar = ({
|
|
2497
2507
|
className
|
2498
2508
|
)
|
2499
2509
|
},
|
2500
|
-
/* @__PURE__ */
|
2510
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
2501
2511
|
FileUploader,
|
2502
2512
|
{
|
2503
2513
|
className: cn(
|
@@ -2508,7 +2518,7 @@ var Avatar = ({
|
|
2508
2518
|
)
|
2509
2519
|
}
|
2510
2520
|
),
|
2511
|
-
/* @__PURE__ */
|
2521
|
+
/* @__PURE__ */ import_react10.default.createElement(
|
2512
2522
|
"img",
|
2513
2523
|
{
|
2514
2524
|
className: cn(
|
@@ -2521,7 +2531,7 @@ var Avatar = ({
|
|
2521
2531
|
alt
|
2522
2532
|
}
|
2523
2533
|
),
|
2524
|
-
!src && !hideIcon && /* @__PURE__ */
|
2534
|
+
!src && !hideIcon && /* @__PURE__ */ import_react10.default.createElement(
|
2525
2535
|
"div",
|
2526
2536
|
{
|
2527
2537
|
className: cn(
|
@@ -2529,7 +2539,7 @@ var Avatar = ({
|
|
2529
2539
|
"hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
|
2530
2540
|
)
|
2531
2541
|
},
|
2532
|
-
icon ? icon : /* @__PURE__ */
|
2542
|
+
icon ? icon : /* @__PURE__ */ import_react10.default.createElement(
|
2533
2543
|
"svg",
|
2534
2544
|
{
|
2535
2545
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -2541,8 +2551,8 @@ var Avatar = ({
|
|
2541
2551
|
strokeLinecap: "round",
|
2542
2552
|
strokeLinejoin: "round"
|
2543
2553
|
},
|
2544
|
-
/* @__PURE__ */
|
2545
|
-
/* @__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" })
|
2546
2556
|
)
|
2547
2557
|
)
|
2548
2558
|
);
|
@@ -2553,8 +2563,8 @@ var React23 = __toESM(require("react"));
|
|
2553
2563
|
var import_react_table = require("@tanstack/react-table");
|
2554
2564
|
|
2555
2565
|
// elements/input/Input.tsx
|
2556
|
-
var
|
2557
|
-
var Input = (0,
|
2566
|
+
var import_react11 = __toESM(require("react"));
|
2567
|
+
var Input = (0, import_react11.forwardRef)(
|
2558
2568
|
({
|
2559
2569
|
margin = "none",
|
2560
2570
|
width = "full",
|
@@ -2598,7 +2608,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2598
2608
|
props.onChange(newEvent);
|
2599
2609
|
}
|
2600
2610
|
};
|
2601
|
-
return /* @__PURE__ */
|
2611
|
+
return /* @__PURE__ */ import_react11.default.createElement(
|
2602
2612
|
"div",
|
2603
2613
|
{
|
2604
2614
|
className: cn(
|
@@ -2609,8 +2619,8 @@ var Input = (0, import_react10.forwardRef)(
|
|
2609
2619
|
"hawa-w-full hawa-gap-2"
|
2610
2620
|
)
|
2611
2621
|
},
|
2612
|
-
props.label && /* @__PURE__ */
|
2613
|
-
/* @__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(
|
2614
2624
|
"span",
|
2615
2625
|
{
|
2616
2626
|
className: cn(
|
@@ -2619,7 +2629,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2619
2629
|
)
|
2620
2630
|
},
|
2621
2631
|
props.outsidePrefix
|
2622
|
-
), 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(
|
2623
2633
|
"div",
|
2624
2634
|
{
|
2625
2635
|
className: cn(
|
@@ -2627,7 +2637,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2627
2637
|
preview ? "hawa-opacity-100" : "hawa-opacity-0"
|
2628
2638
|
)
|
2629
2639
|
}
|
2630
|
-
), /* @__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(
|
2631
2641
|
"div",
|
2632
2642
|
{
|
2633
2643
|
className: cn(
|
@@ -2636,7 +2646,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2636
2646
|
)
|
2637
2647
|
},
|
2638
2648
|
props.endIcon
|
2639
|
-
), /* @__PURE__ */
|
2649
|
+
), /* @__PURE__ */ import_react11.default.createElement(
|
2640
2650
|
"input",
|
2641
2651
|
{
|
2642
2652
|
required: true,
|
@@ -2662,7 +2672,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2662
2672
|
inputProps == null ? void 0 : inputProps.className
|
2663
2673
|
)
|
2664
2674
|
}
|
2665
|
-
)), !forceHideHelperText && /* @__PURE__ */
|
2675
|
+
)), !forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
|
2666
2676
|
"p",
|
2667
2677
|
{
|
2668
2678
|
className: cn(
|
@@ -2671,7 +2681,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2671
2681
|
)
|
2672
2682
|
},
|
2673
2683
|
props.helperText
|
2674
|
-
), !props.disabled && forceHideHelperText && /* @__PURE__ */
|
2684
|
+
), !props.disabled && forceHideHelperText && /* @__PURE__ */ import_react11.default.createElement(
|
2675
2685
|
"div",
|
2676
2686
|
{
|
2677
2687
|
className: cn(
|
@@ -2680,7 +2690,7 @@ var Input = (0, import_react10.forwardRef)(
|
|
2680
2690
|
)
|
2681
2691
|
},
|
2682
2692
|
props.helperText
|
2683
|
-
), showCount && /* @__PURE__ */
|
2693
|
+
), showCount && /* @__PURE__ */ import_react11.default.createElement(
|
2684
2694
|
"div",
|
2685
2695
|
{
|
2686
2696
|
className: cn(
|
@@ -3177,12 +3187,12 @@ var DataTable = ({
|
|
3177
3187
|
};
|
3178
3188
|
|
3179
3189
|
// elements/backToTop/BackToTop.tsx
|
3180
|
-
var
|
3190
|
+
var import_react12 = __toESM(require("react"));
|
3181
3191
|
var BackToTop = ({ ...props }) => {
|
3182
|
-
const [visible, setVisible] = (0,
|
3183
|
-
const [rect, _setRect] = (0,
|
3184
|
-
const self = (0,
|
3185
|
-
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);
|
3186
3196
|
const setRect = (data) => {
|
3187
3197
|
_rect.current = data;
|
3188
3198
|
_setRect(data);
|
@@ -3207,7 +3217,7 @@ var BackToTop = ({ ...props }) => {
|
|
3207
3217
|
props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
|
3208
3218
|
}
|
3209
3219
|
};
|
3210
|
-
(0,
|
3220
|
+
(0, import_react12.useEffect)(() => {
|
3211
3221
|
if (!props.anchor.current)
|
3212
3222
|
return;
|
3213
3223
|
props.anchor.current.addEventListener("scroll", onScroll);
|
@@ -3243,7 +3253,7 @@ var BackToTop = ({ ...props }) => {
|
|
3243
3253
|
};
|
3244
3254
|
return style;
|
3245
3255
|
};
|
3246
|
-
return /* @__PURE__ */
|
3256
|
+
return /* @__PURE__ */ import_react12.default.createElement(
|
3247
3257
|
Button,
|
3248
3258
|
{
|
3249
3259
|
className: cn(
|
@@ -3258,7 +3268,7 @@ var BackToTop = ({ ...props }) => {
|
|
3258
3268
|
ref: self,
|
3259
3269
|
size: "icon"
|
3260
3270
|
},
|
3261
|
-
/* @__PURE__ */
|
3271
|
+
/* @__PURE__ */ import_react12.default.createElement(
|
3262
3272
|
"svg",
|
3263
3273
|
{
|
3264
3274
|
className: cn(
|
@@ -3268,13 +3278,13 @@ var BackToTop = ({ ...props }) => {
|
|
3268
3278
|
viewBox: "0 0 20 20",
|
3269
3279
|
fill: "currentColor"
|
3270
3280
|
},
|
3271
|
-
/* @__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" })
|
3272
3282
|
)
|
3273
3283
|
);
|
3274
3284
|
};
|
3275
3285
|
|
3276
3286
|
// elements/radio/Radio.tsx
|
3277
|
-
var
|
3287
|
+
var import_react13 = __toESM(require("react"));
|
3278
3288
|
|
3279
3289
|
// elements/popover/Popover.tsx
|
3280
3290
|
var React25 = __toESM(require("react"));
|
@@ -3343,7 +3353,7 @@ var PopoverPortal = PopoverPrimitive.Portal;
|
|
3343
3353
|
var PopoverRoot = PopoverPrimitive.Root;
|
3344
3354
|
|
3345
3355
|
// elements/radio/Radio.tsx
|
3346
|
-
var Radio = (0,
|
3356
|
+
var Radio = (0, import_react13.forwardRef)(
|
3347
3357
|
({
|
3348
3358
|
design = "default",
|
3349
3359
|
width = "default",
|
@@ -3375,15 +3385,15 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3375
3385
|
default: "hawa-max-w-fit",
|
3376
3386
|
full: "hawa-w-full"
|
3377
3387
|
};
|
3378
|
-
const [parentDirection, setParentDirection] =
|
3388
|
+
const [parentDirection, setParentDirection] = import_react13.default.useState(
|
3379
3389
|
null
|
3380
3390
|
);
|
3381
|
-
const [selectedOption, setSelectedOption] = (0,
|
3391
|
+
const [selectedOption, setSelectedOption] = (0, import_react13.useState)(
|
3382
3392
|
props.defaultValue || props.value
|
3383
3393
|
);
|
3384
|
-
const [openTooltip, setOpenTooltip] = (0,
|
3385
|
-
const parentRef = (0,
|
3386
|
-
(0,
|
3394
|
+
const [openTooltip, setOpenTooltip] = (0, import_react13.useState)(null);
|
3395
|
+
const parentRef = (0, import_react13.useRef)(null);
|
3396
|
+
(0, import_react13.useEffect)(() => {
|
3387
3397
|
var _a2;
|
3388
3398
|
const parentNode = (_a2 = parentRef.current) == null ? void 0 : _a2.parentNode;
|
3389
3399
|
if (parentNode) {
|
@@ -3409,7 +3419,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3409
3419
|
];
|
3410
3420
|
switch (design) {
|
3411
3421
|
case "tabs":
|
3412
|
-
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(
|
3413
3423
|
"ul",
|
3414
3424
|
{
|
3415
3425
|
ref: parentRef,
|
@@ -3422,21 +3432,21 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3422
3432
|
)
|
3423
3433
|
},
|
3424
3434
|
(_b = props.options) == null ? void 0 : _b.map((opt, o) => {
|
3425
|
-
return opt.tooltip ? /* @__PURE__ */
|
3435
|
+
return opt.tooltip ? /* @__PURE__ */ import_react13.default.createElement(
|
3426
3436
|
PopoverRoot,
|
3427
3437
|
{
|
3428
3438
|
key: o,
|
3429
3439
|
open: o === openTooltip,
|
3430
3440
|
onOpenChange: (bool) => setOpenTooltip(bool ? o : null)
|
3431
3441
|
},
|
3432
|
-
/* @__PURE__ */
|
3442
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3433
3443
|
PopoverTrigger,
|
3434
3444
|
{
|
3435
3445
|
onMouseEnter: () => setOpenTooltip(o),
|
3436
3446
|
onMouseLeave: () => setOpenTooltip(null),
|
3437
3447
|
asChild: true
|
3438
3448
|
},
|
3439
|
-
/* @__PURE__ */
|
3449
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3440
3450
|
"li",
|
3441
3451
|
{
|
3442
3452
|
"aria-current": "page",
|
@@ -3454,8 +3464,8 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3454
3464
|
opt.label
|
3455
3465
|
)
|
3456
3466
|
),
|
3457
|
-
/* @__PURE__ */
|
3458
|
-
) : /* @__PURE__ */
|
3467
|
+
/* @__PURE__ */ import_react13.default.createElement(PopoverContent, { ...opt.tooltipContentProps }, opt.tooltip)
|
3468
|
+
) : /* @__PURE__ */ import_react13.default.createElement(
|
3459
3469
|
"li",
|
3460
3470
|
{
|
3461
3471
|
key: o,
|
@@ -3474,7 +3484,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3474
3484
|
opt.label
|
3475
3485
|
);
|
3476
3486
|
})
|
3477
|
-
), !forceHideHelperText && /* @__PURE__ */
|
3487
|
+
), !forceHideHelperText && /* @__PURE__ */ import_react13.default.createElement(
|
3478
3488
|
"p",
|
3479
3489
|
{
|
3480
3490
|
className: cn(
|
@@ -3485,7 +3495,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3485
3495
|
props.helperText
|
3486
3496
|
));
|
3487
3497
|
case "bordered":
|
3488
|
-
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(
|
3489
3499
|
"div",
|
3490
3500
|
{
|
3491
3501
|
className: cn(
|
@@ -3494,7 +3504,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3494
3504
|
),
|
3495
3505
|
key: i + 1
|
3496
3506
|
},
|
3497
|
-
/* @__PURE__ */
|
3507
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3498
3508
|
"input",
|
3499
3509
|
{
|
3500
3510
|
disabled: opt.disabled,
|
@@ -3505,7 +3515,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3505
3515
|
onChange: () => handleChange(opt)
|
3506
3516
|
}
|
3507
3517
|
),
|
3508
|
-
/* @__PURE__ */
|
3518
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3509
3519
|
"label",
|
3510
3520
|
{
|
3511
3521
|
htmlFor: opt.value.toString(),
|
@@ -3518,7 +3528,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3518
3528
|
)
|
3519
3529
|
))));
|
3520
3530
|
case "cards":
|
3521
|
-
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(
|
3522
3532
|
"input",
|
3523
3533
|
{
|
3524
3534
|
type: "radio",
|
@@ -3529,7 +3539,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3529
3539
|
required: true,
|
3530
3540
|
disabled: opt.disabled
|
3531
3541
|
}
|
3532
|
-
), /* @__PURE__ */
|
3542
|
+
), /* @__PURE__ */ import_react13.default.createElement(
|
3533
3543
|
"label",
|
3534
3544
|
{
|
3535
3545
|
htmlFor: opt.value.toString(),
|
@@ -3538,10 +3548,10 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3538
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"
|
3539
3549
|
)
|
3540
3550
|
},
|
3541
|
-
/* @__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))
|
3542
3552
|
))));
|
3543
3553
|
default:
|
3544
|
-
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(
|
3545
3555
|
"div",
|
3546
3556
|
{
|
3547
3557
|
className: cn(
|
@@ -3550,7 +3560,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3550
3560
|
),
|
3551
3561
|
key: i + 1
|
3552
3562
|
},
|
3553
|
-
/* @__PURE__ */
|
3563
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3554
3564
|
"input",
|
3555
3565
|
{
|
3556
3566
|
disabled: opt.disabled,
|
@@ -3561,7 +3571,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3561
3571
|
onChange: () => handleChange(opt)
|
3562
3572
|
}
|
3563
3573
|
),
|
3564
|
-
/* @__PURE__ */
|
3574
|
+
/* @__PURE__ */ import_react13.default.createElement(
|
3565
3575
|
"label",
|
3566
3576
|
{
|
3567
3577
|
htmlFor: opt.value.toString(),
|
@@ -3572,7 +3582,7 @@ var Radio = (0, import_react12.forwardRef)(
|
|
3572
3582
|
},
|
3573
3583
|
opt.label
|
3574
3584
|
)
|
3575
|
-
))), /* @__PURE__ */
|
3585
|
+
))), /* @__PURE__ */ import_react13.default.createElement(
|
3576
3586
|
"p",
|
3577
3587
|
{
|
3578
3588
|
className: cn(
|
@@ -3943,7 +3953,7 @@ var Textarea = React29.forwardRef(
|
|
3943
3953
|
Textarea.displayName = "Textarea";
|
3944
3954
|
|
3945
3955
|
// elements/fileDropzone/FileDropzone.tsx
|
3946
|
-
var
|
3956
|
+
var import_react14 = __toESM(require("react"));
|
3947
3957
|
var import_react_dropzone = require("react-dropzone");
|
3948
3958
|
var import_clsx2 = __toESM(require("clsx"));
|
3949
3959
|
var FileDropzone = ({
|
@@ -3965,8 +3975,8 @@ var FileDropzone = ({
|
|
3965
3975
|
privacyLink
|
3966
3976
|
}) => {
|
3967
3977
|
var _a, _b, _c, _d, _e, _f;
|
3968
|
-
const [cmp, setCmp] = (0,
|
3969
|
-
const [max, setMax] = (0,
|
3978
|
+
const [cmp, setCmp] = (0, import_react14.useState)(0);
|
3979
|
+
const [max, setMax] = (0, import_react14.useState)(0);
|
3970
3980
|
const {
|
3971
3981
|
getRootProps,
|
3972
3982
|
getInputProps,
|
@@ -3988,7 +3998,7 @@ var FileDropzone = ({
|
|
3988
3998
|
);
|
3989
3999
|
}
|
3990
4000
|
});
|
3991
|
-
(0,
|
4001
|
+
(0, import_react14.useEffect)(
|
3992
4002
|
() => () => {
|
3993
4003
|
files == null ? void 0 : files.forEach((file) => {
|
3994
4004
|
URL.revokeObjectURL(file.preview);
|
@@ -3996,7 +4006,7 @@ var FileDropzone = ({
|
|
3996
4006
|
},
|
3997
4007
|
[files]
|
3998
4008
|
);
|
3999
|
-
(0,
|
4009
|
+
(0, import_react14.useEffect)(() => {
|
4000
4010
|
setFiles(acceptedFiles);
|
4001
4011
|
}, [acceptedFiles, cmp, setFiles]);
|
4002
4012
|
onClearFiles = () => {
|
@@ -4008,7 +4018,7 @@ var FileDropzone = ({
|
|
4008
4018
|
acceptedFiles.length = 0;
|
4009
4019
|
setFiles([]);
|
4010
4020
|
};
|
4011
|
-
(0,
|
4021
|
+
(0, import_react14.useEffect)(() => {
|
4012
4022
|
if (maxSize > 0) {
|
4013
4023
|
const k = 1024;
|
4014
4024
|
const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
|
@@ -4021,7 +4031,7 @@ var FileDropzone = ({
|
|
4021
4031
|
const errs = fileRejections.map((rej, i) => {
|
4022
4032
|
switch (rej.errors[0].code) {
|
4023
4033
|
case "file-too-large":
|
4024
|
-
return /* @__PURE__ */
|
4034
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4025
4035
|
Alert,
|
4026
4036
|
{
|
4027
4037
|
key: i,
|
@@ -4031,7 +4041,7 @@ var FileDropzone = ({
|
|
4031
4041
|
}
|
4032
4042
|
);
|
4033
4043
|
case "too-many-files":
|
4034
|
-
return /* @__PURE__ */
|
4044
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4035
4045
|
Alert,
|
4036
4046
|
{
|
4037
4047
|
key: i,
|
@@ -4041,7 +4051,7 @@ var FileDropzone = ({
|
|
4041
4051
|
}
|
4042
4052
|
);
|
4043
4053
|
case "file-invalid-type":
|
4044
|
-
return /* @__PURE__ */
|
4054
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4045
4055
|
Alert,
|
4046
4056
|
{
|
4047
4057
|
key: i,
|
@@ -4051,7 +4061,7 @@ var FileDropzone = ({
|
|
4051
4061
|
}
|
4052
4062
|
);
|
4053
4063
|
default:
|
4054
|
-
return /* @__PURE__ */
|
4064
|
+
return /* @__PURE__ */ import_react14.default.createElement(
|
4055
4065
|
Alert,
|
4056
4066
|
{
|
4057
4067
|
key: i,
|
@@ -4062,7 +4072,7 @@ var FileDropzone = ({
|
|
4062
4072
|
);
|
4063
4073
|
}
|
4064
4074
|
});
|
4065
|
-
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(
|
4066
4076
|
"button",
|
4067
4077
|
{
|
4068
4078
|
onClick: (e) => {
|
@@ -4075,7 +4085,7 @@ var FileDropzone = ({
|
|
4075
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",
|
4076
4086
|
"data-modal-toggle": "defaultModal"
|
4077
4087
|
},
|
4078
|
-
/* @__PURE__ */
|
4088
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
4079
4089
|
"svg",
|
4080
4090
|
{
|
4081
4091
|
"aria-hidden": "true",
|
@@ -4083,7 +4093,7 @@ var FileDropzone = ({
|
|
4083
4093
|
fill: "currentColor",
|
4084
4094
|
viewBox: "0 0 20 20"
|
4085
4095
|
},
|
4086
|
-
/* @__PURE__ */
|
4096
|
+
/* @__PURE__ */ import_react14.default.createElement(
|
4087
4097
|
"path",
|
4088
4098
|
{
|
4089
4099
|
fillRule: "evenodd",
|
@@ -4092,8 +4102,8 @@ var FileDropzone = ({
|
|
4092
4102
|
}
|
4093
4103
|
)
|
4094
4104
|
),
|
4095
|
-
/* @__PURE__ */
|
4096
|
-
), /* @__PURE__ */
|
4105
|
+
/* @__PURE__ */ import_react14.default.createElement("span", { className: "hawa-sr-only" }, "Close modal")
|
4106
|
+
), /* @__PURE__ */ import_react14.default.createElement(
|
4097
4107
|
"div",
|
4098
4108
|
{
|
4099
4109
|
style: {
|
@@ -4112,7 +4122,7 @@ var FileDropzone = ({
|
|
4112
4122
|
key: file.name
|
4113
4123
|
}
|
4114
4124
|
)));
|
4115
|
-
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(
|
4116
4126
|
"div",
|
4117
4127
|
{
|
4118
4128
|
className: (0, import_clsx2.default)(
|
@@ -4120,7 +4130,7 @@ var FileDropzone = ({
|
|
4120
4130
|
isDragActive ? "hawa-bg-muted" : "hawa-bg-muted/20 hover:hawa-bg-muted/50 "
|
4121
4131
|
)
|
4122
4132
|
},
|
4123
|
-
/* @__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(
|
4124
4134
|
"svg",
|
4125
4135
|
{
|
4126
4136
|
stroke: "currentColor",
|
@@ -4132,28 +4142,28 @@ var FileDropzone = ({
|
|
4132
4142
|
height: "1.5em",
|
4133
4143
|
width: "1.5em"
|
4134
4144
|
},
|
4135
|
-
/* @__PURE__ */
|
4136
|
-
/* @__PURE__ */
|
4137
|
-
/* @__PURE__ */
|
4138
|
-
/* @__PURE__ */
|
4139
|
-
/* @__PURE__ */
|
4140
|
-
/* @__PURE__ */
|
4141
|
-
/* @__PURE__ */
|
4142
|
-
/* @__PURE__ */
|
4143
|
-
/* @__PURE__ */
|
4144
|
-
/* @__PURE__ */
|
4145
|
-
), typeof texts.clickHereToUpload === "function" ? texts.clickHereToUpload() : texts.clickHereToUpload), /* @__PURE__ */
|
4146
|
-
acceptedFiles.length > 0 && /* @__PURE__ */
|
4147
|
-
acceptedFiles.length > 0 && thumbs && showPreview ? /* @__PURE__ */
|
4148
|
-
/* @__PURE__ */
|
4149
|
-
), 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(
|
4150
4160
|
"a",
|
4151
4161
|
{
|
4152
4162
|
href: termsLink,
|
4153
4163
|
className: "clickable-link hawa-text-muted-foreground/50"
|
4154
4164
|
},
|
4155
4165
|
(_d = texts.terms) != null ? _d : "Terms"
|
4156
|
-
), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */
|
4166
|
+
), " ", (_e = texts.and) != null ? _e : "and", " ", /* @__PURE__ */ import_react14.default.createElement(
|
4157
4167
|
"a",
|
4158
4168
|
{
|
4159
4169
|
href: privacyLink,
|
@@ -4164,9 +4174,9 @@ var FileDropzone = ({
|
|
4164
4174
|
};
|
4165
4175
|
|
4166
4176
|
// elements/sortButton/SortButton.tsx
|
4167
|
-
var
|
4177
|
+
var import_react15 = __toESM(require("react"));
|
4168
4178
|
var SortButton = (props) => {
|
4169
|
-
return /* @__PURE__ */
|
4179
|
+
return /* @__PURE__ */ import_react15.default.createElement(
|
4170
4180
|
Button,
|
4171
4181
|
{
|
4172
4182
|
variant: "ghost",
|
@@ -4178,7 +4188,7 @@ var SortButton = (props) => {
|
|
4178
4188
|
onClick: props.onSort
|
4179
4189
|
},
|
4180
4190
|
props.label,
|
4181
|
-
/* @__PURE__ */
|
4191
|
+
/* @__PURE__ */ import_react15.default.createElement(
|
4182
4192
|
"svg",
|
4183
4193
|
{
|
4184
4194
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -4190,10 +4200,10 @@ var SortButton = (props) => {
|
|
4190
4200
|
strokeLinejoin: "round",
|
4191
4201
|
className: props.condensed ? "hawa-h-3 hawa-w-3" : "hawa-icon"
|
4192
4202
|
},
|
4193
|
-
/* @__PURE__ */
|
4194
|
-
/* @__PURE__ */
|
4195
|
-
/* @__PURE__ */
|
4196
|
-
/* @__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" })
|
4197
4207
|
)
|
4198
4208
|
);
|
4199
4209
|
};
|
@@ -4202,34 +4212,34 @@ var SortButton = (props) => {
|
|
4202
4212
|
var React42 = __toESM(require("react"));
|
4203
4213
|
|
4204
4214
|
// hooks/useIsomorphicEffect.ts
|
4205
|
-
var
|
4215
|
+
var import_react16 = require("react");
|
4206
4216
|
|
4207
4217
|
// hooks/useDiscloser.ts
|
4208
|
-
var
|
4218
|
+
var import_react17 = require("react");
|
4209
4219
|
|
4210
4220
|
// hooks/useHover.ts
|
4211
|
-
var
|
4221
|
+
var import_react18 = require("react");
|
4212
4222
|
|
4213
4223
|
// hooks/useToast.ts
|
4214
4224
|
var React34 = __toESM(require("react"));
|
4215
4225
|
|
4216
4226
|
// hooks/useCarousel.ts
|
4217
|
-
var
|
4227
|
+
var import_react19 = require("react");
|
4218
4228
|
|
4219
4229
|
// hooks/useDialogCarousel.ts
|
4220
|
-
var
|
4230
|
+
var import_react20 = require("react");
|
4221
4231
|
var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
|
4222
4232
|
var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
|
4223
4233
|
|
4224
4234
|
// hooks/useDialogSteps.ts
|
4225
|
-
var
|
4235
|
+
var import_react21 = require("react");
|
4226
4236
|
|
4227
4237
|
// hooks/useClipboard.ts
|
4228
|
-
var
|
4238
|
+
var import_react22 = require("react");
|
4229
4239
|
function useClipboard({ timeout = 2e3 } = {}) {
|
4230
|
-
const [error, setError] = (0,
|
4231
|
-
const [copied, setCopied] = (0,
|
4232
|
-
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);
|
4233
4243
|
const handleCopyResult = (value) => {
|
4234
4244
|
clearTimeout(copyTimeout);
|
4235
4245
|
setCopyTimeout(setTimeout(() => setCopied(false), timeout));
|
@@ -4251,31 +4261,31 @@ function useClipboard({ timeout = 2e3 } = {}) {
|
|
4251
4261
|
}
|
4252
4262
|
|
4253
4263
|
// hooks/useBreakpoint.ts
|
4254
|
-
var
|
4264
|
+
var import_react23 = require("react");
|
4255
4265
|
|
4256
4266
|
// hooks/useWindowSize.ts
|
4257
|
-
var
|
4267
|
+
var import_react24 = require("react");
|
4258
4268
|
|
4259
4269
|
// hooks/useFocusWithin.ts
|
4260
|
-
var
|
4270
|
+
var import_react25 = require("react");
|
4261
4271
|
|
4262
4272
|
// hooks/useMediaQuery.ts
|
4263
|
-
var
|
4273
|
+
var import_react26 = require("react");
|
4264
4274
|
|
4265
4275
|
// hooks/useScrollPosition.ts
|
4266
|
-
var
|
4276
|
+
var import_react27 = require("react");
|
4267
4277
|
|
4268
4278
|
// hooks/useTable.ts
|
4269
|
-
var
|
4279
|
+
var import_react28 = require("react");
|
4270
4280
|
|
4271
4281
|
// hooks/useTabs.ts
|
4272
|
-
var
|
4282
|
+
var import_react29 = require("react");
|
4273
4283
|
|
4274
4284
|
// hooks/useMeasureDirty.ts
|
4275
|
-
var
|
4285
|
+
var import_react30 = require("react");
|
4276
4286
|
var useMeasureDirty = (ref) => {
|
4277
|
-
const frame = (0,
|
4278
|
-
const [rect, set] = (0,
|
4287
|
+
const frame = (0, import_react30.useRef)(0);
|
4288
|
+
const [rect, set] = (0, import_react30.useState)({
|
4279
4289
|
width: 0,
|
4280
4290
|
height: 0,
|
4281
4291
|
top: 0,
|
@@ -4283,7 +4293,7 @@ var useMeasureDirty = (ref) => {
|
|
4283
4293
|
bottom: 0,
|
4284
4294
|
right: 0
|
4285
4295
|
});
|
4286
|
-
const [observer] = (0,
|
4296
|
+
const [observer] = (0, import_react30.useState)(
|
4287
4297
|
() => new ResizeObserver((entries) => {
|
4288
4298
|
const entry = entries[0];
|
4289
4299
|
if (entry) {
|
@@ -4296,7 +4306,7 @@ var useMeasureDirty = (ref) => {
|
|
4296
4306
|
}
|
4297
4307
|
})
|
4298
4308
|
);
|
4299
|
-
(0,
|
4309
|
+
(0, import_react30.useEffect)(() => {
|
4300
4310
|
observer.disconnect();
|
4301
4311
|
if (ref.current) {
|
4302
4312
|
observer.observe(ref.current);
|
@@ -4306,7 +4316,7 @@ var useMeasureDirty = (ref) => {
|
|
4306
4316
|
};
|
4307
4317
|
|
4308
4318
|
// hooks/useOutsideClick.ts
|
4309
|
-
var
|
4319
|
+
var import_react31 = __toESM(require("react"));
|
4310
4320
|
|
4311
4321
|
// elements/tabs/Tabs.tsx
|
4312
4322
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
@@ -4502,7 +4512,7 @@ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
4502
4512
|
TabsContent.displayName = TabsPrimitive.Content.displayName;
|
4503
4513
|
|
4504
4514
|
// elements/select/Select.tsx
|
4505
|
-
var
|
4515
|
+
var import_react32 = __toESM(require("react"));
|
4506
4516
|
var import_react_select = __toESM(require("react-select"));
|
4507
4517
|
var import_creatable = __toESM(require("react-select/creatable"));
|
4508
4518
|
var import_clsx3 = __toESM(require("clsx"));
|
@@ -4513,10 +4523,10 @@ var Select = ({
|
|
4513
4523
|
}) => {
|
4514
4524
|
const NoOption = () => {
|
4515
4525
|
var _a, _b;
|
4516
|
-
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");
|
4517
4527
|
};
|
4518
4528
|
const Control = ({ children, innerProps, innerRef }) => {
|
4519
|
-
return /* @__PURE__ */
|
4529
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4520
4530
|
"div",
|
4521
4531
|
{
|
4522
4532
|
ref: innerRef,
|
@@ -4529,7 +4539,7 @@ var Select = ({
|
|
4529
4539
|
);
|
4530
4540
|
};
|
4531
4541
|
const Option = ({ children, innerProps, innerRef }) => {
|
4532
|
-
return /* @__PURE__ */
|
4542
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4533
4543
|
"div",
|
4534
4544
|
{
|
4535
4545
|
ref: innerRef,
|
@@ -4550,7 +4560,7 @@ var Select = ({
|
|
4550
4560
|
...menuProps
|
4551
4561
|
}) => {
|
4552
4562
|
const menuOpen = menuProps.selectProps.menuIsOpen;
|
4553
|
-
return /* @__PURE__ */
|
4563
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4554
4564
|
"div",
|
4555
4565
|
{
|
4556
4566
|
className: cn(
|
@@ -4564,7 +4574,7 @@ var Select = ({
|
|
4564
4574
|
children
|
4565
4575
|
);
|
4566
4576
|
};
|
4567
|
-
return /* @__PURE__ */
|
4577
|
+
return /* @__PURE__ */ import_react32.default.createElement(
|
4568
4578
|
"div",
|
4569
4579
|
{
|
4570
4580
|
className: cn(
|
@@ -4572,10 +4582,10 @@ var Select = ({
|
|
4572
4582
|
props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
|
4573
4583
|
)
|
4574
4584
|
},
|
4575
|
-
props.label && /* @__PURE__ */
|
4576
|
-
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 ? (
|
4577
4587
|
// TODO: enable keyboard to go to the next item in the list
|
4578
|
-
/* @__PURE__ */
|
4588
|
+
/* @__PURE__ */ import_react32.default.createElement(
|
4579
4589
|
import_react_select.default,
|
4580
4590
|
{
|
4581
4591
|
noOptionsMessage: NoOption,
|
@@ -4614,7 +4624,7 @@ var Select = ({
|
|
4614
4624
|
// {...e}
|
4615
4625
|
// />
|
4616
4626
|
// ),
|
4617
|
-
ValueContainer: (e) => /* @__PURE__ */
|
4627
|
+
ValueContainer: (e) => /* @__PURE__ */ import_react32.default.createElement(
|
4618
4628
|
"div",
|
4619
4629
|
{
|
4620
4630
|
className: cn(
|
@@ -4624,7 +4634,7 @@ var Select = ({
|
|
4624
4634
|
...e
|
4625
4635
|
}
|
4626
4636
|
),
|
4627
|
-
MultiValueContainer: (e) => /* @__PURE__ */
|
4637
|
+
MultiValueContainer: (e) => /* @__PURE__ */ import_react32.default.createElement(
|
4628
4638
|
"div",
|
4629
4639
|
{
|
4630
4640
|
className: cn(
|
@@ -4646,7 +4656,7 @@ var Select = ({
|
|
4646
4656
|
isSearchable: props.isSearchable
|
4647
4657
|
}
|
4648
4658
|
)
|
4649
|
-
) : /* @__PURE__ */
|
4659
|
+
) : /* @__PURE__ */ import_react32.default.createElement(
|
4650
4660
|
import_creatable.default,
|
4651
4661
|
{
|
4652
4662
|
formatCreateLabel: (inputValue) => {
|
@@ -4676,7 +4686,7 @@ var Select = ({
|
|
4676
4686
|
onInputChange: (newValue, action) => props.onInputChange(newValue, action)
|
4677
4687
|
}
|
4678
4688
|
),
|
4679
|
-
!props.hideHelperText && /* @__PURE__ */
|
4689
|
+
!props.hideHelperText && /* @__PURE__ */ import_react32.default.createElement(
|
4680
4690
|
"p",
|
4681
4691
|
{
|
4682
4692
|
className: cn(
|
@@ -4926,7 +4936,7 @@ var Progress = React46.forwardRef(({ className, value, ...props }, ref) => /* @_
|
|
4926
4936
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
4927
4937
|
|
4928
4938
|
// elements/breadcrumb/Breadcrumb.tsx
|
4929
|
-
var
|
4939
|
+
var import_react33 = __toESM(require("react"));
|
4930
4940
|
var Breadcrumb = ({
|
4931
4941
|
breadcrumbLinks,
|
4932
4942
|
separator = ">",
|
@@ -4937,7 +4947,7 @@ var Breadcrumb = ({
|
|
4937
4947
|
small: "hawa-text-sm",
|
4938
4948
|
xs: "hawa-text-xs"
|
4939
4949
|
};
|
4940
|
-
return /* @__PURE__ */
|
4950
|
+
return /* @__PURE__ */ import_react33.default.createElement(
|
4941
4951
|
"div",
|
4942
4952
|
{
|
4943
4953
|
className: cn(
|
@@ -4945,13 +4955,13 @@ var Breadcrumb = ({
|
|
4945
4955
|
textStyles[size]
|
4946
4956
|
)
|
4947
4957
|
},
|
4948
|
-
breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */
|
4958
|
+
breadcrumbLinks.map((singleBreadcrumbLink, index) => /* @__PURE__ */ import_react33.default.createElement(
|
4949
4959
|
"div",
|
4950
4960
|
{
|
4951
4961
|
key: index,
|
4952
4962
|
className: "hawa-flex hawa-flex-row hawa-items-center hawa-justify-center hawa-gap-2"
|
4953
4963
|
},
|
4954
|
-
/* @__PURE__ */
|
4964
|
+
/* @__PURE__ */ import_react33.default.createElement(
|
4955
4965
|
"a",
|
4956
4966
|
{
|
4957
4967
|
href: singleBreadcrumbLink.href,
|
@@ -4959,49 +4969,49 @@ var Breadcrumb = ({
|
|
4959
4969
|
},
|
4960
4970
|
singleBreadcrumbLink.label
|
4961
4971
|
),
|
4962
|
-
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
|
4963
4973
|
))
|
4964
4974
|
);
|
4965
4975
|
};
|
4966
4976
|
|
4967
4977
|
// elements/appStores/AppStores.tsx
|
4968
|
-
var
|
4978
|
+
var import_react34 = __toESM(require("react"));
|
4969
4979
|
var AppStores = (props) => {
|
4970
|
-
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(
|
4971
4981
|
"path",
|
4972
4982
|
{
|
4973
4983
|
fill: "currentColor",
|
4974
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"
|
4975
4985
|
}
|
4976
|
-
))), /* @__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(
|
4977
4987
|
"path",
|
4978
4988
|
{
|
4979
4989
|
fill: "#FFD400",
|
4980
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"
|
4981
4991
|
}
|
4982
|
-
), /* @__PURE__ */
|
4992
|
+
), /* @__PURE__ */ import_react34.default.createElement(
|
4983
4993
|
"path",
|
4984
4994
|
{
|
4985
4995
|
fill: "#FF3333",
|
4986
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"
|
4987
4997
|
}
|
4988
|
-
), /* @__PURE__ */
|
4998
|
+
), /* @__PURE__ */ import_react34.default.createElement(
|
4989
4999
|
"path",
|
4990
5000
|
{
|
4991
5001
|
fill: "#48FF48",
|
4992
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"
|
4993
5003
|
}
|
4994
|
-
), /* @__PURE__ */
|
5004
|
+
), /* @__PURE__ */ import_react34.default.createElement(
|
4995
5005
|
"path",
|
4996
5006
|
{
|
4997
5007
|
fill: "#3BCCFF",
|
4998
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"
|
4999
5009
|
}
|
5000
|
-
))), /* @__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")))));
|
5001
5011
|
};
|
5002
5012
|
|
5003
5013
|
// elements/badge/Badge.tsx
|
5004
|
-
var
|
5014
|
+
var import_react35 = __toESM(require("react"));
|
5005
5015
|
var Badge = ({
|
5006
5016
|
anchor,
|
5007
5017
|
position = "right",
|
@@ -5009,14 +5019,14 @@ var Badge = ({
|
|
5009
5019
|
text,
|
5010
5020
|
className
|
5011
5021
|
}) => {
|
5012
|
-
const [badgePosition, setBadgePosition] = (0,
|
5013
|
-
const indicatorRef = (0,
|
5022
|
+
const [badgePosition, setBadgePosition] = (0, import_react35.useState)(null);
|
5023
|
+
const indicatorRef = (0, import_react35.useRef)(null);
|
5014
5024
|
const sizeStyles2 = {
|
5015
5025
|
small: { top: 4, left: 6, right: 7, classes: "hawa-w-3 hawa-h-3" },
|
5016
5026
|
default: { top: 4, left: 7, right: 5, classes: "hawa-w-3 hawa-h-3" },
|
5017
5027
|
large: { top: 6, left: 12, right: 7, classes: "hawa-w-6 hawa-h-6" }
|
5018
5028
|
};
|
5019
|
-
(0,
|
5029
|
+
(0, import_react35.useEffect)(() => {
|
5020
5030
|
const handlePositioning = () => {
|
5021
5031
|
var _a;
|
5022
5032
|
if (anchor.current && indicatorRef.current) {
|
@@ -5039,7 +5049,7 @@ var Badge = ({
|
|
5039
5049
|
window.removeEventListener("resize", handlePositioning);
|
5040
5050
|
};
|
5041
5051
|
}, [anchor]);
|
5042
|
-
return /* @__PURE__ */
|
5052
|
+
return /* @__PURE__ */ import_react35.default.createElement("div", { ref: indicatorRef, className: cn("hawa-relative", className) }, badgePosition && /* @__PURE__ */ import_react35.default.createElement(
|
5043
5053
|
"div",
|
5044
5054
|
{
|
5045
5055
|
style: {
|
@@ -5064,8 +5074,8 @@ var BadgedComponent = ({
|
|
5064
5074
|
size,
|
5065
5075
|
text
|
5066
5076
|
}) => {
|
5067
|
-
const ref = (0,
|
5068
|
-
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(
|
5069
5079
|
Badge,
|
5070
5080
|
{
|
5071
5081
|
size,
|
@@ -5078,7 +5088,7 @@ var BadgedComponent = ({
|
|
5078
5088
|
};
|
5079
5089
|
|
5080
5090
|
// elements/phoneInput/PhoneInput.tsx
|
5081
|
-
var
|
5091
|
+
var import_react36 = __toESM(require("react"));
|
5082
5092
|
|
5083
5093
|
// countries.ts
|
5084
5094
|
var countries = [
|
@@ -6780,9 +6790,9 @@ var PhoneInput = ({
|
|
6780
6790
|
countryCodes,
|
6781
6791
|
...props
|
6782
6792
|
}) => {
|
6783
|
-
const [phoneNumber, setPhoneNumber] = (0,
|
6784
|
-
const [countryCode, setCountryCode] = (0,
|
6785
|
-
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);
|
6786
6796
|
const handleInputChange = (e) => {
|
6787
6797
|
console.log("test e ", e.target.value);
|
6788
6798
|
const validChars = /^[0-9-()]+$/;
|
@@ -6796,7 +6806,7 @@ var PhoneInput = ({
|
|
6796
6806
|
console.log("handleChange prop was not provided in <PhoneInput/>");
|
6797
6807
|
}
|
6798
6808
|
};
|
6799
|
-
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(
|
6800
6810
|
Select,
|
6801
6811
|
{
|
6802
6812
|
phoneCode: true,
|
@@ -6812,7 +6822,7 @@ var PhoneInput = ({
|
|
6812
6822
|
value: countryCode == null ? void 0 : countryCode.label,
|
6813
6823
|
defaultValue: props.preferredCountry
|
6814
6824
|
}
|
6815
|
-
), /* @__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(
|
6816
6826
|
"input",
|
6817
6827
|
{
|
6818
6828
|
type: "tel",
|
@@ -6826,7 +6836,7 @@ var PhoneInput = ({
|
|
6826
6836
|
),
|
6827
6837
|
...inputProps
|
6828
6838
|
}
|
6829
|
-
))), /* @__PURE__ */
|
6839
|
+
))), /* @__PURE__ */ import_react36.default.createElement(
|
6830
6840
|
"p",
|
6831
6841
|
{
|
6832
6842
|
className: cn(
|
@@ -6839,7 +6849,7 @@ var PhoneInput = ({
|
|
6839
6849
|
};
|
6840
6850
|
|
6841
6851
|
// elements/pinInput/PinInput.tsx
|
6842
|
-
var
|
6852
|
+
var import_react37 = __toESM(require("react"));
|
6843
6853
|
var PinInput = ({
|
6844
6854
|
label,
|
6845
6855
|
icon,
|
@@ -6849,7 +6859,7 @@ var PinInput = ({
|
|
6849
6859
|
inputProps,
|
6850
6860
|
...props
|
6851
6861
|
}) => {
|
6852
|
-
const [pin, setPin] = (0,
|
6862
|
+
const [pin, setPin] = (0, import_react37.useState)(Array.from(Array(digits)));
|
6853
6863
|
const handleKeyDown = (e, index) => {
|
6854
6864
|
let backTo = 0;
|
6855
6865
|
if (e.key === "Backspace") {
|
@@ -6858,7 +6868,7 @@ var PinInput = ({
|
|
6858
6868
|
previousInput == null ? void 0 : previousInput.focus();
|
6859
6869
|
}
|
6860
6870
|
};
|
6861
|
-
(0,
|
6871
|
+
(0, import_react37.useEffect)(() => {
|
6862
6872
|
let unfilled = pin.includes(void 0);
|
6863
6873
|
if (!unfilled && getPins) {
|
6864
6874
|
getPins(pin);
|
@@ -6883,13 +6893,13 @@ var PinInput = ({
|
|
6883
6893
|
}
|
6884
6894
|
}
|
6885
6895
|
};
|
6886
|
-
return /* @__PURE__ */
|
6896
|
+
return /* @__PURE__ */ import_react37.default.createElement("div", { className: "hawa-flex hawa-flex-col hawa-gap-2" }, /* @__PURE__ */ import_react37.default.createElement(
|
6887
6897
|
"div",
|
6888
6898
|
{
|
6889
6899
|
className: "hawa-flex hawa-w-full hawa-flex-row hawa-justify-center hawa-gap-2",
|
6890
6900
|
dir: "ltr"
|
6891
6901
|
},
|
6892
|
-
pin.map((value, index) => /* @__PURE__ */
|
6902
|
+
pin.map((value, index) => /* @__PURE__ */ import_react37.default.createElement(
|
6893
6903
|
"input",
|
6894
6904
|
{
|
6895
6905
|
key: index,
|
@@ -6909,7 +6919,7 @@ var PinInput = ({
|
|
6909
6919
|
...inputProps
|
6910
6920
|
}
|
6911
6921
|
))
|
6912
|
-
), /* @__PURE__ */
|
6922
|
+
), /* @__PURE__ */ import_react37.default.createElement(
|
6913
6923
|
"p",
|
6914
6924
|
{
|
6915
6925
|
className: cn(
|
@@ -6922,12 +6932,12 @@ var PinInput = ({
|
|
6922
6932
|
};
|
6923
6933
|
|
6924
6934
|
// elements/stopPropagationWrapper/StopPropagationWrapper.tsx
|
6925
|
-
var
|
6935
|
+
var import_react38 = __toESM(require("react"));
|
6926
6936
|
var StopPropagationWrapper = (props) => {
|
6927
6937
|
const handleClick = (e) => {
|
6928
6938
|
e.stopPropagation();
|
6929
6939
|
};
|
6930
|
-
return /* @__PURE__ */
|
6940
|
+
return /* @__PURE__ */ import_react38.default.createElement("div", { onClick: handleClick }, props.children);
|
6931
6941
|
};
|
6932
6942
|
|
6933
6943
|
// elements/scrollArea/ScrollArea.tsx
|
@@ -6971,7 +6981,7 @@ var ScrollBar = React53.forwardRef(({ className, orientation = "vertical", ...pr
|
|
6971
6981
|
ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
|
6972
6982
|
|
6973
6983
|
// elements/colorPicker/ColorPicker.tsx
|
6974
|
-
var
|
6984
|
+
var import_react39 = __toESM(require("react"));
|
6975
6985
|
var ColorPicker = ({
|
6976
6986
|
containerProps,
|
6977
6987
|
colorPickerProps,
|
@@ -6982,8 +6992,8 @@ var ColorPicker = ({
|
|
6982
6992
|
preview = false,
|
6983
6993
|
...props
|
6984
6994
|
}) => {
|
6985
|
-
const [selectedColor, setSelectedColor] = (0,
|
6986
|
-
(0,
|
6995
|
+
const [selectedColor, setSelectedColor] = (0, import_react39.useState)(props.color);
|
6996
|
+
(0, import_react39.useEffect)(() => {
|
6987
6997
|
if (selectedColor && selectedColor[0] !== "#") {
|
6988
6998
|
setSelectedColor(`#${selectedColor}`);
|
6989
6999
|
}
|
@@ -7000,13 +7010,13 @@ var ColorPicker = ({
|
|
7000
7010
|
props.handleChange(e);
|
7001
7011
|
}
|
7002
7012
|
};
|
7003
|
-
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(
|
7004
7014
|
"div",
|
7005
7015
|
{
|
7006
7016
|
style: { height: 40, backgroundColor: selectedColor },
|
7007
7017
|
className: "hawa-rounded-bl-lg hawa-rounded-tl-lg hawa-border"
|
7008
7018
|
},
|
7009
|
-
/* @__PURE__ */
|
7019
|
+
/* @__PURE__ */ import_react39.default.createElement(
|
7010
7020
|
"input",
|
7011
7021
|
{
|
7012
7022
|
disabled: preview,
|
@@ -7025,7 +7035,7 @@ var ColorPicker = ({
|
|
7025
7035
|
...colorPickerProps
|
7026
7036
|
}
|
7027
7037
|
)
|
7028
|
-
), /* @__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(
|
7029
7039
|
"input",
|
7030
7040
|
{
|
7031
7041
|
disabled: preview,
|
@@ -7044,7 +7054,7 @@ var ColorPicker = ({
|
|
7044
7054
|
},
|
7045
7055
|
...textInputProps
|
7046
7056
|
}
|
7047
|
-
))), !forceHideHelperText && /* @__PURE__ */
|
7057
|
+
))), !forceHideHelperText && /* @__PURE__ */ import_react39.default.createElement(
|
7048
7058
|
"p",
|
7049
7059
|
{
|
7050
7060
|
className: cn(
|
@@ -7057,7 +7067,7 @@ var ColorPicker = ({
|
|
7057
7067
|
};
|
7058
7068
|
|
7059
7069
|
// elements/progressCircle/ProgressCircle.tsx
|
7060
|
-
var
|
7070
|
+
var import_react40 = __toESM(require("react"));
|
7061
7071
|
var size2config = {
|
7062
7072
|
xs: { radius: 15, strokeWidth: 3 },
|
7063
7073
|
sm: { radius: 19, strokeWidth: 4 },
|
@@ -7074,7 +7084,7 @@ function getLimitedValue(input) {
|
|
7074
7084
|
return input;
|
7075
7085
|
}
|
7076
7086
|
}
|
7077
|
-
var ProgressCircle =
|
7087
|
+
var ProgressCircle = import_react40.default.forwardRef((props, ref) => {
|
7078
7088
|
const {
|
7079
7089
|
value: inputValue,
|
7080
7090
|
size = "md",
|
@@ -7094,7 +7104,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7094
7104
|
const circumference = normalizedRadius * 2 * Math.PI;
|
7095
7105
|
const strokeDashoffset = value / 100 * circumference;
|
7096
7106
|
const offset = circumference - strokeDashoffset;
|
7097
|
-
return /* @__PURE__ */
|
7107
|
+
return /* @__PURE__ */ import_react40.default.createElement(import_react40.default.Fragment, null, /* @__PURE__ */ import_react40.default.createElement(
|
7098
7108
|
"div",
|
7099
7109
|
{
|
7100
7110
|
ref,
|
@@ -7103,7 +7113,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7103
7113
|
className
|
7104
7114
|
)
|
7105
7115
|
},
|
7106
|
-
/* @__PURE__ */
|
7116
|
+
/* @__PURE__ */ import_react40.default.createElement(
|
7107
7117
|
"svg",
|
7108
7118
|
{
|
7109
7119
|
width: radius * 2,
|
@@ -7111,7 +7121,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7111
7121
|
viewBox: `0 0 ${radius * 2} ${radius * 2}`,
|
7112
7122
|
className: "hawa-rotate-180 hawa-transform"
|
7113
7123
|
},
|
7114
|
-
/* @__PURE__ */
|
7124
|
+
/* @__PURE__ */ import_react40.default.createElement(
|
7115
7125
|
"circle",
|
7116
7126
|
{
|
7117
7127
|
r: normalizedRadius,
|
@@ -7127,7 +7137,7 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7127
7137
|
)
|
7128
7138
|
}
|
7129
7139
|
),
|
7130
|
-
value > 0 ? /* @__PURE__ */
|
7140
|
+
value > 0 ? /* @__PURE__ */ import_react40.default.createElement(
|
7131
7141
|
"circle",
|
7132
7142
|
{
|
7133
7143
|
r: normalizedRadius,
|
@@ -7147,24 +7157,24 @@ var ProgressCircle = import_react39.default.forwardRef((props, ref) => {
|
|
7147
7157
|
}
|
7148
7158
|
) : null
|
7149
7159
|
),
|
7150
|
-
/* @__PURE__ */
|
7160
|
+
/* @__PURE__ */ import_react40.default.createElement("div", { className: cn("hawa-absolute hawa-flex") }, children)
|
7151
7161
|
));
|
7152
7162
|
});
|
7153
7163
|
ProgressCircle.displayName = "ProgressCircle";
|
7154
7164
|
|
7155
7165
|
// elements/pagination/Pagination.tsx
|
7156
|
-
var
|
7166
|
+
var import_react41 = __toESM(require("react"));
|
7157
7167
|
var import_react_headless_pagination = require("react-headless-pagination");
|
7158
7168
|
var Pagination = ({
|
7159
7169
|
direction,
|
7160
7170
|
totalPages,
|
7161
7171
|
currentPage
|
7162
7172
|
}) => {
|
7163
|
-
const [page, setPage] =
|
7173
|
+
const [page, setPage] = import_react41.default.useState(currentPage || 0);
|
7164
7174
|
const handlePageChange = (page2) => {
|
7165
7175
|
setPage(page2);
|
7166
7176
|
};
|
7167
|
-
return /* @__PURE__ */
|
7177
|
+
return /* @__PURE__ */ import_react41.default.createElement(
|
7168
7178
|
import_react_headless_pagination.Pagination,
|
7169
7179
|
{
|
7170
7180
|
totalPages,
|
@@ -7176,10 +7186,10 @@ var Pagination = ({
|
|
7176
7186
|
truncableText: "...",
|
7177
7187
|
truncableClassName: "hawa-w-10 hawa-px-0.5 hawa-text-center"
|
7178
7188
|
},
|
7179
|
-
/* @__PURE__ */
|
7189
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7180
7190
|
import_react_headless_pagination.Pagination.PrevButton,
|
7181
7191
|
{
|
7182
|
-
as: /* @__PURE__ */
|
7192
|
+
as: /* @__PURE__ */ import_react41.default.createElement(
|
7183
7193
|
"button",
|
7184
7194
|
{
|
7185
7195
|
"aria-label": "Previous Table Page",
|
@@ -7189,7 +7199,7 @@ var Pagination = ({
|
|
7189
7199
|
),
|
7190
7200
|
style: { minWidth: 36 }
|
7191
7201
|
},
|
7192
|
-
/* @__PURE__ */
|
7202
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7193
7203
|
"svg",
|
7194
7204
|
{
|
7195
7205
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7202,7 +7212,7 @@ var Pagination = ({
|
|
7202
7212
|
strokeLinecap: "round",
|
7203
7213
|
strokeLinejoin: "round"
|
7204
7214
|
},
|
7205
|
-
/* @__PURE__ */
|
7215
|
+
/* @__PURE__ */ import_react41.default.createElement("path", { d: "m15 18-6-6 6-6" })
|
7206
7216
|
)
|
7207
7217
|
),
|
7208
7218
|
className: cn(
|
@@ -7215,17 +7225,17 @@ var Pagination = ({
|
|
7215
7225
|
},
|
7216
7226
|
"Previous"
|
7217
7227
|
),
|
7218
|
-
/* @__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(
|
7219
7229
|
import_react_headless_pagination.Pagination.PageButton,
|
7220
7230
|
{
|
7221
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",
|
7222
7232
|
activeClassName: "hawa-bg-primary hawa-text-primary-foreground hawa-transition-all"
|
7223
7233
|
}
|
7224
7234
|
))),
|
7225
|
-
/* @__PURE__ */
|
7235
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7226
7236
|
import_react_headless_pagination.Pagination.NextButton,
|
7227
7237
|
{
|
7228
|
-
as: /* @__PURE__ */
|
7238
|
+
as: /* @__PURE__ */ import_react41.default.createElement(
|
7229
7239
|
"button",
|
7230
7240
|
{
|
7231
7241
|
"aria-label": "Previous Table Page",
|
@@ -7235,7 +7245,7 @@ var Pagination = ({
|
|
7235
7245
|
),
|
7236
7246
|
style: { minWidth: 36 }
|
7237
7247
|
},
|
7238
|
-
/* @__PURE__ */
|
7248
|
+
/* @__PURE__ */ import_react41.default.createElement(
|
7239
7249
|
"svg",
|
7240
7250
|
{
|
7241
7251
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7248,7 +7258,7 @@ var Pagination = ({
|
|
7248
7258
|
strokeLinecap: "round",
|
7249
7259
|
strokeLinejoin: "round"
|
7250
7260
|
},
|
7251
|
-
/* @__PURE__ */
|
7261
|
+
/* @__PURE__ */ import_react41.default.createElement("path", { d: "m15 18-6-6 6-6" })
|
7252
7262
|
)
|
7253
7263
|
),
|
7254
7264
|
className: cn(
|
@@ -7265,14 +7275,14 @@ var Pagination = ({
|
|
7265
7275
|
};
|
7266
7276
|
|
7267
7277
|
// elements/passwordInput/PasswordInput.tsx
|
7268
|
-
var
|
7278
|
+
var import_react45 = __toESM(require("react"));
|
7269
7279
|
|
7270
7280
|
// icons/Emojis.tsx
|
7271
|
-
var
|
7281
|
+
var import_react42 = __toESM(require("react"));
|
7272
7282
|
|
7273
7283
|
// icons/InputIcons.tsx
|
7274
|
-
var
|
7275
|
-
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(
|
7276
7286
|
"svg",
|
7277
7287
|
{
|
7278
7288
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7283,10 +7293,10 @@ var EyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElement("d
|
|
7283
7293
|
strokeLinecap: "round",
|
7284
7294
|
strokeLinejoin: "round"
|
7285
7295
|
},
|
7286
|
-
/* @__PURE__ */
|
7287
|
-
/* @__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" })
|
7288
7298
|
));
|
7289
|
-
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(
|
7290
7300
|
"svg",
|
7291
7301
|
{
|
7292
7302
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -7297,20 +7307,20 @@ var HiddenEyeIcon = (props) => /* @__PURE__ */ import_react42.default.createElem
|
|
7297
7307
|
strokeLinecap: "round",
|
7298
7308
|
strokeLinejoin: "round"
|
7299
7309
|
},
|
7300
|
-
/* @__PURE__ */
|
7301
|
-
/* @__PURE__ */
|
7302
|
-
/* @__PURE__ */
|
7303
|
-
/* @__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" })
|
7304
7314
|
));
|
7305
7315
|
|
7306
7316
|
// icons/CommonIcons.tsx
|
7307
|
-
var
|
7317
|
+
var import_react44 = __toESM(require("react"));
|
7308
7318
|
var CheckMark = ({ size = "default", className }) => {
|
7309
7319
|
let sizeStyles2 = {
|
7310
7320
|
default: "hawa-h-5 hawa-w-5",
|
7311
7321
|
sm: "hawa-h-3 hawa-w-3"
|
7312
7322
|
};
|
7313
|
-
return /* @__PURE__ */
|
7323
|
+
return /* @__PURE__ */ import_react44.default.createElement(
|
7314
7324
|
"svg",
|
7315
7325
|
{
|
7316
7326
|
className: cn(sizeStyles2[size], className),
|
@@ -7318,7 +7328,7 @@ var CheckMark = ({ size = "default", className }) => {
|
|
7318
7328
|
fill: "currentColor",
|
7319
7329
|
viewBox: "0 0 20 20"
|
7320
7330
|
},
|
7321
|
-
/* @__PURE__ */
|
7331
|
+
/* @__PURE__ */ import_react44.default.createElement(
|
7322
7332
|
"path",
|
7323
7333
|
{
|
7324
7334
|
fillRule: "evenodd",
|
@@ -7333,7 +7343,7 @@ var UncheckMark = ({ size = "default", className }) => {
|
|
7333
7343
|
default: "hawa-h-5 hawa-w-5",
|
7334
7344
|
sm: "hawa-h-3 hawa-w-3"
|
7335
7345
|
};
|
7336
|
-
return /* @__PURE__ */
|
7346
|
+
return /* @__PURE__ */ import_react44.default.createElement(
|
7337
7347
|
"svg",
|
7338
7348
|
{
|
7339
7349
|
className: cn(sizeStyles2[size], className),
|
@@ -7341,7 +7351,7 @@ var UncheckMark = ({ size = "default", className }) => {
|
|
7341
7351
|
fill: "currentColor",
|
7342
7352
|
viewBox: "0 0 20 20"
|
7343
7353
|
},
|
7344
|
-
/* @__PURE__ */
|
7354
|
+
/* @__PURE__ */ import_react44.default.createElement(
|
7345
7355
|
"path",
|
7346
7356
|
{
|
7347
7357
|
fillRule: "evenodd",
|
@@ -7379,7 +7389,7 @@ var PasswordStrengthIndicator = ({ strength }) => {
|
|
7379
7389
|
strong: "80%",
|
7380
7390
|
"very-strong": "100%"
|
7381
7391
|
}[currentStrengthLevel];
|
7382
|
-
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(
|
7383
7393
|
"div",
|
7384
7394
|
{
|
7385
7395
|
className: `${strengthColors[currentStrengthLevel]} hawa-h-full hawa-rounded hawa-transition-all hawa-duration-300`,
|
@@ -7391,16 +7401,16 @@ var PasswordInput = ({
|
|
7391
7401
|
hidePopover,
|
7392
7402
|
...props
|
7393
7403
|
}) => {
|
7394
|
-
const [inputValue, setInputValue] = (0,
|
7395
|
-
const [isInputFocused, setIsInputFocused] = (0,
|
7396
|
-
const [currentStr, setCurrentStr] = (0,
|
7397
|
-
const [passwordVisible, setPasswordVisible] = (0,
|
7398
|
-
const [lengthCriteriaMet, setLengthCriteriaMet] = (0,
|
7399
|
-
const [numberCriteriaMet, setNumberCriteriaMet] = (0,
|
7400
|
-
const [specialCharCriteriaMet, setSpecialCharCriteriaMet] = (0,
|
7401
|
-
const [lowercaseCriteriaMet, setLowercaseCriteriaMet] = (0,
|
7402
|
-
const [uppercaseCriteriaMet, setUppercaseCriteriaMet] = (0,
|
7403
|
-
(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)(() => {
|
7404
7414
|
const calculateStrength = () => {
|
7405
7415
|
let strengthScore = 0;
|
7406
7416
|
if (lengthCriteriaMet)
|
@@ -7439,7 +7449,7 @@ var PasswordInput = ({
|
|
7439
7449
|
setIsInputFocused(false);
|
7440
7450
|
};
|
7441
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";
|
7442
|
-
return /* @__PURE__ */
|
7452
|
+
return /* @__PURE__ */ import_react45.default.createElement("div", null, /* @__PURE__ */ import_react45.default.createElement(
|
7443
7453
|
Popover,
|
7444
7454
|
{
|
7445
7455
|
width: "trigger",
|
@@ -7448,7 +7458,7 @@ var PasswordInput = ({
|
|
7448
7458
|
onOpenChange: setIsInputFocused,
|
7449
7459
|
triggerProps: { asChild: true },
|
7450
7460
|
contentProps: { onOpenAutoFocus: (e) => e.preventDefault() },
|
7451
|
-
trigger: /* @__PURE__ */
|
7461
|
+
trigger: /* @__PURE__ */ import_react45.default.createElement(
|
7452
7462
|
"div",
|
7453
7463
|
{
|
7454
7464
|
onClick: (e) => {
|
@@ -7458,7 +7468,7 @@ var PasswordInput = ({
|
|
7458
7468
|
}
|
7459
7469
|
}
|
7460
7470
|
},
|
7461
|
-
/* @__PURE__ */
|
7471
|
+
/* @__PURE__ */ import_react45.default.createElement(
|
7462
7472
|
Input,
|
7463
7473
|
{
|
7464
7474
|
width: "full",
|
@@ -7468,21 +7478,21 @@ var PasswordInput = ({
|
|
7468
7478
|
onFocus: handleInputFocus,
|
7469
7479
|
onBlur: handleInputBlur,
|
7470
7480
|
type: passwordVisible ? "text" : "password",
|
7471
|
-
endIcon: /* @__PURE__ */
|
7481
|
+
endIcon: /* @__PURE__ */ import_react45.default.createElement(
|
7472
7482
|
"div",
|
7473
7483
|
{
|
7474
7484
|
className: "hawa-cursor-pointer",
|
7475
7485
|
onClick: () => setPasswordVisible(!passwordVisible)
|
7476
7486
|
},
|
7477
|
-
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" }),
|
7478
7488
|
" "
|
7479
7489
|
)
|
7480
7490
|
}
|
7481
7491
|
)
|
7482
7492
|
)
|
7483
7493
|
},
|
7484
|
-
/* @__PURE__ */
|
7485
|
-
), /* @__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 }));
|
7486
7496
|
};
|
7487
7497
|
|
7488
7498
|
// elements/slider/Slider.tsx
|
@@ -7597,12 +7607,12 @@ var Separator2 = ({
|
|
7597
7607
|
);
|
7598
7608
|
|
7599
7609
|
// elements/scrollIndicator/ScrollIndicator.tsx
|
7600
|
-
var
|
7610
|
+
var import_react46 = __toESM(require("react"));
|
7601
7611
|
var ScrollIndicator = ({
|
7602
7612
|
anchor,
|
7603
7613
|
inContainer = false
|
7604
7614
|
}) => {
|
7605
|
-
const [scrollPercentage, setScrollPercentage] = (0,
|
7615
|
+
const [scrollPercentage, setScrollPercentage] = (0, import_react46.useState)(0);
|
7606
7616
|
const onScroll = () => {
|
7607
7617
|
const scrollElement = anchor.current;
|
7608
7618
|
if (scrollElement) {
|
@@ -7613,7 +7623,7 @@ var ScrollIndicator = ({
|
|
7613
7623
|
setScrollPercentage(percentageScrolled);
|
7614
7624
|
}
|
7615
7625
|
};
|
7616
|
-
(0,
|
7626
|
+
(0, import_react46.useEffect)(() => {
|
7617
7627
|
if (!anchor.current)
|
7618
7628
|
return;
|
7619
7629
|
anchor.current.addEventListener("scroll", onScroll);
|
@@ -7622,7 +7632,7 @@ var ScrollIndicator = ({
|
|
7622
7632
|
(_a = anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
|
7623
7633
|
};
|
7624
7634
|
}, [anchor]);
|
7625
|
-
return /* @__PURE__ */
|
7635
|
+
return /* @__PURE__ */ import_react46.default.createElement(
|
7626
7636
|
"div",
|
7627
7637
|
{
|
7628
7638
|
style: {
|
@@ -7638,11 +7648,11 @@ var ScrollIndicator = ({
|
|
7638
7648
|
};
|
7639
7649
|
|
7640
7650
|
// elements/codeBlock/CodeBlock.tsx
|
7641
|
-
var
|
7651
|
+
var import_react47 = __toESM(require("react"));
|
7642
7652
|
var import_prism_react_renderer = require("prism-react-renderer");
|
7643
7653
|
(typeof global !== "undefined" ? global : window).Prism = import_prism_react_renderer.Prism;
|
7644
7654
|
require("prismjs/components/prism-bash");
|
7645
|
-
var CopyIcon = () => /* @__PURE__ */
|
7655
|
+
var CopyIcon = () => /* @__PURE__ */ import_react47.default.createElement(
|
7646
7656
|
"svg",
|
7647
7657
|
{
|
7648
7658
|
"aria-label": "Copy",
|
@@ -7655,8 +7665,8 @@ var CopyIcon = () => /* @__PURE__ */ import_react46.default.createElement(
|
|
7655
7665
|
height: "1em",
|
7656
7666
|
width: "1em"
|
7657
7667
|
},
|
7658
|
-
/* @__PURE__ */
|
7659
|
-
/* @__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" })
|
7660
7670
|
);
|
7661
7671
|
var CodeBlock = ({
|
7662
7672
|
tabs,
|
@@ -7670,7 +7680,7 @@ var CodeBlock = ({
|
|
7670
7680
|
...props
|
7671
7681
|
}) => {
|
7672
7682
|
const clipboard = useClipboard();
|
7673
|
-
const [selectedTab, setSelectedTab] = (0,
|
7683
|
+
const [selectedTab, setSelectedTab] = (0, import_react47.useState)(0);
|
7674
7684
|
const theme = import_prism_react_renderer.themes.oceanicNext;
|
7675
7685
|
let widthStyles = {
|
7676
7686
|
full: "hawa-w-full",
|
@@ -7678,7 +7688,7 @@ var CodeBlock = ({
|
|
7678
7688
|
sm: "hawa-w-full hawa-max-w-sm",
|
7679
7689
|
xs: "hawa-w-full hawa-max-w-xs"
|
7680
7690
|
};
|
7681
|
-
return /* @__PURE__ */
|
7691
|
+
return /* @__PURE__ */ import_react47.default.createElement(
|
7682
7692
|
"div",
|
7683
7693
|
{
|
7684
7694
|
className: cn(
|
@@ -7687,7 +7697,7 @@ var CodeBlock = ({
|
|
7687
7697
|
classNames == null ? void 0 : classNames.root
|
7688
7698
|
)
|
7689
7699
|
},
|
7690
|
-
fileName && /* @__PURE__ */
|
7700
|
+
fileName && /* @__PURE__ */ import_react47.default.createElement(
|
7691
7701
|
"div",
|
7692
7702
|
{
|
7693
7703
|
className: cn(
|
@@ -7696,7 +7706,7 @@ var CodeBlock = ({
|
|
7696
7706
|
classNames == null ? void 0 : classNames.fileName
|
7697
7707
|
)
|
7698
7708
|
},
|
7699
|
-
/* @__PURE__ */
|
7709
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7700
7710
|
"div",
|
7701
7711
|
{
|
7702
7712
|
className: cn(
|
@@ -7706,7 +7716,7 @@ var CodeBlock = ({
|
|
7706
7716
|
fileName
|
7707
7717
|
)
|
7708
7718
|
),
|
7709
|
-
tabs && /* @__PURE__ */
|
7719
|
+
tabs && /* @__PURE__ */ import_react47.default.createElement(
|
7710
7720
|
"div",
|
7711
7721
|
{
|
7712
7722
|
className: cn(
|
@@ -7715,7 +7725,7 @@ var CodeBlock = ({
|
|
7715
7725
|
classNames == null ? void 0 : classNames.tabs
|
7716
7726
|
)
|
7717
7727
|
},
|
7718
|
-
tabs.map((tab, i) => /* @__PURE__ */
|
7728
|
+
tabs.map((tab, i) => /* @__PURE__ */ import_react47.default.createElement(
|
7719
7729
|
"div",
|
7720
7730
|
{
|
7721
7731
|
key: i,
|
@@ -7724,7 +7734,7 @@ var CodeBlock = ({
|
|
7724
7734
|
classNames == null ? void 0 : classNames.tab
|
7725
7735
|
)
|
7726
7736
|
},
|
7727
|
-
/* @__PURE__ */
|
7737
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7728
7738
|
"div",
|
7729
7739
|
{
|
7730
7740
|
onClick: () => setSelectedTab(i),
|
@@ -7736,7 +7746,7 @@ var CodeBlock = ({
|
|
7736
7746
|
)
|
7737
7747
|
))
|
7738
7748
|
),
|
7739
|
-
/* @__PURE__ */
|
7749
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7740
7750
|
"div",
|
7741
7751
|
{
|
7742
7752
|
className: cn(
|
@@ -7746,22 +7756,22 @@ var CodeBlock = ({
|
|
7746
7756
|
"hawa-overflow-y-auto"
|
7747
7757
|
)
|
7748
7758
|
},
|
7749
|
-
/* @__PURE__ */
|
7759
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7750
7760
|
"div",
|
7751
7761
|
{
|
7752
7762
|
className: cn(
|
7753
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"
|
7754
7764
|
)
|
7755
7765
|
},
|
7756
|
-
/* @__PURE__ */
|
7766
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7757
7767
|
Tooltip,
|
7758
7768
|
{
|
7759
7769
|
open: clipboard.copied,
|
7760
7770
|
side: "left",
|
7761
|
-
content: /* @__PURE__ */
|
7771
|
+
content: /* @__PURE__ */ import_react47.default.createElement("div", null, "Copied!"),
|
7762
7772
|
triggerProps: { asChild: true }
|
7763
7773
|
},
|
7764
|
-
/* @__PURE__ */
|
7774
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7765
7775
|
Button,
|
7766
7776
|
{
|
7767
7777
|
size: "smallIcon",
|
@@ -7769,18 +7779,18 @@ var CodeBlock = ({
|
|
7769
7779
|
variant: "outline",
|
7770
7780
|
className: "hawa-text-gray-200 hawa-opacity-50 dark:hawa-border-gray-200 dark:hover:hawa-border-gray-400"
|
7771
7781
|
},
|
7772
|
-
/* @__PURE__ */
|
7782
|
+
/* @__PURE__ */ import_react47.default.createElement(CopyIcon, null)
|
7773
7783
|
)
|
7774
7784
|
)
|
7775
7785
|
),
|
7776
|
-
/* @__PURE__ */
|
7786
|
+
/* @__PURE__ */ import_react47.default.createElement(
|
7777
7787
|
import_prism_react_renderer.Highlight,
|
7778
7788
|
{
|
7779
7789
|
theme,
|
7780
7790
|
code: tabs ? tabs[selectedTab].code : code || "",
|
7781
7791
|
language
|
7782
7792
|
},
|
7783
|
-
({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */
|
7793
|
+
({ tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ import_react47.default.createElement(
|
7784
7794
|
"pre",
|
7785
7795
|
{
|
7786
7796
|
className: cn(
|
@@ -7790,7 +7800,7 @@ var CodeBlock = ({
|
|
7790
7800
|
wrapText && "hawa-text-wrap"
|
7791
7801
|
)
|
7792
7802
|
},
|
7793
|
-
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 }) }))))
|
7794
7804
|
)
|
7795
7805
|
)
|
7796
7806
|
)
|
@@ -7798,7 +7808,7 @@ var CodeBlock = ({
|
|
7798
7808
|
};
|
7799
7809
|
|
7800
7810
|
// elements/carousel/Carousel.tsx
|
7801
|
-
var
|
7811
|
+
var import_react48 = __toESM(require("react"));
|
7802
7812
|
var import_embla_carousel_react2 = __toESM(require("embla-carousel-react"));
|
7803
7813
|
var Carousel = ({
|
7804
7814
|
items,
|
@@ -7814,8 +7824,8 @@ var Carousel = ({
|
|
7814
7824
|
direction,
|
7815
7825
|
loop: autoplay ? true : (options == null ? void 0 : options.loop) || false
|
7816
7826
|
});
|
7817
|
-
const [selectedIndex, setSelectedIndex] = (0,
|
7818
|
-
(0,
|
7827
|
+
const [selectedIndex, setSelectedIndex] = (0, import_react48.useState)(0);
|
7828
|
+
(0, import_react48.useEffect)(() => {
|
7819
7829
|
function selectHandler() {
|
7820
7830
|
const index = emblaApi == null ? void 0 : emblaApi.selectedScrollSnap();
|
7821
7831
|
setSelectedIndex(index || 0);
|
@@ -7825,7 +7835,7 @@ var Carousel = ({
|
|
7825
7835
|
emblaApi == null ? void 0 : emblaApi.off("select", selectHandler);
|
7826
7836
|
};
|
7827
7837
|
}, [emblaApi]);
|
7828
|
-
(0,
|
7838
|
+
(0, import_react48.useEffect)(() => {
|
7829
7839
|
let autoplayTimer;
|
7830
7840
|
if (autoplay && emblaApi) {
|
7831
7841
|
autoplayTimer = setInterval(() => {
|
@@ -7837,17 +7847,17 @@ var Carousel = ({
|
|
7837
7847
|
clearInterval(autoplayTimer);
|
7838
7848
|
};
|
7839
7849
|
}, [emblaApi, autoplay, autoplayInterval]);
|
7840
|
-
const length =
|
7850
|
+
const length = import_react48.default.Children.count(items);
|
7841
7851
|
const canScrollNext = !!(emblaApi == null ? void 0 : emblaApi.canScrollNext());
|
7842
7852
|
const canScrollPrev = !!(emblaApi == null ? void 0 : emblaApi.canScrollPrev());
|
7843
|
-
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(
|
7844
7854
|
"div",
|
7845
7855
|
{
|
7846
7856
|
key: i,
|
7847
7857
|
className: "hawa-flex hawa-h-full hawa-min-w-0 hawa-flex-[0_0_100%] hawa-items-center hawa-justify-center"
|
7848
7858
|
},
|
7849
7859
|
item
|
7850
|
-
))))), /* @__PURE__ */
|
7860
|
+
))))), /* @__PURE__ */ import_react48.default.createElement(
|
7851
7861
|
Dots,
|
7852
7862
|
{
|
7853
7863
|
direction,
|
@@ -7855,7 +7865,7 @@ var Carousel = ({
|
|
7855
7865
|
selectedIndex,
|
7856
7866
|
onDotClick: (index) => emblaApi == null ? void 0 : emblaApi.scrollTo(index)
|
7857
7867
|
}
|
7858
|
-
), showArrows && /* @__PURE__ */
|
7868
|
+
), showArrows && /* @__PURE__ */ import_react48.default.createElement(
|
7859
7869
|
CarouselControls,
|
7860
7870
|
{
|
7861
7871
|
canScrollNext,
|
@@ -7872,7 +7882,7 @@ var Dots = ({
|
|
7872
7882
|
direction
|
7873
7883
|
}) => {
|
7874
7884
|
const arr = new Array(itemsLength).fill(0);
|
7875
|
-
return /* @__PURE__ */
|
7885
|
+
return /* @__PURE__ */ import_react48.default.createElement(
|
7876
7886
|
"div",
|
7877
7887
|
{
|
7878
7888
|
dir: direction,
|
@@ -7880,7 +7890,7 @@ var Dots = ({
|
|
7880
7890
|
},
|
7881
7891
|
arr.map((_, index) => {
|
7882
7892
|
const selected = index === selectedIndex;
|
7883
|
-
return /* @__PURE__ */
|
7893
|
+
return /* @__PURE__ */ import_react48.default.createElement(
|
7884
7894
|
"div",
|
7885
7895
|
{
|
7886
7896
|
key: index,
|
@@ -7895,7 +7905,7 @@ var Dots = ({
|
|
7895
7905
|
);
|
7896
7906
|
};
|
7897
7907
|
var CarouselControls = (props) => {
|
7898
|
-
return /* @__PURE__ */
|
7908
|
+
return /* @__PURE__ */ import_react48.default.createElement("div", { className: "hawa-flex hawa-justify-end hawa-gap-2 " }, /* @__PURE__ */ import_react48.default.createElement(
|
7899
7909
|
"button",
|
7900
7910
|
{
|
7901
7911
|
onClick: () => props.canScrollPrev && props.onPrev(),
|
@@ -7906,7 +7916,7 @@ var CarouselControls = (props) => {
|
|
7906
7916
|
props.canScrollPrev && "hawa-bg-primary"
|
7907
7917
|
)
|
7908
7918
|
},
|
7909
|
-
/* @__PURE__ */
|
7919
|
+
/* @__PURE__ */ import_react48.default.createElement(
|
7910
7920
|
"svg",
|
7911
7921
|
{
|
7912
7922
|
"aria-label": "Chevron Right Icon",
|
@@ -7915,9 +7925,9 @@ var CarouselControls = (props) => {
|
|
7915
7925
|
viewBox: "0 0 16 16",
|
7916
7926
|
className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-rotate-180 hawa-transition-transform hawa-duration-200 "
|
7917
7927
|
},
|
7918
|
-
/* @__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" })
|
7919
7929
|
)
|
7920
|
-
), /* @__PURE__ */
|
7930
|
+
), /* @__PURE__ */ import_react48.default.createElement(
|
7921
7931
|
"button",
|
7922
7932
|
{
|
7923
7933
|
onClick: () => props.canScrollNext && props.onNext(),
|
@@ -7928,7 +7938,7 @@ var CarouselControls = (props) => {
|
|
7928
7938
|
props.canScrollNext && "hawa-bg-primary"
|
7929
7939
|
)
|
7930
7940
|
},
|
7931
|
-
/* @__PURE__ */
|
7941
|
+
/* @__PURE__ */ import_react48.default.createElement(
|
7932
7942
|
"svg",
|
7933
7943
|
{
|
7934
7944
|
"aria-label": "Chevron Right Icon",
|
@@ -7937,15 +7947,15 @@ var CarouselControls = (props) => {
|
|
7937
7947
|
viewBox: "0 0 16 16",
|
7938
7948
|
className: "hawa-h-2 hawa-w-2 hawa-shrink-0 hawa-transition-transform hawa-duration-200 "
|
7939
7949
|
},
|
7940
|
-
/* @__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" })
|
7941
7951
|
)
|
7942
7952
|
));
|
7943
7953
|
};
|
7944
7954
|
|
7945
7955
|
// elements/count/Count.tsx
|
7946
|
-
var
|
7956
|
+
var import_react49 = __toESM(require("react"));
|
7947
7957
|
var Count = (props) => {
|
7948
|
-
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));
|
7949
7959
|
};
|
7950
7960
|
|
7951
7961
|
// elements/toast/Toast.tsx
|
@@ -8086,11 +8096,11 @@ var ToastDescription = React68.forwardRef(({ className, size = "default", ...pro
|
|
8086
8096
|
ToastDescription.displayName = ToastPrimitives.Description.displayName;
|
8087
8097
|
|
8088
8098
|
// elements/toaster/Toaster.tsx
|
8089
|
-
var
|
8099
|
+
var import_react50 = __toESM(require("react"));
|
8090
8100
|
function Toaster(props) {
|
8091
8101
|
var _a;
|
8092
8102
|
let isRTL = props.direction === "rtl";
|
8093
|
-
return /* @__PURE__ */
|
8103
|
+
return /* @__PURE__ */ import_react50.default.createElement(ToastProvider, { swipeDirection: isRTL ? "left" : "right" }, (_a = props.toasts) == null ? void 0 : _a.map(function({
|
8094
8104
|
id,
|
8095
8105
|
title,
|
8096
8106
|
description,
|
@@ -8098,7 +8108,7 @@ function Toaster(props) {
|
|
8098
8108
|
action,
|
8099
8109
|
...toastProps
|
8100
8110
|
}) {
|
8101
|
-
return /* @__PURE__ */
|
8111
|
+
return /* @__PURE__ */ import_react50.default.createElement(Toast, { direction: props.direction, key: id, ...toastProps }, /* @__PURE__ */ import_react50.default.createElement(
|
8102
8112
|
"div",
|
8103
8113
|
{
|
8104
8114
|
className: cn(
|
@@ -8106,9 +8116,9 @@ function Toaster(props) {
|
|
8106
8116
|
action && "hawa-justify-between"
|
8107
8117
|
)
|
8108
8118
|
},
|
8109
|
-
/* @__PURE__ */
|
8110
|
-
/* @__PURE__ */
|
8111
|
-
/* @__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(
|
8112
8122
|
"div",
|
8113
8123
|
{
|
8114
8124
|
className: cn(
|
@@ -8116,11 +8126,11 @@ function Toaster(props) {
|
|
8116
8126
|
{ "hawa-p-4": size === "default", "hawa-p-2": size === "sm" }
|
8117
8127
|
)
|
8118
8128
|
},
|
8119
|
-
/* @__PURE__ */
|
8120
|
-
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)
|
8121
8131
|
)
|
8122
8132
|
));
|
8123
|
-
}), /* @__PURE__ */
|
8133
|
+
}), /* @__PURE__ */ import_react50.default.createElement(
|
8124
8134
|
ToastViewport,
|
8125
8135
|
{
|
8126
8136
|
className: cn("hawa-gap-2", isRTL && "hawa-fixed hawa-left-0")
|
@@ -8129,20 +8139,20 @@ function Toaster(props) {
|
|
8129
8139
|
}
|
8130
8140
|
|
8131
8141
|
// elements/destroyableCard/DestroyableCard.tsx
|
8132
|
-
var
|
8142
|
+
var import_react51 = __toESM(require("react"));
|
8133
8143
|
var DestroyableCard = ({
|
8134
8144
|
position = "bottom-right",
|
8135
8145
|
fixed,
|
8136
8146
|
direction,
|
8137
8147
|
...props
|
8138
8148
|
}) => {
|
8139
|
-
const [closed, setClosed] = (0,
|
8140
|
-
const popUpRef = (0,
|
8149
|
+
const [closed, setClosed] = (0, import_react51.useState)(false);
|
8150
|
+
const popUpRef = (0, import_react51.useRef)(null);
|
8141
8151
|
const boxPosition = {
|
8142
8152
|
"bottom-right": "hawa-right-4 hawa-bottom-4",
|
8143
8153
|
"bottom-left": "hawa-left-4 hawa-bottom-4"
|
8144
8154
|
};
|
8145
|
-
return /* @__PURE__ */
|
8155
|
+
return /* @__PURE__ */ import_react51.default.createElement(
|
8146
8156
|
"div",
|
8147
8157
|
{
|
8148
8158
|
className: cn(
|
@@ -8151,7 +8161,7 @@ var DestroyableCard = ({
|
|
8151
8161
|
),
|
8152
8162
|
ref: popUpRef
|
8153
8163
|
},
|
8154
|
-
/* @__PURE__ */
|
8164
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8155
8165
|
Card,
|
8156
8166
|
{
|
8157
8167
|
className: cn(
|
@@ -8160,7 +8170,7 @@ var DestroyableCard = ({
|
|
8160
8170
|
),
|
8161
8171
|
dir: direction
|
8162
8172
|
},
|
8163
|
-
/* @__PURE__ */
|
8173
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8164
8174
|
"button",
|
8165
8175
|
{
|
8166
8176
|
type: "button",
|
@@ -8179,7 +8189,7 @@ var DestroyableCard = ({
|
|
8179
8189
|
}, 200);
|
8180
8190
|
}
|
8181
8191
|
},
|
8182
|
-
/* @__PURE__ */
|
8192
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8183
8193
|
"svg",
|
8184
8194
|
{
|
8185
8195
|
"aria-hidden": "true",
|
@@ -8187,7 +8197,7 @@ var DestroyableCard = ({
|
|
8187
8197
|
fill: "currentColor",
|
8188
8198
|
viewBox: "0 0 20 20"
|
8189
8199
|
},
|
8190
|
-
/* @__PURE__ */
|
8200
|
+
/* @__PURE__ */ import_react51.default.createElement(
|
8191
8201
|
"path",
|
8192
8202
|
{
|
8193
8203
|
fillRule: "evenodd",
|
@@ -8197,13 +8207,13 @@ var DestroyableCard = ({
|
|
8197
8207
|
)
|
8198
8208
|
)
|
8199
8209
|
),
|
8200
|
-
/* @__PURE__ */
|
8210
|
+
/* @__PURE__ */ import_react51.default.createElement(CardContent, { headless: true }, props.children)
|
8201
8211
|
)
|
8202
8212
|
);
|
8203
8213
|
};
|
8204
8214
|
|
8205
8215
|
// elements/interfaceSettings/InterfaceSettings.tsx
|
8206
|
-
var
|
8216
|
+
var import_react52 = __toESM(require("react"));
|
8207
8217
|
var InterfaceSettings = ({
|
8208
8218
|
orientation = "horizontal",
|
8209
8219
|
width = "default",
|
@@ -8211,13 +8221,13 @@ var InterfaceSettings = ({
|
|
8211
8221
|
handleLanguage,
|
8212
8222
|
...props
|
8213
8223
|
}) => {
|
8214
|
-
const [color, setColor] = (0,
|
8215
|
-
const [language, setLanguage] = (0,
|
8224
|
+
const [color, setColor] = (0, import_react52.useState)(props.currentColorMode);
|
8225
|
+
const [language, setLanguage] = (0, import_react52.useState)(props.currentLanguage);
|
8216
8226
|
let orientationStyle = {
|
8217
8227
|
horizontal: "hawa-flex hawa-flex-row hawa-justify-between",
|
8218
8228
|
vertical: "hawa-flex hawa-flex-col hawa-items-center hawa-gap-2"
|
8219
8229
|
};
|
8220
|
-
return /* @__PURE__ */
|
8230
|
+
return /* @__PURE__ */ import_react52.default.createElement("div", { className: cn(orientationStyle[orientation]) }, /* @__PURE__ */ import_react52.default.createElement(
|
8221
8231
|
Radio,
|
8222
8232
|
{
|
8223
8233
|
name: "language",
|
@@ -8235,7 +8245,7 @@ var InterfaceSettings = ({
|
|
8235
8245
|
{ value: "en", label: "English" }
|
8236
8246
|
]
|
8237
8247
|
}
|
8238
|
-
), /* @__PURE__ */
|
8248
|
+
), /* @__PURE__ */ import_react52.default.createElement(
|
8239
8249
|
Radio,
|
8240
8250
|
{
|
8241
8251
|
name: "theme",
|
@@ -8251,7 +8261,7 @@ var InterfaceSettings = ({
|
|
8251
8261
|
options: [
|
8252
8262
|
{
|
8253
8263
|
value: "light",
|
8254
|
-
label: /* @__PURE__ */
|
8264
|
+
label: /* @__PURE__ */ import_react52.default.createElement(
|
8255
8265
|
"svg",
|
8256
8266
|
{
|
8257
8267
|
width: "15",
|
@@ -8261,7 +8271,7 @@ var InterfaceSettings = ({
|
|
8261
8271
|
xmlns: "http://www.w3.org/2000/svg",
|
8262
8272
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-rotate-0 hawa-scale-100 hawa-transition-all dark:hawa--rotate-90"
|
8263
8273
|
},
|
8264
|
-
/* @__PURE__ */
|
8274
|
+
/* @__PURE__ */ import_react52.default.createElement(
|
8265
8275
|
"path",
|
8266
8276
|
{
|
8267
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",
|
@@ -8272,7 +8282,7 @@ var InterfaceSettings = ({
|
|
8272
8282
|
},
|
8273
8283
|
{
|
8274
8284
|
value: "dark",
|
8275
|
-
label: /* @__PURE__ */
|
8285
|
+
label: /* @__PURE__ */ import_react52.default.createElement(
|
8276
8286
|
"svg",
|
8277
8287
|
{
|
8278
8288
|
xmlns: "http://www.w3.org/2000/svg",
|
@@ -8283,7 +8293,7 @@ var InterfaceSettings = ({
|
|
8283
8293
|
stroke: "currentColor",
|
8284
8294
|
className: "hawa-h-[1.2rem] hawa-w-[1.2rem] hawa-transition-all dark:hawa-rotate-0 dark:hawa-scale-100"
|
8285
8295
|
},
|
8286
|
-
/* @__PURE__ */
|
8296
|
+
/* @__PURE__ */ import_react52.default.createElement("path", { d: "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z" })
|
8287
8297
|
)
|
8288
8298
|
}
|
8289
8299
|
]
|
@@ -8292,14 +8302,14 @@ var InterfaceSettings = ({
|
|
8292
8302
|
};
|
8293
8303
|
|
8294
8304
|
// elements/phoneMockup/PhoneMockup.tsx
|
8295
|
-
var
|
8305
|
+
var import_react53 = __toESM(require("react"));
|
8296
8306
|
var PhoneMockup = ({
|
8297
8307
|
children,
|
8298
8308
|
upperOverlayGradiant,
|
8299
8309
|
lowerOverlayGradiant,
|
8300
8310
|
phone,
|
8301
8311
|
hideButtons
|
8302
|
-
}) => /* @__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)]" }));
|
8303
8313
|
// Annotate the CommonJS export names for ESM import in node:
|
8304
8314
|
0 && (module.exports = {
|
8305
8315
|
Accordion,
|