{
  "$schema": "../../schemas/component-contract.schema.json",
  "name": "image",
  "category": "data-display",
  "status": "stable",
  "kind": "custom-element",
  "tagName": "blora-image",
  "since": "2.0.0",
  "requiresJavaScript": true,
  "formAssociated": false,
  "attributes": {
    "src": {
      "type": "string"
    },
    "alt": {
      "type": "string",
      "default": ""
    },
    "caption": {
      "type": "string"
    },
    "variant": {
      "type": "\"default\" | \"hover\" | \"frame\" | \"preview\"",
      "default": "default"
    },
    "filter": {
      "type": "\"none\" | \"muted\" | \"monochrome\"",
      "default": "none"
    },
    "preview": {
      "type": "boolean",
      "default": false
    },
    "preview-group": {
      "type": "string"
    }
  },
  "properties": {},
  "methods": {
    "open": {
      "signature": "() => void"
    },
    "close": {
      "signature": "() => void"
    }
  },
  "events": {},
  "classes": {
    "blora-image": "Root figure container.",
    "blora-image__cap": "Caption overlay at bottom."
  },
  "slots": {
    "default": "No child structure; src, alt and caption attributes generate the official figure."
  },
  "parts": [],
  "cssProperties": ["--blora-image-ratio"],
  "accessibilityPattern": "figure"
}