fix: resolve formatting and TypeScript configuration issues

codegen-sh[bot] · codegen-sh[bot] · commit c9ea3ad9c73b · 2025-06-04T23:05:14.000Z
- Fix JSON formatting in registry files (arrays and objects on single lines)
- Remove invalid @react-router/node type references from tsconfig.json files
- Clean up TypeScript configuration to resolve build errors
diff --git a/package.json b/package.json
@@ -2,7 +2,10 @@
   "name": "medusa-forms",
   "version": "0.1.1",
   "private": true,
-  "workspaces": ["apps/*", "packages/*"],
+  "workspaces": [
+    "apps/*",
+    "packages/*"
+  ],
   "scripts": {
     "start": "yarn dev",
     "dev": "turbo run dev",
diff --git a/packages/medusa-forms/package.json b/packages/medusa-forms/package.json
@@ -4,7 +4,9 @@
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
   "types": "./dist/types/index.d.ts",
-  "files": ["dist"],
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "import": {
diff --git a/packages/medusa-forms/registry.json b/packages/medusa-forms/registry.json
@@ -15,4 +15,3 @@
     "utils": "src/lib/utils"
   }
 }
-
diff --git a/packages/medusa-forms/registry/controlled-checkbox.json b/packages/medusa-forms/registry/controlled-checkbox.json
@@ -2,17 +2,12 @@
   "name": "controlled-checkbox",
   "type": "registry:ui",
   "description": "A checkbox component with react-hook-form integration",
-  "dependencies": [
-    "react-hook-form"
-  ],
-  "registryDependencies": [
-    "field-checkbox"
-  ],
+  "dependencies": ["react-hook-form"],
+  "registryDependencies": ["field-checkbox"],
   "files": [
     {
       "name": "controlled-checkbox.tsx",
       "content": "import {\n  Controller,\n  type ControllerProps,\n  type FieldValues,\n  type Path,\n  type RegisterOptions,\n  useFormContext,\n} from 'react-hook-form';\nimport { FieldCheckbox, type FieldCheckboxProps } from '../ui/FieldCheckbox';\n\nexport type ControlledCheckboxProps<T extends FieldValues> = Omit<FieldCheckboxProps, 'name'> &\n  Omit<ControllerProps, 'render'> & {\n    name: Path<T>;\n    rules?: Omit<RegisterOptions<T, Path<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;\n  };\n\nexport const ControlledCheckbox = <T extends FieldValues>({\n  name,\n  rules,\n  onChange,\n  ...props\n}: ControlledCheckboxProps<T>) => {\n  const {\n    control,\n    formState: { errors },\n  } = useFormContext<T>();\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>}\n      render={({ field }) => (\n        <FieldCheckbox\n          {...field}\n          {...props}\n          formErrors={errors}\n          checked={field.value}\n          onChange={(checked) => {\n            if (onChange) onChange(checked);\n            field.onChange(checked);\n          }}\n        />\n      )}\n    />\n  );\n};\n\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/controlled-currency-input.json b/packages/medusa-forms/registry/controlled-currency-input.json
@@ -2,17 +2,12 @@
   "name": "controlled-currency-input",
   "type": "registry:ui",
   "description": "A currency-input component with react-hook-form integration",
-  "dependencies": [
-    "react-hook-form"
-  ],
-  "registryDependencies": [
-    "currency-input"
-  ],
+  "dependencies": ["react-hook-form"],
+  "registryDependencies": ["currency-input"],
   "files": [
     {
       "name": "controlled-currency-input.tsx",
       "content": "import type * as React from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldValues,\n  type Path,\n  type RegisterOptions,\n  useFormContext,\n} from 'react-hook-form';\nimport { CurrencyInput, type CurrencyInputProps } from '../ui/CurrencyInput';\n\nexport type ControlledCurrencyInputProps<T extends FieldValues> = CurrencyInputProps &\n  Omit<ControllerProps, 'render' | 'control'> & {\n    name: Path<T>;\n  };\n\nexport const ControlledCurrencyInput = <T extends FieldValues>({\n  name,\n  rules,\n  ...props\n}: ControlledCurrencyInputProps<T>) => {\n  const { control } = useFormContext<T>();\n\n  return (\n    <Controller<T>\n      control={control}\n      name={name}\n      rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>}\n      render={({ field }) => {\n        return (\n          <CurrencyInput\n            {...field}\n            {...props}\n            onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n              field.onChange(e.target.value.replace(/[^0-9.-]+/g, ''));\n            }}\n          />\n        );\n      }}\n    />\n  );\n};\n\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/controlled-datepicker.json b/packages/medusa-forms/registry/controlled-datepicker.json
@@ -2,17 +2,12 @@
   "name": "controlled-datepicker",
   "type": "registry:ui",
   "description": "A datepicker component with react-hook-form integration",
-  "dependencies": [
-    "react-hook-form"
-  ],
-  "registryDependencies": [
-    "datepicker"
-  ],
+  "dependencies": ["react-hook-form"],
+  "registryDependencies": ["datepicker"],
   "files": [
     {
       "name": "controlled-datepicker.tsx",
       "content": "import {\n  Controller,\n  type ControllerProps,\n  type FieldValues,\n  type Path,\n  type RegisterOptions,\n  useFormContext,\n} from 'react-hook-form';\nimport { DatePickerInput, type DatePickerProps } from '../ui/DatePicker';\n\nexport type ControlledDatePickerProps<T extends FieldValues> = DatePickerProps &\n  Omit<ControllerProps, 'render' | 'control'> & {\n    name: Path<T>;\n  };\n\nexport const ControlledDatePicker = <T extends FieldValues>({\n  name,\n  rules,\n  ...props\n}: ControlledDatePickerProps<T>) => {\n  const { control } = useFormContext<T>();\n  return (\n    <Controller<T>\n      control={control}\n      name={name}\n      rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>}\n      render={({ field }) => <DatePickerInput {...field} {...props} />}\n    />\n  );\n};\n\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/controlled-input.json b/packages/medusa-forms/registry/controlled-input.json
@@ -2,17 +2,12 @@
   "name": "controlled-input",
   "type": "registry:ui",
   "description": "An input component with react-hook-form integration",
-  "dependencies": [
-    "react-hook-form"
-  ],
-  "registryDependencies": [
-    "input"
-  ],
+  "dependencies": ["react-hook-form"],
+  "registryDependencies": ["input"],
   "files": [
     {
       "name": "controlled-input.tsx",
       "content": "import type { ComponentProps } from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldValues,\n  type Path,\n  type RegisterOptions,\n  useFormContext,\n} from 'react-hook-form';\nimport { Input, type InputProps } from '../ui/Input';\n\nexport type ControlledInputProps<T extends FieldValues> = InputProps &\n  Omit<ControllerProps, 'render'> & {\n    name: Path<T>;\n    rules?: Omit<RegisterOptions<T, Path<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>;\n  } & ComponentProps<typeof Input> &\n  Omit<ControllerProps<T>, 'render'>;\n\nexport const ControlledInput = <T extends FieldValues>({\n  name,\n  rules,\n  onChange,\n  ...props\n}: ControlledInputProps<T>) => {\n  const {\n    control,\n    formState: { errors },\n  } = useFormContext<T>();\n\n  return (\n    <Controller\n      control={control}\n      name={name}\n      rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>}\n      render={({ field }) => (\n        <Input\n          {...field}\n          {...props}\n          labelClassName={props.labelClassName}\n          formErrors={errors}\n          onChange={(evt) => {\n            if (onChange) {\n              onChange(evt);\n            }\n            field.onChange(evt);\n          }}\n        />\n      )}\n    />\n  );\n};\n\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/controlled-select.json b/packages/medusa-forms/registry/controlled-select.json
@@ -2,17 +2,12 @@
   "name": "controlled-select",
   "type": "registry:ui",
   "description": "A select component with react-hook-form integration",
-  "dependencies": [
-    "react-hook-form"
-  ],
-  "registryDependencies": [
-    "select"
-  ],
+  "dependencies": ["react-hook-form"],
+  "registryDependencies": ["select"],
   "files": [
     {
       "name": "controlled-select.tsx",
       "content": "import type * as React from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPathValue,\n  type FieldValues,\n  type Path,\n  type RegisterOptions,\n  useFormContext,\n} from 'react-hook-form';\nimport { Select, type SelectProps } from '../ui/Select';\n\nexport type ControlledSelectProps<T extends FieldValues> = SelectProps &\n  Omit<ControllerProps, 'render'> & {\n    name: Path<T>;\n    onBlur?: () => void;\n    onChange?: (value: unknown) => void;\n  } & (\n    | {\n        options: { label: React.ReactNode; value: FieldPathValue<T, Path<T>> }[];\n        children?: never;\n      }\n    | {\n        options?: never;\n        children: React.ReactNode;\n      }\n  );\n\nexport const ControlledSelect = <T extends FieldValues>({\n  name,\n  rules,\n  children,\n  options,\n  onChange,\n  onBlur,\n  ...props\n}: ControlledSelectProps<T>) => {\n  const { control } = useFormContext<T>();\n  return (\n    <Controller<T>\n      control={control}\n      name={name}\n      rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' | 'valueAsNumber' | 'valueAsDate' | 'setValueAs'>}\n      render={({ field }) => {\n        const handleChange = (value: unknown) => {\n          if (typeof onChange === 'function') onChange(value);\n          field.onChange(value);\n        };\n\n        if (options) {\n          return (\n            <Select {...({ ...field, ...props, onValueChange: handleChange } as SelectProps)}>\n              <Select.Trigger>\n                <Select.Value />\n              </Select.Trigger>\n              <Select.Content>\n                {options.map((option) => (\n                  <Select.Item key={option.value} value={option.value}>\n                    {option.label}\n                  </Select.Item>\n                ))}\n              </Select.Content>\n            </Select>\n          );\n        }\n\n        return <Select {...({ ...field, ...props, onValueChange: handleChange } as SelectProps)}>{children}</Select>;\n      }}\n    />\n  );\n};\n\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/controlled-textarea.json b/packages/medusa-forms/registry/controlled-textarea.json
@@ -2,17 +2,12 @@
   "name": "controlled-textarea",
   "type": "registry:ui",
   "description": "A textarea component with react-hook-form integration",
-  "dependencies": [
-    "react-hook-form"
-  ],
-  "registryDependencies": [
-    "textarea"
-  ],
+  "dependencies": ["react-hook-form"],
+  "registryDependencies": ["textarea"],
   "files": [
     {
       "name": "controlled-textarea.tsx",
       "content": "import type * as React from 'react';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldValues,\n  type Path,\n  type RegisterOptions,\n  useFormContext,\n} from 'react-hook-form';\nimport { TextArea, type TextAreaProps } from '../ui/TextArea';\n\nexport type ControlledTextAreaProps<T extends FieldValues> = TextAreaProps &\n  Omit<ControllerProps, 'render'> & {\n    name: Path<T>;\n    rules?: RegisterOptions<T, Path<T>>;\n  } & React.ComponentProps<typeof TextArea> &\n  Omit<ControllerProps<T>, 'render'>;\n\nexport const ControlledTextArea = <T extends FieldValues>({ name, rules, ...props }: ControlledTextAreaProps<T>) => {\n  const { control } = useFormContext<T>();\n  return (\n    <Controller<T>\n      control={control}\n      name={name}\n      rules={rules}\n      render={({ field }) => <TextArea {...field} {...props} />}\n    />\n  );\n};\n\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/currency-input.json b/packages/medusa-forms/registry/currency-input.json
@@ -2,17 +2,12 @@
   "name": "currency-input",
   "type": "registry:ui",
   "description": "currency-input component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
-  "registryDependencies": [
-    "field-wrapper"
-  ],
+  "dependencies": ["@medusajs/ui"],
+  "registryDependencies": ["field-wrapper"],
   "files": [
     {
       "name": "currency-input.tsx",
       "content": "import { CurrencyInput as MedusaCurrencyInput } from '@medusajs/ui';\nimport { forwardRef } from 'react';\nimport { FieldWrapper } from './FieldWrapper';\nimport type { BasicFieldProps, MedusaCurrencyInputProps } from './types';\n\nexport type CurrencyInputProps = MedusaCurrencyInputProps & BasicFieldProps;\n\nconst Wrapper = FieldWrapper<CurrencyInputProps>;\n\nexport const CurrencyInput = forwardRef<HTMLInputElement, CurrencyInputProps>((props, ref) => (\n  <Wrapper {...props}>{(inputProps) => <MedusaCurrencyInput {...inputProps} ref={ref} />}</Wrapper>\n));\n\nCurrencyInput.displayName = 'CurrencyInput';\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/datepicker.json b/packages/medusa-forms/registry/datepicker.json
@@ -2,17 +2,12 @@
   "name": "datepicker",
   "type": "registry:ui",
   "description": "datepicker component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
-  "registryDependencies": [
-    "field-wrapper"
-  ],
+  "dependencies": ["@medusajs/ui"],
+  "registryDependencies": ["field-wrapper"],
   "files": [
     {
       "name": "datepicker.tsx",
       "content": "import { DatePicker } from '@medusajs/ui';\nimport { forwardRef } from 'react';\nimport { FieldWrapper } from './FieldWrapper';\nimport type { BasicFieldProps, DatePickerProps as MedusaDatePickerProps } from './types';\n\nexport type DatePickerProps = MedusaDatePickerProps & BasicFieldProps;\n\nconst Wrapper = FieldWrapper<DatePickerProps>;\n\nexport const DatePickerInput = forwardRef<HTMLInputElement, DatePickerProps>((props, ref) => {\n  return <Wrapper {...props}>{(inputProps) => <DatePicker {...{ ...inputProps, ref }} />}</Wrapper>;\n});\n\nDatePickerInput.displayName = 'DatePickerInput';\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/field-checkbox.json b/packages/medusa-forms/registry/field-checkbox.json
@@ -2,18 +2,12 @@
   "name": "field-checkbox",
   "type": "registry:ui",
   "description": "field checkbox component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
-  "registryDependencies": [
-    "field-wrapper",
-    "label"
-  ],
+  "dependencies": ["@medusajs/ui"],
+  "registryDependencies": ["field-wrapper", "label"],
   "files": [
     {
       "name": "fieldcheckbox.tsx",
       "content": "import { Checkbox as MedusaCheckbox } from '@medusajs/ui';\nimport clsx from 'clsx';\nimport type * as React from 'react';\nimport { FieldWrapper } from './FieldWrapper';\nimport { Label } from './Label';\nimport type { BasicFieldProps } from './types';\n\nexport type CheckedState = boolean | 'indeterminate';\nexport type FieldCheckboxProps = BasicFieldProps & {\n  checked?: CheckedState;\n  onChange?: (checked: CheckedState) => void;\n  ref?: React.Ref<HTMLButtonElement>;\n};\n\nexport const FieldCheckbox: React.FC<FieldCheckboxProps> = ({\n  label,\n  labelClassName,\n  labelTooltip,\n  wrapperClassName,\n  errorClassName,\n  formErrors,\n  onChange,\n  ref,\n  ...props\n}) => {\n  return (\n    <FieldWrapper<FieldCheckboxProps>\n      wrapperClassName={wrapperClassName}\n      errorClassName={errorClassName}\n      formErrors={formErrors}\n      {...props}\n    >\n      {(fieldProps) => (\n        <div className=\"flex items-center\">\n          <MedusaCheckbox\n            {...fieldProps}\n            ref={ref}\n            checked={props.checked}\n            onChange={(_e) => {\n              // this is a noop since we handle the onChange in the onCheckedChange handler,\n              // but we need to pass a function to the onChange prop because the MedusaCheckbox component expects it\n            }}\n            onCheckedChange={(checked) => {\n              onChange?.(checked);\n            }}\n          />\n\n          {label && (\n            <Label\n              htmlFor={props.name}\n              onClick={() => {\n                onChange?.(!props.checked);\n              }}\n              className={clsx('ml-2 !mb-0 font-normal [&>label]:!cursor-pointer', labelClassName)}\n            >\n              {label}\n            </Label>\n          )}\n        </div>\n      )}\n    </FieldWrapper>\n  );\n};\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/field-error.json b/packages/medusa-forms/registry/field-error.json
@@ -2,9 +2,7 @@
   "name": "field-error",
   "type": "registry:ui",
   "description": "field error component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
+  "dependencies": ["@medusajs/ui"],
   "registryDependencies": [],
   "files": [
     {
@@ -13,4 +11,3 @@
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/field-wrapper.json b/packages/medusa-forms/registry/field-wrapper.json
@@ -2,13 +2,8 @@
   "name": "field-wrapper",
   "type": "registry:ui",
   "description": "field wrapper component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
-  "registryDependencies": [
-    "field-error",
-    "label"
-  ],
+  "dependencies": ["@medusajs/ui"],
+  "registryDependencies": ["field-error", "label"],
   "files": [
     {
       "name": "fieldwrapper.tsx",
@@ -20,4 +15,3 @@
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/input.json b/packages/medusa-forms/registry/input.json
@@ -2,17 +2,12 @@
   "name": "input",
   "type": "registry:ui",
   "description": "input component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
-  "registryDependencies": [
-    "field-wrapper"
-  ],
+  "dependencies": ["@medusajs/ui"],
+  "registryDependencies": ["field-wrapper"],
   "files": [
     {
       "name": "input.tsx",
       "content": "import { Input as MedusaInput } from '@medusajs/ui';\nimport { forwardRef } from 'react';\nimport { FieldWrapper } from './FieldWrapper';\nimport type { BasicFieldProps, MedusaInputProps } from './types';\n\nexport type InputProps = MedusaInputProps & BasicFieldProps;\n\nconst Wrapper = FieldWrapper<InputProps>;\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>((props, ref) => (\n  <Wrapper {...props}>{(inputProps) => <MedusaInput {...inputProps} ref={ref} />}</Wrapper>\n));\n\nInput.displayName = 'Input';\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/label.json b/packages/medusa-forms/registry/label.json
@@ -2,9 +2,7 @@
   "name": "label",
   "type": "registry:ui",
   "description": "label component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
+  "dependencies": ["@medusajs/ui"],
   "registryDependencies": [],
   "files": [
     {
@@ -13,4 +11,3 @@
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/select.json b/packages/medusa-forms/registry/select.json
@@ -2,17 +2,12 @@
   "name": "select",
   "type": "registry:ui",
   "description": "select component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
-  "registryDependencies": [
-    "field-wrapper"
-  ],
+  "dependencies": ["@medusajs/ui"],
+  "registryDependencies": ["field-wrapper"],
   "files": [
     {
       "name": "select.tsx",
       "content": "import { Select as MedusaSelect } from '@medusajs/ui';\nimport { forwardRef } from 'react';\nimport { FieldWrapper } from './FieldWrapper';\nimport type { BasicFieldProps, SelectProps as MedusaSelectProps } from './types';\n\nexport type SelectProps = MedusaSelectProps & BasicFieldProps;\n\nconst Wrapper = FieldWrapper<SelectProps>;\n\nconst SelectComponent = forwardRef<unknown, SelectProps>((props, ref) => {\n  return (\n    <Wrapper {...props}>\n      {(inputProps) => <MedusaSelect {...{ ...inputProps, ref }}>{props.children}</MedusaSelect>}\n    </Wrapper>\n  );\n});\n\nSelectComponent.displayName = 'Select';\n\ntype SelectComponent = typeof SelectComponent & {\n  Trigger: typeof MedusaSelect.Trigger;\n  Value: typeof MedusaSelect.Value;\n  Content: typeof MedusaSelect.Content;\n  Item: typeof MedusaSelect.Item;\n};\n\nexport const Select: SelectComponent = Object.assign(SelectComponent, {\n  Trigger: MedusaSelect.Trigger,\n  Value: MedusaSelect.Value,\n  Content: MedusaSelect.Content,\n  Item: MedusaSelect.Item,\n});\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/registry/textarea.json b/packages/medusa-forms/registry/textarea.json
@@ -2,17 +2,12 @@
   "name": "textarea",
   "type": "registry:ui",
   "description": "textarea component",
-  "dependencies": [
-    "@medusajs/ui"
-  ],
-  "registryDependencies": [
-    "field-wrapper"
-  ],
+  "dependencies": ["@medusajs/ui"],
+  "registryDependencies": ["field-wrapper"],
   "files": [
     {
       "name": "textarea.tsx",
       "content": "import { Textarea } from '@medusajs/ui';\nimport { forwardRef } from 'react';\nimport { FieldWrapper } from './FieldWrapper';\nimport type { BasicFieldProps, TextAreaProps as MedusaTextAreaProps } from './types';\n\nexport type TextAreaProps = MedusaTextAreaProps & BasicFieldProps;\n\nconst Wrapper = FieldWrapper<TextAreaProps>;\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) => (\n  <Wrapper {...props}>{(inputProps) => <Textarea {...inputProps} ref={ref} />}</Wrapper>\n));\n\nTextArea.displayName = 'TextArea';\n"
     }
   ]
 }
-
diff --git a/packages/medusa-forms/tsconfig.json b/packages/medusa-forms/tsconfig.json
@@ -15,9 +15,9 @@
     "strict": true,
     "esModuleInterop": true,
     "moduleResolution": "bundler",
-    "types": ["@react-router/node", "vite/client"],
-    "rootDirs": [".", "./.react-router/types"]
+    "types": ["vite/client"],
+    "rootDirs": ["."]
   },
-  "include": ["src", ".react-router/types/**/*"],
+  "include": ["src"],
   "exclude": ["**/*.stories.tsx", "**/*.test.tsx", "node_modules", "dist"]
 }
diff --git a/tsconfig.json b/tsconfig.json
@@ -21,7 +21,7 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "jsx": "react-jsx",
     "resolveJsonModule": true,
-    "types": ["@react-router/node", "vite/client"]
+    "types": ["vite/client"]
   },
   "exclude": ["node_modules"]
 }

Original file line number	Diff line number	Diff line change
`@@ -15,4 +15,3 @@`
`15`	`15`	`"utils": "src/lib/utils"`
`16`	`16`	`}`
`17`	`17`	`}`
`18`		`-`
Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@`
`2`	`2`	`"name": "controlled-checkbox",`
`3`	`3`	`"type": "registry:ui",`
`4`	`4`	`"description": "A checkbox component with react-hook-form integration",`
`5`		`- "dependencies": [`
`6`		`- "react-hook-form"`
`7`		`- ],`
`8`		`- "registryDependencies": [`
`9`		`- "field-checkbox"`
`10`		`- ],`
	`5`	`+ "dependencies": ["react-hook-form"],`
	`6`	`+ "registryDependencies": ["field-checkbox"],`
`11`	`7`	`"files": [`
`12`	`8`	`{`
`13`	`9`	`"name": "controlled-checkbox.tsx",`
`14`	`10`	"content": "import {\n Controller,\n type ControllerProps,\n type FieldValues,\n type Path,\n type RegisterOptions,\n useFormContext,\n} from 'react-hook-form';\nimport { FieldCheckbox, type FieldCheckboxProps } from '../ui/FieldCheckbox';\n\nexport type ControlledCheckboxProps<T extends FieldValues> = Omit<FieldCheckboxProps, 'name'> &\n Omit<ControllerProps, 'render'> & {\n name: Path<T>;\n rules?: Omit<RegisterOptions<T, Path<T>>, 'disabled' \| 'valueAsNumber' \| 'valueAsDate' \| 'setValueAs'>;\n };\n\nexport const ControlledCheckbox = <T extends FieldValues>({\n name,\n rules,\n onChange,\n ...props\n}: ControlledCheckboxProps<T>) => {\n const {\n control,\n formState: { errors },\n } = useFormContext<T>();\n\n return (\n <Controller\n control={control}\n name={name}\n rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' \| 'valueAsNumber' \| 'valueAsDate' \| 'setValueAs'>}\n render={({ field }) => (\n <FieldCheckbox\n {...field}\n {...props}\n formErrors={errors}\n checked={field.value}\n onChange={(checked) => {\n if (onChange) onChange(checked);\n field.onChange(checked);\n }}\n />\n )}\n />\n );\n};\n\n"
`15`	`11`	`}`
`16`	`12`	`]`
`17`	`13`	`}`
`18`		`-`
Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@`
`2`	`2`	`"name": "controlled-currency-input",`
`3`	`3`	`"type": "registry:ui",`
`4`	`4`	`"description": "A currency-input component with react-hook-form integration",`
`5`		`- "dependencies": [`
`6`		`- "react-hook-form"`
`7`		`- ],`
`8`		`- "registryDependencies": [`
`9`		`- "currency-input"`
`10`		`- ],`
	`5`	`+ "dependencies": ["react-hook-form"],`
	`6`	`+ "registryDependencies": ["currency-input"],`
`11`	`7`	`"files": [`
`12`	`8`	`{`
`13`	`9`	`"name": "controlled-currency-input.tsx",`
`14`	`10`	"content": "import type * as React from 'react';\nimport {\n Controller,\n type ControllerProps,\n type FieldValues,\n type Path,\n type RegisterOptions,\n useFormContext,\n} from 'react-hook-form';\nimport { CurrencyInput, type CurrencyInputProps } from '../ui/CurrencyInput';\n\nexport type ControlledCurrencyInputProps<T extends FieldValues> = CurrencyInputProps &\n Omit<ControllerProps, 'render' \| 'control'> & {\n name: Path<T>;\n };\n\nexport const ControlledCurrencyInput = <T extends FieldValues>({\n name,\n rules,\n ...props\n}: ControlledCurrencyInputProps<T>) => {\n const { control } = useFormContext<T>();\n\n return (\n <Controller<T>\n control={control}\n name={name}\n rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' \| 'valueAsNumber' \| 'valueAsDate' \| 'setValueAs'>}\n render={({ field }) => {\n return (\n <CurrencyInput\n {...field}\n {...props}\n onChange={(e: React.ChangeEvent<HTMLInputElement>) => {\n field.onChange(e.target.value.replace(/[^0-9.-]+/g, ''));\n }}\n />\n );\n }}\n />\n );\n};\n\n"
`15`	`11`	`}`
`16`	`12`	`]`
`17`	`13`	`}`
`18`		`-`
Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@`
`2`	`2`	`"name": "controlled-datepicker",`
`3`	`3`	`"type": "registry:ui",`
`4`	`4`	`"description": "A datepicker component with react-hook-form integration",`
`5`		`- "dependencies": [`
`6`		`- "react-hook-form"`
`7`		`- ],`
`8`		`- "registryDependencies": [`
`9`		`- "datepicker"`
`10`		`- ],`
	`5`	`+ "dependencies": ["react-hook-form"],`
	`6`	`+ "registryDependencies": ["datepicker"],`
`11`	`7`	`"files": [`
`12`	`8`	`{`
`13`	`9`	`"name": "controlled-datepicker.tsx",`
`14`	`10`	"content": "import {\n Controller,\n type ControllerProps,\n type FieldValues,\n type Path,\n type RegisterOptions,\n useFormContext,\n} from 'react-hook-form';\nimport { DatePickerInput, type DatePickerProps } from '../ui/DatePicker';\n\nexport type ControlledDatePickerProps<T extends FieldValues> = DatePickerProps &\n Omit<ControllerProps, 'render' \| 'control'> & {\n name: Path<T>;\n };\n\nexport const ControlledDatePicker = <T extends FieldValues>({\n name,\n rules,\n ...props\n}: ControlledDatePickerProps<T>) => {\n const { control } = useFormContext<T>();\n return (\n <Controller<T>\n control={control}\n name={name}\n rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' \| 'valueAsNumber' \| 'valueAsDate' \| 'setValueAs'>}\n render={({ field }) => <DatePickerInput {...field} {...props} />}\n />\n );\n};\n\n"
`15`	`11`	`}`
`16`	`12`	`]`
`17`	`13`	`}`
`18`		`-`
Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@`
`2`	`2`	`"name": "controlled-input",`
`3`	`3`	`"type": "registry:ui",`
`4`	`4`	`"description": "An input component with react-hook-form integration",`
`5`		`- "dependencies": [`
`6`		`- "react-hook-form"`
`7`		`- ],`
`8`		`- "registryDependencies": [`
`9`		`- "input"`
`10`		`- ],`
	`5`	`+ "dependencies": ["react-hook-form"],`
	`6`	`+ "registryDependencies": ["input"],`
`11`	`7`	`"files": [`
`12`	`8`	`{`
`13`	`9`	`"name": "controlled-input.tsx",`
`14`	`10`	"content": "import type { ComponentProps } from 'react';\nimport {\n Controller,\n type ControllerProps,\n type FieldValues,\n type Path,\n type RegisterOptions,\n useFormContext,\n} from 'react-hook-form';\nimport { Input, type InputProps } from '../ui/Input';\n\nexport type ControlledInputProps<T extends FieldValues> = InputProps &\n Omit<ControllerProps, 'render'> & {\n name: Path<T>;\n rules?: Omit<RegisterOptions<T, Path<T>>, 'disabled' \| 'valueAsNumber' \| 'valueAsDate' \| 'setValueAs'>;\n } & ComponentProps<typeof Input> &\n Omit<ControllerProps<T>, 'render'>;\n\nexport const ControlledInput = <T extends FieldValues>({\n name,\n rules,\n onChange,\n ...props\n}: ControlledInputProps<T>) => {\n const {\n control,\n formState: { errors },\n } = useFormContext<T>();\n\n return (\n <Controller\n control={control}\n name={name}\n rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' \| 'valueAsNumber' \| 'valueAsDate' \| 'setValueAs'>}\n render={({ field }) => (\n <Input\n {...field}\n {...props}\n labelClassName={props.labelClassName}\n formErrors={errors}\n onChange={(evt) => {\n if (onChange) {\n onChange(evt);\n }\n field.onChange(evt);\n }}\n />\n )}\n />\n );\n};\n\n"
`15`	`11`	`}`
`16`	`12`	`]`
`17`	`13`	`}`
`18`		`-`
Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@`
`2`	`2`	`"name": "controlled-select",`
`3`	`3`	`"type": "registry:ui",`
`4`	`4`	`"description": "A select component with react-hook-form integration",`
`5`		`- "dependencies": [`
`6`		`- "react-hook-form"`
`7`		`- ],`
`8`		`- "registryDependencies": [`
`9`		`- "select"`
`10`		`- ],`
	`5`	`+ "dependencies": ["react-hook-form"],`
	`6`	`+ "registryDependencies": ["select"],`
`11`	`7`	`"files": [`
`12`	`8`	`{`
`13`	`9`	`"name": "controlled-select.tsx",`
`14`	`10`	"content": "import type * as React from 'react';\nimport {\n Controller,\n type ControllerProps,\n type FieldPathValue,\n type FieldValues,\n type Path,\n type RegisterOptions,\n useFormContext,\n} from 'react-hook-form';\nimport { Select, type SelectProps } from '../ui/Select';\n\nexport type ControlledSelectProps<T extends FieldValues> = SelectProps &\n Omit<ControllerProps, 'render'> & {\n name: Path<T>;\n onBlur?: () => void;\n onChange?: (value: unknown) => void;\n } & (\n \| {\n options: { label: React.ReactNode; value: FieldPathValue<T, Path<T>> }[];\n children?: never;\n }\n \| {\n options?: never;\n children: React.ReactNode;\n }\n );\n\nexport const ControlledSelect = <T extends FieldValues>({\n name,\n rules,\n children,\n options,\n onChange,\n onBlur,\n ...props\n}: ControlledSelectProps<T>) => {\n const { control } = useFormContext<T>();\n return (\n <Controller<T>\n control={control}\n name={name}\n rules={rules as Omit<RegisterOptions<T, Path<T>>, 'disabled' \| 'valueAsNumber' \| 'valueAsDate' \| 'setValueAs'>}\n render={({ field }) => {\n const handleChange = (value: unknown) => {\n if (typeof onChange === 'function') onChange(value);\n field.onChange(value);\n };\n\n if (options) {\n return (\n <Select {...({ ...field, ...props, onValueChange: handleChange } as SelectProps)}>\n <Select.Trigger>\n <Select.Value />\n </Select.Trigger>\n <Select.Content>\n {options.map((option) => (\n <Select.Item key={option.value} value={option.value}>\n {option.label}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n }\n\n return <Select {...({ ...field, ...props, onValueChange: handleChange } as SelectProps)}>{children}</Select>;\n }}\n />\n );\n};\n\n"
`15`	`11`	`}`
`16`	`12`	`]`
`17`	`13`	`}`
`18`		`-`
Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@`
`2`	`2`	`"name": "controlled-textarea",`
`3`	`3`	`"type": "registry:ui",`
`4`	`4`	`"description": "A textarea component with react-hook-form integration",`
`5`		`- "dependencies": [`
`6`		`- "react-hook-form"`
`7`		`- ],`
`8`		`- "registryDependencies": [`
`9`		`- "textarea"`
`10`		`- ],`
	`5`	`+ "dependencies": ["react-hook-form"],`
	`6`	`+ "registryDependencies": ["textarea"],`
`11`	`7`	`"files": [`
`12`	`8`	`{`
`13`	`9`	`"name": "controlled-textarea.tsx",`
`14`	`10`	"content": "import type * as React from 'react';\nimport {\n Controller,\n type ControllerProps,\n type FieldValues,\n type Path,\n type RegisterOptions,\n useFormContext,\n} from 'react-hook-form';\nimport { TextArea, type TextAreaProps } from '../ui/TextArea';\n\nexport type ControlledTextAreaProps<T extends FieldValues> = TextAreaProps &\n Omit<ControllerProps, 'render'> & {\n name: Path<T>;\n rules?: RegisterOptions<T, Path<T>>;\n } & React.ComponentProps<typeof TextArea> &\n Omit<ControllerProps<T>, 'render'>;\n\nexport const ControlledTextArea = <T extends FieldValues>({ name, rules, ...props }: ControlledTextAreaProps<T>) => {\n const { control } = useFormContext<T>();\n return (\n <Controller<T>\n control={control}\n name={name}\n rules={rules}\n render={({ field }) => <TextArea {...field} {...props} />}\n />\n );\n};\n\n"
`15`	`11`	`}`
`16`	`12`	`]`
`17`	`13`	`}`
`18`		`-`
Original file line number	Diff line number	Diff line change
`@@ -2,17 +2,12 @@`
`2`	`2`	`"name": "currency-input",`
`3`	`3`	`"type": "registry:ui",`
`4`	`4`	`"description": "currency-input component",`
`5`		`- "dependencies": [`
`6`		`- "@medusajs/ui"`
`7`		`- ],`
`8`		`- "registryDependencies": [`
`9`		`- "field-wrapper"`
`10`		`- ],`
	`5`	`+ "dependencies": ["@medusajs/ui"],`
	`6`	`+ "registryDependencies": ["field-wrapper"],`
`11`	`7`	`"files": [`
`12`	`8`	`{`
`13`	`9`	`"name": "currency-input.tsx",`
`14`	`10`	"content": "import { CurrencyInput as MedusaCurrencyInput } from '@medusajs/ui';\nimport { forwardRef } from 'react';\nimport { FieldWrapper } from './FieldWrapper';\nimport type { BasicFieldProps, MedusaCurrencyInputProps } from './types';\n\nexport type CurrencyInputProps = MedusaCurrencyInputProps & BasicFieldProps;\n\nconst Wrapper = FieldWrapper<CurrencyInputProps>;\n\nexport const CurrencyInput = forwardRef<HTMLInputElement, CurrencyInputProps>((props, ref) => (\n <Wrapper {...props}>{(inputProps) => <MedusaCurrencyInput {...inputProps} ref={ref} />}</Wrapper>\n));\n\nCurrencyInput.displayName = 'CurrencyInput';\n"
`15`	`11`	`}`
`16`	`12`	`]`
`17`	`13`	`}`
`18`		`-`