@xipkg/icons 0.6.0 → 0.7.2

package/Svg.tsx

@@ -3,41 +3,32 @@ import { cva, type VariantProps } from 'class-variance-authority';
 
 import { cn } from '@xipkg/utils';
 
-
-export const svgVariants = cva(
-  'inline-flex items-center w-fit justify-center ring-offset-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
-  {
-    variants: {
-      theme: {
-        default: 'text-gray-0 dark:text-gray-100 bg-brand-80 hover:bg-brand-100 active:bg-brand-100 focus:bg-brand-100',
-        secondary: 'bg-gray-0 text-gray-100 border-gray-30 border-2 hover:bg-gray-5 active:bg-gray-5 focus:bg-gray-5',
-        ghost: 'text-gray-100 bg-gray-0 border-0 hover:bg-gray-5 active:bg-gray-5 focus:bg-gray-5',
-        error: 'bg-red-80 text-gray-0 hover:bg-red-100 active:bg-red-100 focus:bg-red-100',
-        success: 'bg-green-80 text-gray-0 hover:bg-green-100 active:bg-green-100 focus:bg-green-100'
-      },
-      size: {
-        l: 'h-14 px-8 rounded-xl text-[20px]',
-        m: 'h-12 px-6 rounded-lg text-[16px]',
-        s: 'h-8 px-4 rounded-md text-[14px]',
-      },
+export const svgVariants = cva('', {
+  variants: {
+    theme: {
+      default: 'fill-gray-80',
     },
-    defaultVariants: {
-      theme: 'default',
-      size: 'l',
+    size: {
+      default: 'h-[24px] w-[24px]',
+      l: 'h-[32px] w-[32px]',
+      m: 'h-[20px] w-[20px]',
+      s: 'h-[16px] w-[16px]',
     },
   },
-);
+  defaultVariants: {
+    theme: 'default',
+    size: 'default',
+  },
+});
 
 export interface IconProps
   extends React.SVGProps<SVGSVGElement>,
-    VariantProps<typeof svgVariants> {
-}
-
-export const Svg = ({ theme, className, children, ...rest }: IconProps) => {
+    VariantProps<typeof svgVariants> {}
 
+export const Svg = ({ theme, size, className, children, ...rest }: IconProps) => {
   return (
-    <svg viewBox="0 0 24 24" className={cn(svgVariants({ theme, className }))} {...rest}>
+    <svg viewBox="0 0 24 24" className={cn(svgVariants({ theme, size, className }))} {...rest}>
       {children}
     </svg>
-  )
-}
+  );
+};

package/icons/Account.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Account = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Activity.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Activity = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Add.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Add = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Announce.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Announce = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ArrowBottom.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ArrowBottom = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ArrowLeft.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ArrowLeft = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ArrowRight.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ArrowRight = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ArrowUp.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ArrowUp = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Bold.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Bold = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Brush.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Brush = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Burger.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Burger = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Calendar.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Calendar = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Camera.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Camera = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/CategoryAdd.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const CategoryAdd = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M4.5 4.059c-.683.151-1.316.557-1.805 1.161a3.084 3.084 0 0 0-.615 1.201C2.002 6.725 2 6.871 2 12s.002 5.275.08 5.579c.282 1.102 1.238 2.059 2.339 2.341.309.079.435.08 7.581.08 7.146 0 7.272-.001 7.581-.08 1.098-.281 2.058-1.241 2.339-2.339.078-.305.08-.439.08-4.581s-.002-4.276-.08-4.581c-.263-1.026-1.098-1.917-2.143-2.287l-.317-.112-3.721-.011-3.722-.011-.998-.999L10.021 4l-2.641.003c-2.03.003-2.695.016-2.88.056M10.18 7l.999 1h3.961c2.604 0 4.011.015 4.109.042.211.059.469.268.61.496l.121.196v8.532l-.121.196c-.141.228-.399.437-.61.496-.1.028-2.491.041-7.289.041-6.824-.001-7.147-.004-7.3-.074a1.168 1.168 0 0 1-.531-.479l-.109-.186V6.734l.12-.193c.066-.106.185-.246.265-.31.284-.229.267-.227 2.615-.229L9.181 6l.999 1m1.072 2.078c-.247.151-.252.181-.252 1.62V12H9.69c-1.229 0-1.318.005-1.438.078-.222.136-.252.246-.252.93 0 .536.01.628.078.74.151.247.181.252 1.62.252H11v1.302c0 1.439.005 1.469.252 1.62.112.068.203.078.748.078.545 0 .636-.01.748-.078.247-.151.252-.181.252-1.62V14h1.31c1.229 0 1.318-.005 1.438-.078.222-.135.252-.247.252-.922s-.03-.787-.252-.922c-.12-.073-.209-.078-1.438-.078H13v-1.31c0-1.229-.005-1.318-.078-1.438-.136-.222-.246-.252-.93-.252-.536 0-.628.01-.74.078" />
-  </svg>
+  </Svg>
 );

package/icons/ChannelAdd.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChannelAdd = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M11.12 2.039c-1.804.181-3.413.768-4.84 1.767-3.542 2.48-5.102 6.953-3.858 11.059a9.762 9.762 0 0 0 2.517 4.196 9.792 9.792 0 0 0 3.333 2.217c3.362 1.332 7.041.802 9.928-1.433.437-.338 1.307-1.208 1.645-1.645C21.255 16.379 22 14.234 22 12c0-4.568-3.158-8.613-7.57-9.697-.984-.241-2.402-.355-3.31-.264m1.62 2.002A7.98 7.98 0 0 1 19.182 8.5a7.965 7.965 0 0 1-1.417 9.03A7.977 7.977 0 0 1 12 19.999c-3.765 0-7.052-2.668-7.823-6.351a7.995 7.995 0 0 1 4.324-8.831 7.919 7.919 0 0 1 4.239-.776m-1.488 3.037c-.255.156-.252.131-.252 2.12V11H9.19c-1.725 0-1.816.004-1.938.078-.222.136-.252.246-.252.93 0 .536.01.628.078.74.156.255.131.252 2.12.252H11v1.802c0 1.989-.003 1.964.252 2.12.112.068.203.078.748.078.545 0 .636-.01.748-.078.255-.156.252-.131.252-2.12V13h1.81c1.725 0 1.816-.004 1.938-.078.222-.135.252-.247.252-.922s-.03-.787-.252-.922c-.122-.074-.213-.078-1.938-.078H13V9.19c0-1.725-.004-1.816-.078-1.938-.136-.222-.246-.252-.93-.252-.536 0-.628.01-.74.078" />
-  </svg>
+  </Svg>
 );

package/icons/Chat.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Chat = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M7.34 3.046a4.934 4.934 0 0 0-1.52.471c-1.23.603-2.132 1.623-2.557 2.89-.257.765-.237.205-.252 7.41-.015 7.391-.039 6.802.294 7.126a.945.945 0 0 0 .979.243c.097-.03.973-.534 1.947-1.119l1.77-1.064 4.37-.014c3.933-.013 4.396-.021 4.642-.082.984-.243 1.732-.636 2.395-1.259.739-.695 1.202-1.491 1.463-2.517l.109-.431V7.3l-.109-.431c-.261-1.026-.724-1.822-1.462-2.516a5.095 5.095 0 0 0-2.808-1.311c-.42-.052-8.854-.048-9.261.004m9.416 2.043c.889.274 1.569.851 1.948 1.651.298.63.296.597.296 4.26 0 3.636 0 3.629-.284 4.238-.424.906-1.164 1.495-2.138 1.702-.235.05-.96.059-4.705.059L7.445 17l-1.172.705c-.645.387-1.196.713-1.224.724-.041.016-.049-1.036-.039-5.474.014-6.133-.012-5.599.302-6.251a3.046 3.046 0 0 1 2.191-1.662c.108-.019 2.186-.03 4.617-.027 3.999.007 4.441.014 4.636.074m-8.903 4.982a1.245 1.245 0 0 0-.104 2.318c.465.213.999.11 1.374-.266a1.229 1.229 0 0 0-.793-2.107c-.2-.014-.324.001-.477.055m3.847-.036c-.377.1-.764.456-.882.811-.1.302-.065.716.083.989a1.248 1.248 0 0 0 2.198 0c.148-.273.183-.687.083-.989-.086-.258-.37-.579-.632-.711-.214-.108-.633-.158-.85-.1m3.758 0c-.545.141-.946.64-.95 1.182-.003.376.106.643.369.906a1.233 1.233 0 0 0 2.113-.797 1.234 1.234 0 0 0-1.16-1.309 1.663 1.663 0 0 0-.372.018" />
-  </svg>
+  </Svg>
 );

package/icons/Check.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Check = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronBottom.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronBottom = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronLeft.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronLeft = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronRight.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronRight = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronSmallBottom.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronSmallBottom = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronSmallLeft.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronSmallLeft = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronSmallRight.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronSmallRight = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronSmallTop.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronSmallTop = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ChevronUp.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ChevronUp = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Cite.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Cite = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Clip.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Clip = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Clock.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Clock = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Close.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Close = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Code.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Code = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M12.923 6.15a2808.986 2808.986 0 0 0-2.803 10.81c0 .024.177.04.457.04.401 0 .46-.009.479-.07.066-.218 2.824-10.849 2.824-10.886 0-.029-.151-.044-.458-.044h-.459l-.04.15M5.8 10.194l-2.78 1.468-.011.364-.012.364 2.783 1.465a291.25 291.25 0 0 0 2.802 1.465c.01 0 .018-.252.018-.56v-.56l-2.12-1.06c-1.213-.606-2.12-1.083-2.12-1.114 0-.03.9-.497 2.12-1.099L8.6 9.881V9.3c0-.319-.005-.579-.01-.577L5.8 10.194m9.6-.892v.579l2.12 1.046c1.219.602 2.12 1.069 2.12 1.099 0 .031-.908.508-2.12 1.114L15.4 14.2v.56c0 .308.008.56.018.56.01 0 1.271-.659 2.802-1.465l2.783-1.465-.012-.364-.011-.364-2.34-1.232-2.79-1.47-.45-.237v.579" />
-  </svg>
+  </Svg>
 );

package/icons/Collapse.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Collapse = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/ColorPicker.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const ColorPicker = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Copy.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Copy = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Divider.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Divider = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Download.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Download = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Edit.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Edit = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Emotions.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Emotions = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Endcall.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Endcall = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Exit.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Exit = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/External.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const External = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M6.433 3.043a4.302 4.302 0 0 0-1.702.669c-.775.527-1.335 1.322-1.602 2.277l-.109.391v11.24l.111.397c.421 1.509 1.576 2.591 3.095 2.9.399.081.505.083 5.774.083s5.375-.002 5.774-.083a4.003 4.003 0 0 0 3.097-2.905l.108-.392.012-2.875c.014-3.254.024-3.132-.29-3.446a.987.987 0 0 0-1.17-.173 1.065 1.065 0 0 0-.489.585c-.027.096-.042 1.095-.042 2.792 0 1.724-.015 2.725-.043 2.88-.138.755-.787 1.414-1.549 1.573-.298.062-10.518.062-10.816 0-.762-.159-1.411-.818-1.549-1.573-.06-.332-.06-10.434 0-10.766a1.93 1.93 0 0 1 .553-1.021 1.93 1.93 0 0 1 1.021-.553C6.772 5.015 7.773 5 9.5 5c2.986 0 2.894.009 3.201-.299.18-.18.299-.459.299-.701 0-.242-.119-.521-.299-.701-.309-.309-.203-.3-3.298-.294-1.509.003-2.845.02-2.97.038m8.231.02a1.005 1.005 0 0 0-.533.448c-.095.161-.111.233-.111.489s.016.328.111.489c.061.103.17.234.243.289.277.211.365.222 1.84.222h1.364l-2.224 2.23c-2.011 2.017-2.23 2.249-2.289 2.427-.129.39-.044.766.234 1.044s.654.363 1.044.234c.178-.059.41-.278 2.427-2.289L19 6.422v1.359c0 .813.017 1.419.042 1.508.061.22.273.473.489.585a.987.987 0 0 0 1.169-.172c.309-.309.3-.215.3-3.202 0-2.986.009-2.894-.299-3.201-.308-.308-.213-.299-3.218-.296-2.207.002-2.69.012-2.819.06" />
-  </svg>
+  </Svg>
 );

package/icons/Eyeoff.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Eyeoff = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M3.019 2.955c-.483.219-.722.82-.519 1.305.047.111.389.483 1.126 1.224l1.059 1.063-.337.286c-.512.435-1.372 1.339-1.74 1.829-.675.899-.979 1.78-.979 2.838 0 1.035.307 1.942.946 2.795a11.8 11.8 0 0 0 7.065 4.464c2.048.419 4.136.288 6.132-.386l.553-.186 1.447 1.443c1.377 1.372 1.459 1.446 1.665 1.506.268.079.337.079.587.005.57-.169.861-.814.618-1.368-.071-.161-1.47-1.578-8.334-8.444-6.469-6.471-8.291-8.272-8.446-8.35a1.066 1.066 0 0 0-.843-.024m7.983 1.09c-.762.063-1.567.214-2.355.443l-.293.085.825.826.825.826.394-.07c1.999-.357 4.161-.039 5.999.883a10.016 10.016 0 0 1 3.208 2.574c.496.615.691 1.073.741 1.739.071.937-.367 1.767-1.521 2.881-.212.204-.385.384-.385.4 0 .016.311.339.691.719l.691.69.504-.51c.864-.877 1.278-1.401 1.564-1.982a4.384 4.384 0 0 0 .479-2.049c0-.749-.145-1.371-.478-2.047-.473-.961-1.774-2.359-3.011-3.236-2.328-1.65-5.059-2.403-7.878-2.172m.598 2.976c-.033.007-.19.033-.35.059-.159.026-.29.059-.29.074s.455.481 1.01 1.036c.996.995 1.013 1.009 1.223 1.049.584.11.933.457 1.051 1.048.045.221.05.228 1.076 1.253l1.031 1.031.049-.216c.075-.331.098-1.19.041-1.546a4.508 4.508 0 0 0-3.881-3.768c-.278-.036-.821-.047-.96-.02m-3.857 3.018c-.216.684-.285 1.254-.223 1.86.199 1.96 1.524 3.485 3.46 3.986.307.079.458.093 1.02.092.693 0 1.046-.058 1.563-.255l.217-.082.478.479c.263.263.468.488.456.5-.036.036-.85.212-1.332.289-.546.086-2.146.098-2.642.019-1.924-.306-3.477-.96-4.836-2.038-.806-.64-1.731-1.678-1.986-2.229-.199-.429-.255-.684-.254-1.16.001-.445.074-.781.251-1.16.233-.498.936-1.308 1.705-1.967l.48-.411.874.873.873.873-.104.331m3.097 2.666 1.3 1.304-.322-.023a2.673 2.673 0 0 1-1.185-.399c-.661-.439-1.113-1.24-1.113-1.969 0-.12.005-.218.01-.218.006 0 .595.587 1.31 1.305" />
-  </svg>
+  </Svg>
 );

package/icons/Eyeon.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Eyeon = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M10.96 4.544c-2.31.266-4.109.934-5.825 2.165-1.149.823-2.38 2.096-2.89 2.987a4.609 4.609 0 0 0 0 4.608c.225.394.749 1.052 1.253 1.572a11.808 11.808 0 0 0 7.144 3.548c.713.087 2.003.087 2.716 0a11.808 11.808 0 0 0 7.144-3.548c.761-.787 1.277-1.507 1.538-2.149a4.645 4.645 0 0 0-.285-4.031c-.373-.653-1.365-1.764-2.169-2.43-1.714-1.42-3.59-2.27-5.806-2.629-.416-.068-.736-.087-1.6-.097a25.21 25.21 0 0 0-1.22.004m2.65 2.091c1.02.181 1.766.419 2.65.842a9.482 9.482 0 0 1 2.622 1.842c1.115 1.112 1.453 1.736 1.453 2.681 0 .934-.339 1.568-1.413 2.642a9.707 9.707 0 0 1-5.022 2.674 10.373 10.373 0 0 1-3.8 0 9.707 9.707 0 0 1-5.022-2.674C4.004 13.568 3.665 12.934 3.665 12c0-.945.338-1.569 1.453-2.681A9.482 9.482 0 0 1 7.74 7.477a9.506 9.506 0 0 1 2.747-.853c.624-.095.662-.096 1.693-.084.758.009 1.059.029 1.43.095m-2.454.947c-.872.158-1.724.627-2.383 1.311-.532.552-.831 1.044-1.049 1.727a4.497 4.497 0 0 0 .535 3.88c.202.309.932 1.039 1.241 1.241.766.5 1.604.752 2.5.752.896 0 1.734-.252 2.5-.752.309-.202 1.039-.932 1.241-1.241a4.516 4.516 0 0 0 .753-2.5 4.2 4.2 0 0 0-.218-1.38c-.218-.683-.517-1.175-1.049-1.727-.677-.704-1.508-1.154-2.422-1.314-.413-.073-1.24-.071-1.649.003m1.436 1.999c.89.209 1.618.938 1.828 1.829a2.67 2.67 0 0 1-.183 1.685c-.427.874-1.256 1.39-2.237 1.39-.981 0-1.81-.516-2.237-1.39-.326-.671-.327-1.529 0-2.187a2.49 2.49 0 0 1 1.629-1.326 3.27 3.27 0 0 1 1.2-.001" />
-  </svg>
+  </Svg>
 );

package/icons/File.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const File = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/FileSmall.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const FileSmall = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Filter.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Filter = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Flag.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Flag = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Folder.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Folder = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Food.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Food = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Grid.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Grid = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/H1.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const H1 = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/H2.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const H2 = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/H3.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const H3 = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Hand.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Hand = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M11.66 1.022c-.044.01-.179.039-.3.063a2.77 2.77 0 0 0-.5.173c-.472.219-.791.494-1.15.991-.047.066-.064.065-.31-.013-.362-.116-.972-.143-1.359-.06a2.707 2.707 0 0 0-1.859 1.437c-.28.573-.276.523-.292 3.012L5.875 8.87l-.148-.034c-.272-.063-.894-.041-1.225.043-.957.245-1.722 1.04-1.948 2.024-.041.181-.053.627-.05 1.877.003 1.467.012 1.699.089 2.202.104.678.302 1.417.546 2.042 1.091 2.791 3.539 4.935 6.479 5.675.883.222 1.369.279 2.382.279 1.013 0 1.499-.057 2.382-.279 3.591-.904 6.349-3.848 6.979-7.45.138-.793.165-1.623.149-4.669-.014-2.608-.022-2.903-.086-3.119-.287-.969-1.009-1.683-1.949-1.926-.278-.072-.816-.093-1.139-.044l-.204.03-.024-.57c-.028-.646-.088-.926-.29-1.338a2.707 2.707 0 0 0-1.859-1.437c-.387-.083-.997-.056-1.359.06-.246.078-.263.079-.31.013-.445-.617-.943-.98-1.579-1.153-.216-.059-.907-.107-1.051-.074m.659 2.068a.869.869 0 0 1 .259.203c.081.112.082.156.102 3.96.02 3.795.021 3.849.104 4.027.094.204.283.409.47.511.175.094.717.094.892 0 .187-.102.376-.307.47-.511.082-.177.084-.24.104-3.46.015-2.539.031-3.3.071-3.368a.88.88 0 0 1 .196-.2c.127-.097.183-.112.413-.112.23 0 .286.015.413.112a.88.88 0 0 1 .196.2c.04.068.056.829.071 3.368.02 3.22.022 3.283.104 3.46.094.204.283.409.47.511.175.094.717.094.892 0 .187-.102.376-.307.47-.511.08-.171.085-.265.104-1.8.018-1.492.026-1.629.094-1.729.273-.402.929-.386 1.186.028.083.136.083.144.07 3.508l-.014 3.373-.105.466c-.341 1.506-1.02 2.718-2.117 3.777-2.892 2.793-7.576 2.793-10.468 0-1.098-1.06-1.782-2.281-2.115-3.777-.101-.453-.105-.513-.12-2.166l-.017-1.7.094-.139c.152-.225.328-.321.592-.321.251 0 .424.088.576.293.081.109.085.168.104 1.74.02 1.609.021 1.629.114 1.817.18.361.503.562.906.563.407 0 .751-.223.93-.604.065-.139.071-.496.09-5.109.016-3.893.031-4.979.071-5.048a.88.88 0 0 1 .196-.2c.127-.097.183-.112.413-.112.23 0 .286.015.413.112a.88.88 0 0 1 .196.2c.04.068.056.829.071 3.368.02 3.22.022 3.283.104 3.46.094.204.283.409.47.511.175.094.717.094.892 0 .187-.102.376-.307.47-.511.083-.178.084-.232.104-4.027.02-3.804.021-3.848.102-3.96.107-.146.396-.293.578-.293a.87.87 0 0 1 .319.09" />
-  </svg>
+  </Svg>
 );

package/icons/Heart.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Heart = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Home.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Home = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Italic.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Italic = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Key.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Key = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Laptop.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Laptop = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Link.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Link = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Locked.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Locked = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/LongAnswer.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const LongAnswer = ({ ...props }: IconProps) => (
   <Svg {...props}>

package/icons/Mail.tsx

@@ -1,5 +1,4 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Mail = ({ ...props }: IconProps) => (
   <Svg {...props}>