@page-speed/forms 0.6.7 → 0.6.9

package/README.md

@@ -129,6 +129,40 @@ import { Form } from "@page-speed/forms";
 />;
 ```
 
+### `FormEngine` Defaults + Wrapper Setup
+
+`FormEngine` supports both direct props and a wrapper setup object. This is useful
+for block/component libraries that want to provide local default fields and styles.
+
+```tsx
+import * as React from "react";
+import {
+  FormEngine,
+  type FormEngineSetup,
+  type FormFieldConfig,
+  type FormEngineStyleRules,
+} from "@page-speed/forms/integration";
+
+const defaultFields: FormFieldConfig[] = [
+  { name: "email", type: "email", label: "Email", required: true },
+];
+
+const defaultStyleRules: FormEngineStyleRules = {
+  formClassName: "space-y-6",
+};
+
+const setup: FormEngineSetup = {
+  api: { endpoint: "/api/contact", method: "post" },
+  formLayoutSettings: { formLayout: "standard" },
+};
+
+<FormEngine
+  formEngineSetup={setup}
+  defaultFields={defaultFields}
+  defaultStyleRules={defaultStyleRules}
+/>;
+```
+
 ## Package Entry Points
 
 ### Main

package/dist/{chunk-ML6FGUYS.js → chunk-AI5Q4N6D.js}

@@ -288,8 +288,10 @@ function CheckboxGroup({
   const maxReached = Boolean(maxSelections && countableValue >= maxSelections);
   const containerClass = React19.useMemo(() => {
     return cn(
-      "w-full gap-3 grid grid-cols-1 border-0 m-0 p-0 min-w-0",
+      "w-full grid grid-cols-1 border-0 m-0 p-0 min-w-0",
       (layout === "grid" || layout === "inline") && "md:grid-cols-2",
+      layout === "grid" && "gap-3",
+      layout === "inline" && "gap-0",
       className
     );
   }, [layout, className]);
@@ -446,14 +448,7 @@ function Radio({
     return options.some((option) => option.description);
   }, [options]);
   const groupDescriptionId = description ? `${name}-description` : void 0;
-  return /* @__PURE__ */ React19.createElement("div", { className: cn("w-full", className), "data-invalid": error || void 0 }, (label || description) && /* @__PURE__ */ React19.createElement("div", { className: "mb-3 space-y-1" }, label && /* @__PURE__ */ React19.createElement("div", { className: "text-base font-medium leading-none" }, label), description && /* @__PURE__ */ React19.createElement(
-    FieldDescription,
-    {
-      id: groupDescriptionId,
-      className: "leading-snug"
-    },
-    description
-  )), /* @__PURE__ */ React19.createElement(
+  return /* @__PURE__ */ React19.createElement("div", { className: cn("w-full", className), "data-invalid": error || void 0 }, (label || description) && /* @__PURE__ */ React19.createElement("div", { className: "mb-3 space-y-1" }, label && /* @__PURE__ */ React19.createElement("div", { className: "text-base font-medium leading-none" }, label), description && /* @__PURE__ */ React19.createElement(FieldDescription, { id: groupDescriptionId, className: "leading-snug" }, description)), /* @__PURE__ */ React19.createElement(
     RadioGroup,
     {
       name,
@@ -463,9 +458,8 @@ function Radio({
       disabled,
       required,
       className: cn(
-        "gap-3",
-        layout === "grid" && "grid grid-cols-1 md:grid-cols-2",
-        layout === "inline" && "flex flex-wrap"
+        layout === "grid" && "grid grid-cols-1 md:grid-cols-2 gap-3",
+        layout === "inline" && "flex flex-wrap gap-0"
       ),
       "aria-invalid": error || props["aria-invalid"],
       "aria-describedby": groupDescriptionId || props["aria-describedby"],
@@ -4050,5 +4044,5 @@ function DateRangePicker({
 DateRangePicker.displayName = "DateRangePicker";
 
 export { Checkbox2 as Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select2 as Select, Switch2 as Switch, TextArea, TimePicker };
-//# sourceMappingURL=chunk-ML6FGUYS.js.map
-//# sourceMappingURL=chunk-ML6FGUYS.js.map
+//# sourceMappingURL=chunk-AI5Q4N6D.js.map
+//# sourceMappingURL=chunk-AI5Q4N6D.js.map