4d: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 4e: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/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.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"] 4f:T1220,"use client"; import { Button } from "@/registry/default/ui/oui-button"; import { Checkbox } from "@/registry/default/ui/oui-checkbox"; import { CheckboxGroup } from "@/registry/default/ui/oui-checkbox-group"; import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSet, FieldTitle, } from "@/registry/default/ui/oui-field"; import { Input } from "@/registry/default/ui/oui-input"; import { ListBoxItem } from "@/registry/default/ui/oui-list-box"; import { Popover } from "@/registry/default/ui/oui-popover"; import { Radio, RadioGroup } from "@/registry/default/ui/oui-radio-group"; import { Select, SelectButton, SelectValue, } from "@/registry/default/ui/oui-select"; import { Switch } from "@/registry/default/ui/oui-switch"; import { TextArea } from "@/registry/default/ui/oui-text-area"; import { TextField } from "@/registry/default/ui/oui-text-field"; import * as Rac from "react-aria-components"; export default function Component() { return ( Username This is your public display name. Bio

<FieldDescription>
            You can @mention other users and organizations.
          </FieldDescription>
          <FieldError />
        </TextField>
        <RadioGroup name="type">
          <FieldLabel>Notify me about...</FieldLabel>
          <Radio value="all">All new messages</Radio>
          <Radio value="mentions">Direct messages and mentions</Radio>
          <Radio value="none">Nothing</Radio>
        </RadioGroup>
        <Checkbox name="mobile">
          <FieldContent>
            <FieldTitle>
              Use different settings for my mobile devices
            </FieldTitle>
            <FieldDescription>
              You can manage your mobile notifications in the mobile settings
              page.
            </FieldDescription>
          </FieldContent>
        </Checkbox>
        <CheckboxGroup defaultValue={["recents", "home"]}>
          <FieldLabel className="text-base">Sidebar</FieldLabel>
          <FieldDescription>
            Select the items you want to show in the sidebar.
          </FieldDescription>
          <Checkbox value="recents">Recents</Checkbox>
          <Checkbox value="home">Home</Checkbox>
          <Checkbox value="applications">Applications</Checkbox>
          <Checkbox value="desktop">Desktop</Checkbox>
          <Checkbox value="downloads">Downloads</Checkbox>
          <Checkbox value="documents">Documents</Checkbox>
        </CheckboxGroup>
        <FieldSet>
          <FieldLegend>Email Notifications</FieldLegend>
          <FieldGroup>
            <Switch defaultSelected className="flex-row-reverse">
              <FieldContent>
                <FieldTitle>Marketing emails</FieldTitle>
                <FieldDescription>
                  Receive emails about new products, features, and more.
                </FieldDescription>
              </FieldContent>
            </Switch>
            <Switch isDisabled className="flex-row-reverse">
              <FieldContent>
                <FieldTitle>Security emails</FieldTitle>
                <FieldDescription>
                  Receive emails about your account security.
                </FieldDescription>
              </FieldContent>
            </Switch>
          </FieldGroup>
        </FieldSet>
        <Field orientation="horizontal">
          <Button type="submit">Submit</Button>
          <Button variant="outline" type="button">
            Cancel
          </Button>
        </Field>
      </FieldGroup>
    </Rac.Form>
  );
}
4c:["$","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":[null,["$","$L4d",null,{"namespace":"@oui","registryDependencies":["@oui/oui-button","@oui/oui-checkbox-group","@oui/oui-checkbox","@oui/oui-field","@oui/oui-list-box","@oui/oui-popover","@oui/oui-radio-group","@oui/oui-select","@oui/oui-switch","@oui/oui-text-area","@oui/oui-text-field"]}]]}],null]}],["$","$L4e",null,{"files":[{"path":"registry/default/components/oui-form-demo.tsx","content":"$4f","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]
</article></body></html>