{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "loaders-liquid-progress",
  "type": "registry:component",
  "title": "Liquid Progress Loader",
  "description": "A liquid-style progress bar that fills vertically.",
  "dependencies": [
    "motion"
  ],
  "files": [
    {
      "path": "registry/new-york/animations/loaders/liquid-progress.tsx",
      "content": "\"use client\";\nimport * as React from \"react\";\nimport { motion } from \"motion/react\";\nimport { cn } from \"@/lib/utils\";\nexport interface LoaderLiquidProgressProps {\n  progress?: number;\n  height?: number;\n  color?: string;\n  duration?: number;\n  className?: string;\n}\nexport function LoaderLiquidProgress({\n  className,\n  progress = 0,\n  height = 8,\n  color = \"#3b82f6\",\n  duration = 1,\n}: LoaderLiquidProgressProps) {\n  return (\n    <div\n      className={cn(\n        \"relative w-full overflow-hidden rounded-full bg-neutral-200 dark:bg-neutral-800\",\n        className,\n      )}\n      style={{ height }}\n    >\n      <motion.div\n        className=\"absolute inset-0 rounded-full\"\n        style={{\n          background: `linear-gradient(90deg, ${color}, ${color}dd)`,\n        }}\n        initial={{ x: \"-100%\" }}\n        animate={{ x: `${progress - 100}%` }}\n        transition={{\n          duration,\n          ease: \"easeOut\",\n        }}\n      >\n        <motion.div\n          className=\"absolute inset-0\"\n          style={{\n            background: `radial-gradient(circle at 50% 50%, ${color}44, transparent)`,\n          }}\n          animate={{\n            scale: [1, 1.2, 1],\n            opacity: [0.5, 0.8, 0.5],\n          }}\n          transition={{\n            duration: 1.5,\n            ease: \"easeInOut\",\n            repeat: Infinity,\n          }}\n        />\n      </motion.div>\n    </div>\n  );\n}\n",
      "type": "registry:component"
    }
  ]
}