{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "dialog",
  "type": "registry:ui",
  "title": "Dialog",
  "description": "Modal dialog with title/description/footer slots.",
  "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"
  ],
  "dependencies": [
    "lucide-react-native"
  ],
  "files": [
    {
      "path": "registry/shared/ui/dialog.tsx",
      "type": "registry:ui",
      "target": "components/ui/dialog.tsx",
      "content": "import { X } from 'lucide-react-native';\nimport { createContext, type ReactNode, useContext } from 'react';\nimport {\n  Modal,\n  Pressable,\n  View,\n  type PressableProps,\n  type ViewProps,\n} from 'react-native';\nimport { Text, type TextProps } from '@/components/ui/text';\nimport { cn, useIconColor } from '@/lib/utils';\n\nconst DialogContext = createContext<((open: boolean) => void) | null>(null);\n\nexport interface DialogProps {\n  open: boolean;\n  onOpenChange?: (open: boolean) => void;\n  /** Render the corner close affordance, like shadcn DialogContent. */\n  showClose?: boolean;\n  children?: ReactNode;\n}\n\nexport function Dialog({\n  open,\n  onOpenChange,\n  showClose = true,\n  children,\n}: DialogProps) {\n  const iconColor = useIconColor('muted');\n  return (\n    <Modal\n      visible={open}\n      transparent\n      animationType=\"fade\"\n      onRequestClose={() => onOpenChange?.(false)}\n    >\n      <Pressable\n        className=\"flex-1 items-center justify-center bg-black/50 p-6\"\n        onPress={() => onOpenChange?.(false)}\n      >\n        <Pressable\n          className=\"w-full max-w-sm rounded-2xl border border-border bg-background p-6\"\n          onPress={(e) => e.stopPropagation()}\n        >\n          <DialogContext.Provider value={onOpenChange ?? null}>\n            {showClose && (\n              <Pressable\n                accessibilityRole=\"button\"\n                accessibilityLabel=\"Close\"\n                onPress={() => onOpenChange?.(false)}\n                className=\"absolute right-4 top-4 rounded-sm p-1 active:opacity-70\"\n              >\n                <X size={16} color={iconColor} />\n              </Pressable>\n            )}\n            {children}\n          </DialogContext.Provider>\n        </Pressable>\n      </Pressable>\n    </Modal>\n  );\n}\n\nexport function DialogClose({\n  onPress,\n  children,\n  className,\n  ...props\n}: PressableProps & { className?: string }) {\n  const onOpenChange = useContext(DialogContext);\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      onPress={(e) => {\n        onPress?.(e);\n        onOpenChange?.(false);\n      }}\n      className={className}\n      {...props}\n    >\n      {children}\n    </Pressable>\n  );\n}\n\nexport function DialogTitle({ className, ...props }: TextProps) {\n  return (\n    <Text\n      className={cn('text-lg font-semibold text-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogDescription({ className, ...props }: TextProps) {\n  return (\n    <Text\n      className={cn('mt-1.5 text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  );\n}\n\nexport function DialogFooter({\n  className,\n  ...props\n}: ViewProps & { className?: string }) {\n  return (\n    <View\n      className={cn('mt-6 flex-row justify-end gap-2', className)}\n      {...props}\n    />\n  );\n}\n"
    }
  ]
}