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

package/src/circular-progress/styles.ts

@@ -1,31 +1,31 @@
-import { tv } from 'tailwind-variants';
-
-export const circularProgressStyle = tv({
-  base: 'items-center justify-center',
-  variants: {
-    size: {
-      sm: 'h-8 w-8',
-      md: 'h-12 w-12',
-      lg: 'h-16 w-16',
-      xl: 'h-24 w-24',
-    },
-  },
-  defaultVariants: {
-    size: 'md',
-  },
-});
-
-export const circularProgressLabelStyle = tv({
-  base: 'absolute font-semibold text-typography-700',
-  variants: {
-    size: {
-      sm: 'text-2xs',
-      md: 'text-xs',
-      lg: 'text-sm',
-      xl: 'text-lg',
-    },
-  },
-  defaultVariants: {
-    size: 'md',
-  },
-});
+import { tv } from 'tailwind-variants';
+
+export const circularProgressStyle = tv({
+  base: 'items-center justify-center',
+  variants: {
+    size: {
+      sm: 'h-8 w-8',
+      md: 'h-12 w-12',
+      lg: 'h-16 w-16',
+      xl: 'h-24 w-24',
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+});
+
+export const circularProgressLabelStyle = tv({
+  base: 'absolute font-semibold text-typography-700',
+  variants: {
+    size: {
+      sm: 'text-2xs',
+      md: 'text-xs',
+      lg: 'text-sm',
+      xl: 'text-lg',
+    },
+  },
+  defaultVariants: {
+    size: 'md',
+  },
+});

package/src/circular-progress/types.ts

@@ -1,18 +1,18 @@
-import type { View, Text as RNText } from 'react-native';
-
-export type CircularProgressSize = 'sm' | 'md' | 'lg' | 'xl';
-
-export interface CircularProgressContextValue {
-  value: number;
-  size: CircularProgressSize;
-}
-
-export interface CircularProgressProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  value?: number;
-  size?: CircularProgressSize;
-}
-
-export interface CircularProgressLabelProps extends React.ComponentPropsWithoutRef<typeof RNText> {
-  className?: string;
-}
+import type { View, Text as RNText } from 'react-native';
+
+export type CircularProgressSize = 'sm' | 'md' | 'lg' | 'xl';
+
+export interface CircularProgressContextValue {
+  value: number;
+  size: CircularProgressSize;
+}
+
+export interface CircularProgressProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  value?: number;
+  size?: CircularProgressSize;
+}
+
+export interface CircularProgressLabelProps extends React.ComponentPropsWithoutRef<typeof RNText> {
+  className?: string;
+}

package/src/code/code.tsx

@@ -1,36 +1,36 @@
-import React from 'react';
-import { View, Text } from 'react-native';
-import type { CodeProps, CodeBlockProps } from './types';
-import { codeStyle, codeBlockStyle, codeBlockTextStyle } from './styles';
-
-export const Code = React.forwardRef<
-  React.ElementRef<typeof Text>,
-  CodeProps
->(({ className, variant, ...props }, ref) => {
-  return (
-    <Text
-      ref={ref}
-      className={codeStyle({ variant, class: className })}
-      {...props}
-    />
-  );
-});
-
-Code.displayName = 'Code';
-
-export const CodeBlock = React.forwardRef<
-  React.ElementRef<typeof View>,
-  CodeBlockProps
->(({ className, children, ...props }, ref) => {
-  return (
-    <View ref={ref} className={codeBlockStyle({ class: className })} {...props}>
-      {typeof children === 'string' ? (
-        <Text className={codeBlockTextStyle({})}>{children}</Text>
-      ) : (
-        children
-      )}
-    </View>
-  );
-});
-
-CodeBlock.displayName = 'CodeBlock';
+import React from 'react';
+import { View, Text } from 'react-native';
+import type { CodeProps, CodeBlockProps } from './types';
+import { codeStyle, codeBlockStyle, codeBlockTextStyle } from './styles';
+
+export const Code = React.forwardRef<
+  React.ElementRef<typeof Text>,
+  CodeProps
+>(({ className, variant, ...props }, ref) => {
+  return (
+    <Text
+      ref={ref}
+      className={codeStyle({ variant, class: className })}
+      {...props}
+    />
+  );
+});
+
+Code.displayName = 'Code';
+
+export const CodeBlock = React.forwardRef<
+  React.ElementRef<typeof View>,
+  CodeBlockProps
+>(({ className, children, ...props }, ref) => {
+  return (
+    <View ref={ref} className={codeBlockStyle({ class: className })} {...props}>
+      {typeof children === 'string' ? (
+        <Text className={codeBlockTextStyle({})}>{children}</Text>
+      ) : (
+        children
+      )}
+    </View>
+  );
+});
+
+CodeBlock.displayName = 'CodeBlock';

package/src/code/index.ts

@@ -1,2 +1,2 @@
-export { Code, CodeBlock } from './code';
-export type { CodeProps, CodeBlockProps, CodeVariant } from './types';
+export { Code, CodeBlock } from './code';
+export type { CodeProps, CodeBlockProps, CodeVariant } from './types';

package/src/code/styles.ts

@@ -1,25 +1,25 @@
-import { tv } from 'tailwind-variants';
-
-export const codeStyle = tv({
-  base: 'font-mono text-sm rounded px-1 py-0.5',
-  variants: {
-    variant: {
-      subtle: 'bg-background-100 text-typography-800',
-      outline: 'border border-outline-200 text-typography-800',
-      solid: 'bg-typography-900 text-typography-0',
-    },
-  },
-  defaultVariants: {
-    variant: 'subtle',
-  },
-});
-
-export const codeBlockStyle = tv({
-  base: 'bg-background-950 rounded-lg p-4 overflow-hidden',
-  variants: {},
-});
-
-export const codeBlockTextStyle = tv({
-  base: 'font-mono text-sm text-typography-50',
-  variants: {},
-});
+import { tv } from 'tailwind-variants';
+
+export const codeStyle = tv({
+  base: 'font-mono text-sm rounded px-1 py-0.5',
+  variants: {
+    variant: {
+      subtle: 'bg-background-100 text-typography-800',
+      outline: 'border border-outline-200 text-typography-800',
+      solid: 'bg-typography-900 text-typography-0',
+    },
+  },
+  defaultVariants: {
+    variant: 'subtle',
+  },
+});
+
+export const codeBlockStyle = tv({
+  base: 'bg-background-950 rounded-lg p-4 overflow-hidden',
+  variants: {},
+});
+
+export const codeBlockTextStyle = tv({
+  base: 'font-mono text-sm text-typography-50',
+  variants: {},
+});

package/src/code/types.ts

@@ -1,13 +1,13 @@
-import type { View, Text as RNText } from 'react-native';
-
-export type CodeVariant = 'subtle' | 'outline' | 'solid';
-
-export interface CodeProps extends React.ComponentPropsWithoutRef<typeof RNText> {
-  className?: string;
-  variant?: CodeVariant;
-}
-
-export interface CodeBlockProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  children: React.ReactNode;
-}
+import type { View, Text as RNText } from 'react-native';
+
+export type CodeVariant = 'subtle' | 'outline' | 'solid';
+
+export interface CodeProps extends React.ComponentPropsWithoutRef<typeof RNText> {
+  className?: string;
+  variant?: CodeVariant;
+}
+
+export interface CodeBlockProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  children: React.ReactNode;
+}

package/src/collapsible/collapsible.tsx

@@ -1,58 +1,58 @@
-import React, { useState } from 'react';
-import { View, Pressable } from 'react-native';
-import { createComponentContext } from '../utils/create-context';
-import type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, CollapsibleContextValue } from './types';
-import { collapsibleStyle, collapsibleTriggerStyle, collapsibleContentStyle } from './styles';
-
-export const [CollapsibleProvider, useCollapsibleContext] =
-  createComponentContext<CollapsibleContextValue>('Collapsible');
-
-export const Collapsible = React.forwardRef<
-  React.ElementRef<typeof View>,
-  CollapsibleProps
->(({ className, isOpen: controlledOpen, onOpenChange, defaultOpen = false, children, ...props }, ref) => {
-  const [internalOpen, setInternalOpen] = useState(defaultOpen);
-  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;
-
-  const onToggle = () => {
-    const next = !isOpen;
-    setInternalOpen(next);
-    onOpenChange?.(next);
-  };
-
-  return (
-    <CollapsibleProvider value={{ isOpen, onToggle }}>
-      <View ref={ref} className={collapsibleStyle({ class: className })} {...props}>
-        {children}
-      </View>
-    </CollapsibleProvider>
-  );
-});
-Collapsible.displayName = 'Collapsible';
-
-export const CollapsibleTrigger = React.forwardRef<
-  React.ElementRef<typeof Pressable>,
-  CollapsibleTriggerProps
->(({ className, children, ...props }, ref) => {
-  const { onToggle } = useCollapsibleContext();
-  return (
-    <Pressable ref={ref} onPress={onToggle} className={collapsibleTriggerStyle({ class: className })} accessibilityRole="button" {...props}>
-      {children}
-    </Pressable>
-  );
-});
-CollapsibleTrigger.displayName = 'CollapsibleTrigger';
-
-export const CollapsibleContent = React.forwardRef<
-  React.ElementRef<typeof View>,
-  CollapsibleContentProps
->(({ className, children, ...props }, ref) => {
-  const { isOpen } = useCollapsibleContext();
-  if (!isOpen) return null;
-  return (
-    <View ref={ref} className={collapsibleContentStyle({ class: className })} {...props}>
-      {children}
-    </View>
-  );
-});
-CollapsibleContent.displayName = 'CollapsibleContent';
+import React, { useState } from 'react';
+import { View, Pressable } from 'react-native';
+import { createComponentContext } from '../utils/create-context';
+import type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, CollapsibleContextValue } from './types';
+import { collapsibleStyle, collapsibleTriggerStyle, collapsibleContentStyle } from './styles';
+
+export const [CollapsibleProvider, useCollapsibleContext] =
+  createComponentContext<CollapsibleContextValue>('Collapsible');
+
+export const Collapsible = React.forwardRef<
+  React.ElementRef<typeof View>,
+  CollapsibleProps
+>(({ className, isOpen: controlledOpen, onOpenChange, defaultOpen = false, children, ...props }, ref) => {
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen;
+
+  const onToggle = () => {
+    const next = !isOpen;
+    setInternalOpen(next);
+    onOpenChange?.(next);
+  };
+
+  return (
+    <CollapsibleProvider value={{ isOpen, onToggle }}>
+      <View ref={ref} className={collapsibleStyle({ class: className })} {...props}>
+        {children}
+      </View>
+    </CollapsibleProvider>
+  );
+});
+Collapsible.displayName = 'Collapsible';
+
+export const CollapsibleTrigger = React.forwardRef<
+  React.ElementRef<typeof Pressable>,
+  CollapsibleTriggerProps
+>(({ className, children, ...props }, ref) => {
+  const { onToggle } = useCollapsibleContext();
+  return (
+    <Pressable ref={ref} onPress={onToggle} className={collapsibleTriggerStyle({ class: className })} accessibilityRole="button" {...props}>
+      {children}
+    </Pressable>
+  );
+});
+CollapsibleTrigger.displayName = 'CollapsibleTrigger';
+
+export const CollapsibleContent = React.forwardRef<
+  React.ElementRef<typeof View>,
+  CollapsibleContentProps
+>(({ className, children, ...props }, ref) => {
+  const { isOpen } = useCollapsibleContext();
+  if (!isOpen) return null;
+  return (
+    <View ref={ref} className={collapsibleContentStyle({ class: className })} {...props}>
+      {children}
+    </View>
+  );
+});
+CollapsibleContent.displayName = 'CollapsibleContent';

package/src/collapsible/index.ts

@@ -1,2 +1,2 @@
-export { Collapsible, CollapsibleProvider, useCollapsibleContext, CollapsibleTrigger, CollapsibleContent } from './collapsible';
-export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, CollapsibleContextValue } from './types';
+export { Collapsible, CollapsibleProvider, useCollapsibleContext, CollapsibleTrigger, CollapsibleContent } from './collapsible';
+export type { CollapsibleProps, CollapsibleTriggerProps, CollapsibleContentProps, CollapsibleContextValue } from './types';

package/src/collapsible/styles.ts

@@ -1,5 +1,5 @@
-import { tv } from 'tailwind-variants';
-
-export const collapsibleStyle = tv({ base: 'w-full', variants: {} });
-export const collapsibleTriggerStyle = tv({ base: 'w-full', variants: {} });
-export const collapsibleContentStyle = tv({ base: 'overflow-hidden', variants: {} });
+import { tv } from 'tailwind-variants';
+
+export const collapsibleStyle = tv({ base: 'w-full', variants: {} });
+export const collapsibleTriggerStyle = tv({ base: 'w-full', variants: {} });
+export const collapsibleContentStyle = tv({ base: 'overflow-hidden', variants: {} });

package/src/collapsible/types.ts

@@ -1,21 +1,21 @@
-import type { View, Pressable } from 'react-native';
-
-export interface CollapsibleContextValue {
-  isOpen: boolean;
-  onToggle: () => void;
-}
-
-export interface CollapsibleProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  isOpen?: boolean;
-  onOpenChange?: (open: boolean) => void;
-  defaultOpen?: boolean;
-}
-
-export interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
-
-export interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
+import type { View, Pressable } from 'react-native';
+
+export interface CollapsibleContextValue {
+  isOpen: boolean;
+  onToggle: () => void;
+}
+
+export interface CollapsibleProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  isOpen?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  defaultOpen?: boolean;
+}
+
+export interface CollapsibleTriggerProps extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}
+
+export interface CollapsibleContentProps extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}