{
  "name": "aperture-transition",
  "type": "registry:component",
  "title": "Aperture Transition",
  "description": "The whole screen scales down toward its center, then the incoming page reveals bottom-to-top via clip-path on the held-down page before growing back to fill the screen",
  "dependencies": [
    "gsap",
    "next-transition-router"
  ],
  "registryDependencies": [],
  "exportName": "ApertureTransition",
  "exportKind": "default",
  "tier": "pro",
  "version": "1.0.0",
  "changelog": [
    {
      "version": "1.0.0",
      "date": "2026-08-06",
      "summary": "Initial release",
      "breaking": false
    }
  ],
  "props": [
    {
      "name": "scale",
      "type": "number",
      "default": 0.82,
      "description": "Amount the whole screen shrinks toward its center during the leave phase.",
      "remixer": {
        "control": "range",
        "group": "motion",
        "groupTitle": "Motion",
        "min": 0.5,
        "max": 0.98,
        "step": 0.01
      }
    },
    {
      "name": "duration",
      "type": "number",
      "default": 0.6,
      "description": "Duration of the leave shrink and reveal/expand phases.",
      "remixer": {
        "control": "range",
        "group": "motion",
        "groupTitle": "Motion",
        "min": 0.2,
        "max": 2,
        "step": 0.05
      }
    },
    {
      "name": "revealDirection",
      "type": "string",
      "default": "bottom",
      "description": "Edge the incoming page's aperture reveal expands from.",
      "remixer": {
        "control": "select",
        "group": "motion",
        "groupTitle": "Motion",
        "options": [
          {
            "value": "bottom",
            "label": "Bottom"
          },
          {
            "value": "top",
            "label": "Top"
          }
        ]
      }
    }
  ],
  "remixer": {
    "enabled": true,
    "defaultOpenGroupId": "motion",
    "layout": {
      "buttonClassName": "right-4! top-25!",
      "panelClassName": "right-0! top-[132px]! h-[calc(100%-132px)]! w-[344px]!"
    },
    "copyCode": {
      "includeOnlyPublicProps": true
    }
  },
  "files": [
    {
      "path": "index.tsx",
      "type": "registry:component",
      "target": "src/components/effects/aperture-transition/index.tsx"
    }
  ]
}