@wireservers-ui/react-natives 1.0.0-rc.3 → 1.0.1-rc1

package/src/accordion/index.ts

@@ -1,24 +1,24 @@
-export { Accordion, AccordionProvider, useAccordionContext } from './accordion';
-export {
-  AccordionItem,
-  AccordionItemProvider,
-  useAccordionItemContext,
-} from './accordion-item';
-export { AccordionTrigger } from './accordion-trigger';
-export { AccordionContent } from './accordion-content';
-export { AccordionIcon } from './accordion-icon';
-export { AccordionTitleText } from './accordion-title-text';
-
-export type {
-  AccordionProps,
-  AccordionItemProps,
-  AccordionTriggerProps,
-  AccordionContentProps,
-  AccordionIconProps,
-  AccordionTitleTextProps,
-  AccordionType,
-  AccordionVariant,
-  AccordionSize,
-  AccordionContextValue,
-  AccordionItemContextValue,
-} from './types';
+export { Accordion, AccordionProvider, useAccordionContext } from './accordion';
+export {
+  AccordionItem,
+  AccordionItemProvider,
+  useAccordionItemContext,
+} from './accordion-item';
+export { AccordionTrigger } from './accordion-trigger';
+export { AccordionContent } from './accordion-content';
+export { AccordionIcon } from './accordion-icon';
+export { AccordionTitleText } from './accordion-title-text';
+
+export type {
+  AccordionProps,
+  AccordionItemProps,
+  AccordionTriggerProps,
+  AccordionContentProps,
+  AccordionIconProps,
+  AccordionTitleTextProps,
+  AccordionType,
+  AccordionVariant,
+  AccordionSize,
+  AccordionContextValue,
+  AccordionItemContextValue,
+} from './types';

package/src/accordion/styles.ts

@@ -1,74 +1,74 @@
-import { tv } from 'tailwind-variants';
-
-export const accordionStyle = tv({
-  base: 'w-full',
-});
-
-export const accordionItemStyle = tv({
-  base: 'border-b border-outline-200',
-  variants: {
-    variant: {
-      filled: 'bg-background-50 rounded-lg mb-2 border-0 overflow-hidden',
-      unfilled: '',
-    },
-  },
-  defaultVariants: {
-    variant: 'unfilled',
-  },
-});
-
-export const accordionTriggerStyle = tv({
-  base: 'flex-row items-center justify-between w-full active:bg-background-100',
-  variants: {
-    size: {
-      sm: 'px-3 py-2',
-      md: 'px-4 py-3',
-      lg: 'px-5 py-4',
-    },
-  },
-  defaultVariants: {
-    size: 'md',
-  },
-});
-
-export const accordionTitleTextStyle = tv({
-  base: 'text-typography-900 font-medium flex-1',
-  variants: {
-    size: {
-      sm: 'text-sm',
-      md: 'text-base',
-      lg: 'text-lg',
-    },
-  },
-  defaultVariants: {
-    size: 'md',
-  },
-});
-
-export const accordionIconStyle = tv({
-  base: 'text-typography-500',
-  variants: {
-    size: {
-      sm: 'h-4 w-4',
-      md: 'h-5 w-5',
-      lg: 'h-5 w-5',
-    },
-  },
-  defaultVariants: {
-    size: 'md',
-  },
-});
-
-export const accordionContentStyle = tv({
-  base: 'overflow-hidden',
-  variants: {
-    size: {
-      sm: 'px-3 pb-2',
-      md: 'px-4 pb-3',
-      lg: 'px-5 pb-4',
-    },
-  },
-  defaultVariants: {
-    size: 'md',
-  },
-});
+import { tv } from 'tailwind-variants';
+
+export const accordionStyle = tv({
+  base: 'w-full',
+});
+
+export const accordionItemStyle = tv({
+  base: 'border-b border-outline-200',
+  variants: {
+    variant: {
+      filled: 'bg-background-50 rounded-lg mb-2 border-0 overflow-hidden',
+      unfilled: '',
+    },
+  },
+  defaultVariants: {
+    variant: 'unfilled',
+  },
+});
+
+export const accordionTriggerStyle = tv({
+  base: 'flex-row items-center justify-between w-full active:bg-background-100',
+  variants: {
+    size: {
+      sm: 'px-3 py-2',
+      md: 'px-4 py-3',
+      lg: 'px-5 py-4',
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+});
+
+export const accordionTitleTextStyle = tv({
+  base: 'text-typography-900 font-medium flex-1',
+  variants: {
+    size: {
+      sm: 'text-sm',
+      md: 'text-base',
+      lg: 'text-lg',
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+});
+
+export const accordionIconStyle = tv({
+  base: 'text-typography-500',
+  variants: {
+    size: {
+      sm: 'h-4 w-4',
+      md: 'h-5 w-5',
+      lg: 'h-5 w-5',
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+});
+
+export const accordionContentStyle = tv({
+  base: 'overflow-hidden',
+  variants: {
+    size: {
+      sm: 'px-3 pb-2',
+      md: 'px-4 pb-3',
+      lg: 'px-5 pb-4',
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+});

package/src/accordion/types.ts

@@ -1,56 +1,56 @@
-import type { View, Pressable, Text as RNText } from 'react-native';
-
-export type AccordionType = 'single' | 'multiple';
-export type AccordionVariant = 'filled' | 'unfilled';
-export type AccordionSize = 'sm' | 'md' | 'lg';
-
-export interface AccordionContextValue {
-  expandedItems: string[];
-  toggleItem: (value: string) => void;
-  type: AccordionType;
-  isCollapsible: boolean;
-  variant: AccordionVariant;
-  size: AccordionSize;
-}
-
-export interface AccordionItemContextValue {
-  value: string;
-  isExpanded: boolean;
-}
-
-export interface AccordionProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  type?: AccordionType;
-  defaultValue?: string[];
-  value?: string[];
-  onValueChange?: (value: string[]) => void;
-  isCollapsible?: boolean;
-  variant?: AccordionVariant;
-  size?: AccordionSize;
-}
-
-export interface AccordionItemProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  value: string;
-}
-
-export interface AccordionTriggerProps
-  extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
-
-export interface AccordionContentProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface AccordionIconProps {
-  className?: string;
-}
-
-export interface AccordionTitleTextProps
-  extends React.ComponentPropsWithoutRef<typeof RNText> {
-  className?: string;
-}
+import type { View, Pressable, Text as RNText } from 'react-native';
+
+export type AccordionType = 'single' | 'multiple';
+export type AccordionVariant = 'filled' | 'unfilled';
+export type AccordionSize = 'sm' | 'md' | 'lg';
+
+export interface AccordionContextValue {
+  expandedItems: string[];
+  toggleItem: (value: string) => void;
+  type: AccordionType;
+  isCollapsible: boolean;
+  variant: AccordionVariant;
+  size: AccordionSize;
+}
+
+export interface AccordionItemContextValue {
+  value: string;
+  isExpanded: boolean;
+}
+
+export interface AccordionProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  type?: AccordionType;
+  defaultValue?: string[];
+  value?: string[];
+  onValueChange?: (value: string[]) => void;
+  isCollapsible?: boolean;
+  variant?: AccordionVariant;
+  size?: AccordionSize;
+}
+
+export interface AccordionItemProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  value: string;
+}
+
+export interface AccordionTriggerProps
+  extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}
+
+export interface AccordionContentProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface AccordionIconProps {
+  className?: string;
+}
+
+export interface AccordionTitleTextProps
+  extends React.ComponentPropsWithoutRef<typeof RNText> {
+  className?: string;
+}

package/src/actionsheet/actionsheet-backdrop.tsx

@@ -1,23 +1,23 @@
-import React from 'react';
-import { Pressable } from 'react-native';
-import { useActionSheetContext } from './actionsheet';
-import type { ActionSheetBackdropProps } from './types';
-import { actionsheetBackdropStyle } from './styles';
-
-export const ActionSheetBackdrop = React.forwardRef<
-  React.ElementRef<typeof Pressable>,
-  ActionSheetBackdropProps
->(({ className, ...props }, ref) => {
-  const { onClose } = useActionSheetContext();
-
-  return (
-    <Pressable
-      ref={ref}
-      onPress={onClose}
-      className={actionsheetBackdropStyle({ class: className })}
-      {...props}
-    />
-  );
-});
-
-ActionSheetBackdrop.displayName = 'ActionSheetBackdrop';
+import React from 'react';
+import { Pressable } from 'react-native';
+import { useActionSheetContext } from './actionsheet';
+import type { ActionSheetBackdropProps } from './types';
+import { actionsheetBackdropStyle } from './styles';
+
+export const ActionSheetBackdrop = React.forwardRef<
+  React.ElementRef<typeof Pressable>,
+  ActionSheetBackdropProps
+>(({ className, ...props }, ref) => {
+  const { onClose } = useActionSheetContext();
+
+  return (
+    <Pressable
+      ref={ref}
+      onPress={onClose}
+      className={actionsheetBackdropStyle({ class: className })}
+      {...props}
+    />
+  );
+});
+
+ActionSheetBackdrop.displayName = 'ActionSheetBackdrop';

package/src/actionsheet/actionsheet-content.tsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { ActionSheetContentProps } from './types';
-import { actionsheetContentStyle } from './styles';
-
-export const ActionSheetContent = React.forwardRef<
-  React.ElementRef<typeof View>,
-  ActionSheetContentProps
->(({ className, ...props }, ref) => {
-  return (
-    <View
-      ref={ref}
-      className={actionsheetContentStyle({ class: className })}
-      {...props}
-    />
-  );
-});
-
-ActionSheetContent.displayName = 'ActionSheetContent';
+import React from 'react';
+import { View } from 'react-native';
+import type { ActionSheetContentProps } from './types';
+import { actionsheetContentStyle } from './styles';
+
+export const ActionSheetContent = React.forwardRef<
+  React.ElementRef<typeof View>,
+  ActionSheetContentProps
+>(({ className, ...props }, ref) => {
+  return (
+    <View
+      ref={ref}
+      className={actionsheetContentStyle({ class: className })}
+      {...props}
+    />
+  );
+});
+
+ActionSheetContent.displayName = 'ActionSheetContent';

package/src/actionsheet/actionsheet-drag-indicator-wrapper.tsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { ActionSheetDragIndicatorWrapperProps } from './types';
-import { actionsheetDragIndicatorWrapperStyle } from './styles';
-
-export const ActionSheetDragIndicatorWrapper = React.forwardRef<
-  React.ElementRef<typeof View>,
-  ActionSheetDragIndicatorWrapperProps
->(({ className, ...props }, ref) => {
-  return (
-    <View
-      ref={ref}
-      className={actionsheetDragIndicatorWrapperStyle({ class: className })}
-      {...props}
-    />
-  );
-});
-
-ActionSheetDragIndicatorWrapper.displayName = 'ActionSheetDragIndicatorWrapper';
+import React from 'react';
+import { View } from 'react-native';
+import type { ActionSheetDragIndicatorWrapperProps } from './types';
+import { actionsheetDragIndicatorWrapperStyle } from './styles';
+
+export const ActionSheetDragIndicatorWrapper = React.forwardRef<
+  React.ElementRef<typeof View>,
+  ActionSheetDragIndicatorWrapperProps
+>(({ className, ...props }, ref) => {
+  return (
+    <View
+      ref={ref}
+      className={actionsheetDragIndicatorWrapperStyle({ class: className })}
+      {...props}
+    />
+  );
+});
+
+ActionSheetDragIndicatorWrapper.displayName = 'ActionSheetDragIndicatorWrapper';

package/src/actionsheet/actionsheet-drag-indicator.tsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { ActionSheetDragIndicatorProps } from './types';
-import { actionsheetDragIndicatorStyle } from './styles';
-
-export const ActionSheetDragIndicator = React.forwardRef<
-  React.ElementRef<typeof View>,
-  ActionSheetDragIndicatorProps
->(({ className, ...props }, ref) => {
-  return (
-    <View
-      ref={ref}
-      className={actionsheetDragIndicatorStyle({ class: className })}
-      {...props}
-    />
-  );
-});
-
-ActionSheetDragIndicator.displayName = 'ActionSheetDragIndicator';
+import React from 'react';
+import { View } from 'react-native';
+import type { ActionSheetDragIndicatorProps } from './types';
+import { actionsheetDragIndicatorStyle } from './styles';
+
+export const ActionSheetDragIndicator = React.forwardRef<
+  React.ElementRef<typeof View>,
+  ActionSheetDragIndicatorProps
+>(({ className, ...props }, ref) => {
+  return (
+    <View
+      ref={ref}
+      className={actionsheetDragIndicatorStyle({ class: className })}
+      {...props}
+    />
+  );
+});
+
+ActionSheetDragIndicator.displayName = 'ActionSheetDragIndicator';

package/src/actionsheet/actionsheet-item-text.tsx

@@ -1,19 +1,19 @@
-import React from 'react';
-import { Text } from 'react-native';
-import type { ActionSheetItemTextProps } from './types';
-import { actionsheetItemTextStyle } from './styles';
-
-export const ActionSheetItemText = React.forwardRef<
-  React.ElementRef<typeof Text>,
-  ActionSheetItemTextProps
->(({ className, ...props }, ref) => {
-  return (
-    <Text
-      ref={ref}
-      className={actionsheetItemTextStyle({ class: className })}
-      {...props}
-    />
-  );
-});
-
-ActionSheetItemText.displayName = 'ActionSheetItemText';
+import React from 'react';
+import { Text } from 'react-native';
+import type { ActionSheetItemTextProps } from './types';
+import { actionsheetItemTextStyle } from './styles';
+
+export const ActionSheetItemText = React.forwardRef<
+  React.ElementRef<typeof Text>,
+  ActionSheetItemTextProps
+>(({ className, ...props }, ref) => {
+  return (
+    <Text
+      ref={ref}
+      className={actionsheetItemTextStyle({ class: className })}
+      {...props}
+    />
+  );
+});
+
+ActionSheetItemText.displayName = 'ActionSheetItemText';

package/src/actionsheet/actionsheet-item.tsx

@@ -1,20 +1,20 @@
-import React from 'react';
-import { Pressable } from 'react-native';
-import type { ActionSheetItemProps } from './types';
-import { actionsheetItemStyle } from './styles';
-
-export const ActionSheetItem = React.forwardRef<
-  React.ElementRef<typeof Pressable>,
-  ActionSheetItemProps
->(({ className, ...props }, ref) => {
-  return (
-    <Pressable
-      ref={ref}
-      role="menuitem"
-      className={actionsheetItemStyle({ class: className })}
-      {...props}
-    />
-  );
-});
-
-ActionSheetItem.displayName = 'ActionSheetItem';
+import React from 'react';
+import { Pressable } from 'react-native';
+import type { ActionSheetItemProps } from './types';
+import { actionsheetItemStyle } from './styles';
+
+export const ActionSheetItem = React.forwardRef<
+  React.ElementRef<typeof Pressable>,
+  ActionSheetItemProps
+>(({ className, ...props }, ref) => {
+  return (
+    <Pressable
+      ref={ref}
+      role="menuitem"
+      className={actionsheetItemStyle({ class: className })}
+      {...props}
+    />
+  );
+});
+
+ActionSheetItem.displayName = 'ActionSheetItem';

package/src/actionsheet/actionsheet-scroll-view.tsx

@@ -1,12 +1,12 @@
-import React from 'react';
-import { ScrollView } from 'react-native';
-import type { ActionSheetScrollViewProps } from './types';
-
-export const ActionSheetScrollView = React.forwardRef<
-  React.ElementRef<typeof ScrollView>,
-  ActionSheetScrollViewProps
->(({ className, ...props }, ref) => {
-  return <ScrollView ref={ref} className={className} {...props} />;
-});
-
-ActionSheetScrollView.displayName = 'ActionSheetScrollView';
+import React from 'react';
+import { ScrollView } from 'react-native';
+import type { ActionSheetScrollViewProps } from './types';
+
+export const ActionSheetScrollView = React.forwardRef<
+  React.ElementRef<typeof ScrollView>,
+  ActionSheetScrollViewProps
+>(({ className, ...props }, ref) => {
+  return <ScrollView ref={ref} className={className} {...props} />;
+});
+
+ActionSheetScrollView.displayName = 'ActionSheetScrollView';