chore: remove cn non-default exports

app/components/Button.tsx

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
 import { type AriaButtonOptions, useButton } from 'react-aria';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 export interface ButtonProps extends AriaButtonOptions<'button'> {
 	variant?: 'heavy' | 'light' | 'danger';

app/components/Card.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
-import Title from '~/components/Title';
 import Text from '~/components/Text';
-import { cn } from '~/utils/cn';
+import Title from '~/components/Title';
+import cn from '~/utils/cn';
 
 interface Props extends React.HTMLProps<HTMLDivElement> {
 	variant?: 'raised' | 'flat';

app/components/Chip.tsx

@@ -1,4 +1,4 @@
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 export interface ChipProps {
 	text: string;

app/components/Code.tsx

@@ -1,6 +1,6 @@
 import { CheckIcon, CopyIcon } from '@primer/octicons-react';
 import { HTMLProps, useState } from 'react';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 import toast from '~/utils/toast';
 
 interface Props extends HTMLProps<HTMLSpanElement> {

app/components/Dialog.tsx

@@ -18,7 +18,7 @@ import Card from '~/components/Card';
 import IconButton, { IconButtonProps } from '~/components/IconButton';
 import Text from '~/components/Text';
 import Title from '~/components/Title';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 export interface DialogProps extends OverlayTriggerProps {
 	children:

app/components/Error.tsx

@@ -1,6 +1,6 @@
 import { AlertIcon } from '@primer/octicons-react';
 import { isRouteErrorResponse, useRouteError } from 'react-router';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 import Card from './Card';
 import Code from './Code';
 
@@ -10,7 +10,7 @@ interface Props {
 
 function getMessage(error: Error | unknown) {
 	if (!(error instanceof Error)) {
-		return "An unknown error occurred";
+		return 'An unknown error occurred';
 	}
 
 	let rootError = error;

app/components/Footer.tsx

@@ -1,6 +1,6 @@
-import { cn } from '~/utils/cn';
 import Link from '~/components/Link';
 import Tooltip from '~/components/Tooltip';
+import cn from '~/utils/cn';
 
 declare global {
 	const __VERSION__: string;
@@ -35,11 +35,7 @@ export default function Footer({ url, debug }: FooterProps) {
 			<p className="container text-xs opacity-75">
 				Version: {__VERSION__}
 				{' — '}
-				Connecting to
-				{' '}
-				<strong className="blur-xs hover:blur-none">
-					{url}
-				</strong>
+				Connecting to <strong className="blur-xs hover:blur-none">{url}</strong>
 				{debug && ' (Debug mode enabled)'}
 			</p>
 		</footer>

app/components/IconButton.tsx

@@ -1,6 +1,6 @@
 import React, { useRef } from 'react';
 import { type AriaButtonOptions, useButton } from 'react-aria';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 export interface IconButtonProps extends AriaButtonOptions<'button'> {
 	variant?: 'heavy' | 'light';

app/components/Link.tsx

@@ -1,5 +1,5 @@
 import { LinkExternalIcon } from '@primer/octicons-react';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 interface Props {
 	to: string;

app/components/Notice.tsx

@@ -1,6 +1,6 @@
 import { InfoIcon } from '@primer/octicons-react';
 import type { ReactNode } from 'react';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 interface Props {
 	className?: string;

app/components/Switch.tsx

@@ -1,5 +1,5 @@
 import { Switch as AriaSwitch } from 'react-aria-components';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 type SwitchProps = Parameters<typeof AriaSwitch>[0] & {
 	readonly label: string;

app/components/Text.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 export interface TextProps {
 	children: React.ReactNode;
@@ -7,9 +7,5 @@ export interface TextProps {
 }
 
 export default function Text({ children, className }: TextProps) {
-	return (
-		<p className={cn('text-md my-0', className)}>
-			{children}
-		</p>
-	);
+	return <p className={cn('text-md my-0', className)}>{children}</p>;
 }

app/components/Title.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 export interface TitleProps {
 	children: React.ReactNode;
@@ -8,8 +8,6 @@ export interface TitleProps {
 
 export default function Title({ children, className }: TitleProps) {
 	return (
-		<h3 className={cn('text-2xl font-bold mb-6', className)}>
-			{children}
-		</h3>
+		<h3 className={cn('text-2xl font-bold mb-6', className)}>{children}</h3>
 	);
 }

app/components/Tooltip.tsx

@@ -4,7 +4,7 @@ import {
 	Tooltip as AriaTooltip,
 	TooltipTrigger,
 } from 'react-aria-components';
-import { cn } from '~/utils/cn';
+import cn from '~/utils/cn';
 
 interface Props {
 	children: ReactNode;