create-expo-stack 2.11.14 → 2.11.15-next.ff5544c

package/build/templates/packages/nativewindui/components/nativewindui/Sheet.tsx.ejs

@@ -1,59 +0,0 @@
-import {
-  BottomSheetBackdrop,
-  BottomSheetBackdropProps,
-  BottomSheetModal,
-} from '@gorhom/bottom-sheet';
-import * as React from 'react';
-
-import { useColorScheme } from '~/lib/useColorScheme';
-
-const Sheet = React.forwardRef<
-  BottomSheetModal,
-  React.ComponentPropsWithoutRef<typeof BottomSheetModal>
->(
-  (
-    { index = 0, backgroundStyle, style, handleIndicatorStyle, ...props },
-    ref
-  ) => {
-    const { colors } = useColorScheme();
-
-    const renderBackdrop = React.useCallback(
-      (props: BottomSheetBackdropProps) => (
-        <BottomSheetBackdrop {...props} disappearsOnIndex={-1} />
-      ),
-      []
-    );
-    return (
-      <BottomSheetModal
-        ref={ref}
-        index={0}
-        backgroundStyle={
-          backgroundStyle ?? {
-            backgroundColor: colors.card,
-          }
-        }
-        style={
-          style ?? {
-            borderWidth: 1,
-            borderColor: colors.grey5,
-            borderTopStartRadius: 16,
-            borderTopEndRadius: 16,
-          }
-        }
-        handleIndicatorStyle={
-          handleIndicatorStyle ?? {
-            backgroundColor: colors.grey4,
-          }
-        }
-        backdropComponent={renderBackdrop}
-        {...props}
-      />
-    );
-  }
-);
-
-function useSheetRef() {
-  return React.useRef<BottomSheetModal>(null);
-}
-
-export { Sheet, useSheetRef };

package/build/templates/packages/nativewindui/components/nativewindui/Slider.tsx.ejs

@@ -1,28 +0,0 @@
-import RNSlider from '@react-native-community/slider';
-import { Platform } from 'react-native';
-
-import { useColorScheme } from '~/lib/useColorScheme';
-import { COLORS } from '~/theme/colors';
-
-export function Slider({
-  thumbTintColor,
-  minimumTrackTintColor,
-  maximumTrackTintColor,
-  ...props
-}: React.ComponentPropsWithoutRef<typeof RNSlider>) {
-  const { colors } = useColorScheme();
-  return (
-    <RNSlider
-      thumbTintColor={
-        thumbTintColor ?? Platform.OS === 'ios' ? COLORS.white : colors.primary
-      }
-      minimumTrackTintColor={minimumTrackTintColor ?? colors.primary}
-      maximumTrackTintColor={
-        maximumTrackTintColor ?? Platform.OS === 'android'
-          ? colors.primary
-          : undefined
-      }
-      {...props}
-    />
-  );
-}

package/build/templates/packages/nativewindui/components/nativewindui/Text.tsx.ejs

@@ -1,79 +0,0 @@
-import { VariantProps, cva } from 'class-variance-authority';
-import * as React from 'react';
-<% if (props.stylingPackage?.options.selectedComponents.includes('selectable-text')) { %>
-import { UITextView } from 'react-native-uitextview';
-import { cssInterop } from 'nativewind';
-<% } else { %>
-import { Text as RNText } from 'react-native';
-<% } %>
-
-import { cn } from '~/lib/cn';
-
-<% if (props.stylingPackage?.options.selectedComponents.includes('selectable-text')) { %>
-cssInterop(UITextView, { className: 'style' });
-<% } %>
-
-const textVariants = cva('text-foreground', {
-  variants: {
-    variant: {
-      largeTitle: 'text-4xl',
-      title1: 'text-2xl',
-      title2: 'text-[22px] leading-7',
-      title3: 'text-xl',
-      heading: 'text-[17px] leading-6 font-semibold',
-      body: 'text-[17px] leading-6',
-      callout: 'text-base',
-      subhead: 'text-[15px] leading-6',
-      footnote: 'text-[13px] leading-5',
-      caption1: 'text-xs',
-      caption2: 'text-[11px] leading-4',
-    },
-    color: {
-      primary: '',
-      secondary: 'text-secondary-foreground/90',
-      tertiary: 'text-muted-foreground/90',
-      quarternary: 'text-muted-foreground/50',
-    },
-  },
-  defaultVariants: {
-    variant: 'body',
-    color: 'primary',
-  },
-});
-
-const TextClassContext = React.createContext<string | undefined>(undefined);
-
-<% if (props.stylingPackage?.options.selectedComponents.includes('selectable-text')) { %>
-function Text({
-  className,
-  variant,
-  color,
-  ...props
-}: React.ComponentPropsWithoutRef<typeof UITextView> & VariantProps<typeof textVariants>) {
-  const textClassName = React.useContext(TextClassContext);
-  return (
-    <UITextView
-      className={cn(textVariants({ variant, color }), textClassName, className)}
-      {...props}
-    />
-  );
-}
-<% } else { %>
-function Text({
-  className,
-  variant,
-  color,
-  ...props
-}: React.ComponentPropsWithoutRef<typeof RNText> & VariantProps<typeof textVariants>) {
-  const textClassName = React.useContext(TextClassContext);
-  return (
-    <RNText
-      className={cn(textVariants({ variant, color }), textClassName, className)}
-      {...props}
-    />
-  );
-}
-<% } %>
-
-
-export { Text, TextClassContext, textVariants };

package/build/templates/packages/nativewindui/components/nativewindui/Toggle.tsx.ejs

@@ -1,17 +0,0 @@
-import { useColorScheme } from '~/lib/useColorScheme';
-import { COLORS } from '~/theme/colors';
-import { Switch } from 'react-native';
-
-export function Toggle(props: React.ComponentPropsWithoutRef<typeof Switch>) {
-  const { colors } = useColorScheme();
-  return (
-    <Switch
-      trackColor={{
-        true: colors.primary,
-        false: colors.grey,
-      }}
-      thumbColor={COLORS.white}
-      {...props}
-    />
-  );
-}