{
  "name": "toast",
  "displayName": "Toast",
  "type": "custom",
  "isCustomElement": true,
  "tag": "l-toast",
  "nativeTag": null,
  "selector": "l-toast",
  "subItemOf": null,
  "summary": "A toast notification container that generates toast items internally.",
  "status": "stable",
  "appearances": [],
  "import": {
    "css": "luxen-ui/css/toast",
    "js": "luxen-ui/toast"
  },
  "properties": [
    {
      "name": "placement",
      "attribute": "placement",
      "type": "ToastPlacement",
      "default": "'top-end'",
      "reflects": true,
      "description": "Position of the toast stack on the screen."
    },
    {
      "name": "duration",
      "attribute": "duration",
      "type": "number",
      "default": "5000",
      "reflects": true,
      "description": "Default auto-dismiss delay in milliseconds. 0 disables auto-dismiss."
    },
    {
      "name": "variant",
      "attribute": "variant",
      "type": "ToastVariant | undefined",
      "default": null,
      "reflects": true,
      "description": "Default variant for toast items: `info`, `success`, `warning`, `danger`."
    }
  ],
  "attributes": [],
  "events": [
    {
      "name": "show",
      "description": "Emitted when a toast begins to show. Cancelable. Properties: `toast`.",
      "cancelable": true
    },
    {
      "name": "after-show",
      "description": "Emitted after the show animation completes. Not cancelable. Properties: `toast`.",
      "cancelable": false
    },
    {
      "name": "hide",
      "description": "Emitted when a toast begins to hide. Cancelable. Properties: `toast`.",
      "cancelable": true
    },
    {
      "name": "after-hide",
      "description": "Emitted after the hide animation completes and toast is removed. Properties: `toast`.",
      "cancelable": false
    }
  ],
  "methods": [
    {
      "name": "toast",
      "params": [
        {
          "name": "options",
          "type": "ToastOptions"
        }
      ],
      "returns": "HTMLElement",
      "description": "Create and show a toast notification."
    }
  ],
  "slots": [],
  "cssClasses": [
    {
      "name": ".l-toast-accent",
      "description": "The left accent bar, colored by variant."
    },
    {
      "name": ".l-toast-icon",
      "description": "The leading icon, colored by variant (replaces the accent bar)."
    },
    {
      "name": ".l-toast-content",
      "description": "The content column wrapping the heading and message."
    },
    {
      "name": ".l-toast-timer",
      "description": "The countdown progress bar (for timed toasts)."
    }
  ],
  "cssParts": [],
  "cssProperties": [
    {
      "name": "--gap",
      "default": null,
      "description": "Gap between stacked toast items."
    },
    {
      "name": "--width",
      "default": null,
      "description": "Width of the toast stack."
    },
    {
      "name": "--show-duration",
      "default": null,
      "description": "Duration of the show animation."
    },
    {
      "name": "--hide-duration",
      "default": null,
      "description": "Duration of the hide animation."
    }
  ],
  "commands": [],
  "examples": []
}