@cleen/ui 0.1.0

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMessageSquare = ({ ...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="message-text-square-02">
+        <path
+          id="Icon"
+          d="M7 8.5H12M7 12H15M7 18V20.3355C7 20.8684 7 21.1348 7.10923 21.2716C7.20422 21.3906 7.34827 21.4599 7.50054 21.4597C7.67563 21.4595 7.88367 21.2931 8.29976 20.9602L10.6852 19.0518C11.1725 18.662 11.4162 18.4671 11.6875 18.3285C11.9282 18.2055 12.1844 18.1156 12.4492 18.0613C12.7477 18 13.0597 18 13.6837 18H16.2C17.8802 18 18.7202 18 19.362 17.673C19.9265 17.3854 20.3854 16.9265 20.673 16.362C21 15.7202 21 14.8802 21 13.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V14C3 14.93 3 15.395 3.10222 15.7765C3.37962 16.8117 4.18827 17.6204 5.22354 17.8978C5.60504 18 6.07003 18 7 18Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMessageSquare2 = ({ ...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.25 8.75H6.25833M10 8.75H10.0083M13.75 8.75H13.7583M5.83333 15V16.9463C5.83333 17.3903 5.83333 17.6123 5.92436 17.7263C6.00352 17.8255 6.12356 17.8832 6.25045 17.8831C6.39636 17.8829 6.56973 17.7442 6.91646 17.4668L8.90434 15.8765C9.31043 15.5517 9.51347 15.3892 9.73957 15.2737C9.94017 15.1712 10.1537 15.0963 10.3743 15.051C10.6231 15 10.8831 15 11.4031 15H13.5C14.9001 15 15.6002 15 16.135 14.7275C16.6054 14.4878 16.9878 14.1054 17.2275 13.635C17.5 13.1002 17.5 12.4001 17.5 11V6.5C17.5 5.09987 17.5 4.3998 17.2275 3.86502C16.9878 3.39462 16.6054 3.01217 16.135 2.77248C15.6002 2.5 14.9001 2.5 13.5 2.5H6.5C5.09987 2.5 4.3998 2.5 3.86502 2.77248C3.39462 3.01217 3.01217 3.39462 2.77248 3.86502C2.5 4.3998 2.5 5.09987 2.5 6.5V11.6667C2.5 12.4416 2.5 12.8291 2.58519 13.147C2.81635 14.0098 3.49022 14.6836 4.35295 14.9148C4.67087 15 5.05836 15 5.83333 15ZM6.66667 8.75C6.66667 8.98012 6.48012 9.16667 6.25 9.16667C6.01988 9.16667 5.83333 8.98012 5.83333 8.75C5.83333 8.51988 6.01988 8.33333 6.25 8.33333C6.48012 8.33333 6.66667 8.51988 6.66667 8.75ZM10.4167 8.75C10.4167 8.98012 10.2301 9.16667 10 9.16667C9.76988 9.16667 9.58333 8.98012 9.58333 8.75C9.58333 8.51988 9.76988 8.33333 10 8.33333C10.2301 8.33333 10.4167 8.51988 10.4167 8.75ZM14.1667 8.75C14.1667 8.98012 13.9801 9.16667 13.75 9.16667C13.5199 9.16667 13.3333 8.98012 13.3333 8.75C13.3333 8.51988 13.5199 8.33333 13.75 8.33333C13.9801 8.33333 14.1667 8.51988 14.1667 8.75Z"
+        strokeWidth="1.67"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMessageXSquare = ({ ...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="message-x-square">
+        <path
+          id="Icon"
+          d="M6.33333 5.33333L9.66667 8.66667M9.66667 5.33333L6.33333 8.66667M4.66667 12V13.557C4.66667 13.9122 4.66667 14.0898 4.73949 14.1811C4.80282 14.2604 4.89885 14.3066 5.00036 14.3065C5.11708 14.3063 5.25578 14.1954 5.53317 13.9735L7.12348 12.7012C7.44834 12.4413 7.61078 12.3114 7.79166 12.219C7.95213 12.137 8.12295 12.0771 8.29948 12.0408C8.49845 12 8.70646 12 9.1225 12H10.8C11.9201 12 12.4802 12 12.908 11.782C13.2843 11.5903 13.5903 11.2843 13.782 10.908C14 10.4802 14 9.9201 14 8.8V5.2C14 4.07989 14 3.51984 13.782 3.09202C13.5903 2.71569 13.2843 2.40973 12.908 2.21799C12.4802 2 11.9201 2 10.8 2H5.2C4.0799 2 3.51984 2 3.09202 2.21799C2.71569 2.40973 2.40973 2.71569 2.21799 3.09202C2 3.51984 2 4.07989 2 5.2V9.33333C2 9.95331 2 10.2633 2.06815 10.5176C2.25308 11.2078 2.79218 11.7469 3.48236 11.9319C3.7367 12 4.04669 12 4.66667 12Z"
+          strokeWidth="1.5"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMinusCircle = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="21"
+      height="20"
+      viewBox="0 0 21 20"
+      fill="none"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M7.1875 9.99935H13.8542M18.8542 9.99935C18.8542 14.6017 15.1232 18.3327 10.5208 18.3327C5.91846 18.3327 2.1875 14.6017 2.1875 9.99935C2.1875 5.39698 5.91846 1.66602 10.5208 1.66602C15.1232 1.66602 18.8542 5.39698 18.8542 9.99935Z"
+        strokeWidth="1.67"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMobile = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="24"
+      height="22"
+      viewBox="0 0 24 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="phone-01">
+        <path
+          id="Icon"
+          d="M12 16.0417H12.01M8.2 20.1667H15.8C16.9201 20.1667 17.4802 20.1667 17.908 19.9669C18.2843 19.7911 18.5903 19.5106 18.782 19.1657C19 18.7735 19 18.2601 19 17.2333V4.76668C19 3.73991 19 3.22653 18.782 2.83436C18.5903 2.4894 18.2843 2.20893 17.908 2.03316C17.4802 1.83334 16.9201 1.83334 15.8 1.83334H8.2C7.0799 1.83334 6.51984 1.83334 6.09202 2.03316C5.71569 2.20893 5.40973 2.4894 5.21799 2.83436C5 3.22653 5 3.73991 5 4.76668V17.2333C5 18.2601 5 18.7735 5.21799 19.1657C5.40973 19.5106 5.71569 19.7911 6.09202 19.9669C6.51984 20.1667 7.07989 20.1667 8.2 20.1667ZM12.5 16.0417C12.5 16.2948 12.2761 16.5 12 16.5C11.7239 16.5 11.5 16.2948 11.5 16.0417C11.5 15.7885 11.7239 15.5833 12 15.5833C12.2761 15.5833 12.5 15.7885 12.5 16.0417Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMonitor = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="22"
+      height="20"
+      viewBox="0 0 22 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M14 15V19H8V15M4.2 15H17.8C18.9201 15 19.4802 15 19.908 14.782C20.2843 14.5903 20.5903 14.2843 20.782 13.908C21 13.4802 21 12.9201 21 11.8V4.2C21 3.0799 21 2.51984 20.782 2.09202C20.5903 1.71569 20.2843 1.40973 19.908 1.21799C19.4802 1 18.9201 1 17.8 1H4.2C3.07989 1 2.51984 1 2.09202 1.21799C1.71569 1.40973 1.40973 1.71569 1.21799 2.09202C1 2.51984 1 3.07989 1 4.2V11.8C1 12.9201 1 13.4802 1.21799 13.908C1.40973 14.2843 1.71569 14.5903 2.09202 14.782C2.51984 15 3.0799 15 4.2 15Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMonitor2 = ({ ...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="monitor-01">
+        <path
+          id="Icon"
+          d="M8 21H16M12 17V21M6.8 17H17.2C18.8802 17 19.7202 17 20.362 16.673C20.9265 16.3854 21.3854 15.9265 21.673 15.362C22 14.7202 22 13.8802 22 12.2V7.8C22 6.11984 22 5.27976 21.673 4.63803C21.3854 4.07354 20.9265 3.6146 20.362 3.32698C19.7202 3 18.8802 3 17.2 3H6.8C5.11984 3 4.27976 3 3.63803 3.32698C3.07354 3.6146 2.6146 4.07354 2.32698 4.63803C2 5.27976 2 6.11984 2 7.8V12.2C2 13.8802 2 14.7202 2.32698 15.362C2.6146 15.9265 3.07354 16.3854 3.63803 16.673C4.27976 17 5.11984 17 6.8 17Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMonitor3 = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="24"
+      height="22"
+      viewBox="0 0 24 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="monitor-03">
+        <path
+          id="Icon"
+          d="M2 12.8333L22 12.8333M8 19.25H16M6.8 16.5H17.2C18.8802 16.5 19.7202 16.5 20.362 16.2003C20.9265 15.9366 21.3854 15.5159 21.673 14.9985C22 14.4102 22 13.6401 22 12.1V7.15C22 5.60986 22 4.83978 21.673 4.25153C21.3854 3.73408 20.9265 3.31338 20.362 3.04973C19.7202 2.75 18.8802 2.75 17.2 2.75H6.8C5.11984 2.75 4.27976 2.75 3.63803 3.04973C3.07354 3.31338 2.6146 3.73408 2.32698 4.25153C2 4.83978 2 5.60986 2 7.15V12.1C2 13.6401 2 14.4102 2.32698 14.9985C2.6146 15.5159 3.07354 15.9366 3.63803 16.2003C4.27976 16.5 5.11984 16.5 6.8 16.5Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,28 @@
+import type { IconProps } from '../types/icon';
+
+export const IconMoonCircle = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="22"
+      height="22"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M11 21C16.5228 21 21 16.5228 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11C1 16.5228 5.47715 21 11 21Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15 7.5C15 11.6421 11.6421 15 7.5 15C6.88534 15 6.28795 14.9261 5.71623 14.7866C6.89585 16.4297 8.82294 17.5 11 17.5C14.5899 17.5 17.5 14.5899 17.5 11C17.5 8.82294 16.4297 6.89585 14.7866 5.71623C14.9261 6.28795 15 6.88534 15 7.5Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconNavigationPointer = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="16"
+      height="18"
+      viewBox="0 0 16 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M2.35785 16.771C1.87062 16.9854 1.627 17.0926 1.4775 17.0455C1.3479 17.0047 1.24634 16.9032 1.20538 16.7737C1.15812 16.6242 1.26503 16.3805 1.47884 15.893L7.54664 2.05842C7.73965 1.61835 7.83616 1.39832 7.97108 1.33097C8.08824 1.27249 8.22609 1.27249 8.34326 1.33097C8.47818 1.39832 8.57468 1.61835 8.76769 2.05842L14.8355 15.893C15.0493 16.3805 15.1562 16.6242 15.109 16.7737C15.068 16.9032 14.9664 17.0047 14.8368 17.0455C14.6873 17.0926 14.4437 16.9854 13.9565 16.771L8.42566 14.3374C8.32676 14.2939 8.2773 14.2722 8.22594 14.2636C8.18041 14.2559 8.13393 14.2559 8.0884 14.2636C8.03703 14.2722 7.98758 14.2939 7.88868 14.3374L2.35785 16.771Z"
+        strokeWidth="1.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconNotificationBox = ({ ...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}
+    >
+      <path
+        d="M11 4H7.8C6.11984 4 5.27976 4 4.63803 4.32698C4.07354 4.6146 3.6146 5.07354 3.32698 5.63803C3 6.27976 3 7.11984 3 8.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21H15.2C16.8802 21 17.7202 21 18.362 20.673C18.9265 20.3854 19.3854 19.9265 19.673 19.362C20 18.7202 20 17.8802 20 16.2V13M20.1213 3.87868C21.2929 5.05025 21.2929 6.94975 20.1213 8.12132C18.9497 9.29289 17.0503 9.29289 15.8787 8.12132C14.7071 6.94975 14.7071 5.05025 15.8787 3.87868C17.0503 2.70711 18.9497 2.70711 20.1213 3.87868Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPCSetup = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="21"
+      height="20"
+      viewBox="0 0 21 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M5.24967 16.6673H7.33301M14.833 7.50065H14.8413M7.33301 5.00065H4.99967C4.06625 5.00065 3.59954 5.00065 3.24302 5.18231C2.92942 5.3421 2.67445 5.59706 2.51466 5.91067C2.33301 6.26719 2.33301 6.7339 2.33301 7.66732V10.6673C2.33301 11.6007 2.33301 12.0674 2.51466 12.424C2.67445 12.7376 2.92942 12.9925 3.24302 13.1523C3.59954 13.334 4.06625 13.334 4.99967 13.334H7.33301M13.333 16.6673H16.333C17.2664 16.6673 17.7331 16.6673 18.0897 16.4857C18.4033 16.3259 18.6582 16.0709 18.818 15.7573C18.9997 15.4008 18.9997 14.9341 18.9997 14.0007V6.00065C18.9997 5.06723 18.9997 4.60052 18.818 4.244C18.6582 3.9304 18.4033 3.67543 18.0897 3.51564C17.7331 3.33398 17.2664 3.33398 16.333 3.33398H13.333C12.3996 3.33398 11.9329 3.33398 11.5764 3.51564C11.2628 3.67543 11.0078 3.9304 10.848 4.244C10.6663 4.60052 10.6663 5.06723 10.6663 6.00065V14.0007C10.6663 14.9341 10.6663 15.4008 10.848 15.7573C11.0078 16.0709 11.2628 16.3259 11.5764 16.4857C11.9329 16.6673 12.3996 16.6673 13.333 16.6673ZM15.6663 12.5007C15.6663 12.9609 15.2932 13.334 14.833 13.334C14.3728 13.334 13.9997 12.9609 13.9997 12.5007C13.9997 12.0404 14.3728 11.6673 14.833 11.6673C15.2932 11.6673 15.6663 12.0404 15.6663 12.5007Z"
+        strokeWidth="1.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,40 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPalette = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="22"
+      height="22"
+      viewBox="0 0 22 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M1 11C1 16.5228 5.47715 21 11 21C12.6569 21 14 19.6569 14 18V17.5C14 17.0356 14 16.8034 14.0257 16.6084C14.2029 15.2622 15.2622 14.2029 16.6084 14.0257C16.8034 14 17.0356 14 17.5 14H18C19.6569 14 21 12.6569 21 11C21 5.47715 16.5228 1 11 1C5.47715 1 1 5.47715 1 11Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M6 12C6.55228 12 7 11.5523 7 11C7 10.4477 6.55228 10 6 10C5.44772 10 5 10.4477 5 11C5 11.5523 5.44772 12 6 12Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M15 8C15.5523 8 16 7.55228 16 7C16 6.44772 15.5523 6 15 6C14.4477 6 14 6.44772 14 7C14 7.55228 14.4477 8 15 8Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M9 7C9.55228 7 10 6.55228 10 6C10 5.44772 9.55228 5 9 5C8.44772 5 8 5.44772 8 6C8 6.55228 8.44772 7 9 7Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPasscodeLock = ({ ...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="passcode-lock">
+        <path
+          id="Icon"
+          d="M22 11V8.2C22 7.0799 22 6.51984 21.782 6.09202C21.5903 5.71569 21.2843 5.40973 20.908 5.21799C20.4802 5 19.9201 5 18.8 5H5.2C4.0799 5 3.51984 5 3.09202 5.21799C2.71569 5.40973 2.40973 5.71569 2.21799 6.09202C2 6.51984 2 7.0799 2 8.2V11.8C2 12.9201 2 13.4802 2.21799 13.908C2.40973 14.2843 2.71569 14.5903 3.09202 14.782C3.51984 15 4.0799 15 5.2 15H11M12 10H12.005M17 10H17.005M7 10H7.005M19.25 17V15.25C19.25 14.2835 18.4665 13.5 17.5 13.5C16.5335 13.5 15.75 14.2835 15.75 15.25V17M12.25 10C12.25 10.1381 12.1381 10.25 12 10.25C11.8619 10.25 11.75 10.1381 11.75 10C11.75 9.86193 11.8619 9.75 12 9.75C12.1381 9.75 12.25 9.86193 12.25 10ZM17.25 10C17.25 10.1381 17.1381 10.25 17 10.25C16.8619 10.25 16.75 10.1381 16.75 10C16.75 9.86193 16.8619 9.75 17 9.75C17.1381 9.75 17.25 9.86193 17.25 10ZM7.25 10C7.25 10.1381 7.13807 10.25 7 10.25C6.86193 10.25 6.75 10.1381 6.75 10C6.75 9.86193 6.86193 9.75 7 9.75C7.13807 9.75 7.25 9.86193 7.25 10ZM15.6 21H19.4C19.9601 21 20.2401 21 20.454 20.891C20.6422 20.7951 20.7951 20.6422 20.891 20.454C21 20.2401 21 19.9601 21 19.4V18.6C21 18.0399 21 17.7599 20.891 17.546C20.7951 17.3578 20.6422 17.2049 20.454 17.109C20.2401 17 19.9601 17 19.4 17H15.6C15.0399 17 14.7599 17 14.546 17.109C14.3578 17.2049 14.2049 17.3578 14.109 17.546C14 17.7599 14 18.0399 14 18.6V19.4C14 19.9601 14 20.2401 14.109 20.454C14.2049 20.6422 14.3578 20.7951 14.546 20.891C14.7599 21 15.0399 21 15.6 21Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPencil = ({ ...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="pencil-01">
+        <path
+          id="Icon"
+          d="M2.08398 17.9167L6.70838 16.1381C7.00416 16.0243 7.15205 15.9675 7.29042 15.8932C7.41332 15.8272 7.53048 15.7511 7.64068 15.6656C7.76475 15.5693 7.8768 15.4572 8.10088 15.2332L17.5007 5.83338C18.4211 4.91291 18.4211 3.42052 17.5007 2.50005C16.5802 1.57957 15.0878 1.57957 14.1673 2.50005L4.76755 11.8998C4.54346 12.1239 4.43142 12.2359 4.33514 12.36C4.24963 12.4702 4.17349 12.5874 4.10751 12.7103C4.03324 12.8487 3.97636 12.9965 3.86259 13.2923L2.08398 17.9167ZM2.08398 17.9167L3.79908 13.4575C3.92182 13.1384 3.98318 12.9789 4.08843 12.9058C4.18042 12.8419 4.29424 12.8178 4.40423 12.8388C4.5301 12.8628 4.65097 12.9837 4.89272 13.2254L6.7753 15.108C7.01704 15.3498 7.13792 15.4706 7.16196 15.5965C7.18296 15.7065 7.15881 15.8203 7.09494 15.9123C7.02186 16.0175 6.86231 16.0789 6.54321 16.2016L2.08398 17.9167Z"
+          strokeWidth="1.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,29 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPercentageCircle = ({ ...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_3490)">
+        <path
+          d="M7.50008 7.49984H7.50842M12.5001 12.4998H12.5084M13.3334 6.6665L6.66675 13.3332M6.11155 3.18208C6.78142 3.12863 7.41734 2.86522 7.92881 2.42935C9.12235 1.41222 10.8778 1.41222 12.0714 2.42935C12.5828 2.86522 13.2187 3.12863 13.8886 3.18208C15.4518 3.30683 16.6931 4.54812 16.8178 6.11131C16.8713 6.78117 17.1347 7.4171 17.5706 7.92856C18.5877 9.12211 18.5877 10.8776 17.5706 12.0711C17.1347 12.5826 16.8713 13.2185 16.8178 13.8884C16.6931 15.4516 15.4518 16.6928 13.8886 16.8176C13.2187 16.871 12.5828 17.1345 12.0714 17.5703C10.8778 18.5875 9.12235 18.5875 7.92881 17.5703C7.41734 17.1345 6.78142 16.871 6.11155 16.8176C4.54837 16.6928 3.30707 15.4516 3.18233 13.8884C3.12887 13.2185 2.86546 12.5826 2.4296 12.0711C1.41246 10.8776 1.41246 9.12211 2.4296 7.92856C2.86546 7.4171 3.12887 6.78117 3.18233 6.11131C3.30707 4.54812 4.54837 3.30683 6.11155 3.18208ZM7.91675 7.49984C7.91675 7.72996 7.7302 7.9165 7.50008 7.9165C7.26996 7.9165 7.08341 7.72996 7.08341 7.49984C7.08341 7.26972 7.26996 7.08317 7.50008 7.08317C7.7302 7.08317 7.91675 7.26972 7.91675 7.49984ZM12.9167 12.4998C12.9167 12.73 12.7302 12.9165 12.5001 12.9165C12.27 12.9165 12.0834 12.73 12.0834 12.4998C12.0834 12.2697 12.27 12.0832 12.5001 12.0832C12.7302 12.0832 12.9167 12.2697 12.9167 12.4998Z"
+          strokeWidth="1.67"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_240_3490">
+          <rect width="20" height="20" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPerspective = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="20"
+      height="22"
+      viewBox="0 0 20 22"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M14 4.00001L14 18M8 3.00001L8 19M1 11H19M1 4.98918L1 17.0108C1 18.3749 1 19.0569 1.28134 19.5296C1.52803 19.9441 1.9162 20.2555 2.37434 20.4064C2.89685 20.5785 3.56262 20.4305 4.89418 20.1346L16.4942 17.5569C17.3883 17.3582 17.8354 17.2588 18.1691 17.0184C18.4634 16.8063 18.6945 16.5182 18.8377 16.1849C19 15.807 19 15.349 19 14.4331V7.56696C19 6.65102 19 6.19306 18.8377 5.81514C18.6945 5.4818 18.4634 5.19367 18.1691 4.98162C17.8354 4.7412 17.3883 4.64185 16.4942 4.44316L4.89418 1.86538C3.56262 1.56948 2.89685 1.42153 2.37434 1.59362C1.9162 1.74451 1.52803 2.0559 1.28134 2.47039C1 2.94312 1 3.62514 1 4.98918Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPhoneCall = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="21"
+      height="20"
+      viewBox="0 0 21 20"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <g id="phone-call-01">
+        <path
+          id="Icon"
+          d="M12.2081 5.00033C13.0221 5.15913 13.7701 5.55721 14.3565 6.14361C14.9429 6.73 15.341 7.47805 15.4998 8.29199M12.2081 1.66699C13.8992 1.85486 15.4761 2.61214 16.68 3.8145C17.8839 5.01686 18.6431 6.59283 18.8331 8.28366M9.02228 11.5529C8.02097 10.5516 7.23031 9.41937 6.65031 8.21135C6.60042 8.10744 6.57548 8.05549 6.55631 7.98975C6.48821 7.75612 6.53713 7.46923 6.67881 7.27138C6.71867 7.2157 6.7663 7.16807 6.86156 7.07281C7.1529 6.78147 7.29857 6.6358 7.39381 6.48932C7.75297 5.93691 7.75297 5.22476 7.39381 4.67235C7.29857 4.52587 7.1529 4.3802 6.86156 4.08886L6.69917 3.92647C6.2563 3.4836 6.03487 3.26217 5.79705 3.14188C5.32408 2.90266 4.76553 2.90266 4.29256 3.14188C4.05474 3.26217 3.83331 3.4836 3.39044 3.92647L3.25908 4.05783C2.81773 4.49919 2.59705 4.71986 2.42851 5.01989C2.24149 5.35281 2.10703 5.86989 2.10816 6.25174C2.10918 6.59586 2.17594 6.83105 2.30944 7.30142C3.02692 9.82925 4.38065 12.2145 6.37063 14.2045C8.36061 16.1945 10.7459 17.5482 13.2737 18.2657C13.7441 18.3992 13.9793 18.466 14.3234 18.467C14.7053 18.4681 15.2224 18.3337 15.5553 18.1467C15.8553 17.9781 16.076 17.7574 16.5173 17.3161L16.6487 17.1847C17.0916 16.7419 17.313 16.5204 17.4333 16.2826C17.6725 15.8096 17.6725 15.2511 17.4333 14.7781C17.313 14.5403 17.0916 14.3189 16.6487 13.876L16.4863 13.7136C16.195 13.4223 16.0493 13.2766 15.9028 13.1814C15.3504 12.8222 14.6383 12.8222 14.0858 13.1814C13.9394 13.2766 13.7937 13.4223 13.5024 13.7136C13.4071 13.8089 13.3595 13.8565 13.3038 13.8964C13.1059 14.038 12.819 14.087 12.5854 14.0189C12.5197 13.9997 12.4677 13.9747 12.3638 13.9249C11.1558 13.3449 10.0236 12.5542 9.02228 11.5529Z"
+          strokeWidth="1.66667"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPin = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="17"
+      height="17"
+      viewBox="0 0 17 17"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M5.28244 11.7123L1.03979 15.9549M7.7707 4.98139L6.60004 6.15206C6.50454 6.24755 6.4568 6.2953 6.4024 6.33324C6.35411 6.36691 6.30203 6.39478 6.24723 6.41628C6.18548 6.4405 6.11927 6.45374 5.98685 6.48022L3.2385 7.02989C2.52427 7.17274 2.16716 7.24416 2.00009 7.43245C1.85454 7.59649 1.78807 7.816 1.81819 8.03322C1.85276 8.28256 2.11027 8.54008 2.62531 9.05512L7.93961 14.3694C8.45465 14.8845 8.71217 15.142 8.96151 15.1765C9.17873 15.2067 9.39825 15.1402 9.56228 14.9946C9.75057 14.8276 9.82199 14.4705 9.96484 13.7562L10.5145 11.0079C10.541 10.8755 10.5542 10.8092 10.5785 10.7475C10.5999 10.6927 10.6278 10.6406 10.6615 10.5923C10.6994 10.5379 10.7472 10.4902 10.8427 10.3947L12.0133 9.22403C12.0744 9.16298 12.1049 9.13245 12.1385 9.1058C12.1683 9.08212 12.1999 9.06075 12.2329 9.04186C12.2701 9.0206 12.3098 9.0036 12.3892 8.96959L14.2599 8.16783C14.8057 7.93392 15.0786 7.81697 15.2026 7.62799C15.311 7.46272 15.3497 7.26134 15.3105 7.06764C15.2656 6.84613 15.0556 6.6362 14.6358 6.21633L10.7784 2.35897C10.3585 1.9391 10.1486 1.72917 9.92709 1.68427C9.73339 1.645 9.53201 1.68378 9.36675 1.79218C9.17776 1.91614 9.06081 2.18902 8.8269 2.7348L8.02515 4.60557C7.99113 4.68493 7.97413 4.72461 7.95287 4.76182C7.93399 4.79487 7.91261 4.82644 7.88894 4.85625C7.86228 4.88981 7.83176 4.92034 7.7707 4.98139Z"
+        strokeWidth="1.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,28 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPlayCircle = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      width="23"
+      height="24"
+      viewBox="0 0 23 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      stroke="currentColor"
+      {...props}
+    >
+      <path
+        d="M11.4997 22.4168C17.2526 22.4168 21.9163 17.7531 21.9163 12.0002C21.9163 6.2472 17.2526 1.5835 11.4997 1.5835C5.74671 1.5835 1.08301 6.2472 1.08301 12.0002C1.08301 17.7531 5.74671 22.4168 11.4997 22.4168Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.89551 8.83905C8.89551 8.34188 8.89551 8.09329 8.99941 7.95451C9.08995 7.83357 9.22854 7.75791 9.37924 7.74715C9.55216 7.73479 9.76126 7.86922 10.1795 8.13807L15.0968 11.2992C15.4597 11.5325 15.6411 11.6491 15.7038 11.7974C15.7585 11.927 15.7585 12.0733 15.7038 12.2029C15.6411 12.3512 15.4597 12.4679 15.0968 12.7011L10.1795 15.8623C9.76126 16.1311 9.55216 16.2655 9.37924 16.2532C9.22854 16.2424 9.08995 16.1668 8.99941 16.0458C8.89551 15.907 8.89551 15.6584 8.89551 15.1613V8.83905Z"
+        strokeWidth="2"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,22 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPlus = ({ ...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="M10.0003 4.16602V15.8327M4.16699 9.99935H15.8337"
+        strokeWidth="1.66667"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPlusCircle = ({ ...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="plus-circle">
+        <path
+          id="Icon"
+          d="M12 8V16M8 12H16M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,25 @@
+import type { IconProps } from '../types/icon';
+
+export const IconPulse = ({ ...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="activity">
+        <path
+          id="Icon"
+          d="M22 12H18L15 21L9 3L6 12H2"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};

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

@@ -0,0 +1,24 @@
+import type { IconProps } from '../types/icon';
+
+export const IconQuestionCircle = ({ ...props }: IconProps) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width="16"
+      height="16"
+      viewBox="0 0 16 16"
+      fill="none"
+      stroke="currentColor"
+      {...props}
+    >
+      <g clipPath="url(#clip0_4130_36502)">
+        <path
+          d="M6.05967 6.00065C6.21641 5.5551 6.52578 5.17939 6.93298 4.94007C7.34018 4.70076 7.81894 4.61328 8.28446 4.69313C8.74998 4.77297 9.17222 5.015 9.47639 5.37634C9.78057 5.73767 9.94705 6.195 9.94634 6.66732C9.94634 8.00065 7.94634 8.66732 7.94634 8.66732M7.99967 11.334H8.00634M14.6663 8.00065C14.6663 11.6826 11.6816 14.6673 7.99967 14.6673C4.31778 14.6673 1.33301 11.6826 1.33301 8.00065C1.33301 4.31875 4.31778 1.33398 7.99967 1.33398C11.6816 1.33398 14.6663 4.31875 14.6663 8.00065Z"
+          strokeWidth="1.33333"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+    </svg>
+  );
+};