@page-speed/forms 0.5.6 → 0.5.8

package/dist/chunk-QRI5TMES.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/components/ui/label.tsx","../src/components/ui/field.tsx","../src/components/ui/input.tsx","../src/inputs/TextInput.tsx","../src/components/ui/button.tsx","../src/core/label-group.tsx"],"names":["twMerge","clsx","React","LabelPrimitive","React2","React3","React4","cva","Slot","React5","React6"],"mappings":"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","file":"chunk-QRI5TMES.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\n/**\n * Normalizes browser autofill colors so inputs keep theme colors.\n */\nexport const INPUT_AUTOFILL_RESET_CLASSES =\n  \"autofill:bg-transparent autofill:text-foreground \" +\n  \"[&:-webkit-autofill]:[-webkit-text-fill-color:hsl(var(--foreground))] \" +\n  \"[&:-webkit-autofill]:[caret-color:hsl(var(--foreground))] \" +\n  \"[&:-webkit-autofill]:[box-shadow:0_0_0px_1000px_hsl(var(--background))_inset] \" +\n  \"[&:-webkit-autofill:hover]:[box-shadow:0_0_0px_1000px_hsl(var(--background))_inset] \" +\n  \"[&:-webkit-autofill:focus]:[box-shadow:0_0_0px_1000px_hsl(var(--background))_inset] \" +\n  \"[&:-webkit-autofill]:[transition:background-color_9999s_ease-out,color_9999s_ease-out]\";\n","import * as React from \"react\"\nimport { Label as LabelPrimitive } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nfunction Label({\n  className,\n  ...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n  return (\n    <LabelPrimitive.Root\n      data-slot=\"label\"\n      className={cn(\n        \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Label }\n","import * as React from \"react\";\nimport { Label } from \"./label\";\nimport { cn } from \"../../lib/utils\";\n\ntype FieldOrientation = \"vertical\" | \"horizontal\";\n\ninterface FieldProps extends React.HTMLAttributes<HTMLDivElement> {\n  orientation?: FieldOrientation;\n  invalid?: boolean;\n}\n\n/**\n * Field - Container component for form inputs with validation display\n *\n * Provides consistent layout and spacing for form fields with labels,\n * inputs, descriptions, and error messages.\n */\nconst Field = React.forwardRef<HTMLDivElement, FieldProps>(\n({ className, orientation = \"vertical\", invalid = false, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field\"\n      data-orientation={orientation}\n      data-invalid={invalid || undefined}\n      className={cn(\n        // Use space-y instead of flex to avoid interfering with parent grid layouts\n        orientation === \"horizontal\"\n          ? \"flex items-center gap-2\"\n          : \"space-y-1.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\nField.displayName = \"Field\";\n\n/**\n * FieldGroup - Container for multiple related fields\n *\n * Used to group fields together (e.g., first name + last name in a row)\n */\nconst FieldGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-slot=\"field-group\"\n      className={cn(\"flex flex-col gap-4\", className)}\n      {...props}\n    />\n  );\n});\nFieldGroup.displayName = \"FieldGroup\";\n\n/**\n * FieldLabel - Label component for form fields\n *\n * Wrapper around ShadCN Label with consistent styling\n */\nconst FieldLabel = React.forwardRef<\n  HTMLLabelElement,\n  React.LabelHTMLAttributes<HTMLLabelElement> & {\n    required?: boolean;\n  }\n>(({ className, required, children, ...props }, ref) => {\n  return (\n    <Label\n      ref={ref}\n      data-slot=\"field-label\"\n      className={cn(\n        \"text-sm font-medium leading-none select-none\",\n        \"peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {required && <span className=\"text-destructive ml-1\">*</span>}\n    </Label>\n  );\n});\nFieldLabel.displayName = \"FieldLabel\";\n\n/**\n * FieldDescription - Helper text for form fields\n *\n * Displays additional information or instructions for the field\n */\nconst FieldDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  return (\n    <p\n      ref={ref}\n      data-slot=\"field-description\"\n      className={cn(\"text-sm opacity-70\", className)}\n      {...props}\n    />\n  );\n});\nFieldDescription.displayName = \"FieldDescription\";\n\n/**\n * FieldError - Error message display for form fields\n *\n * Shows validation errors with proper styling and accessibility\n */\nconst FieldError = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  return (\n    <p\n      ref={ref}\n      data-slot=\"field-error\"\n      role=\"alert\"\n      aria-live=\"polite\"\n      className={cn(\"text-sm text-destructive\", className)}\n      {...props}\n    />\n  );\n});\nFieldError.displayName = \"FieldError\";\n\nexport { Field, FieldGroup, FieldLabel, FieldDescription, FieldError };\n","import * as React from \"react\";\nimport { cn } from \"../../lib/utils\";\nimport { INPUT_AUTOFILL_RESET_CLASSES } from \"../../lib/utils\";\n\n/**\n * Input component - Optimized for dynamic theming across thousands of client brands\n *\n * CRITICAL: This component must work with dynamic Section backgrounds (light/dark/primary/etc)\n * Only uses CSS variables that adapt automatically - NO hardcoded semantic colors\n *\n * See: SHADCN_INTEGRATION_GUIDE.md for full documentation\n */\nconst Input = React.forwardRef<HTMLInputElement, React.ComponentProps<\"input\">>(\n  ({ className, type, ...props }, ref) => {\n    return (\n      <input\n        ref={ref}\n        type={type}\n        data-slot=\"input\"\n        className={cn(\n          // Core structure - no hardcoded colors, uses CSS variables\n          \"flex h-9 w-full min-w-0 rounded-md border border-input\",\n          \"bg-transparent px-3 py-1 text-base shadow-sm\",\n          \"transition-colors outline-none md:text-sm\",\n\n          // Focus state - uses ring-ring CSS variable (adapts to theme)\n          \"focus-visible:ring-1 focus-visible:ring-ring\",\n\n          // Error state - uses destructive CSS variables (adapts to theme)\n          \"aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive\",\n\n          // Disabled state - no color hardcoding\n          \"disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\",\n\n          // File input specific - inherits text color from parent\n          \"file:inline-flex file:h-7 file:border-0 file:bg-transparent\",\n          \"file:text-sm file:font-medium\",\n\n          // Autofill reset - prevents browser from overriding our dynamic colors\n          INPUT_AUTOFILL_RESET_CLASSES,\n\n          className,\n        )}\n        {...props}\n      />\n    );\n  },\n);\nInput.displayName = \"Input\";\n\nexport { Input };\n","\"use client\";\n\nimport * as React from \"react\";\nimport type { InputProps } from \"../core/types\";\nimport { Input } from \"../components/ui/input\";\nimport { cn } from \"../lib/utils\";\n\n/**\n * TextInput - High-performance text input component (ShadCN-based)\n *\n * Built on ShadCN Input component with form-specific behavior:\n * - Error state handling\n * - Valid value indicator (ring-2)\n * - Form integration (onChange, onBlur)\n * - Full accessibility support\n *\n * @example\n * ```tsx\n * const form = useForm({ initialValues: { email: '' } });\n *\n * <TextInput\n *   {...form.getFieldProps('email')}\n *   type=\"email\"\n *   placeholder=\"Enter your email\"\n *   error={!!form.errors.email}\n *   aria-invalid={!!form.errors.email}\n *   aria-describedby={form.errors.email ? 'email-error' : undefined}\n * />\n * ```\n *\n * @see https://opensite.ai/developers/page-speed/forms/text-input\n */\nexport function TextInput({\n  name,\n  value,\n  onChange,\n  onBlur,\n  placeholder,\n  disabled = false,\n  required = false,\n  error = false,\n  className = \"\",\n  type = \"text\",\n  id = \"text\",\n  ...props\n}: InputProps<string> & {\n  type?: \"text\" | \"email\" | \"password\" | \"url\" | \"tel\" | \"search\";\n}) {\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    onChange(e.target.value);\n  };\n\n  const handleBlur = () => {\n    onBlur?.();\n  };\n\n  const hasValue = String(value ?? \"\").trim().length > 0;\n\n  return (\n    <Input\n      type={type}\n      id={id}\n      name={name}\n      value={value ?? \"\"}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      placeholder={placeholder}\n      disabled={disabled}\n      required={required}\n      className={cn(\n        // Valid value indicator - ring-2 when has value and no error\n        !error && hasValue && \"ring-2 ring-ring\",\n        // Error state - handled by Input component via aria-invalid\n        className,\n      )}\n      aria-invalid={error || props[\"aria-invalid\"]}\n      aria-describedby={props[\"aria-describedby\"]}\n      aria-required={required || props[\"aria-required\"]}\n      {...props}\n    />\n  );\n}\n\nTextInput.displayName = \"TextInput\";\n","import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20\",\n        outline:\n          \"border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost:\n          \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        xs: \"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3\",\n        \"icon-sm\": \"size-8\",\n        \"icon-lg\": \"size-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Button({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean\n  }) {\n  const Comp = asChild ? Slot.Root : \"button\"\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Button, buttonVariants }\n","\"use client\";\n\nimport * as React from \"react\";\nimport type { ReactNode } from \"react\";\nimport { FieldDescription, FieldLabel } from \"../components/ui/field\";\nimport { cn } from \"../lib/utils\";\n\nexport type LabelGroupProps = {\n  variant?: \"legend\" | \"label\" | \"text\";\n  secondary?: ReactNode;\n  secondaryId?: string;\n  primary?: ReactNode;\n  labelHtmlFor?: string;\n  required?: boolean;\n  primaryClassName?: string;\n  secondaryClassName?: string;\n};\n\nconst LabelGroup = ({\n  labelHtmlFor,\n  required = false,\n  variant = \"label\",\n  secondaryId,\n  secondary,\n  primary,\n  primaryClassName,\n  secondaryClassName,\n}: LabelGroupProps) => {\n  const primaryClasses = cn(\n    \"text-sm font-medium leading-snug\",\n    variant === \"legend\" ? \"mb-1.5\" : \"mb-1 block\",\n    primaryClassName,\n  );\n\n  const requiredIndicator =\n    required && variant !== \"label\" ? (\n      <span className=\"text-destructive pl-0.5\" aria-label=\"required\">\n        *\n      </span>\n    ) : null;\n\n  let primaryElement: ReactNode = null;\n  if (primary) {\n    if (variant === \"label\") {\n      primaryElement = (\n        <FieldLabel\n          htmlFor={labelHtmlFor}\n          required={required}\n          className={primaryClasses}\n        >\n          {primary}\n        </FieldLabel>\n      );\n    } else if (variant === \"legend\") {\n      primaryElement = (\n        <legend data-slot=\"field-legend\" className={primaryClasses}>\n          {primary}\n          {requiredIndicator}\n        </legend>\n      );\n    } else {\n      primaryElement = (\n        <div data-slot=\"field-label\" className={primaryClasses}>\n          {primary}\n          {requiredIndicator}\n        </div>\n      );\n    }\n  }\n\n  const secondaryElement = secondary ? (\n    <FieldDescription\n      id={secondaryId}\n      className={cn(\"leading-normal font-normal\", secondaryClassName)}\n    >\n      {secondary}\n    </FieldDescription>\n  ) : null;\n\n  if (!primaryElement && !secondaryElement) return null;\n\n  // Legend should remain a direct child of fieldset for proper semantics.\n  if (variant === \"legend\") {\n    return (\n      <>\n        {primaryElement}\n        {secondaryElement}\n      </>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-1 flex-col gap-0.5\">\n      {primaryElement}\n      {secondaryElement}\n    </div>\n  );\n};\n\nexport { LabelGroup };\n"]}

package/dist/core.cjs

@@ -1,34 +1,38 @@
 'use strict';
 
-var chunkO4ZLR7AN_cjs = require('./chunk-O4ZLR7AN.cjs');
-var chunkKPHMVGTU_cjs = require('./chunk-KPHMVGTU.cjs');
-require('./chunk-QQSBW6N3.cjs');
+var chunkQ7WXLZN5_cjs = require('./chunk-Q7WXLZN5.cjs');
+var chunkMUBEMXI7_cjs = require('./chunk-MUBEMXI7.cjs');
+require('./chunk-QRI5TMES.cjs');
 
 
 
+Object.defineProperty(exports, "ButtonGroupForm", {
+  enumerable: true,
+  get: function () { return chunkQ7WXLZN5_cjs.ButtonGroupForm; }
+});
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkO4ZLR7AN_cjs.Form; }
+  get: function () { return chunkQ7WXLZN5_cjs.Form; }
 });
 Object.defineProperty(exports, "FormFeedback", {
   enumerable: true,
-  get: function () { return chunkO4ZLR7AN_cjs.FormFeedback; }
+  get: function () { return chunkQ7WXLZN5_cjs.FormFeedback; }
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.Field; }
+  get: function () { return chunkMUBEMXI7_cjs.Field; }
 });
 Object.defineProperty(exports, "FormContext", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.FormContext; }
+  get: function () { return chunkMUBEMXI7_cjs.FormContext; }
 });
 Object.defineProperty(exports, "useField", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.useField; }
+  get: function () { return chunkMUBEMXI7_cjs.useField; }
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.useForm; }
+  get: function () { return chunkMUBEMXI7_cjs.useForm; }
 });
 //# sourceMappingURL=core.cjs.map
 //# sourceMappingURL=core.cjs.map

package/dist/core.d.cts

@@ -1,154 +1,79 @@
-import { b as FormValues, U as UseFormOptions, m as UseFormReturn, p as UseFieldOptions, q as UseFieldReturn, r as FormProps, s as FieldProps } from './types-CnOCn7b3.cjs';
-export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, f as FormNotificationConfig, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, I as InputProps, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, a as ValidationMode, V as ValidationSchema } from './types-CnOCn7b3.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-iHzBALZa.cjs';
 import * as React from 'react';
+import { I as InputProps } from './types-BemGfSPA.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-BemGfSPA.cjs';
 
+type ButtonGroupFormSize = "xs" | "sm" | "default" | "lg";
+type ButtonGroupFormProps = {
+    /**
+     * Field name
+     */
+    name: string;
+    /**
+     * Optional label above the input
+     */
+    label?: React.ReactNode;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string;
+    /**
+     * Input props from form field
+     */
+    inputProps: InputProps<string> & {
+        type?: "text" | "email" | "password" | "url" | "tel" | "search";
+    };
+    /**
+     * Submit button label
+     */
+    submitLabel?: React.ReactNode;
+    /**
+     * Submit button size
+     */
+    size?: ButtonGroupFormSize;
+    /**
+     * Submit button variant
+     */
+    submitVariant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    /**
+     * Whether form is submitting
+     */
+    isSubmitting?: boolean;
+    /**
+     * Additional className for the container
+     */
+    className?: string;
+    /**
+     * Additional className for the label
+     */
+    labelClassName?: string;
+};
 /**
- * useForm - High-performance form state management with field-level reactivity
+ * ButtonGroupForm - Inline form layout with input and submit button grouped together
  *
- * Built on @legendapp/state for optimal performance:
- * - Field-level reactivity: Only re-render the specific field that changed
- * - Observable-based state: ~1 re-render per change vs ~10 for traditional hooks
- * - Tree-shakable: Only bundle what you use
+ * Commonly used for newsletter signups and other simple single-field forms.
+ * The input and button automatically adjust sizing together.
  *
- * @example
- * ```tsx
- * const form = useForm({
- *   initialValues: { email: '', password: '' },
- *   onSubmit: async (values) => {
- *     await login(values);
- *   },
- *   validationSchema: {
- *     email: (value) => !value ? 'Required' : undefined,
- *     password: (value) => value.length < 8 ? 'Too short' : undefined,
- *   },
- * });
- *
- * return (
- *   <form onSubmit={form.handleSubmit}>
- *     <input {...form.getFieldProps('email')} />
- *     {form.errors.email && <span>{form.errors.email}</span>}
- *   </form>
- * );
- * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/use-form
- */
-declare function useForm<T extends FormValues = FormValues>(options: UseFormOptions<T>): UseFormReturn<T>;
-
-/**
- * useField - Field-level reactive hook for form inputs
- *
- * Provides isolated reactivity for individual form fields.
- * Only re-renders when the specific field changes, not when other fields update.
- *
- * Must be used within a FormContext (inside <Form> component).
- *
- * @example
- * ```tsx
- * function EmailInput() {
- *   const { field, meta, helpers } = useField({ name: 'email' });
- *
- *   return (
- *     <div>
- *       <input {...field} type="email" />
- *       {meta.touched && meta.error && <span>{meta.error}</span>}
- *     </div>
- *   );
- * }
- * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/use-field
- */
-declare function useField<T = any>(options: UseFieldOptions<T>): UseFieldReturn<T>;
-
-/**
- * Form - Progressive enhancement form component
- *
- * Provides form context to child components and handles form submission.
- * Supports progressive enhancement with server-side fallback.
- *
- * Features:
- * - Provides FormContext for useField hook
- * - Handles form submission with validation
- * - Progressive enhancement support (works without JavaScript)
- * - Accessible form semantics
- *
- * @example
- * ```tsx
- * const form = useForm({
- *   initialValues: { email: '' },
- *   onSubmit: async (values) => {
- *     await submitForm(values);
- *   },
- * });
- *
- * return (
- *   <Form form={form} action="/api/submit" method="post">
- *     <input {...form.getFieldProps('email')} />
- *     <button type="submit">Submit</button>
- *   </Form>
- * );
- * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/form
- */
-declare function Form<T extends FormValues = FormValues>({ form, children, className, action, method, noValidate, submissionConfig, successMessage, submissionError, successMessageClassName, errorMessageClassName, onNewSubmission, notificationConfig, styleConfig, formConfig, ...props }: FormProps<T> & React.FormHTMLAttributes<HTMLFormElement>): React.JSX.Element;
-declare namespace Form {
-    var displayName: string;
-}
-
-/**
- * Field - Field wrapper component with label, description, and error display
- *
- * Provides a complete field UI with automatic error handling and accessibility.
- * Uses useField hook internally for field-level reactivity.
- *
- * Features:
- * - Automatic label association
- * - Error display with accessibility
- * - Optional description text
- * - Render prop pattern for flexibility
- * - Full accessibility support
+ * Size mappings:
+ * - xs: h-8 text-xs
+ * - sm: h-9 text-sm
+ * - default: h-10 text-sm
+ * - lg: h-12 text-base
  *
  * @example
  * ```tsx
- * <Field name="email" label="Email Address" description="We'll never share your email">
- *   {({ field, meta }) => (
- *     <input
- *       {...field}
- *       type="email"
- *       className={meta.error && meta.touched ? 'error' : ''}
- *     />
- *   )}
- * </Field>
+ * <ButtonGroupForm
+ *   name="email"
+ *   placeholder="Enter your email"
+ *   inputProps={form.getFieldProps('email')}
+ *   submitLabel="Subscribe"
+ *   size="default"
+ * />
  * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/field
  */
-declare function Field({ name, label, description, children, showError, className, errorClassName, required, validate, }: FieldProps): React.JSX.Element;
-declare namespace Field {
-    var displayName: string;
-}
-
-interface FormFeedbackProps {
-    successMessage?: React.ReactNode;
-    submissionError?: React.ReactNode;
-    successMessageClassName?: string;
-    errorMessageClassName?: string;
-}
-declare function FormFeedback({ successMessage, submissionError, successMessageClassName, errorMessageClassName, }: FormFeedbackProps): React.JSX.Element | null;
-declare namespace FormFeedback {
+declare function ButtonGroupForm({ name, label, inputProps, submitLabel, submitVariant, size, isSubmitting, className, labelClassName, }: ButtonGroupFormProps): React.JSX.Element;
+declare namespace ButtonGroupForm {
     var displayName: string;
 }
 
-/**
- * FormContext - React context for providing form state to child components
- *
- * Allows useField hook to access form state without prop drilling.
- * Automatically provided by the <Form> component.
- *
- * @internal
- */
-declare const FormContext: React.Context<UseFormReturn<any> | null>;
-
-export { Field, FieldProps, Form, FormContext, FormFeedback, type FormFeedbackProps, FormProps, FormValues, UseFieldOptions, UseFieldReturn, UseFormOptions, UseFormReturn, useField, useForm };
+export { ButtonGroupForm, type ButtonGroupFormProps, type ButtonGroupFormSize, InputProps };

package/dist/core.d.ts

@@ -1,154 +1,79 @@
-import { b as FormValues, U as UseFormOptions, m as UseFormReturn, p as UseFieldOptions, q as UseFieldReturn, r as FormProps, s as FieldProps } from './types-CnOCn7b3.js';
-export { E as ErrorHandler, n as FieldInputProps, o as FieldMeta, F as FieldValidator, l as FormActions, c as FormErrors, i as FormHelpers, f as FormNotificationConfig, h as FormRenderConfig, k as FormState, g as FormStyleConfig, d as FormSubmissionBehavior, e as FormSubmissionConfig, I as InputProps, N as NewFormSubmissionActionConfig, S as SubmissionStatus, j as SubmitHandler, T as TouchedFields, a as ValidationMode, V as ValidationSchema } from './types-CnOCn7b3.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-089h0j0Q.js';
 import * as React from 'react';
+import { I as InputProps } from './types-BemGfSPA.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-BemGfSPA.js';
 
+type ButtonGroupFormSize = "xs" | "sm" | "default" | "lg";
+type ButtonGroupFormProps = {
+    /**
+     * Field name
+     */
+    name: string;
+    /**
+     * Optional label above the input
+     */
+    label?: React.ReactNode;
+    /**
+     * Placeholder text for the input
+     */
+    placeholder?: string;
+    /**
+     * Input props from form field
+     */
+    inputProps: InputProps<string> & {
+        type?: "text" | "email" | "password" | "url" | "tel" | "search";
+    };
+    /**
+     * Submit button label
+     */
+    submitLabel?: React.ReactNode;
+    /**
+     * Submit button size
+     */
+    size?: ButtonGroupFormSize;
+    /**
+     * Submit button variant
+     */
+    submitVariant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    /**
+     * Whether form is submitting
+     */
+    isSubmitting?: boolean;
+    /**
+     * Additional className for the container
+     */
+    className?: string;
+    /**
+     * Additional className for the label
+     */
+    labelClassName?: string;
+};
 /**
- * useForm - High-performance form state management with field-level reactivity
+ * ButtonGroupForm - Inline form layout with input and submit button grouped together
  *
- * Built on @legendapp/state for optimal performance:
- * - Field-level reactivity: Only re-render the specific field that changed
- * - Observable-based state: ~1 re-render per change vs ~10 for traditional hooks
- * - Tree-shakable: Only bundle what you use
+ * Commonly used for newsletter signups and other simple single-field forms.
+ * The input and button automatically adjust sizing together.
  *
- * @example
- * ```tsx
- * const form = useForm({
- *   initialValues: { email: '', password: '' },
- *   onSubmit: async (values) => {
- *     await login(values);
- *   },
- *   validationSchema: {
- *     email: (value) => !value ? 'Required' : undefined,
- *     password: (value) => value.length < 8 ? 'Too short' : undefined,
- *   },
- * });
- *
- * return (
- *   <form onSubmit={form.handleSubmit}>
- *     <input {...form.getFieldProps('email')} />
- *     {form.errors.email && <span>{form.errors.email}</span>}
- *   </form>
- * );
- * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/use-form
- */
-declare function useForm<T extends FormValues = FormValues>(options: UseFormOptions<T>): UseFormReturn<T>;
-
-/**
- * useField - Field-level reactive hook for form inputs
- *
- * Provides isolated reactivity for individual form fields.
- * Only re-renders when the specific field changes, not when other fields update.
- *
- * Must be used within a FormContext (inside <Form> component).
- *
- * @example
- * ```tsx
- * function EmailInput() {
- *   const { field, meta, helpers } = useField({ name: 'email' });
- *
- *   return (
- *     <div>
- *       <input {...field} type="email" />
- *       {meta.touched && meta.error && <span>{meta.error}</span>}
- *     </div>
- *   );
- * }
- * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/use-field
- */
-declare function useField<T = any>(options: UseFieldOptions<T>): UseFieldReturn<T>;
-
-/**
- * Form - Progressive enhancement form component
- *
- * Provides form context to child components and handles form submission.
- * Supports progressive enhancement with server-side fallback.
- *
- * Features:
- * - Provides FormContext for useField hook
- * - Handles form submission with validation
- * - Progressive enhancement support (works without JavaScript)
- * - Accessible form semantics
- *
- * @example
- * ```tsx
- * const form = useForm({
- *   initialValues: { email: '' },
- *   onSubmit: async (values) => {
- *     await submitForm(values);
- *   },
- * });
- *
- * return (
- *   <Form form={form} action="/api/submit" method="post">
- *     <input {...form.getFieldProps('email')} />
- *     <button type="submit">Submit</button>
- *   </Form>
- * );
- * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/form
- */
-declare function Form<T extends FormValues = FormValues>({ form, children, className, action, method, noValidate, submissionConfig, successMessage, submissionError, successMessageClassName, errorMessageClassName, onNewSubmission, notificationConfig, styleConfig, formConfig, ...props }: FormProps<T> & React.FormHTMLAttributes<HTMLFormElement>): React.JSX.Element;
-declare namespace Form {
-    var displayName: string;
-}
-
-/**
- * Field - Field wrapper component with label, description, and error display
- *
- * Provides a complete field UI with automatic error handling and accessibility.
- * Uses useField hook internally for field-level reactivity.
- *
- * Features:
- * - Automatic label association
- * - Error display with accessibility
- * - Optional description text
- * - Render prop pattern for flexibility
- * - Full accessibility support
+ * Size mappings:
+ * - xs: h-8 text-xs
+ * - sm: h-9 text-sm
+ * - default: h-10 text-sm
+ * - lg: h-12 text-base
  *
  * @example
  * ```tsx
- * <Field name="email" label="Email Address" description="We'll never share your email">
- *   {({ field, meta }) => (
- *     <input
- *       {...field}
- *       type="email"
- *       className={meta.error && meta.touched ? 'error' : ''}
- *     />
- *   )}
- * </Field>
+ * <ButtonGroupForm
+ *   name="email"
+ *   placeholder="Enter your email"
+ *   inputProps={form.getFieldProps('email')}
+ *   submitLabel="Subscribe"
+ *   size="default"
+ * />
  * ```
- *
- * @see https://opensite.ai/developers/page-speed/forms/field
  */
-declare function Field({ name, label, description, children, showError, className, errorClassName, required, validate, }: FieldProps): React.JSX.Element;
-declare namespace Field {
-    var displayName: string;
-}
-
-interface FormFeedbackProps {
-    successMessage?: React.ReactNode;
-    submissionError?: React.ReactNode;
-    successMessageClassName?: string;
-    errorMessageClassName?: string;
-}
-declare function FormFeedback({ successMessage, submissionError, successMessageClassName, errorMessageClassName, }: FormFeedbackProps): React.JSX.Element | null;
-declare namespace FormFeedback {
+declare function ButtonGroupForm({ name, label, inputProps, submitLabel, submitVariant, size, isSubmitting, className, labelClassName, }: ButtonGroupFormProps): React.JSX.Element;
+declare namespace ButtonGroupForm {
     var displayName: string;
 }
 
-/**
- * FormContext - React context for providing form state to child components
- *
- * Allows useField hook to access form state without prop drilling.
- * Automatically provided by the <Form> component.
- *
- * @internal
- */
-declare const FormContext: React.Context<UseFormReturn<any> | null>;
-
-export { Field, FieldProps, Form, FormContext, FormFeedback, type FormFeedbackProps, FormProps, FormValues, UseFieldOptions, UseFieldReturn, UseFormOptions, UseFormReturn, useField, useForm };
+export { ButtonGroupForm, type ButtonGroupFormProps, type ButtonGroupFormSize, InputProps };

package/dist/core.js

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

package/dist/index.cjs

@@ -1,54 +1,54 @@
 'use strict';
 
-var chunkO4ZLR7AN_cjs = require('./chunk-O4ZLR7AN.cjs');
-var chunkKPHMVGTU_cjs = require('./chunk-KPHMVGTU.cjs');
-var chunkQQSBW6N3_cjs = require('./chunk-QQSBW6N3.cjs');
+var chunkQ7WXLZN5_cjs = require('./chunk-Q7WXLZN5.cjs');
+var chunkMUBEMXI7_cjs = require('./chunk-MUBEMXI7.cjs');
+var chunkQRI5TMES_cjs = require('./chunk-QRI5TMES.cjs');
 
 
 
 Object.defineProperty(exports, "Form", {
   enumerable: true,
-  get: function () { return chunkO4ZLR7AN_cjs.Form; }
+  get: function () { return chunkQ7WXLZN5_cjs.Form; }
 });
 Object.defineProperty(exports, "FormFeedback", {
   enumerable: true,
-  get: function () { return chunkO4ZLR7AN_cjs.FormFeedback; }
+  get: function () { return chunkQ7WXLZN5_cjs.FormFeedback; }
 });
 Object.defineProperty(exports, "Field", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.Field; }
+  get: function () { return chunkMUBEMXI7_cjs.Field; }
 });
 Object.defineProperty(exports, "FormContext", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.FormContext; }
+  get: function () { return chunkMUBEMXI7_cjs.FormContext; }
 });
 Object.defineProperty(exports, "useField", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.useField; }
+  get: function () { return chunkMUBEMXI7_cjs.useField; }
 });
 Object.defineProperty(exports, "useForm", {
   enumerable: true,
-  get: function () { return chunkKPHMVGTU_cjs.useForm; }
+  get: function () { return chunkMUBEMXI7_cjs.useForm; }
 });
 Object.defineProperty(exports, "FieldDescription", {
   enumerable: true,
-  get: function () { return chunkQQSBW6N3_cjs.FieldDescription; }
+  get: function () { return chunkQRI5TMES_cjs.FieldDescription; }
 });
 Object.defineProperty(exports, "FieldError", {
   enumerable: true,
-  get: function () { return chunkQQSBW6N3_cjs.FieldError; }
+  get: function () { return chunkQRI5TMES_cjs.FieldError; }
 });
 Object.defineProperty(exports, "FieldGroup", {
   enumerable: true,
-  get: function () { return chunkQQSBW6N3_cjs.FieldGroup; }
+  get: function () { return chunkQRI5TMES_cjs.FieldGroup; }
 });
 Object.defineProperty(exports, "FieldWrapper", {
   enumerable: true,
-  get: function () { return chunkQQSBW6N3_cjs.Field; }
+  get: function () { return chunkQRI5TMES_cjs.Field; }
 });
 Object.defineProperty(exports, "FormFieldLabel", {
   enumerable: true,
-  get: function () { return chunkQQSBW6N3_cjs.FieldLabel; }
+  get: function () { return chunkQRI5TMES_cjs.FieldLabel; }
 });
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-export { Field, Form, FormContext, FormFeedback, FormFeedbackProps, useField, useForm } from './core.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-CnOCn7b3.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-iHzBALZa.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-BemGfSPA.cjs';
 import * as React from 'react';
 
 type FieldOrientation = "vertical" | "horizontal";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { Field, Form, FormContext, FormFeedback, FormFeedbackProps, useField, useForm } from './core.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-CnOCn7b3.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-089h0j0Q.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-BemGfSPA.js';
 import * as React from 'react';
 
 type FieldOrientation = "vertical" | "horizontal";

package/dist/index.js

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