{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "password-strength-demo",
  "title": "Password Strength Demo",
  "description": "Demo usage for the Password Strength component",
  "registryDependencies": [
    "@spectrumui/password-strength"
  ],
  "files": [
    {
      "path": "app/registry/password-strength/password-strength-demo.tsx",
      "content": "\"use client\"\n\nimport React from \"react\"\nimport { PasswordStrengthInput } from \"@/components/spectrumui/password-strength\"\n\nexport default function PasswordStrengthDemo() {\n  return (\n    <div className=\"flex w-full flex-col items-center gap-5 py-10\">\n      <div className=\"w-full max-w-sm rounded-xl border border-neutral-200 bg-white p-6 dark:border-neutral-800 dark:bg-neutral-950\">\n        <h3 className=\"text-base font-semibold text-neutral-900 dark:text-neutral-100\">\n          Create account\n        </h3>\n        <div className=\"mt-5 flex flex-col gap-2\">\n          <label\n            htmlFor=\"demo-password\"\n            className=\"text-sm font-medium leading-none text-neutral-900 dark:text-neutral-100\"\n          >\n            Password\n          </label>\n          <PasswordStrengthInput id=\"demo-password\" />\n        </div>\n      </div>\n      <p className=\"text-sm text-neutral-500 dark:text-neutral-400\">\n        Type a password — the meter fills and requirements check off as you go\n      </p>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/spectrumui/password-strength-demo.tsx"
    }
  ],
  "type": "registry:component"
}