@moises.ai/design-system 4.19.3 → 4.19.5

package/src/icons/PowerSwitchIcon.jsx

@@ -1,7 +1,8 @@
 export const PowerSwitchIcon = ({ 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 2V9M17 3.33975C18.9064 4.44042 20.3964 6.13939 21.2388 8.17316C22.0812 10.2069 22.229 12.4619 21.6593 14.5882C21.0895 16.7145 19.8341 18.5934 18.0876 19.9335C16.3412 21.2736 14.2013 22 12 22C9.79866 22 7.65883 21.2736 5.91239 19.9335C4.16595 18.5934 2.9105 16.7145 2.34075 14.5882C1.771 12.4619 1.91879 10.2069 2.76121 8.17317C3.60362 6.13939 5.09358 4.44042 7 3.33975" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Power Switch Icon">
+  <path d="M7.5 4.20577C5.78423 5.19637 4.44326 6.72545 3.68509 8.55585C2.92691 10.3862 2.7939 12.4157 3.30667 14.3294C3.81944 16.2431 4.94935 17.9341 6.52115 19.1402C8.09295 20.3463 10.0188 21 12 21C13.9812 21 15.9071 20.3463 17.4789 19.1402C19.0507 17.9341 20.1806 16.2431 20.6933 14.3294C21.2061 12.4157 21.0731 10.3862 20.3149 8.55585C19.5567 6.72545 18.2158 5.19638 16.5 4.20577M12 3V12" 
+  stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
 )
 
 PowerSwitchIcon.displayName = 'PowerSwitchIcon'

package/src/icons/RadioOffIcon.jsx

@@ -4,23 +4,9 @@ export const RadioOffIcon = ({
   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 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Radio Off Icon">
+  <path d="M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>  
 )
 
 RadioOffIcon.displayName = 'RadioOffIcon'

package/src/icons/RedoIcon.jsx

@@ -1,20 +1,7 @@
 export const RedoIcon = ({ width = 16, height = 16, className, ...props }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={width}
-    height={height}
-    viewBox="0 0 13 13"
-    fill="none"
-    className={className}
-    {...props}
-  >
-    <path
-      d="M9.5 6.54444L12.5 3.52222M12.5 3.52222L9.5 0.5M12.5 3.52222H4.625C4.0833 3.52222 3.5469 3.62971 3.04643 3.83855C2.54596 4.04738 2.09123 4.35348 1.70818 4.73936C1.32514 5.12523 1.0213 5.58334 0.813997 6.08751C0.606697 6.59169 0.5 7.13206 0.5 7.67778C0.5 8.22349 0.606697 8.76386 0.813997 9.26804C1.0213 9.77221 1.32514 10.2303 1.70818 10.6162C2.09123 11.0021 2.54596 11.3082 3.04643 11.517C3.5469 11.7258 4.0833 11.8333 4.625 11.8333H7.25"
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Redo Icon">
+  <path d="M15.5 2.5L21 8L15.5 13.5M21 8H8.5C7.04131 8 5.64236 8.57946 4.61091 9.61091C3.57946 10.6424 3 12.0413 3 13.5C3 14.9587 3.57946 16.3576 4.61091 17.3891C5.64236 18.4205 7.04131 19 8.5 19H11.5" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>  
 )
 
 RedoIcon.displayName = 'RedoIcon'

package/src/icons/RefreshIcon.jsx

@@ -4,23 +4,9 @@ export const RefreshIcon = ({
   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.3092 13.0243C20.3092 17.5452 16.6443 21.2101 12.1234 21.2101C7.60248 21.2101 3.93757 17.5452 3.93757 13.0243C3.93757 8.50339 7.60248 4.83847 12.1234 4.83847H15.1931M12.7455 1.125L16.5334 4.9148L12.7455 8.7046"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Refresh Icon">
+  <path d="M19.2572 8.63351C18.4783 6.95453 17.1414 5.59754 15.4742 4.79377C13.807 3.98999 11.9127 3.78916 10.114 4.2255C8.31533 4.66183 6.72359 5.70834 5.61001 7.18669C4.49642 8.66505 3.92989 10.4838 4.00693 12.333C4.08398 14.1823 4.79984 15.9476 6.03254 17.3282C7.26525 18.7088 8.93852 19.6193 10.7673 19.9045C12.596 20.1897 14.467 19.832 16.0616 18.8923C17.6562 17.9526 18.8756 16.4891 19.5121 14.7512M15 9.00001H19.5C19.7761 9.00001 20 8.77615 20 8.50001V4.00001" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>  
 )
 
 RefreshIcon.displayName = 'RefreshIcon'

package/src/icons/SearchIcon.jsx

@@ -4,24 +4,9 @@ export const SearchIcon = ({
   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>
-      <path
-        d="M14 14L11.1 11.1M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-      />
-    </g>
-</svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Search Icon">
+  <path d="M21 21L19 19M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>  
 )
 
 SearchIcon.displayName = 'SearchIcon'

package/src/icons/Sections2Icon.jsx

@@ -1,11 +1,8 @@
 export const Sections2Icon = ({ 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="M1.3335 10.3337H14.6668M1.3335 14.3337H14.6668M10.6668 1.66699H2.66683C1.93045 1.66699 1.3335 2.26395 1.3335 3.00033V5.00033C1.3335 5.73671 1.93045 6.33366 2.66683 6.33366H10.6668C11.4032 6.33366 12.0002 5.73671 12.0002 5.00033V3.00033C12.0002 2.26395 11.4032 1.66699 10.6668 1.66699Z"
-      stroke="currentColor"
-      strokeLinecap="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Sections 2 Icon">
+  <path d="M19 8V7C19 5.34315 17.6569 4 16 4L8 4C6.34315 4 5 5.34315 5 7V8M19 16V17C19 18.6569 17.6569 20 16 20H8C6.34315 20 5 18.6569 5 17V16M22 12L2 12" 
+   stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
 )
 
 Sections2Icon.displayName = 'Sections2Icon'

package/src/icons/Setlist2Icon.jsx

@@ -4,23 +4,9 @@ export const Setlist2Icon = ({
   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.6H20M6 2H18M6.58826 22H17.4117C18.3418 22 19.1491 21.3589 19.3598 20.453L21.4295 11.553C21.7212 10.2989 20.7691 9.1 19.4815 9.1H4.51849C3.23092 9.1 2.27882 10.2989 2.57047 11.553L4.64024 20.453C4.85091 21.3589 5.65821 22 6.58826 22Z"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Setlist 2 Icon">
+  <path d="M4.5 7H19.7M6.3 3.5H17.7M4.48914 10.535H19.5109C20.5076 10.535 21.2271 11.4892 20.953 12.4475L19.1684 18.6874C18.8615 19.7604 17.8807 20.5 16.7648 20.5H7.23523C6.11928 20.5 5.13847 19.7604 4.83161 18.6874L3.04697 12.4475C2.77289 11.4892 3.49241 10.535 4.48914 10.535Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
 )
 
 Setlist2Icon.displayName = 'Setlist2Icon'

package/src/icons/SettingsIcon.jsx

@@ -4,24 +4,11 @@ export const SettingsIcon = ({
   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="M10.3407 8.00001C10.3407 6.7077 9.29308 5.66007 8.00076 5.66007C6.70845 5.66007 5.66082 6.7077 5.66082 8.00001C5.66082 9.29233 6.70845 10.34 8.00076 10.34C9.29308 10.34 10.3407 9.29233 10.3407 8.00001Z"
-      stroke="currentColor"
-    />
-    <path
-      d="M6.27794 1.55619C6.34173 1.24521 6.61541 1.02197 6.93286 1.02197H8.91853C9.23597 1.02197 9.50965 1.24521 9.57344 1.55619L9.86676 2.98611C10.432 3.19656 10.952 3.49985 11.4083 3.87745L12.7948 3.41603C13.096 3.31579 13.4262 3.44118 13.5849 3.7161L14.5777 5.43574C14.7364 5.71066 14.68 6.05929 14.4425 6.27002L13.3015 7.28281C13.3329 7.5174 13.3492 7.75681 13.3492 8.00001C13.3492 8.3034 13.3239 8.60089 13.2754 8.89049L14.3675 9.85986C14.6049 10.0706 14.6614 10.4192 14.5027 10.6941L13.5099 12.4138C13.3511 12.6887 13.021 12.8141 12.7198 12.7138L11.2717 12.2319C10.8492 12.559 10.3763 12.8242 9.86676 13.0139L9.57344 14.4438C9.50965 14.7548 9.23598 14.9781 8.91853 14.9781H6.93286C6.61541 14.9781 6.34173 14.7548 6.27794 14.4438L5.97153 12.9501C5.52394 12.7664 5.10677 12.5238 4.72968 12.2319L3.28155 12.7138C2.98034 12.8141 2.65017 12.6887 2.49145 12.4138L1.49861 10.6941C1.33989 10.4192 1.39638 10.0706 1.6338 9.85985L2.72606 8.89035C2.67755 8.6008 2.65229 8.30335 2.65229 8.00001C2.65229 7.75685 2.66852 7.51748 2.69995 7.28292L1.55876 6.27001C1.32135 6.05928 1.26486 5.71065 1.42358 5.43573L2.41641 3.71609C2.57514 3.44117 2.90531 3.31577 3.20652 3.41602L4.59309 3.87748C5.00514 3.53649 5.46918 3.2561 5.97153 3.04995L6.27794 1.55619Z"
-      stroke="currentColor"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Settings Icon">
+  <path d="M14.5351 4.5642C14.6832 5.04823 15.0094 5.45808 15.4478 5.71111L15.7235 5.87018C16.1616 6.12307 16.6794 6.2005 17.1724 6.08687L18.2987 5.82727C18.727 5.72855 19.1696 5.92109 19.3894 6.30176L20.6302 8.45123C20.8499 8.83187 20.7954 9.31137 20.4958 9.63292L19.7073 10.4791C19.3626 10.849 19.1708 11.3358 19.1705 11.8415L19.1703 12.1583C19.1701 12.6647 19.3619 13.1523 19.7072 13.5228L20.4957 14.369C20.7954 14.6906 20.8499 15.1701 20.6302 15.5507L19.3895 17.7C19.1697 18.0808 18.7269 18.2733 18.2986 18.1744L17.1722 17.9145C16.6787 17.8006 16.1604 17.8782 15.7219 18.1316L15.448 18.2899C15.0101 18.5429 14.6843 18.9525 14.5362 19.4361L14.198 20.5408C14.0693 20.9611 13.6813 21.248 13.2418 21.248H10.7583C10.3187 21.248 9.93071 20.961 9.80207 20.5407L9.46398 19.436C9.3158 18.9519 8.9895 18.5419 8.55093 18.2889L8.27685 18.1308C7.83848 17.8779 7.32054 17.8006 6.82743 17.9145L5.70245 18.1743C5.27405 18.2732 4.83128 18.0808 4.61143 17.7L3.36978 15.5496C3.15004 15.169 3.2045 14.6896 3.504 14.368L4.2925 13.5214C4.63677 13.1518 4.82841 12.6655 4.82894 12.1604L4.82926 11.8426C4.82979 11.3357 4.6378 10.8475 4.29213 10.4767L3.50548 9.63294C3.20571 9.31139 3.15108 8.83178 3.37086 8.45106L4.61162 6.30176C4.83138 5.92109 5.27394 5.72855 5.70226 5.82727L6.82882 6.08692C7.32168 6.20052 7.83928 6.12316 8.27739 5.87042L8.55145 5.71232C8.9903 5.45916 9.31672 5.04888 9.46476 4.56436L9.80229 3.45973C9.93078 3.0392 10.3189 2.75195 10.7586 2.75195H13.2407C13.6803 2.75195 14.0683 3.03899 14.197 3.4593L14.5351 4.5642Z" 
+  stroke="currentColor" strokeWidth="1.8"/>
+  <path d="M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12Z" fill="currentColor"/>
+</svg>
 )
 
 SettingsIcon.displayName = 'SettingsIcon'

package/src/icons/ShareIosIcon.jsx

@@ -1,13 +1,7 @@
 export const ShareIosIcon = ({ 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.2815 4.34375L12.0003 1.0625M12.0003 1.0625L8.71902 4.34375M12.0003 1.0625V15.2812M16.3753 7.625H17.7503C19.4071 7.625 20.7503 8.96814 20.7503 10.625V19.9375C20.7503 21.5944 19.4071 22.9375 17.7503 22.9375H6.25005C4.59318 22.9375 3.25002 21.5943 3.25005 19.9374L3.25021 10.6249C3.25024 8.96811 4.59338 7.625 6.25021 7.625H7.62527"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round" />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Share Ios Icon">
+  <path d="M9 4L12 1.5L15 4M12 1.5V14M7 7.5H6.5C4.84315 7.5 3.5 8.84315 3.5 10.5V18C3.5 19.6569 4.84315 21 6.5 21H17.5C19.1569 21 20.5 19.6569 20.5 18V10.5C20.5 8.84315 19.1569 7.5 17.5 7.5H17" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
 )
 
 ShareIosIcon.displayName = 'ShareIosIcon'

package/src/icons/SidebarLeftIcon.jsx

@@ -4,22 +4,9 @@ export const SidebarLeftIcon = ({
   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="M5.33325 2.66667V13.3333M2.66659 2.66667H13.3333C14.0696 2.66667 14.6666 3.26362 14.6666 4V12C14.6666 12.7364 14.0696 13.3333 13.3333 13.3333H2.66659C1.93021 13.3333 1.33325 12.7364 1.33325 12V4C1.33325 3.26362 1.93021 2.66667 2.66659 2.66667Z"
-      stroke="currentColor"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Sidebar Left Icon">
+  <path d="M9 4V20M6 20H18C19.6569 20 21 18.6569 21 17V7C21 5.34315 19.6569 4 18 4H6C4.34315 4 3 5.34315 3 7V17C3 18.6569 4.34315 20 6 20Z" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>  
 )
 
 SidebarLeftIcon.displayName = 'SidebarLeftIcon'

package/src/icons/SidebarRightIcon.jsx

@@ -4,23 +4,9 @@ export const SidebarRightIcon = ({
   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 4V20M17.5 7.5H19.5M17.5 10H19.5M17.5 12.5H19.5M4 4H20C21.1046 4 22 4.89543 22 6V18C22 19.1046 21.1046 20 20 20H4C2.89543 20 2 19.1046 2 18V6C2 4.89543 2.89543 4 4 4Z"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Sidebar Right Icon">
+  <path d="M15 4V20M18 20H6C4.34315 20 3 18.6569 3 17V7C3 5.34315 4.34315 4 6 4H18C19.6569 4 21 5.34315 21 7V17C21 18.6569 19.6569 20 18 20Z" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>  
 )
 
 SidebarRightIcon.displayName = 'SidebarRightIcon'

package/src/icons/SongBarIcon.jsx

@@ -4,23 +4,9 @@ export const SongBarIcon = ({
   className,
   ...props
 }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={width}
-    height={height}
-    viewBox="0 0 22 16"
-    fill="none"
-    className={className}
-    {...props}
-  >
-    <path
-      d="M21 8H1M1 15H21M1 1H21M11 15V1"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeMiterlimit="10"
-      strokeLinecap="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Song Bar Icon">
+  <path d="M21 12H3M3 19H21M3 5H21M12 19V5" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
 )
 
 SongBarIcon.displayName = 'SongBarIcon'

package/src/icons/SoundEffectsIcon.jsx

@@ -4,23 +4,14 @@ export const SoundEffectsIcon = ({
   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.125 3.25V7.0625M17.0312 5.15625H13.2188M9.75 5L4.75 9H0.75V15H4.75L9.75 19V5ZM23.0875 13.9857C20.475 13.9847 18.3556 11.8695 18.3394 9.25415C18.3232 11.8665 16.2084 13.9799 13.6 13.9857C16.2178 13.9915 18.3383 16.1202 18.3393 18.7456C18.3402 16.1172 20.4656 13.9866 23.0875 13.9857Z"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Sound Effects Icon">
+  <path d="M11.5 4.49455C11.5 3.90107 10.8078 3.57685 10.3519 3.9568L5.5 8.00002H3.5C2.94772 8.00002 2.5 8.44774 2.5 9.00002V15C2.5 15.5523 2.94772 16 3.5 16H5.5L10.3519 20.0432C10.8078 20.4232 11.5 20.099 11.5 19.5055V4.49455Z" 
+  stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  <path d="M16.549 4.19151C16.622 3.93616 16.9838 3.93616 17.0568 4.19151C17.3826 5.33184 18.274 6.22321 19.4143 6.54902C19.6696 6.62197 19.6696 6.98384 19.4143 7.05679C18.274 7.3826 17.3826 8.27397 17.0568 9.4143C16.9838 9.66965 16.622 9.66965 16.549 9.4143C16.2232 8.27397 15.3318 7.3826 14.1915 7.05679C13.9362 6.98384 13.9362 6.62197 14.1915 6.54902C15.3318 6.22321 16.2232 5.33184 16.549 4.19151Z" 
+  fill="currentColor"/>
+  <path d="M18.0924 11.3075C18.2095 10.8975 18.7905 10.8975 18.9076 11.3075C19.4307 13.1382 20.8618 14.5693 22.6925 15.0924C23.1025 15.2095 23.1025 15.7905 22.6925 15.9076C20.8618 16.4307 19.4307 17.8618 18.9076 19.6925C18.7905 20.1025 18.2095 20.1025 18.0924 19.6925C17.5693 17.8618 16.1382 16.4307 14.3075 15.9076C13.8975 15.7905 13.8975 15.2095 14.3075 15.0924C16.1382 14.5693 17.5693 13.1382 18.0924 11.3075Z"
+   fill="currentColor"/>
+</svg>
 )
 
 SoundEffectsIcon.displayName = 'SoundEffectsIcon'

package/src/icons/SparkBarsIcon.jsx

@@ -4,22 +4,10 @@ export const SparkBarsIcon = ({
   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 2.5V21.5M16.5 9V15M7.5 9L7.5 15M21 11.75V12.25M3 11.75L3 12.25"
-      stroke="currentColor"
-      strokeWidth="1.5"
-      strokeLinecap="round"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="SparkBars Icon">
+  <path d="M12 2.5V21.5M16.5 9V15M7.5 9L7.5 15" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+  <path d="M2 12.25V11.75C2 11.1977 2.44772 10.75 3 10.75C3.55228 10.75 4 11.1977 4 11.75V12.25C4 12.8023 3.55228 13.25 3 13.25C2.44772 13.25 2 12.8023 2 12.25ZM20 12.25V11.75C20 11.1977 20.4477 10.75 21 10.75C21.5523 10.75 22 11.1977 22 11.75V12.25C22 12.8023 21.5523 13.25 21 13.25C20.4477 13.25 20 12.8023 20 12.25Z" fill="currentColor"/>
+</svg>
 )
 
 SparkBarsIcon.displayName = 'SparkBarsIcon'

package/src/icons/SparklesIcon.jsx

@@ -1,11 +1,8 @@
 export const SparklesIcon = ({ 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="M10.1648 5.65189C10.1927 10.1575 13.844 13.8015 18.3447 13.8032C13.8277 13.8048 10.1663 17.4753 10.1646 22.0034C10.163 17.4804 6.50991 13.8131 2 13.8032C6.49362 13.7932 10.1369 10.1523 10.1648 5.65189Z"
-      stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-    <path d="M18.996 2C19.0062 3.65328 20.346 4.99041 21.9975 4.99101C20.34 4.99162 18.9965 6.33845 18.9959 8C18.9953 6.34034 17.6549 4.99468 16 4.99102C17.6489 4.98737 18.9858 3.65139 18.996 2Z"
-      stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+    <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Sparkles Icon">
+  <path d="M11.5228 3.34069C11.6016 2.78878 12.3985 2.78878 12.4773 3.34069C13.0834 7.58312 16.4167 10.9165 20.6591 11.5225C21.211 11.6014 21.211 12.3982 20.6591 12.4771C16.4167 13.0831 13.0834 16.4165 12.4773 20.6589C12.3985 21.2108 11.6016 21.2108 11.5228 20.6589C10.9167 16.4165 7.58336 13.0831 3.34094 12.4771C2.78902 12.3982 2.78902 11.6014 3.34094 11.5225C7.58336 10.9165 10.9167 7.58312 11.5228 3.34069Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+  <path d="M19.2462 1.88877C19.3191 1.63343 19.681 1.63343 19.7539 1.88877C20.0797 3.02911 20.9711 3.92048 22.1114 4.24629C22.3668 4.31924 22.3668 4.6811 22.1114 4.75406C20.9711 5.07987 20.0797 5.97124 19.7539 7.11157C19.681 7.36691 19.3191 7.36691 19.2462 7.11157C18.9204 5.97124 18.029 5.07987 16.8887 4.75406C16.6333 4.6811 16.6333 4.31924 16.8887 4.24629C18.029 3.92048 18.9204 3.02911 19.2462 1.88877Z" fill="currentColor"/>
+</svg>
 )
 
 SparklesIcon.displayName = 'SparklesIcon'

package/src/icons/SpeedChangerIcon.jsx

@@ -4,21 +4,8 @@ export const SpeedChangerIcon = ({
   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>
-      <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>
+<svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none"  className={className} {...props} aria-label="Speed Changer Icon">
+  <path d="M20.1 11.9998C20.1 12.4969 20.5029 12.8998 21 12.8998C21.4971 12.8998 21.9 12.4969 21.9 11.9998H21H20.1ZM21.3339 8.70002C21.1682 8.23139 20.654 7.98579 20.1854 8.15147C19.7167 8.31714 19.4711 8.83135 19.6368 9.29999L20.4854 9L21.3339 8.70002ZM17.7276 6.27244C18.079 6.62391 18.6489 6.62391 19.0004 6.27244C19.3518 5.92097 19.3518 5.35112 19.0004 4.99965L18.364 5.63604L17.7276 6.27244ZM2.1 12C2.1 12.4971 2.50294 12.9 3 12.9C3.49706 12.9 3.9 12.4971 3.9 12H3H2.1ZM17.1 22C17.1 22.4971 17.5029 22.9 18 22.9C18.4971 22.9 18.9 22.4971 18.9 22H18H17.1ZM18.9 16C18.9 15.5029 18.4971 15.1 18 15.1C17.5029 15.1 17.1 15.5029 17.1 16H18H18.9ZM15 18.1C14.5029 18.1 14.1 18.5029 14.1 19C14.1 19.4971 14.5029 19.9 15 19.9V19V18.1ZM21 19.9C21.4971 19.9 21.9 19.4971 21.9 19C21.9 18.5029 21.4971 18.1 21 18.1V19V19.9ZM3 18.1C2.50294 18.1 2.1 18.5029 2.1 19C2.1 19.4971 2.50294 19.9 3 19.9V19V18.1ZM9 19.9C9.49706 19.9 9.9 19.4971 9.9 19C9.9 18.5029 9.49706 18.1 9 18.1V19V19.9ZM11.3665 11.3607C11.0135 11.7105 11.0108 12.2804 11.3607 12.6335C11.7105 12.9865 12.2804 12.9892 12.6335 12.6393L12 12L11.3665 11.3607ZM19.0163 6.31511C19.3694 5.96526 19.372 5.39542 19.0221 5.04233C18.6723 4.68924 18.1024 4.68661 17.7494 5.03646L18.3828 5.67579L19.0163 6.31511ZM21 11.9998H21.9C21.9 10.8744 21.7081 9.7586 21.3339 8.70002L20.4854 9L19.6368 9.29999C19.943 10.1661 20.1 11.079 20.1 11.9998H21ZM18.364 5.63604L19.0004 4.99965C17.6158 3.61511 15.8518 2.67222 13.9314 2.29023L13.7558 3.17294L13.5802 4.05564C15.1515 4.36818 16.5948 5.13963 17.7276 6.27244L18.364 5.63604ZM13.7558 3.17294L13.9314 2.29023C12.011 1.90824 10.0204 2.10429 8.21143 2.8536L8.55585 3.68509L8.90026 4.51658C10.3803 3.90351 12.009 3.7431 13.5802 4.05564L13.7558 3.17294ZM8.55585 3.68509L8.21143 2.8536C6.40244 3.60291 4.85628 4.87181 3.76845 6.49986L4.51677 6.99987L5.2651 7.49989C6.15513 6.16785 7.42018 5.12965 8.90026 4.51658L8.55585 3.68509ZM4.51677 6.99987L3.76845 6.49986C2.68062 8.12791 2.1 10.042 2.1 12H3H3.9C3.9 10.398 4.37506 8.83192 5.2651 7.49989L4.51677 6.99987ZM18 22H18.9L18.9 19H18H17.1L17.1 22H18ZM18 19H18.9V16H18H17.1V19H18ZM15 19V19.9H18V19V18.1H15V19ZM18 19V19.9H21V19V18.1H18V19ZM3 19V19.9H9V19V18.1H3V19ZM12 12L12.6335 12.6393L19.0163 6.31511L18.3828 5.67579L17.7494 5.03646L11.3665 11.3607L12 12Z" fill="currentColor"/>
 </svg>
 )
 

package/src/icons/SpliterIcon.jsx

@@ -4,23 +4,10 @@ export const SpliterIcon = ({
   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>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Spliter Icon">
+  <path d="M3.5 9.5L12.7645 9.5C13.8161 9.5 14.8254 9.08589 15.5739 8.34729L20.5 3.5M20.5 9V3.5H15M3.5 14.5L12.7645 14.5C13.8161 14.5 14.8254 14.9141 15.5739 15.6527L20.5 20.5M20.5 15V20.5L15 20.5"
+     stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
 )
 
 SpliterIcon.displayName = 'SpliterIcon'

package/src/icons/Star1Icon.jsx

@@ -1,8 +1,9 @@
 export const Star1Icon = ({ width = 16, height = 16, className, ...props }) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={width} className={className} {...props} height={height} viewBox="0 0 24 24" fill="none">
-    <path d="M6 21.5L7 16H17L18 21.5L12 18.5L6 21.5Z" fill="currentColor" />
-    <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Star 1 Icon">
+  <path d="M6 21.5L7 16H17L18 21.5L12 18.5L6 21.5Z" fill="currentColor"/>
+  <path d="M11.2693 2.63933C11.5512 2.00694 12.4488 2.00694 12.7307 2.63933L14.9891 7.7059C15.1054 7.96673 15.3519 8.1458 15.6359 8.17578L21.1523 8.75801C21.8409 8.83068 22.1183 9.68436 21.6039 10.1479L17.4832 13.8614C17.2711 14.0526 17.177 14.3423 17.2362 14.6217L18.3872 20.0481C18.5308 20.7254 17.8046 21.253 17.2049 20.9071L12.3997 18.1356C12.1523 17.9929 11.8477 17.9929 11.6003 18.1356L6.79515 20.9071C6.19539 21.253 5.4692 20.7254 5.61286 20.0481L6.76381 14.6217C6.82306 14.3423 6.72891 14.0526 6.51678 13.8614L2.39608 10.1479C1.88175 9.68437 2.15912 8.83068 2.84767 8.75801L8.36416 8.17578C8.64815 8.1458 8.89462 7.96673 9.01089 7.7059L11.2693 2.63933Z" 
+  stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
 )
 
 Star1Icon.displayName = 'Star1Icon'

package/src/icons/Star2Icon.jsx

@@ -1,8 +1,9 @@
 export const Star2Icon = ({ width = 16, height = 16, className, ...props }) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={width} className={className} {...props} height={height} viewBox="0 0 24 24" fill="none">
-    <path d="M6 21.5L7 16L6.5 13H18L17 16L18 21.5L12 18.5L6 21.5Z" fill="currentColor" />
-    <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+      <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Star 2 Icon">
+  <path d="M6 21.5L7 16L6.5 13H18L17 16L18 21.5L12 18.5L6 21.5Z" fill="currentColor"/>
+  <path d="M11.2693 2.63933C11.5512 2.00694 12.4488 2.00694 12.7307 2.63933L14.9891 7.7059C15.1054 7.96673 15.3519 8.1458 15.6359 8.17578L21.1523 8.75801C21.8409 8.83068 22.1183 9.68436 21.6039 10.1479L17.4832 13.8614C17.2711 14.0526 17.177 14.3423 17.2362 14.6217L18.3872 20.0481C18.5308 20.7254 17.8046 21.253 17.2049 20.9071L12.3997 18.1356C12.1523 17.9929 11.8477 17.9929 11.6003 18.1356L6.79515 20.9071C6.19539 21.253 5.4692 20.7254 5.61286 20.0481L6.76381 14.6217C6.82306 14.3423 6.72891 14.0526 6.51678 13.8614L2.39608 10.1479C1.88175 9.68437 2.15912 8.83068 2.84767 8.75801L8.36416 8.17578C8.64815 8.1458 8.89462 7.96673 9.01089 7.7059L11.2693 2.63933Z"
+   stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
 )
 
 Star2Icon.displayName = 'Star2Icon'

package/src/icons/Star3Icon.jsx

@@ -1,8 +1,9 @@
 export const Star3Icon = ({ width = 16, height = 16, className, ...props }) => (
-  <svg xmlns="http://www.w3.org/2000/svg" width={width} className={className} {...props} height={height} viewBox="0 0 24 24" fill="none">
-    <path d="M6 21.5L7 14.5L3.5 10.5H20L17 14L18 21.5L12 18.5L6 21.5Z" fill="currentColor" />
-    <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Star 3 Icon">
+  <path d="M6 21.5L7 14.5L3.5 10.5H20L17 14L18 21.5L12 18.5L6 21.5Z" fill="currentColor"/>
+  <path d="M11.2693 2.63933C11.5512 2.00694 12.4488 2.00694 12.7307 2.63933L14.9891 7.7059C15.1054 7.96673 15.3519 8.1458 15.6359 8.17578L21.1523 8.75801C21.8409 8.83068 22.1183 9.68436 21.6039 10.1479L17.4832 13.8614C17.2711 14.0526 17.177 14.3423 17.2362 14.6217L18.3872 20.0481C18.5308 20.7254 17.8046 21.253 17.2049 20.9071L12.3997 18.1356C12.1523 17.9929 11.8477 17.9929 11.6003 18.1356L6.79515 20.9071C6.19539 21.253 5.4692 20.7254 5.61286 20.0481L6.76381 14.6217C6.82306 14.3423 6.72891 14.0526 6.51678 13.8614L2.39608 10.1479C1.88175 9.68437 2.15912 8.83068 2.84767 8.75801L8.36416 8.17578C8.64815 8.1458 8.89462 7.96673 9.01089 7.7059L11.2693 2.63933Z" 
+  stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
 )
 
 Star3Icon.displayName = 'Star3Icon'

package/src/icons/StarIcon.jsx

@@ -1,20 +1,8 @@
 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>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Star Icon">
+  <path d="M11.2693 2.63933C11.5512 2.00694 12.4488 2.00694 12.7307 2.63933L14.9891 7.7059C15.1054 7.96673 15.3519 8.1458 15.6359 8.17578L21.1523 8.75801C21.8409 8.83068 22.1183 9.68436 21.6039 10.1479L17.4832 13.8614C17.2711 14.0526 17.177 14.3423 17.2362 14.6217L18.3872 20.0481C18.5308 20.7254 17.8046 21.253 17.2049 20.9071L12.3997 18.1356C12.1523 17.9929 11.8477 17.9929 11.6003 18.1356L6.79515 20.9071C6.19539 21.253 5.4692 20.7254 5.61286 20.0481L6.76381 14.6217C6.82306 14.3423 6.72891 14.0526 6.51678 13.8614L2.39608 10.1479C1.88175 9.68437 2.15912 8.83068 2.84767 8.75801L8.36416 8.17578C8.64815 8.1458 8.89462 7.96673 9.01089 7.7059L11.2693 2.63933Z"
+   stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>  
 )
 
 StarIcon.displayName = 'StarIcon'

package/src/icons/TrashIcon.jsx

@@ -1,21 +1,7 @@
 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>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Trash Icon">
+  <path d="M9 3.25H15M6 6.75V18.25C6 19.6307 7.11929 20.75 8.5 20.75H15.5C16.8807 20.75 18 19.6307 18 18.25V6.75M6 6.75H4.5M6 6.75H18M18 6.75H19.5" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
 )
 
 TrashIcon.displayName = 'TrashIcon'

package/src/icons/TrimIcon.jsx

@@ -1,21 +1,6 @@
 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>
-      <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>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Trim Icon">
+  <path d="M20 4L8.12 15.88M14.47 14.48L20 20M8.12 8.12L12 12M9 6C9 7.65685 7.65685 9 6 9C4.34315 9 3 7.65685 3 6C3 4.34315 4.34315 3 6 3C7.65685 3 9 4.34315 9 6ZM9 18C9 19.6569 7.65685 21 6 21C4.34315 21 3 19.6569 3 18C3 16.3431 4.34315 15 6 15C7.65685 15 9 16.3431 9 18Z" stroke="currentColor" strokeWidth="1.8" strokeMiterlimit="10" strokeLinecap="round"/>
 </svg>
 )