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

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

@@ -1,274 +0,0 @@
-import * as DropdownMenuPrimitive from '@rn-primitives/dropdown-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 DropdownMenu = DropdownMenuPrimitive.Root;
-
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-
-const DropdownMenuGroup = DropdownMenuPrimitive.Group;
-
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
-
-const DropdownMenuSub = DropdownMenuPrimitive.Sub;
-
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-
-function DropdownMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: DropdownMenuPrimitive.SubTriggerProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.SubTriggerRef>;
-  className?: string;
-  inset?: boolean;
-  children?: React.ReactNode;
-}) {
-  const { open } = DropdownMenuPrimitive.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'
-      )}
-    >
-      <DropdownMenuPrimitive.SubTrigger
-        className={cn(
-          'flex flex-row web:cursor-default web:select-none gap-2 items-center web:focus:bg-accent web:hover:bg-accent active: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' />
-      </DropdownMenuPrimitive.SubTrigger>
-    </TextClassContext.Provider>
-  );
-}
-
-function DropdownMenuSubContent({
-  className,
-  ...props
-}: DropdownMenuPrimitive.SubContentProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.SubContentRef>;
-}) {
-  const { open } = DropdownMenuPrimitive.useSubContext();
-  return (
-    <DropdownMenuPrimitive.SubContent
-      className={cn(
-        'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border mt-1 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 DropdownMenuContent({
-  className,
-  overlayClassName,
-  overlayStyle,
-  portalHost,
-  ...props
-}: DropdownMenuPrimitive.ContentProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.ContentRef>;
-  overlayStyle?: StyleProp<ViewStyle>;
-  overlayClassName?: string;
-  portalHost?: string;
-}) {
-  const { open } = DropdownMenuPrimitive.useRootContext();
-  return (
-    <DropdownMenuPrimitive.Portal hostName={portalHost}>
-      <DropdownMenuPrimitive.Overlay
-        style={
-          overlayStyle
-            ? StyleSheet.flatten([
-                Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined,
-                overlayStyle as typeof StyleSheet.absoluteFill,
-              ])
-            : Platform.OS !== 'web'
-            ? StyleSheet.absoluteFill
-            : undefined
-        }
-        className={overlayClassName}
-      >
-        <DropdownMenuPrimitive.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}
-        />
-      </DropdownMenuPrimitive.Overlay>
-    </DropdownMenuPrimitive.Portal>
-  );
-}
-
-function DropdownMenuItem({
-  className,
-  inset,
-  ...props
-}: DropdownMenuPrimitive.ItemProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.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'>
-      <DropdownMenuPrimitive.Item
-        className={cn(
-          'relative flex flex-row web:cursor-default gap-2 items-center 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 DropdownMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: DropdownMenuPrimitive.CheckboxItemProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.CheckboxItemRef>;
-  children?: React.ReactNode;
-}) {
-  return (
-    <DropdownMenuPrimitive.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
-      )}
-      checked={checked}
-      {...props}
-    >
-      <View className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
-        <DropdownMenuPrimitive.ItemIndicator>
-          <Check size={14} strokeWidth={3} className='text-foreground' />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </View>
-      {children}
-    </DropdownMenuPrimitive.CheckboxItem>
-  );
-}
-
-function DropdownMenuRadioItem({
-  className,
-  children,
-  ...props
-}: DropdownMenuPrimitive.RadioItemProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.RadioItemRef>;
-  children?: React.ReactNode;
-}) {
-  return (
-    <DropdownMenuPrimitive.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'>
-        <DropdownMenuPrimitive.ItemIndicator>
-          <View className='bg-foreground h-2 w-2 rounded-full' />
-        </DropdownMenuPrimitive.ItemIndicator>
-      </View>
-      {children}
-    </DropdownMenuPrimitive.RadioItem>
-  );
-}
-
-function DropdownMenuLabel({
-  className,
-  inset,
-  ...props
-}: DropdownMenuPrimitive.LabelProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.LabelRef>;
-  className?: string;
-  inset?: boolean;
-}) {
-  return (
-    <DropdownMenuPrimitive.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 DropdownMenuSeparator({
-  className,
-  ...props
-}: DropdownMenuPrimitive.SeparatorProps & {
-  ref?: React.RefObject<DropdownMenuPrimitive.SeparatorRef>;
-}) {
-  return (
-    <DropdownMenuPrimitive.Separator
-      className={cn('-mx-1 my-1 h-px bg-border', className)}
-      {...props}
-    />
-  );
-}
-
-function DropdownMenuShortcut({ className, ...props }: TextProps) {
-  return (
-    <Text
-      className={cn(
-        'ml-auto text-xs native:text-sm tracking-widest text-muted-foreground',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export {
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-};

package/__generated/components/ui/hover-card.tsx

@@ -1,47 +0,0 @@
-import * as HoverCardPrimitive from '@rn-primitives/hover-card';
-import * as React from 'react';
-import { Platform, StyleSheet } from 'react-native';
-import Animated, { FadeIn } from 'react-native-reanimated';
-import { cn } from '../../lib/utils';
-import { TextClassContext } from './text';
-
-const HoverCard = HoverCardPrimitive.Root;
-
-const HoverCardTrigger = HoverCardPrimitive.Trigger;
-
-function HoverCardContent({
-  className,
-  align = 'center',
-  sideOffset = 4,
-  ...props
-}: HoverCardPrimitive.ContentProps & {
-  ref?: React.RefObject<HoverCardPrimitive.ContentRef>;
-}) {
-  const { open } = HoverCardPrimitive.useRootContext();
-  return (
-    <HoverCardPrimitive.Portal>
-      <HoverCardPrimitive.Overlay
-        style={Platform.OS !== 'web' ? StyleSheet.absoluteFill : undefined}
-      >
-        <Animated.View entering={FadeIn}>
-          <TextClassContext.Provider value='text-popover-foreground'>
-            <HoverCardPrimitive.Content
-              align={align}
-              sideOffset={sideOffset}
-              className={cn(
-                'z-50 w-64 rounded-md border border-border bg-popover p-4 shadow-md shadow-foreground/5 web:outline-none web:cursor-auto 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-95',
-                className
-              )}
-              {...props}
-            />
-          </TextClassContext.Provider>
-        </Animated.View>
-      </HoverCardPrimitive.Overlay>
-    </HoverCardPrimitive.Portal>
-  );
-}
-
-export { HoverCard, HoverCardContent, HoverCardTrigger };

package/__generated/components/ui/input.tsx

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { TextInput, type TextInputProps } from 'react-native';
-import { cn } from '../../lib/utils';
-
-function Input({
-  className,
-  placeholderClassName,
-  ...props
-}: TextInputProps & {
-  ref?: React.RefObject<TextInput>;
-}) {
-  return (
-    <TextInput
-      className={cn(
-        'web:flex h-10 native:h-12 web:w-full rounded-md border border-input bg-background px-3 web:py-2 text-base lg:text-sm native:text-lg native:leading-[1.25] text-foreground placeholder:text-muted-foreground web:ring-offset-background file:border-0 file:bg-transparent file:font-medium web:focus-visible:outline-none web:focus-visible:ring-2 web:focus-visible:ring-ring web:focus-visible:ring-offset-2',
-        props.editable === false && 'opacity-50 web:cursor-not-allowed',
-        className
-      )}
-      placeholderClassName={cn('text-muted-foreground', placeholderClassName)}
-      {...props}
-    />
-  );
-}
-
-export { Input };

package/__generated/components/ui/label.tsx

@@ -1,34 +0,0 @@
-import * as LabelPrimitive from '@rn-primitives/label';
-import * as React from 'react';
-import { cn } from '../../lib/utils';
-
-function Label({
-  className,
-  onPress,
-  onLongPress,
-  onPressIn,
-  onPressOut,
-  ...props
-}: LabelPrimitive.TextProps & {
-  ref?: React.RefObject<LabelPrimitive.TextRef>;
-}) {
-  return (
-    <LabelPrimitive.Root
-      className='web:cursor-default'
-      onPress={onPress}
-      onLongPress={onLongPress}
-      onPressIn={onPressIn}
-      onPressOut={onPressOut}
-    >
-      <LabelPrimitive.Text
-        className={cn(
-          'text-sm text-foreground native:text-base font-medium leading-none web:peer-disabled:cursor-not-allowed web:peer-disabled:opacity-70',
-          className
-        )}
-        {...props}
-      />
-    </LabelPrimitive.Root>
-  );
-}
-
-export { Label };

package/__generated/components/ui/menubar.tsx

@@ -1,284 +0,0 @@
-import * as MenubarPrimitive from '@rn-primitives/menubar';
-import * as React from 'react';
-import { Platform, Text, type TextProps, View } 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 MenubarMenu = MenubarPrimitive.Menu;
-
-const MenubarGroup = MenubarPrimitive.Group;
-
-const MenubarPortal = MenubarPrimitive.Portal;
-
-const MenubarSub = MenubarPrimitive.Sub;
-
-const MenubarRadioGroup = MenubarPrimitive.RadioGroup;
-
-function Menubar({
-  className,
-  ...props
-}: MenubarPrimitive.RootProps & {
-  ref?: React.RefObject<MenubarPrimitive.RootRef>;
-}) {
-  return (
-    <MenubarPrimitive.Root
-      className={cn(
-        'flex flex-row h-10 native:h-12 items-center space-x-1 rounded-md border border-border bg-background p-1',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function MenubarTrigger({
-  className,
-  ...props
-}: MenubarPrimitive.TriggerProps & {
-  ref?: React.RefObject<MenubarPrimitive.TriggerRef>;
-}) {
-  const { value } = MenubarPrimitive.useRootContext();
-  const { value: itemValue } = MenubarPrimitive.useMenuContext();
-
-  return (
-    <MenubarPrimitive.Trigger
-      className={cn(
-        'flex flex-row web:cursor-default web:select-none items-center rounded-sm px-3 py-1.5 text-sm native:h-10 native:px-5 native:py-0 font-medium web:outline-none web:focus:bg-accent active:bg-accent web:focus:text-accent-foreground',
-        value === itemValue && 'bg-accent text-accent-foreground',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-function MenubarSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: MenubarPrimitive.SubTriggerProps & {
-  ref?: React.RefObject<MenubarPrimitive.SubTriggerRef>;
-  className?: string;
-  inset?: boolean;
-  children?: React.ReactNode;
-}) {
-  const { open } = MenubarPrimitive.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'
-      )}
-    >
-      <MenubarPrimitive.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' />
-      </MenubarPrimitive.SubTrigger>
-    </TextClassContext.Provider>
-  );
-}
-
-function MenubarSubContent({
-  className,
-  ...props
-}: MenubarPrimitive.SubContentProps & {
-  ref?: React.RefObject<MenubarPrimitive.SubContentRef>;
-}) {
-  const { open } = MenubarPrimitive.useSubContext();
-  return (
-    <MenubarPrimitive.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 MenubarContent({
-  className,
-  portalHost,
-  ...props
-}: MenubarPrimitive.ContentProps & {
-  ref?: React.RefObject<MenubarPrimitive.ContentRef>;
-  className?: string;
-  portalHost?: string;
-}) {
-  const { value } = MenubarPrimitive.useRootContext();
-  const { value: itemValue } = MenubarPrimitive.useMenuContext();
-  return (
-    <MenubarPrimitive.Portal hostName={portalHost}>
-      <MenubarPrimitive.Content
-        className={cn(
-          'z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-popover p-1 shadow-md shadow-foreground/5',
-          value === itemValue
-            ? 'web:animate-in web:fade-in-0 web:zoom-in-95'
-            : 'web:animate-out web:fade-out-0 web:zoom-out-95',
-          className
-        )}
-        {...props}
-      />
-    </MenubarPrimitive.Portal>
-  );
-}
-
-function MenubarItem({
-  className,
-  inset,
-  ...props
-}: MenubarPrimitive.ItemProps & {
-  ref?: React.RefObject<MenubarPrimitive.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'>
-      <MenubarPrimitive.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 MenubarCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: MenubarPrimitive.CheckboxItemProps & {
-  ref?: React.RefObject<MenubarPrimitive.CheckboxItemRef>;
-  children?: React.ReactNode;
-}) {
-  return (
-    <MenubarPrimitive.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
-      )}
-      checked={checked}
-      {...props}
-    >
-      <View className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>
-        <MenubarPrimitive.ItemIndicator>
-          <Check size={14} strokeWidth={3} className='text-foreground' />
-        </MenubarPrimitive.ItemIndicator>
-      </View>
-      {children}
-    </MenubarPrimitive.CheckboxItem>
-  );
-}
-
-function MenubarRadioItem({
-  className,
-  children,
-  ...props
-}: MenubarPrimitive.RadioItemProps & {
-  ref?: React.RefObject<MenubarPrimitive.RadioItemRef>;
-  children?: React.ReactNode;
-}) {
-  return (
-    <MenubarPrimitive.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'>
-        <MenubarPrimitive.ItemIndicator>
-          <View className='bg-foreground h-2 w-2 rounded-full' />
-        </MenubarPrimitive.ItemIndicator>
-      </View>
-      {children}
-    </MenubarPrimitive.RadioItem>
-  );
-}
-
-function MenubarLabel({
-  className,
-  inset,
-  ...props
-}: MenubarPrimitive.LabelProps & {
-  ref?: React.RefObject<MenubarPrimitive.LabelRef>;
-  className?: string;
-  inset?: boolean;
-}) {
-  return (
-    <MenubarPrimitive.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 MenubarSeparator({
-  className,
-  ...props
-}: MenubarPrimitive.SeparatorProps & {
-  ref?: React.RefObject<MenubarPrimitive.SeparatorRef>;
-}) {
-  return (
-    <MenubarPrimitive.Separator className={cn('-mx-1 my-1 h-px bg-border', className)} {...props} />
-  );
-}
-
-function MenubarShortcut({ className, ...props }: TextProps) {
-  return (
-    <Text
-      className={cn(
-        'ml-auto text-xs native:text-sm tracking-widest text-muted-foreground',
-        className
-      )}
-      {...props}
-    />
-  );
-}
-
-export {
-  Menubar,
-  MenubarCheckboxItem,
-  MenubarContent,
-  MenubarGroup,
-  MenubarItem,
-  MenubarLabel,
-  MenubarMenu,
-  MenubarPortal,
-  MenubarRadioGroup,
-  MenubarRadioItem,
-  MenubarSeparator,
-  MenubarShortcut,
-  MenubarSub,
-  MenubarSubContent,
-  MenubarSubTrigger,
-  MenubarTrigger,
-};