// Generated by scripts/generate-manifest.mjs. Do not edit by hand.
import type { AddOnCompiled } from '../../../../../types.js'

type TemplateRecord = Record<string, any>
type TemplateAddOn = TemplateRecord & {
  integrations?: Array<TemplateRecord>
  routes?: Array<TemplateRecord>
}

type TemplateRenderContext = {
  [key: string]: any
  packageManager: any
  projectName: any
  typescript: any
  tailwind: any
  blank: any
  js: any
  jsx: any
  fileRouter: any
  codeRouter: any
  routerOnly: any
  includeExamples: any
  addOnEnabled: Record<string, any>
  addOnOption: Record<string, any>
  addOns: Array<TemplateAddOn>
  integrations: Array<TemplateRecord>
  routes: Array<TemplateRecord>
  getPackageManagerAddScript: (...args: Array<any>) => string
  getPackageManagerRunScript: (...args: Array<any>) => string
  getPackageManagerExecuteScript: (...args: Array<any>) => string
  relativePath: (...args: Array<any>) => string
  integrationImportContent: (...args: Array<any>) => string
  integrationImportCode: (...args: Array<any>) => string | undefined
  renderTemplate: (content: string) => string
  ignoreFile: () => never
}

type TemplateRenderer = (context: TemplateRenderContext) => string | undefined

function __escapeXML(value: unknown) {
  if (value === undefined || value === null) {
    return ''
  }
  return String(value).replace(/[&<>'"]/g, (character) => {
    switch (character) {
      case '&':
        return '&amp;'
      case '<':
        return '&lt;'
      case '>':
        return '&gt;'
      case '"':
        return '&#34;'
      case "'":
        return '&#39;'
      default:
        return character
    }
  })
}

export function getManifestTemplateKey(template: string) {
  let hash = 0x811c9dc5
  for (let i = 0; i < template.length; i++) {
    hash ^= template.charCodeAt(i)
    hash = Math.imul(hash, 0x01000193) >>> 0
  }

  return `${hash.toString(16).padStart(8, '0')}:${template.length}`
}

function __render_37b41d11_8011(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("import { useStore } from '@tanstack/react-form'\n\nimport { useFieldContext, useFormContext } from '#/hooks/demo.form-context'\n")
 if (addOnEnabled.shadcn) { 
  __append("\nimport { Button } from '#/components/ui/button'\nimport { Input } from '#/components/ui/input'\nimport { Textarea as ShadcnTextarea } from '#/components/ui/textarea'\nimport * as ShadcnSelect from '#/components/ui/select'\nimport { Slider as ShadcnSlider } from '#/components/ui/slider'\nimport { Switch as ShadcnSwitch } from '#/components/ui/switch'\nimport { Label } from '#/components/ui/label'\n\nexport function SubscribeButton({ label }: { label: string }) {\n  const form = useFormContext()\n  return (\n    <form.Subscribe selector={(state) => state.isSubmitting}>\n      {(isSubmitting) => (\n        <Button type=\"submit\" disabled={isSubmitting}>\n          {label}\n        </Button>\n      )}\n    </form.Subscribe>\n  )\n}\n\nfunction ErrorMessages({\n  errors,\n}: {\n  errors: Array<string | { message: string }>\n}) {\n  return (\n    <>\n      {errors.map((error) => (\n        <div\n          key={typeof error === 'string' ? error : error.message}\n          className=\"mt-1 text-sm font-semibold text-red-600\"\n        >\n          {typeof error === 'string' ? error : error.message}\n        </div>\n      ))}\n    </>\n  )\n}\n\nexport function TextField({\n  label,\n  placeholder,\n}: {\n  label: string\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <Label htmlFor={label} className=\"mb-2 text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </Label>\n      <Input\n        value={field.state.value}\n        placeholder={placeholder}\n        onBlur={field.handleBlur}\n        onChange={(e) => field.handleChange(e.target.value)}\n      />\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function TextArea({\n  label,\n  rows = 3,\n}: {\n  label: string\n  rows?: number\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <Label htmlFor={label} className=\"mb-2 text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </Label>\n      <ShadcnTextarea\n        id={label}\n        value={field.state.value}\n        onBlur={field.handleBlur}\n        rows={rows}\n        onChange={(e) => field.handleChange(e.target.value)}\n      />\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Select({\n  label,\n  values,\n  placeholder,\n}: {\n  label: string\n  values: Array<{ label: string; value: string }>\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <ShadcnSelect.Select\n        name={field.name}\n        value={field.state.value}\n        onValueChange={(value) => field.handleChange(value)}\n      >\n        <ShadcnSelect.SelectTrigger className=\"w-full\">\n          <ShadcnSelect.SelectValue placeholder={placeholder} />\n        </ShadcnSelect.SelectTrigger>\n        <ShadcnSelect.SelectContent className=\"bg-background text-foreground\">\n          <ShadcnSelect.SelectGroup>\n            <ShadcnSelect.SelectLabel>{label}</ShadcnSelect.SelectLabel>\n            {values.map((value) => (\n              <ShadcnSelect.SelectItem\n                key={value.value}\n                value={value.value}\n                className=\"text-foreground\"\n              >\n                {value.label}\n              </ShadcnSelect.SelectItem>\n            ))}\n          </ShadcnSelect.SelectGroup>\n        </ShadcnSelect.SelectContent>\n      </ShadcnSelect.Select>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Slider({ label }: { label: string }) {\n  const field = useFieldContext<number>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <Label htmlFor={label} className=\"mb-2 text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </Label>\n      <ShadcnSlider\n        id={label}\n        onBlur={field.handleBlur}\n        value={[field.state.value]}\n        onValueChange={(value) => field.handleChange(value[0])}\n      />\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Switch({ label }: { label: string }) {\n  const field = useFieldContext<boolean>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <div className=\"flex items-center gap-2\">\n        <ShadcnSwitch\n          id={label}\n          onBlur={field.handleBlur}\n          checked={field.state.value}\n          onCheckedChange={(checked) => field.handleChange(checked)}\n        />\n        <Label htmlFor={label}>{label}</Label>\n      </div>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n  \n")
 } else { 
  __append("\nexport function SubscribeButton({ label }: { label: string }) {\n  const form = useFormContext()\n  return (\n    <form.Subscribe selector={(state) => state.isSubmitting}>\n      {(isSubmitting) => (\n        <button\n          type=\"submit\"\n          disabled={isSubmitting}\n          className=\"demo-button\"\n        >\n          {label}\n        </button>\n      )}\n    </form.Subscribe>\n  )\n}\n\nfunction ErrorMessages({\n  errors,\n}: {\n  errors: Array<string | { message: string }>\n}) {\n  return (\n    <>\n      {errors.map((error) => (\n        <div\n          key={typeof error === 'string' ? error : error.message}\n          className=\"mt-1 text-sm font-semibold text-red-600\"\n        >\n          {typeof error === 'string' ? error : error.message}\n        </div>\n      ))}\n    </>\n  )\n}\n\nexport function TextField({\n  label,\n  placeholder,\n}: {\n  label: string\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <label htmlFor={label} className=\"mb-2 block text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n        <input\n          value={field.state.value}\n          placeholder={placeholder}\n          onBlur={field.handleBlur}\n          onChange={(e) => field.handleChange(e.target.value)}\n          className=\"demo-input mt-2\"\n        />\n      </label>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function TextArea({\n  label,\n  rows = 3,\n}: {\n  label: string\n  rows?: number\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <label htmlFor={label} className=\"mb-2 block text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n        <textarea\n          value={field.state.value}\n          onBlur={field.handleBlur}\n          rows={rows}\n          onChange={(e) => field.handleChange(e.target.value)}\n          className=\"demo-textarea mt-2\"\n        />\n      </label>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Select({\n  label,\n  values,\n}: {\n  label: string\n  values: Array<{ label: string; value: string }>\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <label htmlFor={label} className=\"mb-2 block text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </label>\n      <select\n        name={field.name}\n        value={field.state.value}\n        onBlur={field.handleBlur}\n        onChange={(e) => field.handleChange(e.target.value)}\n        className=\"demo-select\"\n      >\n        {values.map((value) => (\n          <option key={value.value} value={value.value}>\n            {value.label}\n          </option>\n        ))}\n      </select>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n")
 } 
  __append("\n")
  return __output
}

function __render_c8ba0e71_2085(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("import { ")
 if (fileRouter) { 
  __append("createFileRoute")
 } else { 
  __append("createRoute")
 } 
  __append(" } from '@tanstack/react-router'\nimport { z } from 'zod'\n\nimport { useAppForm } from '#/hooks/demo.form'\n\n")
 if (codeRouter) { 
  __append("\n  import type { RootRoute } from '@tanstack/react-router'\n")
 } else { 
  __append("\nexport const Route = createFileRoute('/demo/form')({\n  component: SimpleForm,\n})\n")
 } 
  __append("\n\nconst schema = z.object({\n  title: z.string().min(1, 'Title is required'),\n  description: z.string().min(1, 'Description is required'),\n})\n\nfunction SimpleForm() {\n  const form = useAppForm({\n    defaultValues: {\n      title: '',\n      description: '',\n    },\n    validators: {\n      onBlur: schema,\n    },\n    onSubmit: ({ value }) => {\n      console.log(value)\n      // Show success message\n      alert('Form submitted successfully!')\n    },\n  })\n\n  return (\n    <main className=\"demo-page demo-center\">\n      <section className=\"demo-panel w-full max-w-2xl\">\n        <div className=\"mb-6\">\n          <p className=\"island-kicker mb-2\">TanStack Form</p>\n          <h1 className=\"demo-title\">Simple Form</h1>\n          <p className=\"demo-muted mt-2\">\n            A small validated form using the generated field helpers.\n          </p>\n        </div>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            e.stopPropagation()\n            form.handleSubmit()\n          }}\n          className=\"space-y-6\"\n        >\n          <form.AppField name=\"title\">\n            {(field) => <field.TextField label=\"Title\" />}\n          </form.AppField>\n\n          <form.AppField name=\"description\">\n            {(field) => <field.TextArea label=\"Description\" />}\n          </form.AppField>\n\n          <div className=\"flex justify-end\">\n            <form.AppForm>\n              <form.SubscribeButton label=\"Submit\" />\n            </form.AppForm>\n          </div>\n        </form>\n      </section>\n    </main>\n  )\n}\n\n")
 if (codeRouter) { 
  __append("\nexport default (parentRoute: RootRoute) => createRoute({\n  path: '/demo/form/simple',\n  component: SimpleForm,\n  getParentRoute: () => parentRoute,\n})\n")
 } 
  __append("\n")
  return __output
}

function __render_e5b15f91_6353(context: TemplateRenderContext) {
  const {
    packageManager,
    projectName,
    typescript,
    tailwind,
    blank,
    js,
    jsx,
    fileRouter,
    codeRouter,
    routerOnly,
    includeExamples,
    addOnEnabled,
    addOnOption,
    addOns,
    integrations,
    routes,
    getPackageManagerAddScript,
    getPackageManagerRunScript,
    getPackageManagerExecuteScript,
    relativePath,
    integrationImportContent,
    integrationImportCode,
    renderTemplate,
    ignoreFile,
  } = context
  let __output = ''
  const __append = (value: unknown) => {
    if (value !== undefined && value !== null) {
      __output += String(value)
    }
  }
  __append("import { ")
 if (fileRouter) { 
  __append("createFileRoute")
 } else { 
  __append("createRoute")
 } 
  __append(" } from '@tanstack/react-router'\n\nimport { useAppForm } from '#/hooks/demo.form'\n\n")
 if (codeRouter) { 
  __append("\nimport type { RootRoute } from '@tanstack/react-router'\n")
 } else { 
  __append("\nexport const Route = createFileRoute('/demo/form')({\n  component: AddressForm,\n})\n")
 } 
  __append("\n\nfunction AddressForm() {\n  const form = useAppForm({\n    defaultValues: {\n      fullName: '',\n      email: '',\n      address: {\n        street: '',\n        city: '',\n        state: '',\n        zipCode: '',\n        country: '',\n      },\n      phone: '',\n    },\n    validators: {\n      onBlur: ({ value }) => {\n        const errors = {\n          fields: {},\n        } as {\n          fields: Record<string, string>\n        }\n        if (value.fullName.trim().length === 0) {\n          errors.fields.fullName = 'Full name is required'\n        }\n        return errors\n      },\n    },\n    onSubmit: ({ value }) => {\n      console.log(value)\n      // Show success message\n      alert('Form submitted successfully!')\n    },\n  })\n\n  return (\n    <main className=\"demo-page demo-center\">\n      <section className=\"demo-panel w-full max-w-2xl\">\n        <div className=\"mb-6\">\n          <p className=\"island-kicker mb-2\">TanStack Form</p>\n          <h1 className=\"demo-title\">Address Form</h1>\n          <p className=\"demo-muted mt-2\">\n            Nested fields, field-level validation, and a select input.\n          </p>\n        </div>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            e.stopPropagation()\n            form.handleSubmit()\n          }}\n          className=\"space-y-6\"\n        >\n          <form.AppField name=\"fullName\">\n            {(field) => <field.TextField label=\"Full Name\" />}\n          </form.AppField>\n\n          <form.AppField\n            name=\"email\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Email is required'\n                }\n                if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(value)) {\n                  return 'Invalid email address'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => <field.TextField label=\"Email\" />}\n          </form.AppField>\n\n          <form.AppField\n            name=\"address.street\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Street address is required'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => <field.TextField label=\"Street Address\" />}\n          </form.AppField>\n\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n            <form.AppField\n              name=\"address.city\"\n              validators={{\n                onBlur: ({ value }) => {\n                  if (!value || value.trim().length === 0) {\n                    return 'City is required'\n                  }\n                  return undefined\n                },\n              }}\n            >\n              {(field) => <field.TextField label=\"City\" />}\n            </form.AppField>\n            <form.AppField\n              name=\"address.state\"\n              validators={{\n                onBlur: ({ value }) => {\n                  if (!value || value.trim().length === 0) {\n                    return 'State is required'\n                  }\n                  return undefined\n                },\n              }}\n            >\n              {(field) => <field.TextField label=\"State\" />}\n            </form.AppField>\n            <form.AppField\n              name=\"address.zipCode\"\n              validators={{\n                onBlur: ({ value }) => {\n                  if (!value || value.trim().length === 0) {\n                    return 'Zip code is required'\n                  }\n                  if (!/^\\d{5}(-\\d{4})?$/.test(value)) {\n                    return 'Invalid zip code format'\n                  }\n                  return undefined\n                },\n              }}\n            >\n              {(field) => <field.TextField label=\"Zip Code\" />}\n            </form.AppField>\n          </div>\n\n          <form.AppField\n            name=\"address.country\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Country is required'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => (\n              <field.Select\n                label=\"Country\"\n                values={[\n                  { label: 'United States', value: 'US' },\n                  { label: 'Canada', value: 'CA' },\n                  { label: 'United Kingdom', value: 'UK' },\n                  { label: 'Australia', value: 'AU' },\n                  { label: 'Germany', value: 'DE' },\n                  { label: 'France', value: 'FR' },\n                  { label: 'Japan', value: 'JP' },\n                ]}\n                placeholder=\"Select a country\"\n              />\n            )}\n        </form.AppField>\n\n          <form.AppField\n            name=\"phone\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Phone number is required'\n                }\n                if (\n                  !/^(\\+\\d{1,3})?\\s?\\(?\\d{3}\\)?[\\s.-]?\\d{3}[\\s.-]?\\d{4}$/.test(\n                    value,\n                  )\n                ) {\n                  return 'Invalid phone number format'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => (\n              <field.TextField label=\"Phone\" placeholder=\"123-456-7890\" />\n            )}\n          </form.AppField>\n\n          <div className=\"flex justify-end\">\n            <form.AppForm>\n              <form.SubscribeButton label=\"Submit\" />\n            </form.AppForm>\n          </div>\n        </form>\n      </section>\n    </main>\n  )\n}\n\n\n")
 if (codeRouter) { 
  __append("\nexport default (parentRoute: RootRoute) => createRoute({\n  path: '/demo/form/address',\n  component: AddressForm,\n  getParentRoute: () => parentRoute,\n})\n")
 } 
  __append("\n")
  return __output
}

const templateRenderers: Record<string, TemplateRenderer> = {
  "37b41d11:8011": __render_37b41d11_8011,
  "c8ba0e71:2085": __render_c8ba0e71_2085,
  "e5b15f91:6353": __render_e5b15f91_6353,
}

export function hasManifestTemplate(template: string) {
  return getManifestTemplateKey(template) in templateRenderers
}

export function renderManifestTemplate(
  template: string,
  context: TemplateRenderContext,
) {
  const key = getManifestTemplateKey(template)
  const renderer = templateRenderers[key]
  if (!renderer) {
    throw new Error(`Template ${key} was not precompiled into the manifest`)
  }
  return renderer(context) ?? ''
}


export const addOn = {
  "name": "Form",
  "description": "TanStack Form",
  "phase": "add-on",
  "type": "add-on",
  "category": "tanstack",
  "color": "#EAB308",
  "priority": 44,
  "modes": [
    "file-router",
    "code-router"
  ],
  "link": "https://tanstack.com/form/latest",
  "routes": [
    {
      "icon": "ClipboardType",
      "url": "/demo/form/simple",
      "name": "Simple Form",
      "path": "src/routes/demo.form.simple.tsx",
      "jsName": "FormSimpleDemo"
    },
    {
      "icon": "ClipboardType",
      "url": "/demo/form/address",
      "name": "Address Form",
      "path": "src/routes/demo.form.address.tsx",
      "jsName": "FormAddressDemo"
    }
  ],
  "shadcnComponents": [
    "button",
    "select",
    "input",
    "textarea",
    "slider",
    "switch",
    "label"
  ],
  "id": "form",
  "version": "0.0.0",
  "packageAdditions": {
    "dependencies": {
      "@tanstack/react-form": "latest",
      "zod": "^4.3.6"
    }
  },
  "readmeIsEjs": false,
  "files": {
    "src/components/demo.FormComponents.tsx.ejs": "import { useStore } from '@tanstack/react-form'\n\nimport { useFieldContext, useFormContext } from '#/hooks/demo.form-context'\n<% if (addOnEnabled.shadcn) { %>\nimport { Button } from '#/components/ui/button'\nimport { Input } from '#/components/ui/input'\nimport { Textarea as ShadcnTextarea } from '#/components/ui/textarea'\nimport * as ShadcnSelect from '#/components/ui/select'\nimport { Slider as ShadcnSlider } from '#/components/ui/slider'\nimport { Switch as ShadcnSwitch } from '#/components/ui/switch'\nimport { Label } from '#/components/ui/label'\n\nexport function SubscribeButton({ label }: { label: string }) {\n  const form = useFormContext()\n  return (\n    <form.Subscribe selector={(state) => state.isSubmitting}>\n      {(isSubmitting) => (\n        <Button type=\"submit\" disabled={isSubmitting}>\n          {label}\n        </Button>\n      )}\n    </form.Subscribe>\n  )\n}\n\nfunction ErrorMessages({\n  errors,\n}: {\n  errors: Array<string | { message: string }>\n}) {\n  return (\n    <>\n      {errors.map((error) => (\n        <div\n          key={typeof error === 'string' ? error : error.message}\n          className=\"mt-1 text-sm font-semibold text-red-600\"\n        >\n          {typeof error === 'string' ? error : error.message}\n        </div>\n      ))}\n    </>\n  )\n}\n\nexport function TextField({\n  label,\n  placeholder,\n}: {\n  label: string\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <Label htmlFor={label} className=\"mb-2 text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </Label>\n      <Input\n        value={field.state.value}\n        placeholder={placeholder}\n        onBlur={field.handleBlur}\n        onChange={(e) => field.handleChange(e.target.value)}\n      />\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function TextArea({\n  label,\n  rows = 3,\n}: {\n  label: string\n  rows?: number\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <Label htmlFor={label} className=\"mb-2 text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </Label>\n      <ShadcnTextarea\n        id={label}\n        value={field.state.value}\n        onBlur={field.handleBlur}\n        rows={rows}\n        onChange={(e) => field.handleChange(e.target.value)}\n      />\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Select({\n  label,\n  values,\n  placeholder,\n}: {\n  label: string\n  values: Array<{ label: string; value: string }>\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <ShadcnSelect.Select\n        name={field.name}\n        value={field.state.value}\n        onValueChange={(value) => field.handleChange(value)}\n      >\n        <ShadcnSelect.SelectTrigger className=\"w-full\">\n          <ShadcnSelect.SelectValue placeholder={placeholder} />\n        </ShadcnSelect.SelectTrigger>\n        <ShadcnSelect.SelectContent className=\"bg-background text-foreground\">\n          <ShadcnSelect.SelectGroup>\n            <ShadcnSelect.SelectLabel>{label}</ShadcnSelect.SelectLabel>\n            {values.map((value) => (\n              <ShadcnSelect.SelectItem\n                key={value.value}\n                value={value.value}\n                className=\"text-foreground\"\n              >\n                {value.label}\n              </ShadcnSelect.SelectItem>\n            ))}\n          </ShadcnSelect.SelectGroup>\n        </ShadcnSelect.SelectContent>\n      </ShadcnSelect.Select>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Slider({ label }: { label: string }) {\n  const field = useFieldContext<number>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <Label htmlFor={label} className=\"mb-2 text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </Label>\n      <ShadcnSlider\n        id={label}\n        onBlur={field.handleBlur}\n        value={[field.state.value]}\n        onValueChange={(value) => field.handleChange(value[0])}\n      />\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Switch({ label }: { label: string }) {\n  const field = useFieldContext<boolean>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <div className=\"flex items-center gap-2\">\n        <ShadcnSwitch\n          id={label}\n          onBlur={field.handleBlur}\n          checked={field.state.value}\n          onCheckedChange={(checked) => field.handleChange(checked)}\n        />\n        <Label htmlFor={label}>{label}</Label>\n      </div>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n  \n<% } else { %>\nexport function SubscribeButton({ label }: { label: string }) {\n  const form = useFormContext()\n  return (\n    <form.Subscribe selector={(state) => state.isSubmitting}>\n      {(isSubmitting) => (\n        <button\n          type=\"submit\"\n          disabled={isSubmitting}\n          className=\"demo-button\"\n        >\n          {label}\n        </button>\n      )}\n    </form.Subscribe>\n  )\n}\n\nfunction ErrorMessages({\n  errors,\n}: {\n  errors: Array<string | { message: string }>\n}) {\n  return (\n    <>\n      {errors.map((error) => (\n        <div\n          key={typeof error === 'string' ? error : error.message}\n          className=\"mt-1 text-sm font-semibold text-red-600\"\n        >\n          {typeof error === 'string' ? error : error.message}\n        </div>\n      ))}\n    </>\n  )\n}\n\nexport function TextField({\n  label,\n  placeholder,\n}: {\n  label: string\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <label htmlFor={label} className=\"mb-2 block text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n        <input\n          value={field.state.value}\n          placeholder={placeholder}\n          onBlur={field.handleBlur}\n          onChange={(e) => field.handleChange(e.target.value)}\n          className=\"demo-input mt-2\"\n        />\n      </label>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function TextArea({\n  label,\n  rows = 3,\n}: {\n  label: string\n  rows?: number\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <label htmlFor={label} className=\"mb-2 block text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n        <textarea\n          value={field.state.value}\n          onBlur={field.handleBlur}\n          rows={rows}\n          onChange={(e) => field.handleChange(e.target.value)}\n          className=\"demo-textarea mt-2\"\n        />\n      </label>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n\nexport function Select({\n  label,\n  values,\n}: {\n  label: string\n  values: Array<{ label: string; value: string }>\n  placeholder?: string\n}) {\n  const field = useFieldContext<string>()\n  const errors = useStore(field.store, (state) => state.meta.errors)\n\n  return (\n    <div>\n      <label htmlFor={label} className=\"mb-2 block text-sm font-semibold text-[var(--sea-ink)]\">\n        {label}\n      </label>\n      <select\n        name={field.name}\n        value={field.state.value}\n        onBlur={field.handleBlur}\n        onChange={(e) => field.handleChange(e.target.value)}\n        className=\"demo-select\"\n      >\n        {values.map((value) => (\n          <option key={value.value} value={value.value}>\n            {value.label}\n          </option>\n        ))}\n      </select>\n      {field.state.meta.isTouched && <ErrorMessages errors={errors} />}\n    </div>\n  )\n}\n<% } %>\n",
    "src/hooks/demo.form-context.ts": "import { createFormHookContexts } from '@tanstack/react-form'\n\nexport const { fieldContext, useFieldContext, formContext, useFormContext } =\n  createFormHookContexts()\n",
    "src/hooks/demo.form.ts": "import { createFormHook } from '@tanstack/react-form'\n\nimport {\n  Select,\n  SubscribeButton,\n  TextArea,\n  TextField,\n} from '../components/demo.FormComponents'\nimport { fieldContext, formContext } from './demo.form-context'\n\nexport const { useAppForm } = createFormHook({\n  fieldComponents: {\n    TextField,\n    Select,\n    TextArea,\n  },\n  formComponents: {\n    SubscribeButton,\n  },\n  fieldContext,\n  formContext,\n})\n",
    "src/routes/demo/form.address.tsx.ejs": "import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/react-router'\n\nimport { useAppForm } from '#/hooks/demo.form'\n\n<% if (codeRouter) { %>\nimport type { RootRoute } from '@tanstack/react-router'\n<% } else { %>\nexport const Route = createFileRoute('/demo/form')({\n  component: AddressForm,\n})\n<% } %>\n\nfunction AddressForm() {\n  const form = useAppForm({\n    defaultValues: {\n      fullName: '',\n      email: '',\n      address: {\n        street: '',\n        city: '',\n        state: '',\n        zipCode: '',\n        country: '',\n      },\n      phone: '',\n    },\n    validators: {\n      onBlur: ({ value }) => {\n        const errors = {\n          fields: {},\n        } as {\n          fields: Record<string, string>\n        }\n        if (value.fullName.trim().length === 0) {\n          errors.fields.fullName = 'Full name is required'\n        }\n        return errors\n      },\n    },\n    onSubmit: ({ value }) => {\n      console.log(value)\n      // Show success message\n      alert('Form submitted successfully!')\n    },\n  })\n\n  return (\n    <main className=\"demo-page demo-center\">\n      <section className=\"demo-panel w-full max-w-2xl\">\n        <div className=\"mb-6\">\n          <p className=\"island-kicker mb-2\">TanStack Form</p>\n          <h1 className=\"demo-title\">Address Form</h1>\n          <p className=\"demo-muted mt-2\">\n            Nested fields, field-level validation, and a select input.\n          </p>\n        </div>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            e.stopPropagation()\n            form.handleSubmit()\n          }}\n          className=\"space-y-6\"\n        >\n          <form.AppField name=\"fullName\">\n            {(field) => <field.TextField label=\"Full Name\" />}\n          </form.AppField>\n\n          <form.AppField\n            name=\"email\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Email is required'\n                }\n                if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\\.[A-Z]{2,}$/i.test(value)) {\n                  return 'Invalid email address'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => <field.TextField label=\"Email\" />}\n          </form.AppField>\n\n          <form.AppField\n            name=\"address.street\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Street address is required'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => <field.TextField label=\"Street Address\" />}\n          </form.AppField>\n\n          <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n            <form.AppField\n              name=\"address.city\"\n              validators={{\n                onBlur: ({ value }) => {\n                  if (!value || value.trim().length === 0) {\n                    return 'City is required'\n                  }\n                  return undefined\n                },\n              }}\n            >\n              {(field) => <field.TextField label=\"City\" />}\n            </form.AppField>\n            <form.AppField\n              name=\"address.state\"\n              validators={{\n                onBlur: ({ value }) => {\n                  if (!value || value.trim().length === 0) {\n                    return 'State is required'\n                  }\n                  return undefined\n                },\n              }}\n            >\n              {(field) => <field.TextField label=\"State\" />}\n            </form.AppField>\n            <form.AppField\n              name=\"address.zipCode\"\n              validators={{\n                onBlur: ({ value }) => {\n                  if (!value || value.trim().length === 0) {\n                    return 'Zip code is required'\n                  }\n                  if (!/^\\d{5}(-\\d{4})?$/.test(value)) {\n                    return 'Invalid zip code format'\n                  }\n                  return undefined\n                },\n              }}\n            >\n              {(field) => <field.TextField label=\"Zip Code\" />}\n            </form.AppField>\n          </div>\n\n          <form.AppField\n            name=\"address.country\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Country is required'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => (\n              <field.Select\n                label=\"Country\"\n                values={[\n                  { label: 'United States', value: 'US' },\n                  { label: 'Canada', value: 'CA' },\n                  { label: 'United Kingdom', value: 'UK' },\n                  { label: 'Australia', value: 'AU' },\n                  { label: 'Germany', value: 'DE' },\n                  { label: 'France', value: 'FR' },\n                  { label: 'Japan', value: 'JP' },\n                ]}\n                placeholder=\"Select a country\"\n              />\n            )}\n        </form.AppField>\n\n          <form.AppField\n            name=\"phone\"\n            validators={{\n              onBlur: ({ value }) => {\n                if (!value || value.trim().length === 0) {\n                  return 'Phone number is required'\n                }\n                if (\n                  !/^(\\+\\d{1,3})?\\s?\\(?\\d{3}\\)?[\\s.-]?\\d{3}[\\s.-]?\\d{4}$/.test(\n                    value,\n                  )\n                ) {\n                  return 'Invalid phone number format'\n                }\n                return undefined\n              },\n            }}\n          >\n            {(field) => (\n              <field.TextField label=\"Phone\" placeholder=\"123-456-7890\" />\n            )}\n          </form.AppField>\n\n          <div className=\"flex justify-end\">\n            <form.AppForm>\n              <form.SubscribeButton label=\"Submit\" />\n            </form.AppForm>\n          </div>\n        </form>\n      </section>\n    </main>\n  )\n}\n\n\n<% if (codeRouter) { %>\nexport default (parentRoute: RootRoute) => createRoute({\n  path: '/demo/form/address',\n  component: AddressForm,\n  getParentRoute: () => parentRoute,\n})\n<% } %>\n",
    "src/routes/demo/form.simple.tsx.ejs": "import { <% if (fileRouter) { %>createFileRoute<% } else { %>createRoute<% } %> } from '@tanstack/react-router'\nimport { z } from 'zod'\n\nimport { useAppForm } from '#/hooks/demo.form'\n\n<% if (codeRouter) { %>\n  import type { RootRoute } from '@tanstack/react-router'\n<% } else { %>\nexport const Route = createFileRoute('/demo/form')({\n  component: SimpleForm,\n})\n<% } %>\n\nconst schema = z.object({\n  title: z.string().min(1, 'Title is required'),\n  description: z.string().min(1, 'Description is required'),\n})\n\nfunction SimpleForm() {\n  const form = useAppForm({\n    defaultValues: {\n      title: '',\n      description: '',\n    },\n    validators: {\n      onBlur: schema,\n    },\n    onSubmit: ({ value }) => {\n      console.log(value)\n      // Show success message\n      alert('Form submitted successfully!')\n    },\n  })\n\n  return (\n    <main className=\"demo-page demo-center\">\n      <section className=\"demo-panel w-full max-w-2xl\">\n        <div className=\"mb-6\">\n          <p className=\"island-kicker mb-2\">TanStack Form</p>\n          <h1 className=\"demo-title\">Simple Form</h1>\n          <p className=\"demo-muted mt-2\">\n            A small validated form using the generated field helpers.\n          </p>\n        </div>\n        <form\n          onSubmit={(e) => {\n            e.preventDefault()\n            e.stopPropagation()\n            form.handleSubmit()\n          }}\n          className=\"space-y-6\"\n        >\n          <form.AppField name=\"title\">\n            {(field) => <field.TextField label=\"Title\" />}\n          </form.AppField>\n\n          <form.AppField name=\"description\">\n            {(field) => <field.TextArea label=\"Description\" />}\n          </form.AppField>\n\n          <div className=\"flex justify-end\">\n            <form.AppForm>\n              <form.SubscribeButton label=\"Submit\" />\n            </form.AppForm>\n          </div>\n        </form>\n      </section>\n    </main>\n  )\n}\n\n<% if (codeRouter) { %>\nexport default (parentRoute: RootRoute) => createRoute({\n  path: '/demo/form/simple',\n  component: SimpleForm,\n  getParentRoute: () => parentRoute,\n})\n<% } %>\n"
  },
  "deletedFiles": [],
  "smallLogo": "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 633 633\"><defs><linearGradient id=\"b\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"71.65%\"><stop offset=\"0%\" stop-color=\"#6BDAFF\"/><stop offset=\"31.922%\" stop-color=\"#F9FFB5\"/><stop offset=\"70.627%\" stop-color=\"#FFA770\"/><stop offset=\"100%\" stop-color=\"#FF7373\"/></linearGradient><linearGradient id=\"d\" x1=\"43.996%\" x2=\"53.441%\" y1=\"8.54%\" y2=\"93.872%\"><stop offset=\"0%\" stop-color=\"#673800\"/><stop offset=\"100%\" stop-color=\"#B65E00\"/></linearGradient><linearGradient id=\"e\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"f\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"g\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"h\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"i\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"j\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#2F8A00\"/><stop offset=\"100%\" stop-color=\"#90FF57\"/></linearGradient><linearGradient id=\"k\" x1=\"92.9%\" x2=\"8.641%\" y1=\"45.768%\" y2=\"54.892%\"><stop offset=\"0%\" stop-color=\"#EE2700\"/><stop offset=\"100%\" stop-color=\"#FF008E\"/></linearGradient><linearGradient id=\"l\" x1=\"61.109%\" x2=\"43.717%\" y1=\"3.633%\" y2=\"43.072%\"><stop offset=\"0%\" stop-color=\"#FFF400\"/><stop offset=\"100%\" stop-color=\"#3C8700\"/></linearGradient><linearGradient id=\"m\" x1=\"50%\" x2=\"50%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFDF00\"/><stop offset=\"100%\" stop-color=\"#FF9D00\"/></linearGradient><linearGradient id=\"n\" x1=\"127.279%\" x2=\"0%\" y1=\"49.778%\" y2=\"50.222%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"o\" x1=\"127.279%\" x2=\"0%\" y1=\"47.531%\" y2=\"52.469%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"p\" x1=\"127.279%\" x2=\"0%\" y1=\"46.195%\" y2=\"53.805%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"q\" x1=\"127.279%\" x2=\"0%\" y1=\"35.33%\" y2=\"64.67%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"r\" x1=\"127.279%\" x2=\"0%\" y1=\"4.875%\" y2=\"95.125%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"s\" x1=\"78.334%\" x2=\"31.668%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"t\" x1=\"57.913%\" x2=\"44.88%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><linearGradient id=\"u\" x1=\"50.495%\" x2=\"49.68%\" y1=\"0%\" y2=\"100%\"><stop offset=\"0%\" stop-color=\"#FFA400\"/><stop offset=\"100%\" stop-color=\"#FF5E00\"/></linearGradient><circle id=\"a\" cx=\"308.5\" cy=\"308.5\" r=\"308.5\"/><circle id=\"v\" cx=\"307.5\" cy=\"308.5\" r=\"316.5\"/></defs><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(9 8)\"><mask id=\"c\" fill=\"#fff\"><use xlink:href=\"#a\"/></mask><use xlink:href=\"#a\" fill=\"url(#b)\"/><ellipse cx=\"81.5\" cy=\"602.5\" fill=\"#015064\" stroke=\"#00CFE2\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"535.5\" cy=\"602.5\" fill=\"#015064\" stroke=\"#00CFE2\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"81.5\" cy=\"640.5\" fill=\"#015064\" stroke=\"#00A8B8\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"535.5\" cy=\"640.5\" fill=\"#015064\" stroke=\"#00A8B8\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"81.5\" cy=\"676.5\" fill=\"#015064\" stroke=\"#007782\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><ellipse cx=\"535.5\" cy=\"676.5\" fill=\"#015064\" stroke=\"#007782\" stroke-width=\"25\" mask=\"url(#c)\" rx=\"214.5\" ry=\"185.968\"/><g mask=\"url(#c)\"><path fill=\"url(#d)\" stroke=\"#6E3A00\" stroke-width=\"6.088\" d=\"M98.318 88.007c7.691 37.104 16.643 72.442 26.856 106.013 10.212 33.571 25.57 68.934 46.07 106.088l-51.903 11.67c-10.057-60.01-17.232-99.172-21.525-117.487-4.293-18.315-10.989-51.434-20.089-99.357l20.591-6.927\" transform=\"scale(-1 1) rotate(25 -300.37 -553.013)\"/><g stroke=\"#2F8A00\"><path fill=\"url(#e)\" stroke-width=\"9.343\" d=\"M108.544 66.538s-13.54-21.305-37.417-27.785c-15.917-4.321-33.933.31-54.048 13.892C33.464 65.975 47.24 73.52 58.405 75.28c16.749 2.64 50.14-8.74 50.14-8.74Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#f)\" stroke-width=\"9.343\" d=\"M108.544 67.138s-47.187-5.997-81.077 19.936C4.873 104.362-3.782 137.794 1.502 187.369c28.42-29.22 48.758-50.836 61.016-64.846 18.387-21.016 46.026-55.385 46.026-55.385Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#g)\" stroke-width=\"9.343\" d=\"M108.544 66.538c-1.96-21.705 3.98-38.018 17.82-48.94C140.203 6.674 154.85.808 170.303 0c-4.865 21.527-12.373 36.314-22.524 44.361-10.151 8.048-23.23 15.44-39.236 22.177Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#h)\" stroke-width=\"9.343\" d=\"M108.544 67.138c29.838-31.486 61.061-42.776 93.669-33.869C234.82 42.176 253.749 60.785 259 89.096c-34.898-3.657-59.974-6.343-75.228-8.058-15.254-1.716-40.33-6.349-75.228-13.9Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#i)\" stroke-width=\"9.343\" d=\"M108.544 67.138c34.868-9.381 64.503-3.658 88.905 17.17 24.402 20.829 39.656 46.686 45.762 77.571-39.626-7.574-68.4-20.115-86.322-37.624a395.051 395.051 0 0 1-48.345-57.117Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path fill=\"url(#j)\" stroke-width=\"9.343\" d=\"M108.544 67.138C76.206 82.6 57.608 105.366 52.75 135.436c-4.858 30.07-.292 62.89 13.698 98.462 24.873-41.418 38.905-71.368 42.096-89.849 3.191-18.48 3.191-44.118 0-76.91Z\" transform=\"rotate(1 -6061.691 5926.397)\"/><path stroke-linecap=\"round\" stroke-width=\"5.91\" d=\"M211.284 173.477c-13.851 21.992-23.291 42.022-28.32 60.093-5.03 18.071-8.175 33.143-9.436 45.216\"/><path stroke-linecap=\"round\" stroke-width=\"5.91\" d=\"M209.814 176.884c-23.982 2.565-42.792 10.469-56.428 23.714-13.639 13.245-23.483 26.136-29.536 38.674M219.045 167.299c29.028-7.723 50.972-10.173 65.831-7.352 14.859 2.822 26.807 7.659 35.842 14.51M211.31 172.618c20.29 9.106 38.353 19.052 54.186 29.837 15.833 10.786 27.714 20.99 35.643 30.617\"/></g><path stroke=\"#830305\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"6.937\" d=\"m409.379 398.157-23.176 18.556M328.04 375.516l-22.313 28.398M312.904 353.698l53.18 59.816\"/><path fill=\"url(#k)\" d=\"M67.585 27.463H5.68C1.893 28.148 0 30.38 0 34.16c0 3.78 1.893 6.211 5.68 7.293h67.17l41.751-30.356c2.488-2.646 2.794-5.315.92-8.006s-4.6-3.626-8.177-2.803l-39.76 27.174Z\" transform=\"scale(-1 1) rotate(-9 2092.128 2856.854)\"/><path fill=\"#D8D8D8\" stroke=\"#FFF\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"4.414\" d=\"m402.861 391.51.471-4.088M382.21 388.752l.472-4.087M361.546 385.404l.485-3.845M337.59 371.883l2.56-2.498M324.276 359.567l2.56-2.497\"/></g><ellipse cx=\"308.5\" cy=\"720.5\" fill=\"url(#l)\" mask=\"url(#c)\" rx=\"266\" ry=\"316.5\"/><ellipse cx=\"308.5\" cy=\"720.5\" stroke=\"#6DA300\" stroke-opacity=\".502\" stroke-width=\"26\" mask=\"url(#c)\" rx=\"253\" ry=\"303.5\"/><g mask=\"url(#c)\"><g transform=\"translate(389 -32)\"><circle cx=\"168.5\" cy=\"113.5\" r=\"113.5\" fill=\"url(#m)\"/><circle cx=\"168.5\" cy=\"113.5\" r=\"106\" stroke=\"#FFC900\" stroke-opacity=\".529\" stroke-width=\"15\"/><path stroke=\"url(#n)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"M30 113H0\"/><path stroke=\"url(#o)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"M33.5 79.5 7 74\"/><path stroke=\"url(#p)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m34 146-29 8\"/><path stroke=\"url(#q)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m45 177-24 13\"/><path stroke=\"url(#r)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m67 204-20 19\"/><path stroke=\"url(#s)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m94.373 227-13.834 22.847\"/><path stroke=\"url(#t)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"M127.5 243.5 120 268\"/><path stroke=\"url(#u)\" stroke-linecap=\"round\" stroke-linejoin=\"bevel\" stroke-width=\"12\" d=\"m167.5 252.5.5 24.5\"/></g></g><circle cx=\"307.5\" cy=\"308.5\" r=\"304\" stroke=\"#000\" stroke-width=\"25\"/></g></svg>"
} satisfies AddOnCompiled