{"version":3,"sources":["../../../../src/components/Dialog/DialogSurface/DialogSurface.tsx"],"sourcesContent":["'use client';\n\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useDialogSurface } from './useDialogSurface';\nimport { renderDialogSurface } from './renderDialogSurface';\nimport type { DialogSurfaceProps } from './DialogSurface.types';\nimport { composeComponent } from '../../../utils/composeComponent';\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> = /*#__PURE__*/ composeComponent(\n  'DialogSurface',\n  useDialogSurface,\n  renderDialogSurface,\n);\n"],"names":["DialogSurface","composeComponent","useDialogSurface","renderDialogSurface"],"mappings":"AAAA;;;;;+BAkBaA;;;eAAAA;;;kCAfoB;qCACG;kCAEH;AAY1B,MAAMA,gBAAyD,WAAW,GAAGC,IAAAA,kCAAgB,EAClG,iBACAC,kCAAgB,EAChBC,wCAAmB"}