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

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';

package/src/actionsheet/actionsheet.tsx

@@ -1,45 +1,45 @@
-import React from 'react';
-import { Modal as RNModal, View } from 'react-native';
-import { createComponentContext } from '../utils/create-context';
-import type { ActionSheetProps, ActionSheetContextValue } from './types';
-
-export const [ActionSheetProvider, useActionSheetContext] =
-  createComponentContext<ActionSheetContextValue>('ActionSheet');
-
-export const ActionSheet: React.FC<ActionSheetProps> = ({
-  isOpen,
-  onClose,
-  isModal = true,
-  children,
-}) => {
-  if (isModal) {
-    return (
-      <ActionSheetProvider value={{ isOpen, onClose }}>
-        <RNModal
-          visible={isOpen}
-          transparent
-          animationType="slide"
-          onRequestClose={onClose}
-          statusBarTranslucent
-        >
-          <View style={{ flex: 1, justifyContent: 'flex-end' }} pointerEvents="box-none">{children}</View>
-        </RNModal>
-      </ActionSheetProvider>
-    );
-  }
-
-  if (!isOpen) return null;
-
-  return (
-    <ActionSheetProvider value={{ isOpen, onClose }}>
-      <View
-        style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex: 50, justifyContent: 'flex-end' }}
-        pointerEvents="box-none"
-      >
-        {children}
-      </View>
-    </ActionSheetProvider>
-  );
-};
-
-ActionSheet.displayName = 'ActionSheet';
+import React from 'react';
+import { Modal as RNModal, View } from 'react-native';
+import { createComponentContext } from '../utils/create-context';
+import type { ActionSheetProps, ActionSheetContextValue } from './types';
+
+export const [ActionSheetProvider, useActionSheetContext] =
+  createComponentContext<ActionSheetContextValue>('ActionSheet');
+
+export const ActionSheet: React.FC<ActionSheetProps> = ({
+  isOpen,
+  onClose,
+  isModal = true,
+  children,
+}) => {
+  if (isModal) {
+    return (
+      <ActionSheetProvider value={{ isOpen, onClose }}>
+        <RNModal
+          visible={isOpen}
+          transparent
+          animationType="slide"
+          onRequestClose={onClose}
+          statusBarTranslucent
+        >
+          <View style={{ flex: 1, justifyContent: 'flex-end' }} pointerEvents="box-none">{children}</View>
+        </RNModal>
+      </ActionSheetProvider>
+    );
+  }
+
+  if (!isOpen) return null;
+
+  return (
+    <ActionSheetProvider value={{ isOpen, onClose }}>
+      <View
+        style={{ position: 'absolute', top: 0, left: 0, right: 0, bottom: 0, zIndex: 50, justifyContent: 'flex-end' }}
+        pointerEvents="box-none"
+      >
+        {children}
+      </View>
+    </ActionSheetProvider>
+  );
+};
+
+ActionSheet.displayName = 'ActionSheet';

package/src/actionsheet/index.ts

@@ -1,20 +1,20 @@
-export { ActionSheet } from './actionsheet';
-export { ActionSheetBackdrop } from './actionsheet-backdrop';
-export { ActionSheetContent } from './actionsheet-content';
-export { ActionSheetDragIndicator } from './actionsheet-drag-indicator';
-export { ActionSheetDragIndicatorWrapper } from './actionsheet-drag-indicator-wrapper';
-export { ActionSheetItem } from './actionsheet-item';
-export { ActionSheetItemText } from './actionsheet-item-text';
-export { ActionSheetScrollView } from './actionsheet-scroll-view';
-
-export type {
-  ActionSheetProps,
-  ActionSheetBackdropProps,
-  ActionSheetContentProps,
-  ActionSheetDragIndicatorProps,
-  ActionSheetDragIndicatorWrapperProps,
-  ActionSheetItemProps,
-  ActionSheetItemTextProps,
-  ActionSheetScrollViewProps,
-  ActionSheetContextValue,
-} from './types';
+export { ActionSheet } from './actionsheet';
+export { ActionSheetBackdrop } from './actionsheet-backdrop';
+export { ActionSheetContent } from './actionsheet-content';
+export { ActionSheetDragIndicator } from './actionsheet-drag-indicator';
+export { ActionSheetDragIndicatorWrapper } from './actionsheet-drag-indicator-wrapper';
+export { ActionSheetItem } from './actionsheet-item';
+export { ActionSheetItemText } from './actionsheet-item-text';
+export { ActionSheetScrollView } from './actionsheet-scroll-view';
+
+export type {
+  ActionSheetProps,
+  ActionSheetBackdropProps,
+  ActionSheetContentProps,
+  ActionSheetDragIndicatorProps,
+  ActionSheetDragIndicatorWrapperProps,
+  ActionSheetItemProps,
+  ActionSheetItemTextProps,
+  ActionSheetScrollViewProps,
+  ActionSheetContextValue,
+} from './types';

package/src/actionsheet/styles.ts

@@ -1,25 +1,25 @@
-import { tv } from 'tailwind-variants';
-
-export const actionsheetBackdropStyle = tv({
-  base: 'absolute inset-0 bg-black/50',
-});
-
-export const actionsheetContentStyle = tv({
-  base: 'bg-background-0 rounded-t-2xl pb-8 max-h-[70%]',
-});
-
-export const actionsheetDragIndicatorWrapperStyle = tv({
-  base: 'items-center py-2',
-});
-
-export const actionsheetDragIndicatorStyle = tv({
-  base: 'w-10 h-1 bg-outline-300 rounded-full',
-});
-
-export const actionsheetItemStyle = tv({
-  base: 'flex-row items-center px-4 py-3 active:bg-background-100',
-});
-
-export const actionsheetItemTextStyle = tv({
-  base: 'text-typography-900 text-base flex-1',
-});
+import { tv } from 'tailwind-variants';
+
+export const actionsheetBackdropStyle = tv({
+  base: 'absolute inset-0 bg-black/50',
+});
+
+export const actionsheetContentStyle = tv({
+  base: 'bg-background-0 rounded-t-2xl pb-8 max-h-[70%]',
+});
+
+export const actionsheetDragIndicatorWrapperStyle = tv({
+  base: 'items-center py-2',
+});
+
+export const actionsheetDragIndicatorStyle = tv({
+  base: 'w-10 h-1 bg-outline-300 rounded-full',
+});
+
+export const actionsheetItemStyle = tv({
+  base: 'flex-row items-center px-4 py-3 active:bg-background-100',
+});
+
+export const actionsheetItemTextStyle = tv({
+  base: 'text-typography-900 text-base flex-1',
+});

package/src/actionsheet/types.ts

@@ -1,49 +1,49 @@
-import type { View, Pressable, Text as RNText, ScrollView } from 'react-native';
-
-export interface ActionSheetContextValue {
-  isOpen: boolean;
-  onClose: () => void;
-}
-
-export interface ActionSheetProps {
-  isOpen: boolean;
-  onClose: () => void;
-  /** When false the action sheet renders inline (no RNModal) so background content stays interactive. */
-  isModal?: boolean;
-  children: React.ReactNode;
-}
-
-export interface ActionSheetBackdropProps
-  extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
-
-export interface ActionSheetContentProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface ActionSheetDragIndicatorWrapperProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface ActionSheetDragIndicatorProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-
-export interface ActionSheetItemProps
-  extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
-
-export interface ActionSheetItemTextProps
-  extends React.ComponentPropsWithoutRef<typeof RNText> {
-  className?: string;
-}
-
-export interface ActionSheetScrollViewProps
-  extends React.ComponentPropsWithoutRef<typeof ScrollView> {
-  className?: string;
-}
+import type { View, Pressable, Text as RNText, ScrollView } from 'react-native';
+
+export interface ActionSheetContextValue {
+  isOpen: boolean;
+  onClose: () => void;
+}
+
+export interface ActionSheetProps {
+  isOpen: boolean;
+  onClose: () => void;
+  /** When false the action sheet renders inline (no RNModal) so background content stays interactive. */
+  isModal?: boolean;
+  children: React.ReactNode;
+}
+
+export interface ActionSheetBackdropProps
+  extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}
+
+export interface ActionSheetContentProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface ActionSheetDragIndicatorWrapperProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface ActionSheetDragIndicatorProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+
+export interface ActionSheetItemProps
+  extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}
+
+export interface ActionSheetItemTextProps
+  extends React.ComponentPropsWithoutRef<typeof RNText> {
+  className?: string;
+}
+
+export interface ActionSheetScrollViewProps
+  extends React.ComponentPropsWithoutRef<typeof ScrollView> {
+  className?: string;
+}