@clickhouse/click-ui 0.0.0 → 0.0.2

package/src/components/icons/SortAltIcon.tsx

@@ -1,24 +1,22 @@
 import { SVGAttributes } from "react";
 
-function SortAltIcon(props: SVGAttributes<SVGElement>) {
-  return (
-    <svg
-      xmlns='http://www.w3.org/2000/svg'
-      width='24'
-      height='24'
-      fill='none'
-      viewBox='0 0 24 24'
-      {...props}
-    >
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='1.5'
-        d='M3.4 15.4L7 19l3.6-3.6M7 5v14M20.6 8.6L17 5l-3.6 3.6M17 19V5'
-      ></path>
-    </svg>
-  );
-}
+const SortAltIcon = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="24"
+    height="24"
+    fill="none"
+    viewBox="0 0 24 24"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M3.4 15.4 7 19l3.6-3.6M7 5v14M20.6 8.6 17 5l-3.6 3.6M17 19V5"
+    />
+  </svg>
+);
 
 export default SortAltIcon;

package/src/components/icons/SortIcon.tsx

@@ -0,0 +1,24 @@
+import { SVGAttributes } from "react";
+
+const SortIcon = (props: SVGAttributes<SVGElement>) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      fill="none"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <path
+        stroke="#161517"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeWidth={1.5}
+        d="m16 9-4-4-4 4M8 15l4 4 4-4"
+      />
+    </svg>
+  );
+};
+
+export default SortIcon;

package/src/components/icons/Sparkle.tsx

@@ -0,0 +1,23 @@
+import { SVGAttributes } from "react";
+
+const Sparkle = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M2.996 16.794a4.002 4.002 0 0 1 4.002 4.002 4.002 4.002 0 0 1 4.001-4.002 4.002 4.002 0 0 1-4.001-4.002 4.002 4.002 0 0 1-4.002 4.002ZM13.001 13.793a4.002 4.002 0 0 1 4.002 4.001 4.002 4.002 0 0 1 4.001-4.001 4.002 4.002 0 0 1-4.001-4.002A4.002 4.002 0 0 1 13 13.793v0ZM6.998 6.79A4.002 4.002 0 0 1 11 10.79 4.002 4.002 0 0 1 15 6.79 4.002 4.002 0 0 1 11 2.788 4.002 4.002 0 0 1 6.998 6.79Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+
+export default Sparkle;

package/src/components/icons/Speaker.tsx

@@ -0,0 +1,30 @@
+import { SVGAttributes } from "react";
+
+const Speaker = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M13.999 15.002 6.998 15a4.003 4.003 0 0 1-4.002-4.004v-.998A4.002 4.002 0 0 1 7 5.997h7l3.874-2.647c1.329-.908 3.13.044 3.13 1.652v10.997c0 1.609-1.802 2.56-3.13 1.652L14 15.002Z"
+      clipRule="evenodd"
+    />
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M14 5.998v9.004M5.997 15.002l1.53 3.86a1.8 1.8 0 0 0 1.67 1.142v0c1.272 0 2.142-1.295 1.673-2.489l-.99-2.514"
+    />
+  </svg>
+);
+
+export default Speaker;

package/src/components/icons/Speed.tsx

@@ -0,0 +1,29 @@
+import { SVGAttributes } from "react";
+
+const Speed = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M12.007 10.313A1.69 1.69 0 0 1 13.688 12v.008a1.689 1.689 0 1 1-1.681-1.695M10.807 13.194l-1.25 1.25M16.202 7.798 13.201 10.8"
+    />
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M18.367 5.634A9.004 9.004 0 1 1 12 2.997v3"
+    />
+  </svg>
+);
+
+export default Speed;

package/src/components/icons/Star.tsx

@@ -0,0 +1,23 @@
+import { SVGAttributes } from "react";
+
+const Star = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="m7.75 1.87 1.895 3.87 4.24.625-3.068 3.011.724 4.254-3.791-2.01-3.792 2.01.724-4.254-3.068-3.01 4.24-.625L7.75 1.87Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+
+export default Star;

package/src/components/icons/Support.tsx

@@ -0,0 +1,37 @@
+import { SVGAttributes } from "react";
+
+const Support = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M16 18H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2Z"
+      clipRule="evenodd"
+    />
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M10.467 11.504v-.207c0-.678.419-1.045.839-1.327.41-.276.82-.636.82-1.3a1.659 1.659 0 0 0-3.318 0M10.466 13.843a.148.148 0 0 0-.15.15.15.15 0 1 0 .15-.15"
+    />
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M18 6h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2v-1"
+    />
+  </svg>
+);
+
+export default Support;

package/src/components/icons/Table.tsx

@@ -0,0 +1,30 @@
+import { SVGAttributes } from "react";
+
+const Table = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2Z"
+      clipRule="evenodd"
+    />
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M3 9h18M3 15h18M12 9v12"
+    />
+  </svg>
+);
+
+export default Table;

package/src/components/icons/Taxi.tsx

@@ -0,0 +1,120 @@
+import { SVGAttributes } from "react";
+
+const Taxi = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeWidth={1.5}
+      d="m9.368 17.484.003-.004-.003.004Z"
+    />
+    <mask
+      id="a"
+      fill="#fff"
+    >
+      <path d="M3.857 13.714h16.286a.43.43 0 0 0 .383-.622L18.19 8.468a1.286 1.286 0 0 0-1.17-.754H6.98a1.28 1.28 0 0 0-1.162.738l-2.343 4.64a.429.429 0 0 0 .382.622Zm2.734-4.891a.429.429 0 0 1 .39-.252H17.02a.437.437 0 0 1 .398.268l2.029 4.018H4.554L6.59 8.823Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="M3.857 13.714v-1.5 1.5Zm16.286 0v-1.5 1.5Zm.383-.622-1.339.677 1.339-.677ZM18.19 8.468l-1.365.62.012.029.014.027 1.34-.676Zm-1.17-.754v-1.5 1.5Zm-10.04 0-.003 1.5h.004v-1.5Zm-1.162.738 1.34.677.01-.02.01-.021-1.36-.636Zm-2.343 4.64 1.339.677-1.34-.677Zm3.116-4.27L7.93 9.5l.014-.028.012-.027-1.365-.621Zm.39-.25v-1.5 1.5Zm10.039 0 .017-1.5h-.017v1.5Zm.398.267-1.382.583.02.047.022.046 1.34-.677Zm2.029 4.018v1.5h2.438l-1.1-2.176-1.338.676Zm-14.893 0-1.34-.676-1.098 2.176h2.438v-1.5Zm-.697 2.357h16.286v-3H3.857v3Zm16.285 0c.33 0 .654-.084.942-.244l-1.463-2.62c.16-.089.34-.136.523-.136l-.002 3Zm.942-.244c.287-.161.53-.393.702-.673l-2.555-1.573c.096-.156.23-.284.39-.374l1.463 2.62Zm.702-.673c.173-.281.27-.601.284-.93l-2.997-.126c.008-.183.062-.36.158-.517l2.555 1.573Zm.284-.93a1.929 1.929 0 0 0-.205-.951l-2.678 1.353a1.073 1.073 0 0 1-.114-.528l2.997.126Zm-.205-.95-2.336-4.625-2.678 1.352 2.336 4.625 2.678-1.353Zm-2.31-4.57a2.785 2.785 0 0 0-1.027-1.189L16.904 9.18a.214.214 0 0 1-.08-.091l2.732-1.241Zm-1.027-1.189a2.786 2.786 0 0 0-1.508-.444v3a.214.214 0 0 1-.116-.034l1.624-2.522Zm-1.508-.444H6.98v3h10.04v-3Zm-10.036 0a2.78 2.78 0 0 0-1.496.433L7.096 9.18a.22.22 0 0 1-.119.034l.007-3Zm-1.496.433a2.78 2.78 0 0 0-1.029 1.17l2.718 1.27a.22.22 0 0 1-.081.093L5.488 6.647Zm-1.009 1.13-2.343 4.64 2.678 1.352 2.343-4.64L4.48 7.776Zm-2.343 4.639c-.149.294-.22.621-.206.95l2.998-.125c.007.183-.032.365-.114.528l-2.678-1.353Zm-.206.95c.014.33.112.65.285.93l2.555-1.572c.096.156.15.334.158.517l-2.998.126Zm.285.93c.173.281.414.513.702.674l1.463-2.62c.16.09.294.218.39.374l-2.555 1.573Zm.702.674c.288.16.612.244.941.244l-.001-3c.183 0 .363.047.523.136l-1.463 2.62Zm5.04-5.526a1.071 1.071 0 0 1-.396.457L5.937 7.379c-.311.2-.558.486-.712.823l2.731 1.242ZM7.56 9.9c-.173.111-.374.17-.58.17v-3c-.37 0-.733.107-1.044.308L7.56 9.9Zm-.58.17H17.02v-3H6.98v3Zm10.022 0a1.062 1.062 0 0 1-.58-.18l1.672-2.49a1.937 1.937 0 0 0-1.058-.33l-.034 3Zm-.58-.18a1.063 1.063 0 0 1-.387-.469l2.763-1.167a1.937 1.937 0 0 0-.704-.855l-1.673 2.491Zm-.345-.376 2.03 4.018 2.678-1.352-2.03-4.019-2.678 1.353Zm3.369 1.842H4.554v3h14.893v-3ZM5.893 13.533 7.93 9.5 5.252 8.147 3.215 12.18l2.678 1.352Z"
+      mask="url(#a)"
+    />
+    <mask
+      id="b"
+      fill="#fff"
+    >
+      <path d="M5.357 15h-1.5a.857.857 0 0 0-.857.857v1.072a.857.857 0 0 0 .857.857h3.429a.428.428 0 0 0 .428-.429A2.36 2.36 0 0 0 5.357 15Zm-1.5 1.929v-1.072h1.5a1.502 1.502 0 0 1 1.438 1.072H3.857Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="m5.357 15 .002-1.5h-.002V15Zm2.357 2.357h1.5v-.002l-1.5.002Zm-3.857-.428h-1.5v1.5h1.5v-1.5Zm0-1.072v-1.5h-1.5v1.5h1.5Zm1.5 0 .002-1.5h-.002v1.5Zm1.438 1.072v1.5h2.014l-.577-1.93-1.437.43ZM5.357 13.5h-1.5v3h1.5v-3Zm-1.5 0c-.625 0-1.225.248-1.667.69l2.122 2.122a.643.643 0 0 1-.455.188v-3Zm-1.667.69a2.357 2.357 0 0 0-.69 1.667h3c0 .17-.068.334-.188.455L2.19 14.19Zm-.69 1.667v1.072h3v-1.072h-3Zm0 1.072c0 .625.248 1.224.69 1.666l2.122-2.121c.12.12.188.284.188.455h-3Zm.69 1.666c.442.442 1.042.69 1.667.69v-3c.17 0 .334.068.455.189L2.19 18.595Zm1.667.69h3.429v-3H3.857v3Zm3.429 0c.511 0 1.002-.203 1.363-.564l-2.12-2.122c.2-.2.473-.313.757-.313v3Zm1.363-.564c.362-.362.565-.852.565-1.364h-3c0-.284.113-.556.314-.758l2.121 2.122Zm.565-1.366a3.86 3.86 0 0 0-1.13-2.725l-2.122 2.122a.86.86 0 0 1 .252.607l3-.004Zm-1.13-2.725a3.86 3.86 0 0 0-2.725-1.13l-.003 3a.86.86 0 0 1 .606.252l2.122-2.121ZM5.357 16.93v-1.072h-3v1.072h3Zm-1.5.428h1.5v-3h-1.5v3Zm1.498 0h.002l1.793-2.405a3.002 3.002 0 0 0-1.791-.595l-.003 3Zm.002 0v.002l2.875-.86a3.003 3.003 0 0 0-1.082-1.547l-1.793 2.406Zm1.438-1.928H3.857v3h2.938v-3Z"
+      mask="url(#b)"
+    />
+    <mask
+      id="c"
+      fill="#fff"
+    >
+      <path d="M21 16.929v-1.072a.857.857 0 0 0-.857-.857h-1.5a2.36 2.36 0 0 0-2.357 2.357.429.429 0 0 0 .429.429h3.428a.857.857 0 0 0 .857-.857Zm-2.357-1.072h1.5v1.072h-2.937a1.502 1.502 0 0 1 1.437-1.072Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="M18.643 15v-1.5h-.001l.001 1.5Zm-2.357 2.357-1.5-.002v.002h1.5Zm2.357-1.5v-1.5h-.001l.001 1.5Zm1.5 0h1.5v-1.5h-1.5v1.5Zm0 1.072v1.5h1.5v-1.5h-1.5Zm-2.937 0-1.437-.43-.578 1.93h2.015v-1.5Zm5.294 0v-1.072h-3v1.072h3Zm0-1.072c0-.625-.248-1.225-.69-1.667l-2.121 2.122a.643.643 0 0 1-.189-.455h3Zm-.69-1.667a2.357 2.357 0 0 0-1.667-.69v3a.643.643 0 0 1-.454-.188l2.121-2.122Zm-1.667-.69h-1.5v3h1.5v-3Zm-1.501 0a3.86 3.86 0 0 0-2.725 1.13l2.12 2.122a.86.86 0 0 1 .608-.252l-.003-3Zm-2.725 1.13a3.86 3.86 0 0 0-1.13 2.725l3 .004a.86.86 0 0 1 .25-.607l-2.12-2.121Zm-1.13 2.727c0 .512.202 1.002.564 1.364l2.121-2.122c.201.201.314.474.314.758h-3Zm.564 1.364c.362.361.852.565 1.364.565v-3c.284 0 .556.113.757.313l-2.121 2.122Zm1.364.565h3.428v-3h-3.428v3Zm3.428 0c.625 0 1.225-.249 1.667-.69l-2.121-2.122a.643.643 0 0 1 .454-.188v3Zm1.667-.69c.442-.443.69-1.042.69-1.667h-3c0-.17.068-.334.189-.455l2.121 2.121Zm-3.167-1.239h1.5v-3h-1.5v3Zm0-1.5v1.072h3v-1.072h-3Zm1.5-.428h-2.937v3h2.937v-3Zm-1.5 1.93v-.001l-1.792-2.406a3.003 3.003 0 0 0-1.082 1.546l2.874.86Zm0-.001h.002l-.003-3c-.646 0-1.274.208-1.791.594l1.793 2.406Z"
+      mask="url(#c)"
+    />
+    <mask
+      id="d"
+      fill="#fff"
+    >
+      <path d="M21.322 9.857h-.932l-.945-2.093A3.006 3.006 0 0 0 16.71 6h-.1l-.865-3.115a.429.429 0 0 0-.412-.314H8.667a.429.429 0 0 0-.413.314L7.39 6h-.1a3.005 3.005 0 0 0-2.733 1.764L3.61 9.857H2.68c-1.345 0-1.822.75-1.822 1.393a1.395 1.395 0 0 0 1.393 1.393h.101l-.291.643a3.861 3.861 0 0 0-.345 1.602v3.54c.001.46.152.908.43 1.275l-.002.011V21a1.286 1.286 0 0 0 1.286 1.286h1.714A1.286 1.286 0 0 0 6.43 21v-.429h11.143V21a1.286 1.286 0 0 0 1.285 1.286h1.715A1.286 1.286 0 0 0 21.857 21v-1.286l-.002-.01c.278-.368.43-.815.431-1.276v-3.54a3.86 3.86 0 0 0-.343-1.602l-.291-.643h.1a1.394 1.394 0 0 0 1.391-1.393c0-.643-.477-1.393-1.821-1.393ZM1.715 11.25c0-.484.674-.536.964-.536h.519l-.476 1.072H2.25a.537.537 0 0 1-.535-.536Zm7.278-7.822h6.015L15.722 6H8.278l.715-2.572ZM5.572 21a.429.429 0 0 1-.429.428H3.43A.428.428 0 0 1 3 21v-.61c.27.12.562.181.857.181h1.715V21Zm-1.715-1.286a1.286 1.286 0 0 1-1.285-1.286v-3.54c0-.43.09-.856.268-1.247l2.497-5.524a2.146 2.146 0 0 1 1.953-1.26h9.42a2.146 2.146 0 0 1 1.953 1.26l2.497 5.524c.178.391.27.817.269 1.247v3.54a1.286 1.286 0 0 1-1.286 1.286H3.857Zm16.715 1.714h-1.715A.428.428 0 0 1 18.43 21v-.429h1.714c.295 0 .587-.062.857-.181V21a.429.429 0 0 1-.428.428Zm1.178-9.642h-.471l-.476-1.072h.519c.29 0 .964.052.964.536a.536.536 0 0 1-.536.536Z" />
+    </mask>
+    <path
+      stroke="#161517"
+      strokeWidth={3}
+      d="M21.322 9.857h-.932l-.945-2.093A3.006 3.006 0 0 0 16.71 6h-.1l-.865-3.115a.429.429 0 0 0-.412-.314H8.667a.429.429 0 0 0-.413.314L7.39 6h-.1a3.005 3.005 0 0 0-2.733 1.764L3.61 9.857H2.68c-1.345 0-1.822.75-1.822 1.393a1.395 1.395 0 0 0 1.393 1.393h.101l-.291.643a3.861 3.861 0 0 0-.345 1.602v3.54c.001.46.152.908.43 1.275l-.002.011V21a1.286 1.286 0 0 0 1.286 1.286h1.714A1.286 1.286 0 0 0 6.43 21v-.429h11.143V21a1.286 1.286 0 0 0 1.285 1.286h1.715A1.286 1.286 0 0 0 21.857 21v-1.286l-.002-.01c.278-.368.43-.815.431-1.276v-3.54a3.86 3.86 0 0 0-.343-1.602l-.291-.643h.1a1.394 1.394 0 0 0 1.391-1.393c0-.643-.477-1.393-1.821-1.393ZM1.715 11.25c0-.484.674-.536.964-.536h.519l-.476 1.072H2.25a.537.537 0 0 1-.535-.536Zm7.278-7.822h6.015L15.722 6H8.278l.715-2.572ZM5.572 21a.429.429 0 0 1-.429.428H3.43A.428.428 0 0 1 3 21v-.61c.27.12.562.181.857.181h1.715V21Zm-1.715-1.286a1.286 1.286 0 0 1-1.285-1.286v-3.54c0-.43.09-.856.268-1.247l2.497-5.524a2.146 2.146 0 0 1 1.953-1.26h9.42a2.146 2.146 0 0 1 1.953 1.26l2.497 5.524c.178.391.27.817.269 1.247v3.54a1.286 1.286 0 0 1-1.286 1.286H3.857Zm16.715 1.714h-1.715A.428.428 0 0 1 18.43 21v-.429h1.714c.295 0 .587-.062.857-.181V21a.429.429 0 0 1-.428.428Zm1.178-9.642h-.471l-.476-1.072h.519c.29 0 .964.052.964.536a.536.536 0 0 1-.536.536Z"
+      mask="url(#d)"
+    />
+    <mask
+      id="e"
+      fill="#fff"
+    >
+      <path d="M10.715 4.714h-.858v.857h.858v-.857Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="M9.857 4.714v-1.5h-1.5v1.5h1.5Zm.858 0h1.5v-1.5h-1.5v1.5Zm0 .857v1.5h1.5v-1.5h-1.5Zm-.858 0h-1.5v1.5h1.5v-1.5Zm0 .643h.858v-3h-.858v3Zm-.642-1.5v.857h3v-.857h-3Zm1.5-.643h-.858v3h.858v-3Zm.642 1.5v-.857h-3v.857h3Z"
+      mask="url(#e)"
+    />
+    <mask
+      id="f"
+      fill="#fff"
+    >
+      <path d="M11.571 3.857h-.857v.857h.857v-.857Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="M10.714 3.857v-1.5h-1.5v1.5h1.5Zm.857 0h1.5v-1.5h-1.5v1.5Zm0 .857v1.5h1.5v-1.5h-1.5Zm-.857 0h-1.5v1.5h1.5v-1.5Zm0 .643h.857v-3h-.857v3Zm-.643-1.5v.857h3v-.857h-3Zm1.5-.643h-.857v3h.857v-3Zm.643 1.5v-.857h-3v.857h3Z"
+      mask="url(#f)"
+    />
+    <mask
+      id="g"
+      fill="#fff"
+    >
+      <path d="M12.428 4.714h-.857v.857h.857v-.857Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="M11.571 4.714v-1.5h-1.5v1.5h1.5Zm.857 0h1.5v-1.5h-1.5v1.5Zm0 .857v1.5h1.5v-1.5h-1.5Zm-.857 0h-1.5v1.5h1.5v-1.5Zm0 .643h.857v-3h-.857v3Zm-.643-1.5v.857h3v-.857h-3Zm1.5-.643h-.857v3h.857v-3Zm.643 1.5v-.857h-3v.857h3Z"
+      mask="url(#g)"
+    />
+    <mask
+      id="h"
+      fill="#fff"
+    >
+      <path d="M13.286 3.857h-.857v.857h.857v-.857Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="M12.429 3.857v-1.5h-1.5v1.5h1.5Zm.857 0h1.5v-1.5h-1.5v1.5Zm0 .857v1.5h1.5v-1.5h-1.5Zm-.857 0h-1.5v1.5h1.5v-1.5Zm0 .643h.857v-3h-.857v3Zm-.643-1.5v.857h3v-.857h-3Zm1.5-.643h-.857v3h.857v-3Zm.643 1.5v-.857h-3v.857h3Z"
+      mask="url(#h)"
+    />
+    <mask
+      id="i"
+      fill="#fff"
+    >
+      <path d="M14.143 4.714h-.857v.857h.857v-.857Z" />
+    </mask>
+    <path
+      fill="#161517"
+      d="M13.286 4.714v-1.5h-1.5v1.5h1.5Zm.857 0h1.5v-1.5h-1.5v1.5Zm0 .857v1.5h1.5v-1.5h-1.5Zm-.857 0h-1.5v1.5h1.5v-1.5Zm0 .643h.857v-3h-.857v3Zm-.643-1.5v.857h3v-.857h-3Zm1.5-.643h-.857v3h.857v-3Zm.643 1.5v-.857h-3v.857h3Z"
+      mask="url(#i)"
+    />
+  </svg>
+);
+
+export default Taxi;

package/src/components/icons/Trash.tsx

@@ -0,0 +1,22 @@
+import { SVGAttributes } from "react";
+
+const Trash = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M18 6v12.75c0 1.243-1.027 2.25-2.269 2.25h-7.5A2.233 2.233 0 0 1 6 18.75V6M19.5 6h-15M10 3h4M14 10v7M10 17v-7"
+    />
+  </svg>
+);
+
+export default Trash;

package/src/components/icons/Upload.tsx

@@ -0,0 +1,29 @@
+import { SVGAttributes } from "react";
+
+const Upload = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M12 19.813v-7M9.833 14.813 12 12.645l2.167 2.168"
+    />
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M16 19.813h2.56c1.928 0 3.5-1.572 3.5-3.5s-1.572-3.5-3.5-3.5h-.435v-1c0-3.31-2.69-6-6-6-2.977 0-5.445 2.178-5.913 5.022-2.377.121-4.272 2.07-4.272 4.477a4.5 4.5 0 0 0 4.5 4.5H8"
+    />
+  </svg>
+);
+
+export default Upload;

package/src/components/icons/Url.tsx

@@ -0,0 +1,22 @@
+import { SVGAttributes } from "react";
+
+const Url = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={24}
+    height={24}
+    viewBox="0 0 24 24"
+    fill="none"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="m17.445 12.778 2.333-2.333a4.401 4.401 0 0 0 0-6.223v0a4.401 4.401 0 0 0-6.223 0l-2.333 2.333M8.89 15.11l6.22-6.22M6.555 11.222l-2.333 2.333a4.401 4.401 0 0 0 0 6.223v0a4.401 4.401 0 0 0 6.223 0l2.333-2.333"
+    />
+  </svg>
+);
+
+export default Url;

package/src/components/icons/UsersIcon.tsx

@@ -2,42 +2,42 @@ import { SVGAttributes } from "react";
 
 export const UsersIcon = (props: SVGAttributes<SVGElement>) => (
   <svg
-    width='24'
-    height='25'
-    viewBox='0 0 24 25'
-    fill='none'
-    xmlns='http://www.w3.org/2000/svg'
+    width="24"
+    height="25"
+    viewBox="0 0 24 25"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
     {...props}
   >
     <path
-      d='M15.2158 11.2407C17.0021 11.1757 18.42 9.71476 18.4314 7.92732C18.4038 6.17864 16.9645 4.78308 15.2158 4.80945'
-      stroke='#161517'
-      strokeWidth='1.5'
-      strokeLinecap='round'
-      strokeLinejoin='round'
+      d="M15.2158 11.2407C17.0021 11.1757 18.42 9.71476 18.4314 7.92732C18.4038 6.17864 16.9645 4.78308 15.2158 4.80945"
+      stroke="#161517"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
     <path
-      fillRule='evenodd'
-      clipRule='evenodd'
-      d='M9.42753 11.2407C11.2138 11.1757 12.6317 9.71476 12.6432 7.92732C12.6156 6.17864 11.1762 4.78308 9.42753 4.80945C7.67884 4.78308 6.23952 6.17864 6.21191 7.92732C6.22292 9.71494 7.64104 11.1762 9.42753 11.2407V11.2407Z'
-      stroke='#161517'
-      strokeWidth='1.5'
-      strokeLinecap='round'
-      strokeLinejoin='round'
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M9.42753 11.2407C11.2138 11.1757 12.6317 9.71476 12.6432 7.92732C12.6156 6.17864 11.1762 4.78308 9.42753 4.80945C7.67884 4.78308 6.23952 6.17864 6.21191 7.92732C6.22292 9.71494 7.64104 11.1762 9.42753 11.2407V11.2407Z"
+      stroke="#161517"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
     <path
-      d='M16.0015 20.816V18.8151C16.0015 16.6051 14.2099 14.8135 11.9998 14.8135H6.99776C4.7877 14.8135 2.99609 16.6051 2.99609 18.8151V20.816'
-      stroke='#161517'
-      strokeWidth='1.5'
-      strokeLinecap='round'
-      strokeLinejoin='round'
+      d="M16.0015 20.816V18.8151C16.0015 16.6051 14.2099 14.8135 11.9998 14.8135H6.99776C4.7877 14.8135 2.99609 16.6051 2.99609 18.8151V20.816"
+      stroke="#161517"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
     <path
-      d='M21.0042 20.816V17.8147C21.0042 16.1572 19.6605 14.8135 18.0029 14.8135'
-      stroke='#161517'
-      strokeWidth='1.5'
-      strokeLinecap='round'
-      strokeLinejoin='round'
+      d="M21.0042 20.816V17.8147C21.0042 16.1572 19.6605 14.8135 18.0029 14.8135"
+      stroke="#161517"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
     />
   </svg>
 );

package/src/components/icons/WarningIcon.tsx

@@ -0,0 +1,30 @@
+import { SVGAttributes } from "react";
+
+const WarningIcon = (props: SVGAttributes<SVGElement>) => (
+  <svg
+    width="24"
+    height="24"
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="M12 13.12V9.38M11.999 16.125a.25.25 0 1 0 .002.5.25.25 0 0 0-.002-.5"
+    />
+    <path
+      stroke="#161517"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      strokeWidth={1.5}
+      d="m14.029 4.14 7.659 13.403c.89 1.558-.235 3.497-2.03 3.497H4.342c-1.795 0-2.92-1.939-2.03-3.497L9.972 4.14c.897-1.57 3.16-1.57 4.058 0Z"
+      clipRule="evenodd"
+    />
+  </svg>
+);
+
+export default WarningIcon;

package/src/components/index.ts

@@ -1,14 +1,35 @@
+import { IconProps } from "./Icon/types";
 export { default as Flags } from "./icons/Flags";
 
-export { Accordion } from "./Accordion/Accordion";
-export { Badge } from "./Badge/Badge";
-export { ButtonGroup } from "./ButtonGroup/ButtonGroup";
-export { Button } from "./Button/Button";
-export { Card } from "./Card/Card";
+export { Avatar, type AvatarProps } from "./Avatar/Avatar";
+export { Accordion, type AccordionProps } from "./Accordion/Accordion";
+export { Badge, type BadgeProps } from "./Badge/Badge";
+export { ButtonGroup, type ButtonGroupProps } from "./ButtonGroup/ButtonGroup";
+export { Button, type ButtonProps } from "./Button/Button";
+export { Card, type CardProps } from "./Card/Card";
+export { ContextMenu } from "./ContextMenu/ContextMenu";
+export { HoverCard } from "./HoverCard/HoverCard";
 export { Icon } from "./Icon/Icon";
-export { IconButton } from "./IconButton/IconButton";
-export { UserIcon as ProfileIcon } from "./icons/UserIcon";
+export { type IconProps };
+export {
+  Alert,
+  DangerAlert,
+  InfoAlert,
+  WarningAlert,
+  SuccessAlert,
+  type AlertProps,
+} from "./Alert/Alert";
+export { Checkbox, type CheckboxProps } from "./Checkbox/Checkbox";
+export { IconButton, type IconButtonProps } from "./IconButton/IconButton";
+export { RadioGroup, type RadioGroupProps } from "./RadioGroup/RadioGroup";
+export { Popover } from "./Popover/Popover";
+export { Select, type SelectProps } from "./FormField/Select";
+export { Spacer, type SpacerProps } from "./Spacer/Spacer";
 export { Switch } from "./Switch/Switch";
-export { SidebarNavigationItem } from "./SidebarNavigationItem/SidebarNavigationItem";
-export { TextFieldLabel } from "./FormField/FormField";
-export { Tabs } from "./Tabs/Tabs";
+export {
+  SidebarNavigationItem,
+  type SidebarNavigationItemProps,
+} from "./SidebarNavigationItem/SidebarNavigationItem";
+export { Label, type LabelProps } from "./FormField/Label";
+export { Tabs, type TabsProps } from "./Tabs/Tabs";
+export { Tooltip, TooltipProvider } from "./Tooltip/Tooltip";

package/src/index.ts

@@ -1,2 +1,2 @@
-export * from "./components"
-export * from "./theme"
+export * from "./components";
+export * from "./theme";