@ecohouse/ui 0.1.30 → 0.1.32
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/README.md +5 -0
- package/dist/index.cjs +1131 -339
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +147 -5
- package/dist/index.d.ts +147 -5
- package/dist/index.js +1058 -286
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/AccountHeader/AccountHeader.stories.tsx +70 -0
- package/src/components/AccountHeader/AccountHeader.tsx +224 -0
- package/src/components/AccountHeader/index.ts +2 -0
- package/src/components/AvatarSimple/AvatarSimple.tsx +2 -2
- package/src/components/Button/Button.tsx +4 -1
- package/src/components/DatePicker/DatePicker.tsx +14 -9
- package/src/components/FloatingActionButton/FloatingActionButton.stories.tsx +42 -0
- package/src/components/FloatingActionButton/FloatingActionButton.tsx +77 -0
- package/src/components/FloatingActionButton/index.ts +2 -0
- package/src/components/InfoTile/InfoTile.stories.tsx +80 -0
- package/src/components/InfoTile/InfoTile.tsx +118 -0
- package/src/components/InfoTile/index.ts +2 -0
- package/src/components/PaginationDots/PaginationDots.stories.tsx +48 -0
- package/src/components/PaginationDots/PaginationDots.tsx +111 -0
- package/src/components/PaginationDots/index.ts +2 -0
- package/src/components/Sidebar/Sidebar.tsx +9 -1
- package/src/components/StatusBadge/StatusBadge.stories.tsx +54 -0
- package/src/components/StatusBadge/StatusBadge.tsx +108 -0
- package/src/components/StatusBadge/index.ts +2 -0
- package/src/components/StepList/StepList.stories.tsx +37 -0
- package/src/components/StepList/StepList.tsx +152 -0
- package/src/components/StepList/index.ts +2 -0
- package/src/components/index.ts +18 -0
- package/src/icons/AlertTriangle/AlertTriangleIcon.tsx +19 -0
- package/src/icons/AlertTriangle/AlertTriangleIcon.web.tsx +18 -0
- package/src/icons/AlertTriangle/alertTrianglePath.ts +3 -0
- package/src/icons/AlertTriangle/index.ts +1 -0
- package/src/icons/Bell/BellIcon.tsx +2 -2
- package/src/icons/Bell/BellIcon.web.tsx +2 -2
- package/src/icons/Bell/bellPath.ts +1 -1
- package/src/icons/CottageDetail/CottageDetailIcons.tsx +15 -0
- package/src/icons/CottageDetail/CottageDetailIcons.web.tsx +15 -0
- package/src/icons/CottageDetail/cottageDetailPaths.ts +3 -0
- package/src/icons/CottageDetail/index.ts +1 -0
- package/src/icons/Edit/EditIcon.tsx +20 -0
- package/src/icons/Edit/EditIcon.web.tsx +19 -0
- package/src/icons/Edit/editPath.ts +3 -0
- package/src/icons/Edit/index.ts +1 -0
- package/src/icons/HouseRules/HouseRulesIcons.tsx +62 -0
- package/src/icons/HouseRules/HouseRulesIcons.web.tsx +61 -0
- package/src/icons/HouseRules/houseRulesPaths.ts +24 -0
- package/src/icons/HouseRules/index.ts +2 -0
- package/src/icons/LocationUser/LocationUserIcon.tsx +15 -0
- package/src/icons/LocationUser/LocationUserIcon.web.tsx +14 -0
- package/src/icons/LocationUser/index.ts +1 -0
- package/src/icons/LocationUser/locationUserPath.ts +2 -0
- package/src/icons/Lock/LockIcon.tsx +21 -0
- package/src/icons/Lock/LockIcon.web.tsx +26 -0
- package/src/icons/Lock/index.ts +1 -0
- package/src/icons/Lock/lockPath.ts +3 -0
- package/src/icons/Refresh/RefreshIcon.tsx +20 -0
- package/src/icons/Refresh/RefreshIcon.web.tsx +19 -0
- package/src/icons/Refresh/index.ts +1 -0
- package/src/icons/Refresh/refreshPath.ts +3 -0
- package/src/icons/RefundStatus/RefundStatusIcon.tsx +24 -0
- package/src/icons/RefundStatus/RefundStatusIcon.web.tsx +23 -0
- package/src/icons/RefundStatus/index.ts +1 -0
- package/src/icons/RefundStatus/refundStatusPath.ts +3 -0
- package/src/icons/index.ts +8 -0
- package/src/icons/registry.ts +30 -0
- package/src/index.ts +26 -0
- package/src/theme/colors.ts +4 -0
- package/src/theme/typography.ts +1 -1
- package/src/utils/dateUtils.ts +25 -0
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { forwardRef, useRef, useMemo, useState, useCallback, useEffect, useImperativeHandle, useLayoutEffect, isValidElement, cloneElement } from 'react';
|
|
2
2
|
import { View, Text, Platform, Pressable, StyleSheet, Image, Animated, Easing, TouchableOpacity, TextInput, useWindowDimensions, ScrollView, PanResponder } from 'react-native';
|
|
3
|
-
import
|
|
3
|
+
import Svg18, { Path } from 'react-native-svg';
|
|
4
4
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
// src/components/Avatar/Avatar.tsx
|
|
@@ -41,10 +41,13 @@ var colors = {
|
|
|
41
41
|
red: "#A63E3E",
|
|
42
42
|
lightGrey: "#B7B7B7",
|
|
43
43
|
green: "#34A853",
|
|
44
|
+
greenMuted: "#34A85329",
|
|
44
45
|
primaryMuted: "#B464360F",
|
|
45
46
|
primaryHover: "#B4643633",
|
|
46
47
|
redMuted: "#A63E3E0F",
|
|
47
48
|
redHover: "#A63E3E33",
|
|
49
|
+
greyMuted: "#76767629",
|
|
50
|
+
cancelledMuted: "#A63E3E29",
|
|
48
51
|
grey0: grey["0"],
|
|
49
52
|
grey50: grey["0.5"],
|
|
50
53
|
grey100: grey["1"],
|
|
@@ -54,6 +57,7 @@ var colors = {
|
|
|
54
57
|
grey400: grey["4"],
|
|
55
58
|
grey500: grey["5"],
|
|
56
59
|
grey600: grey["6"],
|
|
60
|
+
grey650: "#1B1B1B",
|
|
57
61
|
grey700: grey["7"],
|
|
58
62
|
grey750: grey["7.5"],
|
|
59
63
|
grey800: grey["8"],
|
|
@@ -228,7 +232,7 @@ var datePickerTypography = {
|
|
|
228
232
|
fontFamily: fonts.sans,
|
|
229
233
|
fontSize: 12,
|
|
230
234
|
fontWeight: "400",
|
|
231
|
-
lineHeight:
|
|
235
|
+
lineHeight: 14,
|
|
232
236
|
letterSpacing: 0.36
|
|
233
237
|
},
|
|
234
238
|
rangeLabel: {
|
|
@@ -304,7 +308,7 @@ function ArrowRightIcon({
|
|
|
304
308
|
color = colors.primary,
|
|
305
309
|
strokeWidth = 2
|
|
306
310
|
}) {
|
|
307
|
-
return /* @__PURE__ */ jsx(
|
|
311
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
308
312
|
Path,
|
|
309
313
|
{
|
|
310
314
|
d: ARROW_RIGHT_PATH,
|
|
@@ -316,6 +320,21 @@ function ArrowRightIcon({
|
|
|
316
320
|
) });
|
|
317
321
|
}
|
|
318
322
|
|
|
323
|
+
// src/icons/AlertTriangle/alertTrianglePath.ts
|
|
324
|
+
var ALERT_TRIANGLE_PATH = "M8.00049 6.00015V8.66682M8.00049 11.3335H8.00715M7.07737 2.59464L1.59411 12.0657C1.28997 12.591 1.1379 12.8537 1.16038 13.0693C1.17998 13.2573 1.2785 13.4282 1.4314 13.5394C1.60671 13.6668 1.91022 13.6668 2.51723 13.6668H13.4837C14.0908 13.6668 14.3943 13.6668 14.5696 13.5394C14.7225 13.4282 14.821 13.2573 14.8406 13.0693C14.8631 12.8537 14.711 12.591 14.4069 12.0657L8.92361 2.59463C8.62056 2.07119 8.46904 1.80947 8.27135 1.72157C8.09892 1.64489 7.90206 1.64489 7.72962 1.72157C7.53194 1.80947 7.38041 2.07119 7.07737 2.59464Z";
|
|
325
|
+
function AlertTriangleIcon({ size = 16, color = "#E38E5E", strokeWidth = 1.5 }) {
|
|
326
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
327
|
+
Path,
|
|
328
|
+
{
|
|
329
|
+
d: ALERT_TRIANGLE_PATH,
|
|
330
|
+
stroke: color,
|
|
331
|
+
strokeWidth,
|
|
332
|
+
strokeLinecap: "round",
|
|
333
|
+
strokeLinejoin: "round"
|
|
334
|
+
}
|
|
335
|
+
) });
|
|
336
|
+
}
|
|
337
|
+
|
|
319
338
|
// src/icons/Store/storeMarkPaths.ts
|
|
320
339
|
var APPLE_PATHS = [
|
|
321
340
|
"M20.8806 15.9539C20.8958 14.804 21.2087 13.6766 21.7901 12.6765C22.3715 11.6763 23.2026 10.8361 24.206 10.2338C23.5685 9.34496 22.7276 8.6135 21.7499 8.0975C20.7723 7.58149 19.6849 7.29515 18.574 7.26122C16.2044 7.01838 13.9072 8.64554 12.6997 8.64554C11.4688 8.64554 9.6097 7.28533 7.6077 7.32554C6.31276 7.36638 5.05074 7.73402 3.9446 8.39262C2.83847 9.05123 1.92593 9.97834 1.29592 11.0836C-1.4331 15.6966 0.602506 22.4762 3.21673 26.205C4.52469 28.0309 6.0533 30.0704 8.05349 29.9981C10.0108 29.9189 10.7418 28.7796 13.1044 28.7796C15.4451 28.7796 16.1309 29.9981 18.1717 29.9521C20.272 29.9189 21.5953 28.1181 22.8573 26.275C23.7971 24.9739 24.5203 23.536 25 22.0145C23.7798 21.5107 22.7385 20.6673 22.006 19.5895C21.2734 18.5118 20.882 17.2474 20.8806 15.9539Z",
|
|
@@ -340,16 +359,16 @@ var GOOGLE_PLAY_PATHS = [
|
|
|
340
359
|
}
|
|
341
360
|
];
|
|
342
361
|
function AppleIcon({ size = 30, color = colors.white }) {
|
|
343
|
-
return /* @__PURE__ */ jsx(
|
|
362
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size * 25 / 30, height: size, viewBox: "0 0 25 30", fill: "none", children: APPLE_PATHS.map((path) => /* @__PURE__ */ jsx(Path, { d: path, fill: color }, path)) });
|
|
344
363
|
}
|
|
345
364
|
function GooglePlayIcon({ size = 30 }) {
|
|
346
|
-
return /* @__PURE__ */ jsx(
|
|
365
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size * 27 / 30, height: size, viewBox: "0 0 27 30", fill: "none", children: GOOGLE_PLAY_PATHS.map((path) => /* @__PURE__ */ jsx(Path, { d: path.d, fill: path.color }, path.d)) });
|
|
347
366
|
}
|
|
348
367
|
|
|
349
368
|
// src/icons/Bag/bagPath.ts
|
|
350
369
|
var BAG_PATH = "M9.23047 9H7.2002C6.08009 9 5.51962 9 5.0918 9.21799C4.71547 9.40973 4.40973 9.71547 4.21799 10.0918C4 10.5196 4 11.0801 4 12.2002V17.8002C4 18.9203 4 19.4801 4.21799 19.9079C4.40973 20.2842 4.71547 20.5905 5.0918 20.7822C5.5192 21 6.07902 21 7.19694 21H16.8031C17.921 21 18.48 21 18.9074 20.7822C19.2837 20.5905 19.5905 20.2842 19.7822 19.9079C20 19.4805 20 18.9215 20 17.8036V12.1969C20 11.079 20 10.5192 19.7822 10.0918C19.5905 9.71547 19.2837 9.40973 18.9074 9.21799C18.4796 9 17.9203 9 16.8002 9H14.7689M9.23047 9H14.7689M9.23047 9C9.10302 9 9 8.89668 9 8.76923V6C9 4.34315 10.3431 3 12 3C13.6569 3 15 4.34315 15 6V8.76923C15 8.89668 14.8964 9 14.7689 9";
|
|
351
370
|
function BagIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
352
|
-
return /* @__PURE__ */ jsx(
|
|
371
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
353
372
|
Path,
|
|
354
373
|
{
|
|
355
374
|
d: BAG_PATH,
|
|
@@ -362,9 +381,9 @@ function BagIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
|
362
381
|
}
|
|
363
382
|
|
|
364
383
|
// src/icons/Bell/bellPath.ts
|
|
365
|
-
var BELL_PATH = "
|
|
366
|
-
function BellIcon({ size =
|
|
367
|
-
return /* @__PURE__ */ jsx(
|
|
384
|
+
var BELL_PATH = "M6.23597 14C6.70606 14.4149 7.32355 14.6667 7.99985 14.6667C8.67615 14.6667 9.29364 14.4149 9.76373 14M11.9998 5.33337C11.9998 4.27251 11.5784 3.25509 10.8283 2.50495C10.0781 1.7548 9.06072 1.33337 7.99985 1.33337C6.93898 1.33337 5.92157 1.7548 5.17142 2.50495C4.42128 3.25509 3.99985 4.27251 3.99985 5.33337C3.99985 7.3935 3.48016 8.80401 2.89963 9.73698C2.40993 10.524 2.16509 10.9174 2.17407 11.0272C2.18401 11.1488 2.20976 11.1951 2.3077 11.2678C2.39616 11.3334 2.79491 11.3334 3.59242 11.3334H12.4073C13.2048 11.3334 13.6035 11.3334 13.692 11.2678C13.7899 11.1951 13.8157 11.1488 13.8256 11.0272C13.8346 10.9174 13.5898 10.524 13.1001 9.73698C12.5195 8.80401 11.9998 7.3935 11.9998 5.33337Z";
|
|
385
|
+
function BellIcon({ size = 16, color = colors.white, strokeWidth = 1.5 }) {
|
|
386
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
368
387
|
Path,
|
|
369
388
|
{
|
|
370
389
|
d: BELL_PATH,
|
|
@@ -379,7 +398,7 @@ function BellIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
379
398
|
// src/icons/Building/buildingPath.ts
|
|
380
399
|
var BUILDING_PATH = "M7.5 9.16659V16.6666M7.5 9.16659H3.83301C3.3663 9.16659 3.13318 9.16659 2.95492 9.25741C2.79811 9.33731 2.67072 9.4647 2.59083 9.6215C2.5 9.79976 2.5 10.0333 2.5 10.5V16.6666H7.5M7.5 9.16659V4.66667C7.5 4.19996 7.5 3.96643 7.59083 3.78817C7.67072 3.63137 7.79811 3.50397 7.95492 3.42408C8.13317 3.33325 8.3663 3.33325 8.83301 3.33325H11.1663C11.6331 3.33325 11.8669 3.33325 12.0452 3.42408C12.202 3.50397 12.329 3.63137 12.4089 3.78817C12.4997 3.96643 12.5 4.19996 12.5 4.66667V6.66659M7.5 16.6666H12.5M12.5 16.6666L17.5 16.6667V8C17.5 7.53329 17.4997 7.29976 17.4089 7.1215C17.329 6.9647 17.2024 6.83731 17.0456 6.75741C16.8674 6.66659 16.6334 6.66659 16.1667 6.66659H12.5M12.5 16.6666V6.66659";
|
|
381
400
|
function BuildingIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
382
|
-
return /* @__PURE__ */ jsx(
|
|
401
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
383
402
|
Path,
|
|
384
403
|
{
|
|
385
404
|
d: BUILDING_PATH,
|
|
@@ -394,7 +413,7 @@ function BuildingIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
394
413
|
// src/icons/Calendar/calendarPath.ts
|
|
395
414
|
var CALENDAR_PATH = "M14 6.66668H2M14 8.33334V5.86668C14 4.74657 14 4.18652 13.782 3.7587C13.5903 3.38237 13.2843 3.07641 12.908 2.88466C12.4802 2.66668 11.9201 2.66668 10.8 2.66668H5.2C4.0799 2.66668 3.51984 2.66668 3.09202 2.88466C2.71569 3.07641 2.40973 3.38237 2.21799 3.7587C2 4.18652 2 4.74657 2 5.86668V11.4667C2 12.5868 2 13.1468 2.21799 13.5747C2.40973 13.951 2.71569 14.2569 3.09202 14.4487C3.51984 14.6667 4.0799 14.6667 5.2 14.6667H8M10.6667 1.33334V4.00001M5.33333 1.33334V4.00001M9.66667 12.6667L11 14L14 11";
|
|
396
415
|
function CalendarIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
397
|
-
return /* @__PURE__ */ jsx(
|
|
416
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
398
417
|
Path,
|
|
399
418
|
{
|
|
400
419
|
d: CALENDAR_PATH,
|
|
@@ -413,7 +432,7 @@ function CalendarOutlineIcon({
|
|
|
413
432
|
color = colors.primary,
|
|
414
433
|
strokeWidth = 1.5
|
|
415
434
|
}) {
|
|
416
|
-
return /* @__PURE__ */ jsx(
|
|
435
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
417
436
|
Path,
|
|
418
437
|
{
|
|
419
438
|
d: CALENDAR_OUTLINE_PATH,
|
|
@@ -428,7 +447,7 @@ function CalendarOutlineIcon({
|
|
|
428
447
|
// src/icons/Camera/cameraPath.ts
|
|
429
448
|
var CAMERA_PATH = "M9.48898 7H6.2002C5.08009 7 4.51962 7 4.0918 7.21799C3.71547 7.40973 3.40973 7.71547 3.21799 8.0918C3 8.51962 3 9.08009 3 10.2002V15.8002C3 16.9203 3 17.4796 3.21799 17.9074C3.40973 18.2837 3.71547 18.5905 4.0918 18.7822C4.5192 19 5.07899 19 6.19691 19H17.8031C18.921 19 19.48 19 19.9074 18.7822C20.2837 18.5905 20.5905 18.2837 20.7822 17.9074C21 17.48 21 16.921 21 15.8031V10.1969C21 9.07899 21 8.5192 20.7822 8.0918C20.5905 7.71547 20.2837 7.40973 19.9074 7.21799C19.4796 7 18.9203 7 17.8002 7H14.5108M9.48898 7H9.55078M9.48898 7C9.50151 7.00001 9.51468 7 9.52857 7L9.55078 7M9.48898 7C9.38286 6.99995 9.32339 6.99941 9.27637 6.99414C8.68878 6.92835 8.28578 6.36908 8.40918 5.79084C8.42066 5.73703 8.44336 5.66894 8.4883 5.53412L8.49023 5.52841C8.54156 5.37443 8.56723 5.29743 8.59558 5.22949C8.88586 4.53389 9.54322 4.06083 10.2949 4.00541C10.3683 4 10.449 4 10.6113 4H13.3886C13.5509 4 13.6322 4 13.7057 4.00541C14.4574 4.06083 15.114 4.53389 15.4043 5.22949C15.4326 5.29743 15.4584 5.37434 15.5098 5.52832C15.556 5.66699 15.5791 5.73636 15.5908 5.79093C15.7142 6.36917 15.3118 6.92835 14.7242 6.99414C14.6772 6.99941 14.6171 6.99995 14.5108 7M9.55078 7H14.449M14.449 7H14.5108M14.449 7L14.4712 7C14.4851 7 14.4983 7.00001 14.5108 7M12 16C10.3431 16 9 14.6569 9 13C9 11.3431 10.3431 10 12 10C13.6569 10 15 11.3431 15 13C15 14.6569 13.6569 16 12 16Z";
|
|
430
449
|
function CameraIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
431
|
-
return /* @__PURE__ */ jsx(
|
|
450
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
432
451
|
Path,
|
|
433
452
|
{
|
|
434
453
|
d: CAMERA_PATH,
|
|
@@ -443,7 +462,7 @@ function CameraIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
|
443
462
|
// src/icons/Check/checkPath.ts
|
|
444
463
|
var CHECK_PATH = "M4.16669 10.8333L7.50002 14.1667L15.8334 5.83334";
|
|
445
464
|
function CheckIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
446
|
-
return /* @__PURE__ */ jsx(
|
|
465
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
447
466
|
Path,
|
|
448
467
|
{
|
|
449
468
|
d: CHECK_PATH,
|
|
@@ -458,7 +477,7 @@ function CheckIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
458
477
|
// src/icons/CheckBadge/checkBadgePath.ts
|
|
459
478
|
var CHECK_BADGE_PATH = "M12.5 8.33317L9.16663 11.6665L7.49996 9.99984M11.0384 2.88233L12.0558 3.74941C12.3122 3.96786 12.6305 4.09992 12.9662 4.12671L14.2987 4.23291C15.0822 4.29543 15.7045 4.91733 15.767 5.70077L15.8729 7.03353C15.8997 7.36925 16.0322 7.68799 16.2507 7.94433L17.1174 8.96152C17.6272 9.5597 17.6272 10.4396 17.1175 11.0378L16.2508 12.0551C16.0323 12.3115 15.9 12.6303 15.8732 12.9661L15.7666 14.2986C15.704 15.082 15.0827 15.7043 14.2993 15.7668L12.9663 15.8732C12.6305 15.9 12.312 16.0317 12.0556 16.2502L11.0384 17.1173C10.4402 17.627 9.55973 17.6271 8.96155 17.1174L7.9443 16.2502C7.68796 16.0318 7.36938 15.8998 7.03365 15.8731L5.70064 15.7668C4.9172 15.7043 4.29588 15.0822 4.23336 14.2987L4.12675 12.9661C4.09996 12.6304 3.96759 12.3118 3.74915 12.0555L2.88245 11.0378C2.37268 10.4397 2.37244 9.56002 2.88221 8.96184L3.74969 7.94418C3.96814 7.68784 4.09923 7.36926 4.12602 7.03353L4.23263 5.70093C4.29515 4.91749 4.91826 4.29535 5.70171 4.23283L7.03324 4.12663C7.36897 4.09984 7.68771 3.96788 7.94404 3.74943L8.96164 2.88233C9.55982 2.37256 10.4402 2.37256 11.0384 2.88233Z";
|
|
460
479
|
function CheckBadgeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
461
|
-
return /* @__PURE__ */ jsx(
|
|
480
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
462
481
|
Path,
|
|
463
482
|
{
|
|
464
483
|
d: CHECK_BADGE_PATH,
|
|
@@ -477,7 +496,7 @@ function ChevronDownIcon({
|
|
|
477
496
|
color = colors.primary,
|
|
478
497
|
strokeWidth = 2
|
|
479
498
|
}) {
|
|
480
|
-
return /* @__PURE__ */ jsx(
|
|
499
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
481
500
|
Path,
|
|
482
501
|
{
|
|
483
502
|
d: CHEVRON_DOWN_PATH,
|
|
@@ -492,7 +511,7 @@ function ChevronDownIcon({
|
|
|
492
511
|
// src/icons/ChevronLeft/chevronLeftPath.ts
|
|
493
512
|
var CHEVRON_LEFT_PATH = "M12.5 15L7.5 10L12.5 5";
|
|
494
513
|
function ChevronLeftIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
495
|
-
return /* @__PURE__ */ jsx(
|
|
514
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
496
515
|
Path,
|
|
497
516
|
{
|
|
498
517
|
d: CHEVRON_LEFT_PATH,
|
|
@@ -507,7 +526,7 @@ function ChevronLeftIcon({ size = 20, color = colors.primary, strokeWidth = 2 })
|
|
|
507
526
|
// src/icons/Clock/clockPath.ts
|
|
508
527
|
var CLOCK_PATH = "M12 7V12H17M12 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21Z";
|
|
509
528
|
function ClockIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
510
|
-
return /* @__PURE__ */ jsx(
|
|
529
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
511
530
|
Path,
|
|
512
531
|
{
|
|
513
532
|
d: CLOCK_PATH,
|
|
@@ -522,7 +541,7 @@ function ClockIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
|
522
541
|
// src/icons/Close/closePath.ts
|
|
523
542
|
var CLOSE_PATH = "M15 5L5 15M5 5L15 15";
|
|
524
543
|
function CloseIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
525
|
-
return /* @__PURE__ */ jsx(
|
|
544
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
526
545
|
Path,
|
|
527
546
|
{
|
|
528
547
|
d: CLOSE_PATH,
|
|
@@ -534,6 +553,21 @@ function CloseIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
|
534
553
|
) });
|
|
535
554
|
}
|
|
536
555
|
|
|
556
|
+
// src/icons/Edit/editPath.ts
|
|
557
|
+
var EDIT_PATH = "M12 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7M18.375 2.625a2.121 2.121 0 1 1 3 3L12.15 13.85a.75.75 0 0 1-.33.2l-3.07.8a.5.5 0 0 1-.61-.61l.8-3.07a.75.75 0 0 1 .2-.33z";
|
|
558
|
+
function EditIcon({ size = 12, color = colors.grey0, strokeWidth = 2 }) {
|
|
559
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
560
|
+
Path,
|
|
561
|
+
{
|
|
562
|
+
d: EDIT_PATH,
|
|
563
|
+
stroke: color,
|
|
564
|
+
strokeWidth,
|
|
565
|
+
strokeLinecap: "round",
|
|
566
|
+
strokeLinejoin: "round"
|
|
567
|
+
}
|
|
568
|
+
) });
|
|
569
|
+
}
|
|
570
|
+
|
|
537
571
|
// src/icons/CottageCard/cottageCardPaths.ts
|
|
538
572
|
var SAVE_HEART_PATH = "M8 5.12971C6.66667 2.00008 2 2.33341 2 6.33343C2 10.3335 8 13.6669 8 13.6669C8 13.6669 14 10.3335 14 6.33343C14 2.33341 9.33333 2.00008 8 5.12971Z";
|
|
539
573
|
var RATING_STAR_PATH = "M1.16748 5.16814C1.01086 5.0233 1.09593 4.76145 1.30778 4.73633L4.30957 4.38029C4.39591 4.37005 4.47091 4.31583 4.50732 4.23688L5.77344 1.49199C5.86279 1.29827 6.13819 1.29823 6.22754 1.49195L7.49365 4.23682C7.53007 4.31577 7.60458 4.37014 7.69092 4.38038L10.6929 4.73633C10.9047 4.76145 10.9896 5.02338 10.8329 5.16822L8.61388 7.22071C8.55005 7.27974 8.52163 7.36761 8.53857 7.45289L9.1275 10.4177C9.16908 10.627 8.94639 10.7891 8.76024 10.6849L6.12257 9.20806C6.0467 9.16559 5.95453 9.16579 5.87866 9.20826L3.24072 10.6845C3.05457 10.7887 2.83147 10.627 2.87305 10.4177L3.46207 7.45307C3.47902 7.36779 3.45067 7.27972 3.38683 7.22069L1.16748 5.16814Z";
|
|
@@ -549,7 +583,7 @@ function SaveHeartIcon({
|
|
|
549
583
|
strokeWidth = 2,
|
|
550
584
|
fillOpacity = 0
|
|
551
585
|
}) {
|
|
552
|
-
return /* @__PURE__ */ jsx(
|
|
586
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
553
587
|
Path,
|
|
554
588
|
{
|
|
555
589
|
d: SAVE_HEART_PATH,
|
|
@@ -563,7 +597,7 @@ function SaveHeartIcon({
|
|
|
563
597
|
) });
|
|
564
598
|
}
|
|
565
599
|
function RatingStarIcon({ size = 12, color = "#E38E5E", strokeWidth = 2 }) {
|
|
566
|
-
return /* @__PURE__ */ jsx(
|
|
600
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
|
|
567
601
|
Path,
|
|
568
602
|
{
|
|
569
603
|
d: RATING_STAR_PATH,
|
|
@@ -581,7 +615,7 @@ function CardLocationIcon({
|
|
|
581
615
|
strokeWidth = 1.5,
|
|
582
616
|
secondaryColor = colors.grey700
|
|
583
617
|
}) {
|
|
584
|
-
return /* @__PURE__ */ jsxs(
|
|
618
|
+
return /* @__PURE__ */ jsxs(Svg18, { width: size, height: size, viewBox: "0 0 13 13", fill: "none", children: [
|
|
585
619
|
/* @__PURE__ */ jsx(
|
|
586
620
|
Path,
|
|
587
621
|
{
|
|
@@ -620,7 +654,7 @@ function FilledCardIcon({
|
|
|
620
654
|
color,
|
|
621
655
|
fillOpacity
|
|
622
656
|
}) {
|
|
623
|
-
return /* @__PURE__ */ jsx(
|
|
657
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: path, fill: color, fillOpacity }) });
|
|
624
658
|
}
|
|
625
659
|
function GuestsIcon({ size = 16, color = colors.white, fillOpacity = 0.4 }) {
|
|
626
660
|
return /* @__PURE__ */ jsx(FilledCardIcon, { path: GUESTS_PATH, size, color, fillOpacity });
|
|
@@ -634,6 +668,7 @@ function BathroomsIcon({ size = 16, color = colors.white, fillOpacity = 0.4 }) {
|
|
|
634
668
|
|
|
635
669
|
// src/icons/CottageDetail/cottageDetailPaths.ts
|
|
636
670
|
var SHARE_PATH = "M7.5 11.25L12.5 13.75M12.5 6.25L7.5 8.75M15 17.5C13.6193 17.5 12.5 16.3807 12.5 15C12.5 13.6193 13.6193 12.5 15 12.5C16.3807 12.5 17.5 13.6193 17.5 15C17.5 16.3807 16.3807 17.5 15 17.5ZM5 12.5C3.61929 12.5 2.5 11.3807 2.5 10C2.5 8.61929 3.61929 7.5 5 7.5C6.38071 7.5 7.5 8.61929 7.5 10C7.5 11.3807 6.38071 12.5 5 12.5ZM15 7.5C13.6193 7.5 12.5 6.38071 12.5 5C12.5 3.61929 13.6193 2.5 15 2.5C16.3807 2.5 17.5 3.61929 17.5 5C17.5 6.38071 16.3807 7.5 15 7.5Z";
|
|
671
|
+
var DOWNLOAD_PATH = "M21 21H3M6 11L12 17L18 11M12 17V3";
|
|
637
672
|
var AREA_EXPAND_PATHS = [
|
|
638
673
|
"M15 3H21V9",
|
|
639
674
|
"M9 21H3V15",
|
|
@@ -647,7 +682,7 @@ var COPY_PATH = "M6.66699 13.3337V15.667C6.66699 16.6004 6.66699 17.0671 6.84865
|
|
|
647
682
|
var CHECK_SUCCESS_PATH = "M16.6663 5L7.49967 14.1667L3.33301 10";
|
|
648
683
|
var TOOLTIP_ARROW_PATH = "M3.21121 6.42229C3.94826 7.89639 6.05187 7.89639 6.78892 6.42229L10.0001 0H6.2595e-05L3.21121 6.42229Z";
|
|
649
684
|
function ShareIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
650
|
-
return /* @__PURE__ */ jsx(
|
|
685
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
651
686
|
Path,
|
|
652
687
|
{
|
|
653
688
|
d: SHARE_PATH,
|
|
@@ -658,8 +693,20 @@ function ShareIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
|
658
693
|
}
|
|
659
694
|
) });
|
|
660
695
|
}
|
|
696
|
+
function DownloadIcon({ size = 24, color = colors.white, strokeWidth = 2 }) {
|
|
697
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
698
|
+
Path,
|
|
699
|
+
{
|
|
700
|
+
d: DOWNLOAD_PATH,
|
|
701
|
+
stroke: color,
|
|
702
|
+
strokeWidth,
|
|
703
|
+
strokeLinecap: "round",
|
|
704
|
+
strokeLinejoin: "round"
|
|
705
|
+
}
|
|
706
|
+
) });
|
|
707
|
+
}
|
|
661
708
|
function AreaExpandIcon({ size = 24, color = colors.white, strokeWidth = 2 }) {
|
|
662
|
-
return /* @__PURE__ */ jsx(
|
|
709
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: AREA_EXPAND_PATHS.map((path) => /* @__PURE__ */ jsx(
|
|
663
710
|
Path,
|
|
664
711
|
{
|
|
665
712
|
d: path,
|
|
@@ -672,16 +719,16 @@ function AreaExpandIcon({ size = 24, color = colors.white, strokeWidth = 2 }) {
|
|
|
672
719
|
)) });
|
|
673
720
|
}
|
|
674
721
|
function ClockFilledIcon({ size = 16, color = colors.white }) {
|
|
675
|
-
return /* @__PURE__ */ jsx(
|
|
722
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: CLOCK_FILLED_PATH, fill: color }) });
|
|
676
723
|
}
|
|
677
724
|
function QrCodeIcon({ size = 24, color = colors.primary }) {
|
|
678
|
-
return /* @__PURE__ */ jsx(
|
|
725
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: QR_CODE_PATH, fill: color }) });
|
|
679
726
|
}
|
|
680
727
|
function WhatsAppIcon({ size = 24, color = colors.white }) {
|
|
681
|
-
return /* @__PURE__ */ jsx(
|
|
728
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: WHATSAPP_PATH, fill: color }) });
|
|
682
729
|
}
|
|
683
730
|
function CopyIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
684
|
-
return /* @__PURE__ */ jsx(
|
|
731
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
685
732
|
Path,
|
|
686
733
|
{
|
|
687
734
|
d: COPY_PATH,
|
|
@@ -693,7 +740,7 @@ function CopyIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
|
693
740
|
) });
|
|
694
741
|
}
|
|
695
742
|
function CheckSuccessIcon({ size = 20, color = colors.green, strokeWidth = 2 }) {
|
|
696
|
-
return /* @__PURE__ */ jsx(
|
|
743
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
697
744
|
Path,
|
|
698
745
|
{
|
|
699
746
|
d: CHECK_SUCCESS_PATH,
|
|
@@ -705,19 +752,77 @@ function CheckSuccessIcon({ size = 20, color = colors.green, strokeWidth = 2 })
|
|
|
705
752
|
) });
|
|
706
753
|
}
|
|
707
754
|
function TooltipArrowIcon({ size = 10, color = colors.grey600 }) {
|
|
708
|
-
return /* @__PURE__ */ jsx(
|
|
755
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size * 8 / 10, viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: TOOLTIP_ARROW_PATH, fill: color }) });
|
|
756
|
+
}
|
|
757
|
+
|
|
758
|
+
// src/icons/HouseRules/houseRulesPaths.ts
|
|
759
|
+
var QUIET_HOURS_PATH = "M9.99935 4.99996C9.88991 4.99993 9.78153 5.02147 9.68042 5.06334C9.5793 5.1052 9.48742 5.16659 9.41003 5.24397C9.33265 5.32136 9.27126 5.41324 9.2294 5.51436C9.18753 5.61547 9.16599 5.72385 9.16602 5.83329V8.55628L8.2513 8.02812C8.05987 7.91775 7.83243 7.88791 7.61901 7.94518C7.40558 8.00245 7.22363 8.14213 7.11316 8.33351C7.00269 8.52489 6.97274 8.7523 7.0299 8.96576C7.08706 9.17921 7.22665 9.36123 7.41797 9.4718L9.58269 10.7218C9.70938 10.7949 9.8531 10.8335 9.99939 10.8334C10.1457 10.8334 10.2894 10.7949 10.4161 10.7218C10.5428 10.6486 10.648 10.5434 10.7211 10.4167C10.7942 10.29 10.8327 10.1463 10.8327 9.99996V5.83329C10.8327 5.72385 10.8112 5.61547 10.7693 5.51436C10.7274 5.41324 10.6661 5.32136 10.5887 5.24397C10.5113 5.16659 10.4194 5.1052 10.3183 5.06334C10.2172 5.02147 10.1088 4.99993 9.99935 4.99996V4.99996ZM9.99935 1.66663C8.35118 1.66663 6.74001 2.15537 5.3696 3.07105C3.99919 3.98672 2.93109 5.28821 2.30036 6.81093C1.66963 8.33365 1.5046 10.0092 1.82614 11.6257C2.14769 13.2422 2.94136 14.7271 4.1068 15.8925C5.27223 17.058 6.75709 17.8516 8.3736 18.1732C9.99011 18.4947 11.6657 18.3297 13.1884 17.699C14.7111 17.0682 16.0126 16.0001 16.9283 14.6297C17.8439 13.2593 18.3327 11.6481 18.3327 9.99996C18.3302 7.7906 17.4514 5.67245 15.8891 4.11019C14.3269 2.54794 12.2087 1.66915 9.99935 1.66663V1.66663ZM9.99935 16.6666C8.68081 16.6666 7.39188 16.2756 6.29555 15.5431C5.19922 14.8105 4.34474 13.7694 3.84016 12.5512C3.33557 11.333 3.20355 9.99256 3.46078 8.69936C3.71802 7.40615 4.35296 6.21826 5.28531 5.28591C6.21766 4.35356 7.40554 3.71863 8.69875 3.46139C9.99196 3.20416 11.3324 3.33618 12.5506 3.84076C13.7687 4.34535 14.8099 5.19983 15.5425 6.29616C16.275 7.39249 16.666 8.68142 16.666 9.99996C16.664 11.7674 15.961 13.462 14.7112 14.7118C13.4614 15.9616 11.7668 16.6646 9.99935 16.6666V16.6666Z";
|
|
760
|
+
var NO_SMOKING_PATHS = [
|
|
761
|
+
"M6.66602 10.8334V14.1667",
|
|
762
|
+
"M13.334 4.16663V4.58329C13.334 5.02532 13.5096 5.44924 13.8221 5.7618C14.1347 6.07436 14.5586 6.24996 15.0007 6.24996C15.4427 6.24996 15.8666 6.42555 16.1792 6.73811C16.4917 7.05068 16.6673 7.4746 16.6673 7.91663V8.33329",
|
|
763
|
+
"M2.5 2.5L17.5 17.5",
|
|
764
|
+
"M14.1667 10.8334H16.6667C16.8877 10.8334 17.0996 10.9212 17.2559 11.0775C17.4122 11.2337 17.5 11.4457 17.5 11.6667V13.3334C17.5 13.5667 17.4042 13.7775 17.25 13.9284M14.1667 14.1667H3.33333C3.11232 14.1667 2.90036 14.0789 2.74408 13.9226C2.5878 13.7663 2.5 13.5544 2.5 13.3334V11.6667C2.5 11.4457 2.5878 11.2337 2.74408 11.0775C2.90036 10.9212 3.11232 10.8334 3.33333 10.8334H10.8333"
|
|
765
|
+
];
|
|
766
|
+
var PAW_PATHS = [
|
|
767
|
+
"M12.25 11.25C11.3334 9.58329 11.0492 9.16663 10.0001 9.16663C8.95088 9.16663 8.55338 9.79579 7.63672 11.4558C6.85172 12.875 5.26505 12.9933 4.86922 14.1983C4.78838 14.4191 4.74838 14.7625 4.75005 15C4.75005 15.98 5.40588 16.6666 6.25005 16.6666C7.29922 16.6666 8.75005 15.8333 10.0001 15.8333C11.2501 15.8333 12.7009 16.6666 13.7501 16.6666C14.5942 16.6666 15.25 15.9808 15.25 15C15.25 14.7625 15.2092 14.4191 15.1284 14.1983C14.7325 12.9891 13.035 12.6691 12.25 11.25Z",
|
|
768
|
+
"M16.8241 6.73496C16.7171 6.68971 16.602 6.66647 16.4858 6.66663H16.4733C15.8608 6.67663 15.1733 7.29163 14.8125 8.22163C14.38 9.33413 14.5791 10.4716 15.2608 10.765C15.3683 10.8108 15.4833 10.8333 15.5991 10.8333C16.215 10.8333 16.9116 10.215 17.275 9.27829C17.705 8.16579 17.5016 7.02829 16.8241 6.73496Z",
|
|
769
|
+
"M7.89628 7.50004C7.94211 7.50004 7.98711 7.50004 8.03211 7.49087C8.81878 7.38421 9.30961 6.36921 9.13211 5.22254C8.96295 4.14171 8.25961 3.33337 7.52211 3.33337C7.47628 3.33337 7.43128 3.33337 7.38628 3.34254C6.59961 3.44921 6.10878 4.46421 6.28628 5.61087C6.45628 6.68837 7.15961 7.50004 7.89711 7.50004H7.89628Z",
|
|
770
|
+
"M13.7139 5.61088C13.8922 4.46421 13.4014 3.44921 12.6139 3.34254C12.5692 3.33635 12.5241 3.33329 12.4789 3.33338C11.7414 3.33338 11.0389 4.14171 10.8706 5.22254C10.6922 6.36921 11.1831 7.38421 11.9706 7.49088C12.0156 7.49671 12.0606 7.50004 12.1056 7.50004C12.8431 7.50004 13.5472 6.68838 13.7139 5.61088Z",
|
|
771
|
+
"M4.74152 10.765C5.42152 10.4716 5.61985 9.33246 5.18819 8.22163C4.82485 7.28496 4.12902 6.66663 3.51402 6.66663C3.39735 6.66663 3.28319 6.68913 3.17485 6.73496C2.49485 7.02829 2.29652 8.16746 2.72819 9.27829C3.09152 10.215 3.78735 10.8333 4.40235 10.8333C4.51902 10.8333 4.63319 10.8108 4.74152 10.765Z"
|
|
772
|
+
];
|
|
773
|
+
var TRASH_PATH = "M7.5 2.5H12.5M2.5 5H17.5M15.8333 5L15.2489 13.7661C15.1612 15.0813 15.1174 15.7389 14.8333 16.2375C14.5833 16.6765 14.206 17.0294 13.7514 17.2497C13.235 17.5 12.5759 17.5 11.2578 17.5H8.74221C7.42409 17.5 6.76503 17.5 6.24861 17.2497C5.79396 17.0294 5.41674 16.6765 5.16665 16.2375C4.88259 15.7389 4.83875 15.0813 4.75107 13.7661L4.16667 5M8.33333 8.75V12.9167M11.6667 8.75V12.9167";
|
|
774
|
+
function QuietHoursIcon({ size = 20, color = colors.white }) {
|
|
775
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: QUIET_HOURS_PATH, fill: color }) });
|
|
776
|
+
}
|
|
777
|
+
function NoSmokingIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }) {
|
|
778
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: NO_SMOKING_PATHS.map((d) => /* @__PURE__ */ jsx(
|
|
779
|
+
Path,
|
|
780
|
+
{
|
|
781
|
+
d,
|
|
782
|
+
stroke: color,
|
|
783
|
+
strokeWidth,
|
|
784
|
+
strokeLinecap: "round",
|
|
785
|
+
strokeLinejoin: "round"
|
|
786
|
+
},
|
|
787
|
+
d
|
|
788
|
+
)) });
|
|
789
|
+
}
|
|
790
|
+
function PawIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }) {
|
|
791
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: PAW_PATHS.map((d) => /* @__PURE__ */ jsx(
|
|
792
|
+
Path,
|
|
793
|
+
{
|
|
794
|
+
d,
|
|
795
|
+
stroke: color,
|
|
796
|
+
strokeWidth,
|
|
797
|
+
strokeLinecap: "round",
|
|
798
|
+
strokeLinejoin: "round"
|
|
799
|
+
},
|
|
800
|
+
d
|
|
801
|
+
)) });
|
|
802
|
+
}
|
|
803
|
+
function TrashIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
804
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
805
|
+
Path,
|
|
806
|
+
{
|
|
807
|
+
d: TRASH_PATH,
|
|
808
|
+
stroke: color,
|
|
809
|
+
strokeWidth,
|
|
810
|
+
strokeLinecap: "round",
|
|
811
|
+
strokeLinejoin: "round"
|
|
812
|
+
}
|
|
813
|
+
) });
|
|
709
814
|
}
|
|
710
815
|
|
|
711
816
|
// src/icons/Facebook/facebookPath.ts
|
|
712
817
|
var FACEBOOK_PATH = "M10.0003 1.69922C5.41699 1.69922 1.66699 5.44089 1.66699 10.0492C1.66699 14.2159 4.71699 17.6742 8.70033 18.2992V12.4659H6.58366V10.0492H8.70033V8.20755C8.70033 6.11589 9.94199 4.96589 11.8503 4.96589C12.7587 4.96589 13.7087 5.12422 13.7087 5.12422V7.18255H12.6587C11.6253 7.18255 11.3003 7.82422 11.3003 8.48255V10.0492H13.617L13.242 12.4659H11.3003V18.2992C13.264 17.9891 15.0522 16.9871 16.3419 15.4743C17.6317 13.9614 18.3381 12.0373 18.3337 10.0492C18.3337 5.44089 14.5837 1.69922 10.0003 1.69922Z";
|
|
713
818
|
function FacebookIcon({ size = 20, color = colors.white }) {
|
|
714
|
-
return /* @__PURE__ */ jsx(
|
|
819
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: FACEBOOK_PATH, fill: color }) });
|
|
715
820
|
}
|
|
716
821
|
|
|
717
822
|
// src/icons/Filters/filtersPath.ts
|
|
718
823
|
var FILTERS_PATH = "M5 10H15M2.5 5H17.5M7.5 15H12.5";
|
|
719
824
|
function FiltersIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
720
|
-
return /* @__PURE__ */ jsx(
|
|
825
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
721
826
|
Path,
|
|
722
827
|
{
|
|
723
828
|
d: FILTERS_PATH,
|
|
@@ -732,7 +837,7 @@ function FiltersIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
|
732
837
|
// src/icons/Heart/heartPath.ts
|
|
733
838
|
var HEART_PATH = "M7.99547 3.42388C6.66257 1.8656 4.43987 1.44643 2.76984 2.87334C1.0998 4.30026 0.864686 6.68598 2.17617 8.3736C3.26659 9.77674 6.56656 12.7361 7.64811 13.6939C7.76911 13.801 7.82961 13.8546 7.90018 13.8757C7.96178 13.8941 8.02917 13.8941 8.09077 13.8757C8.16134 13.8546 8.22184 13.801 8.34284 13.6939C9.42439 12.7361 12.7244 9.77674 13.8148 8.3736C15.1263 6.68598 14.9199 4.28525 13.2211 2.87334C11.5224 1.46144 9.32838 1.8656 7.99547 3.42388Z";
|
|
734
839
|
function HeartIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
735
|
-
return /* @__PURE__ */ jsx(
|
|
840
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
736
841
|
Path,
|
|
737
842
|
{
|
|
738
843
|
d: HEART_PATH,
|
|
@@ -749,7 +854,7 @@ function HeartIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
|
749
854
|
// src/icons/Globe/globePath.ts
|
|
750
855
|
var GLOBE_PATH = "M18.3333 10C18.3333 14.6024 14.6024 18.3333 10 18.3333M18.3333 10C18.3333 5.39763 14.6024 1.66667 10 1.66667M18.3333 10H1.66667M10 18.3333C5.39763 18.3333 1.66667 14.6024 1.66667 10M10 18.3333C12.0833 16.0511 13.2675 13.0836 13.3333 10C13.2675 6.91643 12.0833 3.94892 10 1.66667M10 18.3333C7.91667 16.0511 6.73248 13.0836 6.66667 10C6.73248 6.91643 7.91667 3.94892 10 1.66667M1.66667 10C1.66667 5.39763 5.39763 1.66667 10 1.66667";
|
|
751
856
|
function GlobeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
752
|
-
return /* @__PURE__ */ jsx(
|
|
857
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
753
858
|
Path,
|
|
754
859
|
{
|
|
755
860
|
d: GLOBE_PATH,
|
|
@@ -768,7 +873,7 @@ function HelpCircleIcon({
|
|
|
768
873
|
color = colors.primary,
|
|
769
874
|
strokeWidth = 1.5
|
|
770
875
|
}) {
|
|
771
|
-
return /* @__PURE__ */ jsx(
|
|
876
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
772
877
|
Path,
|
|
773
878
|
{
|
|
774
879
|
d: HELP_CIRCLE_PATH,
|
|
@@ -783,7 +888,7 @@ function HelpCircleIcon({
|
|
|
783
888
|
// src/icons/Home/homePath.ts
|
|
784
889
|
var HOME_PATH = "M1.66675 16.6667H3.33341M3.33341 16.6667H8.33341M3.33341 16.6667V9.54352C3.33341 9.09823 3.33341 8.87548 3.38756 8.66828C3.43554 8.48466 3.51491 8.31089 3.6215 8.15387C3.74178 7.97668 3.90895 7.82974 4.24406 7.53652L8.24538 4.03537C8.86662 3.49178 9.17726 3.21997 9.5271 3.11652C9.83559 3.02529 10.1644 3.02529 10.4729 3.11652C10.823 3.22005 11.1341 3.49212 11.7563 4.03652L15.7563 7.53652C16.0914 7.82974 16.2586 7.97668 16.3789 8.15387C16.4855 8.31089 16.5642 8.48466 16.6122 8.66828C16.6664 8.87548 16.6667 9.09824 16.6667 9.54352V16.6667M8.33341 16.6667H11.6667M8.33341 16.6667V13.3334C8.33341 12.4129 9.07961 11.6667 10.0001 11.6667C10.9206 11.6667 11.6667 12.4129 11.6667 13.3334V16.6667M11.6667 16.6667H16.6667M16.6667 16.6667H18.3334";
|
|
785
890
|
function HomeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
786
|
-
return /* @__PURE__ */ jsx(
|
|
891
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
787
892
|
Path,
|
|
788
893
|
{
|
|
789
894
|
d: HOME_PATH,
|
|
@@ -798,13 +903,13 @@ function HomeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
798
903
|
// src/icons/Instagram/instagramPath.ts
|
|
799
904
|
var INSTAGRAM_PATH = "M6.49984 1.66748H13.4998C16.1665 1.66748 18.3332 3.83415 18.3332 6.50081V13.5008C18.3332 14.7827 17.8239 16.0121 16.9175 16.9185C16.0111 17.8249 14.7817 18.3341 13.4998 18.3341H6.49984C3.83317 18.3341 1.6665 16.1675 1.6665 13.5008V6.50081C1.6665 5.21893 2.17573 3.98956 3.08215 3.08313C3.98858 2.17671 5.21796 1.66748 6.49984 1.66748ZM6.33317 3.33415C5.53752 3.33415 4.77446 3.65022 4.21185 4.21283C3.64924 4.77544 3.33317 5.5385 3.33317 6.33415V13.6675C3.33317 15.3258 4.67484 16.6675 6.33317 16.6675H13.6665C14.4622 16.6675 15.2252 16.3514 15.7878 15.7888C16.3504 15.2262 16.6665 14.4631 16.6665 13.6675V6.33415C16.6665 4.67581 15.3248 3.33415 13.6665 3.33415H6.33317ZM14.3748 4.58415C14.6511 4.58415 14.9161 4.69389 15.1114 4.88924C15.3068 5.08459 15.4165 5.34955 15.4165 5.62581C15.4165 5.90208 15.3068 6.16703 15.1114 6.36238C14.9161 6.55773 14.6511 6.66748 14.3748 6.66748C14.0986 6.66748 13.8336 6.55773 13.6383 6.36238C13.4429 6.16703 13.3332 5.90208 13.3332 5.62581C13.3332 5.34955 13.4429 5.08459 13.6383 4.88924C13.8336 4.69389 14.0986 4.58415 14.3748 4.58415ZM9.99984 5.83415C11.1049 5.83415 12.1647 6.27313 12.9461 7.05454C13.7275 7.83594 14.1665 8.89574 14.1665 10.0008C14.1665 11.1059 13.7275 12.1657 12.9461 12.9471C12.1647 13.7285 11.1049 14.1675 9.99984 14.1675C8.89477 14.1675 7.83496 13.7285 7.05356 12.9471C6.27216 12.1657 5.83317 11.1059 5.83317 10.0008C5.83317 8.89574 6.27216 7.83594 7.05356 7.05454C7.83496 6.27313 8.89477 5.83415 9.99984 5.83415ZM9.99984 7.50081C9.3368 7.50081 8.70091 7.76421 8.23207 8.23305C7.76323 8.70189 7.49984 9.33777 7.49984 10.0008C7.49984 10.6639 7.76323 11.2997 8.23207 11.7686C8.70091 12.2374 9.3368 12.5008 9.99984 12.5008C10.6629 12.5008 11.2988 12.2374 11.7676 11.7686C12.2364 11.2997 12.4998 10.6639 12.4998 10.0008C12.4998 9.33777 12.2364 8.70189 11.7676 8.23305C11.2988 7.76421 10.6629 7.50081 9.99984 7.50081Z";
|
|
800
905
|
function InstagramIcon({ size = 20, color = colors.white }) {
|
|
801
|
-
return /* @__PURE__ */ jsx(
|
|
906
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: INSTAGRAM_PATH, fill: color }) });
|
|
802
907
|
}
|
|
803
908
|
|
|
804
909
|
// src/icons/Key/keyPath.ts
|
|
805
910
|
var KEY_PATH = "M5.28673 10.0002L7.0545 11.768M7.6435 7.64301L9.41127 9.41078M10.0003 5.28624L11.768 7.05401M4.22553 11.0604L11.0609 4.22505C11.7209 3.56502 12.0513 3.235 12.4318 3.11136C12.7666 3.00259 13.127 3.00259 13.4618 3.11136C13.8421 3.23494 14.1718 3.56464 14.8311 4.22393L15.775 5.16785C16.4351 5.82788 16.7654 6.15867 16.8891 6.53922C16.9979 6.87396 16.9976 7.23381 16.8889 7.56855C16.7652 7.9491 16.4353 8.27937 15.7753 8.9394L8.93989 15.7748C8.27986 16.4348 7.94959 16.7647 7.56904 16.8884C7.2343 16.9971 6.87445 16.9974 6.53971 16.8886C6.15916 16.765 5.82837 16.4346 5.16834 15.7745L4.22441 14.8306C3.56513 14.1713 3.23542 13.8416 3.11185 13.4613C3.00308 13.1266 3.00308 12.7661 3.11185 12.4313C3.23549 12.0508 3.56551 11.7204 4.22553 11.0604Z";
|
|
806
911
|
function KeyIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
807
|
-
return /* @__PURE__ */ jsx(
|
|
912
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
808
913
|
Path,
|
|
809
914
|
{
|
|
810
915
|
d: KEY_PATH,
|
|
@@ -823,7 +928,7 @@ function LayoutGridIcon({
|
|
|
823
928
|
color = colors.primary,
|
|
824
929
|
strokeWidth = 1.5
|
|
825
930
|
}) {
|
|
826
|
-
return /* @__PURE__ */ jsx(
|
|
931
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
827
932
|
Path,
|
|
828
933
|
{
|
|
829
934
|
d: LAYOUT_GRID_PATH,
|
|
@@ -838,13 +943,13 @@ function LayoutGridIcon({
|
|
|
838
943
|
// src/icons/LinkedIn/linkedinPath.ts
|
|
839
944
|
var LINKEDIN_PATH = "M15.8333 2.50098C16.2754 2.50098 16.6993 2.67657 17.0118 2.98913C17.3244 3.30169 17.5 3.72562 17.5 4.16764V15.8343C17.5 16.2763 17.3244 16.7003 17.0118 17.0128C16.6993 17.3254 16.2754 17.501 15.8333 17.501H4.16667C3.72464 17.501 3.30072 17.3254 2.98816 17.0128C2.67559 16.7003 2.5 16.2763 2.5 15.8343V4.16764C2.5 3.72562 2.67559 3.30169 2.98816 2.98913C3.30072 2.67657 3.72464 2.50098 4.16667 2.50098H15.8333ZM15.4167 15.4176V11.001C15.4167 10.2805 15.1304 9.58948 14.621 9.08C14.1115 8.57053 13.4205 8.28431 12.7 8.28431C11.9917 8.28431 11.1667 8.71764 10.7667 9.36764V8.44264H8.44167V15.4176H10.7667V11.3093C10.7667 10.6676 11.2833 10.1426 11.925 10.1426C12.2344 10.1426 12.5312 10.2656 12.75 10.4844C12.9687 10.7031 13.0917 10.9999 13.0917 11.3093V15.4176H15.4167ZM5.73333 7.13431C6.10464 7.13431 6.46073 6.98681 6.72328 6.72426C6.98583 6.46171 7.13333 6.10561 7.13333 5.73431C7.13333 4.95931 6.50833 4.32598 5.73333 4.32598C5.35982 4.32598 5.0016 4.47435 4.73749 4.73847C4.47338 5.00258 4.325 5.3608 4.325 5.73431C4.325 6.50931 4.95833 7.13431 5.73333 7.13431ZM6.89167 15.4176V8.44264H4.58333V15.4176H6.89167Z";
|
|
840
945
|
function LinkedInIcon({ size = 20, color = colors.white }) {
|
|
841
|
-
return /* @__PURE__ */ jsx(
|
|
946
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: LINKEDIN_PATH, fill: color }) });
|
|
842
947
|
}
|
|
843
948
|
|
|
844
949
|
// src/icons/ListView/listViewPath.ts
|
|
845
950
|
var LIST_VIEW_PATH = "M7 2.5H3.83333C3.36662 2.5 3.13327 2.5 2.95501 2.59083C2.79821 2.67072 2.67072 2.79821 2.59083 2.95501C2.5 3.13327 2.5 3.36662 2.5 3.83333V7C2.5 7.46671 2.5 7.70007 2.59083 7.87833C2.67072 8.03513 2.79821 8.16261 2.95501 8.24251C3.13327 8.33333 3.36662 8.33333 3.83333 8.33333H7C7.46671 8.33333 7.70007 8.33333 7.87833 8.24251C8.03513 8.16261 8.16261 8.03513 8.24251 7.87833C8.33333 7.70007 8.33333 7.46671 8.33333 7V3.83333C8.33333 3.36662 8.33333 3.13327 8.24251 2.95501C8.16261 2.79821 8.03513 2.67072 7.87833 2.59083C7.70007 2.5 7.46671 2.5 7 2.5ZM16.1667 2.5H13C12.5333 2.5 12.2999 2.5 12.1217 2.59083C11.9649 2.67072 11.8374 2.79821 11.7575 2.95501C11.6667 3.13327 11.6667 3.36662 11.6667 3.83333V7C11.6667 7.46671 11.6667 7.70007 11.7575 7.87833C11.8374 8.03513 11.9649 8.16261 12.1217 8.24251C12.2999 8.33333 12.5333 8.33333 13 8.33333H16.1667C16.6334 8.33333 16.8667 8.33333 17.045 8.24251C17.2018 8.16261 17.3293 8.03513 17.4092 7.87833C17.5 7.70007 17.5 7.46671 17.5 7V3.83333C17.5 3.36662 17.5 3.13327 17.4092 2.95501C17.3293 2.79821 17.2018 2.67072 17.045 2.59083C16.8667 2.5 16.6334 2.5 16.1667 2.5ZM16.1667 11.6667H13C12.5333 11.6667 12.2999 11.6667 12.1217 11.7575C11.9649 11.8374 11.8374 11.9649 11.7575 12.1217C11.6667 12.2999 11.6667 12.5333 11.6667 13V16.1667C11.6667 16.6334 11.6667 16.8667 11.7575 17.045C11.8374 17.2018 11.9649 17.3293 12.1217 17.4092C12.2999 17.5 12.5333 17.5 13 17.5H16.1667C16.6334 17.5 16.8667 17.5 17.045 17.4092C17.2018 17.3293 17.3293 17.2018 17.4092 17.045C17.5 16.8667 17.5 16.6334 17.5 16.1667V13C17.5 12.5333 17.5 12.2999 17.4092 12.1217C17.3293 11.9649 17.2018 11.8374 17.045 11.7575C16.8667 11.6667 16.6334 11.6667 16.1667 11.6667ZM7 11.6667H3.83333C3.36662 11.6667 3.13327 11.6667 2.95501 11.7575C2.79821 11.8374 2.67072 11.9649 2.59083 12.1217C2.5 12.2999 2.5 12.5333 2.5 13V16.1667C2.5 16.6334 2.5 16.8667 2.59083 17.045C2.67072 17.2018 2.79821 17.3293 2.95501 17.4092C3.13327 17.5 3.36662 17.5 3.83333 17.5H7C7.46671 17.5 7.70007 17.5 7.87833 17.4092C8.03513 17.3293 8.16261 17.2018 8.24251 17.045C8.33333 16.8667 8.33333 16.6334 8.33333 16.1667V13C8.33333 12.5333 8.33333 12.2999 8.24251 12.1217C8.16261 11.9649 8.03513 11.8374 7.87833 11.7575C7.70007 11.6667 7.46671 11.6667 7 11.6667Z";
|
|
846
951
|
function ListViewIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
847
|
-
return /* @__PURE__ */ jsx(
|
|
952
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
848
953
|
Path,
|
|
849
954
|
{
|
|
850
955
|
d: LIST_VIEW_PATH,
|
|
@@ -859,7 +964,7 @@ function ListViewIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
859
964
|
// src/icons/LocationPin/locationPinPath.ts
|
|
860
965
|
var LOCATION_PIN_PATH = "M4.16675 8.26904C4.16675 12.3122 7.70381 15.6558 9.26941 16.9377C9.49347 17.1211 9.60684 17.214 9.774 17.261C9.90417 17.2977 10.0957 17.2977 10.2259 17.261C10.3934 17.2139 10.506 17.122 10.7309 16.9378C12.2965 15.6559 15.8333 12.3126 15.8333 8.26941C15.8333 6.73932 15.2188 5.27171 14.1248 4.18977C13.0309 3.10783 11.5472 2.5 10.0001 2.5C8.45305 2.5 6.96925 3.10792 5.87529 4.18986C4.78133 5.2718 4.16675 6.73895 4.16675 8.26904ZM8.33341 7.5C8.33341 8.42047 9.07961 9.16667 10.0001 9.16667C10.9206 9.16667 11.6667 8.42047 11.6667 7.5C11.6667 6.57953 10.9206 5.83333 10.0001 5.83333C9.07961 5.83333 8.33341 6.57953 8.33341 7.5Z";
|
|
861
966
|
function LocationPinIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
862
|
-
return /* @__PURE__ */ jsx(
|
|
967
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
863
968
|
Path,
|
|
864
969
|
{
|
|
865
970
|
d: LOCATION_PIN_PATH,
|
|
@@ -871,10 +976,31 @@ function LocationPinIcon({ size = 20, color = colors.grey200, strokeWidth = 2 })
|
|
|
871
976
|
) });
|
|
872
977
|
}
|
|
873
978
|
|
|
979
|
+
// src/icons/LocationUser/locationUserPath.ts
|
|
980
|
+
var LOCATION_USER_PATH = "M10.9127 8.5267C10.8313 8.4943 10.7443 8.47826 10.6566 8.47949C10.569 8.48073 10.4825 8.4992 10.402 8.53387C10.3216 8.56854 10.2487 8.61872 10.1876 8.68154C10.1265 8.74437 10.0784 8.81861 10.046 8.90003C10.0136 8.98145 9.99758 9.06845 9.99882 9.15607C10 9.24369 10.0185 9.3302 10.0532 9.41068C10.0879 9.49116 10.138 9.56402 10.2009 9.62511C10.2637 9.68619 10.3379 9.7343 10.4193 9.7667C11.3927 10.1534 11.9993 10.7534 11.9993 11.3334C11.9993 12.28 10.3593 13.3334 7.99935 13.3334C5.63935 13.3334 3.99935 12.28 3.99935 11.3334C3.99935 10.7534 4.60602 10.1534 5.57935 9.7667C5.74378 9.70128 5.87549 9.57321 5.94551 9.41068C6.01552 9.24815 6.0181 9.06446 5.95268 8.90003C5.88726 8.73559 5.7592 8.60388 5.59667 8.53387C5.43414 8.46386 5.25045 8.46128 5.08602 8.5267C3.57268 9.1267 2.66602 10.1734 2.66602 11.3334C2.66602 13.2 5.00602 14.6667 7.99935 14.6667C10.9927 14.6667 13.3327 13.2 13.3327 11.3334C13.3327 10.1734 12.426 9.1267 10.9127 8.5267ZM7.33268 6.57336V11.3334C7.33268 11.5102 7.40292 11.6797 7.52794 11.8048C7.65297 11.9298 7.82254 12 7.99935 12C8.17616 12 8.34573 11.9298 8.47075 11.8048C8.59578 11.6797 8.66602 11.5102 8.66602 11.3334V6.57336C9.29445 6.4111 9.84214 6.02521 10.2064 5.48802C10.5707 4.95084 10.7265 4.29924 10.6448 3.65536C10.563 3.01149 10.2492 2.41954 9.76217 1.99048C9.27517 1.56142 8.6484 1.32471 7.99935 1.32471C7.3503 1.32471 6.72353 1.56142 6.23653 1.99048C5.74952 2.41954 5.43572 3.01149 5.35394 3.65536C5.27215 4.29924 5.42801 4.95084 5.79228 5.48802C6.15656 6.02521 6.70424 6.4111 7.33268 6.57336V6.57336ZM7.99935 2.6667C8.26306 2.6667 8.52084 2.74489 8.74011 2.8914C8.95937 3.03791 9.13027 3.24615 9.23119 3.48978C9.33211 3.73342 9.35851 4.00151 9.30706 4.26015C9.25562 4.51879 9.12863 4.75637 8.94216 4.94284C8.75569 5.12931 8.51811 5.2563 8.25947 5.30774C8.00083 5.35919 7.73274 5.33279 7.4891 5.23187C7.24547 5.13095 7.03723 4.96005 6.89072 4.74079C6.74421 4.52152 6.66602 4.26374 6.66602 4.00003C6.66602 3.64641 6.80649 3.30727 7.05654 3.05722C7.30659 2.80717 7.64573 2.6667 7.99935 2.6667Z";
|
|
981
|
+
function LocationUserIcon({ size = 16, color = colors.grey0 }) {
|
|
982
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: LOCATION_USER_PATH, fill: color }) });
|
|
983
|
+
}
|
|
984
|
+
|
|
985
|
+
// src/icons/Lock/lockPath.ts
|
|
986
|
+
var LOCK_PATH = "M22.6673 13.3333V10.6667C22.6673 6.98477 19.6825 4 16.0007 4C12.3188 4 9.33398 6.98477 9.33398 10.6667V13.3333M16.0007 19.3333V22M11.734 28H20.2673C22.5075 28 23.6276 28 24.4833 27.564C25.2359 27.1805 25.8479 26.5686 26.2313 25.816C26.6673 24.9603 26.6673 23.8402 26.6673 21.6V19.7333C26.6673 17.4931 26.6673 16.373 26.2313 15.5174C25.8479 14.7647 25.2359 14.1528 24.4833 13.7693C23.6276 13.3333 22.5075 13.3333 20.2673 13.3333H11.734C9.49377 13.3333 8.37367 13.3333 7.51802 13.7693C6.76537 14.1528 6.15345 14.7647 5.76996 15.5174C5.33398 16.373 5.33398 17.4931 5.33398 19.7333V21.6C5.33398 23.8402 5.33398 24.9603 5.76996 25.816C6.15345 26.5686 6.76537 27.1805 7.51802 27.564C8.37367 28 9.49377 28 11.734 28Z";
|
|
987
|
+
function LockIcon({ size = 32, color = colors.primary, strokeWidth = 2 }) {
|
|
988
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 32 32", fill: "none", children: /* @__PURE__ */ jsx(
|
|
989
|
+
Path,
|
|
990
|
+
{
|
|
991
|
+
d: LOCK_PATH,
|
|
992
|
+
stroke: color,
|
|
993
|
+
strokeWidth,
|
|
994
|
+
strokeLinecap: "round",
|
|
995
|
+
strokeLinejoin: "round"
|
|
996
|
+
}
|
|
997
|
+
) });
|
|
998
|
+
}
|
|
999
|
+
|
|
874
1000
|
// src/icons/LogOut/logOutPath.ts
|
|
875
1001
|
var LOG_OUT_PATH = "M10.6667 4.66667L14 8L10.6667 11.3333M14 8H6M6 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.7157 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V10.8C2 11.9201 2 12.4802 2.21799 12.908C2.40973 13.2843 2.71569 13.5903 3.09202 13.782C3.51984 14 4.0799 14 5.2 14H6";
|
|
876
1002
|
function LogOutIcon({ size = 20, color = colors.red, strokeWidth = 1.5 }) {
|
|
877
|
-
return /* @__PURE__ */ jsx(
|
|
1003
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
878
1004
|
Path,
|
|
879
1005
|
{
|
|
880
1006
|
d: LOG_OUT_PATH,
|
|
@@ -889,7 +1015,7 @@ function LogOutIcon({ size = 20, color = colors.red, strokeWidth = 1.5 }) {
|
|
|
889
1015
|
// src/icons/Mail/mailPath.ts
|
|
890
1016
|
var MAIL_PATH = "M3.33333 4.99984L8.42303 8.84339L8.42473 8.8448C8.98987 9.25924 9.27261 9.46658 9.5823 9.54668C9.85602 9.61748 10.1438 9.61748 10.4175 9.54668C10.7274 9.46651 11.011 9.25856 11.5771 8.84339C11.5771 8.84339 14.8417 6.33812 16.6667 4.99984M2.5 13.1667V6.83333C2.5 5.89991 2.5 5.43285 2.68166 5.07633C2.84144 4.76273 3.09623 4.50795 3.40983 4.34816C3.76635 4.1665 4.23341 4.1665 5.16683 4.1665H14.8335C15.7669 4.1665 16.233 4.1665 16.5895 4.34816C16.9031 4.50795 17.1587 4.76273 17.3185 5.07633C17.5 5.43251 17.5 5.899 17.5 6.8306V13.1695C17.5 14.1011 17.5 14.5669 17.3185 14.9231C17.1587 15.2367 16.9031 15.4919 16.5895 15.6517C16.2333 15.8332 15.7675 15.8332 14.8359 15.8332H5.16409C4.23249 15.8332 3.766 15.8332 3.40983 15.6517C3.09623 15.4919 2.84144 15.2367 2.68166 14.9231C2.5 14.5666 2.5 14.1001 2.5 13.1667Z";
|
|
891
1017
|
function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
892
|
-
return /* @__PURE__ */ jsx(
|
|
1018
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
893
1019
|
Path,
|
|
894
1020
|
{
|
|
895
1021
|
d: MAIL_PATH,
|
|
@@ -904,7 +1030,7 @@ function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
904
1030
|
// src/icons/MapView/mapViewPath.ts
|
|
905
1031
|
var MAP_VIEW_PATH = "M13.3332 4.99984L7.49984 1.6665L1.6665 4.99984V18.3332L7.49984 14.9998M13.3332 4.99984L18.3332 1.6665V14.9998L13.3332 18.3332L7.49984 14.9998M7.49984 14.9998V1.6665M13.3332 18.3332V4.99984";
|
|
906
1032
|
function MapViewIcon({ size = 20, color = colors.grey400, strokeWidth = 2 }) {
|
|
907
|
-
return /* @__PURE__ */ jsx(
|
|
1033
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
908
1034
|
Path,
|
|
909
1035
|
{
|
|
910
1036
|
d: MAP_VIEW_PATH,
|
|
@@ -925,7 +1051,7 @@ function MapControlIcon({
|
|
|
925
1051
|
color = colors.white,
|
|
926
1052
|
strokeWidth = 2
|
|
927
1053
|
}) {
|
|
928
|
-
return /* @__PURE__ */ jsx(
|
|
1054
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
929
1055
|
Path,
|
|
930
1056
|
{
|
|
931
1057
|
d: path,
|
|
@@ -952,7 +1078,7 @@ function MenuIcon({
|
|
|
952
1078
|
strokeWidth = 2,
|
|
953
1079
|
open = false
|
|
954
1080
|
}) {
|
|
955
|
-
return /* @__PURE__ */ jsx(
|
|
1081
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 19 19", fill: "none", children: /* @__PURE__ */ jsx(
|
|
956
1082
|
Path,
|
|
957
1083
|
{
|
|
958
1084
|
d: open ? MENU_CLOSE_PATH : MENU_PATH,
|
|
@@ -968,7 +1094,7 @@ function MenuIcon({
|
|
|
968
1094
|
// src/icons/Minus/minusPath.ts
|
|
969
1095
|
var MINUS_PATH = "M3.33337 8H12.6667";
|
|
970
1096
|
function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
971
|
-
return /* @__PURE__ */ jsx(
|
|
1097
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
972
1098
|
Path,
|
|
973
1099
|
{
|
|
974
1100
|
d: MINUS_PATH,
|
|
@@ -983,7 +1109,7 @@ function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
|
983
1109
|
// src/icons/Navigate/navigatePath.ts
|
|
984
1110
|
var NAVIGATE_PATH = "M5.691 14.2339C11.5836 17.7694 16.2976 13.0554 15.7084 4.21658C6.86968 3.62732 2.15584 8.34151 5.691 14.2339ZM5.691 14.2339C5.69093 14.2338 5.69107 14.234 5.691 14.2339ZM5.691 14.2339L4.16675 15.7576M5.691 14.2339L8.88079 11.0436";
|
|
985
1111
|
function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
986
|
-
return /* @__PURE__ */ jsx(
|
|
1112
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
987
1113
|
Path,
|
|
988
1114
|
{
|
|
989
1115
|
d: NAVIGATE_PATH,
|
|
@@ -998,7 +1124,7 @@ function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
998
1124
|
// src/icons/Phone/phonePath.ts
|
|
999
1125
|
var PHONE_PATH = "M7.91872 3.54768C7.66561 2.91492 7.05276 2.5 6.37126 2.5H4.07895C3.20692 2.5 2.5 3.20675 2.5 4.07878C2.5 11.491 8.50898 17.5 15.9212 17.5C16.7933 17.5 17.5 16.793 17.5 15.921L17.5004 13.6283C17.5004 12.9468 17.0856 12.334 16.4528 12.0809L14.2558 11.2024C13.6874 10.9751 13.0402 11.0774 12.57 11.4693L12.0029 11.9422C11.3407 12.4941 10.3664 12.4502 9.75683 11.8407L8.16018 10.2425C7.55066 9.63302 7.50561 8.65945 8.05745 7.99724L8.53027 7.43025C8.92218 6.95996 9.02541 6.31263 8.79805 5.74424L7.91872 3.54768Z";
|
|
1000
1126
|
function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
1001
|
-
return /* @__PURE__ */ jsx(
|
|
1127
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1002
1128
|
Path,
|
|
1003
1129
|
{
|
|
1004
1130
|
d: PHONE_PATH,
|
|
@@ -1013,7 +1139,7 @@ function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
1013
1139
|
// src/icons/Plus/plusPath.ts
|
|
1014
1140
|
var PLUS_PATH = "M8.00004 3.33325V12.6666M3.33337 7.99992H12.6667";
|
|
1015
1141
|
function PlusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
1016
|
-
return /* @__PURE__ */ jsx(
|
|
1142
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1017
1143
|
Path,
|
|
1018
1144
|
{
|
|
1019
1145
|
d: PLUS_PATH,
|
|
@@ -1025,6 +1151,40 @@ function PlusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
|
1025
1151
|
) });
|
|
1026
1152
|
}
|
|
1027
1153
|
|
|
1154
|
+
// src/icons/Refresh/refreshPath.ts
|
|
1155
|
+
var REFRESH_PATH = "M17.4993 8.33333C17.4993 8.33333 15.8285 6.05685 14.4712 4.69854C13.1138 3.34022 11.238 2.5 9.16602 2.5C5.02388 2.5 1.66602 5.85786 1.66602 10C1.66602 14.1421 5.02388 17.5 9.16602 17.5C12.5853 17.5 15.4701 15.2119 16.3729 12.0833M12.4993 8.33333H17.4993V3.33333";
|
|
1156
|
+
function RefreshIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
1157
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1158
|
+
Path,
|
|
1159
|
+
{
|
|
1160
|
+
d: REFRESH_PATH,
|
|
1161
|
+
stroke: color,
|
|
1162
|
+
strokeWidth,
|
|
1163
|
+
strokeLinecap: "round",
|
|
1164
|
+
strokeLinejoin: "round"
|
|
1165
|
+
}
|
|
1166
|
+
) });
|
|
1167
|
+
}
|
|
1168
|
+
|
|
1169
|
+
// src/icons/RefundStatus/refundStatusPath.ts
|
|
1170
|
+
var REFUND_STATUS_PATH = "M15.1333 7.66667L13.8004 9L12.4666 7.66667M13.9634 8.66667C13.9876 8.44778 14 8.22534 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14C9.88484 14 11.5667 13.1309 12.6667 11.7716M8 4.66667V8L10 9.33333";
|
|
1171
|
+
function RefundStatusIcon({
|
|
1172
|
+
size = 16,
|
|
1173
|
+
color = colors.primary,
|
|
1174
|
+
strokeWidth = 2
|
|
1175
|
+
}) {
|
|
1176
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1177
|
+
Path,
|
|
1178
|
+
{
|
|
1179
|
+
d: REFUND_STATUS_PATH,
|
|
1180
|
+
stroke: color,
|
|
1181
|
+
strokeWidth,
|
|
1182
|
+
strokeLinecap: "round",
|
|
1183
|
+
strokeLinejoin: "round"
|
|
1184
|
+
}
|
|
1185
|
+
) });
|
|
1186
|
+
}
|
|
1187
|
+
|
|
1028
1188
|
// src/icons/Search/searchPath.ts
|
|
1029
1189
|
var SEARCH_CIRCLE_PATH = "M9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333Z";
|
|
1030
1190
|
var SEARCH_HANDLE_PATH = "M17.5 17.5L13.875 13.875";
|
|
@@ -1033,7 +1193,7 @@ function SearchIcon({
|
|
|
1033
1193
|
color = colors.primary,
|
|
1034
1194
|
strokeWidth = 2
|
|
1035
1195
|
}) {
|
|
1036
|
-
return /* @__PURE__ */ jsxs(
|
|
1196
|
+
return /* @__PURE__ */ jsxs(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
|
|
1037
1197
|
/* @__PURE__ */ jsx(
|
|
1038
1198
|
Path,
|
|
1039
1199
|
{
|
|
@@ -1060,7 +1220,7 @@ function SearchIcon({
|
|
|
1060
1220
|
// src/icons/Settings/settingsPath.ts
|
|
1061
1221
|
var SETTINGS_PATH = "M8.00004 10C9.10461 10 10 9.10457 10 8C10 6.89543 9.10461 6 8.00004 6C6.89547 6 6.00004 6.89543 6.00004 8C6.00004 9.10457 6.89547 10 8.00004 10Z M12.4849 9.81818C12.4042 10.001 12.3801 10.2038 12.4158 10.4004C12.4514 10.597 12.5452 10.7784 12.6849 10.9212L12.7213 10.9576C12.834 11.0702 12.9234 11.2038 12.9844 11.351C13.0454 11.4981 13.0768 11.6559 13.0768 11.8152C13.0768 11.9744 13.0454 12.1322 12.9844 12.2793C12.9234 12.4265 12.834 12.5602 12.7213 12.6727C12.6087 12.7854 12.475 12.8748 12.3278 12.9358C12.1807 12.9968 12.023 13.0282 11.8637 13.0282C11.7044 13.0282 11.5467 12.9968 11.3995 12.9358C11.2524 12.8748 11.1187 12.7854 11.0061 12.6727L10.9697 12.6364C10.8269 12.4966 10.6455 12.4029 10.4489 12.3673C10.2523 12.3316 10.0495 12.3557 9.86671 12.4364C9.68745 12.5132 9.53458 12.6408 9.42689 12.8034C9.31921 12.966 9.26142 13.1565 9.26065 13.3515V13.4545C9.26065 13.776 9.13294 14.0843 8.90562 14.3116C8.67831 14.539 8.37 14.6667 8.04853 14.6667C7.72705 14.6667 7.41874 14.539 7.19143 14.3116C6.96411 14.0843 6.8364 13.776 6.8364 13.4545V13.4C6.83171 13.1994 6.76678 13.0048 6.65005 12.8416C6.53331 12.6784 6.37018 12.5541 6.18186 12.4848C5.99906 12.4042 5.79629 12.3801 5.59968 12.4158C5.40308 12.4514 5.22166 12.5451 5.07883 12.6849L5.04246 12.7212C4.92989 12.8339 4.79621 12.9233 4.64906 12.9843C4.50191 13.0453 4.34418 13.0767 4.18489 13.0767C4.0256 13.0767 3.86787 13.0453 3.72072 12.9843C3.57357 12.9233 3.43989 12.8339 3.32731 12.7212C3.21461 12.6086 3.12521 12.475 3.06421 12.3278C3.00321 12.1807 2.97181 12.0229 2.97181 11.8636C2.97181 11.7043 3.00321 11.5466 3.06421 11.3995C3.12521 11.2523 3.21461 11.1186 3.32731 11.0061L3.36368 10.9697C3.5034 10.8269 3.59712 10.6454 3.63277 10.4488C3.66842 10.2522 3.64435 10.0495 3.56368 9.86667C3.48685 9.68741 3.35929 9.53454 3.19669 9.42686C3.03409 9.31917 2.84355 9.26139 2.64853 9.26061H2.5455C2.22402 9.26061 1.91571 9.1329 1.6884 8.90559C1.46108 8.67827 1.33337 8.36996 1.33337 8.04849C1.33337 7.72701 1.46108 7.4187 1.6884 7.19139C1.91571 6.96407 2.22402 6.83637 2.5455 6.83637H2.60004C2.80064 6.83167 2.9952 6.76674 3.1584 6.65001C3.32161 6.53328 3.44593 6.37014 3.51519 6.18182C3.59587 5.99902 3.61993 5.79625 3.58429 5.59965C3.54864 5.40304 3.45491 5.22163 3.31519 5.07879L3.27883 5.04243C3.16613 4.92985 3.07672 4.79617 3.01573 4.64902C2.95473 4.50187 2.92333 4.34414 2.92333 4.18485C2.92333 4.02556 2.95473 3.86783 3.01573 3.72068C3.07672 3.57353 3.16613 3.43985 3.27883 3.32728C3.3914 3.21458 3.52509 3.12517 3.67223 3.06417C3.81938 3.00317 3.97711 2.97178 4.1364 2.97178C4.2957 2.97178 4.45343 3.00317 4.60057 3.06417C4.74772 3.12517 4.88141 3.21458 4.99398 3.32728L5.03034 3.36364C5.17318 3.50336 5.3546 3.59708 5.5512 3.63273C5.7478 3.66838 5.95058 3.64431 6.13337 3.56364H6.18186C6.36111 3.48681 6.51399 3.35925 6.62167 3.19665C6.72935 3.03405 6.78714 2.84351 6.78792 2.64849V2.54546C6.78792 2.22398 6.91562 1.91567 7.14294 1.68836C7.37026 1.46104 7.67857 1.33334 8.00004 1.33334C8.32151 1.33334 8.62982 1.46104 8.85714 1.68836C9.08446 1.91567 9.21216 2.22398 9.21216 2.54546V2.6C9.21294 2.79502 9.27073 2.98556 9.37841 3.14816C9.48609 3.31076 9.63897 3.43833 9.81822 3.51515C10.001 3.59583 10.2038 3.6199 10.4004 3.58425C10.597 3.5486 10.7784 3.45487 10.9213 3.31515L10.9576 3.27879C11.0702 3.16609 11.2039 3.07669 11.351 3.01569C11.4982 2.95469 11.6559 2.92329 11.8152 2.92329C11.9745 2.92329 12.1322 2.95469 12.2794 3.01569C12.4265 3.07669 12.5602 3.16609 12.6728 3.27879C12.7855 3.39136 12.8749 3.52505 12.9359 3.6722C12.9969 3.81935 13.0283 3.97707 13.0283 4.13637C13.0283 4.29566 12.9969 4.45339 12.9359 4.60054C12.8749 4.74769 12.7855 4.88137 12.6728 4.99394L12.6364 5.03031C12.4967 5.17314 12.403 5.35456 12.3673 5.55116C12.3317 5.74776 12.3557 5.95054 12.4364 6.13334V6.18182C12.5132 6.36107 12.6408 6.51395 12.8034 6.62163C12.966 6.72932 13.1565 6.7871 13.3516 6.78788H13.4546C13.7761 6.78788 14.0844 6.91559 14.3117 7.1429C14.539 7.37022 14.6667 7.67853 14.6667 8C14.6667 8.32148 14.539 8.62978 14.3117 8.8571C14.0844 9.08442 13.7761 9.21212 13.4546 9.21212H13.4C13.205 9.2129 13.0145 9.27069 12.8519 9.37837C12.6893 9.48605 12.5617 9.63893 12.4849 9.81818Z";
|
|
1062
1222
|
function SettingsIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
1063
|
-
return /* @__PURE__ */ jsx(
|
|
1223
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1064
1224
|
Path,
|
|
1065
1225
|
{
|
|
1066
1226
|
d: SETTINGS_PATH,
|
|
@@ -1076,7 +1236,7 @@ function SettingsIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 })
|
|
|
1076
1236
|
var SHOW_PATH = "M1.66669 10C1.66669 10 4.16669 4.16667 10 4.16667C15.8334 4.16667 18.3334 10 18.3334 10C18.3334 10 15.8334 15.8333 10 15.8333C4.16669 15.8333 1.66669 10 1.66669 10Z";
|
|
1077
1237
|
var SHOW_PUPIL_PATH = "M10 12.5C11.3807 12.5 12.5 11.3807 12.5 10C12.5 8.61929 11.3807 7.5 10 7.5C8.61929 7.5 7.5 8.61929 7.5 10C7.5 11.3807 8.61929 12.5 10 12.5Z";
|
|
1078
1238
|
function ShowIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
1079
|
-
return /* @__PURE__ */ jsxs(
|
|
1239
|
+
return /* @__PURE__ */ jsxs(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
|
|
1080
1240
|
/* @__PURE__ */ jsx(
|
|
1081
1241
|
Path,
|
|
1082
1242
|
{
|
|
@@ -1103,7 +1263,7 @@ function ShowIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
1103
1263
|
// src/icons/Sidebar/sidebarPath.ts
|
|
1104
1264
|
var SIDEBAR_PATH = "M12.5 2.5V17.5M6.5 2.5H13.5C14.9001 2.5 15.6002 2.5 16.135 2.77248C16.6054 3.01217 16.9878 3.39462 17.2275 3.86502C17.5 4.3998 17.5 5.09987 17.5 6.5V13.5C17.5 14.9001 17.5 15.6002 17.2275 16.135C16.9878 16.6054 16.6054 16.9878 16.135 17.2275C15.6002 17.5 14.9001 17.5 13.5 17.5H6.5C5.09987 17.5 4.3998 17.5 3.86502 17.2275C3.39462 16.9878 3.01217 16.6054 2.77248 16.135C2.5 15.6002 2.5 14.9001 2.5 13.5V6.5C2.5 5.09987 2.5 4.3998 2.77248 3.86502C3.01217 3.39462 3.39462 3.01217 3.86502 2.77248C4.3998 2.5 5.09987 2.5 6.5 2.5Z";
|
|
1105
1265
|
function SidebarIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
1106
|
-
return /* @__PURE__ */ jsx(
|
|
1266
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1107
1267
|
Path,
|
|
1108
1268
|
{
|
|
1109
1269
|
d: SIDEBAR_PATH,
|
|
@@ -1118,7 +1278,7 @@ function SidebarIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
1118
1278
|
// src/icons/Sort/sortPath.ts
|
|
1119
1279
|
var SORT_PATH = "M3.5 2V10M5.5 8L3.5 10L1.5 8M8.5 10V2M10.5 4L8.5 2L6.5 4";
|
|
1120
1280
|
function SortIcon({ size = 12, color = colors.grey150, strokeWidth = 1.5 }) {
|
|
1121
|
-
return /* @__PURE__ */ jsx(
|
|
1281
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1122
1282
|
Path,
|
|
1123
1283
|
{
|
|
1124
1284
|
d: SORT_PATH,
|
|
@@ -1140,7 +1300,7 @@ function StarIcon({
|
|
|
1140
1300
|
strokeWidth = 2
|
|
1141
1301
|
}) {
|
|
1142
1302
|
const resolvedColor = color ?? (active ? "#E38E5E" : colors.grey150);
|
|
1143
|
-
return /* @__PURE__ */ jsx(
|
|
1303
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1144
1304
|
Path,
|
|
1145
1305
|
{
|
|
1146
1306
|
d: STAR_PATH,
|
|
@@ -1158,7 +1318,7 @@ function StarFilledIcon({
|
|
|
1158
1318
|
color = "#E38E5E",
|
|
1159
1319
|
strokeWidth = 2
|
|
1160
1320
|
}) {
|
|
1161
|
-
return /* @__PURE__ */ jsx(
|
|
1321
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: color, children: /* @__PURE__ */ jsx(
|
|
1162
1322
|
Path,
|
|
1163
1323
|
{
|
|
1164
1324
|
d: STAR_PATH,
|
|
@@ -1174,7 +1334,7 @@ function StarFilledIcon({
|
|
|
1174
1334
|
// src/icons/User/userPath.ts
|
|
1175
1335
|
var USER_PATH = "M15.8334 17.5C15.8334 14.2783 13.2217 11.6667 10 11.6667C6.77836 11.6667 4.16669 14.2783 4.16669 17.5M10 9.16667C8.15907 9.16667 6.66669 7.67428 6.66669 5.83333C6.66669 3.99238 8.15907 2.5 10 2.5C11.841 2.5 13.3334 3.99238 13.3334 5.83333C13.3334 7.67428 11.841 9.16667 10 9.16667Z";
|
|
1176
1336
|
function UserIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
1177
|
-
return /* @__PURE__ */ jsx(
|
|
1337
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1178
1338
|
Path,
|
|
1179
1339
|
{
|
|
1180
1340
|
d: USER_PATH,
|
|
@@ -1189,7 +1349,7 @@ function UserIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
1189
1349
|
// src/icons/UsersAlt/usersAltPath.ts
|
|
1190
1350
|
var USERS_ALT_PATH = "M14.35 14.2566C14.9725 13.7177 15.4718 13.0513 15.814 12.3024C16.1562 11.5536 16.3333 10.7399 16.3333 9.91659C16.3333 8.36949 15.7187 6.88576 14.6248 5.7918C13.5308 4.69783 12.0471 4.08325 10.5 4.08325C8.95289 4.08325 7.46916 4.69783 6.3752 5.7918C5.28124 6.88576 4.66666 8.36949 4.66666 9.91659C4.66665 10.7399 4.84376 11.5536 5.18597 12.3024C5.52818 13.0513 6.02748 13.7177 6.64999 14.2566C5.01682 14.9961 3.6312 16.1904 2.6588 17.6966C1.6864 19.2027 1.16837 20.9571 1.16666 22.7499C1.16666 23.0593 1.28957 23.3561 1.50837 23.5749C1.72716 23.7937 2.0239 23.9166 2.33332 23.9166C2.64274 23.9166 2.93949 23.7937 3.15828 23.5749C3.37707 23.3561 3.49999 23.0593 3.49999 22.7499C3.49999 20.8934 4.23749 19.1129 5.55024 17.8002C6.863 16.4874 8.64347 15.7499 10.5 15.7499C12.3565 15.7499 14.137 16.4874 15.4497 17.8002C16.7625 19.1129 17.5 20.8934 17.5 22.7499C17.5 23.0593 17.6229 23.3561 17.8417 23.5749C18.0605 23.7937 18.3572 23.9166 18.6667 23.9166C18.9761 23.9166 19.2728 23.7937 19.4916 23.5749C19.7104 23.3561 19.8333 23.0593 19.8333 22.7499C19.8316 20.9571 19.3136 19.2027 18.3412 17.6966C17.3688 16.1904 15.9832 14.9961 14.35 14.2566ZM10.5 13.4166C9.80775 13.4166 9.13107 13.2113 8.55549 12.8267C7.97992 12.4421 7.53132 11.8955 7.26641 11.256C7.0015 10.6164 6.93219 9.9127 7.06724 9.23377C7.20229 8.55484 7.53563 7.9312 8.02512 7.44171C8.5146 6.95223 9.13824 6.61889 9.81717 6.48384C10.4961 6.34879 11.1998 6.4181 11.8394 6.68301C12.4789 6.94791 13.0255 7.39652 13.4101 7.97209C13.7947 8.54766 14 9.22435 14 9.91659C14 10.8448 13.6312 11.7351 12.9749 12.3915C12.3185 13.0478 11.4282 13.4166 10.5 13.4166ZM21.8633 13.7899C22.61 12.9491 23.0977 11.9105 23.2678 10.799C23.4378 9.68748 23.2831 8.55051 22.822 7.52492C22.361 6.49933 21.6134 5.62885 20.6692 5.01825C19.725 4.40764 18.6244 4.08295 17.5 4.08325C17.1906 4.08325 16.8938 4.20617 16.675 4.42496C16.4562 4.64375 16.3333 4.9405 16.3333 5.24992C16.3333 5.55934 16.4562 5.85608 16.675 6.07488C16.8938 6.29367 17.1906 6.41659 17.5 6.41659C18.4282 6.41659 19.3185 6.78533 19.9749 7.44171C20.6312 8.09809 21 8.98833 21 9.91659C20.9983 10.5294 20.8358 11.131 20.5287 11.6612C20.2216 12.1915 19.7807 12.6319 19.25 12.9383C19.077 13.038 18.9325 13.1805 18.8304 13.3521C18.7283 13.5237 18.6719 13.7186 18.6667 13.9183C18.6618 14.1163 18.7074 14.3123 18.7993 14.4879C18.8911 14.6634 19.0262 14.8127 19.1917 14.9216L19.6467 15.2249L19.7983 15.3066C21.2046 15.9736 22.391 17.0286 23.2178 18.3473C24.0446 19.666 24.4773 21.1935 24.465 22.7499C24.465 23.0593 24.5879 23.3561 24.8067 23.5749C25.0255 23.7937 25.3222 23.9166 25.6317 23.9166C25.9411 23.9166 26.2378 23.7937 26.4566 23.5749C26.6754 23.3561 26.7983 23.0593 26.7983 22.7499C26.8079 20.9596 26.3594 19.1965 25.4957 17.6283C24.632 16.0601 23.3816 14.7388 21.8633 13.7899Z";
|
|
1191
1351
|
function UsersAltIcon({ size = 28, color = colors.white }) {
|
|
1192
|
-
return /* @__PURE__ */ jsx(
|
|
1352
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 28 28", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: USERS_ALT_PATH, fill: color }) });
|
|
1193
1353
|
}
|
|
1194
1354
|
|
|
1195
1355
|
// src/icons/Video/videoPath.ts
|
|
@@ -1198,7 +1358,7 @@ var VIDEO_PATHS = [
|
|
|
1198
1358
|
"M1.33337 6.53333C1.33337 5.41322 1.33337 4.85317 1.55136 4.42535C1.74311 4.04902 2.04907 3.74306 2.42539 3.55132C2.85322 3.33333 3.41327 3.33333 4.53337 3.33333H8.13337C9.25348 3.33333 9.81353 3.33333 10.2414 3.55132C10.6177 3.74306 10.9236 4.04902 11.1154 4.42535C11.3334 4.85317 11.3334 5.41322 11.3334 6.53333V9.46666C11.3334 10.5868 11.3334 11.1468 11.1154 11.5746C10.9236 11.951 10.6177 12.2569 10.2414 12.4487C9.81353 12.6667 9.25348 12.6667 8.13337 12.6667H4.53337C3.41327 12.6667 2.85322 12.6667 2.42539 12.4487C2.04907 12.2569 1.74311 11.951 1.55136 11.5746C1.33337 11.1468 1.33337 10.5868 1.33337 9.46666V6.53333Z"
|
|
1199
1359
|
];
|
|
1200
1360
|
function VideoIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
1201
|
-
return /* @__PURE__ */ jsx(
|
|
1361
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: VIDEO_PATHS.map((path) => /* @__PURE__ */ jsx(
|
|
1202
1362
|
Path,
|
|
1203
1363
|
{
|
|
1204
1364
|
d: path,
|
|
@@ -1213,6 +1373,7 @@ function VideoIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
|
1213
1373
|
|
|
1214
1374
|
// src/icons/registry.ts
|
|
1215
1375
|
var icons = {
|
|
1376
|
+
alertTriangle: AlertTriangleIcon,
|
|
1216
1377
|
areaExpand: AreaExpandIcon,
|
|
1217
1378
|
apple: AppleIcon,
|
|
1218
1379
|
arrowRight: ArrowRightIcon,
|
|
@@ -1229,8 +1390,10 @@ var icons = {
|
|
|
1229
1390
|
chevronLeft: ChevronLeftIcon,
|
|
1230
1391
|
clock: ClockIcon,
|
|
1231
1392
|
close: CloseIcon,
|
|
1393
|
+
edit: EditIcon,
|
|
1232
1394
|
clockFilled: ClockFilledIcon,
|
|
1233
1395
|
copy: CopyIcon,
|
|
1396
|
+
download: DownloadIcon,
|
|
1234
1397
|
bathrooms: BathroomsIcon,
|
|
1235
1398
|
bedrooms: BedroomsIcon,
|
|
1236
1399
|
cardLocation: CardLocationIcon,
|
|
@@ -1248,6 +1411,8 @@ var icons = {
|
|
|
1248
1411
|
linkedin: LinkedInIcon,
|
|
1249
1412
|
listView: ListViewIcon,
|
|
1250
1413
|
locationPin: LocationPinIcon,
|
|
1414
|
+
locationUser: LocationUserIcon,
|
|
1415
|
+
lock: LockIcon,
|
|
1251
1416
|
logOut: LogOutIcon,
|
|
1252
1417
|
mail: MailIcon,
|
|
1253
1418
|
mapView: MapViewIcon,
|
|
@@ -1256,10 +1421,15 @@ var icons = {
|
|
|
1256
1421
|
menu: MenuIcon,
|
|
1257
1422
|
minus: MinusIcon,
|
|
1258
1423
|
navigate: NavigateIcon,
|
|
1424
|
+
noSmoking: NoSmokingIcon,
|
|
1425
|
+
paw: PawIcon,
|
|
1259
1426
|
phone: PhoneIcon,
|
|
1260
1427
|
qrCode: QrCodeIcon,
|
|
1428
|
+
quietHours: QuietHoursIcon,
|
|
1261
1429
|
ratingStar: RatingStarIcon,
|
|
1262
1430
|
plus: PlusIcon,
|
|
1431
|
+
refresh: RefreshIcon,
|
|
1432
|
+
refundStatus: RefundStatusIcon,
|
|
1263
1433
|
search: SearchIcon,
|
|
1264
1434
|
saveHeart: SaveHeartIcon,
|
|
1265
1435
|
share: ShareIcon,
|
|
@@ -1270,6 +1440,7 @@ var icons = {
|
|
|
1270
1440
|
star: StarIcon,
|
|
1271
1441
|
starFilled: StarFilledIcon,
|
|
1272
1442
|
tooltipArrow: TooltipArrowIcon,
|
|
1443
|
+
trash: TrashIcon,
|
|
1273
1444
|
user: UserIcon,
|
|
1274
1445
|
usersAlt: UsersAltIcon,
|
|
1275
1446
|
video: VideoIcon,
|
|
@@ -1284,6 +1455,7 @@ var iconGroups = {
|
|
|
1284
1455
|
"home",
|
|
1285
1456
|
"listView",
|
|
1286
1457
|
"locationPin",
|
|
1458
|
+
"locationUser",
|
|
1287
1459
|
"mapCollapse",
|
|
1288
1460
|
"mapExpand",
|
|
1289
1461
|
"mapView",
|
|
@@ -1292,6 +1464,7 @@ var iconGroups = {
|
|
|
1292
1464
|
],
|
|
1293
1465
|
actions: [
|
|
1294
1466
|
"show",
|
|
1467
|
+
"alertTriangle",
|
|
1295
1468
|
"bell",
|
|
1296
1469
|
"camera",
|
|
1297
1470
|
"key",
|
|
@@ -1299,10 +1472,12 @@ var iconGroups = {
|
|
|
1299
1472
|
"checkBadge",
|
|
1300
1473
|
"checkSuccess",
|
|
1301
1474
|
"copy",
|
|
1475
|
+
"download",
|
|
1302
1476
|
"search",
|
|
1303
1477
|
"calendar",
|
|
1304
1478
|
"calendarOutline",
|
|
1305
1479
|
"close",
|
|
1480
|
+
"edit",
|
|
1306
1481
|
"ratingStar",
|
|
1307
1482
|
"saveHeart",
|
|
1308
1483
|
"share",
|
|
@@ -1312,6 +1487,8 @@ var iconGroups = {
|
|
|
1312
1487
|
"starFilled",
|
|
1313
1488
|
"minus",
|
|
1314
1489
|
"plus",
|
|
1490
|
+
"refresh",
|
|
1491
|
+
"refundStatus",
|
|
1315
1492
|
"sort"
|
|
1316
1493
|
],
|
|
1317
1494
|
objects: [
|
|
@@ -1323,7 +1500,12 @@ var iconGroups = {
|
|
|
1323
1500
|
"clock",
|
|
1324
1501
|
"clockFilled",
|
|
1325
1502
|
"guests",
|
|
1503
|
+
"lock",
|
|
1504
|
+
"noSmoking",
|
|
1505
|
+
"paw",
|
|
1326
1506
|
"qrCode",
|
|
1507
|
+
"quietHours",
|
|
1508
|
+
"trash",
|
|
1327
1509
|
"user",
|
|
1328
1510
|
"usersAlt",
|
|
1329
1511
|
"video",
|
|
@@ -1410,7 +1592,7 @@ var AMENITY_PATHS = {
|
|
|
1410
1592
|
]
|
|
1411
1593
|
};
|
|
1412
1594
|
function AmenityIcon({ name, size = 20, color = colors.primary }) {
|
|
1413
|
-
return /* @__PURE__ */ jsx(
|
|
1595
|
+
return /* @__PURE__ */ jsx(Svg18, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: AMENITY_PATHS[name].map((path, index) => /* @__PURE__ */ jsx(
|
|
1414
1596
|
Path,
|
|
1415
1597
|
{
|
|
1416
1598
|
d: path.d,
|
|
@@ -1834,7 +2016,7 @@ function BrandLogo({
|
|
|
1834
2016
|
const size = resolveBrandLogoSize(width, height);
|
|
1835
2017
|
const fill = BRAND_LOGO_COLORS[variant];
|
|
1836
2018
|
return /* @__PURE__ */ jsx(
|
|
1837
|
-
|
|
2019
|
+
Svg18,
|
|
1838
2020
|
{
|
|
1839
2021
|
width: size.width,
|
|
1840
2022
|
height: size.height,
|
|
@@ -2111,8 +2293,8 @@ var AvatarSimple = forwardRef(
|
|
|
2111
2293
|
) : null }),
|
|
2112
2294
|
!compact ? /* @__PURE__ */ jsxs(View, { style: styles5.details, children: [
|
|
2113
2295
|
/* @__PURE__ */ jsxs(View, { style: styles5.textBlock, children: [
|
|
2114
|
-
/* @__PURE__ */ jsx(Text, { style: styles5.name, numberOfLines: 1, children: name }),
|
|
2115
|
-
/* @__PURE__ */ jsx(Text, { style: styles5.email, numberOfLines: 1, children: email })
|
|
2296
|
+
/* @__PURE__ */ jsx(Text, { style: styles5.name, numberOfLines: 1, ellipsizeMode: "tail", children: name }),
|
|
2297
|
+
/* @__PURE__ */ jsx(Text, { style: styles5.email, numberOfLines: 1, ellipsizeMode: "tail", children: email })
|
|
2116
2298
|
] }),
|
|
2117
2299
|
/* @__PURE__ */ jsx(
|
|
2118
2300
|
Pressable,
|
|
@@ -2200,6 +2382,194 @@ var styles5 = StyleSheet.create({
|
|
|
2200
2382
|
flexShrink: 0
|
|
2201
2383
|
}
|
|
2202
2384
|
});
|
|
2385
|
+
var HEADER_HEIGHT = 64;
|
|
2386
|
+
var MENU_ICON_SIZE = 28;
|
|
2387
|
+
var ICON_BUTTON_SIZE = 32;
|
|
2388
|
+
var ICON_BUTTON_ICON_SIZE = 16;
|
|
2389
|
+
var BACK_TITLE_GAP = 12;
|
|
2390
|
+
var TITLE_BADGE_GAP = 12;
|
|
2391
|
+
var MENU_TITLE_GAP = 16;
|
|
2392
|
+
var RIGHT_GAP = 16;
|
|
2393
|
+
var AccountHeader = forwardRef(
|
|
2394
|
+
function AccountHeader2({
|
|
2395
|
+
title,
|
|
2396
|
+
onBackPress,
|
|
2397
|
+
onMenuPress,
|
|
2398
|
+
onNotificationsPress,
|
|
2399
|
+
badge,
|
|
2400
|
+
backAccessibilityLabel = "Back",
|
|
2401
|
+
menuAccessibilityLabel = "Open menu",
|
|
2402
|
+
notificationsAccessibilityLabel = "Notifications",
|
|
2403
|
+
style,
|
|
2404
|
+
className,
|
|
2405
|
+
...rest
|
|
2406
|
+
}, forwardedRef) {
|
|
2407
|
+
const containerRef = useRef(null);
|
|
2408
|
+
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
2409
|
+
const resolvedClassName = className?.trim() || void 0;
|
|
2410
|
+
const showBack = onBackPress != null;
|
|
2411
|
+
const showMenu = !showBack && onMenuPress != null;
|
|
2412
|
+
const isCompact = showMenu;
|
|
2413
|
+
useApplyWebClassName(containerRef, resolvedClassName);
|
|
2414
|
+
return /* @__PURE__ */ jsxs(
|
|
2415
|
+
View,
|
|
2416
|
+
{
|
|
2417
|
+
...rest,
|
|
2418
|
+
ref: setContainerRef,
|
|
2419
|
+
accessibilityRole: "header",
|
|
2420
|
+
style: [styles6.base, isCompact ? styles6.compact : styles6.desktop, style],
|
|
2421
|
+
children: [
|
|
2422
|
+
/* @__PURE__ */ jsxs(
|
|
2423
|
+
View,
|
|
2424
|
+
{
|
|
2425
|
+
style: [
|
|
2426
|
+
styles6.start,
|
|
2427
|
+
showBack ? styles6.startWithBack : null,
|
|
2428
|
+
showMenu ? styles6.startWithMenu : null
|
|
2429
|
+
],
|
|
2430
|
+
children: [
|
|
2431
|
+
showBack ? /* @__PURE__ */ jsx(
|
|
2432
|
+
Pressable,
|
|
2433
|
+
{
|
|
2434
|
+
accessibilityRole: "button",
|
|
2435
|
+
accessibilityLabel: backAccessibilityLabel,
|
|
2436
|
+
hitSlop: 8,
|
|
2437
|
+
onPress: onBackPress,
|
|
2438
|
+
style: styles6.iconButton,
|
|
2439
|
+
children: /* @__PURE__ */ jsx(
|
|
2440
|
+
ChevronLeftIcon,
|
|
2441
|
+
{
|
|
2442
|
+
color: colors.white,
|
|
2443
|
+
size: ICON_BUTTON_ICON_SIZE,
|
|
2444
|
+
strokeWidth: 1.5
|
|
2445
|
+
}
|
|
2446
|
+
)
|
|
2447
|
+
}
|
|
2448
|
+
) : null,
|
|
2449
|
+
showMenu ? /* @__PURE__ */ jsx(
|
|
2450
|
+
Pressable,
|
|
2451
|
+
{
|
|
2452
|
+
accessibilityRole: "button",
|
|
2453
|
+
accessibilityLabel: menuAccessibilityLabel,
|
|
2454
|
+
hitSlop: 8,
|
|
2455
|
+
onPress: onMenuPress,
|
|
2456
|
+
style: styles6.menuButton,
|
|
2457
|
+
children: /* @__PURE__ */ jsx(MenuIcon, { color: colors.white, size: MENU_ICON_SIZE, strokeWidth: 1.5 })
|
|
2458
|
+
}
|
|
2459
|
+
) : null,
|
|
2460
|
+
/* @__PURE__ */ jsxs(View, { style: styles6.titleRow, children: [
|
|
2461
|
+
/* @__PURE__ */ jsx(
|
|
2462
|
+
Text,
|
|
2463
|
+
{
|
|
2464
|
+
numberOfLines: 1,
|
|
2465
|
+
style: [
|
|
2466
|
+
styles6.title,
|
|
2467
|
+
showBack || !isCompact ? styles6.titleDesktop : styles6.titleCompact
|
|
2468
|
+
],
|
|
2469
|
+
children: title
|
|
2470
|
+
}
|
|
2471
|
+
),
|
|
2472
|
+
badge != null ? /* @__PURE__ */ jsx(View, { style: styles6.badgeSlot, children: badge }) : null
|
|
2473
|
+
] })
|
|
2474
|
+
]
|
|
2475
|
+
}
|
|
2476
|
+
),
|
|
2477
|
+
/* @__PURE__ */ jsx(View, { style: styles6.end, children: /* @__PURE__ */ jsx(
|
|
2478
|
+
Pressable,
|
|
2479
|
+
{
|
|
2480
|
+
accessibilityRole: "button",
|
|
2481
|
+
accessibilityLabel: notificationsAccessibilityLabel,
|
|
2482
|
+
onPress: onNotificationsPress,
|
|
2483
|
+
style: styles6.iconButton,
|
|
2484
|
+
children: /* @__PURE__ */ jsx(BellIcon, { color: colors.white, size: ICON_BUTTON_ICON_SIZE, strokeWidth: 1.5 })
|
|
2485
|
+
}
|
|
2486
|
+
) })
|
|
2487
|
+
]
|
|
2488
|
+
}
|
|
2489
|
+
);
|
|
2490
|
+
}
|
|
2491
|
+
);
|
|
2492
|
+
var styles6 = StyleSheet.create({
|
|
2493
|
+
base: {
|
|
2494
|
+
height: HEADER_HEIGHT,
|
|
2495
|
+
width: "100%",
|
|
2496
|
+
flexDirection: "row",
|
|
2497
|
+
alignItems: "center",
|
|
2498
|
+
justifyContent: "space-between",
|
|
2499
|
+
backgroundColor: colors.dark,
|
|
2500
|
+
borderBottomWidth: 1,
|
|
2501
|
+
borderBottomColor: colors.grey700
|
|
2502
|
+
},
|
|
2503
|
+
desktop: {
|
|
2504
|
+
paddingTop: 16,
|
|
2505
|
+
paddingBottom: 16,
|
|
2506
|
+
paddingLeft: 24,
|
|
2507
|
+
paddingRight: 24
|
|
2508
|
+
},
|
|
2509
|
+
compact: {
|
|
2510
|
+
padding: 16
|
|
2511
|
+
},
|
|
2512
|
+
start: {
|
|
2513
|
+
flex: 1,
|
|
2514
|
+
minWidth: 0,
|
|
2515
|
+
flexDirection: "row",
|
|
2516
|
+
alignItems: "center"
|
|
2517
|
+
},
|
|
2518
|
+
startWithBack: {
|
|
2519
|
+
gap: BACK_TITLE_GAP
|
|
2520
|
+
},
|
|
2521
|
+
startWithMenu: {
|
|
2522
|
+
gap: MENU_TITLE_GAP
|
|
2523
|
+
},
|
|
2524
|
+
titleRow: {
|
|
2525
|
+
flex: 1,
|
|
2526
|
+
minWidth: 0,
|
|
2527
|
+
flexDirection: "row",
|
|
2528
|
+
alignItems: "center",
|
|
2529
|
+
gap: TITLE_BADGE_GAP
|
|
2530
|
+
},
|
|
2531
|
+
end: {
|
|
2532
|
+
flexShrink: 0,
|
|
2533
|
+
marginLeft: RIGHT_GAP
|
|
2534
|
+
},
|
|
2535
|
+
iconButton: {
|
|
2536
|
+
width: ICON_BUTTON_SIZE,
|
|
2537
|
+
height: ICON_BUTTON_SIZE,
|
|
2538
|
+
padding: 8,
|
|
2539
|
+
alignItems: "center",
|
|
2540
|
+
justifyContent: "center",
|
|
2541
|
+
borderRadius: 5,
|
|
2542
|
+
backgroundColor: colors.grey800,
|
|
2543
|
+
borderWidth: 1,
|
|
2544
|
+
borderColor: colors.grey700,
|
|
2545
|
+
flexShrink: 0
|
|
2546
|
+
},
|
|
2547
|
+
menuButton: {
|
|
2548
|
+
width: MENU_ICON_SIZE,
|
|
2549
|
+
height: MENU_ICON_SIZE,
|
|
2550
|
+
alignItems: "center",
|
|
2551
|
+
justifyContent: "center",
|
|
2552
|
+
flexShrink: 0
|
|
2553
|
+
},
|
|
2554
|
+
title: {
|
|
2555
|
+
flexShrink: 1,
|
|
2556
|
+
fontFamily: fonts.sans,
|
|
2557
|
+
fontWeight: "600",
|
|
2558
|
+
letterSpacing: 0,
|
|
2559
|
+
color: colors.white
|
|
2560
|
+
},
|
|
2561
|
+
titleDesktop: {
|
|
2562
|
+
fontSize: 16,
|
|
2563
|
+
lineHeight: 22
|
|
2564
|
+
},
|
|
2565
|
+
titleCompact: {
|
|
2566
|
+
fontSize: 14,
|
|
2567
|
+
lineHeight: 20
|
|
2568
|
+
},
|
|
2569
|
+
badgeSlot: {
|
|
2570
|
+
flexShrink: 0
|
|
2571
|
+
}
|
|
2572
|
+
});
|
|
2203
2573
|
var ICON_SIZE3 = 20;
|
|
2204
2574
|
var webBlurStyle2 = Platform.OS === "web" ? {
|
|
2205
2575
|
backdropFilter: "blur(10.3px)",
|
|
@@ -2231,22 +2601,22 @@ var Badge = forwardRef(function Badge2({ label, variant = "default", icon: Icon2
|
|
|
2231
2601
|
...rest,
|
|
2232
2602
|
ref: setContainerRef,
|
|
2233
2603
|
style: [
|
|
2234
|
-
|
|
2604
|
+
styles7.base,
|
|
2235
2605
|
{ backgroundColor: preset.backgroundColor },
|
|
2236
|
-
preset.border ?
|
|
2606
|
+
preset.border ? styles7.transparentBorder : null,
|
|
2237
2607
|
preset.blur ? webBlurStyle2 : null,
|
|
2238
2608
|
style
|
|
2239
2609
|
],
|
|
2240
2610
|
accessibilityRole: "text",
|
|
2241
2611
|
accessibilityLabel: accessibilityLabel ?? label,
|
|
2242
2612
|
children: [
|
|
2243
|
-
Icon2 ? /* @__PURE__ */ jsx(View, { style:
|
|
2244
|
-
/* @__PURE__ */ jsx(Text, { style: [
|
|
2613
|
+
Icon2 ? /* @__PURE__ */ jsx(View, { style: styles7.iconSlot, children: /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE3, color: preset.iconColor }) }) : null,
|
|
2614
|
+
/* @__PURE__ */ jsx(Text, { style: [styles7.label, Platform.OS === "android" ? styles7.labelAndroid : null], children: label })
|
|
2245
2615
|
]
|
|
2246
2616
|
}
|
|
2247
2617
|
);
|
|
2248
2618
|
});
|
|
2249
|
-
var
|
|
2619
|
+
var styles7 = StyleSheet.create({
|
|
2250
2620
|
base: {
|
|
2251
2621
|
flexDirection: "row",
|
|
2252
2622
|
alignItems: "center",
|
|
@@ -2281,8 +2651,339 @@ var styles6 = StyleSheet.create({
|
|
|
2281
2651
|
includeFontPadding: false
|
|
2282
2652
|
}
|
|
2283
2653
|
});
|
|
2284
|
-
var
|
|
2654
|
+
var toneConfig = {
|
|
2655
|
+
active: {
|
|
2656
|
+
backgroundColor: colors.greenMuted,
|
|
2657
|
+
color: colors.green
|
|
2658
|
+
},
|
|
2659
|
+
completed: {
|
|
2660
|
+
backgroundColor: colors.greyMuted,
|
|
2661
|
+
color: colors.grey0
|
|
2662
|
+
},
|
|
2663
|
+
cancelled: {
|
|
2664
|
+
backgroundColor: colors.cancelledMuted,
|
|
2665
|
+
color: colors.red
|
|
2666
|
+
}
|
|
2667
|
+
};
|
|
2285
2668
|
var webBlurStyle3 = Platform.OS === "web" ? {
|
|
2669
|
+
backdropFilter: "blur(39.5px)",
|
|
2670
|
+
WebkitBackdropFilter: "blur(39.5px)"
|
|
2671
|
+
} : {};
|
|
2672
|
+
var StatusBadge = forwardRef(
|
|
2673
|
+
function StatusBadge2({ label, tone = "active", style, className, accessibilityLabel, ...rest }, forwardedRef) {
|
|
2674
|
+
const containerRef = useRef(null);
|
|
2675
|
+
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
2676
|
+
const preset = toneConfig[tone];
|
|
2677
|
+
useApplyWebClassName(containerRef, className);
|
|
2678
|
+
return /* @__PURE__ */ jsx(
|
|
2679
|
+
View,
|
|
2680
|
+
{
|
|
2681
|
+
...rest,
|
|
2682
|
+
ref: setContainerRef,
|
|
2683
|
+
accessibilityRole: "text",
|
|
2684
|
+
accessibilityLabel: accessibilityLabel ?? label,
|
|
2685
|
+
style: [styles8.base, { backgroundColor: preset.backgroundColor }, webBlurStyle3, style],
|
|
2686
|
+
children: /* @__PURE__ */ jsx(
|
|
2687
|
+
Text,
|
|
2688
|
+
{
|
|
2689
|
+
style: [
|
|
2690
|
+
styles8.label,
|
|
2691
|
+
{ color: preset.color },
|
|
2692
|
+
Platform.OS === "android" ? styles8.labelAndroid : null
|
|
2693
|
+
],
|
|
2694
|
+
children: label
|
|
2695
|
+
}
|
|
2696
|
+
)
|
|
2697
|
+
}
|
|
2698
|
+
);
|
|
2699
|
+
}
|
|
2700
|
+
);
|
|
2701
|
+
var styles8 = StyleSheet.create({
|
|
2702
|
+
base: {
|
|
2703
|
+
height: 28,
|
|
2704
|
+
minHeight: 28,
|
|
2705
|
+
flexDirection: "row",
|
|
2706
|
+
alignItems: "center",
|
|
2707
|
+
alignSelf: "flex-start",
|
|
2708
|
+
justifyContent: "center",
|
|
2709
|
+
gap: 6,
|
|
2710
|
+
paddingVertical: 6,
|
|
2711
|
+
paddingHorizontal: 12,
|
|
2712
|
+
borderRadius: 50,
|
|
2713
|
+
overflow: "hidden"
|
|
2714
|
+
},
|
|
2715
|
+
label: {
|
|
2716
|
+
fontFamily: fonts.sans,
|
|
2717
|
+
fontSize: 12,
|
|
2718
|
+
fontWeight: "600",
|
|
2719
|
+
lineHeight: 12,
|
|
2720
|
+
letterSpacing: 0
|
|
2721
|
+
},
|
|
2722
|
+
labelAndroid: {
|
|
2723
|
+
includeFontPadding: false
|
|
2724
|
+
}
|
|
2725
|
+
});
|
|
2726
|
+
var TRACK_WIDTH = 48;
|
|
2727
|
+
var DOT_HEIGHT = 6;
|
|
2728
|
+
var INACTIVE_SIZE = 6;
|
|
2729
|
+
var GAP = 4;
|
|
2730
|
+
function activePillWidth(count) {
|
|
2731
|
+
if (count <= 1) return TRACK_WIDTH;
|
|
2732
|
+
const inactiveCount = count - 1;
|
|
2733
|
+
return TRACK_WIDTH - inactiveCount * INACTIVE_SIZE - inactiveCount * GAP;
|
|
2734
|
+
}
|
|
2735
|
+
var PaginationDots = forwardRef(
|
|
2736
|
+
function PaginationDots2({ count, activeIndex, onDotPress, accessibilityLabel, style, className, ...rest }, forwardedRef) {
|
|
2737
|
+
const containerRef = useRef(null);
|
|
2738
|
+
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
2739
|
+
const safeCount = Math.max(0, count);
|
|
2740
|
+
const safeActive = safeCount === 0 ? 0 : Math.min(Math.max(activeIndex, 0), safeCount - 1);
|
|
2741
|
+
const pillWidth = Math.max(INACTIVE_SIZE, activePillWidth(safeCount));
|
|
2742
|
+
useApplyWebClassName(containerRef, className);
|
|
2743
|
+
if (safeCount <= 0) {
|
|
2744
|
+
return null;
|
|
2745
|
+
}
|
|
2746
|
+
return /* @__PURE__ */ jsx(
|
|
2747
|
+
View,
|
|
2748
|
+
{
|
|
2749
|
+
...rest,
|
|
2750
|
+
ref: setContainerRef,
|
|
2751
|
+
accessibilityRole: "adjustable",
|
|
2752
|
+
accessibilityLabel: accessibilityLabel ?? `Slide ${safeActive + 1} of ${safeCount}`,
|
|
2753
|
+
style: [styles9.root, style],
|
|
2754
|
+
children: Array.from({ length: safeCount }, (_, index) => {
|
|
2755
|
+
const active = index === safeActive;
|
|
2756
|
+
return /* @__PURE__ */ jsx(
|
|
2757
|
+
Pressable,
|
|
2758
|
+
{
|
|
2759
|
+
accessibilityRole: "button",
|
|
2760
|
+
accessibilityLabel: `Go to slide ${index + 1}`,
|
|
2761
|
+
accessibilityState: { selected: active },
|
|
2762
|
+
disabled: onDotPress == null,
|
|
2763
|
+
hitSlop: 8,
|
|
2764
|
+
onPress: () => onDotPress?.(index),
|
|
2765
|
+
style: [
|
|
2766
|
+
styles9.dot,
|
|
2767
|
+
active ? [styles9.dotActive, { width: pillWidth }] : styles9.dotInactive
|
|
2768
|
+
]
|
|
2769
|
+
},
|
|
2770
|
+
index
|
|
2771
|
+
);
|
|
2772
|
+
})
|
|
2773
|
+
}
|
|
2774
|
+
);
|
|
2775
|
+
}
|
|
2776
|
+
);
|
|
2777
|
+
var styles9 = StyleSheet.create({
|
|
2778
|
+
root: {
|
|
2779
|
+
width: TRACK_WIDTH,
|
|
2780
|
+
flexDirection: "row",
|
|
2781
|
+
alignItems: "center",
|
|
2782
|
+
justifyContent: "center",
|
|
2783
|
+
gap: GAP
|
|
2784
|
+
},
|
|
2785
|
+
dot: {
|
|
2786
|
+
height: DOT_HEIGHT,
|
|
2787
|
+
borderRadius: DOT_HEIGHT
|
|
2788
|
+
},
|
|
2789
|
+
dotActive: {
|
|
2790
|
+
backgroundColor: colors.white
|
|
2791
|
+
},
|
|
2792
|
+
dotInactive: {
|
|
2793
|
+
width: INACTIVE_SIZE,
|
|
2794
|
+
backgroundColor: colors.whiteAlpha40
|
|
2795
|
+
}
|
|
2796
|
+
});
|
|
2797
|
+
var ICON_SLOT = 36;
|
|
2798
|
+
var ICON_SIZE4 = 20;
|
|
2799
|
+
var InfoTile = forwardRef(function InfoTile2({
|
|
2800
|
+
title,
|
|
2801
|
+
description,
|
|
2802
|
+
icon: Icon2,
|
|
2803
|
+
iconProps,
|
|
2804
|
+
iconSize = ICON_SIZE4,
|
|
2805
|
+
iconSlotBackgroundColor = colors.grey600,
|
|
2806
|
+
style,
|
|
2807
|
+
className,
|
|
2808
|
+
accessibilityLabel,
|
|
2809
|
+
...rest
|
|
2810
|
+
}, forwardedRef) {
|
|
2811
|
+
const containerRef = useRef(null);
|
|
2812
|
+
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
2813
|
+
const hasDescription = Boolean(description?.trim());
|
|
2814
|
+
useApplyWebClassName(containerRef, className);
|
|
2815
|
+
return /* @__PURE__ */ jsxs(
|
|
2816
|
+
View,
|
|
2817
|
+
{
|
|
2818
|
+
...rest,
|
|
2819
|
+
ref: setContainerRef,
|
|
2820
|
+
accessibilityRole: "text",
|
|
2821
|
+
accessibilityLabel: accessibilityLabel ?? (hasDescription ? `${title}. ${description}` : title),
|
|
2822
|
+
style: [styles10.root, style],
|
|
2823
|
+
children: [
|
|
2824
|
+
/* @__PURE__ */ jsx(View, { style: [styles10.iconSlot, { backgroundColor: iconSlotBackgroundColor }], children: /* @__PURE__ */ jsx(Icon2, { ...iconProps, size: iconSize, color: iconProps?.color ?? colors.white }) }),
|
|
2825
|
+
/* @__PURE__ */ jsxs(View, { style: styles10.textBlock, children: [
|
|
2826
|
+
/* @__PURE__ */ jsx(Text, { style: styles10.title, children: title }),
|
|
2827
|
+
hasDescription ? /* @__PURE__ */ jsx(Text, { style: styles10.description, children: description }) : null
|
|
2828
|
+
] })
|
|
2829
|
+
]
|
|
2830
|
+
}
|
|
2831
|
+
);
|
|
2832
|
+
});
|
|
2833
|
+
var styles10 = StyleSheet.create({
|
|
2834
|
+
root: {
|
|
2835
|
+
flexDirection: "row",
|
|
2836
|
+
alignItems: "center",
|
|
2837
|
+
alignSelf: "flex-start",
|
|
2838
|
+
gap: 16,
|
|
2839
|
+
padding: 12,
|
|
2840
|
+
borderRadius: 16,
|
|
2841
|
+
backgroundColor: colors.grey700
|
|
2842
|
+
},
|
|
2843
|
+
iconSlot: {
|
|
2844
|
+
width: ICON_SLOT,
|
|
2845
|
+
height: ICON_SLOT,
|
|
2846
|
+
padding: 8,
|
|
2847
|
+
borderRadius: 8,
|
|
2848
|
+
alignItems: "center",
|
|
2849
|
+
justifyContent: "center",
|
|
2850
|
+
flexShrink: 0
|
|
2851
|
+
},
|
|
2852
|
+
textBlock: {
|
|
2853
|
+
flexShrink: 1,
|
|
2854
|
+
minWidth: 0,
|
|
2855
|
+
flexDirection: "column",
|
|
2856
|
+
gap: 6
|
|
2857
|
+
},
|
|
2858
|
+
title: {
|
|
2859
|
+
fontFamily: fonts.sans,
|
|
2860
|
+
fontSize: 14,
|
|
2861
|
+
fontWeight: "500",
|
|
2862
|
+
lineHeight: 14,
|
|
2863
|
+
letterSpacing: 0,
|
|
2864
|
+
color: colors.white
|
|
2865
|
+
},
|
|
2866
|
+
description: {
|
|
2867
|
+
fontFamily: fonts.sans,
|
|
2868
|
+
fontSize: 12,
|
|
2869
|
+
fontWeight: "400",
|
|
2870
|
+
lineHeight: 12,
|
|
2871
|
+
letterSpacing: 0,
|
|
2872
|
+
color: colors.lightGrey
|
|
2873
|
+
}
|
|
2874
|
+
});
|
|
2875
|
+
var BADGE_SIZE = 42;
|
|
2876
|
+
var ROW_GAP = 12;
|
|
2877
|
+
var CONNECTOR_WIDTH = 2;
|
|
2878
|
+
var CONNECTOR_HEIGHT = 19;
|
|
2879
|
+
var CONNECTOR_GAP = 8;
|
|
2880
|
+
var webBlurStyle4 = Platform.OS === "web" ? {
|
|
2881
|
+
backdropFilter: "blur(20px)",
|
|
2882
|
+
WebkitBackdropFilter: "blur(20px)"
|
|
2883
|
+
} : {};
|
|
2884
|
+
var StepList = forwardRef(function StepList2({ steps, style, className, accessibilityLabel, ...rest }, forwardedRef) {
|
|
2885
|
+
const containerRef = useRef(null);
|
|
2886
|
+
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
2887
|
+
useApplyWebClassName(containerRef, className);
|
|
2888
|
+
if (steps.length === 0) {
|
|
2889
|
+
return null;
|
|
2890
|
+
}
|
|
2891
|
+
return /* @__PURE__ */ jsx(
|
|
2892
|
+
View,
|
|
2893
|
+
{
|
|
2894
|
+
...rest,
|
|
2895
|
+
ref: setContainerRef,
|
|
2896
|
+
accessibilityRole: "summary",
|
|
2897
|
+
accessibilityLabel,
|
|
2898
|
+
style: [styles11.root, style],
|
|
2899
|
+
children: steps.map((description, index) => {
|
|
2900
|
+
const isLast = index === steps.length - 1;
|
|
2901
|
+
const number = index + 1;
|
|
2902
|
+
return /* @__PURE__ */ jsxs(View, { style: styles11.stepBlock, children: [
|
|
2903
|
+
/* @__PURE__ */ jsxs(View, { style: styles11.row, children: [
|
|
2904
|
+
/* @__PURE__ */ jsx(View, { style: [styles11.badge, webBlurStyle4], children: /* @__PURE__ */ jsx(
|
|
2905
|
+
Text,
|
|
2906
|
+
{
|
|
2907
|
+
style: [
|
|
2908
|
+
styles11.badgeLabel,
|
|
2909
|
+
Platform.OS === "android" ? styles11.labelAndroid : null
|
|
2910
|
+
],
|
|
2911
|
+
children: String(number)
|
|
2912
|
+
}
|
|
2913
|
+
) }),
|
|
2914
|
+
/* @__PURE__ */ jsx(
|
|
2915
|
+
Text,
|
|
2916
|
+
{
|
|
2917
|
+
style: [styles11.description, Platform.OS === "android" ? styles11.labelAndroid : null],
|
|
2918
|
+
children: description
|
|
2919
|
+
}
|
|
2920
|
+
)
|
|
2921
|
+
] }),
|
|
2922
|
+
!isLast ? /* @__PURE__ */ jsx(View, { style: styles11.connectorSlot, children: /* @__PURE__ */ jsx(View, { style: styles11.connector }) }) : null
|
|
2923
|
+
] }, `${number}-${description}`);
|
|
2924
|
+
})
|
|
2925
|
+
}
|
|
2926
|
+
);
|
|
2927
|
+
});
|
|
2928
|
+
var styles11 = StyleSheet.create({
|
|
2929
|
+
root: {
|
|
2930
|
+
width: "100%"
|
|
2931
|
+
},
|
|
2932
|
+
stepBlock: {
|
|
2933
|
+
width: "100%"
|
|
2934
|
+
},
|
|
2935
|
+
row: {
|
|
2936
|
+
flexDirection: "row",
|
|
2937
|
+
alignItems: "center",
|
|
2938
|
+
gap: ROW_GAP,
|
|
2939
|
+
width: "100%"
|
|
2940
|
+
},
|
|
2941
|
+
badge: {
|
|
2942
|
+
width: BADGE_SIZE,
|
|
2943
|
+
height: BADGE_SIZE,
|
|
2944
|
+
borderRadius: 79,
|
|
2945
|
+
backgroundColor: colors.grey600,
|
|
2946
|
+
alignItems: "center",
|
|
2947
|
+
justifyContent: "center",
|
|
2948
|
+
flexShrink: 0,
|
|
2949
|
+
overflow: "hidden"
|
|
2950
|
+
},
|
|
2951
|
+
badgeLabel: {
|
|
2952
|
+
fontFamily: fonts.sans,
|
|
2953
|
+
fontSize: 14,
|
|
2954
|
+
fontWeight: "500",
|
|
2955
|
+
lineHeight: 14,
|
|
2956
|
+
letterSpacing: 0,
|
|
2957
|
+
color: colors.white,
|
|
2958
|
+
textAlign: "center"
|
|
2959
|
+
},
|
|
2960
|
+
description: {
|
|
2961
|
+
flex: 1,
|
|
2962
|
+
minWidth: 0,
|
|
2963
|
+
fontFamily: fonts.sans,
|
|
2964
|
+
fontSize: 14,
|
|
2965
|
+
fontWeight: "400",
|
|
2966
|
+
lineHeight: 14,
|
|
2967
|
+
letterSpacing: 0,
|
|
2968
|
+
color: colors.white
|
|
2969
|
+
},
|
|
2970
|
+
connectorSlot: {
|
|
2971
|
+
width: BADGE_SIZE,
|
|
2972
|
+
alignItems: "center",
|
|
2973
|
+
paddingVertical: CONNECTOR_GAP
|
|
2974
|
+
},
|
|
2975
|
+
connector: {
|
|
2976
|
+
width: CONNECTOR_WIDTH,
|
|
2977
|
+
height: CONNECTOR_HEIGHT,
|
|
2978
|
+
borderRadius: 98,
|
|
2979
|
+
backgroundColor: colors.grey600
|
|
2980
|
+
},
|
|
2981
|
+
labelAndroid: {
|
|
2982
|
+
includeFontPadding: false
|
|
2983
|
+
}
|
|
2984
|
+
});
|
|
2985
|
+
var BUTTON_SIZE = 32;
|
|
2986
|
+
var webBlurStyle5 = Platform.OS === "web" ? {
|
|
2286
2987
|
backdropFilter: "blur(20px)",
|
|
2287
2988
|
WebkitBackdropFilter: "blur(20px)"
|
|
2288
2989
|
} : {};
|
|
@@ -2319,7 +3020,7 @@ var Counter = forwardRef(function Counter2({
|
|
|
2319
3020
|
if (!isControlled) setUncontrolledValue(next);
|
|
2320
3021
|
onValueChange?.(next);
|
|
2321
3022
|
};
|
|
2322
|
-
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [
|
|
3023
|
+
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles12.base, style], children: [
|
|
2323
3024
|
/* @__PURE__ */ jsx(
|
|
2324
3025
|
Pressable,
|
|
2325
3026
|
{
|
|
@@ -2329,11 +3030,11 @@ var Counter = forwardRef(function Counter2({
|
|
|
2329
3030
|
accessibilityRole: "button",
|
|
2330
3031
|
accessibilityLabel: "Decrease value",
|
|
2331
3032
|
accessibilityState: { disabled: decrementDisabled },
|
|
2332
|
-
style: [
|
|
3033
|
+
style: [styles12.button, webBlurStyle5, decrementDisabled && styles12.buttonDisabled],
|
|
2333
3034
|
children: /* @__PURE__ */ jsx(MinusIcon, {})
|
|
2334
3035
|
}
|
|
2335
3036
|
),
|
|
2336
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
3037
|
+
/* @__PURE__ */ jsx(Text, { style: styles12.value, children: resolvedValue }),
|
|
2337
3038
|
/* @__PURE__ */ jsx(
|
|
2338
3039
|
Pressable,
|
|
2339
3040
|
{
|
|
@@ -2343,13 +3044,13 @@ var Counter = forwardRef(function Counter2({
|
|
|
2343
3044
|
accessibilityRole: "button",
|
|
2344
3045
|
accessibilityLabel: "Increase value",
|
|
2345
3046
|
accessibilityState: { disabled: incrementDisabled },
|
|
2346
|
-
style: [
|
|
3047
|
+
style: [styles12.button, webBlurStyle5, incrementDisabled && styles12.buttonDisabled],
|
|
2347
3048
|
children: /* @__PURE__ */ jsx(PlusIcon, {})
|
|
2348
3049
|
}
|
|
2349
3050
|
)
|
|
2350
3051
|
] });
|
|
2351
3052
|
});
|
|
2352
|
-
var
|
|
3053
|
+
var styles12 = StyleSheet.create({
|
|
2353
3054
|
base: {
|
|
2354
3055
|
flexDirection: "row",
|
|
2355
3056
|
alignItems: "center",
|
|
@@ -2373,7 +3074,7 @@ var styles7 = StyleSheet.create({
|
|
|
2373
3074
|
color: colors.white
|
|
2374
3075
|
}
|
|
2375
3076
|
});
|
|
2376
|
-
var
|
|
3077
|
+
var ICON_SIZE5 = 20;
|
|
2377
3078
|
var ANIMATION_DURATION = 200;
|
|
2378
3079
|
var OPTION_HORIZONTAL_PADDING = 16;
|
|
2379
3080
|
var OPTION_CONTENT_GAP = 12;
|
|
@@ -2469,9 +3170,9 @@ var SegmentedToggle = forwardRef(
|
|
|
2469
3170
|
onLayout?.(event);
|
|
2470
3171
|
},
|
|
2471
3172
|
style: [
|
|
2472
|
-
|
|
2473
|
-
fullWidth ?
|
|
2474
|
-
disabled &&
|
|
3173
|
+
styles13.base,
|
|
3174
|
+
fullWidth ? styles13.fullWidth : styles13.contentWidth,
|
|
3175
|
+
disabled && styles13.disabled,
|
|
2475
3176
|
style
|
|
2476
3177
|
],
|
|
2477
3178
|
accessibilityRole: "radiogroup",
|
|
@@ -2492,10 +3193,10 @@ var SegmentedToggle = forwardRef(
|
|
|
2492
3193
|
return nextWidths;
|
|
2493
3194
|
});
|
|
2494
3195
|
},
|
|
2495
|
-
style:
|
|
3196
|
+
style: styles13.optionMeasurement,
|
|
2496
3197
|
children: [
|
|
2497
|
-
Icon2 ? /* @__PURE__ */ jsx(Icon2, { size:
|
|
2498
|
-
/* @__PURE__ */ jsx(Text, { style: [
|
|
3198
|
+
Icon2 ? /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE5 }) : null,
|
|
3199
|
+
/* @__PURE__ */ jsx(Text, { style: [styles13.label, styles13.contentWidthLabel], children: label })
|
|
2499
3200
|
]
|
|
2500
3201
|
},
|
|
2501
3202
|
`${optionValue}-measurement`
|
|
@@ -2505,7 +3206,7 @@ var SegmentedToggle = forwardRef(
|
|
|
2505
3206
|
{
|
|
2506
3207
|
pointerEvents: "none",
|
|
2507
3208
|
style: [
|
|
2508
|
-
|
|
3209
|
+
styles13.activeIndicator,
|
|
2509
3210
|
{ width: selectedOptionWidth, transform: [{ translateX: indicatorTranslateX }] }
|
|
2510
3211
|
]
|
|
2511
3212
|
}
|
|
@@ -2525,18 +3226,18 @@ var SegmentedToggle = forwardRef(
|
|
|
2525
3226
|
accessibilityLabel: label,
|
|
2526
3227
|
accessibilityState: { selected, disabled },
|
|
2527
3228
|
style: [
|
|
2528
|
-
|
|
2529
|
-
fullWidth ?
|
|
3229
|
+
styles13.option,
|
|
3230
|
+
fullWidth ? styles13.optionFullWidth : [styles13.optionContentWidth, optionWidth > 0 && { width: optionWidth }]
|
|
2530
3231
|
],
|
|
2531
|
-
children: /* @__PURE__ */ jsxs(View, { style:
|
|
2532
|
-
Icon2 ? /* @__PURE__ */ jsx(Icon2, { size:
|
|
3232
|
+
children: /* @__PURE__ */ jsxs(View, { style: styles13.optionContent, children: [
|
|
3233
|
+
Icon2 ? /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE5, color: iconColor }) : null,
|
|
2533
3234
|
/* @__PURE__ */ jsx(
|
|
2534
3235
|
Text,
|
|
2535
3236
|
{
|
|
2536
3237
|
numberOfLines: fullWidth ? 1 : void 0,
|
|
2537
3238
|
style: [
|
|
2538
|
-
|
|
2539
|
-
!fullWidth &&
|
|
3239
|
+
styles13.label,
|
|
3240
|
+
!fullWidth && styles13.contentWidthLabel,
|
|
2540
3241
|
{ color: labelColor }
|
|
2541
3242
|
],
|
|
2542
3243
|
children: label
|
|
@@ -2552,7 +3253,7 @@ var SegmentedToggle = forwardRef(
|
|
|
2552
3253
|
);
|
|
2553
3254
|
}
|
|
2554
3255
|
);
|
|
2555
|
-
var
|
|
3256
|
+
var styles13 = StyleSheet.create({
|
|
2556
3257
|
base: {
|
|
2557
3258
|
height: 44,
|
|
2558
3259
|
flexDirection: "row",
|
|
@@ -2618,11 +3319,11 @@ var styles8 = StyleSheet.create({
|
|
|
2618
3319
|
});
|
|
2619
3320
|
var SIDEBAR_WIDTH = 300;
|
|
2620
3321
|
var SIDEBAR_COLLAPSED_WIDTH = 72;
|
|
2621
|
-
var
|
|
3322
|
+
var HEADER_HEIGHT2 = 64;
|
|
2622
3323
|
var LOGO_WIDTH = 31;
|
|
2623
3324
|
var LOGO_HEIGHT = 44;
|
|
2624
3325
|
var TOGGLE_SIZE = 20;
|
|
2625
|
-
var
|
|
3326
|
+
var MENU_ICON_SIZE2 = 16;
|
|
2626
3327
|
var PROFILE_SECTION_HEIGHT = 80;
|
|
2627
3328
|
var SIDEBAR_TRANSITION_MS = 300;
|
|
2628
3329
|
var Sidebar = forwardRef(function Sidebar2({
|
|
@@ -2677,16 +3378,16 @@ var Sidebar = forwardRef(function Sidebar2({
|
|
|
2677
3378
|
{
|
|
2678
3379
|
...rest,
|
|
2679
3380
|
ref: setContainerRef,
|
|
2680
|
-
style: [
|
|
3381
|
+
style: [styles14.root, { width: widthAnim }, style],
|
|
2681
3382
|
accessibilityRole: "menu",
|
|
2682
3383
|
children: [
|
|
2683
|
-
/* @__PURE__ */ jsxs(View, { style: [
|
|
3384
|
+
/* @__PURE__ */ jsxs(View, { style: [styles14.header, collapsed ? styles14.headerCollapsed : styles14.headerExpanded], children: [
|
|
2684
3385
|
/* @__PURE__ */ jsx(
|
|
2685
3386
|
Animated.View,
|
|
2686
3387
|
{
|
|
2687
3388
|
pointerEvents: collapsed ? "none" : "auto",
|
|
2688
3389
|
style: [
|
|
2689
|
-
|
|
3390
|
+
styles14.logoSlot,
|
|
2690
3391
|
{
|
|
2691
3392
|
opacity: labelOpacity,
|
|
2692
3393
|
maxWidth: collapsed ? 0 : LOGO_WIDTH
|
|
@@ -2713,7 +3414,7 @@ var Sidebar = forwardRef(function Sidebar2({
|
|
|
2713
3414
|
accessibilityState: { expanded: !collapsed },
|
|
2714
3415
|
hitSlop: 8,
|
|
2715
3416
|
onPress: () => setCollapsed(!collapsed),
|
|
2716
|
-
style:
|
|
3417
|
+
style: styles14.toggleButton,
|
|
2717
3418
|
children: /* @__PURE__ */ jsx(SidebarIcon, { color: colors.grey100, size: TOGGLE_SIZE, strokeWidth: 2 })
|
|
2718
3419
|
}
|
|
2719
3420
|
)
|
|
@@ -2723,12 +3424,12 @@ var Sidebar = forwardRef(function Sidebar2({
|
|
|
2723
3424
|
{
|
|
2724
3425
|
accessibilityLabel: navigationAccessibilityLabel,
|
|
2725
3426
|
accessibilityRole: "menu",
|
|
2726
|
-
style:
|
|
3427
|
+
style: styles14.nav,
|
|
2727
3428
|
children: items.map((item) => {
|
|
2728
3429
|
const isActive = Boolean(item.active);
|
|
2729
3430
|
const iconColor = isActive ? colors.primary : colors.grey300;
|
|
2730
3431
|
const Icon2 = item.icon;
|
|
2731
|
-
const iconNode = /* @__PURE__ */ jsx(Icon2, { color: iconColor, size:
|
|
3432
|
+
const iconNode = /* @__PURE__ */ jsx(Icon2, { color: iconColor, size: MENU_ICON_SIZE2, strokeWidth: 1.5 });
|
|
2732
3433
|
return /* @__PURE__ */ jsx(
|
|
2733
3434
|
MenuItem,
|
|
2734
3435
|
{
|
|
@@ -2739,18 +3440,18 @@ var Sidebar = forwardRef(function Sidebar2({
|
|
|
2739
3440
|
hoverColor: colors.grey700,
|
|
2740
3441
|
onPress: item.onPress,
|
|
2741
3442
|
labelStyle: [
|
|
2742
|
-
|
|
3443
|
+
styles14.menuLabel,
|
|
2743
3444
|
{ color: isActive ? colors.white : colors.grey200 },
|
|
2744
|
-
collapsed ?
|
|
3445
|
+
collapsed ? styles14.menuLabelCollapsed : styles14.menuLabelExpanded
|
|
2745
3446
|
],
|
|
2746
|
-
style: [
|
|
3447
|
+
style: [styles14.menuItem, collapsed ? styles14.menuItemCollapsed : null]
|
|
2747
3448
|
},
|
|
2748
3449
|
item.key
|
|
2749
3450
|
);
|
|
2750
3451
|
})
|
|
2751
3452
|
}
|
|
2752
3453
|
),
|
|
2753
|
-
/* @__PURE__ */ jsx(View, { style: [
|
|
3454
|
+
/* @__PURE__ */ jsx(View, { style: [styles14.footer, collapsed ? styles14.footerCollapsed : styles14.footerExpanded], children: /* @__PURE__ */ jsx(
|
|
2754
3455
|
AvatarSimple,
|
|
2755
3456
|
{
|
|
2756
3457
|
name: user.name,
|
|
@@ -2765,9 +3466,12 @@ var Sidebar = forwardRef(function Sidebar2({
|
|
|
2765
3466
|
}
|
|
2766
3467
|
);
|
|
2767
3468
|
});
|
|
2768
|
-
var
|
|
3469
|
+
var styles14 = StyleSheet.create({
|
|
2769
3470
|
root: {
|
|
3471
|
+
flexDirection: "column",
|
|
3472
|
+
alignSelf: "stretch",
|
|
2770
3473
|
height: "100%",
|
|
3474
|
+
minHeight: "100%",
|
|
2771
3475
|
flexShrink: 0,
|
|
2772
3476
|
backgroundColor: colors.dark,
|
|
2773
3477
|
borderRightWidth: 1,
|
|
@@ -2776,7 +3480,7 @@ var styles9 = StyleSheet.create({
|
|
|
2776
3480
|
},
|
|
2777
3481
|
header: {
|
|
2778
3482
|
zIndex: 1,
|
|
2779
|
-
height:
|
|
3483
|
+
height: HEADER_HEIGHT2,
|
|
2780
3484
|
width: "100%",
|
|
2781
3485
|
flexDirection: "row",
|
|
2782
3486
|
alignItems: "center",
|
|
@@ -2806,8 +3510,11 @@ var styles9 = StyleSheet.create({
|
|
|
2806
3510
|
flexShrink: 0
|
|
2807
3511
|
},
|
|
2808
3512
|
nav: {
|
|
2809
|
-
|
|
3513
|
+
flexGrow: 1,
|
|
3514
|
+
flexShrink: 1,
|
|
3515
|
+
flexBasis: 0,
|
|
2810
3516
|
width: "100%",
|
|
3517
|
+
minHeight: 0,
|
|
2811
3518
|
padding: 16,
|
|
2812
3519
|
gap: 10
|
|
2813
3520
|
},
|
|
@@ -2840,7 +3547,9 @@ var styles9 = StyleSheet.create({
|
|
|
2840
3547
|
footer: {
|
|
2841
3548
|
height: PROFILE_SECTION_HEIGHT,
|
|
2842
3549
|
width: "100%",
|
|
3550
|
+
flexGrow: 0,
|
|
2843
3551
|
flexShrink: 0,
|
|
3552
|
+
marginTop: "auto",
|
|
2844
3553
|
alignItems: "center",
|
|
2845
3554
|
justifyContent: "center",
|
|
2846
3555
|
paddingVertical: 12
|
|
@@ -2859,7 +3568,7 @@ var defaultLanguageOptions = [
|
|
|
2859
3568
|
];
|
|
2860
3569
|
var CONTROL_WIDTH = 90;
|
|
2861
3570
|
var CONTROL_HEIGHT = 35;
|
|
2862
|
-
var
|
|
3571
|
+
var ICON_SIZE6 = 16;
|
|
2863
3572
|
var LanguageSwitcher = forwardRef(
|
|
2864
3573
|
function LanguageSwitcher2({
|
|
2865
3574
|
options = defaultLanguageOptions,
|
|
@@ -2939,7 +3648,7 @@ var LanguageSwitcher = forwardRef(
|
|
|
2939
3648
|
{
|
|
2940
3649
|
...rest,
|
|
2941
3650
|
ref: setWrapperRef,
|
|
2942
|
-
style: [
|
|
3651
|
+
style: [styles15.wrapper, isOpen && styles15.wrapperOpen, disabled && styles15.disabled, style],
|
|
2943
3652
|
children: [
|
|
2944
3653
|
/* @__PURE__ */ jsxs(
|
|
2945
3654
|
Pressable,
|
|
@@ -2954,17 +3663,17 @@ var LanguageSwitcher = forwardRef(
|
|
|
2954
3663
|
onHoverIn: () => setTriggerHovered(true),
|
|
2955
3664
|
onHoverOut: () => setTriggerHovered(false),
|
|
2956
3665
|
style: ({ pressed }) => [
|
|
2957
|
-
|
|
2958
|
-
(triggerHovered || pressed || isOpen) &&
|
|
3666
|
+
styles15.trigger,
|
|
3667
|
+
(triggerHovered || pressed || isOpen) && styles15.triggerActive
|
|
2959
3668
|
],
|
|
2960
3669
|
children: [
|
|
2961
|
-
/* @__PURE__ */ jsx(GlobeIcon, { size:
|
|
2962
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
2963
|
-
/* @__PURE__ */ jsx(View, { style: [
|
|
3670
|
+
/* @__PURE__ */ jsx(GlobeIcon, { size: ICON_SIZE6, color: colors.white, strokeWidth: 2 }),
|
|
3671
|
+
/* @__PURE__ */ jsx(Text, { style: styles15.triggerLabel, numberOfLines: 1, children: selectedOption?.label ?? "" }),
|
|
3672
|
+
/* @__PURE__ */ jsx(View, { style: [styles15.chevron, isOpen && styles15.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE6, color: colors.white, strokeWidth: 2 }) })
|
|
2964
3673
|
]
|
|
2965
3674
|
}
|
|
2966
3675
|
),
|
|
2967
|
-
isOpen && options.length > 0 ? /* @__PURE__ */ jsx(View, { style:
|
|
3676
|
+
isOpen && options.length > 0 ? /* @__PURE__ */ jsx(View, { style: styles15.menu, accessibilityRole: "menu", children: options.map((option) => {
|
|
2968
3677
|
const selected = option.value === selectedValue;
|
|
2969
3678
|
return /* @__PURE__ */ jsx(
|
|
2970
3679
|
Pressable,
|
|
@@ -2976,10 +3685,10 @@ var LanguageSwitcher = forwardRef(
|
|
|
2976
3685
|
onHoverIn: () => setHoveredValue(option.value),
|
|
2977
3686
|
onHoverOut: () => setHoveredValue(null),
|
|
2978
3687
|
style: ({ pressed }) => [
|
|
2979
|
-
|
|
2980
|
-
selected ?
|
|
3688
|
+
styles15.item,
|
|
3689
|
+
selected ? styles15.itemSelected : (hoveredValue === option.value || pressed) && styles15.itemHovered
|
|
2981
3690
|
],
|
|
2982
|
-
children: /* @__PURE__ */ jsx(Text, { style: [
|
|
3691
|
+
children: /* @__PURE__ */ jsx(Text, { style: [styles15.itemLabel, selected && styles15.itemLabelSelected], children: option.label })
|
|
2983
3692
|
},
|
|
2984
3693
|
option.value
|
|
2985
3694
|
);
|
|
@@ -2989,7 +3698,7 @@ var LanguageSwitcher = forwardRef(
|
|
|
2989
3698
|
);
|
|
2990
3699
|
}
|
|
2991
3700
|
);
|
|
2992
|
-
var
|
|
3701
|
+
var styles15 = StyleSheet.create({
|
|
2993
3702
|
wrapper: {
|
|
2994
3703
|
position: "relative",
|
|
2995
3704
|
width: CONTROL_WIDTH,
|
|
@@ -3022,8 +3731,8 @@ var styles10 = StyleSheet.create({
|
|
|
3022
3731
|
color: colors.white
|
|
3023
3732
|
},
|
|
3024
3733
|
chevron: {
|
|
3025
|
-
width:
|
|
3026
|
-
height:
|
|
3734
|
+
width: ICON_SIZE6,
|
|
3735
|
+
height: ICON_SIZE6,
|
|
3027
3736
|
flexShrink: 0,
|
|
3028
3737
|
alignItems: "center",
|
|
3029
3738
|
justifyContent: "center"
|
|
@@ -3065,12 +3774,12 @@ var styles10 = StyleSheet.create({
|
|
|
3065
3774
|
color: colors.primary
|
|
3066
3775
|
}
|
|
3067
3776
|
});
|
|
3068
|
-
var
|
|
3777
|
+
var ICON_SIZE7 = 25.63181;
|
|
3069
3778
|
var StatCard = forwardRef(function StatCard2({
|
|
3070
3779
|
label,
|
|
3071
3780
|
icon: Icon2,
|
|
3072
3781
|
iconProps,
|
|
3073
|
-
iconSize =
|
|
3782
|
+
iconSize = ICON_SIZE7,
|
|
3074
3783
|
style,
|
|
3075
3784
|
className,
|
|
3076
3785
|
accessibilityLabel,
|
|
@@ -3085,17 +3794,17 @@ var StatCard = forwardRef(function StatCard2({
|
|
|
3085
3794
|
{
|
|
3086
3795
|
...rest,
|
|
3087
3796
|
ref: setContainerRef,
|
|
3088
|
-
style: [
|
|
3797
|
+
style: [styles16.base, style],
|
|
3089
3798
|
accessibilityRole: "text",
|
|
3090
3799
|
accessibilityLabel: accessibilityLabel ?? label,
|
|
3091
3800
|
children: [
|
|
3092
3801
|
/* @__PURE__ */ jsx(Icon2, { ...iconProps, size: iconSize, color: iconProps?.color ?? colors.white }),
|
|
3093
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
3802
|
+
/* @__PURE__ */ jsx(Text, { style: styles16.label, children: label })
|
|
3094
3803
|
]
|
|
3095
3804
|
}
|
|
3096
3805
|
);
|
|
3097
3806
|
});
|
|
3098
|
-
var
|
|
3807
|
+
var styles16 = StyleSheet.create({
|
|
3099
3808
|
base: {
|
|
3100
3809
|
width: 204.5,
|
|
3101
3810
|
minHeight: 114,
|
|
@@ -3159,6 +3868,7 @@ var Button = forwardRef(
|
|
|
3159
3868
|
size = "lg",
|
|
3160
3869
|
showIcon = false,
|
|
3161
3870
|
icon,
|
|
3871
|
+
iconBadgeBackgroundColor,
|
|
3162
3872
|
style,
|
|
3163
3873
|
textStyle,
|
|
3164
3874
|
className,
|
|
@@ -3181,7 +3891,7 @@ var Button = forwardRef(
|
|
|
3181
3891
|
useApplyWebClassName(textRef, textClassName);
|
|
3182
3892
|
const iconNode = customIcon ?? /* @__PURE__ */ jsx(ArrowRightIcon, { size: metrics.iconSize, color: preset.iconColor });
|
|
3183
3893
|
const containerStyle = [
|
|
3184
|
-
|
|
3894
|
+
styles17.base,
|
|
3185
3895
|
{
|
|
3186
3896
|
minHeight: metrics.minHeight,
|
|
3187
3897
|
borderRadius: metrics.borderRadius,
|
|
@@ -3192,16 +3902,16 @@ var Button = forwardRef(
|
|
|
3192
3902
|
paddingRight: hasIcon ? metrics.paddingRightWithIcon : metrics.paddingRight,
|
|
3193
3903
|
gap: hasIcon ? metrics.gap : 0
|
|
3194
3904
|
},
|
|
3195
|
-
hasIcon ?
|
|
3196
|
-
disabled &&
|
|
3905
|
+
hasIcon ? styles17.contentWithIcon : styles17.contentWithoutIcon,
|
|
3906
|
+
disabled && styles17.disabled,
|
|
3197
3907
|
style
|
|
3198
3908
|
];
|
|
3199
3909
|
const labelStyle = [
|
|
3200
|
-
|
|
3910
|
+
styles17.label,
|
|
3201
3911
|
metrics.text,
|
|
3202
3912
|
{ color: preset.textColor },
|
|
3203
|
-
Platform.OS === "android" ?
|
|
3204
|
-
!hasIcon &&
|
|
3913
|
+
Platform.OS === "android" ? styles17.labelAndroid : null,
|
|
3914
|
+
!hasIcon && styles17.labelCentered,
|
|
3205
3915
|
textStyle
|
|
3206
3916
|
];
|
|
3207
3917
|
return /* @__PURE__ */ jsxs(
|
|
@@ -3222,12 +3932,12 @@ var Button = forwardRef(
|
|
|
3222
3932
|
View,
|
|
3223
3933
|
{
|
|
3224
3934
|
style: [
|
|
3225
|
-
|
|
3935
|
+
styles17.iconContainer,
|
|
3226
3936
|
{
|
|
3227
3937
|
width: metrics.iconContainerSize,
|
|
3228
3938
|
height: metrics.iconContainerSize,
|
|
3229
3939
|
borderRadius: metrics.iconContainerSize / 2,
|
|
3230
|
-
backgroundColor: preset.iconBadgeBackgroundColor
|
|
3940
|
+
backgroundColor: iconBadgeBackgroundColor ?? preset.iconBadgeBackgroundColor
|
|
3231
3941
|
}
|
|
3232
3942
|
],
|
|
3233
3943
|
children: iconNode
|
|
@@ -3238,7 +3948,7 @@ var Button = forwardRef(
|
|
|
3238
3948
|
);
|
|
3239
3949
|
}
|
|
3240
3950
|
);
|
|
3241
|
-
var
|
|
3951
|
+
var styles17 = StyleSheet.create({
|
|
3242
3952
|
base: {
|
|
3243
3953
|
flexDirection: "row",
|
|
3244
3954
|
alignItems: "center",
|
|
@@ -3322,13 +4032,13 @@ var Checkbox = forwardRef(function Checkbox2({
|
|
|
3322
4032
|
accessibilityRole: "checkbox",
|
|
3323
4033
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
3324
4034
|
accessibilityState: { checked: isActive, disabled },
|
|
3325
|
-
style: [
|
|
4035
|
+
style: [styles18.root, disabled && styles18.disabled, style],
|
|
3326
4036
|
children: [
|
|
3327
4037
|
/* @__PURE__ */ jsx(
|
|
3328
4038
|
View,
|
|
3329
4039
|
{
|
|
3330
4040
|
style: [
|
|
3331
|
-
|
|
4041
|
+
styles18.box,
|
|
3332
4042
|
{
|
|
3333
4043
|
backgroundColor: chrome.backgroundColor,
|
|
3334
4044
|
borderColor: chrome.borderColor
|
|
@@ -3337,12 +4047,12 @@ var Checkbox = forwardRef(function Checkbox2({
|
|
|
3337
4047
|
children: isActive ? /* @__PURE__ */ jsx(CheckIcon, { size: CHECK_SIZE, color: colors.primary, strokeWidth: CHECK_STROKE }) : null
|
|
3338
4048
|
}
|
|
3339
4049
|
),
|
|
3340
|
-
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [
|
|
4050
|
+
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles18.label, labelStyle], children: labelContent }) : labelContent : null
|
|
3341
4051
|
]
|
|
3342
4052
|
}
|
|
3343
4053
|
);
|
|
3344
4054
|
});
|
|
3345
|
-
var
|
|
4055
|
+
var styles18 = StyleSheet.create({
|
|
3346
4056
|
root: {
|
|
3347
4057
|
flexDirection: "row",
|
|
3348
4058
|
alignItems: "center",
|
|
@@ -3401,6 +4111,24 @@ function formatDate(date) {
|
|
|
3401
4111
|
const month = String(date.getMonth() + 1).padStart(2, "0");
|
|
3402
4112
|
return `${day}.${month}.${date.getFullYear()}`;
|
|
3403
4113
|
}
|
|
4114
|
+
function abbreviateMonthName(monthName, letterCount = 3) {
|
|
4115
|
+
const chars = Array.from(monthName);
|
|
4116
|
+
let visual = 0;
|
|
4117
|
+
let end = 0;
|
|
4118
|
+
while (end < chars.length && visual < letterCount) {
|
|
4119
|
+
if (chars[end] === "\u0578" && chars[end + 1] === "\u0582") {
|
|
4120
|
+
end += 2;
|
|
4121
|
+
} else {
|
|
4122
|
+
end += 1;
|
|
4123
|
+
}
|
|
4124
|
+
visual += 1;
|
|
4125
|
+
}
|
|
4126
|
+
return chars.slice(0, end).join("");
|
|
4127
|
+
}
|
|
4128
|
+
function formatDateDayShortMonth(date, monthNames, letterCount = 3) {
|
|
4129
|
+
const month = abbreviateMonthName(monthNames[date.getMonth()] ?? "", letterCount);
|
|
4130
|
+
return `${date.getDate()} ${month} ${date.getFullYear()}`;
|
|
4131
|
+
}
|
|
3404
4132
|
function getMonthMatrix(monthDate, weekStartsOn = 1) {
|
|
3405
4133
|
const year = monthDate.getFullYear();
|
|
3406
4134
|
const month = monthDate.getMonth();
|
|
@@ -3441,7 +4169,7 @@ var RANGE_TRIGGER_WIDTH = 382;
|
|
|
3441
4169
|
var TRIGGER_HEIGHT = 44;
|
|
3442
4170
|
var TRIGGER_RADIUS = 60;
|
|
3443
4171
|
var MENU_RADIUS2 = 20;
|
|
3444
|
-
var
|
|
4172
|
+
var ICON_SIZE8 = 20;
|
|
3445
4173
|
var NAV_ICON_SIZE = 20;
|
|
3446
4174
|
var DAY_CELL_HEIGHT = 44;
|
|
3447
4175
|
var DAY_CIRCLE_SIZE = 44;
|
|
@@ -3450,13 +4178,13 @@ function RangeTriggerField({
|
|
|
3450
4178
|
value,
|
|
3451
4179
|
time
|
|
3452
4180
|
}) {
|
|
3453
|
-
return /* @__PURE__ */ jsxs(View, { style:
|
|
3454
|
-
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style:
|
|
3455
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
3456
|
-
/* @__PURE__ */ jsx(Text, {
|
|
3457
|
-
time ? /* @__PURE__ */ jsxs(View, { style:
|
|
4181
|
+
return /* @__PURE__ */ jsxs(View, { style: styles19.rangeField, children: [
|
|
4182
|
+
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles19.rangeLabel, children: label }),
|
|
4183
|
+
/* @__PURE__ */ jsxs(View, { style: styles19.rangeValueRow, children: [
|
|
4184
|
+
/* @__PURE__ */ jsx(Text, { style: styles19.rangeDate, children: value }),
|
|
4185
|
+
time ? /* @__PURE__ */ jsxs(View, { style: styles19.rangeTimeWrap, children: [
|
|
3458
4186
|
/* @__PURE__ */ jsx(ClockFilledIcon, { color: colors.lightGrey, size: 16 }),
|
|
3459
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
4187
|
+
/* @__PURE__ */ jsx(Text, { style: styles19.rangeTime, children: time })
|
|
3460
4188
|
] }) : null
|
|
3461
4189
|
] })
|
|
3462
4190
|
] });
|
|
@@ -3482,7 +4210,7 @@ var DatePicker = forwardRef(
|
|
|
3482
4210
|
defaultVisibleMonth,
|
|
3483
4211
|
monthNames = DEFAULT_MONTH_NAMES,
|
|
3484
4212
|
weekdayLabels = DEFAULT_WEEKDAY_LABELS,
|
|
3485
|
-
formatValue
|
|
4213
|
+
formatValue: formatValueProp,
|
|
3486
4214
|
weekStartsOn = 1,
|
|
3487
4215
|
calendarStyle,
|
|
3488
4216
|
style,
|
|
@@ -3497,6 +4225,8 @@ var DatePicker = forwardRef(
|
|
|
3497
4225
|
...rest
|
|
3498
4226
|
} = props;
|
|
3499
4227
|
const isRange = props.range === true;
|
|
4228
|
+
const usesRangeTrigger = isRange && variant !== "default";
|
|
4229
|
+
const formatValue = formatValueProp ?? (usesRangeTrigger ? (date) => formatDateDayShortMonth(date, monthNames) : formatDate);
|
|
3500
4230
|
const valueProp = props.value;
|
|
3501
4231
|
const rootRef = useRef(null);
|
|
3502
4232
|
const triggerRef = useRef(null);
|
|
@@ -3609,7 +4339,6 @@ var DatePicker = forwardRef(
|
|
|
3609
4339
|
const today = useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
|
|
3610
4340
|
const hasValue = isRange ? rangeValue.start != null : singleValue != null;
|
|
3611
4341
|
const triggerLabel = isRange ? rangeValue.start && rangeValue.end ? `${formatValue(rangeValue.start)} - ${formatValue(rangeValue.end)}` : rangeValue.start ? `${formatValue(rangeValue.start)} - ...` : placeholder : singleValue ? formatValue(singleValue) : placeholder;
|
|
3612
|
-
const usesRangeTrigger = isRange && variant !== "default";
|
|
3613
4342
|
const usesVerticalRangeTrigger = usesRangeTrigger && variant === "range-vertical";
|
|
3614
4343
|
const triggerBorderColor = usesRangeTrigger ? isOpen ? colors.primary : colors.grey500 : isOpen ? colors.primaryMuted : colors.grey700;
|
|
3615
4344
|
const triggerTextColor = hasValue ? colors.white : colors.grey100;
|
|
@@ -3622,14 +4351,14 @@ var DatePicker = forwardRef(
|
|
|
3622
4351
|
...rest,
|
|
3623
4352
|
ref: setRootRef,
|
|
3624
4353
|
style: [
|
|
3625
|
-
|
|
3626
|
-
usesRangeTrigger &&
|
|
3627
|
-
isOpen &&
|
|
3628
|
-
disabled &&
|
|
4354
|
+
styles19.root,
|
|
4355
|
+
usesRangeTrigger && styles19.rangeRoot,
|
|
4356
|
+
isOpen && styles19.rootOpen,
|
|
4357
|
+
disabled && styles19.disabled,
|
|
3629
4358
|
style
|
|
3630
4359
|
],
|
|
3631
4360
|
accessibilityState: { disabled, expanded: isOpen },
|
|
3632
|
-
children: /* @__PURE__ */ jsxs(View, { style: [
|
|
4361
|
+
children: /* @__PURE__ */ jsxs(View, { style: [styles19.triggerWrap, isOpen && styles19.triggerWrapOpen], children: [
|
|
3633
4362
|
/* @__PURE__ */ jsx(
|
|
3634
4363
|
Pressable,
|
|
3635
4364
|
{
|
|
@@ -3640,9 +4369,9 @@ var DatePicker = forwardRef(
|
|
|
3640
4369
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
3641
4370
|
accessibilityState: { disabled, expanded: isOpen },
|
|
3642
4371
|
style: [
|
|
3643
|
-
|
|
3644
|
-
usesRangeTrigger &&
|
|
3645
|
-
usesRangeTrigger && (usesVerticalRangeTrigger ?
|
|
4372
|
+
styles19.trigger,
|
|
4373
|
+
usesRangeTrigger && styles19.rangeTrigger,
|
|
4374
|
+
usesRangeTrigger && (usesVerticalRangeTrigger ? styles19.rangeTriggerVertical : styles19.rangeTriggerHorizontal),
|
|
3646
4375
|
{
|
|
3647
4376
|
borderColor: triggerBorderColor,
|
|
3648
4377
|
backgroundColor: usesRangeTrigger ? "transparent" : colors.grey700
|
|
@@ -3653,18 +4382,18 @@ var DatePicker = forwardRef(
|
|
|
3653
4382
|
/* @__PURE__ */ jsx(
|
|
3654
4383
|
View,
|
|
3655
4384
|
{
|
|
3656
|
-
style: usesVerticalRangeTrigger ?
|
|
4385
|
+
style: usesVerticalRangeTrigger ? styles19.rangeDividerVertical : styles19.rangeDividerHorizontal
|
|
3657
4386
|
}
|
|
3658
4387
|
),
|
|
3659
4388
|
/* @__PURE__ */ jsx(RangeTriggerField, { label: endLabel, time: endTime, value: endValue })
|
|
3660
4389
|
] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3661
|
-
/* @__PURE__ */ jsx(Text, { style: [
|
|
3662
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
4390
|
+
/* @__PURE__ */ jsx(Text, { style: [styles19.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: triggerLabel }),
|
|
4391
|
+
/* @__PURE__ */ jsx(View, { style: styles19.iconSlot, children: /* @__PURE__ */ jsx(CalendarOutlineIcon, { size: ICON_SIZE8, color: colors.grey100 }) })
|
|
3663
4392
|
] })
|
|
3664
4393
|
}
|
|
3665
4394
|
),
|
|
3666
|
-
isOpen ? /* @__PURE__ */ jsxs(View, { style: [
|
|
3667
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
4395
|
+
isOpen ? /* @__PURE__ */ jsxs(View, { style: [styles19.menu, usesRangeTrigger && styles19.rangeMenu, calendarStyle], children: [
|
|
4396
|
+
/* @__PURE__ */ jsxs(View, { style: styles19.calendarHeader, children: [
|
|
3668
4397
|
/* @__PURE__ */ jsx(
|
|
3669
4398
|
Pressable,
|
|
3670
4399
|
{
|
|
@@ -3672,11 +4401,11 @@ var DatePicker = forwardRef(
|
|
|
3672
4401
|
hitSlop: 8,
|
|
3673
4402
|
accessibilityRole: "button",
|
|
3674
4403
|
accessibilityLabel: "Previous month",
|
|
3675
|
-
style:
|
|
4404
|
+
style: styles19.navButton,
|
|
3676
4405
|
children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: NAV_ICON_SIZE, color: colors.white })
|
|
3677
4406
|
}
|
|
3678
4407
|
),
|
|
3679
|
-
/* @__PURE__ */ jsxs(Text, { style:
|
|
4408
|
+
/* @__PURE__ */ jsxs(Text, { style: styles19.monthHeading, children: [
|
|
3680
4409
|
monthNames[visibleMonth.getMonth()],
|
|
3681
4410
|
" ",
|
|
3682
4411
|
visibleMonth.getFullYear()
|
|
@@ -3688,13 +4417,13 @@ var DatePicker = forwardRef(
|
|
|
3688
4417
|
hitSlop: 8,
|
|
3689
4418
|
accessibilityRole: "button",
|
|
3690
4419
|
accessibilityLabel: "Next month",
|
|
3691
|
-
style:
|
|
3692
|
-
children: /* @__PURE__ */ jsx(View, { style:
|
|
4420
|
+
style: styles19.navButton,
|
|
4421
|
+
children: /* @__PURE__ */ jsx(View, { style: styles19.navIconMirror, children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: NAV_ICON_SIZE, color: colors.white }) })
|
|
3693
4422
|
}
|
|
3694
4423
|
)
|
|
3695
4424
|
] }),
|
|
3696
4425
|
/* @__PURE__ */ jsxs(View, { children: [
|
|
3697
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
4426
|
+
/* @__PURE__ */ jsx(View, { style: styles19.weekdayRow, children: weekdayLabels.map((weekdayLabel, index) => /* @__PURE__ */ jsx(View, { style: styles19.dayCellWrap, children: /* @__PURE__ */ jsx(Text, { style: styles19.weekdayText, children: weekdayLabel }) }, `${weekdayLabel}-${index}`)) }),
|
|
3698
4427
|
weeks.map((week, weekIndex) => {
|
|
3699
4428
|
let rangeHighlightStyle = null;
|
|
3700
4429
|
if (isRange && rangeValue.start && rangeValue.end) {
|
|
@@ -3731,13 +4460,13 @@ var DatePicker = forwardRef(
|
|
|
3731
4460
|
return /* @__PURE__ */ jsxs(
|
|
3732
4461
|
View,
|
|
3733
4462
|
{
|
|
3734
|
-
style: [
|
|
4463
|
+
style: [styles19.weekRow, weekIndex > 0 && styles19.weekRowSpaced],
|
|
3735
4464
|
children: [
|
|
3736
4465
|
rangeHighlightStyle ? /* @__PURE__ */ jsx(
|
|
3737
4466
|
View,
|
|
3738
4467
|
{
|
|
3739
4468
|
pointerEvents: "none",
|
|
3740
|
-
style: [
|
|
4469
|
+
style: [styles19.rangeHighlight, rangeHighlightStyle]
|
|
3741
4470
|
}
|
|
3742
4471
|
) : null,
|
|
3743
4472
|
week.map((day, dayIndex) => {
|
|
@@ -3760,7 +4489,7 @@ var DatePicker = forwardRef(
|
|
|
3760
4489
|
onHoverOut: () => setHoveredDayKey((current) => current === dayKey ? null : current),
|
|
3761
4490
|
onPressIn: () => setHoveredDayKey(dayKey),
|
|
3762
4491
|
onPressOut: () => setHoveredDayKey((current) => current === dayKey ? null : current),
|
|
3763
|
-
style:
|
|
4492
|
+
style: styles19.dayCellWrap,
|
|
3764
4493
|
accessibilityRole: "button",
|
|
3765
4494
|
accessibilityLabel: formatValue(day),
|
|
3766
4495
|
accessibilityState: {
|
|
@@ -3772,14 +4501,14 @@ var DatePicker = forwardRef(
|
|
|
3772
4501
|
View,
|
|
3773
4502
|
{
|
|
3774
4503
|
style: [
|
|
3775
|
-
|
|
3776
|
-
isSelectedEndpoint &&
|
|
3777
|
-
isHovered &&
|
|
4504
|
+
styles19.dayCircle,
|
|
4505
|
+
isSelectedEndpoint && styles19.dayCircleSelected,
|
|
4506
|
+
isHovered && styles19.dayCircleHovered
|
|
3778
4507
|
],
|
|
3779
|
-
children: /* @__PURE__ */ jsx(Text, { style: [
|
|
4508
|
+
children: /* @__PURE__ */ jsx(Text, { style: [styles19.dayText, { color: dayTextColor }], children: day.getDate() })
|
|
3780
4509
|
}
|
|
3781
4510
|
),
|
|
3782
|
-
isToday && !isSelectedEndpoint ? /* @__PURE__ */ jsx(View, { style:
|
|
4511
|
+
isToday && !isSelectedEndpoint ? /* @__PURE__ */ jsx(View, { style: styles19.todayDot }) : null
|
|
3783
4512
|
]
|
|
3784
4513
|
},
|
|
3785
4514
|
dayIndex
|
|
@@ -3797,7 +4526,7 @@ var DatePicker = forwardRef(
|
|
|
3797
4526
|
);
|
|
3798
4527
|
}
|
|
3799
4528
|
);
|
|
3800
|
-
var
|
|
4529
|
+
var styles19 = StyleSheet.create({
|
|
3801
4530
|
root: {
|
|
3802
4531
|
width: DEFAULT_WIDTH,
|
|
3803
4532
|
gap: 8,
|
|
@@ -3856,7 +4585,7 @@ var styles14 = StyleSheet.create({
|
|
|
3856
4585
|
justifyContent: "center",
|
|
3857
4586
|
gap: 8,
|
|
3858
4587
|
paddingVertical: 12,
|
|
3859
|
-
paddingHorizontal:
|
|
4588
|
+
paddingHorizontal: 12
|
|
3860
4589
|
},
|
|
3861
4590
|
rangeLabel: {
|
|
3862
4591
|
...datePickerTypography.rangeLabel,
|
|
@@ -3866,13 +4595,16 @@ var styles14 = StyleSheet.create({
|
|
|
3866
4595
|
minWidth: 0,
|
|
3867
4596
|
flexDirection: "row",
|
|
3868
4597
|
alignItems: "center",
|
|
3869
|
-
justifyContent: "
|
|
3870
|
-
|
|
4598
|
+
justifyContent: "flex-start",
|
|
4599
|
+
flexWrap: "nowrap",
|
|
4600
|
+
gap: 10
|
|
3871
4601
|
},
|
|
3872
4602
|
rangeDate: {
|
|
3873
4603
|
...datePickerTypography.rangeDate,
|
|
3874
|
-
flexShrink:
|
|
3875
|
-
color: colors.white
|
|
4604
|
+
flexShrink: 0,
|
|
4605
|
+
color: colors.white,
|
|
4606
|
+
// @ts-expect-error RN Web — keep the full date on one line
|
|
4607
|
+
whiteSpace: "nowrap"
|
|
3876
4608
|
},
|
|
3877
4609
|
rangeTimeWrap: {
|
|
3878
4610
|
flexShrink: 0,
|
|
@@ -3895,8 +4627,8 @@ var styles14 = StyleSheet.create({
|
|
|
3895
4627
|
backgroundColor: colors.grey500
|
|
3896
4628
|
},
|
|
3897
4629
|
iconSlot: {
|
|
3898
|
-
width:
|
|
3899
|
-
height:
|
|
4630
|
+
width: ICON_SIZE8,
|
|
4631
|
+
height: ICON_SIZE8,
|
|
3900
4632
|
alignItems: "center",
|
|
3901
4633
|
justifyContent: "center",
|
|
3902
4634
|
flexShrink: 0
|
|
@@ -3998,6 +4730,46 @@ var styles14 = StyleSheet.create({
|
|
|
3998
4730
|
backgroundColor: colors.primary
|
|
3999
4731
|
}
|
|
4000
4732
|
});
|
|
4733
|
+
var SIZE = 48;
|
|
4734
|
+
var PADDING = 12;
|
|
4735
|
+
var ICON_SIZE9 = 24;
|
|
4736
|
+
var RADIUS = 64;
|
|
4737
|
+
var FloatingActionButton = forwardRef(function FloatingActionButton2({ onPress, disabled = false, icon, accessibilityLabel = "Add", style, className, ...rest }, forwardedRef) {
|
|
4738
|
+
const containerRef = useRef(null);
|
|
4739
|
+
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
4740
|
+
const resolvedClassName = className?.trim() || void 0;
|
|
4741
|
+
useApplyWebClassName(containerRef, resolvedClassName);
|
|
4742
|
+
return /* @__PURE__ */ jsx(
|
|
4743
|
+
TouchableOpacity,
|
|
4744
|
+
{
|
|
4745
|
+
...rest,
|
|
4746
|
+
ref: setContainerRef,
|
|
4747
|
+
onPress,
|
|
4748
|
+
disabled,
|
|
4749
|
+
activeOpacity: 0.7,
|
|
4750
|
+
accessibilityRole: "button",
|
|
4751
|
+
accessibilityLabel,
|
|
4752
|
+
accessibilityState: { disabled },
|
|
4753
|
+
style: [styles20.base, disabled && styles20.disabled, style],
|
|
4754
|
+
children: icon ?? /* @__PURE__ */ jsx(PlusIcon, { color: colors.white, size: ICON_SIZE9, strokeWidth: 2 })
|
|
4755
|
+
}
|
|
4756
|
+
);
|
|
4757
|
+
});
|
|
4758
|
+
var styles20 = StyleSheet.create({
|
|
4759
|
+
base: {
|
|
4760
|
+
width: SIZE,
|
|
4761
|
+
height: SIZE,
|
|
4762
|
+
padding: PADDING,
|
|
4763
|
+
borderRadius: RADIUS,
|
|
4764
|
+
backgroundColor: colors.primary,
|
|
4765
|
+
alignItems: "center",
|
|
4766
|
+
justifyContent: "center",
|
|
4767
|
+
gap: 10
|
|
4768
|
+
},
|
|
4769
|
+
disabled: {
|
|
4770
|
+
opacity: 0.6
|
|
4771
|
+
}
|
|
4772
|
+
});
|
|
4001
4773
|
function renderStatefulIcon(icon, FallbackIcon, props) {
|
|
4002
4774
|
if (icon == null) {
|
|
4003
4775
|
return /* @__PURE__ */ jsx(FallbackIcon, { ...props });
|
|
@@ -4141,13 +4913,13 @@ var Input = forwardRef(function Input2({
|
|
|
4141
4913
|
});
|
|
4142
4914
|
useApplyWebClassName(rootRef, className);
|
|
4143
4915
|
useApplyWebClassName(inputRef, inputClassName);
|
|
4144
|
-
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [
|
|
4145
|
-
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [
|
|
4916
|
+
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles21.root, disabled && styles21.disabled, style], children: [
|
|
4917
|
+
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles21.label, { color: chrome.labelColor }], children: label }) : null,
|
|
4146
4918
|
/* @__PURE__ */ jsxs(
|
|
4147
4919
|
View,
|
|
4148
4920
|
{
|
|
4149
4921
|
style: [
|
|
4150
|
-
|
|
4922
|
+
styles21.field,
|
|
4151
4923
|
{
|
|
4152
4924
|
height: metrics.height,
|
|
4153
4925
|
borderRadius: metrics.borderRadius,
|
|
@@ -4162,7 +4934,7 @@ var Input = forwardRef(function Input2({
|
|
|
4162
4934
|
fieldStyle
|
|
4163
4935
|
],
|
|
4164
4936
|
children: [
|
|
4165
|
-
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: [
|
|
4937
|
+
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: [styles21.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: leftIconNode }) : null,
|
|
4166
4938
|
/* @__PURE__ */ jsx(
|
|
4167
4939
|
TextInput,
|
|
4168
4940
|
{
|
|
@@ -4186,11 +4958,11 @@ var Input = forwardRef(function Input2({
|
|
|
4186
4958
|
onBlur?.(event);
|
|
4187
4959
|
},
|
|
4188
4960
|
style: [
|
|
4189
|
-
|
|
4961
|
+
styles21.input,
|
|
4190
4962
|
metrics.text,
|
|
4191
4963
|
{ color: chrome.textColor },
|
|
4192
|
-
Platform.OS === "web" ?
|
|
4193
|
-
Platform.OS === "android" ?
|
|
4964
|
+
Platform.OS === "web" ? styles21.inputWeb : null,
|
|
4965
|
+
Platform.OS === "android" ? styles21.inputAndroid : null,
|
|
4194
4966
|
inputStyle
|
|
4195
4967
|
],
|
|
4196
4968
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
@@ -4202,20 +4974,20 @@ var Input = forwardRef(function Input2({
|
|
|
4202
4974
|
{
|
|
4203
4975
|
onPress: onRightIconPress,
|
|
4204
4976
|
disabled,
|
|
4205
|
-
style: [
|
|
4977
|
+
style: [styles21.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }],
|
|
4206
4978
|
accessibilityRole: "button",
|
|
4207
4979
|
accessibilityLabel: rightIconAccessibilityLabel,
|
|
4208
4980
|
hitSlop: 8,
|
|
4209
4981
|
children: rightIconNode
|
|
4210
4982
|
}
|
|
4211
|
-
) : /* @__PURE__ */ jsx(View, { style: [
|
|
4983
|
+
) : /* @__PURE__ */ jsx(View, { style: [styles21.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: rightIconNode }) : null
|
|
4212
4984
|
]
|
|
4213
4985
|
}
|
|
4214
4986
|
),
|
|
4215
|
-
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [
|
|
4987
|
+
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles21.hint, { color: chrome.hintColor }], children: hint }) : null
|
|
4216
4988
|
] });
|
|
4217
4989
|
});
|
|
4218
|
-
var
|
|
4990
|
+
var styles21 = StyleSheet.create({
|
|
4219
4991
|
root: {
|
|
4220
4992
|
width: DEFAULT_WIDTH2,
|
|
4221
4993
|
gap: 8,
|
|
@@ -4373,9 +5145,9 @@ var VerificationCodeInput = forwardRef(function VerificationCodeInput2({
|
|
|
4373
5145
|
...viewProps,
|
|
4374
5146
|
ref: rootRef,
|
|
4375
5147
|
style: [
|
|
4376
|
-
|
|
5148
|
+
styles22.root,
|
|
4377
5149
|
{ width: rootWidth, maxWidth: "100%", gap: cellGap },
|
|
4378
|
-
disabled &&
|
|
5150
|
+
disabled && styles22.disabled,
|
|
4379
5151
|
style
|
|
4380
5152
|
],
|
|
4381
5153
|
children: Array.from({ length: safeLength }, (_, index) => {
|
|
@@ -4403,15 +5175,15 @@ var VerificationCodeInput = forwardRef(function VerificationCodeInput2({
|
|
|
4403
5175
|
onSubmitEditing: () => onSubmit?.(currentCode),
|
|
4404
5176
|
selectTextOnFocus: true,
|
|
4405
5177
|
style: [
|
|
4406
|
-
|
|
5178
|
+
styles22.cell,
|
|
4407
5179
|
{
|
|
4408
5180
|
width: cellWidth,
|
|
4409
5181
|
height: CELL_HEIGHT,
|
|
4410
5182
|
borderColor,
|
|
4411
5183
|
color: error ? colors.red : colors.white
|
|
4412
5184
|
},
|
|
4413
|
-
Platform.OS === "web" ?
|
|
4414
|
-
Platform.OS === "android" ?
|
|
5185
|
+
Platform.OS === "web" ? styles22.cellWeb : null,
|
|
5186
|
+
Platform.OS === "android" ? styles22.cellAndroid : null,
|
|
4415
5187
|
inputStyle
|
|
4416
5188
|
],
|
|
4417
5189
|
value: currentCode[index] ?? ""
|
|
@@ -4422,7 +5194,7 @@ var VerificationCodeInput = forwardRef(function VerificationCodeInput2({
|
|
|
4422
5194
|
}
|
|
4423
5195
|
);
|
|
4424
5196
|
});
|
|
4425
|
-
var
|
|
5197
|
+
var styles22 = StyleSheet.create({
|
|
4426
5198
|
root: {
|
|
4427
5199
|
minWidth: 0,
|
|
4428
5200
|
alignSelf: "center",
|
|
@@ -4459,7 +5231,7 @@ var TRIGGER_RADIUS2 = 60;
|
|
|
4459
5231
|
var MENU_RADIUS3 = 24;
|
|
4460
5232
|
var MENU_MAX_LIST_HEIGHT = 248;
|
|
4461
5233
|
var ITEM_RADIUS2 = 12;
|
|
4462
|
-
var
|
|
5234
|
+
var ICON_SIZE10 = 20;
|
|
4463
5235
|
var CHIP_GAP = 6;
|
|
4464
5236
|
var FALLBACK_ELLIPSIS_WIDTH = 20;
|
|
4465
5237
|
function itemBackground(state) {
|
|
@@ -4532,25 +5304,25 @@ function MultiValueChips({ options, disabled, onRemove }) {
|
|
|
4532
5304
|
const next = Math.ceil(event.nativeEvent.layout.width);
|
|
4533
5305
|
setEllipsisWidth((current) => current === next ? current : next);
|
|
4534
5306
|
};
|
|
4535
|
-
return /* @__PURE__ */ jsxs(View, { style:
|
|
4536
|
-
/* @__PURE__ */ jsxs(View, { pointerEvents: "none", style:
|
|
5307
|
+
return /* @__PURE__ */ jsxs(View, { style: styles23.multiValueRoot, children: [
|
|
5308
|
+
/* @__PURE__ */ jsxs(View, { pointerEvents: "none", style: styles23.measureRow, children: [
|
|
4537
5309
|
options.map((option) => /* @__PURE__ */ jsxs(
|
|
4538
5310
|
View,
|
|
4539
5311
|
{
|
|
4540
|
-
style:
|
|
5312
|
+
style: styles23.chip,
|
|
4541
5313
|
onLayout: (event) => handleChipLayout(option.value, event),
|
|
4542
5314
|
children: [
|
|
4543
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
4544
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
5315
|
+
/* @__PURE__ */ jsx(Text, { style: styles23.chipLabel, numberOfLines: 1, children: option.label }),
|
|
5316
|
+
/* @__PURE__ */ jsx(Text, { style: styles23.chipRemove, children: "\xD7" })
|
|
4545
5317
|
]
|
|
4546
5318
|
},
|
|
4547
5319
|
`measure-${option.value}`
|
|
4548
5320
|
)),
|
|
4549
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
5321
|
+
/* @__PURE__ */ jsx(View, { style: styles23.ellipsis, onLayout: handleEllipsisLayout, children: /* @__PURE__ */ jsx(Text, { style: styles23.ellipsisText, children: "..." }) })
|
|
4550
5322
|
] }),
|
|
4551
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
4552
|
-
visible.map((option) => /* @__PURE__ */ jsxs(View, { style:
|
|
4553
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
5323
|
+
/* @__PURE__ */ jsxs(View, { style: styles23.chipsRow, onLayout: handleContainerLayout, children: [
|
|
5324
|
+
visible.map((option) => /* @__PURE__ */ jsxs(View, { style: styles23.chip, children: [
|
|
5325
|
+
/* @__PURE__ */ jsx(Text, { style: styles23.chipLabel, numberOfLines: 1, children: option.label }),
|
|
4554
5326
|
/* @__PURE__ */ jsx(
|
|
4555
5327
|
Pressable,
|
|
4556
5328
|
{
|
|
@@ -4562,11 +5334,11 @@ function MultiValueChips({ options, disabled, onRemove }) {
|
|
|
4562
5334
|
hitSlop: 6,
|
|
4563
5335
|
accessibilityRole: "button",
|
|
4564
5336
|
accessibilityLabel: `Remove ${option.label}`,
|
|
4565
|
-
children: /* @__PURE__ */ jsx(Text, { style:
|
|
5337
|
+
children: /* @__PURE__ */ jsx(Text, { style: styles23.chipRemove, children: "\xD7" })
|
|
4566
5338
|
}
|
|
4567
5339
|
)
|
|
4568
5340
|
] }, option.value)),
|
|
4569
|
-
hasOverflow ? /* @__PURE__ */ jsx(View, { style:
|
|
5341
|
+
hasOverflow ? /* @__PURE__ */ jsx(View, { style: styles23.ellipsis, children: /* @__PURE__ */ jsx(Text, { style: styles23.ellipsisText, children: "..." }) }) : null
|
|
4570
5342
|
] })
|
|
4571
5343
|
] });
|
|
4572
5344
|
}
|
|
@@ -4775,7 +5547,7 @@ var Select = forwardRef(
|
|
|
4775
5547
|
setOpen
|
|
4776
5548
|
]);
|
|
4777
5549
|
const leftIconNode = renderStatefulIcon(leftIcon, UserIcon, {
|
|
4778
|
-
size:
|
|
5550
|
+
size: ICON_SIZE10,
|
|
4779
5551
|
color: error ? colors.red : isOpen ? colors.primary : colors.grey100
|
|
4780
5552
|
});
|
|
4781
5553
|
const hasLeftIcon = showLeftIcon || leftIcon != null;
|
|
@@ -4790,11 +5562,11 @@ var Select = forwardRef(
|
|
|
4790
5562
|
{
|
|
4791
5563
|
...rest,
|
|
4792
5564
|
ref: setRootRef,
|
|
4793
|
-
style: [
|
|
5565
|
+
style: [styles23.root, isOpen && styles23.rootOpen, disabled && styles23.disabled, style],
|
|
4794
5566
|
accessibilityState: { disabled, expanded: isOpen },
|
|
4795
5567
|
children: [
|
|
4796
|
-
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [
|
|
4797
|
-
/* @__PURE__ */ jsxs(View, { style: [
|
|
5568
|
+
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles23.label, { color: labelColor }], children: label }) : null,
|
|
5569
|
+
/* @__PURE__ */ jsxs(View, { style: [styles23.triggerWrap, isOpen && styles23.triggerWrapOpen], children: [
|
|
4798
5570
|
/* @__PURE__ */ jsxs(
|
|
4799
5571
|
Pressable,
|
|
4800
5572
|
{
|
|
@@ -4805,29 +5577,29 @@ var Select = forwardRef(
|
|
|
4805
5577
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
4806
5578
|
accessibilityState: { disabled, expanded: isOpen },
|
|
4807
5579
|
style: [
|
|
4808
|
-
|
|
5580
|
+
styles23.trigger,
|
|
4809
5581
|
{
|
|
4810
5582
|
borderColor: triggerBorderColor,
|
|
4811
5583
|
backgroundColor: colors.grey700
|
|
4812
5584
|
}
|
|
4813
5585
|
],
|
|
4814
5586
|
children: [
|
|
4815
|
-
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style:
|
|
4816
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
5587
|
+
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: styles23.iconSlot, children: leftIconNode }) : null,
|
|
5588
|
+
/* @__PURE__ */ jsx(View, { style: styles23.triggerContent, children: multiple && hasValue ? /* @__PURE__ */ jsx(
|
|
4817
5589
|
MultiValueChips,
|
|
4818
5590
|
{
|
|
4819
5591
|
options: selectedOptions,
|
|
4820
5592
|
disabled,
|
|
4821
5593
|
onRemove: handleRemoveChip
|
|
4822
5594
|
}
|
|
4823
|
-
) : /* @__PURE__ */ jsx(Text, { style: [
|
|
4824
|
-
/* @__PURE__ */ jsx(View, { style: [
|
|
5595
|
+
) : /* @__PURE__ */ jsx(Text, { style: [styles23.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: multiple ? placeholder : singleLabel }) }),
|
|
5596
|
+
/* @__PURE__ */ jsx(View, { style: [styles23.iconSlot, isOpen && styles23.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE10, color: isOpen ? colors.primary : colors.grey100 }) })
|
|
4825
5597
|
]
|
|
4826
5598
|
}
|
|
4827
5599
|
),
|
|
4828
|
-
isOpen ? /* @__PURE__ */ jsxs(View, { style:
|
|
4829
|
-
showSearch ? /* @__PURE__ */ jsxs(View, { style:
|
|
4830
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
5600
|
+
isOpen ? /* @__PURE__ */ jsxs(View, { style: styles23.menu, children: [
|
|
5601
|
+
showSearch ? /* @__PURE__ */ jsxs(View, { style: styles23.searchField, children: [
|
|
5602
|
+
/* @__PURE__ */ jsx(View, { style: styles23.iconSlot, children: /* @__PURE__ */ jsx(SearchIcon, { size: ICON_SIZE10, color: colors.grey100 }) }),
|
|
4831
5603
|
/* @__PURE__ */ jsx(
|
|
4832
5604
|
TextInput,
|
|
4833
5605
|
{
|
|
@@ -4838,9 +5610,9 @@ var Select = forwardRef(
|
|
|
4838
5610
|
placeholder: searchPlaceholder,
|
|
4839
5611
|
placeholderTextColor: colors.grey100,
|
|
4840
5612
|
style: [
|
|
4841
|
-
|
|
4842
|
-
Platform.OS === "web" ?
|
|
4843
|
-
Platform.OS === "android" ?
|
|
5613
|
+
styles23.searchInput,
|
|
5614
|
+
Platform.OS === "web" ? styles23.searchInputWeb : null,
|
|
5615
|
+
Platform.OS === "android" ? styles23.searchInputAndroid : null
|
|
4844
5616
|
],
|
|
4845
5617
|
accessibilityLabel: searchPlaceholder
|
|
4846
5618
|
}
|
|
@@ -4849,12 +5621,12 @@ var Select = forwardRef(
|
|
|
4849
5621
|
/* @__PURE__ */ jsxs(
|
|
4850
5622
|
ScrollView,
|
|
4851
5623
|
{
|
|
4852
|
-
style:
|
|
4853
|
-
contentContainerStyle:
|
|
5624
|
+
style: styles23.optionList,
|
|
5625
|
+
contentContainerStyle: styles23.optionListContent,
|
|
4854
5626
|
keyboardShouldPersistTaps: "handled",
|
|
4855
5627
|
showsVerticalScrollIndicator: false,
|
|
4856
5628
|
children: [
|
|
4857
|
-
loading ? /* @__PURE__ */ jsx(View, { style:
|
|
5629
|
+
loading ? /* @__PURE__ */ jsx(View, { style: styles23.statusRow, children: /* @__PURE__ */ jsx(Text, { style: styles23.statusText, children: "Loading..." }) }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx(View, { style: styles23.statusRow, children: /* @__PURE__ */ jsx(Text, { style: styles23.statusText, children: emptyText }) }) : null,
|
|
4858
5630
|
!loading && filteredOptions.map((option) => {
|
|
4859
5631
|
const isSelected = selectedValues.includes(option.value);
|
|
4860
5632
|
const isHovered = hoveredValue === option.value;
|
|
@@ -4871,14 +5643,14 @@ var Select = forwardRef(
|
|
|
4871
5643
|
accessibilityRole: multiple ? "checkbox" : "button",
|
|
4872
5644
|
accessibilityState: { selected: isSelected, checked: isSelected, disabled },
|
|
4873
5645
|
style: [
|
|
4874
|
-
|
|
5646
|
+
styles23.item,
|
|
4875
5647
|
{
|
|
4876
5648
|
backgroundColor: itemBackground(visualState)
|
|
4877
5649
|
}
|
|
4878
5650
|
],
|
|
4879
5651
|
children: [
|
|
4880
|
-
multiple ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style:
|
|
4881
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
5652
|
+
multiple ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles23.itemCheckbox, children: /* @__PURE__ */ jsx(Checkbox, { value: isSelected, variant: "light" }) }) : null,
|
|
5653
|
+
/* @__PURE__ */ jsx(Text, { style: styles23.itemLabel, numberOfLines: 1, children: option.label })
|
|
4882
5654
|
]
|
|
4883
5655
|
},
|
|
4884
5656
|
option.value
|
|
@@ -4889,13 +5661,13 @@ var Select = forwardRef(
|
|
|
4889
5661
|
)
|
|
4890
5662
|
] }) : null
|
|
4891
5663
|
] }),
|
|
4892
|
-
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [
|
|
5664
|
+
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles23.hint, { color: hintColor }], children: hint }) : null
|
|
4893
5665
|
]
|
|
4894
5666
|
}
|
|
4895
5667
|
);
|
|
4896
5668
|
}
|
|
4897
5669
|
);
|
|
4898
|
-
var
|
|
5670
|
+
var styles23 = StyleSheet.create({
|
|
4899
5671
|
root: {
|
|
4900
5672
|
width: DEFAULT_WIDTH3,
|
|
4901
5673
|
gap: 8,
|
|
@@ -4985,8 +5757,8 @@ var styles17 = StyleSheet.create({
|
|
|
4985
5757
|
lineHeight: 16
|
|
4986
5758
|
},
|
|
4987
5759
|
iconSlot: {
|
|
4988
|
-
width:
|
|
4989
|
-
height:
|
|
5760
|
+
width: ICON_SIZE10,
|
|
5761
|
+
height: ICON_SIZE10,
|
|
4990
5762
|
alignItems: "center",
|
|
4991
5763
|
justifyContent: "center",
|
|
4992
5764
|
flexShrink: 0
|
|
@@ -5157,13 +5929,13 @@ var Textarea = forwardRef(function Textarea2({
|
|
|
5157
5929
|
const resolvedAccessibilityLabel = accessibilityLabel ?? (showLabel ? void 0 : label);
|
|
5158
5930
|
useApplyWebClassName(rootRef, className);
|
|
5159
5931
|
useApplyWebClassName(inputRef, inputClassName);
|
|
5160
|
-
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [
|
|
5161
|
-
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [
|
|
5932
|
+
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles24.root, disabled && styles24.disabled, style], children: [
|
|
5933
|
+
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles24.label, { color: chrome.labelColor }], children: label }) : null,
|
|
5162
5934
|
/* @__PURE__ */ jsx(
|
|
5163
5935
|
View,
|
|
5164
5936
|
{
|
|
5165
5937
|
style: [
|
|
5166
|
-
|
|
5938
|
+
styles24.field,
|
|
5167
5939
|
{
|
|
5168
5940
|
borderColor: chrome.borderColor,
|
|
5169
5941
|
backgroundColor: chrome.backgroundColor
|
|
@@ -5195,11 +5967,11 @@ var Textarea = forwardRef(function Textarea2({
|
|
|
5195
5967
|
onBlur?.(event);
|
|
5196
5968
|
},
|
|
5197
5969
|
style: [
|
|
5198
|
-
|
|
5970
|
+
styles24.input,
|
|
5199
5971
|
textareaTypography.field,
|
|
5200
5972
|
{ color: chrome.textColor },
|
|
5201
|
-
Platform.OS === "web" ?
|
|
5202
|
-
Platform.OS === "android" ?
|
|
5973
|
+
Platform.OS === "web" ? styles24.inputWeb : null,
|
|
5974
|
+
Platform.OS === "android" ? styles24.inputAndroid : null,
|
|
5203
5975
|
inputStyle
|
|
5204
5976
|
],
|
|
5205
5977
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
@@ -5208,10 +5980,10 @@ var Textarea = forwardRef(function Textarea2({
|
|
|
5208
5980
|
)
|
|
5209
5981
|
}
|
|
5210
5982
|
),
|
|
5211
|
-
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [
|
|
5983
|
+
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles24.hint, { color: chrome.hintColor }], children: hint }) : null
|
|
5212
5984
|
] });
|
|
5213
5985
|
});
|
|
5214
|
-
var
|
|
5986
|
+
var styles24 = StyleSheet.create({
|
|
5215
5987
|
root: {
|
|
5216
5988
|
width: DEFAULT_WIDTH4,
|
|
5217
5989
|
gap: 8,
|
|
@@ -5248,12 +6020,12 @@ var styles18 = StyleSheet.create({
|
|
|
5248
6020
|
...textareaTypography.hint
|
|
5249
6021
|
}
|
|
5250
6022
|
});
|
|
5251
|
-
var
|
|
6023
|
+
var TRACK_WIDTH2 = 44;
|
|
5252
6024
|
var TRACK_HEIGHT = 24;
|
|
5253
6025
|
var TRACK_RADIUS = 43;
|
|
5254
6026
|
var TRACK_PADDING2 = 4;
|
|
5255
6027
|
var THUMB_SIZE = TRACK_HEIGHT - TRACK_PADDING2 * 2;
|
|
5256
|
-
var THUMB_TRAVEL =
|
|
6028
|
+
var THUMB_TRAVEL = TRACK_WIDTH2 - TRACK_PADDING2 * 2 - THUMB_SIZE;
|
|
5257
6029
|
var ANIMATION_DURATION2 = 300;
|
|
5258
6030
|
var Toggle = forwardRef(function Toggle2({
|
|
5259
6031
|
value,
|
|
@@ -5311,13 +6083,13 @@ var Toggle = forwardRef(function Toggle2({
|
|
|
5311
6083
|
accessibilityRole: "switch",
|
|
5312
6084
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
5313
6085
|
accessibilityState: { checked: isActive, disabled },
|
|
5314
|
-
style: [
|
|
6086
|
+
style: [styles25.pressable, disabled && styles25.disabled, style],
|
|
5315
6087
|
children: [
|
|
5316
6088
|
/* @__PURE__ */ jsx(
|
|
5317
6089
|
Animated.View,
|
|
5318
6090
|
{
|
|
5319
6091
|
style: [
|
|
5320
|
-
|
|
6092
|
+
styles25.track,
|
|
5321
6093
|
{
|
|
5322
6094
|
backgroundColor: trackBackgroundColor
|
|
5323
6095
|
}
|
|
@@ -5326,7 +6098,7 @@ var Toggle = forwardRef(function Toggle2({
|
|
|
5326
6098
|
Animated.View,
|
|
5327
6099
|
{
|
|
5328
6100
|
style: [
|
|
5329
|
-
|
|
6101
|
+
styles25.thumb,
|
|
5330
6102
|
{
|
|
5331
6103
|
transform: [{ translateX: thumbTranslateX }]
|
|
5332
6104
|
}
|
|
@@ -5335,12 +6107,12 @@ var Toggle = forwardRef(function Toggle2({
|
|
|
5335
6107
|
)
|
|
5336
6108
|
}
|
|
5337
6109
|
),
|
|
5338
|
-
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [
|
|
6110
|
+
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles25.label, labelStyle], children: labelContent }) : labelContent : null
|
|
5339
6111
|
]
|
|
5340
6112
|
}
|
|
5341
6113
|
);
|
|
5342
6114
|
});
|
|
5343
|
-
var
|
|
6115
|
+
var styles25 = StyleSheet.create({
|
|
5344
6116
|
pressable: {
|
|
5345
6117
|
flexDirection: "row",
|
|
5346
6118
|
alignItems: "center",
|
|
@@ -5351,7 +6123,7 @@ var styles19 = StyleSheet.create({
|
|
|
5351
6123
|
opacity: 0.6
|
|
5352
6124
|
},
|
|
5353
6125
|
track: {
|
|
5354
|
-
width:
|
|
6126
|
+
width: TRACK_WIDTH2,
|
|
5355
6127
|
height: TRACK_HEIGHT,
|
|
5356
6128
|
borderRadius: TRACK_RADIUS,
|
|
5357
6129
|
padding: TRACK_PADDING2,
|
|
@@ -5415,21 +6187,21 @@ var RatingInput = forwardRef(
|
|
|
5415
6187
|
{
|
|
5416
6188
|
...rest,
|
|
5417
6189
|
ref: setContainerRef,
|
|
5418
|
-
style: [
|
|
6190
|
+
style: [styles26.root, disabled && styles26.disabled, style],
|
|
5419
6191
|
children: [
|
|
5420
|
-
showValue ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [
|
|
6192
|
+
showValue ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles26.value, valueStyle], children: selectedValue.toFixed(precision) }) : null,
|
|
5421
6193
|
/* @__PURE__ */ jsx(
|
|
5422
6194
|
View,
|
|
5423
6195
|
{
|
|
5424
6196
|
accessibilityRole: readOnly ? "image" : "radiogroup",
|
|
5425
6197
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
5426
6198
|
accessibilityState: { disabled },
|
|
5427
|
-
style: [
|
|
6199
|
+
style: [styles26.stars, { gap: resolvedStarGap }],
|
|
5428
6200
|
children: Array.from({ length: STAR_COUNT }, (_, index) => {
|
|
5429
6201
|
const starValue = index + 1;
|
|
5430
6202
|
const isSelected = starValue <= selectedStarCount;
|
|
5431
6203
|
const icon = isSelected ? /* @__PURE__ */ jsx(StarFilledIcon, { size: iconWidth, height: iconHeight }) : /* @__PURE__ */ jsx(StarIcon, { size: iconWidth, height: iconHeight });
|
|
5432
|
-
const itemStyle = [
|
|
6204
|
+
const itemStyle = [styles26.starItem, { width: size, height: size }];
|
|
5433
6205
|
if (readOnly) {
|
|
5434
6206
|
return /* @__PURE__ */ jsx(View, { style: itemStyle, children: icon }, starValue);
|
|
5435
6207
|
}
|
|
@@ -5455,7 +6227,7 @@ var RatingInput = forwardRef(
|
|
|
5455
6227
|
);
|
|
5456
6228
|
}
|
|
5457
6229
|
);
|
|
5458
|
-
var
|
|
6230
|
+
var styles26 = StyleSheet.create({
|
|
5459
6231
|
root: {
|
|
5460
6232
|
flexDirection: "row",
|
|
5461
6233
|
alignItems: "center",
|
|
@@ -5519,19 +6291,19 @@ var CommentCard = forwardRef(
|
|
|
5519
6291
|
setExpanded(next);
|
|
5520
6292
|
onExpandedChange?.(next);
|
|
5521
6293
|
};
|
|
5522
|
-
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [
|
|
5523
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
5524
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
6294
|
+
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles27.root, style], children: [
|
|
6295
|
+
/* @__PURE__ */ jsxs(View, { style: styles27.header, children: [
|
|
6296
|
+
/* @__PURE__ */ jsx(View, { style: styles27.avatar, children: hasImage ? /* @__PURE__ */ jsx(
|
|
5525
6297
|
Image,
|
|
5526
6298
|
{
|
|
5527
6299
|
source: { uri: imageUrl ?? void 0 },
|
|
5528
|
-
style:
|
|
6300
|
+
style: styles27.avatarImage,
|
|
5529
6301
|
onError: () => setImageFailed(true)
|
|
5530
6302
|
}
|
|
5531
6303
|
) : /* @__PURE__ */ jsx(UserIcon, { size: 20, color: colors.primary }) }),
|
|
5532
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
5533
|
-
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style:
|
|
5534
|
-
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style:
|
|
6304
|
+
/* @__PURE__ */ jsxs(View, { style: styles27.identity, children: [
|
|
6305
|
+
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles27.name, children: userName }),
|
|
6306
|
+
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles27.date, children: date })
|
|
5535
6307
|
] }),
|
|
5536
6308
|
/* @__PURE__ */ jsx(RatingInput, { value: rating, readOnly: true, showValue: false, size: 16 })
|
|
5537
6309
|
] }),
|
|
@@ -5539,7 +6311,7 @@ var CommentCard = forwardRef(
|
|
|
5539
6311
|
Text,
|
|
5540
6312
|
{
|
|
5541
6313
|
numberOfLines: expanded ? void 0 : maxCommentLines,
|
|
5542
|
-
style: [
|
|
6314
|
+
style: [styles27.comment, commentStyle],
|
|
5543
6315
|
children: commentText
|
|
5544
6316
|
}
|
|
5545
6317
|
),
|
|
@@ -5552,14 +6324,14 @@ var CommentCard = forwardRef(
|
|
|
5552
6324
|
hitSlop: 6,
|
|
5553
6325
|
onHoverIn: () => setActionHovered(true),
|
|
5554
6326
|
onHoverOut: () => setActionHovered(false),
|
|
5555
|
-
style:
|
|
6327
|
+
style: styles27.action,
|
|
5556
6328
|
children: /* @__PURE__ */ jsx(
|
|
5557
6329
|
Text,
|
|
5558
6330
|
{
|
|
5559
6331
|
style: [
|
|
5560
|
-
|
|
5561
|
-
expanded &&
|
|
5562
|
-
actionHovered && (expanded ?
|
|
6332
|
+
styles27.actionText,
|
|
6333
|
+
expanded && styles27.closeActionText,
|
|
6334
|
+
actionHovered && (expanded ? styles27.closeActionTextHovered : styles27.openActionTextHovered)
|
|
5563
6335
|
],
|
|
5564
6336
|
children: expanded ? readLessLabel : readMoreLabel
|
|
5565
6337
|
}
|
|
@@ -5569,7 +6341,7 @@ var CommentCard = forwardRef(
|
|
|
5569
6341
|
] });
|
|
5570
6342
|
}
|
|
5571
6343
|
);
|
|
5572
|
-
var
|
|
6344
|
+
var styles27 = StyleSheet.create({
|
|
5573
6345
|
root: {
|
|
5574
6346
|
width: CARD_WIDTH2,
|
|
5575
6347
|
minHeight: CARD_MIN_HEIGHT,
|
|
@@ -6008,7 +6780,7 @@ var Range = forwardRef(function Range2({
|
|
|
6008
6780
|
...rest,
|
|
6009
6781
|
ref: setRootRef,
|
|
6010
6782
|
onLayout,
|
|
6011
|
-
style: [
|
|
6783
|
+
style: [styles28.root, disabled && styles28.disabled, style],
|
|
6012
6784
|
children: [
|
|
6013
6785
|
/* @__PURE__ */ jsxs(
|
|
6014
6786
|
Pressable,
|
|
@@ -6022,16 +6794,16 @@ var Range = forwardRef(function Range2({
|
|
|
6022
6794
|
updateNearestFromTrack(event.nativeEvent.offsetX);
|
|
6023
6795
|
} : void 0,
|
|
6024
6796
|
onPress: Platform.OS === "web" ? void 0 : handleTrackPress,
|
|
6025
|
-
style:
|
|
6797
|
+
style: styles28.sliderPlane,
|
|
6026
6798
|
tabIndex: -1,
|
|
6027
6799
|
children: [
|
|
6028
|
-
/* @__PURE__ */ jsx(View, { pointerEvents: "none", style:
|
|
6800
|
+
/* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles28.track }),
|
|
6029
6801
|
/* @__PURE__ */ jsx(
|
|
6030
6802
|
View,
|
|
6031
6803
|
{
|
|
6032
6804
|
pointerEvents: "none",
|
|
6033
6805
|
style: [
|
|
6034
|
-
|
|
6806
|
+
styles28.activeTrack,
|
|
6035
6807
|
{
|
|
6036
6808
|
left: TRACK_HORIZONTAL_INSET + fromOffset,
|
|
6037
6809
|
width: toOffset - fromOffset + THUMB_SIZE2
|
|
@@ -6073,9 +6845,9 @@ var Range = forwardRef(function Range2({
|
|
|
6073
6845
|
onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveFrom, updateFromInput),
|
|
6074
6846
|
pointerEvents: disabled ? "none" : "auto",
|
|
6075
6847
|
style: [
|
|
6076
|
-
|
|
6077
|
-
Platform.OS === "web" &&
|
|
6078
|
-
focusedThumb === "from" && Platform.OS === "web" &&
|
|
6848
|
+
styles28.thumb,
|
|
6849
|
+
Platform.OS === "web" && styles28.thumbWeb,
|
|
6850
|
+
focusedThumb === "from" && Platform.OS === "web" && styles28.thumbFocusedWeb,
|
|
6079
6851
|
{ left: TRACK_HORIZONTAL_INSET + fromOffset }
|
|
6080
6852
|
],
|
|
6081
6853
|
tabIndex: disabled ? -1 : 0
|
|
@@ -6115,9 +6887,9 @@ var Range = forwardRef(function Range2({
|
|
|
6115
6887
|
onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveTo, updateToInput),
|
|
6116
6888
|
pointerEvents: disabled ? "none" : "auto",
|
|
6117
6889
|
style: [
|
|
6118
|
-
|
|
6119
|
-
Platform.OS === "web" &&
|
|
6120
|
-
focusedThumb === "to" && Platform.OS === "web" &&
|
|
6890
|
+
styles28.thumb,
|
|
6891
|
+
Platform.OS === "web" && styles28.thumbWeb,
|
|
6892
|
+
focusedThumb === "to" && Platform.OS === "web" && styles28.thumbFocusedWeb,
|
|
6121
6893
|
{ left: TRACK_HORIZONTAL_INSET + toOffset }
|
|
6122
6894
|
],
|
|
6123
6895
|
tabIndex: disabled ? -1 : 0
|
|
@@ -6126,7 +6898,7 @@ var Range = forwardRef(function Range2({
|
|
|
6126
6898
|
]
|
|
6127
6899
|
}
|
|
6128
6900
|
),
|
|
6129
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
6901
|
+
/* @__PURE__ */ jsxs(View, { style: styles28.inputs, children: [
|
|
6130
6902
|
/* @__PURE__ */ jsx(
|
|
6131
6903
|
RangeInput,
|
|
6132
6904
|
{
|
|
@@ -6177,7 +6949,7 @@ function RangeInput({
|
|
|
6177
6949
|
placeholder,
|
|
6178
6950
|
value
|
|
6179
6951
|
}) {
|
|
6180
|
-
return /* @__PURE__ */ jsxs(View, { style: [
|
|
6952
|
+
return /* @__PURE__ */ jsxs(View, { style: [styles28.inputField, focused && styles28.inputFieldFocused], children: [
|
|
6181
6953
|
/* @__PURE__ */ jsx(
|
|
6182
6954
|
TextInput,
|
|
6183
6955
|
{
|
|
@@ -6193,15 +6965,15 @@ function RangeInput({
|
|
|
6193
6965
|
placeholder,
|
|
6194
6966
|
placeholderTextColor: colors.grey150,
|
|
6195
6967
|
returnKeyType: "done",
|
|
6196
|
-
style: [
|
|
6968
|
+
style: [styles28.input, Platform.OS === "web" && styles28.inputWeb],
|
|
6197
6969
|
tabIndex: disabled ? -1 : void 0,
|
|
6198
6970
|
value
|
|
6199
6971
|
}
|
|
6200
6972
|
),
|
|
6201
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
6973
|
+
/* @__PURE__ */ jsx(View, { style: styles28.currencySlot, children: /* @__PURE__ */ jsx(Text, { style: styles28.currency, children: currency }) })
|
|
6202
6974
|
] });
|
|
6203
6975
|
}
|
|
6204
|
-
var
|
|
6976
|
+
var styles28 = StyleSheet.create({
|
|
6205
6977
|
root: {
|
|
6206
6978
|
width: DEFAULT_WIDTH5,
|
|
6207
6979
|
gap: 15,
|
|
@@ -6305,6 +7077,6 @@ var styles22 = StyleSheet.create({
|
|
|
6305
7077
|
}
|
|
6306
7078
|
});
|
|
6307
7079
|
|
|
6308
|
-
export { Amenity, AmenityIcon, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, AvatarSimple, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, BuildingIcon, Button, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, CopyIcon, Counter, DatePicker, FacebookIcon, FavoritesButton, FiltersIcon, GlobeIcon, GooglePlayIcon, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, Input, InstagramIcon, KeyIcon, LanguageSwitcher, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, MenuItem, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, RatingInput, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, Select, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, StatCard, Textarea, Toggle, TooltipArrowIcon, UserIcon, UsersAltIcon, VerificationCodeInput, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
7080
|
+
export { AccountHeader, AlertTriangleIcon, Amenity, AmenityIcon, AppleIcon, AreaExpandIcon, ArrowRightIcon, Avatar, AvatarSimple, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, BagIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, BuildingIcon, Button, CalendarIcon, CalendarOutlineIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CommentCard, CopyIcon, Counter, DatePicker, DownloadIcon, EditIcon, FacebookIcon, FavoritesButton, FiltersIcon, FloatingActionButton, GlobeIcon, GooglePlayIcon, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, InfoTile, Input, InstagramIcon, KeyIcon, LanguageSwitcher, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, MenuItem, MinusIcon, NavigateIcon, NoSmokingIcon, PaginationDots, PawIcon, PhoneIcon, PlusIcon, QrCodeIcon, QuietHoursIcon, Range, RatingInput, RatingStarIcon, RefreshIcon, RefundStatusIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, Select, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, StatCard, StatusBadge, StepList, Textarea, Toggle, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, VideoIcon, WhatsAppIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
6309
7081
|
//# sourceMappingURL=index.js.map
|
|
6310
7082
|
//# sourceMappingURL=index.js.map
|