nibble type import

src/@fontsensei/components/modal/commonComponents.tsx

@@ -1,12 +1,12 @@
 import React, {
-  type ButtonHTMLAttributes, ClassAttributes,
-  FC,
+  type ButtonHTMLAttributes, type ClassAttributes,
+  type FC,
   type InputHTMLAttributes,
   type PropsWithChildren,
-  type ReactNode, TextareaHTMLAttributes
+  type ReactNode, type TextareaHTMLAttributes
 } from "react";
 import {useI18n} from "@fontsensei/locales";
-import {Controller, type FieldError, FieldErrors, FieldValues} from "react-hook-form";
+import {Controller, type FieldError, FieldErrors, type FieldValues} from "react-hook-form";
 import CreatableSelect from "react-select/creatable";
 import Select from "react-select";
 import {RxCross1} from "react-icons/rx";

src/@fontsensei/components/ssr/ClientOnly.tsx

@@ -1,4 +1,4 @@
-import {PropsWithChildren, useEffect, useState} from "react";
+import {type PropsWithChildren, useEffect, useState} from "react";
 
 const ClientOnly = (props: PropsWithChildren) => {
   const [isClient, setClient] = useState(false);

src/@fontsensei/data/raw/fontSensei/languageSpecificTags.ts

@@ -1,4 +1,4 @@
-import {LocaleStr} from "@fontsensei/locales";
+import {type LocaleStr} from "@fontsensei/locales";
 
 const languageSpecificTags: Record<LocaleStr, string[]> = {
   "en": [],

src/browser/fontPicker/FontPickerPage.tsx

@@ -10,7 +10,7 @@ import React, {
   forwardRef,
   type CSSProperties,
   memo,
-  PropsWithChildren
+  type PropsWithChildren
 } from 'react';
 import LandingLayout from "../../shared/ui/LandingLayout";
 import {type TagValueMsgLabelType, useCurrentLocale, useI18n, useScopedI18n} from "@fontsensei/locales";
@@ -25,7 +25,7 @@ import {GoogleFontHeaders} from "../../shared/fontPicker/utils";
 import {debounce, throttle} from "lodash-es";
 import {cx} from "@emotion/css";
 import listFonts from "@fontsensei/core/listFonts";
-import {FSFontItem} from "@fontsensei/core/types";
+import {type FSFontItem} from "@fontsensei/core/types";
 import languageSpecificTags from "@fontsensei/data/raw/fontSensei/languageSpecificTags";
 
 const PAGE_SIZE = 10;

src/browser/i18n/SwitchLocaleHint.tsx

@@ -12,7 +12,7 @@ import {PRODUCT_NAME} from "../productConstants";
 import {getPreferredLocaleInBrowser, langMap, setPreferredLocaleInBrowser} from "./locales";
 import useUserPreferencesStore from "../page/useUserPreferencesStore";
 import {tClient} from "../../utils/api";
-import {Id, toast} from "react-toastify";
+import {type Id, toast} from "react-toastify";
 
 const SwitchLocaleHint = () => {
   const changeLocale = useChangeLocale();

src/browser/i18n/locales.ts

@@ -1,4 +1,4 @@
-import {LocaleStr, narrowLocaleString} from "@fontsensei/locales";
+import {type LocaleStr, narrowLocaleString} from "@fontsensei/locales";
 import {useEffect, useState} from "react";
 
 export const defaultLocale = {"locale": "en", "lang": "English"} as const;

src/browser/landing/LandingHeading1.tsx

@@ -1,4 +1,4 @@
-import React, {FC, PropsWithChildren} from "react";
+import React, {type FC, type PropsWithChildren} from "react";
 const LandingHeading1:FC<PropsWithChildren> = (props) => {
   return <h1 className="text-3xl font-bold tracking-tight my-5">
     {props.children}

src/browser/page/useUserPreferencesStore.tsx

@@ -2,7 +2,7 @@ import {create} from "zustand";
 import {immer} from "zustand/middleware/immer";
 import {mountStoreDevtool} from "simple-zustand-devtools";
 import React from "react";
-import {LocaleStr} from "@fontsensei/locales";
+import {type LocaleStr} from "@fontsensei/locales";
 import {getPreferredLocaleInBrowser, setPreferredLocaleInBrowser} from "../i18n/locales";
 interface State {
   locale: LocaleStr | undefined,

src/browser/ui/HorizontalMenu.tsx

@@ -1,4 +1,4 @@
-import React, {PropsWithChildren, ReactElement, ReactNode, useRef} from "react";
+import React, {type PropsWithChildren, ReactElement, type ReactNode, useRef} from "react";
 import {ControlledMenu, MenuButton, useHover, useMenuState} from "@szhsin/react-menu";
 
 interface Props<T,> {

src/browser/ui/ModalPortal.tsx

@@ -1,5 +1,5 @@
 import {createPortal} from "react-dom";
-import {PropsWithChildren} from "react";
+import {type PropsWithChildren} from "react";
 
 const ModalPortal = (props: PropsWithChildren) => {
   return createPortal(

src/browser/ui/ScrollToLoadMore.tsx

@@ -1,6 +1,6 @@
 import React, {useCallback, useEffect, useRef, useState} from "react";
 import listFonts from "@fontsensei/core/listFonts";
-import {FSFontItem} from "@fontsensei/core/types";
+import {type FSFontItem} from "@fontsensei/core/types";
 const ScrollToLoadMore = ({ tagValue, initialFontItemList, PAGE_SIZE }: { tagValue: string | undefined, initialFontItemList: FSFontItem[], PAGE_SIZE: number }) => {
   const [fontItemList, setFontItemList] = useState<FSFontItem[]>(initialFontItemList);
   const [currentPage, setCurrentPage] = useState(0);

src/browser/ui/newWindowWithLocale.ts

@@ -1,4 +1,4 @@
-import {NextRouter} from "next/router";
+import {type NextRouter} from "next/router";
 
 const newWindowWithLocale = (relativePathWithoutLeadingSlash: string, router: NextRouter) => {
   window.open(`/${(router.locale !== router.defaultLocale) ? (router.locale + '/') : ''}${relativePathWithoutLeadingSlash}`, "_blank");

src/pages/_app.tsx

@@ -1,6 +1,6 @@
 /* eslint-disable no-restricted-imports */
 
-import {AppProps} from "next/app";
+import {type AppProps} from "next/app";
 
 import "../styles/globals.css";
 import '@szhsin/react-menu/dist/index.css';

src/pages/api/echo.ts

@@ -1,4 +1,4 @@
-import {NextApiHandler, NextApiRequest, NextApiResponse} from 'next';
+import {type NextApiHandler, type NextApiRequest, type NextApiResponse} from 'next';
 
 export const config = {
   api: {

src/server/api/routers/profile.ts

@@ -4,7 +4,7 @@ import {
   createTRPCRouter,
   publicProcedure,
 } from "../trpc";
-import {zLocaleStr, allLoadedForServer, RootDictType} from "@fontsensei/locales";
+import {zLocaleStr, allLoadedForServer, type RootDictType} from "@fontsensei/locales";
 
 export const profileRouter = createTRPCRouter({
   loadLocaleRootDict: publicProcedure

src/server/api/trpc.ts

@@ -13,7 +13,7 @@ import { type Session } from "next-auth";
 import superjson from "superjson";
 import { ZodError } from "zod";
 import {env} from "../../env";
-import {LocaleStr, narrowLocaleString} from "@fontsensei/locales";
+import {type LocaleStr, narrowLocaleString} from "@fontsensei/locales";
 import invariant from "tiny-invariant";
 import {fallbackLocale} from "../../browser/i18n/locales";
 

src/server/efetch.ts

@@ -1,6 +1,6 @@
 // Enhanced fetch
 
-import fetch, {RequestInfo, RequestInit} from 'node-fetch';
+import fetch, {RequestInfo, type RequestInit} from 'node-fetch';
 import getProxy from "./getProxy";
 
 const efetch = async (url: string, init?: RequestInit, options?: { doNotRejectByStatusCode?: boolean }) => {

src/shared/getStaticPropsLocale.ts

@@ -1,6 +1,6 @@
 import {allLoadedForServer, LocaleStr, narrowLocaleString} from "@fontsensei/locales";
-import {BaseLocale, flattenLocale} from "next-international";
-import {GetStaticProps} from "next";
+import {type BaseLocale, flattenLocale} from "next-international";
+import {type GetStaticProps} from "next";
 
 export const getLocaleContent = async (localeStr: string | undefined) => {
   const localeKey = narrowLocaleString(localeStr) ?? "en";

src/shared/ui/H2Section.tsx

@@ -1,4 +1,4 @@
-import React, {PropsWithChildren, ReactNode} from "react";
+import React, {type PropsWithChildren, type ReactNode} from "react";
 import MDX from "@mdx-js/runtime";
 import Link from "next/link";
 

src/shared/user/session.tsx

@@ -1,6 +1,6 @@
-import {SessionContextValue, useSession} from "next-auth/react";
-import React, {FC, PropsWithChildren, useContext} from "react";
-import {Session, } from "next-auth";
+import {type SessionContextValue, useSession} from "next-auth/react";
+import React, {type FC, type PropsWithChildren, useContext} from "react";
+import {type Session, } from "next-auth";
 
 export type SessionLoadedContextValue = (
   { update: SessionContextValue['update']; data: Session; status: "authenticated" }

src/slidde-ui/Tabs.tsx

@@ -1,5 +1,5 @@
 import * as React from "react";
-import {ReactNode, useState} from "react";
+import {type ReactNode, useState} from "react";
 
 const Tabs = <T extends string, >(props: {
   initialActiveKey: T,

src/slidde-ui/form.tsx

@@ -1,9 +1,9 @@
 import React, {
-  ButtonHTMLAttributes, HTMLAttributes,
-  InputHTMLAttributes,
-  LabelHTMLAttributes,
-  PropsWithChildren,
-  TextareaHTMLAttributes
+  type ButtonHTMLAttributes, type HTMLAttributes,
+  type InputHTMLAttributes,
+  type LabelHTMLAttributes,
+  type PropsWithChildren,
+  type TextareaHTMLAttributes
 } from "react";
 
 type ButtonProps = PropsWithChildren<ButtonHTMLAttributes<HTMLButtonElement>> & {extraClassnames?: string};

src/slidde-ui/modal/commonComponents.tsx

@@ -1,12 +1,12 @@
 import React, {
-  type ButtonHTMLAttributes, ClassAttributes,
-  FC,
+  type ButtonHTMLAttributes, type ClassAttributes,
+  type FC,
   type InputHTMLAttributes,
   type PropsWithChildren,
-  type ReactNode, TextareaHTMLAttributes
+  type ReactNode, type TextareaHTMLAttributes
 } from "react";
 import {useI18n} from "@fontsensei/locales";
-import {Controller, type FieldError, FieldErrors, FieldValues} from "react-hook-form";
+import {Controller, type FieldError, FieldErrors, type FieldValues} from "react-hook-form";
 import CreatableSelect from "react-select/creatable";
 import Select from "react-select";
 import {RxCross1} from "react-icons/rx";

src/slidde-ui/ssr/ClientOnly.tsx

@@ -1,4 +1,4 @@
-import {PropsWithChildren, useEffect, useState} from "react";
+import {type PropsWithChildren, useEffect, useState} from "react";
 
 const ClientOnly = (props: PropsWithChildren) => {
   const [isClient, setClient] = useState(false);

src/slidde-ui/useModalStore.ts

@@ -1,4 +1,4 @@
-import {ReactNode} from "react";
+import {type ReactNode} from "react";
 import {create} from "zustand";
 import {immer} from "zustand/middleware/immer";
 import {mountStoreDevtool} from "simple-zustand-devtools";