@moises.ai/design-system 3.4.4 → 3.4.6

package/src/icons/AddRoundIcon.jsx

@@ -0,0 +1,26 @@
+export const AddRoundIcon = ({
+  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 8.00001V12M12 12V16M12 12H8.00005M12 12H16M12.0001 2C6.47725 2 2.00012 6.47711 2.00008 11.9999C2.00003 17.5228 6.47719 22 12.0001 22C17.5229 22 22.0001 17.5228 22.0001 12C22.0001 6.47716 17.5229 2 12.0001 2Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+AddRoundIcon.displayName = 'AddRoundIcon'

package/src/icons/AirplayIcon.jsx

@@ -0,0 +1,26 @@
+export const AirplayIcon = ({
+  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="M5 17H4C3.46957 17 2.96086 16.7893 2.58579 16.4142C2.21071 16.0391 2 15.5304 2 15V5C2 4.46957 2.21071 3.96086 2.58579 3.58579C2.96086 3.21071 3.46957 3 4 3H20C20.5304 3 21.0391 3.21071 21.4142 3.58579C21.7893 3.96086 22 4.46957 22 5V15C22 15.5304 21.7893 16.0391 21.4142 16.4142C21.0391 16.7893 20.5304 17 20 17H19M12 15L17 21H7L12 15Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+AirplayIcon.displayName = 'AirplayIcon'

package/src/icons/AlertIcon.jsx

@@ -0,0 +1,28 @@
+export const AlertIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 28 28"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_556_1304)">
+      <path
+        d="M13.9999 9.33356V15.7501M13.9999 19.8336H14.0116M12.0049 4.50357L2.12324 21.0002C1.9195 21.3531 1.8117 21.7531 1.81056 22.1605C1.80942 22.5679 1.91497 22.9686 2.11673 23.3225C2.31849 23.6765 2.60942 23.9714 2.96056 24.1781C3.31171 24.3847 3.71083 24.4958 4.11824 24.5002H23.8816C24.289 24.4958 24.6881 24.3847 25.0392 24.1781C25.3904 23.9714 25.6813 23.6765 25.8831 23.3225C26.0848 22.9686 26.1904 22.5679 26.1893 22.1605C26.1881 21.7531 26.0803 21.3531 25.8766 21.0002L15.9949 4.50357C15.7869 4.1607 15.4941 3.87721 15.1446 3.68047C14.7952 3.48373 14.4009 3.38037 13.9999 3.38037C13.5989 3.38037 13.2046 3.48373 12.8552 3.68047C12.5057 3.87721 12.2129 4.1607 12.0049 4.50357Z"
+        stroke="currentColor"
+        strokeWidth="1.64062"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_556_1304">
+        <rect width="28" height="28" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+AlertIcon.displayName = 'AlertIcon'

package/src/icons/AppIcon.jsx

@@ -0,0 +1,18 @@
+export const AppIcon = ({ 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="M18.5131 11.2292C18.9274 11.2292 19.2631 10.8934 19.2631 10.4792C19.2631 10.065 18.9274 9.72917 18.5131 9.72917V11.2292ZM16.0678 12.0207L16.6393 12.5064L16.6393 12.5063L16.0678 12.0207ZM12.0011 10.52C11.5869 10.52 11.2511 10.8558 11.2511 11.27C11.2511 11.6842 11.5869 12.02 12.0011 12.02V10.52ZM14.4464 9.72955L15.0177 10.2155L15.0179 10.2152L14.4464 9.72955ZM18.5142 8.1875C18.9284 8.1875 19.2642 7.85171 19.2642 7.4375C19.2642 7.02329 18.9284 6.6875 18.5142 6.6875V8.1875ZM17.8978 12.7708C17.4836 12.7708 17.1478 13.1066 17.1478 13.5208C17.1478 13.935 17.4836 14.2708 17.8978 14.2708V12.7708ZM18.5142 14.2708C18.9284 14.2708 19.2642 13.935 19.2642 13.5208C19.2642 13.1066 18.9284 12.7708 18.5142 12.7708V14.2708ZM15.7676 15.31C15.3534 15.31 15.0176 15.6458 15.0176 16.06C15.0176 16.4742 15.3534 16.81 15.7676 16.81V15.31ZM18.5131 16.81C18.9274 16.81 19.2631 16.4742 19.2631 16.06C19.2631 15.6458 18.9274 15.31 18.5131 15.31V16.81ZM5.4869 9.72917C5.07269 9.72917 4.7369 10.065 4.7369 10.4792C4.7369 10.8934 5.07269 11.2292 5.4869 11.2292V9.72917ZM7.93225 12.0207L7.36072 12.5063L7.36075 12.5064L7.93225 12.0207ZM11.999 12.02C12.4132 12.02 12.749 11.6842 12.749 11.27C12.749 10.8558 12.4132 10.52 11.999 10.52V12.02ZM9.55361 9.72955L8.98211 10.2152L8.98234 10.2155L9.55361 9.72955ZM5.48584 6.6875C5.07163 6.6875 4.73584 7.02329 4.73584 7.4375C4.73584 7.85171 5.07163 8.1875 5.48584 8.1875V6.6875ZM6.10223 14.2708C6.51645 14.2708 6.85223 13.935 6.85223 13.5208C6.85223 13.1066 6.51645 12.7708 6.10223 12.7708V14.2708ZM5.48584 12.7708C5.07163 12.7708 4.73584 13.1066 4.73584 13.5208C4.73584 13.935 5.07163 14.2708 5.48584 14.2708V12.7708ZM8.23247 16.81C8.64668 16.81 8.98247 16.4742 8.98247 16.06C8.98247 15.6458 8.64668 15.31 8.23247 15.31V16.81ZM5.4869 15.31C5.07269 15.31 4.7369 15.6458 4.7369 16.06C4.7369 16.4742 5.07269 16.81 5.4869 16.81V15.31ZM7 2.75H17V1.25H7V2.75ZM21.25 7V17H22.75V7H21.25ZM17 21.25H7V22.75H17V21.25ZM2.75 17V7H1.25V17H2.75ZM7 21.25C4.65279 21.25 2.75 19.3472 2.75 17H1.25C1.25 20.1756 3.82436 22.75 7 22.75V21.25ZM21.25 17C21.25 19.3472 19.3472 21.25 17 21.25V22.75C20.1756 22.75 22.75 20.1756 22.75 17H21.25ZM17 2.75C19.3472 2.75 21.25 4.65279 21.25 7H22.75C22.75 3.82436 20.1756 1.25 17 1.25V2.75ZM7 1.25C3.82436 1.25 1.25 3.82436 1.25 7H2.75C2.75 4.65279 4.65279 2.75 7 2.75V1.25ZM18.5131 9.72917C17.8194 9.72917 17.2656 9.91491 16.7656 10.268C16.3039 10.5941 15.9042 11.0549 15.4963 11.535L16.6393 12.5063C17.0681 12.0017 17.3498 11.6918 17.6309 11.4933C17.8737 11.3218 18.1242 11.2292 18.5131 11.2292V9.72917ZM15.4963 11.535C14.6263 12.5588 13.7472 13.5617 12 13.5617V15.0617C14.4942 15.0617 15.7741 13.5245 16.6393 12.5064L15.4963 11.535ZM12.0011 12.02C12.6953 12.02 13.249 11.8343 13.749 11.4813C14.2105 11.1554 14.61 10.6948 15.0177 10.2155L13.8752 9.2436C13.4461 9.74793 13.1648 10.0576 12.8838 10.256C12.6412 10.4273 12.3906 10.52 12.0011 10.52V12.02ZM15.0179 10.2152C15.8882 9.19115 16.7672 8.1875 18.5142 8.1875V6.6875C16.0199 6.6875 14.7399 8.22607 13.8749 9.24386L15.0179 10.2152ZM17.8978 14.2708H18.5142V12.7708H17.8978V14.2708ZM15.7676 16.81H18.5131V15.31H15.7676V16.81ZM5.4869 11.2292C5.87581 11.2292 6.12634 11.3218 6.36916 11.4933C6.65026 11.6918 6.93194 12.0017 7.36072 12.5063L8.50378 11.535C8.0958 11.0549 7.69615 10.5941 7.23444 10.268C6.73444 9.91491 6.18068 9.72917 5.4869 9.72917V11.2292ZM7.36075 12.5064C8.22599 13.5245 9.50588 15.0617 12 15.0617V13.5617C10.2529 13.5617 9.37379 12.5588 8.50375 11.535L7.36075 12.5064ZM11.999 10.52C11.6094 10.52 11.3589 10.4273 11.1163 10.256C10.8352 10.0576 10.5539 9.74794 10.1249 9.2436L8.98234 10.2155C9.39009 10.6948 9.78955 11.1554 10.2511 11.4813C10.751 11.8343 11.3048 12.02 11.999 12.02V10.52ZM10.1251 9.24386C9.26015 8.22607 7.98017 6.6875 5.48584 6.6875V8.1875C7.23281 8.1875 8.1118 9.19115 8.98211 10.2152L10.1251 9.24386ZM6.10223 12.7708H5.48584V14.2708H6.10223V12.7708ZM8.23247 15.31H5.4869V16.81H8.23247V15.31Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+AppIcon.displayName = 'AppIcon'

package/src/icons/ArVrIcon.jsx

@@ -0,0 +1,21 @@
+export const ArVrIcon = ({ 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="M5.74606 8.46413L11.9999 12.0754M11.9999 12.0754L18.2538 8.46413M11.9999 12.0754L12 19.2M12 19.2C12.0884 19.2 12.1753 19.1767 12.252 19.1325L18.0266 15.7969C18.1105 15.7466 18.1798 15.6753 18.2277 15.5901C18.2757 15.5049 18.3006 15.4086 18.3 15.3109V8.68911C18.3006 8.59133 18.2757 8.49508 18.2277 8.40986C18.1798 8.32463 18.1105 8.25337 18.0266 8.20311L12.252 4.86749C12.1753 4.82325 12.0884 4.79997 12 4.79997C11.9115 4.79997 11.8246 4.82325 11.748 4.86749L5.97334 8.20311C5.88946 8.25337 5.82013 8.32463 5.77219 8.40986C5.72425 8.49508 5.69936 8.59133 5.69996 8.68911V15.3109C5.69936 15.4086 5.72425 15.5049 5.77219 15.5901C5.82013 15.6753 5.88946 15.7466 5.97334 15.7969L11.748 19.1325C11.8246 19.1767 11.9115 19.2 12 19.2ZM18.2999 2H22.7999V6.5M5.69995 22H1.19995V17.5M22.7999 17.5V22H18.2999M1.19995 6.5V2H5.69995"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArVrIcon.displayName = 'ArVrIcon'

package/src/icons/ArrowDownIcon.jsx

@@ -0,0 +1,26 @@
+export const ArrowDownIcon = ({
+  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 13L12 19L18 13M12 5V18"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArrowDownIcon.displayName = 'ArrowDownIcon'

package/src/icons/ArrowDownloadIcon.jsx

@@ -0,0 +1,26 @@
+export const ArrowDownloadIcon = ({
+  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.7 13.1L12 16.4L15.3 13.1M12 6.5V15.3M23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArrowDownloadIcon.displayName = 'ArrowDownloadIcon'

package/src/icons/ArrowLeftIcon.jsx

@@ -0,0 +1,26 @@
+export const ArrowLeftIcon = ({
+  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 18L5 12L11 6M19 12L6 12"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArrowLeftIcon.displayName = 'ArrowLeftIcon'

package/src/icons/ArrowRightIcon.jsx

@@ -0,0 +1,26 @@
+export const ArrowRightIcon = ({
+  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="M13 18L19 12L13 6M18 12L5 12"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArrowRightIcon.displayName = 'ArrowRightIcon'

package/src/icons/ArrowUpIcon.jsx

@@ -0,0 +1,26 @@
+export const ArrowUpIcon = ({
+  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="M18 11L12 5L6 11M12 6V19"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArrowUpIcon.displayName = 'ArrowUpIcon'

package/src/icons/ArrowsHorizontalIcon.jsx

@@ -0,0 +1,26 @@
+export const ArrowsHorizontalIcon = ({
+  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 11.25L5 7.25L9 3.25M19 7L6 7M14.99 20.75L18.99 16.75L14.99 12.75M17.99 16.75L4.98999 16.75"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArrowsHorizontalIcon.displayName = 'ArrowsHorizontalIcon'

package/src/icons/ArrowsVerticalIcon.jsx

@@ -0,0 +1,26 @@
+export const ArrowsVerticalIcon = ({
+  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.25 9.005L7.25 5.005L3.25 9.005M7 19.005L7 6.005M20.75 14.995L16.75 18.995L12.75 14.995M16.75 17.995L16.75 4.99499"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ArrowsVerticalIcon.displayName = 'ArrowsVerticalIcon'

package/src/icons/AtomIcon.jsx

@@ -0,0 +1,32 @@
+export const AtomIcon = ({ 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="M21.3473 21.3473C23.3057 19.389 20.7083 13.6165 15.5459 8.45408C10.3835 3.2917 4.61104 0.694324 2.65268 2.65268C0.694322 4.61104 3.2917 10.3835 8.45408 15.5459C13.6165 20.7083 19.389 23.3057 21.3473 21.3473Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M15.5459 15.5459C20.7083 10.3835 23.3057 4.61104 21.3473 2.65268C19.389 0.694322 13.6165 3.2917 8.45408 8.45408C3.2917 13.6165 0.694322 19.389 2.65268 21.3473C4.61104 23.3057 10.3835 20.7083 15.5459 15.5459Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+    <path
+      d="M12 13C12.5523 13 13 12.5523 13 12C13 11.4477 12.5523 11 12 11C11.4477 11 11 11.4477 11 12C11 12.5523 11.4477 13 12 13Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+AtomIcon.displayName = 'AtomIcon'

package/src/icons/AttachmentIcon.jsx

@@ -0,0 +1,26 @@
+export const AttachmentIcon = ({
+  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="M21.301 10.9221L12.111 20.1121C10.9852 21.2379 9.45819 21.8704 7.86601 21.8704C6.27382 21.8704 4.74685 21.2379 3.62101 20.1121C2.49516 18.9862 1.86267 17.4592 1.86267 15.8671C1.86267 14.2749 2.49516 12.7479 3.62101 11.6221L12.811 2.43205C13.5616 1.68149 14.5796 1.25983 15.641 1.25983C16.7025 1.25983 17.7204 1.68149 18.471 2.43205C19.2216 3.18261 19.6432 4.20059 19.6432 5.26205C19.6432 6.32351 19.2216 7.34149 18.471 8.09205L9.27101 17.2821C8.89573 17.6573 8.38674 17.8682 7.85601 17.8682C7.32528 17.8682 6.81629 17.6573 6.44101 17.2821C6.06573 16.9068 5.8549 16.3978 5.8549 15.8671C5.8549 15.3363 6.06573 14.8273 6.44101 14.4521L14.931 5.97205"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+AttachmentIcon.displayName = 'AttachmentIcon'

package/src/icons/AudioAdjustmentsIcon.jsx

@@ -0,0 +1,26 @@
+export const AudioAdjustmentsIcon = ({
+  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="M1 12H23C22.3944 12 21.8483 12.3641 21.6154 12.923L18.8462 19.5692C18.1624 21.2102 15.8376 21.2102 15.1538 19.5692L8.84615 4.43072C8.16239 2.78969 5.83761 2.7897 5.15385 4.43072L2.38462 11.0769C2.15171 11.6358 1.60555 12 1 12Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+AudioAdjustmentsIcon.displayName = 'AudioAdjustmentsIcon'

package/src/icons/AudioFileIcon.jsx

@@ -0,0 +1,26 @@
+export const AudioFileIcon = ({
+  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="M13.67 12.8944V14.5734C13.67 15.4748 13.067 16.2649 12.1974 16.5026L11.4548 16.7056C10.4706 16.9747 9.5 16.2338 9.5 15.2135C9.5 14.5159 9.96681 13.9047 10.6397 13.7211L13.67 12.8944ZM13.67 12.8944V7M20 6.34317V20C20 21.1046 19.1046 22 18 22H6C4.89543 22 4 21.1046 4 20V4C4 2.89543 4.89543 2 6 2H15.6568C16.1873 2 16.696 2.21071 17.071 2.58579L19.4142 4.92895C19.7893 5.30403 20 5.81273 20 6.34317Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+AudioFileIcon.displayName = 'AudioFileIcon'

package/src/icons/AudioFilesIcon.jsx

@@ -0,0 +1,26 @@
+export const AudioFilesIcon = ({
+  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 23H20C21.1046 23 22 22.1046 22 21V11.3432C22 10.8127 21.7893 10.304 21.4142 9.92895L18.4853 7M6 20H17C18.1046 20 19 19.1046 19 18V8.34317C19 7.81273 18.7893 7.30403 18.4142 6.92895L15.4853 4M11.17 9.89439V11.5734C11.17 12.4748 10.567 13.2649 9.69741 13.5026L8.95481 13.7056C7.97056 13.9747 7 13.2338 7 12.2135C7 11.5159 7.46681 10.9047 8.13974 10.7211L11.17 9.89439ZM11.17 9.89439V4M16 5.34317V15C16 16.1046 15.1046 17 14 17H5C3.89543 17 3 16.1046 3 15V3C3 1.89543 3.89543 1 5 1H11.6568C12.1873 1 12.696 1.21071 13.071 1.58579L15.4142 3.92895C15.7893 4.30403 16 4.81273 16 5.34317Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+AudioFilesIcon.displayName = 'AudioFilesIcon'

package/src/icons/AutoplayIcon.jsx

@@ -0,0 +1,26 @@
+export const AutoplayIcon = ({
+  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 21C7.02944 21 3 16.9706 3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12M21.9853 15.5L16.7427 20.7427L14.5 18.5M9.5 8.53589L9.5 15.4641C9.5 15.849 9.91667 16.0896 10.25 15.8971L16.25 12.433C16.5833 12.2406 16.5833 11.7594 16.25 11.567L10.25 8.10287C9.91667 7.91042 9.5 8.15099 9.5 8.53589Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+AutoplayIcon.displayName = 'AutoplayIcon'

package/src/icons/BackwardIcon.jsx

@@ -0,0 +1,18 @@
+export const BackwardIcon = ({ width, height, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 20 20"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M10.6984 8.90271V4.97574C10.6984 4.59084 10.2817 4.35028 9.9484 4.54273L1.25 9.56475C0.916667 9.7572 0.916667 10.2383 1.25 10.4308L9.9484 15.4528C10.2817 15.6452 10.6984 15.4047 10.6984 15.0198V11.0928L18.2501 15.4528C18.5835 15.6452 19.0001 15.4047 19.0001 15.0198V4.97574C19.0001 4.59084 18.5835 4.35027 18.2501 4.54272L10.6984 8.90271Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+BackwardIcon.displayName = 'BackwardIcon'

package/src/icons/BarsIcon.jsx

@@ -0,0 +1,27 @@
+export const BarsIcon = ({ 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_6797_209)">
+      <path
+        d="M12 8L12 15M17 5V19M7 5V19M22 10V14M2 10L2 14"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_6797_209">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+BarsIcon.displayName = 'BarsIcon'

package/src/icons/BassIcon.jsx

@@ -0,0 +1,39 @@
+export const BassIcon = ({ 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="M7.73906 18.1901L12.4459 3.29455C12.4459 3.29455 12.7347 2.51967 13.0491 2.1545C13.2535 1.91705 13.5053 1.66859 13.8339 1.478C14.5211 1.07946 15.7851 0.746696 17.2647 1.26753C18.6491 1.75494 19.3409 3.02358 19.4676 4.01173C19.6087 5.11325 19.2732 5.98742 18.7529 6.56404C18.2729 7.09605 17.7634 7.61184 17.4794 8.22423C17.175 8.8802 17.3189 9.75025 17.4579 10.3914C17.823 12.0751 18.2095 13.4829 17.2646 15.6501C16.6341 17.0961 15.8902 18.8741 15.8043 20.701L15.8041 23H10.6836C10.6836 23 10.6642 22.0829 10.4538 21.68C10.3442 21.4702 10.1501 21.1796 9.62833 20.9994C8.81891 20.72 7.93193 20.5313 7.6742 19.7253C7.55572 19.3549 7.5297 18.8394 7.73906 18.1901Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M9.08325 2.67741C9.08325 3.09163 8.74747 3.42741 8.33325 3.42741C7.91904 3.42741 7.58325 3.09163 7.58325 2.67741C7.58325 2.2632 7.91904 1.92741 8.33325 1.92741C8.74747 1.92741 9.08325 2.2632 9.08325 2.67741Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M7.7448 7.07517C7.7448 7.48938 7.40902 7.82517 6.9948 7.82517C6.58059 7.82517 6.2448 7.48938 6.2448 7.07517C6.2448 6.66096 6.58059 6.32517 6.9948 6.32517C7.40902 6.32517 7.7448 6.66096 7.7448 7.07517Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M6.40649 11.4728C6.40649 11.887 6.07071 12.2228 5.65649 12.2228C5.24228 12.2228 4.90649 11.887 4.90649 11.4728C4.90649 11.0586 5.24228 10.7228 5.65649 10.7228C6.07071 10.7228 6.40649 11.0586 6.40649 11.4728Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+    <path
+      d="M5.06812 15.8705C5.06812 16.2847 4.73233 16.6205 4.31812 16.6205C3.9039 16.6205 3.56812 16.2847 3.56812 15.8705C3.56812 15.4563 3.9039 15.1205 4.31812 15.1205C4.73233 15.1205 5.06812 15.4563 5.06812 15.8705Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+BassIcon.displayName = 'BassIcon'

package/src/icons/BoldIcon.jsx

@@ -0,0 +1,21 @@
+export const BoldIcon = ({ 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 12H14C15.0609 12 16.0783 11.5786 16.8284 10.8284C17.5786 10.0783 18 9.06087 18 8C18 6.93913 17.5786 5.92172 16.8284 5.17157C16.0783 4.42143 15.0609 4 14 4H6V12ZM6 12H15C16.0609 12 17.0783 12.4214 17.8284 13.1716C18.5786 13.9217 19 14.9391 19 16C19 17.0609 18.5786 18.0783 17.8284 18.8284C17.0783 19.5786 16.0609 20 15 20H6V12Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+BoldIcon.displayName = 'BoldIcon'

package/src/icons/BookIcon.jsx

@@ -0,0 +1,21 @@
+export const BookIcon = ({ 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 7C12 5.93913 11.5786 4.92172 10.8284 4.17157C10.0783 3.42143 9.06087 3 8 3H2V18H9C9.79565 18 10.5587 18.3161 11.1213 18.8787C11.6839 19.4413 12 20.2044 12 21M12 7V21M12 7C12 5.93913 12.4214 4.92172 13.1716 4.17157C13.9217 3.42143 14.9391 3 16 3H22V18H15C14.2044 18 13.4413 18.3161 12.8787 18.8787C12.3161 19.4413 12 20.2044 12 21"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+BookIcon.displayName = 'BookIcon'

package/src/icons/BookmarkIcon.jsx

@@ -0,0 +1,24 @@
+export const BookmarkIcon = ({
+  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 3C4 2.44772 4.44772 2 5 2H19C19.5523 2 20 2.44772 20 3V20.1958C20 20.9812 19.136 21.46 18.47 21.0438L12.53 17.3312C12.2057 17.1286 11.7943 17.1286 11.47 17.3312L5.53 21.0438C4.86395 21.46 4 20.9812 4 20.1958V3Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+BookmarkIcon.displayName = 'BookmarkIcon'