{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "elastic-switch-shadcnui",
  "type": "registry:ui",
  "title": "Elastic Toggle Switch",
  "description": "Toggle switch with elastic spring animation",
  "dependencies": [
    "framer-motion",
    "react"
  ],
  "files": [
    {
      "path": "@uitripled/react-shadcn/src/components/micro/toggles/elastic-switch.tsx",
      "content": "\"use client\";\n\nimport { motion } from \"framer-motion\";\nimport { useState } from \"react\";\n\nexport function ElasticSwitch() {\n  const [isOn, setIsOn] = useState(false);\n\n  return (\n    <div className=\"flex items-center justify-center p-12\">\n      <button\n        onClick={() => setIsOn(!isOn)}\n        className={`relative h-12 w-24 rounded-full p-1 transition-colors ${\n          isOn ? \"bg-accent\" : \"bg-gray-300 dark:bg-gray-600\"\n        }`}\n      >\n        <motion.div\n          layout\n          transition={{\n            type: \"spring\",\n            stiffness: 700,\n            damping: 30,\n          }}\n          className={`h-10 w-10 rounded-full bg-white shadow-md ${\n            isOn ? \"ml-auto\" : \"\"\n          }`}\n        />\n      </button>\n    </div>\n  );\n}\n",
      "type": "registry:ui",
      "target": "components/uitripled/elastic-switch-shadcnui.tsx"
    }
  ]
}