ui

jamiepine · jamiepine · commit 60b1442a618f · 2026-03-27T02:48:56.000-07:00
diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -28,5 +28,9 @@
   "packageManager": "bun@1.1.0",
   "engines": {
     "node": ">=18"
+  },
+  "overrides": {
+    "@types/react": "19.2.14",
+    "@types/react-dom": "19.2.3"
   }
 }
diff --git a/packages/ai/package.json b/packages/ai/package.json
@@ -33,8 +33,8 @@
   "devDependencies": {
     "tsup": "^8.0.0",
     "typescript": "^5.4.0",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
diff --git a/packages/ai/tsconfig.json b/packages/ai/tsconfig.json
@@ -1,6 +1,7 @@
 {
   "extends": "../../tsconfig.base.json",
   "compilerOptions": {
+    "noEmit": true,
     "outDir": "./dist",
     "rootDir": "./src"
   },
diff --git a/packages/explorer/package.json b/packages/explorer/package.json
@@ -29,8 +29,8 @@
   "devDependencies": {
     "tsup": "^8.0.0",
     "typescript": "^5.4.0",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
diff --git a/packages/explorer/tsconfig.json b/packages/explorer/tsconfig.json
@@ -1,9 +1,10 @@
 {
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*"],
-  "exclude": ["dist", "node_modules"]
+	"extends": "../../tsconfig.base.json",
+	"compilerOptions": {
+		"noEmit": true,
+		"outDir": "./dist",
+		"rootDir": "./src"
+	},
+	"include": ["src/**/*"],
+	"exclude": ["dist", "node_modules"]
 }
diff --git a/packages/forms/package.json b/packages/forms/package.json
@@ -28,8 +28,8 @@
   "devDependencies": {
     "tsup": "^8.0.0",
     "typescript": "^5.4.0",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0"
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
diff --git a/packages/forms/tsconfig.json b/packages/forms/tsconfig.json
@@ -1,9 +1,10 @@
 {
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*"],
-  "exclude": ["dist", "node_modules"]
+	"extends": "../../tsconfig.base.json",
+	"compilerOptions": {
+		"noEmit": true,
+		"outDir": "./dist",
+		"rootDir": "./src"
+	},
+	"include": ["src/**/*"],
+	"exclude": ["dist", "node_modules"]
 }
diff --git a/packages/primitives/package.json b/packages/primitives/package.json
@@ -49,8 +49,8 @@
   "devDependencies": {
     "tsup": "^8.0.0",
     "typescript": "^5.4.0",
-    "@types/react": "^18.2.0",
-    "@types/react-dom": "^18.2.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
     "tailwindcss": "^4.1.0"
   },
   "peerDependencies": {
diff --git a/packages/primitives/src/CircularProgress.tsx b/packages/primitives/src/CircularProgress.tsx
@@ -32,8 +32,8 @@ export type CircularProgressProps = {
 export const CircularProgress: FunctionComponent<CircularProgressProps> = ({
 	radius,
 	progress,
-	steps = 100,
-	cut = 0,
+	steps: _steps = 100,
+	cut: _cut = 0,
 	rotate = -90,
 	strokeWidth = 20,
 	strokeColor = "indianred",
@@ -48,8 +48,8 @@ export const CircularProgress: FunctionComponent<CircularProgressProps> = ({
 	trackStrokeWidth = 20,
 	trackStrokeLinecap = "round",
 	trackTransition = ".3s ease",
-	counterClockwise = false,
-	inverse = false,
+	counterClockwise: _counterClockwise = false,
+	inverse: _inverse = false,
 	initialAnimation = false,
 	initialAnimationDelay = 0,
 	className = "",
diff --git a/packages/primitives/src/Collapsible.tsx b/packages/primitives/src/Collapsible.tsx
@@ -1,12 +1,22 @@
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 import { clsx } from 'clsx';
-import { forwardRef } from 'react';
+import {
+  forwardRef,
+  type ComponentProps,
+  type ComponentPropsWithoutRef,
+  type ElementRef,
+  type FC,
+  type ForwardRefExoticComponent,
+  type RefAttributes,
+} from 'react';
 
-const Collapsible = CollapsiblePrimitive.Root;
+const Collapsible: FC<
+  ComponentProps<typeof CollapsiblePrimitive.Root>
+> = CollapsiblePrimitive.Root;
 
 const CollapsibleTrigger = forwardRef<
-  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,
-  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>
+  ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>,
+  ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleTrigger>
 >(({ className, children, ...props }, ref) => (
   <CollapsiblePrimitive.CollapsibleTrigger
     ref={ref}
@@ -24,9 +34,18 @@ const CollapsibleTrigger = forwardRef<
 
 CollapsibleTrigger.displayName = CollapsiblePrimitive.CollapsibleTrigger.displayName;
 
+const CollapsibleTriggerExp: ForwardRefExoticComponent<
+  ComponentPropsWithoutRef<
+    typeof CollapsiblePrimitive.CollapsibleTrigger
+  > &
+    RefAttributes<
+      ElementRef<typeof CollapsiblePrimitive.CollapsibleTrigger>
+    >
+> = CollapsibleTrigger;
+
 const CollapsibleContent = forwardRef<
-  React.ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
-  React.ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
+  ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>,
+  ComponentPropsWithoutRef<typeof CollapsiblePrimitive.CollapsibleContent>
 >(({ className, children, ...props }, ref) => (
   <CollapsiblePrimitive.CollapsibleContent
     ref={ref}
@@ -43,4 +62,17 @@ const CollapsibleContent = forwardRef<
 
 CollapsibleContent.displayName = CollapsiblePrimitive.CollapsibleContent.displayName;
 
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+const CollapsibleContentExp: ForwardRefExoticComponent<
+  ComponentPropsWithoutRef<
+    typeof CollapsiblePrimitive.CollapsibleContent
+  > &
+    RefAttributes<
+      ElementRef<typeof CollapsiblePrimitive.CollapsibleContent>
+    >
+> = CollapsibleContent;
+
+export {
+  Collapsible,
+  CollapsibleTriggerExp as CollapsibleTrigger,
+  CollapsibleContentExp as CollapsibleContent,
+};
diff --git a/packages/primitives/src/ContextMenu.tsx b/packages/primitives/src/ContextMenu.tsx
@@ -12,7 +12,7 @@ import {
 	useContext,
 } from "react";
 
-interface ContextMenuProps extends RadixCM.MenuContentProps {
+interface ContextMenuProps extends RadixCM.ContextMenuContentProps {
 	trigger: React.ReactNode;
 	onOpenChange?: (open: boolean) => void;
 	disabled?: boolean;
@@ -86,7 +86,7 @@ const SubMenu = ({
 	icon,
 	className,
 	...props
-}: RadixCM.MenuSubContentProps & ContextMenuItemProps) => {
+}: RadixCM.ContextMenuSubContentProps & ContextMenuItemProps) => {
 	return (
 		<RadixCM.Sub>
 			<RadixCM.SubTrigger className={contextMenuItemClassNames}>
@@ -135,7 +135,7 @@ const contextMenuItemStyles = cva(
 );
 
 export interface ContextMenuItemProps
-	extends RadixCM.MenuItemProps,
+	extends RadixCM.ContextMenuItemProps,
 		VariantProps<typeof contextMenuItemStyles>,
 		Pick<
 			ContextMenuInnerItemProps,
@@ -169,7 +169,7 @@ const Item = ({
 };
 
 export interface ContextMenuCheckboxItemProps
-	extends RadixCM.MenuCheckboxItemProps,
+	extends RadixCM.ContextMenuCheckboxItemProps,
 		VariantProps<typeof contextMenuItemStyles>,
 		Pick<ContextMenuInnerItemProps, "label" | "keybind"> {}
 
diff --git a/packages/primitives/src/Layout.tsx b/packages/primitives/src/Layout.tsx
@@ -1,5 +1,20 @@
-import { tw } from "./utils";
+import type {
+	ForwardRefExoticComponent,
+	HTMLAttributes,
+	RefAttributes,
+} from "react";
 
-export const Card = tw.div`flex px-4 py-2 text-sm border rounded-md shadow-sm border-app-line bg-app-box`;
+import {tw} from "./utils";
 
-export const GridLayout = tw.div`grid grid-cols-2 gap-3 lg:grid-cols-3`;
+const CardImpl = tw.div`flex px-4 py-2 text-sm border rounded-md shadow-sm border-app-line bg-app-box`;
+
+export const Card = CardImpl as unknown as ForwardRefExoticComponent<
+	HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>
+>;
+
+const GridLayoutImpl = tw.div`grid grid-cols-2 gap-3 lg:grid-cols-3`;
+
+export const GridLayout =
+	GridLayoutImpl as unknown as ForwardRefExoticComponent<
+		HTMLAttributes<HTMLDivElement> & RefAttributes<HTMLDivElement>
+	>;
diff --git a/packages/primitives/src/Typography.tsx b/packages/primitives/src/Typography.tsx
@@ -1,5 +1,23 @@
+import type {
+	ForwardRefExoticComponent,
+	HTMLAttributes,
+	RefAttributes,
+} from "react";
+
 import { tw } from "./utils";
 
-export const CategoryHeading = tw.h3`text-xs font-semibold text-ink-dull`;
+const CategoryHeadingImpl = tw.h3`text-xs font-semibold text-ink-dull`;
+
+export const CategoryHeading =
+	CategoryHeadingImpl as unknown as ForwardRefExoticComponent<
+		HTMLAttributes<HTMLHeadingElement> &
+			RefAttributes<HTMLHeadingElement>
+	>;
+
+const ScreenHeadingImpl = tw.h3`text-xl font-bold`;
 
-export const ScreenHeading = tw.h3`text-xl font-bold`;
+export const ScreenHeading =
+	ScreenHeadingImpl as unknown as ForwardRefExoticComponent<
+		HTMLAttributes<HTMLHeadingElement> &
+			RefAttributes<HTMLHeadingElement>
+	>;
diff --git a/packages/primitives/tsconfig.json b/packages/primitives/tsconfig.json
@@ -1,9 +1,10 @@
 {
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "rootDir": "./src"
-  },
-  "include": ["src/**/*"],
-  "exclude": ["dist", "node_modules"]
+	"extends": "../../tsconfig.base.json",
+	"compilerOptions": {
+		"noEmit": true,
+		"outDir": "./dist",
+		"rootDir": "./src"
+	},
+	"include": ["src/**/*"],
+	"exclude": ["dist", "node_modules"]
 }

Original file line number	Diff line number	Diff line change
`@@ -28,5 +28,9 @@`
`28`	`28`	`"packageManager": "bun@1.1.0",`
`29`	`29`	`"engines": {`
`30`	`30`	`"node": ">=18"`
	`31`	`+ },`
	`32`	`+ "overrides": {`
	`33`	`+ "@types/react": "19.2.14",`
	`34`	`+ "@types/react-dom": "19.2.3"`
`31`	`35`	`}`
`32`	`36`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"extends": "../../tsconfig.base.json",`
`3`	`3`	`"compilerOptions": {`
	`4`	`+ "noEmit": true,`
`4`	`5`	`"outDir": "./dist",`
`5`	`6`	`"rootDir": "./src"`
`6`	`7`	`},`