chore: update dependencies and fix import statements

- Bump @zayne-labs/callapi from 1.11.28 to 1.11.30
- Bump tsx from 4.20.6 to 4.21.0
- Bump prettier from 3.7.2 to 3.7.3
- Bump tsdown from 0.17.0-beta.1 to 0.17.0-beta.4
- Update tailwindcss to 4.1.17
- Remove unnecessary React imports in multiple components
- Fix minor issues in carousel component styles
- Update drop-zone component imports

Author: ryan-zayne

apps/dev/package.json

@@ -12,7 +12,7 @@
 	"dependencies": {
 		"@hookform/resolvers": "5.2.2",
 		"@iconify/react": "6.0.2",
-		"@zayne-labs/callapi": "1.11.28",
+		"@zayne-labs/callapi": "1.11.30",
 		"@zayne-labs/toolkit-core": "0.12.15",
 		"@zayne-labs/toolkit-react": "0.12.15",
 		"@zayne-labs/ui-react": "workspace:*",
@@ -34,7 +34,7 @@
 		"@zayne-labs/tsconfig": "0.11.5",
 		"publish": "0.6.0",
 		"tailwindcss": "4.1.17",
-		"tsx": "4.20.6",
+		"tsx": "4.21.0",
 		"typescript": "5.9.3",
 		"vite": "npm:rolldown-vite@7.2.8",
 		"vite-tsconfig-paths": "5.1.4"

apps/dev/src/client/AppOne.tsx

@@ -3,7 +3,7 @@ import MainForm from "./components/MainForm";
 function AppOne() {
 	return (
 		<main
-			className="flex min-h-svh flex-col items-center bg-gradient-to-br from-gray-100 to-gray-200 py-12"
+			className="flex min-h-svh flex-col items-center bg-linear-to-br from-gray-100 to-gray-200 py-12"
 		>
 			<MainForm />
 		</main>

package.json

@@ -41,7 +41,7 @@
 		"eslint-plugin-react-you-might-not-need-an-effect": "0.7.0",
 		"husky": "9.1.7",
 		"lint-staged": "16.2.7",
-		"prettier": "3.7.2",
+		"prettier": "3.7.3",
 		"prettier-plugin-classnames": "0.8.5",
 		"prettier-plugin-merge": "0.8.0",
 		"prettier-plugin-tailwindcss": "0.7.1",

packages/ui-react/package.json

@@ -85,7 +85,7 @@
 		"size-limit": "12.0.0",
 		"tailwind-merge": "3.4.0",
 		"tailwindcss": "4.1.17",
-		"tsdown": "0.17.0-beta.1",
+		"tsdown": "0.17.0-beta.4",
 		"tw-animate-css": "1.4.0",
 		"typescript": "5.9.3"
 	},

packages/ui-react/src/components/common/await/await.tsx

@@ -6,7 +6,7 @@ import {
 	withSlotNameAndSymbol,
 } from "@zayne-labs/toolkit-react/utils";
 import { isFunction } from "@zayne-labs/toolkit-type-helpers";
-import * as React from "react";
+
 import { Fragment as ReactFragment, Suspense, use, useMemo } from "react";
 import { ErrorBoundary, type ErrorBoundaryProps, useErrorBoundaryContext } from "../error-boundary";
 import { Slot } from "../slot";

packages/ui-react/src/components/common/client-gate/client-gate.tsx

@@ -2,7 +2,6 @@
 
 import { useIsHydrated } from "@zayne-labs/toolkit-react";
 import { isFunction } from "@zayne-labs/toolkit-type-helpers";
-import * as React from "react";
 
 type ClientGateProps = {
 	/**

packages/ui-react/src/components/common/error-boundary/error-boundary.tsx

@@ -1,5 +1,5 @@
 import { isFunction } from "@zayne-labs/toolkit-type-helpers";
-import * as React from "react";
+
 import { Component } from "react";
 import { ErrorBoundaryContext, type ErrorBoundaryContextType } from "./error-boundary-context";
 import type { ErrorBoundaryProps, FallbackProps } from "./types";

packages/ui-react/src/components/common/for/for.tsx

@@ -3,7 +3,6 @@ import type {
 	PolymorphicPropsStrict,
 } from "@zayne-labs/toolkit-react/utils";
 import { isArray, isNumber, type Prettify } from "@zayne-labs/toolkit-type-helpers";
-import * as React from "react";
 
 type ArrayOrNumber = number | readonly unknown[];
 

packages/ui-react/src/components/common/presence/presence.tsx

@@ -2,9 +2,9 @@
 
 import { useComposeRefs } from "@zayne-labs/toolkit-react";
 import { isFunction, type UnknownObject } from "@zayne-labs/toolkit-type-helpers";
-import * as React from "react";
+
 import { Slot } from "../slot";
-import { type UsePresenceOptions, type UsePresenceResult, usePresence } from "./use-presence";
+import { usePresence, type UsePresenceOptions, type UsePresenceResult } from "./use-presence";
 
 type RefProp = { ref?: React.Ref<HTMLElement> };
 

packages/ui-react/src/components/common/show/show.tsx

@@ -3,7 +3,6 @@
 import { toArray } from "@zayne-labs/toolkit-core";
 import { getMultipleSlots, getSingleSlot } from "@zayne-labs/toolkit-react/utils";
 import { assert, isFunction } from "@zayne-labs/toolkit-type-helpers";
-import * as React from "react";
 
 type ShowProps<TWhen> =
 	| {
@@ -71,7 +70,6 @@ export function ShowContent<TWhen>(props: ShowContentProps<TWhen>) {
 
 	return resolvedChildren;
 }
-
 ShowContent.slotSymbol = Symbol("show-content");
 
 export function ShowFallback(props: { children: React.ReactNode }) {