@ecohouse/ui 0.1.30 → 0.1.32

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