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

package/icons/icons/home.tsx

@@ -0,0 +1,22 @@
+import type { SVGProps } from 'react';
+const SvgHome = (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="M12 3.839 2.336 8.67a.75.75 0 1 1-.671-1.342l9.732-4.866c.38-.19.827-.19 1.207 0l9.732 4.866a.75.75 0 0 1-.671 1.342zM12 13.75c-.69 0-1.25.56-1.25 1.25v3a.75.75 0 0 1-1.5 0v-3a2.75 2.75 0 1 1 5.5 0v3a.75.75 0 0 1-1.5 0v-3c0-.69-.56-1.25-1.25-1.25"
+    />
+    <path
+      fill="currentColor"
+      d="M4.75 11a.75.75 0 0 0-1.5 0v8A2.75 2.75 0 0 0 6 21.75h12A2.75 2.75 0 0 0 20.75 19v-8a.75.75 0 0 0-1.5 0v8c0 .69-.56 1.25-1.25 1.25H6c-.69 0-1.25-.56-1.25-1.25z"
+    />
+  </svg>
+);
+export default SvgHome;

package/icons/icons/humidity.tsx

@@ -0,0 +1,30 @@
+import type { SVGProps } from 'react';
+const SvgHumidity = (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="M11 11a2 2 0 1 1-4 0 2 2 0 0 1 4 0m-1.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0M15 18a2 2 0 1 0 0-4 2 2 0 0 0 0 4m0-1.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      d="M16.048 10.512a.75.75 0 1 0-1.096-1.024l-7 7.5a.75.75 0 1 0 1.096 1.024z"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="m12.517 1.456.001.002.005.004.018.018.07.067.26.254a52.914 52.914 0 0 1 3.71 4.068c1.014 1.24 2.043 2.64 2.823 4.024.768 1.364 1.346 2.805 1.346 4.107a8.75 8.75 0 1 1-17.5 0c0-1.302.578-2.743 1.346-4.107.78-1.384 1.81-2.783 2.823-4.024a53 53 0 0 1 3.97-4.322l.07-.067.018-.018.007-.006.516-.49zM4.75 14a7.25 7.25 0 1 0 14.5 0c0-.907-.422-2.07-1.154-3.37-.72-1.28-1.69-2.606-2.677-3.812A51 51 0 0 0 12 3.05a51.407 51.407 0 0 0-3.42 3.768c-.985 1.206-1.956 2.531-2.676 3.811C5.172 11.93 4.75 13.093 4.75 14M12 2l-.516-.544zm.517-.544L12 2z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgHumidity;

package/icons/icons/impressions.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgImpressions = (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.75 3.75v11.113l5.955-2.552a.75.75 0 0 1 .605.006l9.94 4.518V3.75zm6.241 10.07L3.75 16.495v3.755h16.5v-1.767zM21.75 20.4V3.6a1.35 1.35 0 0 0-1.35-1.35H3.6A1.35 1.35 0 0 0 2.25 3.6v16.8c0 .746.604 1.35 1.35 1.35h16.8a1.35 1.35 0 0 0 1.35-1.35m-7-12.4a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0M16 5.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgImpressions;

package/icons/icons/inclusive-services.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgInclusiveServices = (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.152 3.37a.75.75 0 0 0-1.304-.74l-6.922 12.167-3.169-4.39a.75.75 0 0 0-1.216.879l3.852 5.335a.75.75 0 0 0 1.26-.068zM7.634 5.504a8.23 8.23 0 0 1 6.56-.956.75.75 0 0 0 .398-1.446A9.73 9.73 0 0 0 6.84 4.23C2.272 7.081.878 13.093 3.73 17.661s8.864 5.961 13.432 3.11c4.149-2.59 5.676-7.785 3.787-12.14a.75.75 0 0 0-1.376.596 8.25 8.25 0 0 1-3.205 10.27 8.25 8.25 0 0 1-11.365-2.63A8.247 8.247 0 0 1 7.634 5.503"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgInclusiveServices;

package/icons/icons/index.ts

@@ -0,0 +1,141 @@
+import dynamic from 'next/dynamic';
+
+export const dynamicComponents = {
+  '360': dynamic(() => import('./360'), { ssr: false }),
+  'add-circle': dynamic(() => import('./add-circle'), { ssr: false }),
+  airplane: dynamic(() => import('./airplane'), { ssr: false }),
+  anchor: dynamic(() => import('./anchor'), { ssr: false }),
+  'angle-tool': dynamic(() => import('./angle-tool'), { ssr: false }),
+  'arrow-down': dynamic(() => import('./arrow-down'), { ssr: false }),
+  'arrow-left': dynamic(() => import('./arrow-left'), { ssr: false }),
+  'arrow-right': dynamic(() => import('./arrow-right'), { ssr: false }),
+  at: dynamic(() => import('./at'), { ssr: false }),
+  baggage: dynamic(() => import('./baggage'), { ssr: false }),
+  balcony: dynamic(() => import('./balcony'), { ssr: false }),
+  bathroom: dynamic(() => import('./bathroom'), { ssr: false }),
+  beach: dynamic(() => import('./beach'), { ssr: false }),
+  bed: dynamic(() => import('./bed'), { ssr: false }),
+  bell: dynamic(() => import('./bell'), { ssr: false }),
+  bording: dynamic(() => import('./bording'), { ssr: false }),
+  cabins: dynamic(() => import('./cabins'), { ssr: false }),
+  calendar: dynamic(() => import('./calendar'), { ssr: false }),
+  cancel: dynamic(() => import('./cancel'), { ssr: false }),
+  cash: dynamic(() => import('./cash'), { ssr: false }),
+  'check-circle': dynamic(() => import('./check-circle'), { ssr: false }),
+  check: dynamic(() => import('./check'), { ssr: false }),
+  circle: dynamic(() => import('./circle'), { ssr: false }),
+  clear: dynamic(() => import('./clear'), { ssr: false }),
+  'clock-rotate-right': dynamic(() => import('./clock-rotate-right'), {
+    ssr: false,
+  }),
+  clock: dynamic(() => import('./clock'), { ssr: false }),
+  'cloud-sunny': dynamic(() => import('./cloud-sunny'), { ssr: false }),
+  cloud: dynamic(() => import('./cloud'), { ssr: false }),
+  compass: dynamic(() => import('./compass'), { ssr: false }),
+  'delete-circle': dynamic(() => import('./delete-circle'), { ssr: false }),
+  departure: dynamic(() => import('./departure'), { ssr: false }),
+  details: dynamic(() => import('./details'), { ssr: false }),
+  diamond: dynamic(() => import('./diamond'), { ssr: false }),
+  'edit-pencil': dynamic(() => import('./edit-pencil'), { ssr: false }),
+  excellence: dynamic(() => import('./excellence'), { ssr: false }),
+  expand: dynamic(() => import('./expand'), { ssr: false }),
+  'eye-closed': dynamic(() => import('./eye-closed'), { ssr: false }),
+  'eye-empty': dynamic(() => import('./eye-empty'), { ssr: false }),
+  'eye-off': dynamic(() => import('./eye-off'), { ssr: false }),
+  eye: dynamic(() => import('./eye'), { ssr: false }),
+  fallback: dynamic(() => import('./fallback'), { ssr: false }),
+  filter: dynamic(() => import('./filter'), { ssr: false }),
+  flag: dynamic(() => import('./flag'), { ssr: false }),
+  fog: dynamic(() => import('./fog'), { ssr: false }),
+  glases: dynamic(() => import('./glases'), { ssr: false }),
+  group: dynamic(() => import('./group'), { ssr: false }),
+  'heart-filled': dynamic(() => import('./heart-filled'), { ssr: false }),
+  heart: dynamic(() => import('./heart'), { ssr: false }),
+  'help-circle': dynamic(() => import('./help-circle'), { ssr: false }),
+  home: dynamic(() => import('./home'), { ssr: false }),
+  humidity: dynamic(() => import('./humidity'), { ssr: false }),
+  impressions: dynamic(() => import('./impressions'), { ssr: false }),
+  'inclusive-services': dynamic(() => import('./inclusive-services'), {
+    ssr: false,
+  }),
+  'info-empty': dynamic(() => import('./info-empty'), { ssr: false }),
+  language: dynamic(() => import('./language'), { ssr: false }),
+  lifebuoy: dynamic(() => import('./lifebuoy'), { ssr: false }),
+  loading: dynamic(() => import('./loading'), { ssr: false }),
+  location: dynamic(() => import('./location'), { ssr: false }),
+  'log-in': dynamic(() => import('./log-in'), { ssr: false }),
+  'log-out': dynamic(() => import('./log-out'), { ssr: false }),
+  'mail-open': dynamic(() => import('./mail-open'), { ssr: false }),
+  map: dynamic(() => import('./map'), { ssr: false }),
+  'maps-arrow-diagonal': dynamic(() => import('./maps-arrow-diagonal'), {
+    ssr: false,
+  }),
+  'media-image-list': dynamic(() => import('./media-image-list'), {
+    ssr: false,
+  }),
+  menu: dynamic(() => import('./menu'), { ssr: false }),
+  metropolis: dynamic(() => import('./metropolis'), { ssr: false }),
+  minus: dynamic(() => import('./minus'), { ssr: false }),
+  'more-horiz': dynamic(() => import('./more-horiz'), { ssr: false }),
+  'more-vert': dynamic(() => import('./more-vert'), { ssr: false }),
+  'mostly-cloudy-night': dynamic(() => import('./mostly-cloudy-night'), {
+    ssr: false,
+  }),
+  'ms-ship': dynamic(() => import('./ms-ship'), { ssr: false }),
+  music: dynamic(() => import('./music'), { ssr: false }),
+  'nav-arrow-down': dynamic(() => import('./nav-arrow-down'), { ssr: false }),
+  'nav-arrow-left': dynamic(() => import('./nav-arrow-left'), { ssr: false }),
+  'nav-arrow-right': dynamic(() => import('./nav-arrow-right'), { ssr: false }),
+  'nav-arrow-up': dynamic(() => import('./nav-arrow-up'), { ssr: false }),
+  'no-wifi': dynamic(() => import('./no-wifi'), { ssr: false }),
+  'old-trips': dynamic(() => import('./old-trips'), { ssr: false }),
+  percentage: dynamic(() => import('./percentage'), { ssr: false }),
+  phone: dynamic(() => import('./phone'), { ssr: false }),
+  pin: dynamic(() => import('./pin'), { ssr: false }),
+  play: dynamic(() => import('./play'), { ssr: false }),
+  'plus-circle': dynamic(() => import('./plus-circle'), { ssr: false }),
+  plus: dynamic(() => import('./plus'), { ssr: false }),
+  point: dynamic(() => import('./point'), { ssr: false }),
+  rain: dynamic(() => import('./rain'), { ssr: false }),
+  receipt: dynamic(() => import('./receipt'), { ssr: false }),
+  'refresh-double': dynamic(() => import('./refresh-double'), { ssr: false }),
+  search: dynamic(() => import('./search'), { ssr: false }),
+  'security-pass': dynamic(() => import('./security-pass'), { ssr: false }),
+  settings: dynamic(() => import('./settings'), { ssr: false }),
+  'share-ios': dynamic(() => import('./share-ios'), { ssr: false }),
+  'ship-account': dynamic(() => import('./ship-account'), { ssr: false }),
+  'ship-info': dynamic(() => import('./ship-info'), { ssr: false }),
+  'ship-position': dynamic(() => import('./ship-position'), { ssr: false }),
+  'shooting-stars': dynamic(() => import('./shooting-stars'), { ssr: false }),
+  sleet: dynamic(() => import('./sleet'), { ssr: false }),
+  'snow-flake': dynamic(() => import('./snow-flake'), { ssr: false }),
+  snow: dynamic(() => import('./snow'), { ssr: false }),
+  sofa: dynamic(() => import('./sofa'), { ssr: false }),
+  'star-dashed': dynamic(() => import('./star-dashed'), { ssr: false }),
+  'star-filled': dynamic(() => import('./star-filled'), { ssr: false }),
+  'star-half-dashed': dynamic(() => import('./star-half-dashed'), {
+    ssr: false,
+  }),
+  star: dynamic(() => import('./star'), { ssr: false }),
+  substract: dynamic(() => import('./substract'), { ssr: false }),
+  'sun-light': dynamic(() => import('./sun-light'), { ssr: false }),
+  'temperature-high': dynamic(() => import('./temperature-high'), {
+    ssr: false,
+  }),
+  thunderstorm: dynamic(() => import('./thunderstorm'), { ssr: false }),
+  tornado: dynamic(() => import('./tornado'), { ssr: false }),
+  trash: dynamic(() => import('./trash'), { ssr: false }),
+  'travel-assistant': dynamic(() => import('./travel-assistant'), {
+    ssr: false,
+  }),
+  'tropical-storm': dynamic(() => import('./tropical-storm'), { ssr: false }),
+  'upcoming-trips': dynamic(() => import('./upcoming-trips'), { ssr: false }),
+  user: dynamic(() => import('./user'), { ssr: false }),
+  'warning-circle': dynamic(() => import('./warning-circle'), { ssr: false }),
+  'warning-hexagon': dynamic(() => import('./warning-hexagon'), { ssr: false }),
+  weather: dynamic(() => import('./weather'), { ssr: false }),
+  wifi: dynamic(() => import('./wifi'), { ssr: false }),
+  wind: dynamic(() => import('./wind'), { ssr: false }),
+  windrose: dynamic(() => import('./windrose'), { ssr: false }),
+  windsock: dynamic(() => import('./windsock'), { ssr: false }),
+};

package/icons/icons/info-empty.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgInfoEmpty = (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.75a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0v-5a.75.75 0 0 1 .75-.75M12.512 6.941a.75.75 0 0 1 .056 1.06l-.01.01a.75.75 0 0 1-1.115-1.003l.01-.011a.75.75 0 0 1 1.059-.056"
+      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 SvgInfoEmpty;

package/icons/icons/language.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgLanguage = (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 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.938 22.75 12 17.937 1.25 12 1.25m-.586 1.519a9 9 0 0 1 1.172 0q.101.15.241.38c.266.44.625 1.09.984 1.923.325.753.65 1.653.909 2.678H9.28c.259-1.025.584-1.925.909-2.678.36-.833.718-1.483.984-1.922q.141-.231.24-.381m-1.938.33A9.27 9.27 0 0 0 3.782 7.75h3.955A19 19 0 0 1 8.81 4.478c.228-.527.456-.989.665-1.38M3.166 9.25A9.3 9.3 0 0 0 2.75 12c0 .958.145 1.881.416 2.75h4.287a18.8 18.8 0 0 1 0-5.5zm.616 7a9.27 9.27 0 0 0 5.694 4.652c-.209-.39-.437-.852-.665-1.38a19 19 0 0 1-1.074-3.272zm7.632 4.982a9 9 0 0 0 1.172 0q.1-.15.241-.382c.266-.438.625-1.09.984-1.922.325-.753.65-1.653.909-2.678H9.28a18 18 0 0 0 .909 2.678c.36.833.718 1.484.984 1.922q.141.231.24.382m3.11-.33a9.27 9.27 0 0 0 5.694-4.652h-3.955a19 19 0 0 1-1.074 3.272c-.228.528-.456.99-.665 1.38m6.31-6.152c.27-.869.416-1.792.416-2.75 0-.957-.145-1.881-.416-2.75h-4.287a18.8 18.8 0 0 1 0 5.5zm-.616-7A9.27 9.27 0 0 0 14.524 3.1c.21.39.437.852.665 1.379.39.905.781 2.006 1.074 3.272zM8.75 12c0-.976.083-1.896.22-2.75h6.06a17.3 17.3 0 0 1 0 5.5H8.97A17 17 0 0 1 8.75 12"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgLanguage;

package/icons/icons/lifebuoy.tsx

@@ -0,0 +1,30 @@
+import type { SVGProps } from 'react';
+const SvgLifebuoy = (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.581 7.58a6.25 6.25 0 1 1 8.839 8.839A6.25 6.25 0 0 1 7.58 7.58m7.778 1.06a4.75 4.75 0 1 0-6.717 6.718 4.75 4.75 0 0 0 6.717-6.717"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M4.753 4.752c4.003-4.003 10.493-4.003 14.495 0 4.003 4.003 4.003 10.493 0 14.496-4.003 4.002-10.492 4.002-14.495 0C.75 15.244.75 8.754 4.753 4.751m13.435 1.06A8.75 8.75 0 1 0 5.813 18.187 8.75 8.75 0 0 0 18.188 5.812"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      d="m19.071 4.929-2.475-1.061-2.12 3.536 1.413.707.707 1.414 3.536-2.121zM4.93 19.07l2.474 1.061 2.122-3.535-1.415-.707-.707-1.414-3.535 2.12zM4.93 4.929 3.868 7.404l3.535 2.12.707-1.413 1.414-.707-2.12-3.536zM19.071 19.07l1.061-2.474-3.536-2.121-.707 1.414-1.414.707 2.121 3.535z"
+    />
+  </svg>
+);
+export default SvgLifebuoy;

package/icons/icons/loading.tsx

@@ -0,0 +1,18 @@
+import type { SVGProps } from 'react';
+const SvgLoading = (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="M12.05 19.5q-3.15 0-5.325-2.175C6.3 16.9 7.377 15.826 7.8 16.25Q9.55 18 12.05 18a5.86 5.86 0 0 0 3.475-1.1A5.8 5.8 0 0 0 17.7 14c.3-.5 1.3-.5 1.575 0q-.675 2.45-2.687 3.975A7.33 7.33 0 0 1 12.05 19.5"
+    />
+  </svg>
+);
+export default SvgLoading;

package/icons/icons/location.tsx

@@ -0,0 +1,24 @@
+import type { SVGProps } from 'react';
+const SvgLocation = (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="M12 8.25a1.75 1.75 0 1 0 0 3.5 1.75 1.75 0 0 0 0-3.5"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="m11.484 22.544.516.49.518-.492.005-.004.018-.018.07-.067.26-.254a52.92 52.92 0 0 0 3.71-4.068c1.014-1.24 2.043-2.64 2.823-4.024.768-1.364 1.346-2.805 1.346-4.107a8.75 8.75 0 1 0-17.5 0c0 1.302.578 2.743 1.346 4.107.78 1.384 1.81 2.783 2.823 4.024a53 53 0 0 0 3.97 4.322l.07.067.018.018zM4.75 10a7.25 7.25 0 1 1 14.5 0c0 .907-.422 2.07-1.154 3.371-.72 1.28-1.69 2.605-2.677 3.811A51 51 0 0 1 12 20.95a51.386 51.386 0 0 1-3.42-3.768c-.985-1.206-1.956-2.531-2.676-3.811-.732-1.3-1.154-2.464-1.154-3.371"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgLocation;

package/icons/icons/log-in.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgLogIn = (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="M11.47 11.47a.75.75 0 0 0 0 1.06l3 3a.75.75 0 1 0 1.06-1.06l-1.72-1.72H19a.75.75 0 0 0 0-1.5h-5.19l1.72-1.72a.75.75 0 0 0-1.06-1.06z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7 3.75c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h10c.69 0 1.25-.56 1.25-1.25v-1a.75.75 0 0 1 1.5 0v1A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25h10A2.75 2.75 0 0 1 19.75 5v1a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgLogIn;

package/icons/icons/log-out.tsx

@@ -0,0 +1,26 @@
+import type { SVGProps } from 'react';
+const SvgLogOut = (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="M19.53 11.47a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H12a.75.75 0 0 1 0-1.5h5.19l-1.72-1.72a.75.75 0 0 1 1.06-1.06z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M7 3.75c-.69 0-1.25.56-1.25 1.25v14c0 .69.56 1.25 1.25 1.25h10c.69 0 1.25-.56 1.25-1.25v-1a.75.75 0 0 1 1.5 0v1A2.75 2.75 0 0 1 17 21.75H7A2.75 2.75 0 0 1 4.25 19V5A2.75 2.75 0 0 1 7 2.25h10A2.75 2.75 0 0 1 19.75 5v1a.75.75 0 0 1-1.5 0V5c0-.69-.56-1.25-1.25-1.25z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgLogOut;

package/icons/icons/mail-open.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgMailOpen = (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="M11.357 2.26a1.25 1.25 0 0 1 1.286 0l8 4.8c.377.226.607.633.607 1.072V19c0 .69-.56 1.25-1.25 1.25H4c-.69 0-1.25-.56-1.25-1.25V8.132c0-.439.23-.846.607-1.071zM13.415.975a2.75 2.75 0 0 0-2.83 0l-8 4.8.38.633-.38-.633A2.75 2.75 0 0 0 1.25 8.132V19A2.75 2.75 0 0 0 4 21.75h16A2.75 2.75 0 0 0 22.75 19V8.132a2.75 2.75 0 0 0-1.335-2.358zM7.43 10.386a.75.75 0 1 0-.86 1.228l5 3.5a.75.75 0 0 0 .86 0l5-3.5a.75.75 0 1 0-.86-1.228L12 13.585z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMailOpen;

package/icons/icons/map.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgMap = (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.763 2.288a.75.75 0 0 1 .474 0L15 4.21l4.973-1.657a1.35 1.35 0 0 1 1.777 1.28v14.735a1.35 1.35 0 0 1-.923 1.281l-5.59 1.864a.75.75 0 0 1-.474 0L9 19.79l-4.973 1.657a1.35 1.35 0 0 1-1.777-1.28V5.432c0-.58.372-1.097.923-1.28zM9.75 18.46l4.5 1.5V5.541l-4.5-1.5zM8.25 4.041v14.418l-4.5 1.5V5.541zm7.5 1.5v14.418l4.5-1.5V4.041z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMap;

package/icons/icons/maps-arrow-diagonal.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgMapsArrowDiagonal = (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="M19.282 5.425 4.906 9.451l6.744 2.967a1.25 1.25 0 0 1 .64.642l2.967 6.743zm-4.214 15.05v-.001zm4.238-16.614a1.25 1.25 0 0 1 1.54 1.541m0 .001-4.332 15.473v.001a1.25 1.25 0 0 1-2.35.167l-3.209-7.293-7.29-3.208h-.001a1.25 1.25 0 0 1 .165-2.348L19.306 3.86"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMapsArrowDiagonal;

package/icons/icons/media-image-list.tsx

@@ -0,0 +1,32 @@
+import type { SVGProps } from 'react';
+const SvgMediaImageList = (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 20V7.5H7.5V20zm1.5.15a1.35 1.35 0 0 1-1.35 1.35H7.35A1.35 1.35 0 0 1 6 20.15V7.35C6 6.604 6.604 6 7.35 6h12.8c.746 0 1.35.604 1.35 1.35z"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M3.75 18.5a.75.75 0 0 1-.75-.75V4.35C3 3.604 3.604 3 4.35 3h13.4a.75.75 0 0 1 0 1.5H4.5v13.25a.75.75 0 0 1-.75.75"
+      clipRule="evenodd"
+    />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M11.959 14.038a.75.75 0 0 1 .484.004l8.555 3a.75.75 0 0 1-.496 1.416l-8.315-2.916-5.202 1.72a.75.75 0 0 1-.47-1.424zM16.25 10.5a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5m2.25.75a2.25 2.25 0 1 0-4.5 0 2.25 2.25 0 0 0 4.5 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMediaImageList;

package/icons/icons/menu.tsx

@@ -0,0 +1,21 @@
+import type { SVGProps } from 'react';
+const SvgMenu = (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"
+      strokeWidth={1.5}
+      d="M3 5h18M3 12h18M3 19h18"
+    />
+  </svg>
+);
+export default SvgMenu;

package/icons/icons/metropolis.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgMetropolis = (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="M9.75 5V3.75h4.5v16.5H3.75V5.75H9A.75.75 0 0 0 9.75 5m10.5 15.25h-4.5v-2.5H17a.75.75 0 0 0 0-1.5h-1.25v-2.5H17a.75.75 0 0 0 0-1.5h-1.25v-2.5h4.5zM15.75 3.6v4.65h4.65c.746 0 1.35.604 1.35 1.35v10.8a1.35 1.35 0 0 1-1.35 1.35H3.6a1.35 1.35 0 0 1-1.35-1.35V5.6c0-.746.604-1.35 1.35-1.35h4.65V3.6c0-.746.604-1.35 1.35-1.35h4.8c.746 0 1.35.604 1.35 1.35M7.512 8.441a.75.75 0 0 1 .055 1.06l-.01.01a.75.75 0 1 1-1.114-1.003l.01-.01a.75.75 0 0 1 1.059-.057m4 0a.75.75 0 0 1 .056 1.06l-.01.01a.75.75 0 0 1-1.115-1.003l.01-.01a.75.75 0 0 1 1.059-.057m-3.945 5.06a.75.75 0 1 0-1.114-1.004l-.01.011a.75.75 0 1 0 1.114 1.004zm3.945-1.06a.75.75 0 0 1 .055 1.06l-.01.011a.75.75 0 1 1-1.114-1.004l.01-.011a.75.75 0 0 1 1.059-.055m-3.945 5.06a.75.75 0 1 0-1.114-1.004l-.01.011a.75.75 0 1 0 1.114 1.004zm3.945-1.06a.75.75 0 0 1 .055 1.06l-.01.011a.75.75 0 1 1-1.114-1.004l.01-.011a.75.75 0 0 1 1.059-.055"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMetropolis;

package/icons/icons/minus.tsx

@@ -0,0 +1,20 @@
+import type { SVGProps } from 'react';
+const SvgMinus = (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 11.75a.75.75 0 0 1 .75-.75h16a.75.75 0 0 1 0 1.5h-16a.75.75 0 0 1-.75-.75"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMinus;

package/icons/icons/more-horiz.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from 'react';
+const SvgMoreHoriz = (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="M18 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M18 12.25a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5M16.75 12a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"
+      clipRule="evenodd"
+    />
+    <path fill="currentColor" d="M12 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 12.25a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5M10.75 12a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"
+      clipRule="evenodd"
+    />
+    <path fill="currentColor" d="M6 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M6 12.25a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5M4.75 12a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMoreHoriz;

package/icons/icons/more-vert.tsx

@@ -0,0 +1,35 @@
+import type { SVGProps } from 'react';
+const SvgMoreVert = (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="M12 12.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 12.25a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5M10.75 12a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"
+      clipRule="evenodd"
+    />
+    <path fill="currentColor" d="M12 18.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 18.25a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5M10.75 18a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"
+      clipRule="evenodd"
+    />
+    <path fill="currentColor" d="M12 6.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1" />
+    <path
+      fill="currentColor"
+      fillRule="evenodd"
+      d="M12 6.25a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5M10.75 6a1.25 1.25 0 1 1 2.5 0 1.25 1.25 0 0 1-2.5 0"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+export default SvgMoreVert;