@trilogy-ds/react 0.0.21-esm-cjs → 0.0.23-esm-cjs

package/lib/index.native.js

@@ -1695,92 +1695,14 @@ var getAlignStyle = (alignType) => {
 
 // components/icon/Icon.native.tsx
 var import_react5 = __toESM(require("react"));
-var import_react_native4 = require("react-native");
+var import_react_native3 = require("react-native");
 
-// components/skeleton/Skeleton.native.tsx
+// components/skeleton/Skeleton.tsx
 var import_react4 = __toESM(require("react"));
-var import_react_native3 = require("react-native");
-var Skeleton = ({
-  style,
-  width = "100%",
-  height = 20,
-  backgroundColor = "#E1E9EE",
-  shimmerColor = "#F7F8F8",
-  duration = 1200,
-  borderRadius = 4,
-  children,
-  testID
-}) => {
-  const shimmerValue = (0, import_react4.useRef)(new import_react_native3.Animated.Value(0)).current;
-  const [containerWidth, setContainerWidth] = import_react4.default.useState(200);
-  (0, import_react4.useEffect)(() => {
-    const shimmerAnimation = import_react_native3.Animated.loop(
-      import_react_native3.Animated.timing(shimmerValue, {
-        toValue: 1,
-        duration,
-        useNativeDriver: true
-      }),
-      { iterations: -1 }
-    );
-    shimmerAnimation.start();
-    return () => shimmerAnimation.stop();
-  }, [shimmerValue, duration]);
-  const translateX = shimmerValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: [-containerWidth, containerWidth]
-  });
-  const opacity = shimmerValue.interpolate({
-    inputRange: [0, 0.5, 1],
-    outputRange: [0.3, 0.8, 0.3]
-  });
-  const containerStyle = {
-    width: children ? void 0 : width,
-    height: children ? void 0 : height,
-    backgroundColor,
-    borderRadius,
-    overflow: "hidden",
-    alignSelf: children ? "flex-start" : void 0,
-    ...style
-  };
-  const handleLayout = (event) => {
-    const { width: layoutWidth } = event.nativeEvent.layout;
-    setContainerWidth(layoutWidth);
-  };
-  if (children) {
-    return /* @__PURE__ */ import_react4.default.createElement(import_react_native3.View, { style: containerStyle, testID, onLayout: handleLayout }, /* @__PURE__ */ import_react4.default.createElement(import_react_native3.View, { style: { opacity: 0 } }, children), /* @__PURE__ */ import_react4.default.createElement(
-      import_react_native3.Animated.View,
-      {
-        style: [
-          {
-            position: "absolute",
-            top: 0,
-            left: 0,
-            width: containerWidth * 0.7,
-            height: "100%",
-            backgroundColor: shimmerColor,
-            opacity,
-            transform: [{ translateX }]
-          }
-        ]
-      }
-    ));
-  }
-  return /* @__PURE__ */ import_react4.default.createElement(import_react_native3.View, { style: containerStyle, testID, onLayout: handleLayout }, /* @__PURE__ */ import_react4.default.createElement(
-    import_react_native3.Animated.View,
-    {
-      style: [
-        {
-          width: containerWidth * 0.7,
-          height: "100%",
-          backgroundColor: shimmerColor,
-          opacity,
-          transform: [{ translateX }]
-        }
-      ]
-    }
-  ));
+var Skeleton = () => {
+  return /* @__PURE__ */ import_react4.default.createElement("div", null);
 };
-var Skeleton_native_default = Skeleton;
+var Skeleton_default = Skeleton;
 
 // components/icon/Icon.native.tsx
 var import_css = require("react-native-svg/css");
@@ -1796,7 +1718,7 @@ var Icon = import_react5.default.forwardRef(
     const background = backgroundColor && getColorStyle(backgroundColor) || circled && getColorStyle("MAIN" /* MAIN */) || "";
     const iconSkeletonRadius = size2 === "huge" /* HUGE */ && 50 || size2 === "large" /* LARGE */ && 35 || size2 === "medium" /* MEDIUM */ && 25 || size2 === "small" /* SMALL */ && 15 || size2 === "smaller" /* SMALLER */ && 10 || 15;
     const circledWidth = size2 === "huge" /* HUGE */ && 99 || size2 === "large" /* LARGE */ && 66 || size2 === "medium" /* MEDIUM */ && 48 || size2 === "small" /* SMALL */ && 32 || size2 === "smaller" /* SMALLER */ && 38 || 32;
-    const styles7 = import_react_native4.StyleSheet.create({
+    const styles7 = import_react_native3.StyleSheet.create({
       rootView: {
         alignSelf: getAlignStyle(align)
       },
@@ -1840,7 +1762,7 @@ var Icon = import_react5.default.forwardRef(
       }
     });
     const IconSkeleton = () => /* @__PURE__ */ import_react5.default.createElement(
-      Skeleton_native_default,
+      Skeleton_default,
       {
         style: styles7.skeleton,
         width: circledWidth,
@@ -1852,10 +1774,10 @@ var Icon = import_react5.default.forwardRef(
     if (skeleton) {
       return /* @__PURE__ */ import_react5.default.createElement(IconSkeleton, null);
     }
-    let iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native4.View, null);
+    let iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, null);
     if (name && icons) {
       if (stretched && !circled) {
-        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native4.View, { style: styles7.stretched, testID: `${testId}-stretched` }, /* @__PURE__ */ import_react5.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, { style: styles7.stretched, testID: `${testId}-stretched` }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles7.iconCircled, styles7.icon],
@@ -1866,7 +1788,7 @@ var Icon = import_react5.default.forwardRef(
           }
         ));
       } else if (circled) {
-        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native4.View, { style: styles7.circled, testID: `${testId}-circled` }, /* @__PURE__ */ import_react5.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, { style: styles7.circled, testID: `${testId}-circled` }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles7.iconCircled, styles7.icon],
@@ -1877,7 +1799,7 @@ var Icon = import_react5.default.forwardRef(
           }
         ));
       } else {
-        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native4.View, { style: styles7.iconContainer, ...others }, /* @__PURE__ */ import_react5.default.createElement(
+        iconView = /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, { style: styles7.iconContainer, ...others }, /* @__PURE__ */ import_react5.default.createElement(
           import_css.WithLocalSvg,
           {
             style: [styles7.icon, style],
@@ -1889,8 +1811,8 @@ var Icon = import_react5.default.forwardRef(
         ));
       }
     }
-    return onClick ? /* @__PURE__ */ import_react5.default.createElement(import_react_native4.View, { style: styles7.rootView, testID: testId, ref }, /* @__PURE__ */ import_react5.default.createElement(
-      import_react_native4.TouchableOpacity,
+    return onClick ? /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, { style: styles7.rootView, testID: testId, ref }, /* @__PURE__ */ import_react5.default.createElement(
+      import_react_native3.TouchableOpacity,
       {
         style: { width: "100%" },
         onPress: onClick,
@@ -1898,7 +1820,7 @@ var Icon = import_react5.default.forwardRef(
         testID: `${testId}-pressable`
       },
       iconView
-    )) : /* @__PURE__ */ import_react5.default.createElement(import_react_native4.View, { style: styles7.rootView, testID: testId, ref }, iconView);
+    )) : /* @__PURE__ */ import_react5.default.createElement(import_react_native3.View, { style: styles7.rootView, testID: testId, ref }, iconView);
   }
 );
 Icon.displayName = "Icon" /* Icon */;
@@ -1906,15 +1828,15 @@ var Icon_native_default = Icon;
 
 // components/spacer/Spacer.native.tsx
 var React5 = __toESM(require("react"));
-var import_react_native5 = require("react-native");
+var import_react_native4 = require("react-native");
 var Spacer = React5.forwardRef(({ size: size2, horizontal }, ref) => {
-  const styles7 = import_react_native5.StyleSheet.create({
+  const styles7 = import_react_native4.StyleSheet.create({
     spacer: {
       marginLeft: horizontal && parseInt(size2.toString()) || 0,
       marginTop: !horizontal && parseInt(size2.toString()) || 0
     }
   });
-  return /* @__PURE__ */ React5.createElement(import_react_native5.View, { ref, style: styles7.spacer });
+  return /* @__PURE__ */ React5.createElement(import_react_native4.View, { ref, style: styles7.spacer });
 });
 Spacer.displayName = "Spacer" /* Spacer */;
 var Spacer_native_default = Spacer;
@@ -1938,17 +1860,17 @@ var SpacerSizeValues = `${SpacerSize}`;
 
 // components/accordion/item/AccordionItem.native.tsx
 var import_react6 = __toESM(require("react"));
-var import_react_native6 = require("react-native");
+var import_react_native5 = require("react-native");
 var AccordionItem = import_react6.default.forwardRef(
   ({ open, id, onClick, disabled, children, ...others }, ref) => {
     const [isActive, setIsActive] = (0, import_react6.useState)(Boolean(typeof open !== "undefined" ? open : false));
-    const animatedController = (0, import_react6.useRef)(new import_react_native6.Animated.Value(0)).current;
+    const animatedController = (0, import_react6.useRef)(new import_react_native5.Animated.Value(0)).current;
     const [bodySectionHeight, setBodySectionHeight] = (0, import_react6.useState)(0);
     const [childs, setChilds] = (0, import_react6.useState)({
       header: void 0,
       body: void 0
     });
-    const styles7 = import_react_native6.StyleSheet.create({
+    const styles7 = import_react_native5.StyleSheet.create({
       item: {
         width: "100%",
         padding: 5,
@@ -1998,17 +1920,17 @@ var AccordionItem = import_react6.default.forwardRef(
     }, [open]);
     const toggleListItem = () => {
       if (isActive) {
-        import_react_native6.Animated.timing(animatedController, {
+        import_react_native5.Animated.timing(animatedController, {
           duration: 300,
           toValue: 0,
-          easing: import_react_native6.Easing.bezier(0.4, 0, 0.2, 1),
+          easing: import_react_native5.Easing.bezier(0.4, 0, 0.2, 1),
           useNativeDriver: false
         }).start();
       } else {
-        import_react_native6.Animated.timing(animatedController, {
+        import_react_native5.Animated.timing(animatedController, {
           duration: 300,
           toValue: 1,
-          easing: import_react_native6.Easing.bezier(0.4, 0, 0.2, 1),
+          easing: import_react_native5.Easing.bezier(0.4, 0, 0.2, 1),
           useNativeDriver: false
         }).start();
       }
@@ -2040,8 +1962,8 @@ var AccordionItem = import_react6.default.forwardRef(
         setChilds(newChilds);
       }
     }, [children]);
-    return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles7.item, ref }, /* @__PURE__ */ import_react6.default.createElement(
-      import_react_native6.TouchableWithoutFeedback,
+    return /* @__PURE__ */ import_react6.default.createElement(import_react6.default.Fragment, null, /* @__PURE__ */ import_react6.default.createElement(import_react_native5.View, { style: styles7.item, ref }, /* @__PURE__ */ import_react6.default.createElement(
+      import_react_native5.TouchableWithoutFeedback,
       {
         style: styles7.item,
         testID: id || "",
@@ -2053,7 +1975,7 @@ var AccordionItem = import_react6.default.forwardRef(
         },
         ...others
       },
-      /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, { style: styles7.titleContainer }, childs.header && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, null, childs.header), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Animated.View, { style: { transform: [{ rotateZ: arrowAngle }] } }, /* @__PURE__ */ import_react6.default.createElement(
+      /* @__PURE__ */ import_react6.default.createElement(import_react_native5.View, { style: styles7.titleContainer }, childs.header && /* @__PURE__ */ import_react6.default.createElement(import_react_native5.View, null, childs.header), /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: { transform: [{ rotateZ: arrowAngle }] } }, /* @__PURE__ */ import_react6.default.createElement(
         Icon_native_default,
         {
           name: "tri-arrow-down" /* ARROW_DOWN */,
@@ -2061,15 +1983,15 @@ var AccordionItem = import_react6.default.forwardRef(
           color: disabled ? "DISABLED" /* DISABLED */ : "MAIN" /* MAIN */
         }
       )))
-    ), /* @__PURE__ */ import_react6.default.createElement(import_react_native6.Animated.View, { style: [styles7.bodyBackground, { height: bodyHeight }] }, /* @__PURE__ */ import_react6.default.createElement(
-      import_react_native6.View,
+    ), /* @__PURE__ */ import_react6.default.createElement(import_react_native5.Animated.View, { style: [styles7.bodyBackground, { height: bodyHeight }] }, /* @__PURE__ */ import_react6.default.createElement(
+      import_react_native5.View,
       {
         style: styles7.bodyContainer,
         onLayout: (e) => {
           setBodySectionHeight(e.nativeEvent.layout.height);
         }
       },
-      childs.body && /* @__PURE__ */ import_react6.default.createElement(import_react_native6.View, null, childs.body)
+      childs.body && /* @__PURE__ */ import_react6.default.createElement(import_react_native5.View, null, childs.body)
     ))), /* @__PURE__ */ import_react6.default.createElement(Spacer_native_default, { size: 8 /* TWO */ }));
   }
 );
@@ -2078,13 +2000,13 @@ var AccordionItem_native_default = AccordionItem;
 
 // components/accordion/item/body/AccordionBody.native.tsx
 var React7 = __toESM(require("react"));
-var import_react_native7 = require("react-native");
+var import_react_native6 = require("react-native");
 var AccordionBody = React7.forwardRef(
   ({ children, ...others }, ref) => {
-    const styles7 = import_react_native7.StyleSheet.create({
+    const styles7 = import_react_native6.StyleSheet.create({
       accordionBody: {}
     });
-    return /* @__PURE__ */ React7.createElement(import_react_native7.View, { ref, style: [styles7.accordionBody], ...others }, children);
+    return /* @__PURE__ */ React7.createElement(import_react_native6.View, { ref, style: [styles7.accordionBody], ...others }, children);
   }
 );
 AccordionBody.displayName = "AccordionBody" /* AccordionBody */;
@@ -2092,17 +2014,17 @@ var AccordionBody_native_default = AccordionBody;
 
 // components/accordion/item/header/AccordionHeader.native.tsx
 var React8 = __toESM(require("react"));
-var import_react_native8 = require("react-native");
+var import_react_native7 = require("react-native");
 var AccordionHeader = React8.forwardRef(
   ({ children }, ref) => {
-    const styles7 = import_react_native8.StyleSheet.create({
+    const styles7 = import_react_native7.StyleSheet.create({
       header: {
         maxWidth: "95%",
         minWidth: "95%",
         width: "95%"
       }
     });
-    return /* @__PURE__ */ React8.createElement(import_react_native8.View, { ref, style: styles7.header }, children);
+    return /* @__PURE__ */ React8.createElement(import_react_native7.View, { ref, style: styles7.header }, children);
   }
 );
 AccordionHeader.displayName = "AccordionHeader" /* AccordionHeader */;
@@ -2137,8 +2059,8 @@ var ColumnsContext = import_react7.default.createContext(defaultContextValue2);
 
 // components/columns/Columns.native.tsx
 var import_react8 = __toESM(require("react"));
-var import_react_native9 = require("react-native");
-var staticStyles = import_react_native9.StyleSheet.create({
+var import_react_native8 = require("react-native");
+var staticStyles = import_react_native8.StyleSheet.create({
   centered: {
     justifyContent: "center"
   },
@@ -2158,7 +2080,7 @@ var Columns = import_react8.default.forwardRef(
         if (!width) {
           const { width: width2 } = event.nativeEvent.layout;
           if (fullBleed) {
-            setEnlarge((import_react_native9.Dimensions.get("screen").width - width2) / 2);
+            setEnlarge((import_react_native8.Dimensions.get("screen").width - width2) / 2);
           }
           setWidth(width2);
         }
@@ -2196,7 +2118,7 @@ var Columns = import_react8.default.forwardRef(
       [width, realGap, scrollable, children]
     );
     return /* @__PURE__ */ import_react8.default.createElement(ColumnsContext.Provider, { value: contextValue }, !scrollable && /* @__PURE__ */ import_react8.default.createElement(
-      import_react_native9.View,
+      import_react_native8.View,
       {
         ref,
         onLayout: onLayoutHandler,
@@ -2210,7 +2132,7 @@ var Columns = import_react8.default.forwardRef(
       },
       children
     ), scrollable && /* @__PURE__ */ import_react8.default.createElement(
-      import_react_native9.View,
+      import_react_native8.View,
       {
         onLayout: onLayoutHandler,
         style: {
@@ -2218,7 +2140,7 @@ var Columns = import_react8.default.forwardRef(
         }
       },
       /* @__PURE__ */ import_react8.default.createElement(
-        import_react_native9.ScrollView,
+        import_react_native8.ScrollView,
         {
           horizontal: true,
           contentContainerStyle: dynamicStyles.scrollContainer,
@@ -2552,7 +2474,7 @@ var TypographyTransform = /* @__PURE__ */ ((TypographyTransform2) => {
 
 // components/columns/column/Column.native.tsx
 var import_react10 = __toESM(require("react"));
-var import_react_native10 = require("react-native");
+var import_react_native9 = require("react-native");
 var Column = import_react10.default.memo(
   import_react10.default.forwardRef(
     ({ children, narrow, size: size2, verticalAlign, ...others }, ref) => {
@@ -2583,7 +2505,7 @@ var Column = import_react10.default.memo(
         [verticalAlign]
       );
       return /* @__PURE__ */ import_react10.default.createElement(
-        import_react_native10.View,
+        import_react_native9.View,
         {
           ref,
           style: [scrollable && scrollableStyle, !scrollable && noScrollableStyle, justifyContentStyle],
@@ -2599,7 +2521,7 @@ var Column_native_default = Column;
 
 // components/text/Text.native.tsx
 var import_react11 = __toESM(require("react"));
-var import_react_native11 = require("react-native");
+var import_react_native10 = require("react-native");
 
 // components/text/TextEnum.ts
 var TextLevels = /* @__PURE__ */ ((TextLevels2) => {
@@ -2622,7 +2544,7 @@ var Text = import_react11.default.forwardRef(
     const textLevels = (level2) => {
       return level2 && level2 == 1 /* ONE */ && 16 || level2 && level2 == 2 /* TWO */ && 14 || level2 && level2 == 3 /* THREE */ && 12 || level2 && level2 == 4 /* FOUR */ && 10 || 14;
     };
-    const styles7 = import_react_native11.StyleSheet.create({
+    const styles7 = import_react_native10.StyleSheet.create({
       text: {
         fontFamily: getTypographyBoldStyle(typo),
         fontSize: textLevels(level),
@@ -2644,7 +2566,7 @@ var Text = import_react11.default.forwardRef(
     });
     const textAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : void 0;
     let textView = /* @__PURE__ */ import_react11.default.createElement(
-      import_react_native11.Text,
+      import_react_native10.Text,
       {
         ref,
         numberOfLines,
@@ -2659,7 +2581,7 @@ var Text = import_react11.default.forwardRef(
     );
     if (skeleton) {
       textView = /* @__PURE__ */ import_react11.default.createElement(
-        Skeleton_native_default,
+        Skeleton_default,
         {
           style: styles7.skeleton,
           height: textLevels(level),
@@ -2677,7 +2599,7 @@ var Text_native_default = Text;
 // components/title/Title.native.tsx
 var React13 = __toESM(require("react"));
 var import_react12 = require("react");
-var import_react_native12 = require("react-native");
+var import_react_native11 = require("react-native");
 
 // components/title/TitleEnum.ts
 var TitleLevels = /* @__PURE__ */ ((TitleLevels2) => {
@@ -2750,7 +2672,7 @@ var Title = React13.forwardRef(({
         return "flex-start";
     }
   };
-  const styles7 = import_react_native12.StyleSheet.create({
+  const styles7 = import_react_native11.StyleSheet.create({
     text: {
       fontFamily: getTypographyBoldStyle(fontFamily),
       fontSize: titlesLevels(),
@@ -2771,7 +2693,7 @@ var Title = React13.forwardRef(({
   });
   const titleAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : void 0;
   let titleView = /* @__PURE__ */ React13.createElement(
-    import_react_native12.Text,
+    import_react_native11.Text,
     {
       ref,
       maxFontSizeMultiplier: 1.3,
@@ -2784,7 +2706,7 @@ var Title = React13.forwardRef(({
   );
   if (skeleton) {
     titleView = /* @__PURE__ */ React13.createElement(
-      Skeleton_native_default,
+      Skeleton_default,
       {
         style: styles7.skeleton,
         height: titlesLevels(),
@@ -2793,15 +2715,15 @@ var Title = React13.forwardRef(({
       titleView
     );
   }
-  return onClick ? /* @__PURE__ */ React13.createElement(import_react_native12.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView) : titleView;
+  return onClick ? /* @__PURE__ */ React13.createElement(import_react_native11.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, titleView) : titleView;
 });
 Title.displayName = "Title" /* Title */;
 var Title_native_default = Title;
 
 // components/view/View.native.tsx
 var React14 = __toESM(require("react"));
-var import_react_native13 = require("react-native");
-var View10 = React14.forwardRef(({
+var import_react_native12 = require("react-native");
+var View9 = React14.forwardRef(({
   children,
   style,
   onClick,
@@ -2816,7 +2738,7 @@ var View10 = React14.forwardRef(({
   ...others
 }, ref) => {
   const viewColor = backgroundColor && getColorStyle(backgroundColor) || "transparent";
-  const styles7 = import_react_native13.StyleSheet.create({
+  const styles7 = import_react_native12.StyleSheet.create({
     view: {
       flex: flexable ? 1 : 0,
       backgroundColor: viewColor,
@@ -2836,7 +2758,7 @@ var View10 = React14.forwardRef(({
     }
   });
   let returnView = /* @__PURE__ */ React14.createElement(
-    import_react_native13.View,
+    import_react_native12.View,
     {
       ref,
       testID: id,
@@ -2848,7 +2770,7 @@ var View10 = React14.forwardRef(({
   );
   if (!children) {
     returnView = /* @__PURE__ */ React14.createElement(
-      import_react_native13.View,
+      import_react_native12.View,
       {
         ref,
         testID: id,
@@ -2860,7 +2782,7 @@ var View10 = React14.forwardRef(({
   }
   if (onClick) {
     returnView = /* @__PURE__ */ React14.createElement(
-      import_react_native13.View,
+      import_react_native12.View,
       {
         ref,
         testID: id,
@@ -2868,11 +2790,11 @@ var View10 = React14.forwardRef(({
         style: [styles7.view, bottom && styles7.bottom, style],
         ...others
       },
-      /* @__PURE__ */ React14.createElement(import_react_native13.TouchableOpacity, { activeOpacity: 1, onPress: onClick }, children)
+      /* @__PURE__ */ React14.createElement(import_react_native12.TouchableOpacity, { activeOpacity: 1, onPress: onClick }, children)
     );
   }
   return backgroundSrc ? /* @__PURE__ */ React14.createElement(
-    import_react_native13.ImageBackground,
+    import_react_native12.ImageBackground,
     {
       style: styles7.sectionImage,
       source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }
@@ -2880,8 +2802,8 @@ var View10 = React14.forwardRef(({
     returnView
   ) : returnView;
 });
-View10.displayName = "View" /* View */;
-var View_native_default = View10;
+View9.displayName = "View" /* View */;
+var View_native_default = View9;
 
 // components/view/ViewEnum.ts
 var ViewColor = /* @__PURE__ */ ((ViewColor2) => {
@@ -2926,15 +2848,15 @@ var ViewMarkup = /* @__PURE__ */ ((ViewMarkup2) => {
 
 // components/alert/Alert.native.tsx
 var React18 = __toESM(require("react"));
-var import_react_native16 = require("react-native");
+var import_react_native15 = require("react-native");
 var import_react_native_toast_message = __toESM(require("react-native-toast-message"));
 
 // components/rows/Rows.native.tsx
 var React15 = __toESM(require("react"));
-var import_react_native14 = require("react-native");
+var import_react_native13 = require("react-native");
 var Rows = React15.forwardRef(({ children, gap, ...others }, ref) => {
   const realGap = typeof gap === "undefined" && 16 || ColumnsGapValue[gap];
-  const styles7 = import_react_native14.StyleSheet.create({
+  const styles7 = import_react_native13.StyleSheet.create({
     rows: {
       display: "flex",
       flexDirection: "column",
@@ -2942,22 +2864,22 @@ var Rows = React15.forwardRef(({ children, gap, ...others }, ref) => {
       gap: realGap
     }
   });
-  return /* @__PURE__ */ React15.createElement(import_react_native14.View, { ref, style: styles7.rows, ...others }, children);
+  return /* @__PURE__ */ React15.createElement(import_react_native13.View, { ref, style: styles7.rows, ...others }, children);
 });
 Rows.displayName = "Rows" /* Rows */;
 var Rows_native_default = Rows;
 
 // components/rows/row/Row.native.tsx
 var React16 = __toESM(require("react"));
-var import_react_native15 = require("react-native");
+var import_react_native14 = require("react-native");
 var Row = React16.forwardRef(({ children, narrow, ...others }, ref) => {
-  const styles7 = import_react_native15.StyleSheet.create({
+  const styles7 = import_react_native14.StyleSheet.create({
     row: {
       flexGrow: narrow && 0 || 1,
       flexShrink: 1
     }
   });
-  return /* @__PURE__ */ React16.createElement(import_react_native15.View, { ref, style: styles7.row, ...others }, children);
+  return /* @__PURE__ */ React16.createElement(import_react_native14.View, { ref, style: styles7.row, ...others }, children);
 });
 Row.displayName = "Row" /* Row */;
 var Row_native_default = Row;
@@ -3003,7 +2925,7 @@ var Alert = React18.forwardRef(
   ({ banner, status, iconName, title, description, onClick, display = true, ...others }, ref) => {
     const { color, backgroundColor } = getStatusStyle(status);
     let alertView;
-    const styles7 = import_react_native16.StyleSheet.create({
+    const styles7 = import_react_native15.StyleSheet.create({
       container: {
         width: "100%",
         paddingTop: 12,
@@ -3030,7 +2952,7 @@ var Alert = React18.forwardRef(
     alertView = // eslint-disable-next-line @typescript-eslint/no-explicit-any
     /* @__PURE__ */ React18.createElement(View_native_default, { style: [styles7.container, others.style], ref }, /* @__PURE__ */ React18.createElement(Columns_native_default, { gap: 2, verticalAlign: "ALIGNED_START" /* ALIGNED_START */ }, /* @__PURE__ */ React18.createElement(Column_native_default, { narrow: true }, /* @__PURE__ */ React18.createElement(View_native_default, { style: { marginTop: -2 } }, /* @__PURE__ */ React18.createElement(Icon_native_default, { name: iconName ? iconName : getStatusIconName(status), color: status || "MAIN" /* MAIN */ }))), /* @__PURE__ */ React18.createElement(Column_native_default, null, /* @__PURE__ */ React18.createElement(Rows_native_default, { ...{ style: { flexGrow: 1 } }, gap: description ? 2 : 0 }, /* @__PURE__ */ React18.createElement(index_native_default, null, /* @__PURE__ */ React18.createElement(Text_native_default, { style: [styles7.containerTitle], level: 1 /* ONE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, title)), description && /* @__PURE__ */ React18.createElement(Spacer_native_default, { size: 4 /* ONE */ }), /* @__PURE__ */ React18.createElement(index_native_default, null, description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React18.createElement(Text_native_default, { level: 2 /* TWO */, style: styles7.description }, description) : /* @__PURE__ */ React18.createElement(View_native_default, { style: styles7.description }, description))))));
     if (onClick && display)
-      return /* @__PURE__ */ React18.createElement(View_native_default, null, /* @__PURE__ */ React18.createElement(import_react_native16.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, alertView));
+      return /* @__PURE__ */ React18.createElement(View_native_default, null, /* @__PURE__ */ React18.createElement(import_react_native15.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, alertView));
     if (!onClick && display) return alertView;
     return /* @__PURE__ */ React18.createElement(View_native_default, null);
   }
@@ -3038,7 +2960,7 @@ var Alert = React18.forwardRef(
 var ToasterAlert = ({ props }) => {
   const { title, description, iconName, status, closable, onClick } = props;
   const { color, backgroundColor } = getStatusStyle(status);
-  const styles7 = import_react_native16.StyleSheet.create({
+  const styles7 = import_react_native15.StyleSheet.create({
     toaster: {
       padding: 24
     },
@@ -3050,8 +2972,8 @@ var ToasterAlert = ({ props }) => {
       borderRadius: 6
     }
   });
-  return /* @__PURE__ */ React18.createElement(View_native_default, { style: styles7.toaster }, /* @__PURE__ */ React18.createElement(import_react_native16.TouchableOpacity, { style: styles7.toasterContainer, onPress: onClick }, /* @__PURE__ */ React18.createElement(Columns_native_default, null, /* @__PURE__ */ React18.createElement(Column_native_default, { size: 1 }, iconName && /* @__PURE__ */ React18.createElement(Icon_native_default, { name: iconName, color: status || "MAIN" /* MAIN */ })), /* @__PURE__ */ React18.createElement(Column_native_default, null, title && /* @__PURE__ */ React18.createElement(Title_native_default, { level: 6 /* SIX */ }, title), description && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(Spacer_native_default, { size: 8 /* TWO */ }), /* @__PURE__ */ React18.createElement(Text_native_default, { level: 3 /* THREE */ }, description))), closable && /* @__PURE__ */ React18.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React18.createElement(
-    import_react_native16.TouchableOpacity,
+  return /* @__PURE__ */ React18.createElement(View_native_default, { style: styles7.toaster }, /* @__PURE__ */ React18.createElement(import_react_native15.TouchableOpacity, { style: styles7.toasterContainer, onPress: onClick }, /* @__PURE__ */ React18.createElement(Columns_native_default, null, /* @__PURE__ */ React18.createElement(Column_native_default, { size: 1 }, iconName && /* @__PURE__ */ React18.createElement(Icon_native_default, { name: iconName, color: status || "MAIN" /* MAIN */ })), /* @__PURE__ */ React18.createElement(Column_native_default, null, title && /* @__PURE__ */ React18.createElement(Title_native_default, { level: 6 /* SIX */ }, title), description && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(Spacer_native_default, { size: 8 /* TWO */ }), /* @__PURE__ */ React18.createElement(Text_native_default, { level: 3 /* THREE */ }, description))), closable && /* @__PURE__ */ React18.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React18.createElement(
+    import_react_native15.TouchableOpacity,
     {
       onPress: (e) => {
         import_react_native_toast_message.default.hide();
@@ -3083,11 +3005,11 @@ var AlertMarkup = /* @__PURE__ */ ((AlertMarkup2) => {
 
 // components/autocomplete/AutoComplete.native.tsx
 var import_react17 = __toESM(require("react"));
-var import_react_native21 = require("react-native");
+var import_react_native20 = require("react-native");
 
 // components/input/Input.native.tsx
 var import_react16 = __toESM(require("react"));
-var import_react_native18 = require("react-native");
+var import_react_native17 = require("react-native");
 
 // components/input/InputEnum.ts
 var InputType = /* @__PURE__ */ ((InputType2) => {
@@ -3227,7 +3149,7 @@ var InputKeyboardType = /* @__PURE__ */ ((InputKeyboardType2) => {
 
 // components/input/gauge/InputGauge.native.tsx
 var import_react15 = __toESM(require("react"));
-var import_react_native17 = require("react-native");
+var import_react_native16 = require("react-native");
 
 // components/input/gauge/hook/useGauge.native.tsx
 var import_react14 = __toESM(require("react"));
@@ -3331,7 +3253,7 @@ var InputGauge = ({ validationRules, inputValue, securityRules }) => {
     isUppercaseVerify,
     rules
   } = useGauge({ validationRules, inputValue, securityRules });
-  return /* @__PURE__ */ import_react15.default.createElement(import_react_native17.View, null, /* @__PURE__ */ import_react15.default.createElement(import_react_native17.View, { style: [styles.containerGauge, { backgroundColor: getColorStyle("MAIN_FADE" /* MAIN_FADE */) }] }, /* @__PURE__ */ import_react15.default.createElement(import_react_native17.View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })), /* @__PURE__ */ import_react15.default.createElement(import_react_native17.View, { style: styles.verifies }, validationRules && /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
+  return /* @__PURE__ */ import_react15.default.createElement(import_react_native16.View, null, /* @__PURE__ */ import_react15.default.createElement(import_react_native16.View, { style: [styles.containerGauge, { backgroundColor: getColorStyle("MAIN_FADE" /* MAIN_FADE */) }] }, /* @__PURE__ */ import_react15.default.createElement(import_react_native16.View, { style: [styles.gauge, { width: widthGauge, backgroundColor: colorGauge() }] })), /* @__PURE__ */ import_react15.default.createElement(import_react_native16.View, { style: styles.verifies }, validationRules && /* @__PURE__ */ import_react15.default.createElement(import_react15.default.Fragment, null, /* @__PURE__ */ import_react15.default.createElement(
     DataVerify,
     {
       display: !!(validationRules == null ? void 0 : validationRules.length),
@@ -3390,10 +3312,10 @@ var InputGauge = ({ validationRules, inputValue, securityRules }) => {
 };
 var DataVerify = ({ color, iconName, display, type, index }) => {
   if (!display) return null;
-  return /* @__PURE__ */ import_react15.default.createElement(import_react_native17.View, { style: [styles.verify, index % 2 === 0 ? styles.even : void 0] }, /* @__PURE__ */ import_react15.default.createElement(Icon_native_default, { color, name: iconName, size: "smaller" /* SMALLER */ }), /* @__PURE__ */ import_react15.default.createElement(Text_native_default, { style: styles.textVerify }, type));
+  return /* @__PURE__ */ import_react15.default.createElement(import_react_native16.View, { style: [styles.verify, index % 2 === 0 ? styles.even : void 0] }, /* @__PURE__ */ import_react15.default.createElement(Icon_native_default, { color, name: iconName, size: "smaller" /* SMALLER */ }), /* @__PURE__ */ import_react15.default.createElement(Text_native_default, { style: styles.textVerify }, type));
 };
 var InputGauge_native_default = InputGauge;
-var styles = import_react_native17.StyleSheet.create({
+var styles = import_react_native16.StyleSheet.create({
   even: {
     justifyContent: "flex-end"
   },
@@ -3476,8 +3398,8 @@ var Input = import_react16.default.forwardRef(
     const [iconPassword, setIconPassword] = (0, import_react16.useState)("tri-eye" /* EYE */);
     const [dynamicPlaceholder, setDynamicPlaceholder] = (0, import_react16.useState)(false);
     const [isKeyboardVisible, setKeyboardVisible] = (0, import_react16.useState)(null);
-    const animation = (0, import_react16.useRef)(new import_react_native18.Animated.Value(25)).current;
-    const sizeAnimation = (0, import_react16.useRef)(new import_react_native18.Animated.Value(placeholderDefaultSize)).current;
+    const animation = (0, import_react16.useRef)(new import_react_native17.Animated.Value(25)).current;
+    const sizeAnimation = (0, import_react16.useRef)(new import_react_native17.Animated.Value(placeholderDefaultSize)).current;
     const paddingTopByPlatform = (os, dynamicPlaceholder2) => {
       if (dynamicPlaceholder2 && type !== "search" /* SEARCH */ && os === "ios") {
         return 10;
@@ -3521,23 +3443,23 @@ var Input = import_react16.default.forwardRef(
     }, [placeholder, value]);
     (0, import_react16.useEffect)(() => {
       if (dynamicPlaceholder && type !== "search" /* SEARCH */) {
-        import_react_native18.Animated.timing(animation, {
+        import_react_native17.Animated.timing(animation, {
           toValue: 3,
           duration: animationDuration,
           useNativeDriver: false
         }).start();
-        import_react_native18.Animated.timing(sizeAnimation, {
+        import_react_native17.Animated.timing(sizeAnimation, {
           toValue: 12,
           duration: animationDuration,
           useNativeDriver: false
         }).start();
       } else {
-        import_react_native18.Animated.timing(animation, {
+        import_react_native17.Animated.timing(animation, {
           toValue: 25,
           duration: animationDuration,
           useNativeDriver: false
         }).start();
-        import_react_native18.Animated.timing(sizeAnimation, {
+        import_react_native17.Animated.timing(sizeAnimation, {
           toValue: placeholderDefaultSize,
           duration: animationDuration,
           useNativeDriver: false
@@ -3545,8 +3467,8 @@ var Input = import_react16.default.forwardRef(
       }
     }, [dynamicPlaceholder, animation, sizeAnimation]);
     (0, import_react16.useEffect)(() => {
-      const keyboardDidShowListener = import_react_native18.Keyboard.addListener("keyboardDidShow", () => setKeyboardVisible(true));
-      const keyboardDidHideListener = import_react_native18.Keyboard.addListener("keyboardDidHide", () => setKeyboardVisible(false));
+      const keyboardDidShowListener = import_react_native17.Keyboard.addListener("keyboardDidShow", () => setKeyboardVisible(true));
+      const keyboardDidHideListener = import_react_native17.Keyboard.addListener("keyboardDidHide", () => setKeyboardVisible(false));
       return () => {
         keyboardDidHideListener.remove();
         keyboardDidShowListener.remove();
@@ -3556,11 +3478,11 @@ var Input = import_react16.default.forwardRef(
       handleClick();
     }, [isKeyboardVisible]);
     const hasIcon = iconNameLeft || iconNameRight || false;
-    const styles7 = import_react_native18.StyleSheet.create({
+    const styles7 = import_react_native17.StyleSheet.create({
       input: {
         paddingLeft: (iconNameLeft && isFocused || type === "search" /* SEARCH */ && isFocused) && 39 || (iconNameLeft || type === "search" /* SEARCH */) && 40 || !iconNameLeft && type !== "search" /* SEARCH */ && isFocused && 9 || 10,
         paddingRight: (iconNameRight || type === "search" /* SEARCH */) && 32 || 0,
-        marginTop: paddingTopByPlatform(import_react_native18.Platform.OS, dynamicPlaceholder),
+        marginTop: paddingTopByPlatform(import_react_native17.Platform.OS, dynamicPlaceholder),
         width: hasIcon && status ? "85%" : "95%",
         height: 46,
         color: disabled ? getColorStyle("DISABLED" /* DISABLED */) : inputColor
@@ -3636,7 +3558,7 @@ var Input = import_react16.default.forwardRef(
       }
     });
     return /* @__PURE__ */ import_react16.default.createElement(
-      import_react_native18.View,
+      import_react_native17.View,
       {
         style: { width: "100%" },
         accessible: !!inputAccessibilityLabel,
@@ -3645,8 +3567,8 @@ var Input = import_react16.default.forwardRef(
       },
       !dynamicPlaceholder && label && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(Text_native_default, { typo: "has-text-main" /* TEXT_MAIN */ }, label, " ", label && required && /* @__PURE__ */ import_react16.default.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), /* @__PURE__ */ import_react16.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })),
       !dynamicPlaceholder && label && sample && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-main" /* TEXT_MAIN */ }, sample), /* @__PURE__ */ import_react16.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })),
-      /* @__PURE__ */ import_react16.default.createElement(import_react_native18.View, { testID: "input-wrapper-id", style: styles7.inputWrapper }, dynamicPlaceholder && type !== "search" /* SEARCH */ && /* @__PURE__ */ import_react16.default.createElement(import_react_native18.Animated.Text, { style: [styles7.dynamicPlaceholder, { top: animation, fontSize: sizeAnimation }] }, placeholder), /* @__PURE__ */ import_react16.default.createElement(
-        import_react_native18.TextInput,
+      /* @__PURE__ */ import_react16.default.createElement(import_react_native17.View, { testID: "input-wrapper-id", style: styles7.inputWrapper }, dynamicPlaceholder && type !== "search" /* SEARCH */ && /* @__PURE__ */ import_react16.default.createElement(import_react_native17.Animated.Text, { style: [styles7.dynamicPlaceholder, { top: animation, fontSize: sizeAnimation }] }, placeholder), /* @__PURE__ */ import_react16.default.createElement(
+        import_react_native17.TextInput,
         {
           ref,
           testID: "input-id",
@@ -3687,7 +3609,7 @@ var Input = import_react16.default.forwardRef(
           style: styles7.input,
           ...others
         }
-      ), type === "email" && /* @__PURE__ */ import_react16.default.createElement(Text_native_default, { style: styles7.text }, value, /* @__PURE__ */ import_react16.default.createElement(Text_native_default, { style: styles7.domain }, email)), hasIcon && type !== "password" /* PASSWORD */ && type !== "search" /* SEARCH */ && /* @__PURE__ */ import_react16.default.createElement(import_react_native18.View, { style: styles7.inputIconLeft }, /* @__PURE__ */ import_react16.default.createElement(
+      ), type === "email" && /* @__PURE__ */ import_react16.default.createElement(Text_native_default, { style: styles7.text }, value, /* @__PURE__ */ import_react16.default.createElement(Text_native_default, { style: styles7.domain }, email)), hasIcon && type !== "password" /* PASSWORD */ && type !== "search" /* SEARCH */ && /* @__PURE__ */ import_react16.default.createElement(import_react_native17.View, { style: styles7.inputIconLeft }, /* @__PURE__ */ import_react16.default.createElement(
         Icon_native_default,
         {
           align: "ALIGNED_START" /* ALIGNED_START */,
@@ -3696,7 +3618,7 @@ var Input = import_react16.default.forwardRef(
           color: status && status === "success" && "SUCCESS" /* SUCCESS */ || status && status === "warning" && "WARNING" /* WARNING */ || status && status === "error" && "ERROR" /* ERROR */ || disabled && "DISABLED" /* DISABLED */ || "MAIN" /* MAIN */
         }
       )), hasIcon && type !== "search" /* SEARCH */ && status && status !== "default" /* DEFAULT */ && type !== "password" /* PASSWORD */ && /* @__PURE__ */ import_react16.default.createElement(
-        import_react_native18.TouchableOpacity,
+        import_react_native17.TouchableOpacity,
         {
           style: styles7.inputContainer,
           activeOpacity: onIconClick ? 0.2 : 1,
@@ -3719,7 +3641,7 @@ var Input = import_react16.default.forwardRef(
           }
         )
       ), iconNameRight && !iconNameLeft && type !== "search" /* SEARCH */ && type !== "password" /* PASSWORD */ && (!status || status === "default" /* DEFAULT */) && /* @__PURE__ */ import_react16.default.createElement(
-        import_react_native18.TouchableOpacity,
+        import_react_native17.TouchableOpacity,
         {
           style: styles7.inputContainerRight,
           activeOpacity: onIconClick ? 0.2 : 1,
@@ -3741,8 +3663,8 @@ var Input = import_react16.default.forwardRef(
             color: disabled && "DISABLED" /* DISABLED */ || "MAIN" /* MAIN */
           }
         )
-      ), type === "password" /* PASSWORD */ && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, iconNameLeft && /* @__PURE__ */ import_react16.default.createElement(import_react_native18.View, { style: [{ paddingLeft: 10 }, styles7.inputContainerLeft] }, /* @__PURE__ */ import_react16.default.createElement(Icon_native_default, { name: iconNameLeft })), /* @__PURE__ */ import_react16.default.createElement(
-        import_react_native18.TouchableOpacity,
+      ), type === "password" /* PASSWORD */ && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, iconNameLeft && /* @__PURE__ */ import_react16.default.createElement(import_react_native17.View, { style: [{ paddingLeft: 10 }, styles7.inputContainerLeft] }, /* @__PURE__ */ import_react16.default.createElement(Icon_native_default, { name: iconNameLeft })), /* @__PURE__ */ import_react16.default.createElement(
+        import_react_native17.TouchableOpacity,
         {
           style: styles7.inputContainerRight,
           onPress: () => {
@@ -3767,7 +3689,7 @@ var Input = import_react16.default.forwardRef(
             color: status && status === "success" && "SUCCESS" /* SUCCESS */ || status && status === "warning" && "WARNING" /* WARNING */ || status && status === "error" && "ERROR" /* ERROR */ || status && status === "default" && "MAIN" /* MAIN */ || disabled && "DISABLED" /* DISABLED */ || "MAIN" /* MAIN */
           }
         )
-      )), type === "search" /* SEARCH */ && !status && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_native18.View, { style: styles7.inputContainerLeft }, /* @__PURE__ */ import_react16.default.createElement(
+      )), type === "search" /* SEARCH */ && !status && /* @__PURE__ */ import_react16.default.createElement(import_react16.default.Fragment, null, /* @__PURE__ */ import_react16.default.createElement(import_react_native17.View, { style: styles7.inputContainerLeft }, /* @__PURE__ */ import_react16.default.createElement(
         Icon_native_default,
         {
           align: "ALIGNED_CENTER" /* ALIGNED_CENTER */,
@@ -3776,7 +3698,7 @@ var Input = import_react16.default.forwardRef(
           color: disabled ? "DISABLED" /* DISABLED */ : "NEUTRAL" /* NEUTRAL */
         }
       )), value.length > 0 && /* @__PURE__ */ import_react16.default.createElement(
-        import_react_native18.TouchableOpacity,
+        import_react_native17.TouchableOpacity,
         {
           testID: "search-id",
           style: styles7.inputContainerRight,
@@ -3827,11 +3749,11 @@ var defaultMatching = (data, value) => {
 
 // components/autocomplete/item/AutoCompleteIem.native.tsx
 var React22 = __toESM(require("react"));
-var import_react_native19 = require("react-native");
+var import_react_native18 = require("react-native");
 var AutoCompleteItemNative = ({ item, onSelect }) => {
-  return /* @__PURE__ */ React22.createElement(import_react_native19.TouchableOpacity, { style: styles2.itemList, onPress: onSelect }, /* @__PURE__ */ React22.createElement(Text_native_default, null, getLabel(item)));
+  return /* @__PURE__ */ React22.createElement(import_react_native18.TouchableOpacity, { style: styles2.itemList, onPress: onSelect }, /* @__PURE__ */ React22.createElement(Text_native_default, null, getLabel(item)));
 };
-var styles2 = import_react_native19.StyleSheet.create({
+var styles2 = import_react_native18.StyleSheet.create({
   itemList: {
     padding: 10
   }
@@ -3840,9 +3762,9 @@ var AutoCompleteIem_native_default = AutoCompleteItemNative;
 
 // components/autocomplete/menu/AutoCompleteMenu.native.tsx
 var React23 = __toESM(require("react"));
-var import_react_native20 = require("react-native");
+var import_react_native19 = require("react-native");
 var AutoCompleteMenuNative = ({ suggestions, handleSelectItem }) => {
-  const styles7 = import_react_native20.StyleSheet.create({
+  const styles7 = import_react_native19.StyleSheet.create({
     list: {
       marginTop: 6,
       marginBottom: 6,
@@ -3856,7 +3778,7 @@ var AutoCompleteMenuNative = ({ suggestions, handleSelectItem }) => {
     }
   });
   return /* @__PURE__ */ React23.createElement(
-    import_react_native20.FlatList,
+    import_react_native19.FlatList,
     {
       keyboardShouldPersistTaps: "handled",
       nestedScrollEnabled: true,
@@ -3950,7 +3872,7 @@ var AutoComplete = import_react17.default.forwardRef(
     const handleSelectItem = (item) => {
       setValueInput(getLabel(item));
       setIsOpenMenu(false);
-      import_react_native21.Keyboard.dismiss();
+      import_react_native20.Keyboard.dismiss();
       if (onItemSelected && (data || suggestions)) {
         onItemSelected({
           value: item,
@@ -3963,14 +3885,14 @@ var AutoComplete = import_react17.default.forwardRef(
       if (onFocus) onFocus(event);
     };
     (0, import_react17.useEffect)(() => {
-      const keyboardDidShowListener = import_react_native21.Keyboard.addListener("keyboardDidShow", () => setIsOpenMenu(true));
-      const keyboardDidHideListener = import_react_native21.Keyboard.addListener("keyboardDidHide", () => setIsOpenMenu(false));
+      const keyboardDidShowListener = import_react_native20.Keyboard.addListener("keyboardDidShow", () => setIsOpenMenu(true));
+      const keyboardDidHideListener = import_react_native20.Keyboard.addListener("keyboardDidHide", () => setIsOpenMenu(false));
       return () => {
         keyboardDidHideListener.remove();
         keyboardDidShowListener.remove();
       };
     }, []);
-    return /* @__PURE__ */ import_react17.default.createElement(import_react_native21.View, { style: styles3.autoComplete, ref }, /* @__PURE__ */ import_react17.default.createElement(import_react_native21.View, null, /* @__PURE__ */ import_react17.default.createElement(
+    return /* @__PURE__ */ import_react17.default.createElement(import_react_native20.View, { style: styles3.autoComplete, ref }, /* @__PURE__ */ import_react17.default.createElement(import_react_native20.View, null, /* @__PURE__ */ import_react17.default.createElement(
       Input_native_default,
       {
         status,
@@ -3990,7 +3912,7 @@ var AutoComplete = import_react17.default.forwardRef(
     )), isOpenMenu && /* @__PURE__ */ import_react17.default.createElement(AutoCompleteMenu_native_default, { suggestions, handleSelectItem }));
   }
 );
-var styles3 = import_react_native21.StyleSheet.create({
+var styles3 = import_react_native20.StyleSheet.create({
   autoComplete: {
     position: "relative"
   }
@@ -4327,12 +4249,12 @@ var BadgePositionEnum = /* @__PURE__ */ ((BadgePositionEnum2) => {
 
 // components/badge/Badge.native.tsx
 var import_react19 = __toESM(require("react"));
-var import_react_native22 = require("react-native");
+var import_react_native21 = require("react-native");
 var Badge = import_react19.default.forwardRef(
   ({ children, label, onClick, testId, variant, inverted, position, status, ...others }, ref) => {
     const badgeColor = getColorStyle(variant || "MAIN" /* MAIN */);
     const textColor = getColorStyle("WHITE" /* BACKGROUND */);
-    const styles7 = import_react_native22.StyleSheet.create({
+    const styles7 = import_react_native21.StyleSheet.create({
       container: {
         flexDirection: "row"
       },
@@ -4403,8 +4325,8 @@ var Badge = import_react19.default.forwardRef(
         break;
     }
     if (status) {
-      return /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, { ...others, ref }, iconName && iconColor && /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, null, /* @__PURE__ */ import_react19.default.createElement(
-        import_react_native22.View,
+      return /* @__PURE__ */ import_react19.default.createElement(import_react_native21.View, { ...others, ref }, iconName && iconColor && /* @__PURE__ */ import_react19.default.createElement(import_react_native21.View, null, /* @__PURE__ */ import_react19.default.createElement(
+        import_react_native21.View,
         {
           style: [
             styles7.iconStatus,
@@ -4412,9 +4334,9 @@ var Badge = import_react19.default.forwardRef(
           ]
         },
         /* @__PURE__ */ import_react19.default.createElement(Icon_native_default, { name: iconName, size: "smaller" /* SMALLER */, color: iconColor })
-      ), /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, null, children)));
+      ), /* @__PURE__ */ import_react19.default.createElement(import_react_native21.View, null, children)));
     }
-    return onClick ? /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, { ...others, ref }, /* @__PURE__ */ import_react19.default.createElement(import_react_native22.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, { style: styles7.badge, ...others }, /* @__PURE__ */ import_react19.default.createElement(import_react_native22.Text, { style: styles7.text }, label)))) : /* @__PURE__ */ import_react19.default.createElement(import_react_native22.View, { style: styles7.badge, ...others, ref }, /* @__PURE__ */ import_react19.default.createElement(import_react_native22.Text, { style: styles7.text }, label), !label && children && children);
+    return onClick ? /* @__PURE__ */ import_react19.default.createElement(import_react_native21.View, { ...others, ref }, /* @__PURE__ */ import_react19.default.createElement(import_react_native21.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85, testID: testId }, /* @__PURE__ */ import_react19.default.createElement(import_react_native21.View, { style: styles7.badge, ...others }, /* @__PURE__ */ import_react19.default.createElement(import_react_native21.Text, { style: styles7.text }, label)))) : /* @__PURE__ */ import_react19.default.createElement(import_react_native21.View, { style: styles7.badge, ...others, ref }, /* @__PURE__ */ import_react19.default.createElement(import_react_native21.Text, { style: styles7.text }, label), !label && children && children);
   }
 );
 Badge.displayName = "Badge" /* Badge */;
@@ -4437,7 +4359,7 @@ var BoxContext = import_react20.default.createContext({ fullHeight: false });
 
 // components/box/Box.native.tsx
 var import_react21 = __toESM(require("react"));
-var import_react_native23 = require("react-native");
+var import_react_native22 = require("react-native");
 var Box = import_react21.default.forwardRef(
   ({
     children,
@@ -4457,7 +4379,7 @@ var Box = import_react21.default.forwardRef(
     const colorBgc = getColorStyle("WHITE" /* BACKGROUND */);
     const [boxHeight, setBoxHeight] = (0, import_react21.useState)(0);
     const boxRadius = 6;
-    const styles7 = import_react_native23.StyleSheet.create({
+    const styles7 = import_react_native22.StyleSheet.create({
       box: {
         width: "100%",
         backgroundColor: backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
@@ -4507,7 +4429,7 @@ var Box = import_react21.default.forwardRef(
     });
     const boxTestId = "NotSpecified";
     const BoxSkeleton = () => /* @__PURE__ */ import_react21.default.createElement(
-      Skeleton_native_default,
+      Skeleton_default,
       {
         style: styles7.skeleton,
         width: "100%",
@@ -4522,7 +4444,7 @@ var Box = import_react21.default.forwardRef(
     }
     if (onClick) {
       return /* @__PURE__ */ import_react21.default.createElement(BoxContext.Provider, { value: { fullHeight: fullheight || false } }, /* @__PURE__ */ import_react21.default.createElement(
-        import_react_native23.TouchableOpacity,
+        import_react_native22.TouchableOpacity,
         {
           ref,
           onPress: (e) => onClick == null ? void 0 : onClick(e),
@@ -4534,19 +4456,19 @@ var Box = import_react21.default.forwardRef(
           testID: boxTestId
         },
         backgroundSrc ? /* @__PURE__ */ import_react21.default.createElement(
-          import_react_native23.ImageBackground,
+          import_react_native22.ImageBackground,
           {
             imageStyle: { borderRadius: boxRadius },
             style: styles7.boxImage,
             source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }
           },
-          Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native23.View, { style: styles7.highlighted }),
+          Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native22.View, { style: styles7.highlighted }),
           /* @__PURE__ */ import_react21.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children)
-        ) : /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native23.View, { style: styles7.highlighted }), /* @__PURE__ */ import_react21.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))
+        ) : /* @__PURE__ */ import_react21.default.createElement(import_react21.default.Fragment, null, Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native22.View, { style: styles7.highlighted }), /* @__PURE__ */ import_react21.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children))
       ));
     }
     return /* @__PURE__ */ import_react21.default.createElement(BoxContext.Provider, { value: { fullHeight: fullheight || false } }, /* @__PURE__ */ import_react21.default.createElement(
-      import_react_native23.View,
+      import_react_native22.View,
       {
         ref,
         onLayout: (event) => {
@@ -4557,15 +4479,15 @@ var Box = import_react21.default.forwardRef(
         testID: boxTestId
       },
       backgroundSrc ? /* @__PURE__ */ import_react21.default.createElement(
-        import_react_native23.ImageBackground,
+        import_react_native22.ImageBackground,
         {
           imageStyle: { borderRadius: boxRadius },
           style: styles7.boxImage,
           source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }
         },
-        Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native23.View, { style: styles7.highlighted }),
+        Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native22.View, { style: styles7.highlighted }),
         /* @__PURE__ */ import_react21.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, children)
-      ) : /* @__PURE__ */ import_react21.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native23.View, { style: styles7.highlighted }), children)
+      ) : /* @__PURE__ */ import_react21.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } }, Boolean(highlighted) && /* @__PURE__ */ import_react21.default.createElement(import_react_native22.View, { style: styles7.highlighted }), children)
     ));
   }
 );
@@ -4574,11 +4496,11 @@ var Box_native_default = Box;
 
 // components/box/content/BoxContent.native.tsx
 var React34 = __toESM(require("react"));
-var import_react_native24 = require("react-native");
+var import_react_native23 = require("react-native");
 var BoxContent = React34.forwardRef(
   ({ children, backgroundColor, backgroundSrc, ...others }, ref) => {
     const { fullHeight } = React34.useContext(BoxContext);
-    const styles7 = import_react_native24.StyleSheet.create({
+    const styles7 = import_react_native23.StyleSheet.create({
       boxContent: {
         padding: 16,
         backgroundColor: backgroundColor && getColorStyle(backgroundColor) || "transparent",
@@ -4586,9 +4508,9 @@ var BoxContent = React34.forwardRef(
         flex: fullHeight ? 1 : void 0
       }
     });
-    const content = /* @__PURE__ */ React34.createElement(import_react_native24.View, { ref, style: [styles7.boxContent], ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React34.createElement(import_react_native24.Text, null, children) : children);
+    const content = /* @__PURE__ */ React34.createElement(import_react_native23.View, { ref, style: [styles7.boxContent], ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React34.createElement(import_react_native23.Text, null, children) : children);
     if (backgroundSrc) {
-      return /* @__PURE__ */ React34.createElement(import_react_native24.ImageBackground, { source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content);
+      return /* @__PURE__ */ React34.createElement(import_react_native23.ImageBackground, { source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }, style: { flex: 1 }, imageStyle: { borderRadius: 6 } }, content);
     } else {
       return content;
     }
@@ -4599,11 +4521,11 @@ var BoxContent_native_default = BoxContent;
 
 // components/box/footer/BoxFooter.native.tsx
 var React35 = __toESM(require("react"));
-var import_react_native25 = require("react-native");
+var import_react_native24 = require("react-native");
 var BoxFooter = React35.forwardRef(
   ({ children, backgroundColor, ...others }, ref) => {
     const boxRadius = 6;
-    const styles7 = import_react_native25.StyleSheet.create({
+    const styles7 = import_react_native24.StyleSheet.create({
       boxFooter: {
         padding: 12,
         justifyContent: "center",
@@ -4612,7 +4534,7 @@ var BoxFooter = React35.forwardRef(
         borderBottomRightRadius: boxRadius
       }
     });
-    return /* @__PURE__ */ React35.createElement(import_react_native25.View, { ref, style: [styles7.boxFooter], ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React35.createElement(import_react_native25.Text, null, String(children)) : children);
+    return /* @__PURE__ */ React35.createElement(import_react_native24.View, { ref, style: [styles7.boxFooter], ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React35.createElement(import_react_native24.Text, null, String(children)) : children);
   }
 );
 BoxFooter.displayName = "BoxFooter" /* BoxFooter */;
@@ -4621,7 +4543,7 @@ var BoxFooter_native_default = BoxFooter;
 // components/box/header/BoxHeader.native.tsx
 var React36 = __toESM(require("react"));
 var import_react22 = require("react");
-var import_react_native26 = require("react-native");
+var import_react_native25 = require("react-native");
 var BoxHeader = React36.forwardRef(
   ({ children, variant, ...others }, ref) => {
     const statesContext = (0, import_react22.useContext)(StatesContext);
@@ -4631,7 +4553,7 @@ var BoxHeader = React36.forwardRef(
     const help = "";
     const headerBgc = variant ? getColorStyle(variant) : getColorStyle("MAIN" /* MAIN */);
     const textColor = getColorStyle("WHITE" /* BACKGROUND */);
-    const styles7 = import_react_native26.StyleSheet.create({
+    const styles7 = import_react_native25.StyleSheet.create({
       boxHeader: {
         width: "100%",
         backgroundColor: headerBgc,
@@ -4659,7 +4581,7 @@ var BoxHeader = React36.forwardRef(
         lineHeight: 15
       }
     });
-    return /* @__PURE__ */ React36.createElement(import_react_native26.View, { style: [styles7.boxHeader], ref, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React36.createElement(import_react_native26.Text, { style: styles7.text }, String(children)) : children, help && /* @__PURE__ */ React36.createElement(import_react_native26.View, { style: styles7.helpContainer }, /* @__PURE__ */ React36.createElement(import_react_native26.Text, { style: styles7.help }, help)));
+    return /* @__PURE__ */ React36.createElement(import_react_native25.View, { style: [styles7.boxHeader], ref, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React36.createElement(import_react_native25.Text, { style: styles7.text }, String(children)) : children, help && /* @__PURE__ */ React36.createElement(import_react_native25.View, { style: styles7.helpContainer }, /* @__PURE__ */ React36.createElement(import_react_native25.Text, { style: styles7.help }, help)));
   }
 );
 BoxHeader.displayName = "BoxHeader" /* BoxHeader */;
@@ -4667,10 +4589,10 @@ var BoxHeader_native_default = BoxHeader;
 
 // components/box/item/BoxItem.native.tsx
 var React37 = __toESM(require("react"));
-var import_react_native27 = require("react-native");
+var import_react_native26 = require("react-native");
 var BoxItem = React37.forwardRef(({ children, size: size2, ...others }, ref) => {
   const height = Number(size2) || 48;
-  const styles7 = import_react_native27.StyleSheet.create({
+  const styles7 = import_react_native26.StyleSheet.create({
     boxItem: {
       height,
       alignItems: "center",
@@ -4679,7 +4601,7 @@ var BoxItem = React37.forwardRef(({ children, size: size2, ...others }, ref) =>
       flex: 1
     }
   });
-  return /* @__PURE__ */ React37.createElement(import_react_native27.View, { ref, style: [styles7.boxItem], ...others }, children);
+  return /* @__PURE__ */ React37.createElement(import_react_native26.View, { ref, style: [styles7.boxItem], ...others }, children);
 });
 BoxItem.displayName = "BoxItem" /* BoxItem */;
 var BoxItem_native_default = BoxItem;
@@ -4697,13 +4619,13 @@ var BoxItemSize = ((BoxItemSize2) => {
 
 // components/box/table-container/BoxTableContainer.native.tsx
 var React38 = __toESM(require("react"));
-var import_react_native28 = require("react-native");
+var import_react_native27 = require("react-native");
 var boxTableContainer = React38.forwardRef(
   ({ children, ...others }, ref) => {
-    const styles7 = import_react_native28.StyleSheet.create({
+    const styles7 = import_react_native27.StyleSheet.create({
       boxTableContainer: {}
     });
-    return /* @__PURE__ */ React38.createElement(import_react_native28.View, { ref, style: [styles7.boxTableContainer], ...others }, children);
+    return /* @__PURE__ */ React38.createElement(import_react_native27.View, { ref, style: [styles7.boxTableContainer], ...others }, children);
   }
 );
 boxTableContainer.displayName = "BoxTableContainer" /* BoxTableContainer */;
@@ -4711,11 +4633,11 @@ var BoxTableContainer_native_default = boxTableContainer;
 
 // components/breadcrumb/Breadcrumb.native.tsx
 var React39 = __toESM(require("react"));
-var import_react_native29 = require("react-native");
+var import_react_native28 = require("react-native");
 var Breadcrumb = React39.forwardRef(
   ({ children, testId, ...others }, ref) => {
     const { containerStyle } = React39.useMemo(
-      () => import_react_native29.StyleSheet.create({
+      () => import_react_native28.StyleSheet.create({
         containerStyle: {
           flexDirection: "row",
           flexWrap: "wrap"
@@ -4723,7 +4645,7 @@ var Breadcrumb = React39.forwardRef(
       }),
       []
     );
-    return /* @__PURE__ */ React39.createElement(import_react_native29.View, { testID: testId, style: [containerStyle], ref, ...others }, Array.isArray(children) ? React39.Children.map(children, (child, index) => /* @__PURE__ */ React39.createElement(React39.Fragment, null, React39.cloneElement(child), index != children.length - 1 && /* @__PURE__ */ React39.createElement(Icon_native_default, { size: "smaller", name: "tri-arrow-right", align: "ALIGNED_CENTER" }))) : children);
+    return /* @__PURE__ */ React39.createElement(import_react_native28.View, { testID: testId, style: [containerStyle], ref, ...others }, Array.isArray(children) ? React39.Children.map(children, (child, index) => /* @__PURE__ */ React39.createElement(React39.Fragment, null, React39.cloneElement(child), index != children.length - 1 && /* @__PURE__ */ React39.createElement(Icon_native_default, { size: "smaller", name: "tri-arrow-right", align: "ALIGNED_CENTER" }))) : children);
   }
 );
 Breadcrumb.displayName = "Breadcrumb" /* Breadcrumb */;
@@ -4731,10 +4653,10 @@ var Breadcrumb_native_default = Breadcrumb;
 
 // components/breadcrumb/item/BreadcrumbItem.native.tsx
 var React40 = __toESM(require("react"));
-var import_react_native30 = require("react-native");
+var import_react_native29 = require("react-native");
 var BreadcrumbItem = React40.forwardRef(
   ({ children, active, to, testId, onClick, ...others }, ref) => {
-    const { textStyle } = import_react_native30.StyleSheet.create({
+    const { textStyle } = import_react_native29.StyleSheet.create({
       textStyle: {
         color: getColorStyle("FONT" /* FONT */),
         textDecorationLine: !active ? "underline" : "none",
@@ -4742,12 +4664,12 @@ var BreadcrumbItem = React40.forwardRef(
       }
     });
     return /* @__PURE__ */ React40.createElement(
-      import_react_native30.TouchableOpacity,
+      import_react_native29.TouchableOpacity,
       {
         ref,
         testID: testId,
         onPress: (e) => {
-          if (to) import_react_native30.Linking.openURL(to);
+          if (to) import_react_native29.Linking.openURL(to);
           if (onClick) onClick(e);
         },
         ...others
@@ -4761,7 +4683,7 @@ var BreadcrumbItem_native_default = BreadcrumbItem;
 
 // components/button/Button.native.tsx
 var React41 = __toESM(require("react"));
-var import_react_native31 = require("react-native");
+var import_react_native30 = require("react-native");
 
 // components/button/ButtonEnum.ts
 var ButtonMarkup = /* @__PURE__ */ ((ButtonMarkup2) => {
@@ -4792,7 +4714,7 @@ var Button = React41.forwardRef(
     const background = disabled ? "NEUTRAL_FADE" /* NEUTRAL_FADE */ : isLoading ? getButtonColorStyle("WHITE" /* BACKGROUND */) : typeof loading === "boolean" && loading ? "NEUTRAL" /* NEUTRAL */ : variant === "SECONDARY" /* SECONDARY */ ? "MAIN_FADE" /* MAIN_FADE */ : variant === "CONVERSION" /* CONVERSION */ ? "ACCENT" /* ACCENT */ : variant === "GHOST" /* GHOST */ ? "WHITE" /* BACKGROUND */ : "MAIN" /* MAIN */;
     const color = variant && ["secondary", "ghost"].includes(getVariantClassName(variant)) ? "FONT" /* FONT */ : "WHITE" /* BACKGROUND */;
     const borderColor = disabled && variant === "PRIMARY" /* PRIMARY */ ? "DISABLED" /* DISABLED */ : !disabled && !!loading && variant === "PRIMARY" /* PRIMARY */ ? "DISABLED" /* DISABLED */ : !disabled && variant === "PRIMARY" /* PRIMARY */ ? "INFO_FADE" /* INFO_FADE */ : "WHITE" /* BACKGROUND */;
-    const styles7 = import_react_native31.StyleSheet.create({
+    const styles7 = import_react_native30.StyleSheet.create({
       button: {
         maxWidth: "100%",
         minWidth: "100%",
@@ -4853,7 +4775,7 @@ var Button = React41.forwardRef(
     const buttonTestId = testId ? testId : typeof children === "string" ? children : "NotSpecified";
     const buttonAccessibilityLabel = accessibilityLabel ? accessibilityLabel : typeof children === "string" ? children : "NotSpecified";
     return /* @__PURE__ */ React41.createElement(
-      import_react_native31.TouchableOpacity,
+      import_react_native30.TouchableOpacity,
       {
         ref,
         accessible: !!buttonAccessibilityLabel,
@@ -4873,7 +4795,7 @@ var Button = React41.forwardRef(
             height: 45
           }
         },
-        /* @__PURE__ */ React41.createElement(import_react_native31.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
+        /* @__PURE__ */ React41.createElement(import_react_native30.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
       ),
       loading && typeof loading === "boolean" && loading === true && /* @__PURE__ */ React41.createElement(
         View_native_default,
@@ -4884,10 +4806,10 @@ var Button = React41.forwardRef(
             justifyContent: "center"
           }
         },
-        /* @__PURE__ */ React41.createElement(import_react_native31.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
+        /* @__PURE__ */ React41.createElement(import_react_native30.ActivityIndicator, { color: loaderColor, testID: "activity-indicator" })
       ),
-      loading && typeof loading === "string" && getLoadingClassName(loading) === "loaded" && /* @__PURE__ */ React41.createElement(import_react_native31.Text, { style: !disabled && styles7.text || disabled && styles7.textDisabled }, children),
-      !loading && children && typeof children === "string" && !iconName && /* @__PURE__ */ React41.createElement(import_react_native31.Text, { style: !disabled && styles7.text || disabled && styles7.textDisabled }, children),
+      loading && typeof loading === "string" && getLoadingClassName(loading) === "loaded" && /* @__PURE__ */ React41.createElement(import_react_native30.Text, { style: !disabled && styles7.text || disabled && styles7.textDisabled }, children),
+      !loading && children && typeof children === "string" && !iconName && /* @__PURE__ */ React41.createElement(import_react_native30.Text, { style: !disabled && styles7.text || disabled && styles7.textDisabled }, children),
       !loading && children && typeof children === "string" && iconName && /* @__PURE__ */ React41.createElement(View_native_default, { style: styles7.buttonIconContainer }, /* @__PURE__ */ React41.createElement(
         Icon_native_default,
         {
@@ -4896,7 +4818,7 @@ var Button = React41.forwardRef(
           color: disabled ? "DISABLED" /* DISABLED */ : variant === "SECONDARY" || variant === "GHOST" ? "MAIN" /* MAIN */ : "WHITE" /* BACKGROUND */,
           testId: "button-icon"
         }
-      ), /* @__PURE__ */ React41.createElement(import_react_native31.Text, { style: !disabled && styles7.buttonIconText || disabled && styles7.textDisabledIcon }, children))
+      ), /* @__PURE__ */ React41.createElement(import_react_native30.Text, { style: !disabled && styles7.buttonIconText || disabled && styles7.textDisabledIcon }, children))
     );
   }
 );
@@ -4905,9 +4827,9 @@ var Button_native_default = Button;
 
 // components/button/list/ButtonList.native.tsx
 var React42 = __toESM(require("react"));
-var import_react_native32 = require("react-native");
+var import_react_native31 = require("react-native");
 var ButtonList = React42.forwardRef(({ children }, ref) => {
-  return /* @__PURE__ */ React42.createElement(import_react_native32.View, { ref, ...{ children } });
+  return /* @__PURE__ */ React42.createElement(import_react_native31.View, { ref, ...{ children } });
 });
 ButtonList.displayName = "ButtonList" /* ButtonList */;
 var ButtonList_native_default = ButtonList;
@@ -4915,7 +4837,7 @@ var ButtonList_native_default = ButtonList;
 // components/calendar/Calendar.native.tsx
 var import_calendar = __toESM(require("@trilogy-ds/locales/lib/calendar"));
 var import_react23 = __toESM(require("react"));
-var import_react_native33 = require("react-native");
+var import_react_native32 = require("react-native");
 var days = [
   import_calendar.default.days[1],
   import_calendar.default.days[2],
@@ -4955,7 +4877,7 @@ var Calendar = import_react23.default.forwardRef(
     const mainFadeColor = getColorStyle("MAIN_FADE" /* MAIN_FADE */);
     const disabledColor = getColorStyle("DISABLED" /* DISABLED */);
     const styles7 = import_react23.default.useMemo(
-      () => import_react_native33.StyleSheet.create({
+      () => import_react_native32.StyleSheet.create({
         calendar: {
           backgroundColor,
           borderRadius: 8,
@@ -5059,11 +4981,11 @@ var Calendar = import_react23.default.forwardRef(
         dayLabel: {
           flex: 1,
           alignItems: "center",
-          paddingVertical: import_react_native33.Platform.OS === "android" ? 6 : 4,
-          height: import_react_native33.Platform.OS === "android" ? 42 : 36,
+          paddingVertical: import_react_native32.Platform.OS === "android" ? 6 : 4,
+          height: import_react_native32.Platform.OS === "android" ? 42 : 36,
           justifyContent: "center",
-          maxWidth: import_react_native33.Platform.OS === "android" ? 42 : 36,
-          minWidth: import_react_native33.Platform.OS === "android" ? 42 : 36
+          maxWidth: import_react_native32.Platform.OS === "android" ? 42 : 36,
+          minWidth: import_react_native32.Platform.OS === "android" ? 42 : 36
         },
         dayLabelText: {
           fontSize: 12,
@@ -5082,21 +5004,21 @@ var Calendar = import_react23.default.forwardRef(
         },
         emptyDay: {
           flex: 1,
-          height: import_react_native33.Platform.OS === "android" ? 42 : 36,
+          height: import_react_native32.Platform.OS === "android" ? 42 : 36,
           alignItems: "center",
           justifyContent: "center",
-          maxWidth: import_react_native33.Platform.OS === "android" ? 42 : 36,
-          minWidth: import_react_native33.Platform.OS === "android" ? 42 : 36
+          maxWidth: import_react_native32.Platform.OS === "android" ? 42 : 36,
+          minWidth: import_react_native32.Platform.OS === "android" ? 42 : 36
         },
         dayButton: {
           flex: 1,
-          height: import_react_native33.Platform.OS === "android" ? 42 : 36,
+          height: import_react_native32.Platform.OS === "android" ? 42 : 36,
           alignItems: "center",
           justifyContent: "center",
           borderRadius: 4,
           backgroundColor: "transparent",
-          maxWidth: import_react_native33.Platform.OS === "android" ? 42 : 36,
-          minWidth: import_react_native33.Platform.OS === "android" ? 42 : 36
+          maxWidth: import_react_native32.Platform.OS === "android" ? 42 : 36,
+          minWidth: import_react_native32.Platform.OS === "android" ? 42 : 36
         },
         dayText: {
           fontSize: 14,
@@ -5332,7 +5254,7 @@ var Calendar = import_react23.default.forwardRef(
     }, [value]);
     const renderDayButton = (day, dayIndex) => {
       if (!day) {
-        return /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { key: dayIndex, style: styles7.emptyDay });
+        return /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { key: dayIndex, style: styles7.emptyDay });
       }
       const isDateStart = isRange && activeDate[0] && (day == null ? void 0 : day.getTime()) === activeDate[0].getTime();
       const isDateEnd = isRange && activeDate[1] && (day == null ? void 0 : day.getTime()) === activeDate[1].getTime();
@@ -5346,7 +5268,7 @@ var Calendar = import_react23.default.forwardRef(
       )) || false;
       const isInRange = isRange && activeDate[0] && dateEndHovered && day && day.getTime() >= activeDate[0].getTime() && day.getTime() < dateEndHovered.getTime() || isRange && activeDate[0] && activeDate[1] && day && day.getTime() >= activeDate[0].getTime() && day.getTime() < activeDate[1].getTime();
       return /* @__PURE__ */ import_react23.default.createElement(
-        import_react_native33.TouchableOpacity,
+        import_react_native32.TouchableOpacity,
         {
           key: dayIndex,
           disabled: isDisabled,
@@ -5395,8 +5317,8 @@ var Calendar = import_react23.default.forwardRef(
         )
       );
     };
-    return /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { ref, style: styles7.calendar }, /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.header }, /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.headerRow }, /* @__PURE__ */ import_react23.default.createElement(
-      import_react_native33.TouchableOpacity,
+    return /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { ref, style: styles7.calendar }, /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.header }, /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.headerRow }, /* @__PURE__ */ import_react23.default.createElement(
+      import_react_native32.TouchableOpacity,
       {
         onPress: () => handleClickNextPrevMonth(-1),
         disabled: isPrevDisabled,
@@ -5405,27 +5327,27 @@ var Calendar = import_react23.default.forwardRef(
         accessibilityState: { disabled: isPrevDisabled },
         style: [styles7.navButton, isPrevDisabled && styles7.disabledButton]
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.iconWrapper }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-left" }))
-    ), /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.monthYearContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.dropdownContainer }, /* @__PURE__ */ import_react23.default.createElement(
-      import_react_native33.TouchableOpacity,
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.iconWrapper }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-left" }))
+    ), /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.monthYearContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.dropdownContainer }, /* @__PURE__ */ import_react23.default.createElement(
+      import_react_native32.TouchableOpacity,
       {
         style: styles7.monthSelector,
         accessible: true,
         accessibilityRole: "button",
         onPress: () => setShowMonthPicker(true)
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.selectorContent }, /* @__PURE__ */ import_react23.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.selectorText }, months[visibleMonth.getMonth()]), /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.dropdownIcon }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-down" })))
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.selectorContent }, /* @__PURE__ */ import_react23.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.selectorText }, months[visibleMonth.getMonth()]), /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.dropdownIcon }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-down" })))
     ), /* @__PURE__ */ import_react23.default.createElement(
-      import_react_native33.TouchableOpacity,
+      import_react_native32.TouchableOpacity,
       {
         style: styles7.yearSelector,
         accessible: true,
         accessibilityRole: "button",
         onPress: () => setShowYearPicker(true)
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.selectorContent }, /* @__PURE__ */ import_react23.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.selectorText }, visibleMonth.getFullYear()), /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.dropdownIcon }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-down" })))
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.selectorContent }, /* @__PURE__ */ import_react23.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.selectorText }, visibleMonth.getFullYear()), /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.dropdownIcon }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-down" })))
     ))), /* @__PURE__ */ import_react23.default.createElement(
-      import_react_native33.TouchableOpacity,
+      import_react_native32.TouchableOpacity,
       {
         onPress: () => handleClickNextPrevMonth(1),
         disabled: isNextDisabled,
@@ -5434,24 +5356,24 @@ var Calendar = import_react23.default.forwardRef(
         accessibilityState: { disabled: isNextDisabled },
         style: [styles7.navButton, isNextDisabled && styles7.disabledButton]
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.iconWrapper }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-right" }))
-    )), /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.daysLabelRow }, days.map((day, index) => /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { key: index, style: styles7.dayLabel }, /* @__PURE__ */ import_react23.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.dayLabelText }, day.slice(0, 1)))))), /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.body }, allDaysInMonth.map((week, weekIndex) => /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { key: weekIndex, style: styles7.weekRow }, week.map((day, dayIndex) => renderDayButton(day, dayIndex))))), /* @__PURE__ */ import_react23.default.createElement(
-      import_react_native33.Modal,
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.iconWrapper }, /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-arrow-right" }))
+    )), /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.daysLabelRow }, days.map((day, index) => /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { key: index, style: styles7.dayLabel }, /* @__PURE__ */ import_react23.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, style: styles7.dayLabelText }, day.slice(0, 1)))))), /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.body }, allDaysInMonth.map((week, weekIndex) => /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { key: weekIndex, style: styles7.weekRow }, week.map((day, dayIndex) => renderDayButton(day, dayIndex))))), /* @__PURE__ */ import_react23.default.createElement(
+      import_react_native32.Modal,
       {
         visible: showMonthPicker,
         transparent: true,
         animationType: "fade",
         onRequestClose: () => setShowMonthPicker(false)
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react23.default.createElement(
-        import_react_native33.TouchableOpacity,
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react23.default.createElement(
+        import_react_native32.TouchableOpacity,
         {
-          style: import_react_native33.StyleSheet.absoluteFillObject,
+          style: import_react_native32.StyleSheet.absoluteFillObject,
           activeOpacity: 1,
           onPress: () => setShowMonthPicker(false)
         }
-      ), /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.pickerContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native33.ScrollView, { style: styles7.pickerScrollView }, months.map((monthName, monthIndex) => /* @__PURE__ */ import_react23.default.createElement(
-        import_react_native33.TouchableOpacity,
+      ), /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.pickerContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native32.ScrollView, { style: styles7.pickerScrollView }, months.map((monthName, monthIndex) => /* @__PURE__ */ import_react23.default.createElement(
+        import_react_native32.TouchableOpacity,
         {
           key: monthIndex,
           style: [
@@ -5482,22 +5404,22 @@ var Calendar = import_react23.default.forwardRef(
         visibleMonth.getMonth() === monthIndex && /* @__PURE__ */ import_react23.default.createElement(Icon_native_default, { name: "tri-check" })
       )))))
     ), /* @__PURE__ */ import_react23.default.createElement(
-      import_react_native33.Modal,
+      import_react_native32.Modal,
       {
         visible: showYearPicker,
         transparent: true,
         animationType: "fade",
         onRequestClose: () => setShowYearPicker(false)
       },
-      /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react23.default.createElement(
-        import_react_native33.TouchableOpacity,
+      /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react23.default.createElement(
+        import_react_native32.TouchableOpacity,
         {
-          style: import_react_native33.StyleSheet.absoluteFillObject,
+          style: import_react_native32.StyleSheet.absoluteFillObject,
           activeOpacity: 1,
           onPress: () => setShowYearPicker(false)
         }
-      ), /* @__PURE__ */ import_react23.default.createElement(import_react_native33.View, { style: styles7.pickerContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native33.ScrollView, { style: styles7.pickerScrollView }, yearsBetween.map((year) => /* @__PURE__ */ import_react23.default.createElement(
-        import_react_native33.TouchableOpacity,
+      ), /* @__PURE__ */ import_react23.default.createElement(import_react_native32.View, { style: styles7.pickerContainer }, /* @__PURE__ */ import_react23.default.createElement(import_react_native32.ScrollView, { style: styles7.pickerScrollView }, yearsBetween.map((year) => /* @__PURE__ */ import_react23.default.createElement(
+        import_react_native32.TouchableOpacity,
         {
           key: year.value,
           style: [
@@ -5535,7 +5457,7 @@ var Calendar_native_default = Calendar;
 
 // components/card/Card.native.tsx
 var import_react24 = __toESM(require("react"));
-var import_react_native34 = require("react-native");
+var import_react_native33 = require("react-native");
 var CardContext = (0, import_react24.createContext)({
   floating: false,
   backgroundColor: "",
@@ -5547,7 +5469,7 @@ var Card = import_react24.default.forwardRef(
   ({ children, flat, horizontal, floating, onClick, skeleton, reversed, fullheight, active, ...others }, ref) => {
     const borderColor = "#ccc";
     const cardRadius = 6;
-    const styles7 = import_react_native34.StyleSheet.create({
+    const styles7 = import_react_native33.StyleSheet.create({
       card: {
         width: "100%",
         minHeight: 100,
@@ -5581,7 +5503,7 @@ var Card = import_react24.default.forwardRef(
       }
     });
     const CardSkeleton = () => /* @__PURE__ */ import_react24.default.createElement(
-      Skeleton_native_default,
+      Skeleton_default,
       {
         style: styles7.skeleton,
         width: "100%",
@@ -5591,17 +5513,17 @@ var Card = import_react24.default.forwardRef(
       },
       children
     );
-    const ShadowWrapper = ({ children: children2 }) => /* @__PURE__ */ import_react24.default.createElement(import_react_native34.View, { style: [!flat && !floating ? styles7.shadow : void 0] }, children2);
+    const ShadowWrapper = ({ children: children2 }) => /* @__PURE__ */ import_react24.default.createElement(import_react_native33.View, { style: [!flat && !floating ? styles7.shadow : void 0] }, children2);
     let cardView;
     if (skeleton) {
       return /* @__PURE__ */ import_react24.default.createElement(CardSkeleton, null);
     }
     if (horizontal) {
-      cardView = /* @__PURE__ */ import_react24.default.createElement(import_react_native34.View, { ref, style: [styles7.horizontal, styles7.card], testID: "card-horizontal" }, children);
+      cardView = /* @__PURE__ */ import_react24.default.createElement(import_react_native33.View, { ref, style: [styles7.horizontal, styles7.card], testID: "card-horizontal" }, children);
     } else if (reversed) {
-      cardView = /* @__PURE__ */ import_react24.default.createElement(import_react_native34.View, { ref, style: [styles7.reversed, styles7.card], testID: "card-reversed" }, children);
+      cardView = /* @__PURE__ */ import_react24.default.createElement(import_react_native33.View, { ref, style: [styles7.reversed, styles7.card], testID: "card-reversed" }, children);
     } else {
-      cardView = /* @__PURE__ */ import_react24.default.createElement(import_react_native34.View, { ref, style: [styles7.card], ...others }, children);
+      cardView = /* @__PURE__ */ import_react24.default.createElement(import_react_native33.View, { ref, style: [styles7.card], ...others }, children);
     }
     return onClick ? /* @__PURE__ */ import_react24.default.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } }, /* @__PURE__ */ import_react24.default.createElement(
       CardContext.Provider,
@@ -5614,7 +5536,7 @@ var Card = import_react24.default.forwardRef(
           active: active || false
         }
       },
-      /* @__PURE__ */ import_react24.default.createElement(import_react_native34.View, { style: { width: "100%" } }, /* @__PURE__ */ import_react24.default.createElement(import_react_native34.TouchableOpacity, { testID: "card-click-test", style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, /* @__PURE__ */ import_react24.default.createElement(ShadowWrapper, null, cardView)))
+      /* @__PURE__ */ import_react24.default.createElement(import_react_native33.View, { style: { width: "100%" } }, /* @__PURE__ */ import_react24.default.createElement(import_react_native33.TouchableOpacity, { testID: "card-click-test", style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, /* @__PURE__ */ import_react24.default.createElement(ShadowWrapper, null, cardView)))
     )) : /* @__PURE__ */ import_react24.default.createElement(StatesContext.Provider, { value: { inverted: false, active: !!active, flat: !!flat } }, /* @__PURE__ */ import_react24.default.createElement(
       CardContext.Provider,
       {
@@ -5635,18 +5557,18 @@ var Card_native_default = Card;
 
 // components/card/content/CardContent.native.tsx
 var import_react25 = __toESM(require("react"));
-var import_react_native35 = require("react-native");
+var import_react_native34 = require("react-native");
 var CardContent = import_react25.default.forwardRef(
   ({ children, ...others }, ref) => {
     const cardContextValues = (0, import_react25.useContext)(CardContext);
-    const styles7 = import_react_native35.StyleSheet.create({
+    const styles7 = import_react_native34.StyleSheet.create({
       card: {
         padding: 16,
         minHeight: 10,
         flex: cardContextValues.horizontal ? 1 : 0
       }
     });
-    return /* @__PURE__ */ import_react25.default.createElement(import_react_native35.View, { ref, style: styles7.card, ...others }, children);
+    return /* @__PURE__ */ import_react25.default.createElement(import_react_native34.View, { ref, style: styles7.card, ...others }, children);
   }
 );
 CardContent.displayName = "CardContent" /* CardContent */;
@@ -5654,13 +5576,13 @@ var CardContent_native_default = CardContent;
 
 // components/card/image/CardImage.native.tsx
 var import_react26 = __toESM(require("react"));
-var import_react_native36 = require("react-native");
+var import_react_native35 = require("react-native");
 var CardImage = import_react26.default.forwardRef(
   ({ src, size: size2, alt, onClick, contain, ...others }, ref) => {
     const { horizontal } = (0, import_react26.useContext)(CardContext);
     const maxSize = horizontal ? "50%" : "100%";
     const [ratio, setRatio] = (0, import_react26.useState)(1);
-    const styles7 = import_react_native36.StyleSheet.create({
+    const styles7 = import_react_native35.StyleSheet.create({
       cardImage: {
         width: size2 ? `${size2}0%` : maxSize,
         aspectRatio: horizontal ? void 0 : ratio,
@@ -5672,7 +5594,7 @@ var CardImage = import_react26.default.forwardRef(
     });
     (0, import_react26.useEffect)(() => {
       if (!horizontal) {
-        typeof src === "string" ? import_react_native36.Image.getSize(
+        typeof src === "string" ? import_react_native35.Image.getSize(
           src,
           (w, h) => {
             h && setRatio(w / h);
@@ -5682,7 +5604,7 @@ var CardImage = import_react26.default.forwardRef(
       }
     }, [src, horizontal]);
     const image = /* @__PURE__ */ import_react26.default.createElement(
-      import_react_native36.Image,
+      import_react_native35.Image,
       {
         ref,
         accessibilityLabel: alt,
@@ -5691,7 +5613,7 @@ var CardImage = import_react26.default.forwardRef(
         ...others
       }
     );
-    return onClick ? /* @__PURE__ */ import_react26.default.createElement(import_react_native36.View, null, /* @__PURE__ */ import_react26.default.createElement(import_react_native36.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image)) : image;
+    return onClick ? /* @__PURE__ */ import_react26.default.createElement(import_react_native35.View, null, /* @__PURE__ */ import_react26.default.createElement(import_react_native35.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image)) : image;
   }
 );
 CardImage.displayName = "CardImage" /* CardImage */;
@@ -5708,14 +5630,14 @@ var CardImageSize = /* @__PURE__ */ ((CardImageSize2) => {
 
 // components/checkbox/Checkbox.native.tsx
 var import_react27 = __toESM(require("react"));
-var import_react_native37 = require("react-native");
+var import_react_native36 = require("react-native");
 var Checkbox = import_react27.default.forwardRef(
   ({ id = import_react27.default.useId(), checked, name, onChange, disabled, readonly, label }, ref) => {
     const [_checked, setChecked] = (0, import_react27.useState)(checked || false);
     (0, import_react27.useEffect)(() => {
       setChecked(checked || false);
     }, [checked]);
-    const styles7 = import_react_native37.StyleSheet.create({
+    const styles7 = import_react_native36.StyleSheet.create({
       container: {
         flexDirection: "row",
         justifyContent: "flex-start"
@@ -5752,7 +5674,7 @@ var Checkbox = import_react27.default.forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ import_react27.default.createElement(import_react_native37.TouchableOpacity, { ref, disabled, style: styles7.container, onPress: () => handleClick() }, /* @__PURE__ */ import_react27.default.createElement(import_react_native37.TouchableOpacity, { style: styles7.checkBox, disabled, testID: id, onPressIn: () => handleClick() }, _checked && /* @__PURE__ */ import_react27.default.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* BACKGROUND */, name: "tri-check" /* CHECK */ })), label && typeof label.valueOf() === "string" ? /* @__PURE__ */ import_react27.default.createElement(Text_native_default, { style: styles7.label }, String(label)) : label);
+    return /* @__PURE__ */ import_react27.default.createElement(import_react_native36.TouchableOpacity, { ref, disabled, style: styles7.container, onPress: () => handleClick() }, /* @__PURE__ */ import_react27.default.createElement(import_react_native36.TouchableOpacity, { style: styles7.checkBox, disabled, testID: id, onPressIn: () => handleClick() }, _checked && /* @__PURE__ */ import_react27.default.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* BACKGROUND */, name: "tri-check" /* CHECK */ })), label && typeof label.valueOf() === "string" ? /* @__PURE__ */ import_react27.default.createElement(Text_native_default, { style: styles7.label }, String(label)) : label);
   }
 );
 Checkbox.displayName = "Checkbox" /* Checkbox */;
@@ -5766,7 +5688,7 @@ var isRequiredChild = (children) => import_react28.default.Children.toArray(chil
 
 // components/checkbox/list/CheckboxList.native.tsx
 var React49 = __toESM(require("react"));
-var import_react_native38 = require("react-native");
+var import_react_native37 = require("react-native");
 var { THREE: THREE2, TWO: TWO2 } = SpacerSize;
 var { INSERT_SPACE_BETWEEN: INSERT_SPACE_BETWEEN2 } = SpacingMatrixMode;
 var SPACING_MATRIX = [
@@ -5776,7 +5698,7 @@ var SPACING_MATRIX = [
 ];
 var CheckboxList = React49.forwardRef(
   ({ children, label }, ref) => {
-    const styles7 = import_react_native38.StyleSheet.create({
+    const styles7 = import_react_native37.StyleSheet.create({
       label: {
         marginBottom: 8
       }
@@ -5789,10 +5711,10 @@ var CheckboxList_native_default = CheckboxList;
 
 // components/checkbox/tiles/CheckboxTiles.native.tsx
 var import_react29 = __toESM(require("react"));
-var import_react_native39 = require("react-native");
+var import_react_native38 = require("react-native");
 var CheckboxTiles = import_react29.default.forwardRef(
   ({ children, align, verticalAlign, ...others }, ref) => {
-    const styles7 = import_react_native39.StyleSheet.create({
+    const styles7 = import_react_native38.StyleSheet.create({
       container: {
         justifyContent: getAlignStyle(align),
         alignItems: verticalAlign && getAlignStyle(verticalAlign) || align && getAlignStyle(align),
@@ -5801,7 +5723,7 @@ var CheckboxTiles = import_react29.default.forwardRef(
         gap: 8 /* TWO */
       }
     });
-    return /* @__PURE__ */ import_react29.default.createElement(import_react_native39.View, { ref, style: styles7.container, ...others }, children);
+    return /* @__PURE__ */ import_react29.default.createElement(import_react_native38.View, { ref, style: styles7.container, ...others }, children);
   }
 );
 CheckboxTiles.displayName = "CheckboxTiles" /* CheckboxTiles */;
@@ -5809,11 +5731,11 @@ var CheckboxTiles_native_default = CheckboxTiles;
 
 // components/sticker/Sticker.native.tsx
 var React51 = __toESM(require("react"));
-var import_react_native40 = require("react-native");
+var import_react_native39 = require("react-native");
 var Sticker = React51.forwardRef(
   ({ variant, small, outlined, label, iconName, accessibilityLabel, ...others }, ref) => {
     const defaultColor = getColorStyle("MAIN" /* MAIN */);
-    const styles7 = import_react_native40.StyleSheet.create({
+    const styles7 = import_react_native39.StyleSheet.create({
       sticker: {
         flexDirection: "row",
         justifyContent: "center",
@@ -5847,7 +5769,7 @@ var Sticker = React51.forwardRef(
         marginTop: 1
       }
     });
-    return /* @__PURE__ */ React51.createElement(import_react_native40.View, { ref, style: styles7.sticker, accessibilityLabel, ...others }, iconName && /* @__PURE__ */ React51.createElement(Icon_native_default, { color: "WHITE" /* BACKGROUND */, size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName }), label && /* @__PURE__ */ React51.createElement(Text_native_default, { style: styles7.text, typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */] }, label));
+    return /* @__PURE__ */ React51.createElement(import_react_native39.View, { ref, style: styles7.sticker, accessibilityLabel, ...others }, iconName && /* @__PURE__ */ React51.createElement(Icon_native_default, { color: "WHITE" /* BACKGROUND */, size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName }), label && /* @__PURE__ */ React51.createElement(Text_native_default, { style: styles7.text, typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */] }, label));
   }
 );
 Sticker.displayName = "Sticker" /* Sticker */;
@@ -5855,7 +5777,7 @@ var Sticker_native_default = Sticker;
 
 // components/checkbox/tiles/tile/CheckboxTile.native.tsx
 var import_react30 = __toESM(require("react"));
-var import_react_native41 = require("react-native");
+var import_react_native40 = require("react-native");
 var CheckboxTile = import_react30.default.forwardRef(
   ({
     disabled,
@@ -5874,7 +5796,7 @@ var CheckboxTile = import_react30.default.forwardRef(
   }, ref) => {
     const [_checked, setChecked] = (0, import_react30.useState)(checked || false);
     const [stickerHeight, setStickerHeight] = (0, import_react30.useState)(0);
-    const styles7 = import_react_native41.StyleSheet.create({
+    const styles7 = import_react_native40.StyleSheet.create({
       container: {
         flexDirection: "row",
         paddingBottom: 5,
@@ -5930,8 +5852,8 @@ var CheckboxTile = import_react30.default.forwardRef(
         }
       }
     };
-    return /* @__PURE__ */ import_react30.default.createElement(import_react_native41.TouchableOpacity, { ref, disabled, style: styles7.tile, onPress: handleClick, ...others }, sticker && /* @__PURE__ */ import_react30.default.createElement(import_react_native41.View, { style: styles7.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ import_react30.default.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), /* @__PURE__ */ import_react30.default.createElement(View_native_default, { style: { gap: 8 /* TWO */ } }, /* @__PURE__ */ import_react30.default.createElement(
-      import_react_native41.TouchableOpacity,
+    return /* @__PURE__ */ import_react30.default.createElement(import_react_native40.TouchableOpacity, { ref, disabled, style: styles7.tile, onPress: handleClick, ...others }, sticker && /* @__PURE__ */ import_react30.default.createElement(import_react_native40.View, { style: styles7.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ import_react30.default.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), /* @__PURE__ */ import_react30.default.createElement(View_native_default, { style: { gap: 8 /* TWO */ } }, /* @__PURE__ */ import_react30.default.createElement(
+      import_react_native40.TouchableOpacity,
       {
         style: [styles7.checkBox],
         disabled,
@@ -5963,22 +5885,22 @@ var CheckboxTile_native_default = CheckboxTile;
 
 // components/chips/Chips.native.tsx
 var import_react32 = __toESM(require("react"));
-var import_react_native43 = require("react-native");
+var import_react_native42 = require("react-native");
 
 // components/chips/list/ChipsList.native.tsx
 var import_react31 = __toESM(require("react"));
-var import_react_native42 = require("react-native");
+var import_react_native41 = require("react-native");
 var ChipsContext = (0, import_react31.createContext)({ isMultiple: false });
 var ChipsList = import_react31.default.forwardRef(
   ({ children, multiple, scrollable = true, ...others }, ref) => {
-    const styles7 = import_react_native42.StyleSheet.create({
+    const styles7 = import_react_native41.StyleSheet.create({
       container: {
         flexWrap: "wrap",
         flexDirection: "row"
       }
     });
     return /* @__PURE__ */ import_react31.default.createElement(ChipsContext.Provider, { value: { isMultiple: multiple || false } }, scrollable ? /* @__PURE__ */ import_react31.default.createElement(
-      import_react_native42.ScrollView,
+      import_react_native41.ScrollView,
       {
         ref,
         horizontal: true,
@@ -5987,7 +5909,7 @@ var ChipsList = import_react31.default.forwardRef(
         ...others
       },
       children
-    ) : /* @__PURE__ */ import_react31.default.createElement(import_react_native42.View, { ref, style: styles7.container, ...others }, children));
+    ) : /* @__PURE__ */ import_react31.default.createElement(import_react_native41.View, { ref, style: styles7.container, ...others }, children));
   }
 );
 ChipsList.displayName = "ChipsList" /* ChipsList */;
@@ -6001,7 +5923,7 @@ var Chips = import_react32.default.forwardRef(
     (0, import_react32.useEffect)(() => {
       setActiveItem(active || false);
     }, [active]);
-    const styles7 = import_react_native43.StyleSheet.create({
+    const styles7 = import_react_native42.StyleSheet.create({
       chips: {
         backgroundColor: disabled && getColorStyle("NEUTRAL_FADE" /* NEUTRAL_FADE */) || activeItem && getColorStyle("MAIN" /* MAIN */) || getColorStyle("WHITE" /* BACKGROUND */),
         borderRadius: 30,
@@ -6021,7 +5943,7 @@ var Chips = import_react32.default.forwardRef(
       }
     });
     return /* @__PURE__ */ import_react32.default.createElement(
-      import_react_native43.TouchableOpacity,
+      import_react_native42.TouchableOpacity,
       {
         ref,
         disabled,
@@ -6044,13 +5966,13 @@ var Chips_native_default = Chips;
 
 // components/container/Container.native.tsx
 var import_react33 = __toESM(require("react"));
-var import_react_native44 = require("react-native");
+var import_react_native43 = require("react-native");
 var Container = import_react33.default.forwardRef(({ children, ...others }, ref) => {
-  return /* @__PURE__ */ import_react33.default.createElement(import_react_native44.View, { ref, style: styles4.container, ...others }, children);
+  return /* @__PURE__ */ import_react33.default.createElement(import_react_native43.View, { ref, style: styles4.container, ...others }, children);
 });
 Container.displayName = "Container" /* Container */;
 var Container_native_default = Container;
-var styles4 = import_react_native44.StyleSheet.create({
+var styles4 = import_react_native43.StyleSheet.create({
   container: {
     width: "100%",
     alignItems: "stretch",
@@ -6062,7 +5984,7 @@ var styles4 = import_react_native44.StyleSheet.create({
 
 // components/countdown/Countdown.native.tsx
 var import_react34 = __toESM(require("react"));
-var import_react_native45 = require("react-native");
+var import_react_native44 = require("react-native");
 
 // components/countdown/CountdownEnum.ts
 var CountdownFormat = /* @__PURE__ */ ((CountdownFormat2) => {
@@ -6182,7 +6104,7 @@ var Countdown = import_react34.default.forwardRef(
       }
     }, [timer, event, init]);
     const countdownColor = inverted ? getColorStyle("WHITE" /* BACKGROUND */) : getColorStyle("MAIN" /* MAIN */);
-    const styles7 = import_react_native45.StyleSheet.create({
+    const styles7 = import_react_native44.StyleSheet.create({
       countdown: {
         alignSelf: centered ? "center" : "flex-start",
         borderColor: countdownColor,
@@ -6210,7 +6132,7 @@ var Countdown = import_react34.default.forwardRef(
         margin: 8
       }
     });
-    return /* @__PURE__ */ import_react34.default.createElement(import_react_native45.View, { ref, style: styles7.countdown, ...others }, (show[0 /* DAY */] || timer.days != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text, testId: "day-id" }, timer.days ? timer.days : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "j")), show[0 /* DAY */] && show[1 /* HOUR */] && /* @__PURE__ */ import_react34.default.createElement(import_react_native45.View, { style: styles7.separator, testID: "hour-day-id" }), (show[1 /* HOUR */] || timer.hours != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text }, timer.hours ? timer.hours : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "h")), show[1 /* HOUR */] && show[2 /* MIN */] && /* @__PURE__ */ import_react34.default.createElement(import_react_native45.View, { style: styles7.separator, testID: "hour-min-id" }), (show[2 /* MIN */] || timer.minutes != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text }, timer.minutes ? timer.minutes : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "m")), show[3 /* SEC */] && show[2 /* MIN */] && /* @__PURE__ */ import_react34.default.createElement(import_react_native45.View, { style: styles7.separator, testID: "sec-min-id" }), (show[3 /* SEC */] || timer.seconds != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text, level: 1 /* ONE */ }, timer.seconds ? timer.seconds : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "s")));
+    return /* @__PURE__ */ import_react34.default.createElement(import_react_native44.View, { ref, style: styles7.countdown, ...others }, (show[0 /* DAY */] || timer.days != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text, testId: "day-id" }, timer.days ? timer.days : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "j")), show[0 /* DAY */] && show[1 /* HOUR */] && /* @__PURE__ */ import_react34.default.createElement(import_react_native44.View, { style: styles7.separator, testID: "hour-day-id" }), (show[1 /* HOUR */] || timer.hours != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text }, timer.hours ? timer.hours : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "h")), show[1 /* HOUR */] && show[2 /* MIN */] && /* @__PURE__ */ import_react34.default.createElement(import_react_native44.View, { style: styles7.separator, testID: "hour-min-id" }), (show[2 /* MIN */] || timer.minutes != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text }, timer.minutes ? timer.minutes : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "m")), show[3 /* SEC */] && show[2 /* MIN */] && /* @__PURE__ */ import_react34.default.createElement(import_react_native44.View, { style: styles7.separator, testID: "sec-min-id" }), (show[3 /* SEC */] || timer.seconds != 0) && /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.text, level: 1 /* ONE */ }, timer.seconds ? timer.seconds : 0, /* @__PURE__ */ import_react34.default.createElement(Text_native_default, { style: styles7.date }, "s")));
   }
 );
 Countdown.displayName = "Countdown" /* Countdown */;
@@ -6218,7 +6140,7 @@ var Countdown_native_default = Countdown;
 
 // components/datepicker/DatePicker.native.tsx
 var import_react35 = __toESM(require("react"));
-var import_react_native46 = require("react-native");
+var import_react_native45 = require("react-native");
 var DatePicker = (0, import_react35.forwardRef)(
   ({
     onChange,
@@ -6418,7 +6340,7 @@ var DatePicker = (0, import_react35.forwardRef)(
         previousTextRef.current = formatted;
       }
     }, [value, formatDateForDisplay, isFocused]);
-    const styles7 = import_react_native46.StyleSheet.create({
+    const styles7 = import_react_native45.StyleSheet.create({
       container: {
         width: "100%"
       },
@@ -6447,7 +6369,7 @@ var DatePicker = (0, import_react35.forwardRef)(
         flex: 1,
         fontSize: 16,
         color: disabled ? getColorStyle("DISABLED" /* DISABLED */) : getColorStyle("MAIN" /* MAIN */),
-        paddingVertical: import_react_native46.Platform.OS === "ios" ? 12 : 8
+        paddingVertical: import_react_native45.Platform.OS === "ios" ? 12 : 8
       },
       iconContainer: {
         width: 32,
@@ -6480,8 +6402,8 @@ var DatePicker = (0, import_react35.forwardRef)(
         elevation: 5
       }
     });
-    return /* @__PURE__ */ import_react35.default.createElement(import_react_native46.View, { ref, style: styles7.container, testID: testId, ...others }, label && /* @__PURE__ */ import_react35.default.createElement(import_react_native46.View, { style: { flexDirection: "row", alignItems: "center" } }, /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { style: styles7.label }, label), required && /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { style: { color: getColorStyle("ERROR" /* ERROR */), marginLeft: 4 } }, "*")), sample && /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles7.sample }, sample), /* @__PURE__ */ import_react35.default.createElement(import_react_native46.View, { style: styles7.inputContainer }, /* @__PURE__ */ import_react35.default.createElement(
-      import_react_native46.TextInput,
+    return /* @__PURE__ */ import_react35.default.createElement(import_react_native45.View, { ref, style: styles7.container, testID: testId, ...others }, label && /* @__PURE__ */ import_react35.default.createElement(import_react_native45.View, { style: { flexDirection: "row", alignItems: "center" } }, /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { style: styles7.label }, label), required && /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { style: { color: getColorStyle("ERROR" /* ERROR */), marginLeft: 4 } }, "*")), sample && /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles7.sample }, sample), /* @__PURE__ */ import_react35.default.createElement(import_react_native45.View, { style: styles7.inputContainer }, /* @__PURE__ */ import_react35.default.createElement(
+      import_react_native45.TextInput,
       {
         style: styles7.input,
         value: inputText,
@@ -6495,7 +6417,7 @@ var DatePicker = (0, import_react35.forwardRef)(
         maxLength: 10
       }
     ), /* @__PURE__ */ import_react35.default.createElement(
-      import_react_native46.TouchableOpacity,
+      import_react_native45.TouchableOpacity,
       {
         style: styles7.iconContainer,
         onPress: handleOpenCalendar,
@@ -6503,7 +6425,7 @@ var DatePicker = (0, import_react35.forwardRef)(
         activeOpacity: 0.7
       },
       /* @__PURE__ */ import_react35.default.createElement(Icon_native_default, { name: "tri-calendar", size: "small" /* SMALL */, color: "MAIN" /* MAIN */ })
-    )), help && /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { style: styles7.help }, help), /* @__PURE__ */ import_react35.default.createElement(import_react_native46.Modal, { visible: isCalendarVisible, transparent: true, animationType: "fade", onRequestClose: handleCloseCalendar }, /* @__PURE__ */ import_react35.default.createElement(import_react_native46.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react35.default.createElement(import_react_native46.TouchableOpacity, { style: import_react_native46.StyleSheet.absoluteFillObject, activeOpacity: 1, onPress: handleCloseCalendar }), /* @__PURE__ */ import_react35.default.createElement(import_react_native46.View, { style: styles7.modalContent }, /* @__PURE__ */ import_react35.default.createElement(
+    )), help && /* @__PURE__ */ import_react35.default.createElement(Text_native_default, { style: styles7.help }, help), /* @__PURE__ */ import_react35.default.createElement(import_react_native45.Modal, { visible: isCalendarVisible, transparent: true, animationType: "fade", onRequestClose: handleCloseCalendar }, /* @__PURE__ */ import_react35.default.createElement(import_react_native45.View, { style: styles7.modalOverlay }, /* @__PURE__ */ import_react35.default.createElement(import_react_native45.TouchableOpacity, { style: import_react_native45.StyleSheet.absoluteFillObject, activeOpacity: 1, onPress: handleCloseCalendar }), /* @__PURE__ */ import_react35.default.createElement(import_react_native45.View, { style: styles7.modalContent }, /* @__PURE__ */ import_react35.default.createElement(
       Calendar_native_default,
       {
         value: calendarValue,
@@ -6521,12 +6443,12 @@ var DatePicker_native_default = DatePicker;
 
 // components/divider/Divider.native.tsx
 var React58 = __toESM(require("react"));
-var import_react_native47 = require("react-native");
+var import_react_native46 = require("react-native");
 var Divider = React58.forwardRef(({ content, unboxed, marginless, iconName, ...others }, ref) => {
   const [textWidth, setTextWidth] = React58.useState(0);
   const [containerWidth, setContainerWidth] = React58.useState(0);
   const dividerColor = getColorStyle("NEUTRAL" /* NEUTRAL */);
-  const styles7 = import_react_native47.StyleSheet.create({
+  const styles7 = import_react_native46.StyleSheet.create({
     divider: {
       marginBottom: 16,
       marginTop: 16,
@@ -6565,7 +6487,7 @@ var Divider = React58.forwardRef(({ content, unboxed, marginless, iconName, ...o
   }, [content, iconName]);
   if (content || iconName) {
     return /* @__PURE__ */ React58.createElement(
-      import_react_native47.View,
+      import_react_native46.View,
       {
         ref,
         style: styles7.container,
@@ -6573,9 +6495,9 @@ var Divider = React58.forwardRef(({ content, unboxed, marginless, iconName, ...o
           setContainerWidth(event.nativeEvent.layout.width);
         }
       },
-      /* @__PURE__ */ React58.createElement(import_react_native47.View, { style: styles7.dividerContent, ...others }),
+      /* @__PURE__ */ React58.createElement(import_react_native46.View, { style: styles7.dividerContent, ...others }),
       /* @__PURE__ */ React58.createElement(
-        import_react_native47.View,
+        import_react_native46.View,
         {
           style: styles7.content,
           onLayout: (event) => {
@@ -6584,17 +6506,17 @@ var Divider = React58.forwardRef(({ content, unboxed, marginless, iconName, ...o
         },
         ContentDivider
       ),
-      /* @__PURE__ */ React58.createElement(import_react_native47.View, { style: styles7.dividerContent, ...others })
+      /* @__PURE__ */ React58.createElement(import_react_native46.View, { style: styles7.dividerContent, ...others })
     );
   }
-  return /* @__PURE__ */ React58.createElement(import_react_native47.View, { style: styles7.divider, ...others });
+  return /* @__PURE__ */ React58.createElement(import_react_native46.View, { style: styles7.divider, ...others });
 });
 Divider.displayName = "Divider" /* Divider */;
 var Divider_native_default = Divider;
 
 // components/fab/Fab.native.tsx
 var React59 = __toESM(require("react"));
-var import_react_native48 = require("react-native");
+var import_react_native47 = require("react-native");
 var Fab = React59.forwardRef(({
   children,
   accessibilityLabel,
@@ -6608,7 +6530,7 @@ var Fab = React59.forwardRef(({
   disabled,
   testId
 }, ref) => {
-  const styles7 = import_react_native48.StyleSheet.create({
+  const styles7 = import_react_native47.StyleSheet.create({
     button: {
       backgroundColor: getColorStyle("MAIN" /* MAIN */),
       justifyContent: "center",
@@ -6645,7 +6567,7 @@ var Fab = React59.forwardRef(({
     }
   });
   return /* @__PURE__ */ React59.createElement(
-    import_react_native48.TouchableOpacity,
+    import_react_native47.TouchableOpacity,
     {
       ref,
       style: [styles7.button, extended && styles7.extended],
@@ -6685,7 +6607,7 @@ var Fab_native_default = Fab;
 
 // components/flex-box/FlexBox.native.tsx
 var import_react37 = __toESM(require("react"));
-var import_react_native49 = require("react-native");
+var import_react_native48 = require("react-native");
 
 // components/flex-box/context/index.tsx
 var import_react36 = __toESM(require("react"));
@@ -6708,7 +6630,7 @@ var FlexBox = import_react37.default.forwardRef(
       (event) => {
         if (!width) {
           const { width: width2 } = event.nativeEvent.layout;
-          if (fullBleed) setEnlarge((import_react_native49.Dimensions.get("screen").width - width2) / 2);
+          if (fullBleed) setEnlarge((import_react_native48.Dimensions.get("screen").width - width2) / 2);
           setWidth(width2);
         }
       },
@@ -6716,7 +6638,7 @@ var FlexBox = import_react37.default.forwardRef(
     );
     const gapIndex = gap && typeof gap === "number" && gap || gap && (gap == null ? void 0 : gap.mobile) || 0;
     const realGap = import_react37.default.useMemo(() => typeof gap === "undefined" ? 8 : ColumnsGapValue[gapIndex], [gap]);
-    const styles7 = import_react_native49.StyleSheet.create({
+    const styles7 = import_react_native48.StyleSheet.create({
       columns: {
         flexDirection: !isValueDirection ? direction == null ? void 0 : direction.mobile : direction,
         gap: realGap,
@@ -6742,9 +6664,9 @@ var FlexBox = import_react37.default.forwardRef(
           childrenLength: import_react37.default.Children.count(children)
         }
       },
-      !scrollable && /* @__PURE__ */ import_react37.default.createElement(import_react_native49.View, { id, ref, onLayout: onLayoutHandler, style: [styles7.columns], ...others }, children),
+      !scrollable && /* @__PURE__ */ import_react37.default.createElement(import_react_native48.View, { id, ref, onLayout: onLayoutHandler, style: [styles7.columns], ...others }, children),
       scrollable && /* @__PURE__ */ import_react37.default.createElement(
-        import_react_native49.View,
+        import_react_native48.View,
         {
           id,
           onLayout: onLayoutHandler,
@@ -6753,7 +6675,7 @@ var FlexBox = import_react37.default.forwardRef(
           }
         },
         /* @__PURE__ */ import_react37.default.createElement(
-          import_react_native49.ScrollView,
+          import_react_native48.ScrollView,
           {
             horizontal: true,
             contentContainerStyle: styles7.columnsScrollable,
@@ -6770,7 +6692,7 @@ var FlexBox_native_default = FlexBox;
 
 // components/flex-box/flex-item/FlexItem.native.tsx
 var import_react38 = __toESM(require("react"));
-var import_react_native50 = require("react-native");
+var import_react_native49 = require("react-native");
 var FlexItem = import_react38.default.forwardRef(
   ({ id, size: size2, narrow, verticalAlign, children, ...others }, ref) => {
     const { width, realGap, scrollable, childrenLength } = import_react38.default.useContext(FlexBoxContext);
@@ -6791,7 +6713,7 @@ var FlexItem = import_react38.default.forwardRef(
       [realSize, narrow, width, realGap, childrenLength, realSize]
     );
     return /* @__PURE__ */ import_react38.default.createElement(
-      import_react_native50.View,
+      import_react_native49.View,
       {
         id,
         ref,
@@ -6811,7 +6733,7 @@ var FlexItem_native_default = FlexItem;
 
 // components/hero/Hero.native.tsx
 var import_react39 = __toESM(require("react"));
-var import_react_native51 = require("react-native");
+var import_react_native50 = require("react-native");
 var Hero = import_react39.default.forwardRef(
   ({ children, backgroundSrc, onClick, overlap, inverted, backgroundColor, backgroundHeight, ...others }, ref) => {
     const [overlapHeight, setOverlapHeight] = (0, import_react39.useState)(0);
@@ -6820,7 +6742,7 @@ var Hero = import_react39.default.forwardRef(
     const isSecondOverlapNotEmpty = isSecondOverlap && secondOverlapHeight > 0;
     const overlapMargin = backgroundHeight ? overlapHeight - backgroundHeight / 2 : overlapHeight - 60;
     const marginBottomOverlap = isSecondOverlapNotEmpty ? 70 : 60;
-    const styles7 = import_react_native51.StyleSheet.create({
+    const styles7 = import_react_native50.StyleSheet.create({
       hero: {
         width: "100%",
         minHeight: 150,
@@ -6851,22 +6773,22 @@ var Hero = import_react39.default.forwardRef(
     });
     let heroView;
     if (backgroundColor) {
-      heroView = /* @__PURE__ */ import_react39.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: false, flat: false } }, /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { style: [styles7.background, styles7.hero], testID: "background-id" }, /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { style: styles7.content }, children)));
+      heroView = /* @__PURE__ */ import_react39.default.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: false, flat: false } }, /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: [styles7.background, styles7.hero], testID: "background-id" }, /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: styles7.content }, children)));
     } else {
       heroView = /* @__PURE__ */ import_react39.default.createElement(
-        import_react_native51.ImageBackground,
+        import_react_native50.ImageBackground,
         {
           source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc },
           style: styles7.hero,
           ...others
         },
-        /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { style: styles7.content, testID: "no-background-id" }, children)
+        /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: styles7.content, testID: "no-background-id" }, children)
       );
     }
     let overlapView;
     if (isSecondOverlap) {
-      overlapView = /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react39.default.createElement(
-        import_react_native51.View,
+      overlapView = /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react39.default.createElement(
+        import_react_native50.View,
         {
           style: styles7.overlap,
           onLayout: (event) => {
@@ -6874,9 +6796,9 @@ var Hero = import_react39.default.forwardRef(
             setOverlapHeight(height);
           }
         },
-        /* @__PURE__ */ import_react39.default.createElement(Box_native_default, { backgroundColor: "NEUTRAL_FADE" /* NEUTRAL_FADE */ }, /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { style: { marginBottom: secondOverlapHeight / 2 } }), overlap && typeof overlap !== "boolean" ? overlap[0] : null)
+        /* @__PURE__ */ import_react39.default.createElement(Box_native_default, { backgroundColor: "NEUTRAL_FADE" /* NEUTRAL_FADE */ }, /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: { marginBottom: secondOverlapHeight / 2 } }), overlap && typeof overlap !== "boolean" ? overlap[0] : null)
       ), /* @__PURE__ */ import_react39.default.createElement(
-        import_react_native51.View,
+        import_react_native50.View,
         {
           style: styles7.secondOverlap,
           onLayout: (event) => {
@@ -6887,8 +6809,8 @@ var Hero = import_react39.default.forwardRef(
         overlap && typeof overlap !== "boolean" ? overlap[1] : null
       ));
     } else {
-      overlapView = /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react39.default.createElement(
-        import_react_native51.View,
+      overlapView = /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { style: styles7.subOverlap }, /* @__PURE__ */ import_react39.default.createElement(
+        import_react_native50.View,
         {
           style: styles7.overlap,
           onLayout: (event) => {
@@ -6899,7 +6821,7 @@ var Hero = import_react39.default.forwardRef(
         overlap && typeof overlap !== "boolean" ? overlap[0] : null
       ));
     }
-    return onClick ? /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { ref }, /* @__PURE__ */ import_react39.default.createElement(import_react_native51.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView)) : /* @__PURE__ */ import_react39.default.createElement(import_react_native51.View, { ref, style: { width: "100%" } }, heroView, overlapView);
+    return onClick ? /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { ref }, /* @__PURE__ */ import_react39.default.createElement(import_react_native50.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, heroView)) : /* @__PURE__ */ import_react39.default.createElement(import_react_native50.View, { ref, style: { width: "100%" } }, heroView, overlapView);
   }
 );
 Hero.displayName = "Hero" /* Hero */;
@@ -6924,10 +6846,10 @@ var RadiusValues = /* @__PURE__ */ ((RadiusValues2) => {
 
 // components/image/Image.native.tsx
 var React64 = __toESM(require("react"));
-var import_react_native52 = require("react-native");
+var import_react_native51 = require("react-native");
 var Image2 = React64.forwardRef(
   ({ src, alt = "", circled, width, height, onClick, cache, ...others }, ref) => {
-    const styles7 = import_react_native52.StyleSheet.create({
+    const styles7 = import_react_native51.StyleSheet.create({
       image: {
         width: width ? width : "100%",
         height: height ? height : "100%",
@@ -6951,8 +6873,8 @@ var Image2 = React64.forwardRef(
       uri: src,
       cache: getCachePolicy(cache)
     };
-    const image = /* @__PURE__ */ React64.createElement(import_react_native52.Image, { ref, style: styles7.image, accessibilityLabel: alt, source: imageSource, ...others, alt });
-    return onClick ? /* @__PURE__ */ React64.createElement(import_react_native52.View, null, /* @__PURE__ */ React64.createElement(import_react_native52.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image)) : image;
+    const image = /* @__PURE__ */ React64.createElement(import_react_native51.Image, { ref, style: styles7.image, accessibilityLabel: alt, source: imageSource, ...others, alt });
+    return onClick ? /* @__PURE__ */ React64.createElement(import_react_native51.View, null, /* @__PURE__ */ React64.createElement(import_react_native51.TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, image)) : image;
   }
 );
 Image2.displayName = "Image" /* Image */;
@@ -6961,11 +6883,11 @@ var Image_native_default = Image2;
 // components/link/Link.native.tsx
 var React65 = __toESM(require("react"));
 var import_react40 = require("react");
-var import_react_native53 = require("react-native");
+var import_react_native52 = require("react-native");
 var Link = React65.forwardRef(
   ({ children, to, onClick, testId, accessibilityLabel, iconName, inverted, ...others }, ref) => {
     const [pressedLink, setPressedLink] = (0, import_react40.useState)(false);
-    const styles7 = import_react_native53.StyleSheet.create({
+    const styles7 = import_react_native52.StyleSheet.create({
       link: {
         color: getColorStyle(
           pressedLink && "MAIN_FADE" /* MAIN_FADE */ || inverted && "WHITE" /* BACKGROUND */ || "MAIN" /* MAIN */
@@ -6983,7 +6905,7 @@ var Link = React65.forwardRef(
       }
     });
     return /* @__PURE__ */ React65.createElement(React65.Fragment, null, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React65.createElement(
-      import_react_native53.Text,
+      import_react_native52.Text,
       {
         ref,
         testID: testId,
@@ -6992,16 +6914,16 @@ var Link = React65.forwardRef(
         onPressOut: () => setPressedLink(false),
         onPress: (e) => {
           if (to) {
-            import_react_native53.Linking.openURL(to || "");
+            import_react_native52.Linking.openURL(to || "");
           }
           if (onClick) {
             onClick(e);
           }
         }
       },
-      iconName ? /* @__PURE__ */ React65.createElement(import_react_native53.View, { style: styles7.iconView }, /* @__PURE__ */ React65.createElement(import_react_native53.Text, { accessibilityLabel, style: [styles7.link], ...others }, children), /* @__PURE__ */ React65.createElement(import_react_native53.View, { style: styles7.icon }, /* @__PURE__ */ React65.createElement(Icon_native_default, { color: "MAIN" /* MAIN */, name: iconName, size: "small" }))) : /* @__PURE__ */ React65.createElement(import_react_native53.Text, { accessibilityLabel, style: [styles7.link], ...others }, children)
+      iconName ? /* @__PURE__ */ React65.createElement(import_react_native52.View, { style: styles7.iconView }, /* @__PURE__ */ React65.createElement(import_react_native52.Text, { accessibilityLabel, style: [styles7.link], ...others }, children), /* @__PURE__ */ React65.createElement(import_react_native52.View, { style: styles7.icon }, /* @__PURE__ */ React65.createElement(Icon_native_default, { color: "MAIN" /* MAIN */, name: iconName, size: "small" }))) : /* @__PURE__ */ React65.createElement(import_react_native52.Text, { accessibilityLabel, style: [styles7.link], ...others }, children)
     ) : /* @__PURE__ */ React65.createElement(
-      import_react_native53.Text,
+      import_react_native52.Text,
       {
         testID: testId,
         suppressHighlighting: true,
@@ -7009,7 +6931,7 @@ var Link = React65.forwardRef(
         onPressOut: () => setPressedLink(false),
         onPress: (e) => {
           if (to) {
-            import_react_native53.Linking.openURL(to || "");
+            import_react_native52.Linking.openURL(to || "");
           }
           if (onClick) {
             onClick(e);
@@ -7034,17 +6956,17 @@ var ListContext = import_react41.default.createContext({
 
 // components/list/List.native.tsx
 var React67 = __toESM(require("react"));
-var import_react_native54 = require("react-native");
+var import_react_native53 = require("react-native");
 var List = React67.forwardRef(({ children, ordered = false, divider = false, testId, ...others }, ref) => {
   const [chilIndexes, setChildIndexes] = React67.useState([]);
-  return /* @__PURE__ */ React67.createElement(ListContext.Provider, { value: { ordered, divider, chilIndexes, setChildIndexes } }, /* @__PURE__ */ React67.createElement(import_react_native54.View, { ref, testID: testId, ...others }, children));
+  return /* @__PURE__ */ React67.createElement(ListContext.Provider, { value: { ordered, divider, chilIndexes, setChildIndexes } }, /* @__PURE__ */ React67.createElement(import_react_native53.View, { ref, testID: testId, ...others }, children));
 });
 List.displayName = "List" /* List */;
 var List_native_default = List;
 
 // components/list/item/ListItem.native.tsx
 var import_react42 = __toESM(require("react"));
-var import_react_native55 = require("react-native");
+var import_react_native54 = require("react-native");
 var ListItem = import_react42.default.forwardRef(
   ({ children, status, iconName }, ref) => {
     const id = (0, import_react42.useId)();
@@ -7053,7 +6975,7 @@ var ListItem = import_react42.default.forwardRef(
     (0, import_react42.useEffect)(() => {
       setChildIndexes((prev) => [...prev, id]);
     }, [id]);
-    const styles7 = import_react_native55.StyleSheet.create({
+    const styles7 = import_react_native54.StyleSheet.create({
       text: {
         paddingHorizontal: 16
       },
@@ -7073,12 +6995,12 @@ var ListItem = import_react42.default.forwardRef(
       }
     });
     const getComponent = (0, import_react42.useMemo)(() => {
-      if (typeof children === "object") return /* @__PURE__ */ import_react42.default.createElement(import_react_native55.View, { style: styles7.text }, children);
+      if (typeof children === "object") return /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, { style: styles7.text }, children);
       if (["string", "number"].includes(typeof children)) {
         return /* @__PURE__ */ import_react42.default.createElement(Text_native_default, { style: styles7.text, level: 1 /* ONE */ }, children);
       }
     }, [children]);
-    return /* @__PURE__ */ import_react42.default.createElement(import_react_native55.View, { ref, style: [styles7.content] }, ordered && !iconName && /* @__PURE__ */ import_react42.default.createElement(import_react_native55.View, null, /* @__PURE__ */ import_react42.default.createElement(Text_native_default, { typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */] }, chilIndexes.indexOf(id) + 1, ".")), !iconName && !ordered && /* @__PURE__ */ import_react42.default.createElement(import_react_native55.View, null, /* @__PURE__ */ import_react42.default.createElement(import_react_native55.View, { style: styles7.disc })), iconName && /* @__PURE__ */ import_react42.default.createElement(import_react_native55.View, null, /* @__PURE__ */ import_react42.default.createElement(Icon_native_default, { size: "small", name: iconName, color: status })), /* @__PURE__ */ import_react42.default.createElement(import_react_native55.View, { style: { flexGrow: 1 } }, getComponent));
+    return /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, { ref, style: [styles7.content] }, ordered && !iconName && /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, null, /* @__PURE__ */ import_react42.default.createElement(Text_native_default, { typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */] }, chilIndexes.indexOf(id) + 1, ".")), !iconName && !ordered && /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, null, /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, { style: styles7.disc })), iconName && /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, null, /* @__PURE__ */ import_react42.default.createElement(Icon_native_default, { size: "small", name: iconName, color: status })), /* @__PURE__ */ import_react42.default.createElement(import_react_native54.View, { style: { flexGrow: 1 } }, getComponent));
   }
 );
 ListItem.displayName = "ListItem" /* ListItem */;
@@ -7095,7 +7017,7 @@ var ListIconStatus = /* @__PURE__ */ ((ListIconStatus2) => {
 
 // components/modal/Modal.native.tsx
 var import_react44 = __toESM(require("react"));
-var import_react_native56 = require("react-native");
+var import_react_native55 = require("react-native");
 var import_react_native_modal = __toESM(require("react-native-modal"));
 
 // components/modal/context/ModalContext.tsx
@@ -7152,20 +7074,20 @@ var Modal3 = import_react44.default.forwardRef(
         onModalHide,
         ...others
       },
-      /* @__PURE__ */ import_react44.default.createElement(import_react_native56.View, { ref, style: [styles5.body, { backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, /* @__PURE__ */ import_react44.default.createElement(import_react_native56.View, { style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } }, /* @__PURE__ */ import_react44.default.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, /* @__PURE__ */ import_react44.default.createElement(Column_native_default, null, /* @__PURE__ */ import_react44.default.createElement(Title_native_default, { level: 4 }, title)), !hideCloseButton && !unClosable && /* @__PURE__ */ import_react44.default.createElement(Column_native_default, { narrow: true }, /* @__PURE__ */ import_react44.default.createElement(import_react_native56.TouchableOpacity, { onPress: handleClose }, /* @__PURE__ */ import_react44.default.createElement(Icon_native_default, { name: "tri-times" /* TIMES */, size: "medium" /* MEDIUM */, color: "MAIN" /* MAIN */ }))))), children)
+      /* @__PURE__ */ import_react44.default.createElement(import_react_native55.View, { ref, style: [styles5.body, { backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, /* @__PURE__ */ import_react44.default.createElement(import_react_native55.View, { style: { paddingVertical: !title && (hideCloseButton || unClosable) ? 8 : 16 } }, /* @__PURE__ */ import_react44.default.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, /* @__PURE__ */ import_react44.default.createElement(Column_native_default, null, /* @__PURE__ */ import_react44.default.createElement(Title_native_default, { level: 4 }, title)), !hideCloseButton && !unClosable && /* @__PURE__ */ import_react44.default.createElement(Column_native_default, { narrow: true }, /* @__PURE__ */ import_react44.default.createElement(import_react_native55.TouchableOpacity, { onPress: handleClose }, /* @__PURE__ */ import_react44.default.createElement(Icon_native_default, { name: "tri-times" /* TIMES */, size: "medium" /* MEDIUM */, color: "MAIN" /* MAIN */ }))))), children)
     ));
   }
 );
 Modal3.displayName = "Modal" /* Modal */;
 var Modal_native_default = Modal3;
-var styles5 = import_react_native56.StyleSheet.create({
+var styles5 = import_react_native55.StyleSheet.create({
   modal: {
     justifyContent: "flex-end",
     margin: 0
   },
   body: {
     paddingHorizontal: 16,
-    maxHeight: isAndroid ? import_react_native56.Dimensions.get("screen").height / 1.15 : import_react_native56.Dimensions.get("screen").height / 1.1,
+    maxHeight: isAndroid ? import_react_native55.Dimensions.get("screen").height / 1.15 : import_react_native55.Dimensions.get("screen").height / 1.1,
     shadowColor: "#000",
     shadowOffset: {
       width: 0,
@@ -7181,11 +7103,11 @@ var styles5 = import_react_native56.StyleSheet.create({
 
 // components/modal/body/ModalBody.native.tsx
 var React71 = __toESM(require("react"));
-var import_react_native57 = require("react-native");
+var import_react_native56 = require("react-native");
 var ModalBody = React71.forwardRef(({ children, ...others }, ref) => {
   const { handleOnScroll, scrollViewRef, isFooter } = React71.useContext(ModalContext);
   return /* @__PURE__ */ React71.createElement(
-    import_react_native57.ScrollView,
+    import_react_native56.ScrollView,
     {
       ref: scrollViewRef,
       scrollEventThrottle: 16,
@@ -7193,7 +7115,7 @@ var ModalBody = React71.forwardRef(({ children, ...others }, ref) => {
       showsVerticalScrollIndicator: false
     },
     /* @__PURE__ */ React71.createElement(
-      import_react_native57.View,
+      import_react_native56.View,
       {
         ref,
         style: [
@@ -7214,7 +7136,7 @@ var ModalBody_native_default = ModalBody;
 
 // components/modal/footer/ModalFooter.native.tsx
 var React72 = __toESM(require("react"));
-var import_react_native58 = require("react-native");
+var import_react_native57 = require("react-native");
 var ModalFooter = React72.forwardRef(({ children, ...others }, ref) => {
   const { setIsFooter } = React72.useContext(ModalContext);
   React72.useEffect(() => {
@@ -7223,11 +7145,11 @@ var ModalFooter = React72.forwardRef(({ children, ...others }, ref) => {
       setIsFooter(false);
     };
   }, []);
-  return /* @__PURE__ */ React72.createElement(import_react_native58.View, { ref, style: [styles6.container], ...others }, /* @__PURE__ */ React72.createElement(import_react_native58.View, { style: [{ backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, typeof children === "string" && /* @__PURE__ */ React72.createElement(Title_native_default, { level: 3 /* THREE */, style: styles6.title }, children) || children));
+  return /* @__PURE__ */ React72.createElement(import_react_native57.View, { ref, style: [styles6.container], ...others }, /* @__PURE__ */ React72.createElement(import_react_native57.View, { style: [{ backgroundColor: getColorStyle("WHITE" /* BACKGROUND */) }] }, typeof children === "string" && /* @__PURE__ */ React72.createElement(Title_native_default, { level: 3 /* THREE */, style: styles6.title }, children) || children));
 });
 ModalFooter.displayName = "ModalFooter" /* ModalFooter */;
 var ModalFooter_native_default = ModalFooter;
-var styles6 = import_react_native58.StyleSheet.create({
+var styles6 = import_react_native57.StyleSheet.create({
   container: {
     paddingBottom: isIOS ? 40 : 18,
     paddingTop: 16
@@ -7265,7 +7187,7 @@ var ModalSize = /* @__PURE__ */ ((ModalSize2) => {
 
 // components/otp/Otp.native.tsx
 var import_react45 = __toESM(require("react"));
-var import_react_native59 = require("react-native");
+var import_react_native58 = require("react-native");
 var Otp = import_react45.default.forwardRef(
   ({ value, length = 6, disabled, error, onCompleted, onFocus, activated, onChange, label, ...others }, ref) => {
     const [codeInput, setCodeInput] = (0, import_react45.useState)(value || "");
@@ -7287,7 +7209,7 @@ var Otp = import_react45.default.forwardRef(
       var _a;
       (_a = refInput == null ? void 0 : refInput.current) == null ? void 0 : _a.focus();
     };
-    const style = import_react_native59.StyleSheet.create({
+    const style = import_react_native58.StyleSheet.create({
       container: {
         flex: 1,
         alignItems: "flex-start",
@@ -7347,12 +7269,12 @@ var Otp = import_react45.default.forwardRef(
       const emptyInputChar = " ";
       const digit = codeInput[idx] || emptyInputChar;
       if (idx <= codeInput.length) {
-        return /* @__PURE__ */ import_react45.default.createElement(import_react_native59.View, { key: idx, style: style.inputSelectedContainer }, /* @__PURE__ */ import_react45.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, level: 2 /* TWO */ }, digit), Boolean(idx === codeInput.length) && /* @__PURE__ */ import_react45.default.createElement(import_react_native59.View, { style: style.currentInput }));
+        return /* @__PURE__ */ import_react45.default.createElement(import_react_native58.View, { key: idx, style: style.inputSelectedContainer }, /* @__PURE__ */ import_react45.default.createElement(Text_native_default, { typo: "has-text-centered" /* TEXT_CENTERED */, level: 2 /* TWO */ }, digit), Boolean(idx === codeInput.length) && /* @__PURE__ */ import_react45.default.createElement(import_react_native58.View, { style: style.currentInput }));
       }
-      return /* @__PURE__ */ import_react45.default.createElement(import_react_native59.View, { key: idx, style: style.inputContainer }, /* @__PURE__ */ import_react45.default.createElement(Title_native_default, { level: 4 /* FOUR */ }, digit));
+      return /* @__PURE__ */ import_react45.default.createElement(import_react_native58.View, { key: idx, style: style.inputContainer }, /* @__PURE__ */ import_react45.default.createElement(Title_native_default, { level: 4 /* FOUR */ }, digit));
     };
-    return /* @__PURE__ */ import_react45.default.createElement(import_react_native59.SafeAreaView, { ref, style: style.container, ...others }, /* @__PURE__ */ import_react45.default.createElement(import_react_native59.View, { style: { flexDirection: "row", alignItems: "center", gap: 4, marginBottom: label ? 8 : void 0 } }, Boolean(label) && /* @__PURE__ */ import_react45.default.createElement(import_react_native59.View, null, /* @__PURE__ */ import_react45.default.createElement(Text_native_default, { style: style.text, level: 4 /* FOUR */ }, label)), error && /* @__PURE__ */ import_react45.default.createElement(Icon_native_default, { name: "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */, color: "ERROR" /* ERROR */, size: "smaller" /* SMALLER */ })), /* @__PURE__ */ import_react45.default.createElement(import_react_native59.Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map((_item, index) => /* @__PURE__ */ import_react45.default.createElement(import_react_native59.View, { key: index }, toDigitInput(index, index)))), /* @__PURE__ */ import_react45.default.createElement(
-      import_react_native59.TextInput,
+    return /* @__PURE__ */ import_react45.default.createElement(import_react_native58.SafeAreaView, { ref, style: style.container, ...others }, /* @__PURE__ */ import_react45.default.createElement(import_react_native58.View, { style: { flexDirection: "row", alignItems: "center", gap: 4, marginBottom: label ? 8 : void 0 } }, Boolean(label) && /* @__PURE__ */ import_react45.default.createElement(import_react_native58.View, null, /* @__PURE__ */ import_react45.default.createElement(Text_native_default, { style: style.text, level: 4 /* FOUR */ }, label)), error && /* @__PURE__ */ import_react45.default.createElement(Icon_native_default, { name: "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */, color: "ERROR" /* ERROR */, size: "smaller" /* SMALLER */ })), /* @__PURE__ */ import_react45.default.createElement(import_react_native58.Pressable, { style: style.inputsContainer, onPress: handleOnPress }, codeDigitsArray.map((_item, index) => /* @__PURE__ */ import_react45.default.createElement(import_react_native58.View, { key: index }, toDigitInput(index, index)))), /* @__PURE__ */ import_react45.default.createElement(
+      import_react_native58.TextInput,
       {
         ref: refInput,
         value: codeInput,
@@ -7390,7 +7312,7 @@ var Otp_native_default = Otp;
 
 // components/pagination/Pagination.native.tsx
 var import_react46 = __toESM(require("react"));
-var import_react_native60 = require("react-native");
+var import_react_native59 = require("react-native");
 var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, onClick, ...others }, ref) => {
   const [currentPage, setCurrentPage] = (0, import_react46.useState)(defaultPage);
   const [arrayPage] = (0, import_react46.useState)(Array.from(Array(length + 1).keys()));
@@ -7432,7 +7354,7 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
       onClick(pager);
     }
   }, [currentPage]);
-  const styles7 = import_react_native60.StyleSheet.create({
+  const styles7 = import_react_native59.StyleSheet.create({
     container: {
       flexDirection: "row",
       alignItems: "center",
@@ -7474,8 +7396,8 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
       marginRight: -12
     }
   });
-  return /* @__PURE__ */ import_react46.default.createElement(import_react_native60.View, { ref, style: styles7.container, ...others }, /* @__PURE__ */ import_react46.default.createElement(
-    import_react_native60.TouchableOpacity,
+  return /* @__PURE__ */ import_react46.default.createElement(import_react_native59.View, { ref, style: styles7.container, ...others }, /* @__PURE__ */ import_react46.default.createElement(
+    import_react_native59.TouchableOpacity,
     {
       onPress: () => {
         if (currentPage !== 1) {
@@ -7485,8 +7407,8 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
       }
     },
     /* @__PURE__ */ import_react46.default.createElement(Icon_native_default, { name: "tri-arrow-left" /* ARROW_LEFT */, size: "small" /* SMALL */, color: "MAIN" /* MAIN */ })
-  ), /* @__PURE__ */ import_react46.default.createElement(import_react_native60.View, { style: { flexDirection: "row", alignItems: "center" } }, !pager.pages.includes(1) && /* @__PURE__ */ import_react46.default.createElement(import_react_native60.View, null, /* @__PURE__ */ import_react46.default.createElement(Text_native_default, { style: styles7.dotsLeft }, "\u2026")), pager.pages.map((pageNumber) => /* @__PURE__ */ import_react46.default.createElement(import_react_native60.View, { key: pageNumber }, /* @__PURE__ */ import_react46.default.createElement(
-    import_react_native60.TouchableOpacity,
+  ), /* @__PURE__ */ import_react46.default.createElement(import_react_native59.View, { style: { flexDirection: "row", alignItems: "center" } }, !pager.pages.includes(1) && /* @__PURE__ */ import_react46.default.createElement(import_react_native59.View, null, /* @__PURE__ */ import_react46.default.createElement(Text_native_default, { style: styles7.dotsLeft }, "\u2026")), pager.pages.map((pageNumber) => /* @__PURE__ */ import_react46.default.createElement(import_react_native59.View, { key: pageNumber }, /* @__PURE__ */ import_react46.default.createElement(
+    import_react_native59.TouchableOpacity,
     {
       style: currentPage === pageNumber ? styles7.rounded : styles7.textContainer,
       onPress: () => {
@@ -7495,8 +7417,8 @@ var Pagination = import_react46.default.forwardRef(({ length, defaultPage = 1, o
       }
     },
     /* @__PURE__ */ import_react46.default.createElement(Text_native_default, { style: currentPage === pageNumber ? styles7.textCurrent : styles7.text }, pageNumber)
-  ))), !pager.pages.includes(length) && /* @__PURE__ */ import_react46.default.createElement(import_react_native60.View, { style: { marginRight: 15 } }, /* @__PURE__ */ import_react46.default.createElement(Text_native_default, { style: styles7.dotsRight }, "\u2026"))), /* @__PURE__ */ import_react46.default.createElement(
-    import_react_native60.TouchableOpacity,
+  ))), !pager.pages.includes(length) && /* @__PURE__ */ import_react46.default.createElement(import_react_native59.View, { style: { marginRight: 15 } }, /* @__PURE__ */ import_react46.default.createElement(Text_native_default, { style: styles7.dotsRight }, "\u2026"))), /* @__PURE__ */ import_react46.default.createElement(
+    import_react_native59.TouchableOpacity,
     {
       onPress: () => {
         if (currentPage !== Math.max(length)) {
@@ -7513,7 +7435,7 @@ var Pagination_native_default = Pagination;
 
 // components/popover/Popover.native.tsx
 var React75 = __toESM(require("react"));
-var import_react_native61 = require("react-native");
+var import_react_native60 = require("react-native");
 
 // components/popover/PopoverEnum.ts
 var PopoverDirection = /* @__PURE__ */ ((PopoverDirection2) => {
@@ -7530,7 +7452,7 @@ var PopoverArrowPosition = /* @__PURE__ */ ((PopoverArrowPosition2) => {
 
 // components/popover/Popover.native.tsx
 var Popover = React75.forwardRef(({ children, active = false, direction }, ref) => {
-  const styles7 = import_react_native61.StyleSheet.create({
+  const styles7 = import_react_native60.StyleSheet.create({
     container: {
       alignItems: "center"
     },
@@ -7585,7 +7507,7 @@ var Popover = React75.forwardRef(({ children, active = false, direction }, ref)
   });
   if (active && (direction === "left" /* LEFT */ || direction === "right" /* RIGHT */)) {
     return /* @__PURE__ */ React75.createElement(
-      import_react_native61.View,
+      import_react_native60.View,
       {
         ref,
         style: {
@@ -7594,21 +7516,21 @@ var Popover = React75.forwardRef(({ children, active = false, direction }, ref)
           alignItems: "center"
         }
       },
-      direction === "right" /* RIGHT */ && /* @__PURE__ */ React75.createElement(React75.Fragment, null, children, /* @__PURE__ */ React75.createElement(import_react_native61.View, { style: active ? [styles7.arrow, styles7.arrowLeft] : {} })),
-      direction === "left" /* LEFT */ && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(import_react_native61.View, { style: active ? [styles7.arrow, styles7.arrowRight] : {} }), children)
+      direction === "right" /* RIGHT */ && /* @__PURE__ */ React75.createElement(React75.Fragment, null, children, /* @__PURE__ */ React75.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowLeft] : {} })),
+      direction === "left" /* LEFT */ && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowRight] : {} }), children)
     );
   }
   if (active && (direction === "bottom" /* BOTTOM */ || !direction)) {
-    return /* @__PURE__ */ React75.createElement(import_react_native61.View, { ref }, direction === "bottom" /* BOTTOM */ && /* @__PURE__ */ React75.createElement(import_react_native61.View, null, children), /* @__PURE__ */ React75.createElement(import_react_native61.View, { style: styles7.container }, direction === "bottom" /* BOTTOM */ && /* @__PURE__ */ React75.createElement(import_react_native61.View, { style: active ? [styles7.arrow, styles7.arrowTop] : {} }), !direction && /* @__PURE__ */ React75.createElement(import_react_native61.View, { style: active ? [styles7.arrow, styles7.arrowBottom] : {} })), !direction && /* @__PURE__ */ React75.createElement(import_react_native61.View, null, children));
+    return /* @__PURE__ */ React75.createElement(import_react_native60.View, { ref }, direction === "bottom" /* BOTTOM */ && /* @__PURE__ */ React75.createElement(import_react_native60.View, null, children), /* @__PURE__ */ React75.createElement(import_react_native60.View, { style: styles7.container }, direction === "bottom" /* BOTTOM */ && /* @__PURE__ */ React75.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowTop] : {} }), !direction && /* @__PURE__ */ React75.createElement(import_react_native60.View, { style: active ? [styles7.arrow, styles7.arrowBottom] : {} })), !direction && /* @__PURE__ */ React75.createElement(import_react_native60.View, null, children));
   }
-  return /* @__PURE__ */ React75.createElement(import_react_native61.View, { ref }, children);
+  return /* @__PURE__ */ React75.createElement(import_react_native60.View, { ref }, children);
 });
 Popover.displayName = "Popover" /* Popover */;
 var Popover_native_default = Popover;
 
 // components/price/Price.native.tsx
 var import_react47 = __toESM(require("react"));
-var import_react_native62 = require("react-native");
+var import_react_native61 = require("react-native");
 
 // components/price/PriceEnum.ts
 var PriceLevel = /* @__PURE__ */ ((PriceLevel2) => {
@@ -7678,7 +7600,7 @@ var Price = import_react47.default.forwardRef(
     const strikedBottomByLevel = () => {
       return level == 7 /* SEVEN */ && (hideCents || period) && 12 || level == 6 /* SIX */ && (hideCents || period) && 15 || level == 5 /* FIVE */ && (hideCents || period) && 18 || level == 4 /* FOUR */ && (hideCents || period) && 19 || level == 3 /* THREE */ && (hideCents || period) && 26 || level == 2 /* TWO */ && (hideCents || period) && 33 || level == 1 /* ONE */ && (hideCents || period) && 37 || level == 1 /* ONE */ && 34 || level == 2 /* TWO */ && 30 || level == 3 /* THREE */ && 24 || level == 4 /* FOUR */ && 18 || level == 5 /* FIVE */ && 16 || level == 6 /* SIX */ && 14 || level == 7 /* SEVEN */ && 12 || !level && (hideCents || period) && 25 || 25;
     };
-    const styles7 = import_react_native62.StyleSheet.create({
+    const styles7 = import_react_native61.StyleSheet.create({
       container: {
         flexDirection: "row",
         alignSelf: align && align == "ALIGNED_START" /* ALIGNED_START */ && "flex-start" || align && align == "ALIGNED_CENTER" /* ALIGNED_CENTER */ && "center" || align && align == "ALIGNED_END" /* ALIGNED_END */ && "flex-end" || "flex-start"
@@ -7782,8 +7704,8 @@ var Price = import_react47.default.forwardRef(
     const priceText = `${whole}\u20AC${hideCents ? cents : ""}${mention ? mention : ""}${period ? ` / ${period}` : ""}`;
     const priceTestId = testId ? testId : priceText ? priceText : "NotSpecified";
     const priceAccessibilityLabel = accessibilityLabel ? accessibilityLabel : priceText ? priceText : "NotSpecified";
-    return /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, { ref }, overline && /* @__PURE__ */ import_react47.default.createElement(import_react_native62.Text, { style: [styles7.suptitle] }, overline), /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, null, /* @__PURE__ */ import_react47.default.createElement(
-      import_react_native62.View,
+    return /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, { ref }, overline && /* @__PURE__ */ import_react47.default.createElement(import_react_native61.Text, { style: [styles7.suptitle] }, overline), /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, null, /* @__PURE__ */ import_react47.default.createElement(
+      import_react_native61.View,
       {
         style: [styles7.container],
         accessible: !!priceAccessibilityLabel,
@@ -7791,13 +7713,13 @@ var Price = import_react47.default.forwardRef(
         testID: priceTestId,
         ...others
       },
-      /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, oldAmount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, { style: [{ flexDirection: "row" }] }, oldAmount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(import_react_native62.Text, { style: [styles7.striked] }), /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(
-        import_react_native62.Text,
+      /* @__PURE__ */ import_react47.default.createElement(import_react47.default.Fragment, null, oldAmount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, { style: [{ flexDirection: "row" }] }, oldAmount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(import_react_native61.Text, { style: [styles7.striked] }), /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(
+        import_react_native61.Text,
         {
           style: [styles7.price, styles7.priceFontSizeStriked, styles7.priceStrikedColor]
         },
         `${wholeStriked}`
-      )), /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native62.Text, { style: [styles7.cents, styles7.centsFontSizeStriked, styles7.priceStrikedColor] }, "\u20AC", !hideCents && (centsStriked || "00"), mention && mention), /* @__PURE__ */ import_react47.default.createElement(import_react_native62.Text, { style: [styles7.period, styles7.periodFontSizeStriked, styles7.priceStrikedColor] }, period && `/${period}`))), amount !== void 0 && oldAmount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(Spacer_native_default, { horizontal: true, size: 4 /* ONE */ }), amount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, { style: [{ flexDirection: "row" }] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native62.Text, { style: [styles7.price, styles7.priceFontSize, styles7.priceColor] }, `${whole}`)), /* @__PURE__ */ import_react47.default.createElement(import_react_native62.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native62.Text, { style: [styles7.cents, styles7.centsFontSize, styles7.priceColor] }, "\u20AC", !hideCents && (cents || "00"), mention && mention), /* @__PURE__ */ import_react47.default.createElement(import_react_native62.Text, { style: [styles7.period, styles7.periodFontSize, styles7.priceColor] }, period && `/${period}`))))
+      )), /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native61.Text, { style: [styles7.cents, styles7.centsFontSizeStriked, styles7.priceStrikedColor] }, "\u20AC", !hideCents && (centsStriked || "00"), mention && mention), /* @__PURE__ */ import_react47.default.createElement(import_react_native61.Text, { style: [styles7.period, styles7.periodFontSizeStriked, styles7.priceStrikedColor] }, period && `/${period}`))), amount !== void 0 && oldAmount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(Spacer_native_default, { horizontal: true, size: 4 /* ONE */ }), amount !== void 0 && /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, { style: [{ flexDirection: "row" }] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native61.Text, { style: [styles7.price, styles7.priceFontSize, styles7.priceColor] }, `${whole}`)), /* @__PURE__ */ import_react47.default.createElement(import_react_native61.View, { style: [styles7.priceContainer] }, /* @__PURE__ */ import_react47.default.createElement(import_react_native61.Text, { style: [styles7.cents, styles7.centsFontSize, styles7.priceColor] }, "\u20AC", !hideCents && (cents || "00"), mention && mention), /* @__PURE__ */ import_react47.default.createElement(import_react_native61.Text, { style: [styles7.period, styles7.periodFontSize, styles7.priceColor] }, period && `/${period}`))))
     )));
   }
 );
@@ -7806,9 +7728,9 @@ var Price_native_default = Price;
 
 // components/product-tour/ProductTour.native.tsx
 var React77 = __toESM(require("react"));
-var import_react_native63 = require("react-native");
+var import_react_native62 = require("react-native");
 var ProductTour = React77.forwardRef(({ children }, ref) => {
-  return /* @__PURE__ */ React77.createElement(import_react_native63.View, { ref }, children);
+  return /* @__PURE__ */ React77.createElement(import_react_native62.View, { ref }, children);
 });
 ProductTour.displayName = "ProductTour" /* ProductTour */;
 var ProductTour_native_default = ProductTour;
@@ -7840,13 +7762,13 @@ var AvatarDirection = /* @__PURE__ */ ((AvatarDirection2) => {
 
 // components/progress/Progress.native.tsx
 var import_react48 = __toESM(require("react"));
-var import_react_native64 = require("react-native");
+var import_react_native63 = require("react-native");
 var Progress = import_react48.default.forwardRef(
   ({ children, value, max = 100, status, legendCenter, legendStart, legendEnd, stacked, ...others }, ref) => {
-    const animation = (0, import_react48.useRef)(new import_react_native64.Animated.Value(0)).current;
+    const animation = (0, import_react48.useRef)(new import_react_native63.Animated.Value(0)).current;
     (0, import_react48.useEffect)(() => {
       if (typeof value === "number") {
-        import_react_native64.Animated.timing(animation, {
+        import_react_native63.Animated.timing(animation, {
           toValue: value,
           duration: 1e3,
           useNativeDriver: false
@@ -7859,7 +7781,7 @@ var Progress = import_react48.default.forwardRef(
       outputRange: ["0%", `${max}%`],
       extrapolate: "clamp"
     });
-    const styles7 = import_react_native64.StyleSheet.create({
+    const styles7 = import_react_native63.StyleSheet.create({
       progress: {
         flexDirection: "row",
         width: "100%",
@@ -7908,7 +7830,7 @@ var Progress = import_react48.default.forwardRef(
         }) || child
       ));
     }
-    return /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(View_native_default, { ref, style: styles7.progress, ...others }, /* @__PURE__ */ import_react48.default.createElement(import_react_native64.Animated.View, { style: [styles7.percent, { width }] })), legendCenter && /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { style: styles7.legendCenter, level: 3 /* THREE */ }, legendCenter), legendStart && legendEnd && !legendCenter && /* @__PURE__ */ import_react48.default.createElement(View_native_default, { style: styles7.extremLegend }, /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { level: 3 /* THREE */ }, legendStart), /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { level: 3 /* THREE */ }, legendEnd)));
+    return /* @__PURE__ */ import_react48.default.createElement(import_react48.default.Fragment, null, /* @__PURE__ */ import_react48.default.createElement(View_native_default, { ref, style: styles7.progress, ...others }, /* @__PURE__ */ import_react48.default.createElement(import_react_native63.Animated.View, { style: [styles7.percent, { width }] })), legendCenter && /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { style: styles7.legendCenter, level: 3 /* THREE */ }, legendCenter), legendStart && legendEnd && !legendCenter && /* @__PURE__ */ import_react48.default.createElement(View_native_default, { style: styles7.extremLegend }, /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { level: 3 /* THREE */ }, legendStart), /* @__PURE__ */ import_react48.default.createElement(Text_native_default, { level: 3 /* THREE */ }, legendEnd)));
   }
 );
 Progress.displayName = "Progress" /* Progress */;
@@ -7916,13 +7838,13 @@ var Progress_native_default = Progress;
 
 // components/progress/item/ProgressItem.native.tsx
 var import_react49 = __toESM(require("react"));
-var import_react_native65 = require("react-native");
+var import_react_native64 = require("react-native");
 var ProgressItem = import_react49.default.forwardRef(
   ({ children, percent, style, ...others }, ref) => {
-    const animation = (0, import_react49.useRef)(new import_react_native65.Animated.Value(0)).current;
+    const animation = (0, import_react49.useRef)(new import_react_native64.Animated.Value(0)).current;
     const styles7 = style;
     (0, import_react49.useEffect)(() => {
-      percent && import_react_native65.Animated.timing(animation, {
+      percent && import_react_native64.Animated.timing(animation, {
         toValue: percent,
         duration: 1e3,
         useNativeDriver: false
@@ -7933,7 +7855,7 @@ var ProgressItem = import_react49.default.forwardRef(
       outputRange: ["0%", "100%"],
       extrapolate: "clamp"
     });
-    return /* @__PURE__ */ import_react49.default.createElement(import_react_native65.Animated.View, { ...others, style: [{ width }, ...styles7], ref }, children);
+    return /* @__PURE__ */ import_react49.default.createElement(import_react_native64.Animated.View, { ...others, style: [{ width }, ...styles7], ref }, children);
   }
 );
 ProgressItem.displayName = "ProgressItem" /* ProgressItem */;
@@ -7941,12 +7863,12 @@ var ProgressItem_native_default = ProgressItem;
 
 // components/progress/radial/ProgressRadial.native.tsx
 var React82 = __toESM(require("react"));
-var import_react_native68 = require("react-native");
+var import_react_native67 = require("react-native");
 
 // components/progress/radial/react-native-circular-progress/CircularProgress.tsx
 var React80 = __toESM(require("react"));
 var import_prop_types = __toESM(require_prop_types());
-var import_react_native66 = require("react-native");
+var import_react_native65 = require("react-native");
 var import_react_native_svg = require("react-native-svg");
 var CircularProgress = class extends React80.PureComponent {
   constructor() {
@@ -8052,7 +7974,7 @@ var CircularProgress = class extends React80.PureComponent {
     };
     const strokeDasharrayTint = dashedTint.gap > 0 ? Object.values(dashedTint).map((value) => parseInt(value)) : null;
     const strokeDasharrayBackground = dashedBackground.gap > 0 ? Object.values(dashedBackground).map((value) => parseInt(value)) : null;
-    return /* @__PURE__ */ React80.createElement(import_react_native66.View, { style }, /* @__PURE__ */ React80.createElement(import_react_native_svg.Svg, { width: size2 + padding, height: size2 + padding }, /* @__PURE__ */ React80.createElement(
+    return /* @__PURE__ */ React80.createElement(import_react_native65.View, { style }, /* @__PURE__ */ React80.createElement(import_react_native_svg.Svg, { width: size2 + padding, height: size2 + padding }, /* @__PURE__ */ React80.createElement(
       import_react_native_svg.G,
       {
         rotation,
@@ -8093,14 +8015,14 @@ var CircularProgress = class extends React80.PureComponent {
         }
       ),
       cap
-    )), children && /* @__PURE__ */ React80.createElement(import_react_native66.View, { style: localChildrenContainerStyle }, children(fill)));
+    )), children && /* @__PURE__ */ React80.createElement(import_react_native65.View, { style: localChildrenContainerStyle }, children(fill)));
   }
 };
 CircularProgress.propTypes = {
   style: import_prop_types.default.object,
   size: import_prop_types.default.oneOfType([
     import_prop_types.default.number,
-    import_prop_types.default.instanceOf(import_react_native66.Animated.Value)
+    import_prop_types.default.instanceOf(import_react_native65.Animated.Value)
   ]).isRequired,
   fill: import_prop_types.default.number.isRequired,
   secondFill: import_prop_types.default.number,
@@ -8134,13 +8056,13 @@ CircularProgress.defaultProps = {
 // components/progress/radial/react-native-circular-progress/AnimatedCircularProgress.tsx
 var import_prop_types2 = __toESM(require_prop_types());
 var React81 = __toESM(require("react"));
-var import_react_native67 = require("react-native");
-var AnimatedProgress = import_react_native67.Animated.createAnimatedComponent(CircularProgress);
+var import_react_native66 = require("react-native");
+var AnimatedProgress = import_react_native66.Animated.createAnimatedComponent(CircularProgress);
 var AnimatedCircularProgress = class extends React81.PureComponent {
   constructor(props) {
     super(props);
     this.state = {
-      fillAnimation: new import_react_native67.Animated.Value(props.prefill)
+      fillAnimation: new import_react_native66.Animated.Value(props.prefill)
     };
     if (props.onFillChange) {
       this.state.fillAnimation.addListener(({ value }) => props.onFillChange(value));
@@ -8157,7 +8079,7 @@ var AnimatedCircularProgress = class extends React81.PureComponent {
   reAnimate(prefill, toVal, dur, ease) {
     this.setState(
       {
-        fillAnimation: new import_react_native67.Animated.Value(prefill)
+        fillAnimation: new import_react_native66.Animated.Value(prefill)
       },
       () => this.animate(toVal, dur, ease)
     );
@@ -8167,7 +8089,7 @@ var AnimatedCircularProgress = class extends React81.PureComponent {
     const duration = dur || this.props.duration;
     const easing = ease || this.props.easing;
     const { useNativeDriver } = this.props;
-    const anim = import_react_native67.Animated.timing(this.state.fillAnimation, {
+    const anim = import_react_native66.Animated.timing(this.state.fillAnimation, {
       useNativeDriver,
       toValue,
       easing,
@@ -8201,7 +8123,7 @@ AnimatedCircularProgress.propTypes = {
 };
 AnimatedCircularProgress.defaultProps = {
   duration: 500,
-  easing: import_react_native67.Easing.out(import_react_native67.Easing.ease),
+  easing: import_react_native66.Easing.out(import_react_native66.Easing.ease),
   prefill: 0,
   useNativeDriver: false
 };
@@ -8228,7 +8150,7 @@ var ProgressRadial = React82.forwardRef(({
   const secondFillColor = { secondFillTintColor: getColorStyle(secondValueColor || "MAIN" /* MAIN */) };
   const progressRadialWidth = 100;
   const progressRadialSkeletonRadius = 50;
-  const styles7 = import_react_native68.StyleSheet.create({
+  const styles7 = import_react_native67.StyleSheet.create({
     container: {
       alignSelf: getAlignStyle(align)
     },
@@ -8272,7 +8194,7 @@ var ProgressRadial = React82.forwardRef(({
     }
   });
   const ProgressRadialSkeleton = () => /* @__PURE__ */ React82.createElement(
-    Skeleton_native_default,
+    Skeleton_default,
     {
       style: styles7.skeleton,
       width: progressRadialWidth,
@@ -8284,9 +8206,9 @@ var ProgressRadial = React82.forwardRef(({
     return /* @__PURE__ */ React82.createElement(ProgressRadialSkeleton, null);
   }
   if (disk) {
-    return /* @__PURE__ */ React82.createElement(import_react_native68.View, { ref, style: styles7.container }, /* @__PURE__ */ React82.createElement(import_react_native68.View, { style: [styles7.disk, styles7.alignCenter], ...others }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.labelDisk, level: 2 /* TWO */ }, label || "") : label, description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.descriptionDisk, level: 3 /* THREE */, typo: "has-text-centered" /* TEXT_CENTERED */ }, description || "") : description));
+    return /* @__PURE__ */ React82.createElement(import_react_native67.View, { ref, style: styles7.container }, /* @__PURE__ */ React82.createElement(import_react_native67.View, { style: [styles7.disk, styles7.alignCenter], ...others }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.labelDisk, level: 2 /* TWO */ }, label || "") : label, description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.descriptionDisk, level: 3 /* THREE */, typo: "has-text-centered" /* TEXT_CENTERED */ }, description || "") : description));
   }
-  return /* @__PURE__ */ React82.createElement(import_react_native68.View, { ref, style: styles7.container, ...others }, /* @__PURE__ */ React82.createElement(
+  return /* @__PURE__ */ React82.createElement(import_react_native67.View, { ref, style: styles7.container, ...others }, /* @__PURE__ */ React82.createElement(
     AnimatedCircularProgress,
     {
       size: 90,
@@ -8298,7 +8220,7 @@ var ProgressRadial = React82.forwardRef(({
       ...secondFill,
       ...secondFillColor
     },
-    () => /* @__PURE__ */ React82.createElement(import_react_native68.View, { style: styles7.alignCenter }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.label, level: 2 /* TWO */ }, label || "") : /* @__PURE__ */ React82.createElement(import_react_native68.View, null, label), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.description, level: 4 /* FOUR */ }, description || "") : /* @__PURE__ */ React82.createElement(import_react_native68.View, null, description || children))
+    () => /* @__PURE__ */ React82.createElement(import_react_native67.View, { style: styles7.alignCenter }, label && typeof label.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.label, level: 2 /* TWO */ }, label || "") : /* @__PURE__ */ React82.createElement(import_react_native67.View, null, label), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React82.createElement(Text_native_default, { style: styles7.description, level: 4 /* FOUR */ }, description || "") : /* @__PURE__ */ React82.createElement(import_react_native67.View, null, description || children))
   ));
 });
 ProgressRadial.displayName = "ProgressRadial" /* ProgressRadial */;
@@ -8392,7 +8314,7 @@ var import_react52 = require("react");
 
 // components/radio/list/RadioList.native.tsx
 var React85 = __toESM(require("react"));
-var import_react_native69 = require("react-native");
+var import_react_native68 = require("react-native");
 var { THREE: THREE3, TWO: TWO3 } = SpacerSize;
 var { INSERT_SPACE_BETWEEN: INSERT_SPACE_BETWEEN3 } = SpacingMatrixMode;
 var SPACING_MATRIX2 = [
@@ -8401,7 +8323,7 @@ var SPACING_MATRIX2 = [
   [INSERT_SPACE_BETWEEN3, "Radio", "Radio", THREE3]
 ];
 var RadioList = React85.forwardRef(({ children, label }, ref) => {
-  const styles7 = import_react_native69.StyleSheet.create({
+  const styles7 = import_react_native68.StyleSheet.create({
     label: {
       marginBottom: 8
     }
@@ -8413,7 +8335,7 @@ var RadioList_native_default = RadioList;
 
 // components/radio/Radio.native.tsx
 var import_react53 = __toESM(require("react"));
-var import_react_native70 = require("react-native");
+var import_react_native69 = require("react-native");
 var Radio = import_react53.default.forwardRef(({
   id = import_react53.default.useId(),
   checked,
@@ -8424,7 +8346,7 @@ var Radio = import_react53.default.forwardRef(({
   label,
   value
 }, ref) => {
-  const styles7 = import_react_native70.StyleSheet.create({
+  const styles7 = import_react_native69.StyleSheet.create({
     container: {
       flexDirection: "row",
       alignItems: "center"
@@ -8462,16 +8384,16 @@ var Radio = import_react53.default.forwardRef(({
       }
     }
   };
-  return /* @__PURE__ */ import_react53.default.createElement(import_react_native70.TouchableOpacity, { ref, disabled, style: styles7.container, onPress: () => handleClick(value != null ? value : "") }, /* @__PURE__ */ import_react53.default.createElement(import_react_native70.View, { style: styles7.radio, testID: id }, checked && /* @__PURE__ */ import_react53.default.createElement(import_react_native70.View, { style: styles7.icon })), label && typeof label.valueOf() === "string" ? /* @__PURE__ */ import_react53.default.createElement(Text_native_default, { style: styles7.label }, String(label)) : label);
+  return /* @__PURE__ */ import_react53.default.createElement(import_react_native69.TouchableOpacity, { ref, disabled, style: styles7.container, onPress: () => handleClick(value != null ? value : "") }, /* @__PURE__ */ import_react53.default.createElement(import_react_native69.View, { style: styles7.radio, testID: id }, checked && /* @__PURE__ */ import_react53.default.createElement(import_react_native69.View, { style: styles7.icon })), label && typeof label.valueOf() === "string" ? /* @__PURE__ */ import_react53.default.createElement(Text_native_default, { style: styles7.label }, String(label)) : label);
 });
 Radio.displayName = "Radio" /* Radio */;
 var Radio_native_default = Radio;
 
 // components/radio/tiles/RadioTiles.native.tsx
 var import_react54 = __toESM(require("react"));
-var import_react_native71 = require("react-native");
+var import_react_native70 = require("react-native");
 var RadioTiles = import_react54.default.forwardRef(({ id, children, align, verticalAlign, ...others }, ref) => {
-  const styles7 = import_react_native71.StyleSheet.create({
+  const styles7 = import_react_native70.StyleSheet.create({
     container: {
       alignItems: verticalAlign === "ALIGNED_CENTER" /* ALIGNED_CENTER */ && "center" || verticalAlign === "ALIGNED_START" /* ALIGNED_START */ && "flex-start" || verticalAlign === "ALIGNED_END" /* ALIGNED_END */ && "flex-end" || void 0,
       justifyContent: align === "ALIGNED_CENTER" /* ALIGNED_CENTER */ && "center" || align === "ALIGNED_START" /* ALIGNED_START */ && "flex-start" || align === "ALIGNED_END" /* ALIGNED_END */ && "flex-end" || void 0,
@@ -8480,14 +8402,14 @@ var RadioTiles = import_react54.default.forwardRef(({ id, children, align, verti
       gap: 8 /* TWO */
     }
   });
-  return /* @__PURE__ */ import_react54.default.createElement(import_react_native71.View, { ref, id, style: [styles7.container], ...others }, children);
+  return /* @__PURE__ */ import_react54.default.createElement(import_react_native70.View, { ref, id, style: [styles7.container], ...others }, children);
 });
 RadioTiles.displayName = "RadioTiles" /* RadioTiles */;
 var RadioTiles_native_default = RadioTiles;
 
 // components/radio/tiles/tile/RadioTile.native.tsx
 var import_react55 = __toESM(require("react"));
-var import_react_native72 = require("react-native");
+var import_react_native71 = require("react-native");
 var RadioTile = import_react55.default.forwardRef(
   ({
     checked,
@@ -8506,7 +8428,7 @@ var RadioTile = import_react55.default.forwardRef(
     ...others
   }, ref) => {
     const [stickerHeight, setStickerHeight] = (0, import_react55.useState)(0);
-    const styles7 = import_react_native72.StyleSheet.create({
+    const styles7 = import_react_native71.StyleSheet.create({
       container: {
         flexDirection: horizontal ? "row" : "column",
         width: horizontal ? "100%" : void 0,
@@ -8556,11 +8478,11 @@ var RadioTile = import_react55.default.forwardRef(
           radioId: id
         });
     }, [value, name, id, disabled, readonly, onChange]);
-    return /* @__PURE__ */ import_react55.default.createElement(import_react_native72.TouchableOpacity, { ref, disabled, style: [styles7.container], onPress: handleChange, ...others }, /* @__PURE__ */ import_react55.default.createElement(InputRadio, { checked, disabled }), sticker && /* @__PURE__ */ import_react55.default.createElement(import_react_native72.View, { style: styles7.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ import_react55.default.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), icon && /* @__PURE__ */ import_react55.default.createElement(import_react_native72.View, { style: [styles7.icon] }, /* @__PURE__ */ import_react55.default.createElement(Icon_native_default, { size: "small" /* SMALL */, name: icon })), /* @__PURE__ */ import_react55.default.createElement(import_react_native72.View, { style: [styles7.content] }, label && /* @__PURE__ */ import_react55.default.createElement(Text_native_default, { level: 1 /* ONE */, typo: typoTitle }, String(label)), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ import_react55.default.createElement(Text_native_default, { level: 2 /* TWO */, typo: typoText }, String(description)) : description));
+    return /* @__PURE__ */ import_react55.default.createElement(import_react_native71.TouchableOpacity, { ref, disabled, style: [styles7.container], onPress: handleChange, ...others }, /* @__PURE__ */ import_react55.default.createElement(InputRadio, { checked, disabled }), sticker && /* @__PURE__ */ import_react55.default.createElement(import_react_native71.View, { style: styles7.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ import_react55.default.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), icon && /* @__PURE__ */ import_react55.default.createElement(import_react_native71.View, { style: [styles7.icon] }, /* @__PURE__ */ import_react55.default.createElement(Icon_native_default, { size: "small" /* SMALL */, name: icon })), /* @__PURE__ */ import_react55.default.createElement(import_react_native71.View, { style: [styles7.content] }, label && /* @__PURE__ */ import_react55.default.createElement(Text_native_default, { level: 1 /* ONE */, typo: typoTitle }, String(label)), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ import_react55.default.createElement(Text_native_default, { level: 2 /* TWO */, typo: typoText }, String(description)) : description));
   }
 );
 var InputRadio = ({ checked, disabled }) => {
-  const styles7 = import_react_native72.StyleSheet.create({
+  const styles7 = import_react_native71.StyleSheet.create({
     input: {
       marginRight: "auto",
       width: 18,
@@ -8580,7 +8502,7 @@ var InputRadio = ({ checked, disabled }) => {
       )
     }
   });
-  return /* @__PURE__ */ import_react55.default.createElement(import_react_native72.View, { style: [styles7.input] }, /* @__PURE__ */ import_react55.default.createElement(import_react_native72.View, { style: [styles7.inputRadio] }));
+  return /* @__PURE__ */ import_react55.default.createElement(import_react_native71.View, { style: [styles7.input] }, /* @__PURE__ */ import_react55.default.createElement(import_react_native71.View, { style: [styles7.inputRadio] }));
 };
 RadioTile.displayName = "RadioTile" /* RadioTile */;
 var RadioTile_native_default = RadioTile;
@@ -8588,12 +8510,12 @@ var RadioTile_native_default = RadioTile;
 // components/range/Range.native.tsx
 var import_react_native_multi_slider = __toESM(require("@ptomasroos/react-native-multi-slider"));
 var React89 = __toESM(require("react"));
-var import_react_native73 = require("react-native");
+var import_react_native72 = require("react-native");
 var Range = React89.forwardRef(
   ({ min, max, label, unit, onChange, value, simple }, ref) => {
     const [values3, setValues] = React89.useState(value || simple ? [0] : [0, 100]);
     const [width, setWidth] = React89.useState(0);
-    const styles7 = import_react_native73.StyleSheet.create({
+    const styles7 = import_react_native72.StyleSheet.create({
       marker: {
         width: 20,
         height: 20,
@@ -8614,9 +8536,9 @@ var Range = React89.forwardRef(
         marginTop: -6
       }
     });
-    const Marker = () => /* @__PURE__ */ React89.createElement(import_react_native73.View, { style: styles7.marker });
+    const Marker = () => /* @__PURE__ */ React89.createElement(import_react_native72.View, { style: styles7.marker });
     return /* @__PURE__ */ React89.createElement(
-      import_react_native73.View,
+      import_react_native72.View,
       {
         ref,
         onLayout: (event) => {
@@ -8624,7 +8546,7 @@ var Range = React89.forwardRef(
           setWidth(width2);
         }
       },
-      /* @__PURE__ */ React89.createElement(import_react_native73.View, { style: { marginBottom: -4 } }, /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */ }, label && label)),
+      /* @__PURE__ */ React89.createElement(import_react_native72.View, { style: { marginBottom: -4 } }, /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */ }, label && label)),
       /* @__PURE__ */ React89.createElement(
         import_react_native_multi_slider.default,
         {
@@ -8650,7 +8572,7 @@ var Range = React89.forwardRef(
           }
         }
       ),
-      /* @__PURE__ */ React89.createElement(import_react_native73.View, { style: styles7.markerLabels }, /* @__PURE__ */ React89.createElement(import_react_native73.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, values3[0]), unit && /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, unit)), !simple && /* @__PURE__ */ React89.createElement(import_react_native73.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, values3[1]), unit && /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, unit)))
+      /* @__PURE__ */ React89.createElement(import_react_native72.View, { style: styles7.markerLabels }, /* @__PURE__ */ React89.createElement(import_react_native72.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, values3[0]), unit && /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, unit)), !simple && /* @__PURE__ */ React89.createElement(import_react_native72.View, { style: { flexDirection: "row" } }, /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, values3[1]), unit && /* @__PURE__ */ React89.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, unit)))
     );
   }
 );
@@ -8659,7 +8581,7 @@ var Range_native_default = Range;
 
 // components/scroll-view/ScrollView.native.tsx
 var React90 = __toESM(require("react"));
-var import_react_native74 = require("react-native");
+var import_react_native73 = require("react-native");
 var ScrollView6 = React90.forwardRef(
   ({
     children,
@@ -8681,7 +8603,7 @@ var ScrollView6 = React90.forwardRef(
       setRefreshing(true);
       wait(2e3).then(() => setRefreshing(false));
     }, []);
-    const styles7 = import_react_native74.StyleSheet.create({
+    const styles7 = import_react_native73.StyleSheet.create({
       stickyContent: {
         flexGrow: 1,
         justifyContent: "space-between",
@@ -8690,7 +8612,7 @@ var ScrollView6 = React90.forwardRef(
     });
     if (footer) {
       return /* @__PURE__ */ React90.createElement(
-        import_react_native74.ScrollView,
+        import_react_native73.ScrollView,
         {
           horizontal: scrollDirection === "HORIZONTAL" /* HORIZONTAL */,
           testID: id,
@@ -8700,7 +8622,7 @@ var ScrollView6 = React90.forwardRef(
           overScrollMode: bounce && isAndroid && "always" || "never",
           ...refresh && {
             refreshControl: /* @__PURE__ */ React90.createElement(
-              import_react_native74.RefreshControl,
+              import_react_native73.RefreshControl,
               {
                 tintColor: refreshControlColor && getColorStyle(refreshControlColor),
                 colors: refreshControlColor && [getColorStyle(refreshControlColor)],
@@ -8717,7 +8639,7 @@ var ScrollView6 = React90.forwardRef(
           ...others
         },
         /* @__PURE__ */ React90.createElement(
-          import_react_native74.View,
+          import_react_native73.View,
           {
             style: {
               flex: 1,
@@ -8726,11 +8648,11 @@ var ScrollView6 = React90.forwardRef(
           },
           children
         ),
-        /* @__PURE__ */ React90.createElement(import_react_native74.View, { style: { justifyContent: "flex-end" } }, footer)
+        /* @__PURE__ */ React90.createElement(import_react_native73.View, { style: { justifyContent: "flex-end" } }, footer)
       );
     }
     return /* @__PURE__ */ React90.createElement(
-      import_react_native74.ScrollView,
+      import_react_native73.ScrollView,
       {
         horizontal: scrollDirection === "HORIZONTAL" /* HORIZONTAL */,
         testID: id,
@@ -8741,7 +8663,7 @@ var ScrollView6 = React90.forwardRef(
         overScrollMode: bounce && isAndroid && "always" || "never",
         ...refresh && {
           refreshControl: /* @__PURE__ */ React90.createElement(
-            import_react_native74.RefreshControl,
+            import_react_native73.RefreshControl,
             {
               tintColor: refreshControlColor && getColorStyle(refreshControlColor),
               colors: refreshControlColor && [getColorStyle(refreshControlColor)],
@@ -8757,7 +8679,7 @@ var ScrollView6 = React90.forwardRef(
         },
         ...others
       },
-      centerContent ? /* @__PURE__ */ React90.createElement(import_react_native74.View, { style: { flex: 1, justifyContent: "center" } }, children) : children
+      centerContent ? /* @__PURE__ */ React90.createElement(import_react_native73.View, { style: { flex: 1, justifyContent: "center" } }, children) : children
     );
   }
 );
@@ -8766,10 +8688,10 @@ var ScrollView_native_default = ScrollView6;
 
 // components/section/Section.native.tsx
 var React91 = __toESM(require("react"));
-var import_react_native75 = require("react-native");
+var import_react_native74 = require("react-native");
 var Section = React91.forwardRef(({ backgroundColor, backgroundSrc, children, style, ...others }, ref) => {
   const colorBgc = getColorStyle("WHITE" /* BACKGROUND */);
-  const styles7 = import_react_native75.StyleSheet.create({
+  const styles7 = import_react_native74.StyleSheet.create({
     container: {
       backgroundColor: backgroundSrc ? void 0 : backgroundColor ? getColorStyle(backgroundColor) : colorBgc,
       paddingVertical: 32,
@@ -8778,22 +8700,22 @@ var Section = React91.forwardRef(({ backgroundColor, backgroundSrc, children, st
   });
   if (backgroundSrc) {
     return /* @__PURE__ */ React91.createElement(
-      import_react_native75.ImageBackground,
+      import_react_native74.ImageBackground,
       {
         resizeMode: "cover",
         source: typeof backgroundSrc === "number" ? backgroundSrc : { uri: backgroundSrc }
       },
-      /* @__PURE__ */ React91.createElement(import_react_native75.View, { ref, style: [styles7.container, style], ...others }, children)
+      /* @__PURE__ */ React91.createElement(import_react_native74.View, { ref, style: [styles7.container, style], ...others }, children)
     );
   }
-  return /* @__PURE__ */ React91.createElement(import_react_native75.View, { ref, style: [styles7.container, style], ...others }, children);
+  return /* @__PURE__ */ React91.createElement(import_react_native74.View, { ref, style: [styles7.container, style], ...others }, children);
 });
 Section.displayName = "Section" /* Section */;
 var Section_native_default = Section;
 
 // components/segment-control/SegmentControl.native.tsx
 var import_react57 = __toESM(require("react"));
-var import_react_native76 = require("react-native");
+var import_react_native75 = require("react-native");
 
 // components/segment-control/item/SegmentControlItem.tsx
 var import_clsx4 = __toESM(require("clsx"));
@@ -8850,7 +8772,7 @@ var SegmentControl = import_react57.default.forwardRef(({ children, onClick, act
       onClick(e);
     }
   };
-  const styles7 = import_react_native76.StyleSheet.create({
+  const styles7 = import_react_native75.StyleSheet.create({
     padding: {
       paddingLeft: 10,
       paddingRight: 10
@@ -8900,7 +8822,7 @@ var SegmentControl_native_default = SegmentControl;
 
 // components/segment-control/item/SegmentControlItem.native.tsx
 var import_react58 = __toESM(require("react"));
-var import_react_native77 = require("react-native");
+var import_react_native76 = require("react-native");
 var SegmentControlItem2 = import_react58.default.forwardRef(({
   active,
   children,
@@ -8909,7 +8831,7 @@ var SegmentControlItem2 = import_react58.default.forwardRef(({
   ...others
 }, ref) => {
   const [activeItem, setActiveItem] = (0, import_react58.useState)(active || false);
-  const styles7 = import_react_native77.StyleSheet.create({
+  const styles7 = import_react_native76.StyleSheet.create({
     tabsItem: {
       flexDirection: "column",
       flex: 1,
@@ -8932,7 +8854,7 @@ var SegmentControlItem2 = import_react58.default.forwardRef(({
     setActiveItem(active || false);
   }, [active]);
   return /* @__PURE__ */ import_react58.default.createElement(
-    import_react_native77.TouchableOpacity,
+    import_react_native76.TouchableOpacity,
     {
       ref,
       disabled,
@@ -8947,7 +8869,7 @@ var SegmentControlItem2 = import_react58.default.forwardRef(({
       },
       ...others
     },
-    children && typeof children.valueOf() === "string" && /* @__PURE__ */ import_react58.default.createElement(import_react_native77.Text, { style: styles7.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
+    children && typeof children.valueOf() === "string" && /* @__PURE__ */ import_react58.default.createElement(import_react_native76.Text, { style: styles7.text, ellipsizeMode: "tail", numberOfLines: 1 }, String(children))
   );
 });
 SegmentControlItem2.displayName = "SegmentControlItem" /* SegmentControlItem */;
@@ -8955,14 +8877,14 @@ var SegmentControlItem_native_default = SegmentControlItem2;
 
 // components/select/Select.native.tsx
 var import_react59 = __toESM(require("react"));
-var import_react_native79 = require("react-native");
+var import_react_native78 = require("react-native");
 
 // components/select/option/SelectOption.native.tsx
 var React95 = __toESM(require("react"));
-var import_react_native78 = require("react-native");
+var import_react_native77 = require("react-native");
 var SelectOption = React95.forwardRef(({ disabled, children, onClick, label, iconName, ...others }, ref) => {
   const { checked } = others;
-  const styles7 = import_react_native78.StyleSheet.create({
+  const styles7 = import_react_native77.StyleSheet.create({
     container: {
       backgroundColor: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "transparent"),
       width: "100%",
@@ -8988,7 +8910,7 @@ var SelectOption = React95.forwardRef(({ disabled, children, onClick, label, ico
   const columnLabelSize = React95.useMemo(() => {
     return iconName ? checked && 10 || 11 : checked && 11 || 12;
   }, [iconName, checked]);
-  return /* @__PURE__ */ React95.createElement(import_react_native78.TouchableOpacity, { ref, style: [styles7.container], ...others, onPress: onClick }, /* @__PURE__ */ React95.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, iconName && /* @__PURE__ */ React95.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React95.createElement(Icon_native_default, { size: "small" /* SMALL */, name: iconName, color: iconColor })), /* @__PURE__ */ React95.createElement(Column_native_default, { size: columnLabelSize }, /* @__PURE__ */ React95.createElement(
+  return /* @__PURE__ */ React95.createElement(import_react_native77.TouchableOpacity, { ref, style: [styles7.container], ...others, onPress: onClick }, /* @__PURE__ */ React95.createElement(Columns_native_default, { verticalAlign: "ALIGNED_CENTER" /* ALIGNED_CENTER */ }, iconName && /* @__PURE__ */ React95.createElement(Column_native_default, { size: 1 }, /* @__PURE__ */ React95.createElement(Icon_native_default, { size: "small" /* SMALL */, name: iconName, color: iconColor })), /* @__PURE__ */ React95.createElement(Column_native_default, { size: columnLabelSize }, /* @__PURE__ */ React95.createElement(
     Text_native_default,
     {
       typo: [checked && "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */],
@@ -9118,7 +9040,7 @@ var Select = import_react59.default.forwardRef(
         active: display,
         onClose: handleOpenCloseModal,
         unClosable: true,
-        trigger: /* @__PURE__ */ import_react59.default.createElement(import_react_native79.TouchableOpacity, { onPress: handleOpenCloseModal }, /* @__PURE__ */ import_react59.default.createElement(
+        trigger: /* @__PURE__ */ import_react59.default.createElement(import_react_native78.TouchableOpacity, { onPress: handleOpenCloseModal }, /* @__PURE__ */ import_react59.default.createElement(
           Input_native_default,
           {
             status,
@@ -9136,7 +9058,7 @@ var Select = import_react59.default.forwardRef(
           }
         ))
       },
-      /* @__PURE__ */ import_react59.default.createElement(ModalBody_native_default, null, /* @__PURE__ */ import_react59.default.createElement(import_react_native79.View, { style: { paddingBottom: 20 } }, options))
+      /* @__PURE__ */ import_react59.default.createElement(ModalBody_native_default, null, /* @__PURE__ */ import_react59.default.createElement(import_react_native78.View, { style: { paddingBottom: 20 } }, options))
     );
   }
 );
@@ -9152,14 +9074,14 @@ var SelectStatus = /* @__PURE__ */ ((SelectStatus2) => {
 
 // components/stepper/Stepper.native.tsx
 var React97 = __toESM(require("react"));
-var import_react_native80 = require("react-native");
+var import_react_native79 = require("react-native");
 var Stepper = React97.forwardRef(({ children, ...others }, ref) => {
   const [currentStep, setCurrentStep] = React97.useState({
     step: 0,
     name: "",
     iconName: ""
   });
-  const styles7 = import_react_native80.StyleSheet.create({
+  const styles7 = import_react_native79.StyleSheet.create({
     steppers: {
       flexDirection: "row",
       flex: 1
@@ -9217,7 +9139,7 @@ var Stepper = React97.forwardRef(({ children, ...others }, ref) => {
       }
     }
   }, [children]);
-  return /* @__PURE__ */ React97.createElement(import_react_native80.View, { ref }, /* @__PURE__ */ React97.createElement(import_react_native80.View, { style: styles7.steppers, ...others }, children), /* @__PURE__ */ React97.createElement(import_react_native80.View, { style: styles7.step }, /* @__PURE__ */ React97.createElement(import_react_native80.View, { style: styles7.hasIcon }, currentStep.iconName && /* @__PURE__ */ React97.createElement(Text_native_default, { style: styles7.icon }, /* @__PURE__ */ React97.createElement(Icon_native_default, { name: currentStep.iconName, size: "small" /* SMALL */ })), /* @__PURE__ */ React97.createElement(Text_native_default, { level: 1 /* ONE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, currentStep.name)), /* @__PURE__ */ React97.createElement(
+  return /* @__PURE__ */ React97.createElement(import_react_native79.View, { ref }, /* @__PURE__ */ React97.createElement(import_react_native79.View, { style: styles7.steppers, ...others }, children), /* @__PURE__ */ React97.createElement(import_react_native79.View, { style: styles7.step }, /* @__PURE__ */ React97.createElement(import_react_native79.View, { style: styles7.hasIcon }, currentStep.iconName && /* @__PURE__ */ React97.createElement(Text_native_default, { style: styles7.icon }, /* @__PURE__ */ React97.createElement(Icon_native_default, { name: currentStep.iconName, size: "small" /* SMALL */ })), /* @__PURE__ */ React97.createElement(Text_native_default, { level: 1 /* ONE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, currentStep.name)), /* @__PURE__ */ React97.createElement(
     Text_native_default,
     {
       style: styles7.counter,
@@ -9234,12 +9156,12 @@ var Stepper_native_default = Stepper;
 
 // components/stepper/step/Step.native.tsx
 var React98 = __toESM(require("react"));
-var import_react_native81 = require("react-native");
+var import_react_native80 = require("react-native");
 var Step = React98.forwardRef(({ active, current, done, error, ...others }, ref) => {
   const defaultColor = getColorStyle("NEUTRAL" /* NEUTRAL */);
   const activeColor = getColorStyle("MAIN" /* MAIN */);
   const errorColor = getColorStyle("ERROR" /* ERROR */);
-  const backgroundColorAnim = React98.useRef(new import_react_native81.Animated.Value(0)).current;
+  const backgroundColorAnim = React98.useRef(new import_react_native80.Animated.Value(0)).current;
   const backgroundColor = backgroundColorAnim.interpolate({
     inputRange: [0, 1, 2],
     outputRange: [defaultColor, activeColor, errorColor]
@@ -9253,14 +9175,14 @@ var Step = React98.forwardRef(({ active, current, done, error, ...others }, ref)
     } else {
       targetValue = 0;
     }
-    import_react_native81.Animated.timing(backgroundColorAnim, {
+    import_react_native80.Animated.timing(backgroundColorAnim, {
       toValue: targetValue,
       duration: 650,
       useNativeDriver: false,
-      easing: import_react_native81.Easing.linear
+      easing: import_react_native80.Easing.linear
     }).start();
   }, [active, current, done, error]);
-  const styles7 = import_react_native81.StyleSheet.create({
+  const styles7 = import_react_native80.StyleSheet.create({
     step: {
       flex: 1,
       height: 4,
@@ -9270,7 +9192,7 @@ var Step = React98.forwardRef(({ active, current, done, error, ...others }, ref)
       zIndex: 1
     }
   });
-  return /* @__PURE__ */ React98.createElement(import_react_native81.Animated.View, { ref, style: styles7.step, ...others });
+  return /* @__PURE__ */ React98.createElement(import_react_native80.Animated.View, { ref, style: styles7.step, ...others });
 });
 Step.displayName = "Step" /* Step */;
 var Step_native_default = Step;
@@ -9286,7 +9208,7 @@ var StepMarkup = /* @__PURE__ */ ((StepMarkup2) => {
 
 // components/switch/Switch.native.tsx
 var import_react60 = __toESM(require("react"));
-var import_react_native82 = require("react-native");
+var import_react_native81 = require("react-native");
 var Switch = import_react60.default.forwardRef(({
   id = import_react60.default.useId(),
   checked,
@@ -9305,13 +9227,13 @@ var Switch = import_react60.default.forwardRef(({
   const backgroundColorOff = getColorStyle("NEUTRAL" /* NEUTRAL */);
   const backgroundColorDisabled = getColorStyle("DISABLED" /* DISABLED */);
   const thumbColor = getColorStyle("WHITE" /* BACKGROUND */);
-  const styles7 = import_react_native82.StyleSheet.create({
+  const styles7 = import_react_native81.StyleSheet.create({
     switchIos: {
       transform: [{ scaleX: 0.7 }, { scaleY: 0.7 }]
     }
   });
   return /* @__PURE__ */ import_react60.default.createElement(
-    import_react_native82.Switch,
+    import_react_native81.Switch,
     {
       ref,
       testID: "switch-id",
@@ -9338,7 +9260,7 @@ var Switch_native_default = Switch;
 
 // components/table/Table.native.tsx
 var React100 = __toESM(require("react"));
-var import_react_native83 = require("react-native");
+var import_react_native82 = require("react-native");
 
 // components/table/TableProps.ts
 var TableBorderEnum = /* @__PURE__ */ ((TableBorderEnum2) => {
@@ -9351,7 +9273,7 @@ var TableBorderEnum = /* @__PURE__ */ ((TableBorderEnum2) => {
 // components/table/Table.native.tsx
 var Table = React100.forwardRef(({ children, border, ...others }, ref) => {
   const borderColor = getColorStyle("MAIN_FADE" /* MAIN_FADE */);
-  const styles7 = import_react_native83.StyleSheet.create({
+  const styles7 = import_react_native82.StyleSheet.create({
     table: {
       width: "100%",
       backgroundColor: "transparent"
@@ -9366,7 +9288,7 @@ var Table = React100.forwardRef(({ children, border, ...others }, ref) => {
     }
   });
   return /* @__PURE__ */ React100.createElement(
-    import_react_native83.View,
+    import_react_native82.View,
     {
       ref,
       style: [border === "all" /* ALL */ && styles7.bordered, !border && styles7.noBorder, styles7.table],
@@ -9380,40 +9302,40 @@ var Table_native_default = Table;
 
 // components/table/body/TableBody.native.tsx
 var React101 = __toESM(require("react"));
-var import_react_native84 = require("react-native");
+var import_react_native83 = require("react-native");
 var TableBody = React101.forwardRef(({ children, ...others }, ref) => {
-  const styles7 = import_react_native84.StyleSheet.create({
+  const styles7 = import_react_native83.StyleSheet.create({
     body: {
       display: "flex",
       flexDirection: "column",
       flex: 1
     }
   });
-  return /* @__PURE__ */ React101.createElement(import_react_native84.View, { ref, style: styles7.body, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React101.createElement(import_react_native84.Text, null, String(children)) : children);
+  return /* @__PURE__ */ React101.createElement(import_react_native83.View, { ref, style: styles7.body, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React101.createElement(import_react_native83.Text, null, String(children)) : children);
 });
 TableBody.displayName = "TableBody" /* TableBody */;
 var TableBody_native_default = TableBody;
 
 // components/table/head/TableHead.native.tsx
 var React102 = __toESM(require("react"));
-var import_react_native85 = require("react-native");
+var import_react_native84 = require("react-native");
 var TableHead = React102.forwardRef(({ children, ...others }, ref) => {
-  const styles7 = import_react_native85.StyleSheet.create({
+  const styles7 = import_react_native84.StyleSheet.create({
     head: {
       width: "100%",
       flexDirection: "row"
     }
   });
-  return /* @__PURE__ */ React102.createElement(import_react_native85.View, { ref, style: styles7.head, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React102.createElement(import_react_native85.Text, null, String(children)) : children);
+  return /* @__PURE__ */ React102.createElement(import_react_native84.View, { ref, style: styles7.head, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React102.createElement(import_react_native84.Text, null, String(children)) : children);
 });
 TableHead.displayName = "TableHead" /* TableHead */;
 var TableHead_native_default = TableHead;
 
 // components/table/td/TableTd.native.tsx
 var React103 = __toESM(require("react"));
-var import_react_native86 = require("react-native");
+var import_react_native85 = require("react-native");
 var TableTd = React103.forwardRef(({ children, ...others }, ref) => {
-  const styles7 = import_react_native86.StyleSheet.create({
+  const styles7 = import_react_native85.StyleSheet.create({
     table: {
       flexDirection: "column",
       flex: 1,
@@ -9427,16 +9349,16 @@ var TableTd = React103.forwardRef(({ children, ...others }, ref) => {
       color: getColorStyle("MAIN" /* MAIN */)
     }
   });
-  return /* @__PURE__ */ React103.createElement(import_react_native86.View, { ref, style: styles7.table, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React103.createElement(import_react_native86.Text, { style: styles7.text }, String(children)) : children);
+  return /* @__PURE__ */ React103.createElement(import_react_native85.View, { ref, style: styles7.table, ...others }, children && typeof children.valueOf() === "string" ? /* @__PURE__ */ React103.createElement(import_react_native85.Text, { style: styles7.text }, String(children)) : children);
 });
 TableTd.displayName = "TableTd" /* TableTd */;
 var TableTd_native_default = TableTd;
 
 // components/table/th/TableTh.native.tsx
 var React104 = __toESM(require("react"));
-var import_react_native87 = require("react-native");
+var import_react_native86 = require("react-native");
 var TableTh = React104.forwardRef(({ children, ...others }, ref) => {
-  const styles7 = import_react_native87.StyleSheet.create({
+  const styles7 = import_react_native86.StyleSheet.create({
     tableTh: {
       flexDirection: "column",
       flex: 1,
@@ -9457,7 +9379,7 @@ var TableTh_native_default = TableTh;
 
 // components/table/tr/TableTr.native.tsx
 var import_react61 = __toESM(require("react"));
-var import_react_native88 = require("react-native");
+var import_react_native87 = require("react-native");
 var TableTr = import_react61.default.forwardRef(({
   children,
   expandable,
@@ -9465,7 +9387,7 @@ var TableTr = import_react61.default.forwardRef(({
   ...others
 }, ref) => {
   const [isExpanded, setIsExpended] = (0, import_react61.useState)(false);
-  const styles7 = import_react_native88.StyleSheet.create({
+  const styles7 = import_react_native87.StyleSheet.create({
     tableTr: {
       flexDirection: "row",
       flex: 1
@@ -9481,7 +9403,7 @@ var TableTr = import_react61.default.forwardRef(({
   };
   if (expandable) {
     return /* @__PURE__ */ import_react61.default.createElement(View_native_default, { ref }, /* @__PURE__ */ import_react61.default.createElement(
-      import_react_native88.TouchableOpacity,
+      import_react_native87.TouchableOpacity,
       {
         onPress: () => handleExpendedContent(),
         style: styles7.tableTr,
@@ -9508,7 +9430,7 @@ var TabsContext = import_react62.default.createContext({
 
 // components/tabs/Tabs.native.tsx
 var import_react63 = __toESM(require("react"));
-var import_react_native89 = require("react-native");
+var import_react_native88 = require("react-native");
 var Tabs = import_react63.default.forwardRef(({ children, activeIndex, inverted, fullwidth }, ref) => {
   const [currentIndex, setCurrentIndex] = import_react63.default.useState(activeIndex || 0);
   const [isInverted, setIsInverted] = import_react63.default.useState(inverted || false);
@@ -9529,7 +9451,7 @@ var Tabs = import_react63.default.forwardRef(({ children, activeIndex, inverted,
         fullwidth
       }
     },
-    /* @__PURE__ */ import_react63.default.createElement(import_react_native89.View, { ref }, children)
+    /* @__PURE__ */ import_react63.default.createElement(import_react_native88.View, { ref }, children)
   );
 });
 Tabs.displayName = "Tabs" /* Tabs */;
@@ -9537,7 +9459,7 @@ var Tabs_native_default = Tabs;
 
 // components/tabs/tab-list/tab/Tab.native.tsx
 var import_react64 = __toESM(require("react"));
-var import_react_native90 = require("react-native");
+var import_react_native89 = require("react-native");
 var Tab = import_react64.default.forwardRef(
   ({ active, onClick, to, href, iconName, label, disabled, ...others }, ref) => {
     const { index, ...props } = others;
@@ -9548,12 +9470,12 @@ var Tab = import_react64.default.forwardRef(
         if (!disabled) {
           if (onClick) onClick(e);
           if (!to && !href) setActiveIndex(index);
-          if (to || href) import_react_native90.Linking.openURL(to || href || "");
+          if (to || href) import_react_native89.Linking.openURL(to || href || "");
         }
       },
       [disabled, onClick, index, setActiveIndex, to, href]
     );
-    const styles7 = import_react_native90.StyleSheet.create({
+    const styles7 = import_react_native89.StyleSheet.create({
       tab: {
         flex: fullwidth ? 1 : void 0,
         flexBasis: fullwidth ? 0 : void 0,
@@ -9577,7 +9499,7 @@ var Tab = import_react64.default.forwardRef(
     import_react64.default.useEffect(() => {
       if (active) setActiveIndex(index);
     }, [active, setActiveIndex, index]);
-    return /* @__PURE__ */ import_react64.default.createElement(import_react_native90.TouchableOpacity, { ref, activeOpacity: 1, style: styles7.tab, onPress: handleClick, ...props }, iconName && /* @__PURE__ */ import_react64.default.createElement(import_react_native90.View, { style: { alignSelf: "center" } }, /* @__PURE__ */ import_react64.default.createElement(
+    return /* @__PURE__ */ import_react64.default.createElement(import_react_native89.TouchableOpacity, { ref, activeOpacity: 1, style: styles7.tab, onPress: handleClick, ...props }, iconName && /* @__PURE__ */ import_react64.default.createElement(import_react_native89.View, { style: { alignSelf: "center" } }, /* @__PURE__ */ import_react64.default.createElement(
       Icon_native_default,
       {
         color: disabled ? "DISABLED" /* DISABLED */ : inverted ? "WHITE" /* BACKGROUND */ : "MAIN" /* MAIN */,
@@ -9600,7 +9522,7 @@ var Tab_native_default = Tab;
 
 // components/tabs/tab-list/TabList.native.tsx
 var import_react65 = __toESM(require("react"));
-var import_react_native91 = require("react-native");
+var import_react_native90 = require("react-native");
 var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) => {
   const { inverted, fullwidth } = import_react65.default.useContext(TabsContext);
   const TabListRef = import_react65.default.useRef(null);
@@ -9612,7 +9534,7 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
   const [tabFocused, setTabFocused] = import_react65.default.useState(0);
   const [tabElms, setTabElms] = import_react65.default.useState([]);
   import_react65.default.useImperativeHandle(ref, () => TabListRef.current);
-  const styles7 = import_react_native91.StyleSheet.create({
+  const styles7 = import_react_native90.StyleSheet.create({
     tabList: {
       flexDirection: "row",
       backgroundColor: getColorStyle(inverted ? "MAIN" /* MAIN */ : "transparent")
@@ -9655,7 +9577,7 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
   const onClickNext = import_react65.default.useCallback(() => {
     isVisibleArrowRight && scrollWithArrow(1);
   }, [scrollWithArrow, isVisibleArrowRight]);
-  return /* @__PURE__ */ import_react65.default.createElement(import_react_native91.View, { style: { flexDirection: "row" }, onLayout: (e) => setTabsWidth(e.nativeEvent.layout.width) }, tabListWidth > tabsWidth && /* @__PURE__ */ import_react65.default.createElement(import_react_native91.View, { style: styles7.arrow }, /* @__PURE__ */ import_react65.default.createElement(
+  return /* @__PURE__ */ import_react65.default.createElement(import_react_native90.View, { style: { flexDirection: "row" }, onLayout: (e) => setTabsWidth(e.nativeEvent.layout.width) }, tabListWidth > tabsWidth && /* @__PURE__ */ import_react65.default.createElement(import_react_native90.View, { style: styles7.arrow }, /* @__PURE__ */ import_react65.default.createElement(
     Icon_native_default,
     {
       name: "tri-arrow-left",
@@ -9664,7 +9586,7 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
       onClick: onClickPrev
     }
   )), /* @__PURE__ */ import_react65.default.createElement(
-    import_react_native91.ScrollView,
+    import_react_native90.ScrollView,
     {
       scrollEnabled: fullwidth ? false : void 0,
       ref: TabListRef,
@@ -9698,7 +9620,7 @@ var TabList = import_react65.default.forwardRef(({ children, ...others }, ref) =
         }
       );
     })
-  ), tabListWidth > tabsWidth && /* @__PURE__ */ import_react65.default.createElement(import_react_native91.View, { style: styles7.arrow }, /* @__PURE__ */ import_react65.default.createElement(
+  ), tabListWidth > tabsWidth && /* @__PURE__ */ import_react65.default.createElement(import_react_native90.View, { style: styles7.arrow }, /* @__PURE__ */ import_react65.default.createElement(
     Icon_native_default,
     {
       name: "tri-arrow-right",
@@ -9713,12 +9635,12 @@ var TabList_native_default = TabList;
 
 // components/tabs/tab-panels/tab-panel/TabPanel.native.tsx
 var import_react66 = __toESM(require("react"));
-var import_react_native92 = require("react-native");
+var import_react_native91 = require("react-native");
 var TabPanel = import_react66.default.forwardRef(({ children, testId, ...others }, ref) => {
   const { index, ...props } = others;
   const { activeIndex } = import_react66.default.useContext(TabsContext);
-  const opacity = import_react66.default.useRef(new import_react_native92.Animated.Value(0)).current;
-  const styles7 = import_react_native92.StyleSheet.create({
+  const opacity = import_react66.default.useRef(new import_react_native91.Animated.Value(0)).current;
+  const styles7 = import_react_native91.StyleSheet.create({
     tabPanel: {
       display: activeIndex !== index ? "none" : "flex",
       opacity
@@ -9726,36 +9648,36 @@ var TabPanel = import_react66.default.forwardRef(({ children, testId, ...others
   });
   import_react66.default.useEffect(() => {
     if (activeIndex === index) {
-      import_react_native92.Animated.timing(opacity, {
+      import_react_native91.Animated.timing(opacity, {
         toValue: 1,
         duration: 300,
         useNativeDriver: true
       }).start();
     } else {
-      import_react_native92.Animated.timing(opacity, {
+      import_react_native91.Animated.timing(opacity, {
         toValue: 0,
         duration: 300,
         useNativeDriver: true
       }).start();
     }
   }, [activeIndex, index, opacity]);
-  return /* @__PURE__ */ import_react66.default.createElement(import_react_native92.Animated.View, { ref, style: styles7.tabPanel, ...props, testID: testId }, children);
+  return /* @__PURE__ */ import_react66.default.createElement(import_react_native91.Animated.View, { ref, style: styles7.tabPanel, ...props, testID: testId }, children);
 });
 TabPanel.displayName = "TabPanel" /* TabPanel */;
 var TabPanel_native_default = TabPanel;
 
 // components/tabs/tab-panels/TabPanels.native.tsx
 var import_react67 = __toESM(require("react"));
-var import_react_native93 = require("react-native");
+var import_react_native92 = require("react-native");
 var TabPanels = import_react67.default.forwardRef(({ children, ...others }, ref) => {
   const { inverted } = import_react67.default.useContext(TabsContext);
-  const styles7 = import_react_native93.StyleSheet.create({
+  const styles7 = import_react_native92.StyleSheet.create({
     tabPanels: {
       paddingVertical: 8,
       backgroundColor: getColorStyle(inverted ? "MAIN" /* MAIN */ : "transparent")
     }
   });
-  return /* @__PURE__ */ import_react67.default.createElement(import_react_native93.View, { ref, style: styles7.tabPanels, ...others }, import_react67.default.Children.map(children, (child, index) => {
+  return /* @__PURE__ */ import_react67.default.createElement(import_react_native92.View, { ref, style: styles7.tabPanels, ...others }, import_react67.default.Children.map(children, (child, index) => {
     if (!import_react67.default.isValidElement(child)) return false;
     return /* @__PURE__ */ import_react67.default.createElement(TabPanel_native_default, { ...child.props, index });
   }));
@@ -9765,12 +9687,12 @@ var TabPanels_native_default = TabPanels;
 
 // components/tag/Tag.native.tsx
 var import_react68 = __toESM(require("react"));
-var import_react_native94 = require("react-native");
+var import_react_native93 = require("react-native");
 var Tag = import_react68.default.forwardRef(
   ({ label, variant, inverted, iconName, small, testId, ...others }, ref) => {
     const textColor = inverted ? getColorStyle(variant) : getColorStyle("MAIN" /* MAIN */);
     const backgroundColor = variant && getStatusStyle(variant).backgroundColor;
-    const styles7 = import_react_native94.StyleSheet.create({
+    const styles7 = import_react_native93.StyleSheet.create({
       tag: {
         flexDirection: "row",
         justifyContent: "center",
@@ -9797,7 +9719,7 @@ var Tag = import_react68.default.forwardRef(
         flexDirection: "row"
       }
     });
-    return /* @__PURE__ */ import_react68.default.createElement(import_react_native94.View, { ref, style: styles7.tag, ...others }, iconName && /* @__PURE__ */ import_react68.default.createElement(import_react_native94.View, { style: styles7.icon }, /* @__PURE__ */ import_react68.default.createElement(
+    return /* @__PURE__ */ import_react68.default.createElement(import_react_native93.View, { ref, style: styles7.tag, ...others }, iconName && /* @__PURE__ */ import_react68.default.createElement(import_react_native93.View, { style: styles7.icon }, /* @__PURE__ */ import_react68.default.createElement(
       Icon_native_default,
       {
         color: IconColor[variant || "BACKGROUND" /* BACKGROUND */],
@@ -9805,7 +9727,7 @@ var Tag = import_react68.default.forwardRef(
         name: iconName,
         testId: `${testId}-icon`
       }
-    )), /* @__PURE__ */ import_react68.default.createElement(import_react_native94.Text, { style: styles7.text }, label));
+    )), /* @__PURE__ */ import_react68.default.createElement(import_react_native93.Text, { style: styles7.text }, label));
   }
 );
 Tag.displayName = "Tag" /* Tag */;
@@ -9813,9 +9735,9 @@ var Tag_native_default = Tag;
 
 // components/tag/list/TagList.native.tsx
 var React113 = __toESM(require("react"));
-var import_react_native95 = require("react-native");
+var import_react_native94 = require("react-native");
 var TagList = React113.forwardRef(({ children, ...others }, ref) => {
-  const styles7 = import_react_native95.StyleSheet.create({
+  const styles7 = import_react_native94.StyleSheet.create({
     tagList: {
       width: "100%",
       flexDirection: "row",
@@ -9830,7 +9752,7 @@ var TagList = React113.forwardRef(({ children, ...others }, ref) => {
       padding: 0
     }
   });
-  return /* @__PURE__ */ React113.createElement(import_react_native95.View, { ref, style: [styles7.tagList], ...others }, children);
+  return /* @__PURE__ */ React113.createElement(import_react_native94.View, { ref, style: [styles7.tagList], ...others }, children);
 });
 TagList.displayName = "TagList" /* TagList */;
 var TagList_native_default = TagList;
@@ -9849,7 +9771,7 @@ var TagVariant = /* @__PURE__ */ ((TagVariant2) => {
 
 // components/textarea/Textarea.native.tsx
 var import_react69 = __toESM(require("react"));
-var import_react_native96 = require("react-native");
+var import_react_native95 = require("react-native");
 var Textarea = import_react69.default.forwardRef(
   ({
     defaultValue,
@@ -9879,17 +9801,17 @@ var Textarea = import_react69.default.forwardRef(
     const [isFocus, setIsFocus] = (0, import_react69.useState)(false);
     const [displayDynamicLabel, setDisplayDynamicLabel] = (0, import_react69.useState)(false);
     const textareaColor = isFocus ? getColorStyle("MAIN" /* MAIN */) : getColorStyle("NEUTRAL" /* NEUTRAL */);
-    const animation = (0, import_react69.useRef)(new import_react_native96.Animated.Value(0)).current;
+    const animation = (0, import_react69.useRef)(new import_react_native95.Animated.Value(0)).current;
     (0, import_react69.useEffect)(() => {
       if (displayDynamicLabel) {
-        import_react_native96.Animated.timing(animation, {
+        import_react_native95.Animated.timing(animation, {
           toValue: 1,
           duration: 5e3,
           useNativeDriver: false
         }).start();
       }
     }, [displayDynamicLabel, animation]);
-    const styles7 = import_react_native96.StyleSheet.create({
+    const styles7 = import_react_native95.StyleSheet.create({
       textarea: {
         borderWidth: isFocus ? 2 : 1,
         borderRadius: 3,
@@ -9942,8 +9864,8 @@ var Textarea = import_react69.default.forwardRef(
         zIndex: 10
       }
     });
-    return /* @__PURE__ */ import_react69.default.createElement(import_react_native96.View, null, !dynamicPlaceholder && label && /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(Text_native_default, { typo: "has-text-disabled" /* TEXT_DISABLED */ }, label, " ", label && required && /* @__PURE__ */ import_react69.default.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), /* @__PURE__ */ import_react69.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })), !dynamicPlaceholder && label && sample && /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-disabled" /* TEXT_DISABLED */ }, sample), /* @__PURE__ */ import_react69.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })), iconNameLeft && /* @__PURE__ */ import_react69.default.createElement(import_react_native96.Text, { style: styles7.leftIcon }, /* @__PURE__ */ import_react69.default.createElement(Icon_native_default, { name: iconNameLeft, size: "small" })), /* @__PURE__ */ import_react69.default.createElement(
-      import_react_native96.TextInput,
+    return /* @__PURE__ */ import_react69.default.createElement(import_react_native95.View, null, !dynamicPlaceholder && label && /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(Text_native_default, { typo: "has-text-disabled" /* TEXT_DISABLED */ }, label, " ", label && required && /* @__PURE__ */ import_react69.default.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), /* @__PURE__ */ import_react69.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })), !dynamicPlaceholder && label && sample && /* @__PURE__ */ import_react69.default.createElement(import_react69.default.Fragment, null, /* @__PURE__ */ import_react69.default.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-disabled" /* TEXT_DISABLED */ }, sample), /* @__PURE__ */ import_react69.default.createElement(Spacer_native_default, { size: 12 /* THREE */ })), iconNameLeft && /* @__PURE__ */ import_react69.default.createElement(import_react_native95.Text, { style: styles7.leftIcon }, /* @__PURE__ */ import_react69.default.createElement(Icon_native_default, { name: iconNameLeft, size: "small" })), /* @__PURE__ */ import_react69.default.createElement(
+      import_react_native95.TextInput,
       {
         ref,
         maxLength,
@@ -9973,7 +9895,7 @@ var Textarea = import_react69.default.forwardRef(
         ...others,
         placeholderTextColor: disabled ? getColorStyle("DISABLED" /* DISABLED */) : getColorStyle("FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */)
       }
-    ), iconNameRight && /* @__PURE__ */ import_react69.default.createElement(import_react_native96.Text, { style: styles7.rightIcon }, /* @__PURE__ */ import_react69.default.createElement(Icon_native_default, { name: iconNameRight, size: "small", color: status && status.toUpperCase() })), displayDynamicLabel && dynamicPlaceholder && /* @__PURE__ */ import_react69.default.createElement(import_react_native96.Text, { style: styles7.dynamicLabel }, label), maxLength && /* @__PURE__ */ import_react69.default.createElement(import_react_native96.Text, { style: styles7.counter }, _value ? `${_value == null ? void 0 : _value.length} / ${maxLength}` : `0 / ${maxLength}`), help && /* @__PURE__ */ import_react69.default.createElement(import_react_native96.Text, { style: styles7.help }, help));
+    ), iconNameRight && /* @__PURE__ */ import_react69.default.createElement(import_react_native95.Text, { style: styles7.rightIcon }, /* @__PURE__ */ import_react69.default.createElement(Icon_native_default, { name: iconNameRight, size: "small", color: status && status.toUpperCase() })), displayDynamicLabel && dynamicPlaceholder && /* @__PURE__ */ import_react69.default.createElement(import_react_native95.Text, { style: styles7.dynamicLabel }, label), maxLength && /* @__PURE__ */ import_react69.default.createElement(import_react_native95.Text, { style: styles7.counter }, _value ? `${_value == null ? void 0 : _value.length} / ${maxLength}` : `0 / ${maxLength}`), help && /* @__PURE__ */ import_react69.default.createElement(import_react_native95.Text, { style: styles7.help }, help));
   }
 );
 Textarea.displayName = "Textarea" /* Textarea */;
@@ -9981,13 +9903,13 @@ var Textarea_native_default = Textarea;
 
 // components/timeline/Timeline.native.tsx
 var React115 = __toESM(require("react"));
-var import_react_native97 = require("react-native");
+var import_react_native96 = require("react-native");
 var TimelineHeightContext = React115.createContext({
   height: 0,
   setHeight: () => void 0
 });
 var Timeline = React115.forwardRef(({ children }, ref) => {
-  const styles7 = import_react_native97.StyleSheet.create({
+  const styles7 = import_react_native96.StyleSheet.create({
     container: {
       flexDirection: "column"
     }
@@ -10001,7 +9923,7 @@ var Timeline = React115.forwardRef(({ children }, ref) => {
         setHeight
       }
     },
-    /* @__PURE__ */ React115.createElement(import_react_native97.View, { ref, style: styles7.container }, children)
+    /* @__PURE__ */ React115.createElement(import_react_native96.View, { ref, style: styles7.container }, children)
   );
 });
 Timeline.displayName = "Timeline" /* Timeline */;
@@ -10009,11 +9931,11 @@ var Timeline_native_default = Timeline;
 
 // components/timeline/item/TimelineItem.native.tsx
 var import_react70 = __toESM(require("react"));
-var import_react_native98 = require("react-native");
+var import_react_native97 = require("react-native");
 var TimelineItemContext = (0, import_react70.createContext)({ done: false, active: false, cancel: false });
 var TimelineItem = import_react70.default.forwardRef(({ children, done, active, cancel }, ref) => {
   const { height, setHeight } = (0, import_react70.useContext)(TimelineHeightContext);
-  const styles7 = import_react_native98.StyleSheet.create({
+  const styles7 = import_react_native97.StyleSheet.create({
     item: {
       width: "100%",
       flexDirection: "row",
@@ -10023,7 +9945,7 @@ var TimelineItem = import_react70.default.forwardRef(({ children, done, active,
     }
   });
   return /* @__PURE__ */ import_react70.default.createElement(TimelineItemContext.Provider, { value: { done: done || false, active: active || false, cancel: cancel || false } }, /* @__PURE__ */ import_react70.default.createElement(
-    import_react_native98.View,
+    import_react_native97.View,
     {
       ref,
       onLayout: (event) => {
@@ -10043,11 +9965,11 @@ var TimelineItem_native_default = TimelineItem;
 
 // components/timeline/content/TimelineContent.native.tsx
 var import_react71 = __toESM(require("react"));
-var import_react_native99 = require("react-native");
+var import_react_native98 = require("react-native");
 var TimelineContent = import_react71.default.forwardRef(
   ({ content, heading, linkLabel, linkTo, children }, ref) => {
     const timelineContextValues = (0, import_react71.useContext)(TimelineItemContext);
-    const styles7 = import_react_native99.StyleSheet.create({
+    const styles7 = import_react_native98.StyleSheet.create({
       container: {
         flex: 6,
         marginBottom: 8,
@@ -10065,7 +9987,7 @@ var TimelineContent = import_react71.default.forwardRef(
         marginTop: 6
       }
     });
-    return children ? /* @__PURE__ */ import_react71.default.createElement(import_react_native99.View, { ref, style: styles7.container }, /* @__PURE__ */ import_react71.default.createElement(AutoLayout_native_default, null, children)) : /* @__PURE__ */ import_react71.default.createElement(import_react_native99.View, { ref, style: styles7.container }, !!heading && /* @__PURE__ */ import_react71.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles7.heading, typo: "has-text-main" /* TEXT_MAIN */ }, heading), !!content && /* @__PURE__ */ import_react71.default.createElement(Text_native_default, { level: 2 /* TWO */, style: styles7.content }, content), linkLabel && linkTo && /* @__PURE__ */ import_react71.default.createElement(import_react_native99.TouchableOpacity, { testID: "click-id" }, /* @__PURE__ */ import_react71.default.createElement(import_react_native99.View, { style: styles7.link }, /* @__PURE__ */ import_react71.default.createElement(Link_native_default, { to: linkTo }, linkLabel))));
+    return children ? /* @__PURE__ */ import_react71.default.createElement(import_react_native98.View, { ref, style: styles7.container }, /* @__PURE__ */ import_react71.default.createElement(AutoLayout_native_default, null, children)) : /* @__PURE__ */ import_react71.default.createElement(import_react_native98.View, { ref, style: styles7.container }, !!heading && /* @__PURE__ */ import_react71.default.createElement(Text_native_default, { level: 3 /* THREE */, style: styles7.heading, typo: "has-text-main" /* TEXT_MAIN */ }, heading), !!content && /* @__PURE__ */ import_react71.default.createElement(Text_native_default, { level: 2 /* TWO */, style: styles7.content }, content), linkLabel && linkTo && /* @__PURE__ */ import_react71.default.createElement(import_react_native98.TouchableOpacity, { testID: "click-id" }, /* @__PURE__ */ import_react71.default.createElement(import_react_native98.View, { style: styles7.link }, /* @__PURE__ */ import_react71.default.createElement(Link_native_default, { to: linkTo }, linkLabel))));
   }
 );
 TimelineContent.displayName = "TimelineContent" /* TimelineContent */;
@@ -10073,11 +9995,11 @@ var TimelineContent_native_default = TimelineContent;
 
 // components/timeline/marker/TimelineMarker.native.tsx
 var import_react72 = __toESM(require("react"));
-var import_react_native100 = require("react-native");
+var import_react_native99 = require("react-native");
 var TimelineMarker = import_react72.default.forwardRef(({ iconName }, ref) => {
   const { active, done, cancel } = (0, import_react72.useContext)(TimelineItemContext);
   const { height } = (0, import_react72.useContext)(TimelineHeightContext);
-  const styles7 = import_react_native100.StyleSheet.create({
+  const styles7 = import_react_native99.StyleSheet.create({
     marker: {
       flex: 1,
       alignSelf: "flex-start",
@@ -10096,7 +10018,7 @@ var TimelineMarker = import_react72.default.forwardRef(({ iconName }, ref) => {
       alignSelf: "center"
     }
   });
-  return /* @__PURE__ */ import_react72.default.createElement(import_react_native100.View, { ref, style: styles7.marker }, /* @__PURE__ */ import_react72.default.createElement(import_react_native100.View, { style: styles7.icon }, /* @__PURE__ */ import_react72.default.createElement(
+  return /* @__PURE__ */ import_react72.default.createElement(import_react_native99.View, { ref, style: styles7.marker }, /* @__PURE__ */ import_react72.default.createElement(import_react_native99.View, { style: styles7.icon }, /* @__PURE__ */ import_react72.default.createElement(
     Icon_native_default,
     {
       name: iconName,
@@ -10105,7 +10027,7 @@ var TimelineMarker = import_react72.default.forwardRef(({ iconName }, ref) => {
       backgroundColor: active && "MAIN" /* MAIN */ || cancel && "NEUTRAL" /* NEUTRAL */ || done && "MAIN" /* MAIN */ || "NEUTRAL" /* NEUTRAL */,
       size: "small" /* SMALL */
     }
-  )), /* @__PURE__ */ import_react72.default.createElement(import_react_native100.View, { style: styles7.divider }));
+  )), /* @__PURE__ */ import_react72.default.createElement(import_react_native99.View, { style: styles7.divider }));
 });
 TimelineMarker.displayName = "TimelineMarker" /* TimelineMarker */;
 var TimelineMarker_native_default = TimelineMarker;
@@ -10125,7 +10047,7 @@ var useTrilogyContext2 = () => {
 var import_react73 = __toESM(require("react"));
 
 // version.ts
-var version = "0.0.21-esm-cjs";
+var version = "0.0.23-esm-cjs";
 
 // version.json
 var version_default = {