@mirohq/design-system-icons 0.19.0 → 0.20.0

package/react/article.tsx

@@ -3,37 +3,38 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconArticle: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M8 8h8m-8 4h8m-8 4h5m-8 4h14c.5523 0 1-.4477 1-1v-14c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconArticle: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M8 8h8m-8 4h8m-8 4h5m-8 4h14c.5523 0 1-.4477 1-1v-14c0-.5523-.4477-1-1-1h-14c-.5523 0-1 .4477-1 1v14c0 .5523.4477 1 1 1Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconArticle[iconSymbol] = true

package/react/at.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconAt: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M16 12c0 2.2091-1.7909 4-4 4-2.2091 0-4-1.7909-4-4 0-2.2092 1.7909-4 4-4 2.2091 0 4 1.7908 4 4Zm0 0v1.5c0 1.3807 1.1193 2.5 2.5 2.5s2.5-1.1193 2.5-2.5v-1.5001c0-4.0001-3-8.9999-9-8.988-4.9706 0-9 4.0295-9 9.0001 0 4.9705 4.0294 9 9 9 0 0 2.5367 0 4.5-1.1664'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconAt: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M16 12c0 2.2091-1.7909 4-4 4-2.2091 0-4-1.7909-4-4 0-2.2092 1.7909-4 4-4 2.2091 0 4 1.7908 4 4Zm0 0v1.5c0 1.3807 1.1193 2.5 2.5 2.5s2.5-1.1193 2.5-2.5v-1.5001c0-4.0001-3-8.9999-9-8.988-4.9706 0-9 4.0295-9 9.0001 0 4.9705 4.0294 9 9 9 0 0 2.5367 0 4.5-1.1664'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconAt[iconSymbol] = true

package/react/badge.tsx

@@ -3,31 +3,32 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconBadge: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M8 17c-6 0-6-9 0-9h8c6 0 6 9 0 9h-8Z'
-      vectorEffect='non-scaling-stroke'
-    />
-  )
+export const IconBadge: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M8 17c-6 0-6-9 0-9h8c6 0 6 9 0 9h-8Z'
+        vectorEffect='non-scaling-stroke'
+      />
+    )
 )
+
+IconBadge[iconSymbol] = true

package/react/barrel.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconBarrel: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M3 5c1 3 17 3 18 0m-18 0c1-3 17-3 18 0m-18 0v14.0001c1 2.9999 16 2.9999 18 0v-14'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconBarrel: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M3 5c1 3 17 3 18 0m-18 0c1-3 17-3 18 0m-18 0v14.0001c1 2.9999 16 2.9999 18 0v-14'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconBarrel[iconSymbol] = true

package/react/bell-slash.tsx

@@ -3,34 +3,35 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconBellSlash: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        fill='currentColor'
-        d='M17 12.5h-1c0 .1974.0584.3904.168.5547l.832-.5547Zm2.4818 3.7226.832-.5546v-.0001l-.832.5547Zm-.4161.7774v1-1Zm-12.0657-5 .8575.5145a1 1 0 0 0 .1425-.5145h-1Zm-1.4939.5462c-.2842.4736-.1306 1.0878.343 1.372.4736.2841 1.0878.1306 1.372-.343l-1.715-1.029Zm-2.2132 6.7467c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm17.4142-14.5858c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0l1.4142 1.4142Zm-6.7078.8274c.478.2766 1.0898.1132 1.3663-.3649.2765-.478.1132-1.0897-.3649-1.3663l-1.0014 1.7312Zm2.0007 3.4655v3.5h2v-3.5h-2Zm.168 4.0547 2.4817 3.7226 1.6641-1.1094-2.4817-3.7226-1.6641 1.1094Zm2.4817 3.7226c-.2215-.3322.0167-.7773.416-.7773v2c1.1981 0 1.9127-1.3352 1.2481-2.332l-1.6641 1.1093Zm-5.6497 1.2227c0 .5523-.4477 1-1 1v2c1.6569 0 3-1.3431 3-3h-2Zm-1 1c-.5523 0-1-.4477-1-1h-2c0 1.6569 1.3431 3 3 3v-2Zm3.7568-11.3774c.157.4281.2432.8916.2432 1.3774h2a5.991 5.991 0 0 0-.3655-2.066l-1.8777.6886Zm3.3089 8.3774h-12.0657v2h12.0657v-2Zm-11.0657-4v-3h-2v3h2Zm0-3c0-2.2091 1.7909-4 4-4v-2c-3.3137 0-6 2.6863-6 6h2Zm-.779 4.5752.6365-1.0607-1.715-1.029-.6364 1.0607 1.715 1.029Zm-2.5139 7.1319 16-16-1.4142-1.4142-16 16 1.4142 1.4142Zm7.2929-15.7071c.7302 0 1.4119.1948 1.9993.5345l1.0014-1.7312c-.8835-.511-1.9095-.8033-3.0007-.8033v2Z'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconBellSlash: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          fill='currentColor'
+          d='M17 12.5h-1c0 .1974.0584.3904.168.5547l.832-.5547Zm2.4818 3.7226.832-.5546v-.0001l-.832.5547Zm-.4161.7774v1-1Zm-12.0657-5 .8575.5145a1 1 0 0 0 .1425-.5145h-1Zm-1.4939.5462c-.2842.4736-.1306 1.0878.343 1.372.4736.2841 1.0878.1306 1.372-.343l-1.715-1.029Zm-2.2132 6.7467c-.3905.3905-.3905 1.0237 0 1.4142.3905.3905 1.0237.3905 1.4142 0l-1.4142-1.4142Zm17.4142-14.5858c.3905-.3905.3905-1.0237 0-1.4142-.3905-.3905-1.0237-.3905-1.4142 0l1.4142 1.4142Zm-6.7078.8274c.478.2766 1.0898.1132 1.3663-.3649.2765-.478.1132-1.0897-.3649-1.3663l-1.0014 1.7312Zm2.0007 3.4655v3.5h2v-3.5h-2Zm.168 4.0547 2.4817 3.7226 1.6641-1.1094-2.4817-3.7226-1.6641 1.1094Zm2.4817 3.7226c-.2215-.3322.0167-.7773.416-.7773v2c1.1981 0 1.9127-1.3352 1.2481-2.332l-1.6641 1.1093Zm-5.6497 1.2227c0 .5523-.4477 1-1 1v2c1.6569 0 3-1.3431 3-3h-2Zm-1 1c-.5523 0-1-.4477-1-1h-2c0 1.6569 1.3431 3 3 3v-2Zm3.7568-11.3774c.157.4281.2432.8916.2432 1.3774h2a5.991 5.991 0 0 0-.3655-2.066l-1.8777.6886Zm3.3089 8.3774h-12.0657v2h12.0657v-2Zm-11.0657-4v-3h-2v3h2Zm0-3c0-2.2091 1.7909-4 4-4v-2c-3.3137 0-6 2.6863-6 6h2Zm-.779 4.5752.6365-1.0607-1.715-1.029-.6364 1.0607 1.715 1.029Zm-2.5139 7.1319 16-16-1.4142-1.4142-16 16 1.4142 1.4142Zm7.2929-15.7071c.7302 0 1.4119.1948 1.9993.5345l1.0014-1.7312c-.8835-.511-1.9095-.8033-3.0007-.8033v2Z'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconBellSlash[iconSymbol] = true

package/react/bell-tilt.tsx

@@ -3,36 +3,37 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconBellTilt: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M11.6455 17.7951c-.5523.9565-1.7755 1.2843-2.732.732-.9567-.5523-1.2844-1.7755-.7321-2.732m.161-6.2788 1.7409-3.0155c1.3807-2.3914 4.4387-3.2108 6.8301-1.83 2.3915 1.3806 3.2109 4.4386 1.8301 6.83l-1.7409 3.0155.2789 4.4804c.0257.3985-.4031.6649-.749.4652l-12.2825-7.0913c-.3366-.1943-.3325-.6815.0073-.8702l4.085-1.9841Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconBellTilt: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M11.6455 17.7951c-.5523.9565-1.7755 1.2843-2.732.732-.9567-.5523-1.2844-1.7755-.7321-2.732m.161-6.2788 1.7409-3.0155c1.3807-2.3914 4.4387-3.2108 6.8301-1.83 2.3915 1.3806 3.2109 4.4386 1.8301 6.83l-1.7409 3.0155.2789 4.4804c.0257.3985-.4031.6649-.749.4652l-12.2825-7.0913c-.3366-.1943-.3325-.6815.0073-.8702l4.085-1.9841Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconBellTilt[iconSymbol] = true

package/react/bell.tsx

@@ -3,36 +3,37 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconBell: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M14 18c0 1.1046-.8954 2-2 2s-2-.8954-2-2m-3-6v-3c0-2.7614 2.2386-5 5-5s5 2.2386 5 5v3.5l2.4818 3.7226c.2215.3323-.0167.7774-.4161.7774h-14.1826c-.3887 0-.6287-.424-.4287-.7572l2.5456-4.2428Z'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconBell: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M14 18c0 1.1046-.8954 2-2 2s-2-.8954-2-2m-3-6v-3c0-2.7614 2.2386-5 5-5s5 2.2386 5 5v3.5l2.4818 3.7226c.2215.3323-.0167.7774-.4161.7774h-14.1826c-.3887 0-.6287-.424-.4287-.7572l2.5456-4.2428Z'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconBell[iconSymbol] = true

package/react/board.tsx

@@ -3,38 +3,39 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconBoard: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <g clipPath='url(#a)'>
-      <path
-        stroke='currentColor'
-        strokeLinecap='round'
-        strokeLinejoin='round'
-        strokeWidth='var(--svg-stroke-width)'
-        d='M12 13h6m-12 4h-4v-14h20v14h-4m-12 0v4m0-4h12m0 0v4'
-        vectorEffect='non-scaling-stroke'
-      />
-    </g>,
-    <defs>
-      <clipPath id='a'>
-        <path fill='none' d='M0 0h24v24h-24z' />
-      </clipPath>
-    </defs>
-  )
+export const IconBoard: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <g clipPath='url(#a)'>
+        <path
+          stroke='currentColor'
+          strokeLinecap='round'
+          strokeLinejoin='round'
+          strokeWidth='var(--svg-stroke-width)'
+          d='M12 13h6m-12 4h-4v-14h20v14h-4m-12 0v4m0-4h12m0 0v4'
+          vectorEffect='non-scaling-stroke'
+        />
+      </g>,
+      <defs>
+        <clipPath id='a'>
+          <path fill='none' d='M0 0h24v24h-24z' />
+        </clipPath>
+      </defs>
+    )
 )
+
+IconBoard[iconSymbol] = true

package/react/book-open-info.tsx

@@ -3,32 +3,33 @@
  * This file was generated by sync icons utility.
  */
 import React, { forwardRef, createElement } from 'react'
-import type { ForwardRefExoticComponent, RefAttributes } from 'react'
 
+import { iconSymbol } from '../src/util'
 import { StyledIcon } from '../src/icon'
-import type { IconProps } from '../src/icon'
+import type { IconComponentType } from '../src/icon'
 
-export const IconBookOpenInfo: ForwardRefExoticComponent<
-  IconProps & RefAttributes<SVGSVGElement>
-> = forwardRef(({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
-  createElement(
-    StyledIcon,
-    {
-      ...props,
-      weight,
-      size,
-      viewBox: '0 0 24 24',
-      fill: 'none',
-      ref: forwardRef,
-    },
-    <path
-      stroke='currentColor'
-      strokeLinecap='round'
-      strokeLinejoin='round'
-      strokeWidth='var(--svg-stroke-width)'
-      d='M12 7s-1.7651-2-3-2h-7v14h7c1.2349 0 3 1 3 1m0-13s1.7651-2 3-2h7v14h-7c-1.2349 0-3 1-3 1m0-13v13m-6-10h2m-2 4h2m9-2v3'
-      vectorEffect='non-scaling-stroke'
-    />,
-    <circle cx={17} cy={9} r={1} fill='currentColor' />
-  )
+export const IconBookOpenInfo: IconComponentType = forwardRef(
+  ({ size = 'medium', weight = 'normal', ...props }, forwardRef) =>
+    createElement(
+      StyledIcon,
+      {
+        ...props,
+        weight,
+        size,
+        viewBox: '0 0 24 24',
+        fill: 'none',
+        ref: forwardRef,
+      },
+      <path
+        stroke='currentColor'
+        strokeLinecap='round'
+        strokeLinejoin='round'
+        strokeWidth='var(--svg-stroke-width)'
+        d='M12 7s-1.7651-2-3-2h-7v14h7c1.2349 0 3 1 3 1m0-13s1.7651-2 3-2h7v14h-7c-1.2349 0-3 1-3 1m0-13v13m-6-10h2m-2 4h2m9-2v3'
+        vectorEffect='non-scaling-stroke'
+      />,
+      <circle cx={17} cy={9} r={1} fill='currentColor' />
+    )
 )
+
+IconBookOpenInfo[iconSymbol] = true