{
  "name": "border-beam",
  "type": "registry:component",
  "title": "Border Beam",
  "description": "Animated border beam effect for cards and surfaces",
  "dependencies": [],
  "registryDependencies": [],
  "exportName": "BorderBeam",
  "exportKind": "default",
  "tier": "pro",
  "version": "1.2.0",
  "changelog": [
    {
      "version": "1.2.0",
      "date": "2026-07-31",
      "summary": "Added dynamic/remixer props: size, colorVariant, theme, active, strength, duration, beamWidth, and backgroundColor. Only props with simple, direct, reliable mappings are exposed — staticColors and hueRange stay internal (fixed at their prior defaults), and beamColor/paused were dropped as redundant/unreliable.",
      "breaking": false
    },
    {
      "version": "1.1.0",
      "date": "2026-07-21",
      "summary": "Slow border-beam animations ~3x under prefers-reduced-motion",
      "breaking": false
    }
  ],
  "props": [
    {
      "name": "size",
      "type": "string",
      "default": "md",
      "description": "Chooses the beam motion family and sizing preset.",
      "remixer": {
        "control": "select",
        "group": "beam",
        "groupTitle": "Beam",
        "options": [
          {
            "label": "Rotate MD",
            "value": "md"
          },
          {
            "label": "Rotate SM",
            "value": "sm"
          },
          {
            "label": "Line",
            "value": "line"
          },
          {
            "label": "Pulse Inner",
            "value": "pulse-inner"
          },
          {
            "label": "Pulse Outside",
            "value": "pulse-outside"
          }
        ]
      }
    },
    {
      "name": "colorVariant",
      "type": "string",
      "default": "colorful",
      "description": "Chooses the color palette used by the beam.",
      "remixer": {
        "control": "select",
        "group": "beam",
        "groupTitle": "Beam",
        "options": [
          {
            "label": "Colorful",
            "value": "colorful"
          },
          {
            "label": "Mono",
            "value": "mono"
          },
          {
            "label": "Ocean",
            "value": "ocean"
          },
          {
            "label": "Sunset",
            "value": "sunset"
          }
        ]
      }
    },
    {
      "name": "theme",
      "type": "string",
      "default": "light",
      "description": "Sets the light, dark, or system-aware beam tuning.",
      "remixer": {
        "control": "select",
        "group": "beam",
        "groupTitle": "Beam",
        "options": [
          {
            "label": "Light",
            "value": "light"
          },
          {
            "label": "Dark",
            "value": "dark"
          },
          {
            "label": "Auto",
            "value": "auto"
          }
        ]
      }
    },
    {
      "name": "active",
      "type": "boolean",
      "default": true,
      "description": "Turns the beam animation on or off.",
      "remixer": {
        "control": "checkbox",
        "group": "motion",
        "groupTitle": "Motion"
      }
    },
    {
      "name": "strength",
      "type": "number",
      "default": 1,
      "description": "Scales the beam intensity.",
      "remixer": {
        "control": "range",
        "group": "motion",
        "groupTitle": "Motion",
        "min": 0.2,
        "max": 2,
        "step": 0.05
      }
    },
    {
      "name": "duration",
      "type": "number",
      "description": "Time for the beam to complete a loop.",
      "default": 2,
      "remixer": {
        "control": "range",
        "group": "motion",
        "groupTitle": "Motion",
        "min": 0.5,
        "max": 8,
        "step": 0.05
      }
    },
    {
      "name": "beamWidth",
      "type": "number",
      "description": "Thickness of the animated border beam.",
      "default": 2,
      "remixer": {
        "control": "range",
        "group": "style",
        "groupTitle": "Style",
        "min": 0,
        "max": 16,
        "step": 1
      }
    },
    {
      "name": "backgroundColor",
      "type": "color",
      "description": "Card or container background color.",
      "default": "#f4f5f7",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    }
  ],
  "remixer": {
    "enabled": true,
    "defaultOpenGroupId": "beam",
    "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/border-beam/index.tsx"
    },
    {
      "path": "BorderBeam.tsx",
      "type": "registry:component",
      "target": "src/components/effects/border-beam/BorderBeam.tsx"
    },
    {
      "path": "PulseDriver.ts",
      "type": "registry:component",
      "target": "src/components/effects/border-beam/PulseDriver.ts"
    },
    {
      "path": "styles.ts",
      "type": "registry:component",
      "target": "src/components/effects/border-beam/styles.ts"
    }
  ]
}