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

package/src/number-input/index.ts

@@ -1,18 +1,18 @@
-export {
-  NumberInput,
-  NumberInputProvider,
-  useNumberInputContext,
-  NumberInputField,
-  NumberInputStepper,
-  NumberInputIncrementButton,
-  NumberInputDecrementButton,
-} from './number-input';
-export type {
-  NumberInputProps,
-  NumberInputFieldProps,
-  NumberInputStepperProps,
-  NumberInputIncrementProps,
-  NumberInputDecrementProps,
-  NumberInputSize,
-  NumberInputContextValue,
-} from './types';
+export {
+  NumberInput,
+  NumberInputProvider,
+  useNumberInputContext,
+  NumberInputField,
+  NumberInputStepper,
+  NumberInputIncrementButton,
+  NumberInputDecrementButton,
+} from './number-input';
+export type {
+  NumberInputProps,
+  NumberInputFieldProps,
+  NumberInputStepperProps,
+  NumberInputIncrementProps,
+  NumberInputDecrementProps,
+  NumberInputSize,
+  NumberInputContextValue,
+} from './types';

package/src/number-input/number-input.tsx

@@ -1,161 +1,161 @@
-import React, { useState } from 'react';
-import { View, TextInput, Pressable, Text } from 'react-native';
-import { createComponentContext } from '../utils/create-context';
-import type {
-  NumberInputProps,
-  NumberInputFieldProps,
-  NumberInputStepperProps,
-  NumberInputIncrementProps,
-  NumberInputDecrementProps,
-  NumberInputContextValue,
-} from './types';
-import {
-  numberInputStyle,
-  numberInputFieldStyle,
-  numberInputStepperStyle,
-  numberInputButtonStyle,
-  numberInputButtonTextStyle,
-} from './styles';
-
-export const [NumberInputProvider, useNumberInputContext] =
-  createComponentContext<NumberInputContextValue>('NumberInput');
-
-export const NumberInput = React.forwardRef<
-  React.ElementRef<typeof View>,
-  NumberInputProps
->(
-  (
-    {
-      className,
-      value: controlledValue,
-      defaultValue = 0,
-      onChange,
-      min,
-      max,
-      step = 1,
-      size = 'md',
-      isDisabled = false,
-      children,
-      ...props
-    },
-    ref,
-  ) => {
-    const [internalValue, setInternalValue] = useState(defaultValue);
-    const value =
-      controlledValue !== undefined ? controlledValue : internalValue;
-    const clamp = (v: number) => {
-      let r = v;
-      if (min !== undefined) r = Math.max(min, r);
-      if (max !== undefined) r = Math.min(max, r);
-      return r;
-    };
-    const update = (v: number) => {
-      const clamped = clamp(v);
-      setInternalValue(clamped);
-      onChange?.(clamped);
-    };
-    return (
-      <NumberInputProvider
-        value={{
-          value,
-          onIncrement: () => update(value + step),
-          onDecrement: () => update(value - step),
-          onChangeValue: update,
-          size,
-          min,
-          max,
-          step,
-          isDisabled,
-        }}
-      >
-        <View
-          ref={ref}
-          className={numberInputStyle({ size, isDisabled, class: className })}
-          {...props}
-        >
-          {children}
-        </View>
-      </NumberInputProvider>
-    );
-  },
-);
-NumberInput.displayName = 'NumberInput';
-
-export const NumberInputField = React.forwardRef<
-  React.ElementRef<typeof TextInput>,
-  NumberInputFieldProps
->(({ className, ...props }, ref) => {
-  const { value, onChangeValue, size, isDisabled } =
-    useNumberInputContext();
-  return (
-    <TextInput
-      ref={ref}
-      value={String(value)}
-      onChangeText={(t) => {
-        const n = parseFloat(t);
-        if (!isNaN(n)) onChangeValue(n);
-      }}
-      keyboardType="numeric"
-      editable={!isDisabled}
-      className={numberInputFieldStyle({ size, class: className })}
-      {...props}
-    />
-  );
-});
-NumberInputField.displayName = 'NumberInputField';
-
-export const NumberInputStepper = React.forwardRef<
-  React.ElementRef<typeof View>,
-  NumberInputStepperProps
->(({ className, ...props }, ref) => {
-  return <View ref={ref} className={numberInputStepperStyle({ class: className })} {...props} />;
-});
-NumberInputStepper.displayName = 'NumberInputStepper';
-
-export const NumberInputIncrementButton = React.forwardRef<
-  React.ElementRef<typeof Pressable>,
-  NumberInputIncrementProps
->(({ className, children, ...props }, ref) => {
-  const { onIncrement, size, isDisabled } = useNumberInputContext();
-  return (
-    <Pressable
-      ref={ref}
-      onPress={onIncrement}
-      disabled={isDisabled}
-      className={numberInputButtonStyle({ size, class: className })}
-      accessibilityRole="button"
-      accessibilityLabel="Increment"
-      {...props}
-    >
-      {children ?? (
-        <Text className={numberInputButtonTextStyle({ size })}>+</Text>
-      )}
-    </Pressable>
-  );
-});
-NumberInputIncrementButton.displayName = 'NumberInputIncrementButton';
-
-export const NumberInputDecrementButton = React.forwardRef<
-  React.ElementRef<typeof Pressable>,
-  NumberInputDecrementProps
->(({ className, children, ...props }, ref) => {
-  const { onDecrement, size, isDisabled } = useNumberInputContext();
-  return (
-    <Pressable
-      ref={ref}
-      onPress={onDecrement}
-      disabled={isDisabled}
-      className={numberInputButtonStyle({ size, class: className })}
-      accessibilityRole="button"
-      accessibilityLabel="Decrement"
-      {...props}
-    >
-      {children ?? (
-        <Text className={numberInputButtonTextStyle({ size })}>
-          {'\u2212'}
-        </Text>
-      )}
-    </Pressable>
-  );
-});
-NumberInputDecrementButton.displayName = 'NumberInputDecrementButton';
+import React, { useState } from 'react';
+import { View, TextInput, Pressable, Text } from 'react-native';
+import { createComponentContext } from '../utils/create-context';
+import type {
+  NumberInputProps,
+  NumberInputFieldProps,
+  NumberInputStepperProps,
+  NumberInputIncrementProps,
+  NumberInputDecrementProps,
+  NumberInputContextValue,
+} from './types';
+import {
+  numberInputStyle,
+  numberInputFieldStyle,
+  numberInputStepperStyle,
+  numberInputButtonStyle,
+  numberInputButtonTextStyle,
+} from './styles';
+
+export const [NumberInputProvider, useNumberInputContext] =
+  createComponentContext<NumberInputContextValue>('NumberInput');
+
+export const NumberInput = React.forwardRef<
+  React.ElementRef<typeof View>,
+  NumberInputProps
+>(
+  (
+    {
+      className,
+      value: controlledValue,
+      defaultValue = 0,
+      onChange,
+      min,
+      max,
+      step = 1,
+      size = 'md',
+      isDisabled = false,
+      children,
+      ...props
+    },
+    ref,
+  ) => {
+    const [internalValue, setInternalValue] = useState(defaultValue);
+    const value =
+      controlledValue !== undefined ? controlledValue : internalValue;
+    const clamp = (v: number) => {
+      let r = v;
+      if (min !== undefined) r = Math.max(min, r);
+      if (max !== undefined) r = Math.min(max, r);
+      return r;
+    };
+    const update = (v: number) => {
+      const clamped = clamp(v);
+      setInternalValue(clamped);
+      onChange?.(clamped);
+    };
+    return (
+      <NumberInputProvider
+        value={{
+          value,
+          onIncrement: () => update(value + step),
+          onDecrement: () => update(value - step),
+          onChangeValue: update,
+          size,
+          min,
+          max,
+          step,
+          isDisabled,
+        }}
+      >
+        <View
+          ref={ref}
+          className={numberInputStyle({ size, isDisabled, class: className })}
+          {...props}
+        >
+          {children}
+        </View>
+      </NumberInputProvider>
+    );
+  },
+);
+NumberInput.displayName = 'NumberInput';
+
+export const NumberInputField = React.forwardRef<
+  React.ElementRef<typeof TextInput>,
+  NumberInputFieldProps
+>(({ className, ...props }, ref) => {
+  const { value, onChangeValue, size, isDisabled } =
+    useNumberInputContext();
+  return (
+    <TextInput
+      ref={ref}
+      value={String(value)}
+      onChangeText={(t) => {
+        const n = parseFloat(t);
+        if (!isNaN(n)) onChangeValue(n);
+      }}
+      keyboardType="numeric"
+      editable={!isDisabled}
+      className={numberInputFieldStyle({ size, class: className })}
+      {...props}
+    />
+  );
+});
+NumberInputField.displayName = 'NumberInputField';
+
+export const NumberInputStepper = React.forwardRef<
+  React.ElementRef<typeof View>,
+  NumberInputStepperProps
+>(({ className, ...props }, ref) => {
+  return <View ref={ref} className={numberInputStepperStyle({ class: className })} {...props} />;
+});
+NumberInputStepper.displayName = 'NumberInputStepper';
+
+export const NumberInputIncrementButton = React.forwardRef<
+  React.ElementRef<typeof Pressable>,
+  NumberInputIncrementProps
+>(({ className, children, ...props }, ref) => {
+  const { onIncrement, size, isDisabled } = useNumberInputContext();
+  return (
+    <Pressable
+      ref={ref}
+      onPress={onIncrement}
+      disabled={isDisabled}
+      className={numberInputButtonStyle({ size, class: className })}
+      accessibilityRole="button"
+      accessibilityLabel="Increment"
+      {...props}
+    >
+      {children ?? (
+        <Text className={numberInputButtonTextStyle({ size })}>+</Text>
+      )}
+    </Pressable>
+  );
+});
+NumberInputIncrementButton.displayName = 'NumberInputIncrementButton';
+
+export const NumberInputDecrementButton = React.forwardRef<
+  React.ElementRef<typeof Pressable>,
+  NumberInputDecrementProps
+>(({ className, children, ...props }, ref) => {
+  const { onDecrement, size, isDisabled } = useNumberInputContext();
+  return (
+    <Pressable
+      ref={ref}
+      onPress={onDecrement}
+      disabled={isDisabled}
+      className={numberInputButtonStyle({ size, class: className })}
+      accessibilityRole="button"
+      accessibilityLabel="Decrement"
+      {...props}
+    >
+      {children ?? (
+        <Text className={numberInputButtonTextStyle({ size })}>
+          {'\u2212'}
+        </Text>
+      )}
+    </Pressable>
+  );
+});
+NumberInputDecrementButton.displayName = 'NumberInputDecrementButton';

package/src/number-input/styles.ts

@@ -1,35 +1,35 @@
-import { tv } from 'tailwind-variants';
-
-export const numberInputStyle = tv({
-  base: 'flex-row items-center border border-outline-300 rounded-lg overflow-hidden',
-  variants: {
-    size: { sm: 'h-8', md: 'h-10', lg: 'h-12' },
-    isDisabled: { true: 'opacity-50' },
-  },
-  defaultVariants: { size: 'md' },
-});
-export const numberInputFieldStyle = tv({
-  base: 'flex-1 text-center text-typography-900',
-  variants: {
-    size: { sm: 'text-sm px-2', md: 'text-base px-3', lg: 'text-lg px-4' },
-  },
-  defaultVariants: { size: 'md' },
-});
-export const numberInputStepperStyle = tv({
-  base: 'self-stretch justify-center',
-  variants: {},
-});
-export const numberInputButtonStyle = tv({
-  base: 'items-center justify-center bg-background-50 border-l border-outline-200',
-  variants: {
-    size: { sm: 'w-8 flex-1', md: 'w-10 flex-1', lg: 'w-12 flex-1' },
-  },
-  defaultVariants: { size: 'md' },
-});
-export const numberInputButtonTextStyle = tv({
-  base: 'font-semibold text-typography-600',
-  variants: {
-    size: { sm: 'text-sm', md: 'text-base', lg: 'text-lg' },
-  },
-  defaultVariants: { size: 'md' },
-});
+import { tv } from 'tailwind-variants';
+
+export const numberInputStyle = tv({
+  base: 'flex-row items-center border border-outline-300 rounded-lg overflow-hidden',
+  variants: {
+    size: { sm: 'h-8', md: 'h-10', lg: 'h-12' },
+    isDisabled: { true: 'opacity-50' },
+  },
+  defaultVariants: { size: 'md' },
+});
+export const numberInputFieldStyle = tv({
+  base: 'flex-1 text-center text-typography-900',
+  variants: {
+    size: { sm: 'text-sm px-2', md: 'text-base px-3', lg: 'text-lg px-4' },
+  },
+  defaultVariants: { size: 'md' },
+});
+export const numberInputStepperStyle = tv({
+  base: 'self-stretch justify-center',
+  variants: {},
+});
+export const numberInputButtonStyle = tv({
+  base: 'items-center justify-center bg-background-50 border-l border-outline-200',
+  variants: {
+    size: { sm: 'w-8 flex-1', md: 'w-10 flex-1', lg: 'w-12 flex-1' },
+  },
+  defaultVariants: { size: 'md' },
+});
+export const numberInputButtonTextStyle = tv({
+  base: 'font-semibold text-typography-600',
+  variants: {
+    size: { sm: 'text-sm', md: 'text-base', lg: 'text-lg' },
+  },
+  defaultVariants: { size: 'md' },
+});

package/src/number-input/types.ts

@@ -1,44 +1,44 @@
-import type { View, TextInput, Pressable } from 'react-native';
-
-export type NumberInputSize = 'sm' | 'md' | 'lg';
-
-export interface NumberInputContextValue {
-  value: number;
-  onIncrement: () => void;
-  onDecrement: () => void;
-  onChangeValue: (val: number) => void;
-  size: NumberInputSize;
-  min?: number;
-  max?: number;
-  step: number;
-  isDisabled: boolean;
-}
-
-export interface NumberInputProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-  value?: number;
-  defaultValue?: number;
-  onChange?: (value: number) => void;
-  min?: number;
-  max?: number;
-  step?: number;
-  size?: NumberInputSize;
-  isDisabled?: boolean;
-}
-export interface NumberInputFieldProps
-  extends React.ComponentPropsWithoutRef<typeof TextInput> {
-  className?: string;
-}
-export interface NumberInputStepperProps
-  extends React.ComponentPropsWithoutRef<typeof View> {
-  className?: string;
-}
-export interface NumberInputIncrementProps
-  extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
-export interface NumberInputDecrementProps
-  extends React.ComponentPropsWithoutRef<typeof Pressable> {
-  className?: string;
-}
+import type { View, TextInput, Pressable } from 'react-native';
+
+export type NumberInputSize = 'sm' | 'md' | 'lg';
+
+export interface NumberInputContextValue {
+  value: number;
+  onIncrement: () => void;
+  onDecrement: () => void;
+  onChangeValue: (val: number) => void;
+  size: NumberInputSize;
+  min?: number;
+  max?: number;
+  step: number;
+  isDisabled: boolean;
+}
+
+export interface NumberInputProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+  value?: number;
+  defaultValue?: number;
+  onChange?: (value: number) => void;
+  min?: number;
+  max?: number;
+  step?: number;
+  size?: NumberInputSize;
+  isDisabled?: boolean;
+}
+export interface NumberInputFieldProps
+  extends React.ComponentPropsWithoutRef<typeof TextInput> {
+  className?: string;
+}
+export interface NumberInputStepperProps
+  extends React.ComponentPropsWithoutRef<typeof View> {
+  className?: string;
+}
+export interface NumberInputIncrementProps
+  extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}
+export interface NumberInputDecrementProps
+  extends React.ComponentPropsWithoutRef<typeof Pressable> {
+  className?: string;
+}

package/src/overlay/index.ts

@@ -1,2 +1,2 @@
-export { Overlay } from './overlay';
-export type { OverlayProps } from './types';
+export { Overlay } from './overlay';
+export type { OverlayProps } from './types';

package/src/overlay/overlay.tsx

@@ -1,21 +1,21 @@
-import React from 'react';
-import { View } from 'react-native';
-import type { OverlayProps } from './types';
-import { overlayStyle } from './styles';
-
-export const Overlay = React.forwardRef<
-  React.ElementRef<typeof View>,
-  OverlayProps
->(({ className, isVisible = true, ...props }, ref) => {
-  if (!isVisible) return null;
-
-  return (
-    <View
-      ref={ref}
-      className={overlayStyle({ class: className })}
-      {...props}
-    />
-  );
-});
-
-Overlay.displayName = 'Overlay';
+import React from 'react';
+import { View } from 'react-native';
+import type { OverlayProps } from './types';
+import { overlayStyle } from './styles';
+
+export const Overlay = React.forwardRef<
+  React.ElementRef<typeof View>,
+  OverlayProps
+>(({ className, isVisible = true, ...props }, ref) => {
+  if (!isVisible) return null;
+
+  return (
+    <View
+      ref={ref}
+      className={overlayStyle({ class: className })}
+      {...props}
+    />
+  );
+});
+
+Overlay.displayName = 'Overlay';

package/src/overlay/styles.ts

@@ -1,6 +1,6 @@
-import { tv } from 'tailwind-variants';
-
-export const overlayStyle = tv({
-  base: 'absolute inset-0 bg-black/50',
-  variants: {},
-});
+import { tv } from 'tailwind-variants';
+
+export const overlayStyle = tv({
+  base: 'absolute inset-0 bg-black/50',
+  variants: {},
+});

package/src/overlay/types.ts

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

package/src/pagination/index.ts

@@ -1,2 +1,2 @@
-export { Pagination, PaginationProvider, usePaginationContext, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis } from './pagination';
-export type { PaginationProps, PaginationItemProps, PaginationPreviousProps, PaginationNextProps, PaginationEllipsisProps, PaginationSize, PaginationContextValue } from './types';
+export { Pagination, PaginationProvider, usePaginationContext, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis } from './pagination';
+export type { PaginationProps, PaginationItemProps, PaginationPreviousProps, PaginationNextProps, PaginationEllipsisProps, PaginationSize, PaginationContextValue } from './types';