refactor: cn

apps/web/package.json

@@ -18,6 +18,7 @@
     "@labjm/utilities": "workspace:*",
     "@vercel/analytics": "^2.0.1",
     "ai": "7.0.19",
+    "cnfast": "^0.1.0",
     "hono": "4.12.25",
     "motion": "12.40.0",
     "next": "16.3.0",

apps/web/src/app/(projects)/ai-widget/_components/ai-widget/ai-widget-form.tsx

@@ -2,12 +2,11 @@
 
 import type { Dispatch, FC, RefObject, SetStateAction, SubmitEventHandler } from 'react';
 
+import { cn } from 'cnfast';
 import { AnimatePresence, motion } from 'motion/react';
 import { useEffect, useState } from 'react';
 import useMeasure from 'react-use-measure';
 
-import { cn } from '@labjm/utilities/cn';
-
 import type { ModelChoice, ThinkingIntensity } from './types';
 import { AIWidgetModelSelector } from './ai-widget-model-selector';
 import { AIWidgetSubmitButton } from './ai-widget-submit-button';

apps/web/src/app/(projects)/ai-widget/_components/ai-widget/ai-widget-thinking-intensity-selector.tsx

@@ -2,7 +2,7 @@
 
 import type { FC } from 'react';
 
-import { cn } from '@labjm/utilities/cn';
+import { cn } from 'cnfast';
 
 import type { ThinkingIntensity } from './types';
 import { THINKING_INTENSITIES } from './constants';

apps/web/src/app/(projects)/ai-widget/_components/loading-text.tsx

@@ -2,10 +2,9 @@
 
 import type { CSSProperties, FC } from 'react';
 
+import { cn } from 'cnfast';
 import { useEffect, useState } from 'react';
 
-import { cn } from '@labjm/utilities/cn';
-
 import styles from './loading-text.module.css';
 
 type LoadingTextProps = {

apps/web/src/app/_components/api-status.tsx

@@ -1,4 +1,4 @@
-import { cn } from '@labjm/utilities';
+import { cn } from 'cnfast';
 
 import { apiClient } from '@/infrastructure/api';
 import { Skeleton } from '@/ui/skeleton';

apps/web/src/app/layout.tsx

@@ -2,10 +2,10 @@ import type { Metadata } from 'next';
 import type { FC, PropsWithChildren } from 'react';
 
 import { Analytics } from '@vercel/analytics/next';
+import { cn } from 'cnfast';
 import localFont from 'next/font/local';
 import { Suspense } from 'react';
 
-import { cn } from '@labjm/utilities/cn';
 import { url } from '@labjm/utilities/url-composer';
 
 import { Footer } from '@/ui/footer';

apps/web/src/ui/skeleton.tsx

@@ -1,7 +1,6 @@
+import { cn } from 'cnfast';
 import { type FC, type HTMLAttributes } from 'react';
 
-import { cn } from '@labjm/utilities/cn';
-
 type SkeletonProps = HTMLAttributes<HTMLDivElement> & { bgColor?: string };
 
 export const Skeleton: FC<SkeletonProps> = (props) => {

packages/utilities/package.json

@@ -10,13 +10,10 @@
   },
   "exports": {
     ".": "./src/index.ts",
-    "./cn": "./src/cn/index.ts",
     "./url-composer": "./src/url-composer/index.ts"
   },
   "dependencies": {
-    "@labjm/schemas": "workspace:*",
-    "classnames": "^2.5.1",
-    "tailwind-merge": "^3.6.0"
+    "@labjm/schemas": "workspace:*"
   },
   "devDependencies": {
     "@labjm/jest-config": "workspace:*",

packages/utilities/src/index.ts

@@ -1,2 +1 @@
-export * from './cn';
 export * from './url-composer';