{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "primekit-blocks/animated-text",
  "version": "0.1.0",
  "title": "Animated Text",
  "category": "text",
  "description": "Animated headline with before and after text, supporting multiple animation styles.",
  "keywords": [
    "animated",
    "text",
    "headline"
  ],
  "attributes": {
    "beforeText": {
      "type": "string",
      "default": "PrimeKit Blocks is"
    },
    "afterText": {
      "type": "string",
      "default": ""
    },
    "animatedTextList": {
      "type": "array",
      "default": [
        "Awesome",
        "Creative",
        "Powerful",
        "Flexible"
      ],
      "items": {
        "type": "string"
      }
    },
    "headingTag": {
      "type": "string",
      "default": "h2"
    },
    "animationType": {
      "type": "string",
      "default": "rotate-1"
    },
    "beforeTextColor": {
      "type": "string",
      "default": ""
    },
    "animatedTextColor": {
      "type": "string",
      "default": ""
    },
    "afterTextColor": {
      "type": "string",
      "default": ""
    },
    "backgroundColor": {
      "type": "string",
      "default": ""
    },
    "style": {
      "type": "object"
    },
    "textAlign": {
      "type": "string",
      "default": "center"
    },
    "fontSize": {
      "type": "string"
    }
  },
  "supports": {
    "typography": {
      "fontSize": true,
      "lineHeight": true,
      "fontFamily": true,
      "appearance": true,
      "letterSpacing": true,
      "textTransform": true,
      "textDecoration": true
    },
    "spacing": {
      "padding": true,
      "margin": true,
      "blockGap": false
    }
  },
  "example": {
    "attributes": {
      "beforeText": "We are",
      "afterText": "rockstars!",
      "animatedTextList": [
        "fast",
        "fabulous"
      ],
      "headingTag": "h2",
      "animationType": "rotate-1"
    }
  },
  "textdomain": "primekit-blocks",
  "editorScript": "file:./index.js",
  "editorStyle": "file:./editor.scss",
  "script": "primekit-blocks-animated-text-script",
  "style": "file:./index.css",
  "viewScript": "primekit-blocks-animated-text-script",
  "icon": "format-aside"
}