manage import

Author: ddecrulle

package.json

@@ -132,6 +132,7 @@
         "./ToggleSwitchGroup": "./dist/ToggleSwitchGroup.js",
         "./ToggleSwitch": "./dist/ToggleSwitch.js",
         "./Tile": "./dist/Tile.js",
+        "./Tag": "./dist/Tag.js",
         "./Tabs": "./dist/Tabs.js",
         "./Summary": "./dist/Summary.js",
         "./Stepper": "./dist/Stepper.js",

src/Accordion.tsx

@@ -8,7 +8,7 @@ import React, {
     type ReactNode,
     type CSSProperties
 } from "react";
-import { assert } from "tsafe";
+import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";
 import { fr } from "./fr";
 import { cx } from "./tools/cx";

src/Modal.tsx

@@ -1,11 +1,11 @@
-import React, { memo, forwardRef, type CSSProperties } from "react";
+import React, { memo, forwardRef, type CSSProperties, type ReactNode } from "react";
 import { fr } from "./fr";
 import { cx } from "./tools/cx";
-import type { ReactNode } from "react";
-import { Equals, assert } from "tsafe";
+import { assert } from "tsafe/assert";
+import { symToStr } from "tsafe/symToStr";
+import type { Equals } from "tsafe";
 import { createComponentI18nApi } from "./i18n";
 import type { FrIconClassName, RiIconClassName } from "./fr/generatedFromCss/classNames";
-import { symToStr } from "tsafe/symToStr";
 import Button, { ButtonProps } from "./Button";
 import { capitalize } from "tsafe/capitalize";
 import { uncapitalize } from "tsafe/uncapitalize";

src/Pagination.tsx

@@ -2,7 +2,6 @@ import React, { memo, forwardRef, type CSSProperties } from "react";
 import { symToStr } from "tsafe/symToStr";
 import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";
-
 import { fr } from "./fr";
 import { cx } from "./tools/cx";
 import { createComponentI18nApi } from "./i18n";

src/Quote.tsx

@@ -2,7 +2,6 @@ import React, { memo, forwardRef, type ReactNode, type CSSProperties } from "rea
 import { symToStr } from "tsafe/symToStr";
 import { assert } from "tsafe/assert";
 import type { Equals } from "tsafe";
-
 import type { FrClassName } from "./fr/generatedFromCss/classNames";
 import { cx } from "./tools/cx";
 import { fr } from "./fr";

src/SkipLinks.tsx

@@ -1,5 +1,6 @@
 import React, { forwardRef, memo, type CSSProperties } from "react";
-import { assert, Equals } from "tsafe";
+import type { Equals } from "tsafe";
+import { assert } from "tsafe/assert";
 import { symToStr } from "tsafe/symToStr";
 import { fr } from "./fr";
 import { createComponentI18nApi } from "./i18n";

src/link.tsx

@@ -1,6 +1,4 @@
-import React from "react";
-import type { ReactNode } from "react";
-import type { DetailedHTMLProps, AnchorHTMLAttributes } from "react";
+import React, { type ReactNode, type DetailedHTMLProps, type AnchorHTMLAttributes } from "react";
 
 type HTMLAnchorProps = DetailedHTMLProps<
     AnchorHTMLAttributes<HTMLAnchorElement>,

src/mui.tsx

@@ -1,19 +1,18 @@
 "use client";
 
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-import React, { useMemo } from "react";
-import type { ReactNode } from "react";
+import React, { useMemo, type ReactNode } from "react";
 import { breakpointValues } from "./fr/generatedFromCss/breakpoints";
 import type { Theme as MuiTheme, ThemeOptions } from "@mui/material/styles";
 import { createTheme, ThemeProvider as MuiThemeProvider } from "@mui/material/styles";
+import type { Shadows } from "@mui/material/styles";
 import { getColors } from "./fr/colors";
 import type { ColorTheme } from "./fr/colors";
 import { useIsDark } from "./useIsDark";
 import { typography } from "./fr/generatedFromCss/typography";
 import { spacingTokenByValue } from "./fr/generatedFromCss/spacing";
 import { assert } from "tsafe/assert";
 import { objectKeys } from "tsafe/objectKeys";
-import type { Shadows } from "@mui/material/styles";
 import { id } from "tsafe/id";
 
 export function getMuiDsfrThemeOptions(params: { isDark: boolean }): ThemeOptions {

src/next-pagesdir.tsx

@@ -1,5 +1,4 @@
-import React, { useEffect } from "react";
-import type { ReactNode } from "react";
+import React, { useEffect, type ReactNode } from "react";
 import Head from "next/head";
 import type { NextComponentType } from "next";
 import DefaultApp from "next/app";