{
  "name": "ios-spinner-grow-default",
  "type": "registry:ui",
  "tier": "free",
  "dependencies": [
    "framer-motion"
  ],
  "registryDependencies": [
    "https://www.craftui.space/r/craftui-base.json"
  ],
  "files": [
    {
      "path": "components/craftui/loaders/ios-spinner-grow/default.tsx",
      "content": "'use client';\n\nimport { motion } from 'motion/react';\n\ninterface IosSpinnerGrowProps {\n  width?: number;\n  height?: number;\n  color?: string;\n  isAnimating?: boolean;\n  duration?: number;\n  ease?: any;\n}\n\nexport function IosSpinnerGrow({\n  width = 100,\n  height = 100,\n  color = 'currentColor',\n  isAnimating = true,\n  duration = 1.0,\n  ease = 'easeInOut',\n}: IosSpinnerGrowProps) {\n  const count = 12;\n  return (\n    <svg\n      width={width}\n      height={height}\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-label=\"Loading\"\n      role=\"img\"\n    >\n      {Array.from({ length: count }).map((_, i) => (\n        <g key={i} transform={`rotate(${(360 / count) * i}, 50, 50)`}>\n          <motion.rect\n            x={48.5}\n            width={3}\n            rx={1.5}\n            fill={color}\n            initial={{ y: 34, height: 4, opacity: 0.1 }}\n            animate={{\n              y: [34, 26, 34],\n              height: [4, 12, 4],\n              opacity: [0.1, 1, 0.1],\n            }}\n            transition={{\n              duration,\n              repeat: isAnimating ? Infinity : 0,\n              delay: i * (duration / count),\n              ease: ease,\n              times: [0, 0.3, 1],\n            }}\n          />\n        </g>\n      ))}\n    </svg>\n  );\n}\n",
      "type": "registry:ui",
      "target": "~/components/craftui/loaders/ios-spinner-grow/default.tsx"
    }
  ],
  "meta": {
    "displayName": "iOS Spinner Grow - Grow",
    "description": "Each spoke shoots outward radially as it activates — a blooming radial extension effect",
    "category": "loaders",
    "tags": [
      "apple",
      "ios",
      "macos",
      "spinner",
      "grow",
      "bloom",
      "radial",
      "extend"
    ],
    "animationType": "loop"
  }
}