@rehagro/ui 1.0.31 → 1.0.32

package/dist/native.d.mts

@@ -477,4 +477,88 @@ type SelectMultipleProps = SelectBaseProps & {
 type SelectProps = SelectSingleProps | SelectMultipleProps;
 declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<View>>;
 
-export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type TextSize, useRehagroTheme };
+type RadioSize = "sm" | "md" | "lg";
+type RadioOrientation = "horizontal" | "vertical";
+type RadioColor = "primary" | "secondary" | "danger" | "warning" | "success" | "info";
+type RadioBaseProps = Omit<PressableProps, "style" | "onPress"> & {
+    /** Radio size */
+    size?: RadioSize;
+    /** Label text displayed next to the radio */
+    label?: React__default.ReactNode;
+    /** Description text below the label */
+    description?: React__default.ReactNode;
+    /** Color scheme for checked state — preset name or custom color string */
+    color?: RadioColor | (string & {});
+    /** Custom style for the outer wrapper */
+    style?: StyleProp<ViewStyle>;
+};
+type RadioProps = RadioBaseProps & {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Callback fired when the value changes */
+    onChange?: (checked: boolean) => void;
+};
+type RadioOptionProps = RadioBaseProps & {
+    /** Unique value for this option */
+    value: string;
+};
+type RadioGroupProps = {
+    children?: React__default.ReactNode;
+    /** Currently selected value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Called when selection changes */
+    onChange?: (value: string) => void;
+    /** Radio size for all items */
+    size?: RadioSize;
+    /** Layout orientation */
+    orientation?: RadioOrientation;
+    /** Color scheme for checked state */
+    color?: RadioColor | (string & {});
+    /** Whether the entire group is disabled */
+    disabled?: boolean;
+    /** Gap between items */
+    gap?: "sm" | "md" | "lg";
+    /** Custom style for the group wrapper */
+    style?: StyleProp<ViewStyle>;
+};
+declare const Radio: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
+    /** Radio size */
+    size?: RadioSize;
+    /** Label text displayed next to the radio */
+    label?: React__default.ReactNode;
+    /** Description text below the label */
+    description?: React__default.ReactNode;
+    /** Color scheme for checked state — preset name or custom color string */
+    color?: RadioColor | (string & {});
+    /** Custom style for the outer wrapper */
+    style?: StyleProp<ViewStyle>;
+} & {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Callback fired when the value changes */
+    onChange?: (checked: boolean) => void;
+} & React__default.RefAttributes<View>>;
+declare const RadioOption: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
+    /** Radio size */
+    size?: RadioSize;
+    /** Label text displayed next to the radio */
+    label?: React__default.ReactNode;
+    /** Description text below the label */
+    description?: React__default.ReactNode;
+    /** Color scheme for checked state — preset name or custom color string */
+    color?: RadioColor | (string & {});
+    /** Custom style for the outer wrapper */
+    style?: StyleProp<ViewStyle>;
+} & {
+    /** Unique value for this option */
+    value: string;
+} & React__default.RefAttributes<View>>;
+declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<View>>;
+
+export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type TextSize, useRehagroTheme };

package/dist/native.d.ts

@@ -477,4 +477,88 @@ type SelectMultipleProps = SelectBaseProps & {
 type SelectProps = SelectSingleProps | SelectMultipleProps;
 declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<View>>;
 
-export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type TextSize, useRehagroTheme };
+type RadioSize = "sm" | "md" | "lg";
+type RadioOrientation = "horizontal" | "vertical";
+type RadioColor = "primary" | "secondary" | "danger" | "warning" | "success" | "info";
+type RadioBaseProps = Omit<PressableProps, "style" | "onPress"> & {
+    /** Radio size */
+    size?: RadioSize;
+    /** Label text displayed next to the radio */
+    label?: React__default.ReactNode;
+    /** Description text below the label */
+    description?: React__default.ReactNode;
+    /** Color scheme for checked state — preset name or custom color string */
+    color?: RadioColor | (string & {});
+    /** Custom style for the outer wrapper */
+    style?: StyleProp<ViewStyle>;
+};
+type RadioProps = RadioBaseProps & {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Callback fired when the value changes */
+    onChange?: (checked: boolean) => void;
+};
+type RadioOptionProps = RadioBaseProps & {
+    /** Unique value for this option */
+    value: string;
+};
+type RadioGroupProps = {
+    children?: React__default.ReactNode;
+    /** Currently selected value */
+    value?: string;
+    /** Default value (uncontrolled) */
+    defaultValue?: string;
+    /** Called when selection changes */
+    onChange?: (value: string) => void;
+    /** Radio size for all items */
+    size?: RadioSize;
+    /** Layout orientation */
+    orientation?: RadioOrientation;
+    /** Color scheme for checked state */
+    color?: RadioColor | (string & {});
+    /** Whether the entire group is disabled */
+    disabled?: boolean;
+    /** Gap between items */
+    gap?: "sm" | "md" | "lg";
+    /** Custom style for the group wrapper */
+    style?: StyleProp<ViewStyle>;
+};
+declare const Radio: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
+    /** Radio size */
+    size?: RadioSize;
+    /** Label text displayed next to the radio */
+    label?: React__default.ReactNode;
+    /** Description text below the label */
+    description?: React__default.ReactNode;
+    /** Color scheme for checked state — preset name or custom color string */
+    color?: RadioColor | (string & {});
+    /** Custom style for the outer wrapper */
+    style?: StyleProp<ViewStyle>;
+} & {
+    /** Controlled checked state */
+    checked?: boolean;
+    /** Default checked state (uncontrolled) */
+    defaultChecked?: boolean;
+    /** Callback fired when the value changes */
+    onChange?: (checked: boolean) => void;
+} & React__default.RefAttributes<View>>;
+declare const RadioOption: React__default.ForwardRefExoticComponent<Omit<PressableProps, "style" | "onPress"> & {
+    /** Radio size */
+    size?: RadioSize;
+    /** Label text displayed next to the radio */
+    label?: React__default.ReactNode;
+    /** Description text below the label */
+    description?: React__default.ReactNode;
+    /** Color scheme for checked state — preset name or custom color string */
+    color?: RadioColor | (string & {});
+    /** Custom style for the outer wrapper */
+    style?: StyleProp<ViewStyle>;
+} & {
+    /** Unique value for this option */
+    value: string;
+} & React__default.RefAttributes<View>>;
+declare const RadioGroup: React__default.ForwardRefExoticComponent<RadioGroupProps & React__default.RefAttributes<View>>;
+
+export { ActivityIndicator, type ActivityIndicatorColor, type ActivityIndicatorProps, type ActivityIndicatorSize, Avatar, type AvatarProps, type AvatarSize, type AvatarVariant, Button, ButtonColor, type ButtonProps, type ButtonRadius, type ButtonSize, type ButtonVariant, Card, CardContent, type CardContentProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardRadius, type CardVariant, Checkbox, type CheckboxProps, type CheckboxSize, IconButton, type IconButtonColor, type IconButtonProps, type IconButtonRadius, type IconButtonSize, type IconButtonVariant, Radio, type RadioColor, RadioGroup, type RadioGroupProps, RadioOption, type RadioOptionProps, type RadioOrientation, type RadioProps, type RadioSize, RehagroNativeProvider, type RehagroNativeProviderProps, type RehagroNativeTheme, Select, type SelectMultipleProps, type SelectOption, type SelectProps, type SelectRadius, type SelectSingleProps, type SelectSize, type SelectStatus, Tag, type TagColor, type TagProps, type TagSize, Text, type TextColor, TextInput, type TextInputProps, type TextInputRadius, type TextInputSize, type TextInputStatus, type TextProps, type TextSize, useRehagroTheme };

package/dist/native.js

@@ -1282,6 +1282,212 @@ var Select = react.forwardRef(function Select2(props, ref) {
     )
   ] });
 });
+var RadioGroupContext = react.createContext(null);
+var useRadioGroup = () => react.useContext(RadioGroupContext);
+var PRESET_COLORS4 = /* @__PURE__ */ new Set([
+  "primary",
+  "secondary",
+  "danger",
+  "warning",
+  "success",
+  "info"
+]);
+var isPresetColor4 = (color) => PRESET_COLORS4.has(color);
+var resolveColor = (color, theme) => {
+  if (isPresetColor4(color)) {
+    return theme[color] ?? "#16a34a";
+  }
+  return color;
+};
+var outerSizeMap = {
+  sm: 16,
+  md: 20,
+  lg: 24
+};
+var innerSizeMap = {
+  sm: 8,
+  md: 10,
+  lg: 12
+};
+var labelSizeMap = {
+  sm: 14,
+  md: 14,
+  lg: 16
+};
+var descriptionSizeMap = {
+  sm: 12,
+  md: 12,
+  lg: 14
+};
+var gapMap = {
+  sm: 8,
+  md: 12,
+  lg: 16
+};
+var Radio = react.forwardRef(function Radio2({
+  size = "md",
+  label,
+  description,
+  color = "primary",
+  disabled,
+  checked: controlledChecked,
+  defaultChecked = false,
+  onChange,
+  style,
+  accessibilityLabel,
+  ...rest
+}, ref) {
+  const theme = useRehagroTheme();
+  const isControlled = controlledChecked !== void 0;
+  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
+  const isChecked = isControlled ? controlledChecked : internalChecked;
+  const resolvedColor = resolveColor(color, theme);
+  const handlePress = react.useCallback(() => {
+    if (disabled) return;
+    if (!isControlled) setInternalChecked(true);
+    onChange?.(true);
+  }, [disabled, isControlled, onChange]);
+  const outerSize = outerSizeMap[size];
+  const innerSize = innerSizeMap[size];
+  const outerStyle = {
+    width: outerSize,
+    height: outerSize,
+    borderRadius: outerSize / 2,
+    borderWidth: theme.borderWidthSm ?? 1,
+    borderColor: isChecked ? resolvedColor : theme.border ?? "#d1d5db",
+    backgroundColor: theme.surface ?? "#ffffff",
+    alignItems: "center",
+    justifyContent: "center"
+  };
+  const innerStyle = {
+    width: innerSize,
+    height: innerSize,
+    borderRadius: innerSize / 2,
+    backgroundColor: resolvedColor
+  };
+  const accessibilityText = accessibilityLabel ?? (typeof label === "string" ? label : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    reactNative.Pressable,
+    {
+      ref,
+      onPress: handlePress,
+      disabled,
+      accessibilityRole: "radio",
+      accessibilityState: { checked: isChecked, disabled: !!disabled },
+      accessibilityLabel: accessibilityText,
+      style: [
+        {
+          flexDirection: "row",
+          alignItems: "flex-start",
+          gap: 8,
+          opacity: disabled ? 0.5 : 1
+        },
+        style
+      ],
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: outerStyle, children: isChecked && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: innerStyle }) }),
+        (label || description) && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: { flex: 1, gap: 2 }, children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Text,
+            {
+              style: {
+                fontSize: labelSizeMap[size],
+                color: theme.text,
+                ...theme.fontFamilyBody ? { fontFamily: theme.fontFamilyBody } : {}
+              },
+              children: label
+            }
+          ),
+          description && /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.Text,
+            {
+              style: {
+                fontSize: descriptionSizeMap[size],
+                color: theme.textMuted,
+                ...theme.fontFamilyBody ? { fontFamily: theme.fontFamilyBody } : {}
+              },
+              children: description
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+var RadioOption = react.forwardRef(function RadioOption2({ value, size, color, disabled, ...rest }, ref) {
+  const group = useRadioGroup();
+  const mergedSize = size ?? group?.size ?? "md";
+  const mergedColor = color ?? group?.color ?? "primary";
+  const mergedDisabled = disabled ?? group?.disabled ?? false;
+  const isChecked = group?.value === value;
+  const handleChange = () => {
+    group?.onChange?.(value);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Radio,
+    {
+      ref,
+      size: mergedSize,
+      color: mergedColor,
+      disabled: mergedDisabled,
+      checked: isChecked,
+      onChange: handleChange,
+      ...rest
+    }
+  );
+});
+var RadioGroup = react.forwardRef(function RadioGroup2({
+  children,
+  value,
+  defaultValue,
+  onChange,
+  size = "md",
+  orientation = "vertical",
+  color = "primary",
+  disabled = false,
+  gap = "md",
+  style
+}, ref) {
+  const [internalValue, setInternalValue] = react.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const handleChange = react.useCallback(
+    (newValue) => {
+      if (!isControlled) setInternalValue(newValue);
+      onChange?.(newValue);
+    },
+    [isControlled, onChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadioGroupContext.Provider,
+    {
+      value: {
+        value: currentValue,
+        onChange: handleChange,
+        size,
+        color,
+        disabled
+      },
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        reactNative.View,
+        {
+          ref,
+          accessibilityRole: "radiogroup",
+          style: [
+            {
+              flexDirection: orientation === "vertical" ? "column" : "row",
+              flexWrap: orientation === "horizontal" ? "wrap" : "nowrap",
+              gap: gapMap[gap]
+            },
+            style
+          ],
+          children
+        }
+      )
+    }
+  );
+});
 
 exports.ActivityIndicator = ActivityIndicator3;
 exports.Avatar = Avatar;
@@ -1292,6 +1498,9 @@ exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.Checkbox = Checkbox;
 exports.IconButton = IconButton;
+exports.Radio = Radio;
+exports.RadioGroup = RadioGroup;
+exports.RadioOption = RadioOption;
 exports.RehagroNativeProvider = RehagroNativeProvider;
 exports.Select = Select;
 exports.Tag = Tag;