@ecohouse/ui 0.1.42 → 0.1.44
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 +312 -37
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +40 -4
- package/dist/index.d.ts +40 -4
- package/dist/index.js +307 -39
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Button/Button.stories.tsx +5 -0
- package/src/components/Button/Button.tsx +34 -5
- package/src/components/Input/Input.tsx +6 -0
- package/src/components/LanguageSwitcher/LanguageSwitcher.tsx +1 -1
- package/src/components/RadioButton/RadioButton.stories.tsx +64 -0
- package/src/components/RadioButton/RadioButton.tsx +135 -0
- package/src/components/RadioButton/index.ts +2 -0
- package/src/components/SegmentedToggle/SegmentedToggle.tsx +21 -1
- package/src/components/Select/Select.tsx +12 -3
- package/src/components/index.ts +3 -0
- package/src/icons/Amenity/amenityPaths.ts +3 -10
- package/src/icons/Dram/DramIcon.tsx +14 -0
- package/src/icons/Dram/DramIcon.web.tsx +20 -0
- package/src/icons/Dram/dramPath.ts +2 -0
- package/src/icons/Dram/index.ts +1 -0
- package/src/icons/HouseRules/houseRulesPaths.ts +3 -3
- package/src/icons/MoonStars/MoonStarsIcon.tsx +27 -0
- package/src/icons/MoonStars/MoonStarsIcon.web.tsx +33 -0
- package/src/icons/MoonStars/index.ts +6 -0
- package/src/icons/MoonStars/moonStarsPaths.ts +7 -0
- package/src/icons/NoPets/NoPetsIcon.tsx +23 -0
- package/src/icons/NoPets/NoPetsIcon.web.tsx +29 -0
- package/src/icons/NoPets/index.ts +1 -0
- package/src/icons/NoPets/noPetsPaths.ts +8 -0
- package/src/icons/StarOutline/StarOutlineIcon.tsx +24 -0
- package/src/icons/StarOutline/StarOutlineIcon.web.tsx +30 -0
- package/src/icons/StarOutline/index.ts +1 -0
- package/src/icons/StarOutline/starOutlinePath.ts +2 -0
- package/src/icons/Sun/SunIcon.tsx +20 -0
- package/src/icons/Sun/SunIcon.web.tsx +26 -0
- package/src/icons/Sun/index.ts +1 -0
- package/src/icons/Sun/sunPath.ts +2 -0
- package/src/icons/Washer/WasherIcon.tsx +25 -0
- package/src/icons/Washer/WasherIcon.web.tsx +31 -0
- package/src/icons/Washer/index.ts +1 -0
- package/src/icons/Washer/washerPaths.ts +28 -0
- package/src/icons/index.ts +6 -0
- package/src/icons/registry.ts +18 -0
- package/src/index.ts +9 -0
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { forwardRef, useRef, useMemo, useState, useCallback, useEffect, useLayoutEffect, useId, useImperativeHandle, isValidElement, cloneElement } from 'react';
|
|
2
|
-
import { View, Text, Platform, Pressable, StyleSheet, Image, useWindowDimensions, Animated, Easing, TouchableOpacity, Modal as Modal$1, TextInput,
|
|
2
|
+
import { View, Text, Platform, Pressable, StyleSheet, Image, useWindowDimensions, Animated, Easing, TouchableOpacity, ActivityIndicator, Modal as Modal$1, TextInput, ScrollView, PanResponder } from 'react-native';
|
|
3
3
|
import Svg23, { Path } from 'react-native-svg';
|
|
4
4
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
5
5
|
|
|
@@ -9449,15 +9449,15 @@ var require_react_dom_development = __commonJS({
|
|
|
9449
9449
|
};
|
|
9450
9450
|
}
|
|
9451
9451
|
var warnValidStyle$1 = warnValidStyle;
|
|
9452
|
-
function createDangerousStringForStyles(
|
|
9452
|
+
function createDangerousStringForStyles(styles41) {
|
|
9453
9453
|
{
|
|
9454
9454
|
var serialized = "";
|
|
9455
9455
|
var delimiter = "";
|
|
9456
|
-
for (var styleName in
|
|
9457
|
-
if (!
|
|
9456
|
+
for (var styleName in styles41) {
|
|
9457
|
+
if (!styles41.hasOwnProperty(styleName)) {
|
|
9458
9458
|
continue;
|
|
9459
9459
|
}
|
|
9460
|
-
var styleValue =
|
|
9460
|
+
var styleValue = styles41[styleName];
|
|
9461
9461
|
if (styleValue != null) {
|
|
9462
9462
|
var isCustomProperty = styleName.indexOf("--") === 0;
|
|
9463
9463
|
serialized += delimiter + (isCustomProperty ? styleName : hyphenateStyleName(styleName)) + ":";
|
|
@@ -9468,19 +9468,19 @@ var require_react_dom_development = __commonJS({
|
|
|
9468
9468
|
return serialized || null;
|
|
9469
9469
|
}
|
|
9470
9470
|
}
|
|
9471
|
-
function setValueForStyles(node,
|
|
9471
|
+
function setValueForStyles(node, styles41) {
|
|
9472
9472
|
var style2 = node.style;
|
|
9473
|
-
for (var styleName in
|
|
9474
|
-
if (!
|
|
9473
|
+
for (var styleName in styles41) {
|
|
9474
|
+
if (!styles41.hasOwnProperty(styleName)) {
|
|
9475
9475
|
continue;
|
|
9476
9476
|
}
|
|
9477
9477
|
var isCustomProperty = styleName.indexOf("--") === 0;
|
|
9478
9478
|
{
|
|
9479
9479
|
if (!isCustomProperty) {
|
|
9480
|
-
warnValidStyle$1(styleName,
|
|
9480
|
+
warnValidStyle$1(styleName, styles41[styleName]);
|
|
9481
9481
|
}
|
|
9482
9482
|
}
|
|
9483
|
-
var styleValue = dangerousStyleValue(styleName,
|
|
9483
|
+
var styleValue = dangerousStyleValue(styleName, styles41[styleName], isCustomProperty);
|
|
9484
9484
|
if (styleName === "float") {
|
|
9485
9485
|
styleName = "cssFloat";
|
|
9486
9486
|
}
|
|
@@ -9494,9 +9494,9 @@ var require_react_dom_development = __commonJS({
|
|
|
9494
9494
|
function isValueEmpty(value) {
|
|
9495
9495
|
return value == null || typeof value === "boolean" || value === "";
|
|
9496
9496
|
}
|
|
9497
|
-
function expandShorthandMap(
|
|
9497
|
+
function expandShorthandMap(styles41) {
|
|
9498
9498
|
var expanded = {};
|
|
9499
|
-
for (var key in
|
|
9499
|
+
for (var key in styles41) {
|
|
9500
9500
|
var longhands = shorthandToLonghand[key] || [key];
|
|
9501
9501
|
for (var i = 0; i < longhands.length; i++) {
|
|
9502
9502
|
expanded[longhands[i]] = key;
|
|
@@ -29327,10 +29327,10 @@ function TooltipArrowIcon({ size = 10, color = colors.grey600 }) {
|
|
|
29327
29327
|
// src/icons/HouseRules/houseRulesPaths.ts
|
|
29328
29328
|
var QUIET_HOURS_PATH = "M9.99935 4.99996C9.88991 4.99993 9.78153 5.02147 9.68042 5.06334C9.5793 5.1052 9.48742 5.16659 9.41003 5.24397C9.33265 5.32136 9.27126 5.41324 9.2294 5.51436C9.18753 5.61547 9.16599 5.72385 9.16602 5.83329V8.55628L8.2513 8.02812C8.05987 7.91775 7.83243 7.88791 7.61901 7.94518C7.40558 8.00245 7.22363 8.14213 7.11316 8.33351C7.00269 8.52489 6.97274 8.7523 7.0299 8.96576C7.08706 9.17921 7.22665 9.36123 7.41797 9.4718L9.58269 10.7218C9.70938 10.7949 9.8531 10.8335 9.99939 10.8334C10.1457 10.8334 10.2894 10.7949 10.4161 10.7218C10.5428 10.6486 10.648 10.5434 10.7211 10.4167C10.7942 10.29 10.8327 10.1463 10.8327 9.99996V5.83329C10.8327 5.72385 10.8112 5.61547 10.7693 5.51436C10.7274 5.41324 10.6661 5.32136 10.5887 5.24397C10.5113 5.16659 10.4194 5.1052 10.3183 5.06334C10.2172 5.02147 10.1088 4.99993 9.99935 4.99996V4.99996ZM9.99935 1.66663C8.35118 1.66663 6.74001 2.15537 5.3696 3.07105C3.99919 3.98672 2.93109 5.28821 2.30036 6.81093C1.66963 8.33365 1.5046 10.0092 1.82614 11.6257C2.14769 13.2422 2.94136 14.7271 4.1068 15.8925C5.27223 17.058 6.75709 17.8516 8.3736 18.1732C9.99011 18.4947 11.6657 18.3297 13.1884 17.699C14.7111 17.0682 16.0126 16.0001 16.9283 14.6297C17.8439 13.2593 18.3327 11.6481 18.3327 9.99996C18.3302 7.7906 17.4514 5.67245 15.8891 4.11019C14.3269 2.54794 12.2087 1.66915 9.99935 1.66663V1.66663ZM9.99935 16.6666C8.68081 16.6666 7.39188 16.2756 6.29555 15.5431C5.19922 14.8105 4.34474 13.7694 3.84016 12.5512C3.33557 11.333 3.20355 9.99256 3.46078 8.69936C3.71802 7.40615 4.35296 6.21826 5.28531 5.28591C6.21766 4.35356 7.40554 3.71863 8.69875 3.46139C9.99196 3.20416 11.3324 3.33618 12.5506 3.84076C13.7687 4.34535 14.8099 5.19983 15.5425 6.29616C16.275 7.39249 16.666 8.68142 16.666 9.99996C16.664 11.7674 15.961 13.462 14.7112 14.7118C13.4614 15.9616 11.7668 16.6646 9.99935 16.6666V16.6666Z";
|
|
29329
29329
|
var NO_SMOKING_PATHS = [
|
|
29330
|
-
"M6.
|
|
29331
|
-
"M13.
|
|
29330
|
+
"M6.66797 10.834V14.1673",
|
|
29331
|
+
"M13.332 4.16602V4.58268C13.332 5.02471 13.5076 5.44863 13.8202 5.76119C14.1327 6.07375 14.5567 6.24935 14.9987 6.24935C15.4407 6.24935 15.8646 6.42494 16.1772 6.7375C16.4898 7.05007 16.6654 7.47399 16.6654 7.91602V8.33268",
|
|
29332
29332
|
"M2.5 2.5L17.5 17.5",
|
|
29333
|
-
"M14.1667 10.
|
|
29333
|
+
"M14.1667 10.834H16.6667C16.8877 10.834 17.0996 10.9218 17.2559 11.0781C17.4122 11.2343 17.5 11.4463 17.5 11.6673V13.334C17.5 13.5673 17.4042 13.7782 17.25 13.929M14.1667 14.1673H3.33333C3.11232 14.1673 2.90036 14.0795 2.74408 13.9232C2.5878 13.767 2.5 13.555 2.5 13.334V11.6673C2.5 11.4463 2.5878 11.2343 2.74408 11.0781C2.90036 10.9218 3.11232 10.834 3.33333 10.834H10.8333"
|
|
29334
29334
|
];
|
|
29335
29335
|
var PAW_PATHS = [
|
|
29336
29336
|
"M12.25 11.25C11.3334 9.58329 11.0492 9.16663 10.0001 9.16663C8.95088 9.16663 8.55338 9.79579 7.63672 11.4558C6.85172 12.875 5.26505 12.9933 4.86922 14.1983C4.78838 14.4191 4.74838 14.7625 4.75005 15C4.75005 15.98 5.40588 16.6666 6.25005 16.6666C7.29922 16.6666 8.75005 15.8333 10.0001 15.8333C11.2501 15.8333 12.7009 16.6666 13.7501 16.6666C14.5942 16.6666 15.25 15.9808 15.25 15C15.25 14.7625 15.2092 14.4191 15.1284 14.1983C14.7325 12.9891 13.035 12.6691 12.25 11.25Z",
|
|
@@ -29430,6 +29430,12 @@ function DollarIcon({ size = 14, color = colors.grey0 }) {
|
|
|
29430
29430
|
return /* @__PURE__ */ jsx(Svg23, { width: size * 8 / 14, height: size, viewBox: "0 0 8 14", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: DOLLAR_PATH, fill: color }) });
|
|
29431
29431
|
}
|
|
29432
29432
|
|
|
29433
|
+
// src/icons/Dram/dramPath.ts
|
|
29434
|
+
var DRAM_PATH = "M8.72034 11.584H6.78434V4.06398C6.78434 3.23198 6.58168 2.61332 6.17634 2.20798C5.77101 1.80265 5.16834 1.59998 4.36834 1.59998C3.81368 1.59998 3.35501 1.70665 2.99234 1.91998C2.64034 2.12265 2.37901 2.44265 2.20834 2.87998C2.03768 3.31732 1.95234 3.88265 1.95234 4.57598H0.0003438C0.0003438 3.63732 0.160344 2.82665 0.480344 2.14398C0.811011 1.45065 1.30168 0.922651 1.95234 0.559984C2.61368 0.186651 3.43501 -1.62125e-05 4.41634 -1.62125e-05C5.34434 -1.62125e-05 6.12834 0.17065 6.76834 0.511984C7.41901 0.842651 7.90434 1.32798 8.22434 1.96798C8.55501 2.59732 8.72034 3.34932 8.72034 4.22398V11.584ZM4.67234 4.81598H10.8323V6.03198H4.67234V4.81598ZM4.67234 7.08798H10.8323V8.31998H4.67234V7.08798Z";
|
|
29435
|
+
function DramIcon({ size = 12, color = colors.grey0 }) {
|
|
29436
|
+
return /* @__PURE__ */ jsx(Svg23, { width: size * 11 / 12, height: size, viewBox: "0 0 11 12", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: DRAM_PATH, fill: color }) });
|
|
29437
|
+
}
|
|
29438
|
+
|
|
29433
29439
|
// src/icons/DragHandle/dragHandlePath.ts
|
|
29434
29440
|
var DRAG_HANDLE_PATH = "M1 3.5C0.802219 3.5 0.60888 3.55865 0.44443 3.66853C0.279981 3.77841 0.151809 3.93459 0.0761209 4.11732C0.000433281 4.30004 -0.0193701 4.50111 0.0192152 4.69509C0.0578004 4.88907 0.153041 5.06725 0.292894 5.20711C0.432746 5.34696 0.610929 5.4422 0.80491 5.48079C0.998891 5.51937 1.19996 5.49957 1.38268 5.42388C1.56541 5.34819 1.72159 5.22002 1.83147 5.05557C1.94135 4.89112 2 4.69778 2 4.5C2 4.23478 1.89464 3.98043 1.70711 3.79289C1.51957 3.60536 1.26522 3.5 1 3.5ZM1 7C0.802219 7 0.60888 7.05865 0.44443 7.16853C0.279981 7.27841 0.151809 7.43459 0.0761209 7.61732C0.000433281 7.80004 -0.0193701 8.00111 0.0192152 8.19509C0.0578004 8.38907 0.153041 8.56725 0.292894 8.70711C0.432746 8.84696 0.610929 8.9422 0.80491 8.98079C0.998891 9.01937 1.19996 8.99957 1.38268 8.92388C1.56541 8.84819 1.72159 8.72002 1.83147 8.55557C1.94135 8.39112 2 8.19778 2 8C2 7.73478 1.89464 7.48043 1.70711 7.29289C1.51957 7.10536 1.26522 7 1 7ZM4.5 2C4.69778 2 4.89112 1.94135 5.05557 1.83147C5.22002 1.72159 5.34819 1.56541 5.42388 1.38268C5.49957 1.19996 5.51937 0.998891 5.48079 0.80491C5.4422 0.610929 5.34696 0.432746 5.20711 0.292894C5.06725 0.153041 4.88907 0.0578004 4.69509 0.0192152C4.50111 -0.0193701 4.30004 0.000433281 4.11732 0.0761209C3.93459 0.151809 3.77841 0.279981 3.66853 0.44443C3.55865 0.608879 3.5 0.802219 3.5 1C3.5 1.26522 3.60536 1.51957 3.79289 1.70711C3.98043 1.89464 4.23478 2 4.5 2ZM1 4.19685e-07C0.802219 4.19685e-07 0.60888 0.0586494 0.44443 0.168531C0.279981 0.278412 0.151809 0.434591 0.0761209 0.617317C0.000433281 0.800043 -0.0193701 1.00111 0.0192152 1.19509C0.0578004 1.38907 0.153041 1.56725 0.292894 1.70711C0.432746 1.84696 0.610929 1.9422 0.80491 1.98079C0.998891 2.01937 1.19996 1.99957 1.38268 1.92388C1.56541 1.84819 1.72159 1.72002 1.83147 1.55557C1.94135 1.39112 2 1.19778 2 1C2 0.734784 1.89464 0.48043 1.70711 0.292894C1.51957 0.105357 1.26522 4.19685e-07 1 4.19685e-07ZM4.5 7C4.30222 7 4.10888 7.05865 3.94443 7.16853C3.77998 7.27841 3.65181 7.43459 3.57612 7.61732C3.50043 7.80004 3.48063 8.00111 3.51922 8.19509C3.5578 8.38907 3.65304 8.56725 3.79289 8.70711C3.93275 8.84696 4.11093 8.9422 4.30491 8.98079C4.49889 9.01937 4.69996 8.99957 4.88268 8.92388C5.06541 8.84819 5.22159 8.72002 5.33147 8.55557C5.44135 8.39112 5.5 8.19778 5.5 8C5.5 7.73478 5.39464 7.48043 5.20711 7.29289C5.01957 7.10536 4.76522 7 4.5 7V7ZM4.5 3.5C4.30222 3.5 4.10888 3.55865 3.94443 3.66853C3.77998 3.77841 3.65181 3.93459 3.57612 4.11732C3.50043 4.30004 3.48063 4.50111 3.51922 4.69509C3.5578 4.88907 3.65304 5.06725 3.79289 5.20711C3.93275 5.34696 4.11093 5.4422 4.30491 5.48079C4.49889 5.51937 4.69996 5.49957 4.88268 5.42388C5.06541 5.34819 5.22159 5.22002 5.33147 5.05557C5.44135 4.89112 5.5 4.69778 5.5 4.5C5.5 4.23478 5.39464 3.98043 5.20711 3.79289C5.01957 3.60536 4.76522 3.5 4.5 3.5V3.5Z";
|
|
29435
29441
|
function DragHandleIcon({ size = 9, color = colors.white }) {
|
|
@@ -29787,6 +29793,34 @@ function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
|
|
|
29787
29793
|
) });
|
|
29788
29794
|
}
|
|
29789
29795
|
|
|
29796
|
+
// src/icons/MoonStars/moonStarsPaths.ts
|
|
29797
|
+
var MOON_STARS_SPARKLE_PATH = "M11.4167 0.75L11.8285 1.57372C12.0055 1.92771 12.094 2.1047 12.2122 2.25808C12.3171 2.39417 12.4392 2.51618 12.5753 2.62109C12.7286 2.73932 12.9056 2.82781 13.2596 3.00481L14.0833 3.41667L13.2596 3.82853C12.9056 4.00552 12.7286 4.09402 12.5753 4.21224C12.4392 4.31715 12.3171 4.43916 12.2122 4.57526C12.094 4.72863 12.0055 4.90563 11.8285 5.25961L11.4167 6.08333L11.0048 5.25961C10.8278 4.90563 10.7393 4.72863 10.6211 4.57526C10.5162 4.43916 10.3942 4.31715 10.2581 4.21224C10.1047 4.09402 9.92771 4.00552 9.57372 3.82853L8.75 3.41667L9.57372 3.00481C9.92771 2.82781 10.1047 2.73932 10.2581 2.62109C10.3942 2.51618 10.5162 2.39417 10.6211 2.25808C10.7393 2.1047 10.8278 1.92771 11.0048 1.57372L11.4167 0.75Z";
|
|
29798
|
+
var MOON_STARS_MOON_PATH = "M13.4167 8.34286C12.5427 9.876 10.893 10.9097 9.00196 10.9097C6.19739 10.9097 3.92383 8.63612 3.92383 5.83155C3.92383 3.94036 4.95766 2.29063 6.491 1.41667C3.26986 1.72208 0.75 4.43461 0.75 7.73569C0.75 11.2414 3.59195 14.0833 7.09766 14.0833C10.3986 14.0833 13.111 11.5637 13.4167 8.34286Z";
|
|
29799
|
+
function MoonStarsIcon({ size = 15, color = colors.primary, strokeWidth = 1.5 }) {
|
|
29800
|
+
return /* @__PURE__ */ jsxs(Svg23, { width: size, height: size, viewBox: "0 0 15 15", fill: "none", children: [
|
|
29801
|
+
/* @__PURE__ */ jsx(
|
|
29802
|
+
Path,
|
|
29803
|
+
{
|
|
29804
|
+
d: MOON_STARS_SPARKLE_PATH,
|
|
29805
|
+
stroke: color,
|
|
29806
|
+
strokeWidth,
|
|
29807
|
+
strokeLinecap: "round",
|
|
29808
|
+
strokeLinejoin: "round"
|
|
29809
|
+
}
|
|
29810
|
+
),
|
|
29811
|
+
/* @__PURE__ */ jsx(
|
|
29812
|
+
Path,
|
|
29813
|
+
{
|
|
29814
|
+
d: MOON_STARS_MOON_PATH,
|
|
29815
|
+
stroke: color,
|
|
29816
|
+
strokeWidth,
|
|
29817
|
+
strokeLinecap: "round",
|
|
29818
|
+
strokeLinejoin: "round"
|
|
29819
|
+
}
|
|
29820
|
+
)
|
|
29821
|
+
] });
|
|
29822
|
+
}
|
|
29823
|
+
|
|
29790
29824
|
// src/icons/MoreHorizontal/moreHorizontalPath.ts
|
|
29791
29825
|
var MORE_HORIZONTAL_PATH = "M6.33333 2.33333C6.70152 2.33333 7 2.03486 7 1.66667C7 1.29848 6.70152 1 6.33333 1C5.96514 1 5.66667 1.29848 5.66667 1.66667C5.66667 2.03486 5.96514 2.33333 6.33333 2.33333ZM11 2.33333C11.3682 2.33333 11.6667 2.03486 11.6667 1.66667C11.6667 1.29848 11.3682 1 11 1C10.6318 1 10.3333 1.29848 10.3333 1.66667C10.3333 2.03486 10.6318 2.33333 11 2.33333ZM1.66667 2.33333C2.03486 2.33333 2.33333 2.03486 2.33333 1.66667C2.33333 1.29848 2.03486 1 1.66667 1C1.29848 1 1 1.29848 1 1.66667C1 2.03486 1.29848 2.33333 1.66667 2.33333Z";
|
|
29792
29826
|
var ASPECT_RATIO = 4 / 13;
|
|
@@ -29822,6 +29856,29 @@ function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
|
29822
29856
|
) });
|
|
29823
29857
|
}
|
|
29824
29858
|
|
|
29859
|
+
// src/icons/NoPets/noPetsPaths.ts
|
|
29860
|
+
var NO_PETS_PATHS = [
|
|
29861
|
+
"M9.30729 9.29492C8.71562 9.55326 8.32062 10.2174 7.64062 11.4558C6.85562 12.8749 5.26896 12.9933 4.87312 14.1983C4.79229 14.4191 4.75229 14.7624 4.75396 14.9999C4.75396 15.9799 5.40979 16.6666 6.25396 16.6666C7.30312 16.6666 8.75396 15.8333 10.004 15.8333C11.254 15.8333 12.7048 16.6666 13.754 16.6666C14.5265 16.6666 15.1406 16.0924 15.2398 15.2433",
|
|
29862
|
+
"M16.8222 6.73435C16.7151 6.6891 16.6001 6.66586 16.4838 6.66602H16.4713C15.8588 6.67602 15.1713 7.29102 14.8105 8.22102C14.378 9.33352 14.5772 10.471 15.2588 10.7643C15.3663 10.8102 15.4813 10.8327 15.5972 10.8327C16.213 10.8327 16.9097 10.2143 17.273 9.27768C17.703 8.16518 17.4997 7.02768 16.8222 6.73435Z",
|
|
29863
|
+
"M9.16562 5.82732C9.17486 5.62532 9.16369 5.42291 9.13229 5.22315C8.96312 4.14232 8.25979 3.33398 7.52229 3.33398C7.29304 3.33531 7.07077 3.41301 6.89062 3.55482",
|
|
29864
|
+
"M13.7119 5.61149C13.8903 4.46482 13.3994 3.44982 12.6119 3.34315C12.5672 3.33696 12.5221 3.3339 12.4769 3.33399C11.7394 3.33399 11.0369 4.14232 10.8686 5.22315C10.6903 6.36982 11.1811 7.38482 11.9686 7.49149C12.0136 7.49732 12.0586 7.50065 12.1036 7.50065C12.8411 7.50065 13.5453 6.68899 13.7119 5.61149Z",
|
|
29865
|
+
"M4.74152 10.7643C5.42152 10.471 5.61985 9.33185 5.18819 8.22102C4.82485 7.28435 4.12902 6.66602 3.51402 6.66602C3.39735 6.66602 3.28319 6.68852 3.17485 6.73435C2.49485 7.02768 2.29652 8.16685 2.72819 9.27768C3.09152 10.2143 3.78735 10.8327 4.40235 10.8327C4.51902 10.8327 4.63319 10.8102 4.74152 10.7643Z",
|
|
29866
|
+
"M2.5 2.5L17.5 17.5"
|
|
29867
|
+
];
|
|
29868
|
+
function NoPetsIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }) {
|
|
29869
|
+
return /* @__PURE__ */ jsx(Svg23, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: NO_PETS_PATHS.map((path, index) => /* @__PURE__ */ jsx(
|
|
29870
|
+
Path,
|
|
29871
|
+
{
|
|
29872
|
+
d: path,
|
|
29873
|
+
stroke: color,
|
|
29874
|
+
strokeWidth,
|
|
29875
|
+
strokeLinecap: "round",
|
|
29876
|
+
strokeLinejoin: "round"
|
|
29877
|
+
},
|
|
29878
|
+
`no-pets-${index}`
|
|
29879
|
+
)) });
|
|
29880
|
+
}
|
|
29881
|
+
|
|
29825
29882
|
// src/icons/Phone/phonePath.ts
|
|
29826
29883
|
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";
|
|
29827
29884
|
function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
|
|
@@ -30032,6 +30089,40 @@ function StarFilledIcon({
|
|
|
30032
30089
|
) });
|
|
30033
30090
|
}
|
|
30034
30091
|
|
|
30092
|
+
// src/icons/StarOutline/starOutlinePath.ts
|
|
30093
|
+
var STAR_OUTLINE_PATH = "M12.0002 3.67578L14.546 8.83423L20.2387 9.66143L16.1195 13.6767L17.092 19.3463L12.0002 16.6696L6.90856 19.3463L7.88098 13.6767L3.76172 9.66143L9.45441 8.83423L12.0002 3.67578Z";
|
|
30094
|
+
function StarOutlineIcon({
|
|
30095
|
+
size = 24,
|
|
30096
|
+
color = colors.grey200,
|
|
30097
|
+
strokeWidth = 1.35
|
|
30098
|
+
}) {
|
|
30099
|
+
return /* @__PURE__ */ jsx(Svg23, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
|
|
30100
|
+
Path,
|
|
30101
|
+
{
|
|
30102
|
+
d: STAR_OUTLINE_PATH,
|
|
30103
|
+
stroke: color,
|
|
30104
|
+
strokeWidth,
|
|
30105
|
+
strokeLinecap: "round",
|
|
30106
|
+
strokeLinejoin: "round"
|
|
30107
|
+
}
|
|
30108
|
+
) });
|
|
30109
|
+
}
|
|
30110
|
+
|
|
30111
|
+
// src/icons/Sun/sunPath.ts
|
|
30112
|
+
var SUN_PATH = "M8 1.33333V2.66667M8 13.3333V14.6667M1.33333 8H2.66667M13.3333 8H14.6667M3.28667 3.28667L4.22667 4.22667M11.7733 11.7733L12.7133 12.7133M12.7133 3.28667L11.7733 4.22667M4.22667 11.7733L3.28667 12.7133M10.6667 8C10.6667 9.47276 9.47276 10.6667 8 10.6667C6.52724 10.6667 5.33333 9.47276 5.33333 8C5.33333 6.52724 6.52724 5.33333 8 5.33333C9.47276 5.33333 10.6667 6.52724 10.6667 8Z";
|
|
30113
|
+
function SunIcon({ size = 16, color = colors.primary, strokeWidth = 1.5 }) {
|
|
30114
|
+
return /* @__PURE__ */ jsx(Svg23, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
|
|
30115
|
+
Path,
|
|
30116
|
+
{
|
|
30117
|
+
d: SUN_PATH,
|
|
30118
|
+
stroke: color,
|
|
30119
|
+
strokeWidth,
|
|
30120
|
+
strokeLinecap: "round",
|
|
30121
|
+
strokeLinejoin: "round"
|
|
30122
|
+
}
|
|
30123
|
+
) });
|
|
30124
|
+
}
|
|
30125
|
+
|
|
30035
30126
|
// src/icons/TableView/tableViewPath.ts
|
|
30036
30127
|
var TABLE_VIEW_PATH = "M1 6L16 6M6 1L6 16M5 1H12C13.4001 1 14.1002 1 14.635 1.27248C15.1054 1.51217 15.4878 1.89462 15.7275 2.36502C16 2.8998 16 3.59987 16 5V12C16 13.4001 16 14.1002 15.7275 14.635C15.4878 15.1054 15.1054 15.4878 14.635 15.7275C14.1002 16 13.4001 16 12 16H5C3.59987 16 2.8998 16 2.36502 15.7275C1.89462 15.4878 1.51217 15.1054 1.27248 14.635C1 14.1002 1 13.4001 1 12V5C1 3.59987 1 2.8998 1.27248 2.36502C1.51217 1.89462 1.89462 1.51217 2.36502 1.27248C2.8998 1 3.59987 1 5 1Z";
|
|
30037
30128
|
function TableViewIcon({ size = 17, color = colors.grey400, strokeWidth = 2 }) {
|
|
@@ -30102,6 +30193,45 @@ function VideoOffIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
|
30102
30193
|
) });
|
|
30103
30194
|
}
|
|
30104
30195
|
|
|
30196
|
+
// src/icons/Washer/washerPaths.ts
|
|
30197
|
+
var WASHER_PATHS = [
|
|
30198
|
+
{
|
|
30199
|
+
d: "M15.832 1.66602H4.16536C3.70513 1.66602 3.33203 2.03911 3.33203 2.49935V17.4993C3.33203 17.9596 3.70513 18.3327 4.16536 18.3327H15.832C16.2923 18.3327 16.6654 17.9596 16.6654 17.4993V2.49935C16.6654 2.03911 16.2923 1.66602 15.832 1.66602Z",
|
|
30200
|
+
strokeWidth: 1.5
|
|
30201
|
+
},
|
|
30202
|
+
{
|
|
30203
|
+
d: "M3.33203 4.99935C3.33203 5.4596 3.70513 5.83268 4.16536 5.83268H15.832C16.2923 5.83268 16.6654 5.4596 16.6654 4.99935V2.49935C16.6654 2.03911 16.2923 1.66602 15.832 1.66602H4.16536C3.70513 1.66602 3.33203 2.03911 3.33203 2.49935V4.99935Z",
|
|
30204
|
+
strokeWidth: 1.5
|
|
30205
|
+
},
|
|
30206
|
+
{
|
|
30207
|
+
d: "M5.83333 4.58268C6.29357 4.58268 6.66667 4.20959 6.66667 3.74935C6.66667 3.28911 6.29357 2.91602 5.83333 2.91602C5.3731 2.91602 5 3.28911 5 3.74935C5 4.20959 5.3731 4.58268 5.83333 4.58268Z",
|
|
30208
|
+
fill: true
|
|
30209
|
+
},
|
|
30210
|
+
{
|
|
30211
|
+
d: "M8.33333 4.58268C8.79357 4.58268 9.16667 4.20959 9.16667 3.74935C9.16667 3.28911 8.79357 2.91602 8.33333 2.91602C7.8731 2.91602 7.5 3.28911 7.5 3.74935C7.5 4.20959 7.8731 4.58268 8.33333 4.58268Z",
|
|
30212
|
+
fill: true
|
|
30213
|
+
},
|
|
30214
|
+
{
|
|
30215
|
+
d: "M9.9987 14.9993C11.6095 14.9993 12.9154 13.6935 12.9154 12.0827C12.9154 10.4719 11.6095 9.16602 9.9987 9.16602C8.38787 9.16602 7.08203 10.4719 7.08203 12.0827C7.08203 13.6935 8.38787 14.9993 9.9987 14.9993Z",
|
|
30216
|
+
strokeWidth: 1.5
|
|
30217
|
+
}
|
|
30218
|
+
];
|
|
30219
|
+
function WasherIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }) {
|
|
30220
|
+
return /* @__PURE__ */ jsx(Svg23, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: WASHER_PATHS.map((path, index) => {
|
|
30221
|
+
const filled = path.fill === true;
|
|
30222
|
+
return /* @__PURE__ */ jsx(
|
|
30223
|
+
Path,
|
|
30224
|
+
{
|
|
30225
|
+
d: path.d,
|
|
30226
|
+
fill: filled ? color : "none",
|
|
30227
|
+
stroke: filled ? void 0 : color,
|
|
30228
|
+
strokeWidth: filled ? void 0 : strokeWidth
|
|
30229
|
+
},
|
|
30230
|
+
`washer-${index}`
|
|
30231
|
+
);
|
|
30232
|
+
}) });
|
|
30233
|
+
}
|
|
30234
|
+
|
|
30105
30235
|
// src/icons/ZoomOut/zoomOutPath.ts
|
|
30106
30236
|
var ZOOM_OUT_PATH = "M3 8H3.2C4.88016 8 5.72024 8 6.36197 7.67302C6.92646 7.3854 7.3854 6.92646 7.67302 6.36197C8 5.72024 8 4.88016 8 3.2V3M3 16H3.2C4.88016 16 5.72024 16 6.36197 16.327C6.92646 16.6146 7.3854 17.0735 7.67302 17.638C8 18.2798 8 19.1198 8 20.8V21M16 3V3.2C16 4.88016 16 5.72024 16.327 6.36197C16.6146 6.92646 17.0735 7.3854 17.638 7.67302C18.2798 8 19.1198 8 20.8 8H21M16 21V20.8C16 19.1198 16 18.2798 16.327 17.638C16.6146 17.0735 17.0735 16.6146 17.638 16.327C18.2798 16 19.1198 16 20.8 16H21";
|
|
30107
30237
|
function ZoomOutIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
|
|
@@ -30174,8 +30304,10 @@ var icons = {
|
|
|
30174
30304
|
menu: MenuIcon,
|
|
30175
30305
|
menuLines: MenuLinesIcon,
|
|
30176
30306
|
minus: MinusIcon,
|
|
30307
|
+
moonStars: MoonStarsIcon,
|
|
30177
30308
|
moreHorizontal: MoreHorizontalIcon,
|
|
30178
30309
|
navigate: NavigateIcon,
|
|
30310
|
+
noPets: NoPetsIcon,
|
|
30179
30311
|
noSmoking: NoSmokingIcon,
|
|
30180
30312
|
paw: PawIcon,
|
|
30181
30313
|
phone: PhoneIcon,
|
|
@@ -30194,6 +30326,8 @@ var icons = {
|
|
|
30194
30326
|
sort: SortIcon,
|
|
30195
30327
|
star: StarIcon,
|
|
30196
30328
|
starFilled: StarFilledIcon,
|
|
30329
|
+
starOutline: StarOutlineIcon,
|
|
30330
|
+
sun: SunIcon,
|
|
30197
30331
|
tableView: TableViewIcon,
|
|
30198
30332
|
tooltipArrow: TooltipArrowIcon,
|
|
30199
30333
|
trash: TrashIcon,
|
|
@@ -30201,8 +30335,10 @@ var icons = {
|
|
|
30201
30335
|
usersAlt: UsersAltIcon,
|
|
30202
30336
|
video: VideoIcon,
|
|
30203
30337
|
videoOff: VideoOffIcon,
|
|
30338
|
+
washer: WasherIcon,
|
|
30204
30339
|
cutlery: CutleryIcon,
|
|
30205
30340
|
dollar: DollarIcon,
|
|
30341
|
+
dram: DramIcon,
|
|
30206
30342
|
dragHandle: DragHandleIcon,
|
|
30207
30343
|
eye: EyeIcon,
|
|
30208
30344
|
image: ImageIcon,
|
|
@@ -30259,7 +30395,10 @@ var iconGroups = {
|
|
|
30259
30395
|
"zoomOut",
|
|
30260
30396
|
"star",
|
|
30261
30397
|
"starFilled",
|
|
30398
|
+
"starOutline",
|
|
30399
|
+
"sun",
|
|
30262
30400
|
"minus",
|
|
30401
|
+
"moonStars",
|
|
30263
30402
|
"moreHorizontal",
|
|
30264
30403
|
"plus",
|
|
30265
30404
|
"refresh",
|
|
@@ -30276,6 +30415,7 @@ var iconGroups = {
|
|
|
30276
30415
|
"clockFilled",
|
|
30277
30416
|
"guests",
|
|
30278
30417
|
"lock",
|
|
30418
|
+
"noPets",
|
|
30279
30419
|
"noSmoking",
|
|
30280
30420
|
"paw",
|
|
30281
30421
|
"qrCode",
|
|
@@ -30285,6 +30425,7 @@ var iconGroups = {
|
|
|
30285
30425
|
"usersAlt",
|
|
30286
30426
|
"video",
|
|
30287
30427
|
"videoOff",
|
|
30428
|
+
"washer",
|
|
30288
30429
|
"whatsApp"
|
|
30289
30430
|
],
|
|
30290
30431
|
communication: ["mail", "phone"],
|
|
@@ -30293,6 +30434,7 @@ var iconGroups = {
|
|
|
30293
30434
|
"areaExpand",
|
|
30294
30435
|
"cutlery",
|
|
30295
30436
|
"dollar",
|
|
30437
|
+
"dram",
|
|
30296
30438
|
"eye",
|
|
30297
30439
|
"globe",
|
|
30298
30440
|
"layoutGrid",
|
|
@@ -30335,16 +30477,7 @@ var AMENITY_PATHS = {
|
|
|
30335
30477
|
strokeWidth: 2
|
|
30336
30478
|
}
|
|
30337
30479
|
],
|
|
30338
|
-
washer:
|
|
30339
|
-
{
|
|
30340
|
-
d: "M15.833 1.66699H4.16634C3.7061 1.66699 3.33301 2.04009 3.33301 2.50033V17.5003C3.33301 17.9606 3.7061 18.3337 4.16634 18.3337H15.833C16.2932 18.3337 16.6663 17.9606 16.6663 17.5003V2.50033C16.6663 2.04009 16.2932 1.66699 15.833 1.66699ZM3.33301 5.00033C3.33301 5.46058 3.7061 5.83366 4.16634 5.83366H15.833C16.2933 5.83366 16.6663 5.46058 16.6663 5.00033V2.50033C16.6663 2.04009 16.2933 1.66699 15.833 1.66699H4.16634C3.7061 1.66699 3.33301 2.04009 3.33301 2.50033V5.00033ZM9.99967 15.0003C11.6105 15.0003 12.9163 13.6945 12.9163 12.0837C12.9163 10.4728 11.6105 9.16699 9.99967 9.16699C8.38884 9.16699 7.08301 10.4728 7.08301 12.0837C7.08301 13.6945 8.38884 15.0003 9.99967 15.0003Z",
|
|
30341
|
-
strokeWidth: 1.5
|
|
30342
|
-
},
|
|
30343
|
-
{
|
|
30344
|
-
d: "M5.83333 4.58317C6.29357 4.58317 6.66667 4.21007 6.66667 3.74984C6.66667 3.2896 6.29357 2.9165 5.83333 2.9165C5.3731 2.9165 5 3.2896 5 3.74984C5 4.21007 5.3731 4.58317 5.83333 4.58317ZM8.33333 4.58317C8.79357 4.58317 9.16667 4.21007 9.16667 3.74984C9.16667 3.2896 8.79357 2.9165 8.33333 2.9165C7.8731 2.9165 7.5 3.2896 7.5 3.74984C7.5 4.21007 7.8731 4.58317 8.33333 4.58317Z",
|
|
30345
|
-
fill: true
|
|
30346
|
-
}
|
|
30347
|
-
],
|
|
30480
|
+
washer: WASHER_PATHS,
|
|
30348
30481
|
ac: [
|
|
30349
30482
|
{
|
|
30350
30483
|
d: "M17.5003 3.33301H2.50033C2.04009 3.33301 1.66699 3.7061 1.66699 4.16634V10.833C1.66699 11.2932 2.04009 11.6663 2.50033 11.6663H17.5003C17.9606 11.6663 18.3337 11.2932 18.3337 10.833V4.16634C18.3337 3.7061 17.9606 3.33301 17.5003 3.33301ZM15 8.3335H5V11.6668H15V8.3335ZM13.333 5.83301H14.9997M10 14.1665V16.6665M6.66699 15V15.8333M13.333 15V15.8333",
|
|
@@ -32743,6 +32876,7 @@ var SegmentedToggle = forwardRef(
|
|
|
32743
32876
|
const resolvedClassName = className?.trim() || void 0;
|
|
32744
32877
|
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
32745
32878
|
const progress = useRef(new Animated.Value(selectedIndex)).current;
|
|
32879
|
+
const hasMounted = useRef(false);
|
|
32746
32880
|
const [contentWidths, setContentWidths] = useState(
|
|
32747
32881
|
() => Array.from({ length: optionCount }, () => 0)
|
|
32748
32882
|
);
|
|
@@ -32769,6 +32903,11 @@ var SegmentedToggle = forwardRef(
|
|
|
32769
32903
|
});
|
|
32770
32904
|
}, [optionCount]);
|
|
32771
32905
|
useEffect(() => {
|
|
32906
|
+
if (!hasMounted.current) {
|
|
32907
|
+
hasMounted.current = true;
|
|
32908
|
+
progress.setValue(selectedIndex);
|
|
32909
|
+
return;
|
|
32910
|
+
}
|
|
32772
32911
|
const animation = Animated.timing(progress, {
|
|
32773
32912
|
toValue: selectedIndex,
|
|
32774
32913
|
duration: ANIMATION_DURATION2,
|
|
@@ -32840,7 +32979,7 @@ var SegmentedToggle = forwardRef(
|
|
|
32840
32979
|
options.map(({ value: optionValue, label, icon: Icon2, showLabel = true }, index) => {
|
|
32841
32980
|
const selected = optionValue === selectedValue;
|
|
32842
32981
|
const iconColor = selected ? colors.primary : colors.whiteAlpha20;
|
|
32843
|
-
const labelColor = selected ? colors.
|
|
32982
|
+
const labelColor = selected ? colors.white : colors.grey150;
|
|
32844
32983
|
const optionWidth = optionWidths[index] ?? 0;
|
|
32845
32984
|
return /* @__PURE__ */ jsx(
|
|
32846
32985
|
Pressable,
|
|
@@ -32853,7 +32992,8 @@ var SegmentedToggle = forwardRef(
|
|
|
32853
32992
|
accessibilityState: { selected, disabled },
|
|
32854
32993
|
style: [
|
|
32855
32994
|
styles20.option,
|
|
32856
|
-
fullWidth ? styles20.optionFullWidth : [styles20.optionContentWidth, optionWidth > 0 && { width: optionWidth }]
|
|
32995
|
+
fullWidth ? styles20.optionFullWidth : [styles20.optionContentWidth, optionWidth > 0 && { width: optionWidth }],
|
|
32996
|
+
selected && selectedOptionWidth === 0 && styles20.initialSelectedOption
|
|
32857
32997
|
],
|
|
32858
32998
|
children: /* @__PURE__ */ jsxs(View, { style: styles20.optionContent, children: [
|
|
32859
32999
|
Icon2 ? /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE8, color: iconColor }) : null,
|
|
@@ -32863,6 +33003,7 @@ var SegmentedToggle = forwardRef(
|
|
|
32863
33003
|
numberOfLines: fullWidth ? 1 : void 0,
|
|
32864
33004
|
style: [
|
|
32865
33005
|
styles20.label,
|
|
33006
|
+
selected ? styles20.selectedLabel : styles20.inactiveLabel,
|
|
32866
33007
|
!fullWidth && styles20.contentWidthLabel,
|
|
32867
33008
|
{ color: labelColor }
|
|
32868
33009
|
],
|
|
@@ -32927,6 +33068,9 @@ var styles20 = StyleSheet.create({
|
|
|
32927
33068
|
optionContentWidth: {
|
|
32928
33069
|
minWidth: OPTION_MIN_WIDTH
|
|
32929
33070
|
},
|
|
33071
|
+
initialSelectedOption: {
|
|
33072
|
+
backgroundColor: colors.grey600
|
|
33073
|
+
},
|
|
32930
33074
|
activeIndicator: {
|
|
32931
33075
|
position: "absolute",
|
|
32932
33076
|
top: TRACK_PADDING,
|
|
@@ -32939,6 +33083,14 @@ var styles20 = StyleSheet.create({
|
|
|
32939
33083
|
...segmentedToggleTypography,
|
|
32940
33084
|
flexShrink: 1
|
|
32941
33085
|
},
|
|
33086
|
+
selectedLabel: {
|
|
33087
|
+
fontWeight: "600",
|
|
33088
|
+
letterSpacing: 0.36
|
|
33089
|
+
},
|
|
33090
|
+
inactiveLabel: {
|
|
33091
|
+
fontWeight: "400",
|
|
33092
|
+
letterSpacing: 0.36
|
|
33093
|
+
},
|
|
32942
33094
|
contentWidthLabel: {
|
|
32943
33095
|
flexShrink: 0
|
|
32944
33096
|
}
|
|
@@ -33218,7 +33370,7 @@ var defaultLanguageOptions = [
|
|
|
33218
33370
|
{ value: "en", label: "Eng" },
|
|
33219
33371
|
{ value: "ru", label: "\u0420\u0443\u0441" }
|
|
33220
33372
|
];
|
|
33221
|
-
var CONTROL_WIDTH =
|
|
33373
|
+
var CONTROL_WIDTH = 96;
|
|
33222
33374
|
var CONTROL_HEIGHT = 35;
|
|
33223
33375
|
var ICON_SIZE9 = 16;
|
|
33224
33376
|
var ICON_BUTTON_SIZE2 = 32;
|
|
@@ -33620,6 +33772,7 @@ var Button = forwardRef(
|
|
|
33620
33772
|
children,
|
|
33621
33773
|
onPress,
|
|
33622
33774
|
disabled = false,
|
|
33775
|
+
loading = false,
|
|
33623
33776
|
variant = "primary",
|
|
33624
33777
|
size = "lg",
|
|
33625
33778
|
showIcon = false,
|
|
@@ -33640,6 +33793,7 @@ var Button = forwardRef(
|
|
|
33640
33793
|
const hasCustomChildren = typeof children !== "undefined";
|
|
33641
33794
|
const customIcon = icon != null && typeof icon !== "boolean" ? icon : void 0;
|
|
33642
33795
|
const hasIcon = showIcon || icon === true || customIcon != null;
|
|
33796
|
+
const interactionDisabled = disabled || loading;
|
|
33643
33797
|
const resolvedContainerClassName = className?.trim() || void 0;
|
|
33644
33798
|
const resolvedAccessibilityLabel = accessibilityLabel ?? (typeof label === "string" ? label : void 0);
|
|
33645
33799
|
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
@@ -33660,7 +33814,7 @@ var Button = forwardRef(
|
|
|
33660
33814
|
gap: hasIcon ? metrics.gap : 0
|
|
33661
33815
|
},
|
|
33662
33816
|
hasIcon ? styles24.contentWithIcon : styles24.contentWithoutIcon,
|
|
33663
|
-
disabled && styles24.disabled,
|
|
33817
|
+
disabled && !loading && styles24.disabled,
|
|
33664
33818
|
style
|
|
33665
33819
|
];
|
|
33666
33820
|
const labelStyle = [
|
|
@@ -33678,13 +33832,13 @@ var Button = forwardRef(
|
|
|
33678
33832
|
ref: setContainerRef,
|
|
33679
33833
|
style: containerStyle,
|
|
33680
33834
|
onPress,
|
|
33681
|
-
disabled,
|
|
33835
|
+
disabled: interactionDisabled,
|
|
33682
33836
|
activeOpacity: 0.7,
|
|
33683
33837
|
accessibilityRole: "button",
|
|
33684
33838
|
accessibilityLabel: resolvedAccessibilityLabel,
|
|
33685
|
-
accessibilityState: { disabled },
|
|
33839
|
+
accessibilityState: { busy: loading, disabled: interactionDisabled },
|
|
33686
33840
|
children: [
|
|
33687
|
-
hasCustomChildren ? children : /* @__PURE__ */ jsx(Text, { ref: textRef, style: labelStyle, children: label }),
|
|
33841
|
+
hasCustomChildren ? loading ? /* @__PURE__ */ jsx(View, { style: styles24.loadingContent, children }) : children : /* @__PURE__ */ jsx(Text, { ref: textRef, style: [labelStyle, loading && styles24.loadingContent], children: label }),
|
|
33688
33842
|
hasIcon ? /* @__PURE__ */ jsx(
|
|
33689
33843
|
View,
|
|
33690
33844
|
{
|
|
@@ -33695,11 +33849,13 @@ var Button = forwardRef(
|
|
|
33695
33849
|
height: metrics.iconContainerSize,
|
|
33696
33850
|
borderRadius: metrics.iconContainerSize / 2,
|
|
33697
33851
|
backgroundColor: iconBadgeBackgroundColor ?? preset.iconBadgeBackgroundColor
|
|
33698
|
-
}
|
|
33852
|
+
},
|
|
33853
|
+
loading && styles24.loadingContent
|
|
33699
33854
|
],
|
|
33700
33855
|
children: iconNode
|
|
33701
33856
|
}
|
|
33702
|
-
) : null
|
|
33857
|
+
) : null,
|
|
33858
|
+
loading ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles24.loadingIndicator, children: /* @__PURE__ */ jsx(ActivityIndicator, { color: preset.textColor, size: "small" }) }) : null
|
|
33703
33859
|
]
|
|
33704
33860
|
}
|
|
33705
33861
|
);
|
|
@@ -33710,7 +33866,8 @@ var styles24 = StyleSheet.create({
|
|
|
33710
33866
|
flexDirection: "row",
|
|
33711
33867
|
alignItems: "center",
|
|
33712
33868
|
alignSelf: "flex-start",
|
|
33713
|
-
borderWidth: 0
|
|
33869
|
+
borderWidth: 0,
|
|
33870
|
+
position: "relative"
|
|
33714
33871
|
},
|
|
33715
33872
|
disabled: {
|
|
33716
33873
|
opacity: 0.6
|
|
@@ -33732,6 +33889,18 @@ var styles24 = StyleSheet.create({
|
|
|
33732
33889
|
alignItems: "center",
|
|
33733
33890
|
justifyContent: "center",
|
|
33734
33891
|
flexShrink: 0
|
|
33892
|
+
},
|
|
33893
|
+
loadingContent: {
|
|
33894
|
+
opacity: 0
|
|
33895
|
+
},
|
|
33896
|
+
loadingIndicator: {
|
|
33897
|
+
alignItems: "center",
|
|
33898
|
+
bottom: 0,
|
|
33899
|
+
justifyContent: "center",
|
|
33900
|
+
left: 0,
|
|
33901
|
+
position: "absolute",
|
|
33902
|
+
right: 0,
|
|
33903
|
+
top: 0
|
|
33735
33904
|
}
|
|
33736
33905
|
});
|
|
33737
33906
|
var BOX_SIZE = 20;
|
|
@@ -35171,6 +35340,8 @@ var Input = forwardRef(function Input2({
|
|
|
35171
35340
|
showRightIcon = false,
|
|
35172
35341
|
onRightIconPress,
|
|
35173
35342
|
rightIconAccessibilityLabel,
|
|
35343
|
+
autoComplete = "off",
|
|
35344
|
+
importantForAutofill,
|
|
35174
35345
|
style,
|
|
35175
35346
|
fieldStyle,
|
|
35176
35347
|
inputStyle,
|
|
@@ -35193,6 +35364,7 @@ var Input = forwardRef(function Input2({
|
|
|
35193
35364
|
const visualState = resolveVisualState({ disabled, error, focused, hasValue });
|
|
35194
35365
|
const chrome = chromeFor(visualState);
|
|
35195
35366
|
const resolvedAccessibilityLabel = accessibilityLabel ?? (showLabel ? void 0 : label);
|
|
35367
|
+
const resolvedImportantForAutofill = importantForAutofill ?? (autoComplete === "off" ? "no" : "auto");
|
|
35196
35368
|
const hasLeftIcon = showLeftIcon || leftIcon != null;
|
|
35197
35369
|
const hasRightIcon = showRightIcon || rightIcon != null;
|
|
35198
35370
|
const leftIconNode = renderStatefulIcon(leftIcon, UserIcon, {
|
|
@@ -35242,6 +35414,8 @@ var Input = forwardRef(function Input2({
|
|
|
35242
35414
|
ref: setInputRef,
|
|
35243
35415
|
...textInputProps,
|
|
35244
35416
|
nativeID: inputDomId,
|
|
35417
|
+
autoComplete,
|
|
35418
|
+
importantForAutofill: resolvedImportantForAutofill,
|
|
35245
35419
|
value: isControlled ? value : void 0,
|
|
35246
35420
|
defaultValue: isControlled ? void 0 : defaultValue,
|
|
35247
35421
|
editable: !disabled,
|
|
@@ -35979,15 +36153,22 @@ var Select = forwardRef(
|
|
|
35979
36153
|
if (typeof minWidth === "number") return minWidth;
|
|
35980
36154
|
return null;
|
|
35981
36155
|
}, [menuStyle]);
|
|
36156
|
+
const resolvedOptionListMaxHeight = useMemo(() => {
|
|
36157
|
+
const flat = StyleSheet.flatten(menuStyle);
|
|
36158
|
+
const menuMaxHeight = flat?.maxHeight;
|
|
36159
|
+
if (typeof menuMaxHeight !== "number") return MENU_MAX_LIST_HEIGHT;
|
|
36160
|
+
const menuChromeHeight = 24 + (showSearch ? 48 : 0);
|
|
36161
|
+
return Math.max(43, menuMaxHeight - menuChromeHeight);
|
|
36162
|
+
}, [menuStyle, showSearch]);
|
|
35982
36163
|
const estimatedMenuHeight = useMemo(() => {
|
|
35983
36164
|
const searchBlock = showSearch ? 40 + 8 : 0;
|
|
35984
36165
|
const optionCount = Math.max(filteredOptions.length, 1);
|
|
35985
36166
|
const listHeight = Math.min(
|
|
35986
36167
|
optionCount * 43 + Math.max(0, optionCount - 1) * 8,
|
|
35987
|
-
|
|
36168
|
+
resolvedOptionListMaxHeight
|
|
35988
36169
|
);
|
|
35989
36170
|
return 24 + searchBlock + listHeight;
|
|
35990
|
-
}, [filteredOptions.length, showSearch]);
|
|
36171
|
+
}, [filteredOptions.length, resolvedOptionListMaxHeight, showSearch]);
|
|
35991
36172
|
const setOpen = useCallback(
|
|
35992
36173
|
(next) => {
|
|
35993
36174
|
if (!isOpenControlled) setUncontrolledOpen(next);
|
|
@@ -36235,7 +36416,7 @@ var Select = forwardRef(
|
|
|
36235
36416
|
/* @__PURE__ */ jsxs(
|
|
36236
36417
|
ScrollView,
|
|
36237
36418
|
{
|
|
36238
|
-
style: styles33.optionList,
|
|
36419
|
+
style: [styles33.optionList, { maxHeight: resolvedOptionListMaxHeight }],
|
|
36239
36420
|
contentContainerStyle: styles33.optionListContent,
|
|
36240
36421
|
keyboardShouldPersistTaps: "handled",
|
|
36241
36422
|
showsVerticalScrollIndicator: false,
|
|
@@ -37819,6 +38000,93 @@ var styles39 = StyleSheet.create({
|
|
|
37819
38000
|
color: colors.white
|
|
37820
38001
|
}
|
|
37821
38002
|
});
|
|
38003
|
+
var CONTROL_SIZE = 16;
|
|
38004
|
+
var DOT_SIZE = 8;
|
|
38005
|
+
var RadioButton = forwardRef(
|
|
38006
|
+
function RadioButton2({
|
|
38007
|
+
value,
|
|
38008
|
+
defaultValue = false,
|
|
38009
|
+
onValueChange,
|
|
38010
|
+
disabled = false,
|
|
38011
|
+
variant: _variant = "default",
|
|
38012
|
+
label,
|
|
38013
|
+
children,
|
|
38014
|
+
style,
|
|
38015
|
+
labelStyle,
|
|
38016
|
+
className,
|
|
38017
|
+
hitSlop = 8,
|
|
38018
|
+
accessibilityLabel,
|
|
38019
|
+
...rest
|
|
38020
|
+
}, forwardedRef) {
|
|
38021
|
+
const containerRef = useRef(null);
|
|
38022
|
+
const isControlled = typeof value === "boolean";
|
|
38023
|
+
const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
|
|
38024
|
+
const isActive = isControlled ? value : uncontrolledValue;
|
|
38025
|
+
const labelContent = children ?? label;
|
|
38026
|
+
const resolvedAccessibilityLabel = accessibilityLabel ?? (typeof labelContent === "string" ? labelContent : void 0);
|
|
38027
|
+
const setContainerRef = useMemo(() => mergeRefs(containerRef, forwardedRef), [forwardedRef]);
|
|
38028
|
+
useApplyWebClassName(containerRef, className);
|
|
38029
|
+
const handlePress = () => {
|
|
38030
|
+
if (disabled || isActive) return;
|
|
38031
|
+
if (!isControlled) setUncontrolledValue(true);
|
|
38032
|
+
onValueChange?.(true);
|
|
38033
|
+
};
|
|
38034
|
+
return /* @__PURE__ */ jsxs(
|
|
38035
|
+
Pressable,
|
|
38036
|
+
{
|
|
38037
|
+
...rest,
|
|
38038
|
+
ref: setContainerRef,
|
|
38039
|
+
onPress: handlePress,
|
|
38040
|
+
disabled,
|
|
38041
|
+
hitSlop,
|
|
38042
|
+
accessibilityRole: "radio",
|
|
38043
|
+
accessibilityLabel: resolvedAccessibilityLabel,
|
|
38044
|
+
accessibilityState: { selected: isActive, disabled },
|
|
38045
|
+
style: [styles40.root, disabled && styles40.disabled, style],
|
|
38046
|
+
children: [
|
|
38047
|
+
/* @__PURE__ */ jsx(View, { style: styles40.control, children: isActive ? /* @__PURE__ */ jsx(View, { style: styles40.dot }) : null }),
|
|
38048
|
+
labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles40.label, labelStyle], children: labelContent }) : labelContent : null
|
|
38049
|
+
]
|
|
38050
|
+
}
|
|
38051
|
+
);
|
|
38052
|
+
}
|
|
38053
|
+
);
|
|
38054
|
+
var styles40 = StyleSheet.create({
|
|
38055
|
+
root: {
|
|
38056
|
+
flexDirection: "row",
|
|
38057
|
+
alignItems: "center",
|
|
38058
|
+
alignSelf: "flex-start",
|
|
38059
|
+
gap: 6
|
|
38060
|
+
},
|
|
38061
|
+
disabled: {
|
|
38062
|
+
opacity: 0.5
|
|
38063
|
+
},
|
|
38064
|
+
control: {
|
|
38065
|
+
width: CONTROL_SIZE,
|
|
38066
|
+
height: CONTROL_SIZE,
|
|
38067
|
+
borderRadius: 20,
|
|
38068
|
+
borderWidth: 1,
|
|
38069
|
+
borderColor: colors.grey700,
|
|
38070
|
+
backgroundColor: colors.dark,
|
|
38071
|
+
alignItems: "center",
|
|
38072
|
+
justifyContent: "center",
|
|
38073
|
+
flexShrink: 0
|
|
38074
|
+
},
|
|
38075
|
+
dot: {
|
|
38076
|
+
width: DOT_SIZE,
|
|
38077
|
+
height: DOT_SIZE,
|
|
38078
|
+
borderRadius: 43,
|
|
38079
|
+
backgroundColor: colors.primary
|
|
38080
|
+
},
|
|
38081
|
+
label: {
|
|
38082
|
+
flexShrink: 1,
|
|
38083
|
+
textAlign: "center",
|
|
38084
|
+
fontFamily: fonts.sans,
|
|
38085
|
+
fontSize: 12,
|
|
38086
|
+
fontWeight: "400",
|
|
38087
|
+
color: colors.white
|
|
38088
|
+
}
|
|
38089
|
+
});
|
|
37822
38090
|
|
|
37823
38091
|
// src/utils/popoverAlign.ts
|
|
37824
38092
|
function fitsCenter(triggerRect, panelWidth, viewportWidth, padding) {
|
|
@@ -37925,6 +38193,6 @@ react-dom/cjs/react-dom.development.js:
|
|
|
37925
38193
|
*)
|
|
37926
38194
|
*/
|
|
37927
38195
|
|
|
37928
|
-
export { Accordion, AccordionItem, AccountHeader, AlertTriangleIcon, Amenity, AmenityIcon, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, Avatar, AvatarSimple, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, BuildingIcon, Button, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, ContactInfoCard, CopyIcon, Counter, CurrentLocationIcon, CutleryIcon, DatePicker, DollarIcon, DownloadIcon, DragHandleIcon, Drawer, EditIcon, EyeIcon, FacebookIcon, FavoritesButton, FiltersIcon, FloatingActionButton, FullscreenIcon, GlobeIcon, GooglePlayIcon, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, IconStatusBadge, ImageIcon, InfoCardV2, InfoCircleIcon, InfoTile, Input, InstagramIcon, KeyIcon, LanguageSwitcher, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, MenuItem, MenuLinesIcon, MinusIcon, Modal, MoreHorizontalIcon, NavigateIcon, NoSmokingIcon, PaginationDots, PawIcon, PhoneIcon, PlusIcon, QrCodeIcon, QuantityInput, QuietHoursIcon, Range, RatingInput, RatingStarIcon, RefreshIcon, RefundStatusIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, Select, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, StatCard, StatusBadge, StepList, StepPager, TableViewIcon, Textarea, Toggle, ToggleRow, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, VideoIcon, VideoOffIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
38196
|
+
export { Accordion, AccordionItem, AccountHeader, AlertTriangleIcon, Amenity, AmenityIcon, AppleIcon, AreaExpandIcon, ArrowLeftIcon, ArrowRightIcon, AutocompleteInput, Avatar, AvatarSimple, BRAND_LOGO_COLORS, BRAND_LOGO_DEFAULT_HEIGHT, BRAND_LOGO_DEFAULT_WIDTH, Badge, BagIcon, BanIcon, BathroomsIcon, BedroomsIcon, BellIcon, BrandLogo, BuildingIcon, Button, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, ContactInfoCard, CopyIcon, Counter, CurrentLocationIcon, CutleryIcon, DatePicker, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, EditIcon, EyeIcon, FacebookIcon, FavoritesButton, FiltersIcon, FloatingActionButton, FullscreenIcon, GlobeIcon, GooglePlayIcon, GuestsIcon, HeadsetIcon, HeartIcon, HelpCircleIcon, HideIcon, HomeIcon, Icon, IconStatusBadge, ImageIcon, InfoCardV2, InfoCircleIcon, InfoTile, Input, InstagramIcon, KeyIcon, LanguageSwitcher, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LocationUserIcon, LockIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, MenuItem, MenuLinesIcon, MinusIcon, Modal, MoonStarsIcon, MoreHorizontalIcon, NavigateIcon, NoPetsIcon, NoSmokingIcon, PaginationDots, PawIcon, PhoneIcon, PlusIcon, QrCodeIcon, QuantityInput, QuietHoursIcon, RadioButton, Range, RatingInput, RatingStarIcon, RefreshIcon, RefundStatusIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, Select, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, SortIcon, StarFilledIcon, StarIcon, StarOutlineIcon, StatCard, StatusBadge, StepList, StepPager, SunIcon, TableViewIcon, Textarea, Toggle, ToggleRow, TooltipArrowIcon, TrashIcon, UserIcon, UsersAltIcon, VerificationCodeInput, VideoIcon, VideoOffIcon, WasherIcon, WhatsAppIcon, ZoomOutIcon, abbreviateMonthName, avatarTypography, badgeTypography, buttonTypography, colors, commentCardTypography, counterTypography, datePickerTypography, defaultLanguageOptions, fonts, formatDate, formatDateDayShortMonth, getIconsByGroup, grey, iconGroupNames, iconGroups, iconNames, icons, inputTypography, languageSwitcherTypography, ratingTypography, resolvePopoverAlign, segmentedToggleTypography, selectTypography, statCardTypography, textareaTypography };
|
|
37929
38197
|
//# sourceMappingURL=index.js.map
|
|
37930
38198
|
//# sourceMappingURL=index.js.map
|