62:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 63:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 64:T2655,import { MailIcon } from 'lucide-react' import { Button } from '@/registry/new-york/ui/button' import { Checkbox } from '@/registry/new-york/ui/checkbox' import { Field, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSet } from '@/registry/new-york/ui/field' import { Input } from '@/registry/new-york/ui/input' import { InputGroup, InputGroupAddon, InputGroupInput } from '@/registry/new-york/ui/input-group' import { RadioGroup, RadioGroupItem } from '@/registry/new-york/ui/radio-group' import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from '@/registry/new-york/ui/select' import { Separator } from '@/registry/new-york/ui/separator' import { Textarea } from '@/registry/new-york/ui/textarea' const FormLayout = () => { return (

{/* Personal Information */}

Personal Information Enter your contact details and address information.

First Name Your legal first name Last Name Your legal last name Email Address Email We'll never share your email with anyone else Mobile Include country code for international numbers Pincode 5-digit postal code Address Street address with apartment or suite number Landmark Optional nearby landmark for easier location City State

{/* Workspace Setting */}

Workspace Settings Configure your workspace preferences and visibility options.

Workspace Name Choose a unique name for your workspace Visibility Control who can access your workspace Workspace Description

<FieldDescription className='text-xs'>
              This description is for internal use and won't be displayed publicly.
            </FieldDescription>
          </Field>
        </FieldGroup>
      </FieldSet>

{/* Notification Setting */}
      <FieldSet className='grid grid-cols-1 gap-10 md:grid-cols-3'>
        <div>
          <FieldLegend className='mb-1.5 font-semibold'>Notification Settings</FieldLegend>
          <FieldDescription>Choose how you want to receive notifications and updates.</FieldDescription>
        </div>

<div className='grid grid-cols-1 gap-6 md:col-span-2 lg:grid-cols-2'>
          <FieldSet className='gap-4'>
            <FieldLegend className='mb-1.5' variant='legend'>
              Email Notifications
            </FieldLegend>
            <FieldDescription>Select which emails you'd like to receive.</FieldDescription>
            <FieldGroup className='gap-2'>
              <Field orientation='horizontal' className='items-center'>
                <Checkbox id='marketing' />
                <FieldLabel htmlFor='marketing' className='font-normal'>
                  Marketing and promotional emails
                </FieldLabel>
              </Field>
              <Field orientation='horizontal' className='items-center'>
                <Checkbox id='updates' defaultChecked />
                <FieldLabel htmlFor='updates' className='font-normal'>
                  Product updates and announcements
                </FieldLabel>
              </Field>
              <Field orientation='horizontal'>
                <Checkbox id='security' defaultChecked />
                <FieldLabel htmlFor='security' className='font-normal'>
                  Security alerts and notifications
                </FieldLabel>
              </Field>
              <Field orientation='horizontal' className='items-center'>
                <Checkbox id='digest' />
                <FieldLabel htmlFor='digest' className='font-normal'>
                  Weekly digest of activity
                </FieldLabel>
              </Field>
            </FieldGroup>
          </FieldSet>

<FieldSet className='gap-4'>
            <FieldLegend className='mb-1.5' variant='legend'>
              Notification Frequency
            </FieldLegend>
            <FieldDescription>How often would you like to receive notifications?</FieldDescription>
            <RadioGroup defaultValue='realtime'>
              <FieldGroup className='gap-2'>
                <Field orientation='horizontal'>
                  <RadioGroupItem value='realtime' id='realtime' />
                  <FieldLabel htmlFor='realtime' className='font-normal'>
                    Real-time notifications
                  </FieldLabel>
                </Field>
                <Field orientation='horizontal'>
                  <RadioGroupItem value='daily' id='daily' />
                  <FieldLabel htmlFor='daily' className='font-normal'>
                    Daily digest
                  </FieldLabel>
                </Field>
                <Field orientation='horizontal'>
                  <RadioGroupItem value='weekly' id='weekly' />
                  <FieldLabel htmlFor='weekly' className='font-normal'>
                    Weekly digest
                  </FieldLabel>
                </Field>
                <Field orientation='horizontal'>
                  <RadioGroupItem value='never' id='never' />
                  <FieldLabel htmlFor='never' className='font-normal'>
                    Never
                  </FieldLabel>
                </Field>
              </FieldGroup>
            </RadioGroup>
          </FieldSet>
        </div>
      </FieldSet>

<div className='flex justify-end gap-3'>
        <Button type='button' variant='outline' className='w-full sm:w-auto'>
          Cancel
        </Button>
        <Button type='submit' className='w-full sm:w-auto'>
          Save Changes
        </Button>
      </div>
    </form>
  )
}

export default FormLayout
61:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L62",null,{"namespace":"@registrydirectory","registryDependencies":["button","checkbox","input","input-group","field","radio-group","select","separator","textarea"]}]]}],null]}],["$","$L63",null,{"files":[{"path":"src/registry/new-york/blocks/dashboard-and-application/form-layout/form-layout-02/page.tsx","content":"import FormLayout from '@/registry/new-york/components/blocks/form-layout-02/form-layout-02'\n\nconst FormLayoutPage = () => {\n  return (\n    <div className='py-8 sm:py-16 lg:py-24'>\n      <div className='mx-auto max-w-7xl px-4 sm:px-6 lg:px-8'>\n        <FormLayout />\n      </div>\n    </div>\n  )\n}\n\nexport default FormLayoutPage\n","type":"registry:page","target":"app/form-layout-02/page.tsx"},{"path":"src/registry/new-york/components/blocks/form-layout-02/form-layout-02.tsx","content":"$64","type":"registry:component","target":"components/shadcn-studio/blocks/form-layout-02/form-layout-02.tsx"}],"className":"h-[70svh] min-h-80"}]]}]
</article></body></html>