@xipkg/icons 0.6.0 → 0.7.1

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}>

package/icons/Maximize.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Maximize = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M11.664 4.062a1.013 1.013 0 0 0-.533.449c-.095.161-.111.233-.111.489s.016.328.111.489c.061.103.17.234.243.289.29.222.296.222 2.624.222 1.369 0 2.233.016 2.385.043.768.141 1.433.806 1.574 1.574.027.152.043 1.015.043 2.38 0 1.353.016 2.198.042 2.292.099.358.48.664.875.702.435.041.883-.248 1.019-.66.061-.182.066-.439.055-2.577l-.013-2.374-.105-.385a4.034 4.034 0 0 0-1.604-2.283 5.037 5.037 0 0 0-1.311-.598c-.329-.087-.404-.089-2.738-.1-2.027-.009-2.424-.002-2.556.048m-7 7.001a1.005 1.005 0 0 0-.533.448l-.111.189v4.92l.111.397c.421 1.509 1.576 2.591 3.095 2.9.383.078.539.083 2.663.083 2.551 0 2.509.005 2.812-.299a.984.984 0 0 0 0-1.402c-.302-.302-.271-.299-2.726-.299-1.431 0-2.243-.015-2.383-.044-.762-.159-1.411-.818-1.549-1.573C6.016 16.231 6 15.368 6 14c0-2.427.003-2.399-.299-2.701a.996.996 0 0 0-1.037-.236" />
-  </svg>
+  </Svg>
 );

package/icons/Microphone.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Microphone = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M11.433 3.04c-.59.094-1.212.34-1.702.672-.775.527-1.335 1.322-1.602 2.277l-.109.391v5.24l.111.397c.347 1.242 1.226 2.235 2.389 2.698a4.028 4.028 0 0 0 3.968-.591 3.932 3.932 0 0 0 1.431-2.359c.081-.4.084-.502.072-2.9l-.013-2.485-.106-.388a4.051 4.051 0 0 0-1.603-2.28 4.76 4.76 0 0 0-1.311-.592c-.386-.094-1.175-.136-1.525-.08m.95 2.003c.379.07.723.256 1.021.553.297.298.483.642.553 1.021.059.324.059 4.442 0 4.766C13.791 12.29 12.932 13 12 13c-.932 0-1.791-.71-1.957-1.617-.059-.324-.059-4.442 0-4.766a1.93 1.93 0 0 1 .553-1.021c.489-.488 1.102-.678 1.787-.553m-6.719 6.02a.986.986 0 0 0-.651.825c-.04.395.26 1.42.634 2.172.982 1.97 2.85 3.396 4.983 3.805l.37.071v1.102c0 .636.018 1.165.042 1.251.061.22.273.473.489.585a.987.987 0 0 0 1.169-.172c.28-.28.3-.39.3-1.661v-1.105l.37-.071c2.411-.462 4.488-2.248 5.308-4.565.157-.443.322-1.111.322-1.303 0-.239-.12-.519-.299-.698a.984.984 0 0 0-1.405.003c-.176.176-.184.197-.397.978a5.753 5.753 0 0 1-.7 1.504 6.094 6.094 0 0 1-.615.721 5.054 5.054 0 0 1-2.584 1.4c-.476.103-1.524.103-2 0a5.196 5.196 0 0 1-3.088-1.965c-.308-.412-.682-1.176-.812-1.66-.209-.775-.22-.802-.396-.978a.995.995 0 0 0-1.04-.239" />
-  </svg>
+  </Svg>
 );

package/icons/Minimize.tsx

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

package/icons/Moon.tsx

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

package/icons/MoreVert.tsx

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

package/icons/Move.tsx

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

package/icons/Movie.tsx

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

package/icons/Music.tsx

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

package/icons/Nature.tsx

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

package/icons/Notification.tsx

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

package/icons/Objects.tsx

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

package/icons/Ol.tsx

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

package/icons/Palette.tsx

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

package/icons/PeopleInvite.tsx

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

package/icons/Photo.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Photo = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="m8.095 2.99-.908.99-1.804.021c-1.781.02-1.806.021-2.043.115-.679.27-1.158.814-1.296 1.476-.062.299-.062 12.517 0 12.816.157.75.798 1.391 1.548 1.548.3.062 16.516.062 16.816 0a2.062 2.062 0 0 0 1.548-1.548c.062-.299.062-12.517 0-12.816-.138-.662-.617-1.206-1.296-1.476-.237-.094-.262-.095-2.043-.115l-1.804-.021-.908-.99-.907-.99H9.002l-.907.99m6.934 2.008.911.999 2.03.001L20 6v12H4V6l2.03-.002 2.03-.001.911-.999L9.882 4h4.236l.911.998M11.34 7.046a5.136 5.136 0 0 0-1.444.43A5.042 5.042 0 0 0 7.075 11.1c-.073.368-.073 1.432 0 1.8.393 1.979 1.821 3.474 3.794 3.969.633.159 1.629.159 2.262 0 .989-.248 1.782-.7 2.453-1.396.657-.683 1.047-1.394 1.285-2.342.097-.387.108-.503.108-1.131s-.011-.744-.108-1.131a5.335 5.335 0 0 0-.577-1.429 5.038 5.038 0 0 0-4.952-2.394m1.226 2.016c.228.043.466.126.752.265.367.178.464.248.786.569.321.322.391.419.569.786.432.89.434 1.74.008 2.621-.594 1.226-1.949 1.907-3.257 1.637a3.002 3.002 0 0 1-2.105-1.637c-.426-.881-.424-1.731.008-2.621.178-.367.248-.464.569-.786.322-.321.419-.392.786-.569.642-.312 1.204-.391 1.884-.265" />
-  </svg>
+  </Svg>
 );

package/icons/Picture.tsx

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

package/icons/Places.tsx

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

package/icons/Play.tsx

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

package/icons/Presentation.tsx

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

package/icons/PushPin.tsx

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

package/icons/Reply.tsx

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

package/icons/Screenshare.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Screenshare = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M5.433 3.043a4.293 4.293 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.401.082.494.083 6.774.083s6.373-.001 6.774-.083c1.517-.309 2.683-1.402 3.098-2.905l.108-.392V6.38l-.106-.385c-.263-.95-.83-1.756-1.605-2.283a5.1 5.1 0 0 0-1.311-.6l-.338-.09-6.48-.007c-3.564-.003-6.582.009-6.707.028m12.95 2c.768.141 1.433.806 1.574 1.574.06.332.06 10.434 0 10.766-.138.755-.787 1.414-1.549 1.573-.299.062-12.517.062-12.816 0-.762-.159-1.411-.818-1.549-1.573-.06-.332-.06-10.434 0-10.766.137-.749.804-1.43 1.537-1.57.295-.056 12.497-.06 12.803-.004m-6.723 3.02c-.098.035-.798.568-1.8 1.37-1.775 1.421-1.806 1.452-1.848 1.864-.041.394.151.767.499.972.161.095.233.111.489.111.375 0 .388-.008 1.299-.739l.701-.563v2.031c0 1.276.016 2.086.042 2.18.061.22.273.473.489.585a.987.987 0 0 0 1.169-.172c.302-.302.3-.286.3-2.59v-2.034l.701.563c.911.731.924.739 1.299.739.257 0 .327-.016.492-.113.467-.274.629-.829.388-1.328-.08-.164-.294-.349-1.735-1.503-1.149-.919-1.697-1.333-1.821-1.375a1.014 1.014 0 0 0-.664.002" />
-  </svg>
+  </Svg>
 );

package/icons/Search.tsx

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

package/icons/Section.tsx

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

package/icons/Send.tsx

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

package/icons/Settings.tsx

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

package/icons/Shape.tsx

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

package/icons/SimpleAnswer.tsx

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

package/icons/Sort.tsx

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

package/icons/SoundOn.tsx

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

package/icons/Soundoff.tsx

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

package/icons/Speaker.tsx

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

package/icons/Stroke.tsx

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

package/icons/Sun.tsx

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

package/icons/Task.tsx

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

package/icons/TaskFile.tsx

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

package/icons/Telegram.tsx

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

package/icons/Text.tsx

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

package/icons/Trash.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Trash = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M10.665 2.041c-1.245.141-2.231.984-2.549 2.181-.065.246-.089.484-.105 1.048L7.989 6H5.92c-2.243 0-2.257.001-2.546.222a1.19 1.19 0 0 0-.243.289c-.095.161-.111.233-.111.489s.016.328.111.489c.24.409.5.511 1.294.511H5v4.39c0 2.742.016 4.563.042 4.85.079.859.239 1.364.62 1.949.407.624 1.108 1.218 1.741 1.475.767.312 1.298.347 4.977.326 3.244-.018 3.345-.024 4.05-.267.983-.338 1.955-1.31 2.293-2.293.258-.748.252-.619.267-5.76L19.004 8h.571c.684 0 .879-.052 1.126-.299a.984.984 0 0 0 0-1.402C20.4 5.998 20.418 6 18.078 6h-2.067l-.022-.73c-.024-.827-.092-1.169-.33-1.648-.358-.722-1.155-1.343-1.959-1.526-.33-.075-2.509-.114-3.035-.055M13.4 4.086a.963.963 0 0 1 .482.459c.077.157.092.27.109.819l.02.636H10l.001-.45c.001-.85.096-1.148.438-1.374.227-.15.448-.171 1.701-.161.91.007 1.146.021 1.26.071m3.588 8.524c-.012 3.291-.03 4.679-.064 4.85-.095.488-.449.984-.893 1.251-.448.269-.446.269-4.031.269-2.913 0-3.248-.007-3.517-.069a1.902 1.902 0 0 1-1.407-1.451c-.034-.172-.052-1.548-.064-4.85L6.996 8h10.009l-.017 4.61" />
-  </svg>
+  </Svg>
 );

package/icons/Ul.tsx

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

package/icons/Underline.tsx

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

package/icons/Unlocked.tsx

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

package/icons/Updates.tsx

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

package/icons/Upload.tsx

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

package/icons/Users.tsx

@@ -1,8 +1,7 @@
-import { Svg } from '../Svg';
-import { IconProps } from '../types';
+import { Svg, IconProps  } from '../Svg';
 
 export const Users = ({ ...props }: IconProps) => (
   <Svg {...props}>
     <path d="M8.34 3.046a4.934 4.934 0 0 0-1.52.471C5.374 4.226 4.39 5.51 4.075 7.1c-.073.368-.073 1.432 0 1.8.192.965.635 1.83 1.295 2.525.155.163.275.303.266.311-.009.008-.15.082-.315.164-1.497.75-2.771 2.046-3.538 3.599-.222.449-.536 1.337-.769 2.168-.28 1.004-.03 1.933.709 2.629.349.328.677.508 1.133.624.31.078.447.08 6.144.08s5.834-.002 6.144-.08a2.394 2.394 0 0 0 1.133-.624c.543-.512.813-1.118.815-1.836.002-.438-.018-.531-.339-1.56-.234-.75-.476-1.328-.785-1.871-.738-1.294-1.973-2.47-3.289-3.129a5.142 5.142 0 0 1-.317-.166c-.01-.009.092-.128.225-.265.649-.666 1.043-1.385 1.282-2.338.097-.387.108-.503.108-1.131s-.011-.744-.108-1.131c-.192-.767-.496-1.396-.943-1.957A5.04 5.04 0 0 0 8.34 3.046m5.82-.005c-.49.068-.479.034-.148.433.334.401.679.911.863 1.276.069.138.13.251.136.251.841.125 1.344.361 1.871.879.347.341.582.712.745 1.18.104.297.112.364.112.94s-.008.643-.112.94c-.378 1.083-1.244 1.821-2.367 2.018-.21.037-.34.114-.34.201 0 .014.094.096.209.183 1.721 1.306 3.214 2.62 3.95 3.478.889 1.037 1.242 1.666 1.615 2.886.206.672.222.815.108 1.002-.158.258-.207.27-1.18.292l-.882.02-.013.12c-.044.422-.338 1.227-.598 1.64l-.125.2 1.278.011c1.474.012 1.66-.012 2.197-.276a2.518 2.518 0 0 0 1.115-1.116c.239-.49.3-.769.276-1.279-.018-.364-.05-.516-.243-1.14a24.179 24.179 0 0 0-.321-.98 8.08 8.08 0 0 0-3.766-4.261 12.244 12.244 0 0 1-.375-.205c-.009-.006.084-.119.206-.251.832-.899 1.268-1.851 1.392-3.042.101-.962-.147-2.085-.651-2.941a5.02 5.02 0 0 0-3.272-2.383c-.397-.089-1.296-.13-1.68-.076M9.756 5.097c.337.092.839.35 1.117.574C11.554 6.219 12 7.14 12 8c0 1.17-.775 2.329-1.849 2.766-1.509.614-3.162-.032-3.853-1.506-.226-.481-.277-.714-.277-1.26s.051-.779.277-1.26a3.033 3.033 0 0 1 2.205-1.7c.267-.049.988-.016 1.253.057m.404 8.022a5.964 5.964 0 0 1 3.1 1.66c.808.809 1.22 1.53 1.62 2.838.217.707.242.934.125 1.126-.168.275.256.257-6.005.257s-5.837.018-6.005-.257c-.118-.195-.093-.427.124-1.129.412-1.331.821-2.044 1.638-2.854.993-.986 2.214-1.561 3.683-1.736.344-.041 1.315.013 1.72.095" />
-  </svg>
+  </Svg>
 );

package/icons/VariantSelect.tsx

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

package/icons/Video.tsx

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

package/icons/Window.tsx

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xipkg/icons",
-  "version": "0.6.0",
+  "version": "0.7.1",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "license": "MIT",

package/types.tsx

@@ -1 +0,0 @@
-export type IconProps = React.SVGProps<SVGSVGElement>;