diff --git a/packages/spindle-icons/dist/pdf/drag_indicator.pdf b/packages/spindle-icons/dist/pdf/drag_indicator.pdf
new file mode 100644
index 000000000..a74eb366c
Binary files /dev/null and b/packages/spindle-icons/dist/pdf/drag_indicator.pdf differ
diff --git a/packages/spindle-icons/dist/svg-unoptimized/drag_indicator.svg b/packages/spindle-icons/dist/svg-unoptimized/drag_indicator.svg
new file mode 100644
index 000000000..bcc249b25
--- /dev/null
+++ b/packages/spindle-icons/dist/svg-unoptimized/drag_indicator.svg
@@ -0,0 +1,8 @@
+
diff --git a/packages/spindle-icons/dist/svg/drag_indicator.svg b/packages/spindle-icons/dist/svg/drag_indicator.svg
new file mode 100644
index 000000000..536dfbe84
--- /dev/null
+++ b/packages/spindle-icons/dist/svg/drag_indicator.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/packages/spindle-icons/dist/svg/sprite.svg b/packages/spindle-icons/dist/svg/sprite.svg
index a4d324600..c3651ec95 100644
--- a/packages/spindle-icons/dist/svg/sprite.svg
+++ b/packages/spindle-icons/dist/svg/sprite.svg
@@ -1 +1 @@
-
\ No newline at end of file
+
\ No newline at end of file
diff --git a/packages/spindle-icons/docs/icons.md b/packages/spindle-icons/docs/icons.md
index e20df681e..a7cb73f0f 100644
--- a/packages/spindle-icons/docs/icons.md
+++ b/packages/spindle-icons/docs/icons.md
@@ -123,6 +123,7 @@
| dot | ![](../dist/svg/dot.svg) |
| dotmoney | ![](../dist/svg/dotmoney.svg) |
| download | ![](../dist/svg/download.svg) |
+| drag_indicator | ![](../dist/svg/drag_indicator.svg) |
| embed | ![](../dist/svg/embed.svg) |
| emotion_fill | ![](../dist/svg/emotion_fill.svg) |
| entry_lost | ![](../dist/svg/entry_lost.svg) |
diff --git a/packages/spindle-ui/src/Icon/755.tsx b/packages/spindle-ui/src/Icon/755.tsx
index f2ca3e761..80500411d 100644
--- a/packages/spindle-ui/src/Icon/755.tsx
+++ b/packages/spindle-ui/src/Icon/755.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const Svg755 = (props: SVGProps) => (
);
-
export default Svg755;
diff --git a/packages/spindle-ui/src/Icon/Abemakun.tsx b/packages/spindle-ui/src/Icon/Abemakun.tsx
index 048e6fe37..7bffb7840 100644
--- a/packages/spindle-ui/src/Icon/Abemakun.tsx
+++ b/packages/spindle-ui/src/Icon/Abemakun.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAbemakun = (props: SVGProps) => (
);
-
export default SvgAbemakun;
diff --git a/packages/spindle-ui/src/Icon/Abematv.tsx b/packages/spindle-ui/src/Icon/Abematv.tsx
index 0c631735c..159b3685c 100644
--- a/packages/spindle-ui/src/Icon/Abematv.tsx
+++ b/packages/spindle-ui/src/Icon/Abematv.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAbematv = (props: SVGProps) => (
);
-
export default SvgAbematv;
diff --git a/packages/spindle-ui/src/Icon/Accesslink.tsx b/packages/spindle-ui/src/Icon/Accesslink.tsx
index d2e3b5864..e22b4a7b4 100644
--- a/packages/spindle-ui/src/Icon/Accesslink.tsx
+++ b/packages/spindle-ui/src/Icon/Accesslink.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAccesslink = (props: SVGProps) => (
);
-
export default SvgAccesslink;
diff --git a/packages/spindle-ui/src/Icon/Accesspage.tsx b/packages/spindle-ui/src/Icon/Accesspage.tsx
index 357cc34fc..bda8d86c3 100644
--- a/packages/spindle-ui/src/Icon/Accesspage.tsx
+++ b/packages/spindle-ui/src/Icon/Accesspage.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAccesspage = (props: SVGProps) => (
);
-
export default SvgAccesspage;
diff --git a/packages/spindle-ui/src/Icon/AccesspageFill.tsx b/packages/spindle-ui/src/Icon/AccesspageFill.tsx
index 65aeacd21..4ede46fe6 100644
--- a/packages/spindle-ui/src/Icon/AccesspageFill.tsx
+++ b/packages/spindle-ui/src/Icon/AccesspageFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAccesspageFill = (props: SVGProps) => (
);
-
export default SvgAccesspageFill;
diff --git a/packages/spindle-ui/src/Icon/Ad.tsx b/packages/spindle-ui/src/Icon/Ad.tsx
index 01e9954c2..afb3c1b3e 100644
--- a/packages/spindle-ui/src/Icon/Ad.tsx
+++ b/packages/spindle-ui/src/Icon/Ad.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAd = (props: SVGProps) => (
);
-
export default SvgAd;
diff --git a/packages/spindle-ui/src/Icon/AddressbookFill.tsx b/packages/spindle-ui/src/Icon/AddressbookFill.tsx
index a7778aca5..460717685 100644
--- a/packages/spindle-ui/src/Icon/AddressbookFill.tsx
+++ b/packages/spindle-ui/src/Icon/AddressbookFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAddressbookFill = (props: SVGProps) => (
);
-
export default SvgAddressbookFill;
diff --git a/packages/spindle-ui/src/Icon/AlbumAddFill.tsx b/packages/spindle-ui/src/Icon/AlbumAddFill.tsx
index c3ad5a87a..ee0301a21 100644
--- a/packages/spindle-ui/src/Icon/AlbumAddFill.tsx
+++ b/packages/spindle-ui/src/Icon/AlbumAddFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAlbumAddFill = (props: SVGProps) => (
);
-
export default SvgAlbumAddFill;
diff --git a/packages/spindle-ui/src/Icon/AlbumFill.tsx b/packages/spindle-ui/src/Icon/AlbumFill.tsx
index 696b3bbd3..7884bdff5 100644
--- a/packages/spindle-ui/src/Icon/AlbumFill.tsx
+++ b/packages/spindle-ui/src/Icon/AlbumFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAlbumFill = (props: SVGProps) => (
);
-
export default SvgAlbumFill;
diff --git a/packages/spindle-ui/src/Icon/AlignCenter.tsx b/packages/spindle-ui/src/Icon/AlignCenter.tsx
index 839d0022f..a95d699fe 100644
--- a/packages/spindle-ui/src/Icon/AlignCenter.tsx
+++ b/packages/spindle-ui/src/Icon/AlignCenter.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAlignCenter = (props: SVGProps) => (
);
-
export default SvgAlignCenter;
diff --git a/packages/spindle-ui/src/Icon/AlignLeft.tsx b/packages/spindle-ui/src/Icon/AlignLeft.tsx
index deb6c891a..9ac72aa45 100644
--- a/packages/spindle-ui/src/Icon/AlignLeft.tsx
+++ b/packages/spindle-ui/src/Icon/AlignLeft.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAlignLeft = (props: SVGProps) => (
);
-
export default SvgAlignLeft;
diff --git a/packages/spindle-ui/src/Icon/AlignRight.tsx b/packages/spindle-ui/src/Icon/AlignRight.tsx
index f0d1c8353..03dfb92d5 100644
--- a/packages/spindle-ui/src/Icon/AlignRight.tsx
+++ b/packages/spindle-ui/src/Icon/AlignRight.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAlignRight = (props: SVGProps) => (
);
-
export default SvgAlignRight;
diff --git a/packages/spindle-ui/src/Icon/AllFill.tsx b/packages/spindle-ui/src/Icon/AllFill.tsx
index 19f7b66cd..6d31ba713 100644
--- a/packages/spindle-ui/src/Icon/AllFill.tsx
+++ b/packages/spindle-ui/src/Icon/AllFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAllFill = (props: SVGProps) => (
);
-
export default SvgAllFill;
diff --git a/packages/spindle-ui/src/Icon/Amebacoin.tsx b/packages/spindle-ui/src/Icon/Amebacoin.tsx
index 9b87473cc..b6ae7ddc6 100644
--- a/packages/spindle-ui/src/Icon/Amebacoin.tsx
+++ b/packages/spindle-ui/src/Icon/Amebacoin.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAmebacoin = (props: SVGProps) => (
);
-
export default SvgAmebacoin;
diff --git a/packages/spindle-ui/src/Icon/Amebapick.tsx b/packages/spindle-ui/src/Icon/Amebapick.tsx
index 5d95db9f0..7fd67998d 100644
--- a/packages/spindle-ui/src/Icon/Amebapick.tsx
+++ b/packages/spindle-ui/src/Icon/Amebapick.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAmebapick = (props: SVGProps) => (
);
-
export default SvgAmebapick;
diff --git a/packages/spindle-ui/src/Icon/Amegold.tsx b/packages/spindle-ui/src/Icon/Amegold.tsx
index ab5fc5e1e..da313a0ce 100644
--- a/packages/spindle-ui/src/Icon/Amegold.tsx
+++ b/packages/spindle-ui/src/Icon/Amegold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAmegold = (props: SVGProps) => (
);
-
export default SvgAmegold;
diff --git a/packages/spindle-ui/src/Icon/Amember.tsx b/packages/spindle-ui/src/Icon/Amember.tsx
index 793395c68..8b5c1595f 100644
--- a/packages/spindle-ui/src/Icon/Amember.tsx
+++ b/packages/spindle-ui/src/Icon/Amember.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAmember = (props: SVGProps) => (
);
-
export default SvgAmember;
diff --git a/packages/spindle-ui/src/Icon/ArrowDown.tsx b/packages/spindle-ui/src/Icon/ArrowDown.tsx
index 7fd59863e..f20810923 100644
--- a/packages/spindle-ui/src/Icon/ArrowDown.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowDown.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowDown = (props: SVGProps) => (
);
-
export default SvgArrowDown;
diff --git a/packages/spindle-ui/src/Icon/ArrowDownBold.tsx b/packages/spindle-ui/src/Icon/ArrowDownBold.tsx
index 3d4042921..28921c364 100644
--- a/packages/spindle-ui/src/Icon/ArrowDownBold.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowDownBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowDownBold = (props: SVGProps) => (
);
-
export default SvgArrowDownBold;
diff --git a/packages/spindle-ui/src/Icon/ArrowLeft.tsx b/packages/spindle-ui/src/Icon/ArrowLeft.tsx
index 125058645..6a26a7910 100644
--- a/packages/spindle-ui/src/Icon/ArrowLeft.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowLeft.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowLeft = (props: SVGProps) => (
);
-
export default SvgArrowLeft;
diff --git a/packages/spindle-ui/src/Icon/ArrowLeftBold.tsx b/packages/spindle-ui/src/Icon/ArrowLeftBold.tsx
index 3042e0ec4..a31bbf576 100644
--- a/packages/spindle-ui/src/Icon/ArrowLeftBold.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowLeftBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowLeftBold = (props: SVGProps) => (
);
-
export default SvgArrowLeftBold;
diff --git a/packages/spindle-ui/src/Icon/ArrowLeftright.tsx b/packages/spindle-ui/src/Icon/ArrowLeftright.tsx
index 414146d60..674e2f8b6 100644
--- a/packages/spindle-ui/src/Icon/ArrowLeftright.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowLeftright.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowLeftright = (props: SVGProps) => (
);
-
export default SvgArrowLeftright;
diff --git a/packages/spindle-ui/src/Icon/ArrowRight.tsx b/packages/spindle-ui/src/Icon/ArrowRight.tsx
index 30ecb3b4f..6c67f04dd 100644
--- a/packages/spindle-ui/src/Icon/ArrowRight.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowRight.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowRight = (props: SVGProps) => (
);
-
export default SvgArrowRight;
diff --git a/packages/spindle-ui/src/Icon/ArrowRightBold.tsx b/packages/spindle-ui/src/Icon/ArrowRightBold.tsx
index 649cd039a..45626ac31 100644
--- a/packages/spindle-ui/src/Icon/ArrowRightBold.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowRightBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowRightBold = (props: SVGProps) => (
);
-
export default SvgArrowRightBold;
diff --git a/packages/spindle-ui/src/Icon/ArrowRightCircle.tsx b/packages/spindle-ui/src/Icon/ArrowRightCircle.tsx
index bde5fefd2..dbe9a4167 100644
--- a/packages/spindle-ui/src/Icon/ArrowRightCircle.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowRightCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowRightCircle = (props: SVGProps) => (
);
-
export default SvgArrowRightCircle;
diff --git a/packages/spindle-ui/src/Icon/ArrowRightCircleFill.tsx b/packages/spindle-ui/src/Icon/ArrowRightCircleFill.tsx
index a8d6ef924..d38d030f0 100644
--- a/packages/spindle-ui/src/Icon/ArrowRightCircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowRightCircleFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowRightCircleFill = (props: SVGProps) => (
);
-
export default SvgArrowRightCircleFill;
diff --git a/packages/spindle-ui/src/Icon/ArrowSubdirectory.tsx b/packages/spindle-ui/src/Icon/ArrowSubdirectory.tsx
index c739e0aff..f953f5c3c 100644
--- a/packages/spindle-ui/src/Icon/ArrowSubdirectory.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowSubdirectory.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowSubdirectory = (props: SVGProps) => (
);
-
export default SvgArrowSubdirectory;
diff --git a/packages/spindle-ui/src/Icon/ArrowSubdirectoryBold.tsx b/packages/spindle-ui/src/Icon/ArrowSubdirectoryBold.tsx
index c405a9a8f..5f3bdc07b 100644
--- a/packages/spindle-ui/src/Icon/ArrowSubdirectoryBold.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowSubdirectoryBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowSubdirectoryBold = (props: SVGProps) => (
);
-
export default SvgArrowSubdirectoryBold;
diff --git a/packages/spindle-ui/src/Icon/ArrowUp.tsx b/packages/spindle-ui/src/Icon/ArrowUp.tsx
index 9f3375c47..d26e53d52 100644
--- a/packages/spindle-ui/src/Icon/ArrowUp.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowUp.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowUp = (props: SVGProps) => (
);
-
export default SvgArrowUp;
diff --git a/packages/spindle-ui/src/Icon/ArrowUpBold.tsx b/packages/spindle-ui/src/Icon/ArrowUpBold.tsx
index 0a99d2096..c711d4c80 100644
--- a/packages/spindle-ui/src/Icon/ArrowUpBold.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowUpBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowUpBold = (props: SVGProps) => (
);
-
export default SvgArrowUpBold;
diff --git a/packages/spindle-ui/src/Icon/ArrowUpdown.tsx b/packages/spindle-ui/src/Icon/ArrowUpdown.tsx
index dbfea93b0..1ea379fae 100644
--- a/packages/spindle-ui/src/Icon/ArrowUpdown.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowUpdown.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowUpdown = (props: SVGProps) => (
);
-
export default SvgArrowUpdown;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingDown.tsx b/packages/spindle-ui/src/Icon/ArrowpagingDown.tsx
index dd5897650..0d32bd9f0 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingDown.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingDown.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingDown = (props: SVGProps) => (
);
-
export default SvgArrowpagingDown;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingDownCircle.tsx b/packages/spindle-ui/src/Icon/ArrowpagingDownCircle.tsx
index 4f260a3c0..55a8d7294 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingDownCircle.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingDownCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingDownCircle = (props: SVGProps) => (
);
-
export default SvgArrowpagingDownCircle;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingLeft.tsx b/packages/spindle-ui/src/Icon/ArrowpagingLeft.tsx
index 1bb7aea94..604a79f4e 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingLeft.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingLeft.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingLeft = (props: SVGProps) => (
);
-
export default SvgArrowpagingLeft;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingLeftCircle.tsx b/packages/spindle-ui/src/Icon/ArrowpagingLeftCircle.tsx
index 57001f44f..4d58bae3a 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingLeftCircle.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingLeftCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingLeftCircle = (props: SVGProps) => (
);
-
export default SvgArrowpagingLeftCircle;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingRight.tsx b/packages/spindle-ui/src/Icon/ArrowpagingRight.tsx
index 44abb5ffe..a8ec5d475 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingRight.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingRight.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingRight = (props: SVGProps) => (
);
-
export default SvgArrowpagingRight;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingRightCircle.tsx b/packages/spindle-ui/src/Icon/ArrowpagingRightCircle.tsx
index bdf3a9c92..7c940110b 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingRightCircle.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingRightCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingRightCircle = (props: SVGProps) => (
);
-
export default SvgArrowpagingRightCircle;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingUp.tsx b/packages/spindle-ui/src/Icon/ArrowpagingUp.tsx
index f9338026f..4da041bd8 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingUp.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingUp.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingUp = (props: SVGProps) => (
);
-
export default SvgArrowpagingUp;
diff --git a/packages/spindle-ui/src/Icon/ArrowpagingUpCircle.tsx b/packages/spindle-ui/src/Icon/ArrowpagingUpCircle.tsx
index 4d4be1cda..34e076e1c 100644
--- a/packages/spindle-ui/src/Icon/ArrowpagingUpCircle.tsx
+++ b/packages/spindle-ui/src/Icon/ArrowpagingUpCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArrowpagingUpCircle = (props: SVGProps) => (
);
-
export default SvgArrowpagingUpCircle;
diff --git a/packages/spindle-ui/src/Icon/Article.tsx b/packages/spindle-ui/src/Icon/Article.tsx
index a9145d877..57c0ff267 100644
--- a/packages/spindle-ui/src/Icon/Article.tsx
+++ b/packages/spindle-ui/src/Icon/Article.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArticle = (props: SVGProps) => (
);
-
export default SvgArticle;
diff --git a/packages/spindle-ui/src/Icon/ArticleSlash.tsx b/packages/spindle-ui/src/Icon/ArticleSlash.tsx
index e05618552..e5614daa5 100644
--- a/packages/spindle-ui/src/Icon/ArticleSlash.tsx
+++ b/packages/spindle-ui/src/Icon/ArticleSlash.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArticleSlash = (props: SVGProps) => (
);
-
export default SvgArticleSlash;
diff --git a/packages/spindle-ui/src/Icon/Articledesign.tsx b/packages/spindle-ui/src/Icon/Articledesign.tsx
index d6bad2cc5..7152e6bf1 100644
--- a/packages/spindle-ui/src/Icon/Articledesign.tsx
+++ b/packages/spindle-ui/src/Icon/Articledesign.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgArticledesign = (props: SVGProps) => (
);
-
export default SvgArticledesign;
diff --git a/packages/spindle-ui/src/Icon/Astrogy.tsx b/packages/spindle-ui/src/Icon/Astrogy.tsx
index 467689870..57c474791 100644
--- a/packages/spindle-ui/src/Icon/Astrogy.tsx
+++ b/packages/spindle-ui/src/Icon/Astrogy.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAstrogy = (props: SVGProps) => (
);
-
export default SvgAstrogy;
diff --git a/packages/spindle-ui/src/Icon/AstrogyFill.tsx b/packages/spindle-ui/src/Icon/AstrogyFill.tsx
index ca758215e..bfe7aec09 100644
--- a/packages/spindle-ui/src/Icon/AstrogyFill.tsx
+++ b/packages/spindle-ui/src/Icon/AstrogyFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgAstrogyFill = (props: SVGProps) => (
);
-
export default SvgAstrogyFill;
diff --git a/packages/spindle-ui/src/Icon/Baby.tsx b/packages/spindle-ui/src/Icon/Baby.tsx
index 47d8194a5..69316a1f6 100644
--- a/packages/spindle-ui/src/Icon/Baby.tsx
+++ b/packages/spindle-ui/src/Icon/Baby.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBaby = (props: SVGProps) => (
);
-
export default SvgBaby;
diff --git a/packages/spindle-ui/src/Icon/Bbs.tsx b/packages/spindle-ui/src/Icon/Bbs.tsx
index 1f2864a16..51bd8a091 100644
--- a/packages/spindle-ui/src/Icon/Bbs.tsx
+++ b/packages/spindle-ui/src/Icon/Bbs.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBbs = (props: SVGProps) => (
);
-
export default SvgBbs;
diff --git a/packages/spindle-ui/src/Icon/Beginner.tsx b/packages/spindle-ui/src/Icon/Beginner.tsx
index e116e8dbc..88f11e87e 100644
--- a/packages/spindle-ui/src/Icon/Beginner.tsx
+++ b/packages/spindle-ui/src/Icon/Beginner.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBeginner = (props: SVGProps) => (
);
-
export default SvgBeginner;
diff --git a/packages/spindle-ui/src/Icon/Beginnermark.tsx b/packages/spindle-ui/src/Icon/Beginnermark.tsx
index e006af5fd..3b2c51d37 100644
--- a/packages/spindle-ui/src/Icon/Beginnermark.tsx
+++ b/packages/spindle-ui/src/Icon/Beginnermark.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBeginnermark = (props: SVGProps) => (
);
-
export default SvgBeginnermark;
diff --git a/packages/spindle-ui/src/Icon/Bell.tsx b/packages/spindle-ui/src/Icon/Bell.tsx
index 827e760f3..8f840a917 100644
--- a/packages/spindle-ui/src/Icon/Bell.tsx
+++ b/packages/spindle-ui/src/Icon/Bell.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBell = (props: SVGProps) => (
);
-
export default SvgBell;
diff --git a/packages/spindle-ui/src/Icon/BellFill.tsx b/packages/spindle-ui/src/Icon/BellFill.tsx
index 1bc17a258..a3af1d042 100644
--- a/packages/spindle-ui/src/Icon/BellFill.tsx
+++ b/packages/spindle-ui/src/Icon/BellFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBellFill = (props: SVGProps) => (
);
-
export default SvgBellFill;
diff --git a/packages/spindle-ui/src/Icon/BellFillSlash.tsx b/packages/spindle-ui/src/Icon/BellFillSlash.tsx
index 31d03be0d..b725cd3ae 100644
--- a/packages/spindle-ui/src/Icon/BellFillSlash.tsx
+++ b/packages/spindle-ui/src/Icon/BellFillSlash.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBellFillSlash = (props: SVGProps) => (
);
-
export default SvgBellFillSlash;
diff --git a/packages/spindle-ui/src/Icon/BellSlash.tsx b/packages/spindle-ui/src/Icon/BellSlash.tsx
index 42c239146..d377b2c37 100644
--- a/packages/spindle-ui/src/Icon/BellSlash.tsx
+++ b/packages/spindle-ui/src/Icon/BellSlash.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBellSlash = (props: SVGProps) => (
);
-
export default SvgBellSlash;
diff --git a/packages/spindle-ui/src/Icon/Blog.tsx b/packages/spindle-ui/src/Icon/Blog.tsx
index 156521373..a86d970cf 100644
--- a/packages/spindle-ui/src/Icon/Blog.tsx
+++ b/packages/spindle-ui/src/Icon/Blog.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBlog = (props: SVGProps) => (
);
-
export default SvgBlog;
diff --git a/packages/spindle-ui/src/Icon/Bloggersshop.tsx b/packages/spindle-ui/src/Icon/Bloggersshop.tsx
index 421c4f7e7..e250924ec 100644
--- a/packages/spindle-ui/src/Icon/Bloggersshop.tsx
+++ b/packages/spindle-ui/src/Icon/Bloggersshop.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBloggersshop = (props: SVGProps) => (
);
-
export default SvgBloggersshop;
diff --git a/packages/spindle-ui/src/Icon/Bold.tsx b/packages/spindle-ui/src/Icon/Bold.tsx
index a1c32ea0e..f3058b951 100644
--- a/packages/spindle-ui/src/Icon/Bold.tsx
+++ b/packages/spindle-ui/src/Icon/Bold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBold = (props: SVGProps) => (
);
-
export default SvgBold;
diff --git a/packages/spindle-ui/src/Icon/Book.tsx b/packages/spindle-ui/src/Icon/Book.tsx
index 1b252ccf9..4f6e90ea5 100644
--- a/packages/spindle-ui/src/Icon/Book.tsx
+++ b/packages/spindle-ui/src/Icon/Book.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBook = (props: SVGProps) => (
);
-
export default SvgBook;
diff --git a/packages/spindle-ui/src/Icon/BookFill.tsx b/packages/spindle-ui/src/Icon/BookFill.tsx
index 0ef627811..4db2a46f7 100644
--- a/packages/spindle-ui/src/Icon/BookFill.tsx
+++ b/packages/spindle-ui/src/Icon/BookFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBookFill = (props: SVGProps) => (
);
-
export default SvgBookFill;
diff --git a/packages/spindle-ui/src/Icon/Bookmark.tsx b/packages/spindle-ui/src/Icon/Bookmark.tsx
index 3633ec762..d993fa93a 100644
--- a/packages/spindle-ui/src/Icon/Bookmark.tsx
+++ b/packages/spindle-ui/src/Icon/Bookmark.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBookmark = (props: SVGProps) => (
);
-
export default SvgBookmark;
diff --git a/packages/spindle-ui/src/Icon/BookmarkFill.tsx b/packages/spindle-ui/src/Icon/BookmarkFill.tsx
index aadc5272b..e0d4956ec 100644
--- a/packages/spindle-ui/src/Icon/BookmarkFill.tsx
+++ b/packages/spindle-ui/src/Icon/BookmarkFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBookmarkFill = (props: SVGProps) => (
);
-
export default SvgBookmarkFill;
diff --git a/packages/spindle-ui/src/Icon/Bookshelf.tsx b/packages/spindle-ui/src/Icon/Bookshelf.tsx
index 862dbe3ba..56b3b46ec 100644
--- a/packages/spindle-ui/src/Icon/Bookshelf.tsx
+++ b/packages/spindle-ui/src/Icon/Bookshelf.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBookshelf = (props: SVGProps) => (
);
-
export default SvgBookshelf;
diff --git a/packages/spindle-ui/src/Icon/BookshelfFill.tsx b/packages/spindle-ui/src/Icon/BookshelfFill.tsx
index 34b77fdaa..2b4da4aa9 100644
--- a/packages/spindle-ui/src/Icon/BookshelfFill.tsx
+++ b/packages/spindle-ui/src/Icon/BookshelfFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBookshelfFill = (props: SVGProps) => (
);
-
export default SvgBookshelfFill;
diff --git a/packages/spindle-ui/src/Icon/Border.tsx b/packages/spindle-ui/src/Icon/Border.tsx
index 97ac63bed..1f6a6e531 100644
--- a/packages/spindle-ui/src/Icon/Border.tsx
+++ b/packages/spindle-ui/src/Icon/Border.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBorder = (props: SVGProps) => (
);
-
export default SvgBorder;
diff --git a/packages/spindle-ui/src/Icon/BottomnavFollowfeedActive.tsx b/packages/spindle-ui/src/Icon/BottomnavFollowfeedActive.tsx
index a4eba8899..8a670bc64 100644
--- a/packages/spindle-ui/src/Icon/BottomnavFollowfeedActive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnavFollowfeedActive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnavFollowfeedActive = (props: SVGProps) => (
);
-
export default SvgBottomnavFollowfeedActive;
diff --git a/packages/spindle-ui/src/Icon/BottomnavFollowfeedInactive.tsx b/packages/spindle-ui/src/Icon/BottomnavFollowfeedInactive.tsx
index 477e2bb4d..d28f8bde2 100644
--- a/packages/spindle-ui/src/Icon/BottomnavFollowfeedInactive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnavFollowfeedInactive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnavFollowfeedInactive = (props: SVGProps) => (
);
-
export default SvgBottomnavFollowfeedInactive;
diff --git a/packages/spindle-ui/src/Icon/BottomnavHomeActive.tsx b/packages/spindle-ui/src/Icon/BottomnavHomeActive.tsx
index 4f5291469..13d91d265 100644
--- a/packages/spindle-ui/src/Icon/BottomnavHomeActive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnavHomeActive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnavHomeActive = (props: SVGProps) => (
);
-
export default SvgBottomnavHomeActive;
diff --git a/packages/spindle-ui/src/Icon/BottomnavHomeInactive.tsx b/packages/spindle-ui/src/Icon/BottomnavHomeInactive.tsx
index 58d84b8a1..a2dd680d4 100644
--- a/packages/spindle-ui/src/Icon/BottomnavHomeInactive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnavHomeInactive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnavHomeInactive = (props: SVGProps) => (
);
-
export default SvgBottomnavHomeInactive;
diff --git a/packages/spindle-ui/src/Icon/BottomnavMypageActive.tsx b/packages/spindle-ui/src/Icon/BottomnavMypageActive.tsx
index 106307957..e27348a8e 100644
--- a/packages/spindle-ui/src/Icon/BottomnavMypageActive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnavMypageActive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnavMypageActive = (props: SVGProps) => (
);
-
export default SvgBottomnavMypageActive;
diff --git a/packages/spindle-ui/src/Icon/BottomnavSearchActive.tsx b/packages/spindle-ui/src/Icon/BottomnavSearchActive.tsx
index a3f0c6274..7240f53da 100644
--- a/packages/spindle-ui/src/Icon/BottomnavSearchActive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnavSearchActive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnavSearchActive = (props: SVGProps) => (
);
-
export default SvgBottomnavSearchActive;
diff --git a/packages/spindle-ui/src/Icon/BottomnavSearchInactive.tsx b/packages/spindle-ui/src/Icon/BottomnavSearchInactive.tsx
index 29fb1be98..d0fa35430 100644
--- a/packages/spindle-ui/src/Icon/BottomnavSearchInactive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnavSearchInactive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnavSearchInactive = (props: SVGProps) => (
);
-
export default SvgBottomnavSearchInactive;
diff --git a/packages/spindle-ui/src/Icon/BottomnvavMypageInactive.tsx b/packages/spindle-ui/src/Icon/BottomnvavMypageInactive.tsx
index 006893c77..640778a72 100644
--- a/packages/spindle-ui/src/Icon/BottomnvavMypageInactive.tsx
+++ b/packages/spindle-ui/src/Icon/BottomnvavMypageInactive.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBottomnvavMypageInactive = (props: SVGProps) => (
);
-
export default SvgBottomnvavMypageInactive;
diff --git a/packages/spindle-ui/src/Icon/Bullets.tsx b/packages/spindle-ui/src/Icon/Bullets.tsx
index 3a6d06f7a..043981ea0 100644
--- a/packages/spindle-ui/src/Icon/Bullets.tsx
+++ b/packages/spindle-ui/src/Icon/Bullets.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgBullets = (props: SVGProps) => (
);
-
export default SvgBullets;
diff --git a/packages/spindle-ui/src/Icon/Calendar.tsx b/packages/spindle-ui/src/Icon/Calendar.tsx
index 9f77c17f8..828020f07 100644
--- a/packages/spindle-ui/src/Icon/Calendar.tsx
+++ b/packages/spindle-ui/src/Icon/Calendar.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCalendar = (props: SVGProps) => (
);
-
export default SvgCalendar;
diff --git a/packages/spindle-ui/src/Icon/CameraFill.tsx b/packages/spindle-ui/src/Icon/CameraFill.tsx
index 25661db07..25893c2ab 100644
--- a/packages/spindle-ui/src/Icon/CameraFill.tsx
+++ b/packages/spindle-ui/src/Icon/CameraFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCameraFill = (props: SVGProps) => (
);
-
export default SvgCameraFill;
diff --git a/packages/spindle-ui/src/Icon/Cards.tsx b/packages/spindle-ui/src/Icon/Cards.tsx
index 1afb95f79..db1d6766d 100644
--- a/packages/spindle-ui/src/Icon/Cards.tsx
+++ b/packages/spindle-ui/src/Icon/Cards.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCards = (props: SVGProps) => (
);
-
export default SvgCards;
diff --git a/packages/spindle-ui/src/Icon/Cart.tsx b/packages/spindle-ui/src/Icon/Cart.tsx
index 3c6e293e7..7456f31b2 100644
--- a/packages/spindle-ui/src/Icon/Cart.tsx
+++ b/packages/spindle-ui/src/Icon/Cart.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCart = (props: SVGProps) => (
);
-
export default SvgCart;
diff --git a/packages/spindle-ui/src/Icon/CartFill.tsx b/packages/spindle-ui/src/Icon/CartFill.tsx
index 47af10290..07c20de87 100644
--- a/packages/spindle-ui/src/Icon/CartFill.tsx
+++ b/packages/spindle-ui/src/Icon/CartFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCartFill = (props: SVGProps) => (
);
-
export default SvgCartFill;
diff --git a/packages/spindle-ui/src/Icon/CautionFill.tsx b/packages/spindle-ui/src/Icon/CautionFill.tsx
index 75d48a464..e26041b84 100644
--- a/packages/spindle-ui/src/Icon/CautionFill.tsx
+++ b/packages/spindle-ui/src/Icon/CautionFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCautionFill = (props: SVGProps) => (
);
-
export default SvgCautionFill;
diff --git a/packages/spindle-ui/src/Icon/Check.tsx b/packages/spindle-ui/src/Icon/Check.tsx
index 1611cf81f..7bc440c08 100644
--- a/packages/spindle-ui/src/Icon/Check.tsx
+++ b/packages/spindle-ui/src/Icon/Check.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCheck = (props: SVGProps) => (
);
-
export default SvgCheck;
diff --git a/packages/spindle-ui/src/Icon/CheckBold.tsx b/packages/spindle-ui/src/Icon/CheckBold.tsx
index 926b51491..282d289d0 100644
--- a/packages/spindle-ui/src/Icon/CheckBold.tsx
+++ b/packages/spindle-ui/src/Icon/CheckBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCheckBold = (props: SVGProps) => (
);
-
export default SvgCheckBold;
diff --git a/packages/spindle-ui/src/Icon/CheckCircle.tsx b/packages/spindle-ui/src/Icon/CheckCircle.tsx
index ab119f4aa..a4aec2214 100644
--- a/packages/spindle-ui/src/Icon/CheckCircle.tsx
+++ b/packages/spindle-ui/src/Icon/CheckCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCheckCircle = (props: SVGProps) => (
);
-
export default SvgCheckCircle;
diff --git a/packages/spindle-ui/src/Icon/CheckCircleFill.tsx b/packages/spindle-ui/src/Icon/CheckCircleFill.tsx
index 5e50f70ee..1d7bc3c89 100644
--- a/packages/spindle-ui/src/Icon/CheckCircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/CheckCircleFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCheckCircleFill = (props: SVGProps) => (
);
-
export default SvgCheckCircleFill;
diff --git a/packages/spindle-ui/src/Icon/CheckRectangle.tsx b/packages/spindle-ui/src/Icon/CheckRectangle.tsx
index b38b70431..3ce93c89f 100644
--- a/packages/spindle-ui/src/Icon/CheckRectangle.tsx
+++ b/packages/spindle-ui/src/Icon/CheckRectangle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCheckRectangle = (props: SVGProps) => (
);
-
export default SvgCheckRectangle;
diff --git a/packages/spindle-ui/src/Icon/Checklist.tsx b/packages/spindle-ui/src/Icon/Checklist.tsx
index 2c83f885c..a4881fadd 100644
--- a/packages/spindle-ui/src/Icon/Checklist.tsx
+++ b/packages/spindle-ui/src/Icon/Checklist.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChecklist = (props: SVGProps) => (
);
-
export default SvgChecklist;
diff --git a/packages/spindle-ui/src/Icon/ChevronDown.tsx b/packages/spindle-ui/src/Icon/ChevronDown.tsx
index 9c70db88c..9e737ee3e 100644
--- a/packages/spindle-ui/src/Icon/ChevronDown.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronDown.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronDown = (props: SVGProps) => (
);
-
export default SvgChevronDown;
diff --git a/packages/spindle-ui/src/Icon/ChevronDownBold.tsx b/packages/spindle-ui/src/Icon/ChevronDownBold.tsx
index b7596fa91..fbdf02a3d 100644
--- a/packages/spindle-ui/src/Icon/ChevronDownBold.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronDownBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronDownBold = (props: SVGProps) => (
);
-
export default SvgChevronDownBold;
diff --git a/packages/spindle-ui/src/Icon/ChevronLeft.tsx b/packages/spindle-ui/src/Icon/ChevronLeft.tsx
index 36b3e03ad..180030582 100644
--- a/packages/spindle-ui/src/Icon/ChevronLeft.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronLeft.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronLeft = (props: SVGProps) => (
);
-
export default SvgChevronLeft;
diff --git a/packages/spindle-ui/src/Icon/ChevronLeftBold.tsx b/packages/spindle-ui/src/Icon/ChevronLeftBold.tsx
index 4e0222e6b..8c7035d71 100644
--- a/packages/spindle-ui/src/Icon/ChevronLeftBold.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronLeftBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronLeftBold = (props: SVGProps) => (
);
-
export default SvgChevronLeftBold;
diff --git a/packages/spindle-ui/src/Icon/ChevronRight.tsx b/packages/spindle-ui/src/Icon/ChevronRight.tsx
index a68098a30..6923e199f 100644
--- a/packages/spindle-ui/src/Icon/ChevronRight.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronRight.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronRight = (props: SVGProps) => (
);
-
export default SvgChevronRight;
diff --git a/packages/spindle-ui/src/Icon/ChevronRightBold.tsx b/packages/spindle-ui/src/Icon/ChevronRightBold.tsx
index babdae3b9..903eb6f8e 100644
--- a/packages/spindle-ui/src/Icon/ChevronRightBold.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronRightBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronRightBold = (props: SVGProps) => (
);
-
export default SvgChevronRightBold;
diff --git a/packages/spindle-ui/src/Icon/ChevronUp.tsx b/packages/spindle-ui/src/Icon/ChevronUp.tsx
index f8c0f88dc..2161d406c 100644
--- a/packages/spindle-ui/src/Icon/ChevronUp.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronUp.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronUp = (props: SVGProps) => (
);
-
export default SvgChevronUp;
diff --git a/packages/spindle-ui/src/Icon/ChevronUpBold.tsx b/packages/spindle-ui/src/Icon/ChevronUpBold.tsx
index 01bcb35ac..05e3ea201 100644
--- a/packages/spindle-ui/src/Icon/ChevronUpBold.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronUpBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronUpBold = (props: SVGProps) => (
);
-
export default SvgChevronUpBold;
diff --git a/packages/spindle-ui/src/Icon/ChevronUpTwoBold.tsx b/packages/spindle-ui/src/Icon/ChevronUpTwoBold.tsx
index 4289dfa67..f019cce2b 100644
--- a/packages/spindle-ui/src/Icon/ChevronUpTwoBold.tsx
+++ b/packages/spindle-ui/src/Icon/ChevronUpTwoBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgChevronUpTwoBold = (props: SVGProps) => (
);
-
export default SvgChevronUpTwoBold;
diff --git a/packages/spindle-ui/src/Icon/Circle.tsx b/packages/spindle-ui/src/Icon/Circle.tsx
index b723c9695..f13b07b67 100644
--- a/packages/spindle-ui/src/Icon/Circle.tsx
+++ b/packages/spindle-ui/src/Icon/Circle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCircle = (props: SVGProps) => (
);
-
export default SvgCircle;
diff --git a/packages/spindle-ui/src/Icon/CircleBold.tsx b/packages/spindle-ui/src/Icon/CircleBold.tsx
index 3109cbf77..6d2a78829 100644
--- a/packages/spindle-ui/src/Icon/CircleBold.tsx
+++ b/packages/spindle-ui/src/Icon/CircleBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCircleBold = (props: SVGProps) => (
);
-
export default SvgCircleBold;
diff --git a/packages/spindle-ui/src/Icon/CircleFill.tsx b/packages/spindle-ui/src/Icon/CircleFill.tsx
index 130ae049e..5aac9ad91 100644
--- a/packages/spindle-ui/src/Icon/CircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/CircleFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCircleFill = (props: SVGProps) => (
);
-
export default SvgCircleFill;
diff --git a/packages/spindle-ui/src/Icon/CircleSlash.tsx b/packages/spindle-ui/src/Icon/CircleSlash.tsx
index 75d66aba6..1437729b4 100644
--- a/packages/spindle-ui/src/Icon/CircleSlash.tsx
+++ b/packages/spindle-ui/src/Icon/CircleSlash.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCircleSlash = (props: SVGProps) => (
);
-
export default SvgCircleSlash;
diff --git a/packages/spindle-ui/src/Icon/Clock.tsx b/packages/spindle-ui/src/Icon/Clock.tsx
index 66c8fd67e..538cf587f 100644
--- a/packages/spindle-ui/src/Icon/Clock.tsx
+++ b/packages/spindle-ui/src/Icon/Clock.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgClock = (props: SVGProps) => (
);
-
export default SvgClock;
diff --git a/packages/spindle-ui/src/Icon/ClockFill.tsx b/packages/spindle-ui/src/Icon/ClockFill.tsx
index db649bf18..180faeec7 100644
--- a/packages/spindle-ui/src/Icon/ClockFill.tsx
+++ b/packages/spindle-ui/src/Icon/ClockFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgClockFill = (props: SVGProps) => (
);
-
export default SvgClockFill;
diff --git a/packages/spindle-ui/src/Icon/Coin.tsx b/packages/spindle-ui/src/Icon/Coin.tsx
index 000ded59d..17e694f61 100644
--- a/packages/spindle-ui/src/Icon/Coin.tsx
+++ b/packages/spindle-ui/src/Icon/Coin.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCoin = (props: SVGProps) => (
);
-
export default SvgCoin;
diff --git a/packages/spindle-ui/src/Icon/Comment.tsx b/packages/spindle-ui/src/Icon/Comment.tsx
index fe3cce737..2bcfa2825 100644
--- a/packages/spindle-ui/src/Icon/Comment.tsx
+++ b/packages/spindle-ui/src/Icon/Comment.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgComment = (props: SVGProps) => (
);
-
export default SvgComment;
diff --git a/packages/spindle-ui/src/Icon/CommentFill.tsx b/packages/spindle-ui/src/Icon/CommentFill.tsx
index 9eb188e09..eb32d25c0 100644
--- a/packages/spindle-ui/src/Icon/CommentFill.tsx
+++ b/packages/spindle-ui/src/Icon/CommentFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCommentFill = (props: SVGProps) => (
);
-
export default SvgCommentFill;
diff --git a/packages/spindle-ui/src/Icon/CommentPen.tsx b/packages/spindle-ui/src/Icon/CommentPen.tsx
index b8d985ac2..373f8c226 100644
--- a/packages/spindle-ui/src/Icon/CommentPen.tsx
+++ b/packages/spindle-ui/src/Icon/CommentPen.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCommentPen = (props: SVGProps) => (
);
-
export default SvgCommentPen;
diff --git a/packages/spindle-ui/src/Icon/CommentTwoFill.tsx b/packages/spindle-ui/src/Icon/CommentTwoFill.tsx
index 2ffbef472..67b812848 100644
--- a/packages/spindle-ui/src/Icon/CommentTwoFill.tsx
+++ b/packages/spindle-ui/src/Icon/CommentTwoFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCommentTwoFill = (props: SVGProps) => (
);
-
export default SvgCommentTwoFill;
diff --git a/packages/spindle-ui/src/Icon/CommentTwoSlashFill.tsx b/packages/spindle-ui/src/Icon/CommentTwoSlashFill.tsx
index 4e2aaa6e3..974246402 100644
--- a/packages/spindle-ui/src/Icon/CommentTwoSlashFill.tsx
+++ b/packages/spindle-ui/src/Icon/CommentTwoSlashFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCommentTwoSlashFill = (props: SVGProps) => (
);
-
export default SvgCommentTwoSlashFill;
diff --git a/packages/spindle-ui/src/Icon/Community.tsx b/packages/spindle-ui/src/Icon/Community.tsx
index b74242e1c..c3cd3772a 100644
--- a/packages/spindle-ui/src/Icon/Community.tsx
+++ b/packages/spindle-ui/src/Icon/Community.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCommunity = (props: SVGProps) => (
);
-
export default SvgCommunity;
diff --git a/packages/spindle-ui/src/Icon/Compass.tsx b/packages/spindle-ui/src/Icon/Compass.tsx
index c07a54335..29e8f83b4 100644
--- a/packages/spindle-ui/src/Icon/Compass.tsx
+++ b/packages/spindle-ui/src/Icon/Compass.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCompass = (props: SVGProps) => (
);
-
export default SvgCompass;
diff --git a/packages/spindle-ui/src/Icon/Coupon.tsx b/packages/spindle-ui/src/Icon/Coupon.tsx
index 422f60d10..9393f7463 100644
--- a/packages/spindle-ui/src/Icon/Coupon.tsx
+++ b/packages/spindle-ui/src/Icon/Coupon.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCoupon = (props: SVGProps) => (
);
-
export default SvgCoupon;
diff --git a/packages/spindle-ui/src/Icon/Crop.tsx b/packages/spindle-ui/src/Icon/Crop.tsx
index cf21864db..4843686f5 100644
--- a/packages/spindle-ui/src/Icon/Crop.tsx
+++ b/packages/spindle-ui/src/Icon/Crop.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCrop = (props: SVGProps) => (
);
-
export default SvgCrop;
diff --git a/packages/spindle-ui/src/Icon/CropDin.tsx b/packages/spindle-ui/src/Icon/CropDin.tsx
index 294feef9c..c9dfae91d 100644
--- a/packages/spindle-ui/src/Icon/CropDin.tsx
+++ b/packages/spindle-ui/src/Icon/CropDin.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCropDin = (props: SVGProps) => (
);
-
export default SvgCropDin;
diff --git a/packages/spindle-ui/src/Icon/CropLandscape.tsx b/packages/spindle-ui/src/Icon/CropLandscape.tsx
index 107c9cd90..ba4953b62 100644
--- a/packages/spindle-ui/src/Icon/CropLandscape.tsx
+++ b/packages/spindle-ui/src/Icon/CropLandscape.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCropLandscape = (props: SVGProps) => (
);
-
export default SvgCropLandscape;
diff --git a/packages/spindle-ui/src/Icon/Cross.tsx b/packages/spindle-ui/src/Icon/Cross.tsx
index 6fd06ff0c..bc98bbf50 100644
--- a/packages/spindle-ui/src/Icon/Cross.tsx
+++ b/packages/spindle-ui/src/Icon/Cross.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCross = (props: SVGProps) => (
);
-
export default SvgCross;
diff --git a/packages/spindle-ui/src/Icon/CrossBold.tsx b/packages/spindle-ui/src/Icon/CrossBold.tsx
index f61be9918..883fed7d8 100644
--- a/packages/spindle-ui/src/Icon/CrossBold.tsx
+++ b/packages/spindle-ui/src/Icon/CrossBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCrossBold = (props: SVGProps) => (
);
-
export default SvgCrossBold;
diff --git a/packages/spindle-ui/src/Icon/CrossCircle.tsx b/packages/spindle-ui/src/Icon/CrossCircle.tsx
index 879b61f12..50821ab57 100644
--- a/packages/spindle-ui/src/Icon/CrossCircle.tsx
+++ b/packages/spindle-ui/src/Icon/CrossCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCrossCircle = (props: SVGProps) => (
);
-
export default SvgCrossCircle;
diff --git a/packages/spindle-ui/src/Icon/CrossCircleFill.tsx b/packages/spindle-ui/src/Icon/CrossCircleFill.tsx
index 7e4a1f10a..815d0023f 100644
--- a/packages/spindle-ui/src/Icon/CrossCircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/CrossCircleFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCrossCircleFill = (props: SVGProps) => (
);
-
export default SvgCrossCircleFill;
diff --git a/packages/spindle-ui/src/Icon/CrossRectangle.tsx b/packages/spindle-ui/src/Icon/CrossRectangle.tsx
index e3128dd46..819aa48ca 100644
--- a/packages/spindle-ui/src/Icon/CrossRectangle.tsx
+++ b/packages/spindle-ui/src/Icon/CrossRectangle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCrossRectangle = (props: SVGProps) => (
);
-
export default SvgCrossRectangle;
diff --git a/packages/spindle-ui/src/Icon/Cutlery.tsx b/packages/spindle-ui/src/Icon/Cutlery.tsx
index b5dadc44e..f9b1cb6a9 100644
--- a/packages/spindle-ui/src/Icon/Cutlery.tsx
+++ b/packages/spindle-ui/src/Icon/Cutlery.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgCutlery = (props: SVGProps) => (
);
-
export default SvgCutlery;
diff --git a/packages/spindle-ui/src/Icon/DiamondTwo.tsx b/packages/spindle-ui/src/Icon/DiamondTwo.tsx
index 94ef4adeb..59cfc5670 100644
--- a/packages/spindle-ui/src/Icon/DiamondTwo.tsx
+++ b/packages/spindle-ui/src/Icon/DiamondTwo.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgDiamondTwo = (props: SVGProps) => (
);
-
export default SvgDiamondTwo;
diff --git a/packages/spindle-ui/src/Icon/Dice.tsx b/packages/spindle-ui/src/Icon/Dice.tsx
index 3f07b94d2..aa36030f6 100644
--- a/packages/spindle-ui/src/Icon/Dice.tsx
+++ b/packages/spindle-ui/src/Icon/Dice.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgDice = (props: SVGProps) => (
);
-
export default SvgDice;
diff --git a/packages/spindle-ui/src/Icon/Dot.tsx b/packages/spindle-ui/src/Icon/Dot.tsx
index 6aa8988cc..788dcc803 100644
--- a/packages/spindle-ui/src/Icon/Dot.tsx
+++ b/packages/spindle-ui/src/Icon/Dot.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgDot = (props: SVGProps) => (
);
-
export default SvgDot;
diff --git a/packages/spindle-ui/src/Icon/Dotmoney.tsx b/packages/spindle-ui/src/Icon/Dotmoney.tsx
index bdef0926d..c6fc39a59 100644
--- a/packages/spindle-ui/src/Icon/Dotmoney.tsx
+++ b/packages/spindle-ui/src/Icon/Dotmoney.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgDotmoney = (props: SVGProps) => (
);
-
export default SvgDotmoney;
diff --git a/packages/spindle-ui/src/Icon/Download.tsx b/packages/spindle-ui/src/Icon/Download.tsx
index 77c2cb696..2fb1c5336 100644
--- a/packages/spindle-ui/src/Icon/Download.tsx
+++ b/packages/spindle-ui/src/Icon/Download.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgDownload = (props: SVGProps) => (
);
-
export default SvgDownload;
diff --git a/packages/spindle-ui/src/Icon/DragIndicator.tsx b/packages/spindle-ui/src/Icon/DragIndicator.tsx
new file mode 100644
index 000000000..b124fe350
--- /dev/null
+++ b/packages/spindle-ui/src/Icon/DragIndicator.tsx
@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { SVGProps } from 'react';
+const SvgDragIndicator = (props: SVGProps) => (
+
+);
+export default SvgDragIndicator;
diff --git a/packages/spindle-ui/src/Icon/Embed.tsx b/packages/spindle-ui/src/Icon/Embed.tsx
index 40801526e..581787d25 100644
--- a/packages/spindle-ui/src/Icon/Embed.tsx
+++ b/packages/spindle-ui/src/Icon/Embed.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgEmbed = (props: SVGProps) => (
);
-
export default SvgEmbed;
diff --git a/packages/spindle-ui/src/Icon/EmotionFill.tsx b/packages/spindle-ui/src/Icon/EmotionFill.tsx
index a43008699..730ef4bce 100644
--- a/packages/spindle-ui/src/Icon/EmotionFill.tsx
+++ b/packages/spindle-ui/src/Icon/EmotionFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgEmotionFill = (props: SVGProps) => (
);
-
export default SvgEmotionFill;
diff --git a/packages/spindle-ui/src/Icon/EntryLost.tsx b/packages/spindle-ui/src/Icon/EntryLost.tsx
index de79690fc..44e25abb2 100644
--- a/packages/spindle-ui/src/Icon/EntryLost.tsx
+++ b/packages/spindle-ui/src/Icon/EntryLost.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgEntryLost = (props: SVGProps) => (
);
-
export default SvgEntryLost;
diff --git a/packages/spindle-ui/src/Icon/Exclamationmark.tsx b/packages/spindle-ui/src/Icon/Exclamationmark.tsx
index c5d5daa97..9ca21ec34 100644
--- a/packages/spindle-ui/src/Icon/Exclamationmark.tsx
+++ b/packages/spindle-ui/src/Icon/Exclamationmark.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExclamationmark = (props: SVGProps) => (
);
-
export default SvgExclamationmark;
diff --git a/packages/spindle-ui/src/Icon/ExclamationmarkBalloon.tsx b/packages/spindle-ui/src/Icon/ExclamationmarkBalloon.tsx
index 4c5ca36d7..fa4a31b43 100644
--- a/packages/spindle-ui/src/Icon/ExclamationmarkBalloon.tsx
+++ b/packages/spindle-ui/src/Icon/ExclamationmarkBalloon.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExclamationmarkBalloon = (props: SVGProps) => (
);
-
export default SvgExclamationmarkBalloon;
diff --git a/packages/spindle-ui/src/Icon/ExclamationmarkBalloonFill.tsx b/packages/spindle-ui/src/Icon/ExclamationmarkBalloonFill.tsx
index 0fd8b4ef5..0fbcf3d7f 100644
--- a/packages/spindle-ui/src/Icon/ExclamationmarkBalloonFill.tsx
+++ b/packages/spindle-ui/src/Icon/ExclamationmarkBalloonFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExclamationmarkBalloonFill = (props: SVGProps) => (
);
-
export default SvgExclamationmarkBalloonFill;
diff --git a/packages/spindle-ui/src/Icon/ExclamationmarkBold.tsx b/packages/spindle-ui/src/Icon/ExclamationmarkBold.tsx
index c7ecac117..eddfaa0cd 100644
--- a/packages/spindle-ui/src/Icon/ExclamationmarkBold.tsx
+++ b/packages/spindle-ui/src/Icon/ExclamationmarkBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExclamationmarkBold = (props: SVGProps) => (
);
-
export default SvgExclamationmarkBold;
diff --git a/packages/spindle-ui/src/Icon/ExclamationmarkCircle.tsx b/packages/spindle-ui/src/Icon/ExclamationmarkCircle.tsx
index b146dc9d7..0012fe0e6 100644
--- a/packages/spindle-ui/src/Icon/ExclamationmarkCircle.tsx
+++ b/packages/spindle-ui/src/Icon/ExclamationmarkCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExclamationmarkCircle = (props: SVGProps) => (
);
-
export default SvgExclamationmarkCircle;
diff --git a/packages/spindle-ui/src/Icon/ExclamationmarkCircleFill.tsx b/packages/spindle-ui/src/Icon/ExclamationmarkCircleFill.tsx
index c6f22b8c7..dee428a6c 100644
--- a/packages/spindle-ui/src/Icon/ExclamationmarkCircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/ExclamationmarkCircleFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExclamationmarkCircleFill = (props: SVGProps) => (
);
-
export default SvgExclamationmarkCircleFill;
diff --git a/packages/spindle-ui/src/Icon/Expand.tsx b/packages/spindle-ui/src/Icon/Expand.tsx
index 8be7a49fa..6ecce777d 100644
--- a/packages/spindle-ui/src/Icon/Expand.tsx
+++ b/packages/spindle-ui/src/Icon/Expand.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExpand = (props: SVGProps) => (
);
-
export default SvgExpand;
diff --git a/packages/spindle-ui/src/Icon/ExpandExit.tsx b/packages/spindle-ui/src/Icon/ExpandExit.tsx
index a7a5afd7e..6918ca370 100644
--- a/packages/spindle-ui/src/Icon/ExpandExit.tsx
+++ b/packages/spindle-ui/src/Icon/ExpandExit.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgExpandExit = (props: SVGProps) => (
);
-
export default SvgExpandExit;
diff --git a/packages/spindle-ui/src/Icon/FaceUnhappy.tsx b/packages/spindle-ui/src/Icon/FaceUnhappy.tsx
index befb2ec5e..9847a2c7e 100644
--- a/packages/spindle-ui/src/Icon/FaceUnhappy.tsx
+++ b/packages/spindle-ui/src/Icon/FaceUnhappy.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFaceUnhappy = (props: SVGProps) => (
);
-
export default SvgFaceUnhappy;
diff --git a/packages/spindle-ui/src/Icon/Facebook.tsx b/packages/spindle-ui/src/Icon/Facebook.tsx
index d83c4f3e2..1fdcaa018 100644
--- a/packages/spindle-ui/src/Icon/Facebook.tsx
+++ b/packages/spindle-ui/src/Icon/Facebook.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFacebook = (props: SVGProps) => (
);
-
export default SvgFacebook;
diff --git a/packages/spindle-ui/src/Icon/File.tsx b/packages/spindle-ui/src/Icon/File.tsx
index 9d058dd42..0266d2d93 100644
--- a/packages/spindle-ui/src/Icon/File.tsx
+++ b/packages/spindle-ui/src/Icon/File.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFile = (props: SVGProps) => (
);
-
export default SvgFile;
diff --git a/packages/spindle-ui/src/Icon/FileAdd.tsx b/packages/spindle-ui/src/Icon/FileAdd.tsx
index 8b285787d..6473eaf9e 100644
--- a/packages/spindle-ui/src/Icon/FileAdd.tsx
+++ b/packages/spindle-ui/src/Icon/FileAdd.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFileAdd = (props: SVGProps) => (
);
-
export default SvgFileAdd;
diff --git a/packages/spindle-ui/src/Icon/FileAddFill.tsx b/packages/spindle-ui/src/Icon/FileAddFill.tsx
index 37b5c9d13..bb5bacc91 100644
--- a/packages/spindle-ui/src/Icon/FileAddFill.tsx
+++ b/packages/spindle-ui/src/Icon/FileAddFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFileAddFill = (props: SVGProps) => (
);
-
export default SvgFileAddFill;
diff --git a/packages/spindle-ui/src/Icon/FileCircle.tsx b/packages/spindle-ui/src/Icon/FileCircle.tsx
index 1a69fd3ca..3da2bcb00 100644
--- a/packages/spindle-ui/src/Icon/FileCircle.tsx
+++ b/packages/spindle-ui/src/Icon/FileCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFileCircle = (props: SVGProps) => (
);
-
export default SvgFileCircle;
diff --git a/packages/spindle-ui/src/Icon/FileCircleFill.tsx b/packages/spindle-ui/src/Icon/FileCircleFill.tsx
index 05f77b6ae..498d85ebd 100644
--- a/packages/spindle-ui/src/Icon/FileCircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/FileCircleFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFileCircleFill = (props: SVGProps) => (
);
-
export default SvgFileCircleFill;
diff --git a/packages/spindle-ui/src/Icon/FileFill.tsx b/packages/spindle-ui/src/Icon/FileFill.tsx
index 79166d912..039f79c75 100644
--- a/packages/spindle-ui/src/Icon/FileFill.tsx
+++ b/packages/spindle-ui/src/Icon/FileFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFileFill = (props: SVGProps) => (
);
-
export default SvgFileFill;
diff --git a/packages/spindle-ui/src/Icon/Filter.tsx b/packages/spindle-ui/src/Icon/Filter.tsx
index aed00254d..b8feccf47 100644
--- a/packages/spindle-ui/src/Icon/Filter.tsx
+++ b/packages/spindle-ui/src/Icon/Filter.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFilter = (props: SVGProps) => (
);
-
export default SvgFilter;
diff --git a/packages/spindle-ui/src/Icon/FilterCheck.tsx b/packages/spindle-ui/src/Icon/FilterCheck.tsx
index bd3aee506..d6db79488 100644
--- a/packages/spindle-ui/src/Icon/FilterCheck.tsx
+++ b/packages/spindle-ui/src/Icon/FilterCheck.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFilterCheck = (props: SVGProps) => (
);
-
export default SvgFilterCheck;
diff --git a/packages/spindle-ui/src/Icon/Fit.tsx b/packages/spindle-ui/src/Icon/Fit.tsx
index 2d7a28a09..af9dafcdd 100644
--- a/packages/spindle-ui/src/Icon/Fit.tsx
+++ b/packages/spindle-ui/src/Icon/Fit.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFit = (props: SVGProps) => (
);
-
export default SvgFit;
diff --git a/packages/spindle-ui/src/Icon/FlagFill.tsx b/packages/spindle-ui/src/Icon/FlagFill.tsx
index a80c1d654..1917c9217 100644
--- a/packages/spindle-ui/src/Icon/FlagFill.tsx
+++ b/packages/spindle-ui/src/Icon/FlagFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFlagFill = (props: SVGProps) => (
);
-
export default SvgFlagFill;
diff --git a/packages/spindle-ui/src/Icon/FlagRanking.tsx b/packages/spindle-ui/src/Icon/FlagRanking.tsx
index 5ee546228..b1f0e9259 100644
--- a/packages/spindle-ui/src/Icon/FlagRanking.tsx
+++ b/packages/spindle-ui/src/Icon/FlagRanking.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFlagRanking = (props: SVGProps) => (
);
-
export default SvgFlagRanking;
diff --git a/packages/spindle-ui/src/Icon/FlagRankingTrim.tsx b/packages/spindle-ui/src/Icon/FlagRankingTrim.tsx
index 12c88327e..6d2cfa04d 100644
--- a/packages/spindle-ui/src/Icon/FlagRankingTrim.tsx
+++ b/packages/spindle-ui/src/Icon/FlagRankingTrim.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFlagRankingTrim = (props: SVGProps) => (
);
-
export default SvgFlagRankingTrim;
diff --git a/packages/spindle-ui/src/Icon/Flash.tsx b/packages/spindle-ui/src/Icon/Flash.tsx
index 03b617393..743aabd68 100644
--- a/packages/spindle-ui/src/Icon/Flash.tsx
+++ b/packages/spindle-ui/src/Icon/Flash.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFlash = (props: SVGProps) => (
);
-
export default SvgFlash;
diff --git a/packages/spindle-ui/src/Icon/FlashAuto.tsx b/packages/spindle-ui/src/Icon/FlashAuto.tsx
index a6f725f78..8a8e2eceb 100644
--- a/packages/spindle-ui/src/Icon/FlashAuto.tsx
+++ b/packages/spindle-ui/src/Icon/FlashAuto.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFlashAuto = (props: SVGProps) => (
);
-
export default SvgFlashAuto;
diff --git a/packages/spindle-ui/src/Icon/FlashOff.tsx b/packages/spindle-ui/src/Icon/FlashOff.tsx
index 095e618e1..066898d10 100644
--- a/packages/spindle-ui/src/Icon/FlashOff.tsx
+++ b/packages/spindle-ui/src/Icon/FlashOff.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFlashOff = (props: SVGProps) => (
);
-
export default SvgFlashOff;
diff --git a/packages/spindle-ui/src/Icon/Flowervase.tsx b/packages/spindle-ui/src/Icon/Flowervase.tsx
index 664f6faab..b87853855 100644
--- a/packages/spindle-ui/src/Icon/Flowervase.tsx
+++ b/packages/spindle-ui/src/Icon/Flowervase.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFlowervase = (props: SVGProps) => (
);
-
export default SvgFlowervase;
diff --git a/packages/spindle-ui/src/Icon/Folder.tsx b/packages/spindle-ui/src/Icon/Folder.tsx
index b6b6f0ea8..98dcf499b 100644
--- a/packages/spindle-ui/src/Icon/Folder.tsx
+++ b/packages/spindle-ui/src/Icon/Folder.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFolder = (props: SVGProps) => (
);
-
export default SvgFolder;
diff --git a/packages/spindle-ui/src/Icon/FolderFill.tsx b/packages/spindle-ui/src/Icon/FolderFill.tsx
index c7cc3af49..4905044d3 100644
--- a/packages/spindle-ui/src/Icon/FolderFill.tsx
+++ b/packages/spindle-ui/src/Icon/FolderFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFolderFill = (props: SVGProps) => (
);
-
export default SvgFolderFill;
diff --git a/packages/spindle-ui/src/Icon/FolderTwo.tsx b/packages/spindle-ui/src/Icon/FolderTwo.tsx
index e191ed840..c4fd2b39e 100644
--- a/packages/spindle-ui/src/Icon/FolderTwo.tsx
+++ b/packages/spindle-ui/src/Icon/FolderTwo.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFolderTwo = (props: SVGProps) => (
);
-
export default SvgFolderTwo;
diff --git a/packages/spindle-ui/src/Icon/FolderTwoFill.tsx b/packages/spindle-ui/src/Icon/FolderTwoFill.tsx
index 85719fd86..1c2b286b8 100644
--- a/packages/spindle-ui/src/Icon/FolderTwoFill.tsx
+++ b/packages/spindle-ui/src/Icon/FolderTwoFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFolderTwoFill = (props: SVGProps) => (
);
-
export default SvgFolderTwoFill;
diff --git a/packages/spindle-ui/src/Icon/Font.tsx b/packages/spindle-ui/src/Icon/Font.tsx
index 550035734..65c5e627e 100644
--- a/packages/spindle-ui/src/Icon/Font.tsx
+++ b/packages/spindle-ui/src/Icon/Font.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFont = (props: SVGProps) => (
);
-
export default SvgFont;
diff --git a/packages/spindle-ui/src/Icon/Fontstyle.tsx b/packages/spindle-ui/src/Icon/Fontstyle.tsx
index 2349a30f6..9350919e2 100644
--- a/packages/spindle-ui/src/Icon/Fontstyle.tsx
+++ b/packages/spindle-ui/src/Icon/Fontstyle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFontstyle = (props: SVGProps) => (
);
-
export default SvgFontstyle;
diff --git a/packages/spindle-ui/src/Icon/FreeCircle.tsx b/packages/spindle-ui/src/Icon/FreeCircle.tsx
index aa4ff0c9f..6b5fea5b8 100644
--- a/packages/spindle-ui/src/Icon/FreeCircle.tsx
+++ b/packages/spindle-ui/src/Icon/FreeCircle.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFreeCircle = (props: SVGProps) => (
);
-
export default SvgFreeCircle;
diff --git a/packages/spindle-ui/src/Icon/FreeCircleFill.tsx b/packages/spindle-ui/src/Icon/FreeCircleFill.tsx
index c276ca53f..87daf2c4a 100644
--- a/packages/spindle-ui/src/Icon/FreeCircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/FreeCircleFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgFreeCircleFill = (props: SVGProps) => (
);
-
export default SvgFreeCircleFill;
diff --git a/packages/spindle-ui/src/Icon/Game.tsx b/packages/spindle-ui/src/Icon/Game.tsx
index 283045762..bf2840d1b 100644
--- a/packages/spindle-ui/src/Icon/Game.tsx
+++ b/packages/spindle-ui/src/Icon/Game.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGame = (props: SVGProps) => (
);
-
export default SvgGame;
diff --git a/packages/spindle-ui/src/Icon/GameFill.tsx b/packages/spindle-ui/src/Icon/GameFill.tsx
index 17e8052ae..94e3ce61a 100644
--- a/packages/spindle-ui/src/Icon/GameFill.tsx
+++ b/packages/spindle-ui/src/Icon/GameFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGameFill = (props: SVGProps) => (
);
-
export default SvgGameFill;
diff --git a/packages/spindle-ui/src/Icon/GameKantan.tsx b/packages/spindle-ui/src/Icon/GameKantan.tsx
index b683e0a41..ad55bad95 100644
--- a/packages/spindle-ui/src/Icon/GameKantan.tsx
+++ b/packages/spindle-ui/src/Icon/GameKantan.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGameKantan = (props: SVGProps) => (
);
-
export default SvgGameKantan;
diff --git a/packages/spindle-ui/src/Icon/Gear.tsx b/packages/spindle-ui/src/Icon/Gear.tsx
index 00a3da93a..f43f64686 100644
--- a/packages/spindle-ui/src/Icon/Gear.tsx
+++ b/packages/spindle-ui/src/Icon/Gear.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGear = (props: SVGProps) => (
);
-
export default SvgGear;
diff --git a/packages/spindle-ui/src/Icon/GearFill.tsx b/packages/spindle-ui/src/Icon/GearFill.tsx
index 2b3847ce5..40644a04c 100644
--- a/packages/spindle-ui/src/Icon/GearFill.tsx
+++ b/packages/spindle-ui/src/Icon/GearFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGearFill = (props: SVGProps) => (
);
-
export default SvgGearFill;
diff --git a/packages/spindle-ui/src/Icon/Genre.tsx b/packages/spindle-ui/src/Icon/Genre.tsx
index 42d126979..8d567fdac 100644
--- a/packages/spindle-ui/src/Icon/Genre.tsx
+++ b/packages/spindle-ui/src/Icon/Genre.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGenre = (props: SVGProps) => (
);
-
export default SvgGenre;
diff --git a/packages/spindle-ui/src/Icon/GenreAdd.tsx b/packages/spindle-ui/src/Icon/GenreAdd.tsx
index 3ca555ac0..6258080d7 100644
--- a/packages/spindle-ui/src/Icon/GenreAdd.tsx
+++ b/packages/spindle-ui/src/Icon/GenreAdd.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGenreAdd = (props: SVGProps) => (
);
-
export default SvgGenreAdd;
diff --git a/packages/spindle-ui/src/Icon/GenreDone.tsx b/packages/spindle-ui/src/Icon/GenreDone.tsx
index a7722e4f7..866bb43a3 100644
--- a/packages/spindle-ui/src/Icon/GenreDone.tsx
+++ b/packages/spindle-ui/src/Icon/GenreDone.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGenreDone = (props: SVGProps) => (
);
-
export default SvgGenreDone;
diff --git a/packages/spindle-ui/src/Icon/GraphBar.tsx b/packages/spindle-ui/src/Icon/GraphBar.tsx
index 163f4ea4c..f2accf85b 100644
--- a/packages/spindle-ui/src/Icon/GraphBar.tsx
+++ b/packages/spindle-ui/src/Icon/GraphBar.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGraphBar = (props: SVGProps) => (
);
-
export default SvgGraphBar;
diff --git a/packages/spindle-ui/src/Icon/Gruppo.tsx b/packages/spindle-ui/src/Icon/Gruppo.tsx
index 35d16e805..a82b6b45e 100644
--- a/packages/spindle-ui/src/Icon/Gruppo.tsx
+++ b/packages/spindle-ui/src/Icon/Gruppo.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgGruppo = (props: SVGProps) => (
);
-
export default SvgGruppo;
diff --git a/packages/spindle-ui/src/Icon/HandWaveFill.tsx b/packages/spindle-ui/src/Icon/HandWaveFill.tsx
index adc11b3b5..bd9380513 100644
--- a/packages/spindle-ui/src/Icon/HandWaveFill.tsx
+++ b/packages/spindle-ui/src/Icon/HandWaveFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHandWaveFill = (props: SVGProps) => (
);
-
export default SvgHandWaveFill;
diff --git a/packages/spindle-ui/src/Icon/Hatenabookmark.tsx b/packages/spindle-ui/src/Icon/Hatenabookmark.tsx
index aa2eb7580..8bda197fb 100644
--- a/packages/spindle-ui/src/Icon/Hatenabookmark.tsx
+++ b/packages/spindle-ui/src/Icon/Hatenabookmark.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHatenabookmark = (props: SVGProps) => (
);
-
export default SvgHatenabookmark;
diff --git a/packages/spindle-ui/src/Icon/Heart.tsx b/packages/spindle-ui/src/Icon/Heart.tsx
index f76c5f340..f3035733e 100644
--- a/packages/spindle-ui/src/Icon/Heart.tsx
+++ b/packages/spindle-ui/src/Icon/Heart.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHeart = (props: SVGProps) => (
);
-
export default SvgHeart;
diff --git a/packages/spindle-ui/src/Icon/HeartFill.tsx b/packages/spindle-ui/src/Icon/HeartFill.tsx
index 47bfd1ac7..86c02cb13 100644
--- a/packages/spindle-ui/src/Icon/HeartFill.tsx
+++ b/packages/spindle-ui/src/Icon/HeartFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHeartFill = (props: SVGProps) => (
);
-
export default SvgHeartFill;
diff --git a/packages/spindle-ui/src/Icon/History.tsx b/packages/spindle-ui/src/Icon/History.tsx
index b59d1055b..1bcf204ff 100644
--- a/packages/spindle-ui/src/Icon/History.tsx
+++ b/packages/spindle-ui/src/Icon/History.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHistory = (props: SVGProps) => (
);
-
export default SvgHistory;
diff --git a/packages/spindle-ui/src/Icon/HomeFill.tsx b/packages/spindle-ui/src/Icon/HomeFill.tsx
index eaa0e0c3b..f3e758450 100644
--- a/packages/spindle-ui/src/Icon/HomeFill.tsx
+++ b/packages/spindle-ui/src/Icon/HomeFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHomeFill = (props: SVGProps) => (
);
-
export default SvgHomeFill;
diff --git a/packages/spindle-ui/src/Icon/Hot.tsx b/packages/spindle-ui/src/Icon/Hot.tsx
index 75d927c0e..4d38b0b41 100644
--- a/packages/spindle-ui/src/Icon/Hot.tsx
+++ b/packages/spindle-ui/src/Icon/Hot.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHot = (props: SVGProps) => (
);
-
export default SvgHot;
diff --git a/packages/spindle-ui/src/Icon/Htmltag.tsx b/packages/spindle-ui/src/Icon/Htmltag.tsx
index 3abfa76f8..f00fec0b9 100644
--- a/packages/spindle-ui/src/Icon/Htmltag.tsx
+++ b/packages/spindle-ui/src/Icon/Htmltag.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgHtmltag = (props: SVGProps) => (
);
-
export default SvgHtmltag;
diff --git a/packages/spindle-ui/src/Icon/ImageAddFill.tsx b/packages/spindle-ui/src/Icon/ImageAddFill.tsx
index 7db4145da..098c34e6b 100644
--- a/packages/spindle-ui/src/Icon/ImageAddFill.tsx
+++ b/packages/spindle-ui/src/Icon/ImageAddFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgImageAddFill = (props: SVGProps) => (
);
-
export default SvgImageAddFill;
diff --git a/packages/spindle-ui/src/Icon/ImageBanFill.tsx b/packages/spindle-ui/src/Icon/ImageBanFill.tsx
index 682205189..7204789e2 100644
--- a/packages/spindle-ui/src/Icon/ImageBanFill.tsx
+++ b/packages/spindle-ui/src/Icon/ImageBanFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgImageBanFill = (props: SVGProps) => (
);
-
export default SvgImageBanFill;
diff --git a/packages/spindle-ui/src/Icon/ImageFill.tsx b/packages/spindle-ui/src/Icon/ImageFill.tsx
index e48988e96..ff88a8c61 100644
--- a/packages/spindle-ui/src/Icon/ImageFill.tsx
+++ b/packages/spindle-ui/src/Icon/ImageFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgImageFill = (props: SVGProps) => (
);
-
export default SvgImageFill;
diff --git a/packages/spindle-ui/src/Icon/ImageFillSlash.tsx b/packages/spindle-ui/src/Icon/ImageFillSlash.tsx
index 99ff0eb82..dae467812 100644
--- a/packages/spindle-ui/src/Icon/ImageFillSlash.tsx
+++ b/packages/spindle-ui/src/Icon/ImageFillSlash.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgImageFillSlash = (props: SVGProps) => (
);
-
export default SvgImageFillSlash;
diff --git a/packages/spindle-ui/src/Icon/ImageQuestionFill.tsx b/packages/spindle-ui/src/Icon/ImageQuestionFill.tsx
index 996e9df48..adf8d794b 100644
--- a/packages/spindle-ui/src/Icon/ImageQuestionFill.tsx
+++ b/packages/spindle-ui/src/Icon/ImageQuestionFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgImageQuestionFill = (props: SVGProps) => (
);
-
export default SvgImageQuestionFill;
diff --git a/packages/spindle-ui/src/Icon/Information.tsx b/packages/spindle-ui/src/Icon/Information.tsx
index 5490d64c2..e175bb07b 100644
--- a/packages/spindle-ui/src/Icon/Information.tsx
+++ b/packages/spindle-ui/src/Icon/Information.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgInformation = (props: SVGProps) => (
);
-
export default SvgInformation;
diff --git a/packages/spindle-ui/src/Icon/Instagram.tsx b/packages/spindle-ui/src/Icon/Instagram.tsx
index 2da05121a..cd142bba7 100644
--- a/packages/spindle-ui/src/Icon/Instagram.tsx
+++ b/packages/spindle-ui/src/Icon/Instagram.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgInstagram = (props: SVGProps) => (
);
-
export default SvgInstagram;
diff --git a/packages/spindle-ui/src/Icon/Italic.tsx b/packages/spindle-ui/src/Icon/Italic.tsx
index 73079230b..cfd39512c 100644
--- a/packages/spindle-ui/src/Icon/Italic.tsx
+++ b/packages/spindle-ui/src/Icon/Italic.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgItalic = (props: SVGProps) => (
);
-
export default SvgItalic;
diff --git a/packages/spindle-ui/src/Icon/Kaomoji.tsx b/packages/spindle-ui/src/Icon/Kaomoji.tsx
index aba8d313d..fabf8c5b9 100644
--- a/packages/spindle-ui/src/Icon/Kaomoji.tsx
+++ b/packages/spindle-ui/src/Icon/Kaomoji.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgKaomoji = (props: SVGProps) => (
);
-
export default SvgKaomoji;
diff --git a/packages/spindle-ui/src/Icon/Keyboard.tsx b/packages/spindle-ui/src/Icon/Keyboard.tsx
index 0af0986f3..333211044 100644
--- a/packages/spindle-ui/src/Icon/Keyboard.tsx
+++ b/packages/spindle-ui/src/Icon/Keyboard.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgKeyboard = (props: SVGProps) => (
);
-
export default SvgKeyboard;
diff --git a/packages/spindle-ui/src/Icon/KeyboardDownFill.tsx b/packages/spindle-ui/src/Icon/KeyboardDownFill.tsx
index 0df064754..5333b464d 100644
--- a/packages/spindle-ui/src/Icon/KeyboardDownFill.tsx
+++ b/packages/spindle-ui/src/Icon/KeyboardDownFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgKeyboardDownFill = (props: SVGProps) => (
);
-
export default SvgKeyboardDownFill;
diff --git a/packages/spindle-ui/src/Icon/KeyboardFill.tsx b/packages/spindle-ui/src/Icon/KeyboardFill.tsx
index 18b4257ae..cfe1ba73d 100644
--- a/packages/spindle-ui/src/Icon/KeyboardFill.tsx
+++ b/packages/spindle-ui/src/Icon/KeyboardFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgKeyboardFill = (props: SVGProps) => (
);
-
export default SvgKeyboardFill;
diff --git a/packages/spindle-ui/src/Icon/Koeblog.tsx b/packages/spindle-ui/src/Icon/Koeblog.tsx
index 33c1ec92b..9c35f527c 100644
--- a/packages/spindle-ui/src/Icon/Koeblog.tsx
+++ b/packages/spindle-ui/src/Icon/Koeblog.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgKoeblog = (props: SVGProps) => (
);
-
export default SvgKoeblog;
diff --git a/packages/spindle-ui/src/Icon/LineCircle.tsx b/packages/spindle-ui/src/Icon/LineCircle.tsx
index 456652bda..7358d32e4 100644
--- a/packages/spindle-ui/src/Icon/LineCircle.tsx
+++ b/packages/spindle-ui/src/Icon/LineCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgLineCircle = (props: SVGProps) => (
);
-
export default SvgLineCircle;
diff --git a/packages/spindle-ui/src/Icon/LineSquare.tsx b/packages/spindle-ui/src/Icon/LineSquare.tsx
index c6aea2010..1913e70e8 100644
--- a/packages/spindle-ui/src/Icon/LineSquare.tsx
+++ b/packages/spindle-ui/src/Icon/LineSquare.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgLineSquare = (props: SVGProps) => (
);
-
export default SvgLineSquare;
diff --git a/packages/spindle-ui/src/Icon/Link.tsx b/packages/spindle-ui/src/Icon/Link.tsx
index 31152c925..5f9798dd2 100644
--- a/packages/spindle-ui/src/Icon/Link.tsx
+++ b/packages/spindle-ui/src/Icon/Link.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgLink = (props: SVGProps) => (
);
-
export default SvgLink;
diff --git a/packages/spindle-ui/src/Icon/ListBookmarkFill.tsx b/packages/spindle-ui/src/Icon/ListBookmarkFill.tsx
index 991b341d4..b02a04ae0 100644
--- a/packages/spindle-ui/src/Icon/ListBookmarkFill.tsx
+++ b/packages/spindle-ui/src/Icon/ListBookmarkFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgListBookmarkFill = (props: SVGProps) => (
);
-
export default SvgListBookmarkFill;
diff --git a/packages/spindle-ui/src/Icon/ListBulleted.tsx b/packages/spindle-ui/src/Icon/ListBulleted.tsx
index f6bd5623d..83a14ce32 100644
--- a/packages/spindle-ui/src/Icon/ListBulleted.tsx
+++ b/packages/spindle-ui/src/Icon/ListBulleted.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgListBulleted = (props: SVGProps) => (
);
-
export default SvgListBulleted;
diff --git a/packages/spindle-ui/src/Icon/ListNumbered.tsx b/packages/spindle-ui/src/Icon/ListNumbered.tsx
index 37189e741..83cb0ebe1 100644
--- a/packages/spindle-ui/src/Icon/ListNumbered.tsx
+++ b/packages/spindle-ui/src/Icon/ListNumbered.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgListNumbered = (props: SVGProps) => (
);
-
export default SvgListNumbered;
diff --git a/packages/spindle-ui/src/Icon/Loading.tsx b/packages/spindle-ui/src/Icon/Loading.tsx
index 45cb4b569..7c3cebd1b 100644
--- a/packages/spindle-ui/src/Icon/Loading.tsx
+++ b/packages/spindle-ui/src/Icon/Loading.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgLoading = (props: SVGProps) => (
);
-
export default SvgLoading;
diff --git a/packages/spindle-ui/src/Icon/LockFill.tsx b/packages/spindle-ui/src/Icon/LockFill.tsx
index 84fe61758..3d3bf050e 100644
--- a/packages/spindle-ui/src/Icon/LockFill.tsx
+++ b/packages/spindle-ui/src/Icon/LockFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgLockFill = (props: SVGProps) => (
);
-
export default SvgLockFill;
diff --git a/packages/spindle-ui/src/Icon/LockOpenFill.tsx b/packages/spindle-ui/src/Icon/LockOpenFill.tsx
index bcd5bd971..44ded764f 100644
--- a/packages/spindle-ui/src/Icon/LockOpenFill.tsx
+++ b/packages/spindle-ui/src/Icon/LockOpenFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgLockOpenFill = (props: SVGProps) => (
);
-
export default SvgLockOpenFill;
diff --git a/packages/spindle-ui/src/Icon/Magicwand.tsx b/packages/spindle-ui/src/Icon/Magicwand.tsx
index a21add9a5..718079abf 100644
--- a/packages/spindle-ui/src/Icon/Magicwand.tsx
+++ b/packages/spindle-ui/src/Icon/Magicwand.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMagicwand = (props: SVGProps) => (
);
-
export default SvgMagicwand;
diff --git a/packages/spindle-ui/src/Icon/Mail.tsx b/packages/spindle-ui/src/Icon/Mail.tsx
index eb49a6699..c21584d94 100644
--- a/packages/spindle-ui/src/Icon/Mail.tsx
+++ b/packages/spindle-ui/src/Icon/Mail.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMail = (props: SVGProps) => (
);
-
export default SvgMail;
diff --git a/packages/spindle-ui/src/Icon/MailCheck.tsx b/packages/spindle-ui/src/Icon/MailCheck.tsx
index b59baeafb..3ca0df6be 100644
--- a/packages/spindle-ui/src/Icon/MailCheck.tsx
+++ b/packages/spindle-ui/src/Icon/MailCheck.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMailCheck = (props: SVGProps) => (
);
-
export default SvgMailCheck;
diff --git a/packages/spindle-ui/src/Icon/MailCircle.tsx b/packages/spindle-ui/src/Icon/MailCircle.tsx
index cfc0c9ac1..59143bfa3 100644
--- a/packages/spindle-ui/src/Icon/MailCircle.tsx
+++ b/packages/spindle-ui/src/Icon/MailCircle.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMailCircle = (props: SVGProps) => (
);
-
export default SvgMailCircle;
diff --git a/packages/spindle-ui/src/Icon/MailCircleFill.tsx b/packages/spindle-ui/src/Icon/MailCircleFill.tsx
index 19c8c26d5..93e1af219 100644
--- a/packages/spindle-ui/src/Icon/MailCircleFill.tsx
+++ b/packages/spindle-ui/src/Icon/MailCircleFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMailCircleFill = (props: SVGProps) => (
);
-
export default SvgMailCircleFill;
diff --git a/packages/spindle-ui/src/Icon/MailFill.tsx b/packages/spindle-ui/src/Icon/MailFill.tsx
index 1cb877175..0f88bd09c 100644
--- a/packages/spindle-ui/src/Icon/MailFill.tsx
+++ b/packages/spindle-ui/src/Icon/MailFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMailFill = (props: SVGProps) => (
);
-
export default SvgMailFill;
diff --git a/packages/spindle-ui/src/Icon/Megaphone.tsx b/packages/spindle-ui/src/Icon/Megaphone.tsx
index c8a756d78..2c9689e9b 100644
--- a/packages/spindle-ui/src/Icon/Megaphone.tsx
+++ b/packages/spindle-ui/src/Icon/Megaphone.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMegaphone = (props: SVGProps) => (
);
-
export default SvgMegaphone;
diff --git a/packages/spindle-ui/src/Icon/MenuHamburger.tsx b/packages/spindle-ui/src/Icon/MenuHamburger.tsx
index 48c186127..1fdf8edfb 100644
--- a/packages/spindle-ui/src/Icon/MenuHamburger.tsx
+++ b/packages/spindle-ui/src/Icon/MenuHamburger.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMenuHamburger = (props: SVGProps) => (
);
-
export default SvgMenuHamburger;
diff --git a/packages/spindle-ui/src/Icon/MenuHamburgerBold.tsx b/packages/spindle-ui/src/Icon/MenuHamburgerBold.tsx
index d42d7624e..b86557f04 100644
--- a/packages/spindle-ui/src/Icon/MenuHamburgerBold.tsx
+++ b/packages/spindle-ui/src/Icon/MenuHamburgerBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMenuHamburgerBold = (props: SVGProps) => (
);
-
export default SvgMenuHamburgerBold;
diff --git a/packages/spindle-ui/src/Icon/MenuHamburgerFourline.tsx b/packages/spindle-ui/src/Icon/MenuHamburgerFourline.tsx
index 7bca5969c..2b1518ca6 100644
--- a/packages/spindle-ui/src/Icon/MenuHamburgerFourline.tsx
+++ b/packages/spindle-ui/src/Icon/MenuHamburgerFourline.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMenuHamburgerFourline = (props: SVGProps) => (
);
-
export default SvgMenuHamburgerFourline;
diff --git a/packages/spindle-ui/src/Icon/MenuHorizontal.tsx b/packages/spindle-ui/src/Icon/MenuHorizontal.tsx
index 71327c1bb..2ca105999 100644
--- a/packages/spindle-ui/src/Icon/MenuHorizontal.tsx
+++ b/packages/spindle-ui/src/Icon/MenuHorizontal.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMenuHorizontal = (props: SVGProps) => (
);
-
export default SvgMenuHorizontal;
diff --git a/packages/spindle-ui/src/Icon/MenuVertical.tsx b/packages/spindle-ui/src/Icon/MenuVertical.tsx
index 250eab511..3444af736 100644
--- a/packages/spindle-ui/src/Icon/MenuVertical.tsx
+++ b/packages/spindle-ui/src/Icon/MenuVertical.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMenuVertical = (props: SVGProps) => (
);
-
export default SvgMenuVertical;
diff --git a/packages/spindle-ui/src/Icon/Messageboard.tsx b/packages/spindle-ui/src/Icon/Messageboard.tsx
index dca810458..fd61873fd 100644
--- a/packages/spindle-ui/src/Icon/Messageboard.tsx
+++ b/packages/spindle-ui/src/Icon/Messageboard.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMessageboard = (props: SVGProps) => (
);
-
export default SvgMessageboard;
diff --git a/packages/spindle-ui/src/Icon/Microphone.tsx b/packages/spindle-ui/src/Icon/Microphone.tsx
index c14e854a0..1a6aa49f4 100644
--- a/packages/spindle-ui/src/Icon/Microphone.tsx
+++ b/packages/spindle-ui/src/Icon/Microphone.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMicrophone = (props: SVGProps) => (
);
-
export default SvgMicrophone;
diff --git a/packages/spindle-ui/src/Icon/MicrophoneFill.tsx b/packages/spindle-ui/src/Icon/MicrophoneFill.tsx
index e4c4b99de..cf14ee12e 100644
--- a/packages/spindle-ui/src/Icon/MicrophoneFill.tsx
+++ b/packages/spindle-ui/src/Icon/MicrophoneFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMicrophoneFill = (props: SVGProps) => (
);
-
export default SvgMicrophoneFill;
diff --git a/packages/spindle-ui/src/Icon/Minus.tsx b/packages/spindle-ui/src/Icon/Minus.tsx
index c6090ad90..fe54ad362 100644
--- a/packages/spindle-ui/src/Icon/Minus.tsx
+++ b/packages/spindle-ui/src/Icon/Minus.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMinus = (props: SVGProps) => (
);
-
export default SvgMinus;
diff --git a/packages/spindle-ui/src/Icon/MinusBold.tsx b/packages/spindle-ui/src/Icon/MinusBold.tsx
index df7ed31d3..ce3793450 100644
--- a/packages/spindle-ui/src/Icon/MinusBold.tsx
+++ b/packages/spindle-ui/src/Icon/MinusBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMinusBold = (props: SVGProps) => (
);
-
export default SvgMinusBold;
diff --git a/packages/spindle-ui/src/Icon/Moon.tsx b/packages/spindle-ui/src/Icon/Moon.tsx
index 32ac98707..08f6890de 100644
--- a/packages/spindle-ui/src/Icon/Moon.tsx
+++ b/packages/spindle-ui/src/Icon/Moon.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMoon = (props: SVGProps) => (
);
-
export default SvgMoon;
diff --git a/packages/spindle-ui/src/Icon/MoonFill.tsx b/packages/spindle-ui/src/Icon/MoonFill.tsx
index c82e7e0b2..8825d8802 100644
--- a/packages/spindle-ui/src/Icon/MoonFill.tsx
+++ b/packages/spindle-ui/src/Icon/MoonFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMoonFill = (props: SVGProps) => (
);
-
export default SvgMoonFill;
diff --git a/packages/spindle-ui/src/Icon/MovieCameraFill.tsx b/packages/spindle-ui/src/Icon/MovieCameraFill.tsx
index 57a79328d..6148ff3ad 100644
--- a/packages/spindle-ui/src/Icon/MovieCameraFill.tsx
+++ b/packages/spindle-ui/src/Icon/MovieCameraFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMovieCameraFill = (props: SVGProps) => (
);
-
export default SvgMovieCameraFill;
diff --git a/packages/spindle-ui/src/Icon/MoviePlay.tsx b/packages/spindle-ui/src/Icon/MoviePlay.tsx
index e6ee50355..e9cc39bb5 100644
--- a/packages/spindle-ui/src/Icon/MoviePlay.tsx
+++ b/packages/spindle-ui/src/Icon/MoviePlay.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMoviePlay = (props: SVGProps) => (
);
-
export default SvgMoviePlay;
diff --git a/packages/spindle-ui/src/Icon/MoviePlayFill.tsx b/packages/spindle-ui/src/Icon/MoviePlayFill.tsx
index 5c73f752c..f83e1a041 100644
--- a/packages/spindle-ui/src/Icon/MoviePlayFill.tsx
+++ b/packages/spindle-ui/src/Icon/MoviePlayFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMoviePlayFill = (props: SVGProps) => (
);
-
export default SvgMoviePlayFill;
diff --git a/packages/spindle-ui/src/Icon/MovieStop.tsx b/packages/spindle-ui/src/Icon/MovieStop.tsx
index 59dcab60d..012dace88 100644
--- a/packages/spindle-ui/src/Icon/MovieStop.tsx
+++ b/packages/spindle-ui/src/Icon/MovieStop.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMovieStop = (props: SVGProps) => (
);
-
export default SvgMovieStop;
diff --git a/packages/spindle-ui/src/Icon/MusicFill.tsx b/packages/spindle-ui/src/Icon/MusicFill.tsx
index a5dace33c..4b4fea82e 100644
--- a/packages/spindle-ui/src/Icon/MusicFill.tsx
+++ b/packages/spindle-ui/src/Icon/MusicFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgMusicFill = (props: SVGProps) => (
);
-
export default SvgMusicFill;
diff --git a/packages/spindle-ui/src/Icon/New.tsx b/packages/spindle-ui/src/Icon/New.tsx
index c89248f50..96593f308 100644
--- a/packages/spindle-ui/src/Icon/New.tsx
+++ b/packages/spindle-ui/src/Icon/New.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNew = (props: SVGProps) => (
);
-
export default SvgNew;
diff --git a/packages/spindle-ui/src/Icon/Newbook.tsx b/packages/spindle-ui/src/Icon/Newbook.tsx
index 8c8aa8235..cd349da3d 100644
--- a/packages/spindle-ui/src/Icon/Newbook.tsx
+++ b/packages/spindle-ui/src/Icon/Newbook.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNewbook = (props: SVGProps) => (
);
-
export default SvgNewbook;
diff --git a/packages/spindle-ui/src/Icon/NewbookFill.tsx b/packages/spindle-ui/src/Icon/NewbookFill.tsx
index 472cd6f10..c71aeb5d6 100644
--- a/packages/spindle-ui/src/Icon/NewbookFill.tsx
+++ b/packages/spindle-ui/src/Icon/NewbookFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNewbookFill = (props: SVGProps) => (
);
-
export default SvgNewbookFill;
diff --git a/packages/spindle-ui/src/Icon/News.tsx b/packages/spindle-ui/src/Icon/News.tsx
index a62cffb83..8096a0e45 100644
--- a/packages/spindle-ui/src/Icon/News.tsx
+++ b/packages/spindle-ui/src/Icon/News.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNews = (props: SVGProps) => (
);
-
export default SvgNews;
diff --git a/packages/spindle-ui/src/Icon/Nice.tsx b/packages/spindle-ui/src/Icon/Nice.tsx
index 7275b8432..d3c46124b 100644
--- a/packages/spindle-ui/src/Icon/Nice.tsx
+++ b/packages/spindle-ui/src/Icon/Nice.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNice = (props: SVGProps) => (
);
-
export default SvgNice;
diff --git a/packages/spindle-ui/src/Icon/NiceDone.tsx b/packages/spindle-ui/src/Icon/NiceDone.tsx
index c101c5749..4f0004d5d 100644
--- a/packages/spindle-ui/src/Icon/NiceDone.tsx
+++ b/packages/spindle-ui/src/Icon/NiceDone.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNiceDone = (props: SVGProps) => (
);
-
export default SvgNiceDone;
diff --git a/packages/spindle-ui/src/Icon/Nodate.tsx b/packages/spindle-ui/src/Icon/Nodate.tsx
index bf8d7de7e..3224a3aa8 100644
--- a/packages/spindle-ui/src/Icon/Nodate.tsx
+++ b/packages/spindle-ui/src/Icon/Nodate.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNodate = (props: SVGProps) => (
);
-
export default SvgNodate;
diff --git a/packages/spindle-ui/src/Icon/Now.tsx b/packages/spindle-ui/src/Icon/Now.tsx
index 208724f08..1fac90547 100644
--- a/packages/spindle-ui/src/Icon/Now.tsx
+++ b/packages/spindle-ui/src/Icon/Now.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgNow = (props: SVGProps) => (
);
-
export default SvgNow;
diff --git a/packages/spindle-ui/src/Icon/Officialstar.tsx b/packages/spindle-ui/src/Icon/Officialstar.tsx
index 48f4a255c..db0a9e19b 100644
--- a/packages/spindle-ui/src/Icon/Officialstar.tsx
+++ b/packages/spindle-ui/src/Icon/Officialstar.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgOfficialstar = (props: SVGProps) => (
);
-
export default SvgOfficialstar;
diff --git a/packages/spindle-ui/src/Icon/OfficialstarFill.tsx b/packages/spindle-ui/src/Icon/OfficialstarFill.tsx
index 502501e43..c22ca5472 100644
--- a/packages/spindle-ui/src/Icon/OfficialstarFill.tsx
+++ b/packages/spindle-ui/src/Icon/OfficialstarFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgOfficialstarFill = (props: SVGProps) => (
);
-
export default SvgOfficialstarFill;
diff --git a/packages/spindle-ui/src/Icon/OnedariFill.tsx b/packages/spindle-ui/src/Icon/OnedariFill.tsx
index 3417d4bea..e328c91c8 100644
--- a/packages/spindle-ui/src/Icon/OnedariFill.tsx
+++ b/packages/spindle-ui/src/Icon/OnedariFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgOnedariFill = (props: SVGProps) => (
);
-
export default SvgOnedariFill;
diff --git a/packages/spindle-ui/src/Icon/OpenCl.tsx b/packages/spindle-ui/src/Icon/OpenCl.tsx
index 35242ac83..94ca4221b 100644
--- a/packages/spindle-ui/src/Icon/OpenCl.tsx
+++ b/packages/spindle-ui/src/Icon/OpenCl.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgOpenCl = (props: SVGProps) => (
);
-
export default SvgOpenCl;
diff --git a/packages/spindle-ui/src/Icon/Openblank.tsx b/packages/spindle-ui/src/Icon/Openblank.tsx
index 1b11cfa46..abe80a4ed 100644
--- a/packages/spindle-ui/src/Icon/Openblank.tsx
+++ b/packages/spindle-ui/src/Icon/Openblank.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgOpenblank = (props: SVGProps) => (
);
-
export default SvgOpenblank;
diff --git a/packages/spindle-ui/src/Icon/OpenblankFill.tsx b/packages/spindle-ui/src/Icon/OpenblankFill.tsx
index d6dee76e4..3b7cd5e02 100644
--- a/packages/spindle-ui/src/Icon/OpenblankFill.tsx
+++ b/packages/spindle-ui/src/Icon/OpenblankFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgOpenblankFill = (props: SVGProps) => (
);
-
export default SvgOpenblankFill;
diff --git a/packages/spindle-ui/src/Icon/Ownd.tsx b/packages/spindle-ui/src/Icon/Ownd.tsx
index a38967a90..a9e8504f1 100644
--- a/packages/spindle-ui/src/Icon/Ownd.tsx
+++ b/packages/spindle-ui/src/Icon/Ownd.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgOwnd = (props: SVGProps) => (
);
-
export default SvgOwnd;
diff --git a/packages/spindle-ui/src/Icon/PaletteFill.tsx b/packages/spindle-ui/src/Icon/PaletteFill.tsx
index 17b974f55..96aec8c5d 100644
--- a/packages/spindle-ui/src/Icon/PaletteFill.tsx
+++ b/packages/spindle-ui/src/Icon/PaletteFill.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPaletteFill = (props: SVGProps) => (
);
-
export default SvgPaletteFill;
diff --git a/packages/spindle-ui/src/Icon/Pause.tsx b/packages/spindle-ui/src/Icon/Pause.tsx
index 3da71c68e..224e657ff 100644
--- a/packages/spindle-ui/src/Icon/Pause.tsx
+++ b/packages/spindle-ui/src/Icon/Pause.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPause = (props: SVGProps) => (
);
-
export default SvgPause;
diff --git a/packages/spindle-ui/src/Icon/PauseBold.tsx b/packages/spindle-ui/src/Icon/PauseBold.tsx
index c29ee9033..273d08ee4 100644
--- a/packages/spindle-ui/src/Icon/PauseBold.tsx
+++ b/packages/spindle-ui/src/Icon/PauseBold.tsx
@@ -1,13 +1,12 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPauseBold = (props: SVGProps) => (
);
-
export default SvgPauseBold;
diff --git a/packages/spindle-ui/src/Icon/Pawprint.tsx b/packages/spindle-ui/src/Icon/Pawprint.tsx
index 492f907f1..6b19a303e 100644
--- a/packages/spindle-ui/src/Icon/Pawprint.tsx
+++ b/packages/spindle-ui/src/Icon/Pawprint.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPawprint = (props: SVGProps) => (
);
-
export default SvgPawprint;
diff --git a/packages/spindle-ui/src/Icon/Pencil.tsx b/packages/spindle-ui/src/Icon/Pencil.tsx
index 7066e99c4..adac34f96 100644
--- a/packages/spindle-ui/src/Icon/Pencil.tsx
+++ b/packages/spindle-ui/src/Icon/Pencil.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPencil = (props: SVGProps) => (
);
-
export default SvgPencil;
diff --git a/packages/spindle-ui/src/Icon/PencilAdd.tsx b/packages/spindle-ui/src/Icon/PencilAdd.tsx
index f9b3a56c1..50163632d 100644
--- a/packages/spindle-ui/src/Icon/PencilAdd.tsx
+++ b/packages/spindle-ui/src/Icon/PencilAdd.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPencilAdd = (props: SVGProps) => (
);
-
export default SvgPencilAdd;
diff --git a/packages/spindle-ui/src/Icon/PencilBold.tsx b/packages/spindle-ui/src/Icon/PencilBold.tsx
index 25cd23db4..3ffa43f49 100644
--- a/packages/spindle-ui/src/Icon/PencilBold.tsx
+++ b/packages/spindle-ui/src/Icon/PencilBold.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPencilBold = (props: SVGProps) => (
);
-
export default SvgPencilBold;
diff --git a/packages/spindle-ui/src/Icon/Person.tsx b/packages/spindle-ui/src/Icon/Person.tsx
index 036cac9b5..ed0de417d 100644
--- a/packages/spindle-ui/src/Icon/Person.tsx
+++ b/packages/spindle-ui/src/Icon/Person.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPerson = (props: SVGProps) => (
);
-
export default SvgPerson;
diff --git a/packages/spindle-ui/src/Icon/PersonBan.tsx b/packages/spindle-ui/src/Icon/PersonBan.tsx
index 00d91b9dd..9836ebf32 100644
--- a/packages/spindle-ui/src/Icon/PersonBan.tsx
+++ b/packages/spindle-ui/src/Icon/PersonBan.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPersonBan = (props: SVGProps) => (
);
-
export default SvgPersonBan;
diff --git a/packages/spindle-ui/src/Icon/PersonFill.tsx b/packages/spindle-ui/src/Icon/PersonFill.tsx
index 93051e87f..a81b6040f 100644
--- a/packages/spindle-ui/src/Icon/PersonFill.tsx
+++ b/packages/spindle-ui/src/Icon/PersonFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPersonFill = (props: SVGProps) => (
);
-
export default SvgPersonFill;
diff --git a/packages/spindle-ui/src/Icon/PersonThreeFill.tsx b/packages/spindle-ui/src/Icon/PersonThreeFill.tsx
index 8c3ddd637..3e6baa326 100644
--- a/packages/spindle-ui/src/Icon/PersonThreeFill.tsx
+++ b/packages/spindle-ui/src/Icon/PersonThreeFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPersonThreeFill = (props: SVGProps) => (
);
-
export default SvgPersonThreeFill;
diff --git a/packages/spindle-ui/src/Icon/PersonTwoAddFill.tsx b/packages/spindle-ui/src/Icon/PersonTwoAddFill.tsx
index c5beeacf4..6f941500e 100644
--- a/packages/spindle-ui/src/Icon/PersonTwoAddFill.tsx
+++ b/packages/spindle-ui/src/Icon/PersonTwoAddFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPersonTwoAddFill = (props: SVGProps) => (
);
-
export default SvgPersonTwoAddFill;
diff --git a/packages/spindle-ui/src/Icon/PersonTwoDeleteFill.tsx b/packages/spindle-ui/src/Icon/PersonTwoDeleteFill.tsx
index c153e41d7..392d4883d 100644
--- a/packages/spindle-ui/src/Icon/PersonTwoDeleteFill.tsx
+++ b/packages/spindle-ui/src/Icon/PersonTwoDeleteFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPersonTwoDeleteFill = (props: SVGProps) => (
);
-
export default SvgPersonTwoDeleteFill;
diff --git a/packages/spindle-ui/src/Icon/PersonTwoDoneFill.tsx b/packages/spindle-ui/src/Icon/PersonTwoDoneFill.tsx
index efb5a7752..1779062fb 100644
--- a/packages/spindle-ui/src/Icon/PersonTwoDoneFill.tsx
+++ b/packages/spindle-ui/src/Icon/PersonTwoDoneFill.tsx
@@ -1,18 +1,16 @@
import * as React from 'react';
-import { SVGProps } from 'react';
-
+import type { SVGProps } from 'react';
const SvgPersonTwoDoneFill = (props: SVGProps) => (