import{a,j as e}from"./jsx-runtime-5BUNAZ9W.js";import{B as i}from"./button-N5G3CLUW.js";import{D as m,a as g,b as c,c as d,d as p,e as u,f as h,g as D,h as v}from"./dialog-CdWPslXr.js";import{I as o}from"./input-O26Mb9q6.js";import{L as t}from"./label-y8FHTf1c.js";import"./index-4g5l5LRQ.js";import"./_commonjsHelpers-4gQjN7DL.js";import"./cn-466VSCev.js";import"./index-dNGI4_9C.js";import"./extends-dGVwEr9R.js";import"./index-polp_dyw.js";import"./createLucideIcon-SOGh5HrW.js";import"./index-qX7SgqCB.js";import"./index-VfKohXEB.js";import"./index-zaNpaTzt.js";import"./index-pbeB-vsG.js";import"./index-tktZLsKA.js";import"./index-gUvWXRra.js";import"./index-gxNcLOY3.js";import"./index-nyvS1vus.js";import"./index-TrPPXL0M.js";import"./index-VGGqXfCL.js";import"./index-rFlDZKmw.js";import"./index-r79zT-RW.js";import"./x-ibAhgmcn.js";const J={title:"ui/Dialog",component:m,tags:["autodocs"],argTypes:{}},r={render:N=>a(m,{children:[e(g,{asChild:!0,children:e(i,{variant:"outline",children:"Edit Profile"})}),a(c,{children:[e(d,{}),a(p,{className:"sm:max-w-[425px]",children:[a(u,{children:[e(h,{children:"Edit profile"}),e(D,{children:"Make changes to your profile here. Click save when you're done."})]}),a("div",{className:"grid gap-4 py-4",children:[a("div",{className:"grid grid-cols-4 items-center gap-4",children:[e(t,{htmlFor:"name",className:"text-right",children:"Name"}),e(o,{id:"name",value:"Pedro Duarte",className:"col-span-3"})]}),a("div",{className:"grid grid-cols-4 items-center gap-4",children:[e(t,{htmlFor:"username",className:"text-right",children:"Username"}),e(o,{id:"username",value:"@peduarte",className:"col-span-3"})]})]}),e(v,{children:e(i,{type:"submit",children:"Save changes"})})]})]})]}),args:{}};var n,s,l;r.parameters={...r.parameters,docs:{...(n=r.parameters)==null?void 0:n.docs,source:{originalSource:`{
  render: args => <Dialog>
      <DialogTrigger asChild>
        <Button variant="outline">Edit Profile</Button>
      </DialogTrigger>
      <DialogPortal>
        <DialogOverlay />
        <DialogContent className="sm:max-w-[425px]">
          <DialogHeader>
            <DialogTitle>Edit profile</DialogTitle>
            <DialogDescription>
              Make changes to your profile here. Click save when you&apos;re
              done.
            </DialogDescription>
          </DialogHeader>
          <div className="grid gap-4 py-4">
            <div className="grid grid-cols-4 items-center gap-4">
              <Label htmlFor="name" className="text-right">
                Name
              </Label>
              <Input id="name" value="Pedro Duarte" className="col-span-3" />
            </div>
            <div className="grid grid-cols-4 items-center gap-4">
              <Label htmlFor="username" className="text-right">
                Username
              </Label>
              <Input id="username" value="@peduarte" className="col-span-3" />
            </div>
          </div>
          <DialogFooter>
            <Button type="submit">Save changes</Button>
          </DialogFooter>
        </DialogContent>
      </DialogPortal>
    </Dialog>,
  args: {}
}`,...(l=(s=r.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};const K=["Base"];export{r as Base,K as __namedExportsOrder,J as default};
