@ecohouse/ui 0.1.57 → 0.1.58

package/dist/index.js

@@ -1,6 +1,6 @@
 import { forwardRef, useRef, useMemo, useState, useCallback, useEffect, useLayoutEffect, useId, useImperativeHandle, isValidElement, cloneElement } from 'react';
 import { View, Text, Platform, Pressable, StyleSheet, Image, useWindowDimensions, Animated, Easing, TouchableOpacity, ActivityIndicator, Modal as Modal$1, TextInput, ScrollView, PanResponder } from 'react-native';
-import Svg30, { Path } from 'react-native-svg';
+import Svg30, { Path, Rect } from 'react-native-svg';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var __create = Object.create;
@@ -9449,15 +9449,15 @@ var require_react_dom_development = __commonJS({
           };
         }
         var warnValidStyle$1 = warnValidStyle;
-        function createDangerousStringForStyles(styles42) {
+        function createDangerousStringForStyles(styles43) {
           {
             var serialized = "";
             var delimiter = "";
-            for (var styleName in styles42) {
-              if (!styles42.hasOwnProperty(styleName)) {
+            for (var styleName in styles43) {
+              if (!styles43.hasOwnProperty(styleName)) {
                 continue;
               }
-              var styleValue = styles42[styleName];
+              var styleValue = styles43[styleName];
               if (styleValue != null) {
                 var isCustomProperty = styleName.indexOf("--") === 0;
                 serialized += delimiter + (isCustomProperty ? styleName : hyphenateStyleName(styleName)) + ":";
@@ -9468,19 +9468,19 @@ var require_react_dom_development = __commonJS({
             return serialized || null;
           }
         }
-        function setValueForStyles(node, styles42) {
+        function setValueForStyles(node, styles43) {
           var style2 = node.style;
-          for (var styleName in styles42) {
-            if (!styles42.hasOwnProperty(styleName)) {
+          for (var styleName in styles43) {
+            if (!styles43.hasOwnProperty(styleName)) {
               continue;
             }
             var isCustomProperty = styleName.indexOf("--") === 0;
             {
               if (!isCustomProperty) {
-                warnValidStyle$1(styleName, styles42[styleName]);
+                warnValidStyle$1(styleName, styles43[styleName]);
               }
             }
-            var styleValue = dangerousStyleValue(styleName, styles42[styleName], isCustomProperty);
+            var styleValue = dangerousStyleValue(styleName, styles43[styleName], isCustomProperty);
             if (styleName === "float") {
               styleName = "cssFloat";
             }
@@ -9494,9 +9494,9 @@ var require_react_dom_development = __commonJS({
         function isValueEmpty(value) {
           return value == null || typeof value === "boolean" || value === "";
         }
-        function expandShorthandMap(styles42) {
+        function expandShorthandMap(styles43) {
           var expanded = {};
-          for (var key in styles42) {
+          for (var key in styles43) {
             var longhands = shorthandToLonghand[key] || [key];
             for (var i = 0; i < longhands.length; i++) {
               expanded[longhands[i]] = key;
@@ -29533,6 +29533,25 @@ function DragHandleIcon({ size = 9, color = colors.white }) {
   return /* @__PURE__ */ jsx(Svg30, { width: size * 6 / 9, height: size, viewBox: "0 0 6 9", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: DRAG_HANDLE_PATH, fill: color }) });
 }
 
+// src/icons/DoubleCheck/doubleCheckPath.ts
+var DOUBLE_CHECK_PATH = "M4.66683 8L7.96666 11.2998L15.0383 4.22884M1.3667 8.03353L4.66653 11.3334M11.7375 4.26237L8.20199 7.79791";
+function DoubleCheckIcon({
+  size = 16,
+  color = colors.primary,
+  strokeWidth = 1.5
+}) {
+  return /* @__PURE__ */ jsx(Svg30, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+    Path,
+    {
+      d: DOUBLE_CHECK_PATH,
+      stroke: color,
+      strokeWidth,
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+
 // src/icons/Heart/heartPath.ts
 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";
 function HeartIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
@@ -29969,6 +29988,114 @@ function NoPetsIcon({ size = 20, color = colors.white, strokeWidth = 1.5 }) {
     `no-pets-${index}`
   )) });
 }
+function NotificationCancelledIcon({
+  size = 44,
+  color = "#A63E3E",
+  strokeWidth = 2,
+  fillOpacity = 0.08
+}) {
+  return /* @__PURE__ */ jsxs(Svg30, { width: size, height: size, viewBox: "0 0 44 44", fill: "none", children: [
+    /* @__PURE__ */ jsx(Rect, { width: "44", height: "44", rx: "22", fill: color, fillOpacity }),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        d: "M27 17L17 27M17 17L27 27",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function NotificationCheckoutIcon({
+  size = 44,
+  color = "#B46436",
+  strokeWidth = 2,
+  fillOpacity = 0.06
+}) {
+  return /* @__PURE__ */ jsxs(Svg30, { width: size, height: size, viewBox: "0 0 44 44", fill: "none", children: [
+    /* @__PURE__ */ jsx(Rect, { width: "44", height: "44", rx: "22", fill: color, fillOpacity }),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        d: "M17 17L27 27M20.3333 27H27V20.3333",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+var QR_PATH = "M17.4167 17.4167H17.425M26.5833 17.4167H26.5917M17.4167 26.5833H17.425M22.8333 22.8333H22.8417M26.5833 26.5833H26.5917M26.1667 29.5H29.5V26.1667M23.6667 25.75V29.5M29.5 23.6667H25.75M25 20.3333H28.1667C28.6334 20.3333 28.8667 20.3333 29.045 20.2425C29.2018 20.1626 29.3293 20.0351 29.4092 19.8783C29.5 19.7001 29.5 19.4667 29.5 19V15.8333C29.5 15.3666 29.5 15.1333 29.4092 14.955C29.3293 14.7982 29.2018 14.6707 29.045 14.5908C28.8667 14.5 28.6334 14.5 28.1667 14.5H25C24.5333 14.5 24.2999 14.5 24.1217 14.5908C23.9649 14.6707 23.8374 14.7982 23.7575 14.955C23.6667 15.1333 23.6667 15.3666 23.6667 15.8333V19C23.6667 19.4667 23.6667 19.7001 23.7575 19.8783C23.8374 20.0351 23.9649 20.1626 24.1217 20.2425C24.2999 20.3333 24.5333 20.3333 25 20.3333ZM15.8333 20.3333H19C19.4667 20.3333 19.7001 20.3333 19.8783 20.2425C20.0351 20.1626 20.1626 20.0351 20.2425 19.8783C20.3333 19.7001 20.3333 19.4667 20.3333 19V15.8333C20.3333 15.3666 20.3333 15.1333 20.2425 14.955C20.1626 14.7982 20.0351 14.6707 19.8783 14.5908C19.7001 14.5 19.4667 14.5 19 14.5H15.8333C15.3666 14.5 15.1333 14.5 14.955 14.5908C14.7982 14.6707 14.6707 14.7982 14.5908 14.955C14.5 15.1333 14.5 15.3666 14.5 15.8333V19C14.5 19.4667 14.5 19.7001 14.5908 19.8783C14.6707 20.0351 14.7982 20.1626 14.955 20.2425C15.1333 20.3333 15.3666 20.3333 15.8333 20.3333ZM15.8333 29.5H19C19.4667 29.5 19.7001 29.5 19.8783 29.4092C20.0351 29.3293 20.1626 29.2018 20.2425 29.045C20.3333 28.8667 20.3333 28.6334 20.3333 28.1667V25C20.3333 24.5333 20.3333 24.2999 20.2425 24.1217C20.1626 23.9649 20.0351 23.8374 19.8783 23.7575C19.7001 23.6667 19.4667 23.6667 19 23.6667H15.8333C15.3666 23.6667 15.1333 23.6667 14.955 23.7575C14.7982 23.8374 14.6707 23.9649 14.5908 24.1217C14.5 24.2999 14.5 24.5333 14.5 25V28.1667C14.5 28.6334 14.5 28.8667 14.5908 29.045C14.6707 29.2018 14.7982 29.3293 14.955 29.4092C15.1333 29.5 15.3666 29.5 15.8333 29.5Z";
+function NotificationQrCodeIcon({
+  size = 44,
+  color = "#B46436",
+  strokeWidth = 2,
+  fillOpacity = 0.06
+}) {
+  return /* @__PURE__ */ jsxs(Svg30, { width: size, height: size, viewBox: "0 0 44 44", fill: "none", children: [
+    /* @__PURE__ */ jsx(Rect, { width: "44", height: "44", rx: "22", fill: color, fillOpacity }),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        d: QR_PATH,
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function NotificationSuccessIcon({
+  size = 44,
+  color = "#34A853",
+  strokeWidth = 2,
+  fillOpacity = 0.08
+}) {
+  return /* @__PURE__ */ jsxs(Svg30, { width: size, height: size, viewBox: "0 0 44 44", fill: "none", children: [
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        d: "M0 22C0 9.84974 9.84974 0 22 0C34.1503 0 44 9.84974 44 22C44 34.1503 34.1503 44 22 44C9.84974 44 0 34.1503 0 22Z",
+        fill: color,
+        fillOpacity
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        d: "M28.6666 17L19.4999 26.1667L15.3333 22",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+function NotificationWarningIcon({
+  size = 44,
+  color = "#A63E3E",
+  strokeWidth = 2,
+  fillOpacity = 0.08
+}) {
+  return /* @__PURE__ */ jsxs(Svg30, { width: size, height: size, viewBox: "0 0 44 44", fill: "none", children: [
+    /* @__PURE__ */ jsx(Rect, { width: "44", height: "44", rx: "22", fill: color, fillOpacity }),
+    /* @__PURE__ */ jsx(
+      Path,
+      {
+        d: "M21.9999 19.5V22.8333M21.9999 26.1667H22.0082M20.846 15.2431L13.9919 27.082C13.6117 27.7386 13.4216 28.0669 13.4497 28.3364C13.4742 28.5715 13.5974 28.785 13.7885 28.924C14.0077 29.0833 14.387 29.0833 15.1458 29.0833H28.8539C29.6127 29.0833 29.9921 29.0833 30.2112 28.924C30.4024 28.785 30.5255 28.5715 30.55 28.3364C30.5781 28.0669 30.388 27.7386 30.0078 27.082L23.1538 15.2431C22.775 14.5888 22.5856 14.2617 22.3385 14.1518C22.1229 14.0559 21.8768 14.0559 21.6613 14.1518C21.4142 14.2617 21.2248 14.5888 20.846 15.2431Z",
+        stroke: color,
+        strokeWidth,
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
 
 // src/icons/Phone/phonePath.ts
 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";
@@ -30466,6 +30593,11 @@ var icons = {
   navigate: NavigateIcon,
   noPets: NoPetsIcon,
   noSmoking: NoSmokingIcon,
+  notificationCancelled: NotificationCancelledIcon,
+  notificationCheckout: NotificationCheckoutIcon,
+  notificationQrCode: NotificationQrCodeIcon,
+  notificationSuccess: NotificationSuccessIcon,
+  notificationWarning: NotificationWarningIcon,
   paw: PawIcon,
   phone: PhoneIcon,
   qrCode: QrCodeIcon,
@@ -30501,6 +30633,7 @@ var icons = {
   dollar: DollarIcon,
   dram: DramIcon,
   dragHandle: DragHandleIcon,
+  doubleCheck: DoubleCheckIcon,
   externalLink: ExternalLinkIcon,
   eye: EyeIcon,
   image: ImageIcon,
@@ -30540,6 +30673,7 @@ var iconGroups = {
     "checkSuccess",
     "copy",
     "download",
+    "doubleCheck",
     "dragHandle",
     "search",
     "calendar",
@@ -30602,6 +30736,13 @@ var iconGroups = {
     "whatsApp"
   ],
   communication: ["mail", "phone"],
+  notifications: [
+    "notificationSuccess",
+    "notificationCancelled",
+    "notificationCheckout",
+    "notificationQrCode",
+    "notificationWarning"
+  ],
   social: ["apple", "facebook", "googlePlay", "instagram", "linkedin"],
   interface: [
     "areaExpand",
@@ -37827,6 +37968,219 @@ var styles39 = StyleSheet.create({
     color: colors.white
   }
 });
+function NewBookingNotification(props) {
+  return /* @__PURE__ */ jsx(NotificationStatus, { icon: /* @__PURE__ */ jsx(NotificationSuccessIcon, {}), ...props });
+}
+function CancelledBookingNotification(props) {
+  return /* @__PURE__ */ jsx(NotificationStatus, { icon: /* @__PURE__ */ jsx(NotificationCancelledIcon, {}), ...props });
+}
+function GuestCheckInNotification(props) {
+  return /* @__PURE__ */ jsx(NotificationStatus, { icon: /* @__PURE__ */ jsx(NotificationCheckoutIcon, {}), ...props });
+}
+function QrKeyNotification(props) {
+  return /* @__PURE__ */ jsx(NotificationStatus, { icon: /* @__PURE__ */ jsx(NotificationQrCodeIcon, {}), ...props });
+}
+function BookingWarningNotification(props) {
+  return /* @__PURE__ */ jsx(NotificationStatus, { icon: /* @__PURE__ */ jsx(NotificationWarningIcon, {}), ...props });
+}
+function NotificationStatusSkeleton() {
+  return /* @__PURE__ */ jsxs(
+    View,
+    {
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      style: styles40.root,
+      children: [
+        /* @__PURE__ */ jsx(View, { style: [styles40.icon, styles40.skeletonIcon] }),
+        /* @__PURE__ */ jsxs(View, { style: [styles40.content, styles40.skeletonContent], children: [
+          /* @__PURE__ */ jsx(View, { style: [styles40.skeletonLine, styles40.skeletonTitle] }),
+          /* @__PURE__ */ jsxs(View, { style: styles40.skeletonDescription, children: [
+            /* @__PURE__ */ jsx(View, { style: [styles40.skeletonLine, styles40.skeletonDescriptionFirst] }),
+            /* @__PURE__ */ jsx(View, { style: [styles40.skeletonLine, styles40.skeletonDescriptionSecond] })
+          ] }),
+          /* @__PURE__ */ jsx(View, { style: [styles40.skeletonLine, styles40.skeletonTimestamp] })
+        ] }),
+        /* @__PURE__ */ jsx(View, { style: [styles40.chevron, styles40.skeletonChevron] })
+      ]
+    }
+  );
+}
+function NotificationStatus({
+  icon,
+  title,
+  description,
+  timestamp,
+  unread = false,
+  disabled = false,
+  showChevron,
+  onPress,
+  style,
+  accessibilityLabel,
+  onHoverIn,
+  onHoverOut,
+  onPressIn,
+  onPressOut,
+  ...rest
+}) {
+  const [active, setActive] = useState(false);
+  const interactive = onPress !== void 0;
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      ...rest,
+      accessibilityLabel: accessibilityLabel ?? `${title}. ${description}. ${timestamp}`,
+      accessibilityRole: interactive ? "button" : void 0,
+      accessibilityState: { disabled },
+      disabled,
+      onPress,
+      onHoverIn: (event) => {
+        setActive(true);
+        onHoverIn?.(event);
+      },
+      onHoverOut: (event) => {
+        setActive(false);
+        onHoverOut?.(event);
+      },
+      onPressIn: (event) => {
+        setActive(true);
+        onPressIn?.(event);
+      },
+      onPressOut: (event) => {
+        setActive(false);
+        onPressOut?.(event);
+      },
+      style: [styles40.root, active && styles40.rootActive, disabled && styles40.disabled, style],
+      children: [
+        /* @__PURE__ */ jsx(View, { style: styles40.icon, children: icon }),
+        /* @__PURE__ */ jsxs(View, { style: styles40.content, children: [
+          /* @__PURE__ */ jsxs(View, { style: styles40.titleRow, children: [
+            unread ? /* @__PURE__ */ jsx(View, { style: styles40.unreadIndicator }) : null,
+            /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles40.title, children: title })
+          ] }),
+          /* @__PURE__ */ jsx(Text, { style: styles40.description, children: description }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles40.timestamp, children: timestamp })
+        ] }),
+        showChevron ?? interactive ? /* @__PURE__ */ jsx(
+          View,
+          {
+            accessibilityElementsHidden: true,
+            importantForAccessibility: "no-hide-descendants",
+            style: styles40.chevron,
+            children: /* @__PURE__ */ jsx(ChevronRightIcon, { color: colors.grey300, size: 16, strokeWidth: 1.5 })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+var styles40 = StyleSheet.create({
+  root: {
+    width: "100%",
+    minHeight: 111,
+    flexDirection: "row",
+    alignItems: "flex-start",
+    gap: 16,
+    padding: 16,
+    backgroundColor: "transparent"
+  },
+  rootActive: {
+    backgroundColor: colors.whiteAlpha1
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  icon: {
+    width: 44,
+    height: 44,
+    flexShrink: 0
+  },
+  content: {
+    minWidth: 0,
+    flex: 1,
+    alignSelf: "stretch",
+    justifyContent: "space-between"
+  },
+  titleRow: {
+    minWidth: 0,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  unreadIndicator: {
+    width: 8,
+    height: 8,
+    flexShrink: 0,
+    borderRadius: 4,
+    backgroundColor: colors.primaryLight
+  },
+  title: {
+    minWidth: 0,
+    flex: 1,
+    color: colors.white,
+    fontFamily: fonts.sans,
+    fontSize: 14,
+    fontWeight: "600",
+    lineHeight: 14,
+    letterSpacing: 0
+  },
+  description: {
+    color: colors.lightGrey,
+    fontFamily: fonts.sans,
+    fontSize: 12,
+    fontWeight: "400",
+    lineHeight: 16,
+    letterSpacing: 0
+  },
+  timestamp: {
+    color: colors.grey50,
+    fontFamily: fonts.sans,
+    fontSize: 12,
+    fontWeight: "400",
+    lineHeight: 16,
+    letterSpacing: 0
+  },
+  chevron: {
+    alignSelf: "center",
+    flexShrink: 0
+  },
+  skeletonIcon: {
+    borderRadius: 22,
+    backgroundColor: colors.grey600
+  },
+  skeletonContent: {
+    paddingTop: 1,
+    paddingBottom: 2
+  },
+  skeletonLine: {
+    borderRadius: 999,
+    backgroundColor: colors.grey500
+  },
+  skeletonTitle: {
+    width: "42%",
+    height: 12
+  },
+  skeletonDescription: {
+    gap: 5
+  },
+  skeletonDescriptionFirst: {
+    width: "92%",
+    height: 10
+  },
+  skeletonDescriptionSecond: {
+    width: "68%",
+    height: 10
+  },
+  skeletonTimestamp: {
+    width: 58,
+    height: 10
+  },
+  skeletonChevron: {
+    width: 7,
+    height: 12,
+    borderRadius: 4,
+    backgroundColor: colors.grey500
+  }
+});
 
 // src/components/Range/Range.utils.ts
 function decimals(value) {
@@ -38201,7 +38555,7 @@ var Range = forwardRef(function Range2({
       ...rest,
       ref: setRootRef,
       onLayout,
-      style: [styles40.root, disabled && styles40.disabled, style],
+      style: [styles41.root, disabled && styles41.disabled, style],
       children: [
         /* @__PURE__ */ jsxs(
           Pressable,
@@ -38215,16 +38569,16 @@ var Range = forwardRef(function Range2({
               updateNearestFromTrack(event.nativeEvent.offsetX);
             } : void 0,
             onPress: Platform.OS === "web" ? void 0 : handleTrackPress,
-            style: styles40.sliderPlane,
+            style: styles41.sliderPlane,
             tabIndex: -1,
             children: [
-              /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles40.track }),
+              /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles41.track }),
               /* @__PURE__ */ jsx(
                 View,
                 {
                   pointerEvents: "none",
                   style: [
-                    styles40.activeTrack,
+                    styles41.activeTrack,
                     {
                       left: TRACK_HORIZONTAL_INSET + fromOffset,
                       width: toOffset - fromOffset + THUMB_SIZE2
@@ -38266,9 +38620,9 @@ var Range = forwardRef(function Range2({
                   onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveFrom, updateFromInput),
                   pointerEvents: disabled ? "none" : "auto",
                   style: [
-                    styles40.thumb,
-                    Platform.OS === "web" && styles40.thumbWeb,
-                    focusedThumb === "from" && Platform.OS === "web" && styles40.thumbFocusedWeb,
+                    styles41.thumb,
+                    Platform.OS === "web" && styles41.thumbWeb,
+                    focusedThumb === "from" && Platform.OS === "web" && styles41.thumbFocusedWeb,
                     { left: TRACK_HORIZONTAL_INSET + fromOffset }
                   ],
                   tabIndex: disabled ? -1 : 0
@@ -38308,9 +38662,9 @@ var Range = forwardRef(function Range2({
                   onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveTo, updateToInput),
                   pointerEvents: disabled ? "none" : "auto",
                   style: [
-                    styles40.thumb,
-                    Platform.OS === "web" && styles40.thumbWeb,
-                    focusedThumb === "to" && Platform.OS === "web" && styles40.thumbFocusedWeb,
+                    styles41.thumb,
+                    Platform.OS === "web" && styles41.thumbWeb,
+                    focusedThumb === "to" && Platform.OS === "web" && styles41.thumbFocusedWeb,
                     { left: TRACK_HORIZONTAL_INSET + toOffset }
                   ],
                   tabIndex: disabled ? -1 : 0
@@ -38319,7 +38673,7 @@ var Range = forwardRef(function Range2({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(View, { style: styles40.inputs, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles41.inputs, children: [
           /* @__PURE__ */ jsx(
             RangeInput,
             {
@@ -38370,7 +38724,7 @@ function RangeInput({
   placeholder,
   value
 }) {
-  return /* @__PURE__ */ jsxs(View, { style: [styles40.inputField, focused && styles40.inputFieldFocused], children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles41.inputField, focused && styles41.inputFieldFocused], children: [
     /* @__PURE__ */ jsx(
       TextInput,
       {
@@ -38386,15 +38740,15 @@ function RangeInput({
         placeholder,
         placeholderTextColor: colors.grey150,
         returnKeyType: "done",
-        style: [styles40.input, Platform.OS === "web" && styles40.inputWeb],
+        style: [styles41.input, Platform.OS === "web" && styles41.inputWeb],
         tabIndex: disabled ? -1 : void 0,
         value
       }
     ),
-    /* @__PURE__ */ jsx(View, { style: styles40.currencySlot, children: /* @__PURE__ */ jsx(Text, { style: styles40.currency, children: currency }) })
+    /* @__PURE__ */ jsx(View, { style: styles41.currencySlot, children: /* @__PURE__ */ jsx(Text, { style: styles41.currency, children: currency }) })
   ] });
 }
-var styles40 = StyleSheet.create({
+var styles41 = StyleSheet.create({
   root: {
     width: DEFAULT_WIDTH6,
     gap: 15,
@@ -38539,16 +38893,16 @@ var RadioButton = forwardRef(
         accessibilityRole: "radio",
         accessibilityLabel: resolvedAccessibilityLabel,
         accessibilityState: { selected: isActive, disabled },
-        style: [styles41.root, disabled && styles41.disabled, style],
+        style: [styles42.root, disabled && styles42.disabled, style],
         children: [
-          /* @__PURE__ */ jsx(View, { style: styles41.control, children: isActive ? /* @__PURE__ */ jsx(View, { style: styles41.dot }) : null }),
-          labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles41.label, labelStyle], children: labelContent }) : labelContent : null
+          /* @__PURE__ */ jsx(View, { style: styles42.control, children: isActive ? /* @__PURE__ */ jsx(View, { style: styles42.dot }) : null }),
+          labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles42.label, labelStyle], children: labelContent }) : labelContent : null
         ]
       }
     );
   }
 );
-var styles41 = StyleSheet.create({
+var styles42 = StyleSheet.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -38690,6 +39044,6 @@ react-dom/cjs/react-dom.development.js:
    *)
 */
 
-export { Accordion, AccordionItem, AccountHeader, ActiveGuestsIcon, 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, BlockedGuestsIcon, BrandLogo, BuildingIcon, Button, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, ContactInfoCard, CopyIcon, Counter, CurrentLocationIcon, CutleryIcon, DatePicker, DeactivateIcon, DollarIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, EditIcon, ExternalLinkIcon, 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, NoReviewIcon, NoSmokingIcon, PaginationDots, PawIcon, PhoneIcon, PlusIcon, QrCodeIcon, QuantityInput, QuietHoursIcon, RadioButton, Range, RatingInput, RatingStarIcon, RefreshIcon, RefundStatusIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, Select, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, StarOutlineIcon, StatCard, StatusBadge, StatusIndicator, StayHomeIcon, StepList, StepPager, SunIcon, TableViewIcon, Textarea, Toggle, ToggleRow, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, 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 };
+export { Accordion, AccordionItem, AccountHeader, ActiveGuestsIcon, 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, BlockedGuestsIcon, BookingWarningNotification, BrandLogo, BuildingIcon, Button, CalendarFilledIcon, CalendarIcon, CalendarMinusIcon, CalendarOutlineIcon, CameraFilledIcon, CameraIcon, CancelledBookingNotification, CardLocationIcon, CheckBadgeIcon, CheckIcon, CheckSuccessIcon, Checkbox, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ClockFilledIcon, ClockIcon, CloseIcon, CloudUploadIcon, CommentCard, ContactInfoCard, CopyIcon, Counter, CurrentLocationIcon, CutleryIcon, DatePicker, DeactivateIcon, DollarIcon, DoubleCheckIcon, DownloadIcon, DragHandleIcon, DramIcon, Drawer, EditIcon, ExternalLinkIcon, EyeIcon, FacebookIcon, FavoritesButton, FiltersIcon, FloatingActionButton, FullscreenIcon, GlobeIcon, GooglePlayIcon, GuestCheckInNotification, 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, NewBookingNotification, NoPetsIcon, NoReviewIcon, NoSmokingIcon, NotificationCancelledIcon, NotificationCheckoutIcon, NotificationQrCodeIcon, NotificationStatusSkeleton, NotificationSuccessIcon, NotificationWarningIcon, PaginationDots, PawIcon, PhoneIcon, PlusIcon, QrCodeIcon, QrKeyNotification, QuantityInput, QuietHoursIcon, RadioButton, Range, RatingInput, RatingStarIcon, RefreshIcon, RefundStatusIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, Select, SettingsIcon, ShareIcon, ShowIcon, Sidebar, SidebarIcon, SmartKeyIcon, SortIcon, StarFilledIcon, StarIcon, StarOutlineIcon, StatCard, StatusBadge, StatusIndicator, StayHomeIcon, StepList, StepPager, SunIcon, TableViewIcon, Textarea, Toggle, ToggleRow, TooltipArrowIcon, TotalGuestsIcon, TrashIcon, UnlockIcon, 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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map