@vellira-ui/react-native 2.62.3 → 2.63.0

package/dist/index.d.ts

@@ -1,12 +1,12 @@
 export { Dropdown } from './components/Dropdown';
 export type { DropdownContentProps, DropdownEmptyProps, DropdownGroupProps, DropdownItemProps, DropdownLabelProps, DropdownPresentation, DropdownProps, DropdownSelectEvent, DropdownSeparatorProps, DropdownTriggerProps, } from './components/Dropdown/types';
-export type { ModalProps } from './components/Modal';
+export type { ModalBodyProps, ModalCloseProps, ModalContentProps, ModalDescriptionProps, ModalFooterProps, ModalHeaderProps, ModalOverlayProps, ModalProps, ModalTitleProps, ModalTriggerProps, } from './components/Modal';
 export { Modal } from './components/Modal';
 export type { PopoverAnchorProps, PopoverArrowProps, PopoverCloseProps, PopoverContentProps, PopoverDescriptionProps, PopoverProps, PopoverTitleProps, PopoverTriggerProps, } from './components/Popover';
 export { Popover } from './components/Popover';
-export type { RadioGroupProps } from './components/RadioGroup';
+export type { RadioGroupItemProps, RadioGroupProps, } from './components/RadioGroup';
 export { RadioGroup } from './components/RadioGroup';
-export type { SelectOption, SelectProps, SelectRenderOptionContext, SelectRenderValueContext, } from './components/Select';
+export type { SelectContentProps, SelectEmptyProps, SelectGroupProps, SelectIconSlotProps, SelectItemBadgeProps, SelectItemDescriptionProps, SelectItemIconProps, SelectItemProps, SelectLabelProps, SelectLoadingProps, SelectOption, SelectPresentation, SelectProps, SelectRenderOption, SelectRenderOptionContext, SelectRenderValue, SelectRenderValueContext, SelectSearchProps, SelectSeparatorProps, SelectTriggerSlotProps, SelectValueSlotProps, SelectVirtualConfig, } from './components/Select';
 export { Select } from './components/Select';
 export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, } from './components/Tabs';
 export { Tabs } from './components/Tabs';

package/dist/index.js

@@ -3215,7 +3215,7 @@ const createStyles$8 = (_theme) => StyleSheet.create({
 });
 //#endregion
 //#region src/components/RadioGroup/Root/RadioGroupRoot.tsx
-const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, disabled = false, required = false, size = "md", color = "primary", orientation = "vertical", label, description, error, children, style, itemsStyle, labelStyle, descriptionStyle, errorStyle, accessibilityLabel, accessibilityHint, ...rest }, ref) => {
+const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, disabled = false, required = false, invalid = false, size = "md", color = "primary", orientation = "vertical", label, description, error, children, style, itemsStyle, labelStyle, descriptionStyle, errorStyle, accessibilityLabel, accessibilityHint, ...rest }, ref) => {
 	const { theme } = useTheme();
 	const styles = useThemeStyles(createStyles$8);
 	const radioGroupSizeTokens = theme.components.radioGroup.size[size];
@@ -3224,11 +3224,12 @@ const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, di
 		defaultValue,
 		onChange: onValueChange
 	});
-	const invalid = Boolean(error);
+	const isInvalid = invalid || Boolean(error);
 	const resolvedAccessibilityLabel = accessibilityLabel ?? (typeof label === "string" ? label : void 0);
 	const resolvedAccessibilityHint = (accessibilityHint ?? [
 		typeof description === "string" ? description : void 0,
 		required ? "Required." : void 0,
+		isInvalid && !error ? "Invalid." : void 0,
 		typeof error === "string" ? error : void 0
 	].filter(Boolean).join(" ")) || void 0;
 	return /* @__PURE__ */ jsx(FormField, {
@@ -3250,7 +3251,7 @@ const RadioGroupRoot = forwardRef(({ value, defaultValue = "", onValueChange, di
 				value: selectedValue,
 				disabled,
 				required,
-				invalid,
+				invalid: isInvalid,
 				size,
 				color,
 				onValueChange: setSelectedValue
@@ -5757,7 +5758,7 @@ const createStyles$4 = (theme) => StyleSheet.create({
 });
 //#endregion
 //#region src/components/Tabs/Root/TabsRoot.tsx
-const TabsRoot = ({ children, value: controlledValue, defaultValue, onValueChange, orientation = "horizontal", activationMode = "automatic", mode = "tabs", variant = "line", color = "primary", size = "md", keepMounted = false, lazyMount = false, disabled = false, style }) => {
+const TabsRoot = ({ children, value: controlledValue, defaultValue, onValueChange, orientation = "horizontal", mode = "tabs", variant = "line", color = "primary", size = "md", keepMounted = false, lazyMount = false, disabled = false, style }) => {
 	const styles = useThemeStyles(createStyles$4);
 	const isControlled = controlledValue !== void 0;
 	const [version, setVersion] = useState(0);
@@ -5823,7 +5824,6 @@ const TabsRoot = ({ children, value: controlledValue, defaultValue, onValueChang
 		setValue,
 		mode,
 		orientation,
-		activationMode,
 		variant,
 		color,
 		size,
@@ -5835,7 +5835,6 @@ const TabsRoot = ({ children, value: controlledValue, defaultValue, onValueChang
 		getTriggerLayout,
 		registerTriggerLayout
 	}), [
-		activationMode,
 		color,
 		disabled,
 		keepMounted,
@@ -6578,8 +6577,9 @@ const Checkbox = forwardRef(({ label, description, icon, indeterminateIcon, chec
 	const resolvedAccessibilityHint = [
 		accessibilityHint,
 		description,
+		required ? "Required." : void 0,
 		error
-	].filter(Boolean).join(" ");
+	].filter((item) => Boolean(item)).join(" ");
 	const accessibilityChecked = indeterminate ? "mixed" : isChecked;
 	useEffect(() => {
 		devWarning(Boolean(resolvedAccessibilityLabel), "Checkbox: an accessible label must be provided through label or accessibilityLabel.");
@@ -6873,6 +6873,13 @@ const Input = forwardRef(({ label, description, value, defaultValue, onValueChan
 	const isInvalid = invalid || Boolean(error) || !hasOwnField && Boolean(field?.invalid);
 	const isDisabled = disabled || !hasOwnField && Boolean(field?.disabled);
 	const isRequired = required || !hasOwnField && Boolean(field?.required);
+	const resolvedAccessibilityHint = [
+		accessibilityHint,
+		hasOwnField && typeof description === "string" ? description : void 0,
+		isRequired ? "Required." : void 0,
+		isInvalid ? "Invalid." : void 0,
+		hasOwnField && typeof error === "string" ? error : void 0
+	].filter((item) => Boolean(item)).join(" ");
 	const isReadOnly = readOnly || loading;
 	const showLoading = loading && !isDisabled;
 	const placeholderTextColor = isDisabled ? getDisabledPlaceholderTextColor(theme) : readOnly ? theme.components.input.readOnly.placeholder : inputState.placeholder;
@@ -6945,7 +6952,7 @@ const Input = forwardRef(({ label, description, value, defaultValue, onValueChan
 				testID,
 				placeholderTextColor,
 				accessibilityLabel: accessibilityLabel ?? label,
-				accessibilityHint,
+				accessibilityHint: resolvedAccessibilityHint || void 0,
 				accessibilityState: {
 					disabled: isDisabled,
 					busy: loading

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/react-native",
-  "version": "2.62.3",
+  "version": "2.63.0",
   "description": "React Native components for Vellira Design System",
   "keywords": [
     "vellira",