/**
 * Source code string shown in the Storybook Docs tab for the LoginForm story.
 *
 * Demonstrates the minimal Form + Field + useZodForm integration pattern.
 */
declare const formContextWrapperSource = "\nimport {\n  Form,\n  FormGroup,\n  Field,\n  FieldLabel,\n  FieldControl,\n  useZodForm,\n  SimpleInput,\n  Button,\n  Box,\n  Text\n} from '@jtl-software/platform-ui-react';\nimport { z } from 'zod';\n\ninterface IFormContextWrapperProps {}\n\n/** Zod schema for the address form used in the useFormContext pattern story */\nconst addressFormSchema = z.object({\n  street: z.string().min(1, 'Street is required'),\n  city: z.string().min(1, 'City is required'),\n  state: z.string().min(1, 'State is required'),\n  zipCode: z.string().min(1, 'ZIP code is required'),\n});\n\nconst AddressFieldsWithContext = () => {\n  const { watch } = useFormContext<z.infer<typeof addressFormSchema>>();\n  const currentCity = watch('city');\n\n  return (\n    <Box className=\"flex flex-col gap-[var(--spacing-4)]\">\n      {/* Live city display \u2014 updates as user types */}\n      <Box className=\"p-[var(--spacing-3)] rounded-[var(--border-radius-md)] bg-[var(--base-muted)] border border-solid border-[var(--base-border)]\">\n        <Text type=\"small\">\n          Current city: <strong>{currentCity || '\u2014'}</strong>\n        </Text>\n      </Box>\n\n      <FormGroup label=\"Address\" columns={{ xs: 4, lg: 12 }}>\n        <Field name=\"street\" columnSpan={{ xs: 4, lg: 12 }}>\n          <FieldLabel required>Street</FieldLabel>\n          <FieldControl>\n            <SimpleInput placeholder=\"123 Main St\" />\n          </FieldControl>\n        </Field>\n        <Field name=\"city\" columnSpan={{ xs: 4, lg: 6 }}>\n          <FieldLabel required>City</FieldLabel>\n          <FieldControl>\n            <SimpleInput placeholder=\"Springfield\" />\n          </FieldControl>\n        </Field>\n        <Field name=\"state\" columnSpan={{ xs: 2, lg: 3 }}>\n          <FieldLabel required>State</FieldLabel>\n          <FieldControl>\n            <SimpleInput placeholder=\"IL\" />\n          </FieldControl>\n        </Field>\n        <Field name=\"zipCode\" columnSpan={{ xs: 2, lg: 3 }}>\n          <FieldLabel required>ZIP Code</FieldLabel>\n          <FieldControl>\n            <SimpleInput placeholder=\"62701\" />\n          </FieldControl>\n        </Field>\n      </FormGroup>\n    </Box>\n  );\n};\n\nconst FormContextWrapper: React.FC<IFormContextWrapperProps> = () => {\n  const form = useZodForm({\n    schema: addressFormSchema,\n    defaultValues: { street: '', city: '', state: '', zipCode: '' },\n  });\n\n  const onSubmit = React.useCallback((data: z.infer<typeof addressFormSchema>) => {\n    console.log(data);\n    alert('Address submitted!');\n  }, []);\n\n  return (\n    <Form form={form} onSubmit={onSubmit}>\n      <Box className=\"flex flex-col gap-[var(--spacing-4)]\">\n        <AddressFieldsWithContext />\n        <Button type=\"submit\" label=\"Submit Address\" variant=\"default\" />\n      </Box>\n    </Form>\n  );\n};\n\nexport default FormContextWrapper;\n\n";
export default formContextWrapperSource;
