@newtonedev/components 0.1.4 → 0.1.6

package/src/Button/Button.tsx

@@ -1,86 +0,0 @@
-import React from 'react';
-import { Pressable, Text } from 'react-native';
-import type { ButtonProps } from './Button.types';
-import { useTokens } from '../tokens/useTokens';
-import { getButtonStyles } from './Button.styles';
-import { Icon } from '../primitives/Icon/Icon';
-
-/**
- * Button component with support for multiple variants, sizes, and optional icons.
- *
- * Automatically adapts to the current theme and mode from NewtoneProvider.
- *
- * @example
- * ```tsx
- * <Button variant="primary" size="md" onPress={() => console.log('Pressed')}>
- *   Click me
- * </Button>
- * ```
- *
- * @example
- * ```tsx
- * <Button icon="add" variant="primary" onPress={handleAdd}>
- *   New Item
- * </Button>
- * ```
- *
- * @example
- * ```tsx
- * <Button icon="delete" variant="ghost" size="sm" onPress={handleDelete} />
- * ```
- */
-export function Button({
-  children,
-  icon,
-  iconPosition = 'left',
-  variant = 'primary',
-  size = 'md',
-  disabled = false,
-  style,
-  textStyle,
-  ...pressableProps
-}: ButtonProps) {
-  const tokens = useTokens(1);
-  const isIconOnly = !!icon && !children;
-
-  const { styles, iconColor, iconSize } = React.useMemo(
-    () => getButtonStyles(tokens, variant, size, disabled, isIconOnly),
-    [tokens, variant, size, disabled, isIconOnly]
-  );
-
-  const renderIcon = () => (
-    <Icon name={icon!} size={iconSize} color={iconColor} />
-  );
-
-  return (
-    <Pressable
-      style={({ pressed }) => [
-        styles.base,
-        pressed && !disabled && styles.pressed,
-        disabled && styles.disabled,
-        ...(Array.isArray(style) ? style : [style]),
-      ]}
-      disabled={disabled}
-      {...pressableProps}
-    >
-      {({ pressed }) => (
-        <>
-          {icon && iconPosition === 'left' && renderIcon()}
-          {children != null && (
-            <Text
-              style={[
-                styles.text,
-                pressed && !disabled && styles.textPressed,
-                disabled && styles.textDisabled,
-                ...(Array.isArray(textStyle) ? textStyle : [textStyle]),
-              ]}
-            >
-              {children}
-            </Text>
-          )}
-          {icon && iconPosition === 'right' && renderIcon()}
-        </>
-      )}
-    </Pressable>
-  );
-}