{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "label",
  "type": "registry:ui",
  "title": "Label",
  "description": "Form label text.",
  "registryDependencies": [
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/utils.json",
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/text.json",
    "https://raw.githubusercontent.com/truongnat/rnui/main/registry/dist/nativewind/theme.json"
  ],
  "files": [
    {
      "path": "registry/shared/ui/label.tsx",
      "type": "registry:ui",
      "target": "components/ui/label.tsx",
      "content": "import { useContext } from 'react';\nimport {\n  Pressable,\n  StyleSheet,\n  Text as RNText,\n  type TextStyle,\n} from 'react-native';\nimport { Text, type TextProps } from '@/components/ui/text';\nimport { cn, FormFieldContext, useThemeColor } from '@/lib/utils';\n\nexport interface LabelProps extends TextProps {\n  className?: string;\n  /** Appends a red asterisk `*` indicating the field is required. */\n  required?: boolean;\n  /** Appends a muted `(Optional)` text indicating the field is optional. */\n  optional?: boolean;\n  /** Dims the label — mirrors shadcn peer-disabled:opacity-50. */\n  disabled?: boolean;\n  /** Wrap in Pressable that focuses the sibling input via onPress */\n  onPress?: () => void;\n}\n\nexport function Label({\n  className,\n  required = false,\n  optional = false,\n  disabled = false,\n  onPress,\n  children,\n  style,\n  ...props\n}: LabelProps) {\n  const field = useContext(FormFieldContext);\n  const theme = useThemeColor();\n  const hasError = !!field?.error;\n\n  const labelContent = (\n    <Text\n      className={cn(\n        'text-sm font-semibold leading-5 text-foreground',\n        disabled && 'opacity-50',\n        className\n      )}\n      style={[\n        style,\n        hasError && { color: theme.destructive },\n      ]}\n      accessibilityRole=\"text\"\n      {...props}\n    >\n      {children}\n      {required ? (\n        <RNText\n          style={[styles.requiredStar, { color: theme.destructive }]}\n          accessibilityLabel=\"required\"\n        >\n          {' *'}\n        </RNText>\n      ) : null}\n      {optional ? (\n        <RNText style={[styles.optionalText, { color: theme.mutedForeground }]}>\n          {' (Optional)'}\n        </RNText>\n      ) : null}\n    </Text>\n  );\n\n  if (onPress) {\n    return (\n      <Pressable\n        onPress={onPress}\n        disabled={disabled}\n        hitSlop={8}\n        accessibilityRole=\"button\"\n        style={styles.pressableWrapper}\n      >\n        {labelContent}\n      </Pressable>\n    );\n  }\n\n  return labelContent;\n}\n\nconst styles = StyleSheet.create({\n  requiredStar: {\n    fontWeight: '700',\n  },\n  optionalText: {\n    fontSize: 12,\n    fontWeight: '400',\n  },\n  pressableWrapper: {\n    alignSelf: 'flex-start',\n  },\n});\n"
    }
  ]
}