@rachelallyson/hero-hook-form 2.1.0 → 2.1.1

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file.
 
+## [2.1.1] - 2025-01-28
+
+### Fixed
+
+- **ServerActionForm imports**: Use `#ui` alias for HeroUI imports to support both `@heroui/react` and individual package imports
+- Ensures compatibility across different HeroUI installation patterns
+
 ## [2.1.0] - 2025-01-28
 
 ### Added

package/dist/index.d.ts

@@ -12,9 +12,9 @@ import { Input, Textarea } from '@heroui/input';
 import { RadioGroup } from '@heroui/radio';
 import { Select } from '@heroui/select';
 import { Switch } from '@heroui/switch';
+import { Button as Button$1 } from '@heroui/button';
 import { DateInput } from '@heroui/date-input';
 import { Slider } from '@heroui/slider';
-import { Button as Button$1 } from '@heroui/button';
 
 interface FieldBaseProps<TFieldValues extends FieldValues, TValue> {
     name: Path<TFieldValues>;
@@ -271,7 +271,7 @@ interface ServerActionFormProps<T extends FieldValues> {
     resetButtonText?: string;
     showResetButton?: boolean;
     spacing?: "2" | "4" | "6" | "8" | "lg";
-    submitButtonProps?: Partial<React$1.ComponentProps<typeof Button>>;
+    submitButtonProps?: Partial<React$1.ComponentProps<typeof Button$1>>;
     submitButtonText?: string;
     subtitle?: string;
     title?: string;

package/dist/index.js

@@ -1238,14 +1238,6 @@ function ConfigurableForm({
 
 // src/components/ServerActionForm.tsx
 import React17 from "react";
-import {
-  Button as Button4,
-  Checkbox as Checkbox2,
-  Input as Input2,
-  Select as Select2,
-  SelectItem as SelectItem2,
-  Textarea as Textarea2
-} from "@heroui/react";
 import { useActionState } from "react";
 function ServerActionForm({
   action,
@@ -1393,7 +1385,7 @@ function ServerActionForm({
     ),
     renderFields(),
     /* @__PURE__ */ React17.createElement("div", { className: "mt-6 flex gap-3 justify-end" }, /* @__PURE__ */ React17.createElement(
-      Button4,
+      Button,
       {
         color: "primary",
         isDisabled: pending,
@@ -1403,7 +1395,7 @@ function ServerActionForm({
       },
       submitButtonText
     ), showResetButton && /* @__PURE__ */ React17.createElement(
-      Button4,
+      Button,
       {
         isDisabled: pending,
         type: "button",
@@ -1478,7 +1470,7 @@ function ServerActionField({
     case "input": {
       const inputType = field2.inputProps?.type || "text";
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Input2,
+        Input,
         {
           ...field2.inputProps,
           "data-field-name": fieldName,
@@ -1495,7 +1487,7 @@ function ServerActionField({
     }
     case "textarea": {
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Textarea2,
+        Textarea,
         {
           ...field2.textareaProps,
           "data-field-name": fieldName,
@@ -1511,7 +1503,7 @@ function ServerActionField({
     }
     case "checkbox": {
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value: checked ? "on" : "" }), /* @__PURE__ */ React17.createElement(
-        Checkbox2,
+        Checkbox,
         {
           ...field2.checkboxProps,
           "data-field-name": fieldName,
@@ -1527,7 +1519,7 @@ function ServerActionField({
     case "select": {
       const options = field2.options || [];
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Select2,
+        Select,
         {
           ...field2.selectProps,
           "data-field-name": fieldName,
@@ -1543,13 +1535,13 @@ function ServerActionField({
           }
         },
         options.map(
-          (option) => /* @__PURE__ */ React17.createElement(SelectItem2, { key: String(option.value) }, option.label)
+          (option) => /* @__PURE__ */ React17.createElement(SelectItem, { key: String(option.value) }, option.label)
         )
       ));
     }
     default:
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Input2,
+        Input,
         {
           "data-field-name": fieldName,
           label: field2.label,
@@ -1862,7 +1854,7 @@ import { useFormContext as useFormContext5 } from "react-hook-form";
 
 // src/components/ZodForm.tsx
 import React21 from "react";
-import { Button as Button6 } from "@heroui/react";
+import { Button as Button5 } from "@heroui/react";
 
 // src/zod-integration.ts
 import { useForm as useForm2 } from "react-hook-form";
@@ -1982,7 +1974,7 @@ function useEnhancedFormState(form, options = {}) {
 
 // src/components/FormStatus.tsx
 import React20 from "react";
-import { Button as Button5 } from "@heroui/react";
+import { Button as Button4 } from "@heroui/react";
 function FormStatus({
   className = "",
   onDismiss,
@@ -2013,7 +2005,7 @@ function FormStatus({
       /* @__PURE__ */ React20.createElement("span", { className: "text-green-600" }, "\u2705"),
       /* @__PURE__ */ React20.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-medium text-green-900" }, "Form submitted successfully!"), showDetails && submittedData && /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-green-700" }, "Your data has been saved. Thank you for your submission.")),
       onDismiss && /* @__PURE__ */ React20.createElement(
-        Button5,
+        Button4,
         {
           size: "sm",
           variant: "light",
@@ -2035,7 +2027,7 @@ function FormStatus({
       /* @__PURE__ */ React20.createElement("span", { className: "text-red-600" }, "\u26A0\uFE0F"),
       /* @__PURE__ */ React20.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-medium text-red-900" }, "Error submitting form"), /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-red-700" }, error)),
       onDismiss && /* @__PURE__ */ React20.createElement(
-        Button5,
+        Button4,
         {
           size: "sm",
           variant: "light",
@@ -2207,7 +2199,7 @@ function ZodForm({
       showDetails: true
     }
   ), renderFields(), /* @__PURE__ */ React21.createElement("div", { className: "mt-6 flex gap-3 justify-end" }, /* @__PURE__ */ React21.createElement(
-    Button6,
+    Button5,
     {
       color: "primary",
       isDisabled: enhancedState.isSubmitting,
@@ -2217,7 +2209,7 @@ function ZodForm({
     },
     enhancedState.isSuccess ? "Success!" : submitButtonText
   ), showResetButton && /* @__PURE__ */ React21.createElement(
-    Button6,
+    Button5,
     {
       isDisabled: enhancedState.isSubmitting,
       type: "button",

package/dist/react/index.js

@@ -1243,14 +1243,6 @@ function ConfigurableForm({
 
 // src/components/ServerActionForm.tsx
 import React17 from "react";
-import {
-  Button as Button4,
-  Checkbox as Checkbox2,
-  Input as Input2,
-  Select as Select2,
-  SelectItem as SelectItem2,
-  Textarea as Textarea2
-} from "@heroui/react";
 import { useActionState } from "react";
 function ServerActionForm({
   action,
@@ -1398,7 +1390,7 @@ function ServerActionForm({
     ),
     renderFields(),
     /* @__PURE__ */ React17.createElement("div", { className: "mt-6 flex gap-3 justify-end" }, /* @__PURE__ */ React17.createElement(
-      Button4,
+      Button,
       {
         color: "primary",
         isDisabled: pending,
@@ -1408,7 +1400,7 @@ function ServerActionForm({
       },
       submitButtonText
     ), showResetButton && /* @__PURE__ */ React17.createElement(
-      Button4,
+      Button,
       {
         isDisabled: pending,
         type: "button",
@@ -1483,7 +1475,7 @@ function ServerActionField({
     case "input": {
       const inputType = field2.inputProps?.type || "text";
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Input2,
+        Input,
         {
           ...field2.inputProps,
           "data-field-name": fieldName,
@@ -1500,7 +1492,7 @@ function ServerActionField({
     }
     case "textarea": {
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Textarea2,
+        Textarea,
         {
           ...field2.textareaProps,
           "data-field-name": fieldName,
@@ -1516,7 +1508,7 @@ function ServerActionField({
     }
     case "checkbox": {
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value: checked ? "on" : "" }), /* @__PURE__ */ React17.createElement(
-        Checkbox2,
+        Checkbox,
         {
           ...field2.checkboxProps,
           "data-field-name": fieldName,
@@ -1532,7 +1524,7 @@ function ServerActionField({
     case "select": {
       const options = field2.options || [];
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Select2,
+        Select,
         {
           ...field2.selectProps,
           "data-field-name": fieldName,
@@ -1548,13 +1540,13 @@ function ServerActionField({
           }
         },
         options.map(
-          (option) => /* @__PURE__ */ React17.createElement(SelectItem2, { key: String(option.value) }, option.label)
+          (option) => /* @__PURE__ */ React17.createElement(SelectItem, { key: String(option.value) }, option.label)
         )
       ));
     }
     default:
       return /* @__PURE__ */ React17.createElement(React17.Fragment, null, /* @__PURE__ */ React17.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React17.createElement(
-        Input2,
+        Input,
         {
           "data-field-name": fieldName,
           label: field2.label,
@@ -1867,7 +1859,7 @@ import { useFormContext as useFormContext5 } from "react-hook-form";
 
 // src/components/ZodForm.tsx
 import React21 from "react";
-import { Button as Button6 } from "@heroui/react";
+import { Button as Button5 } from "@heroui/react";
 
 // src/zod-integration.ts
 import { useForm as useForm2 } from "react-hook-form";
@@ -1987,7 +1979,7 @@ function useEnhancedFormState(form, options = {}) {
 
 // src/components/FormStatus.tsx
 import React20 from "react";
-import { Button as Button5 } from "@heroui/react";
+import { Button as Button4 } from "@heroui/react";
 function FormStatus({
   className = "",
   onDismiss,
@@ -2018,7 +2010,7 @@ function FormStatus({
       /* @__PURE__ */ React20.createElement("span", { className: "text-green-600" }, "\u2705"),
       /* @__PURE__ */ React20.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-medium text-green-900" }, "Form submitted successfully!"), showDetails && submittedData && /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-green-700" }, "Your data has been saved. Thank you for your submission.")),
       onDismiss && /* @__PURE__ */ React20.createElement(
-        Button5,
+        Button4,
         {
           size: "sm",
           variant: "light",
@@ -2040,7 +2032,7 @@ function FormStatus({
       /* @__PURE__ */ React20.createElement("span", { className: "text-red-600" }, "\u26A0\uFE0F"),
       /* @__PURE__ */ React20.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React20.createElement("p", { className: "text-sm font-medium text-red-900" }, "Error submitting form"), /* @__PURE__ */ React20.createElement("p", { className: "text-xs text-red-700" }, error)),
       onDismiss && /* @__PURE__ */ React20.createElement(
-        Button5,
+        Button4,
         {
           size: "sm",
           variant: "light",
@@ -2212,7 +2204,7 @@ function ZodForm({
       showDetails: true
     }
   ), renderFields(), /* @__PURE__ */ React21.createElement("div", { className: "mt-6 flex gap-3 justify-end" }, /* @__PURE__ */ React21.createElement(
-    Button6,
+    Button5,
     {
       color: "primary",
       isDisabled: enhancedState.isSubmitting,
@@ -2222,7 +2214,7 @@ function ZodForm({
     },
     enhancedState.isSuccess ? "Success!" : submitButtonText
   ), showResetButton && /* @__PURE__ */ React21.createElement(
-    Button6,
+    Button5,
     {
       isDisabled: enhancedState.isSubmitting,
       type: "button",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rachelallyson/hero-hook-form",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Typed form helpers that combine React Hook Form and HeroUI components.",
   "author": "Rachel Higley",
   "homepage": "https://rachelallyson.github.io/hero-hook-form/",