@moises.ai/design-system 4.18.14 → 4.18.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "4.18.14",
+  "version": "4.18.16",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",

package/src/components/ProjectsList/ProjectItem/ProjectItem.jsx

@@ -53,9 +53,14 @@ const ProjectItem = ({
 
   const handleInsertAllTracks = useCallback((e) => {
     e.stopPropagation()
-    const tracksFiltered = allTracks.filter((track) => !track.loading && track.transfers?.length > 0)
+    let tracksFiltered = []
+    if (type === 'voice') {
+      tracksFiltered = allTracks.filter((track) => !track.loading && track.transfers?.length > 0)
+    } else {
+      tracksFiltered = allTracks.filter((track) => !track.loading && track.audioUrl)
+    }
     onInsertAllTracks?.(tracksFiltered)
-  }, [onInsertAllTracks, allTracks])
+  }, [onInsertAllTracks, allTracks, type])
 
   return (
     <Flex

package/src/components/ProjectsList/ProjectTrackVoice/ProjectTrackVoice.jsx

@@ -111,7 +111,7 @@ const ProjectTrackVoice = ({ ...props }) => {
         )}
 
         {!hasTransfers && !audioUrl ? (
-          <Flex align="center" justify="center" pr="2" pr="0">
+          <Flex align="center" justify="center">
             <Button
               variant="soft"
               color="gray"

package/src/icons/AutomationIcon.jsx

@@ -0,0 +1,17 @@
+export const AutomationIcon = ({ 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}
+  aria-label="Automation Icon">
+  <path 
+  d="M1.33331 11.4C1.00194 11.4 0.733313 11.6686 0.733313 12C0.733313 12.3314 1.00194 12.6 1.33331 12.6V12V11.4ZM14.6666 4.6C14.998 4.6 15.2666 4.33137 15.2666 4C15.2666 3.66863 14.998 3.4 14.6666 3.4V4V4.6ZM7.99998 4H7.39998H7.39998H7.99998ZM9.99998 2V1.4V1.4V2ZM9.99998 6V6.6V6.6V6ZM5.99998 10V9.4V9.4V10ZM7.99998 12H8.59998V12H7.99998ZM5.99998 14V14.6V14.6V14ZM8.99998 5.66667L8.44849 5.43032L6.44849 10.097L6.99998 10.3333L7.55147 10.5697L9.55147 5.90302L8.99998 5.66667ZM1.33331 12V12.6H3.99998V12V11.4H1.33331V12ZM12 4V4.6L14.6666 4.6V4V3.4L12 3.4V4ZM7.99998 4H8.59998C8.59998 3.2268 9.22678 2.6 9.99998 2.6V2V1.4C8.56404 1.4 7.39998 2.56406 7.39998 4H7.99998ZM9.99998 2V2.6C10.7732 2.6 11.4 3.2268 11.4 4H12H12.6C12.6 2.56406 11.4359 1.4 9.99998 1.4V2ZM12 4H11.4C11.4 4.7732 10.7732 5.4 9.99998 5.4V6V6.6C11.4359 6.6 12.6 5.43594 12.6 4H12ZM9.99998 6V5.4C9.22678 5.4 8.59998 4.7732 8.59998 4H7.99998H7.39998C7.39998 5.43594 8.56404 6.6 9.99998 6.6V6ZM3.99998 12H4.59998C4.59998 11.2268 5.22678 10.6 5.99998 10.6V10V9.4C4.56404 9.4 3.39998 10.5641 3.39998 12H3.99998ZM5.99998 10V10.6C6.77318 10.6 7.39998 11.2268 7.39998 12H7.99998H8.59998C8.59998 10.5641 7.43592 9.4 5.99998 9.4V10ZM7.99998 12H7.39998C7.39998 12.7732 6.77318 13.4 5.99998 13.4V14V14.6C7.43592 14.6 8.59998 13.4359 8.59998 12H7.99998ZM5.99998 14V13.4C5.22678 13.4 4.59998 12.7732 4.59998 12H3.99998H3.39998C3.39998 13.4359 4.56404 14.6 5.99998 14.6V14Z" 
+  fill="currentColor" />
+</svg>
+)
+
+AutomationIcon.displayName = 'AutomationIcon'

package/src/icons/BarsIcon.jsx

@@ -1,22 +1,10 @@
 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}
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 16 16" fill="none" className={className} {...props}
+  aria-label="BarsIcon"
   >
-    <g>
-      <path
-        d="M12 8L12 15M17 5V19M7 5V19M22 10V14M2 10L2 14"
-        stroke="currentColor"
-        strokeWidth="1.5"
-        strokeLinecap="round"
-      />
-    </g>
-  </svg>
+    <path d="M8 5.33203L8 10.6654M11 3.33203V12.6654M5 3.33203V12.6654M14 6.66536V9.33203M2 6.66536L2 9.33203" 
+    stroke="currentColor" strokeWidth="1.2" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
 )
 
 BarsIcon.displayName = 'BarsIcon'

package/src/icons/KeysIcon.jsx

@@ -1,21 +1,10 @@
 export const KeysIcon = ({ width, height, className, ...props }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={width}
-    height={height}
-    viewBox="0 0 16 16"
-    fill="none"
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 16 16" fill="none" className={className} {...props}
+  aria-label="KeysIcon"
   >
-    <path
-      d="M4.75333 1.33301H7.08667M8.92 1.33301H11.2533M5.91667 9.33301L5.91667 14.583M10.0833 9.33301V14.583M3.75 14.6663H12.25C13.3546 14.6663 14.25 13.7709 14.25 12.6663V3.33301C14.25 2.22844 13.3546 1.33301 12.25 1.33301H3.75C2.64543 1.33301 1.75 2.22844 1.75 3.33301V12.6663C1.75 13.7709 2.64543 14.6663 3.75 14.6663Z"
-      stroke="currentColor"
-    />
-    <path d="M4.75 1.66895H7.08333V9.34342H4.75V1.66895Z" fill="currentColor" />
-    <path
-      d="M8.91333 1.66895H11.2467V9.34342H8.91333V1.66895Z"
-      fill="currentColor"
-    />
-  </svg>
+  <path d="M14.0001 8.0013H2.00008M4.66675 8.0013V10.668M8.00008 8.0013V10.668M11.3334 8.0013V10.668M3.66675 13.3346H12.3334C13.438 13.3346 14.3334 12.4392 14.3334 11.3346V4.66797C14.3334 3.5634 13.438 2.66797 12.3334 2.66797H3.66675C2.56218 2.66797 1.66675 3.5634 1.66675 4.66797V11.3346C1.66675 12.4392 2.56218 13.3346 3.66675 13.3346Z" 
+  stroke="currentColor" strokeWidth="1.2" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
 )
 
 KeysIcon.displayName = 'KeysIcon'

package/src/icons/Record1Icon.jsx

@@ -0,0 +1,11 @@
+export const Record1Icon = ({ 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}
+  aria-label="Record1Icon"
+  >
+  <path d="M8 14C11.3137 14 14 11.3137 14 8C14 4.68629 11.3137 2 8 2C4.68629 2 2 4.68629 2 8C2 11.3137 4.68629 14 8 14Z"
+   stroke="currentColor" strokeWidth="1.2" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
+)
+
+Record1Icon.displayName = 'Record1Icon'

package/src/icons/SampleIcon.jsx

@@ -0,0 +1,10 @@
+export const SampleIcon = ({ 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}
+  aria-label="SampleIcon"
+  >
+  <path d="M3.8 13.3346C2.80589 13.3346 2 12.5287 2 11.5346V4.46797C2 3.47386 2.80589 2.66797 3.8 2.66797M12.2 13.3346C13.1941 13.3346 14 12.5287 14 11.5346V4.46797C14 3.47386 13.1941 2.66797 12.2 2.66797M8 5.66797V10.3346M10.6667 7.33464V8.66797M5.33333 7.33464V8.66797" 
+  stroke="currentColor" strokeWidth="1.2" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
+)
+
+SampleIcon.displayName = 'SampleIcon'

package/src/icons/StemsIcon.jsx

@@ -0,0 +1,11 @@
+export const StemsIcon = ({ 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}
+  aria-label="StemsIcon"
+  >
+  <path 
+  d="M14.6666 7.9987V12.6654C14.6666 13.7699 13.7712 14.6654 12.6666 14.6654H3.33325C2.22868 14.6654 1.33325 13.7699 1.33325 12.6654V7.9987M6.66659 3.9987V7.9987M9.33325 4.7487V7.2487M3.99992 5.4987V6.4987M11.9999 5.4987V6.4987M3.33325 10.6654H12.6666C13.7712 10.6654 14.6666 9.76993 14.6666 8.66536V3.33203C14.6666 2.22746 13.7712 1.33203 12.6666 1.33203H3.33325C2.22868 1.33203 1.33325 2.22746 1.33325 3.33203V8.66536C1.33325 9.76993 2.22868 10.6654 3.33325 10.6654Z" 
+  stroke="currentColor" strokeWidth="1.2" strokeMiterlimit="10" strokeLinecap="round"/>
+</svg>
+)
+
+StemsIcon.displayName = 'StemsIcon'

package/src/icons.jsx

@@ -448,3 +448,7 @@ export { ChordDiagramGridIcon } from './icons/ChordDiagramGridIcon'
 export { DynamicMicrophone2Icon } from './icons/DynamicMicrophone2Icon'
 export { Sections2Icon } from './icons/Sections2Icon'
 export { ChordGrid4Icon } from './icons/ChordGrid4Icon'
+export { AutomationIcon } from './icons/AutomationIcon'
+export { Record1Icon } from './icons/Record1Icon'
+export { StemsIcon } from './icons/StemsIcon'
+export { SampleIcon } from './icons/SampleIcon'