@vellira-ui/react-native 2.43.1 → 2.43.3

package/dist/index.d.ts

@@ -8,7 +8,7 @@ export type { SelectOption, SelectProps } from './components/Select';
 export { Select } from './components/Select';
 export type { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, } from './components/Tabs';
 export { Tabs } from './components/Tabs';
-export type { TooltipArrowProps, TooltipContentProps, TooltipProps, TooltipRootProps, TooltipTriggerProps, } from './components/Tooltip';
+export type { TooltipContentProps, TooltipProps, TooltipRootProps, TooltipTriggerProps, } from './components/Tooltip';
 export { Tooltip } from './components/Tooltip';
 export type { FormFieldProps } from './patterns/FormField';
 export { FormField } from './patterns/FormField';

package/dist/index.js

@@ -1757,8 +1757,8 @@ const indicatorSizeBySize = {
 	md: 8,
 	lg: 10
 };
-const nativePointerEventsNone$5 = Platform.OS === "web" ? void 0 : { pointerEvents: "none" };
-const webPointerEventsNone$5 = Platform.OS === "web" ? { pointerEvents: "none" } : void 0;
+const nativePointerEventsNone$4 = Platform.OS === "web" ? void 0 : { pointerEvents: "none" };
+const webPointerEventsNone$4 = Platform.OS === "web" ? { pointerEvents: "none" } : void 0;
 const Radio = forwardRef(({ value, checked, defaultChecked = false, disabled: disabledProp = false, required: requiredProp = false, size: sizeProp, color: colorProp, onCheckedChange, label, description, icon, error, accessibilityLabel, accessibilityHint, containerStyle, labelStyle, descriptionStyle, errorStyle, style, ...rest }, ref) => {
 	const { theme } = useTheme();
 	const styles = createStyles$10(theme);
@@ -1838,10 +1838,10 @@ const Radio = forwardRef(({ value, checked, defaultChecked = false, disabled: di
 			onPress: handlePress,
 			style: resolvePressableStyle,
 			children: (state) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(View, {
-				...nativePointerEventsNone$5,
+				...nativePointerEventsNone$4,
 				style: [
 					styles.control,
-					webPointerEventsNone$5,
+					webPointerEventsNone$4,
 					{
 						width: controlSize,
 						height: controlSize,
@@ -1870,8 +1870,8 @@ const Radio = forwardRef(({ value, checked, defaultChecked = false, disabled: di
 					resolvedDisabled && styles.indicatorDisabled
 				] }))
 			}), (label || description) && /* @__PURE__ */ jsxs(View, {
-				...nativePointerEventsNone$5,
-				style: [styles.content, webPointerEventsNone$5],
+				...nativePointerEventsNone$4,
+				style: [styles.content, webPointerEventsNone$4],
 				children: [label && (typeof label === "string" ? /* @__PURE__ */ jsx(Text, {
 					style: [
 						styles.label,
@@ -3274,9 +3274,9 @@ const createTriggerStyles = (theme) => StyleSheet.create({
 //#endregion
 //#region src/components/Select/Trigger/SelectTrigger.tsx
 const SelectTriggerSlot = createSelectSlot("trigger", "Select.Trigger");
-const nativePointerEventsNone$4 = Platform.OS === "web" ? void 0 : { pointerEvents: "none" };
+const nativePointerEventsNone$3 = Platform.OS === "web" ? void 0 : { pointerEvents: "none" };
 const nativePointerEventsBoxNone = Platform.OS === "web" ? void 0 : { pointerEvents: "box-none" };
-const webPointerEventsNone$4 = Platform.OS === "web" ? { pointerEvents: "none" } : void 0;
+const webPointerEventsNone$3 = Platform.OS === "web" ? { pointerEvents: "none" } : void 0;
 const webPointerEventsBoxNone = Platform.OS === "web" ? { pointerEvents: "box-none" } : void 0;
 function SelectTrigger({ displayText, isPlaceholder, isOpen, size = "md", color = "primary", variant = "outline", disabled = false, required = false, hasError = false, hasValue = false, loading = false, clearable = false, startIcon, endIcon, prefix, suffix, accessibilityLabel, accessibilityHint, nativeID, accessibilityLabelledBy, ariaDescribedBy, triggerStyle, textStyle, onPress, onClear }) {
 	const { theme } = useTheme();
@@ -3371,8 +3371,8 @@ function SelectTrigger({ displayText, isPlaceholder, isOpen, size = "md", color
 			],
 			children: [
 				startIcon && /* @__PURE__ */ jsx(View, {
-					...nativePointerEventsNone$4,
-					style: [styles.startIcon, webPointerEventsNone$4],
+					...nativePointerEventsNone$3,
+					style: [styles.startIcon, webPointerEventsNone$3],
 					accessibilityElementsHidden: true,
 					importantForAccessibility: "no",
 					children: renderIcon(startIcon)
@@ -3394,8 +3394,8 @@ function SelectTrigger({ displayText, isPlaceholder, isOpen, size = "md", color
 					size: "small",
 					color: iconColor
 				}) : showClearButton ? null : endIcon ? /* @__PURE__ */ jsx(View, {
-					...nativePointerEventsNone$4,
-					style: [styles.endIcon, webPointerEventsNone$4],
+					...nativePointerEventsNone$3,
+					style: [styles.endIcon, webPointerEventsNone$3],
 					accessibilityElementsHidden: true,
 					importantForAccessibility: "no",
 					children: renderIcon(endIcon)
@@ -3745,8 +3745,8 @@ const COLLAPSED_SIZE = 8;
 const LINE_ANIMATION_DURATION = 360;
 const SURFACE_ANIMATION_DURATION = 220;
 const easing = Easing?.bezier?.(.22, 1, .36, 1) ?? ((value) => value);
-const nativePointerEventsNone$3 = Platform.OS === "web" ? void 0 : { pointerEvents: "none" };
-const webPointerEventsNone$3 = Platform.OS === "web" ? { pointerEvents: "none" } : void 0;
+const nativePointerEventsNone$2 = Platform.OS === "web" ? void 0 : { pointerEvents: "none" };
+const webPointerEventsNone$2 = Platform.OS === "web" ? { pointerEvents: "none" } : void 0;
 const animateValue = (value, toValue, duration) => Animated.timing(value, {
 	toValue,
 	duration,
@@ -3947,8 +3947,8 @@ const TabsIndicator = ({ children, style }) => {
 	return /* @__PURE__ */ jsx(Animated.View, {
 		accessibilityElementsHidden: true,
 		importantForAccessibility: "no-hide-descendants",
-		...nativePointerEventsNone$3,
-		style: [indicatorStyle, webPointerEventsNone$3],
+		...nativePointerEventsNone$2,
+		style: [indicatorStyle, webPointerEventsNone$2],
 		children
 	});
 };
@@ -4450,46 +4450,6 @@ const useTooltipContext = () => {
 };
 TooltipContext.displayName = "TooltipContext";
 //#endregion
-//#region src/components/Tooltip/Arrow/TooltipArrow.tsx
-const nativePointerEventsNone$2 = Platform.OS === "web" ? void 0 : { pointerEvents: "none" };
-const webPointerEventsNone$2 = Platform.OS === "web" ? { pointerEvents: "none" } : void 0;
-const TooltipArrow = ({ style }) => {
-	const { theme } = useTheme();
-	const tooltip = useTooltipContext();
-	const size = theme.components.tooltip.arrow.size;
-	const side = tooltip.placement.split("-")[0];
-	const staticSide = {
-		top: "bottom",
-		right: "left",
-		bottom: "top",
-		left: "right"
-	}[side];
-	const crossAxisStyle = side === "left" || side === "right" ? {
-		top: "50%",
-		marginTop: -size / 2
-	} : {
-		left: "50%",
-		marginLeft: -size / 2
-	};
-	return /* @__PURE__ */ jsx(View, {
-		...nativePointerEventsNone$2,
-		style: [
-			{
-				position: "absolute",
-				width: size,
-				height: size,
-				backgroundColor: theme.components.tooltip.arrow.bg,
-				transform: [{ rotate: "45deg" }],
-				[staticSide]: -size / 2,
-				...crossAxisStyle
-			},
-			webPointerEventsNone$2,
-			style
-		]
-	});
-};
-TooltipArrow.displayName = "Tooltip.Arrow";
-//#endregion
 //#region src/components/Tooltip/Tooltip.styles.ts
 const createStyles$3 = (theme) => StyleSheet.create({
 	root: { alignSelf: "flex-start" },
@@ -4553,7 +4513,7 @@ const TooltipContent = ({ children, forceMount = false, withArrow = false, style
 		children: [Children.map(children, (child) => typeof child === "string" || typeof child === "number" ? /* @__PURE__ */ jsx(Text, {
 			style: [styles.text, textStyle],
 			children: child
-		}) : child), withArrow && /* @__PURE__ */ jsx(TooltipArrow, {})]
+		}) : child), withArrow && /* @__PURE__ */ jsx(InternalArrow, {})]
 	});
 	if (!visible) return bubble;
 	return /* @__PURE__ */ jsx(Modal$1, {
@@ -4569,6 +4529,37 @@ const TooltipContent = ({ children, forceMount = false, withArrow = false, style
 	});
 };
 TooltipContent.displayName = "Tooltip.Content";
+function InternalArrow() {
+	const { theme } = useTheme();
+	const tooltip = useTooltipContext();
+	const size = theme.components.tooltip.arrow.size;
+	const side = tooltip.placement.split("-")[0];
+	const staticSide = {
+		top: "bottom",
+		right: "left",
+		bottom: "top",
+		left: "right"
+	}[side];
+	const crossAxisStyle = side === "left" || side === "right" ? {
+		top: "50%",
+		marginTop: -size / 2
+	} : {
+		left: "50%",
+		marginLeft: -size / 2
+	};
+	return /* @__PURE__ */ jsx(View, {
+		...nativePointerEventsNone$1,
+		style: [{
+			position: "absolute",
+			width: size,
+			height: size,
+			backgroundColor: theme.components.tooltip.arrow.bg,
+			transform: [{ rotate: "45deg" }],
+			[staticSide]: -size / 2,
+			...crossAxisStyle
+		}, webPointerEventsNone$1]
+	});
+}
 //#endregion
 //#region src/components/Tooltip/internal/useTooltipDelay.ts
 const resolveTooltipDelay = (delay) => {
@@ -4708,8 +4699,7 @@ TooltipTrigger.displayName = "Tooltip.Trigger";
 //#region src/components/Tooltip/Tooltip.tsx
 const Tooltip = Object.assign(TooltipRoot, {
 	Trigger: TooltipTrigger,
-	Content: TooltipContent,
-	Arrow: TooltipArrow
+	Content: TooltipContent
 });
 Tooltip.displayName = "Tooltip";
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vellira-ui/react-native",
-  "version": "2.43.1",
+  "version": "2.43.3",
   "description": "React Native components for Vellira Design System",
   "author": "Roman Bakurov",
   "license": "MIT",