{"version":3,"sources":["../src/components/Dialog/DialogSurface/DialogSurface.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDialogSurface } from './useDialogSurface';\nimport { renderDialogSurface } from './renderDialogSurface';\nimport type { DialogSurfaceProps } from './DialogSurface.types';\n\n/**\n * `DialogSurface` renders the native HTML `<dialog>` element.\n *\n * Place it as a direct child of `Dialog` (alongside an optional `DialogTrigger`).\n * It manages open/close via `showModal()` / `showPopover()` / `close()` imperatively,\n * keeping the native element in sync with the controlled `open` prop.\n *\n * The native `::backdrop` pseudo-element provides the modal backdrop.\n * Focus is trapped automatically when the dialog is opened as modal.\n */\nexport const DialogSurface: ForwardRefComponent<DialogSurfaceProps> = React.forwardRef((props, ref) => {\n  const state = useDialogSurface(props, ref);\n  return renderDialogSurface(state);\n});\n\nDialogSurface.displayName = 'DialogSurface';\n"],"names":["DialogSurface","React","forwardRef","props","ref","state","useDialogSurface","renderDialogSurface","displayName"],"mappings":"AAAA;;;;;+BAkBaA;;;eAAAA;;;;iEAhBU;kCAEU;qCACG;AAa7B,MAAMA,8BAAyDC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IAC7F,MAAMC,QAAQC,IAAAA,kCAAgB,EAACH,OAAOC;IACtC,OAAOG,IAAAA,wCAAmB,EAACF;AAC7B;AAEAL,cAAcQ,WAAW,GAAG"}