@ecohouse/ui 0.1.20 → 0.1.22

package/dist/index.js

@@ -1,7 +1,7 @@
 import { forwardRef, useRef, useMemo, useState, useCallback, useEffect, useLayoutEffect, isValidElement, cloneElement } from 'react';
-import { Pressable, View, Text, StyleSheet, Platform, Image, Animated, Easing, TouchableOpacity, TextInput, ScrollView, PanResponder } from 'react-native';
-import Svg15, { Path } from 'react-native-svg';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { View, Text, Platform, Pressable, StyleSheet, Image, Animated, Easing, TouchableOpacity, TextInput, ScrollView, PanResponder } from 'react-native';
+import Svg16, { Path } from 'react-native-svg';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 // src/components/Avatar/Avatar.tsx
 
@@ -99,7 +99,7 @@ var segmentedToggleTypography = {
   fontFamily: fonts.sans,
   fontSize: 12,
   fontWeight: "500",
-  lineHeight: 12,
+  lineHeight: 14,
   letterSpacing: 0
 };
 var languageSwitcherTypography = {
@@ -282,7 +282,7 @@ function ArrowRightIcon({
   color = colors.primary,
   strokeWidth = 2
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: ARROW_RIGHT_PATH,
@@ -294,10 +294,40 @@ function ArrowRightIcon({
   ) });
 }
 
+// src/icons/Store/storeMarkPaths.ts
+var APPLE_PATHS = [
+  "M20.8806 15.9539C20.8958 14.804 21.2087 13.6766 21.7901 12.6765C22.3715 11.6763 23.2026 10.8361 24.206 10.2338C23.5685 9.34496 22.7276 8.6135 21.7499 8.0975C20.7723 7.58149 19.6849 7.29515 18.574 7.26122C16.2044 7.01838 13.9072 8.64554 12.6997 8.64554C11.4688 8.64554 9.6097 7.28533 7.6077 7.32554C6.31276 7.36638 5.05074 7.73402 3.9446 8.39262C2.83847 9.05123 1.92593 9.97834 1.29592 11.0836C-1.4331 15.6966 0.602506 22.4762 3.21673 26.205C4.52469 28.0309 6.0533 30.0704 8.05349 29.9981C10.0108 29.9189 10.7418 28.7796 13.1044 28.7796C15.4451 28.7796 16.1309 29.9981 18.1717 29.9521C20.272 29.9189 21.5953 28.1181 22.8573 26.275C23.7971 24.9739 24.5203 23.536 25 22.0145C23.7798 21.5107 22.7385 20.6673 22.006 19.5895C21.2734 18.5118 20.882 17.2474 20.8806 15.9539Z",
+  "M17.0261 4.80891C18.1712 3.46678 18.7354 1.74169 18.5988 0C16.8492 0.179399 15.2332 0.995745 14.0725 2.28638C13.5051 2.91689 13.0705 3.65041 12.7935 4.44501C12.5166 5.2396 12.4028 6.07969 12.4586 6.91725C13.3337 6.92605 14.1994 6.74087 14.9906 6.37567C15.7817 6.01047 16.4777 5.47477 17.0261 4.80891Z"
+];
+var GOOGLE_PLAY_PATHS = [
+  {
+    color: "#A63E3E",
+    d: "M12.2558 14.3271L0.111816 27.5074C0.112957 27.5097 0.112957 27.5132 0.114097 27.5156C0.487075 28.9467 1.76455 30 3.28156 30C3.88836 30 4.45752 29.832 4.9457 29.5381L4.98448 29.5148L18.6535 21.4491L12.2558 14.3271Z"
+  },
+  {
+    color: "#FBBC04",
+    d: "M24.5415 12.0827L24.5301 12.0746L18.6286 8.57654L11.98 14.6267L18.6525 21.4478L24.5221 17.9847C25.5509 17.4155 26.2501 16.3063 26.2501 15.0279C26.2501 13.7565 25.5612 12.6531 24.5415 12.0827Z"
+  },
+  {
+    color: "#4285F4",
+    d: "M0.111779 2.49162C0.0387806 2.76689 0 3.05616 0 3.35476V26.6454C0 26.944 0.0387806 27.2333 0.11292 27.5074L12.6733 14.6642L0.111779 2.49162Z"
+  },
+  {
+    color: "#34A853",
+    d: "M12.3459 14.9999L18.6307 8.57419L4.97764 0.479377C4.48147 0.174946 3.90205 -1.23978e-05 3.2827 -1.23978e-05C1.76569 -1.23978e-05 0.485934 1.05558 0.112956 2.48792C0.112956 2.48908 0.111816 2.49025 0.111816 2.49142L12.3459 14.9999Z"
+  }
+];
+function AppleIcon({ size = 30, color = colors.white }) {
+  return /* @__PURE__ */ jsx(Svg16, { width: size * 25 / 30, height: size, viewBox: "0 0 25 30", fill: "none", children: APPLE_PATHS.map((path) => /* @__PURE__ */ jsx(Path, { d: path, fill: color }, path)) });
+}
+function GooglePlayIcon({ size = 30 }) {
+  return /* @__PURE__ */ jsx(Svg16, { width: size * 27 / 30, height: size, viewBox: "0 0 27 30", fill: "none", children: GOOGLE_PLAY_PATHS.map((path) => /* @__PURE__ */ jsx(Path, { d: path.d, fill: path.color }, path.d)) });
+}
+
 // src/icons/Bag/bagPath.ts
 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";
 function BagIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: BAG_PATH,
@@ -312,7 +342,7 @@ function BagIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Bell/bellPath.ts
 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";
 function BellIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: BELL_PATH,
@@ -327,7 +357,7 @@ function BellIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Building/buildingPath.ts
 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";
 function BuildingIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: BUILDING_PATH,
@@ -342,7 +372,7 @@ function BuildingIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Calendar/calendarPath.ts
 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";
 function CalendarIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CALENDAR_PATH,
@@ -361,7 +391,7 @@ function CalendarOutlineIcon({
   color = colors.primary,
   strokeWidth = 1.5
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CALENDAR_OUTLINE_PATH,
@@ -376,7 +406,7 @@ function CalendarOutlineIcon({
 // src/icons/Camera/cameraPath.ts
 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";
 function CameraIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CAMERA_PATH,
@@ -391,7 +421,7 @@ function CameraIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Check/checkPath.ts
 var CHECK_PATH = "M4.16669 10.8333L7.50002 14.1667L15.8334 5.83334";
 function CheckIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CHECK_PATH,
@@ -406,7 +436,7 @@ function CheckIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/CheckBadge/checkBadgePath.ts
 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";
 function CheckBadgeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CHECK_BADGE_PATH,
@@ -425,7 +455,7 @@ function ChevronDownIcon({
   color = colors.primary,
   strokeWidth = 2
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CHEVRON_DOWN_PATH,
@@ -440,7 +470,7 @@ function ChevronDownIcon({
 // src/icons/ChevronLeft/chevronLeftPath.ts
 var CHEVRON_LEFT_PATH = "M12.5 15L7.5 10L12.5 5";
 function ChevronLeftIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CHEVRON_LEFT_PATH,
@@ -455,7 +485,7 @@ function ChevronLeftIcon({ size = 20, color = colors.primary, strokeWidth = 2 })
 // src/icons/Clock/clockPath.ts
 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";
 function ClockIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CLOCK_PATH,
@@ -470,7 +500,7 @@ function ClockIcon({ size = 24, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Close/closePath.ts
 var CLOSE_PATH = "M15 5L5 15M5 5L15 15";
 function CloseIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CLOSE_PATH,
@@ -497,7 +527,7 @@ function SaveHeartIcon({
   strokeWidth = 2,
   fillOpacity = 0
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: SAVE_HEART_PATH,
@@ -511,7 +541,7 @@ function SaveHeartIcon({
   ) });
 }
 function RatingStarIcon({ size = 12, color = "#E38E5E", strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: RATING_STAR_PATH,
@@ -529,7 +559,7 @@ function CardLocationIcon({
   strokeWidth = 1.5,
   secondaryColor = colors.grey700
 }) {
-  return /* @__PURE__ */ jsxs(Svg15, { width: size, height: size, viewBox: "0 0 13 13", fill: "none", children: [
+  return /* @__PURE__ */ jsxs(Svg16, { width: size, height: size, viewBox: "0 0 13 13", fill: "none", children: [
     /* @__PURE__ */ jsx(
       Path,
       {
@@ -568,7 +598,7 @@ function FilledCardIcon({
   color,
   fillOpacity
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: path, fill: color, fillOpacity }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: path, fill: color, fillOpacity }) });
 }
 function GuestsIcon({ size = 16, color = colors.white, fillOpacity = 0.4 }) {
   return /* @__PURE__ */ jsx(FilledCardIcon, { path: GUESTS_PATH, size, color, fillOpacity });
@@ -595,7 +625,7 @@ var COPY_PATH = "M6.66699 13.3337V15.667C6.66699 16.6004 6.66699 17.0671 6.84865
 var CHECK_SUCCESS_PATH = "M16.6663 5L7.49967 14.1667L3.33301 10";
 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";
 function ShareIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: SHARE_PATH,
@@ -607,7 +637,7 @@ function ShareIcon({ size = 20, color = colors.white, strokeWidth = 2 }) {
   ) });
 }
 function AreaExpandIcon({ size = 24, color = colors.white, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: AREA_EXPAND_PATHS.map((path) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: AREA_EXPAND_PATHS.map((path) => /* @__PURE__ */ jsx(
     Path,
     {
       d: path,
@@ -620,16 +650,16 @@ function AreaExpandIcon({ size = 24, color = colors.white, strokeWidth = 2 }) {
   )) });
 }
 function ClockFilledIcon({ size = 16, color = colors.white }) {
-  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 }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: CLOCK_FILLED_PATH, fill: color }) });
 }
 function QrCodeIcon({ size = 24, color = colors.primary }) {
-  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 }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: QR_CODE_PATH, fill: color }) });
 }
 function WhatsAppIcon({ size = 24, color = colors.white }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: WHATSAPP_PATH, fill: color }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: WHATSAPP_PATH, fill: color }) });
 }
 function CopyIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: COPY_PATH,
@@ -641,7 +671,7 @@ function CopyIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
   ) });
 }
 function CheckSuccessIcon({ size = 20, color = colors.green, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: CHECK_SUCCESS_PATH,
@@ -653,19 +683,19 @@ function CheckSuccessIcon({ size = 20, color = colors.green, strokeWidth = 2 })
   ) });
 }
 function TooltipArrowIcon({ size = 10, color = colors.grey600 }) {
-  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 }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size * 8 / 10, viewBox: "0 0 10 8", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: TOOLTIP_ARROW_PATH, fill: color }) });
 }
 
 // src/icons/Facebook/facebookPath.ts
 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";
 function FacebookIcon({ size = 20, color = colors.white }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: FACEBOOK_PATH, fill: color }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: FACEBOOK_PATH, fill: color }) });
 }
 
 // src/icons/Filters/filtersPath.ts
 var FILTERS_PATH = "M5 10H15M2.5 5H17.5M7.5 15H12.5";
 function FiltersIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: FILTERS_PATH,
@@ -680,7 +710,7 @@ function FiltersIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
 // 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 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: HEART_PATH,
@@ -697,7 +727,7 @@ function HeartIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
 // src/icons/Globe/globePath.ts
 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";
 function GlobeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: GLOBE_PATH,
@@ -716,7 +746,7 @@ function HelpCircleIcon({
   color = colors.primary,
   strokeWidth = 1.5
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: HELP_CIRCLE_PATH,
@@ -731,7 +761,7 @@ function HelpCircleIcon({
 // src/icons/Home/homePath.ts
 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";
 function HomeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: HOME_PATH,
@@ -746,13 +776,13 @@ function HomeIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Instagram/instagramPath.ts
 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";
 function InstagramIcon({ size = 20, color = colors.white }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: INSTAGRAM_PATH, fill: color }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: INSTAGRAM_PATH, fill: color }) });
 }
 
 // src/icons/Key/keyPath.ts
 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";
 function KeyIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: KEY_PATH,
@@ -771,7 +801,7 @@ function LayoutGridIcon({
   color = colors.primary,
   strokeWidth = 1.5
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: LAYOUT_GRID_PATH,
@@ -786,13 +816,13 @@ function LayoutGridIcon({
 // src/icons/LinkedIn/linkedinPath.ts
 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";
 function LinkedInIcon({ size = 20, color = colors.white }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: LINKEDIN_PATH, fill: color }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: LINKEDIN_PATH, fill: color }) });
 }
 
 // src/icons/ListView/listViewPath.ts
 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";
 function ListViewIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: LIST_VIEW_PATH,
@@ -807,7 +837,7 @@ function ListViewIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/LocationPin/locationPinPath.ts
 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";
 function LocationPinIcon({ size = 20, color = colors.grey200, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: LOCATION_PIN_PATH,
@@ -822,7 +852,7 @@ function LocationPinIcon({ size = 20, color = colors.grey200, strokeWidth = 2 })
 // src/icons/LogOut/logOutPath.ts
 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";
 function LogOutIcon({ size = 20, color = colors.red, strokeWidth = 1.5 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: LOG_OUT_PATH,
@@ -837,7 +867,7 @@ function LogOutIcon({ size = 20, color = colors.red, strokeWidth = 1.5 }) {
 // src/icons/Mail/mailPath.ts
 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";
 function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: MAIL_PATH,
@@ -852,7 +882,7 @@ function MailIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/MapView/mapViewPath.ts
 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";
 function MapViewIcon({ size = 20, color = colors.grey400, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: MAP_VIEW_PATH,
@@ -873,7 +903,7 @@ function MapControlIcon({
   color = colors.white,
   strokeWidth = 2
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: path,
@@ -900,7 +930,7 @@ function MenuIcon({
   strokeWidth = 2,
   open = false
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 19 19", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 19 19", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: open ? MENU_CLOSE_PATH : MENU_PATH,
@@ -916,7 +946,7 @@ function MenuIcon({
 // src/icons/Minus/minusPath.ts
 var MINUS_PATH = "M3.33337 8H12.6667";
 function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: MINUS_PATH,
@@ -931,7 +961,7 @@ function MinusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
 // src/icons/Navigate/navigatePath.ts
 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";
 function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: NAVIGATE_PATH,
@@ -946,7 +976,7 @@ function NavigateIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // 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";
 function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: PHONE_PATH,
@@ -961,7 +991,7 @@ function PhoneIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Plus/plusPath.ts
 var PLUS_PATH = "M8.00004 3.33325V12.6666M3.33337 7.99992H12.6667";
 function PlusIcon({ size = 16, color = colors.white, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: PLUS_PATH,
@@ -981,7 +1011,7 @@ function SearchIcon({
   color = colors.primary,
   strokeWidth = 2
 }) {
-  return /* @__PURE__ */ jsxs(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
+  return /* @__PURE__ */ jsxs(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
     /* @__PURE__ */ jsx(
       Path,
       {
@@ -1008,7 +1038,7 @@ function SearchIcon({
 // src/icons/Settings/settingsPath.ts
 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";
 function SettingsIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: SETTINGS_PATH,
@@ -1024,7 +1054,7 @@ function SettingsIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 })
 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";
 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";
 function ShowIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsxs(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
+  return /* @__PURE__ */ jsxs(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: [
     /* @__PURE__ */ jsx(
       Path,
       {
@@ -1051,7 +1081,7 @@ function ShowIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Sidebar/sidebarPath.ts
 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";
 function SidebarIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: SIDEBAR_PATH,
@@ -1066,7 +1096,7 @@ function SidebarIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/Sort/sortPath.ts
 var SORT_PATH = "M3.5 2V10M5.5 8L3.5 10L1.5 8M8.5 10V2M10.5 4L8.5 2L6.5 4";
 function SortIcon({ size = 12, color = colors.grey150, strokeWidth = 1.5 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: SORT_PATH,
@@ -1088,7 +1118,7 @@ function StarIcon({
   strokeWidth = 2
 }) {
   const resolvedColor = color ?? (active ? "#E38E5E" : colors.grey150);
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: STAR_PATH,
@@ -1106,7 +1136,7 @@ function StarFilledIcon({
   color = "#E38E5E",
   strokeWidth = 2
 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: color, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: height ?? size * 26 / 28, viewBox: "0 0 28 26", fill: color, children: /* @__PURE__ */ jsx(
     Path,
     {
       d: STAR_PATH,
@@ -1122,7 +1152,7 @@ function StarFilledIcon({
 // src/icons/User/userPath.ts
 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";
 function UserIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
     Path,
     {
       d: USER_PATH,
@@ -1137,7 +1167,7 @@ function UserIcon({ size = 20, color = colors.primary, strokeWidth = 2 }) {
 // src/icons/UsersAlt/usersAltPath.ts
 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";
 function UsersAltIcon({ size = 28, color = colors.white }) {
-  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 }) });
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 28 28", fill: "none", children: /* @__PURE__ */ jsx(Path, { d: USERS_ALT_PATH, fill: color }) });
 }
 
 // src/icons/Video/videoPath.ts
@@ -1146,7 +1176,7 @@ var VIDEO_PATHS = [
   "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"
 ];
 function VideoIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
-  return /* @__PURE__ */ jsx(Svg15, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: VIDEO_PATHS.map((path) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: VIDEO_PATHS.map((path) => /* @__PURE__ */ jsx(
     Path,
     {
       d: path,
@@ -1162,6 +1192,7 @@ function VideoIcon({ size = 20, color = colors.primary, strokeWidth = 1.5 }) {
 // src/icons/registry.ts
 var icons = {
   areaExpand: AreaExpandIcon,
+  apple: AppleIcon,
   arrowRight: ArrowRightIcon,
   bag: BagIcon,
   bell: BellIcon,
@@ -1186,6 +1217,7 @@ var icons = {
   guests: GuestsIcon,
   heart: HeartIcon,
   globe: GlobeIcon,
+  googlePlay: GooglePlayIcon,
   helpCircle: HelpCircleIcon,
   home: HomeIcon,
   instagram: InstagramIcon,
@@ -1276,7 +1308,7 @@ var iconGroups = {
     "whatsApp"
   ],
   communication: ["mail", "phone"],
-  social: ["facebook", "instagram", "linkedin"],
+  social: ["apple", "facebook", "googlePlay", "instagram", "linkedin"],
   interface: [
     "areaExpand",
     "globe",
@@ -1297,6 +1329,79 @@ function Icon({ name, ...props }) {
   return /* @__PURE__ */ jsx(Component, { ...props });
 }
 
+// src/icons/Amenity/amenityPaths.ts
+var AMENITY_PATHS = {
+  kitchen: [
+    {
+      d: "M7.5 2.1665C7.58829 2.16659 7.67292 2.20172 7.73535 2.26416C7.79779 2.3266 7.83292 2.41122 7.83301 2.49951V17.4995C7.83301 17.5879 7.79786 17.6733 7.73535 17.7358C7.67293 17.7982 7.58821 17.8334 7.5 17.8335C7.41159 17.8335 7.32618 17.7984 7.26367 17.7358C7.20116 17.6733 7.16602 17.5879 7.16602 17.4995V11.1665H4.16602C4.07773 11.1664 3.9931 11.1313 3.93066 11.0688C3.86823 11.0064 3.83309 10.9218 3.83301 10.8335V5.8335C3.83301 4.86104 4.21959 3.92836 4.90723 3.24072C5.59486 2.55309 6.52754 2.1665 7.5 2.1665ZM6.5 3.00342C5.91495 3.21027 5.40799 3.59338 5.0498 4.1001C4.6916 4.60695 4.49967 5.21284 4.5 5.8335V10.4995H7.16602V2.76807L6.5 3.00342ZM13 9.3501L12.7783 9.20166L10.6533 7.77588L10.6494 7.77393L10.5879 7.72119C10.5694 7.70112 10.5532 7.67894 10.54 7.65479C10.527 7.63071 10.5165 7.60493 10.5098 7.57861L10.5 7.49756V2.49951C10.5001 2.41122 10.5352 2.3266 10.5977 2.26416C10.6602 2.20175 10.7447 2.1665 10.833 2.1665C10.9213 2.1665 11.0059 2.20175 11.0684 2.26416C11.1308 2.3266 11.1659 2.41122 11.166 2.49951V7.31689L11.3877 7.46533L12.2217 8.02393L13 8.54541V2.49951C13.0001 2.41122 13.0352 2.3266 13.0977 2.26416C13.1602 2.20175 13.2447 2.1665 13.333 2.1665C13.4213 2.1665 13.5059 2.20175 13.5684 2.26416C13.6308 2.32659 13.6659 2.41122 13.666 2.49951V8.54541L14.4443 8.02393L15.2783 7.46533L15.5 7.31689V2.49951C15.5001 2.41122 15.5352 2.32659 15.5977 2.26416C15.6602 2.20175 15.7447 2.1665 15.833 2.1665C15.9213 2.1665 16.0059 2.20175 16.0684 2.26416C16.1308 2.32659 16.1659 2.41122 16.166 2.49951V7.49951C16.1654 7.55363 16.1518 7.60718 16.126 7.65479C16.0998 7.70285 16.0623 7.74381 16.0166 7.77393L16.0127 7.77588L13.8877 9.20166L13.666 9.3501V17.4995C13.666 17.5879 13.6309 17.6733 13.5684 17.7358C13.5059 17.7981 13.4213 17.8335 13.333 17.8335C13.2448 17.8335 13.1601 17.7981 13.0977 17.7358C13.0351 17.6733 13 17.5879 13 17.4995V9.3501Z"
+    }
+  ],
+  wifi: [
+    {
+      d: "M9.99967 16.25H10.008M19.005 7.25063C16.6326 5.07666 13.471 3.75 9.99958 3.75C6.52813 3.75 3.36653 5.07666 0.994141 7.25063M3.94295 10.2025C5.55806 8.77971 7.67807 7.91667 9.99966 7.91667C12.3212 7.91667 14.4413 8.77971 16.0564 10.2025M13.0816 13.1459C12.2324 12.4802 11.1623 12.0833 9.99958 12.0833C8.81925 12.0833 7.73445 12.4923 6.87915 13.1763",
+      rounded: true,
+      strokeWidth: 2
+    }
+  ],
+  tv: [
+    {
+      d: "M15.0003 14.1667V16.1667C15.0003 16.6334 15.0003 16.8667 14.9095 17.045C14.8296 17.2018 14.7021 17.3293 14.5453 17.4092C14.3671 17.5 14.1337 17.5 13.667 17.5H6.33366C5.86695 17.5 5.63359 17.5 5.45533 17.4092C5.29853 17.3293 5.17105 17.2018 5.09115 17.045C5.00033 16.8667 5.00033 16.6334 5.00033 16.1667V14.1667M5.66699 14.1667H14.3337C15.7338 14.1667 16.4339 14.1667 16.9686 13.8942C17.439 13.6545 17.8215 13.272 18.0612 12.8016C18.3337 12.2669 18.3337 11.5668 18.3337 10.1667V6.5C18.3337 5.09987 18.3337 4.3998 18.0612 3.86502C17.8215 3.39462 17.439 3.01217 16.9686 2.77248C16.4339 2.5 15.7338 2.5 14.3337 2.5H5.66699C4.26686 2.5 3.5668 2.5 3.03202 2.77248C2.56161 3.01217 2.17916 3.39462 1.93948 3.86502C1.66699 4.3998 1.66699 5.09987 1.66699 6.5V10.1667C1.66699 11.5668 1.66699 12.2669 1.93948 12.8016C2.17916 13.272 2.56161 13.6545 3.03202 13.8942C3.5668 14.1667 4.26686 14.1667 5.66699 14.1667Z",
+      rounded: true,
+      strokeWidth: 2
+    }
+  ],
+  washer: [
+    {
+      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",
+      strokeWidth: 1.5
+    },
+    {
+      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",
+      fill: true
+    }
+  ],
+  ac: [
+    {
+      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",
+      rounded: true,
+      strokeWidth: 1.5
+    }
+  ],
+  bbq: [
+    {
+      d: "M15.8337 6.6665H4.16699C4.16699 7.99259 4.69378 9.26436 5.63146 10.202C6.56914 11.1397 7.84091 11.6665 9.16699 11.6665H10.8337C12.1279 11.6674 13.372 11.1664 14.3045 10.2689C15.237 9.37143 15.7851 8.14732 15.8337 6.854V6.6665ZM14.1667 16.6668C13.7246 16.6668 13.3007 16.4912 12.9882 16.1787C12.6756 15.8661 12.5 15.4422 12.5 15.0002C12.5 14.5581 12.6756 14.1342 12.9882 13.8217C13.3007 13.5091 13.7246 13.3335 14.1667 13.3335C14.6087 13.3335 15.0326 13.5091 15.3452 13.8217C15.6577 14.1342 15.8333 14.5581 15.8333 15.0002C15.8333 15.4422 15.6577 15.8661 15.3452 16.1787C15.0326 16.4912 14.6087 16.6668 14.1667 16.6668ZM12.5 11.6665L13.3333 13.3332M7.5 11.6665L5 16.6665M12.4997 15H5.83301M12.5 4.16683V3.3335M10 4.16683V3.3335M7.5 4.16683V3.3335",
+      rounded: true,
+      strokeWidth: 1.5
+    }
+  ],
+  forestView: [
+    {
+      d: "M13.75 5.3335C12.9544 5.3335 12.1905 5.64979 11.6279 6.2124C11.0656 6.77497 10.75 7.53803 10.75 8.3335V11.6685C10.7518 12.2873 10.9448 12.8903 11.3027 13.395C11.6608 13.8999 12.1665 14.2815 12.75 14.4878L13.416 14.7241V10.8335C13.416 10.7453 13.4514 10.6606 13.5137 10.5981C13.5762 10.5356 13.6616 10.5005 13.75 10.5005C13.8383 10.5006 13.9229 10.5357 13.9854 10.5981C14.0477 10.6606 14.083 10.7452 14.083 10.8335V14.7241L14.75 14.4878C15.3333 14.2815 15.8383 13.8997 16.1963 13.395C16.5543 12.8902 16.7482 12.2873 16.75 11.6685V8.3335C16.75 7.53795 16.4336 6.77499 15.8711 6.2124C15.3086 5.64987 14.5455 5.33358 13.75 5.3335ZM7.8291 2.896C7.08436 2.7482 6.31242 2.82426 5.61133 3.11572C4.91011 3.4073 4.31107 3.90128 3.89062 4.53369C3.52286 5.08695 3.30559 5.72481 3.25879 6.38428L3.25 6.6665V10.0015C3.25275 10.8492 3.53644 11.672 4.05664 12.3413C4.57684 13.0106 5.30421 13.4888 6.125 13.7007L6.75 13.8618V10.8335C6.75 10.7451 6.78518 10.6607 6.84766 10.5981C6.91017 10.5356 6.9946 10.5005 7.08301 10.5005C7.17141 10.5005 7.25585 10.5356 7.31836 10.5981C7.38083 10.6607 7.41602 10.7451 7.41602 10.8335V13.8716L8.04199 13.7095C8.81342 13.5095 9.50314 13.0736 10.0156 12.4634L10.1631 12.2876L10.127 12.062C10.1052 11.9268 10.0903 11.7906 10.083 11.6538V8.33447C10.0841 7.59016 10.3115 6.86331 10.7354 6.25146L10.8564 6.07764L10.8154 5.86963C10.6713 5.14369 10.3167 4.47555 9.79688 3.94873L9.79492 3.94678L9.58691 3.75342C9.08624 3.32147 8.48085 3.02537 7.8291 2.896ZM6.75 14.5024L6.33301 14.4321C5.2853 14.255 4.3338 13.713 3.64746 12.9019C3.00409 12.1414 2.63281 11.1901 2.58789 10.1987L2.58301 9.99951V6.67432C2.59783 5.64591 2.96462 4.65276 3.62207 3.86182C4.2795 3.07106 5.18807 2.52918 6.19629 2.32666C7.20464 2.12413 8.2522 2.27381 9.16406 2.74951C10.0758 3.22524 10.7973 3.9991 11.208 4.94189L11.4355 5.4624L11.9229 5.17041C12.4746 4.84014 13.106 4.66604 13.749 4.6665H13.75C14.7223 4.66659 15.6552 5.05317 16.3428 5.74072C17.0303 6.42833 17.416 7.36114 17.416 8.3335V11.6665C17.4162 12.5117 17.1243 13.3311 16.5898 13.9858C16.0554 14.6406 15.3115 15.0911 14.4834 15.2603L14.083 15.3413V17.5005C14.0829 17.5887 14.0478 17.6734 13.9854 17.7358C13.9229 17.7982 13.8383 17.8334 13.75 17.8335C13.6616 17.8335 13.5762 17.7984 13.5137 17.7358C13.4513 17.6734 13.4161 17.5887 13.416 17.5005V15.3442L13.0186 15.2603C12.534 15.1589 12.0747 14.9608 11.6689 14.6772C11.2632 14.3937 10.919 14.0309 10.6572 13.6108L10.3584 13.1313L9.91895 13.4858C9.31479 13.9737 8.59613 14.2993 7.83105 14.4321L7.41602 14.5044V17.5005C7.4159 17.5887 7.38077 17.6734 7.31836 17.7358C7.25587 17.7982 7.17131 17.8335 7.08301 17.8335C6.99471 17.8335 6.91015 17.7982 6.84766 17.7358C6.78525 17.6734 6.75012 17.5887 6.75 17.5005V14.5024Z"
+    }
+  ],
+  pets: [
+    {
+      d: "M12.2491 11.2498C11.3324 9.58317 11.0482 9.1665 9.99907 9.1665C8.94991 9.1665 8.55241 9.79567 7.63574 11.4557C6.85074 12.8748 5.26407 12.9932 4.86824 14.1982C4.78741 14.419 4.74741 14.7623 4.74907 14.9998C4.74907 15.9798 5.40491 16.6665 6.24907 16.6665C7.29824 16.6665 8.74907 15.8332 9.99907 15.8332C11.2491 15.8332 12.6999 16.6665 13.7491 16.6665C14.5932 16.6665 15.2491 15.9807 15.2491 14.9998C15.2491 14.7623 15.2082 14.419 15.1274 14.1982C14.7316 12.989 13.0341 12.669 12.2491 11.2498ZM16.8232 6.73484C16.7161 6.68958 16.601 6.66634 16.4848 6.6665H16.4723C15.8598 6.6765 15.1723 7.2915 14.8115 8.2215C14.379 9.334 14.5782 10.4715 15.2598 10.7648C15.3673 10.8107 15.4823 10.8332 15.5982 10.8332C16.214 10.8332 16.9107 10.2148 17.274 9.27817C17.704 8.16567 17.5007 7.02817 16.8232 6.73484ZM7.89628 7.50016C7.94211 7.50016 7.98711 7.50016 8.03211 7.491C8.81878 7.38433 9.30961 6.36933 9.13211 5.22266C8.96295 4.14183 8.25961 3.3335 7.52211 3.3335C7.47628 3.3335 7.43128 3.3335 7.38628 3.34266C6.59961 3.44933 6.10878 4.46433 6.28628 5.611C6.45628 6.6885 7.15961 7.50016 7.89711 7.50016H7.89628ZM13.7129 5.611C13.8913 4.46433 13.4004 3.44933 12.6129 3.34266C12.5682 3.33647 12.5231 3.33341 12.4779 3.3335C11.7404 3.3335 11.0379 4.14183 10.8696 5.22267C10.6913 6.36933 11.1821 7.38433 11.9696 7.491C12.0146 7.49683 12.0596 7.50016 12.1046 7.50016C12.8421 7.50016 13.5463 6.6885 13.7129 5.611ZM4.74152 10.7648C5.42152 10.4715 5.61985 9.33234 5.18819 8.2215C4.82485 7.28484 4.12902 6.6665 3.51402 6.6665C3.39735 6.6665 3.28319 6.689 3.17485 6.73484C2.49485 7.02817 2.29652 8.16734 2.72819 9.27817C3.09152 10.2148 3.78735 10.8332 4.40235 10.8332C4.51902 10.8332 4.63319 10.8107 4.74152 10.7648Z",
+      rounded: true,
+      strokeWidth: 1.5
+    }
+  ]
+};
+function AmenityIcon({ name, size = 20, color = colors.primary }) {
+  return /* @__PURE__ */ jsx(Svg16, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: AMENITY_PATHS[name].map((path, index) => /* @__PURE__ */ jsx(
+    Path,
+    {
+      d: path.d,
+      fill: path.fill ? color : "none",
+      stroke: path.fill ? void 0 : color,
+      strokeWidth: path.strokeWidth,
+      strokeLinecap: path.rounded ? "round" : void 0,
+      strokeLinejoin: path.rounded ? "round" : void 0
+    },
+    `${name}-${index}`
+  )) });
+}
+
 // src/utils/mergeRefs.ts
 function mergeRefs(internalRef, forwardedRef) {
   return (node) => {
@@ -1348,6 +1453,138 @@ function useApplyWebClassName(ref, className, enabled = true) {
     };
   }, [ref, className, enabled]);
 }
+var Amenity = forwardRef(function Amenity2({
+  icon,
+  label,
+  variant = "display",
+  selected,
+  defaultSelected = false,
+  onSelectedChange,
+  disabled = false,
+  style,
+  labelStyle,
+  className,
+  accessibilityLabel,
+  ...rest
+}, forwardedRef) {
+  const rootRef = useRef(null);
+  const setRootRef = useMemo(() => mergeRefs(rootRef, forwardedRef), [forwardedRef]);
+  const isControlled = typeof selected === "boolean";
+  const [uncontrolledSelected, setUncontrolledSelected] = useState(defaultSelected);
+  const isSelected = isControlled ? selected : uncontrolledSelected;
+  const isSelectable = variant === "selectable";
+  const iconColor = isSelectable && isSelected ? colors.primary : colors.white;
+  useApplyWebClassName(rootRef, className?.trim() || void 0);
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(View, { style: styles.iconSlot, children: /* @__PURE__ */ jsx(AmenityIcon, { color: iconColor, name: icon }) }),
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        style: [
+          styles.label,
+          isSelectable ? styles.selectableLabel : styles.displayLabel,
+          Platform.OS === "android" ? styles.labelAndroid : null,
+          labelStyle
+        ],
+        children: label
+      }
+    )
+  ] });
+  if (!isSelectable) {
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        ...rest,
+        ref: setRootRef,
+        accessibilityLabel: accessibilityLabel ?? label,
+        accessibilityRole: "text",
+        style: [styles.base, styles.display, style],
+        children: content
+      }
+    );
+  }
+  const handlePress = () => {
+    if (disabled) return;
+    const nextSelected = !isSelected;
+    if (!isControlled) setUncontrolledSelected(nextSelected);
+    onSelectedChange?.(nextSelected);
+  };
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ...rest,
+      ref: setRootRef,
+      accessibilityLabel: accessibilityLabel ?? label,
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked: isSelected, disabled },
+      disabled,
+      onPress: handlePress,
+      style: [
+        styles.base,
+        styles.selectable,
+        isSelected && styles.selected,
+        disabled && styles.disabled,
+        style
+      ],
+      children: content
+    }
+  );
+});
+var styles = StyleSheet.create({
+  base: {
+    height: 44,
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    flexDirection: "row",
+    alignItems: "center",
+    alignSelf: "flex-start",
+    backgroundColor: colors.grey700
+  },
+  display: {
+    gap: 8,
+    borderRadius: 39,
+    backgroundColor: colors.grey750
+  },
+  selectable: {
+    gap: 12,
+    borderWidth: 1,
+    borderColor: "transparent",
+    borderStyle: "solid",
+    borderRadius: 79
+  },
+  selected: {
+    borderColor: colors.primary
+  },
+  disabled: {
+    opacity: 0.6
+  },
+  iconSlot: {
+    width: 20,
+    height: 20,
+    alignItems: "center",
+    justifyContent: "center",
+    flexShrink: 0
+  },
+  label: {
+    fontFamily: fonts.sans,
+    color: colors.white
+  },
+  displayLabel: {
+    fontSize: 14,
+    fontWeight: "500",
+    lineHeight: 14,
+    letterSpacing: 0
+  },
+  selectableLabel: {
+    fontSize: 12,
+    fontWeight: "700",
+    lineHeight: 13.44,
+    letterSpacing: 0
+  },
+  labelAndroid: {
+    includeFontPadding: false
+  }
+});
 var ITEM_RADIUS = 12;
 var ICON_SIZE = 16;
 var MenuItem = forwardRef(function MenuItem2({
@@ -1402,19 +1639,19 @@ var MenuItem = forwardRef(function MenuItem2({
       accessibilityLabel: resolvedAccessibilityLabel,
       accessibilityState: { disabled },
       style: [
-        styles.root,
+        styles2.root,
         { backgroundColor: resolvedBackground },
-        disabled && styles.disabled,
+        disabled && styles2.disabled,
         style
       ],
       children: [
-        icon ? /* @__PURE__ */ jsx(View, { style: styles.iconSlot, children: icon }) : null,
-        /* @__PURE__ */ jsx(Text, { style: [styles.label, labelStyle], numberOfLines: 1, children: label })
+        icon ? /* @__PURE__ */ jsx(View, { style: styles2.iconSlot, children: icon }) : null,
+        /* @__PURE__ */ jsx(Text, { style: [styles2.label, labelStyle], numberOfLines: 1, children: label })
       ]
     }
   );
 });
-var styles = StyleSheet.create({
+var styles2 = StyleSheet.create({
   root: {
     minHeight: 40,
     borderRadius: ITEM_RADIUS,
@@ -1482,10 +1719,10 @@ var FavoritesButton = forwardRef(
         hitSlop,
         onPress: handlePress,
         style: ({ pressed }) => [
-          styles2.button,
+          styles3.button,
           webBlurStyle,
-          pressed && styles2.pressed,
-          disabled && styles2.disabled,
+          pressed && styles3.pressed,
+          disabled && styles3.disabled,
           style
         ],
         children: /* @__PURE__ */ jsx(
@@ -1501,7 +1738,7 @@ var FavoritesButton = forwardRef(
     );
   }
 );
-var styles2 = StyleSheet.create({
+var styles3 = StyleSheet.create({
   button: {
     padding: 12,
     gap: 10,
@@ -1575,7 +1812,7 @@ function BrandLogo({
   const size = resolveBrandLogoSize(width, height);
   const fill = BRAND_LOGO_COLORS[variant];
   return /* @__PURE__ */ jsx(
-    Svg15,
+    Svg16,
     {
       width: size.width,
       height: size.height,
@@ -1679,7 +1916,7 @@ var Avatar = forwardRef(function Avatar2({
   }, [isOpen, closeAndFocusTrigger]);
   const hasImage = Boolean(imageUrl) && !imageFailed;
   const resolvedAccessibilityLabel = accessibilityLabel ?? [name, email].filter(Boolean).join(", ");
-  return /* @__PURE__ */ jsxs(View, { ref: wrapperRef, style: [styles3.wrapper, isOpen && styles3.wrapperOpen], children: [
+  return /* @__PURE__ */ jsxs(View, { ref: wrapperRef, style: [styles4.wrapper, isOpen && styles4.wrapperOpen], children: [
     /* @__PURE__ */ jsxs(
       Pressable,
       {
@@ -1691,25 +1928,25 @@ var Avatar = forwardRef(function Avatar2({
         accessibilityRole: isInteractive ? "button" : void 0,
         accessibilityLabel: resolvedAccessibilityLabel,
         accessibilityState: isInteractive ? { disabled, expanded: hasMenu ? isOpen : void 0 } : void 0,
-        style: [styles3.root, disabled && styles3.disabled, style],
+        style: [styles4.root, disabled && styles4.disabled, style],
         children: [
-          /* @__PURE__ */ jsx(View, { style: styles3.imageWrap, children: hasImage ? /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx(View, { style: styles4.imageWrap, children: hasImage ? /* @__PURE__ */ jsx(
             Image,
             {
               source: { uri: imageUrl ?? void 0 },
-              style: styles3.image,
+              style: styles4.image,
               onError: () => setImageFailed(true)
             }
-          ) : /* @__PURE__ */ jsx(View, { style: styles3.imageFallback, children: /* @__PURE__ */ jsx(UserIcon, { size: FALLBACK_ICON_SIZE, color: colors.primary }) }) }),
-          /* @__PURE__ */ jsxs(View, { style: styles3.textColumn, children: [
-            /* @__PURE__ */ jsx(Text, { style: styles3.name, numberOfLines: 1, children: name }),
-            email ? /* @__PURE__ */ jsx(Text, { style: styles3.email, numberOfLines: 1, children: email }) : null
+          ) : /* @__PURE__ */ jsx(View, { style: styles4.imageFallback, children: /* @__PURE__ */ jsx(UserIcon, { size: FALLBACK_ICON_SIZE, color: colors.primary }) }) }),
+          /* @__PURE__ */ jsxs(View, { style: styles4.textColumn, children: [
+            /* @__PURE__ */ jsx(Text, { style: styles4.name, numberOfLines: 1, children: name }),
+            email ? /* @__PURE__ */ jsx(Text, { style: styles4.email, numberOfLines: 1, children: email }) : null
           ] }),
-          showChevron ? /* @__PURE__ */ jsx(View, { style: [styles3.chevronSlot, isOpen && styles3.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: CHEVRON_SIZE, color: isOpen ? colors.primary : colors.grey100 }) }) : null
+          showChevron ? /* @__PURE__ */ jsx(View, { style: [styles4.chevronSlot, isOpen && styles4.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: CHEVRON_SIZE, color: isOpen ? colors.primary : colors.grey100 }) }) : null
         ]
       }
     ),
-    hasMenu && isOpen ? /* @__PURE__ */ jsx(View, { style: [styles3.menu, menuWidth != null && { right: void 0, width: menuWidth }], children: resolvedMenuItems.map((item) => {
+    hasMenu && isOpen ? /* @__PURE__ */ jsx(View, { style: [styles4.menu, menuWidth != null && { right: void 0, width: menuWidth }], children: resolvedMenuItems.map((item) => {
       const itemKey = item.key ?? item.label;
       return /* @__PURE__ */ jsx(
         MenuItem,
@@ -1726,7 +1963,7 @@ var Avatar = forwardRef(function Avatar2({
     }) }) : null
   ] });
 });
-var styles3 = StyleSheet.create({
+var styles4 = StyleSheet.create({
   wrapper: {
     position: "relative",
     alignSelf: "flex-start"
@@ -1842,22 +2079,22 @@ var Badge = forwardRef(function Badge2({ label, variant = "default", icon: Icon2
       ...rest,
       ref: setContainerRef,
       style: [
-        styles4.base,
+        styles5.base,
         { backgroundColor: preset.backgroundColor },
-        preset.border ? styles4.transparentBorder : null,
+        preset.border ? styles5.transparentBorder : null,
         preset.blur ? webBlurStyle2 : null,
         style
       ],
       accessibilityRole: "text",
       accessibilityLabel: accessibilityLabel ?? label,
       children: [
-        Icon2 ? /* @__PURE__ */ jsx(View, { style: styles4.iconSlot, children: /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE3, color: preset.iconColor }) }) : null,
-        /* @__PURE__ */ jsx(Text, { style: [styles4.label, Platform.OS === "android" ? styles4.labelAndroid : null], children: label })
+        Icon2 ? /* @__PURE__ */ jsx(View, { style: styles5.iconSlot, children: /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE3, color: preset.iconColor }) }) : null,
+        /* @__PURE__ */ jsx(Text, { style: [styles5.label, Platform.OS === "android" ? styles5.labelAndroid : null], children: label })
       ]
     }
   );
 });
-var styles4 = StyleSheet.create({
+var styles5 = StyleSheet.create({
   base: {
     flexDirection: "row",
     alignItems: "center",
@@ -1930,7 +2167,7 @@ var Counter = forwardRef(function Counter2({
     if (!isControlled) setUncontrolledValue(next);
     onValueChange?.(next);
   };
-  return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles5.base, style], children: [
+  return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles6.base, style], children: [
     /* @__PURE__ */ jsx(
       Pressable,
       {
@@ -1940,11 +2177,11 @@ var Counter = forwardRef(function Counter2({
         accessibilityRole: "button",
         accessibilityLabel: "Decrease value",
         accessibilityState: { disabled: decrementDisabled },
-        style: [styles5.button, webBlurStyle3, decrementDisabled && styles5.buttonDisabled],
+        style: [styles6.button, webBlurStyle3, decrementDisabled && styles6.buttonDisabled],
         children: /* @__PURE__ */ jsx(MinusIcon, {})
       }
     ),
-    /* @__PURE__ */ jsx(Text, { style: styles5.value, children: resolvedValue }),
+    /* @__PURE__ */ jsx(Text, { style: styles6.value, children: resolvedValue }),
     /* @__PURE__ */ jsx(
       Pressable,
       {
@@ -1954,13 +2191,13 @@ var Counter = forwardRef(function Counter2({
         accessibilityRole: "button",
         accessibilityLabel: "Increase value",
         accessibilityState: { disabled: incrementDisabled },
-        style: [styles5.button, webBlurStyle3, incrementDisabled && styles5.buttonDisabled],
+        style: [styles6.button, webBlurStyle3, incrementDisabled && styles6.buttonDisabled],
         children: /* @__PURE__ */ jsx(PlusIcon, {})
       }
     )
   ] });
 });
-var styles5 = StyleSheet.create({
+var styles6 = StyleSheet.create({
   base: {
     flexDirection: "row",
     alignItems: "center",
@@ -2051,9 +2288,9 @@ var SegmentedToggle = forwardRef(
           onLayout?.(event);
         },
         style: [
-          styles6.base,
-          fullWidth ? styles6.fullWidth : styles6.contentWidth,
-          disabled && styles6.disabled,
+          styles7.base,
+          fullWidth ? styles7.fullWidth : styles7.contentWidth,
+          disabled && styles7.disabled,
           style
         ],
         accessibilityRole: "radiogroup",
@@ -2063,7 +2300,7 @@ var SegmentedToggle = forwardRef(
             {
               pointerEvents: "none",
               style: [
-                styles6.activeIndicator,
+                styles7.activeIndicator,
                 { width: optionWidth, transform: [{ translateX: indicatorTranslateX }] }
               ]
             }
@@ -2082,8 +2319,8 @@ var SegmentedToggle = forwardRef(
                 accessibilityLabel: label,
                 accessibilityState: { selected, disabled },
                 style: [
-                  styles6.option,
-                  fullWidth ? styles6.optionFullWidth : optionWidth > 0 && { minWidth: optionWidth }
+                  styles7.option,
+                  fullWidth ? styles7.optionFullWidth : optionWidth > 0 && { minWidth: optionWidth }
                 ],
                 children: /* @__PURE__ */ jsxs(
                   View,
@@ -2097,10 +2334,10 @@ var SegmentedToggle = forwardRef(
                         return nextWidths;
                       });
                     },
-                    style: styles6.optionContent,
+                    style: styles7.optionContent,
                     children: [
                       Icon2 ? /* @__PURE__ */ jsx(Icon2, { size: ICON_SIZE4, color: iconColor }) : null,
-                      /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles6.label, { color: labelColor }], children: label })
+                      /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles7.label, { color: labelColor }], children: label })
                     ]
                   }
                 )
@@ -2113,7 +2350,7 @@ var SegmentedToggle = forwardRef(
     );
   }
 );
-var styles6 = StyleSheet.create({
+var styles7 = StyleSheet.create({
   base: {
     height: 44,
     flexDirection: "row",
@@ -2251,7 +2488,7 @@ var LanguageSwitcher = forwardRef(
       {
         ...rest,
         ref: setWrapperRef,
-        style: [styles7.wrapper, isOpen && styles7.wrapperOpen, disabled && styles7.disabled, style],
+        style: [styles8.wrapper, isOpen && styles8.wrapperOpen, disabled && styles8.disabled, style],
         children: [
           /* @__PURE__ */ jsxs(
             Pressable,
@@ -2266,17 +2503,17 @@ var LanguageSwitcher = forwardRef(
               onHoverIn: () => setTriggerHovered(true),
               onHoverOut: () => setTriggerHovered(false),
               style: ({ pressed }) => [
-                styles7.trigger,
-                (triggerHovered || pressed || isOpen) && styles7.triggerActive
+                styles8.trigger,
+                (triggerHovered || pressed || isOpen) && styles8.triggerActive
               ],
               children: [
                 /* @__PURE__ */ jsx(GlobeIcon, { size: ICON_SIZE5, color: colors.white, strokeWidth: 2 }),
-                /* @__PURE__ */ jsx(Text, { style: styles7.triggerLabel, numberOfLines: 1, children: selectedOption?.label ?? "" }),
-                /* @__PURE__ */ jsx(View, { style: [styles7.chevron, isOpen && styles7.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE5, color: colors.white, strokeWidth: 2 }) })
+                /* @__PURE__ */ jsx(Text, { style: styles8.triggerLabel, numberOfLines: 1, children: selectedOption?.label ?? "" }),
+                /* @__PURE__ */ jsx(View, { style: [styles8.chevron, isOpen && styles8.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE5, color: colors.white, strokeWidth: 2 }) })
               ]
             }
           ),
-          isOpen && options.length > 0 ? /* @__PURE__ */ jsx(View, { style: styles7.menu, accessibilityRole: "menu", children: options.map((option) => {
+          isOpen && options.length > 0 ? /* @__PURE__ */ jsx(View, { style: styles8.menu, accessibilityRole: "menu", children: options.map((option) => {
             const selected = option.value === selectedValue;
             return /* @__PURE__ */ jsx(
               Pressable,
@@ -2288,10 +2525,10 @@ var LanguageSwitcher = forwardRef(
                 onHoverIn: () => setHoveredValue(option.value),
                 onHoverOut: () => setHoveredValue(null),
                 style: ({ pressed }) => [
-                  styles7.item,
-                  selected ? styles7.itemSelected : (hoveredValue === option.value || pressed) && styles7.itemHovered
+                  styles8.item,
+                  selected ? styles8.itemSelected : (hoveredValue === option.value || pressed) && styles8.itemHovered
                 ],
-                children: /* @__PURE__ */ jsx(Text, { style: [styles7.itemLabel, selected && styles7.itemLabelSelected], children: option.label })
+                children: /* @__PURE__ */ jsx(Text, { style: [styles8.itemLabel, selected && styles8.itemLabelSelected], children: option.label })
               },
               option.value
             );
@@ -2301,7 +2538,7 @@ var LanguageSwitcher = forwardRef(
     );
   }
 );
-var styles7 = StyleSheet.create({
+var styles8 = StyleSheet.create({
   wrapper: {
     position: "relative",
     width: CONTROL_WIDTH,
@@ -2397,17 +2634,17 @@ var StatCard = forwardRef(function StatCard2({
     {
       ...rest,
       ref: setContainerRef,
-      style: [styles8.base, style],
+      style: [styles9.base, style],
       accessibilityRole: "text",
       accessibilityLabel: accessibilityLabel ?? label,
       children: [
         /* @__PURE__ */ jsx(Icon2, { ...iconProps, size: iconSize, color: iconProps?.color ?? colors.white }),
-        /* @__PURE__ */ jsx(Text, { style: styles8.label, children: label })
+        /* @__PURE__ */ jsx(Text, { style: styles9.label, children: label })
       ]
     }
   );
 });
-var styles8 = StyleSheet.create({
+var styles9 = StyleSheet.create({
   base: {
     width: 204.5,
     minHeight: 114,
@@ -2493,7 +2730,7 @@ var Button = forwardRef(
     useApplyWebClassName(textRef, textClassName);
     const iconNode = customIcon ?? /* @__PURE__ */ jsx(ArrowRightIcon, { size: metrics.iconSize, color: preset.iconColor });
     const containerStyle = [
-      styles9.base,
+      styles10.base,
       {
         minHeight: metrics.minHeight,
         borderRadius: metrics.borderRadius,
@@ -2504,16 +2741,16 @@ var Button = forwardRef(
         paddingRight: hasIcon ? metrics.paddingRightWithIcon : metrics.paddingRight,
         gap: hasIcon ? metrics.gap : 0
       },
-      hasIcon ? styles9.contentWithIcon : styles9.contentWithoutIcon,
-      disabled && styles9.disabled,
+      hasIcon ? styles10.contentWithIcon : styles10.contentWithoutIcon,
+      disabled && styles10.disabled,
       style
     ];
     const labelStyle = [
-      styles9.label,
+      styles10.label,
       metrics.text,
       { color: preset.textColor },
-      Platform.OS === "android" ? styles9.labelAndroid : null,
-      !hasIcon && styles9.labelCentered,
+      Platform.OS === "android" ? styles10.labelAndroid : null,
+      !hasIcon && styles10.labelCentered,
       textStyle
     ];
     return /* @__PURE__ */ jsxs(
@@ -2534,7 +2771,7 @@ var Button = forwardRef(
             View,
             {
               style: [
-                styles9.iconContainer,
+                styles10.iconContainer,
                 {
                   width: metrics.iconContainerSize,
                   height: metrics.iconContainerSize,
@@ -2550,7 +2787,7 @@ var Button = forwardRef(
     );
   }
 );
-var styles9 = StyleSheet.create({
+var styles10 = StyleSheet.create({
   base: {
     flexDirection: "row",
     alignItems: "center",
@@ -2634,13 +2871,13 @@ var Checkbox = forwardRef(function Checkbox2({
       accessibilityRole: "checkbox",
       accessibilityLabel: resolvedAccessibilityLabel,
       accessibilityState: { checked: isActive, disabled },
-      style: [styles10.root, disabled && styles10.disabled, style],
+      style: [styles11.root, disabled && styles11.disabled, style],
       children: [
         /* @__PURE__ */ jsx(
           View,
           {
             style: [
-              styles10.box,
+              styles11.box,
               {
                 backgroundColor: chrome.backgroundColor,
                 borderColor: chrome.borderColor
@@ -2649,12 +2886,12 @@ var Checkbox = forwardRef(function Checkbox2({
             children: isActive ? /* @__PURE__ */ jsx(CheckIcon, { size: CHECK_SIZE, color: colors.primary, strokeWidth: CHECK_STROKE }) : null
           }
         ),
-        labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles10.label, labelStyle], children: labelContent }) : labelContent : null
+        labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles11.label, labelStyle], children: labelContent }) : labelContent : null
       ]
     }
   );
 });
-var styles10 = StyleSheet.create({
+var styles11 = StyleSheet.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -2905,9 +3142,9 @@ var DatePicker = forwardRef(
       {
         ...rest,
         ref: setRootRef,
-        style: [styles11.root, isOpen && styles11.rootOpen, disabled && styles11.disabled, style],
+        style: [styles12.root, isOpen && styles12.rootOpen, disabled && styles12.disabled, style],
         accessibilityState: { disabled, expanded: isOpen },
-        children: /* @__PURE__ */ jsxs(View, { style: [styles11.triggerWrap, isOpen && styles11.triggerWrapOpen], children: [
+        children: /* @__PURE__ */ jsxs(View, { style: [styles12.triggerWrap, isOpen && styles12.triggerWrapOpen], children: [
           /* @__PURE__ */ jsxs(
             Pressable,
             {
@@ -2918,17 +3155,17 @@ var DatePicker = forwardRef(
               accessibilityLabel: resolvedAccessibilityLabel,
               accessibilityState: { disabled, expanded: isOpen },
               style: [
-                styles11.trigger,
+                styles12.trigger,
                 { borderColor: triggerBorderColor, backgroundColor: colors.grey700 }
               ],
               children: [
-                /* @__PURE__ */ jsx(Text, { style: [styles11.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: triggerLabel }),
-                /* @__PURE__ */ jsx(View, { style: styles11.iconSlot, children: /* @__PURE__ */ jsx(CalendarOutlineIcon, { size: ICON_SIZE7, color: colors.grey100 }) })
+                /* @__PURE__ */ jsx(Text, { style: [styles12.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: triggerLabel }),
+                /* @__PURE__ */ jsx(View, { style: styles12.iconSlot, children: /* @__PURE__ */ jsx(CalendarOutlineIcon, { size: ICON_SIZE7, color: colors.grey100 }) })
               ]
             }
           ),
-          isOpen ? /* @__PURE__ */ jsxs(View, { style: [styles11.menu, calendarStyle], children: [
-            /* @__PURE__ */ jsxs(View, { style: styles11.calendarHeader, children: [
+          isOpen ? /* @__PURE__ */ jsxs(View, { style: [styles12.menu, calendarStyle], children: [
+            /* @__PURE__ */ jsxs(View, { style: styles12.calendarHeader, children: [
               /* @__PURE__ */ jsx(
                 Pressable,
                 {
@@ -2936,11 +3173,11 @@ var DatePicker = forwardRef(
                   hitSlop: 8,
                   accessibilityRole: "button",
                   accessibilityLabel: "Previous month",
-                  style: styles11.navButton,
+                  style: styles12.navButton,
                   children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: NAV_ICON_SIZE, color: colors.white })
                 }
               ),
-              /* @__PURE__ */ jsxs(Text, { style: styles11.monthHeading, children: [
+              /* @__PURE__ */ jsxs(Text, { style: styles12.monthHeading, children: [
                 monthNames[visibleMonth.getMonth()],
                 " ",
                 visibleMonth.getFullYear()
@@ -2952,13 +3189,13 @@ var DatePicker = forwardRef(
                   hitSlop: 8,
                   accessibilityRole: "button",
                   accessibilityLabel: "Next month",
-                  style: styles11.navButton,
-                  children: /* @__PURE__ */ jsx(View, { style: styles11.navIconMirror, children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: NAV_ICON_SIZE, color: colors.white }) })
+                  style: styles12.navButton,
+                  children: /* @__PURE__ */ jsx(View, { style: styles12.navIconMirror, children: /* @__PURE__ */ jsx(ChevronLeftIcon, { size: NAV_ICON_SIZE, color: colors.white }) })
                 }
               )
             ] }),
             /* @__PURE__ */ jsxs(View, { children: [
-              /* @__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}`)) }),
+              /* @__PURE__ */ jsx(View, { style: styles12.weekdayRow, children: weekdayLabels.map((weekdayLabel, index) => /* @__PURE__ */ jsx(View, { style: styles12.dayCellWrap, children: /* @__PURE__ */ jsx(Text, { style: styles12.weekdayText, children: weekdayLabel }) }, `${weekdayLabel}-${index}`)) }),
               weeks.map((week, weekIndex) => {
                 let rangeHighlightStyle = null;
                 if (isRange && rangeValue.start && rangeValue.end) {
@@ -2995,13 +3232,13 @@ var DatePicker = forwardRef(
                 return /* @__PURE__ */ jsxs(
                   View,
                   {
-                    style: [styles11.weekRow, weekIndex > 0 && styles11.weekRowSpaced],
+                    style: [styles12.weekRow, weekIndex > 0 && styles12.weekRowSpaced],
                     children: [
                       rangeHighlightStyle ? /* @__PURE__ */ jsx(
                         View,
                         {
                           pointerEvents: "none",
-                          style: [styles11.rangeHighlight, rangeHighlightStyle]
+                          style: [styles12.rangeHighlight, rangeHighlightStyle]
                         }
                       ) : null,
                       week.map((day, dayIndex) => {
@@ -3024,7 +3261,7 @@ var DatePicker = forwardRef(
                             onHoverOut: () => setHoveredDayKey((current) => current === dayKey ? null : current),
                             onPressIn: () => setHoveredDayKey(dayKey),
                             onPressOut: () => setHoveredDayKey((current) => current === dayKey ? null : current),
-                            style: styles11.dayCellWrap,
+                            style: styles12.dayCellWrap,
                             accessibilityRole: "button",
                             accessibilityLabel: formatValue(day),
                             accessibilityState: {
@@ -3036,14 +3273,14 @@ var DatePicker = forwardRef(
                                 View,
                                 {
                                   style: [
-                                    styles11.dayCircle,
-                                    isSelectedEndpoint && styles11.dayCircleSelected,
-                                    isHovered && styles11.dayCircleHovered
+                                    styles12.dayCircle,
+                                    isSelectedEndpoint && styles12.dayCircleSelected,
+                                    isHovered && styles12.dayCircleHovered
                                   ],
-                                  children: /* @__PURE__ */ jsx(Text, { style: [styles11.dayText, { color: dayTextColor }], children: day.getDate() })
+                                  children: /* @__PURE__ */ jsx(Text, { style: [styles12.dayText, { color: dayTextColor }], children: day.getDate() })
                                 }
                               ),
-                              isToday && !isSelectedEndpoint ? /* @__PURE__ */ jsx(View, { style: styles11.todayDot }) : null
+                              isToday && !isSelectedEndpoint ? /* @__PURE__ */ jsx(View, { style: styles12.todayDot }) : null
                             ]
                           },
                           dayIndex
@@ -3061,7 +3298,7 @@ var DatePicker = forwardRef(
     );
   }
 );
-var styles11 = StyleSheet.create({
+var styles12 = StyleSheet.create({
   root: {
     width: DEFAULT_WIDTH,
     gap: 8,
@@ -3340,13 +3577,13 @@ var Input = forwardRef(function Input2({
   });
   useApplyWebClassName(rootRef, className);
   useApplyWebClassName(inputRef, inputClassName);
-  return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles12.root, disabled && styles12.disabled, style], children: [
-    showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles12.label, { color: chrome.labelColor }], children: label }) : null,
+  return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles13.root, disabled && styles13.disabled, style], children: [
+    showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles13.label, { color: chrome.labelColor }], children: label }) : null,
     /* @__PURE__ */ jsxs(
       View,
       {
         style: [
-          styles12.field,
+          styles13.field,
           {
             height: metrics.height,
             borderRadius: metrics.borderRadius,
@@ -3361,7 +3598,7 @@ var Input = forwardRef(function Input2({
           fieldStyle
         ],
         children: [
-          hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: [styles12.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: leftIconNode }) : null,
+          hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: [styles13.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: leftIconNode }) : null,
           /* @__PURE__ */ jsx(
             TextInput,
             {
@@ -3385,11 +3622,11 @@ var Input = forwardRef(function Input2({
                 onBlur?.(event);
               },
               style: [
-                styles12.input,
+                styles13.input,
                 metrics.text,
                 { color: chrome.textColor },
-                Platform.OS === "web" ? styles12.inputWeb : null,
-                Platform.OS === "android" ? styles12.inputAndroid : null,
+                Platform.OS === "web" ? styles13.inputWeb : null,
+                Platform.OS === "android" ? styles13.inputAndroid : null,
                 inputStyle
               ],
               accessibilityLabel: resolvedAccessibilityLabel,
@@ -3401,20 +3638,20 @@ var Input = forwardRef(function Input2({
             {
               onPress: onRightIconPress,
               disabled,
-              style: [styles12.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }],
+              style: [styles13.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }],
               accessibilityRole: "button",
               accessibilityLabel: rightIconAccessibilityLabel,
               hitSlop: 8,
               children: rightIconNode
             }
-          ) : /* @__PURE__ */ jsx(View, { style: [styles12.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: rightIconNode }) : null
+          ) : /* @__PURE__ */ jsx(View, { style: [styles13.iconSlot, { width: metrics.iconSize, height: metrics.iconSize }], children: rightIconNode }) : null
         ]
       }
     ),
-    showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles12.hint, { color: chrome.hintColor }], children: hint }) : null
+    showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles13.hint, { color: chrome.hintColor }], children: hint }) : null
   ] });
 });
-var styles12 = StyleSheet.create({
+var styles13 = StyleSheet.create({
   root: {
     width: DEFAULT_WIDTH2,
     gap: 8,
@@ -3530,25 +3767,25 @@ function MultiValueChips({ options, disabled, onRemove }) {
     const next = Math.ceil(event.nativeEvent.layout.width);
     setEllipsisWidth((current) => current === next ? current : next);
   };
-  return /* @__PURE__ */ jsxs(View, { style: styles13.multiValueRoot, children: [
-    /* @__PURE__ */ jsxs(View, { pointerEvents: "none", style: styles13.measureRow, children: [
+  return /* @__PURE__ */ jsxs(View, { style: styles14.multiValueRoot, children: [
+    /* @__PURE__ */ jsxs(View, { pointerEvents: "none", style: styles14.measureRow, children: [
       options.map((option) => /* @__PURE__ */ jsxs(
         View,
         {
-          style: styles13.chip,
+          style: styles14.chip,
           onLayout: (event) => handleChipLayout(option.value, event),
           children: [
-            /* @__PURE__ */ jsx(Text, { style: styles13.chipLabel, numberOfLines: 1, children: option.label }),
-            /* @__PURE__ */ jsx(Text, { style: styles13.chipRemove, children: "\xD7" })
+            /* @__PURE__ */ jsx(Text, { style: styles14.chipLabel, numberOfLines: 1, children: option.label }),
+            /* @__PURE__ */ jsx(Text, { style: styles14.chipRemove, children: "\xD7" })
           ]
         },
         `measure-${option.value}`
       )),
-      /* @__PURE__ */ jsx(View, { style: styles13.ellipsis, onLayout: handleEllipsisLayout, children: /* @__PURE__ */ jsx(Text, { style: styles13.ellipsisText, children: "..." }) })
+      /* @__PURE__ */ jsx(View, { style: styles14.ellipsis, onLayout: handleEllipsisLayout, children: /* @__PURE__ */ jsx(Text, { style: styles14.ellipsisText, children: "..." }) })
     ] }),
-    /* @__PURE__ */ jsxs(View, { style: styles13.chipsRow, onLayout: handleContainerLayout, children: [
-      visible.map((option) => /* @__PURE__ */ jsxs(View, { style: styles13.chip, children: [
-        /* @__PURE__ */ jsx(Text, { style: styles13.chipLabel, numberOfLines: 1, children: option.label }),
+    /* @__PURE__ */ jsxs(View, { style: styles14.chipsRow, onLayout: handleContainerLayout, children: [
+      visible.map((option) => /* @__PURE__ */ jsxs(View, { style: styles14.chip, children: [
+        /* @__PURE__ */ jsx(Text, { style: styles14.chipLabel, numberOfLines: 1, children: option.label }),
         /* @__PURE__ */ jsx(
           Pressable,
           {
@@ -3560,11 +3797,11 @@ function MultiValueChips({ options, disabled, onRemove }) {
             hitSlop: 6,
             accessibilityRole: "button",
             accessibilityLabel: `Remove ${option.label}`,
-            children: /* @__PURE__ */ jsx(Text, { style: styles13.chipRemove, children: "\xD7" })
+            children: /* @__PURE__ */ jsx(Text, { style: styles14.chipRemove, children: "\xD7" })
           }
         )
       ] }, option.value)),
-      hasOverflow ? /* @__PURE__ */ jsx(View, { style: styles13.ellipsis, children: /* @__PURE__ */ jsx(Text, { style: styles13.ellipsisText, children: "..." }) }) : null
+      hasOverflow ? /* @__PURE__ */ jsx(View, { style: styles14.ellipsis, children: /* @__PURE__ */ jsx(Text, { style: styles14.ellipsisText, children: "..." }) }) : null
     ] })
   ] });
 }
@@ -3788,11 +4025,11 @@ var Select = forwardRef(
       {
         ...rest,
         ref: setRootRef,
-        style: [styles13.root, isOpen && styles13.rootOpen, disabled && styles13.disabled, style],
+        style: [styles14.root, isOpen && styles14.rootOpen, disabled && styles14.disabled, style],
         accessibilityState: { disabled, expanded: isOpen },
         children: [
-          showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles13.label, { color: labelColor }], children: label }) : null,
-          /* @__PURE__ */ jsxs(View, { style: [styles13.triggerWrap, isOpen && styles13.triggerWrapOpen], children: [
+          showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles14.label, { color: labelColor }], children: label }) : null,
+          /* @__PURE__ */ jsxs(View, { style: [styles14.triggerWrap, isOpen && styles14.triggerWrapOpen], children: [
             /* @__PURE__ */ jsxs(
               Pressable,
               {
@@ -3803,29 +4040,29 @@ var Select = forwardRef(
                 accessibilityLabel: resolvedAccessibilityLabel,
                 accessibilityState: { disabled, expanded: isOpen },
                 style: [
-                  styles13.trigger,
+                  styles14.trigger,
                   {
                     borderColor: triggerBorderColor,
                     backgroundColor: colors.grey700
                   }
                 ],
                 children: [
-                  hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: styles13.iconSlot, children: leftIconNode }) : null,
-                  /* @__PURE__ */ jsx(View, { style: styles13.triggerContent, children: multiple && hasValue ? /* @__PURE__ */ jsx(
+                  hasLeftIcon ? /* @__PURE__ */ jsx(View, { style: styles14.iconSlot, children: leftIconNode }) : null,
+                  /* @__PURE__ */ jsx(View, { style: styles14.triggerContent, children: multiple && hasValue ? /* @__PURE__ */ jsx(
                     MultiValueChips,
                     {
                       options: selectedOptions,
                       disabled,
                       onRemove: handleRemoveChip
                     }
-                  ) : /* @__PURE__ */ jsx(Text, { style: [styles13.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: multiple ? placeholder : singleLabel }) }),
-                  /* @__PURE__ */ jsx(View, { style: [styles13.iconSlot, isOpen && styles13.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE8, color: isOpen ? colors.primary : colors.grey100 }) })
+                  ) : /* @__PURE__ */ jsx(Text, { style: [styles14.triggerText, { color: triggerTextColor }], numberOfLines: 1, children: multiple ? placeholder : singleLabel }) }),
+                  /* @__PURE__ */ jsx(View, { style: [styles14.iconSlot, isOpen && styles14.chevronOpen], children: /* @__PURE__ */ jsx(ChevronDownIcon, { size: ICON_SIZE8, color: isOpen ? colors.primary : colors.grey100 }) })
                 ]
               }
             ),
-            isOpen ? /* @__PURE__ */ jsxs(View, { style: styles13.menu, children: [
-              showSearch ? /* @__PURE__ */ jsxs(View, { style: styles13.searchField, children: [
-                /* @__PURE__ */ jsx(View, { style: styles13.iconSlot, children: /* @__PURE__ */ jsx(SearchIcon, { size: ICON_SIZE8, color: colors.grey100 }) }),
+            isOpen ? /* @__PURE__ */ jsxs(View, { style: styles14.menu, children: [
+              showSearch ? /* @__PURE__ */ jsxs(View, { style: styles14.searchField, children: [
+                /* @__PURE__ */ jsx(View, { style: styles14.iconSlot, children: /* @__PURE__ */ jsx(SearchIcon, { size: ICON_SIZE8, color: colors.grey100 }) }),
                 /* @__PURE__ */ jsx(
                   TextInput,
                   {
@@ -3836,9 +4073,9 @@ var Select = forwardRef(
                     placeholder: searchPlaceholder,
                     placeholderTextColor: colors.grey100,
                     style: [
-                      styles13.searchInput,
-                      Platform.OS === "web" ? styles13.searchInputWeb : null,
-                      Platform.OS === "android" ? styles13.searchInputAndroid : null
+                      styles14.searchInput,
+                      Platform.OS === "web" ? styles14.searchInputWeb : null,
+                      Platform.OS === "android" ? styles14.searchInputAndroid : null
                     ],
                     accessibilityLabel: searchPlaceholder
                   }
@@ -3847,12 +4084,12 @@ var Select = forwardRef(
               /* @__PURE__ */ jsxs(
                 ScrollView,
                 {
-                  style: styles13.optionList,
-                  contentContainerStyle: styles13.optionListContent,
+                  style: styles14.optionList,
+                  contentContainerStyle: styles14.optionListContent,
                   keyboardShouldPersistTaps: "handled",
                   showsVerticalScrollIndicator: false,
                   children: [
-                    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,
+                    loading ? /* @__PURE__ */ jsx(View, { style: styles14.statusRow, children: /* @__PURE__ */ jsx(Text, { style: styles14.statusText, children: "Loading..." }) }) : filteredOptions.length === 0 ? /* @__PURE__ */ jsx(View, { style: styles14.statusRow, children: /* @__PURE__ */ jsx(Text, { style: styles14.statusText, children: emptyText }) }) : null,
                     !loading && filteredOptions.map((option) => {
                       const isSelected = selectedValues.includes(option.value);
                       const isHovered = hoveredValue === option.value;
@@ -3869,14 +4106,14 @@ var Select = forwardRef(
                           accessibilityRole: multiple ? "checkbox" : "button",
                           accessibilityState: { selected: isSelected, checked: isSelected, disabled },
                           style: [
-                            styles13.item,
+                            styles14.item,
                             {
                               backgroundColor: itemBackground(visualState)
                             }
                           ],
                           children: [
-                            multiple ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles13.itemCheckbox, children: /* @__PURE__ */ jsx(Checkbox, { value: isSelected, variant: "light" }) }) : null,
-                            /* @__PURE__ */ jsx(Text, { style: styles13.itemLabel, numberOfLines: 1, children: option.label })
+                            multiple ? /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles14.itemCheckbox, children: /* @__PURE__ */ jsx(Checkbox, { value: isSelected, variant: "light" }) }) : null,
+                            /* @__PURE__ */ jsx(Text, { style: styles14.itemLabel, numberOfLines: 1, children: option.label })
                           ]
                         },
                         option.value
@@ -3887,13 +4124,13 @@ var Select = forwardRef(
               )
             ] }) : null
           ] }),
-          showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles13.hint, { color: hintColor }], children: hint }) : null
+          showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles14.hint, { color: hintColor }], children: hint }) : null
         ]
       }
     );
   }
 );
-var styles13 = StyleSheet.create({
+var styles14 = StyleSheet.create({
   root: {
     width: DEFAULT_WIDTH3,
     gap: 8,
@@ -4155,13 +4392,13 @@ var Textarea = forwardRef(function Textarea2({
   const resolvedAccessibilityLabel = accessibilityLabel ?? (showLabel ? void 0 : label);
   useApplyWebClassName(rootRef, className);
   useApplyWebClassName(inputRef, inputClassName);
-  return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles14.root, disabled && styles14.disabled, style], children: [
-    showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles14.label, { color: chrome.labelColor }], children: label }) : null,
+  return /* @__PURE__ */ jsxs(View, { ref: rootRef, style: [styles15.root, disabled && styles15.disabled, style], children: [
+    showLabel && label ? /* @__PURE__ */ jsx(Text, { style: [styles15.label, { color: chrome.labelColor }], children: label }) : null,
     /* @__PURE__ */ jsx(
       View,
       {
         style: [
-          styles14.field,
+          styles15.field,
           {
             borderColor: chrome.borderColor,
             backgroundColor: chrome.backgroundColor
@@ -4193,11 +4430,11 @@ var Textarea = forwardRef(function Textarea2({
               onBlur?.(event);
             },
             style: [
-              styles14.input,
+              styles15.input,
               textareaTypography.field,
               { color: chrome.textColor },
-              Platform.OS === "web" ? styles14.inputWeb : null,
-              Platform.OS === "android" ? styles14.inputAndroid : null,
+              Platform.OS === "web" ? styles15.inputWeb : null,
+              Platform.OS === "android" ? styles15.inputAndroid : null,
               inputStyle
             ],
             accessibilityLabel: resolvedAccessibilityLabel,
@@ -4206,10 +4443,10 @@ var Textarea = forwardRef(function Textarea2({
         )
       }
     ),
-    showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles14.hint, { color: chrome.hintColor }], children: hint }) : null
+    showHint && hint ? /* @__PURE__ */ jsx(Text, { style: [styles15.hint, { color: chrome.hintColor }], children: hint }) : null
   ] });
 });
-var styles14 = StyleSheet.create({
+var styles15 = StyleSheet.create({
   root: {
     width: DEFAULT_WIDTH4,
     gap: 8,
@@ -4309,13 +4546,13 @@ var Toggle = forwardRef(function Toggle2({
       accessibilityRole: "switch",
       accessibilityLabel: resolvedAccessibilityLabel,
       accessibilityState: { checked: isActive, disabled },
-      style: [styles15.pressable, disabled && styles15.disabled, style],
+      style: [styles16.pressable, disabled && styles16.disabled, style],
       children: [
         /* @__PURE__ */ jsx(
           Animated.View,
           {
             style: [
-              styles15.track,
+              styles16.track,
               {
                 backgroundColor: trackBackgroundColor
               }
@@ -4324,7 +4561,7 @@ var Toggle = forwardRef(function Toggle2({
               Animated.View,
               {
                 style: [
-                  styles15.thumb,
+                  styles16.thumb,
                   {
                     transform: [{ translateX: thumbTranslateX }]
                   }
@@ -4333,12 +4570,12 @@ var Toggle = forwardRef(function Toggle2({
             )
           }
         ),
-        labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles15.label, labelStyle], children: labelContent }) : labelContent : null
+        labelContent != null && labelContent !== false ? typeof labelContent === "string" || typeof labelContent === "number" ? /* @__PURE__ */ jsx(Text, { style: [styles16.label, labelStyle], children: labelContent }) : labelContent : null
       ]
     }
   );
 });
-var styles15 = StyleSheet.create({
+var styles16 = StyleSheet.create({
   pressable: {
     flexDirection: "row",
     alignItems: "center",
@@ -4413,21 +4650,21 @@ var RatingInput = forwardRef(
       {
         ...rest,
         ref: setContainerRef,
-        style: [styles16.root, disabled && styles16.disabled, style],
+        style: [styles17.root, disabled && styles17.disabled, style],
         children: [
-          showValue ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles16.value, valueStyle], children: selectedValue.toFixed(precision) }) : null,
+          showValue ? /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: [styles17.value, valueStyle], children: selectedValue.toFixed(precision) }) : null,
           /* @__PURE__ */ jsx(
             View,
             {
               accessibilityRole: readOnly ? "image" : "radiogroup",
               accessibilityLabel: resolvedAccessibilityLabel,
               accessibilityState: { disabled },
-              style: [styles16.stars, { gap: resolvedStarGap }],
+              style: [styles17.stars, { gap: resolvedStarGap }],
               children: Array.from({ length: STAR_COUNT }, (_, index) => {
                 const starValue = index + 1;
                 const isSelected = starValue <= selectedStarCount;
                 const icon = isSelected ? /* @__PURE__ */ jsx(StarFilledIcon, { size: iconWidth, height: iconHeight }) : /* @__PURE__ */ jsx(StarIcon, { size: iconWidth, height: iconHeight });
-                const itemStyle = [styles16.starItem, { width: size, height: size }];
+                const itemStyle = [styles17.starItem, { width: size, height: size }];
                 if (readOnly) {
                   return /* @__PURE__ */ jsx(View, { style: itemStyle, children: icon }, starValue);
                 }
@@ -4453,7 +4690,7 @@ var RatingInput = forwardRef(
     );
   }
 );
-var styles16 = StyleSheet.create({
+var styles17 = StyleSheet.create({
   root: {
     flexDirection: "row",
     alignItems: "center",
@@ -4517,19 +4754,19 @@ var CommentCard = forwardRef(
       setExpanded(next);
       onExpandedChange?.(next);
     };
-    return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles17.root, style], children: [
-      /* @__PURE__ */ jsxs(View, { style: styles17.header, children: [
-        /* @__PURE__ */ jsx(View, { style: styles17.avatar, children: hasImage ? /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsxs(View, { ...rest, ref: setContainerRef, style: [styles18.root, style], children: [
+      /* @__PURE__ */ jsxs(View, { style: styles18.header, children: [
+        /* @__PURE__ */ jsx(View, { style: styles18.avatar, children: hasImage ? /* @__PURE__ */ jsx(
           Image,
           {
             source: { uri: imageUrl ?? void 0 },
-            style: styles17.avatarImage,
+            style: styles18.avatarImage,
             onError: () => setImageFailed(true)
           }
         ) : /* @__PURE__ */ jsx(UserIcon, { size: 20, color: colors.primary }) }),
-        /* @__PURE__ */ jsxs(View, { style: styles17.identity, children: [
-          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles17.name, children: userName }),
-          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles17.date, children: date })
+        /* @__PURE__ */ jsxs(View, { style: styles18.identity, children: [
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles18.name, children: userName }),
+          /* @__PURE__ */ jsx(Text, { numberOfLines: 1, style: styles18.date, children: date })
         ] }),
         /* @__PURE__ */ jsx(RatingInput, { value: rating, readOnly: true, showValue: false, size: 16 })
       ] }),
@@ -4537,7 +4774,7 @@ var CommentCard = forwardRef(
         Text,
         {
           numberOfLines: expanded ? void 0 : maxCommentLines,
-          style: [styles17.comment, commentStyle],
+          style: [styles18.comment, commentStyle],
           children: commentText
         }
       ),
@@ -4550,14 +4787,14 @@ var CommentCard = forwardRef(
           hitSlop: 6,
           onHoverIn: () => setActionHovered(true),
           onHoverOut: () => setActionHovered(false),
-          style: styles17.action,
+          style: styles18.action,
           children: /* @__PURE__ */ jsx(
             Text,
             {
               style: [
-                styles17.actionText,
-                expanded && styles17.closeActionText,
-                actionHovered && (expanded ? styles17.closeActionTextHovered : styles17.openActionTextHovered)
+                styles18.actionText,
+                expanded && styles18.closeActionText,
+                actionHovered && (expanded ? styles18.closeActionTextHovered : styles18.openActionTextHovered)
               ],
               children: expanded ? readLessLabel : readMoreLabel
             }
@@ -4567,7 +4804,7 @@ var CommentCard = forwardRef(
     ] });
   }
 );
-var styles17 = StyleSheet.create({
+var styles18 = StyleSheet.create({
   root: {
     width: CARD_WIDTH,
     minHeight: CARD_MIN_HEIGHT,
@@ -5006,7 +5243,7 @@ var Range = forwardRef(function Range2({
       ...rest,
       ref: setRootRef,
       onLayout,
-      style: [styles18.root, disabled && styles18.disabled, style],
+      style: [styles19.root, disabled && styles19.disabled, style],
       children: [
         /* @__PURE__ */ jsxs(
           Pressable,
@@ -5020,16 +5257,16 @@ var Range = forwardRef(function Range2({
               updateNearestFromTrack(event.nativeEvent.offsetX);
             } : void 0,
             onPress: Platform.OS === "web" ? void 0 : handleTrackPress,
-            style: styles18.sliderPlane,
+            style: styles19.sliderPlane,
             tabIndex: -1,
             children: [
-              /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles18.track }),
+              /* @__PURE__ */ jsx(View, { pointerEvents: "none", style: styles19.track }),
               /* @__PURE__ */ jsx(
                 View,
                 {
                   pointerEvents: "none",
                   style: [
-                    styles18.activeTrack,
+                    styles19.activeTrack,
                     {
                       left: TRACK_HORIZONTAL_INSET + fromOffset,
                       width: toOffset - fromOffset + THUMB_SIZE2
@@ -5071,9 +5308,9 @@ var Range = forwardRef(function Range2({
                   onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveFrom, updateFromInput),
                   pointerEvents: disabled ? "none" : "auto",
                   style: [
-                    styles18.thumb,
-                    Platform.OS === "web" && styles18.thumbWeb,
-                    focusedThumb === "from" && Platform.OS === "web" && styles18.thumbFocusedWeb,
+                    styles19.thumb,
+                    Platform.OS === "web" && styles19.thumbWeb,
+                    focusedThumb === "from" && Platform.OS === "web" && styles19.thumbFocusedWeb,
                     { left: TRACK_HORIZONTAL_INSET + fromOffset }
                   ],
                   tabIndex: disabled ? -1 : 0
@@ -5113,9 +5350,9 @@ var Range = forwardRef(function Range2({
                   onAccessibilityAction: (event) => handleAccessibilityAction(event, effectiveTo, updateToInput),
                   pointerEvents: disabled ? "none" : "auto",
                   style: [
-                    styles18.thumb,
-                    Platform.OS === "web" && styles18.thumbWeb,
-                    focusedThumb === "to" && Platform.OS === "web" && styles18.thumbFocusedWeb,
+                    styles19.thumb,
+                    Platform.OS === "web" && styles19.thumbWeb,
+                    focusedThumb === "to" && Platform.OS === "web" && styles19.thumbFocusedWeb,
                     { left: TRACK_HORIZONTAL_INSET + toOffset }
                   ],
                   tabIndex: disabled ? -1 : 0
@@ -5124,7 +5361,7 @@ var Range = forwardRef(function Range2({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs(View, { style: styles18.inputs, children: [
+        /* @__PURE__ */ jsxs(View, { style: styles19.inputs, children: [
           /* @__PURE__ */ jsx(
             RangeInput,
             {
@@ -5175,7 +5412,7 @@ function RangeInput({
   placeholder,
   value
 }) {
-  return /* @__PURE__ */ jsxs(View, { style: [styles18.inputField, focused && styles18.inputFieldFocused], children: [
+  return /* @__PURE__ */ jsxs(View, { style: [styles19.inputField, focused && styles19.inputFieldFocused], children: [
     /* @__PURE__ */ jsx(
       TextInput,
       {
@@ -5191,15 +5428,15 @@ function RangeInput({
         placeholder,
         placeholderTextColor: colors.grey150,
         returnKeyType: "done",
-        style: [styles18.input, Platform.OS === "web" && styles18.inputWeb],
+        style: [styles19.input, Platform.OS === "web" && styles19.inputWeb],
         tabIndex: disabled ? -1 : void 0,
         value
       }
     ),
-    /* @__PURE__ */ jsx(View, { style: styles18.currencySlot, children: /* @__PURE__ */ jsx(Text, { style: styles18.currency, children: currency }) })
+    /* @__PURE__ */ jsx(View, { style: styles19.currencySlot, children: /* @__PURE__ */ jsx(Text, { style: styles19.currency, children: currency }) })
   ] });
 }
-var styles18 = StyleSheet.create({
+var styles19 = StyleSheet.create({
   root: {
     width: DEFAULT_WIDTH5,
     gap: 15,
@@ -5303,6 +5540,6 @@ var styles18 = StyleSheet.create({
   }
 });
 
-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 };
+export { Amenity, AmenityIcon, AppleIcon, 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, GooglePlayIcon, GuestsIcon, HeartIcon, HelpCircleIcon, HomeIcon, Icon, Input, InstagramIcon, KeyIcon, LanguageSwitcher, LayoutGridIcon, LinkedInIcon, ListViewIcon, LocationPinIcon, LogOutIcon, MailIcon, MapCollapseIcon, MapExpandIcon, MapViewIcon, MenuIcon, MenuItem, MinusIcon, NavigateIcon, PhoneIcon, PlusIcon, QrCodeIcon, Range, RatingInput, RatingStarIcon, SaveHeartIcon, SearchIcon, SegmentedToggle, Select, SettingsIcon, ShareIcon, ShowIcon, 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 };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map