@rehagro/ui 0.1.4 → 1.0.0

package/dist/native.mjs

@@ -0,0 +1,488 @@
+import { createContext, forwardRef, useState, useCallback, useContext, useMemo } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Pressable, ActivityIndicator, View, Text, TextInput as TextInput$1, Image } from 'react-native';
+
+// src/provider/RehagroNativeProvider.tsx
+
+// src/provider/theme.native.ts
+var DEFAULT_NATIVE_THEME = {
+  primary: "#16a34a",
+  primaryHover: "#15803d",
+  secondary: "#6b7280",
+  secondaryHover: "#4b5563",
+  danger: "#dc2626",
+  dangerHover: "#b91c1c",
+  warning: "#d97706",
+  success: "#16a34a",
+  text: "#111827",
+  textMuted: "#6b7280",
+  surface: "#ffffff",
+  background: "#f9fafb",
+  border: "#d1d5db",
+  radiusXxs: 4,
+  radiusXs: 8,
+  radiusSm: 12,
+  radiusMd: 16,
+  radiusLg: 24,
+  radiusXl: 32,
+  borderWidthSm: 1,
+  borderWidthMd: 2,
+  borderWidthLg: 3,
+  inputHeightSm: 36,
+  inputHeightMd: 44,
+  inputHeightLg: 52
+};
+
+// src/provider/RehagroNativeContext.ts
+var RehagroNativeContext = createContext(DEFAULT_NATIVE_THEME);
+function useRehagroTheme() {
+  return useContext(RehagroNativeContext);
+}
+function RehagroNativeProvider({ theme, children }) {
+  const resolvedTheme = useMemo(
+    () => ({ ...DEFAULT_NATIVE_THEME, ...theme }),
+    [theme]
+  );
+  return /* @__PURE__ */ jsx(RehagroNativeContext.Provider, { value: resolvedTheme, children });
+}
+var Button = forwardRef(function Button2({
+  variant = "solid",
+  size = "md",
+  radius = "sm",
+  loading = false,
+  disabled,
+  leftIcon,
+  rightIcon,
+  children,
+  style,
+  accessibilityLabel,
+  ...rest
+}, ref) {
+  const theme = useRehagroTheme();
+  const isDisabled = disabled || loading;
+  const sizeStyleMap = {
+    sm: { paddingHorizontal: 12, paddingVertical: 6 },
+    md: { paddingHorizontal: 16, paddingVertical: 8 },
+    lg: { paddingHorizontal: 20, paddingVertical: 10 }
+  };
+  const fontSizeMap = {
+    sm: 14,
+    md: 14,
+    lg: 16
+  };
+  const radiusStyleMap = {
+    none: 0,
+    xxs: 2,
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+    full: 9999
+  };
+  const baseStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 8,
+    borderWidth: 1,
+    opacity: isDisabled ? 0.5 : 1,
+    borderRadius: radiusStyleMap[radius],
+    ...sizeStyleMap[size]
+  };
+  const variantStyle = (pressed) => {
+    if (variant === "solid") {
+      return {
+        backgroundColor: pressed ? theme.primaryHover : theme.primary,
+        borderColor: pressed ? theme.primaryHover : theme.primary
+      };
+    }
+    if (variant === "outline") {
+      return {
+        borderColor: theme.primary,
+        backgroundColor: pressed ? theme.primary : "transparent"
+      };
+    }
+    return { borderColor: "transparent", backgroundColor: "transparent" };
+  };
+  const textColor = (pressed) => {
+    if (variant === "solid") return theme.surface;
+    if (variant === "outline") return pressed ? theme.surface : theme.primary;
+    return theme.primary;
+  };
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ref,
+      disabled: isDisabled,
+      accessibilityRole: "button",
+      accessibilityState: { disabled: !!isDisabled, busy: loading },
+      accessibilityLabel: accessibilityLabel ?? (typeof children === "string" ? children : void 0),
+      style: ({ pressed }) => [baseStyle, variantStyle(pressed), style],
+      ...rest,
+      children: ({ pressed }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        loading && /* @__PURE__ */ jsx(
+          ActivityIndicator,
+          {
+            size: "small",
+            color: variant === "solid" ? theme.surface : theme.primary
+          }
+        ),
+        !loading && leftIcon && /* @__PURE__ */ jsx(View, { accessibilityElementsHidden: true, children: leftIcon }),
+        typeof children === "string" ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: { color: textColor(pressed), fontSize: fontSizeMap[size], fontWeight: "500" },
+            children
+          }
+        ) : children,
+        !loading && rightIcon && /* @__PURE__ */ jsx(View, { accessibilityElementsHidden: true, children: rightIcon })
+      ] })
+    }
+  );
+});
+var IconButton = forwardRef(function IconButton2({
+  variant = "ghost",
+  size = "md",
+  radius = "full",
+  color = "primary",
+  loading = false,
+  disabled,
+  children,
+  style,
+  accessibilityLabel,
+  ...rest
+}, ref) {
+  const theme = useRehagroTheme();
+  const isDisabled = disabled || loading;
+  const sizePxMap = {
+    sm: 32,
+    md: 40,
+    lg: 48
+  };
+  const radiusPxMap = {
+    none: 0,
+    xxs: 2,
+    xs: 4,
+    sm: 8,
+    md: 12,
+    lg: 16,
+    xl: 24,
+    full: 9999
+  };
+  const colorTokens = {
+    primary: { main: theme.primary, hover: theme.primaryHover },
+    secondary: { main: theme.secondary, hover: theme.secondaryHover },
+    danger: { main: theme.danger, hover: theme.dangerHover },
+    warning: { main: theme.warning, hover: theme.warning },
+    success: { main: theme.success, hover: theme.success }
+  };
+  const { main, hover } = colorTokens[color];
+  const boxSize = sizePxMap[size];
+  const baseStyle = {
+    width: boxSize,
+    height: boxSize,
+    borderRadius: radiusPxMap[radius],
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 1,
+    opacity: isDisabled ? 0.5 : 1
+  };
+  const variantStyle = (pressed) => {
+    if (variant === "solid") {
+      return { backgroundColor: pressed ? hover : main, borderColor: pressed ? hover : main };
+    }
+    if (variant === "outline") {
+      return { borderColor: main, backgroundColor: pressed ? main : "transparent" };
+    }
+    return { borderColor: "transparent", backgroundColor: pressed ? `${main}1a` : "transparent" };
+  };
+  const iconColor = (pressed) => {
+    if (variant === "solid") return theme.surface;
+    if (variant === "outline") return pressed ? theme.surface : main;
+    return main;
+  };
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ref,
+      disabled: isDisabled,
+      accessibilityRole: "button",
+      accessibilityState: { disabled: !!isDisabled, busy: loading },
+      accessibilityLabel,
+      style: ({ pressed }) => [baseStyle, variantStyle(pressed), style],
+      ...rest,
+      children: ({ pressed }) => loading ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: variant === "solid" ? theme.surface : main }) : /* @__PURE__ */ jsx(View, { style: { tintColor: iconColor(pressed) }, children })
+    }
+  );
+});
+var TextInput = forwardRef(function TextInput2({
+  label,
+  subtitle,
+  status = "default",
+  size = "md",
+  radius = "xs",
+  leftIcon,
+  rightIcon,
+  helperText,
+  editable = true,
+  wrapperStyle,
+  style,
+  accessibilityLabel,
+  ...rest
+}, ref) {
+  const theme = useRehagroTheme();
+  const [focused, setFocused] = useState(false);
+  const isDisabled = editable === false;
+  const heightMap = {
+    sm: theme.inputHeightSm,
+    md: theme.inputHeightMd,
+    lg: theme.inputHeightLg
+  };
+  const paddingMap = {
+    sm: 12,
+    md: 14,
+    lg: 16
+  };
+  const fontSizeMap = {
+    sm: 14,
+    md: 14,
+    lg: 16
+  };
+  const radiusMap = {
+    none: 0,
+    xxs: theme.radiusXxs,
+    xs: theme.radiusXs,
+    sm: theme.radiusSm,
+    md: theme.radiusMd,
+    lg: theme.radiusLg,
+    xl: theme.radiusXl,
+    full: 9999
+  };
+  const borderColor = status === "error" ? theme.danger : focused ? theme.primary : theme.border;
+  const containerStyle = {
+    height: heightMap[size],
+    paddingHorizontal: paddingMap[size],
+    borderRadius: radiusMap[radius],
+    borderWidth: theme.borderWidthSm,
+    borderColor,
+    backgroundColor: isDisabled ? theme.background : theme.surface,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8,
+    opacity: isDisabled ? 0.5 : 1
+  };
+  const inputId = accessibilityLabel ?? label;
+  return /* @__PURE__ */ jsxs(View, { style: [{ gap: 4 }, wrapperStyle], children: [
+    label && /* @__PURE__ */ jsxs(View, { style: { flexDirection: "row", alignItems: "baseline", gap: 4 }, children: [
+      /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, fontWeight: "500", color: theme.text }, children: label }),
+      subtitle && /* @__PURE__ */ jsx(Text, { style: { fontSize: 14, color: theme.textMuted }, children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxs(View, { style: [containerStyle, style], children: [
+      leftIcon && /* @__PURE__ */ jsx(View, { accessibilityElementsHidden: true, style: { width: fontSizeMap[size], height: fontSizeMap[size] }, children: leftIcon }),
+      /* @__PURE__ */ jsx(
+        TextInput$1,
+        {
+          ref,
+          editable,
+          accessibilityLabel: inputId,
+          accessibilityState: { disabled: isDisabled },
+          "aria-invalid": status === "error",
+          onFocus: (e) => {
+            setFocused(true);
+            rest.onFocus?.(e);
+          },
+          onBlur: (e) => {
+            setFocused(false);
+            rest.onBlur?.(e);
+          },
+          style: {
+            flex: 1,
+            fontSize: fontSizeMap[size],
+            color: theme.text
+          },
+          placeholderTextColor: theme.textMuted,
+          ...rest
+        }
+      ),
+      rightIcon && /* @__PURE__ */ jsx(View, { accessibilityElementsHidden: true, style: { width: fontSizeMap[size], height: fontSizeMap[size] }, children: rightIcon })
+    ] }),
+    helperText && /* @__PURE__ */ jsx(
+      Text,
+      {
+        style: {
+          fontSize: 12,
+          color: status === "error" ? theme.danger : theme.textMuted
+        },
+        children: helperText
+      }
+    )
+  ] });
+});
+var CheckIcon = ({ size, color }) => /* @__PURE__ */ jsx(
+  View,
+  {
+    style: {
+      width: size,
+      height: size,
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    children: /* @__PURE__ */ jsx(
+      View,
+      {
+        style: {
+          position: "absolute",
+          width: size * 0.55,
+          height: size * 0.3,
+          borderLeftWidth: 2,
+          borderBottomWidth: 2,
+          borderColor: color,
+          transform: [{ rotate: "-45deg" }, { translateY: -size * 0.05 }]
+        }
+      }
+    )
+  }
+);
+var MinusIcon = ({ size, color }) => /* @__PURE__ */ jsx(
+  View,
+  {
+    style: {
+      width: size * 0.7,
+      height: 2,
+      backgroundColor: color
+    }
+  }
+);
+var Checkbox = forwardRef(function Checkbox2({
+  size = "md",
+  label,
+  checked: controlledChecked,
+  defaultChecked = false,
+  indeterminate = false,
+  disabled,
+  onChange,
+  style,
+  accessibilityLabel,
+  ...rest
+}, ref) {
+  const theme = useRehagroTheme();
+  const isControlled = controlledChecked !== void 0;
+  const [internalChecked, setInternalChecked] = useState(defaultChecked);
+  const isChecked = isControlled ? controlledChecked : internalChecked;
+  const isActive = isChecked || indeterminate;
+  const handlePress = useCallback(() => {
+    if (disabled) return;
+    const next = !isChecked;
+    if (!isControlled) setInternalChecked(next);
+    onChange?.(next);
+  }, [disabled, isChecked, isControlled, onChange]);
+  const boxSizeMap = {
+    sm: 16,
+    md: 20,
+    lg: 24
+  };
+  const iconSizeMap = {
+    sm: 10,
+    md: 12,
+    lg: 14
+  };
+  const fontSizeMap = {
+    sm: 14,
+    md: 14,
+    lg: 16
+  };
+  const boxSize = boxSizeMap[size];
+  const iconSize = iconSizeMap[size];
+  const boxStyle = {
+    width: boxSize,
+    height: boxSize,
+    borderRadius: theme.radiusXxs,
+    borderWidth: theme.borderWidthSm,
+    borderColor: isActive ? theme.primary : theme.border,
+    backgroundColor: isActive ? theme.primary : theme.surface,
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      ref,
+      onPress: handlePress,
+      disabled,
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked: indeterminate ? "mixed" : isChecked, disabled: !!disabled },
+      accessibilityLabel: accessibilityLabel ?? label,
+      style: [{ flexDirection: "row", alignItems: "center", gap: 8, opacity: disabled ? 0.5 : 1 }, style],
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(View, { style: boxStyle, children: indeterminate ? /* @__PURE__ */ jsx(MinusIcon, { size: iconSize, color: theme.surface }) : isChecked ? /* @__PURE__ */ jsx(CheckIcon, { size: iconSize, color: theme.surface }) : null }),
+        label && /* @__PURE__ */ jsx(Text, { style: { fontSize: fontSizeMap[size], color: theme.text }, children: label })
+      ]
+    }
+  );
+});
+var Avatar = forwardRef(function Avatar2({ src, alt = "", initials, size = "md", variant = "circle", style, ...rest }, ref) {
+  const theme = useRehagroTheme();
+  const [imgError, setImgError] = useState(false);
+  const showImage = !!src && !imgError;
+  const fallbackLabel = initials ? initials.slice(0, 2).toUpperCase() : alt ? alt.split(" ").slice(0, 2).map((w) => w[0]).join("").toUpperCase() : "?";
+  const sizePxMap = {
+    sm: 32,
+    md: 40,
+    lg: 48,
+    xl: 64
+  };
+  const fontSizeMap = {
+    sm: 12,
+    md: 14,
+    lg: 18,
+    xl: 20
+  };
+  const boxSize = sizePxMap[size];
+  const borderRadius = variant === "circle" ? boxSize / 2 : theme.radiusSm;
+  const containerStyle = {
+    width: boxSize,
+    height: boxSize,
+    borderRadius,
+    backgroundColor: theme.primary,
+    alignItems: "center",
+    justifyContent: "center",
+    overflow: "hidden"
+  };
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ref,
+      accessible: true,
+      accessibilityRole: "image",
+      accessibilityLabel: alt || initials || fallbackLabel,
+      style: [containerStyle, style],
+      ...rest,
+      children: showImage ? /* @__PURE__ */ jsx(
+        Image,
+        {
+          source: { uri: src },
+          style: { width: boxSize, height: boxSize, borderRadius },
+          onError: () => setImgError(true),
+          accessibilityLabel: alt
+        }
+      ) : /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            fontSize: fontSizeMap[size],
+            fontWeight: "500",
+            color: theme.surface
+          },
+          accessibilityElementsHidden: true,
+          children: fallbackLabel
+        }
+      )
+    }
+  );
+});
+
+export { Avatar, Button, Checkbox, IconButton, RehagroNativeProvider, TextInput, useRehagroTheme };
+//# sourceMappingURL=native.mjs.map
+//# sourceMappingURL=native.mjs.map

package/dist/native.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/theme.native.ts","../src/provider/RehagroNativeContext.ts","../src/provider/RehagroNativeProvider.tsx","../src/components/Button/Button.native.tsx","../src/components/IconButton/IconButton.native.tsx","../src/components/TextInput/TextInput.native.tsx","../src/components/Checkbox/Checkbox.native.tsx","../src/components/Avatar/Avatar.native.tsx"],"names":["Button","jsx","forwardRef","IconButton","Pressable","ActivityIndicator","View","TextInput","jsxs","Text","RNTextInput","Checkbox","useState","Avatar"],"mappings":"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","file":"native.mjs","sourcesContent":["import type { RehagroTheme } from \"./theme\";\n\n/** React Native theme — reuses the same token names as the web theme.\n *  Color values are plain CSS hex strings (e.g. \"#16a34a\").\n *  Spacing/radius/border values are numbers (device-independent pixels).\n */\nexport type RehagroNativeTheme = {\n  // Brand colors\n  primary?: string;\n  primaryHover?: string;\n  secondary?: string;\n  secondaryHover?: string;\n  danger?: string;\n  dangerHover?: string;\n  warning?: string;\n  success?: string;\n\n  // Semantic colors\n  text?: string;\n  textMuted?: string;\n  surface?: string;\n  background?: string;\n  border?: string;\n\n  // Border radius (numbers = dp)\n  radiusXxs?: number;\n  radiusXs?: number;\n  radiusSm?: number;\n  radiusMd?: number;\n  radiusLg?: number;\n  radiusXl?: number;\n\n  // Border width\n  borderWidthSm?: number;\n  borderWidthMd?: number;\n  borderWidthLg?: number;\n\n  // Input sizes\n  inputHeightSm?: number;\n  inputHeightMd?: number;\n  inputHeightLg?: number;\n};\n\nexport type RehagroNativeProviderProps = {\n  /** Theme overrides — any token not provided keeps the default value */\n  theme?: RehagroNativeTheme;\n  children: React.ReactNode;\n};\n\nexport const DEFAULT_NATIVE_THEME: Required<RehagroNativeTheme> = {\n  primary: \"#16a34a\",\n  primaryHover: \"#15803d\",\n  secondary: \"#6b7280\",\n  secondaryHover: \"#4b5563\",\n  danger: \"#dc2626\",\n  dangerHover: \"#b91c1c\",\n  warning: \"#d97706\",\n  success: \"#16a34a\",\n\n  text: \"#111827\",\n  textMuted: \"#6b7280\",\n  surface: \"#ffffff\",\n  background: \"#f9fafb\",\n  border: \"#d1d5db\",\n\n  radiusXxs: 4,\n  radiusXs: 8,\n  radiusSm: 12,\n  radiusMd: 16,\n  radiusLg: 24,\n  radiusXl: 32,\n\n  borderWidthSm: 1,\n  borderWidthMd: 2,\n  borderWidthLg: 3,\n\n  inputHeightSm: 36,\n  inputHeightMd: 44,\n  inputHeightLg: 52,\n};\n\n// Ensures RehagroNativeTheme color keys stay in sync with RehagroTheme\ntype _ColorKeysMatch = Pick<\n  RehagroTheme,\n  \"primary\" | \"primaryHover\" | \"secondary\" | \"secondaryHover\" | \"danger\" | \"dangerHover\" | \"warning\" | \"success\" | \"text\" | \"textMuted\" | \"surface\" | \"background\" | \"border\"\n>;\ntype _NativeColorKeys = Pick<\n  RehagroNativeTheme,\n  \"primary\" | \"primaryHover\" | \"secondary\" | \"secondaryHover\" | \"danger\" | \"dangerHover\" | \"warning\" | \"success\" | \"text\" | \"textMuted\" | \"surface\" | \"background\" | \"border\"\n>;\n// This line will error at compile time if the color keys diverge:\ntype _ColorKeysCheck = _ColorKeysMatch extends _NativeColorKeys ? true : never;\n","import { createContext, useContext } from \"react\";\nimport type { RehagroNativeTheme } from \"./theme.native\";\nimport { DEFAULT_NATIVE_THEME } from \"./theme.native\";\n\nexport const RehagroNativeContext = createContext<Required<RehagroNativeTheme>>(DEFAULT_NATIVE_THEME);\n\nexport function useRehagroTheme(): Required<RehagroNativeTheme> {\n  return useContext(RehagroNativeContext);\n}\n","import React, { useMemo } from \"react\";\nimport { RehagroNativeContext } from \"./RehagroNativeContext\";\nimport { DEFAULT_NATIVE_THEME } from \"./theme.native\";\nimport type { RehagroNativeProviderProps, RehagroNativeTheme } from \"./theme.native\";\n\nexport function RehagroNativeProvider({ theme, children }: RehagroNativeProviderProps) {\n  const resolvedTheme = useMemo<Required<RehagroNativeTheme>>(\n    () => ({ ...DEFAULT_NATIVE_THEME, ...theme }),\n    [theme],\n  );\n\n  return (\n    <RehagroNativeContext.Provider value={resolvedTheme}>\n      {children}\n    </RehagroNativeContext.Provider>\n  );\n}\n","import React, { forwardRef } from \"react\";\nimport {\n  ActivityIndicator,\n  Pressable,\n  Text,\n  View,\n  type PressableProps,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport { useRehagroTheme } from \"../../provider/RehagroNativeContext\";\n\nexport type ButtonVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type ButtonRadius = \"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport type ButtonProps = Omit<PressableProps, \"style\"> & {\n  /** Visual style variant */\n  variant?: ButtonVariant;\n  /** Button size */\n  size?: ButtonSize;\n  /** Border radius */\n  radius?: ButtonRadius;\n  /** Shows loading state and disables interaction */\n  loading?: boolean;\n  /** Icon rendered to the left of children (hidden when loading) */\n  leftIcon?: React.ReactNode;\n  /** Icon rendered to the right of children (hidden when loading) */\n  rightIcon?: React.ReactNode;\n  /** Label text */\n  children?: React.ReactNode;\n  /** Custom style for the outer Pressable */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport const Button = forwardRef<View, ButtonProps>(function Button(\n  {\n    variant = \"solid\",\n    size = \"md\",\n    radius = \"sm\",\n    loading = false,\n    disabled,\n    leftIcon,\n    rightIcon,\n    children,\n    style,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) {\n  const theme = useRehagroTheme();\n  const isDisabled = disabled || loading;\n\n  const sizeStyleMap: Record<ButtonSize, ViewStyle> = {\n    sm: { paddingHorizontal: 12, paddingVertical: 6 },\n    md: { paddingHorizontal: 16, paddingVertical: 8 },\n    lg: { paddingHorizontal: 20, paddingVertical: 10 },\n  };\n\n  const fontSizeMap: Record<ButtonSize, number> = {\n    sm: 14,\n    md: 14,\n    lg: 16,\n  };\n\n  const radiusStyleMap: Record<ButtonRadius, number> = {\n    none: 0,\n    xxs: 2,\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 24,\n    full: 9999,\n  };\n\n  const baseStyle: ViewStyle = {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    gap: 8,\n    borderWidth: 1,\n    opacity: isDisabled ? 0.5 : 1,\n    borderRadius: radiusStyleMap[radius],\n    ...sizeStyleMap[size],\n  };\n\n  const variantStyle = (pressed: boolean): ViewStyle => {\n    if (variant === \"solid\") {\n      return {\n        backgroundColor: pressed ? theme.primaryHover : theme.primary,\n        borderColor: pressed ? theme.primaryHover : theme.primary,\n      };\n    }\n    if (variant === \"outline\") {\n      return {\n        borderColor: theme.primary,\n        backgroundColor: pressed ? theme.primary : \"transparent\",\n      };\n    }\n    return { borderColor: \"transparent\", backgroundColor: \"transparent\" };\n  };\n\n  const textColor = (pressed: boolean): string => {\n    if (variant === \"solid\") return theme.surface;\n    if (variant === \"outline\") return pressed ? theme.surface : theme.primary;\n    return theme.primary;\n  };\n\n  return (\n    <Pressable\n      ref={ref}\n      disabled={isDisabled}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled: !!isDisabled, busy: loading }}\n      accessibilityLabel={\n        accessibilityLabel ?? (typeof children === \"string\" ? children : undefined)\n      }\n      style={({ pressed }) => [baseStyle, variantStyle(pressed), style]}\n      {...rest}\n    >\n      {({ pressed }) => (\n        <>\n          {loading && (\n            <ActivityIndicator\n              size=\"small\"\n              color={variant === \"solid\" ? theme.surface : theme.primary}\n            />\n          )}\n          {!loading && leftIcon && <View accessibilityElementsHidden>{leftIcon}</View>}\n          {typeof children === \"string\" ? (\n            <Text\n              style={{ color: textColor(pressed), fontSize: fontSizeMap[size], fontWeight: \"500\" }}\n            >\n              {children}\n            </Text>\n          ) : (\n            children\n          )}\n          {!loading && rightIcon && <View accessibilityElementsHidden>{rightIcon}</View>}\n        </>\n      )}\n    </Pressable>\n  );\n});\n","import React, { forwardRef } from \"react\";\nimport {\n  ActivityIndicator,\n  Pressable,\n  View,\n  type PressableProps,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport { useRehagroTheme } from \"../../provider/RehagroNativeContext\";\n\nexport type IconButtonVariant = \"solid\" | \"outline\" | \"ghost\";\nexport type IconButtonSize = \"sm\" | \"md\" | \"lg\";\nexport type IconButtonRadius = \"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\nexport type IconButtonColor = \"primary\" | \"danger\" | \"warning\" | \"success\" | \"secondary\";\n\nexport type IconButtonProps = Omit<PressableProps, \"style\"> & {\n  /** Visual style variant */\n  variant?: IconButtonVariant;\n  /** Button size */\n  size?: IconButtonSize;\n  /** Border radius */\n  radius?: IconButtonRadius;\n  /** Color scheme */\n  color?: IconButtonColor;\n  /** Shows loading state and disables interaction */\n  loading?: boolean;\n  /** Icon content */\n  children?: React.ReactNode;\n  /** Custom style for the outer Pressable */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport const IconButton = forwardRef<View, IconButtonProps>(function IconButton(\n  {\n    variant = \"ghost\",\n    size = \"md\",\n    radius = \"full\",\n    color = \"primary\",\n    loading = false,\n    disabled,\n    children,\n    style,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) {\n  const theme = useRehagroTheme();\n  const isDisabled = disabled || loading;\n\n  const sizePxMap: Record<IconButtonSize, number> = {\n    sm: 32,\n    md: 40,\n    lg: 48,\n  };\n\n  const radiusPxMap: Record<IconButtonRadius, number> = {\n    none: 0,\n    xxs: 2,\n    xs: 4,\n    sm: 8,\n    md: 12,\n    lg: 16,\n    xl: 24,\n    full: 9999,\n  };\n\n  const colorTokens: Record<IconButtonColor, { main: string; hover: string }> = {\n    primary: { main: theme.primary, hover: theme.primaryHover },\n    secondary: { main: theme.secondary, hover: theme.secondaryHover },\n    danger: { main: theme.danger, hover: theme.dangerHover },\n    warning: { main: theme.warning, hover: theme.warning },\n    success: { main: theme.success, hover: theme.success },\n  };\n\n  const { main, hover } = colorTokens[color];\n  const boxSize = sizePxMap[size];\n\n  const baseStyle: ViewStyle = {\n    width: boxSize,\n    height: boxSize,\n    borderRadius: radiusPxMap[radius],\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    borderWidth: 1,\n    opacity: isDisabled ? 0.5 : 1,\n  };\n\n  const variantStyle = (pressed: boolean): ViewStyle => {\n    if (variant === \"solid\") {\n      return { backgroundColor: pressed ? hover : main, borderColor: pressed ? hover : main };\n    }\n    if (variant === \"outline\") {\n      return { borderColor: main, backgroundColor: pressed ? main : \"transparent\" };\n    }\n    return { borderColor: \"transparent\", backgroundColor: pressed ? `${main}1a` : \"transparent\" };\n  };\n\n  const iconColor = (pressed: boolean): string => {\n    if (variant === \"solid\") return theme.surface;\n    if (variant === \"outline\") return pressed ? theme.surface : main;\n    return main;\n  };\n\n  return (\n    <Pressable\n      ref={ref}\n      disabled={isDisabled}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled: !!isDisabled, busy: loading }}\n      accessibilityLabel={accessibilityLabel}\n      style={({ pressed }) => [baseStyle, variantStyle(pressed), style]}\n      {...rest}\n    >\n      {({ pressed }) =>\n        loading ? (\n          <ActivityIndicator size=\"small\" color={variant === \"solid\" ? theme.surface : main} />\n        ) : (\n          <View style={{ tintColor: iconColor(pressed) } as ViewStyle}>\n            {children}\n          </View>\n        )\n      }\n    </Pressable>\n  );\n});\n","import React, { forwardRef, useState } from \"react\";\nimport {\n  TextInput as RNTextInput,\n  Text,\n  View,\n  type TextInputProps as RNTextInputProps,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport { useRehagroTheme } from \"../../provider/RehagroNativeContext\";\n\nexport type TextInputStatus = \"default\" | \"error\";\nexport type TextInputSize = \"sm\" | \"md\" | \"lg\";\nexport type TextInputRadius = \"none\" | \"xxs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"full\";\n\nexport type TextInputProps = Omit<RNTextInputProps, \"style\"> & {\n  /** Label text displayed above the input */\n  label?: string;\n  /** Subtitle displayed next to the label */\n  subtitle?: string;\n  /** Validation status */\n  status?: TextInputStatus;\n  /** Input size */\n  size?: TextInputSize;\n  /** Border radius */\n  radius?: TextInputRadius;\n  /** Icon rendered to the left of the input */\n  leftIcon?: React.ReactNode;\n  /** Icon rendered to the right of the input */\n  rightIcon?: React.ReactNode;\n  /** Helper/error message displayed below the input */\n  helperText?: React.ReactNode;\n  /** Custom style for the outermost wrapper */\n  wrapperStyle?: StyleProp<ViewStyle>;\n  /** Custom style for the input container */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport const TextInput = forwardRef<RNTextInput, TextInputProps>(function TextInput(\n  {\n    label,\n    subtitle,\n    status = \"default\",\n    size = \"md\",\n    radius = \"xs\",\n    leftIcon,\n    rightIcon,\n    helperText,\n    editable = true,\n    wrapperStyle,\n    style,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) {\n  const theme = useRehagroTheme();\n  const [focused, setFocused] = useState(false);\n\n  const isDisabled = editable === false;\n\n  const heightMap: Record<TextInputSize, number> = {\n    sm: theme.inputHeightSm,\n    md: theme.inputHeightMd,\n    lg: theme.inputHeightLg,\n  };\n\n  const paddingMap: Record<TextInputSize, number> = {\n    sm: 12,\n    md: 14,\n    lg: 16,\n  };\n\n  const fontSizeMap: Record<TextInputSize, number> = {\n    sm: 14,\n    md: 14,\n    lg: 16,\n  };\n\n  const radiusMap: Record<TextInputRadius, number> = {\n    none: 0,\n    xxs: theme.radiusXxs,\n    xs: theme.radiusXs,\n    sm: theme.radiusSm,\n    md: theme.radiusMd,\n    lg: theme.radiusLg,\n    xl: theme.radiusXl,\n    full: 9999,\n  };\n\n  const borderColor =\n    status === \"error\"\n      ? theme.danger\n      : focused\n        ? theme.primary\n        : theme.border;\n\n  const containerStyle: ViewStyle = {\n    height: heightMap[size],\n    paddingHorizontal: paddingMap[size],\n    borderRadius: radiusMap[radius],\n    borderWidth: theme.borderWidthSm,\n    borderColor,\n    backgroundColor: isDisabled ? theme.background : theme.surface,\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    gap: 8,\n    opacity: isDisabled ? 0.5 : 1,\n  };\n\n  const inputId = accessibilityLabel ?? label;\n\n  return (\n    <View style={[{ gap: 4 }, wrapperStyle]}>\n      {/* Label + Subtitle */}\n      {label && (\n        <View style={{ flexDirection: \"row\", alignItems: \"baseline\", gap: 4 }}>\n          <Text style={{ fontSize: 14, fontWeight: \"500\", color: theme.text }}>\n            {label}\n          </Text>\n          {subtitle && (\n            <Text style={{ fontSize: 14, color: theme.textMuted }}>{subtitle}</Text>\n          )}\n        </View>\n      )}\n\n      {/* Input container */}\n      <View style={[containerStyle, style]}>\n        {leftIcon && (\n          <View accessibilityElementsHidden style={{ width: fontSizeMap[size], height: fontSizeMap[size] }}>\n            {leftIcon}\n          </View>\n        )}\n\n        <RNTextInput\n          ref={ref}\n          editable={editable}\n          accessibilityLabel={inputId}\n          accessibilityState={{ disabled: isDisabled }}\n          aria-invalid={status === \"error\"}\n          onFocus={(e) => {\n            setFocused(true);\n            rest.onFocus?.(e);\n          }}\n          onBlur={(e) => {\n            setFocused(false);\n            rest.onBlur?.(e);\n          }}\n          style={{\n            flex: 1,\n            fontSize: fontSizeMap[size],\n            color: theme.text,\n          }}\n          placeholderTextColor={theme.textMuted}\n          {...rest}\n        />\n\n        {rightIcon && (\n          <View accessibilityElementsHidden style={{ width: fontSizeMap[size], height: fontSizeMap[size] }}>\n            {rightIcon}\n          </View>\n        )}\n      </View>\n\n      {/* Helper text */}\n      {helperText && (\n        <Text\n          style={{\n            fontSize: 12,\n            color: status === \"error\" ? theme.danger : theme.textMuted,\n          }}\n        >\n          {helperText}\n        </Text>\n      )}\n    </View>\n  );\n});\n","import React, { forwardRef, useCallback, useState } from \"react\";\nimport {\n  Pressable,\n  Text,\n  View,\n  type PressableProps,\n  type StyleProp,\n  type ViewStyle,\n} from \"react-native\";\nimport { useRehagroTheme } from \"../../provider/RehagroNativeContext\";\n\nexport type CheckboxSize = \"sm\" | \"md\" | \"lg\";\n\nexport type CheckboxProps = Omit<PressableProps, \"style\" | \"onPress\"> & {\n  /** Checkbox size */\n  size?: CheckboxSize;\n  /** Label text displayed next to the checkbox */\n  label?: string;\n  /** Controlled checked state */\n  checked?: boolean;\n  /** Default checked state (uncontrolled) */\n  defaultChecked?: boolean;\n  /** Indeterminate state (partially checked) */\n  indeterminate?: boolean;\n  /** Callback fired when the value changes */\n  onChange?: (checked: boolean) => void;\n  /** Custom style for the outer wrapper */\n  style?: StyleProp<ViewStyle>;\n};\n\nconst CheckIcon = ({ size, color }: { size: number; color: string }) => (\n  <View\n    style={{\n      width: size,\n      height: size,\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    }}\n  >\n    {/* Simple checkmark drawn with two Views rotated — no SVG dep needed */}\n    <View\n      style={{\n        position: \"absolute\",\n        width: size * 0.55,\n        height: size * 0.3,\n        borderLeftWidth: 2,\n        borderBottomWidth: 2,\n        borderColor: color,\n        transform: [{ rotate: \"-45deg\" }, { translateY: -size * 0.05 }],\n      }}\n    />\n  </View>\n);\n\nconst MinusIcon = ({ size, color }: { size: number; color: string }) => (\n  <View\n    style={{\n      width: size * 0.7,\n      height: 2,\n      backgroundColor: color,\n    }}\n  />\n);\n\nexport const Checkbox = forwardRef<View, CheckboxProps>(function Checkbox(\n  {\n    size = \"md\",\n    label,\n    checked: controlledChecked,\n    defaultChecked = false,\n    indeterminate = false,\n    disabled,\n    onChange,\n    style,\n    accessibilityLabel,\n    ...rest\n  },\n  ref,\n) {\n  const theme = useRehagroTheme();\n  const isControlled = controlledChecked !== undefined;\n  const [internalChecked, setInternalChecked] = useState(defaultChecked);\n\n  const isChecked = isControlled ? controlledChecked : internalChecked;\n  const isActive = isChecked || indeterminate;\n\n  const handlePress = useCallback(() => {\n    if (disabled) return;\n    const next = !isChecked;\n    if (!isControlled) setInternalChecked(next);\n    onChange?.(next);\n  }, [disabled, isChecked, isControlled, onChange]);\n\n  const boxSizeMap: Record<CheckboxSize, number> = {\n    sm: 16,\n    md: 20,\n    lg: 24,\n  };\n\n  const iconSizeMap: Record<CheckboxSize, number> = {\n    sm: 10,\n    md: 12,\n    lg: 14,\n  };\n\n  const fontSizeMap: Record<CheckboxSize, number> = {\n    sm: 14,\n    md: 14,\n    lg: 16,\n  };\n\n  const boxSize = boxSizeMap[size];\n  const iconSize = iconSizeMap[size];\n\n  const boxStyle: ViewStyle = {\n    width: boxSize,\n    height: boxSize,\n    borderRadius: theme.radiusXxs,\n    borderWidth: theme.borderWidthSm,\n    borderColor: isActive ? theme.primary : theme.border,\n    backgroundColor: isActive ? theme.primary : theme.surface,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  };\n\n  return (\n    <Pressable\n      ref={ref}\n      onPress={handlePress}\n      disabled={disabled}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked: indeterminate ? \"mixed\" : isChecked, disabled: !!disabled }}\n      accessibilityLabel={accessibilityLabel ?? label}\n      style={[{ flexDirection: \"row\", alignItems: \"center\", gap: 8, opacity: disabled ? 0.5 : 1 }, style]}\n      {...rest}\n    >\n      <View style={boxStyle}>\n        {indeterminate ? (\n          <MinusIcon size={iconSize} color={theme.surface} />\n        ) : isChecked ? (\n          <CheckIcon size={iconSize} color={theme.surface} />\n        ) : null}\n      </View>\n\n      {label && (\n        <Text style={{ fontSize: fontSizeMap[size], color: theme.text }}>\n          {label}\n        </Text>\n      )}\n    </Pressable>\n  );\n});\n","import React, { forwardRef, useState } from \"react\";\nimport { Image, Text, View, type StyleProp, type ViewStyle, type ViewProps } from \"react-native\";\nimport { useRehagroTheme } from \"../../provider/RehagroNativeContext\";\n\nexport type AvatarSize = \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type AvatarVariant = \"circle\" | \"square\";\n\nexport type AvatarProps = Omit<ViewProps, \"style\"> & {\n  /** Image source URL */\n  src?: string;\n  /** Alt text (used as accessibility label and initials fallback) */\n  alt?: string;\n  /** Fallback initials shown when image is unavailable */\n  initials?: string;\n  /** Avatar size */\n  size?: AvatarSize;\n  /** Shape variant */\n  variant?: AvatarVariant;\n  /** Custom style for the outer wrapper */\n  style?: StyleProp<ViewStyle>;\n};\n\nexport const Avatar = forwardRef<View, AvatarProps>(function Avatar(\n  { src, alt = \"\", initials, size = \"md\", variant = \"circle\", style, ...rest },\n  ref,\n) {\n  const theme = useRehagroTheme();\n  const [imgError, setImgError] = useState(false);\n  const showImage = !!src && !imgError;\n\n  const fallbackLabel = initials\n    ? initials.slice(0, 2).toUpperCase()\n    : alt\n      ? alt\n          .split(\" \")\n          .slice(0, 2)\n          .map((w) => w[0])\n          .join(\"\")\n          .toUpperCase()\n      : \"?\";\n\n  const sizePxMap: Record<AvatarSize, number> = {\n    sm: 32,\n    md: 40,\n    lg: 48,\n    xl: 64,\n  };\n\n  const fontSizeMap: Record<AvatarSize, number> = {\n    sm: 12,\n    md: 14,\n    lg: 18,\n    xl: 20,\n  };\n\n  const boxSize = sizePxMap[size];\n  const borderRadius = variant === \"circle\" ? boxSize / 2 : theme.radiusSm;\n\n  const containerStyle: ViewStyle = {\n    width: boxSize,\n    height: boxSize,\n    borderRadius,\n    backgroundColor: theme.primary,\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    overflow: \"hidden\",\n  };\n\n  return (\n    <View\n      ref={ref}\n      accessible\n      accessibilityRole=\"image\"\n      accessibilityLabel={alt || initials || fallbackLabel}\n      style={[containerStyle, style]}\n      {...rest}\n    >\n      {showImage ? (\n        <Image\n          source={{ uri: src }}\n          style={{ width: boxSize, height: boxSize, borderRadius }}\n          onError={() => setImgError(true)}\n          accessibilityLabel={alt}\n        />\n      ) : (\n        <Text\n          style={{\n            fontSize: fontSizeMap[size],\n            fontWeight: \"500\",\n            color: theme.surface,\n          }}\n          accessibilityElementsHidden\n        >\n          {fallbackLabel}\n        </Text>\n      )}\n    </View>\n  );\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rehagro/ui",
-  "version": "0.1.4",
+  "version": "1.0.0",
   "author": "Rehagro's Development Team",
   "description": "Rehagro Design System - React component library",
   "main": "./dist/index.cjs",
@@ -12,6 +12,11 @@
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
     },
+    "./native": {
+      "types": "./dist/native.d.ts",
+      "import": "./dist/native.js",
+      "require": "./dist/native.cjs"
+    },
     "./styles.css": "./dist/styles.css"
   },
   "files": [
@@ -22,34 +27,43 @@
   ],
   "peerDependencies": {
     "react": ">=18",
-    "react-dom": ">=18"
+    "react-dom": ">=18",
+    "react-native": ">=0.73"
+  },
+  "peerDependenciesMeta": {
+    "react-dom": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    }
   },
   "devDependencies": {
-    "@storybook/react": "^10.2.13",
+    "@storybook/addon-docs": "^10.2.13",
     "@storybook/react-vite": "^10.2.13",
     "@testing-library/jest-dom": "^6.6.0",
     "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.5.0",
     "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
-    "@testing-library/user-event": "^14.5.0",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
     "autoprefixer": "^10.4.0",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-storybook": "10.2.13",
     "jsdom": "^25.0.0",
     "postcss": "^8.4.0",
     "prettier": "^3.4.0",
     "react": "^18.3.0",
     "react-dom": "^18.3.0",
+    "react-native": "^0.76.0",
     "storybook": "^10.2.13",
     "tailwindcss": "^3.4.0",
     "tsup": "^8.3.0",
     "typescript": "^5.6.0",
-    "vitest": "^2.1.0",
-    "eslint-plugin-storybook": "10.2.13",
-    "@storybook/addon-docs": "^10.2.13"
+    "vitest": "^2.1.0"
   },
   "scripts": {
     "build": "tsup && node scripts/add-use-client.mjs && tailwindcss -i src/styles/styles.css -o dist/styles.css --minify",