{
  "name": "expanding-navbar",
  "type": "registry:component",
  "title": "Expanding Navbar",
  "description": "Animated multi-column mega menu with GSAP timelines, square cursor indicators, and hover-fill link transitions.",
  "dependencies": [
    "gsap",
    "lucide-react"
  ],
  "registryDependencies": [],
  "exportName": "ExpandingNavbar",
  "exportKind": "default",
  "tier": "pro",
  "version": "1.1.0",
  "changelog": [
    {
      "version": "1.1.0",
      "date": "2026-07-21",
      "summary": "Added prefers-reduced-motion support: column/square expand animations are set instantly instead of tweened when the user has reduced motion enabled",
      "breaking": false
    },
    {
      "version": "1.0.0",
      "date": "2026-06-04",
      "summary": "Initial release",
      "breaking": false
    }
  ],
  "props": [
    {
      "name": "expandedWidth",
      "type": "number",
      "default": 98,
      "description": "Expanded desktop panel width in viewport units.",
      "remixer": {
        "control": "range",
        "group": "layout",
        "groupTitle": "Layout",
        "min": 55,
        "max": 100,
        "step": 1
      }
    },
    {
      "name": "duration",
      "type": "number",
      "default": 1,
      "description": "Expansion animation duration.",
      "remixer": {
        "control": "range",
        "group": "motion",
        "groupTitle": "Motion",
        "min": 0.2,
        "max": 3,
        "step": 0.05
      }
    },
    {
      "name": "backgroundColor",
      "type": "string",
      "default": "#ffffff",
      "description": "Navbar background color.",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    },
    {
      "name": "activeColor",
      "type": "string",
      "default": "#ff5f00",
      "description": "Hover or active link accent color.",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    }
  ],
  "remixer": {
    "enabled": true,
    "defaultOpenGroupId": "style",
    "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/expanding-navbar/index.tsx"
    },
    {
      "path": "data.ts",
      "type": "registry:component",
      "target": "src/components/effects/expanding-navbar/data.ts"
    },
    {
      "path": "ExpandingNavbarDesktop.tsx",
      "type": "registry:component",
      "target": "src/components/effects/expanding-navbar/ExpandingNavbarDesktop.tsx"
    },
    {
      "path": "ExpandingNavbarMobile.tsx",
      "type": "registry:component",
      "target": "src/components/effects/expanding-navbar/ExpandingNavbarMobile.tsx"
    },
    {
      "path": "HoverFillLink.tsx",
      "type": "registry:component",
      "target": "src/components/effects/expanding-navbar/HoverFillLink.tsx"
    },
    {
      "path": "useFocusTrap.ts",
      "type": "registry:component",
      "target": "src/components/effects/expanding-navbar/useFocusTrap.ts"
    }
  ]
}