{
  "name": "card-drift",
  "type": "registry:component",
  "title": "Card Drift",
  "description": "Draggable card grid with physics-based throw, velocity tracking, auto-layout, and GSAP Draggable",
  "dependencies": [
    "gsap"
  ],
  "registryDependencies": [],
  "exportName": "CardDrift",
  "exportKind": "default",
  "tier": "pro",
  "version": "1.2.2",
  "changelog": [
    {
      "version": "1.2.2",
      "date": "2026-07-30",
      "summary": "Stopped rebuilding the random card layout when remixer values change; rotation now updates individual cards only.",
      "breaking": false
    },
    {
      "version": "1.2.1",
      "date": "2026-07-30",
      "summary": "Removed data/cards and shadowOpacity from the public prop surface, replaced Tailwind color class props with color-picker props, and added working driftAmount, rotationAmount, smoothness, and lerp controls.",
      "breaking": false
    },
    {
      "version": "1.2.0",
      "date": "2026-07-28",
      "summary": "Added data, bgColor, bgTextColor, cardBg, cardTextColor, and barBg as public props with a working remixer panel. The originally suggested props (driftAmount, rotationAmount, duration, shadowOpacity) described ambient hover drift, but this component is a drag-and-throw physics grid with fixed jitter/rotation constants, so they were replaced with the content/theme props CardDriftComp actually accepts.",
      "breaking": false
    },
    {
      "version": "1.1.0",
      "date": "2026-07-24",
      "summary": "Added a prefers-reduced-motion notice explaining that dragging stays fully interactive since it is a direct, user-initiated action.",
      "breaking": false
    }
  ],
  "props": [
    {
      "name": "backgroundColor",
      "type": "color",
      "default": "#000000",
      "description": "Background color for the draggable card field.",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    },
    {
      "name": "backgroundTextColor",
      "type": "color",
      "default": "#ffffff",
      "description": "Color of the large background label.",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    },
    {
      "name": "cardColor",
      "type": "color",
      "default": "#4f46e5",
      "description": "Background color for each draggable card.",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    },
    {
      "name": "cardTextColor",
      "type": "color",
      "default": "#ffffff",
      "description": "Text color for each draggable card.",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    },
    {
      "name": "barColor",
      "type": "color",
      "default": "#262626",
      "description": "Background color for each card's tag bar.",
      "remixer": {
        "control": "color",
        "group": "style",
        "groupTitle": "Style"
      }
    },
    {
      "name": "driftAmount",
      "type": "number",
      "description": "Initial scatter and drag throw distance for cards.",
      "default": 30,
      "remixer": {
        "control": "range",
        "group": "motion",
        "groupTitle": "Motion",
        "min": 0,
        "max": 90,
        "step": 1
      }
    },
    {
      "name": "smoothness",
      "type": "number",
      "description": "Release and scale smoothing duration for each dragged card.",
      "default": 0.7,
      "remixer": {
        "control": "range",
        "group": "motion",
        "groupTitle": "Motion",
        "min": 0.15,
        "max": 1.5,
        "step": 0.05
      }
    }
  ],
  "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/card-drift/index.tsx"
    },
    {
      "path": "CardDriftComp.tsx",
      "type": "registry:component",
      "target": "src/components/effects/card-drift/CardDriftComp.tsx"
    }
  ]
}