{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "bpsc/filterable-showcase-section",
  "version": "1.0.0",
  "title": "Filterable Showcase Section",
  "category": "bPlugins",
  "description": "A WordPress plugin that lets you create a dynamic, filterable showcase section to display and sort content like portfolios, products, or posts by category or tags.",
  "keywords": [
    "Filterable Showcase Section"
  ],
  "textdomain": "section-collection",
  "attributes": {
    "data": {
      "type": "array",
      "default": [
        {
          "title": "Portfolio Website",
          "description": "Modern personal portfolio with smooth animations and responsive layout.",
          "category": "web",
          "image": "https://picsum.photos/400/300?1",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Mobile App UI",
          "description": "Clean mobile UI design focused on user experience and usability.",
          "category": "app",
          "image": "https://picsum.photos/400/300?2",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Landing Page",
          "description": "High-converting landing page for startups and digital products.",
          "category": "web",
          "image": "https://picsum.photos/400/300?3",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Dashboard Design",
          "description": "Analytics dashboard with modern charts and clean data display.",
          "category": "design",
          "image": "https://picsum.photos/400/300?4",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Ecommerce UI",
          "description": "Elegant product showcase with modern shopping experience.",
          "category": "design",
          "image": "https://picsum.photos/400/300?5",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Chat App",
          "description": "Real-time messaging app with smooth and fast interactions.",
          "category": "app",
          "image": "https://picsum.photos/400/300?6",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Admin Panel",
          "description": "Powerful dashboard for managing users, content, and analytics.",
          "category": "web",
          "image": "https://picsum.photos/400/300?7",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Brand Design",
          "description": "Creative branding system with logo and identity design.",
          "category": "design",
          "image": "https://picsum.photos/400/300?8",
          "btn": {
            "text": "View",
            "link": "#"
          }
        },
        {
          "title": "Fitness App",
          "description": "Health tracking app with progress insights and modern UI.",
          "category": "app",
          "image": "https://picsum.photos/400/300?9",
          "btn": {
            "text": "View",
            "link": "#"
          }
        }
      ]
    },
    "layout": {
      "type": "object",
      "default": {
        "section": {
          "margin": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          },
          "padding": {
            "desktop": {
              "top": "50px",
              "right": "20px",
              "bottom": "50px",
              "left": "20px"
            },
            "tablet": {
              "top": "50px",
              "right": "20px",
              "bottom": "50px",
              "left": "20px"
            },
            "mobile": {
              "top": "50px",
              "right": "20px",
              "bottom": "50px",
              "left": "20px"
            }
          },
          "minHeight": {
            "desktop": "100vh",
            "tablet": "100vh",
            "mobile": "100vh"
          }
        },
        "container": {
          "minHeight": {
            "desktop": "300px",
            "tablet": "300px",
            "mobile": "300px"
          },
          "maxWidth": "1200px",
          "cardWidth": {
            "desktop": "300px",
            "tablet": "260px",
            "mobile": "260px"
          },
          "columns": {
            "desktop": 3,
            "tablet": 2,
            "mobile": 1
          },
          "borderRadius": {
            "top": "14px",
            "right": "14px",
            "bottom": "14px",
            "left": "14px"
          }
        }
      }
    },
    "styles": {
      "type": "object",
      "default": {
        "section": {
          "bg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "#0f172a",
            "gradient": "linear-gradient(135deg, #0f172a, #020617)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "title": {
            "color": "#fff",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 34,
                "tablet": 32,
                "mobile": 28
              },
              "fontVariant": 400,
              "fontWeight": 900,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#edededcc",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 16,
                "tablet": 16,
                "mobile": 16
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "catBtn": {
            "actColors": {
              "color": "#fff",
              "bg": "#6366f1"
            },
            "norColors": {
              "color": "#cbd5f5",
              "bg": "#1e293b"
            },
            "hovColors": {
              "color": "#fff",
              "bg": "#6366f1"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "searchFild": {
            "colors": {
              "color": "#fff",
              "bg": "#1e293b;"
            },
            "placeholderColor": "#edededcc",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        },
        "card": {
          "bg": {
            "type": "solid",
            "overlayColor": "rgba(0, 0, 0, 0)",
            "position": "center center",
            "image": {
              "url": ""
            },
            "color": "#1e293b",
            "gradient": "linear-gradient(145deg, #eef2f9 0%, #e0e7f0 100%)",
            "repeat": "no-repeat",
            "size": "cover"
          },
          "category": {
            "color": "#38bdf8",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 11,
                "tablet": 11,
                "mobile": 11
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "title": {
            "color": "#fff",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 18,
                "tablet": 18,
                "mobile": 18
              },
              "fontVariant": 400,
              "fontWeight": 600,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "description": {
            "color": "#edededcc",
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          },
          "btn": {
            "colors": {
              "color": "#fff",
              "bg": "#6366f1"
            },
            "hovColors": {
              "color": "#fff",
              "bg": "#6366f1"
            },
            "typo": {
              "fontCategory": "sans-serif",
              "fontFamily": "Default",
              "fontSize": {
                "desktop": 14,
                "tablet": 14,
                "mobile": 14
              },
              "fontVariant": 400,
              "fontWeight": 400,
              "isUploadFont": true,
              "lineHeight": 0,
              "textDecoration": "",
              "textTransform": "none"
            }
          }
        }
      }
    },
    "sectionHeading": {
      "type": "object",
      "default": {
        "status": true,
        "title": "Creative Showcase",
        "description": "Explore modern projects with smart filtering, clean UI, and smooth interactions — designed to present your work in a professional and engaging way."
      }
    },
    "options": {
      "type": "string",
      "default": "center"
    },
    "align": {
      "type": "string",
      "default": "full"
    },
    "alignment": {
      "type": "string",
      "default": "center"
    },
    "purposeType": {
      "type": "string",
      "default": "test"
    },
    "colors": {
      "type": "object",
      "default": {
        "color": "black",
        "bg": "#B1C5A4"
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}