chore: remove unused dependencies and clean up configuration

- Removed @medusajs/ui-preset and related dependencies from package.json and yarn.lock.
- Cleaned up Vite configuration by removing unnecessary external dependencies.
- Updated Storybook stories to ensure consistent import statements and improved component usage.

Author: jaruesink

apps/docs/package.json

@@ -24,7 +24,6 @@
     "storybook": "^9.0.1"
   },
   "devDependencies": {
-    "@medusajs/ui-preset": "^2.8.3",
     "@react-router/dev": "^7.0.0",
     "@storybook/addon-docs": "^9.0.1",
     "@storybook/test-runner": "^0.22.0",

apps/docs/src/remix-hook-form/text-field.stories.tsx

@@ -2,9 +2,9 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { TextField } from '@lambdacurry/forms/remix-hook-form/text-field';
 import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryContext, StoryObj } from '@storybook/react-vite';
-import { expect, userEvent } from 'storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
 import { RemixFormProvider, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { expect, userEvent } from 'storybook/test';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 

apps/docs/src/remix-hook-form/textarea.stories.tsx

@@ -2,9 +2,9 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { Textarea } from '@lambdacurry/forms/remix-hook-form/textarea';
 import { Button } from '@lambdacurry/forms/ui/button';
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { expect, userEvent, within } from 'storybook/test';
 import { type ActionFunctionArgs, useFetcher } from 'react-router';
 import { RemixFormProvider, createFormData, getValidatedFormData, useRemixForm } from 'remix-hook-form';
+import { expect, userEvent, within } from 'storybook/test';
 import { z } from 'zod';
 import { withReactRouterStubDecorator } from '../lib/storybook/react-router-stub';
 
@@ -43,7 +43,7 @@ const ControlledTextareaExample = () => {
 
   return (
     <RemixFormProvider {...methods}>
-      <form onSubmit={methods.handleSubmit}>
+      <fetcher.Form onSubmit={methods.handleSubmit}>
         <div className="space-y-4">
           <Textarea name="message" label="Your message" placeholder="Enter your message here..." rows={5} />
           <Button type="submit" className="mt-4">
@@ -56,7 +56,7 @@ const ControlledTextareaExample = () => {
             </div>
           )}
         </div>
-      </form>
+      </fetcher.Form>
     </RemixFormProvider>
   );
 };

apps/docs/vite.config.mjs

@@ -16,11 +16,6 @@ export default defineConfig({
       '@lambdacurry/medusa-forms/lib': path.resolve(__dirname, '../../packages/medusa-forms/lib'),
     },
   },
-  build: {
-    rollupOptions: {
-      external: [],
-    },
-  },
   plugins: [tailwindcss()],
   server: {
     historyApiFallback: true,

packages/medusa-forms/vite.config.ts

@@ -53,8 +53,6 @@ export default defineConfig({
         '@radix-ui/react-slot',
         '@radix-ui/react-switch',
         '@radix-ui/react-tooltip',
-        'react-router',
-        '@react-router/node',
         'class-variance-authority',
         'clsx',
         'date-fns',

yarn.lock

@@ -1766,7 +1766,6 @@ __metadata:
     "@hookform/resolvers": "npm:^3.9.1"
     "@lambdacurry/forms": "npm:*"
     "@lambdacurry/medusa-forms": "npm:*"
-    "@medusajs/ui-preset": "npm:^2.8.3"
     "@react-router/dev": "npm:^7.0.0"
     "@storybook/addon-docs": "npm:^9.0.1"
     "@storybook/addon-links": "npm:^9.0.1"
@@ -1922,18 +1921,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@medusajs/ui-preset@npm:^2.8.3":
-  version: 2.8.3
-  resolution: "@medusajs/ui-preset@npm:2.8.3"
-  dependencies:
-    "@tailwindcss/forms": "npm:^0.5.3"
-    tailwindcss-animate: "npm:^1.0.6"
-  peerDependencies:
-    tailwindcss: ">=3.0.0"
-  checksum: 10c0/4f940fd34eed26e5dc0575a2aad59379dd8df3fd5ed6d7dc9774f09bb56903efa7aa76ccaac641c16191fe961512ea4d48c809db1da94b0634967d65a7606e15
-  languageName: node
-  linkType: hard
-
 "@medusajs/ui@npm:^4.0.0":
   version: 4.0.13
   resolution: "@medusajs/ui@npm:4.0.13"
@@ -6369,17 +6356,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@tailwindcss/forms@npm:^0.5.3":
-  version: 0.5.10
-  resolution: "@tailwindcss/forms@npm:0.5.10"
-  dependencies:
-    mini-svg-data-uri: "npm:^1.2.3"
-  peerDependencies:
-    tailwindcss: ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20 || >= 4.0.0-beta.1"
-  checksum: 10c0/235cbf08edf09362418808ebddcc767c9e151fba55f3d7d2d5c47862c715b6169204b9277461036707b4c30f3fb1e217933278f80525840e198f8e7dd9168e0d
-  languageName: node
-  linkType: hard
-
 "@tailwindcss/node@npm:4.1.5":
   version: 4.1.5
   resolution: "@tailwindcss/node@npm:4.1.5"
@@ -9266,7 +9242,6 @@ __metadata:
   dependencies:
     "@biomejs/biome": "npm:^1.9.4"
     "@changesets/cli": "npm:^2.27.11"
-    "@medusajs/ui-preset": "npm:^2.8.3"
     turbo: "npm:^2.3.3"
   languageName: unknown
   linkType: soft
@@ -11472,15 +11447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mini-svg-data-uri@npm:^1.2.3":
-  version: 1.4.4
-  resolution: "mini-svg-data-uri@npm:1.4.4"
-  bin:
-    mini-svg-data-uri: cli.js
-  checksum: 10c0/24545fa30b5a45449241bf19c25b8bc37594b63ec06401b3d563bd1c2e8a6abb7c18741f8b354e0064baa63c291be214154bf3a66f201ae71dfab3cc1a5e3191
-  languageName: node
-  linkType: hard
-
 "minimatch@npm:9.0.3":
   version: 9.0.3
   resolution: "minimatch@npm:9.0.3"
@@ -13739,7 +13705,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tailwindcss-animate@npm:^1.0.6, tailwindcss-animate@npm:^1.0.7":
+"tailwindcss-animate@npm:^1.0.7":
   version: 1.0.7
   resolution: "tailwindcss-animate@npm:1.0.7"
   peerDependencies: