@moises.ai/design-system 3.4.4 → 3.4.6

package/src/icons/SpeedChangerIcon.jsx

@@ -0,0 +1,30 @@
+export const SpeedChangerIcon = ({
+  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_865)">
+      <path
+        d="M19.7782 4.22182L19.2478 4.75215L19.7782 4.22182ZM23 12V12.75C23.4142 12.75 23.75 12.4142 23.75 12L23 12ZM1.00006 12L0.250061 12C0.250062 12.4142 0.585848 12.75 1.00006 12.75L1.00006 12ZM20 11.25C19.5858 11.25 19.25 11.5858 19.25 12C19.25 12.4142 19.5858 12.75 20 12.75V11.25ZM4 12.75C4.41421 12.75 4.75 12.4142 4.75 12C4.75 11.5858 4.41421 11.25 4 11.25V12.75ZM11.2501 4.18999C11.2501 4.6042 11.5858 4.93999 12.0001 4.93999C12.4143 4.93999 12.7501 4.6042 12.7501 4.18999H11.2501ZM6.02541 7.08598C6.31831 7.37887 6.79318 7.37887 7.08607 7.08598C7.37897 6.79309 7.37897 6.31821 7.08607 6.02532L6.02541 7.08598ZM17.9272 7.13342C18.2201 6.84053 18.2201 6.36565 17.9272 6.07276C17.6344 5.77987 17.1595 5.77987 16.8666 6.07276L17.9272 7.13342ZM19.75 16C19.75 15.5858 19.4142 15.25 19 15.25C18.5858 15.25 18.25 15.5858 18.25 16H19.75ZM18.25 22C18.25 22.4142 18.5858 22.75 19 22.75C19.4142 22.75 19.75 22.4142 19.75 22H18.25ZM16 18.25C15.5858 18.25 15.25 18.5858 15.25 19C15.25 19.4142 15.5858 19.75 16 19.75V18.25ZM22 19.75C22.4142 19.75 22.75 19.4142 22.75 19C22.75 18.5858 22.4142 18.25 22 18.25V19.75ZM2 18.25C1.58579 18.25 1.25 18.5858 1.25 19C1.25 19.4142 1.58579 19.75 2 19.75V18.25ZM7 19.75C7.41421 19.75 7.75 19.4142 7.75 19C7.75 18.5858 7.41421 18.25 7 18.25V19.75ZM4.75221 4.75215C8.75507 0.749285 15.245 0.749285 19.2478 4.75215L20.3085 3.69149C15.7199 -0.897162 8.28019 -0.897162 3.69155 3.69149L4.75221 4.75215ZM19.2478 4.75215C21.2494 6.75373 22.25 9.37563 22.25 12L23.75 12C23.75 8.99407 22.6027 5.98567 20.3085 3.69149L19.2478 4.75215ZM1.75006 12C1.75005 9.37563 2.75062 6.75373 4.75221 4.75215L3.69155 3.69149C1.39736 5.98567 0.250052 8.99407 0.250061 12L1.75006 12ZM23 11.25H20V12.75H23V11.25ZM1.00006 12.75H4V11.25H1.00006V12.75ZM11.2501 1V4.18999H12.7501V1H11.2501ZM3.76975 4.83032L6.02541 7.08598L7.08607 6.02532L4.83041 3.76966L3.76975 4.83032ZM13.5303 11.5303L17.9272 7.13342L16.8666 6.07276L12.4697 10.4697L13.5303 11.5303ZM12 14.4C13.3255 14.4 14.4 13.3255 14.4 12H12.9C12.9 12.497 12.4971 12.9 12 12.9V14.4ZM14.4 12C14.4 10.6745 13.3255 9.59998 12 9.59998V11.1C12.4971 11.1 12.9 11.5029 12.9 12H14.4ZM12 9.59998C10.6746 9.59998 9.60004 10.6745 9.60004 12H11.1C11.1 11.5029 11.503 11.1 12 11.1V9.59998ZM9.60004 12C9.60004 13.3255 10.6746 14.4 12 14.4V12.9C11.503 12.9 11.1 12.497 11.1 12H9.60004ZM18.25 16V22H19.75V16H18.25ZM16 19.75H22V18.25H16V19.75ZM2 19.75H7V18.25H2V19.75Z"
+        fill="currentColor"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_2034_865">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+SpeedChangerIcon.displayName = 'SpeedChangerIcon'

package/src/icons/SpeedIcon.jsx

@@ -0,0 +1,18 @@
+export const SpeedIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 23"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M19.7782 5.22182L20.3085 4.69149V4.69149L19.7782 5.22182ZM7.03037 19.0303C7.32327 18.7374 7.32327 18.2625 7.03037 17.9696C6.73748 17.6767 6.26261 17.6767 5.96971 17.9696L7.03037 19.0303ZM18.0303 17.9696C17.7374 17.6767 17.2626 17.6767 16.9697 17.9696C16.6768 18.2625 16.6768 18.7374 16.9697 19.0303L18.0303 17.9696ZM4.19005 13.7499C4.60426 13.7499 4.94005 13.4142 4.94005 12.9999C4.94005 12.5857 4.60426 12.2499 4.19005 12.2499V13.7499ZM11.2501 5.18999C11.2501 5.6042 11.5858 5.93999 12.0001 5.93999C12.4143 5.93999 12.7501 5.6042 12.7501 5.18999H11.2501ZM6.02541 8.08598C6.31831 8.37887 6.79318 8.37887 7.08607 8.08598C7.37897 7.79309 7.37897 7.31821 7.08607 7.02532L6.02541 8.08598ZM19.81 12.2499C19.3958 12.2499 19.06 12.5857 19.06 12.9999C19.06 13.4142 19.3958 13.7499 19.81 13.7499V12.2499ZM17.9272 8.13342C18.2201 7.84053 18.2201 7.36565 17.9272 7.07276C17.6343 6.77987 17.1594 6.77987 16.8665 7.07276L17.9272 8.13342ZM19.8489 20.7067L19.3139 20.1812L19.8489 20.7067ZM4.15115 20.7068L3.61609 21.2323L4.15115 20.7068ZM4.29259 20.7074L3.76226 20.1771L4.29259 20.7074ZM4.6862 20.1812C0.749474 16.1734 0.771464 9.73289 4.75221 5.75215L3.69155 4.69149C-0.871803 9.25484 -0.896967 16.6378 3.61609 21.2323L4.6862 20.1812ZM4.75221 5.75215C8.75507 1.74928 15.245 1.74928 19.2478 5.75215L20.3085 4.69149C15.7199 0.102838 8.28019 0.102838 3.69155 4.69149L4.75221 5.75215ZM19.2478 5.75215C23.2286 9.73289 23.2506 16.1734 19.3139 20.1812L20.384 21.2323C24.897 16.6378 24.8719 9.25484 20.3085 4.69149L19.2478 5.75215ZM4.82292 21.2377L7.03037 19.0303L5.96971 17.9696L3.76226 20.1771L4.82292 21.2377ZM20.2378 20.1771L18.0303 17.9696L16.9697 19.0303L19.1771 21.2377L20.2378 20.1771ZM1.00006 13.7499H4.19005V12.2499H1.00006V13.7499ZM11.2501 2V5.18999H12.7501V2H11.2501ZM3.76975 5.83032L6.02541 8.08598L7.08607 7.02532L4.83041 4.76966L3.76975 5.83032ZM19.81 13.7499H23V12.2499H19.81V13.7499ZM13.5303 12.5303L17.9272 8.13342L16.8665 7.07276L12.4696 11.4697L13.5303 12.5303ZM12 15.4C13.3255 15.4 14.4 14.3255 14.4 13H12.9C12.9 13.497 12.497 13.9 12 13.9V15.4ZM14.4 13C14.4 11.6745 13.3255 10.6 12 10.6V12.1C12.497 12.1 12.9 12.5029 12.9 13H14.4ZM12 10.6C10.6745 10.6 9.59998 11.6745 9.59998 13H11.1C11.1 12.5029 11.5029 12.1 12 12.1V10.6ZM9.59998 13C9.59998 14.3255 10.6745 15.4 12 15.4V13.9C11.5029 13.9 11.1 13.497 11.1 13H9.59998ZM19.3139 20.1812C19.567 19.9234 19.9819 19.9212 20.2378 20.1771L19.1771 21.2377C19.5112 21.5718 20.0534 21.5689 20.384 21.2323L19.3139 20.1812ZM3.61609 21.2323C3.94668 21.5689 4.48891 21.5717 4.82292 21.2377L3.76226 20.1771C4.01816 19.9212 4.43301 19.9234 4.6862 20.1812L3.61609 21.2323Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+SpeedIcon.displayName = 'SpeedIcon'

package/src/icons/SplitIcon.jsx

@@ -0,0 +1,21 @@
+export const SplitIcon = ({ 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 6L12 18M21 3H20C17.7909 3 16 4.79086 16 7V17C16 19.2091 17.7909 21 20 21H21M3 3H4C6.20914 3 8 4.79086 8 7V17C8 19.2091 6.20914 21 4 21H3"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+SplitIcon.displayName = 'SplitIcon'

package/src/icons/SpliterGradientIcon.jsx

@@ -0,0 +1,44 @@
+export const SpliterGradientIcon = ({
+  width = 80,
+  height = 80,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 80 80"
+    fill="none"
+    {...props}
+    className={className}
+  >
+    <g clipPath="url(#clip0_29160_243214)">
+      <path
+        d="M9.16675 32.5003L40.0483 32.5003C43.5536 32.5003 46.9179 31.12 49.4131 28.658L69.1667 9.16699M69.1667 9.16699L52.5001 9.167M69.1667 9.16699V25.8337M9.16675 45.8337L40.0483 45.8337C43.5536 45.8337 46.9179 47.2141 49.4131 49.676L69.1667 69.167M69.1667 69.167L52.5001 69.167M69.1667 69.167V52.5003"
+        stroke="url(#paint0_linear_29160_243214)"
+        strokeWidth="4"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <linearGradient
+        id="paint0_linear_29160_243214"
+        x1="61.6667"
+        y1="20.2295"
+        x2="17.4167"
+        y2="61.4795"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stopColor="#0AFFA7" />
+        <stop offset="1" stopColor="#00DAE8" />
+      </linearGradient>
+      <clipPath id="clip0_29160_243214">
+        <rect width="80" height="80" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+SpliterGradientIcon.displayName = 'SpliterGradientIcon'

package/src/icons/SpliterIcon.jsx

@@ -0,0 +1,26 @@
+export const SpliterIcon = ({
+  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.75 9.75L12.0145 9.75C13.0661 9.75 14.0754 9.33589 14.8239 8.5973L20.75 2.75M20.75 2.75L15.75 2.75M20.75 2.75V7.75M2.75 13.75L12.0145 13.75C13.0661 13.75 14.0754 14.1641 14.8239 14.9027L20.75 20.75M20.75 20.75L15.75 20.75M20.75 20.75V15.75"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+SpliterIcon.displayName = 'SpliterIcon'

package/src/icons/StarFilledIcon.jsx

@@ -0,0 +1,23 @@
+export const StarFilledIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M7.70212 1.9397C7.8244 1.69198 8.17765 1.69198 8.29992 1.9397L9.98354 5.35052C10.0321 5.4488 10.1258 5.51695 10.2342 5.53281L13.9998 6.08319C14.2731 6.12314 14.382 6.45909 14.1841 6.65181L11.46 9.30516C11.3813 9.38174 11.3454 9.49212 11.364 9.60029L12.0068 13.3484C12.0535 13.6207 11.7677 13.8283 11.5231 13.6997L8.15617 11.9291C8.05905 11.878 7.943 11.878 7.84587 11.9291L4.4789 13.6997C4.23436 13.8283 3.94851 13.6207 3.99521 13.3484L4.63805 9.60029C4.65661 9.49212 4.62072 9.38174 4.54209 9.30516L1.81792 6.65181C1.62005 6.45909 1.72898 6.12314 2.00228 6.08319L5.76781 5.53281C5.87626 5.51695 5.96999 5.4488 6.0185 5.35052L7.70212 1.9397Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+StarFilledIcon.displayName = 'StarFilledIcon'

package/src/icons/StarIcon.jsx

@@ -0,0 +1,20 @@
+export const StarIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 15"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M8.00065 1.33203L10.0607 5.50536L14.6673 6.1787L11.334 9.42537L12.1207 14.012L8.00065 11.8454L3.88065 14.012L4.66732 9.42537L1.33398 6.1787L5.94065 5.50536L8.00065 1.33203Z"
+      stroke="currentColor"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+StarIcon.displayName = 'StarIcon'

package/src/icons/Stop2Icon.jsx

@@ -0,0 +1,15 @@
+export const Stop2Icon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className={className}
+    {...props}
+  >
+    <rect width="16" height="16" rx="2" fill="currentColor" />
+  </svg>
+)
+
+Stop2Icon.displayName = 'Stop2Icon'

package/src/icons/StringsIcon.jsx

@@ -0,0 +1,36 @@
+export const StringsIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 17 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_23974_1518)">
+      <path
+        d="M7.39153 4.17461C7.56357 5.40362 9.99918 5.73374 10.732 4.00041C11.3987 2.48864 10.132 0.33374 7.73596 0.709194C5.54171 1.02654 4.54794 3.50424 5.33203 5.33377C5.83203 6.50042 6.55153 7.386 7.36952 9.01859C8.02847 10.3338 8.02847 12.367 8.02847 12.367L8.50909 12.4824C9.81528 12.7962 10.8055 13.8634 11.0207 15.1894L11.0442 15.3337H14.9987C14.6654 11.6671 13.6654 9.66707 9.33203 6.50042C8.4067 5.82422 7.62246 5.00666 7.44544 4.41706C7.41961 4.33103 7.40196 4.25018 7.39153 4.17461ZM7.39153 4.17461C7.24806 3.13477 8.46886 3.06401 8.46886 3.3682M2.33203 6.50044C2.33203 6.77658 2.55589 7.00044 2.83203 7.00044C3.10817 7.00044 3.33203 6.77658 3.33203 6.50044C3.33203 6.22429 3.10817 6.00044 2.83203 6.00044C2.55589 6.00044 2.33203 6.22429 2.33203 6.50044ZM4.33203 10.5004C4.33203 10.7766 4.55589 11.0004 4.83203 11.0004C5.10817 11.0004 5.33203 10.7766 5.33203 10.5004C5.33203 10.2243 5.10817 10.0004 4.83203 10.0004C4.55589 10.0004 4.33203 10.2243 4.33203 10.5004Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_23974_1518">
+        <rect
+          width={width}
+          height={height}
+          fill="currentColor"
+          transform="translate(0.666016)"
+        />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+StringsIcon.displayName = 'StringsIcon'

package/src/icons/TargetIcon.jsx

@@ -0,0 +1,33 @@
+export const TargetIcon = ({
+  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_7852_171)">
+      <path
+        d="M12 22.5V17.25M12 1.5V6.75M1.5 12L6.75 12M22.5 12H17.25M6.34315 6.34315C9.46734 3.21895 14.5327 3.21895 17.6569 6.34315C20.781 9.46734 20.781 14.5327 17.6569 17.6569C14.5327 20.781 9.46734 20.781 6.34315 17.6569C3.21895 14.5327 3.21895 9.46734 6.34315 6.34315Z"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_7852_171">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+TargetIcon.displayName = 'TargetIcon'

package/src/icons/ThumbDownIcon.jsx

@@ -0,0 +1,26 @@
+export const ThumbDownIcon = ({
+  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="M17.1256 2.99994L21.0542 2.99988C21.2057 2.99988 21.3511 3.06471 21.4582 3.18012C21.5654 3.29553 21.6256 3.45205 21.6256 3.61526V11.3845C21.6256 11.5477 21.5654 11.7042 21.4582 11.8196C21.3511 11.935 21.2057 11.9999 21.0542 11.9999L17.1256 11.9999V2.99994ZM17.1256 2.99994L6.01157 2.99988C3.80574 2.99988 2.01625 4.78558 2.01158 6.9914L2.00006 12.4283C1.99654 14.0876 3.34071 15.4347 5.00005 15.4347H9.46753C9.46753 17.4975 9.46753 18.5163 9.46753 19.9997C9.46753 21.1043 10.363 22 11.4676 22C12.1552 22 12.827 22 13.1256 22L14.1256 17.2358L17.1256 11.9673"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ThumbDownIcon.displayName = 'ThumbDownIcon'

package/src/icons/ThumbUpIcon.jsx

@@ -0,0 +1,26 @@
+export const ThumbUpIcon = ({
+  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 21.0001L2.57143 21.0001C2.41988 21.0001 2.27453 20.9353 2.16737 20.8199C2.0602 20.7045 2 20.5479 2 20.3847V12.6155C2 12.4523 2.0602 12.2958 2.16737 12.1804C2.27453 12.065 2.41988 12.0001 2.57143 12.0001L6.5 12.0001V21.0001ZM6.5 21.0001L17.614 21.0001C19.8199 21.0001 21.6094 19.2144 21.614 17.0086L21.6256 11.5717C21.6291 9.91236 20.2849 8.56534 18.6256 8.56534H14.1581C14.1581 6.50251 14.1581 5.48369 14.1581 4.00029C14.1581 2.8957 13.2626 1.99997 12.158 2C11.4704 2.00002 10.7986 2.00003 10.5 2.00003L9.5 6.76419L6.5 12.0327"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ThumbUpIcon.displayName = 'ThumbUpIcon'

package/src/icons/ThumbsIcon.jsx

@@ -0,0 +1,26 @@
+export const ThumbsIcon = ({
+  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="M17.52 9.46H22.7708V16.3268L18.93 19.4063L17.52 23.125H16.9375C15.8329 23.125 14.9375 22.2296 14.9375 21.125V18.0417H12.2708C11.6641 18.0417 11.1046 17.839 10.6565 17.4977M1.22925 8.04162L5.07 4.59373L6.48 0.875H7.06253C8.1671 0.875 9.06253 1.77043 9.06253 2.875V5.9583H11.7292C13.2019 5.9583 14.3958 7.1522 14.3958 8.62495V11.8749C14.3958 13.3477 13.2019 14.5416 11.7292 14.5416H1.22925V8.04162Z"
+      stroke="currentColor  "
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+ThumbsIcon.displayName = 'ThumbsIcon'

package/src/icons/TomsIcon.jsx

@@ -0,0 +1,21 @@
+export const TomsIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 24 25"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M12 20.5775V22.625M7.5393 10.0969V13.9775C7.5393 14.1359 7.49796 14.2915 7.41938 14.429L4.04879 20.5775C3.89163 20.8525 3.80896 21.1641 3.80896 21.4808V23.5M16.4606 10.0969L16.4606 13.9775C16.4606 14.1359 16.5019 14.2915 16.5805 14.429L19.9511 20.5775C20.1083 20.8525 20.1909 21.1638 20.1909 21.4806L20.1909 23.5M20.191 2.82022V14.9017C20.191 15.907 16.5237 17.177 12 17.177C7.4762 17.177 3.80896 15.907 3.80896 14.9017V2.82022M20.191 2.82022C20.191 3.82551 16.5237 4.64045 12 4.64045C7.4762 4.64045 3.80896 3.82551 3.80896 2.82022M20.191 2.82022C20.191 1.81494 16.5237 1 12 1C7.4762 1 3.80896 1.81494 3.80896 2.82022"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+TomsIcon.displayName = 'TomsIcon'

package/src/icons/TransposeIcon.jsx

@@ -0,0 +1,26 @@
+export const TransposeIcon = ({
+  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.41 14L13.5043 10M10.5 10H13.5V13M8 19L4.5 11L1 19M2.02941 16.6471H6.97059M17 8H20C21.1046 8 22 7.10457 22 6C22 4.89543 21.1046 4 20 4H17V8ZM17 8H20.5C21.6046 8 22.5 8.89543 22.5 10C22.5 11.1046 21.6046 12 20.5 12H17V8Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+TransposeIcon.displayName = 'TransposeIcon'

package/src/icons/TrashIcon.jsx

@@ -0,0 +1,21 @@
+export const TrashIcon = ({ 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 6H5M5 6H21M5 6V20C5 20.5304 5.21071 21.0391 5.58579 21.4142C5.96086 21.7893 6.46957 22 7 22H17C17.5304 22 18.0391 21.7893 18.4142 21.4142C18.7893 21.0391 19 20.5304 19 20V6H5ZM8 6V4C8 3.46957 8.21071 2.96086 8.58579 2.58579C8.96086 2.21071 9.46957 2 10 2H14C14.5304 2 15.0391 2.21071 15.4142 2.58579C15.7893 2.96086 16 3.46957 16 4V6"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+TrashIcon.displayName = 'TrashIcon'

package/src/icons/TrimIcon.jsx

@@ -0,0 +1,27 @@
+export const TrimIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_19372_32377)">
+      <path
+        d="M13.3333 2.66667L5.41333 10.5867M9.64665 9.65332L13.3333 13.3333M5.41333 5.41333L8 8M6 4C6 5.10457 5.10457 6 4 6C2.89543 6 2 5.10457 2 4C2 2.89543 2.89543 2 4 2C5.10457 2 6 2.89543 6 4ZM6 12C6 13.1046 5.10457 14 4 14C2.89543 14 2 13.1046 2 12C2 10.8954 2.89543 10 4 10C5.10457 10 6 10.8954 6 12Z"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_19372_32377">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+TrimIcon.displayName = 'TrimIcon'

package/src/icons/Tuner2Icon.jsx

@@ -0,0 +1,23 @@
+export const Tuner2Icon = ({
+  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.25 2.5C15.25 2.08579 14.9142 1.75 14.5 1.75C14.0858 1.75 13.75 2.08579 13.75 2.5H15.25ZM10.25 2.5C10.25 2.08579 9.91422 1.75 9.5 1.75C9.08579 1.75 8.75 2.08579 8.75 2.5H10.25ZM11.25 21.5C11.25 21.9142 11.5858 22.25 12 22.25C12.4142 22.25 12.75 21.9142 12.75 21.5H11.25ZM4.59099 10.409C4.88388 10.7019 5.35876 10.7019 5.65165 10.409C5.94454 10.1161 5.94454 9.64124 5.65165 9.34835L4.59099 10.409ZM5.65165 8.65165C5.94454 8.35876 5.94454 7.88388 5.65165 7.59099C5.35876 7.2981 4.88388 7.2981 4.59099 7.59099L5.65165 8.65165ZM2.46967 13.773C2.76257 14.0659 3.23744 14.0659 3.53033 13.773C3.82323 13.4801 3.82323 13.0052 3.53033 12.7123L2.46967 13.773ZM3.53033 5.28769C3.82323 4.9948 3.82323 4.51992 3.53033 4.22703C3.23744 3.93414 2.76257 3.93414 2.46967 4.22703L3.53033 5.28769ZM18.3484 9.34835C18.0555 9.64124 18.0555 10.1161 18.3484 10.409C18.6413 10.7019 19.1161 10.7019 19.409 10.409L18.3484 9.34835ZM19.409 7.59099C19.1161 7.2981 18.6413 7.2981 18.3484 7.59099C18.0555 7.88388 18.0555 8.35876 18.3484 8.65165L19.409 7.59099ZM20.4697 12.7123C20.1768 13.0052 20.1768 13.4801 20.4697 13.773C20.7626 14.0659 21.2374 14.0659 21.5303 13.773L20.4697 12.7123ZM21.5303 4.22703C21.2374 3.93414 20.7626 3.93414 20.4697 4.22703C20.1768 4.51992 20.1768 4.9948 20.4697 5.28769L21.5303 4.22703ZM13.75 2.5V11.5H15.25V2.5H13.75ZM10.25 11.5V2.5H8.75V11.5H10.25ZM11.25 13.75V14H12.75V13.75H11.25ZM11.25 14V21.5H12.75V14H11.25ZM8.75 11.5C8.75 13.2949 10.2051 14.75 12 14.75V13.25C11.0335 13.25 10.25 12.4665 10.25 11.5H8.75ZM13.75 11.5C13.75 12.4665 12.9665 13.25 12 13.25V14.75C13.7949 14.75 15.25 13.2949 15.25 11.5H13.75ZM5.65165 9.34835C5.45926 9.15596 5.45926 8.84404 5.65165 8.65165L4.59099 7.59099C3.81282 8.36916 3.81282 9.63084 4.59099 10.409L5.65165 9.34835ZM3.53033 12.7123C1.48008 10.6621 1.48008 7.33794 3.53033 5.28769L2.46967 4.22703C-0.166365 6.86307 -0.166365 11.1369 2.46967 13.773L3.53033 12.7123ZM19.409 10.409C20.1872 9.63084 20.1872 8.36916 19.409 7.59099L18.3484 8.65165C18.5408 8.84404 18.5408 9.15596 18.3484 9.34835L19.409 10.409ZM21.5303 13.773C24.1664 11.1369 24.1664 6.86307 21.5303 4.22703L20.4697 5.28769C22.5199 7.33794 22.5199 10.6621 20.4697 12.7123L21.5303 13.773Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+Tuner2Icon.displayName = 'Tuner2Icon'

package/src/icons/TunerIcon.jsx

@@ -0,0 +1,18 @@
+export const TunerIcon = ({ 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.25 2.5C16.25 2.08579 15.9142 1.75 15.5 1.75C15.0858 1.75 14.75 2.08579 14.75 2.5H16.25ZM9.25 2.5C9.25 2.08579 8.91421 1.75 8.5 1.75C8.08579 1.75 7.75 2.08579 7.75 2.5H9.25ZM14.75 2.5V10H16.25V2.5H14.75ZM9.25 10V2.5H7.75V10H9.25ZM12 12.75C10.4812 12.75 9.25 11.5188 9.25 10H7.75C7.75 12.3472 9.65279 14.25 12 14.25V12.75ZM14.75 10C14.75 11.5188 13.5188 12.75 12 12.75V14.25C14.3472 14.25 16.25 12.3472 16.25 10H14.75ZM11.25 13.75V19.75H12.75V13.75H11.25ZM12 20.25V21.75C12.8284 21.75 13.5 21.0784 13.5 20.25H12ZM12 20.25H10.5C10.5 21.0784 11.1716 21.75 12 21.75V20.25ZM12 20.25V18.75C11.1716 18.75 10.5 19.4216 10.5 20.25H12ZM12 20.25H13.5C13.5 19.4216 12.8284 18.75 12 18.75V20.25ZM12.4661 20.25C12.4661 20.5074 12.2574 20.7161 12 20.7161V22.2161C13.0859 22.2161 13.9661 21.3359 13.9661 20.25H12.4661ZM12 20.7161C11.7426 20.7161 11.5338 20.5074 11.5338 20.25H10.0338C10.0338 21.3359 10.9141 22.2161 12 22.2161V20.7161ZM11.5338 20.25C11.5338 19.9926 11.7426 19.7838 12 19.7838V18.2838C10.9141 18.2838 10.0338 19.1641 10.0338 20.25H11.5338ZM12 19.7838C12.2574 19.7838 12.4661 19.9926 12.4661 20.25H13.9661C13.9661 19.1641 13.0859 18.2838 12 18.2838V19.7838Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+TunerIcon.displayName = 'TunerIcon'

package/src/icons/TvIcon.jsx

@@ -0,0 +1,20 @@
+export const TvIcon = ({ 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 20.5H18M3 3H21C21.5523 3 22 3.44772 22 4V15C22 15.5523 21.5523 16 21 16H3C2.44772 16 2 15.5523 2 15V4C2 3.44772 2.44772 3 3 3Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+TvIcon.displayName = 'TvIcon'

package/src/icons/UkuleleIcon.jsx

@@ -0,0 +1,49 @@
+export const UkuleleIcon = ({
+  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.50169 3.21495C8.53964 3.68278 7.47211 3.89129 6.40473 3.81984C5.66182 3.77011 5.04573 4.3871 5.09684 5.12992C5.3331 8.56372 5.76896 14.8918 5.89904 16.6739C5.92024 16.9645 6.06996 17.2242 6.30707 17.3935L7.78967 18.4521C8.05255 18.6398 8.20858 18.9429 8.20858 19.2659V21.9999H15.8502V19.2582C15.8502 18.9395 16.0021 18.6399 16.2592 18.4516L17.6926 17.4011C17.93 17.2272 18.0787 16.9575 18.0991 16.664L18.9024 5.13069C18.9541 4.38779 18.3382 3.77015 17.5951 3.81988C16.5282 3.8913 15.461 3.68288 14.4994 3.21523L12.8749 2.42526C12.3227 2.15675 11.6778 2.15675 11.1256 2.42527L9.50169 3.21495Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M22.5767 9.5423C22.5767 9.95651 22.2409 10.2923 21.8267 10.2923C21.4124 10.2923 21.0767 9.95651 21.0767 9.5423C21.0767 9.12808 21.4124 8.7923 21.8267 8.7923C22.2409 8.7923 22.5767 9.12808 22.5767 9.5423Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M1.4082 9.5423C1.4082 9.95651 1.74399 10.2923 2.1582 10.2923C2.57242 10.2923 2.9082 9.95651 2.9082 9.5423C2.9082 9.12808 2.57242 8.7923 2.1582 8.7923C1.74399 8.7923 1.4082 9.12808 1.4082 9.5423Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M22.0337 14.4576C22.0337 14.8718 21.6979 15.2076 21.2837 15.2076C20.8695 15.2076 20.5337 14.8718 20.5337 14.4576C20.5337 14.0434 20.8695 13.7076 21.2837 13.7076C21.6979 13.7076 22.0337 14.0434 22.0337 14.4576Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M1.95117 14.4576C1.95117 14.8718 2.28696 15.2076 2.70117 15.2076C3.11539 15.2076 3.45117 14.8718 3.45117 14.4576C3.45117 14.0434 3.11539 13.7076 2.70117 13.7076C2.28696 13.7076 1.95117 14.0434 1.95117 14.4576Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+    />
+  </svg>
+)
+
+UkuleleIcon.displayName = 'UkuleleIcon'

package/src/icons/UndoIcon.jsx

@@ -0,0 +1,26 @@
+export const UndoIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_19372_32391)">
+      <path
+        d="M13.3327 10C12.6428 7.68681 10.4953 6 7.95304 6C5.51551 6 3.44093 7.83332 2.66602 10M2.66602 10H6.66602M2.66602 10V6"
+        stroke="currentColor"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_19372_32391">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+UndoIcon.displayName = 'UndoIcon'

package/src/icons/UploadIcon.jsx

@@ -0,0 +1,29 @@
+export const UploadIcon = ({ width, height, className, ...props }) => {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={width}
+      height={height}
+      viewBox="0 0 16 16"
+      fill="none"
+      className={className}
+      {...props}
+    >
+      <g clipPath="url(#clip0_4414_913)">
+        <path
+          d="M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667L2 10M11.3333 5.33333L8 2M8 2L4.66667 5.33333M8 2V10"
+          stroke="currentColor"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_4414_913">
+          <rect width="16" height="16" fill="white" />
+        </clipPath>
+      </defs>
+    </svg>
+  )
+}
+
+UploadIcon.displayName = 'UploadIcon'