dialog

{
  "name": "dialog",
  "type": "ui-component",
  "metadata": {
    "level": 1,
    "description": "Native <dialog> element wrapped as a design-system custom element — showModal() delivers the modal state machine (focus trap, Escape to close, inert background, return-focus) via the browser platform, not scratch-built ARIA. Props: open, label|labelledBy, describedBy. Events: dsOpen, dsClose.",
    "author": "neo",
    "version": "1.0.0",
    "created_at": "2026-08-26",
    "dependencies": [],
    "translations": {
      "es": {
        "description": "Elemento <dialog> nativo envuelto como custom element del design system — showModal() entrega la máquina de estado modal (focus trap, Escape para cerrar, background inerte, return-focus) vía la plataforma del navegador, sin ARIA scratch. Props: open, label|labelledBy, describedBy. Eventos: dsOpen, dsClose."
      }
    }
  },
  "spec": {
    "tech": "stencil",
    "tag": "ds-dialog",
    "tokens_used": [
      "spacing.xl",
      "radius.md"
    ]
  }
}