{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "accordion",
  "type": "registry:ui",
  "title": "Accordion",
  "description": "Vertically collapsing sections.",
  "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/accordion.tsx",
      "type": "registry:ui",
      "target": "components/ui/accordion.tsx",
      "content": "import { ChevronDown } from 'lucide-react-native';\nimport { createContext, useContext, useState } from 'react';\nimport {\n  Animated,\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\ninterface AccordionContextValue {\n  open: Set<string>;\n  toggle: (value: string) => void;\n  multiple: boolean;\n}\n\nconst AccordionContext = createContext<AccordionContextValue>({\n  open: new Set(),\n  toggle: () => {},\n  multiple: false,\n});\n\nexport interface AccordionProps extends ViewProps {\n  /** Open item values. Uncontrolled by default. */\n  defaultValue?: string | string[];\n  multiple?: boolean;\n  className?: string;\n}\n\nexport function Accordion({\n  defaultValue,\n  multiple = false,\n  className,\n  ...props\n}: AccordionProps) {\n  const [open, setOpen] = useState<Set<string>>(\n    () =>\n      new Set(\n        Array.isArray(defaultValue)\n          ? defaultValue\n          : defaultValue\n            ? [defaultValue]\n            : []\n      )\n  );\n  const toggle = (value: string) =>\n    setOpen((prev) => {\n      const next = new Set(multiple ? prev : []);\n      if (prev.has(value)) next.delete(value);\n      else next.add(value);\n      return next;\n    });\n\n  return (\n    <AccordionContext.Provider value={{ open, toggle, multiple }}>\n      <View className={cn('w-full', className)} {...props} />\n    </AccordionContext.Provider>\n  );\n}\n\ninterface ItemContextValue {\n  value: string;\n  open: boolean;\n}\nconst ItemContext = createContext<ItemContextValue>({ value: '', open: false });\n\nexport interface AccordionItemProps extends ViewProps {\n  value: string;\n  className?: string;\n}\n\nexport function AccordionItem({\n  value,\n  className,\n  children,\n  ...props\n}: AccordionItemProps) {\n  const { open } = useContext(AccordionContext);\n  return (\n    <ItemContext.Provider value={{ value, open: open.has(value) }}>\n      <View className={cn('border-b border-border', className)} {...props}>\n        {children}\n      </View>\n    </ItemContext.Provider>\n  );\n}\n\nexport interface AccordionTriggerProps\n  extends Omit<PressableProps, 'children'> {\n  className?: string;\n  children?: TextProps['children'];\n}\n\nexport function AccordionTrigger({\n  className,\n  children,\n  ...props\n}: AccordionTriggerProps) {\n  const { toggle } = useContext(AccordionContext);\n  const { value, open } = useContext(ItemContext);\n  const iconColor = useIconColor();\n\n  return (\n    <Pressable\n      accessibilityRole=\"button\"\n      accessibilityState={{ expanded: open }}\n      onPress={() => toggle(value)}\n      className={cn('flex-row items-center justify-between py-4', className)}\n      {...props}\n    >\n      <Text className=\"text-sm font-medium text-foreground\">{children}</Text>\n      <Animated.View\n        style={{ transform: [{ rotate: open ? '180deg' : '0deg' }] }}\n      >\n        <ChevronDown size={16} color={iconColor} />\n      </Animated.View>\n    </Pressable>\n  );\n}\n\nexport interface AccordionContentProps extends ViewProps {\n  className?: string;\n}\n\nexport function AccordionContent({\n  className,\n  children,\n  ...props\n}: AccordionContentProps) {\n  const { open } = useContext(ItemContext);\n  if (!open) return null;\n  return (\n    <View className={cn('pb-4', className)} {...props}>\n      {typeof children === 'string' ? (\n        <Text className=\"text-sm text-foreground\">{children}</Text>\n      ) : (\n        children\n      )}\n    </View>\n  );\n}\n"
    }
  ]
}