{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "use-debounce",
  "title": "Debounce",
  "description": "Delay a value update until it has stopped changing for the specified duration.",
  "files": [
    {
      "path": "registry/familis/ui/hooks/use-debounce.ts",
      "content": "\"use client\"\n\nimport { useEffect, useState } from \"react\"\n\nexport function useDebounce<T>(value: T, delay: number): T {\n  const [debounced, setDebounced] = useState<T>(() => value)\n\n  useEffect(() => {\n    const timer = setTimeout(() => setDebounced(() => value), delay)\n    return () => clearTimeout(timer)\n  }, [value, delay])\n\n  return debounced\n}\n",
      "type": "registry:hook"
    }
  ],
  "meta": {
    "storybookId": "ui-hooks-debounce--default"
  },
  "type": "registry:hook"
}