@moises.ai/design-system 3.13.4 → 3.13.5

package/package.json

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

package/src/components/PanControl/PanControl.jsx

@@ -58,7 +58,10 @@ export const PanControl = ({
         document.head.removeChild(styleRef.current)
         styleRef.current = null
       }
-      if (rafRef.current) cancelAnimationFrame(rafRef.current)
+      if (rafRef.current) {
+        cancelAnimationFrame(rafRef.current)
+        rafRef.current = 0
+      }
     }
   }, [isDragging])
 

package/src/components/PanControl/PanControl.module.css

@@ -11,8 +11,8 @@
   }
   
   .pan {
-    width: 20px;
-    height: 20px;
+    width: 100%;
+    height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;

package/src/icons/AddCircleIcon.jsx

@@ -0,0 +1,7 @@
+export const AddCircleIcon = ({ 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 6.34315V12M12 12V17.6569M12 12H6.34315M12 12H17.6569M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+AddCircleIcon.displayName = 'AddCircleIcon'

package/src/icons/Alert2Icon.jsx

@@ -0,0 +1,7 @@
+export const Alert2Icon = ({ 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.998 6.27814V13.8826M11.998 18.722H12.0119" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+Alert2Icon.displayName = 'Alert2Icon'

package/src/icons/AlertIcon.jsx

@@ -1,23 +1,9 @@
 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>
-      <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>
-</svg>
+  <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.00005V13.5M12 17H12.01M10.29 3.86005L1.82002 18.0001C1.64539 18.3025 1.55299 18.6454 1.55201 18.9946C1.55103 19.3438 1.64151 19.6872 1.81445 19.9906C1.98738 20.294 2.23675 20.5468 2.53773 20.7239C2.83871 20.901 3.18082 20.9962 3.53002 21.0001H20.47C20.8192 20.9962 21.1613 20.901 21.4623 20.7239C21.7633 20.5468 22.0127 20.294 22.1856 19.9906C22.3585 19.6872 22.449 19.3438 22.448 18.9946C22.4471 18.6454 22.3547 18.3025 22.18 18.0001L13.71 3.86005C13.5318 3.56616 13.2807 3.32317 12.9812 3.15454C12.6817 2.9859 12.3438 2.89731 12 2.89731C11.6563 2.89731 11.3184 2.9859 11.0188 3.15454C10.7193 3.32317 10.4683 3.56616 10.29 3.86005Z"
+      stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
 )
 
 AlertIcon.displayName = 'AlertIcon'

package/src/icons/ArtistStarIcon.jsx

@@ -0,0 +1,7 @@
+export const ArtistStarIcon = ({ 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="M15.996 14.3487L18.4657 21.9495L14.4239 19.0129M9.5304 9.65111L12 2.05029L13.5439 6.80176M22.4616 9.65112L5.53431 21.9495L8.00397 14.3487L1.53833 9.65112H22.4616Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ArtistStarIcon.displayName = 'ArtistStarIcon'

package/src/icons/AtSignIcon.jsx

@@ -0,0 +1,7 @@
+export const AtSignIcon = ({ 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="M14.1702 20.9715C13.383 21.1826 12.5555 21.2952 11.7017 21.2952C6.45159 21.2952 2.19556 17.0392 2.19556 11.7891C2.19556 6.53899 6.45159 2.28296 11.7017 2.28296C16.9518 2.28296 21.2078 6.53899 21.2078 11.7891C21.2078 12.9012 21.0693 13.7492 20.7031 14.6406C20.213 15.8336 19.2031 16.4175 18.2031 16.3082C17.2867 16.2079 16.5264 15.7034 16.1094 14.6406C15.7324 13.6799 15.7812 12.9991 15.7812 11.7891M15.7812 11.7891C15.7812 14.2849 14.1975 16.3082 11.7017 16.3082C9.20587 16.3082 7.625 14.2849 7.625 11.7891C7.625 9.29326 9.20587 7.27 11.7017 7.27C14.1975 7.27 15.7812 9.29326 15.7812 11.7891ZM15.78 7.4375V11.7188" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
+  </svg>
+)
+
+AtSignIcon.displayName = 'AtSignIcon'

package/src/icons/AutoSyncIcon.jsx

@@ -0,0 +1,7 @@
+export const AutoSyncIcon = ({ 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.1737 21.276L16.0751 21.2742L16.0734 16.1756M11.9975 2C17.5203 2 21.9975 6.47715 21.9975 12C21.9975 15.9446 19.7136 19.3557 16.3961 20.9832M11.9975 6.00002V12H15.9975M12 16.3395C9.29063 16.3385 7.09259 14.1449 7.07579 11.4325C7.059 14.1418 4.86576 16.3336 2.16064 16.3395C4.87557 16.3455 7.07471 18.5532 7.07569 21.276C7.07668 18.5501 9.28082 16.3405 12 16.3395ZM5.77114 7.00227C4.77697 7.00191 3.97042 6.19697 3.96425 5.20171C3.95809 6.19583 3.15331 7.00008 2.1607 7.00227C3.15691 7.00448 3.96386 7.81455 3.96422 8.81365C3.96458 7.81342 4.77337 7.00263 5.77114 7.00227Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+AutoSyncIcon.displayName = 'AutoSyncIcon'

package/src/icons/CardIcon.jsx

@@ -0,0 +1,7 @@
+export const CardIcon = ({ 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 10H20M3 4H21C22.1046 4 23 4.89543 23 6V18C23 19.1046 22.1046 20 21 20H3C1.89543 20 1 19.1046 1 18V6C1 4.89543 1.89543 4 3 4Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+CardIcon.displayName = 'CardIcon'

package/src/icons/CardsIcon.jsx

@@ -0,0 +1,7 @@
+export const CardsIcon = ({ 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 6H3C1.89543 6 1 6.89543 1 8V16C1 17.1046 1.89543 18 3 18H4M20 6H21C22.1046 6 23 6.89543 23 8V16C23 17.1046 22.1046 18 21 18H20M9 20H15C16.1046 20 17 19.1046 17 18V6C17 4.89543 16.1046 4 15 4H9C7.89543 4 7 4.89543 7 6V18C7 19.1046 7.89543 20 9 20Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+CardsIcon.displayName = 'CardsIcon'

package/src/icons/ChartIcon.jsx

@@ -0,0 +1,7 @@
+export const ChartIcon = ({ 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="M22 20H2V4M19.5 6.4L12.3324 13.2809C12.1467 13.4592 11.8533 13.4592 11.6676 13.2809L8.99908 10.7191C8.81334 10.5408 8.51927 10.5415 8.33353 10.7198C5.93414 13.0232 4.49035 14.4093 2 16.8M19.5 6.4V10.4M19.5 6.4H15.3333" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ChartIcon.displayName = 'ChartIcon'

package/src/icons/ChatIcon.jsx

@@ -0,0 +1,7 @@
+export const ChatIcon = ({ 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 15C21 15.5304 20.7893 16.0391 20.4142 16.4142C20.0391 16.7893 19.5304 17 19 17H7L3 21V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ChatIcon.displayName = 'ChatIcon'

package/src/icons/CheckIcon.jsx

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

package/src/icons/ClockIcon.jsx

@@ -0,0 +1,7 @@
+export const ClockIcon = ({ 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 6V12L16 14M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ClockIcon.displayName = 'ClockIcon'

package/src/icons/CloseCircleIcon.jsx

@@ -0,0 +1,7 @@
+export const CloseCircleIcon = ({ 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 8L12 12M12 12L16 16M12 12L8 16M12 12L16 8M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+CloseCircleIcon.displayName = 'CloseCircleIcon'

package/src/icons/CloseCircleIosIcon.jsx

@@ -0,0 +1,7 @@
+export const CloseCircleIosIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
+    <path fillRule="evenodd" clipRule="evenodd" d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM8.53033 7.46967C8.23744 7.17678 7.76256 7.17678 7.46967 7.46967C7.17678 7.76256 7.17678 8.23744 7.46967 8.53033L10.9393 12L7.46967 15.4697C7.17678 15.7626 7.17678 16.2374 7.46967 16.5303C7.76256 16.8232 8.23744 16.8232 8.53033 16.5303L12 13.0607L15.4697 16.5303C15.7626 16.8232 16.2374 16.8232 16.5303 16.5303C16.8232 16.2374 16.8232 15.7626 16.5303 15.4697L13.0607 12L16.5303 8.53033C16.8232 8.23744 16.8232 7.76256 16.5303 7.46967C16.2374 7.17678 15.7626 7.17678 15.4697 7.46967L12 10.9393L8.53033 7.46967Z" fill="currentColor" />
+  </svg>
+)
+
+CloseCircleIosIcon.displayName = 'CloseCircleIosIcon'

package/src/icons/Comment2Icon.jsx

@@ -0,0 +1,7 @@
+export const Comment2Icon = ({ 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 12C2 6.47715 6.47715 2 12 2V2C17.5228 2 22 6.47715 22 12V12C22 17.5228 17.5228 22 12 22H2V12Z" stroke="currentColor" strokeWidth="1.5" />
+  </svg>
+)
+
+Comment2Icon.displayName = 'Comment2Icon'

package/src/icons/CommentIcon.jsx

@@ -0,0 +1,7 @@
+export const CommentIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
+    <path d="M20.3437 17.702L20.7067 16.8425C21.5758 14.7318 22 13.1005 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C13.0785 22 14.6785 21.5919 16.7498 20.7561L17.732 20.3488L21.7894 21.9185C21.8703 21.9498 21.95 21.8703 21.9188 21.7893L20.3437 17.702Z" stroke="currentColor" strokeWidth="1.5" />
+  </svg>
+)
+
+CommentIcon.displayName = 'CommentIcon'

package/src/icons/CopyIcon.jsx

@@ -0,0 +1,7 @@
+export const CopyIcon = ({ 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 15H4C3.46957 15 2.96086 14.7893 2.58579 14.4142C2.21071 14.0391 2 13.5304 2 13V4C2 3.46957 2.21071 2.96086 2.58579 2.58579C2.96086 2.21071 3.46957 2 4 2H13C13.5304 2 14.0391 2.21071 14.4142 2.58579C14.7893 2.96086 15 3.46957 15 4V5M11 9H20C21.1046 9 22 9.89543 22 11V20C22 21.1046 21.1046 22 20 22H11C9.89543 22 9 21.1046 9 20V11C9 9.89543 9.89543 9 11 9Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+CopyIcon.displayName = 'CopyIcon'

package/src/icons/CopyrightIcon.jsx

@@ -0,0 +1,7 @@
+export const CopyrightIcon = ({ 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="M14.8 9.14343C14.0785 8.43613 13.0902 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16C13.0902 16 14.0785 15.5639 14.8 14.8566M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+CopyrightIcon.displayName = 'CopyrightIcon'

package/src/icons/DiamondIcon.jsx

@@ -0,0 +1,7 @@
+export const DiamondIcon = ({ 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.00024 8.75L21.0002 8.75M2.61089 8.01324L7.07023 3.31182C7.25906 3.11274 7.52139 3 7.79577 3H16.6639C16.9548 3 17.2313 3.12667 17.4213 3.34697L21.4609 8.0318C21.7739 8.39482 21.7853 8.92889 21.4881 9.30494L13.0096 20.0315C12.6153 20.5303 11.8617 20.5393 11.4556 20.05L2.56693 9.34006C2.24356 8.95044 2.26244 8.3806 2.61089 8.01324ZM8.00014 8.34286L10.1465 3H14.0489L16.0001 8.34286L12.0977 20L8.00014 8.34286Z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
+  </svg>
+)
+
+DiamondIcon.displayName = 'DiamondIcon'

package/src/icons/DocIcon.jsx

@@ -0,0 +1,7 @@
+export const DocIcon = ({ 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="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8M14 2L20 8M14 2V7C14 7.55228 14.4477 8 15 8H20M16 13H8M16 17H8M10 9H8" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+DocIcon.displayName = 'DocIcon'

package/src/icons/EducationIcon.jsx

@@ -0,0 +1,8 @@
+export const EducationIcon = ({ width = 24, height = 17, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 17" fill="none">
+    <path d="M21.1585 12.8933C21.1585 13.3075 21.4943 13.6433 21.9085 13.6433C22.3228 13.6433 22.6585 13.3075 22.6585 12.8933H21.1585ZM4.54753 13.7384H3.79753V14.0011L3.96145 14.2064L4.54753 13.7384ZM18.8941 13.7384L19.4802 14.2064L19.6441 14.0011V13.7384H18.8941ZM0.979439 6.49495L1.29924 5.81655L0.979439 6.49495ZM0.97944 5.77132L0.659639 5.09292L0.97944 5.77132ZM11.8914 11.4781L11.5716 10.7997L11.8914 11.4781ZM11.5503 11.4781L11.2305 12.1565V12.1565L11.5503 11.4781ZM22.4622 5.77132L22.782 5.09292V5.09292L22.4622 5.77132ZM22.4622 6.49495L22.782 7.17335V7.17335L22.4622 6.49495ZM11.8914 0.788186L11.5716 1.46659V1.46659L11.8914 0.788186ZM11.5503 0.788186L11.8701 1.46659L11.5503 0.788186ZM21.1585 6.90818V12.8933H22.6585V6.90818H21.1585ZM3.79753 8.15539V13.7384H5.29753V8.15539H3.79753ZM4.54753 13.7384C3.96145 14.2064 3.96176 14.2068 3.96206 14.2071C3.96218 14.2073 3.9625 14.2077 3.96272 14.208C3.96318 14.2085 3.96366 14.2091 3.96418 14.2098C3.96522 14.2111 3.96638 14.2125 3.96767 14.2141C3.97025 14.2172 3.97334 14.221 3.97694 14.2253C3.98414 14.234 3.9934 14.2449 4.00475 14.258C4.02746 14.2841 4.05857 14.3188 4.0984 14.3608C4.17805 14.4447 4.29263 14.5579 4.44473 14.6902C4.74905 14.955 5.20328 15.2963 5.82747 15.6335C7.08028 16.3103 8.99613 16.9588 11.7208 16.9588V15.4588C9.2449 15.4588 7.57408 14.8721 6.54041 14.3137C6.02135 14.0333 5.65737 13.757 5.4293 13.5586C5.3152 13.4593 5.23505 13.3795 5.1865 13.3283C5.16223 13.3027 5.14588 13.2843 5.13715 13.2743C5.13279 13.2693 5.13034 13.2663 5.12976 13.2656C5.12947 13.2653 5.12964 13.2655 5.13029 13.2663C5.13061 13.2667 5.13105 13.2672 5.1316 13.2679C5.13188 13.2682 5.13218 13.2686 5.13251 13.269C5.13268 13.2692 5.13295 13.2696 5.13304 13.2697C5.13332 13.27 5.1336 13.2704 4.54753 13.7384ZM11.7208 16.9588C14.4455 16.9588 16.3614 16.3103 17.6142 15.6335C18.2384 15.2963 18.6926 14.955 18.9969 14.6902C19.149 14.5579 19.2636 14.4447 19.3433 14.3608C19.3831 14.3188 19.4142 14.2841 19.4369 14.258C19.4483 14.2449 19.4575 14.234 19.4647 14.2253C19.4683 14.221 19.4714 14.2172 19.474 14.2141C19.4753 14.2125 19.4764 14.2111 19.4775 14.2098C19.478 14.2091 19.4785 14.2085 19.4789 14.208C19.4792 14.2077 19.4795 14.2073 19.4796 14.2071C19.4799 14.2068 19.4802 14.2064 18.8941 13.7384C18.3081 13.2704 18.3083 13.27 18.3086 13.2697C18.3087 13.2696 18.309 13.2692 18.3092 13.269C18.3095 13.2686 18.3098 13.2682 18.3101 13.2679C18.3106 13.2672 18.3111 13.2667 18.3114 13.2663C18.312 13.2655 18.3122 13.2653 18.3119 13.2656C18.3113 13.2663 18.3089 13.2693 18.3045 13.2743C18.2958 13.2843 18.2794 13.3027 18.2552 13.3283C18.2066 13.3795 18.1265 13.4593 18.0124 13.5586C17.7843 13.757 17.4203 14.0333 16.9013 14.3137C15.8676 14.8721 14.1968 15.4588 11.7208 15.4588V16.9588ZM19.6441 13.7384V8.15539H18.1441V13.7384H19.6441ZM11.5716 1.46659L22.1424 6.44972L22.782 5.09292L12.2112 0.109786L11.5716 1.46659ZM22.1424 5.81655L11.5716 10.7997L12.2112 12.1565L22.782 7.17335L22.1424 5.81655ZM11.8701 10.7997L1.29924 5.81655L0.659638 7.17335L11.2305 12.1565L11.8701 10.7997ZM1.29924 6.44972L11.8701 1.46659L11.2305 0.109786L0.659639 5.09292L1.29924 6.44972ZM1.29924 5.81655C1.56692 5.94273 1.56692 6.32354 1.29924 6.44972L0.659639 5.09292C-0.219879 5.50753 -0.21988 6.75874 0.659638 7.17335L1.29924 5.81655ZM11.5716 10.7997C11.6661 10.7551 11.7756 10.7551 11.8701 10.7997L11.2305 12.1565C11.541 12.3029 11.9007 12.3029 12.2112 12.1565L11.5716 10.7997ZM22.1424 6.44972C21.8747 6.32353 21.8747 5.94273 22.1424 5.81655L22.782 7.17335C23.6615 6.75874 23.6615 5.50753 22.782 5.09292L22.1424 6.44972ZM12.2112 0.109786C11.9007 -0.0365952 11.541 -0.0365954 11.2305 0.109786L11.8701 1.46659C11.7756 1.51114 11.6661 1.51114 11.5716 1.46659L12.2112 0.109786Z"
+      fill="currentColor" />
+  </svg>
+)
+
+EducationIcon.displayName = 'EducationIcon'

package/src/icons/ExternalLinkIcon.jsx

@@ -0,0 +1,7 @@
+export const ExternalLinkIcon = ({ 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 3H21M21 3V8M21 3L9 15M11.5 3.99998H6.5C4.01472 3.99998 2 6.0147 2 8.49998V17.5C2 19.9853 4.01472 22 6.5 22H15.5C17.9853 22 20 19.9853 20 17.5V13.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ExternalLinkIcon.displayName = 'ExternalLinkIcon'

package/src/icons/ForbiddenIcon.jsx

@@ -0,0 +1,7 @@
+export const ForbiddenIcon = ({ 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 5L12 12L19 19M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ForbiddenIcon.displayName = 'ForbiddenIcon'

package/src/icons/FormIcon.jsx

@@ -0,0 +1,7 @@
+export const FormIcon = ({ 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="M14 22H6C5.46957 22 4.96086 21.7893 4.58579 21.4142C4.21071 21.0391 4 20.5304 4 20V4C4 3.46957 4.21071 2.96086 4.58579 2.58579C4.96086 2.21071 5.46957 2 6 2H18C18.5304 2 19.0391 2.21071 19.4142 2.58579C19.7893 2.96086 20 3.46957 20 4V10M14 12H8M16 8H8M15.1538 17.2L17 19L22 14" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+FormIcon.displayName = 'FormIcon'

package/src/icons/GamingIcon.jsx

@@ -0,0 +1,8 @@
+export const GamingIcon = ({ 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="M15.4046 9.60013H17.7619M6.49947 9.60013H8.07097M8.07097 9.60013H9.64246M8.07097 9.60013V8.00009M8.07097 9.60013V11.2002M9.83028 14.4002L5.69429 19.1803C5.28071 19.6012 4.74611 19.877 4.16814 19.9675C3.59017 20.058 2.99892 19.9585 2.48023 19.6836C1.96154 19.4087 1.54242 18.9726 1.28373 18.4386C1.02505 17.9047 0.94026 17.3006 1.04168 16.7143L2.64854 8.3001C2.85611 7.09742 3.47275 6.00748 4.3904 5.22127C5.30806 4.43505 6.46819 4.00271 7.6675 4H16.3215C17.6761 4 18.9752 4.54787 19.933 5.52308C20.6539 6.25709 21.1371 7.18795 21.3319 8.19158L22.9583 16.7143C23.0597 17.3006 22.975 17.9047 22.7163 18.4386C22.4576 18.9726 22.0385 19.4087 21.5198 19.6836C21.0011 19.9585 20.4098 20.058 19.8319 19.9675C19.2539 19.877 18.7193 19.6012 18.3057 19.1803L14.1697 14.4002L9.83028 14.4002Z"
+      stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+GamingIcon.displayName = 'GamingIcon'

package/src/icons/GlobeIcon.jsx

@@ -1,21 +1,6 @@
 export const GlobeIcon = ({ width = 16, height = 16, className, ...props }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={width}
-    height={height}
-    viewBox="0 0 12 12"
-    fill="none"
-    className={className}
-    {...props}
-  >
-    <path
-      d="M11 6C11 8.76142 8.76142 11 6 11M11 6C11 3.23858 8.76142 1 6 1M11 6H1M6 11C3.23858 11 1 8.76142 1 6M6 11C7.25064 9.63082 7.96138 7.85398 8 6C7.96138 4.14602 7.25064 2.36918 6 1M6 11C4.74936 9.63082 4.03862 7.85398 4 6C4.03862 4.14602 4.74936 2.36918 6 1M1 6C1 3.23858 3.23858 1 6 1"
-      stroke="currentColor"
-      strokeOpacity="0.482353"
-      strokeWidth="0.75"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-    />
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props}>
+    <path d="M22 12C22 17.5228 17.5228 22 12 22M22 12C22 6.47715 17.5228 2 12 2M22 12H2M12 22C6.47715 22 2 17.5228 2 12M12 22C14.5013 19.2616 15.9228 15.708 16 12C15.9228 8.29203 14.5013 4.73835 12 2M12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2M2 12C2 6.47715 6.47715 2 12 2" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
   </svg>
 )
 

package/src/icons/HeartIcon.jsx

@@ -0,0 +1,7 @@
+export const HeartIcon = ({ 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.4824 4.65304L12.0361 5.32278L12.6546 4.65304C14.8311 2.40069 18.2057 2.50545 20.4436 4.65304L20.6013 4.81018C22.7778 7.06253 22.2445 11.5644 20.1692 13.8803L19.8963 14.1788L19.5924 14.4996C18.4214 15.7166 16.6265 17.3827 14.2078 19.4981L12.8266 20.6965C12.35 21.107 11.6564 21.1006 11.187 20.6813L9.48206 19.1498L7.96409 17.7678C6.15976 16.1121 4.8054 14.8162 3.90103 13.8803C1.67273 11.5744 1.24388 7.11615 3.47218 4.81018C5.70048 2.50421 9.25406 2.34706 11.4824 4.65304Z" stroke="currentColor" strokeWidth="1.5" />
+  </svg>
+)
+
+HeartIcon.displayName = 'HeartIcon'

package/src/icons/HelpIcon.jsx

@@ -0,0 +1,7 @@
+export const HelpIcon = ({ 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.09003 9C9.32513 8.33167 9.78918 7.76811 10.4 7.40914C11.0108 7.05016 11.7289 6.91894 12.4272 7.03872C13.1255 7.15849 13.7588 7.52153 14.2151 8.06353C14.6714 8.60554 14.9211 9.29153 14.92 10C14.92 12 11.92 13 11.92 13V14.7662M12 18V18.0201M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+HelpIcon.displayName = 'HelpIcon'

package/src/icons/HourglassIcon.jsx

@@ -0,0 +1,7 @@
+export const HourglassIcon = ({ 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.00005 19.25H19M5.00005 4.75002H19M8.04401 10.0985L8.97833 10.8213C9.767 11.4314 9.76352 12.6231 8.97128 13.2286L8.06616 13.9204C5.62966 15.7825 4.20032 18.6738 4.20032 21.7404C4.20032 22.284 4.64097 22.7246 5.18455 22.7246L18.8095 22.7246C19.3564 22.7246 19.7998 22.2813 19.7998 21.7344C19.7998 18.6693 18.3805 15.7769 15.9561 13.9015L15.0218 13.1788C14.2331 12.5687 14.2366 11.3769 15.0288 10.7714L15.9339 10.0797C18.3704 8.21757 19.7998 5.32621 19.7998 2.25963C19.7998 1.71605 19.3591 1.27539 18.8155 1.27539H5.19061C4.64369 1.27539 4.20032 1.71876 4.20032 2.26568C4.20032 5.33078 5.61963 8.22312 8.04401 10.0985Z" stroke="currentColor" strokeWidth="1.5" />
+  </svg>
+)
+
+HourglassIcon.displayName = 'HourglassIcon'

package/src/icons/Info2Icon.jsx

@@ -1,17 +1,7 @@
 export const Info2Icon = ({ width = 16, height = 16, className, ...props }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={width}
-    height={height}
-    viewBox="0 0 22 22"
-    fill="none"
-    className={className}
-    {...props}
-  >
-    <path
-      d="M9.875 9.5C9.46079 9.5 9.125 9.83579 9.125 10.25C9.125 10.6642 9.46079 11 9.875 11V9.5ZM10.75 10.25H11.5C11.5 9.83579 11.1642 9.5 10.75 9.5V10.25ZM10 16.25C10 16.6642 10.3358 17 10.75 17C11.1642 17 11.5 16.6642 11.5 16.25H10ZM20 10.75C20 15.8586 15.8586 20 10.75 20V21.5C16.6871 21.5 21.5 16.6871 21.5 10.75H20ZM10.75 20C5.64137 20 1.5 15.8586 1.5 10.75H0C0 16.6871 4.81294 21.5 10.75 21.5V20ZM1.5 10.75C1.5 5.64137 5.64137 1.5 10.75 1.5V0C4.81294 0 0 4.81294 0 10.75H1.5ZM10.75 1.5C15.8586 1.5 20 5.64137 20 10.75H21.5C21.5 4.81294 16.6871 0 10.75 0V1.5ZM9.875 11H10.75V9.5H9.875V11ZM10 10.25V16.25H11.5V10.25H10ZM10.625 5.875V7.375C11.4534 7.375 12.125 6.70343 12.125 5.875H10.625ZM10.625 5.875H9.125C9.125 6.70343 9.79657 7.375 10.625 7.375V5.875ZM10.625 5.875V4.375C9.79657 4.375 9.125 5.04657 9.125 5.875H10.625ZM10.625 5.875H12.125C12.125 5.04657 11.4534 4.375 10.625 4.375V5.875Z"
-      fill="currentColor"
-    />
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 22 22" fill="none" className={className} {...props}>
+    <path d="M9.875 9.5C9.46079 9.5 9.125 9.83579 9.125 10.25C9.125 10.6642 9.46079 11 9.875 11V9.5ZM10.75 10.25H11.5C11.5 9.83579 11.1642 9.5 10.75 9.5V10.25ZM10 16.25C10 16.6642 10.3358 17 10.75 17C11.1642 17 11.5 16.6642 11.5 16.25H10ZM20 10.75C20 15.8586 15.8586 20 10.75 20V21.5C16.6871 21.5 21.5 16.6871 21.5 10.75H20ZM10.75 20C5.64137 20 1.5 15.8586 1.5 10.75H0C0 16.6871 4.81294 21.5 10.75 21.5V20ZM1.5 10.75C1.5 5.64137 5.64137 1.5 10.75 1.5V0C4.81294 0 0 4.81294 0 10.75H1.5ZM10.75 1.5C15.8586 1.5 20 5.64137 20 10.75H21.5C21.5 4.81294 16.6871 0 10.75 0V1.5ZM9.875 11H10.75V9.5H9.875V11ZM10 10.25V16.25H11.5V10.25H10ZM10.625 5.875V7.375C11.4534 7.375 12.125 6.70343 12.125 5.875H10.625ZM10.625 5.875H9.125C9.125 6.70343 9.79657 7.375 10.625 7.375V5.875ZM10.625 5.875V4.375C9.79657 4.375 9.125 5.04657 9.125 5.875H10.625ZM10.625 5.875H12.125C12.125 5.04657 11.4534 4.375 10.625 4.375V5.875Z"
+      fill="currentColor" />
   </svg>
 )
 

package/src/icons/InviteUserIcon.jsx

@@ -0,0 +1,7 @@
+export const InviteUserIcon = ({ 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 14.75H7C5.93913 14.75 4.92172 15.1714 4.17157 15.9216C3.42143 16.6717 3 17.6891 3 18.75V20.75M18 13V21M14 16.75H22M15 6.75C15 8.95914 13.2091 10.75 11 10.75C8.79086 10.75 7 8.95914 7 6.75C7 4.54086 8.79086 2.75 11 2.75C13.2091 2.75 15 4.54086 15 6.75Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+InviteUserIcon.displayName = 'InviteUserIcon'

package/src/icons/LightBulbIcon.jsx

@@ -0,0 +1,7 @@
+export const LightBulbIcon = ({ 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="M15 15C15.2 14 15.7 13.3 16.5 12.5C17.5 11.6 18 10.3 18 9C18 7.4087 17.3679 5.88258 16.2426 4.75736C15.1174 3.63214 13.5913 3 12 3C10.4087 3 8.88258 3.63214 7.75736 4.75736C6.63214 5.88258 6 7.4087 6 9C6 10 6.2 11.2 7.5 12.5C8.2 13.2 8.8 14 9 15M9 18H15M10 21H14" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+LightBulbIcon.displayName = 'LightBulbIcon'

package/src/icons/LoaderIcon.jsx

@@ -0,0 +1,18 @@
+export const LoaderIcon = ({ width = 16, height = 16, 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 10 L5 5 L5 15 L10 10 L15 5 L15 15 L10 10"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+LoaderIcon.displayName = 'LoaderIcon'

package/src/icons/MapPinIcon.jsx

@@ -0,0 +1,8 @@
+export const MapPinIcon = ({ 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 12.75C13.6569 12.75 15 11.4069 15 9.75C15 8.09315 13.6569 6.75 12 6.75C10.3431 6.75 9 8.09315 9 9.75C9 11.4069 10.3431 12.75 12 12.75Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    <path d="M19.5 9.75C19.5 16.5 12 21.75 12 21.75C12 21.75 4.5 16.5 4.5 9.75C4.5 7.76088 5.29018 5.85322 6.6967 4.4467C8.10322 3.04018 10.0109 2.25 12 2.25C13.9891 2.25 15.8968 3.04018 17.3033 4.4467C18.7098 5.85322 19.5 7.76088 19.5 9.75Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+MapPinIcon.displayName = 'MapPinIcon'

package/src/icons/NoEyeIcon.jsx

@@ -0,0 +1,7 @@
+export const NoEyeIcon = ({ 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="M14.1055 9.86303C13.5639 9.32934 12.8204 9 12 9C10.3431 9 9 10.3431 9 12C9 12.7233 9.25599 13.3869 9.68233 13.905M17.8137 5.96708C16.2117 4.83579 14.2626 4 12 4C5 4 1 12 1 12C1 12 2.75463 15.5093 5.97337 17.8793M9.36697 19.6126C10.1899 19.8583 11.0684 20 12 20C19 20 23 12 23 12C23 12 22.1782 10.3564 20.6277 8.55912M20 4L4 20" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+NoEyeIcon.displayName = 'NoEyeIcon'

package/src/icons/NoWifiIcon.jsx

@@ -0,0 +1,7 @@
+export const NoWifiIcon = ({ 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="M22 10.0086C19.3479 7.35641 15.7507 5.86644 12 5.86644C10.3486 5.86644 8.72688 6.15529 7.20254 6.70502M12 17.3569C11.2967 17.3569 10.6223 17.6363 10.125 18.1336M17.625 14.3836C16.2296 12.9881 14.3691 12.1647 12.4078 12.0641M3.7 8.55817C3.0997 8.99331 2.53092 9.47766 2 10.0086M8.15436 13.0449C7.50707 13.4024 6.90721 13.8514 6.375 14.3836M3.00002 3L21 21" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+NoWifiIcon.displayName = 'NoWifiIcon'

package/src/icons/NotesIcon.jsx

@@ -0,0 +1,7 @@
+export const NotesIcon = ({ 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.875 21H6.00003C4.89546 21 4.00003 20.1046 4.00003 19L4 4C4 2.89543 4.89543 2 6 2H18C19.1046 2 20 2.89543 20 4V6.875M8.00002 7H16M8.00002 12H12.625M19.9195 11.05C20.2716 10.6978 20.7492 10.5 21.2473 10.5C21.7453 10.5 22.2229 10.6978 22.575 11.05C22.9272 11.4021 23.125 11.8798 23.125 12.3778C23.125 12.8758 22.9272 13.3534 22.575 13.7055L14.1658 22.1148L10.625 23L11.5102 19.4593L19.9195 11.05Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+NotesIcon.displayName = 'NotesIcon'

package/src/icons/PenIcon.jsx

@@ -0,0 +1,7 @@
+export const PenIcon = ({ 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="M14.5 6.5L17.5 9.5M16.1038 4.66848C16.3158 4.45654 16.5674 4.28843 16.8443 4.17373C17.1212 4.05903 17.418 4 17.7177 4C18.0174 4 18.3142 4.05903 18.5911 4.17373C18.868 4.28843 19.1196 4.45654 19.3315 4.66848C19.5435 4.88041 19.7116 5.13201 19.8263 5.40891C19.941 5.68582 20 5.9826 20 6.28232C20 6.58204 19.941 6.87882 19.8263 7.15573C19.7116 7.43263 19.5435 7.68423 19.3315 7.89617L8.43807 18.7896L4 20L5.21038 15.5619L16.1038 4.66848Z" stroke="currentColor" strokeWidth="1.5" strokeLinejoin="round" />
+  </svg>
+)
+
+PenIcon.displayName = 'PenIcon'

package/src/icons/PowerSwitchIcon.jsx

@@ -0,0 +1,7 @@
+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>
+)
+
+PowerSwitchIcon.displayName = 'PowerSwitchIcon'

package/src/icons/RemoveUserIcon.jsx

@@ -0,0 +1,7 @@
+export const RemoveUserIcon = ({ 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 14.75H7C5.93913 14.75 4.92172 15.1714 4.17157 15.9216C3.42143 16.6717 3 17.6891 3 18.75V20.75M15.1716 14.1716L17.8232 16.8232M17.8232 16.8232L20.8284 19.8284M17.8232 16.8232L14.9948 19.6516M17.8232 16.8232L20.6516 13.9948M15 6.75C15 8.95914 13.2091 10.75 11 10.75C8.79086 10.75 7 8.95914 7 6.75C7 4.54086 8.79086 2.75 11 2.75C13.2091 2.75 15 4.54086 15 6.75Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+RemoveUserIcon.displayName = 'RemoveUserIcon'

package/src/icons/RotatePhoneIcon.jsx

@@ -0,0 +1,9 @@
+export const RotatePhoneIcon = ({ 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 12H2.75H2ZM4 10V9.25V10ZM4 22V22.75V22.75V22ZM2 20H1.25H2ZM22 20H22.75V20H22ZM20 22V21.25V21.25V22ZM22 12H21.25V12H22ZM20 10V10.75V10ZM20.75 14.5V13.75C20.3358 13.75 20 14.0858 20 14.5H20.75ZM20.75 17.5H20C20 17.9142 20.3358 18.25 20.75 18.25V17.5ZM1.28896 5.76142C1.1572 6.15412 1.36872 6.57928 1.76142 6.71104C2.15412 6.84281 2.57928 6.63128 2.71104 6.23858L1.28896 5.76142ZM14 6V6.75C14.4142 6.75 14.75 6.41421 14.75 6H14ZM10.5 5.25C10.0858 5.25 9.75 5.58579 9.75 6C9.75 6.41421 10.0858 6.75 10.5 6.75V5.25ZM14.75 2C14.75 1.58579 14.4142 1.25 14 1.25C13.5858 1.25 13.25 1.58579 13.25 2H14.75ZM20 21.25H4V22.75H20V21.25ZM2.75 20L2.75 12H1.25L1.25 20H2.75ZM4 10.75L20 10.75V9.25L4 9.25V10.75ZM2.75 12C2.75 11.3096 3.30964 10.75 4 10.75V9.25C2.48122 9.25 1.25 10.4812 1.25 12H2.75ZM4 21.25C3.30964 21.25 2.75 20.6904 2.75 20H1.25C1.25 21.5188 2.48122 22.75 4 22.75V21.25ZM21.25 20C21.25 20.6904 20.6904 21.25 20 21.25V22.75C21.5188 22.75 22.75 21.5188 22.75 20H21.25ZM22.75 12C22.75 10.4812 21.5188 9.25 20 9.25V10.75C20.6904 10.75 21.25 11.3096 21.25 12H22.75ZM20 14.5V17.5H21.5V14.5H20ZM21.25 17.5V20H22.75V17.5H21.25ZM20.75 18.25H22V16.75H20.75V18.25ZM21.25 12V14.5H22.75V12H21.25ZM21.25 14.5V17.5H22.75V14.5H21.25ZM22 13.75H20.75V15.25H22V13.75ZM8.0521 1.25C4.91024 1.25 2.17995 3.106 1.28896 5.76142L2.71104 6.23858C3.37237 4.26762 5.47384 2.75 8.0521 2.75V1.25ZM14.6958 5.72004C13.7187 3.29153 11.1237 1.25 8.0521 1.25V2.75C10.465 2.75 12.5378 4.37512 13.3042 6.27996L14.6958 5.72004ZM10.5 6.75H14V5.25H10.5V6.75ZM14.75 6V2H13.25V6H14.75Z" 
+  fill="currentColor"/>
+</svg>
+)
+
+RotatePhoneIcon.displayName = 'RotatePhoneIcon'

package/src/icons/SignalWaveIcon.jsx

@@ -0,0 +1,7 @@
+export const SignalWaveIcon = ({ 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 20C13 17.6131 12.0518 15.3239 10.364 13.636C8.67613 11.9482 6.38695 11 4 11M20 20C20 15.7565 18.3143 11.6869 15.3137 8.68629C12.3131 5.68571 8.24346 4 4 4M7 20C7 19.2043 6.68393 18.4413 6.12132 17.8787C5.55871 17.3161 4.79565 17 4 17" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
+)
+
+SignalWaveIcon.displayName = 'SignalWaveIcon'

package/src/icons/SmileyIcon.jsx

@@ -0,0 +1,7 @@
+export const SmileyIcon = ({ 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="M9 9.375V10.5M15 9.375V10.5M7.71875 15.0013C8.58137 16.4957 10.1758 17.4987 12 17.4987C13.8242 17.4987 15.4186 16.4957 16.2812 15.0013M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+SmileyIcon.displayName = 'SmileyIcon'

package/src/icons/Star1Icon.jsx

@@ -0,0 +1,8 @@
+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>
+)
+
+Star1Icon.displayName = 'Star1Icon'

package/src/icons/Star2Icon.jsx

@@ -0,0 +1,8 @@
+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>
+)
+
+Star2Icon.displayName = 'Star2Icon'

package/src/icons/Star3Icon.jsx

@@ -0,0 +1,8 @@
+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>
+)
+
+Star3Icon.displayName = 'Star3Icon'

package/src/icons/Star4Icon.jsx

@@ -0,0 +1,8 @@
+export const Star4Icon = ({ 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>
+)
+
+Star4Icon.displayName = 'Star4Icon'

package/src/icons/SupportIcon.jsx

@@ -0,0 +1,8 @@
+export const SupportIcon = ({ 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="M21.75 15C21.75 14.5858 21.4142 14.25 21 14.25C20.5858 14.25 20.25 14.5858 20.25 15H21.75ZM11 22H10.25C10.25 22.4142 10.5858 22.75 11 22.75V22ZM11 20.5V19.75C10.5858 19.75 10.25 20.0858 10.25 20.5H11ZM14 20.5H14.75C14.75 20.0858 14.4142 19.75 14 19.75V20.5ZM3 11.75H6V10.25H3V11.75ZM6.25 12V16H7.75V12H6.25ZM6 16.25H4V17.75H6V16.25ZM3.75 16V11H2.25V16H3.75ZM4 16.25C3.86193 16.25 3.75 16.1381 3.75 16H2.25C2.25 16.9665 3.0335 17.75 4 17.75V16.25ZM6.25 16C6.25 16.1381 6.13807 16.25 6 16.25V17.75C6.9665 17.75 7.75 16.9665 7.75 16H6.25ZM6 11.75C6.13807 11.75 6.25 11.8619 6.25 12H7.75C7.75 11.0335 6.9665 10.25 6 10.25V11.75ZM18 11.75H21V10.25H18V11.75ZM20.25 11V16H21.75V11H20.25ZM20 16.25H18V17.75H20V16.25ZM17.75 16V12H16.25V16H17.75ZM18 16.25C17.8619 16.25 17.75 16.1381 17.75 16H16.25C16.25 16.9665 17.0335 17.75 18 17.75V16.25ZM20.25 16C20.25 16.1381 20.1381 16.25 20 16.25V17.75C20.9665 17.75 21.75 16.9665 21.75 16H20.25ZM18 10.25C17.0335 10.25 16.25 11.0335 16.25 12H17.75C17.75 11.8619 17.8619 11.75 18 11.75V10.25ZM20.25 10V11H21.75V10H20.25ZM3.75 11V10H2.25V11H3.75ZM12 1.75C16.5563 1.75 20.25 5.44365 20.25 10H21.75C21.75 4.61522 17.3848 0.25 12 0.25V1.75ZM12 0.25C6.61522 0.25 2.25 4.61522 2.25 10H3.75C3.75 5.44365 7.44365 1.75 12 1.75V0.25ZM20.25 15V19H21.75V15H20.25ZM11.75 22V20.5H10.25V22H11.75ZM11 21.25H14V19.75H11V21.25ZM18 21.25H14V22.75H18V21.25ZM14 21.25H11V22.75H14V21.25ZM13.25 20.5V22H14.75V20.5H13.25ZM20.25 19C20.25 20.2426 19.2426 21.25 18 21.25V22.75C20.0711 22.75 21.75 21.0711 21.75 19H20.25Z"
+      fill="currentColor" />
+  </svg>
+)
+
+SupportIcon.displayName = 'SupportIcon'

package/src/icons/ThumbsDownIcon.jsx

@@ -0,0 +1,7 @@
+export const ThumbsDownIcon = ({ 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="M17.2353 11.8824H22V2H5.76471C3.68552 2 2 3.68552 2 5.76471V11.0588C2 13.138 3.68552 14.8235 5.76471 14.8235H9.52941V19.1765C9.52941 20.7359 10.9112 22 12.4706 22L13.75 16.75L17.2353 11.8824ZM17.2353 11.8824V2" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ThumbsDownIcon.displayName = 'ThumbsDownIcon'

package/src/icons/ThumbsUpIcon.jsx

@@ -0,0 +1,7 @@
+export const ThumbsUpIcon = ({ 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.76471 12.1176H2V22H18.2353C20.3145 22 22 20.3145 22 18.2353V12.9412C22 10.862 20.3145 9.17647 18.2353 9.17647H14.4706V4.82353C14.4706 3.26414 13.0888 2 11.5294 2L10.25 7.25L6.76471 12.1176ZM6.76471 12.1176V22" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+)
+
+ThumbsUpIcon.displayName = 'ThumbsUpIcon'