@rehagro/ui 1.0.31 → 1.0.32

package/dist/native.mjs

@@ -1280,7 +1280,213 @@ var Select = forwardRef(function Select2(props, ref) {
     )
   ] });
 });
+var RadioGroupContext = createContext(null);
+var useRadioGroup = () => 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 = 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] = useState(defaultChecked);
+  const isChecked = isControlled ? controlledChecked : internalChecked;
+  const resolvedColor = resolveColor(color, theme);
+  const handlePress = 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__ */ jsxs(
+    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__ */ jsx(View, { style: outerStyle, children: isChecked && /* @__PURE__ */ jsx(View, { style: innerStyle }) }),
+        (label || description) && /* @__PURE__ */ jsxs(View, { style: { flex: 1, gap: 2 }, children: [
+          label && /* @__PURE__ */ jsx(
+            Text,
+            {
+              style: {
+                fontSize: labelSizeMap[size],
+                color: theme.text,
+                ...theme.fontFamilyBody ? { fontFamily: theme.fontFamilyBody } : {}
+              },
+              children: label
+            }
+          ),
+          description && /* @__PURE__ */ jsx(
+            Text,
+            {
+              style: {
+                fontSize: descriptionSizeMap[size],
+                color: theme.textMuted,
+                ...theme.fontFamilyBody ? { fontFamily: theme.fontFamilyBody } : {}
+              },
+              children: description
+            }
+          )
+        ] })
+      ]
+    }
+  );
+});
+var RadioOption = 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__ */ jsx(
+    Radio,
+    {
+      ref,
+      size: mergedSize,
+      color: mergedColor,
+      disabled: mergedDisabled,
+      checked: isChecked,
+      onChange: handleChange,
+      ...rest
+    }
+  );
+});
+var RadioGroup = forwardRef(function RadioGroup2({
+  children,
+  value,
+  defaultValue,
+  onChange,
+  size = "md",
+  orientation = "vertical",
+  color = "primary",
+  disabled = false,
+  gap = "md",
+  style
+}, ref) {
+  const [internalValue, setInternalValue] = useState(defaultValue);
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const handleChange = useCallback(
+    (newValue) => {
+      if (!isControlled) setInternalValue(newValue);
+      onChange?.(newValue);
+    },
+    [isControlled, onChange]
+  );
+  return /* @__PURE__ */ jsx(
+    RadioGroupContext.Provider,
+    {
+      value: {
+        value: currentValue,
+        onChange: handleChange,
+        size,
+        color,
+        disabled
+      },
+      children: /* @__PURE__ */ jsx(
+        View,
+        {
+          ref,
+          accessibilityRole: "radiogroup",
+          style: [
+            {
+              flexDirection: orientation === "vertical" ? "column" : "row",
+              flexWrap: orientation === "horizontal" ? "wrap" : "nowrap",
+              gap: gapMap[gap]
+            },
+            style
+          ],
+          children
+        }
+      )
+    }
+  );
+});
 
-export { ActivityIndicator3 as ActivityIndicator, Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, Checkbox, IconButton, RehagroNativeProvider, Select, Tag, Text5 as Text, TextInput, useRehagroTheme };
+export { ActivityIndicator3 as ActivityIndicator, Avatar, Button, Card2 as Card, CardContent, CardFooter, CardHeader, Checkbox, IconButton, Radio, RadioGroup, RadioOption, RehagroNativeProvider, Select, Tag, Text5 as Text, TextInput, useRehagroTheme };
 //# sourceMappingURL=native.mjs.map
 //# sourceMappingURL=native.mjs.map