@moises.ai/design-system 3.4.5 → 3.5.0

package/src/icons/BoxIcon.jsx

@@ -0,0 +1,20 @@
+export const BoxIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M20.6602 7L12 2L3.33972 7M20.6602 7V17L12 22M20.6602 7L12 12M12 22L3.33972 17V7M12 22L12 12M3.33972 7L12 12M7.49998 4.20001L16.1602 9.20001"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+BoxIcon.displayName = 'BoxIcon'

package/src/icons/BriefcaseIcon.jsx

@@ -0,0 +1,26 @@
+export const BriefcaseIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M8 10V6.88889C8 5.85749 8.42143 4.86834 9.17157 4.13903C9.92172 3.40972 10.9391 3 12 3C13.0609 3 14.0783 3.40972 14.8284 4.13903C15.5786 4.86834 16 5.85749 16 6.88889V10M2.83333 8H21.1667C21.6269 8 22 8.34237 22 8.76471V20.2353C22 20.6576 21.6269 21 21.1667 21H2.83333C2.3731 21 2 20.6576 2 20.2353V8.76471C2 8.34237 2.3731 8 2.83333 8Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+BriefcaseIcon.displayName = 'BriefcaseIcon'

package/src/icons/CalendarIcon.jsx

@@ -0,0 +1,26 @@
+export const CalendarIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M4.5 3H4C3.46957 3 2.96086 3.21071 2.58579 3.58579C2.21071 3.96086 2 4.46957 2 5V19C2 19.5304 2.21071 20.0391 2.58579 20.4142C2.96086 20.7893 3.46957 21 4 21H20C20.5304 21 21.0391 20.7893 21.4142 20.4142C21.7893 20.0391 22 19.5304 22 19V5C22 4.46957 21.7893 3.96086 21.4142 3.58579C21.0391 3.21071 20.5304 3 20 3H19.5M2 9.25H22M16.5 1.5V4.5M7.5 1.5V4.5M10.5 3H13.5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CalendarIcon.displayName = 'CalendarIcon'

package/src/icons/CameraFlip2Icon.jsx

@@ -0,0 +1,26 @@
+export const CameraFlip2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M3.2389 15.68V16.82C3.2389 18.4768 4.58204 19.82 6.2389 19.82H17.761C19.4179 19.82 20.761 18.4768 20.761 16.82V12.9458M3.2389 11.1538L3.23891 7.17999C3.23891 5.52313 4.58206 4.17999 6.23891 4.17999H17.7611C19.4179 4.17999 20.7611 5.52315 20.7611 7.18001L20.761 8.31999M5.72786 9.46129L3.23891 11.9502L0.749969 9.46129M18.2721 14.6383L20.7611 12.1493L23.25 14.6383M15.1858 12.0498C15.1858 13.8093 13.7595 15.2356 12 15.2356C10.2405 15.2356 8.81414 13.8093 8.81414 12.0498C8.81414 10.2903 10.2405 8.86393 12 8.86393C13.7595 8.86393 15.1858 10.2903 15.1858 12.0498Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CameraFlip2Icon.displayName = 'CameraFlip2Icon'

package/src/icons/CameraFlip3Icon.jsx

@@ -0,0 +1,26 @@
+export const CameraFlip3Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M22 5V9M22 9H18M22 9L18.36 5.64001C17.2853 4.56473 15.9556 3.77922 14.4952 3.35679C13.0348 2.93436 11.4911 2.88877 10.0083 3.22427C8.52547 3.55978 7.1518 4.26545 6.01547 5.27543C4.87913 6.28542 4.01717 7.5668 3.51 9.00001M2 19V15M2 15H6M2 15L5.64 18.36C6.71475 19.4353 8.04437 20.2208 9.50481 20.6432C10.9652 21.0657 12.5089 21.1113 13.9917 20.7758C15.4745 20.4402 16.8482 19.7346 17.9845 18.7246C19.1209 17.7146 19.9828 16.4332 20.49 15"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CameraFlip3Icon.displayName = 'CameraFlip3Icon'

package/src/icons/CameraFlipIcon.jsx

@@ -0,0 +1,26 @@
+export const CameraFlipIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 26 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M3.22259 16.8889V18.2222C3.22259 18.6937 3.40989 19.1459 3.74329 19.4793C4.07668 19.8127 4.52887 20 5.00036 20H21.0004C21.4719 20 21.924 19.8127 22.2574 19.4793C22.5908 19.1459 22.7781 18.6937 22.7781 18.2222V12.8889M3.22259 12.8889V8.44444C3.22259 7.97295 3.40989 7.52076 3.74329 7.18737C4.07668 6.85397 4.52887 6.66667 5.00036 6.66667H8.55592L10.3337 4H15.667L17.4448 6.66667H21.0004C21.4719 6.66667 21.924 6.85397 22.2574 7.18737C22.5908 7.52076 22.7781 7.97295 22.7781 8.44444V8.88889M5.00039 12L3.22261 13.7778L1.44482 12M21.0004 13.7778L22.7782 12L24.556 13.7778M16.5559 12.8889C16.5559 14.8526 14.9641 16.4444 13.0004 16.4444C11.0367 16.4444 9.44482 14.8526 9.44482 12.8889C9.44482 10.9252 11.0367 9.33333 13.0004 9.33333C14.9641 9.33333 16.5559 10.9252 16.5559 12.8889Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CameraFlipIcon.displayName = 'CameraFlipIcon'

package/src/icons/CameraIcon.jsx

@@ -0,0 +1,33 @@
+export const CameraIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M23 19C23 19.5304 22.7893 20.0391 22.4142 20.4142C22.0391 20.7893 21.5304 21 21 21H3C2.46957 21 1.96086 20.7893 1.58579 20.4142C1.21071 20.0391 1 19.5304 1 19V8C1 7.46957 1.21071 6.96086 1.58579 6.58579C1.96086 6.21071 2.46957 6 3 6H7L9 3H15L17 6H21C21.5304 6 22.0391 6.21071 22.4142 6.58579C22.7893 6.96086 23 7.46957 23 8V19Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M12 17C14.2091 17 16 15.2091 16 13C16 10.7909 14.2091 8.99999 12 8.99999C9.79086 8.99999 8 10.7909 8 13C8 15.2091 9.79086 17 12 17Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CameraIcon.displayName = 'CameraIcon'

package/src/icons/CameraRollIcon.jsx

@@ -0,0 +1,31 @@
+export const CameraRollIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_2280_66)">
+      <path
+        d="M16 10.5V5C16 3.89543 15.1046 3 14 3H5C3.89543 3 3 3.89543 3 5V21C3 22.1046 3.89543 23 5 23H14C15.1046 23 16 22.1046 16 21V15.5M7.5 0.5H11.5M12 10.5V8.5M20 10.5V8.5M12 17.5V15.5M20 17.5V15.5M9 8.5H23V17.5H9V8.5Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_2280_66">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+CameraRollIcon.displayName = 'CameraRollIcon'

package/src/icons/CarIcon.jsx

@@ -0,0 +1,18 @@
+export const CarIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M6.5 18.2501V17.5001H5.75V18.2501H6.5ZM17.5 18.2501H18.25V17.5001H17.5V18.2501ZM7.75736 2.6062L7.86342 3.34866L7.75736 2.6062ZM16.2426 2.6062L16.3487 1.86374V1.86374L16.2426 2.6062ZM19.9536 4.7974L20.6161 4.44588L19.9536 4.7974ZM16.9858 2.71238L16.8798 3.45484L16.9858 2.71238ZM4.04639 4.7974L3.38387 4.44588L4.04639 4.7974ZM7.01415 2.71238L6.90808 1.96991L7.01415 2.71238ZM22.7667 10.0994L22.1042 10.4509L22.7667 10.0994ZM1.23327 10.0994L0.570753 9.74785H0.570753L1.23327 10.0994ZM4.87385 11.7759L5.02093 11.0404L4.87385 11.7759ZM6.37061 13.08L5.66224 13.3264L6.37061 13.08ZM6.995 14.8751V15.6251H8.04994L7.70337 14.6287L6.995 14.8751ZM19.1261 11.7759L18.9791 11.0404L19.1261 11.7759ZM17.6294 13.08L16.921 12.8336V12.8336L17.6294 13.08ZM17.005 14.8751L16.2966 14.6287L15.9501 15.6251H17.005V14.8751ZM3 6.93761C2.58578 6.93761 2.25 7.2734 2.25 7.68761C2.25 8.10183 2.58578 8.43761 3 8.43761V6.93761ZM21 8.43761C21.4142 8.43761 21.75 8.10183 21.75 7.68761C21.75 7.2734 21.4142 6.93761 21 6.93761V8.43761ZM22.25 11.0368V20.0001H23.75V11.0368H22.25ZM1.75 20.0001V11.0368H0.249995V20.0001H1.75ZM5.75 18.2501V20.0001H7.25V18.2501H5.75ZM4.5 21.2501H3V22.7501H4.5V21.2501ZM21 21.2501H19.5V22.7501H21V21.2501ZM18.25 20.0001V18.2501H16.75V20.0001H18.25ZM17.5 17.5001H6.5V19.0001H17.5V17.5001ZM1.89579 10.4509L4.70891 5.14892L3.38387 4.44588L0.570753 9.74785L1.89579 10.4509ZM19.2911 5.14892L22.1042 10.4509L23.4292 9.74785L20.6161 4.44588L19.2911 5.14892ZM7.12021 3.45484L7.86342 3.34866L7.65129 1.86374L6.90808 1.96991L7.12021 3.45484ZM16.1366 3.34866L16.8798 3.45484L17.0919 1.96991L16.3487 1.86374L16.1366 3.34866ZM7.86342 3.34866C10.6072 2.95669 13.3928 2.9567 16.1366 3.34866L16.3487 1.86374C13.4642 1.45167 10.5358 1.45167 7.65129 1.86374L7.86342 3.34866ZM20.6161 4.44588C19.9046 3.10479 18.5948 2.18462 17.0919 1.96991L16.8798 3.45484C17.9081 3.60174 18.8042 4.23133 19.2911 5.14892L20.6161 4.44588ZM4.70891 5.14892C5.19577 4.23133 6.09191 3.60174 7.12021 3.45484L6.90808 1.96991C5.40517 2.18461 4.09543 3.10479 3.38387 4.44588L4.70891 5.14892ZM19.5 21.2501C18.8096 21.2501 18.25 20.6905 18.25 20.0001H16.75C16.75 21.5189 17.9812 22.7501 19.5 22.7501V21.2501ZM0.249995 20.0001C0.249995 21.5189 1.48121 22.7501 3 22.7501V21.2501C2.30964 21.2501 1.75 20.6905 1.75 20.0001H0.249995ZM22.25 20.0001C22.25 20.6905 21.6904 21.2501 21 21.2501V22.7501C22.5188 22.7501 23.75 21.5189 23.75 20.0001H22.25ZM23.75 11.0368C23.75 10.5874 23.6399 10.1448 23.4292 9.74785L22.1042 10.4509C22.1999 10.6313 22.25 10.8325 22.25 11.0368H23.75ZM5.75 20.0001C5.75 20.6905 5.19035 21.2501 4.5 21.2501V22.7501C6.01878 22.7501 7.25 21.5189 7.25 20.0001H5.75ZM1.75 11.0368C1.75 10.8325 1.80005 10.6313 1.89579 10.4509L0.570753 9.74785C0.360126 10.1448 0.249995 10.5874 0.249995 11.0368H1.75ZM0.847908 11.7355L4.72676 12.5113L5.02093 11.0404L1.14208 10.2647L0.847908 11.7355ZM5.66224 13.3264L6.28662 15.1215L7.70337 14.6287L7.07898 12.8336L5.66224 13.3264ZM6.995 14.1251H0.994995V15.6251H6.995V14.1251ZM4.72676 12.5113C5.16094 12.5982 5.51678 12.9082 5.66224 13.3264L7.07898 12.8336C6.75897 11.9136 5.97612 11.2315 5.02093 11.0404L4.72676 12.5113ZM22.8579 10.2647L18.9791 11.0404L19.2732 12.5113L23.1521 11.7355L22.8579 10.2647ZM16.921 12.8336L16.2966 14.6287L17.7134 15.1215L18.3378 13.3264L16.921 12.8336ZM17.005 15.6251H23.005V14.1251H17.005V15.6251ZM18.9791 11.0404C18.0239 11.2315 17.241 11.9136 16.921 12.8336L18.3378 13.3264C18.4832 12.9082 18.8391 12.5982 19.2732 12.5113L18.9791 11.0404ZM3 8.43761H21V6.93761H3V8.43761Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+CarIcon.displayName = 'CarIcon'

package/src/icons/CartIcon.jsx

@@ -0,0 +1,28 @@
+export const CartIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_2034_986)">
+      <path
+        d="M1 1.71472H5L7.68 15.1047C7.77144 15.5651 8.02191 15.9787 8.38755 16.273C8.75318 16.5674 9.2107 16.7237 9.68 16.7147H19.4C19.8693 16.7237 20.3268 16.5674 20.6925 16.273C21.0581 15.9787 21.3086 15.5651 21.4 15.1047L23 6.71472H6M20.949 21.5353C20.949 21.9495 20.6132 22.2853 20.199 22.2853C19.7848 22.2853 19.449 21.9495 19.449 21.5353C19.449 21.1211 19.7848 20.7853 20.199 20.7853C20.6132 20.7853 20.949 21.1211 20.949 21.5353ZM8.91854 21.5353C8.91854 21.9495 8.58275 22.2853 8.16854 22.2853C7.75433 22.2853 7.41854 21.9495 7.41854 21.5353C7.41854 21.1211 7.75433 20.7853 8.16854 20.7853C8.58275 20.7853 8.91854 21.1211 8.91854 21.5353Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_2034_986">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+CartIcon.displayName = 'CartIcon'

package/src/icons/CassetteIcon.jsx

@@ -0,0 +1,26 @@
+export const CassetteIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M8 9H16M16 14H8M2 19H22C22.5523 19 23 18.5523 23 18V6C23 5.44772 22.5523 5 22 5H2C1.44772 5 1 5.44772 1 6V18C1 18.5523 1.44772 19 2 19ZM19 11.5C19 12.8807 17.8807 14 16.5 14C15.1193 14 14 12.8807 14 11.5C14 10.1193 15.1193 9 16.5 9C17.8807 9 19 10.1193 19 11.5ZM10 11.5C10 12.8807 8.88071 14 7.5 14C6.11929 14 5 12.8807 5 11.5C5 10.1193 6.11929 9 7.5 9C8.88071 9 10 10.1193 10 11.5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CassetteIcon.displayName = 'CassetteIcon'

package/src/icons/CastIcon.jsx

@@ -0,0 +1,20 @@
+export const CastIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M4.00003 4.75C3.6685 4.75 3.35056 4.8817 3.11614 5.11612C2.88172 5.35054 2.75003 5.66848 2.75003 6V8C2.75003 8.41421 2.41424 8.75 2.00003 8.75C1.58581 8.75 1.25003 8.41421 1.25003 8V6C1.25003 5.27065 1.53976 4.57118 2.05548 4.05546C2.57121 3.53973 3.27068 3.25 4.00003 3.25H20C20.7294 3.25 21.4288 3.53973 21.9446 4.05546C22.4603 4.57118 22.75 5.27065 22.75 6V18C22.75 18.7293 22.4603 19.4288 21.9446 19.9445C21.4288 20.4603 20.7294 20.75 20 20.75H14C13.5858 20.75 13.25 20.4142 13.25 20C13.25 19.5858 13.5858 19.25 14 19.25H20C20.3315 19.25 20.6495 19.1183 20.8839 18.8839C21.1183 18.6495 21.25 18.3315 21.25 18V6C21.25 5.66848 21.1183 5.35054 20.8839 5.11612C20.6495 4.8817 20.3315 4.75 20 4.75H4.00003ZM1.25462 11.9671C1.30041 11.5554 1.67125 11.2588 2.08293 11.3046C4.28295 11.5493 6.33423 12.5353 7.89947 14.1006C9.46471 15.6658 10.4507 17.7171 10.6954 19.9171C10.7412 20.3288 10.4446 20.6996 10.0329 20.7454C9.62125 20.7912 9.25041 20.4946 9.20462 20.0829C8.99758 18.2213 8.16325 16.4857 6.83881 15.1612C5.51437 13.8368 3.77868 13.0024 1.91712 12.7954C1.50545 12.7496 1.20884 12.3788 1.25462 11.9671ZM1.26515 15.9501C1.34793 15.5443 1.74404 15.2824 2.1499 15.3651C3.25492 15.5905 4.26928 16.1358 5.06674 16.9333C5.86419 17.7307 6.40954 18.7451 6.6349 19.8501C6.71767 20.256 6.45576 20.6521 6.0499 20.7349C5.64404 20.8176 5.24793 20.5557 5.16515 20.1499C4.99858 19.3331 4.5955 18.5834 4.00608 17.9939C3.41665 17.4045 2.66691 17.0014 1.85015 16.8349C1.44429 16.7521 1.18238 16.356 1.26515 15.9501ZM1.25003 20C1.25003 19.5858 1.58581 19.25 2.00003 19.25H2.01003C2.42424 19.25 2.76003 19.5858 2.76003 20C2.76003 20.4142 2.42424 20.75 2.01003 20.75H2.00003C1.58581 20.75 1.25003 20.4142 1.25003 20Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+CastIcon.displayName = 'CastIcon'

package/src/icons/CdIcon.jsx

@@ -0,0 +1,19 @@
+export const CdIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M12 18C8.68629 18 6 15.3137 6 12M12 6C15.3137 6 18 8.68629 18 12M22 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 12ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+CdIcon.displayName = 'CdIcon'

package/src/icons/CheckboxCicleIcon.jsx

@@ -0,0 +1,26 @@
+export const CheckboxCicleIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M16 9L10.5 15L8 12.2727M22 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"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+CheckboxCicleIcon.displayName = 'CheckboxCicleIcon'

package/src/icons/CheckboxFillIcon.jsx

@@ -0,0 +1,25 @@
+export const CheckboxFillIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM16.5529 9.5068C16.8328 9.20146 16.8121 8.72703 16.5068 8.44714C16.2015 8.16724 15.727 8.18787 15.4471 8.49321L10.5 13.8901L8.55287 11.7659C8.27298 11.4606 7.79855 11.44 7.49321 11.7199C7.18787 11.9998 7.16724 12.4742 7.44714 12.7795L9.94714 15.5068C10.0892 15.6618 10.2898 15.75 10.5 15.75C10.7102 15.75 10.9108 15.6618 11.0529 15.5068L16.5529 9.5068Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+CheckboxFillIcon.displayName = 'CheckboxFillIcon'

package/src/icons/CheckboxOffIcon.jsx

@@ -0,0 +1,25 @@
+export const CheckboxOffIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M2 7C2 4.23858 4.23858 2 7 2H17C19.7614 2 22 4.23858 22 7V17C22 19.7614 19.7614 22 17 22H7C4.23858 22 2 19.7614 2 17V7Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+CheckboxOffIcon.displayName = 'CheckboxOffIcon'

package/src/icons/CheckboxOnIcon.jsx

@@ -0,0 +1,25 @@
+export const CheckboxOnIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M16.4444 8.66667L10.3333 15.3333L7.55556 12.303M7 22H17C19.7614 22 22 19.7614 22 17V7C22 4.23858 19.7614 2 17 2H7C4.23858 2 2 4.23858 2 7V17C2 19.7614 4.23858 22 7 22Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+CheckboxOnIcon.displayName = 'CheckboxOnIcon'

package/src/icons/ChevronDownIcon.jsx

@@ -0,0 +1,26 @@
+export const ChevronDownIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M4 9L12 15L20 9"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ChevronDownIcon.displayName = 'ChevronDownIcon'

package/src/icons/ChevronLeftIcon.jsx

@@ -0,0 +1,26 @@
+export const ChevronLeftIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M15 20L9 12L15 4"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ChevronLeftIcon.displayName = 'ChevronLeftIcon'

package/src/icons/ChevronRightIcon.jsx

@@ -0,0 +1,26 @@
+export const ChevronRightIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M9 20L15 12L9 4"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ChevronRightIcon.displayName = 'ChevronRightIcon'

package/src/icons/ChevronUpIcon.jsx

@@ -0,0 +1,26 @@
+export const ChevronUpIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M20 15L12 9L4 15"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ChevronUpIcon.displayName = 'ChevronUpIcon'

package/src/icons/ChordGrid2Icon.jsx

@@ -0,0 +1,26 @@
+export const ChordGrid2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M12 21V3M12 3H4C2.89543 3 2 3.89543 2 5V12M12 3H20C21.1046 3 22 3.89543 22 5V12M2 12V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V12M2 12H22"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+ChordGrid2Icon.displayName = 'ChordGrid2Icon'

package/src/icons/ChordGridIcon.jsx

@@ -0,0 +1,26 @@
+export const ChordGridIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 22 20"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M7.75 19V1M14.25 19V1M1 7H21M1 7V17C1 18.1046 1.89543 19 3 19H19C20.1046 19 21 18.1046 21 17V7M1 7V3C1 1.89543 1.89543 1 3 1H19C20.1046 1 21 1.89543 21 3V7M1 13H21"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+ChordGridIcon.displayName = 'ChordGridIcon'

package/src/icons/ChordSequenceIcon.jsx

@@ -0,0 +1,26 @@
+export const ChordSequenceIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 22 22"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M7.75 8.5V1.5M14.25 8.5V1.5M1 14.5H21M1 20.5H21M19 1.5H3C1.89543 1.5 1 2.39543 1 3.5V6.5C1 7.60457 1.89543 8.5 3 8.5H19C20.1046 8.5 21 7.60457 21 6.5V3.5C21 2.39543 20.1046 1.5 19 1.5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+ChordSequenceIcon.displayName = 'ChordSequenceIcon'

package/src/icons/Chords2Icon.jsx

@@ -0,0 +1,25 @@
+export const Chords2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 24"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M11.5 5H3.8C3.63431 5 3.5 5.13431 3.5 5.3V12.5M11.5 19.5H3.8C3.63431 19.5 3.5 19.3657 3.5 19.2V12.5M10.5 12.5H3.5M15 3.5V13M15 13V16.7C15 16.8657 15.1346 17.0008 15.3001 16.9926C17.7974 16.8689 19.9307 15.2096 20.4023 12.8521C20.7771 10.9777 19.8229 8.98404 18.1189 8.98404C16.7046 8.98404 15 10.5 15 13Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+Chords2Icon.displayName = 'Chords2Icon'