{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/media-gallery-section",
  "version": "1.0.0",
  "title": "Media Gallery Section",
  "category": "bPlugins",
  "description": "A lightbox-enabled image gallery with five layouts, category filter pills, and responsive columns.",
  "keywords": [
    "gallery",
    "media",
    "images",
    "lightbox",
    "masonry",
    "filter",
    "portfolio",
    "photos",
    "section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "themeStyle": {
      "type": "object",
      "default": {
        "theme": "style-1"
      }
    },
    "content": {
      "type": "object",
      "default": {
        "badgeText": "Our Gallery",
        "title": "A Look Inside Our World",
        "subtitle": "Browse our work, events, and behind-the-scenes moments captured over the years."
      }
    },
    "elements": {
      "type": "object",
      "default": {
        "isBadge": true,
        "isTitle": true,
        "isSubtitle": true,
        "showFilter": true,
        "enableLightbox": true,
        "lightboxShowCaption": true,
        "lightboxNavigation": true
      }
    },
    "images": {
      "type": "array",
      "default": [
        {
          "id": "img-1",
          "mediaId": 0,
          "url": "",
          "alt": "Gallery image 1",
          "caption": "Creative workspace",
          "category": "Design",
          "imageLink": ""
        },
        {
          "id": "img-2",
          "mediaId": 0,
          "url": "",
          "alt": "Gallery image 2",
          "caption": "Team meeting",
          "category": "Photography",
          "imageLink": ""
        },
        {
          "id": "img-3",
          "mediaId": 0,
          "url": "",
          "alt": "Gallery image 3",
          "caption": "App interface",
          "category": "Development",
          "imageLink": ""
        },
        {
          "id": "img-4",
          "mediaId": 0,
          "url": "",
          "alt": "Gallery image 4",
          "caption": "Brand shoot",
          "category": "Design",
          "imageLink": ""
        },
        {
          "id": "img-5",
          "mediaId": 0,
          "url": "",
          "alt": "Gallery image 5",
          "caption": "Product launch event",
          "category": "Photography",
          "imageLink": ""
        },
        {
          "id": "img-6",
          "mediaId": 0,
          "url": "",
          "alt": "Gallery image 6",
          "caption": "Code review session",
          "category": "Development",
          "imageLink": ""
        }
      ]
    },
    "categories": {
      "type": "array",
      "default": [
        "All",
        "Design",
        "Photography",
        "Development"
      ]
    },
    "layout": {
      "type": "object",
      "default": {
        "columns": {
          "desktop": 3,
          "tablet": 2,
          "mobile": 1
        },
        "gap": "16px",
        "contentAlign": "center",
        "maxWidth": "1200px"
      }
    },
    "titleStyle": {
      "type": "object",
      "default": {
        "color": "#111827",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 700,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 42,
            "tablet": 34,
            "mobile": 28
          },
          "lineHeight": "1.2"
        }
      }
    },
    "subtitleStyle": {
      "type": "object",
      "default": {
        "color": "#6b7280",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 18,
            "tablet": 16,
            "mobile": 15
          },
          "lineHeight": "1.65"
        }
      }
    },
    "badgeStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "#ede9fe",
        "textColor": "#6366f1",
        "borderRadius": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 13
          }
        }
      }
    },
    "filterStyle": {
      "type": "object",
      "default": {
        "activeBg": "#6366f1",
        "activeText": "#ffffff",
        "inactiveBg": "#f3f4f6",
        "inactiveText": "#374151",
        "borderRadius": "20px",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 600,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 13,
            "tablet": 13,
            "mobile": 12
          }
        }
      }
    },
    "captionStyle": {
      "type": "object",
      "default": {
        "color": "#ffffff",
        "typo": {
          "fontCategory": "sans-serif",
          "fontFamily": "Default",
          "fontWeight": 400,
          "isUploadFont": true,
          "fontSize": {
            "desktop": 14,
            "tablet": 13,
            "mobile": 13
          }
        }
      }
    },
    "overlayStyle": {
      "type": "object",
      "default": {
        "backgroundColor": "rgba(0,0,0,0.5)",
        "lightboxBg": "rgba(0,0,0,0.92)"
      }
    },
    "accentColor": {
      "type": "object",
      "default": {
        "color": "#6366f1"
      }
    },
    "wrapper": {
      "type": "object",
      "default": {
        "bg": {
          "type": "solid",
          "color": "#ffffff",
          "gradient": "linear-gradient(135deg,#f0f4ff 0%,#faf5ff 100%)",
          "overlayColor": "rgba(0,0,0,0)",
          "image": {
            "url": ""
          },
          "position": "center center",
          "repeat": "no-repeat",
          "size": "cover"
        },
        "padding": {
          "desktop": {
            "top": "80px",
            "right": "24px",
            "bottom": "80px",
            "left": "24px"
          },
          "tablet": {
            "top": "60px",
            "right": "20px",
            "bottom": "60px",
            "left": "20px"
          },
          "mobile": {
            "top": "48px",
            "right": "16px",
            "bottom": "48px",
            "left": "16px"
          }
        }
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}