@page-speed/forms 0.6.2 → 0.6.4

package/dist/chunk-V7JSGFCI.cjs

@@ -0,0 +1,4 @@
+'use strict';
+
+//# sourceMappingURL=chunk-V7JSGFCI.cjs.map
+//# sourceMappingURL=chunk-V7JSGFCI.cjs.map

package/dist/chunk-V7JSGFCI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-V7JSGFCI.cjs"}

package/dist/core.cjs

@@ -1,38 +1,38 @@
 'use strict';
 
-var chunkRS6AXV5S_cjs = require('./chunk-RS6AXV5S.cjs');
-var chunkMUBEMXI7_cjs = require('./chunk-MUBEMXI7.cjs');
-require('./chunk-QRI5TMES.cjs');
+require('./chunk-V7JSGFCI.cjs');
+var chunkDCGSRMZT_cjs = require('./chunk-DCGSRMZT.cjs');
+require('./chunk-QMWZLGON.cjs');
 
 
 
 Object.defineProperty(exports, "ButtonGroupForm", {
   enumerable: true,
-  get: function () { return chunkRS6AXV5S_cjs.ButtonGroupForm; }
+  get: function () { return chunkDCGSRMZT_cjs.ButtonGroupForm; }
 });
-Object.defineProperty(exports, "Form", {
+Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function () { return chunkRS6AXV5S_cjs.Form; }
+  get: function () { return chunkDCGSRMZT_cjs.Field; }
 });
-Object.defineProperty(exports, "FormFeedback", {
+Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkRS6AXV5S_cjs.FormFeedback; }
+  get: function () { return chunkDCGSRMZT_cjs.Form; }
 });
-Object.defineProperty(exports, "Field", {
+Object.defineProperty(exports, "FormContext", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.Field; }
+  get: function () { return chunkDCGSRMZT_cjs.FormContext; }
 });
-Object.defineProperty(exports, "FormContext", {
+Object.defineProperty(exports, "FormFeedback", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.FormContext; }
+  get: function () { return chunkDCGSRMZT_cjs.FormFeedback; }
 });
 Object.defineProperty(exports, "useField", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.useField; }
+  get: function () { return chunkDCGSRMZT_cjs.useField; }
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.useForm; }
+  get: function () { return chunkDCGSRMZT_cjs.useForm; }
 });
 //# sourceMappingURL=core.cjs.map
 //# sourceMappingURL=core.cjs.map

package/dist/core.d.cts

@@ -1,7 +1,7 @@
-export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-BHKCZ_du.cjs';
+export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-DLG3GzgL.cjs';
 import * as React from 'react';
-import { I as InputProps } from './types-Fbt73kW_.cjs';
-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, 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-Fbt73kW_.cjs';
+import { I as InputProps } from './types-BhcLAcZe.cjs';
+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-BhcLAcZe.cjs';
 
 type ButtonGroupFormSize = "xs" | "sm" | "default" | "lg";
 type ButtonGroupFormProps = {
@@ -14,9 +14,9 @@ type ButtonGroupFormProps = {
      */
     label?: React.ReactNode;
     /**
-     * Placeholder text for the input
+     * Optional description below the input
      */
-    placeholder?: string;
+    description?: React.ReactNode;
     /**
      * Input props from form field
      */
@@ -51,6 +51,12 @@ type ButtonGroupFormProps = {
      * Icon component for icon based submit buttons
      */
     submitIconComponent?: React.ReactNode;
+    /**
+     * Error message text to display below the input group.
+     * Should be the raw error string(s) from the form field meta.
+     * The ring styling is driven by `inputProps.error` (boolean); this controls the visible message.
+     */
+    errorText?: string | string[];
     /**
      * Additional className for the label
      */
@@ -62,11 +68,11 @@ type ButtonGroupFormProps = {
  * Commonly used for newsletter signups and other simple single-field forms.
  * The input and button automatically adjust sizing together.
  *
- * Size mappings:
- * - xs: h-8 text-xs
- * - sm: h-9 text-sm
- * - default: h-10 text-sm
- * - lg: h-12 text-base
+ * Size mappings (input height / button height — always equal):
+ * - xs:      h-6  / h-6
+ * - sm:      h-9  / h-9
+ * - default: h-9  / h-9
+ * - lg:      h-10 / h-10
  *
  * @example
  * ```tsx
@@ -79,7 +85,7 @@ type ButtonGroupFormProps = {
  * />
  * ```
  */
-declare function ButtonGroupForm({ name, label, inputProps, submitLabel, submitVariant, size, isSubmitting, submitIconName, submitIconComponent, className, labelClassName, }: ButtonGroupFormProps): React.JSX.Element;
+declare function ButtonGroupForm({ name, label, description, inputProps, submitLabel, submitVariant, size, isSubmitting, submitIconName, submitIconComponent, errorText, className, labelClassName, }: ButtonGroupFormProps): React.JSX.Element;
 declare namespace ButtonGroupForm {
     var displayName: string;
 }

package/dist/core.d.ts

@@ -1,7 +1,7 @@
-export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-D_K7lO2V.js';
+export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-C6kWSQuv.js';
 import * as React from 'react';
-import { I as InputProps } from './types-Fbt73kW_.js';
-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, 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-Fbt73kW_.js';
+import { I as InputProps } from './types-BhcLAcZe.js';
+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-BhcLAcZe.js';
 
 type ButtonGroupFormSize = "xs" | "sm" | "default" | "lg";
 type ButtonGroupFormProps = {
@@ -14,9 +14,9 @@ type ButtonGroupFormProps = {
      */
     label?: React.ReactNode;
     /**
-     * Placeholder text for the input
+     * Optional description below the input
      */
-    placeholder?: string;
+    description?: React.ReactNode;
     /**
      * Input props from form field
      */
@@ -51,6 +51,12 @@ type ButtonGroupFormProps = {
      * Icon component for icon based submit buttons
      */
     submitIconComponent?: React.ReactNode;
+    /**
+     * Error message text to display below the input group.
+     * Should be the raw error string(s) from the form field meta.
+     * The ring styling is driven by `inputProps.error` (boolean); this controls the visible message.
+     */
+    errorText?: string | string[];
     /**
      * Additional className for the label
      */
@@ -62,11 +68,11 @@ type ButtonGroupFormProps = {
  * Commonly used for newsletter signups and other simple single-field forms.
  * The input and button automatically adjust sizing together.
  *
- * Size mappings:
- * - xs: h-8 text-xs
- * - sm: h-9 text-sm
- * - default: h-10 text-sm
- * - lg: h-12 text-base
+ * Size mappings (input height / button height — always equal):
+ * - xs:      h-6  / h-6
+ * - sm:      h-9  / h-9
+ * - default: h-9  / h-9
+ * - lg:      h-10 / h-10
  *
  * @example
  * ```tsx
@@ -79,7 +85,7 @@ type ButtonGroupFormProps = {
  * />
  * ```
  */
-declare function ButtonGroupForm({ name, label, inputProps, submitLabel, submitVariant, size, isSubmitting, submitIconName, submitIconComponent, className, labelClassName, }: ButtonGroupFormProps): React.JSX.Element;
+declare function ButtonGroupForm({ name, label, description, inputProps, submitLabel, submitVariant, size, isSubmitting, submitIconName, submitIconComponent, errorText, className, labelClassName, }: ButtonGroupFormProps): React.JSX.Element;
 declare namespace ButtonGroupForm {
     var displayName: string;
 }

package/dist/core.js

@@ -1,5 +1,5 @@
-export { ButtonGroupForm, Form, FormFeedback } from './chunk-ZEAH6AKP.js';
-export { Field, FormContext, useField, useForm } from './chunk-MJYEXJ3U.js';
-import './chunk-455PI4LV.js';
+import './chunk-UBDA7CS5.js';
+export { ButtonGroupForm, Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-A7MVZ757.js';
+import './chunk-J37BGNM6.js';
 //# sourceMappingURL=core.js.map
 //# sourceMappingURL=core.js.map

package/dist/index.cjs

@@ -1,54 +1,54 @@
 'use strict';
 
-var chunkRS6AXV5S_cjs = require('./chunk-RS6AXV5S.cjs');
-var chunkMUBEMXI7_cjs = require('./chunk-MUBEMXI7.cjs');
-var chunkQRI5TMES_cjs = require('./chunk-QRI5TMES.cjs');
+require('./chunk-V7JSGFCI.cjs');
+var chunkDCGSRMZT_cjs = require('./chunk-DCGSRMZT.cjs');
+var chunkQMWZLGON_cjs = require('./chunk-QMWZLGON.cjs');
 
 
 
-Object.defineProperty(exports, "Form", {
+Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function () { return chunkRS6AXV5S_cjs.Form; }
+  get: function () { return chunkDCGSRMZT_cjs.Field; }
 });
-Object.defineProperty(exports, "FormFeedback", {
+Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkRS6AXV5S_cjs.FormFeedback; }
+  get: function () { return chunkDCGSRMZT_cjs.Form; }
 });
-Object.defineProperty(exports, "Field", {
+Object.defineProperty(exports, "FormContext", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.Field; }
+  get: function () { return chunkDCGSRMZT_cjs.FormContext; }
 });
-Object.defineProperty(exports, "FormContext", {
+Object.defineProperty(exports, "FormFeedback", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.FormContext; }
+  get: function () { return chunkDCGSRMZT_cjs.FormFeedback; }
 });
 Object.defineProperty(exports, "useField", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.useField; }
+  get: function () { return chunkDCGSRMZT_cjs.useField; }
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkMUBEMXI7_cjs.useForm; }
+  get: function () { return chunkDCGSRMZT_cjs.useForm; }
 });
 Object.defineProperty(exports, "FieldDescription", {
   enumerable: true,
-  get: function () { return chunkQRI5TMES_cjs.FieldDescription; }
+  get: function () { return chunkQMWZLGON_cjs.FieldDescription; }
 });
 Object.defineProperty(exports, "FieldError", {
   enumerable: true,
-  get: function () { return chunkQRI5TMES_cjs.FieldError; }
+  get: function () { return chunkQMWZLGON_cjs.FieldError; }
 });
 Object.defineProperty(exports, "FieldGroup", {
   enumerable: true,
-  get: function () { return chunkQRI5TMES_cjs.FieldGroup; }
+  get: function () { return chunkQMWZLGON_cjs.FieldGroup; }
 });
 Object.defineProperty(exports, "FieldWrapper", {
   enumerable: true,
-  get: function () { return chunkQRI5TMES_cjs.Field; }
+  get: function () { return chunkQMWZLGON_cjs.Field; }
 });
 Object.defineProperty(exports, "FormFieldLabel", {
   enumerable: true,
-  get: function () { return chunkQRI5TMES_cjs.FieldLabel; }
+  get: function () { return chunkQMWZLGON_cjs.FieldLabel; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-BHKCZ_du.cjs';
-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-Fbt73kW_.cjs';
+export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-DLG3GzgL.cjs';
+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-BhcLAcZe.cjs';
 import * as React from 'react';
 
 type FieldOrientation = "vertical" | "horizontal";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-D_K7lO2V.js';
-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-Fbt73kW_.js';
+export { b as Field, F as Form, d as FormContext, c as FormFeedback, e as FormFeedbackProps, a as useField, u as useForm } from './FormContext-C6kWSQuv.js';
+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-BhcLAcZe.js';
 import * as React from 'react';
 
 type FieldOrientation = "vertical" | "horizontal";

package/dist/index.js

@@ -1,5 +1,5 @@
-export { Form, FormFeedback } from './chunk-ZEAH6AKP.js';
-export { Field, FormContext, useField, useForm } from './chunk-MJYEXJ3U.js';
-export { FieldDescription, FieldError, FieldGroup, Field as FieldWrapper, FieldLabel as FormFieldLabel } from './chunk-455PI4LV.js';
+import './chunk-UBDA7CS5.js';
+export { Field, Form, FormContext, FormFeedback, useField, useForm } from './chunk-A7MVZ757.js';
+export { FieldDescription, FieldError, FieldGroup, Field as FieldWrapper, FieldLabel as FormFieldLabel } from './chunk-J37BGNM6.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/inputs.cjs

@@ -1,57 +1,57 @@
 'use strict';
 
-var chunkED4UK63G_cjs = require('./chunk-ED4UK63G.cjs');
-var chunkQRI5TMES_cjs = require('./chunk-QRI5TMES.cjs');
+var chunkUQ6JPOBF_cjs = require('./chunk-UQ6JPOBF.cjs');
+var chunkQMWZLGON_cjs = require('./chunk-QMWZLGON.cjs');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.Checkbox; }
+  get: function () { return chunkUQ6JPOBF_cjs.Checkbox; }
 });
 Object.defineProperty(exports, "CheckboxGroup", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.CheckboxGroup; }
+  get: function () { return chunkUQ6JPOBF_cjs.CheckboxGroup; }
 });
 Object.defineProperty(exports, "DatePicker", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.DatePicker; }
+  get: function () { return chunkUQ6JPOBF_cjs.DatePicker; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.DateRangePicker; }
+  get: function () { return chunkUQ6JPOBF_cjs.DateRangePicker; }
 });
 Object.defineProperty(exports, "FileInput", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.FileInput; }
+  get: function () { return chunkUQ6JPOBF_cjs.FileInput; }
 });
 Object.defineProperty(exports, "MultiSelect", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.MultiSelect; }
+  get: function () { return chunkUQ6JPOBF_cjs.MultiSelect; }
 });
 Object.defineProperty(exports, "Radio", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.Radio; }
+  get: function () { return chunkUQ6JPOBF_cjs.Radio; }
 });
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.Select; }
+  get: function () { return chunkUQ6JPOBF_cjs.Select; }
 });
 Object.defineProperty(exports, "Switch", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.Switch; }
+  get: function () { return chunkUQ6JPOBF_cjs.Switch; }
 });
 Object.defineProperty(exports, "TextArea", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.TextArea; }
+  get: function () { return chunkUQ6JPOBF_cjs.TextArea; }
 });
 Object.defineProperty(exports, "TimePicker", {
   enumerable: true,
-  get: function () { return chunkED4UK63G_cjs.TimePicker; }
+  get: function () { return chunkUQ6JPOBF_cjs.TimePicker; }
 });
 Object.defineProperty(exports, "TextInput", {
   enumerable: true,
-  get: function () { return chunkQRI5TMES_cjs.TextInput; }
+  get: function () { return chunkQMWZLGON_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-Fbt73kW_.cjs';
+import { I as InputProps } from './types-BhcLAcZe.cjs';
 
 /**
  * TextInput - High-performance text input component (ShadCN-based)
@@ -26,8 +26,14 @@ import { I as InputProps } from './types-Fbt73kW_.cjs';
  *
  * @see https://opensite.ai/developers/page-speed/forms/text-input
  */
-declare function TextInput({ name, value, onChange, onBlur, placeholder, disabled, required, error, className, type, id, ...props }: InputProps<string> & {
+declare function TextInput({ name, value, onChange, onBlur, placeholder, disabled, required, error, className, type, id, suppressValueRing, ...props }: InputProps<string> & {
     type?: "text" | "email" | "password" | "url" | "tel" | "search";
+    /**
+     * When true, suppresses the `ring-2 ring-ring` applied when a value is
+     * present. Use this when the component is embedded inside a wrapper (e.g.
+     * ButtonGroupForm) that renders its own unified ring.
+     */
+    suppressValueRing?: boolean;
 }): React.JSX.Element;
 declare namespace TextInput {
     var displayName: string;

package/dist/inputs.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { I as InputProps } from './types-Fbt73kW_.js';
+import { I as InputProps } from './types-BhcLAcZe.js';
 
 /**
  * TextInput - High-performance text input component (ShadCN-based)
@@ -26,8 +26,14 @@ import { I as InputProps } from './types-Fbt73kW_.js';
  *
  * @see https://opensite.ai/developers/page-speed/forms/text-input
  */
-declare function TextInput({ name, value, onChange, onBlur, placeholder, disabled, required, error, className, type, id, ...props }: InputProps<string> & {
+declare function TextInput({ name, value, onChange, onBlur, placeholder, disabled, required, error, className, type, id, suppressValueRing, ...props }: InputProps<string> & {
     type?: "text" | "email" | "password" | "url" | "tel" | "search";
+    /**
+     * When true, suppresses the `ring-2 ring-ring` applied when a value is
+     * present. Use this when the component is embedded inside a wrapper (e.g.
+     * ButtonGroupForm) that renders its own unified ring.
+     */
+    suppressValueRing?: boolean;
 }): React.JSX.Element;
 declare namespace TextInput {
     var displayName: string;

package/dist/inputs.js

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