@ecohouse/ui 0.1.18 → 0.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1089 -280
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +61 -4
- package/dist/index.d.ts +61 -4
- package/dist/index.js +1035 -231
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Range/Range.stories.tsx +128 -0
- package/src/components/Range/Range.test.ts +78 -0
- package/src/components/Range/Range.tsx +755 -0
- package/src/components/Range/Range.types.ts +35 -0
- package/src/components/Range/Range.utils.ts +56 -0
- package/src/components/Range/index.ts +2 -0
- package/src/components/StatCard/StatCard.tsx +2 -1
- package/src/components/index.ts +3 -0
- package/src/icons/Close/CloseIcon.tsx +18 -0
- package/src/icons/Close/CloseIcon.web.tsx +17 -0
- package/src/icons/Close/closePath.ts +2 -0
- package/src/icons/Close/index.ts +2 -0
- package/src/icons/CottageCard/CottageCardIcons.tsx +8 -1
- package/src/icons/CottageCard/CottageCardIcons.web.tsx +8 -1
- package/src/icons/MapControls/MapControlIcons.tsx +31 -0
- package/src/icons/MapControls/MapControlIcons.web.tsx +30 -0
- package/src/icons/MapControls/index.ts +2 -0
- package/src/icons/MapControls/mapControlPaths.ts +4 -0
- package/src/icons/index.ts +2 -0
- package/src/icons/registry.ts +8 -0
- package/src/index.ts +13 -1
- package/src/primitives/FavoritesButton/FavoritesButton.stories.tsx +60 -0
- package/src/primitives/FavoritesButton/FavoritesButton.tsx +120 -0
- package/src/primitives/FavoritesButton/index.ts +2 -0
- package/src/primitives/index.ts +2 -0
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { forwardRef, useRef, useMemo, useState, useCallback, useEffect, useLayoutEffect, isValidElement, cloneElement } from 'react';
|
|
2
|
-
import { Pressable, View, Text, StyleSheet, Platform, Image, Animated, Easing, TouchableOpacity, TextInput, ScrollView } from 'react-native';
|
|
3
|
-
import
|
|
2
|
+
import { Pressable, View, Text, StyleSheet, Platform, Image, Animated, Easing, TouchableOpacity, TextInput, ScrollView, PanResponder } from 'react-native';
|
|
3
|
+
import Svg15, { Path } from 'react-native-svg';
|
|
4
4
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
6
6
|
// src/components/Avatar/Avatar.tsx
|
|
@@ -282,7 +282,7 @@ function ArrowRightIcon({
|
|
|
282
282
|
color = colors.primary,
|
|
283
283
|
strokeWidth = 2
|
|
284
284
|
}) {
|
|
285
|
-
return /* @__PURE__ */ jsx(
|
|
285
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
286
286
|
Path,
|
|
287
287
|
{
|
|
288
288
|
d: ARROW_RIGHT_PATH,
|
|
@@ -297,7 +297,7 @@ function ArrowRightIcon({
|
|
|
297
297
|
// src/icons/Bag/bagPath.ts
|
|
298
298
|
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";
|
|
299
299
|
function BagIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
300
|
-
return /* @__PURE__ */ jsx(
|
|
300
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
301
301
|
Path,
|
|
302
302
|
{
|
|
303
303
|
d: BAG_PATH,
|
|
@@ -312,7 +312,7 @@ function BagIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
|
312
312
|
// src/icons/Bell/bellPath.ts
|
|
313
313
|
var BELL_PATH = "M7.5 17.5H12.5M10 2.5C7.23858 2.5 5 4.73858 5 7.5C5 8.51208 5.3007 9.45393 5.81764 10.2411C6.61256 11.4515 7.00967 12.0564 7.06127 12.1467C7.52024 12.9508 7.43573 12.6672 7.49349 13.5913C7.49998 13.6952 7.5 13.8524 7.5 14.1667C7.5 14.6269 7.8731 15 8.33333 15L11.6667 15C12.1269 15 12.5 14.6269 12.5 14.1667C12.5 13.8524 12.5 13.6952 12.5065 13.5913C12.5643 12.6672 12.4793 12.9509 12.9382 12.1467C12.9898 12.0564 13.3876 11.4515 14.1825 10.2411C14.6995 9.45393 15.0002 8.51208 15.0002 7.5C15.0002 4.73858 12.7614 2.5 10 2.5Z";
|
|
314
314
|
function BellIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
315
|
-
return /* @__PURE__ */ jsx(
|
|
315
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
316
316
|
Path,
|
|
317
317
|
{
|
|
318
318
|
d: BELL_PATH,
|
|
@@ -327,7 +327,7 @@ function BellIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
327
327
|
// src/icons/Building/buildingPath.ts
|
|
328
328
|
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";
|
|
329
329
|
function BuildingIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
330
|
-
return /* @__PURE__ */ jsx(
|
|
330
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
331
331
|
Path,
|
|
332
332
|
{
|
|
333
333
|
d: BUILDING_PATH,
|
|
@@ -342,7 +342,7 @@ function BuildingIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
342
342
|
// src/icons/Calendar/calendarPath.ts
|
|
343
343
|
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";
|
|
344
344
|
function CalendarIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
345
|
-
return /* @__PURE__ */ jsx(
|
|
345
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
346
346
|
Path,
|
|
347
347
|
{
|
|
348
348
|
d: CALENDAR_PATH,
|
|
@@ -361,7 +361,7 @@ function CalendarOutlineIcon({
|
|
|
361
361
|
color = colors.primary,
|
|
362
362
|
strokeWidth = 1.5
|
|
363
363
|
}) {
|
|
364
|
-
return /* @__PURE__ */ jsx(
|
|
364
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
365
365
|
Path,
|
|
366
366
|
{
|
|
367
367
|
d: CALENDAR_OUTLINE_PATH,
|
|
@@ -376,7 +376,7 @@ function CalendarOutlineIcon({
|
|
|
376
376
|
// src/icons/Camera/cameraPath.ts
|
|
377
377
|
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";
|
|
378
378
|
function CameraIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
379
|
-
return /* @__PURE__ */ jsx(
|
|
379
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
380
380
|
Path,
|
|
381
381
|
{
|
|
382
382
|
d: CAMERA_PATH,
|
|
@@ -391,7 +391,7 @@ function CameraIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
|
391
391
|
// src/icons/Check/checkPath.ts
|
|
392
392
|
var CHECK_PATH = "M4.16669 10.8333L7.50002 14.1667L15.8334 5.83334";
|
|
393
393
|
function CheckIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
394
|
-
return /* @__PURE__ */ jsx(
|
|
394
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
395
395
|
Path,
|
|
396
396
|
{
|
|
397
397
|
d: CHECK_PATH,
|
|
@@ -406,7 +406,7 @@ function CheckIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
406
406
|
// src/icons/CheckBadge/checkBadgePath.ts
|
|
407
407
|
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";
|
|
408
408
|
function CheckBadgeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
409
|
-
return /* @__PURE__ */ jsx(
|
|
409
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
410
410
|
Path,
|
|
411
411
|
{
|
|
412
412
|
d: CHECK_BADGE_PATH,
|
|
@@ -425,7 +425,7 @@ function ChevronDownIcon({
|
|
|
425
425
|
color = colors.primary,
|
|
426
426
|
strokeWidth = 2
|
|
427
427
|
}) {
|
|
428
|
-
return /* @__PURE__ */ jsx(
|
|
428
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
429
429
|
Path,
|
|
430
430
|
{
|
|
431
431
|
d: CHEVRON_DOWN_PATH,
|
|
@@ -440,7 +440,7 @@ function ChevronDownIcon({
|
|
|
440
440
|
// src/icons/ChevronLeft/chevronLeftPath.ts
|
|
441
441
|
var CHEVRON_LEFT_PATH = "M12.5 15L7.5 10L12.5 5";
|
|
442
442
|
function ChevronLeftIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
443
|
-
return /* @__PURE__ */ jsx(
|
|
443
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
444
444
|
Path,
|
|
445
445
|
{
|
|
446
446
|
d: CHEVRON_LEFT_PATH,
|
|
@@ -455,7 +455,7 @@ function ChevronLeftIcon({ size = 20, color = colors.primary, strokeWidth = 2 })
|
|
|
455
455
|
// src/icons/Clock/clockPath.ts
|
|
456
456
|
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";
|
|
457
457
|
function ClockIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
458
|
-
return /* @__PURE__ */ jsx(
|
|
458
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
459
459
|
Path,
|
|
460
460
|
{
|
|
461
461
|
d: CLOCK_PATH,
|
|
@@ -467,6 +467,21 @@ function ClockIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
|
467
467
|
) });
|
|
468
468
|
}
|
|
469
469
|
|
|
470
|
+
// src/icons/Close/closePath.ts
|
|
471
|
+
var CLOSE_PATH = "M15 5L5 15M5 5L15 15";
|
|
472
|
+
function CloseIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
473
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
474
|
+
Path,
|
|
475
|
+
{
|
|
476
|
+
d: CLOSE_PATH,
|
|
477
|
+
stroke: color,
|
|
478
|
+
strokeWidth,
|
|
479
|
+
strokeLinecap: "round",
|
|
480
|
+
strokeLinejoin: "round"
|
|
481
|
+
}
|
|
482
|
+
) });
|
|
483
|
+
}
|
|
484
|
+
|
|
470
485
|
// src/icons/CottageCard/cottageCardPaths.ts
|
|
471
486
|
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";
|
|
472
487
|
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";
|
|
@@ -476,11 +491,18 @@ var CARD_LOCATION_DOT_PATH = "M6.49967 5.95833C7.24755 5.95833 7.85384 5.35205 7
|
|
|
476
491
|
var GUESTS_PATH = "M8.20008 8.14683C8.5558 7.83892 8.84111 7.45809 9.03666 7.03018C9.23221 6.60227 9.33342 6.1373 9.33342 5.66683C9.33342 4.78277 8.98223 3.93493 8.3571 3.30981C7.73198 2.68469 6.88414 2.3335 6.00008 2.3335C5.11603 2.3335 4.26818 2.68469 3.64306 3.30981C3.01794 3.93493 2.66675 4.78277 2.66675 5.66683C2.66674 6.1373 2.76795 6.60227 2.9635 7.03018C3.15905 7.45809 3.44436 7.83892 3.80008 8.14683C2.86684 8.56942 2.07506 9.25185 1.5194 10.1125C0.963745 10.9732 0.667729 11.9757 0.666748 13.0002C0.666748 13.177 0.736986 13.3465 0.86201 13.4716C0.987034 13.5966 1.1566 13.6668 1.33341 13.6668C1.51023 13.6668 1.6798 13.5966 1.80482 13.4716C1.92984 13.3465 2.00008 13.177 2.00008 13.0002C2.00008 11.9393 2.42151 10.9219 3.17165 10.1717C3.9218 9.42159 4.93922 9.00016 6.00008 9.00016C7.06095 9.00016 8.07836 9.42159 8.82851 10.1717C9.57865 10.9219 10.0001 11.9393 10.0001 13.0002C10.0001 13.177 10.0703 13.3465 10.1953 13.4716C10.3204 13.5966 10.4899 13.6668 10.6667 13.6668C10.8436 13.6668 11.0131 13.5966 11.1382 13.4716C11.2632 13.3465 11.3334 13.177 11.3334 13.0002C11.3324 11.9757 11.0364 10.9732 10.4808 10.1125C9.92511 9.25185 9.13332 8.56942 8.20008 8.14683ZM6.00008 7.66683C5.60452 7.66683 5.21784 7.54953 4.88894 7.32977C4.56004 7.11001 4.3037 6.79765 4.15232 6.4322C4.00095 6.06674 3.96134 5.66461 4.03851 5.27665C4.11568 4.88869 4.30616 4.53232 4.58587 4.25262C4.86557 3.97291 5.22194 3.78243 5.6099 3.70526C5.99786 3.62809 6.4 3.6677 6.76545 3.81907C7.1309 3.97045 7.44326 4.22679 7.66302 4.55569C7.88278 4.88459 8.00008 5.27127 8.00008 5.66683C8.00008 6.19726 7.78937 6.70597 7.4143 7.08104C7.03922 7.45612 6.53051 7.66683 6.00008 7.66683ZM12.4934 7.88016C12.9201 7.39972 13.1988 6.8062 13.2959 6.17106C13.3931 5.53591 13.3047 4.88621 13.0413 4.30016C12.7778 3.71411 12.3506 3.21669 11.8111 2.86778C11.2715 2.51886 10.6426 2.33332 10.0001 2.3335C9.82327 2.3335 9.6537 2.40373 9.52868 2.52876C9.40365 2.65378 9.33342 2.82335 9.33342 3.00016C9.33342 3.17697 9.40365 3.34654 9.52868 3.47157C9.6537 3.59659 9.82327 3.66683 10.0001 3.66683C10.5305 3.66683 11.0392 3.87754 11.4143 4.25262C11.7894 4.62769 12.0001 5.1364 12.0001 5.66683C11.9991 6.01699 11.9063 6.36076 11.7308 6.66378C11.5553 6.96679 11.3033 7.21842 11.0001 7.3935C10.9012 7.45051 10.8187 7.53194 10.7603 7.62999C10.702 7.72804 10.6697 7.83943 10.6667 7.9535C10.664 8.06667 10.69 8.17869 10.7425 8.279C10.795 8.37931 10.8722 8.4646 10.9667 8.52683L11.2267 8.70016L11.3134 8.74683C12.117 9.12797 12.795 9.73082 13.2674 10.4844C13.7398 11.2379 13.9871 12.1108 13.9801 13.0002C13.9801 13.177 14.0503 13.3465 14.1753 13.4716C14.3004 13.5966 14.4699 13.6668 14.6467 13.6668C14.8236 13.6668 14.9931 13.5966 15.1182 13.4716C15.2432 13.3465 15.3134 13.177 15.3134 13.0002C15.3189 11.9771 15.0626 10.9697 14.5691 10.0735C14.0755 9.17741 13.361 8.42237 12.4934 7.88016Z";
|
|
477
492
|
var BEDROOMS_PATH = "M4.66675 8.33333C5.06231 8.33333 5.44899 8.21604 5.77789 7.99627C6.10679 7.77651 6.36313 7.46415 6.51451 7.0987C6.66588 6.73325 6.70549 6.33111 6.62832 5.94315C6.55115 5.55519 6.36067 5.19882 6.08096 4.91912C5.80126 4.63941 5.44489 4.44893 5.05693 4.37176C4.66897 4.29459 4.26683 4.3342 3.90138 4.48557C3.53593 4.63695 3.22357 4.89329 3.00381 5.22219C2.78405 5.55109 2.66675 5.93777 2.66675 6.33333C2.66675 6.86377 2.87746 7.37247 3.25253 7.74755C3.62761 8.12262 4.13632 8.33333 4.66675 8.33333ZM4.66675 5.66667C4.7986 5.66667 4.9275 5.70577 5.03713 5.77902C5.14676 5.85227 5.23221 5.95639 5.28267 6.07821C5.33313 6.20003 5.34633 6.33407 5.32061 6.46339C5.29488 6.59271 5.23139 6.7115 5.13815 6.80474C5.04492 6.89797 4.92613 6.96147 4.79681 6.98719C4.66749 7.01291 4.53344 6.99971 4.41163 6.94925C4.28981 6.89879 4.18569 6.81335 4.11244 6.70371C4.03918 6.59408 4.00008 6.46519 4.00008 6.33333C4.00008 6.15652 4.07032 5.98695 4.19534 5.86193C4.32037 5.7369 4.48994 5.66667 4.66675 5.66667ZM13.3334 4.33333H8.00008C7.82327 4.33333 7.6537 4.40357 7.52868 4.5286C7.40365 4.65362 7.33342 4.82319 7.33342 5V9H2.00008V3.66667C2.00008 3.48986 1.92984 3.32029 1.80482 3.19526C1.6798 3.07024 1.51023 3 1.33341 3C1.1566 3 0.987034 3.07024 0.86201 3.19526C0.736986 3.32029 0.666748 3.48986 0.666748 3.66667V12.3333C0.666748 12.5101 0.736986 12.6797 0.86201 12.8047C0.987034 12.9298 1.1566 13 1.33341 13C1.51023 13 1.6798 12.9298 1.80482 12.8047C1.92984 12.6797 2.00008 12.5101 2.00008 12.3333V10.3333H14.0001V12.3333C14.0001 12.5101 14.0703 12.6797 14.1953 12.8047C14.3204 12.9298 14.4899 13 14.6667 13C14.8436 13 15.0131 12.9298 15.1382 12.8047C15.2632 12.6797 15.3334 12.5101 15.3334 12.3333V6.33333C15.3334 5.8029 15.1227 5.29419 14.7476 4.91912C14.3726 4.54405 13.8638 4.33333 13.3334 4.33333ZM14.0001 9H8.66675V5.66667H13.3334C13.5102 5.66667 13.6798 5.7369 13.8048 5.86193C13.9298 5.98695 14.0001 6.15652 14.0001 6.33333V9Z";
|
|
478
493
|
var BATHROOMS_PATH = "M14.6667 7.99999H3.33341V4.27343C3.33108 4.03335 3.39444 3.7972 3.51664 3.59053C3.63885 3.38386 3.81525 3.21454 4.02675 3.10091C4.26062 2.97416 4.52713 2.92047 4.79184 2.94677C4.65711 3.35481 4.63797 3.79218 4.73654 4.21043C4.83511 4.62868 5.04755 5.01147 5.35031 5.3164L6.05737 6.02343C6.11926 6.08535 6.19274 6.13447 6.27362 6.16798C6.3545 6.20149 6.44118 6.21874 6.52873 6.21874C6.61627 6.21874 6.70296 6.20149 6.78384 6.16798C6.86471 6.13447 6.93819 6.08535 7.00008 6.02343L9.35686 3.66666C9.41877 3.60477 9.46789 3.53129 9.5014 3.45041C9.53492 3.36954 9.55217 3.28285 9.55217 3.19531C9.55217 3.10776 9.53492 3.02108 9.5014 2.9402C9.46789 2.85932 9.41877 2.78584 9.35686 2.72395L8.64982 2.01692C8.2563 1.62517 7.73578 1.38688 7.18209 1.34501C6.6284 1.30314 6.07796 1.46045 5.63001 1.78857C5.22612 1.63083 4.78981 1.57415 4.35902 1.62346C3.92824 1.67277 3.51602 1.82658 3.15823 2.07151C2.80043 2.31644 2.50789 2.64507 2.30605 3.02883C2.1042 3.41258 1.99917 3.83984 2.00008 4.27343V7.99999H1.33341C1.1566 7.99999 0.987034 8.07023 0.86201 8.19526C0.736986 8.32028 0.666748 8.48985 0.666748 8.66666C0.666748 8.84347 0.736986 9.01304 0.86201 9.13806C0.987034 9.26309 1.1566 9.33333 1.33341 9.33333H2.00008V11.3333C2.00135 11.7456 2.1302 12.1473 2.36893 12.4834C2.60766 12.8195 2.94458 13.0735 3.33341 13.2104V14C3.33341 14.1768 3.40365 14.3464 3.52868 14.4714C3.6537 14.5964 3.82327 14.6667 4.00008 14.6667C4.17689 14.6667 4.34646 14.5964 4.47149 14.4714C4.59651 14.3464 4.66675 14.1768 4.66675 14V13.3333H11.3334V14C11.3334 14.1768 11.4037 14.3464 11.5287 14.4714C11.6537 14.5964 11.8233 14.6667 12.0001 14.6667C12.1769 14.6667 12.3465 14.5964 12.4715 14.4714C12.5965 14.3464 12.6667 14.1768 12.6667 14V13.2105C13.0556 13.0735 13.3925 12.8195 13.6312 12.4834C13.87 12.1473 13.9988 11.7456 14.0001 11.3333V9.33333H14.6667C14.8436 9.33333 15.0131 9.26309 15.1382 9.13806C15.2632 9.01304 15.3334 8.84347 15.3334 8.66666C15.3334 8.48985 15.2632 8.32028 15.1382 8.19526C15.0131 8.07023 14.8436 7.99999 14.6667 7.99999ZM6.29305 2.95963C6.48074 2.77244 6.735 2.66731 7.00008 2.66731C7.26516 2.66731 7.51943 2.77244 7.70711 2.95963L7.94279 3.19531L6.52875 4.60937L6.29307 4.37369C6.10577 4.18606 6.00058 3.93178 6.00058 3.66666C6.00057 3.40155 6.10576 3.14727 6.29305 2.95963ZM12.6667 11.3333C12.6666 11.5101 12.5964 11.6796 12.4714 11.8046C12.3464 11.9296 12.1769 11.9999 12.0001 12H4.00008C3.82331 11.9999 3.65381 11.9296 3.52881 11.8046C3.40381 11.6796 3.33353 11.5101 3.33341 11.3333V9.33333H12.6667V11.3333Z";
|
|
479
|
-
function SaveHeartIcon({
|
|
480
|
-
|
|
494
|
+
function SaveHeartIcon({
|
|
495
|
+
size = 16,
|
|
496
|
+
color = colors.white,
|
|
497
|
+
strokeWidth = 2,
|
|
498
|
+
fillOpacity = 0
|
|
499
|
+
}) {
|
|
500
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
481
501
|
Path,
|
|
482
502
|
{
|
|
483
503
|
d: SAVE_HEART_PATH,
|
|
504
|
+
fill: color,
|
|
505
|
+
fillOpacity,
|
|
484
506
|
stroke: color,
|
|
485
507
|
strokeWidth,
|
|
486
508
|
strokeLinecap: "round",
|
|
@@ -489,7 +511,7 @@ function SaveHeartIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
|
489
511
|
) });
|
|
490
512
|
}
|
|
491
513
|
function RatingStarIcon({ size = 12, color = "#E38E5E", strokeWidth = 2 }) {
|
|
492
|
-
return /* @__PURE__ */ jsx(
|
|
514
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
|
|
493
515
|
Path,
|
|
494
516
|
{
|
|
495
517
|
d: RATING_STAR_PATH,
|
|
@@ -507,7 +529,7 @@ function CardLocationIcon({
|
|
|
507
529
|
strokeWidth = 1.5,
|
|
508
530
|
secondaryColor = colors.grey700
|
|
509
531
|
}) {
|
|
510
|
-
return /* @__PURE__ */ jsxs(
|
|
532
|
+
return /* @__PURE__ */ jsxs(Svg15, { width: size, height: size, viewBox: "0 0 13 13", fill: "none", children: [
|
|
511
533
|
/* @__PURE__ */ jsx(
|
|
512
534
|
Path,
|
|
513
535
|
{
|
|
@@ -546,7 +568,7 @@ function FilledCardIcon({
|
|
|
546
568
|
color,
|
|
547
569
|
fillOpacity
|
|
548
570
|
}) {
|
|
549
|
-
return /* @__PURE__ */ jsx(
|
|
571
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: path, fill: color, fillOpacity }) });
|
|
550
572
|
}
|
|
551
573
|
function GuestsIcon({ size = 16, color = colors.white, fillOpacity = 0.4 }) {
|
|
552
574
|
return /* @__PURE__ */ jsx(FilledCardIcon, { path: GUESTS_PATH, size, color, fillOpacity });
|
|
@@ -573,7 +595,7 @@ var COPY_PATH = "M6.66699 13.3337V15.667C6.66699 16.6004 6.66699 17.0671 6.84865
|
|
|
573
595
|
var CHECK_SUCCESS_PATH = "M16.6663 5L7.49967 14.1667L3.33301 10";
|
|
574
596
|
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";
|
|
575
597
|
function ShareIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
576
|
-
return /* @__PURE__ */ jsx(
|
|
598
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
577
599
|
Path,
|
|
578
600
|
{
|
|
579
601
|
d: SHARE_PATH,
|
|
@@ -585,7 +607,7 @@ function ShareIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
|
|
|
585
607
|
) });
|
|
586
608
|
}
|
|
587
609
|
function AreaExpandIcon({ size = 24, color = colors.white, strokeWidth = 2 }) {
|
|
588
|
-
return /* @__PURE__ */ jsx(
|
|
610
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: AREA_EXPAND_PATHS.map((path) => /* @__PURE__ */ jsx(
|
|
589
611
|
Path,
|
|
590
612
|
{
|
|
591
613
|
d: path,
|
|
@@ -598,16 +620,16 @@ function AreaExpandIcon({ size = 24, color = colors.white, strokeWidth = 2 }) {
|
|
|
598
620
|
)) });
|
|
599
621
|
}
|
|
600
622
|
function ClockFilledIcon({ size = 16, color = colors.white }) {
|
|
601
|
-
return /* @__PURE__ */ jsx(
|
|
623
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: CLOCK_FILLED_PATH, fill: color }) });
|
|
602
624
|
}
|
|
603
625
|
function QrCodeIcon({ size = 24, color = colors.primary }) {
|
|
604
|
-
return /* @__PURE__ */ jsx(
|
|
626
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: QR_CODE_PATH, fill: color }) });
|
|
605
627
|
}
|
|
606
628
|
function WhatsAppIcon({ size = 24, color = colors.white }) {
|
|
607
|
-
return /* @__PURE__ */ jsx(
|
|
629
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: WHATSAPP_PATH, fill: color }) });
|
|
608
630
|
}
|
|
609
631
|
function CopyIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
610
|
-
return /* @__PURE__ */ jsx(
|
|
632
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
611
633
|
Path,
|
|
612
634
|
{
|
|
613
635
|
d: COPY_PATH,
|
|
@@ -619,7 +641,7 @@ function CopyIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
|
619
641
|
) });
|
|
620
642
|
}
|
|
621
643
|
function CheckSuccessIcon({ size = 20, color = colors.green, strokeWidth = 2 }) {
|
|
622
|
-
return /* @__PURE__ */ jsx(
|
|
644
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
623
645
|
Path,
|
|
624
646
|
{
|
|
625
647
|
d: CHECK_SUCCESS_PATH,
|
|
@@ -631,19 +653,19 @@ function CheckSuccessIcon({ size = 20, color = colors.green, strokeWidth = 2 })
|
|
|
631
653
|
) });
|
|
632
654
|
}
|
|
633
655
|
function TooltipArrowIcon({ size = 10, color = colors.grey600 }) {
|
|
634
|
-
return /* @__PURE__ */ jsx(
|
|
656
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size * 8 / 10, viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: TOOLTIP_ARROW_PATH, fill: color }) });
|
|
635
657
|
}
|
|
636
658
|
|
|
637
659
|
// src/icons/Facebook/facebookPath.ts
|
|
638
660
|
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";
|
|
639
661
|
function FacebookIcon({ size = 20, color = colors.white }) {
|
|
640
|
-
return /* @__PURE__ */ jsx(
|
|
662
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: FACEBOOK_PATH, fill: color }) });
|
|
641
663
|
}
|
|
642
664
|
|
|
643
665
|
// src/icons/Filters/filtersPath.ts
|
|
644
666
|
var FILTERS_PATH = "M5 10H15M2.5 5H17.5M7.5 15H12.5";
|
|
645
667
|
function FiltersIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
646
|
-
return /* @__PURE__ */ jsx(
|
|
668
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
647
669
|
Path,
|
|
648
670
|
{
|
|
649
671
|
d: FILTERS_PATH,
|
|
@@ -658,7 +680,7 @@ function FiltersIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
|
658
680
|
// src/icons/Heart/heartPath.ts
|
|
659
681
|
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";
|
|
660
682
|
function HeartIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
661
|
-
return /* @__PURE__ */ jsx(
|
|
683
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
662
684
|
Path,
|
|
663
685
|
{
|
|
664
686
|
d: HEART_PATH,
|
|
@@ -675,7 +697,7 @@ function HeartIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
|
675
697
|
// src/icons/Globe/globePath.ts
|
|
676
698
|
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";
|
|
677
699
|
function GlobeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
678
|
-
return /* @__PURE__ */ jsx(
|
|
700
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
679
701
|
Path,
|
|
680
702
|
{
|
|
681
703
|
d: GLOBE_PATH,
|
|
@@ -694,7 +716,7 @@ function HelpCircleIcon({
|
|
|
694
716
|
color = colors.primary,
|
|
695
717
|
strokeWidth = 1.5
|
|
696
718
|
}) {
|
|
697
|
-
return /* @__PURE__ */ jsx(
|
|
719
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
698
720
|
Path,
|
|
699
721
|
{
|
|
700
722
|
d: HELP_CIRCLE_PATH,
|
|
@@ -709,7 +731,7 @@ function HelpCircleIcon({
|
|
|
709
731
|
// src/icons/Home/homePath.ts
|
|
710
732
|
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";
|
|
711
733
|
function HomeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
712
|
-
return /* @__PURE__ */ jsx(
|
|
734
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
713
735
|
Path,
|
|
714
736
|
{
|
|
715
737
|
d: HOME_PATH,
|
|
@@ -724,13 +746,13 @@ function HomeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
724
746
|
// src/icons/Instagram/instagramPath.ts
|
|
725
747
|
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";
|
|
726
748
|
function InstagramIcon({ size = 20, color = colors.white }) {
|
|
727
|
-
return /* @__PURE__ */ jsx(
|
|
749
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: INSTAGRAM_PATH, fill: color }) });
|
|
728
750
|
}
|
|
729
751
|
|
|
730
752
|
// src/icons/Key/keyPath.ts
|
|
731
753
|
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";
|
|
732
754
|
function KeyIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
733
|
-
return /* @__PURE__ */ jsx(
|
|
755
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
734
756
|
Path,
|
|
735
757
|
{
|
|
736
758
|
d: KEY_PATH,
|
|
@@ -749,7 +771,7 @@ function LayoutGridIcon({
|
|
|
749
771
|
color = colors.primary,
|
|
750
772
|
strokeWidth = 1.5
|
|
751
773
|
}) {
|
|
752
|
-
return /* @__PURE__ */ jsx(
|
|
774
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
753
775
|
Path,
|
|
754
776
|
{
|
|
755
777
|
d: LAYOUT_GRID_PATH,
|
|
@@ -764,13 +786,13 @@ function LayoutGridIcon({
|
|
|
764
786
|
// src/icons/LinkedIn/linkedinPath.ts
|
|
765
787
|
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";
|
|
766
788
|
function LinkedInIcon({ size = 20, color = colors.white }) {
|
|
767
|
-
return /* @__PURE__ */ jsx(
|
|
789
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: LINKEDIN_PATH, fill: color }) });
|
|
768
790
|
}
|
|
769
791
|
|
|
770
792
|
// src/icons/ListView/listViewPath.ts
|
|
771
793
|
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";
|
|
772
794
|
function ListViewIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
773
|
-
return /* @__PURE__ */ jsx(
|
|
795
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
774
796
|
Path,
|
|
775
797
|
{
|
|
776
798
|
d: LIST_VIEW_PATH,
|
|
@@ -785,7 +807,7 @@ function ListViewIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
785
807
|
// src/icons/LocationPin/locationPinPath.ts
|
|
786
808
|
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";
|
|
787
809
|
function LocationPinIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
|
|
788
|
-
return /* @__PURE__ */ jsx(
|
|
810
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
789
811
|
Path,
|
|
790
812
|
{
|
|
791
813
|
d: LOCATION_PIN_PATH,
|
|
@@ -800,7 +822,7 @@ function LocationPinIcon({ size = 20, color = colors.grey200, strokeWidth = 2 })
|
|
|
800
822
|
// src/icons/LogOut/logOutPath.ts
|
|
801
823
|
var LOG_OUT_PATH = "M10.6667 4.66667L14 8L10.6667 11.3333M14 8H6M8 11.3333C8 11.5304 8 11.6289 7.99268 11.7143C7.91655 12.6013 7.26324 13.3312 6.39002 13.5049C6.30602 13.5216 6.20801 13.5324 6.01223 13.5542L5.3313 13.6299C4.30832 13.7435 3.7968 13.8004 3.39044 13.6703C2.84862 13.4969 2.40628 13.101 2.17412 12.5817C2 12.1921 2 11.6775 2 10.6482V5.3518C2 4.32251 2 3.80787 2.17412 3.41835C2.40628 2.89899 2.84862 2.50307 3.39044 2.32969C3.79681 2.19965 4.3083 2.25648 5.33129 2.37015L6.01223 2.44581C6.20808 2.46757 6.306 2.47845 6.39002 2.49515C7.26324 2.66877 7.91655 3.39869 7.99268 4.28574C8 4.37109 8 4.46962 8 4.66667";
|
|
802
824
|
function LogOutIcon({ size = 20, color = colors.red, strokeWidth = 1.5 }) {
|
|
803
|
-
return /* @__PURE__ */ jsx(
|
|
825
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
804
826
|
Path,
|
|
805
827
|
{
|
|
806
828
|
d: LOG_OUT_PATH,
|
|
@@ -815,7 +837,7 @@ function LogOutIcon({ size = 20, color = colors.red, strokeWidth = 1.5 }) {
|
|
|
815
837
|
// src/icons/Mail/mailPath.ts
|
|
816
838
|
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";
|
|
817
839
|
function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
818
|
-
return /* @__PURE__ */ jsx(
|
|
840
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
819
841
|
Path,
|
|
820
842
|
{
|
|
821
843
|
d: MAIL_PATH,
|
|
@@ -830,7 +852,7 @@ function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
830
852
|
// src/icons/MapView/mapViewPath.ts
|
|
831
853
|
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";
|
|
832
854
|
function MapViewIcon({ size = 20, color = colors.grey400, strokeWidth = 2 }) {
|
|
833
|
-
return /* @__PURE__ */ jsx(
|
|
855
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
834
856
|
Path,
|
|
835
857
|
{
|
|
836
858
|
d: MAP_VIEW_PATH,
|
|
@@ -842,6 +864,33 @@ function MapViewIcon({ size = 20, color = colors.grey400, strokeWidth = 2 }) {
|
|
|
842
864
|
) });
|
|
843
865
|
}
|
|
844
866
|
|
|
867
|
+
// src/icons/MapControls/mapControlPaths.ts
|
|
868
|
+
var MAP_EXPAND_PATH = "M8.33366 15.8332H4.16699V11.6665M11.667 4.1665H15.8337V8.33317";
|
|
869
|
+
var MAP_COLLAPSE_PATH = "M4.16699 11.6665H8.33366V15.8332M15.8337 8.33317H11.667V4.1665";
|
|
870
|
+
function MapControlIcon({
|
|
871
|
+
path,
|
|
872
|
+
size = 20,
|
|
873
|
+
color = colors.white,
|
|
874
|
+
strokeWidth = 2
|
|
875
|
+
}) {
|
|
876
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
877
|
+
Path,
|
|
878
|
+
{
|
|
879
|
+
d: path,
|
|
880
|
+
stroke: color,
|
|
881
|
+
strokeWidth,
|
|
882
|
+
strokeLinecap: "round",
|
|
883
|
+
strokeLinejoin: "round"
|
|
884
|
+
}
|
|
885
|
+
) });
|
|
886
|
+
}
|
|
887
|
+
function MapExpandIcon(props) {
|
|
888
|
+
return /* @__PURE__ */ jsx(MapControlIcon, { ...props, path: MAP_EXPAND_PATH });
|
|
889
|
+
}
|
|
890
|
+
function MapCollapseIcon(props) {
|
|
891
|
+
return /* @__PURE__ */ jsx(MapControlIcon, { ...props, path: MAP_COLLAPSE_PATH });
|
|
892
|
+
}
|
|
893
|
+
|
|
845
894
|
// src/icons/Menu/menuPath.ts
|
|
846
895
|
var MENU_PATH = "M8 12.6667H17.3333M1 6.83332H17.3333M8 0.999985H17.3333";
|
|
847
896
|
var MENU_CLOSE_PATH = "M15 1L1 15M1 1L15 15";
|
|
@@ -851,7 +900,7 @@ function MenuIcon({
|
|
|
851
900
|
strokeWidth = 2,
|
|
852
901
|
open = false
|
|
853
902
|
}) {
|
|
854
|
-
return /* @__PURE__ */ jsx(
|
|
903
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 19 19", fill: "none", children: /* @__PURE__ */ jsx(
|
|
855
904
|
Path,
|
|
856
905
|
{
|
|
857
906
|
d: open ? MENU_CLOSE_PATH : MENU_PATH,
|
|
@@ -867,7 +916,7 @@ function MenuIcon({
|
|
|
867
916
|
// src/icons/Minus/minusPath.ts
|
|
868
917
|
var MINUS_PATH = "M3.33337 8H12.6667";
|
|
869
918
|
function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
870
|
-
return /* @__PURE__ */ jsx(
|
|
919
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
871
920
|
Path,
|
|
872
921
|
{
|
|
873
922
|
d: MINUS_PATH,
|
|
@@ -882,7 +931,7 @@ function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
|
882
931
|
// src/icons/Navigate/navigatePath.ts
|
|
883
932
|
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";
|
|
884
933
|
function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
885
|
-
return /* @__PURE__ */ jsx(
|
|
934
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
886
935
|
Path,
|
|
887
936
|
{
|
|
888
937
|
d: NAVIGATE_PATH,
|
|
@@ -897,7 +946,7 @@ function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
897
946
|
// src/icons/Phone/phonePath.ts
|
|
898
947
|
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";
|
|
899
948
|
function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
900
|
-
return /* @__PURE__ */ jsx(
|
|
949
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
901
950
|
Path,
|
|
902
951
|
{
|
|
903
952
|
d: PHONE_PATH,
|
|
@@ -912,7 +961,7 @@ function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
912
961
|
// src/icons/Plus/plusPath.ts
|
|
913
962
|
var PLUS_PATH = "M8.00004 3.33325V12.6666M3.33337 7.99992H12.6667";
|
|
914
963
|
function PlusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
915
|
-
return /* @__PURE__ */ jsx(
|
|
964
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
916
965
|
Path,
|
|
917
966
|
{
|
|
918
967
|
d: PLUS_PATH,
|
|
@@ -932,7 +981,7 @@ function SearchIcon({
|
|
|
932
981
|
color = colors.primary,
|
|
933
982
|
strokeWidth = 2
|
|
934
983
|
}) {
|
|
935
|
-
return /* @__PURE__ */ jsxs(
|
|
984
|
+
return /* @__PURE__ */ jsxs(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
|
|
936
985
|
/* @__PURE__ */ jsx(
|
|
937
986
|
Path,
|
|
938
987
|
{
|
|
@@ -959,7 +1008,7 @@ function SearchIcon({
|
|
|
959
1008
|
// src/icons/Settings/settingsPath.ts
|
|
960
1009
|
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";
|
|
961
1010
|
function SettingsIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
962
|
-
return /* @__PURE__ */ jsx(
|
|
1011
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
963
1012
|
Path,
|
|
964
1013
|
{
|
|
965
1014
|
d: SETTINGS_PATH,
|
|
@@ -975,7 +1024,7 @@ function SettingsIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 })
|
|
|
975
1024
|
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";
|
|
976
1025
|
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";
|
|
977
1026
|
function ShowIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
978
|
-
return /* @__PURE__ */ jsxs(
|
|
1027
|
+
return /* @__PURE__ */ jsxs(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
|
|
979
1028
|
/* @__PURE__ */ jsx(
|
|
980
1029
|
Path,
|
|
981
1030
|
{
|
|
@@ -1002,7 +1051,7 @@ function ShowIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
1002
1051
|
// src/icons/Sidebar/sidebarPath.ts
|
|
1003
1052
|
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";
|
|
1004
1053
|
function SidebarIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
1005
|
-
return /* @__PURE__ */ jsx(
|
|
1054
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1006
1055
|
Path,
|
|
1007
1056
|
{
|
|
1008
1057
|
d: SIDEBAR_PATH,
|
|
@@ -1017,7 +1066,7 @@ function SidebarIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
1017
1066
|
// src/icons/Sort/sortPath.ts
|
|
1018
1067
|
var SORT_PATH = "M3.5 2V10M5.5 8L3.5 10L1.5 8M8.5 10V2M10.5 4L8.5 2L6.5 4";
|
|
1019
1068
|
function SortIcon({ size = 12, color = colors.grey150, strokeWidth = 1.5 }) {
|
|
1020
|
-
return /* @__PURE__ */ jsx(
|
|
1069
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1021
1070
|
Path,
|
|
1022
1071
|
{
|
|
1023
1072
|
d: SORT_PATH,
|
|
@@ -1039,7 +1088,7 @@ function StarIcon({
|
|
|
1039
1088
|
strokeWidth = 2
|
|
1040
1089
|
}) {
|
|
1041
1090
|
const resolvedColor = color ?? (active ? "#E38E5E" : colors.grey150);
|
|
1042
|
-
return /* @__PURE__ */ jsx(
|
|
1091
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1043
1092
|
Path,
|
|
1044
1093
|
{
|
|
1045
1094
|
d: STAR_PATH,
|
|
@@ -1057,7 +1106,7 @@ function StarFilledIcon({
|
|
|
1057
1106
|
color = "#E38E5E",
|
|
1058
1107
|
strokeWidth = 2
|
|
1059
1108
|
}) {
|
|
1060
|
-
return /* @__PURE__ */ jsx(
|
|
1109
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: color, children: /* @__PURE__ */ jsx(
|
|
1061
1110
|
Path,
|
|
1062
1111
|
{
|
|
1063
1112
|
d: STAR_PATH,
|
|
@@ -1073,7 +1122,7 @@ function StarFilledIcon({
|
|
|
1073
1122
|
// src/icons/User/userPath.ts
|
|
1074
1123
|
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";
|
|
1075
1124
|
function UserIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
1076
|
-
return /* @__PURE__ */ jsx(
|
|
1125
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
|
|
1077
1126
|
Path,
|
|
1078
1127
|
{
|
|
1079
1128
|
d: USER_PATH,
|
|
@@ -1088,7 +1137,7 @@ function UserIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
1088
1137
|
// src/icons/UsersAlt/usersAltPath.ts
|
|
1089
1138
|
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";
|
|
1090
1139
|
function UsersAltIcon({ size = 28, color = colors.white }) {
|
|
1091
|
-
return /* @__PURE__ */ jsx(
|
|
1140
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 28 28", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: USERS_ALT_PATH, fill: color }) });
|
|
1092
1141
|
}
|
|
1093
1142
|
|
|
1094
1143
|
// src/icons/Video/videoPath.ts
|
|
@@ -1097,7 +1146,7 @@ var VIDEO_PATHS = [
|
|
|
1097
1146
|
"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"
|
|
1098
1147
|
];
|
|
1099
1148
|
function VideoIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
|
|
1100
|
-
return /* @__PURE__ */ jsx(
|
|
1149
|
+
return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: VIDEO_PATHS.map((path) => /* @__PURE__ */ jsx(
|
|
1101
1150
|
Path,
|
|
1102
1151
|
{
|
|
1103
1152
|
d: path,
|
|
@@ -1126,6 +1175,7 @@ var icons = {
|
|
|
1126
1175
|
chevronDown: ChevronDownIcon,
|
|
1127
1176
|
chevronLeft: ChevronLeftIcon,
|
|
1128
1177
|
clock: ClockIcon,
|
|
1178
|
+
close: CloseIcon,
|
|
1129
1179
|
clockFilled: ClockFilledIcon,
|
|
1130
1180
|
copy: CopyIcon,
|
|
1131
1181
|
bathrooms: BathroomsIcon,
|
|
@@ -1147,6 +1197,8 @@ var icons = {
|
|
|
1147
1197
|
logOut: LogOutIcon,
|
|
1148
1198
|
mail: MailIcon,
|
|
1149
1199
|
mapView: MapViewIcon,
|
|
1200
|
+
mapCollapse: MapCollapseIcon,
|
|
1201
|
+
mapExpand: MapExpandIcon,
|
|
1150
1202
|
menu: MenuIcon,
|
|
1151
1203
|
minus: MinusIcon,
|
|
1152
1204
|
navigate: NavigateIcon,
|
|
@@ -1178,6 +1230,8 @@ var iconGroups = {
|
|
|
1178
1230
|
"home",
|
|
1179
1231
|
"listView",
|
|
1180
1232
|
"locationPin",
|
|
1233
|
+
"mapCollapse",
|
|
1234
|
+
"mapExpand",
|
|
1181
1235
|
"mapView",
|
|
1182
1236
|
"menu",
|
|
1183
1237
|
"navigate"
|
|
@@ -1194,6 +1248,7 @@ var iconGroups = {
|
|
|
1194
1248
|
"search",
|
|
1195
1249
|
"calendar",
|
|
1196
1250
|
"calendarOutline",
|
|
1251
|
+
"close",
|
|
1197
1252
|
"ratingStar",
|
|
1198
1253
|
"saveHeart",
|
|
1199
1254
|
"share",
|
|
@@ -1386,6 +1441,85 @@ var styles = StyleSheet.create({
|
|
|
1386
1441
|
flex: 1
|
|
1387
1442
|
}
|
|
1388
1443
|
});
|
|
1444
|
+
var ICON_SIZE2 = 16;
|
|
1445
|
+
var BACKGROUND_COLOR = "#09090966";
|
|
1446
|
+
var webBlurStyle = Platform.OS === "web" ? {
|
|
1447
|
+
backdropFilter: "blur(10px)",
|
|
1448
|
+
WebkitBackdropFilter: "blur(10px)"
|
|
1449
|
+
} : {};
|
|
1450
|
+
var FavoritesButton = forwardRef(
|
|
1451
|
+
function FavoritesButton2({
|
|
1452
|
+
value,
|
|
1453
|
+
defaultValue = false,
|
|
1454
|
+
onValueChange,
|
|
1455
|
+
disabled = false,
|
|
1456
|
+
style,
|
|
1457
|
+
className,
|
|
1458
|
+
accessibilityLabel,
|
|
1459
|
+
hitSlop = 8,
|
|
1460
|
+
...rest
|
|
1461
|
+
}, forwardedRef) {
|
|
1462
|
+
const buttonRef = useRef(null);
|
|
1463
|
+
const isControlled = typeof value === "boolean";
|
|
1464
|
+
const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
|
|
1465
|
+
const isActive = isControlled ? value : uncontrolledValue;
|
|
1466
|
+
const setButtonRef = useMemo(() => mergeRefs(buttonRef, forwardedRef), [forwardedRef]);
|
|
1467
|
+
useApplyWebClassName(buttonRef, className?.trim() || void 0);
|
|
1468
|
+
const handlePress = () => {
|
|
1469
|
+
const nextValue = !isActive;
|
|
1470
|
+
if (!isControlled) setUncontrolledValue(nextValue);
|
|
1471
|
+
onValueChange?.(nextValue);
|
|
1472
|
+
};
|
|
1473
|
+
return /* @__PURE__ */ jsx(
|
|
1474
|
+
Pressable,
|
|
1475
|
+
{
|
|
1476
|
+
...rest,
|
|
1477
|
+
ref: setButtonRef,
|
|
1478
|
+
accessibilityLabel: accessibilityLabel ?? (isActive ? "Remove from favorites" : "Add to favorites"),
|
|
1479
|
+
accessibilityRole: "togglebutton",
|
|
1480
|
+
accessibilityState: { checked: isActive, disabled },
|
|
1481
|
+
disabled,
|
|
1482
|
+
hitSlop,
|
|
1483
|
+
onPress: handlePress,
|
|
1484
|
+
style: ({ pressed }) => [
|
|
1485
|
+
styles2.button,
|
|
1486
|
+
webBlurStyle,
|
|
1487
|
+
pressed && styles2.pressed,
|
|
1488
|
+
disabled && styles2.disabled,
|
|
1489
|
+
style
|
|
1490
|
+
],
|
|
1491
|
+
children: /* @__PURE__ */ jsx(
|
|
1492
|
+
SaveHeartIcon,
|
|
1493
|
+
{
|
|
1494
|
+
color: isActive ? colors.red : colors.white,
|
|
1495
|
+
fillOpacity: isActive ? 1 : 0,
|
|
1496
|
+
size: ICON_SIZE2,
|
|
1497
|
+
strokeWidth: 2
|
|
1498
|
+
}
|
|
1499
|
+
)
|
|
1500
|
+
}
|
|
1501
|
+
);
|
|
1502
|
+
}
|
|
1503
|
+
);
|
|
1504
|
+
var styles2 = StyleSheet.create({
|
|
1505
|
+
button: {
|
|
1506
|
+
padding: 12,
|
|
1507
|
+
gap: 10,
|
|
1508
|
+
alignItems: "center",
|
|
1509
|
+
justifyContent: "center",
|
|
1510
|
+
alignSelf: "flex-start",
|
|
1511
|
+
borderRadius: 39,
|
|
1512
|
+
borderWidth: 1,
|
|
1513
|
+
borderColor: colors.whiteAlpha10,
|
|
1514
|
+
backgroundColor: BACKGROUND_COLOR
|
|
1515
|
+
},
|
|
1516
|
+
pressed: {
|
|
1517
|
+
opacity: 0.8
|
|
1518
|
+
},
|
|
1519
|
+
disabled: {
|
|
1520
|
+
opacity: 0.5
|
|
1521
|
+
}
|
|
1522
|
+
});
|
|
1389
1523
|
|
|
1390
1524
|
// src/primitives/BrandLogo/brandLogoPaths.ts
|
|
1391
1525
|
var BRAND_LOGO_PATHS = [
|
|
@@ -1441,7 +1575,7 @@ function BrandLogo({
|
|
|
1441
1575
|
const size = resolveBrandLogoSize(width, height);
|
|
1442
1576
|
const fill = BRAND_LOGO_COLORS[variant];
|
|
1443
1577
|
return /* @__PURE__ */ jsx(
|
|
1444
|
-
|
|
1578
|
+
Svg15,
|
|
1445
1579
|
{
|
|
1446
1580
|
width: size.width,
|
|
1447
1581
|
height: size.height,
|
|
@@ -1545,7 +1679,7 @@ var Avatar = forwardRef(function Avatar2({
|
|
|
1545
1679
|
}, [isOpen, closeAndFocusTrigger]);
|
|
1546
1680
|
const hasImage = Boolean(imageUrl) && !imageFailed;
|
|
1547
1681
|
const resolvedAccessibilityLabel = accessibilityLabel ?? [name, email].filter(Boolean).join(", ");
|
|
1548
|
-
return /* @__PURE__ */ jsxs(View, { ref: wrapperRef, style: [
|
|
1682
|
+
return /* @__PURE__ */ jsxs(View, { ref: wrapperRef, style: [styles3.wrapper, isOpen && styles3.wrapperOpen], children: [
|
|
1549
1683
|
/* @__PURE__ */ jsxs(
|
|
1550
1684
|
Pressable,
|
|
1551
1685
|
{
|
|
@@ -1557,25 +1691,25 @@ var Avatar = forwardRef(function Avatar2({
|
|
|
1557
1691
|
accessibilityRole: isInteractive ? "button" : void 0,
|
|
1558
1692
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
1559
1693
|
accessibilityState: isInteractive ? { disabled, expanded: hasMenu ? isOpen : void 0 } : void 0,
|
|
1560
|
-
style: [
|
|
1694
|
+
style: [styles3.root, disabled && styles3.disabled, style],
|
|
1561
1695
|
children: [
|
|
1562
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
1696
|
+
/* @__PURE__ */ jsx(View, { style: styles3.imageWrap, children: hasImage ? /* @__PURE__ */ jsx(
|
|
1563
1697
|
Image,
|
|
1564
1698
|
{
|
|
1565
1699
|
source: { uri: imageUrl ?? void 0 },
|
|
1566
|
-
style:
|
|
1700
|
+
style: styles3.image,
|
|
1567
1701
|
onError: () => setImageFailed(true)
|
|
1568
1702
|
}
|
|
1569
|
-
) : /* @__PURE__ */ jsx(View, { style:
|
|
1570
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
1571
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
1572
|
-
email ? /* @__PURE__ */ jsx(Text, { style:
|
|
1703
|
+
) : /* @__PURE__ */ jsx(View, { style: styles3.imageFallback, children: /* @__PURE__ */ jsx(UserIcon, { size: FALLBACK_ICON_SIZE, color: colors.primary }) }) }),
|
|
1704
|
+
/* @__PURE__ */ jsxs(View, { style: styles3.textColumn, children: [
|
|
1705
|
+
/* @__PURE__ */ jsx(Text, { style: styles3.name, numberOfLines: 1, children: name }),
|
|
1706
|
+
email ? /* @__PURE__ */ jsx(Text, { style: styles3.email, numberOfLines: 1, children: email }) : null
|
|
1573
1707
|
] }),
|
|
1574
|
-
showChevron ? /* @__PURE__ */ jsx(View, { style: [
|
|
1708
|
+
showChevron ? /* @__PURE__ */ jsx(View, { style: [styles3.chevronSlot, isOpen && styles3.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: CHEVRON_SIZE, color: isOpen ? colors.primary : colors.grey100 }) }) : null
|
|
1575
1709
|
]
|
|
1576
1710
|
}
|
|
1577
1711
|
),
|
|
1578
|
-
hasMenu && isOpen ? /* @__PURE__ */ jsx(View, { style: [
|
|
1712
|
+
hasMenu && isOpen ? /* @__PURE__ */ jsx(View, { style: [styles3.menu, menuWidth != null && { right: void 0, width: menuWidth }], children: resolvedMenuItems.map((item) => {
|
|
1579
1713
|
const itemKey = item.key ?? item.label;
|
|
1580
1714
|
return /* @__PURE__ */ jsx(
|
|
1581
1715
|
MenuItem,
|
|
@@ -1592,7 +1726,7 @@ var Avatar = forwardRef(function Avatar2({
|
|
|
1592
1726
|
}) }) : null
|
|
1593
1727
|
] });
|
|
1594
1728
|
});
|
|
1595
|
-
var
|
|
1729
|
+
var styles3 = StyleSheet.create({
|
|
1596
1730
|
wrapper: {
|
|
1597
1731
|
position: "relative",
|
|
1598
1732
|
alignSelf: "flex-start"
|
|
@@ -1677,8 +1811,8 @@ var styles2 = StyleSheet.create({
|
|
|
1677
1811
|
})
|
|
1678
1812
|
}
|
|
1679
1813
|
});
|
|
1680
|
-
var
|
|
1681
|
-
var
|
|
1814
|
+
var ICON_SIZE3 = 20;
|
|
1815
|
+
var webBlurStyle2 = Platform.OS === "web" ? {
|
|
1682
1816
|
backdropFilter: "blur(10.3px)",
|
|
1683
1817
|
WebkitBackdropFilter: "blur(10.3px)"
|
|
1684
1818
|
} : {};
|
|
@@ -1708,22 +1842,22 @@ var Badge = forwardRef(function Badge2({ label, variant = "default", icon: Icon2
|
|
|
1708
1842
|
...rest,
|
|
1709
1843
|
ref: setContainerRef,
|
|
1710
1844
|
style: [
|
|
1711
|
-
|
|
1845
|
+
styles4.base,
|
|
1712
1846
|
{ backgroundColor: preset.backgroundColor },
|
|
1713
|
-
preset.border ?
|
|
1714
|
-
preset.blur ?
|
|
1847
|
+
preset.border ? styles4.transparentBorder : null,
|
|
1848
|
+
preset.blur ? webBlurStyle2 : null,
|
|
1715
1849
|
style
|
|
1716
1850
|
],
|
|
1717
1851
|
accessibilityRole: "text",
|
|
1718
1852
|
accessibilityLabel: accessibilityLabel ?? label,
|
|
1719
1853
|
children: [
|
|
1720
|
-
Icon2 ? /* @__PURE__ */ jsx(View, { style:
|
|
1721
|
-
/* @__PURE__ */ jsx(Text, { style: [
|
|
1854
|
+
Icon2 ? /* @__PURE__ */ jsx(View, { style: styles4.iconSlot, children: /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE3, color: preset.iconColor }) }) : null,
|
|
1855
|
+
/* @__PURE__ */ jsx(Text, { style: [styles4.label, Platform.OS === "android" ? styles4.labelAndroid : null], children: label })
|
|
1722
1856
|
]
|
|
1723
1857
|
}
|
|
1724
1858
|
);
|
|
1725
1859
|
});
|
|
1726
|
-
var
|
|
1860
|
+
var styles4 = StyleSheet.create({
|
|
1727
1861
|
base: {
|
|
1728
1862
|
flexDirection: "row",
|
|
1729
1863
|
alignItems: "center",
|
|
@@ -1744,8 +1878,8 @@ var styles3 = StyleSheet.create({
|
|
|
1744
1878
|
borderStyle: "solid"
|
|
1745
1879
|
},
|
|
1746
1880
|
iconSlot: {
|
|
1747
|
-
width:
|
|
1748
|
-
height:
|
|
1881
|
+
width: ICON_SIZE3,
|
|
1882
|
+
height: ICON_SIZE3,
|
|
1749
1883
|
alignItems: "center",
|
|
1750
1884
|
justifyContent: "center",
|
|
1751
1885
|
flexShrink: 0
|
|
@@ -1759,7 +1893,7 @@ var styles3 = StyleSheet.create({
|
|
|
1759
1893
|
}
|
|
1760
1894
|
});
|
|
1761
1895
|
var BUTTON_SIZE = 32;
|
|
1762
|
-
var
|
|
1896
|
+
var webBlurStyle3 = Platform.OS === "web" ? {
|
|
1763
1897
|
backdropFilter: "blur(20px)",
|
|
1764
1898
|
WebkitBackdropFilter: "blur(20px)"
|
|
1765
1899
|
} : {};
|
|
@@ -1796,7 +1930,7 @@ var Counter = forwardRef(function Counter2({
|
|
|
1796
1930
|
if (!isControlled) setUncontrolledValue(next);
|
|
1797
1931
|
onValueChange?.(next);
|
|
1798
1932
|
};
|
|
1799
|
-
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [
|
|
1933
|
+
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles5.base, style], children: [
|
|
1800
1934
|
/* @__PURE__ */ jsx(
|
|
1801
1935
|
Pressable,
|
|
1802
1936
|
{
|
|
@@ -1806,11 +1940,11 @@ var Counter = forwardRef(function Counter2({
|
|
|
1806
1940
|
accessibilityRole: "button",
|
|
1807
1941
|
accessibilityLabel: "Decrease value",
|
|
1808
1942
|
accessibilityState: { disabled: decrementDisabled },
|
|
1809
|
-
style: [
|
|
1943
|
+
style: [styles5.button, webBlurStyle3, decrementDisabled && styles5.buttonDisabled],
|
|
1810
1944
|
children: /* @__PURE__ */ jsx(MinusIcon, {})
|
|
1811
1945
|
}
|
|
1812
1946
|
),
|
|
1813
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
1947
|
+
/* @__PURE__ */ jsx(Text, { style: styles5.value, children: resolvedValue }),
|
|
1814
1948
|
/* @__PURE__ */ jsx(
|
|
1815
1949
|
Pressable,
|
|
1816
1950
|
{
|
|
@@ -1820,13 +1954,13 @@ var Counter = forwardRef(function Counter2({
|
|
|
1820
1954
|
accessibilityRole: "button",
|
|
1821
1955
|
accessibilityLabel: "Increase value",
|
|
1822
1956
|
accessibilityState: { disabled: incrementDisabled },
|
|
1823
|
-
style: [
|
|
1957
|
+
style: [styles5.button, webBlurStyle3, incrementDisabled && styles5.buttonDisabled],
|
|
1824
1958
|
children: /* @__PURE__ */ jsx(PlusIcon, {})
|
|
1825
1959
|
}
|
|
1826
1960
|
)
|
|
1827
1961
|
] });
|
|
1828
1962
|
});
|
|
1829
|
-
var
|
|
1963
|
+
var styles5 = StyleSheet.create({
|
|
1830
1964
|
base: {
|
|
1831
1965
|
flexDirection: "row",
|
|
1832
1966
|
alignItems: "center",
|
|
@@ -1850,7 +1984,7 @@ var styles4 = StyleSheet.create({
|
|
|
1850
1984
|
color: colors.white
|
|
1851
1985
|
}
|
|
1852
1986
|
});
|
|
1853
|
-
var
|
|
1987
|
+
var ICON_SIZE4 = 20;
|
|
1854
1988
|
var ANIMATION_DURATION = 200;
|
|
1855
1989
|
var OPTION_HORIZONTAL_PADDING = 16;
|
|
1856
1990
|
var SegmentedToggle = forwardRef(
|
|
@@ -1917,9 +2051,9 @@ var SegmentedToggle = forwardRef(
|
|
|
1917
2051
|
onLayout?.(event);
|
|
1918
2052
|
},
|
|
1919
2053
|
style: [
|
|
1920
|
-
|
|
1921
|
-
fullWidth ?
|
|
1922
|
-
disabled &&
|
|
2054
|
+
styles6.base,
|
|
2055
|
+
fullWidth ? styles6.fullWidth : styles6.contentWidth,
|
|
2056
|
+
disabled && styles6.disabled,
|
|
1923
2057
|
style
|
|
1924
2058
|
],
|
|
1925
2059
|
accessibilityRole: "radiogroup",
|
|
@@ -1929,7 +2063,7 @@ var SegmentedToggle = forwardRef(
|
|
|
1929
2063
|
{
|
|
1930
2064
|
pointerEvents: "none",
|
|
1931
2065
|
style: [
|
|
1932
|
-
|
|
2066
|
+
styles6.activeIndicator,
|
|
1933
2067
|
{ width: optionWidth, transform: [{ translateX: indicatorTranslateX }] }
|
|
1934
2068
|
]
|
|
1935
2069
|
}
|
|
@@ -1948,8 +2082,8 @@ var SegmentedToggle = forwardRef(
|
|
|
1948
2082
|
accessibilityLabel: label,
|
|
1949
2083
|
accessibilityState: { selected, disabled },
|
|
1950
2084
|
style: [
|
|
1951
|
-
|
|
1952
|
-
fullWidth ?
|
|
2085
|
+
styles6.option,
|
|
2086
|
+
fullWidth ? styles6.optionFullWidth : optionWidth > 0 && { minWidth: optionWidth }
|
|
1953
2087
|
],
|
|
1954
2088
|
children: /* @__PURE__ */ jsxs(
|
|
1955
2089
|
View,
|
|
@@ -1963,10 +2097,10 @@ var SegmentedToggle = forwardRef(
|
|
|
1963
2097
|
return nextWidths;
|
|
1964
2098
|
});
|
|
1965
2099
|
},
|
|
1966
|
-
style:
|
|
2100
|
+
style: styles6.optionContent,
|
|
1967
2101
|
children: [
|
|
1968
|
-
Icon2 ? /* @__PURE__ */ jsx(Icon2, { size:
|
|
1969
|
-
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [
|
|
2102
|
+
Icon2 ? /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE4, color: iconColor }) : null,
|
|
2103
|
+
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles6.label, { color: labelColor }], children: label })
|
|
1970
2104
|
]
|
|
1971
2105
|
}
|
|
1972
2106
|
)
|
|
@@ -1979,7 +2113,7 @@ var SegmentedToggle = forwardRef(
|
|
|
1979
2113
|
);
|
|
1980
2114
|
}
|
|
1981
2115
|
);
|
|
1982
|
-
var
|
|
2116
|
+
var styles6 = StyleSheet.create({
|
|
1983
2117
|
base: {
|
|
1984
2118
|
height: 44,
|
|
1985
2119
|
flexDirection: "row",
|
|
@@ -2037,7 +2171,7 @@ var defaultLanguageOptions = [
|
|
|
2037
2171
|
];
|
|
2038
2172
|
var CONTROL_WIDTH = 90;
|
|
2039
2173
|
var CONTROL_HEIGHT = 35;
|
|
2040
|
-
var
|
|
2174
|
+
var ICON_SIZE5 = 16;
|
|
2041
2175
|
var LanguageSwitcher = forwardRef(
|
|
2042
2176
|
function LanguageSwitcher2({
|
|
2043
2177
|
options = defaultLanguageOptions,
|
|
@@ -2117,7 +2251,7 @@ var LanguageSwitcher = forwardRef(
|
|
|
2117
2251
|
{
|
|
2118
2252
|
...rest,
|
|
2119
2253
|
ref: setWrapperRef,
|
|
2120
|
-
style: [
|
|
2254
|
+
style: [styles7.wrapper, isOpen && styles7.wrapperOpen, disabled && styles7.disabled, style],
|
|
2121
2255
|
children: [
|
|
2122
2256
|
/* @__PURE__ */ jsxs(
|
|
2123
2257
|
Pressable,
|
|
@@ -2132,17 +2266,17 @@ var LanguageSwitcher = forwardRef(
|
|
|
2132
2266
|
onHoverIn: () => setTriggerHovered(true),
|
|
2133
2267
|
onHoverOut: () => setTriggerHovered(false),
|
|
2134
2268
|
style: ({ pressed }) => [
|
|
2135
|
-
|
|
2136
|
-
(triggerHovered || pressed || isOpen) &&
|
|
2269
|
+
styles7.trigger,
|
|
2270
|
+
(triggerHovered || pressed || isOpen) && styles7.triggerActive
|
|
2137
2271
|
],
|
|
2138
2272
|
children: [
|
|
2139
|
-
/* @__PURE__ */ jsx(GlobeIcon, { size:
|
|
2140
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
2141
|
-
/* @__PURE__ */ jsx(View, { style: [
|
|
2273
|
+
/* @__PURE__ */ jsx(GlobeIcon, { size: ICON_SIZE5, color: colors.white, strokeWidth: 2 }),
|
|
2274
|
+
/* @__PURE__ */ jsx(Text, { style: styles7.triggerLabel, numberOfLines: 1, children: selectedOption?.label ?? "" }),
|
|
2275
|
+
/* @__PURE__ */ jsx(View, { style: [styles7.chevron, isOpen && styles7.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE5, color: colors.white, strokeWidth: 2 }) })
|
|
2142
2276
|
]
|
|
2143
2277
|
}
|
|
2144
2278
|
),
|
|
2145
|
-
isOpen && options.length > 0 ? /* @__PURE__ */ jsx(View, { style:
|
|
2279
|
+
isOpen && options.length > 0 ? /* @__PURE__ */ jsx(View, { style: styles7.menu, accessibilityRole: "menu", children: options.map((option) => {
|
|
2146
2280
|
const selected = option.value === selectedValue;
|
|
2147
2281
|
return /* @__PURE__ */ jsx(
|
|
2148
2282
|
Pressable,
|
|
@@ -2154,10 +2288,10 @@ var LanguageSwitcher = forwardRef(
|
|
|
2154
2288
|
onHoverIn: () => setHoveredValue(option.value),
|
|
2155
2289
|
onHoverOut: () => setHoveredValue(null),
|
|
2156
2290
|
style: ({ pressed }) => [
|
|
2157
|
-
|
|
2158
|
-
selected ?
|
|
2291
|
+
styles7.item,
|
|
2292
|
+
selected ? styles7.itemSelected : (hoveredValue === option.value || pressed) && styles7.itemHovered
|
|
2159
2293
|
],
|
|
2160
|
-
children: /* @__PURE__ */ jsx(Text, { style: [
|
|
2294
|
+
children: /* @__PURE__ */ jsx(Text, { style: [styles7.itemLabel, selected && styles7.itemLabelSelected], children: option.label })
|
|
2161
2295
|
},
|
|
2162
2296
|
option.value
|
|
2163
2297
|
);
|
|
@@ -2167,7 +2301,7 @@ var LanguageSwitcher = forwardRef(
|
|
|
2167
2301
|
);
|
|
2168
2302
|
}
|
|
2169
2303
|
);
|
|
2170
|
-
var
|
|
2304
|
+
var styles7 = StyleSheet.create({
|
|
2171
2305
|
wrapper: {
|
|
2172
2306
|
position: "relative",
|
|
2173
2307
|
width: CONTROL_WIDTH,
|
|
@@ -2200,8 +2334,8 @@ var styles6 = StyleSheet.create({
|
|
|
2200
2334
|
color: colors.white
|
|
2201
2335
|
},
|
|
2202
2336
|
chevron: {
|
|
2203
|
-
width:
|
|
2204
|
-
height:
|
|
2337
|
+
width: ICON_SIZE5,
|
|
2338
|
+
height: ICON_SIZE5,
|
|
2205
2339
|
flexShrink: 0,
|
|
2206
2340
|
alignItems: "center",
|
|
2207
2341
|
justifyContent: "center"
|
|
@@ -2243,12 +2377,12 @@ var styles6 = StyleSheet.create({
|
|
|
2243
2377
|
color: colors.primary
|
|
2244
2378
|
}
|
|
2245
2379
|
});
|
|
2246
|
-
var
|
|
2380
|
+
var ICON_SIZE6 = 25.63181;
|
|
2247
2381
|
var StatCard = forwardRef(function StatCard2({
|
|
2248
2382
|
label,
|
|
2249
2383
|
icon: Icon2,
|
|
2250
2384
|
iconProps,
|
|
2251
|
-
iconSize =
|
|
2385
|
+
iconSize = ICON_SIZE6,
|
|
2252
2386
|
style,
|
|
2253
2387
|
className,
|
|
2254
2388
|
accessibilityLabel,
|
|
@@ -2263,17 +2397,17 @@ var StatCard = forwardRef(function StatCard2({
|
|
|
2263
2397
|
{
|
|
2264
2398
|
...rest,
|
|
2265
2399
|
ref: setContainerRef,
|
|
2266
|
-
style: [
|
|
2400
|
+
style: [styles8.base, style],
|
|
2267
2401
|
accessibilityRole: "text",
|
|
2268
2402
|
accessibilityLabel: accessibilityLabel ?? label,
|
|
2269
2403
|
children: [
|
|
2270
2404
|
/* @__PURE__ */ jsx(Icon2, { ...iconProps, size: iconSize, color: iconProps?.color ?? colors.white }),
|
|
2271
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
2405
|
+
/* @__PURE__ */ jsx(Text, { style: styles8.label, children: label })
|
|
2272
2406
|
]
|
|
2273
2407
|
}
|
|
2274
2408
|
);
|
|
2275
2409
|
});
|
|
2276
|
-
var
|
|
2410
|
+
var styles8 = StyleSheet.create({
|
|
2277
2411
|
base: {
|
|
2278
2412
|
width: 204.5,
|
|
2279
2413
|
minHeight: 114,
|
|
@@ -2359,7 +2493,7 @@ var Button = forwardRef(
|
|
|
2359
2493
|
useApplyWebClassName(textRef, textClassName);
|
|
2360
2494
|
const iconNode = customIcon ?? /* @__PURE__ */ jsx(ArrowRightIcon, { size: metrics.iconSize, color: preset.iconColor });
|
|
2361
2495
|
const containerStyle = [
|
|
2362
|
-
|
|
2496
|
+
styles9.base,
|
|
2363
2497
|
{
|
|
2364
2498
|
minHeight: metrics.minHeight,
|
|
2365
2499
|
borderRadius: metrics.borderRadius,
|
|
@@ -2370,16 +2504,16 @@ var Button = forwardRef(
|
|
|
2370
2504
|
paddingRight: hasIcon ? metrics.paddingRightWithIcon : metrics.paddingRight,
|
|
2371
2505
|
gap: hasIcon ? metrics.gap : 0
|
|
2372
2506
|
},
|
|
2373
|
-
hasIcon ?
|
|
2374
|
-
disabled &&
|
|
2507
|
+
hasIcon ? styles9.contentWithIcon : styles9.contentWithoutIcon,
|
|
2508
|
+
disabled && styles9.disabled,
|
|
2375
2509
|
style
|
|
2376
2510
|
];
|
|
2377
2511
|
const labelStyle = [
|
|
2378
|
-
|
|
2512
|
+
styles9.label,
|
|
2379
2513
|
metrics.text,
|
|
2380
2514
|
{ color: preset.textColor },
|
|
2381
|
-
Platform.OS === "android" ?
|
|
2382
|
-
!hasIcon &&
|
|
2515
|
+
Platform.OS === "android" ? styles9.labelAndroid : null,
|
|
2516
|
+
!hasIcon && styles9.labelCentered,
|
|
2383
2517
|
textStyle
|
|
2384
2518
|
];
|
|
2385
2519
|
return /* @__PURE__ */ jsxs(
|
|
@@ -2400,7 +2534,7 @@ var Button = forwardRef(
|
|
|
2400
2534
|
View,
|
|
2401
2535
|
{
|
|
2402
2536
|
style: [
|
|
2403
|
-
|
|
2537
|
+
styles9.iconContainer,
|
|
2404
2538
|
{
|
|
2405
2539
|
width: metrics.iconContainerSize,
|
|
2406
2540
|
height: metrics.iconContainerSize,
|
|
@@ -2416,7 +2550,7 @@ var Button = forwardRef(
|
|
|
2416
2550
|
);
|
|
2417
2551
|
}
|
|
2418
2552
|
);
|
|
2419
|
-
var
|
|
2553
|
+
var styles9 = StyleSheet.create({
|
|
2420
2554
|
base: {
|
|
2421
2555
|
flexDirection: "row",
|
|
2422
2556
|
alignItems: "center",
|
|
@@ -2500,13 +2634,13 @@ var Checkbox = forwardRef(function Checkbox2({
|
|
|
2500
2634
|
accessibilityRole: "checkbox",
|
|
2501
2635
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
2502
2636
|
accessibilityState: { checked: isActive, disabled },
|
|
2503
|
-
style: [
|
|
2637
|
+
style: [styles10.root, disabled && styles10.disabled, style],
|
|
2504
2638
|
children: [
|
|
2505
2639
|
/* @__PURE__ */ jsx(
|
|
2506
2640
|
View,
|
|
2507
2641
|
{
|
|
2508
2642
|
style: [
|
|
2509
|
-
|
|
2643
|
+
styles10.box,
|
|
2510
2644
|
{
|
|
2511
2645
|
backgroundColor: chrome.backgroundColor,
|
|
2512
2646
|
borderColor: chrome.borderColor
|
|
@@ -2515,12 +2649,12 @@ var Checkbox = forwardRef(function Checkbox2({
|
|
|
2515
2649
|
children: isActive ? /* @__PURE__ */ jsx(CheckIcon, { size: CHECK_SIZE, color: colors.primary, strokeWidth: CHECK_STROKE }) : null
|
|
2516
2650
|
}
|
|
2517
2651
|
),
|
|
2518
|
-
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [
|
|
2652
|
+
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles10.label, labelStyle], children: labelContent }) : labelContent : null
|
|
2519
2653
|
]
|
|
2520
2654
|
}
|
|
2521
2655
|
);
|
|
2522
2656
|
});
|
|
2523
|
-
var
|
|
2657
|
+
var styles10 = StyleSheet.create({
|
|
2524
2658
|
root: {
|
|
2525
2659
|
flexDirection: "row",
|
|
2526
2660
|
alignItems: "center",
|
|
@@ -2618,7 +2752,7 @@ var DEFAULT_WIDTH = 380;
|
|
|
2618
2752
|
var TRIGGER_HEIGHT = 44;
|
|
2619
2753
|
var TRIGGER_RADIUS = 60;
|
|
2620
2754
|
var MENU_RADIUS2 = 20;
|
|
2621
|
-
var
|
|
2755
|
+
var ICON_SIZE7 = 20;
|
|
2622
2756
|
var NAV_ICON_SIZE = 20;
|
|
2623
2757
|
var DAY_CELL_HEIGHT = 44;
|
|
2624
2758
|
var DAY_CIRCLE_SIZE = 44;
|
|
@@ -2771,9 +2905,9 @@ var DatePicker = forwardRef(
|
|
|
2771
2905
|
{
|
|
2772
2906
|
...rest,
|
|
2773
2907
|
ref: setRootRef,
|
|
2774
|
-
style: [
|
|
2908
|
+
style: [styles11.root, isOpen && styles11.rootOpen, disabled && styles11.disabled, style],
|
|
2775
2909
|
accessibilityState: { disabled, expanded: isOpen },
|
|
2776
|
-
children: /* @__PURE__ */ jsxs(View, { style: [
|
|
2910
|
+
children: /* @__PURE__ */ jsxs(View, { style: [styles11.triggerWrap, isOpen && styles11.triggerWrapOpen], children: [
|
|
2777
2911
|
/* @__PURE__ */ jsxs(
|
|
2778
2912
|
Pressable,
|
|
2779
2913
|
{
|
|
@@ -2784,17 +2918,17 @@ var DatePicker = forwardRef(
|
|
|
2784
2918
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
2785
2919
|
accessibilityState: { disabled, expanded: isOpen },
|
|
2786
2920
|
style: [
|
|
2787
|
-
|
|
2921
|
+
styles11.trigger,
|
|
2788
2922
|
{ borderColor: triggerBorderColor, backgroundColor: colors.grey700 }
|
|
2789
2923
|
],
|
|
2790
2924
|
children: [
|
|
2791
|
-
/* @__PURE__ */ jsx(Text, { style: [
|
|
2792
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
2925
|
+
/* @__PURE__ */ jsx(Text, { style: [styles11.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: triggerLabel }),
|
|
2926
|
+
/* @__PURE__ */ jsx(View, { style: styles11.iconSlot, children: /* @__PURE__ */ jsx(CalendarOutlineIcon, { size: ICON_SIZE7, color: colors.grey100 }) })
|
|
2793
2927
|
]
|
|
2794
2928
|
}
|
|
2795
2929
|
),
|
|
2796
|
-
isOpen ? /* @__PURE__ */ jsxs(View, { style: [
|
|
2797
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
2930
|
+
isOpen ? /* @__PURE__ */ jsxs(View, { style: [styles11.menu, calendarStyle], children: [
|
|
2931
|
+
/* @__PURE__ */ jsxs(View, { style: styles11.calendarHeader, children: [
|
|
2798
2932
|
/* @__PURE__ */ jsx(
|
|
2799
2933
|
Pressable,
|
|
2800
2934
|
{
|
|
@@ -2802,11 +2936,11 @@ var DatePicker = forwardRef(
|
|
|
2802
2936
|
hitSlop: 8,
|
|
2803
2937
|
accessibilityRole: "button",
|
|
2804
2938
|
accessibilityLabel: "Previous month",
|
|
2805
|
-
style:
|
|
2939
|
+
style: styles11.navButton,
|
|
2806
2940
|
children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: NAV_ICON_SIZE, color: colors.white })
|
|
2807
2941
|
}
|
|
2808
2942
|
),
|
|
2809
|
-
/* @__PURE__ */ jsxs(Text, { style:
|
|
2943
|
+
/* @__PURE__ */ jsxs(Text, { style: styles11.monthHeading, children: [
|
|
2810
2944
|
monthNames[visibleMonth.getMonth()],
|
|
2811
2945
|
" ",
|
|
2812
2946
|
visibleMonth.getFullYear()
|
|
@@ -2818,13 +2952,13 @@ var DatePicker = forwardRef(
|
|
|
2818
2952
|
hitSlop: 8,
|
|
2819
2953
|
accessibilityRole: "button",
|
|
2820
2954
|
accessibilityLabel: "Next month",
|
|
2821
|
-
style:
|
|
2822
|
-
children: /* @__PURE__ */ jsx(View, { style:
|
|
2955
|
+
style: styles11.navButton,
|
|
2956
|
+
children: /* @__PURE__ */ jsx(View, { style: styles11.navIconMirror, children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: NAV_ICON_SIZE, color: colors.white }) })
|
|
2823
2957
|
}
|
|
2824
2958
|
)
|
|
2825
2959
|
] }),
|
|
2826
2960
|
/* @__PURE__ */ jsxs(View, { children: [
|
|
2827
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
2961
|
+
/* @__PURE__ */ jsx(View, { style: styles11.weekdayRow, children: weekdayLabels.map((weekdayLabel, index) => /* @__PURE__ */ jsx(View, { style: styles11.dayCellWrap, children: /* @__PURE__ */ jsx(Text, { style: styles11.weekdayText, children: weekdayLabel }) }, `${weekdayLabel}-${index}`)) }),
|
|
2828
2962
|
weeks.map((week, weekIndex) => {
|
|
2829
2963
|
let rangeHighlightStyle = null;
|
|
2830
2964
|
if (isRange && rangeValue.start && rangeValue.end) {
|
|
@@ -2861,13 +2995,13 @@ var DatePicker = forwardRef(
|
|
|
2861
2995
|
return /* @__PURE__ */ jsxs(
|
|
2862
2996
|
View,
|
|
2863
2997
|
{
|
|
2864
|
-
style: [
|
|
2998
|
+
style: [styles11.weekRow, weekIndex > 0 && styles11.weekRowSpaced],
|
|
2865
2999
|
children: [
|
|
2866
3000
|
rangeHighlightStyle ? /* @__PURE__ */ jsx(
|
|
2867
3001
|
View,
|
|
2868
3002
|
{
|
|
2869
3003
|
pointerEvents: "none",
|
|
2870
|
-
style: [
|
|
3004
|
+
style: [styles11.rangeHighlight, rangeHighlightStyle]
|
|
2871
3005
|
}
|
|
2872
3006
|
) : null,
|
|
2873
3007
|
week.map((day, dayIndex) => {
|
|
@@ -2890,7 +3024,7 @@ var DatePicker = forwardRef(
|
|
|
2890
3024
|
onHoverOut: () => setHoveredDayKey((current) => current === dayKey ? null : current),
|
|
2891
3025
|
onPressIn: () => setHoveredDayKey(dayKey),
|
|
2892
3026
|
onPressOut: () => setHoveredDayKey((current) => current === dayKey ? null : current),
|
|
2893
|
-
style:
|
|
3027
|
+
style: styles11.dayCellWrap,
|
|
2894
3028
|
accessibilityRole: "button",
|
|
2895
3029
|
accessibilityLabel: formatValue(day),
|
|
2896
3030
|
accessibilityState: {
|
|
@@ -2902,14 +3036,14 @@ var DatePicker = forwardRef(
|
|
|
2902
3036
|
View,
|
|
2903
3037
|
{
|
|
2904
3038
|
style: [
|
|
2905
|
-
|
|
2906
|
-
isSelectedEndpoint &&
|
|
2907
|
-
isHovered &&
|
|
3039
|
+
styles11.dayCircle,
|
|
3040
|
+
isSelectedEndpoint && styles11.dayCircleSelected,
|
|
3041
|
+
isHovered && styles11.dayCircleHovered
|
|
2908
3042
|
],
|
|
2909
|
-
children: /* @__PURE__ */ jsx(Text, { style: [
|
|
3043
|
+
children: /* @__PURE__ */ jsx(Text, { style: [styles11.dayText, { color: dayTextColor }], children: day.getDate() })
|
|
2910
3044
|
}
|
|
2911
3045
|
),
|
|
2912
|
-
isToday && !isSelectedEndpoint ? /* @__PURE__ */ jsx(View, { style:
|
|
3046
|
+
isToday && !isSelectedEndpoint ? /* @__PURE__ */ jsx(View, { style: styles11.todayDot }) : null
|
|
2913
3047
|
]
|
|
2914
3048
|
},
|
|
2915
3049
|
dayIndex
|
|
@@ -2927,7 +3061,7 @@ var DatePicker = forwardRef(
|
|
|
2927
3061
|
);
|
|
2928
3062
|
}
|
|
2929
3063
|
);
|
|
2930
|
-
var
|
|
3064
|
+
var styles11 = StyleSheet.create({
|
|
2931
3065
|
root: {
|
|
2932
3066
|
width: DEFAULT_WIDTH,
|
|
2933
3067
|
gap: 8,
|
|
@@ -2963,8 +3097,8 @@ var styles10 = StyleSheet.create({
|
|
|
2963
3097
|
minWidth: 0
|
|
2964
3098
|
},
|
|
2965
3099
|
iconSlot: {
|
|
2966
|
-
width:
|
|
2967
|
-
height:
|
|
3100
|
+
width: ICON_SIZE7,
|
|
3101
|
+
height: ICON_SIZE7,
|
|
2968
3102
|
alignItems: "center",
|
|
2969
3103
|
justifyContent: "center",
|
|
2970
3104
|
flexShrink: 0
|
|
@@ -3206,13 +3340,13 @@ var Input = forwardRef(function Input2({
|
|
|
3206
3340
|
});
|
|
3207
3341
|
useApplyWebClassName(rootRef, className);
|
|
3208
3342
|
useApplyWebClassName(inputRef, inputClassName);
|
|
3209
|
-
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [
|
|
3210
|
-
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [
|
|
3343
|
+
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles12.root, disabled && styles12.disabled, style], children: [
|
|
3344
|
+
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles12.label, { color: chrome.labelColor }], children: label }) : null,
|
|
3211
3345
|
/* @__PURE__ */ jsxs(
|
|
3212
3346
|
View,
|
|
3213
3347
|
{
|
|
3214
3348
|
style: [
|
|
3215
|
-
|
|
3349
|
+
styles12.field,
|
|
3216
3350
|
{
|
|
3217
3351
|
height: metrics.height,
|
|
3218
3352
|
borderRadius: metrics.borderRadius,
|
|
@@ -3227,7 +3361,7 @@ var Input = forwardRef(function Input2({
|
|
|
3227
3361
|
fieldStyle
|
|
3228
3362
|
],
|
|
3229
3363
|
children: [
|
|
3230
|
-
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: [
|
|
3364
|
+
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: [styles12.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: leftIconNode }) : null,
|
|
3231
3365
|
/* @__PURE__ */ jsx(
|
|
3232
3366
|
TextInput,
|
|
3233
3367
|
{
|
|
@@ -3251,11 +3385,11 @@ var Input = forwardRef(function Input2({
|
|
|
3251
3385
|
onBlur?.(event);
|
|
3252
3386
|
},
|
|
3253
3387
|
style: [
|
|
3254
|
-
|
|
3388
|
+
styles12.input,
|
|
3255
3389
|
metrics.text,
|
|
3256
3390
|
{ color: chrome.textColor },
|
|
3257
|
-
Platform.OS === "web" ?
|
|
3258
|
-
Platform.OS === "android" ?
|
|
3391
|
+
Platform.OS === "web" ? styles12.inputWeb : null,
|
|
3392
|
+
Platform.OS === "android" ? styles12.inputAndroid : null,
|
|
3259
3393
|
inputStyle
|
|
3260
3394
|
],
|
|
3261
3395
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
@@ -3267,20 +3401,20 @@ var Input = forwardRef(function Input2({
|
|
|
3267
3401
|
{
|
|
3268
3402
|
onPress: onRightIconPress,
|
|
3269
3403
|
disabled,
|
|
3270
|
-
style: [
|
|
3404
|
+
style: [styles12.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }],
|
|
3271
3405
|
accessibilityRole: "button",
|
|
3272
3406
|
accessibilityLabel: rightIconAccessibilityLabel,
|
|
3273
3407
|
hitSlop: 8,
|
|
3274
3408
|
children: rightIconNode
|
|
3275
3409
|
}
|
|
3276
|
-
) : /* @__PURE__ */ jsx(View, { style: [
|
|
3410
|
+
) : /* @__PURE__ */ jsx(View, { style: [styles12.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: rightIconNode }) : null
|
|
3277
3411
|
]
|
|
3278
3412
|
}
|
|
3279
3413
|
),
|
|
3280
|
-
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [
|
|
3414
|
+
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles12.hint, { color: chrome.hintColor }], children: hint }) : null
|
|
3281
3415
|
] });
|
|
3282
3416
|
});
|
|
3283
|
-
var
|
|
3417
|
+
var styles12 = StyleSheet.create({
|
|
3284
3418
|
root: {
|
|
3285
3419
|
width: DEFAULT_WIDTH2,
|
|
3286
3420
|
gap: 8,
|
|
@@ -3323,7 +3457,7 @@ var TRIGGER_RADIUS2 = 60;
|
|
|
3323
3457
|
var MENU_RADIUS3 = 24;
|
|
3324
3458
|
var MENU_MAX_LIST_HEIGHT = 248;
|
|
3325
3459
|
var ITEM_RADIUS2 = 12;
|
|
3326
|
-
var
|
|
3460
|
+
var ICON_SIZE8 = 20;
|
|
3327
3461
|
var CHIP_GAP = 6;
|
|
3328
3462
|
var FALLBACK_ELLIPSIS_WIDTH = 20;
|
|
3329
3463
|
function itemBackground(state) {
|
|
@@ -3396,25 +3530,25 @@ function MultiValueChips({ options, disabled, onRemove }) {
|
|
|
3396
3530
|
const next = Math.ceil(event.nativeEvent.layout.width);
|
|
3397
3531
|
setEllipsisWidth((current) => current === next ? current : next);
|
|
3398
3532
|
};
|
|
3399
|
-
return /* @__PURE__ */ jsxs(View, { style:
|
|
3400
|
-
/* @__PURE__ */ jsxs(View, { pointerEvents: "none", style:
|
|
3533
|
+
return /* @__PURE__ */ jsxs(View, { style: styles13.multiValueRoot, children: [
|
|
3534
|
+
/* @__PURE__ */ jsxs(View, { pointerEvents: "none", style: styles13.measureRow, children: [
|
|
3401
3535
|
options.map((option) => /* @__PURE__ */ jsxs(
|
|
3402
3536
|
View,
|
|
3403
3537
|
{
|
|
3404
|
-
style:
|
|
3538
|
+
style: styles13.chip,
|
|
3405
3539
|
onLayout: (event) => handleChipLayout(option.value, event),
|
|
3406
3540
|
children: [
|
|
3407
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
3408
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
3541
|
+
/* @__PURE__ */ jsx(Text, { style: styles13.chipLabel, numberOfLines: 1, children: option.label }),
|
|
3542
|
+
/* @__PURE__ */ jsx(Text, { style: styles13.chipRemove, children: "\xD7" })
|
|
3409
3543
|
]
|
|
3410
3544
|
},
|
|
3411
3545
|
`measure-${option.value}`
|
|
3412
3546
|
)),
|
|
3413
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
3547
|
+
/* @__PURE__ */ jsx(View, { style: styles13.ellipsis, onLayout: handleEllipsisLayout, children: /* @__PURE__ */ jsx(Text, { style: styles13.ellipsisText, children: "..." }) })
|
|
3414
3548
|
] }),
|
|
3415
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
3416
|
-
visible.map((option) => /* @__PURE__ */ jsxs(View, { style:
|
|
3417
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
3549
|
+
/* @__PURE__ */ jsxs(View, { style: styles13.chipsRow, onLayout: handleContainerLayout, children: [
|
|
3550
|
+
visible.map((option) => /* @__PURE__ */ jsxs(View, { style: styles13.chip, children: [
|
|
3551
|
+
/* @__PURE__ */ jsx(Text, { style: styles13.chipLabel, numberOfLines: 1, children: option.label }),
|
|
3418
3552
|
/* @__PURE__ */ jsx(
|
|
3419
3553
|
Pressable,
|
|
3420
3554
|
{
|
|
@@ -3426,11 +3560,11 @@ function MultiValueChips({ options, disabled, onRemove }) {
|
|
|
3426
3560
|
hitSlop: 6,
|
|
3427
3561
|
accessibilityRole: "button",
|
|
3428
3562
|
accessibilityLabel: `Remove ${option.label}`,
|
|
3429
|
-
children: /* @__PURE__ */ jsx(Text, { style:
|
|
3563
|
+
children: /* @__PURE__ */ jsx(Text, { style: styles13.chipRemove, children: "\xD7" })
|
|
3430
3564
|
}
|
|
3431
3565
|
)
|
|
3432
3566
|
] }, option.value)),
|
|
3433
|
-
hasOverflow ? /* @__PURE__ */ jsx(View, { style:
|
|
3567
|
+
hasOverflow ? /* @__PURE__ */ jsx(View, { style: styles13.ellipsis, children: /* @__PURE__ */ jsx(Text, { style: styles13.ellipsisText, children: "..." }) }) : null
|
|
3434
3568
|
] })
|
|
3435
3569
|
] });
|
|
3436
3570
|
}
|
|
@@ -3639,7 +3773,7 @@ var Select = forwardRef(
|
|
|
3639
3773
|
setOpen
|
|
3640
3774
|
]);
|
|
3641
3775
|
const leftIconNode = renderStatefulIcon(leftIcon, UserIcon, {
|
|
3642
|
-
size:
|
|
3776
|
+
size: ICON_SIZE8,
|
|
3643
3777
|
color: error ? colors.red : isOpen ? colors.primary : colors.grey100
|
|
3644
3778
|
});
|
|
3645
3779
|
const hasLeftIcon = showLeftIcon || leftIcon != null;
|
|
@@ -3654,11 +3788,11 @@ var Select = forwardRef(
|
|
|
3654
3788
|
{
|
|
3655
3789
|
...rest,
|
|
3656
3790
|
ref: setRootRef,
|
|
3657
|
-
style: [
|
|
3791
|
+
style: [styles13.root, isOpen && styles13.rootOpen, disabled && styles13.disabled, style],
|
|
3658
3792
|
accessibilityState: { disabled, expanded: isOpen },
|
|
3659
3793
|
children: [
|
|
3660
|
-
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [
|
|
3661
|
-
/* @__PURE__ */ jsxs(View, { style: [
|
|
3794
|
+
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles13.label, { color: labelColor }], children: label }) : null,
|
|
3795
|
+
/* @__PURE__ */ jsxs(View, { style: [styles13.triggerWrap, isOpen && styles13.triggerWrapOpen], children: [
|
|
3662
3796
|
/* @__PURE__ */ jsxs(
|
|
3663
3797
|
Pressable,
|
|
3664
3798
|
{
|
|
@@ -3669,29 +3803,29 @@ var Select = forwardRef(
|
|
|
3669
3803
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
3670
3804
|
accessibilityState: { disabled, expanded: isOpen },
|
|
3671
3805
|
style: [
|
|
3672
|
-
|
|
3806
|
+
styles13.trigger,
|
|
3673
3807
|
{
|
|
3674
3808
|
borderColor: triggerBorderColor,
|
|
3675
3809
|
backgroundColor: colors.grey700
|
|
3676
3810
|
}
|
|
3677
3811
|
],
|
|
3678
3812
|
children: [
|
|
3679
|
-
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style:
|
|
3680
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
3813
|
+
hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: styles13.iconSlot, children: leftIconNode }) : null,
|
|
3814
|
+
/* @__PURE__ */ jsx(View, { style: styles13.triggerContent, children: multiple && hasValue ? /* @__PURE__ */ jsx(
|
|
3681
3815
|
MultiValueChips,
|
|
3682
3816
|
{
|
|
3683
3817
|
options: selectedOptions,
|
|
3684
3818
|
disabled,
|
|
3685
3819
|
onRemove: handleRemoveChip
|
|
3686
3820
|
}
|
|
3687
|
-
) : /* @__PURE__ */ jsx(Text, { style: [
|
|
3688
|
-
/* @__PURE__ */ jsx(View, { style: [
|
|
3821
|
+
) : /* @__PURE__ */ jsx(Text, { style: [styles13.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: multiple ? placeholder : singleLabel }) }),
|
|
3822
|
+
/* @__PURE__ */ jsx(View, { style: [styles13.iconSlot, isOpen && styles13.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE8, color: isOpen ? colors.primary : colors.grey100 }) })
|
|
3689
3823
|
]
|
|
3690
3824
|
}
|
|
3691
3825
|
),
|
|
3692
|
-
isOpen ? /* @__PURE__ */ jsxs(View, { style:
|
|
3693
|
-
showSearch ? /* @__PURE__ */ jsxs(View, { style:
|
|
3694
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
3826
|
+
isOpen ? /* @__PURE__ */ jsxs(View, { style: styles13.menu, children: [
|
|
3827
|
+
showSearch ? /* @__PURE__ */ jsxs(View, { style: styles13.searchField, children: [
|
|
3828
|
+
/* @__PURE__ */ jsx(View, { style: styles13.iconSlot, children: /* @__PURE__ */ jsx(SearchIcon, { size: ICON_SIZE8, color: colors.grey100 }) }),
|
|
3695
3829
|
/* @__PURE__ */ jsx(
|
|
3696
3830
|
TextInput,
|
|
3697
3831
|
{
|
|
@@ -3702,9 +3836,9 @@ var Select = forwardRef(
|
|
|
3702
3836
|
placeholder: searchPlaceholder,
|
|
3703
3837
|
placeholderTextColor: colors.grey100,
|
|
3704
3838
|
style: [
|
|
3705
|
-
|
|
3706
|
-
Platform.OS === "web" ?
|
|
3707
|
-
Platform.OS === "android" ?
|
|
3839
|
+
styles13.searchInput,
|
|
3840
|
+
Platform.OS === "web" ? styles13.searchInputWeb : null,
|
|
3841
|
+
Platform.OS === "android" ? styles13.searchInputAndroid : null
|
|
3708
3842
|
],
|
|
3709
3843
|
accessibilityLabel: searchPlaceholder
|
|
3710
3844
|
}
|
|
@@ -3713,12 +3847,12 @@ var Select = forwardRef(
|
|
|
3713
3847
|
/* @__PURE__ */ jsxs(
|
|
3714
3848
|
ScrollView,
|
|
3715
3849
|
{
|
|
3716
|
-
style:
|
|
3717
|
-
contentContainerStyle:
|
|
3850
|
+
style: styles13.optionList,
|
|
3851
|
+
contentContainerStyle: styles13.optionListContent,
|
|
3718
3852
|
keyboardShouldPersistTaps: "handled",
|
|
3719
3853
|
showsVerticalScrollIndicator: false,
|
|
3720
3854
|
children: [
|
|
3721
|
-
loading ? /* @__PURE__ */ jsx(View, { style:
|
|
3855
|
+
loading ? /* @__PURE__ */ jsx(View, { style: styles13.statusRow, children: /* @__PURE__ */ jsx(Text, { style: styles13.statusText, children: "Loading..." }) }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx(View, { style: styles13.statusRow, children: /* @__PURE__ */ jsx(Text, { style: styles13.statusText, children: emptyText }) }) : null,
|
|
3722
3856
|
!loading && filteredOptions.map((option) => {
|
|
3723
3857
|
const isSelected = selectedValues.includes(option.value);
|
|
3724
3858
|
const isHovered = hoveredValue === option.value;
|
|
@@ -3735,14 +3869,14 @@ var Select = forwardRef(
|
|
|
3735
3869
|
accessibilityRole: multiple ? "checkbox" : "button",
|
|
3736
3870
|
accessibilityState: { selected: isSelected, checked: isSelected, disabled },
|
|
3737
3871
|
style: [
|
|
3738
|
-
|
|
3872
|
+
styles13.item,
|
|
3739
3873
|
{
|
|
3740
3874
|
backgroundColor: itemBackground(visualState)
|
|
3741
3875
|
}
|
|
3742
3876
|
],
|
|
3743
3877
|
children: [
|
|
3744
|
-
multiple ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style:
|
|
3745
|
-
/* @__PURE__ */ jsx(Text, { style:
|
|
3878
|
+
multiple ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles13.itemCheckbox, children: /* @__PURE__ */ jsx(Checkbox, { value: isSelected, variant: "light" }) }) : null,
|
|
3879
|
+
/* @__PURE__ */ jsx(Text, { style: styles13.itemLabel, numberOfLines: 1, children: option.label })
|
|
3746
3880
|
]
|
|
3747
3881
|
},
|
|
3748
3882
|
option.value
|
|
@@ -3753,13 +3887,13 @@ var Select = forwardRef(
|
|
|
3753
3887
|
)
|
|
3754
3888
|
] }) : null
|
|
3755
3889
|
] }),
|
|
3756
|
-
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [
|
|
3890
|
+
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles13.hint, { color: hintColor }], children: hint }) : null
|
|
3757
3891
|
]
|
|
3758
3892
|
}
|
|
3759
3893
|
);
|
|
3760
3894
|
}
|
|
3761
3895
|
);
|
|
3762
|
-
var
|
|
3896
|
+
var styles13 = StyleSheet.create({
|
|
3763
3897
|
root: {
|
|
3764
3898
|
width: DEFAULT_WIDTH3,
|
|
3765
3899
|
gap: 8,
|
|
@@ -3849,8 +3983,8 @@ var styles12 = StyleSheet.create({
|
|
|
3849
3983
|
lineHeight: 16
|
|
3850
3984
|
},
|
|
3851
3985
|
iconSlot: {
|
|
3852
|
-
width:
|
|
3853
|
-
height:
|
|
3986
|
+
width: ICON_SIZE8,
|
|
3987
|
+
height: ICON_SIZE8,
|
|
3854
3988
|
alignItems: "center",
|
|
3855
3989
|
justifyContent: "center",
|
|
3856
3990
|
flexShrink: 0
|
|
@@ -4021,13 +4155,13 @@ var Textarea = forwardRef(function Textarea2({
|
|
|
4021
4155
|
const resolvedAccessibilityLabel = accessibilityLabel ?? (showLabel ? void 0 : label);
|
|
4022
4156
|
useApplyWebClassName(rootRef, className);
|
|
4023
4157
|
useApplyWebClassName(inputRef, inputClassName);
|
|
4024
|
-
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [
|
|
4025
|
-
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [
|
|
4158
|
+
return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles14.root, disabled && styles14.disabled, style], children: [
|
|
4159
|
+
showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles14.label, { color: chrome.labelColor }], children: label }) : null,
|
|
4026
4160
|
/* @__PURE__ */ jsx(
|
|
4027
4161
|
View,
|
|
4028
4162
|
{
|
|
4029
4163
|
style: [
|
|
4030
|
-
|
|
4164
|
+
styles14.field,
|
|
4031
4165
|
{
|
|
4032
4166
|
borderColor: chrome.borderColor,
|
|
4033
4167
|
backgroundColor: chrome.backgroundColor
|
|
@@ -4059,11 +4193,11 @@ var Textarea = forwardRef(function Textarea2({
|
|
|
4059
4193
|
onBlur?.(event);
|
|
4060
4194
|
},
|
|
4061
4195
|
style: [
|
|
4062
|
-
|
|
4196
|
+
styles14.input,
|
|
4063
4197
|
textareaTypography.field,
|
|
4064
4198
|
{ color: chrome.textColor },
|
|
4065
|
-
Platform.OS === "web" ?
|
|
4066
|
-
Platform.OS === "android" ?
|
|
4199
|
+
Platform.OS === "web" ? styles14.inputWeb : null,
|
|
4200
|
+
Platform.OS === "android" ? styles14.inputAndroid : null,
|
|
4067
4201
|
inputStyle
|
|
4068
4202
|
],
|
|
4069
4203
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
@@ -4072,10 +4206,10 @@ var Textarea = forwardRef(function Textarea2({
|
|
|
4072
4206
|
)
|
|
4073
4207
|
}
|
|
4074
4208
|
),
|
|
4075
|
-
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [
|
|
4209
|
+
showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles14.hint, { color: chrome.hintColor }], children: hint }) : null
|
|
4076
4210
|
] });
|
|
4077
4211
|
});
|
|
4078
|
-
var
|
|
4212
|
+
var styles14 = StyleSheet.create({
|
|
4079
4213
|
root: {
|
|
4080
4214
|
width: DEFAULT_WIDTH4,
|
|
4081
4215
|
gap: 8,
|
|
@@ -4175,13 +4309,13 @@ var Toggle = forwardRef(function Toggle2({
|
|
|
4175
4309
|
accessibilityRole: "switch",
|
|
4176
4310
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
4177
4311
|
accessibilityState: { checked: isActive, disabled },
|
|
4178
|
-
style: [
|
|
4312
|
+
style: [styles15.pressable, disabled && styles15.disabled, style],
|
|
4179
4313
|
children: [
|
|
4180
4314
|
/* @__PURE__ */ jsx(
|
|
4181
4315
|
Animated.View,
|
|
4182
4316
|
{
|
|
4183
4317
|
style: [
|
|
4184
|
-
|
|
4318
|
+
styles15.track,
|
|
4185
4319
|
{
|
|
4186
4320
|
backgroundColor: trackBackgroundColor
|
|
4187
4321
|
}
|
|
@@ -4190,7 +4324,7 @@ var Toggle = forwardRef(function Toggle2({
|
|
|
4190
4324
|
Animated.View,
|
|
4191
4325
|
{
|
|
4192
4326
|
style: [
|
|
4193
|
-
|
|
4327
|
+
styles15.thumb,
|
|
4194
4328
|
{
|
|
4195
4329
|
transform: [{ translateX: thumbTranslateX }]
|
|
4196
4330
|
}
|
|
@@ -4199,12 +4333,12 @@ var Toggle = forwardRef(function Toggle2({
|
|
|
4199
4333
|
)
|
|
4200
4334
|
}
|
|
4201
4335
|
),
|
|
4202
|
-
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [
|
|
4336
|
+
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles15.label, labelStyle], children: labelContent }) : labelContent : null
|
|
4203
4337
|
]
|
|
4204
4338
|
}
|
|
4205
4339
|
);
|
|
4206
4340
|
});
|
|
4207
|
-
var
|
|
4341
|
+
var styles15 = StyleSheet.create({
|
|
4208
4342
|
pressable: {
|
|
4209
4343
|
flexDirection: "row",
|
|
4210
4344
|
alignItems: "center",
|
|
@@ -4279,21 +4413,21 @@ var RatingInput = forwardRef(
|
|
|
4279
4413
|
{
|
|
4280
4414
|
...rest,
|
|
4281
4415
|
ref: setContainerRef,
|
|
4282
|
-
style: [
|
|
4416
|
+
style: [styles16.root, disabled && styles16.disabled, style],
|
|
4283
4417
|
children: [
|
|
4284
|
-
showValue ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [
|
|
4418
|
+
showValue ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles16.value, valueStyle], children: selectedValue.toFixed(precision) }) : null,
|
|
4285
4419
|
/* @__PURE__ */ jsx(
|
|
4286
4420
|
View,
|
|
4287
4421
|
{
|
|
4288
4422
|
accessibilityRole: readOnly ? "image" : "radiogroup",
|
|
4289
4423
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
4290
4424
|
accessibilityState: { disabled },
|
|
4291
|
-
style: [
|
|
4425
|
+
style: [styles16.stars, { gap: resolvedStarGap }],
|
|
4292
4426
|
children: Array.from({ length: STAR_COUNT }, (_, index) => {
|
|
4293
4427
|
const starValue = index + 1;
|
|
4294
4428
|
const isSelected = starValue <= selectedStarCount;
|
|
4295
4429
|
const icon = isSelected ? /* @__PURE__ */ jsx(StarFilledIcon, { size: iconWidth, height: iconHeight }) : /* @__PURE__ */ jsx(StarIcon, { size: iconWidth, height: iconHeight });
|
|
4296
|
-
const itemStyle = [
|
|
4430
|
+
const itemStyle = [styles16.starItem, { width: size, height: size }];
|
|
4297
4431
|
if (readOnly) {
|
|
4298
4432
|
return /* @__PURE__ */ jsx(View, { style: itemStyle, children: icon }, starValue);
|
|
4299
4433
|
}
|
|
@@ -4319,7 +4453,7 @@ var RatingInput = forwardRef(
|
|
|
4319
4453
|
);
|
|
4320
4454
|
}
|
|
4321
4455
|
);
|
|
4322
|
-
var
|
|
4456
|
+
var styles16 = StyleSheet.create({
|
|
4323
4457
|
root: {
|
|
4324
4458
|
flexDirection: "row",
|
|
4325
4459
|
alignItems: "center",
|
|
@@ -4383,19 +4517,19 @@ var CommentCard = forwardRef(
|
|
|
4383
4517
|
setExpanded(next);
|
|
4384
4518
|
onExpandedChange?.(next);
|
|
4385
4519
|
};
|
|
4386
|
-
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [
|
|
4387
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
4388
|
-
/* @__PURE__ */ jsx(View, { style:
|
|
4520
|
+
return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles17.root, style], children: [
|
|
4521
|
+
/* @__PURE__ */ jsxs(View, { style: styles17.header, children: [
|
|
4522
|
+
/* @__PURE__ */ jsx(View, { style: styles17.avatar, children: hasImage ? /* @__PURE__ */ jsx(
|
|
4389
4523
|
Image,
|
|
4390
4524
|
{
|
|
4391
4525
|
source: { uri: imageUrl ?? void 0 },
|
|
4392
|
-
style:
|
|
4526
|
+
style: styles17.avatarImage,
|
|
4393
4527
|
onError: () => setImageFailed(true)
|
|
4394
4528
|
}
|
|
4395
4529
|
) : /* @__PURE__ */ jsx(UserIcon, { size: 20, color: colors.primary }) }),
|
|
4396
|
-
/* @__PURE__ */ jsxs(View, { style:
|
|
4397
|
-
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style:
|
|
4398
|
-
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style:
|
|
4530
|
+
/* @__PURE__ */ jsxs(View, { style: styles17.identity, children: [
|
|
4531
|
+
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles17.name, children: userName }),
|
|
4532
|
+
/* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles17.date, children: date })
|
|
4399
4533
|
] }),
|
|
4400
4534
|
/* @__PURE__ */ jsx(RatingInput, { value: rating, readOnly: true, showValue: false, size: 16 })
|
|
4401
4535
|
] }),
|
|
@@ -4403,7 +4537,7 @@ var CommentCard = forwardRef(
|
|
|
4403
4537
|
Text,
|
|
4404
4538
|
{
|
|
4405
4539
|
numberOfLines: expanded ? void 0 : maxCommentLines,
|
|
4406
|
-
style: [
|
|
4540
|
+
style: [styles17.comment, commentStyle],
|
|
4407
4541
|
children: commentText
|
|
4408
4542
|
}
|
|
4409
4543
|
),
|
|
@@ -4416,14 +4550,14 @@ var CommentCard = forwardRef(
|
|
|
4416
4550
|
hitSlop: 6,
|
|
4417
4551
|
onHoverIn: () => setActionHovered(true),
|
|
4418
4552
|
onHoverOut: () => setActionHovered(false),
|
|
4419
|
-
style:
|
|
4553
|
+
style: styles17.action,
|
|
4420
4554
|
children: /* @__PURE__ */ jsx(
|
|
4421
4555
|
Text,
|
|
4422
4556
|
{
|
|
4423
4557
|
style: [
|
|
4424
|
-
|
|
4425
|
-
expanded &&
|
|
4426
|
-
actionHovered && (expanded ?
|
|
4558
|
+
styles17.actionText,
|
|
4559
|
+
expanded && styles17.closeActionText,
|
|
4560
|
+
actionHovered && (expanded ? styles17.closeActionTextHovered : styles17.openActionTextHovered)
|
|
4427
4561
|
],
|
|
4428
4562
|
children: expanded ? readLessLabel : readMoreLabel
|
|
4429
4563
|
}
|
|
@@ -4433,7 +4567,7 @@ var CommentCard = forwardRef(
|
|
|
4433
4567
|
] });
|
|
4434
4568
|
}
|
|
4435
4569
|
);
|
|
4436
|
-
var
|
|
4570
|
+
var styles17 = StyleSheet.create({
|
|
4437
4571
|
root: {
|
|
4438
4572
|
width: CARD_WIDTH,
|
|
4439
4573
|
minHeight: CARD_MIN_HEIGHT,
|
|
@@ -4499,6 +4633,676 @@ var styles16 = StyleSheet.create({
|
|
|
4499
4633
|
}
|
|
4500
4634
|
});
|
|
4501
4635
|
|
|
4502
|
-
|
|
4636
|
+
// src/components/Range/Range.utils.ts
|
|
4637
|
+
function decimals(value) {
|
|
4638
|
+
const [coefficient, exponentText = "0"] = Math.abs(value).toString().toLowerCase().split("e");
|
|
4639
|
+
const [, fraction = ""] = coefficient.split(".");
|
|
4640
|
+
return Math.max(0, fraction.length - Number(exponentText));
|
|
4641
|
+
}
|
|
4642
|
+
function clampAndSnap(value, min, max, step) {
|
|
4643
|
+
const clamped = Math.min(max, Math.max(min, value));
|
|
4644
|
+
const snapped = min + Math.round((clamped - min) / step) * step;
|
|
4645
|
+
const precision = Math.min(15, Math.max(decimals(min), decimals(step)));
|
|
4646
|
+
return Number(Math.min(max, Math.max(min, snapped)).toFixed(precision));
|
|
4647
|
+
}
|
|
4648
|
+
function clampRangeValue(value, min, max) {
|
|
4649
|
+
return Math.min(max, Math.max(min, value));
|
|
4650
|
+
}
|
|
4651
|
+
function snapRangeDelta(start, delta, step) {
|
|
4652
|
+
const steps = Math.round(Math.abs(delta) / step) * Math.sign(delta);
|
|
4653
|
+
const precision = Math.min(15, Math.max(decimals(start), decimals(step)));
|
|
4654
|
+
return Number((start + steps * step).toFixed(precision));
|
|
4655
|
+
}
|
|
4656
|
+
function parseRangeDraft(draft, parseValue) {
|
|
4657
|
+
if (!draft.trim()) return { kind: "empty" };
|
|
4658
|
+
const parsed = parseValue(draft);
|
|
4659
|
+
if (parsed === void 0 || !Number.isFinite(parsed)) return { kind: "invalid" };
|
|
4660
|
+
return { kind: "value", value: parsed };
|
|
4661
|
+
}
|
|
4662
|
+
function normalizeRangeValue(value, min, max) {
|
|
4663
|
+
const from = typeof value.from === "number" && Number.isFinite(value.from) ? clampRangeValue(value.from, min, max) : void 0;
|
|
4664
|
+
const to = typeof value.to === "number" && Number.isFinite(value.to) ? clampRangeValue(value.to, min, max) : void 0;
|
|
4665
|
+
if (from !== void 0 && to !== void 0 && from > to) {
|
|
4666
|
+
return { from: to, to: from };
|
|
4667
|
+
}
|
|
4668
|
+
return { from, to };
|
|
4669
|
+
}
|
|
4670
|
+
var DEFAULT_WIDTH5 = 347;
|
|
4671
|
+
var TRACK_HEIGHT2 = 4;
|
|
4672
|
+
var TRACK_HORIZONTAL_INSET = 20;
|
|
4673
|
+
var THUMB_SIZE2 = 20;
|
|
4674
|
+
var INPUT_WIDTH = 120;
|
|
4675
|
+
function defaultParseValue(value) {
|
|
4676
|
+
const normalized = value.replace(/[\s,]/g, "");
|
|
4677
|
+
if (!normalized) return void 0;
|
|
4678
|
+
const parsed = Number(normalized);
|
|
4679
|
+
return Number.isFinite(parsed) ? parsed : void 0;
|
|
4680
|
+
}
|
|
4681
|
+
function valuesEqual(a, b) {
|
|
4682
|
+
return a.from === b.from && a.to === b.to;
|
|
4683
|
+
}
|
|
4684
|
+
var Range = forwardRef(function Range2({
|
|
4685
|
+
min = 0,
|
|
4686
|
+
max = 100,
|
|
4687
|
+
step = 1,
|
|
4688
|
+
value,
|
|
4689
|
+
defaultValue = {},
|
|
4690
|
+
onValueChange,
|
|
4691
|
+
fromPlaceholder = "\u054D\u056F\u057D\u0561\u056E",
|
|
4692
|
+
toPlaceholder = "\u0544\u056B\u0576\u0579\u0587",
|
|
4693
|
+
currency = "\u058F",
|
|
4694
|
+
fromAccessibilityLabel = fromPlaceholder,
|
|
4695
|
+
toAccessibilityLabel = toPlaceholder,
|
|
4696
|
+
disabled = false,
|
|
4697
|
+
formatValue = String,
|
|
4698
|
+
parseValue = defaultParseValue,
|
|
4699
|
+
style,
|
|
4700
|
+
className,
|
|
4701
|
+
onLayout,
|
|
4702
|
+
...rest
|
|
4703
|
+
}, forwardedRef) {
|
|
4704
|
+
const rootRef = useRef(null);
|
|
4705
|
+
const fromThumbRef = useRef(null);
|
|
4706
|
+
const toThumbRef = useRef(null);
|
|
4707
|
+
const setRootRef = useMemo(() => mergeRefs(rootRef, forwardedRef), [forwardedRef]);
|
|
4708
|
+
const lowerBound = Math.min(min, max);
|
|
4709
|
+
const upperBound = Math.max(min, max);
|
|
4710
|
+
const safeStep = Number.isFinite(step) && step > 0 ? step : 1;
|
|
4711
|
+
const isControlled = value !== void 0;
|
|
4712
|
+
const [uncontrolledValue, setUncontrolledValue] = useState(
|
|
4713
|
+
() => normalizeRangeValue(defaultValue, lowerBound, upperBound)
|
|
4714
|
+
);
|
|
4715
|
+
const resolvedValue = normalizeRangeValue(
|
|
4716
|
+
isControlled ? value : uncontrolledValue,
|
|
4717
|
+
lowerBound,
|
|
4718
|
+
upperBound
|
|
4719
|
+
);
|
|
4720
|
+
const latestValueRef = useRef(resolvedValue);
|
|
4721
|
+
const [trackWidth, setTrackWidth] = useState(DEFAULT_WIDTH5);
|
|
4722
|
+
const [fromDraft, setFromDraft] = useState(
|
|
4723
|
+
resolvedValue.from === void 0 ? "" : formatValue(resolvedValue.from)
|
|
4724
|
+
);
|
|
4725
|
+
const [toDraft, setToDraft] = useState(
|
|
4726
|
+
resolvedValue.to === void 0 ? "" : formatValue(resolvedValue.to)
|
|
4727
|
+
);
|
|
4728
|
+
const [editingField, setEditingField] = useState(null);
|
|
4729
|
+
const [focusedThumb, setFocusedThumb] = useState(null);
|
|
4730
|
+
const dragStartRef = useRef({ from: lowerBound, to: upperBound });
|
|
4731
|
+
const nativeDragTargetRef = useRef(null);
|
|
4732
|
+
const pointerDragRef = useRef(null);
|
|
4733
|
+
useApplyWebClassName(rootRef, className?.trim() || void 0);
|
|
4734
|
+
useEffect(() => {
|
|
4735
|
+
if (editingField !== "from") {
|
|
4736
|
+
setFromDraft(resolvedValue.from === void 0 ? "" : formatValue(resolvedValue.from));
|
|
4737
|
+
}
|
|
4738
|
+
}, [editingField, formatValue, resolvedValue.from]);
|
|
4739
|
+
useEffect(() => {
|
|
4740
|
+
if (editingField !== "to") {
|
|
4741
|
+
setToDraft(resolvedValue.to === void 0 ? "" : formatValue(resolvedValue.to));
|
|
4742
|
+
}
|
|
4743
|
+
}, [editingField, formatValue, resolvedValue.to]);
|
|
4744
|
+
useEffect(() => {
|
|
4745
|
+
const nextValue = { from: resolvedValue.from, to: resolvedValue.to };
|
|
4746
|
+
const changedOutsideInteraction = !valuesEqual(nextValue, latestValueRef.current);
|
|
4747
|
+
latestValueRef.current = nextValue;
|
|
4748
|
+
if (!changedOutsideInteraction) return;
|
|
4749
|
+
if (editingField === "from") {
|
|
4750
|
+
setFromDraft(nextValue.from === void 0 ? "" : formatValue(nextValue.from));
|
|
4751
|
+
}
|
|
4752
|
+
if (editingField === "to") {
|
|
4753
|
+
setToDraft(nextValue.to === void 0 ? "" : formatValue(nextValue.to));
|
|
4754
|
+
}
|
|
4755
|
+
}, [editingField, formatValue, resolvedValue.from, resolvedValue.to]);
|
|
4756
|
+
useEffect(() => {
|
|
4757
|
+
if (isControlled) return;
|
|
4758
|
+
setUncontrolledValue((current) => {
|
|
4759
|
+
const normalized = normalizeRangeValue(current, lowerBound, upperBound);
|
|
4760
|
+
return valuesEqual(current, normalized) ? current : normalized;
|
|
4761
|
+
});
|
|
4762
|
+
}, [isControlled, lowerBound, upperBound]);
|
|
4763
|
+
const emitValue = useCallback(
|
|
4764
|
+
(nextValue) => {
|
|
4765
|
+
const normalized = normalizeRangeValue(nextValue, lowerBound, upperBound);
|
|
4766
|
+
if (valuesEqual(normalized, latestValueRef.current)) return;
|
|
4767
|
+
latestValueRef.current = normalized;
|
|
4768
|
+
if (!isControlled) setUncontrolledValue(normalized);
|
|
4769
|
+
onValueChange?.(normalized);
|
|
4770
|
+
},
|
|
4771
|
+
[isControlled, lowerBound, onValueChange, upperBound]
|
|
4772
|
+
);
|
|
4773
|
+
const updateFrom = useCallback(
|
|
4774
|
+
(next) => {
|
|
4775
|
+
const current = latestValueRef.current;
|
|
4776
|
+
const maximum = current.to ?? upperBound;
|
|
4777
|
+
const snapped = next === void 0 ? void 0 : clampAndSnap(next, lowerBound, upperBound, safeStep);
|
|
4778
|
+
emitValue({
|
|
4779
|
+
...current,
|
|
4780
|
+
from: snapped === void 0 ? void 0 : clampRangeValue(snapped, lowerBound, maximum)
|
|
4781
|
+
});
|
|
4782
|
+
},
|
|
4783
|
+
[emitValue, lowerBound, safeStep, upperBound]
|
|
4784
|
+
);
|
|
4785
|
+
const updateTo = useCallback(
|
|
4786
|
+
(next) => {
|
|
4787
|
+
const current = latestValueRef.current;
|
|
4788
|
+
const minimum = current.from ?? lowerBound;
|
|
4789
|
+
const snapped = next === void 0 ? void 0 : clampAndSnap(next, lowerBound, upperBound, safeStep);
|
|
4790
|
+
emitValue({
|
|
4791
|
+
...current,
|
|
4792
|
+
to: snapped === void 0 ? void 0 : clampRangeValue(snapped, minimum, upperBound)
|
|
4793
|
+
});
|
|
4794
|
+
},
|
|
4795
|
+
[emitValue, lowerBound, safeStep, upperBound]
|
|
4796
|
+
);
|
|
4797
|
+
const updateFromInput = useCallback(
|
|
4798
|
+
(next) => {
|
|
4799
|
+
const current = latestValueRef.current;
|
|
4800
|
+
const maximum = current.to ?? upperBound;
|
|
4801
|
+
emitValue({
|
|
4802
|
+
...current,
|
|
4803
|
+
from: next === void 0 ? void 0 : clampRangeValue(next, lowerBound, maximum)
|
|
4804
|
+
});
|
|
4805
|
+
},
|
|
4806
|
+
[emitValue, lowerBound, upperBound]
|
|
4807
|
+
);
|
|
4808
|
+
const updateToInput = useCallback(
|
|
4809
|
+
(next) => {
|
|
4810
|
+
const current = latestValueRef.current;
|
|
4811
|
+
const minimum = current.from ?? lowerBound;
|
|
4812
|
+
emitValue({
|
|
4813
|
+
...current,
|
|
4814
|
+
to: next === void 0 ? void 0 : clampRangeValue(next, minimum, upperBound)
|
|
4815
|
+
});
|
|
4816
|
+
},
|
|
4817
|
+
[emitValue, lowerBound, upperBound]
|
|
4818
|
+
);
|
|
4819
|
+
const span = upperBound - lowerBound;
|
|
4820
|
+
const thumbTravel = Math.max(0, trackWidth - TRACK_HORIZONTAL_INSET * 2 - THUMB_SIZE2);
|
|
4821
|
+
const effectiveFrom = resolvedValue.from ?? lowerBound;
|
|
4822
|
+
const effectiveTo = resolvedValue.to ?? upperBound;
|
|
4823
|
+
const valueToOffset = useCallback(
|
|
4824
|
+
(next) => span === 0 ? 0 : (next - lowerBound) / span * thumbTravel,
|
|
4825
|
+
[lowerBound, span, thumbTravel]
|
|
4826
|
+
);
|
|
4827
|
+
const deltaToValue = useCallback(
|
|
4828
|
+
(delta) => thumbTravel === 0 || span === 0 ? 0 : delta / thumbTravel * span,
|
|
4829
|
+
[span, thumbTravel]
|
|
4830
|
+
);
|
|
4831
|
+
const fromOffset = valueToOffset(effectiveFrom);
|
|
4832
|
+
const toOffset = valueToOffset(effectiveTo);
|
|
4833
|
+
const fromPanResponder = useMemo(
|
|
4834
|
+
() => PanResponder.create({
|
|
4835
|
+
onStartShouldSetPanResponder: () => !disabled,
|
|
4836
|
+
onMoveShouldSetPanResponder: () => !disabled,
|
|
4837
|
+
onPanResponderGrant: () => {
|
|
4838
|
+
dragStartRef.current = { from: effectiveFrom, to: effectiveTo };
|
|
4839
|
+
nativeDragTargetRef.current = effectiveFrom === effectiveTo ? null : "from";
|
|
4840
|
+
},
|
|
4841
|
+
onPanResponderMove: (_, gesture) => {
|
|
4842
|
+
if (!nativeDragTargetRef.current && gesture.dx !== 0) {
|
|
4843
|
+
nativeDragTargetRef.current = gesture.dx < 0 ? "from" : "to";
|
|
4844
|
+
}
|
|
4845
|
+
const delta = deltaToValue(gesture.dx);
|
|
4846
|
+
if (nativeDragTargetRef.current === "to") {
|
|
4847
|
+
updateToInput(snapRangeDelta(dragStartRef.current.to, delta, safeStep));
|
|
4848
|
+
} else if (nativeDragTargetRef.current === "from") {
|
|
4849
|
+
updateFromInput(snapRangeDelta(dragStartRef.current.from, delta, safeStep));
|
|
4850
|
+
}
|
|
4851
|
+
},
|
|
4852
|
+
onPanResponderRelease: () => {
|
|
4853
|
+
nativeDragTargetRef.current = null;
|
|
4854
|
+
},
|
|
4855
|
+
onPanResponderTerminate: () => {
|
|
4856
|
+
nativeDragTargetRef.current = null;
|
|
4857
|
+
}
|
|
4858
|
+
}),
|
|
4859
|
+
[deltaToValue, disabled, effectiveFrom, effectiveTo, safeStep, updateFromInput, updateToInput]
|
|
4860
|
+
);
|
|
4861
|
+
const toPanResponder = useMemo(
|
|
4862
|
+
() => PanResponder.create({
|
|
4863
|
+
onStartShouldSetPanResponder: () => !disabled,
|
|
4864
|
+
onMoveShouldSetPanResponder: () => !disabled,
|
|
4865
|
+
onPanResponderGrant: () => {
|
|
4866
|
+
dragStartRef.current = { from: effectiveFrom, to: effectiveTo };
|
|
4867
|
+
nativeDragTargetRef.current = effectiveFrom === effectiveTo ? null : "to";
|
|
4868
|
+
},
|
|
4869
|
+
onPanResponderMove: (_, gesture) => {
|
|
4870
|
+
if (!nativeDragTargetRef.current && gesture.dx !== 0) {
|
|
4871
|
+
nativeDragTargetRef.current = gesture.dx < 0 ? "from" : "to";
|
|
4872
|
+
}
|
|
4873
|
+
const delta = deltaToValue(gesture.dx);
|
|
4874
|
+
if (nativeDragTargetRef.current === "from") {
|
|
4875
|
+
updateFromInput(snapRangeDelta(dragStartRef.current.from, delta, safeStep));
|
|
4876
|
+
} else if (nativeDragTargetRef.current === "to") {
|
|
4877
|
+
updateToInput(snapRangeDelta(dragStartRef.current.to, delta, safeStep));
|
|
4878
|
+
}
|
|
4879
|
+
},
|
|
4880
|
+
onPanResponderRelease: () => {
|
|
4881
|
+
nativeDragTargetRef.current = null;
|
|
4882
|
+
},
|
|
4883
|
+
onPanResponderTerminate: () => {
|
|
4884
|
+
nativeDragTargetRef.current = null;
|
|
4885
|
+
}
|
|
4886
|
+
}),
|
|
4887
|
+
[deltaToValue, disabled, effectiveFrom, effectiveTo, safeStep, updateFromInput, updateToInput]
|
|
4888
|
+
);
|
|
4889
|
+
const beginPointerDrag = (target, currentValue, event) => {
|
|
4890
|
+
if (disabled) return;
|
|
4891
|
+
event.stopPropagation();
|
|
4892
|
+
const pointerId = event.nativeEvent.pointerId;
|
|
4893
|
+
const node = event.currentTarget;
|
|
4894
|
+
node.focus?.();
|
|
4895
|
+
node.setPointerCapture?.(pointerId);
|
|
4896
|
+
pointerDragRef.current = {
|
|
4897
|
+
target,
|
|
4898
|
+
pointerId,
|
|
4899
|
+
startPageX: event.nativeEvent.pageX,
|
|
4900
|
+
startValue: currentValue,
|
|
4901
|
+
coincident: effectiveFrom === effectiveTo
|
|
4902
|
+
};
|
|
4903
|
+
};
|
|
4904
|
+
const movePointerDrag = (event) => {
|
|
4905
|
+
const drag = pointerDragRef.current;
|
|
4906
|
+
if (!drag || drag.pointerId !== event.nativeEvent.pointerId) return;
|
|
4907
|
+
const deltaX = event.nativeEvent.pageX - drag.startPageX;
|
|
4908
|
+
const nextValue = snapRangeDelta(drag.startValue, deltaToValue(deltaX), safeStep);
|
|
4909
|
+
if (drag.coincident && deltaX !== 0) {
|
|
4910
|
+
drag.target = deltaX < 0 ? "from" : "to";
|
|
4911
|
+
drag.coincident = false;
|
|
4912
|
+
}
|
|
4913
|
+
const target = drag.target;
|
|
4914
|
+
if (target === "from") updateFromInput(nextValue);
|
|
4915
|
+
else updateToInput(nextValue);
|
|
4916
|
+
};
|
|
4917
|
+
const endPointerDrag = (event) => {
|
|
4918
|
+
const drag = pointerDragRef.current;
|
|
4919
|
+
if (!drag || drag.pointerId !== event.nativeEvent.pointerId) return;
|
|
4920
|
+
const node = event.currentTarget;
|
|
4921
|
+
if (node.hasPointerCapture?.(drag.pointerId)) node.releasePointerCapture?.(drag.pointerId);
|
|
4922
|
+
pointerDragRef.current = null;
|
|
4923
|
+
};
|
|
4924
|
+
const handleAccessibilityAction = (event, current, update) => {
|
|
4925
|
+
if (disabled) return;
|
|
4926
|
+
if (event.nativeEvent.actionName === "increment") update(current + safeStep);
|
|
4927
|
+
if (event.nativeEvent.actionName === "decrement") update(current - safeStep);
|
|
4928
|
+
};
|
|
4929
|
+
const handleWebKeyDown = (event, current, minimum, maximum, update) => {
|
|
4930
|
+
if (disabled) return;
|
|
4931
|
+
const key = event.nativeEvent?.key ?? event.key;
|
|
4932
|
+
let nextValue;
|
|
4933
|
+
if (key === "ArrowRight" || key === "ArrowUp") nextValue = current + safeStep;
|
|
4934
|
+
if (key === "ArrowLeft" || key === "ArrowDown") nextValue = current - safeStep;
|
|
4935
|
+
if (key === "Home") nextValue = minimum;
|
|
4936
|
+
if (key === "End") nextValue = maximum;
|
|
4937
|
+
if (nextValue === void 0) return;
|
|
4938
|
+
event.preventDefault();
|
|
4939
|
+
event.stopPropagation();
|
|
4940
|
+
update(nextValue);
|
|
4941
|
+
};
|
|
4942
|
+
const commitDraft = (draft, update) => {
|
|
4943
|
+
const result = parseRangeDraft(draft, parseValue);
|
|
4944
|
+
if (result.kind === "empty") update(void 0);
|
|
4945
|
+
if (result.kind === "value") update(result.value);
|
|
4946
|
+
};
|
|
4947
|
+
const changeFromDraft = (draft) => {
|
|
4948
|
+
setFromDraft(draft);
|
|
4949
|
+
const result = parseRangeDraft(draft, parseValue);
|
|
4950
|
+
if (result.kind === "empty") updateFromInput(void 0);
|
|
4951
|
+
if (result.kind === "value") updateFromInput(result.value);
|
|
4952
|
+
};
|
|
4953
|
+
const changeToDraft = (draft) => {
|
|
4954
|
+
setToDraft(draft);
|
|
4955
|
+
const result = parseRangeDraft(draft, parseValue);
|
|
4956
|
+
if (result.kind === "empty") updateToInput(void 0);
|
|
4957
|
+
if (result.kind === "value") updateToInput(result.value);
|
|
4958
|
+
};
|
|
4959
|
+
const focusWebThumb = (target) => {
|
|
4960
|
+
if (Platform.OS !== "web") return;
|
|
4961
|
+
const node = target === "from" ? fromThumbRef.current : toThumbRef.current;
|
|
4962
|
+
node?.focus?.();
|
|
4963
|
+
};
|
|
4964
|
+
const updateNearestFromTrack = (locationX) => {
|
|
4965
|
+
if (disabled || thumbTravel === 0 || span === 0) return;
|
|
4966
|
+
const offset = Math.min(
|
|
4967
|
+
thumbTravel,
|
|
4968
|
+
Math.max(0, locationX - TRACK_HORIZONTAL_INSET - THUMB_SIZE2 / 2)
|
|
4969
|
+
);
|
|
4970
|
+
const nextValue = clampAndSnap(
|
|
4971
|
+
lowerBound + offset / thumbTravel * span,
|
|
4972
|
+
lowerBound,
|
|
4973
|
+
upperBound,
|
|
4974
|
+
safeStep
|
|
4975
|
+
);
|
|
4976
|
+
const fromDistance = Math.abs(nextValue - effectiveFrom);
|
|
4977
|
+
const toDistance = Math.abs(nextValue - effectiveTo);
|
|
4978
|
+
if (effectiveFrom === effectiveTo && fromDistance === toDistance) {
|
|
4979
|
+
if (nextValue < effectiveFrom) {
|
|
4980
|
+
focusWebThumb("from");
|
|
4981
|
+
updateFrom(nextValue);
|
|
4982
|
+
}
|
|
4983
|
+
if (nextValue > effectiveTo) {
|
|
4984
|
+
focusWebThumb("to");
|
|
4985
|
+
updateTo(nextValue);
|
|
4986
|
+
}
|
|
4987
|
+
} else if (fromDistance <= toDistance) {
|
|
4988
|
+
focusWebThumb("from");
|
|
4989
|
+
updateFrom(nextValue);
|
|
4990
|
+
} else {
|
|
4991
|
+
focusWebThumb("to");
|
|
4992
|
+
updateTo(nextValue);
|
|
4993
|
+
}
|
|
4994
|
+
};
|
|
4995
|
+
const handleTrackPress = (event) => {
|
|
4996
|
+
updateNearestFromTrack(event.nativeEvent.locationX);
|
|
4997
|
+
};
|
|
4998
|
+
const handleTrackLayout = (event) => {
|
|
4999
|
+
setTrackWidth(event.nativeEvent.layout.width);
|
|
5000
|
+
};
|
|
5001
|
+
const fromValueText = `${formatValue(effectiveFrom)}${currency ? ` ${currency}` : ""}`;
|
|
5002
|
+
const toValueText = `${formatValue(effectiveTo)}${currency ? ` ${currency}` : ""}`;
|
|
5003
|
+
return /* @__PURE__ */ jsxs(
|
|
5004
|
+
View,
|
|
5005
|
+
{
|
|
5006
|
+
...rest,
|
|
5007
|
+
ref: setRootRef,
|
|
5008
|
+
onLayout,
|
|
5009
|
+
style: [styles18.root, disabled && styles18.disabled, style],
|
|
5010
|
+
children: [
|
|
5011
|
+
/* @__PURE__ */ jsxs(
|
|
5012
|
+
Pressable,
|
|
5013
|
+
{
|
|
5014
|
+
accessible: false,
|
|
5015
|
+
disabled,
|
|
5016
|
+
focusable: false,
|
|
5017
|
+
onLayout: handleTrackLayout,
|
|
5018
|
+
onPointerDown: Platform.OS === "web" ? (event) => {
|
|
5019
|
+
event.preventDefault();
|
|
5020
|
+
updateNearestFromTrack(event.nativeEvent.offsetX);
|
|
5021
|
+
} : void 0,
|
|
5022
|
+
onPress: Platform.OS === "web" ? void 0 : handleTrackPress,
|
|
5023
|
+
style: styles18.sliderPlane,
|
|
5024
|
+
tabIndex: -1,
|
|
5025
|
+
children: [
|
|
5026
|
+
/* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles18.track }),
|
|
5027
|
+
/* @__PURE__ */ jsx(
|
|
5028
|
+
View,
|
|
5029
|
+
{
|
|
5030
|
+
pointerEvents: "none",
|
|
5031
|
+
style: [
|
|
5032
|
+
styles18.activeTrack,
|
|
5033
|
+
{
|
|
5034
|
+
left: TRACK_HORIZONTAL_INSET + fromOffset,
|
|
5035
|
+
width: toOffset - fromOffset + THUMB_SIZE2
|
|
5036
|
+
}
|
|
5037
|
+
]
|
|
5038
|
+
}
|
|
5039
|
+
),
|
|
5040
|
+
/* @__PURE__ */ jsx(
|
|
5041
|
+
View,
|
|
5042
|
+
{
|
|
5043
|
+
ref: fromThumbRef,
|
|
5044
|
+
...Platform.OS === "web" ? {
|
|
5045
|
+
onPointerCancel: endPointerDrag,
|
|
5046
|
+
onPointerDown: (event) => beginPointerDrag("from", effectiveFrom, event),
|
|
5047
|
+
onLostPointerCapture: endPointerDrag,
|
|
5048
|
+
onPointerMove: movePointerDrag,
|
|
5049
|
+
onPointerUp: endPointerDrag,
|
|
5050
|
+
onBlur: () => setFocusedThumb(null),
|
|
5051
|
+
onFocus: () => setFocusedThumb("from"),
|
|
5052
|
+
onKeyDown: (event) => handleWebKeyDown(event, effectiveFrom, lowerBound, effectiveTo, updateFromInput)
|
|
5053
|
+
} : fromPanResponder.panHandlers,
|
|
5054
|
+
"aria-disabled": disabled,
|
|
5055
|
+
"aria-valuemax": effectiveTo,
|
|
5056
|
+
"aria-valuemin": lowerBound,
|
|
5057
|
+
"aria-valuenow": effectiveFrom,
|
|
5058
|
+
"aria-valuetext": fromValueText,
|
|
5059
|
+
accessible: true,
|
|
5060
|
+
accessibilityActions: [{ name: "increment" }, { name: "decrement" }],
|
|
5061
|
+
accessibilityLabel: fromAccessibilityLabel,
|
|
5062
|
+
accessibilityRole: "adjustable",
|
|
5063
|
+
accessibilityState: { disabled },
|
|
5064
|
+
accessibilityValue: {
|
|
5065
|
+
min: lowerBound,
|
|
5066
|
+
max: effectiveTo,
|
|
5067
|
+
now: effectiveFrom,
|
|
5068
|
+
text: fromValueText
|
|
5069
|
+
},
|
|
5070
|
+
focusable: !disabled,
|
|
5071
|
+
onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveFrom, updateFromInput),
|
|
5072
|
+
pointerEvents: disabled ? "none" : "auto",
|
|
5073
|
+
style: [
|
|
5074
|
+
styles18.thumb,
|
|
5075
|
+
Platform.OS === "web" && styles18.thumbWeb,
|
|
5076
|
+
focusedThumb === "from" && Platform.OS === "web" && styles18.thumbFocusedWeb,
|
|
5077
|
+
{ left: TRACK_HORIZONTAL_INSET + fromOffset }
|
|
5078
|
+
],
|
|
5079
|
+
tabIndex: disabled ? -1 : 0
|
|
5080
|
+
}
|
|
5081
|
+
),
|
|
5082
|
+
/* @__PURE__ */ jsx(
|
|
5083
|
+
View,
|
|
5084
|
+
{
|
|
5085
|
+
ref: toThumbRef,
|
|
5086
|
+
...Platform.OS === "web" ? {
|
|
5087
|
+
onPointerCancel: endPointerDrag,
|
|
5088
|
+
onPointerDown: (event) => beginPointerDrag("to", effectiveTo, event),
|
|
5089
|
+
onLostPointerCapture: endPointerDrag,
|
|
5090
|
+
onPointerMove: movePointerDrag,
|
|
5091
|
+
onPointerUp: endPointerDrag,
|
|
5092
|
+
onBlur: () => setFocusedThumb(null),
|
|
5093
|
+
onFocus: () => setFocusedThumb("to"),
|
|
5094
|
+
onKeyDown: (event) => handleWebKeyDown(event, effectiveTo, effectiveFrom, upperBound, updateToInput)
|
|
5095
|
+
} : toPanResponder.panHandlers,
|
|
5096
|
+
"aria-disabled": disabled,
|
|
5097
|
+
"aria-valuemax": upperBound,
|
|
5098
|
+
"aria-valuemin": effectiveFrom,
|
|
5099
|
+
"aria-valuenow": effectiveTo,
|
|
5100
|
+
"aria-valuetext": toValueText,
|
|
5101
|
+
accessible: true,
|
|
5102
|
+
accessibilityActions: [{ name: "increment" }, { name: "decrement" }],
|
|
5103
|
+
accessibilityLabel: toAccessibilityLabel,
|
|
5104
|
+
accessibilityRole: "adjustable",
|
|
5105
|
+
accessibilityState: { disabled },
|
|
5106
|
+
accessibilityValue: {
|
|
5107
|
+
min: effectiveFrom,
|
|
5108
|
+
max: upperBound,
|
|
5109
|
+
now: effectiveTo,
|
|
5110
|
+
text: toValueText
|
|
5111
|
+
},
|
|
5112
|
+
focusable: !disabled,
|
|
5113
|
+
onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveTo, updateToInput),
|
|
5114
|
+
pointerEvents: disabled ? "none" : "auto",
|
|
5115
|
+
style: [
|
|
5116
|
+
styles18.thumb,
|
|
5117
|
+
Platform.OS === "web" && styles18.thumbWeb,
|
|
5118
|
+
focusedThumb === "to" && Platform.OS === "web" && styles18.thumbFocusedWeb,
|
|
5119
|
+
{ left: TRACK_HORIZONTAL_INSET + toOffset }
|
|
5120
|
+
],
|
|
5121
|
+
tabIndex: disabled ? -1 : 0
|
|
5122
|
+
}
|
|
5123
|
+
)
|
|
5124
|
+
]
|
|
5125
|
+
}
|
|
5126
|
+
),
|
|
5127
|
+
/* @__PURE__ */ jsxs(View, { style: styles18.inputs, children: [
|
|
5128
|
+
/* @__PURE__ */ jsx(
|
|
5129
|
+
RangeInput,
|
|
5130
|
+
{
|
|
5131
|
+
accessibilityLabel: fromAccessibilityLabel,
|
|
5132
|
+
currency,
|
|
5133
|
+
disabled,
|
|
5134
|
+
focused: editingField === "from",
|
|
5135
|
+
onChangeText: changeFromDraft,
|
|
5136
|
+
onCommit: () => {
|
|
5137
|
+
setEditingField(null);
|
|
5138
|
+
commitDraft(fromDraft, updateFromInput);
|
|
5139
|
+
},
|
|
5140
|
+
onFocus: () => setEditingField("from"),
|
|
5141
|
+
placeholder: fromPlaceholder,
|
|
5142
|
+
value: fromDraft
|
|
5143
|
+
}
|
|
5144
|
+
),
|
|
5145
|
+
/* @__PURE__ */ jsx(
|
|
5146
|
+
RangeInput,
|
|
5147
|
+
{
|
|
5148
|
+
accessibilityLabel: toAccessibilityLabel,
|
|
5149
|
+
currency,
|
|
5150
|
+
disabled,
|
|
5151
|
+
focused: editingField === "to",
|
|
5152
|
+
onChangeText: changeToDraft,
|
|
5153
|
+
onCommit: () => {
|
|
5154
|
+
setEditingField(null);
|
|
5155
|
+
commitDraft(toDraft, updateToInput);
|
|
5156
|
+
},
|
|
5157
|
+
onFocus: () => setEditingField("to"),
|
|
5158
|
+
placeholder: toPlaceholder,
|
|
5159
|
+
value: toDraft
|
|
5160
|
+
}
|
|
5161
|
+
)
|
|
5162
|
+
] })
|
|
5163
|
+
]
|
|
5164
|
+
}
|
|
5165
|
+
);
|
|
5166
|
+
});
|
|
5167
|
+
function RangeInput({
|
|
5168
|
+
accessibilityLabel,
|
|
5169
|
+
currency,
|
|
5170
|
+
disabled,
|
|
5171
|
+
focused,
|
|
5172
|
+
onChangeText,
|
|
5173
|
+
onCommit,
|
|
5174
|
+
onFocus,
|
|
5175
|
+
placeholder,
|
|
5176
|
+
value
|
|
5177
|
+
}) {
|
|
5178
|
+
return /* @__PURE__ */ jsxs(View, { style: [styles18.inputField, focused && styles18.inputFieldFocused], children: [
|
|
5179
|
+
/* @__PURE__ */ jsx(
|
|
5180
|
+
TextInput,
|
|
5181
|
+
{
|
|
5182
|
+
"aria-disabled": disabled,
|
|
5183
|
+
accessibilityLabel,
|
|
5184
|
+
accessibilityState: { disabled },
|
|
5185
|
+
editable: !disabled,
|
|
5186
|
+
inputMode: "decimal",
|
|
5187
|
+
onBlur: onCommit,
|
|
5188
|
+
onChangeText,
|
|
5189
|
+
onFocus,
|
|
5190
|
+
onSubmitEditing: onCommit,
|
|
5191
|
+
placeholder,
|
|
5192
|
+
placeholderTextColor: colors.grey150,
|
|
5193
|
+
returnKeyType: "done",
|
|
5194
|
+
style: [styles18.input, Platform.OS === "web" && styles18.inputWeb],
|
|
5195
|
+
tabIndex: disabled ? -1 : void 0,
|
|
5196
|
+
value
|
|
5197
|
+
}
|
|
5198
|
+
),
|
|
5199
|
+
/* @__PURE__ */ jsx(View, { style: styles18.currencySlot, children: /* @__PURE__ */ jsx(Text, { style: styles18.currency, children: currency }) })
|
|
5200
|
+
] });
|
|
5201
|
+
}
|
|
5202
|
+
var styles18 = StyleSheet.create({
|
|
5203
|
+
root: {
|
|
5204
|
+
width: DEFAULT_WIDTH5,
|
|
5205
|
+
gap: 15,
|
|
5206
|
+
alignSelf: "flex-start"
|
|
5207
|
+
},
|
|
5208
|
+
disabled: {
|
|
5209
|
+
opacity: 0.6
|
|
5210
|
+
},
|
|
5211
|
+
sliderPlane: {
|
|
5212
|
+
width: "100%",
|
|
5213
|
+
height: THUMB_SIZE2,
|
|
5214
|
+
position: "relative"
|
|
5215
|
+
},
|
|
5216
|
+
track: {
|
|
5217
|
+
position: "absolute",
|
|
5218
|
+
top: 8,
|
|
5219
|
+
left: 0,
|
|
5220
|
+
width: "100%",
|
|
5221
|
+
height: TRACK_HEIGHT2,
|
|
5222
|
+
borderRadius: 16,
|
|
5223
|
+
backgroundColor: colors.grey600
|
|
5224
|
+
},
|
|
5225
|
+
activeTrack: {
|
|
5226
|
+
position: "absolute",
|
|
5227
|
+
top: 8,
|
|
5228
|
+
height: TRACK_HEIGHT2,
|
|
5229
|
+
borderRadius: 16,
|
|
5230
|
+
backgroundColor: colors.primary
|
|
5231
|
+
},
|
|
5232
|
+
thumb: {
|
|
5233
|
+
position: "absolute",
|
|
5234
|
+
top: 0,
|
|
5235
|
+
width: THUMB_SIZE2,
|
|
5236
|
+
height: THUMB_SIZE2,
|
|
5237
|
+
borderRadius: 32,
|
|
5238
|
+
borderWidth: 2,
|
|
5239
|
+
borderColor: colors.primary,
|
|
5240
|
+
backgroundColor: colors.white
|
|
5241
|
+
},
|
|
5242
|
+
thumbWeb: {
|
|
5243
|
+
cursor: "grab",
|
|
5244
|
+
touchAction: "none"
|
|
5245
|
+
},
|
|
5246
|
+
thumbFocusedWeb: {
|
|
5247
|
+
outlineColor: colors.white,
|
|
5248
|
+
outlineOffset: 2,
|
|
5249
|
+
outlineStyle: "solid",
|
|
5250
|
+
outlineWidth: 2
|
|
5251
|
+
},
|
|
5252
|
+
inputs: {
|
|
5253
|
+
width: "100%",
|
|
5254
|
+
height: 44,
|
|
5255
|
+
flexDirection: "row",
|
|
5256
|
+
alignItems: "center",
|
|
5257
|
+
justifyContent: "space-between"
|
|
5258
|
+
},
|
|
5259
|
+
inputField: {
|
|
5260
|
+
width: INPUT_WIDTH,
|
|
5261
|
+
height: 44,
|
|
5262
|
+
paddingVertical: 12,
|
|
5263
|
+
paddingHorizontal: 16,
|
|
5264
|
+
flexDirection: "row",
|
|
5265
|
+
alignItems: "center",
|
|
5266
|
+
gap: 10,
|
|
5267
|
+
borderWidth: 1,
|
|
5268
|
+
borderColor: colors.grey700,
|
|
5269
|
+
borderRadius: 60,
|
|
5270
|
+
backgroundColor: colors.grey700
|
|
5271
|
+
},
|
|
5272
|
+
inputFieldFocused: {
|
|
5273
|
+
borderColor: colors.primary
|
|
5274
|
+
},
|
|
5275
|
+
input: {
|
|
5276
|
+
minWidth: 0,
|
|
5277
|
+
flex: 1,
|
|
5278
|
+
margin: 0,
|
|
5279
|
+
padding: 0,
|
|
5280
|
+
fontFamily: fonts.sans,
|
|
5281
|
+
fontSize: 12,
|
|
5282
|
+
fontWeight: "400",
|
|
5283
|
+
lineHeight: 16,
|
|
5284
|
+
letterSpacing: 0.36,
|
|
5285
|
+
color: colors.white
|
|
5286
|
+
},
|
|
5287
|
+
inputWeb: {
|
|
5288
|
+
outlineStyle: "none"
|
|
5289
|
+
},
|
|
5290
|
+
currencySlot: {
|
|
5291
|
+
width: 20,
|
|
5292
|
+
height: 20,
|
|
5293
|
+
alignItems: "center",
|
|
5294
|
+
justifyContent: "center",
|
|
5295
|
+
flexShrink: 0
|
|
5296
|
+
},
|
|
5297
|
+
currency: {
|
|
5298
|
+
fontFamily: fonts.sans,
|
|
5299
|
+
fontSize: 16,
|
|
5300
|
+
fontWeight: "600",
|
|
5301
|
+
lineHeight: 22,
|
|
5302
|
+
color: colors.white
|
|
5303
|
+
}
|
|
5304
|
+
});
|
|
5305
|
+
|
|
5306
|
+
export { AreaExpandIcon, ArrowRightIcon, Avatar, 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, 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, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, StatCard, Textarea, Toggle, TooltipArrowIcon, UserIcon, UsersAltIcon, VideoIcon, WhatsAppIcon, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
4503
5307
|
//# sourceMappingURL=index.js.map
|
|
4504
5308
|
//# sourceMappingURL=index.js.map
|