@webstudio-is/icons 0.29.0 → 0.30.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/icons",
-  "version": "0.29.0",
+  "version": "0.30.0",
   "description": "Webstudio Icons",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -12,7 +12,7 @@
     "@svgo/jsx": "^0.4.2",
     "@types/react": "^17.0.24",
     "tsx": "^3.9.0",
-    "typescript": "4.7.4",
+    "typescript": "4.9.5",
     "@webstudio-is/scripts": "^0.0.0",
     "@webstudio-is/storybook-config": "^0.0.0",
     "@webstudio-is/tsconfig": "^1.0.1"
@@ -24,7 +24,7 @@
   "dependencies": {
     "@radix-ui/react-icons": "^1.1.0",
     "react": "^17.0.2",
-    "@webstudio-is/css-vars": "^0.29.0"
+    "@webstudio-is/css-vars": "^0.30.0"
   },
   "module": "./lib/index.js",
   "exports": {

package/src/align-content-center.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignContentCenterIcon = React.forwardRef<
   SVGSVGElement,

package/src/align-content-end.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignContentEndIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-content-space-around.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignContentSpaceAroundIcon = React.forwardRef<
   SVGSVGElement,

package/src/align-content-space-between.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignContentSpaceBetweenIcon = React.forwardRef<
   SVGSVGElement,

package/src/align-content-start.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignContentStartIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-content-stretch.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignContentStretchIcon = React.forwardRef<
   SVGSVGElement,

package/src/align-items-baseline.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignItemsBaselineIcon = React.forwardRef<
   SVGSVGElement,

package/src/align-items-center.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignItemsCenterIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-items-end.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignItemsEndIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-items-start.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignItemsStartIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-items-stretch.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignItemsStretchIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-self-baseline.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignSelfBaselineIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-self-center.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignSelfCenterIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-self-end.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignSelfEndIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-self-start.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignSelfStartIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/align-self-stretch.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AlignSelfStretchIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/aspect-ratio.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const AspectRatioIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/body.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const BodyIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/brush.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const BrushIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/check-mark.tsx

@@ -1,5 +1,5 @@
 import { forwardRef } from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const CheckMarkIcon = forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/chevron-double-down.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronDoubleDownIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/chevron-double-left.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronDoubleLeftIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/chevron-double-right.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronDoubleRightIcon = React.forwardRef<
   SVGSVGElement,

package/src/chevron-double-up.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronDoubleUpIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/chevron-down.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronDownIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/chevron-left.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronLeftIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/chevron-right.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronRightIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/chevron-up.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ChevronUpIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/cloud.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const CloudIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/copy.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const CopyIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/cross-circled-filled.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const CrossCircledFilledIcon = React.forwardRef<
   SVGSVGElement,

package/src/cross-large.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const CrossLargeIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/cross-small.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const CrossSmallIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/cross.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const CrossIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/devices.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const DevicesIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/ellipses.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const EllipsesIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/external-link.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ExternalLinkIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/flex-direction-column-reverse.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexDirectionColumnReverseIcon = React.forwardRef<
   SVGSVGElement,

package/src/flex-direction-column.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexDirectionColumnIcon = React.forwardRef<
   SVGSVGElement,

package/src/flex-direction-row-reverse.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexDirectionRowReverseIcon = React.forwardRef<
   SVGSVGElement,

package/src/flex-direction-row.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexDirectionRowIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/flex-sizing-grow.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexSizingGrowIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/flex-sizing-shrink.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexSizingShrinkIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/flex-wrap-no-wrap.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexWrapNowrapIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/flex-wrap-wrap-reverse.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexWrapWrapReverseIcon = React.forwardRef<
   SVGSVGElement,

package/src/flex-wrap-wrap.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FlexWrapWrapIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/form.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const FormIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/gap-column.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ColumnGapIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/gap-row.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const RowGapIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/gear.tsx

@@ -1,6 +1,6 @@
 import { cssVars } from "@webstudio-is/css-vars";
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 const fillVar = cssVars.define("fill");
 

package/src/github.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const GithubIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/google.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const GoogleIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/justify-content-center.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const JustifyContentCenterIcon = React.forwardRef<
   SVGSVGElement,

package/src/justify-content-end.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const JustifyContentEndIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/justify-content-space-around.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const JustifyContentSpaceAroundIcon = React.forwardRef<
   SVGSVGElement,

package/src/justify-content-space-between.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const JustifyContentSpaceBetweenIcon = React.forwardRef<
   SVGSVGElement,

package/src/justify-content-start.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const JustifyContentStartIcon = React.forwardRef<
   SVGSVGElement,

package/src/justify-items-center.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 // @todo this is just a copy of justifyContent icons for now
 export const JustifyItemsCenterIcon = React.forwardRef<

package/src/justify-items-end.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 // @todo this is just a copy of justifyContent icons for now
 export const JustifyItemsEndIcon = React.forwardRef<SVGSVGElement, IconProps>(

package/src/justify-items-space-around.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 // @todo this is just a copy of justifyContent icons for now
 export const JustifyItemsSpaceAroundIcon = React.forwardRef<

package/src/justify-items-space-between.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 // @todo this is just a copy of justifyContent icons for now
 export const JustifyItemsSpaceBetweenIcon = React.forwardRef<

package/src/justify-items-start.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 // @todo this is just a copy of justifyContent icons for now
 export const JustifyItemsStartIcon = React.forwardRef<SVGSVGElement, IconProps>(

package/src/list-nested.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const ListNestedIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/magnifying-glass.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const MagnifyingGlassIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/menu.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const MenuIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/new-folder.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const NewFolderIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/new-page.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const NewPageIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/order-first.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const OrderFirstIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/order-last.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const OrderLastIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/page.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const PageIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/redo.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const RedoIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/size.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const SizeIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-align-center.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextAlignCenterIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-align-justify.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextAlignJustifyIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-align-left.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextAlignLeftIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-align-right.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextAlignRightIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-capitalize.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextCapitalizeIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-direction-ltr.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextDirectionLTRIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-direction-rtl.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextDirectionRTLIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-hyphen.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextHyphenIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-italic.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextItalicIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-lowercase.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextLowercaseIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-strikethrough.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextStrikethroughIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-truncate.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextTruncateIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-underline.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextUnderlineIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/text-uppercase.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TextUppercaseIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/trash.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const TrashIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/undo.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const UndoIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {

package/src/upload.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { IconProps } from "./types";
+import type { IconProps } from "./types";
 
 export const UploadIcon = React.forwardRef<SVGSVGElement, IconProps>(
   ({ color = "currentColor", ...props }, forwardedRef) => {