Skip to content

Commit 846ab31

Browse files
committed
chore(docs): build registries
1 parent 5f8e84b commit 846ab31

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+58
-58
lines changed

apps/docs/public/r/default/accordion.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
"files": [
1414
{
1515
"path": "./node_modules/@rnr/registry/src/default/components/ui/accordion.tsx",
16-
"content": "import { Icon } from '@/registry/default/components/ui/icon';\nimport { TextClassContext } from '@/registry/default/components/ui/text';\nimport { cn } from '@/registry/default/lib/utils';\nimport * as AccordionPrimitive from '@rn-primitives/accordion';\nimport { ChevronDown } from 'lucide-react-native';\nimport * as React from 'react';\nimport { Platform, Pressable, View } from 'react-native';\nimport Animated, {\n FadeOutUp,\n LayoutAnimationConfig,\n LinearTransition,\n useAnimatedStyle,\n useDerivedValue,\n withTiming,\n} from 'react-native-reanimated';\n\nfunction Accordion({\n children,\n ...props\n}: Omit<AccordionPrimitive.RootProps, 'asChild'> & {\n ref?: React.RefObject<AccordionPrimitive.RootRef | null>;\n}) {\n return (\n <LayoutAnimationConfig skipEntering>\n <AccordionPrimitive.Root\n {...(props as AccordionPrimitive.RootProps)}\n asChild={Platform.OS !== 'web'}>\n <Animated.View layout={LinearTransition.duration(200)}>{children}</Animated.View>\n </AccordionPrimitive.Root>\n </LayoutAnimationConfig>\n );\n}\n\nfunction AccordionItem({\n children,\n className,\n value,\n ...props\n}: AccordionPrimitive.ItemProps & {\n ref?: React.RefObject<AccordionPrimitive.ItemRef | null>;\n}) {\n return (\n <AccordionPrimitive.Item\n className={cn('border-border border-b', className)}\n value={value}\n asChild\n {...props}>\n <Animated.View\n className=\"native:overflow-hidden\"\n layout={Platform.select({ native: LinearTransition.duration(200) })}>\n {children}\n </Animated.View>\n </AccordionPrimitive.Item>\n );\n}\n\nconst Trigger = Platform.OS === 'web' ? View : Pressable;\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.TriggerProps & {\n children?: React.ReactNode;\n ref?: React.RefObject<AccordionPrimitive.TriggerRef | null>;\n}) {\n const { isExpanded } = AccordionPrimitive.useItemContext();\n\n const progress = useDerivedValue(\n () => (isExpanded ? withTiming(1, { duration: 250 }) : withTiming(0, { duration: 200 })),\n [isExpanded]\n );\n const chevronStyle = useAnimatedStyle(\n () => ({\n transform: [{ rotate: `${progress.value * 180}deg` }],\n }),\n [progress]\n );\n\n return (\n <TextClassContext.Provider\n value={cn(\n 'text-left text-base font-medium',\n Platform.select({ web: 'group-hover:underline' })\n )}>\n <AccordionPrimitive.Header>\n <AccordionPrimitive.Trigger {...props} asChild>\n <Trigger\n className={cn(\n 'flex-row items-start justify-between gap-4 rounded-md py-4 disabled:opacity-50',\n Platform.select({\n web: 'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 outline-none transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none [&[data-state=open]>svg]:rotate-180',\n }),\n className\n )}>\n <>{children}</>\n <Animated.View style={chevronStyle}>\n <Icon\n as={ChevronDown}\n size={16}\n className={cn(\n 'text-foreground shrink-0',\n Platform.select({\n web: 'pointer-events-none translate-y-0.5 transition-transform duration-200',\n })\n )}\n />\n </Animated.View>\n </Trigger>\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n </TextClassContext.Provider>\n );\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.ContentProps & {\n ref?: React.RefObject<AccordionPrimitive.ContentRef | null>;\n}) {\n const { isExpanded } = AccordionPrimitive.useItemContext();\n return (\n <TextClassContext.Provider value=\"text-sm\">\n <AccordionPrimitive.Content\n className={cn(\n 'overflow-hidden',\n Platform.select({\n web: isExpanded ? 'animate-accordion-down' : 'animate-accordion-up',\n })\n )}\n {...props}>\n <Animated.View\n exiting={Platform.select({ native: FadeOutUp.duration(200) })}\n className={cn('pb-4', className)}>\n {children}\n </Animated.View>\n </AccordionPrimitive.Content>\n </TextClassContext.Provider>\n );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n",
16+
"content": "import { Icon } from '@/registry/default/components/ui/icon';\nimport { TextClassContext } from '@/registry/default/components/ui/text';\nimport { cn } from '@/registry/default/lib/utils';\nimport * as AccordionPrimitive from '@rn-primitives/accordion';\nimport { ChevronDown } from 'lucide-react-native';\nimport { Platform, Pressable, View } from 'react-native';\nimport Animated, {\n FadeOutUp,\n LayoutAnimationConfig,\n LinearTransition,\n useAnimatedStyle,\n useDerivedValue,\n withTiming,\n} from 'react-native-reanimated';\n\nfunction Accordion({\n children,\n ...props\n}: Omit<AccordionPrimitive.RootProps, 'asChild'> &\n React.RefAttributes<AccordionPrimitive.RootRef>) {\n return (\n <LayoutAnimationConfig skipEntering>\n <AccordionPrimitive.Root\n {...(props as AccordionPrimitive.RootProps)}\n asChild={Platform.OS !== 'web'}>\n <Animated.View layout={LinearTransition.duration(200)}>{children}</Animated.View>\n </AccordionPrimitive.Root>\n </LayoutAnimationConfig>\n );\n}\n\nfunction AccordionItem({\n children,\n className,\n value,\n ...props\n}: AccordionPrimitive.ItemProps & React.RefAttributes<AccordionPrimitive.ItemRef>) {\n return (\n <AccordionPrimitive.Item\n className={cn('border-border border-b', className)}\n value={value}\n asChild\n {...props}>\n <Animated.View\n className=\"native:overflow-hidden\"\n layout={Platform.select({ native: LinearTransition.duration(200) })}>\n {children}\n </Animated.View>\n </AccordionPrimitive.Item>\n );\n}\n\nconst Trigger = Platform.OS === 'web' ? View : Pressable;\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.TriggerProps & {\n children?: React.ReactNode;\n} & React.RefAttributes<AccordionPrimitive.TriggerRef>) {\n const { isExpanded } = AccordionPrimitive.useItemContext();\n\n const progress = useDerivedValue(\n () => (isExpanded ? withTiming(1, { duration: 250 }) : withTiming(0, { duration: 200 })),\n [isExpanded]\n );\n const chevronStyle = useAnimatedStyle(\n () => ({\n transform: [{ rotate: `${progress.value * 180}deg` }],\n }),\n [progress]\n );\n\n return (\n <TextClassContext.Provider\n value={cn(\n 'text-left text-base font-medium',\n Platform.select({ web: 'group-hover:underline' })\n )}>\n <AccordionPrimitive.Header>\n <AccordionPrimitive.Trigger {...props} asChild>\n <Trigger\n className={cn(\n 'flex-row items-start justify-between gap-4 rounded-md py-4 disabled:opacity-50',\n Platform.select({\n web: 'focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 outline-none transition-all hover:underline focus-visible:ring-[3px] disabled:pointer-events-none [&[data-state=open]>svg]:rotate-180',\n }),\n className\n )}>\n <>{children}</>\n <Animated.View style={chevronStyle}>\n <Icon\n as={ChevronDown}\n size={16}\n className={cn(\n 'text-foreground shrink-0',\n Platform.select({\n web: 'pointer-events-none translate-y-0.5 transition-transform duration-200',\n })\n )}\n />\n </Animated.View>\n </Trigger>\n </AccordionPrimitive.Trigger>\n </AccordionPrimitive.Header>\n </TextClassContext.Provider>\n );\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.ContentProps & React.RefAttributes<AccordionPrimitive.ContentRef>) {\n const { isExpanded } = AccordionPrimitive.useItemContext();\n return (\n <TextClassContext.Provider value=\"text-sm\">\n <AccordionPrimitive.Content\n className={cn(\n 'overflow-hidden',\n Platform.select({\n web: isExpanded ? 'animate-accordion-down' : 'animate-accordion-up',\n })\n )}\n {...props}>\n <Animated.View\n exiting={Platform.select({ native: FadeOutUp.duration(200) })}\n className={cn('pb-4', className)}>\n {children}\n </Animated.View>\n </AccordionPrimitive.Content>\n </TextClassContext.Provider>\n );\n}\n\nexport { Accordion, AccordionContent, AccordionItem, AccordionTrigger };\n",
1717
"type": "registry:ui"
1818
}
1919
]

apps/docs/public/r/default/alert-dialog.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
"files": [
1414
{
1515
"path": "./node_modules/@rnr/registry/src/default/components/ui/alert-dialog.tsx",
16-
"content": "import { buttonTextVariants, buttonVariants } from '@/registry/default/components/ui/button';\nimport { NativeOnlyAnimatedView } from '@/registry/default/components/ui/native-only-animated-view';\nimport { TextClassContext } from '@/registry/default/components/ui/text';\nimport { cn } from '@/registry/default/lib/utils';\nimport * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';\nimport * as React from 'react';\nimport { Platform, View, type ViewProps } from 'react-native';\nimport { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;\n\nfunction AlertDialogOverlay({\n className,\n children,\n ...props\n}: Omit<AlertDialogPrimitive.OverlayProps, 'asChild'> & {\n ref?: React.RefObject<AlertDialogPrimitive.OverlayRef | null>;\n}) {\n return (\n <FullWindowOverlay>\n <AlertDialogPrimitive.Overlay\n className={cn(\n 'absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center bg-black/80 p-2',\n Platform.select({\n web: 'animate-in fade-in-0 fixed',\n }),\n className\n )}\n {...props}>\n <NativeOnlyAnimatedView\n entering={FadeIn.duration(200).delay(50)}\n exiting={FadeOut.duration(150)}>\n <>{children}</>\n </NativeOnlyAnimatedView>\n </AlertDialogPrimitive.Overlay>\n </FullWindowOverlay>\n );\n}\n\nfunction AlertDialogContent({\n className,\n portalHost,\n ...props\n}: AlertDialogPrimitive.ContentProps & {\n ref?: React.RefObject<AlertDialogPrimitive.ContentRef | null>;\n portalHost?: string;\n}) {\n return (\n <AlertDialogPortal hostName={portalHost}>\n <AlertDialogOverlay>\n <AlertDialogPrimitive.Content\n className={cn(\n 'bg-background border-border z-50 flex max-w-lg flex-col gap-4 rounded-lg border p-6 shadow-lg shadow-black/5',\n Platform.select({\n web: 'animate-in fade-in-0 zoom-in-95 duration-200',\n }),\n className\n )}\n {...props}\n />\n </AlertDialogOverlay>\n </AlertDialogPortal>\n );\n}\n\nfunction AlertDialogHeader({ className, ...props }: ViewProps) {\n return (\n <TextClassContext.Provider value=\"text-center sm:text-left\">\n <View className={cn('flex flex-col gap-2', className)} {...props} />\n </TextClassContext.Provider>\n );\n}\n\nfunction AlertDialogFooter({ className, ...props }: ViewProps) {\n return (\n <View\n className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogTitle({\n className,\n ...props\n}: AlertDialogPrimitive.TitleProps & {\n ref?: React.RefObject<AlertDialogPrimitive.TitleRef | null>;\n}) {\n return (\n <AlertDialogPrimitive.Title\n className={cn('text-foreground text-lg font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogDescription({\n className,\n ...props\n}: AlertDialogPrimitive.DescriptionProps & {\n ref?: React.RefObject<AlertDialogPrimitive.DescriptionRef | null>;\n}) {\n return (\n <AlertDialogPrimitive.Description\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogAction({\n className,\n ...props\n}: AlertDialogPrimitive.ActionProps & {\n ref?: React.RefObject<AlertDialogPrimitive.ActionRef | null>;\n}) {\n return (\n <TextClassContext.Provider value={buttonTextVariants({ className })}>\n <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />\n </TextClassContext.Provider>\n );\n}\n\nfunction AlertDialogCancel({\n className,\n ...props\n}: AlertDialogPrimitive.CancelProps & {\n ref?: React.RefObject<AlertDialogPrimitive.CancelRef | null>;\n}) {\n return (\n <TextClassContext.Provider value={buttonTextVariants({ className, variant: 'outline' })}>\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n {...props}\n />\n </TextClassContext.Provider>\n );\n}\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n};\n",
16+
"content": "import { buttonTextVariants, buttonVariants } from '@/registry/default/components/ui/button';\nimport { NativeOnlyAnimatedView } from '@/registry/default/components/ui/native-only-animated-view';\nimport { TextClassContext } from '@/registry/default/components/ui/text';\nimport { cn } from '@/registry/default/lib/utils';\nimport * as AlertDialogPrimitive from '@rn-primitives/alert-dialog';\nimport * as React from 'react';\nimport { Platform, View, type ViewProps } from 'react-native';\nimport { FadeIn, FadeOut } from 'react-native-reanimated';\nimport { FullWindowOverlay as RNFullWindowOverlay } from 'react-native-screens';\n\nconst AlertDialog = AlertDialogPrimitive.Root;\n\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\n\nconst FullWindowOverlay = Platform.OS === 'ios' ? RNFullWindowOverlay : React.Fragment;\n\nfunction AlertDialogOverlay({\n className,\n children,\n ...props\n}: Omit<AlertDialogPrimitive.OverlayProps, 'asChild'> &\n React.RefAttributes<AlertDialogPrimitive.OverlayRef>) {\n return (\n <FullWindowOverlay>\n <AlertDialogPrimitive.Overlay\n className={cn(\n 'absolute bottom-0 left-0 right-0 top-0 z-50 flex items-center justify-center bg-black/80 p-2',\n Platform.select({\n web: 'animate-in fade-in-0 fixed',\n }),\n className\n )}\n {...props}>\n <NativeOnlyAnimatedView\n entering={FadeIn.duration(200).delay(50)}\n exiting={FadeOut.duration(150)}>\n <>{children}</>\n </NativeOnlyAnimatedView>\n </AlertDialogPrimitive.Overlay>\n </FullWindowOverlay>\n );\n}\n\nfunction AlertDialogContent({\n className,\n portalHost,\n ...props\n}: AlertDialogPrimitive.ContentProps &\n React.RefAttributes<AlertDialogPrimitive.ContentRef> & {\n portalHost?: string;\n }) {\n return (\n <AlertDialogPortal hostName={portalHost}>\n <AlertDialogOverlay>\n <AlertDialogPrimitive.Content\n className={cn(\n 'bg-background border-border z-50 flex max-w-lg flex-col gap-4 rounded-lg border p-6 shadow-lg shadow-black/5',\n Platform.select({\n web: 'animate-in fade-in-0 zoom-in-95 duration-200',\n }),\n className\n )}\n {...props}\n />\n </AlertDialogOverlay>\n </AlertDialogPortal>\n );\n}\n\nfunction AlertDialogHeader({ className, ...props }: ViewProps) {\n return (\n <TextClassContext.Provider value=\"text-center sm:text-left\">\n <View className={cn('flex flex-col gap-2', className)} {...props} />\n </TextClassContext.Provider>\n );\n}\n\nfunction AlertDialogFooter({ className, ...props }: ViewProps) {\n return (\n <View\n className={cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-2', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogTitle({\n className,\n ...props\n}: AlertDialogPrimitive.TitleProps & React.RefAttributes<AlertDialogPrimitive.TitleRef>) {\n return (\n <AlertDialogPrimitive.Title\n className={cn('text-foreground text-lg font-semibold', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogDescription({\n className,\n ...props\n}: AlertDialogPrimitive.DescriptionProps &\n React.RefAttributes<AlertDialogPrimitive.DescriptionRef>) {\n return (\n <AlertDialogPrimitive.Description\n className={cn('text-muted-foreground text-sm', className)}\n {...props}\n />\n );\n}\n\nfunction AlertDialogAction({\n className,\n ...props\n}: AlertDialogPrimitive.ActionProps & React.RefAttributes<AlertDialogPrimitive.ActionRef>) {\n return (\n <TextClassContext.Provider value={buttonTextVariants({ className })}>\n <AlertDialogPrimitive.Action className={cn(buttonVariants(), className)} {...props} />\n </TextClassContext.Provider>\n );\n}\n\nfunction AlertDialogCancel({\n className,\n ...props\n}: AlertDialogPrimitive.CancelProps & React.RefAttributes<AlertDialogPrimitive.CancelRef>) {\n return (\n <TextClassContext.Provider value={buttonTextVariants({ className, variant: 'outline' })}>\n <AlertDialogPrimitive.Cancel\n className={cn(buttonVariants({ variant: 'outline' }), 'mt-2 sm:mt-0', className)}\n {...props}\n />\n </TextClassContext.Provider>\n );\n}\n\nexport {\n AlertDialog,\n AlertDialogAction,\n AlertDialogCancel,\n AlertDialogContent,\n AlertDialogDescription,\n AlertDialogFooter,\n AlertDialogHeader,\n AlertDialogOverlay,\n AlertDialogPortal,\n AlertDialogTitle,\n AlertDialogTrigger,\n};\n",
1717
"type": "registry:ui"
1818
}
1919
]

0 commit comments

Comments
 (0)