@page-speed/forms 0.5.7 → 0.5.8

package/dist/inputs.cjs

@@ -1,57 +1,57 @@
 'use strict';
 
-var chunkFIDKDYT7_cjs = require('./chunk-FIDKDYT7.cjs');
-require('./chunk-QQSBW6N3.cjs');
+var chunkED4UK63G_cjs = require('./chunk-ED4UK63G.cjs');
+var chunkQRI5TMES_cjs = require('./chunk-QRI5TMES.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.Checkbox; }
+  get: function () { return chunkED4UK63G_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.CheckboxGroup; }
+  get: function () { return chunkED4UK63G_cjs.CheckboxGroup; }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.DatePicker; }
+  get: function () { return chunkED4UK63G_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.DateRangePicker; }
+  get: function () { return chunkED4UK63G_cjs.DateRangePicker; }
 });
 Object.defineProperty(exports, "FileInput", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.FileInput; }
+  get: function () { return chunkED4UK63G_cjs.FileInput; }
 });
 Object.defineProperty(exports, "MultiSelect", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.MultiSelect; }
+  get: function () { return chunkED4UK63G_cjs.MultiSelect; }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.Radio; }
+  get: function () { return chunkED4UK63G_cjs.Radio; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.Select; }
+  get: function () { return chunkED4UK63G_cjs.Select; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.Switch; }
+  get: function () { return chunkED4UK63G_cjs.Switch; }
 });
 Object.defineProperty(exports, "TextArea", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.TextArea; }
+  get: function () { return chunkED4UK63G_cjs.TextArea; }
 });
-Object.defineProperty(exports, "TextInput", {
+Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.TextInput; }
+  get: function () { return chunkED4UK63G_cjs.TimePicker; }
 });
-Object.defineProperty(exports, "TimePicker", {
+Object.defineProperty(exports, "TextInput", {
   enumerable: true,
-  get: function () { return chunkFIDKDYT7_cjs.TimePicker; }
+  get: function () { return chunkQRI5TMES_cjs.TextInput; }
 });
 //# sourceMappingURL=inputs.cjs.map
 //# sourceMappingURL=inputs.cjs.map

package/dist/inputs.d.cts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { I as InputProps } from './types-CnOCn7b3.cjs';
+import { I as InputProps } from './types-BemGfSPA.cjs';
 
 /**
  * TextInput - High-performance text input component (ShadCN-based)

package/dist/inputs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { I as InputProps } from './types-CnOCn7b3.js';
+import { I as InputProps } from './types-BemGfSPA.js';
 
 /**
  * TextInput - High-performance text input component (ShadCN-based)

package/dist/inputs.js

@@ -1,4 +1,4 @@
-export { Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select, Switch, TextArea, TextInput, TimePicker } from './chunk-5WWMVS2I.js';
-import './chunk-A7R6GEMA.js';
+export { Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select, Switch, TextArea, TimePicker } from './chunk-4ROWNTY6.js';
+export { TextInput } from './chunk-455PI4LV.js';
 //# sourceMappingURL=inputs.js.map
 //# sourceMappingURL=inputs.js.map

package/dist/integration.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkKPHMVGTU_cjs = require('./chunk-KPHMVGTU.cjs');
-var chunkFIDKDYT7_cjs = require('./chunk-FIDKDYT7.cjs');
-require('./chunk-QQSBW6N3.cjs');
+var chunkMUBEMXI7_cjs = require('./chunk-MUBEMXI7.cjs');
+var chunkED4UK63G_cjs = require('./chunk-ED4UK63G.cjs');
+var chunkQRI5TMES_cjs = require('./chunk-QRI5TMES.cjs');
 var React2 = require('react');
 
 function _interopNamespace(e) {
@@ -565,7 +565,7 @@ function useContactForm(options) {
       window.location.assign(destination);
     }, 150);
   }, [navigate, redirectUrl]);
-  const form = chunkKPHMVGTU_cjs.useForm({
+  const form = chunkMUBEMXI7_cjs.useForm({
     initialValues: React2.useMemo(
       () => generateInitialValues(formFields),
       [formFields]
@@ -643,7 +643,7 @@ function DynamicFormField({
   const usesInlineCheckboxLabel = field.type === "checkbox";
   const shouldRenderFieldLabel = renderLabel && !usesGroupLegend && !usesInlineCheckboxLabel;
   return /* @__PURE__ */ React2__namespace.createElement(
-    chunkKPHMVGTU_cjs.Field,
+    chunkMUBEMXI7_cjs.Field,
     {
       name: field.name,
       label: shouldRenderFieldLabel ? field.label : void 0,
@@ -652,7 +652,7 @@ function DynamicFormField({
       className
     },
     ({ field: formField, meta }) => /* @__PURE__ */ React2__namespace.createElement("div", null, (field.type === "text" || field.type === "email" || field.type === "tel" || field.type === "search" || field.type === "password" || field.type === "url") && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.TextInput,
+      chunkQRI5TMES_cjs.TextInput,
       {
         ...formField,
         id: fieldId,
@@ -663,7 +663,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "number" && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.TextInput,
+      chunkQRI5TMES_cjs.TextInput,
       {
         ...formField,
         id: fieldId,
@@ -674,7 +674,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "textarea" && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.TextArea,
+      chunkED4UK63G_cjs.TextArea,
       {
         ...formField,
         id: fieldId,
@@ -685,7 +685,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.Select,
+      chunkED4UK63G_cjs.Select,
       {
         ...formField,
         id: fieldId,
@@ -696,7 +696,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "multi-select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.MultiSelect,
+      chunkED4UK63G_cjs.MultiSelect,
       {
         ...formField,
         id: fieldId,
@@ -707,7 +707,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "radio" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.Radio,
+      chunkED4UK63G_cjs.Radio,
       {
         ...formField,
         id: fieldId,
@@ -721,7 +721,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "checkbox" && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.Checkbox,
+      chunkED4UK63G_cjs.Checkbox,
       {
         ...formField,
         id: fieldId,
@@ -735,7 +735,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "checkbox-group" && field.options && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.CheckboxGroup,
+      chunkED4UK63G_cjs.CheckboxGroup,
       {
         ...formField,
         id: fieldId,
@@ -749,7 +749,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), (field.type === "date-picker" || field.type === "date") && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.DatePicker,
+      chunkED4UK63G_cjs.DatePicker,
       {
         ...formField,
         id: fieldId,
@@ -759,7 +759,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "date-range" && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.DateRangePicker,
+      chunkED4UK63G_cjs.DateRangePicker,
       {
         ...formField,
         id: fieldId,
@@ -769,7 +769,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "time" && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.TimePicker,
+      chunkED4UK63G_cjs.TimePicker,
       {
         ...formField,
         id: fieldId,
@@ -779,7 +779,7 @@ function DynamicFormField({
         "aria-label": field.label
       }
     ), field.type === "file" && /* @__PURE__ */ React2__namespace.createElement(
-      chunkFIDKDYT7_cjs.FileInput,
+      chunkED4UK63G_cjs.FileInput,
       {
         ...formField,
         id: fieldId,

package/dist/integration.d.cts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { d as FormSubmissionBehavior, N as NewFormSubmissionActionConfig, m as UseFormReturn } from './types-CnOCn7b3.cjs';
+import { d as FormSubmissionBehavior, N as NewFormSubmissionActionConfig, m as UseFormReturn } from './types-BemGfSPA.cjs';
 
 /**
  * @page-speed/forms - Rails API Serializer

package/dist/integration.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
-import { d as FormSubmissionBehavior, N as NewFormSubmissionActionConfig, m as UseFormReturn } from './types-CnOCn7b3.js';
+import { d as FormSubmissionBehavior, N as NewFormSubmissionActionConfig, m as UseFormReturn } from './types-BemGfSPA.js';
 
 /**
  * @page-speed/forms - Rails API Serializer

package/dist/integration.js

@@ -1,6 +1,6 @@
-import { useForm, Field } from './chunk-Q7VR374Y.js';
-import { TextInput, TextArea, Select, MultiSelect, Radio, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, TimePicker, FileInput } from './chunk-5WWMVS2I.js';
-import './chunk-A7R6GEMA.js';
+import { useForm, Field } from './chunk-MJYEXJ3U.js';
+import { TextArea, Select, MultiSelect, Radio, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, TimePicker, FileInput } from './chunk-4ROWNTY6.js';
+import { TextInput } from './chunk-455PI4LV.js';
 import * as React2 from 'react';
 import { useState, useCallback, useMemo } from 'react';
 

package/dist/{types-CnOCn7b3.d.ts → types-BemGfSPA.d.cts}

@@ -340,6 +340,27 @@ interface FormRenderConfig {
      * Optional submission behavior configuration.
      */
     submissionConfig?: FormSubmissionConfig;
+    /**
+     * Optional layout configuration. If button-group, the form will be rendered with an input field and submit button.
+     * "button-group" is most commonly used for newsletter type forms.
+     * @default "standard"
+     */
+    formLayout?: "standard" | "button-group";
+    /**
+     * Size for button-group layout (only applies when formLayout is "button-group")
+     * @default "default"
+     */
+    buttonGroupSize?: "xs" | "sm" | "default" | "lg";
+    /**
+     * Submit button label for button-group layout
+     * @default "Submit"
+     */
+    submitLabel?: React.ReactNode;
+    /**
+     * Submit button variant for button-group layout
+     * @default "default"
+     */
+    submitVariant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
 }
 /**
  * Form component props
@@ -352,7 +373,12 @@ interface FormProps<T extends FormValues = FormValues> {
     /**
      * Form children
      */
-    children: ReactNode;
+    children?: ReactNode;
+    /**
+     * Optional form fields for button-group layout rendering
+     * Required when using formLayout="button-group"
+     */
+    fields?: any[];
     /**
      * Additional className
      */

package/dist/{types-CnOCn7b3.d.cts → types-BemGfSPA.d.ts}

@@ -340,6 +340,27 @@ interface FormRenderConfig {
      * Optional submission behavior configuration.
      */
     submissionConfig?: FormSubmissionConfig;
+    /**
+     * Optional layout configuration. If button-group, the form will be rendered with an input field and submit button.
+     * "button-group" is most commonly used for newsletter type forms.
+     * @default "standard"
+     */
+    formLayout?: "standard" | "button-group";
+    /**
+     * Size for button-group layout (only applies when formLayout is "button-group")
+     * @default "default"
+     */
+    buttonGroupSize?: "xs" | "sm" | "default" | "lg";
+    /**
+     * Submit button label for button-group layout
+     * @default "Submit"
+     */
+    submitLabel?: React.ReactNode;
+    /**
+     * Submit button variant for button-group layout
+     * @default "default"
+     */
+    submitVariant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
 }
 /**
  * Form component props
@@ -352,7 +373,12 @@ interface FormProps<T extends FormValues = FormValues> {
     /**
      * Form children
      */
-    children: ReactNode;
+    children?: ReactNode;
+    /**
+     * Optional form fields for button-group layout rendering
+     * Required when using formLayout="button-group"
+     */
+    fields?: any[];
     /**
      * Additional className
      */

package/dist/validation-rules.d.cts

@@ -1,4 +1,4 @@
-import { F as FieldValidator } from './types-CnOCn7b3.cjs';
+import { F as FieldValidator } from './types-BemGfSPA.cjs';
 import 'react';
 
 /**

package/dist/validation-rules.d.ts

@@ -1,4 +1,4 @@
-import { F as FieldValidator } from './types-CnOCn7b3.js';
+import { F as FieldValidator } from './types-BemGfSPA.js';
 import 'react';
 
 /**

package/dist/validation-utils.d.cts

@@ -1,4 +1,4 @@
-import { F as FieldValidator, b as FormValues } from './types-CnOCn7b3.cjs';
+import { F as FieldValidator, b as FormValues } from './types-BemGfSPA.cjs';
 import 'react';
 
 /**

package/dist/validation-utils.d.ts

@@ -1,4 +1,4 @@
-import { F as FieldValidator, b as FormValues } from './types-CnOCn7b3.js';
+import { F as FieldValidator, b as FormValues } from './types-BemGfSPA.js';
 import 'react';
 
 /**

package/dist/validation-valibot.d.cts

@@ -1,4 +1,4 @@
-import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-CnOCn7b3.cjs';
+import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-BemGfSPA.cjs';
 import 'react';
 
 /**

package/dist/validation-valibot.d.ts

@@ -1,4 +1,4 @@
-import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-CnOCn7b3.js';
+import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-BemGfSPA.js';
 import 'react';
 
 /**

package/dist/validation.d.cts

@@ -1,4 +1,4 @@
-export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-CnOCn7b3.cjs';
+export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-BemGfSPA.cjs';
 export { ErrorMessageFn, ValidationRuleOptions, alpha, alphanumeric, compose, creditCard, email, integer, matches, max, maxLength, min, minLength, numeric, oneOf, pattern, phone, postalCode, required, url } from './validation-rules.cjs';
 export { DebounceOptions, ErrorMessages, MessageTemplate, asyncValidator, crossFieldValidator, debounce, defaultMessages, getErrorMessage, messageRegistry, resetErrorMessages, setErrorMessages, when, withRaceConditionPrevention } from './validation-utils.cjs';
 import 'react';

package/dist/validation.d.ts

@@ -1,4 +1,4 @@
-export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-CnOCn7b3.js';
+export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-BemGfSPA.js';
 export { ErrorMessageFn, ValidationRuleOptions, alpha, alphanumeric, compose, creditCard, email, integer, matches, max, maxLength, min, minLength, numeric, oneOf, pattern, phone, postalCode, required, url } from './validation-rules.js';
 export { DebounceOptions, ErrorMessages, MessageTemplate, asyncValidator, crossFieldValidator, debounce, defaultMessages, getErrorMessage, messageRegistry, resetErrorMessages, setErrorMessages, when, withRaceConditionPrevention } from './validation-utils.js';
 import 'react';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@page-speed/forms",
-  "version": "0.5.7",
+  "version": "0.5.8",
   "description": "Ultra-high-performance React form library with field-level reactivity and tree-shakable architecture",
   "keywords": [
     "react",