@react-native-reusables/cli 0.4.1 → 0.5.0-beta.2

package/__generated/components/ui/button.tsx

@@ -1,81 +0,0 @@
-import { cva, type VariantProps } from 'class-variance-authority';
-import * as React from 'react';
-import { Pressable } from 'react-native';
-import { cn } from '../../lib/utils';
-import { TextClassContext } from './text';
-
-const buttonVariants = cva(
-  'group flex items-center justify-center rounded-md web:ring-offset-background web:transition-colors web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',
-  {
-    variants: {
-      variant: {
-        default: 'bg-primary web:hover:opacity-90 active:opacity-90',
-        destructive: 'bg-destructive web:hover:opacity-90 active:opacity-90',
-        outline:
-          'border border-input bg-background web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent',
-        secondary: 'bg-secondary web:hover:opacity-80 active:opacity-80',
-        ghost: 'web:hover:bg-accent web:hover:text-accent-foreground active:bg-accent',
-        link: 'web:underline-offset-4 web:hover:underline web:focus:underline',
-      },
-      size: {
-        default: 'h-10 px-4 py-2 native:h-12 native:px-5 native:py-3',
-        sm: 'h-9 rounded-md px-3',
-        lg: 'h-11 rounded-md px-8 native:h-14',
-        icon: 'h-10 w-10',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  }
-);
-
-const buttonTextVariants = cva(
-  'web:whitespace-nowrap text-sm native:text-base font-medium text-foreground web:transition-colors',
-  {
-    variants: {
-      variant: {
-        default: 'text-primary-foreground',
-        destructive: 'text-destructive-foreground',
-        outline: 'group-active:text-accent-foreground',
-        secondary: 'text-secondary-foreground group-active:text-secondary-foreground',
-        ghost: 'group-active:text-accent-foreground',
-        link: 'text-primary group-active:underline',
-      },
-      size: {
-        default: '',
-        sm: '',
-        lg: 'native:text-lg',
-        icon: '',
-      },
-    },
-    defaultVariants: {
-      variant: 'default',
-      size: 'default',
-    },
-  }
-);
-
-type ButtonProps = React.ComponentProps<typeof Pressable> & VariantProps<typeof buttonVariants>;
-
-function Button({ ref, className, variant, size, ...props }: ButtonProps) {
-  return (
-    <TextClassContext.Provider
-      value={buttonTextVariants({ variant, size, className: 'web:pointer-events-none' })}
-    >
-      <Pressable
-        className={cn(
-          props.disabled && 'opacity-50 web:pointer-events-none',
-          buttonVariants({ variant, size, className })
-        )}
-        ref={ref}
-        role='button'
-        {...props}
-      />
-    </TextClassContext.Provider>
-  );
-}
-
-export { Button, buttonTextVariants, buttonVariants };
-export type { ButtonProps };

package/__generated/components/ui/card.tsx

@@ -1,82 +0,0 @@
-import * as React from 'react';
-import { Text, type TextProps, View, type ViewProps } from 'react-native';
-import { cn } from '../../lib/utils';
-import { TextClassContext } from './text';
-
-function Card({
-  className,
-  ...props
-}: ViewProps & {
-  ref?: React.RefObject<View>;
-}) {
-  return (
-    <View
-      className={cn(
-        'rounded-lg border border-border bg-card shadow-sm shadow-foreground/10',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardHeader({
-  className,
-  ...props
-}: ViewProps & {
-  ref?: React.RefObject<View>;
-}) {
-  return <View className={cn('flex flex-col space-y-1.5 p-6', className)} {...props} />;
-}
-
-function CardTitle({
-  className,
-  ...props
-}: TextProps & {
-  ref?: React.RefObject<Text>;
-}) {
-  return (
-    <Text
-      role='heading'
-      aria-level={3}
-      className={cn(
-        'text-2xl text-card-foreground font-semibold leading-none tracking-tight',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function CardDescription({
-  className,
-  ...props
-}: TextProps & {
-  ref?: React.RefObject<Text>;
-}) {
-  return <Text className={cn('text-sm text-muted-foreground', className)} {...props} />;
-}
-
-function CardContent({
-  className,
-  ...props
-}: ViewProps & {
-  ref?: React.RefObject<View>;
-}) {
-  return (
-    <TextClassContext.Provider value='text-card-foreground'>
-      <View className={cn('p-6 pt-0', className)} {...props} />
-    </TextClassContext.Provider>
-  );
-}
-
-function CardFooter({
-  className,
-  ...props
-}: ViewProps & {
-  ref?: React.RefObject<View>;
-}) {
-  return <View className={cn('flex flex-row items-center p-6 pt-0', className)} {...props} />;
-}
-
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/__generated/components/ui/checkbox.tsx

@@ -1,33 +0,0 @@
-import * as CheckboxPrimitive from '@rn-primitives/checkbox';
-import * as React from 'react';
-import { Platform } from 'react-native';
-import { Check } from '../../lib/icons/Check';
-import { cn } from '../../lib/utils';
-
-function Checkbox({
-  className,
-  ...props
-}: CheckboxPrimitive.RootProps & {
-  ref?: React.RefObject<CheckboxPrimitive.RootRef>;
-}) {
-  return (
-    <CheckboxPrimitive.Root
-      className={cn(
-        'web:peer h-4 w-4 native:h-[20] native:w-[20] shrink-0 rounded-sm native:rounded border border-primary web:ring-offset-background web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
-        props.checked && 'bg-primary',
-        className
-      )}
-      {...props}
-    >
-      <CheckboxPrimitive.Indicator className={cn('items-center justify-center h-full w-full')}>
-        <Check
-          size={12}
-          strokeWidth={Platform.OS === 'web' ? 2.5 : 3.5}
-          className='text-primary-foreground'
-        />
-      </CheckboxPrimitive.Indicator>
-    </CheckboxPrimitive.Root>
-  );
-}
-
-export { Checkbox };

package/__generated/components/ui/collapsible.tsx

@@ -1,9 +0,0 @@
-import * as CollapsiblePrimitive from '@rn-primitives/collapsible';
-
-const Collapsible = CollapsiblePrimitive.Root;
-
-const CollapsibleTrigger = CollapsiblePrimitive.Trigger;
-
-const CollapsibleContent = CollapsiblePrimitive.Content;
-
-export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/__generated/components/ui/context-menu.tsx

@@ -1,264 +0,0 @@
-import * as ContextMenuPrimitive from '@rn-primitives/context-menu';
-import * as React from 'react';
-import {
-  Platform,
-  type StyleProp,
-  StyleSheet,
-  Text,
-  type TextProps,
-  View,
-  type ViewStyle,
-} from 'react-native';
-import { Check } from '../../lib/icons/Check';
-import { ChevronDown } from '../../lib/icons/ChevronDown';
-import { ChevronRight } from '../../lib/icons/ChevronRight';
-import { ChevronUp } from '../../lib/icons/ChevronUp';
-import { cn } from '../../lib/utils';
-import { TextClassContext } from './text';
-
-const ContextMenu = ContextMenuPrimitive.Root;
-const ContextMenuTrigger = ContextMenuPrimitive.Trigger;
-const ContextMenuGroup = ContextMenuPrimitive.Group;
-const ContextMenuSub = ContextMenuPrimitive.Sub;
-const ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-
-function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: ContextMenuPrimitive.SubTriggerProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.SubTriggerRef>;
-  children?: React.ReactNode;
-  inset?: boolean;
-}) {
-  const { open } = ContextMenuPrimitive.useSubContext();
-  const Icon = Platform.OS === 'web' ? ChevronRight : open ? ChevronUp : ChevronDown;
-  return (
-    <TextClassContext.Provider
-      value={cn(
-        'select-none text-sm native:text-lg text-primary',
-        open && 'native:text-accent-foreground'
-      )}
-    >
-      <ContextMenuPrimitive.SubTrigger
-        className={cn(
-          'flex flex-row web:cursor-default web:select-none items-center gap-2 web:focus:bg-accent active:bg-accent web:hover:bg-accent rounded-sm px-2 py-1.5 native:py-2 web:outline-none',
-          open && 'bg-accent',
-          inset && 'pl-8',
-          className
-        )}
-        {...props}
-      >
-        {children}
-        <Icon size={18} className='ml-auto text-foreground' />
-      </ContextMenuPrimitive.SubTrigger>
-    </TextClassContext.Provider>
-  );
-}
-
-function ContextMenuSubContent({
-  className,
-  ...props
-}: ContextMenuPrimitive.SubContentProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.SubContentRef>;
-}) {
-  const { open } = ContextMenuPrimitive.useSubContext();
-  return (
-    <ContextMenuPrimitive.SubContent
-      className={cn(
-        'z-50 min-w-[8rem] overflow-hidden rounded-md border mt-1 border-border bg-popover p-1 shadow-md shadow-foreground/5 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-        open
-          ? 'web:animate-in web:fade-in-0 web:zoom-in-95'
-          : 'web:animate-out web:fade-out-0 web:zoom-out',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function ContextMenuContent({
-  className,
-  overlayClassName,
-  overlayStyle,
-  portalHost,
-  ...props
-}: ContextMenuPrimitive.ContentProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.ContentRef>;
-  overlayStyle?: StyleProp<ViewStyle>;
-  overlayClassName?: string;
-  portalHost?: string;
-}) {
-  const { open } = ContextMenuPrimitive.useRootContext();
-  return (
-    <ContextMenuPrimitive.Portal hostName={portalHost}>
-      <ContextMenuPrimitive.Overlay
-        style={
-          overlayStyle
-            ? StyleSheet.flatten([
-                Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined,
-                overlayStyle as typeof StyleSheet.absoluteFill,
-              ])
-            : Platform.OS !== 'web'
-            ? StyleSheet.absoluteFill
-            : undefined
-        }
-        className={overlayClassName}
-      >
-        <ContextMenuPrimitive.Content
-          className={cn(
-            'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 shadow-md shadow-foreground/5 web:data-[side=bottom]:slide-in-from-top-2 web:data-[side=left]:slide-in-from-right-2 web:data-[side=right]:slide-in-from-left-2 web:data-[side=top]:slide-in-from-bottom-2',
-            open
-              ? 'web:animate-in web:fade-in-0 web:zoom-in-95'
-              : 'web:animate-out web:fade-out-0 web:zoom-out-95',
-            className
-          )}
-          {...props}
-        />
-      </ContextMenuPrimitive.Overlay>
-    </ContextMenuPrimitive.Portal>
-  );
-}
-
-function ContextMenuItem({
-  className,
-  inset,
-  ...props
-}: ContextMenuPrimitive.ItemProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.ItemRef>;
-  className?: string;
-  inset?: boolean;
-}) {
-  return (
-    <TextClassContext.Provider value='select-none text-sm native:text-lg text-popover-foreground web:group-focus:text-accent-foreground'>
-      <ContextMenuPrimitive.Item
-        className={cn(
-          'relative flex flex-row web:cursor-default items-center gap-2 rounded-sm px-2 py-1.5 native:py-2 web:outline-none web:focus:bg-accent active:bg-accent web:hover:bg-accent group',
-          inset && 'pl-8',
-          props.disabled && 'opacity-50 web:pointer-events-none',
-          className
-        )}
-        {...props}
-      />
-    </TextClassContext.Provider>
-  );
-}
-
-function ContextMenuCheckboxItem({
-  className,
-  children,
-  ...props
-}: ContextMenuPrimitive.CheckboxItemProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.CheckboxItemRef>;
-  children?: React.ReactNode;
-}) {
-  return (
-    <ContextMenuPrimitive.CheckboxItem
-      className={cn(
-        'relative flex flex-row web:cursor-default items-center web:group rounded-sm py-1.5 native:py-2 pl-8 pr-2 web:outline-none web:focus:bg-accent active:bg-accent',
-        props.disabled && 'web:pointer-events-none opacity-50',
-        className
-      )}
-      {...props}
-    >
-      <View className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
-        <ContextMenuPrimitive.ItemIndicator>
-          <Check size={14} strokeWidth={3} className='text-foreground' />
-        </ContextMenuPrimitive.ItemIndicator>
-      </View>
-      {children}
-    </ContextMenuPrimitive.CheckboxItem>
-  );
-}
-
-function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}: ContextMenuPrimitive.RadioItemProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.RadioItemRef>;
-  children?: React.ReactNode;
-}) {
-  return (
-    <ContextMenuPrimitive.RadioItem
-      className={cn(
-        'relative flex flex-row web:cursor-default web:group items-center rounded-sm py-1.5 native:py-2 pl-8 pr-2 web:outline-none web:focus:bg-accent active:bg-accent',
-        props.disabled && 'web:pointer-events-none opacity-50',
-        className
-      )}
-      {...props}
-    >
-      <View className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
-        <ContextMenuPrimitive.ItemIndicator>
-          <View className='bg-foreground h-2 w-2 rounded-full' />
-        </ContextMenuPrimitive.ItemIndicator>
-      </View>
-      {children}
-    </ContextMenuPrimitive.RadioItem>
-  );
-}
-
-function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}: ContextMenuPrimitive.LabelProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.LabelRef>;
-  className?: string;
-  inset?: boolean;
-}) {
-  return (
-    <ContextMenuPrimitive.Label
-      className={cn(
-        'px-2 py-1.5 text-sm native:text-base font-semibold text-foreground web:cursor-default',
-        inset && 'pl-8',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function ContextMenuSeparator({
-  className,
-  ...props
-}: ContextMenuPrimitive.SeparatorProps & {
-  ref?: React.RefObject<ContextMenuPrimitive.SeparatorRef>;
-}) {
-  return (
-    <ContextMenuPrimitive.Separator
-      className={cn('-mx-1 my-1 h-px bg-border', className)}
-      {...props}
-    />
-  );
-}
-
-function ContextMenuShortcut({ className, ...props }: TextProps) {
-  return (
-    <Text
-      className={cn(
-        'ml-auto text-xs native:text-sm tracking-widest text-muted-foreground',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export {
-  ContextMenu,
-  ContextMenuCheckboxItem,
-  ContextMenuContent,
-  ContextMenuGroup,
-  ContextMenuItem,
-  ContextMenuLabel,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuTrigger,
-};

package/__generated/components/ui/dialog.tsx

@@ -1,159 +0,0 @@
-import * as DialogPrimitive from '@rn-primitives/dialog';
-import * as React from 'react';
-import { Platform, StyleSheet, View, type ViewProps } from 'react-native';
-import Animated, { FadeIn, FadeOut } from 'react-native-reanimated';
-import { X } from '../../lib/icons/X';
-import { cn } from '../../lib/utils';
-
-const Dialog = DialogPrimitive.Root;
-
-const DialogTrigger = DialogPrimitive.Trigger;
-
-const DialogPortal = DialogPrimitive.Portal;
-
-const DialogClose = DialogPrimitive.Close;
-
-function DialogOverlayWeb({
-  className,
-  ...props
-}: DialogPrimitive.OverlayProps & {
-  ref?: React.RefObject<DialogPrimitive.OverlayRef>;
-}) {
-  const { open } = DialogPrimitive.useRootContext();
-  return (
-    <DialogPrimitive.Overlay
-      className={cn(
-        'bg-black/80 flex justify-center items-center p-2 absolute top-0 right-0 bottom-0 left-0',
-        open ? 'web:animate-in web:fade-in-0' : 'web:animate-out web:fade-out-0',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function DialogOverlayNative({
-  className,
-  children,
-  ...props
-}: DialogPrimitive.OverlayProps & {
-  ref?: React.RefObject<DialogPrimitive.OverlayRef>;
-  children?: React.ReactNode;
-}) {
-  return (
-    <DialogPrimitive.Overlay
-      style={StyleSheet.absoluteFill}
-      className={cn('flex bg-black/80 justify-center items-center p-2', className)}
-      {...props}
-    >
-      <Animated.View entering={FadeIn.duration(150)} exiting={FadeOut.duration(150)}>
-        {children}
-      </Animated.View>
-    </DialogPrimitive.Overlay>
-  );
-}
-
-const DialogOverlay = Platform.select({
-  web: DialogOverlayWeb,
-  default: DialogOverlayNative,
-});
-
-function DialogContent({
-  className,
-  children,
-  portalHost,
-  ...props
-}: DialogPrimitive.ContentProps & {
-  ref?: React.RefObject<DialogPrimitive.ContentRef>;
-  className?: string;
-  portalHost?: string;
-}) {
-  const { open } = DialogPrimitive.useRootContext();
-  return (
-    <DialogPortal hostName={portalHost}>
-      <DialogOverlay>
-        <DialogPrimitive.Content
-          className={cn(
-            'max-w-lg gap-4 border border-border web:cursor-default bg-background p-6 shadow-lg web:duration-200 rounded-lg',
-            open
-              ? 'web:animate-in web:fade-in-0 web:zoom-in-95'
-              : 'web:animate-out web:fade-out-0 web:zoom-out-95',
-            className
-          )}
-          {...props}
-        >
-          {children}
-          <DialogPrimitive.Close
-            className={
-              'absolute right-4 top-4 p-0.5 web:group rounded-sm opacity-70 web:ring-offset-background web:transition-opacity web:hover:opacity-100 web:focus:outline-none web:focus:ring-2 web:focus:ring-ring web:focus:ring-offset-2 web:disabled:pointer-events-none'
-            }
-          >
-            <X
-              size={Platform.OS === 'web' ? 16 : 18}
-              className={cn('text-muted-foreground', open && 'text-accent-foreground')}
-            />
-          </DialogPrimitive.Close>
-        </DialogPrimitive.Content>
-      </DialogOverlay>
-    </DialogPortal>
-  );
-}
-
-function DialogHeader({ className, ...props }: ViewProps) {
-  return (
-    <View className={cn('flex flex-col gap-1.5 text-center sm:text-left', className)} {...props} />
-  );
-}
-
-function DialogFooter({ className, ...props }: ViewProps) {
-  return (
-    <View
-      className={cn('flex flex-col-reverse sm:flex-row sm:justify-end gap-2', className)}
-      {...props}
-    />
-  );
-}
-
-function DialogTitle({
-  className,
-  ...props
-}: DialogPrimitive.TitleProps & {
-  ref?: React.RefObject<DialogPrimitive.TitleRef>;
-}) {
-  return (
-    <DialogPrimitive.Title
-      className={cn(
-        'text-lg native:text-xl text-foreground font-semibold leading-none tracking-tight',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function DialogDescription({
-  className,
-  ...props
-}: DialogPrimitive.DescriptionProps & {
-  ref?: React.RefObject<DialogPrimitive.DescriptionRef>;
-}) {
-  return (
-    <DialogPrimitive.Description
-      className={cn('text-sm native:text-base text-muted-foreground', className)}
-      {...props}
-    />
-  );
-}
-
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-};