{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "select-25",
  "type": "registry:component",
  "title": "Select 25",
  "description": "Select 25. A versatile selection component that provides a sleek, accessible way to choose options from a list.",
  "dependencies": [],
  "registryDependencies": [
    "select"
  ],
  "files": [
    {
      "path": "components/watermelon/select-25.tsx",
      "type": "registry:component",
      "content": "import { useId } from 'react';\n\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/base-ui/select';\n\nconst Select25 = () => {\n  const id = useId();\n\n  return (\n    <div className=\"flex w-full max-w-xs flex-col rounded-xl border border-zinc-200 bg-white p-3 pb-1 shadow-xs transition-all focus-within:border-zinc-300 dark:border-zinc-800 dark:bg-zinc-950 dark:focus-within:border-zinc-700\">\n      <label\n        htmlFor={id}\n        className=\"mb-1 text-[11px] font-bold tracking-tight text-zinc-500 uppercase dark:text-zinc-500\"\n      >\n        Security Policy\n      </label>\n      <Select defaultValue=\"standard\">\n        <SelectTrigger \n          id={id} \n          className=\"h-auto w-full border-none bg-transparent p-0 shadow-none hover:bg-transparent focus-visible:ring-0 dark:bg-transparent dark:hover:bg-transparent\"\n        >\n          <SelectValue placeholder=\"Identify policy\" />\n        </SelectTrigger>\n        <SelectContent \n          position=\"popper\" \n          sideOffset={12} \n          className=\"rounded-xl border-zinc-200 bg-white p-1 shadow-xl dark:border-zinc-800 dark:bg-zinc-950\"\n        >\n          <SelectItem value=\"standard\" className=\"rounded-lg\">Standard Protocol</SelectItem>\n          <SelectItem value=\"strict\" className=\"rounded-lg\">Strict Enforcement</SelectItem>\n          <SelectItem value=\"relaxed\" className=\"rounded-lg\">Relaxed Governance</SelectItem>\n          <SelectItem value=\"custom\" className=\"rounded-lg\">Custom Definition</SelectItem>\n        </SelectContent>\n      </Select>\n    </div>\n  );\n};\n\nexport default Select25;\n"
    }
  ]
}