{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "password-input",
  "title": "Password input",
  "description": "Input + show/hide",
  "dependencies": [
    "lucide-react-native@^1.21.0"
  ],
  "registryDependencies": [
    "@kit-native/icon",
    "@kit-native/input",
    "@kit-native/lib-utils"
  ],
  "files": [
    {
      "path": "components/kit/password-input.tsx",
      "content": "import { Icon } from '@/components/ui/icon';\nimport { Input } from '@/components/ui/input';\nimport { cn } from '@/lib/utils';\nimport { EyeIcon, EyeOffIcon } from 'lucide-react-native';\nimport * as React from 'react';\nimport { Pressable, View } from 'react-native';\n\ntype Props = React.ComponentProps<typeof Input> & { containerClassName?: string };\n\n/** Input with a show/hide toggle. Pair with a Label like any Input. */\nexport function PasswordInput({ className, containerClassName, ...props }: Props) {\n  const [visible, setVisible] = React.useState(false);\n  return (\n    <View className={cn('relative justify-center', containerClassName)}>\n      <Input className={cn('pr-11', className)} secureTextEntry={!visible} autoCapitalize=\"none\" autoCorrect={false} textContentType=\"password\" {...props} />\n      <Pressable\n        accessibilityRole=\"button\"\n        accessibilityLabel={visible ? 'Hide password' : 'Show password'}\n        onPress={() => setVisible((v) => !v)}\n        hitSlop={8}\n        className=\"absolute right-0 size-10 items-center justify-center\">\n        <Icon as={visible ? EyeOffIcon : EyeIcon} size={18} className=\"text-muted-foreground\" />\n      </Pressable>\n    </View>\n  );\n}\n",
      "type": "registry:component",
      "target": "components/kit/password-input.tsx"
    }
  ],
  "meta": {
    "exports": [
      "PasswordInput"
    ],
    "api": "<PasswordInput value onChangeText />"
  },
  "docs": "Run `npx expo install --fix` afterwards so Expo SDK packages match your SDK. Needs the kit theme (`@kit-native/theme`) and `KitThemeProvider` from `@kit-native/lib-theme-context` at the root.",
  "categories": [
    "inputs"
  ],
  "type": "registry:component"
}