@page-speed/forms 0.7.1 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (41) hide show
  1. package/dist/{FormContext-DsNPeCv0.d.ts → FormContext-CRP1KNiH.d.ts} +1 -1
  2. package/dist/{FormContext-6c1ttFt2.d.cts → FormContext-DmdEAIQ7.d.cts} +1 -1
  3. package/dist/{chunk-ER3C5JAE.cjs → chunk-4K6J2DOK.cjs} +30 -16
  4. package/dist/chunk-4K6J2DOK.cjs.map +1 -0
  5. package/dist/{chunk-BW752X33.js → chunk-AG67TUZI.js} +4 -5
  6. package/dist/chunk-AG67TUZI.js.map +1 -0
  7. package/dist/{chunk-DKLPYENR.cjs → chunk-V4HMVPAB.cjs} +4 -5
  8. package/dist/chunk-V4HMVPAB.cjs.map +1 -0
  9. package/dist/{chunk-5BAN5ICD.js → chunk-ZH6XDBWH.js} +30 -16
  10. package/dist/chunk-ZH6XDBWH.js.map +1 -0
  11. package/dist/core.cjs +8 -8
  12. package/dist/core.d.cts +3 -3
  13. package/dist/core.d.ts +3 -3
  14. package/dist/core.js +1 -1
  15. package/dist/index.cjs +7 -7
  16. package/dist/index.d.cts +2 -2
  17. package/dist/index.d.ts +2 -2
  18. package/dist/index.js +1 -1
  19. package/dist/inputs.cjs +12 -12
  20. package/dist/inputs.d.cts +1 -1
  21. package/dist/inputs.d.ts +1 -1
  22. package/dist/inputs.js +1 -1
  23. package/dist/integration.cjs +15 -15
  24. package/dist/integration.d.cts +2 -2
  25. package/dist/integration.d.ts +2 -2
  26. package/dist/integration.js +2 -2
  27. package/dist/{types-CrWhdYGP.d.cts → types-BfZYTL89.d.cts} +5 -1
  28. package/dist/{types-CrWhdYGP.d.ts → types-BfZYTL89.d.ts} +5 -1
  29. package/dist/validation-rules.d.cts +1 -1
  30. package/dist/validation-rules.d.ts +1 -1
  31. package/dist/validation-utils.d.cts +1 -1
  32. package/dist/validation-utils.d.ts +1 -1
  33. package/dist/validation-valibot.d.cts +1 -1
  34. package/dist/validation-valibot.d.ts +1 -1
  35. package/dist/validation.d.cts +1 -1
  36. package/dist/validation.d.ts +1 -1
  37. package/package.json +3 -3
  38. package/dist/chunk-5BAN5ICD.js.map +0 -1
  39. package/dist/chunk-BW752X33.js.map +0 -1
  40. package/dist/chunk-DKLPYENR.cjs.map +0 -1
  41. package/dist/chunk-ER3C5JAE.cjs.map +0 -1
package/dist/core.cjs CHANGED
@@ -1,38 +1,38 @@
1
1
  'use strict';
2
2
 
3
3
  require('./chunk-V7JSGFCI.cjs');
4
- var chunkDKLPYENR_cjs = require('./chunk-DKLPYENR.cjs');
4
+ var chunkV4HMVPAB_cjs = require('./chunk-V4HMVPAB.cjs');
5
5
  require('./chunk-WQ4HD5UD.cjs');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, "ButtonGroupForm", {
10
10
  enumerable: true,
11
- get: function () { return chunkDKLPYENR_cjs.ButtonGroupForm; }
11
+ get: function () { return chunkV4HMVPAB_cjs.ButtonGroupForm; }
12
12
  });
13
13
  Object.defineProperty(exports, "Field", {
14
14
  enumerable: true,
15
- get: function () { return chunkDKLPYENR_cjs.Field; }
15
+ get: function () { return chunkV4HMVPAB_cjs.Field; }
16
16
  });
17
17
  Object.defineProperty(exports, "Form", {
18
18
  enumerable: true,
19
- get: function () { return chunkDKLPYENR_cjs.Form; }
19
+ get: function () { return chunkV4HMVPAB_cjs.Form; }
20
20
  });
21
21
  Object.defineProperty(exports, "FormContext", {
22
22
  enumerable: true,
23
- get: function () { return chunkDKLPYENR_cjs.FormContext; }
23
+ get: function () { return chunkV4HMVPAB_cjs.FormContext; }
24
24
  });
25
25
  Object.defineProperty(exports, "FormFeedback", {
26
26
  enumerable: true,
27
- get: function () { return chunkDKLPYENR_cjs.FormFeedback; }
27
+ get: function () { return chunkV4HMVPAB_cjs.FormFeedback; }
28
28
  });
29
29
  Object.defineProperty(exports, "useField", {
30
30
  enumerable: true,
31
- get: function () { return chunkDKLPYENR_cjs.useField; }
31
+ get: function () { return chunkV4HMVPAB_cjs.useField; }
32
32
  });
33
33
  Object.defineProperty(exports, "useForm", {
34
34
  enumerable: true,
35
- get: function () { return chunkDKLPYENR_cjs.useForm; }
35
+ get: function () { return chunkV4HMVPAB_cjs.useForm; }
36
36
  });
37
37
  //# sourceMappingURL=core.cjs.map
38
38
  //# sourceMappingURL=core.cjs.map
package/dist/core.d.cts CHANGED
@@ -1,7 +1,7 @@
1
- export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-6c1ttFt2.cjs';
1
+ export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-DmdEAIQ7.cjs';
2
2
  import * as React from 'react';
3
- import { I as InputProps } from './types-CrWhdYGP.cjs';
4
- export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, t as FormLayoutSettings, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-CrWhdYGP.cjs';
3
+ import { I as InputProps } from './types-BfZYTL89.cjs';
4
+ export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, t as FormLayoutSettings, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-BfZYTL89.cjs';
5
5
 
6
6
  type ButtonGroupFormSize = "xs" | "sm" | "default" | "lg";
7
7
  type ButtonGroupFormProps = {
package/dist/core.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-DsNPeCv0.js';
1
+ export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-CRP1KNiH.js';
2
2
  import * as React from 'react';
3
- import { I as InputProps } from './types-CrWhdYGP.js';
4
- export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, t as FormLayoutSettings, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-CrWhdYGP.js';
3
+ import { I as InputProps } from './types-BfZYTL89.js';
4
+ export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, t as FormLayoutSettings, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-BfZYTL89.js';
5
5
 
6
6
  type ButtonGroupFormSize = "xs" | "sm" | "default" | "lg";
7
7
  type ButtonGroupFormProps = {
package/dist/core.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import './chunk-UBDA7CS5.js';
2
- export { ButtonGroupForm, Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-BW752X33.js';
2
+ export { ButtonGroupForm, Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-AG67TUZI.js';
3
3
  import './chunk-SUF7WJS6.js';
4
4
  //# sourceMappingURL=core.js.map
5
5
  //# sourceMappingURL=core.js.map
package/dist/index.cjs CHANGED
@@ -1,34 +1,34 @@
1
1
  'use strict';
2
2
 
3
3
  require('./chunk-V7JSGFCI.cjs');
4
- var chunkDKLPYENR_cjs = require('./chunk-DKLPYENR.cjs');
4
+ var chunkV4HMVPAB_cjs = require('./chunk-V4HMVPAB.cjs');
5
5
  var chunkWQ4HD5UD_cjs = require('./chunk-WQ4HD5UD.cjs');
6
6
 
7
7
 
8
8
 
9
9
  Object.defineProperty(exports, "Field", {
10
10
  enumerable: true,
11
- get: function () { return chunkDKLPYENR_cjs.Field; }
11
+ get: function () { return chunkV4HMVPAB_cjs.Field; }
12
12
  });
13
13
  Object.defineProperty(exports, "Form", {
14
14
  enumerable: true,
15
- get: function () { return chunkDKLPYENR_cjs.Form; }
15
+ get: function () { return chunkV4HMVPAB_cjs.Form; }
16
16
  });
17
17
  Object.defineProperty(exports, "FormContext", {
18
18
  enumerable: true,
19
- get: function () { return chunkDKLPYENR_cjs.FormContext; }
19
+ get: function () { return chunkV4HMVPAB_cjs.FormContext; }
20
20
  });
21
21
  Object.defineProperty(exports, "FormFeedback", {
22
22
  enumerable: true,
23
- get: function () { return chunkDKLPYENR_cjs.FormFeedback; }
23
+ get: function () { return chunkV4HMVPAB_cjs.FormFeedback; }
24
24
  });
25
25
  Object.defineProperty(exports, "useField", {
26
26
  enumerable: true,
27
- get: function () { return chunkDKLPYENR_cjs.useField; }
27
+ get: function () { return chunkV4HMVPAB_cjs.useField; }
28
28
  });
29
29
  Object.defineProperty(exports, "useForm", {
30
30
  enumerable: true,
31
- get: function () { return chunkDKLPYENR_cjs.useForm; }
31
+ get: function () { return chunkV4HMVPAB_cjs.useForm; }
32
32
  });
33
33
  Object.defineProperty(exports, "FieldDescription", {
34
34
  enumerable: true,
package/dist/index.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-6c1ttFt2.cjs';
2
- export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, I as InputProps, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-CrWhdYGP.cjs';
1
+ export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-DmdEAIQ7.cjs';
2
+ export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, I as InputProps, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-BfZYTL89.cjs';
3
3
  import * as React from 'react';
4
4
 
5
5
  type FieldOrientation = "vertical" | "horizontal";
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-DsNPeCv0.js';
2
- export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, I as InputProps, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-CrWhdYGP.js';
1
+ export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-CRP1KNiH.js';
2
+ export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, s as FieldProps, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, f as FormNotificationConfig, r as FormProps, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, b as FormValues, I as InputProps, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, p as UseFieldOptions, q as UseFieldReturn, U as UseFormOptions, m as UseFormReturn, a as ValidationMode, V as ValidationSchema } from './types-BfZYTL89.js';
3
3
  import * as React from 'react';
4
4
 
5
5
  type FieldOrientation = "vertical" | "horizontal";
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import './chunk-UBDA7CS5.js';
2
- export { Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-BW752X33.js';
2
+ export { Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-AG67TUZI.js';
3
3
  export { FieldDescription, FieldError, FieldGroup, Field as FieldWrapper, FieldLabel as FormFieldLabel } from './chunk-SUF7WJS6.js';
4
4
  //# sourceMappingURL=index.js.map
5
5
  //# sourceMappingURL=index.js.map
package/dist/inputs.cjs CHANGED
@@ -1,53 +1,53 @@
1
1
  'use strict';
2
2
 
3
- var chunkER3C5JAE_cjs = require('./chunk-ER3C5JAE.cjs');
3
+ var chunk4K6J2DOK_cjs = require('./chunk-4K6J2DOK.cjs');
4
4
  var chunkWQ4HD5UD_cjs = require('./chunk-WQ4HD5UD.cjs');
5
5
 
6
6
 
7
7
 
8
8
  Object.defineProperty(exports, "Checkbox", {
9
9
  enumerable: true,
10
- get: function () { return chunkER3C5JAE_cjs.Checkbox; }
10
+ get: function () { return chunk4K6J2DOK_cjs.Checkbox; }
11
11
  });
12
12
  Object.defineProperty(exports, "CheckboxGroup", {
13
13
  enumerable: true,
14
- get: function () { return chunkER3C5JAE_cjs.CheckboxGroup; }
14
+ get: function () { return chunk4K6J2DOK_cjs.CheckboxGroup; }
15
15
  });
16
16
  Object.defineProperty(exports, "DatePicker", {
17
17
  enumerable: true,
18
- get: function () { return chunkER3C5JAE_cjs.DatePicker; }
18
+ get: function () { return chunk4K6J2DOK_cjs.DatePicker; }
19
19
  });
20
20
  Object.defineProperty(exports, "DateRangePicker", {
21
21
  enumerable: true,
22
- get: function () { return chunkER3C5JAE_cjs.DateRangePicker; }
22
+ get: function () { return chunk4K6J2DOK_cjs.DateRangePicker; }
23
23
  });
24
24
  Object.defineProperty(exports, "FileInput", {
25
25
  enumerable: true,
26
- get: function () { return chunkER3C5JAE_cjs.FileInput; }
26
+ get: function () { return chunk4K6J2DOK_cjs.FileInput; }
27
27
  });
28
28
  Object.defineProperty(exports, "MultiSelect", {
29
29
  enumerable: true,
30
- get: function () { return chunkER3C5JAE_cjs.MultiSelect; }
30
+ get: function () { return chunk4K6J2DOK_cjs.MultiSelect; }
31
31
  });
32
32
  Object.defineProperty(exports, "Radio", {
33
33
  enumerable: true,
34
- get: function () { return chunkER3C5JAE_cjs.Radio; }
34
+ get: function () { return chunk4K6J2DOK_cjs.Radio; }
35
35
  });
36
36
  Object.defineProperty(exports, "Select", {
37
37
  enumerable: true,
38
- get: function () { return chunkER3C5JAE_cjs.Select; }
38
+ get: function () { return chunk4K6J2DOK_cjs.Select; }
39
39
  });
40
40
  Object.defineProperty(exports, "Switch", {
41
41
  enumerable: true,
42
- get: function () { return chunkER3C5JAE_cjs.Switch; }
42
+ get: function () { return chunk4K6J2DOK_cjs.Switch; }
43
43
  });
44
44
  Object.defineProperty(exports, "TextArea", {
45
45
  enumerable: true,
46
- get: function () { return chunkER3C5JAE_cjs.TextArea; }
46
+ get: function () { return chunk4K6J2DOK_cjs.TextArea; }
47
47
  });
48
48
  Object.defineProperty(exports, "TimePicker", {
49
49
  enumerable: true,
50
- get: function () { return chunkER3C5JAE_cjs.TimePicker; }
50
+ get: function () { return chunk4K6J2DOK_cjs.TimePicker; }
51
51
  });
52
52
  Object.defineProperty(exports, "TextInput", {
53
53
  enumerable: true,
package/dist/inputs.d.cts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { I as InputProps } from './types-CrWhdYGP.cjs';
2
+ import { I as InputProps } from './types-BfZYTL89.cjs';
3
3
 
4
4
  /**
5
5
  * TextInput - High-performance text input component (ShadCN-based)
package/dist/inputs.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import { I as InputProps } from './types-CrWhdYGP.js';
2
+ import { I as InputProps } from './types-BfZYTL89.js';
3
3
 
4
4
  /**
5
5
  * TextInput - High-performance text input component (ShadCN-based)
package/dist/inputs.js CHANGED
@@ -1,4 +1,4 @@
1
- export { Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select, Switch, TextArea, TimePicker } from './chunk-5BAN5ICD.js';
1
+ export { Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select, Switch, TextArea, TimePicker } from './chunk-ZH6XDBWH.js';
2
2
  export { TextInput } from './chunk-SUF7WJS6.js';
3
3
  //# sourceMappingURL=inputs.js.map
4
4
  //# sourceMappingURL=inputs.js.map
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var chunkDKLPYENR_cjs = require('./chunk-DKLPYENR.cjs');
4
- var chunkER3C5JAE_cjs = require('./chunk-ER3C5JAE.cjs');
3
+ var chunkV4HMVPAB_cjs = require('./chunk-V4HMVPAB.cjs');
4
+ var chunk4K6J2DOK_cjs = require('./chunk-4K6J2DOK.cjs');
5
5
  var chunkWQ4HD5UD_cjs = require('./chunk-WQ4HD5UD.cjs');
6
6
  var React2 = require('react');
7
7
 
@@ -566,7 +566,7 @@ function useContactForm(options) {
566
566
  window.location.assign(destination);
567
567
  }, 150);
568
568
  }, [navigate, redirectUrl]);
569
- const form = chunkDKLPYENR_cjs.useForm({
569
+ const form = chunkV4HMVPAB_cjs.useForm({
570
570
  initialValues: React2.useMemo(
571
571
  () => generateInitialValues(formFields),
572
572
  [formFields]
@@ -644,7 +644,7 @@ function DynamicFormField({
644
644
  const usesInlineCheckboxLabel = field.type === "checkbox";
645
645
  const shouldRenderFieldLabel = renderLabel && !usesGroupLegend && !usesInlineCheckboxLabel;
646
646
  return /* @__PURE__ */ React2__namespace.createElement(
647
- chunkDKLPYENR_cjs.Field,
647
+ chunkV4HMVPAB_cjs.Field,
648
648
  {
649
649
  name: field.name,
650
650
  label: shouldRenderFieldLabel ? field.label : void 0,
@@ -675,7 +675,7 @@ function DynamicFormField({
675
675
  "aria-label": field.label
676
676
  }
677
677
  ), field.type === "textarea" && /* @__PURE__ */ React2__namespace.createElement(
678
- chunkER3C5JAE_cjs.TextArea,
678
+ chunk4K6J2DOK_cjs.TextArea,
679
679
  {
680
680
  ...formField,
681
681
  id: fieldId,
@@ -686,7 +686,7 @@ function DynamicFormField({
686
686
  "aria-label": field.label
687
687
  }
688
688
  ), field.type === "select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
689
- chunkER3C5JAE_cjs.Select,
689
+ chunk4K6J2DOK_cjs.Select,
690
690
  {
691
691
  ...formField,
692
692
  id: fieldId,
@@ -697,7 +697,7 @@ function DynamicFormField({
697
697
  "aria-label": field.label
698
698
  }
699
699
  ), field.type === "multi-select" && field.options && /* @__PURE__ */ React2__namespace.createElement(
700
- chunkER3C5JAE_cjs.MultiSelect,
700
+ chunk4K6J2DOK_cjs.MultiSelect,
701
701
  {
702
702
  ...formField,
703
703
  id: fieldId,
@@ -708,7 +708,7 @@ function DynamicFormField({
708
708
  "aria-label": field.label
709
709
  }
710
710
  ), field.type === "radio" && field.options && /* @__PURE__ */ React2__namespace.createElement(
711
- chunkER3C5JAE_cjs.Radio,
711
+ chunk4K6J2DOK_cjs.Radio,
712
712
  {
713
713
  ...formField,
714
714
  id: fieldId,
@@ -722,7 +722,7 @@ function DynamicFormField({
722
722
  "aria-label": field.label
723
723
  }
724
724
  ), field.type === "checkbox" && /* @__PURE__ */ React2__namespace.createElement(
725
- chunkER3C5JAE_cjs.Checkbox,
725
+ chunk4K6J2DOK_cjs.Checkbox,
726
726
  {
727
727
  ...formField,
728
728
  id: fieldId,
@@ -736,7 +736,7 @@ function DynamicFormField({
736
736
  "aria-label": field.label
737
737
  }
738
738
  ), field.type === "checkbox-group" && field.options && /* @__PURE__ */ React2__namespace.createElement(
739
- chunkER3C5JAE_cjs.CheckboxGroup,
739
+ chunk4K6J2DOK_cjs.CheckboxGroup,
740
740
  {
741
741
  ...formField,
742
742
  id: fieldId,
@@ -750,7 +750,7 @@ function DynamicFormField({
750
750
  "aria-label": field.label
751
751
  }
752
752
  ), (field.type === "date-picker" || field.type === "date") && /* @__PURE__ */ React2__namespace.createElement(
753
- chunkER3C5JAE_cjs.DatePicker,
753
+ chunk4K6J2DOK_cjs.DatePicker,
754
754
  {
755
755
  ...formField,
756
756
  id: fieldId,
@@ -760,7 +760,7 @@ function DynamicFormField({
760
760
  "aria-label": field.label
761
761
  }
762
762
  ), field.type === "date-range" && /* @__PURE__ */ React2__namespace.createElement(
763
- chunkER3C5JAE_cjs.DateRangePicker,
763
+ chunk4K6J2DOK_cjs.DateRangePicker,
764
764
  {
765
765
  ...formField,
766
766
  id: fieldId,
@@ -770,7 +770,7 @@ function DynamicFormField({
770
770
  "aria-label": field.label
771
771
  }
772
772
  ), field.type === "time" && /* @__PURE__ */ React2__namespace.createElement(
773
- chunkER3C5JAE_cjs.TimePicker,
773
+ chunk4K6J2DOK_cjs.TimePicker,
774
774
  {
775
775
  ...formField,
776
776
  id: fieldId,
@@ -780,7 +780,7 @@ function DynamicFormField({
780
780
  "aria-label": field.label
781
781
  }
782
782
  ), field.type === "file" && /* @__PURE__ */ React2__namespace.createElement(
783
- chunkER3C5JAE_cjs.FileInput,
783
+ chunk4K6J2DOK_cjs.FileInput,
784
784
  {
785
785
  ...formField,
786
786
  id: fieldId,
@@ -920,7 +920,7 @@ function FormEngine(props) {
920
920
  };
921
921
  }, [isButtonGroup, buttonGroupSetup, api]);
922
922
  return /* @__PURE__ */ React2__namespace.createElement("div", { className: styleRules?.formContainer }, /* @__PURE__ */ React2__namespace.createElement(
923
- chunkDKLPYENR_cjs.Form,
923
+ chunkV4HMVPAB_cjs.Form,
924
924
  {
925
925
  form,
926
926
  fields: isButtonGroup ? formFields : void 0,
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { e as FormSubmissionConfig, t as FormLayoutSettings, u as FormFieldConfig, m as UseFormReturn } from './types-CrWhdYGP.cjs';
3
- export { y as FormFieldType, z as SelectOption, v as generateInitialValues, w as generateValidationSchema, x as getColumnSpanClass } from './types-CrWhdYGP.cjs';
2
+ import { e as FormSubmissionConfig, t as FormLayoutSettings, u as FormFieldConfig, m as UseFormReturn } from './types-BfZYTL89.cjs';
3
+ export { y as FormFieldType, z as SelectOption, v as generateInitialValues, w as generateValidationSchema, x as getColumnSpanClass } from './types-BfZYTL89.cjs';
4
4
 
5
5
  /**
6
6
  * @page-speed/forms - Rails API Serializer
@@ -1,6 +1,6 @@
1
1
  import * as React from 'react';
2
- import { e as FormSubmissionConfig, t as FormLayoutSettings, u as FormFieldConfig, m as UseFormReturn } from './types-CrWhdYGP.js';
3
- export { y as FormFieldType, z as SelectOption, v as generateInitialValues, w as generateValidationSchema, x as getColumnSpanClass } from './types-CrWhdYGP.js';
2
+ import { e as FormSubmissionConfig, t as FormLayoutSettings, u as FormFieldConfig, m as UseFormReturn } from './types-BfZYTL89.js';
3
+ export { y as FormFieldType, z as SelectOption, v as generateInitialValues, w as generateValidationSchema, x as getColumnSpanClass } from './types-BfZYTL89.js';
4
4
 
5
5
  /**
6
6
  * @page-speed/forms - Rails API Serializer
@@ -1,5 +1,5 @@
1
- import { useForm, Field, Form } from './chunk-BW752X33.js';
2
- import { TextArea, Select, MultiSelect, Radio, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, TimePicker, FileInput } from './chunk-5BAN5ICD.js';
1
+ import { useForm, Field, Form } from './chunk-AG67TUZI.js';
2
+ import { TextArea, Select, MultiSelect, Radio, Checkbox, CheckboxGroup, DatePicker, DateRangePicker, TimePicker, FileInput } from './chunk-ZH6XDBWH.js';
3
3
  import { humanizeFieldName, TextInput, cn, Button } from './chunk-SUF7WJS6.js';
4
4
  import * as React2 from 'react';
5
5
  import { useState, useCallback, useMemo } from 'react';
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { ReactNode, CSSProperties } from 'react';
2
2
 
3
3
  /**
4
4
  * Dynamic form field schema types and helpers.
@@ -647,6 +647,10 @@ interface InputProps<T = string> {
647
647
  * Additional className
648
648
  */
649
649
  className?: string;
650
+ /**
651
+ * Inline style
652
+ */
653
+ style?: CSSProperties;
650
654
  /**
651
655
  * ARIA attributes
652
656
  */
@@ -1,4 +1,4 @@
1
- import { ReactNode } from 'react';
1
+ import { ReactNode, CSSProperties } from 'react';
2
2
 
3
3
  /**
4
4
  * Dynamic form field schema types and helpers.
@@ -647,6 +647,10 @@ interface InputProps<T = string> {
647
647
  * Additional className
648
648
  */
649
649
  className?: string;
650
+ /**
651
+ * Inline style
652
+ */
653
+ style?: CSSProperties;
650
654
  /**
651
655
  * ARIA attributes
652
656
  */
@@ -1,4 +1,4 @@
1
- import { F as FieldValidator } from './types-CrWhdYGP.cjs';
1
+ import { F as FieldValidator } from './types-BfZYTL89.cjs';
2
2
  import 'react';
3
3
 
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { F as FieldValidator } from './types-CrWhdYGP.js';
1
+ import { F as FieldValidator } from './types-BfZYTL89.js';
2
2
  import 'react';
3
3
 
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { F as FieldValidator, b as FormValues } from './types-CrWhdYGP.cjs';
1
+ import { F as FieldValidator, b as FormValues } from './types-BfZYTL89.cjs';
2
2
  import 'react';
3
3
 
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { F as FieldValidator, b as FormValues } from './types-CrWhdYGP.js';
1
+ import { F as FieldValidator, b as FormValues } from './types-BfZYTL89.js';
2
2
  import 'react';
3
3
 
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-CrWhdYGP.cjs';
1
+ import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-BfZYTL89.cjs';
2
2
  import 'react';
3
3
 
4
4
  /**
@@ -1,4 +1,4 @@
1
- import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-CrWhdYGP.js';
1
+ import { b as FormValues, V as ValidationSchema, F as FieldValidator } from './types-BfZYTL89.js';
2
2
  import 'react';
3
3
 
4
4
  /**
@@ -1,4 +1,4 @@
1
- export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-CrWhdYGP.cjs';
1
+ export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-BfZYTL89.cjs';
2
2
  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';
3
3
  export { DebounceOptions, ErrorMessages, MessageTemplate, asyncValidator, crossFieldValidator, debounce, defaultMessages, getErrorMessage, messageRegistry, resetErrorMessages, setErrorMessages, when, withRaceConditionPrevention } from './validation-utils.cjs';
4
4
  import 'react';
@@ -1,4 +1,4 @@
1
- export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-CrWhdYGP.js';
1
+ export { F as FieldValidator, a as ValidationMode, V as ValidationSchema } from './types-BfZYTL89.js';
2
2
  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';
3
3
  export { DebounceOptions, ErrorMessages, MessageTemplate, asyncValidator, crossFieldValidator, debounce, defaultMessages, getErrorMessage, messageRegistry, resetErrorMessages, setErrorMessages, when, withRaceConditionPrevention } from './validation-utils.js';
4
4
  import 'react';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@page-speed/forms",
3
- "version": "0.7.1",
3
+ "version": "0.7.2",
4
4
  "description": "Ultra-high-performance React form library with field-level reactivity and tree-shakable architecture",
5
5
  "keywords": [
6
6
  "react",
@@ -117,8 +117,8 @@
117
117
  "vitest": "^4.0.10"
118
118
  },
119
119
  "dependencies": {
120
- "@opensite/hooks": "2.0.8",
121
- "@page-speed/icon": "^0.1.0",
120
+ "@opensite/hooks": "2.1.0",
121
+ "@page-speed/icon": "0.1.0",
122
122
  "@radix-ui/react-direction": "^1.1.1",
123
123
  "@radix-ui/react-slot": "^1.2.4",
124
124
  "class-variance-authority": "^0.7.1",