@tui-cruises/mein-schiff-web-react-component-library 2.0.0-rc.1

package/icons/icons/clock-rotate-right.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgClockRotateRight = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1.25 12C1.25 6.063 6.063 1.25 12 1.25c5.39 0 9.852 3.966 10.63 9.138a.75.75 0 0 1-1.483.223c-.67-4.45-4.51-7.861-9.147-7.861a9.25 9.25 0 1 0 7.94 14H17a.75.75 0 0 1 0-1.5h4.4c.746 0 1.35.604 1.35 1.35V21a.75.75 0 0 1-1.5 0v-3.52A10.75 10.75 0 0 1 12 22.75C6.063 22.75 1.25 17.937 1.25 12M12 5.25a.75.75 0 0 1 .75.75v5.25H18a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .75-.75"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgClockRotateRight;

package/icons/icons/clock.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgClock = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 5.25a.75.75 0 0 1 .75.75v5.25H18a.75.75 0 0 1 0 1.5h-6a.75.75 0 0 1-.75-.75V6a.75.75 0 0 1 .75-.75"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgClock;

package/icons/icons/cloud-sunny.tsx

@@ -0,0 +1,43 @@
+import type { SVGProps } from 'react';
+const SvgCloudSunny = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <g clipPath="url(#cloud-sunny_svg__a)">
+      <mask
+        id="cloud-sunny_svg__b"
+        width={24}
+        height={24}
+        x={0}
+        y={0}
+        maskUnits="userSpaceOnUse"
+        style={{
+          maskType: 'luminance',
+        }}
+      >
+        <path fill="#fff" d="M24 0H0v24h24z" />
+      </mask>
+      <g fill="currentColor" mask="url(#cloud-sunny_svg__b)">
+        <path d="M12 2.75a.75.75 0 0 1-.75-.75V1a.75.75 0 0 1 1.5 0v1a.75.75 0 0 1-.75.75" />
+        <path
+          fillRule="evenodd"
+          d="M8.25 9a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0M12 6.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5"
+          clipRule="evenodd"
+        />
+        <path d="M3.313 14.609c-.848.61-1.563 1.635-1.563 3.391s.715 2.78 1.563 3.391c.887.639 1.974.859 2.687.859h12c.713 0 1.8-.22 2.687-.859.848-.61 1.563-1.635 1.563-3.391s-.715-2.78-1.563-3.391c-.887-.639-1.974-.859-2.687-.859a.75.75 0 0 1 0-1.5c.953 0 2.367.28 3.563 1.141 1.235.89 2.187 2.365 2.187 4.609s-.952 3.72-2.187 4.609c-1.196.861-2.61 1.141-3.563 1.141H6c-.953 0-2.367-.28-3.563-1.141C1.202 21.719.25 20.244.25 18s.952-3.72 2.187-4.609C3.633 12.53 5.047 12.25 6 12.25a.75.75 0 0 1 0 1.5c-.713 0-1.8.22-2.687.859M19 8.25a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5zM17.97 2.97a.75.75 0 1 1 1.06 1.06l-1 1a.75.75 0 1 1-1.06-1.06zM4.97 2.97a.75.75 0 0 1 1.06 0l1 1a.75.75 0 0 1-1.06 1.06l-1-1a.75.75 0 0 1 0-1.06M4 8.25a.75.75 0 0 0 0 1.5h1a.75.75 0 0 0 0-1.5z" />
+      </g>
+    </g>
+    <defs>
+      <clipPath id="cloud-sunny_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgCloudSunny;

package/icons/icons/cloud.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgCloud = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7.393 6.636C6.766 7.682 6.75 8.972 6.75 10a.75.75 0 0 1-.75.75c-.713 0-1.8.22-2.687.859-.848.61-1.563 1.635-1.563 3.391s.715 2.78 1.563 3.391c.887.639 1.974.859 2.687.859h12c.713 0 1.8-.22 2.687-.859.848-.61 1.563-1.635 1.563-3.391s-.715-2.78-1.563-3.391c-.887-.639-1.974-.859-2.687-.859a.75.75 0 0 1-.75-.75c0-1.028-.015-2.318-.643-3.364-.578-.963-1.79-1.886-4.607-1.886s-4.03.923-4.607 1.886m-1.286-.772C7.029 4.327 8.817 3.25 12 3.25s4.97 1.077 5.893 2.614c.69 1.15.825 2.458.85 3.437.866.114 1.906.432 2.82 1.09 1.235.89 2.187 2.365 2.187 4.609s-.952 3.72-2.187 4.609c-1.196.861-2.61 1.141-3.563 1.141H6c-.953 0-2.367-.28-3.563-1.141C1.202 18.719.25 17.244.25 15s.952-3.72 2.187-4.609c.914-.658 1.954-.976 2.82-1.09.025-.979.16-2.288.85-3.437"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCloud;

package/icons/icons/compass.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgCompass = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M17.48 6.52a.75.75 0 0 1 .125.894l-3.535 6.364a.75.75 0 0 1-.292.292l-6.364 3.535a.75.75 0 0 1-1.02-1.02l3.536-6.364a.75.75 0 0 1 .291-.291l6.364-3.536a.75.75 0 0 1 .895.126m-6.343 4.617L8.981 15.02l3.882-2.156 2.156-3.882z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgCompass;

package/icons/icons/delete-circle.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgDeleteCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8.64 8.641a.75.75 0 0 1 1.062 0L12 10.94l2.298-2.298a.75.75 0 0 1 1.06 1.06L13.06 12l2.298 2.298a.75.75 0 1 1-1.06 1.06L12 13.06 9.702 15.36a.75.75 0 0 1-1.061-1.061L10.939 12 8.641 9.702a.75.75 0 0 1 0-1.06"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgDeleteCircle;

package/icons/icons/departure.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgDeparture = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7.03 4.04a.83.83 0 0 0-.584.03l-2.68 1.165a.833.833 0 0 0-.148 1.445l4.047 2.851-1.385.775-1.825-.864a.83.83 0 0 0-.73.007L1.627 10.5a.833.833 0 0 0-.263 1.284l3.264 3.846c.158.187.39.294.635.294h5.012a.83.83 0 0 0 .419-.113l10.023-5.827a1 1 0 0 0 .142-.104c.259-.236.637-.643.991-1.144.352-.498.714-1.138.889-1.835.098-.395.104-.78-.012-1.137a1.63 1.63 0 0 0-.584-.807c-.443-.33-.967-.398-1.24-.4l-3.145-.09a.83.83 0 0 0-.406.093l-3.307 1.707zM5.79 6.171l1.034-.45L13.87 7.96c.21.066.438.047.634-.054l3.422-1.766 2.94.083h.024a.6.6 0 0 1 .14.02c.06.016.098.036.115.048l.003.034a.7.7 0 0 1-.025.172c-.106.422-.346.87-.633 1.277-.254.36-.517.649-.691.816l-9.748 5.668h-4.4l-2.328-2.743.786-.393 1.848.876a.83.83 0 0 0 .763-.026l2.914-1.632a.833.833 0 0 0 .073-1.408zM2 18.722a.833.833 0 1 0 0 1.667h20a.833.833 0 1 0 0-1.667z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgDeparture;

package/icons/icons/details.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgDetails = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M4.75 2.75v18.5h14.5V6.75H16.6a1.35 1.35 0 0 1-1.35-1.35V2.75zM16 1.25H4.6A1.35 1.35 0 0 0 3.25 2.6v18.8c0 .746.604 1.35 1.35 1.35h14.8a1.35 1.35 0 0 0 1.35-1.35V5.749a1.35 1.35 0 0 0-.395-.955l-3.149-3.149a1.35 1.35 0 0 0-.954-.395zm.75 2.06v1.94h1.94zM7.25 10A.75.75 0 0 1 8 9.25h8a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75M8 17.25a.75.75 0 0 0 0 1.5h8a.75.75 0 0 0 0-1.5zM7.25 14a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5H8a.75.75 0 0 1-.75-.75"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgDetails;

package/icons/icons/diamond.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgDiamond = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M14.808 4.25h4.227a.75.75 0 0 1 .572.264l2.914 3.429a.75.75 0 0 1-.002.975l-9.917 12.091a.75.75 0 0 1-1.186.006L4.09 12.08 1.492 8.913a.75.75 0 0 1 .008-.98l2.907-3.419a.75.75 0 0 1 .571-.264h9.83m-1.051 12.985 6.608-8.056h-4.256zm.79-8.056-2.552 8.737L9.36 9.18zm-6.782-1.5.482-1.929H5.325l-1.64 1.928zm1.546 0h5.393l-.482-1.929H9.793zm-1.518 1.5H3.65l1.6 1.95 4.955 6.041zm12.535-1.5-1.64-1.929h-2.92l.483 1.928z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgDiamond;

package/icons/icons/edit-pencil.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgEditPencil = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M20.616 8.945a2.75 2.75 0 0 0 0-3.89l-1.414-1.414a2.75 2.75 0 0 0-3.89 0L4.218 14.737a2.75 2.75 0 0 0-.795 1.703l-.242 2.74a1.75 1.75 0 0 0 1.897 1.897l2.74-.242a2.75 2.75 0 0 0 1.703-.795zm-1.06-2.829a1.25 1.25 0 0 1 0 1.768l-.95.95-3.182-3.182.95-.95a1.25 1.25 0 0 1 1.767 0zm-5.193.596 3.182 3.182L8.46 18.98a1.25 1.25 0 0 1-.774.361l-2.74.242a.25.25 0 0 1-.272-.271l.243-2.74a1.25 1.25 0 0 1 .36-.774z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgEditPencil;

package/icons/icons/excellence.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgExcellence = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M17.405 18.667q-.32-.003-.658-.394c-1.151-1.334-2.334-3.454-2.35-3.485l-.306-.528q.289-.479.57-.95c.496.846.933 1.598 1.241 2.134.044.079.943 1.691 1.984 3.057-.138.089-.306.166-.476.166zm-2.667 0q-.32-.003-.658-.394c-.466-.54-.937-1.208-1.333-1.816l.555-.896c.228.402 1.02 1.76 1.917 2.94-.138.089-.306.166-.476.166zm-4.818-.394q-.338.39-.658.394h-.005c-.18 0-.357-.087-.499-.182.494-.705 1.166-1.766 1.877-2.924.093.164.282.49.533.898-.544.854-.994 1.519-1.248 1.814m-3.325.394H6.59c-.18 0-.356-.087-.498-.182.805-1.152 2.092-3.257 3.235-5.175l.547.935c-1.124 1.852-2.172 3.508-2.62 4.028q-.338.39-.659.394M6.092 5.515c.142-.096.318-.182.498-.182h.005q.321.004.658.394c.45.52 1.497 2.177 2.62 4.028l-.546.934c-1.143-1.917-2.43-4.02-3.235-5.174m3.17-.182q.32.004.658.394c.254.295.704.96 1.248 1.814-.254.412-.443.738-.534.898C9.924 7.28 9.252 6.22 8.76 5.515c.142-.096.318-.182.498-.182zm4.818.394q.338-.39.658-.394h.005c.17 0 .338.077.476.166-.903 1.185-1.697 2.552-1.918 2.94q-.283-.462-.555-.896c.397-.607.868-1.276 1.334-1.816M12.77 12l.555-.945.562.945-.562.944q-.258-.441-.555-.944m-1.55 0-.562.944-.554-.944.554-.945zm.742-3.192q.283.46.578.947l-.546.934-.57-.95c.172-.295.283-.488.31-.536.004-.006.087-.156.228-.395m-.232 5.98-.306-.528q.289-.479.57-.95l.546.935q-.294.487-.578.946c-.142-.242-.228-.396-.232-.403m5.675-9.455h.005c.17 0 .338.077.476.166-1.041 1.366-1.94 2.977-1.98 3.048-.309.538-.748 1.294-1.246 2.142q-.28-.47-.569-.95l.31-.536c.012-.022 1.193-2.14 2.346-3.476q.337-.39.658-.394m3.427 12.936c-.1.11-.427.398-.756.398h-.004q-.32-.003-.658-.394c-1.152-1.334-2.334-3.454-2.351-3.485-.073-.127-.744-1.291-1.626-2.788a332 332 0 0 0 1.63-2.797c.013-.022 1.193-2.14 2.347-3.476q.337-.39.658-.394h.004c.328 0 .656.286.756.397a.665.665 0 0 0 1.005-.875c-.075-.088-.766-.855-1.76-.855-.34 0-.814.1-1.301.497C18.464 4.262 17.99 4 17.41 4c-.34 0-.814.1-1.301.497-.312-.235-.785-.497-1.366-.497-.426 0-1.062.149-1.672.855-.383.445-.763.96-1.107 1.46-.434-.664-.798-1.185-1.035-1.46C10.319 4.15 9.683 4 9.257 4c-.581 0-1.054.262-1.366.497-.487-.398-.96-.497-1.3-.497-.582 0-1.055.262-1.367.497-.487-.398-.96-.497-1.3-.497-.995 0-1.686.767-1.762.855a.665.665 0 0 0 .066.935.67.67 0 0 0 .94-.06c.1-.11.427-.397.756-.397h.004q.322.004.658.394C5.216 6.455 7.012 9.4 8.554 12c-1.543 2.6-3.339 5.545-3.968 6.273-.223.26-.445.392-.658.394h-.004c-.329 0-.657-.287-.753-.394a.666.666 0 1 0-1.009.872c.076.088.767.855 1.762.855.34 0 .813-.1 1.3-.497.312.235.785.497 1.366.497.34 0 .814-.1 1.301-.497.312.235.785.497 1.366.497.426 0 1.062-.149 1.672-.855.237-.275.6-.796 1.035-1.46.344.5.724 1.015 1.107 1.46.61.706 1.246.855 1.672.855.581 0 1.054-.262 1.366-.497.487.398.96.497 1.3.497.582 0 1.055-.262 1.367-.497.487.398.96.497 1.3.497.995 0 1.686-.767 1.761-.855a.665.665 0 0 0-.066-.935.67.67 0 0 0-.939.06"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgExcellence;

package/icons/icons/expand.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgExpand = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3.25 4A.75.75 0 0 1 4 3.25h4a.75.75 0 0 1 0 1.5H5.81l3.72 3.72a.75.75 0 0 1-1.06 1.06L4.75 5.81V8a.75.75 0 0 1-1.5 0zM15.25 4a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 .75.75v4a.75.75 0 0 1-1.5 0V5.81l-3.72 3.72a.75.75 0 1 1-1.06-1.06l3.72-3.72H16a.75.75 0 0 1-.75-.75M9.53 14.47a.75.75 0 0 1 0 1.06l-3.72 3.72H8a.75.75 0 0 1 0 1.5H4a.75.75 0 0 1-.75-.75v-4a.75.75 0 0 1 1.5 0v2.19l3.72-3.72a.75.75 0 0 1 1.06 0M14.47 14.47a.75.75 0 0 1 1.06 0l3.72 3.72V16a.75.75 0 0 1 1.5 0v4a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h2.19l-3.72-3.72a.75.75 0 0 1 0-1.06"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgExpand;

package/icons/icons/eye-closed.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgEyeClosed = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="m19.5 16-2.475-3.396M12 17.5V14M4.5 16l2.469-3.388M3 8c3.6 8 14.4 8 18 0"
+    />
+  </svg>
+);
+export default SvgEyeClosed;

package/icons/icons/eye-empty.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgEyeEmpty = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 10.75a1.25 1.25 0 1 0 0 2.5 1.25 1.25 0 0 0 0-2.5M9.25 12a2.75 2.75 0 1 1 5.5 0 2.75 2.75 0 0 1-5.5 0"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3.928 12.047c.872 1.273 2.018 2.516 3.327 3.468 1.464 1.064 3.09 1.735 4.745 1.735s3.281-.671 4.745-1.735c1.31-.952 2.455-2.195 3.327-3.468C17.829 9.306 15.42 6.75 12 6.75s-5.829 2.556-8.072 5.297m-1.511-.519C4.67 8.741 7.58 5.25 12 5.25s7.329 3.49 9.583 6.278c.202.25.223.6.051.872-.988 1.565-2.37 3.139-4.007 4.328-1.634 1.188-3.564 2.022-5.627 2.022s-3.993-.834-5.627-2.022c-1.636-1.189-3.02-2.763-4.007-4.328a.75.75 0 0 1 .05-.872"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgEyeEmpty;

package/icons/icons/eye-off.tsx

@@ -0,0 +1,32 @@
+import type { SVGProps } from 'react';
+const SvgEyeOff = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M2.47 2.47a.75.75 0 0 1 1.06 0l18 18a.75.75 0 1 1-1.06 1.06l-18-18a.75.75 0 0 1 0-1.06"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M10.996 10.115a.75.75 0 0 1 .066 1.058 1.25 1.25 0 0 0 1.764 1.764.75.75 0 1 1 .993 1.125 2.75 2.75 0 0 1-3.882-3.882.75.75 0 0 1 1.06-.065"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7.976 7.13a.75.75 0 0 1-.184 1.045C6.35 9.186 5.11 10.602 3.928 12.047c.872 1.273 2.018 2.516 3.327 3.468 1.464 1.064 3.09 1.735 4.745 1.735 1.38 0 2.739-.465 4.004-1.24a.75.75 0 1 1 .782 1.28c-1.438.88-3.065 1.46-4.786 1.46-2.063 0-3.993-.834-5.627-2.022-1.636-1.189-3.02-2.763-4.007-4.328a.75.75 0 0 1 .05-.872C3.69 9.955 5.152 8.194 6.932 6.947a.75.75 0 0 1 1.045.184M11.25 6a.75.75 0 0 1 .75-.75c4.42 0 7.329 3.49 9.583 6.278.202.25.223.6.051.872-.334.53-.713 1.059-1.13 1.573a.75.75 0 0 1-1.164-.946q.392-.484.732-.98C17.829 9.306 15.42 6.75 12 6.75a.75.75 0 0 1-.75-.75"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgEyeOff;

package/icons/icons/eye.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgEye = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M3 13c3.6-8 14.4-8 18 0"
+    />
+    <path
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      d="M12 17a3 3 0 1 1 0-6 3 3 0 0 1 0 6"
+    />
+  </svg>
+);
+export default SvgEye;

package/icons/icons/fallback.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgFallback = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M17.48 6.52a.75.75 0 0 1 .125.894l-3.535 6.364a.75.75 0 0 1-.292.292l-6.364 3.535a.75.75 0 0 1-1.02-1.02l3.536-6.364a.75.75 0 0 1 .291-.291l6.364-3.536a.75.75 0 0 1 .895.126m-6.343 4.617L8.981 15.02l3.882-2.156 2.156-3.882z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgFallback;

package/icons/icons/filter.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgFilter = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M21.75 4A1.75 1.75 0 0 0 20 2.25H4A1.75 1.75 0 0 0 2.25 4v1.586c0 .464.184.909.513 1.237l6.414 6.414a.25.25 0 0 1 .073.177v5.805a1.75 1.75 0 0 0 1.326 1.698l2 .5a1.75 1.75 0 0 0 2.174-1.698v-6.305a.25.25 0 0 1 .073-.177l6.415-6.414a1.75 1.75 0 0 0 .512-1.237zM20 3.75a.25.25 0 0 1 .25.25v1.586a.25.25 0 0 1-.073.177l-6.414 6.414a1.75 1.75 0 0 0-.513 1.237v6.305a.25.25 0 0 1-.31.243l-2-.5a.25.25 0 0 1-.19-.243v-5.805c0-.464-.184-.909-.513-1.237L3.823 5.763a.25.25 0 0 1-.073-.177V4A.25.25 0 0 1 4 3.75z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgFilter;

package/icons/icons/flag.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgFlag = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="m6.685 4.75-.864 9.5h13.494l.864-9.5zM4.254 14.929l.95-10.451A1.35 1.35 0 0 1 6.547 3.25h13.795a1.35 1.35 0 0 1 1.344 1.472l-.89 9.8a1.35 1.35 0 0 1-1.345 1.228H5.68l-.533 5.325a.75.75 0 0 1-1.492-.15z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgFlag;

package/icons/icons/fog.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from 'react';
+const SvgFog = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M6.75 8c0-1.028.016-2.318.643-3.364C7.971 3.673 9.183 2.75 12 2.75s4.03.923 4.607 1.886c.628 1.046.643 2.336.643 3.364 0 .414.336.75.75.75.713 0 1.8.22 2.687.859.848.61 1.563 1.635 1.563 3.391 0 2.077-1.003 3.154-2.093 3.715a.75.75 0 1 0 .686 1.334c1.534-.79 2.907-2.35 2.907-5.049 0-2.244-.952-3.72-2.187-4.609-.914-.658-1.954-.976-2.82-1.09-.025-.979-.16-2.288-.85-3.437C16.971 2.327 15.183 1.25 12 1.25S7.03 2.327 6.107 3.864c-.69 1.15-.825 2.458-.85 3.437-.866.114-1.906.432-2.82 1.09C1.202 9.281.25 10.756.25 13c0 2.7 1.373 4.26 2.907 5.049a.75.75 0 0 0 .686-1.334C2.753 16.154 1.75 15.077 1.75 13c0-1.756.715-2.78 1.563-3.391C4.2 8.97 5.287 8.75 6 8.75A.75.75 0 0 0 6.75 8"
+    />
+    <path
+      fill="currentColor"
+      d="M9 13.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM9 21.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM6.25 18a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75"
+    />
+  </svg>
+);
+export default SvgFog;

package/icons/icons/glases.tsx

@@ -0,0 +1,28 @@
+import type { SVGProps } from 'react';
+const SvgGlases = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <g
+      fill="currentColor"
+      fillRule="evenodd"
+      clipPath="url(#glases_svg__a)"
+      clipRule="evenodd"
+    >
+      <path d="M16.766 16.12a.75.75 0 0 1 .956.459l1.4 3.986.97-.34a.75.75 0 1 1 .496 1.415l-3.353 1.178a.75.75 0 0 1-.497-1.415l.969-.34-1.4-3.987a.75.75 0 0 1 .46-.957M6.184 16.62c.41.06.694.44.634.85l-.61 4.182 1.017.148a.75.75 0 1 1-.216 1.485l-3.517-.513a.75.75 0 1 1 .216-1.484l1.016.148.61-4.182a.75.75 0 0 1 .85-.634" />
+      <path d="M11.39 8.871a.75.75 0 0 1 .485-.866l3.636-1.277a.75.75 0 0 1 .92.373l-.672.335.672-.335.002.004.004.008.015.03a30 30 0 0 1 .862 1.936c.446 1.095.956 2.528 1.086 3.67.123 1.082-.063 2.172-.263 2.963a11 11 0 0 1-.43 1.34l-.01.022-.002.007-.001.003-.691-.291-.357.66v-.001l-.003-.001-.007-.004-.02-.012-.075-.041a11.45 11.45 0 0 1-1.1-.735c-.65-.493-1.476-1.228-2.057-2.15-.613-.971-1.11-2.408-1.447-3.542a34 34 0 0 1-.537-2.05l-.007-.033-.002-.009zl.732-.159zm1.619.325c.088.355.212.826.366 1.344.334 1.126.785 2.387 1.278 3.17.443.703 1.11 1.31 1.694 1.752q.132.1.254.186.041-.143.082-.303c.18-.711.32-1.601.226-2.428-.104-.919-.541-2.185-.984-3.273-.204-.5-.402-.945-.554-1.277zm3.994 7.597-.357.66a.75.75 0 0 0 1.047-.368zM4.784 7.705a.75.75 0 0 1 .83-.543l3.814.556a.75.75 0 0 1 .642.758l-.75-.016.75.016v.013000000000000001l-.001.034a22 22 0 0 1-.023.587c-.02.388-.053.926-.11 1.527-.114 1.177-.326 2.683-.741 3.755-.393 1.015-1.063 1.895-1.608 2.504a12 12 0 0 1-1.002.987l-.019.015-.005.005-.002.002h-.001l-.477-.579-.622.42v-.002l-.002-.002-.004-.006-.013-.02a6 6 0 0 1-.203-.328c-.128-.219-.3-.53-.476-.904-.349-.739-.74-1.773-.827-2.859-.092-1.145.134-2.65.362-3.81a34 34 0 0 1 .475-2.064l.01-.033.002-.009zl.724.2zm1.282 1.04c-.085.354-.194.83-.298 1.359-.226 1.153-.413 2.48-.339 3.401.067.83.376 1.676.688 2.339q.071.15.139.282.103-.108.213-.23c.49-.547 1.027-1.27 1.327-2.046.334-.862.534-2.187.646-3.356.052-.538.083-1.024.102-1.389zm.015 8.581-.622.42a.75.75 0 0 0 1.099.16zM15.534 1.021a.75.75 0 0 1 .394.985L14.86 4.494a.75.75 0 1 1-1.378-.59l1.066-2.489a.75.75 0 0 1 .985-.394M10.465.25a.75.75 0 0 1 .752.749l.006 3.178a.75.75 0 1 1-1.5.003l-.006-3.178a.75.75 0 0 1 .748-.752M7.238 5.232a.75.75 0 0 1-.975-.417L5.258 2.302a.75.75 0 0 1 1.393-.558l1.005 2.513a.75.75 0 0 1-.418.975" />
+    </g>
+    <defs>
+      <clipPath id="glases_svg__a">
+        <path fill="#fff" d="M0 0h24v24H0z" />
+      </clipPath>
+    </defs>
+  </svg>
+);
+export default SvgGlases;

package/icons/icons/group.tsx

@@ -0,0 +1,32 @@
+import type { SVGProps } from 'react';
+const SvgGroup = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M8 12.75A6.25 6.25 0 0 0 1.75 19v1a.75.75 0 0 1-1.5 0v-1a7.75 7.75 0 0 1 15.5 0v1a.75.75 0 0 1-1.5 0v-1A6.25 6.25 0 0 0 8 12.75"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M18 9.75A4.25 4.25 0 0 0 13.75 14h-1.5a5.75 5.75 0 0 1 11.5 0v.5a.75.75 0 0 1-1.5 0V14A4.25 4.25 0 0 0 18 9.75M8 4.75a3.25 3.25 0 1 0 0 6.5 3.25 3.25 0 0 0 0-6.5M3.25 8a4.75 4.75 0 1 1 9.5 0 4.75 4.75 0 0 1-9.5 0"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M18 3.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M14.25 6a3.75 3.75 0 1 1 7.5 0 3.75 3.75 0 0 1-7.5 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgGroup;

package/icons/icons/heart-filled.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgHeartFilled = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 3.942a6.35 6.35 0 0 1 4.305-1.692c1.726 0 3.374.71 4.58 1.96a6.7 6.7 0 0 1 1.865 4.652 6.7 6.7 0 0 1-1.865 4.652c-.796.825-1.591 1.67-2.39 2.518-1.624 1.724-3.265 3.467-4.97 5.108l-.003.004a2.213 2.213 0 0 1-3.113-.069l-7.295-7.561c-2.485-2.577-2.485-6.727 0-9.303A6.33 6.33 0 0 1 12 3.942"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgHeartFilled;

package/icons/icons/heart.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgHeart = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M16.305 3.75c-1.311 0-2.572.54-3.5 1.502l-.265.275a.75.75 0 0 1-1.08 0l-.265-.275a4.83 4.83 0 0 0-7.001 0c-1.925 1.995-1.925 5.225 0 7.22l7.295 7.562c.268.279.716.29.998.023 1.679-1.616 3.274-3.31 4.881-5.017.806-.855 1.614-1.714 2.438-2.568a5.2 5.2 0 0 0 1.444-3.61 5.2 5.2 0 0 0-1.444-3.61 4.86 4.86 0 0 0-3.5-1.502M12 3.942a6.35 6.35 0 0 1 4.305-1.692c1.726 0 3.374.71 4.58 1.96a6.7 6.7 0 0 1 1.865 4.652 6.7 6.7 0 0 1-1.865 4.652c-.796.825-1.591 1.67-2.39 2.518-1.624 1.724-3.265 3.467-4.97 5.108l-.003.004a2.213 2.213 0 0 1-3.113-.069l-7.295-7.561c-2.485-2.577-2.485-6.727 0-9.303A6.33 6.33 0 0 1 12 3.942"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgHeart;

package/icons/icons/help-circle.tsx

@@ -0,0 +1,24 @@
+import type { SVGProps } from 'react';
+const SvgHelpCircle = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    fill="none"
+    viewBox="0 0 24 24"
+    color="currentColor"
+    {...props}
+  >
+    <path
+      fill="currentColor"
+      d="M10.345 7.603C10 7.895 9.75 8.341 9.75 9a.75.75 0 0 1-1.5 0c0-1.091.437-1.958 1.124-2.54.67-.57 1.538-.835 2.376-.835s1.705.265 2.376.834c.687.583 1.124 1.45 1.124 2.54 0 .767-.196 1.35-.517 1.831-.269.404-.619.716-.894.962l-.087.078c-.308.276-.539.504-.709.804-.162.287-.293.688-.293 1.326a.75.75 0 0 1-1.5 0c0-.862.181-1.524.488-2.065.299-.528.693-.894 1.01-1.18l.072-.065c.3-.27.508-.455.665-.692.149-.223.265-.514.265-.998 0-.66-.25-1.105-.595-1.397-.36-.306-.868-.478-1.405-.478s-1.045.172-1.405.478M12.567 18.5a.75.75 0 0 0-1.114-1.003l-.01.01a.75.75 0 1 0 1.114 1.005z"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12M12 2.75a9.25 9.25 0 1 0 0 18.5 9.25 9.25 0 0 0 0-18.5"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgHelpCircle;