Merge pull request #1562 from thunderstore-io/10-03-fix_type_imports_in_nimbus

Oksamies · web-flow · commit 37e716129169 · 2025-10-03T16:01:35.000+03:00
Fix type imports in Nimbus
diff --git a/apps/cyberstorm-remix/app/commonComponents/CheckboxList/CheckboxList.tsx b/apps/cyberstorm-remix/app/commonComponents/CheckboxList/CheckboxList.tsx
@@ -9,7 +9,7 @@ import "./CheckboxList.css";
 import { Actionable, NewIcon } from "@thunderstore/cyberstorm";
 import { classnames } from "@thunderstore/cyberstorm/src/utils/utils";
 import { resolveTriState } from "~/commonComponents/utils";
-import { TRISTATE } from "~/commonComponents/types";
+import { type TRISTATE } from "~/commonComponents/types";
 import { memo } from "react";
 
 type typeA<B> = (v: B) => void;
diff --git a/apps/cyberstorm-remix/app/commonComponents/Collapsible/Collapsible.tsx b/apps/cyberstorm-remix/app/commonComponents/Collapsible/Collapsible.tsx
@@ -1,4 +1,4 @@
-import { memo, PropsWithChildren } from "react";
+import { memo, type PropsWithChildren } from "react";
 import { faCaretDown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import "./Collapsible.css";
diff --git a/apps/cyberstorm-remix/app/commonComponents/CollapsibleText/CollapsibleText.tsx b/apps/cyberstorm-remix/app/commonComponents/CollapsibleText/CollapsibleText.tsx
@@ -1,6 +1,6 @@
 import { classnames } from "@thunderstore/cyberstorm/src/utils/utils";
 import "./CollapsibleText.css";
-import { ReactElement, useState } from "react";
+import { useState, type ReactElement } from "react";
 
 export interface CollapsibleTextProps {
   text?: string;
diff --git a/apps/cyberstorm-remix/app/commonComponents/Connection/Connection.tsx b/apps/cyberstorm-remix/app/commonComponents/Connection/Connection.tsx
@@ -1,8 +1,8 @@
 import "./Connection.css";
 import { NewIcon, NewSwitch } from "@thunderstore/cyberstorm";
-import { OAuthConnection } from "@thunderstore/dapper/types";
-import { ReactElement } from "react";
-import { userLinkedAccountDisconnectProviders } from "../../../../../packages/thunderstore-api/src";
+import { type OAuthConnection } from "@thunderstore/dapper/types";
+import { type ReactElement } from "react";
+import { type userLinkedAccountDisconnectProviders } from "../../../../../packages/thunderstore-api/src";
 
 interface ConnectionProps {
   name: string;
diff --git a/apps/cyberstorm-remix/app/commonComponents/CopyButton/CopyButton.tsx b/apps/cyberstorm-remix/app/commonComponents/CopyButton/CopyButton.tsx
@@ -1,6 +1,6 @@
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faClone, faCheck } from "@fortawesome/free-solid-svg-icons";
-import { Dispatch, SetStateAction, useState } from "react";
+import { type Dispatch, type SetStateAction, useState } from "react";
 import "./CopyButton.css";
 import { NewIcon, Tooltip } from "@thunderstore/cyberstorm/src";
 import React from "react";
diff --git a/apps/cyberstorm-remix/app/commonComponents/ListingDependency/ListingDependency.tsx b/apps/cyberstorm-remix/app/commonComponents/ListingDependency/ListingDependency.tsx
@@ -1,9 +1,9 @@
+import type { packageDependencySchema } from "@thunderstore/thunderstore-api";
 import "./ListingDependency.css";
-import { dependencyShema } from "@thunderstore/dapper-ts";
 import { formatToDisplayName, Image, NewLink } from "@thunderstore/cyberstorm";
 
 export interface ListingDependencyProps {
-  dependency: typeof dependencyShema._type;
+  dependency: typeof packageDependencySchema._type;
   // TODO: Remove when package versiond detail is available
   domain: string;
 }
diff --git a/apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.tsx b/apps/cyberstorm-remix/app/commonComponents/Navigation/Navigation.tsx
@@ -28,7 +28,7 @@ import {
   OverwolfLogo,
   ThunderstoreLogo,
 } from "@thunderstore/cyberstorm/src/svg/svg";
-import { CurrentUser } from "@thunderstore/dapper/types";
+import { type CurrentUser } from "@thunderstore/dapper/types";
 
 import {
   faSignOut,
diff --git a/apps/cyberstorm-remix/app/commonComponents/Navigation/NavigationWrapper.tsx b/apps/cyberstorm-remix/app/commonComponents/Navigation/NavigationWrapper.tsx
@@ -2,7 +2,7 @@
 // import { useHydrated } from "remix-utils/use-hydrated";
 // import { useEffect, useRef, useState } from "react";
 
-import { CurrentUser } from "@thunderstore/dapper/types";
+import { type CurrentUser } from "@thunderstore/dapper/types";
 import {
   MobileNavigationMenu,
   MobileUserPopoverContent,
diff --git a/apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageSearch.tsx b/apps/cyberstorm-remix/app/commonComponents/PackageSearch/PackageSearch.tsx
@@ -1,15 +1,15 @@
 import { faGhost, faSearch } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import {
-  CurrentUser,
-  PackageListings,
-  Section,
+  type CurrentUser,
+  type PackageListings,
+  type Section,
 } from "@thunderstore/dapper/types";
 import { memo, Suspense, useEffect, useRef, useState } from "react";
 import { useDebounce } from "use-debounce";
 
 import "./PackageSearch.css";
-import { CategorySelection, TRISTATE } from "../types";
+import { type CategorySelection, type TRISTATE } from "../types";
 import {
   CardPackage,
   EmptyState,
@@ -24,16 +24,16 @@ import {
   isPackageOrderOptions,
   PackageOrder,
   PackageOrderOptions,
-  PackageOrderOptionsType,
+  type PackageOrderOptionsType,
 } from "./components/PackageOrder";
 import { RadioGroup } from "../RadioGroup/RadioGroup";
 import { CategoryTagCloud } from "./components/CategoryTagCloud/CategoryTagCloud";
 import { CollapsibleMenu } from "../Collapsible/Collapsible";
 import { CheckboxList } from "../CheckboxList/CheckboxList";
 import { PackageLikeAction } from "@thunderstore/cyberstorm-forms";
 import {
-  CommunityFilters,
-  RequestConfig,
+  type CommunityFilters,
+  type RequestConfig,
 } from "@thunderstore/thunderstore-api";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import { isPromise } from "cyberstorm/utils/typeChecks";
diff --git a/apps/cyberstorm-remix/app/commonComponents/PageHeader/PageHeader.tsx b/apps/cyberstorm-remix/app/commonComponents/PageHeader/PageHeader.tsx
@@ -1,7 +1,7 @@
 import { Heading, Image } from "@thunderstore/cyberstorm";
 import "./PageHeader.css";
-import { memo, PropsWithChildren, ReactElement } from "react";
-import { HeadingSizes } from "@thunderstore/cyberstorm-theme/src/components";
+import { memo, type PropsWithChildren, type ReactElement } from "react";
+import type { HeadingSizes } from "@thunderstore/cyberstorm-theme/src/components";
 import { classnames } from "@thunderstore/cyberstorm/src/utils/utils";
 
 export interface PageHeaderProps extends PropsWithChildren {
diff --git a/apps/cyberstorm-remix/app/commonComponents/RadioGroup/RadioGroup.tsx b/apps/cyberstorm-remix/app/commonComponents/RadioGroup/RadioGroup.tsx
@@ -1,5 +1,5 @@
 import * as RadixRadioGroup from "@radix-ui/react-radio-group";
-import { Section } from "@thunderstore/dapper/types";
+import { type Section } from "@thunderstore/dapper/types";
 import { faCircle, faCircleDot } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import "./RadioGroup.css";
diff --git a/apps/cyberstorm-remix/app/commonComponents/StalenessIndicator/StalenessIndicator.tsx b/apps/cyberstorm-remix/app/commonComponents/StalenessIndicator/StalenessIndicator.tsx
@@ -1,5 +1,5 @@
 import "./StalenessIndicator.css";
-import { ReactNode } from "react";
+import { type ReactNode } from "react";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faSpinnerThird } from "@fortawesome/pro-solid-svg-icons";
 import { classnames } from "@thunderstore/cyberstorm/src/utils/utils";
diff --git a/apps/cyberstorm-remix/app/commonComponents/types.ts b/apps/cyberstorm-remix/app/commonComponents/types.ts
@@ -1,4 +1,4 @@
-import { PackageCategory } from "@thunderstore/dapper/types";
+import { type PackageCategory } from "@thunderstore/dapper/types";
 
 export const TRISTATE_STATES = ["off", "include", "exclude"] as const;
 // There is an issue with Typescript (eslint) and prettier disagreeing if
diff --git a/apps/cyberstorm-remix/app/communities/communities.tsx b/apps/cyberstorm-remix/app/communities/communities.tsx
@@ -22,8 +22,7 @@ import {
   useNavigationType,
   useSearchParams,
 } from "react-router";
-import { Communities } from "@thunderstore/dapper/types";
-// import { PageHeader } from "~/commonComponents/PageHeader/PageHeader";
+import type { Communities } from "@thunderstore/dapper/types";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import { PageHeader } from "~/commonComponents/PageHeader/PageHeader";
 import {
diff --git a/apps/cyberstorm-remix/app/healthz.tsx b/apps/cyberstorm-remix/app/healthz.tsx
@@ -1,4 +1,4 @@
-import { LoaderFunctionArgs } from "react-router";
+import { type LoaderFunctionArgs } from "react-router";
 
 export async function loader({ request }: LoaderFunctionArgs) {
   const url = new URL(request.url);
diff --git a/apps/cyberstorm-remix/app/p/components/TeamMembers/TeamMembers.tsx b/apps/cyberstorm-remix/app/p/components/TeamMembers/TeamMembers.tsx
@@ -2,7 +2,10 @@ import { Heading, NewAvatar, NewIcon, NewLink } from "@thunderstore/cyberstorm";
 import { faCaretRight, faCrown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import "./TeamMembers.css";
-import { PackageListingDetails, TeamMember } from "@thunderstore/dapper/types";
+import {
+  type PackageListingDetails,
+  type TeamMember,
+} from "@thunderstore/dapper/types";
 
 export default function TeamMembers(props: {
   listing: PackageListingDetails;
diff --git a/apps/cyberstorm-remix/app/p/packageEdit.tsx b/apps/cyberstorm-remix/app/p/packageEdit.tsx
@@ -12,7 +12,7 @@ import {
   ApiError,
   packageDeprecate,
   packageListingUpdate,
-  PackageListingUpdateRequestData,
+  type PackageListingUpdateRequestData,
   packageUnlist,
 } from "@thunderstore/thunderstore-api";
 import { formatToDisplayName } from "@thunderstore/cyberstorm/src/utils/utils";
diff --git a/apps/cyberstorm-remix/app/p/packageListing.tsx b/apps/cyberstorm-remix/app/p/packageListing.tsx
@@ -6,7 +6,7 @@ import {
   Await,
   Outlet,
   useLoaderData,
-  useLocation, // useRevalidator,
+  useLocation,
   useOutletContext,
 } from "react-router";
 import {
@@ -30,8 +30,8 @@ import {
   packageListingApprove,
   packageListingReject,
   packageListingReport,
-  PackageListingReportRequestData,
-  RequestConfig,
+  type PackageListingReportRequestData,
+  type RequestConfig,
 } from "@thunderstore/thunderstore-api";
 import { ThunderstoreLogo } from "@thunderstore/cyberstorm/src/svg/svg";
 import {
@@ -42,14 +42,12 @@ import {
   faWarning,
   faCaretRight,
   faScaleBalanced,
-  // faList,
-  // faBoxOpen,
   faCog,
 } from "@fortawesome/free-solid-svg-icons";
 import TeamMembers from "./components/TeamMembers/TeamMembers";
 import {
   memo,
-  ReactElement,
+  type ReactElement,
   Suspense,
   useEffect,
   useMemo,
@@ -60,11 +58,7 @@ import {
 import { useHydrated } from "remix-utils/use-hydrated";
 import { PackageLikeAction } from "@thunderstore/cyberstorm-forms";
 import { PageHeader } from "~/commonComponents/PageHeader/PageHeader";
-import {
-  faArrowUpRight,
-  // faFlagSwallowtail,
-  faLips,
-} from "@fortawesome/pro-solid-svg-icons";
+import { faArrowUpRight, faLips } from "@fortawesome/pro-solid-svg-icons";
 import { RelativeTime } from "@thunderstore/cyberstorm/src/components/RelativeTime/RelativeTime";
 import {
   formatFileSize,
@@ -80,13 +74,13 @@ import {
 } from "cyberstorm/security/publicEnvVariables";
 import { useToast } from "@thunderstore/cyberstorm/src/newComponents/Toast/Provider";
 import { ApiAction } from "@thunderstore/ts-api-react-actions";
-import { TagVariants } from "@thunderstore/cyberstorm-theme/src/components";
-import { SelectOption } from "@thunderstore/cyberstorm/src/newComponents/Select/Select";
+import type { TagVariants } from "@thunderstore/cyberstorm-theme/src/components";
+import type { SelectOption } from "@thunderstore/cyberstorm/src/newComponents/Select/Select";
 import { useStrongForm } from "cyberstorm/utils/StrongForm/useStrongForm";
 import { getPackageListingDetails } from "@thunderstore/dapper-ts/src/methods/packageListings";
 import { getCommunity } from "@thunderstore/dapper-ts/src/methods/communities";
 import { getTeamDetails } from "@thunderstore/dapper-ts/src/methods/team";
-import { CurrentUser } from "@thunderstore/dapper/types";
+import type { CurrentUser } from "@thunderstore/dapper/types";
 import { isPromise } from "cyberstorm/utils/typeChecks";
 
 export async function loader({ params }: LoaderFunctionArgs) {
diff --git a/apps/cyberstorm-remix/app/p/tabs/Changelog/Changelog.tsx b/apps/cyberstorm-remix/app/p/tabs/Changelog/Changelog.tsx
@@ -1,5 +1,5 @@
 import { Await, useLoaderData } from "react-router";
-import { LoaderFunctionArgs } from "react-router";
+import { type LoaderFunctionArgs } from "react-router";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import {
   getPublicEnvVariables,
diff --git a/apps/cyberstorm-remix/app/p/tabs/Readme/Readme.tsx b/apps/cyberstorm-remix/app/p/tabs/Readme/Readme.tsx
@@ -1,4 +1,4 @@
-import { Await, LoaderFunctionArgs } from "react-router";
+import { Await, type LoaderFunctionArgs } from "react-router";
 import { useLoaderData } from "react-router";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import {
diff --git a/apps/cyberstorm-remix/app/p/tabs/Required/Required.tsx b/apps/cyberstorm-remix/app/p/tabs/Required/Required.tsx
@@ -1,6 +1,6 @@
 import "./Required.css";
 import { Heading, SkeletonBox } from "@thunderstore/cyberstorm";
-import { Await, LoaderFunctionArgs } from "react-router";
+import { Await, type LoaderFunctionArgs } from "react-router";
 import { useLoaderData, useOutletContext } from "react-router";
 import { ListingDependency } from "~/commonComponents/ListingDependency/ListingDependency";
 import { DapperTs } from "@thunderstore/dapper-ts";
diff --git a/apps/cyberstorm-remix/app/p/tabs/Versions/Versions.tsx b/apps/cyberstorm-remix/app/p/tabs/Versions/Versions.tsx
@@ -7,21 +7,21 @@ import {
   NewButton,
   NewIcon,
   NewTable,
-  NewTableLabels,
+  type NewTableLabels,
   Heading,
   NewAlert,
   SkeletonBox,
 } from "@thunderstore/cyberstorm";
-import { Await, LoaderFunctionArgs } from "react-router";
+import { Await, type LoaderFunctionArgs } from "react-router";
 import { useLoaderData } from "react-router";
 import { versionsSchema } from "@thunderstore/dapper-ts/src/methods/package";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import semverGt from "semver/functions/gt";
 import semverLt from "semver/functions/lt";
 import semverValid from "semver/functions/valid";
 import {
-  TableCompareColumnMeta,
-  TableRow,
+  type TableCompareColumnMeta,
+  type TableRow,
 } from "@thunderstore/cyberstorm/src/newComponents/Table/Table";
 import { ThunderstoreLogo } from "@thunderstore/cyberstorm/src/svg/svg";
 import {
diff --git a/apps/cyberstorm-remix/app/p/tabs/Wiki/Wiki.tsx b/apps/cyberstorm-remix/app/p/tabs/Wiki/Wiki.tsx
@@ -2,7 +2,7 @@ import "./Wiki.css";
 
 import {
   Await,
-  LoaderFunctionArgs,
+  type LoaderFunctionArgs,
   Outlet,
   useOutletContext,
 } from "react-router";
diff --git a/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiContent.tsx b/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiContent.tsx
@@ -1,6 +1,6 @@
 import "./Wiki.css";
 
-import { PackageWikiPageResponseData } from "@thunderstore/thunderstore-api";
+import { type PackageWikiPageResponseData } from "@thunderstore/thunderstore-api";
 import { Heading, NewButton, NewIcon } from "@thunderstore/cyberstorm";
 import {
   faArrowLeftLong,
diff --git a/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiFirstPage.tsx b/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiFirstPage.tsx
@@ -1,6 +1,6 @@
 import "./Wiki.css";
 
-import { Await, LoaderFunctionArgs } from "react-router";
+import { Await, type LoaderFunctionArgs } from "react-router";
 import { useLoaderData } from "react-router";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import {
diff --git a/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiNewPage.tsx b/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiNewPage.tsx
@@ -1,7 +1,7 @@
 import "./Wiki.css";
 
 import {
-  LoaderFunctionArgs,
+  type LoaderFunctionArgs,
   useNavigate,
   useOutletContext,
 } from "react-router";
@@ -16,7 +16,7 @@ import { useToast } from "@thunderstore/cyberstorm/src/newComponents/Toast/Provi
 import { useStrongForm } from "cyberstorm/utils/StrongForm/useStrongForm";
 import { useReducer, useState } from "react";
 import {
-  PackageWikiPageCreateRequestData,
+  type PackageWikiPageCreateRequestData,
   postPackageWikiPageCreate,
 } from "@thunderstore/thunderstore-api";
 import { type OutletContextShape } from "~/root";
diff --git a/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiPage.tsx b/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiPage.tsx
@@ -1,6 +1,6 @@
 import "./Wiki.css";
 
-import { Await, LoaderFunctionArgs } from "react-router";
+import { Await, type LoaderFunctionArgs } from "react-router";
 import { useLoaderData } from "react-router";
 import { DapperTs } from "@thunderstore/dapper-ts";
 import {
diff --git a/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiPageEdit.tsx b/apps/cyberstorm-remix/app/p/tabs/Wiki/WikiPageEdit.tsx
@@ -1,7 +1,7 @@
 import "./Wiki.css";
 
 import {
-  LoaderFunctionArgs,
+  type LoaderFunctionArgs,
   useNavigate,
   useOutletContext,
 } from "react-router";
@@ -24,10 +24,10 @@ import { useStrongForm } from "cyberstorm/utils/StrongForm/useStrongForm";
 import { useReducer, useState } from "react";
 import {
   deletePackageWikiPage,
-  PackageWikiPageEditRequestData,
-  PackageWikiPageResponseData,
+  type PackageWikiPageEditRequestData,
+  type PackageWikiPageResponseData,
   postPackageWikiPageEdit,
-  RequestConfig,
+  type RequestConfig,
 } from "@thunderstore/thunderstore-api";
 import { type OutletContextShape } from "~/root";
 import { Markdown } from "~/commonComponents/Markdown/Markdown";
diff --git a/apps/cyberstorm-remix/app/settings/teams/Teams.tsx b/apps/cyberstorm-remix/app/settings/teams/Teams.tsx
@@ -16,13 +16,13 @@ import { useReducer } from "react";
 import { PageHeader } from "~/commonComponents/PageHeader/PageHeader";
 import { useToast } from "@thunderstore/cyberstorm/src/newComponents/Toast/Provider";
 import {
-  RequestConfig,
+  type RequestConfig,
   teamCreate,
-  TeamCreateRequestData,
+  type TeamCreateRequestData,
 } from "@thunderstore/thunderstore-api";
 import { useStrongForm } from "cyberstorm/utils/StrongForm/useStrongForm";
 import { postTeamCreate } from "@thunderstore/dapper-ts/src/methods/team";
-import { OutletContextShape, RootLoadersType } from "../../root";
+import { type OutletContextShape, type RootLoadersType } from "../../root";
 import { NamespacedStorageManager } from "@thunderstore/ts-api-react";
 import {
   setSessionStale,
diff --git a/apps/cyberstorm-remix/app/settings/teams/team/tabs/Members/Members.tsx b/apps/cyberstorm-remix/app/settings/teams/team/tabs/Members/Members.tsx
diff --git a/apps/cyberstorm-remix/app/settings/teams/team/tabs/Profile/Profile.tsx b/apps/cyberstorm-remix/app/settings/teams/team/tabs/Profile/Profile.tsx
diff --git a/apps/cyberstorm-remix/app/settings/teams/team/tabs/ServiceAccounts/ServiceAccounts.tsx b/apps/cyberstorm-remix/app/settings/teams/team/tabs/ServiceAccounts/ServiceAccounts.tsx
diff --git a/apps/cyberstorm-remix/app/settings/teams/team/tabs/Settings/Settings.tsx b/apps/cyberstorm-remix/app/settings/teams/team/tabs/Settings/Settings.tsx
diff --git a/apps/cyberstorm-remix/app/settings/teams/team/teamSettings.tsx b/apps/cyberstorm-remix/app/settings/teams/team/teamSettings.tsx
diff --git a/apps/cyberstorm-remix/app/settings/user/Connections/Connections.tsx b/apps/cyberstorm-remix/app/settings/user/Connections/Connections.tsx
diff --git a/apps/cyberstorm-remix/app/tools/manifest-validator/manifestValidator.tsx b/apps/cyberstorm-remix/app/tools/manifest-validator/manifestValidator.tsx
diff --git a/apps/cyberstorm-remix/app/tools/markdown-preview/markdownPreview.tsx b/apps/cyberstorm-remix/app/tools/markdown-preview/markdownPreview.tsx
diff --git a/apps/cyberstorm-remix/app/upload/upload.tsx b/apps/cyberstorm-remix/app/upload/upload.tsx
diff --git a/apps/cyberstorm-remix/cyberstorm/utils/LinkLibrary.tsx b/apps/cyberstorm-remix/cyberstorm/utils/LinkLibrary.tsx

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { memo, PropsWithChildren } from "react";`
	`1`	`+import { memo, type PropsWithChildren } from "react";`
`2`	`2`	`import { faCaretDown } from "@fortawesome/free-solid-svg-icons";`
`3`	`3`	`import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";`
`4`	`4`	`import "./Collapsible.css";`