@wireservers-ui/react-natives 1.0.0 → 1.0.1-rc1

package/src/alert/styles.ts

@@ -1,112 +1,112 @@
-import { tv } from 'tailwind-variants';
-
-export const alertStyle = tv({
-  base: 'flex-row items-start rounded-lg px-4 py-3 gap-3',
-  variants: {
-    status: {
-      info: '',
-      success: '',
-      warning: '',
-      error: '',
-    },
-    variant: {
-      solid: '',
-      subtle: '',
-      outline: 'bg-transparent border',
-    },
-  },
-  compoundVariants: [
-    // solid
-    { status: 'info', variant: 'solid', class: 'bg-info-500' },
-    { status: 'success', variant: 'solid', class: 'bg-success-500' },
-    { status: 'warning', variant: 'solid', class: 'bg-warning-500' },
-    { status: 'error', variant: 'solid', class: 'bg-error-500' },
-    // subtle
-    { status: 'info', variant: 'subtle', class: 'bg-info-50' },
-    { status: 'success', variant: 'subtle', class: 'bg-success-50' },
-    { status: 'warning', variant: 'subtle', class: 'bg-warning-50' },
-    { status: 'error', variant: 'subtle', class: 'bg-error-50' },
-    // outline
-    { status: 'info', variant: 'outline', class: 'border-info-500' },
-    { status: 'success', variant: 'outline', class: 'border-success-500' },
-    { status: 'warning', variant: 'outline', class: 'border-warning-500' },
-    { status: 'error', variant: 'outline', class: 'border-error-500' },
-  ],
-  defaultVariants: {
-    status: 'info',
-    variant: 'subtle',
-  },
-});
-
-export const alertIconStyle = tv({
-  base: 'h-5 w-5 mt-0.5',
-  variants: {
-    status: {
-      info: '',
-      success: '',
-      warning: '',
-      error: '',
-    },
-    variant: {
-      solid: 'text-typography-0',
-      subtle: '',
-      outline: '',
-    },
-  },
-  compoundVariants: [
-    { status: 'info', variant: 'subtle', class: 'text-info-600' },
-    { status: 'success', variant: 'subtle', class: 'text-success-600' },
-    { status: 'warning', variant: 'subtle', class: 'text-warning-600' },
-    { status: 'error', variant: 'subtle', class: 'text-error-600' },
-    { status: 'info', variant: 'outline', class: 'text-info-600' },
-    { status: 'success', variant: 'outline', class: 'text-success-600' },
-    { status: 'warning', variant: 'outline', class: 'text-warning-600' },
-    { status: 'error', variant: 'outline', class: 'text-error-600' },
-  ],
-  defaultVariants: {
-    status: 'info',
-    variant: 'subtle',
-  },
-});
-
-export const alertBodyStyle = tv({
-  base: 'flex-1 gap-1',
-});
-
-export const alertTextStyle = tv({
-  base: 'text-sm',
-  variants: {
-    status: {
-      info: '',
-      success: '',
-      warning: '',
-      error: '',
-    },
-    variant: {
-      solid: 'text-typography-0',
-      subtle: '',
-      outline: '',
-    },
-    isBold: {
-      true: 'font-semibold',
-    },
-  },
-  compoundVariants: [
-    { status: 'info', variant: 'subtle', class: 'text-info-900' },
-    { status: 'success', variant: 'subtle', class: 'text-success-900' },
-    { status: 'warning', variant: 'subtle', class: 'text-warning-900' },
-    { status: 'error', variant: 'subtle', class: 'text-error-900' },
-    { status: 'info', variant: 'outline', class: 'text-info-900' },
-    { status: 'success', variant: 'outline', class: 'text-success-900' },
-    { status: 'warning', variant: 'outline', class: 'text-warning-900' },
-    { status: 'error', variant: 'outline', class: 'text-error-900' },
-  ],
-  defaultVariants: {
-    status: 'info',
-    variant: 'subtle',
-  },
-});
-
-export const alertCloseButtonStyle = tv({
-  base: 'p-1 rounded active:opacity-70',
-});
+import { tv } from 'tailwind-variants';
+
+export const alertStyle = tv({
+  base: 'flex-row items-start rounded-lg px-4 py-3 gap-3',
+  variants: {
+    status: {
+      info: '',
+      success: '',
+      warning: '',
+      error: '',
+    },
+    variant: {
+      solid: '',
+      subtle: '',
+      outline: 'bg-transparent border',
+    },
+  },
+  compoundVariants: [
+    // solid
+    { status: 'info', variant: 'solid', class: 'bg-info-500' },
+    { status: 'success', variant: 'solid', class: 'bg-success-500' },
+    { status: 'warning', variant: 'solid', class: 'bg-warning-500' },
+    { status: 'error', variant: 'solid', class: 'bg-error-500' },
+    // subtle
+    { status: 'info', variant: 'subtle', class: 'bg-info-50' },
+    { status: 'success', variant: 'subtle', class: 'bg-success-50' },
+    { status: 'warning', variant: 'subtle', class: 'bg-warning-50' },
+    { status: 'error', variant: 'subtle', class: 'bg-error-50' },
+    // outline
+    { status: 'info', variant: 'outline', class: 'border-info-500' },
+    { status: 'success', variant: 'outline', class: 'border-success-500' },
+    { status: 'warning', variant: 'outline', class: 'border-warning-500' },
+    { status: 'error', variant: 'outline', class: 'border-error-500' },
+  ],
+  defaultVariants: {
+    status: 'info',
+    variant: 'subtle',
+  },
+});
+
+export const alertIconStyle = tv({
+  base: 'h-5 w-5 mt-0.5',
+  variants: {
+    status: {
+      info: '',
+      success: '',
+      warning: '',
+      error: '',
+    },
+    variant: {
+      solid: 'text-typography-0',
+      subtle: '',
+      outline: '',
+    },
+  },
+  compoundVariants: [
+    { status: 'info', variant: 'subtle', class: 'text-info-600' },
+    { status: 'success', variant: 'subtle', class: 'text-success-600' },
+    { status: 'warning', variant: 'subtle', class: 'text-warning-600' },
+    { status: 'error', variant: 'subtle', class: 'text-error-600' },
+    { status: 'info', variant: 'outline', class: 'text-info-600' },
+    { status: 'success', variant: 'outline', class: 'text-success-600' },
+    { status: 'warning', variant: 'outline', class: 'text-warning-600' },
+    { status: 'error', variant: 'outline', class: 'text-error-600' },
+  ],
+  defaultVariants: {
+    status: 'info',
+    variant: 'subtle',
+  },
+});
+
+export const alertBodyStyle = tv({
+  base: 'flex-1 gap-1',
+});
+
+export const alertTextStyle = tv({
+  base: 'text-sm',
+  variants: {
+    status: {
+      info: '',
+      success: '',
+      warning: '',
+      error: '',
+    },
+    variant: {
+      solid: 'text-typography-0',
+      subtle: '',
+      outline: '',
+    },
+    isBold: {
+      true: 'font-semibold',
+    },
+  },
+  compoundVariants: [
+    { status: 'info', variant: 'subtle', class: 'text-info-900' },
+    { status: 'success', variant: 'subtle', class: 'text-success-900' },
+    { status: 'warning', variant: 'subtle', class: 'text-warning-900' },
+    { status: 'error', variant: 'subtle', class: 'text-error-900' },
+    { status: 'info', variant: 'outline', class: 'text-info-900' },
+    { status: 'success', variant: 'outline', class: 'text-success-900' },
+    { status: 'warning', variant: 'outline', class: 'text-warning-900' },
+    { status: 'error', variant: 'outline', class: 'text-error-900' },
+  ],
+  defaultVariants: {
+    status: 'info',
+    variant: 'subtle',
+  },
+});
+
+export const alertCloseButtonStyle = tv({
+  base: 'p-1 rounded active:opacity-70',
+});

package/src/alert/types.ts

@@ -1,36 +1,36 @@
-import type { View, Text as RNText, Pressable } from 'react-native';
-
-export type AlertStatus = 'info' | 'success' | 'warning' | 'error';
-export type AlertVariant = 'solid' | 'subtle' | 'outline';
-
-export interface AlertContextValue {
-  status: AlertStatus;
-  variant: AlertVariant;
-}
-
-export interface AlertProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  status?: AlertStatus;
-  variant?: AlertVariant;
-}
-
-export interface AlertIconProps {
-  as?: React.ElementType;
-  className?: string;
-}
-
-export interface AlertBodyProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface AlertTextProps
-  extends React.ComponentPropsWithoutRef<typeof RNText> {
-  className?: string;
-}
-
-export interface AlertCloseButtonProps
-  extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
+import type { View, Text as RNText, Pressable } from 'react-native';
+
+export type AlertStatus = 'info' | 'success' | 'warning' | 'error';
+export type AlertVariant = 'solid' | 'subtle' | 'outline';
+
+export interface AlertContextValue {
+  status: AlertStatus;
+  variant: AlertVariant;
+}
+
+export interface AlertProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  status?: AlertStatus;
+  variant?: AlertVariant;
+}
+
+export interface AlertIconProps {
+  as?: React.ElementType;
+  className?: string;
+}
+
+export interface AlertBodyProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface AlertTextProps
+  extends React.ComponentPropsWithoutRef<typeof RNText> {
+  className?: string;
+}
+
+export interface AlertCloseButtonProps
+  extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}

package/src/alert-dialog/alert-dialog.tsx

@@ -1,54 +1,54 @@
-import React from 'react';
-import { View, Pressable, Modal } from 'react-native';
-import { createComponentContext } from '../utils/create-context';
-import type { AlertDialogProps, AlertDialogBackdropProps, AlertDialogContentProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogCloseButtonProps, AlertDialogContextValue } from './types';
-import { alertDialogContentStyle, alertDialogBackdropStyle, alertDialogHeaderStyle, alertDialogBodyStyle, alertDialogFooterStyle, alertDialogCloseButtonStyle } from './styles';
-
-export const [AlertDialogProvider, useAlertDialogContext] =
-  createComponentContext<AlertDialogContextValue>('AlertDialog');
-
-export const AlertDialog: React.FC<AlertDialogProps> = ({ isOpen, onClose, size = 'md', children }) => {
-  return (
-    <AlertDialogProvider value={{ isOpen, onClose, size }}>
-      <Modal visible={isOpen} transparent animationType="fade" onRequestClose={onClose}>
-        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-          {children}
-        </View>
-      </Modal>
-    </AlertDialogProvider>
-  );
-};
-AlertDialog.displayName = 'AlertDialog';
-
-export const AlertDialogBackdrop = React.forwardRef<React.ElementRef<typeof Pressable>, AlertDialogBackdropProps>(({ className, ...props }, ref) => {
-  const { onClose } = useAlertDialogContext();
-  return <Pressable ref={ref} onPress={onClose} className={alertDialogBackdropStyle({ class: className })} {...props} />;
-});
-AlertDialogBackdrop.displayName = 'AlertDialogBackdrop';
-
-export const AlertDialogContent = React.forwardRef<React.ElementRef<typeof View>, AlertDialogContentProps>(({ className, ...props }, ref) => {
-  const { size } = useAlertDialogContext();
-  return <View ref={ref} className={alertDialogContentStyle({ size, class: className })} {...props} />;
-});
-AlertDialogContent.displayName = 'AlertDialogContent';
-
-export const AlertDialogHeader = React.forwardRef<React.ElementRef<typeof View>, AlertDialogHeaderProps>(({ className, ...props }, ref) => {
-  return <View ref={ref} className={alertDialogHeaderStyle({ class: className })} {...props} />;
-});
-AlertDialogHeader.displayName = 'AlertDialogHeader';
-
-export const AlertDialogBody = React.forwardRef<React.ElementRef<typeof View>, AlertDialogBodyProps>(({ className, ...props }, ref) => {
-  return <View ref={ref} className={alertDialogBodyStyle({ class: className })} {...props} />;
-});
-AlertDialogBody.displayName = 'AlertDialogBody';
-
-export const AlertDialogFooter = React.forwardRef<React.ElementRef<typeof View>, AlertDialogFooterProps>(({ className, ...props }, ref) => {
-  return <View ref={ref} className={alertDialogFooterStyle({ class: className })} {...props} />;
-});
-AlertDialogFooter.displayName = 'AlertDialogFooter';
-
-export const AlertDialogCloseButton = React.forwardRef<React.ElementRef<typeof Pressable>, AlertDialogCloseButtonProps>(({ className, ...props }, ref) => {
-  const { onClose } = useAlertDialogContext();
-  return <Pressable ref={ref} onPress={onClose} className={alertDialogCloseButtonStyle({ class: className })} accessibilityRole="button" accessibilityLabel="Close" {...props} />;
-});
-AlertDialogCloseButton.displayName = 'AlertDialogCloseButton';
+import React from 'react';
+import { View, Pressable, Modal } from 'react-native';
+import { createComponentContext } from '../utils/create-context';
+import type { AlertDialogProps, AlertDialogBackdropProps, AlertDialogContentProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogCloseButtonProps, AlertDialogContextValue } from './types';
+import { alertDialogContentStyle, alertDialogBackdropStyle, alertDialogHeaderStyle, alertDialogBodyStyle, alertDialogFooterStyle, alertDialogCloseButtonStyle } from './styles';
+
+export const [AlertDialogProvider, useAlertDialogContext] =
+  createComponentContext<AlertDialogContextValue>('AlertDialog');
+
+export const AlertDialog: React.FC<AlertDialogProps> = ({ isOpen, onClose, size = 'md', children }) => {
+  return (
+    <AlertDialogProvider value={{ isOpen, onClose, size }}>
+      <Modal visible={isOpen} transparent animationType="fade" onRequestClose={onClose}>
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+          {children}
+        </View>
+      </Modal>
+    </AlertDialogProvider>
+  );
+};
+AlertDialog.displayName = 'AlertDialog';
+
+export const AlertDialogBackdrop = React.forwardRef<React.ElementRef<typeof Pressable>, AlertDialogBackdropProps>(({ className, ...props }, ref) => {
+  const { onClose } = useAlertDialogContext();
+  return <Pressable ref={ref} onPress={onClose} className={alertDialogBackdropStyle({ class: className })} {...props} />;
+});
+AlertDialogBackdrop.displayName = 'AlertDialogBackdrop';
+
+export const AlertDialogContent = React.forwardRef<React.ElementRef<typeof View>, AlertDialogContentProps>(({ className, ...props }, ref) => {
+  const { size } = useAlertDialogContext();
+  return <View ref={ref} className={alertDialogContentStyle({ size, class: className })} {...props} />;
+});
+AlertDialogContent.displayName = 'AlertDialogContent';
+
+export const AlertDialogHeader = React.forwardRef<React.ElementRef<typeof View>, AlertDialogHeaderProps>(({ className, ...props }, ref) => {
+  return <View ref={ref} className={alertDialogHeaderStyle({ class: className })} {...props} />;
+});
+AlertDialogHeader.displayName = 'AlertDialogHeader';
+
+export const AlertDialogBody = React.forwardRef<React.ElementRef<typeof View>, AlertDialogBodyProps>(({ className, ...props }, ref) => {
+  return <View ref={ref} className={alertDialogBodyStyle({ class: className })} {...props} />;
+});
+AlertDialogBody.displayName = 'AlertDialogBody';
+
+export const AlertDialogFooter = React.forwardRef<React.ElementRef<typeof View>, AlertDialogFooterProps>(({ className, ...props }, ref) => {
+  return <View ref={ref} className={alertDialogFooterStyle({ class: className })} {...props} />;
+});
+AlertDialogFooter.displayName = 'AlertDialogFooter';
+
+export const AlertDialogCloseButton = React.forwardRef<React.ElementRef<typeof Pressable>, AlertDialogCloseButtonProps>(({ className, ...props }, ref) => {
+  const { onClose } = useAlertDialogContext();
+  return <Pressable ref={ref} onPress={onClose} className={alertDialogCloseButtonStyle({ class: className })} accessibilityRole="button" accessibilityLabel="Close" {...props} />;
+});
+AlertDialogCloseButton.displayName = 'AlertDialogCloseButton';

package/src/alert-dialog/index.ts

@@ -1,2 +1,2 @@
-export { AlertDialog, AlertDialogProvider, useAlertDialogContext, AlertDialogBackdrop, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogCloseButton } from './alert-dialog';
-export type { AlertDialogProps, AlertDialogBackdropProps, AlertDialogContentProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogCloseButtonProps, AlertDialogSize, AlertDialogContextValue } from './types';
+export { AlertDialog, AlertDialogProvider, useAlertDialogContext, AlertDialogBackdrop, AlertDialogContent, AlertDialogHeader, AlertDialogBody, AlertDialogFooter, AlertDialogCloseButton } from './alert-dialog';
+export type { AlertDialogProps, AlertDialogBackdropProps, AlertDialogContentProps, AlertDialogHeaderProps, AlertDialogBodyProps, AlertDialogFooterProps, AlertDialogCloseButtonProps, AlertDialogSize, AlertDialogContextValue } from './types';

package/src/alert-dialog/styles.ts

@@ -1,40 +1,40 @@
-import { tv } from 'tailwind-variants';
-
-export const alertDialogContentStyle = tv({
-  base: 'bg-background-0 rounded-xl p-6 shadow-hard-2 w-full',
-  variants: {
-    size: {
-      xs: 'max-w-[280px]',
-      sm: 'max-w-[320px]',
-      md: 'max-w-[400px]',
-      lg: 'max-w-[520px]',
-      full: 'max-w-full mx-4',
-    },
-  },
-  defaultVariants: { size: 'md' },
-});
-
-export const alertDialogBackdropStyle = tv({
-  base: 'absolute inset-0 bg-black/50',
-  variants: {},
-});
-
-export const alertDialogHeaderStyle = tv({
-  base: 'flex-row items-center justify-between mb-2',
-  variants: {},
-});
-
-export const alertDialogBodyStyle = tv({
-  base: 'mb-4',
-  variants: {},
-});
-
-export const alertDialogFooterStyle = tv({
-  base: 'flex-row justify-end gap-3',
-  variants: {},
-});
-
-export const alertDialogCloseButtonStyle = tv({
-  base: 'p-1 rounded',
-  variants: {},
-});
+import { tv } from 'tailwind-variants';
+
+export const alertDialogContentStyle = tv({
+  base: 'bg-background-0 rounded-xl p-6 shadow-hard-2 w-full',
+  variants: {
+    size: {
+      xs: 'max-w-[280px]',
+      sm: 'max-w-[320px]',
+      md: 'max-w-[400px]',
+      lg: 'max-w-[520px]',
+      full: 'max-w-full mx-4',
+    },
+  },
+  defaultVariants: { size: 'md' },
+});
+
+export const alertDialogBackdropStyle = tv({
+  base: 'absolute inset-0 bg-black/50',
+  variants: {},
+});
+
+export const alertDialogHeaderStyle = tv({
+  base: 'flex-row items-center justify-between mb-2',
+  variants: {},
+});
+
+export const alertDialogBodyStyle = tv({
+  base: 'mb-4',
+  variants: {},
+});
+
+export const alertDialogFooterStyle = tv({
+  base: 'flex-row justify-end gap-3',
+  variants: {},
+});
+
+export const alertDialogCloseButtonStyle = tv({
+  base: 'p-1 rounded',
+  variants: {},
+});

package/src/alert-dialog/types.ts

@@ -1,40 +1,40 @@
-import type { View, Pressable } from 'react-native';
-
-export type AlertDialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'full';
-
-export interface AlertDialogContextValue {
-  isOpen: boolean;
-  onClose: () => void;
-  size: AlertDialogSize;
-}
-
-export interface AlertDialogProps {
-  isOpen: boolean;
-  onClose: () => void;
-  size?: AlertDialogSize;
-  children: React.ReactNode;
-}
-
-export interface AlertDialogBackdropProps extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
-
-export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface AlertDialogHeaderProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface AlertDialogBodyProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface AlertDialogFooterProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface AlertDialogCloseButtonProps extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
+import type { View, Pressable } from 'react-native';
+
+export type AlertDialogSize = 'xs' | 'sm' | 'md' | 'lg' | 'full';
+
+export interface AlertDialogContextValue {
+  isOpen: boolean;
+  onClose: () => void;
+  size: AlertDialogSize;
+}
+
+export interface AlertDialogProps {
+  isOpen: boolean;
+  onClose: () => void;
+  size?: AlertDialogSize;
+  children: React.ReactNode;
+}
+
+export interface AlertDialogBackdropProps extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}
+
+export interface AlertDialogContentProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface AlertDialogHeaderProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface AlertDialogBodyProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface AlertDialogFooterProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface AlertDialogCloseButtonProps extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}

package/src/aspect-ratio/aspect-ratio.tsx

@@ -1,20 +1,20 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { AspectRatioProps } from './types';
-import { aspectRatioStyle } from './styles';
-
-export const AspectRatio = React.forwardRef<
-  React.ElementRef<typeof View>,
-  AspectRatioProps
->(({ className, ratio = 1, style, ...props }, ref) => {
-  return (
-    <View
-      ref={ref}
-      className={aspectRatioStyle({ class: className })}
-      style={[{ aspectRatio: ratio }, style]}
-      {...props}
-    />
-  );
-});
-
-AspectRatio.displayName = 'AspectRatio';
+import React from 'react';
+import { View } from 'react-native';
+import type { AspectRatioProps } from './types';
+import { aspectRatioStyle } from './styles';
+
+export const AspectRatio = React.forwardRef<
+  React.ElementRef<typeof View>,
+  AspectRatioProps
+>(({ className, ratio = 1, style, ...props }, ref) => {
+  return (
+    <View
+      ref={ref}
+      className={aspectRatioStyle({ class: className })}
+      style={[{ aspectRatio: ratio }, style]}
+      {...props}
+    />
+  );
+});
+
+AspectRatio.displayName = 'AspectRatio';

package/src/aspect-ratio/index.ts

@@ -1,2 +1,2 @@
-export { AspectRatio } from './aspect-ratio';
-export type { AspectRatioProps } from './types';
+export { AspectRatio } from './aspect-ratio';
+export type { AspectRatioProps } from './types';

package/src/aspect-ratio/styles.ts

@@ -1,6 +1,6 @@
-import { tv } from 'tailwind-variants';
-
-export const aspectRatioStyle = tv({
-  base: 'relative overflow-hidden',
-  variants: {},
-});
+import { tv } from 'tailwind-variants';
+
+export const aspectRatioStyle = tv({
+  base: 'relative overflow-hidden',
+  variants: {},
+});

package/src/aspect-ratio/types.ts

@@ -1,7 +1,7 @@
-import type { View } from 'react-native';
-
-export interface AspectRatioProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  ratio?: number;
-}
+import type { View } from 'react-native';
+
+export interface AspectRatioProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  ratio?: number;
+}