@cleen/ui 0.1.0

package/src/components/cleenIcon/icons/IconRadioButton.tsx

@@ -0,0 +1,27 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRadioButton = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g id="Content">
+        <rect
+          x="0.75"
+          y="0.75"
+          width="22.5"
+          height="22.5"
+          rx="11.25"
+          stroke="currentColor"
+          strokeWidth="1.5"
+        />
+        <circle id="Dot" cx="12" cy="12" r="4" fill="currentColor" />
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRadioButtonActive.tsx

@@ -0,0 +1,39 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRadioButtonActive = ({
+  color1 = 'currentColor',
+  color2 = 'currentColor',
+  ...props
+}: IconProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <g id="Content">
+        <rect
+          x="0.75"
+          y="0.75"
+          width="22.5"
+          height="22.5"
+          rx="11.25"
+          fill={color1}
+        />
+        <rect
+          x="0.75"
+          y="0.75"
+          width="22.5"
+          height="22.5"
+          rx="11.25"
+          stroke={color1}
+          strokeWidth="1.5"
+        />
+        <circle id="Dot" cx="12" cy="12" r="4" fill={color2} />
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconReceiptCheck.tsx

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconReceiptCheck = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="receipt-check">
+        <path
+          id="Icon"
+          d="M9 10.5L11 12.5L15.5 8M20 21V7.8C20 6.11984 20 5.27976 19.673 4.63803C19.3854 4.07354 18.9265 3.6146 18.362 3.32698C17.7202 3 16.8802 3 15.2 3H8.8C7.11984 3 6.27976 3 5.63803 3.32698C5.07354 3.6146 4.6146 4.07354 4.32698 4.63803C4 5.27976 4 6.11984 4 7.8V21L6.75 19L9.25 21L12 19L14.75 21L17.25 19L20 21Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRedo.tsx

@@ -0,0 +1,16 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRedo = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="28"
+      height="28"
+      viewBox="0 0 28 28"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="currentColor"
+      {...props}
+    >
+      <path d="M11.5 10.25H19.1156L16.8737 8.00875L17.75 7.125L21.5 10.875L17.75 14.625L16.8737 13.7406L19.1137 11.5H11.5C10.5054 11.5 9.55161 11.8951 8.84835 12.5983C8.14509 13.3016 7.75 14.2554 7.75 15.25C7.75 16.2446 8.14509 17.1984 8.84835 17.9017C9.55161 18.6049 10.5054 19 11.5 19H16.5V20.25H11.5C10.1739 20.25 8.90215 19.7232 7.96447 18.7855C7.02678 17.8479 6.5 16.5761 6.5 15.25C6.5 13.9239 7.02678 12.6521 7.96447 11.7145C8.90215 10.7768 10.1739 10.25 11.5 10.25V10.25Z" />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRefresh.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRefresh = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="15"
+      height="14"
+      viewBox="0 0 15 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M14 5.66667C14 5.66667 12.6633 3.84548 11.5774 2.75883C10.4915 1.67218 8.99093 1 7.33333 1C4.01962 1 1.33333 3.68629 1.33333 7C1.33333 10.3137 4.01962 13 7.33333 13C10.0687 13 12.3766 11.1695 13.0988 8.66667M14 5.66667V1.66667M14 5.66667H10"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRefresh2.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRefresh2 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="14"
+      viewBox="0 0 16 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M5.69758 12.1778C7.297 12.8874 9.20197 12.8489 10.8333 11.907C13.5436 10.3422 14.4722 6.87655 12.9074 4.16623L12.7408 3.87755M3.09217 9.83298C1.52737 7.12265 2.45599 3.65697 5.16632 2.09217C6.79764 1.15032 8.70261 1.11178 10.302 1.82136M1.66211 9.88874L3.48348 10.3768L3.97151 8.55541M12.0283 5.44344L12.5163 3.62208L14.3377 4.11011"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRefresh3.tsx

@@ -0,0 +1,20 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRefresh3 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="currentColor"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M3.59558 1.16919C4.88594 0.415693 6.38985 0.111609 7.87159 0.304595C9.35334 0.497581 10.7292 1.17673 11.7835 2.23561C12.8378 3.29448 13.511 4.67324 13.6976 6.1558C13.7494 6.56677 13.4581 6.94186 13.0472 6.99359C12.6362 7.04531 12.2611 6.75409 12.2094 6.34311C12.0642 5.18997 11.5406 4.11757 10.7206 3.29398C9.9005 2.47038 8.83037 1.94214 7.67786 1.79203C6.52536 1.64193 5.35562 1.87844 4.35197 2.46452C3.68897 2.85167 3.12319 3.37691 2.68993 3.99946H4.75C5.16421 3.99946 5.5 4.33525 5.5 4.74946C5.5 5.16367 5.16421 5.49946 4.75 5.49946H1.45345C1.44201 5.49972 1.43054 5.49972 1.41905 5.49946H1C0.585786 5.49946 0.25 5.16367 0.25 4.74946V0.999459C0.25 0.585245 0.585786 0.249459 1 0.249459C1.41421 0.249459 1.75 0.585245 1.75 0.999459V2.75463C2.2607 2.12294 2.88466 1.58432 3.59558 1.16919ZM0.952306 7.0054C1.36324 6.95338 1.73854 7.24433 1.79056 7.65527C1.93649 8.80799 2.46054 9.8798 3.28068 10.7029C4.10082 11.526 5.17073 12.0538 6.32293 12.2039C7.47513 12.354 8.64457 12.1177 9.64815 11.5321C10.3107 11.1455 10.8763 10.6211 11.3097 9.99946H9.25C8.83579 9.99946 8.5 9.66367 8.5 9.24946C8.5 8.83525 8.83579 8.49946 9.25 8.49946H12.5473C12.5587 8.4992 12.5702 8.49919 12.5817 8.49946H13C13.4142 8.49946 13.75 8.83525 13.75 9.24946V12.9995C13.75 13.4137 13.4142 13.7495 13 13.7495C12.5858 13.7495 12.25 13.4137 12.25 12.9995V11.2434C11.7391 11.8747 11.115 12.4129 10.4041 12.8277C9.11389 13.5805 7.61048 13.8842 6.12922 13.6913C4.64796 13.4984 3.27248 12.8198 2.21812 11.7616C1.16376 10.7035 0.490043 9.32559 0.302438 7.84365C0.250417 7.43272 0.541372 7.05742 0.952306 7.0054Z"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRepeat.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRepeat = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="15"
+      viewBox="0 0 16 15"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M7.33398 0.8125L9.33398 2.8125M9.33398 2.8125L7.33398 4.8125M9.33398 2.8125H4.53398C3.41388 2.8125 2.85383 2.8125 2.426 3.03049C2.04968 3.22223 1.74372 3.52819 1.55197 3.90452C1.33398 4.33234 1.33398 4.8924 1.33398 6.0125V9.8125C1.33398 10.1221 1.33398 10.2769 1.35109 10.4069C1.46925 11.3044 2.17546 12.0106 3.07293 12.1287C3.2029 12.1458 3.3577 12.1458 3.66732 12.1458M6.66732 12.1458H11.4673C12.5874 12.1458 13.1475 12.1458 13.5753 11.9278C13.9516 11.7361 14.2576 11.4301 14.4493 11.0538C14.6673 10.626 14.6673 10.0659 14.6673 8.94583V5.14583C14.6673 4.83622 14.6673 4.68141 14.6502 4.55145C14.5321 3.65398 13.8258 2.94776 12.9284 2.82961C12.7984 2.8125 12.6436 2.8125 12.334 2.8125M6.66732 12.1458L8.66732 14.1458M6.66732 12.1458L8.66732 10.1458"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRepeat2.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRepeat2 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      stroke="currentColor"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M8.66634 14.6668L6.66634 12.6668M6.66634 12.6668L8.66634 10.6668M6.66634 12.6668H9.99967C12.577 12.6668 14.6663 10.5775 14.6663 8.00016C14.6663 6.13857 13.5763 4.53156 11.9997 3.78258M3.99967 12.2177C2.42304 11.4688 1.33301 9.86176 1.33301 8.00016C1.33301 5.42283 3.42235 3.3335 5.99967 3.3335H9.33301M9.33301 3.3335L7.33301 1.3335M9.33301 3.3335L7.33301 5.3335"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRetweet.tsx

@@ -0,0 +1,33 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRetweet = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="21"
+      height="21"
+      xmlns="http://www.w3.org/2000/svg"
+      fill="none"
+      stroke="currentColor"
+      {...props}
+    >
+      <g>
+        <g
+          transform="rotate(90 10.5 10.5)"
+          strokeWidth="2"
+          fill="none"
+          fillRule="evenodd"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          id="svg_1"
+        >
+          <path d="m13.5,13.5l3,3l3,-3" id="svg_2" />
+          <path
+            d="m9.5,4.5l3,0a4,4 0 0 1 4,4l0,8m-9,-9l-3,-3l-3,3"
+            id="svg_3"
+          />
+          <path d="m11.5,16.5l-3,0a4,4 0 0 1 -4,-4l0,-8" id="svg_4" />
+        </g>
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRoundChart.tsx

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRoundChart = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="12"
+      height="13"
+      viewBox="0 0 12 13"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path
+        d="M6.0249 1.1001C6.89933 1.10008 7.76105 1.3095 8.53793 1.71084C9.31482 2.11219 9.98427 2.69378 10.4903 3.40694C10.9963 4.12009 11.3241 4.94408 11.4463 5.80992C11.5685 6.67577 11.4815 7.5583 11.1927 8.38364L6.0249 6.57507V1.1001Z"
+        fill="currentColor"
+      />
+      <path
+        d="M0.549927 6.57507C0.549927 7.29406 0.691541 8.006 0.966684 8.67026C1.24183 9.33451 1.64511 9.93807 2.15351 10.4465C2.66191 10.9549 3.26547 11.3581 3.92972 11.6333C4.59397 11.9084 5.30592 12.05 6.0249 12.05C6.74389 12.05 7.45583 11.9084 8.12008 11.6333C8.78434 11.3581 9.3879 10.9549 9.89629 10.4465C10.4047 9.93807 10.808 9.33451 11.0831 8.67026C11.3583 8.006 11.4999 7.29406 11.4999 6.57507C11.4999 5.12302 10.9231 3.73044 9.89629 2.70368C8.86954 1.67692 7.47696 1.1001 6.0249 1.1001C4.57285 1.1001 3.18027 1.67692 2.15351 2.70368C1.12675 3.73044 0.549927 5.12302 0.549927 6.57507Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRoundChart2.tsx

@@ -0,0 +1,29 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRoundChart2 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g clipPath="url(#clip0_240_3500)">
+        <path
+          d="M10.0001 1.6665C11.0944 1.6665 12.1781 1.88205 13.1891 2.30084C14.2002 2.71963 15.1188 3.33346 15.8926 4.10728C16.6665 4.8811 17.2803 5.79977 17.6991 6.81081C18.1179 7.82186 18.3334 8.90549 18.3334 9.99984M10.0001 1.6665V9.99984M10.0001 1.6665C5.39771 1.6665 1.66675 5.39746 1.66675 9.99984C1.66675 14.6022 5.39771 18.3332 10.0001 18.3332C14.6025 18.3332 18.3334 14.6022 18.3334 9.99984M10.0001 1.6665C14.6025 1.6665 18.3334 5.39747 18.3334 9.99984M18.3334 9.99984L10.0001 9.99984M18.3334 9.99984C18.3334 11.3149 18.0222 12.6113 17.4251 13.7831C16.8281 14.9548 15.9622 15.9687 14.8983 16.7416L10.0001 9.99984"
+          strokeWidth="1.67"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_240_3500">
+          <rect width="20" height="20" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconRoute.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconRoute = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="12"
+      height="12"
+      viewBox="0 0 12 12"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M5.75 2.5H5.9672C7.49082 2.5 8.25263 2.5 8.54182 2.77364C8.79179 3.01018 8.90257 3.35864 8.83508 3.69611C8.75701 4.08651 8.13505 4.52643 6.89114 5.40627L4.85886 6.84373C3.61495 7.72357 2.99299 8.16349 2.91492 8.55389C2.84743 8.89136 2.95821 9.23982 3.20818 9.47636C3.49737 9.75 4.25918 9.75 5.7828 9.75H6.25M4 2.5C4 3.32843 3.32843 4 2.5 4C1.67157 4 1 3.32843 1 2.5C1 1.67157 1.67157 1 2.5 1C3.32843 1 4 1.67157 4 2.5ZM11 9.5C11 10.3284 10.3284 11 9.5 11C8.67157 11 8 10.3284 8 9.5C8 8.67157 8.67157 8 9.5 8C10.3284 8 11 8.67157 11 9.5Z"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconSave.tsx

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconSave = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="save-01">
+        <path
+          id="Icon"
+          d="M5.83333 2.5V5.33333C5.83333 5.80004 5.83333 6.0334 5.92416 6.21166C6.00406 6.36846 6.13154 6.49594 6.28834 6.57584C6.4666 6.66667 6.69996 6.66667 7.16667 6.66667H12.8333C13.3 6.66667 13.5334 6.66667 13.7117 6.57584C13.8685 6.49594 13.9959 6.36846 14.0758 6.21166C14.1667 6.0334 14.1667 5.80004 14.1667 5.33333V3.33333M14.1667 17.5V12.1667C14.1667 11.7 14.1667 11.4666 14.0758 11.2883C13.9959 11.1315 13.8685 11.0041 13.7117 10.9242C13.5334 10.8333 13.3 10.8333 12.8333 10.8333H7.16667C6.69996 10.8333 6.4666 10.8333 6.28834 10.9242C6.13154 11.0041 6.00406 11.1315 5.92416 11.2883C5.83333 11.4666 5.83333 11.7 5.83333 12.1667V17.5M17.5 7.77124V13.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.5H12.2288C12.6364 2.5 12.8402 2.5 13.0321 2.54605C13.2021 2.58688 13.3647 2.65422 13.5138 2.7456C13.682 2.84867 13.8261 2.9928 14.1144 3.28105L16.719 5.88562C17.0072 6.17387 17.1513 6.318 17.2544 6.48619C17.3458 6.63531 17.4131 6.79789 17.4539 6.96795C17.5 7.15976 17.5 7.36358 17.5 7.77124Z"
+          strokeWidth="1.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconSave2.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconSave2 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="14"
+      height="14"
+      viewBox="0 0 14 14"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M8.99316 4.33333H4.7265C4.35313 4.33333 4.16645 4.33333 4.02384 4.26067C3.8984 4.19676 3.79641 4.09477 3.73249 3.96933C3.65983 3.82672 3.65983 3.64004 3.65983 3.26667V1M10.3265 13V8.73333C10.3265 8.35997 10.3265 8.17328 10.2538 8.03067C10.1899 7.90523 10.0879 7.80324 9.96249 7.73933C9.81988 7.66667 9.6332 7.66667 9.25983 7.66667H4.7265C4.35313 7.66667 4.16645 7.66667 4.02384 7.73933C3.8984 7.80324 3.79641 7.90523 3.73249 8.03067C3.65983 8.17328 3.65983 8.35997 3.65983 8.73333V13M12.9932 5.21699V9.8C12.9932 10.9201 12.9932 11.4802 12.7752 11.908C12.5834 12.2843 12.2775 12.5903 11.9011 12.782C11.4733 13 10.9133 13 9.79316 13H4.19316C3.07306 13 2.51301 13 2.08518 12.782C1.70886 12.5903 1.4029 12.2843 1.21115 11.908C0.993164 11.4802 0.993164 10.9201 0.993164 9.8V4.2C0.993164 3.0799 0.993164 2.51984 1.21115 2.09202C1.4029 1.71569 1.70886 1.40973 2.08518 1.21799C2.51301 1 3.07306 1 4.19316 1H8.77618C9.1023 1 9.26536 1 9.41881 1.03684C9.55486 1.0695 9.68491 1.12337 9.80421 1.19648C9.93877 1.27894 10.0541 1.39424 10.2847 1.62484L12.3683 3.7085C12.5989 3.9391 12.7142 4.0544 12.7967 4.18895C12.8698 4.30825 12.9237 4.43831 12.9563 4.57436C12.9932 4.72781 12.9932 4.89087 12.9932 5.21699Z"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconScanDots.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconScanDots = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M6 1H5.8C4.11984 1 3.27976 1 2.63803 1.32698C2.07354 1.6146 1.6146 2.07354 1.32698 2.63803C1 3.27976 1 4.11984 1 5.8V6M6 19H5.8C4.11984 19 3.27976 19 2.63803 18.673C2.07354 18.3854 1.6146 17.9265 1.32698 17.362C1 16.7202 1 15.8802 1 14.2V14M19 6V5.8C19 4.11984 19 3.27976 18.673 2.63803C18.3854 2.07354 17.9265 1.6146 17.362 1.32698C16.7202 1 15.8802 1 14.2 1H14M19 14V14.2C19 15.8802 19 16.7202 18.673 17.362C18.3854 17.9265 17.9265 18.3854 17.362 18.673C16.7202 19 15.8802 19 14.2 19H14M1 10H1.01M5.5 10H5.51M14.5 10H14.51M10 10H10.01M19 10H19.01"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconSearch.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconSearch = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M17.5 17.5L14.5834 14.5833M16.6667 9.58333C16.6667 13.4954 13.4954 16.6667 9.58333 16.6667C5.67132 16.6667 2.5 13.4954 2.5 9.58333C2.5 5.67132 5.67132 2.5 9.58333 2.5C13.4954 2.5 16.6667 5.67132 16.6667 9.58333Z"
+        strokeWidth="1.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconSend.tsx

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconSend = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="20"
+      viewBox="0 0 20 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="send-01">
+        <path
+          id="Icon"
+          d="M8.74976 11.25L17.4998 2.50002M8.85608 11.5234L11.0462 17.1551C11.2391 17.6512 11.3356 17.8993 11.4746 17.9717C11.5951 18.0345 11.7386 18.0345 11.8592 17.9719C11.9983 17.8997 12.095 17.6517 12.2886 17.1558L17.7805 3.08269C17.9552 2.63504 18.0426 2.41121 17.9948 2.26819C17.9533 2.14398 17.8558 2.04651 17.7316 2.00501C17.5886 1.95723 17.3647 2.04458 16.9171 2.21927L2.84398 7.71122C2.34808 7.90474 2.10013 8.0015 2.02788 8.14059C1.96524 8.26116 1.96532 8.4047 2.0281 8.5252C2.10052 8.66421 2.34859 8.76067 2.84471 8.95361L8.47638 11.1437C8.57708 11.1829 8.62744 11.2024 8.66984 11.2327C8.70742 11.2595 8.74028 11.2924 8.76709 11.3299C8.79734 11.3723 8.81692 11.4227 8.85608 11.5234Z"
+          strokeWidth="1.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconSettings.tsx

@@ -0,0 +1,32 @@
+import type { IconProps } from '../types/icon';
+
+export const IconSettings = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="settings-01">
+        <g id="Icon">
+          <path
+            d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+          <path
+            d="M18.7273 14.7273C18.6063 15.0015 18.5702 15.3056 18.6236 15.6005C18.6771 15.8954 18.8177 16.1676 19.0273 16.3818L19.0818 16.4364C19.2509 16.6052 19.385 16.8057 19.4765 17.0265C19.568 17.2472 19.6151 17.4838 19.6151 17.7227C19.6151 17.9617 19.568 18.1983 19.4765 18.419C19.385 18.6397 19.2509 18.8402 19.0818 19.0091C18.913 19.1781 18.7124 19.3122 18.4917 19.4037C18.271 19.4952 18.0344 19.5423 17.7955 19.5423C17.5565 19.5423 17.3199 19.4952 17.0992 19.4037C16.8785 19.3122 16.678 19.1781 16.5091 19.0091L16.4545 18.9545C16.2403 18.745 15.9682 18.6044 15.6733 18.5509C15.3784 18.4974 15.0742 18.5335 14.8 18.6545C14.5311 18.7698 14.3018 18.9611 14.1403 19.205C13.9788 19.4489 13.8921 19.7347 13.8909 20.0273V20.1818C13.8909 20.664 13.6994 21.1265 13.3584 21.4675C13.0174 21.8084 12.5549 22 12.0727 22C11.5905 22 11.1281 21.8084 10.7871 21.4675C10.4461 21.1265 10.2545 20.664 10.2545 20.1818V20.1C10.2475 19.7991 10.1501 19.5073 9.97501 19.2625C9.79991 19.0176 9.55521 18.8312 9.27273 18.7273C8.99853 18.6063 8.69437 18.5702 8.39947 18.6236C8.10456 18.6771 7.83244 18.8177 7.61818 19.0273L7.56364 19.0818C7.39478 19.2509 7.19425 19.385 6.97353 19.4765C6.7528 19.568 6.51621 19.6151 6.27727 19.6151C6.03834 19.6151 5.80174 19.568 5.58102 19.4765C5.36029 19.385 5.15977 19.2509 4.99091 19.0818C4.82186 18.913 4.68775 18.7124 4.59626 18.4917C4.50476 18.271 4.45766 18.0344 4.45766 17.7955C4.45766 17.5565 4.50476 17.3199 4.59626 17.0992C4.68775 16.8785 4.82186 16.678 4.99091 16.5091L5.04545 16.4545C5.25503 16.2403 5.39562 15.9682 5.4491 15.6733C5.50257 15.3784 5.46647 15.0742 5.34545 14.8C5.23022 14.5311 5.03887 14.3018 4.79497 14.1403C4.55107 13.9788 4.26526 13.8921 3.97273 13.8909H3.81818C3.33597 13.8909 2.87351 13.6994 2.53253 13.3584C2.19156 13.0174 2 12.5549 2 12.0727C2 11.5905 2.19156 11.1281 2.53253 10.7871C2.87351 10.4461 3.33597 10.2545 3.81818 10.2545H3.9C4.2009 10.2475 4.49273 10.1501 4.73754 9.97501C4.98236 9.79991 5.16883 9.55521 5.27273 9.27273C5.39374 8.99853 5.42984 8.69437 5.37637 8.39947C5.3229 8.10456 5.18231 7.83244 4.97273 7.61818L4.91818 7.56364C4.74913 7.39478 4.61503 7.19425 4.52353 6.97353C4.43203 6.7528 4.38493 6.51621 4.38493 6.27727C4.38493 6.03834 4.43203 5.80174 4.52353 5.58102C4.61503 5.36029 4.74913 5.15977 4.91818 4.99091C5.08704 4.82186 5.28757 4.68775 5.50829 4.59626C5.72901 4.50476 5.96561 4.45766 6.20455 4.45766C6.44348 4.45766 6.68008 4.50476 6.9008 4.59626C7.12152 4.68775 7.32205 4.82186 7.49091 4.99091L7.54545 5.04545C7.75971 5.25503 8.03183 5.39562 8.32674 5.4491C8.62164 5.50257 8.9258 5.46647 9.2 5.34545H9.27273C9.54161 5.23022 9.77093 5.03887 9.93245 4.79497C10.094 4.55107 10.1807 4.26526 10.1818 3.97273V3.81818C10.1818 3.33597 10.3734 2.87351 10.7144 2.53253C11.0553 2.19156 11.5178 2 12 2C12.4822 2 12.9447 2.19156 13.2856 2.53253C13.6266 2.87351 13.8182 3.33597 13.8182 3.81818V3.9C13.8193 4.19253 13.906 4.47834 14.0676 4.72224C14.2291 4.96614 14.4584 5.15749 14.7273 5.27273C15.0015 5.39374 15.3056 5.42984 15.6005 5.37637C15.8954 5.3229 16.1676 5.18231 16.3818 4.97273L16.4364 4.91818C16.6052 4.74913 16.8057 4.61503 17.0265 4.52353C17.2472 4.43203 17.4838 4.38493 17.7227 4.38493C17.9617 4.38493 18.1983 4.43203 18.419 4.52353C18.6397 4.61503 18.8402 4.74913 19.0091 4.91818C19.1781 5.08704 19.3122 5.28757 19.4037 5.50829C19.4952 5.72901 19.5423 5.96561 19.5423 6.20455C19.5423 6.44348 19.4952 6.68008 19.4037 6.9008C19.3122 7.12152 19.1781 7.32205 19.0091 7.49091L18.9545 7.54545C18.745 7.75971 18.6044 8.03183 18.5509 8.32674C18.4974 8.62164 18.5335 8.9258 18.6545 9.2V9.27273C18.7698 9.54161 18.9611 9.77093 19.205 9.93245C19.4489 10.094 19.7347 10.1807 20.0273 10.1818H20.1818C20.664 10.1818 21.1265 10.3734 21.4675 10.7144C21.8084 11.0553 22 11.5178 22 12C22 12.4822 21.8084 12.9447 21.4675 13.2856C21.1265 13.6266 20.664 13.8182 20.1818 13.8182H20.1C19.8075 13.8193 19.5217 13.906 19.2778 14.0676C19.0339 14.2291 18.8425 14.4584 18.7273 14.7273Z"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
+        </g>
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconSettings2.tsx

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconSettings2 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="settings-03">
+        <path
+          id="Icon"
+          d="M15.0505 9H5.5C4.11929 9 3 7.88071 3 6.5C3 5.11929 4.11929 4 5.5 4H15.0505M8.94949 20H18.5C19.8807 20 21 18.8807 21 17.5C21 16.1193 19.8807 15 18.5 15H8.94949M3 17.5C3 19.433 4.567 21 6.5 21C8.433 21 10 19.433 10 17.5C10 15.567 8.433 14 6.5 14C4.567 14 3 15.567 3 17.5ZM21 6.5C21 8.433 19.433 10 17.5 10C15.567 10 14 8.433 14 6.5C14 4.567 15.567 3 17.5 3C19.433 3 21 4.567 21 6.5Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconSettings3.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconSettings3 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M3 8L15 8M15 8C15 9.65686 16.3431 11 18 11C19.6569 11 21 9.65685 21 8C21 6.34315 19.6569 5 18 5C16.3431 5 15 6.34315 15 8ZM9 16L21 16M9 16C9 17.6569 7.65685 19 6 19C4.34315 19 3 17.6569 3 16C3 14.3431 4.34315 13 6 13C7.65685 13 9 14.3431 9 16Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconShieldLightning.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconShieldLightning = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="18"
+      height="22"
+      viewBox="0 0 18 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M10 6.50011L7 9.50011L11 11.5001L8 14.5001M17 11.0001C17 15.9086 11.646 19.4785 9.69799 20.615C9.4766 20.7442 9.3659 20.8087 9.20968 20.8422C9.08844 20.8682 8.91156 20.8682 8.79032 20.8422C8.6341 20.8087 8.5234 20.7442 8.30201 20.615C6.35396 19.4785 1 15.9086 1 11.0001V6.21772C1 5.4182 1 5.01845 1.13076 4.67482C1.24627 4.37126 1.43398 4.10039 1.67766 3.88564C1.9535 3.64255 2.3278 3.50219 3.0764 3.22146L8.4382 1.21079C8.6461 1.13283 8.75005 1.09385 8.85698 1.07839C8.95184 1.06469 9.04816 1.06469 9.14302 1.07839C9.24995 1.09385 9.3539 1.13283 9.5618 1.21079L14.9236 3.22146C15.6722 3.50219 16.0465 3.64255 16.3223 3.88564C16.566 4.10039 16.7537 4.37126 16.8692 4.67482C17 5.01845 17 5.4182 17 6.21772V11.0001Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconShieldPlus.tsx

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconShieldPlus = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="20"
+      viewBox="0 0 16 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M7.99967 12.0836V7.08363M5.49967 9.58363H10.4997M14.6663 10.0003C14.6663 14.0907 10.2047 17.0656 8.58133 18.0127C8.39684 18.1203 8.30459 18.1741 8.17441 18.2021C8.07338 18.2237 7.92597 18.2237 7.82494 18.2021C7.69475 18.1741 7.60251 18.1203 7.41802 18.0127C5.79464 17.0656 1.33301 14.0907 1.33301 10.0003V6.01497C1.33301 5.34871 1.33301 5.01558 1.44197 4.72922C1.53824 4.47625 1.69466 4.25053 1.89772 4.07157C2.12759 3.869 2.43951 3.75203 3.06334 3.51809L7.53151 1.84253C7.70476 1.77756 7.79138 1.74508 7.88049 1.7322C7.95954 1.72078 8.03981 1.72078 8.11885 1.7322C8.20797 1.74508 8.29459 1.77756 8.46784 1.84253L12.936 3.51809C13.5598 3.75203 13.8718 3.869 14.1016 4.07157C14.3047 4.25053 14.4611 4.47625 14.5574 4.72922C14.6663 5.01558 14.6663 5.34871 14.6663 6.01497V10.0003Z"
+        strokeWidth="1.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconShieldRemove.tsx

@@ -0,0 +1,16 @@
+import type { IconProps } from '../types/icon';
+
+export const IconShieldRemove = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="9"
+      height="10"
+      viewBox="0 0 9 10"
+      fill="currentColor"
+      xmlns="http://www.w3.org/2000/svg"
+      {...props}
+    >
+      <path d="M4.79996 5.75375L5.48246 6.44489C5.57184 6.53539 5.68559 6.58065 5.82371 6.58065C5.96184 6.58065 6.07559 6.53539 6.16496 6.44489C6.25434 6.35438 6.29903 6.23919 6.29903 6.09932C6.29903 5.95945 6.25434 5.84426 6.16496 5.75375L5.48246 5.06261L6.16496 4.37147C6.25434 4.28096 6.29903 4.16577 6.29903 4.0259C6.29903 3.88603 6.25434 3.77084 6.16496 3.68033C6.07559 3.58982 5.96184 3.54457 5.82371 3.54457C5.68559 3.54457 5.57184 3.58982 5.48246 3.68033L4.79996 4.37147L4.11746 3.68033C4.02809 3.58982 3.91434 3.54457 3.77621 3.54457C3.63809 3.54457 3.52434 3.58982 3.43496 3.68033C3.34559 3.77084 3.3009 3.88603 3.3009 4.0259C3.3009 4.16577 3.34559 4.28096 3.43496 4.37147L4.11746 5.06261L3.43496 5.75375C3.34559 5.84426 3.3009 5.95945 3.3009 6.09932C3.3009 6.23919 3.34559 6.35438 3.43496 6.44489C3.52434 6.53539 3.63809 6.58065 3.77621 6.58065C3.91434 6.58065 4.02809 6.53539 4.11746 6.44489L4.79996 5.75375ZM4.79996 9.94995C4.74309 9.94995 4.69028 9.94584 4.64153 9.93761C4.59278 9.92938 4.54403 9.91704 4.49528 9.90058C3.3984 9.53033 2.52496 8.84528 1.87496 7.84543C1.22496 6.84558 0.899963 5.76988 0.899963 4.61831V2.28571C0.899963 2.08001 0.958951 1.89489 1.07693 1.73033C1.1949 1.56577 1.34716 1.44647 1.53371 1.37242L4.45871 0.26166C4.57246 0.220521 4.68621 0.199951 4.79996 0.199951C4.91371 0.199951 5.02746 0.220521 5.14121 0.26166L8.06621 1.37242C8.25309 1.44647 8.40551 1.56577 8.52349 1.73033C8.64146 1.89489 8.70029 2.08001 8.69996 2.28571V4.61831C8.69996 5.77021 8.37496 6.84608 7.72496 7.84593C7.07496 8.84578 6.20153 9.53066 5.10465 9.90058C5.0559 9.91704 5.00715 9.92938 4.9584 9.93761C4.90965 9.94584 4.85684 9.94995 4.79996 9.94995ZM4.79996 8.96261C5.64496 8.69109 6.34371 8.14805 6.89621 7.3335C7.44871 6.51894 7.72496 5.61388 7.72496 4.61831V2.28571L4.79996 1.17495L1.87496 2.28571V4.61831C1.87496 5.61388 2.15121 6.51894 2.70371 7.3335C3.25621 8.14805 3.95496 8.69109 4.79996 8.96261Z" />
+    </svg>
+  );
+};

package/src/components/cleenIcon/icons/IconShuffle.tsx

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconShuffle = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="shuffle-01">
+        <path
+          id="Icon"
+          d="M12 10L14 12M14 12L12 14M14 12H12.3793C11.7531 12 11.44 12 11.1559 11.9137C10.9043 11.8373 10.6702 11.712 10.4671 11.5451C10.2377 11.3565 10.064 11.096 9.71669 10.575L9.55556 10.3333M12 2L14 4M14 4L12 6M14 4H12.3793C11.7531 4 11.44 4 11.1559 4.0863C10.9043 4.1627 10.6702 4.28796 10.4671 4.45491C10.2377 4.64349 10.064 4.90398 9.71669 5.42496L6.28331 10.575C5.93599 11.096 5.76232 11.3565 5.53288 11.5451C5.32976 11.712 5.09572 11.8373 4.84414 11.9137C4.55996 12 4.24689 12 3.62075 12H2M2 4H3.62075C4.24689 4 4.55996 4 4.84414 4.0863C5.09572 4.1627 5.32976 4.28796 5.53288 4.45491C5.76232 4.64349 5.93599 4.90398 6.28331 5.42496L6.44444 5.66667"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};